primevue 3.7.2 → 3.9.0

package/steps/steps.esm.js

@@ -62,6 +62,9 @@ var script = {
         },
         disabled(item) {
             return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+        },
+        label(item) {
+            return (typeof item.label === 'function' ? item.label() : item.label);
         }
     },
     computed: {
@@ -117,7 +120,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 role: "presentation"
                               }, [
                                 createVNode("span", _hoisted_2, toDisplayString(index + 1), 1),
-                                createVNode("span", _hoisted_3, toDisplayString(item.label), 1)
+                                createVNode("span", _hoisted_3, toDisplayString($options.label(item)), 1)
                               ], 10, ["href", "onClick"])
                             ]),
                             _: 2
@@ -128,7 +131,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             role: "presentation"
                           }, [
                             createVNode("span", _hoisted_4, toDisplayString(index + 1), 1),
-                            createVNode("span", _hoisted_5, toDisplayString(item.label), 1)
+                            createVNode("span", _hoisted_5, toDisplayString($options.label(item)), 1)
                           ], 2))
                     ], 64))
                   : (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.item), {

package/steps/steps.esm.min.js

@@ -1 +1 @@
-import{UniqueComponentId as e}from"primevue/utils";import{resolveComponent as t,openBlock as n,createBlock as i,createVNode as s,Fragment as l,renderList as a,withCtx as o,toDisplayString as p,resolveDynamicComponent as r,createCommentVNode as c}from"vue";var d={name:"Steps",props:{id:{type:String,default:e()},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},methods:{onItemClick(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},isActive(e){return this.activeRoute===e.to||this.activeRoute===e.to+"/"},getItemClass(e){return["p-steps-item",e.class,{"p-highlight p-steps-current":this.isActive(e),"p-disabled":this.isItemDisabled(e)}]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},isItemDisabled(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled},computed:{activeRoute(){return this.$route.path},containerClass(){return["p-steps p-component",{"p-readonly":this.readonly}]}}};const m={role:"tablist"},u={class:"p-steps-number"},b={class:"p-steps-title"},f={class:"p-steps-number"},x={class:"p-steps-title"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===n&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-steps {\n    position: relative;\n}\n.p-steps ul {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-steps-item {\n    position: relative;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-steps-item .p-menuitem-link {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n.p-steps-title {\n    white-space: nowrap;\n}\n.p-steps-number {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-steps-title {\n    display: block;\n}\n"),d.render=function(e,d,y,k,v,h){const g=t("router-link");return n(),i("div",{id:y.id,class:h.containerClass},[s("ul",m,[(n(!0),i(l,null,a(y.model,((t,a)=>(n(),i(l,{key:t.to},[h.visible(t)?(n(),i("li",{key:0,class:h.getItemClass(t),style:t.style,role:"tab","aria-selected":h.isActive(t),"aria-expanded":h.isActive(t)},[e.$slots.item?(n(),i(r(e.$slots.item),{key:1,item:t},null,8,["item"])):(n(),i(l,{key:0},[h.isItemDisabled(t)?(n(),i("span",{key:1,class:h.linkClass(),role:"presentation"},[s("span",f,p(a+1),1),s("span",x,p(t.label),1)],2)):(n(),i(g,{key:0,to:t.to,custom:""},{default:o((({navigate:e,href:n,isActive:i,isExactActive:l})=>[s("a",{href:n,class:h.linkClass({isActive:i,isExactActive:l}),onClick:n=>h.onItemClick(n,t,e),role:"presentation"},[s("span",u,p(a+1),1),s("span",b,p(t.label),1)],10,["href","onClick"])])),_:2},1032,["to"]))],64))],14,["aria-selected","aria-expanded"])):c("",!0)],64)))),128))])],10,["id"])};export default d;
+import{UniqueComponentId as e}from"primevue/utils";import{resolveComponent as t,openBlock as n,createBlock as i,createVNode as s,Fragment as l,renderList as a,withCtx as o,toDisplayString as p,resolveDynamicComponent as r,createCommentVNode as c}from"vue";var d={name:"Steps",props:{id:{type:String,default:e()},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},methods:{onItemClick(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},isActive(e){return this.activeRoute===e.to||this.activeRoute===e.to+"/"},getItemClass(e){return["p-steps-item",e.class,{"p-highlight p-steps-current":this.isActive(e),"p-disabled":this.isItemDisabled(e)}]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},isItemDisabled(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},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.label?e.label():e.label},computed:{activeRoute(){return this.$route.path},containerClass(){return["p-steps p-component",{"p-readonly":this.readonly}]}}};const m={role:"tablist"},u={class:"p-steps-number"},b={class:"p-steps-title"},f={class:"p-steps-number"},x={class:"p-steps-title"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===n&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-steps {\n    position: relative;\n}\n.p-steps ul {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-steps-item {\n    position: relative;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-steps-item .p-menuitem-link {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n.p-steps-title {\n    white-space: nowrap;\n}\n.p-steps-number {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-steps-title {\n    display: block;\n}\n"),d.render=function(e,d,y,k,v,h){const g=t("router-link");return n(),i("div",{id:y.id,class:h.containerClass},[s("ul",m,[(n(!0),i(l,null,a(y.model,((t,a)=>(n(),i(l,{key:t.to},[h.visible(t)?(n(),i("li",{key:0,class:h.getItemClass(t),style:t.style,role:"tab","aria-selected":h.isActive(t),"aria-expanded":h.isActive(t)},[e.$slots.item?(n(),i(r(e.$slots.item),{key:1,item:t},null,8,["item"])):(n(),i(l,{key:0},[h.isItemDisabled(t)?(n(),i("span",{key:1,class:h.linkClass(),role:"presentation"},[s("span",f,p(a+1),1),s("span",x,p(h.label(t)),1)],2)):(n(),i(g,{key:0,to:t.to,custom:""},{default:o((({navigate:e,href:n,isActive:i,isExactActive:l})=>[s("a",{href:n,class:h.linkClass({isActive:i,isExactActive:l}),onClick:n=>h.onItemClick(n,t,e),role:"presentation"},[s("span",u,p(a+1),1),s("span",b,p(h.label(t)),1)],10,["href","onClick"])])),_:2},1032,["to"]))],64))],14,["aria-selected","aria-expanded"])):c("",!0)],64)))),128))])],10,["id"])};export default d;

package/steps/steps.js

@@ -63,6 +63,9 @@ this.primevue.steps = (function (utils, vue) {
             },
             disabled(item) {
                 return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+            },
+            label(item) {
+                return (typeof item.label === 'function' ? item.label() : item.label);
             }
         },
         computed: {
@@ -118,7 +121,7 @@ this.primevue.steps = (function (utils, vue) {
                                     role: "presentation"
                                   }, [
                                     vue.createVNode("span", _hoisted_2, vue.toDisplayString(index + 1), 1),
-                                    vue.createVNode("span", _hoisted_3, vue.toDisplayString(item.label), 1)
+                                    vue.createVNode("span", _hoisted_3, vue.toDisplayString($options.label(item)), 1)
                                   ], 10, ["href", "onClick"])
                                 ]),
                                 _: 2
@@ -129,7 +132,7 @@ this.primevue.steps = (function (utils, vue) {
                                 role: "presentation"
                               }, [
                                 vue.createVNode("span", _hoisted_4, vue.toDisplayString(index + 1), 1),
-                                vue.createVNode("span", _hoisted_5, vue.toDisplayString(item.label), 1)
+                                vue.createVNode("span", _hoisted_5, vue.toDisplayString($options.label(item)), 1)
                               ], 2))
                         ], 64))
                       : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.item), {

package/steps/steps.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.steps=function(e,t){"use strict";var n={name:"Steps",props:{id:{type:String,default:e.UniqueComponentId()},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},methods:{onItemClick(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},isActive(e){return this.activeRoute===e.to||this.activeRoute===e.to+"/"},getItemClass(e){return["p-steps-item",e.class,{"p-highlight p-steps-current":this.isActive(e),"p-disabled":this.isItemDisabled(e)}]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},isItemDisabled(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled},computed:{activeRoute(){return this.$route.path},containerClass(){return["p-steps p-component",{"p-readonly":this.readonly}]}}};const i={role:"tablist"},s={class:"p-steps-number"},l={class:"p-steps-title"},a={class:"p-steps-number"},o={class:"p-steps-title"};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],s=document.createElement("style");s.type="text/css","top"===n&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-steps {\n    position: relative;\n}\n.p-steps ul {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-steps-item {\n    position: relative;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-steps-item .p-menuitem-link {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n.p-steps-title {\n    white-space: nowrap;\n}\n.p-steps-number {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-steps-title {\n    display: block;\n}\n"),n.render=function(e,n,r,c,p,d){const m=t.resolveComponent("router-link");return t.openBlock(),t.createBlock("div",{id:r.id,class:d.containerClass},[t.createVNode("ul",i,[(t.openBlock(!0),t.createBlock(t.Fragment,null,t.renderList(r.model,((n,i)=>(t.openBlock(),t.createBlock(t.Fragment,{key:n.to},[d.visible(n)?(t.openBlock(),t.createBlock("li",{key:0,class:d.getItemClass(n),style:n.style,role:"tab","aria-selected":d.isActive(n),"aria-expanded":d.isActive(n)},[e.$slots.item?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.item),{key:1,item:n},null,8,["item"])):(t.openBlock(),t.createBlock(t.Fragment,{key:0},[d.isItemDisabled(n)?(t.openBlock(),t.createBlock("span",{key:1,class:d.linkClass(),role:"presentation"},[t.createVNode("span",a,t.toDisplayString(i+1),1),t.createVNode("span",o,t.toDisplayString(n.label),1)],2)):(t.openBlock(),t.createBlock(m,{key:0,to:n.to,custom:""},{default:t.withCtx((({navigate:e,href:a,isActive:o,isExactActive:r})=>[t.createVNode("a",{href:a,class:d.linkClass({isActive:o,isExactActive:r}),onClick:t=>d.onItemClick(t,n,e),role:"presentation"},[t.createVNode("span",s,t.toDisplayString(i+1),1),t.createVNode("span",l,t.toDisplayString(n.label),1)],10,["href","onClick"])])),_:2},1032,["to"]))],64))],14,["aria-selected","aria-expanded"])):t.createCommentVNode("",!0)],64)))),128))])],10,["id"])},n}(primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.steps=function(e,t){"use strict";var n={name:"Steps",props:{id:{type:String,default:e.UniqueComponentId()},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},methods:{onItemClick(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},isActive(e){return this.activeRoute===e.to||this.activeRoute===e.to+"/"},getItemClass(e){return["p-steps-item",e.class,{"p-highlight p-steps-current":this.isActive(e),"p-disabled":this.isItemDisabled(e)}]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},isItemDisabled(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},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.label?e.label():e.label},computed:{activeRoute(){return this.$route.path},containerClass(){return["p-steps p-component",{"p-readonly":this.readonly}]}}};const i={role:"tablist"},s={class:"p-steps-number"},l={class:"p-steps-title"},a={class:"p-steps-number"},o={class:"p-steps-title"};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],s=document.createElement("style");s.type="text/css","top"===n&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-steps {\n    position: relative;\n}\n.p-steps ul {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-steps-item {\n    position: relative;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-steps-item .p-menuitem-link {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n.p-steps-title {\n    white-space: nowrap;\n}\n.p-steps-number {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-steps-title {\n    display: block;\n}\n"),n.render=function(e,n,r,c,p,d){const m=t.resolveComponent("router-link");return t.openBlock(),t.createBlock("div",{id:r.id,class:d.containerClass},[t.createVNode("ul",i,[(t.openBlock(!0),t.createBlock(t.Fragment,null,t.renderList(r.model,((n,i)=>(t.openBlock(),t.createBlock(t.Fragment,{key:n.to},[d.visible(n)?(t.openBlock(),t.createBlock("li",{key:0,class:d.getItemClass(n),style:n.style,role:"tab","aria-selected":d.isActive(n),"aria-expanded":d.isActive(n)},[e.$slots.item?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.item),{key:1,item:n},null,8,["item"])):(t.openBlock(),t.createBlock(t.Fragment,{key:0},[d.isItemDisabled(n)?(t.openBlock(),t.createBlock("span",{key:1,class:d.linkClass(),role:"presentation"},[t.createVNode("span",a,t.toDisplayString(i+1),1),t.createVNode("span",o,t.toDisplayString(d.label(n)),1)],2)):(t.openBlock(),t.createBlock(m,{key:0,to:n.to,custom:""},{default:t.withCtx((({navigate:e,href:a,isActive:o,isExactActive:r})=>[t.createVNode("a",{href:a,class:d.linkClass({isActive:o,isExactActive:r}),onClick:t=>d.onItemClick(t,n,e),role:"presentation"},[t.createVNode("span",s,t.toDisplayString(i+1),1),t.createVNode("span",l,t.toDisplayString(d.label(n)),1)],10,["href","onClick"])])),_:2},1032,["to"]))],64))],14,["aria-selected","aria-expanded"])):t.createCommentVNode("",!0)],64)))),128))])],10,["id"])},n}(primevue.utils,Vue);

package/tabmenu/TabMenu.d.ts

@@ -1,15 +1,17 @@
-import { VNode } from 'vue';
-
 interface TabMenuProps {
     model?: any[];
     exact?: boolean;
     activeIndex?: number;
 }
 
+interface TabMenuItemSlotInterface {
+    item: any;
+}
+
 declare class TabMenu {
     $props: TabMenuProps;
     $slots: {
-        item: VNode[];
+        item: TabMenuItemSlotInterface;
     }
 }
 

package/tabmenu/TabMenu.vue

@@ -1,13 +1,13 @@
 <template>
     <div class="p-tabmenu p-component">
         <ul ref="nav" class="p-tabmenu-nav p-reset" role="tablist">
-            <template v-for="(item,i) of model" :key="item.label + '_' + i.toString()">
+            <template v-for="(item,i) of model" :key="label(item) + '_' + i.toString()">
                 <router-link v-if="item.to && !disabled(item)" :to="item.to" custom v-slot="{navigate, href, isActive, isExactActive}">
                     <li :class="getRouteItemClass(item,isActive,isExactActive)" :style="item.style" v-if="visible(item)" role="tab">
                         <template v-if="!$slots.item">
                             <a :href="href" class="p-menuitem-link" @click="onItemClick($event, item, i, navigate)" role="presentation" v-ripple>
                                 <span :class="getItemIcon(item)" v-if="item.icon"></span>
-                                <span class="p-menuitem-text">{{item.label}}</span>
+                                <span class="p-menuitem-text">{{label(item)}}</span>
                             </a>
                         </template>
                         <component v-else :is="$slots.item" :item="item"></component>
@@ -17,7 +17,7 @@
                     <template v-if="!$slots.item">
                         <a :href="item.url" class="p-menuitem-link" :target="item.target" @click="onItemClick($event, item, i)" role="presentation" :tabindex="disabled(item) ? null : '0'" v-ripple>
                             <span :class="getItemIcon(item)" v-if="item.icon"></span>
-                            <span class="p-menuitem-text">{{item.label}}</span>
+                            <span class="p-menuitem-text">{{label(item)}}</span>
                         </a>
                      </template>
                      <component v-else :is="$slots.item" :item="item"></component>
@@ -121,6 +121,9 @@ export default {
         disabled(item) {
             return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
         },
+        label(item) {
+            return (typeof item.label === 'function' ? item.label() : item.label);
+        },
         updateInkBar() {
             let tabs = this.$refs.nav.children;
             let inkHighlighted = false;
@@ -181,4 +184,8 @@ export default {
     display: none;
     z-index: 1;
 }
+
+.p-tabmenu::-webkit-scrollbar {
+    display: none;
+}
 </style>

package/tabmenu/tabmenu.cjs.js

@@ -97,6 +97,9 @@ var script = {
         disabled(item) {
             return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
         },
+        label(item) {
+            return (typeof item.label === 'function' ? item.label() : item.label);
+        },
         updateInkBar() {
             let tabs = this.$refs.nav.children;
             let inkHighlighted = false;
@@ -141,7 +144,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, (item, i) => {
         return (vue.openBlock(), vue.createBlock(vue.Fragment, {
-          key: item.label + '_' + i.toString()
+          key: $options.label(item) + '_' + i.toString()
         }, [
           (item.to && !$options.disabled(item))
             ? (vue.openBlock(), vue.createBlock(_component_router_link, {
@@ -171,7 +174,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     class: $options.getItemIcon(item)
                                   }, null, 2))
                                 : vue.createCommentVNode("", true),
-                              vue.createVNode("span", _hoisted_3, vue.toDisplayString(item.label), 1)
+                              vue.createVNode("span", _hoisted_3, vue.toDisplayString($options.label(item)), 1)
                             ], 8, ["href", "onClick"])), [
                               [_directive_ripple]
                             ])
@@ -206,7 +209,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               class: $options.getItemIcon(item)
                             }, null, 2))
                           : vue.createCommentVNode("", true),
-                        vue.createVNode("span", _hoisted_4, vue.toDisplayString(item.label), 1)
+                        vue.createVNode("span", _hoisted_4, vue.toDisplayString($options.label(item)), 1)
                       ], 8, ["href", "target", "onClick", "tabindex"])), [
                         [_directive_ripple]
                       ])
@@ -250,7 +253,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-tabmenu {\n    overflow-x: auto;\n}\n.p-tabmenu-nav {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-tabmenu-nav a {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\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    position: relative;\n    text-decoration: none;\n    text-decoration: none;\n    overflow: hidden;\n}\n.p-tabmenu-nav a:focus {\n    z-index: 1;\n}\n.p-tabmenu-nav .p-menuitem-text {\n    line-height: 1;\n}\n.p-tabmenu-ink-bar {\n    display: none;\n    z-index: 1;\n}\n";
+var css_248z = "\n.p-tabmenu {\n    overflow-x: auto;\n}\n.p-tabmenu-nav {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-tabmenu-nav a {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\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    position: relative;\n    text-decoration: none;\n    text-decoration: none;\n    overflow: hidden;\n}\n.p-tabmenu-nav a:focus {\n    z-index: 1;\n}\n.p-tabmenu-nav .p-menuitem-text {\n    line-height: 1;\n}\n.p-tabmenu-ink-bar {\n    display: none;\n    z-index: 1;\n}\n.p-tabmenu::-webkit-scrollbar {\n    display: none;\n}\n";
 styleInject(css_248z);
 
 script.render = render;

package/tabmenu/tabmenu.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 l={name:"TabMenu",emits:["update:activeIndex","tab-change"],props:{model:{type:Array,default:null},exact:{type:Boolean,default:!0},activeIndex:{type:Number,default:0}},timeout:null,data(){return{d_activeIndex:this.activeIndex}},mounted(){this.updateInkBar()},updated(){this.updateInkBar()},beforeUnmount(){clearTimeout(this.timeout)},watch:{$route(){this.timeout=setTimeout((()=>this.updateInkBar()),50)},activeIndex(e){this.d_activeIndex=e}},methods:{onItemClick(e,t,n,i){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&i&&i(e),n!==this.d_activeIndex&&(this.d_activeIndex=n,this.$emit("update:activeIndex",this.d_activeIndex)),this.$emit("tab-change",{originalEvent:e,index:n}))},getItemClass(e,t){return["p-tabmenuitem",e.class,{"p-highlight":this.d_activeIndex===t,"p-disabled":this.disabled(e)}]},getRouteItemClass(e,t,n){return["p-tabmenuitem",e.class,{"p-highlight":this.exact?n:t,"p-disabled":this.disabled(e)}]},getItemIcon:e=>["p-menuitem-icon",e.icon],visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,updateInkBar(){let t=this.$refs.nav.children,n=!1;for(let i=0;i<t.length;i++){let l=t[i];e.DomHandler.hasClass(l,"p-highlight")&&(this.$refs.inkbar.style.width=e.DomHandler.getWidth(l)+"px",this.$refs.inkbar.style.left=e.DomHandler.getOffset(l).left-e.DomHandler.getOffset(this.$refs.nav).left+"px",n=!0)}n||(this.$refs.inkbar.style.width="0px",this.$refs.inkbar.style.left="0px")}},directives:{ripple:i(t).default}};const a={class:"p-tabmenu p-component"},o={ref:"nav",class:"p-tabmenu-nav p-reset",role:"tablist"},s={class:"p-menuitem-text"},r={class:"p-menuitem-text"},c={ref:"inkbar",class:"p-tabmenu-ink-bar"};!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-tabmenu {\n    overflow-x: auto;\n}\n.p-tabmenu-nav {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-tabmenu-nav a {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\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    position: relative;\n    text-decoration: none;\n    text-decoration: none;\n    overflow: hidden;\n}\n.p-tabmenu-nav a:focus {\n    z-index: 1;\n}\n.p-tabmenu-nav .p-menuitem-text {\n    line-height: 1;\n}\n.p-tabmenu-ink-bar {\n    display: none;\n    z-index: 1;\n}\n"),l.render=function(e,t,i,l,d,m){const p=n.resolveComponent("router-link"),u=n.resolveDirective("ripple");return n.openBlock(),n.createBlock("div",a,[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.toString()},[t.to&&!m.disabled(t)?(n.openBlock(),n.createBlock(p,{key:0,to:t.to,custom:""},{default:n.withCtx((({navigate:l,href:a,isActive:o,isExactActive:r})=>[m.visible(t)?(n.openBlock(),n.createBlock("li",{key:0,class:m.getRouteItemClass(t,o,r),style:t.style,role:"tab"},[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:0,href:a,class:"p-menuitem-link",onClick:e=>m.onItemClick(e,t,i,l),role:"presentation"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:m.getItemIcon(t)},null,2)):n.createCommentVNode("",!0),n.createVNode("span",s,n.toDisplayString(t.label),1)],8,["href","onClick"])),[[u]])],6)):n.createCommentVNode("",!0)])),_:2},1032,["to"])):m.visible(t)?(n.openBlock(),n.createBlock("li",{key:1,class:m.getItemClass(t,i),role:"tab"},[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:0,href:t.url,class:"p-menuitem-link",target:t.target,onClick:e=>m.onItemClick(e,t,i),role:"presentation",tabindex:m.disabled(t)?null:"0"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:m.getItemIcon(t)},null,2)):n.createCommentVNode("",!0),n.createVNode("span",r,n.toDisplayString(t.label),1)],8,["href","target","onClick","tabindex"])),[[u]])],2)):n.createCommentVNode("",!0)],64)))),128)),n.createVNode("li",c,null,512)],512)])},module.exports=l;
+"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:"TabMenu",emits:["update:activeIndex","tab-change"],props:{model:{type:Array,default:null},exact:{type:Boolean,default:!0},activeIndex:{type:Number,default:0}},timeout:null,data(){return{d_activeIndex:this.activeIndex}},mounted(){this.updateInkBar()},updated(){this.updateInkBar()},beforeUnmount(){clearTimeout(this.timeout)},watch:{$route(){this.timeout=setTimeout((()=>this.updateInkBar()),50)},activeIndex(e){this.d_activeIndex=e}},methods:{onItemClick(e,t,n,i){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&i&&i(e),n!==this.d_activeIndex&&(this.d_activeIndex=n,this.$emit("update:activeIndex",this.d_activeIndex)),this.$emit("tab-change",{originalEvent:e,index:n}))},getItemClass(e,t){return["p-tabmenuitem",e.class,{"p-highlight":this.d_activeIndex===t,"p-disabled":this.disabled(e)}]},getRouteItemClass(e,t,n){return["p-tabmenuitem",e.class,{"p-highlight":this.exact?n:t,"p-disabled":this.disabled(e)}]},getItemIcon:e=>["p-menuitem-icon",e.icon],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.label?e.label():e.label,updateInkBar(){let t=this.$refs.nav.children,n=!1;for(let i=0;i<t.length;i++){let l=t[i];e.DomHandler.hasClass(l,"p-highlight")&&(this.$refs.inkbar.style.width=e.DomHandler.getWidth(l)+"px",this.$refs.inkbar.style.left=e.DomHandler.getOffset(l).left-e.DomHandler.getOffset(this.$refs.nav).left+"px",n=!0)}n||(this.$refs.inkbar.style.width="0px",this.$refs.inkbar.style.left="0px")}},directives:{ripple:i(t).default}};const a={class:"p-tabmenu p-component"},o={ref:"nav",class:"p-tabmenu-nav p-reset",role:"tablist"},s={class:"p-menuitem-text"},r={class:"p-menuitem-text"},c={ref:"inkbar",class:"p-tabmenu-ink-bar"};!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-tabmenu {\n    overflow-x: auto;\n}\n.p-tabmenu-nav {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-tabmenu-nav a {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\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    position: relative;\n    text-decoration: none;\n    text-decoration: none;\n    overflow: hidden;\n}\n.p-tabmenu-nav a:focus {\n    z-index: 1;\n}\n.p-tabmenu-nav .p-menuitem-text {\n    line-height: 1;\n}\n.p-tabmenu-ink-bar {\n    display: none;\n    z-index: 1;\n}\n.p-tabmenu::-webkit-scrollbar {\n    display: none;\n}\n"),l.render=function(e,t,i,l,d,m){const p=n.resolveComponent("router-link"),u=n.resolveDirective("ripple");return n.openBlock(),n.createBlock("div",a,[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:m.label(t)+"_"+i.toString()},[t.to&&!m.disabled(t)?(n.openBlock(),n.createBlock(p,{key:0,to:t.to,custom:""},{default:n.withCtx((({navigate:l,href:a,isActive:o,isExactActive:r})=>[m.visible(t)?(n.openBlock(),n.createBlock("li",{key:0,class:m.getRouteItemClass(t,o,r),style:t.style,role:"tab"},[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:0,href:a,class:"p-menuitem-link",onClick:e=>m.onItemClick(e,t,i,l),role:"presentation"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:m.getItemIcon(t)},null,2)):n.createCommentVNode("",!0),n.createVNode("span",s,n.toDisplayString(m.label(t)),1)],8,["href","onClick"])),[[u]])],6)):n.createCommentVNode("",!0)])),_:2},1032,["to"])):m.visible(t)?(n.openBlock(),n.createBlock("li",{key:1,class:m.getItemClass(t,i),role:"tab"},[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:0,href:t.url,class:"p-menuitem-link",target:t.target,onClick:e=>m.onItemClick(e,t,i),role:"presentation",tabindex:m.disabled(t)?null:"0"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:m.getItemIcon(t)},null,2)):n.createCommentVNode("",!0),n.createVNode("span",r,n.toDisplayString(m.label(t)),1)],8,["href","target","onClick","tabindex"])),[[u]])],2)):n.createCommentVNode("",!0)],64)))),128)),n.createVNode("li",c,null,512)],512)])},module.exports=l;

