materialize-sass 0.100.2.1 → 1.0.0.alpha1

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

@@ -1,54 +0,0 @@
-(function ($) {
-
-  $.fn.parallax = function () {
-    var window_width = $(window).width();
-    // Parallax Scripts
-    return this.each(function (i) {
-      var $this = $(this);
-      $this.addClass('parallax');
-
-      function updateParallax(initial) {
-        var container_height;
-        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 = $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;
-        var scrollTop = $(window).scrollTop();
-        var windowHeight = window.innerHeight;
-        var windowBottom = scrollTop + windowHeight;
-        var percentScrolled = (windowBottom - top) / (container_height + windowHeight);
-        var parallax = Math.round(parallax_dist * percentScrolled);
-
-        if (initial) {
-          $img.css('display', 'block');
-        }
-        if (bottom > scrollTop && top < scrollTop + windowHeight) {
-          $img.css('transform', "translate3D(-50%," + parallax + "px, 0)");
-        }
-      }
-
-      // Wait for image load
-      $this.children("img").one("load", function () {
-        updateParallax(true);
-      }).each(function () {
-        if (this.complete) $(this).trigger("load");
-      });
-
-      $(window).scroll(function () {
-        window_width = $(window).width();
-        updateParallax(false);
-      });
-
-      $(window).resize(function () {
-        window_width = $(window).width();
-        updateParallax(false);
-      });
-    });
-  };
-})(jQuery);

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

@@ -1,68 +0,0 @@
-(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(),
-          $this = $(this),
-          $original_offset = $(this).offset().top;
-
-      function removePinClasses(object) {
-        object.removeClass('pin-top');
-        object.removeClass('pinned');
-        object.removeClass('pin-bottom');
-      }
-
-      function updateElements(objects, scrolled) {
-        objects.each(function () {
-          // Add position fixed (because its between top and bottom)
-          if (options.top <= scrolled && options.bottom >= scrolled && !$(this).hasClass('pinned')) {
-            removePinClasses($(this));
-            $(this).css('top', options.offset);
-            $(this).addClass('pinned');
-          }
-
-          // Add pin-top (when scrolled position is above top)
-          if (scrolled < options.top && !$(this).hasClass('pin-top')) {
-            removePinClasses($(this));
-            $(this).css('top', 0);
-            $(this).addClass('pin-top');
-          }
-
-          // Add pin-bottom (when scrolled position is below bottom)
-          if (scrolled > options.bottom && !$(this).hasClass('pin-bottom')) {
-            removePinClasses($(this));
-            $(this).addClass('pin-bottom');
-            $(this).css('top', options.bottom - $original_offset);
-          }
-        });
-      }
-
-      $(this).data('pushpin-id', $uniqueId);
-      updateElements($this, $(window).scrollTop());
-      $(window).on('scroll.' + $uniqueId, function () {
-        var $scrolled = $(window).scrollTop() + options.offset;
-        updateElements($this, $scrolled);
-      });
-    });
-  };
-})(jQuery);

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

@@ -1,49 +0,0 @@
-(function ($) {
-
-  var scrollFireEventsHandled = false;
-
-  // Input: Array of JSON objects {selector, offset, callback}
-  Materialize.scrollFire = function (options) {
-    var onScroll = function () {
-      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 + window.pageYOffset;
-
-          if (windowScroll > elementOffset + offset) {
-            if (value.done !== true) {
-              if (typeof callback === 'function') {
-                callback.call(this, currentElement);
-              } else if (typeof callback === 'string') {
-                var callbackFunc = new Function(callback);
-                callbackFunc(currentElement);
-              }
-              value.done = true;
-            }
-          }
-        }
-      }
-    };
-
-    var throttledScroll = Materialize.throttle(function () {
-      onScroll();
-    }, options.throttle || 100);
-
-    if (!scrollFireEventsHandled) {
-      window.addEventListener("scroll", throttledScroll);
-      window.addEventListener("resize", throttledScroll);
-      scrollFireEventsHandled = true;
-    }
-
-    // perform a scan once, after current execution context, and after dom is ready
-    setTimeout(throttledScroll, 0);
-  };
-})(jQuery);

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

