primevue 3.8.2 → 3.9.0

package/megamenu/megamenu.esm.js

@@ -244,6 +244,9 @@ var script = {
         },
         disabled(item) {
             return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+        },
+        label(item) {
+            return (typeof item.disabled === 'function' ? item.label() : item.label);
         }
     },
     computed: {
@@ -300,7 +303,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode("ul", _hoisted_2, [
       (openBlock(true), createBlock(Fragment, null, renderList($props.model, (category, index) => {
         return (openBlock(), createBlock(Fragment, {
-          key: category.label + '_' + index
+          key: $options.label(category) + '_' + index
         }, [
           ($options.visible(category))
             ? (openBlock(), createBlock("li", {
@@ -332,7 +335,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                       class: $options.getCategoryIcon(category)
                                     }, null, 2))
                                   : createCommentVNode("", true),
-                                createVNode("span", _hoisted_3, toDisplayString(category.label), 1)
+                                createVNode("span", _hoisted_3, toDisplayString($options.label(category)), 1)
                               ], 42, ["href", "onClick", "onKeydown"]), [
                                 [_directive_ripple]
                               ])
@@ -357,7 +360,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   class: $options.getCategoryIcon(category)
                                 }, null, 2))
                               : createCommentVNode("", true),
-                            createVNode("span", _hoisted_4, toDisplayString(category.label), 1),
+                            createVNode("span", _hoisted_4, toDisplayString($options.label(category)), 1),
                             (category.items)
                               ? (openBlock(), createBlock("span", {
                                   key: 1,
@@ -377,7 +380,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       createVNode("div", _hoisted_6, [
                         (openBlock(true), createBlock(Fragment, null, renderList(category.items, (column, columnIndex) => {
                           return (openBlock(), createBlock("div", {
-                            key: category.label + '_column_' + columnIndex,
+                            key: $options.label(category) + '_column_' + columnIndex,
                             class: $options.getColumnClassName(category)
                           }, [
                             (openBlock(true), createBlock(Fragment, null, renderList(column, (submenu, submenuIndex) => {
@@ -393,7 +396,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 }, toDisplayString(submenu.label), 7),
                                 (openBlock(true), createBlock(Fragment, null, renderList(submenu.items, (item, i) => {
                                   return (openBlock(), createBlock(Fragment, {
-                                    key: item.label + i.toString()
+                                    key: $options.label(item) + i.toString()
                                   }, [
                                     ($options.visible(item) && !item.separator)
                                       ? (openBlock(), createBlock("li", {
@@ -423,7 +426,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                                 class: ['p-menuitem-icon', item.icon]
                                                               }, null, 2))
                                                             : createCommentVNode("", true),
-                                                          createVNode("span", _hoisted_7, toDisplayString(item.label), 1)
+                                                          createVNode("span", _hoisted_7, toDisplayString($options.label(item)), 1)
                                                         ], 10, ["href", "onClick"]), [
                                                           [_directive_ripple]
                                                         ])
@@ -445,7 +448,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                             class: ['p-menuitem-icon', item.icon]
                                                           }, null, 2))
                                                         : createCommentVNode("", true),
-                                                      createVNode("span", _hoisted_8, toDisplayString(item.label), 1),
+                                                      createVNode("span", _hoisted_8, toDisplayString($options.label(item)), 1),
                                                       (item.items)
                                                         ? (openBlock(), createBlock("span", {
                                                             key: 1,

package/megamenu/megamenu.esm.min.js

@@ -1 +1 @@
-import{DomHandler as e}from"primevue/utils";import t from"primevue/ripple";import{resolveComponent as n,resolveDirective as i,openBlock as a,createBlock as l,renderSlot as s,createCommentVNode as o,createVNode as m,Fragment as r,renderList as c,withCtx as u,withDirectives as p,toDisplayString as d,resolveDynamicComponent as g}from"vue";var h={name:"MegaMenu",props:{model:{type:Array,default:null},orientation:{type:String,default:"horizontal"},exact:{type:Boolean,default:!0}},documentClickListener:null,data:()=>({activeItem:null}),beforeUnmount(){this.unbindDocumentClickListener()},methods:{onLeafClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.activeItem=null,t.to&&n&&n(e))},onCategoryMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.activeItem&&(this.activeItem=t)},onCategoryClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&this.activeItem===t?(this.activeItem=null,this.unbindDocumentClickListener()):(this.activeItem=t,this.bindDocumentClickListener())),t.to&&n&&n(e))},onCategoryKeydown(e,t){let n=e.currentTarget.parentElement;switch(e.which){case 40:this.horizontal?this.expandMenu(t):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.vertical?this.navigateToPrevItem(n):t.items&&t===this.activeItem&&this.collapseMenu(),e.preventDefault();break;case 39:this.horizontal?this.navigateToNextItem(n):this.expandMenu(t),e.preventDefault();break;case 37:this.horizontal?this.navigateToPrevItem(n):t.items&&t===this.activeItem&&this.collapseMenu(),e.preventDefault()}},expandMenu(e){e.items&&(this.activeItem=e)},collapseMenu(){this.activeItem=null},findNextItem(t){let n=t.nextElementSibling;return n?e.hasClass(n,"p-disabled")||!e.hasClass(n,"p-menuitem")?this.findNextItem(n):n:null},findPrevItem(t){let n=t.previousElementSibling;return n?e.hasClass(n,"p-disabled")||!e.hasClass(n,"p-menuitem")?this.findPrevItem(n):n:null},navigateToNextItem(e){var t=this.findNextItem(e);t&&t.children[0].focus()},navigateToPrevItem(e){var t=this.findPrevItem(e);t&&t.children[0].focus()},getCategoryClass(e){return["p-menuitem",{"p-menuitem-active":e===this.activeItem},e.class]},getCategorySubMenuIcon(){return["p-submenu-icon pi",{"pi-angle-down":this.horizontal,"pi-angle-right":this.vertical}]},getCategoryIcon:e=>["p-menuitem-icon",e.icon],getColumnClassName(e){let t;switch(e.items?e.items.length:0){case 2:t="p-megamenu-col-6";break;case 3:t="p-megamenu-col-4";break;case 4:t="p-megamenu-col-3";break;case 6:t="p-megamenu-col-2";break;default:t="p-megamenu-col-12"}return t},getSubmenuHeaderClass(e){return["p-megamenu-submenu-header",e.class,{"p-disabled":this.disabled(e)}]},getSubmenuItemClass:e=>["p-menuitem",e.class],linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},bindDocumentClickListener(){this.documentClickListener||(this.documentClickListener=e=>{this.$el&&!this.$el.contains(e.target)&&(this.activeItem=null,this.unbindDocumentClickListener())},document.addEventListener("click",this.documentClickListener))},unbindDocumentClickListener(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled},computed:{containerClass(){return["p-megamenu p-component",{"p-megamenu-horizontal":this.horizontal,"p-megamenu-vertical":this.vertical}]},horizontal(){return"horizontal"===this.orientation},vertical(){return"vertical"===this.orientation}},directives:{ripple:t}};const v={key:0,class:"p-megamenu-start"},b={class:"p-megamenu-root-list",role:"menubar"},k={class:"p-menuitem-text"},y={class:"p-menuitem-text"},f={key:2,class:"p-megamenu-panel"},C={class:"p-megamenu-grid"},x={class:"p-menuitem-text"},I={class:"p-menuitem-text"},w={key:1,class:"p-megamenu-end"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-megamenu-root-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-megamenu-root-list > .p-menuitem {\n    position: relative;\n}\n.p-megamenu .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-megamenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-megamenu-panel {\n    display: none;\n    position: absolute;\n    width: auto;\n    z-index: 1;\n}\n.p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n    display: block;\n}\n.p-megamenu-submenu {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n/* Horizontal */\n.p-megamenu-horizontal .p-megamenu-root-list {\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    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n\n/* Vertical */\n.p-megamenu-vertical .p-megamenu-root-list {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n    left: 100%;\n    top: 0;\n}\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n    margin-left: auto;\n}\n.p-megamenu-grid {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-megamenu-col-2,\n.p-megamenu-col-3,\n.p-megamenu-col-4,\n.p-megamenu-col-6,\n.p-megamenu-col-12 {\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n    padding: 0.5rem;\n}\n.p-megamenu-col-2 {\n    width: 16.6667%;\n}\n.p-megamenu-col-3 {\n    width: 25%;\n}\n.p-megamenu-col-4 {\n    width: 33.3333%;\n}\n.p-megamenu-col-6 {\n    width: 50%;\n}\n.p-megamenu-col-12 {\n    width: 100%;\n}\n"),h.render=function(e,t,h,L,E,M){const S=n("router-link"),D=i("ripple");return a(),l("div",{class:M.containerClass},[e.$slots.start?(a(),l("div",v,[s(e.$slots,"start")])):o("",!0),m("ul",b,[(a(!0),l(r,null,c(h.model,((t,n)=>(a(),l(r,{key:t.label+"_"+n},[M.visible(t)?(a(),l("li",{key:0,class:M.getCategoryClass(t),style:t.style,onMouseenter:e=>M.onCategoryMouseEnter(e,t),role:"none"},[e.$slots.item?(a(),l(g(e.$slots.item),{key:1,item:t},null,8,["item"])):(a(),l(r,{key:0},[t.to&&!M.disabled(t)?(a(),l(S,{key:0,to:t.to,custom:""},{default:u((({navigate:e,href:n,isActive:i,isExactActive:s})=>[p(m("a",{href:n,class:M.linkClass(t,{isActive:i,isExactActive:s}),onClick:n=>M.onCategoryClick(n,t,e),onKeydown:e=>M.onCategoryKeydown(e,t),role:"menuitem"},[t.icon?(a(),l("span",{key:0,class:M.getCategoryIcon(t)},null,2)):o("",!0),m("span",k,d(t.label),1)],42,["href","onClick","onKeydown"]),[[D]])])),_:2},1032,["to"])):p((a(),l("a",{key:1,href:t.url,class:M.linkClass(t),target:t.target,onClick:e=>M.onCategoryClick(e,t),onKeydown:e=>M.onCategoryKeydown(e,t),role:"menuitem","aria-haspopup":null!=t.items,"aria-expanded":t===E.activeItem,tabindex:M.disabled(t)?null:"0"},[t.icon?(a(),l("span",{key:0,class:M.getCategoryIcon(t)},null,2)):o("",!0),m("span",y,d(t.label),1),t.items?(a(),l("span",{key:1,class:M.getCategorySubMenuIcon()},null,2)):o("",!0)],42,["href","target","onClick","onKeydown","aria-haspopup","aria-expanded","tabindex"])),[[D]])],64)),t.items?(a(),l("div",f,[m("div",C,[(a(!0),l(r,null,c(t.items,((n,i)=>(a(),l("div",{key:t.label+"_column_"+i,class:M.getColumnClassName(t)},[(a(!0),l(r,null,c(n,((t,n)=>(a(),l("ul",{class:"p-megamenu-submenu",key:t.label+"_submenu_"+n,role:"menu"},[m("li",{class:M.getSubmenuHeaderClass(t),style:t.style,role:"presentation"},d(t.label),7),(a(!0),l(r,null,c(t.items,((t,n)=>(a(),l(r,{key:t.label+n.toString()},[M.visible(t)&&!t.separator?(a(),l("li",{key:0,role:"none",class:M.getSubmenuItemClass(t),style:t.style},[e.$slots.item?(a(),l(g(e.$slots.item),{key:1,item:t},null,8,["item"])):(a(),l(r,{key:0},[t.to&&!M.disabled(t)?(a(),l(S,{key:0,to:t.to,custom:""},{default:u((({navigate:e,href:n,isActive:i,isExactActive:s})=>[p(m("a",{href:n,class:M.linkClass(t,{isActive:i,isExactActive:s}),onClick:n=>M.onLeafClick(n,t,e),role:"menuitem"},[t.icon?(a(),l("span",{key:0,class:["p-menuitem-icon",t.icon]},null,2)):o("",!0),m("span",x,d(t.label),1)],10,["href","onClick"]),[[D]])])),_:2},1032,["to"])):p((a(),l("a",{key:1,href:t.url,class:M.linkClass(t),target:t.target,onClick:e=>M.onLeafClick(e,t),role:"menuitem",tabindex:M.disabled(t)?null:"0"},[t.icon?(a(),l("span",{key:0,class:["p-menuitem-icon",t.icon]},null,2)):o("",!0),m("span",I,d(t.label),1),t.items?(a(),l("span",{key:1,class:e.getSubmenuIcon()},null,2)):o("",!0)],10,["href","target","onClick","tabindex"])),[[D]])],64))],6)):o("",!0),M.visible(t)&&t.separator?(a(),l("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+n.toString(),role:"separator"},null,6)):o("",!0)],64)))),128))])))),128))],2)))),128))])])):o("",!0)],46,["onMouseenter"])):o("",!0)],64)))),128))]),e.$slots.end?(a(),l("div",w,[s(e.$slots,"end")])):o("",!0)],2)};export default h;
+import{DomHandler as e}from"primevue/utils";import t from"primevue/ripple";import{resolveComponent as n,resolveDirective as i,openBlock as a,createBlock as l,renderSlot as s,createCommentVNode as o,createVNode as m,Fragment as r,renderList as c,withCtx as u,withDirectives as p,toDisplayString as d,resolveDynamicComponent as g}from"vue";var h={name:"MegaMenu",props:{model:{type:Array,default:null},orientation:{type:String,default:"horizontal"},exact:{type:Boolean,default:!0}},documentClickListener:null,data:()=>({activeItem:null}),beforeUnmount(){this.unbindDocumentClickListener()},methods:{onLeafClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.activeItem=null,t.to&&n&&n(e))},onCategoryMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.activeItem&&(this.activeItem=t)},onCategoryClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&this.activeItem===t?(this.activeItem=null,this.unbindDocumentClickListener()):(this.activeItem=t,this.bindDocumentClickListener())),t.to&&n&&n(e))},onCategoryKeydown(e,t){let n=e.currentTarget.parentElement;switch(e.which){case 40:this.horizontal?this.expandMenu(t):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.vertical?this.navigateToPrevItem(n):t.items&&t===this.activeItem&&this.collapseMenu(),e.preventDefault();break;case 39:this.horizontal?this.navigateToNextItem(n):this.expandMenu(t),e.preventDefault();break;case 37:this.horizontal?this.navigateToPrevItem(n):t.items&&t===this.activeItem&&this.collapseMenu(),e.preventDefault()}},expandMenu(e){e.items&&(this.activeItem=e)},collapseMenu(){this.activeItem=null},findNextItem(t){let n=t.nextElementSibling;return n?e.hasClass(n,"p-disabled")||!e.hasClass(n,"p-menuitem")?this.findNextItem(n):n:null},findPrevItem(t){let n=t.previousElementSibling;return n?e.hasClass(n,"p-disabled")||!e.hasClass(n,"p-menuitem")?this.findPrevItem(n):n:null},navigateToNextItem(e){var t=this.findNextItem(e);t&&t.children[0].focus()},navigateToPrevItem(e){var t=this.findPrevItem(e);t&&t.children[0].focus()},getCategoryClass(e){return["p-menuitem",{"p-menuitem-active":e===this.activeItem},e.class]},getCategorySubMenuIcon(){return["p-submenu-icon pi",{"pi-angle-down":this.horizontal,"pi-angle-right":this.vertical}]},getCategoryIcon:e=>["p-menuitem-icon",e.icon],getColumnClassName(e){let t;switch(e.items?e.items.length:0){case 2:t="p-megamenu-col-6";break;case 3:t="p-megamenu-col-4";break;case 4:t="p-megamenu-col-3";break;case 6:t="p-megamenu-col-2";break;default:t="p-megamenu-col-12"}return t},getSubmenuHeaderClass(e){return["p-megamenu-submenu-header",e.class,{"p-disabled":this.disabled(e)}]},getSubmenuItemClass:e=>["p-menuitem",e.class],linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},bindDocumentClickListener(){this.documentClickListener||(this.documentClickListener=e=>{this.$el&&!this.$el.contains(e.target)&&(this.activeItem=null,this.unbindDocumentClickListener())},document.addEventListener("click",this.documentClickListener))},unbindDocumentClickListener(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.disabled?e.label():e.label},computed:{containerClass(){return["p-megamenu p-component",{"p-megamenu-horizontal":this.horizontal,"p-megamenu-vertical":this.vertical}]},horizontal(){return"horizontal"===this.orientation},vertical(){return"vertical"===this.orientation}},directives:{ripple:t}};const v={key:0,class:"p-megamenu-start"},b={class:"p-megamenu-root-list",role:"menubar"},k={class:"p-menuitem-text"},y={class:"p-menuitem-text"},f={key:2,class:"p-megamenu-panel"},C={class:"p-megamenu-grid"},x={class:"p-menuitem-text"},I={class:"p-menuitem-text"},w={key:1,class:"p-megamenu-end"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-megamenu-root-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-megamenu-root-list > .p-menuitem {\n    position: relative;\n}\n.p-megamenu .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-megamenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-megamenu-panel {\n    display: none;\n    position: absolute;\n    width: auto;\n    z-index: 1;\n}\n.p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n    display: block;\n}\n.p-megamenu-submenu {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n/* Horizontal */\n.p-megamenu-horizontal .p-megamenu-root-list {\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    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n\n/* Vertical */\n.p-megamenu-vertical .p-megamenu-root-list {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n    left: 100%;\n    top: 0;\n}\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n    margin-left: auto;\n}\n.p-megamenu-grid {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-megamenu-col-2,\n.p-megamenu-col-3,\n.p-megamenu-col-4,\n.p-megamenu-col-6,\n.p-megamenu-col-12 {\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n    padding: 0.5rem;\n}\n.p-megamenu-col-2 {\n    width: 16.6667%;\n}\n.p-megamenu-col-3 {\n    width: 25%;\n}\n.p-megamenu-col-4 {\n    width: 33.3333%;\n}\n.p-megamenu-col-6 {\n    width: 50%;\n}\n.p-megamenu-col-12 {\n    width: 100%;\n}\n"),h.render=function(e,t,h,L,E,M){const S=n("router-link"),D=i("ripple");return a(),l("div",{class:M.containerClass},[e.$slots.start?(a(),l("div",v,[s(e.$slots,"start")])):o("",!0),m("ul",b,[(a(!0),l(r,null,c(h.model,((t,n)=>(a(),l(r,{key:M.label(t)+"_"+n},[M.visible(t)?(a(),l("li",{key:0,class:M.getCategoryClass(t),style:t.style,onMouseenter:e=>M.onCategoryMouseEnter(e,t),role:"none"},[e.$slots.item?(a(),l(g(e.$slots.item),{key:1,item:t},null,8,["item"])):(a(),l(r,{key:0},[t.to&&!M.disabled(t)?(a(),l(S,{key:0,to:t.to,custom:""},{default:u((({navigate:e,href:n,isActive:i,isExactActive:s})=>[p(m("a",{href:n,class:M.linkClass(t,{isActive:i,isExactActive:s}),onClick:n=>M.onCategoryClick(n,t,e),onKeydown:e=>M.onCategoryKeydown(e,t),role:"menuitem"},[t.icon?(a(),l("span",{key:0,class:M.getCategoryIcon(t)},null,2)):o("",!0),m("span",k,d(M.label(t)),1)],42,["href","onClick","onKeydown"]),[[D]])])),_:2},1032,["to"])):p((a(),l("a",{key:1,href:t.url,class:M.linkClass(t),target:t.target,onClick:e=>M.onCategoryClick(e,t),onKeydown:e=>M.onCategoryKeydown(e,t),role:"menuitem","aria-haspopup":null!=t.items,"aria-expanded":t===E.activeItem,tabindex:M.disabled(t)?null:"0"},[t.icon?(a(),l("span",{key:0,class:M.getCategoryIcon(t)},null,2)):o("",!0),m("span",y,d(M.label(t)),1),t.items?(a(),l("span",{key:1,class:M.getCategorySubMenuIcon()},null,2)):o("",!0)],42,["href","target","onClick","onKeydown","aria-haspopup","aria-expanded","tabindex"])),[[D]])],64)),t.items?(a(),l("div",f,[m("div",C,[(a(!0),l(r,null,c(t.items,((n,i)=>(a(),l("div",{key:M.label(t)+"_column_"+i,class:M.getColumnClassName(t)},[(a(!0),l(r,null,c(n,((t,n)=>(a(),l("ul",{class:"p-megamenu-submenu",key:t.label+"_submenu_"+n,role:"menu"},[m("li",{class:M.getSubmenuHeaderClass(t),style:t.style,role:"presentation"},d(t.label),7),(a(!0),l(r,null,c(t.items,((t,n)=>(a(),l(r,{key:M.label(t)+n.toString()},[M.visible(t)&&!t.separator?(a(),l("li",{key:0,role:"none",class:M.getSubmenuItemClass(t),style:t.style},[e.$slots.item?(a(),l(g(e.$slots.item),{key:1,item:t},null,8,["item"])):(a(),l(r,{key:0},[t.to&&!M.disabled(t)?(a(),l(S,{key:0,to:t.to,custom:""},{default:u((({navigate:e,href:n,isActive:i,isExactActive:s})=>[p(m("a",{href:n,class:M.linkClass(t,{isActive:i,isExactActive:s}),onClick:n=>M.onLeafClick(n,t,e),role:"menuitem"},[t.icon?(a(),l("span",{key:0,class:["p-menuitem-icon",t.icon]},null,2)):o("",!0),m("span",x,d(M.label(t)),1)],10,["href","onClick"]),[[D]])])),_:2},1032,["to"])):p((a(),l("a",{key:1,href:t.url,class:M.linkClass(t),target:t.target,onClick:e=>M.onLeafClick(e,t),role:"menuitem",tabindex:M.disabled(t)?null:"0"},[t.icon?(a(),l("span",{key:0,class:["p-menuitem-icon",t.icon]},null,2)):o("",!0),m("span",I,d(M.label(t)),1),t.items?(a(),l("span",{key:1,class:e.getSubmenuIcon()},null,2)):o("",!0)],10,["href","target","onClick","tabindex"])),[[D]])],64))],6)):o("",!0),M.visible(t)&&t.separator?(a(),l("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+n.toString(),role:"separator"},null,6)):o("",!0)],64)))),128))])))),128))],2)))),128))])])):o("",!0)],46,["onMouseenter"])):o("",!0)],64)))),128))]),e.$slots.end?(a(),l("div",w,[s(e.$slots,"end")])):o("",!0)],2)};export default h;

