Controlgroup: finish adding classes option

Author: arschmitz

tests/unit/controlgroup/controlgroup_common.js

@@ -8,6 +8,11 @@ TestHelpers.commonWidgetTests( "controlgroup", {
 		},
 		direction: "horizontal",
 		excludeInvisible: true,
+		classes: {
+			"ui-controlgroup": null,
+			"ui-controlgroup-horizontal": null,
+			"ui-controlgroup-vertical": null
+		},
 
 		// Callbacks
 		create: null

themes/base/controlgroup.css

@@ -17,8 +17,8 @@
 .ui-controlgroup.ui-controlgroup-vertical > .ui-button {
 	display: block;
 	width: 100%;
-	margin-top: 0em;
-	margin-bottom: 0em;
+	margin-top: 0;
+	margin-bottom: 0;
 	text-align: left;
 }
 .ui-controlgroup-vertical label.ui-button {

ui/controlgroup.js

@@ -44,7 +44,7 @@ $.widget( "ui.controlgroup", {
 	},
 
 	_create: function() {
-		this._enhance();;
+		this._enhance();
 	},
 
 	_enhance: function() {
@@ -55,8 +55,9 @@ $.widget( "ui.controlgroup", {
 	_destroy: function() {
 		this._callChildMethod( "destroy" );
 		this.element.removeAttr( "role" );
-		this.element.removeClass( "ui-controlgroup ui-controlgroup-vertical ui-controlgroup-horizontal" )
-			.children().removeClass( "ui-corner-all ui-corner-top" +
+		this.element.removeClass(
+			this._classes( "ui-controlgroup ui-controlgroup-vertical ui-controlgroup-horizontal" )
+		).children().removeClass( "ui-corner-all ui-corner-top" +
 			" ui-corner-bottom ui-corner-left ui-corner-tl ui-corner-tr" );
 	},
 
@@ -85,7 +86,7 @@ $.widget( "ui.controlgroup", {
 			}
 			if ( $.fn[ widget ] && selector ) {
 				that.element.children( selector ).not( filter )[ widget ]( method ?
-					method: options );
+					method : options );
 			}
 		});
 	},
@@ -110,7 +111,8 @@ $.widget( "ui.controlgroup", {
 		var firstClasses = {},
 			lastClasses = {},
 			vertical = ( this.options.direction === "vertical" );
-		this.element.addClass( "ui-controlgroup ui-controlgroup-" + this.options.direction );
+		this.element.addClass( this._classes( "ui-controlgroup ui-controlgroup-" +
+			this.options.direction ) );
 		this._callChildMethod( undefined );
 		this.visible = this.element.children( ".ui-button" ).removeClass( function(index, css) {
 			return ( css.match( /ui-corner-[a-z]*/g ) || [] ).join( " " );
@@ -120,7 +122,7 @@ $.widget( "ui.controlgroup", {
 			.addClass( "ui-corner-" + ( vertical ? "top" : "left" ) );
 		this.last =	this.visible.filter( ":last" )
 			.addClass( "ui-corner-" + ( vertical ? "bottom" : "right" ) );
-		if( $.ui.selectmenu ) {
+		if ( $.ui.selectmenu ) {
 			if ( this.first.is( ".ui-selectmenu-button" ) && !vertical ) {
 				firstClasses[ "ui-selectmenu-button-open" ] = "ui-corner-tl";
 				firstClasses[ "ui-selectmenu-button-closed" ] = "ui-corner-left";
@@ -130,7 +132,7 @@ $.widget( "ui.controlgroup", {
 			if ( this.last.is( ".ui-selectmenu-button" ) ) {
 				if ( vertical ) {
 					lastClasses[ "ui-selectmenu-button-open" ] = null;
-					lastClasses[ "ui-selectmenu-button-closed" ] = "ui-corner-bottom"
+					lastClasses[ "ui-selectmenu-button-closed" ] = "ui-corner-bottom";
 				} else {
 					lastClasses[ "ui-selectmenu-button-open" ] = "ui-corner-tr";
 					lastClasses[ "ui-selectmenu-button-closed" ] = "ui-corner-right";