webshims-rails 1.12.2 → 1.12.3

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

@@ -98,7 +98,7 @@
 	hasFullTrackSupport = Modernizr.track && !bugs.track;
 
 webshims.register('mediaelement-core', function($, webshims, window, document, undefined, options){
-	hasSwf = swfmini.hasFlashPlayerVersion('9.0.115');
+	hasSwf = swfmini.hasFlashPlayerVersion('10.0.3');
 	$('html').addClass(hasSwf ? 'swf' : 'no-swf');
 	var mediaelement = webshims.mediaelement;
 	
@@ -691,4 +691,4 @@ webshims.register('mediaelement-core', function($, webshims, window, document, u
 	}
 	webshims.ready('track', loadTrackUi);
 });
-})(Modernizr, webshims);
+})(Modernizr, webshims);

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

@@ -15,7 +15,7 @@
 		_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 data-value="" data-valuetext="" /></span></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><span data-value="" data-valuetext="" /></span></span></span>');
 			this.trail = $('.ws-range-track', this.element);
 			this.range = $('.ws-range-progress', this.element);
 			this.thumb = $('.ws-range-thumb', this.trail);
@@ -97,7 +97,7 @@
 				'aria-valuenow': this.options.value,
 				'aria-valuetext': textValue
 			});
-			$('span', this.thumb).attr({
+			$('span[data-value]', this.thumb).attr({
 				'data-value': this.options.value,
 				'data-valuetext': textValue
 			});

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

@@ -102,21 +102,39 @@
 .hide-ticks .ws-range-ticks {
   display: none; }
 
-.show-valuetooltip span.ws-range-thumb > span, .show-valuetooltip span.ws-range-thumb > span:after {
+.show-valuetooltip span.ws-range-thumb > span,
+.show-valuetooltip span.ws-range-thumb > span span:after {
   display: inline-block; }
+.show-valuetooltip span.ws-range-thumb > span span:after {
+  content: attr(data-value) !important;
+  visibility: visible !important; }
 
-.ws-active.show-activevaluetooltip span.ws-range-thumb > span, .ws-active.show-activevaluetooltip span.ws-range-thumb > span:after,
+.ws-active.show-activevaluetooltip span.ws-range-thumb > span,
+.ws-active.show-activevaluetooltip span.ws-range-thumb > span span:after,
 .show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span,
-.show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span:after {
+.show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span span:after {
   display: inline-block; }
+.ws-active.show-activevaluetooltip span.ws-range-thumb > span span:after,
+.show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span span:after {
+  content: attr(data-value) !important;
+  visibility: visible !important; }
 
-.show-labeltooltip span.ws-range-thumb > span, .show-labeltooltip span.ws-range-thumb > span:before {
+.show-labeltooltip span.ws-range-thumb > span,
+.show-labeltooltip span.ws-range-thumb > span span:before {
   display: inline-block; }
+.show-labeltooltip span.ws-range-thumb > span span:before {
+  content: attr(data-valuetext) !important;
+  visibility: visible !important; }
 
-.ws-active.show-activelabeltooltip span.ws-range-thumb > span, .ws-active.show-activelabeltooltip span.ws-range-thumb > span:before,
+.ws-active.show-activelabeltooltip span.ws-range-thumb > span,
+.ws-active.show-activelabeltooltip span.ws-range-thumb > span span:before,
 .show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span,
-.show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span:before {
+.show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span span:before {
   display: inline-block; }
+.ws-active.show-activelabeltooltip span.ws-range-thumb > span span:before,
+.show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span span:before {
+  content: attr(data-valuetext) !important;
+  visibility: visible !important; }
 
 /* spinner control for time, number (usable for date, datetime-local) */
 .has-input-buttons,
@@ -265,24 +283,24 @@ span.ws-input {
 .ws-date .mm,
 .ws-date .dd {
   width: 23.5%;
-  min-width: 12%; }
+  min-width: 10%; }
 .ws-date .yy {
   width: 48%;
-  min-width: 24%; }
+  min-width: 20%; }
 .ws-date.ws-month-select .dd {
   width: 22%;
-  min-width: 11%; }
+  min-width: 10%; }
 .ws-date.ws-month-select .mm {
   width: 38%;
-  min-width: 19%; }
+  min-width: 17%; }
 .ws-date.ws-month-select .yy {
   width: 36%;
-  min-width: 18%; }
+  min-width: 16%; }
 
 .ws-month .mm,
 .ws-month .yy {
   width: 47.9%;
-  min-width: 24%; }
+  min-width: 20%; }
 
 /* range */
 .ws-range {
@@ -328,18 +346,16 @@ span.ws-input {
       width: 180px;
       text-align: center;
       background: none; }
-      .ws-range .ws-range-thumb > span:after, .ws-range .ws-range-thumb > span:before {
-        content: attr(data-value);
-        padding: 0.07692em 0.26923em;
-        text-align: center;
-        background: #fff;
-        border: 0.07692em solid #cccccc;
-        border-radius: 0.30769em;
+      .ws-range .ws-range-thumb > span span {
         visibility: visible; }
-      .ws-range .ws-range-thumb > span:after {
-        content: attr(data-value); }
-      .ws-range .ws-range-thumb > span:before {
-        content: attr(data-valuetext); }
+        .ws-range .ws-range-thumb > span span:after, .ws-range .ws-range-thumb > span span:before {
+          content: "";
+          padding: 0.07692em 0.26923em;
+          text-align: center;
+          background: #fff;
+          border: 0.07692em solid #cccccc;
+          border-radius: 0.30769em;
+          visibility: visible; }
   .ws-range.ws-focus .ws-range-thumb {
     background: #eee;
     border-color: #999; }
@@ -432,7 +448,9 @@ span.ws-input {
 .ws-range-ticks:before {
   content: attr(data-value); }
 
-.ws-range-thumb > span, .ws-range-thumb > span:after, .ws-range-thumb > span:before {
+.ws-range-thumb > span,
+.ws-range-thumb > span span:after,
+.ws-range-thumb > span span:before {
   display: none; }
 
 /* helper classes to hide show/hide specific range features features */
@@ -506,7 +524,7 @@ span.ws-input {
       color: #333; }
       .input-picker .ws-picker-controls > button.ws-year-btn:after, .input-picker .ws-picker-controls > button:before {
         display: inline-block;
-        content: " ";
+        content: "";
         width: 0px;
         height: 0px;
         border-style: solid;
@@ -559,6 +577,8 @@ span.ws-input {
       .input-picker .next-controls [class*="ws-super-"][disabled],
       .input-picker .ws-po-box[dir="rtl"] .prev-controls [class*="ws-super-"][disabled] {
         display: none; }
+  .input-picker.ws-po-visible .ws-picker-controls button:after, .input-picker.ws-po-visible .ws-picker-controls button:before {
+    content: " "; }
   .input-picker .ws-po-box[dir="rtl"] {
     direction: rtl; }
   .input-picker.time-popover .ws-picker-body {

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

@@ -167,9 +167,13 @@ $rangeapis: show-ticklabels show-tickvalues hide-ticks show-valuetooltip show-la
 %show-valuetooltip {
 	span.ws-range-thumb > span {
 		&,
-		&:after {
+		span:after {
 			display: inline-block;
 		}
+		span:after {
+			content: attr(data-value) !important;
+			visibility: visible !important;
+		}
 	}
 }
 
@@ -178,17 +182,25 @@ $rangeapis: show-ticklabels show-tickvalues hide-ticks show-valuetooltip show-la
 	&.ws-active span.ws-range-thumb > span,
 	.ws-range.ws-active span.ws-range-thumb > span {
 		&,
-		&:after {
+		span:after {
 			display: inline-block;
 		}
+		span:after {
+			content: attr(data-value) !important;
+			visibility: visible !important;
+		}
 	}
 }
 %show-labeltooltip {
 	span.ws-range-thumb > span {
 		&,
-		&:before {
+		span:before {
 			display: inline-block;
 		}
+		span:before {
+			content: attr(data-valuetext) !important;
+			visibility: visible !important;
+		}
 	}
 }
 %show-activelabeltooltip {
@@ -196,8 +208,12 @@ $rangeapis: show-ticklabels show-tickvalues hide-ticks show-valuetooltip show-la
 	&.ws-active span.ws-range-thumb > span,
 	.ws-range.ws-active span.ws-range-thumb > span {
 		&,
-		&:before {
+		span:before {
 			display: inline-block;
 		}
+		span:before {
+			content: attr(data-valuetext) !important;
+			visibility: visible !important;
+		}
 	}
 }

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

@@ -221,26 +221,26 @@ span.ws-input {
 	.mm,
 	.dd {
 		width: 23.5%;
-		min-width: 12%;
+		min-width: 10%;
 	}
 	.yy {
 		width: 48%;
-		min-width: 24%;
+		min-width: 20%;
 	}
 	&.ws-month-select {
 		
 		.dd {
 			width: 22%;
-			min-width: 11%;
+			min-width: 10%;
 		}
 		.mm {
 			width: 38%;
-			min-width: 19%;
+			min-width: 17%;
 		}
 		
 		.yy {
 			width: 36%;
-			min-width: 18%;
+			min-width: 16%;
 		}
 	}
 }
@@ -249,7 +249,7 @@ span.ws-input {
 	.mm,
 	.yy {
 		width: 47.9%;
-		min-width: 24%;
+		min-width: 20%;
 	}
 }
 
@@ -303,23 +303,19 @@ span.ws-input {
 			width: 180px;
 			text-align: center;
 			background: none;
-			
-			&:after,
-			&:before {
-				content: attr(data-value);
-				padding: em(1) em(3.5);
-				text-align: center;
-				background: #fff;
-				border: em(1) solid #ccc;
-				border-radius: em(4);
+
+			span {
 				visibility: visible;
-			}
-			
-			&:after {
-				content: attr(data-value);
-			}
-			&:before {
-				content: attr(data-valuetext);
+				&:after,
+				&:before {
+					content: "";
+					padding: em(1) em(3.5);
+					text-align: center;
+					background: #fff;
+					border: em(1) solid #ccc;
+					border-radius: em(4);
+					visibility: visible;
+				}
 			}
 		}
 		
@@ -457,8 +453,8 @@ span.ws-input {
 .ws-range-thumb {
 	> span {
 		&,
-		&:after,
-		&:before {
+		span:after,
+		span:before {
 			display: none;
 		}
 	}
@@ -496,7 +492,7 @@ $button-bgcolor: #f5f5f5;
 	font-family: sans-serif;
 	width: em(360);
 	min-width: em(300);
-	
+
 	.ws-po-outerbox {
 		-webkit-transform: translate(0, 30%);
 		transform: translate(0, 30%);
@@ -577,7 +573,7 @@ $button-bgcolor: #f5f5f5;
 			&.ws-year-btn:after,
 			&:before {
 				display: inline-block;
-				content: " ";
+				content: "";
 				width: 0px;
 				height: 0px;
 				border-style: solid;
@@ -650,6 +646,13 @@ $button-bgcolor: #f5f5f5;
 			}
 		}
 	}
+
+	&.ws-po-visible .ws-picker-controls button {
+		&:after,
+		&:before {
+			content: " ";
+		}
+	}
 	
 	.ws-po-box[dir="rtl"] {
 		direction: rtl;

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

@@ -234,6 +234,7 @@ output {
 	transition: visibility 400ms ease-in-out;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	direction: ltr;
+	-webkit-tap-highlight-color: transparent;
 	
 	&.ws-is-rtl {
 		direction: rtl;
@@ -299,6 +300,7 @@ output {
 		font-family: inherit;
 		background: transparent;
 		cursor: pointer;
+		touch-action: none;
 
 		&::-moz-focus-inner {
 			border: 0;
@@ -441,6 +443,7 @@ input[data-wslist]::-webkit-calendar-picker-indicator {
 			text-overflow: ellipsis;
 			background-color: #fff;
 			transition: background-color 400ms;
+			touch-action: none;
 		}
 		
 		mark {

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

@@ -199,7 +199,8 @@ output {
   backface-visibility: hidden;
   transition: visibility 400ms ease-in-out;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  direction: ltr; }
+  direction: ltr;
+  -webkit-tap-highlight-color: transparent; }
   .ws-popover.ws-is-rtl {
     direction: rtl;
     margin: 0 0 0 0.92308em; }
@@ -246,7 +247,8 @@ output {
     appearance: none;
     font-family: inherit;
     background: transparent;
-    cursor: pointer; }
+    cursor: pointer;
+    touch-action: none; }
     .ws-po-box button::-moz-focus-inner {
       border: 0;
       padding: 0; }
@@ -345,7 +347,8 @@ input[data-wslist]::-webkit-calendar-picker-indicator {
       overflow: hidden;
       text-overflow: ellipsis;
       background-color: #fff;
-      transition: background-color 400ms; }
+      transition: background-color 400ms;
+      touch-action: none; }
     .datalist-polyfill .datalist-box mark {
       font-weight: normal;
       font-style: normal; }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: webshims-rails
 version: !ruby/object:Gem::Version
-  version: 1.12.2
+  version: 1.12.3
 platform: ruby
 authors:
 - David Reese
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-02-01 00:00:00.000000000 Z
+date: 2014-02-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails