material-sass 4.0.0.beta2 → 4.0.0.beta3

data/assets/javascripts/material/components/selection-control-focus.js

@@ -2,45 +2,39 @@
  * selection control focus
  * chrome persists the focus style on checkboxes/radio buttons after clicking
  */
-
-var ControlFocus = function ($) {
-
+var SelectionControlFocus = function ($) {
   // constants >>>
-  var DATA_KEY = 'md.controlfocus';
-  var EVENT_KEY = '.' + DATA_KEY;
-
+  var DATA_KEY = 'md.selectioncontrolfocus';
+  var EVENT_KEY = "." + DATA_KEY;
   var ClassName = {
     FOCUS: 'focus'
   };
-
   var LastInteraction = {
     IS_MOUSEDOWN: false
   };
-
   var Event = {
-    BLUR: 'blur' + EVENT_KEY,
-    FOCUS: 'focus' + EVENT_KEY,
-    MOUSEDOWN: 'mousedown' + EVENT_KEY,
-    MOUSEUP: 'mouseup' + EVENT_KEY
+    BLUR: "blur" + EVENT_KEY,
+    FOCUS: "focus" + EVENT_KEY,
+    MOUSEDOWN: "mousedown" + EVENT_KEY,
+    MOUSEUP: "mouseup" + EVENT_KEY
   };
-
   var Selector = {
     CONTROL: '.custom-control',
-    INPUT: '.custom-control-input'
-  };
-  // <<< constants
+    INPUT: '.custom-control-input' // <<< constants
 
-  $(document).on('' + Event.BLUR, Selector.INPUT, function (event) {
+  };
+  $(document).on("" + Event.BLUR, Selector.INPUT, function (event) {
     $(event.target).removeClass(ClassName.FOCUS);
-  }).on('' + Event.FOCUS, Selector.INPUT, function (event) {
+  }).on("" + Event.FOCUS, Selector.INPUT, function (event) {
     if (LastInteraction.IS_MOUSEDOWN === false) {
       $(event.target).addClass(ClassName.FOCUS);
     }
-  }).on('' + Event.MOUSEDOWN, Selector.CONTROL, function () {
+  }).on("" + Event.MOUSEDOWN, Selector.CONTROL, function () {
     LastInteraction.IS_MOUSEDOWN = true;
-  }).on('' + Event.MOUSEUP, Selector.CONTROL, function () {
+  }).on("" + Event.MOUSEUP, Selector.CONTROL, function () {
     setTimeout(function () {
       LastInteraction.IS_MOUSEDOWN = false;
     }, 1);
   });
-}(jQuery);
+}($);
+//# sourceMappingURL=selection-control-focus.js.map

data/assets/javascripts/material/components/tab-switch.js

@@ -1,18 +1,13 @@
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
 /*
  * tab indicator animation
  * requires bootstrap's (v4.0.0-beta) tab.js
  */
-
 var TabSwitch = function ($) {
-
   // constants >>>
   var DATA_KEY = 'md.tabswitch';
   var NAME = 'tabswitch';
   var NO_CONFLICT = $.fn[NAME];
   var TRANSITION_DURATION = 390;
-
   var ClassName = {
     ANIMATE: 'animate',
     DROPDOWN_ITEM: 'dropdown-item',
@@ -21,22 +16,20 @@ var TabSwitch = function ($) {
     SCROLLABLE: 'nav-tabs-scrollable',
     SHOW: 'show'
   };
-
   var Event = {
     SHOW_BS_TAB: 'show.bs.tab'
   };
-
   var Selector = {
     DATA_TOGGLE: '.nav-tabs [data-toggle="tab"]',
     DROPDOWN: '.dropdown',
-    NAV: '.nav-tabs'
+    NAV: '.nav-tabs' // <<< constants
+
   };
-  // <<< constants
 
-  var TabSwitch = function () {
+  var TabSwitch =
+  /*#__PURE__*/
+  function () {
     function TabSwitch(nav) {
-      _classCallCheck(this, TabSwitch);
-
       if (typeof $.fn.tab === 'undefined') {
         throw new Error('Material\'s JavaScript requires Bootstrap\'s tab.js');
       }
@@ -45,7 +38,9 @@ var TabSwitch = function ($) {
       this._navindicator = null;
     }
 
-    TabSwitch.prototype.switch = function _switch(element, relatedTarget) {
+    var _proto = TabSwitch.prototype;
+
+    _proto.switch = function _switch(element, relatedTarget) {
       var _this = this;
 
       var navLeft = $(this._nav).offset().left;
@@ -63,7 +58,6 @@ var TabSwitch = function ($) {
 
       var elLeft = $(element).offset().left;
       var elWidth = $(element).outerWidth();
-
       $(this._navindicator).addClass(ClassName.SHOW);
       Util.reflow(this._navindicator);
 
@@ -89,19 +83,17 @@ var TabSwitch = function ($) {
       $(this._navindicator).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
     };
 
-    TabSwitch.prototype._createIndicator = function _createIndicator(navLeft, navScrollLeft, navWidth, relatedTarget) {
+    _proto._createIndicator = function _createIndicator(navLeft, navScrollLeft, navWidth, relatedTarget) {
       this._navindicator = document.createElement('div');
-
       $(this._navindicator).addClass(ClassName.INDICATOR).appendTo(this._nav);
 
-      if (relatedTarget !== undefined) {
+      if (relatedTarget !== 'undefined') {
         if ($(relatedTarget).hasClass(ClassName.DROPDOWN_ITEM)) {
           relatedTarget = $(relatedTarget).closest(Selector.DROPDOWN);
         }
 
         var relatedLeft = $(relatedTarget).offset().left;
         var relatedWidth = $(relatedTarget).outerWidth();
-
         $(this._navindicator).css({
           left: relatedLeft + navScrollLeft - navLeft,
           right: navWidth - (relatedLeft + navScrollLeft - navLeft + relatedWidth)
@@ -136,13 +128,14 @@ var TabSwitch = function ($) {
   $(document).on(Event.SHOW_BS_TAB, Selector.DATA_TOGGLE, function (event) {
     TabSwitch._jQueryInterface.call($(event.target), event.relatedTarget);
   });
-
   $.fn[NAME] = TabSwitch._jQueryInterface;
   $.fn[NAME].Constructor = TabSwitch;
+
   $.fn[NAME].noConflict = function () {
     $.fn[NAME] = NO_CONFLICT;
     return TabSwitch._jQueryInterface;
   };
 
   return TabSwitch;
-}(jQuery);
+}($);
+//# sourceMappingURL=tab-switch.js.map

data/assets/javascripts/material/components/util.js

@@ -2,18 +2,14 @@
  * global util js
  * based on bootstrap's (v4.0.0-beta) util.js
  */
-
 var Util = function ($) {
-
   var MAX_UID = 1000000;
   var transition = false;
 
-  var TransitionEndEvent = {
-    WebkitTransition: 'webkitTransitionEnd',
-    MozTransition: 'transitionend',
-    OTransition: 'oTransitionEnd otransitionend',
-    transition: 'transitionend'
-  };
+  function escapeId(selector) {
+    selector = typeof $.escapeSelector === 'function' ? $.escapeSelector(selector).substr(1) : selector.replace(/(:|\.|\[|\]|,|=|@)/g, '\\$1');
+    return selector;
+  }
 
   function getSpecialTransitionEndEvent() {
     return {
@@ -21,21 +17,16 @@ var Util = function ($) {
       delegateType: transition.end,
       handle: function handle(event) {
         if ($(event.target).is(this)) {
-          // eslint-disable-next-line prefer-rest-params
-          return event.handleObj.handler.apply(this, arguments);
+          return event.handleObj.handler.apply(this, arguments); // eslint-disable-line prefer-rest-params
         }
-        return undefined;
+
+        return undefined; // eslint-disable-line no-undefined
       }
     };
   }
 
-  function isElement(obj) {
-    return (obj[0] || obj).nodeType;
-  }
-
   function setTransitionEndSupport() {
     transition = transitionEndTest();
-
     $.fn.emulateTransitionEnd = transitionEndEmulator;
 
     if (Util.supportsTransitionEnd()) {
@@ -51,17 +42,14 @@ var Util = function ($) {
     var _this = this;
 
     var called = false;
-
     $(this).one(Util.TRANSITION_END, function () {
       called = true;
     });
-
     setTimeout(function () {
       if (!called) {
         Util.triggerTransitionEnd(_this);
       }
     }, duration);
-
     return this;
   }
 
@@ -70,41 +58,44 @@ var Util = function ($) {
       return false;
     }
 
-    var el = document.createElement('material');
-
-    for (var name in TransitionEndEvent) {
-      if (el.style[name] !== undefined) {
-        return {
-          end: TransitionEndEvent[name]
-        };
-      }
-    }
-
-    return false;
+    return {
+      end: 'transitionend'
+    };
   }
 
   var Util = {
     TRANSITION_END: 'mdTransitionEnd',
-
     getSelectorFromElement: function getSelectorFromElement(element) {
       var selector = element.getAttribute('data-target');
 
-      if (!selector) {
+      if (!selector || selector === '#') {
         selector = element.getAttribute('href') || '';
-        selector = /^#[a-z]/i.test(selector) ? selector : null;
       }
 
-      return selector;
+      if (selector.charAt(0) === '#') {
+        selector = escapeId(selector);
+      }
+
+      try {
+        var $selector = $(document).find(selector);
+        return $selector.length > 0 ? selector : null;
+      } catch (err) {
+        return null;
+      }
     },
     getUID: function getUID(prefix) {
       do {
         // eslint-disable-next-line no-bitwise
         prefix += ~~(Math.random() * MAX_UID);
       } while (document.getElementById(prefix));
+
       return prefix;
     },
+    isElement: function isElement(obj) {
+      return (obj[0] || obj).nodeType;
+    },
     reflow: function reflow(element) {
-      new Function('md', 'return md')(element.offsetHeight);
+      return element.offsetHeight;
     },
     supportsTransitionEnd: function supportsTransitionEnd() {
       return Boolean(transition);
@@ -114,20 +105,19 @@ var Util = function ($) {
     },
     typeCheckConfig: function typeCheckConfig(componentName, config, configTypes) {
       for (var property in configTypes) {
-        if (configTypes.hasOwnProperty(property)) {
+        if (Object.prototype.hasOwnProperty.call(configTypes, property)) {
           var expectedTypes = configTypes[property];
           var value = config[property];
-          var valueType = value && isElement(value) ? 'element' : toType(value);
+          var valueType = value && Util.isElement(value) ? 'element' : toType(value);
 
           if (!new RegExp(expectedTypes).test(valueType)) {
-            throw new Error(componentName.toUpperCase() + ': ' + ('Option "' + property + '" provided type "' + valueType + '" ') + ('but expected type "' + expectedTypes + '".'));
+            throw new Error(componentName.toUpperCase() + ": " + ("Option \"" + property + "\" provided type \"" + valueType + "\" ") + ("but expected type \"" + expectedTypes + "\"."));
           }
         }
       }
     }
   };
-
   setTransitionEndSupport();
-
   return Util;
-}(jQuery);
+}($);
+//# sourceMappingURL=util.js.map

data/assets/stylesheets/material/_functions.scss

@@ -33,7 +33,7 @@
 
   $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
 
-  @if ($yiq >= 150) {
+  @if ($yiq >= $yiq-contrasted-threshold) {
     @return $black-primary;
   } @else {
     @return $white-primary;

data/assets/stylesheets/material/_print.scss

@@ -2,6 +2,10 @@
 
 @if $enable-print-styles {
   @media print {
+    @page {
+      size: $print-page-size;
+    }
+
     *,
     *::after,
     *::before {
@@ -9,8 +13,7 @@
       text-shadow: none !important;
     }
 
-    a,
-    a:visited {
+    a:not(.btn) {
       text-decoration: underline;
     }
 
@@ -22,6 +25,10 @@
       page-break-inside: avoid;
     }
 
+    body {
+      min-width: $print-body-min-width !important;
+    }
+
     h2,
     h3,
     p {
@@ -55,6 +62,10 @@
       border: $border-width solid $border-color-solid;
     }
 
+    .container {
+      min-width: $print-body-min-width !important;
+    }
+
     .dropdown-menu {
       border: $border-width solid $border-color-solid;
     }

data/assets/stylesheets/material/_utilities.scss

@@ -17,4 +17,3 @@
 // Material
 
 @import 'utilities/material-icons';
-@import 'utilities/waves';

data/assets/stylesheets/material/_variables.scss

@@ -1,7 +1,6 @@
 // Sass option
 
 $enable-grid-classes:      true !default;
-$enable-hover-media-query: false !default;
 $enable-print-styles:      true !default;
 
 // Variables

data/assets/stylesheets/material/base/_base.scss

@@ -55,20 +55,6 @@ html {
   outline: 0 !important;
 }
 
-// Clickable element
-
-a,
-area,
-button,
-input,
-label,
-select,
-summary,
-textarea,
-[role='button'] {
-  touch-action: manipulation;
-}
-
 // Code
 
 code,
@@ -137,10 +123,8 @@ select {
 }
 
 button:focus {
-  // scss-lint:disable DuplicateProperty
   outline: 1px dotted;
   outline: 5px auto -webkit-focus-ring-color;
-  // scss-lint:enable DuplicateProperty
 }
 
 fieldset {
@@ -244,6 +228,7 @@ svg:not(:root) {
 // Interactive
 
 summary {
+  cursor: pointer;
   display: list-item;
 }
 

data/assets/stylesheets/material/bootstrap/_close.scss

@@ -20,4 +20,8 @@
   &:focus {
     outline: 0;
   }
+
+  &:not([disabled]):not(.disabled) {
+    cursor: pointer;
+  }
 }

data/assets/stylesheets/material/bootstrap/_code.scss

@@ -5,6 +5,11 @@ code {
   color: $code-color;
   font-size: $code-font-size;
   padding: $code-padding-y $code-padding-x;
+  word-break: break-word;
+
+  a > & {
+    color: inherit;
+  }
 }
 
 kbd {
@@ -35,6 +40,7 @@ pre {
     color: inherit;
     font-size: inherit;
     padding: 0;
+    word-break: normal;
   }
 }