materialize-sass 0.100.1 → 0.100.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 909c1e705689230bd0b131fd9486777a860cae9f
-  data.tar.gz: 2580fa42ad45bf57ca36f57b3abd5872ffa842e8
+  metadata.gz: fa8a185b81744d053db988d54ab4d2d3b6e907e9
+  data.tar.gz: 59b6ba621bd649d2c0605f662cf811cf9792cbc9
 SHA512:
-  metadata.gz: ad75e1e31c867f7b4d12b1c8895c3e3436c01d5d4528fb1a490fce346ba8129d820ef954f6daf1c7ff04b2422cfbaed753dfd1b21e25f932d4aa9181940855a9
-  data.tar.gz: 67b26fda59c775fa4257692e973dd6e20272bc66080e4451694d8ce2ef5637fa20a056a28dd9e93b7a0d048849e129e31dea5da096b2d0354ac955c872c0000a
+  metadata.gz: a8c2afd7ab1e16f220698776cadbd85b4570be9ac74348d5a44726c7e4e76e6c9d60ebc87d3eb7241e11658af95ce5853168e23e326caecb15ad7ed50a07ba28
+  data.tar.gz: 7e61d32309d25d349c5fbc6bfc29a5fb6974155b02cf7c2514a869750000d8d860d7c8842d50540a08fddca60062d78a6bd1dec824279261e3a94be6debe64b3

data/README.md

@@ -2,7 +2,9 @@
 
 `materialize-sass` is a Sass powered version of [Materialize](http://materializecss.com), a modern responsive front-end framework based on Material Design.
 
-example: http://materialize.labs.my/
+example: http://materialize.labs.my/ 
+
+source: https://github.com/mkhairi/materialize-rails
 
 ## Dependencies
 

data/Rakefile

@@ -9,9 +9,9 @@ namespace :javascripts do
    rm_rf "app/assets/javascripts/materialize"
   end
   
-  desc "Copy #{source_dir}/dist/js/src"
+  desc "Copy #{source_dir}/dist/src/js"
   task :copy do
-    src_dir = "#{source_dir}/dist/js/src/."
+    src_dir = "#{source_dir}/dist/src/js/."
     tgt_dir = "app/assets/javascripts/materialize/"
     mkdir_p tgt_dir
     cp_r src_dir, tgt_dir

data/app/assets/javascripts/materialize.js

@@ -1,5 +1,5 @@
 /*!
- * Materialize v0.100.1 (http://materializecss.com)
+ * Materialize v0.100.2 (http://materializecss.com)
  * Copyright 2014-2017 Materialize
  * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
  */
@@ -9,7 +9,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 // Check for jQuery.
 if (typeof jQuery === 'undefined') {
-  var jQuery;
   // Check if require is a defined function.
   if (typeof require === 'function') {
     jQuery = $ = require('jquery');
@@ -1258,6 +1257,13 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
   }
 })(window);
 
