materialize-sass 0.95.3.4 → 0.96.0

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

@@ -0,0 +1,59 @@
+(function ($) {
+
+  $.fn.characterCounter = function(){
+    return this.each(function(){
+
+      itHasLengthAttribute = $(this).attr('length') != undefined;
+
+      if(itHasLengthAttribute){
+        $(this).on('input', updateCounter);
+        $(this).on('focus', updateCounter);
+        $(this).on('blur', removeCounterElement);
+
+        addCounterElement($(this));
+      }
+
+    });
+  };
+
+  function updateCounter(){
+    var maxLength     = +$(this).attr('length'),
+    actualLength      = +$(this).val().length,
+    isValidLength     = actualLength <= maxLength;
+
+    $(this).parent().find('span[class="character-counter"]')
+                    .html( actualLength + '/' + maxLength);
+
+    addInputStyle(isValidLength, $(this));
+  }
+
+  function addCounterElement($input){
+    $counterElement = $('<span/>')
+                        .addClass('character-counter')
+                        .css('float','right')
+                        .css('font-size','12px')
+                        .css('height', 1);
+
+    $input.parent().append($counterElement);
+  }
+
+  function removeCounterElement(){
+    $(this).parent().find('span[class="character-counter"]').html('');
+  }
+
+  function addInputStyle(isValidLength, $input){
+    inputHasInvalidClass = $input.hasClass('invalid');
+    if (isValidLength && inputHasInvalidClass) {
+      $input.removeClass('invalid');
+    }
+    else if(!isValidLength && !inputHasInvalidClass){
+      $input.removeClass('valid');
+      $input.addClass('invalid');
+    }
+  }
+
+  $(document).ready(function(){
+    $('input, textarea').characterCounter();
+  });
+
+}( jQuery ));

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

@@ -7,7 +7,7 @@
     return this;
   };
 
