webshims-rails 1.10.3 → 1.10.6

data/vendor/assets/javascripts/webshims/shims/mediaelement-jaris.js

@@ -1,4 +1,4 @@
-jQuery.webshims.register('mediaelement-jaris', function($, webshims, window, document, undefined, options){
+webshims.register('mediaelement-jaris', function($, webshims, window, document, undefined, options){
 	"use strict";
 	
 	var mediaelement = webshims.mediaelement;
@@ -602,8 +602,10 @@ jQuery.webshims.register('mediaelement-jaris', function($, webshims, window, doc
 			webshims.addShadowDom(elem, box);
 			addMediaToStopEvents(elem);
 			mediaelement.setActive(elem, 'third', data);
-			$(elem).on('updatemediaelementdimensions', setDimension);
-			$(document).on('updateshadowdom', setDimension);
+			$(elem)
+				.on({'updatemediaelementdimensions': setDimension})
+				.onWSOff('updateshadowdom', setDimension)
+			;
 		}
 		
 		if(!mediaelement.jarisEvent[data.id]){
@@ -865,13 +867,11 @@ jQuery.webshims.register('mediaelement-jaris', function($, webshims, window, doc
 			if(elems && (len = elems.length) && loadedSwf){
 				
 				for(i = 0; i < len; i++){
-					if(flashNames[elems[i].nodeName]){
-						if('api_pause' in elems[i]){
-							loadedSwf--;
-							try {
-								elems[i].api_pause();
-							} catch(er){}
-						}
+					if(flashNames[elems[i].nodeName] && 'api_pause' in elems[i]){
+						loadedSwf--;
+						try {
+							elems[i].api_pause();
+						} catch(er){}
 					}
 				}
 				
@@ -934,5 +934,4 @@ jQuery.webshims.register('mediaelement-jaris', function($, webshims, window, doc
 		}, 'prop');
 	}
 	
-	
 });

data/vendor/assets/javascripts/webshims/shims/mediaelement-native-fix.js

@@ -1,4 +1,4 @@
-jQuery.webshims.register('mediaelement-native-fix', function($, webshims, window, document, undefined){
+webshims.register('mediaelement-native-fix', function($, webshims, window, document, undefined){
 	if(Modernizr.videoBuffered){return;}
 	
 	var getBufferedData = function(elem){
@@ -94,6 +94,7 @@ jQuery.webshims.register('mediaelement-native-fix', function($, webshims, window
 			.on('load progress', loadProgessListener)
 			.on('emptied', removeProgress)
 		;
+		
 	 });
 
 });

data/vendor/assets/javascripts/webshims/shims/mediaelement-yt.js

@@ -1,4 +1,4 @@
-jQuery.webshims.register('mediaelement-yt', function($, webshims, window, document, undefined, options){
+webshims.register('mediaelement-yt', function($, webshims, window, document, undefined, options){
 "use strict";
 var mediaelement = webshims.mediaelement;
 var ytAPI = jQuery.Deferred();
@@ -445,8 +445,10 @@ mediaelement.createSWF = function(mediaElem, src, data){
 	addMediaToStopEvents(mediaElem);
 	
 	addYtAPI(mediaElem, elemId, data, ytID);
-	$(mediaElem).on('updatemediaelementdimensions', setDimension);
-	$(document).on('updateshadowdom', setDimension);
+	$(mediaElem)
+		.on('updatemediaelementdimensions', setDimension)
+		.onWSOff('updateshadowdom', setDimension)
+	;
 };
 
 (function(){

data/vendor/assets/javascripts/webshims/shims/range-ui.js

@@ -42,6 +42,7 @@
 			var oVal = val;
 			var thumbStyle = {};
 			var rangeStyle = {};
+			
 			if(!_noNormalize && parseFloat(val, 10) != val){
 				val = o.min + ((o.max - o.min) / 2);
 			}
@@ -51,6 +52,7 @@
 			}
 			left =  100 * ((val - o.min) / (o.max - o.min));
 			
+			if(this._init && val == o.value && oVal == val){return;}
 			this.options.value = val;
 			this.thumb.stop();
 			this.range.stop();
@@ -120,24 +122,30 @@
 			$('.ws-range-ticks', trail).remove();
 			
 			
-			$(this.orig).jProp('list').find('option').each(function(){
-				o.options[$.prop(this, 'value')] = $.prop(this, 'label');
+			$(this.orig).jProp('list').find('option:not([disabled])').each(function(){
+				o.options[$.prop(this, 'value')] = $.prop(this, 'label') || '';
 			});
 			
 			$.each(o.options, function(val, label){
 				if(!isNumber(val) || val < min || val > max){return;}
 				var left = 100 * ((val - min) / (max - min));
-				var title = o.showLabels ? ' title="'+ label +'"' : '';
+				var title = o.showLabels && label ? ' title="'+ label +'"' : '';
 				if(that.vertical){
 					left = Math.abs(left - 100);
 				}
-				trail.append('<span class="ws-range-ticks"'+ title +' style="'+(that.dirs.left)+': '+left+'%;" />');
+				
+				that.posCenter(
+					$('<span class="ws-range-ticks"'+ title +' data-label="'+label+'" style="'+(that.dirs.left)+': '+left+'%;" />').appendTo(trail)
+				);
 			});
 		},
 		readonly: function(val){
 			val = !!val;
 			this.options.readonly = val;
 			this.element.attr('aria-readonly', ''+val);
+			if(this._init){
+				this.updateMetrics();
+			}
 		},
 		disabled: function(val){
 			val = !!val;
@@ -147,6 +155,9 @@
 			} else {
 				this.element.attr({tabindex: this.options.tabindex, 'aria-disabled': 'false'});
 			}
+			if(this._init){
+				this.updateMetrics();
+			}
 		},
 		tabindex: function(val){
 			this.options.tabindex = val;
@@ -226,6 +237,24 @@
 			
 			return val;
 		},
+		addRemoveClass: function(cName, add){
+			var isIn = this.element.prop('className').indexOf(cName) != -1;
+			var action;
+			if(!add && isIn){
+				action = 'removeClass';
+				this.element.removeClass(cName);
+				this.updateMetrics();
+			} else if(add && !isIn){
+				action = 'addClass';
+				
+			}
+			if(action){
+				this.element[action](cName);
+				if(this._init){
+					this.updateMetrics();
+				}
+			}
+		},
 		addBindings: function(){
 			var leftOffset, widgetUnits, hasFocus;
 			var that = this;
@@ -265,25 +294,36 @@
 					that.value(val, false, animate);
 					eventTimer.call('input', val);
 				}
+				if(e && e.type == 'mousemove'){
+					e.preventDefault();
+				}
 			};
-			
 			var remove = function(e){
 				if(e && e.type == 'mouseup'){
 					eventTimer.call('input', o.value);
 					eventTimer.call('change', o.value);
 				}
-				that.element.removeClass('ws-active');
+				that.addRemoveClass('ws-active');
 				$(document).off('mousemove', setValueFromPos).off('mouseup', remove);
+				$(window).off('blur', removeWin);
+			};
+			var removeWin = function(e){
+				if(e.target == window){remove();}
 			};
 			var add = function(e){
+				var outerWidth;
 				e.preventDefault();
 				$(document).off('mousemove', setValueFromPos).off('mouseup', remove);
+				$(window).off('blur', removeWin);
 				if(!o.readonly && !o.disabled){
-					leftOffset = that.element.focus().addClass('ws-active').offset();
-					widgetUnits = that.element[that.dirs.width]();
+					that.element.focus();
+					that.addRemoveClass('ws-active', true);
+					leftOffset = that.element.focus().offset();
+					widgetUnits = that.element[that.dirs.innerWidth]();
 					if(!widgetUnits || !leftOffset){return;}
+					outerWidth = that.thumb[that.dirs.outerWidth]();
 					leftOffset = leftOffset[that.dirs.pos];
-					widgetUnits = 100 / (widgetUnits  - ((that.thumb[that.dirs.outerWidth]() || 2) / 2));
+					widgetUnits = 100 / widgetUnits;
 					setValueFromPos(e, o.animate);
 					$(document)
 						.on({
@@ -291,6 +331,7 @@
 							mousemove: setValueFromPos
 						})
 					;
+					$(window).on('blur', removeWin);
 					e.stopPropagation();
 				}
 			};
@@ -300,18 +341,20 @@
 					if(!o.disabled){
 						eventTimer.init('input', o.value);
 						eventTimer.init('change', o.value);
-						that.element.addClass('ws-focus');
+						that.addRemoveClass('ws-focus', true);
+						that.updateMetrics();
 					}
 					hasFocus = true;
 				},
 				blur: function(e){
 					that.element.removeClass('ws-focus ws-active');
+					that.updateMetrics();
 					hasFocus = false;
 					eventTimer.init('input', o.value);
 					eventTimer.call('change', o.value);
 				},
 				keyup: function(){
-					that.element.removeClass('ws-active');
+					that.addRemoveClass('ws-active');
 					eventTimer.call('input', o.value);
 					eventTimer.call('change', o.value);
 				},
@@ -336,7 +379,7 @@
 							step = false;
 						}
 						if (step) {
-							that.element.addClass('ws-active');
+							that.addRemoveClass('ws-active', true);
 							eventTimer.call('input', o.value);
 							e.preventDefault();
 						}
@@ -358,31 +401,81 @@
 			this.thumb.on({
 				mousedown: add
 			});
+			$(function(){
+				webshims.ready('dom-support', function(){
+					that.element.onWSOff('updateshadowdom', function(){
+						that.updateMetrics();
+					});
+				});
+				if(!$.fn.onWSOff){
+					webshims._polyfill(['dom-support']);
+				}
+			});
+		},
+		posCenter: function(elem, outerWidth){
+			var temp;
+			if(this.options.calcCenter && (!this._init || this.element[0].offsetWidth)){
+				if(!elem){
+					elem = this.thumb;
+				}
+				if(!outerWidth){
+					outerWidth = elem[this.dirs.outerWidth]();
+				}
+				outerWidth = outerWidth / -2;
+				elem.css(this.dirs.marginLeft, outerWidth);
+				
+				if(this.options.calcTrail && elem[0] == this.thumb[0]){
+					temp = this.element[this.dirs.innerHeight]();
+					elem.css(this.dirs.marginTop, (elem[this.dirs.outerHeight]() - temp) / -2);
+					this.range.css(this.dirs.marginTop, (this.range[this.dirs.outerHeight]() - temp) / -2 );
+					outerWidth *= -1;
+					this.trail
+						.css(this.dirs.left, outerWidth)
+						.css(this.dirs.right, outerWidth)
+					;
+				}
+			}
 		},
 		updateMetrics: function(){
 			var width = this.element.innerWidth();
 			this.vertical = (width && this.element.innerHeight() - width  > 10);
 			
 			this.dirs = this.vertical ? 
-				{mouse: 'pageY', pos: 'top', min: 'max', max: 'min', left: 'top', width: 'height', outerWidth: 'outerHeight'} :
-				{mouse: 'pageX', pos: 'left', min: 'min', max: 'max', left: 'left', width: 'width', outerWidth: 'outerWidth'}
+				{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'}
 			;
 			this.element
 				[this.vertical ? 'addClass' : 'removeClass']('vertical-range')
 				[this.vertical ? 'addClass' : 'removeClass']('horizontal-range')
 			;
+			this.posCenter();
 		}
 	};
 	
 	$.fn.rangeUI = function(opts){
-		opts = $.extend({readonly: false, disabled: false, tabindex: 0, min: 0, step: 1, max: 100, value: 50, input: $.noop, change: $.noop, _change: $.noop, showLabels: true, options: {}}, opts);
+		opts = $.extend({
+			readonly: false, 
+			disabled: false, 
+			tabindex: 0, 
+			min: 0, 
+			step: 1, 
+			max: 100, 
+			value: 50, 
+			input: $.noop, 
+			change: $.noop, 
+			_change: $.noop, 
+			showLabels: true, 
+			options: {},
+			calcCenter: true,
+			calcTrail: true
+		}, opts);
 		return this.each(function(){
-			$.webshims.objectCreate(rangeProto, {
+			webshims.objectCreate(rangeProto, {
 				element: {
 					value: $(this)
 				}
 			}, opts);
 		});
 	};
-	jQuery.webshims.isReady('range-ui', true);
+	webshims.isReady('range-ui', true);
 })(jQuery);

data/vendor/assets/javascripts/webshims/shims/styles/scss/shim.scss

@@ -9,6 +9,37 @@
 	}
 }
 
+.ws-important-hide {
+	display: none !important;
+	visibility: hidden !important;
+	position: absolute;
+	top: -999999px;
+}
+
+/*
+.webshims-debug-list {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	margin: 5px;
+	padding: 5px;
+	list-style: none;
+	background: #fff;
+	color: #930;
+	font-size: 16px;
+	font-weight: bold;
+	max-height: 200px;
+	z-index: 99999;
+	overflow-y: auto;
+	
+	li {
+		border: 1px solid #c60;
+		margin: 2px 0;
+		padding: 5px;
+	}
+}*/
+
 article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
 	display: block;
 }
@@ -123,7 +154,6 @@ mark {
 .ws-range *,
 .placeholder-box,
 .placeholder-text,
-.input-datetime-local,
 .input-buttons,
 .input-buttons *,
 .details-open-indicator,
@@ -261,17 +291,33 @@ output {
 	border-radius: 3px;
 	cursor: pointer;
 	background: #ccc;
+	
+	span {
+		display: block;
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		width: 16px;
+		height: 16px;
+		margin: -8px 0 0 -8px;
+		background: url(forms.png) no-repeat -321px -1px;
+		
+		
+		.color-input-buttons & {
+			background-position: -348px 0;
+		}
+		
+		&.ws-color-indicator-bg {
+			background: url(../jpicker/images/preview-opacity.png) no-repeat 0;
+		}
+		&.ws-color-indicator {
+			background: none;
+		}
+	}
 }
 
-.ws-popover-opener span {
-	display: block;
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	width: 13px;
-	height: 13px;
-	margin: -6.5px 0 0 -6.5px;
-	background: url(forms.png) no-repeat -322px -2px;
+input[type="color"] {
+	width: 6.5em;
 }
 
 .input-buttons {
@@ -280,6 +326,9 @@ output {
 		padding: 0 !important;
 		vertical-align: middle !important;
 	}
+	&.color-input-buttons {
+		margin-left: 2px;
+	}
 	&.input-button-size-1 {
 		&.month-input-buttons,
 		&.date-input-buttons {
@@ -427,7 +476,7 @@ output {
 	height: 19px;
 	width: 155px;
 	border-radius: 1px;
-	background: url(forms.png) 0 -40px no-repeat;
+	background: url(range-track.png) 0 center no-repeat;
 	cursor: pointer;
 	font-size: 0;
 	line-height: 0;
@@ -447,23 +496,23 @@ output {
 		margin: -2px 0 0 -6px;
 		height: 22px;
 		width: 11px;
-		background: url(forms.png) -3px 0 no-repeat;
+		background: url(forms.png) -3px 1px no-repeat;
 		cursor: pointer;
 		outline: none;
 		font-size: 0;
 		line-height: 0;
 
 		&:hover {
-			background-position: -20px 0;
+			background-position: -20px 1px;
 		}
 	}
 
 	&.ws-focus .ws-range-thumb {
-		background-position: -20px 0;
+		background-position: -20px 1px;
 	}
 	
 	&.ws-active .ws-range-thumb {
-		background-position: -37px 0;
+		background-position: -37px 1px;
 	}
 	
 	&[aria-disabled="true"],
@@ -478,7 +527,7 @@ output {
 	}
 	
 	&[aria-disabled="true"] .ws-range-thumb {
-		background-position: -54px 0;
+		background-position: -54px 1px;
 	}
 
 	.ws-range-rail {
@@ -494,9 +543,9 @@ output {
 
 	.ws-range-min {
 		position: absolute !important;
-		display: block !important;
+		display: block;
 		padding: 0 !important;
-		top: 7px;
+		top: 0;
 		height: 1px;
 		left: 0;
 		z-index: 1;
@@ -505,17 +554,21 @@ output {
 	}
 
 	.ws-range-ticks {
+		overflow: hidden;
 		position: absolute;
 		bottom: 0px;
 		left: 0;
 		height: 4px;
 		width: 1px;
 		margin: 0 0 0 -1.5px;
+		font-size: 0;
+		line-height: 0;
+		text-indent: -999px;
 		background: #ccc;
 	}
 
 	&.vertical-range {
-		background: url(vertical-range.png) -30px bottom no-repeat;
+		background: url(vertical-range.png) center bottom no-repeat;
 		width: 20px;
 
 		.ws-range-thumb {
@@ -543,7 +596,7 @@ output {
 		.ws-range-min {
 			top: auto;
 			bottom: 1px;
-			left: 11px;
+			left: 0;
 			width: 1px;
 			height: 0;
 		}
@@ -586,6 +639,11 @@ output {
 	z-index: 1000;
 	min-width: 90px;
 	transition: visibility 400ms ease-in-out;
+	
+	.no-csstransitions &,
+	.no-opacity & {
+		display: none;
+	}
 
 	button {
 		display: inline-block;
@@ -613,9 +671,10 @@ output {
 			color: #888;
 		}
 	}
-
+	
 	&.ws-po-visible {
 		visibility: visible;
+		display: block;
 	}
 }
 
@@ -721,6 +780,10 @@ $button-bgcolor: #f5f5f5;
 		width: 796px;
 	}
 	
+	&.color-popover {
+		width: 590px;
+	}
+	
 	abbr[title] {
 		cursor: help;
 	}
@@ -1028,6 +1091,8 @@ datalist {
 		zoom: 1;
 		overflow: hidden;
 		text-overflow: ellipsis;
+		background-color: #fff;
+		transition: background-color 400ms;
 	}
 
 	mark {
@@ -1041,6 +1106,7 @@ datalist {
 		max-width: 100%;
 		color: #000;
 		float: left;
+		transition: color 400ms;
 	}
 	
 	.option-label {
@@ -1054,6 +1120,7 @@ datalist {
 		margin-top: 0.15em;
 		margin-left: 10px;
 		text-align: right;
+		transition: color 400ms;
 	}
 	
 	.has-option-label  {
@@ -1086,6 +1153,22 @@ datalist {
 	z-index: 1000000000;
 }
 
+.ws-errorbox {
+	display: none;
+	border: none;
+	margin: 0;
+	padding: 0;
+	overflow: hidden;
+	position: relative;
+	
+	p {
+		margin: 2px 0 3px;
+		padding: 0;
+		color: #933;
+		font: 90%/120% sans-serif;
+	}
+}
+
 progress {
 	position: relative;
 	display: inline-block;