responsive-nav-rails 1.0.32 → 1.0.33

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f2d4fd0a11e21ac638778e6043caaeb7f2e8c36a
-  data.tar.gz: 43edd4a6948fc4ae201a24b3b4b397a084cf5129
+  metadata.gz: 40318cd59caab00f767188862c9a500b8719f5cb
+  data.tar.gz: 561645af35471d4ab569205ee08386f7404e2cdb
 SHA512:
-  metadata.gz: d22ac799c3bbbfc517cc851be6fd554cf1e36d8a020d96284c1ecdb68ca478929305301169245febf93f382c86ff3010275a8c50eb843ea4fcf235fcdd1b6a59
-  data.tar.gz: 2fc5dcd3765982fd0c44ab98863c45ae560900152d08ca35f50c1c064efd57c5ae1f5ca9c65d8629b43d1bbb0b92ccccf41613dc984c5598e1b0109a65add3fb
+  metadata.gz: 0ab065b1002b16a677e3ea4bff6807e8645387e2e84aa3b20c06fb7abe12025ac5ce8a3a41bfe6e9cba6a9af4ff78df3b22218b50a2cffe0a08c93ec6de100e5
+  data.tar.gz: e28632e0a53dcc4103d1ea95e09d71b4acb9a43c6ee4176e1cd3e3c3d5dd124e7a57a429637f292969c3ea52ac0ca5bee3e48beb02ae93d39184ae134f5e7d75

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

@@ -1,3 +1,3 @@
 module ResponsiveNavRails
-  VERSION = "1.0.32"
-end
+  VERSION = "1.0.33"
+end

data/responsive-nav-rails.gemspec

@@ -5,7 +5,7 @@ Gem::Specification.new do |spec|
   spec.name          = "responsive-nav-rails"
   spec.version       = ResponsiveNavRails::VERSION
   spec.authors       = ["Thomas McNiven"]
-  spec.email         = ["trmcniven@vevix.net"]
+  spec.email         = ["hello@vevix.net"]
   spec.description   = "responsive-nav.com for the rails asset pipeline"
   spec.summary       = "an asset gemification of the responsive-nav plugin"
   spec.homepage      = "https://github.com/vevix/responsive-nav-rails"

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

