webshims-rails 1.11.3.1 → 1.11.6

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

@@ -55,8 +55,11 @@
 			
 			if(this._init && val == o.value && oVal == val){return;}
 			this.options.value = val;
-			this.thumb.stop();
-			this.range.stop();
+			
+			if($.fn.stop){
+				this.thumb.stop();
+				this.range.stop();
+			}
 			
 			rangeStyle[this.dirs.width] = left+'%';
 			if(this.vertical){
@@ -65,7 +68,7 @@
 			thumbStyle[this.dirs.left] = left+'%';
 			
 			
-			if(!animate){
+			if(!animate || !$.fn.animate){
 				this.thumb.css(thumbStyle);
 				this.range.css(rangeStyle);
 			} else {
@@ -354,9 +357,9 @@
 				$(window).off('blur', removeWin);
 				if(!o.readonly && !o.disabled){
 					normalizeTouch(e);
-					that.element.focus();
+					that.element.trigger('focus');
 					that.addRemoveClass('ws-active', true);
-					leftOffset = that.element.focus().offset();
+					leftOffset = that.element.offset();
 					widgetUnits = that.element[that.dirs.innerWidth]();
 					if(!widgetUnits || !leftOffset){return;}
 					outerWidth = that.thumb[that.dirs.outerWidth]();
@@ -697,6 +700,32 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 		return val.length == 1 ? '0'+val : val;
 	};
 	
+	var loadPicker = function(type, name){
+		type = (type == 'color' ? 'color' : 'forms')+'-picker';
+		if(!loadPicker[name+'Loaded'+type]){
+			loadPicker[name+'Loaded'+type] = true;
+			webshims.ready(name, function(){
+				webshims.loader.loadList([type]);
+				
+			});
+		}
+		return type;
+	};
+	
+
+	options.addZero = addZero;
+	webshims.loader.addModule('forms-picker', {
+		noAutoCallback: true,
+		options: options
+	});
+	webshims.loader.addModule('color-picker', {
+		noAutoCallback: true, 
+		css: 'jpicker/jpicker.css',
+		options: options,
+		d: ['forms-picker']
+	});
+	
+	options.steps = steps;
 		
 	(function(){
 		
@@ -809,7 +838,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				langCfg.date.monthDigits = monthDigits;
 				langCfg.numberSigns += '-';
 				if(langCfg.meridian){
-					langCfg.timeSigns += langCfg.meridian[0] + langCfg.meridian[1];
+					langCfg.timeSigns += langCfg.meridian[0] + langCfg.meridian[1] + langCfg.meridian[0].toLowerCase() + langCfg.meridian[1].toLowerCase();
 				}
 				$.each(langCfg.date.monthNames, create);
 				$.each(langCfg.date.monthNamesShort, create);
@@ -835,43 +864,24 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			$(document).triggerHandler('wslocalechange');
 		};
 		
-		triggerLocaleChange();
 		
-		webshims.activeLang({
-			register: 'form-core',
-			callback: function(){
-				$.each(arguments, function(i, val){
-					if(formcfg[val]){
-						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();
-				}
-			}
+		
+		
+		curCfg = webshims.activeLang(formcfg);
+		
+		triggerLocaleChange();
+			
+		$(formcfg).on('change', function(){
+			curCfg = formcfg.__active;
+			triggerLocaleChange();
 		});
+		
 	})();
 		
 	
 	
 	(function(){
 		
-		
-		var mousePress = function(e){
-			$(this)[e.type == 'mousepressstart' ? 'addClass' : 'removeClass']('mousepress-ui');
-		};
-		
 		var retDefault = function(val, def){
 			if(!(typeof val == 'number' || (val && val == val * 1))){
 				return def;
@@ -983,6 +993,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			time: function(val){
 				var fVal;
 				if(val && curCfg.meridian){
+					val = val.toUpperCase();
 					if(val.substr(0,2) === "12"){ 
 						val = "00" + val.substr(2);
 					}
@@ -1206,300 +1217,32 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				}
 			},
 			addBindings: function(){
-				var isFocused;
-				
 				var that = this;
 				var o = this.options;
-				
-				var eventTimer = (function(){
-					var events = {};
-					return {
-						init: function(name, curVal, fn){
-							if(!events[name]){
-								events[name] = {fn: fn};
-								$(that.orig).on(name, function(){
-									events[name].val = $.prop(that.orig, 'value');
-								});
-							}
-							events[name].val = curVal;
-						},
-						call: function(name, val){
-							if(events[name] && events[name].val != val){
-								clearTimeout(events[name].timer);
-								events[name].val = val;
-								events[name].timer = setTimeout(function(){
-									events[name].fn(val, that);
-								}, 9);
-							}
-						}
-					};
-				})();
-				var initChangeEvents = function(){
-					eventTimer.init('input', $.prop(that.orig, 'value'), that.options.input);
-					eventTimer.init('change', $.prop(that.orig, 'value'), that.options.change);
-				};
-				
-				var step = {};
-				
-				var preventBlur = function(e){
-					if(preventBlur.prevent){
-						e.preventDefault();
-						(isFocused || that.element.getShadowFocusElement()).focus();
-						stopPropagation(e);
-						return true;
-					}
+				var run = function(){
+					that._addBindings();
 				};
-				var callSplitChange = (function(){
-					var timer;
-					
-					var call = function(e){
-						var val;
-						clearTimeout(timer);
-						val = that.parseValue();
-						if(that.type == 'color'){
-							that.inputElements.val(val);
-						}
-						$.prop(that.orig, 'value', val);
-						eventTimer.call('input', val);
-						if(!e || e.type != 'wsupdatevalue'){
-							eventTimer.call('change', val);
-						}
-					};
-					
-					var onFocus = function(){
-						clearTimeout(timer);
-					};
-					var onBlur = function(e){
-						clearTimeout(timer);
-						timer = setTimeout(call, 0);
-						
-						if(e.type == 'change'){
-							stopPropagation(e);
-							if(!o.splitInput){
-								call();
-							}
-						}
-					};
-					
-					that.element.on('wsupdatevalue', call);
-					
-					that.inputElements
-						.add(that.buttonWrapper)
-						.add(that.element)
-						.on(
-							{
-								'focus focusin': onFocus,
-								'blur focusout change': onBlur
-							}
-						)
-					;
-					setTimeout(function(){
-						if(that.popover){
-							that.popover.element.on('wspopoverhide', onBlur);
-							$('> *', that.popover.element)
-								.on({
-									'focusin': onFocus,
-									'focusout': onBlur
-								})
-							;
-						}
-					}, 0);
-				})();
+				if(this._addBindings){
+					run();
+				} else {
+					webshims.ready('forms-picker', run);
+					loadPicker(this.type, 'WINDOWLOAD');
+				}
 				
-				var spinEvents = {};
-				var spinElement = o.splitInput ? this.inputElements.filter('.ws-spin') : this.inputElements.eq(0);
-				var elementEvts = {
-					blur: function(e){
-						if(!preventBlur(e) && !o.disabled && !o.readonly){
-							if(!preventBlur.prevent){
-								isFocused = false;
-							}
-						}
-						stopPropagation(e);
-					},
-					focus: function(e){
-						if(!isFocused){
-							initChangeEvents();
-							isFocused = this;
-						}
-					},
-					keypress: function(e){
-						if(e.isDefaultPrevented()){return;}
-						var chr;
-						var stepped = true;
-						var code = e.keyCode;
-						if(!e.ctrlKey && !e.metaKey && curCfg[that.type+'Signs']){
-							chr = String.fromCharCode(e.charCode == null ? code : e.charCode);
-							stepped = !(chr < " " || (curCfg[that.type+'Signs']+'0123456789').indexOf(chr) > -1);
-						} else {
-							stepped = false;
-						}
-						if(stepped){
-							e.preventDefault();
+				this.inputElements
+					.add(this.buttonWrapper)
+					.add(this.element)
+					.one('mousedown focusin', function(e){
+						loadPicker(that.type, 'DOM');
+					})
+					.on({
+						'change input focus focusin blur focusout': function(e){
+							$(e.target).trigger('ws__'+e.type);
 						}
-					},
-					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;
-						var releaseTab = function(){
-							if(isStopped === true){
-								isStopped = 'semi';
-								timer = setTimeout(releaseTab, 250);
-							} else {
-								isStopped = false;
-							}
-						};
-						var stopTab = function(){
-							isStopped = true;
-							clearTimeout(timer);
-							timer = setTimeout(releaseTab, 300);
-						};
-						var select = function(){
-							var elem = this;
-							setTimeout(function(){
-								elem.focus();
-								elem.select();
-							}, 4);
-							
-							stopTab();
-						};
-						
-						return function(e){
-							if(o.splitInput && o.jumpInputs){
-								if(e.type == 'input'){
-									if($.prop(this, 'value').length === $.prop(this, 'maxLength')){
-										try {
-											$(this)
-												.next()
-												.next('input, select')
-												.each(select)
-											;
-										} catch(er){}
-									}
-								} else if(!e.shiftKey && !e.crtlKey && e.keyCode == 9 && (isStopped === true || (isStopped && !$.prop(this, 'value')))){
-									e.preventDefault();
-								}
-							}
-						};
-					})()
-				};
-				var mouseDownInit = function(){
-					if(!o.disabled && !isFocused){
-						that.element.getShadowFocusElement().focus();
-					}
-					preventBlur.set();
+					})
 					
-					return false;
-				};
-				
-				preventBlur.set = (function(){
-					var timer;
-					var reset = function(){
-						preventBlur.prevent = false;
-					};
-					return function(){
-						clearTimeout(timer);
-						preventBlur.prevent = true;
-						setTimeout(reset, 9);
-					};
-				})();
-				
-				
-				this.buttonWrapper.on('mousedown', mouseDownInit);
-				
-				this.setInput = function(value){
-					that.value(value);
-					eventTimer.call('input', value);
-				};
-				this.setChange = function(value){
-					that.setInput(value);
-					eventTimer.call('change', value);
-				};
-				
-				
-				
-				this.inputElements.on(elementEvts);
+				;
 				
-				if(steps[this.type]){
-					['stepUp', 'stepDown'].forEach(function(name){
-						step[name] = function(factor){
-							if(!o.disabled && !o.readonly){
-								if(!isFocused){
-									mouseDownInit();
-								}
-								var ret = false;
-								if (!factor) {
-									factor = 1;
-								}
-								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);
-								}
-								return ret;
-							}
-						};
-					});
-					if(!o.noSpinbtn){
-						spinEvents[$.fn.mwheelIntent ? 'mwheelIntent' : 'mousewheel'] = function(e, delta){
-							if(delta && isFocused && !o.disabled){
-								step[delta > 0 ? 'stepUp' : 'stepDown']();
-								e.preventDefault();
-							}
-						};
-						spinEvents.keydown = function(e){
-							if(o.list || e.isDefaultPrevented() || (e.altKey && e.keyCode == 40) || $.attr(this, 'list')){return;}
-							var stepped = true;
-							var code = e.keyCode;
-							if (code == 38) {
-								step.stepUp();
-							} else if (code == 40) {
-								step.stepDown();
-							} else {
-								stepped = false;
-							}
-							if(stepped){
-								e.preventDefault();
-							}
-						};
-						
-						spinElement.attr({'autocomplete': 'off', role: 'spinbutton'}).on(spinEvents);
-					}
-					$(this.buttonWrapper)
-						.on('mousepressstart mousepressend', '.step-up, .step-down', mousePress)
-						.on('mousedown mousepress', '.step-up', function(e){
-								step.stepUp();
-						})
-						.on('mousedown mousepress', '.step-down', function(e){
-								step.stepDown();
-						})
-					;
-				}
 				if(this.type != 'color'){
 					(function(){
 						var localeChange ;
@@ -1523,8 +1266,6 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 						$(that.orig).onWSOff('wslocalechange', localeChange);
 					})();
 				}
-				
-				initChangeEvents();
 			},
 			required: function(val, boolVal){
 				this.inputElements.attr({'aria-required': ''+boolVal});
@@ -1558,34 +1299,6 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 					this.element.prop('placeholder', placeholder);
 				}
 			},
-			initDataList: function(){
-				var listTimer;
-				var that = this;
-				var updateList = function(){
-					$(that.orig)
-						.jProp('list')
-						.off('updateDatalist', updateList)
-						.on('updateDatalist', updateList)
-					;
-					clearTimeout(listTimer);
-					listTimer = setTimeout(function(){
-						if(that.list){
-							that.list();
-						}
-					}, 9);
-					
-				};
-				
-				$(this.orig).onTrigger('listdatalistchange', updateList);
-			},
-			getOptions: function(){
-				var options = {};
-				var datalist = $(this.orig).jProp('list');
-				datalist.find('option').each(function(){
-					options[$.prop(this, 'value')] = $.prop(this, 'label');
-				});
-				return [options, datalist.data('label')];
-			},
 			list: function(val){
 				if(this.type == 'number'){
 					this.element.attr('list', $.attr(this.orig, 'list'));
@@ -1715,31 +1428,6 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 					}, 9);
 				}
 			},
-			value: function(val, force){
-				
-				if(!this._init || force || this.options.value !== 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 = "";
-					}
-					
-					val = formatVal[this.type](val, this.options);
-					if(this.options.splitInput){
-						$.each(this.splits, function(i, elem){
-							$.prop(elem, 'value', val[i]);
-						});
-					} else {
-						this.element.prop('value', val);
-					}
-					this._propertyChange('value');
-					this.mirrorValidity();
-				}
-			},
 			step: function(val){
 				var defStep = steps[this.type];
 				this.options.step = val;
@@ -1811,6 +1499,8 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			});
 		};
 		
+		$.fn.wsBaseWidget.wsProto = wsWidgetProto;
+		
 		$.fn.spinbtnUI = function(opts){
 			opts = $.extend({
 				monthNames: 'monthNames',
@@ -1825,32 +1515,14 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				}, opts);
 			});
 		};
