From 1691a393f0297dcd9c51059d0eaaeab2dc1c1582 Mon Sep 17 00:00:00 2001 From: Chris Caldwell Date: Thu, 30 Jun 2016 16:46:14 -0600 Subject: [PATCH] Support nested menus (nested uls) gh-4 --- app/css/okayNav-base.css | 32 +++++++-------------- app/js/jquery.okayNav.js | 14 +++++----- app/less/okayNav-base.less | 52 +++++++++++++++++++++-------------- dist/css/common.min.css | 2 +- dist/css/okayNav.min.css | 2 +- dist/js/jquery.okayNav-min.js | 2 +- 6 files changed, 51 insertions(+), 53 deletions(-) diff --git a/app/css/okayNav-base.css b/app/css/okayNav-base.css index aa877b9..42df484 100644 --- a/app/css/okayNav-base.css +++ b/app/css/okayNav-base.css @@ -8,18 +8,15 @@ body.okayNav-loaded { .okayNav-header { position: fixed; top: 0; - display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; width: 100%; padding: 0 15px; - -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: row; -ms-flex-direction: row; - -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @@ -30,11 +27,11 @@ body.okayNav-loaded { -ms-user-select: none; user-select: none; } -.okayNav ul { +.okayNav > ul { /* We want two navigations - one hidden and one visible */ float: left; } -.okayNav a { +.okayNav > ul > li > a { position: relative; z-index: 1; } @@ -42,10 +39,10 @@ body.okayNav-loaded { overflow: hidden; white-space: nowrap; } -.okayNav__nav--visible li { +.okayNav__nav--visible > li { display: inline-block; } -.okayNav__nav--visible a { +.okayNav__nav--visible > li > a { /* Link styling for the visible part of the nav */ display: block; padding: 15px 15px; @@ -62,7 +59,7 @@ body.okayNav-loaded { overflow-y: scroll; -webkit-overflow-scrolling: touch; } -.okayNav__nav--invisible a { +.okayNav__nav--invisible > li > a { display: block; width: 240px; padding: 15px; @@ -70,22 +67,17 @@ body.okayNav-loaded { } .okayNav__nav--invisible.nav-left { left: 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); + transform: translateX(-100%); } .okayNav__nav--invisible.nav-right { right: 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); + transform: translateX(100%); } .okayNav__nav--invisible.transition-enabled { - transition: -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1); transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1); - transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1); } .okayNav__nav--invisible.nav-open { - -webkit-transform: translateX(0); - transform: translateX(0); + transform: translateX(0); } /* Kebab icon */ .okayNav__menu-toggle { @@ -96,9 +88,7 @@ body.okayNav-loaded { width: 40px; height: 20px; cursor: pointer; - transition: -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1); transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1); - transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1); } .okayNav__menu-toggle.okay-invisible { position: absolute; @@ -125,14 +115,12 @@ body.okayNav-loaded { } .okayNav__menu-toggle span:nth-child(2) { top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + transform: translateY(-50%); } .okayNav__menu-toggle span:nth-child(3) { bottom: 0; } .okayNav__menu-toggle.icon--active { /* Kebab icon when off-screen nav is open */ - -webkit-transform: rotate(90deg); - transform: rotate(90deg); + transform: rotate(90deg); } diff --git a/app/js/jquery.okayNav.js b/app/js/jquery.okayNav.js index 2781ee1..94d1193 100644 --- a/app/js/jquery.okayNav.js +++ b/app/js/jquery.okayNav.js @@ -347,10 +347,10 @@ }, getVisibleItemCount: function() { - return $('li', self.nav_visible).length; + return $('> li', self.nav_visible).length; }, getHiddenItemCount: function() { - return $('li', self.nav_invisible).length; + return $('> li', self.nav_invisible).length; }, recalcNav: function() { @@ -386,7 +386,7 @@ }, _collapseNavItem: function() { - var $last_child = $('li:last-child', self.nav_visible); + var $last_child = $('> li:last-child', self.nav_visible); self.last_visible_child_width = $last_child.outerWidth(true); self.document.trigger('okayNav:collapseItem', $last_child); $last_child.detach().prependTo(self.nav_invisible); @@ -398,24 +398,24 @@ }, _expandNavItem: function() { - var $first = $('li:first-child', self.nav_invisible); + var $first = $('> li:first-child', self.nav_invisible); self.document.trigger('okayNav:expandItem', $first); $first.detach().appendTo(self.nav_visible); self.options.itemDisplayed.call(); }, _expandAllItems: function() { - $('li', self.nav_invisible).detach().appendTo(self.nav_visible); + $('> li', self.nav_invisible).detach().appendTo(self.nav_visible); self.options.itemDisplayed.call(); }, _collapseAllItems: function() { - $('li', self.nav_visible).detach().appendTo(self.nav_invisible); + $('> li', self.nav_visible).detach().appendTo(self.nav_invisible); self.options.itemHidden.call(); }, destroy: function() { - $('li', self.nav_invisible).appendTo(self.nav_visible); + $('> li', self.nav_invisible).appendTo(self.nav_visible); self.nav_invisible.remove(); self.nav_visible.removeClass('okayNav__nav--visible'); self.toggle_icon.remove(); diff --git a/app/less/okayNav-base.less b/app/less/okayNav-base.less index 861ac5a..06d9057 100644 --- a/app/less/okayNav-base.less +++ b/app/less/okayNav-base.less @@ -37,15 +37,21 @@ body.okayNav-loaded {overflow-x: hidden} user-select: none; } - ul { - /* We want two navigations - one hidden and one visible */ - float: left - } + >ul { + /* We want two navigations - one hidden and one visible */ + float: left; + + >li { + + >a { + position: relative; + z-index: 1; + } + + } + + } - a { - position: relative; - z-index: 1; - } } .okayNav__nav--visible { @@ -53,16 +59,18 @@ body.okayNav-loaded {overflow-x: hidden} white-space: nowrap; - li {display: inline-block;} + >li { + display: inline-block; - a { - /* Link styling for the visible part of the nav */ - display: block; + >a { + /* Link styling for the visible part of the nav */ + display: block; - padding: @oknav-links-padding-y @oknav-links-padding-x; + padding: @oknav-links-padding-y @oknav-links-padding-x; - transition: color @oknav-transition-speed @oknav-transition-curve; - } + transition: color @oknav-transition-speed @oknav-transition-curve; + } + } &:empty { & ~ .okayNav__menu-toggle {top: 0} @@ -78,14 +86,16 @@ body.okayNav-loaded {overflow-x: hidden} overflow-y: scroll; -webkit-overflow-scrolling: touch; - a { - display: block; + >li { + >a { + display: block; - width: 240px; - padding: 15px; + width: 240px; + padding: 15px; - background: #fff; - } + background: #fff; + } + } &.nav-left { left: 0; diff --git a/dist/css/common.min.css b/dist/css/common.min.css index f0bf885..09b7c81 100644 --- a/dist/css/common.min.css +++ b/dist/css/common.min.css @@ -1 +1 @@ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box}:after,:before{box-sizing:inherit}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:@font-family-base}body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.4rem;line-height:1.42857143;color:#555;background-color:#f7f7f7}a{text-decoration:none}ul{margin:0;padding:0;list-style:none}main{margin-top:10rem;text-align:center} \ No newline at end of file +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box}:after,:before{box-sizing:inherit}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:@font-family-base}body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.4rem;line-height:1.42857143;color:#555;background-color:#f7f7f7}a{text-decoration:none}ul{margin:0;padding:0;list-style:none}main{margin-top:10rem;text-align:center} \ No newline at end of file diff --git a/dist/css/okayNav.min.css b/dist/css/okayNav.min.css index b9460e6..e3c85e8 100644 --- a/dist/css/okayNav.min.css +++ b/dist/css/okayNav.min.css @@ -1 +1 @@ -header{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:7rem;padding:0 15px;position:fixed;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;top:0;width:100%}.site-logo{transition:color .2s cubic-bezier(.55,0,.1,1);color:#30acff;font-size:3rem}.ok-header__logo:hover{color:#546edb}body.okayNav-loaded{overflow-x:hidden}.okayNav-header{position:fixed;top:0;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;width:100%;padding:0 15px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.okayNav:not(.loaded){visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.okayNav ul{float:left}.okayNav a{position:relative;z-index:1}.okayNav__nav--visible{overflow:hidden;white-space:nowrap}.okayNav__nav--visible li{display:inline-block}.okayNav__nav--visible a{display:block;padding:15px;transition:color .2s cubic-bezier(.55,0,.1,1)}.okayNav__nav--visible:empty~.okayNav__menu-toggle{top:0}.okayNav__nav--invisible{position:fixed;top:7rem;bottom:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}.okayNav__nav--invisible a{display:block;width:240px;padding:15px;background:#fff}.okayNav__nav--invisible.nav-left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.okayNav__nav--invisible.nav-right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.okayNav__nav--invisible.transition-enabled{transition:-webkit-transform .4s cubic-bezier(.55,0,.1,1);transition:transform .4s cubic-bezier(.55,0,.1,1);transition:transform .4s cubic-bezier(.55,0,.1,1),-webkit-transform .4s cubic-bezier(.55,0,.1,1)}.okayNav__nav--invisible.nav-open{-webkit-transform:translateX(0);transform:translateX(0)}.okayNav__menu-toggle{position:relative;z-index:1;top:15px;float:left;width:40px;height:20px;cursor:pointer;transition:-webkit-transform .4s cubic-bezier(.55,0,.1,1);transition:transform .4s cubic-bezier(.55,0,.1,1);transition:transform .4s cubic-bezier(.55,0,.1,1),-webkit-transform .4s cubic-bezier(.55,0,.1,1)}.okayNav__menu-toggle.okay-invisible{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0}.okayNav__menu-toggle span{position:absolute;right:0;left:0;display:block;width:4px;height:4px;margin:auto;pointer-events:none;border-radius:50%}.okayNav__menu-toggle span:nth-child(1){top:0}.okayNav__menu-toggle span:nth-child(2){top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.okayNav__menu-toggle span:nth-child(3){bottom:0}.okayNav__menu-toggle.icon--active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.okayNav-header{height:7rem;background-color:#fff}.okayNav a{color:#2e2e33;font-size:1.4rem;font-weight:700}.okayNav__nav--visible a:hover,.okayNav a:hover{color:#546edb}.okayNav__nav--invisible{background:#fff}.okayNav__menu-toggle span{background:#2e2e33}.okayNav__menu-toggle.icon--active span{background:#546edb} \ No newline at end of file +header{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:7rem;padding:0 15px;position:fixed;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;top:0;width:100%}.site-logo{transition:color .2s cubic-bezier(.55,0,.1,1);color:#30acff;font-size:3rem}.ok-header__logo:hover{color:#546edb}body.okayNav-loaded{overflow-x:hidden}.okayNav-header{position:fixed;top:0;display:-ms-flexbox;display:flex;flex-direction:row;width:100%;padding:0 15px;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}.okayNav:not(.loaded){visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.okayNav>ul{float:left}.okayNav>ul>li>a{position:relative;z-index:1}.okayNav__nav--visible{overflow:hidden;white-space:nowrap}.okayNav__nav--visible>li{display:inline-block}.okayNav__nav--visible>li>a{display:block;padding:15px;transition:color .2s cubic-bezier(.55,0,.1,1)}.okayNav__nav--visible:empty~.okayNav__menu-toggle{top:0}.okayNav__nav--invisible{position:fixed;top:7rem;bottom:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}.okayNav__nav--invisible>li>a{display:block;width:240px;padding:15px;background:#fff}.okayNav__nav--invisible.nav-left{left:0;transform:translateX(-100%)}.okayNav__nav--invisible.nav-right{right:0;transform:translateX(100%)}.okayNav__nav--invisible.transition-enabled{transition:transform .4s cubic-bezier(.55,0,.1,1)}.okayNav__nav--invisible.nav-open{transform:translateX(0)}.okayNav__menu-toggle{position:relative;z-index:1;top:15px;float:left;width:40px;height:20px;cursor:pointer;transition:transform .4s cubic-bezier(.55,0,.1,1)}.okayNav__menu-toggle.okay-invisible{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0}.okayNav__menu-toggle span{position:absolute;right:0;left:0;display:block;width:4px;height:4px;margin:auto;pointer-events:none;border-radius:50%}.okayNav__menu-toggle span:nth-child(1){top:0}.okayNav__menu-toggle span:nth-child(2){top:50%;transform:translateY(-50%)}.okayNav__menu-toggle span:nth-child(3){bottom:0}.okayNav__menu-toggle.icon--active{transform:rotate(90deg)}.okayNav-header{height:7rem;background-color:#fff}.okayNav a{color:#2e2e33;font-size:1.4rem;font-weight:700}.okayNav__nav--visible a:hover,.okayNav a:hover{color:#546edb}.okayNav__nav--invisible{background:#fff}.okayNav__menu-toggle span{background:#2e2e33}.okayNav__menu-toggle.icon--active span{background:#546edb} \ No newline at end of file diff --git a/dist/js/jquery.okayNav-min.js b/dist/js/jquery.okayNav-min.js index df5ca6a..467a657 100644 --- a/dist/js/jquery.okayNav-min.js +++ b/dist/js/jquery.okayNav-min.js @@ -3,4 +3,4 @@ * Author: Vergil Penkov (http://vergilpenkov.com/) * MIT license: https://opensource.org/licenses/MIT */ -!function(e){"function"==typeof define&&define.amd?define(["jquery"],e):"object"==typeof module&&module.exports?module.exports=function(n,i){return void 0===i&&(i="undefined"!=typeof window?require("jquery"):require("jquery")(n)),e(i),i}:e(jQuery)}(function(e){function n(n,i){self=this,this.options=e.extend({},s,i),self.options=this.options,self.navigation=e(n),self.document=e(document),self.window=e(window),""==this.options.parent?this.options.parent=self.navigation.parent():"",self.nav_open=!1,self.parent_full_width=0,self.radCoef=180/Math.PI,self.sTouch={x:0,y:0},self.cTouch={x:0,y:0},self.sTime=0,self.nav_position=0,self.percent_open=0,self.nav_moving=!1,self.init()}var i="okayNav",s={parent:"",toggle_icon_class:"okayNav__menu-toggle",toggle_icon_content:"",align_right:!0,swipe_enabled:!0,threshold:50,resize_delay:10,beforeOpen:function(){},afterOpen:function(){},beforeClose:function(){},afterClose:function(){},itemHidden:function(){},itemDisplayed:function(){}};n.prototype={init:function(){e("body").addClass("okayNav-loaded"),self.navigation.addClass("okayNav loaded").children("ul").addClass("okayNav__nav--visible"),self.options.align_right?self.navigation.append('
    ').append(''+self.options.toggle_icon_content+""):self.navigation.prepend('
      ').prepend(''+self.options.toggle_icon_content+""),self.nav_visible=self.navigation.children(".okayNav__nav--visible"),self.nav_invisible=self.navigation.children(".okayNav__nav--invisible"),self.toggle_icon=self.navigation.children("."+self.options.toggle_icon_class),self.toggle_icon_width=self.toggle_icon.outerWidth(!0),self.default_width=self.getChildrenWidth(self.navigation),self.parent_full_width=e(self.options.parent).outerWidth(!0),self.last_visible_child_width=0,self.initEvents(),self.nav_visible.contents().filter(function(){return this.nodeType=Node.TEXT_NODE&&/\S/.test(this.nodeValue)===!1}).remove(),1==self.options.swipe_enabled&&self.initSwipeEvents()},initEvents:function(){self.document.on("click.okayNav",function(n){var i=e(n.target);self.nav_open===!0&&0==i.closest(".okayNav").length&&self.closeInvisibleNav(),i.hasClass(self.options.toggle_icon_class)&&(n.preventDefault(),self.toggleInvisibleNav())});var n=self._debounce(function(){self.recalcNav()},self.options.recalc_delay);self.window.on("load.okayNav resize.okayNav",n)},initSwipeEvents:function(){self.document.on("touchstart.okayNav",function(n){if(self.nav_invisible.removeClass("transition-enabled"),1==n.originalEvent.touches.length){var i=n.originalEvent.touches[0];(i.pageX<25&&0==self.options.align_right||i.pageX>e(self.options.parent).outerWidth(!0)-25&&1==self.options.align_right||self.nav_open===!0)&&(self.sTouch.x=self.cTouch.x=i.pageX,self.sTouch.y=self.cTouch.y=i.pageY,self.sTime=Date.now())}}).on("touchmove.okayNav",function(e){var n=e.originalEvent.touches[0];self._triggerMove(n.pageX,n.pageY),self.nav_moving=!0}).on("touchend.okayNav",function(e){self.sTouch={x:0,y:0},self.cTouch={x:0,y:0},self.sTime=0,self.percent_open>100-self.options.threshold?(self.nav_position=0,self.closeInvisibleNav()):1==self.nav_moving&&(self.nav_position=self.nav_invisible.width(),self.openInvisibleNav()),self.nav_moving=!1,self.nav_invisible.addClass("transition-enabled")})},_getDirection:function(e){return self.options.align_right?e>0?-1:1:0>e?-1:1},_triggerMove:function(e,n){self.cTouch.x=e,self.cTouch.y=n;var i=Date.now(),s=self.cTouch.x-self.sTouch.x,l=self.cTouch.y-self.sTouch.y,t=l*l,o=Math.sqrt(s*s+t),a=Math.sqrt(t),f=Math.asin(Math.sin(a/o))*self.radCoef;o/(i-self.sTime);if(self.sTouch.x=e,self.sTouch.y=n,20>f){var v=self._getDirection(s),c=self.nav_position+v*o,r=self.nav_invisible.width(),d=0;0>c?d=-c:c>r&&(d=r-c);var _=r-(self.nav_position+v*o+d),p=_/r*100;self.nav_position+=v*o+d,self.percent_open=p,self.nav_invisible.css("transform","translateX("+(self.options.align_right?1:-1)*p+"%)")}},getParent:function(){return self.options.parent},getVisibleNav:function(){return self.nav_visible},getInvisibleNav:function(){return self.nav_invisible},getNavToggleIcon:function(){return self.toggle_icon},_debounce:function(e,n,i){var s;return function(){var l=this,t=arguments,o=function(){s=null,i||e.apply(l,t)},a=i&&!s;clearTimeout(s),s=setTimeout(o,n),a&&e.apply(l,t)}},openInvisibleNav:function(){self.options.enable_swipe?"":self.options.beforeOpen.call(),self.toggle_icon.addClass("icon--active"),self.nav_invisible.addClass("nav-open"),self.nav_open=!0,self.nav_invisible.css({"-webkit-transform":"translateX(0%)",transform:"translateX(0%)"}),self.options.afterOpen.call()},closeInvisibleNav:function(){self.options.enable_swipe?"":self.options.beforeClose.call(),self.toggle_icon.removeClass("icon--active"),self.nav_invisible.removeClass("nav-open"),self.options.align_right?self.nav_invisible.css({"-webkit-transform":"translateX(100%)",transform:"translateX(100%)"}):self.nav_invisible.css({"-webkit-transform":"translateX(-100%)",transform:"translateX(-100%)"}),self.nav_open=!1,self.options.afterClose.call()},toggleInvisibleNav:function(){self.nav_open?self.closeInvisibleNav():self.openInvisibleNav()},getChildrenWidth:function(n){for(var i=0,s=e(n).children(),l=0;la?(self._expandAllItems(),void self.toggle_icon.addClass("okay-invisible")):(l>0&&t>=s&&o>=n&&self._collapseNavItem(),n>o+self.toggle_icon_width+15&&self._expandNavItem(),void(0==self.getHiddenItemCount()?self.toggle_icon.addClass("okay-invisible"):self.toggle_icon.removeClass("okay-invisible")))},_collapseNavItem:function(){var n=e("li:last-child",self.nav_visible);self.last_visible_child_width=n.outerWidth(!0),self.document.trigger("okayNav:collapseItem",n),n.detach().prependTo(self.nav_invisible),self.options.itemHidden.call(),self.recalcNav()},_expandNavItem:function(){var n=e("li:first-child",self.nav_invisible);self.document.trigger("okayNav:expandItem",n),n.detach().appendTo(self.nav_visible),self.options.itemDisplayed.call()},_expandAllItems:function(){e("li",self.nav_invisible).detach().appendTo(self.nav_visible),self.options.itemDisplayed.call()},_collapseAllItems:function(){e("li",self.nav_visible).detach().appendTo(self.nav_invisible),self.options.itemHidden.call()},destroy:function(){e("li",self.nav_invisible).appendTo(self.nav_visible),self.nav_invisible.remove(),self.nav_visible.removeClass("okayNav__nav--visible"),self.toggle_icon.remove(),self.document.unbind(".okayNav"),self.window.unbind(".okayNav")}},e.fn[i]=function(s){var l=arguments;if(void 0===s||"object"==typeof s)return this.each(function(){e.data(this,"plugin_"+i)||e.data(this,"plugin_"+i,new n(this,s))});if("string"==typeof s&&"_"!==s[0]&&"init"!==s){var t;return this.each(function(){var o=e.data(this,"plugin_"+i);o instanceof n&&"function"==typeof o[s]&&(t=o[s].apply(o,Array.prototype.slice.call(l,1))),"destroy"===s&&e.data(this,"plugin_"+i,null)}),void 0!==t?t:this}}}); \ No newline at end of file +!function(n){"function"==typeof define&&define.amd?define(["jquery"],n):"object"==typeof module&&module.exports?module.exports=function(i,e){return void 0===e&&(e="undefined"!=typeof window?require("jquery"):require("jquery")(i)),n(e),e}:n(jQuery)}(function(n){function i(i,t){e=this,this.options=n.extend({},o,t),e.options=this.options,e.navigation=n(i),e.document=n(document),e.window=n(window),""==this.options.parent?this.options.parent=e.navigation.parent():"",e.nav_open=!1,e.parent_full_width=0,e.radCoef=180/Math.PI,e.sTouch={x:0,y:0},e.cTouch={x:0,y:0},e.sTime=0,e.nav_position=0,e.percent_open=0,e.nav_moving=!1,e.init()}var e,t="okayNav",o={parent:"",toggle_icon_class:"okayNav__menu-toggle",toggle_icon_content:"",align_right:!0,swipe_enabled:!0,threshold:50,resize_delay:10,beforeOpen:function(){},afterOpen:function(){},beforeClose:function(){},afterClose:function(){},itemHidden:function(){},itemDisplayed:function(){}};i.prototype={init:function(){n("body").addClass("okayNav-loaded"),e.navigation.addClass("okayNav loaded").children("ul").addClass("okayNav__nav--visible"),e.options.align_right?e.navigation.append('
        ').append(''+e.options.toggle_icon_content+""):e.navigation.prepend('
          ').prepend(''+e.options.toggle_icon_content+""),e.nav_visible=e.navigation.children(".okayNav__nav--visible"),e.nav_invisible=e.navigation.children(".okayNav__nav--invisible"),e.toggle_icon=e.navigation.children("."+e.options.toggle_icon_class),e.toggle_icon_width=e.toggle_icon.outerWidth(!0),e.default_width=e.getChildrenWidth(e.navigation),e.parent_full_width=n(e.options.parent).outerWidth(!0),e.last_visible_child_width=0,e.initEvents(),e.nav_visible.contents().filter(function(){return this.nodeType=Node.TEXT_NODE&&/\S/.test(this.nodeValue)===!1}).remove(),1==e.options.swipe_enabled&&e.initSwipeEvents()},initEvents:function(){e.document.on("click.okayNav",function(i){var t=n(i.target);e.nav_open===!0&&0==t.closest(".okayNav").length&&e.closeInvisibleNav(),t.hasClass(e.options.toggle_icon_class)&&(i.preventDefault(),e.toggleInvisibleNav())});var i=e._debounce(function(){e.recalcNav()},e.options.recalc_delay);e.window.on("load.okayNav resize.okayNav",i)},initSwipeEvents:function(){e.document.on("touchstart.okayNav",function(i){if(e.nav_invisible.removeClass("transition-enabled"),1==i.originalEvent.touches.length){var t=i.originalEvent.touches[0];(t.pageX<25&&0==e.options.align_right||t.pageX>n(e.options.parent).outerWidth(!0)-25&&1==e.options.align_right||e.nav_open===!0)&&(e.sTouch.x=e.cTouch.x=t.pageX,e.sTouch.y=e.cTouch.y=t.pageY,e.sTime=Date.now())}}).on("touchmove.okayNav",function(n){var i=n.originalEvent.touches[0];e._triggerMove(i.pageX,i.pageY),e.nav_moving=!0}).on("touchend.okayNav",function(n){e.sTouch={x:0,y:0},e.cTouch={x:0,y:0},e.sTime=0,e.percent_open>100-e.options.threshold?(e.nav_position=0,e.closeInvisibleNav()):1==e.nav_moving&&(e.nav_position=e.nav_invisible.width(),e.openInvisibleNav()),e.nav_moving=!1,e.nav_invisible.addClass("transition-enabled")})},_getDirection:function(n){return e.options.align_right?n>0?-1:1:n<0?-1:1},_triggerMove:function(n,i){e.cTouch.x=n,e.cTouch.y=i;var t=Date.now(),o=e.cTouch.x-e.sTouch.x,a=e.cTouch.y-e.sTouch.y,s=a*a,l=Math.sqrt(o*o+s),v=Math.sqrt(s),c=Math.asin(Math.sin(v/l))*e.radCoef;l/(t-e.sTime);if(e.sTouch.x=n,e.sTouch.y=i,c<20){var r=e._getDirection(o),d=e.nav_position+r*l,_=e.nav_invisible.width(),p=0;d<0?p=-d:d>_&&(p=_-d);var u=_-(e.nav_position+r*l+p),g=u/_*100;e.nav_position+=r*l+p,e.percent_open=g,e.nav_invisible.css("transform","translateX("+(e.options.align_right?1:-1)*g+"%)")}},getParent:function(){return e.options.parent},getVisibleNav:function(){return e.nav_visible},getInvisibleNav:function(){return e.nav_invisible},getNavToggleIcon:function(){return e.toggle_icon},_debounce:function(n,i,e){var t;return function(){var o=this,a=arguments,s=function(){t=null,e||n.apply(o,a)},l=e&&!t;clearTimeout(t),t=setTimeout(s,i),l&&n.apply(o,a)}},openInvisibleNav:function(){e.options.enable_swipe?"":e.options.beforeOpen.call(),e.toggle_icon.addClass("icon--active"),e.nav_invisible.addClass("nav-open"),e.nav_open=!0,e.nav_invisible.css({"-webkit-transform":"translateX(0%)",transform:"translateX(0%)"}),e.options.afterOpen.call()},closeInvisibleNav:function(){e.options.enable_swipe?"":e.options.beforeClose.call(),e.toggle_icon.removeClass("icon--active"),e.nav_invisible.removeClass("nav-open"),e.options.align_right?e.nav_invisible.css({"-webkit-transform":"translateX(100%)",transform:"translateX(100%)"}):e.nav_invisible.css({"-webkit-transform":"translateX(-100%)",transform:"translateX(-100%)"}),e.nav_open=!1,e.options.afterClose.call()},toggleInvisibleNav:function(){e.nav_open?e.closeInvisibleNav():e.openInvisibleNav()},getChildrenWidth:function(i){for(var e=0,t=n(i).children(),o=0;o li",e.nav_visible).length},getHiddenItemCount:function(){return n("> li",e.nav_invisible).length},recalcNav:function(){var i=n(e.options.parent).outerWidth(!0),t=e.getChildrenWidth(e.options.parent),o=e.navigation.outerWidth(!0),a=e.getVisibleItemCount(),s=e.nav_visible.outerWidth(!0)+e.toggle_icon_width,l=t+e.last_visible_child_width+e.toggle_icon_width,v=t-o+e.default_width;return i>v?(e._expandAllItems(),void e.toggle_icon.addClass("okay-invisible")):(a>0&&o<=s&&i<=l&&e._collapseNavItem(),i>l+e.toggle_icon_width+15&&e._expandNavItem(),void(0==e.getHiddenItemCount()?e.toggle_icon.addClass("okay-invisible"):e.toggle_icon.removeClass("okay-invisible")))},_collapseNavItem:function(){var i=n("> li:last-child",e.nav_visible);e.last_visible_child_width=i.outerWidth(!0),e.document.trigger("okayNav:collapseItem",i),i.detach().prependTo(e.nav_invisible),e.options.itemHidden.call(),e.recalcNav()},_expandNavItem:function(){var i=n("> li:first-child",e.nav_invisible);e.document.trigger("okayNav:expandItem",i),i.detach().appendTo(e.nav_visible),e.options.itemDisplayed.call()},_expandAllItems:function(){n("> li",e.nav_invisible).detach().appendTo(e.nav_visible),e.options.itemDisplayed.call()},_collapseAllItems:function(){n("> li",e.nav_visible).detach().appendTo(e.nav_invisible),e.options.itemHidden.call()},destroy:function(){n("> li",e.nav_invisible).appendTo(e.nav_visible),e.nav_invisible.remove(),e.nav_visible.removeClass("okayNav__nav--visible"),e.toggle_icon.remove(),e.document.unbind(".okayNav"),e.window.unbind(".okayNav")}},n.fn[t]=function(e){var o=arguments;if(void 0===e||"object"==typeof e)return this.each(function(){n.data(this,"plugin_"+t)||n.data(this,"plugin_"+t,new i(this,e))});if("string"==typeof e&&"_"!==e[0]&&"init"!==e){var a;return this.each(function(){var s=n.data(this,"plugin_"+t);s instanceof i&&"function"==typeof s[e]&&(a=s[e].apply(s,Array.prototype.slice.call(o,1))),"destroy"===e&&n.data(this,"plugin_"+t,null)}),void 0!==a?a:this}}}); \ No newline at end of file