webshims-rails 1.13.0 → 1.14.1

data/vendor/assets/javascripts/webshims/shims/combos/7.js

@@ -402,8 +402,8 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 		});
 		return this;
 	};
-	
-	var dataID = '_webshimsLib'+ (Math.round(Math.random() * 1000));
+	var idCount = 0;
+	var dataID = '_webshims'+ (Math.round(Math.random() * 1000));
 	var elementData = function(elem, key, val){
 		elem = elem.jquery ? elem[0] : elem;
 		if(!elem){return val || {};}
@@ -434,6 +434,35 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			return this.pushStack(elems);
 		};
 	});
+
+	function clone(elem, dataAndEvents, uniqueIds){
+		var cloned = $.clone( elem, dataAndEvents, false );
+		$(cloned.querySelectorAll('.'+webshims.shadowClass)).detach();
+		if(uniqueIds){
+			idCount++;
+			$(cloned.querySelectorAll('[id]')).prop('id', function(i, id){
+				return id +idCount;
+			});
+		} else {
+			$(cloned.querySelectorAll('audio[id^="ID-"], video[id^="ID-"], label[id^="ID-"]')).removeAttr('id');
+		}
+		return cloned;
+	}
+
+	$.fn.clonePolyfill = function(dataAndEvents, uniqueIds){
+		dataAndEvents = dataAndEvents || false;
+		return this
+			.map(function() {
+				var cloned = clone( this, dataAndEvents, uniqueIds );
+				setTimeout(function(){
+					if($.contains(document.body, cloned)){
+						$(cloned).updatePolyfill();
+					}
+				});
+				return cloned;
+			})
+		;
+	};
 	
 	//add support for $('video').trigger('play') in case extendNative is set to false
 	if(!webshims.cfg.extendNative && !webshims.cfg.noTriggerOverride){
@@ -745,6 +774,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 				return id;
 			};
 		})(),
