material_design_lite-sass 1.0.1 → 1.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fa1836c390d47fd2fc3fd2234ba0b8404819f95a
-  data.tar.gz: 41e57a310d3541ad46ff7bd29bb514400036e053
+  metadata.gz: 2754133d9be43d5084040c7f4d475f5ef58e3f44
+  data.tar.gz: f916bc415128c12110311a57b5db14cf96a992db
 SHA512:
-  metadata.gz: e0dc8a200270032e24f5e8793b424dddf397c9b58eaafbfa62d24b5d4aeb82abfec720c15922dd399dac43c3cde31a2b47e3f54cb2a1f34e8b3a6cd6d7c071fd
-  data.tar.gz: fb6750c6911b218e415bcf5a8289f570f13b3a363947cf5f17de9a1c1a399a9cfb6ddd0a11fb88b3a9cfa22a51037cca5e103d39ec4df72d7af5a46ef4dd5783
+  metadata.gz: 824f3a9ce55e48112e920bfcd44d3a738b3e85f8f36f0c7b402f513da283aad1635968a4cf84cce18f7b89f42fb45f28c9105adb2a1ee6ec417beaac35411ecd
+  data.tar.gz: 1bbe1f9eaed166493af02f3aaa83adcb503be7ba6961935e34f7c40305ae264364f75ca3588620c91b50f5e9a9d1d14ed6287a483e9ccc0365e5e3fc9c503fb5

data/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 1.0.2 (2015-07-29)
+
+- Update assets to match upstream version
+
+Library version: Material Design Lite v1.0.2
+
 ## 1.0.1 (2015-07-25)
 
 - Initial release

data/README.md

@@ -1,5 +1,8 @@
 # Material Design Lite for Sass
 
