webshims-rails 1.10.6 → 1.10.9

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

@@ -921,16 +921,20 @@ webshims.register('form-number-date-api', function($, webshims, window, document
 			this.thumb.on({
 				mousedown: add
 			});
-			$(function(){
-				webshims.ready('dom-support', function(){
-					that.element.onWSOff('updateshadowdom', function(){
-						that.updateMetrics();
+			if (window.webshims) {
+				webshims.ready('WINDOWLOAD', function(){
+					webshims.ready('dom-support', function(){
+						if ($.fn.onWSOff) {
+							that.element.onWSOff('updateshadowdom', function(){
+								that.updateMetrics();
+							});
+						}
 					});
+					if (!$.fn.onWSOff && webshims._polyfill) {
+						webshims._polyfill(['dom-support']);
+					}
 				});
-				if(!$.fn.onWSOff){
-					webshims._polyfill(['dom-support']);
-				}
-			});
+			}
 		},
 		posCenter: function(elem, outerWidth){
 			var temp;
@@ -972,6 +976,12 @@ webshims.register('form-number-date-api', function($, webshims, window, document
 		}
 	};
 	
+	var oCreate = function (o) {
+		function F() {}
+		F.prototype = o;
+		return new F();
+	};
+	
 	$.fn.rangeUI = function(opts){
 		opts = $.extend({
 			readonly: false, 
@@ -990,14 +1000,19 @@ webshims.register('form-number-date-api', function($, webshims, window, document
 			calcTrail: true
 		}, opts);
 		return this.each(function(){
-			webshims.objectCreate(rangeProto, {
-				element: {
-					value: $(this)
-				}
-			}, opts);
+			var obj = $.extend(oCreate(rangeProto), {element: $(this)});
+			obj.options = opts;
+			obj._create.call(obj);
 		});
 	};
-	webshims.isReady('range-ui', true);
+	if(window.webshims && webshims.isReady){
+		webshims.ready('es5', function(){
+			webshims.isReady('range-ui', true);
+		});
+		if(webshims._polyfill){
+			 webshims._polyfill(['es5']);
+		}
+	}
 })(jQuery);
 webshims.register('form-number-date-ui', function($, webshims, window, document, undefined, options){
 	"use strict";
@@ -1044,10 +1059,14 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			}
 		},
 		month: {
-			_create: function(){
+			_create: function(opts){
+				
 				var obj = {
 					splits: [$('<input type="text" class="yy" inputmode="numeric" size="4" />')[0], $('<input type="text" class="mm ws-spin" />')[0]] 
 				};
+				if(opts.onlyMonthDigits){
+					$(obj.splits[1]).attr({inputmode: 'numeric', size: 2, maxlength: 2});
+				}
 				obj.elements = [obj.splits[0], $('<span class="ws-input-seperator" />')[0], obj.splits[1]];
 				return obj;
 			},
@@ -1067,6 +1086,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 		}
 	};
 	
+	var nowDate = new Date().getTime() - (new Date().getTimezoneOffset() * 60 * 1000 );
 	var steps = {
 		number: {
 			step: 1
@@ -1076,11 +1096,11 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 		},
 		month: {
 			step: 1,
-			start: new Date()
+			start: new Date(nowDate)
 		},
 		date: {
 			step: 1,
-			start: new Date()
+			start: new Date(nowDate)
 		}
 	};
 	var labelWidth = (function(){
@@ -1176,9 +1196,19 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				"showMonthAfterYear": false,
 				"yearSuffix": ""
 			}
-		}, formcfg['en'] || {});
+		}, formcfg.en || {});
+		
 		if(!formcfg['en-US']){
-			formcfg['en-US'] = formcfg['en'];
+			formcfg['en-US'] = $.extend(true, {}, formcfg['en']);
+		}
+		if(!formcfg['en-GB']){
+			formcfg['en-GB'] = $.extend(true, {}, formcfg.en, {
+				date: {firstDay: 1}, 
+				patterns: {d: "dd/mm/yy"}
+			});
+		}
+		if(!formcfg['en-AU']){
+			formcfg['en-AU'] = $.extend(true, {}, formcfg['en-GB']);
 		}
 		if(!formcfg['']){
 			formcfg[''] = formcfg['en-US'];
@@ -1206,22 +1236,37 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				langCfg.colorSigns = '#abcdefABCDEF';
 			}
 		};
+		var triggerLocaleChange = function(){
+			processLangCFG(curCfg);
+			$(document).triggerHandler('wslocalechange');
+		};
 		
-		processLangCFG(curCfg);
+		triggerLocaleChange();
 		
-		$.webshims.activeLang({
-			register: 'form-core', 
+		webshims.activeLang({
+			register: 'form-core',
 			callback: function(){
 				$.each(arguments, function(i, val){
 					if(formcfg[val]){
-						curCfg = formcfg[val];
-						processLangCFG(curCfg);
-						$(document).triggerHandler('wslocalechange');
+						if(formcfg[val] != curCfg){
+							curCfg = formcfg[val];
+							triggerLocaleChange();
+						}
 						return false;
 					}
 				});
 			}
 		});
+		webshims.activeLang({
+			langObj: formcfg, 
+			module: 'form-core',
+			callback: function(val){
+				if(curCfg != val){
+					curCfg = val;
+					triggerLocaleChange();
+				}
+			}
+		});
 	})();
 		
 	
@@ -1260,6 +1305,8 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 					} else if(p[1]){
 						val = curCfg.date.showMonthAfterYear ? p.join(' ') : p[1]+' '+p[0];
 					}
+				} else if(options && options.splitInput){
+					val = [p[0] || '', p[1] || ''];
 				}
 				return val;
 			},
