primevue 3.47.2 → 3.48.0

package/steps/style/stepsstyle.esm.js

@@ -1,6 +1,5 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-steps {\n        position: relative;\n    }\n\n    .p-steps .p-steps-list {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n        overflow: hidden;\n    }\n\n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .p-steps.p-steps-readonly .p-steps-item {\n        cursor: auto;\n    }\n\n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n\n    .p-steps-title {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-steps-title {\n        display: block;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -24,7 +23,6 @@ var classes = {
 };
 var StepsStyle = BaseStyle.extend({
   name: 'steps',
-  css: css,
   classes: classes
 });
 

package/steps/style/stepsstyle.esm.min.js

@@ -1 +1 @@
-import e from"primevue/base/style";var n=e.extend({name:"steps",css:"\n@layer primevue {\n    .p-steps {\n        position: relative;\n    }\n\n    .p-steps .p-steps-list {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n        overflow: hidden;\n    }\n\n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .p-steps.p-steps-readonly .p-steps-item {\n        cursor: auto;\n    }\n\n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n\n    .p-steps-title {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-steps-title {\n        display: block;\n    }\n}\n",classes:{root:function(e){return["p-steps p-component",{"p-readonly":e.props.readonly}]},menu:"p-steps-list",menuitem:function(e){var n=e.instance,t=e.item,s=e.index;return["p-steps-item",{"p-highlight p-steps-current":n.isActive(s),"p-disabled":n.isItemDisabled(t,s)}]},action:"p-menuitem-link",step:"p-steps-number",label:"p-steps-title"}});export{n as default};
+import e from"primevue/base/style";var t=e.extend({name:"steps",classes:{root:function(e){return["p-steps p-component",{"p-readonly":e.props.readonly}]},menu:"p-steps-list",menuitem:function(e){var t=e.instance,s=e.item,p=e.index;return["p-steps-item",{"p-highlight p-steps-current":t.isActive(p),"p-disabled":t.isItemDisabled(s,p)}]},action:"p-menuitem-link",step:"p-steps-number",label:"p-steps-title"}});export{t as default};

package/steps/style/stepsstyle.js

@@ -7,7 +7,6 @@ this.primevue.steps.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-steps {\n        position: relative;\n    }\n\n    .p-steps .p-steps-list {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n        overflow: hidden;\n    }\n\n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .p-steps.p-steps-readonly .p-steps-item {\n        cursor: auto;\n    }\n\n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n\n    .p-steps-title {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-steps-title {\n        display: block;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -31,7 +30,6 @@ this.primevue.steps.style = (function (BaseStyle) {
     };
     var StepsStyle = BaseStyle__default["default"].extend({
       name: 'steps',
-      css: css,
       classes: classes
     });
 

package/steps/style/stepsstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.steps=this.primevue.steps||{},this.primevue.steps.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"steps",css:"\n@layer primevue {\n    .p-steps {\n        position: relative;\n    }\n\n    .p-steps .p-steps-list {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n        overflow: hidden;\n    }\n\n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .p-steps.p-steps-readonly .p-steps-item {\n        cursor: auto;\n    }\n\n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n\n    .p-steps-title {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-steps-title {\n        display: block;\n    }\n}\n",classes:{root:function(e){return["p-steps p-component",{"p-readonly":e.props.readonly}]},menu:"p-steps-list",menuitem:function(e){var n=e.instance,t=e.item,s=e.index;return["p-steps-item",{"p-highlight p-steps-current":n.isActive(s),"p-disabled":n.isItemDisabled(t,s)}]},action:"p-menuitem-link",step:"p-steps-number",label:"p-steps-title"}})}();
+this.primevue=this.primevue||{},this.primevue.steps=this.primevue.steps||{},this.primevue.steps.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"steps",classes:{root:function(e){return["p-steps p-component",{"p-readonly":e.props.readonly}]},menu:"p-steps-list",menuitem:function(e){var t=e.instance,s=e.item,i=e.index;return["p-steps-item",{"p-highlight p-steps-current":t.isActive(i),"p-disabled":t.isItemDisabled(s,i)}]},action:"p-menuitem-link",step:"p-steps-number",label:"p-steps-title"}})}();

package/tabmenu/TabMenu.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" v-bind="ptm('root')" data-pc-name="tabmenu">
+    <div :class="cx('root')" v-bind="ptm('root')">
         <ul ref="nav" :class="cx('menu')" role="menubar" :aria-labelledby="ariaLabelledby" :aria-label="ariaLabel" v-bind="ptm('menu')">
             <template v-for="(item, i) of model" :key="label(item) + '_' + i.toString()">
                 <li

package/tabmenu/style/tabmenustyle.cjs.js

@@ -6,7 +6,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-var css = "\n@layer primevue {\n    .p-tabmenu {\n        overflow-x: auto;\n    }\n\n    .p-tabmenu-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex-wrap: nowrap;\n    }\n\n    .p-tabmenu-nav a {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabmenu-nav a:focus {\n        z-index: 1;\n    }\n\n    .p-tabmenu-nav .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tabmenu-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabmenu::-webkit-scrollbar {\n        display: none;\n    }\n}\n";
 var classes = {
   root: 'p-tabmenu p-component',
   menu: 'p-tabmenu-nav p-reset',
@@ -26,7 +25,6 @@ var classes = {
 };
 var TabMenuStyle = BaseStyle__default["default"].extend({
   name: 'tabmenu',
-  css: css,
   classes: classes
 });
 

package/tabmenu/style/tabmenustyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=n(require("primevue/base/style")).default.extend({name:"tabmenu",css:"\n@layer primevue {\n    .p-tabmenu {\n        overflow-x: auto;\n    }\n\n    .p-tabmenu-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex-wrap: nowrap;\n    }\n\n    .p-tabmenu-nav a {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabmenu-nav a:focus {\n        z-index: 1;\n    }\n\n    .p-tabmenu-nav .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tabmenu-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabmenu::-webkit-scrollbar {\n        display: none;\n    }\n}\n",classes:{root:"p-tabmenu p-component",menu:"p-tabmenu-nav p-reset",menuitem:function(n){var e=n.instance;return["p-tabmenuitem",{"p-highlight":e.d_activeIndex===n.index,"p-disabled":e.disabled(n.item)}]},action:"p-menuitem-link",icon:"p-menuitem-icon",label:"p-menuitem-text",inkbar:"p-tabmenu-ink-bar"}});module.exports=e;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"tabmenu",classes:{root:"p-tabmenu p-component",menu:"p-tabmenu-nav p-reset",menuitem:function(e){var t=e.instance;return["p-tabmenuitem",{"p-highlight":t.d_activeIndex===e.index,"p-disabled":t.disabled(e.item)}]},action:"p-menuitem-link",icon:"p-menuitem-icon",label:"p-menuitem-text",inkbar:"p-tabmenu-ink-bar"}});module.exports=t;

package/tabmenu/style/tabmenustyle.esm.js

@@ -1,6 +1,5 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-tabmenu {\n        overflow-x: auto;\n    }\n\n    .p-tabmenu-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex-wrap: nowrap;\n    }\n\n    .p-tabmenu-nav a {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabmenu-nav a:focus {\n        z-index: 1;\n    }\n\n    .p-tabmenu-nav .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tabmenu-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabmenu::-webkit-scrollbar {\n        display: none;\n    }\n}\n";
 var classes = {
   root: 'p-tabmenu p-component',
   menu: 'p-tabmenu-nav p-reset',
@@ -20,7 +19,6 @@ var classes = {
 };
 var TabMenuStyle = BaseStyle.extend({
   name: 'tabmenu',
-  css: css,
   classes: classes
 });
 

package/tabmenu/style/tabmenustyle.esm.min.js

@@ -1 +1 @@
-import n from"primevue/base/style";var e=n.extend({name:"tabmenu",css:"\n@layer primevue {\n    .p-tabmenu {\n        overflow-x: auto;\n    }\n\n    .p-tabmenu-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex-wrap: nowrap;\n    }\n\n    .p-tabmenu-nav a {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabmenu-nav a:focus {\n        z-index: 1;\n    }\n\n    .p-tabmenu-nav .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tabmenu-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabmenu::-webkit-scrollbar {\n        display: none;\n    }\n}\n",classes:{root:"p-tabmenu p-component",menu:"p-tabmenu-nav p-reset",menuitem:function(n){var e=n.instance;return["p-tabmenuitem",{"p-highlight":e.d_activeIndex===n.index,"p-disabled":e.disabled(n.item)}]},action:"p-menuitem-link",icon:"p-menuitem-icon",label:"p-menuitem-text",inkbar:"p-tabmenu-ink-bar"}});export{e as default};
+import e from"primevue/base/style";var n=e.extend({name:"tabmenu",classes:{root:"p-tabmenu p-component",menu:"p-tabmenu-nav p-reset",menuitem:function(e){var n=e.instance;return["p-tabmenuitem",{"p-highlight":n.d_activeIndex===e.index,"p-disabled":n.disabled(e.item)}]},action:"p-menuitem-link",icon:"p-menuitem-icon",label:"p-menuitem-text",inkbar:"p-tabmenu-ink-bar"}});export{n as default};

package/tabmenu/style/tabmenustyle.js

@@ -7,7 +7,6 @@ this.primevue.tabmenu.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-tabmenu {\n        overflow-x: auto;\n    }\n\n    .p-tabmenu-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex-wrap: nowrap;\n    }\n\n    .p-tabmenu-nav a {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabmenu-nav a:focus {\n        z-index: 1;\n    }\n\n    .p-tabmenu-nav .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tabmenu-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabmenu::-webkit-scrollbar {\n        display: none;\n    }\n}\n";
     var classes = {
       root: 'p-tabmenu p-component',
       menu: 'p-tabmenu-nav p-reset',
@@ -27,7 +26,6 @@ this.primevue.tabmenu.style = (function (BaseStyle) {
     };
     var TabMenuStyle = BaseStyle__default["default"].extend({
       name: 'tabmenu',
-      css: css,
       classes: classes
     });
 

package/tabmenu/style/tabmenustyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tabmenu=this.primevue.tabmenu||{},this.primevue.tabmenu.style=function(n){"use strict";function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}return e(primevue.base.style).default.extend({name:"tabmenu",css:"\n@layer primevue {\n    .p-tabmenu {\n        overflow-x: auto;\n    }\n\n    .p-tabmenu-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex-wrap: nowrap;\n    }\n\n    .p-tabmenu-nav a {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabmenu-nav a:focus {\n        z-index: 1;\n    }\n\n    .p-tabmenu-nav .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tabmenu-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabmenu::-webkit-scrollbar {\n        display: none;\n    }\n}\n",classes:{root:"p-tabmenu p-component",menu:"p-tabmenu-nav p-reset",menuitem:function(n){var e=n.instance;return["p-tabmenuitem",{"p-highlight":e.d_activeIndex===n.index,"p-disabled":e.disabled(n.item)}]},action:"p-menuitem-link",icon:"p-menuitem-icon",label:"p-menuitem-text",inkbar:"p-tabmenu-ink-bar"}})}();
+this.primevue=this.primevue||{},this.primevue.tabmenu=this.primevue.tabmenu||{},this.primevue.tabmenu.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"tabmenu",classes:{root:"p-tabmenu p-component",menu:"p-tabmenu-nav p-reset",menuitem:function(e){var t=e.instance;return["p-tabmenuitem",{"p-highlight":t.d_activeIndex===e.index,"p-disabled":t.disabled(e.item)}]},action:"p-menuitem-link",icon:"p-menuitem-icon",label:"p-menuitem-text",inkbar:"p-tabmenu-ink-bar"}})}();

package/tabmenu/tabmenu.cjs.js

@@ -245,9 +245,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_ripple = vue.resolveDirective("ripple");
   return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "tabmenu"
