primevue 3.8.2 → 3.11.0

package/steps/Steps.vue

@@ -7,12 +7,12 @@
                         <router-link :to="item.to" v-if="!isItemDisabled(item)" custom v-slot="{navigate, href, isActive, isExactActive}">
                             <a :href="href" :class="linkClass({isActive, isExactActive})" @click="onItemClick($event, item, navigate)" role="presentation">
                                 <span class="p-steps-number">{{index + 1}}</span>
-                                <span class="p-steps-title">{{item.label}}</span>
+                                <span class="p-steps-title">{{label(item)}}</span>
                             </a>
                         </router-link>
                         <span v-else :class="linkClass()" role="presentation">
                             <span class="p-steps-number">{{index + 1}}</span>
-                            <span class="p-steps-title">{{item.label}}</span>
+                            <span class="p-steps-title">{{label(item)}}</span>
                         </span>
                     </template>
                     <component v-else :is="$slots.item" :item="item"></component>
@@ -86,6 +86,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/steps/steps.cjs.js

@@ -64,6 +64,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: {
@@ -119,7 +122,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 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
@@ -130,7 +133,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             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.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("vue"),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"},o={class:"p-steps-number"},a={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"),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",o,t.toDisplayString(i+1),1),t.createVNode("span",a,t.toDisplayString(n.label),1)],2)):(t.openBlock(),t.createBlock(m,{key:0,to:n.to,custom:""},{default:t.withCtx((({navigate:e,href:o,isActive:a,isExactActive:r})=>[t.createVNode("a",{href:o,class:d.linkClass({isActive:a,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"])},module.exports=n;
+"use strict";var e=require("primevue/utils"),t=require("vue"),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"};!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"])},module.exports=n;

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

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

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), {
@@ -178,4 +181,4 @@ this.primevue.steps = (function (utils, vue) {
 
     return script;
 
-}(primevue.utils, Vue));
+})(primevue.utils, Vue);

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/styleclass/styleclass.esm.js

@@ -165,4 +165,4 @@ const StyleClass = {
     }
 };
 
-export default StyleClass;
+export { StyleClass as default };

package/styleclass/styleclass.esm.min.js

