webshims-rails 1.13.0 → 1.14.1

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

@@ -8,19 +8,20 @@
 		};
 	}
 	setTimeout(function(){
-		var sel = 'picture, img[srcset]';
-		webshims.addReady(function(context, insertedElement){
-			if(context == document || !window.picturefill){return;}
-			if(context.querySelector(sel) || insertedElement.filter(sel).length){
-				window.picturefill();
-			}
-		});
+		if(window.picturefill){
+			var sel = 'picture, img[srcset]';
+			webshims.addReady(function(context){
+				if(context.querySelector(sel)){
+					window.picturefill();
+				}
+			});
+		}
 	});
 })();
 
-/*! Picturefill - v2.0.0-beta - 2014-05-02
-* http://scottjehl.github.io/picturefill
-* Copyright (c) 2014 https://github.com/scottjehl/picturefill/blob/master/Authors.txt; Licensed MIT */
+/*! Picturefill - v2.0.0 - 2014-05-08
+ * 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() {
@@ -68,10 +69,10 @@ window.matchMedia || (window.matchMedia = function() {
 	};
 }());
 /*! Picturefill - Responsive Images that work today.
-*  Author: Scott Jehl, Filament Group, 2012 ( new proposal implemented by Shawn Jansepar )
-*  License: MIT/GPLv2
-*  Spec: http://picture.responsiveimages.org/
-*/
+ *  Author: Scott Jehl, Filament Group, 2012 ( new proposal implemented by Shawn Jansepar )
+ *  License: MIT/GPLv2
+ *  Spec: http://picture.responsiveimages.org/
+ */
 (function( w, doc ) {
 	// Enable strict mode
 	"use strict";
@@ -121,33 +122,38 @@ window.matchMedia || (window.matchMedia = function() {
 	 * Get width in css pixel value from a "length" value
 	 * http://dev.w3.org/csswg/css-values-3/#length-value
 	 */
-pf.getWidthFromLength = function( length ) {
-	// If no length was specified, or it is 0, default to `100vw` (per the spec).
-	length = length && parseFloat( length ) > 0 ? length : "100vw";
-
-	/**
-	* If length is specified in  `vw` units, use `%` instead since the div we’re measuring
-	* is injected at the top of the document.
-	*
-	* TODO: maybe we should put this behind a feature test for `vw`?
-	*/
-	length = length.replace( "vw", "%" );
-
-	// Create a cached element for getting length value widths
-	if( !pf.lengthEl ){
-		pf.lengthEl = doc.createElement( "div" );
-		doc.documentElement.insertBefore( pf.lengthEl, doc.documentElement.firstChild );
-	}
+	pf.getWidthFromLength = function( length ) {
+		// If no length was specified, or it is 0, default to `100vw` (per the spec).
+		length = length && parseFloat( length ) > 0 ? length : "100vw";
+
+		/**
+		 * If length is specified in  `vw` units, use `%` instead since the div we’re measuring
+		 * is injected at the top of the document.
+		 *
+		 * TODO: maybe we should put this behind a feature test for `vw`?
+		 */
+		length = length.replace( "vw", "%" );
+
+		// Create a cached element for getting length value widths
+		if( !pf.lengthEl ){
+			pf.lengthEl = doc.createElement( "div" );
+			doc.documentElement.insertBefore( pf.lengthEl, doc.documentElement.firstChild );
+		}
 
-	// Positioning styles help prevent padding/margin/width on `html` from throwing calculations off.
-	pf.lengthEl.style.cssText = "position: absolute; left: 0; width: " + length + ";";
-	// Using offsetWidth to get width from CSS
-	return pf.lengthEl.offsetWidth;
-};
+		// Positioning styles help prevent padding/margin/width on `html` from throwing calculations off.
+		pf.lengthEl.style.cssText = "position: absolute; left: 0; width: " + length + ";";
+		// Using offsetWidth to get width from CSS
+		return pf.lengthEl.offsetWidth;
+	};
 
 	// container of supported mime types that one might need to qualify before using
 	pf.types =  {};
 
+	// Add support for standard mime types.
+	pf.types["image/jpeg"] = true;
+	pf.types["image/gif"] = true;
+	pf.types["image/png"] = true;
+
 	// test svg support
 	pf.types[ "image/svg+xml" ] = doc.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#Image', '1.1');
 
@@ -194,8 +200,8 @@ pf.getWidthFromLength = function( length ) {
 	};
 
 	/**
-	* Parses an individual `size` and returns the length, and optional media query
-	*/
+	 * Parses an individual `size` and returns the length, and optional media query
+	 */
 	pf.parseSize = function( sourceSizeStr ) {
 		var match = /(\([^)]+\))?\s*(.+)/g.exec( sourceSizeStr );
 		return {
@@ -216,13 +222,13 @@ pf.getWidthFromLength = function( length ) {
 		for ( var i=0, len=sourceSizeList.length; i < len; i++ ) {
 			// Match <media-condition>? length, ie ( min-width: 50em ) 100%
 			var sourceSize = sourceSizeList[ i ],
-				// Split "( min-width: 50em ) 100%" into separate strings
+			// Split "( min-width: 50em ) 100%" into separate strings
 				parsedSize = pf.parseSize( sourceSize ),
 				length = parsedSize.length,
 				media = parsedSize.media;
 
 			if ( !length ) {
-					continue;
+				continue;
 			}
 			if ( !media || pf.matchesMedia( media ) ) {
 				// if there is no media query or it matches, choose this as our winning length
@@ -378,8 +384,8 @@ pf.getWidthFromLength = function( length ) {
 
 				if ( currImg.parentNode.nodeName.toUpperCase() !== "PICTURE" &&
 					( ( pf.srcsetSupported && currImg.getAttribute( "sizes" ) ) ||
-					currImg.getAttribute( "srcset" ) !== null ) ) {
-						elems.push( currImg );
+						currImg.getAttribute( "srcset" ) !== null ) ) {
+					elems.push( currImg );
 				}
 			}
 		}
@@ -509,7 +515,7 @@ pf.getWidthFromLength = function( length ) {
 					// No sources matched, so we’re down to processing the inner `img` as a source.
 					candidates = pf.processSourceSet( picImg );
 
-					if( picImg.srcset === undefined || picImg.getAttribute( "sizes" ) ) {
+					if( picImg.srcset === undefined || ( picImg.getAttribute( "sizes" ) && picImg[ pf.ns ].srcset ) ) {
 						// Either `srcset` is completely unsupported, or we need to polyfill `sizes` functionality.
 						pf.applyBestCandidate( candidates, picImg );
 					} // Else, resolution-only `srcset` is supported natively.
@@ -568,3 +574,4 @@ pf.getWidthFromLength = function( length ) {
 	}
 
 } )( this, this.document );
+

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

@@ -121,7 +121,7 @@ SASS:
 
 @font-face {
   font-family: 'widget';
-  src: url("fonts/widget.eot"); }
+  src: url("widget.eot"); }
 @font-face {
   font-family: 'widget';
   src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url("widget.ttf") format("truetype");
@@ -189,7 +189,12 @@ span.has-input-buttons {
   cursor: pointer;
   background: #ccc;
   font-size: 13px;
-  text-align: center; }
+  text-align: center;
+  outline-offset: -2px; }
+  .ws-popover-opener:focus, .ws-popover-opener:active {
+    outline: 1px dotted #666; }
+  .ws-popover-opener:hover {
+    outline: none; }
   .ws-is-rtl .ws-popover-opener {
     margin: 0 2px 0 0; }
   .ws-popover-opener span {

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

@@ -0,0 +1,219 @@
+/* style picker api */
+/* how to use: 
+*
+Markup (good to style one input different than other):
+<!-- simply use a placeholder as class on your input elment -->
+	<input type="date" class="show-week" />
+CSS:
+//replace the placeholder with .input-picker or (.input-date-picker)
+	.input-picker .ws-week {
+		display: table-cell;
+	}
+SASS:
+//use the placeholder(s) and go crazy
+	.input-picker {
+		@extend %show-week;
+		//@extend show-selectnav;
+	}
+*
+*/
+
+
+@function wsem($pixels, $context: 13) {
+	@return #{$pixels/$context}em
+}
+
+$pickerapis: show-week show-yearbtns hide-btnrow show-uparrow show-selectnav;
+
+%show-week {
+	.ws-week {
+		display: table-cell;
+	}
+}
+
+%show-yearbtns {
+	.ws-picker-header {
+		margin: 0 wsem(55);
+	}
+	
+	button.ws-year-btn {
+		display: inline-block;
+	}
+}
+
+
+%hide-btnrow {
+	.ws-button-row {
+		display: none;
+	}
+}
+
+%show-uparrow {
+	.ws-picker-header > button:after {
+		display: inline-block;
+	}
+}
+
+%show-selectnav {
+	@extend %show-uparrow;
+	.ws-picker-header {
+		> select {
+			display: inline-block;
+		}
+		
+		> button {
+			width: auto;
+			
+			> span {
+				display: none;
+			}
+		}
+		
+	}
+}
+
+/* btn api */
+
+$btnapis: hide-spinbtns hide-dropdownbtn hide-inputbtns inputbtns-outside a11yhide-inputbtns;
+
+%hide-spinbtns {
+	+ .input-buttons > .step-controls,
+	.input-buttons > .step-controls {
+		display: none;
+	}
+
+	&::-webkit-inner-spin-button,
+	::-webkit-inner-spin-button {
+		display: none;
+	}
+}
+
+%hide-dropdownbtn {
+	+ .input-buttons > .ws-popover-opener,
+	.input-buttons > .ws-popover-opener {
+		display: none;
+	}
+}
+
+%hide-inputbtns {
+	+ .input-buttons,
+	.input-buttons {
+		display: none;
+	}
+
+	&::-webkit-inner-spin-button,
+	::-webkit-inner-spin-button {
+		display: none;
+	}
+}
+
+%a11yhide-inputbtns {
+	+ .input-buttons,
+	.input-buttons {
+		width: 0;
+		margin: 0;
+		overflow: visible;
+		
+		> .step-controls {
+			display: none;
+		}
+		
+		> .ws-popover-opener {
+			height: 0;
+			width: 0;
+			overflow: hidden;
+			
+			&:focus,
+			&:active {
+				height: 19px;
+				width: 19px;
+			}
+		}
+	}
+}
+
+%inputbtns-outside {
+	+ span.input-buttons,
+	span.input.input-buttons {
+		margin-left: 2px;
+		
+		&.ws-is-rtl {
+			margin-left: 0;
+			margin-right: 2px;
+		}
+	}
+}
+
+$rangeapis: show-ticklabels show-tickvalues hide-ticks show-valuetooltip show-labeltooltip show-activevaluetooltip show-activelabeltooltip;
+
+%show-ticklabels {
+	.ws-range-ticks[data-label]:after {
+		display: inline-block;
+	}
+}
+
+%show-tickvalues {
+	.ws-range-ticks:before {
+		display: inline-block;
+	}
+}
+
+%hide-ticks {
+	.ws-range-ticks {
+		display: none;
+	}
+}
+
+%show-valuetooltip {
+	span.ws-range-thumb > span {
+		&,
+		span:after {
+			display: inline-block;
+		}
+		span:after {
+			content: attr(data-value) !important;
+			visibility: visible !important;
+		}
+	}
+}
+
+%show-activevaluetooltip {
+	
+	&.ws-active span.ws-range-thumb > span,
+	.ws-range.ws-active span.ws-range-thumb > span {
+		&,
+		span:after {
+			display: inline-block;
+		}
+		span:after {
+			content: attr(data-value) !important;
+			visibility: visible !important;
+		}
+	}
+}
+%show-labeltooltip {
+	span.ws-range-thumb > span {
+		&,
+		span:before {
+			display: inline-block;
+		}
+		span:before {
+			content: attr(data-valuetext) !important;
+			visibility: visible !important;
+		}
+	}
+}
+%show-activelabeltooltip {
+	
+	&.ws-active span.ws-range-thumb > span,
+	.ws-range.ws-active span.ws-range-thumb > span {
+		&,
+		span:before {
+			display: inline-block;
+		}
+		span:before {
+			content: attr(data-valuetext) !important;
+			visibility: visible !important;
+		}
+	}
+}

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

@@ -0,0 +1,115 @@
+@mixin placeholder {
+	&::-moz-placeholder {
+		@content;
+	}
+	&::-webkit-input-placeholder {
+		@content;
+	}
+	&:-ms-input-placeholder {
+		@content;
+	}
+	&.placeholder-visible,
+	& + .placeholder-text {
+		@content;
+	}
+}
+
+@mixin checked {
+  &:checked {
+    @content;
+  }
+
+  &.prop-checked {
+    @content;
+  }
+}
+
+@mixin progress {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	border: 0;
+	
+	@content;
+	
+	&::-webkit-progress-bar { 
+		@content;
+		border: 0 none;
+	}
+	
+	&::-moz-progress-bar { 
+		@content;
+	}
+	
+	&::-ms-fill {
+		animation-name: none;
+		@content;
+	}
+}
+@mixin progressbar {
+	&::-webkit-progress-value { 
+		@content;
+	}
+	&::-moz-progress-bar { 
+		@content;
+	}
+	&::-ms-fill {
+		animation-name: none;
+		@content;
+	}
+	> span.progress-value {
+		display: block !important;
+		@content;
+	}
+}
+@mixin indeterminate-progressbar {
+	&:indeterminate::-webkit-progress-bar { 
+		@content;
+	}
+	&:indeterminate::-moz-progress-bar {
+		@content;
+	}
+	&:indeterminate {
+		animation-name: none;
+		@content;
+	}
+	&.ws-indeterminate > span.progress-value {
+		display: block !important;
+		width: 100%;
+		right: 0;
+		@content;
+	}
+}
+
+
+@mixin summary-marker {
+	&::-webkit-details-marker {
+		display: none;
+	}
+	> .details-open-indicator {
+		display: none;
+	}
+	&:before {
+		display: inline-block;
+		content: ">";
+		@content;
+	}
+}
+
+@mixin cue($c: false) {
+	@if $c == false { 
+		&::cue {
+			@content;
+		}
+		& + .cue-display span.cue {
+			@content;
+		}
+	} @else {
+		&::cue(#{$c}) {
+			@content;
+		}
+		& + .cue-display span.cue #{$c} {
+			@content;
+		}
+	}
+}