+[![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-sass` is a Sass-powered version of [Material Design Lite](http://www.getmdl.io/) by Google for your Ruby applications. It works with Ruby on Rails, Sprockets.
 
 This project is inspired from [bootstrap-sass](https://github.com/twbs/bootstrap-sass) by Twitter Bootstrap team.

data/lib/material_design_lite/sass/version.rb

@@ -1,5 +1,5 @@
 module MaterialDesignLite
   module Sass
-    VERSION = '1.0.1'
+    VERSION = '1.0.2'
   end
 end

data/vendor/assets/javascripts/material.js

@@ -281,11 +281,11 @@ var componentHandler = (function() {
       var componentIndex = createdComponents_.indexOf(component);
       createdComponents_.splice(componentIndex, 1);
 
-      var upgrades = component.element_.dataset.upgraded.split(',');
+      var upgrades = component.element_.getAttribute('data-upgraded').split(',');
       var componentPlace = upgrades.indexOf(
           component[componentConfigProperty_].classAsString);
       upgrades.splice(componentPlace, 1);
-      component.element_.dataset.upgraded = upgrades.join(',');
+      component.element_.setAttribute('data-upgraded', upgrades.join(','));
 
       var ev = document.createEvent('Events');
       ev.initEvent('mdl-componentdowngraded', true, true);
@@ -633,18 +633,8 @@ MaterialCheckbox.prototype.onMouseUp_ = function(event) {
  */
 MaterialCheckbox.prototype.updateClasses_ = function() {
   'use strict';
-
-  if (this.inputElement_.disabled) {
-    this.element_.classList.add(this.CssClasses_.IS_DISABLED);
-  } else {
-    this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
-  }
-
-  if (this.inputElement_.checked) {
-    this.element_.classList.add(this.CssClasses_.IS_CHECKED);
-  } else {
-    this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
-  }
+  this.checkDisabled();
+  this.checkToggleState();
 };
 
 /**
@@ -663,6 +653,32 @@ MaterialCheckbox.prototype.blur_ = function(event) {
 
 // Public methods.
 
+/**
+* Check the inputs toggle state and update display.
+* @public
+*/
+MaterialCheckbox.prototype.checkToggleState = function() {
+  'use strict';
+  if (this.inputElement_.checked) {
+    this.element_.classList.add(this.CssClasses_.IS_CHECKED);
+  } else {
+    this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
+  }
+};
+
+/**
+* Check the inputs disabled state and update display.
+* @public
+*/
+MaterialCheckbox.prototype.checkDisabled = function() {
+  'use strict';
+  if (this.inputElement_.disabled) {
+    this.element_.classList.add(this.CssClasses_.IS_DISABLED);
+  } else {
+    this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
+  }
+};
+
 /**
  * Disable checkbox.
  * @public
@@ -895,18 +911,8 @@ MaterialIconToggle.prototype.onMouseUp_ = function(event) {
  */
 MaterialIconToggle.prototype.updateClasses_ = function() {
   'use strict';
-
-  if (this.inputElement_.disabled) {
-    this.element_.classList.add(this.CssClasses_.IS_DISABLED);
-  } else {
-    this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
-  }
-
-  if (this.inputElement_.checked) {
-    this.element_.classList.add(this.CssClasses_.IS_CHECKED);
-  } else {
-    this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
-  }
+  this.checkDisabled();
+  this.checkToggleState();
 };
 
 /**
@@ -925,6 +931,32 @@ MaterialIconToggle.prototype.blur_ = function(event) {
 
 // Public methods.
 
+/**
+* Check the inputs toggle state and update display.
+* @public
+*/
+MaterialIconToggle.prototype.checkToggleState = function() {
+  'use strict';
+  if (this.inputElement_.checked) {
+    this.element_.classList.add(this.CssClasses_.IS_CHECKED);
+  } else {
+    this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
+  }
+};
+
+/**
+* Check the inputs disabled state and update display.
+* @public
+*/
+MaterialIconToggle.prototype.checkDisabled = function() {
+  'use strict';
+  if (this.inputElement_.disabled) {
+    this.element_.classList.add(this.CssClasses_.IS_DISABLED);
+  } else {
+    this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
+  }
+};
+
 /**
  * Disable icon toggle.
  * @public
@@ -1690,8 +1722,6 @@ MaterialRadio.prototype.CssClasses_ = {
 MaterialRadio.prototype.onChange_ = function(event) {
   'use strict';
 
-  this.updateClasses_(this.btnElement_, this.element_);
-
   // Since other radio buttons don't get change events, we need to look for
   // them to update their classes.
   var radios = document.getElementsByClassName(this.CssClasses_.JS_RADIO);
@@ -1699,7 +1729,7 @@ 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')) {
-      this.updateClasses_(button, radios[i]);
+      radios[i].MaterialRadio.updateClasses_();
     }
   }
 };
@@ -1739,24 +1769,12 @@ MaterialRadio.prototype.onMouseup_ = function(event) {
 
 /**
  * Update classes.
- * @param {HTMLElement} button The button whose classes we should update.
- * @param {HTMLElement} label The label whose classes we should update.
  * @private
  */
-MaterialRadio.prototype.updateClasses_ = function(button, label) {
+MaterialRadio.prototype.updateClasses_ = function() {
   'use strict';
-
-  if (button.disabled) {
-    label.classList.add(this.CssClasses_.IS_DISABLED);
-  } else {
-    label.classList.remove(this.CssClasses_.IS_DISABLED);
-  }
-
-  if (button.checked) {
-    label.classList.add(this.CssClasses_.IS_CHECKED);
-  } else {
-    label.classList.remove(this.CssClasses_.IS_CHECKED);
-  }
+  this.checkDisabled();
+  this.checkToggleState();
 };
 
 /**
@@ -1775,6 +1793,32 @@ MaterialRadio.prototype.blur_ = function(event) {
 
 // Public methods.
 
+/**
+* Check the components disabled state.
+* @public
+*/
+MaterialRadio.prototype.checkDisabled = function() {
+  'use strict';
+  if (this.btnElement_.disabled) {
+    this.element_.classList.add(this.CssClasses_.IS_DISABLED);
+  } else {
+    this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
+  }
+};
+
+/**
+* Check the components toggled state.
+* @public
+*/
+MaterialRadio.prototype.checkToggleState = function() {
+  'use strict';
+  if (this.btnElement_.checked) {
+    this.element_.classList.add(this.CssClasses_.IS_CHECKED);
+  } else {
+    this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
+  }
+};
+
 /**
  * Disable radio.
  * @public
@@ -1783,7 +1827,7 @@ MaterialRadio.prototype.disable = function() {
   'use strict';
 
   this.btnElement_.disabled = true;
-  this.updateClasses_(this.btnElement_, this.element_);
+  this.updateClasses_();
 };
 
 /**
@@ -1794,7 +1838,7 @@ MaterialRadio.prototype.enable = function() {
   'use strict';
 
   this.btnElement_.disabled = false;
-  this.updateClasses_(this.btnElement_, this.element_);
+  this.updateClasses_();
 };
 
 /**
@@ -1805,7 +1849,7 @@ MaterialRadio.prototype.check = function() {
   'use strict';
 
   this.btnElement_.checked = true;
-  this.updateClasses_(this.btnElement_, this.element_);
+  this.updateClasses_();
 };
 
 /**
@@ -1816,7 +1860,7 @@ MaterialRadio.prototype.uncheck = function() {
   'use strict';
 
   this.btnElement_.checked = false;
-  this.updateClasses_(this.btnElement_, this.element_);
+  this.updateClasses_();
 };
 
 /**
@@ -1862,7 +1906,7 @@ MaterialRadio.prototype.init = function() {
     this.btnElement_.addEventListener('blur', this.onBlur_.bind(this));
     this.element_.addEventListener('mouseup', this.onMouseup_.bind(this));
 
-    this.updateClasses_(this.btnElement_, this.element_);
+    this.updateClasses_();
     this.element_.classList.add(this.CssClasses_.IS_UPGRADED);
   }
 };
@@ -2379,24 +2423,12 @@ MaterialSwitch.prototype.onMouseUp_ = function(event) {
 
 /**
  * Handle class updates.
- * @param {HTMLElement} button The button whose classes we should update.
- * @param {HTMLElement} label The label whose classes we should update.
  * @private
  */
 MaterialSwitch.prototype.updateClasses_ = function() {
   'use strict';
-
-  if (this.inputElement_.disabled) {
-    this.element_.classList.add(this.CssClasses_.IS_DISABLED);
-  } else {
-    this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
-  }
-
-  if (this.inputElement_.checked) {
-    this.element_.classList.add(this.CssClasses_.IS_CHECKED);
-  } else {
-    this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
-  }
+  this.checkDisabled();
+  this.checkToggleState();
 };
 
 /**
@@ -2415,6 +2447,32 @@ MaterialSwitch.prototype.blur_ = function(event) {
 
 // Public methods.
 
+/**
+* Check the components disabled state.
+* @public
+*/
+MaterialSwitch.prototype.checkDisabled = function() {
+  'use strict';
+  if (this.inputElement_.disabled) {
+    this.element_.classList.add(this.CssClasses_.IS_DISABLED);
+  } else {
+    this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
+  }
+};
+
+/**
+* Check the components toggled state.
+* @public
+*/
+MaterialSwitch.prototype.checkToggleState = function() {
+  'use strict';
+  if (this.inputElement_.checked) {
+    this.element_.classList.add(this.CssClasses_.IS_CHECKED);
+  } else {
+    this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
+  }
+};
+
 /**
  * Disable switch.
  * @public
@@ -3126,7 +3184,7 @@ function MaterialLayout(element) {
  * @private
  */
 MaterialLayout.prototype.Constant_ = {
-  MAX_WIDTH: '(max-width: 850px)',
+  MAX_WIDTH: '(max-width: 1024px)',
   TAB_SCROLL_PIXELS: 100,
 
   MENU_ICON: 'menu',

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

@@ -114,18 +114,8 @@ MaterialCheckbox.prototype.onMouseUp_ = function(event) {
  */
 MaterialCheckbox.prototype.updateClasses_ = function() {
   'use strict';
-
-  if (this.inputElement_.disabled) {
-    this.element_.classList.add(this.CssClasses_.IS_DISABLED);
-  } else {
-    this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
-  }
-
-  if (this.inputElement_.checked) {
-    this.element_.classList.add(this.CssClasses_.IS_CHECKED);
-  } else {
-    this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
-  }
+  this.checkDisabled();
+  this.checkToggleState();
 };
 
 /**
@@ -144,6 +134,32 @@ MaterialCheckbox.prototype.blur_ = function(event) {
 
 // Public methods.
 
+/**
+* Check the inputs toggle state and update display.
+* @public
+*/
+MaterialCheckbox.prototype.checkToggleState = function() {
+  'use strict';
+  if (this.inputElement_.checked) {
+    this.element_.classList.add(this.CssClasses_.IS_CHECKED);
+  } else {
+    this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
+  }
+};
+
+/**
+* Check the inputs disabled state and update display.
+* @public
+*/
+MaterialCheckbox.prototype.checkDisabled = function() {
+  'use strict';
+  if (this.inputElement_.disabled) {
+    this.element_.classList.add(this.CssClasses_.IS_DISABLED);
+  } else {
+    this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
+  }
+};
+
 /**
  * Disable checkbox.
  * @public

data/vendor/assets/javascripts/material/icon-toggle.js

@@ -110,18 +110,8 @@ MaterialIconToggle.prototype.onMouseUp_ = function(event) {
  */
 MaterialIconToggle.prototype.updateClasses_ = function() {
   'use strict';
-
-  if (this.inputElement_.disabled) {
-    this.element_.classList.add(this.CssClasses_.IS_DISABLED);
-  } else {
-    this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
-  }
-
-  if (this.inputElement_.checked) {
-    this.element_.classList.add(this.CssClasses_.IS_CHECKED);
-  } else {
-    this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
-  }
+  this.checkDisabled();
+  this.checkToggleState();
 };
 
 /**
@@ -140,6 +130,32 @@ MaterialIconToggle.prototype.blur_ = function(event) {
 
 // Public methods.
 
+/**
+* Check the inputs toggle state and update display.
+* @public
+*/
+MaterialIconToggle.prototype.checkToggleState = function() {
+  'use strict';
+  if (this.inputElement_.checked) {
+    this.element_.classList.add(this.CssClasses_.IS_CHECKED);
+  } else {
+    this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
+  }
+};
+
+/**
+* Check the inputs disabled state and update display.
+* @public
+*/
+MaterialIconToggle.prototype.checkDisabled = function() {
+  'use strict';
+  if (this.inputElement_.disabled) {
+    this.element_.classList.add(this.CssClasses_.IS_DISABLED);
+  } else {
+    this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
+  }
+};
+
 /**
  * Disable icon toggle.
  * @public

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

@@ -36,7 +36,7 @@ function MaterialLayout(element) {
  * @private
  */
 MaterialLayout.prototype.Constant_ = {
-  MAX_WIDTH: '(max-width: 850px)',
+  MAX_WIDTH: '(max-width: 1024px)',
   TAB_SCROLL_PIXELS: 100,
 
   MENU_ICON: 'menu',

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

@@ -281,11 +281,11 @@ var componentHandler = (function() {
       var componentIndex = createdComponents_.indexOf(component);
       createdComponents_.splice(componentIndex, 1);
 
-      var upgrades = component.element_.dataset.upgraded.split(',');
+      var upgrades = component.element_.getAttribute('data-upgraded').split(',');
       var componentPlace = upgrades.indexOf(
           component[componentConfigProperty_].classAsString);
       upgrades.splice(componentPlace, 1);
-      component.element_.dataset.upgraded = upgrades.join(',');
+      component.element_.setAttribute('data-upgraded', upgrades.join(','));
 
       var ev = document.createEvent('Events');
       ev.initEvent('mdl-componentdowngraded', true, true);

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

@@ -70,8 +70,6 @@ MaterialRadio.prototype.CssClasses_ = {
 MaterialRadio.prototype.onChange_ = function(event) {
   'use strict';
 
-  this.updateClasses_(this.btnElement_, this.element_);
-
   // Since other radio buttons don't get change events, we need to look for
   // them to update their classes.
   var radios = document.getElementsByClassName(this.CssClasses_.JS_RADIO);
@@ -79,7 +77,7 @@ 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')) {
-      this.updateClasses_(button, radios[i]);
+      radios[i].MaterialRadio.updateClasses_();
     }
   }
 };
@@ -119,24 +117,12 @@ MaterialRadio.prototype.onMouseup_ = function(event) {
 
 /**
  * Update classes.
- * @param {HTMLElement} button The button whose classes we should update.
- * @param {HTMLElement} label The label whose classes we should update.
  * @private
  */
-MaterialRadio.prototype.updateClasses_ = function(button, label) {
+MaterialRadio.prototype.updateClasses_ = function() {
   'use strict';
-
-  if (button.disabled) {
-    label.classList.add(this.CssClasses_.IS_DISABLED);
-  } else {
-    label.classList.remove(this.CssClasses_.IS_DISABLED);
-  }
-
-  if (button.checked) {
-    label.classList.add(this.CssClasses_.IS_CHECKED);
-  } else {
-    label.classList.remove(this.CssClasses_.IS_CHECKED);
-  }
+  this.checkDisabled();
+  this.checkToggleState();
 };
 
 /**
@@ -155,6 +141,32 @@ MaterialRadio.prototype.blur_ = function(event) {
 
 // Public methods.
 
+/**
+* Check the components disabled state.
+* @public
+*/
+MaterialRadio.prototype.checkDisabled = function() {
+  'use strict';
+  if (this.btnElement_.disabled) {
+    this.element_.classList.add(this.CssClasses_.IS_DISABLED);
+  } else {
+    this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
+  }
+};
+
+/**
+* Check the components toggled state.
+* @public
+*/
+MaterialRadio.prototype.checkToggleState = function() {
+  'use strict';
+  if (this.btnElement_.checked) {
+    this.element_.classList.add(this.CssClasses_.IS_CHECKED);
+  } else {
+    this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
+  }
+};
+
 /**
  * Disable radio.
  * @public
@@ -163,7 +175,7 @@ MaterialRadio.prototype.disable = function() {
   'use strict';
 
   this.btnElement_.disabled = true;
-  this.updateClasses_(this.btnElement_, this.element_);
+  this.updateClasses_();
 };
 
 /**
@@ -174,7 +186,7 @@ MaterialRadio.prototype.enable = function() {
   'use strict';
 
   this.btnElement_.disabled = false;
-  this.updateClasses_(this.btnElement_, this.element_);
+  this.updateClasses_();
 };
 
 /**
@@ -185,7 +197,7 @@ MaterialRadio.prototype.check = function() {
   'use strict';
 
   this.btnElement_.checked = true;
-  this.updateClasses_(this.btnElement_, this.element_);
+  this.updateClasses_();
 };
 
 /**
@@ -196,7 +208,7 @@ MaterialRadio.prototype.uncheck = function() {
   'use strict';
 
   this.btnElement_.checked = false;
-  this.updateClasses_(this.btnElement_, this.element_);
+  this.updateClasses_();
 };
 
 /**
@@ -242,7 +254,7 @@ MaterialRadio.prototype.init = function() {
     this.btnElement_.addEventListener('blur', this.onBlur_.bind(this));
     this.element_.addEventListener('mouseup', this.onMouseup_.bind(this));
 
-    this.updateClasses_(this.btnElement_, this.element_);
+    this.updateClasses_();
     this.element_.classList.add(this.CssClasses_.IS_UPGRADED);
   }
 };

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

@@ -107,24 +107,12 @@ MaterialSwitch.prototype.onMouseUp_ = function(event) {
 
 /**
  * Handle class updates.
- * @param {HTMLElement} button The button whose classes we should update.
- * @param {HTMLElement} label The label whose classes we should update.
  * @private
  */
 MaterialSwitch.prototype.updateClasses_ = function() {
   'use strict';
-
-  if (this.inputElement_.disabled) {
-    this.element_.classList.add(this.CssClasses_.IS_DISABLED);
-  } else {
-    this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
-  }
-
-  if (this.inputElement_.checked) {
-    this.element_.classList.add(this.CssClasses_.IS_CHECKED);
-  } else {
-    this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
-  }
+  this.checkDisabled();
+  this.checkToggleState();
 };
 
 /**
@@ -143,6 +131,32 @@ MaterialSwitch.prototype.blur_ = function(event) {
 
 // Public methods.
 
+/**
+* Check the components disabled state.
+* @public
+*/
+MaterialSwitch.prototype.checkDisabled = function() {
+  'use strict';
+  if (this.inputElement_.disabled) {
+    this.element_.classList.add(this.CssClasses_.IS_DISABLED);
+  } else {
+    this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
+  }
+};
+
+/**
+* Check the components toggled state.
+* @public
+*/
+MaterialSwitch.prototype.checkToggleState = function() {
+  'use strict';
+  if (this.inputElement_.checked) {
+    this.element_.classList.add(this.CssClasses_.IS_CHECKED);
+  } else {
+    this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
+  }
+};
+
 /**
  * Disable switch.
  * @public

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

@@ -243,6 +243,12 @@
       width: calc(100% - #{$layout-drawer-width});
     }
 
+    .mdl-layout--fixed-drawer > & {
+      .mdl-layout__header-row {
+        padding-left: 40px;
+      }
+    }
+
     & > .mdl-layout-icon {
       position: absolute;
       left: $layout-header-desktop-indent;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material_design_lite-sass
 version: !ruby/object:Gem::Version
-  version: 1.0.1
+  version: 1.0.2
 platform: ruby
 authors:
 - Dmitriy Tarasov
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-07-25 00:00:00.000000000 Z
+date: 2015-07-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass