materialize-sass 0.100.2.1 → 1.0.0.alpha1

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

@@ -1,184 +0,0 @@
-(function ($) {
-
-  var methods = {
-    init: function (options) {
-      return this.each(function () {
-        var origin = $('#' + $(this).attr('data-activates'));
-        var screen = $('body');
-
-        // Creating tap target
-        var tapTargetEl = $(this);
-        var tapTargetWrapper = tapTargetEl.parent('.tap-target-wrapper');
-        var tapTargetWave = tapTargetWrapper.find('.tap-target-wave');
-        var tapTargetOriginEl = tapTargetWrapper.find('.tap-target-origin');
-        var tapTargetContentEl = tapTargetEl.find('.tap-target-content');
-
-        // Creating wrapper
-        if (!tapTargetWrapper.length) {
-          tapTargetWrapper = tapTargetEl.wrap($('<div class="tap-target-wrapper"></div>')).parent();
-        }
-
-        // Creating content
-        if (!tapTargetContentEl.length) {
-          tapTargetContentEl = $('<div class="tap-target-content"></div>');
-          tapTargetEl.append(tapTargetContentEl);
-        }
-
-        // Creating foreground wave
-        if (!tapTargetWave.length) {
-          tapTargetWave = $('<div class="tap-target-wave"></div>');
-
-          // Creating origin
-          if (!tapTargetOriginEl.length) {
-            tapTargetOriginEl = origin.clone(true, true);
-            tapTargetOriginEl.addClass('tap-target-origin');
-            tapTargetOriginEl.removeAttr('id');
-            tapTargetOriginEl.removeAttr('style');
-            tapTargetWave.append(tapTargetOriginEl);
-          }
-
-          tapTargetWrapper.append(tapTargetWave);
-        }
-
-        // Open
-        var openTapTarget = function () {
-          if (tapTargetWrapper.is('.open')) {
-            return;
-          }
-
-          // Adding open class
-          tapTargetWrapper.addClass('open');
-
-          setTimeout(function () {
-            tapTargetOriginEl.off('click.tapTarget').on('click.tapTarget', function (e) {
-              closeTapTarget();
-              tapTargetOriginEl.off('click.tapTarget');
-            });
-
-            $(document).off('click.tapTarget').on('click.tapTarget', function (e) {
-              closeTapTarget();
-              $(document).off('click.tapTarget');
-            });
-
-            var throttledCalc = Materialize.throttle(function () {
-              calculateTapTarget();
-            }, 200);
-            $(window).off('resize.tapTarget').on('resize.tapTarget', throttledCalc);
-          }, 0);
-        };
-
-        // Close
-        var closeTapTarget = function () {
-          if (!tapTargetWrapper.is('.open')) {
-            return;
-          }
-
-          tapTargetWrapper.removeClass('open');
-          tapTargetOriginEl.off('click.tapTarget');
-          $(document).off('click.tapTarget');
-          $(window).off('resize.tapTarget');
-        };
-
-        // Pre calculate
-        var calculateTapTarget = function () {
-          // Element or parent is fixed position?
-          var isFixed = origin.css('position') === 'fixed';
-          if (!isFixed) {
-            var parents = origin.parents();
-            for (var i = 0; i < parents.length; i++) {
-              isFixed = $(parents[i]).css('position') == 'fixed';
-              if (isFixed) {
-                break;
-              }
-            }
-          }
-
-          // Calculating origin
-          var originWidth = origin.outerWidth();
-          var originHeight = origin.outerHeight();
-          var originTop = isFixed ? origin.offset().top - $(document).scrollTop() : origin.offset().top;
-          var originLeft = isFixed ? origin.offset().left - $(document).scrollLeft() : origin.offset().left;
-
-          // Calculating screen
-          var windowWidth = $(window).width();
-          var windowHeight = $(window).height();
-          var centerX = windowWidth / 2;
-          var centerY = windowHeight / 2;
-          var isLeft = originLeft <= centerX;
-          var isRight = originLeft > centerX;
-          var isTop = originTop <= centerY;
-          var isBottom = originTop > centerY;
-          var isCenterX = originLeft >= windowWidth * 0.25 && originLeft <= windowWidth * 0.75;
-          var isCenterY = originTop >= windowHeight * 0.25 && originTop <= windowHeight * 0.75;
-
-          // Calculating tap target
-          var tapTargetWidth = tapTargetEl.outerWidth();
-          var tapTargetHeight = tapTargetEl.outerHeight();
-          var tapTargetTop = originTop + originHeight / 2 - tapTargetHeight / 2;
-          var tapTargetLeft = originLeft + originWidth / 2 - tapTargetWidth / 2;
-          var tapTargetPosition = isFixed ? 'fixed' : 'absolute';
-
-          // Calculating content
-          var tapTargetTextWidth = isCenterX ? tapTargetWidth : tapTargetWidth / 2 + originWidth;
-          var tapTargetTextHeight = tapTargetHeight / 2;
-          var tapTargetTextTop = isTop ? tapTargetHeight / 2 : 0;
-          var tapTargetTextBottom = 0;
-          var tapTargetTextLeft = isLeft && !isCenterX ? tapTargetWidth / 2 - originWidth : 0;
-          var tapTargetTextRight = 0;
-          var tapTargetTextPadding = originWidth;
-          var tapTargetTextAlign = isBottom ? 'bottom' : 'top';
-
-          // Calculating wave
-          var tapTargetWaveWidth = originWidth > originHeight ? originWidth * 2 : originWidth * 2;
-          var tapTargetWaveHeight = tapTargetWaveWidth;
-          var tapTargetWaveTop = tapTargetHeight / 2 - tapTargetWaveHeight / 2;
-          var tapTargetWaveLeft = tapTargetWidth / 2 - tapTargetWaveWidth / 2;
-
-          // Setting tap target
-          var tapTargetWrapperCssObj = {};
-          tapTargetWrapperCssObj.top = isTop ? tapTargetTop : '';
-          tapTargetWrapperCssObj.right = isRight ? windowWidth - tapTargetLeft - tapTargetWidth : '';
-          tapTargetWrapperCssObj.bottom = isBottom ? windowHeight - tapTargetTop - tapTargetHeight : '';
-          tapTargetWrapperCssObj.left = isLeft ? tapTargetLeft : '';
-          tapTargetWrapperCssObj.position = tapTargetPosition;
-          tapTargetWrapper.css(tapTargetWrapperCssObj);
-
-          // Setting content
-          tapTargetContentEl.css({
-            width: tapTargetTextWidth,
-            height: tapTargetTextHeight,
-            top: tapTargetTextTop,
-            right: tapTargetTextRight,
-            bottom: tapTargetTextBottom,
-            left: tapTargetTextLeft,
-            padding: tapTargetTextPadding,
-            verticalAlign: tapTargetTextAlign
-          });
-
-          // Setting wave
-          tapTargetWave.css({
-            top: tapTargetWaveTop,
-            left: tapTargetWaveLeft,
-            width: tapTargetWaveWidth,
-            height: tapTargetWaveHeight
-          });
-        };
-
-        if (options == 'open') {
-          calculateTapTarget();
-          openTapTarget();
-        }
-
-        if (options == 'close') closeTapTarget();
-      });
-    },
-    open: function () {},
-    close: function () {}
-  };
-
-  $.fn.tapTarget = function (methodOrOptions) {
-    if (methods[methodOrOptions] || typeof methodOrOptions === 'object') return methods.init.apply(this, arguments);
-
-    $.error('Method ' + methodOrOptions + ' does not exist on jQuery.tap-target');
-  };
-})(jQuery);

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