package/megamenu/megamenu.js

@@ -248,6 +248,9 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
             },
             disabled(item) {
                 return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+            },
+            label(item) {
+                return (typeof item.disabled === 'function' ? item.label() : item.label);
             }
         },
         computed: {
@@ -304,7 +307,7 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
         vue.createVNode("ul", _hoisted_2, [
           (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($props.model, (category, index) => {
             return (vue.openBlock(), vue.createBlock(vue.Fragment, {
-              key: category.label + '_' + index
+              key: $options.label(category) + '_' + index
             }, [
               ($options.visible(category))
                 ? (vue.openBlock(), vue.createBlock("li", {
@@ -336,7 +339,7 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
                                           class: $options.getCategoryIcon(category)
                                         }, null, 2))
                                       : vue.createCommentVNode("", true),
-                                    vue.createVNode("span", _hoisted_3, vue.toDisplayString(category.label), 1)
+                                    vue.createVNode("span", _hoisted_3, vue.toDisplayString($options.label(category)), 1)
                                   ], 42, ["href", "onClick", "onKeydown"]), [
                                     [_directive_ripple]
                                   ])
@@ -361,7 +364,7 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
                                       class: $options.getCategoryIcon(category)
                                     }, null, 2))
                                   : vue.createCommentVNode("", true),
-                                vue.createVNode("span", _hoisted_4, vue.toDisplayString(category.label), 1),
+                                vue.createVNode("span", _hoisted_4, vue.toDisplayString($options.label(category)), 1),
                                 (category.items)
                                   ? (vue.openBlock(), vue.createBlock("span", {
                                       key: 1,
@@ -381,7 +384,7 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
                           vue.createVNode("div", _hoisted_6, [
                             (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(category.items, (column, columnIndex) => {
                               return (vue.openBlock(), vue.createBlock("div", {
-                                key: category.label + '_column_' + columnIndex,
+                                key: $options.label(category) + '_column_' + columnIndex,
                                 class: $options.getColumnClassName(category)
                               }, [
                                 (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(column, (submenu, submenuIndex) => {
@@ -397,7 +400,7 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
                                     }, vue.toDisplayString(submenu.label), 7),
                                     (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(submenu.items, (item, i) => {
                                       return (vue.openBlock(), vue.createBlock(vue.Fragment, {
-                                        key: item.label + i.toString()
+                                        key: $options.label(item) + i.toString()
                                       }, [
                                         ($options.visible(item) && !item.separator)
                                           ? (vue.openBlock(), vue.createBlock("li", {
@@ -427,7 +430,7 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
                                                                     class: ['p-menuitem-icon', item.icon]
                                                                   }, null, 2))
                                                                 : vue.createCommentVNode("", true),
-                                                              vue.createVNode("span", _hoisted_7, vue.toDisplayString(item.label), 1)
+                                                              vue.createVNode("span", _hoisted_7, vue.toDisplayString($options.label(item)), 1)
                                                             ], 10, ["href", "onClick"]), [
                                                               [_directive_ripple]
                                                             ])
@@ -449,7 +452,7 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
                                                                 class: ['p-menuitem-icon', item.icon]
                                                               }, null, 2))
                                                             : vue.createCommentVNode("", true),
-                                                          vue.createVNode("span", _hoisted_8, vue.toDisplayString(item.label), 1),
+                                                          vue.createVNode("span", _hoisted_8, vue.toDisplayString($options.label(item)), 1),
                                                           (item.items)
                                                             ? (vue.openBlock(), vue.createBlock("span", {
                                                                 key: 1,

package/megamenu/megamenu.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.megamenu=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"MegaMenu",props:{model:{type:Array,default:null},orientation:{type:String,default:"horizontal"},exact:{type:Boolean,default:!0}},documentClickListener:null,data:()=>({activeItem:null}),beforeUnmount(){this.unbindDocumentClickListener()},methods:{onLeafClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.activeItem=null,t.to&&n&&n(e))},onCategoryMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.activeItem&&(this.activeItem=t)},onCategoryClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&this.activeItem===t?(this.activeItem=null,this.unbindDocumentClickListener()):(this.activeItem=t,this.bindDocumentClickListener())),t.to&&n&&n(e))},onCategoryKeydown(e,t){let n=e.currentTarget.parentElement;switch(e.which){case 40:this.horizontal?this.expandMenu(t):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.vertical?this.navigateToPrevItem(n):t.items&&t===this.activeItem&&this.collapseMenu(),e.preventDefault();break;case 39:this.horizontal?this.navigateToNextItem(n):this.expandMenu(t),e.preventDefault();break;case 37:this.horizontal?this.navigateToPrevItem(n):t.items&&t===this.activeItem&&this.collapseMenu(),e.preventDefault()}},expandMenu(e){e.items&&(this.activeItem=e)},collapseMenu(){this.activeItem=null},findNextItem(t){let n=t.nextElementSibling;return n?e.DomHandler.hasClass(n,"p-disabled")||!e.DomHandler.hasClass(n,"p-menuitem")?this.findNextItem(n):n:null},findPrevItem(t){let n=t.previousElementSibling;return n?e.DomHandler.hasClass(n,"p-disabled")||!e.DomHandler.hasClass(n,"p-menuitem")?this.findPrevItem(n):n:null},navigateToNextItem(e){var t=this.findNextItem(e);t&&t.children[0].focus()},navigateToPrevItem(e){var t=this.findPrevItem(e);t&&t.children[0].focus()},getCategoryClass(e){return["p-menuitem",{"p-menuitem-active":e===this.activeItem},e.class]},getCategorySubMenuIcon(){return["p-submenu-icon pi",{"pi-angle-down":this.horizontal,"pi-angle-right":this.vertical}]},getCategoryIcon:e=>["p-menuitem-icon",e.icon],getColumnClassName(e){let t;switch(e.items?e.items.length:0){case 2:t="p-megamenu-col-6";break;case 3:t="p-megamenu-col-4";break;case 4:t="p-megamenu-col-3";break;case 6:t="p-megamenu-col-2";break;default:t="p-megamenu-col-12"}return t},getSubmenuHeaderClass(e){return["p-megamenu-submenu-header",e.class,{"p-disabled":this.disabled(e)}]},getSubmenuItemClass:e=>["p-menuitem",e.class],linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},bindDocumentClickListener(){this.documentClickListener||(this.documentClickListener=e=>{this.$el&&!this.$el.contains(e.target)&&(this.activeItem=null,this.unbindDocumentClickListener())},document.addEventListener("click",this.documentClickListener))},unbindDocumentClickListener(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled},computed:{containerClass(){return["p-megamenu p-component",{"p-megamenu-horizontal":this.horizontal,"p-megamenu-vertical":this.vertical}]},horizontal(){return"horizontal"===this.orientation},vertical(){return"vertical"===this.orientation}},directives:{ripple:i(t).default}};const l={key:0,class:"p-megamenu-start"},o={class:"p-megamenu-root-list",role:"menubar"},s={class:"p-menuitem-text"},c={class:"p-menuitem-text"},r={key:2,class:"p-megamenu-panel"},m={class:"p-megamenu-grid"},u={class:"p-menuitem-text"},p={class:"p-menuitem-text"},d={key:1,class:"p-megamenu-end"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-megamenu-root-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-megamenu-root-list > .p-menuitem {\n    position: relative;\n}\n.p-megamenu .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-megamenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-megamenu-panel {\n    display: none;\n    position: absolute;\n    width: auto;\n    z-index: 1;\n}\n.p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n    display: block;\n}\n.p-megamenu-submenu {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n/* Horizontal */\n.p-megamenu-horizontal .p-megamenu-root-list {\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    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n\n/* Vertical */\n.p-megamenu-vertical .p-megamenu-root-list {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n    left: 100%;\n    top: 0;\n}\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n    margin-left: auto;\n}\n.p-megamenu-grid {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-megamenu-col-2,\n.p-megamenu-col-3,\n.p-megamenu-col-4,\n.p-megamenu-col-6,\n.p-megamenu-col-12 {\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n    padding: 0.5rem;\n}\n.p-megamenu-col-2 {\n    width: 16.6667%;\n}\n.p-megamenu-col-3 {\n    width: 25%;\n}\n.p-megamenu-col-4 {\n    width: 33.3333%;\n}\n.p-megamenu-col-6 {\n    width: 50%;\n}\n.p-megamenu-col-12 {\n    width: 100%;\n}\n"),a.render=function(e,t,i,a,k,g){const h=n.resolveComponent("router-link"),v=n.resolveDirective("ripple");return n.openBlock(),n.createBlock("div",{class:g.containerClass},[e.$slots.start?(n.openBlock(),n.createBlock("div",l,[n.renderSlot(e.$slots,"start")])):n.createCommentVNode("",!0),n.createVNode("ul",o,[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i.model,((t,i)=>(n.openBlock(),n.createBlock(n.Fragment,{key:t.label+"_"+i},[g.visible(t)?(n.openBlock(),n.createBlock("li",{key:0,class:g.getCategoryClass(t),style:t.style,onMouseenter:e=>g.onCategoryMouseEnter(e,t),role:"none"},[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[t.to&&!g.disabled(t)?(n.openBlock(),n.createBlock(h,{key:0,to:t.to,custom:""},{default:n.withCtx((({navigate:e,href:i,isActive:a,isExactActive:l})=>[n.withDirectives(n.createVNode("a",{href:i,class:g.linkClass(t,{isActive:a,isExactActive:l}),onClick:n=>g.onCategoryClick(n,t,e),onKeydown:e=>g.onCategoryKeydown(e,t),role:"menuitem"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:g.getCategoryIcon(t)},null,2)):n.createCommentVNode("",!0),n.createVNode("span",s,n.toDisplayString(t.label),1)],42,["href","onClick","onKeydown"]),[[v]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:t.url,class:g.linkClass(t),target:t.target,onClick:e=>g.onCategoryClick(e,t),onKeydown:e=>g.onCategoryKeydown(e,t),role:"menuitem","aria-haspopup":null!=t.items,"aria-expanded":t===k.activeItem,tabindex:g.disabled(t)?null:"0"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:g.getCategoryIcon(t)},null,2)):n.createCommentVNode("",!0),n.createVNode("span",c,n.toDisplayString(t.label),1),t.items?(n.openBlock(),n.createBlock("span",{key:1,class:g.getCategorySubMenuIcon()},null,2)):n.createCommentVNode("",!0)],42,["href","target","onClick","onKeydown","aria-haspopup","aria-expanded","tabindex"])),[[v]])],64)),t.items?(n.openBlock(),n.createBlock("div",r,[n.createVNode("div",m,[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(t.items,((i,a)=>(n.openBlock(),n.createBlock("div",{key:t.label+"_column_"+a,class:g.getColumnClassName(t)},[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i,((t,i)=>(n.openBlock(),n.createBlock("ul",{class:"p-megamenu-submenu",key:t.label+"_submenu_"+i,role:"menu"},[n.createVNode("li",{class:g.getSubmenuHeaderClass(t),style:t.style,role:"presentation"},n.toDisplayString(t.label),7),(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(t.items,((t,i)=>(n.openBlock(),n.createBlock(n.Fragment,{key:t.label+i.toString()},[g.visible(t)&&!t.separator?(n.openBlock(),n.createBlock("li",{key:0,role:"none",class:g.getSubmenuItemClass(t),style:t.style},[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[t.to&&!g.disabled(t)?(n.openBlock(),n.createBlock(h,{key:0,to:t.to,custom:""},{default:n.withCtx((({navigate:e,href:i,isActive:a,isExactActive:l})=>[n.withDirectives(n.createVNode("a",{href:i,class:g.linkClass(t,{isActive:a,isExactActive:l}),onClick:n=>g.onLeafClick(n,t,e),role:"menuitem"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:["p-menuitem-icon",t.icon]},null,2)):n.createCommentVNode("",!0),n.createVNode("span",u,n.toDisplayString(t.label),1)],10,["href","onClick"]),[[v]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:t.url,class:g.linkClass(t),target:t.target,onClick:e=>g.onLeafClick(e,t),role:"menuitem",tabindex:g.disabled(t)?null:"0"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:["p-menuitem-icon",t.icon]},null,2)):n.createCommentVNode("",!0),n.createVNode("span",p,n.toDisplayString(t.label),1),t.items?(n.openBlock(),n.createBlock("span",{key:1,class:e.getSubmenuIcon()},null,2)):n.createCommentVNode("",!0)],10,["href","target","onClick","tabindex"])),[[v]])],64))],6)):n.createCommentVNode("",!0),g.visible(t)&&t.separator?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+i.toString(),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))])))),128))],2)))),128))])])):n.createCommentVNode("",!0)],46,["onMouseenter"])):n.createCommentVNode("",!0)],64)))),128))]),e.$slots.end?(n.openBlock(),n.createBlock("div",d,[n.renderSlot(e.$slots,"end")])):n.createCommentVNode("",!0)],2)},a}(primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.megamenu=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l={name:"MegaMenu",props:{model:{type:Array,default:null},orientation:{type:String,default:"horizontal"},exact:{type:Boolean,default:!0}},documentClickListener:null,data:()=>({activeItem:null}),beforeUnmount(){this.unbindDocumentClickListener()},methods:{onLeafClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.activeItem=null,t.to&&n&&n(e))},onCategoryMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.activeItem&&(this.activeItem=t)},onCategoryClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&this.activeItem===t?(this.activeItem=null,this.unbindDocumentClickListener()):(this.activeItem=t,this.bindDocumentClickListener())),t.to&&n&&n(e))},onCategoryKeydown(e,t){let n=e.currentTarget.parentElement;switch(e.which){case 40:this.horizontal?this.expandMenu(t):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.vertical?this.navigateToPrevItem(n):t.items&&t===this.activeItem&&this.collapseMenu(),e.preventDefault();break;case 39:this.horizontal?this.navigateToNextItem(n):this.expandMenu(t),e.preventDefault();break;case 37:this.horizontal?this.navigateToPrevItem(n):t.items&&t===this.activeItem&&this.collapseMenu(),e.preventDefault()}},expandMenu(e){e.items&&(this.activeItem=e)},collapseMenu(){this.activeItem=null},findNextItem(t){let n=t.nextElementSibling;return n?e.DomHandler.hasClass(n,"p-disabled")||!e.DomHandler.hasClass(n,"p-menuitem")?this.findNextItem(n):n:null},findPrevItem(t){let n=t.previousElementSibling;return n?e.DomHandler.hasClass(n,"p-disabled")||!e.DomHandler.hasClass(n,"p-menuitem")?this.findPrevItem(n):n:null},navigateToNextItem(e){var t=this.findNextItem(e);t&&t.children[0].focus()},navigateToPrevItem(e){var t=this.findPrevItem(e);t&&t.children[0].focus()},getCategoryClass(e){return["p-menuitem",{"p-menuitem-active":e===this.activeItem},e.class]},getCategorySubMenuIcon(){return["p-submenu-icon pi",{"pi-angle-down":this.horizontal,"pi-angle-right":this.vertical}]},getCategoryIcon:e=>["p-menuitem-icon",e.icon],getColumnClassName(e){let t;switch(e.items?e.items.length:0){case 2:t="p-megamenu-col-6";break;case 3:t="p-megamenu-col-4";break;case 4:t="p-megamenu-col-3";break;case 6:t="p-megamenu-col-2";break;default:t="p-megamenu-col-12"}return t},getSubmenuHeaderClass(e){return["p-megamenu-submenu-header",e.class,{"p-disabled":this.disabled(e)}]},getSubmenuItemClass:e=>["p-menuitem",e.class],linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},bindDocumentClickListener(){this.documentClickListener||(this.documentClickListener=e=>{this.$el&&!this.$el.contains(e.target)&&(this.activeItem=null,this.unbindDocumentClickListener())},document.addEventListener("click",this.documentClickListener))},unbindDocumentClickListener(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.disabled?e.label():e.label},computed:{containerClass(){return["p-megamenu p-component",{"p-megamenu-horizontal":this.horizontal,"p-megamenu-vertical":this.vertical}]},horizontal(){return"horizontal"===this.orientation},vertical(){return"vertical"===this.orientation}},directives:{ripple:i(t).default}};const a={key:0,class:"p-megamenu-start"},o={class:"p-megamenu-root-list",role:"menubar"},s={class:"p-menuitem-text"},c={class:"p-menuitem-text"},r={key:2,class:"p-megamenu-panel"},m={class:"p-megamenu-grid"},u={class:"p-menuitem-text"},p={class:"p-menuitem-text"},d={key:1,class:"p-megamenu-end"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-megamenu-root-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-megamenu-root-list > .p-menuitem {\n    position: relative;\n}\n.p-megamenu .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-megamenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-megamenu-panel {\n    display: none;\n    position: absolute;\n    width: auto;\n    z-index: 1;\n}\n.p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n    display: block;\n}\n.p-megamenu-submenu {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n/* Horizontal */\n.p-megamenu-horizontal .p-megamenu-root-list {\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    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n\n/* Vertical */\n.p-megamenu-vertical .p-megamenu-root-list {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n    left: 100%;\n    top: 0;\n}\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n    margin-left: auto;\n}\n.p-megamenu-grid {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-megamenu-col-2,\n.p-megamenu-col-3,\n.p-megamenu-col-4,\n.p-megamenu-col-6,\n.p-megamenu-col-12 {\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n    padding: 0.5rem;\n}\n.p-megamenu-col-2 {\n    width: 16.6667%;\n}\n.p-megamenu-col-3 {\n    width: 25%;\n}\n.p-megamenu-col-4 {\n    width: 33.3333%;\n}\n.p-megamenu-col-6 {\n    width: 50%;\n}\n.p-megamenu-col-12 {\n    width: 100%;\n}\n"),l.render=function(e,t,i,l,k,g){const h=n.resolveComponent("router-link"),v=n.resolveDirective("ripple");return n.openBlock(),n.createBlock("div",{class:g.containerClass},[e.$slots.start?(n.openBlock(),n.createBlock("div",a,[n.renderSlot(e.$slots,"start")])):n.createCommentVNode("",!0),n.createVNode("ul",o,[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i.model,((t,i)=>(n.openBlock(),n.createBlock(n.Fragment,{key:g.label(t)+"_"+i},[g.visible(t)?(n.openBlock(),n.createBlock("li",{key:0,class:g.getCategoryClass(t),style:t.style,onMouseenter:e=>g.onCategoryMouseEnter(e,t),role:"none"},[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[t.to&&!g.disabled(t)?(n.openBlock(),n.createBlock(h,{key:0,to:t.to,custom:""},{default:n.withCtx((({navigate:e,href:i,isActive:l,isExactActive:a})=>[n.withDirectives(n.createVNode("a",{href:i,class:g.linkClass(t,{isActive:l,isExactActive:a}),onClick:n=>g.onCategoryClick(n,t,e),onKeydown:e=>g.onCategoryKeydown(e,t),role:"menuitem"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:g.getCategoryIcon(t)},null,2)):n.createCommentVNode("",!0),n.createVNode("span",s,n.toDisplayString(g.label(t)),1)],42,["href","onClick","onKeydown"]),[[v]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:t.url,class:g.linkClass(t),target:t.target,onClick:e=>g.onCategoryClick(e,t),onKeydown:e=>g.onCategoryKeydown(e,t),role:"menuitem","aria-haspopup":null!=t.items,"aria-expanded":t===k.activeItem,tabindex:g.disabled(t)?null:"0"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:g.getCategoryIcon(t)},null,2)):n.createCommentVNode("",!0),n.createVNode("span",c,n.toDisplayString(g.label(t)),1),t.items?(n.openBlock(),n.createBlock("span",{key:1,class:g.getCategorySubMenuIcon()},null,2)):n.createCommentVNode("",!0)],42,["href","target","onClick","onKeydown","aria-haspopup","aria-expanded","tabindex"])),[[v]])],64)),t.items?(n.openBlock(),n.createBlock("div",r,[n.createVNode("div",m,[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(t.items,((i,l)=>(n.openBlock(),n.createBlock("div",{key:g.label(t)+"_column_"+l,class:g.getColumnClassName(t)},[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i,((t,i)=>(n.openBlock(),n.createBlock("ul",{class:"p-megamenu-submenu",key:t.label+"_submenu_"+i,role:"menu"},[n.createVNode("li",{class:g.getSubmenuHeaderClass(t),style:t.style,role:"presentation"},n.toDisplayString(t.label),7),(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(t.items,((t,i)=>(n.openBlock(),n.createBlock(n.Fragment,{key:g.label(t)+i.toString()},[g.visible(t)&&!t.separator?(n.openBlock(),n.createBlock("li",{key:0,role:"none",class:g.getSubmenuItemClass(t),style:t.style},[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[t.to&&!g.disabled(t)?(n.openBlock(),n.createBlock(h,{key:0,to:t.to,custom:""},{default:n.withCtx((({navigate:e,href:i,isActive:l,isExactActive:a})=>[n.withDirectives(n.createVNode("a",{href:i,class:g.linkClass(t,{isActive:l,isExactActive:a}),onClick:n=>g.onLeafClick(n,t,e),role:"menuitem"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:["p-menuitem-icon",t.icon]},null,2)):n.createCommentVNode("",!0),n.createVNode("span",u,n.toDisplayString(g.label(t)),1)],10,["href","onClick"]),[[v]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:t.url,class:g.linkClass(t),target:t.target,onClick:e=>g.onLeafClick(e,t),role:"menuitem",tabindex:g.disabled(t)?null:"0"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:["p-menuitem-icon",t.icon]},null,2)):n.createCommentVNode("",!0),n.createVNode("span",p,n.toDisplayString(g.label(t)),1),t.items?(n.openBlock(),n.createBlock("span",{key:1,class:e.getSubmenuIcon()},null,2)):n.createCommentVNode("",!0)],10,["href","target","onClick","tabindex"])),[[v]])],64))],6)):n.createCommentVNode("",!0),g.visible(t)&&t.separator?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+i.toString(),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))])))),128))],2)))),128))])])):n.createCommentVNode("",!0)],46,["onMouseenter"])):n.createCommentVNode("",!0)],64)))),128))]),e.$slots.end?(n.openBlock(),n.createBlock("div",d,[n.renderSlot(e.$slots,"end")])):n.createCommentVNode("",!0)],2)},l}(primevue.utils,primevue.ripple,Vue);

