responsive-nav-rails 1.0.16 → 1.0.20

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d7a0b34914ded84e6193744a983ae66b7c63d3b0
-  data.tar.gz: 9fcb1a078feda99f6e1b04e960a381d0f116af54
+  metadata.gz: 6860a540b57bcb2d03a6f76fbd5772076f2a85cc
+  data.tar.gz: f4a8a25f9d1deea7bb0be3ee5be96abed16abb42
 SHA512:
-  metadata.gz: dc9858f2c5943d833526fb090e9f4ae1c9dfca5d6ec696eca5c0c897f1cbb40b275899be6e0c551dbd3a8bf7ac5cf9c917807cfc82217ab9ff0935a142ae22ba
-  data.tar.gz: 5a48e491af944a7902fd9e52ea4050ba35778bea14800ec55b6e4d8632d846b54d3d86d6c9a78b02e4661ea017ecc07ebffe9da8b287a3af544585eaaaf97852
+  metadata.gz: 081937438ef19fb7c291d395e71bf844c8525cf43caaff76c9a2e0959321d7df3e5ead01195f01ae3e66ba85a1c815d7339de897e814e308b3f7537026f733d4
+  data.tar.gz: e89dbf000e93d168ca253e392dc60d2c73ca11338aafd6f7c3f423d6310909c694486171ff6f1bce8de3c694da30b86dfa005475d608b00f0723748b20046cc7

data/lib/responsive-nav-rails/version.rb

@@ -1,3 +1,3 @@
 module ResponsiveNavRails
-  VERSION = "1.0.16"
+  VERSION = "1.0.20"
 end

data/vendor/assets/javascripts/responsive-nav.js