-  }), [vue.createElementVNode("ul", vue.mergeProps({
+  }, _ctx.ptm('root')), [vue.createElementVNode("ul", vue.mergeProps({
     ref: "nav",
     "class": _ctx.cx('menu'),
     role: "menubar",

package/tabmenu/tabmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/ripple"),t=require("primevue/utils"),n=require("vue"),i=require("primevue/basecomponent"),a=require("primevue/tabmenu/style");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e),o={name:"TabMenu",extends:{name:"BaseTabMenu",extends:r(i).default,props:{model:{type:Array,default:null},activeIndex:{type:Number,default:0},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:r(a).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change"],timeout:null,data:function(){return{d_activeIndex:this.activeIndex}},watch:{activeIndex:function(e){this.d_activeIndex=e}},mounted:function(){this.updateInkBar();var e=this.findActiveItem();e&&(e.tabIndex="0")},updated:function(){this.updateInkBar()},beforeUnmount:function(){clearTimeout(this.timeout)},methods:{getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n}})},onItemClick:function(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),n!==this.d_activeIndex&&(this.d_activeIndex=n,this.$emit("update:activeIndex",this.d_activeIndex)),this.$emit("tab-change",{originalEvent:e,index:n}))},onKeydownItem:function(e,t,n){switch(e.code){case"ArrowRight":this.navigateToNextItem(e.target),e.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(e.target),e.preventDefault();break;case"Home":this.navigateToFirstItem(e.target),e.preventDefault();break;case"End":this.navigateToLastItem(e.target),e.preventDefault();break;case"Space":case"NumpadEnter":case"Enter":this.onItemClick(e,t,n),e.preventDefault();break;case"Tab":this.onTabKey()}},navigateToNextItem:function(e){var t=this.findNextItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToPrevItem:function(e){var t=this.findPrevItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToFirstItem:function(e){var t=this.findFirstItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToLastItem:function(e){var t=this.findLastItem(e);t&&this.setFocusToMenuitem(e,t)},findNextItem:function(e){var n=e.parentElement.nextElementSibling;return n?!0===t.DomHandler.getAttribute(n,"data-p-disabled")?this.findNextItem(n.children[0]):n.children[0]:null},findPrevItem:function(e){var n=e.parentElement.previousElementSibling;return n?!0===t.DomHandler.getAttribute(n,"data-p-disabled")?this.findPrevItem(n.children[0]):n.children[0]:null},findFirstItem:function(){var e=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e.children[0]:null},findLastItem:function(){var e=t.DomHandler.find(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e[e.length-1].children[0]:null},findActiveItem:function(){var e=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]');return e?e.children[0]:null},setFocusToMenuitem:function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},onTabKey:function(){var e=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]'),n=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="action"][tabindex="0"]');n!==e.children[0]&&(e&&(e.children[0].tabIndex="0"),n.tabIndex="-1")},visible:function(e){return"function"==typeof e.visible?e.visible():!1!==e.visible},disabled:function(e){return"function"==typeof e.disabled?e.disabled():!0===e.disabled},label:function(e){return"function"==typeof e.label?e.label():e.label},updateInkBar:function(){for(var e=this.$refs.nav.children,n=!1,i=0;i<e.length;i++){var a=e[i];t.DomHandler.getAttribute(a,"data-p-highlight")&&(this.$refs.inkbar.style.width=t.DomHandler.getWidth(a)+"px",this.$refs.inkbar.style.left=t.DomHandler.getOffset(a).left-t.DomHandler.getOffset(this.$refs.nav).left+"px",n=!0)}n||(this.$refs.inkbar.style.width="0px",this.$refs.inkbar.style.left="0px")},getMenuItemProps:function(e,t){var i=this;return{action:n.mergeProps({class:this.cx("action"),tabindex:-1,onClick:function(n){return i.onItemClick(n,e,t)},onKeyDown:function(n){return i.onKeydownItem(n,e,t)}},this.getPTOptions("action",e,t)),icon:n.mergeProps({class:[this.cx("icon"),e.icon]},this.getPTOptions("icon",e,t)),label:n.mergeProps({class:this.cx("label")},this.getPTOptions("label",e,t))}}},directives:{ripple:l.default}},s=["aria-labelledby","aria-label"],c=["onClick","onKeydown","data-p-highlight","data-p-disabled"],d=["href","target","aria-label","aria-disabled"];o.render=function(e,t,i,a,r,l){var o=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",n.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tabmenu"}),[n.createElementVNode("ul",n.mergeProps({ref:"nav",class:e.cx("menu"),role:"menubar","aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},e.ptm("menu")),[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.model,(function(t,i){return n.openBlock(),n.createElementBlock(n.Fragment,{key:l.label(t)+"_"+i.toString()},[l.visible(t)?(n.openBlock(),n.createElementBlock("li",n.mergeProps({key:0,ref_for:!0,ref:"tab",class:[e.cx("menuitem",{item:t,index:i}),t.class],role:"presentation",onClick:function(e){return l.onItemClick(e,t,i)},onKeydown:function(e){return l.onKeydownItem(e,t,i)}},l.getPTOptions("menuitem",t,i),{"data-p-highlight":r.d_activeIndex===i,"data-p-disabled":l.disabled(t)}),[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t,index:i,active:i===r.d_activeIndex,label:l.label(t),props:l.getMenuItemProps(t,i)},null,8,["item","index","active","label","props"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",n.mergeProps({key:0,ref_for:!0,ref:"tabLink",role:"menuitem",href:t.url,class:e.cx("action"),target:t.target,"aria-label":l.label(t),"aria-disabled":l.disabled(t),tabindex:-1},l.getPTOptions("action",t,i)),[e.$slots.itemicon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.itemicon),{key:0,item:t,class:n.normalizeClass([e.cx("icon"),t.icon])},null,8,["item","class"])):t.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:1,class:[e.cx("icon"),t.icon]},l.getPTOptions("icon",t,i)),null,16)):n.createCommentVNode("",!0),n.createElementVNode("span",n.mergeProps({class:e.cx("label")},l.getPTOptions("label",t,i)),n.toDisplayString(l.label(t)),17)],16,d)),[[o]])],16,c)):n.createCommentVNode("",!0)],64)})),128)),n.createElementVNode("li",n.mergeProps({ref:"inkbar",role:"none",class:e.cx("inkbar")},e.ptm("inkbar")),null,16)],16,s)],16)},module.exports=o;
+"use strict";var e=require("primevue/ripple"),t=require("primevue/utils"),n=require("vue"),i=require("primevue/basecomponent"),a=require("primevue/tabmenu/style");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e),o={name:"TabMenu",extends:{name:"BaseTabMenu",extends:r(i).default,props:{model:{type:Array,default:null},activeIndex:{type:Number,default:0},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:r(a).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change"],timeout:null,data:function(){return{d_activeIndex:this.activeIndex}},watch:{activeIndex:function(e){this.d_activeIndex=e}},mounted:function(){this.updateInkBar();var e=this.findActiveItem();e&&(e.tabIndex="0")},updated:function(){this.updateInkBar()},beforeUnmount:function(){clearTimeout(this.timeout)},methods:{getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n}})},onItemClick:function(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),n!==this.d_activeIndex&&(this.d_activeIndex=n,this.$emit("update:activeIndex",this.d_activeIndex)),this.$emit("tab-change",{originalEvent:e,index:n}))},onKeydownItem:function(e,t,n){switch(e.code){case"ArrowRight":this.navigateToNextItem(e.target),e.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(e.target),e.preventDefault();break;case"Home":this.navigateToFirstItem(e.target),e.preventDefault();break;case"End":this.navigateToLastItem(e.target),e.preventDefault();break;case"Space":case"NumpadEnter":case"Enter":this.onItemClick(e,t,n),e.preventDefault();break;case"Tab":this.onTabKey()}},navigateToNextItem:function(e){var t=this.findNextItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToPrevItem:function(e){var t=this.findPrevItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToFirstItem:function(e){var t=this.findFirstItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToLastItem:function(e){var t=this.findLastItem(e);t&&this.setFocusToMenuitem(e,t)},findNextItem:function(e){var n=e.parentElement.nextElementSibling;return n?!0===t.DomHandler.getAttribute(n,"data-p-disabled")?this.findNextItem(n.children[0]):n.children[0]:null},findPrevItem:function(e){var n=e.parentElement.previousElementSibling;return n?!0===t.DomHandler.getAttribute(n,"data-p-disabled")?this.findPrevItem(n.children[0]):n.children[0]:null},findFirstItem:function(){var e=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e.children[0]:null},findLastItem:function(){var e=t.DomHandler.find(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e[e.length-1].children[0]:null},findActiveItem:function(){var e=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]');return e?e.children[0]:null},setFocusToMenuitem:function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},onTabKey:function(){var e=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]'),n=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="action"][tabindex="0"]');n!==e.children[0]&&(e&&(e.children[0].tabIndex="0"),n.tabIndex="-1")},visible:function(e){return"function"==typeof e.visible?e.visible():!1!==e.visible},disabled:function(e){return"function"==typeof e.disabled?e.disabled():!0===e.disabled},label:function(e){return"function"==typeof e.label?e.label():e.label},updateInkBar:function(){for(var e=this.$refs.nav.children,n=!1,i=0;i<e.length;i++){var a=e[i];t.DomHandler.getAttribute(a,"data-p-highlight")&&(this.$refs.inkbar.style.width=t.DomHandler.getWidth(a)+"px",this.$refs.inkbar.style.left=t.DomHandler.getOffset(a).left-t.DomHandler.getOffset(this.$refs.nav).left+"px",n=!0)}n||(this.$refs.inkbar.style.width="0px",this.$refs.inkbar.style.left="0px")},getMenuItemProps:function(e,t){var i=this;return{action:n.mergeProps({class:this.cx("action"),tabindex:-1,onClick:function(n){return i.onItemClick(n,e,t)},onKeyDown:function(n){return i.onKeydownItem(n,e,t)}},this.getPTOptions("action",e,t)),icon:n.mergeProps({class:[this.cx("icon"),e.icon]},this.getPTOptions("icon",e,t)),label:n.mergeProps({class:this.cx("label")},this.getPTOptions("label",e,t))}}},directives:{ripple:l.default}},s=["aria-labelledby","aria-label"],c=["onClick","onKeydown","data-p-highlight","data-p-disabled"],d=["href","target","aria-label","aria-disabled"];o.render=function(e,t,i,a,r,l){var o=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",n.mergeProps({class:e.cx("root")},e.ptm("root")),[n.createElementVNode("ul",n.mergeProps({ref:"nav",class:e.cx("menu"),role:"menubar","aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},e.ptm("menu")),[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.model,(function(t,i){return n.openBlock(),n.createElementBlock(n.Fragment,{key:l.label(t)+"_"+i.toString()},[l.visible(t)?(n.openBlock(),n.createElementBlock("li",n.mergeProps({key:0,ref_for:!0,ref:"tab",class:[e.cx("menuitem",{item:t,index:i}),t.class],role:"presentation",onClick:function(e){return l.onItemClick(e,t,i)},onKeydown:function(e){return l.onKeydownItem(e,t,i)}},l.getPTOptions("menuitem",t,i),{"data-p-highlight":r.d_activeIndex===i,"data-p-disabled":l.disabled(t)}),[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t,index:i,active:i===r.d_activeIndex,label:l.label(t),props:l.getMenuItemProps(t,i)},null,8,["item","index","active","label","props"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",n.mergeProps({key:0,ref_for:!0,ref:"tabLink",role:"menuitem",href:t.url,class:e.cx("action"),target:t.target,"aria-label":l.label(t),"aria-disabled":l.disabled(t),tabindex:-1},l.getPTOptions("action",t,i)),[e.$slots.itemicon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.itemicon),{key:0,item:t,class:n.normalizeClass([e.cx("icon"),t.icon])},null,8,["item","class"])):t.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:1,class:[e.cx("icon"),t.icon]},l.getPTOptions("icon",t,i)),null,16)):n.createCommentVNode("",!0),n.createElementVNode("span",n.mergeProps({class:e.cx("label")},l.getPTOptions("label",t,i)),n.toDisplayString(l.label(t)),17)],16,d)),[[o]])],16,c)):n.createCommentVNode("",!0)],64)})),128)),n.createElementVNode("li",n.mergeProps({ref:"inkbar",role:"none",class:e.cx("inkbar")},e.ptm("inkbar")),null,16)],16,s)],16)},module.exports=o;

package/tabmenu/tabmenu.esm.js