+		
+		$.fn.spinbtnUI.wsProto = spinBtnProto;
+		
 	})();
 	
 	(function(){
 		var picker = {};
 
-		var loadPicker = function(type, name){
-			type = (type == 'color' ? 'color' : 'forms')+'-picker';
-			if(!loadPicker[name+'Loaded'+type]){
-				loadPicker[name+'Loaded'+type] = true;
-				webshims.ready(name, function(){
-					webshims.loader.loadList([type]);
-				});
-			}
-			return type;
-		};
-		options.addZero = addZero;
-		webshims.loader.addModule('forms-picker', {
-			noAutoCallback: true,
-			options: options
-		});
-		webshims.loader.addModule('color-picker', {
-			noAutoCallback: true, 
-			css: 'jpicker/jpicker.css',
-			options: options
-		});
-		
 		webshims.inlinePopover = {
 			_create: function(){
 				this.element = $('<div class="ws-inline-picker"><div class="ws-po-box" /></div>').data('wspopover', this);
@@ -1894,7 +1566,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			cancel: function(val, popover, data){
 				if(!data.options.inlinePicker){
 					popover.stopOpen = true;
-					data.element.getShadowFocusElement().focus();
+					data.element.getShadowFocusElement().trigger('focus');
 					setTimeout(function(){
 						popover.stopOpen = false;
 					}, 9);
@@ -1983,9 +1655,16 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 		
 		picker._common = function(data){
 			var options = data.options;
-			var popover = webshims.objectCreate(options.inlinePicker ? webshims.inlinePopover : webshims.wsPopover, {}, {prepareFor: options.inlinePicker ? data.buttonWrapper : data.element, position: options.widgetPosition});
+			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);
@@ -2137,7 +1816,6 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			if(options.inlinePicker){
 				show();
 			}
-			loadPicker(data.type, 'WINDOWLOAD');
 		};
 		
 		picker.month = picker._common;
@@ -2153,7 +1831,7 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				.find('.ws-color-indicator')
 			;
 			var showColor = function(){
-				colorIndicator.css({backgroundColor: $.prop(this, 'value') || '#000'})
+				colorIndicator.css({backgroundColor: $.prop(this, 'value') || '#000000'});
 			};
 			var showOpacity = (function(){
 				var timer;
@@ -2310,11 +1988,8 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 				data = {};
 				optsName = type;
 				
-				//todo: do we need deep extend?
-				
 				labels = $(this).jProp('labels');
-				
-				opts = $.extend({}, options.widgets, options[type], $($.prop(this, 'form')).data(type) || {}, $(this).data(type) || {}, {
+				opts = $.extend(webshims.getOptions(this, type, [options.widgets, options[type], $($.prop(this, 'form')).data(type)]), {
 					orig: this,
 					type: type,
 					labels: labels,
@@ -2336,7 +2011,6 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 					containerElements: []
 				});
 				
-				
 				for(i = 0; i < copyProps.length; i++){
 					opts[copyProps[i]] = $.prop(this, copyProps[i]);
 				}
@@ -2490,8 +2164,8 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 							opts.splitInput = false;
 						}
 						var markup = opts.splitInput ?
-								'<span class="ws-'+name+' ws-input" role="group"></span>' :
-								'<input class="ws-'+name+'" type="text" />';
+								'<span class="ws-'+name+' ws-input ws-inputreplace" role="group"></span>' :
+								'<input class="ws-'+name+' ws-inputreplace" type="text" />';
 						var data = $(markup).insertAfter(opts.orig);
 						if(steps[name]){
 							data = data.spinbtnUI(opts).data('wsWidget'+name);
@@ -2508,13 +2182,20 @@ webshims.register('form-number-date-ui', function($, webshims, window, document,
 			}
 		});
 		
+		var init =  function(){
+			webshims.addReady(function(context, contextElem){
+				$('input', context)
+					.add(contextElem.filter('input'))
+					.each(implementType)
+				;
+			});
+		};
+		if(formcfg._isLoading){
+			$(formcfg).one('change', init);
+		} else {
+			init();
+		}
 		
-		webshims.addReady(function(context, contextElem){
-			$('input', context)
-				.add(contextElem.filter('input'))
-				.each(implementType)
-			;
-		});
 	})();
 });