materialize-sass 1.0.0.beta → 1.0.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4755204505bc3a5591234d26b238680d84484c3f938769b3f91facb5a5d07271
-  data.tar.gz: 9d78d633753c4a7dc26a2f263de490b25eae9219e00612bd27d9dd96c1230641
+  metadata.gz: 399746b482a8e1e904d3bcb3b19687a53cfc6c733f53ea1b08a89654606e4418
+  data.tar.gz: a37994aac1585629354f79f2721dad29ef778582ec92554e326ea3f0c6c207d9
 SHA512:
-  metadata.gz: 2bce13964ed4bc9135583c28101ca1f1b97982a7bb1453bdcb9e056cc8bc4d69c32f28da44060387af99cfef922e536635b913e3d900b183be2258233284ceee
-  data.tar.gz: 455515535558551160a31c826d2fdec6c768b50ff59ee59cfc8e928d3eeb2ebeb17ac263d2f1eac739e61bea5f8e3ad73f9cace339b11344df1cbf1b9ee938a1
+  metadata.gz: 4bd6c2888e737a5efffa08a6fb1579c9c48366886c2bdda158a6c69f4a97e64938003711dd3a9b09b280d822d54caed541f6d3ad74d1b4e957987d930ec7388e
+  data.tar.gz: 16056cadcbcc50683ee48918cbddad10dad4e62f1da6e829d14c2a03edd98d50b8c7faa4c477514466f599cad3e6b86a1e6bfe95abdce7c3765206bc7bfeca4e

data/.gitattributes

