primevue 3.12.2 → 3.12.5

package/tabmenu/tabmenu.cjs.js

@@ -119,7 +119,7 @@ var script = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 
@@ -129,9 +129,11 @@ const _hoisted_2 = {
   class: "p-tabmenu-nav p-reset",
   role: "tablist"
 };
-const _hoisted_3 = { class: "p-menuitem-text" };
+const _hoisted_3 = ["href", "onClick"];
 const _hoisted_4 = { class: "p-menuitem-text" };
-const _hoisted_5 = {
+const _hoisted_5 = ["href", "target", "onClick", "tabindex"];
+const _hoisted_6 = { class: "p-menuitem-text" };
+const _hoisted_7 = {
   ref: "inkbar",
   class: "p-tabmenu-ink-bar"
 };
@@ -140,10 +142,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = vue.resolveComponent("router-link");
   const _directive_ripple = vue.resolveDirective("ripple");
 
-  return (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
-    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, {
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.createElementVNode("ul", _hoisted_2, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.model, (item, i) => {
+        return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: $options.label(item) + '_' + i.toString()
         }, [
           (item.to && !$options.disabled(item))
@@ -154,14 +156,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }, {
                 default: vue.withCtx(({navigate, href, isActive, isExactActive}) => [
                   ($options.visible(item))
-                    ? (vue.openBlock(), vue.createBlock("li", {
+                    ? (vue.openBlock(), vue.createElementBlock("li", {
                         key: 0,
-                        class: $options.getRouteItemClass(item,isActive,isExactActive),
-                        style: item.style,
+                        class: vue.normalizeClass($options.getRouteItemClass(item,isActive,isExactActive)),
+                        style: vue.normalizeStyle(item.style),
                         role: "tab"
                       }, [
                         (!_ctx.$slots.item)
-                          ? vue.withDirectives((vue.openBlock(), vue.createBlock("a", {
+                          ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
                               key: 0,
                               href: href,
                               class: "p-menuitem-link",
@@ -169,13 +171,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               role: "presentation"
                             }, [
                               (item.icon)
-                                ? (vue.openBlock(), vue.createBlock("span", {
+                                ? (vue.openBlock(), vue.createElementBlock("span", {
                                     key: 0,
-                                    class: $options.getItemIcon(item)
+                                    class: vue.normalizeClass($options.getItemIcon(item))
                                   }, null, 2))
                                 : vue.createCommentVNode("", true),
-                              vue.createVNode("span", _hoisted_3, vue.toDisplayString($options.label(item)), 1)
-                            ], 8, ["href", "onClick"])), [
+                              vue.createElementVNode("span", _hoisted_4, vue.toDisplayString($options.label(item)), 1)
+                            ], 8, _hoisted_3)), [
                               [_directive_ripple]
                             ])
                           : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.item), {
@@ -188,13 +190,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 2
               }, 1032, ["to"]))
             : ($options.visible(item))
-              ? (vue.openBlock(), vue.createBlock("li", {
+              ? (vue.openBlock(), vue.createElementBlock("li", {
                   key: 1,
-                  class: $options.getItemClass(item, i),
+                  class: vue.normalizeClass($options.getItemClass(item, i)),
                   role: "tab"
                 }, [
                   (!_ctx.$slots.item)
-                    ? vue.withDirectives((vue.openBlock(), vue.createBlock("a", {
+                    ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
                         key: 0,
                         href: item.url,
                         class: "p-menuitem-link",
@@ -204,13 +206,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         tabindex: $options.disabled(item) ? null : '0'
                       }, [
                         (item.icon)
-                          ? (vue.openBlock(), vue.createBlock("span", {
+                          ? (vue.openBlock(), vue.createElementBlock("span", {
                               key: 0,
-                              class: $options.getItemIcon(item)
+                              class: vue.normalizeClass($options.getItemIcon(item))
                             }, null, 2))
                           : vue.createCommentVNode("", true),
-                        vue.createVNode("span", _hoisted_4, vue.toDisplayString($options.label(item)), 1)
-                      ], 8, ["href", "target", "onClick", "tabindex"])), [
+                        vue.createElementVNode("span", _hoisted_6, vue.toDisplayString($options.label(item)), 1)
+                      ], 8, _hoisted_5)), [
                         [_directive_ripple]
                       ])
                     : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.item), {
@@ -221,7 +223,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               : vue.createCommentVNode("", true)
         ], 64))
       }), 128)),
-      vue.createVNode("li", _hoisted_5, null, 512)
+      vue.createElementVNode("li", _hoisted_7, null, 512)
     ], 512)
   ]))
 }

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,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;
+"use strict";var e=require("primevue/utils"),t=require("primevue/ripple"),n=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={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,l){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&l&&l(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 l=0;l<t.length;l++){let i=t[l];e.DomHandler.hasClass(i,"p-highlight")&&(this.$refs.inkbar.style.width=e.DomHandler.getWidth(i)+"px",this.$refs.inkbar.style.left=e.DomHandler.getOffset(i).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:l(t).default}};const a={class:"p-tabmenu p-component"},o={ref:"nav",class:"p-tabmenu-nav p-reset",role:"tablist"},s=["href","onClick"],r={class:"p-menuitem-text"},c=["href","target","onClick","tabindex"],m={class:"p-menuitem-text"},d={ref:"inkbar",class:"p-tabmenu-ink-bar"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&l.firstChild?l.insertBefore(i,l.firstChild):l.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.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"),i.render=function(e,t,l,i,p,u){const b=n.resolveComponent("router-link"),h=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",a,[n.createElementVNode("ul",o,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(l.model,((t,l)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:u.label(t)+"_"+l.toString()},[t.to&&!u.disabled(t)?(n.openBlock(),n.createBlock(b,{key:0,to:t.to,custom:""},{default:n.withCtx((({navigate:i,href:a,isActive:o,isExactActive:c})=>[u.visible(t)?(n.openBlock(),n.createElementBlock("li",{key:0,class:n.normalizeClass(u.getRouteItemClass(t,o,c)),style:n.normalizeStyle(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.createElementBlock("a",{key:0,href:a,class:"p-menuitem-link",onClick:e=>u.onItemClick(e,t,l,i),role:"presentation"},[t.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(u.getItemIcon(t))},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",r,n.toDisplayString(u.label(t)),1)],8,s)),[[h]])],6)):n.createCommentVNode("",!0)])),_:2},1032,["to"])):u.visible(t)?(n.openBlock(),n.createElementBlock("li",{key:1,class:n.normalizeClass(u.getItemClass(t,l)),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.createElementBlock("a",{key:0,href:t.url,class:"p-menuitem-link",target:t.target,onClick:e=>u.onItemClick(e,t,l),role:"presentation",tabindex:u.disabled(t)?null:"0"},[t.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(u.getItemIcon(t))},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",m,n.toDisplayString(u.label(t)),1)],8,c)),[[h]])],2)):n.createCommentVNode("",!0)],64)))),128)),n.createElementVNode("li",d,null,512)],512)])},module.exports=i;

package/tabmenu/tabmenu.esm.js

@@ -1,6 +1,6 @@
 import { DomHandler } from 'primevue/utils';
 import Ripple from 'primevue/ripple';
-import { resolveComponent, resolveDirective, openBlock, createBlock, createVNode, Fragment, renderList, withCtx, withDirectives, createCommentVNode, toDisplayString, resolveDynamicComponent } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createBlock, withCtx, normalizeClass, normalizeStyle, withDirectives, createCommentVNode, toDisplayString, resolveDynamicComponent } from 'vue';
 
 var script = {
     name: 'TabMenu',
@@ -123,9 +123,11 @@ const _hoisted_2 = {
   class: "p-tabmenu-nav p-reset",
   role: "tablist"
 };
-const _hoisted_3 = { class: "p-menuitem-text" };
+const _hoisted_3 = ["href", "onClick"];
 const _hoisted_4 = { class: "p-menuitem-text" };
-const _hoisted_5 = {
+const _hoisted_5 = ["href", "target", "onClick", "tabindex"];
+const _hoisted_6 = { class: "p-menuitem-text" };
+const _hoisted_7 = {
   ref: "inkbar",
   class: "p-tabmenu-ink-bar"
 };
@@ -134,10 +136,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = resolveComponent("router-link");
   const _directive_ripple = resolveDirective("ripple");
 
-  return (openBlock(), createBlock("div", _hoisted_1, [
-    createVNode("ul", _hoisted_2, [
-      (openBlock(true), createBlock(Fragment, null, renderList($props.model, (item, i) => {
-        return (openBlock(), createBlock(Fragment, {
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("ul", _hoisted_2, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.model, (item, i) => {
+        return (openBlock(), createElementBlock(Fragment, {
           key: $options.label(item) + '_' + i.toString()
         }, [
           (item.to && !$options.disabled(item))
@@ -148,14 +150,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }, {
                 default: withCtx(({navigate, href, isActive, isExactActive}) => [
                   ($options.visible(item))
-                    ? (openBlock(), createBlock("li", {
+                    ? (openBlock(), createElementBlock("li", {
                         key: 0,
-                        class: $options.getRouteItemClass(item,isActive,isExactActive),
-                        style: item.style,
+                        class: normalizeClass($options.getRouteItemClass(item,isActive,isExactActive)),
+                        style: normalizeStyle(item.style),
                         role: "tab"
                       }, [
                         (!_ctx.$slots.item)
-                          ? withDirectives((openBlock(), createBlock("a", {
+                          ? withDirectives((openBlock(), createElementBlock("a", {
                               key: 0,
                               href: href,
                               class: "p-menuitem-link",
@@ -163,13 +165,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               role: "presentation"
                             }, [
                               (item.icon)
-                                ? (openBlock(), createBlock("span", {
+                                ? (openBlock(), createElementBlock("span", {
                                     key: 0,
-                                    class: $options.getItemIcon(item)
+                                    class: normalizeClass($options.getItemIcon(item))
                                   }, null, 2))
                                 : createCommentVNode("", true),
-                              createVNode("span", _hoisted_3, toDisplayString($options.label(item)), 1)
-                            ], 8, ["href", "onClick"])), [
+                              createElementVNode("span", _hoisted_4, toDisplayString($options.label(item)), 1)
+                            ], 8, _hoisted_3)), [
                               [_directive_ripple]
                             ])
                           : (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.item), {
@@ -182,13 +184,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 2
               }, 1032, ["to"]))
             : ($options.visible(item))
-              ? (openBlock(), createBlock("li", {
+              ? (openBlock(), createElementBlock("li", {
                   key: 1,
-                  class: $options.getItemClass(item, i),
+                  class: normalizeClass($options.getItemClass(item, i)),
                   role: "tab"
                 }, [
                   (!_ctx.$slots.item)
-                    ? withDirectives((openBlock(), createBlock("a", {
+                    ? withDirectives((openBlock(), createElementBlock("a", {
                         key: 0,
                         href: item.url,
                         class: "p-menuitem-link",
@@ -198,13 +200,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         tabindex: $options.disabled(item) ? null : '0'
                       }, [
                         (item.icon)
-                          ? (openBlock(), createBlock("span", {
+                          ? (openBlock(), createElementBlock("span", {
                               key: 0,
-                              class: $options.getItemIcon(item)
+                              class: normalizeClass($options.getItemIcon(item))
                             }, null, 2))
                           : createCommentVNode("", true),
-                        createVNode("span", _hoisted_4, toDisplayString($options.label(item)), 1)
-                      ], 8, ["href", "target", "onClick", "tabindex"])), [
+                        createElementVNode("span", _hoisted_6, toDisplayString($options.label(item)), 1)
+                      ], 8, _hoisted_5)), [
                         [_directive_ripple]
                       ])
                     : (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.item), {
@@ -215,7 +217,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               : createCommentVNode("", true)
         ], 64))
       }), 128)),
-      createVNode("li", _hoisted_5, null, 512)
+      createElementVNode("li", _hoisted_7, null, 512)
     ], 512)
   ]))
 }
@@ -252,4 +254,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 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;
+import{DomHandler as e}from"primevue/utils";import t from"primevue/ripple";import{resolveComponent as n,resolveDirective as i,openBlock as a,createElementBlock as l,createElementVNode as s,Fragment as o,renderList as r,createBlock as d,withCtx as m,normalizeClass as p,normalizeStyle as u,withDirectives as c,createCommentVNode as b,toDisplayString as h,resolveDynamicComponent as f}from"vue";var x={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 v={class:"p-tabmenu p-component"},y={ref:"nav",class:"p-tabmenu-nav p-reset",role:"tablist"},k=["href","onClick"],g={class:"p-menuitem-text"},I=["href","target","onClick","tabindex"],C={class:"p-menuitem-text"},w={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"),x.render=function(e,t,x,$,_,B){const T=n("router-link"),E=i("ripple");return a(),l("div",v,[s("ul",y,[(a(!0),l(o,null,r(x.model,((t,n)=>(a(),l(o,{key:B.label(t)+"_"+n.toString()},[t.to&&!B.disabled(t)?(a(),d(T,{key:0,to:t.to,custom:""},{default:m((({navigate:i,href:o,isActive:r,isExactActive:m})=>[B.visible(t)?(a(),l("li",{key:0,class:p(B.getRouteItemClass(t,r,m)),style:u(t.style),role:"tab"},[e.$slots.item?(a(),d(f(e.$slots.item),{key:1,item:t},null,8,["item"])):c((a(),l("a",{key:0,href:o,class:"p-menuitem-link",onClick:e=>B.onItemClick(e,t,n,i),role:"presentation"},[t.icon?(a(),l("span",{key:0,class:p(B.getItemIcon(t))},null,2)):b("",!0),s("span",g,h(B.label(t)),1)],8,k)),[[E]])],6)):b("",!0)])),_:2},1032,["to"])):B.visible(t)?(a(),l("li",{key:1,class:p(B.getItemClass(t,n)),role:"tab"},[e.$slots.item?(a(),d(f(e.$slots.item),{key:1,item:t},null,8,["item"])):c((a(),l("a",{key:0,href:t.url,class:"p-menuitem-link",target:t.target,onClick:e=>B.onItemClick(e,t,n),role:"presentation",tabindex:B.disabled(t)?null:"0"},[t.icon?(a(),l("span",{key:0,class:p(B.getItemIcon(t))},null,2)):b("",!0),s("span",C,h(B.label(t)),1)],8,I)),[[E]])],2)):b("",!0)],64)))),128)),s("li",w,null,512)],512)])};export{x as default};

package/tabmenu/tabmenu.js

@@ -117,7 +117,7 @@ this.primevue.tabmenu = (function (utils, Ripple, vue) {
             }
         },
         directives: {
-            'ripple': Ripple__default['default']
+            'ripple': Ripple__default["default"]
         }
     };
 
@@ -127,9 +127,11 @@ this.primevue.tabmenu = (function (utils, Ripple, vue) {
       class: "p-tabmenu-nav p-reset",
       role: "tablist"
     };
-    const _hoisted_3 = { class: "p-menuitem-text" };
+    const _hoisted_3 = ["href", "onClick"];
     const _hoisted_4 = { class: "p-menuitem-text" };
-    const _hoisted_5 = {
+    const _hoisted_5 = ["href", "target", "onClick", "tabindex"];
+    const _hoisted_6 = { class: "p-menuitem-text" };
+    const _hoisted_7 = {
       ref: "inkbar",
       class: "p-tabmenu-ink-bar"
     };
@@ -138,10 +140,10 @@ this.primevue.tabmenu = (function (utils, Ripple, vue) {
       const _component_router_link = vue.resolveComponent("router-link");
       const _directive_ripple = vue.resolveDirective("ripple");
 
-      return (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
-        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, {
+      return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("ul", _hoisted_2, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.model, (item, i) => {
+            return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
               key: $options.label(item) + '_' + i.toString()
             }, [
               (item.to && !$options.disabled(item))
@@ -152,14 +154,14 @@ this.primevue.tabmenu = (function (utils, Ripple, vue) {
                   }, {
                     default: vue.withCtx(({navigate, href, isActive, isExactActive}) => [
                       ($options.visible(item))
-                        ? (vue.openBlock(), vue.createBlock("li", {
+                        ? (vue.openBlock(), vue.createElementBlock("li", {
                             key: 0,
-                            class: $options.getRouteItemClass(item,isActive,isExactActive),
-                            style: item.style,
+                            class: vue.normalizeClass($options.getRouteItemClass(item,isActive,isExactActive)),
+                            style: vue.normalizeStyle(item.style),
                             role: "tab"
                           }, [
                             (!_ctx.$slots.item)
-                              ? vue.withDirectives((vue.openBlock(), vue.createBlock("a", {
+                              ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
                                   key: 0,
                                   href: href,
                                   class: "p-menuitem-link",
@@ -167,13 +169,13 @@ this.primevue.tabmenu = (function (utils, Ripple, vue) {
                                   role: "presentation"
                                 }, [
                                   (item.icon)
-                                    ? (vue.openBlock(), vue.createBlock("span", {
+                                    ? (vue.openBlock(), vue.createElementBlock("span", {
                                         key: 0,
-                                        class: $options.getItemIcon(item)
+                                        class: vue.normalizeClass($options.getItemIcon(item))
                                       }, null, 2))
                                     : vue.createCommentVNode("", true),
-                                  vue.createVNode("span", _hoisted_3, vue.toDisplayString($options.label(item)), 1)
-                                ], 8, ["href", "onClick"])), [
+                                  vue.createElementVNode("span", _hoisted_4, vue.toDisplayString($options.label(item)), 1)
+                                ], 8, _hoisted_3)), [
                                   [_directive_ripple]
                                 ])
                               : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.item), {
@@ -186,13 +188,13 @@ this.primevue.tabmenu = (function (utils, Ripple, vue) {
                     _: 2
                   }, 1032, ["to"]))
                 : ($options.visible(item))
-                  ? (vue.openBlock(), vue.createBlock("li", {
+                  ? (vue.openBlock(), vue.createElementBlock("li", {
                       key: 1,
-                      class: $options.getItemClass(item, i),
+                      class: vue.normalizeClass($options.getItemClass(item, i)),
                       role: "tab"
                     }, [
                       (!_ctx.$slots.item)
-                        ? vue.withDirectives((vue.openBlock(), vue.createBlock("a", {
+                        ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
                             key: 0,
                             href: item.url,
                             class: "p-menuitem-link",
@@ -202,13 +204,13 @@ this.primevue.tabmenu = (function (utils, Ripple, vue) {
                             tabindex: $options.disabled(item) ? null : '0'
                           }, [
                             (item.icon)
-                              ? (vue.openBlock(), vue.createBlock("span", {
+                              ? (vue.openBlock(), vue.createElementBlock("span", {
                                   key: 0,
-                                  class: $options.getItemIcon(item)
+                                  class: vue.normalizeClass($options.getItemIcon(item))
                                 }, null, 2))
                               : vue.createCommentVNode("", true),
-                            vue.createVNode("span", _hoisted_4, vue.toDisplayString($options.label(item)), 1)
-                          ], 8, ["href", "target", "onClick", "tabindex"])), [
+                            vue.createElementVNode("span", _hoisted_6, vue.toDisplayString($options.label(item)), 1)
+                          ], 8, _hoisted_5)), [
                             [_directive_ripple]
                           ])
                         : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.item), {
@@ -219,7 +221,7 @@ this.primevue.tabmenu = (function (utils, Ripple, vue) {
                   : vue.createCommentVNode("", true)
             ], 64))
           }), 128)),
-          vue.createVNode("li", _hoisted_5, null, 512)
+          vue.createElementVNode("li", _hoisted_7, null, 512)
         ], 512)
       ]))
     }
@@ -258,4 +260,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 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);
+this.primevue=this.primevue||{},this.primevue.tabmenu=function(e,t,n){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={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,l){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&l&&l(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 l=0;l<t.length;l++){let i=t[l];e.DomHandler.hasClass(i,"p-highlight")&&(this.$refs.inkbar.style.width=e.DomHandler.getWidth(i)+"px",this.$refs.inkbar.style.left=e.DomHandler.getOffset(i).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:l(t).default}};const a={class:"p-tabmenu p-component"},o={ref:"nav",class:"p-tabmenu-nav p-reset",role:"tablist"},s=["href","onClick"],r={class:"p-menuitem-text"},c=["href","target","onClick","tabindex"],m={class:"p-menuitem-text"},d={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 l=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&l.firstChild?l.insertBefore(i,l.firstChild):l.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.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"),i.render=function(e,t,l,i,p,u){const b=n.resolveComponent("router-link"),h=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",a,[n.createElementVNode("ul",o,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(l.model,((t,l)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:u.label(t)+"_"+l.toString()},[t.to&&!u.disabled(t)?(n.openBlock(),n.createBlock(b,{key:0,to:t.to,custom:""},{default:n.withCtx((({navigate:i,href:a,isActive:o,isExactActive:c})=>[u.visible(t)?(n.openBlock(),n.createElementBlock("li",{key:0,class:n.normalizeClass(u.getRouteItemClass(t,o,c)),style:n.normalizeStyle(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.createElementBlock("a",{key:0,href:a,class:"p-menuitem-link",onClick:e=>u.onItemClick(e,t,l,i),role:"presentation"},[t.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(u.getItemIcon(t))},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",r,n.toDisplayString(u.label(t)),1)],8,s)),[[h]])],6)):n.createCommentVNode("",!0)])),_:2},1032,["to"])):u.visible(t)?(n.openBlock(),n.createElementBlock("li",{key:1,class:n.normalizeClass(u.getItemClass(t,l)),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.createElementBlock("a",{key:0,href:t.url,class:"p-menuitem-link",target:t.target,onClick:e=>u.onItemClick(e,t,l),role:"presentation",tabindex:u.disabled(t)?null:"0"},[t.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(u.getItemIcon(t))},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",m,n.toDisplayString(u.label(t)),1)],8,c)),[[h]])],2)):n.createCommentVNode("",!0)],64)))),128)),n.createElementVNode("li",d,null,512)],512)])},i}(primevue.utils,primevue.ripple,Vue);

package/tabpanel/tabpanel.esm.js

@@ -14,4 +14,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
 script.render = render;
 
-export default script;
+export { script as default };

package/tabpanel/tabpanel.esm.min.js

@@ -1 +1 @@
-import{renderSlot as e}from"vue";var r={name:"TabPanel",props:{header:null,disabled:Boolean}};r.render=function(r,a,l,n,o,t){return e(r.$slots,"default")};export default r;
+import{renderSlot as e}from"vue";var a={name:"TabPanel",props:{header:null,disabled:Boolean}};a.render=function(a,r,l,n,o,t){return e(a.$slots,"default")};export{a as default};

package/tabpanel/tabpanel.js

@@ -18,4 +18,4 @@ this.primevue.tabpanel = (function (vue) {
 
     return script;
 
-}(Vue));
+})(Vue);

package/tabview/tabview.cjs.js

@@ -149,28 +149,35 @@ var script = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 
 const _hoisted_1 = { class: "p-tabview-nav-container" };
-const _hoisted_2 = /*#__PURE__*/vue.createVNode("span", { class: "pi pi-chevron-left" }, null, -1);
-const _hoisted_3 = {
+const _hoisted_2 = /*#__PURE__*/vue.createElementVNode("span", { class: "pi pi-chevron-left" }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _hoisted_4 = {
   ref: "nav",
   class: "p-tabview-nav",
   role: "tablist"
 };
-const _hoisted_4 = {
+const _hoisted_5 = ["onClick", "onKeydown", "tabindex", "aria-selected"];
+const _hoisted_6 = {
   key: 0,
   class: "p-tabview-title"
 };
-const _hoisted_5 = {
+const _hoisted_7 = {
   ref: "inkbar",
   class: "p-tabview-ink-bar"
 };
-const _hoisted_6 = /*#__PURE__*/vue.createVNode("span", { class: "pi pi-chevron-right" }, null, -1);
-const _hoisted_7 = { class: "p-tabview-panels" };
-const _hoisted_8 = {
+const _hoisted_8 = /*#__PURE__*/vue.createElementVNode("span", { class: "pi pi-chevron-right" }, null, -1);
+const _hoisted_9 = [
+  _hoisted_8
+];
+const _hoisted_10 = { class: "p-tabview-panels" };
+const _hoisted_11 = {
   key: 0,
   class: "p-tabview-panel",
   role: "tabpanel"
@@ -179,34 +186,34 @@ const _hoisted_8 = {
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = vue.resolveDirective("ripple");
 
-  return (vue.openBlock(), vue.createBlock("div", { class: $options.contentClasses }, [
-    vue.createVNode("div", _hoisted_1, [
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass($options.contentClasses)
+  }, [
+    vue.createElementVNode("div", _hoisted_1, [
       ($props.scrollable && !$data.backwardIsDisabled)
-        ? vue.withDirectives((vue.openBlock(), vue.createBlock("button", {
+        ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
             key: 0,
             ref: "prevBtn",
-            class: $options.prevButtonClasses,
-            onClick: _cache[1] || (_cache[1] = (...args) => ($options.navBackward && $options.navBackward(...args))),
+            class: vue.normalizeClass($options.prevButtonClasses),
+            onClick: _cache[0] || (_cache[0] = (...args) => ($options.navBackward && $options.navBackward(...args))),
             type: "button"
-          }, [
-            _hoisted_2
-          ], 2)), [
+          }, _hoisted_3, 2)), [
             [_directive_ripple]
           ])
         : vue.createCommentVNode("", true),
-      vue.createVNode("div", {
+      vue.createElementVNode("div", {
         ref: "content",
         class: "p-tabview-nav-content",
-        onScroll: _cache[2] || (_cache[2] = (...args) => ($options.onScroll && $options.onScroll(...args)))
+        onScroll: _cache[1] || (_cache[1] = (...args) => ($options.onScroll && $options.onScroll(...args)))
       }, [
-        vue.createVNode("ul", _hoisted_3, [
-          (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($options.tabs, (tab, i) => {
-            return (vue.openBlock(), vue.createBlock("li", {
+        vue.createElementVNode("ul", _hoisted_4, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.tabs, (tab, i) => {
+            return (vue.openBlock(), vue.createElementBlock("li", {
               role: "presentation",
               key: $options.getKey(tab,i),
-              class: [{'p-highlight': ($data.d_activeIndex === i), 'p-disabled': $options.isTabDisabled(tab)}]
+              class: vue.normalizeClass([{'p-highlight': ($data.d_activeIndex === i), 'p-disabled': $options.isTabDisabled(tab)}])
             }, [
-              vue.withDirectives(vue.createVNode("a", {
+              vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
                 role: "tab",
                 class: "p-tabview-nav-link",
                 onClick: $event => ($options.onTabClick($event, i)),
@@ -215,40 +222,38 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 "aria-selected": $data.d_activeIndex === i
               }, [
                 (tab.props && tab.props.header)
-                  ? (vue.openBlock(), vue.createBlock("span", _hoisted_4, vue.toDisplayString(tab.props.header), 1))
+                  ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, vue.toDisplayString(tab.props.header), 1))
                   : vue.createCommentVNode("", true),
                 (tab.children && tab.children.header)
                   ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tab.children.header), { key: 1 }))
                   : vue.createCommentVNode("", true)
-              ], 40, ["onClick", "onKeydown", "tabindex", "aria-selected"]), [
+              ], 40, _hoisted_5)), [
                 [_directive_ripple]
               ])
             ], 2))
           }), 128)),
-          vue.createVNode("li", _hoisted_5, null, 512)
+          vue.createElementVNode("li", _hoisted_7, null, 512)
         ], 512)
       ], 544),
       ($props.scrollable && !$data.forwardIsDisabled)
-        ? vue.withDirectives((vue.openBlock(), vue.createBlock("button", {
+        ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
             key: 1,
             ref: "nextBtn",
-            class: $options.nextButtonClasses,
-            onClick: _cache[3] || (_cache[3] = (...args) => ($options.navForward && $options.navForward(...args))),
+            class: vue.normalizeClass($options.nextButtonClasses),
+            onClick: _cache[2] || (_cache[2] = (...args) => ($options.navForward && $options.navForward(...args))),
             type: "button"
-          }, [
-            _hoisted_6
-          ], 2)), [
+          }, _hoisted_9, 2)), [
             [_directive_ripple]
           ])
         : vue.createCommentVNode("", true)
     ]),
-    vue.createVNode("div", _hoisted_7, [
-      (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($options.tabs, (tab, i) => {
-        return (vue.openBlock(), vue.createBlock(vue.Fragment, {
+    vue.createElementVNode("div", _hoisted_10, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.tabs, (tab, i) => {
+        return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: $options.getKey(tab,i)
         }, [
           ($props.lazy ? ($data.d_activeIndex === i) : true)
-            ? vue.withDirectives((vue.openBlock(), vue.createBlock("div", _hoisted_8, [
+            ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tab)))
               ], 512)), [
                 [vue.vShow, $props.lazy ? true: ($data.d_activeIndex === i)]