package/menu/Menu.vue

@@ -3,10 +3,10 @@
         <transition name="p-connected-overlay" @enter="onEnter" @leave="onLeave" @after-leave="onAfterLeave">
             <div :ref="containerRef" :class="containerClass" v-if="popup ? overlayVisible : true" v-bind="$attrs" @click="onOverlayClick">
                 <ul class="p-menu-list p-reset" role="menu">
-                    <template v-for="(item, i) of model" :key="item.label + i.toString()">
+                    <template v-for="(item, i) of model" :key="label(item) + i.toString()">
                         <template v-if="item.items && visible(item) && !item.separator">
                             <li class="p-submenu-header" v-if="item.items">
-                                <slot name="item" :item="item">{{item.label}}</slot>
+                                <slot name="item" :item="item">{{label(item)}}</slot>
                             </li>
                             <template v-for="(child, j) of item.items" :key="child.label + i + j">
                                 <Menuitem v-if="visible(child) && !child.separator" :item="child" @click="itemClick" :template="$slots.item" :exact="exact" />
@@ -14,7 +14,7 @@
                             </template>
                         </template>
                         <li v-else-if="visible(item) && item.separator" :class="['p-menu-separator', item.class]" :style="item.style" :key="'separator' + i.toString()" role="separator"></li>
