webshims-rails 1.12.0 → 1.12.2

data/vendor/assets/javascripts/webshims/polyfiller.js

@@ -1,34 +1,29 @@
 (function (factory) {
-	var timer;
+	if (typeof WSDEBUG === 'undefined') {
+		window.WSDEBUG = true;
+	}
 	var addAsync = function(){
 		if(!window.asyncWebshims){
-			if(!window.asyncWebshims){
-				window.asyncWebshims = {
-					cfg: [],
-					ready: []
-				};
-			}
+			window.asyncWebshims = {
+				cfg: [],
+				ready: []
+			};
 		}
 	};
 	var start = function(){
 		if(window.jQuery){
 			factory(jQuery);
-			factory = jQuery.noop;
-			clearInterval(timer);
-		}
-		if (typeof define === 'function' && define.amd && define.amd.jQuery) {
-			define('polyfiller', ['jquery'], factory);
-			clearInterval(timer);
+			factory = function(){return window.webshims;};
 		}
-		
 	};
-	var timer = setInterval(start, 1);
+	
 	
 	window.webshims = {
 		setOptions: function(){
 			addAsync();
 			window.asyncWebshims.cfg.push(arguments);
 		},
+
 		ready: function(){
 			addAsync();
 			window.asyncWebshims.ready.push(arguments);
@@ -40,18 +35,62 @@
 		polyfill: function(features){
 			addAsync();
 			window.asyncWebshims.polyfill = features;
-		}
+		},
+		_curScript: (function(){
+			var scripts, i, scriptUrl;
+			//modern browsers: Chrome 29+, Firefox 4+
+			var currentScript = document.currentScript;
+
+			//in debug mode remove result to fully test fallback in all browsers
+			if(WSDEBUG){
+				currentScript = false;
+			}
+			if (!currentScript) {
+				//error trick: works in Safari, Chrome, Firefox, IE 10+
+				//idea found here: https://github.com/samyk/jiagra/
+				try {
+					throw(new Error(''));
+				} catch (e) {
+					//Safari has sourceURL
+					scriptUrl = (e.sourceURL || e.stack || '').split('\n');
+					//extract scriptUrl from stack: this is dangerous! All browsers have different string patterns (pattern can even vary between different browser versions). Help to make it bulletproof!!!
+					scriptUrl = ((scriptUrl[scriptUrl.length - 1] || scriptUrl[scriptUrl.length - 2] || '').match(/(?:fil|htt|wid|abo|app|res)(.)+/i) || [''])[0].replace(/[\:\s\(]+[\d\:\)\(\s]+$/, '');
+				}
+
+				scripts = document.scripts || document.getElementsByTagName('script');
+
+				//get script by URL or by readyState == 'interactive' (readySate is supported in IE10-)
+				//if this fails the last found script is set to the currentScript
+				for (i = 0; i < scripts.length; i++) {
+					if(scripts[i].getAttribute('src')){
+						currentScript = scripts[i];
+						if (scripts[i].readyState == 'interactive' || scriptUrl == scripts[i].src) {
+							if(WSDEBUG){
+								currentScript.wsFoundCurrent = true;
+							}
+							break;
+						}
+					}
+				}
+			}
+
+			return currentScript;
+		})()
 	};
 	window.webshim = window.webshims;
-	
+
+
+	window.webshims.timer = setInterval(start, 0);
 	start();
+
+	if (typeof define === 'function' && define.amd && define.amd.jQuery) {
+		define('polyfiller', ['jquery'], factory);
+	}
 }(function($){
 	"use strict";
-	if (typeof WSDEBUG === 'undefined') {
-		window.WSDEBUG = true;
-	}
+	var firstRun, path;
+	var webshims = window.webshims;
 	var DOMSUPPORT = 'dom-support';
-	var jScripts = $(document.scripts || 'script');
 	var special = $.event.special;
 	var emptyJ = $([]);
 	var Modernizr = window.Modernizr;
@@ -59,8 +98,6 @@
 	var addTest = Modernizr.addTest;
 	var Object = window.Object;
 	var html5 = window.html5 || {};
-	var firstRun;
-	var webshims = window.webshims;
 	var addSource = function(text){
 		return text +"\n//# sourceURL="+this.url;
 	};
@@ -70,9 +107,13 @@
 		Modernizr.ES5 = false;
 	}
 	
-	
+	clearInterval(webshims.timer);
+
+	path = ($.support.hrefNormalized === false) ? webshims._curScript.getAttribute("src", 4) : webshims._curScript.src;
+	path = path.split('?')[0].slice(0, path.lastIndexOf("/") + 1) + 'shims/';
+
 	$.extend(webshims, {
-		version: '1.12.0',
+		version: '1.12.2',
 		cfg: {
 			
 			//addCacheBuster: false,
@@ -80,23 +121,14 @@
 //			extendNative: false,
 			loadStyles: true,
 			disableShivMethods: true,
+			wsdoc: document,
 			wspopover: {appendTo: 'auto', hideOnBlur: true},
 			ajax: {},
 			loadScript: function(src, success, fail){
 				$.ajax($.extend({}, webCFG.ajax, {url: src, success: success, dataType: 'script', cache: true, global: false, dataFilter: addSource}));
 			},
 			
-			basePath: (function(){
-				var script = jScripts.filter('[src*="polyfiller.js"]');
-				var path;
-				script = script[0] || script.end()[script.end().length - 1];
-				if(WSDEBUG && document.currentScript && script !=  document.currentScript && document.currentScript.src){
-					webshims.warn("It seems you need to set webshims.setOptions('basePath', 'pathTo/shims/'); manually.");
-				}
-				path = ( ( !('hrefNormalized' in $.support) || $.support.hrefNormalized  ) ? script.src : script.getAttribute("src", 4) ).split('?')[0];
-				path = path.slice(0, path.lastIndexOf("/") + 1) + 'shims/';
-				return path;
-			})()
+			basePath: path
 		},
 		bugs: {},
 		/*
@@ -106,7 +138,7 @@
 		features: {},
 		featureList: [],
 		setOptions: function(name, opts){
-			if (typeof name == 'string' && opts !== undefined) {
+			if (typeof name == 'string' && arguments.length > 1) {
 				webCFG[name] = (!$.isPlainObject(opts)) ? opts : $.extend(true, webCFG[name] || {}, opts);
 			} else if (typeof name == 'object') {
 				$.extend(true, webCFG, name);
@@ -499,9 +531,10 @@
 			loadScript: (function(){
 				var loadedSrcs = {};
 				var scriptLoader;
-				return function(src, callback, name){
-				
-					src = loader.makePath(src);
+				return function(src, callback, name, noShimPath){
+					if(!noShimPath){
+						src = loader.makePath(src);
+					}
 					if (loadedSrcs[src]) {return;}
 					var complete = function(){
 						
@@ -554,10 +587,6 @@
 		error: 1
 	};
 	
-	if(webCFG.debug || (!('crossDomain' in webCFG.ajax) && location.protocol.indexOf('http'))){
-		webCFG.ajax.crossDomain = true;
-	}
-	
 	webshims.addMethodName = function(name){
 		name = name.split(':');
 		var prop = name[1];
@@ -595,10 +624,9 @@
 	
 
 	webshims.activeLang = (function(){
-		var curLang = navigator.browserLanguage || navigator.language || '';
+		var curLang = $('html').attr('lang') || navigator.browserLanguage || navigator.language || '';
 		onReady('webshimLocalization', function(){
 			webshims.activeLang(curLang);
-			
 		});
 		return function(lang){
 			if(lang){
@@ -627,6 +655,12 @@
 			}
 		};
 	});
+
+	if(WSDEBUG){
+		if(!webshims._curScript.wsFoundCurrent){
+			webshims.error('Could not detect currentScript! Use basePath to set script path.');
+		}
+	}
 	
 	/*
 	 * jQuery-plugins for triggering dom updates can be also very usefull in conjunction with non-HTML5 DOM-Changes (AJAX)
@@ -643,10 +677,10 @@
 	 */
 	
 	(function(){
-		
 		//Overwrite DOM-Ready and implement a new ready-method
 		$.isDOMReady = $.isReady;
-		var onReady = function(){
+		var onReady = function(e){
+
 			$.isDOMReady = true;
 			isReady('DOM', true);
 			setTimeout(function(){
@@ -656,6 +690,11 @@
 		
 		firstRun = function(){
 			if(!firstRun.run){
+				
+				if(webCFG.debug || (!('crossDomain' in webCFG.ajax) && location.protocol.indexOf('http'))){
+					webCFG.ajax.crossDomain = true;
+				}
+
 				if($.mobile && ($.mobile.textinput || $.mobile.rangeslider || $.mobile.button)){
 					if(WSDEBUG){
 						webshims.warn('jQM textinput/rangeslider/button detected waitReady was set to false. Use webshims.ready("featurename") to script against polyfilled methods/properties');
@@ -689,10 +728,7 @@
 			}
 			firstRun.run = true;
 		};
-		
-		setTimeout(function(){
-			$(onReady);
-		}, 4);
+
 		$(window).on('load', function(){
 			onReady();
 			setTimeout(function(){
@@ -712,7 +748,10 @@
 					webshims.ready('DOM', function(){fn(context, elem);});
 				};
 				readyFns.push(readyFn);
-				readyFn(document, emptyJ);
+
+				if(webCFG.wsdoc){
+					readyFn(webCFG.wsdoc, emptyJ);
+				}
 			},
 			triggerDomUpdate: function(context){
 				if(!context || !context.nodeType){
@@ -1100,9 +1139,6 @@
 			test: function(){
 				var o = this.options;
 				initialFormTest();
-				if(o.replaceUI){
-					$('html').addClass('ws-replaceui');
-				}
 				//input widgets on old androids can't be trusted
 				if(bustedWidgetUi && !o.replaceUI && (/Android/i).test(navigator.userAgent)){
 					o.replaceUI = true;
@@ -1232,43 +1268,48 @@
 	webshims.$ = $;
 	webshims.M = Modernizr;
 	window.webshims = webshims;
-	
-	jScripts
-		.filter('[data-polyfill-cfg]')
-		.each(function(){
-			try {
-				webshims.setOptions( $(this).data('polyfillCfg') );
-			} catch(e){
-				webshims.warn('error parsing polyfill cfg: '+e);
+
+	webshims.callAsync = function(){
+		webshims.callAsync = $.noop;
+		$(document.scripts || 'script')
+			.filter('[data-polyfill-cfg]')
+			.each(function(){
+				try {
+					webshims.setOptions( $(this).data('polyfillCfg') );
+				} catch(e){
+					webshims.warn('error parsing polyfill cfg: '+e);
+				}
+			})
+			.end()
+			.filter('[data-polyfill]')
+			.each(function(){
+				webshims.polyfill( $.trim( $(this).data('polyfill') || '' ) );
+			})
+		;
+		if(asyncWebshims){
+			if(asyncWebshims.cfg){
+				if(!asyncWebshims.cfg.length){
+					asyncWebshims.cfg = [[asyncWebshims.cfg]];
+				}
+				$.each(asyncWebshims.cfg, function(i, cfg){
+					webshims.setOptions.apply(webshims, cfg);
+				});
 			}
-		})
-		.end()
-		.filter('[data-polyfill]')
-		.each(function(){
-			webshims.polyfill( $.trim( $(this).data('polyfill') || '' ) );
-		})
-	;
-	if(asyncWebshims){
-		if(asyncWebshims.cfg){
-			if(!asyncWebshims.cfg.length){
-				asyncWebshims.cfg = [asyncWebshims.cfg];
+			if(asyncWebshims.ready){
+				$.each(asyncWebshims.ready, function(i, ready){
+					webshims.ready.apply(webshims, ready);
+				});
+			}
+			if(asyncWebshims.lang){
+				webshims.activeLang(asyncWebshims.lang);
+			}
+			if('polyfill' in asyncWebshims){
+				webshims.polyfill(asyncWebshims.polyfill);
 			}
-			$.each(asyncWebshims.cfg, function(i, cfg){
-				webshims.setOptions.call(webshims, cfg);
-			});
-		}
-		if(asyncWebshims.ready){
-			$.each(asyncWebshims.ready, function(i, ready){
-				webshims.ready.apply(webshims, ready);
-			});
-		}
-		if(asyncWebshims.lang){
-			webshims.activeLang(asyncWebshims.lang);
-		}
-		if('polyfill' in asyncWebshims){
-			webshims.polyfill(asyncWebshims.polyfill);
 		}
-	}
-	webshims.isReady('jquery', true);
+		webshims.isReady('jquery', true);
+	};
+
+	webshims.callAsync();
 	return webshims;
 }));

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

@@ -609,7 +609,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 								setTimeout(trigger, 0);
 							}
 							
-						}, (e.type == 'resize' && !window.requestAnimationFrame) ? 50 : 0);
+						}, (e.type == 'resize' && !window.requestAnimationFrame) ? 50 : 9);
 					};
 				})(),
 				_create: function(){
@@ -634,7 +634,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 						setInterval(this.test, 600);
 						$(this.test);
 						webshims.ready('WINDOWLOAD', this.test);
-						$(document).on('updatelayout pageinit collapsibleexpand shown.bs.modal shown.bs.collapse slid.bs.carousel', this.handler);
+						$(document).on('updatelayout.webshim pageinit popupafteropen panelbeforeopen tabsactivate collapsibleexpand shown.bs.modal shown.bs.collapse slid.bs.carousel', this.handler);
 						$(window).on('resize', this.handler);
 						(function(){
 							var oldAnimate = $.fn.animate;
@@ -1081,10 +1081,10 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 	});
 	
 	webshims.isReady('webshimLocalization', true);
-});
-//html5a11y
-(function($, document){
-	if(!$.webshims.assumeARIA || ('content' in document.createElement('template'))){return;}
+
+//html5a11y + hidden attribute
+(function(){
+	if(('content' in document.createElement('template'))){return;}
 	
 	$(function(){
 		var main = $('main').attr({role: 'main'});
@@ -1099,6 +1099,8 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 		return;
 	}
 	
+	webshims.defineNodeNamesBooleanProperty(['*'], 'hidden');
+	
 	var elemMappings = {
 		article: "article",
 		aside: "complementary",
@@ -1139,7 +1141,9 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 		}
 	});
 	
-})(webshims.$, document);;(function($){
+})();
+});
+;(function($){
 	
 	var id = 0;
 	var isNumber = function(string){
@@ -1156,8 +1160,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 		_create: function(){
 			var i;
 			
-			
-			this.element.addClass('ws-range').attr({role: 'slider'}).append('<span class="ws-range-min ws-range-progress" /><span class="ws-range-rail ws-range-track"><span class="ws-range-thumb" /></span>');
+			this.element.addClass('ws-range').attr({role: 'slider'}).append('<span class="ws-range-min ws-range-progress" /><span class="ws-range-rail ws-range-track"><span class="ws-range-thumb"><span data-value="" data-valuetext="" /></span></span>');
 			this.trail = $('.ws-range-track', this.element);
 			this.range = $('.ws-range-progress', this.element);
 			this.thumb = $('.ws-range-thumb', this.trail);
@@ -1179,7 +1182,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 		},
 		value: $.noop,
 		_value: function(val, _noNormalize, animate){
-			var left, posDif, textValue;
+			var left, posDif;
 			var o = this.options;
 			var oVal = val;
 			var thumbStyle = {};
@@ -1195,7 +1198,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			left =  100 * ((val - o.min) / (o.max - o.min));
 			
 			if(this._init && val == o.value && oVal == val){return;}
-			this.options.value = val;
+			o.value = val;
 			
 			if($.fn.stop){
 				this.thumb.stop();
@@ -1203,6 +1206,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			}
 			
 			rangeStyle[this.dirs.width] = left+'%';
+			
 			if(this.vertical){
 				left = Math.abs(left - 100);
 			}
@@ -1229,15 +1233,26 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 				this.options._change(val);
 			}
 			
-			textValue = this.options.textValue ? this.options.textValue(this.options.value) : this.options.options[this.options.value] || this.options.value;
+			this._setValueMarkup();
+		},
+		_setValueMarkup: function(){
+			var o = this.options;
+			var textValue = o.textValue ? o.textValue(this.options.value) : o.options[o.value] || o.value;
 			this.element.attr({
 				'aria-valuenow': this.options.value,
 				'aria-valuetext': textValue
 			});
-			this.thumb.attr({
+			$('span', this.thumb).attr({
 				'data-value': this.options.value,
 				'data-valuetext': textValue
 			});
+			if(o.selectedOption){
+				$(o.selectedOption).removeClass('ws-selected-option');
+				o.selectedOption = null;
+			}
+			if(o.value in o.options){
+				o.selectedOption = $('[data-value="'+o.value+'"].ws-range-ticks').addClass('ws-selected-option');
+			}
 		},
 		initDataList: function(){
 			if(this.orig){
@@ -1280,9 +1295,9 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			$.each(o.options, function(val, label){
 				if(!isNumber(val) || val < min || val > max){return;}
 				var left = 100 * ((val - min) / (max - min));
-				var attr = '';
+				var attr = 'data-value="'+val+'"';
 				if(label){
-					attr += 'data-label="'+label+'"';
+					attr += ' data-label="'+label+'"';
 					if(o.showLabels){
 						attr += ' title="'+label+'"';
 					}
@@ -1295,6 +1310,9 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 					$('<span class="ws-range-ticks"'+ attr +' style="'+(that.dirs.left)+': '+left+'%;" />').appendTo(trail)
 				);
 			});
+			if(o.value in o.options){
+				this._setValueMarkup();
+			}
 		},
 		readonly: function(val){
 			val = !!val;
@@ -1338,12 +1356,13 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			var step = val == 'any' ? 'any' : retDefault(val, 1);
 			
 			if(o.stepping){
-				if(step != 'any' && o.stepping % step){
-					webshims.error('wrong stepping value for type range:'+ (o.stepping % step));
-				} else {
-					step = o.stepping;
-				}
+				webshims.error('stepping was removed. Use stepfactor instead.');
+			}
+
+			if(o.stepfactor && step != 'any'){
+				step *= o.stepfactor;
 			}
+
 			o.step = step;
 			this.value(this.options.value);
 		},
@@ -1381,11 +1400,11 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			var val, valModStep, alignValue, step;
 			
 			if(pos <= 0){
-				val = this.options[this.dirs.min];
+				val = this.options[this.dirs[this.isRtl ? 'max' : 'min']];
 			} else if(pos > 100) {
-				val = this.options[this.dirs.max];
+				val = this.options[this.dirs[this.isRtl ? 'min' : 'max']];
 			} else {
-				if(this.vertical){
+				if(this.vertical || this.isRtl){
 					pos = Math.abs(pos - 100);
 				}
 				val = ((this.options.max - this.options.min) * (pos / 100)) + this.options.min;
@@ -1470,17 +1489,20 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 					return e;
 				};
 			})();
+			var updateValue = function(val, animate){
+				if(val != o.value){
+					that.value(val, false, animate);
+					eventTimer.call('input', val);
+				}
+			};
 			var setValueFromPos = function(e, animate){
 				if(e.type == 'touchmove'){
 					e.preventDefault();
 					normalizeTouch(e);
 				}
 				
-				var val = that.getStepedValueFromPos((e[that.dirs.mouse] - leftOffset) * widgetUnits);
-				if(val != o.value){
-					that.value(val, false, animate);
-					eventTimer.call('input', val);
-				}
+				updateValue(that.getStepedValueFromPos((e[that.dirs.mouse] - leftOffset) * widgetUnits), animate);
+				
 				if(e && e.type == 'mousemove'){
 					e.preventDefault();
 				}
@@ -1518,7 +1540,12 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 					outerWidth = that.thumb[that.dirs.outerWidth]();
 					leftOffset = leftOffset[that.dirs.pos];
 					widgetUnits = 100 / widgetUnits;
-					setValueFromPos(e, o.animate);
+
+					if(e.target.className == 'ws-range-ticks'){
+						updateValue(e.target.getAttribute('data-value'), o.animate);
+					} else {
+						setValueFromPos(e, o.animate);
+					}
 					isActive = true;
 					$(document)
 						.on(e.type == 'touchstart' ?
@@ -1564,6 +1591,13 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 					var step = true;
 					var code = e.keyCode;
 					if(!o.readonly && !o.disabled){
+						if(that.isRtl){
+							if(code == 39){
+								code = 37;
+							} else if(code == 37){
+								code = 39;
+							}
+						}
 						if (code == 39 || code == 38) {
 							that.doStep(1);
 						} else if (code == 37 || code == 40) {
@@ -1663,10 +1697,17 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 				{mouse: 'pageY', pos: 'top', min: 'max', max: 'min', left: 'top', right: 'bottom', width: 'height', innerWidth: 'innerHeight', innerHeight: 'innerWidth', outerWidth: 'outerHeight', outerHeight: 'outerWidth', marginTop: 'marginLeft', marginLeft: 'marginTop'} :
 				{mouse: 'pageX', pos: 'left', min: 'min', max: 'max', left: 'left', right: 'right', width: 'width', innerWidth: 'innerWidth', innerHeight: 'innerHeight', outerWidth: 'outerWidth', outerHeight: 'outerHeight', marginTop: 'marginTop', marginLeft: 'marginLeft'}
 			;
+			if(!this.vertical && this.element.css('direction') == 'rtl'){
+				this.isRtl = true;
+				this.dirs.left = 'right';
+				this.dirs.right = 'left';
+				this.dirs.marginLeft = 'marginRight';
+			}
 			this.element
 				[this.vertical ? 'addClass' : 'removeClass']('vertical-range')
-				[this.vertical ? 'addClass' : 'removeClass']('horizontal-range')
+				[this.isRtl ? 'addClass' : 'removeClass']('ws-is-rtl')
 			;
+			this.updateMetrics = this.posCenter;
 			this.posCenter();
 		}
 	};
@@ -1703,7 +1744,8 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 	if(window.webshims && webshims.isReady){
 		webshims.isReady('range-ui', true);
 	}
-})(window.webshims ? webshims.$ : jQuery);;webshims.register('form-number-date-ui', function($, webshims, window, document, undefined, options){
+})(window.webshims ? webshims.$ : jQuery);
+;webshims.register('form-number-date-ui', function($, webshims, window, document, undefined, options){
 	"use strict";
 	var curCfg;
 	var formcfg = webshims.formcfg;
@@ -1713,9 +1755,9 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 		e.stopImmediatePropagation();
 	};
 	var getMonthOptions = function(opts){
-		var selectName = 'monthSelect'+opts.formatMonthNames;
+		var selectName = 'monthSelect'+opts.monthNames;
 		if(!curCfg[selectName]){
-			var labels = curCfg.date[opts.formatMonthNames] || monthDigits;
+			var labels = curCfg.date[opts.monthNames] || monthDigits;
 			curCfg[selectName] = ('<option value=""></option>')+$.map(monthDigits, function(val, i){
 				return '<option value="'+val+'"]>'+labels[i]+'</option>';
 			}).join('');
@@ -1740,13 +1782,39 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			curCfg.patterns[name+'Obj'] = obj;
 		}
 	};
+	var createYearSelect = function(obj, opts){
+		var options, nowY, max, min;
+		if(opts.yearSelect){
+			nowY = parseInt(opts.value.split('-')[0], 10);
+			max = opts.max.split('-');
+			min = opts.min.split('-');
+			options = webshims.picker.createYearSelect(nowY || parseInt(min[0], 10) || parseInt(max[0], 10) || nowYear, max, min);
+			options.unshift('<option />');
+			$(obj.elements)
+				.filter('select.yy')
+				.html(options.join(''))
+				.each(function(){
+					if(!nowY){
+						$('option[selected]', this).removeAttr('selected');
+						$(this).val();
+					}
+				})
+			;
+		}
+	};
 	var splitInputs = {
 		date: {
 			_create: function(opts){
 				var obj = {
-					splits: [$('<input type="text" class="yy" size="4" inputmode="numeric" maxlength="4" />')[0]] 
+					splits: [] 
 				};
 				
+				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]);
+				}
+				
 				if(opts.monthSelect){
 					obj.splits.push($('<select class="mm">'+getMonthOptions(opts)+'</select>')[0]);
 				} else {
@@ -1759,6 +1827,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 				}
 				
 				obj.elements = [obj.splits[0], $('<span class="ws-input-seperator" />')[0], obj.splits[1], $('<span class="ws-input-seperator" />')[0], obj.splits[2]];
+				createYearSelect(obj, opts);
 				return obj;
 			},
 			sort: function(element){
@@ -1783,8 +1852,15 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			_create: function(opts){
 				
 				var obj = {
-					splits: [$('<input type="text" class="yy" inputmode="numeric" size="4" />')[0]] 
+					splits: [] 
 				};
+				
+				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]);
+				}
+				
 				if(opts.monthSelect){
 					obj.splits.push($('<select class="mm">'+getMonthOptions(opts)+'</select>')[0]);
 				} else {
@@ -1795,6 +1871,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 				}
 				
 				obj.elements = [obj.splits[0], $('<span class="ws-input-seperator" />')[0], obj.splits[1]];
+				createYearSelect(obj, opts);
 				return obj;
 			},
 			sort: function(element){
@@ -1814,7 +1891,8 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 	};
 	
 	var nowDate = new Date(new Date().getTime() - (new Date().getTimezoneOffset() * 60 * 1000 ));
-	nowDate = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), nowDate.getHours()).getTime()
+	var nowYear = nowDate.getFullYear();
+	nowDate = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), nowDate.getHours()).getTime();
 	var steps = {
 		number: {
 			step: 1
@@ -2024,9 +2102,6 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			$(document).triggerHandler('wslocalechange');
 		};
 		
-		
-		
-		
 		curCfg = webshims.activeLang(formcfg);
 		
 		triggerLocaleChange();
@@ -2051,7 +2126,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 		
 		
 		var formatVal = {
-			number: function(val){
+			number: function(val, o){
 				return (val+'').replace(/\,/g, '').replace(/\./, curCfg.numberFormat['.']);
 			},
 			time: function(val){
@@ -2088,7 +2163,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 				var names;
 				var p = val.split('-');
 				if(p[0] && p[1]){
-					names = curCfg.date[options.formatMonthNames] || curCfg.date[options.monthNames] || curCfg.date.monthNames;
+					names = curCfg.date[options.monthNames] || curCfg.date.monthNames;
 					p[1] = names[(p[1] * 1) - 1];
 					if(options && options.splitInput){
 						val = [p[0] || '', p[1] || ''];
@@ -2409,7 +2484,15 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 					})
 					.on({
 						'change input focus focusin blur focusout': function(e){
+							var oVal, nVal;
 							$(e.target).trigger('ws__'+e.type);
+							if(o.toFixed && o.type == 'number' && e.type == 'change'){
+								oVal = that.element.prop('value');
+								nVal = that.toFixed(oVal, true);
+								if(oVal != nVal){
+									that.element[0].value = nVal;
+								}
+							}
 						}
 					})
 					
@@ -2558,11 +2641,14 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 					this.inputElements.attr('inputmode', 'numeric');
 				}
 				
-				
-				
 				if((!o.max && typeof o.relMax == 'number') || (!o.min && typeof o.relMin == 'number')){
-					webshims.error('relMax/relMin are not supported anymore')
+					webshims.error('relMax/relMin are not supported anymore calculate at set it your own.');
 				}
+
+				if(this.options.relDefaultValue){
+					webshims.warn('relDefaultValue was removed use startValue instead!');
+				}
+
 				this._init = true;
 			},
 			createOpts: ['step', 'min', 'max', 'readonly', 'title', 'disabled', 'tabindex', 'placeholder', 'defaultValue', 'value', 'required'],
@@ -2573,17 +2659,9 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 					this.inputElements = $(create.elements).prependTo(this.element).filter('input, select');
 				}
 			},
-			
-			getRelNumber: function(rel){
-				var start = steps[this.type].start || 0;
-				if(rel){
-					start += rel;
-				}
-				return start;
-			},
 			addZero: addZero,
 			_setStartInRange: function(){
-				var start = this.getRelNumber(this.options.relDefaultValue);
+				var start = this.options.startValue && this.asNumber( this.options.startValue ) || steps[this.type].start || 0;
 				if(!isNaN(this.minAsNumber) && start < this.minAsNumber){
 					start = this.minAsNumber;
 				} else if(!isNaN(this.maxAsNumber) && start > this.maxAsNumber){
@@ -2595,7 +2673,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			},
 			reorderInputs: function(){
 				if(splitInputs[this.type]){
-					var element = this.element;
+					var element = this.element.attr('dir', curCfg.date.isRTL ? 'rtl' : 'ltr');
 					splitInputs[this.type].sort(element, this.options);
 					setTimeout(function(){
 						var data = webshims.data(element);
@@ -2621,6 +2699,13 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 					this.elemHelper.prop('value', val);
 					this.options.defValue = "";
 				}
+			},
+			toFixed: function(val, force){
+				var o = this.options;
+				if(o.toFixed && o.type == 'number' && val && this.valueAsNumber && (force || !this.element.is(':focus')) && (!o.fixOnlyFloat || (this.valueAsNumber % 1)) && !$(this.orig).is(':invalid')){
+					val = formatVal[this.type](this.valueAsNumber.toFixed(o.toFixed), this.options);
+				}
+				return val;
 			}
 		});
 		
@@ -2633,7 +2718,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 					} else {
 						this.elemHelper.prop(name, val);
 					}
-					
+
 					val = formatVal[this.type](val, this.options);
 					if(this.options.splitInput){
 						$.each(this.splits, function(i, elem){
@@ -2645,7 +2730,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 							}
 						});
 					} else {
-						this.element.prop(name, val);
+						this.element.prop(name, this.toFixed(val));
 					}
 					this._propertyChange(name);
 					this.mirrorValidity();
@@ -2662,6 +2747,9 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 					this._setStartInRange();
 				}
 				this.options[name] = val;
+				if(this._init){
+					createYearSelect({elements: this.inputElements}, this.options);
+				}
 				this._propertyChange(name);
 				this.mirrorValidity();
 			};
@@ -2682,7 +2770,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 		
 		$.fn.spinbtnUI = function(opts){
 			opts = $.extend({
-				monthNames: 'monthNames'
+				monthNames: 'monthNamesShort'
 			}, opts);
 			return this.each(function(){
 				$.webshims.objectCreate(spinBtnProto, {
@@ -2712,6 +2800,53 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			isVisible: true
 		};
 		
+		picker.isInRange = function(value, max, min){
+			return !((min[0] && min[0] > value[0]) || (max[0] && max[0] < value[0]));
+		};
+		
+		
+		picker.createYearSelect = function(value, max, min, valueAdd, stepper){
+			if(!stepper){
+				stepper = {start: value, step: 1, label: value};
+			}
+			var temp;
+			var goUp = true;
+			var goDown = true;
+			var options = ['<option selected="">'+ stepper.label + '</option>'];
+			var i = 0;
+			var createOption = function(value, add){
+				var value2, label;
+				if(stepper.step > 1){
+					value2 = value + stepper.step - 1;
+					label = value+' – '+value2;
+				} else {
+					label = value;
+				}
+				
+				if(picker.isInRange([value], max, min) || (value2 && picker.isInRange([value2], max, min))){
+					options[add]('<option value="'+ (value+valueAdd) +'">'+ label +'</option>');
+					return true;
+				}
+			};
+			if(!valueAdd){
+				valueAdd = '';
+			}
+			while(i < 18 && (goUp || goDown)){
+				i++;
+				if(goUp){
+					temp = stepper.start - (i * stepper.step);
+					goUp = createOption(temp, 'unshift');
+				}
+				if(goDown){
+					temp = stepper.start + (i * stepper.step);
+					goDown = createOption(temp, 'push');
+				}
+				
+			}
+			
+			return options;
+		};
+		
 		picker._genericSetFocus = function(element, _noFocus){
 			element = $(element || this.activeButton);
 			
@@ -2721,12 +2856,12 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 					clearTimeout(that.timer);
 					that.timer = setTimeout(function(){
 						if(element[0]){
-							element[0].focus();
+							element.trigger('focus');
 							if(noTrigger !== true && !element.is(':focus')){
 								setFocus(true);
 							}
 						}
-					}, that.popover.isVisible ? 99 : 360);
+					}, that.popover.isVisible ? 0 : 360);
 				};
 				this.popover.activateElement(element);
 				setFocus();
@@ -2939,7 +3074,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 								popover.preventBlur();
 							}
 						},
-						mousedown: function(){
+						mousedown: function(e){
 							mouseFocus = true;
 							setTimeout(resetMouseFocus, 9);
 							if(options.buttonOnly && popover.isVisible && popover.activeElement){
@@ -3097,31 +3232,41 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			var updateStyles = function(){
 				$(data.orig).removeClass('ws-important-hide');
 				$.style( data.orig, 'display', '' );
-				var hasButtons, marginR, marginL;
+				var hasButtons, marginR, marginL, left, right, isRtl;
 				var correctWidth = 0.8;
 				if(!init || data.orig.offsetWidth){
 					hasButtons = data.buttonWrapper && data.buttonWrapper.filter(isVisible).length;
-					marginR = $.css( data.orig, 'marginRight');
-					data.element.css({
-						marginLeft: $.css( data.orig, 'marginLeft'),
-						marginRight: hasButtons ? 0 : marginR
-					});
+					
+					isRtl = hasButtons && data.buttonWrapper.css('direction') == 'rtl';
+					if(isRtl){
+						left = 'Right';
+						right = 'Left';
+					} else {
+						left = 'Left';
+						right = 'Right';
+					}
+					
+					marginR = $.css( data.orig, 'margin'+right);
+					
+					data.element
+						.css('margin'+left, $.css( data.orig, 'margin'+left))
+						.css('margin'+right, hasButtons ? 0 : marginR)
+					;
 					
 					if(hasButtons){
-						marginL = (parseInt(data.buttonWrapper.css('marginLeft'), 10) || 0);
-						data.element.css({paddingRight: ''});
+						data.buttonWrapper[isRtl ? 'addClass' : 'removeClass']('ws-is-rtl');
+						marginL = (parseInt(data.buttonWrapper.css('margin'+left), 10) || 0);
+						data.element.css('padding'+right, '');
 						
 						if(marginL < 0){
 							marginR = (parseInt(marginR, 10) || 0) + ((data.buttonWrapper.outerWidth() + marginL) * -1);
-							data.buttonWrapper.css('marginRight', marginR);
+							data.buttonWrapper.css('margin'+right, marginR);
 							data.element
-								.css({paddingRight: ''})
-								.css({
-									paddingRight: (parseInt( data.element.css('paddingRight'), 10) || 0) + data.buttonWrapper.outerWidth()
-								})
+								.css('padding'+right, '')
+								.css('padding'+right, (parseInt( data.element.css('padding'+right), 10) || 0) + data.buttonWrapper.outerWidth())
 							;
 						} else {
-							data.buttonWrapper.css('marginRight', marginR);
+							data.buttonWrapper.css('margin'+right, marginR);
 							correctWidth = data.buttonWrapper.outerWidth(true) + correctWidth;
 						}
 					}
@@ -3139,7 +3284,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			
 			var type = $.prop(this, 'type');
 			
-			var i, opts, data, optsName, labels;
+			var i, opts, data, optsName, labels, cNames;
 			if(inputTypes[type] && webshims.implement(this, 'inputwidgets')){
 				data = {};
 				optsName = type;
@@ -3177,17 +3322,38 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 						opts[optsName] = $.attr(this, copyAttrs[i]) || opts[optsName];
 					}
 				}
-				
-				if(opts.onlyMonthDigits || (!opts.formatMonthNames && opts.monthSelect)){
-					opts.formatMonthNames = 'monthDigits';
+				if(opts.formatMonthNames){
+					webshims.error('formatMonthNames was renamded to monthNames');
+				}
+				if(opts.onlyMonthDigits){
+					opts.monthNames = 'monthDigits';
 				}
 				data.shim = inputTypes[type]._create(opts);
-				
+
 				webshims.addShadowDom(this, data.shim.element, {
 					data: data.shim || {}
 				});
 				
 				data.shim.options.containerElements.push(data.shim.element[0]);
+				cNames = $.prop(this, 'className');
+				if(opts.classes){
+					cNames += ' '+opts.classes;
+				}
+				
+				if(opts.splitInput || type == 'range'){
+					cNames = cNames.replace('form-control', '');
+				}
+				
+				data.shim.element.on('change input', stopPropagation).addClass(cNames);
+				
+				if(data.shim.buttonWrapper){
+					
+					data.shim.buttonWrapper.addClass('input-button-size-'+(data.shim.buttonWrapper.children().filter(isVisible).length));
+					
+					if(data.shim.buttonWrapper.filter(isVisible).length){
+						data.shim.element.addClass('has-input-buttons');
+					}
+				}
 				
 				labelWidth($(this).getShadowFocusElement(), labels);
 				
@@ -3219,14 +3385,13 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 										$(opts.orig).trigger(hasFocus ? 'focusin' : 'focusout');
 									}
 									hasFocusTriggered = hasFocus;
-								}, 0);
+								}, 9);
 							}
 						})
 					;
 				})();