@@ -1,4 +1,4 @@
-/*! responsive-nav.js v1.0.16
+/*! responsive-nav.js v1.0.20
  * https://github.com/viljamis/responsive-nav.js
  * http://responsive-nav.com
  *
@@ -38,6 +38,7 @@ var responsiveNav = (function (window, document) {
     opts,
     navToggle,
     styleElement = document.createElement("style"),
+    hasAnimFinished,
     navOpen,
 
     // fn arg can be an object or a function, thanks to handleEvent
@@ -131,7 +132,7 @@ var responsiveNav = (function (window, document) {
       // Default options
       this.options = {
         animate: true,        // Boolean: Use CSS3 transitions, true or false
-        transition: 400,      // Integer: Speed of the transition, in milliseconds
+        transition: 350,      // Integer: Speed of the transition, in milliseconds
         label: "Menu",        // String: Label for the navigation toggle
         insert: "after",      // String: Insert the toggle before or after the navigation
         customToggle: "",     // Selector: Specify the ID of a custom toggle
@@ -181,13 +182,13 @@ var responsiveNav = (function (window, document) {
       nav = null;
       _instance = null;
 
-      removeEvent(window, "load", this, false);
       removeEvent(window, "resize", this, false);
-      removeEvent(navToggle, "mousedown", this, false);
+      removeEvent(document.body, "touchmove", this, false);
       removeEvent(navToggle, "touchstart", this, false);
       removeEvent(navToggle, "touchend", this, false);
       removeEvent(navToggle, "keyup", this, false);
       removeEvent(navToggle, "click", this, false);
+      removeEvent(navToggle, "mouseup", this, false);
 
       if (!opts.customToggle) {
         navToggle.parentNode.removeChild(navToggle);
@@ -197,29 +198,33 @@ var responsiveNav = (function (window, document) {
     },
 
     toggle: function () {
-      if (!navOpen) {
-        removeClass(nav, "closed");
-        addClass(nav, "opened");
-        nav.style.position = opts.openPos;
-        setAttributes(nav, {"aria-hidden": "false"});
-
-        navOpen = true;
-        opts.open();
-      } else {
-        removeClass(nav, "opened");
-        addClass(nav, "closed");
-        setAttributes(nav, {"aria-hidden": "true"});
+      if (hasAnimFinished === true) {
+        if (!navOpen) {
+          removeClass(nav, "closed");
+          addClass(nav, "opened");
+          nav.style.position = opts.openPos;
+          setAttributes(nav, {"aria-hidden": "false"});
+
+          navOpen = true;
+          opts.open();
+        } else {
+          removeClass(nav, "opened");
+          addClass(nav, "closed");
+          setAttributes(nav, {"aria-hidden": "true"});
 
-        if (opts.animate) {
-          setTimeout(function () {
+          if (opts.animate) {
+            hasAnimFinished = false;
+            setTimeout(function () {
+              nav.style.position = "absolute";
+              hasAnimFinished = true;
+            }, opts.transition + 10);
+          } else {
             nav.style.position = "absolute";
-          }, opts.transition + 10);
-        } else {
-          nav.style.position = "absolute";
-        }
+          }
 
-        navOpen = false;
-        opts.close();
+          navOpen = false;
+          opts.close();
+        }
       }
     },
 
@@ -227,24 +232,21 @@ var responsiveNav = (function (window, document) {
       var evt = e || window.event;
 
       switch (evt.type) {
-      case "mousedown":
-        this._onmousedown(evt);
-        break;
       case "touchstart":
-        this._ontouchstart(evt);
+        this._onTouchStart(evt);
         break;
-      case "touchend":
-        this._ontouchend(evt);
+      case "touchmove":
+        this._onTouchMove(evt);
         break;
-      case "keyup":
-        this._onkeyup(evt);
+      case "touchend":
+      case "mouseup":
+        this._onTouchEnd(evt);
         break;
       case "click":
-        this._onclick(evt);
+        this._preventDefault(evt);
         break;
-      case "load":
-        this._transitions(evt);
-        this._resize(evt);
+      case "keyup":
+        this._onKeyUp(evt);
         break;
       case "resize":
         this._resize(evt);
@@ -255,16 +257,23 @@ var responsiveNav = (function (window, document) {
     // Private methods
     _init: function () {
       addClass(nav, "closed");
+      hasAnimFinished = true;
       navOpen = false;
+
       this._createToggle();
+      this._transitions();
+      this._resize();
 
-      addEvent(window, "load", this, false);
       addEvent(window, "resize", this, false);
-      addEvent(navToggle, "mousedown", this, false);
+      addEvent(document.body, "touchmove", this, false);
       addEvent(navToggle, "touchstart", this, false);
       addEvent(navToggle, "touchend", this, false);
+      addEvent(navToggle, "mouseup", this, false);
       addEvent(navToggle, "keyup", this, false);
       addEvent(navToggle, "click", this, false);
+
+      // Init callback
+      opts.init();
     },
 
     _createStyles: function () {
@@ -315,44 +324,50 @@ var responsiveNav = (function (window, document) {
       }
     },
 
-    _onmousedown: function (e) {
-      var evt = e || window.event;
-      // If the user isn't right clicking:
-      if (!(evt.which === 3 || evt.button === 2)) {
-        this._preventDefault(e);
-        this.toggle(e);
-      }
+    _onTouchStart: function (e) {
+      e.stopPropagation();
+      this.startX = e.touches[0].clientX;
+      this.startY = e.touches[0].clientY;
+      this.touchHasMoved = false;
+      removeEvent(navToggle, "mouseup", this, false);
     },
 
-    _ontouchstart: function (e) {
-      // Touchstart event fires before
-      // the mousedown and can wipe it
-      navToggle.onmousedown = null;
-      this._preventDefault(e);
-      this.toggle(e);
+    _onTouchMove: function (e) {
+      if (Math.abs(e.touches[0].clientX - this.startX) > 10 ||
+      Math.abs(e.touches[0].clientY - this.startY) > 10) {
+        this.touchHasMoved = true;
+      }
     },
 
-    _ontouchend: function () {
-      // Prevents ghost click from happening on some Android browsers
-      var that = this;
-      nav.addEventListener("click", that._preventDefault, true);
-      setTimeout(function () {
-        nav.removeEventListener("click", that._preventDefault, true);
-      }, opts.transition);
+    _onTouchEnd: function (e) {
+      this._preventDefault(e);
+      if (!this.touchHasMoved) {
+        if (e.type === "touchend") {
+          this.toggle(e);
+          // Prevent click on the underlying menu on Android 2.3
+          var that = this;
+          nav.addEventListener("click", that._preventDefault, true);
+          setTimeout(function () {
+            nav.removeEventListener("click", that._preventDefault, true);
+          }, opts.transition + 100);
+          return;
+        } else {
+          var evt = e || window.event;
+          // If it isn't a right click
+          if (!(evt.which === 3 || evt.button === 2)) {
+            this.toggle(e);
+          }
+        }
+      }
     },
 
-    _onkeyup: function (e) {
+    _onKeyUp: function (e) {
       var evt = e || window.event;
       if (evt.keyCode === 13) {
         this.toggle(e);
       }
     },
 
-    _onclick: function (e) {
-      // For older browsers (looking at IE)
-      this._preventDefault(e);
-    },
-
     _transitions: function () {
       if (opts.animate) {
         var objStyle = nav.style,
@@ -398,9 +413,6 @@ var responsiveNav = (function (window, document) {
         nav.style.position = opts.openPos;
         this._removeStyles();
       }
-
-      // Init callback
-      opts.init();
     }
 
   };

data/vendor/assets/javascripts/responsive-nav.min.js

@@ -1,12 +1,12 @@
-/*! responsive-nav.js v1.0.16 by @viljamis, http://responsive-nav.com, MIT license */
-var responsiveNav=function(g,h){var u=!!g.getComputedStyle;g.getComputedStyle||(g.getComputedStyle=function(a){this.el=a;this.getPropertyValue=function(b){var c=/(\-([a-z]){1})/g;"float"===b&&(b="styleFloat");c.test(b)&&(b=b.replace(c,function(a,b,c){return c.toUpperCase()}));return a.currentStyle[b]?a.currentStyle[b]:null};return this});var d,f,e,n=h.createElement("style"),p,k=function(a,b,c,d){if("addEventListener"in a)try{a.addEventListener(b,c,d)}catch(e){if("object"===typeof c&&c.handleEvent)a.addEventListener(b,
-function(a){c.handleEvent.call(c,a)},d);else throw e;}else"attachEvent"in a&&("object"===typeof c&&c.handleEvent?a.attachEvent("on"+b,function(){c.handleEvent.call(c)}):a.attachEvent("on"+b,c))},l=function(a,b,c,d){if("removeEventListener"in a)try{a.removeEventListener(b,c,d)}catch(e){if("object"===typeof c&&c.handleEvent)a.removeEventListener(b,function(a){c.handleEvent.call(c,a)},d);else throw e;}else"detachEvent"in a&&("object"===typeof c&&c.handleEvent?a.detachEvent("on"+b,function(){c.handleEvent.call(c)}):
-a.detachEvent("on"+b,c))},v=function(a){if(1>a.children.length)throw Error("The Nav container has no containing elements");for(var b=[],c=0;c<a.children.length;c++)1===a.children[c].nodeType&&b.push(a.children[c]);return b},m=function(a,b){for(var c in b)a.setAttribute(c,b[c])},q=function(a,b){a.className+=" "+b;a.className=a.className.replace(/(^\s*)|(\s*$)/g,"")},r=function(a,b){a.className=a.className.replace(RegExp("(\\s|^)"+b+"(\\s|$)")," ").replace(/(^\s*)|(\s*$)/g,"")},t=function(a,b){var c;
-this.options={animate:!0,transition:400,label:"Menu",insert:"after",customToggle:"",openPos:"relative",jsClass:"js",init:function(){},open:function(){},close:function(){}};for(c in b)this.options[c]=b[c];q(h.documentElement,this.options.jsClass);this.wrapperEl=a.replace("#","");if(h.getElementById(this.wrapperEl))this.wrapper=h.getElementById(this.wrapperEl);else throw Error("The nav element you are trying to select doesn't exist");this.wrapper.inner=v(this.wrapper);f=this.options;d=this.wrapper;
-this._init(this)};t.prototype={destroy:function(){this._removeStyles();r(d,"closed");r(d,"opened");d.removeAttribute("style");d.removeAttribute("aria-hidden");s=d=null;l(g,"load",this,!1);l(g,"resize",this,!1);l(e,"mousedown",this,!1);l(e,"touchstart",this,!1);l(e,"touchend",this,!1);l(e,"keyup",this,!1);l(e,"click",this,!1);f.customToggle?e.removeAttribute("aria-hidden"):e.parentNode.removeChild(e)},toggle:function(){p?(r(d,"opened"),q(d,"closed"),m(d,{"aria-hidden":"true"}),f.animate?setTimeout(function(){d.style.position=
-"absolute"},f.transition+10):d.style.position="absolute",p=!1,f.close()):(r(d,"closed"),q(d,"opened"),d.style.position=f.openPos,m(d,{"aria-hidden":"false"}),p=!0,f.open())},handleEvent:function(a){a=a||g.event;switch(a.type){case "mousedown":this._onmousedown(a);break;case "touchstart":this._ontouchstart(a);break;case "touchend":this._ontouchend(a);break;case "keyup":this._onkeyup(a);break;case "click":this._onclick(a);break;case "load":this._transitions(a);this._resize(a);break;case "resize":this._resize(a)}},
-_init:function(){q(d,"closed");p=!1;this._createToggle();k(g,"load",this,!1);k(g,"resize",this,!1);k(e,"mousedown",this,!1);k(e,"touchstart",this,!1);k(e,"touchend",this,!1);k(e,"keyup",this,!1);k(e,"click",this,!1)},_createStyles:function(){n.parentNode||h.getElementsByTagName("head")[0].appendChild(n)},_removeStyles:function(){n.parentNode&&n.parentNode.removeChild(n)},_createToggle:function(){if(f.customToggle){var a=f.customToggle.replace("#","");if(h.getElementById(a))e=h.getElementById(a);else throw Error("The custom nav toggle you are trying to select doesn't exist");
-}else a=h.createElement("a"),a.innerHTML=f.label,m(a,{href:"#",id:"nav-toggle"}),"after"===f.insert?d.parentNode.insertBefore(a,d.nextSibling):d.parentNode.insertBefore(a,d),e=h.getElementById("nav-toggle")},_preventDefault:function(a){a.preventDefault?(a.preventDefault(),a.stopPropagation()):a.returnValue=!1},_onmousedown:function(a){var b=a||g.event;3!==b.which&&2!==b.button&&(this._preventDefault(a),this.toggle(a))},_ontouchstart:function(a){e.onmousedown=null;this._preventDefault(a);this.toggle(a)},
-_ontouchend:function(){var a=this;d.addEventListener("click",a._preventDefault,!0);setTimeout(function(){d.removeEventListener("click",a._preventDefault,!0)},f.transition)},_onkeyup:function(a){13===(a||g.event).keyCode&&this.toggle(a)},_onclick:function(a){this._preventDefault(a)},_transitions:function(){if(f.animate){var a=d.style,b="max-height "+f.transition+"ms";a.WebkitTransition=b;a.MozTransition=b;a.OTransition=b;a.transition=b}},_calcHeight:function(){for(var a=0,b=0;b<d.inner.length;b++)a+=
-d.inner[b].offsetHeight;a="#"+this.wrapperEl+".opened{max-height:"+a+"px}";u&&(n.innerHTML=a)},_resize:function(){"none"!==g.getComputedStyle(e,null).getPropertyValue("display")?(m(e,{"aria-hidden":"false"}),d.className.match(/(^|\s)closed(\s|$)/)&&(m(d,{"aria-hidden":"true"}),d.style.position="absolute"),this._createStyles(),this._calcHeight()):(m(e,{"aria-hidden":"true"}),m(d,{"aria-hidden":"false"}),d.style.position=f.openPos,this._removeStyles());f.init()}};var s;return function(a,b){s||(s=new t(a,
-b));return s}}(window,document);
+/*! responsive-nav.js v1.0.20 by @viljamis, http://responsive-nav.com, MIT license */
+var responsiveNav=function(h,g){var v=!!h.getComputedStyle;h.getComputedStyle||(h.getComputedStyle=function(a){this.el=a;this.getPropertyValue=function(b){var c=/(\-([a-z]){1})/g;"float"===b&&(b="styleFloat");c.test(b)&&(b=b.replace(c,function(a,b,c){return c.toUpperCase()}));return a.currentStyle[b]?a.currentStyle[b]:null};return this});var d,f,e,n=g.createElement("style"),p,q,l=function(a,b,c,d){if("addEventListener"in a)try{a.addEventListener(b,c,d)}catch(e){if("object"===typeof c&&c.handleEvent)a.addEventListener(b,
+function(a){c.handleEvent.call(c,a)},d);else throw e;}else"attachEvent"in a&&("object"===typeof c&&c.handleEvent?a.attachEvent("on"+b,function(){c.handleEvent.call(c)}):a.attachEvent("on"+b,c))},k=function(a,b,c,d){if("removeEventListener"in a)try{a.removeEventListener(b,c,d)}catch(e){if("object"===typeof c&&c.handleEvent)a.removeEventListener(b,function(a){c.handleEvent.call(c,a)},d);else throw e;}else"detachEvent"in a&&("object"===typeof c&&c.handleEvent?a.detachEvent("on"+b,function(){c.handleEvent.call(c)}):
+a.detachEvent("on"+b,c))},w=function(a){if(1>a.children.length)throw Error("The Nav container has no containing elements");for(var b=[],c=0;c<a.children.length;c++)1===a.children[c].nodeType&&b.push(a.children[c]);return b},m=function(a,b){for(var c in b)a.setAttribute(c,b[c])},r=function(a,b){a.className+=" "+b;a.className=a.className.replace(/(^\s*)|(\s*$)/g,"")},s=function(a,b){a.className=a.className.replace(RegExp("(\\s|^)"+b+"(\\s|$)")," ").replace(/(^\s*)|(\s*$)/g,"")},u=function(a,b){var c;
+this.options={animate:!0,transition:350,label:"Menu",insert:"after",customToggle:"",openPos:"relative",jsClass:"js",init:function(){},open:function(){},close:function(){}};for(c in b)this.options[c]=b[c];r(g.documentElement,this.options.jsClass);this.wrapperEl=a.replace("#","");if(g.getElementById(this.wrapperEl))this.wrapper=g.getElementById(this.wrapperEl);else throw Error("The nav element you are trying to select doesn't exist");this.wrapper.inner=w(this.wrapper);f=this.options;d=this.wrapper;
+this._init(this)};u.prototype={destroy:function(){this._removeStyles();s(d,"closed");s(d,"opened");d.removeAttribute("style");d.removeAttribute("aria-hidden");t=d=null;k(h,"resize",this,!1);k(g.body,"touchmove",this,!1);k(e,"touchstart",this,!1);k(e,"touchend",this,!1);k(e,"keyup",this,!1);k(e,"click",this,!1);k(e,"mouseup",this,!1);f.customToggle?e.removeAttribute("aria-hidden"):e.parentNode.removeChild(e)},toggle:function(){!0===p&&(q?(s(d,"opened"),r(d,"closed"),m(d,{"aria-hidden":"true"}),f.animate?
+(p=!1,setTimeout(function(){d.style.position="absolute";p=!0},f.transition+10)):d.style.position="absolute",q=!1,f.close()):(s(d,"closed"),r(d,"opened"),d.style.position=f.openPos,m(d,{"aria-hidden":"false"}),q=!0,f.open()))},handleEvent:function(a){a=a||h.event;switch(a.type){case "touchstart":this._onTouchStart(a);break;case "touchmove":this._onTouchMove(a);break;case "touchend":case "mouseup":this._onTouchEnd(a);break;case "click":this._preventDefault(a);break;case "keyup":this._onKeyUp(a);break;
+case "resize":this._resize(a)}},_init:function(){r(d,"closed");p=!0;q=!1;this._createToggle();this._transitions();this._resize();l(h,"resize",this,!1);l(g.body,"touchmove",this,!1);l(e,"touchstart",this,!1);l(e,"touchend",this,!1);l(e,"mouseup",this,!1);l(e,"keyup",this,!1);l(e,"click",this,!1);f.init()},_createStyles:function(){n.parentNode||g.getElementsByTagName("head")[0].appendChild(n)},_removeStyles:function(){n.parentNode&&n.parentNode.removeChild(n)},_createToggle:function(){if(f.customToggle){var a=
+f.customToggle.replace("#","");if(g.getElementById(a))e=g.getElementById(a);else throw Error("The custom nav toggle you are trying to select doesn't exist");}else a=g.createElement("a"),a.innerHTML=f.label,m(a,{href:"#",id:"nav-toggle"}),"after"===f.insert?d.parentNode.insertBefore(a,d.nextSibling):d.parentNode.insertBefore(a,d),e=g.getElementById("nav-toggle")},_preventDefault:function(a){a.preventDefault?(a.preventDefault(),a.stopPropagation()):a.returnValue=!1},_onTouchStart:function(a){a.stopPropagation();
+this.startX=a.touches[0].clientX;this.startY=a.touches[0].clientY;this.touchHasMoved=!1;k(e,"mouseup",this,!1)},_onTouchMove:function(a){if(10<Math.abs(a.touches[0].clientX-this.startX)||10<Math.abs(a.touches[0].clientY-this.startY))this.touchHasMoved=!0},_onTouchEnd:function(a){this._preventDefault(a);if(!this.touchHasMoved)if("touchend"===a.type){this.toggle(a);var b=this;d.addEventListener("click",b._preventDefault,!0);setTimeout(function(){d.removeEventListener("click",b._preventDefault,!0)},
+f.transition+100)}else{var c=a||h.event;3!==c.which&&2!==c.button&&this.toggle(a)}},_onKeyUp:function(a){13===(a||h.event).keyCode&&this.toggle(a)},_transitions:function(){if(f.animate){var a=d.style,b="max-height "+f.transition+"ms";a.WebkitTransition=b;a.MozTransition=b;a.OTransition=b;a.transition=b}},_calcHeight:function(){for(var a=0,b=0;b<d.inner.length;b++)a+=d.inner[b].offsetHeight;a="#"+this.wrapperEl+".opened{max-height:"+a+"px}";v&&(n.innerHTML=a)},_resize:function(){"none"!==h.getComputedStyle(e,
+null).getPropertyValue("display")?(m(e,{"aria-hidden":"false"}),d.className.match(/(^|\s)closed(\s|$)/)&&(m(d,{"aria-hidden":"true"}),d.style.position="absolute"),this._createStyles(),this._calcHeight()):(m(e,{"aria-hidden":"true"}),m(d,{"aria-hidden":"false"}),d.style.position=f.openPos,this._removeStyles())}};var t;return function(a,b){t||(t=new u(a,b));return t}}(window,document);

data/vendor/assets/stylesheets/responsive-nav.css

@@ -1,4 +1,4 @@
-/*! responsive-nav.js v1.0.16 by @viljamis */
+/*! responsive-nav.js v1.0.20 by @viljamis */
 
 #nav ul {
   margin: 0;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: responsive-nav-rails
 version: !ruby/object:Gem::Version
-  version: 1.0.16
+  version: 1.0.20
 platform: ruby
 authors:
 - Thomas McNiven
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-08-05 00:00:00.000000000 Z
+date: 2013-08-15 00:00:00.000000000 Z
 dependencies: []
 description: responsive-nav.com for the rails asset pipeline
 email: