jquery-mobile-menu-plugin/src/js/jquery.mmenu.oncanvas.min.js

The best jQuery plugin for app look-alike on- and off-canvas menus with sliding submenus for your website and webapp.

(function($){var _PLUGIN_="mmenu",_VERSION_="5.6.2";if($[_PLUGIN_]&&$[_PLUGIN_].version>_VERSION_){return}$[_PLUGIN_]=function($menu,opts,conf){this.$menu=$menu;this._api=["bind","init","update","setSelected","getInstance","openPanel","closePanel","closeAllPanels"];this.opts=opts;this.conf=conf;this.vars={};this.cbck={};if(typeof this.___deprecated=="function"){this.___deprecated()}this._initMenu();this._initAnchors();var $pnls=this.$pnls.children();this._initAddons();this.init($pnls);if(typeof this.___debug=="function"){this.___debug()}return this};$[_PLUGIN_].version=_VERSION_;$[_PLUGIN_].addons={};$[_PLUGIN_].uniqueId=0;$[_PLUGIN_].defaults={extensions:[],navbar:{add:true,title:"Menu",titleLink:"panel"},onClick:{setSelected:true},slidingSubmenus:true};$[_PLUGIN_].configuration={classNames:{divider:"Divider",inset:"Inset",panel:"Panel",selected:"Selected",spacer:"Spacer",vertical:"Vertical"},clone:false,openingInterval:25,panelNodetype:"ul, ol, div",transitionDuration:400};$[_PLUGIN_].prototype={init:function($panels){$panels=$panels.not("."+_c.nopanel);$panels=this._initPanels($panels);this.trigger("init",$panels);this.trigger("update")},update:function(){this.trigger("update")},setSelected:function($li){this.$menu.find("."+_c.listview).children().removeClass(_c.selected);$li.addClass(_c.selected);this.trigger("setSelected",$li)},openPanel:function($panel){var $l=$panel.parent(),that=this;if($l.hasClass(_c.vertical)){var $sub=$l.parents("."+_c.subopened);if($sub.length){this.openPanel($sub.first());return}$l.addClass(_c.opened);this.trigger("openPanel",$panel);this.trigger("openingPanel",$panel);this.trigger("openedPanel",$panel)}else{if($panel.hasClass(_c.current)){return}var $panels=this.$pnls.children("."+_c.panel),$current=$panels.filter("."+_c.current);$panels.removeClass(_c.highest).removeClass(_c.current).not($panel).not($current).not("."+_c.vertical).addClass(_c.hidden);if(!$[_PLUGIN_].support.csstransitions){$current.addClass(_c.hidden)}if($panel.hasClass(_c.opened)){$panel.nextAll("."+_c.opened).addClass(_c.highest).removeClass(_c.opened).removeClass(_c.subopened)}else{$panel.addClass(_c.highest);$current.addClass(_c.subopened)}$panel.removeClass(_c.hidden).addClass(_c.current);that.trigger("openPanel",$panel);setTimeout(function(){$panel.removeClass(_c.subopened).addClass(_c.opened);that.trigger("openingPanel",$panel);that.__transitionend($panel,function(){that.trigger("openedPanel",$panel)},that.conf.transitionDuration)},this.conf.openingInterval)}},closePanel:function($panel){var $l=$panel.parent();if($l.hasClass(_c.vertical)){$l.removeClass(_c.opened);this.trigger("closePanel",$panel);this.trigger("closingPanel",$panel);this.trigger("closedPanel",$panel)}},closeAllPanels:function(){this.$menu.find("."+_c.listview).children().removeClass(_c.selected).filter("."+_c.vertical).removeClass(_c.opened);var $pnls=this.$pnls.children("."+_c.panel),$frst=$pnls.first();this.$pnls.children("."+_c.panel).not($frst).removeClass(_c.subopened).removeClass(_c.opened).removeClass(_c.current).removeClass(_c.highest).addClass(_c.hidden);this.openPanel($frst)},togglePanel:function($panel){var $l=$panel.parent();if($l.hasClass(_c.vertical)){this[$l.hasClass(_c.opened)?"closePanel":"openPanel"]($panel)}},getInstance:function(){return this},bind:function(evnt,fn){this.cbck[evnt]=this.cbck[evnt]||[];this.cbck[evnt].push(fn)},trigger:function(){var that=this,args=Array.prototype.slice.call(arguments),evnt=args.shift();if(this.cbck[evnt]){for(var e=0,l=this.cbck[evnt].length;e<l;e++){this.cbck[evnt][e].apply(that,args)}}},_initMenu:function(){var that=this;this.$menu.attr("id",this.$menu.attr("id")||this.__getUniqueId());if(this.conf.clone){this.$menu=this.$menu.clone(true);this.$menu.add(this.$menu.find("[id]")).filter("[id]").each(function(){$(this).attr("id",_c.mm($(this).attr("id")))})}this.$menu.contents().each(function(){if($(this)[0].nodeType==3){$(this).remove()}});this.$pnls=$('<div class="'+_c.panels+'" />').append(this.$menu.children(this.conf.panelNodetype)).prependTo(this.$menu);this.$menu.parent().addClass(_c.wrapper);var clsn=[_c.menu];if(!this.opts.slidingSubmenus){clsn.push(_c.vertical)}this.opts.extensions=this.opts.extensions.length?"mm-"+this.opts.extensions.join(" mm-"):"";if(this.opts.extensions){clsn.push(this.opts.extensions)}this.$menu.addClass(clsn.join(" "))},_initPanels:function($panels){var that=this;var $lists=this.__findAddBack($panels,"ul, ol");this.__refactorClass($lists,this.conf.classNames.inset,"inset").addClass(_c.nolistview+" "+_c.nopanel);$lists.not("."+_c.nolistview).addClass(_c.listview);var $lis=this.__findAddBack($panels,"."+_c.listview).children();this.__refactorClass($lis,this.conf.classNames.selected,"selected");this.__refactorClass($lis,this.conf.classNames.divider,"divider");this.__refactorClass($lis,this.conf.classNames.spacer,"spacer");this.__refactorClass(this.__findAddBack($panels,"."+this.conf.classNames.panel),this.conf.classNames.panel,"panel");var $curpanels=$(),$oldpanels=$panels.add($panels.find("."+_c.panel)).add(this.__findAddBack($panels,"."+_c.listview).children().children(this.conf.panelNodetype)).not("."+_c.nopanel);this.__refactorClass($oldpanels,this.conf.classNames.vertical,"vertical");if(!this.opts.slidingSubmenus){$oldpanels.addClass(_c.vertical)}$oldpanels.each(function(){var $t=$(this),$p=$t;if($t.is("ul, ol")){$t.wrap('<div class="'+_c.panel+'" />');$p=$t.parent()}else{$p.addClass(_c.panel)}var id=$t.attr("id");$t.removeAttr("id");$p.attr("id",id||that.__getUniqueId());if($t.hasClass(_c.vertical)){$t.removeClass(that.conf.classNames.vertical);$p.add($p.parent()).addClass(_c.vertical)}$curpanels=$curpanels.add($p)});var $allpanels=$("."+_c.panel,this.$menu);$curpanels.each(function(i){var $t=$(this),$p=$t.parent(),$a=$p.children("a, span").first();var id,$b;if(!$p.is("."+_c.panels)){$p.data(_d.sub,$t);$t.data(_d.parent,$p)}if(!$p.children("."+_c.next).length){if($p.parent().is("."+_c.listview)){id=$t.attr("id");$b=$('<a class="'+_c.next+'" href="#'+id+'" data-target="#'+id+'" />').insertBefore($a);if($a.is("span")){$b.addClass(_c.fullsubopen)}}}if(!$t.children("."+_c.navbar).length){if(!$p.hasClass(_c.vertical)){if($p.parent().is("."+_c.listview)){$p=$p.closest("."+_c.panel)}else{$a=$p.closest("."+_c.panel).find('a[href="#'+$t.attr("id")+'"]').first();$p=$a.closest("."+_c.panel)}var $navbar=$('<div class="'+_c.navbar+'" />');if($p.length){id=$p.attr("id");switch(that.opts.navbar.titleLink){case"anchor":_url=$a.attr("href");break;case"panel":case"parent":_url="#"+id;break;default:_url=false;break}$navbar.append('<a class="'+_c.btn+" "+_c.prev+'" href="#'+id+'" data-target="#'+id+'" />').append($('<a class="'+_c.title+'"'+(_url?' href="'+_url+'"':"")+" />").text($a.text())).prependTo($t);if(that.opts.navbar.add){$t.addClass(_c.hasnavbar)}}else if(that.opts.navbar.title){$navbar.append('<a class="'+_c.title+'">'+that.opts.navbar.title+"</a>").prependTo($t);if(that.opts.navbar.add){$t.addClass(_c.hasnavbar)}}}}});var $s=this.__findAddBack($panels,"."+_c.listview).children("."+_c.selected).removeClass(_c.selected).last().addClass(_c.selected);$s.add($s.parentsUntil("."+_c.menu,"li")).filter("."+_c.vertical).addClass(_c.opened).end().each(function(){$(this).parentsUntil("."+_c.menu,"."+_c.panel).not("."+_c.vertical).first().addClass(_c.opened).parentsUntil("."+_c.menu,"."+_c.panel).not("."+_c.vertical).first().addClass(_c.opened).addClass(_c.subopened)});$s.children("."+_c.panel).not("."+_c.vertical).addClass(_c.opened).parentsUntil("."+_c.menu,"."+_c.panel).not("."+_c.vertical).first().addClass(_c.opened).addClass(_c.subopened);var $current=$allpanels.filter("."+_c.opened);if(!$current.length){$current=$curpanels.first()}$current.addClass(_c.opened).last().addClass(_c.current);$curpanels.not("."+_c.vertical).not($current.last()).addClass(_c.hidden).end().filter(function(){return!$(this).parent().hasClass(_c.panels)}).appendTo(this.$pnls);return $curpanels},_initAnchors:function(){var that=this;glbl.$body.on(_e.click+"-oncanvas","a[href]",function(e){var $t=$(this),fired=false,inMenu=that.$menu.find($t).length;for(var a in $[_PLUGIN_].addons){if($[_PLUGIN_].addons[a].clickAnchor.call(that,$t,inMenu)){fired=true;break}}var _h=$t.attr("href");if(!fired&&inMenu){if(_h.length>1&&_h.slice(0,1)=="#"){try{var $h=$(_h,that.$menu);if($h.is("."+_c.panel)){fired=true;that[$t.parent().hasClass(_c.vertical)?"togglePanel":"openPanel"]($h)}}catch(err){}}}if(fired){e.preventDefault()}if(!fired&&inMenu){if($t.is("."+_c.listview+" > li > a")&&!$t.is('[rel="external"]')&&!$t.is('[target="_blank"]')){if(that.__valueOrFn(that.opts.onClick.setSelected,$t)){that.setSelected($(e.target).parent())}var preventDefault=that.__valueOrFn(that.opts.onClick.preventDefault,$t,_h.slice(0,1)=="#");if(preventDefault){e.preventDefault()}if(that.__valueOrFn(that.opts.onClick.close,$t,preventDefault)){that.close()}}}})},_initAddons:function(){var a;for(a in $[_PLUGIN_].addons){$[_PLUGIN_].addons[a].add.call(this);$[_PLUGIN_].addons[a].add=function(){}}for(a in $[_PLUGIN_].addons){$[_PLUGIN_].addons[a].setup.call(this)}},_getOriginalMenuId:function(){var id=this.$menu.attr("id");if(id&&id.length){if(this.conf.clone){id=_c.umm(id)}}return id},__api:function(){var that=this,api={};$.each(this._api,function(i){var fn=this;api[fn]=function(){var re=that[fn].apply(that,arguments);return typeof re=="undefined"?api:re}});return api},__valueOrFn:function(o,$e,d){if(typeof o=="function"){return o.call($e[0])}if(typeof o=="undefined"&&typeof d!="undefined"){return d}return o},__refactorClass:function($e,o,c){return $e.filter("."+o).removeClass(o).addClass(_c[c])},__findAddBack:function($e,s){return $e.find(s).add($e.filter(s))},__filterListItems:function($i){return $i.not("."+_c.divider).not("."+_c.hidden)},__transitionend:function($e,fn,duration){var _ended=false,_fn=function(){if(!_ended){fn.call($e[0])}_ended=true};$e.one(_e.transitionend,_fn);$e.one(_e.webkitTransitionEnd,_fn);setTimeout(_fn,duration*1.1)},__getUniqueId:function(){return _c.mm($[_PLUGIN_].uniqueId++)}};$.fn[_PLUGIN_]=function(opts,conf){initPlugin();opts=$.extend(true,{},$[_PLUGIN_].defaults,opts);conf=$.extend(true,{},$[_PLUGIN_].configuration,conf);return this.each(function(){var $menu=$(this);if($menu.data(_PLUGIN_)){return}var _menu=new $[_PLUGIN_]($menu,opts,conf);_menu.$menu.data(_PLUGIN_,_menu.__api())})};$[_PLUGIN_].support={touch:"ontouchstart"in window||navigator.msMaxTouchPoints||false,csstransitions:function(){if(typeof Modernizr!=="undefined"&&typeof Modernizr.csstransitions!=="undefined"){return Modernizr.csstransitions}var b=document.body||document.documentElement,s=b.style,p="transition";if(typeof s[p]=="string"){return true}var v=["Moz","webkit","Webkit","Khtml","O","ms"];p=p.charAt(0).toUpperCase()+p.substr(1);for(var i=0;i<v.length;i++){if(typeof s[v[i]+p]=="string"){return true}}return false}()};var _c,_d,_e,glbl;function initPlugin(){if($[_PLUGIN_].glbl){return}glbl={$wndw:$(window),$docu:$(document),$html:$("html"),$body:$("body")};_c={};_d={};_e={};$.each([_c,_d,_e],function(i,o){o.add=function(a){a=a.split(" ");for(var b=0,l=a.length;b<l;b++){o[a[b]]=o.mm(a[b])}}});_c.mm=function(c){return"mm-"+c};_c.add("wrapper menu panels panel nopanel current highest opened subopened navbar hasnavbar title btn prev next listview nolistview inset vertical selected divider spacer hidden fullsubopen");_c.umm=function(c){if(c.slice(0,3)=="mm-"){c=c.slice(3)}return c};_d.mm=function(d){return"mm-"+d};_d.add("parent sub");_e.mm=function(e){return e+".mm"};_e.add("transitionend webkitTransitionEnd click scroll keydown mousedown mouseup touchstart touchmove touchend orientationchange");$[_PLUGIN_]._c=_c;$[_PLUGIN_]._d=_d;$[_PLUGIN_]._e=_e;$[_PLUGIN_].glbl=glbl}})(jQuery);