@@ -1 +1 @@
-import{DomHandler as e}from"primevue/utils";function s(s,t){s.$_pstyleclass_clicklistener=()=>{const n=function(e,s){switch(s.value.selector){case"@next":return e.nextElementSibling;case"@prev":return e.previousElementSibling;case"@parent":return e.parentElement;case"@grandparent":return e.parentElement.parentElement;default:return document.querySelector(s.value.selector)}}(s,t);t.value.toggleClass?e.hasClass(n,t.value.toggleClass)?e.removeClass(n,t.value.toggleClass):e.addClass(n,t.value.toggleClass):null===n.offsetParent?function(s,t,n){n.value.enterActiveClass?s.$_pstyleclass_animating||(s.$_pstyleclass_animating=!0,"slidedown"===n.value.enterActiveClass&&(s.style.height="0px",e.removeClass(s,"hidden"),s.style.maxHeight=s.scrollHeight+"px",e.addClass(s,"hidden"),s.style.height=""),e.addClass(s,n.value.enterActiveClass),n.value.enterClass&&e.removeClass(s,n.value.enterClass),s.$p_styleclass_enterlistener=()=>{e.removeClass(s,n.value.enterActiveClass),n.value.enterToClass&&e.addClass(s,n.value.enterToClass),s.removeEventListener("animationend",s.$p_styleclass_enterlistener),"slidedown"===n.value.enterActiveClass&&(s.style.maxHeight=""),s.$_pstyleclass_animating=!1},s.addEventListener("animationend",s.$p_styleclass_enterlistener)):(n.value.enterClass&&e.removeClass(s,n.value.enterClass),n.value.enterToClass&&e.addClass(s,n.value.enterToClass));n.value.hideOnOutsideClick&&function(e,s,t){e.$p_styleclass_documentlistener||(e.$p_styleclass_documentlistener=n=>{"static"===getComputedStyle(e).getPropertyValue("position")?a(e):s.isSameNode(n.target)||s.contains(n.target)||e.contains(n.target)||l(e,t)},e.ownerDocument.addEventListener("click",e.$p_styleclass_documentlistener))}(s,t,n)}(n,s,t):l(n,t)},s.addEventListener("click",s.$_pstyleclass_clicklistener)}function l(s,l){l.value.leaveActiveClass?s.$_pstyleclass_animating||(s.$_pstyleclass_animating=!0,e.addClass(s,l.value.leaveActiveClass),l.value.leaveClass&&e.removeClass(s,l.value.leaveClass),s.$p_styleclass_leavelistener=()=>{e.removeClass(s,l.value.leaveActiveClass),l.value.leaveToClass&&e.addClass(s,l.value.leaveToClass),s.removeEventListener("animationend",s.$p_styleclass_leavelistener),s.$_pstyleclass_animating=!1},s.addEventListener("animationend",s.$p_styleclass_leavelistener)):(l.value.leaveClass&&e.removeClass(s,l.value.leaveClass),l.value.leaveToClass&&e.addClass(s,l.value.leaveToClass)),l.value.hideOnOutsideClick&&a(s)}function a(e){e.$p_styleclass_documentlistener&&(e.ownerDocument.removeEventListener("click",e.$p_styleclass_documentlistener),e.$p_styleclass_documentlistener=null)}const t={mounted(e,l){s(e,l)},unmounted(e){!function(e){e.$_pstyleclass_clicklistener&&(e.addEventListener("click",e.$_pstyleclass_clicklistener),e.$_pstyleclass_clicklistener=null),a(e)}(e)}};export default t;
+import{DomHandler as e}from"primevue/utils";function s(s,t){s.$_pstyleclass_clicklistener=()=>{const n=function(e,s){switch(s.value.selector){case"@next":return e.nextElementSibling;case"@prev":return e.previousElementSibling;case"@parent":return e.parentElement;case"@grandparent":return e.parentElement.parentElement;default:return document.querySelector(s.value.selector)}}(s,t);t.value.toggleClass?e.hasClass(n,t.value.toggleClass)?e.removeClass(n,t.value.toggleClass):e.addClass(n,t.value.toggleClass):null===n.offsetParent?function(s,t,n){n.value.enterActiveClass?s.$_pstyleclass_animating||(s.$_pstyleclass_animating=!0,"slidedown"===n.value.enterActiveClass&&(s.style.height="0px",e.removeClass(s,"hidden"),s.style.maxHeight=s.scrollHeight+"px",e.addClass(s,"hidden"),s.style.height=""),e.addClass(s,n.value.enterActiveClass),n.value.enterClass&&e.removeClass(s,n.value.enterClass),s.$p_styleclass_enterlistener=()=>{e.removeClass(s,n.value.enterActiveClass),n.value.enterToClass&&e.addClass(s,n.value.enterToClass),s.removeEventListener("animationend",s.$p_styleclass_enterlistener),"slidedown"===n.value.enterActiveClass&&(s.style.maxHeight=""),s.$_pstyleclass_animating=!1},s.addEventListener("animationend",s.$p_styleclass_enterlistener)):(n.value.enterClass&&e.removeClass(s,n.value.enterClass),n.value.enterToClass&&e.addClass(s,n.value.enterToClass));n.value.hideOnOutsideClick&&function(e,s,t){e.$p_styleclass_documentlistener||(e.$p_styleclass_documentlistener=n=>{"static"===getComputedStyle(e).getPropertyValue("position")?a(e):s.isSameNode(n.target)||s.contains(n.target)||e.contains(n.target)||l(e,t)},e.ownerDocument.addEventListener("click",e.$p_styleclass_documentlistener))}(s,t,n)}(n,s,t):l(n,t)},s.addEventListener("click",s.$_pstyleclass_clicklistener)}function l(s,l){l.value.leaveActiveClass?s.$_pstyleclass_animating||(s.$_pstyleclass_animating=!0,e.addClass(s,l.value.leaveActiveClass),l.value.leaveClass&&e.removeClass(s,l.value.leaveClass),s.$p_styleclass_leavelistener=()=>{e.removeClass(s,l.value.leaveActiveClass),l.value.leaveToClass&&e.addClass(s,l.value.leaveToClass),s.removeEventListener("animationend",s.$p_styleclass_leavelistener),s.$_pstyleclass_animating=!1},s.addEventListener("animationend",s.$p_styleclass_leavelistener)):(l.value.leaveClass&&e.removeClass(s,l.value.leaveClass),l.value.leaveToClass&&e.addClass(s,l.value.leaveToClass)),l.value.hideOnOutsideClick&&a(s)}function a(e){e.$p_styleclass_documentlistener&&(e.ownerDocument.removeEventListener("click",e.$p_styleclass_documentlistener),e.$p_styleclass_documentlistener=null)}const t={mounted(e,l){s(e,l)},unmounted(e){!function(e){e.$_pstyleclass_clicklistener&&(e.addEventListener("click",e.$_pstyleclass_clicklistener),e.$_pstyleclass_clicklistener=null),a(e)}(e)}};export{t as default};

