primevue/panelmenu/panelmenu.esm.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

import{resolveComponent as e,openBlock as n,createBlock as t,Fragment as l,renderList as i,withCtx as a,createVNode as s,toDisplayString as o,createCommentVNode as r,Transition as c,withDirectives as m,vShow as p}from"vue";import{UniqueComponentId as d}from"primevue/utils";var u={name:"sub-panelmenu",props:{model:{type:null,default:null}},data:()=>({activeItem:null}),methods:{onItemClick(e,n,t){n.disabled?event.preventDefault():(n.command&&n.command({originalEvent:event,item:n}),this.activeItem&&this.activeItem===n?this.activeItem=null:this.activeItem=n,n.to&&t&&t(event))},getItemClass:e=>["p-menuitem",e.className],getLinkClass:e=>["p-menuitem-link",{"p-disabled":e.disabled}],isActive(e){return e===this.activeItem},getSubmenuIcon(e){const n=this.isActive(e);return["p-panelmenu-icon pi pi-fw",{"pi-angle-right":!n,"pi-angle-down":n}]},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible}};const b={class:"p-submenu-list",role:"tree"},v={class:"p-menuitem-text"},g={class:"p-menuitem-text"},h={class:"p-toggleable-content"};u.render=function(d,u,y,f,k,x){const I=e("router-link"),C=e("sub-panelmenu");return n(),t("ul",b,[(n(!0),t(l,null,i(y.model,((e,i)=>(n(),t(l,{key:e.label+i.toString()},[x.visible(e)&&!e.separator?(n(),t("li",{key:0,role:"none",class:x.getItemClass(e),style:e.style},[e.to&&!e.disabled?(n(),t(I,{key:0,to:e.to,custom:""},{default:a((({navigate:n,href:t})=>[s("a",{href:t,class:x.getLinkClass(e),onClick:t=>x.onItemClick(t,e,n),role:"treeitem","aria-expanded":x.isActive(e)},[s("span",{class:["p-menuitem-icon",e.icon]},null,2),s("span",v,o(e.label),1)],10,["href","onClick","aria-expanded"])])),_:2},1032,["to"])):(n(),t("a",{key:1,href:e.url,class:x.getLinkClass(e),target:e.target,onClick:n=>x.onItemClick(n,e),role:"treeitem","aria-expanded":x.isActive(e),tabindex:e.disabled?null:"0"},[e.items?(n(),t("span",{key:0,class:x.getSubmenuIcon(e)},null,2)):r("",!0),s("span",{class:["p-menuitem-icon",e.icon]},null,2),s("span",g,o(e.label),1)],10,["href","target","onClick","aria-expanded","tabindex"])),s(c,{name:"p-toggleable-content"},{default:a((()=>[m(s("div",h,[x.visible(e)&&e.items?(n(),t(C,{model:e.items,key:e.label+"_sub_"},null,8,["model"])):r("",!0)],512),[[p,e===k.activeItem]])])),_:2},1024)],6)):r("",!0),x.visible(e)&&e.separator?(n(),t("li",{class:["p-menu-separator",e.class],style:e.style,key:"separator"+i.toString()},null,6)):r("",!0)],64)))),128))])};var y={props:{model:{type:Array,default:null}},data:()=>({activeItem:null}),methods:{onItemClick(e,n){n.disabled?e.preventDefault():(n.url||n.to||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),this.activeItem&&this.activeItem===n?this.activeItem=null:this.activeItem=n)},getPanelClass:e=>["p-panelmenu-panel",e.class],getPanelToggleIcon(e){const n=e===this.activeItem;return["p-panelmenu-icon pi",{"pi-chevron-right":!n," pi-chevron-down":n}]},getPanelIcon:e=>["p-menuitem-icon",e.icon],isActive(e){return e===this.activeItem},getHeaderClass(e){return["p-component p-panelmenu-header",{"p-highlight":this.isActive(e),"p-disabled":e.disabled}]},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible},components:{PanelMenuSub:u},computed:{ariaId:()=>d()}};const f={class:"p-panelmenu p-component"},k={class:"p-menuitem-text"},x={key:0,class:"p-panelmenu-content"};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&l.firstChild?l.insertBefore(i,l.firstChild):l.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-panelmenu .p-panelmenu-header-link {\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    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    cursor: pointer;\n    position: relative;\n    text-decoration: none;\n}\n.p-panelmenu .p-panelmenu-header-link:focus {\n    z-index: 1;\n}\n.p-panelmenu .p-submenu-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-panelmenu .p-menuitem-link {\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    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    cursor: pointer;\n    text-decoration: none;\n}\n.p-panelmenu .p-menuitem-text {\n    line-height: 1;\n}\n"),y.render=function(d,u,b,v,g,h){const y=e("PanelMenuSub");return n(),t("div",f,[(n(!0),t(l,null,i(b.model,((e,i)=>(n(),t(l,{key:e.label+"_"+i},[h.visible(e)?(n(),t("div",{key:0,class:h.getPanelClass(e),style:e.style},[s("div",{class:h.getHeaderClass(e),style:e.style},[s("a",{href:e.url,class:"p-panelmenu-header-link",onClick:n=>h.onItemClick(n,e),tabindex:e.disabled?null:"0","aria-expanded":h.isActive(e),id:h.ariaId+"_header","aria-controls":h.ariaId+"_content"},[e.items?(n(),t("span",{key:0,class:h.getPanelToggleIcon(e)},null,2)):r("",!0),e.icon?(n(),t("span",{key:1,class:h.getPanelIcon(e)},null,2)):r("",!0),s("span",k,o(e.label),1)],8,["href","onClick","tabindex","aria-expanded","id","aria-controls"])],6),s(c,{name:"p-toggleable-content"},{default:a((()=>[m(s("div",{class:"p-toggleable-content",role:"region",id:h.ariaId+"_content","aria-labelledby":h.ariaId+"_header"},[e.items?(n(),t("div",x,[s(y,{model:e.items,class:"p-panelmenu-root-submenu"},null,8,["model"])])):r("",!0)],8,["id","aria-labelledby"]),[[p,e===g.activeItem]])])),_:2},1024)],6)):r("",!0)],64)))),128))])};export default y;