@@ -1298,16 +1345,16 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			time: function(val){
 				return val;
 			},
-			month: function(val, opts){
+			month: function(val, opts, noCorrect){
 				
 				var p = (!opts.splitInput) ? val.trim().split(/[\.\s-\/\\]+/) : val;
 				
 				if(p.length == 2 && p[0] && p[1]){
-					p[0] = curCfg.date.monthkeys[p[0]] || p[0];
-					p[1] = curCfg.date.monthkeys[p[1]] || p[1];
-					if(p[1].length == 2){
+					p[0] = !noCorrect && curCfg.date.monthkeys[p[0]] || p[0];
+					p[1] = !noCorrect && curCfg.date.monthkeys[p[1]] || p[1];
+					if(p[1].length == 2 && p[0].length > 3){
 						val = p[0]+'-'+p[1];
-					} else if(p[0].length == 2){
+					} else if(p[0].length == 2  && p[1].length > 3){
 						val = p[1]+'-'+p[0];
 					} else {
 						val = '';
@@ -1317,7 +1364,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				}
 				return val;
 			},
-			date: function(val, opts){
+			date: function(val, opts, noCorrect){
 				createFormat('d');
 				var i;
 				var obj;
@@ -1328,7 +1375,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 					val = val.split(curCfg.dFormat);
 				}
 				
-				return (val.length == 3 && val[0] && val[1] && val[2]) ? 
+				return (val.length == 3 && val[0] && val[1] && val[2] && (!noCorrect || (val[obj.yy].length > 3 && val[obj.mm].length == 2 && val[obj.dd].length == 2))) ? 
 					([addZero(val[obj.yy]), addZero(val[obj.mm]), addZero(val[obj.dd])]).join('-') : 
 					''
 				;
@@ -1386,7 +1433,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			return function(type){
 				var input;
 				if(!types[type]){
-					input = $('<input type="'+type+'" />');
+					input = $('<input type="'+type+'" step="any" />');
 					types[type] = {
 						asNumber: function(val){
 							var type = (typeof val == 'object') ? 'valueAsDate' : 'value';
@@ -1615,6 +1662,22 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 							e.preventDefault();
 						}
 					},
+					input: (this.type == 'color' && this.isValid) ? 
+						$.noop :
+						(function(){
+							var timer;
+							var check = function(){
+								var val = that.parseValue(true);
+								if(val && that.isValid(val)){
+									that.setInput(val);
+								}
+								
+							};
+							return function(){
+								clearTimeout(timer);
+								timer = setTimeout(check, 200);
+							};
+						})(),
 					'input keydown keypress': (function(){
 						var timer;
 						var isStopped = false;
@@ -1632,8 +1695,12 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 							timer = setTimeout(releaseTab, 300);
 						};
 						var select = function(){
-							this.focus();
-							this.select();
+							var elem = this;
+							setTimeout(function(){
+								elem.focus();
+								elem.select();
+							}, 4);
+							
 							stopTab();
 						};
 						
@@ -1754,8 +1821,9 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 						var localeChange ;
 						if(!o.splitInput){
 							localeChange = function(){
+								
 								if(o.value){
-									that.value(o.value);
+									that.value(o.value, true);
 								}
 		
 								if(placeholderFormat[that.type] && o.placeholder){
@@ -1774,8 +1842,8 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				
 				initChangeEvents();
 			},
-			value: function(val){
-				if(!this._init || val !== this.options.value){
+			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');
@@ -1787,14 +1855,14 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				this.inputElements.attr({'aria-required': ''+boolVal});
 				this.mirrorValidity();
 			},
-			parseValue: function(){
+			parseValue: function(noCorrect){
 				var value = this.inputElements.map(function(){
 					return $.prop(this, 'value');
 				}).get();
 				if(!this.options.splitInput){
 					value = value[0];
 				}
-				return parseVal[this.type](value, this.options);
+				return parseVal[this.type](value, this.options, noCorrect);
 			},
 			formatValue: function(val, noSplit){
 				return formatVal[this.type](val, noSplit === false ? false : this.options);
@@ -1892,6 +1960,8 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				this.elemHelper = $('<input type="'+ o.type+'" />');
 				this.asNumber = helper.asNumber;
 				this.asValue = helper.asValue;
+				this.isValid = helper.isValid;
+				
 				
 				wsWidgetProto._create.apply(this, arguments);
 				this._init = false;
@@ -1917,7 +1987,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			createOpts: ['step', 'min', 'max', 'readonly', 'title', 'disabled', 'tabindex', 'placeholder', 'value', 'required'],
 			_addSplitInputs: function(){
 				if(!this.inputElements){
-					var create = splitInputs[this.type]._create();
+					var create = splitInputs[this.type]._create(this.options);
 					this.splits = create.splits;
 					this.inputElements = $(create.elements).prependTo(this.element).filter('input');
 				}
@@ -1954,9 +2024,9 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 					}, 9);
 				}
 			},
-			value: function(val){
+			value: function(val, force){
 				
-				if(!this._init || this.options.value !== val){
+				if(!this._init || force || this.options.value !== val){
 					this.valueAsNumber = this.asNumber(val);
 					this.options.value = val;
 					
@@ -2468,7 +2538,9 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 						opts[optsName] = $.attr(this, copyAttrs[i]) || opts[optsName];
 					}
 				}
-				
+				if(opts.onlyMonthDigits){
+					opts.formatMonthNames = 'monthDigits';
+				}
 				data.shim = inputTypes[type]._create(opts);
 				
 				webshims.addShadowDom(this, data.shim.element, {

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

@@ -1724,16 +1724,20 @@ webshims.register('form-number-date-api', function($, webshims, window, document
 			this.thumb.on({
 				mousedown: add
 			});
-			$(function(){
-				webshims.ready('dom-support', function(){
-					that.element.onWSOff('updateshadowdom', function(){
-						that.updateMetrics();
+			if (window.webshims) {
+				webshims.ready('WINDOWLOAD', function(){
+					webshims.ready('dom-support', function(){
+						if ($.fn.onWSOff) {
+							that.element.onWSOff('updateshadowdom', function(){
+								that.updateMetrics();
+							});
+						}
 					});
+					if (!$.fn.onWSOff && webshims._polyfill) {
+						webshims._polyfill(['dom-support']);
+					}
 				});
-				if(!$.fn.onWSOff){
-					webshims._polyfill(['dom-support']);
-				}
-			});
+			}
 		},
 		posCenter: function(elem, outerWidth){
 			var temp;
@@ -1775,6 +1779,12 @@ webshims.register('form-number-date-api', function($, webshims, window, document
 		}
 	};
 	
+	var oCreate = function (o) {
+		function F() {}
+		F.prototype = o;
+		return new F();
+	};
+	
 	$.fn.rangeUI = function(opts){
 		opts = $.extend({
 			readonly: false, 
@@ -1793,14 +1803,19 @@ webshims.register('form-number-date-api', function($, webshims, window, document
 			calcTrail: true
 		}, opts);
 		return this.each(function(){
-			webshims.objectCreate(rangeProto, {
-				element: {
-					value: $(this)
-				}
-			}, opts);
+			var obj = $.extend(oCreate(rangeProto), {element: $(this)});
+			obj.options = opts;
+			obj._create.call(obj);
 		});
 	};
-	webshims.isReady('range-ui', true);
+	if(window.webshims && webshims.isReady){
+		webshims.ready('es5', function(){
+			webshims.isReady('range-ui', true);
+		});
+		if(webshims._polyfill){
+			 webshims._polyfill(['es5']);
+		}
+	}
 })(jQuery);
 webshims.register('form-number-date-ui', function($, webshims, window, document, undefined, options){
 	"use strict";
@@ -1847,10 +1862,14 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			}
 		},
 		month: {
-			_create: function(){
+			_create: function(opts){
+				
 				var obj = {
 					splits: [$('<input type="text" class="yy" inputmode="numeric" size="4" />')[0], $('<input type="text" class="mm ws-spin" />')[0]] 
 				};
+				if(opts.onlyMonthDigits){
+					$(obj.splits[1]).attr({inputmode: 'numeric', size: 2, maxlength: 2});
+				}
 				obj.elements = [obj.splits[0], $('<span class="ws-input-seperator" />')[0], obj.splits[1]];
 				return obj;
 			},
@@ -1870,6 +1889,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 		}
 	};
 	
+	var nowDate = new Date().getTime() - (new Date().getTimezoneOffset() * 60 * 1000 );
 	var steps = {
 		number: {
 			step: 1
@@ -1879,11 +1899,11 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 		},
 		month: {
 			step: 1,
-			start: new Date()
+			start: new Date(nowDate)
 		},
 		date: {
 			step: 1,
-			start: new Date()
+			start: new Date(nowDate)
 		}
 	};
 	var labelWidth = (function(){
@@ -1979,9 +1999,19 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				"showMonthAfterYear": false,
 				"yearSuffix": ""
 			}
-		}, formcfg['en'] || {});
+		}, formcfg.en || {});
+		
 		if(!formcfg['en-US']){
-			formcfg['en-US'] = formcfg['en'];
+			formcfg['en-US'] = $.extend(true, {}, formcfg['en']);
+		}
+		if(!formcfg['en-GB']){
+			formcfg['en-GB'] = $.extend(true, {}, formcfg.en, {
+				date: {firstDay: 1}, 
+				patterns: {d: "dd/mm/yy"}
+			});
+		}
+		if(!formcfg['en-AU']){
+			formcfg['en-AU'] = $.extend(true, {}, formcfg['en-GB']);
 		}
 		if(!formcfg['']){
 			formcfg[''] = formcfg['en-US'];
@@ -2009,22 +2039,37 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				langCfg.colorSigns = '#abcdefABCDEF';
 			}
 		};
+		var triggerLocaleChange = function(){
+			processLangCFG(curCfg);
+			$(document).triggerHandler('wslocalechange');
+		};
 		
-		processLangCFG(curCfg);
+		triggerLocaleChange();
 		
-		$.webshims.activeLang({
-			register: 'form-core', 
+		webshims.activeLang({
+			register: 'form-core',
 			callback: function(){
 				$.each(arguments, function(i, val){
 					if(formcfg[val]){
-						curCfg = formcfg[val];
-						processLangCFG(curCfg);
-						$(document).triggerHandler('wslocalechange');
+						if(formcfg[val] != curCfg){
+							curCfg = formcfg[val];
+							triggerLocaleChange();
+						}
 						return false;
 					}
 				});
 			}
 		});
+		webshims.activeLang({
+			langObj: formcfg, 
+			module: 'form-core',
+			callback: function(val){
+				if(curCfg != val){
+					curCfg = val;
+					triggerLocaleChange();
+				}
+			}
+		});
 	})();
 		
 	
@@ -2063,6 +2108,8 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 					} else if(p[1]){
 						val = curCfg.date.showMonthAfterYear ? p.join(' ') : p[1]+' '+p[0];
 					}
+				} else if(options && options.splitInput){
+					val = [p[0] || '', p[1] || ''];
 				}
 				return val;
 			},
@@ -2101,16 +2148,16 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			time: function(val){
 				return val;
 			},
-			month: function(val, opts){
+			month: function(val, opts, noCorrect){
 				
 				var p = (!opts.splitInput) ? val.trim().split(/[\.\s-\/\\]+/) : val;
 				
 				if(p.length == 2 && p[0] && p[1]){
-					p[0] = curCfg.date.monthkeys[p[0]] || p[0];
-					p[1] = curCfg.date.monthkeys[p[1]] || p[1];
-					if(p[1].length == 2){
+					p[0] = !noCorrect && curCfg.date.monthkeys[p[0]] || p[0];
+					p[1] = !noCorrect && curCfg.date.monthkeys[p[1]] || p[1];
+					if(p[1].length == 2 && p[0].length > 3){
 						val = p[0]+'-'+p[1];
-					} else if(p[0].length == 2){
+					} else if(p[0].length == 2  && p[1].length > 3){
 						val = p[1]+'-'+p[0];
 					} else {
 						val = '';
@@ -2120,7 +2167,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				}
 				return val;
 			},
-			date: function(val, opts){
+			date: function(val, opts, noCorrect){
 				createFormat('d');
 				var i;
 				var obj;
@@ -2131,7 +2178,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 					val = val.split(curCfg.dFormat);
 				}
 				
-				return (val.length == 3 && val[0] && val[1] && val[2]) ? 
+				return (val.length == 3 && val[0] && val[1] && val[2] && (!noCorrect || (val[obj.yy].length > 3 && val[obj.mm].length == 2 && val[obj.dd].length == 2))) ? 
 					([addZero(val[obj.yy]), addZero(val[obj.mm]), addZero(val[obj.dd])]).join('-') : 
 					''
 				;
@@ -2189,7 +2236,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			return function(type){
 				var input;
 				if(!types[type]){
-					input = $('<input type="'+type+'" />');
+					input = $('<input type="'+type+'" step="any" />');
 					types[type] = {
 						asNumber: function(val){
 							var type = (typeof val == 'object') ? 'valueAsDate' : 'value';
@@ -2418,6 +2465,22 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 							e.preventDefault();
 						}
 					},
+					input: (this.type == 'color' && this.isValid) ? 
+						$.noop :
+						(function(){
+							var timer;
+							var check = function(){
+								var val = that.parseValue(true);
+								if(val && that.isValid(val)){
+									that.setInput(val);
+								}
+								
+							};
+							return function(){
+								clearTimeout(timer);
+								timer = setTimeout(check, 200);
+							};
+						})(),
 					'input keydown keypress': (function(){
 						var timer;
 						var isStopped = false;
@@ -2435,8 +2498,12 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 							timer = setTimeout(releaseTab, 300);
 						};
 						var select = function(){
-							this.focus();
-							this.select();
+							var elem = this;
+							setTimeout(function(){
+								elem.focus();
+								elem.select();
+							}, 4);
+							
 							stopTab();
 						};
 						
@@ -2557,8 +2624,9 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 						var localeChange ;
 						if(!o.splitInput){
 							localeChange = function(){
+								
 								if(o.value){
-									that.value(o.value);
+									that.value(o.value, true);
 								}
 		
 								if(placeholderFormat[that.type] && o.placeholder){
@@ -2577,8 +2645,8 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				
 				initChangeEvents();
 			},
-			value: function(val){
-				if(!this._init || val !== this.options.value){
+			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');
@@ -2590,14 +2658,14 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				this.inputElements.attr({'aria-required': ''+boolVal});
 				this.mirrorValidity();
 			},
-			parseValue: function(){
+			parseValue: function(noCorrect){
 				var value = this.inputElements.map(function(){
 					return $.prop(this, 'value');
 				}).get();
 				if(!this.options.splitInput){
 					value = value[0];
 				}
-				return parseVal[this.type](value, this.options);
+				return parseVal[this.type](value, this.options, noCorrect);
 			},
 			formatValue: function(val, noSplit){
 				return formatVal[this.type](val, noSplit === false ? false : this.options);
@@ -2695,6 +2763,8 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				this.elemHelper = $('<input type="'+ o.type+'" />');
 				this.asNumber = helper.asNumber;
 				this.asValue = helper.asValue;
+				this.isValid = helper.isValid;
+				
 				
 				wsWidgetProto._create.apply(this, arguments);
 				this._init = false;
@@ -2720,7 +2790,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			createOpts: ['step', 'min', 'max', 'readonly', 'title', 'disabled', 'tabindex', 'placeholder', 'value', 'required'],
 			_addSplitInputs: function(){
 				if(!this.inputElements){
-					var create = splitInputs[this.type]._create();
+					var create = splitInputs[this.type]._create(this.options);
 					this.splits = create.splits;
 					this.inputElements = $(create.elements).prependTo(this.element).filter('input');
 				}
@@ -2757,9 +2827,9 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 					}, 9);
 				}
 			},
-			value: function(val){
+			value: function(val, force){
 				
-				if(!this._init || this.options.value !== val){
+				if(!this._init || force || this.options.value !== val){
 					this.valueAsNumber = this.asNumber(val);
 					this.options.value = val;
 					
@@ -3271,7 +3341,9 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 						opts[optsName] = $.attr(this, copyAttrs[i]) || opts[optsName];
 					}
 				}
-				
+				if(opts.onlyMonthDigits){
+					opts.formatMonthNames = 'monthDigits';
+				}
 				data.shim = inputTypes[type]._create(opts);
 				
 				webshims.addShadowDom(this, data.shim.element, {