package/tabmenu/tabmenu.esm.js

@@ -91,6 +91,9 @@ var script = {
         disabled(item) {
             return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
         },
+        label(item) {
+            return (typeof item.label === 'function' ? item.label() : item.label);
+        },
         updateInkBar() {
             let tabs = this.$refs.nav.children;
             let inkHighlighted = false;
@@ -135,7 +138,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode("ul", _hoisted_2, [
       (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.to && !$options.disabled(item))
             ? (openBlock(), createBlock(_component_router_link, {
@@ -165,7 +168,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     class: $options.getItemIcon(item)
                                   }, null, 2))
                                 : createCommentVNode("", true),
-                              createVNode("span", _hoisted_3, toDisplayString(item.label), 1)
+                              createVNode("span", _hoisted_3, toDisplayString($options.label(item)), 1)
                             ], 8, ["href", "onClick"])), [
                               [_directive_ripple]
                             ])
@@ -200,7 +203,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               class: $options.getItemIcon(item)
                             }, null, 2))
                           : createCommentVNode("", true),
-                        createVNode("span", _hoisted_4, toDisplayString(item.label), 1)
+                        createVNode("span", _hoisted_4, toDisplayString($options.label(item)), 1)
                       ], 8, ["href", "target", "onClick", "tabindex"])), [
                         [_directive_ripple]
                       ])
