materialize-sass 1.0.0.alpha2 → 1.0.0.alpha3

data/assets/javascripts/materialize/select.js

@@ -1,7 +1,13 @@
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
 (function ($) {
   'use strict';
 
@@ -14,7 +20,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
    *
    */
 
-  var Select = function () {
+  var Select = function (_Component) {
+    _inherits(Select, _Component);
+
     /**
      * Construct Select instance
      * @constructor
@@ -24,29 +32,25 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
     function Select(el, options) {
       _classCallCheck(this, Select);
 
-      // If exists, destroy and reinitialize
-      if (!!el.M_Select) {
-        el.M_Select.destroy();
-      }
+      var _this = _possibleConstructorReturn(this, (Select.__proto__ || Object.getPrototypeOf(Select)).call(this, Select, el, options));
 
-      this.el = el;
-      this.$el = $(el);
-      this.el.M_Select = this;
+      _this.el.M_Select = _this;
 
       /**
        * Options for the select
        * @member Select#options
        */
-      this.options = $.extend({}, Select.defaults, options);
+      _this.options = $.extend({}, Select.defaults, options);
 
-      this.isMultiple = this.$el.prop('multiple');
+      _this.isMultiple = _this.$el.prop('multiple');
 
       // Setup
-      this._keysSelected = {};
-      this._valueDict = {}; // Maps key to original and generated option element.
-      this._setupDropdown();
+      _this._keysSelected = {};
+      _this._valueDict = {}; // Maps key to original and generated option element.
+      _this._setupDropdown();
 
-      this._setupEventHandlers();
+      _this._setupEventHandlers();
+      return _this;
     }
 
     _createClass(Select, [{
@@ -69,14 +73,14 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
     }, {
       key: '_setupEventHandlers',
       value: function _setupEventHandlers() {
-        var _this = this;
+        var _this2 = this;
 
         this._handleSelectChangeBound = this._handleSelectChange.bind(this);
         this._handleOptionClickBound = this._handleOptionClick.bind(this);
         this._handleInputClickBound = this._handleInputClick.bind(this);
 
         $(this.dropdownOptions).find('li:not(.optgroup)').each(function (el) {
-          el.addEventListener('click', _this._handleOptionClickBound);
+          el.addEventListener('click', _this2._handleOptionClickBound);
         });
         this.el.addEventListener('change', this._handleSelectChangeBound);
         this.input.addEventListener('click', this._handleInputClickBound);
@@ -89,10 +93,10 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
     }, {
       key: '_removeEventHandlers',
       value: function _removeEventHandlers() {
-        var _this2 = this;
+        var _this3 = this;
 
         $(this.dropdownOptions).find('li:not(.optgroup)').each(function (el) {
-          el.removeEventListener('click', _this2._handleOptionClickBound);
+          el.removeEventListener('click', _this3._handleOptionClickBound);
         });
         this.el.removeEventListener('change', this._handleSelectChangeBound);
         this.input.removeEventListener('click', this._handleInputClickBound);
@@ -125,6 +129,14 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
           var selected = true;
 
           if (this.isMultiple) {
+            // Deselect placeholder option if still selected.
+            var placeholderOption = $(this.dropdownOptions).find('li.disabled.selected');
+            if (placeholderOption.length) {
+              placeholderOption.removeClass('selected');
+              placeholderOption.find('input[type="checkbox"]').prop('checked', false);
+              this._toggleEntryFromArray(placeholderOption[0].id);
+            }
+
             var checkbox = $(option).find('input[type="checkbox"]');
             checkbox.prop('checked', !checkbox.prop('checked'));
             selected = this._toggleEntryFromArray(key);
@@ -162,7 +174,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
     }, {
       key: '_setupDropdown',
       value: function _setupDropdown() {
-        var _this3 = this;
+        var _this4 = this;
 
         this.wrapper = document.createElement('div');
         $(this.wrapper).addClass('select-wrapper' + ' ' + this.options.classes);
@@ -185,21 +197,21 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
             if ($(el).is('option')) {
               // Direct descendant option.
               var optionEl = void 0;
-              if (_this3.isMultiple) {
-                optionEl = _this3._appendOptionWithIcon(_this3.$el, el, 'multiple');
+              if (_this4.isMultiple) {
+                optionEl = _this4._appendOptionWithIcon(_this4.$el, el, 'multiple');
               } else {
-                optionEl = _this3._appendOptionWithIcon(_this3.$el, el);
+                optionEl = _this4._appendOptionWithIcon(_this4.$el, el);
               }
 
-              _this3._addOptionToValueDict(el, optionEl);
+              _this4._addOptionToValueDict(el, optionEl);
             } else if ($(el).is('optgroup')) {
               // Optgroup.
               var selectOptions = $(el).children('option');
-              $(_this3.dropdownOptions).append($('<li class="optgroup"><span>' + el.getAttribute('label') + '</span></li>')[0]);
+              $(_this4.dropdownOptions).append($('<li class="optgroup"><span>' + el.getAttribute('label') + '</span></li>')[0]);
 
               selectOptions.each(function (el) {
-                var optionEl = _this3._appendOptionWithIcon(_this3.$el, el, 'optgroup-option');
-                _this3._addOptionToValueDict(el, optionEl);
+                var optionEl = _this4._appendOptionWithIcon(_this4.$el, el, 'optgroup-option');
+                _this4._addOptionToValueDict(el, optionEl);
               });
             }
           });
@@ -230,7 +242,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
           if (this.isMultiple) {
             dropdownOptions.closeOnClick = false;
           }
-          this.dropdown = new M.Dropdown(this.input, dropdownOptions);
+          this.dropdown = M.Dropdown.init(this.input, dropdownOptions);
         }
 
         // Add initial selections
@@ -412,14 +424,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
       }
     }], [{
       key: 'init',
-      value: function init($els, options) {
-        var arr = [];
-        $els.each(function () {
-          if (!$(this).hasClass('browser-default')) {
-            arr.push(new Select(this, options));
-          }
-        });
-        return arr;
+      value: function init(els, options) {
+        return _get(Select.__proto__ || Object.getPrototypeOf(Select), 'init', this).call(this, this, els, options);
       }
 
       /**
@@ -440,7 +446,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
     }]);
 
     return Select;
-  }();
+  }(Component);
 
   M.Select = Select;
 

data/assets/javascripts/materialize/sidenav.js

@@ -1,7 +1,13 @@
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
 (function ($, anim) {
   'use strict';
 
@@ -20,7 +26,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
    * @class
    */
 
-  var Sidenav = function () {
+  var Sidenav = function (_Component) {
+    _inherits(Sidenav, _Component);
+
     /**
      * Construct Sidenav instance and set up overlay
      * @constructor
@@ -30,15 +38,10 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
     function Sidenav(el, options) {
       _classCallCheck(this, Sidenav);
 
-      // If exists, destroy and reinitialize
-      if (!!el.M_Sidenav) {
-        el.M_Sidenav.destroy();
-      }
+      var _this = _possibleConstructorReturn(this, (Sidenav.__proto__ || Object.getPrototypeOf(Sidenav)).call(this, Sidenav, el, options));
 
-      this.el = el;
-      this.$el = $(el);
-      this.el.M_Sidenav = this;
-      this.id = this.$el.attr('id');
+      _this.el.M_Sidenav = _this;
+      _this.id = _this.$el.attr('id');
 
       /**
        * Options for the Sidenav
@@ -52,33 +55,34 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
        * @prop {Function} onCloseStart - Function called when sidenav starts exiting
        * @prop {Function} onCloseEnd - Function called when sidenav finishes exiting
        */
-      this.options = $.extend({}, Sidenav.defaults, options);
+      _this.options = $.extend({}, Sidenav.defaults, options);
 
       /**
        * Describes open/close state of Sidenav
        * @type {Boolean}
        */
-      this.isOpen = false;
+      _this.isOpen = false;
 
       /**
        * Describes if Sidenav is fixed
        * @type {Boolean}
        */
-      this.isFixed = this.el.classList.contains('sidenav-fixed');
+      _this.isFixed = _this.el.classList.contains('sidenav-fixed');
 
       /**
        * Describes if Sidenav is being draggeed
        * @type {Boolean}
        */
-      this.isDragged = false;
+      _this.isDragged = false;
 
-      this._createOverlay();
-      this._createDragTarget();
-      this._setupEventHandlers();
-      this._setupClasses();
-      this._setupFixed();
+      _this._createOverlay();
+      _this._createDragTarget();
+      _this._setupEventHandlers();
+      _this._setupClasses();
+      _this._setupFixed();
 
-      Sidenav._sidenavs.push(this);
+      Sidenav._sidenavs.push(_this);
+      return _this;
     }
 
     _createClass(Sidenav, [{
@@ -483,7 +487,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
     }, {
       key: '_animateSidenavIn',
       value: function _animateSidenavIn() {
-        var _this = this;
+        var _this2 = this;
 
         var slideOutPercent = this.options.edge === 'left' ? -1 : 1;
         if (this.isDragged) {
@@ -498,8 +502,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
           easing: 'easeOutQuad',
           complete: function () {
             // Run onOpenEnd callback
-            if (typeof _this.options.onOpenEnd === 'function') {
-              _this.options.onOpenEnd.call(_this, _this.el);
+            if (typeof _this2.options.onOpenEnd === 'function') {
+              _this2.options.onOpenEnd.call(_this2, _this2.el);
             }
           }
         });
@@ -533,7 +537,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
     }, {
       key: '_animateSidenavOut',
       value: function _animateSidenavOut() {
-        var _this2 = this;
+        var _this3 = this;
 
         var endPercent = this.options.edge === 'left' ? -1 : 1;
         var slideOutPercent = 0;
@@ -549,8 +553,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
           easing: 'easeOutQuad',
           complete: function () {
             // Run onOpenEnd callback
-            if (typeof _this2.options.onCloseEnd === 'function') {
-              _this2.options.onCloseEnd.call(_this2, _this2.el);
+            if (typeof _this3.options.onCloseEnd === 'function') {
+              _this3.options.onCloseEnd.call(_this3, _this3.el);
             }
           }
         });
@@ -558,7 +562,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
     }, {
       key: '_animateOverlayOut',
       value: function _animateOverlayOut() {
-        var _this3 = this;
+        var _this4 = this;
 
         anim.remove(this._overlay);
         anim({
@@ -567,18 +571,14 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
           duration: this.options.outDuration,
           easing: 'easeOutQuad',
           complete: function () {
-            $(_this3._overlay).css('display', 'none');
+            $(_this4._overlay).css('display', 'none');
           }
         });
       }
     }], [{
       key: 'init',
-      value: function init($els, options) {
-        var arr = [];
-        $els.each(function () {
-          arr.push(new Sidenav(this, options));
-        });
-        return arr;
+      value: function init(els, options) {
+        return _get(Sidenav.__proto__ || Object.getPrototypeOf(Sidenav), 'init', this).call(this, this, els, options);
       }
 
       /**
@@ -599,7 +599,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
     }]);
 
     return Sidenav;
-  }();
+  }(Component);
 
   /**
    * @static

data/assets/javascripts/materialize/slider.js

@@ -1,7 +1,13 @@
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
 (function ($, anim) {
   'use strict';
 
@@ -17,7 +23,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
    *
    */
 
-  var Slider = function () {
+  var Slider = function (_Component) {
+    _inherits(Slider, _Component);
+
     /**
      * Construct Slider instance and set up overlay
      * @constructor
@@ -25,18 +33,11 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
      * @param {Object} options
      */
     function Slider(el, options) {
-      var _this = this;
-
       _classCallCheck(this, Slider);
 
-      // If exists, destroy and reinitialize
-      if (!!el.M_Slider) {
-        el.M_Slider.destroy();
-      }
+      var _this = _possibleConstructorReturn(this, (Slider.__proto__ || Object.getPrototypeOf(Slider)).call(this, Slider, el, options));
 
-      this.el = el;
-      this.$el = $(el);
-      this.el.M_Slider = this;
+      _this.el.M_Slider = _this;
 
       /**
        * Options for the modal
@@ -46,25 +47,25 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
        * @prop {Number} [duration=500] - Length in ms of slide transition
        * @prop {Number} [interval=6000] - Length in ms of slide interval
        */
-      this.options = $.extend({}, Slider.defaults, options);
+      _this.options = $.extend({}, Slider.defaults, options);
 
       // setup
-      this.$slider = this.$el.find('.slides');
-      this.$slides = this.$slider.children('li');
-      this.activeIndex = this.$slider.find('.active').index();
-      if (this.activeIndex != -1) {
-        this.$active = this.$slides.eq(this.activeIndex);
+      _this.$slider = _this.$el.find('.slides');
+      _this.$slides = _this.$slider.children('li');
+      _this.activeIndex = _this.$slider.find('.active').index();
+      if (_this.activeIndex != -1) {
+        _this.$active = _this.$slides.eq(_this.activeIndex);
       }
 
-      this._setSliderHeight();
+      _this._setSliderHeight();
 
       // Set initial positions of captions
-      this.$slides.find('.caption').each(function (el) {
+      _this.$slides.find('.caption').each(function (el) {
         _this._animateCaptionIn(el, 0);
       });
 
       // Move img src into background-image
-      this.$slides.find('img').each(function (el) {
+      _this.$slides.find('img').each(function (el) {
         var placeholderBase64 = 'data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
         if ($(el).attr('src') !== placeholderBase64) {
           $(el).css('background-image', 'url("' + $(el).attr('src') + '")');
@@ -72,31 +73,31 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
         }
       });
 
-      this._setupIndicators();
+      _this._setupIndicators();
 
       // Show active slide
-      if (this.$active) {
-        this.$active.css('display', 'block');
+      if (_this.$active) {
+        _this.$active.css('display', 'block');
       } else {
-        this.$slides.first().addClass('active');
+        _this.$slides.first().addClass('active');
         anim({
-          targets: this.$slides.first()[0],
+          targets: _this.$slides.first()[0],
           opacity: 1,
-          duration: this.options.duration,
+          duration: _this.options.duration,
           easing: 'easeOutQuad'
         });
 
-        this.activeIndex = 0;
-        this.$active = this.$slides.eq(this.activeIndex);
+        _this.activeIndex = 0;
+        _this.$active = _this.$slides.eq(_this.activeIndex);
 
         // Update indicators
-        if (this.options.indicators) {
-          this.$indicators.eq(this.activeIndex).addClass('active');
+        if (_this.options.indicators) {
+          _this.$indicators.eq(_this.activeIndex).addClass('active');
         }
       }
 
       // Adjust height to current slide
-      this.$active.find('img').each(function (el) {
+      _this.$active.find('img').each(function (el) {
         anim({
           targets: _this.$active.find('.caption')[0],
           opacity: 1,
@@ -107,10 +108,11 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
         });
       });
 
-      this._setupEventHandlers();
+      _this._setupEventHandlers();
 
       // auto scroll
-      this.start();
+      _this.start();
+      return _this;
     }
 
     _createClass(Slider, [{
@@ -387,12 +389,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
       }
     }], [{
       key: 'init',
-      value: function init($els, options) {
-        var arr = [];
-        $els.each(function () {
-          arr.push(new Slider(this, options));
-        });
-        return arr;
+      value: function init(els, options) {
+        return _get(Slider.__proto__ || Object.getPrototypeOf(Slider), 'init', this).call(this, this, els, options);
       }
 
       /**
@@ -413,7 +411,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
     }]);
 
     return Slider;
-  }();
+  }(Component);
 
   M.Slider = Slider;