materialize-sass 0.99.0 → 0.100.0

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

@@ -1,87 +1,79 @@
 (function ($) {
-    $.fn.tooltip = function (options) {
-      var timeout = null,
-      margin = 5;
-
-      // Defaults
-      var defaults = {
-        delay: 350,
-        tooltip: '',
-        position: 'bottom',
-        html: false
-      };
+  $.fn.tooltip = function (options) {
+    var timeout = null,
+        margin = 5;
+
+    // Defaults
+    var defaults = {
+      delay: 350,
+      tooltip: '',
+      position: 'bottom',
+      html: false
+    };
+
+    // Remove tooltip from the activator
+    if (options === "remove") {
+      this.each(function () {
+        $('#' + $(this).attr('data-tooltip-id')).remove();
+        $(this).removeAttr('data-tooltip-id');
+        $(this).off('mouseenter.tooltip mouseleave.tooltip');
+      });
+      return false;
+    }
+
+    options = $.extend(defaults, options);
 
-      // Remove tooltip from the activator
-      if (options === "remove") {
-        this.each(function() {
-          $('#' + $(this).attr('data-tooltip-id')).remove();
-          $(this).off('mouseenter.tooltip mouseleave.tooltip');
-        });
-        return false;
+    return this.each(function () {
+      var tooltipId = Materialize.guid();
+      var origin = $(this);
+
+      // Destroy old tooltip
+      if (origin.attr('data-tooltip-id')) {
+        $('#' + origin.attr('data-tooltip-id')).remove();
       }
 
-      options = $.extend(defaults, options);
+      origin.attr('data-tooltip-id', tooltipId);
+
+      // 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();
 
-      return this.each(function() {
-        var tooltipId = Materialize.guid();
-        var origin = $(this);
+      var renderTooltipEl = function () {
+        var tooltip = $('<div class="material-tooltip"></div>');
 
-        // Destroy old tooltip
-        if (origin.attr('data-tooltip-id')) {
-          $('#' + origin.attr('data-tooltip-id')).remove();
+        // Create Text span
+        if (allowHtml) {
+          tooltipText = $('<span></span>').html(tooltipText);
+        } else {
+          tooltipText = $('<span></span>').text(tooltipText);
         }
 
-        origin.attr('data-tooltip-id', tooltipId);
-
-        // 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() {
+        // 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;
             tooltipEl.velocity('stop');
@@ -105,7 +97,7 @@
             if (tooltipPosition === "top") {
               // Top Position
               targetTop = origin.offset().top - tooltipHeight - margin;
-              targetLeft = origin.offset().left + originWidth/2 - tooltipWidth/2;
+              targetLeft = origin.offset().left + originWidth / 2 - tooltipWidth / 2;
               newCoordinates = repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight);
               tooltipVerticalMovement = '-10px';
               backdrop.css({
@@ -114,57 +106,56 @@
                 borderRadius: '14px 14px 0 0',
                 transformOrigin: '50% 100%',
                 marginTop: tooltipHeight,
-                marginLeft: (tooltipWidth/2) - (backdropOffsetWidth/2)
+                marginLeft: tooltipWidth / 2 - backdropOffsetWidth / 2
               });
             }
             // Left Position
             else if (tooltipPosition === "left") {
-              targetTop = origin.offset().top + originHeight/2 - tooltipHeight/2;
-              targetLeft =  origin.offset().left - tooltipWidth - margin;
-              newCoordinates = repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight);
-
-              tooltipHorizontalMovement = '-10px';
-              backdrop.css({
-                top: '-7px',
-                right: 0,
-                width: '14px',
-                height: '14px',
-                borderRadius: '14px 0 0 14px',
-                transformOrigin: '95% 50%',
-                marginTop: tooltipHeight/2,
-                marginLeft: tooltipWidth
-              });
-            }
-            // Right Position
-            else if (tooltipPosition === "right") {
-              targetTop = origin.offset().top + originHeight/2 - tooltipHeight/2;
-              targetLeft = origin.offset().left + originWidth + margin;
-              newCoordinates = repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight);
-
-              tooltipHorizontalMovement = '+10px';
-              backdrop.css({
-                top: '-7px',
-                left: 0,
-                width: '14px',
-                height: '14px',
-                borderRadius: '0 14px 14px 0',
-                transformOrigin: '5% 50%',
-                marginTop: tooltipHeight/2,
-                marginLeft: '0px'
-              });
-            }
-            else {
-              // Bottom Position
-              targetTop = origin.offset().top + origin.outerHeight() + margin;
-              targetLeft = origin.offset().left + originWidth/2 - tooltipWidth/2;
-              newCoordinates = repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight);
-              tooltipVerticalMovement = '+10px';
-              backdrop.css({
-                top: 0,
-                left: 0,
-                marginLeft: (tooltipWidth/2) - (backdropOffsetWidth/2)
-              });
-            }
+                targetTop = origin.offset().top + originHeight / 2 - tooltipHeight / 2;
+                targetLeft = origin.offset().left - tooltipWidth - margin;
+                newCoordinates = repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight);
+
+                tooltipHorizontalMovement = '-10px';
+                backdrop.css({
+                  top: '-7px',
+                  right: 0,
+                  width: '14px',
+                  height: '14px',
+                  borderRadius: '14px 0 0 14px',
+                  transformOrigin: '95% 50%',
+                  marginTop: tooltipHeight / 2,
+                  marginLeft: tooltipWidth
+                });
+              }
+              // Right Position
+              else if (tooltipPosition === "right") {
+                  targetTop = origin.offset().top + originHeight / 2 - tooltipHeight / 2;
+                  targetLeft = origin.offset().left + originWidth + margin;
+                  newCoordinates = repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight);
+
+                  tooltipHorizontalMovement = '+10px';
+                  backdrop.css({
+                    top: '-7px',
+                    left: 0,
+                    width: '14px',
+                    height: '14px',
+                    borderRadius: '0 14px 14px 0',
+                    transformOrigin: '5% 50%',
+                    marginTop: tooltipHeight / 2,
+                    marginLeft: '0px'
+                  });
+                } else {
+                  // Bottom Position
+                  targetTop = origin.offset().top + origin.outerHeight() + margin;
+                  targetLeft = origin.offset().left + originWidth / 2 - tooltipWidth / 2;
+                  newCoordinates = repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight);
+                  tooltipVerticalMovement = '+10px';
+                  backdrop.css({
+                    top: 0,
+                    left: 0,
+                    marginLeft: tooltipWidth / 2 - backdropOffsetWidth / 2
+                  });
+                }
 
             // Set tooptip css placement
             tooltipEl.css({
@@ -177,43 +168,41 @@
             scaleYFactor = Math.SQRT2 * tooltipHeight / parseInt(backdropOffsetHeight);
             scaleFactor = Math.max(scaleXFactor, scaleYFactor);
 
-            tooltipEl.velocity({ translateY: tooltipVerticalMovement, translateX: tooltipHorizontalMovement}, { duration: 350, queue: false })
-              .velocity({opacity: 1}, {duration: 300, delay: 50, queue: false});
-            backdrop.css({ visibility: 'visible' })
-              .velocity({opacity:1},{duration: 55, delay: 0, queue: false})
-              .velocity({scaleX: scaleFactor, scaleY: scaleFactor}, {duration: 300, delay: 0, queue: false, easing: 'easeInOutQuad'});
+            tooltipEl.velocity({ translateY: tooltipVerticalMovement, translateX: tooltipHorizontalMovement }, { duration: 350, queue: false }).velocity({ opacity: 1 }, { duration: 300, delay: 50, queue: false });
+            backdrop.css({ visibility: 'visible' }).velocity({ opacity: 1 }, { duration: 55, delay: 0, queue: false }).velocity({ scaleX: scaleFactor, scaleY: scaleFactor }, { duration: 300, delay: 0, queue: false, easing: 'easeInOutQuad' });
           };
 
           timeoutRef = setTimeout(showTooltip, tooltipDelay); // End Interval
 
-        // Mouse Out
+          // Mouse Out
         },
-        'mouseleave.tooltip': function(){
+        'mouseleave.tooltip': function () {
           // Reset State
           started = false;
           clearTimeout(timeoutRef);
 
           // Animate back
-          setTimeout(function() {
+          setTimeout(function () {
             if (started !== true) {
               tooltipEl.velocity({
-                opacity: 0, translateY: 0, translateX: 0}, { duration: 225, queue: false});
-              backdrop.velocity({opacity: 0, scaleX: 1, scaleY: 1}, {
-                duration:225,
+                opacity: 0, translateY: 0, translateX: 0 }, { duration: 225, queue: false });
+              backdrop.velocity({ opacity: 0, scaleX: 1, scaleY: 1 }, {
+                duration: 225,
                 queue: false,
-                complete: function(){
+                complete: function () {
                   backdrop.css({ visibility: 'hidden' });
                   tooltipEl.css({ visibility: 'hidden' });
-                  started = false;}
+                  started = false;
+                }
               });
             }
-          },225);
+          }, 225);
         }
-        });
+      });
     });
   };
 