-  $.fn.dropdown = function (options) {
+  $.fn.dropdown = function (option) {
     var defaults = {
       inDuration: 300,
       outDuration: 225,
@@ -17,9 +17,9 @@
       belowOrigin: false
     }
 
-    options = $.extend(defaults, options);
     this.each(function(){
     var origin = $(this);
+    var options = $.extend({}, defaults, option);
 
     // Dropdown menu
     var activates = $("#"+ origin.attr('data-activates'));
@@ -41,13 +41,16 @@
 
     updateOptions();
 
-    // Move Dropdown menu to body. This allows for absolute positioning to work
-    if ( !(activates.parent().is($('body'))) ) {
-      activates.detach();
-      $('body').append(activates);
+    // Attach dropdown to its activator
+    if (origin.hasClass('select-dropdown')) {
+      origin.after(activates)
     }
+    else {
+      origin.append(activates);
+    }
+
+
 
-    var dropdownRealHeight = activates.height();
 
     /*
       Helper function to position and resize dropdown.
@@ -57,6 +60,7 @@
       // Check html data attributes
       updateOptions();
 
+      // Constrain width
       if (options.constrain_width == true) {
         activates.css('width', origin.outerWidth());
       }
@@ -71,79 +75,63 @@
       var width_difference = 0;
       var gutter_spacing = options.gutter;
 
+
       if (offsetLeft + activates.innerWidth() > $(window).width()) {
         width_difference = origin.innerWidth() - activates.innerWidth();
         gutter_spacing = gutter_spacing * -1;
       }
-      if (elementOrParentIsFixed(origin[0])) {
+      // If fixed placement
+      if (Materialize.elementOrParentIsFixed(origin[0])) {
         activates.css({
-          display: 'block',
-          position: 'fixed',
-          height: 0,
-          top: origin.offset().top - $(window).scrollTop() + offset,
-          left: origin.offset().left + width_difference + gutter_spacing
+          top: 0 + offset,
+          left: 0 + width_difference + gutter_spacing
         });
       }
+      // If relative placement
       else {
+
         activates.css({
-          display: 'block',
-          top: origin.offset().top + offset,
-          left: origin.offset().left + width_difference + gutter_spacing,
-          height: 0
+          position: 'absolute',
+          top: 0 + offset,
+          left: 0 + width_difference + gutter_spacing
         });
+
       }
-      activates.velocity({opacity: 1}, {duration: options.inDuration, queue: false, easing: 'easeOutQuad'})
-      .velocity(
-      {
-        height: dropdownRealHeight
-      },
-      {duration: options.inDuration,
+
+      // Show dropdown
+      activates.stop(true, true).css('opacity', 0)
+        .slideDown({
         queue: false,
+        duration: options.inDuration,
         easing: 'easeOutCubic',
-        complete: function(){
-          activates.css('overflow-y', 'auto')
+        complete: function() {
+          $(this).css('height', '');
         }
-      });
-    }
-    function elementOrParentIsFixed(element) {
-        var $element = $(element);
-        var $checkElements = $element.add($element.parents());
-        var isFixed = false;
-        $checkElements.each(function(){
-            if ($(this).css("position") === "fixed") {
-                isFixed = true;
-                return false;
-            }
-        });
-        return isFixed;
+      })
+        .animate( {opacity: 1}, {queue: false, duration: options.inDuration, easing: 'easeOutSine'});
+
+
     }
 
+
     function hideDropdown() {
-      activates.velocity(
-        {
-          opacity: 0
-        },
-        {
-          duration: options.outDuration,
-          easing: 'easeOutQuad',
-          complete: function(){
-            activates.css({
-              display: 'none',
-              'overflow-y': ''
-            });
-          }
-        });
+      activates.fadeOut(options.outDuration);
     }
 
+    activates.on('hover', function(e) {
+      e.stopPropagation();
+    });
+
     // Hover
     if (options.hover) {
+      origin.unbind('click.' + origin.attr('id'));
       // Hover handler to show dropdown
-      origin.on('mouseover', function(e){ // Mouse over
+      origin.on('mouseenter', function(e){ // Mouse over
         placeDropdown();
       });
 
-      // Document click handler
-      activates.on('mouseleave', function(e){ // Mouse out
+      origin.on('mouseleave', function(e){ // Mouse out
+        activates.stop(true, true);
         hideDropdown();
       });
 
@@ -154,18 +142,33 @@
       // Click handler to show dropdown
       origin.unbind('click.' + origin.attr('id'));
       origin.bind('click.'+origin.attr('id'), function(e){
-        if (origin[0] == e.currentTarget) {
-
+        // Handles case for select plugin
+        if (origin.hasClass('select-dropdown')) {
+          return false;
+        }
+        if ( origin[0] == e.currentTarget && ($(e.target).closest('.dropdown-content').length === 0) ) {
           e.preventDefault(); // Prevents button click from moving window
           placeDropdown();
-        }
+          open = true;
 
-        $(document).bind('click.'+ activates.attr('id'), function (e) {
-          if (!activates.is(e.target) && !origin.is(e.target) && (!origin.find(e.target).length > 0) ) {
+        }
+        // If origin is clicked and menu is open, close menu
+        else {
+          if (open === true) {
             hideDropdown();
             $(document).unbind('click.' + activates.attr('id'));
+            open = false;
           }
-        });
+        }
+        // If menu open, add click close handler to document
+        if (open === true) {
+          $(document).bind('click.'+ activates.attr('id'), function (e) {
+            if (!activates.is(e.target) && !origin.is(e.target) && (!origin.find(e.target).length > 0) ) {
+              hideDropdown();
+              $(document).unbind('click.' + activates.attr('id'));
+            }
+          });
+        }
       });
 
     } // End else

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

@@ -37,6 +37,7 @@
     $(document).on('reset', function(e) {
       if ($(e.target).is('form')) {
         $(this).find(input_selector).removeClass('valid').removeClass('invalid');
+        $(this).find(input_selector).siblings('label, i').removeClass('active');
 
         // Reset select
         $(this).find('select.initialized').each(function () {
@@ -227,9 +228,16 @@
         $('ul#select-options-'+lastID).remove();
       }
 
+      // If destroying the select, remove the selelct-id and reset it to it's uninitialized state.
+      if(callback === 'destroy') {
+          $select.data('select-id', null).removeClass('initialized');
+          return;
+      }
+
       var uniqueID = Materialize.guid();
       $select.data('select-id', uniqueID);
       var wrapper = $('<div class="select-wrapper"></div>');
+      wrapper.addClass($select.attr('class'));
       var options = $('<ul id="select-options-' + uniqueID+'" class="dropdown-content select-dropdown"></ul>');
       var selectOptions = $select.children('option');
       if ($select.find('option:selected') !== undefined) {
@@ -279,6 +287,12 @@
       if (!$select.is(':disabled')) {
         $newSelect.dropdown({"hover": false});
       }
+
+      // Copy tabindex
+      if ($select.attr('tabindex')) {
+        $($newSelect[0]).attr('tabindex', $select.attr('tabindex'));
+      }
+
       $select.addClass('initialized');
 
       $newSelect.on('focus', function(){

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

@@ -13,6 +13,19 @@ Materialize.guid = (function() {
   };
 })();
 
+Materialize.elementOrParentIsFixed = function(element) {
+    var $element = $(element);
+    var $checkElements = $element.add($element.parents());
+    var isFixed = false;
+    $checkElements.each(function(){
+        if ($(this).css("position") === "fixed") {
+            isFixed = true;
+            return false;
+        }
+    });
+    return isFixed;
+}
+
 // Velocity has conflicts when loaded with jQuery, this will check for it
 var Vel;
 if ($) { Vel = $.Velocity } else { Vel = Velocity};

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

@@ -8,9 +8,13 @@
       if (/^#[0-9A-F]{6}$/i.test(rgb)) { return rgb; }
 
       rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
+
+      if (rgb === null) { return "N/A"; }
+
       function hex(x) {
           return ("0" + parseInt(x).toString(16)).slice(-2);
       }
+
       return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
     }
 
@@ -19,7 +23,7 @@
         var color = $(this).css('background-color'),
             classes = $(this).attr('class');
         $(this).html(rgb2hex(color) + " " + classes);
-        if (classes.indexOf("darken") >= 0) {
+        if (classes.indexOf("darken") >= 0 || $(this).hasClass('black')) {
           $(this).css('color', 'rgba(255,255,255,.9');
         }
       });

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

@@ -7,8 +7,8 @@
 
       var defaults = {
         opacity: 0.5,
-        in_duration: 300,
-        out_duration: 200,
+        in_duration: 350,
+        out_duration: 250,
         ready: undefined,
         complete: undefined,
         dismissible: true
@@ -45,7 +45,6 @@
 
       // Define Bottom Sheet animation
       if ($(modal).hasClass('bottom-sheet')) {
-        console.log("Bottom");
         $(modal).velocity({bottom: "0", opacity: 1}, {
           duration: options.in_duration,
           queue: false,
@@ -80,7 +79,7 @@
   $.fn.extend({
     closeModal: function(options) {
       var defaults = {
-        out_duration: 200,
+        out_duration: 250,
         complete: undefined
       }
       var options = $.extend(defaults, options);
@@ -130,7 +129,7 @@
       return this.each(function() {
         // Close Handlers
         $(this).click(function(e) {
-          var modal_id = $(this).attr("href");
+          var modal_id = $(this).attr("href") || '#' + $(this).data('target');
           $(modal_id).openModal(options);
           e.preventDefault();
         }); // done set on click

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

@@ -7,20 +7,16 @@
         var $this = $(this);
         $this.addClass('parallax');
 
-        $this.find('img').each(function () {
-          $(this).css('background-image', 'url(' + $(this).attr('src') + ')' );
-          $(this).attr('src', 'data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==');
-        });
-
         function updateParallax(initial) {
           var container_height;
-          if (window_width < 992) {
+          if (window_width < 601) {
             container_height = ($this.height() > 0) ? $this.height() : $this.children("img").height();
           }
           else {
             container_height = ($this.height() > 0) ? $this.height() : 500;
           }
-          var img_height = $this.children("img").height();
+          var $img = $this.children("img").first();
+          var img_height = $img.height();
           var parallax_dist = img_height - container_height;
           var bottom = $this.offset().top + container_height;
           var top = $this.offset().top;
@@ -28,14 +24,15 @@
           var windowHeight = window.innerHeight;
           var windowBottom = scrollTop + windowHeight;
           var percentScrolled = (windowBottom - top) / (container_height + windowHeight);
-          var parallax = -1 * parallax_dist * percentScrolled;
+          var parallax = Math.round((parallax_dist * percentScrolled));
 
-          if ((bottom > scrollTop) && (top < (scrollTop + windowHeight))) {
-            $this.children("img").first().css('bottom', parallax + "px");
-          }
           if (initial) {
-            $this.children("img").first().css('display', 'block');
+            $img.css('display', 'block');
           }
+          if ((bottom > scrollTop) && (top < (scrollTop + windowHeight))) {
+            $img.css('transform', "translate3D(-50%," + parallax + "px, 0)");
+          }
+
         }
 
         // Wait for image load

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

@@ -12,32 +12,32 @@
 
     // Rate limit to 100ms
     setInterval(function() {
-        if(didScroll) {
-            didScroll = false;
-
-            var windowScroll = window.pageYOffset + window.innerHeight;
-
-            for (var i = 0 ; i < options.length; i++) {
-              // Get options from each line
-              var value = options[i];
-              var selector = value.selector,
-                  offset = value.offset,
-                  callback = value.callback;
-
-              var currentElement = document.querySelector(selector);
-              if ( currentElement !== null) {
-                var elementOffset = currentElement.getBoundingClientRect().top + document.body.scrollTop;
-
-                if (windowScroll > (elementOffset + offset)) {
-                  if (value.done != true) {
-                    var callbackFunc = new Function(callback);
-                    callbackFunc();
-                    value.done = true;
-                  }
+      if(didScroll) {
+          didScroll = false;
+
+          var windowScroll = window.pageYOffset + window.innerHeight;
+
+          for (var i = 0 ; i < options.length; i++) {
+            // Get options from each line
+            var value = options[i];
+            var selector = value.selector,
+                offset = value.offset,
+                callback = value.callback;
+
+            var currentElement = document.querySelector(selector);
+            if ( currentElement !== null) {
+              var elementOffset = currentElement.getBoundingClientRect().top + document.body.scrollTop;
+
+              if (windowScroll > (elementOffset + offset)) {
+                if (value.done != true) {
+                  var callbackFunc = new Function(callback);
+                  callbackFunc();
+                  value.done = true;
                 }
               }
-            };
-        }
+            }
+          };
+      }
     }, 100);