@@ -1,230 +0,0 @@
-/**
- * Extend jquery with a scrollspy plugin.
- * This watches the window scroll and fires events when elements are scrolled into viewport.
- *
- * throttle() and getTime() taken from Underscore.js
- * https://github.com/jashkenas/underscore
- *
- * @author Copyright 2013 John Smart
- * @license https://raw.github.com/thesmart/jquery-scrollspy/master/LICENSE
- * @see https://github.com/thesmart
- * @version 0.1.2
- */
-(function ($) {
-
-	var jWindow = $(window);
-	var elements = [];
-	var elementsInView = [];
-	var isSpying = false;
-	var ticks = 0;
-	var unique_id = 1;
-	var offset = {
-		top: 0,
-		right: 0,
-		bottom: 0,
-		left: 0
-
-		/**
-   * Find elements that are within the boundary
-   * @param {number} top
-   * @param {number} right
-   * @param {number} bottom
-   * @param {number} left
-   * @return {jQuery}		A collection of elements
-   */
-	};function findElements(top, right, bottom, left) {
-		var hits = $();
-		$.each(elements, function (i, element) {
-			if (element.height() > 0) {
-				var elTop = element.offset().top,
-				    elLeft = element.offset().left,
-				    elRight = elLeft + element.width(),
-				    elBottom = elTop + element.height();
-
-				var isIntersect = !(elLeft > right || elRight < left || elTop > bottom || elBottom < top);
-
-				if (isIntersect) {
-					hits.push(element);
-				}
-			}
-		});
-
-		return hits;
-	}
-
-	/**
-  * Called when the user scrolls the window
-  */
-	function onScroll(scrollOffset) {
-		// unique tick id
-		++ticks;
-
-		// viewport rectangle
-		var top = jWindow.scrollTop(),
-		    left = jWindow.scrollLeft(),
-		    right = left + jWindow.width(),
-		    bottom = top + jWindow.height();
-
-		// determine which elements are in view
-		var intersections = findElements(top + offset.top + scrollOffset || 200, right + offset.right, bottom + offset.bottom, left + offset.left);
-		$.each(intersections, function (i, element) {
-
-			var lastTick = element.data('scrollSpy:ticks');
-			if (typeof lastTick != 'number') {
-				// entered into view
-				element.triggerHandler('scrollSpy:enter');
-			}
-
-			// update tick id
-			element.data('scrollSpy:ticks', ticks);
-		});
-
-		// determine which elements are no longer in view
-		$.each(elementsInView, function (i, element) {
-			var lastTick = element.data('scrollSpy:ticks');
-			if (typeof lastTick == 'number' && lastTick !== ticks) {
-				// exited from view
-				element.triggerHandler('scrollSpy:exit');
-				element.data('scrollSpy:ticks', null);
-			}
-		});
-
-		// remember elements in view for next tick
-		elementsInView = intersections;
-	}
-
-	/**
-  * Called when window is resized
- */
-	function onWinSize() {
-		jWindow.trigger('scrollSpy:winSize');
-	}
-
-	/**
-  * Enables ScrollSpy using a selector
-  * @param {jQuery|string} selector  The elements collection, or a selector
-  * @param {Object=} options	Optional.
-        throttle : number -> scrollspy throttling. Default: 100 ms
-        offsetTop : number -> offset from top. Default: 0
-        offsetRight : number -> offset from right. Default: 0
-        offsetBottom : number -> offset from bottom. Default: 0
-        offsetLeft : number -> offset from left. Default: 0
- 			activeClass : string -> Class name to be added to the active link. Default: active
-  * @returns {jQuery}
-  */
-	$.scrollSpy = function (selector, options) {
-		var defaults = {
-			throttle: 100,
-			scrollOffset: 200, // offset - 200 allows elements near bottom of page to scroll
-			activeClass: 'active',
-			getActiveElement: function (id) {
-				return 'a[href="#' + id + '"]';
-			}
-		};
-		options = $.extend(defaults, options);
-
-		var visible = [];
-		selector = $(selector);
-		selector.each(function (i, element) {
-			elements.push($(element));
-			$(element).data("scrollSpy:id", i);
-			// Smooth scroll to section
-			$('a[href="#' + $(element).attr('id') + '"]').click(function (e) {
-				e.preventDefault();
-				var offset = $(Materialize.escapeHash(this.hash)).offset().top + 1;
-				$('html, body').animate({ scrollTop: offset - options.scrollOffset }, { duration: 400, queue: false, easing: 'easeOutCubic' });
-			});
-		});
-
-		offset.top = options.offsetTop || 0;
-		offset.right = options.offsetRight || 0;
-		offset.bottom = options.offsetBottom || 0;
-		offset.left = options.offsetLeft || 0;
-
-		var throttledScroll = Materialize.throttle(function () {
-			onScroll(options.scrollOffset);
-		}, options.throttle || 100);
-		var readyScroll = function () {
-			$(document).on('ready turbolinks:load', throttledScroll);
-		};
-
-		if (!isSpying) {
-			jWindow.on('scroll', readyScroll);
-			jWindow.on('resize', readyScroll);
-			isSpying = true;
-		}
-
-		// perform a scan once, after current execution context, and after dom is ready
-		setTimeout(readyScroll, 0);
-
-		selector.on('scrollSpy:enter', function () {
-			visible = $.grep(visible, function (value) {
-				return value.height() != 0;
-			});
-
-			var $this = $(this);
-
-			if (visible[0]) {
-				$(options.getActiveElement(visible[0].attr('id'))).removeClass(options.activeClass);
-				if ($this.data('scrollSpy:id') < visible[0].data('scrollSpy:id')) {
-					visible.unshift($(this));
-				} else {
-					visible.push($(this));
-				}
-			} else {
-				visible.push($(this));
-			}
-
-			$(options.getActiveElement(visible[0].attr('id'))).addClass(options.activeClass);
-		});
-		selector.on('scrollSpy:exit', function () {
-			visible = $.grep(visible, function (value) {
-				return value.height() != 0;
-			});
-
-			if (visible[0]) {
-				$(options.getActiveElement(visible[0].attr('id'))).removeClass(options.activeClass);
-				var $this = $(this);
-				visible = $.grep(visible, function (value) {
-					return value.attr('id') != $this.attr('id');
-				});
-				if (visible[0]) {
-					// Check if empty
-					$(options.getActiveElement(visible[0].attr('id'))).addClass(options.activeClass);
-				}
-			}
-		});
-
-		return selector;
-	};
-
-	/**
-  * Listen for window resize events
-  * @param {Object=} options						Optional. Set { throttle: number } to change throttling. Default: 100 ms
-  * @returns {jQuery}		$(window)
-  */
-	$.winSizeSpy = function (options) {
-		$.winSizeSpy = function () {
-			return jWindow;
-		}; // lock from multiple calls
-		options = options || {
-			throttle: 100
-		};
-		return jWindow.on('resize', Materialize.throttle(onWinSize, options.throttle || 100));
-	};
-
-	/**
-  * Enables ScrollSpy on a collection of elements
-  * e.g. $('.scrollSpy').scrollSpy()
-  * @param {Object=} options	Optional.
- 										throttle : number -> scrollspy throttling. Default: 100 ms
- 										offsetTop : number -> offset from top. Default: 0
- 										offsetRight : number -> offset from right. Default: 0
- 										offsetBottom : number -> offset from bottom. Default: 0
- 										offsetLeft : number -> offset from left. Default: 0
-  * @returns {jQuery}
-  */
-	$.fn.scrollSpy = function (options) {
-		return $.scrollSpy($(this), options);
-	};
-})(jQuery);

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