@@ -244,7 +247,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-tabmenu {\n    overflow-x: auto;\n}\n.p-tabmenu-nav {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-tabmenu-nav a {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\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    position: relative;\n    text-decoration: none;\n    text-decoration: none;\n    overflow: hidden;\n}\n.p-tabmenu-nav a:focus {\n    z-index: 1;\n}\n.p-tabmenu-nav .p-menuitem-text {\n    line-height: 1;\n}\n.p-tabmenu-ink-bar {\n    display: none;\n    z-index: 1;\n}\n";
+var css_248z = "\n.p-tabmenu {\n    overflow-x: auto;\n}\n.p-tabmenu-nav {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-tabmenu-nav a {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\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    position: relative;\n    text-decoration: none;\n    text-decoration: none;\n    overflow: hidden;\n}\n.p-tabmenu-nav a:focus {\n    z-index: 1;\n}\n.p-tabmenu-nav .p-menuitem-text {\n    line-height: 1;\n}\n.p-tabmenu-ink-bar {\n    display: none;\n    z-index: 1;\n}\n.p-tabmenu::-webkit-scrollbar {\n    display: none;\n}\n";
 styleInject(css_248z);
 
 script.render = render;

package/tabmenu/tabmenu.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 s,createVNode as l,Fragment as o,renderList as r,withCtx as d,withDirectives as m,createCommentVNode as p,toDisplayString as u,resolveDynamicComponent as c}from"vue";var h={name:"TabMenu",emits:["update:activeIndex","tab-change"],props:{model:{type:Array,default:null},exact:{type:Boolean,default:!0},activeIndex:{type:Number,default:0}},timeout:null,data(){return{d_activeIndex:this.activeIndex}},mounted(){this.updateInkBar()},updated(){this.updateInkBar()},beforeUnmount(){clearTimeout(this.timeout)},watch:{$route(){this.timeout=setTimeout((()=>this.updateInkBar()),50)},activeIndex(e){this.d_activeIndex=e}},methods:{onItemClick(e,t,n,i){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&i&&i(e),n!==this.d_activeIndex&&(this.d_activeIndex=n,this.$emit("update:activeIndex",this.d_activeIndex)),this.$emit("tab-change",{originalEvent:e,index:n}))},getItemClass(e,t){return["p-tabmenuitem",e.class,{"p-highlight":this.d_activeIndex===t,"p-disabled":this.disabled(e)}]},getRouteItemClass(e,t,n){return["p-tabmenuitem",e.class,{"p-highlight":this.exact?n:t,"p-disabled":this.disabled(e)}]},getItemIcon:e=>["p-menuitem-icon",e.icon],visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,updateInkBar(){let t=this.$refs.nav.children,n=!1;for(let i=0;i<t.length;i++){let a=t[i];e.hasClass(a,"p-highlight")&&(this.$refs.inkbar.style.width=e.getWidth(a)+"px",this.$refs.inkbar.style.left=e.getOffset(a).left-e.getOffset(this.$refs.nav).left+"px",n=!0)}n||(this.$refs.inkbar.style.width="0px",this.$refs.inkbar.style.left="0px")}},directives:{ripple:t}};const b={class:"p-tabmenu p-component"},f={ref:"nav",class:"p-tabmenu-nav p-reset",role:"tablist"},x={class:"p-menuitem-text"},v={class:"p-menuitem-text"},y={ref:"inkbar",class:"p-tabmenu-ink-bar"};!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-tabmenu {\n    overflow-x: auto;\n}\n.p-tabmenu-nav {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-tabmenu-nav a {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\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    position: relative;\n    text-decoration: none;\n    text-decoration: none;\n    overflow: hidden;\n}\n.p-tabmenu-nav a:focus {\n    z-index: 1;\n}\n.p-tabmenu-nav .p-menuitem-text {\n    line-height: 1;\n}\n.p-tabmenu-ink-bar {\n    display: none;\n    z-index: 1;\n}\n"),h.render=function(e,t,h,k,g,I){const C=n("router-link"),w=i("ripple");return a(),s("div",b,[l("ul",f,[(a(!0),s(o,null,r(h.model,((t,n)=>(a(),s(o,{key:t.label+"_"+n.toString()},[t.to&&!I.disabled(t)?(a(),s(C,{key:0,to:t.to,custom:""},{default:d((({navigate:i,href:o,isActive:r,isExactActive:d})=>[I.visible(t)?(a(),s("li",{key:0,class:I.getRouteItemClass(t,r,d),style:t.style,role:"tab"},[e.$slots.item?(a(),s(c(e.$slots.item),{key:1,item:t},null,8,["item"])):m((a(),s("a",{key:0,href:o,class:"p-menuitem-link",onClick:e=>I.onItemClick(e,t,n,i),role:"presentation"},[t.icon?(a(),s("span",{key:0,class:I.getItemIcon(t)},null,2)):p("",!0),l("span",x,u(t.label),1)],8,["href","onClick"])),[[w]])],6)):p("",!0)])),_:2},1032,["to"])):I.visible(t)?(a(),s("li",{key:1,class:I.getItemClass(t,n),role:"tab"},[e.$slots.item?(a(),s(c(e.$slots.item),{key:1,item:t},null,8,["item"])):m((a(),s("a",{key:0,href:t.url,class:"p-menuitem-link",target:t.target,onClick:e=>I.onItemClick(e,t,n),role:"presentation",tabindex:I.disabled(t)?null:"0"},[t.icon?(a(),s("span",{key:0,class:I.getItemIcon(t)},null,2)):p("",!0),l("span",v,u(t.label),1)],8,["href","target","onClick","tabindex"])),[[w]])],2)):p("",!0)],64)))),128)),l("li",y,null,512)],512)])};export default h;
+import{DomHandler as e}from"primevue/utils";import t from"primevue/ripple";import{resolveComponent as n,resolveDirective as i,openBlock as l,createBlock as a,createVNode as s,Fragment as o,renderList as r,withCtx as d,withDirectives as m,createCommentVNode as p,toDisplayString as u,resolveDynamicComponent as c}from"vue";var b={name:"TabMenu",emits:["update:activeIndex","tab-change"],props:{model:{type:Array,default:null},exact:{type:Boolean,default:!0},activeIndex:{type:Number,default:0}},timeout:null,data(){return{d_activeIndex:this.activeIndex}},mounted(){this.updateInkBar()},updated(){this.updateInkBar()},beforeUnmount(){clearTimeout(this.timeout)},watch:{$route(){this.timeout=setTimeout((()=>this.updateInkBar()),50)},activeIndex(e){this.d_activeIndex=e}},methods:{onItemClick(e,t,n,i){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&i&&i(e),n!==this.d_activeIndex&&(this.d_activeIndex=n,this.$emit("update:activeIndex",this.d_activeIndex)),this.$emit("tab-change",{originalEvent:e,index:n}))},getItemClass(e,t){return["p-tabmenuitem",e.class,{"p-highlight":this.d_activeIndex===t,"p-disabled":this.disabled(e)}]},getRouteItemClass(e,t,n){return["p-tabmenuitem",e.class,{"p-highlight":this.exact?n:t,"p-disabled":this.disabled(e)}]},getItemIcon:e=>["p-menuitem-icon",e.icon],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.label?e.label():e.label,updateInkBar(){let t=this.$refs.nav.children,n=!1;for(let i=0;i<t.length;i++){let l=t[i];e.hasClass(l,"p-highlight")&&(this.$refs.inkbar.style.width=e.getWidth(l)+"px",this.$refs.inkbar.style.left=e.getOffset(l).left-e.getOffset(this.$refs.nav).left+"px",n=!0)}n||(this.$refs.inkbar.style.width="0px",this.$refs.inkbar.style.left="0px")}},directives:{ripple:t}};const h={class:"p-tabmenu p-component"},f={ref:"nav",class:"p-tabmenu-nav p-reset",role:"tablist"},x={class:"p-menuitem-text"},v={class:"p-menuitem-text"},y={ref:"inkbar",class:"p-tabmenu-ink-bar"};!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-tabmenu {\n    overflow-x: auto;\n}\n.p-tabmenu-nav {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-tabmenu-nav a {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\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    position: relative;\n    text-decoration: none;\n    text-decoration: none;\n    overflow: hidden;\n}\n.p-tabmenu-nav a:focus {\n    z-index: 1;\n}\n.p-tabmenu-nav .p-menuitem-text {\n    line-height: 1;\n}\n.p-tabmenu-ink-bar {\n    display: none;\n    z-index: 1;\n}\n.p-tabmenu::-webkit-scrollbar {\n    display: none;\n}\n"),b.render=function(e,t,b,k,g,I){const C=n("router-link"),w=i("ripple");return l(),a("div",h,[s("ul",f,[(l(!0),a(o,null,r(b.model,((t,n)=>(l(),a(o,{key:I.label(t)+"_"+n.toString()},[t.to&&!I.disabled(t)?(l(),a(C,{key:0,to:t.to,custom:""},{default:d((({navigate:i,href:o,isActive:r,isExactActive:d})=>[I.visible(t)?(l(),a("li",{key:0,class:I.getRouteItemClass(t,r,d),style:t.style,role:"tab"},[e.$slots.item?(l(),a(c(e.$slots.item),{key:1,item:t},null,8,["item"])):m((l(),a("a",{key:0,href:o,class:"p-menuitem-link",onClick:e=>I.onItemClick(e,t,n,i),role:"presentation"},[t.icon?(l(),a("span",{key:0,class:I.getItemIcon(t)},null,2)):p("",!0),s("span",x,u(I.label(t)),1)],8,["href","onClick"])),[[w]])],6)):p("",!0)])),_:2},1032,["to"])):I.visible(t)?(l(),a("li",{key:1,class:I.getItemClass(t,n),role:"tab"},[e.$slots.item?(l(),a(c(e.$slots.item),{key:1,item:t},null,8,["item"])):m((l(),a("a",{key:0,href:t.url,class:"p-menuitem-link",target:t.target,onClick:e=>I.onItemClick(e,t,n),role:"presentation",tabindex:I.disabled(t)?null:"0"},[t.icon?(l(),a("span",{key:0,class:I.getItemIcon(t)},null,2)):p("",!0),s("span",v,u(I.label(t)),1)],8,["href","target","onClick","tabindex"])),[[w]])],2)):p("",!0)],64)))),128)),s("li",y,null,512)],512)])};export default b;

package/tabmenu/tabmenu.js

@@ -95,6 +95,9 @@ this.primevue.tabmenu = (function (utils, Ripple, vue) {
             disabled(item) {
                 return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
             },
+            label(item) {
+                return (typeof item.label === 'function' ? item.label() : item.label);
+            },
             updateInkBar() {
                 let tabs = this.$refs.nav.children;
                 let inkHighlighted = false;
@@ -139,7 +142,7 @@ this.primevue.tabmenu = (function (utils, Ripple, vue) {
         vue.createVNode("ul", _hoisted_2, [
           (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.to && !$options.disabled(item))
                 ? (vue.openBlock(), vue.createBlock(_component_router_link, {
@@ -169,7 +172,7 @@ this.primevue.tabmenu = (function (utils, Ripple, vue) {
                                         class: $options.getItemIcon(item)
                                       }, null, 2))
                                     : vue.createCommentVNode("", true),
-                                  vue.createVNode("span", _hoisted_3, vue.toDisplayString(item.label), 1)
+                                  vue.createVNode("span", _hoisted_3, vue.toDisplayString($options.label(item)), 1)
                                 ], 8, ["href", "onClick"])), [
                                   [_directive_ripple]
                                 ])
@@ -204,7 +207,7 @@ this.primevue.tabmenu = (function (utils, Ripple, vue) {
                                   class: $options.getItemIcon(item)
                                 }, null, 2))
                               : vue.createCommentVNode("", true),
-                            vue.createVNode("span", _hoisted_4, vue.toDisplayString(item.label), 1)
+                            vue.createVNode("span", _hoisted_4, vue.toDisplayString($options.label(item)), 1)
                           ], 8, ["href", "target", "onClick", "tabindex"])), [
                             [_directive_ripple]
                           ])
@@ -248,7 +251,7 @@ this.primevue.tabmenu = (function (utils, Ripple, vue) {
       }
     }
 
-    var css_248z = "\n.p-tabmenu {\n    overflow-x: auto;\n}\n.p-tabmenu-nav {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-tabmenu-nav a {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\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    position: relative;\n    text-decoration: none;\n    text-decoration: none;\n    overflow: hidden;\n}\n.p-tabmenu-nav a:focus {\n    z-index: 1;\n}\n.p-tabmenu-nav .p-menuitem-text {\n    line-height: 1;\n}\n.p-tabmenu-ink-bar {\n    display: none;\n    z-index: 1;\n}\n";
+    var css_248z = "\n.p-tabmenu {\n    overflow-x: auto;\n}\n.p-tabmenu-nav {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-tabmenu-nav a {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\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    position: relative;\n    text-decoration: none;\n    text-decoration: none;\n    overflow: hidden;\n}\n.p-tabmenu-nav a:focus {\n    z-index: 1;\n}\n.p-tabmenu-nav .p-menuitem-text {\n    line-height: 1;\n}\n.p-tabmenu-ink-bar {\n    display: none;\n    z-index: 1;\n}\n.p-tabmenu::-webkit-scrollbar {\n    display: none;\n}\n";
     styleInject(css_248z);
 
     script.render = render;

package/tabmenu/tabmenu.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tabmenu=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"TabMenu",emits:["update:activeIndex","tab-change"],props:{model:{type:Array,default:null},exact:{type:Boolean,default:!0},activeIndex:{type:Number,default:0}},timeout:null,data(){return{d_activeIndex:this.activeIndex}},mounted(){this.updateInkBar()},updated(){this.updateInkBar()},beforeUnmount(){clearTimeout(this.timeout)},watch:{$route(){this.timeout=setTimeout((()=>this.updateInkBar()),50)},activeIndex(e){this.d_activeIndex=e}},methods:{onItemClick(e,t,n,i){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&i&&i(e),n!==this.d_activeIndex&&(this.d_activeIndex=n,this.$emit("update:activeIndex",this.d_activeIndex)),this.$emit("tab-change",{originalEvent:e,index:n}))},getItemClass(e,t){return["p-tabmenuitem",e.class,{"p-highlight":this.d_activeIndex===t,"p-disabled":this.disabled(e)}]},getRouteItemClass(e,t,n){return["p-tabmenuitem",e.class,{"p-highlight":this.exact?n:t,"p-disabled":this.disabled(e)}]},getItemIcon:e=>["p-menuitem-icon",e.icon],visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,updateInkBar(){let t=this.$refs.nav.children,n=!1;for(let i=0;i<t.length;i++){let a=t[i];e.DomHandler.hasClass(a,"p-highlight")&&(this.$refs.inkbar.style.width=e.DomHandler.getWidth(a)+"px",this.$refs.inkbar.style.left=e.DomHandler.getOffset(a).left-e.DomHandler.getOffset(this.$refs.nav).left+"px",n=!0)}n||(this.$refs.inkbar.style.width="0px",this.$refs.inkbar.style.left="0px")}},directives:{ripple:i(t).default}};const l={class:"p-tabmenu p-component"},o={ref:"nav",class:"p-tabmenu-nav p-reset",role:"tablist"},s={class:"p-menuitem-text"},r={class:"p-menuitem-text"},c={ref:"inkbar",class:"p-tabmenu-ink-bar"};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-tabmenu {\n    overflow-x: auto;\n}\n.p-tabmenu-nav {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-tabmenu-nav a {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\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    position: relative;\n    text-decoration: none;\n    text-decoration: none;\n    overflow: hidden;\n}\n.p-tabmenu-nav a:focus {\n    z-index: 1;\n}\n.p-tabmenu-nav .p-menuitem-text {\n    line-height: 1;\n}\n.p-tabmenu-ink-bar {\n    display: none;\n    z-index: 1;\n}\n"),a.render=function(e,t,i,a,d,m){const p=n.resolveComponent("router-link"),u=n.resolveDirective("ripple");return n.openBlock(),n.createBlock("div",l,[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.toString()},[t.to&&!m.disabled(t)?(n.openBlock(),n.createBlock(p,{key:0,to:t.to,custom:""},{default:n.withCtx((({navigate:a,href:l,isActive:o,isExactActive:r})=>[m.visible(t)?(n.openBlock(),n.createBlock("li",{key:0,class:m.getRouteItemClass(t,o,r),style:t.style,role:"tab"},[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:0,href:l,class:"p-menuitem-link",onClick:e=>m.onItemClick(e,t,i,a),role:"presentation"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:m.getItemIcon(t)},null,2)):n.createCommentVNode("",!0),n.createVNode("span",s,n.toDisplayString(t.label),1)],8,["href","onClick"])),[[u]])],6)):n.createCommentVNode("",!0)])),_:2},1032,["to"])):m.visible(t)?(n.openBlock(),n.createBlock("li",{key:1,class:m.getItemClass(t,i),role:"tab"},[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:0,href:t.url,class:"p-menuitem-link",target:t.target,onClick:e=>m.onItemClick(e,t,i),role:"presentation",tabindex:m.disabled(t)?null:"0"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:m.getItemIcon(t)},null,2)):n.createCommentVNode("",!0),n.createVNode("span",r,n.toDisplayString(t.label),1)],8,["href","target","onClick","tabindex"])),[[u]])],2)):n.createCommentVNode("",!0)],64)))),128)),n.createVNode("li",c,null,512)],512)])},a}(primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.tabmenu=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l={name:"TabMenu",emits:["update:activeIndex","tab-change"],props:{model:{type:Array,default:null},exact:{type:Boolean,default:!0},activeIndex:{type:Number,default:0}},timeout:null,data(){return{d_activeIndex:this.activeIndex}},mounted(){this.updateInkBar()},updated(){this.updateInkBar()},beforeUnmount(){clearTimeout(this.timeout)},watch:{$route(){this.timeout=setTimeout((()=>this.updateInkBar()),50)},activeIndex(e){this.d_activeIndex=e}},methods:{onItemClick(e,t,n,i){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&i&&i(e),n!==this.d_activeIndex&&(this.d_activeIndex=n,this.$emit("update:activeIndex",this.d_activeIndex)),this.$emit("tab-change",{originalEvent:e,index:n}))},getItemClass(e,t){return["p-tabmenuitem",e.class,{"p-highlight":this.d_activeIndex===t,"p-disabled":this.disabled(e)}]},getRouteItemClass(e,t,n){return["p-tabmenuitem",e.class,{"p-highlight":this.exact?n:t,"p-disabled":this.disabled(e)}]},getItemIcon:e=>["p-menuitem-icon",e.icon],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.label?e.label():e.label,updateInkBar(){let t=this.$refs.nav.children,n=!1;for(let i=0;i<t.length;i++){let l=t[i];e.DomHandler.hasClass(l,"p-highlight")&&(this.$refs.inkbar.style.width=e.DomHandler.getWidth(l)+"px",this.$refs.inkbar.style.left=e.DomHandler.getOffset(l).left-e.DomHandler.getOffset(this.$refs.nav).left+"px",n=!0)}n||(this.$refs.inkbar.style.width="0px",this.$refs.inkbar.style.left="0px")}},directives:{ripple:i(t).default}};const a={class:"p-tabmenu p-component"},o={ref:"nav",class:"p-tabmenu-nav p-reset",role:"tablist"},s={class:"p-menuitem-text"},r={class:"p-menuitem-text"},c={ref:"inkbar",class:"p-tabmenu-ink-bar"};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-tabmenu {\n    overflow-x: auto;\n}\n.p-tabmenu-nav {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-tabmenu-nav a {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\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    position: relative;\n    text-decoration: none;\n    text-decoration: none;\n    overflow: hidden;\n}\n.p-tabmenu-nav a:focus {\n    z-index: 1;\n}\n.p-tabmenu-nav .p-menuitem-text {\n    line-height: 1;\n}\n.p-tabmenu-ink-bar {\n    display: none;\n    z-index: 1;\n}\n.p-tabmenu::-webkit-scrollbar {\n    display: none;\n}\n"),l.render=function(e,t,i,l,d,m){const p=n.resolveComponent("router-link"),u=n.resolveDirective("ripple");return n.openBlock(),n.createBlock("div",a,[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:m.label(t)+"_"+i.toString()},[t.to&&!m.disabled(t)?(n.openBlock(),n.createBlock(p,{key:0,to:t.to,custom:""},{default:n.withCtx((({navigate:l,href:a,isActive:o,isExactActive:r})=>[m.visible(t)?(n.openBlock(),n.createBlock("li",{key:0,class:m.getRouteItemClass(t,o,r),style:t.style,role:"tab"},[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:0,href:a,class:"p-menuitem-link",onClick:e=>m.onItemClick(e,t,i,l),role:"presentation"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:m.getItemIcon(t)},null,2)):n.createCommentVNode("",!0),n.createVNode("span",s,n.toDisplayString(m.label(t)),1)],8,["href","onClick"])),[[u]])],6)):n.createCommentVNode("",!0)])),_:2},1032,["to"])):m.visible(t)?(n.openBlock(),n.createBlock("li",{key:1,class:m.getItemClass(t,i),role:"tab"},[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:0,href:t.url,class:"p-menuitem-link",target:t.target,onClick:e=>m.onItemClick(e,t,i),role:"presentation",tabindex:m.disabled(t)?null:"0"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:m.getItemIcon(t)},null,2)):n.createCommentVNode("",!0),n.createVNode("span",r,n.toDisplayString(m.label(t)),1)],8,["href","target","onClick","tabindex"])),[[u]])],2)):n.createCommentVNode("",!0)],64)))),128)),n.createVNode("li",c,null,512)],512)])},l}(primevue.utils,primevue.ripple,Vue);

