material_design_lite-sass 1.0.4.2 → 1.0.5

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

@@ -23,6 +23,7 @@
    * Implements MDL component design pattern defined at:
    * https://github.com/jasonmayes/mdl-component-design-pattern
    *
+   * @constructor
    * @param {HTMLElement} element The element that will be upgraded.
    */
   var MaterialMenu = function MaterialMenu(element) {
@@ -31,12 +32,12 @@
     // Initialize instance.
     this.init();
   };
-  window.MaterialMenu = MaterialMenu;
+  window['MaterialMenu'] = MaterialMenu;
 
   /**
    * Store constants in one place so they can be updated easily.
    *
-   * @enum {String | Number}
+   * @enum {string | number}
    * @private
    */
   MaterialMenu.prototype.Constant_ = {
@@ -52,7 +53,7 @@
   /**
    * Keycodes, for code readability.
    *
-   * @enum {Number}
+   * @enum {number}
    * @private
    */
   MaterialMenu.prototype.Keycodes_ = {
@@ -68,7 +69,7 @@
    * JavaScript. This allows us to simply change it in one place should we
    * decide to modify at a later date.
    *
-   * @enum {String}
+   * @enum {string}
    * @private
    */
   MaterialMenu.prototype.CssClasses_ = {
@@ -301,7 +302,7 @@
       window.setTimeout(function(evt) {
         this.hide();
         this.closing_ = false;
-      }.bind(this), this.Constant_.CLOSE_TIMEOUT);
+      }.bind(this), /** @type {number} */ (this.Constant_.CLOSE_TIMEOUT));
     }
   };
 
@@ -310,14 +311,14 @@
    * it), and applies it. This allows us to animate from or to the correct point,
    * that is, the point it's aligned to in the "for" element.
    *
-   * @param {Number} height Height of the clip rectangle
-   * @param {Number} width Width of the clip rectangle
+   * @param {number} height Height of the clip rectangle
+   * @param {number} width Width of the clip rectangle
    * @private
    */
   MaterialMenu.prototype.applyClip_ = function(height, width) {
     if (this.element_.classList.contains(this.CssClasses_.UNALIGNED)) {
       // Do not clip.
-      this.element_.style.clip = null;
+      this.element_.style.clip = '';
     } else if (this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)) {
       // Clip to the top right corner of the menu.
       this.element_.style.clip =
@@ -332,7 +333,7 @@
           height + 'px ' + width + 'px)';
     } else {
       // Default: do not clip (same as clipping to the top left corner).
-      this.element_.style.clip = null;
+      this.element_.style.clip = '';
     }
   };
 
@@ -416,6 +417,7 @@
       document.addEventListener('click', callback);
     }
   };
+  MaterialMenu.prototype['show'] = MaterialMenu.prototype.show;
 
   /**
    * Hides the menu.
@@ -445,6 +447,7 @@
       this.addAnimationEndListener_();
     }
   };
+  MaterialMenu.prototype['hide'] = MaterialMenu.prototype.hide;
 
   /**
    * Displays or hides the menu, depending on current state.
@@ -458,6 +461,7 @@
       this.show(evt);
     }
   };
+  MaterialMenu.prototype['toggle'] = MaterialMenu.prototype.toggle;
 
   /**
    * Downgrade the component.

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

@@ -23,6 +23,7 @@
    * Implements MDL component design pattern defined at:
    * https://github.com/jasonmayes/mdl-component-design-pattern
    *
+   * @constructor
    * @param {HTMLElement} element The element that will be upgraded.
    */
   var MaterialProgress = function MaterialProgress(element) {
@@ -31,12 +32,12 @@
     // Initialize instance.
     this.init();
   };
