primevue/menu/menu.esm.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue)

import{DomHandler as e,ConnectedOverlayScrollHandler as i}from"primevue/utils";import t from"primevue/ripple";import{resolveComponent as n,resolveDirective as s,openBlock as l,createBlock as r,withCtx as o,withDirectives as a,createVNode as d,toDisplayString as c,createCommentVNode as u,Transition as h,Fragment as m,renderList as p}from"vue";var b={inheritAttrs:!1,emits:["click"],props:{item:null},methods:{onClick(e,i){this.$emit("click",{originalEvent:e,item:this.item,navigate:i})},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible}},computed:{containerClass(){return["p-menuitem",this.item.class]},linkClass(){return["p-menuitem-link",{"p-disabled":this.item.disabled}]}},directives:{ripple:t}};const v={class:"p-menuitem-text"},y={class:"p-menuitem-text"};b.render=function(e,i,t,h,m,p){const b=n("router-link"),k=s("ripple");return p.visible()?(l(),r("li",{key:0,class:p.containerClass,role:"none",style:t.item.style},[t.item.to&&!t.item.disabled?(l(),r(b,{key:0,to:t.item.to,custom:""},{default:o((({navigate:e,href:i})=>[a(d("a",{href:i,onClick:i=>p.onClick(i,e),class:p.linkClass,role:"menuitem"},[d("span",{class:["p-menuitem-icon",t.item.icon]},null,2),d("span",v,c(t.item.label),1)],10,["href","onClick"]),[[k]])])),_:1},8,["to"])):a((l(),r("a",{key:1,href:t.item.url,class:p.linkClass,onClick:i[1]||(i[1]=(...e)=>p.onClick&&p.onClick(...e)),target:t.item.target,role:"menuitem",tabindex:t.item.disabled?null:"0"},[d("span",{class:["p-menuitem-icon",t.item.icon]},null,2),d("span",y,c(t.item.label),1)],10,["href","target","tabindex"])),[[k]])],6)):u("",!0)};var k={props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:String,default:null},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0}},data:()=>({overlayVisible:!1}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,relativeAlign:!1,container:null,beforeUnmount(){this.restoreAppend(),this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container=null},methods:{itemClick(e){const i=e.item;i.disabled||(i.command&&i.command(e),i.to&&e.navigate&&e.navigate(e.originalEvent),this.hide())},toggle(e){this.overlayVisible?this.hide():this.show(e)},show(e){this.overlayVisible=!0,this.relativeAlign=e.relativeAlign,this.target=e.currentTarget},hide(){this.overlayVisible=!1,this.target=null,this.relativeAlign=!1},onEnter(){this.appendContainer(),this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&(this.container.style.zIndex=String(this.baseZIndex+e.generateZIndex()))},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener()},alignOverlay(){this.relativeAlign?e.relativePosition(this.container,this.target):e.absolutePosition(this.container,this.target)},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.overlayVisible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new i(this.target,(()=>{this.overlayVisible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isTargetClicked(){return this.target&&(this.target===event.target||this.target.contains(event.target))},appendContainer(){this.appendTo&&("body"===this.appendTo?document.body.appendChild(this.container):document.getElementById(this.appendTo).appendChild(this.container))},restoreAppend(){this.container&&this.appendTo&&("body"===this.appendTo?document.body.removeChild(this.container):document.getElementById(this.appendTo).removeChild(this.container))},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,containerRef(e){this.container=e}},computed:{containerClass(){return["p-menu p-component",{"p-menu-overlay":this.popup}]}},components:{Menuitem:b}};const g={class:"p-menu-list p-reset",role:"menu"};!function(e,i){void 0===i&&(i={});var t=i.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===t&&n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-menu-overlay {\n    position: absolute;\n}\n.p-menu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menu .p-menuitem-link {\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-menu .p-menuitem-text {\n    line-height: 1;\n}\n"),k.render=function(e,i,t,s,a,b){const v=n("Menuitem");return l(),r(h,{name:"p-connected-overlay",onEnter:b.onEnter,onLeave:b.onLeave},{default:o((()=>[!t.popup||a.overlayVisible?(l(),r("div",{key:0,ref:b.containerRef,class:b.containerClass},[d("ul",g,[(l(!0),r(m,null,p(t.model,((e,i)=>(l(),r(m,null,[e.items&&b.visible(e)&&!e.separator?(l(),r(m,{key:0},[e.items?(l(),r("li",{class:"p-submenu-header",key:e.label+i},c(e.label),1)):u("",!0),(l(!0),r(m,null,p(e.items,((e,t)=>(l(),r(m,null,[b.visible(e)&&!e.separator?(l(),r(v,{key:e.label+i+t,item:e,onClick:b.itemClick},null,8,["item","onClick"])):b.visible(e)&&e.separator?(l(),r("li",{class:["p-menu-separator",e.class],style:e.style,key:"separator"+i+t,role:"separator"},null,6)):u("",!0)],64)))),256))],64)):b.visible(e)&&e.separator?(l(),r("li",{class:["p-menu-separator",e.class],style:e.style,key:"separator"+i,role:"separator"},null,6)):(l(),r(v,{key:e.label+i,item:e,onClick:b.itemClick},null,8,["item","onClick"]))],64)))),256))])],2)):u("",!0)])),_:1},8,["onEnter","onLeave"])};export default k;