-  var repositionWithinScreen = function(x, y, width, height) {
+  var repositionWithinScreen = function (x, y, width, height) {
     var newX = x;
     var newY = y;
 
@@ -229,10 +218,10 @@
       newY -= newY + height - window.innerHeight;
     }
 
-    return {x: newX, y: newY};
+    return { x: newX, y: newY };
   };
 
-  $(document).on('ready turbolinks:load', function(){
-     $('.tooltipped').tooltip();
-   });
-}( jQuery ));
+  $(document).on('ready turbolinks:load', function () {
+    $('.tooltipped').tooltip();
+  });
+})(jQuery);

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

@@ -1,36 +1,36 @@
 (function ($) {
   // Image transition function
-  Materialize.fadeInImage = function(selectorOrEl) {
+  Materialize.fadeInImage = function (selectorOrEl) {
     var element;
-    if (typeof(selectorOrEl) === 'string') {
+    if (typeof selectorOrEl === 'string') {
       element = $(selectorOrEl);
-    } else if (typeof(selectorOrEl) === 'object') {
+    } else if (typeof selectorOrEl === 'object') {
       element = selectorOrEl;
     } else {
       return;
     }
-    element.css({opacity: 0});
-    $(element).velocity({opacity: 1}, {
+    element.css({ opacity: 0 });
+    $(element).velocity({ opacity: 1 }, {
       duration: 650,
       queue: false,
       easing: 'easeOutSine'
     });
-    $(element).velocity({opacity: 1}, {
+    $(element).velocity({ opacity: 1 }, {
       duration: 1300,
       queue: false,
       easing: 'swing',
-      step: function(now, fx) {
+      step: function (now, fx) {
         fx.start = 100;
-        var grayscale_setting = now/100;
-        var brightness_setting = 150 - (100 - now)/1.75;
+        var grayscale_setting = now / 100;
+        var brightness_setting = 150 - (100 - now) / 1.75;
 
         if (brightness_setting < 100) {
           brightness_setting = 100;
         }
         if (now >= 0) {
           $(this).css({
-              "-webkit-filter": "grayscale("+grayscale_setting+")" + "brightness("+brightness_setting+"%)",
-              "filter": "grayscale("+grayscale_setting+")" + "brightness("+brightness_setting+"%)"
+            "-webkit-filter": "grayscale(" + grayscale_setting + ")" + "brightness(" + brightness_setting + "%)",
+            "filter": "grayscale(" + grayscale_setting + ")" + "brightness(" + brightness_setting + "%)"
           });
         }
       }
@@ -38,30 +38,25 @@
   };
 
   // Horizontal staggered list
-  Materialize.showStaggeredList = function(selectorOrEl) {
+  Materialize.showStaggeredList = function (selectorOrEl) {
     var element;
-    if (typeof(selectorOrEl) === 'string') {
+    if (typeof selectorOrEl === 'string') {
       element = $(selectorOrEl);
-    } else if (typeof(selectorOrEl) === 'object') {
+    } else if (typeof selectorOrEl === 'object') {
       element = selectorOrEl;
     } else {
       return;
     }
     var time = 0;
-    element.find('li').velocity(
-        { translateX: "-100px"},
-        { duration: 0 });
-
-    element.find('li').each(function() {
-      $(this).velocity(
-        { opacity: "1", translateX: "0"},
-        { duration: 800, delay: time, easing: [60, 10] });
+    element.find('li').velocity({ translateX: "-100px" }, { duration: 0 });
+
+    element.find('li').each(function () {
+      $(this).velocity({ opacity: "1", translateX: "0" }, { duration: 800, delay: time, easing: [60, 10] });
       time += 120;
     });
   };
 
-
-  $(document).on('ready turbolinks:load', function() {
+  $(document).on('ready turbolinks:load', function () {
     // Hardcoded .staggered-list scrollFire
     // var staggeredListOptions = [];
     // $('ul.staggered-list').each(function (i) {
@@ -81,12 +76,11 @@
     var swipeLeft = false;
     var swipeRight = false;
 
-
     // Dismissible Collections
-    $('.dismissable').each(function() {
+    $('.dismissable').each(function () {
       $(this).hammer({
         prevent_default: false
-      }).on('pan', function(e) {
+      }).on('pan', function (e) {
         if (e.gesture.pointerType === "touch") {
           var $this = $(this);
           var direction = e.gesture.direction;
@@ -94,21 +88,21 @@
           var velocityX = e.gesture.velocityX;
 
           $this.velocity({ translateX: x
-              }, {duration: 50, queue: false, easing: 'easeOutQuad'});
+          }, { duration: 50, queue: false, easing: 'easeOutQuad' });
 
           // Swipe Left
-          if (direction === 4 && (x > ($this.innerWidth() / 2) || velocityX < -0.75)) {
+          if (direction === 4 && (x > $this.innerWidth() / 2 || velocityX < -0.75)) {
             swipeLeft = true;
           }
 
           // Swipe Right
-          if (direction === 2 && (x < (-1 * $this.innerWidth() / 2) || velocityX > 0.75)) {
+          if (direction === 2 && (x < -1 * $this.innerWidth() / 2 || velocityX > 0.75)) {
             swipeRight = true;
           }
         }
-      }).on('panend', function(e) {
+      }).on('panend', function (e) {
         // Reset if collection is moved back into original position
-        if (Math.abs(e.gesture.deltaX) < ($(this).innerWidth() / 2)) {
+        if (Math.abs(e.gesture.deltaX) < $(this).innerWidth() / 2) {
           swipeRight = false;
           swipeLeft = false;
         }
@@ -117,32 +111,32 @@
           var $this = $(this);
           if (swipeLeft || swipeRight) {
             var fullWidth;
-            if (swipeLeft) { fullWidth = $this.innerWidth(); }
-            else { fullWidth = -1 * $this.innerWidth(); }
-
-            $this.velocity({ translateX: fullWidth,
-              }, {duration: 100, queue: false, easing: 'easeOutQuad', complete:
-              function() {
+            if (swipeLeft) {
+              fullWidth = $this.innerWidth();
+            } else {
+              fullWidth = -1 * $this.innerWidth();
+            }
+
+            $this.velocity({ translateX: fullWidth
+            }, { duration: 100, queue: false, easing: 'easeOutQuad', complete: function () {
                 $this.css('border', 'none');
-                $this.velocity({ height: 0, padding: 0,
-                  }, {duration: 200, queue: false, easing: 'easeOutQuad', complete:
-                    function() { $this.remove(); }
-                  });
+                $this.velocity({ height: 0, padding: 0
+                }, { duration: 200, queue: false, easing: 'easeOutQuad', complete: function () {
+                    $this.remove();
+                  }
+                });
               }
             });
-          }
-          else {
-            $this.velocity({ translateX: 0,
-              }, {duration: 100, queue: false, easing: 'easeOutQuad'});
+          } else {
+            $this.velocity({ translateX: 0
+            }, { duration: 100, queue: false, easing: 'easeOutQuad' });
           }
           swipeLeft = false;
           swipeRight = false;
         }
       });
-
     });
 
-
     // time = 0
     // // Vertical Staggered list
     // $('ul.staggered-list.vertical li').velocity(
@@ -166,4 +160,4 @@
     //     { duration: 800, easing: [60, 10] });
     // });
   });
-}( jQuery ));
+})(jQuery);