-  window.MaterialProgress = MaterialProgress;
+  window['MaterialProgress'] = MaterialProgress;
 
   /**
    * Store constants in one place so they can be updated easily.
    *
-   * @enum {String | Number}
+   * @enum {string | number}
    * @private
    */
   MaterialProgress.prototype.Constant_ = {
@@ -47,7 +48,7 @@
    * JavaScript. This allows us to simply change it in one place should we
    * decide to modify at a later date.
    *
-   * @enum {String}
+   * @enum {string}
    * @private
    */
   MaterialProgress.prototype.CssClasses_ = {
@@ -57,7 +58,7 @@
   /**
    * Set the current progress of the progressbar.
    *
-   * @param {Number} p Percentage of the progress (0-100)
+   * @param {number} p Percentage of the progress (0-100)
    * @public
    */
   MaterialProgress.prototype.setProgress = function(p) {
@@ -67,17 +68,21 @@
 
     this.progressbar_.style.width = p + '%';
   };
+  MaterialProgress.prototype['setProgress'] =
+      MaterialProgress.prototype.setProgress;
 
   /**
    * Set the current progress of the buffer.
    *
-   * @param {Number} p Percentage of the buffer (0-100)
+   * @param {number} p Percentage of the buffer (0-100)
    * @public
    */
   MaterialProgress.prototype.setBuffer = function(p) {
     this.bufferbar_.style.width = p + '%';
     this.auxbar_.style.width = (100 - p) + '%';
   };
+  MaterialProgress.prototype['setBuffer'] =
+      MaterialProgress.prototype.setBuffer;
 
   /**
    * Initialize element.

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

@@ -12,7 +12,12 @@
 'use strict';
 
 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'];
@@ -20,19 +25,26 @@ 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[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);
-    };
+    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

@@ -23,6 +23,7 @@
    * Implements MDL component design pattern defined at:
    * https://github.com/jasonmayes/mdl-component-design-pattern
    *
+   * @constructor
    * @param {HTMLElement} element The element that will be upgraded.
    */
   var MaterialRadio = function MaterialRadio(element) {
@@ -31,12 +32,12 @@
     // Initialize instance.
     this.init();
   };
-  window.MaterialRadio = MaterialRadio;
+  window['MaterialRadio'] = MaterialRadio;
 
   /**
    * Store constants in one place so they can be updated easily.
    *
-   * @enum {String | Number}
+   * @enum {string | number}
    * @private
    */
   MaterialRadio.prototype.Constant_ = {
@@ -48,7 +49,7 @@
    * JavaScript. This allows us to simply change it in one place should we
    * decide to modify at a later date.
    *
-   * @enum {String}
+   * @enum {string}
    * @private
    */
   MaterialRadio.prototype.CssClasses_ = {
@@ -81,7 +82,7 @@
       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_();
+        radios[i]['MaterialRadio'].updateClasses_();
       }
     }
   };
@@ -129,16 +130,15 @@
   /**
    * Add blur.
    *
-   * @param {Event} event The event that fired.
    * @private
    */
-  MaterialRadio.prototype.blur_ = function(event) {
+  MaterialRadio.prototype.blur_ = function() {
 
     // TODO: figure out why there's a focus event being fired after our blur,
     // so that we can avoid this hack.
     window.setTimeout(function() {
       this.btnElement_.blur();
-    }.bind(this), this.Constant_.TINY_TIMEOUT);
+    }.bind(this), /** @type {number} */ (this.Constant_.TINY_TIMEOUT));
   };
 
   // Public methods.
@@ -155,6 +155,8 @@
       this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
     }
   };
+  MaterialRadio.prototype['checkDisabled'] =
+      MaterialRadio.prototype.checkDisabled;
 
   /**
    * Check the components toggled state.
@@ -168,6 +170,8 @@
       this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
     }
   };
+  MaterialRadio.prototype['checkToggleState'] =
+      MaterialRadio.prototype.checkToggleState;
 
   /**
    * Disable radio.
@@ -178,6 +182,7 @@
     this.btnElement_.disabled = true;
     this.updateClasses_();
   };
+  MaterialRadio.prototype['disable'] = MaterialRadio.prototype.disable;
 
   /**
    * Enable radio.
@@ -188,6 +193,7 @@
     this.btnElement_.disabled = false;
     this.updateClasses_();
   };
+  MaterialRadio.prototype['enable'] = MaterialRadio.prototype.enable;
 
   /**
    * Check radio.
@@ -198,6 +204,7 @@
     this.btnElement_.checked = true;
     this.updateClasses_();
   };
+  MaterialRadio.prototype['check'] = MaterialRadio.prototype.check;
 
   /**
    * Uncheck radio.
@@ -208,6 +215,7 @@
     this.btnElement_.checked = false;
     this.updateClasses_();
   };
+  MaterialRadio.prototype['uncheck'] = MaterialRadio.prototype.uncheck;
 
   /**
    * Initialize element.

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

@@ -23,6 +23,7 @@
    * Implements MDL component design pattern defined at:
    * https://github.com/jasonmayes/mdl-component-design-pattern
    *
+   * @constructor
    * @param {HTMLElement} element The element that will be upgraded.
    */
   var MaterialRipple = function MaterialRipple(element) {
@@ -31,12 +32,12 @@
     // Initialize instance.
     this.init();
   };