@@ -7,14 +7,17 @@
  */
 
 (function (document, window, index) {
+  // Index is used to keep multiple navs on the same page namespaced
 
   "use strict";
 
   var responsiveNav = function (el, options) {
 
     var computed = !!window.getComputedStyle;
-    
-    // getComputedStyle polyfill
+
+    /**
+     * getComputedStyle polyfill for old browsers
+     */
     if (!computed) {
       window.getComputedStyle = function(el) {
         this.el = el;
@@ -34,8 +37,17 @@
       };
     }
     /* exported addEvent, removeEvent, getChildren, setAttributes, addClass, removeClass, forEach */
-    // fn arg can be an object or a function, thanks to handleEvent
-    // read more at: http://www.thecssninja.com/javascript/handleevent
+
+    /**
+     * Add Event
+     * fn arg can be an object or a function, thanks to handleEvent
+     * read more at: http://www.thecssninja.com/javascript/handleevent
+     *
+     * @param  {element}  element
+     * @param  {event}    event
+     * @param  {Function} fn
+     * @param  {boolean}  bubbling
+     */
     var addEvent = function (el, evt, fn, bubble) {
         if ("addEventListener" in el) {
           // BBOS6 doesn't support handleEvent, catch and polyfill
@@ -63,7 +75,15 @@
           }
         }
       },
-    
+
+      /**
+       * Remove Event
+       *
+       * @param  {element}  element
+       * @param  {event}    event
+       * @param  {Function} fn
+       * @param  {boolean}  bubbling
+       */
       removeEvent = function (el, evt, fn, bubble) {
         if ("removeEventListener" in el) {
           try {
@@ -87,7 +107,13 @@
           }
         }
       },
-    
+
+      /**
+       * Get the children of any element
+       *
+       * @param  {element}
+       * @return {array} Returns matching elements in an array
+       */
       getChildren = function (e) {
         if (e.children.length < 1) {
           throw new Error("The Nav container has no containing elements");
@@ -102,26 +128,50 @@
         }
         return children;
       },
-    
+
+      /**
+       * Sets multiple attributes at once
+       *
+       * @param {element} element
+       * @param {attrs}   attrs
+       */
       setAttributes = function (el, attrs) {
         for (var key in attrs) {
           el.setAttribute(key, attrs[key]);
         }
       },
-    
+
+      /**
+       * Adds a class to any element
+       *
+       * @param {element} element
+       * @param {string}  class
+       */
       addClass = function (el, cls) {
         if (el.className.indexOf(cls) !== 0) {
           el.className += " " + cls;
           el.className = el.className.replace(/(^\s*)|(\s*$)/g,"");
         }
       },
-    
+
+      /**
+       * Remove a class from any element
+       *
+       * @param  {element} element
+       * @param  {string}  class
+       */
       removeClass = function (el, cls) {
         var reg = new RegExp("(\\s|^)" + cls + "(\\s|$)");
         el.className = el.className.replace(reg, " ").replace(/(^\s*)|(\s*$)/g,"");
       },
-    
-      // forEach method that passes back the stuff we need
+
+      /**
+       * forEach method that passes back the stuff we need
+       *
+       * @param  {array}    array
+       * @param  {Function} callback
+       * @param  {scope}    scope
+       */
       forEach = function (array, callback, scope) {
         for (var i = 0; i < array.length; i++) {
           callback.call(scope, i, array[i]);
@@ -140,7 +190,10 @@
     var ResponsiveNav = function (el, options) {
         var i;
 
-        // Default options
+        /**
+         * Default options
+         * @type {Object}
+         */
         this.options = {
           animate: true,                    // Boolean: Use CSS3 transitions, true or false
           transition: 284,                  // Integer: Speed of the transition, in milliseconds
@@ -194,7 +247,9 @@
 
     ResponsiveNav.prototype = {
 
-      // Public methods
+      /**
+       * Unattaches events and removes any classes that were added
+       */
       destroy: function () {
         this._removeStyles();
         removeClass(nav, "closed");
@@ -206,6 +261,7 @@
         nav.removeAttribute("aria-hidden");
 
         removeEvent(window, "resize", this, false);
+        removeEvent(window, "focus", this, false);
         removeEvent(document.body, "touchmove", this, false);
         removeEvent(navToggle, "touchstart", this, false);
         removeEvent(navToggle, "touchend", this, false);
@@ -220,6 +276,9 @@
         }
       },
 
+      /**
+       * Toggles the navigation open/close
+       */
       toggle: function () {
         if (hasAnimFinished === true) {
           if (!navOpen) {
@@ -227,9 +286,15 @@
           } else {
             this.close();
           }
+
+          // Enable pointer events again
+          this._enablePointerEvents();
         }
       },
 
+      /**
+       * Opens the navigation
+       */
       open: function () {
         if (!navOpen) {
           removeClass(nav, "closed");
@@ -243,6 +308,9 @@
         }
       },
 
+      /**
+       * Closes the navigation
+       */
       close: function () {
         if (navOpen) {
           addClass(nav, "closed");
@@ -251,12 +319,15 @@
           removeClass(navToggle, "active");
           setAttributes(nav, {"aria-hidden": "true"});
 
+          // If animations are enabled, wait until they finish
           if (opts.animate) {
             hasAnimFinished = false;
             setTimeout(function () {
               nav.style.position = "absolute";
               hasAnimFinished = true;
             }, opts.transition + 10);
+
+          // Animations aren't enabled, we can do these immediately
           } else {
             nav.style.position = "absolute";
           }
@@ -266,7 +337,13 @@
         }
       },
 
+      /**
+       * Resize is called on window resize and orientation change.
+       * It initializes the CSS styles and height calculations.
+       */
       resize: function () {
+
+        // Resize watches navigation toggle's display state
         if (window.getComputedStyle(navToggle, null).getPropertyValue("display") !== "none") {
 
           isMobile = true;
@@ -290,6 +367,12 @@
         }
       },
 
+      /**
+       * Takes care of all even handling
+       *
+       * @param  {event} event
+       * @return {type} returns the type of event that should be used
+       */
       handleEvent: function (e) {
         var evt = e || window.event;
 
@@ -310,13 +393,16 @@
         case "keyup":
           this._onKeyUp(evt);
           break;
+        case "focus":
         case "resize":
           this.resize(evt);
           break;
         }
       },
 
-      // Private methods
+      /**
+       * Initializes the widget
+       */
       _init: function () {
         this.index = index++;
 
@@ -331,13 +417,18 @@
         this._transitions();
         this.resize();
 
-        // IE8 hack
+        /**
+         * On IE8 the resize event triggers too early for some reason
+         * so it's called here again on init to make sure all the
+         * calculated styles are correct.
+         */
         var self = this;
         setTimeout(function () {
           self.resize();
         }, 20);
 
         addEvent(window, "resize", this, false);
+        addEvent(window, "focus", this, false);
         addEvent(document.body, "touchmove", this, false);
         addEvent(navToggle, "touchstart", this, false);
         addEvent(navToggle, "touchend", this, false);
@@ -345,10 +436,15 @@
         addEvent(navToggle, "keyup", this, false);
         addEvent(navToggle, "click", this, false);
 
-        // Init callback
+        /**
+         * Init callback here
+         */
         opts.init();
       },
 
+      /**
+       * Creates Styles to the <head>
+       */
       _createStyles: function () {
         if (!styleElement.parentNode) {
           styleElement.type = "text/css";
@@ -356,13 +452,21 @@
         }
       },
 
+      /**
+       * Removes styles from the <head>
+       */
       _removeStyles: function () {
         if (styleElement.parentNode) {
           styleElement.parentNode.removeChild(styleElement);
         }
       },
 
+      /**
+       * Creates Navigation Toggle
+       */
       _createToggle: function () {
+
+        // If there's no toggle, let's create one
         if (!opts.customToggle) {
           var toggle = document.createElement("a");
           toggle.innerHTML = opts.label;
@@ -371,6 +475,7 @@
             "class": "nav-toggle"
           });
 
+          // Determine where to insert the toggle
           if (opts.insert === "after") {
             nav.parentNode.insertBefore(toggle, nav.nextSibling);
           } else {
@@ -378,6 +483,8 @@
           }
 
           navToggle = toggle;
+
+        // There is a toggle already, let's use that one
         } else {
           var toggleEl = opts.customToggle.replace("#", "");
 
@@ -391,9 +498,12 @@
         }
       },
 
+      /**
+       * Closes the navigation when a link inside is clicked
+       */
       _closeOnNavClick: function () {
-        if (opts.closeOnNavClick && "querySelectorAll" in document) {
-          var links = nav.querySelectorAll("a"),
+        if (opts.closeOnNavClick) {
+          var links = nav.getElementsByTagName("a"),
             self = this;
           forEach(links, function (i, el) {
             addEvent(links[i], "click", function () {
@@ -405,36 +515,76 @@
         }
       },
 
+      /**
+       * Prevents the default tap functionality
+       *
+       * @param  {event} event
+       */
       _preventDefault: function(e) {
         if (e.preventDefault) {
+          if (e.stopImmediatePropagation) {
+            e.stopImmediatePropagation();
+          }
           e.preventDefault();
           e.stopPropagation();
+          return false;
+
+        // This is strictly for old IE
         } else {
           e.returnValue = false;
         }
       },
 
+      /**
+       * On touch start get the location of the touch
+       * and disable pointer events on the body.
+       *
+       * @param  {event} event
+       */
       _onTouchStart: function (e) {
-        e.stopPropagation();
-        if (opts.insert === "after") {
-          addClass(document.body, "disable-pointer-events");
-        }
+        this._preventDefault(e);
+        addClass(document.body, "disable-pointer-events");
         this.startX = e.touches[0].clientX;
         this.startY = e.touches[0].clientY;
         this.touchHasMoved = false;
+
+        /**
+         * We remove mouseup event completely here to avoid
+         * double triggering of events.
+         */
         removeEvent(navToggle, "mouseup", this, false);
       },
 
+      /**
+       * Check if the user is scrolling instead of tapping and
+       * re-enable pointer events if movement happed.
+       *
+       * @param  {event} event
+       */
       _onTouchMove: function (e) {
         if (Math.abs(e.touches[0].clientX - this.startX) > 10 ||
         Math.abs(e.touches[0].clientY - this.startY) > 10) {
+          this._enablePointerEvents();
           this.touchHasMoved = true;
         }
       },
 
+      /**
+       * On touch end toggle either the whole navigation or
+       * a sub-navigation depending on which one was tapped.
+       *
+       * @param  {event} event
+       */
       _onTouchEnd: function (e) {
         this._preventDefault(e);
+        if (!isMobile) {
+          return;
+        }
+
+        // If the user isn't scrolling
         if (!this.touchHasMoved) {
+
+          // If the event type is touch
           if (e.type === "touchend") {
             this.toggle();
             if (opts.insert === "after") {
@@ -443,9 +593,12 @@
               }, opts.transition + 300);
             }
             return;
+
+          // Event type was click, not touch
           } else {
             var evt = e || window.event;
-            // If it isn't a right click
+
+            // If it isn't a right click, do toggling
             if (!(evt.which === 3 || evt.button === 2)) {
               this.toggle();
             }
@@ -453,6 +606,13 @@
         }
       },
 
+      /**
+       * For keyboard accessibility, toggle the navigation on Enter
+       * keypress too (also sub-navigation is keyboard accessible
+       * which explains the complexity here)
+       *
+       * @param  {event} event
+       */
       _onKeyUp: function (e) {
         var evt = e || window.event;
         if (evt.keyCode === 13) {
@@ -460,6 +620,16 @@
         }
       },
 
+      /**
+       * Enable pointer events
+       */
+      _enablePointerEvents: function () {
+        removeClass(document.body, "disable-pointer-events");
+      },
+
+      /**
+       * Adds the needed CSS transitions if animations are enabled
+       */
       _transitions: function () {
         if (opts.animate) {
           var objStyle = nav.style,
@@ -472,12 +642,19 @@
         }
       },
 
+      /**
+       * Calculates the height of the navigation and then creates
+       * styles which are later added to the page <head>
+       */
       _calcHeight: function () {
         var savedHeight = 0;
         for (var i = 0; i < nav.inner.length; i++) {
           savedHeight += nav.inner[i].offsetHeight;
         }
-        var innerStyles = "." + opts.jsClass + " ." + opts.navClass + "-" + this.index + ".opened{max-height:" + savedHeight + "px !important}";
+
+        // Pointer event styles are also here since they might only be confusing inside the stylesheet
+        var innerStyles = "." + opts.jsClass + " ." + opts.navClass + "-" + this.index + ".opened{max-height:" + savedHeight + "px !important} ." + opts.jsClass + " .disable-pointer-events{pointer-events:none !important} ." + opts.jsClass + " ." + opts.navClass + "-" + this.index + ".opened.dropdown-active {max-height:9999px !important}";
+
 
         if (styleElement.styleSheet) {
           styleElement.styleSheet.cssText = innerStyles;
@@ -490,10 +667,13 @@
 
     };
 
+    /**
+     * Return new Responsive Nav
+     */
     return new ResponsiveNav(el, options);
 
   };
 
   window.responsiveNav = responsiveNav;
 
-}(document, window, 0));
+}(document, window, 0));

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

@@ -1 +1 @@
-!function(a,b,c){"use strict";var d=function(d,e){var f=!!b.getComputedStyle;f||(b.getComputedStyle=function(a){return this.el=a,this.getPropertyValue=function(b){var c=/(\-([a-z]){1})/g;return"float"===b&&(b="styleFloat"),c.test(b)&&(b=b.replace(c,function(){return arguments[2].toUpperCase()})),a.currentStyle[b]?a.currentStyle[b]:null},this});var g,h,i,j,k,l,m=function(a,b,c,d){if("addEventListener"in a)try{a.addEventListener(b,c,d)}catch(e){if("object"!=typeof c||!c.handleEvent)throw e;a.addEventListener(b,function(a){c.handleEvent.call(c,a)},d)}else"attachEvent"in a&&("object"==typeof c&&c.handleEvent?a.attachEvent("on"+b,function(){c.handleEvent.call(c)}):a.attachEvent("on"+b,c))},n=function(a,b,c,d){if("removeEventListener"in a)try{a.removeEventListener(b,c,d)}catch(e){if("object"!=typeof c||!c.handleEvent)throw e;a.removeEventListener(b,function(a){c.handleEvent.call(c,a)},d)}else"detachEvent"in a&&("object"==typeof c&&c.handleEvent?a.detachEvent("on"+b,function(){c.handleEvent.call(c)}):a.detachEvent("on"+b,c))},o=function(a){if(a.children.length<1)throw new 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},p=function(a,b){for(var c in b)a.setAttribute(c,b[c])},q=function(a,b){0!==a.className.indexOf(b)&&(a.className+=" "+b,a.className=a.className.replace(/(^\s*)|(\s*$)/g,""))},r=function(a,b){var c=new RegExp("(\\s|^)"+b+"(\\s|$)");a.className=a.className.replace(c," ").replace(/(^\s*)|(\s*$)/g,"")},s=function(a,b,c){for(var d=0;d<a.length;d++)b.call(c,d,a[d])},t=a.createElement("style"),u=a.documentElement,v=function(b,c){var d;this.options={animate:!0,transition:284,label:"Menu",insert:"before",customToggle:"",closeOnNavClick:!1,openPos:"relative",navClass:"nav-collapse",navActiveClass:"js-nav-active",jsClass:"js",init:function(){},open:function(){},close:function(){}};for(d in c)this.options[d]=c[d];if(q(u,this.options.jsClass),this.wrapperEl=b.replace("#",""),a.getElementById(this.wrapperEl))this.wrapper=a.getElementById(this.wrapperEl);else{if(!a.querySelector(this.wrapperEl))throw new Error("The nav element you are trying to select doesn't exist");this.wrapper=a.querySelector(this.wrapperEl)}this.wrapper.inner=o(this.wrapper),h=this.options,g=this.wrapper,this._init(this)};return v.prototype={destroy:function(){this._removeStyles(),r(g,"closed"),r(g,"opened"),r(g,h.navClass),r(g,h.navClass+"-"+this.index),r(u,h.navActiveClass),g.removeAttribute("style"),g.removeAttribute("aria-hidden"),n(b,"resize",this,!1),n(a.body,"touchmove",this,!1),n(i,"touchstart",this,!1),n(i,"touchend",this,!1),n(i,"mouseup",this,!1),n(i,"keyup",this,!1),n(i,"click",this,!1),h.customToggle?i.removeAttribute("aria-hidden"):i.parentNode.removeChild(i)},toggle:function(){j===!0&&(l?this.close():this.open())},open:function(){l||(r(g,"closed"),q(g,"opened"),q(u,h.navActiveClass),q(i,"active"),g.style.position=h.openPos,p(g,{"aria-hidden":"false"}),l=!0,h.open())},close:function(){l&&(q(g,"closed"),r(g,"opened"),r(u,h.navActiveClass),r(i,"active"),p(g,{"aria-hidden":"true"}),h.animate?(j=!1,setTimeout(function(){g.style.position="absolute",j=!0},h.transition+10)):g.style.position="absolute",l=!1,h.close())},resize:function(){"none"!==b.getComputedStyle(i,null).getPropertyValue("display")?(k=!0,p(i,{"aria-hidden":"false"}),g.className.match(/(^|\s)closed(\s|$)/)&&(p(g,{"aria-hidden":"true"}),g.style.position="absolute"),this._createStyles(),this._calcHeight()):(k=!1,p(i,{"aria-hidden":"true"}),p(g,{"aria-hidden":"false"}),g.style.position=h.openPos,this._removeStyles())},handleEvent:function(a){var c=a||b.event;switch(c.type){case"touchstart":this._onTouchStart(c);break;case"touchmove":this._onTouchMove(c);break;case"touchend":case"mouseup":this._onTouchEnd(c);break;case"click":this._preventDefault(c);break;case"keyup":this._onKeyUp(c);break;case"resize":this.resize(c)}},_init:function(){this.index=c++,q(g,h.navClass),q(g,h.navClass+"-"+this.index),q(g,"closed"),j=!0,l=!1,this._closeOnNavClick(),this._createToggle(),this._transitions(),this.resize();var d=this;setTimeout(function(){d.resize()},20),m(b,"resize",this,!1),m(a.body,"touchmove",this,!1),m(i,"touchstart",this,!1),m(i,"touchend",this,!1),m(i,"mouseup",this,!1),m(i,"keyup",this,!1),m(i,"click",this,!1),h.init()},_createStyles:function(){t.parentNode||(t.type="text/css",a.getElementsByTagName("head")[0].appendChild(t))},_removeStyles:function(){t.parentNode&&t.parentNode.removeChild(t)},_createToggle:function(){if(h.customToggle){var b=h.customToggle.replace("#","");if(a.getElementById(b))i=a.getElementById(b);else{if(!a.querySelector(b))throw new Error("The custom nav toggle you are trying to select doesn't exist");i=a.querySelector(b)}}else{var c=a.createElement("a");c.innerHTML=h.label,p(c,{href:"#","class":"nav-toggle"}),"after"===h.insert?g.parentNode.insertBefore(c,g.nextSibling):g.parentNode.insertBefore(c,g),i=c}},_closeOnNavClick:function(){if(h.closeOnNavClick&&"querySelectorAll"in a){var b=g.querySelectorAll("a"),c=this;s(b,function(a){m(b[a],"click",function(){k&&c.toggle()},!1)})}},_preventDefault:function(a){a.preventDefault?(a.preventDefault(),a.stopPropagation()):a.returnValue=!1},_onTouchStart:function(b){b.stopPropagation(),"after"===h.insert&&q(a.body,"disable-pointer-events"),this.startX=b.touches[0].clientX,this.startY=b.touches[0].clientY,this.touchHasMoved=!1,n(i,"mouseup",this,!1)},_onTouchMove:function(a){(Math.abs(a.touches[0].clientX-this.startX)>10||Math.abs(a.touches[0].clientY-this.startY)>10)&&(this.touchHasMoved=!0)},_onTouchEnd:function(c){if(this._preventDefault(c),!this.touchHasMoved){if("touchend"===c.type)return this.toggle(),"after"===h.insert&&setTimeout(function(){r(a.body,"disable-pointer-events")},h.transition+300),void 0;var d=c||b.event;3!==d.which&&2!==d.button&&this.toggle()}},_onKeyUp:function(a){var c=a||b.event;13===c.keyCode&&this.toggle()},_transitions:function(){if(h.animate){var a=g.style,b="max-height "+h.transition+"ms";a.WebkitTransition=b,a.MozTransition=b,a.OTransition=b,a.transition=b}},_calcHeight:function(){for(var a=0,b=0;b<g.inner.length;b++)a+=g.inner[b].offsetHeight;var c="."+h.jsClass+" ."+h.navClass+"-"+this.index+".opened{max-height:"+a+"px !important}";t.styleSheet?t.styleSheet.cssText=c:t.innerHTML=c,c=""}},new v(d,e)};b.responsiveNav=d}(document,window,0);
+!function(a,b,c){"use strict";var d=function(d,e){var f=!!b.getComputedStyle;f||(b.getComputedStyle=function(a){return this.el=a,this.getPropertyValue=function(b){var c=/(\-([a-z]){1})/g;return"float"===b&&(b="styleFloat"),c.test(b)&&(b=b.replace(c,function(){return arguments[2].toUpperCase()})),a.currentStyle[b]?a.currentStyle[b]:null},this});var g,h,i,j,k,l,m=function(a,b,c,d){if("addEventListener"in a)try{a.addEventListener(b,c,d)}catch(e){if("object"!=typeof c||!c.handleEvent)throw e;a.addEventListener(b,function(a){c.handleEvent.call(c,a)},d)}else"attachEvent"in a&&("object"==typeof c&&c.handleEvent?a.attachEvent("on"+b,function(){c.handleEvent.call(c)}):a.attachEvent("on"+b,c))},n=function(a,b,c,d){if("removeEventListener"in a)try{a.removeEventListener(b,c,d)}catch(e){if("object"!=typeof c||!c.handleEvent)throw e;a.removeEventListener(b,function(a){c.handleEvent.call(c,a)},d)}else"detachEvent"in a&&("object"==typeof c&&c.handleEvent?a.detachEvent("on"+b,function(){c.handleEvent.call(c)}):a.detachEvent("on"+b,c))},o=function(a){if(a.children.length<1)throw new 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},p=function(a,b){for(var c in b)a.setAttribute(c,b[c])},q=function(a,b){0!==a.className.indexOf(b)&&(a.className+=" "+b,a.className=a.className.replace(/(^\s*)|(\s*$)/g,""))},r=function(a,b){var c=new RegExp("(\\s|^)"+b+"(\\s|$)");a.className=a.className.replace(c," ").replace(/(^\s*)|(\s*$)/g,"")},s=function(a,b,c){for(var d=0;d<a.length;d++)b.call(c,d,a[d])},t=a.createElement("style"),u=a.documentElement,v=function(b,c){var d;this.options={animate:!0,transition:284,label:"Menu",insert:"before",customToggle:"",closeOnNavClick:!1,openPos:"relative",navClass:"nav-collapse",navActiveClass:"js-nav-active",jsClass:"js",init:function(){},open:function(){},close:function(){}};for(d in c)this.options[d]=c[d];if(q(u,this.options.jsClass),this.wrapperEl=b.replace("#",""),a.getElementById(this.wrapperEl))this.wrapper=a.getElementById(this.wrapperEl);else{if(!a.querySelector(this.wrapperEl))throw new Error("The nav element you are trying to select doesn't exist");this.wrapper=a.querySelector(this.wrapperEl)}this.wrapper.inner=o(this.wrapper),h=this.options,g=this.wrapper,this._init(this)};return v.prototype={destroy:function(){this._removeStyles(),r(g,"closed"),r(g,"opened"),r(g,h.navClass),r(g,h.navClass+"-"+this.index),r(u,h.navActiveClass),g.removeAttribute("style"),g.removeAttribute("aria-hidden"),n(b,"resize",this,!1),n(b,"focus",this,!1),n(a.body,"touchmove",this,!1),n(i,"touchstart",this,!1),n(i,"touchend",this,!1),n(i,"mouseup",this,!1),n(i,"keyup",this,!1),n(i,"click",this,!1),h.customToggle?i.removeAttribute("aria-hidden"):i.parentNode.removeChild(i)},toggle:function(){j===!0&&(l?this.close():this.open(),this._enablePointerEvents())},open:function(){l||(r(g,"closed"),q(g,"opened"),q(u,h.navActiveClass),q(i,"active"),g.style.position=h.openPos,p(g,{"aria-hidden":"false"}),l=!0,h.open())},close:function(){l&&(q(g,"closed"),r(g,"opened"),r(u,h.navActiveClass),r(i,"active"),p(g,{"aria-hidden":"true"}),h.animate?(j=!1,setTimeout(function(){g.style.position="absolute",j=!0},h.transition+10)):g.style.position="absolute",l=!1,h.close())},resize:function(){"none"!==b.getComputedStyle(i,null).getPropertyValue("display")?(k=!0,p(i,{"aria-hidden":"false"}),g.className.match(/(^|\s)closed(\s|$)/)&&(p(g,{"aria-hidden":"true"}),g.style.position="absolute"),this._createStyles(),this._calcHeight()):(k=!1,p(i,{"aria-hidden":"true"}),p(g,{"aria-hidden":"false"}),g.style.position=h.openPos,this._removeStyles())},handleEvent:function(a){var c=a||b.event;switch(c.type){case"touchstart":this._onTouchStart(c);break;case"touchmove":this._onTouchMove(c);break;case"touchend":case"mouseup":this._onTouchEnd(c);break;case"click":this._preventDefault(c);break;case"keyup":this._onKeyUp(c);break;case"focus":case"resize":this.resize(c)}},_init:function(){this.index=c++,q(g,h.navClass),q(g,h.navClass+"-"+this.index),q(g,"closed"),j=!0,l=!1,this._closeOnNavClick(),this._createToggle(),this._transitions(),this.resize();var d=this;setTimeout(function(){d.resize()},20),m(b,"resize",this,!1),m(b,"focus",this,!1),m(a.body,"touchmove",this,!1),m(i,"touchstart",this,!1),m(i,"touchend",this,!1),m(i,"mouseup",this,!1),m(i,"keyup",this,!1),m(i,"click",this,!1),h.init()},_createStyles:function(){t.parentNode||(t.type="text/css",a.getElementsByTagName("head")[0].appendChild(t))},_removeStyles:function(){t.parentNode&&t.parentNode.removeChild(t)},_createToggle:function(){if(h.customToggle){var b=h.customToggle.replace("#","");if(a.getElementById(b))i=a.getElementById(b);else{if(!a.querySelector(b))throw new Error("The custom nav toggle you are trying to select doesn't exist");i=a.querySelector(b)}}else{var c=a.createElement("a");c.innerHTML=h.label,p(c,{href:"#","class":"nav-toggle"}),"after"===h.insert?g.parentNode.insertBefore(c,g.nextSibling):g.parentNode.insertBefore(c,g),i=c}},_closeOnNavClick:function(){if(h.closeOnNavClick){var a=g.getElementsByTagName("a"),b=this;s(a,function(c){m(a[c],"click",function(){k&&b.toggle()},!1)})}},_preventDefault:function(a){return a.preventDefault?(a.stopImmediatePropagation&&a.stopImmediatePropagation(),a.preventDefault(),a.stopPropagation(),!1):void(a.returnValue=!1)},_onTouchStart:function(b){this._preventDefault(b),q(a.body,"disable-pointer-events"),this.startX=b.touches[0].clientX,this.startY=b.touches[0].clientY,this.touchHasMoved=!1,n(i,"mouseup",this,!1)},_onTouchMove:function(a){(Math.abs(a.touches[0].clientX-this.startX)>10||Math.abs(a.touches[0].clientY-this.startY)>10)&&(this._enablePointerEvents(),this.touchHasMoved=!0)},_onTouchEnd:function(c){if(this._preventDefault(c),k&&!this.touchHasMoved){if("touchend"===c.type)return this.toggle(),void("after"===h.insert&&setTimeout(function(){r(a.body,"disable-pointer-events")},h.transition+300));var d=c||b.event;3!==d.which&&2!==d.button&&this.toggle()}},_onKeyUp:function(a){var c=a||b.event;13===c.keyCode&&this.toggle()},_enablePointerEvents:function(){r(a.body,"disable-pointer-events")},_transitions:function(){if(h.animate){var a=g.style,b="max-height "+h.transition+"ms";a.WebkitTransition=b,a.MozTransition=b,a.OTransition=b,a.transition=b}},_calcHeight:function(){for(var a=0,b=0;b<g.inner.length;b++)a+=g.inner[b].offsetHeight;var c="."+h.jsClass+" ."+h.navClass+"-"+this.index+".opened{max-height:"+a+"px !important} ."+h.jsClass+" .disable-pointer-events{pointer-events:none !important} ."+h.jsClass+" ."+h.navClass+"-"+this.index+".opened.dropdown-active {max-height:9999px !important}";t.styleSheet?t.styleSheet.cssText=c:t.innerHTML=c,c=""}},new v(d,e)};b.responsiveNav=d}(document,window,0);

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

@@ -26,10 +26,6 @@
   max-height: 9999px;
 }
 
-.disable-pointer-events {
-  pointer-events: none !important;
-}
-
 .nav-toggle {
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   -webkit-touch-callout: none;
@@ -50,4 +46,4 @@
   .nav-toggle {
     display: none;
   }
-}
+}

metadata

@@ -1,18 +1,18 @@
 --- !ruby/object:Gem::Specification
 name: responsive-nav-rails
 version: !ruby/object:Gem::Version
-  version: 1.0.32
+  version: 1.0.33
 platform: ruby
 authors:
 - Thomas McNiven
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-03-05 00:00:00.000000000 Z
+date: 2014-12-16 00:00:00.000000000 Z
 dependencies: []
 description: responsive-nav.com for the rails asset pipeline
 email:
-- trmcniven@vevix.net
+- hello@vevix.net
 executables: []
 extensions: []
 extra_rdoc_files: []