forked from arielsalminen/responsive-nav.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresponsive-nav.min.js
1 lines (1 loc) · 5.6 KB
/
responsive-nav.min.js
1
!function(a,b){"use strict";var c=function(c,d){var e=!!b.getComputedStyle;e||(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 f,g,h,i,j,k=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))},l=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))},m=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},n=function(a,b){for(var c in b)a.setAttribute(c,b[c])},o=function(a,b){0!==a.className.indexOf(b)&&(a.className+=" "+b,a.className=a.className.replace(/(^\s*)|(\s*$)/g,""))},p=function(a,b){var c=new RegExp("(\\s|^)"+b+"(\\s|$)");a.className=a.className.replace(c," ").replace(/(^\s*)|(\s*$)/g,"")},q=a.createElement("style"),r=function(b,c){var d;this.options={animate:!0,transition:250,label:"Menu",insert:"after",customToggle:"",openPos:"relative",navClass:"nav-collapse",jsClass:"js",init:function(){},open:function(){},close:function(){}};for(d in c)this.options[d]=c[d];if(o(a.documentElement,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=m(this.wrapper),g=this.options,f=this.wrapper,this._init(this)};return r.prototype={destroy:function(){this._removeStyles(),p(f,"closed"),p(f,"opened"),p(f,g.navClass),f.removeAttribute("style"),f.removeAttribute("aria-hidden"),l(b,"resize",this,!1),l(a.body,"touchmove",this,!1),l(h,"touchstart",this,!1),l(h,"touchend",this,!1),l(h,"mouseup",this,!1),l(h,"keyup",this,!1),l(h,"click",this,!1),g.customToggle?h.removeAttribute("aria-hidden"):h.parentNode.removeChild(h)},toggle:function(){i===!0&&(j?(p(f,"opened"),o(f,"closed"),n(f,{"aria-hidden":"true"}),g.animate?(i=!1,setTimeout(function(){f.style.position="absolute",i=!0},g.transition+10)):f.style.position="absolute",j=!1,g.close()):(p(f,"closed"),o(f,"opened"),f.style.position=g.openPos,n(f,{"aria-hidden":"false"}),j=!0,g.open()))},resize:function(){"none"!==b.getComputedStyle(h,null).getPropertyValue("display")?(n(h,{"aria-hidden":"false"}),f.className.match(/(^|\s)closed(\s|$)/)&&(n(f,{"aria-hidden":"true"}),f.style.position="absolute"),this._createStyles(),this._calcHeight()):(n(h,{"aria-hidden":"true"}),n(f,{"aria-hidden":"false"}),f.style.position=g.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(){o(f,g.navClass),o(f,"closed"),i=!0,j=!1,this._createToggle(),this._transitions(),this.resize();var c=this;setTimeout(function(){c.resize()},20),k(b,"resize",this,!1),k(a.body,"touchmove",this,!1),k(h,"touchstart",this,!1),k(h,"touchend",this,!1),k(h,"mouseup",this,!1),k(h,"keyup",this,!1),k(h,"click",this,!1),g.init()},_createStyles:function(){q.parentNode||(q.type="text/css",a.getElementsByTagName("head")[0].appendChild(q))},_removeStyles:function(){q.parentNode&&q.parentNode.removeChild(q)},_createToggle:function(){if(g.customToggle){var b=g.customToggle.replace("#","");if(a.getElementById(b))h=a.getElementById(b);else{if(!a.querySelector(b))throw new Error("The custom nav toggle you are trying to select doesn't exist");h=a.querySelector(b)}}else{var c=a.createElement("a");c.innerHTML=g.label,n(c,{href:"#","class":"nav-toggle"}),"after"===g.insert?f.parentNode.insertBefore(c,f.nextSibling):f.parentNode.insertBefore(c,f),h=c}},_preventDefault:function(a){a.preventDefault?(a.preventDefault(),a.stopPropagation()):a.returnValue=!1},_onTouchStart:function(a){a.stopPropagation(),o(f,"disable-pointer-events"),this.startX=a.touches[0].clientX,this.startY=a.touches[0].clientY,this.touchHasMoved=!1,l(h,"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(a){if(this._preventDefault(a),!this.touchHasMoved){if("touchend"===a.type)return this.toggle(a),void setTimeout(function(){p(f,"disable-pointer-events")},g.transition+300);var c=a||b.event;3!==c.which&&2!==c.button&&this.toggle(a)}},_onKeyUp:function(a){var c=a||b.event;13===c.keyCode&&this.toggle(a)},_transitions:function(){if(g.animate){var a=f.style,b="max-height "+g.transition+"ms";a.WebkitTransition=b,a.MozTransition=b,a.OTransition=b,a.transition=b}},_calcHeight:function(){for(var a=0,b=0;b<f.inner.length;b++)a+=f.inner[b].offsetHeight;var c="."+g.navClass+".opened{max-height:"+a+"px !important}";q.styleSheet?q.styleSheet.cssText=c:q.innerHTML=c,c=""}},new r(c,d)};b.responsiveNav=c}(document,window);