materialize-sass 0.99.0 → 0.100.0

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

@@ -1,187 +1,184 @@
 (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');
-        });
+    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();
+        }
 
-        $(document).off('click.tapTarget').on('click.tapTarget', function(e) {
-          closeTapTarget();
+        // 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;
+              }
+            }
+          }
 
-        var throttledCalc = Materialize.throttle(function() {
+          // 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();
-        }, 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;
-          }
+          openTapTarget();
         }
-      }
-
-      // 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 == 'close') closeTapTarget();
       });
-    }
-
-    if (options == 'open') {
-      calculateTapTarget();
-      openTapTarget();
-    }
-
-    if (options == 'close')
-      closeTapTarget();
-    });
-  },
-  open: function() {},
-  close: function() {}
+    },
+    open: function () {},
+    close: function () {}
   };
 
-  $.fn.tapTarget = function(methodOrOptions) {
-  if (methods[methodOrOptions] || typeof methodOrOptions === 'object')
-    return methods.init.apply( this, arguments );
+  $.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' );
+    $.error('Method ' + methodOrOptions + ' does not exist on jQuery.tap-target');
   };
-
-}( jQuery ));
+})(jQuery);

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

@@ -1,136 +1,354 @@
-Materialize.toast = function (message, displayLength, className, completeCallback) {
-  className = className || "";
-
-  var container = document.getElementById('toast-container');
-
-  // Create toast container if it does not exist
-  if (container === null) {
-    // create notification container
-    container = document.createElement('div');
-    container.id = 'toast-container';
-    document.body.appendChild(container);
-  }
-
-  // Select and append toast
-  var newToast = createToast(message);
-
-  // only append toast if message is not undefined
-  if(message){
-    container.appendChild(newToast);
-  }
-
-  newToast.style.opacity = 0;
-
-  // Animate toast in
-  Vel(newToast, {translateY: '-35px',  opacity: 1 }, {duration: 300,
-    easing: 'easeOutCubic',
-    queue: false});
-
-  // Allows timer to be pause while being panned
-  var timeLeft = displayLength;
-  var counterInterval;
-  if (timeLeft != null)  {
-    counterInterval = setInterval (function(){
-      if (newToast.parentNode === null)
-        window.clearInterval(counterInterval);
-
-      // If toast is not being dragged, decrease its time remaining
-      if (!newToast.classList.contains('panning')) {
-        timeLeft -= 20;
-      }
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-      if (timeLeft <= 0) {
-        // Animate toast out
-        Vel(newToast, {"opacity": 0, marginTop: '-40px'}, { duration: 375,
-            easing: 'easeOutExpo',
-            queue: false,
-            complete: function(){
-              // Call the optional callback
-              if(typeof(completeCallback) === "function")
-                completeCallback();
-              // Remove toast after it times out
-              this[0].parentNode.removeChild(this[0]);
-            }
-          });
-        window.clearInterval(counterInterval);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+(function ($) {
+  'use strict';
+
+  var _defaults = {
+    displayLength: Infinity,
+    inDuration: 300,
+    outDuration: 375,
+    className: undefined,
+    completeCallback: undefined,
+    activationPercent: 0.8
+  };
+
+  var Toast = function () {
+    function Toast(message, displayLength, className, completeCallback) {
+      _classCallCheck(this, Toast);
+
+      if (!message) {
+        return;
       }
-    }, 20);
-  }
 
+      /**
+       * Options for the toast
+       * @member Toast#options
+       */
+      this.options = {
+        displayLength: displayLength,
+        className: className,
+        completeCallback: completeCallback
+      };
 
+      this.options = $.extend({}, Toast.defaults, this.options);
+      this.message = message;
 
-  function createToast(html) {
+      /**
+       * Describes current pan state toast
+       * @type {Boolean}
+       */
+      this.panning = false;
 
-    // Create toast
-    var toast = document.createElement('div');
-    toast.classList.add('toast');
-    if (className) {
-      var classes = className.split(' ');
+      /**
+       * Time remaining until toast is removed
+       */
+      this.timeRemaining = this.options.displayLength;
 
-      for (var i = 0, count = classes.length; i < count; i++) {
-        toast.classList.add(classes[i]);
+      if (Toast._toasts.length === 0) {
+        Toast._createContainer();
       }
+
+      // Create new toast
+      Toast._toasts.push(this);
+      var toastElement = this.createToast();
+      toastElement.M_Toast = this;
+      this.el = toastElement;
+      this._animateIn();
+      this.setTimer();
     }
-  // If type of parameter is HTML Element
-    if ( typeof HTMLElement === "object" ? html instanceof HTMLElement : html && typeof html === "object" && html !== null && html.nodeType === 1 && typeof html.nodeName==="string"
-) {
-      toast.appendChild(html);
-    }
-    else if (html instanceof jQuery) {
-      // Check if it is jQuery object
-      toast.appendChild(html[0]);
-    }
-    else {
-      // Insert as text;
-      toast.innerHTML = html;
-    }
-    // Bind hammer
-    var hammerHandler = new Hammer(toast, {prevent_default: false});
-    hammerHandler.on('pan', function(e) {
-      var deltaX = e.deltaX;
-      var activationDistance = 80;
-
-      // Change toast state
-      if (!toast.classList.contains('panning')){
-        toast.classList.add('panning');
+
+    _createClass(Toast, [{
+      key: 'createToast',
+
+
+      /**
+       * Create toast and append it to toast container
+       */
+      value: function createToast() {
+        var toast = document.createElement('div');
+        toast.classList.add('toast');
+
+        // Add custom classes onto toast
+        if (this.options.className) {
+          var classes = this.options.className.split(' ');
+          var i = void 0,
+              count = void 0;
+          for (i = 0, count = classes.length; i < count; i++) {
+            toast.classList.add(classes[i]);
+          }
+        }
+
+        // Set content
+        if (typeof HTMLElement === 'object' ? this.message instanceof HTMLElement : this.message && typeof this.message === 'object' && this.message !== null && this.message.nodeType === 1 && typeof this.message.nodeName === 'string') {
+          toast.appendChild(this.message);
+
+          // Check if it is jQuery object
+        } else if (this.message instanceof jQuery) {
+          $(toast).append(this.message);
+
+          // Insert as text;
+        } else {
+          toast.innerHTML = this.message;
+        }
+
+        // Append toasft
+        Toast._container.appendChild(toast);
+        return toast;
       }
 
-      var opacityPercent = 1-Math.abs(deltaX / activationDistance);
-      if (opacityPercent < 0)
-        opacityPercent = 0;
+      /**
+       * Animate in toast
+       */
+
+    }, {
+      key: '_animateIn',
+      value: function _animateIn() {
+        // Animate toast in
+        Vel(this.el, { top: 0, opacity: 1 }, {
+          duration: 300,
+          easing: 'easeOutCubic',
+          queue: false
+        });
+      }
 
-      Vel(toast, {left: deltaX, opacity: opacityPercent }, {duration: 50, queue: false, easing: 'easeOutQuad'});
+      /**
+       * Create setInterval which automatically removes toast when timeRemaining >= 0
+       * has been reached
+       */
 
-    });
+    }, {
+      key: 'setTimer',
+      value: function setTimer() {
+        var _this = this;
 
-    hammerHandler.on('panend', function(e) {
-      var deltaX = e.deltaX;
-      var activationDistance = 80;
+        if (this.timeRemaining !== Infinity) {
+          this.counterInterval = setInterval(function () {
+            // If toast is not being dragged, decrease its time remaining
+            if (!_this.panning) {
+              _this.timeRemaining -= 20;
+            }
+
+            // Animate toast out
+            if (_this.timeRemaining <= 0) {
+              _this.remove();
+            }
+          }, 20);
+        }
+      }
 
-      // If toast dragged past activation point
-      if (Math.abs(deltaX) > activationDistance) {
-        Vel(toast, {marginTop: '-40px'}, { duration: 375,
+      /**
+       * Dismiss toast with animation
+       */
+
+    }, {
+      key: 'remove',
+      value: function remove() {
+        var _this2 = this;
+
+        window.clearInterval(this.counterInterval);
+        var activationDistance = this.el.offsetWidth * this.options.activationPercent;
+
+        if (this.wasSwiped) {
+          this.el.style.transition = 'transform .05s, opacity .05s';
+          this.el.style.transform = 'translateX(' + activationDistance + 'px)';
+          this.el.style.opacity = 0;
+        }
+
+        Vel(this.el, { opacity: 0, marginTop: '-40px' }, {
+          duration: this.options.outDuration,
           easing: 'easeOutExpo',
           queue: false,
-          complete: function(){
-            if(typeof(completeCallback) === "function") {
-              completeCallback();
+          complete: function () {
+            // Call the optional callback
+            if (typeof _this2.options.completeCallback === 'function') {
+              _this2.options.completeCallback();
+            }
+            // Remove toast from DOM
+            _this2.el.parentNode.removeChild(_this2.el);
+            Toast._toasts.splice(Toast._toasts.indexOf(_this2), 1);
+            if (Toast._toasts.length === 0) {
+              Toast._removeContainer();
             }
-            toast.parentNode.removeChild(toast);
           }
         });
+      }
+    }], [{
+      key: '_createContainer',
 
-      } else {
-        toast.classList.remove('panning');
-        // Put toast back into original position
-        Vel(toast, { left: 0, opacity: 1 }, { duration: 300,
-          easing: 'easeOutExpo',
-          queue: false
-        });
 
+      /**
+       * Append toast container and add event handlers
+       */
+      value: function _createContainer() {
+        var container = document.createElement('div');
+        container.setAttribute('id', 'toast-container');
+
+        // Add event handler
+        container.addEventListener('touchstart', Toast._onDragStart);
+        container.addEventListener('touchmove', Toast._onDragMove);
+        container.addEventListener('touchend', Toast._onDragEnd);
+
+        container.addEventListener('mousedown', Toast._onDragStart);
+        document.addEventListener('mousemove', Toast._onDragMove);
+        document.addEventListener('mouseup', Toast._onDragEnd);
+
+        document.body.appendChild(container);
+        Toast._container = container;
+      }
+
+      /**
+       * Remove toast container and event handlers
+       */
+
+    }, {
+      key: '_removeContainer',
+      value: function _removeContainer() {
+        // Add event handler
+        document.removeEventListener('mousemove', Toast._onDragMove);
+        document.removeEventListener('mouseup', Toast._onDragEnd);
+
+        Toast._container.parentNode.removeChild(Toast._container);
+        Toast._container = null;
+      }
+
+      /**
+       * Begin drag handler
+       * @param {Event} e
+       */
+
+    }, {
+      key: '_onDragStart',
+      value: function _onDragStart(e) {
+        if (e.target && $(e.target).closest('.toast').length) {
+          var $toast = $(e.target).closest('.toast');
+          var toast = $toast[0].M_Toast;
+          toast.panning = true;
+          Toast._draggedToast = toast;
+          toast.el.classList.add('panning');
+          toast.el.style.transition = null;
+          toast.startingXPos = Toast._xPos(e);
+          toast.time = Date.now();
+          toast.xPos = Toast._xPos(e);
+        }
       }
-    });
 
-    return toast;
-  }
-};
+      /**
+       * Drag move handler
+       * @param {Event} e
+       */
+
+    }, {
+      key: '_onDragMove',
+      value: function _onDragMove(e) {
+        if (!!Toast._draggedToast) {
+          e.preventDefault();
+          var toast = Toast._draggedToast;
+          toast.deltaX = Math.abs(toast.xPos - Toast._xPos(e));
+          toast.xPos = Toast._xPos(e);
+          toast.velocityX = toast.deltaX / (Date.now() - toast.time);
+          toast.time = Date.now();
+
+          var totalDeltaX = toast.xPos - toast.startingXPos;
+          var activationDistance = toast.el.offsetWidth * toast.options.activationPercent;
+          toast.el.style.transform = 'translateX(' + totalDeltaX + 'px)';
+          toast.el.style.opacity = 1 - Math.abs(totalDeltaX / activationDistance);
+        }
+      }
+
+      /**
+       * End drag handler
+       * @param {Event} e
+       */
+
+    }, {
+      key: '_onDragEnd',
+      value: function _onDragEnd(e) {
+        if (!!Toast._draggedToast) {
+          var toast = Toast._draggedToast;
+          toast.panning = false;
+          toast.el.classList.remove('panning');
+
+          var totalDeltaX = toast.xPos - toast.startingXPos;
+          var activationDistance = toast.el.offsetWidth * toast.options.activationPercent;
+          var shouldBeDismissed = Math.abs(totalDeltaX) > activationDistance || toast.velocityX > 1;
+
+          // Remove toast
+          if (shouldBeDismissed) {
+            toast.wasSwiped = true;
+            toast.remove();
+
+            // 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._draggedToast = null;
+        }
+      }
+
+      /**
+       * Get x position of mouse or touch event
+       * @param {Event} e
+       */
+
+    }, {
+      key: '_xPos',
+      value: function _xPos(e) {
+        if (e.targetTouches && e.targetTouches.length >= 1) {
+          return e.targetTouches[0].clientX;
+        }
+        // mouse event
+        return e.clientX;
+      }
+
+      /**
+       * Remove all toasts
+       */
+
+    }, {
+      key: 'removeAll',
+      value: function removeAll() {
+        for (var toastIndex in Toast._toasts) {
+          Toast._toasts[toastIndex].remove();
+        }
+      }
+    }, {
+      key: 'defaults',
+      get: function () {
+        return _defaults;
+      }
+    }]);
+
+    return Toast;
+  }();
+
+  /**
+   * @static
+   * @memberof Toast
+   * @type {Array.<Toast>}
+   */
+
+
+  Toast._toasts = [];
+
+  /**
+   * @static
+   * @memberof Toast
+   */
+  Toast._container = null;
+
+  /**
+   * @static
+   * @memberof Toast
+   * @type {Toast}
+   */
+  Toast._draggedToast = null;
+
+  window.Materialize.Toast = Toast;
+  window.Materialize.toast = function (message, displayLength, className, completeCallback) {
+    return new Toast(message, displayLength, className, completeCallback);
+  };
+})(jQuery);