material_design_lite-rails 1.0.1 → 1.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8739ee32c6207fa744cb15331f169ff19b5ea4f1
-  data.tar.gz: 756253978a0ee1af15b1b620c2c227fe5cdbd361
+  metadata.gz: c44cd0f7fb43f678dd22f21baed5285f8c4f7764
+  data.tar.gz: 98b72edcbfb300b3547e9d3f77392cb8f353941b
 SHA512:
-  metadata.gz: b3f41f39b5d1f8b9ca1ce4c2809f065cf32ea2737b12658e2262e6bfad8f6475e38c4dd52da9c5cf564ba9a0e8d6f8976f02885c24d63885452cb442a8be70ca
-  data.tar.gz: 35222f293ab3dc0dc120f17bd754d9e05acbae092269f102ac0b48447ffca03f400a8faf1c66a7041201e05a9d419d4fdaaa93049b5a5e16d1e3ec7821017dca
+  metadata.gz: 1fd5ff373d6b44c9c621e7f7839e2963540b21520ce10a6d37625c6f2a8c504defe8e63de5f066bf8425a0e646300ad5b3f77c76558c22e6f374c42540109561
+  data.tar.gz: f271395db8cf04ce27087a4d4d5b2c4ddfabd437a8fc450a3a5cb7fe29f7aea5d19b9c2cf1f76e6c77217854580bc6a691b66ba119881a43b21e18db94032aaf

data/lib/material_design_lite/rails/version.rb

@@ -1,5 +1,5 @@
 module MaterialDesignLite
   module Rails
-    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/stylesheets/material.css

@@ -1,6 +1,6 @@
 /**
  * material-design-lite - Material Design Components in CSS, JS and HTML
- * @version v1.0.1
+ * @version v1.0.2
  * @license Apache-2.0
  * @copyright 2015 Google, Inc.
  * @link https://github.com/google/material-design-lite
@@ -6454,6 +6454,8 @@ input.mdl-button[type="submit"] {
   .mdl-layout--fixed-drawer:not(.is-small-screen) > .mdl-layout__header {
     margin-left: 240px;
     width: calc(100% - 240px); }
+  .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
+    padding-left: 40px; }
   .mdl-layout__header > .mdl-layout-icon {
     position: absolute;
     left: 40px;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: material_design_lite-rails
 version: !ruby/object:Gem::Version
-  version: 1.0.1
+  version: 1.0.2
 platform: ruby
 authors:
 - Sean Collins