-  window.MaterialRipple = MaterialRipple;
+  window['MaterialRipple'] = MaterialRipple;
 
   /**
    * Store constants in one place so they can be updated easily.
    *
-   * @enum {String | Number}
+   * @enum {string | number}
    * @private
    */
   MaterialRipple.prototype.Constant_ = {
@@ -52,7 +53,7 @@
    * JavaScript. This allows us to simply change it in one place should we
    * decide to modify at a later date.
    *
-   * @enum {String}
+   * @enum {string}
    * @private
    */
   MaterialRipple.prototype.CssClasses_ = {
@@ -164,23 +165,44 @@
         this.element_.addEventListener('touchend', this.boundUpHandler);
         this.element_.addEventListener('blur', this.boundUpHandler);
 
+        /**
+         * Getter for frameCount_.
+         * @return {number} the frame count.
+         */
         this.getFrameCount = function() {
           return this.frameCount_;
         };
 
+        /**
+         * Setter for frameCount_.
+         * @param {number} fC the frame count.
+         */
         this.setFrameCount = function(fC) {
           this.frameCount_ = fC;
         };
 
+        /**
+         * Getter for rippleElement_.
+         * @return {Element} the ripple element.
+         */
         this.getRippleElement = function() {
           return this.rippleElement_;
         };
 
+        /**
+         * Sets the ripple X and Y coordinates.
+         * @param  {number} newX the new X coordinate
+         * @param  {number} newY the new Y coordinate
+         */
         this.setRippleXY = function(newX, newY) {
           this.x_ = newX;
           this.y_ = newY;
         };
 
+        /**
+         * Sets the ripple styles.
+         * @param  {boolean} start whether or not this is the start frame.
+         */
         this.setRippleStyles = function(start) {
           if (this.rippleElement_ !== null) {
             var transformString;
@@ -214,6 +236,9 @@
           }
         };
 
+        /**
+         * Handles an animation frame.
+         */
         this.animFrameHandler = function() {
           if (this.frameCount_-- > 0) {
             window.requestAnimationFrame(this.animFrameHandler.bind(this));

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

@@ -23,6 +23,7 @@
    * Implements MDL component design pattern defined at:
    * https://github.com/jasonmayes/mdl-component-design-pattern
    *
+   * @constructor
    * @param {HTMLElement} element The element that will be upgraded.
    */
   var MaterialSlider = function MaterialSlider(element) {
@@ -32,12 +33,12 @@
     // Initialize instance.
     this.init();
   };
-  window.MaterialSlider = MaterialSlider;
+  window['MaterialSlider'] = MaterialSlider;
 
   /**
    * Store constants in one place so they can be updated easily.
    *
-   * @enum {String | Number}
+   * @enum {string | number}
    * @private
    */
   MaterialSlider.prototype.Constant_ = {
@@ -49,7 +50,7 @@
    * JavaScript. This allows us to simply change it in one place should we
    * decide to modify at a later date.
    *
-   * @enum {String}
+   * @enum {string}
    * @private
    */
   MaterialSlider.prototype.CssClasses_ = {
@@ -100,6 +101,7 @@
    *
    * @param {Event} event The event that fired.
    * @private
+   * @suppress {missingProperties}
    */
   MaterialSlider.prototype.onContainerMouseDown_ = function(event) {
     // If this click is not on the parent element (but rather some child)
@@ -123,10 +125,9 @@
   /**
    * Handle updating of values.
    *
-   * @param {Event} event The event that fired.
    * @private
    */
-  MaterialSlider.prototype.updateValueStyles_ = function(event) {
+  MaterialSlider.prototype.updateValueStyles_ = function() {
     // Calculate and apply percentages to div structure behind slider.
     var fraction = (this.element_.value - this.element_.min) /
         (this.element_.max - this.element_.min);
@@ -155,6 +156,7 @@
   MaterialSlider.prototype.disable = function() {
     this.element_.disabled = true;
   };
+  MaterialSlider.prototype['disable'] = MaterialSlider.prototype.disable;
 
   /**
    * Enable slider.
@@ -165,11 +167,12 @@
 
     this.element_.disabled = false;
   };
+  MaterialSlider.prototype['enable'] = MaterialSlider.prototype.enable;
 
   /**
    * Update slider value.
    *
-   * @param {Number} value The value to which to set the control (optional).
+   * @param {number} value The value to which to set the control (optional).
    * @public
    */
   MaterialSlider.prototype.change = function(value) {
@@ -179,6 +182,7 @@
     }
     this.updateValueStyles_();
   };
+  MaterialSlider.prototype['change'] = MaterialSlider.prototype.change;
 
   /**
    * Initialize element.