webshims-rails 1.11.1 → 1.11.2

data/vendor/assets/javascripts/webshims/shims/dom-extend.js

@@ -6,7 +6,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 	webshims.assumeARIA = supportGetSetAttribute || Modernizr.canvas || Modernizr.video || Modernizr.boxsizing;
 	
 	if($('<input type="email" />').attr('type') == 'text' || $('<form />').attr('novalidate') === "" || ('required' in $('<input />')[0].attributes)){
-		webshims.error("IE browser modes are busted in IE10. Please test your HTML/CSS/JS with a real IE version or at least IETester or similiar tools");
+		webshims.error("IE browser modes are busted in IE10+. Please test your HTML/CSS/JS with a real IE version or at least IETester or similiar tools");
 	}
 	
 	if(!$.parseHTML){
@@ -559,7 +559,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 						$(this.test);
 						webshims.ready('WINDOWLOAD', this.test);
 						$(document).on('updatelayout', this.handler);
-						$(window).bind('resize', this.handler);
+						$(window).on('resize', this.handler);
 						(function(){
 							var oldAnimate = $.fn.animate;
 							var animationTimer;
@@ -581,6 +581,13 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			webshims.docObserve = function(){
 				webshims.ready('DOM', function(){
 					docObserve.start();
+					if($.support.boxSizing == null){
+						$(function(){
+							if($.support.boxSizing){
+								docObserve.handler({type: 'boxsizing'});
+							}
+						});
+					}
 				});
 			};
 			return function(nativeElem, shadowElem, opts){
@@ -741,7 +748,12 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			havePolyfill[prop] = true;
 						
 			if(descs.reflect){
-				webshims.propTypes[descs.propType || 'standard'](descs, prop);
+				if(descs.propType && !webshims.propTypes[descs.propType]){
+					webshims.error('could not finde propType '+ descs.propType);
+				} else {
+					webshims.propTypes[descs.propType || 'standard'](descs, prop);
+				}
+				
 			}
 			
 			['prop', 'attr', 'removeAttr'].forEach(function(type){
@@ -927,7 +939,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			var notLocal = /:\/\/|^\.*\//;
 			var loadRemoteLang = function(data, lang, options){
 				var langSrc;
-				if(lang && options && $.inArray(lang, options.availabeLangs || []) !== -1){
+				if(lang && options && $.inArray(lang, options.availableLangs || options.availabeLangs || []) !== -1){
 					data.loading = true;
 					langSrc = options.langSrc;
 					if(!notLocal.test(langSrc)){
@@ -1086,4 +1098,4 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 		}
 	});
 	
-})(webshims.$, document);
+})(webshims.$, document);

data/vendor/assets/javascripts/webshims/shims/form-datalist-lazy.js

@@ -25,6 +25,7 @@ webshims.register('form-datalist-lazy', function($, webshims, window, document,
 	
 	var lReg = /</g;
 	var gReg = />/g;
+	var splitReg = /\s*,\s*/g;
 	
 	$.extend(options.shadowListProto, {
 		_lazyCreate: function(opts){
@@ -184,7 +185,7 @@ webshims.register('form-datalist-lazy', function($, webshims, window, document,
 			}
 			this.addMarkElement = options.addMark || $(this.input).hasClass('mark-option-text');
 			this.listFilter = $(this.input).data('listFilter') || options.listFilter || '*';
-			
+			this.multiple = $(this.input).hasClass('list-multiple') || ($(this.input).prop('multiple') && $(this.input).prop('type') == 'email');
 			var list = [];
 			
 			var values = [];
@@ -256,7 +257,13 @@ webshims.register('form-datalist-lazy', function($, webshims, window, document,
 			//first check prevent infinite loop, second creates simple lazy optimization
 			if(value === this.lastUpdatedValue){
 				return;
-			} 
+			}
+			
+			if(this.multiple){
+				value = value.split(splitReg);
+				value = value[value.length - 1] || '';
+			}
+			
 			if(this.lastUnfoundValue && value.indexOf(this.lastUnfoundValue) === 0){
 				this.hideList();
 				return;
@@ -268,8 +275,11 @@ webshims.register('form-datalist-lazy', function($, webshims, window, document,
 			var startSearch = this.listFilter == '^';
 			var lis = $('li', this.shadowList);
 			var that = this;
+			
+			
 			if(value && this.listFilter != '!'){
 				
+				
 				this.arrayOptions.forEach(function(item, i){
 					var search, searchIndex, foundName;
 					if(!('lowerValue' in item)){
@@ -390,9 +400,17 @@ webshims.register('form-datalist-lazy', function($, webshims, window, document,
 		},
 		changeValue: function(activeItem){
 			if(!activeItem[0]){return;}
-			var spinner;
+			var spinner, tmpValue;
 			var newValue = $('span.option-value', activeItem).text();
 			var oldValue = $.prop(this.input, 'value');
+			
+			if(this.multiple){
+				tmpValue = oldValue.split(splitReg);
+				tmpValue[tmpValue.length - 1] = newValue;
+				
+				newValue = tmpValue.join(', ');
+			}
+			
 			if(newValue != oldValue){
 				
 				$(this.input)

data/vendor/assets/javascripts/webshims/shims/form-datalist.js

@@ -33,12 +33,12 @@ webshims.register('form-datalist', function($, webshims, window, document, undef
 	/*
 	 * implement propType "element" currently only used for list-attribute (will be moved to dom-extend, if needed)
 	 */
-	webshims.propTypes.element = function(descs){
+	webshims.propTypes.element = function(descs, name){
 		webshims.createPropDefault(descs, 'attr');
 		if(descs.prop){return;}
 		descs.prop = {
 			get: function(){
-				var elem = $.attr(this, 'list');
+				var elem = $.attr(this, name);
 				if(elem){
 					elem = document.getElementById(elem);
 					if(elem && descs.propNodeName && !$.nodeName(elem, descs.propNodeName)){
@@ -62,7 +62,15 @@ webshims.register('form-datalist', function($, webshims, window, document, undef
 		if(listSupport && !formsCFG.customDatalist){return;}
 		
 			var initializeDatalist =  function(){
-				
+			
+			var updateDatlistAndOptions = function(){
+				var id;
+				if(!$.data(this, 'datalistWidgetData') && (id = $.prop(this, 'id'))){
+					$('input[list="'+ id +'"], input[data-wslist="'+ id +'"]').eq(0).attr('list', id);
+				} else {
+					$(this).triggerHandler('updateDatalist');
+				}
+			};
 				
 			var inputListProto = {
 				//override autocomplete
@@ -140,6 +148,7 @@ webshims.register('form-datalist', function($, webshims, window, document, undef
 									id: value,
 									datalist: $.prop(elem, 'list')
 								});
+								elem.setAttribute('data-wslist', value);
 							} else {
 								elem.setAttribute('list', value);
 							}
@@ -151,6 +160,27 @@ webshims.register('form-datalist', function($, webshims, window, document, undef
 					propType: 'element',
 					propNodeName: 'datalist'
 				};
+			} else {
+				webshims.defineNodeNameProperties('input', {
+					list: {
+						attr: {
+							get: function(){
+								var val = webshims.contentAttr(this, 'list');
+								return (val == null) ? undefined : val;
+							},
+							set: function(value){
+								var elem = this;
+								webshims.contentAttr(elem, 'list', value);
+								webshims.objectCreate(options.shadowListProto, undefined, {input: elem, id: value, datalist: $.prop(elem, 'list')});
+								$(elem).triggerHandler('listdatalistchange');
+							}
+						},
+						initAttr: true,
+						reflect: true,
+						propType: 'element',
+						propNodeName: 'datalist'
+					}
+				});
 			}
 			
 			webshims.defineNodeNameProperties('input', inputListProto);
@@ -159,9 +189,7 @@ webshims.register('form-datalist', function($, webshims, window, document, undef
 				contextElem
 					.filter('datalist > select, datalist, datalist > option, datalist > select > option')
 					.closest('datalist')
-					.each(function(){
-						$(this).triggerHandler('updateDatalist');
-					})
+					.each(updateDatlistAndOptions)
 				;
 			});
 		};
@@ -206,6 +234,7 @@ webshims.register('form-datalist', function($, webshims, window, document, undef
 				this.hasViewableData = true;
 				this._autocomplete = $.attr(opts.input, 'autocomplete');
 				$.data(opts.input, 'datalistWidget', this);
+				$.data(datalist, 'datalistWidgetData', this);
 				
 				lazyLoad('WINDOWLOAD');
 				

data/vendor/assets/javascripts/webshims/shims/form-number-date-api.js

@@ -198,7 +198,7 @@ webshims.register('form-number-date-api', function($, webshims, window, document
 						cache = {type: type};
 						if(!factor){
 							factor = 1;
-							webshims.info("you should always use a factor for stepUp/stepDown");
+							webshims.warn("you should always use a factor for stepUp/stepDown");
 						}
 						factor *= stepFactor;
 						
@@ -234,13 +234,11 @@ webshims.register('form-number-date-api', function($, webshims, window, document
 							webshims.info("max/min overflow can't apply stepUp/stepDown");
 							throw('invalid state error');
 						}
-						if(dateVal){
-							$.prop(this, 'valueAsDate', dateVal);
-						} else {
-							$.prop(this, 'valueAsNumber', val);
-						}
-					} else if(stepDescriptor.prop && stepDescriptor.prop.value){
-						return stepDescriptor.prop.value.apply(this, arguments);
+						
+						$.prop(this, 'valueAsNumber', val);
+						
+					} else if(stepDescriptor.prop && stepDescriptor.prop._supvalue){
+						return stepDescriptor.prop._supvalue.apply(this, arguments);
 					} else {
 						webshims.info("no step method for type: "+ type);
 						throw('invalid state error');

data/vendor/assets/javascripts/webshims/shims/form-number-date-ui.js

@@ -10,8 +10,8 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 		var str;
 		return function(){
 			if(!str){
-				str = ('<option></option>')+$.map(monthDigits, function(val){
-					return '<option>'+val+'</option>';
+				str = ('<option value=""></option>')+$.map(monthDigits, function(val){
+					return '<option value="'+val+'"]>'+val+'</option>';
 				}).join('');
 			}
 			return str;
@@ -33,7 +33,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 					splits: [$('<input type="text" class="yy" size="4" inputmode="numeric" />')[0]] 
 				};
 				if(opts.monthSelect){
-					obj.splits.push($('<select class="mm">'+getMonthOptions()+'</select>')[0]);
+					obj.splits.push($('<select class="mm">'+getMonthOptions(opts)+'</select>')[0]);
 				} else {
 					obj.splits.push($('<input type="text" class="mm" inputmode="numeric" maxlength="2" size="2" />')[0]);
 				}
@@ -68,7 +68,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 					splits: [$('<input type="text" class="yy" inputmode="numeric" size="4" />')[0]] 
 				};
 				if(opts.monthSelect){
-					obj.splits.push($('<select class="mm ws-spin">'+getMonthOptions()+'</select>')[0]);
+					obj.splits.push($('<select class="mm ws-spin">'+getMonthOptions(opts)+'</select>')[0]);
 				} else {
 					obj.splits.push($('<input type="text" class="mm ws-spin" />')[0]);
 					if(opts.onlyMonthDigits){
@@ -160,6 +160,9 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			month:  {
 				currentText: 'Aktueller Monat'
 			},
+			time:  {
+				currentText: 'Jetzt'
+			},
 			date: {
 				close: 'schließen',
 				clear: 'Löschen',
@@ -197,6 +200,9 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			month:  {
 				currentText: 'This month'
 			},
+			time: {
+				"currentText": "Now"
+			},
 			date: {
 				"closeText": "Done",
 				clear: 'Clear',
@@ -259,6 +265,12 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			if(!langCfg['datetime-localSigns']){
 				langCfg['datetime-localSigns'] = langCfg.dateSigns+langCfg.timeSigns;
 			}
+			if(!langCfg['datetime-local']){
+				langCfg['datetime-local'] = {};
+			}
+			if(!langCfg['datetime-local'].currentText && langCfg.time.currentText){
+				langCfg['datetime-local'].currentText = langCfg.time.currentText;
+			}
 		};
 		var triggerLocaleChange = function(){
 			processLangCFG(curCfg);
@@ -326,6 +338,9 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 					} else {
 						fVal = 0;
 					}
+					if(val[0] === '00'){ 
+						val[0] = '12';
+					}
 					val = $.trim(val.join(':')) + ' '+ curCfg.meridian[fVal];
 				}
 				return val;
@@ -410,6 +425,9 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			time: function(val){
 				var fVal;
 				if(val && curCfg.meridian){
+					if(val.substr(0,2) === "12"){ 
+						val = "00" + val.substr(2);
+					}
 					if(val.indexOf(curCfg.meridian[1]) != -1){
 						val = val.split(':');
 						fVal = (val[0] * 1);
@@ -495,7 +513,10 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				if(hintValue.length == 2){
 					hintValue = opts.splitInput ? 
 						hintValue : 
-						curCfg.patterns.d.replace('yy', hintValue[0]).replace('mm', hintValue[1]);
+						curCfg.date.showMonthAfterYear ?
+							hintValue[0] +' '+hintValue[1] :
+							
+							hintValue[1] +' '+ hintValue[0];
 				} else {
 					hintValue = opts.splitInput ?
 						[val, val] :
@@ -870,10 +891,18 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 								}
 								try {
 									that.elemHelper[name](factor);
+									
 									ret = that.elemHelper.prop('value');
+									
+								} catch (er) {
+									if(!o.value && that.maxAsNumber >= that.minAsNumber){
+										ret = o.defValue;
+									}
+								}
+								if(ret !== false && o.value != ret){
 									that.value(ret);
 									eventTimer.call('input', ret);
-								} catch (er) {}
+								}
 								return ret;
 							}
 						};
@@ -939,15 +968,6 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				
 				initChangeEvents();
 			},
-			value: function(val, force){
-				if(!this._init || force || val !== this.options.value){
-					this.element.val(this.formatValue(val));
-					this.options.value = val;
-					this._propertyChange('value');
-					this.mirrorValidity();
-				}
-				
-			},
 			required: function(val, boolVal){
 				this.inputElements.attr({'aria-required': ''+boolVal});
 				this.mirrorValidity();
@@ -964,7 +984,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			formatValue: function(val, noSplit){
 				return formatVal[this.type](val, noSplit === false ? false : this.options);
 			},
-			createOpts: ['readonly', 'title', 'disabled', 'tabindex', 'placeholder', 'value', 'required'],
+			createOpts: ['readonly', 'title', 'disabled', 'tabindex', 'placeholder', 'defaultValue', 'value', 'required'],
 			placeholder: function(val){
 				var options = this.options;
 				options.placeholder = val;
@@ -1034,6 +1054,16 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			}
 		};
 		
+		['defaultValue', 'value'].forEach(function(name){
+			wsWidgetProto[name] = function(val, force){
+				if(!this._init || force || val !== this.options[name]){
+					this.element.prop(name, this.formatValue(val));
+					this.options[name] = val;
+					this._propertyChange(name);
+					this.mirrorValidity();
+				}
+			};
+		});
 		
 		['readonly', 'disabled'].forEach(function(name){
 			var isDisabled = name == 'disabled';
@@ -1087,7 +1117,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				}
 				this._init = true;
 			},
-			createOpts: ['step', 'min', 'max', 'readonly', 'title', 'disabled', 'tabindex', 'placeholder', 'value', 'required'],
+			createOpts: ['step', 'min', 'max', 'readonly', 'title', 'disabled', 'tabindex', 'placeholder', 'defaultValue', 'value', 'required'],
 			_addSplitInputs: function(){
 				if(!this.inputElements){
 					var create = splitInputs[this.type]._create(this.options);
@@ -1157,9 +1187,47 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				this.options.step = val;
 				this.elemHelper.prop('step', retDefault(val, defStep.step));
 				this.mirrorValidity();
+			},
+			_beforeValue: function(val){
+				this.valueAsNumber = this.asNumber(val);
+				this.options.value = val;
+				
+				if(isNaN(this.valueAsNumber) || (!isNaN(this.minAsNumber) && this.valueAsNumber < this.minAsNumber) || (!isNaN(this.maxAsNumber) && this.valueAsNumber > this.maxAsNumber)){
+					this._setStartInRange();
+				} else {
+					this.elemHelper.prop('value', val);
+					this.options.defValue = "";
+				}
 			}
 		});
 		
+		['defaultValue', 'value'].forEach(function(name){
+			var isValue = name == 'value';
+			spinBtnProto[name] = function(val, force){
+				if(!this._init || force || this.options[name] !== val){
+					if(isValue){
+						this._beforeValue(val);
+					}
+					
+					val = formatVal[this.type](val, this.options);
+					if(this.options.splitInput){
+						$.each(this.splits, function(i, elem){
+							var setOption;
+							if(!(name in elem) && !isValue && $.nodeName(elem, 'select')){
+								$('option[value="'+ val[i] +'"]', elem).prop('defaultSelected', true);
+							} else {
+								$.prop(elem, name, val[i]);
+							}
+						});
+					} else {
+						this.element.prop(name, val);
+					}
+					this._propertyChange(name);
+					this.mirrorValidity();
+				}
+			};
+		});
+		
 		$.each({min: 1, max: -1}, function(name, factor){
 			var numName = name +'AsNumber';
 			spinBtnProto[name] = function(val){
@@ -1563,10 +1631,12 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 		var inputTypes = {
 			
 		};
+		var boolAttrs = {disabled: 1, required: 1, readonly: 1};
 		var copyProps = [
 			'disabled',
 			'readonly',
 			'value',
+			'defaultValue',
 			'min',
 			'max',
 			'step',
@@ -1584,14 +1654,18 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				if(!stopCircular){
 					var shadowData = webshims.data(this, 'shadowData');
 					if(shadowData && shadowData.data && shadowData.nativeElement === this && shadowData.data[fnName]){
-						shadowData.data[fnName](val, boolVal);
+						if(boolAttrs[fnName]){
+							shadowData.data[fnName](val, boolVal);
+						} else {
+							shadowData.data[fnName](val);
+						}
 					}
 				}
 			});
 		});
 		
 		if(options.replaceUI && 'valueAsNumber' in document.createElement('input')){
-			var reflectFn = function(val){
+			var reflectFn = function(){
 				if(webshims.data(this, 'hasShadow')){
 					$.prop(this, 'value', $.prop(this, 'value'));
 				}
@@ -1599,6 +1673,20 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			
 			webshims.onNodeNamesPropertyModify('input', 'valueAsNumber', reflectFn);
 			webshims.onNodeNamesPropertyModify('input', 'valueAsDate', reflectFn);
+			$.each({stepUp: 1, stepDown: -1}, function(name, stepFactor){
+				var stepDescriptor = webshims.defineNodeNameProperty('input', name, {
+					prop: {
+						value: function(){
+							var ret;
+							if(stepDescriptor.prop && stepDescriptor.prop._supvalue){
+								ret = stepDescriptor.prop._supvalue.apply(this, arguments);
+								reflectFn.apply(this, arguments);
+							}
+							return ret;
+						}
+					}
+				});
+			});
 		}
 		
 		var extendType = (function(){
@@ -1618,7 +1706,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				$(data.orig).removeClass('ws-important-hide');
 				$.style( data.orig, 'display', '' );
 				var hasButtons, marginR, marginL;
-				var correctWidth = 0.6;
+				var correctWidth = 0.8;
 				if(!init || data.orig.offsetWidth){
 					hasButtons = data.buttonWrapper && data.buttonWrapper.filter(isVisible).length;
 					marginR = $.css( data.orig, 'marginRight');
@@ -1642,7 +1730,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 							;
 						} else {
 							data.buttonWrapper.css('marginRight', marginR);
-							correctWidth = data.buttonWrapper.outerWidth(true) + 0.6;
+							correctWidth = data.buttonWrapper.outerWidth(true) + correctWidth;
 						}
 					}
 					
@@ -1800,7 +1888,29 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			});
 		}
 		
-		if(!modernizrInputTypes.range || options.replaceUI){
+		var replace = {};
+		
+		
+		if(options.replaceUI){
+			if( $.isPlainObject(options.replaceUI) ){
+				$.extend(replace, options.replaceUI);
+			} else {
+				$.extend(replace, {
+					'range': 1,
+					'number': 1,
+					'time': 1, 
+					'month': 1, 
+					'date': 1, 
+					'color': 1, 
+					'datetime-local': 1
+				});
+			}
+		}
+		if(modernizrInputTypes.number && navigator.userAgent.indexOf('Touch') == -1 && ((/MSIE 1[0|1]\.\d/.test(navigator.userAgent)) || (/Trident\/7\.0/.test(navigator.userAgent)))){
+			replace.number = 1;
+		}
+		
+		if(!modernizrInputTypes.range || replace.range){
 			extendType('range', {
 				_create: function(opts, set){
 					var data = $('<span />').insertAfter(opts.orig).rangeUI(opts).data('rangeUi');
@@ -1809,9 +1919,9 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			});
 		}
 		
-		var isStupid = modernizrInputTypes.number && navigator.userAgent.indexOf('Touch') == -1 && ((/MSIE 1[0|1]\.\d/.test(navigator.userAgent)) || (/Trident\/7\.0/.test(navigator.userAgent)));
+		
 		['number', 'time', 'month', 'date', 'color', 'datetime-local'].forEach(function(name){
-			if(!modernizrInputTypes[name] || options.replaceUI || (name == 'number' && isStupid)){
+			if(!modernizrInputTypes[name] || replace[name]){
 				extendType(name, {
 					_create: function(opts, set){
 						if(opts.monthSelect){