materialize-sass 0.97.6 → 0.97.7

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

@@ -29,14 +29,12 @@
       });
     });
 
-
     // Floating-Fixed table of contents
-
     setTimeout(function() {
       var tocWrapperHeight = 260; // Max height of ads.
       var tocHeight = $('.toc-wrapper .table-of-contents').length ? $('.toc-wrapper .table-of-contents').height() : 0;
       var socialHeight = 95; // Height of unloaded social media in footer.
-      var footerOffset = $('footer').first().length ? $('footer').first().offset().top : 0;
+      var footerOffset = $('body > footer').first().length ? $('body > footer').first().offset().top : 0;
       var bottomOffset = footerOffset - socialHeight - tocHeight - tocWrapperHeight;
 
       if ($('nav').length) {
@@ -149,7 +147,27 @@
     $('.button-collapse').sideNav({'edge': 'left'});
     $('.datepicker').pickadate({selectYears: 20});
     $('select').not('.disabled').material_select();
+    $('input.autocomplete').autocomplete({
+      data: {"Apple": null, "Microsoft": null, "Google": 'http://placehold.it/250x250'}
+    });
+
+    $('.chips-initial').material_chip({
+      readOnly: true,
+      data: [{
+        tag: 'Apple',
+      }, {
+        tag: 'Microsoft',
+      }, {
+        tag: 'Google',
+      }]
+    });
+
+    $('.chips-placeholder').material_chip({
+      placeholder: 'Enter a tag',
+      secondaryPlaceholder: '+Tag',
+    });
 
+    $('.chips').material_chip();
 
   }); // end of document ready
 })(jQuery); // end of jQuery name space

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

@@ -21,16 +21,17 @@
         ready: undefined,
         complete: undefined,
         dismissible: true,
-        starting_top: '4%'
-      },
-      $modal = $(this);
+        starting_top: '4%',
+        ending_top: '10%'
+      };
+      var $modal = $(this);
 
       if ($modal.hasClass('open')) {
         return;
       }
 
-      overlayID = _generateID();
-      $overlay = $('<div class="lean-overlay"></div>');
+      var overlayID = _generateID();
+      var $overlay = $('<div class="lean-overlay"></div>');
       lStack = (++_stack);
 
       // Store a reference of the overlay