package/terminal/terminal.js

@@ -128,4 +128,4 @@ this.primevue.terminal = (function (TerminalService, vue) {
 
     return script;
 
-}(TerminalService, Vue));
+}(primevue.terminalservice, Vue));

package/terminal/terminal.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.terminal=function(e,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e),i={name:"Terminal",props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},data:()=>({commandText:null,commands:[]}),mounted(){o.default.on("response",this.responseListener),this.$refs.input.focus()},updated(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount(){o.default.off("response",this.responseListener)},methods:{onClick(){this.$refs.input.focus()},onKeydown(e){13===e.keyCode&&this.commandText&&(this.commands.push({text:this.commandText}),o.default.emit("command",this.commandText),this.commandText="")},responseListener(e){this.commands[this.commands.length-1].response=e}}};const s={key:0},a={class:"p-terminal-content"},r={class:"p-terminal-prompt"},l={class:"p-terminal-command"},c={class:"p-terminal-response"},p={class:"p-terminal-prompt-container"},m={class:"p-terminal-prompt"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-terminal {\n    height: 18rem;\n    overflow: auto;\n}\n.p-terminal-prompt-container {\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}\n.p-terminal-input {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    border: 0 none;\n    background-color: transparent;\n    color: inherit;\n    padding: 0;\n    outline: 0 none;\n}\n.p-terminal-input::-ms-clear {\n    display: none;\n}\n"),i.render=function(e,n,o,i,d,u){return t.openBlock(),t.createBlock("div",{class:"p-terminal p-component",onClick:n[3]||(n[3]=(...e)=>u.onClick&&u.onClick(...e))},[o.welcomeMessage?(t.openBlock(),t.createBlock("div",s,t.toDisplayString(o.welcomeMessage),1)):t.createCommentVNode("",!0),t.createVNode("div",a,[(t.openBlock(!0),t.createBlock(t.Fragment,null,t.renderList(d.commands,((e,n)=>(t.openBlock(),t.createBlock("div",{key:e.text+n.toString()},[t.createVNode("span",r,t.toDisplayString(o.prompt),1),t.createVNode("span",l,t.toDisplayString(e.text),1),t.createVNode("div",c,t.toDisplayString(e.response),1)])))),128))]),t.createVNode("div",p,[t.createVNode("span",m,t.toDisplayString(o.prompt),1),t.withDirectives(t.createVNode("input",{ref:"input",type:"text","onUpdate:modelValue":n[1]||(n[1]=e=>d.commandText=e),class:"p-terminal-input",autocomplete:"off",onKeydown:n[2]||(n[2]=(...e)=>u.onKeydown&&u.onKeydown(...e))},null,544),[[t.vModelText,d.commandText]])])])},i}(TerminalService,Vue);
+this.primevue=this.primevue||{},this.primevue.terminal=function(e,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e),i={name:"Terminal",props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},data:()=>({commandText:null,commands:[]}),mounted(){o.default.on("response",this.responseListener),this.$refs.input.focus()},updated(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount(){o.default.off("response",this.responseListener)},methods:{onClick(){this.$refs.input.focus()},onKeydown(e){13===e.keyCode&&this.commandText&&(this.commands.push({text:this.commandText}),o.default.emit("command",this.commandText),this.commandText="")},responseListener(e){this.commands[this.commands.length-1].response=e}}};const s={key:0},r={class:"p-terminal-content"},a={class:"p-terminal-prompt"},l={class:"p-terminal-command"},c={class:"p-terminal-response"},p={class:"p-terminal-prompt-container"},m={class:"p-terminal-prompt"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-terminal {\n    height: 18rem;\n    overflow: auto;\n}\n.p-terminal-prompt-container {\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}\n.p-terminal-input {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    border: 0 none;\n    background-color: transparent;\n    color: inherit;\n    padding: 0;\n    outline: 0 none;\n}\n.p-terminal-input::-ms-clear {\n    display: none;\n}\n"),i.render=function(e,n,o,i,d,u){return t.openBlock(),t.createBlock("div",{class:"p-terminal p-component",onClick:n[3]||(n[3]=(...e)=>u.onClick&&u.onClick(...e))},[o.welcomeMessage?(t.openBlock(),t.createBlock("div",s,t.toDisplayString(o.welcomeMessage),1)):t.createCommentVNode("",!0),t.createVNode("div",r,[(t.openBlock(!0),t.createBlock(t.Fragment,null,t.renderList(d.commands,((e,n)=>(t.openBlock(),t.createBlock("div",{key:e.text+n.toString()},[t.createVNode("span",a,t.toDisplayString(o.prompt),1),t.createVNode("span",l,t.toDisplayString(e.text),1),t.createVNode("div",c,t.toDisplayString(e.response),1)])))),128))]),t.createVNode("div",p,[t.createVNode("span",m,t.toDisplayString(o.prompt),1),t.withDirectives(t.createVNode("input",{ref:"input",type:"text","onUpdate:modelValue":n[1]||(n[1]=e=>d.commandText=e),class:"p-terminal-input",autocomplete:"off",onKeydown:n[2]||(n[2]=(...e)=>u.onKeydown&&u.onKeydown(...e))},null,544),[[t.vModelText,d.commandText]])])])},i}(primevue.terminalservice,Vue);

package/terminalservice/TerminalService.d.ts

@@ -1,8 +1,11 @@
-declare class TerminalService {
-    $on(action: string, fn: any): any;
-    $emit(action: string, params?: any): any;
-    $off(action: string, id: number): void;
-    $subscribed(action: string): boolean;
+type TerminalServiceActionType = 'command' | 'response';
+
+export interface TerminalServiceOptions {
+    on(action: TerminalServiceActionType, fn: any): void;
+    emit(action: TerminalServiceActionType, params?: any): void;
+    off(action: TerminalServiceActionType, fn: any): void;
 }
 
-export default TerminalService;
+declare const TerminalService: TerminalServiceOptions;
+
+export default TerminalService;

package/tieredmenu/TieredMenu.d.ts

@@ -1,5 +1,3 @@
-import { VNode } from 'vue';
-
 interface TieredMenuProps {
     popup?: boolean;
     model?: any[];
@@ -9,13 +7,17 @@ interface TieredMenuProps {
     exact?: boolean;
 }
 
+interface TieredMenuItemSlotInterface {
+    item: any;
+}
+
 declare class TieredMenu {
     $props: TieredMenuProps;
     toggle(event: Event): void;
     show(event: Event, target?: any): void;
     hide(): void;
     $slots: {
-        item: VNode[];
+        item: TieredMenuItemSlotInterface;
     }
 }
 

package/tieredmenu/TieredMenuSub.vue

@@ -1,24 +1,24 @@
 <template>
     <ul ref="element" :class="containerClass" role="'menubar' : 'menu'" aria-orientation="horizontal">
-        <template v-for="(item, i) of model" :key="item.label + i.toString()">
+        <template v-for="(item, i) of model" :key="label(item) + i.toString()">
             <li :class="getItemClass(item)" :style="item.style" v-if="visible(item) && !item.separator"
                 @mouseenter="onItemMouseEnter($event, item)" role="none">
                 <template v-if="!template">
                     <router-link v-if="item.to && !disabled(item)" :to="item.to" custom v-slot="{navigate, href, isActive, isExactActive}">
                         <a :href="href" @click="onItemClick($event, item, navigate)" :class="linkClass(item, {isActive, isExactActive})" v-ripple @keydown="onItemKeyDown($event, item)" role="menuitem">
                             <span :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" :aria-haspopup="item.items != null" :aria-expanded="item === activeItem"
                         @click="onItemClick($event, item)" @keydown="onItemKeyDown($event, item)" 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(item)}}</span>
                         <span class="p-submenu-icon pi pi-angle-right" v-if="item.items"></span>
                     </a>
                 </template>
                 <component v-else :is="template" :item="item"></component>
-                <TieredMenuSub :model="item.items" v-if="visible(item) && item.items" :key="item.label + '_sub_'" :template="template"
+                <TieredMenuSub :model="item.items" v-if="visible(item) && item.items" :key="label(item) + '_sub_'" :template="template"
                     @leaf-click="onLeafClick" @keydown-item="onChildItemKeyDown" :parentActive="item === activeItem" :exact="exact" />
             </li>
             <li :class="['p-menu-separator', item.class]" :style="item.style" v-if="visible(item) && item.separator" :key="'separator' + i.toString()" role="separator"></li>
@@ -51,7 +51,7 @@ export default {
             default: false
         },
         template: {
-            type: Object,
+            type: Function,
             default: null
         },
         exact: {
@@ -234,6 +234,9 @@ export default {
         },
         disabled(item) {
             return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+        },
+        label(item) {
+            return (typeof item.label === 'function' ? item.label() : item.label);
         }
     },
     computed: {

package/tieredmenu/tieredmenu.cjs.js

@@ -31,7 +31,7 @@ var script$1 = {
             default: false
         },
         template: {
-            type: Object,
+            type: Function,
             default: null
         },
         exact: {
@@ -211,6 +211,9 @@ var script$1 = {
         },
         disabled(item) {
             return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+        },
+        label(item) {
+            return (typeof item.label === 'function' ? item.label() : item.label);
         }
     },
     computed: {
@@ -243,7 +246,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     (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()
       }, [
         ($options.visible(item) && !item.separator)
           ? (vue.openBlock(), vue.createBlock("li", {
@@ -272,7 +275,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                               vue.createVNode("span", {
                                 class: ['p-menuitem-icon', item.icon]
                               }, null, 2),
-                              vue.createVNode("span", _hoisted_1, vue.toDisplayString(item.label), 1)
+                              vue.createVNode("span", _hoisted_1, vue.toDisplayString($options.label(item)), 1)
                             ], 42, ["href", "onClick", "onKeydown"]), [
                               [_directive_ripple]
                             ])
@@ -294,7 +297,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                           vue.createVNode("span", {
                             class: ['p-menuitem-icon', item.icon]
                           }, null, 2),
-                          vue.createVNode("span", _hoisted_2, vue.toDisplayString(item.label), 1),
+                          vue.createVNode("span", _hoisted_2, vue.toDisplayString($options.label(item)), 1),
                           (item.items)
                             ? (vue.openBlock(), vue.createBlock("span", _hoisted_3))
                             : vue.createCommentVNode("", true)
@@ -309,7 +312,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
               ($options.visible(item) && item.items)
                 ? (vue.openBlock(), vue.createBlock(_component_TieredMenuSub, {
                     model: item.items,
-                    key: item.label + '_sub_',
+                    key: $options.label(item) + '_sub_',
                     template: $props.template,
                     onLeafClick: $options.onLeafClick,
                     onKeydownItem: $options.onChildItemKeyDown,