@@ -0,0 +1 @@
+assets/* linguist-vendored

data/README.md

@@ -7,7 +7,7 @@ example: http://materialize.labs.my/
 source: https://github.com/mkhairi/materialize-rails
 
 # Notices
-This master branch now v1.0.0.beta
+This master branch now v1.0.0
 
 Documentation for previous releases (v0.100.*) are available [this branch.](https://github.com/mkhairi/materialize-sass/tree/v0.100)
 
@@ -16,7 +16,7 @@ Documentation for previous releases (v0.100.*) are available [this branch.](http
 In your Gemfile you need to add the `materialize-sass` gem:
 
 ```ruby
-gem 'materialize-sass', '~> 1.0.0.beta'
+gem 'materialize-sass', '~> 1.0.0'
 ```
 
 

data/Rakefile

@@ -45,7 +45,7 @@ namespace :javascripts do
   
 
   desc "Setup javascript assets"
-  task setup: [:clean, :copy, :copy_extras, :turbolinks_init]
+  task setup: [:clean, :copy, :copy_extras]
   #task setup: [:clean, :copy, :copy_extras]
 end
 

data/assets/javascripts/materialize/autocomplete.js

@@ -64,6 +64,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
       _this.oldVal;
       _this.$inputField = _this.$el.closest('.input-field');
       _this.$active = $();
+      _this._mousedown = false;
       _this._setupDropdown();
 
       _this._setupEventHandlers();
@@ -93,16 +94,21 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
         this._handleInputBlurBound = this._handleInputBlur.bind(this);
         this._handleInputKeyupAndFocusBound = this._handleInputKeyupAndFocus.bind(this);
         this._handleInputKeydownBound = this._handleInputKeydown.bind(this);
+        this._handleInputClickBound = this._handleInputClick.bind(this);
         this._handleContainerMousedownAndTouchstartBound = this._handleContainerMousedownAndTouchstart.bind(this);
+        this._handleContainerMouseupAndTouchendBound = this._handleContainerMouseupAndTouchend.bind(this);
 
         this.el.addEventListener('blur', this._handleInputBlurBound);
         this.el.addEventListener('keyup', this._handleInputKeyupAndFocusBound);
         this.el.addEventListener('focus', this._handleInputKeyupAndFocusBound);
         this.el.addEventListener('keydown', this._handleInputKeydownBound);
+        this.el.addEventListener('click', this._handleInputClickBound);
         this.container.addEventListener('mousedown', this._handleContainerMousedownAndTouchstartBound);
+        this.container.addEventListener('mouseup', this._handleContainerMouseupAndTouchendBound);
 
         if (typeof window.ontouchstart !== 'undefined') {
           this.container.addEventListener('touchstart', this._handleContainerMousedownAndTouchstartBound);
+          this.container.addEventListener('touchend', this._handleContainerMouseupAndTouchendBound);
         }
       }
 
@@ -117,10 +123,13 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
         this.el.removeEventListener('keyup', this._handleInputKeyupAndFocusBound);
         this.el.removeEventListener('focus', this._handleInputKeyupAndFocusBound);
         this.el.removeEventListener('keydown', this._handleInputKeydownBound);
+        this.el.removeEventListener('click', this._handleInputClickBound);
         this.container.removeEventListener('mousedown', this._handleContainerMousedownAndTouchstartBound);
+        this.container.removeEventListener('mouseup', this._handleContainerMouseupAndTouchendBound);
 
         if (typeof window.ontouchstart !== 'undefined') {
           this.container.removeEventListener('touchstart', this._handleContainerMousedownAndTouchstartBound);
+          this.container.removeEventListener('touchend', this._handleContainerMouseupAndTouchendBound);
         }
       }
 
@@ -131,6 +140,8 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
     }, {
       key: '_setupDropdown',
       value: function _setupDropdown() {
+        var _this2 = this;
+
         this.container = document.createElement('ul');
         this.container.id = 'autocomplete-options-' + M.guid();
         $(this.container).addClass('autocomplete-content dropdown-content');
@@ -140,7 +151,10 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
         this.dropdown = M.Dropdown.init(this.el, {
           autoFocus: false,
           closeOnClick: false,
-          coverTrigger: false
+          coverTrigger: false,
+          onItemClick: function (itemEl) {
+            _this2.selectOption($(itemEl));
+          }
         });
 
         // Sketchy removal of dropdown click handler
@@ -164,8 +178,10 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
     }, {
       key: '_handleInputBlur',
       value: function _handleInputBlur() {
-        this.dropdown.close();
-        this._resetAutocomplete();
+        if (!this._mousedown) {
+          this.close();
+          this._resetAutocomplete();
+        }
       }
 
       /**
@@ -176,8 +192,6 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
     }, {
       key: '_handleInputKeyupAndFocus',
       value: function _handleInputKeyupAndFocus(e) {
-        var _this2 = this;
-
         if (e.type === 'keyup') {
           Autocomplete._keydown = false;
         }
@@ -191,25 +205,9 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
         }
 
         // Check if the input isn't empty
-        if (this.oldVal !== val) {
-          this._resetAutocomplete();
-
-          if (val.length >= this.options.minLength) {
-            this.isOpen = true;
-            this._renderDropdown(this.options.data, val);
-          }
-
-          // Open dropdown
-          if (!this.dropdown.isOpen) {
-            // Timeout to prevent dropdown temp doc click handler from firing
-            setTimeout(function () {
-              _this2.dropdown.open();
-            }, 100);
-
-            // Recalculate dropdown when its already open
-          } else {
-            this.dropdown.recalculateDimensions();
-          }
+        // Check if focus triggered by tab
+        if (this.oldVal !== val && (M.tabPressed || e.type !== 'focus')) {
+          this.open();
         }
 
         // Update oldVal
@@ -232,7 +230,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
             numItems = $(this.container).children('li').length;
 
         // select element on Enter
-        if (keyCode === 13 && this.activeIndex >= 0) {
+        if (keyCode === M.keys.ENTER && this.activeIndex >= 0) {
           liElement = $(this.container).children('li').eq(this.activeIndex);
           if (liElement.length) {
             this.selectOption(liElement);
@@ -242,14 +240,14 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
         }
 
         // Capture up and down key
-        if (keyCode === 38 || keyCode === 40) {
+        if (keyCode === M.keys.ARROW_UP || keyCode === M.keys.ARROW_DOWN) {
           e.preventDefault();
 
-          if (keyCode === 38 && this.activeIndex > 0) {
+          if (keyCode === M.keys.ARROW_UP && this.activeIndex > 0) {
             this.activeIndex--;
           }
 
-          if (keyCode === 40 && this.activeIndex < numItems - 1) {
+          if (keyCode === M.keys.ARROW_DOWN && this.activeIndex < numItems - 1) {
             this.activeIndex++;
           }
 
@@ -261,6 +259,17 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
         }
       }
 
+      /**
+       * Handle Input Click
+       * @param {Event} e
+       */
+
+    }, {
+      key: '_handleInputClick',
+      value: function _handleInputClick(e) {
+        this.open();
+      }
+
       /**
        * Handle Container Mousedown and Touchstart
        * @param {Event} e
@@ -269,8 +278,18 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
     }, {
       key: '_handleContainerMousedownAndTouchstart',
       value: function _handleContainerMousedownAndTouchstart(e) {
-        var $autocompleteOption = $(e.target).closest('li');
-        this.selectOption($autocompleteOption);
+        this._mousedown = true;
+      }
+
+      /**
+       * Handle Container Mouseup and Touchend
+       * @param {Event} e
+       */
+
+    }, {
+      key: '_handleContainerMouseupAndTouchend',
+      value: function _handleContainerMouseupAndTouchend(e) {
+        this._mousedown = false;
       }
 
       /**
@@ -281,12 +300,12 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
       key: '_highlight',
       value: function _highlight(string, $el) {
         var img = $el.find('img');
-        var matchStart = $el.text().toLowerCase().indexOf("" + string.toLowerCase() + ""),
+        var matchStart = $el.text().toLowerCase().indexOf('' + string.toLowerCase() + ''),
             matchEnd = matchStart + string.length - 1,
             beforeMatch = $el.text().slice(0, matchStart),
             matchText = $el.text().slice(matchStart, matchEnd + 1),
             afterMatch = $el.text().slice(matchEnd + 1);
-        $el.html("<span>" + beforeMatch + "<span class='highlight'>" + matchText + "</span>" + afterMatch + "</span>");
+        $el.html('<span>' + beforeMatch + '<span class=\'highlight\'>' + matchText + '</span>' + afterMatch + '</span>');
         if (img.length) {
           $el.prepend(img);
         }
@@ -314,6 +333,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
         this._resetCurrentElement();
         this.oldVal = null;
         this.isOpen = false;
+        this._mousedown = false;
       }
 
       /**
@@ -328,7 +348,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
         this.el.value = text;
         this.$el.trigger('change');
         this._resetAutocomplete();
-        this.dropdown.close();
+        this.close();
 
         // Handle onAutocomplete callback.
         if (typeof this.options.onAutocomplete === 'function') {
@@ -370,10 +390,12 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
         }
 
         // Sort
-        var sortFunctionBound = function (a, b) {
-          return _this3.options.sortFunction(a.key.toLowerCase(), b.key.toLowerCase(), val.toLowerCase());
-        };
-        matchingData.sort(sortFunctionBound);
+        if (this.options.sortFunction) {
+          var sortFunctionBound = function (a, b) {
+            return _this3.options.sortFunction(a.key.toLowerCase(), b.key.toLowerCase(), val.toLowerCase());
+          };
+          matchingData.sort(sortFunctionBound);
+        }
 
         // Render
         for (var i = 0; i < matchingData.length; i++) {
@@ -390,6 +412,41 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
         }
       }
 
+      /**
+       * Open Autocomplete Dropdown
+       */
+
+    }, {
+      key: 'open',
+      value: function open() {
+        var val = this.el.value.toLowerCase();
+
+        this._resetAutocomplete();
+
+        if (val.length >= this.options.minLength) {
+          this.isOpen = true;
+          this._renderDropdown(this.options.data, val);
+        }
+
+        // Open dropdown
+        if (!this.dropdown.isOpen) {
+          this.dropdown.open();
+        } else {
+          // Recalculate dropdown when its already open
+          this.dropdown.recalculateDimensions();
+        }
+      }
+
+      /**
+       * Close Autocomplete Dropdown
+       */
+
+    }, {
+      key: 'close',
+      value: function close() {
+        this.dropdown.close();
+      }
+
       /**
        * Update Data
        * @param {Object} data

data/assets/javascripts/materialize/buttons.js

@@ -56,17 +56,15 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
       _this.$floatingBtnsReverse = _this.$el.find('ul .btn-floating').reverse();
       _this.offsetY = 0;
       _this.offsetX = 0;
+
+      _this.$el.addClass('direction-' + _this.options.direction);
       if (_this.options.direction === 'top') {
-        _this.$el.addClass('direction-top');
         _this.offsetY = 40;
       } else if (_this.options.direction === 'right') {
-        _this.$el.addClass('direction-right');
         _this.offsetX = -40;
       } else if (_this.options.direction === 'bottom') {
-        _this.$el.addClass('direction-bottom');
         _this.offsetY = -40;
       } else {
-        _this.$el.addClass('direction-left');
         _this.offsetX = 40;
       }
       _this._setupEventHandlers();
@@ -202,7 +200,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
           anim({
             targets: el,
             opacity: 1,
-            scale: [.4, 1],
+            scale: [0.4, 1],
             translateY: [_this2.offsetY, 0],
             translateX: [_this2.offsetX, 0],
             duration: 275,
@@ -227,7 +225,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
           anim({
             targets: el,
             opacity: 0,
-            scale: .4,
+            scale: 0.4,
             translateY: _this3.offsetY,
             translateX: _this3.offsetX,
             duration: 175,

data/assets/javascripts/materialize/carousel.js

@@ -572,7 +572,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
             this.$el.find('.carousel-item').removeClass('active');
             el.classList.add('active');
           }
-          var transformString = alignment + ' translateX(' + -delta / 2 + 'px)' + ' translateX(' + dir * this.options.shift * tween * i + 'px)' + ' translateZ(' + this.options.dist * tween + 'px)';
+          var transformString = alignment + ' translateX(' + -delta / 2 + 'px) translateX(' + dir * this.options.shift * tween * i + 'px) translateZ(' + this.options.dist * tween + 'px)';
           this._updateItemStyle(el, centerTweenedOpacity, 0, transformString);
         }
 
@@ -588,7 +588,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
           // Don't show wrapped items.
           if (!this.noWrap || this.center + i < this.count) {
             el = this.images[this._wrap(this.center + i)];
-            var _transformString = alignment + ' translateX(' + (this.options.shift + (this.dim * i - delta) / 2) + 'px)' + ' translateZ(' + zTranslation + 'px)';
+            var _transformString = alignment + ' translateX(' + (this.options.shift + (this.dim * i - delta) / 2) + 'px) translateZ(' + zTranslation + 'px)';
             this._updateItemStyle(el, tweenedOpacity, -i, _transformString);
           }
 
@@ -603,7 +603,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
           // Don't show wrapped items.
           if (!this.noWrap || this.center - i >= 0) {
             el = this.images[this._wrap(this.center - i)];
-            var _transformString2 = alignment + ' translateX(' + (-this.options.shift + (-this.dim * i - delta) / 2) + 'px)' + ' translateZ(' + zTranslation + 'px)';
+            var _transformString2 = alignment + ' translateX(' + (-this.options.shift + (-this.dim * i - delta) / 2) + 'px) translateZ(' + zTranslation + 'px)';
             this._updateItemStyle(el, tweenedOpacity, -i, _transformString2);
           }
         }
@@ -612,18 +612,18 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
         // Don't show wrapped items.
         if (!this.noWrap || this.center >= 0 && this.center < this.count) {
           el = this.images[this._wrap(this.center)];
-          var _transformString3 = alignment + ' translateX(' + -delta / 2 + 'px)' + ' translateX(' + dir * this.options.shift * tween + 'px)' + ' translateZ(' + this.options.dist * tween + 'px)';
+          var _transformString3 = alignment + ' translateX(' + -delta / 2 + 'px) translateX(' + dir * this.options.shift * tween + 'px) translateZ(' + this.options.dist * tween + 'px)';
           this._updateItemStyle(el, centerTweenedOpacity, 0, _transformString3);
         }
 
         // onCycleTo callback
         var $currItem = this.$el.find('.carousel-item').eq(this._wrap(this.center));
-        if (lastCenter !== this.center && typeof this.options.onCycleTo === "function") {
+        if (lastCenter !== this.center && typeof this.options.onCycleTo === 'function') {
           this.options.onCycleTo.call(this, $currItem[0], this.dragged);
         }
 
         // One time callback
-        if (typeof this.oneTimeCallback === "function") {
+        if (typeof this.oneTimeCallback === 'function') {
           this.oneTimeCallback.call(this, $currItem[0], this.dragged);
           this.oneTimeCallback = null;
         }
@@ -681,7 +681,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
         }
 
         // Set one time callback
-        if (typeof callback === "function") {
+        if (typeof callback === 'function') {
           this.oneTimeCallback = callback;
         }
 
@@ -706,7 +706,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
         }
 
         var index = this.center + n;
-        if (index > this.count || index < 0) {
+        if (index >= this.count || index < 0) {
           if (this.noWrap) {
             return;
           }
@@ -729,7 +729,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
         }
 
         var index = this.center - n;
-        if (index > this.count || index < 0) {
+        if (index >= this.count || index < 0) {
           if (this.noWrap) {
             return;
           }

data/assets/javascripts/materialize/chips.js

@@ -325,7 +325,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
       value: function _setupLabel() {
         this.$label = this.$el.find('label');
         if (this.$label.length) {
-          this.$label.setAttribute('for', this.$input.attr('id'));
+          this.$label[0].setAttribute('for', this.$input.attr('id'));
         }
       }
 
@@ -551,7 +551,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
     M.initializeJqueryWrapper(Chips, 'chips', 'M_Chips');
   }
 
-  $(document).on('ready turbolinks:load', function () {
+  $(document).ready(function () {
     // Handle removal of static chips.
     $(document.body).on('click', '.chip .close', function () {
       var $chips = $(this).closest('.chips');

data/assets/javascripts/materialize/collapsible.js

@@ -109,7 +109,12 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
     }, {
       key: '_removeEventHandlers',
       value: function _removeEventHandlers() {
+        var _this3 = this;
+
         this.el.removeEventListener('click', this._handleCollapsibleClickBound);
+        this.$headers.each(function (header) {
+          header.removeEventListener('keydown', _this3._handleCollapsibleKeydownBound);
+        });
       }
 
       /**
@@ -159,7 +164,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
     }, {
       key: '_animateIn',
       value: function _animateIn(index) {
-        var _this3 = this;
+        var _this4 = this;
 
         var $collapsibleLi = this.$el.children('li').eq(index);
         if ($collapsibleLi.length) {
@@ -198,8 +203,8 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
               });
 
               // onOpenEnd callback
-              if (typeof _this3.options.onOpenEnd === 'function') {
-                _this3.options.onOpenEnd.call(_this3, $collapsibleLi[0]);
+              if (typeof _this4.options.onOpenEnd === 'function') {
+                _this4.options.onOpenEnd.call(_this4, $collapsibleLi[0]);
               }
             }
           });
@@ -214,7 +219,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
     }, {
       key: '_animateOut',
       value: function _animateOut(index) {
-        var _this4 = this;
+        var _this5 = this;
 
         var $collapsibleLi = this.$el.children('li').eq(index);
         if ($collapsibleLi.length) {
@@ -237,8 +242,8 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
               });
 
               // onCloseEnd callback
-              if (typeof _this4.options.onCloseEnd === 'function') {
-                _this4.options.onCloseEnd.call(_this4, $collapsibleLi[0]);
+              if (typeof _this5.options.onCloseEnd === 'function') {
+                _this5.options.onCloseEnd.call(_this5, $collapsibleLi[0]);
               }
             }
           });
@@ -253,11 +258,10 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
     }, {
       key: 'open',
       value: function open(index) {
-        var _this5 = this;
+        var _this6 = this;
 
         var $collapsibleLi = this.$el.children('li').eq(index);
         if ($collapsibleLi.length && !$collapsibleLi[0].classList.contains('active')) {
-
           // onOpenStart callback
           if (typeof this.options.onOpenStart === 'function') {
             this.options.onOpenStart.call(this, $collapsibleLi[0]);
@@ -269,7 +273,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
             var $activeLis = this.$el.children('li.active');
             $activeLis.each(function (el) {
               var index = $collapsibleLis.index($(el));
-              _this5.close(index);
+              _this6.close(index);
             });
           }
 
@@ -289,7 +293,6 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
       value: function close(index) {
         var $collapsibleLi = this.$el.children('li').eq(index);
         if ($collapsibleLi.length && $collapsibleLi[0].classList.contains('active')) {
-
           // onCloseStart callback
           if (typeof this.options.onCloseStart === 'function') {
             this.options.onCloseStart.call(this, $collapsibleLi[0]);