+		shadowClass: 'wsshadow-'+(Date.now()),
 		implement: function(elem, type){
 			var data = elementData(elem, 'implemented') || elementData(elem, 'implemented', {});
 			if(data[type]){
@@ -1556,6 +1586,8 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 	addModule('form-validation', $.extend({d: ['form-message']}, formExtras));
 
 	addModule('form-validators', $.extend({}, formExtras));
+
+
 	
 	if($.expr.filters){
 		extendSels();
@@ -1676,13 +1708,22 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 	};
 
 	$.event.special.valuevalidation = {
+		setup: function(){
+			webshims.error('valuevalidation was renamed to validatevalue!');
+		}
+	};
+
+
+	$.event.special.validatevalue = {
 		setup: function(){
 			var data = $(this).data() || $.data(this, {});
-			if(!('valuevalidation' in data)){
-				data.valuevalidation = true;
+			if(!('validatevalue' in data)){
+				data.validatevalue = true;
 			}
 		}
 	};
+
+
 	
 	$(document).on('focusin.lazyloadvalidation', function(e){
 		if('form' in e.target){
@@ -1695,6 +1736,26 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 	if(modules['form-number-date-ui'].loaded && !options.customMessages && (modules['form-number-date-api'].test() || (Modernizr.inputtypes.range && Modernizr.inputtypes.color))){
 		webshims.isReady('form-number-date-ui', true);
 	}
+
+	webshims.ready('DOM', function(){
+		if(document.querySelector('.ws-custom-file')){
+			webshims.reTest(['form-validation']);
+		}
+	});
+
+	$(function(){
+		var fileReaderReady = ('FileReader' in window && 'FormData' in window);
+		if(!fileReaderReady){
+			webshims.addReady(function(context){
+				if(!fileReaderReady && !modules.filereader.loaded && !modules.moxie.loaded){
+					if(context.querySelector('input.ws-filereader')){
+						webshims.reTest(['filereader', 'moxie']);
+						fileReaderReady = true;
+					}
+				}
+			});
+		}
+	});
 });
 ;webshims.register('form-message', function($, webshims, window, document, undefined, options){
 	"use strict";
@@ -1914,7 +1975,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 		if(message && message.indexOf('{%') != -1){
 			['value', 'min', 'max', 'maxlength', 'minlength', 'label'].forEach(function(attr){
 				if(message.indexOf('{%'+attr) === -1){return;}
-				var val = ((attr == 'label') ? $.trim($('label[for="'+ elem.id +'"]', elem.form).text()).replace(/\*$|:$/, '') : $.prop(elem, attr)) || '';
+				var val = ((attr == 'label') ? $.trim($('label[for="'+ elem.id +'"]', elem.form).text()).replace(/\*$|:$/, '') : $.prop(elem, attr) || $.attr(elem, attr) || '') || '';
 				val = ''+val;
 
 

data/vendor/assets/javascripts/webshims/shims/combos/8.js

@@ -402,8 +402,8 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 		});
 		return this;
 	};
-	
-	var dataID = '_webshimsLib'+ (Math.round(Math.random() * 1000));
+	var idCount = 0;
+	var dataID = '_webshims'+ (Math.round(Math.random() * 1000));
 	var elementData = function(elem, key, val){
 		elem = elem.jquery ? elem[0] : elem;
 		if(!elem){return val || {};}
@@ -434,6 +434,35 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			return this.pushStack(elems);
 		};
 	});
+
+	function clone(elem, dataAndEvents, uniqueIds){
+		var cloned = $.clone( elem, dataAndEvents, false );
+		$(cloned.querySelectorAll('.'+webshims.shadowClass)).detach();
+		if(uniqueIds){
+			idCount++;
+			$(cloned.querySelectorAll('[id]')).prop('id', function(i, id){
+				return id +idCount;
+			});
+		} else {
+			$(cloned.querySelectorAll('audio[id^="ID-"], video[id^="ID-"], label[id^="ID-"]')).removeAttr('id');
+		}
+		return cloned;
+	}
+
+	$.fn.clonePolyfill = function(dataAndEvents, uniqueIds){
+		dataAndEvents = dataAndEvents || false;
+		return this
+			.map(function() {
+				var cloned = clone( this, dataAndEvents, uniqueIds );
+				setTimeout(function(){
+					if($.contains(document.body, cloned)){
+						$(cloned).updatePolyfill();
+					}
+				});
+				return cloned;
+			})
+		;
+	};
 	
 	//add support for $('video').trigger('play') in case extendNative is set to false
 	if(!webshims.cfg.extendNative && !webshims.cfg.noTriggerOverride){
@@ -745,6 +774,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 				return id;
 			};
 		})(),
+		shadowClass: 'wsshadow-'+(Date.now()),
 		implement: function(elem, type){
 			var data = elementData(elem, 'implemented') || elementData(elem, 'implemented', {});
 			if(data[type]){
@@ -1556,6 +1586,8 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 	addModule('form-validation', $.extend({d: ['form-message']}, formExtras));
 
 	addModule('form-validators', $.extend({}, formExtras));
+
+
 	
 	if($.expr.filters){
 		extendSels();
@@ -1676,13 +1708,22 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 	};
 
 	$.event.special.valuevalidation = {
+		setup: function(){
+			webshims.error('valuevalidation was renamed to validatevalue!');
+		}
+	};
+
+
+	$.event.special.validatevalue = {
 		setup: function(){
 			var data = $(this).data() || $.data(this, {});
-			if(!('valuevalidation' in data)){
-				data.valuevalidation = true;
+			if(!('validatevalue' in data)){
+				data.validatevalue = true;
 			}
 		}
 	};
+
+
 	
 	$(document).on('focusin.lazyloadvalidation', function(e){
 		if('form' in e.target){
@@ -1695,6 +1736,26 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 	if(modules['form-number-date-ui'].loaded && !options.customMessages && (modules['form-number-date-api'].test() || (Modernizr.inputtypes.range && Modernizr.inputtypes.color))){
 		webshims.isReady('form-number-date-ui', true);
 	}
+
+	webshims.ready('DOM', function(){
+		if(document.querySelector('.ws-custom-file')){
+			webshims.reTest(['form-validation']);
+		}
+	});
+
+	$(function(){
+		var fileReaderReady = ('FileReader' in window && 'FormData' in window);
+		if(!fileReaderReady){
+			webshims.addReady(function(context){
+				if(!fileReaderReady && !modules.filereader.loaded && !modules.moxie.loaded){
+					if(context.querySelector('input.ws-filereader')){
+						webshims.reTest(['filereader', 'moxie']);
+						fileReaderReady = true;
+					}
+				}
+			});
+		}
+	});
 });
 ;webshims.register('form-message', function($, webshims, window, document, undefined, options){
 	"use strict";
@@ -1914,7 +1975,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 		if(message && message.indexOf('{%') != -1){
 			['value', 'min', 'max', 'maxlength', 'minlength', 'label'].forEach(function(attr){
 				if(message.indexOf('{%'+attr) === -1){return;}
-				var val = ((attr == 'label') ? $.trim($('label[for="'+ elem.id +'"]', elem.form).text()).replace(/\*$|:$/, '') : $.prop(elem, attr)) || '';
+				var val = ((attr == 'label') ? $.trim($('label[for="'+ elem.id +'"]', elem.form).text()).replace(/\*$|:$/, '') : $.prop(elem, attr) || $.attr(elem, attr) || '') || '';
 				val = ''+val;
 
 

data/vendor/assets/javascripts/webshims/shims/combos/9.js

@@ -179,8 +179,8 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 		});
 		return this;
 	};
-	
-	var dataID = '_webshimsLib'+ (Math.round(Math.random() * 1000));
+	var idCount = 0;
+	var dataID = '_webshims'+ (Math.round(Math.random() * 1000));
 	var elementData = function(elem, key, val){
 		elem = elem.jquery ? elem[0] : elem;
 		if(!elem){return val || {};}
@@ -211,6 +211,35 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			return this.pushStack(elems);
 		};
 	});
+
+	function clone(elem, dataAndEvents, uniqueIds){
+		var cloned = $.clone( elem, dataAndEvents, false );
+		$(cloned.querySelectorAll('.'+webshims.shadowClass)).detach();
+		if(uniqueIds){
+			idCount++;
+			$(cloned.querySelectorAll('[id]')).prop('id', function(i, id){
+				return id +idCount;
+			});
+		} else {
+			$(cloned.querySelectorAll('audio[id^="ID-"], video[id^="ID-"], label[id^="ID-"]')).removeAttr('id');
+		}
+		return cloned;
+	}
+
+	$.fn.clonePolyfill = function(dataAndEvents, uniqueIds){
+		dataAndEvents = dataAndEvents || false;
+		return this
+			.map(function() {
+				var cloned = clone( this, dataAndEvents, uniqueIds );
+				setTimeout(function(){
+					if($.contains(document.body, cloned)){
+						$(cloned).updatePolyfill();
+					}
+				});
+				return cloned;
+			})
+		;
+	};
 	
 	//add support for $('video').trigger('play') in case extendNative is set to false
 	if(!webshims.cfg.extendNative && !webshims.cfg.noTriggerOverride){
@@ -522,6 +551,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 				return id;
 			};
 		})(),
+		shadowClass: 'wsshadow-'+(Date.now()),
 		implement: function(elem, type){
 			var data = elementData(elem, 'implemented') || elementData(elem, 'implemented', {});
 			if(data[type]){
@@ -1860,6 +1890,8 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			;
 		}
 	};
+	var numericType = Modernizr.inputtypes.tel && navigator.userAgent.indexOf('Mobile') != -1 && !('inputMode' in document.createElement('input') && !('inputmode' in document.createElement('input'))) ?
+		'tel' : 'text';
 	var splitInputs = {
 		date: {
 			_create: function(opts){
@@ -1870,18 +1902,18 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 				if(opts.yearSelect){
 					obj.splits.push($('<select class="yy"></select>')[0]);
 				} else {
-					obj.splits.push($('<input type="text" class="yy" size="4" inputmode="numeric" maxlength="4" />')[0]);
+					obj.splits.push($('<input type="'+ numericType +'" class="yy" size="4" inputmode="numeric" maxlength="4" />')[0]);
 				}
 				
 				if(opts.monthSelect){
 					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]);
+					obj.splits.push($('<input type="'+ numericType +'" class="mm" inputmode="numeric" maxlength="2" size="2" />')[0]);
 				}
 				if(opts.daySelect){
 					obj.splits.push($(daySelect)[0]);
 				} else {
-					obj.splits.push($('<input type="text" class="dd ws-spin" inputmode="numeric" maxlength="2" size="2" />')[0]);
+					obj.splits.push($('<input type="'+ numericType +'" class="dd ws-spin" inputmode="numeric" maxlength="2" size="2" />')[0]);
 				}
 				
 				obj.elements = [obj.splits[0], $('<span class="ws-input-seperator" />')[0], obj.splits[1], $('<span class="ws-input-seperator" />')[0], obj.splits[2]];
@@ -1916,7 +1948,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 				if(opts.yearSelect){
 					obj.splits.push($('<select class="yy"></select>')[0]);
 				} else {
-					obj.splits.push($('<input type="text" class="yy" size="4" inputmode="numeric" maxlength="4" />')[0]);
+					obj.splits.push($('<input type="'+ numericType +'" class="yy" size="4" inputmode="numeric" maxlength="4" />')[0]);
 				}
 				
 				if(opts.monthSelect){
@@ -1924,7 +1956,10 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 				} else {
 					obj.splits.push($('<input type="text" class="mm ws-spin" />')[0]);
 					if(opts.onlyMonthDigits){
-						$(obj.splits[1]).attr({inputmode: 'numeric', size: 2, maxlength: 2});
+						$().attr({inputmode: 'numeric', size: 2, maxlength: 2});
+						try {
+							obj.splits[1].setAttribute('type', numericType);
+						} catch(e){}
 					}
 				}
 				
@@ -1947,7 +1982,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			}
 		}
 	};
-	
+
 	var nowDate = new Date(new Date().getTime() - (new Date().getTimezoneOffset() * 60 * 1000 ));
 	var nowYear = nowDate.getFullYear();
 	nowDate = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), nowDate.getHours()).getTime();