package/styleclass/styleclass.js

@@ -169,4 +169,4 @@ this.primevue.styleclass = (function (utils) {
 
     return StyleClass;
 
-}(primevue.utils));
+})(primevue.utils);

package/tabmenu/TabMenu.d.ts

@@ -1,18 +1,71 @@
-interface TabMenuProps {
-    model?: any[];
-    exact?: boolean;
-    activeIndex?: number;
+import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { MenuItem } from '../menuitem';
+
+export interface TabMenuChangeEvent {
+    /**
+     * Browser event
+     */
+    originalEvent: Event;
+    /**
+     * Index of the selected tab
+     */
+    index: number;
+}
+
+export interface TabMenuProps {
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * Defines if active route highlight should match the exact route path.
+     * Default value is true.
+     */
+    exact?: boolean | undefined;
+    /**
+     * Active index of menuitem.
+     * Default value is 0.
+     */
+    activeIndex?: number | undefined;
 }
 
-interface TabMenuItemSlotInterface {
-    item: any;
+export interface TabMenuSlots {
+    /**
+     * Custom content for each item.
+     * @param {Object} scope - item slot's params.
+     */
+    item: (scope: {
+        /**
+         * Menuitem instance
+         */
+        item: MenuItem;
+    }) => VNode[];
 }
 
-declare class TabMenu {
-    $props: TabMenuProps;
-    $slots: {
-        item: TabMenuItemSlotInterface;
+export declare type TabMenuEmits = {
+    /**
+     * Callback to invoke when an active tab is changed.
+     * @param {TabMenuChangeEvent} event - Custom tab change event.
+     */
+    'tab-change': (event: TabMenuChangeEvent) => void;
+}
+
+declare class TabMenu extends ClassComponent<TabMenuProps, TabMenuSlots, TabMenuEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        TabMenu: GlobalComponentConstructor<TabMenu>
     }
 }
 
+/**
+ *
+ * TabMenu is a navigation component that displays items as tab headers. Example below uses nested routes with TabMenu.
+ *
+ * Demos:
+ *
+ * - [TabMenu](https://www.primefaces.org/primevue/showcase/#/tabmenu)
+ *
+ */
 export default TabMenu;

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;

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;
@@ -116,7 +119,7 @@ var script = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 
@@ -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]
                       ])

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

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 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,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 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],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.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 a(),s("div",h,[l("ul",f,[(a(!0),s(o,null,r(b.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 b;
+import{DomHandler as e}from"primevue/utils";import t from"primevue/ripple";import{resolveComponent as n,resolveDirective as i,openBlock as a,createBlock as l,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 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 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],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.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 a(),l("div",h,[s("ul",f,[(a(!0),l(o,null,r(b.model,((t,n)=>(a(),l(o,{key:I.label(t)+"_"+n.toString()},[t.to&&!I.disabled(t)?(a(),l(C,{key:0,to:t.to,custom:""},{default:d((({navigate:i,href:o,isActive:r,isExactActive:d})=>[I.visible(t)?(a(),l("li",{key:0,class:I.getRouteItemClass(t,r,d),style:t.style,role:"tab"},[e.$slots.item?(a(),l(c(e.$slots.item),{key:1,item:t},null,8,["item"])):m((a(),l("a",{key:0,href:o,class:"p-menuitem-link",onClick:e=>I.onItemClick(e,t,n,i),role:"presentation"},[t.icon?(a(),l("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)?(a(),l("li",{key:1,class:I.getItemClass(t,n),role:"tab"},[e.$slots.item?(a(),l(c(e.$slots.item),{key:1,item:t},null,8,["item"])):m((a(),l("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(),l("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{b as default};

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;
@@ -114,7 +117,7 @@ this.primevue.tabmenu = (function (utils, Ripple, vue) {
             }
         },
         directives: {
-            'ripple': Ripple__default['default']
+            'ripple': Ripple__default["default"]
         }
     };
 
@@ -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]
                           ])
@@ -255,4 +258,4 @@ this.primevue.tabmenu = (function (utils, Ripple, vue) {
 
     return script;
 
-}(primevue.utils, primevue.ripple, Vue));
+})(primevue.utils, primevue.ripple, Vue);

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.p-tabmenu::-webkit-scrollbar {\n    display: none;\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);