-                        <Menuitem v-else :key="item.label + i.toString()" :item="item" @click="itemClick" :template="$slots.item" :exact="exact" />
+                        <Menuitem v-else :key="label(item) + i.toString()" :item="item" @click="itemClick" :template="$slots.item" :exact="exact" />
                     </template>
                 </ul>
             </div>
@@ -194,6 +194,9 @@ export default {
         visible(item) {
             return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
         },
+        label(item) {
+            return (typeof item.label === 'function' ? item.label() : item.label);
+        },
         containerRef(el) {
             this.container = el;
         },

package/menu/Menuitem.vue

@@ -4,12 +4,12 @@
             <router-link v-if="item.to && !disabled(item)" :to="item.to" custom v-slot="{navigate, href, isActive, isExactActive}">
                 <a :href="href" @click="onClick($event, navigate)" :class="linkClass(item, {isActive, isExactActive})" v-ripple role="menuitem">
                     <span :class="['p-menuitem-icon', item.icon]"></span>
-                    <span class="p-menuitem-text">{{item.label}}</span>
+                    <span class="p-menuitem-text">{{label()}}</span>
                 </a>
             </router-link>
             <a v-else :href="item.url" :class="linkClass(item)" @click="onClick" :target="item.target" role="menuitem" :tabindex="disabled(item) ? null : '0'" v-ripple>
                 <span :class="['p-menuitem-icon', item.icon]"></span>
-                <span class="p-menuitem-text">{{item.label}}</span>
+                <span class="p-menuitem-text">{{label()}}</span>
             </a>
         </template>
         <component v-else :is="template" :item="item"></component>
@@ -48,6 +48,9 @@ export default {
         },
         disabled(item) {
             return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+        },
+        label() {
+            return (typeof this.item.label === 'function' ? this.item.label() : this.item.label);
         }
     },
     computed: {

package/menu/menu.cjs.js

@@ -39,6 +39,9 @@ var script$1 = {
         },
         disabled(item) {
             return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+        },
+        label() {
+            return (typeof this.item.label === 'function' ? this.item.label() : this.item.label);
         }
     },
     computed: {
@@ -83,7 +86,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                         vue.createVNode("span", {
                           class: ['p-menuitem-icon', $props.item.icon]
                         }, null, 2),
-                        vue.createVNode("span", _hoisted_1$1, vue.toDisplayString($props.item.label), 1)
+                        vue.createVNode("span", _hoisted_1$1, vue.toDisplayString($options.label()), 1)
                       ], 10, ["href", "onClick"]), [
                         [_directive_ripple]
                       ])
