material_design_lite-sass 1.2.1 → 1.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6c89888e2764c5014f8ebe0cdb956460ea500b82
-  data.tar.gz: f39863171142c2b09d7ec542a5f2767322529ad0
+  metadata.gz: a60d881418b9db93f9afa2f12c9f31453940324b
+  data.tar.gz: 93d8347c3cd62ca65735e8a4e9d77eed1bb11a65
 SHA512:
-  metadata.gz: fdf782b04b30de9b3929eeb6cc1d34609722e924508f685ad9b35be3a986470677976e3c121d17c625d1b64eacfb04db421d2475c61da1b5c0e636c9f4803835
-  data.tar.gz: a3085817e22c1b3dfed360ffe3a3519bb400b01e877958b856628d389515fc2a01ba5475e96395763bea51ca9f8f70f6069d58ab8d7485e88c02d6eec3e411a2
+  metadata.gz: '0866bf3ca16dfc8c3d81d32da13c6eab84b36d9ce69eaf59113279efc3d09828e3bf389a9af433fb23868cd36b8fbe67eee5b030ef591e2a0c7887ebfa9dceaf'
+  data.tar.gz: f2b145ce02704a5076ea05086d6970f360d8383574be29bd042e14236828893d80a775b56887953fed2522393e282fbed4606429c6674412a95bc93917a6f0a8

data/.travis.yml

@@ -1,10 +1,9 @@
 language: ruby
 
 rvm:
-  - 2.0.0
-  - 2.1.9
-  - 2.2.5
-  - 2.3.1
+  - 2.2.6
+  - 2.3.3
+  - 2.4.0-rc1
 
 before_install: gem install bundler
 

data/CHANGELOG.md

@@ -1,3 +1,12 @@
+## 1.3.0 (2016-12-22)
+
+- Update assets to match upstream version
+
+Library version: 
+
+- Material Design Lite v1.3.0
+- Material Icons v3.0.0
+
 ## 1.2.1 (2016-09-09)
 
 - Update assets to match upstream version
@@ -166,4 +175,4 @@ Library version: Material Design Lite v1.0.2
 
 - Initial release
 
-Library version: Material Design Lite v1.0.1
+Library version: Material Design Lite v1.0.1

data/README.md

