primevue 4.0.3 → 4.0.5

package/steppanel/index.d.ts

@@ -10,7 +10,7 @@
 import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
-import { VNode } from 'vue';
+import type { Component, VNode } from 'vue';
 
 export declare type StepPanelPassThroughOptionType = StepPanelPassThroughAttributes | ((options: StepPanelPassThroughMethodOptions) => StepPanelPassThroughAttributes | string) | string | null | undefined;
 
@@ -72,7 +72,7 @@ export interface StepPanelProps {
      * Use to change the HTML tag of root element.
      * @defaultValue BUTTON
      */
-    as?: string | undefined;
+    as?: string | Component | undefined;
     /**
      * When enabled, it changes the default rendered element for the one passed as a child element.
      * @defaultValue false
@@ -117,7 +117,7 @@ export interface StepPanelSlots {
         /**
          * Click function.
          */
-        activateCallback: () => void;
+        activateCallback: (value: string | number) => void;
     }): VNode[];
 }
 

package/steppanel/index.mjs

@@ -31,7 +31,7 @@ var script$1 = {
       "default": false
     },
     as: {
-      type: String,
+      type: [String, Object],
       "default": 'DIV'
     }
   },

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,\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","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=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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"}

package/steppanels/BaseStepPanels.vue

@@ -5,12 +5,6 @@ import StepPanelsStyle from 'primevue/steppanels/style';
 export default {
     name: 'BaseStepPanels',
     extends: BaseComponent,
-    props: {
-        value: {
-            type: String,
-            default: undefined
-        }
-    },
     style: StepPanelsStyle,
     provide() {
         return {

package/steppanels/index.d.ts

@@ -64,10 +64,6 @@ export interface StepPanelsPassThroughAttributes {
  * Defines valid properties in StepPanels component.
  */
 export interface StepPanelsProps {
-    /**
-     * Value of step.
-     */
-    value: string;
     /**
      * It generates scoped CSS variables using design tokens for the component.
      */

package/steppanels/index.mjs

@@ -5,12 +5,6 @@ import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
 var script$1 = {
   name: 'BaseStepPanels',
   "extends": BaseComponent,
-  props: {
-    value: {
-      type: String,
-      "default": undefined
-    }
-  },
   style: StepPanelsStyle,
   provide: function provide() {
     return {

package/steppanels/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/steppanels/BaseStepPanels.vue","../../src/steppanels/StepPanels.vue","../../src/steppanels/StepPanels.vue?vue&type=template&id=43d040c1&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepPanelsStyle from 'primevue/steppanels/style';\n\nexport default {\n    name: 'BaseStepPanels',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: String,\n            default: undefined\n        }\n    },\n    style: StepPanelsStyle,\n    provide() {\n        return {\n            $pcStepPanels: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <slot />\n    </div>\n</template>\n\n<script>\nimport BaseStepPanels from './BaseStepPanels.vue';\n\nexport default {\n    name: 'StepPanels',\n    extends: BaseStepPanels,\n    inheritAttrs: false\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <slot />\n    </div>\n</template>\n\n<script>\nimport BaseStepPanels from './BaseStepPanels.vue';\n\nexport default {\n    name: 'StepPanels',\n    extends: BaseStepPanels,\n    inheritAttrs: false\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","undefined","style","StepPanelsStyle","provide","$pcStepPanels","$parentInstance","BaseStepPanels","inheritAttrs","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,gBAAgB;AACtB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAASC,EAAAA,SAAAA;AACb,KAAA;GACH;AACDC,EAAAA,KAAK,EAAEC,eAAe;EACtBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,aAAa,EAAE,IAAI;AACnBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACXD,aAAe;AACXX,EAAAA,IAAI,EAAE,YAAY;AAClB,EAAA,SAAA,EAASY,QAAc;AACvBC,EAAAA,YAAY,EAAE,KAAA;AAClB,CAAC;;;ECZG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;KAAkBD,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCC,UAAO,CAAAH,IAAA,CAAAI,MAAA,EAAA,SAAA,CAAA;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/steppanels/BaseStepPanels.vue","../../src/steppanels/StepPanels.vue","../../src/steppanels/StepPanels.vue?vue&type=template&id=43d040c1&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepPanelsStyle from 'primevue/steppanels/style';\n\nexport default {\n    name: 'BaseStepPanels',\n    extends: BaseComponent,\n    style: StepPanelsStyle,\n    provide() {\n        return {\n            $pcStepPanels: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <slot />\n    </div>\n</template>\n\n<script>\nimport BaseStepPanels from './BaseStepPanels.vue';\n\nexport default {\n    name: 'StepPanels',\n    extends: BaseStepPanels,\n    inheritAttrs: false\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <slot />\n    </div>\n</template>\n\n<script>\nimport BaseStepPanels from './BaseStepPanels.vue';\n\nexport default {\n    name: 'StepPanels',\n    extends: BaseStepPanels,\n    inheritAttrs: false\n};\n</script>\n"],"names":["name","BaseComponent","style","StepPanelsStyle","provide","$pcStepPanels","$parentInstance","BaseStepPanels","inheritAttrs","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,gBAAgB;AACtB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAEC,eAAe;EACtBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,aAAa,EAAE,IAAI;AACnBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACLD,aAAe;AACXN,EAAAA,IAAI,EAAE,YAAY;AAClB,EAAA,SAAA,EAASO,QAAc;AACvBC,EAAAA,YAAY,EAAE,KAAA;AAClB,CAAC;;;ECZG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;KAAkBD,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCC,UAAO,CAAAH,IAAA,CAAAI,MAAA,EAAA,SAAA,CAAA;;;;;;;"}

package/tab/BaseTab.vue

@@ -7,7 +7,7 @@ export default {
     extends: BaseComponent,
     props: {
         value: {
-            type: String,
+            type: [String, Number],
             default: undefined
         },
         disabled: {
@@ -15,7 +15,7 @@ export default {
             default: false
         },
         as: {
-            type: String,
+            type: [String, Object],
             default: 'BUTTON'
         },
         asChild: {

package/tab/index.d.ts

@@ -10,7 +10,7 @@
 import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
-import { VNode } from 'vue';
+import type { Component, VNode } from 'vue';
 
 export declare type TabPassThroughOptionType = TabPassThroughAttributes | ((options: TabPassThroughMethodOptions) => TabPassThroughAttributes | string) | string | null | undefined;
 
@@ -71,7 +71,7 @@ export interface TabProps {
     /**
      * Value of tab.
      */
-    value: string;
+    value: string | number;
     /**
      * Whether the tab is disabled.
      * @defaultValue false
@@ -81,7 +81,7 @@ export interface TabProps {
      * Use to change the HTML tag of root element.
      * @defaultValue BUTTON
      */
-    as?: string | undefined;
+    as?: string | Component | undefined;
     /**
      * When enabled, it changes the default rendered element for the one passed as a child element.
      * @defaultValue false

package/tab/index.mjs

@@ -10,7 +10,7 @@ var script$1 = {
   "extends": BaseComponent,
   props: {
     value: {
-      type: String,
+      type: [String, Number],
       "default": undefined
     },
     disabled: {
@@ -18,7 +18,7 @@ var script$1 = {
       "default": false
     },
     as: {
-      type: String,
+      type: [String, Object],
       "default": 'BUTTON'
     },
     asChild: {

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=bf1946e0&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,\n            default: undefined\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        },\n        as: {\n            type: String,\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 { getAttribute, focus, findSingle } 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 { getAttribute, focus, findSingle } 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","undefined","disabled","Boolean","as","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","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,EAAEC,MAAM;MACZ,SAASC,EAAAA,SAAAA;KACZ;AACDC,IAAAA,QAAQ,EAAE;AACNH,MAAAA,IAAI,EAAEI,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDC,IAAAA,EAAE,EAAE;AACAL,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,QAAA;KACZ;AACDK,IAAAA,OAAO,EAAE;AACLN,MAAAA,IAAI,EAAEI,OAAO;MACb,SAAS,EAAA,KAAA;AACb,KAAA;GACH;AACDG,EAAAA,KAAK,EAAEC,QAAQ;EACfC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,MAAM,EAAE,IAAI;AACZC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;AClBD,aAAe;AACXf,EAAAA,IAAI,EAAE,KAAK;AACX,EAAA,SAAA,EAASgB,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,CAAA;KACzD;IACDC,OAAO,EAAA,SAAPA,OAAOA,GAAG;MACN,IAAI,CAACD,iBAAiB,EAAE,CAAA;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,CAAA;AAC3B,UAAA,MAAA;AAEJ,QAAA,KAAK,WAAW;AACZ,UAAA,IAAI,CAACG,cAAc,CAACH,KAAK,CAAC,CAAA;AAC1B,UAAA,MAAA;AAEJ,QAAA,KAAK,MAAM;AACP,UAAA,IAAI,CAACI,SAAS,CAACJ,KAAK,CAAC,CAAA;AACrB,UAAA,MAAA;AAEJ,QAAA,KAAK,KAAK;AACN,UAAA,IAAI,CAACK,QAAQ,CAACL,KAAK,CAAC,CAAA;AACpB,UAAA,MAAA;AAEJ,QAAA,KAAK,UAAU;AACX,UAAA,IAAI,CAACM,aAAa,CAACN,KAAK,CAAC,CAAA;AACzB,UAAA,MAAA;AAEJ,QAAA,KAAK,QAAQ;AACT,UAAA,IAAI,CAACO,WAAW,CAACP,KAAK,CAAC,CAAA;AACvB,UAAA,MAAA;AAEJ,QAAA,KAAK,OAAO,CAAA;AACZ,QAAA,KAAK,aAAa,CAAA;AAClB,QAAA,KAAK,OAAO;AACR,UAAA,IAAI,CAACQ,UAAU,CAACR,KAAK,CAAC,CAAA;AACtB,UAAA,MAAA;AAIR,OAAA;KACH;AACDE,IAAAA,eAAe,EAAfA,SAAAA,eAAeA,CAACF,KAAK,EAAE;MACnB,IAAMS,OAAM,GAAI,IAAI,CAACC,WAAW,CAACV,KAAK,CAACW,aAAa,CAAC,CAAA;AAErDF,MAAAA,OAAM,GAAI,IAAI,CAACG,gBAAgB,CAACZ,KAAK,EAAES,OAAO,CAAE,GAAE,IAAI,CAACL,SAAS,CAACJ,KAAK,CAAC,CAAA;MACvEA,KAAK,CAACa,cAAc,EAAE,CAAA;KACzB;AACDV,IAAAA,cAAc,EAAdA,SAAAA,cAAcA,CAACH,KAAK,EAAE;MAClB,IAAMc,OAAM,GAAI,IAAI,CAACC,WAAW,CAACf,KAAK,CAACW,aAAa,CAAC,CAAA;AAErDG,MAAAA,OAAM,GAAI,IAAI,CAACF,gBAAgB,CAACZ,KAAK,EAAEc,OAAO,CAAA,GAAI,IAAI,CAACT,QAAQ,CAACL,KAAK,CAAC,CAAA;MACtEA,KAAK,CAACa,cAAc,EAAE,CAAA;KACzB;AACDT,IAAAA,SAAS,EAATA,SAAAA,SAASA,CAACJ,KAAK,EAAE;AACb,MAAA,IAAMgB,QAAO,GAAI,IAAI,CAACC,YAAY,EAAE,CAAA;AAEpC,MAAA,IAAI,CAACL,gBAAgB,CAACZ,KAAK,EAAEgB,QAAQ,CAAC,CAAA;MACtChB,KAAK,CAACa,cAAc,EAAE,CAAA;KACzB;AACDR,IAAAA,QAAQ,EAARA,SAAAA,QAAQA,CAACL,KAAK,EAAE;AACZ,MAAA,IAAMkB,OAAQ,GAAE,IAAI,CAACC,WAAW,EAAE,CAAA;AAElC,MAAA,IAAI,CAACP,gBAAgB,CAACZ,KAAK,EAAEkB,OAAO,CAAC,CAAA;MACrClB,KAAK,CAACa,cAAc,EAAE,CAAA;KACzB;AACDP,IAAAA,aAAa,EAAbA,SAAAA,aAAaA,CAACN,KAAK,EAAE;MACjB,IAAI,CAACoB,YAAY,CAAC,IAAI,CAACD,WAAW,EAAE,CAAC,CAAA;MACrCnB,KAAK,CAACa,cAAc,EAAE,CAAA;KACzB;AACDN,IAAAA,WAAW,EAAXA,SAAAA,WAAWA,CAACP,KAAK,EAAE;MACf,IAAI,CAACoB,YAAY,CAAC,IAAI,CAACH,YAAY,EAAE,CAAC,CAAA;MACtCjB,KAAK,CAACa,cAAc,EAAE,CAAA;KACzB;AACDL,IAAAA,UAAU,EAAVA,SAAAA,UAAUA,CAACR,KAAK,EAAE;MACd,IAAI,CAACH,iBAAiB,EAAE,CAAA;MACxBG,KAAK,CAACa,cAAc,EAAE,CAAA;KACzB;AACDH,IAAAA,WAAW,EAAXA,SAAAA,WAAWA,CAACW,UAAU,EAAqB;AAAA,MAAA,IAAnBC,gFAAY,KAAK,CAAA;MACrC,IAAMC,OAAQ,GAAED,SAAU,GAAED,UAAS,GAAIA,UAAU,CAACG,kBAAkB,CAAA;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,CAAA;KACxM;AACDR,IAAAA,WAAW,EAAXA,SAAAA,WAAWA,CAACM,UAAU,EAAqB;AAAA,MAAA,IAAnBC,gFAAY,KAAK,CAAA;MACrC,IAAMC,OAAQ,GAAED,SAAQ,GAAID,UAAS,GAAIA,UAAU,CAACM,sBAAsB,CAAA;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,CAAA;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,CAAA;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,CAAA;KAChF;IACDnC,iBAAiB,EAAA,SAAjBA,iBAAiBA,GAAG;MAChB,IAAI,CAACF,OAAO,CAACsC,WAAW,CAAC,IAAI,CAACxD,KAAK,CAAC,CAAA;KACvC;AACDmC,IAAAA,gBAAgB,WAAhBA,gBAAgBA,CAACZ,KAAK,EAAEuB,OAAO,EAAE;MAC7BW,KAAK,CAACX,OAAO,CAAC,CAAA;AACd,MAAA,IAAI,CAACH,YAAY,CAACG,OAAO,CAAC,CAAA;KAC7B;AACDH,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAACG,OAAO,EAAE;AAAA,MAAA,IAAAY,qBAAA,CAAA;AAClBZ,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,IAAA,CAAAY,qBAAA,GAAPZ,OAAO,CAAEa,cAAc,MAAAD,IAAAA,IAAAA,qBAAA,eAAvBA,qBAAA,CAAAE,IAAA,CAAAd,OAAO,EAAmB;AAAEe,QAAAA,KAAK,EAAE,SAAA;AAAU,OAAC,CAAC,CAAA;AACnD,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;IACNC,MAAM,EAAA,SAANA,MAAMA,GAAG;AAAA,MAAA,IAAAC,aAAA,CAAA;AACL,MAAA,OAAOC,MAAM,CAAAD,CAAAA,aAAA,GAAC,IAAI,CAAC9C,OAAO,MAAA,IAAA,IAAA8C,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,aAAA,CAAcE,OAAO,EAAE,IAAI,CAAClE,KAAK,CAAC,CAAA;KACnD;IACDmE,EAAE,EAAA,SAAFA,EAAEA,GAAG;AAAA,MAAA,IAAAC,cAAA,CAAA;AACD,MAAA,OAAA,EAAA,CAAAC,MAAA,CAAAD,CAAAA,cAAA,GAAU,IAAI,CAAClD,OAAO,MAAAkD,IAAAA,IAAAA,cAAA,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAA,CAAcD,EAAE,EAAA,OAAA,CAAA,CAAAE,MAAA,CAAQ,IAAI,CAACrE,KAAK,CAAA,CAAA;KAC/C;IACDsE,YAAY,EAAA,SAAZA,YAAYA,GAAG;AAAA,MAAA,IAAAC,cAAA,CAAA;AACX,MAAA,OAAA,EAAA,CAAAF,MAAA,CAAAE,CAAAA,cAAA,GAAU,IAAI,CAACrD,OAAO,MAAAqD,IAAAA,IAAAA,cAAA,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAA,CAAcJ,EAAE,EAAA,YAAA,CAAA,CAAAE,MAAA,CAAa,IAAI,CAACrE,KAAK,CAAA,CAAA;KACpD;IACDwE,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,CAAA;KACpF;IACDH,OAAO,EAAA,SAAPA,OAAOA,GAAG;AACN,MAAA,OAAO,IAAI,CAACpE,EAAG,KAAI,WAAW;AAAEL,QAAAA,IAAI,EAAE,QAAQ;QAAEG,QAAQ,EAAE,IAAI,CAACA,QAAAA;AAAS,OAAE,GAAED,SAAS,CAAA;KACxF;IACDwE,SAAS,EAAA,SAATA,SAASA,GAAG;MACR,OAAO;QACHR,EAAE,EAAE,IAAI,CAACA,EAAE;AACXW,QAAAA,QAAQ,EAAE,IAAI,CAACf,SAAS,IAAI,CAAC7C,OAAO,CAAC4D,QAAS,GAAE,CAAC,CAAC;AAClDC,QAAAA,IAAI,EAAE,KAAK;QACX,eAAe,EAAE,IAAI,CAAChB,MAAM;QAC5B,eAAe,EAAE,IAAI,CAACO,YAAY;AAClC,QAAA,cAAc,EAAE,KAAK;QACrB,iBAAiB,EAAE,IAAI,CAAClE,QAAQ;QAChC,eAAe,EAAE,IAAI,CAAC2D,MAAM;QAC5B9C,OAAO,EAAE,IAAI,CAACA,OAAO;QACrBK,SAAS,EAAE,IAAI,CAACA,SAAAA;OACnB,CAAA;KACJ;IACDuD,QAAQ,EAAA,SAARA,QAAQA,GAAG;MACP,OAAO;AACHG,QAAAA,OAAO,EAAE;UACLjB,MAAM,EAAE,IAAI,CAACA,MAAAA;AACjB,SAAA;OACH,CAAA;AACL,KAAA;GACH;AACDkB,EAAAA,UAAU,EAAE;AACRC,IAAAA,MAAM,EAAEC,MAAAA;AACZ,GAAA;AACJ,CAAC;;;;UCrKqBC,IAAO,CAAA7E,OAAA,gCAAzB8E,WAEW,CAAAC,uBAAA,CAFqBF,IAAE,CAAA9E,EAAA,CAAA,EAAlCiF,UAEW,CAAA;;AAFmC,IAAA,OAAA,EAAOH,IAAE,CAAAI,EAAA,CAAA,MAAA,CAAA;IAAWnE,OAAK,EAAEoE,QAAO,CAAApE,OAAAA;KAAUoE,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;IAAWzB,MAAM,EAAE0B,QAAM,CAAA1B,MAAA;IAAGY,SAAS,EAAEc,QAAS,CAAAd,SAAA;IAAGtD,OAAO,EAAEoE,QAAO,CAAApE,OAAAA;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/tab/BaseTab.vue","../../src/tab/Tab.vue","../../src/tab/Tab.vue?vue&type=template&id=bf1946e0&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 { getAttribute, focus, findSingle } 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 { getAttribute, focus, findSingle } 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","ariaControls","_this$$pcTabs3","attrs","mergeProps","asAttrs","a11yAttrs","ptmi","ptParams","tabindex","role","context","directives","ripple","Ripple","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","cx","$options","_renderSlot","$slots"],"mappings":"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"}

package/tabpanel/BaseTabPanel.vue

@@ -8,11 +8,11 @@ export default {
     props: {
         // in Tabs
         value: {
-            type: String,
+            type: [String, Number],
             default: undefined
         },
         as: {
-            type: String,
+            type: [String, Object],
             default: 'DIV'
         },
         asChild: {

package/tabpanel/index.d.ts

@@ -10,7 +10,7 @@
 import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
-import { AnchorHTMLAttributes, HTMLAttributes, LiHTMLAttributes, VNode } from 'vue';
+import type { AnchorHTMLAttributes, Component, HTMLAttributes, LiHTMLAttributes, VNode } from 'vue';
 
 export declare type TabPanelPassThroughOptionType = TabPanelPassThroughAttributes | ((options: TabPanelPassThroughMethodOptions) => TabPanelPassThroughAttributes | string) | string | null | undefined;
 
@@ -91,12 +91,12 @@ export interface TabPanelProps {
     /**
      * Value of tabpanel.
      */
-    value: string;
+    value: string | number;
     /**
      * Use to change the HTML tag of root element.
      * @defaultValue DIV
      */
-    as?: string | undefined;
+    as?: string | Component | undefined;
     /**
      * When enabled, it changes the default rendered element for the one passed as a child element.
      * @defaultValue false

package/tabpanel/index.mjs

@@ -9,11 +9,11 @@ var script$1 = {
   props: {
     // in Tabs
     value: {
-      type: String,
+      type: [String, Number],
       "default": undefined
     },
     as: {
-      type: String,
+      type: [String, Object],
       "default": 'DIV'
     },
     asChild: {

package/tabpanel/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/tabpanel/BaseTabPanel.vue","../../src/tabpanel/TabPanel.vue","../../src/tabpanel/TabPanel.vue?vue&type=template&id=6520447a&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TabPanelStyle from 'primevue/tabpanel/style';\n\nexport default {\n    name: 'BaseTabPanel',\n    extends: BaseComponent,\n    props: {\n        // in Tabs\n        value: {\n            type: String,\n            default: undefined\n        },\n        as: {\n            type: String,\n            default: 'DIV'\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        },\n        // in TabView\n        header: null,\n        headerStyle: null,\n        headerClass: null,\n        headerProps: null,\n        headerActionProps: null,\n        contentStyle: null,\n        contentClass: null,\n        contentProps: null,\n        disabled: Boolean\n    },\n    style: TabPanelStyle,\n    provide() {\n        return {\n            $pcTabPanel: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <slot v-if=\"!$pcTabs\"></slot>\n    <template v-else>\n        <template v-if=\"!asChild\">\n            <component v-if=\"$pcTabs?.lazy ? active : true\" v-show=\"$pcTabs?.lazy ? true : active\" :is=\"as\" :class=\"cx('root')\" v-bind=\"attrs\">\n                <slot></slot>\n            </component>\n        </template>\n\n        <slot v-else :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\"></slot>\n    </template>\n</template>\n\n<script>\nimport { equals } from '@primeuix/utils/object';\nimport { mergeProps } from 'vue';\nimport BaseTabPanel from './BaseTabPanel.vue';\n\nexport default {\n    name: 'TabPanel',\n    extends: BaseTabPanel,\n    inheritAttrs: false,\n    inject: ['$pcTabs'],\n    computed: {\n        active() {\n            return equals(this.$pcTabs?.d_value, this.value);\n        },\n        id() {\n            return `${this.$pcTabs?.id}_tabpanel_${this.value}`;\n        },\n        ariaLabelledby() {\n            return `${this.$pcTabs?.id}_tab_${this.value}`;\n        },\n        attrs() {\n            return mergeProps(this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.$pcTabs?.tabindex,\n                role: 'tabpanel',\n                'aria-labelledby': this.ariaLabelledby,\n                'data-pc-name': 'tabpanel',\n                'data-p-active': this.active\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.active\n                }\n            };\n        }\n    }\n};\n</script>\n","<template>\n    <slot v-if=\"!$pcTabs\"></slot>\n    <template v-else>\n        <template v-if=\"!asChild\">\n            <component v-if=\"$pcTabs?.lazy ? active : true\" v-show=\"$pcTabs?.lazy ? true : active\" :is=\"as\" :class=\"cx('root')\" v-bind=\"attrs\">\n                <slot></slot>\n            </component>\n        </template>\n\n        <slot v-else :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\"></slot>\n    </template>\n</template>\n\n<script>\nimport { equals } from '@primeuix/utils/object';\nimport { mergeProps } from 'vue';\nimport BaseTabPanel from './BaseTabPanel.vue';\n\nexport default {\n    name: 'TabPanel',\n    extends: BaseTabPanel,\n    inheritAttrs: false,\n    inject: ['$pcTabs'],\n    computed: {\n        active() {\n            return equals(this.$pcTabs?.d_value, this.value);\n        },\n        id() {\n            return `${this.$pcTabs?.id}_tabpanel_${this.value}`;\n        },\n        ariaLabelledby() {\n            return `${this.$pcTabs?.id}_tab_${this.value}`;\n        },\n        attrs() {\n            return mergeProps(this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.$pcTabs?.tabindex,\n                role: 'tabpanel',\n                'aria-labelledby': this.ariaLabelledby,\n                'data-pc-name': 'tabpanel',\n                'data-p-active': this.active\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.active\n                }\n            };\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","undefined","as","asChild","Boolean","header","headerStyle","headerClass","headerProps","headerActionProps","contentStyle","contentClass","contentProps","disabled","style","TabPanelStyle","provide","$pcTabPanel","$parentInstance","BaseTabPanel","inheritAttrs","inject","computed","active","_this$$pcTabs","equals","$pcTabs","d_value","id","_this$$pcTabs2","concat","ariaLabelledby","_this$$pcTabs3","attrs","mergeProps","a11yAttrs","ptmi","ptParams","_this$$pcTabs4","tabindex","role","context","$options","_renderSlot","_ctx","$slots","key","_createElementBlock","_Fragment","_$options$$pcTabs","lazy","_createBlock","_resolveDynamicComponent","_mergeProps","cx","_$options$$pcTabs2"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/tabpanel/BaseTabPanel.vue","../../src/tabpanel/TabPanel.vue","../../src/tabpanel/TabPanel.vue?vue&type=template&id=6520447a&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TabPanelStyle from 'primevue/tabpanel/style';\n\nexport default {\n    name: 'BaseTabPanel',\n    extends: BaseComponent,\n    props: {\n        // in Tabs\n        value: {\n            type: [String, Number],\n            default: undefined\n        },\n        as: {\n            type: [String, Object],\n            default: 'DIV'\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        },\n        // in TabView\n        header: null,\n        headerStyle: null,\n        headerClass: null,\n        headerProps: null,\n        headerActionProps: null,\n        contentStyle: null,\n        contentClass: null,\n        contentProps: null,\n        disabled: Boolean\n    },\n    style: TabPanelStyle,\n    provide() {\n        return {\n            $pcTabPanel: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <slot v-if=\"!$pcTabs\"></slot>\n    <template v-else>\n        <template v-if=\"!asChild\">\n            <component v-if=\"$pcTabs?.lazy ? active : true\" v-show=\"$pcTabs?.lazy ? true : active\" :is=\"as\" :class=\"cx('root')\" v-bind=\"attrs\">\n                <slot></slot>\n            </component>\n        </template>\n\n        <slot v-else :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\"></slot>\n    </template>\n</template>\n\n<script>\nimport { equals } from '@primeuix/utils/object';\nimport { mergeProps } from 'vue';\nimport BaseTabPanel from './BaseTabPanel.vue';\n\nexport default {\n    name: 'TabPanel',\n    extends: BaseTabPanel,\n    inheritAttrs: false,\n    inject: ['$pcTabs'],\n    computed: {\n        active() {\n            return equals(this.$pcTabs?.d_value, this.value);\n        },\n        id() {\n            return `${this.$pcTabs?.id}_tabpanel_${this.value}`;\n        },\n        ariaLabelledby() {\n            return `${this.$pcTabs?.id}_tab_${this.value}`;\n        },\n        attrs() {\n            return mergeProps(this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.$pcTabs?.tabindex,\n                role: 'tabpanel',\n                'aria-labelledby': this.ariaLabelledby,\n                'data-pc-name': 'tabpanel',\n                'data-p-active': this.active\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.active\n                }\n            };\n        }\n    }\n};\n</script>\n","<template>\n    <slot v-if=\"!$pcTabs\"></slot>\n    <template v-else>\n        <template v-if=\"!asChild\">\n            <component v-if=\"$pcTabs?.lazy ? active : true\" v-show=\"$pcTabs?.lazy ? true : active\" :is=\"as\" :class=\"cx('root')\" v-bind=\"attrs\">\n                <slot></slot>\n            </component>\n        </template>\n\n        <slot v-else :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\"></slot>\n    </template>\n</template>\n\n<script>\nimport { equals } from '@primeuix/utils/object';\nimport { mergeProps } from 'vue';\nimport BaseTabPanel from './BaseTabPanel.vue';\n\nexport default {\n    name: 'TabPanel',\n    extends: BaseTabPanel,\n    inheritAttrs: false,\n    inject: ['$pcTabs'],\n    computed: {\n        active() {\n            return equals(this.$pcTabs?.d_value, this.value);\n        },\n        id() {\n            return `${this.$pcTabs?.id}_tabpanel_${this.value}`;\n        },\n        ariaLabelledby() {\n            return `${this.$pcTabs?.id}_tab_${this.value}`;\n        },\n        attrs() {\n            return mergeProps(this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.$pcTabs?.tabindex,\n                role: 'tabpanel',\n                'aria-labelledby': this.ariaLabelledby,\n                'data-pc-name': 'tabpanel',\n                'data-p-active': this.active\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.active\n                }\n            };\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","Number","undefined","as","Object","asChild","Boolean","header","headerStyle","headerClass","headerProps","headerActionProps","contentStyle","contentClass","contentProps","disabled","style","TabPanelStyle","provide","$pcTabPanel","$parentInstance","BaseTabPanel","inheritAttrs","inject","computed","active","_this$$pcTabs","equals","$pcTabs","d_value","id","_this$$pcTabs2","concat","ariaLabelledby","_this$$pcTabs3","attrs","mergeProps","a11yAttrs","ptmi","ptParams","_this$$pcTabs4","tabindex","role","context","$options","_renderSlot","_ctx","$slots","key","_createElementBlock","_Fragment","_$options$$pcTabs","lazy","_createBlock","_resolveDynamicComponent","_mergeProps","cx","_$options$$pcTabs2"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,cAAc;AACpB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACH;AACAC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;MACtB,SAASC,EAAAA,SAAAA;KACZ;AACDC,IAAAA,EAAE,EAAE;AACAJ,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEI,MAAM,CAAC;MACtB,SAAS,EAAA,KAAA;KACZ;AACDC,IAAAA,OAAO,EAAE;AACLN,MAAAA,IAAI,EAAEO,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACD;AACAC,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,WAAW,EAAE,IAAI;AACjBC,IAAAA,WAAW,EAAE,IAAI;AACjBC,IAAAA,WAAW,EAAE,IAAI;AACjBC,IAAAA,iBAAiB,EAAE,IAAI;AACvBC,IAAAA,YAAY,EAAE,IAAI;AAClBC,IAAAA,YAAY,EAAE,IAAI;AAClBC,IAAAA,YAAY,EAAE,IAAI;AAClBC,IAAAA,QAAQ,EAAET,OAAAA;GACb;AACDU,EAAAA,KAAK,EAAEC,aAAa;EACpBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,WAAW,EAAE,IAAI;AACjBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACrBD,aAAe;AACXzB,EAAAA,IAAI,EAAE,UAAU;AAChB,EAAA,SAAA,EAAS0B,QAAY;AACrBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,MAAM,EAAE,CAAC,SAAS,CAAC;AACnBC,EAAAA,QAAQ,EAAE;IACNC,MAAM,EAAA,SAANA,MAAMA,GAAG;AAAA,MAAA,IAAAC,aAAA,CAAA;AACL,MAAA,OAAOC,MAAM,CAAAD,CAAAA,aAAA,GAAC,IAAI,CAACE,OAAO,MAAA,IAAA,IAAAF,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,aAAA,CAAcG,OAAO,EAAE,IAAI,CAAC/B,KAAK,CAAC,CAAA;KACnD;IACDgC,EAAE,EAAA,SAAFA,EAAEA,GAAG;AAAA,MAAA,IAAAC,cAAA,CAAA;AACD,MAAA,OAAA,EAAA,CAAAC,MAAA,CAAAD,CAAAA,cAAA,GAAU,IAAI,CAACH,OAAO,MAAAG,IAAAA,IAAAA,cAAA,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAA,CAAcD,EAAE,EAAA,YAAA,CAAA,CAAAE,MAAA,CAAa,IAAI,CAAClC,KAAK,CAAA,CAAA;KACpD;IACDmC,cAAc,EAAA,SAAdA,cAAcA,GAAG;AAAA,MAAA,IAAAC,cAAA,CAAA;AACb,MAAA,OAAA,EAAA,CAAAF,MAAA,CAAAE,CAAAA,cAAA,GAAU,IAAI,CAACN,OAAO,MAAAM,IAAAA,IAAAA,cAAA,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAA,CAAcJ,EAAE,EAAA,OAAA,CAAA,CAAAE,MAAA,CAAQ,IAAI,CAAClC,KAAK,CAAA,CAAA;KAC/C;IACDqC,KAAK,EAAA,SAALA,KAAKA,GAAG;AACJ,MAAA,OAAOC,UAAU,CAAC,IAAI,CAACC,SAAS,EAAE,IAAI,CAACC,IAAI,CAAC,MAAM,EAAE,IAAI,CAACC,QAAQ,CAAC,CAAC,CAAA;KACtE;IACDF,SAAS,EAAA,SAATA,SAASA,GAAG;AAAA,MAAA,IAAAG,cAAA,CAAA;MACR,OAAO;QACHV,EAAE,EAAE,IAAI,CAACA,EAAE;QACXW,QAAQ,EAAA,CAAAD,cAAA,GAAE,IAAI,CAACZ,OAAO,MAAA,IAAA,IAAAY,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,cAAA,CAAcC,QAAQ;AAChCC,QAAAA,IAAI,EAAE,UAAU;QAChB,iBAAiB,EAAE,IAAI,CAACT,cAAc;AACtC,QAAA,cAAc,EAAE,UAAU;QAC1B,eAAe,EAAE,IAAI,CAACR,MAAAA;OACzB,CAAA;KACJ;IACDc,QAAQ,EAAA,SAARA,QAAQA,GAAG;MACP,OAAO;AACHI,QAAAA,OAAO,EAAE;UACLlB,MAAM,EAAE,IAAI,CAACA,MAAAA;AACjB,SAAA;OACH,CAAA;AACL,KAAA;AACJ,GAAA;AACJ,CAAC;;;;UCrDgBmB,QAAO,CAAAhB,OAAA,GAApBiB,UAA4B,CAAAC,IAAA,CAAAC,MAAA,EAAA,SAAA,EAAA;AAAAC,IAAAA,GAAA,EAAA,CAAA;GAAA,CAAA,iBAC5BC,kBAQU,CAAAC,QAAA,EAAA;AAAAF,IAAAA,GAAA,EAAA,CAAA;AAAA,GAAA,EAAA,EAPWF,IAAO,CAAAzC,OAAA,iBAAxB4C,kBAIU,CAAAC,QAAA,EAAA;AAAAF,IAAAA,GAAA,EAAA,CAAA;AAAA,GAAA,EAAA,EAHW,CAAAG,iBAAA,GAAAP,QAAO,CAAAhB,OAAA,MAAA,IAAA,IAAAuB,iBAAA,KAAPA,KAAAA,CAAAA,IAAAA,iBAAA,CAASC,OAAOR,QAAO,CAAAnB,MAAA,GAAA,IAAA,iCAAxC4B,WAEW,CAAAC,uBAAA,CAFiFR,IAAE,CAAA3C,EAAA,CAAA,EAA9FoD,UAEW,CAAA;;AAFsF,IAAA,OAAA,EAAOT,IAAE,CAAAU,EAAA,CAAA,MAAA,CAAA;KAAkBZ,QAAK,CAAAT,KAAA,CAAA,EAAA;uBAC7H,YAAA;MAAA,OAAY,CAAZU,UAAY,CAAAC,IAAA,CAAAC,MAAA,EAAA,SAAA,CAAA;;;+BADwC,CAAAU,kBAAA,GAAAb,QAAO,CAAAhB,OAAA,MAAA,IAAA,IAAA6B,kBAAA,KAAPA,KAAAA,CAAAA,IAAAA,kBAAA,CAASL,IAAG,GAAA,IAAA,GAAWR,QAAM,CAAAnB,MAAA,CAAA,2CAKzFoB,UAA+E,CAAAC,IAAA,CAAAC,MAAA,EAAA,SAAA,EAAA;;IAAjE,wBAAOD,IAAE,CAAAU,EAAA,CAAA,MAAA,CAAA,CAAA;IAAW/B,MAAM,EAAEmB,QAAM,CAAAnB,MAAA;IAAGY,SAAS,EAAEO,QAAS,CAAAP,SAAAA;;;;;;;;"}

package/tabs/BaseTabs.vue

@@ -7,7 +7,7 @@ export default {
     extends: BaseComponent,
     props: {
         value: {
-            type: String,
+            type: [String, Number],
             default: undefined
         },
         lazy: {

package/tabs/index.d.ts

@@ -88,7 +88,7 @@ export interface TabsProps {
     /**
      * Value of the active tab.
      */
-    value: string;
+    value: string | number;
     /**
      * When enabled, hidden tabs are not rendered at all. Defaults to false that hides tabs with css.
      * @defaultValue false

package/tabs/index.mjs

@@ -8,7 +8,7 @@ var script$1 = {
   "extends": BaseComponent,
   props: {
     value: {
-      type: String,
+      type: [String, Number],
       "default": undefined
     },
     lazy: {

package/tabs/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/tabs/BaseTabs.vue","../../src/tabs/Tabs.vue","../../src/tabs/Tabs.vue?vue&type=template&id=c3bcbbee&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TabsStyle from 'primevue/tabs/style';\n\nexport default {\n    name: 'BaseTabs',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: String,\n            default: undefined\n        },\n        lazy: {\n            type: Boolean,\n            default: false\n        },\n        scrollable: {\n            type: Boolean,\n            default: false\n        },\n        showNavigators: {\n            type: Boolean,\n            default: true\n        },\n        tabindex: {\n            type: Number,\n            default: 0\n        },\n        selectOnFocus: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: TabsStyle,\n    provide() {\n        return {\n            $pcTabs: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport BaseTabs from './BaseTabs.vue';\n\nexport default {\n    name: 'Tabs',\n    extends: BaseTabs,\n    inheritAttrs: false,\n    emits: ['update:value'],\n    data() {\n        return {\n            id: this.$attrs.id,\n            d_value: this.value\n        };\n    },\n    watch: {\n        '$attrs.id'(newValue) {\n            this.id = newValue || UniqueComponentId();\n        },\n        value(newValue) {\n            this.d_value = newValue;\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n    },\n    methods: {\n        updateValue(newValue) {\n            if (this.d_value !== newValue) {\n                this.d_value = newValue;\n                this.$emit('update:value', newValue);\n            }\n        },\n        isVertical() {\n            return this.orientation === 'vertical';\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport BaseTabs from './BaseTabs.vue';\n\nexport default {\n    name: 'Tabs',\n    extends: BaseTabs,\n    inheritAttrs: false,\n    emits: ['update:value'],\n    data() {\n        return {\n            id: this.$attrs.id,\n            d_value: this.value\n        };\n    },\n    watch: {\n        '$attrs.id'(newValue) {\n            this.id = newValue || UniqueComponentId();\n        },\n        value(newValue) {\n            this.d_value = newValue;\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n    },\n    methods: {\n        updateValue(newValue) {\n            if (this.d_value !== newValue) {\n                this.d_value = newValue;\n                this.$emit('update:value', newValue);\n            }\n        },\n        isVertical() {\n            return this.orientation === 'vertical';\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","undefined","lazy","Boolean","scrollable","showNavigators","tabindex","Number","selectOnFocus","style","TabsStyle","provide","$pcTabs","$parentInstance","BaseTabs","inheritAttrs","emits","data","id","$attrs","d_value","watch","$attrsId","newValue","UniqueComponentId","mounted","methods","updateValue","$emit","isVertical","orientation","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,UAAU;AAChB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAASC,EAAAA,SAAAA;KACZ;AACDC,IAAAA,IAAI,EAAE;AACFH,MAAAA,IAAI,EAAEI,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDC,IAAAA,UAAU,EAAE;AACRL,MAAAA,IAAI,EAAEI,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDE,IAAAA,cAAc,EAAE;AACZN,MAAAA,IAAI,EAAEI,OAAO;MACb,SAAS,EAAA,IAAA;KACZ;AACDG,IAAAA,QAAQ,EAAE;AACNP,MAAAA,IAAI,EAAEQ,MAAM;MACZ,SAAS,EAAA,CAAA;KACZ;AACDC,IAAAA,aAAa,EAAE;AACXT,MAAAA,IAAI,EAAEI,OAAO;MACb,SAAS,EAAA,KAAA;AACb,KAAA;GACH;AACDM,EAAAA,KAAK,EAAEC,SAAS;EAChBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,OAAO,EAAE,IAAI;AACbC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;AC9BD,aAAe;AACXlB,EAAAA,IAAI,EAAE,MAAM;AACZ,EAAA,SAAA,EAASmB,QAAQ;AACjBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,KAAK,EAAE,CAAC,cAAc,CAAC;EACvBC,IAAI,EAAA,SAAJA,IAAIA,GAAG;IACH,OAAO;AACHC,MAAAA,EAAE,EAAE,IAAI,CAACC,MAAM,CAACD,EAAE;MAClBE,OAAO,EAAE,IAAI,CAACtB,KAAAA;KACjB,CAAA;GACJ;AACDuB,EAAAA,KAAK,EAAE;AACH,IAAA,WAAW,EAAXC,SAAAA,QAAWA,CAACC,QAAQ,EAAE;AAClB,MAAA,IAAI,CAACL,EAAG,GAAEK,YAAYC,iBAAiB,EAAE,CAAA;KAC5C;AACD1B,IAAAA,KAAK,EAALA,SAAAA,KAAKA,CAACyB,QAAQ,EAAE;MACZ,IAAI,CAACH,OAAQ,GAAEG,QAAQ,CAAA;AAC3B,KAAA;GACH;EACDE,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,IAAI,CAACP,EAAG,GAAE,IAAI,CAACA,EAAC,IAAKM,iBAAiB,EAAE,CAAA;GAC3C;AACDE,EAAAA,OAAO,EAAE;AACLC,IAAAA,WAAW,EAAXA,SAAAA,WAAWA,CAACJ,QAAQ,EAAE;AAClB,MAAA,IAAI,IAAI,CAACH,OAAQ,KAAIG,QAAQ,EAAE;QAC3B,IAAI,CAACH,OAAQ,GAAEG,QAAQ,CAAA;AACvB,QAAA,IAAI,CAACK,KAAK,CAAC,cAAc,EAAEL,QAAQ,CAAC,CAAA;AACxC,OAAA;KACH;IACDM,UAAU,EAAA,SAAVA,UAAUA,GAAG;AACT,MAAA,OAAO,IAAI,CAACC,WAAY,KAAI,UAAU,CAAA;AAC1C,KAAA;AACJ,GAAA;AACJ,CAAC;;;EC1CG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;KAAkBD,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCC,UAAY,CAAAH,IAAA,CAAAI,MAAA,EAAA,SAAA,CAAA;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/tabs/BaseTabs.vue","../../src/tabs/Tabs.vue","../../src/tabs/Tabs.vue?vue&type=template&id=c3bcbbee&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TabsStyle from 'primevue/tabs/style';\n\nexport default {\n    name: 'BaseTabs',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: [String, Number],\n            default: undefined\n        },\n        lazy: {\n            type: Boolean,\n            default: false\n        },\n        scrollable: {\n            type: Boolean,\n            default: false\n        },\n        showNavigators: {\n            type: Boolean,\n            default: true\n        },\n        tabindex: {\n            type: Number,\n            default: 0\n        },\n        selectOnFocus: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: TabsStyle,\n    provide() {\n        return {\n            $pcTabs: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport BaseTabs from './BaseTabs.vue';\n\nexport default {\n    name: 'Tabs',\n    extends: BaseTabs,\n    inheritAttrs: false,\n    emits: ['update:value'],\n    data() {\n        return {\n            id: this.$attrs.id,\n            d_value: this.value\n        };\n    },\n    watch: {\n        '$attrs.id'(newValue) {\n            this.id = newValue || UniqueComponentId();\n        },\n        value(newValue) {\n            this.d_value = newValue;\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n    },\n    methods: {\n        updateValue(newValue) {\n            if (this.d_value !== newValue) {\n                this.d_value = newValue;\n                this.$emit('update:value', newValue);\n            }\n        },\n        isVertical() {\n            return this.orientation === 'vertical';\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport BaseTabs from './BaseTabs.vue';\n\nexport default {\n    name: 'Tabs',\n    extends: BaseTabs,\n    inheritAttrs: false,\n    emits: ['update:value'],\n    data() {\n        return {\n            id: this.$attrs.id,\n            d_value: this.value\n        };\n    },\n    watch: {\n        '$attrs.id'(newValue) {\n            this.id = newValue || UniqueComponentId();\n        },\n        value(newValue) {\n            this.d_value = newValue;\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n    },\n    methods: {\n        updateValue(newValue) {\n            if (this.d_value !== newValue) {\n                this.d_value = newValue;\n                this.$emit('update:value', newValue);\n            }\n        },\n        isVertical() {\n            return this.orientation === 'vertical';\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","Number","undefined","lazy","Boolean","scrollable","showNavigators","tabindex","selectOnFocus","style","TabsStyle","provide","$pcTabs","$parentInstance","BaseTabs","inheritAttrs","emits","data","id","$attrs","d_value","watch","$attrsId","newValue","UniqueComponentId","mounted","methods","updateValue","$emit","isVertical","orientation","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,UAAU;AAChB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;MACtB,SAASC,EAAAA,SAAAA;KACZ;AACDC,IAAAA,IAAI,EAAE;AACFJ,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDC,IAAAA,UAAU,EAAE;AACRN,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDE,IAAAA,cAAc,EAAE;AACZP,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA,IAAA;KACZ;AACDG,IAAAA,QAAQ,EAAE;AACNR,MAAAA,IAAI,EAAEE,MAAM;MACZ,SAAS,EAAA,CAAA;KACZ;AACDO,IAAAA,aAAa,EAAE;AACXT,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA,KAAA;AACb,KAAA;GACH;AACDK,EAAAA,KAAK,EAAEC,SAAS;EAChBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,OAAO,EAAE,IAAI;AACbC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;AC9BD,aAAe;AACXlB,EAAAA,IAAI,EAAE,MAAM;AACZ,EAAA,SAAA,EAASmB,QAAQ;AACjBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,KAAK,EAAE,CAAC,cAAc,CAAC;EACvBC,IAAI,EAAA,SAAJA,IAAIA,GAAG;IACH,OAAO;AACHC,MAAAA,EAAE,EAAE,IAAI,CAACC,MAAM,CAACD,EAAE;MAClBE,OAAO,EAAE,IAAI,CAACtB,KAAAA;KACjB,CAAA;GACJ;AACDuB,EAAAA,KAAK,EAAE;AACH,IAAA,WAAW,EAAXC,SAAAA,QAAWA,CAACC,QAAQ,EAAE;AAClB,MAAA,IAAI,CAACL,EAAG,GAAEK,YAAYC,iBAAiB,EAAE,CAAA;KAC5C;AACD1B,IAAAA,KAAK,EAALA,SAAAA,KAAKA,CAACyB,QAAQ,EAAE;MACZ,IAAI,CAACH,OAAQ,GAAEG,QAAQ,CAAA;AAC3B,KAAA;GACH;EACDE,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,IAAI,CAACP,EAAG,GAAE,IAAI,CAACA,EAAC,IAAKM,iBAAiB,EAAE,CAAA;GAC3C;AACDE,EAAAA,OAAO,EAAE;AACLC,IAAAA,WAAW,EAAXA,SAAAA,WAAWA,CAACJ,QAAQ,EAAE;AAClB,MAAA,IAAI,IAAI,CAACH,OAAQ,KAAIG,QAAQ,EAAE;QAC3B,IAAI,CAACH,OAAQ,GAAEG,QAAQ,CAAA;AACvB,QAAA,IAAI,CAACK,KAAK,CAAC,cAAc,EAAEL,QAAQ,CAAC,CAAA;AACxC,OAAA;KACH;IACDM,UAAU,EAAA,SAAVA,UAAUA,GAAG;AACT,MAAA,OAAO,IAAI,CAACC,WAAY,KAAI,UAAU,CAAA;AAC1C,KAAA;AACJ,GAAA;AACJ,CAAC;;;EC1CG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;KAAkBD,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCC,UAAY,CAAAH,IAAA,CAAAI,MAAA,EAAA,SAAA,CAAA;;;;;;;"}

package/tieredmenu/TieredMenuSub.vue

@@ -28,7 +28,7 @@
                         v-bind="getPTOptions(processedItem, index, 'itemContent')"
                     >
                         <template v-if="!templates.item">
-                            <a v-ripple :href="getItemProp(processedItem, 'url')" :class="cx('itemLink')" :target="getItemProp(processedItem, 'target')" tabindex="-1" aria-hidden="true" v-bind="getPTOptions(processedItem, index, 'itemLink')">
+                            <a v-ripple :href="getItemProp(processedItem, 'url')" :class="cx('itemLink')" :target="getItemProp(processedItem, 'target')" tabindex="-1" v-bind="getPTOptions(processedItem, index, 'itemLink')">
                                 <component v-if="templates.itemicon" :is="templates.itemicon" :item="processedItem.item" :class="cx('itemIcon')" />
                                 <span v-else-if="getItemProp(processedItem, 'icon')" :class="[cx('itemIcon'), getItemProp(processedItem, 'icon')]" v-bind="getPTOptions(processedItem, index, 'itemIcon')" />
                                 <span :id="getItemLabelId(processedItem)" :class="cx('itemLabel')" v-bind="getPTOptions(processedItem, index, 'itemLabel')">{{ getItemLabel(processedItem) }}</span>
@@ -74,9 +74,9 @@
 </template>
 
 <script>
-import BaseComponent from '@primevue/core/basecomponent';
 import { nestedPosition } from '@primeuix/utils/dom';
-import { resolve, isNotEmpty } from '@primeuix/utils/object';
+import { isNotEmpty, resolve } from '@primeuix/utils/object';
+import BaseComponent from '@primevue/core/basecomponent';
 import AngleRightIcon from '@primevue/icons/angleright';
 import Ripple from 'primevue/ripple';
 import { mergeProps } from 'vue';
@@ -140,7 +140,7 @@ export default {
         getPTOptions(processedItem, index, key) {
             return this.ptm(key, {
                 context: {
-                    item: processedItem,
+                    item: processedItem.item,
                     index,
                     active: this.isItemActive(processedItem),
                     focused: this.isItemFocused(processedItem),

package/tieredmenu/index.mjs

@@ -119,7 +119,7 @@ var script$1 = {
     getPTOptions: function getPTOptions(processedItem, index, key) {
       return this.ptm(key, {
         context: {
-          item: processedItem,
+          item: processedItem.item,
           index: index,
           active: this.isItemActive(processedItem),
           focused: this.isItemFocused(processedItem),
@@ -273,7 +273,6 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           "class": _ctx.cx('itemLink'),
           target: $options.getItemProp(processedItem, 'target'),
           tabindex: "-1",
-          "aria-hidden": "true",
           ref_for: true
         }, $options.getPTOptions(processedItem, index, 'itemLink')), [$props.templates.itemicon ? (openBlock(), createBlock(resolveDynamicComponent($props.templates.itemicon), {
           key: 0,