webshims-rails 1.14.3 → 1.14.4

data/vendor/assets/javascripts/webshims/shims/picture.js

@@ -7,67 +7,26 @@
 			return document.createElement('img');
 		};
 	}
+
+	webshim.isReady('picture', true);
 	setTimeout(function(){
-		if(window.picturefill){
-			var sel = 'picture, img[srcset]';
-			webshims.addReady(function(context){
-				if(context.querySelector(sel)){
-					window.picturefill();
-				}
-			});
-		}
+		webshim.ready('matchMedia', function(){
+			if(window.picturefill){
+				var sel = 'picture, img[srcset]';
+				webshim.addReady(function(context){
+					if(context.querySelector(sel)){
+						window.picturefill();
+					}
+				});
+			}
+		});
 	});
 })();
 
 /*! Picturefill - v2.1.0-beta - 2014-06-03
  * http://scottjehl.github.io/picturefill
  * Copyright (c) 2014 https://github.com/scottjehl/picturefill/blob/master/Authors.txt; Licensed MIT */
-/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas, David Knight. Dual MIT/BSD license */
-
-window.matchMedia || (window.matchMedia = function() {
-	"use strict";
-
-	// For browsers that support matchMedium api such as IE 9 and webkit
-	var styleMedia = (window.styleMedia || window.media);
-
-	// For those that don't support matchMedium
-	if (!styleMedia) {
-		var style       = document.createElement('style'),
-			script      = document.getElementsByTagName('script')[0],
-			info        = null;
-
-		style.type  = 'text/css';
-		style.id    = 'matchmediajs-test';
-
-		script.parentNode.insertBefore(style, script);
 
-		// 'style.currentStyle' is used by IE <= 8 and 'window.getComputedStyle' for all other browsers
-		info = ('getComputedStyle' in window) && window.getComputedStyle(style, null) || style.currentStyle;
-
-		styleMedia = {
-			matchMedium: function(media) {
-				var text = '@media ' + media + '{ #matchmediajs-test { width: 1px; } }';
-
-				// 'style.styleSheet' is used by IE <= 8 and 'style.textContent' for all other browsers
-				if (style.styleSheet) {
-					style.styleSheet.cssText = text;
-				} else {
-					style.textContent = text;
-				}
-
-				// Test if media query is true or false
-				return info.width === '1px';
-			}
-		};
-	}
-
-	return function(media) {
-		return {
-			matches: styleMedia.matchMedium(media || 'all'),
-			media: media || 'all'
-		};
-	};
-}());
 /*! Picturefill - Responsive Images that work today.
  *  Author: Scott Jehl, Filament Group, 2012 ( new proposal implemented by Shawn Jansepar )
  *  License: MIT/GPLv2
@@ -637,7 +596,7 @@ window.matchMedia || (window.matchMedia = function() {
 		}
 	}
 
-	runPicturefill();
+	webshim.ready('matchMedia', runPicturefill);
 
 	/* expose methods for testing */
 	picturefill._ = pf;

data/vendor/assets/javascripts/webshims/shims/styles/forms-ext.css

@@ -138,9 +138,7 @@ SASS:
   font-weight: normal;
   font-style: normal;
 }
