primevue 4.3.1 → 4.3.3

package/steppanel/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import { find, findSingle } from '@primeuix/utils/dom';
 import { findIndexInList } from '@primeuix/utils/object';
 import BaseComponent from '@primevue/core/basecomponent';
@@ -7,13 +8,18 @@ import StepPanelStyle from 'primevue/steppanel/style';
 var script$2 = {
   name: 'StepperSeparator',
   hostName: 'Stepper',
-  "extends": BaseComponent
+  "extends": BaseComponent,
+  inject: {
+    $pcStepper: {
+      "default": null
+    }
+  }
 };
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", mergeProps({
     "class": _ctx.cx('separator')
-  }, _ctx.ptm('separator')), null, 16);
+  }, _ctx.ptmo($options.$pcStepper.pt, 'separator')), null, 16);
 }
 
 script$2.render = render$1;
@@ -115,6 +121,11 @@ var script = {
         'data-pc-name': 'steppanel',
         'data-p-active': this.active
       };
+    },
+    dataP: function dataP() {
+      return cn({
+        vertical: this.$pcStepItem != null
+      });
     }
   },
   components: {
@@ -122,6 +133,7 @@ var script = {
   }
 };
 
+var _hoisted_1 = ["data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_StepperSeparator = resolveComponent("StepperSeparator");
   return $options.isVertical ? (openBlock(), createElementBlock(Fragment, {
@@ -135,22 +147,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         id: $options.id,
         "class": _ctx.cx('root'),
         role: "tabpanel",
-        "aria-controls": $options.ariaControls
+        "aria-controls": $options.ariaControls,
+        "data-p": $options.dataP
       }, $options.getPTOptions('root')), {
         "default": withCtx(function () {
           return [$data.isSeparatorVisible ? (openBlock(), createBlock(_component_StepperSeparator, {
-            key: 0
-          })) : createCommentVNode("", true), createElementVNode("div", mergeProps({
-            "class": _ctx.cx('content')
+            key: 0,
+            "data-p": $options.dataP
+          }, null, 8, ["data-p"])) : createCommentVNode("", true), createElementVNode("div", mergeProps({
+            "class": _ctx.cx('content'),
+            "data-p": $options.dataP
           }, $options.getPTOptions('content')), [renderSlot(_ctx.$slots, "default", {
             active: $options.active,
             activateCallback: function activateCallback(val) {
               return $options.updateValue(val);
             }
-          })], 16)];
+          })], 16, _hoisted_1)];
         }),
         _: 3