@@ -102,7 +105,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     vue.createVNode("span", {
                       class: ['p-menuitem-icon', $props.item.icon]
                     }, null, 2),
-                    vue.createVNode("span", _hoisted_2$1, vue.toDisplayString($props.item.label), 1)
+                    vue.createVNode("span", _hoisted_2$1, vue.toDisplayString($options.label()), 1)
                   ], 10, ["href", "target", "tabindex"])), [
                     [_directive_ripple]
                   ])
@@ -284,6 +287,9 @@ var script = {
         visible(item) {
             return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
         },
+        label(item) {
+            return (typeof item.label === 'function' ? item.label() : item.label);
+        },
         containerRef(el) {
             this.container = el;
         },
@@ -342,14 +348,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               vue.createVNode("ul", _hoisted_1, [
                 (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($props.model, (item, i) => {
                   return (vue.openBlock(), vue.createBlock(vue.Fragment, {
-                    key: item.label + i.toString()
+                    key: $options.label(item) + i.toString()
                   }, [
                     (item.items && $options.visible(item) && !item.separator)
                       ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
                           (item.items)
                             ? (vue.openBlock(), vue.createBlock("li", _hoisted_2, [
                                 vue.renderSlot(_ctx.$slots, "item", { item: item }, () => [
-                                  vue.createTextVNode(vue.toDisplayString(item.label), 1)
+                                  vue.createTextVNode(vue.toDisplayString($options.label(item)), 1)
                                 ])
                               ]))
                             : vue.createCommentVNode("", true),
@@ -384,7 +390,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             role: "separator"
                           }, null, 6))
                         : (vue.openBlock(), vue.createBlock(_component_Menuitem, {
-                            key: item.label + i.toString(),
+                            key: $options.label(item) + i.toString(),
                             item: item,
                             onClick: $options.itemClick,
                             template: _ctx.$slots.item,

package/menu/menu.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/overlayeventbus"),i=require("primevue/ripple"),n=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t),r={name:"Menuitem",inheritAttrs:!1,emits:["click"],props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.$emit("click",{originalEvent:e,item:this.item,navigate:t})},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled},computed:{containerClass(){return["p-menuitem",this.item.class]}},directives:{ripple:l(i).default}};const o={class:"p-menuitem-text"},a={class:"p-menuitem-text"};r.render=function(e,t,i,l,s,r){const c=n.resolveComponent("router-link"),d=n.resolveDirective("ripple");return r.visible()?(n.openBlock(),n.createBlock("li",{key:0,class:r.containerClass,role:"none",style:i.item.style},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:i.item},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[i.item.to&&!r.disabled(i.item)?(n.openBlock(),n.createBlock(c,{key:0,to:i.item.to,custom:""},{default:n.withCtx((({navigate:e,href:t,isActive:l,isExactActive:s})=>[n.withDirectives(n.createVNode("a",{href:t,onClick:t=>r.onClick(t,e),class:r.linkClass(i.item,{isActive:l,isExactActive:s}),role:"menuitem"},[n.createVNode("span",{class:["p-menuitem-icon",i.item.icon]},null,2),n.createVNode("span",o,n.toDisplayString(i.item.label),1)],10,["href","onClick"]),[[d]])])),_:1},8,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:i.item.url,class:r.linkClass(i.item),onClick:t[1]||(t[1]=(...e)=>r.onClick&&r.onClick(...e)),target:i.item.target,role:"menuitem",tabindex:r.disabled(i.item)?null:"0"},[n.createVNode("span",{class:["p-menuitem-icon",i.item.icon]},null,2),n.createVNode("span",a,n.toDisplayString(i.item.label),1)],10,["href","target","tabindex"])),[[d]])],64))],6)):n.createCommentVNode("",!0)};var c={name:"Menu",emits:["show","hide"],inheritAttrs:!1,props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},exact:{type:Boolean,default:!0}},data:()=>({overlayVisible:!1}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;t.disabled||(t.command&&t.command(e),t.to&&e.navigate&&e.navigate(e.originalEvent),this.hide())},toggle(e){this.overlayVisible?this.hide():this.show(e)},show(e){this.overlayVisible=!0,this.target=e.currentTarget},hide(){this.overlayVisible=!1,this.target=null},onEnter(t){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&e.ZIndexUtils.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener(),this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},alignOverlay(){e.DomHandler.absolutePosition(this.container,this.target),this.container.style.minWidth=e.DomHandler.getOuterWidth(this.target)+"px"},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 e.ConnectedOverlayScrollHandler(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))},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,containerRef(e){this.container=e},onOverlayClick(e){s.default.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-menu p-component",{"p-menu-overlay":this.popup,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{Menuitem:r}};const d={class:"p-menu-list p-reset",role:"menu"},m={key:0,class:"p-submenu-header"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-menu-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\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"),c.render=function(e,t,i,l,s,r){const o=n.resolveComponent("Menuitem");return n.openBlock(),n.createBlock(n.Teleport,{to:i.appendTo,disabled:!i.popup},[n.createVNode(n.Transition,{name:"p-connected-overlay",onEnter:r.onEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:n.withCtx((()=>[!i.popup||s.overlayVisible?(n.openBlock(),n.createBlock("div",n.mergeProps({key:0,ref:r.containerRef,class:r.containerClass},e.$attrs,{onClick:t[1]||(t[1]=(...e)=>r.onOverlayClick&&r.onOverlayClick(...e))}),[n.createVNode("ul",d,[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i.model,((t,l)=>(n.openBlock(),n.createBlock(n.Fragment,{key:t.label+l.toString()},[t.items&&r.visible(t)&&!t.separator?(n.openBlock(),n.createBlock(n.Fragment,{key:0},[t.items?(n.openBlock(),n.createBlock("li",m,[n.renderSlot(e.$slots,"item",{item:t},(()=>[n.createTextVNode(n.toDisplayString(t.label),1)]))])):n.createCommentVNode("",!0),(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(t.items,((t,s)=>(n.openBlock(),n.createBlock(n.Fragment,{key:t.label+l+s},[r.visible(t)&&!t.separator?(n.openBlock(),n.createBlock(o,{key:0,item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"])):r.visible(t)&&t.separator?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+l+s,role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],64)):r.visible(t)&&t.separator?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+l.toString(),role:"separator"},null,6)):(n.openBlock(),n.createBlock(o,{key:t.label+l.toString(),item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"]))],64)))),128))])],16)):n.createCommentVNode("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"])},module.exports=c;
+"use strict";var e=require("primevue/utils"),t=require("primevue/overlayeventbus"),i=require("primevue/ripple"),n=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t),r={name:"Menuitem",inheritAttrs:!1,emits:["click"],props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.$emit("click",{originalEvent:e,item:this.item,navigate:t})},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label}},computed:{containerClass(){return["p-menuitem",this.item.class]}},directives:{ripple:l(i).default}};const o={class:"p-menuitem-text"},a={class:"p-menuitem-text"};r.render=function(e,t,i,l,s,r){const c=n.resolveComponent("router-link"),d=n.resolveDirective("ripple");return r.visible()?(n.openBlock(),n.createBlock("li",{key:0,class:r.containerClass,role:"none",style:i.item.style},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:i.item},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[i.item.to&&!r.disabled(i.item)?(n.openBlock(),n.createBlock(c,{key:0,to:i.item.to,custom:""},{default:n.withCtx((({navigate:e,href:t,isActive:l,isExactActive:s})=>[n.withDirectives(n.createVNode("a",{href:t,onClick:t=>r.onClick(t,e),class:r.linkClass(i.item,{isActive:l,isExactActive:s}),role:"menuitem"},[n.createVNode("span",{class:["p-menuitem-icon",i.item.icon]},null,2),n.createVNode("span",o,n.toDisplayString(r.label()),1)],10,["href","onClick"]),[[d]])])),_:1},8,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:i.item.url,class:r.linkClass(i.item),onClick:t[1]||(t[1]=(...e)=>r.onClick&&r.onClick(...e)),target:i.item.target,role:"menuitem",tabindex:r.disabled(i.item)?null:"0"},[n.createVNode("span",{class:["p-menuitem-icon",i.item.icon]},null,2),n.createVNode("span",a,n.toDisplayString(r.label()),1)],10,["href","target","tabindex"])),[[d]])],64))],6)):n.createCommentVNode("",!0)};var c={name:"Menu",emits:["show","hide"],inheritAttrs:!1,props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},exact:{type:Boolean,default:!0}},data:()=>({overlayVisible:!1}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;t.disabled||(t.command&&t.command(e),t.to&&e.navigate&&e.navigate(e.originalEvent),this.hide())},toggle(e){this.overlayVisible?this.hide():this.show(e)},show(e){this.overlayVisible=!0,this.target=e.currentTarget},hide(){this.overlayVisible=!1,this.target=null},onEnter(t){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&e.ZIndexUtils.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener(),this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},alignOverlay(){e.DomHandler.absolutePosition(this.container,this.target),this.container.style.minWidth=e.DomHandler.getOuterWidth(this.target)+"px"},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 e.ConnectedOverlayScrollHandler(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))},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,label:e=>"function"==typeof e.label?e.label():e.label,containerRef(e){this.container=e},onOverlayClick(e){s.default.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-menu p-component",{"p-menu-overlay":this.popup,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{Menuitem:r}};const d={class:"p-menu-list p-reset",role:"menu"},u={key:0,class:"p-submenu-header"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-menu-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\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"),c.render=function(e,t,i,l,s,r){const o=n.resolveComponent("Menuitem");return n.openBlock(),n.createBlock(n.Teleport,{to:i.appendTo,disabled:!i.popup},[n.createVNode(n.Transition,{name:"p-connected-overlay",onEnter:r.onEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:n.withCtx((()=>[!i.popup||s.overlayVisible?(n.openBlock(),n.createBlock("div",n.mergeProps({key:0,ref:r.containerRef,class:r.containerClass},e.$attrs,{onClick:t[1]||(t[1]=(...e)=>r.onOverlayClick&&r.onOverlayClick(...e))}),[n.createVNode("ul",d,[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i.model,((t,l)=>(n.openBlock(),n.createBlock(n.Fragment,{key:r.label(t)+l.toString()},[t.items&&r.visible(t)&&!t.separator?(n.openBlock(),n.createBlock(n.Fragment,{key:0},[t.items?(n.openBlock(),n.createBlock("li",u,[n.renderSlot(e.$slots,"item",{item:t},(()=>[n.createTextVNode(n.toDisplayString(r.label(t)),1)]))])):n.createCommentVNode("",!0),(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(t.items,((t,s)=>(n.openBlock(),n.createBlock(n.Fragment,{key:t.label+l+s},[r.visible(t)&&!t.separator?(n.openBlock(),n.createBlock(o,{key:0,item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"])):r.visible(t)&&t.separator?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+l+s,role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],64)):r.visible(t)&&t.separator?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+l.toString(),role:"separator"},null,6)):(n.openBlock(),n.createBlock(o,{key:r.label(t)+l.toString(),item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"]))],64)))),128))])],16)):n.createCommentVNode("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"])},module.exports=c;

package/menu/menu.esm.js

@@ -32,6 +32,9 @@ var script$1 = {
         },
         disabled(item) {
             return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+        },
+        label() {
+            return (typeof this.item.label === 'function' ? this.item.label() : this.item.label);
         }
     },
     computed: {
@@ -76,7 +79,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                         createVNode("span", {
                           class: ['p-menuitem-icon', $props.item.icon]
                         }, null, 2),
-                        createVNode("span", _hoisted_1$1, toDisplayString($props.item.label), 1)
+                        createVNode("span", _hoisted_1$1, toDisplayString($options.label()), 1)
                       ], 10, ["href", "onClick"]), [
                         [_directive_ripple]
                       ])
@@ -95,7 +98,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     createVNode("span", {
                       class: ['p-menuitem-icon', $props.item.icon]
                     }, null, 2),
-                    createVNode("span", _hoisted_2$1, toDisplayString($props.item.label), 1)
+                    createVNode("span", _hoisted_2$1, toDisplayString($options.label()), 1)
                   ], 10, ["href", "target", "tabindex"])), [
                     [_directive_ripple]
                   ])
@@ -277,6 +280,9 @@ var script = {
         visible(item) {
             return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
         },
+        label(item) {
+            return (typeof item.label === 'function' ? item.label() : item.label);
+        },
         containerRef(el) {
             this.container = el;
         },
@@ -335,14 +341,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               createVNode("ul", _hoisted_1, [
                 (openBlock(true), createBlock(Fragment, null, renderList($props.model, (item, i) => {
                   return (openBlock(), createBlock(Fragment, {
-                    key: item.label + i.toString()
+                    key: $options.label(item) + i.toString()
                   }, [
                     (item.items && $options.visible(item) && !item.separator)
                       ? (openBlock(), createBlock(Fragment, { key: 0 }, [
                           (item.items)
                             ? (openBlock(), createBlock("li", _hoisted_2, [
                                 renderSlot(_ctx.$slots, "item", { item: item }, () => [
-                                  createTextVNode(toDisplayString(item.label), 1)
+                                  createTextVNode(toDisplayString($options.label(item)), 1)
                                 ])
                               ]))
                             : createCommentVNode("", true),
@@ -377,7 +383,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             role: "separator"
                           }, null, 6))
                         : (openBlock(), createBlock(_component_Menuitem, {
-                            key: item.label + i.toString(),
+                            key: $options.label(item) + i.toString(),
                             item: item,
                             onClick: $options.itemClick,
                             template: _ctx.$slots.item,

package/menu/menu.esm.min.js

@@ -1 +1 @@
-import{ZIndexUtils as e,DomHandler as t,ConnectedOverlayScrollHandler as i}from"primevue/utils";import n from"primevue/overlayeventbus";import s from"primevue/ripple";import{resolveComponent as l,resolveDirective as r,openBlock as a,createBlock as o,Fragment as c,withCtx as d,withDirectives as u,createVNode as m,toDisplayString as p,resolveDynamicComponent as h,createCommentVNode as v,Teleport as b,Transition as y,mergeProps as k,renderList as f,renderSlot as g,createTextVNode as C}from"vue";var L={name:"Menuitem",inheritAttrs:!1,emits:["click"],props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.$emit("click",{originalEvent:e,item:this.item,navigate:t})},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled},computed:{containerClass(){return["p-menuitem",this.item.class]}},directives:{ripple:s}};const x={class:"p-menuitem-text"},E={class:"p-menuitem-text"};L.render=function(e,t,i,n,s,b){const y=l("router-link"),k=r("ripple");return b.visible()?(a(),o("li",{key:0,class:b.containerClass,role:"none",style:i.item.style},[i.template?(a(),o(h(i.template),{key:1,item:i.item},null,8,["item"])):(a(),o(c,{key:0},[i.item.to&&!b.disabled(i.item)?(a(),o(y,{key:0,to:i.item.to,custom:""},{default:d((({navigate:e,href:t,isActive:n,isExactActive:s})=>[u(m("a",{href:t,onClick:t=>b.onClick(t,e),class:b.linkClass(i.item,{isActive:n,isExactActive:s}),role:"menuitem"},[m("span",{class:["p-menuitem-icon",i.item.icon]},null,2),m("span",x,p(i.item.label),1)],10,["href","onClick"]),[[k]])])),_:1},8,["to"])):u((a(),o("a",{key:1,href:i.item.url,class:b.linkClass(i.item),onClick:t[1]||(t[1]=(...e)=>b.onClick&&b.onClick(...e)),target:i.item.target,role:"menuitem",tabindex:b.disabled(i.item)?null:"0"},[m("span",{class:["p-menuitem-icon",i.item.icon]},null,2),m("span",E,p(i.item.label),1)],10,["href","target","tabindex"])),[[k]])],64))],6)):v("",!0)};var z={name:"Menu",emits:["show","hide"],inheritAttrs:!1,props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},exact:{type:Boolean,default:!0}},data:()=>({overlayVisible:!1}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container&&this.autoZIndex&&e.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;t.disabled||(t.command&&t.command(e),t.to&&e.navigate&&e.navigate(e.originalEvent),this.hide())},toggle(e){this.overlayVisible?this.hide():this.show(e)},show(e){this.overlayVisible=!0,this.target=e.currentTarget},hide(){this.overlayVisible=!1,this.target=null},onEnter(t){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&e.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener(),this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.clear(t)},alignOverlay(){t.absolutePosition(this.container,this.target),this.container.style.minWidth=t.getOuterWidth(this.target)+"px"},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))},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,containerRef(e){this.container=e},onOverlayClick(e){n.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-menu p-component",{"p-menu-overlay":this.popup,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{Menuitem:L}};const A={class:"p-menu-list p-reset",role:"menu"},S={key:0,class:"p-submenu-header"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&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    top: 0;\n    left: 0;\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"),z.render=function(e,t,i,n,s,r){const u=l("Menuitem");return a(),o(b,{to:i.appendTo,disabled:!i.popup},[m(y,{name:"p-connected-overlay",onEnter:r.onEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:d((()=>[!i.popup||s.overlayVisible?(a(),o("div",k({key:0,ref:r.containerRef,class:r.containerClass},e.$attrs,{onClick:t[1]||(t[1]=(...e)=>r.onOverlayClick&&r.onOverlayClick(...e))}),[m("ul",A,[(a(!0),o(c,null,f(i.model,((t,n)=>(a(),o(c,{key:t.label+n.toString()},[t.items&&r.visible(t)&&!t.separator?(a(),o(c,{key:0},[t.items?(a(),o("li",S,[g(e.$slots,"item",{item:t},(()=>[C(p(t.label),1)]))])):v("",!0),(a(!0),o(c,null,f(t.items,((t,s)=>(a(),o(c,{key:t.label+n+s},[r.visible(t)&&!t.separator?(a(),o(u,{key:0,item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"])):r.visible(t)&&t.separator?(a(),o("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+n+s,role:"separator"},null,6)):v("",!0)],64)))),128))],64)):r.visible(t)&&t.separator?(a(),o("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+n.toString(),role:"separator"},null,6)):(a(),o(u,{key:t.label+n.toString(),item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"]))],64)))),128))])],16)):v("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"])};export default z;
+import{ZIndexUtils as e,DomHandler as t,ConnectedOverlayScrollHandler as i}from"primevue/utils";import n from"primevue/overlayeventbus";import l from"primevue/ripple";import{resolveComponent as s,resolveDirective as r,openBlock as a,createBlock as o,Fragment as c,withCtx as d,withDirectives as u,createVNode as m,toDisplayString as p,resolveDynamicComponent as h,createCommentVNode as b,Teleport as v,Transition as y,mergeProps as k,renderList as f,renderSlot as g,createTextVNode as C}from"vue";var L={name:"Menuitem",inheritAttrs:!1,emits:["click"],props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.$emit("click",{originalEvent:e,item:this.item,navigate:t})},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label}},computed:{containerClass(){return["p-menuitem",this.item.class]}},directives:{ripple:l}};const x={class:"p-menuitem-text"},E={class:"p-menuitem-text"};L.render=function(e,t,i,n,l,v){const y=s("router-link"),k=r("ripple");return v.visible()?(a(),o("li",{key:0,class:v.containerClass,role:"none",style:i.item.style},[i.template?(a(),o(h(i.template),{key:1,item:i.item},null,8,["item"])):(a(),o(c,{key:0},[i.item.to&&!v.disabled(i.item)?(a(),o(y,{key:0,to:i.item.to,custom:""},{default:d((({navigate:e,href:t,isActive:n,isExactActive:l})=>[u(m("a",{href:t,onClick:t=>v.onClick(t,e),class:v.linkClass(i.item,{isActive:n,isExactActive:l}),role:"menuitem"},[m("span",{class:["p-menuitem-icon",i.item.icon]},null,2),m("span",x,p(v.label()),1)],10,["href","onClick"]),[[k]])])),_:1},8,["to"])):u((a(),o("a",{key:1,href:i.item.url,class:v.linkClass(i.item),onClick:t[1]||(t[1]=(...e)=>v.onClick&&v.onClick(...e)),target:i.item.target,role:"menuitem",tabindex:v.disabled(i.item)?null:"0"},[m("span",{class:["p-menuitem-icon",i.item.icon]},null,2),m("span",E,p(v.label()),1)],10,["href","target","tabindex"])),[[k]])],64))],6)):b("",!0)};var z={name:"Menu",emits:["show","hide"],inheritAttrs:!1,props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},exact:{type:Boolean,default:!0}},data:()=>({overlayVisible:!1}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container&&this.autoZIndex&&e.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;t.disabled||(t.command&&t.command(e),t.to&&e.navigate&&e.navigate(e.originalEvent),this.hide())},toggle(e){this.overlayVisible?this.hide():this.show(e)},show(e){this.overlayVisible=!0,this.target=e.currentTarget},hide(){this.overlayVisible=!1,this.target=null},onEnter(t){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&e.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener(),this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.clear(t)},alignOverlay(){t.absolutePosition(this.container,this.target),this.container.style.minWidth=t.getOuterWidth(this.target)+"px"},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))},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,label:e=>"function"==typeof e.label?e.label():e.label,containerRef(e){this.container=e},onOverlayClick(e){n.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-menu p-component",{"p-menu-overlay":this.popup,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{Menuitem:L}};const A={class:"p-menu-list p-reset",role:"menu"},S={key:0,class:"p-submenu-header"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-menu-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\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"),z.render=function(e,t,i,n,l,r){const u=s("Menuitem");return a(),o(v,{to:i.appendTo,disabled:!i.popup},[m(y,{name:"p-connected-overlay",onEnter:r.onEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:d((()=>[!i.popup||l.overlayVisible?(a(),o("div",k({key:0,ref:r.containerRef,class:r.containerClass},e.$attrs,{onClick:t[1]||(t[1]=(...e)=>r.onOverlayClick&&r.onOverlayClick(...e))}),[m("ul",A,[(a(!0),o(c,null,f(i.model,((t,n)=>(a(),o(c,{key:r.label(t)+n.toString()},[t.items&&r.visible(t)&&!t.separator?(a(),o(c,{key:0},[t.items?(a(),o("li",S,[g(e.$slots,"item",{item:t},(()=>[C(p(r.label(t)),1)]))])):b("",!0),(a(!0),o(c,null,f(t.items,((t,l)=>(a(),o(c,{key:t.label+n+l},[r.visible(t)&&!t.separator?(a(),o(u,{key:0,item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"])):r.visible(t)&&t.separator?(a(),o("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+n+l,role:"separator"},null,6)):b("",!0)],64)))),128))],64)):r.visible(t)&&t.separator?(a(),o("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+n.toString(),role:"separator"},null,6)):(a(),o(u,{key:r.label(t)+n.toString(),item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"]))],64)))),128))])],16)):b("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"])};export default z;

package/menu/menu.js

@@ -36,6 +36,9 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
             },
             disabled(item) {
                 return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+            },
+            label() {
+                return (typeof this.item.label === 'function' ? this.item.label() : this.item.label);
             }
         },
         computed: {
@@ -80,7 +83,7 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
                             vue.createVNode("span", {
                               class: ['p-menuitem-icon', $props.item.icon]
                             }, null, 2),
-                            vue.createVNode("span", _hoisted_1$1, vue.toDisplayString($props.item.label), 1)
+                            vue.createVNode("span", _hoisted_1$1, vue.toDisplayString($options.label()), 1)
                           ], 10, ["href", "onClick"]), [
                             [_directive_ripple]
                           ])
@@ -99,7 +102,7 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
                         vue.createVNode("span", {
                           class: ['p-menuitem-icon', $props.item.icon]
                         }, null, 2),
-                        vue.createVNode("span", _hoisted_2$1, vue.toDisplayString($props.item.label), 1)
+                        vue.createVNode("span", _hoisted_2$1, vue.toDisplayString($options.label()), 1)
                       ], 10, ["href", "target", "tabindex"])), [
                         [_directive_ripple]
                       ])
@@ -281,6 +284,9 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
             visible(item) {
                 return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
             },
+            label(item) {
+                return (typeof item.label === 'function' ? item.label() : item.label);
+            },
             containerRef(el) {
                 this.container = el;
             },
@@ -339,14 +345,14 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
                   vue.createVNode("ul", _hoisted_1, [
                     (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($props.model, (item, i) => {
                       return (vue.openBlock(), vue.createBlock(vue.Fragment, {
-                        key: item.label + i.toString()
+                        key: $options.label(item) + i.toString()
                       }, [
                         (item.items && $options.visible(item) && !item.separator)
                           ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
                               (item.items)
                                 ? (vue.openBlock(), vue.createBlock("li", _hoisted_2, [
                                     vue.renderSlot(_ctx.$slots, "item", { item: item }, () => [
-                                      vue.createTextVNode(vue.toDisplayString(item.label), 1)
+                                      vue.createTextVNode(vue.toDisplayString($options.label(item)), 1)
                                     ])
                                   ]))
                                 : vue.createCommentVNode("", true),
@@ -381,7 +387,7 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
                                 role: "separator"
                               }, null, 6))
                             : (vue.openBlock(), vue.createBlock(_component_Menuitem, {
-                                key: item.label + i.toString(),
+                                key: $options.label(item) + i.toString(),
                                 item: item,
                                 onClick: $options.itemClick,
                                 template: _ctx.$slots.item,