-.ws-popover-opener > span,
-.ws-popover-opener .ws-color-indicator, .time-input-buttons .ws-popover-opener > span, .time-input-buttons
-.ws-popover-opener .ws-color-indicator {
+.ws-popover-opener > span, .time-input-buttons .ws-popover-opener > span {
   font-family: 'widget';
   speak: none;
   font-style: normal;
@@ -154,13 +152,11 @@ SASS:
   -moz-osx-font-smoothing: grayscale;
 }
 
-.ws-popover-opener > span:before,
-.ws-popover-opener .ws-color-indicator:before {
+.ws-popover-opener > span:before {
   content: "\f073";
 }
 
-.time-input-buttons .ws-popover-opener > span:before, .time-input-buttons
-.ws-popover-opener .ws-color-indicator:before {
+.time-input-buttons .ws-popover-opener > span:before {
   content: "\f017";
 }
 
@@ -248,25 +244,22 @@ span.has-input-buttons {
   height: 16px;
   margin: -8px 0 0 -8px;
 }
-.time-input-buttons .ws-popover-opener > span, .time-input-buttons
-.ws-popover-opener .ws-color-indicator {
-  margin: -7.5px 0 0 -7.5px;
-}
-.color-input-buttons .ws-popover-opener > span, .color-input-buttons
-.ws-popover-opener .ws-color-indicator {
+
+.color-input-buttons .ws-popover-opener > span {
   background: url(color-picker.png) no-repeat 0 0;
 }
-.color-input-buttons .ws-popover-opener > span:before, .color-input-buttons
-.ws-popover-opener .ws-color-indicator:before {
+.color-input-buttons .ws-popover-opener > span:before {
+  content: "";
+}
+.color-input-buttons .color-input-buttons .ws-popover-opener > span:before {
   content: "";
 }
-.ws-popover-opener > span.ws-color-indicator-bg,
-.ws-popover-opener .ws-color-indicator.ws-color-indicator-bg {
+.color-input-buttons .ws-popover-opener > span.ws-color-indicator-bg {
   background: url(../jpicker/images/preview-opacity.png) no-repeat 0;
 }
-.ws-popover-opener > span.ws-color-indicator,
-.ws-popover-opener .ws-color-indicator.ws-color-indicator {
-  background: none;
+
+.time-input-buttons .ws-popover-opener > span {
+  margin: -7.5px 0 0 -7.5px;
 }
 
 input[type="color"] {

data/vendor/assets/javascripts/webshims/shims/styles/scss/forms-ext.scss

@@ -121,7 +121,7 @@ span.has-input-buttons {
 	.ws-is-rtl & {
 		margin: 0 2px 0 0;
 	}
-	
+
 	> span,
 	.ws-color-indicator {
 		display: block;
@@ -131,30 +131,36 @@ span.has-input-buttons {
 		width: 16px;
 		height: 16px;
 		margin: -8px 0 0 -8px;
+	}
+
+	> span {
 		@extend %icon-calendar;
-		
+	}
+}
 
-		
-		.time-input-buttons & {
-			@extend %icon-clock;
-			margin: -7.5px 0 0 -7.5px;
-		}
+.color-input-buttons .ws-popover-opener > span {
 
+	background: url(color-picker.png) no-repeat 0 0;
 
-		.color-input-buttons & {
-			&:before {
-				content: "";
-			}
-			background: url(color-picker.png) no-repeat 0 0;
-		}
+	&:before {
+		content: "";
+	}
 
-		&.ws-color-indicator-bg {
-			background: url(../jpicker/images/preview-opacity.png) no-repeat 0;
-		}
-		&.ws-color-indicator {
-			background: none;
+	.color-input-buttons & {
+		&:before {
+			content: "";
 		}
+
+	}
+
+	&.ws-color-indicator-bg {
+		background: url(../jpicker/images/preview-opacity.png) no-repeat 0;
 	}
+
+}
+.time-input-buttons .ws-popover-opener > span {
+	@extend %icon-clock;
+	margin: -7.5px 0 0 -7.5px;
 }
 
 input[type="color"] {

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

@@ -533,6 +533,7 @@ input[data-wslist]::-webkit-calendar-picker-indicator {
 	overflow: hidden;
 	position: relative;
 	clear: both;
+	font-family: sans-serif;
 	
 	p {
 		margin: 2px 0 3px;
@@ -620,9 +621,8 @@ summary.summary-has-focus {
 }
 
 .ws-custom-file {
-	@extend %clearfix;
 	position: relative;
-	zoom: 1;
+	overflow: hidden;
 
 	> button,
 	> input {
@@ -691,24 +691,46 @@ summary.summary-has-focus {
 		color: #999;
 	}
 
+	> input[type="file"],
+	.ws-coverfile {
+		position: absolute;
+		top: -1%;
+		left: -3%;
+		bottom: -1%;
+		right: -1%;
+		height: 102%;
+		width: 104%;
+		z-index: 9;
+		padding: 0;
+		margin: 0;
+		border: 0px none;
+		color: transparent;
+		background: transparent;
+	}
 
 	> input[type="file"] {
-		position: absolute;
-		top: 0;
-		left: 0;
-		bottom: 0;
-		right: 0;
-		height: 100%;
-		width: 100%;
 		filter: alpha(opacity=0);
 		opacity: 0.00001;
-		z-index: 9;
 
 		&[disabled] {
 			cursor: default;
 			cursor: not-allowed;
 		}
 	}
+	.ws-coverfile {
+		background: url(transparent.png);
+		z-index: 10;
+		cursor: pointer;
+
+		[readonly] + & {
+			cursor: default;
+		}
+		[disabled] + & {
+			cursor: default;
+			cursor: not-allowed;
+		}
+	}
+
 
 	> .moxie-shim {
 		z-index: 20;

data/vendor/assets/javascripts/webshims/shims/styles/shim-ext.css

@@ -1,12 +1,3 @@
-.ws-custom-file {
-  zoom: 1;
-}
-.ws-custom-file:before, .ws-custom-file:after {
-  display: table;
-  clear: both;
-  content: ' ';
-}
-
 .ws-important-hide {
   display: none !important;
   visibility: hidden !important;
@@ -479,6 +470,7 @@ input[data-wslist]::-webkit-calendar-picker-indicator {
   overflow: hidden;
   position: relative;
   clear: both;
+  font-family: sans-serif;
 }
 .ws-errorbox p {
   margin: 2px 0 3px;
@@ -611,7 +603,7 @@ summary.summary-has-focus {
 
 .ws-custom-file {
   position: relative;
-  zoom: 1;
+  overflow: hidden;
 }
 .ws-custom-file > button,
 .ws-custom-file > input {
@@ -663,33 +655,44 @@ summary.summary-has-focus {
   background: #eee;
   color: #999;
 }
-.ws-custom-file > input[type="file"] {
+.ws-custom-file > input[type="file"],
+.ws-custom-file .ws-coverfile {
   position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  height: 100%;
-  width: 100%;
+  top: -1%;
+  left: -3%;
+  bottom: -1%;
+  right: -1%;
+  height: 102%;
+  width: 104%;
+  z-index: 9;
+  padding: 0;
+  margin: 0;
+  border: 0px none;
+  color: transparent;
+  background: transparent;
+}
+.ws-custom-file > input[type="file"] {
   filter: alpha(opacity=0);
   opacity: 0.00001;
-  z-index: 9;
 }
 .ws-custom-file > input[type="file"][disabled] {
   cursor: default;
   cursor: not-allowed;
 }
-.ws-custom-file > .moxie-shim {
-  z-index: 20;
+.ws-custom-file .ws-coverfile {
+  background: url(transparent.png);
+  z-index: 10;
+  cursor: pointer;
 }
-
-.ws-custom-file {
-  zoom: 1;
+[readonly] + .ws-custom-file .ws-coverfile {
+  cursor: default;
 }
-.ws-custom-file:before, .ws-custom-file:after {
-  display: table;
-  clear: both;
-  content: ' ';
+[disabled] + .ws-custom-file .ws-coverfile {
+  cursor: default;
+  cursor: not-allowed;
+}
+.ws-custom-file > .moxie-shim {
+  z-index: 20;
 }
 
 /* style picker api */
@@ -832,9 +835,7 @@ SASS:
   font-weight: normal;
   font-style: normal;
 }
-.ws-popover-opener > span,
-.ws-popover-opener .ws-color-indicator, .time-input-buttons .ws-popover-opener > span, .time-input-buttons
-.ws-popover-opener .ws-color-indicator {
+.ws-popover-opener > span, .time-input-buttons .ws-popover-opener > span {
   font-family: 'widget';
   speak: none;
   font-style: normal;
@@ -848,13 +849,11 @@ SASS:
   -moz-osx-font-smoothing: grayscale;
 }
 
-.ws-popover-opener > span:before,
-.ws-popover-opener .ws-color-indicator:before {
+.ws-popover-opener > span:before {
   content: "\f073";
 }
 
-.time-input-buttons .ws-popover-opener > span:before, .time-input-buttons
-.ws-popover-opener .ws-color-indicator:before {
+.time-input-buttons .ws-popover-opener > span:before {
   content: "\f017";
 }
 
@@ -942,25 +941,22 @@ span.has-input-buttons {
   height: 16px;
   margin: -8px 0 0 -8px;
 }
-.time-input-buttons .ws-popover-opener > span, .time-input-buttons
-.ws-popover-opener .ws-color-indicator {
-  margin: -7.5px 0 0 -7.5px;
-}
-.color-input-buttons .ws-popover-opener > span, .color-input-buttons
-.ws-popover-opener .ws-color-indicator {
+
+.color-input-buttons .ws-popover-opener > span {
   background: url(color-picker.png) no-repeat 0 0;
 }
-.color-input-buttons .ws-popover-opener > span:before, .color-input-buttons
-.ws-popover-opener .ws-color-indicator:before {
+.color-input-buttons .ws-popover-opener > span:before {
+  content: "";
+}
+.color-input-buttons .color-input-buttons .ws-popover-opener > span:before {
   content: "";
 }
-.ws-popover-opener > span.ws-color-indicator-bg,
-.ws-popover-opener .ws-color-indicator.ws-color-indicator-bg {
+.color-input-buttons .ws-popover-opener > span.ws-color-indicator-bg {
   background: url(../jpicker/images/preview-opacity.png) no-repeat 0;
 }
-.ws-popover-opener > span.ws-color-indicator,
-.ws-popover-opener .ws-color-indicator.ws-color-indicator {
-  background: none;
+
+.time-input-buttons .ws-popover-opener > span {
+  margin: -7.5px 0 0 -7.5px;
 }
 
 input[type="color"] {

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

@@ -1,12 +1,3 @@
-.ws-custom-file {
-  zoom: 1;
-}
-.ws-custom-file:before, .ws-custom-file:after {
-  display: table;
-  clear: both;
-  content: ' ';
-}
-
 .ws-important-hide {
   display: none !important;
   visibility: hidden !important;
@@ -479,6 +470,7 @@ input[data-wslist]::-webkit-calendar-picker-indicator {
   overflow: hidden;
   position: relative;
   clear: both;
+  font-family: sans-serif;
 }
 .ws-errorbox p {
   margin: 2px 0 3px;
@@ -611,7 +603,7 @@ summary.summary-has-focus {
 
 .ws-custom-file {
   position: relative;
-  zoom: 1;
+  overflow: hidden;
 }
 .ws-custom-file > button,
 .ws-custom-file > input {
@@ -663,22 +655,42 @@ summary.summary-has-focus {
   background: #eee;
   color: #999;
 }
-.ws-custom-file > input[type="file"] {
+.ws-custom-file > input[type="file"],
+.ws-custom-file .ws-coverfile {
   position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  height: 100%;
-  width: 100%;
+  top: -1%;
+  left: -3%;
+  bottom: -1%;
+  right: -1%;
+  height: 102%;
+  width: 104%;
+  z-index: 9;
+  padding: 0;
+  margin: 0;
+  border: 0px none;
+  color: transparent;
+  background: transparent;
+}
+.ws-custom-file > input[type="file"] {
   filter: alpha(opacity=0);
   opacity: 0.00001;
-  z-index: 9;
 }
 .ws-custom-file > input[type="file"][disabled] {
   cursor: default;
   cursor: not-allowed;
 }
+.ws-custom-file .ws-coverfile {
+  background: url(transparent.png);
+  z-index: 10;
+  cursor: pointer;
+}
+[readonly] + .ws-custom-file .ws-coverfile {
+  cursor: default;
+}
+[disabled] + .ws-custom-file .ws-coverfile {
+  cursor: default;
+  cursor: not-allowed;
+}
 .ws-custom-file > .moxie-shim {
   z-index: 20;
 }

data/vendor/assets/javascripts/webshims/shims/swfmini.js

@@ -158,7 +158,7 @@ var swfmini = function() {
 		webshims.$.noop
 	;
 
-	if(!Modernizr.video){
+	if(!webshims.support.mediaelement){
 		loadEmbed();
 	} else {
 		webshims.ready('WINDOWLOAD', loadEmbed);

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

@@ -1,5 +1,5 @@
 (function($){
-	if(Modernizr.texttrackapi && document.addEventListener){
+	if(webshims.support.texttrackapi && document.addEventListener){
 		var trackOptions = webshims.cfg.track;
 		var trackListener = function(e){
 			$(e.target).filter('track').each(changeApi);
@@ -41,13 +41,12 @@
 webshims.register('track-ui', function($, webshims, window, document, undefined){
 	"use strict";
 	var options = webshims.cfg.track;
-	var enterE = {type: 'enter'};
-	var exitE = {type: 'exit'};
+	var support = webshims.support;
 	//descriptions are not really shown, but they are inserted into the dom
 	var showTracks = {subtitles: 1, captions: 1, descriptions: 1};
 	var mediaelement = webshims.mediaelement;
 	var usesNativeTrack =  function(){
-		return !options.override && Modernizr.texttrackapi;
+		return !options.override && support.texttrackapi;
 	};
 	
 	var trackDisplay = {
@@ -176,7 +175,7 @@ webshims.register('track-ui', function($, webshims, window, document, undefined)
 			track._lastFoundCue = {index: 0, time: 0};
 		}
 		
-		if(Modernizr.texttrackapi && !options.override && !track._shimActiveCues){
+		if(support.texttrackapi && !options.override && !track._shimActiveCues){
 			track._shimActiveCues = mediaelement.createCueList();
 		}