primevue 3.8.2 → 3.11.0

package/menu/Menu.d.ts

@@ -1,26 +1,95 @@
 import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { MenuItem } from '../menuitem';
 
-interface MenuProps {
-    popup?: boolean;
-    model?: any[];
-    appendTo?: string;
-    autoZIndex?: boolean;
-    baseZIndex?: number;
-    exact?: boolean;
+type MenuAppendToType = 'body' | 'self' | string | undefined;
+
+export interface MenuProps {
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * Defines if menu would displayed as a popup.
+     */
+    popup?: boolean | undefined;
+    /**
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached.
+     * @see MenuAppendToType
+     * Default value is 'body'.
+     */
+    appendTo?: MenuAppendToType;
+    /**
+     * Whether to automatically manage layering.
+     * Default value is true.
+     */
+    autoZIndex?: boolean | undefined;
+    /**
+     * Base zIndex value to use in layering.
+     * Default value is 0.
+     */
+    baseZIndex?: number | undefined;
+    /**
+     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
+     * Default value is true.
+     */
+    exact?: boolean | undefined;
+}
+
+export interface MenuSlots {
+    /**
+     * Custom item template.
+     * @param {Object} scope - item slot's params.
+     */
+    item: (scope: {
+        item: MenuItem;
+    }) => VNode[];
 }
 
-interface MenuItemSlotInterface {
-    item: any;
+export declare type MenuEmits = {
 }
 
-declare class Menu {
-    $props: MenuProps;
-    toggle(event: Event): void;
-    show(event: Event, target?: any): void;
+declare class Menu extends ClassComponent<MenuProps, MenuSlots, MenuEmits> {
+    /**
+     * Toggles the visibility of the overlay.
+     * @param {Event} event - Browser event.
+     *
+     * @memberof Menu
+     */
+    toggle: (event: Event) => void;
+    /**
+     * Shows the overlay.
+     * @param {Event} event - Browser event.
+     * @param {*} [target] - Optional target if event.target would not be used.
+     *
+     * @memberof Menu
+     */
+    show: (event: Event, target?: any) => void;
+    /**
+     * Hides the overlay.
+     *
+     * @memberof Menu
+     */
     hide(): void;
-    $slots: {
-        item: MenuItemSlotInterface;
+}
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Menu: GlobalComponentConstructor<Menu>
     }
 }
 
+/**
+ *
+ * Menu is a navigation / command component that supports dynamic and static positioning.
+ *
+ * Helper API:
+ *
+ * - [MenuItem](https://www.primefaces.org/primevue/showcase/#/menumodel)
+ *
+ * Demos:
+ *
+ * - [Menu](https://www.primefaces.org/primevue/showcase/#/menu)
+ *
+ */
 export default Menu;

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: {
@@ -47,7 +50,7 @@ var script$1 = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 
@@ -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,11 +287,14 @@ 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;
         },
         onOverlayClick(event) {
-            OverlayEventBus__default['default'].emit('overlay-click', {
+            OverlayEventBus__default["default"].emit('overlay-click', {
                 originalEvent: event,
                 target: this.target
             });
@@ -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,
@@ -426,4 +432,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

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

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: {
@@ -44,7 +47,7 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
             }
         },
         directives: {
-            'ripple': Ripple__default['default']
+            'ripple': Ripple__default["default"]
         }
     };
 
@@ -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,11 +284,14 @@ 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;
             },
             onOverlayClick(event) {
-                OverlayEventBus__default['default'].emit('overlay-click', {
+                OverlayEventBus__default["default"].emit('overlay-click', {
                     originalEvent: event,
                     target: this.target
                 });
@@ -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,
@@ -432,4 +438,4 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
 
     return script;
 
-}(primevue.utils, primevue.overlayeventbus, primevue.ripple, Vue));
+})(primevue.utils, primevue.overlayeventbus, primevue.ripple, Vue);

package/menu/menu.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.menu=function(e,t,i,n){"use strict";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"};return 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"])},c}(primevue.utils,primevue.overlayeventbus,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.menu=function(e,t,i,n){"use strict";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"},m={key:0,class:"p-submenu-header"};return 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",m,[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"])},c}(primevue.utils,primevue.overlayeventbus,primevue.ripple,Vue);

package/menubar/Menubar.d.ts

@@ -1,21 +1,62 @@
 import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { MenuItem } from '../menuitem';
 
-interface MenubarProps {
-    model?: any[];
-    exact?: boolean;
+export interface MenubarProps {
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
+     * Default value is true.
+     */
+    exact?: boolean | undefined;
 }
 
-interface MenubarItemSlotInterface {
-    item: any;
+export interface MenubarSlots {
+    /**
+     * 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[];
 }
 
-declare class Menubar {
-    $props: MenubarProps;
-    $slots: {
-        start: VNode[];
-        end: VNode[];
-        item: MenubarItemSlotInterface;
+export declare type MenubarEmits = {
+}
+
+declare class Menubar extends ClassComponent<MenubarProps, MenubarSlots, MenubarEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Menubar: GlobalComponentConstructor<Menubar>
     }
 }
 
+/**
+ *
+ * Menubar is a horizontal menu component.
+ *
+ * Helper API:
+ *
+ * - [MenuItem](https://www.primefaces.org/primevue/showcase/#/menumodel)
+ *
+ * Demos:
+ *
+ * - [Menubar](https://www.primefaces.org/primevue/showcase/#/menubar)
+ *
+ */
 export default Menubar;

package/menubar/Menubar.vue

@@ -159,5 +159,6 @@ export default {
     cursor: pointer;
     align-items: center;
     justify-content: center;
+    text-decoration: none;
 }
 </style>