primevue 3.8.2 → 3.11.0

package/megamenu/MegaMenu.d.ts

@@ -1,22 +1,70 @@
 import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { MenuItem } from '../menuitem';
 
-interface MegaMenuProps {
-    model?: any[];
-    orientation?: string;
-    exact?: boolean;
+type MegaMenuOrientationType = 'horizontal' | 'vertical' | undefined;
+
+export interface MegaMenuProps {
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * Defines the orientation.
+     * @see MegaMenuOrientationType
+     * Default value is 'horizontal'.
+     */
+    orientation?: MegaMenuOrientationType;
+    /**
+     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
+     * Default value is true.
+     */
+    exact?: boolean | undefined;
+}
+
+export interface MegaMenuSlots {
+    /**
+     * Custom start template.
+     */
+    start: () => VNode[];
+    /**
+     * Custom end template.
+     */
+    end: () => VNode[];
+    /**
+     * Custom item template.
+     * @param {Object} scope - item slot's params.
+     */
+    item: (scope: {
+        /**
+         * Menuitem instance
+         */
+        item: MenuItem;
+    }) => VNode[];
 }
 
-interface MegaMenuItemSlotInterface {
-    item: any;
+export declare type MegaMenuEmits = {
 }
 
-declare class MegaMenu {
-    $props: MegaMenuProps;
-    $slots: {
-        start: VNode[];
-        end: VNode[];
-        item: MegaMenuItemSlotInterface;
+declare class MegaMenu extends ClassComponent<MegaMenuProps, MegaMenuSlots, MegaMenuEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        MegaMenu: GlobalComponentConstructor<MegaMenu>
     }
 }
 
+/**
+ *
+ * MegaMenu is navigation component that displays submenus together.
+ *
+ * Helper API:
+ *
+ * - [MenuItem](https://www.primefaces.org/primevue/showcase/#/menumodel)
+ *
+ * Demos:
+ *
+ * - [MegaMenu](https://www.primefaces.org/primevue/showcase/#/megamenu)
+ *
+ */
 export default MegaMenu;

package/megamenu/MegaMenu.vue

@@ -4,41 +4,41 @@
             <slot name="start"></slot>
         </div>
         <ul class="p-megamenu-root-list" role="menubar">
-            <template v-for="(category,index) of model" :key="category.label + '_' + index">
+            <template v-for="(category,index) of model" :key="label(category) + '_' + index">
                 <li v-if="visible(category)"  :class="getCategoryClass(category)" :style="category.style"
                     @mouseenter="onCategoryMouseEnter($event, category)" role="none">
                     <template v-if="!$slots.item">
                         <router-link v-if="category.to && !disabled(category)" :to="category.to" custom v-slot="{navigate, href, isActive, isExactActive}">
                             <a :href="href" :class="linkClass(category, {isActive, isExactActive})" @click="onCategoryClick($event, category, navigate)" @keydown="onCategoryKeydown($event, category)" role="menuitem" v-ripple>
                                 <span v-if="category.icon" :class="getCategoryIcon(category)"></span>
-                                <span class="p-menuitem-text">{{category.label}}</span>
+                                <span class="p-menuitem-text">{{label(category)}}</span>
                             </a>
                         </router-link>
                         <a v-else :href="category.url" :class="linkClass(category)" :target="category.target" @click="onCategoryClick($event, category)" @keydown="onCategoryKeydown($event, category)"
                             role="menuitem" :aria-haspopup="category.items != null" :aria-expanded="category === activeItem" :tabindex="disabled(category) ? null : '0'" v-ripple>
                             <span v-if="category.icon" :class="getCategoryIcon(category)"></span>
-                            <span class="p-menuitem-text">{{category.label}}</span>
+                            <span class="p-menuitem-text">{{label(category)}}</span>
                             <span v-if="category.items" :class="getCategorySubMenuIcon()"></span>
                         </a>
                     </template>
                     <component v-else :is="$slots.item" :item="category"></component>
                     <div class="p-megamenu-panel" v-if="category.items">
                         <div class="p-megamenu-grid">
-                            <div v-for="(column,columnIndex) of category.items" :key="category.label + '_column_' + columnIndex" :class="getColumnClassName(category)">
+                            <div v-for="(column,columnIndex) of category.items" :key="label(category) + '_column_' + columnIndex" :class="getColumnClassName(category)">
                                 <ul v-for="(submenu,submenuIndex) of column" class="p-megamenu-submenu" :key="submenu.label + '_submenu_' + submenuIndex" role="menu">
                                     <li :class="getSubmenuHeaderClass(submenu)" :style="submenu.style" role="presentation">{{submenu.label}}</li>
-                                    <template v-for="(item, i) of submenu.items" :key="item.label + i.toString()">
+                                    <template v-for="(item, i) of submenu.items" :key="label(item) + i.toString()">
                                         <li role="none" :class="getSubmenuItemClass(item)" :style="item.style" v-if="visible(item) && !item.separator">
                                             <template v-if="!$slots.item">
                                                 <router-link v-if="item.to && !disabled(item)" :to="item.to" custom v-slot="{navigate, href, isActive, isExactActive}">
                                                     <a :href="href" :class="linkClass(item, {isActive, isExactActive})" @click="onLeafClick($event, item, navigate)" role="menuitem" v-ripple>
                                                         <span v-if="item.icon" :class="['p-menuitem-icon', item.icon]"></span>
-                                                        <span class="p-menuitem-text">{{item.label}}</span>
+                                                        <span class="p-menuitem-text">{{label(item)}}</span>
                                                     </a>
                                                 </router-link>
                                                 <a v-else :href="item.url" :class="linkClass(item)" :target="item.target" @click="onLeafClick($event, item)" role="menuitem" :tabindex="disabled(item) ? null : '0'" v-ripple>
                                                     <span v-if="item.icon" :class="['p-menuitem-icon', item.icon]"></span>
-                                                    <span class="p-menuitem-text">{{item.label}}</span>
+                                                    <span class="p-menuitem-text">{{label(item)}}</span>
                                                     <span :class="getSubmenuIcon()" v-if="item.items"></span>
                                                 </a>
                                             </template>
@@ -308,6 +308,9 @@ export default {
         },
         disabled(item) {
             return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+        },
+        label(item) {
+            return (typeof item.disabled === 'function' ? item.label() : item.label);
         }
     },
     computed: {

package/megamenu/megamenu.cjs.js

@@ -250,6 +250,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: {
@@ -267,7 +270,7 @@ var script = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 
@@ -306,7 +309,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     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", {
@@ -338,7 +341,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                       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]
                               ])
@@ -363,7 +366,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   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,
@@ -383,7 +386,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       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) => {
@@ -399,7 +402,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 }, 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", {
@@ -429,7 +432,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                                 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]
                                                         ])
@@ -451,7 +454,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                             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.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/ripple"),n=require("vue");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"};!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)},module.exports=a;
+"use strict";var e=require("primevue/utils"),t=require("primevue/ripple"),n=require("vue");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"};!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)},module.exports=l;

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,
@@ -524,4 +527,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

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{h as default};

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: {
@@ -265,7 +268,7 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
             }
         },
         directives: {
-            'ripple': Ripple__default['default']
+            'ripple': Ripple__default["default"]
         }
     };
 
@@ -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,
@@ -530,4 +533,4 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
 
     return script;
 
-}(primevue.utils, primevue.ripple, Vue));
+})(primevue.utils, primevue.ripple, Vue);

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);