@@ -1,395 +0,0 @@
-(function ($) {
-
-  var methods = {
-    init: function (options) {
-      var defaults = {
-        menuWidth: 300,
-        edge: 'left',
-        closeOnClick: false,
-        draggable: true,
-        onOpen: null,
-        onClose: null
-      };
-      options = $.extend(defaults, options);
-
-      $(this).each(function () {
-        var $this = $(this);
-        var menuId = $this.attr('data-activates');
-        var menu = $("#" + menuId);
-
-        // Set to width
-        if (options.menuWidth != 300) {
-          menu.css('width', options.menuWidth);
-        }
-
-        // Add Touch Area
-        var $dragTarget = $('.drag-target[data-sidenav="' + menuId + '"]');
-        if (options.draggable) {
-          // Regenerate dragTarget
-          if ($dragTarget.length) {
-            $dragTarget.remove();
-          }
-
-          $dragTarget = $('<div class="drag-target"></div>').attr('data-sidenav', menuId);
-          $('body').append($dragTarget);
-        } else {
-          $dragTarget = $();
-        }
-
-        if (options.edge == 'left') {
-          menu.css('transform', 'translateX(-100%)');
-          $dragTarget.css({ 'left': 0 }); // Add Touch Area
-        } else {
-          menu.addClass('right-aligned') // Change text-alignment to right
-          .css('transform', 'translateX(100%)');
-          $dragTarget.css({ 'right': 0 }); // Add Touch Area
-        }
-
-        // If fixed sidenav, bring menu out
-        if (menu.hasClass('fixed')) {
-          if (window.innerWidth > 992) {
-            menu.css('transform', 'translateX(0)');
-          }
-        }
-
-        // Window resize to reset on large screens fixed
-        if (menu.hasClass('fixed')) {
-          $(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) {
-                removeMenu(true);
-              } else {
-                // menu.removeAttr('style');
-                menu.css('transform', 'translateX(0%)');
-                // menu.css('width', options.menuWidth);
-              }
-            } else if (menuOut === false) {
-              if (options.edge === 'left') {
-                menu.css('transform', 'translateX(-100%)');
-              } else {
-                menu.css('transform', 'translateX(100%)');
-              }
-            }
-          });
-        }
-
-        // if closeOnClick, then add close event for all a tags in side sideNav
-        if (options.closeOnClick === true) {
-          menu.on("click.itemclick", "a:not(.collapsible-header)", function () {
-            if (!(window.innerWidth > 992 && menu.hasClass('fixed'))) {
-              removeMenu();
-            }
-          });
-        }
-
-        var removeMenu = function (restoreNav) {
-          panning = false;
-          menuOut = false;
-          // Reenable scrolling
-          $('body').css({
-            overflow: '',
-            width: ''
-          });
-
-          $('#sidenav-overlay').velocity({ opacity: 0 }, { duration: 200,
-            queue: false, easing: 'easeOutQuad',
-            complete: function () {
-              $(this).remove();
-            } });
-          if (options.edge === 'left') {
-            // Reset phantom div
-            $dragTarget.css({ width: '', right: '', left: '0' });
-            menu.velocity({ 'translateX': '-100%' }, { duration: 200,
-              queue: false,
-              easing: 'easeOutCubic',
-              complete: function () {
-                if (restoreNav === true) {
-                  // Restore Fixed sidenav
-                  menu.removeAttr('style');
-                  menu.css('width', options.menuWidth);
-                }
-              }
-
-            });
-          } else {
-            // Reset phantom div
-            $dragTarget.css({ width: '', right: '0', left: '' });
-            menu.velocity({ 'translateX': '100%' }, { duration: 200,
-              queue: false,
-              easing: 'easeOutCubic',
-              complete: function () {
-                if (restoreNav === true) {
-                  // Restore Fixed sidenav
-                  menu.removeAttr('style');
-                  menu.css('width', options.menuWidth);
-                }
-              }
-            });
-          }
-
-          // Callback
-          if (typeof options.onClose === 'function') {
-            options.onClose.call(this, menu);
-          }
-        };
-
-        // Touch Event
-        var panning = false;
-        var menuOut = false;
-
-        if (options.draggable) {
-          $dragTarget.on('click', function () {
-            if (menuOut) {
-              removeMenu();
-            }
-          });
-
-          $dragTarget.hammer({
-            prevent_default: false
-          }).on('pan', function (e) {
-
-            if (e.gesture.pointerType == "touch") {
-
-              var direction = e.gesture.direction;
-              var x = e.gesture.center.x;
-              var y = e.gesture.center.y;
-              var velocityX = e.gesture.velocityX;
-
-              // Vertical scroll bugfix
-              if (x === 0 && y === 0) {
-                return;
-              }
-
-              // Disable Scrolling
-              var $body = $('body');
-              var $overlay = $('#sidenav-overlay');
-              var oldWidth = $body.innerWidth();
-              $body.css('overflow', 'hidden');
-              $body.width(oldWidth);
-
-              // If overlay does not exist, create one and if it is clicked, close menu
-              if ($overlay.length === 0) {
-                $overlay = $('<div id="sidenav-overlay"></div>');
-                $overlay.css('opacity', 0).click(function () {
-                  removeMenu();
-                });
-
-                // Run 'onOpen' when sidenav is opened via touch/swipe if applicable
-                if (typeof options.onOpen === 'function') {
-                  options.onOpen.call(this, menu);
-                }
-
-                $('body').append($overlay);
-              }
-
-              // Keep within boundaries
-              if (options.edge === 'left') {
-                if (x > options.menuWidth) {
-                  x = options.menuWidth;
-                } else if (x < 0) {
-                  x = 0;
-                }
-              }
-
-              if (options.edge === 'left') {
-                // Left Direction
-                if (x < options.menuWidth / 2) {
-                  menuOut = false;
-                }
-                // Right Direction
-                else if (x >= options.menuWidth / 2) {
-                    menuOut = true;
-                  }
-                menu.css('transform', 'translateX(' + (x - options.menuWidth) + 'px)');
-              } else {
-                // Left Direction
-                if (x < window.innerWidth - options.menuWidth / 2) {
-                  menuOut = true;
-                }
-                // Right Direction
-                else if (x >= window.innerWidth - options.menuWidth / 2) {
-                    menuOut = false;
-                  }
-                var rightPos = x - options.menuWidth / 2;
-                if (rightPos < 0) {
-                  rightPos = 0;
-                }
-
-                menu.css('transform', 'translateX(' + rightPos + 'px)');
-              }
-
-              // Percentage overlay
-              var overlayPerc;
-              if (options.edge === 'left') {
-                overlayPerc = x / options.menuWidth;
-                $overlay.velocity({ opacity: overlayPerc }, { duration: 10, queue: false, easing: 'easeOutQuad' });
-              } else {
-                overlayPerc = Math.abs((x - window.innerWidth) / options.menuWidth);
-                $overlay.velocity({ opacity: overlayPerc }, { duration: 10, queue: false, easing: 'easeOutQuad' });
-              }
-            }
-          }).on('panend', function (e) {
-
-            if (e.gesture.pointerType == "touch") {
-              var $overlay = $('#sidenav-overlay');
-              var velocityX = e.gesture.velocityX;
-              var x = e.gesture.center.x;
-              var leftPos = x - options.menuWidth;
-              var rightPos = x - options.menuWidth / 2;
-              if (leftPos > 0) {
-                leftPos = 0;
-              }
-              if (rightPos < 0) {
-                rightPos = 0;
-              }
-              panning = false;
-
-              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) {
-                  // Return menu to open
-                  if (leftPos !== 0) {
-                    menu.velocity({ 'translateX': [0, leftPos] }, { duration: 300, queue: false, easing: 'easeOutQuad' });
-                  }
-
-                  $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
-                  $('body').css({
-                    overflow: '',
-                    width: ''
-                  });
-                  // Slide menu closed
-                  menu.velocity({ 'translateX': [-1 * options.menuWidth - 10, leftPos] }, { duration: 200, queue: false, easing: 'easeOutQuad' });
-                  $overlay.velocity({ opacity: 0 }, { duration: 200, queue: false, easing: 'easeOutQuad',
-                    complete: function () {
-                      // Run 'onClose' when sidenav is closed via touch/swipe if applicable
-                      if (typeof options.onClose === 'function') {
-                        options.onClose.call(this, menu);
-                      }
-
-                      $(this).remove();
-                    } });
-                  $dragTarget.css({ width: '10px', right: '', left: 0 });
-                }
-              } else {
-                if (menuOut && velocityX >= -0.3 || velocityX > 0.5) {
-                  // Return menu to open
-                  if (rightPos !== 0) {
-                    menu.velocity({ 'translateX': [0, rightPos] }, { duration: 300, queue: false, easing: 'easeOutQuad' });
-                  }
-
-                  $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
-                  $('body').css({
-                    overflow: '',
-                    width: ''
-                  });
-
-                  // Slide menu closed
-                  menu.velocity({ 'translateX': [options.menuWidth + 10, rightPos] }, { duration: 200, queue: false, easing: 'easeOutQuad' });
-                  $overlay.velocity({ opacity: 0 }, { duration: 200, queue: false, easing: 'easeOutQuad',
-                    complete: function () {
-                      // Run 'onClose' when sidenav is closed via touch/swipe if applicable
-                      if (typeof options.onClose === 'function') {
-                        options.onClose.call(this, menu);
-                      }
-
-                      $(this).remove();
-                    } });
-                  $dragTarget.css({ width: '10px', right: 0, left: '' });
-                }
-              }
-            }
-          });
-        }
-
-        $this.off('click.sidenav').on('click.sidenav', function () {
-          if (menuOut === true) {
-            menuOut = false;
-            panning = false;
-            removeMenu();
-          } else {
-
-            // Disable Scrolling
-            var $body = $('body');
-            var $overlay = $('<div id="sidenav-overlay"></div>');
-            var oldWidth = $body.innerWidth();
-            $body.css('overflow', 'hidden');
-            $body.width(oldWidth);
-
-            // Push current drag target on top of DOM tree
-            $('body').append($dragTarget);
-
-            if (options.edge === 'left') {
-              $dragTarget.css({ width: '50%', right: 0, left: '' });
-              menu.velocity({ 'translateX': [0, -1 * options.menuWidth] }, { duration: 300, queue: false, easing: 'easeOutQuad' });
-            } else {
-              $dragTarget.css({ width: '50%', right: '', left: 0 });
-              menu.velocity({ 'translateX': [0, options.menuWidth] }, { duration: 300, queue: false, easing: 'easeOutQuad' });
-            }
-
-            // Overlay close on click
-            $overlay.css('opacity', 0).click(function () {
-              menuOut = false;
-              panning = false;
-              removeMenu();
-              $overlay.velocity({ opacity: 0 }, { duration: 300, queue: false, easing: 'easeOutQuad',
-                complete: function () {
-                  $(this).remove();
-                }
-              });
-            });
-
-            // Append body
-            $('body').append($overlay);
-            $overlay.velocity({ opacity: 1 }, { duration: 300, queue: false, easing: 'easeOutQuad',
-              complete: function () {
-                menuOut = true;
-                panning = false;
-              }
-            });
-
-            // Callback
-            if (typeof options.onOpen === 'function') {
-              options.onOpen.call(this, menu);
-            }
-          }
-
-          return false;
-        });
-      });
-    },
-    destroy: function () {
-      var $overlay = $('#sidenav-overlay');
-      var $dragTarget = $('.drag-target[data-sidenav="' + $(this).attr('data-activates') + '"]');
-      $overlay.trigger('click');
-      $dragTarget.remove();
-      $(this).off('click');
-      $overlay.remove();
-    },
-    show: function () {
-      this.trigger('click');
-    },
-    hide: function () {
-      $('#sidenav-overlay').trigger('click');
-    }
-  };
-
-  $.fn.sideNav = function (methodOrOptions) {
-    if (methods[methodOrOptions]) {
-      return methods[methodOrOptions].apply(this, Array.prototype.slice.call(arguments, 1));
-    } else if (typeof methodOrOptions === 'object' || !methodOrOptions) {
-      // Default to "init"
-      return methods.init.apply(this, arguments);
-    } else {
-      $.error('Method ' + methodOrOptions + ' does not exist on jQuery.sideNav');
-    }
-  }; // Plugin end
-})(jQuery);