@@ -2767,7 +2802,11 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 				} else if(!isNaN(this.maxAsNumber) && start > this.maxAsNumber){
 					start = this.maxAsNumber;
 				}
-				this.elemHelper.prop('valueAsNumber', start);
+				try {
+					this.elemHelper.prop('valueAsNumber', start);
+				} catch(e){
+					webshims.warn('valueAsNumber set: '+e);
+				}
 				this.options.defValue = this.elemHelper.prop('value');
 			},
 			reorderInputs: function(){
@@ -2791,7 +2830,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			_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 {
@@ -2907,9 +2946,9 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 				touchEnd = function(e){
 					var ret, touch;
 					e = e.originalEvent || {};
-					$(this).off('touchend', touchEnd);
+					$(this).off('touchend touchcancel', touchEnd);
 					var changedTouches = e.changedTouches || e.touches;
-					if(!touchData || !changedTouches || changedTouches.length != 1){
+					if(e.type == 'touchcancel' || !touchData || !changedTouches || changedTouches.length != 1){
 						return;
 					}
 
@@ -2940,7 +2979,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 						y: touch.pageY,
 						now: Date.now()
 					};
-					elemTarget.on('touchend', touchEnd);
+					elemTarget.on('touchend touchcancel', touchEnd);
 				};
 
 				this.each(function(){
@@ -3054,7 +3093,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			cancel: function(val, popover, data){
 				if(!data.options.inlinePicker){
 					popover.stopOpen = true;
-					if(assumeVirtualKeyBoard){
+					if(!popover.openedByFocus && assumeVirtualKeyBoard){
 						$('button', data.buttonWrapper).trigger('focus');
 					} else {
 						data.element.getShadowFocusElement().trigger('focus');
@@ -3154,14 +3193,6 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			var popover = webshims.objectCreate(options.inlinePicker ? webshims.inlinePopover : webshims.wsPopover, {}, $.extend(options.popover || {}, {prepareFor: options.inlinePicker ? data.buttonWrapper : data.element}));
 			var opener = $('<button type="button" class="ws-popover-opener"><span /></button>').appendTo(data.buttonWrapper);
 			
-			if(options.widgetPosition){
-				webshims.error('options.widgetPosition was removed use options.popover.position instead');
-			}
-			
-			if(options.openOnFocus && popover.options && (popover.options.appendTo == 'auto' || popover.options.appendTo == 'element')){
-				webshims.error('openOnFocus and popover.appendTo "auto/element" can prduce a11y problems try to change appendTo to body or similiar or use openOnMouseFocus instead');
-			}
-			
 			var showPickerContent = function(){
 				(picker[data.type].showPickerContent || picker.showPickerContent)(data, popover);
 			};
@@ -3230,9 +3261,28 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 							stopPropagation.apply(this, arguments);
 							popover.preventBlur();
 						},
-						focus: function(){
-							popover.preventBlur();
-						}
+						keydown: function(e){
+							if(e.keyCode == 40 && e.altKey){
+								open();
+							}
+						},
+						'focus mousedown': (function(){
+							var allowClose = true;
+							var reset = function(){
+								allowClose = true;
+							};
+							return function(e){
+								if(e.type  == 'mousedown'){
+									allowClose = false;
+									setTimeout(reset);
+								}
+								if(e.type == 'focus' && allowClose && options.openOnFocus && popover.openedByFocus && (popover.options.appendTo == 'auto' || popover.options.appendTo == 'element')){
+									popover.hide();
+								} else {
+									popover.preventBlur();
+								}
+							};
+						})()
 					})
 				;
 				
@@ -3479,6 +3529,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 				}
 
 			};
+			oriStyleO.webkitAppearance = 'none';
 			data.element.onWSOff('updateshadowdom', updateStyles, true);
 		};
 		
@@ -3486,13 +3537,14 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 		var implementType = function(){
 			
 			var type = $.prop(this, 'type');
-			
 			var i, opts, data, optsName, labels, cNames, hasInitialFocus;
-			if(inputTypes[type] && webshims.implement(this, 'inputwidgets')){
+
+			if(inputTypes[type] && webshims.implement(this, 'inputwidgets') && (!modernizrInputTypes[type] || !$(this).hasClass('ws-noreplace'))){
 				data = {};
 				optsName = type;
 				hasInitialFocus = $(this).is(':focus');
 				labels = $(this).jProp('labels');
+
 				opts = $.extend(webshims.getOptions(this, type, [options.widgets, options[type], $($.prop(this, 'form')).data(type)]), {
 					orig: this,
 					type: type,
@@ -3525,6 +3577,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 						opts[optsName] = $.attr(this, copyAttrs[i]) || opts[optsName];
 					}
 				}
+
 				if(opts.formatMonthNames){
 					webshims.error('formatMonthNames was renamded to monthNames');
 				}
@@ -3548,11 +3601,11 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 					cNames = cNames.replace('form-control', '');
 				}
 				
-				data.shim.element.on('change input', stopPropagation).addClass(cNames);
+				data.shim.element.on('change input', stopPropagation).addClass(cNames+' '+webshims.shadowClass);
 				
 				if(data.shim.buttonWrapper){
 					
-					data.shim.buttonWrapper.addClass('input-button-size-'+(data.shim.buttonWrapper.children().filter(isVisible).length));
+					data.shim.buttonWrapper.addClass('input-button-size-'+(data.shim.buttonWrapper.children().filter(isVisible).length)+' '+webshims.shadowClass);
 					
 					if(data.shim.buttonWrapper.filter(isVisible).length){
 						data.shim.element.addClass('has-input-buttons');