+if (typeof exports !== 'undefined' && !exports.nodeType) {
+  if (typeof module !== 'undefined' && !module.nodeType && module.exports) {
+    exports = module.exports = Materialize;
+  }
+  exports.default = Materialize;
+}
+
 /*
  * raf.js
  * https://github.com/ngryman/raf.js
@@ -1406,6 +1412,12 @@ if (jQuery) {
 } else {
   Vel = Velocity;
 }
+
+if (Vel) {
+  Materialize.Vel = Vel;
+} else {
+  Materialize.Vel = Velocity;
+}
 ;(function ($) {
   $.fn.collapsible = function (options, methodParam) {
     var defaults = {
@@ -1840,7 +1852,7 @@ if (jQuery) {
     $('.dropdown-button').dropdown();
   });
 })(jQuery);
-;(function ($) {
+;(function ($, Vel) {
   'use strict';
 
   var _defaults = {
@@ -1950,7 +1962,7 @@ if (jQuery) {
         this.handleModalCloseClickBound = this.handleModalCloseClick.bind(this);
 
         if (Modal._count === 1) {
-          document.addEventListener('click', this.handleTriggerClick);
+          document.body.addEventListener('click', this.handleTriggerClick);
         }
         this.$overlay[0].addEventListener('click', this.handleOverlayClickBound);
         this.$el[0].addEventListener('click', this.handleModalCloseClickBound);
@@ -1964,7 +1976,7 @@ if (jQuery) {
       key: 'removeEventHandlers',
       value: function removeEventHandlers() {
         if (Modal._count === 0) {
-          document.removeEventListener('click', this.handleTriggerClick);
+          document.body.removeEventListener('click', this.handleTriggerClick);
         }
         this.$overlay[0].removeEventListener('click', this.handleOverlayClickBound);
         this.$el[0].removeEventListener('click', this.handleModalCloseClickBound);
@@ -2105,7 +2117,7 @@ if (jQuery) {
             if (typeof _this2.options.complete === 'function') {
               _this2.options.complete.call(_this2, _this2.$el);
             }
-            _this2.$overlay[0].remove();
+            _this2.$overlay[0].parentNode.removeChild(_this2.$overlay[0]);
           }
         };
 
@@ -2163,7 +2175,7 @@ if (jQuery) {
 
         this.isOpen = false;
         this.$el[0].classList.remove('open');
-        document.body.style.overflow = null;
+        document.body.style.overflow = '';
 
         if (this.options.dismissible) {
           document.removeEventListener('keydown', this.handleKeydownBound);
@@ -2206,7 +2218,7 @@ if (jQuery) {
    */
   Modal._count = 0;
 
-  window.Materialize.Modal = Modal;
+  Materialize.Modal = Modal;
 
   $.fn.modal = function (methodOrOptions) {
     // Call plugin method if valid method name is passed in
@@ -2232,7 +2244,7 @@ if (jQuery) {
       $.error('Method ' + methodOrOptions + ' does not exist on jQuery.modal');
     }
   };
