@materializecss/materialize 1.1.0-alpha → 1.1.0

package/js/parallax.js

@@ -1,138 +1,138 @@
-(function($) {
-  'use strict';
-
-  let _defaults = {
-    responsiveThreshold: 0 // breakpoint for swipeable
-  };
-
-  class Parallax extends Component {
-    constructor(el, options) {
-      super(Parallax, el, options);
-
-      this.el.M_Parallax = this;
-
-      /**
-       * Options for the Parallax
-       * @member Parallax#options
-       * @prop {Number} responsiveThreshold
-       */
-      this.options = $.extend({}, Parallax.defaults, options);
-      this._enabled = window.innerWidth > this.options.responsiveThreshold;
-
-      this.$img = this.$el.find('img').first();
-      this.$img.each(function() {
-        let el = this;
-        if (el.complete) $(el).trigger('load');
-      });
-
-      this._updateParallax();
-      this._setupEventHandlers();
-      this._setupStyles();
-
-      Parallax._parallaxes.push(this);
-    }
-
-    static get defaults() {
-      return _defaults;
-    }
-
-    static init(els, options) {
-      return super.init(this, els, options);
-    }
-
-    /**
-     * Get Instance
-     */
-    static getInstance(el) {
-      let domElem = !!el.jquery ? el[0] : el;
-      return domElem.M_Parallax;
-    }
-
-    /**
-     * Teardown component
-     */
-    destroy() {
-      Parallax._parallaxes.splice(Parallax._parallaxes.indexOf(this), 1);
-      this.$img[0].style.transform = '';
-      this._removeEventHandlers();
-
-      this.$el[0].M_Parallax = undefined;
-    }
-
-    static _handleScroll() {
-      for (let i = 0; i < Parallax._parallaxes.length; i++) {
-        let parallaxInstance = Parallax._parallaxes[i];
-        parallaxInstance._updateParallax.call(parallaxInstance);
-      }
-    }
-
-    static _handleWindowResize() {
-      for (let i = 0; i < Parallax._parallaxes.length; i++) {
-        let parallaxInstance = Parallax._parallaxes[i];
-        parallaxInstance._enabled =
-          window.innerWidth > parallaxInstance.options.responsiveThreshold;
-      }
-    }
-
-    _setupEventHandlers() {
-      this._handleImageLoadBound = this._handleImageLoad.bind(this);
-      this.$img[0].addEventListener('load', this._handleImageLoadBound);
-
-      if (Parallax._parallaxes.length === 0) {
-        Parallax._handleScrollThrottled = M.throttle(Parallax._handleScroll, 5);
-        window.addEventListener('scroll', Parallax._handleScrollThrottled);
-
-        Parallax._handleWindowResizeThrottled = M.throttle(Parallax._handleWindowResize, 5);
-        window.addEventListener('resize', Parallax._handleWindowResizeThrottled);
-      }
-    }
-
-    _removeEventHandlers() {
-      this.$img[0].removeEventListener('load', this._handleImageLoadBound);
-
-      if (Parallax._parallaxes.length === 0) {
-        window.removeEventListener('scroll', Parallax._handleScrollThrottled);
-        window.removeEventListener('resize', Parallax._handleWindowResizeThrottled);
-      }
-    }
-
-    _setupStyles() {
-      this.$img[0].style.opacity = 1;
-    }
-
-    _handleImageLoad() {
-      this._updateParallax();
-    }
-
-    _updateParallax() {
-      let containerHeight = this.$el.height() > 0 ? this.el.parentNode.offsetHeight : 500;
-      let imgHeight = this.$img[0].offsetHeight;
-      let parallaxDist = imgHeight - containerHeight;
-      let bottom = this.$el.offset().top + containerHeight;
-      let top = this.$el.offset().top;
-      let scrollTop = M.getDocumentScrollTop();
-      let windowHeight = window.innerHeight;
-      let windowBottom = scrollTop + windowHeight;
-      let percentScrolled = (windowBottom - top) / (containerHeight + windowHeight);
-      let parallax = parallaxDist * percentScrolled;
-
-      if (!this._enabled) {
-        this.$img[0].style.transform = '';
-      } else if (bottom > scrollTop && top < scrollTop + windowHeight) {
-        this.$img[0].style.transform = `translate3D(-50%, ${parallax}px, 0)`;
-      }
-    }
-  }
-
-  /**
-   * @static
-   * @memberof Parallax
-   */
-  Parallax._parallaxes = [];
-
-  M.Parallax = Parallax;
-
-  if (M.jQueryLoaded) {
-    M.initializeJqueryWrapper(Parallax, 'parallax', 'M_Parallax');
-  }
-})(cash);
+(function($) {
+  'use strict';
+
+  let _defaults = {
+    responsiveThreshold: 0 // breakpoint for swipeable
+  };
+
+  class Parallax extends Component {
+    constructor(el, options) {
+      super(Parallax, el, options);
+
+      this.el.M_Parallax = this;
+
+      /**
+       * Options for the Parallax
+       * @member Parallax#options
+       * @prop {Number} responsiveThreshold
+       */
+      this.options = $.extend({}, Parallax.defaults, options);
+      this._enabled = window.innerWidth > this.options.responsiveThreshold;
+
+      this.$img = this.$el.find('img').first();
+      this.$img.each(function() {
+        let el = this;
+        if (el.complete) $(el).trigger('load');
+      });
+
+      this._updateParallax();
+      this._setupEventHandlers();
+      this._setupStyles();
+
+      Parallax._parallaxes.push(this);
+    }
+
+    static get defaults() {
+      return _defaults;
+    }
+
+    static init(els, options) {
+      return super.init(this, els, options);
+    }
+
+    /**
+     * Get Instance
+     */
+    static getInstance(el) {
+      let domElem = !!el.jquery ? el[0] : el;
+      return domElem.M_Parallax;
+    }
+
+    /**
+     * Teardown component
+     */
+    destroy() {
+      Parallax._parallaxes.splice(Parallax._parallaxes.indexOf(this), 1);
+      this.$img[0].style.transform = '';
+      this._removeEventHandlers();
+
+      this.$el[0].M_Parallax = undefined;
+    }
+
+    static _handleScroll() {
+      for (let i = 0; i < Parallax._parallaxes.length; i++) {
+        let parallaxInstance = Parallax._parallaxes[i];
+        parallaxInstance._updateParallax.call(parallaxInstance);
+      }
+    }
+
+    static _handleWindowResize() {
+      for (let i = 0; i < Parallax._parallaxes.length; i++) {
+        let parallaxInstance = Parallax._parallaxes[i];
+        parallaxInstance._enabled =
+          window.innerWidth > parallaxInstance.options.responsiveThreshold;
+      }
+    }
+
+    _setupEventHandlers() {
+      this._handleImageLoadBound = this._handleImageLoad.bind(this);
+      this.$img[0].addEventListener('load', this._handleImageLoadBound);
+
+      if (Parallax._parallaxes.length === 0) {
+        Parallax._handleScrollThrottled = M.throttle(Parallax._handleScroll, 5);
+        window.addEventListener('scroll', Parallax._handleScrollThrottled);
+
+        Parallax._handleWindowResizeThrottled = M.throttle(Parallax._handleWindowResize, 5);
+        window.addEventListener('resize', Parallax._handleWindowResizeThrottled);
+      }
+    }
+
+    _removeEventHandlers() {
+      this.$img[0].removeEventListener('load', this._handleImageLoadBound);
+
+      if (Parallax._parallaxes.length === 0) {
+        window.removeEventListener('scroll', Parallax._handleScrollThrottled);
+        window.removeEventListener('resize', Parallax._handleWindowResizeThrottled);
+      }
+    }
+
+    _setupStyles() {
+      this.$img[0].style.opacity = 1;
+    }
+
+    _handleImageLoad() {
+      this._updateParallax();
+    }
+
+    _updateParallax() {
+      let containerHeight = this.$el.height() > 0 ? this.el.parentNode.offsetHeight : 500;
+      let imgHeight = this.$img[0].offsetHeight;
+      let parallaxDist = imgHeight - containerHeight;
+      let bottom = this.$el.offset().top + containerHeight;
+      let top = this.$el.offset().top;
+      let scrollTop = M.getDocumentScrollTop();
+      let windowHeight = window.innerHeight;
+      let windowBottom = scrollTop + windowHeight;
+      let percentScrolled = (windowBottom - top) / (containerHeight + windowHeight);
+      let parallax = parallaxDist * percentScrolled;
+
+      if (!this._enabled) {
+        this.$img[0].style.transform = '';
+      } else if (bottom > scrollTop && top < scrollTop + windowHeight) {
+        this.$img[0].style.transform = `translate3D(-50%, ${parallax}px, 0)`;
+      }
+    }
+  }
+
+  /**
+   * @static
+   * @memberof Parallax
+   */
+  Parallax._parallaxes = [];
+
+  M.Parallax = Parallax;
+
+  if (M.jQueryLoaded) {
+    M.initializeJqueryWrapper(Parallax, 'parallax', 'M_Parallax');
+  }
+})(cash);

