From d4f4d474d16fbea749e1bb44948738d87a1dbdcf Mon Sep 17 00:00:00 2001
From: John Bender <john.m.bender@gmail.com>
Date: Sat, 15 Jan 2011 22:44:00 -0800
Subject: [PATCH] whitespace cleanup for mobile forms select

---
 js/jquery.mobile.forms.select.js | 210 +++++++++++++++----------------
 1 file changed, 105 insertions(+), 105 deletions(-)

diff --git a/js/jquery.mobile.forms.select.js b/js/jquery.mobile.forms.select.js
index 7a152060..9622d91a 100644
--- a/js/jquery.mobile.forms.select.js
+++ b/js/jquery.mobile.forms.select.js
@@ -3,12 +3,12 @@
 * Copyright (c) jQuery Project
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
-*/  
+*/
 (function($, undefined ) {
 $.widget( "mobile.selectmenu", $.mobile.widget, {
 	options: {
 		theme: null,
-		disabled: false, 
+		disabled: false,
 		icon: 'arrow-d',
 		iconpos: 'right',
 		inline: null,
@@ -21,40 +21,40 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 		closeText: 'Close'
 	},
 	_create: function(){
-	
+
 		var self = this,
-			
+
 			o = this.options,
-			
+
 			select = this.element
 						.attr( "tabindex", "-1" )
 						.wrap( "<div class='ui-select'>" ),
-							
+
 			selectID = select.attr( "id" ),
-			
+
 			isMultiple = self.isMultiple = select[0].multiple,
-			
+
 			options = select.find("option"),
-			
+
 			label = $( "label[for="+ selectID +"]" ).addClass( "ui-select" ),
-			
+
 			buttonId = selectID + "-button",
-			
+
 			menuId = selectID + "-menu",
-			
+
 			thisPage = select.closest( ".ui-page" ),
-			
-			button = $( "<a>", { 
+
+			button = $( "<a>", {
 					"href": "#",
 					"role": "button",
 					"id": buttonId,
 					"aria-haspopup": "true",
-					"aria-owns": menuId 
+					"aria-owns": menuId
 				})
 				.text( $( select[0].options.item(select[0].selectedIndex) ).text() )
 				.insertBefore( select )
 				.buttonMarkup({
-					theme: o.theme, 
+					theme: o.theme,
 					icon: o.icon,
 					iconpos: o.iconpos,
 					inline: o.inline,
@@ -62,9 +62,9 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 					shadow: o.shadow,
 					iconshadow: o.iconshadow
 				}),
-			
+
 			theme = /ui-btn-up-([a-z])/.exec( button.attr("class") )[1],
-				
+
 			menuPage = $( "<div data-role='dialog' data-theme='"+ o.menuPageTheme +"'>" +
 						"<div data-role='header'>" +
 							"<div class='ui-title'>" + label.text() + "</div>"+
@@ -72,37 +72,37 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 						"<div data-role='content'></div>"+
 					"</div>" )
 					.appendTo( $.mobile.pageContainer )
-					.page(),	
-					
+					.page(),
+
 			menuPageContent = menuPage.find( ".ui-content" ),
-			
+
 			menuPageClose = menuPage.find( ".ui-header a" ),
-					
+
 			screen = $( "<div>", {"class": "ui-selectmenu-screen ui-screen-hidden"})
-						.appendTo( thisPage ),		
-								
+						.appendTo( thisPage ),
+
 			listbox = $( "<div>", { "class": "ui-selectmenu ui-selectmenu-hidden ui-overlay-shadow ui-corner-all pop ui-body-" + o.overlayTheme } )
 					.insertAfter(screen),
-					
-			list = $( "<ul>", { 
-					"class": "ui-selectmenu-list", 
-					"id": menuId, 
-					"role": "listbox", 
+
+			list = $( "<ul>", {
+					"class": "ui-selectmenu-list",
+					"id": menuId,
+					"role": "listbox",
 					"aria-labelledby": buttonId,
 					"data-theme": theme
 				})
 				.appendTo( listbox ),
-			
+
 			header = $( "<div>", {
 					"class": "ui-header ui-bar-" + theme
 				})
 				.prependTo( listbox ),
-				
+
 			headerTitle = $( "<h1>", {
 					"class": "ui-title"
 				})
 				.appendTo( header ),
-				
+
 			headerClose = $( "<a>", {
 					"data-iconpos": "notext",
 					"data-icon": "delete",
@@ -112,9 +112,9 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 				})
 				.appendTo( header )
 				.buttonMarkup(),
-				
+
 			menuType;
-		
+
 		// add counter for multi selects
 		if( isMultiple ){
 			self.buttonCount = $('<span>')
@@ -122,7 +122,7 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 				.hide()
 				.appendTo( button );
 		}
-		
+
 		//expose to other methods
 		$.extend(self, {
 			select: select,
@@ -144,27 +144,27 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 			headerTitle:headerTitle,
 			placeholder: ''
 		});
-		
+
 		//create list from select, update state
 		self.refresh();
-		
+
 		//disable if specified
 		if( o.disabled ){ this.disable(); }
 
 		//events on native select
 		select
-			.change(function(){ 
+			.change(function(){
 				self.refresh();
 			})
 			.focus(function(){
 				$(this).blur();
 				button.focus();
 			});
-		
+
 		//button events
 		button
 			.bind( "touchstart" ,function( event ){
-				//set startTouches to cached copy of 
+				//set startTouches to cached copy of
 				$( this ).data( "startTouches", $.extend({}, event.originalEvent.touches[ 0 ]) );
 			})
 			.bind( $.support.touch ? "touchend" : "mouseup" , function( event ){
@@ -174,7 +174,7 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 				}
 				else{
 					self.open();
-				}	
+				}
 				event.preventDefault();
 			})
 			.bind( "touchmove", function( event ){
@@ -183,27 +183,27 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 					startTouches = $( this ).data( "startTouches" ),
 					deltaX = Math.abs(thisTouches.pageX - startTouches.pageX),
 					deltaY = Math.abs(thisTouches.pageY - startTouches.pageY);
-									
+
 				if( deltaX > 10 || deltaY > 10 ){
 					$( this ).data( "moved", true );
-				}	
+				}
 			});
-		
+
 		//events for list items
 		list.delegate("li:not(.ui-disabled, .ui-li-divider)", "click", function(event){
-			
+
 			// clicking on the list item fires click on the link in listview.js.
 			// to prevent this handler from firing twice if the link isn't clicked on,
 			// short circuit unless the target is the link
 			if( !$(event.target).is("a") ){ return; }
 
-			// index of option tag to be selected 
+			// index of option tag to be selected
 			var newIndex = list.find( "li:not(.ui-li-divider)" ).index( this ),
 				option = self.optionElems.eq( newIndex )[0];
-			
+
 			// toggle selected status on the tag for multi selects
 			option.selected = isMultiple ? !option.selected : true;
-			
+
 			// toggle checkbox class for multiple selects
 			if( isMultiple ){
 				$(this)
@@ -211,23 +211,23 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 					.toggleClass('ui-icon-checkbox-on', option.selected)
 					.toggleClass('ui-icon-checkbox-off', !option.selected);
 			}
-			
+
 			// trigger change
-			select.trigger( "change" ); 
-			
+			select.trigger( "change" );
+
 			//hide custom select for single selects only
 			if( !isMultiple ){
 				self.close();
 			}
-			
+
 			event.preventDefault();
 		});
-		
+
 		//events on "screen" overlay + close button
 		screen.add( headerClose ).add( menuPageClose ).click(function(event){
 			self.close();
 			event.preventDefault();
-			
+
 			// if the dialog's close icon was clicked, prevent the dialog's close
 			// handler from firing. selectmenu's should take precedence
 			if( $.contains(menuPageClose[0], event.target) ){
@@ -235,117 +235,117 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 			}
 		});
 	},
-	
+
 	_buildList: function(){
-		var self = this, 
+		var self = this,
 			optgroups = [],
 			o = this.options,
 			placeholder = this.placeholder;
-		
+
 		self.list.empty().filter('.ui-listview').listview('destroy');
-		
+
 		//populate menu with options from select element
 		self.select.find( "option" ).each(function( i ){
 			var $this = $(this),
 				$parent = $this.parent(),
 				text = $this.text();
-			
+
 			// are we inside an optgroup?
 			if( $parent.is("optgroup") ){
 				var optLabel = $parent.attr("label");
-				
+
 				// has this optgroup already been built yet?
 				if( $.inArray(optLabel, optgroups) === -1 ){
 					$("<li>", {
 						"data-role":"list-divider",
 						"text": optLabel
 					}).appendTo( self.list );
-					
+
 					optgroups.push( optLabel );
 				}
 			}
-			
-			var anchor = $("<a>", { 
-				"role": "", 
+
+			var anchor = $("<a>", {
+				"role": "",
 				"href": "#",
 				"text": text
 			}),
-		
+
 			item = $( "<li>", { "data-icon": false });
-			
+
 			if( !this.getAttribute('value') || text.length == 0 || $this.data('placeholder') ){
 				if( o.hidePlaceholderMenuItems ){
 					item.addClass('ui-selectmenu-placeholder');
 				}
-				
+
 				placeholder = self.placeholder = text;
 			}
-		
+
 			// multiple select defaults
 			if( self.isMultiple ){
 				item.data('icon', 'checkbox-off');
 			}
-			
+
 			// support disabled option tags
 			if( this.disabled ){
 				item.addClass("ui-disabled")
 					.attr("aria-disabled", true);
 			}
-			
+
 			item
 				.append( anchor )
 				.appendTo( self.list );
 		});
-		
+
 		// hide header close link for single selects
 		if( !this.isMultiple ){
 			this.headerClose.hide();
 		}
-		
+
 		// hide header if it's not a multiselect and there's no placeholder
 		if( !this.isMultiple && !placeholder.length ){
 			this.header.hide();
 		} else {
 			this.headerTitle.text( this.placeholder );
 		}
-		
+
 		//now populated, create listview
 		self.list.listview();
 	},
-	
+
 	refresh: function( forceRebuild ){
 		var self = this,
 			select = this.element,
 			isMultiple = this.isMultiple,
 			options = this.optionElems = select.find("option"),
 			selected = options.filter(":selected"),
-			
+
 			// return an array of all selected index's
 			indicies = selected.map(function(){
 				return options.index( this );
 			}).get();
-		
+
 		if( forceRebuild || select[0].options.length > self.list.find('li').length ){
 			self._buildList();
 		}
-		
+
 		self.button
 			.find( ".ui-btn-text" )
 			.text(function(){
 				if( !isMultiple ){
 					return selected.text();
 				}
-				
+
 				return selected.length ?
 					selected.map(function(){ return $(this).text(); }).get().join(', ') :
 					self.placeholder;
 			});
-		
+
 		// multiple count inside button
 		if( isMultiple ){
 			self.buttonCount[ selected.length > 1 ? 'show' : 'hide' ]().text( selected.length );
 		}
-		
+
 		self.list
 			.find( 'li:not(.ui-li-divider)' )
 			.removeClass( $.mobile.activeBtnClass )
@@ -353,10 +353,10 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 			.each(function( i ){
 				if( $.inArray(i, indicies) > -1 ){
 					var item = $(this).addClass( $.mobile.activeBtnClass );
-					
+
 					// aria selected attr
 					item.find( 'a' ).attr( 'aria-selected', true );
-					
+
 					// multiple selects: add the "on" checkbox state to the icon
 					if( isMultiple ){
 						item.find('.ui-icon').removeClass('ui-icon-checkbox-off').addClass('ui-icon-checkbox-on');
@@ -364,10 +364,10 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 				}
 			});
 	},
-	
+
 	open: function(){
 		if( this.options.disabled ){ return; }
-		
+
 		var self = this,
 			menuHeight = self.list.outerHeight(),
 			menuWidth = self.list.outerWidth(),
@@ -375,36 +375,36 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 			btnOffset = self.button.offset().top,
 			screenHeight = window.innerHeight,
 			screenWidth = window.innerWidth;
-			
+
 		//add active class to button
 		self.button.addClass( $.mobile.activeBtnClass );
-			
+
 		function focusMenuItem(){
 			self.list.find( ".ui-btn-active" ).focus();
 		}
-		
+
 		if( menuHeight > screenHeight - 80 || !$.support.scrollTop ){
-			
+
 			//for webos (set lastscroll using button offset)
 			if( scrollTop == 0 && btnOffset > screenHeight ){
 				self.thisPage.one('pagehide',function(){
 					$(this).data('lastScroll', btnOffset);
-				});	
+				});
 			}
-			
+
 			self.menuPage.one('pageshow',focusMenuItem);
-		
-			self.menuType = "page";		
+
+			self.menuType = "page";
 			self.menuPageContent.append( self.list );
 			$.mobile.changePage(self.menuPage, 'pop', false, false);
 		}
 		else {
 			self.menuType = "overlay";
-						
+
 			self.screen
 				.height( $(document).height() )
 				.removeClass('ui-screen-hidden');
-				
+
 			self.listbox
 				.append( self.list )
 				.removeClass( "ui-selectmenu-hidden" )
@@ -415,26 +415,26 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 					collision: "fit"
 				})
 				.addClass("in");
-				
-			focusMenuItem();	
+
+			focusMenuItem();
 		}
 	},
-	
+
 	close: function(){
 		if( this.options.disabled ){ return; }
 		var self = this;
-		
+
 		function focusButton(){
 			setTimeout(function(){
 				self.button.focus();
-				
+
 				//remove active class from button
 				self.button.removeClass( $.mobile.activeBtnClass );
 			}, 40);
-			
+
 			self.listbox.removeAttr('style').append( self.list );
 		}
-		
+
 		if(self.menuType == "page"){
 			$.mobile.changePage([self.menuPage,self.thisPage], 'pop', true, false);
 			self.menuPage.one("pagehide", focusButton);
@@ -444,15 +444,15 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 			self.listbox.addClass( "ui-selectmenu-hidden" ).removeAttr( "style" ).removeClass("in");
 			focusButton();
 		}
-		
+
 	},
-	
+
 	disable: function(){
 		this.element.attr("disabled",true);
 		this.button.addClass('ui-disabled').attr("aria-disabled", true);
 		return this._setOption( "disabled", true );
 	},
-	
+
 	enable: function(){
 		this.element.attr("disabled",false);
 		this.button.removeClass('ui-disabled').attr("aria-disabled", false);
@@ -460,4 +460,4 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
 	}
 });
 })( jQuery );
-	
+