-								
 				
-				data.shim.element.on('change input', stopPropagation);
+				
 				
 				if(hasFormValidation){
 					$(opts.orig).on('firstinvalid', function(e){
@@ -3242,13 +3407,6 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 					});
 				}
 				
-				
-				if(data.shim.buttonWrapper && data.shim.buttonWrapper.filter(isVisible).length){
-					data.shim.element.addClass('has-input-buttons');
-				}
-				
-				data.shim.element.addClass($.prop(this, 'className'));
-				
 				if(opts.calculateWidth){
 					sizeInput(data.shim);
 				} else {
@@ -3310,7 +3468,7 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 			if(!modernizrInputTypes[name] || replace[name]){
 				extendType(name, {
 					_create: function(opts, set){
-						if(opts.monthSelect || opts.daySelect){
+						if(opts.monthSelect || opts.daySelect || opts.yearSelect){
 							opts.splitInput = true;
 						}
 						if(opts.splitInput && !splitInputs[name]){
@@ -3329,7 +3487,6 @@ webshims.register('dom-extend', function($, webshims, window, document, undefine
 						if(webshims.picker && webshims.picker[name]){
 							webshims.picker[name](data);
 						}
-						data.buttonWrapper.addClass('input-button-size-'+(data.buttonWrapper.children().filter(isVisible).length));
 						return data;
 					}
 				});