package/js/pushpin.js

@@ -1,148 +1,148 @@
-(function($) {
-  'use strict';
-
-  let _defaults = {
-    top: 0,
-    bottom: Infinity,
-    offset: 0,
-    onPositionChange: null
-  };
-
-  /**
-   * @class
-   *
-   */
-  class Pushpin extends Component {
-    /**
-     * Construct Pushpin instance
-     * @constructor
-     * @param {Element} el
-     * @param {Object} options
-     */
-    constructor(el, options) {
-      super(Pushpin, el, options);
-
-      this.el.M_Pushpin = this;
-
-      /**
-       * Options for the modal
-       * @member Pushpin#options
-       */
-      this.options = $.extend({}, Pushpin.defaults, options);
-
-      this.originalOffset = this.el.offsetTop;
-      Pushpin._pushpins.push(this);
-      this._setupEventHandlers();
-      this._updatePosition();
-    }
-
-    static get defaults() {
-      return _defaults;
-    }
-
-    static init(els, options) {
-      return super.init(this, els, options);
-    }
-
-    /**
-     * Get Instance
-     */
-    static getInstance(el) {
-      let domElem = !!el.jquery ? el[0] : el;
-      return domElem.M_Pushpin;
-    }
-
-    /**
-     * Teardown component
-     */
-    destroy() {
-      this.el.style.top = null;
-      this._removePinClasses();
-
-      // Remove pushpin Inst
-      let index = Pushpin._pushpins.indexOf(this);
-      Pushpin._pushpins.splice(index, 1);
-      if (Pushpin._pushpins.length === 0) {
-        this._removeEventHandlers();
-      }
-      this.el.M_Pushpin = undefined;
-    }
-
-    static _updateElements() {
-      for (let elIndex in Pushpin._pushpins) {
-        let pInstance = Pushpin._pushpins[elIndex];
-        pInstance._updatePosition();
-      }
-    }
-
-    _setupEventHandlers() {
-      document.addEventListener('scroll', Pushpin._updateElements);
-    }
-
-    _removeEventHandlers() {
-      document.removeEventListener('scroll', Pushpin._updateElements);
-    }
-
-    _updatePosition() {
-      let scrolled = M.getDocumentScrollTop() + this.options.offset;
-
-      if (
-        this.options.top <= scrolled &&
-        this.options.bottom >= scrolled &&
-        !this.el.classList.contains('pinned')
-      ) {
-        this._removePinClasses();
-        this.el.style.top = `${this.options.offset}px`;
-        this.el.classList.add('pinned');
-
-        // onPositionChange callback
-        if (typeof this.options.onPositionChange === 'function') {
-          this.options.onPositionChange.call(this, 'pinned');
-        }
-      }
-
-      // Add pin-top (when scrolled position is above top)
-      if (scrolled < this.options.top && !this.el.classList.contains('pin-top')) {
-        this._removePinClasses();
-        this.el.style.top = 0;
-        this.el.classList.add('pin-top');
-
-        // onPositionChange callback
-        if (typeof this.options.onPositionChange === 'function') {
-          this.options.onPositionChange.call(this, 'pin-top');
-        }
-      }
-
-      // Add pin-bottom (when scrolled position is below bottom)
-      if (scrolled > this.options.bottom && !this.el.classList.contains('pin-bottom')) {
-        this._removePinClasses();
-        this.el.classList.add('pin-bottom');
-        this.el.style.top = `${this.options.bottom - this.originalOffset}px`;
-
-        // onPositionChange callback
-        if (typeof this.options.onPositionChange === 'function') {
-          this.options.onPositionChange.call(this, 'pin-bottom');
-        }
-      }
-    }
-
-    _removePinClasses() {
-      // IE 11 bug (can't remove multiple classes in one line)
-      this.el.classList.remove('pin-top');
-      this.el.classList.remove('pinned');
-      this.el.classList.remove('pin-bottom');
-    }
-  }
-
-  /**
-   * @static
-   * @memberof Pushpin
-   */
-  Pushpin._pushpins = [];
-
-  M.Pushpin = Pushpin;
-
-  if (M.jQueryLoaded) {
-    M.initializeJqueryWrapper(Pushpin, 'pushpin', 'M_Pushpin');
-  }
-})(cash);
+(function($) {
+  'use strict';
+
+  let _defaults = {
+    top: 0,
+    bottom: Infinity,
+    offset: 0,
+    onPositionChange: null
+  };
+
+  /**
+   * @class
+   *
+   */
+  class Pushpin extends Component {
+    /**
+     * Construct Pushpin instance
+     * @constructor
+     * @param {Element} el
+     * @param {Object} options
+     */
+    constructor(el, options) {
+      super(Pushpin, el, options);
+
+      this.el.M_Pushpin = this;
+
+      /**
+       * Options for the modal
+       * @member Pushpin#options
+       */
+      this.options = $.extend({}, Pushpin.defaults, options);
+
+      this.originalOffset = this.el.offsetTop;
+      Pushpin._pushpins.push(this);
+      this._setupEventHandlers();
+      this._updatePosition();
+    }
+
+    static get defaults() {
+      return _defaults;
+    }
+
+    static init(els, options) {
+      return super.init(this, els, options);
+    }
+
+    /**
+     * Get Instance
+     */
+    static getInstance(el) {
+      let domElem = !!el.jquery ? el[0] : el;
+      return domElem.M_Pushpin;
+    }
+
+    /**
+     * Teardown component
+     */
+    destroy() {
+      this.el.style.top = null;
+      this._removePinClasses();
+
+      // Remove pushpin Inst
+      let index = Pushpin._pushpins.indexOf(this);
+      Pushpin._pushpins.splice(index, 1);
+      if (Pushpin._pushpins.length === 0) {
+        this._removeEventHandlers();
+      }
+      this.el.M_Pushpin = undefined;
+    }
+
+    static _updateElements() {
+      for (let elIndex in Pushpin._pushpins) {
+        let pInstance = Pushpin._pushpins[elIndex];
+        pInstance._updatePosition();
+      }
+    }
+
+    _setupEventHandlers() {
+      document.addEventListener('scroll', Pushpin._updateElements);
+    }
+
+    _removeEventHandlers() {
+      document.removeEventListener('scroll', Pushpin._updateElements);
+    }
+
+    _updatePosition() {
+      let scrolled = M.getDocumentScrollTop() + this.options.offset;
+
+      if (
+        this.options.top <= scrolled &&
+        this.options.bottom >= scrolled &&
+        !this.el.classList.contains('pinned')
+      ) {
+        this._removePinClasses();
+        this.el.style.top = `${this.options.offset}px`;
+        this.el.classList.add('pinned');
+
+        // onPositionChange callback
+        if (typeof this.options.onPositionChange === 'function') {
+          this.options.onPositionChange.call(this, 'pinned');
+        }
+      }
+
+      // Add pin-top (when scrolled position is above top)
+      if (scrolled < this.options.top && !this.el.classList.contains('pin-top')) {
+        this._removePinClasses();
+        this.el.style.top = 0;
+        this.el.classList.add('pin-top');
+
+        // onPositionChange callback
+        if (typeof this.options.onPositionChange === 'function') {
+          this.options.onPositionChange.call(this, 'pin-top');
+        }
+      }
+
+      // Add pin-bottom (when scrolled position is below bottom)
+      if (scrolled > this.options.bottom && !this.el.classList.contains('pin-bottom')) {
+        this._removePinClasses();
+        this.el.classList.add('pin-bottom');
+        this.el.style.top = `${this.options.bottom - this.originalOffset}px`;
+
+        // onPositionChange callback
+        if (typeof this.options.onPositionChange === 'function') {
+          this.options.onPositionChange.call(this, 'pin-bottom');
+        }
+      }
+    }
+
+    _removePinClasses() {
+      // IE 11 bug (can't remove multiple classes in one line)
+      this.el.classList.remove('pin-top');
+      this.el.classList.remove('pinned');
+      this.el.classList.remove('pin-bottom');
+    }
+  }
+
+  /**
+   * @static
+   * @memberof Pushpin
+   */
+  Pushpin._pushpins = [];
+
+  M.Pushpin = Pushpin;
+
+  if (M.jQueryLoaded) {
+    M.initializeJqueryWrapper(Pushpin, 'pushpin', 'M_Pushpin');
+  }
+})(cash);