-})(jQuery);
+})(jQuery, Materialize.Vel);
 ;(function ($) {
 
   $.fn.materialbox = function () {
@@ -2579,7 +2591,8 @@ if (jQuery) {
             $tabs_wrapper,
             $tab_width = Math.max($tabs_width, $this[0].scrollWidth) / $links.length,
             $indicator,
-            index = prev_index = 0,
+            index = 0,
+            prev_index = 0,
             clicked = false,
             clickedTimeout,
             transition = 300;
@@ -3353,7 +3366,7 @@ if (jQuery) {
     Waves.displayEffect();
   }, false);
 })(window);
-;(function ($) {
+;(function ($, Vel) {
   'use strict';
 
   var _defaults = {
@@ -3578,7 +3591,7 @@ if (jQuery) {
           toast.panning = true;
           Toast._draggedToast = toast;
           toast.el.classList.add('panning');
-          toast.el.style.transition = null;
+          toast.el.style.transition = '';
           toast.startingXPos = Toast._xPos(e);
           toast.time = Date.now();
           toast.xPos = Toast._xPos(e);
@@ -3633,8 +3646,8 @@ if (jQuery) {
             // Animate toast back to original position
           } else {
             toast.el.style.transition = 'transform .2s, opacity .2s';
-            toast.el.style.transform = null;
-            toast.el.style.opacity = null;
+            toast.el.style.transform = '';
+            toast.el.style.opacity = '';
           }
           Toast._draggedToast = null;
         }
@@ -3698,11 +3711,11 @@ if (jQuery) {
    */
   Toast._draggedToast = null;
 
-  window.Materialize.Toast = Toast;
-  window.Materialize.toast = function (message, displayLength, className, completeCallback) {
+  Materialize.Toast = Toast;
+  Materialize.toast = function (message, displayLength, className, completeCallback) {
     return new Toast(message, displayLength, className, completeCallback);
   };
-})(jQuery);
+})(jQuery, Materialize.Vel);
 ;(function ($) {
 
   var methods = {
@@ -4994,10 +5007,10 @@ if (jQuery) {
       // Add initial multiple selections.
       if (multiple) {
         $select.find("option:selected:not(:disabled)").each(function () {
-          var index = $(this).index();
+          var index = this.index;
 
           toggleEntryFromArray(valuesSelected, index, $select);
-          options.find("li").eq(index).find(":checkbox").prop("checked", true);
+          options.find("li:not(.optgroup)").eq(index).find(":checkbox").prop("checked", true);
         });
       }
 
@@ -6956,7 +6969,7 @@ if (jQuery) {
         // * For IE, non-focusable elements can be active elements as well
         //   (http://stackoverflow.com/a/2684561).
         activeElement = getActiveElement();
-        activeElement = activeElement && (activeElement.type || activeElement.href);
+        activeElement = activeElement && (activeElement.type || activeElement.href) && activeElement;
 
         // If it’s disabled or nothing inside is actively focused, re-focus the element.
         if (targetDisabled || activeElement && !$.contains(P.$root[0], activeElement)) {
@@ -8375,7 +8388,9 @@ if (jQuery) {
       }
 
       // Materialize modified
-      if (override == "raw") return _.node('div', focusedYear);
+      if (override === 'raw' && selectedObject != null) {
+        return _.node('div', selectedObject.year);
+      }
 
       // Otherwise just return the year focused
       return _.node('div', focusedYear, settings.klass.year);
@@ -8576,9 +8591,8 @@ if (jQuery) {
   * Copyright 2015 Ching Yaw Hao.
   */
 
-(function () {
-  var $ = window.jQuery,
-      $win = $(window),
+(function ($) {
+  var $win = $(window),
       $doc = $(document);
 
   // Can I use inline svg ?
@@ -8627,7 +8641,7 @@ if (jQuery) {
       outerRadius = 105,
 
   // innerRadius = 80 on 12 hour clock
-  innerRadius = 80,
+  innerRadius = 70,
       tickRadius = 20,
       diameter = dialRadius * 2,
       duration = transitionSupported ? 350 : 1;
@@ -8937,8 +8951,15 @@ if (jQuery) {
     this.spanHours.html(this.hours);
     this.spanMinutes.html(leadingZero(this.minutes));
     if (!this.isAppended) {
-      // Append popover to body
-      this.popover.insertAfter(this.input);
+
+      // Append popover to input by default
+      var containerEl = document.querySelector(this.options.container);
+      if (this.options.container && containerEl) {
+        containerEl.appendChild(this.popover[0]);
+      } else {
+        this.popover.insertAfter(this.input);
+      }
+
       if (this.options.twelvehour) {
         if (this.amOrPm === 'PM') {
           this.spanAmPm.children('#click-pm').addClass("text-primary");
@@ -9206,7 +9227,7 @@ if (jQuery) {
       }
     });
   };
-})();
+})(jQuery);
 ;(function ($) {
 
   $.fn.characterCounter = function () {

data/app/assets/javascripts/materialize/date_picker/picker.date.js

@@ -1035,7 +1035,9 @@
             }
 
             // Materialize modified
-            if (override == "raw") return _.node('div', focusedYear);
+            if (override === 'raw' && selectedObject != null) {
+                return _.node('div', selectedObject.year);
+            }
 
             // Otherwise just return the year focused
             return _.node('div', focusedYear, settings.klass.year);

data/app/assets/javascripts/materialize/date_picker/picker.js

@@ -650,7 +650,7 @@
                 // * For IE, non-focusable elements can be active elements as well
                 //   (http://stackoverflow.com/a/2684561).
                 activeElement = getActiveElement();
-                activeElement = activeElement && (activeElement.type || activeElement.href);
+                activeElement = activeElement && (activeElement.type || activeElement.href) && activeElement;
 
                 // If it’s disabled or nothing inside is actively focused, re-focus the element.
                 if (targetDisabled || activeElement && !$.contains(P.$root[0], activeElement)) {

data/app/assets/javascripts/materialize/date_picker/picker.time.js

@@ -57,7 +57,7 @@
 	    outerRadius = 105,
 
 	// innerRadius = 80 on 12 hour clock
-	innerRadius = 80,
+	innerRadius = 70,
 	    tickRadius = 20,
 	    diameter = dialRadius * 2,
 	    duration = transitionSupported ? 350 : 1;
@@ -367,8 +367,15 @@
 		this.spanHours.html(this.hours);
 		this.spanMinutes.html(leadingZero(this.minutes));
 		if (!this.isAppended) {
-			// Append popover to body
-			this.popover.insertAfter(this.input);
+
+			// Append popover to input by default
+			var containerEl = document.querySelector(this.options.container);
+			if (this.options.container && containerEl) {
+				containerEl.appendChild(this.popover[0]);
+			} else {
+				this.popover.insertAfter(this.input);
+			}
+
 			if (this.options.twelvehour) {
 				if (this.amOrPm === 'PM') {
 					this.spanAmPm.children('#click-pm').addClass("text-primary");

data/app/assets/javascripts/materialize/extras/nouislider.js

@@ -1,5 +1,5 @@
 /*!
- * Materialize v0.100.1 (http://materializecss.com)
+ * Materialize v0.100.2 (http://materializecss.com)
  * Copyright 2014-2015 Materialize
  * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
  */

data/app/assets/javascripts/materialize/forms.js

@@ -664,10 +664,10 @@
       // Add initial multiple selections.
       if (multiple) {
         $select.find("option:selected:not(:disabled)").each(function () {
-          var index = $(this).index();
+          var index = this.index;
 
           toggleEntryFromArray(valuesSelected, index, $select);
-          options.find("li").eq(index).find(":checkbox").prop("checked", true);
+          options.find("li:not(.optgroup)").eq(index).find(":checkbox").prop("checked", true);
         });
       }
 

data/app/assets/javascripts/materialize/initial.js

@@ -1,6 +1,5 @@
 // Check for jQuery.
 if (typeof jQuery === 'undefined') {
-  var jQuery;
   // Check if require is a defined function.
   if (typeof require === 'function') {
     jQuery = $ = require('jquery');

data/app/assets/javascripts/materialize/modal.js

@@ -112,7 +112,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
         this.handleModalCloseClickBound = this.handleModalCloseClick.bind(this);
 
         if (Modal._count === 1) {
-          document.addEventListener('click', this.handleTriggerClick);
+          document.body.addEventListener('click', this.handleTriggerClick);
         }
         this.$overlay[0].addEventListener('click', this.handleOverlayClickBound);
         this.$el[0].addEventListener('click', this.handleModalCloseClickBound);
@@ -126,7 +126,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
       key: 'removeEventHandlers',
       value: function removeEventHandlers() {
         if (Modal._count === 0) {
-          document.removeEventListener('click', this.handleTriggerClick);
+          document.body.removeEventListener('click', this.handleTriggerClick);
         }
         this.$overlay[0].removeEventListener('click', this.handleOverlayClickBound);
         this.$el[0].removeEventListener('click', this.handleModalCloseClickBound);
@@ -267,7 +267,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
             if (typeof _this2.options.complete === 'function') {
               _this2.options.complete.call(_this2, _this2.$el);
             }
-            _this2.$overlay[0].remove();
+            _this2.$overlay[0].parentNode.removeChild(_this2.$overlay[0]);
           }
         };
 
@@ -325,7 +325,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
         this.isOpen = false;
         this.$el[0].classList.remove('open');
-        document.body.style.overflow = null;
+        document.body.style.overflow = '';
 
         if (this.options.dismissible) {
           document.removeEventListener('keydown', this.handleKeydownBound);
@@ -368,7 +368,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
    */
   Modal._count = 0;
 
-  window.Materialize.Modal = Modal;
+  Materialize.Modal = Modal;
 
   $.fn.modal = function (methodOrOptions) {
     // Call plugin method if valid method name is passed in

data/app/assets/javascripts/materialize/tabs.js

@@ -27,7 +27,8 @@
             $tabs_wrapper,
             $tab_width = Math.max($tabs_width, $this[0].scrollWidth) / $links.length,
             $indicator,
-            index = prev_index = 0,
+            index = 0,
+            prev_index = 0,
             clicked = false,
             clickedTimeout,
             transition = 300;

data/app/assets/javascripts/materialize/toasts.js

@@ -227,7 +227,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
           toast.panning = true;
           Toast._draggedToast = toast;
           toast.el.classList.add('panning');
-          toast.el.style.transition = null;
+          toast.el.style.transition = '';
           toast.startingXPos = Toast._xPos(e);
           toast.time = Date.now();
           toast.xPos = Toast._xPos(e);
@@ -282,8 +282,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
             // Animate toast back to original position
           } else {
             toast.el.style.transition = 'transform .2s, opacity .2s';
-            toast.el.style.transform = null;
-            toast.el.style.opacity = null;
+            toast.el.style.transform = '';
+            toast.el.style.opacity = '';
           }
           Toast._draggedToast = null;
         }
@@ -347,8 +347,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
    */
   Toast._draggedToast = null;
 
-  window.Materialize.Toast = Toast;
-  window.Materialize.toast = function (message, displayLength, className, completeCallback) {
+  Materialize.Toast = Toast;
+  Materialize.toast = function (message, displayLength, className, completeCallback) {
     return new Toast(message, displayLength, className, completeCallback);
   };
 })(jQuery, Materialize.Vel);

data/app/assets/stylesheets/materialize.scss

@@ -1,7 +1,6 @@
 @charset "UTF-8";
 
-// Mixins
-@import "materialize/components/mixins";
+// Colors
 @import "materialize/components/color";
 
 // Variables;

data/app/assets/stylesheets/materialize/components/_badges.scss

@@ -32,6 +32,7 @@ nav ul a span.badge {
   margin-left: 4px;
   line-height: $badge-height;
   height: $badge-height;
+  -webkit-font-smoothing: auto;
 }
 
 // Line height centering
@@ -39,7 +40,7 @@ nav ul a span.badge {
   margin-top: calc(#{$collection-line-height / 2} - #{$badge-height / 2});
 }
 .collapsible span.badge {
-  margin-top: calc(#{$collapsible-line-height / 2} - #{$badge-height / 2});
+  margin-left: auto;
 }
 .side-nav span.badge {
   margin-top: calc(#{$sidenav-line-height / 2} - #{$badge-height / 2});

data/app/assets/stylesheets/materialize/components/forms/_select.scss

@@ -15,7 +15,7 @@ select {
 
 
 .input-field {
-  select {
+  & > select {
     display: block;
     position: absolute;
     width: 0;

data/app/assets/stylesheets/materialize/extras/nouislider.css

@@ -1,5 +1,5 @@
 /*!
- * Materialize v0.100.1 (http://materializecss.com)
+ * Materialize v0.100.2 (http://materializecss.com)
  * Copyright 2014-2015 Materialize
  * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
  */

data/lib/materialize-sass/version.rb

@@ -1,6 +1,6 @@
 module Materialize
   module Sass
-    VERSION = "0.100.1"
+    VERSION = "0.100.2"
   end
 end
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: materialize-sass
 version: !ruby/object:Gem::Version
-  version: 0.100.1
+  version: 0.100.2
 platform: ruby
 authors:
 - mkhairi
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-07-24 00:00:00.000000000 Z
+date: 2017-08-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -123,7 +123,6 @@ files:
 - app/assets/stylesheets/materialize/components/_grid.scss
 - app/assets/stylesheets/materialize/components/_icons-material-design.scss
 - app/assets/stylesheets/materialize/components/_materialbox.scss
-- app/assets/stylesheets/materialize/components/_mixins.scss
 - app/assets/stylesheets/materialize/components/_modal.scss
 - app/assets/stylesheets/materialize/components/_navbar.scss
 - app/assets/stylesheets/materialize/components/_normalize.scss

data/app/assets/stylesheets/materialize/components/_mixins.scss

@@ -1,5 +0,0 @@
-// @mixin box-shadow-2($args1, $args2) {
-//     -webkit-box-shadow: $args1, $args2;
-//     -moz-box-shadow: $args1, $args2;
-//     box-shadow: $args1, $args2;
-// }