-      }, 16, ["id", "class", "aria-controls"])), [[vShow, $options.active]])];
+      }, 16, ["id", "class", "aria-controls", "data-p"])), [[vShow, $options.active]])];
     }),
     _: 3
   }, 16)) : renderSlot(_ctx.$slots, "default", {

package/steppanel/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/stepper/StepperSeparator.vue","../../src/stepper/StepperSeparator.vue?vue&type=template&id=131b32e8&lang.js","../../src/steppanel/BaseStepPanel.vue","../../src/steppanel/StepPanel.vue","../../src/steppanel/StepPanel.vue?vue&type=template&id=9f44d2e0&lang.js"],"sourcesContent":["<template>\n    <span :class=\"cx('separator')\" v-bind=\"ptm('separator')\" />\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'StepperSeparator',\n    hostName: 'Stepper',\n    extends: BaseComponent\n};\n</script>\n","<template>\n    <span :class=\"cx('separator')\" v-bind=\"ptm('separator')\" />\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'StepperSeparator',\n    hostName: 'Stepper',\n    extends: BaseComponent\n};\n</script>\n","<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepPanelStyle from 'primevue/steppanel/style';\n\nexport default {\n    name: 'BaseStepPanel',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: [String, Number],\n            default: undefined\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        },\n        as: {\n            type: [String, Object],\n            default: 'DIV'\n        }\n    },\n    style: StepPanelStyle,\n    provide() {\n        return {\n            $pcStepPanel: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <template v-if=\"isVertical\">\n        <template v-if=\"!asChild\">\n            <transition name=\"p-toggleable-content\" v-bind=\"ptm('transition')\">\n                <component v-show=\"active\" :is=\"as\" :id=\"id\" :class=\"cx('root')\" role=\"tabpanel\" :aria-controls=\"ariaControls\" v-bind=\"getPTOptions('root')\">\n                    <StepperSeparator v-if=\"isSeparatorVisible\" />\n                    <div :class=\"cx('content')\" v-bind=\"getPTOptions('content')\">\n                        <slot :active=\"active\" :activateCallback=\"(val) => updateValue(val)\" />\n                    </div>\n                </component>\n            </transition>\n        </template>\n        <slot v-else :active=\"active\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"(val) => updateValue(val)\" />\n    </template>\n    <template v-else>\n        <template v-if=\"!asChild\">\n            <component v-show=\"active\" :is=\"as\" :id=\"id\" :class=\"cx('root')\" role=\"tabpanel\" :aria-controls=\"ariaControls\" v-bind=\"getPTOptions('root')\">\n                <slot :active=\"active\" :activateCallback=\"(val) => updateValue(val)\" />\n            </component>\n        </template>\n        <slot v-else-if=\"asChild && active\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"(val) => updateValue(val)\" />\n    </template>\n</template>\n\n<script>\nimport { find, findSingle } from '@primeuix/utils/dom';\nimport { findIndexInList } from '@primeuix/utils/object';\nimport StepperSeparator from '../stepper/StepperSeparator.vue';\nimport BaseStepPanel from './BaseStepPanel.vue';\n\nexport default {\n    name: 'StepPanel',\n    extends: BaseStepPanel,\n    inheritAttrs: false,\n    inject: {\n        $pcStepper: { default: null },\n        $pcStepItem: { default: null },\n        $pcStepList: { default: null }\n    },\n    data() {\n        return {\n            isSeparatorVisible: false\n        };\n    },\n    mounted() {\n        if (this.$el) {\n            let stepElements = find(this.$pcStepper.$el, '[data-pc-name=\"step\"]');\n            let stepPanelEl = findSingle(this.isVertical ? this.$pcStepItem?.$el : this.$pcStepList?.$el, '[data-pc-name=\"step\"]');\n            let stepPanelIndex = findIndexInList(stepPanelEl, stepElements);\n\n            this.isSeparatorVisible = this.isVertical && stepPanelIndex !== stepElements.length - 1;\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    active: this.active\n                }\n            });\n        },\n        updateValue(val) {\n            this.$pcStepper.updateValue(val);\n        }\n    },\n    computed: {\n        active() {\n            let activeValue = !!this.$pcStepItem ? this.$pcStepItem?.value : this.value;\n\n            return activeValue === this.$pcStepper?.d_value;\n        },\n        isVertical() {\n            return !!this.$pcStepItem;\n        },\n        activeValue() {\n            return this.isVertical ? this.$pcStepItem?.value : this.value;\n        },\n        id() {\n            return `${this.$pcStepper?.id}_steppanel_${this.activeValue}`;\n        },\n        ariaControls() {\n            return `${this.$pcStepper?.id}_step_${this.activeValue}`;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                role: 'tabpanel',\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'steppanel',\n                'data-p-active': this.active\n            };\n        }\n    },\n    components: {\n        StepperSeparator\n    }\n};\n</script>\n","<template>\n    <template v-if=\"isVertical\">\n        <template v-if=\"!asChild\">\n            <transition name=\"p-toggleable-content\" v-bind=\"ptm('transition')\">\n                <component v-show=\"active\" :is=\"as\" :id=\"id\" :class=\"cx('root')\" role=\"tabpanel\" :aria-controls=\"ariaControls\" v-bind=\"getPTOptions('root')\">\n                    <StepperSeparator v-if=\"isSeparatorVisible\" />\n                    <div :class=\"cx('content')\" v-bind=\"getPTOptions('content')\">\n                        <slot :active=\"active\" :activateCallback=\"(val) => updateValue(val)\" />\n                    </div>\n                </component>\n            </transition>\n        </template>\n        <slot v-else :active=\"active\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"(val) => updateValue(val)\" />\n    </template>\n    <template v-else>\n        <template v-if=\"!asChild\">\n            <component v-show=\"active\" :is=\"as\" :id=\"id\" :class=\"cx('root')\" role=\"tabpanel\" :aria-controls=\"ariaControls\" v-bind=\"getPTOptions('root')\">\n                <slot :active=\"active\" :activateCallback=\"(val) => updateValue(val)\" />\n            </component>\n        </template>\n        <slot v-else-if=\"asChild && active\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"(val) => updateValue(val)\" />\n    </template>\n</template>\n\n<script>\nimport { find, findSingle } from '@primeuix/utils/dom';\nimport { findIndexInList } from '@primeuix/utils/object';\nimport StepperSeparator from '../stepper/StepperSeparator.vue';\nimport BaseStepPanel from './BaseStepPanel.vue';\n\nexport default {\n    name: 'StepPanel',\n    extends: BaseStepPanel,\n    inheritAttrs: false,\n    inject: {\n        $pcStepper: { default: null },\n        $pcStepItem: { default: null },\n        $pcStepList: { default: null }\n    },\n    data() {\n        return {\n            isSeparatorVisible: false\n        };\n    },\n    mounted() {\n        if (this.$el) {\n            let stepElements = find(this.$pcStepper.$el, '[data-pc-name=\"step\"]');\n            let stepPanelEl = findSingle(this.isVertical ? this.$pcStepItem?.$el : this.$pcStepList?.$el, '[data-pc-name=\"step\"]');\n            let stepPanelIndex = findIndexInList(stepPanelEl, stepElements);\n\n            this.isSeparatorVisible = this.isVertical && stepPanelIndex !== stepElements.length - 1;\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    active: this.active\n                }\n            });\n        },\n        updateValue(val) {\n            this.$pcStepper.updateValue(val);\n        }\n    },\n    computed: {\n        active() {\n            let activeValue = !!this.$pcStepItem ? this.$pcStepItem?.value : this.value;\n\n            return activeValue === this.$pcStepper?.d_value;\n        },\n        isVertical() {\n            return !!this.$pcStepItem;\n        },\n        activeValue() {\n            return this.isVertical ? this.$pcStepItem?.value : this.value;\n        },\n        id() {\n            return `${this.$pcStepper?.id}_steppanel_${this.activeValue}`;\n        },\n        ariaControls() {\n            return `${this.$pcStepper?.id}_step_${this.activeValue}`;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                role: 'tabpanel',\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'steppanel',\n                'data-p-active': this.active\n            };\n        }\n    },\n    components: {\n        StepperSeparator\n    }\n};\n</script>\n"],"names":["name","hostName","BaseComponent","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptm","props","value","type","String","Number","undefined","asChild","Boolean","as","Object","style","StepPanelStyle","provide","$pcStepPanel","$parentInstance","BaseStepPanel","inheritAttrs","inject","$pcStepper","$pcStepItem","$pcStepList","data","isSeparatorVisible","mounted","$el","_this$$pcStepItem","_this$$pcStepList","stepElements","find","stepPanelEl","findSingle","isVertical","stepPanelIndex","findIndexInList","length","methods","getPTOptions","key","_ptm","ptmi","context","active","updateValue","val","computed","_this$$pcStepItem2","_this$$pcStepper","activeValue","d_value","_this$$pcStepItem3","id","_this$$pcStepper2","concat","ariaControls","_this$$pcStepper3","a11yAttrs","role","components","StepperSeparator","$options","_Fragment","_createBlock","_Transition","_resolveDynamicComponent","$data","_component_StepperSeparator","_createElementVNode","_renderSlot","$slots","activateCallback"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/stepper/StepperSeparator.vue","../../src/stepper/StepperSeparator.vue?vue&type=template&id=14656bfa&lang.js","../../src/steppanel/BaseStepPanel.vue","../../src/steppanel/StepPanel.vue","../../src/steppanel/StepPanel.vue?vue&type=template&id=72b49e52&lang.js"],"sourcesContent":["<template>\n    <span :class=\"cx('separator')\" v-bind=\"ptmo($pcStepper.pt, 'separator')\" />\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'StepperSeparator',\n    hostName: 'Stepper',\n    extends: BaseComponent,\n    inject: {\n        $pcStepper: { default: null }\n    }\n};\n</script>\n","<template>\n    <span :class=\"cx('separator')\" v-bind=\"ptmo($pcStepper.pt, 'separator')\" />\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'StepperSeparator',\n    hostName: 'Stepper',\n    extends: BaseComponent,\n    inject: {\n        $pcStepper: { default: null }\n    }\n};\n</script>\n","<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepPanelStyle from 'primevue/steppanel/style';\n\nexport default {\n    name: 'BaseStepPanel',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: [String, Number],\n            default: undefined\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        },\n        as: {\n            type: [String, Object],\n            default: 'DIV'\n        }\n    },\n    style: StepPanelStyle,\n    provide() {\n        return {\n            $pcStepPanel: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <template v-if=\"isVertical\">\n        <template v-if=\"!asChild\">\n            <transition name=\"p-toggleable-content\" v-bind=\"ptm('transition')\">\n                <component v-show=\"active\" :is=\"as\" :id=\"id\" :class=\"cx('root')\" role=\"tabpanel\" :aria-controls=\"ariaControls\" :data-p=\"dataP\" v-bind=\"getPTOptions('root')\">\n                    <StepperSeparator v-if=\"isSeparatorVisible\" :data-p=\"dataP\" />\n                    <div :class=\"cx('content')\" :data-p=\"dataP\" v-bind=\"getPTOptions('content')\">\n                        <slot :active=\"active\" :activateCallback=\"(val) => updateValue(val)\" />\n                    </div>\n                </component>\n            </transition>\n        </template>\n        <slot v-else :active=\"active\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"(val) => updateValue(val)\" />\n    </template>\n    <template v-else>\n        <template v-if=\"!asChild\">\n            <component v-show=\"active\" :is=\"as\" :id=\"id\" :class=\"cx('root')\" role=\"tabpanel\" :aria-controls=\"ariaControls\" v-bind=\"getPTOptions('root')\">\n                <slot :active=\"active\" :activateCallback=\"(val) => updateValue(val)\" />\n            </component>\n        </template>\n        <slot v-else-if=\"asChild && active\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"(val) => updateValue(val)\" />\n    </template>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { find, findSingle } from '@primeuix/utils/dom';\nimport { findIndexInList } from '@primeuix/utils/object';\nimport StepperSeparator from '../stepper/StepperSeparator.vue';\nimport BaseStepPanel from './BaseStepPanel.vue';\n\nexport default {\n    name: 'StepPanel',\n    extends: BaseStepPanel,\n    inheritAttrs: false,\n    inject: {\n        $pcStepper: { default: null },\n        $pcStepItem: { default: null },\n        $pcStepList: { default: null }\n    },\n    data() {\n        return {\n            isSeparatorVisible: false\n        };\n    },\n    mounted() {\n        if (this.$el) {\n            let stepElements = find(this.$pcStepper.$el, '[data-pc-name=\"step\"]');\n            let stepPanelEl = findSingle(this.isVertical ? this.$pcStepItem?.$el : this.$pcStepList?.$el, '[data-pc-name=\"step\"]');\n            let stepPanelIndex = findIndexInList(stepPanelEl, stepElements);\n\n            this.isSeparatorVisible = this.isVertical && stepPanelIndex !== stepElements.length - 1;\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    active: this.active\n                }\n            });\n        },\n        updateValue(val) {\n            this.$pcStepper.updateValue(val);\n        }\n    },\n    computed: {\n        active() {\n            let activeValue = !!this.$pcStepItem ? this.$pcStepItem?.value : this.value;\n\n            return activeValue === this.$pcStepper?.d_value;\n        },\n        isVertical() {\n            return !!this.$pcStepItem;\n        },\n        activeValue() {\n            return this.isVertical ? this.$pcStepItem?.value : this.value;\n        },\n        id() {\n            return `${this.$pcStepper?.id}_steppanel_${this.activeValue}`;\n        },\n        ariaControls() {\n            return `${this.$pcStepper?.id}_step_${this.activeValue}`;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                role: 'tabpanel',\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'steppanel',\n                'data-p-active': this.active\n            };\n        },\n        dataP() {\n            return cn({\n                vertical: this.$pcStepItem != null\n            });\n        }\n    },\n    components: {\n        StepperSeparator\n    }\n};\n</script>\n","<template>\n    <template v-if=\"isVertical\">\n        <template v-if=\"!asChild\">\n            <transition name=\"p-toggleable-content\" v-bind=\"ptm('transition')\">\n                <component v-show=\"active\" :is=\"as\" :id=\"id\" :class=\"cx('root')\" role=\"tabpanel\" :aria-controls=\"ariaControls\" :data-p=\"dataP\" v-bind=\"getPTOptions('root')\">\n                    <StepperSeparator v-if=\"isSeparatorVisible\" :data-p=\"dataP\" />\n                    <div :class=\"cx('content')\" :data-p=\"dataP\" v-bind=\"getPTOptions('content')\">\n                        <slot :active=\"active\" :activateCallback=\"(val) => updateValue(val)\" />\n                    </div>\n                </component>\n            </transition>\n        </template>\n        <slot v-else :active=\"active\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"(val) => updateValue(val)\" />\n    </template>\n    <template v-else>\n        <template v-if=\"!asChild\">\n            <component v-show=\"active\" :is=\"as\" :id=\"id\" :class=\"cx('root')\" role=\"tabpanel\" :aria-controls=\"ariaControls\" v-bind=\"getPTOptions('root')\">\n                <slot :active=\"active\" :activateCallback=\"(val) => updateValue(val)\" />\n            </component>\n        </template>\n        <slot v-else-if=\"asChild && active\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"(val) => updateValue(val)\" />\n    </template>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { find, findSingle } from '@primeuix/utils/dom';\nimport { findIndexInList } from '@primeuix/utils/object';\nimport StepperSeparator from '../stepper/StepperSeparator.vue';\nimport BaseStepPanel from './BaseStepPanel.vue';\n\nexport default {\n    name: 'StepPanel',\n    extends: BaseStepPanel,\n    inheritAttrs: false,\n    inject: {\n        $pcStepper: { default: null },\n        $pcStepItem: { default: null },\n        $pcStepList: { default: null }\n    },\n    data() {\n        return {\n            isSeparatorVisible: false\n        };\n    },\n    mounted() {\n        if (this.$el) {\n            let stepElements = find(this.$pcStepper.$el, '[data-pc-name=\"step\"]');\n            let stepPanelEl = findSingle(this.isVertical ? this.$pcStepItem?.$el : this.$pcStepList?.$el, '[data-pc-name=\"step\"]');\n            let stepPanelIndex = findIndexInList(stepPanelEl, stepElements);\n\n            this.isSeparatorVisible = this.isVertical && stepPanelIndex !== stepElements.length - 1;\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    active: this.active\n                }\n            });\n        },\n        updateValue(val) {\n            this.$pcStepper.updateValue(val);\n        }\n    },\n    computed: {\n        active() {\n            let activeValue = !!this.$pcStepItem ? this.$pcStepItem?.value : this.value;\n\n            return activeValue === this.$pcStepper?.d_value;\n        },\n        isVertical() {\n            return !!this.$pcStepItem;\n        },\n        activeValue() {\n            return this.isVertical ? this.$pcStepItem?.value : this.value;\n        },\n        id() {\n            return `${this.$pcStepper?.id}_steppanel_${this.activeValue}`;\n        },\n        ariaControls() {\n            return `${this.$pcStepper?.id}_step_${this.activeValue}`;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                role: 'tabpanel',\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'steppanel',\n                'data-p-active': this.active\n            };\n        },\n        dataP() {\n            return cn({\n                vertical: this.$pcStepItem != null\n            });\n        }\n    },\n    components: {\n        StepperSeparator\n    }\n};\n</script>\n"],"names":["name","hostName","BaseComponent","inject","$pcStepper","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmo","$options","pt","props","value","type","String","Number","undefined","asChild","Boolean","as","Object","style","StepPanelStyle","provide","$pcStepPanel","$parentInstance","BaseStepPanel","inheritAttrs","$pcStepItem","$pcStepList","data","isSeparatorVisible","mounted","$el","_this$$pcStepItem","_this$$pcStepList","stepElements","find","stepPanelEl","findSingle","isVertical","stepPanelIndex","findIndexInList","length","methods","getPTOptions","key","_ptm","ptmi","ptm","context","active","updateValue","val","computed","_this$$pcStepItem2","_this$$pcStepper","activeValue","d_value","_this$$pcStepItem3","id","_this$$pcStepper2","concat","ariaControls","_this$$pcStepper3","a11yAttrs","role","dataP","cn","vertical","components","StepperSeparator","_Fragment","_createBlock","_Transition","_resolveDynamicComponent","$data","_component_StepperSeparator","_createElementVNode","_renderSlot","$slots","activateCallback"],"mappings":";;;;;;;AAOA,eAAe;AACXA,EAAAA,IAAI,EAAE,kBAAkB;AACxBC,EAAAA,QAAQ,EAAE,SAAS;AACnB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,MAAM,EAAE;AACJC,IAAAA,UAAU,EAAE;MAAE,SAAS,EAAA;AAAK;AAChC;AACJ,CAAC;;;ECbG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAA0E,QAA1EC,UAA0E,CAAA;AAAnE,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,WAAA;KAAuBD,IAAI,CAAAE,IAAA,CAACC,QAAU,CAAAP,UAAA,CAACQ,EAAE,EAAA,WAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA;;;;;ACG7D,eAAe;AACXZ,EAAAA,IAAI,EAAE,eAAe;AACrB,EAAA,SAAA,EAASE,aAAa;AACtBW,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;MACtB,SAASC,EAAAA;KACZ;AACDC,IAAAA,OAAO,EAAE;AACLJ,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA;KACZ;AACDC,IAAAA,EAAE,EAAE;AACAN,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEM,MAAM,CAAC;MACtB,SAAS,EAAA;AACb;GACH;AACDC,EAAAA,KAAK,EAAEC,cAAc;EACrBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,YAAY,EAAE,IAAI;AAClBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACGD,aAAe;AACX3B,EAAAA,IAAI,EAAE,WAAW;AACjB,EAAA,SAAA,EAAS4B,QAAa;AACtBC,EAAAA,YAAY,EAAE,KAAK;AACnB1B,EAAAA,MAAM,EAAE;AACJC,IAAAA,UAAU,EAAE;MAAE,SAAS,EAAA;KAAM;AAC7B0B,IAAAA,WAAW,EAAE;MAAE,SAAS,EAAA;KAAM;AAC9BC,IAAAA,WAAW,EAAE;MAAE,SAAS,EAAA;AAAK;GAChC;EACDC,IAAI,EAAA,SAAJA,IAAIA,GAAG;IACH,OAAO;AACHC,MAAAA,kBAAkB,EAAE;KACvB;GACJ;EACDC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,IAAI,IAAI,CAACC,GAAG,EAAE;MAAA,IAAAC,iBAAA,EAAAC,iBAAA;MACV,IAAIC,YAAW,GAAIC,IAAI,CAAC,IAAI,CAACnC,UAAU,CAAC+B,GAAG,EAAE,uBAAuB,CAAC;AACrE,MAAA,IAAIK,cAAcC,UAAU,CAAC,IAAI,CAACC,UAAS,GAAAN,CAAAA,iBAAA,GAAI,IAAI,CAACN,WAAW,cAAAM,iBAAA,KAAA,MAAA,GAAA,MAAA,GAAhBA,iBAAA,CAAkBD,2BAAM,IAAI,CAACJ,WAAW,MAAAM,IAAAA,IAAAA,iBAAA,uBAAhBA,iBAAA,CAAkBF,GAAG,EAAE,uBAAuB,CAAC;AACtH,MAAA,IAAIQ,cAAa,GAAIC,eAAe,CAACJ,WAAW,EAAEF,YAAY,CAAC;AAE/D,MAAA,IAAI,CAACL,kBAAmB,GAAE,IAAI,CAACS,UAAS,IAAKC,cAAe,KAAIL,YAAY,CAACO,MAAK,GAAI,CAAC;AAC3F;GACH;AACDC,EAAAA,OAAO,EAAE;AACLC,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAACC,GAAG,EAAE;AACd,MAAA,IAAMC,IAAG,GAAID,GAAI,KAAI,MAAK,GAAI,IAAI,CAACE,IAAK,GAAE,IAAI,CAACC,GAAG;MAElD,OAAOF,IAAI,CAACD,GAAG,EAAE;AACbI,QAAAA,OAAO,EAAE;UACLC,MAAM,EAAE,IAAI,CAACA;AACjB;AACJ,OAAC,CAAC;KACL;AACDC,IAAAA,WAAW,EAAXA,SAAAA,WAAWA,CAACC,GAAG,EAAE;AACb,MAAA,IAAI,CAACnD,UAAU,CAACkD,WAAW,CAACC,GAAG,CAAC;AACpC;GACH;AACDC,EAAAA,QAAQ,EAAE;IACNH,MAAM,EAAA,SAANA,MAAMA,GAAG;MAAA,IAAAI,kBAAA,EAAAC,gBAAA;MACL,IAAIC,cAAc,CAAC,CAAC,IAAI,CAAC7B,WAAY,GAAA2B,CAAAA,kBAAA,GAAE,IAAI,CAAC3B,WAAW,MAAA,IAAA,IAAA2B,kBAAA,KAAhBA,MAAAA,GAAAA,MAAAA,GAAAA,kBAAA,CAAkB3C,KAAI,GAAI,IAAI,CAACA,KAAK;AAE3E,MAAA,OAAO6C,qCAAgB,IAAI,CAACvD,UAAU,MAAA,IAAA,IAAAsD,gBAAA,KAAA,MAAA,GAAA,MAAA,GAAfA,gBAAA,CAAiBE,OAAO,CAAA;KAClD;IACDlB,UAAU,EAAA,SAAVA,UAAUA,GAAG;AACT,MAAA,OAAO,CAAC,CAAC,IAAI,CAACZ,WAAW;KAC5B;IACD6B,WAAW,EAAA,SAAXA,WAAWA,GAAG;AAAA,MAAA,IAAAE,kBAAA;AACV,MAAA,OAAO,IAAI,CAACnB,UAAW,IAAAmB,kBAAA,GAAE,IAAI,CAAC/B,WAAW,MAAA+B,IAAAA,IAAAA,kBAAA,uBAAhBA,kBAAA,CAAkB/C,KAAI,GAAI,IAAI,CAACA,KAAK;KAChE;IACDgD,EAAE,EAAA,SAAFA,EAAEA,GAAG;AAAA,MAAA,IAAAC,iBAAA;AACD,MAAA,OAAA,EAAA,CAAAC,MAAA,CAAAD,CAAAA,iBAAA,GAAU,IAAI,CAAC3D,UAAU,MAAA2D,IAAAA,IAAAA,iBAAA,KAAfA,MAAAA,GAAAA,MAAAA,GAAAA,iBAAA,CAAiBD,EAAE,EAAA,aAAA,CAAA,CAAAE,MAAA,CAAc,IAAI,CAACL,WAAW,CAAA;KAC9D;IACDM,YAAY,EAAA,SAAZA,YAAYA,GAAG;AAAA,MAAA,IAAAC,iBAAA;AACX,MAAA,OAAA,EAAA,CAAAF,MAAA,CAAAE,CAAAA,iBAAA,GAAU,IAAI,CAAC9D,UAAU,MAAA8D,IAAAA,IAAAA,iBAAA,KAAfA,MAAAA,GAAAA,MAAAA,GAAAA,iBAAA,CAAiBJ,EAAE,EAAA,QAAA,CAAA,CAAAE,MAAA,CAAS,IAAI,CAACL,WAAW,CAAA;KACzD;IACDQ,SAAS,EAAA,SAATA,SAASA,GAAG;MACR,OAAO;QACHL,EAAE,EAAE,IAAI,CAACA,EAAE;AACXM,QAAAA,IAAI,EAAE,UAAU;QAChB,eAAe,EAAE,IAAI,CAACH,YAAY;AAClC,QAAA,cAAc,EAAE,WAAW;QAC3B,eAAe,EAAE,IAAI,CAACZ;OACzB;KACJ;IACDgB,KAAK,EAAA,SAALA,KAAKA,GAAG;AACJ,MAAA,OAAOC,EAAE,CAAC;AACNC,QAAAA,QAAQ,EAAE,IAAI,CAACzC,WAAU,IAAK;AAClC,OAAC,CAAC;AACN;GACH;AACD0C,EAAAA,UAAU,EAAE;AACRC,IAAAA,gBAAe,EAAfA;AACJ;AACJ,CAAC;;;;;SCvGmB9D,QAAU,CAAA+B,UAAA,iBAA1BpC,kBAYU,CAAAoE,QAAA,EAAA;AAAA1B,IAAAA,GAAA,EAAA;AAAA,GAAA,EAAA,EAXWxC,IAAO,CAAAW,OAAA,IACpBd,SAAA,EAAA,EAAAsE,WAAA,CAOYC,YAPZrE,UAOY,CAAA;;AAPAP,IAAAA,IAAI,EAAC;KAA+BQ,IAAG,CAAA2C,GAAA,CAAA,YAAA,CAAA,CAAA,EAAA;uBAC/C,YAAA;AAAA,MAAA,OAKW,8BALXwB,WAKW,CAAAE,uBAAA,CALqBrE,IAAE,CAAAa,EAAA,CAAA,EAAlCd,UAKW,CAAA;QAL0BuD,EAAE,EAAEnD,QAAE,CAAAmD,EAAA;AAAG,QAAA,OAAA,EAAOtD,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;AAAU2D,QAAAA,IAAI,EAAC,UAAW;QAAC,eAAa,EAAEzD,QAAY,CAAAsD,YAAA;QAAG,QAAM,EAAEtD,QAAK,CAAA0D;SAAU1D,QAAY,CAAAoC,YAAA,CAAA,MAAA,CAAA,CAAA,EAAA;2BAC/I,YAAA;AAAA,UAAA,OAA6D,CAArC+B,KAAkB,CAAA7C,kBAAA,iBAA1C0C,WAA6D,CAAAI,2BAAA,EAAA;;YAAhB,QAAM,EAAEpE,QAAK,CAAA0D;mEAC1DW,kBAAA,CAEK,OAFLzE,UAEK,CAAA;AAFC,YAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,SAAA,CAAA;YAAc,QAAM,EAAEE,QAAK,CAAA0D;aAAU1D,QAAY,CAAAoC,YAAA,CAAA,SAAA,CAAA,CAAA,EAAA,CAC5DkC,UAAsE,CAAAzE,IAAA,CAAA0E,MAAA,EAAA,SAAA,EAAA;YAA/D7B,MAAM,EAAE1C,QAAM,CAAA0C,MAAA;AAAG8B,YAAAA,gBAAgB,EAAG,SAAnBA,gBAAgBA,CAAG5B,GAAG,EAAA;AAAA,cAAA,OAAK5C,QAAA,CAAA2C,WAAW,CAACC,GAAG,CAAA;AAAA;;;;oEAHvD5C,QAAM,CAAA0C,MAAA,CAAA;;;YAQjC4B,UAAoG,CAAAzE,IAAA,CAAA0E,MAAA,EAAA,SAAA,EAAA;;IAAtF7B,MAAM,EAAE1C,QAAM,CAAA0C,MAAA;IAAGc,SAAS,EAAExD,QAAS,CAAAwD,SAAA;AAAGgB,IAAAA,gBAAgB,EAAG,SAAnBA,gBAAgBA,CAAG5B,GAAG,EAAA;AAAA,MAAA,OAAK5C,QAAA,CAAA2C,WAAW,CAACC,GAAG,CAAA;AAAA;4BAEpGjD,kBAOU,CAAAoE,QAAA,EAAA;AAAA1B,IAAAA,GAAA,EAAA;GAAA,EAAA,EANWxC,IAAO,CAAAW,OAAA,gCACpBwD,WAEW,CAAAE,uBAAA,CAFqBrE,IAAE,CAAAa,EAAA,CAAA,EAAlCd,UAEW,CAAA;;IAF0BuD,EAAE,EAAEnD,QAAE,CAAAmD,EAAA;AAAG,IAAA,OAAA,EAAOtD,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;AAAU2D,IAAAA,IAAI,EAAC,UAAW;IAAC,eAAa,EAAEzD,QAAY,CAAAsD;KAAUtD,QAAY,CAAAoC,YAAA,CAAA,MAAA,CAAA,CAAA,EAAA;uBAC/H,YAAA;MAAA,OAAsE,CAAtEkC,UAAsE,CAAAzE,IAAA,CAAA0E,MAAA,EAAA,SAAA,EAAA;QAA/D7B,MAAM,EAAE1C,QAAM,CAAA0C,MAAA;AAAG8B,QAAAA,gBAAgB,EAAG,SAAnBA,gBAAgBA,CAAG5B,GAAG,EAAA;AAAA,UAAA,OAAK5C,QAAA,CAAA2C,WAAW,CAACC,GAAG,CAAA;AAAA;;;;sDADnD5C,QAAM,CAAA0C,MAAA,CAAA,KAIZ7C,IAAA,CAAAW,OAAQ,IAAGR,QAAM,CAAA0C,MAAA,GAAlC4B,UAA2H,CAAAzE,IAAA,CAAA0E,MAAA,EAAA,SAAA,EAAA;;IAAtF7B,MAAM,EAAE1C,QAAM,CAAA0C,MAAA;IAAGc,SAAS,EAAExD,QAAS,CAAAwD,SAAA;AAAGgB,IAAAA,gBAAgB,EAAG,SAAnBA,gBAAgBA,CAAG5B,GAAG,EAAA;AAAA,MAAA,OAAK5C,QAAA,CAAA2C,WAAW,CAACC,GAAG,CAAA;AAAA;;;;;;;;"}

