primevue 4.2.5 → 4.3.0

package/tabmenu/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/tabmenu/BaseTabMenu.vue","../../src/tabmenu/TabMenu.vue","../../src/tabmenu/TabMenu.vue?vue&type=template&id=c9708f4e&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TabMenuStyle from 'primevue/tabmenu/style';\n\nexport default {\n    name: 'BaseTabMenu',\n    extends: BaseComponent,\n    props: {\n        model: {\n            type: Array,\n            default: null\n        },\n        activeIndex: {\n            type: Number,\n            default: 0\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: TabMenuStyle,\n    provide() {\n        return {\n            $pcTabMenu: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <ul ref=\"nav\" :class=\"cx('tablist')\" role=\"menubar\" :aria-labelledby=\"ariaLabelledby\" :aria-label=\"ariaLabel\" v-bind=\"ptm('tablist')\">\n            <template v-for=\"(item, i) of model\" :key=\"label(item) + '_' + i.toString()\">\n                <li\n                    v-if=\"visible(item)\"\n                    ref=\"tab\"\n                    :class=\"[cx('item', { item, index: i }), item.class]\"\n                    role=\"presentation\"\n                    @click=\"onItemClick($event, item, i)\"\n                    @keydown=\"onKeydownItem($event, item, i)\"\n                    v-bind=\"getPTOptions('item', item, i)\"\n                    :data-p-active=\"d_activeIndex === i\"\n                    :data-p-disabled=\"disabled(item)\"\n                >\n                    <template v-if=\"!$slots.item\">\n                        <a ref=\"tabLink\" v-ripple role=\"menuitem\" :href=\"item.url\" :class=\"cx('itemLink')\" :target=\"item.target\" :aria-label=\"label(item)\" :aria-disabled=\"disabled(item)\" :tabindex=\"-1\" v-bind=\"getPTOptions('itemLink', item, i)\">\n                            <component v-if=\"$slots.itemicon\" :is=\"$slots.itemicon\" :item=\"item\" :class=\"cx('itemIcon')\" />\n                            <span v-else-if=\"item.icon\" :class=\"[cx('itemIcon'), item.icon]\" v-bind=\"getPTOptions('itemIcon', item, i)\" />\n                            <span :class=\"cx('itemLabel')\" v-bind=\"getPTOptions('itemLabel', item, i)\">{{ label(item) }}</span>\n                        </a>\n                    </template>\n                    <component v-else :is=\"$slots.item\" :item=\"item\" :index=\"i\" :active=\"i === d_activeIndex\" :label=\"label(item)\" :props=\"getMenuItemProps(item, i)\"></component>\n                </li>\n            </template>\n            <li ref=\"inkbar\" role=\"none\" :class=\"cx('activeBar')\" v-bind=\"ptm('activeBar')\"></li>\n        </ul>\n    </div>\n</template>\n\n<script>\nimport { getAttribute, find, findSingle, getWidth, getOffset } from '@primeuix/utils/dom';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTabMenu from './BaseTabMenu.vue';\n\nexport default {\n    name: 'TabMenu',\n    extends: BaseTabMenu,\n    inheritAttrs: false,\n    emits: ['update:activeIndex', 'tab-change'],\n    data() {\n        return {\n            d_activeIndex: this.activeIndex\n        };\n    },\n    watch: {\n        activeIndex: {\n            flush: 'post',\n            handler(newValue) {\n                this.d_activeIndex = newValue;\n                this.updateInkBar();\n            }\n        }\n    },\n    mounted() {\n        this.$nextTick(() => {\n            this.updateInkBar();\n        });\n\n        const activeItem = this.findActiveItem();\n\n        activeItem && (activeItem.tabIndex = '0');\n    },\n    updated() {\n        this.updateInkBar();\n    },\n    methods: {\n        getPTOptions(key, item, index) {\n            return this.ptm(key, {\n                context: {\n                    item,\n                    index\n                }\n            });\n        },\n        onItemClick(event, item, index) {\n            if (this.disabled(item)) {\n                event.preventDefault();\n\n                return;\n            }\n\n            if (item.command) {\n                item.command({\n                    originalEvent: event,\n                    item: item\n                });\n            }\n\n            if (index !== this.d_activeIndex) {\n                this.d_activeIndex = index;\n                this.$emit('update:activeIndex', this.d_activeIndex);\n            }\n\n            this.$emit('tab-change', {\n                originalEvent: event,\n                index: index\n            });\n        },\n        onKeydownItem(event, item, index) {\n            switch (event.code) {\n                case 'ArrowRight': {\n                    this.navigateToNextItem(event.target);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowLeft': {\n                    this.navigateToPrevItem(event.target);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'Home': {\n                    this.navigateToFirstItem(event.target);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'End': {\n                    this.navigateToLastItem(event.target);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'Space':\n                case 'NumpadEnter':\n\n                case 'Enter': {\n                    this.onItemClick(event, item, index);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'Tab': {\n                    this.onTabKey();\n                    break;\n                }\n\n                default:\n                    break;\n            }\n        },\n        navigateToNextItem(target) {\n            const nextItem = this.findNextItem(target);\n\n            nextItem && this.setFocusToMenuitem(target, nextItem);\n        },\n        navigateToPrevItem(target) {\n            const prevItem = this.findPrevItem(target);\n\n            prevItem && this.setFocusToMenuitem(target, prevItem);\n        },\n        navigateToFirstItem(target) {\n            const firstItem = this.findFirstItem(target);\n\n            firstItem && this.setFocusToMenuitem(target, firstItem);\n        },\n        navigateToLastItem(target) {\n            const lastItem = this.findLastItem(target);\n\n            lastItem && this.setFocusToMenuitem(target, lastItem);\n        },\n        findNextItem(item) {\n            const nextItem = item.parentElement.nextElementSibling;\n\n            return nextItem ? (getAttribute(nextItem, 'data-p-disabled') === true ? this.findNextItem(nextItem.children[0]) : nextItem.children[0]) : null;\n        },\n        findPrevItem(item) {\n            const prevItem = item.parentElement.previousElementSibling;\n\n            return prevItem ? (getAttribute(prevItem, 'data-p-disabled') === true ? this.findPrevItem(prevItem.children[0]) : prevItem.children[0]) : null;\n        },\n        findFirstItem() {\n            const firstSibling = findSingle(this.$refs.nav, '[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n\n            return firstSibling ? firstSibling.children[0] : null;\n        },\n        findLastItem() {\n            const siblings = find(this.$refs.nav, '[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n\n            return siblings ? siblings[siblings.length - 1].children[0] : null;\n        },\n        findActiveItem() {\n            const activeItem = findSingle(this.$refs.nav, '[data-pc-section=\"item\"][data-p-disabled=\"false\"][data-p-active=\"true\"]');\n\n            return activeItem ? activeItem.children[0] : null;\n        },\n        setFocusToMenuitem(target, focusableItem) {\n            target.tabIndex = '-1';\n            focusableItem.tabIndex = '0';\n            focusableItem.focus();\n        },\n        onTabKey() {\n            const activeItem = findSingle(this.$refs.nav, '[data-pc-section=\"item\"][data-p-disabled=\"false\"][data-p-active=\"true\"]');\n            const focusedItem = findSingle(this.$refs.nav, '[data-pc-section=\"itemlink\"][tabindex=\"0\"]');\n\n            if (focusedItem !== activeItem.children[0]) {\n                activeItem && (activeItem.children[0].tabIndex = '0');\n                focusedItem.tabIndex = '-1';\n            }\n        },\n        visible(item) {\n            return typeof item.visible === 'function' ? item.visible() : item.visible !== false;\n        },\n        disabled(item) {\n            return typeof item.disabled === 'function' ? item.disabled() : item.disabled === true;\n        },\n        label(item) {\n            return typeof item.label === 'function' ? item.label() : item.label;\n        },\n        updateInkBar() {\n            let tabs = this.$refs.nav.children;\n            let inkHighlighted = false;\n\n            for (let i = 0; i < tabs.length; i++) {\n                let tab = tabs[i];\n\n                if (getAttribute(tab, 'data-p-active')) {\n                    this.$refs.inkbar.style.width = getWidth(tab) + 'px';\n                    this.$refs.inkbar.style.left = getOffset(tab).left - getOffset(this.$refs.nav).left + 'px';\n                    inkHighlighted = true;\n                }\n            }\n\n            if (!inkHighlighted) {\n                this.$refs.inkbar.style.width = '0px';\n                this.$refs.inkbar.style.left = '0px';\n            }\n        },\n        getMenuItemProps(item, index) {\n            return {\n                action: mergeProps(\n                    {\n                        class: this.cx('itemLink'),\n                        tabindex: -1,\n                        onClick: ($event) => this.onItemClick($event, item, index),\n                        onKeyDown: ($event) => this.onKeydownItem($event, item, index)\n                    },\n                    this.getPTOptions('itemLink', item, index)\n                ),\n                icon: mergeProps(\n                    {\n                        class: [this.cx('itemIcon'), item.icon]\n                    },\n                    this.getPTOptions('itemIcon', item, index)\n                ),\n                label: mergeProps(\n                    {\n                        class: this.cx('itemLabel')\n                    },\n                    this.getPTOptions('itemLabel', item, index)\n                )\n            };\n        }\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <ul ref=\"nav\" :class=\"cx('tablist')\" role=\"menubar\" :aria-labelledby=\"ariaLabelledby\" :aria-label=\"ariaLabel\" v-bind=\"ptm('tablist')\">\n            <template v-for=\"(item, i) of model\" :key=\"label(item) + '_' + i.toString()\">\n                <li\n                    v-if=\"visible(item)\"\n                    ref=\"tab\"\n                    :class=\"[cx('item', { item, index: i }), item.class]\"\n                    role=\"presentation\"\n                    @click=\"onItemClick($event, item, i)\"\n                    @keydown=\"onKeydownItem($event, item, i)\"\n                    v-bind=\"getPTOptions('item', item, i)\"\n                    :data-p-active=\"d_activeIndex === i\"\n                    :data-p-disabled=\"disabled(item)\"\n                >\n                    <template v-if=\"!$slots.item\">\n                        <a ref=\"tabLink\" v-ripple role=\"menuitem\" :href=\"item.url\" :class=\"cx('itemLink')\" :target=\"item.target\" :aria-label=\"label(item)\" :aria-disabled=\"disabled(item)\" :tabindex=\"-1\" v-bind=\"getPTOptions('itemLink', item, i)\">\n                            <component v-if=\"$slots.itemicon\" :is=\"$slots.itemicon\" :item=\"item\" :class=\"cx('itemIcon')\" />\n                            <span v-else-if=\"item.icon\" :class=\"[cx('itemIcon'), item.icon]\" v-bind=\"getPTOptions('itemIcon', item, i)\" />\n                            <span :class=\"cx('itemLabel')\" v-bind=\"getPTOptions('itemLabel', item, i)\">{{ label(item) }}</span>\n                        </a>\n                    </template>\n                    <component v-else :is=\"$slots.item\" :item=\"item\" :index=\"i\" :active=\"i === d_activeIndex\" :label=\"label(item)\" :props=\"getMenuItemProps(item, i)\"></component>\n                </li>\n            </template>\n            <li ref=\"inkbar\" role=\"none\" :class=\"cx('activeBar')\" v-bind=\"ptm('activeBar')\"></li>\n        </ul>\n    </div>\n</template>\n\n<script>\nimport { getAttribute, find, findSingle, getWidth, getOffset } from '@primeuix/utils/dom';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTabMenu from './BaseTabMenu.vue';\n\nexport default {\n    name: 'TabMenu',\n    extends: BaseTabMenu,\n    inheritAttrs: false,\n    emits: ['update:activeIndex', 'tab-change'],\n    data() {\n        return {\n            d_activeIndex: this.activeIndex\n        };\n    },\n    watch: {\n        activeIndex: {\n            flush: 'post',\n            handler(newValue) {\n                this.d_activeIndex = newValue;\n                this.updateInkBar();\n            }\n        }\n    },\n    mounted() {\n        this.$nextTick(() => {\n            this.updateInkBar();\n        });\n\n        const activeItem = this.findActiveItem();\n\n        activeItem && (activeItem.tabIndex = '0');\n    },\n    updated() {\n        this.updateInkBar();\n    },\n    methods: {\n        getPTOptions(key, item, index) {\n            return this.ptm(key, {\n                context: {\n                    item,\n                    index\n                }\n            });\n        },\n        onItemClick(event, item, index) {\n            if (this.disabled(item)) {\n                event.preventDefault();\n\n                return;\n            }\n\n            if (item.command) {\n                item.command({\n                    originalEvent: event,\n                    item: item\n                });\n            }\n\n            if (index !== this.d_activeIndex) {\n                this.d_activeIndex = index;\n                this.$emit('update:activeIndex', this.d_activeIndex);\n            }\n\n            this.$emit('tab-change', {\n                originalEvent: event,\n                index: index\n            });\n        },\n        onKeydownItem(event, item, index) {\n            switch (event.code) {\n                case 'ArrowRight': {\n                    this.navigateToNextItem(event.target);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowLeft': {\n                    this.navigateToPrevItem(event.target);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'Home': {\n                    this.navigateToFirstItem(event.target);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'End': {\n                    this.navigateToLastItem(event.target);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'Space':\n                case 'NumpadEnter':\n\n                case 'Enter': {\n                    this.onItemClick(event, item, index);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'Tab': {\n                    this.onTabKey();\n                    break;\n                }\n\n                default:\n                    break;\n            }\n        },\n        navigateToNextItem(target) {\n            const nextItem = this.findNextItem(target);\n\n            nextItem && this.setFocusToMenuitem(target, nextItem);\n        },\n        navigateToPrevItem(target) {\n            const prevItem = this.findPrevItem(target);\n\n            prevItem && this.setFocusToMenuitem(target, prevItem);\n        },\n        navigateToFirstItem(target) {\n            const firstItem = this.findFirstItem(target);\n\n            firstItem && this.setFocusToMenuitem(target, firstItem);\n        },\n        navigateToLastItem(target) {\n            const lastItem = this.findLastItem(target);\n\n            lastItem && this.setFocusToMenuitem(target, lastItem);\n        },\n        findNextItem(item) {\n            const nextItem = item.parentElement.nextElementSibling;\n\n            return nextItem ? (getAttribute(nextItem, 'data-p-disabled') === true ? this.findNextItem(nextItem.children[0]) : nextItem.children[0]) : null;\n        },\n        findPrevItem(item) {\n            const prevItem = item.parentElement.previousElementSibling;\n\n            return prevItem ? (getAttribute(prevItem, 'data-p-disabled') === true ? this.findPrevItem(prevItem.children[0]) : prevItem.children[0]) : null;\n        },\n        findFirstItem() {\n            const firstSibling = findSingle(this.$refs.nav, '[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n\n            return firstSibling ? firstSibling.children[0] : null;\n        },\n        findLastItem() {\n            const siblings = find(this.$refs.nav, '[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n\n            return siblings ? siblings[siblings.length - 1].children[0] : null;\n        },\n        findActiveItem() {\n            const activeItem = findSingle(this.$refs.nav, '[data-pc-section=\"item\"][data-p-disabled=\"false\"][data-p-active=\"true\"]');\n\n            return activeItem ? activeItem.children[0] : null;\n        },\n        setFocusToMenuitem(target, focusableItem) {\n            target.tabIndex = '-1';\n            focusableItem.tabIndex = '0';\n            focusableItem.focus();\n        },\n        onTabKey() {\n            const activeItem = findSingle(this.$refs.nav, '[data-pc-section=\"item\"][data-p-disabled=\"false\"][data-p-active=\"true\"]');\n            const focusedItem = findSingle(this.$refs.nav, '[data-pc-section=\"itemlink\"][tabindex=\"0\"]');\n\n            if (focusedItem !== activeItem.children[0]) {\n                activeItem && (activeItem.children[0].tabIndex = '0');\n                focusedItem.tabIndex = '-1';\n            }\n        },\n        visible(item) {\n            return typeof item.visible === 'function' ? item.visible() : item.visible !== false;\n        },\n        disabled(item) {\n            return typeof item.disabled === 'function' ? item.disabled() : item.disabled === true;\n        },\n        label(item) {\n            return typeof item.label === 'function' ? item.label() : item.label;\n        },\n        updateInkBar() {\n            let tabs = this.$refs.nav.children;\n            let inkHighlighted = false;\n\n            for (let i = 0; i < tabs.length; i++) {\n                let tab = tabs[i];\n\n                if (getAttribute(tab, 'data-p-active')) {\n                    this.$refs.inkbar.style.width = getWidth(tab) + 'px';\n                    this.$refs.inkbar.style.left = getOffset(tab).left - getOffset(this.$refs.nav).left + 'px';\n                    inkHighlighted = true;\n                }\n            }\n\n            if (!inkHighlighted) {\n                this.$refs.inkbar.style.width = '0px';\n                this.$refs.inkbar.style.left = '0px';\n            }\n        },\n        getMenuItemProps(item, index) {\n            return {\n                action: mergeProps(\n                    {\n                        class: this.cx('itemLink'),\n                        tabindex: -1,\n                        onClick: ($event) => this.onItemClick($event, item, index),\n                        onKeyDown: ($event) => this.onKeydownItem($event, item, index)\n                    },\n                    this.getPTOptions('itemLink', item, index)\n                ),\n                icon: mergeProps(\n                    {\n                        class: [this.cx('itemIcon'), item.icon]\n                    },\n                    this.getPTOptions('itemIcon', item, index)\n                ),\n                label: mergeProps(\n                    {\n                        class: this.cx('itemLabel')\n                    },\n                    this.getPTOptions('itemLabel', item, index)\n                )\n            };\n        }\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","model","type","Array","activeIndex","Number","ariaLabelledby","String","ariaLabel","style","TabMenuStyle","provide","$pcTabMenu","$parentInstance","BaseTabMenu","inheritAttrs","emits","data","d_activeIndex","watch","flush","handler","newValue","updateInkBar","mounted","_this","$nextTick","activeItem","findActiveItem","tabIndex","updated","methods","getPTOptions","key","item","index","ptm","context","onItemClick","event","disabled","preventDefault","command","originalEvent","$emit","onKeydownItem","code","navigateToNextItem","target","navigateToPrevItem","navigateToFirstItem","navigateToLastItem","onTabKey","nextItem","findNextItem","setFocusToMenuitem","prevItem","findPrevItem","firstItem","findFirstItem","lastItem","findLastItem","parentElement","nextElementSibling","getAttribute","children","previousElementSibling","firstSibling","findSingle","$refs","nav","siblings","find","length","focusableItem","focus","focusedItem","visible","label","tabs","inkHighlighted","i","tab","inkbar","width","getWidth","left","getOffset","getMenuItemProps","_this2","action","mergeProps","cx","tabindex","onClick","$event","onKeyDown","icon","directives","ripple","Ripple","_openBlock","_createElementBlock","_mergeProps","_ctx","ptmi","_createElementVNode","ref","role","_Fragment","_renderList","$options","toString","onKeydown","$data","$slots","_withDirectives","href","url","itemicon","_createBlock","_resolveDynamicComponent","_toDisplayString","active"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/tabmenu/BaseTabMenu.vue","../../src/tabmenu/TabMenu.vue","../../src/tabmenu/TabMenu.vue?vue&type=template&id=c9708f4e&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TabMenuStyle from 'primevue/tabmenu/style';\n\nexport default {\n    name: 'BaseTabMenu',\n    extends: BaseComponent,\n    props: {\n        model: {\n            type: Array,\n            default: null\n        },\n        activeIndex: {\n            type: Number,\n            default: 0\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: TabMenuStyle,\n    provide() {\n        return {\n            $pcTabMenu: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <ul ref=\"nav\" :class=\"cx('tablist')\" role=\"menubar\" :aria-labelledby=\"ariaLabelledby\" :aria-label=\"ariaLabel\" v-bind=\"ptm('tablist')\">\n            <template v-for=\"(item, i) of model\" :key=\"label(item) + '_' + i.toString()\">\n                <li\n                    v-if=\"visible(item)\"\n                    ref=\"tab\"\n                    :class=\"[cx('item', { item, index: i }), item.class]\"\n                    role=\"presentation\"\n                    @click=\"onItemClick($event, item, i)\"\n                    @keydown=\"onKeydownItem($event, item, i)\"\n                    v-bind=\"getPTOptions('item', item, i)\"\n                    :data-p-active=\"d_activeIndex === i\"\n                    :data-p-disabled=\"disabled(item)\"\n                >\n                    <template v-if=\"!$slots.item\">\n                        <a ref=\"tabLink\" v-ripple role=\"menuitem\" :href=\"item.url\" :class=\"cx('itemLink')\" :target=\"item.target\" :aria-label=\"label(item)\" :aria-disabled=\"disabled(item)\" :tabindex=\"-1\" v-bind=\"getPTOptions('itemLink', item, i)\">\n                            <component v-if=\"$slots.itemicon\" :is=\"$slots.itemicon\" :item=\"item\" :class=\"cx('itemIcon')\" />\n                            <span v-else-if=\"item.icon\" :class=\"[cx('itemIcon'), item.icon]\" v-bind=\"getPTOptions('itemIcon', item, i)\" />\n                            <span :class=\"cx('itemLabel')\" v-bind=\"getPTOptions('itemLabel', item, i)\">{{ label(item) }}</span>\n                        </a>\n                    </template>\n                    <component v-else :is=\"$slots.item\" :item=\"item\" :index=\"i\" :active=\"i === d_activeIndex\" :label=\"label(item)\" :props=\"getMenuItemProps(item, i)\"></component>\n                </li>\n            </template>\n            <li ref=\"inkbar\" role=\"none\" :class=\"cx('activeBar')\" v-bind=\"ptm('activeBar')\"></li>\n        </ul>\n    </div>\n</template>\n\n<script>\nimport { getAttribute, find, findSingle, getWidth, getOffset } from '@primeuix/utils/dom';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTabMenu from './BaseTabMenu.vue';\n\nexport default {\n    name: 'TabMenu',\n    extends: BaseTabMenu,\n    inheritAttrs: false,\n    emits: ['update:activeIndex', 'tab-change'],\n    data() {\n        return {\n            d_activeIndex: this.activeIndex\n        };\n    },\n    watch: {\n        activeIndex: {\n            flush: 'post',\n            handler(newValue) {\n                this.d_activeIndex = newValue;\n                this.updateInkBar();\n            }\n        }\n    },\n    mounted() {\n        this.$nextTick(() => {\n            this.updateInkBar();\n        });\n\n        const activeItem = this.findActiveItem();\n\n        activeItem && (activeItem.tabIndex = '0');\n    },\n    updated() {\n        this.updateInkBar();\n    },\n    methods: {\n        getPTOptions(key, item, index) {\n            return this.ptm(key, {\n                context: {\n                    item,\n                    index\n                }\n            });\n        },\n        onItemClick(event, item, index) {\n            if (this.disabled(item)) {\n                event.preventDefault();\n\n                return;\n            }\n\n            if (item.command) {\n                item.command({\n                    originalEvent: event,\n                    item: item\n                });\n            }\n\n            if (index !== this.d_activeIndex) {\n                this.d_activeIndex = index;\n                this.$emit('update:activeIndex', this.d_activeIndex);\n            }\n\n            this.$emit('tab-change', {\n                originalEvent: event,\n                index: index\n            });\n        },\n        onKeydownItem(event, item, index) {\n            switch (event.code) {\n                case 'ArrowRight': {\n                    this.navigateToNextItem(event.target);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowLeft': {\n                    this.navigateToPrevItem(event.target);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'Home': {\n                    this.navigateToFirstItem(event.target);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'End': {\n                    this.navigateToLastItem(event.target);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'Space':\n                case 'NumpadEnter':\n\n                case 'Enter': {\n                    this.onItemClick(event, item, index);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'Tab': {\n                    this.onTabKey();\n                    break;\n                }\n\n                default:\n                    break;\n            }\n        },\n        navigateToNextItem(target) {\n            const nextItem = this.findNextItem(target);\n\n            nextItem && this.setFocusToMenuitem(target, nextItem);\n        },\n        navigateToPrevItem(target) {\n            const prevItem = this.findPrevItem(target);\n\n            prevItem && this.setFocusToMenuitem(target, prevItem);\n        },\n        navigateToFirstItem(target) {\n            const firstItem = this.findFirstItem(target);\n\n            firstItem && this.setFocusToMenuitem(target, firstItem);\n        },\n        navigateToLastItem(target) {\n            const lastItem = this.findLastItem(target);\n\n            lastItem && this.setFocusToMenuitem(target, lastItem);\n        },\n        findNextItem(item) {\n            const nextItem = item.parentElement.nextElementSibling;\n\n            return nextItem ? (getAttribute(nextItem, 'data-p-disabled') === true ? this.findNextItem(nextItem.children[0]) : nextItem.children[0]) : null;\n        },\n        findPrevItem(item) {\n            const prevItem = item.parentElement.previousElementSibling;\n\n            return prevItem ? (getAttribute(prevItem, 'data-p-disabled') === true ? this.findPrevItem(prevItem.children[0]) : prevItem.children[0]) : null;\n        },\n        findFirstItem() {\n            const firstSibling = findSingle(this.$refs.nav, '[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n\n            return firstSibling ? firstSibling.children[0] : null;\n        },\n        findLastItem() {\n            const siblings = find(this.$refs.nav, '[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n\n            return siblings ? siblings[siblings.length - 1].children[0] : null;\n        },\n        findActiveItem() {\n            const activeItem = findSingle(this.$refs.nav, '[data-pc-section=\"item\"][data-p-disabled=\"false\"][data-p-active=\"true\"]');\n\n            return activeItem ? activeItem.children[0] : null;\n        },\n        setFocusToMenuitem(target, focusableItem) {\n            target.tabIndex = '-1';\n            focusableItem.tabIndex = '0';\n            focusableItem.focus();\n        },\n        onTabKey() {\n            const activeItem = findSingle(this.$refs.nav, '[data-pc-section=\"item\"][data-p-disabled=\"false\"][data-p-active=\"true\"]');\n            const focusedItem = findSingle(this.$refs.nav, '[data-pc-section=\"itemlink\"][tabindex=\"0\"]');\n\n            if (focusedItem !== activeItem.children[0]) {\n                activeItem && (activeItem.children[0].tabIndex = '0');\n                focusedItem.tabIndex = '-1';\n            }\n        },\n        visible(item) {\n            return typeof item.visible === 'function' ? item.visible() : item.visible !== false;\n        },\n        disabled(item) {\n            return typeof item.disabled === 'function' ? item.disabled() : item.disabled === true;\n        },\n        label(item) {\n            return typeof item.label === 'function' ? item.label() : item.label;\n        },\n        updateInkBar() {\n            let tabs = this.$refs.nav.children;\n            let inkHighlighted = false;\n\n            for (let i = 0; i < tabs.length; i++) {\n                let tab = tabs[i];\n\n                if (getAttribute(tab, 'data-p-active')) {\n                    this.$refs.inkbar.style.width = getWidth(tab) + 'px';\n                    this.$refs.inkbar.style.left = getOffset(tab).left - getOffset(this.$refs.nav).left + 'px';\n                    inkHighlighted = true;\n                }\n            }\n\n            if (!inkHighlighted) {\n                this.$refs.inkbar.style.width = '0px';\n                this.$refs.inkbar.style.left = '0px';\n            }\n        },\n        getMenuItemProps(item, index) {\n            return {\n                action: mergeProps(\n                    {\n                        class: this.cx('itemLink'),\n                        tabindex: -1,\n                        onClick: ($event) => this.onItemClick($event, item, index),\n                        onKeyDown: ($event) => this.onKeydownItem($event, item, index)\n                    },\n                    this.getPTOptions('itemLink', item, index)\n                ),\n                icon: mergeProps(\n                    {\n                        class: [this.cx('itemIcon'), item.icon]\n                    },\n                    this.getPTOptions('itemIcon', item, index)\n                ),\n                label: mergeProps(\n                    {\n                        class: this.cx('itemLabel')\n                    },\n                    this.getPTOptions('itemLabel', item, index)\n                )\n            };\n        }\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <ul ref=\"nav\" :class=\"cx('tablist')\" role=\"menubar\" :aria-labelledby=\"ariaLabelledby\" :aria-label=\"ariaLabel\" v-bind=\"ptm('tablist')\">\n            <template v-for=\"(item, i) of model\" :key=\"label(item) + '_' + i.toString()\">\n                <li\n                    v-if=\"visible(item)\"\n                    ref=\"tab\"\n                    :class=\"[cx('item', { item, index: i }), item.class]\"\n                    role=\"presentation\"\n                    @click=\"onItemClick($event, item, i)\"\n                    @keydown=\"onKeydownItem($event, item, i)\"\n                    v-bind=\"getPTOptions('item', item, i)\"\n                    :data-p-active=\"d_activeIndex === i\"\n                    :data-p-disabled=\"disabled(item)\"\n                >\n                    <template v-if=\"!$slots.item\">\n                        <a ref=\"tabLink\" v-ripple role=\"menuitem\" :href=\"item.url\" :class=\"cx('itemLink')\" :target=\"item.target\" :aria-label=\"label(item)\" :aria-disabled=\"disabled(item)\" :tabindex=\"-1\" v-bind=\"getPTOptions('itemLink', item, i)\">\n                            <component v-if=\"$slots.itemicon\" :is=\"$slots.itemicon\" :item=\"item\" :class=\"cx('itemIcon')\" />\n                            <span v-else-if=\"item.icon\" :class=\"[cx('itemIcon'), item.icon]\" v-bind=\"getPTOptions('itemIcon', item, i)\" />\n                            <span :class=\"cx('itemLabel')\" v-bind=\"getPTOptions('itemLabel', item, i)\">{{ label(item) }}</span>\n                        </a>\n                    </template>\n                    <component v-else :is=\"$slots.item\" :item=\"item\" :index=\"i\" :active=\"i === d_activeIndex\" :label=\"label(item)\" :props=\"getMenuItemProps(item, i)\"></component>\n                </li>\n            </template>\n            <li ref=\"inkbar\" role=\"none\" :class=\"cx('activeBar')\" v-bind=\"ptm('activeBar')\"></li>\n        </ul>\n    </div>\n</template>\n\n<script>\nimport { getAttribute, find, findSingle, getWidth, getOffset } from '@primeuix/utils/dom';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTabMenu from './BaseTabMenu.vue';\n\nexport default {\n    name: 'TabMenu',\n    extends: BaseTabMenu,\n    inheritAttrs: false,\n    emits: ['update:activeIndex', 'tab-change'],\n    data() {\n        return {\n            d_activeIndex: this.activeIndex\n        };\n    },\n    watch: {\n        activeIndex: {\n            flush: 'post',\n            handler(newValue) {\n                this.d_activeIndex = newValue;\n                this.updateInkBar();\n            }\n        }\n    },\n    mounted() {\n        this.$nextTick(() => {\n            this.updateInkBar();\n        });\n\n        const activeItem = this.findActiveItem();\n\n        activeItem && (activeItem.tabIndex = '0');\n    },\n    updated() {\n        this.updateInkBar();\n    },\n    methods: {\n        getPTOptions(key, item, index) {\n            return this.ptm(key, {\n                context: {\n                    item,\n                    index\n                }\n            });\n        },\n        onItemClick(event, item, index) {\n            if (this.disabled(item)) {\n                event.preventDefault();\n\n                return;\n            }\n\n            if (item.command) {\n                item.command({\n                    originalEvent: event,\n                    item: item\n                });\n            }\n\n            if (index !== this.d_activeIndex) {\n                this.d_activeIndex = index;\n                this.$emit('update:activeIndex', this.d_activeIndex);\n            }\n\n            this.$emit('tab-change', {\n                originalEvent: event,\n                index: index\n            });\n        },\n        onKeydownItem(event, item, index) {\n            switch (event.code) {\n                case 'ArrowRight': {\n                    this.navigateToNextItem(event.target);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowLeft': {\n                    this.navigateToPrevItem(event.target);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'Home': {\n                    this.navigateToFirstItem(event.target);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'End': {\n                    this.navigateToLastItem(event.target);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'Space':\n                case 'NumpadEnter':\n\n                case 'Enter': {\n                    this.onItemClick(event, item, index);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'Tab': {\n                    this.onTabKey();\n                    break;\n                }\n\n                default:\n                    break;\n            }\n        },\n        navigateToNextItem(target) {\n            const nextItem = this.findNextItem(target);\n\n            nextItem && this.setFocusToMenuitem(target, nextItem);\n        },\n        navigateToPrevItem(target) {\n            const prevItem = this.findPrevItem(target);\n\n            prevItem && this.setFocusToMenuitem(target, prevItem);\n        },\n        navigateToFirstItem(target) {\n            const firstItem = this.findFirstItem(target);\n\n            firstItem && this.setFocusToMenuitem(target, firstItem);\n        },\n        navigateToLastItem(target) {\n            const lastItem = this.findLastItem(target);\n\n            lastItem && this.setFocusToMenuitem(target, lastItem);\n        },\n        findNextItem(item) {\n            const nextItem = item.parentElement.nextElementSibling;\n\n            return nextItem ? (getAttribute(nextItem, 'data-p-disabled') === true ? this.findNextItem(nextItem.children[0]) : nextItem.children[0]) : null;\n        },\n        findPrevItem(item) {\n            const prevItem = item.parentElement.previousElementSibling;\n\n            return prevItem ? (getAttribute(prevItem, 'data-p-disabled') === true ? this.findPrevItem(prevItem.children[0]) : prevItem.children[0]) : null;\n        },\n        findFirstItem() {\n            const firstSibling = findSingle(this.$refs.nav, '[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n\n            return firstSibling ? firstSibling.children[0] : null;\n        },\n        findLastItem() {\n            const siblings = find(this.$refs.nav, '[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n\n            return siblings ? siblings[siblings.length - 1].children[0] : null;\n        },\n        findActiveItem() {\n            const activeItem = findSingle(this.$refs.nav, '[data-pc-section=\"item\"][data-p-disabled=\"false\"][data-p-active=\"true\"]');\n\n            return activeItem ? activeItem.children[0] : null;\n        },\n        setFocusToMenuitem(target, focusableItem) {\n            target.tabIndex = '-1';\n            focusableItem.tabIndex = '0';\n            focusableItem.focus();\n        },\n        onTabKey() {\n            const activeItem = findSingle(this.$refs.nav, '[data-pc-section=\"item\"][data-p-disabled=\"false\"][data-p-active=\"true\"]');\n            const focusedItem = findSingle(this.$refs.nav, '[data-pc-section=\"itemlink\"][tabindex=\"0\"]');\n\n            if (focusedItem !== activeItem.children[0]) {\n                activeItem && (activeItem.children[0].tabIndex = '0');\n                focusedItem.tabIndex = '-1';\n            }\n        },\n        visible(item) {\n            return typeof item.visible === 'function' ? item.visible() : item.visible !== false;\n        },\n        disabled(item) {\n            return typeof item.disabled === 'function' ? item.disabled() : item.disabled === true;\n        },\n        label(item) {\n            return typeof item.label === 'function' ? item.label() : item.label;\n        },\n        updateInkBar() {\n            let tabs = this.$refs.nav.children;\n            let inkHighlighted = false;\n\n            for (let i = 0; i < tabs.length; i++) {\n                let tab = tabs[i];\n\n                if (getAttribute(tab, 'data-p-active')) {\n                    this.$refs.inkbar.style.width = getWidth(tab) + 'px';\n                    this.$refs.inkbar.style.left = getOffset(tab).left - getOffset(this.$refs.nav).left + 'px';\n                    inkHighlighted = true;\n                }\n            }\n\n            if (!inkHighlighted) {\n                this.$refs.inkbar.style.width = '0px';\n                this.$refs.inkbar.style.left = '0px';\n            }\n        },\n        getMenuItemProps(item, index) {\n            return {\n                action: mergeProps(\n                    {\n                        class: this.cx('itemLink'),\n                        tabindex: -1,\n                        onClick: ($event) => this.onItemClick($event, item, index),\n                        onKeyDown: ($event) => this.onKeydownItem($event, item, index)\n                    },\n                    this.getPTOptions('itemLink', item, index)\n                ),\n                icon: mergeProps(\n                    {\n                        class: [this.cx('itemIcon'), item.icon]\n                    },\n                    this.getPTOptions('itemIcon', item, index)\n                ),\n                label: mergeProps(\n                    {\n                        class: this.cx('itemLabel')\n                    },\n                    this.getPTOptions('itemLabel', item, index)\n                )\n            };\n        }\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","model","type","Array","activeIndex","Number","ariaLabelledby","String","ariaLabel","style","TabMenuStyle","provide","$pcTabMenu","$parentInstance","BaseTabMenu","inheritAttrs","emits","data","d_activeIndex","watch","flush","handler","newValue","updateInkBar","mounted","_this","$nextTick","activeItem","findActiveItem","tabIndex","updated","methods","getPTOptions","key","item","index","ptm","context","onItemClick","event","disabled","preventDefault","command","originalEvent","$emit","onKeydownItem","code","navigateToNextItem","target","navigateToPrevItem","navigateToFirstItem","navigateToLastItem","onTabKey","nextItem","findNextItem","setFocusToMenuitem","prevItem","findPrevItem","firstItem","findFirstItem","lastItem","findLastItem","parentElement","nextElementSibling","getAttribute","children","previousElementSibling","firstSibling","findSingle","$refs","nav","siblings","find","length","focusableItem","focus","focusedItem","visible","label","tabs","inkHighlighted","i","tab","inkbar","width","getWidth","left","getOffset","getMenuItemProps","_this2","action","mergeProps","cx","tabindex","onClick","$event","onKeyDown","icon","directives","ripple","Ripple","_openBlock","_createElementBlock","_mergeProps","_ctx","ptmi","_createElementVNode","ref","role","_Fragment","_renderList","$options","toString","onKeydown","$data","$slots","_withDirectives","href","url","itemicon","_createBlock","_resolveDynamicComponent","_toDisplayString","active"],"mappings":";;;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,aAAa;AACnB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,KAAK;MACX,SAAS,EAAA;KACZ;AACDC,IAAAA,WAAW,EAAE;AACTF,MAAAA,IAAI,EAAEG,MAAM;MACZ,SAAS,EAAA;KACZ;AACDC,IAAAA,cAAc,EAAE;AACZJ,MAAAA,IAAI,EAAEK,MAAM;MACZ,SAAS,EAAA;KACZ;AACDC,IAAAA,SAAS,EAAE;AACPN,MAAAA,IAAI,EAAEK,MAAM;MACZ,SAAS,EAAA;AACb;GACH;AACDE,EAAAA,KAAK,EAAEC,YAAY;EACnBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACID,aAAe;AACXf,EAAAA,IAAI,EAAE,SAAS;AACf,EAAA,SAAA,EAASgB,QAAW;AACpBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,KAAK,EAAE,CAAC,oBAAoB,EAAE,YAAY,CAAC;EAC3CC,IAAI,EAAA,SAAJA,IAAIA,GAAG;IACH,OAAO;MACHC,aAAa,EAAE,IAAI,CAACd;KACvB;GACJ;AACDe,EAAAA,KAAK,EAAE;AACHf,IAAAA,WAAW,EAAE;AACTgB,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,OAAO,EAAPA,SAAAA,OAAOA,CAACC,QAAQ,EAAE;QACd,IAAI,CAACJ,aAAY,GAAII,QAAQ;QAC7B,IAAI,CAACC,YAAY,EAAE;AACvB;AACJ;GACH;EACDC,OAAO,EAAA,SAAPA,OAAOA,GAAG;AAAA,IAAA,IAAAC,KAAA,GAAA,IAAA;IACN,IAAI,CAACC,SAAS,CAAC,YAAM;MACjBD,KAAI,CAACF,YAAY,EAAE;AACvB,KAAC,CAAC;AAEF,IAAA,IAAMI,UAAS,GAAI,IAAI,CAACC,cAAc,EAAE;AAExCD,IAAAA,UAAS,KAAMA,UAAU,CAACE,QAAS,GAAE,GAAG,CAAC;GAC5C;EACDC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,IAAI,CAACP,YAAY,EAAE;GACtB;AACDQ,EAAAA,OAAO,EAAE;IACLC,YAAY,EAAA,SAAZA,YAAYA,CAACC,GAAG,EAAEC,IAAI,EAAEC,KAAK,EAAE;AAC3B,MAAA,OAAO,IAAI,CAACC,GAAG,CAACH,GAAG,EAAE;AACjBI,QAAAA,OAAO,EAAE;AACLH,UAAAA,IAAI,EAAJA,IAAI;AACJC,UAAAA,KAAI,EAAJA;AACJ;AACJ,OAAC,CAAC;KACL;IACDG,WAAW,EAAA,SAAXA,WAAWA,CAACC,KAAK,EAAEL,IAAI,EAAEC,KAAK,EAAE;AAC5B,MAAA,IAAI,IAAI,CAACK,QAAQ,CAACN,IAAI,CAAC,EAAE;QACrBK,KAAK,CAACE,cAAc,EAAE;AAEtB,QAAA;AACJ;MAEA,IAAIP,IAAI,CAACQ,OAAO,EAAE;QACdR,IAAI,CAACQ,OAAO,CAAC;AACTC,UAAAA,aAAa,EAAEJ,KAAK;AACpBL,UAAAA,IAAI,EAAEA;AACV,SAAC,CAAC;AACN;AAEA,MAAA,IAAIC,KAAM,KAAI,IAAI,CAACjB,aAAa,EAAE;QAC9B,IAAI,CAACA,aAAY,GAAIiB,KAAK;QAC1B,IAAI,CAACS,KAAK,CAAC,oBAAoB,EAAE,IAAI,CAAC1B,aAAa,CAAC;AACxD;AAEA,MAAA,IAAI,CAAC0B,KAAK,CAAC,YAAY,EAAE;AACrBD,QAAAA,aAAa,EAAEJ,KAAK;AACpBJ,QAAAA,KAAK,EAAEA;AACX,OAAC,CAAC;KACL;IACDU,aAAa,EAAA,SAAbA,aAAaA,CAACN,KAAK,EAAEL,IAAI,EAAEC,KAAK,EAAE;MAC9B,QAAQI,KAAK,CAACO,IAAI;AACd,QAAA,KAAK,YAAY;AAAE,UAAA;AACf,YAAA,IAAI,CAACC,kBAAkB,CAACR,KAAK,CAACS,MAAM,CAAC;YACrCT,KAAK,CAACE,cAAc,EAAE;AACtB,YAAA;AACJ;AAEA,QAAA,KAAK,WAAW;AAAE,UAAA;AACd,YAAA,IAAI,CAACQ,kBAAkB,CAACV,KAAK,CAACS,MAAM,CAAC;YACrCT,KAAK,CAACE,cAAc,EAAE;AACtB,YAAA;AACJ;AAEA,QAAA,KAAK,MAAM;AAAE,UAAA;AACT,YAAA,IAAI,CAACS,mBAAmB,CAACX,KAAK,CAACS,MAAM,CAAC;YACtCT,KAAK,CAACE,cAAc,EAAE;AACtB,YAAA;AACJ;AAEA,QAAA,KAAK,KAAK;AAAE,UAAA;AACR,YAAA,IAAI,CAACU,kBAAkB,CAACZ,KAAK,CAACS,MAAM,CAAC;YACrCT,KAAK,CAACE,cAAc,EAAE;AACtB,YAAA;AACJ;AAEA,QAAA,KAAK,OAAO;AACZ,QAAA,KAAK,aAAa;AAElB,QAAA,KAAK,OAAO;AAAE,UAAA;YACV,IAAI,CAACH,WAAW,CAACC,KAAK,EAAEL,IAAI,EAAEC,KAAK,CAAC;YACpCI,KAAK,CAACE,cAAc,EAAE;AACtB,YAAA;AACJ;AAEA,QAAA,KAAK,KAAK;AAAE,UAAA;YACR,IAAI,CAACW,QAAQ,EAAE;AACf,YAAA;AACJ;AAIJ;KACH;AACDL,IAAAA,kBAAkB,EAAlBA,SAAAA,kBAAkBA,CAACC,MAAM,EAAE;AACvB,MAAA,IAAMK,QAAS,GAAE,IAAI,CAACC,YAAY,CAACN,MAAM,CAAC;MAE1CK,QAAO,IAAK,IAAI,CAACE,kBAAkB,CAACP,MAAM,EAAEK,QAAQ,CAAC;KACxD;AACDJ,IAAAA,kBAAkB,EAAlBA,SAAAA,kBAAkBA,CAACD,MAAM,EAAE;AACvB,MAAA,IAAMQ,QAAS,GAAE,IAAI,CAACC,YAAY,CAACT,MAAM,CAAC;MAE1CQ,QAAO,IAAK,IAAI,CAACD,kBAAkB,CAACP,MAAM,EAAEQ,QAAQ,CAAC;KACxD;AACDN,IAAAA,mBAAmB,EAAnBA,SAAAA,mBAAmBA,CAACF,MAAM,EAAE;AACxB,MAAA,IAAMU,SAAQ,GAAI,IAAI,CAACC,aAAa,CAACX,MAAM,CAAC;MAE5CU,SAAU,IAAG,IAAI,CAACH,kBAAkB,CAACP,MAAM,EAAEU,SAAS,CAAC;KAC1D;AACDP,IAAAA,kBAAkB,EAAlBA,SAAAA,kBAAkBA,CAACH,MAAM,EAAE;AACvB,MAAA,IAAMY,QAAS,GAAE,IAAI,CAACC,YAAY,CAACb,MAAM,CAAC;MAE1CY,QAAO,IAAK,IAAI,CAACL,kBAAkB,CAACP,MAAM,EAAEY,QAAQ,CAAC;KACxD;AACDN,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAACpB,IAAI,EAAE;AACf,MAAA,IAAMmB,WAAWnB,IAAI,CAAC4B,aAAa,CAACC,kBAAkB;AAEtD,MAAA,OAAOV,QAAS,GAAGW,YAAY,CAACX,QAAQ,EAAE,iBAAiB,CAAA,KAAM,OAAO,IAAI,CAACC,YAAY,CAACD,QAAQ,CAACY,QAAQ,CAAC,CAAC,CAAC,CAAE,GAAEZ,QAAQ,CAACY,QAAQ,CAAC,CAAC,CAAC,GAAI,IAAI;KACjJ;AACDR,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAACvB,IAAI,EAAE;AACf,MAAA,IAAMsB,QAAO,GAAItB,IAAI,CAAC4B,aAAa,CAACI,sBAAsB;AAE1D,MAAA,OAAOV,QAAS,GAAGQ,YAAY,CAACR,QAAQ,EAAE,iBAAiB,CAAA,KAAM,OAAO,IAAI,CAACC,YAAY,CAACD,QAAQ,CAACS,QAAQ,CAAC,CAAC,CAAC,CAAE,GAAET,QAAQ,CAACS,QAAQ,CAAC,CAAC,CAAC,GAAI,IAAI;KACjJ;IACDN,aAAa,EAAA,SAAbA,aAAaA,GAAG;MACZ,IAAMQ,YAAW,GAAIC,UAAU,CAAC,IAAI,CAACC,KAAK,CAACC,GAAG,EAAE,mDAAmD,CAAC;MAEpG,OAAOH,eAAeA,YAAY,CAACF,QAAQ,CAAC,CAAC,IAAI,IAAI;KACxD;IACDJ,YAAY,EAAA,SAAZA,YAAYA,GAAG;MACX,IAAMU,WAAWC,IAAI,CAAC,IAAI,CAACH,KAAK,CAACC,GAAG,EAAE,mDAAmD,CAAC;AAE1F,MAAA,OAAOC,QAAO,GAAIA,QAAQ,CAACA,QAAQ,CAACE,MAAO,GAAE,CAAC,CAAC,CAACR,QAAQ,CAAC,CAAC,CAAA,GAAI,IAAI;KACrE;IACDrC,cAAc,EAAA,SAAdA,cAAcA,GAAG;MACb,IAAMD,UAAW,GAAEyC,UAAU,CAAC,IAAI,CAACC,KAAK,CAACC,GAAG,EAAE,yEAAyE,CAAC;MAExH,OAAO3C,UAAS,GAAIA,UAAU,CAACsC,QAAQ,CAAC,CAAC,CAAA,GAAI,IAAI;KACpD;AACDV,IAAAA,kBAAkB,WAAlBA,kBAAkBA,CAACP,MAAM,EAAE0B,aAAa,EAAE;MACtC1B,MAAM,CAACnB,QAAO,GAAI,IAAI;MACtB6C,aAAa,CAAC7C,QAAS,GAAE,GAAG;MAC5B6C,aAAa,CAACC,KAAK,EAAE;KACxB;IACDvB,QAAQ,EAAA,SAARA,QAAQA,GAAG;MACP,IAAMzB,UAAW,GAAEyC,UAAU,CAAC,IAAI,CAACC,KAAK,CAACC,GAAG,EAAE,yEAAyE,CAAC;MACxH,IAAMM,cAAcR,UAAU,CAAC,IAAI,CAACC,KAAK,CAACC,GAAG,EAAE,4CAA4C,CAAC;MAE5F,IAAIM,WAAU,KAAMjD,UAAU,CAACsC,QAAQ,CAAC,CAAC,CAAC,EAAE;QACxCtC,UAAW,KAAIA,UAAU,CAACsC,QAAQ,CAAC,CAAC,CAAC,CAACpC,WAAW,GAAG,CAAC;QACrD+C,WAAW,CAAC/C,WAAW,IAAI;AAC/B;KACH;AACDgD,IAAAA,OAAO,EAAPA,SAAAA,OAAOA,CAAC3C,IAAI,EAAE;AACV,MAAA,OAAO,OAAOA,IAAI,CAAC2C,YAAY,UAAW,GAAE3C,IAAI,CAAC2C,OAAO,EAAC,GAAI3C,IAAI,CAAC2C,OAAQ,KAAI,KAAK;KACtF;AACDrC,IAAAA,QAAQ,EAARA,SAAAA,QAAQA,CAACN,IAAI,EAAE;AACX,MAAA,OAAO,OAAOA,IAAI,CAACM,aAAa,UAAW,GAAEN,IAAI,CAACM,QAAQ,KAAKN,IAAI,CAACM,QAAO,KAAM,IAAI;KACxF;AACDsC,IAAAA,KAAK,EAALA,SAAAA,KAAKA,CAAC5C,IAAI,EAAE;AACR,MAAA,OAAO,OAAOA,IAAI,CAAC4C,KAAM,KAAI,UAAW,GAAE5C,IAAI,CAAC4C,KAAK,EAAC,GAAI5C,IAAI,CAAC4C,KAAK;KACtE;IACDvD,YAAY,EAAA,SAAZA,YAAYA,GAAG;MACX,IAAIwD,IAAG,GAAI,IAAI,CAACV,KAAK,CAACC,GAAG,CAACL,QAAQ;MAClC,IAAIe,cAAa,GAAI,KAAK;AAE1B,MAAA,KAAK,IAAIC,CAAA,GAAI,CAAC,EAAEA,CAAA,GAAIF,IAAI,CAACN,MAAM,EAAEQ,CAAC,EAAE,EAAE;AAClC,QAAA,IAAIC,GAAI,GAAEH,IAAI,CAACE,CAAC,CAAC;AAEjB,QAAA,IAAIjB,YAAY,CAACkB,GAAG,EAAE,eAAe,CAAC,EAAE;AACpC,UAAA,IAAI,CAACb,KAAK,CAACc,MAAM,CAAC1E,KAAK,CAAC2E,KAAM,GAAEC,QAAQ,CAACH,GAAG,IAAI,IAAI;UACpD,IAAI,CAACb,KAAK,CAACc,MAAM,CAAC1E,KAAK,CAAC6E,IAAG,GAAIC,SAAS,CAACL,GAAG,CAAC,CAACI,IAAK,GAAEC,SAAS,CAAC,IAAI,CAAClB,KAAK,CAACC,GAAG,CAAC,CAACgB,IAAG,GAAI,IAAI;AAC1FN,UAAAA,cAAa,GAAI,IAAI;AACzB;AACJ;MAEA,IAAI,CAACA,cAAc,EAAE;QACjB,IAAI,CAACX,KAAK,CAACc,MAAM,CAAC1E,KAAK,CAAC2E,QAAQ,KAAK;QACrC,IAAI,CAACf,KAAK,CAACc,MAAM,CAAC1E,KAAK,CAAC6E,IAAG,GAAI,KAAK;AACxC;KACH;AACDE,IAAAA,gBAAgB,WAAhBA,gBAAgBA,CAACtD,IAAI,EAAEC,KAAK,EAAE;AAAA,MAAA,IAAAsD,MAAA,GAAA,IAAA;MAC1B,OAAO;QACHC,MAAM,EAAEC,UAAU,CACd;AACI,UAAA,OAAA,EAAO,IAAI,CAACC,EAAE,CAAC,UAAU,CAAC;UAC1BC,QAAQ,EAAE,EAAE;AACZC,UAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGC,MAAM,EAAA;YAAA,OAAKN,MAAI,CAACnD,WAAW,CAACyD,MAAM,EAAE7D,IAAI,EAAEC,KAAK,CAAC;AAAA,WAAA;AAC1D6D,UAAAA,SAAS,EAAE,SAAXA,SAASA,CAAGD,MAAM,EAAA;YAAA,OAAKN,MAAI,CAAC5C,aAAa,CAACkD,MAAM,EAAE7D,IAAI,EAAEC,KAAK,CAAA;AAAA;SAChE,EACD,IAAI,CAACH,YAAY,CAAC,UAAU,EAAEE,IAAI,EAAEC,KAAK,CAC7C,CAAC;QACD8D,IAAI,EAAEN,UAAU,CACZ;UACI,OAAO,EAAA,CAAC,IAAI,CAACC,EAAE,CAAC,UAAU,CAAC,EAAE1D,IAAI,CAAC+D,IAAI;SACzC,EACD,IAAI,CAACjE,YAAY,CAAC,UAAU,EAAEE,IAAI,EAAEC,KAAK,CAC7C,CAAC;QACD2C,KAAK,EAAEa,UAAU,CACb;AACI,UAAA,OAAA,EAAO,IAAI,CAACC,EAAE,CAAC,WAAW;SAC7B,EACD,IAAI,CAAC5D,YAAY,CAAC,WAAW,EAAEE,IAAI,EAAEC,KAAK,CAC9C;OACH;AACL;GACH;AACD+D,EAAAA,UAAU,EAAE;AACRC,IAAAA,MAAM,EAAEC;AACZ;AACJ,CAAC;;;;;;;ECnQG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CA0BK,OA1BLC,UA0BK,CAAA;AA1BC,IAAA,OAAA,EAAOC,IAAE,CAAAZ,EAAA,CAAA,MAAA;KAAkBY,IAAI,CAAAC,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCC,kBAAA,CAwBI,MAxBJH,UAwBI,CAAA;AAxBAI,IAAAA,GAAG,EAAC,KAAM;AAAC,IAAA,OAAA,EAAOH,IAAE,CAAAZ,EAAA,CAAA,SAAA,CAAA;AAAagB,IAAAA,IAAI,EAAC,SAAU;IAAC,iBAAe,EAAEJ,IAAc,CAAAlG,cAAA;IAAG,YAAU,EAAEkG,IAAS,CAAAhG;KAAUgG,IAAG,CAAApE,GAAA,CAAA,SAAA,CAAA,CAAA,EAAA,EACrHiE,SAAA,CAAA,IAAA,CAAA,EAAAC,kBAAA,CAqBUO,QArBoB,EAAA,IAAA,EAAAC,UAAA,CAAAN,IAAA,CAAAvG,KAAK,EAAjB,UAAAiC,IAAI,EAAE+C,CAAC,EAAA;;AAAkBhD,MAAAA,GAAA,EAAA8E,QAAA,CAAAjC,KAAK,CAAC5C,IAAI,CAAU,GAAA,GAAA,GAAA+C,CAAC,CAAC+B,QAAQ;QAE3DD,QAAA,CAAAlC,OAAO,CAAC3C,IAAI,CAAA,IADtBmE,SAAA,EAAA,EAAAC,kBAAA,CAmBI,MAnBJC,UAmBI,CAAA;;;AAjBAI,MAAAA,GAAG,EAAC,KAAI;AACP,MAAA,OAAA,EAAK,CAAGH,OAAE,CAAW,MAAA,EAAA;AAAAtE,QAAAA,IAAI,EAAJA,IAAI;eAAS+C;AAAA,OAAA,CAAA,EAAM/C,IAAI,CAAA,OAAA,CAAM,CAAA;AACnD0E,MAAAA,IAAI,EAAC,cAAa;AACjBd,MAAAA,OAAK,WAALA,OAAKA;eAAEiB,QAAW,CAAAzE,WAAA,CAACyD,MAAM,EAAE7D,IAAI,EAAE+C,CAAC,CAAA;OAAA;AAClCgC,MAAAA,SAAO,WAAPA,SAAOA;eAAEF,QAAa,CAAAlE,aAAA,CAACkD,MAAM,EAAE7D,IAAI,EAAE+C,CAAC,CAAA;AAAA;OAC/B8B,QAAY,CAAA/E,YAAA,CAAA,MAAA,EAASE,IAAI,EAAE+C,CAAC,CAAA,EAAA;AACnC,MAAA,eAAa,EAAEiC,KAAY,CAAAhG,aAAA,KAAM+D,CAAC;AAClC,MAAA,iBAAe,EAAE8B,QAAQ,CAAAvE,QAAA,CAACN,IAAI;SAEd,CAAAsE,IAAA,CAAAW,MAAM,CAACjF,IAAI,GACxBkF,cAAA,EAAAf,SAAA,EAAA,EAAAC,kBAAA,CAIG,KAJHC,UAIG,CAAA;;;AAJAI,MAAAA,GAAG,EAAC,SAAQ;AAAWC,MAAAA,IAAI,EAAC,UAAS;MAAGS,IAAI,EAAEnF,IAAI,CAACoF,GAAG;AAAG,MAAA,OAAA,EAAOd,IAAE,CAAAZ,EAAA,CAAA,UAAA,CAAA;MAAe5C,MAAM,EAAEd,IAAI,CAACc,MAAM;AAAG,MAAA,YAAU,EAAE+D,QAAK,CAAAjC,KAAA,CAAC5C,IAAI,CAAA;AAAI,MAAA,eAAa,EAAE6E,QAAQ,CAAAvE,QAAA,CAACN,IAAI,CAAA;AAAI2D,MAAAA,QAAQ,EAAE;OAAYkB,QAAY,CAAA/E,YAAA,CAAA,UAAA,EAAaE,IAAI,EAAE+C,CAAC,CAAA,CAAA,EAAA,CACrMuB,IAAA,CAAAW,MAAM,CAACI,QAAQ,iBAAhCC,WAA8F,CAAAC,uBAAA,CAAvDjB,IAAM,CAAAW,MAAA,CAACI,QAAQ,CAAA,EAAA;;AAAGrF,MAAAA,IAAI,EAAEA,IAAI;AAAG,MAAA,OAAA,iBAAOsE,IAAE,CAAAZ,EAAA,CAAA,UAAA,CAAA;sCAC9D1D,IAAI,CAAC+D,IAAI,IAA1BI,SAAA,EAAA,EAAAC,kBAAA,CAA6G,QAA7GC,UAA6G,CAAA;;MAAhF,OAAQ,EAAA,CAAAC,IAAA,CAAAZ,EAAE,CAAc,UAAA,CAAA,EAAA1D,IAAI,CAAC+D,IAAI,CAAA;;OAAWc,QAAY,CAAA/E,YAAA,CAAA,UAAA,EAAaE,IAAI,EAAE+C,CAAC,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kCACzGyB,kBAAA,CAAkG,QAAlGH,UAAkG,CAAA;AAA3F,MAAA,OAAA,EAAOC,IAAE,CAAAZ,EAAA,CAAA,WAAA,CAAA;;KAAuB,EAAAmB,QAAA,CAAA/E,YAAY,cAAcE,IAAI,EAAE+C,CAAC,CAAM,CAAA,EAAAyC,eAAA,CAAAX,QAAA,CAAAjC,KAAK,CAAC5C,IAAI,CAAA,CAAA,EAAA,EAAA,CAAA,4DAGhGsF,WAA6J,CAAAC,uBAAA,CAAtIjB,IAAM,CAAAW,MAAA,CAACjF,IAAI,CAAA,EAAA;;AAAGA,MAAAA,IAAI,EAAEA,IAAI;AAAGC,MAAAA,KAAK,EAAE8C,CAAC;AAAG0C,MAAAA,MAAM,EAAE1C,CAAA,KAAMiC,KAAa,CAAAhG,aAAA;AAAG4D,MAAAA,KAAK,EAAEiC,QAAK,CAAAjC,KAAA,CAAC5C,IAAI,CAAA;AAAIlC,MAAAA,KAAK,EAAE+G,QAAA,CAAAvB,gBAAgB,CAACtD,IAAI,EAAE+C,CAAC;;aAGvJyB,kBAAA,CAAoF,MAApFH,UAAoF,CAAA;AAAhFI,IAAAA,GAAG,EAAC,QAAS;AAAAC,IAAAA,IAAI,EAAC,MAAK;AAAG,IAAA,OAAA,EAAOJ,IAAE,CAAAZ,EAAA,CAAA,WAAA;KAAuBY,IAAG,CAAApE,GAAA,CAAA,WAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA;;;;;;;"}

package/tabmenu/style/index.mjs

@@ -1,16 +1,13 @@
+import { style } from '@primeuix/styles/tabmenu';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-tabmenu {\n    overflow-x: auto;\n}\n\n.p-tabmenu-tablist {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    background: ".concat(dt('tabmenu.tablist.background'), ";\n    border-style: solid;\n    border-color: ").concat(dt('tabmenu.tablist.border.color'), ";\n    border-width: ").concat(dt('tabmenu.tablist.border.width'), ";\n    position: relative;\n}\n\n.p-tabmenu-item-link {\n    cursor: pointer;\n    user-select: none;\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    position: relative;\n    overflow: hidden;\n    background: ").concat(dt('tabmenu.item.background'), ";\n    border-style: solid;\n    border-width: ").concat(dt('tabmenu.item.border.width'), ";\n    border-color: ").concat(dt('tabmenu.item.border.color'), ";\n    color: ").concat(dt('tabmenu.item.color'), ";\n    padding: ").concat(dt('tabmenu.item.padding'), ";\n    font-weight: ").concat(dt('tabmenu.item.font.weight'), ";\n    transition: background ").concat(dt('tabmenu.transition.duration'), ", border-color ").concat(dt('tabmenu.transition.duration'), ", color ").concat(dt('tabmenu.transition.duration'), ", outline-color ").concat(dt('tabmenu.transition.duration'), ", box-shadow ").concat(dt('tabmenu.transition.duration'), ";\n    margin: ").concat(dt('tabmenu.item.margin'), ";\n    outline-color: transparent;\n    gap: ").concat(dt('tabmenu.item.gap'), ";\n}\n\n.p-tabmenu-item-link:focus-visible {\n    z-index: 1;\n    box-shadow: ").concat(dt('tabmenu.item.focus.ring.shadow'), ";\n    outline: ").concat(dt('tabmenu.item.focus.ring.width'), " ").concat(dt('tabmenu.item.focus.ring.style'), " ").concat(dt('tabmenu.item.focus.ring.color'), ";\n    outline-offset: ").concat(dt('tabmenu.item.focus.ring.offset'), ";\n}\n\n.p-tabmenu-item-icon {\n    color: ").concat(dt('tabmenu.item.icon.color'), ";\n    transition: background ").concat(dt('tabmenu.transition.duration'), ", border-color ").concat(dt('tabmenu.transition.duration'), ", color ").concat(dt('tabmenu.transition.duration'), ", outline-color ").concat(dt('tabmenu.transition.duration'), ", box-shadow ").concat(dt('tabmenu.transition.duration'), ";\n}\n\n.p-tabmenu-item-label {\n    line-height: 1;\n}\n\n.p-tabmenu-item:not(.p-tabmenu-item-active):not(.p-disabled):hover .p-tabmenu-item-link {\n    background: ").concat(dt('tabmenu.item.hover.background'), ";\n    border-color: ").concat(dt('tabmenu.item.hover.border.color'), ";\n    color: ").concat(dt('tabmenu.item.hover.color'), ";\n}\n\n.p-tabmenu-item:not(.p-tabmenu-item-active):not(.p-disabled):hover .p-tabmenu-item-icon {\n    color: ").concat(dt('tabmenu.item.icon.hover.color'), ";\n}\n\n.p-tabmenu-item-active .p-tabmenu-item-link {\n    background: ").concat(dt('tabmenu.item.active.background'), ";\n    border-color: ").concat(dt('tabmenu.item.active.border.color'), ";\n    color: ").concat(dt('tabmenu.item.active.color'), ";\n}\n\n.p-tabmenu-item-active .p-tabmenu-item-icon {\n    color: ").concat(dt('tabmenu.item.icon.active.color'), ";\n}\n\n.p-tabmenu-active-bar {\n    z-index: 1;\n    display: block;\n    position: absolute;\n    bottom: ").concat(dt('tabmenu.active.bar.bottom'), ";\n    height: ").concat(dt('tabmenu.active.bar.height'), ";\n    background: ").concat(dt('tabmenu.active.bar.background'), ";\n    transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);\n}\n\n.p-tabmenu::-webkit-scrollbar {\n    display: none;\n}\n");
-};
 var classes = {
   root: 'p-tabmenu p-component',
   tablist: 'p-tabmenu-tablist',
-  item: function item(_ref2) {
-    var instance = _ref2.instance,
-      index = _ref2.index,
-      _item = _ref2.item;
+  item: function item(_ref) {
+    var instance = _ref.instance,
+      index = _ref.index,
+      _item = _ref.item;
     return ['p-tabmenu-item', {
       'p-tabmenu-item-active': instance.d_activeIndex === index,
       'p-disabled': instance.disabled(_item)
@@ -23,7 +20,7 @@ var classes = {
 };
 var TabMenuStyle = BaseStyle.extend({
   name: 'tabmenu',
-  theme: theme,
+  style: style,
   classes: classes
 });
 

package/tabmenu/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/tabmenu/style/TabMenuStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-tabmenu {\n    overflow-x: auto;\n}\n\n.p-tabmenu-tablist {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    background: ${dt('tabmenu.tablist.background')};\n    border-style: solid;\n    border-color: ${dt('tabmenu.tablist.border.color')};\n    border-width: ${dt('tabmenu.tablist.border.width')};\n    position: relative;\n}\n\n.p-tabmenu-item-link {\n    cursor: pointer;\n    user-select: none;\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    position: relative;\n    overflow: hidden;\n    background: ${dt('tabmenu.item.background')};\n    border-style: solid;\n    border-width: ${dt('tabmenu.item.border.width')};\n    border-color: ${dt('tabmenu.item.border.color')};\n    color: ${dt('tabmenu.item.color')};\n    padding: ${dt('tabmenu.item.padding')};\n    font-weight: ${dt('tabmenu.item.font.weight')};\n    transition: background ${dt('tabmenu.transition.duration')}, border-color ${dt('tabmenu.transition.duration')}, color ${dt('tabmenu.transition.duration')}, outline-color ${dt('tabmenu.transition.duration')}, box-shadow ${dt(\n    'tabmenu.transition.duration'\n)};\n    margin: ${dt('tabmenu.item.margin')};\n    outline-color: transparent;\n    gap: ${dt('tabmenu.item.gap')};\n}\n\n.p-tabmenu-item-link:focus-visible {\n    z-index: 1;\n    box-shadow: ${dt('tabmenu.item.focus.ring.shadow')};\n    outline: ${dt('tabmenu.item.focus.ring.width')} ${dt('tabmenu.item.focus.ring.style')} ${dt('tabmenu.item.focus.ring.color')};\n    outline-offset: ${dt('tabmenu.item.focus.ring.offset')};\n}\n\n.p-tabmenu-item-icon {\n    color: ${dt('tabmenu.item.icon.color')};\n    transition: background ${dt('tabmenu.transition.duration')}, border-color ${dt('tabmenu.transition.duration')}, color ${dt('tabmenu.transition.duration')}, outline-color ${dt('tabmenu.transition.duration')}, box-shadow ${dt(\n    'tabmenu.transition.duration'\n)};\n}\n\n.p-tabmenu-item-label {\n    line-height: 1;\n}\n\n.p-tabmenu-item:not(.p-tabmenu-item-active):not(.p-disabled):hover .p-tabmenu-item-link {\n    background: ${dt('tabmenu.item.hover.background')};\n    border-color: ${dt('tabmenu.item.hover.border.color')};\n    color: ${dt('tabmenu.item.hover.color')};\n}\n\n.p-tabmenu-item:not(.p-tabmenu-item-active):not(.p-disabled):hover .p-tabmenu-item-icon {\n    color: ${dt('tabmenu.item.icon.hover.color')};\n}\n\n.p-tabmenu-item-active .p-tabmenu-item-link {\n    background: ${dt('tabmenu.item.active.background')};\n    border-color: ${dt('tabmenu.item.active.border.color')};\n    color: ${dt('tabmenu.item.active.color')};\n}\n\n.p-tabmenu-item-active .p-tabmenu-item-icon {\n    color: ${dt('tabmenu.item.icon.active.color')};\n}\n\n.p-tabmenu-active-bar {\n    z-index: 1;\n    display: block;\n    position: absolute;\n    bottom: ${dt('tabmenu.active.bar.bottom')};\n    height: ${dt('tabmenu.active.bar.height')};\n    background: ${dt('tabmenu.active.bar.background')};\n    transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);\n}\n\n.p-tabmenu::-webkit-scrollbar {\n    display: none;\n}\n`;\n\nconst classes = {\n    root: 'p-tabmenu p-component',\n    tablist: 'p-tabmenu-tablist',\n    item: ({ instance, index, item }) => [\n        'p-tabmenu-item',\n        {\n            'p-tabmenu-item-active': instance.d_activeIndex === index,\n            'p-disabled': instance.disabled(item)\n        }\n    ],\n    itemLink: 'p-tabmenu-item-link',\n    itemIcon: 'p-tabmenu-item-icon',\n    itemLabel: 'p-tabmenu-item-label',\n    activeBar: 'p-tabmenu-active-bar'\n};\n\nexport default BaseStyle.extend({\n    name: 'tabmenu',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","tablist","item","_ref2","instance","index","d_activeIndex","disabled","itemLink","itemIcon","itemLabel","activeBar","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/tabmenu/style/TabMenuStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/tabmenu';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: 'p-tabmenu p-component',\n    tablist: 'p-tabmenu-tablist',\n    item: ({ instance, index, item }) => [\n        'p-tabmenu-item',\n        {\n            'p-tabmenu-item-active': instance.d_activeIndex === index,\n            'p-disabled': instance.disabled(item)\n        }\n    ],\n    itemLink: 'p-tabmenu-item-link',\n    itemIcon: 'p-tabmenu-item-icon',\n    itemLabel: 'p-tabmenu-item-label',\n    activeBar: 'p-tabmenu-active-bar'\n};\n\nexport default BaseStyle.extend({\n    name: 'tabmenu',\n    style,\n    classes\n});\n"],"names":["classes","root","tablist","item","_ref","instance","index","d_activeIndex","disabled","itemLink","itemIcon","itemLabel","activeBar","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,uBAAuB;AAC7BC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;MAAEH,KAAI,GAAAC,IAAA,CAAJD,IAAI;IAAA,OAAO,CACjC,gBAAgB,EAChB;AACI,MAAA,uBAAuB,EAAEE,QAAQ,CAACE,aAAa,KAAKD,KAAK;AACzD,MAAA,YAAY,EAAED,QAAQ,CAACG,QAAQ,CAACL,KAAI;AACxC,KAAC,CACJ;AAAA,GAAA;AACDM,EAAAA,QAAQ,EAAE,qBAAqB;AAC/BC,EAAAA,QAAQ,EAAE,qBAAqB;AAC/BC,EAAAA,SAAS,EAAE,sBAAsB;AACjCC,EAAAA,SAAS,EAAE;AACf,CAAC;AAED,mBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,KAAK,EAALA,KAAK;AACLhB,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/tabpanel/index.mjs

@@ -1,5 +1,5 @@
 import { equals } from '@primeuix/utils/object';
-import { mergeProps, renderSlot, openBlock, createElementBlock, Fragment, withDirectives, createBlock, resolveDynamicComponent, withCtx, vShow, createCommentVNode, normalizeClass } from 'vue';
+import { mergeProps, renderSlot, createElementBlock, openBlock, Fragment, createCommentVNode, withDirectives, createBlock, resolveDynamicComponent, withCtx, vShow, normalizeClass } from 'vue';
 import BaseComponent from '@primevue/core/basecomponent';
 import TabPanelStyle from 'primevue/tabpanel/style';
 

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, 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":"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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":"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"}

package/tabpanels/index.mjs

@@ -1,6 +1,6 @@
 import BaseComponent from '@primevue/core/basecomponent';
 import TabPanelsStyle from 'primevue/tabpanels/style';
-import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
+import { createElementBlock, openBlock, mergeProps, renderSlot } from 'vue';
 
 var script$1 = {
   name: 'BaseTabPanels',

package/tabs/Tabs.vue

@@ -5,7 +5,6 @@
 </template>
 
 <script>
-import { UniqueComponentId } from '@primevue/core/utils';
 import BaseTabs from './BaseTabs.vue';
 
 export default {
@@ -15,21 +14,14 @@ export default {
     emits: ['update:value'],
     data() {
         return {
-            id: this.$attrs.id,
             d_value: this.value
         };
     },
     watch: {
-        '$attrs.id'(newValue) {
-            this.id = newValue || UniqueComponentId();
-        },
         value(newValue) {
             this.d_value = newValue;
         }
     },
-    mounted() {
-        this.id = this.id || UniqueComponentId();
-    },
     methods: {
         updateValue(newValue) {
             if (this.d_value !== newValue) {

package/tabs/index.mjs

@@ -1,7 +1,6 @@
-import { UniqueComponentId } from '@primevue/core/utils';
 import BaseComponent from '@primevue/core/basecomponent';
 import TabsStyle from 'primevue/tabs/style';
-import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
+import { createElementBlock, openBlock, mergeProps, renderSlot } from 'vue';
 
 var script$1 = {
   name: 'BaseTabs',
@@ -48,21 +47,14 @@ var script = {
   emits: ['update:value'],
   data: function data() {
     return {
-      id: this.$attrs.id,
       d_value: this.value
     };
   },
   watch: {
-    '$attrs.id': function $attrsId(newValue) {
-      this.id = newValue || UniqueComponentId();
-    },
     value: function value(newValue) {
       this.d_value = newValue;
     }
   },
-  mounted: function mounted() {
-    this.id = this.id || UniqueComponentId();
-  },
   methods: {
     updateValue: function updateValue(newValue) {
       if (this.d_value !== newValue) {

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, 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;KACZ;AACDC,IAAAA,IAAI,EAAE;AACFJ,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA;KACZ;AACDC,IAAAA,UAAU,EAAE;AACRN,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA;KACZ;AACDE,IAAAA,cAAc,EAAE;AACZP,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA;KACZ;AACDG,IAAAA,QAAQ,EAAE;AACNR,MAAAA,IAAI,EAAEE,MAAM;MACZ,SAAS,EAAA;KACZ;AACDO,IAAAA,aAAa,EAAE;AACXT,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA;AACb;GACH;AACDK,EAAAA,KAAK,EAAEC,SAAS;EAChBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,OAAO,EAAE,IAAI;AACbC,MAAAA,eAAe,EAAE;KACpB;AACL;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;KACjB;GACJ;AACDuB,EAAAA,KAAK,EAAE;AACH,IAAA,WAAW,EAAXC,SAAAA,QAAWA,CAACC,QAAQ,EAAE;AAClB,MAAA,IAAI,CAACL,EAAG,GAAEK,YAAYC,iBAAiB,EAAE;KAC5C;AACD1B,IAAAA,KAAK,EAALA,SAAAA,KAAKA,CAACyB,QAAQ,EAAE;MACZ,IAAI,CAACH,OAAQ,GAAEG,QAAQ;AAC3B;GACH;EACDE,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,IAAI,CAACP,EAAG,GAAE,IAAI,CAACA,EAAC,IAAKM,iBAAiB,EAAE;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;AACvB,QAAA,IAAI,CAACK,KAAK,CAAC,cAAc,EAAEL,QAAQ,CAAC;AACxC;KACH;IACDM,UAAU,EAAA,SAAVA,UAAUA,GAAG;AACT,MAAA,OAAO,IAAI,CAACC,WAAY,KAAI,UAAU;AAC1C;AACJ;AACJ,CAAC;;;EC1CG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA;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=4ffeb2f6&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 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            d_value: this.value\n        };\n    },\n    watch: {\n        value(newValue) {\n            this.d_value = newValue;\n        }\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 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            d_value: this.value\n        };\n    },\n    watch: {\n        value(newValue) {\n            this.d_value = newValue;\n        }\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","d_value","watch","newValue","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;KACZ;AACDC,IAAAA,IAAI,EAAE;AACFJ,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA;KACZ;AACDC,IAAAA,UAAU,EAAE;AACRN,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA;KACZ;AACDE,IAAAA,cAAc,EAAE;AACZP,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA;KACZ;AACDG,IAAAA,QAAQ,EAAE;AACNR,MAAAA,IAAI,EAAEE,MAAM;MACZ,SAAS,EAAA;KACZ;AACDO,IAAAA,aAAa,EAAE;AACXT,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA;AACb;GACH;AACDK,EAAAA,KAAK,EAAEC,SAAS;EAChBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,OAAO,EAAE,IAAI;AACbC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;AC/BD,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;MACHC,OAAO,EAAE,IAAI,CAACpB;KACjB;GACJ;AACDqB,EAAAA,KAAK,EAAE;AACHrB,IAAAA,KAAK,EAALA,SAAAA,KAAKA,CAACsB,QAAQ,EAAE;MACZ,IAAI,CAACF,OAAQ,GAAEE,QAAQ;AAC3B;GACH;AACDC,EAAAA,OAAO,EAAE;AACLC,IAAAA,WAAW,EAAXA,SAAAA,WAAWA,CAACF,QAAQ,EAAE;AAClB,MAAA,IAAI,IAAI,CAACF,OAAQ,KAAIE,QAAQ,EAAE;QAC3B,IAAI,CAACF,OAAQ,GAAEE,QAAQ;AACvB,QAAA,IAAI,CAACG,KAAK,CAAC,cAAc,EAAEH,QAAQ,CAAC;AACxC;KACH;IACDI,UAAU,EAAA,SAAVA,UAAUA,GAAG;AACT,MAAA,OAAO,IAAI,CAACC,WAAY,KAAI,UAAU;AAC1C;AACJ;AACJ,CAAC;;;EClCG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA;KAAkBD,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCC,UAAY,CAAAH,IAAA,CAAAI,MAAA,EAAA,SAAA,CAAA;;;;;;;"}

package/tabs/style/index.mjs

@@ -1,12 +1,9 @@
+import { style } from '@primeuix/styles/tabs';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-tabs {\n    display: flex;\n    flex-direction: column;\n}\n\n.p-tablist {\n    display: flex;\n    position: relative;\n}\n\n.p-tabs-scrollable > .p-tablist {\n    overflow: hidden;\n}\n\n.p-tablist-viewport {\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    overscroll-behavior: contain auto;\n}\n\n.p-tablist-viewport::-webkit-scrollbar {\n    display: none;\n}\n\n.p-tablist-tab-list {\n    position: relative;\n    display: flex;\n    background: ".concat(dt('tabs.tablist.background'), ";\n    border-style: solid;\n    border-color: ").concat(dt('tabs.tablist.border.color'), ";\n    border-width: ").concat(dt('tabs.tablist.border.width'), ";\n}\n\n.p-tablist-content {\n    flex-grow: 1;\n}\n\n.p-tablist-nav-button {\n    all: unset;\n    position: absolute !important;\n    flex-shrink: 0;\n    inset-block-start: 0;\n    z-index: 2;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: ").concat(dt('tabs.nav.button.background'), ";\n    color: ").concat(dt('tabs.nav.button.color'), ";\n    width: ").concat(dt('tabs.nav.button.width'), ";\n    transition: color ").concat(dt('tabs.transition.duration'), ", outline-color ").concat(dt('tabs.transition.duration'), ", box-shadow ").concat(dt('tabs.transition.duration'), ";\n    box-shadow: ").concat(dt('tabs.nav.button.shadow'), ";\n    outline-color: transparent;\n    cursor: pointer;\n}\n\n.p-tablist-nav-button:focus-visible {\n    z-index: 1;\n    box-shadow: ").concat(dt('tabs.nav.button.focus.ring.shadow'), ";\n    outline: ").concat(dt('tabs.nav.button.focus.ring.width'), " ").concat(dt('tabs.nav.button.focus.ring.style'), " ").concat(dt('tabs.nav.button.focus.ring.color'), ";\n    outline-offset: ").concat(dt('tabs.nav.button.focus.ring.offset'), ";\n}\n\n.p-tablist-nav-button:hover {\n    color: ").concat(dt('tabs.nav.button.hover.color'), ";\n}\n\n.p-tablist-prev-button {\n    inset-inline-start: 0;\n}\n\n.p-tablist-next-button {\n    inset-inline-end: 0;\n}\n\n.p-tablist-prev-button:dir(rtl),\n.p-tablist-next-button:dir(rtl) {\n    transform: rotate(180deg);\n}\n\n\n.p-tab {\n    flex-shrink: 0;\n    cursor: pointer;\n    user-select: none;\n    position: relative;\n    border-style: solid;\n    white-space: nowrap;\n    background: ").concat(dt('tabs.tab.background'), ";\n    border-width: ").concat(dt('tabs.tab.border.width'), ";\n    border-color: ").concat(dt('tabs.tab.border.color'), ";\n    color: ").concat(dt('tabs.tab.color'), ";\n    padding: ").concat(dt('tabs.tab.padding'), ";\n    font-weight: ").concat(dt('tabs.tab.font.weight'), ";\n    transition: background ").concat(dt('tabs.transition.duration'), ", border-color ").concat(dt('tabs.transition.duration'), ", color ").concat(dt('tabs.transition.duration'), ", outline-color ").concat(dt('tabs.transition.duration'), ", box-shadow ").concat(dt('tabs.transition.duration'), ";\n    margin: ").concat(dt('tabs.tab.margin'), ";\n    outline-color: transparent;\n}\n\n.p-tab:not(.p-disabled):focus-visible {\n    z-index: 1;\n    box-shadow: ").concat(dt('tabs.tab.focus.ring.shadow'), ";\n    outline: ").concat(dt('tabs.tab.focus.ring.width'), " ").concat(dt('tabs.tab.focus.ring.style'), " ").concat(dt('tabs.tab.focus.ring.color'), ";\n    outline-offset: ").concat(dt('tabs.tab.focus.ring.offset'), ";\n}\n\n.p-tab:not(.p-tab-active):not(.p-disabled):hover {\n    background: ").concat(dt('tabs.tab.hover.background'), ";\n    border-color: ").concat(dt('tabs.tab.hover.border.color'), ";\n    color: ").concat(dt('tabs.tab.hover.color'), ";\n}\n\n.p-tab-active {\n    background: ").concat(dt('tabs.tab.active.background'), ";\n    border-color: ").concat(dt('tabs.tab.active.border.color'), ";\n    color: ").concat(dt('tabs.tab.active.color'), ";\n}\n\n.p-tabpanels {\n    background: ").concat(dt('tabs.tabpanel.background'), ";\n    color: ").concat(dt('tabs.tabpanel.color'), ";\n    padding: ").concat(dt('tabs.tabpanel.padding'), ";\n    outline: 0 none;\n}\n\n.p-tabpanel:focus-visible {\n    box-shadow: ").concat(dt('tabs.tabpanel.focus.ring.shadow'), ";\n    outline: ").concat(dt('tabs.tabpanel.focus.ring.width'), " ").concat(dt('tabs.tabpanel.focus.ring.style'), " ").concat(dt('tabs.tabpanel.focus.ring.color'), ";\n    outline-offset: ").concat(dt('tabs.tabpanel.focus.ring.offset'), ";\n}\n\n.p-tablist-active-bar {\n    z-index: 1;\n    display: block;\n    position: absolute;\n    inset-block-end: ").concat(dt('tabs.active.bar.bottom'), ";\n    height: ").concat(dt('tabs.active.bar.height'), ";\n    background: ").concat(dt('tabs.active.bar.background'), ";\n    transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);\n}\n");
-};
 var classes = {
-  root: function root(_ref2) {
-    var props = _ref2.props;
+  root: function root(_ref) {
+    var props = _ref.props;
     return ['p-tabs p-component', {
       'p-tabs-scrollable': props.scrollable
     }];
@@ -14,7 +11,7 @@ var classes = {
 };
 var TabsStyle = BaseStyle.extend({
   name: 'tabs',
-  theme: theme,
+  style: style,
   classes: classes
 });
 

package/tabs/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/tabs/style/TabsStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-tabs {\n    display: flex;\n    flex-direction: column;\n}\n\n.p-tablist {\n    display: flex;\n    position: relative;\n}\n\n.p-tabs-scrollable > .p-tablist {\n    overflow: hidden;\n}\n\n.p-tablist-viewport {\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    overscroll-behavior: contain auto;\n}\n\n.p-tablist-viewport::-webkit-scrollbar {\n    display: none;\n}\n\n.p-tablist-tab-list {\n    position: relative;\n    display: flex;\n    background: ${dt('tabs.tablist.background')};\n    border-style: solid;\n    border-color: ${dt('tabs.tablist.border.color')};\n    border-width: ${dt('tabs.tablist.border.width')};\n}\n\n.p-tablist-content {\n    flex-grow: 1;\n}\n\n.p-tablist-nav-button {\n    all: unset;\n    position: absolute !important;\n    flex-shrink: 0;\n    inset-block-start: 0;\n    z-index: 2;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: ${dt('tabs.nav.button.background')};\n    color: ${dt('tabs.nav.button.color')};\n    width: ${dt('tabs.nav.button.width')};\n    transition: color ${dt('tabs.transition.duration')}, outline-color ${dt('tabs.transition.duration')}, box-shadow ${dt('tabs.transition.duration')};\n    box-shadow: ${dt('tabs.nav.button.shadow')};\n    outline-color: transparent;\n    cursor: pointer;\n}\n\n.p-tablist-nav-button:focus-visible {\n    z-index: 1;\n    box-shadow: ${dt('tabs.nav.button.focus.ring.shadow')};\n    outline: ${dt('tabs.nav.button.focus.ring.width')} ${dt('tabs.nav.button.focus.ring.style')} ${dt('tabs.nav.button.focus.ring.color')};\n    outline-offset: ${dt('tabs.nav.button.focus.ring.offset')};\n}\n\n.p-tablist-nav-button:hover {\n    color: ${dt('tabs.nav.button.hover.color')};\n}\n\n.p-tablist-prev-button {\n    inset-inline-start: 0;\n}\n\n.p-tablist-next-button {\n    inset-inline-end: 0;\n}\n\n.p-tablist-prev-button:dir(rtl),\n.p-tablist-next-button:dir(rtl) {\n    transform: rotate(180deg);\n}\n\n\n.p-tab {\n    flex-shrink: 0;\n    cursor: pointer;\n    user-select: none;\n    position: relative;\n    border-style: solid;\n    white-space: nowrap;\n    background: ${dt('tabs.tab.background')};\n    border-width: ${dt('tabs.tab.border.width')};\n    border-color: ${dt('tabs.tab.border.color')};\n    color: ${dt('tabs.tab.color')};\n    padding: ${dt('tabs.tab.padding')};\n    font-weight: ${dt('tabs.tab.font.weight')};\n    transition: background ${dt('tabs.transition.duration')}, border-color ${dt('tabs.transition.duration')}, color ${dt('tabs.transition.duration')}, outline-color ${dt('tabs.transition.duration')}, box-shadow ${dt('tabs.transition.duration')};\n    margin: ${dt('tabs.tab.margin')};\n    outline-color: transparent;\n}\n\n.p-tab:not(.p-disabled):focus-visible {\n    z-index: 1;\n    box-shadow: ${dt('tabs.tab.focus.ring.shadow')};\n    outline: ${dt('tabs.tab.focus.ring.width')} ${dt('tabs.tab.focus.ring.style')} ${dt('tabs.tab.focus.ring.color')};\n    outline-offset: ${dt('tabs.tab.focus.ring.offset')};\n}\n\n.p-tab:not(.p-tab-active):not(.p-disabled):hover {\n    background: ${dt('tabs.tab.hover.background')};\n    border-color: ${dt('tabs.tab.hover.border.color')};\n    color: ${dt('tabs.tab.hover.color')};\n}\n\n.p-tab-active {\n    background: ${dt('tabs.tab.active.background')};\n    border-color: ${dt('tabs.tab.active.border.color')};\n    color: ${dt('tabs.tab.active.color')};\n}\n\n.p-tabpanels {\n    background: ${dt('tabs.tabpanel.background')};\n    color: ${dt('tabs.tabpanel.color')};\n    padding: ${dt('tabs.tabpanel.padding')};\n    outline: 0 none;\n}\n\n.p-tabpanel:focus-visible {\n    box-shadow: ${dt('tabs.tabpanel.focus.ring.shadow')};\n    outline: ${dt('tabs.tabpanel.focus.ring.width')} ${dt('tabs.tabpanel.focus.ring.style')} ${dt('tabs.tabpanel.focus.ring.color')};\n    outline-offset: ${dt('tabs.tabpanel.focus.ring.offset')};\n}\n\n.p-tablist-active-bar {\n    z-index: 1;\n    display: block;\n    position: absolute;\n    inset-block-end: ${dt('tabs.active.bar.bottom')};\n    height: ${dt('tabs.active.bar.height')};\n    background: ${dt('tabs.active.bar.background')};\n    transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-tabs p-component',\n        {\n            'p-tabs-scrollable': props.scrollable\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'tabs',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","scrollable","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/tabs/style/TabsStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/tabs';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: ({ props }) => [\n        'p-tabs p-component',\n        {\n            'p-tabs-scrollable': props.scrollable\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'tabs',\n    style,\n    classes\n});\n"],"names":["classes","root","_ref","props","scrollable","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAA,OAAO,CACjB,oBAAoB,EACpB;MACI,mBAAmB,EAAEA,KAAK,CAACC;AAC/B,KAAC,CACJ;AAAA;AACL,CAAC;AAED,gBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,KAAK,EAALA,KAAK;AACLR,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/tabview/TabView.vue

@@ -91,8 +91,7 @@
 </template>
 
 <script>
-import { UniqueComponentId } from '@primevue/core/utils';
-import { getWidth, getAttribute, findSingle, focus, getOffset } from '@primeuix/utils/dom';
+import { findSingle, focus, getAttribute, getOffset, getWidth } from '@primeuix/utils/dom';
 import ChevronLeftIcon from '@primevue/icons/chevronleft';
 import ChevronRightIcon from '@primevue/icons/chevronright';
 import Ripple from 'primevue/ripple';
@@ -106,16 +105,12 @@ export default {
     emits: ['update:activeIndex', 'tab-change', 'tab-click'],
     data() {
         return {
-            id: this.$attrs.id,
             d_activeIndex: this.activeIndex,
             isPrevButtonDisabled: true,
             isNextButtonDisabled: false
         };
     },
     watch: {
-        '$attrs.id': function (newValue) {
-            this.id = newValue || UniqueComponentId();
-        },
         activeIndex(newValue) {
             this.d_activeIndex = newValue;
 
@@ -125,7 +120,6 @@ export default {
     mounted() {
         console.warn('Deprecated since v4. Use Tabs component instead.');
 
-        this.id = this.id || UniqueComponentId();
         this.updateInkBar();
         this.scrollable && this.updateButtonState();
     },
@@ -147,10 +141,10 @@ export default {
             return this.getTabProp(tab, 'header') || index;
         },
         getTabHeaderActionId(index) {
-            return `${this.id}_${index}_header_action`;
+            return `${this.$id}_${index}_header_action`;
         },
         getTabContentId(index) {
-            return `${this.id}_${index}_content`;
+            return `${this.$id}_${index}_content`;
         },
         getTabPT(tab, key, index) {
             const count = this.tabs.length;

package/tabview/index.mjs

@@ -1,9 +1,8 @@
-import { UniqueComponentId } from '@primevue/core/utils';
-import { getWidth, getAttribute, findSingle, focus, getOffset } from '@primeuix/utils/dom';
+import { getWidth, getOffset, focus, findSingle, getAttribute } from '@primeuix/utils/dom';
 import ChevronLeftIcon from '@primevue/icons/chevronleft';
 import ChevronRightIcon from '@primevue/icons/chevronright';
 import Ripple from 'primevue/ripple';
-import { mergeProps, resolveDirective, openBlock, createElementBlock, createElementVNode, withDirectives, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, toDisplayString, vShow } from 'vue';
+import { mergeProps, resolveDirective, createElementBlock, openBlock, createElementVNode, withDirectives, createCommentVNode, renderSlot, createBlock, resolveDynamicComponent, Fragment, renderList, toDisplayString, vShow } from 'vue';
 import BaseComponent from '@primevue/core/basecomponent';
 import TabViewStyle from 'primevue/tabview/style';
 
@@ -66,16 +65,12 @@ var script = {
   emits: ['update:activeIndex', 'tab-change', 'tab-click'],
   data: function data() {
     return {
-      id: this.$attrs.id,
       d_activeIndex: this.activeIndex,
       isPrevButtonDisabled: true,
       isNextButtonDisabled: false
     };
   },
   watch: {
-    '$attrs.id': function $attrsId(newValue) {
-      this.id = newValue || UniqueComponentId();
-    },
     activeIndex: function activeIndex(newValue) {
       this.d_activeIndex = newValue;
       this.scrollInView({
@@ -85,7 +80,6 @@ var script = {
   },
   mounted: function mounted() {
     console.warn('Deprecated since v4. Use Tabs component instead.');
-    this.id = this.id || UniqueComponentId();
     this.updateInkBar();
     this.scrollable && this.updateButtonState();
   },
@@ -107,10 +101,10 @@ var script = {
       return this.getTabProp(tab, 'header') || index;
     },
     getTabHeaderActionId: function getTabHeaderActionId(index) {
-      return "".concat(this.id, "_").concat(index, "_header_action");
+      return "".concat(this.$id, "_").concat(index, "_header_action");
     },
     getTabContentId: function getTabContentId(index) {
-      return "".concat(this.id, "_").concat(index, "_content");
+      return "".concat(this.$id, "_").concat(index, "_content");
     },
     getTabPT: function getTabPT(tab, key, index) {
       var count = this.tabs.length;
@@ -329,10 +323,10 @@ var script = {
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var _hoisted_1 = ["tabindex", "aria-label"];
 var _hoisted_2 = ["data-p-active", "data-p-disabled", "data-pc-index"];
 var _hoisted_3 = ["id", "tabindex", "aria-disabled", "aria-selected", "aria-controls", "onClick", "onKeydown"];