@@ -3,13 +3,7 @@
 [![Gem Version](https://badge.fury.io/rb/material_design_lite-sass.svg)](http://badge.fury.io/rb/material_design_lite-sass)
 [![Build Status](https://travis-ci.org/rubysamurai/material_design_lite-sass.svg?branch=master)](https://travis-ci.org/rubysamurai/material_design_lite-sass)
 
-[Material Design Lite](http://www.getmdl.io/) (MDL) is a library of CSS and JavaScript components, that lets you add Material Design look to your websites. Material Design Lite is maintained by [Google](https://github.com/google/material-design-lite).
-
-`material_design_lite-sass` is a Sass-powered version of Material Design Lite for your applications. It allows to include all of Material Design Lite components at once or load them individually.
-
-`material_design_lite-sass` includes [Material Icons](https://www.google.com/design/icons/), official icon set from Google, designed under the material design guidelines.
-
-[Roboto](https://www.google.com/fonts/specimen/Roboto) font, the recommended font for Google’s visual language, Material Design, is also included.
+`material_design_lite-sass` is a Sass-powered version of [Material Design Lite](http://www.getmdl.io/) for your Ruby applications. In addition to all of Material Design Lite components it includes [Material Icons](https://material.io/icons/), official icon set from Google, and [Roboto](https://fonts.google.com/specimen/Roboto) font, the recommended font for material design.
 
 ## Installation
 
@@ -29,13 +23,14 @@ Open  `/app/assets/stylesheets/application.scss` file and add this line:
 @import 'material';
 ```
 
-> **Note:** Default Rails installation comes with `.css` file extension for stylesheet assests files, make sure you change it to `.scss` and remove all the `*= require_tree .` and `*= require_self` statements from file. Alternatively, to keep original `application.css` file, you can create `custom.scss` file in the same folder and import `material` there.
+> **Note:** Default Rails installation comes with `.css` file extension for stylesheet assets files, make sure you change it to `.scss` and remove all the `*= require_tree .` and `*= require_self` statements from file. Alternatively, to keep original `application.css` file, you can create `custom.scss` file in the same folder and import `material` there.
 
 Open  `app/assets/javascripts/application.js` file and add this line:
 
 ```
 //= require material
 ```
+
 Restart Rails web server if it was running and now your Rails application is powered by Sass version of Material Design Lite.
 
 #### Turbolinks
@@ -62,7 +57,7 @@ Put this code, for instance, in `app/assets/javascripts/application.js` file or
 
 ## Usage
 
-By default, using `@import 'material';` and `//= require material`, all of Material Design Lite components are imported. You can also import components individually.
+By default, using `@import 'material';` and `//= require material`, all of Material Design Lite components are imported.
 
 To import specific JavaScript components, first you need to include support components:
 
@@ -71,7 +66,7 @@ To import specific JavaScript components, first you need to include support comp
 //= require material/rAF
 ```
 
-Then include desired Material Design Lite JavaScript component:
+Then include any Material Design Lite JavaScript component:
 
 ```
 //= require material/button
@@ -149,11 +144,11 @@ For browsers that do not support ligatures, fall back to specifying the icons us
 <i class="material-icons">&#xE88E;</i>
 ```
 
-Complete list of Material Icon names and codepoints can be found [here](https://www.google.com/design/icons/)
+Complete list of Material Icon names and codepoints can be found [here](https://material.io/icons/)
 
 ### Variables
 
-Sass version provides many variables to make customization process convenient. The full set of Material Design Lite variables can be found [here](https://github.com/rubysamurai/material_design_lite-sass/blob/master/vendor/assets/stylesheets/material/_variables.scss).
+Sass version provides many variables to make customization process convenient. The full set of Material Design Lite variables can be found [here](vendor/assets/stylesheets/material/_variables.scss).
 
 To override the variable it must be redefined before the `@import` directive, like this:
 
@@ -162,28 +157,22 @@ $layout-header-bg-color: rgb(128,128,128) !default;
 @import 'material';
 ```
 
->**Note on Sass color variables:** All Material Design Lite color variables are defined with RGB values, overriding these variables with hexadecimal color values may result in unexpected behaviour.
+>**Note on Sass color variables:** All Material Design Lite color variables are defined with RGB values, overriding these variables with hexadecimal color values may result in unexpected behavior.
 
 ## Versioning
 
 Material Design Lite for Sass follows the upstream version of Google's Material Design Lite. But last version number may be ahead, in case there is a need to release project specific changes.
 
-Please always refer to the [CHANGELOG](https://github.com/rubysamurai/material_design_lite-sass/blob/master/CHANGELOG.md) when upgrading.
-
-## Contributing
-
-Anyone is welcome to contribute to Material Design Lite for Sass. Please [raise an issue](https://github.com/rubysamurai/material_design_lite-sass/issues), fork the project, make changes to your forked repository and submit a pull request.
-
 ## Credits
 
 Material Design Lite for Sass is inspired from [bootstrap-sass](https://github.com/twbs/bootstrap-sass) by Bootstrap team.
 
 ## License
 
-Material Design Lite © Google, 2015. Licensed under the [Apache-2](http://www.apache.org/licenses/LICENSE-2.0.html) license.
+Material Design Lite © Google. Licensed under the [Apache-2](http://www.apache.org/licenses/LICENSE-2.0.html) license.
 
-Material Icons © Google, 2016. Licensed under the [Apache-2](http://www.apache.org/licenses/LICENSE-2.0.html) license.
+Material Icons © Google. Licensed under the [Apache-2](http://www.apache.org/licenses/LICENSE-2.0.html) license.
 
-Roboto © Google, 2015. Licensed under the [Apache-2](http://www.apache.org/licenses/LICENSE-2.0.html) license.
+Roboto © Google. Licensed under the [Apache-2](http://www.apache.org/licenses/LICENSE-2.0.html) license.
 
-`material_design_lite-sass` © Dmitriy Tarasov, 2015. Released under the [MIT](https://github.com/rubysamurai/material_design_lite-sass/blob/master/LICENSE.txt) license.
+`material_design_lite-sass` © Dmitriy Tarasov. Released under the [MIT](LICENSE.txt) license.

data/lib/material_design_lite/sass/version.rb

@@ -1,5 +1,5 @@
 module MaterialDesignLite
   module Sass
-    VERSION = '1.2.1'
+    VERSION = '1.3.0'
   end
 end

data/material_design_lite-sass.gemspec

@@ -21,9 +21,10 @@ Gem::Specification.new do |spec|
 
   spec.required_ruby_version = '>= 2.0.0'
 
-  spec.add_runtime_dependency 'sass', '~> 3.3'
   spec.add_runtime_dependency 'autoprefixer-rails', '~> 6.0'
+  spec.add_runtime_dependency 'sass', '~> 3.3'
 
-  spec.add_development_dependency 'rails', '~> 4.2'
-  spec.add_development_dependency 'rspec', '~> 3.3'
+  spec.add_development_dependency 'railties', '~> 5.0'
+  spec.add_development_dependency 'rspec', '~> 3.5'
+  spec.add_development_dependency 'sprockets-rails', '~> 3.0'
 end

data/vendor/assets/javascripts/material.js

@@ -144,6 +144,27 @@ componentHandler = (function() {
     return upgradedList.indexOf(jsClass) !== -1;
   }
 
+  /**
+   * Create an event object.
+   *
+   * @param {string} eventType The type name of the event.
+   * @param {boolean} bubbles Whether the event should bubble up the DOM.
+   * @param {boolean} cancelable Whether the event can be canceled.
+   * @returns {!Event}
+   */
+  function createEvent_(eventType, bubbles, cancelable) {
+    if ('CustomEvent' in window && typeof window.CustomEvent === 'function') {
+      return new CustomEvent(eventType, {
+        bubbles: bubbles,
+        cancelable: cancelable
+      });
+    } else {
+      var ev = document.createEvent('Events');
+      ev.initEvent(eventType, bubbles, cancelable);
+      return ev;
+    }
+  }
+
   /**
    * Searches existing DOM for elements of our component type and upgrades them
    * if they have not already been upgraded.
@@ -188,6 +209,13 @@ componentHandler = (function() {
     if (!(typeof element === 'object' && element instanceof Element)) {
       throw new Error('Invalid argument provided to upgrade MDL element.');
     }
+    // Allow upgrade to be canceled by canceling emitted event.
+    var upgradingEv = createEvent_('mdl-componentupgrading', true, true);
+    element.dispatchEvent(upgradingEv);
+    if (upgradingEv.defaultPrevented) {
+      return;
+    }
+
     var upgradedList = getUpgradedListOfElement_(element);
     var classesToUpgrade = [];
     // If jsClass is not provided scan the registered components to find the
@@ -230,16 +258,8 @@ componentHandler = (function() {
           'Unable to find a registered component for the given class.');
       }
 
-      var ev;
-      if ('CustomEvent' in window && typeof window.CustomEvent === 'function') {
-        ev = new CustomEvent('mdl-componentupgraded', {
-          bubbles: true, cancelable: false
-        });
-      } else {
-        ev = document.createEvent('Events');
-        ev.initEvent('mdl-componentupgraded', true, true);
-      }
-      element.dispatchEvent(ev);
+      var upgradedEv = createEvent_('mdl-componentupgraded', true, false);
+      element.dispatchEvent(upgradedEv);
     }
   }
 
@@ -361,15 +381,7 @@ componentHandler = (function() {
       upgrades.splice(componentPlace, 1);
       component.element_.setAttribute('data-upgraded', upgrades.join(','));
 
-      var ev;
-      if ('CustomEvent' in window && typeof window.CustomEvent === 'function') {
-        ev = new CustomEvent('mdl-componentdowngraded', {
-          bubbles: true, cancelable: false
-        });
-      } else {
-        ev = document.createEvent('Events');
-        ev.initEvent('mdl-componentdowngraded', true, true);
-      }
+      var ev = createEvent_('mdl-componentdowngraded', true, false);
       component.element_.dispatchEvent(ev);
     }
   }
@@ -502,9 +514,9 @@ window.addEventListener('load', function() {
 // MIT license
 if (!Date.now) {
     /**
-   * Date.now polyfill.
-   * @return {number} the current Date
-   */
+     * Date.now polyfill.
+     * @return {number} the current Date
+     */
     Date.now = function () {
         return new Date().getTime();
     };
@@ -524,9 +536,9 @@ for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {
 if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) || !window.requestAnimationFrame || !window.cancelAnimationFrame) {
     var lastTime = 0;
     /**
-   * requestAnimationFrame polyfill.
-   * @param  {!Function} callback the callback function.
-   */
+     * requestAnimationFrame polyfill.
+     * @param  {!Function} callback the callback function.
+     */
     window.requestAnimationFrame = function (callback) {
         var now = Date.now();
         var nextTime = Math.max(lastTime + 16, now);
@@ -1688,7 +1700,9 @@ MaterialRadio.prototype.onChange_ = function (event) {
         var button = radios[i].querySelector('.' + this.CssClasses_.RADIO_BTN);
         // Different name == different group, so no point updating those.
         if (button.getAttribute('name') === this.btnElement_.getAttribute('name')) {
-            radios[i]['MaterialRadio'].updateClasses_();
+            if (typeof radios[i]['MaterialRadio'] !== 'undefined') {
+                radios[i]['MaterialRadio'].updateClasses_();
+            }
         }
     }
 };
@@ -2717,13 +2731,15 @@ function MaterialTab(tab, ctx) {
             tab.appendChild(rippleContainer);
         }
         tab.addEventListener('click', function (e) {
-            e.preventDefault();
-            var href = tab.href.split('#')[1];
-            var panel = ctx.element_.querySelector('#' + href);
-            ctx.resetTabState_();
-            ctx.resetPanelState_();
-            tab.classList.add(ctx.CssClasses_.ACTIVE_CLASS);
-            panel.classList.add(ctx.CssClasses_.ACTIVE_CLASS);
+            if (tab.getAttribute('href').charAt(0) === '#') {
+                e.preventDefault();
+                var href = tab.href.split('#')[1];
+                var panel = ctx.element_.querySelector('#' + href);
+                ctx.resetTabState_();
+                ctx.resetPanelState_();
+                tab.classList.add(ctx.CssClasses_.ACTIVE_CLASS);
+                panel.classList.add(ctx.CssClasses_.ACTIVE_CLASS);
+            }
         });
     }
 }
@@ -3212,6 +3228,7 @@ MaterialLayout.prototype.CssClasses_ = {
     TAB_BAR_BUTTON: 'mdl-layout__tab-bar-button',
     TAB_BAR_LEFT_BUTTON: 'mdl-layout__tab-bar-left-button',
     TAB_BAR_RIGHT_BUTTON: 'mdl-layout__tab-bar-right-button',
+    TAB_MANUAL_SWITCH: 'mdl-layout__tab-manual-switch',
     PANEL: 'mdl-layout__tab-panel',
     HAS_DRAWER: 'has-drawer',
     HAS_TABS: 'has-tabs',
@@ -3575,12 +3592,14 @@ function MaterialLayoutTab(tab, tabs, panels, layout) {
         rippleContainer.appendChild(ripple);
         tab.appendChild(rippleContainer);
     }
-    tab.addEventListener('click', function (e) {
-        if (tab.getAttribute('href').charAt(0) === '#') {
-            e.preventDefault();
-            selectTab();
-        }
-    });
+    if (!layout.tabBar_.classList.contains(layout.CssClasses_.TAB_MANUAL_SWITCH)) {
+        tab.addEventListener('click', function (e) {
+            if (tab.getAttribute('href').charAt(0) === '#') {
+                e.preventDefault();
+                selectTab();
+            }
+        });
+    }
     tab.show = selectTab;
 }
 window['MaterialLayoutTab'] = MaterialLayoutTab;
@@ -3841,8 +3860,8 @@ MaterialRipple.prototype.downHandler_ = function (event) {
             x = Math.round(bound.width / 2);
             y = Math.round(bound.height / 2);
         } else {
-            var clientX = event.clientX ? event.clientX : event.touches[0].clientX;
-            var clientY = event.clientY ? event.clientY : event.touches[0].clientY;
+            var clientX = event.clientX !== undefined ? event.clientX : event.touches[0].clientX;
+            var clientY = event.clientY !== undefined ? event.clientY : event.touches[0].clientY;
             x = Math.round(clientX - bound.left);
             y = Math.round(clientY - bound.top);
         }

data/vendor/assets/javascripts/material/layout.js

@@ -110,6 +110,7 @@
     TAB_BAR_BUTTON: 'mdl-layout__tab-bar-button',
     TAB_BAR_LEFT_BUTTON: 'mdl-layout__tab-bar-left-button',
     TAB_BAR_RIGHT_BUTTON: 'mdl-layout__tab-bar-right-button',
+    TAB_MANUAL_SWITCH: 'mdl-layout__tab-manual-switch',
     PANEL: 'mdl-layout__tab-panel',
 
     HAS_DRAWER: 'has-drawer',
@@ -549,12 +550,15 @@
       tab.appendChild(rippleContainer);
     }
 
-    tab.addEventListener('click', function(e) {
-      if (tab.getAttribute('href').charAt(0) === '#') {
-        e.preventDefault();
-        selectTab();
-      }
-    });
+    if (!layout.tabBar_.classList.contains(
+      layout.CssClasses_.TAB_MANUAL_SWITCH)) {
+      tab.addEventListener('click', function(e) {
+        if (tab.getAttribute('href').charAt(0) === '#') {
+          e.preventDefault();
+          selectTab();
+        }
+      });
+    }
 
     tab.show = selectTab;
   }

data/vendor/assets/javascripts/material/mdlComponentHandler.js

@@ -141,6 +141,27 @@ componentHandler = (function() {
     return upgradedList.indexOf(jsClass) !== -1;
   }
 
+  /**
+   * Create an event object.
+   *
+   * @param {string} eventType The type name of the event.
+   * @param {boolean} bubbles Whether the event should bubble up the DOM.
+   * @param {boolean} cancelable Whether the event can be canceled.
+   * @returns {!Event}
+   */
+  function createEvent_(eventType, bubbles, cancelable) {
+    if ('CustomEvent' in window && typeof window.CustomEvent === 'function') {
+      return new CustomEvent(eventType, {
+        bubbles: bubbles,
+        cancelable: cancelable
+      });
+    } else {
+      var ev = document.createEvent('Events');
+      ev.initEvent(eventType, bubbles, cancelable);
+      return ev;
+    }
+  }
+
   /**
    * Searches existing DOM for elements of our component type and upgrades them
    * if they have not already been upgraded.
@@ -185,6 +206,13 @@ componentHandler = (function() {
     if (!(typeof element === 'object' && element instanceof Element)) {
       throw new Error('Invalid argument provided to upgrade MDL element.');
     }
+    // Allow upgrade to be canceled by canceling emitted event.
+    var upgradingEv = createEvent_('mdl-componentupgrading', true, true);
+    element.dispatchEvent(upgradingEv);
+    if (upgradingEv.defaultPrevented) {
+      return;
+    }
+
     var upgradedList = getUpgradedListOfElement_(element);
     var classesToUpgrade = [];
     // If jsClass is not provided scan the registered components to find the
@@ -227,16 +255,8 @@ componentHandler = (function() {
           'Unable to find a registered component for the given class.');
       }
 
-      var ev;
-      if ('CustomEvent' in window && typeof window.CustomEvent === 'function') {
-        ev = new CustomEvent('mdl-componentupgraded', {
-          bubbles: true, cancelable: false
-        });
-      } else {
-        ev = document.createEvent('Events');
-        ev.initEvent('mdl-componentupgraded', true, true);
-      }
-      element.dispatchEvent(ev);
+      var upgradedEv = createEvent_('mdl-componentupgraded', true, false);
+      element.dispatchEvent(upgradedEv);
     }
   }
 
@@ -358,15 +378,7 @@ componentHandler = (function() {
       upgrades.splice(componentPlace, 1);
       component.element_.setAttribute('data-upgraded', upgrades.join(','));
 
-      var ev;
-      if ('CustomEvent' in window && typeof window.CustomEvent === 'function') {
-        ev = new CustomEvent('mdl-componentdowngraded', {
-          bubbles: true, cancelable: false
-        });
-      } else {
-        ev = document.createEvent('Events');
-        ev.initEvent('mdl-componentdowngraded', true, true);
-      }
+      var ev = createEvent_('mdl-componentdowngraded', true, false);
       component.element_.dispatchEvent(ev);
     }
   }

data/vendor/assets/javascripts/material/rAF.js

@@ -9,42 +9,42 @@
 // MIT license
 
 (function() {
-'use strict';
+  'use strict';
 
-if (!Date.now) {
-  /**
-   * Date.now polyfill.
-   * @return {number} the current Date
-   */
-  Date.now = function() { return new Date().getTime(); };
-  Date['now'] = Date.now;
-}
+  if (!Date.now) {
+    /**
+     * Date.now polyfill.
+     * @return {number} the current Date
+     */
+    Date.now = function() { return new Date().getTime(); };
+    Date['now'] = Date.now;
+  }
 
-var vendors = ['webkit', 'moz'];
-for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {
-  var vp = vendors[i];
-  window.requestAnimationFrame = window[vp + 'RequestAnimationFrame'];
-  window.cancelAnimationFrame = (window[vp + 'CancelAnimationFrame'] ||
-      window[vp + 'CancelRequestAnimationFrame']);
-  window['requestAnimationFrame'] = window.requestAnimationFrame;
-  window['cancelAnimationFrame'] = window.cancelAnimationFrame;
-}
+  var vendors = ['webkit', 'moz'];
+  for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {
+    var vp = vendors[i];
+    window.requestAnimationFrame = window[vp + 'RequestAnimationFrame'];
+    window.cancelAnimationFrame = (window[vp + 'CancelAnimationFrame'] ||
+        window[vp + 'CancelRequestAnimationFrame']);
+    window['requestAnimationFrame'] = window.requestAnimationFrame;
+    window['cancelAnimationFrame'] = window.cancelAnimationFrame;
+  }
 
-if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) || !window.requestAnimationFrame || !window.cancelAnimationFrame) {
-  var lastTime = 0;
-  /**
-   * requestAnimationFrame polyfill.
-   * @param  {!Function} callback the callback function.
-   */
-  window.requestAnimationFrame = function(callback) {
-    var now = Date.now();
-    var nextTime = Math.max(lastTime + 16, now);
-    return setTimeout(function() { callback(lastTime = nextTime); },
-                      nextTime - now);
-  };
-  window.cancelAnimationFrame = clearTimeout;
-  window['requestAnimationFrame'] = window.requestAnimationFrame;
-  window['cancelAnimationFrame'] = window.cancelAnimationFrame;
-}
+  if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) || !window.requestAnimationFrame || !window.cancelAnimationFrame) {
+    var lastTime = 0;
+    /**
+     * requestAnimationFrame polyfill.
+     * @param  {!Function} callback the callback function.
+     */
+    window.requestAnimationFrame = function(callback) {
+      var now = Date.now();
+      var nextTime = Math.max(lastTime + 16, now);
+      return setTimeout(function() { callback(lastTime = nextTime); },
+                        nextTime - now);
+    };
+    window.cancelAnimationFrame = clearTimeout;
+    window['requestAnimationFrame'] = window.requestAnimationFrame;
+    window['cancelAnimationFrame'] = window.cancelAnimationFrame;
+  }
 
 })();

data/vendor/assets/javascripts/material/radio.js

@@ -82,7 +82,9 @@
       var button = radios[i].querySelector('.' + this.CssClasses_.RADIO_BTN);
       // Different name == different group, so no point updating those.
       if (button.getAttribute('name') === this.btnElement_.getAttribute('name')) {
-        radios[i]['MaterialRadio'].updateClasses_();
+        if (typeof radios[i]['MaterialRadio'] !== 'undefined') {
+          radios[i]['MaterialRadio'].updateClasses_();
+        }
       }
     }
   };

data/vendor/assets/javascripts/material/ripple.js

@@ -102,8 +102,8 @@
         x = Math.round(bound.width / 2);
         y = Math.round(bound.height / 2);
       } else {
-        var clientX = event.clientX ? event.clientX : event.touches[0].clientX;
-        var clientY = event.clientY ? event.clientY : event.touches[0].clientY;
+        var clientX = event.clientX !== undefined ? event.clientX : event.touches[0].clientX;
+        var clientY = event.clientY !== undefined ? event.clientY : event.touches[0].clientY;
         x = Math.round(clientX - bound.left);
         y = Math.round(clientY - bound.top);
       }

data/vendor/assets/javascripts/material/tabs.js

@@ -140,13 +140,15 @@
       }
 
       tab.addEventListener('click', function(e) {
-        e.preventDefault();
-        var href = tab.href.split('#')[1];
-        var panel = ctx.element_.querySelector('#' + href);
-        ctx.resetTabState_();
-        ctx.resetPanelState_();
-        tab.classList.add(ctx.CssClasses_.ACTIVE_CLASS);
-        panel.classList.add(ctx.CssClasses_.ACTIVE_CLASS);
+        if (tab.getAttribute('href').charAt(0) === '#') {
+          e.preventDefault();
+          var href = tab.href.split('#')[1];
+          var panel = ctx.element_.querySelector('#' + href);
+          ctx.resetTabState_();
+          ctx.resetPanelState_();
+          tab.classList.add(ctx.CssClasses_.ACTIVE_CLASS);
+          panel.classList.add(ctx.CssClasses_.ACTIVE_CLASS);
+        }
       });
 
     }

data/vendor/assets/stylesheets/material/_card.scss

@@ -84,6 +84,10 @@
   overflow: hidden;
   padding: $card-vertical-padding $card-horizontal-padding;
   width: 90%;
+
+  &.mdl-card--border {
+    border-bottom: 1px solid $card-border-color;
+  }
 }
 
 .mdl-card__actions {

data/vendor/assets/stylesheets/material/_radio.scss

@@ -25,7 +25,10 @@
 
   display: inline-block;
 
+  vertical-align: middle;
+
   box-sizing: border-box;
+  height: $radio-label-height;
   margin: 0;
   padding-left: 0;
 
@@ -98,13 +101,13 @@
 
   @include material-animation-default(0.28s);
   transition-property: transform;
-  transform: scale3d(0, 0, 0);
+  transform: scale(0, 0);
 
   border-radius: 50%;
   background: $radio-color;
 
   .mdl-radio.is-checked & {
-    transform: scale3d(1, 1, 1);
+    transform: scale(1, 1);
   }
 
   fieldset[disabled] .mdl-radio &,

data/vendor/assets/stylesheets/material/_spinner.scss

@@ -192,6 +192,14 @@
   overflow: hidden;
   border-color: inherit;
 
+  &.mdl-spinner__left {
+    float: left;
+  }
+
+  &.mdl-spinner__right {
+    float: right;
+  }
+
   & .mdl-spinner__circle {
     width: 200%;
   }

metadata

@@ -1,15 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: material_design_lite-sass
 version: !ruby/object:Gem::Version
-  version: 1.2.1
+  version: 1.3.0
 platform: ruby
 authors:
 - Dmitriy Tarasov
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-09-08 00:00:00.000000000 Z
+date: 2016-12-21 00:00:00.000000000 Z
 dependencies:
+- !ruby/object:Gem::Dependency
+  name: autoprefixer-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6.0'
 - !ruby/object:Gem::Dependency
   name: sass
   requirement: !ruby/object:Gem::Requirement
@@ -25,47 +39,47 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '3.3'
 - !ruby/object:Gem::Dependency
-  name: autoprefixer-rails
+  name: railties
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '6.0'
-  type: :runtime
+        version: '5.0'
+  type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '6.0'
+        version: '5.0'
 - !ruby/object:Gem::Dependency
-  name: rails
+  name: rspec
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.2'
+        version: '3.5'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.2'
+        version: '3.5'
 - !ruby/object:Gem::Dependency
-  name: rspec
+  name: sprockets-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.3'
+        version: '3.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.3'
+        version: '3.0'
 description: Google's Material Design Lite with Material Icons and Roboto for Sass
   powered applications
 email:
@@ -189,7 +203,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.5.1
+rubygems_version: 2.5.2
 signing_key: 
 specification_version: 4
 summary: Google's Material Design Lite with Material Icons and Roboto for Sass powered