package/stepper/StepperSeparator.vue

@@ -1,5 +1,5 @@
 <template>
-    <span :class="cx('separator')" v-bind="ptm('separator')" />
+    <span :class="cx('separator')" v-bind="ptmo($pcStepper.pt, 'separator')" />
 </template>
 
 <script>
@@ -8,6 +8,9 @@ import BaseComponent from '@primevue/core/basecomponent';
 export default {
     name: 'StepperSeparator',
     hostName: 'Stepper',
-    extends: BaseComponent
+    extends: BaseComponent,
+    inject: {
+        $pcStepper: { default: null }
+    }
 };
 </script>

package/stepper/index.d.ts

@@ -53,6 +53,10 @@ export interface StepperPassThroughOptions {
      * Used to pass attributes to the root's DOM element.
      */
     root?: StepperPassThroughOptionType;
+    /**
+     * Used to pass attributes to the separator's DOM element.
+     */
+    separator?: StepperPassThroughOptionType;
     /**
      * Used to manage all lifecycle hooks.
      * @see {@link BaseComponent.ComponentHooks}

package/tab/Tab.vue

@@ -1,11 +1,12 @@
 <template>
-    <component v-if="!asChild" :is="as" v-ripple :class="cx('root')" @click="onClick" v-bind="attrs">
+    <component v-if="!asChild" :is="as" v-ripple :class="cx('root')" :data-p="dataP" @click="onClick" v-bind="attrs">
         <slot></slot>
     </component>
-    <slot v-else :class="cx('root')" :active="active" :a11yAttrs="a11yAttrs" :onClick="onClick"></slot>
+    <slot v-else :dataP="dataP" :class="cx('root')" :active="active" :a11yAttrs="a11yAttrs" :onClick="onClick"></slot>
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import { findSingle, focus, getAttribute } from '@primeuix/utils/dom';
 import { equals } from '@primeuix/utils/object';
 import Ripple from 'primevue/ripple';
@@ -99,18 +100,18 @@ export default {
         findNextTab(tabElement, selfCheck = false) {
             const element = selfCheck ? tabElement : tabElement.nextElementSibling;
 
-            return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'inkbar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name="tab"]')) : null;
+            return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name="tab"]')) : null;
         },
         findPrevTab(tabElement, selfCheck = false) {
             const element = selfCheck ? tabElement : tabElement.previousElementSibling;
 
-            return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'inkbar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name="tab"]')) : null;
+            return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name="tab"]')) : null;
         },
         findFirstTab() {
-            return this.findNextTab(this.$pcTabList.$refs.content.firstElementChild, true);
+            return this.findNextTab(this.$pcTabList.$refs.tabs.firstElementChild, true);
         },
         findLastTab() {
-            return this.findPrevTab(this.$pcTabList.$refs.content.lastElementChild, true);
+            return this.findPrevTab(this.$pcTabList.$refs.tabs.lastElementChild, true);
         },
         changeActiveValue() {
             this.$pcTabs.updateValue(this.value);
@@ -159,6 +160,11 @@ export default {
                     active: this.active
                 }
             };
+        },
+        dataP() {
+            return cn({
+                active: this.active
+            });
         }
     },
     directives: {

package/tab/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import { focus, findSingle, getAttribute } from '@primeuix/utils/dom';
 import { equals } from '@primeuix/utils/object';
 import Ripple from 'primevue/ripple';
@@ -109,18 +110,18 @@ var script = {
     findNextTab: function findNextTab(tabElement) {
       var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var element = selfCheck ? tabElement : tabElement.nextElementSibling;
-      return element ? getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'inkbar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name="tab"]') : null;
+      return element ? getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name="tab"]') : null;
     },
     findPrevTab: function findPrevTab(tabElement) {
       var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var element = selfCheck ? tabElement : tabElement.previousElementSibling;
-      return element ? getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'inkbar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name="tab"]') : null;
+      return element ? getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name="tab"]') : null;
     },
     findFirstTab: function findFirstTab() {
-      return this.findNextTab(this.$pcTabList.$refs.content.firstElementChild, true);
+      return this.findNextTab(this.$pcTabList.$refs.tabs.firstElementChild, true);
     },
     findLastTab: function findLastTab() {
-      return this.findPrevTab(this.$pcTabList.$refs.content.lastElementChild, true);
+      return this.findPrevTab(this.$pcTabList.$refs.tabs.lastElementChild, true);
     },
     changeActiveValue: function changeActiveValue() {
       this.$pcTabs.updateValue(this.value);
@@ -178,6 +179,11 @@ var script = {
           active: this.active
         }
       };
+    },
+    dataP: function dataP() {
+      return cn({
+        active: this.active
+      });
     }
   },
   directives: {
@@ -190,14 +196,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return !_ctx.asChild ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps({
     key: 0,
     "class": _ctx.cx('root'),
+    "data-p": $options.dataP,
     onClick: $options.onClick
   }, $options.attrs), {
     "default": withCtx(function () {
       return [renderSlot(_ctx.$slots, "default")];
     }),
     _: 3
-  }, 16, ["class", "onClick"])), [[_directive_ripple]]) : renderSlot(_ctx.$slots, "default", {
+  }, 16, ["class", "data-p", "onClick"])), [[_directive_ripple]]) : renderSlot(_ctx.$slots, "default", {
     key: 1,
+    dataP: $options.dataP,
     "class": normalizeClass(_ctx.cx('root')),
     active: $options.active,
     a11yAttrs: $options.a11yAttrs,

package/tab/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/tab/BaseTab.vue","../../src/tab/Tab.vue","../../src/tab/Tab.vue?vue&type=template&id=7e0486a6&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TabStyle from 'primevue/tab/style';\n\nexport default {\n    name: 'BaseTab',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: [String, Number],\n            default: undefined\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        },\n        as: {\n            type: [String, Object],\n            default: 'BUTTON'\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: TabStyle,\n    provide() {\n        return {\n            $pcTab: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" @click=\"onClick\" v-bind=\"attrs\">\n        <slot></slot>\n    </component>\n    <slot v-else :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport { equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTab from './BaseTab.vue';\n\nexport default {\n    name: 'Tab',\n    extends: BaseTab,\n    inheritAttrs: false,\n    inject: ['$pcTabs', '$pcTabList'],\n    methods: {\n        onFocus() {\n            this.$pcTabs.selectOnFocus && this.changeActiveValue();\n        },\n        onClick() {\n            this.changeActiveValue();\n        },\n        onKeydown(event) {\n            switch (event.code) {\n                case 'ArrowRight':\n                    this.onArrowRightKey(event);\n                    break;\n\n                case 'ArrowLeft':\n                    this.onArrowLeftKey(event);\n                    break;\n\n                case 'Home':\n                    this.onHomeKey(event);\n                    break;\n\n                case 'End':\n                    this.onEndKey(event);\n                    break;\n\n                case 'PageDown':\n                    this.onPageDownKey(event);\n                    break;\n\n                case 'PageUp':\n                    this.onPageUpKey(event);\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Space':\n                    this.onEnterKey(event);\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onArrowRightKey(event) {\n            const nextTab = this.findNextTab(event.currentTarget);\n\n            nextTab ? this.changeFocusedTab(event, nextTab) : this.onHomeKey(event);\n            event.preventDefault();\n        },\n        onArrowLeftKey(event) {\n            const prevTab = this.findPrevTab(event.currentTarget);\n\n            prevTab ? this.changeFocusedTab(event, prevTab) : this.onEndKey(event);\n            event.preventDefault();\n        },\n        onHomeKey(event) {\n            const firstTab = this.findFirstTab();\n\n            this.changeFocusedTab(event, firstTab);\n            event.preventDefault();\n        },\n        onEndKey(event) {\n            const lastTab = this.findLastTab();\n\n            this.changeFocusedTab(event, lastTab);\n            event.preventDefault();\n        },\n        onPageDownKey(event) {\n            this.scrollInView(this.findLastTab());\n            event.preventDefault();\n        },\n        onPageUpKey(event) {\n            this.scrollInView(this.findFirstTab());\n            event.preventDefault();\n        },\n        onEnterKey(event) {\n            this.changeActiveValue();\n            event.preventDefault();\n        },\n        findNextTab(tabElement, selfCheck = false) {\n            const element = selfCheck ? tabElement : tabElement.nextElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'inkbar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n        },\n        findPrevTab(tabElement, selfCheck = false) {\n            const element = selfCheck ? tabElement : tabElement.previousElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'inkbar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n        },\n        findFirstTab() {\n            return this.findNextTab(this.$pcTabList.$refs.content.firstElementChild, true);\n        },\n        findLastTab() {\n            return this.findPrevTab(this.$pcTabList.$refs.content.lastElementChild, true);\n        },\n        changeActiveValue() {\n            this.$pcTabs.updateValue(this.value);\n        },\n        changeFocusedTab(event, element) {\n            focus(element);\n            this.scrollInView(element);\n        },\n        scrollInView(element) {\n            element?.scrollIntoView?.({ block: 'nearest' });\n        }\n    },\n    computed: {\n        active() {\n            return equals(this.$pcTabs?.d_value, this.value);\n        },\n        id() {\n            return `${this.$pcTabs?.$id}_tab_${this.value}`;\n        },\n        ariaControls() {\n            return `${this.$pcTabs?.$id}_tabpanel_${this.value}`;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.active ? this.$pcTabs.tabindex : -1,\n                role: 'tab',\n                'aria-selected': this.active,\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'tab',\n                'data-p-disabled': this.disabled,\n                'data-p-active': this.active,\n                onFocus: this.onFocus,\n                onKeydown: this.onKeydown\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.active\n                }\n            };\n        }\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" @click=\"onClick\" v-bind=\"attrs\">\n        <slot></slot>\n    </component>\n    <slot v-else :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport { equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTab from './BaseTab.vue';\n\nexport default {\n    name: 'Tab',\n    extends: BaseTab,\n    inheritAttrs: false,\n    inject: ['$pcTabs', '$pcTabList'],\n    methods: {\n        onFocus() {\n            this.$pcTabs.selectOnFocus && this.changeActiveValue();\n        },\n        onClick() {\n            this.changeActiveValue();\n        },\n        onKeydown(event) {\n            switch (event.code) {\n                case 'ArrowRight':\n                    this.onArrowRightKey(event);\n                    break;\n\n                case 'ArrowLeft':\n                    this.onArrowLeftKey(event);\n                    break;\n\n                case 'Home':\n                    this.onHomeKey(event);\n                    break;\n\n                case 'End':\n                    this.onEndKey(event);\n                    break;\n\n                case 'PageDown':\n                    this.onPageDownKey(event);\n                    break;\n\n                case 'PageUp':\n                    this.onPageUpKey(event);\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Space':\n                    this.onEnterKey(event);\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onArrowRightKey(event) {\n            const nextTab = this.findNextTab(event.currentTarget);\n\n            nextTab ? this.changeFocusedTab(event, nextTab) : this.onHomeKey(event);\n            event.preventDefault();\n        },\n        onArrowLeftKey(event) {\n            const prevTab = this.findPrevTab(event.currentTarget);\n\n            prevTab ? this.changeFocusedTab(event, prevTab) : this.onEndKey(event);\n            event.preventDefault();\n        },\n        onHomeKey(event) {\n            const firstTab = this.findFirstTab();\n\n            this.changeFocusedTab(event, firstTab);\n            event.preventDefault();\n        },\n        onEndKey(event) {\n            const lastTab = this.findLastTab();\n\n            this.changeFocusedTab(event, lastTab);\n            event.preventDefault();\n        },\n        onPageDownKey(event) {\n            this.scrollInView(this.findLastTab());\n            event.preventDefault();\n        },\n        onPageUpKey(event) {\n            this.scrollInView(this.findFirstTab());\n            event.preventDefault();\n        },\n        onEnterKey(event) {\n            this.changeActiveValue();\n            event.preventDefault();\n        },\n        findNextTab(tabElement, selfCheck = false) {\n            const element = selfCheck ? tabElement : tabElement.nextElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'inkbar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n        },\n        findPrevTab(tabElement, selfCheck = false) {\n            const element = selfCheck ? tabElement : tabElement.previousElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'inkbar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n        },\n        findFirstTab() {\n            return this.findNextTab(this.$pcTabList.$refs.content.firstElementChild, true);\n        },\n        findLastTab() {\n            return this.findPrevTab(this.$pcTabList.$refs.content.lastElementChild, true);\n        },\n        changeActiveValue() {\n            this.$pcTabs.updateValue(this.value);\n        },\n        changeFocusedTab(event, element) {\n            focus(element);\n            this.scrollInView(element);\n        },\n        scrollInView(element) {\n            element?.scrollIntoView?.({ block: 'nearest' });\n        }\n    },\n    computed: {\n        active() {\n            return equals(this.$pcTabs?.d_value, this.value);\n        },\n        id() {\n            return `${this.$pcTabs?.$id}_tab_${this.value}`;\n        },\n        ariaControls() {\n            return `${this.$pcTabs?.$id}_tabpanel_${this.value}`;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.active ? this.$pcTabs.tabindex : -1,\n                role: 'tab',\n                'aria-selected': this.active,\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'tab',\n                'data-p-disabled': this.disabled,\n                'data-p-active': this.active,\n                onFocus: this.onFocus,\n                onKeydown: this.onKeydown\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.active\n                }\n            };\n        }\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","Number","undefined","disabled","Boolean","as","Object","asChild","style","TabStyle","provide","$pcTab","$parentInstance","BaseTab","inheritAttrs","inject","methods","onFocus","$pcTabs","selectOnFocus","changeActiveValue","onClick","onKeydown","event","code","onArrowRightKey","onArrowLeftKey","onHomeKey","onEndKey","onPageDownKey","onPageUpKey","onEnterKey","nextTab","findNextTab","currentTarget","changeFocusedTab","preventDefault","prevTab","findPrevTab","firstTab","findFirstTab","lastTab","findLastTab","scrollInView","tabElement","selfCheck","element","nextElementSibling","getAttribute","findSingle","previousElementSibling","$pcTabList","$refs","content","firstElementChild","lastElementChild","updateValue","focus","_element$scrollIntoVi","scrollIntoView","call","block","computed","active","_this$$pcTabs","equals","d_value","id","_this$$pcTabs2","concat","$id","ariaControls","_this$$pcTabs3","attrs","mergeProps","asAttrs","a11yAttrs","ptmi","ptParams","tabindex","role","context","directives","ripple","Ripple","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","cx","$options","_renderSlot","$slots"],"mappings":";;;;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,SAAS;AACf,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;MACtB,SAASC,EAAAA;KACZ;AACDC,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA;KACZ;AACDC,IAAAA,EAAE,EAAE;AACAN,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEM,MAAM,CAAC;MACtB,SAAS,EAAA;KACZ;AACDC,IAAAA,OAAO,EAAE;AACLR,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA;AACb;GACH;AACDI,EAAAA,KAAK,EAAEC,QAAQ;EACfC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,MAAM,EAAE,IAAI;AACZC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;AClBD,aAAe;AACXjB,EAAAA,IAAI,EAAE,KAAK;AACX,EAAA,SAAA,EAASkB,QAAO;AAChBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC;AACjCC,EAAAA,OAAO,EAAE;IACLC,OAAO,EAAA,SAAPA,OAAOA,GAAG;MACN,IAAI,CAACC,OAAO,CAACC,aAAY,IAAK,IAAI,CAACC,iBAAiB,EAAE;KACzD;IACDC,OAAO,EAAA,SAAPA,OAAOA,GAAG;MACN,IAAI,CAACD,iBAAiB,EAAE;KAC3B;AACDE,IAAAA,SAAS,EAATA,SAAAA,SAASA,CAACC,KAAK,EAAE;MACb,QAAQA,KAAK,CAACC,IAAI;AACd,QAAA,KAAK,YAAY;AACb,UAAA,IAAI,CAACC,eAAe,CAACF,KAAK,CAAC;AAC3B,UAAA;AAEJ,QAAA,KAAK,WAAW;AACZ,UAAA,IAAI,CAACG,cAAc,CAACH,KAAK,CAAC;AAC1B,UAAA;AAEJ,QAAA,KAAK,MAAM;AACP,UAAA,IAAI,CAACI,SAAS,CAACJ,KAAK,CAAC;AACrB,UAAA;AAEJ,QAAA,KAAK,KAAK;AACN,UAAA,IAAI,CAACK,QAAQ,CAACL,KAAK,CAAC;AACpB,UAAA;AAEJ,QAAA,KAAK,UAAU;AACX,UAAA,IAAI,CAACM,aAAa,CAACN,KAAK,CAAC;AACzB,UAAA;AAEJ,QAAA,KAAK,QAAQ;AACT,UAAA,IAAI,CAACO,WAAW,CAACP,KAAK,CAAC;AACvB,UAAA;AAEJ,QAAA,KAAK,OAAO;AACZ,QAAA,KAAK,aAAa;AAClB,QAAA,KAAK,OAAO;AACR,UAAA,IAAI,CAACQ,UAAU,CAACR,KAAK,CAAC;AACtB,UAAA;AAIR;KACH;AACDE,IAAAA,eAAe,EAAfA,SAAAA,eAAeA,CAACF,KAAK,EAAE;MACnB,IAAMS,OAAM,GAAI,IAAI,CAACC,WAAW,CAACV,KAAK,CAACW,aAAa,CAAC;AAErDF,MAAAA,OAAM,GAAI,IAAI,CAACG,gBAAgB,CAACZ,KAAK,EAAES,OAAO,CAAE,GAAE,IAAI,CAACL,SAAS,CAACJ,KAAK,CAAC;MACvEA,KAAK,CAACa,cAAc,EAAE;KACzB;AACDV,IAAAA,cAAc,EAAdA,SAAAA,cAAcA,CAACH,KAAK,EAAE;MAClB,IAAMc,OAAM,GAAI,IAAI,CAACC,WAAW,CAACf,KAAK,CAACW,aAAa,CAAC;AAErDG,MAAAA,OAAM,GAAI,IAAI,CAACF,gBAAgB,CAACZ,KAAK,EAAEc,OAAO,CAAA,GAAI,IAAI,CAACT,QAAQ,CAACL,KAAK,CAAC;MACtEA,KAAK,CAACa,cAAc,EAAE;KACzB;AACDT,IAAAA,SAAS,EAATA,SAAAA,SAASA,CAACJ,KAAK,EAAE;AACb,MAAA,IAAMgB,QAAO,GAAI,IAAI,CAACC,YAAY,EAAE;AAEpC,MAAA,IAAI,CAACL,gBAAgB,CAACZ,KAAK,EAAEgB,QAAQ,CAAC;MACtChB,KAAK,CAACa,cAAc,EAAE;KACzB;AACDR,IAAAA,QAAQ,EAARA,SAAAA,QAAQA,CAACL,KAAK,EAAE;AACZ,MAAA,IAAMkB,OAAQ,GAAE,IAAI,CAACC,WAAW,EAAE;AAElC,MAAA,IAAI,CAACP,gBAAgB,CAACZ,KAAK,EAAEkB,OAAO,CAAC;MACrClB,KAAK,CAACa,cAAc,EAAE;KACzB;AACDP,IAAAA,aAAa,EAAbA,SAAAA,aAAaA,CAACN,KAAK,EAAE;MACjB,IAAI,CAACoB,YAAY,CAAC,IAAI,CAACD,WAAW,EAAE,CAAC;MACrCnB,KAAK,CAACa,cAAc,EAAE;KACzB;AACDN,IAAAA,WAAW,EAAXA,SAAAA,WAAWA,CAACP,KAAK,EAAE;MACf,IAAI,CAACoB,YAAY,CAAC,IAAI,CAACH,YAAY,EAAE,CAAC;MACtCjB,KAAK,CAACa,cAAc,EAAE;KACzB;AACDL,IAAAA,UAAU,EAAVA,SAAAA,UAAUA,CAACR,KAAK,EAAE;MACd,IAAI,CAACH,iBAAiB,EAAE;MACxBG,KAAK,CAACa,cAAc,EAAE;KACzB;AACDH,IAAAA,WAAW,EAAXA,SAAAA,WAAWA,CAACW,UAAU,EAAqB;AAAA,MAAA,IAAnBC,gFAAY,KAAK;MACrC,IAAMC,OAAQ,GAAED,SAAU,GAAED,UAAS,GAAIA,UAAU,CAACG,kBAAkB;AAEtE,MAAA,OAAOD,UAAWE,YAAY,CAACF,OAAO,EAAE,iBAAiB,CAAE,IAAGE,YAAY,CAACF,OAAO,EAAE,iBAAiB,CAAA,KAAM,QAAS,GAAE,IAAI,CAACb,WAAW,CAACa,OAAO,CAAE,GAAEG,UAAU,CAACH,OAAO,EAAE,sBAAsB,CAAC,GAAI,IAAI;KACxM;AACDR,IAAAA,WAAW,EAAXA,SAAAA,WAAWA,CAACM,UAAU,EAAqB;AAAA,MAAA,IAAnBC,gFAAY,KAAK;MACrC,IAAMC,OAAQ,GAAED,SAAQ,GAAID,UAAS,GAAIA,UAAU,CAACM,sBAAsB;AAE1E,MAAA,OAAOJ,UAAWE,YAAY,CAACF,OAAO,EAAE,iBAAiB,CAAE,IAAGE,YAAY,CAACF,OAAO,EAAE,iBAAiB,CAAA,KAAM,QAAS,GAAE,IAAI,CAACR,WAAW,CAACQ,OAAO,CAAE,GAAEG,UAAU,CAACH,OAAO,EAAE,sBAAsB,CAAC,GAAI,IAAI;KACxM;IACDN,YAAY,EAAA,SAAZA,YAAYA,GAAG;AACX,MAAA,OAAO,IAAI,CAACP,WAAW,CAAC,IAAI,CAACkB,UAAU,CAACC,KAAK,CAACC,OAAO,CAACC,iBAAiB,EAAE,IAAI,CAAC;KACjF;IACDZ,WAAW,EAAA,SAAXA,WAAWA,GAAG;AACV,MAAA,OAAO,IAAI,CAACJ,WAAW,CAAC,IAAI,CAACa,UAAU,CAACC,KAAK,CAACC,OAAO,CAACE,gBAAgB,EAAE,IAAI,CAAC;KAChF;IACDnC,iBAAiB,EAAA,SAAjBA,iBAAiBA,GAAG;MAChB,IAAI,CAACF,OAAO,CAACsC,WAAW,CAAC,IAAI,CAAC1D,KAAK,CAAC;KACvC;AACDqC,IAAAA,gBAAgB,WAAhBA,gBAAgBA,CAACZ,KAAK,EAAEuB,OAAO,EAAE;MAC7BW,KAAK,CAACX,OAAO,CAAC;AACd,MAAA,IAAI,CAACH,YAAY,CAACG,OAAO,CAAC;KAC7B;AACDH,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAACG,OAAO,EAAE;AAAA,MAAA,IAAAY,qBAAA;AAClBZ,MAAAA,OAAO,aAAPA,OAAO,KAAA,MAAA,IAAA,CAAAY,qBAAA,GAAPZ,OAAO,CAAEa,cAAc,MAAAD,IAAAA,IAAAA,qBAAA,eAAvBA,qBAAA,CAAAE,IAAA,CAAAd,OAAO,EAAmB;AAAEe,QAAAA,KAAK,EAAE;AAAU,OAAC,CAAC;AACnD;GACH;AACDC,EAAAA,QAAQ,EAAE;IACNC,MAAM,EAAA,SAANA,MAAMA,GAAG;AAAA,MAAA,IAAAC,aAAA;AACL,MAAA,OAAOC,MAAM,CAAAD,CAAAA,aAAA,GAAC,IAAI,CAAC9C,OAAO,MAAA,IAAA,IAAA8C,aAAA,KAAA,MAAA,GAAA,MAAA,GAAZA,aAAA,CAAcE,OAAO,EAAE,IAAI,CAACpE,KAAK,CAAC;KACnD;IACDqE,EAAE,EAAA,SAAFA,EAAEA,GAAG;AAAA,MAAA,IAAAC,cAAA;AACD,MAAA,OAAA,EAAA,CAAAC,MAAA,CAAAD,CAAAA,cAAA,GAAU,IAAI,CAAClD,OAAO,MAAAkD,IAAAA,IAAAA,cAAA,KAAZA,MAAAA,GAAAA,MAAAA,GAAAA,cAAA,CAAcE,GAAG,EAAA,OAAA,CAAA,CAAAD,MAAA,CAAQ,IAAI,CAACvE,KAAK,CAAA;KAChD;IACDyE,YAAY,EAAA,SAAZA,YAAYA,GAAG;AAAA,MAAA,IAAAC,cAAA;AACX,MAAA,OAAA,EAAA,CAAAH,MAAA,CAAAG,CAAAA,cAAA,GAAU,IAAI,CAACtD,OAAO,MAAAsD,IAAAA,IAAAA,cAAA,KAAZA,MAAAA,GAAAA,MAAAA,GAAAA,cAAA,CAAcF,GAAG,EAAA,YAAA,CAAA,CAAAD,MAAA,CAAa,IAAI,CAACvE,KAAK,CAAA;KACrD;IACD2E,KAAK,EAAA,SAALA,KAAKA,GAAG;MACJ,OAAOC,UAAU,CAAC,IAAI,CAACC,OAAO,EAAE,IAAI,CAACC,SAAS,EAAE,IAAI,CAACC,IAAI,CAAC,MAAM,EAAE,IAAI,CAACC,QAAQ,CAAC,CAAC;KACpF;IACDH,OAAO,EAAA,SAAPA,OAAOA,GAAG;AACN,MAAA,OAAO,IAAI,CAACtE,EAAG,KAAI,WAAW;AAAEN,QAAAA,IAAI,EAAE,QAAQ;QAAEI,QAAQ,EAAE,IAAI,CAACA;AAAS,OAAE,GAAED,SAAS;KACxF;IACD0E,SAAS,EAAA,SAATA,SAASA,GAAG;MACR,OAAO;QACHT,EAAE,EAAE,IAAI,CAACA,EAAE;AACXY,QAAAA,QAAQ,EAAE,IAAI,CAAChB,SAAS,IAAI,CAAC7C,OAAO,CAAC6D,QAAS,GAAE,EAAE;AAClDC,QAAAA,IAAI,EAAE,KAAK;QACX,eAAe,EAAE,IAAI,CAACjB,MAAM;QAC5B,eAAe,EAAE,IAAI,CAACQ,YAAY;AAClC,QAAA,cAAc,EAAE,KAAK;QACrB,iBAAiB,EAAE,IAAI,CAACpE,QAAQ;QAChC,eAAe,EAAE,IAAI,CAAC4D,MAAM;QAC5B9C,OAAO,EAAE,IAAI,CAACA,OAAO;QACrBK,SAAS,EAAE,IAAI,CAACA;OACnB;KACJ;IACDwD,QAAQ,EAAA,SAARA,QAAQA,GAAG;MACP,OAAO;AACHG,QAAAA,OAAO,EAAE;UACLlB,MAAM,EAAE,IAAI,CAACA;AACjB;OACH;AACL;GACH;AACDmB,EAAAA,UAAU,EAAE;AACRC,IAAAA,MAAM,EAAEC;AACZ;AACJ,CAAC;;;;UCrKqBC,IAAO,CAAA9E,OAAA,gCAAzB+E,WAEW,CAAAC,uBAAA,CAFqBF,IAAE,CAAAhF,EAAA,CAAA,EAAlCmF,UAEW,CAAA;;AAFmC,IAAA,OAAA,EAAOH,IAAE,CAAAI,EAAA,CAAA,MAAA,CAAA;IAAWpE,OAAK,EAAEqE,QAAO,CAAArE;KAAUqE,QAAK,CAAAjB,KAAA,CAAA,EAAA;uBAC3F,YAAA;MAAA,OAAY,CAAZkB,UAAY,CAAAN,IAAA,CAAAO,MAAA,EAAA,SAAA,CAAA;;;0DAEhBD,UAAkG,CAAAN,IAAA,CAAAO,MAAA,EAAA,SAAA,EAAA;;IAApF,wBAAOP,IAAE,CAAAI,EAAA,CAAA,MAAA,CAAA,CAAA;IAAW1B,MAAM,EAAE2B,QAAM,CAAA3B,MAAA;IAAGa,SAAS,EAAEc,QAAS,CAAAd,SAAA;IAAGvD,OAAO,EAAEqE,QAAO,CAAArE;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/tab/BaseTab.vue","../../src/tab/Tab.vue","../../src/tab/Tab.vue?vue&type=template&id=987cccf2&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TabStyle from 'primevue/tab/style';\n\nexport default {\n    name: 'BaseTab',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: [String, Number],\n            default: undefined\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        },\n        as: {\n            type: [String, Object],\n            default: 'BUTTON'\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: TabStyle,\n    provide() {\n        return {\n            $pcTab: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" :data-p=\"dataP\" @click=\"onClick\" v-bind=\"attrs\">\n        <slot></slot>\n    </component>\n    <slot v-else :dataP=\"dataP\" :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport { equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTab from './BaseTab.vue';\n\nexport default {\n    name: 'Tab',\n    extends: BaseTab,\n    inheritAttrs: false,\n    inject: ['$pcTabs', '$pcTabList'],\n    methods: {\n        onFocus() {\n            this.$pcTabs.selectOnFocus && this.changeActiveValue();\n        },\n        onClick() {\n            this.changeActiveValue();\n        },\n        onKeydown(event) {\n            switch (event.code) {\n                case 'ArrowRight':\n                    this.onArrowRightKey(event);\n                    break;\n\n                case 'ArrowLeft':\n                    this.onArrowLeftKey(event);\n                    break;\n\n                case 'Home':\n                    this.onHomeKey(event);\n                    break;\n\n                case 'End':\n                    this.onEndKey(event);\n                    break;\n\n                case 'PageDown':\n                    this.onPageDownKey(event);\n                    break;\n\n                case 'PageUp':\n                    this.onPageUpKey(event);\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Space':\n                    this.onEnterKey(event);\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onArrowRightKey(event) {\n            const nextTab = this.findNextTab(event.currentTarget);\n\n            nextTab ? this.changeFocusedTab(event, nextTab) : this.onHomeKey(event);\n            event.preventDefault();\n        },\n        onArrowLeftKey(event) {\n            const prevTab = this.findPrevTab(event.currentTarget);\n\n            prevTab ? this.changeFocusedTab(event, prevTab) : this.onEndKey(event);\n            event.preventDefault();\n        },\n        onHomeKey(event) {\n            const firstTab = this.findFirstTab();\n\n            this.changeFocusedTab(event, firstTab);\n            event.preventDefault();\n        },\n        onEndKey(event) {\n            const lastTab = this.findLastTab();\n\n            this.changeFocusedTab(event, lastTab);\n            event.preventDefault();\n        },\n        onPageDownKey(event) {\n            this.scrollInView(this.findLastTab());\n            event.preventDefault();\n        },\n        onPageUpKey(event) {\n            this.scrollInView(this.findFirstTab());\n            event.preventDefault();\n        },\n        onEnterKey(event) {\n            this.changeActiveValue();\n            event.preventDefault();\n        },\n        findNextTab(tabElement, selfCheck = false) {\n            const element = selfCheck ? tabElement : tabElement.nextElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n        },\n        findPrevTab(tabElement, selfCheck = false) {\n            const element = selfCheck ? tabElement : tabElement.previousElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n        },\n        findFirstTab() {\n            return this.findNextTab(this.$pcTabList.$refs.tabs.firstElementChild, true);\n        },\n        findLastTab() {\n            return this.findPrevTab(this.$pcTabList.$refs.tabs.lastElementChild, true);\n        },\n        changeActiveValue() {\n            this.$pcTabs.updateValue(this.value);\n        },\n        changeFocusedTab(event, element) {\n            focus(element);\n            this.scrollInView(element);\n        },\n        scrollInView(element) {\n            element?.scrollIntoView?.({ block: 'nearest' });\n        }\n    },\n    computed: {\n        active() {\n            return equals(this.$pcTabs?.d_value, this.value);\n        },\n        id() {\n            return `${this.$pcTabs?.$id}_tab_${this.value}`;\n        },\n        ariaControls() {\n            return `${this.$pcTabs?.$id}_tabpanel_${this.value}`;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.active ? this.$pcTabs.tabindex : -1,\n                role: 'tab',\n                'aria-selected': this.active,\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'tab',\n                'data-p-disabled': this.disabled,\n                'data-p-active': this.active,\n                onFocus: this.onFocus,\n                onKeydown: this.onKeydown\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.active\n                }\n            };\n        },\n        dataP() {\n            return cn({\n                active: this.active\n            });\n        }\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" :data-p=\"dataP\" @click=\"onClick\" v-bind=\"attrs\">\n        <slot></slot>\n    </component>\n    <slot v-else :dataP=\"dataP\" :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport { equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTab from './BaseTab.vue';\n\nexport default {\n    name: 'Tab',\n    extends: BaseTab,\n    inheritAttrs: false,\n    inject: ['$pcTabs', '$pcTabList'],\n    methods: {\n        onFocus() {\n            this.$pcTabs.selectOnFocus && this.changeActiveValue();\n        },\n        onClick() {\n            this.changeActiveValue();\n        },\n        onKeydown(event) {\n            switch (event.code) {\n                case 'ArrowRight':\n                    this.onArrowRightKey(event);\n                    break;\n\n                case 'ArrowLeft':\n                    this.onArrowLeftKey(event);\n                    break;\n\n                case 'Home':\n                    this.onHomeKey(event);\n                    break;\n\n                case 'End':\n                    this.onEndKey(event);\n                    break;\n\n                case 'PageDown':\n                    this.onPageDownKey(event);\n                    break;\n\n                case 'PageUp':\n                    this.onPageUpKey(event);\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Space':\n                    this.onEnterKey(event);\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onArrowRightKey(event) {\n            const nextTab = this.findNextTab(event.currentTarget);\n\n            nextTab ? this.changeFocusedTab(event, nextTab) : this.onHomeKey(event);\n            event.preventDefault();\n        },\n        onArrowLeftKey(event) {\n            const prevTab = this.findPrevTab(event.currentTarget);\n\n            prevTab ? this.changeFocusedTab(event, prevTab) : this.onEndKey(event);\n            event.preventDefault();\n        },\n        onHomeKey(event) {\n            const firstTab = this.findFirstTab();\n\n            this.changeFocusedTab(event, firstTab);\n            event.preventDefault();\n        },\n        onEndKey(event) {\n            const lastTab = this.findLastTab();\n\n            this.changeFocusedTab(event, lastTab);\n            event.preventDefault();\n        },\n        onPageDownKey(event) {\n            this.scrollInView(this.findLastTab());\n            event.preventDefault();\n        },\n        onPageUpKey(event) {\n            this.scrollInView(this.findFirstTab());\n            event.preventDefault();\n        },\n        onEnterKey(event) {\n            this.changeActiveValue();\n            event.preventDefault();\n        },\n        findNextTab(tabElement, selfCheck = false) {\n            const element = selfCheck ? tabElement : tabElement.nextElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n        },\n        findPrevTab(tabElement, selfCheck = false) {\n            const element = selfCheck ? tabElement : tabElement.previousElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n        },\n        findFirstTab() {\n            return this.findNextTab(this.$pcTabList.$refs.tabs.firstElementChild, true);\n        },\n        findLastTab() {\n            return this.findPrevTab(this.$pcTabList.$refs.tabs.lastElementChild, true);\n        },\n        changeActiveValue() {\n            this.$pcTabs.updateValue(this.value);\n        },\n        changeFocusedTab(event, element) {\n            focus(element);\n            this.scrollInView(element);\n        },\n        scrollInView(element) {\n            element?.scrollIntoView?.({ block: 'nearest' });\n        }\n    },\n    computed: {\n        active() {\n            return equals(this.$pcTabs?.d_value, this.value);\n        },\n        id() {\n            return `${this.$pcTabs?.$id}_tab_${this.value}`;\n        },\n        ariaControls() {\n            return `${this.$pcTabs?.$id}_tabpanel_${this.value}`;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.active ? this.$pcTabs.tabindex : -1,\n                role: 'tab',\n                'aria-selected': this.active,\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'tab',\n                'data-p-disabled': this.disabled,\n                'data-p-active': this.active,\n                onFocus: this.onFocus,\n                onKeydown: this.onKeydown\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.active\n                }\n            };\n        },\n        dataP() {\n            return cn({\n                active: this.active\n            });\n        }\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","Number","undefined","disabled","Boolean","as","Object","asChild","style","TabStyle","provide","$pcTab","$parentInstance","BaseTab","inheritAttrs","inject","methods","onFocus","$pcTabs","selectOnFocus","changeActiveValue","onClick","onKeydown","event","code","onArrowRightKey","onArrowLeftKey","onHomeKey","onEndKey","onPageDownKey","onPageUpKey","onEnterKey","nextTab","findNextTab","currentTarget","changeFocusedTab","preventDefault","prevTab","findPrevTab","firstTab","findFirstTab","lastTab","findLastTab","scrollInView","tabElement","selfCheck","element","nextElementSibling","getAttribute","findSingle","previousElementSibling","$pcTabList","$refs","tabs","firstElementChild","lastElementChild","updateValue","focus","_element$scrollIntoVi","scrollIntoView","call","block","computed","active","_this$$pcTabs","equals","d_value","id","_this$$pcTabs2","concat","$id","ariaControls","_this$$pcTabs3","attrs","mergeProps","asAttrs","a11yAttrs","ptmi","ptParams","tabindex","role","context","dataP","cn","directives","ripple","Ripple","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","cx","$options","_renderSlot","$slots"],"mappings":"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"}

package/tablist/TabList.vue

@@ -1,8 +1,9 @@
 <template>
-    <div ref="list" :class="cx('root')" v-bind="ptmi('root')">
+    <div ref="list" :class="cx('root')" :data-p="dataP" v-bind="ptmi('root')">
         <button
             v-if="showNavigators && isPrevButtonEnabled"
             ref="prevButton"
+            type="button"
             v-ripple
             :class="cx('prevButton')"
             :aria-label="prevButtonAriaLabel"
@@ -13,7 +14,7 @@
         >
             <component :is="templates.previcon || 'ChevronLeftIcon'" aria-hidden="true" v-bind="ptm('prevIcon')" />
         </button>
-        <div ref="content" :class="cx('content')" @scroll="onScroll" v-bind="ptm('content')">
+        <div ref="content" :class="cx('content')" @scroll="onScroll" :data-p="dataP" v-bind="ptm('content')">
             <div ref="tabs" :class="cx('tabList')" role="tablist" :aria-orientation="$pcTabs.orientation || 'horizontal'" v-bind="ptm('tabList')">
                 <slot></slot>
                 <span ref="inkbar" :class="cx('activeBar')" role="presentation" aria-hidden="true" v-bind="ptm('activeBar')"></span>
@@ -22,6 +23,7 @@
         <button
             v-if="showNavigators && isNextButtonEnabled"
             ref="nextButton"
+            type="button"
             v-ripple
             :class="cx('nextButton')"
             :aria-label="nextButtonAriaLabel"
@@ -36,6 +38,7 @@
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import { findSingle, getHeight, getOffset, getOuterHeight, getOuterWidth, getWidth, isRTL } from '@primeuix/utils/dom';
 import ChevronLeftIcon from '@primevue/icons/chevronleft';
 import ChevronRightIcon from '@primevue/icons/chevronright';
@@ -120,6 +123,9 @@ export default {
         },
         updateInkBar() {
             const { content, inkbar, tabs } = this.$refs;
+
+            if (!inkbar) return;
+
             const activeTab = findSingle(content, '[data-pc-name="tab"][data-p-active="true"]');
 
             if (this.$pcTabs.isVertical()) {
@@ -170,6 +176,11 @@ export default {
         },
         nextButtonAriaLabel() {
             return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.next : undefined;
+        },
+        dataP() {
+            return cn({
+                scrollable: this.$pcTabs.scrollable
+            });
         }
     },
     components: {

package/tablist/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import { getWidth, getHeight, findSingle, getOuterHeight, getOffset, getOuterWidth, isRTL } from '@primeuix/utils/dom';
 import ChevronLeftIcon from '@primevue/icons/chevronleft';
 import ChevronRightIcon from '@primevue/icons/chevronright';
@@ -101,6 +102,7 @@ var script = {
         content = _this$$refs.content,
         inkbar = _this$$refs.inkbar,
         tabs = _this$$refs.tabs;
+      if (!inkbar) return;
       var activeTab = findSingle(content, '[data-pc-name="tab"][data-p-active="true"]');
       if (this.$pcTabs.isVertical()) {
         inkbar.style.height = getOuterHeight(activeTab) + 'px';
@@ -157,6 +159,11 @@ var script = {
     },
     nextButtonAriaLabel: function nextButtonAriaLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.next : undefined;
+    },
+    dataP: function dataP() {
+      return cn({
+        scrollable: this.$pcTabs.scrollable
+      });
     }
   },
   components: {
@@ -168,17 +175,21 @@ var script = {
   }
 };
 
-var _hoisted_1 = ["aria-label", "tabindex"];
-var _hoisted_2 = ["aria-orientation"];
-var _hoisted_3 = ["aria-label", "tabindex"];
+var _hoisted_1 = ["data-p"];
+var _hoisted_2 = ["aria-label", "tabindex"];
+var _hoisted_3 = ["data-p"];
+var _hoisted_4 = ["aria-orientation"];
+var _hoisted_5 = ["aria-label", "tabindex"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_ripple = resolveDirective("ripple");
   return openBlock(), createElementBlock("div", mergeProps({
     ref: "list",
-    "class": _ctx.cx('root')
+    "class": _ctx.cx('root'),
+    "data-p": $options.dataP
   }, _ctx.ptmi('root')), [$options.showNavigators && $data.isPrevButtonEnabled ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
     key: 0,
     ref: "prevButton",
+    type: "button",
     "class": _ctx.cx('prevButton'),
     "aria-label": $options.prevButtonAriaLabel,
     tabindex: $options.$pcTabs.tabindex,
@@ -189,12 +200,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "data-pc-group-section": "navigator"
   }), [(openBlock(), createBlock(resolveDynamicComponent($options.templates.previcon || 'ChevronLeftIcon'), mergeProps({
     "aria-hidden": "true"
-  }, _ctx.ptm('prevIcon')), null, 16))], 16, _hoisted_1)), [[_directive_ripple]]) : createCommentVNode("", true), createElementVNode("div", mergeProps({
+  }, _ctx.ptm('prevIcon')), null, 16))], 16, _hoisted_2)), [[_directive_ripple]]) : createCommentVNode("", true), createElementVNode("div", mergeProps({
     ref: "content",
     "class": _ctx.cx('content'),
     onScroll: _cache[1] || (_cache[1] = function () {
       return $options.onScroll && $options.onScroll.apply($options, arguments);
-    })
+    }),
+    "data-p": $options.dataP
   }, _ctx.ptm('content')), [createElementVNode("div", mergeProps({
     ref: "tabs",
     "class": _ctx.cx('tabList'),
@@ -205,9 +217,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "class": _ctx.cx('activeBar'),
     role: "presentation",
     "aria-hidden": "true"
-  }, _ctx.ptm('activeBar')), null, 16)], 16, _hoisted_2)], 16), $options.showNavigators && $data.isNextButtonEnabled ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
+  }, _ctx.ptm('activeBar')), null, 16)], 16, _hoisted_4)], 16, _hoisted_3), $options.showNavigators && $data.isNextButtonEnabled ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
     key: 1,
     ref: "nextButton",
+    type: "button",
     "class": _ctx.cx('nextButton'),
     "aria-label": $options.nextButtonAriaLabel,
     tabindex: $options.$pcTabs.tabindex,
@@ -218,7 +231,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "data-pc-group-section": "navigator"
   }), [(openBlock(), createBlock(resolveDynamicComponent($options.templates.nexticon || 'ChevronRightIcon'), mergeProps({
     "aria-hidden": "true"
-  }, _ctx.ptm('nextIcon')), null, 16))], 16, _hoisted_3)), [[_directive_ripple]]) : createCommentVNode("", true)], 16);
+  }, _ctx.ptm('nextIcon')), null, 16))], 16, _hoisted_5)), [[_directive_ripple]]) : createCommentVNode("", true)], 16, _hoisted_1);
 }
 
 script.render = render;