@@ -1,227 +0,0 @@
-(function ($) {
-  $.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);
-
-    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();
-      }
-
-      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 () {
-            setAttributes();
-            started = true;
-            tooltipEl.velocity('stop');
-            backdrop.velocity('stop');
-            tooltipEl.css({ visibility: 'visible', left: '0px', top: '0px' });
-
-            // Tooltip positioning
-            var originWidth = origin.outerWidth();
-            var originHeight = origin.outerHeight();
-            var tooltipHeight = tooltipEl.outerHeight();
-            var tooltipWidth = tooltipEl.outerWidth();
-            var tooltipVerticalMovement = '0px';
-            var tooltipHorizontalMovement = '0px';
-            var backdropOffsetWidth = backdrop[0].offsetWidth;
-            var backdropOffsetHeight = backdrop[0].offsetHeight;
-            var scaleXFactor = 8;
-            var scaleYFactor = 8;
-            var scaleFactor = 0;
-            var targetTop, targetLeft, newCoordinates;
-
-            if (tooltipPosition === "top") {
-              // Top Position
-              targetTop = origin.offset().top - tooltipHeight - margin;
-              targetLeft = origin.offset().left + originWidth / 2 - tooltipWidth / 2;
-              newCoordinates = repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight);
-              tooltipVerticalMovement = '-10px';
-              backdrop.css({
-                bottom: 0,
-                left: 0,
-                borderRadius: '14px 14px 0 0',
-                transformOrigin: '50% 100%',
-                marginTop: tooltipHeight,
-                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
-                  });
-                }
-
-            // Set tooptip css placement
-            tooltipEl.css({
-              top: newCoordinates.y,
-              left: newCoordinates.x
-            });
-
-            // Calculate Scale to fill
-            scaleXFactor = Math.SQRT2 * tooltipWidth / parseInt(backdropOffsetWidth);
-            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' });
-          };
-
-          timeoutRef = setTimeout(showTooltip, tooltipDelay); // End Interval
-
-          // Mouse Out
-        },
-        'mouseleave.tooltip': function () {
-          // Reset State
-          started = false;
-          clearTimeout(timeoutRef);
-
-          // Animate back
-          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,
-                queue: false,
-                complete: function () {
-                  backdrop.css({ visibility: 'hidden' });
-                  tooltipEl.css({ visibility: 'hidden' });
-                  started = false;
-                }
-              });
-            }
-          }, 225);
-        }
-      });
-    });
-  };
-
-  var repositionWithinScreen = function (x, y, width, height) {
-    var newX = x;
-    var newY = y;
-
-    if (newX < 0) {
-      newX = 4;
-    } else if (newX + width > window.innerWidth) {
-      newX -= newX + width - window.innerWidth;
-    }
-
-    if (newY < 0) {
-      newY = 4;
-    } else if (newY + height > window.innerHeight + $(window).scrollTop) {
-      newY -= newY + height - window.innerHeight;
-    }
-
-    return { x: newX, y: newY };
-  };
-
-  $(document).on('ready turbolinks:load', function () {
-    $('.tooltipped').tooltip();
-  });
-})(jQuery);

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