@@ -86,7 +87,7 @@
       else {
         $.Velocity.hook($modal, "scaleX", 0.7);
         $modal.css({ top: options.starting_top });
-        $modal.velocity({top: "10%", opacity: 1, scaleX: '1'}, {
+        $modal.velocity({top: options.ending_top, opacity: 1, scaleX: '1'}, {
           duration: options.in_duration,
           queue: false,
           ease: "easeOutCubic",
@@ -108,10 +109,10 @@
       var defaults = {
         out_duration: 250,
         complete: undefined
-      },
-      $modal = $(this),
-      overlayID = $modal.data('overlay-id'),
-      $overlay = $('#' + overlayID);
+      };
+      var $modal = $(this);
+      var overlayID = $modal.data('overlay-id');
+      var $overlay = $('#' + overlayID);
       $modal.removeClass('open');
 
       options = $.extend(defaults, options);

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

@@ -1,13 +1,26 @@
 (function ($) {
   $.fn.pushpin = function (options) {
-
+    // Defaults
     var defaults = {
       top: 0,
       bottom: Infinity,
       offset: 0
     };
+
+    // Remove pushpin event and classes
+    if (options === "remove") {
+      this.each(function () {
+        if (id = $(this).data('pushpin-id')) {
+          $(window).off('scroll.' + id);
+          $(this).removeData('pushpin-id').removeClass('pin-top pinned pin-bottom').removeAttr('style');
+        }
+      });
+      return false;
+    }
+
     options = $.extend(defaults, options);
 
+
     $index = 0;
     return this.each(function() {
       var $uniqueId = Materialize.guid(),
@@ -45,6 +58,7 @@
         });
       }
 
+      $(this).data('pushpin-id', $uniqueId);
       updateElements($this, $(window).scrollTop());
       $(window).on('scroll.' + $uniqueId, function () {
         var $scrolled = $(window).scrollTop() + options.offset;

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

@@ -31,10 +31,10 @@
               if (windowScroll > (elementOffset + offset)) {
                 if (value.done !== true) {
                   if (typeof(callback) === 'function') {
-                    callback.call(this);
+                    callback.call(this, currentElement);
                   } else if (typeof(callback) === 'string') {
                     var callbackFunc = new Function(callback);
-                    callbackFunc();
+                    callbackFunc(currentElement);
                   }
                   value.done = true;
                 }

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

@@ -170,6 +170,12 @@
 	 * @returns {jQuery}
 	 */
 	$.scrollSpy = function(selector, options) {
+	  var defaults = {
+			throttle: 100,
+			scrollOffset: 200 // offset - 200 allows elements near bottom of page to scroll
+    };
+    options = $.extend(defaults, options);
+
 		var visible = [];
 		selector = $(selector);
 		selector.each(function(i, element) {
@@ -179,16 +185,9 @@
 		  $('a[href="#' + $(element).attr('id') + '"]').click(function(e) {
 		    e.preventDefault();
 		    var offset = $(this.hash).offset().top + 1;
-
-//          offset - 200 allows elements near bottom of page to scroll
-			
-	    	$('html, body').animate({ scrollTop: offset - 200 }, {duration: 400, queue: false, easing: 'easeOutCubic'});
-			
+	    	$('html, body').animate({ scrollTop: offset - options.scrollOffset }, {duration: 400, queue: false, easing: 'easeOutCubic'});
 		  });
 		});
-		options = options || {
-			throttle: 100
-		};
 
 		offset.top = options.offsetTop || 0;
 		offset.right = options.offsetRight || 0;

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

@@ -3,7 +3,7 @@
   var methods = {
     init : function(options) {
       var defaults = {
-        menuWidth: 240,
+        menuWidth: 300,
         edge: 'left',
         closeOnClick: false
       };
@@ -14,7 +14,7 @@
         var menu_id = $("#"+ $this.attr('data-activates'));
 
         // Set to width
-        if (options.menuWidth != 240) {
+        if (options.menuWidth != 300) {
           menu_id.css('width', options.menuWidth);
         }
 
@@ -44,7 +44,7 @@
           $(window).resize( function() {
             if (window.innerWidth > 992) {
               // Close menu if window is resized bigger than 992 and user has fixed sidenav
-              if ($('#sidenav-overlay').length != 0 && menuOut) {
+              if ($('#sidenav-overlay').length !== 0 && menuOut) {
                 removeMenu(true);
               }
               else {
@@ -130,7 +130,9 @@
         var menuOut = false;
 
         dragTarget.on('click', function(){
-          removeMenu();
+          if (menuOut) {
+            removeMenu();
+          }
         });
 
         dragTarget.hammer({
@@ -220,13 +222,14 @@
             if (options.edge === 'left') {
               // If velocityX <= 0.3 then the user is flinging the menu closed so ignore menuOut
               if ((menuOut && velocityX <= 0.3) || velocityX < -0.5) {
-                if (leftPos != 0) {
+                // Return menu to open
+                if (leftPos !== 0) {
                   menu_id.velocity({'translateX': [0, leftPos]}, {duration: 300, queue: false, easing: 'easeOutQuad'});
                 }
 
-                // menu_id.css({'translateX': 0});
                 $('#sidenav-overlay').velocity({opacity: 1 }, {duration: 50, queue: false, easing: 'easeOutQuad'});
                 dragTarget.css({width: '50%', right: 0, left: ''});
+                menuOut = true;
               }
               else if (!menuOut || velocityX > 0.3) {
                 // Enable Scrolling
@@ -245,9 +248,14 @@
             }
             else {
               if ((menuOut && velocityX >= -0.3) || velocityX > 0.5) {
-                menu_id.velocity({'translateX': [0, rightPos]}, {duration: 300, queue: false, easing: 'easeOutQuad'});
+                // Return menu to open
+                if (rightPos !== 0) {
+                  menu_id.velocity({'translateX': [0, rightPos]}, {duration: 300, queue: false, easing: 'easeOutQuad'});
+                }
+
                 $('#sidenav-overlay').velocity({opacity: 1 }, {duration: 50, queue: false, easing: 'easeOutQuad'});
                 dragTarget.css({width: '50%', right: '', left: 0});
+                menuOut = true;
               }
               else if (!menuOut || velocityX < -0.3) {
                 // Enable Scrolling

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

@@ -17,7 +17,7 @@
         // which slide is active and its associated content
         var $this = $(this);
         var $slider = $this.find('ul.slides').first();
-        var $slides = $slider.find('li');
+        var $slides = $slider.find('> li');
         var $active_index = $slider.find('.active').index();
         var $active, $indicators, $interval;
         if ($active_index != -1) { $active = $slides.eq($active_index); }

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

@@ -1,7 +1,12 @@
 (function ($) {
 
   var methods = {
-    init : function() {
+    init : function(options) {
+      var defaults = {
+        onShow: null
+      };
+      options = $.extend(defaults, options);
+
       return this.each(function() {
 
       // For each set of tabs, we want to keep track of
@@ -20,7 +25,7 @@
 
       // If no match is found, use the first link or any with class 'active' as the initial active tab.
       if ($active.length === 0) {
-          $active = $(this).find('li.tab a.active').first();
+        $active = $(this).find('li.tab a.active').first();
       }
       if ($active.length === 0) {
         $active = $(this).find('li.tab a').first();
@@ -68,6 +73,11 @@
           return;
         }
 
+        // Act as regular link if target attribute is specified.
+        if (!!$(this).attr("target")) {
+          return;
+        }
+
         $tabs_width = $this.width();
         $tab_width = Math.max($tabs_width, $this[0].scrollWidth) / $links.length;
 
@@ -94,6 +104,9 @@
 
         if ($content !== undefined) {
           $content.show();
+          if (typeof(options.onShow) === "function") {
+            options.onShow.call(this, $content);
+          }
         }
 
         // Update indicator

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

@@ -1,16 +1,19 @@
 (function ($) {
     $.fn.tooltip = function (options) {
-        var timeout = null,
-        margin = 5;
+      var timeout = null,
+      margin = 5;
 
       // Defaults
       var defaults = {
-        delay: 350
+        delay: 350,
+        tooltip: '',
+        position: 'bottom',
+        html: false
       };
 
       // Remove tooltip from the activator
       if (options === "remove") {
-        this.each(function(){
+        this.each(function() {
           $('#' + $(this).attr('data-tooltip-id')).remove();
           $(this).off('mouseenter.tooltip mouseleave.tooltip');
         });
@@ -19,53 +22,76 @@
 
       options = $.extend(defaults, options);
 
-
-      return this.each(function(){
+      return this.each(function() {
         var tooltipId = Materialize.guid();
         var origin = $(this);
         origin.attr('data-tooltip-id', tooltipId);
 
-        // Create Text span
-        var tooltip_text = $('<span></span>').text(origin.attr('data-tooltip'));
-
-        // Create tooltip
-        var newTooltip = $('<div></div>');
-        newTooltip.addClass('material-tooltip').append(tooltip_text)
-          .appendTo($('body'))
-          .attr('id', tooltipId);
-
-        var backdrop = $('<div></div>').addClass('backdrop');
-        backdrop.appendTo(newTooltip);
-        backdrop.css({ top: 0, left:0 });
-
-
-      //Destroy previously binded events
-      origin.off('mouseenter.tooltip mouseleave.tooltip');
-      // Mouse In
-      var started = false, timeoutRef;
-      origin.on({
-        'mouseenter.tooltip': function(e) {
-          var tooltip_delay = origin.attr('data-delay');
-          tooltip_delay = (tooltip_delay === undefined || tooltip_delay === '') ?
-              options.delay : tooltip_delay;
-          timeoutRef = setTimeout(function(){
+        // Get attributes.
+        var allowHtml,
+            tooltipDelay,
+            tooltipPosition,
+            tooltipText,
+            tooltipEl,
+            backdrop;
+        var setAttributes = function() {
+          allowHtml = origin.attr('data-html') ? origin.attr('data-html') === 'true' : options.html;
+          tooltipDelay = origin.attr('data-delay');
+          tooltipDelay = (tooltipDelay === undefined || tooltipDelay === '') ?
+              options.delay : tooltipDelay;
+          tooltipPosition = origin.attr('data-position');
+          tooltipPosition = (tooltipPosition === undefined || tooltipPosition === '') ?
+              options.position : tooltipPosition;
+          tooltipText = origin.attr('data-tooltip');
+          tooltipText = (tooltipText === undefined || tooltipText === '') ?
+              options.tooltip : tooltipText;
+        };
+        setAttributes();
+
+        var renderTooltipEl = function() {
+          var tooltip = $('<div class="material-tooltip"></div>');
+
+          // Create Text span
+          if (allowHtml) {
+            tooltipText = $('<span></span>').html(tooltipText);
+          } else{
+            tooltipText = $('<span></span>').text(tooltipText);
+          }
+
+          // Create tooltip
+          tooltip.append(tooltipText)
+            .appendTo($('body'))
+            .attr('id', tooltipId);
+
+          // Create backdrop
+          backdrop = $('<div class="backdrop"></div>');
+          backdrop.appendTo(tooltip);
+          return tooltip;
+        };
+        tooltipEl = renderTooltipEl();
+
+        // Destroy previously binded events
+        origin.off('mouseenter.tooltip mouseleave.tooltip');
+        // Mouse In
+        var started = false, timeoutRef;
+        origin.on({'mouseenter.tooltip': function(e) {
+          var showTooltip = function() {
+            setAttributes();
             started = true;
-            newTooltip.velocity('stop');
+            tooltipEl.velocity('stop');
             backdrop.velocity('stop');
-            newTooltip.css({ display: 'block', left: '0px', top: '0px' });
-
-            // Set Tooltip text
-            newTooltip.children('span').text(origin.attr('data-tooltip'));
+            tooltipEl.css({ display: 'block', left: '0px', top: '0px' });
 
             // Tooltip positioning
             var originWidth = origin.outerWidth();
             var originHeight = origin.outerHeight();
-            var tooltipPosition =  origin.attr('data-position');
-            var tooltipHeight = newTooltip.outerHeight();
-            var tooltipWidth = newTooltip.outerWidth();
+
+            var tooltipHeight = tooltipEl.outerHeight();
+            var tooltipWidth = tooltipEl.outerWidth();
             var tooltipVerticalMovement = '0px';
             var tooltipHorizontalMovement = '0px';
-            var scale_factor = 8;
+            var scaleXFactor = 8;
+            var scaleYFactor = 8;
             var targetTop, targetLeft, newCoordinates;
 
             if (tooltipPosition === "top") {
@@ -76,8 +102,10 @@
 
               tooltipVerticalMovement = '-10px';
               backdrop.css({
+                bottom: 0,
+                left: 0,
                 borderRadius: '14px 14px 0 0',
-                transformOrigin: '50% 90%',
+                transformOrigin: '50% 100%',
                 marginTop: tooltipHeight,
                 marginLeft: (tooltipWidth/2) - (backdrop.width()/2)
               });
@@ -90,6 +118,8 @@
 
               tooltipHorizontalMovement = '-10px';
               backdrop.css({
+                top: '-7px',
+                right: 0,
                 width: '14px',
                 height: '14px',
                 borderRadius: '14px 0 0 14px',
@@ -106,6 +136,8 @@
 
               tooltipHorizontalMovement = '+10px';
               backdrop.css({
+                top: '-7px',
+                left: 0,
                 width: '14px',
                 height: '14px',
                 borderRadius: '0 14px 14px 0',
@@ -121,35 +153,30 @@
               newCoordinates = repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight);
               tooltipVerticalMovement = '+10px';
               backdrop.css({
+                top: 0,
+                left: 0,
                 marginLeft: (tooltipWidth/2) - (backdrop.width()/2)
               });
             }
 
             // Set tooptip css placement
-            newTooltip.css({
+            tooltipEl.css({
               top: newCoordinates.y,
               left: newCoordinates.x
             });
 
             // Calculate Scale to fill
-            scale_factor = tooltipWidth / 8;
-            if (scale_factor < 8) {
-              scale_factor = 8;
-            }
-            if (tooltipPosition === "right" || tooltipPosition === "left") {
-              scale_factor = tooltipWidth / 10;
-              if (scale_factor < 6)
-                scale_factor = 6;
-            }
+            scaleXFactor = Math.SQRT2 * tooltipWidth / parseInt(backdrop.css('width'));
+            scaleYFactor = Math.SQRT2 * tooltipHeight / parseInt(backdrop.css('height'));
 
-            newTooltip.velocity({ marginTop: tooltipVerticalMovement, marginLeft: tooltipHorizontalMovement}, { duration: 350, queue: false })
+            tooltipEl.velocity({ marginTop: tooltipVerticalMovement, marginLeft: tooltipHorizontalMovement}, { duration: 350, queue: false })
               .velocity({opacity: 1}, {duration: 300, delay: 50, queue: false});
             backdrop.css({ display: 'block' })
               .velocity({opacity:1},{duration: 55, delay: 0, queue: false})
-              .velocity({scale: scale_factor}, {duration: 300, delay: 0, queue: false, easing: 'easeInOutQuad'});
-
+              .velocity({scaleX: scaleXFactor, scaleY: scaleYFactor}, {duration: 300, delay: 0, queue: false, easing: 'easeInOutQuad'});
+          };
 
-          }, tooltip_delay); // End Interval
+          timeoutRef = setTimeout(showTooltip, tooltipDelay); // End Interval
 
         // Mouse Out
         },
@@ -160,15 +187,15 @@
 
           // Animate back
           setTimeout(function() {
-            if (started != true) {
-              newTooltip.velocity({
+            if (started !== true) {
+              tooltipEl.velocity({
                 opacity: 0, marginTop: 0, marginLeft: 0}, { duration: 225, queue: false});
-              backdrop.velocity({opacity: 0, scale: 1}, {
+              backdrop.velocity({opacity: 0, scaleX: 1, scaleY: 1}, {
                 duration:225,
                 queue: false,
                 complete: function(){
                   backdrop.css('display', 'none');
-                  newTooltip.css('display', 'none');
+                  tooltipEl.css('display', 'none');
                   started = false;}
               });
             }
@@ -179,7 +206,7 @@
   };
 
   var repositionWithinScreen = function(x, y, width, height) {
-    var newX = x
+    var newX = x;
     var newY = y;
 
     if (newX < 0) {