@materializecss/materialize 1.2.1 → 1.2.2

package/dist/js/materialize.js

@@ -1,6 +1,6 @@
 /*!
- * Materialize v1.2.1 (https://materializecss.github.io/materialize)
- * Copyright 2014-2022 Materialize
+ * Materialize v1.2.2 (https://materializecss.github.io/materialize)
+ * Copyright 2014-2023 Materialize
  * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)
  */
 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); } };
@@ -1695,7 +1695,7 @@ if (typeof define === 'function' && define.amd) {
   exports.default = M;
 }
 
-M.version = '1.2.0';
+M.version = '1.2.1';
 
 M.keys = {
   TAB: 9,
@@ -3385,7 +3385,7 @@ $jscomp.polyfill = function (e, r, p, m) {
 
         // Container here will be closest ancestor with overflow: hidden
         var closestOverflowParent = getClosestAncestor(this.dropdownEl, function (ancestor) {
-          return $(ancestor).css('overflow') !== 'visible';
+          return !$(ancestor).is('html,body') && $(ancestor).css('overflow') !== 'visible';
         });
         // Fallback
         if (!closestOverflowParent) {
@@ -7550,7 +7550,10 @@ $jscomp.polyfill = function (e, r, p, m) {
     indicators: true,
     height: 400,
     duration: 500,
-    interval: 6000
+    interval: 6000,
+    pauseOnFocus: true,
+    pauseOnHover: true,
+    indicatorLabelFunc: null // Function which will generate a label for the indicators (ARIA)
   };
 
   /**
@@ -7581,9 +7584,19 @@ $jscomp.polyfill = function (e, r, p, m) {
        * @prop {Number} [height=400] - height of slider
        * @prop {Number} [duration=500] - Length in ms of slide transition
        * @prop {Number} [interval=6000] - Length in ms of slide interval
+       * @prop {Boolean} [pauseOnFocus=true] - Pauses transition when slider receives keyboard focus
+       * @prop {Boolean} [pauseOnHover=true] - Pauses transition while mouse hovers the slider
+       * @prop {Function} [indicatorLabelFunc=null] - Function used to generate ARIA label to indicators (for accessibility purposes).
        */
       _this40.options = $.extend({}, Slider.defaults, options);
 
+      // init props
+      _this40.interval = null;
+      _this40.eventPause = false;
+      _this40._hovered = false;
+      _this40._focused = false;
+      _this40._focusCurrent = false;
+
       // setup
       _this40.$slider = _this40.$el.find('.slides');
       _this40.$slides = _this40.$slider.children('li');
@@ -7596,6 +7609,12 @@ $jscomp.polyfill = function (e, r, p, m) {
 
       _this40._setSliderHeight();
 
+      // Sets element id if it does not have one
+      if (_this40.$slider.attr('id')) _this40._sliderId = _this40.$slider.attr('id');else {
+        _this40._sliderId = 'slider-' + M.guid();
+        _this40.$slider.attr('id', _this40._sliderId);
+      }
+
       // Set initial positions of captions
       _this40.$slides.find('.caption').each(function (el) {
         _this40._animateCaptionIn(el, 0);
@@ -7609,12 +7628,18 @@ $jscomp.polyfill = function (e, r, p, m) {
           $(el).attr('src', placeholderBase64);
         }
       });
+      _this40.$slides.each(function (el) {
+        // Sets slide as focusable by code
+        if (!el.hasAttribute('tabindex')) el.setAttribute('tabindex', -1);
+        // Removes initial visibility from "inactive" slides
+        el.style.visibility = 'hidden';
+      });
 
       _this40._setupIndicators();
 
       // Show active slide
       if (_this40.$active) {
-        _this40.$active.css('display', 'block');
+        _this40.$active.css('display', 'block').css('visibility', 'visible');
       } else {
         _this40.$slides.first().addClass('active');
         anim({
@@ -7623,13 +7648,14 @@ $jscomp.polyfill = function (e, r, p, m) {
           duration: _this40.options.duration,
           easing: 'easeOutQuad'
         });
+        _this40.$slides.first().css('visibility', 'visible');
 
         _this40.activeIndex = 0;
         _this40.$active = _this40.$slides.eq(_this40.activeIndex);
 
         // Update indicators
         if (_this40.options.indicators) {
-          _this40.$indicators.eq(_this40.activeIndex).addClass('active');
+          _this40.$indicators.eq(_this40.activeIndex).children().first().addClass('active');
         }
       }
 
@@ -7673,15 +7699,24 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_setupEventHandlers",
       value: function _setupEventHandlers() {
-        var _this41 = this;
-
         this._handleIntervalBound = this._handleInterval.bind(this);
         this._handleIndicatorClickBound = this._handleIndicatorClick.bind(this);
+        this._handleAutoPauseFocusBound = this._handleAutoPauseFocus.bind(this);
+        this._handleAutoStartFocusBound = this._handleAutoStartFocus.bind(this);
+        this._handleAutoPauseHoverBound = this._handleAutoPauseHover.bind(this);
+        this._handleAutoStartHoverBound = this._handleAutoStartHover.bind(this);
+
+        if (this.options.pauseOnFocus) {
+          this.el.addEventListener('focusin', this._handleAutoPauseFocusBound);
+          this.el.addEventListener('focusout', this._handleAutoStartFocusBound);
+        }
+        if (this.options.pauseOnHover) {
+          this.el.addEventListener('mouseenter', this._handleAutoPauseHoverBound);
+          this.el.addEventListener('mouseleave', this._handleAutoStartHoverBound);
+        }
 
         if (this.options.indicators) {
-          this.$indicators.each(function (el) {
-            el.addEventListener('click', _this41._handleIndicatorClickBound);
-          });
+          this.$indicators.children().on('click', this._handleIndicatorClickBound);
         }
       }
 
@@ -7692,12 +7727,16 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_removeEventHandlers",
       value: function _removeEventHandlers() {
-        var _this42 = this;
-
+        if (this.options.pauseOnFocus) {
+          this.el.removeEventListener('focusin', this._handleAutoPauseFocusBound);
+          this.el.removeEventListener('focusout', this._handleAutoStartFocusBound);
+        }
+        if (this.options.pauseOnHover) {
+          this.el.removeEventListener('mouseenter', this._handleAutoPauseHoverBound);
+          this.el.removeEventListener('mouseleave', this._handleAutoStartHoverBound);
+        }
         if (this.options.indicators) {
-          this.$indicators.each(function (el) {
-            el.removeEventListener('click', _this42._handleIndicatorClickBound);
-          });
+          this.$indicators.children().off('click', this._handleIndicatorClickBound);
         }
       }
 
@@ -7709,10 +7748,63 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_handleIndicatorClick",
       value: function _handleIndicatorClick(e) {
-        var currIndex = $(e.target).index();
+        var currIndex = $(e.target).parent().index();
+        this._focusCurrent = true;
         this.set(currIndex);
       }
 
+      /**
+       * Mouse enter event handler
+       */
+
+    }, {
+      key: "_handleAutoPauseHover",
+      value: function _handleAutoPauseHover() {
+        this._hovered = true;
+        if (this.interval != null) {
+          this._pause(true);
+        }
+      }
+
+      /**
+       * Focus in event handler
+       */
+
+    }, {
+      key: "_handleAutoPauseFocus",
+      value: function _handleAutoPauseFocus() {
+        this._focused = true;
+        if (this.interval != null) {
+          this._pause(true);
+        }
+      }
+
+      /**
+       *  Mouse enter event handler
+       */
+
+    }, {
+      key: "_handleAutoStartHover",
+      value: function _handleAutoStartHover() {
+        this._hovered = false;
+        if (!(this.options.pauseOnFocus && this._focused) && this.eventPause) {
+          this.start();
+        }
+      }
+
+      /**
+       *  Focus out leave event handler
+       */
+
+    }, {
+      key: "_handleAutoStartFocus",
+      value: function _handleAutoStartFocus() {
+        this._focused = false;
+        if (!(this.options.pauseOnHover && this._hovered) && this.eventPause) {
+          this.start();
+        }
+      }
+
       /**
        * Handle Interval
        */
@@ -7781,13 +7873,14 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_setupIndicators",
       value: function _setupIndicators() {
-        var _this43 = this;
+        var _this41 = this;
 
         if (this.options.indicators) {
           this.$indicators = $('<ul class="indicators"></ul>');
-          this.$slides.each(function (el, index) {
-            var $indicator = $('<li class="indicator-item"></li>');
-            _this43.$indicators.append($indicator[0]);
+          this.$slides.each(function (el, i) {
+            var label = _this41.options.indicatorLabelFunc ? _this41.options.indicatorLabelFunc.call(_this41, i + 1, i === 0) : "" + (i + 1);
+            var $indicator = $("<li class=\"indicator-item\">\n            <button type=\"button\" class=\"indicator-item-btn\" aria-label=\"" + label + "\" aria-controls=\"" + _this41._sliderId + "\"></button>\n          </li>");
+            _this41.$indicators.append($indicator[0]);
           });
           this.$el.append(this.$indicators[0]);
           this.$indicators = this.$indicators.children('li.indicator-item');
@@ -7812,7 +7905,7 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "set",
       value: function set(index) {
-        var _this44 = this;
+        var _this42 = this;
 
         // Wrap around indices.
         if (index >= this.$slides.length) index = 0;else if (index < 0) index = this.$slides.length - 1;
@@ -7822,6 +7915,8 @@ $jscomp.polyfill = function (e, r, p, m) {
           this.$active = this.$slides.eq(this.activeIndex);
           var $caption = this.$active.find('.caption');
           this.$active.removeClass('active');
+          // Enables every slide
+          this.$slides.css('visibility', 'visible');
 
           anim({
             targets: this.$active[0],
@@ -7829,7 +7924,7 @@ $jscomp.polyfill = function (e, r, p, m) {
             duration: this.options.duration,
             easing: 'easeOutQuad',
             complete: function () {
-              _this44.$slides.not('.active').each(function (el) {
+              _this42.$slides.not('.active').each(function (el) {
                 anim({
                   targets: el,
                   opacity: 0,
@@ -7838,6 +7933,8 @@ $jscomp.polyfill = function (e, r, p, m) {
                   duration: 0,
                   easing: 'easeOutQuad'
                 });
+                // Disables invisible slides (for assistive technologies)
+                el.style.visibility = 'hidden';
               });
             }
           });
@@ -7846,8 +7943,14 @@ $jscomp.polyfill = function (e, r, p, m) {
 
           // Update indicators
           if (this.options.indicators) {
-            this.$indicators.eq(this.activeIndex).removeClass('active');
-            this.$indicators.eq(index).addClass('active');
+            var activeIndicator = this.$indicators.eq(this.activeIndex).children().first();
+            var nextIndicator = this.$indicators.eq(index).children().first();
+            activeIndicator.removeClass('active');
+            nextIndicator.addClass('active');
+            if (typeof this.options.indicatorLabelFunc === "function") {
+              activeIndicator.attr('aria-label', this.options.indicatorLabelFunc.call(this, this.$indicators.eq(this.activeIndex).index(), false));
+              nextIndicator.attr('aria-label', this.options.indicatorLabelFunc.call(this, this.$indicators.eq(index).index(), true));
+            }
           }
 
           anim({
@@ -7868,13 +7971,33 @@ $jscomp.polyfill = function (e, r, p, m) {
           });
 
           this.$slides.eq(index).addClass('active');
+          if (this._focusCurrent) {
+            this.$slides.eq(index)[0].focus();
+            this._focusCurrent = false;
+          }
           this.activeIndex = index;
 
-          // Reset interval
-          this.start();
+          // Reset interval, if allowed. This check prevents autostart
+          // when slider is paused, since it can be changed though indicators.
+          if (this.interval != null) {
+            this.start();
+          }
         }
       }
 
+      /**
+       * "Protected" function which pauses current interval
+       * @param {boolean} fromEvent Specifies if request came from event
+       */
+
+    }, {
+      key: "_pause",
+      value: function _pause(fromEvent) {
+        clearInterval(this.interval);
+        this.eventPause = fromEvent;
+        this.interval = null;
+      }
+
       /**
        * Pause slider interval
        */
@@ -7882,7 +8005,7 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "pause",
       value: function pause() {
-        clearInterval(this.interval);
+        this._pause(false);
       }
 
       /**
@@ -7894,6 +8017,7 @@ $jscomp.polyfill = function (e, r, p, m) {
       value: function start() {
         clearInterval(this.interval);
         this.interval = setInterval(this._handleIntervalBound, this.options.duration + this.options.interval);
+        this.eventPause = false;
       }
 
       /**
@@ -8029,9 +8153,9 @@ $jscomp.polyfill = function (e, r, p, m) {
     function Chips(el, options) {
       _classCallCheck(this, Chips);
 
-      var _this45 = _possibleConstructorReturn(this, (Chips.__proto__ || Object.getPrototypeOf(Chips)).call(this, Chips, el, options));
+      var _this43 = _possibleConstructorReturn(this, (Chips.__proto__ || Object.getPrototypeOf(Chips)).call(this, Chips, el, options));
 
-      _this45.el.M_Chips = _this45;
+      _this43.el.M_Chips = _this43;
 
       /**
        * Options for the modal
@@ -8041,34 +8165,34 @@ $jscomp.polyfill = function (e, r, p, m) {
        * @prop {String} secondaryPlaceholder
        * @prop {Object} autocompleteOptions
        */
-      _this45.options = $.extend({}, Chips.defaults, options);
+      _this43.options = $.extend({}, Chips.defaults, options);
 
-      _this45.$el.addClass('chips input-field');
-      _this45.chipsData = [];
-      _this45.$chips = $();
-      _this45._setupInput();
-      _this45.hasAutocomplete = Object.keys(_this45.options.autocompleteOptions).length > 0;
+      _this43.$el.addClass('chips input-field');
+      _this43.chipsData = [];
+      _this43.$chips = $();
+      _this43._setupInput();
+      _this43.hasAutocomplete = Object.keys(_this43.options.autocompleteOptions).length > 0;
 
       // Set input id
-      if (!_this45.$input.attr('id')) {
-        _this45.$input.attr('id', M.guid());
+      if (!_this43.$input.attr('id')) {
+        _this43.$input.attr('id', M.guid());
       }
 
       // Render initial chips
-      if (_this45.options.data.length) {
-        _this45.chipsData = _this45.options.data;
-        _this45._renderChips(_this45.chipsData);
+      if (_this43.options.data.length) {
+        _this43.chipsData = _this43.options.data;
+        _this43._renderChips(_this43.chipsData);
       }
 
       // Setup autocomplete if needed
-      if (_this45.hasAutocomplete) {
-        _this45._setupAutocomplete();
+      if (_this43.hasAutocomplete) {
+        _this43._setupAutocomplete();
       }
 
-      _this45._setPlaceholder();
-      _this45._setupLabel();
-      _this45._setupEventHandlers();
-      return _this45;
+      _this43._setPlaceholder();
+      _this43._setupLabel();
+      _this43._setupEventHandlers();
+      return _this43;
     }
 
     _createClass(Chips, [{
@@ -8273,14 +8397,14 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_setupAutocomplete",
       value: function _setupAutocomplete() {
-        var _this46 = this;
+        var _this44 = this;
 
         this.options.autocompleteOptions.onAutocomplete = function (val) {
-          _this46.addChip({
+          _this44.addChip({
             tag: val
           });
-          _this46.$input[0].value = '';
-          _this46.$input[0].focus();
+          _this44.$input[0].value = '';
+          _this44.$input[0].focus();
         };
 
         this.autocomplete = M.Autocomplete.init(this.$input[0], this.options.autocompleteOptions);
@@ -8577,21 +8701,21 @@ $jscomp.polyfill = function (e, r, p, m) {
     function Pushpin(el, options) {
       _classCallCheck(this, Pushpin);
 
-      var _this47 = _possibleConstructorReturn(this, (Pushpin.__proto__ || Object.getPrototypeOf(Pushpin)).call(this, Pushpin, el, options));
+      var _this45 = _possibleConstructorReturn(this, (Pushpin.__proto__ || Object.getPrototypeOf(Pushpin)).call(this, Pushpin, el, options));
 
-      _this47.el.M_Pushpin = _this47;
+      _this45.el.M_Pushpin = _this45;
 
       /**
        * Options for the modal
        * @member Pushpin#options
        */
-      _this47.options = $.extend({}, Pushpin.defaults, options);
+      _this45.options = $.extend({}, Pushpin.defaults, options);
 
-      _this47.originalOffset = _this47.el.offsetTop;
-      Pushpin._pushpins.push(_this47);
-      _this47._setupEventHandlers();
-      _this47._updatePosition();
-      return _this47;
+      _this45.originalOffset = _this45.el.offsetTop;
+      Pushpin._pushpins.push(_this45);
+      _this45._setupEventHandlers();
+      _this45._updatePosition();
+      return _this45;
     }
 
     _createClass(Pushpin, [{
@@ -8747,9 +8871,9 @@ $jscomp.polyfill = function (e, r, p, m) {
     function FloatingActionButton(el, options) {
       _classCallCheck(this, FloatingActionButton);
 
-      var _this48 = _possibleConstructorReturn(this, (FloatingActionButton.__proto__ || Object.getPrototypeOf(FloatingActionButton)).call(this, FloatingActionButton, el, options));
+      var _this46 = _possibleConstructorReturn(this, (FloatingActionButton.__proto__ || Object.getPrototypeOf(FloatingActionButton)).call(this, FloatingActionButton, el, options));
 
-      _this48.el.M_FloatingActionButton = _this48;
+      _this46.el.M_FloatingActionButton = _this46;
 
       /**
        * Options for the fab
@@ -8758,28 +8882,28 @@ $jscomp.polyfill = function (e, r, p, m) {
        * @prop {Boolean} [hoverEnabled=true] - Enable hover vs click
        * @prop {Boolean} [toolbarEnabled=false] - Enable toolbar transition
        */
-      _this48.options = $.extend({}, FloatingActionButton.defaults, options);
-
-      _this48.isOpen = false;
-      _this48.$anchor = _this48.$el.children('a').first();
-      _this48.$menu = _this48.$el.children('ul').first();
-      _this48.$floatingBtns = _this48.$el.find('ul .btn-floating');
-      _this48.$floatingBtnsReverse = _this48.$el.find('ul .btn-floating').reverse();
-      _this48.offsetY = 0;
-      _this48.offsetX = 0;
-
-      _this48.$el.addClass("direction-" + _this48.options.direction);
-      if (_this48.options.direction === 'top') {
-        _this48.offsetY = 40;
-      } else if (_this48.options.direction === 'right') {
-        _this48.offsetX = -40;
-      } else if (_this48.options.direction === 'bottom') {
-        _this48.offsetY = -40;
+      _this46.options = $.extend({}, FloatingActionButton.defaults, options);
+
+      _this46.isOpen = false;
+      _this46.$anchor = _this46.$el.children('a').first();
+      _this46.$menu = _this46.$el.children('ul').first();
+      _this46.$floatingBtns = _this46.$el.find('ul .btn-floating');
+      _this46.$floatingBtnsReverse = _this46.$el.find('ul .btn-floating').reverse();
+      _this46.offsetY = 0;
+      _this46.offsetX = 0;
+
+      _this46.$el.addClass("direction-" + _this46.options.direction);
+      if (_this46.options.direction === 'top') {
+        _this46.offsetY = 40;
+      } else if (_this46.options.direction === 'right') {
+        _this46.offsetX = -40;
+      } else if (_this46.options.direction === 'bottom') {
+        _this46.offsetY = -40;
       } else {
-        _this48.offsetX = 40;
+        _this46.offsetX = 40;
       }
-      _this48._setupEventHandlers();
-      return _this48;
+      _this46._setupEventHandlers();
+      return _this46;
     }
 
     _createClass(FloatingActionButton, [{
@@ -8902,7 +9026,7 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_animateInFAB",
       value: function _animateInFAB() {
-        var _this49 = this;
+        var _this47 = this;
 
         this.$el.addClass('active');
 
@@ -8912,8 +9036,8 @@ $jscomp.polyfill = function (e, r, p, m) {
             targets: el,
             opacity: 1,
             scale: [0.4, 1],
-            translateY: [_this49.offsetY, 0],
-            translateX: [_this49.offsetX, 0],
+            translateY: [_this47.offsetY, 0],
+            translateX: [_this47.offsetX, 0],
             duration: 275,
             delay: time,
             easing: 'easeInOutQuad'
@@ -8929,7 +9053,7 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_animateOutFAB",
       value: function _animateOutFAB() {
-        var _this50 = this;
+        var _this48 = this;
 
         this.$floatingBtnsReverse.each(function (el) {
           anim.remove(el);
@@ -8937,12 +9061,12 @@ $jscomp.polyfill = function (e, r, p, m) {
             targets: el,
             opacity: 0,
             scale: 0.4,
-            translateY: _this50.offsetY,
-            translateX: _this50.offsetX,
+            translateY: _this48.offsetY,
+            translateX: _this48.offsetX,
             duration: 175,
             easing: 'easeOutQuad',
             complete: function () {
-              _this50.$el.removeClass('active');
+              _this48.$el.removeClass('active');
             }
           });
         });
@@ -8955,7 +9079,7 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_animateInToolbar",
       value: function _animateInToolbar() {
-        var _this51 = this;
+        var _this49 = this;
 
         var scaleFactor = void 0;
         var windowWidth = window.innerWidth;
@@ -8991,18 +9115,18 @@ $jscomp.polyfill = function (e, r, p, m) {
         });
 
         setTimeout(function () {
-          _this51.$el.css({
+          _this49.$el.css({
             transform: '',
             transition: 'transform .2s cubic-bezier(0.550, 0.085, 0.680, 0.530), background-color 0s linear .2s'
           });
-          _this51.$anchor.css({
+          _this49.$anchor.css({
             overflow: 'visible',
             transform: '',
             transition: 'transform .2s'
           });
 
           setTimeout(function () {
-            _this51.$el.css({
+            _this49.$el.css({
               overflow: 'hidden',
               'background-color': fabColor
             });
@@ -9010,14 +9134,14 @@ $jscomp.polyfill = function (e, r, p, m) {
               transform: 'scale(' + scaleFactor + ')',
               transition: 'transform .2s cubic-bezier(0.550, 0.055, 0.675, 0.190)'
             });
-            _this51.$menu.children('li').children('a').css({
+            _this49.$menu.children('li').children('a').css({
               opacity: 1
             });
 
             // Scroll to close.
-            _this51._handleDocumentClickBound = _this51._handleDocumentClick.bind(_this51);
-            window.addEventListener('scroll', _this51._handleCloseBound, true);
-            document.body.addEventListener('click', _this51._handleDocumentClickBound, true);
+            _this49._handleDocumentClickBound = _this49._handleDocumentClick.bind(_this49);
+            window.addEventListener('scroll', _this49._handleCloseBound, true);
+            document.body.addEventListener('click', _this49._handleDocumentClickBound, true);
           }, 100);
         }, 0);
       }
@@ -9029,7 +9153,7 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_animateOutToolbar",
       value: function _animateOutToolbar() {
-        var _this52 = this;
+        var _this50 = this;
 
         var windowWidth = window.innerWidth;
         var windowHeight = window.innerHeight;
@@ -9060,26 +9184,26 @@ $jscomp.polyfill = function (e, r, p, m) {
           backdrop.remove();
 
           // Set initial state.
-          _this52.$el.css({
+          _this50.$el.css({
             'text-align': '',
             width: '',
             bottom: '',
             left: '',
             overflow: '',
             'background-color': '',
-            transform: 'translate3d(' + -_this52.offsetX + 'px,0,0)'
+            transform: 'translate3d(' + -_this50.offsetX + 'px,0,0)'
           });
-          _this52.$anchor.css({
+          _this50.$anchor.css({
             overflow: '',
-            transform: 'translate3d(0,' + _this52.offsetY + 'px,0)'
+            transform: 'translate3d(0,' + _this50.offsetY + 'px,0)'
           });
 
           setTimeout(function () {
-            _this52.$el.css({
+            _this50.$el.css({
               transform: 'translate3d(0,0,0)',
               transition: 'transform .2s'
             });
-            _this52.$anchor.css({
+            _this50.$anchor.css({
               transform: 'translate3d(0,0,0)',
               transition: 'transform .2s cubic-bezier(0.550, 0.055, 0.675, 0.190)'
             });
@@ -9216,51 +9340,51 @@ $jscomp.polyfill = function (e, r, p, m) {
     function Datepicker(el, options) {
       _classCallCheck(this, Datepicker);
 
-      var _this53 = _possibleConstructorReturn(this, (Datepicker.__proto__ || Object.getPrototypeOf(Datepicker)).call(this, Datepicker, el, options));
+      var _this51 = _possibleConstructorReturn(this, (Datepicker.__proto__ || Object.getPrototypeOf(Datepicker)).call(this, Datepicker, el, options));
 
-      _this53.el.M_Datepicker = _this53;
+      _this51.el.M_Datepicker = _this51;
 
-      _this53.options = $.extend({}, Datepicker.defaults, options);
+      _this51.options = $.extend({}, Datepicker.defaults, options);
 
       // make sure i18n defaults are not lost when only few i18n option properties are passed
       if (!!options && options.hasOwnProperty('i18n') && typeof options.i18n === 'object') {
-        _this53.options.i18n = $.extend({}, Datepicker.defaults.i18n, options.i18n);
+        _this51.options.i18n = $.extend({}, Datepicker.defaults.i18n, options.i18n);
       }
 
       // Remove time component from minDate and maxDate options
-      if (_this53.options.minDate) _this53.options.minDate.setHours(0, 0, 0, 0);
-      if (_this53.options.maxDate) _this53.options.maxDate.setHours(0, 0, 0, 0);
+      if (_this51.options.minDate) _this51.options.minDate.setHours(0, 0, 0, 0);
+      if (_this51.options.maxDate) _this51.options.maxDate.setHours(0, 0, 0, 0);
 
-      _this53.id = M.guid();
+      _this51.id = M.guid();
 
-      _this53._setupVariables();
-      _this53._insertHTMLIntoDOM();
-      _this53._setupModal();
+      _this51._setupVariables();
+      _this51._insertHTMLIntoDOM();
+      _this51._setupModal();
 
-      _this53._setupEventHandlers();
+      _this51._setupEventHandlers();
 
-      if (!_this53.options.defaultDate) {
-        _this53.options.defaultDate = new Date(Date.parse(_this53.el.value));
+      if (!_this51.options.defaultDate) {
+        _this51.options.defaultDate = new Date(Date.parse(_this51.el.value));
       }
 
-      var defDate = _this53.options.defaultDate;
+      var defDate = _this51.options.defaultDate;
       if (Datepicker._isDate(defDate)) {
-        if (_this53.options.setDefaultDate) {
-          _this53.setDate(defDate, true);
-          _this53.setInputValue();
+        if (_this51.options.setDefaultDate) {
+          _this51.setDate(defDate, true);
+          _this51.setInputValue();
         } else {
-          _this53.gotoDate(defDate);
+          _this51.gotoDate(defDate);
         }
       } else {
-        _this53.gotoDate(new Date());
+        _this51.gotoDate(new Date());
       }
 
       /**
        * Describes open/close state of datepicker
        * @type {Boolean}
        */
-      _this53.isOpen = false;
-      return _this53;
+      _this51.isOpen = false;
+      return _this51;
     }
 
     _createClass(Datepicker, [{
@@ -9311,19 +9435,19 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_setupModal",
       value: function _setupModal() {
-        var _this54 = this;
+        var _this52 = this;
 
         this.modalEl.id = 'modal-' + this.id;
         this.modal = M.Modal.init(this.modalEl, {
           onCloseEnd: function () {
-            _this54.isOpen = false;
+            _this52.isOpen = false;
           }
         });
       }
     }, {
       key: "toString",
       value: function toString(format) {
-        var _this55 = this;
+        var _this53 = this;
 
         format = format || this.options.format;
         if (typeof format === 'function') {
@@ -9336,8 +9460,8 @@ $jscomp.polyfill = function (e, r, p, m) {
 
         var formatArray = format.split(/(d{1,4}|m{1,4}|y{4}|yy|!.)/g);
         var formattedDate = formatArray.map(function (label) {
-          if (_this55.formats[label]) {
-            return _this55.formats[label]();
+          if (_this53.formats[label]) {
+            return _this53.formats[label]();
           }
 
           return label;
@@ -9761,7 +9885,7 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_setupVariables",
       value: function _setupVariables() {
-        var _this56 = this;
+        var _this54 = this;
 
         this.$modalEl = $(Datepicker._template);
         this.modalEl = this.$modalEl[0];
@@ -9778,36 +9902,36 @@ $jscomp.polyfill = function (e, r, p, m) {
 
         this.formats = {
           d: function () {
-            return _this56.date.getDate();
+            return _this54.date.getDate();
           },
           dd: function () {
-            var d = _this56.date.getDate();
+            var d = _this54.date.getDate();
             return (d < 10 ? '0' : '') + d;
           },
           ddd: function () {
-            return _this56.options.i18n.weekdaysShort[_this56.date.getDay()];
+            return _this54.options.i18n.weekdaysShort[_this54.date.getDay()];
           },
           dddd: function () {
-            return _this56.options.i18n.weekdays[_this56.date.getDay()];
+            return _this54.options.i18n.weekdays[_this54.date.getDay()];
           },
           m: function () {
-            return _this56.date.getMonth() + 1;
+            return _this54.date.getMonth() + 1;
           },
           mm: function () {
-            var m = _this56.date.getMonth() + 1;
+            var m = _this54.date.getMonth() + 1;
             return (m < 10 ? '0' : '') + m;
           },
           mmm: function () {
-            return _this56.options.i18n.monthsShort[_this56.date.getMonth()];
+            return _this54.options.i18n.monthsShort[_this54.date.getMonth()];
           },
           mmmm: function () {
-            return _this56.options.i18n.months[_this56.date.getMonth()];
+            return _this54.options.i18n.months[_this54.date.getMonth()];
           },
           yy: function () {
-            return ('' + _this56.date.getFullYear()).slice(2);
+            return ('' + _this54.date.getFullYear()).slice(2);
           },
           yyyy: function () {
-            return _this56.date.getFullYear();
+            return _this54.date.getFullYear();
           }
         };
       }
@@ -10096,21 +10220,21 @@ $jscomp.polyfill = function (e, r, p, m) {
     function Timepicker(el, options) {
       _classCallCheck(this, Timepicker);
 
-      var _this57 = _possibleConstructorReturn(this, (Timepicker.__proto__ || Object.getPrototypeOf(Timepicker)).call(this, Timepicker, el, options));
+      var _this55 = _possibleConstructorReturn(this, (Timepicker.__proto__ || Object.getPrototypeOf(Timepicker)).call(this, Timepicker, el, options));
 
-      _this57.el.M_Timepicker = _this57;
+      _this55.el.M_Timepicker = _this55;
 
-      _this57.options = $.extend({}, Timepicker.defaults, options);
+      _this55.options = $.extend({}, Timepicker.defaults, options);
 
-      _this57.id = M.guid();
-      _this57._insertHTMLIntoDOM();
-      _this57._setupModal();
-      _this57._setupVariables();
-      _this57._setupEventHandlers();
+      _this55.id = M.guid();
+      _this55._insertHTMLIntoDOM();
+      _this55._setupModal();
+      _this55._setupVariables();
+      _this55._setupEventHandlers();
 
-      _this57._clockSetup();
-      _this57._pickerSetup();
-      return _this57;
+      _this55._clockSetup();
+      _this55._pickerSetup();
+      return _this55;
     }
 
     _createClass(Timepicker, [{
@@ -10215,7 +10339,7 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_handleDocumentClickEnd",
       value: function _handleDocumentClickEnd(e) {
-        var _this58 = this;
+        var _this56 = this;
 
         e.preventDefault();
         document.removeEventListener('mouseup', this._handleDocumentClickEndBound);
@@ -10232,7 +10356,7 @@ $jscomp.polyfill = function (e, r, p, m) {
         } else if (this.options.autoClose) {
           $(this.minutesView).addClass('timepicker-dial-out');
           setTimeout(function () {
-            _this58.done();
+            _this56.done();
           }, this.options.duration / 2);
         }
 
@@ -10263,17 +10387,17 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_setupModal",
       value: function _setupModal() {
-        var _this59 = this;
+        var _this57 = this;
 
         this.modal = M.Modal.init(this.modalEl, {
           onOpenStart: this.options.onOpenStart,
           onOpenEnd: this.options.onOpenEnd,
           onCloseStart: this.options.onCloseStart,
           onCloseEnd: function () {
-            if (typeof _this59.options.onCloseEnd === 'function') {
-              _this59.options.onCloseEnd.call(_this59);
+            if (typeof _this57.options.onCloseEnd === 'function') {
+              _this57.options.onCloseEnd.call(_this57);
             }
-            _this59.isOpen = false;
+            _this57.isOpen = false;
           }
         });
       }
@@ -10559,7 +10683,7 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "setHand",
       value: function setHand(x, y, roundBy5) {
-        var _this60 = this;
+        var _this58 = this;
 
         var radian = Math.atan2(x, -y),
             isHours = this.currentView === 'hours',
@@ -10614,7 +10738,7 @@ $jscomp.polyfill = function (e, r, p, m) {
             if (!this.vibrateTimer) {
               navigator[this.vibrate](10);
               this.vibrateTimer = setTimeout(function () {
-                _this60.vibrateTimer = null;
+                _this58.vibrateTimer = null;
               }, 100);
             }
           }
@@ -10779,20 +10903,20 @@ $jscomp.polyfill = function (e, r, p, m) {
     function CharacterCounter(el, options) {
       _classCallCheck(this, CharacterCounter);
 
-      var _this61 = _possibleConstructorReturn(this, (CharacterCounter.__proto__ || Object.getPrototypeOf(CharacterCounter)).call(this, CharacterCounter, el, options));
+      var _this59 = _possibleConstructorReturn(this, (CharacterCounter.__proto__ || Object.getPrototypeOf(CharacterCounter)).call(this, CharacterCounter, el, options));
 
-      _this61.el.M_CharacterCounter = _this61;
+      _this59.el.M_CharacterCounter = _this59;
 
       /**
        * Options for the character counter
        */
-      _this61.options = $.extend({}, CharacterCounter.defaults, options);
+      _this59.options = $.extend({}, CharacterCounter.defaults, options);
 
-      _this61.isInvalid = false;
-      _this61.isValidLength = false;
-      _this61._setupCounter();
-      _this61._setupEventHandlers();
-      return _this61;
+      _this59.isInvalid = false;
+      _this59.isValidLength = false;
+      _this59._setupCounter();
+      _this59._setupEventHandlers();
+      return _this59;
     }
 
     _createClass(CharacterCounter, [{
@@ -10959,9 +11083,9 @@ $jscomp.polyfill = function (e, r, p, m) {
     function Carousel(el, options) {
       _classCallCheck(this, Carousel);
 
-      var _this62 = _possibleConstructorReturn(this, (Carousel.__proto__ || Object.getPrototypeOf(Carousel)).call(this, Carousel, el, options));
+      var _this60 = _possibleConstructorReturn(this, (Carousel.__proto__ || Object.getPrototypeOf(Carousel)).call(this, Carousel, el, options));
 
-      _this62.el.M_Carousel = _this62;
+      _this60.el.M_Carousel = _this60;
 
       /**
        * Options for the carousel
@@ -10976,38 +11100,38 @@ $jscomp.polyfill = function (e, r, p, m) {
        * @prop {Boolean} noWrap
        * @prop {Function} onCycleTo
        */
-      _this62.options = $.extend({}, Carousel.defaults, options);
+      _this60.options = $.extend({}, Carousel.defaults, options);
 
       // Setup
-      _this62.hasMultipleSlides = _this62.$el.find('.carousel-item').length > 1;
-      _this62.showIndicators = _this62.options.indicators && _this62.hasMultipleSlides;
-      _this62.noWrap = _this62.options.noWrap || !_this62.hasMultipleSlides;
-      _this62.pressed = false;
-      _this62.dragged = false;
-      _this62.offset = _this62.target = 0;
-      _this62.images = [];
-      _this62.itemWidth = _this62.$el.find('.carousel-item').first().innerWidth();
-      _this62.itemHeight = _this62.$el.find('.carousel-item').first().innerHeight();
-      _this62.dim = _this62.itemWidth * 2 + _this62.options.padding || 1; // Make sure dim is non zero for divisions.
-      _this62._autoScrollBound = _this62._autoScroll.bind(_this62);
-      _this62._trackBound = _this62._track.bind(_this62);
+      _this60.hasMultipleSlides = _this60.$el.find('.carousel-item').length > 1;
+      _this60.showIndicators = _this60.options.indicators && _this60.hasMultipleSlides;
+      _this60.noWrap = _this60.options.noWrap || !_this60.hasMultipleSlides;
+      _this60.pressed = false;
+      _this60.dragged = false;
+      _this60.offset = _this60.target = 0;
+      _this60.images = [];
+      _this60.itemWidth = _this60.$el.find('.carousel-item').first().innerWidth();
+      _this60.itemHeight = _this60.$el.find('.carousel-item').first().innerHeight();
+      _this60.dim = _this60.itemWidth * 2 + _this60.options.padding || 1; // Make sure dim is non zero for divisions.
+      _this60._autoScrollBound = _this60._autoScroll.bind(_this60);
+      _this60._trackBound = _this60._track.bind(_this60);
 
       // Full Width carousel setup
-      if (_this62.options.fullWidth) {
-        _this62.options.dist = 0;
-        _this62._setCarouselHeight();
+      if (_this60.options.fullWidth) {
+        _this60.options.dist = 0;
+        _this60._setCarouselHeight();
 
         // Offset fixed items when indicators.
-        if (_this62.showIndicators) {
-          _this62.$el.find('.carousel-fixed-item').addClass('with-indicators');
+        if (_this60.showIndicators) {
+          _this60.$el.find('.carousel-fixed-item').addClass('with-indicators');
         }
       }
 
       // Iterate through slides
-      _this62.$indicators = $('<ul class="indicators"></ul>');
-      _this62.$el.find('.carousel-item').each(function (el, i) {
-        _this62.images.push(el);
-        if (_this62.showIndicators) {
+      _this60.$indicators = $('<ul class="indicators"></ul>');
+      _this60.$el.find('.carousel-item').each(function (el, i) {
+        _this60.images.push(el);
+        if (_this60.showIndicators) {
           var $indicator = $('<li class="indicator-item"></li>');
 
           // Add active to first by default.
@@ -11015,31 +11139,31 @@ $jscomp.polyfill = function (e, r, p, m) {
             $indicator[0].classList.add('active');
           }
 
-          _this62.$indicators.append($indicator);
+          _this60.$indicators.append($indicator);
         }
       });
-      if (_this62.showIndicators) {
-        _this62.$el.append(_this62.$indicators);
+      if (_this60.showIndicators) {
+        _this60.$el.append(_this60.$indicators);
       }
-      _this62.count = _this62.images.length;
+      _this60.count = _this60.images.length;
 
       // Cap numVisible at count
-      _this62.options.numVisible = Math.min(_this62.count, _this62.options.numVisible);
+      _this60.options.numVisible = Math.min(_this60.count, _this60.options.numVisible);
 
       // Setup cross browser string
-      _this62.xform = 'transform';
+      _this60.xform = 'transform';
       ['webkit', 'Moz', 'O', 'ms'].every(function (prefix) {
         var e = prefix + 'Transform';
         if (typeof document.body.style[e] !== 'undefined') {
-          _this62.xform = e;
+          _this60.xform = e;
           return false;
         }
         return true;
       });
 
-      _this62._setupEventHandlers();
-      _this62._scroll(_this62.offset);
-      return _this62;
+      _this60._setupEventHandlers();
+      _this60._scroll(_this60.offset);
+      return _this60;
     }
 
     _createClass(Carousel, [{
@@ -11061,7 +11185,7 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_setupEventHandlers",
       value: function _setupEventHandlers() {
-        var _this63 = this;
+        var _this61 = this;
 
         this._handleCarouselTapBound = this._handleCarouselTap.bind(this);
         this._handleCarouselDragBound = this._handleCarouselDrag.bind(this);
@@ -11083,7 +11207,7 @@ $jscomp.polyfill = function (e, r, p, m) {
         if (this.showIndicators && this.$indicators) {
           this._handleIndicatorClickBound = this._handleIndicatorClick.bind(this);
           this.$indicators.find('.indicator-item').each(function (el, i) {
-            el.addEventListener('click', _this63._handleIndicatorClickBound);
+            el.addEventListener('click', _this61._handleIndicatorClickBound);
           });
         }
 
@@ -11101,7 +11225,7 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_removeEventHandlers",
       value: function _removeEventHandlers() {
-        var _this64 = this;
+        var _this62 = this;
 
         if (typeof window.ontouchstart !== 'undefined') {
           this.el.removeEventListener('touchstart', this._handleCarouselTapBound);
@@ -11116,7 +11240,7 @@ $jscomp.polyfill = function (e, r, p, m) {
 
         if (this.showIndicators && this.$indicators) {
           this.$indicators.find('.indicator-item').each(function (el, i) {
-            el.removeEventListener('click', _this64._handleIndicatorClickBound);
+            el.removeEventListener('click', _this62._handleIndicatorClickBound);
           });
         }
 
@@ -11313,7 +11437,7 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_setCarouselHeight",
       value: function _setCarouselHeight(imageOnly) {
-        var _this65 = this;
+        var _this63 = this;
 
         var firstSlide = this.$el.find('.carousel-item.active').length ? this.$el.find('.carousel-item.active').first() : this.$el.find('.carousel-item').first();
         var firstImage = firstSlide.find('img').first();
@@ -11333,7 +11457,7 @@ $jscomp.polyfill = function (e, r, p, m) {
           } else {
             // Get height when image is loaded normally
             firstImage.one('load', function (el, i) {
-              _this65.$el.css('height', el.offsetHeight + 'px');
+              _this63.$el.css('height', el.offsetHeight + 'px');
             });
           }
         } else if (!imageOnly) {
@@ -11439,7 +11563,7 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_scroll",
       value: function _scroll(x) {
-        var _this66 = this;
+        var _this64 = this;
 
         // Track scrolling state
         if (!this.$el.hasClass('scrolling')) {
@@ -11449,7 +11573,7 @@ $jscomp.polyfill = function (e, r, p, m) {
           window.clearTimeout(this.scrollingTimeout);
         }
         this.scrollingTimeout = window.setTimeout(function () {
-          _this66.$el.removeClass('scrolling');
+          _this64.$el.removeClass('scrolling');
         }, this.options.duration);
 
         // Start actual scroll
@@ -11750,9 +11874,9 @@ $jscomp.polyfill = function (e, r, p, m) {
     function TapTarget(el, options) {
       _classCallCheck(this, TapTarget);
 
-      var _this67 = _possibleConstructorReturn(this, (TapTarget.__proto__ || Object.getPrototypeOf(TapTarget)).call(this, TapTarget, el, options));
+      var _this65 = _possibleConstructorReturn(this, (TapTarget.__proto__ || Object.getPrototypeOf(TapTarget)).call(this, TapTarget, el, options));
 
-      _this67.el.M_TapTarget = _this67;
+      _this65.el.M_TapTarget = _this65;
 
       /**
        * Options for the select
@@ -11760,17 +11884,17 @@ $jscomp.polyfill = function (e, r, p, m) {
        * @prop {Function} onOpen - Callback function called when feature discovery is opened
        * @prop {Function} onClose - Callback function called when feature discovery is closed
        */
-      _this67.options = $.extend({}, TapTarget.defaults, options);
+      _this65.options = $.extend({}, TapTarget.defaults, options);
 
-      _this67.isOpen = false;
+      _this65.isOpen = false;
 
       // setup
-      _this67.$origin = $('#' + _this67.$el.attr('data-target'));
-      _this67._setup();
+      _this65.$origin = $('#' + _this65.$el.attr('data-target'));
+      _this65._setup();
 
-      _this67._calculatePositioning();
-      _this67._setupEventHandlers();
-      return _this67;
+      _this65._calculatePositioning();
+      _this65._setupEventHandlers();
+      return _this65;
     }
 
     _createClass(TapTarget, [{
@@ -12094,19 +12218,19 @@ $jscomp.polyfill = function (e, r, p, m) {
     function FormSelect(el, options) {
       _classCallCheck(this, FormSelect);
 
-      var _this68 = _possibleConstructorReturn(this, (FormSelect.__proto__ || Object.getPrototypeOf(FormSelect)).call(this, FormSelect, el, options));
-
-      if (_this68.$el.hasClass('browser-default')) return _possibleConstructorReturn(_this68);
-      _this68.el.M_FormSelect = _this68;
-      _this68.options = $.extend({}, FormSelect.defaults, options);
-      _this68.isMultiple = _this68.$el.prop('multiple');
-      _this68.el.tabIndex = -1;
-      _this68._values = [];
-      _this68.labelEl = null;
-      _this68._labelFor = false;
-      _this68._setupDropdown();
-      _this68._setupEventHandlers();
-      return _this68;
+      var _this66 = _possibleConstructorReturn(this, (FormSelect.__proto__ || Object.getPrototypeOf(FormSelect)).call(this, FormSelect, el, options));
+
+      if (_this66.$el.hasClass('browser-default')) return _possibleConstructorReturn(_this66);
+      _this66.el.M_FormSelect = _this66;
+      _this66.options = $.extend({}, FormSelect.defaults, options);
+      _this66.isMultiple = _this66.$el.prop('multiple');
+      _this66.el.tabIndex = -1;
+      _this66._values = [];
+      _this66.labelEl = null;
+      _this66._labelFor = false;
+      _this66._setupDropdown();
+      _this66._setupEventHandlers();
+      return _this66;
     }
 
     _createClass(FormSelect, [{
@@ -12121,15 +12245,15 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_setupEventHandlers",
       value: function _setupEventHandlers() {
-        var _this69 = this;
+        var _this67 = 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', _this69._handleOptionClickBound);
+          el.addEventListener('click', _this67._handleOptionClickBound);
           el.addEventListener('keydown', function (e) {
-            if (e.key === " " || e.key === "Enter") _this69._handleOptionClickBound(e);
+            if (e.key === " " || e.key === "Enter") _this67._handleOptionClickBound(e);
           });
         });
         this.el.addEventListener('change', this._handleSelectChangeBound);
@@ -12138,10 +12262,10 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_removeEventHandlers",
       value: function _removeEventHandlers() {
-        var _this70 = this;
+        var _this68 = this;
 
         $(this.dropdownOptions).find('li:not(.optgroup)').each(function (el) {
-          el.removeEventListener('click', _this70._handleOptionClickBound);
+          el.removeEventListener('click', _this68._handleOptionClickBound);
         });
         this.el.removeEventListener('change', this._handleSelectChangeBound);
         this.input.removeEventListener('click', this._handleInputClickBound);
@@ -12205,7 +12329,7 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_setupDropdown",
       value: function _setupDropdown() {
-        var _this71 = this;
+        var _this69 = this;
 
         this.wrapper = document.createElement('div');
         $(this.wrapper).addClass('select-wrapper ' + this.options.classes);
@@ -12231,21 +12355,21 @@ $jscomp.polyfill = function (e, r, p, m) {
           this.$selectOptions.each(function (realOption) {
             if ($(realOption).is('option')) {
               // Option
-              var virtualOption = _this71._createAndAppendOptionWithIcon(realOption, _this71.isMultiple ? 'multiple' : undefined);
-              _this71._addOptionToValues(realOption, virtualOption);
+              var virtualOption = _this69._createAndAppendOptionWithIcon(realOption, _this69.isMultiple ? 'multiple' : undefined);
+              _this69._addOptionToValues(realOption, virtualOption);
             } else if ($(realOption).is('optgroup')) {
               // Optgroup
               var selectOptions = $(realOption).children('option');
               var lId = "opt-group-" + M.guid();
               var groupParent = $("<li class=\"optgroup\" role=\"group\" aria-labelledby=\"" + lId + "\" tabindex=\"-1\"><span id=\"" + lId + "\" role=\"presentation\">" + realOption.getAttribute('label') + "</span></li>")[0];
               var groupChildren = [];
-              $(_this71.dropdownOptions).append(groupParent);
+              $(_this69.dropdownOptions).append(groupParent);
               selectOptions.each(function (realOption) {
-                var virtualOption = _this71._createAndAppendOptionWithIcon(realOption, 'optgroup-option');
+                var virtualOption = _this69._createAndAppendOptionWithIcon(realOption, 'optgroup-option');
                 var cId = "opt-child-" + M.guid();
                 virtualOption.id = cId;
                 groupChildren.push(cId);
-                _this71._addOptionToValues(realOption, virtualOption);
+                _this69._addOptionToValues(realOption, virtualOption);
               });
               groupParent.setAttribute("aria-owns", groupChildren.join(" "));
             }
@@ -12317,31 +12441,31 @@ $jscomp.polyfill = function (e, r, p, m) {
           var userOnCloseEnd = dropdownOptions.onCloseEnd;
           // Add callback for centering selected option when dropdown content is scrollable
           dropdownOptions.onOpenEnd = function (el) {
-            var selectedOption = $(_this71.dropdownOptions).find('.selected').first();
+            var selectedOption = $(_this69.dropdownOptions).find('.selected').first();
             if (selectedOption.length) {
               // Focus selected option in dropdown
               M.keyDown = true;
-              _this71.dropdown.focusedIndex = selectedOption.index();
-              _this71.dropdown._focusFocusedItem();
+              _this69.dropdown.focusedIndex = selectedOption.index();
+              _this69.dropdown._focusFocusedItem();
               M.keyDown = false;
               // Handle scrolling to selected option
-              if (_this71.dropdown.isScrollable) {
-                var scrollOffset = selectedOption[0].getBoundingClientRect().top - _this71.dropdownOptions.getBoundingClientRect().top; // scroll to selected option
-                scrollOffset -= _this71.dropdownOptions.clientHeight / 2; // center in dropdown
-                _this71.dropdownOptions.scrollTop = scrollOffset;
+              if (_this69.dropdown.isScrollable) {
+                var scrollOffset = selectedOption[0].getBoundingClientRect().top - _this69.dropdownOptions.getBoundingClientRect().top; // scroll to selected option
+                scrollOffset -= _this69.dropdownOptions.clientHeight / 2; // center in dropdown
+                _this69.dropdownOptions.scrollTop = scrollOffset;
               }
             }
             // Sets "aria-expanded" to "true"
-            _this71.input.setAttribute("aria-expanded", true);
+            _this69.input.setAttribute("aria-expanded", true);
             // Handle user declared onOpenEnd if needed
-            if (userOnOpenEnd && typeof userOnOpenEnd === 'function') userOnOpenEnd.call(_this71.dropdown, _this71.el);
+            if (userOnOpenEnd && typeof userOnOpenEnd === 'function') userOnOpenEnd.call(_this69.dropdown, _this69.el);
           };
           // Add callback for reseting "expanded" state
           dropdownOptions.onCloseEnd = function (el) {
             // Sets "aria-expanded" to "false"
-            _this71.input.setAttribute("aria-expanded", false);
+            _this69.input.setAttribute("aria-expanded", false);
             // Handle user declared onOpenEnd if needed
-            if (userOnCloseEnd && typeof userOnCloseEnd === 'function') userOnCloseEnd.call(_this71.dropdown, _this71.el);
+            if (userOnCloseEnd && typeof userOnCloseEnd === 'function') userOnCloseEnd.call(_this69.dropdown, _this69.el);
           };
           // Prevent dropdown from closing too early
           dropdownOptions.closeOnClick = false;
@@ -12411,10 +12535,10 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_deselectAll",
       value: function _deselectAll() {
-        var _this72 = this;
+        var _this70 = this;
 
         this._values.forEach(function (value) {
-          _this72._deselectValue(value);
+          _this70._deselectValue(value);
         });
       }
     }, {
@@ -12461,13 +12585,13 @@ $jscomp.polyfill = function (e, r, p, m) {
     }, {
       key: "_setSelectedStates",
       value: function _setSelectedStates() {
-        var _this73 = this;
+        var _this71 = this;
 
         this._values.forEach(function (value) {
           var optionIsSelected = $(value.el).prop('selected');
           $(value.optionEl).find('input[type="checkbox"]').prop('checked', optionIsSelected);
           if (optionIsSelected) {
-            _this73._activateOption($(_this73.dropdownOptions), $(value.optionEl));
+            _this71._activateOption($(_this71.dropdownOptions), $(value.optionEl));
           } else {
             $(value.optionEl).removeClass('selected');
             $(value.optionEl).attr("aria-selected", false);
@@ -12536,23 +12660,23 @@ $jscomp.polyfill = function (e, r, p, m) {
     function Range(el, options) {
       _classCallCheck(this, Range);
 
-      var _this74 = _possibleConstructorReturn(this, (Range.__proto__ || Object.getPrototypeOf(Range)).call(this, Range, el, options));
+      var _this72 = _possibleConstructorReturn(this, (Range.__proto__ || Object.getPrototypeOf(Range)).call(this, Range, el, options));
 
-      _this74.el.M_Range = _this74;
+      _this72.el.M_Range = _this72;
 
       /**
        * Options for the range
        * @member Range#options
        */
-      _this74.options = $.extend({}, Range.defaults, options);
+      _this72.options = $.extend({}, Range.defaults, options);
 
-      _this74._mousedown = false;
+      _this72._mousedown = false;
 
       // Setup
-      _this74._setupThumb();
+      _this72._setupThumb();
 
-      _this74._setupEventHandlers();
-      return _this74;
+      _this72._setupEventHandlers();
+      return _this72;
     }
 
     _createClass(Range, [{