@@ -237,9 +237,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_ripple = resolveDirective("ripple");
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "tabmenu"
-  }), [createElementVNode("ul", mergeProps({
+  }, _ctx.ptm('root')), [createElementVNode("ul", mergeProps({
     ref: "nav",
     "class": _ctx.cx('menu'),
     role: "menubar",

package/tabmenu/tabmenu.esm.min.js

@@ -1 +1 @@
-import e from"primevue/ripple";import{DomHandler as t}from"primevue/utils";import{mergeProps as i,resolveDirective as n,openBlock as a,createElementBlock as r,createElementVNode as l,Fragment as s,renderList as o,withDirectives as d,createBlock as c,resolveDynamicComponent as u,normalizeClass as m,createCommentVNode as f,toDisplayString as b}from"vue";import p from"primevue/basecomponent";import h from"primevue/tabmenu/style";var v={name:"TabMenu",extends:{name:"BaseTabMenu",extends:p,props:{model:{type:Array,default:null},activeIndex:{type:Number,default:0},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:h,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change"],timeout:null,data:function(){return{d_activeIndex:this.activeIndex}},watch:{activeIndex:function(e){this.d_activeIndex=e}},mounted:function(){this.updateInkBar();var e=this.findActiveItem();e&&(e.tabIndex="0")},updated:function(){this.updateInkBar()},beforeUnmount:function(){clearTimeout(this.timeout)},methods:{getPTOptions:function(e,t,i){return this.ptm(e,{context:{item:t,index:i}})},onItemClick:function(e,t,i){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),i!==this.d_activeIndex&&(this.d_activeIndex=i,this.$emit("update:activeIndex",this.d_activeIndex)),this.$emit("tab-change",{originalEvent:e,index:i}))},onKeydownItem:function(e,t,i){switch(e.code){case"ArrowRight":this.navigateToNextItem(e.target),e.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(e.target),e.preventDefault();break;case"Home":this.navigateToFirstItem(e.target),e.preventDefault();break;case"End":this.navigateToLastItem(e.target),e.preventDefault();break;case"Space":case"NumpadEnter":case"Enter":this.onItemClick(e,t,i),e.preventDefault();break;case"Tab":this.onTabKey()}},navigateToNextItem:function(e){var t=this.findNextItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToPrevItem:function(e){var t=this.findPrevItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToFirstItem:function(e){var t=this.findFirstItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToLastItem:function(e){var t=this.findLastItem(e);t&&this.setFocusToMenuitem(e,t)},findNextItem:function(e){var i=e.parentElement.nextElementSibling;return i?!0===t.getAttribute(i,"data-p-disabled")?this.findNextItem(i.children[0]):i.children[0]:null},findPrevItem:function(e){var i=e.parentElement.previousElementSibling;return i?!0===t.getAttribute(i,"data-p-disabled")?this.findPrevItem(i.children[0]):i.children[0]:null},findFirstItem:function(){var e=t.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e.children[0]:null},findLastItem:function(){var e=t.find(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e[e.length-1].children[0]:null},findActiveItem:function(){var e=t.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]');return e?e.children[0]:null},setFocusToMenuitem:function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},onTabKey:function(){var e=t.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]'),i=t.findSingle(this.$refs.nav,'[data-pc-section="action"][tabindex="0"]');i!==e.children[0]&&(e&&(e.children[0].tabIndex="0"),i.tabIndex="-1")},visible:function(e){return"function"==typeof e.visible?e.visible():!1!==e.visible},disabled:function(e){return"function"==typeof e.disabled?e.disabled():!0===e.disabled},label:function(e){return"function"==typeof e.label?e.label():e.label},updateInkBar:function(){for(var e=this.$refs.nav.children,i=!1,n=0;n<e.length;n++){var a=e[n];t.getAttribute(a,"data-p-highlight")&&(this.$refs.inkbar.style.width=t.getWidth(a)+"px",this.$refs.inkbar.style.left=t.getOffset(a).left-t.getOffset(this.$refs.nav).left+"px",i=!0)}i||(this.$refs.inkbar.style.width="0px",this.$refs.inkbar.style.left="0px")},getMenuItemProps:function(e,t){var n=this;return{action:i({class:this.cx("action"),tabindex:-1,onClick:function(i){return n.onItemClick(i,e,t)},onKeyDown:function(i){return n.onKeydownItem(i,e,t)}},this.getPTOptions("action",e,t)),icon:i({class:[this.cx("icon"),e.icon]},this.getPTOptions("icon",e,t)),label:i({class:this.cx("label")},this.getPTOptions("label",e,t))}}},directives:{ripple:e}},g=["aria-labelledby","aria-label"],x=["onClick","onKeydown","data-p-highlight","data-p-disabled"],I=["href","target","aria-label","aria-disabled"];v.render=function(e,t,p,h,v,y){var k=n("ripple");return a(),r("div",i({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tabmenu"}),[l("ul",i({ref:"nav",class:e.cx("menu"),role:"menubar","aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},e.ptm("menu")),[(a(!0),r(s,null,o(e.model,(function(t,n){return a(),r(s,{key:y.label(t)+"_"+n.toString()},[y.visible(t)?(a(),r("li",i({key:0,ref_for:!0,ref:"tab",class:[e.cx("menuitem",{item:t,index:n}),t.class],role:"presentation",onClick:function(e){return y.onItemClick(e,t,n)},onKeydown:function(e){return y.onKeydownItem(e,t,n)}},y.getPTOptions("menuitem",t,n),{"data-p-highlight":v.d_activeIndex===n,"data-p-disabled":y.disabled(t)}),[e.$slots.item?(a(),c(u(e.$slots.item),{key:1,item:t,index:n,active:n===v.d_activeIndex,label:y.label(t),props:y.getMenuItemProps(t,n)},null,8,["item","index","active","label","props"])):d((a(),r("a",i({key:0,ref_for:!0,ref:"tabLink",role:"menuitem",href:t.url,class:e.cx("action"),target:t.target,"aria-label":y.label(t),"aria-disabled":y.disabled(t),tabindex:-1},y.getPTOptions("action",t,n)),[e.$slots.itemicon?(a(),c(u(e.$slots.itemicon),{key:0,item:t,class:m([e.cx("icon"),t.icon])},null,8,["item","class"])):t.icon?(a(),r("span",i({key:1,class:[e.cx("icon"),t.icon]},y.getPTOptions("icon",t,n)),null,16)):f("",!0),l("span",i({class:e.cx("label")},y.getPTOptions("label",t,n)),b(y.label(t)),17)],16,I)),[[k]])],16,x)):f("",!0)],64)})),128)),l("li",i({ref:"inkbar",role:"none",class:e.cx("inkbar")},e.ptm("inkbar")),null,16)],16,g)],16)};export{v as default};
+import e from"primevue/ripple";import{DomHandler as t}from"primevue/utils";import{mergeProps as i,resolveDirective as n,openBlock as a,createElementBlock as r,createElementVNode as l,Fragment as s,renderList as o,withDirectives as d,createBlock as c,resolveDynamicComponent as u,normalizeClass as f,createCommentVNode as m,toDisplayString as b}from"vue";import p from"primevue/basecomponent";import h from"primevue/tabmenu/style";var v={name:"TabMenu",extends:{name:"BaseTabMenu",extends:p,props:{model:{type:Array,default:null},activeIndex:{type:Number,default:0},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:h,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change"],timeout:null,data:function(){return{d_activeIndex:this.activeIndex}},watch:{activeIndex:function(e){this.d_activeIndex=e}},mounted:function(){this.updateInkBar();var e=this.findActiveItem();e&&(e.tabIndex="0")},updated:function(){this.updateInkBar()},beforeUnmount:function(){clearTimeout(this.timeout)},methods:{getPTOptions:function(e,t,i){return this.ptm(e,{context:{item:t,index:i}})},onItemClick:function(e,t,i){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),i!==this.d_activeIndex&&(this.d_activeIndex=i,this.$emit("update:activeIndex",this.d_activeIndex)),this.$emit("tab-change",{originalEvent:e,index:i}))},onKeydownItem:function(e,t,i){switch(e.code){case"ArrowRight":this.navigateToNextItem(e.target),e.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(e.target),e.preventDefault();break;case"Home":this.navigateToFirstItem(e.target),e.preventDefault();break;case"End":this.navigateToLastItem(e.target),e.preventDefault();break;case"Space":case"NumpadEnter":case"Enter":this.onItemClick(e,t,i),e.preventDefault();break;case"Tab":this.onTabKey()}},navigateToNextItem:function(e){var t=this.findNextItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToPrevItem:function(e){var t=this.findPrevItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToFirstItem:function(e){var t=this.findFirstItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToLastItem:function(e){var t=this.findLastItem(e);t&&this.setFocusToMenuitem(e,t)},findNextItem:function(e){var i=e.parentElement.nextElementSibling;return i?!0===t.getAttribute(i,"data-p-disabled")?this.findNextItem(i.children[0]):i.children[0]:null},findPrevItem:function(e){var i=e.parentElement.previousElementSibling;return i?!0===t.getAttribute(i,"data-p-disabled")?this.findPrevItem(i.children[0]):i.children[0]:null},findFirstItem:function(){var e=t.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e.children[0]:null},findLastItem:function(){var e=t.find(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e[e.length-1].children[0]:null},findActiveItem:function(){var e=t.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]');return e?e.children[0]:null},setFocusToMenuitem:function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},onTabKey:function(){var e=t.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]'),i=t.findSingle(this.$refs.nav,'[data-pc-section="action"][tabindex="0"]');i!==e.children[0]&&(e&&(e.children[0].tabIndex="0"),i.tabIndex="-1")},visible:function(e){return"function"==typeof e.visible?e.visible():!1!==e.visible},disabled:function(e){return"function"==typeof e.disabled?e.disabled():!0===e.disabled},label:function(e){return"function"==typeof e.label?e.label():e.label},updateInkBar:function(){for(var e=this.$refs.nav.children,i=!1,n=0;n<e.length;n++){var a=e[n];t.getAttribute(a,"data-p-highlight")&&(this.$refs.inkbar.style.width=t.getWidth(a)+"px",this.$refs.inkbar.style.left=t.getOffset(a).left-t.getOffset(this.$refs.nav).left+"px",i=!0)}i||(this.$refs.inkbar.style.width="0px",this.$refs.inkbar.style.left="0px")},getMenuItemProps:function(e,t){var n=this;return{action:i({class:this.cx("action"),tabindex:-1,onClick:function(i){return n.onItemClick(i,e,t)},onKeyDown:function(i){return n.onKeydownItem(i,e,t)}},this.getPTOptions("action",e,t)),icon:i({class:[this.cx("icon"),e.icon]},this.getPTOptions("icon",e,t)),label:i({class:this.cx("label")},this.getPTOptions("label",e,t))}}},directives:{ripple:e}},g=["aria-labelledby","aria-label"],x=["onClick","onKeydown","data-p-highlight","data-p-disabled"],I=["href","target","aria-label","aria-disabled"];v.render=function(e,t,p,h,v,y){var k=n("ripple");return a(),r("div",i({class:e.cx("root")},e.ptm("root")),[l("ul",i({ref:"nav",class:e.cx("menu"),role:"menubar","aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},e.ptm("menu")),[(a(!0),r(s,null,o(e.model,(function(t,n){return a(),r(s,{key:y.label(t)+"_"+n.toString()},[y.visible(t)?(a(),r("li",i({key:0,ref_for:!0,ref:"tab",class:[e.cx("menuitem",{item:t,index:n}),t.class],role:"presentation",onClick:function(e){return y.onItemClick(e,t,n)},onKeydown:function(e){return y.onKeydownItem(e,t,n)}},y.getPTOptions("menuitem",t,n),{"data-p-highlight":v.d_activeIndex===n,"data-p-disabled":y.disabled(t)}),[e.$slots.item?(a(),c(u(e.$slots.item),{key:1,item:t,index:n,active:n===v.d_activeIndex,label:y.label(t),props:y.getMenuItemProps(t,n)},null,8,["item","index","active","label","props"])):d((a(),r("a",i({key:0,ref_for:!0,ref:"tabLink",role:"menuitem",href:t.url,class:e.cx("action"),target:t.target,"aria-label":y.label(t),"aria-disabled":y.disabled(t),tabindex:-1},y.getPTOptions("action",t,n)),[e.$slots.itemicon?(a(),c(u(e.$slots.itemicon),{key:0,item:t,class:f([e.cx("icon"),t.icon])},null,8,["item","class"])):t.icon?(a(),r("span",i({key:1,class:[e.cx("icon"),t.icon]},y.getPTOptions("icon",t,n)),null,16)):m("",!0),l("span",i({class:e.cx("label")},y.getPTOptions("label",t,n)),b(y.label(t)),17)],16,I)),[[k]])],16,x)):m("",!0)],64)})),128)),l("li",i({ref:"inkbar",role:"none",class:e.cx("inkbar")},e.ptm("inkbar")),null,16)],16,g)],16)};export{v as default};

package/tabmenu/tabmenu.js

@@ -241,9 +241,7 @@ this.primevue.tabmenu = (function (Ripple, utils, vue, BaseComponent, TabMenuSty
       var _directive_ripple = vue.resolveDirective("ripple");
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         "class": _ctx.cx('root')
-      }, _ctx.ptm('root'), {
-        "data-pc-name": "tabmenu"
-      }), [vue.createElementVNode("ul", vue.mergeProps({
+      }, _ctx.ptm('root')), [vue.createElementVNode("ul", vue.mergeProps({
         ref: "nav",
         "class": _ctx.cx('menu'),
         role: "menubar",

package/tabmenu/tabmenu.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tabmenu=function(e,t,n,i,a){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e),o={name:"TabMenu",extends:{name:"BaseTabMenu",extends:r(i).default,props:{model:{type:Array,default:null},activeIndex:{type:Number,default:0},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:r(a).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change"],timeout:null,data:function(){return{d_activeIndex:this.activeIndex}},watch:{activeIndex:function(e){this.d_activeIndex=e}},mounted:function(){this.updateInkBar();var e=this.findActiveItem();e&&(e.tabIndex="0")},updated:function(){this.updateInkBar()},beforeUnmount:function(){clearTimeout(this.timeout)},methods:{getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n}})},onItemClick:function(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),n!==this.d_activeIndex&&(this.d_activeIndex=n,this.$emit("update:activeIndex",this.d_activeIndex)),this.$emit("tab-change",{originalEvent:e,index:n}))},onKeydownItem:function(e,t,n){switch(e.code){case"ArrowRight":this.navigateToNextItem(e.target),e.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(e.target),e.preventDefault();break;case"Home":this.navigateToFirstItem(e.target),e.preventDefault();break;case"End":this.navigateToLastItem(e.target),e.preventDefault();break;case"Space":case"NumpadEnter":case"Enter":this.onItemClick(e,t,n),e.preventDefault();break;case"Tab":this.onTabKey()}},navigateToNextItem:function(e){var t=this.findNextItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToPrevItem:function(e){var t=this.findPrevItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToFirstItem:function(e){var t=this.findFirstItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToLastItem:function(e){var t=this.findLastItem(e);t&&this.setFocusToMenuitem(e,t)},findNextItem:function(e){var n=e.parentElement.nextElementSibling;return n?!0===t.DomHandler.getAttribute(n,"data-p-disabled")?this.findNextItem(n.children[0]):n.children[0]:null},findPrevItem:function(e){var n=e.parentElement.previousElementSibling;return n?!0===t.DomHandler.getAttribute(n,"data-p-disabled")?this.findPrevItem(n.children[0]):n.children[0]:null},findFirstItem:function(){var e=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e.children[0]:null},findLastItem:function(){var e=t.DomHandler.find(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e[e.length-1].children[0]:null},findActiveItem:function(){var e=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]');return e?e.children[0]:null},setFocusToMenuitem:function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},onTabKey:function(){var e=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]'),n=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="action"][tabindex="0"]');n!==e.children[0]&&(e&&(e.children[0].tabIndex="0"),n.tabIndex="-1")},visible:function(e){return"function"==typeof e.visible?e.visible():!1!==e.visible},disabled:function(e){return"function"==typeof e.disabled?e.disabled():!0===e.disabled},label:function(e){return"function"==typeof e.label?e.label():e.label},updateInkBar:function(){for(var e=this.$refs.nav.children,n=!1,i=0;i<e.length;i++){var a=e[i];t.DomHandler.getAttribute(a,"data-p-highlight")&&(this.$refs.inkbar.style.width=t.DomHandler.getWidth(a)+"px",this.$refs.inkbar.style.left=t.DomHandler.getOffset(a).left-t.DomHandler.getOffset(this.$refs.nav).left+"px",n=!0)}n||(this.$refs.inkbar.style.width="0px",this.$refs.inkbar.style.left="0px")},getMenuItemProps:function(e,t){var i=this;return{action:n.mergeProps({class:this.cx("action"),tabindex:-1,onClick:function(n){return i.onItemClick(n,e,t)},onKeyDown:function(n){return i.onKeydownItem(n,e,t)}},this.getPTOptions("action",e,t)),icon:n.mergeProps({class:[this.cx("icon"),e.icon]},this.getPTOptions("icon",e,t)),label:n.mergeProps({class:this.cx("label")},this.getPTOptions("label",e,t))}}},directives:{ripple:l.default}},s=["aria-labelledby","aria-label"],c=["onClick","onKeydown","data-p-highlight","data-p-disabled"],d=["href","target","aria-label","aria-disabled"];return o.render=function(e,t,i,a,r,l){var o=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",n.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tabmenu"}),[n.createElementVNode("ul",n.mergeProps({ref:"nav",class:e.cx("menu"),role:"menubar","aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},e.ptm("menu")),[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.model,(function(t,i){return n.openBlock(),n.createElementBlock(n.Fragment,{key:l.label(t)+"_"+i.toString()},[l.visible(t)?(n.openBlock(),n.createElementBlock("li",n.mergeProps({key:0,ref_for:!0,ref:"tab",class:[e.cx("menuitem",{item:t,index:i}),t.class],role:"presentation",onClick:function(e){return l.onItemClick(e,t,i)},onKeydown:function(e){return l.onKeydownItem(e,t,i)}},l.getPTOptions("menuitem",t,i),{"data-p-highlight":r.d_activeIndex===i,"data-p-disabled":l.disabled(t)}),[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t,index:i,active:i===r.d_activeIndex,label:l.label(t),props:l.getMenuItemProps(t,i)},null,8,["item","index","active","label","props"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",n.mergeProps({key:0,ref_for:!0,ref:"tabLink",role:"menuitem",href:t.url,class:e.cx("action"),target:t.target,"aria-label":l.label(t),"aria-disabled":l.disabled(t),tabindex:-1},l.getPTOptions("action",t,i)),[e.$slots.itemicon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.itemicon),{key:0,item:t,class:n.normalizeClass([e.cx("icon"),t.icon])},null,8,["item","class"])):t.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:1,class:[e.cx("icon"),t.icon]},l.getPTOptions("icon",t,i)),null,16)):n.createCommentVNode("",!0),n.createElementVNode("span",n.mergeProps({class:e.cx("label")},l.getPTOptions("label",t,i)),n.toDisplayString(l.label(t)),17)],16,d)),[[o]])],16,c)):n.createCommentVNode("",!0)],64)})),128)),n.createElementVNode("li",n.mergeProps({ref:"inkbar",role:"none",class:e.cx("inkbar")},e.ptm("inkbar")),null,16)],16,s)],16)},o}(primevue.ripple,primevue.utils,Vue,primevue.basecomponent,primevue.tabmenu.style);
+this.primevue=this.primevue||{},this.primevue.tabmenu=function(e,t,n,i,a){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e),o={name:"TabMenu",extends:{name:"BaseTabMenu",extends:r(i).default,props:{model:{type:Array,default:null},activeIndex:{type:Number,default:0},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:r(a).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change"],timeout:null,data:function(){return{d_activeIndex:this.activeIndex}},watch:{activeIndex:function(e){this.d_activeIndex=e}},mounted:function(){this.updateInkBar();var e=this.findActiveItem();e&&(e.tabIndex="0")},updated:function(){this.updateInkBar()},beforeUnmount:function(){clearTimeout(this.timeout)},methods:{getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n}})},onItemClick:function(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),n!==this.d_activeIndex&&(this.d_activeIndex=n,this.$emit("update:activeIndex",this.d_activeIndex)),this.$emit("tab-change",{originalEvent:e,index:n}))},onKeydownItem:function(e,t,n){switch(e.code){case"ArrowRight":this.navigateToNextItem(e.target),e.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(e.target),e.preventDefault();break;case"Home":this.navigateToFirstItem(e.target),e.preventDefault();break;case"End":this.navigateToLastItem(e.target),e.preventDefault();break;case"Space":case"NumpadEnter":case"Enter":this.onItemClick(e,t,n),e.preventDefault();break;case"Tab":this.onTabKey()}},navigateToNextItem:function(e){var t=this.findNextItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToPrevItem:function(e){var t=this.findPrevItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToFirstItem:function(e){var t=this.findFirstItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToLastItem:function(e){var t=this.findLastItem(e);t&&this.setFocusToMenuitem(e,t)},findNextItem:function(e){var n=e.parentElement.nextElementSibling;return n?!0===t.DomHandler.getAttribute(n,"data-p-disabled")?this.findNextItem(n.children[0]):n.children[0]:null},findPrevItem:function(e){var n=e.parentElement.previousElementSibling;return n?!0===t.DomHandler.getAttribute(n,"data-p-disabled")?this.findPrevItem(n.children[0]):n.children[0]:null},findFirstItem:function(){var e=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e.children[0]:null},findLastItem:function(){var e=t.DomHandler.find(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e[e.length-1].children[0]:null},findActiveItem:function(){var e=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]');return e?e.children[0]:null},setFocusToMenuitem:function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},onTabKey:function(){var e=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]'),n=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="action"][tabindex="0"]');n!==e.children[0]&&(e&&(e.children[0].tabIndex="0"),n.tabIndex="-1")},visible:function(e){return"function"==typeof e.visible?e.visible():!1!==e.visible},disabled:function(e){return"function"==typeof e.disabled?e.disabled():!0===e.disabled},label:function(e){return"function"==typeof e.label?e.label():e.label},updateInkBar:function(){for(var e=this.$refs.nav.children,n=!1,i=0;i<e.length;i++){var a=e[i];t.DomHandler.getAttribute(a,"data-p-highlight")&&(this.$refs.inkbar.style.width=t.DomHandler.getWidth(a)+"px",this.$refs.inkbar.style.left=t.DomHandler.getOffset(a).left-t.DomHandler.getOffset(this.$refs.nav).left+"px",n=!0)}n||(this.$refs.inkbar.style.width="0px",this.$refs.inkbar.style.left="0px")},getMenuItemProps:function(e,t){var i=this;return{action:n.mergeProps({class:this.cx("action"),tabindex:-1,onClick:function(n){return i.onItemClick(n,e,t)},onKeyDown:function(n){return i.onKeydownItem(n,e,t)}},this.getPTOptions("action",e,t)),icon:n.mergeProps({class:[this.cx("icon"),e.icon]},this.getPTOptions("icon",e,t)),label:n.mergeProps({class:this.cx("label")},this.getPTOptions("label",e,t))}}},directives:{ripple:l.default}},s=["aria-labelledby","aria-label"],c=["onClick","onKeydown","data-p-highlight","data-p-disabled"],d=["href","target","aria-label","aria-disabled"];return o.render=function(e,t,i,a,r,l){var o=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",n.mergeProps({class:e.cx("root")},e.ptm("root")),[n.createElementVNode("ul",n.mergeProps({ref:"nav",class:e.cx("menu"),role:"menubar","aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},e.ptm("menu")),[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.model,(function(t,i){return n.openBlock(),n.createElementBlock(n.Fragment,{key:l.label(t)+"_"+i.toString()},[l.visible(t)?(n.openBlock(),n.createElementBlock("li",n.mergeProps({key:0,ref_for:!0,ref:"tab",class:[e.cx("menuitem",{item:t,index:i}),t.class],role:"presentation",onClick:function(e){return l.onItemClick(e,t,i)},onKeydown:function(e){return l.onKeydownItem(e,t,i)}},l.getPTOptions("menuitem",t,i),{"data-p-highlight":r.d_activeIndex===i,"data-p-disabled":l.disabled(t)}),[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t,index:i,active:i===r.d_activeIndex,label:l.label(t),props:l.getMenuItemProps(t,i)},null,8,["item","index","active","label","props"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",n.mergeProps({key:0,ref_for:!0,ref:"tabLink",role:"menuitem",href:t.url,class:e.cx("action"),target:t.target,"aria-label":l.label(t),"aria-disabled":l.disabled(t),tabindex:-1},l.getPTOptions("action",t,i)),[e.$slots.itemicon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.itemicon),{key:0,item:t,class:n.normalizeClass([e.cx("icon"),t.icon])},null,8,["item","class"])):t.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:1,class:[e.cx("icon"),t.icon]},l.getPTOptions("icon",t,i)),null,16)):n.createCommentVNode("",!0),n.createElementVNode("span",n.mergeProps({class:e.cx("label")},l.getPTOptions("label",t,i)),n.toDisplayString(l.label(t)),17)],16,d)),[[o]])],16,c)):n.createCommentVNode("",!0)],64)})),128)),n.createElementVNode("li",n.mergeProps({ref:"inkbar",role:"none",class:e.cx("inkbar")},e.ptm("inkbar")),null,16)],16,s)],16)},o}(primevue.ripple,primevue.utils,Vue,primevue.basecomponent,primevue.tabmenu.style);

package/tabview/TabView.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" role="tablist" v-bind="ptm('root')" data-pc-name="tabview">
+    <div :class="cx('root')" role="tablist" v-bind="ptm('root')">
         <div :class="cx('navContainer')" v-bind="ptm('navContainer')">
             <button
                 v-if="scrollable && !isPrevButtonDisabled"
@@ -128,6 +128,7 @@ export default {
     },
     updated() {
         this.updateInkBar();
+        this.scrollable && this.updateButtonState();
     },
     methods: {
         isTabPanel(child) {

package/tabview/style/tabviewstyle.cjs.js

@@ -6,7 +6,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-var css = "\n@layer primevue {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n\n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n\n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n    }\n\n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n\n    .p-tabview-header-action {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabview-header-action:focus {\n        z-index: 1;\n    }\n\n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n\n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tabview-nav-prev {\n        left: 0;\n    }\n\n    .p-tabview-nav-next {\n        right: 0;\n    }\n\n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -42,7 +41,6 @@ var classes = {
 };
 var TabViewStyle = BaseStyle__default["default"].extend({
   name: 'tabview',
-  css: css,
   classes: classes
 });
 

package/tabview/style/tabviewstyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=n(require("primevue/base/style")).default.extend({name:"tabview",css:"\n@layer primevue {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n\n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n\n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n    }\n\n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n\n    .p-tabview-header-action {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabview-header-action:focus {\n        z-index: 1;\n    }\n\n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n\n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tabview-nav-prev {\n        left: 0;\n    }\n\n    .p-tabview-nav-next {\n        right: 0;\n    }\n\n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",classes:{root:function(n){return["p-tabview p-component",{"p-tabview-scrollable":n.props.scrollable}]},navContainer:"p-tabview-nav-container",previousButton:"p-tabview-nav-prev p-tabview-nav-btn p-link",navContent:"p-tabview-nav-content",nav:"p-tabview-nav",tab:{header:function(n){var e=n.instance,t=n.tab,a=n.index;return["p-tabview-header",e.getTabProp(t,"headerClass"),{"p-highlight":e.d_activeIndex===a,"p-disabled":e.getTabProp(t,"disabled")}]},headerAction:"p-tabview-nav-link p-tabview-header-action",headerTitle:"p-tabview-title",content:function(n){return["p-tabview-panel",n.instance.getTabProp(n.tab,"contentClass")]}},inkbar:"p-tabview-ink-bar",nextButton:"p-tabview-nav-next p-tabview-nav-btn p-link",panelContainer:"p-tabview-panels"}});module.exports=e;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"tabview",classes:{root:function(e){return["p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable}]},navContainer:"p-tabview-nav-container",previousButton:"p-tabview-nav-prev p-tabview-nav-btn p-link",navContent:"p-tabview-nav-content",nav:"p-tabview-nav",tab:{header:function(e){var t=e.instance,a=e.tab,n=e.index;return["p-tabview-header",t.getTabProp(a,"headerClass"),{"p-highlight":t.d_activeIndex===n,"p-disabled":t.getTabProp(a,"disabled")}]},headerAction:"p-tabview-nav-link p-tabview-header-action",headerTitle:"p-tabview-title",content:function(e){return["p-tabview-panel",e.instance.getTabProp(e.tab,"contentClass")]}},inkbar:"p-tabview-ink-bar",nextButton:"p-tabview-nav-next p-tabview-nav-btn p-link",panelContainer:"p-tabview-panels"}});module.exports=t;

package/tabview/style/tabviewstyle.esm.js

@@ -1,6 +1,5 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n\n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n\n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n    }\n\n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n\n    .p-tabview-header-action {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabview-header-action:focus {\n        z-index: 1;\n    }\n\n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n\n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tabview-nav-prev {\n        left: 0;\n    }\n\n    .p-tabview-nav-next {\n        right: 0;\n    }\n\n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -36,7 +35,6 @@ var classes = {
 };
 var TabViewStyle = BaseStyle.extend({
   name: 'tabview',
-  css: css,
   classes: classes
 });
 

package/tabview/style/tabviewstyle.esm.min.js

@@ -1 +1 @@
-import n from"primevue/base/style";var e=n.extend({name:"tabview",css:"\n@layer primevue {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n\n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n\n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n    }\n\n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n\n    .p-tabview-header-action {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabview-header-action:focus {\n        z-index: 1;\n    }\n\n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n\n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tabview-nav-prev {\n        left: 0;\n    }\n\n    .p-tabview-nav-next {\n        right: 0;\n    }\n\n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",classes:{root:function(n){return["p-tabview p-component",{"p-tabview-scrollable":n.props.scrollable}]},navContainer:"p-tabview-nav-container",previousButton:"p-tabview-nav-prev p-tabview-nav-btn p-link",navContent:"p-tabview-nav-content",nav:"p-tabview-nav",tab:{header:function(n){var e=n.instance,t=n.tab,a=n.index;return["p-tabview-header",e.getTabProp(t,"headerClass"),{"p-highlight":e.d_activeIndex===a,"p-disabled":e.getTabProp(t,"disabled")}]},headerAction:"p-tabview-nav-link p-tabview-header-action",headerTitle:"p-tabview-title",content:function(n){return["p-tabview-panel",n.instance.getTabProp(n.tab,"contentClass")]}},inkbar:"p-tabview-ink-bar",nextButton:"p-tabview-nav-next p-tabview-nav-btn p-link",panelContainer:"p-tabview-panels"}});export{e as default};
+import e from"primevue/base/style";var a=e.extend({name:"tabview",classes:{root:function(e){return["p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable}]},navContainer:"p-tabview-nav-container",previousButton:"p-tabview-nav-prev p-tabview-nav-btn p-link",navContent:"p-tabview-nav-content",nav:"p-tabview-nav",tab:{header:function(e){var a=e.instance,t=e.tab,n=e.index;return["p-tabview-header",a.getTabProp(t,"headerClass"),{"p-highlight":a.d_activeIndex===n,"p-disabled":a.getTabProp(t,"disabled")}]},headerAction:"p-tabview-nav-link p-tabview-header-action",headerTitle:"p-tabview-title",content:function(e){return["p-tabview-panel",e.instance.getTabProp(e.tab,"contentClass")]}},inkbar:"p-tabview-ink-bar",nextButton:"p-tabview-nav-next p-tabview-nav-btn p-link",panelContainer:"p-tabview-panels"}});export{a as default};

package/tabview/style/tabviewstyle.js

@@ -7,7 +7,6 @@ this.primevue.tabview.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n\n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n\n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n    }\n\n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n\n    .p-tabview-header-action {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabview-header-action:focus {\n        z-index: 1;\n    }\n\n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n\n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tabview-nav-prev {\n        left: 0;\n    }\n\n    .p-tabview-nav-next {\n        right: 0;\n    }\n\n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -43,7 +42,6 @@ this.primevue.tabview.style = (function (BaseStyle) {
     };
     var TabViewStyle = BaseStyle__default["default"].extend({
       name: 'tabview',
-      css: css,
       classes: classes
     });
 

package/tabview/style/tabviewstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tabview=this.primevue.tabview||{},this.primevue.tabview.style=function(n){"use strict";function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}return e(primevue.base.style).default.extend({name:"tabview",css:"\n@layer primevue {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n\n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n\n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n    }\n\n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n\n    .p-tabview-header-action {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabview-header-action:focus {\n        z-index: 1;\n    }\n\n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n\n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tabview-nav-prev {\n        left: 0;\n    }\n\n    .p-tabview-nav-next {\n        right: 0;\n    }\n\n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",classes:{root:function(n){return["p-tabview p-component",{"p-tabview-scrollable":n.props.scrollable}]},navContainer:"p-tabview-nav-container",previousButton:"p-tabview-nav-prev p-tabview-nav-btn p-link",navContent:"p-tabview-nav-content",nav:"p-tabview-nav",tab:{header:function(n){var e=n.instance,t=n.tab,a=n.index;return["p-tabview-header",e.getTabProp(t,"headerClass"),{"p-highlight":e.d_activeIndex===a,"p-disabled":e.getTabProp(t,"disabled")}]},headerAction:"p-tabview-nav-link p-tabview-header-action",headerTitle:"p-tabview-title",content:function(n){return["p-tabview-panel",n.instance.getTabProp(n.tab,"contentClass")]}},inkbar:"p-tabview-ink-bar",nextButton:"p-tabview-nav-next p-tabview-nav-btn p-link",panelContainer:"p-tabview-panels"}})}();
+this.primevue=this.primevue||{},this.primevue.tabview=this.primevue.tabview||{},this.primevue.tabview.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"tabview",classes:{root:function(e){return["p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable}]},navContainer:"p-tabview-nav-container",previousButton:"p-tabview-nav-prev p-tabview-nav-btn p-link",navContent:"p-tabview-nav-content",nav:"p-tabview-nav",tab:{header:function(e){var t=e.instance,a=e.tab,n=e.index;return["p-tabview-header",t.getTabProp(a,"headerClass"),{"p-highlight":t.d_activeIndex===n,"p-disabled":t.getTabProp(a,"disabled")}]},headerAction:"p-tabview-nav-link p-tabview-header-action",headerTitle:"p-tabview-title",content:function(e){return["p-tabview-panel",e.instance.getTabProp(e.tab,"contentClass")]}},inkbar:"p-tabview-ink-bar",nextButton:"p-tabview-nav-next p-tabview-nav-btn p-link",panelContainer:"p-tabview-panels"}})}();

package/tabview/tabview.cjs.js

@@ -95,6 +95,7 @@ var script = {
   },
   updated: function updated() {
     this.updateInkBar();
+    this.scrollable && this.updateButtonState();
   },
   methods: {
     isTabPanel: function isTabPanel(child) {
@@ -348,9 +349,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     "class": _ctx.cx('root'),
     role: "tablist"
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "tabview"
-  }), [vue.createElementVNode("div", vue.mergeProps({
+  }, _ctx.ptm('root')), [vue.createElementVNode("div", vue.mergeProps({
     "class": _ctx.cx('navContainer')
   }, _ctx.ptm('navContainer')), [_ctx.scrollable && !$data.isPrevButtonDisabled ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
     key: 0,

package/tabview/tabview.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/chevronleft"),t=require("primevue/icons/chevronright"),n=require("primevue/ripple"),a=require("primevue/utils"),r=require("vue"),i=require("primevue/basecomponent"),o=require("primevue/tabview/style");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),s=c(t),d=c(n),u={name:"TabView",extends:{name:"BaseTabView",extends:c(i).default,props:{activeIndex:{type:Number,default:0},lazy:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1},previousButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null},prevIcon:{type:String,default:void 0},nextIcon:{type:String,default:void 0}},style:c(o).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex,isPrevButtonDisabled:!0,isNextButtonDisabled:!1}},watch:{"$attrs.id":function(e){this.id=e||a.UniqueComponentId()},activeIndex:function(e){this.d_activeIndex=e,this.scrollInView({index:e})}},mounted:function(){this.id=this.id||a.UniqueComponentId(),this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar()},methods:{isTabPanel:function(e){return"TabPanel"===e.type.name},isTabActive:function(e){return this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,i={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return r.mergeProps(this.ptm("tab.".concat(t),{tab:i}),this.ptm("tabpanel.".concat(t),{tabpanel:i}),this.ptm("tabpanel.".concat(t),i),this.ptmo(this.getTabProp(e,"pt"),t,i))},onScroll:function(e){this.scrollable&&this.updateButtonState(),e.preventDefault()},onPrevButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e),n=e.scrollLeft-t;e.scrollLeft=n<=0?0:n},onNextButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),n=e.scrollLeft+t,r=e.scrollWidth-t;e.scrollLeft=n>=r?r:n},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowLeft":this.onTabArrowLeftKey(e);break;case"ArrowRight":this.onTabArrowRightKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"PageDown":this.onPageDownKey(e);break;case"PageUp":this.onPageUpKey(e);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowRightKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowLeftKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onPageDownKey:function(e){this.scrollInView({index:this.$refs.nav.children.length-2}),e.preventDefault()},onPageUpKey:function(e){this.scrollInView({index:0}),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findNextHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findPrevHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$refs.nav.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$refs.nav.lastElementChild,!0)},changeActiveIndex:function(e,t,n){this.getTabProp(t,"disabled")||this.d_activeIndex===n||(this.d_activeIndex=n,this.$emit("update:activeIndex",n),this.$emit("tab-change",{originalEvent:e,index:n}),this.scrollInView({index:n}))},changeFocusedTab:function(e,t){if(t&&(a.DomHandler.focus(t),this.scrollInView({element:t}),this.selectOnFocus)){var n=parseInt(t.parentElement.dataset.index,10);this.changeActiveIndex(e,this.tabs[n],n)}},scrollInView:function(e){var t=e.index,n=e.element||this.$refs.nav.children[void 0===t?-1:t];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar:function(){var e=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=a.DomHandler.getWidth(e)+"px",this.$refs.inkbar.style.left=a.DomHandler.getOffset(e).left-a.DomHandler.getOffset(this.$refs.nav).left+"px"},updateButtonState:function(){var e=this.$refs.content,t=e.scrollLeft,n=e.scrollWidth,r=a.DomHandler.getWidth(e);this.isPrevButtonDisabled=0===t,this.isNextButtonDisabled=parseInt(t)===n-r},getVisibleButtonWidths:function(){var e=this.$refs;return[e.prevBtn,e.nextBtn].reduce((function(e,t){return t?e+a.DomHandler.getWidth(t):e}),0)}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isTabPanel(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isTabPanel(n)&&t.push(n)})),t}),[])},prevButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.previous:void 0},nextButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.next:void 0}},directives:{ripple:d.default},components:{ChevronLeftIcon:l.default,ChevronRightIcon:s.default}};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(e,t,n){var a;return(t="symbol"==p(a=v(t,"string"))?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e,t){if("object"!=p(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=p(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var m=["tabindex","aria-label"],g=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],y=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],x=["tabindex","aria-label"],P=["id","aria-labelledby","data-pc-index","data-p-active"];u.render=function(e,t,n,a,i,o){var c=r.resolveDirective("ripple");return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root"),role:"tablist"},e.ptm("root"),{"data-pc-name":"tabview"}),[r.createElementVNode("div",r.mergeProps({class:e.cx("navContainer")},e.ptm("navContainer")),[e.scrollable&&!i.isPrevButtonDisabled?r.withDirectives((r.openBlock(),r.createElementBlock("button",r.mergeProps({key:0,ref:"prevBtn",type:"button",class:e.cx("previousButton"),tabindex:e.tabindex,"aria-label":o.prevButtonAriaLabel,onClick:t[0]||(t[0]=function(){return o.onPrevButtonClick&&o.onPrevButtonClick.apply(o,arguments)})},h(h({},e.previousButtonProps),e.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[r.renderSlot(e.$slots,"previcon",{},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.prevIcon?"span":"ChevronLeftIcon"),r.mergeProps({"aria-hidden":"true",class:e.prevIcon},e.ptm("previousIcon")),null,16,["class"]))]}))],16,m)),[[c]]):r.createCommentVNode("",!0),r.createElementVNode("div",r.mergeProps({ref:"content",class:e.cx("navContent"),onScroll:t[1]||(t[1]=function(){return o.onScroll&&o.onScroll.apply(o,arguments)})},e.ptm("navContent")),[r.createElementVNode("ul",r.mergeProps({ref:"nav",class:e.cx("nav")},e.ptm("nav")),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(o.tabs,(function(t,n){return r.openBlock(),r.createElementBlock("li",r.mergeProps({key:o.getKey(t,n),style:o.getTabProp(t,"headerStyle"),class:e.cx("tab.header",{tab:t,index:n}),role:"presentation"},h(h(h({},o.getTabProp(t,"headerProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":i.d_activeIndex===n,"data-p-disabled":o.getTabProp(t,"disabled"),"data-pc-index":n,"data-p-active":i.d_activeIndex===n}),[r.withDirectives((r.openBlock(),r.createElementBlock("a",r.mergeProps({id:o.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:o.getTabProp(t,"disabled")||!o.isTabActive(n)?-1:e.tabindex,role:"tab","aria-disabled":o.getTabProp(t,"disabled"),"aria-selected":o.isTabActive(n),"aria-controls":o.getTabContentId(n),onClick:function(e){return o.onTabClick(e,t,n)},onKeydown:function(e){return o.onTabKeyDown(e,t,n)}},h(h({},o.getTabProp(t,"headerActionProps")),o.getTabPT(t,"headerAction",n))),[t.props&&t.props.header?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:0,class:e.cx("tab.headerTitle")},o.getTabPT(t,"headerTitle",n)),r.toDisplayString(t.props.header),17)):r.createCommentVNode("",!0),t.children&&t.children.header?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.children.header),{key:1})):r.createCommentVNode("",!0)],16,y)),[[c]])],16,g)})),128)),r.createElementVNode("li",r.mergeProps({ref:"inkbar",class:e.cx("inkbar"),role:"presentation","aria-hidden":"true"},e.ptm("inkbar")),null,16)],16)],16),e.scrollable&&!i.isNextButtonDisabled?r.withDirectives((r.openBlock(),r.createElementBlock("button",r.mergeProps({key:1,ref:"nextBtn",type:"button",class:e.cx("nextButton"),tabindex:e.tabindex,"aria-label":o.nextButtonAriaLabel,onClick:t[2]||(t[2]=function(){return o.onNextButtonClick&&o.onNextButtonClick.apply(o,arguments)})},h(h({},e.nextButtonProps),e.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[r.renderSlot(e.$slots,"nexticon",{},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.nextIcon?"span":"ChevronRightIcon"),r.mergeProps({"aria-hidden":"true",class:e.nextIcon},e.ptm("nextIcon")),null,16,["class"]))]}))],16,x)),[[c]]):r.createCommentVNode("",!0)],16),r.createElementVNode("div",r.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(o.tabs,(function(t,n){return r.openBlock(),r.createElementBlock(r.Fragment,{key:o.getKey(t,n)},[!e.lazy||o.isTabActive(n)?r.withDirectives((r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,id:o.getTabContentId(n),style:o.getTabProp(t,"contentStyle"),class:e.cx("tab.content",{tab:t}),role:"tabpanel","aria-labelledby":o.getTabHeaderActionId(n)},h(h(h({},o.getTabProp(t,"contentProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"content",n)),{"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":i.d_activeIndex===n}),[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t)))],16,P)),[[r.vShow,!!e.lazy||o.isTabActive(n)]]):r.createCommentVNode("",!0)],64)})),128))],16)],16)},module.exports=u;
+"use strict";var e=require("primevue/icons/chevronleft"),t=require("primevue/icons/chevronright"),n=require("primevue/ripple"),a=require("primevue/utils"),r=require("vue"),i=require("primevue/basecomponent"),o=require("primevue/tabview/style");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),s=c(t),d=c(n),u={name:"TabView",extends:{name:"BaseTabView",extends:c(i).default,props:{activeIndex:{type:Number,default:0},lazy:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1},previousButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null},prevIcon:{type:String,default:void 0},nextIcon:{type:String,default:void 0}},style:c(o).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex,isPrevButtonDisabled:!0,isNextButtonDisabled:!1}},watch:{"$attrs.id":function(e){this.id=e||a.UniqueComponentId()},activeIndex:function(e){this.d_activeIndex=e,this.scrollInView({index:e})}},mounted:function(){this.id=this.id||a.UniqueComponentId(),this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar(),this.scrollable&&this.updateButtonState()},methods:{isTabPanel:function(e){return"TabPanel"===e.type.name},isTabActive:function(e){return this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,i={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return r.mergeProps(this.ptm("tab.".concat(t),{tab:i}),this.ptm("tabpanel.".concat(t),{tabpanel:i}),this.ptm("tabpanel.".concat(t),i),this.ptmo(this.getTabProp(e,"pt"),t,i))},onScroll:function(e){this.scrollable&&this.updateButtonState(),e.preventDefault()},onPrevButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e),n=e.scrollLeft-t;e.scrollLeft=n<=0?0:n},onNextButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),n=e.scrollLeft+t,r=e.scrollWidth-t;e.scrollLeft=n>=r?r:n},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowLeft":this.onTabArrowLeftKey(e);break;case"ArrowRight":this.onTabArrowRightKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"PageDown":this.onPageDownKey(e);break;case"PageUp":this.onPageUpKey(e);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowRightKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowLeftKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onPageDownKey:function(e){this.scrollInView({index:this.$refs.nav.children.length-2}),e.preventDefault()},onPageUpKey:function(e){this.scrollInView({index:0}),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findNextHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findPrevHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$refs.nav.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$refs.nav.lastElementChild,!0)},changeActiveIndex:function(e,t,n){this.getTabProp(t,"disabled")||this.d_activeIndex===n||(this.d_activeIndex=n,this.$emit("update:activeIndex",n),this.$emit("tab-change",{originalEvent:e,index:n}),this.scrollInView({index:n}))},changeFocusedTab:function(e,t){if(t&&(a.DomHandler.focus(t),this.scrollInView({element:t}),this.selectOnFocus)){var n=parseInt(t.parentElement.dataset.index,10);this.changeActiveIndex(e,this.tabs[n],n)}},scrollInView:function(e){var t=e.index,n=e.element||this.$refs.nav.children[void 0===t?-1:t];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar:function(){var e=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=a.DomHandler.getWidth(e)+"px",this.$refs.inkbar.style.left=a.DomHandler.getOffset(e).left-a.DomHandler.getOffset(this.$refs.nav).left+"px"},updateButtonState:function(){var e=this.$refs.content,t=e.scrollLeft,n=e.scrollWidth,r=a.DomHandler.getWidth(e);this.isPrevButtonDisabled=0===t,this.isNextButtonDisabled=parseInt(t)===n-r},getVisibleButtonWidths:function(){var e=this.$refs;return[e.prevBtn,e.nextBtn].reduce((function(e,t){return t?e+a.DomHandler.getWidth(t):e}),0)}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isTabPanel(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isTabPanel(n)&&t.push(n)})),t}),[])},prevButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.previous:void 0},nextButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.next:void 0}},directives:{ripple:d.default},components:{ChevronLeftIcon:l.default,ChevronRightIcon:s.default}};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(e,t,n){var a;return(t="symbol"==p(a=v(t,"string"))?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e,t){if("object"!=p(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=p(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var m=["tabindex","aria-label"],g=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],y=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],x=["tabindex","aria-label"],P=["id","aria-labelledby","data-pc-index","data-p-active"];u.render=function(e,t,n,a,i,o){var c=r.resolveDirective("ripple");return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root"),role:"tablist"},e.ptm("root")),[r.createElementVNode("div",r.mergeProps({class:e.cx("navContainer")},e.ptm("navContainer")),[e.scrollable&&!i.isPrevButtonDisabled?r.withDirectives((r.openBlock(),r.createElementBlock("button",r.mergeProps({key:0,ref:"prevBtn",type:"button",class:e.cx("previousButton"),tabindex:e.tabindex,"aria-label":o.prevButtonAriaLabel,onClick:t[0]||(t[0]=function(){return o.onPrevButtonClick&&o.onPrevButtonClick.apply(o,arguments)})},h(h({},e.previousButtonProps),e.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[r.renderSlot(e.$slots,"previcon",{},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.prevIcon?"span":"ChevronLeftIcon"),r.mergeProps({"aria-hidden":"true",class:e.prevIcon},e.ptm("previousIcon")),null,16,["class"]))]}))],16,m)),[[c]]):r.createCommentVNode("",!0),r.createElementVNode("div",r.mergeProps({ref:"content",class:e.cx("navContent"),onScroll:t[1]||(t[1]=function(){return o.onScroll&&o.onScroll.apply(o,arguments)})},e.ptm("navContent")),[r.createElementVNode("ul",r.mergeProps({ref:"nav",class:e.cx("nav")},e.ptm("nav")),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(o.tabs,(function(t,n){return r.openBlock(),r.createElementBlock("li",r.mergeProps({key:o.getKey(t,n),style:o.getTabProp(t,"headerStyle"),class:e.cx("tab.header",{tab:t,index:n}),role:"presentation"},h(h(h({},o.getTabProp(t,"headerProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":i.d_activeIndex===n,"data-p-disabled":o.getTabProp(t,"disabled"),"data-pc-index":n,"data-p-active":i.d_activeIndex===n}),[r.withDirectives((r.openBlock(),r.createElementBlock("a",r.mergeProps({id:o.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:o.getTabProp(t,"disabled")||!o.isTabActive(n)?-1:e.tabindex,role:"tab","aria-disabled":o.getTabProp(t,"disabled"),"aria-selected":o.isTabActive(n),"aria-controls":o.getTabContentId(n),onClick:function(e){return o.onTabClick(e,t,n)},onKeydown:function(e){return o.onTabKeyDown(e,t,n)}},h(h({},o.getTabProp(t,"headerActionProps")),o.getTabPT(t,"headerAction",n))),[t.props&&t.props.header?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:0,class:e.cx("tab.headerTitle")},o.getTabPT(t,"headerTitle",n)),r.toDisplayString(t.props.header),17)):r.createCommentVNode("",!0),t.children&&t.children.header?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.children.header),{key:1})):r.createCommentVNode("",!0)],16,y)),[[c]])],16,g)})),128)),r.createElementVNode("li",r.mergeProps({ref:"inkbar",class:e.cx("inkbar"),role:"presentation","aria-hidden":"true"},e.ptm("inkbar")),null,16)],16)],16),e.scrollable&&!i.isNextButtonDisabled?r.withDirectives((r.openBlock(),r.createElementBlock("button",r.mergeProps({key:1,ref:"nextBtn",type:"button",class:e.cx("nextButton"),tabindex:e.tabindex,"aria-label":o.nextButtonAriaLabel,onClick:t[2]||(t[2]=function(){return o.onNextButtonClick&&o.onNextButtonClick.apply(o,arguments)})},h(h({},e.nextButtonProps),e.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[r.renderSlot(e.$slots,"nexticon",{},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.nextIcon?"span":"ChevronRightIcon"),r.mergeProps({"aria-hidden":"true",class:e.nextIcon},e.ptm("nextIcon")),null,16,["class"]))]}))],16,x)),[[c]]):r.createCommentVNode("",!0)],16),r.createElementVNode("div",r.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(o.tabs,(function(t,n){return r.openBlock(),r.createElementBlock(r.Fragment,{key:o.getKey(t,n)},[!e.lazy||o.isTabActive(n)?r.withDirectives((r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,id:o.getTabContentId(n),style:o.getTabProp(t,"contentStyle"),class:e.cx("tab.content",{tab:t}),role:"tabpanel","aria-labelledby":o.getTabHeaderActionId(n)},h(h(h({},o.getTabProp(t,"contentProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"content",n)),{"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":i.d_activeIndex===n}),[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t)))],16,P)),[[r.vShow,!!e.lazy||o.isTabActive(n)]]):r.createCommentVNode("",!0)],64)})),128))],16)],16)},module.exports=u;

package/tabview/tabview.esm.js

@@ -85,6 +85,7 @@ var script = {
   },
   updated: function updated() {
     this.updateInkBar();
+    this.scrollable && this.updateButtonState();
   },
   methods: {
     isTabPanel: function isTabPanel(child) {
@@ -338,9 +339,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root'),
     role: "tablist"
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "tabview"
-  }), [createElementVNode("div", mergeProps({
+  }, _ctx.ptm('root')), [createElementVNode("div", mergeProps({
     "class": _ctx.cx('navContainer')
   }, _ctx.ptm('navContainer')), [_ctx.scrollable && !$data.isPrevButtonDisabled ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
     key: 0,

package/tabview/tabview.esm.min.js

@@ -1 +1 @@
-import t from"primevue/icons/chevronleft";import e from"primevue/icons/chevronright";import n from"primevue/ripple";import{UniqueComponentId as i,DomHandler as a}from"primevue/utils";import{mergeProps as r,resolveDirective as o,openBlock as c,createElementBlock as s,createElementVNode as l,withDirectives as d,renderSlot as u,createBlock as p,resolveDynamicComponent as b,createCommentVNode as h,Fragment as f,renderList as v,toDisplayString as g,vShow as m}from"vue";import y from"primevue/basecomponent";import x from"primevue/tabview/style";var T={name:"TabView",extends:{name:"BaseTabView",extends:y,props:{activeIndex:{type:Number,default:0},lazy:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1},previousButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null},prevIcon:{type:String,default:void 0},nextIcon:{type:String,default:void 0}},style:x,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex,isPrevButtonDisabled:!0,isNextButtonDisabled:!1}},watch:{"$attrs.id":function(t){this.id=t||i()},activeIndex:function(t){this.d_activeIndex=t,this.scrollInView({index:t})}},mounted:function(){this.id=this.id||i(),this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar()},methods:{isTabPanel:function(t){return"TabPanel"===t.type.name},isTabActive:function(t){return this.d_activeIndex===t},getTabProp:function(t,e){return t.props?t.props[e]:void 0},getKey:function(t,e){return this.getTabProp(t,"header")||e},getTabHeaderActionId:function(t){return"".concat(this.id,"_").concat(t,"_header_action")},getTabContentId:function(t){return"".concat(this.id,"_").concat(t,"_content")},getTabPT:function(t,e,n){var i=this.tabs.length,a={props:t.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:i,first:0===n,last:n===i-1,active:this.isTabActive(n)}};return r(this.ptm("tab.".concat(e),{tab:a}),this.ptm("tabpanel.".concat(e),{tabpanel:a}),this.ptm("tabpanel.".concat(e),a),this.ptmo(this.getTabProp(t,"pt"),e,a))},onScroll:function(t){this.scrollable&&this.updateButtonState(),t.preventDefault()},onPrevButtonClick:function(){var t=this.$refs.content,e=a.getWidth(t),n=t.scrollLeft-e;t.scrollLeft=n<=0?0:n},onNextButtonClick:function(){var t=this.$refs.content,e=a.getWidth(t)-this.getVisibleButtonWidths(),n=t.scrollLeft+e,i=t.scrollWidth-e;t.scrollLeft=n>=i?i:n},onTabClick:function(t,e,n){this.changeActiveIndex(t,e,n),this.$emit("tab-click",{originalEvent:t,index:n})},onTabKeyDown:function(t,e,n){switch(t.code){case"ArrowLeft":this.onTabArrowLeftKey(t);break;case"ArrowRight":this.onTabArrowRightKey(t);break;case"Home":this.onTabHomeKey(t);break;case"End":this.onTabEndKey(t);break;case"PageDown":this.onPageDownKey(t);break;case"PageUp":this.onPageUpKey(t);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(t,e,n)}},onTabArrowRightKey:function(t){var e=this.findNextHeaderAction(t.target.parentElement);e?this.changeFocusedTab(t,e):this.onTabHomeKey(t),t.preventDefault()},onTabArrowLeftKey:function(t){var e=this.findPrevHeaderAction(t.target.parentElement);e?this.changeFocusedTab(t,e):this.onTabEndKey(t),t.preventDefault()},onTabHomeKey:function(t){var e=this.findFirstHeaderAction();this.changeFocusedTab(t,e),t.preventDefault()},onTabEndKey:function(t){var e=this.findLastHeaderAction();this.changeFocusedTab(t,e),t.preventDefault()},onPageDownKey:function(t){this.scrollInView({index:this.$refs.nav.children.length-2}),t.preventDefault()},onPageUpKey:function(t){this.scrollInView({index:0}),t.preventDefault()},onTabEnterKey:function(t,e,n){this.changeActiveIndex(t,e,n),t.preventDefault()},findNextHeaderAction:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return e?a.getAttribute(e,"data-p-disabled")||"inkbar"===a.getAttribute(e,"data-pc-section")?this.findNextHeaderAction(e):a.findSingle(e,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return e?a.getAttribute(e,"data-p-disabled")||"inkbar"===a.getAttribute(e,"data-pc-section")?this.findPrevHeaderAction(e):a.findSingle(e,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$refs.nav.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$refs.nav.lastElementChild,!0)},changeActiveIndex:function(t,e,n){this.getTabProp(e,"disabled")||this.d_activeIndex===n||(this.d_activeIndex=n,this.$emit("update:activeIndex",n),this.$emit("tab-change",{originalEvent:t,index:n}),this.scrollInView({index:n}))},changeFocusedTab:function(t,e){if(e&&(a.focus(e),this.scrollInView({element:e}),this.selectOnFocus)){var n=parseInt(e.parentElement.dataset.index,10);this.changeActiveIndex(t,this.tabs[n],n)}},scrollInView:function(t){var e=t.index,n=t.element||this.$refs.nav.children[void 0===e?-1:e];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar:function(){var t=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=a.getWidth(t)+"px",this.$refs.inkbar.style.left=a.getOffset(t).left-a.getOffset(this.$refs.nav).left+"px"},updateButtonState:function(){var t=this.$refs.content,e=t.scrollLeft,n=t.scrollWidth,i=a.getWidth(t);this.isPrevButtonDisabled=0===e,this.isNextButtonDisabled=parseInt(e)===n-i},getVisibleButtonWidths:function(){var t=this.$refs;return[t.prevBtn,t.nextBtn].reduce((function(t,e){return e?t+a.getWidth(e):t}),0)}},computed:{tabs:function(){var t=this;return this.$slots.default().reduce((function(e,n){return t.isTabPanel(n)?e.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){t.isTabPanel(n)&&e.push(n)})),e}),[])},prevButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.previous:void 0},nextButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.next:void 0}},directives:{ripple:n},components:{ChevronLeftIcon:t,ChevronRightIcon:e}};function P(t){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},P(t)}function I(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function A(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?I(Object(n),!0).forEach((function(e){B(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function B(t,e,n){var i;return(e="symbol"==P(i=k(e,"string"))?i:String(i))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function k(t,e){if("object"!=P(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=P(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var w=["tabindex","aria-label"],C=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],$=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],S=["tabindex","aria-label"],D=["id","aria-labelledby","data-pc-index","data-p-active"];T.render=function(t,e,n,i,a,y){var x=o("ripple");return c(),s("div",r({class:t.cx("root"),role:"tablist"},t.ptm("root"),{"data-pc-name":"tabview"}),[l("div",r({class:t.cx("navContainer")},t.ptm("navContainer")),[t.scrollable&&!a.isPrevButtonDisabled?d((c(),s("button",r({key:0,ref:"prevBtn",type:"button",class:t.cx("previousButton"),tabindex:t.tabindex,"aria-label":y.prevButtonAriaLabel,onClick:e[0]||(e[0]=function(){return y.onPrevButtonClick&&y.onPrevButtonClick.apply(y,arguments)})},A(A({},t.previousButtonProps),t.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[u(t.$slots,"previcon",{},(function(){return[(c(),p(b(t.prevIcon?"span":"ChevronLeftIcon"),r({"aria-hidden":"true",class:t.prevIcon},t.ptm("previousIcon")),null,16,["class"]))]}))],16,w)),[[x]]):h("",!0),l("div",r({ref:"content",class:t.cx("navContent"),onScroll:e[1]||(e[1]=function(){return y.onScroll&&y.onScroll.apply(y,arguments)})},t.ptm("navContent")),[l("ul",r({ref:"nav",class:t.cx("nav")},t.ptm("nav")),[(c(!0),s(f,null,v(y.tabs,(function(e,n){return c(),s("li",r({key:y.getKey(e,n),style:y.getTabProp(e,"headerStyle"),class:t.cx("tab.header",{tab:e,index:n}),role:"presentation"},A(A(A({},y.getTabProp(e,"headerProps")),y.getTabPT(e,"root",n)),y.getTabPT(e,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":a.d_activeIndex===n,"data-p-disabled":y.getTabProp(e,"disabled"),"data-pc-index":n,"data-p-active":a.d_activeIndex===n}),[d((c(),s("a",r({id:y.getTabHeaderActionId(n),class:t.cx("tab.headerAction"),tabindex:y.getTabProp(e,"disabled")||!y.isTabActive(n)?-1:t.tabindex,role:"tab","aria-disabled":y.getTabProp(e,"disabled"),"aria-selected":y.isTabActive(n),"aria-controls":y.getTabContentId(n),onClick:function(t){return y.onTabClick(t,e,n)},onKeydown:function(t){return y.onTabKeyDown(t,e,n)}},A(A({},y.getTabProp(e,"headerActionProps")),y.getTabPT(e,"headerAction",n))),[e.props&&e.props.header?(c(),s("span",r({key:0,class:t.cx("tab.headerTitle")},y.getTabPT(e,"headerTitle",n)),g(e.props.header),17)):h("",!0),e.children&&e.children.header?(c(),p(b(e.children.header),{key:1})):h("",!0)],16,$)),[[x]])],16,C)})),128)),l("li",r({ref:"inkbar",class:t.cx("inkbar"),role:"presentation","aria-hidden":"true"},t.ptm("inkbar")),null,16)],16)],16),t.scrollable&&!a.isNextButtonDisabled?d((c(),s("button",r({key:1,ref:"nextBtn",type:"button",class:t.cx("nextButton"),tabindex:t.tabindex,"aria-label":y.nextButtonAriaLabel,onClick:e[2]||(e[2]=function(){return y.onNextButtonClick&&y.onNextButtonClick.apply(y,arguments)})},A(A({},t.nextButtonProps),t.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[u(t.$slots,"nexticon",{},(function(){return[(c(),p(b(t.nextIcon?"span":"ChevronRightIcon"),r({"aria-hidden":"true",class:t.nextIcon},t.ptm("nextIcon")),null,16,["class"]))]}))],16,S)),[[x]]):h("",!0)],16),l("div",r({class:t.cx("panelContainer")},t.ptm("panelContainer")),[(c(!0),s(f,null,v(y.tabs,(function(e,n){return c(),s(f,{key:y.getKey(e,n)},[!t.lazy||y.isTabActive(n)?d((c(),s("div",r({key:0,id:y.getTabContentId(n),style:y.getTabProp(e,"contentStyle"),class:t.cx("tab.content",{tab:e}),role:"tabpanel","aria-labelledby":y.getTabHeaderActionId(n)},A(A(A({},y.getTabProp(e,"contentProps")),y.getTabPT(e,"root",n)),y.getTabPT(e,"content",n)),{"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":a.d_activeIndex===n}),[(c(),p(b(e)))],16,D)),[[m,!!t.lazy||y.isTabActive(n)]]):h("",!0)],64)})),128))],16)],16)};export{T as default};
+import t from"primevue/icons/chevronleft";import e from"primevue/icons/chevronright";import n from"primevue/ripple";import{UniqueComponentId as i,DomHandler as a}from"primevue/utils";import{mergeProps as r,resolveDirective as o,openBlock as c,createElementBlock as s,createElementVNode as l,withDirectives as d,renderSlot as u,createBlock as p,resolveDynamicComponent as b,createCommentVNode as h,Fragment as f,renderList as v,toDisplayString as g,vShow as y}from"vue";import m from"primevue/basecomponent";import x from"primevue/tabview/style";var T={name:"TabView",extends:{name:"BaseTabView",extends:m,props:{activeIndex:{type:Number,default:0},lazy:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1},previousButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null},prevIcon:{type:String,default:void 0},nextIcon:{type:String,default:void 0}},style:x,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex,isPrevButtonDisabled:!0,isNextButtonDisabled:!1}},watch:{"$attrs.id":function(t){this.id=t||i()},activeIndex:function(t){this.d_activeIndex=t,this.scrollInView({index:t})}},mounted:function(){this.id=this.id||i(),this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar(),this.scrollable&&this.updateButtonState()},methods:{isTabPanel:function(t){return"TabPanel"===t.type.name},isTabActive:function(t){return this.d_activeIndex===t},getTabProp:function(t,e){return t.props?t.props[e]:void 0},getKey:function(t,e){return this.getTabProp(t,"header")||e},getTabHeaderActionId:function(t){return"".concat(this.id,"_").concat(t,"_header_action")},getTabContentId:function(t){return"".concat(this.id,"_").concat(t,"_content")},getTabPT:function(t,e,n){var i=this.tabs.length,a={props:t.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:i,first:0===n,last:n===i-1,active:this.isTabActive(n)}};return r(this.ptm("tab.".concat(e),{tab:a}),this.ptm("tabpanel.".concat(e),{tabpanel:a}),this.ptm("tabpanel.".concat(e),a),this.ptmo(this.getTabProp(t,"pt"),e,a))},onScroll:function(t){this.scrollable&&this.updateButtonState(),t.preventDefault()},onPrevButtonClick:function(){var t=this.$refs.content,e=a.getWidth(t),n=t.scrollLeft-e;t.scrollLeft=n<=0?0:n},onNextButtonClick:function(){var t=this.$refs.content,e=a.getWidth(t)-this.getVisibleButtonWidths(),n=t.scrollLeft+e,i=t.scrollWidth-e;t.scrollLeft=n>=i?i:n},onTabClick:function(t,e,n){this.changeActiveIndex(t,e,n),this.$emit("tab-click",{originalEvent:t,index:n})},onTabKeyDown:function(t,e,n){switch(t.code){case"ArrowLeft":this.onTabArrowLeftKey(t);break;case"ArrowRight":this.onTabArrowRightKey(t);break;case"Home":this.onTabHomeKey(t);break;case"End":this.onTabEndKey(t);break;case"PageDown":this.onPageDownKey(t);break;case"PageUp":this.onPageUpKey(t);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(t,e,n)}},onTabArrowRightKey:function(t){var e=this.findNextHeaderAction(t.target.parentElement);e?this.changeFocusedTab(t,e):this.onTabHomeKey(t),t.preventDefault()},onTabArrowLeftKey:function(t){var e=this.findPrevHeaderAction(t.target.parentElement);e?this.changeFocusedTab(t,e):this.onTabEndKey(t),t.preventDefault()},onTabHomeKey:function(t){var e=this.findFirstHeaderAction();this.changeFocusedTab(t,e),t.preventDefault()},onTabEndKey:function(t){var e=this.findLastHeaderAction();this.changeFocusedTab(t,e),t.preventDefault()},onPageDownKey:function(t){this.scrollInView({index:this.$refs.nav.children.length-2}),t.preventDefault()},onPageUpKey:function(t){this.scrollInView({index:0}),t.preventDefault()},onTabEnterKey:function(t,e,n){this.changeActiveIndex(t,e,n),t.preventDefault()},findNextHeaderAction:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return e?a.getAttribute(e,"data-p-disabled")||"inkbar"===a.getAttribute(e,"data-pc-section")?this.findNextHeaderAction(e):a.findSingle(e,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return e?a.getAttribute(e,"data-p-disabled")||"inkbar"===a.getAttribute(e,"data-pc-section")?this.findPrevHeaderAction(e):a.findSingle(e,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$refs.nav.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$refs.nav.lastElementChild,!0)},changeActiveIndex:function(t,e,n){this.getTabProp(e,"disabled")||this.d_activeIndex===n||(this.d_activeIndex=n,this.$emit("update:activeIndex",n),this.$emit("tab-change",{originalEvent:t,index:n}),this.scrollInView({index:n}))},changeFocusedTab:function(t,e){if(e&&(a.focus(e),this.scrollInView({element:e}),this.selectOnFocus)){var n=parseInt(e.parentElement.dataset.index,10);this.changeActiveIndex(t,this.tabs[n],n)}},scrollInView:function(t){var e=t.index,n=t.element||this.$refs.nav.children[void 0===e?-1:e];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar:function(){var t=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=a.getWidth(t)+"px",this.$refs.inkbar.style.left=a.getOffset(t).left-a.getOffset(this.$refs.nav).left+"px"},updateButtonState:function(){var t=this.$refs.content,e=t.scrollLeft,n=t.scrollWidth,i=a.getWidth(t);this.isPrevButtonDisabled=0===e,this.isNextButtonDisabled=parseInt(e)===n-i},getVisibleButtonWidths:function(){var t=this.$refs;return[t.prevBtn,t.nextBtn].reduce((function(t,e){return e?t+a.getWidth(e):t}),0)}},computed:{tabs:function(){var t=this;return this.$slots.default().reduce((function(e,n){return t.isTabPanel(n)?e.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){t.isTabPanel(n)&&e.push(n)})),e}),[])},prevButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.previous:void 0},nextButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.next:void 0}},directives:{ripple:n},components:{ChevronLeftIcon:t,ChevronRightIcon:e}};function P(t){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},P(t)}function I(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function A(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?I(Object(n),!0).forEach((function(e){B(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function B(t,e,n){var i;return(e="symbol"==P(i=k(e,"string"))?i:String(i))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function k(t,e){if("object"!=P(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=P(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var w=["tabindex","aria-label"],C=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],S=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],$=["tabindex","aria-label"],D=["id","aria-labelledby","data-pc-index","data-p-active"];T.render=function(t,e,n,i,a,m){var x=o("ripple");return c(),s("div",r({class:t.cx("root"),role:"tablist"},t.ptm("root")),[l("div",r({class:t.cx("navContainer")},t.ptm("navContainer")),[t.scrollable&&!a.isPrevButtonDisabled?d((c(),s("button",r({key:0,ref:"prevBtn",type:"button",class:t.cx("previousButton"),tabindex:t.tabindex,"aria-label":m.prevButtonAriaLabel,onClick:e[0]||(e[0]=function(){return m.onPrevButtonClick&&m.onPrevButtonClick.apply(m,arguments)})},A(A({},t.previousButtonProps),t.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[u(t.$slots,"previcon",{},(function(){return[(c(),p(b(t.prevIcon?"span":"ChevronLeftIcon"),r({"aria-hidden":"true",class:t.prevIcon},t.ptm("previousIcon")),null,16,["class"]))]}))],16,w)),[[x]]):h("",!0),l("div",r({ref:"content",class:t.cx("navContent"),onScroll:e[1]||(e[1]=function(){return m.onScroll&&m.onScroll.apply(m,arguments)})},t.ptm("navContent")),[l("ul",r({ref:"nav",class:t.cx("nav")},t.ptm("nav")),[(c(!0),s(f,null,v(m.tabs,(function(e,n){return c(),s("li",r({key:m.getKey(e,n),style:m.getTabProp(e,"headerStyle"),class:t.cx("tab.header",{tab:e,index:n}),role:"presentation"},A(A(A({},m.getTabProp(e,"headerProps")),m.getTabPT(e,"root",n)),m.getTabPT(e,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":a.d_activeIndex===n,"data-p-disabled":m.getTabProp(e,"disabled"),"data-pc-index":n,"data-p-active":a.d_activeIndex===n}),[d((c(),s("a",r({id:m.getTabHeaderActionId(n),class:t.cx("tab.headerAction"),tabindex:m.getTabProp(e,"disabled")||!m.isTabActive(n)?-1:t.tabindex,role:"tab","aria-disabled":m.getTabProp(e,"disabled"),"aria-selected":m.isTabActive(n),"aria-controls":m.getTabContentId(n),onClick:function(t){return m.onTabClick(t,e,n)},onKeydown:function(t){return m.onTabKeyDown(t,e,n)}},A(A({},m.getTabProp(e,"headerActionProps")),m.getTabPT(e,"headerAction",n))),[e.props&&e.props.header?(c(),s("span",r({key:0,class:t.cx("tab.headerTitle")},m.getTabPT(e,"headerTitle",n)),g(e.props.header),17)):h("",!0),e.children&&e.children.header?(c(),p(b(e.children.header),{key:1})):h("",!0)],16,S)),[[x]])],16,C)})),128)),l("li",r({ref:"inkbar",class:t.cx("inkbar"),role:"presentation","aria-hidden":"true"},t.ptm("inkbar")),null,16)],16)],16),t.scrollable&&!a.isNextButtonDisabled?d((c(),s("button",r({key:1,ref:"nextBtn",type:"button",class:t.cx("nextButton"),tabindex:t.tabindex,"aria-label":m.nextButtonAriaLabel,onClick:e[2]||(e[2]=function(){return m.onNextButtonClick&&m.onNextButtonClick.apply(m,arguments)})},A(A({},t.nextButtonProps),t.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[u(t.$slots,"nexticon",{},(function(){return[(c(),p(b(t.nextIcon?"span":"ChevronRightIcon"),r({"aria-hidden":"true",class:t.nextIcon},t.ptm("nextIcon")),null,16,["class"]))]}))],16,$)),[[x]]):h("",!0)],16),l("div",r({class:t.cx("panelContainer")},t.ptm("panelContainer")),[(c(!0),s(f,null,v(m.tabs,(function(e,n){return c(),s(f,{key:m.getKey(e,n)},[!t.lazy||m.isTabActive(n)?d((c(),s("div",r({key:0,id:m.getTabContentId(n),style:m.getTabProp(e,"contentStyle"),class:t.cx("tab.content",{tab:e}),role:"tabpanel","aria-labelledby":m.getTabHeaderActionId(n)},A(A(A({},m.getTabProp(e,"contentProps")),m.getTabPT(e,"root",n)),m.getTabPT(e,"content",n)),{"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":a.d_activeIndex===n}),[(c(),p(b(e)))],16,D)),[[y,!!t.lazy||m.isTabActive(n)]]):h("",!0)],64)})),128))],16)],16)};export{T as default};

package/tabview/tabview.js

@@ -89,6 +89,7 @@ this.primevue.tabview = (function (ChevronLeftIcon, ChevronRightIcon, Ripple, ut
       },
       updated: function updated() {
         this.updateInkBar();
+        this.scrollable && this.updateButtonState();
       },
       methods: {
         isTabPanel: function isTabPanel(child) {
@@ -342,9 +343,7 @@ this.primevue.tabview = (function (ChevronLeftIcon, ChevronRightIcon, Ripple, ut
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         "class": _ctx.cx('root'),
         role: "tablist"
-      }, _ctx.ptm('root'), {
-        "data-pc-name": "tabview"
-      }), [vue.createElementVNode("div", vue.mergeProps({
+      }, _ctx.ptm('root')), [vue.createElementVNode("div", vue.mergeProps({
         "class": _ctx.cx('navContainer')
       }, _ctx.ptm('navContainer')), [_ctx.scrollable && !$data.isPrevButtonDisabled ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
         key: 0,