@@ -1,163 +0,0 @@
-(function ($) {
-  // Image transition function
-  Materialize.fadeInImage = function (selectorOrEl) {
-    var element;
-    if (typeof selectorOrEl === 'string') {
-      element = $(selectorOrEl);
-    } else if (typeof selectorOrEl === 'object') {
-      element = selectorOrEl;
-    } else {
-      return;
-    }
-    element.css({ opacity: 0 });
-    $(element).velocity({ opacity: 1 }, {
-      duration: 650,
-      queue: false,
-      easing: 'easeOutSine'
-    });
-    $(element).velocity({ opacity: 1 }, {
-      duration: 1300,
-      queue: false,
-      easing: 'swing',
-      step: function (now, fx) {
-        fx.start = 100;
-        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 + "%)"
-          });
-        }
-      }
-    });
-  };
-
-  // Horizontal staggered list
-  Materialize.showStaggeredList = function (selectorOrEl) {
-    var element;
-    if (typeof selectorOrEl === 'string') {
-      element = $(selectorOrEl);
-    } 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] });
-      time += 120;
-    });
-  };
-
-  $(document).on('ready turbolinks:load', function () {
-    // Hardcoded .staggered-list scrollFire
-    // var staggeredListOptions = [];
-    // $('ul.staggered-list').each(function (i) {
-
-    //   var label = 'scrollFire-' + i;
-    //   $(this).addClass(label);
-    //   staggeredListOptions.push(
-    //     {selector: 'ul.staggered-list.' + label,
-    //      offset: 200,
-    //      callback: 'showStaggeredList("ul.staggered-list.' + label + '")'});
-    // });
-    // scrollFire(staggeredListOptions);
-
-    // HammerJS, Swipe navigation
-
-    // Touch Event
-    var swipeLeft = false;
-    var swipeRight = false;
-
-    // Dismissible Collections
-    $('.dismissable').each(function () {
-      $(this).hammer({
-        prevent_default: false
-      }).on('pan', function (e) {
-        if (e.gesture.pointerType === "touch") {
-          var $this = $(this);
-          var direction = e.gesture.direction;
-          var x = e.gesture.deltaX;
-          var velocityX = e.gesture.velocityX;
-
-          $this.velocity({ translateX: x
-          }, { duration: 50, queue: false, easing: 'easeOutQuad' });
-
-          // Swipe Left
-          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)) {
-            swipeRight = true;
-          }
-        }
-      }).on('panend', function (e) {
-        // Reset if collection is moved back into original position
-        if (Math.abs(e.gesture.deltaX) < $(this).innerWidth() / 2) {
-          swipeRight = false;
-          swipeLeft = false;
-        }
-
-        if (e.gesture.pointerType === "touch") {
-          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 () {
-                $this.css('border', 'none');
-                $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' });
-          }
-          swipeLeft = false;
-          swipeRight = false;
-        }
-      });
-    });
-
-    // time = 0
-    // // Vertical Staggered list
-    // $('ul.staggered-list.vertical li').velocity(
-    //     { translateY: "100px"},
-    //     { duration: 0 });
-
-    // $('ul.staggered-list.vertical li').each(function() {
-    //   $(this).velocity(
-    //     { opacity: "1", translateY: "0"},
-    //     { duration: 800, delay: time, easing: [60, 25] });
-    //   time += 120;
-    // });
-
-    // // Fade in and Scale
-    // $('.fade-in.scale').velocity(
-    //     { scaleX: .4, scaleY: .4, translateX: -600},
-    //     { duration: 0});
-    // $('.fade-in').each(function() {
-    //   $(this).velocity(
-    //     { opacity: "1", scaleX: 1, scaleY: 1, translateX: 0},
-    //     { duration: 800, easing: [60, 10] });
-    // });
-  });
-})(jQuery);