webshims-rails 0.4.7 → 1.10.3

data/vendor/assets/javascripts/webshims/shims/form-shim-extend.js

@@ -324,8 +324,8 @@ webshims.defineNodeNamesProperties(['input', 'textarea', 'select'], {
 			if( !$.prop(elem, 'willValidate') || elem.type == 'submit' ){
 				return validityState;
 			}
-			var val				= jElm.val(),
-				cache 			= {nodeName: elem.nodeName.toLowerCase()}
+			var val 	= jElm.val(),
+				cache 	= {nodeName: elem.nodeName.toLowerCase()}
 			;
 			
 			validityState.customError = !!(webshims.data(elem, 'customvalidationMessage'));
@@ -351,7 +351,7 @@ webshims.defineNodeNamesBooleanProperty(['input', 'textarea', 'select'], 'requir
 	set: function(value){
 		$(this).getShadowFocusElement().attr('aria-required', !!(value)+'');
 	},
-	initAttr: (Modernizr.localstorage)//only if we have aria-support
+	initAttr: Modernizr.localstorage //only if we have aria-support
 });
 
 webshims.reflectProperties(['input'], ['pattern']);
@@ -672,7 +672,8 @@ if(Modernizr.inputtypes.date && /webkit/i.test(navigator.userAgent)){
 		var noInputTriggerEvts = {updateInput: 1, input: 1},
 			fixInputTypes = {
 				date: 1,
-				time: 1
+				time: 1,
+				"datetime-local": 1
 			},
 			noFocusEvents = {
 				focusout: 1,
@@ -880,9 +881,7 @@ if(!Modernizr.formattribute || !Modernizr.fieldsetdisabled){
 				$.removeData(form, 'webshimsAddedElements');
 			}
 		};
-		var rCRLF = /\r?\n/g,
-			rinput = /^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,
-			rselectTextarea = /^(?:select|textarea)/i;
+		
 		
 		if(!Modernizr.formattribute){
 			webshims.defineNodeNamesProperty(['input', 'textarea', 'select', 'button', 'fieldset'], 'form', {
@@ -990,36 +989,184 @@ if(!Modernizr.formattribute || !Modernizr.fieldsetdisabled){
 			});
 		}
 		
-		$.fn.serializeArray = function() {
-				return this.map(function(){
-					var elements = $.prop(this, 'elements');
-					return elements ? $.makeArray( elements ) : this;
-				})
-				.filter(function(){
-					return this.name && !this.disabled &&
-						( this.checked || rselectTextarea.test( this.nodeName ) ||
-							rinput.test( this.type ) );
-				})
-				.map(function( i, elem ){
-					var val = $( this ).val();
-		
-					return val == null ?
-						null :
-						$.isArray( val ) ?
-							$.map( val, function( val, i ){
-								return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
-							}) :
-							{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
-				}).get();
-			};
+		if(!$.fn.finish && parseFloat($.fn.jquery, 10) < 1.9){
+			var rCRLF = /\r?\n/g,
+				rinput = /^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,
+				rselectTextarea = /^(?:select|textarea)/i;
+			$.fn.serializeArray = function() {
+					return this.map(function(){
+						var elements = $.prop(this, 'elements');
+						return elements ? $.makeArray( elements ) : this;
+					})
+					.filter(function(){
+						return this.name && !this.disabled &&
+							( this.checked || rselectTextarea.test( this.nodeName ) ||
+								rinput.test( this.type ) );
+					})
+					.map(function( i, elem ){
+						var val = $( this ).val();
+			
+						return val == null ?
+							null :
+							$.isArray( val ) ?
+								$.map( val, function( val, i ){
+									return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+								}) :
+								{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+					}).get();
+				};
+		}
 		
 	})();
 }
 
+	if($('<input />').prop('labels') == null){
+		webshims.defineNodeNamesProperty('button, input, keygen, meter, output, progress, select, textarea', 'labels', {
+			prop: {
+				get: function(){
+					if(this.type == 'hidden'){return null;}
+					var id = this.id;
+					var labels = $(this)
+						.closest('label')
+						.filter(function(){
+							var hFor = (this.attributes['for'] || {});
+							return (!hFor.specified || hFor.value == id);
+						})
+					;
+					
+					if(id) {
+						labels = labels.add('label[for="'+ id +'"]');
+					}
+					return labels.get();
+				},
+				writeable: false
+			}
+		});
+	}
+	
+	if(!('value' in document.createElement('progress'))){
+		(function(){
+			
+			var nan = parseInt('NaN', 10);
+			
+			var updateProgress = function(progress){
+				var position;
+				
+				
+				position = $.prop(progress, 'position');
+				
+				$.attr(progress, 'data-position', position);
+				$('> span', progress).css({width: (position < 0 ?  100 : position * 100) +'%'});
+			};
+			var desc = {
+				position: {
+					prop: {
+						get: function(){
+							var max;
+							//jQuery 1.8.x try's to normalize "0" to 0
+							var val = this.getAttribute('value');
+							var ret = -1;
+							
+							val = val ? (val * 1) : nan; 
+							if(!isNaN(val)){
+								max = $.prop(this, 'max');
+								ret = Math.max(Math.min(val / max, 1), 0);
+								if(updateProgress.isInChange){
+									$.attr(this, 'aria-valuenow', ret * 100);
+									if(updateProgress.isInChange == 'max'){
+										$.attr(this, 'aria-valuemax', max);
+									}
+								}
+							} else if(updateProgress.isInChange) {
+								$(this).removeAttr('aria-valuenow');
+							}
+							return ret;
+						},
+						writeable: false
+					}
+				}
+			};
+			
+			$.each({value: 0, max: 1}, function(name, defValue){
+				var removeProp = (name == 'value' && !$.fn.finish);
+				desc[name] = {
+					attr: {
+						set: function(value){
+							var ret = desc[name].attr._supset.call(this, value);
+							updateProgress.isInChange = name;
+							updateProgress(this);
+							updateProgress.isInChange = false;
+							return ret;
+						}
+					},
+					removeAttr: {
+						value: function(){
+							this.removeAttribute(name);
+							if(removeProp){
+								delete this.value;
+							}
+							updateProgress.isInChange = name;
+							updateProgress(this);
+							updateProgress.isInChange = false;
+						}
+					},
+					prop: {
+						get: function(){
+							var max;
+							var ret = (desc[name].attr.get.call(this) * 1);
+							if(ret < 0 || isNaN(ret)){
+								ret = defValue;
+							} else if(name == 'value'){
+								ret = Math.min(ret, $.prop(this, 'max'));
+							} else if(ret === 0){
+								ret = defValue;
+							}
+							return ret;
+						},
+						set: function(value){
+							value = value * 1;
+							if(isNaN(value)){
+								webshims.error('Floating-point value is not finite.');
+							}
+							return desc[name].attr.set.call(this, value);
+						}
+					}
+				};
+			});
+			
+			webshims.createElement(
+				'progress', 
+				function(){
+					var labels = $(this)
+						.attr({role: 'progressbar', 'aria-valuemin': '0'})
+						.html('<span class="progress-value" />')
+						.jProp('labels')
+						.map(function(){
+							return webshims.getID(this);
+						})
+						.get()
+					;
+					if(labels.length){
+						$.attr(this, 'aria-labelledby', labels.join(' '));
+					} else {
+						webshims.info("you should use label elements for your prgogress elements");
+					}
+					
+					updateProgress.isInChange = 'max';
+					updateProgress(this);
+					updateProgress.isInChange = false;
+				}, 
+				desc
+			);
+				
+		})();
+	}
+
 try {
 	document.querySelector(':checked');
 } catch(er){
 	(function(){
+		$('html').addClass('no-csschecked');
 		var checkInputs = {
 			radio: 1,
 			checkbox: 1
@@ -1125,6 +1272,7 @@ try {
 			if(value === false){
 				value = $.prop(elem, 'value');
 			}
+			
 			if(!isOver && elem.type != 'password'){
 				if(!value && _onFocus && setSelection(elem)){
 					var selectTimer  = setTimeout(function(){
@@ -1154,8 +1302,9 @@ try {
 						})
 					;
 					return;
+				} else if(!_onFocus && !value && elem.value){ //especially on submit
+					elem.value = value;
 				}
-				elem.value = value;
 			} else if(!value && _onFocus){
 				$(elem)
 					.off('.placeholderremove')
@@ -1190,15 +1339,18 @@ try {
 				if(!data){return;}
 			}
 			$(elem).unbind('.placeholderremove');
-			if(type == 'focus' || (!type && $(elem).is(':focus'))){
+			
+			if(value === false){
+				value = $.prop(elem, 'value');
+			}
+			
+			if(!value && (type == 'focus' || (!type && $(elem).is(':focus')))){
 				if(elem.type == 'password' || isOver || $(elem).hasClass('placeholder-visible')){
 					hidePlaceholder(elem, data, '', true);
 				}
 				return;
 			}
-			if(value === false){
-				value = $.prop(elem, 'value');
-			}
+			
 			if(value){
 				hidePlaceholder(elem, data, value);
 				return;
@@ -1212,21 +1364,13 @@ try {
 				hidePlaceholder(elem, data, value);
 			}
 		},
+		hasLabel = function(elem){
+			elem = $(elem);
+			return !!(elem.prop('title') || elem.attr('aria-labelledby') || elem.attr('aria-label') || elem.jProp('labels').length);
+		},
 		createPlaceholder = function(elem){
 			elem = $(elem);
-			var id 			= elem.prop('id'),
-				hasLabel	= !!(elem.prop('title') || elem.attr('aria-labelledby'))
-			;
-			if(!hasLabel && id){
-				hasLabel = !!( $('label[for="'+ id +'"]', elem[0].form)[0] );
-			}
-			if(!hasLabel){
-				if(!id){
-					id = $.webshims.getID(elem);
-				}
-				hasLabel = !!($('label #'+ id)[0]);
-			}
-			return $( hasLabel ? '<span class="placeholder-text"></span>' : '<label for="'+ id +'" class="placeholder-text"></label>');
+			return $( hasLabel(elem) ? '<span class="placeholder-text"></span>' : '<label for="'+ elem.prop('id') +'" class="placeholder-text"></label>');
 		},
 		pHolder = (function(){
 			var delReg 	= /\n|\r|\f|\t/g,
@@ -1241,6 +1385,10 @@ try {
 				}
 			;
 			
+			if(webshims.modules["form-number-date-ui"].loaded){
+				delete allowedPlaceholder.number;
+			}
+			
 			return {
 				create: function(elem){
 					var data = $.data(elem, 'placeHolder');
@@ -1339,10 +1487,7 @@ try {
 				update: function(elem, val){
 					var type = ($.attr(elem, 'type') || $.prop(elem, 'type') || '').toLowerCase();
 					if(!allowedPlaceholder[type] && !$.nodeName(elem, 'textarea')){
-						webshims.error('placeholder not allowed on input[type="'+type+'"]');
-						if(type == 'date'){
-							webshims.error('but you can use data-placeholder for input[type="date"]');
-						}
+						webshims.warn('placeholder not allowed on input[type="'+type+'"], but it is a good fallback :-)');
 						return;
 					}
 					
@@ -1386,9 +1531,11 @@ try {
 			placeholderValueDesc[propType] = {
 				set: function(val){
 					var elem = this;
-					var placeholder = webshims.contentAttr(elem, 'placeholder');
-					 
+					var placeholder;
 					
+					if(!placeholder){
+						placeholder = webshims.contentAttr(elem, 'placeholder');
+					}
 					$.removeData(elem, 'cachedValidity');
 					var ret = desc[propType]._supset.call(elem, val);
 					if(placeholder && 'value' in elem){
@@ -1439,7 +1586,7 @@ try {
 			if(elem.getAttribute('aria-live')){return;}
 			elem = $(elem);
 			var value = (elem.text() || '').trim();
-			var	id 	= elem.attr('id');
+			var	id 	= elem.prop('id');
 			var	htmlFor = elem.attr('for');
 			var shim = $('<input class="output-shim" type="text" disabled name="'+ (elem.attr('name') || '')+'" value="'+value+'" style="display: none !important;" />').insertAfter(elem);
 			var form = shim[0].form || doc;
@@ -1456,7 +1603,9 @@ try {
 			elem.attr({'aria-live': 'polite'});
 			if(id){
 				shim.attr('id', id);
-				elem.attr('aria-labelledby', webshims.getID($('label[for="'+id+'"]', form)));
+				elem.attr('aria-labelledby', elem.jProp('labels').map(function(){
+					return webshims.getID(this);
+				}).get().join(' '));
 			}
 			if(htmlFor){
 				id = webshims.getID(elem);
@@ -1503,7 +1652,6 @@ try {
 							//input === null
 							if(!input){return;}
 							var newVal = input.prop('value');
-							
 							if(newVal !== lastVal){
 								lastVal = newVal;
 								if(!e || !noInputTriggerEvts[e.type]){
@@ -1528,7 +1676,7 @@ try {
 					;
 					
 					clearInterval(timer);
-					timer = setInterval(trigger, 99);
+					timer = setInterval(trigger, 200);
 					extraTest();
 					input.on({
 						'keyup keypress keydown paste cut': extraTest,
@@ -1543,7 +1691,7 @@ try {
 			
 			$(doc)
 				.on('focusin', function(e){
-					if( e.target && e.target.type && !e.target.readOnly && !e.target.disabled && (e.target.nodeName || '').toLowerCase() == 'input' && !noInputTypes[e.target.type] ){
+					if( e.target && !e.target.readOnly && !e.target.disabled && (e.target.nodeName || '').toLowerCase() == 'input' && !noInputTypes[e.target.type] && !(webshims.data(e.target, 'implemented') || {}).inputwidgets){
 						observe($(e.target));
 					}
 				})

data/vendor/assets/javascripts/webshims/shims/i18n/{errormessages-ar.js → formcfg-ar.js}

@@ -30,3 +30,33 @@ jQuery.webshims.validityMessages.ar = {
     },
     "stepMismatch": "قيمة غير صحيحة"
 };
+jQuery.webshims.formcfg.ar = {
+	numberFormat: {
+		".": ".",
+		",": ","
+	},
+	numberSigns: '.',
+	dateSigns: '/',
+	timeSigns: ":. ",
+	dFormat: "/",
+	patterns: {
+		d: 'dd/mm/yy'
+	},
+	date: {
+		closeText: 'إغلاق',
+		prevText: '<السابق',
+		nextText: 'التالي>',
+		currentText: 'اليوم',
+		monthNames: ['كانون الثاني', 'شباط', 'آذار', 'نيسان', 'مايو', 'حزيران',
+		'تموز', 'آب', 'أيلول',	'تشرين الأول', 'تشرين الثاني', 'كانون الأول'],
+		monthNamesShort: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
+		dayNames: ['الأحد', 'الاثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت'],
+		dayNamesShort: ['الأحد', 'الاثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت'],
+		dayNamesMin: ['ح', 'ن', 'ث', 'ر', 'خ', 'ج', 'س'],
+		weekHeader: 'أسبوع',
+		firstDay: 6,
+  		isRTL: true,
+		showMonthAfterYear: false,
+		yearSuffix: ''
+	}
+};

data/vendor/assets/javascripts/webshims/shims/i18n/{errormessages-ch-ZN.js → formcfg-ch-ZN.js}

@@ -30,3 +30,34 @@ jQuery.webshims.validityMessages['zh-CN'] = {
     },
     "stepMismatch": "值无效。"
 };
+jQuery.webshims.formcfg['zh-CN'] = {
+	numberFormat: {
+		".": ".",
+		",": ","
+	},
+	numberSigns: '.',
+	dateSigns: '-',
+	timeSigns: ":. ",
+	dFormat: "-",
+	patterns: {
+		d: "yy-mm-dd"
+	},
+	date: {
+		closeText: '关闭',
+		prevText: '<上月',
+		nextText: '下月>',
+		currentText: '今天',
+		monthNames: ['一月','二月','三月','四月','五月','六月',
+		'七月','八月','九月','十月','十一月','十二月'],
+		monthNamesShort: ['一月','二月','三月','四月','五月','六月',
+		'七月','八月','九月','十月','十一月','十二月'],
+		dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
+		dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
+		dayNamesMin: ['日','一','二','三','四','五','六'],
+		weekHeader: '周',
+		firstDay: 1,
+		isRTL: false,
+		showMonthAfterYear: true,
+		yearSuffix: '年'
+	}
+};