primevue 4.3.1 → 4.3.3

package/tablist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/tablist/BaseTabList.vue","../../src/tablist/TabList.vue","../../src/tablist/TabList.vue?vue&type=template&id=35d93837&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TabListStyle from 'primevue/tablist/style';\n\nexport default {\n    name: 'BaseTabList',\n    extends: BaseComponent,\n    props: {},\n    style: TabListStyle,\n    provide() {\n        return {\n            $pcTabList: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div ref=\"list\" :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <button\n            v-if=\"showNavigators && isPrevButtonEnabled\"\n            ref=\"prevButton\"\n            v-ripple\n            :class=\"cx('prevButton')\"\n            :aria-label=\"prevButtonAriaLabel\"\n            :tabindex=\"$pcTabs.tabindex\"\n            @click=\"onPrevButtonClick\"\n            v-bind=\"ptm('prevButton')\"\n            data-pc-group-section=\"navigator\"\n        >\n            <component :is=\"templates.previcon || 'ChevronLeftIcon'\" aria-hidden=\"true\" v-bind=\"ptm('prevIcon')\" />\n        </button>\n        <div ref=\"content\" :class=\"cx('content')\" @scroll=\"onScroll\" v-bind=\"ptm('content')\">\n            <div ref=\"tabs\" :class=\"cx('tabList')\" role=\"tablist\" :aria-orientation=\"$pcTabs.orientation || 'horizontal'\" v-bind=\"ptm('tabList')\">\n                <slot></slot>\n                <span ref=\"inkbar\" :class=\"cx('activeBar')\" role=\"presentation\" aria-hidden=\"true\" v-bind=\"ptm('activeBar')\"></span>\n            </div>\n        </div>\n        <button\n            v-if=\"showNavigators && isNextButtonEnabled\"\n            ref=\"nextButton\"\n            v-ripple\n            :class=\"cx('nextButton')\"\n            :aria-label=\"nextButtonAriaLabel\"\n            :tabindex=\"$pcTabs.tabindex\"\n            @click=\"onNextButtonClick\"\n            v-bind=\"ptm('nextButton')\"\n            data-pc-group-section=\"navigator\"\n        >\n            <component :is=\"templates.nexticon || 'ChevronRightIcon'\" aria-hidden=\"true\" v-bind=\"ptm('nextIcon')\" />\n        </button>\n    </div>\n</template>\n\n<script>\nimport { findSingle, getHeight, getOffset, getOuterHeight, getOuterWidth, getWidth, isRTL } from '@primeuix/utils/dom';\nimport ChevronLeftIcon from '@primevue/icons/chevronleft';\nimport ChevronRightIcon from '@primevue/icons/chevronright';\nimport Ripple from 'primevue/ripple';\nimport BaseTabList from './BaseTabList.vue';\n\nexport default {\n    name: 'TabList',\n    extends: BaseTabList,\n    inheritAttrs: false,\n    inject: ['$pcTabs'],\n    data() {\n        return {\n            isPrevButtonEnabled: false,\n            isNextButtonEnabled: true\n        };\n    },\n    resizeObserver: undefined,\n    watch: {\n        showNavigators(newValue) {\n            newValue ? this.bindResizeObserver() : this.unbindResizeObserver();\n        },\n        activeValue: {\n            flush: 'post',\n            handler() {\n                this.updateInkBar();\n            }\n        }\n    },\n    mounted() {\n        setTimeout(() => {\n            this.updateInkBar();\n        }, 150);\n\n        if (this.showNavigators) {\n            this.updateButtonState();\n            this.bindResizeObserver();\n        }\n    },\n    updated() {\n        this.showNavigators && this.updateButtonState();\n    },\n    beforeUnmount() {\n        this.unbindResizeObserver();\n    },\n    methods: {\n        onScroll(event) {\n            this.showNavigators && this.updateButtonState();\n\n            event.preventDefault();\n        },\n        onPrevButtonClick() {\n            const content = this.$refs.content;\n            const buttonWidths = this.getVisibleButtonWidths();\n            const width = getWidth(content) - buttonWidths;\n            const currentScrollLeft = Math.abs(content.scrollLeft);\n            const scrollStep = width * 0.8;\n            const targetScrollLeft = currentScrollLeft - scrollStep;\n            const scrollLeft = Math.max(targetScrollLeft, 0);\n\n            content.scrollLeft = isRTL(content) ? -1 * scrollLeft : scrollLeft;\n        },\n        onNextButtonClick() {\n            const content = this.$refs.content;\n            const buttonWidths = this.getVisibleButtonWidths();\n            const width = getWidth(content) - buttonWidths;\n            const currentScrollLeft = Math.abs(content.scrollLeft);\n            const scrollStep = width * 0.8;\n            const targetScrollLeft = currentScrollLeft + scrollStep;\n            const maxScrollLeft = content.scrollWidth - width;\n            const scrollLeft = Math.min(targetScrollLeft, maxScrollLeft);\n\n            content.scrollLeft = isRTL(content) ? -1 * scrollLeft : scrollLeft;\n        },\n        bindResizeObserver() {\n            this.resizeObserver = new ResizeObserver(() => this.updateButtonState());\n            this.resizeObserver.observe(this.$refs.list);\n        },\n        unbindResizeObserver() {\n            this.resizeObserver?.unobserve(this.$refs.list);\n            this.resizeObserver = undefined;\n        },\n        updateInkBar() {\n            const { content, inkbar, tabs } = this.$refs;\n            const activeTab = findSingle(content, '[data-pc-name=\"tab\"][data-p-active=\"true\"]');\n\n            if (this.$pcTabs.isVertical()) {\n                inkbar.style.height = getOuterHeight(activeTab) + 'px';\n                inkbar.style.top = getOffset(activeTab).top - getOffset(tabs).top + 'px';\n            } else {\n                inkbar.style.width = getOuterWidth(activeTab) + 'px';\n                inkbar.style.left = getOffset(activeTab).left - getOffset(tabs).left + 'px';\n            }\n        },\n        updateButtonState() {\n            const { list, content } = this.$refs;\n            const { scrollTop, scrollWidth, scrollHeight, offsetWidth, offsetHeight } = content;\n            const scrollLeft = Math.abs(content.scrollLeft);\n            const [width, height] = [getWidth(content), getHeight(content)];\n\n            if (this.$pcTabs.isVertical()) {\n                this.isPrevButtonEnabled = scrollTop !== 0;\n                this.isNextButtonEnabled = list.offsetHeight >= offsetHeight && parseInt(scrollTop) !== scrollHeight - height;\n            } else {\n                this.isPrevButtonEnabled = scrollLeft !== 0;\n                this.isNextButtonEnabled = list.offsetWidth >= offsetWidth && parseInt(scrollLeft) !== scrollWidth - width;\n            }\n        },\n        getVisibleButtonWidths() {\n            const { prevButton, nextButton } = this.$refs;\n            let width = 0;\n\n            if (this.showNavigators) {\n                width = (prevButton?.offsetWidth || 0) + (nextButton?.offsetWidth || 0);\n            }\n\n            return width;\n        }\n    },\n    computed: {\n        templates() {\n            return this.$pcTabs.$slots;\n        },\n        activeValue() {\n            return this.$pcTabs.d_value;\n        },\n        showNavigators() {\n            return this.$pcTabs.scrollable && this.$pcTabs.showNavigators;\n        },\n        prevButtonAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.previous : undefined;\n        },\n        nextButtonAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.next : undefined;\n        }\n    },\n    components: {\n        ChevronLeftIcon,\n        ChevronRightIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <div ref=\"list\" :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <button\n            v-if=\"showNavigators && isPrevButtonEnabled\"\n            ref=\"prevButton\"\n            v-ripple\n            :class=\"cx('prevButton')\"\n            :aria-label=\"prevButtonAriaLabel\"\n            :tabindex=\"$pcTabs.tabindex\"\n            @click=\"onPrevButtonClick\"\n            v-bind=\"ptm('prevButton')\"\n            data-pc-group-section=\"navigator\"\n        >\n            <component :is=\"templates.previcon || 'ChevronLeftIcon'\" aria-hidden=\"true\" v-bind=\"ptm('prevIcon')\" />\n        </button>\n        <div ref=\"content\" :class=\"cx('content')\" @scroll=\"onScroll\" v-bind=\"ptm('content')\">\n            <div ref=\"tabs\" :class=\"cx('tabList')\" role=\"tablist\" :aria-orientation=\"$pcTabs.orientation || 'horizontal'\" v-bind=\"ptm('tabList')\">\n                <slot></slot>\n                <span ref=\"inkbar\" :class=\"cx('activeBar')\" role=\"presentation\" aria-hidden=\"true\" v-bind=\"ptm('activeBar')\"></span>\n            </div>\n        </div>\n        <button\n            v-if=\"showNavigators && isNextButtonEnabled\"\n            ref=\"nextButton\"\n            v-ripple\n            :class=\"cx('nextButton')\"\n            :aria-label=\"nextButtonAriaLabel\"\n            :tabindex=\"$pcTabs.tabindex\"\n            @click=\"onNextButtonClick\"\n            v-bind=\"ptm('nextButton')\"\n            data-pc-group-section=\"navigator\"\n        >\n            <component :is=\"templates.nexticon || 'ChevronRightIcon'\" aria-hidden=\"true\" v-bind=\"ptm('nextIcon')\" />\n        </button>\n    </div>\n</template>\n\n<script>\nimport { findSingle, getHeight, getOffset, getOuterHeight, getOuterWidth, getWidth, isRTL } from '@primeuix/utils/dom';\nimport ChevronLeftIcon from '@primevue/icons/chevronleft';\nimport ChevronRightIcon from '@primevue/icons/chevronright';\nimport Ripple from 'primevue/ripple';\nimport BaseTabList from './BaseTabList.vue';\n\nexport default {\n    name: 'TabList',\n    extends: BaseTabList,\n    inheritAttrs: false,\n    inject: ['$pcTabs'],\n    data() {\n        return {\n            isPrevButtonEnabled: false,\n            isNextButtonEnabled: true\n        };\n    },\n    resizeObserver: undefined,\n    watch: {\n        showNavigators(newValue) {\n            newValue ? this.bindResizeObserver() : this.unbindResizeObserver();\n        },\n        activeValue: {\n            flush: 'post',\n            handler() {\n                this.updateInkBar();\n            }\n        }\n    },\n    mounted() {\n        setTimeout(() => {\n            this.updateInkBar();\n        }, 150);\n\n        if (this.showNavigators) {\n            this.updateButtonState();\n            this.bindResizeObserver();\n        }\n    },\n    updated() {\n        this.showNavigators && this.updateButtonState();\n    },\n    beforeUnmount() {\n        this.unbindResizeObserver();\n    },\n    methods: {\n        onScroll(event) {\n            this.showNavigators && this.updateButtonState();\n\n            event.preventDefault();\n        },\n        onPrevButtonClick() {\n            const content = this.$refs.content;\n            const buttonWidths = this.getVisibleButtonWidths();\n            const width = getWidth(content) - buttonWidths;\n            const currentScrollLeft = Math.abs(content.scrollLeft);\n            const scrollStep = width * 0.8;\n            const targetScrollLeft = currentScrollLeft - scrollStep;\n            const scrollLeft = Math.max(targetScrollLeft, 0);\n\n            content.scrollLeft = isRTL(content) ? -1 * scrollLeft : scrollLeft;\n        },\n        onNextButtonClick() {\n            const content = this.$refs.content;\n            const buttonWidths = this.getVisibleButtonWidths();\n            const width = getWidth(content) - buttonWidths;\n            const currentScrollLeft = Math.abs(content.scrollLeft);\n            const scrollStep = width * 0.8;\n            const targetScrollLeft = currentScrollLeft + scrollStep;\n            const maxScrollLeft = content.scrollWidth - width;\n            const scrollLeft = Math.min(targetScrollLeft, maxScrollLeft);\n\n            content.scrollLeft = isRTL(content) ? -1 * scrollLeft : scrollLeft;\n        },\n        bindResizeObserver() {\n            this.resizeObserver = new ResizeObserver(() => this.updateButtonState());\n            this.resizeObserver.observe(this.$refs.list);\n        },\n        unbindResizeObserver() {\n            this.resizeObserver?.unobserve(this.$refs.list);\n            this.resizeObserver = undefined;\n        },\n        updateInkBar() {\n            const { content, inkbar, tabs } = this.$refs;\n            const activeTab = findSingle(content, '[data-pc-name=\"tab\"][data-p-active=\"true\"]');\n\n            if (this.$pcTabs.isVertical()) {\n                inkbar.style.height = getOuterHeight(activeTab) + 'px';\n                inkbar.style.top = getOffset(activeTab).top - getOffset(tabs).top + 'px';\n            } else {\n                inkbar.style.width = getOuterWidth(activeTab) + 'px';\n                inkbar.style.left = getOffset(activeTab).left - getOffset(tabs).left + 'px';\n            }\n        },\n        updateButtonState() {\n            const { list, content } = this.$refs;\n            const { scrollTop, scrollWidth, scrollHeight, offsetWidth, offsetHeight } = content;\n            const scrollLeft = Math.abs(content.scrollLeft);\n            const [width, height] = [getWidth(content), getHeight(content)];\n\n            if (this.$pcTabs.isVertical()) {\n                this.isPrevButtonEnabled = scrollTop !== 0;\n                this.isNextButtonEnabled = list.offsetHeight >= offsetHeight && parseInt(scrollTop) !== scrollHeight - height;\n            } else {\n                this.isPrevButtonEnabled = scrollLeft !== 0;\n                this.isNextButtonEnabled = list.offsetWidth >= offsetWidth && parseInt(scrollLeft) !== scrollWidth - width;\n            }\n        },\n        getVisibleButtonWidths() {\n            const { prevButton, nextButton } = this.$refs;\n            let width = 0;\n\n            if (this.showNavigators) {\n                width = (prevButton?.offsetWidth || 0) + (nextButton?.offsetWidth || 0);\n            }\n\n            return width;\n        }\n    },\n    computed: {\n        templates() {\n            return this.$pcTabs.$slots;\n        },\n        activeValue() {\n            return this.$pcTabs.d_value;\n        },\n        showNavigators() {\n            return this.$pcTabs.scrollable && this.$pcTabs.showNavigators;\n        },\n        prevButtonAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.previous : undefined;\n        },\n        nextButtonAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.next : undefined;\n        }\n    },\n    components: {\n        ChevronLeftIcon,\n        ChevronRightIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","style","TabListStyle","provide","$pcTabList","$parentInstance","BaseTabList","inheritAttrs","inject","data","isPrevButtonEnabled","isNextButtonEnabled","resizeObserver","undefined","watch","showNavigators","newValue","bindResizeObserver","unbindResizeObserver","activeValue","flush","handler","updateInkBar","mounted","_this","setTimeout","updateButtonState","updated","beforeUnmount","methods","onScroll","event","preventDefault","onPrevButtonClick","content","$refs","buttonWidths","getVisibleButtonWidths","width","getWidth","currentScrollLeft","Math","abs","scrollLeft","scrollStep","targetScrollLeft","max","isRTL","onNextButtonClick","maxScrollLeft","scrollWidth","min","_this2","ResizeObserver","observe","list","_this$resizeObserver","unobserve","_this$$refs","inkbar","tabs","activeTab","findSingle","$pcTabs","isVertical","height","getOuterHeight","top","getOffset","getOuterWidth","left","_this$$refs2","scrollTop","scrollHeight","offsetWidth","offsetHeight","_ref","getHeight","parseInt","_this$$refs3","prevButton","nextButton","computed","templates","$slots","d_value","scrollable","prevButtonAriaLabel","$primevue","config","locale","aria","previous","nextButtonAriaLabel","next","components","ChevronLeftIcon","ChevronRightIcon","directives","ripple","Ripple","_openBlock","_createElementBlock","_mergeProps","ref","_ctx","cx","ptmi","$options","$data","_withDirectives","tabindex","onClick","apply","arguments","ptm","_createBlock","_resolveDynamicComponent","previcon","_createElementVNode","role","orientation","_renderSlot","nexticon"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/tablist/BaseTabList.vue","../../src/tablist/TabList.vue","../../src/tablist/TabList.vue?vue&type=template&id=2e7eb3bb&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TabListStyle from 'primevue/tablist/style';\n\nexport default {\n    name: 'BaseTabList',\n    extends: BaseComponent,\n    props: {},\n    style: TabListStyle,\n    provide() {\n        return {\n            $pcTabList: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div ref=\"list\" :class=\"cx('root')\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n        <button\n            v-if=\"showNavigators && isPrevButtonEnabled\"\n            ref=\"prevButton\"\n            type=\"button\"\n            v-ripple\n            :class=\"cx('prevButton')\"\n            :aria-label=\"prevButtonAriaLabel\"\n            :tabindex=\"$pcTabs.tabindex\"\n            @click=\"onPrevButtonClick\"\n            v-bind=\"ptm('prevButton')\"\n            data-pc-group-section=\"navigator\"\n        >\n            <component :is=\"templates.previcon || 'ChevronLeftIcon'\" aria-hidden=\"true\" v-bind=\"ptm('prevIcon')\" />\n        </button>\n        <div ref=\"content\" :class=\"cx('content')\" @scroll=\"onScroll\" :data-p=\"dataP\" v-bind=\"ptm('content')\">\n            <div ref=\"tabs\" :class=\"cx('tabList')\" role=\"tablist\" :aria-orientation=\"$pcTabs.orientation || 'horizontal'\" v-bind=\"ptm('tabList')\">\n                <slot></slot>\n                <span ref=\"inkbar\" :class=\"cx('activeBar')\" role=\"presentation\" aria-hidden=\"true\" v-bind=\"ptm('activeBar')\"></span>\n            </div>\n        </div>\n        <button\n            v-if=\"showNavigators && isNextButtonEnabled\"\n            ref=\"nextButton\"\n            type=\"button\"\n            v-ripple\n            :class=\"cx('nextButton')\"\n            :aria-label=\"nextButtonAriaLabel\"\n            :tabindex=\"$pcTabs.tabindex\"\n            @click=\"onNextButtonClick\"\n            v-bind=\"ptm('nextButton')\"\n            data-pc-group-section=\"navigator\"\n        >\n            <component :is=\"templates.nexticon || 'ChevronRightIcon'\" aria-hidden=\"true\" v-bind=\"ptm('nextIcon')\" />\n        </button>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, getHeight, getOffset, getOuterHeight, getOuterWidth, getWidth, isRTL } from '@primeuix/utils/dom';\nimport ChevronLeftIcon from '@primevue/icons/chevronleft';\nimport ChevronRightIcon from '@primevue/icons/chevronright';\nimport Ripple from 'primevue/ripple';\nimport BaseTabList from './BaseTabList.vue';\n\nexport default {\n    name: 'TabList',\n    extends: BaseTabList,\n    inheritAttrs: false,\n    inject: ['$pcTabs'],\n    data() {\n        return {\n            isPrevButtonEnabled: false,\n            isNextButtonEnabled: true\n        };\n    },\n    resizeObserver: undefined,\n    watch: {\n        showNavigators(newValue) {\n            newValue ? this.bindResizeObserver() : this.unbindResizeObserver();\n        },\n        activeValue: {\n            flush: 'post',\n            handler() {\n                this.updateInkBar();\n            }\n        }\n    },\n    mounted() {\n        setTimeout(() => {\n            this.updateInkBar();\n        }, 150);\n\n        if (this.showNavigators) {\n            this.updateButtonState();\n            this.bindResizeObserver();\n        }\n    },\n    updated() {\n        this.showNavigators && this.updateButtonState();\n    },\n    beforeUnmount() {\n        this.unbindResizeObserver();\n    },\n    methods: {\n        onScroll(event) {\n            this.showNavigators && this.updateButtonState();\n\n            event.preventDefault();\n        },\n        onPrevButtonClick() {\n            const content = this.$refs.content;\n            const buttonWidths = this.getVisibleButtonWidths();\n            const width = getWidth(content) - buttonWidths;\n            const currentScrollLeft = Math.abs(content.scrollLeft);\n            const scrollStep = width * 0.8;\n            const targetScrollLeft = currentScrollLeft - scrollStep;\n            const scrollLeft = Math.max(targetScrollLeft, 0);\n\n            content.scrollLeft = isRTL(content) ? -1 * scrollLeft : scrollLeft;\n        },\n        onNextButtonClick() {\n            const content = this.$refs.content;\n            const buttonWidths = this.getVisibleButtonWidths();\n            const width = getWidth(content) - buttonWidths;\n            const currentScrollLeft = Math.abs(content.scrollLeft);\n            const scrollStep = width * 0.8;\n            const targetScrollLeft = currentScrollLeft + scrollStep;\n            const maxScrollLeft = content.scrollWidth - width;\n            const scrollLeft = Math.min(targetScrollLeft, maxScrollLeft);\n\n            content.scrollLeft = isRTL(content) ? -1 * scrollLeft : scrollLeft;\n        },\n        bindResizeObserver() {\n            this.resizeObserver = new ResizeObserver(() => this.updateButtonState());\n            this.resizeObserver.observe(this.$refs.list);\n        },\n        unbindResizeObserver() {\n            this.resizeObserver?.unobserve(this.$refs.list);\n            this.resizeObserver = undefined;\n        },\n        updateInkBar() {\n            const { content, inkbar, tabs } = this.$refs;\n\n            if (!inkbar) return;\n\n            const activeTab = findSingle(content, '[data-pc-name=\"tab\"][data-p-active=\"true\"]');\n\n            if (this.$pcTabs.isVertical()) {\n                inkbar.style.height = getOuterHeight(activeTab) + 'px';\n                inkbar.style.top = getOffset(activeTab).top - getOffset(tabs).top + 'px';\n            } else {\n                inkbar.style.width = getOuterWidth(activeTab) + 'px';\n                inkbar.style.left = getOffset(activeTab).left - getOffset(tabs).left + 'px';\n            }\n        },\n        updateButtonState() {\n            const { list, content } = this.$refs;\n            const { scrollTop, scrollWidth, scrollHeight, offsetWidth, offsetHeight } = content;\n            const scrollLeft = Math.abs(content.scrollLeft);\n            const [width, height] = [getWidth(content), getHeight(content)];\n\n            if (this.$pcTabs.isVertical()) {\n                this.isPrevButtonEnabled = scrollTop !== 0;\n                this.isNextButtonEnabled = list.offsetHeight >= offsetHeight && parseInt(scrollTop) !== scrollHeight - height;\n            } else {\n                this.isPrevButtonEnabled = scrollLeft !== 0;\n                this.isNextButtonEnabled = list.offsetWidth >= offsetWidth && parseInt(scrollLeft) !== scrollWidth - width;\n            }\n        },\n        getVisibleButtonWidths() {\n            const { prevButton, nextButton } = this.$refs;\n            let width = 0;\n\n            if (this.showNavigators) {\n                width = (prevButton?.offsetWidth || 0) + (nextButton?.offsetWidth || 0);\n            }\n\n            return width;\n        }\n    },\n    computed: {\n        templates() {\n            return this.$pcTabs.$slots;\n        },\n        activeValue() {\n            return this.$pcTabs.d_value;\n        },\n        showNavigators() {\n            return this.$pcTabs.scrollable && this.$pcTabs.showNavigators;\n        },\n        prevButtonAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.previous : undefined;\n        },\n        nextButtonAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.next : undefined;\n        },\n        dataP() {\n            return cn({\n                scrollable: this.$pcTabs.scrollable\n            });\n        }\n    },\n    components: {\n        ChevronLeftIcon,\n        ChevronRightIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <div ref=\"list\" :class=\"cx('root')\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n        <button\n            v-if=\"showNavigators && isPrevButtonEnabled\"\n            ref=\"prevButton\"\n            type=\"button\"\n            v-ripple\n            :class=\"cx('prevButton')\"\n            :aria-label=\"prevButtonAriaLabel\"\n            :tabindex=\"$pcTabs.tabindex\"\n            @click=\"onPrevButtonClick\"\n            v-bind=\"ptm('prevButton')\"\n            data-pc-group-section=\"navigator\"\n        >\n            <component :is=\"templates.previcon || 'ChevronLeftIcon'\" aria-hidden=\"true\" v-bind=\"ptm('prevIcon')\" />\n        </button>\n        <div ref=\"content\" :class=\"cx('content')\" @scroll=\"onScroll\" :data-p=\"dataP\" v-bind=\"ptm('content')\">\n            <div ref=\"tabs\" :class=\"cx('tabList')\" role=\"tablist\" :aria-orientation=\"$pcTabs.orientation || 'horizontal'\" v-bind=\"ptm('tabList')\">\n                <slot></slot>\n                <span ref=\"inkbar\" :class=\"cx('activeBar')\" role=\"presentation\" aria-hidden=\"true\" v-bind=\"ptm('activeBar')\"></span>\n            </div>\n        </div>\n        <button\n            v-if=\"showNavigators && isNextButtonEnabled\"\n            ref=\"nextButton\"\n            type=\"button\"\n            v-ripple\n            :class=\"cx('nextButton')\"\n            :aria-label=\"nextButtonAriaLabel\"\n            :tabindex=\"$pcTabs.tabindex\"\n            @click=\"onNextButtonClick\"\n            v-bind=\"ptm('nextButton')\"\n            data-pc-group-section=\"navigator\"\n        >\n            <component :is=\"templates.nexticon || 'ChevronRightIcon'\" aria-hidden=\"true\" v-bind=\"ptm('nextIcon')\" />\n        </button>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, getHeight, getOffset, getOuterHeight, getOuterWidth, getWidth, isRTL } from '@primeuix/utils/dom';\nimport ChevronLeftIcon from '@primevue/icons/chevronleft';\nimport ChevronRightIcon from '@primevue/icons/chevronright';\nimport Ripple from 'primevue/ripple';\nimport BaseTabList from './BaseTabList.vue';\n\nexport default {\n    name: 'TabList',\n    extends: BaseTabList,\n    inheritAttrs: false,\n    inject: ['$pcTabs'],\n    data() {\n        return {\n            isPrevButtonEnabled: false,\n            isNextButtonEnabled: true\n        };\n    },\n    resizeObserver: undefined,\n    watch: {\n        showNavigators(newValue) {\n            newValue ? this.bindResizeObserver() : this.unbindResizeObserver();\n        },\n        activeValue: {\n            flush: 'post',\n            handler() {\n                this.updateInkBar();\n            }\n        }\n    },\n    mounted() {\n        setTimeout(() => {\n            this.updateInkBar();\n        }, 150);\n\n        if (this.showNavigators) {\n            this.updateButtonState();\n            this.bindResizeObserver();\n        }\n    },\n    updated() {\n        this.showNavigators && this.updateButtonState();\n    },\n    beforeUnmount() {\n        this.unbindResizeObserver();\n    },\n    methods: {\n        onScroll(event) {\n            this.showNavigators && this.updateButtonState();\n\n            event.preventDefault();\n        },\n        onPrevButtonClick() {\n            const content = this.$refs.content;\n            const buttonWidths = this.getVisibleButtonWidths();\n            const width = getWidth(content) - buttonWidths;\n            const currentScrollLeft = Math.abs(content.scrollLeft);\n            const scrollStep = width * 0.8;\n            const targetScrollLeft = currentScrollLeft - scrollStep;\n            const scrollLeft = Math.max(targetScrollLeft, 0);\n\n            content.scrollLeft = isRTL(content) ? -1 * scrollLeft : scrollLeft;\n        },\n        onNextButtonClick() {\n            const content = this.$refs.content;\n            const buttonWidths = this.getVisibleButtonWidths();\n            const width = getWidth(content) - buttonWidths;\n            const currentScrollLeft = Math.abs(content.scrollLeft);\n            const scrollStep = width * 0.8;\n            const targetScrollLeft = currentScrollLeft + scrollStep;\n            const maxScrollLeft = content.scrollWidth - width;\n            const scrollLeft = Math.min(targetScrollLeft, maxScrollLeft);\n\n            content.scrollLeft = isRTL(content) ? -1 * scrollLeft : scrollLeft;\n        },\n        bindResizeObserver() {\n            this.resizeObserver = new ResizeObserver(() => this.updateButtonState());\n            this.resizeObserver.observe(this.$refs.list);\n        },\n        unbindResizeObserver() {\n            this.resizeObserver?.unobserve(this.$refs.list);\n            this.resizeObserver = undefined;\n        },\n        updateInkBar() {\n            const { content, inkbar, tabs } = this.$refs;\n\n            if (!inkbar) return;\n\n            const activeTab = findSingle(content, '[data-pc-name=\"tab\"][data-p-active=\"true\"]');\n\n            if (this.$pcTabs.isVertical()) {\n                inkbar.style.height = getOuterHeight(activeTab) + 'px';\n                inkbar.style.top = getOffset(activeTab).top - getOffset(tabs).top + 'px';\n            } else {\n                inkbar.style.width = getOuterWidth(activeTab) + 'px';\n                inkbar.style.left = getOffset(activeTab).left - getOffset(tabs).left + 'px';\n            }\n        },\n        updateButtonState() {\n            const { list, content } = this.$refs;\n            const { scrollTop, scrollWidth, scrollHeight, offsetWidth, offsetHeight } = content;\n            const scrollLeft = Math.abs(content.scrollLeft);\n            const [width, height] = [getWidth(content), getHeight(content)];\n\n            if (this.$pcTabs.isVertical()) {\n                this.isPrevButtonEnabled = scrollTop !== 0;\n                this.isNextButtonEnabled = list.offsetHeight >= offsetHeight && parseInt(scrollTop) !== scrollHeight - height;\n            } else {\n                this.isPrevButtonEnabled = scrollLeft !== 0;\n                this.isNextButtonEnabled = list.offsetWidth >= offsetWidth && parseInt(scrollLeft) !== scrollWidth - width;\n            }\n        },\n        getVisibleButtonWidths() {\n            const { prevButton, nextButton } = this.$refs;\n            let width = 0;\n\n            if (this.showNavigators) {\n                width = (prevButton?.offsetWidth || 0) + (nextButton?.offsetWidth || 0);\n            }\n\n            return width;\n        }\n    },\n    computed: {\n        templates() {\n            return this.$pcTabs.$slots;\n        },\n        activeValue() {\n            return this.$pcTabs.d_value;\n        },\n        showNavigators() {\n            return this.$pcTabs.scrollable && this.$pcTabs.showNavigators;\n        },\n        prevButtonAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.previous : undefined;\n        },\n        nextButtonAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.next : undefined;\n        },\n        dataP() {\n            return cn({\n                scrollable: this.$pcTabs.scrollable\n            });\n        }\n    },\n    components: {\n        ChevronLeftIcon,\n        ChevronRightIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","style","TabListStyle","provide","$pcTabList","$parentInstance","BaseTabList","inheritAttrs","inject","data","isPrevButtonEnabled","isNextButtonEnabled","resizeObserver","undefined","watch","showNavigators","newValue","bindResizeObserver","unbindResizeObserver","activeValue","flush","handler","updateInkBar","mounted","_this","setTimeout","updateButtonState","updated","beforeUnmount","methods","onScroll","event","preventDefault","onPrevButtonClick","content","$refs","buttonWidths","getVisibleButtonWidths","width","getWidth","currentScrollLeft","Math","abs","scrollLeft","scrollStep","targetScrollLeft","max","isRTL","onNextButtonClick","maxScrollLeft","scrollWidth","min","_this2","ResizeObserver","observe","list","_this$resizeObserver","unobserve","_this$$refs","inkbar","tabs","activeTab","findSingle","$pcTabs","isVertical","height","getOuterHeight","top","getOffset","getOuterWidth","left","_this$$refs2","scrollTop","scrollHeight","offsetWidth","offsetHeight","_ref","getHeight","parseInt","_this$$refs3","prevButton","nextButton","computed","templates","$slots","d_value","scrollable","prevButtonAriaLabel","$primevue","config","locale","aria","previous","nextButtonAriaLabel","next","dataP","cn","components","ChevronLeftIcon","ChevronRightIcon","directives","ripple","Ripple","_openBlock","_createElementBlock","_mergeProps","ref","_ctx","cx","$options","ptmi","$data","_withDirectives","type","tabindex","onClick","apply","arguments","ptm","_createBlock","_resolveDynamicComponent","previcon","_createElementVNode","role","orientation","_renderSlot","nexticon"],"mappings":"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"}

package/tabpanel/TabPanel.vue

@@ -26,10 +26,10 @@ export default {
             return equals(this.$pcTabs?.d_value, this.value);
         },
         id() {
-            return `${this.$pcTabs?.id}_tabpanel_${this.value}`;
+            return `${this.$pcTabs?.$id}_tabpanel_${this.value}`;
         },
         ariaLabelledby() {
-            return `${this.$pcTabs?.id}_tab_${this.value}`;
+            return `${this.$pcTabs?.$id}_tab_${this.value}`;
         },
         attrs() {
             return mergeProps(this.a11yAttrs, this.ptmi('root', this.ptParams));

package/tabpanel/index.mjs

@@ -52,11 +52,11 @@ var script = {
     },
     id: function id() {
       var _this$$pcTabs2;
-      return "".concat((_this$$pcTabs2 = this.$pcTabs) === null || _this$$pcTabs2 === void 0 ? void 0 : _this$$pcTabs2.id, "_tabpanel_").concat(this.value);
+      return "".concat((_this$$pcTabs2 = this.$pcTabs) === null || _this$$pcTabs2 === void 0 ? void 0 : _this$$pcTabs2.$id, "_tabpanel_").concat(this.value);
     },
     ariaLabelledby: function ariaLabelledby() {
       var _this$$pcTabs3;
-      return "".concat((_this$$pcTabs3 = this.$pcTabs) === null || _this$$pcTabs3 === void 0 ? void 0 : _this$$pcTabs3.id, "_tab_").concat(this.value);
+      return "".concat((_this$$pcTabs3 = this.$pcTabs) === null || _this$$pcTabs3 === void 0 ? void 0 : _this$$pcTabs3.$id, "_tab_").concat(this.value);
     },
     attrs: function attrs() {
       return mergeProps(this.a11yAttrs, this.ptmi('root', this.ptParams));

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=8c0752ba&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","$id","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/tag/Tag.vue

@@ -1,5 +1,5 @@
 <template>
-    <span :class="cx('root')" v-bind="ptmi('root')">
+    <span :class="cx('root')" :data-p="dataP" v-bind="ptmi('root')">
         <component v-if="$slots.icon" :is="$slots.icon" :class="cx('icon')" v-bind="ptm('icon')" />
         <span v-else-if="icon" :class="[cx('icon'), icon]" v-bind="ptm('icon')"></span>
         <slot v-if="value != null || $slots.default">
@@ -9,11 +9,20 @@
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import BaseTag from './BaseTag.vue';
 
 export default {
     name: 'Tag',
     extends: BaseTag,
-    inheritAttrs: false
+    inheritAttrs: false,
+    computed: {
+        dataP() {
+            return cn({
+                rounded: this.rounded,
+                [this.severity]: this.severity
+            });
+        }
+    }
 };
 </script>

package/tag/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import BaseComponent from '@primevue/core/basecomponent';
 import TagStyle from 'primevue/tag/style';
 import { createElementBlock, openBlock, mergeProps, createBlock, createCommentVNode, renderSlot, resolveDynamicComponent, createElementVNode, toDisplayString } from 'vue';
@@ -20,15 +21,28 @@ var script$1 = {
   }
 };
 
+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 _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); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script = {
   name: 'Tag',
   "extends": script$1,
-  inheritAttrs: false
+  inheritAttrs: false,
+  computed: {
+    dataP: function dataP() {
+      return cn(_defineProperty({
+        rounded: this.rounded
+      }, this.severity, this.severity));
+    }
+  }
 };
 
+var _hoisted_1 = ["data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", mergeProps({
-    "class": _ctx.cx('root')
+    "class": _ctx.cx('root'),
+    "data-p": $options.dataP
   }, _ctx.ptmi('root')), [_ctx.$slots.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.icon), mergeProps({
     key: 0,
     "class": _ctx.cx('icon')
@@ -41,7 +55,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     return [createElementVNode("span", mergeProps({
       "class": _ctx.cx('label')
     }, _ctx.ptm('label')), toDisplayString(_ctx.value), 17)];
-  }) : createCommentVNode("", true)], 16);
+  }) : createCommentVNode("", true)], 16, _hoisted_1);
 }
 
 script.render = render;

package/tag/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/tag/BaseTag.vue","../../src/tag/Tag.vue","../../src/tag/Tag.vue?vue&type=template&id=9412d54c&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TagStyle from 'primevue/tag/style';\n\nexport default {\n    name: 'BaseTag',\n    extends: BaseComponent,\n    props: {\n        value: null,\n        severity: null,\n        rounded: Boolean,\n        icon: String\n    },\n    style: TagStyle,\n    provide() {\n        return {\n            $pcTag: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <span :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <component v-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" v-bind=\"ptm('icon')\" />\n        <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\"></span>\n        <slot v-if=\"value != null || $slots.default\">\n            <span :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ value }}</span>\n        </slot>\n    </span>\n</template>\n\n<script>\nimport BaseTag from './BaseTag.vue';\n\nexport default {\n    name: 'Tag',\n    extends: BaseTag,\n    inheritAttrs: false\n};\n</script>\n","<template>\n    <span :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <component v-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" v-bind=\"ptm('icon')\" />\n        <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\"></span>\n        <slot v-if=\"value != null || $slots.default\">\n            <span :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ value }}</span>\n        </slot>\n    </span>\n</template>\n\n<script>\nimport BaseTag from './BaseTag.vue';\n\nexport default {\n    name: 'Tag',\n    extends: BaseTag,\n    inheritAttrs: false\n};\n</script>\n"],"names":["name","BaseComponent","props","value","severity","rounded","Boolean","icon","String","style","TagStyle","provide","$pcTag","$parentInstance","BaseTag","inheritAttrs","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","$slots","_createBlock","_resolveDynamicComponent","ptm","_renderSlot","_createElementVNode"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,SAAS;AACf,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE,IAAI;AACXC,IAAAA,QAAQ,EAAE,IAAI;AACdC,IAAAA,OAAO,EAAEC,OAAO;AAChBC,IAAAA,IAAI,EAAEC;GACT;AACDC,EAAAA,KAAK,EAAEC,QAAQ;EACfC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,MAAM,EAAE,IAAI;AACZC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACPD,aAAe;AACXb,EAAAA,IAAI,EAAE,KAAK;AACX,EAAA,SAAA,EAASc,QAAO;AAChBC,EAAAA,YAAY,EAAE;AAClB,CAAC;;;EChBG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAMM,QANNC,UAMM,CAAA;AANC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA;KAAkBD,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACjBF,IAAA,CAAAG,MAAM,CAACf,IAAI,IAA5BS,SAAA,EAAA,EAAAO,WAAA,CAA0FC,uBAAvD,CAAAL,IAAA,CAAAG,MAAM,CAACf,IAAI,GAA9CW,UAA0F,CAAA;;AAAzC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA;KAAkBD,IAAG,CAAAM,GAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAC9DN,IAAI,CAAAZ,IAAA,IAArBS,SAAA,EAAA,EAAAC,kBAAA,CAA8E,QAA9EC,UAA8E,CAAA;;IAAtD,OAAK,EAAA,CAAGC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA,EAAUD,IAAI,CAAAZ,IAAA;KAAWY,IAAG,CAAAM,GAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kCAClDN,IAAI,CAAAhB,KAAA,IAAA,IAAA,IAAagB,IAAM,CAAAG,MAAA,CAAQ,SAAA,CAAA,GAA3CI,UAAA,CAEMP;;KAFN,YAAA;AAAA,IAAA,OAEM,CADFQ,kBAAA,CAAkE,QAAlET,UAAkE,CAAA;AAA3D,MAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,OAAA;AAAmB,KAAA,EAAAD,IAAA,CAAAM,GAAG,4BAAcN,IAAM,CAAAhB,KAAA,CAAA,EAAA,EAAA,CAAA;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/tag/BaseTag.vue","../../src/tag/Tag.vue","../../src/tag/Tag.vue?vue&type=template&id=e9e4f6e2&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TagStyle from 'primevue/tag/style';\n\nexport default {\n    name: 'BaseTag',\n    extends: BaseComponent,\n    props: {\n        value: null,\n        severity: null,\n        rounded: Boolean,\n        icon: String\n    },\n    style: TagStyle,\n    provide() {\n        return {\n            $pcTag: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <span :class=\"cx('root')\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n        <component v-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" v-bind=\"ptm('icon')\" />\n        <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\"></span>\n        <slot v-if=\"value != null || $slots.default\">\n            <span :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ value }}</span>\n        </slot>\n    </span>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseTag from './BaseTag.vue';\n\nexport default {\n    name: 'Tag',\n    extends: BaseTag,\n    inheritAttrs: false,\n    computed: {\n        dataP() {\n            return cn({\n                rounded: this.rounded,\n                [this.severity]: this.severity\n            });\n        }\n    }\n};\n</script>\n","<template>\n    <span :class=\"cx('root')\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n        <component v-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" v-bind=\"ptm('icon')\" />\n        <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\"></span>\n        <slot v-if=\"value != null || $slots.default\">\n            <span :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ value }}</span>\n        </slot>\n    </span>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseTag from './BaseTag.vue';\n\nexport default {\n    name: 'Tag',\n    extends: BaseTag,\n    inheritAttrs: false,\n    computed: {\n        dataP() {\n            return cn({\n                rounded: this.rounded,\n                [this.severity]: this.severity\n            });\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","severity","rounded","Boolean","icon","String","style","TagStyle","provide","$pcTag","$parentInstance","BaseTag","inheritAttrs","computed","dataP","cn","_defineProperty","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$options","ptmi","$slots","_createBlock","_resolveDynamicComponent","ptm","_renderSlot","_createElementVNode"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,SAAS;AACf,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE,IAAI;AACXC,IAAAA,QAAQ,EAAE,IAAI;AACdC,IAAAA,OAAO,EAAEC,OAAO;AAChBC,IAAAA,IAAI,EAAEC;GACT;AACDC,EAAAA,KAAK,EAAEC,QAAQ;EACfC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,MAAM,EAAE,IAAI;AACZC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;;;;;ACND,aAAe;AACXb,EAAAA,IAAI,EAAE,KAAK;AACX,EAAA,SAAA,EAASc,QAAO;AAChBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,QAAQ,EAAE;IACNC,KAAK,EAAA,SAALA,KAAKA,GAAG;MACJ,OAAOC,EAAE,CAAAC,eAAA,CAAA;QACLd,OAAO,EAAE,IAAI,CAACA;OACb,EAAA,IAAI,CAACD,QAAQ,EAAG,IAAI,CAACA,QAAO,CAChC,CAAC;AACN;AACJ;AACJ,CAAC;;;;ECzBG,OAAAgB,SAAA,EAAA,EAAAC,kBAAA,CAMM,QANNC,UAMM,CAAA;AANC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;IAAW,QAAM,EAAEC,QAAK,CAAAR;KAAUM,IAAI,CAAAG,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCH,IAAA,CAAAI,MAAM,CAACpB,IAAI,IAA5Ba,SAAA,EAAA,EAAAQ,WAAA,CAA0FC,uBAAvD,CAAAN,IAAA,CAAAI,MAAM,CAACpB,IAAI,GAA9Ce,UAA0F,CAAA;;AAAzC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA;KAAkBD,IAAG,CAAAO,GAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAC9DP,IAAI,CAAAhB,IAAA,IAArBa,SAAA,EAAA,EAAAC,kBAAA,CAA8E,QAA9EC,UAA8E,CAAA;;IAAtD,OAAK,EAAA,CAAGC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA,EAAUD,IAAI,CAAAhB,IAAA;KAAWgB,IAAG,CAAAO,GAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kCAClDP,IAAI,CAAApB,KAAA,IAAA,IAAA,IAAaoB,IAAM,CAAAI,MAAA,CAAQ,SAAA,CAAA,GAA3CI,UAAA,CAEMR;;KAFN,YAAA;AAAA,IAAA,OAEM,CADFS,kBAAA,CAAkE,QAAlEV,UAAkE,CAAA;AAA3D,MAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,OAAA;AAAmB,KAAA,EAAAD,IAAA,CAAAO,GAAG,4BAAcP,IAAM,CAAApB,KAAA,CAAA,EAAA,EAAA,CAAA;;;;;;;;"}

package/textarea/Textarea.vue

@@ -1,8 +1,9 @@
 <template>
-    <textarea :class="cx('root')" :value="d_value" :name="name" :disabled="disabled" :aria-invalid="invalid || undefined" @input="onInput" v-bind="attrs"></textarea>
+    <textarea :class="cx('root')" :value="d_value" :name="name" :disabled="disabled" :aria-invalid="invalid || undefined" :data-p="dataP" @input="onInput" v-bind="attrs"></textarea>
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import { mergeProps } from 'vue';
 import BaseTextarea from './BaseTextarea.vue';
 
@@ -65,6 +66,14 @@ export default {
                 }),
                 this.formField
             );
+        },
+        dataP() {
+            return cn({
+                invalid: this.$invalid,
+                fluid: this.$fluid,
+                filled: this.$variant === 'filled',
+                [this.size]: this.size
+            });
         }
     }
 };

package/textarea/index.d.ts

@@ -7,10 +7,9 @@
  * @module textarea
  *
  */
-import type { DefineComponent, DesignToken, EmitFn, Nullable, PassThrough } from '@primevue/core';
+import type { DefineComponent, DesignToken, EmitFn, HintedString, Nullable, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
-import type { TextareaHTMLAttributes } from 'vue';
 
 export declare type TextareaPassThroughOptionType = TextareaPassThroughAttributes | ((options: TextareaPassThroughMethodOptions) => TextareaPassThroughAttributes | string) | string | null | undefined;
 
@@ -86,7 +85,7 @@ export interface TextareaContext {
 /**
  * Defines valid properties in Textarea component. In addition to these, all properties of TextareaHTMLAttributes can be used in this component.
  */
-export interface TextareaProps extends TextareaHTMLAttributes {
+export interface TextareaProps {
     /**
      * Value of the component.
      */
@@ -107,7 +106,7 @@ export interface TextareaProps extends TextareaHTMLAttributes {
     /**
      * Defines the size of the component.
      */
-    size?: 'small' | 'large' | undefined;
+    size?: HintedString<'small' | 'large'> | undefined;
     /**
      * When present, it specifies that the component should have invalid state style.
      * @defaultValue false
@@ -117,7 +116,7 @@ export interface TextareaProps extends TextareaHTMLAttributes {
      * Specifies the input variant of the component.
      * @defaultValue null
      */
-    variant?: 'outlined' | 'filled' | undefined | null;
+    variant?: HintedString<'outlined' | 'filled'> | undefined | null;
     /**
      * Spans 100% width of the container when enabled.
      * @defaultValue null

package/textarea/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import { mergeProps, createElementBlock, openBlock } from 'vue';
 import BaseInput from '@primevue/core/baseinput';
 import TextareaStyle from 'primevue/textarea/style';
@@ -17,6 +18,10 @@ var script$1 = {
   }
 };
 
+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 _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); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script = {
   name: 'Textarea',
   "extends": script$1,
@@ -71,11 +76,18 @@ var script = {
           disabled: this.disabled
         }
       }), this.formField);
+    },
+    dataP: function dataP() {
+      return cn(_defineProperty({
+        invalid: this.$invalid,
+        fluid: this.$fluid,
+        filled: this.$variant === 'filled'
+      }, this.size, this.size));
     }
   }
 };
 
-var _hoisted_1 = ["value", "name", "disabled", "aria-invalid"];
+var _hoisted_1 = ["value", "name", "disabled", "aria-invalid", "data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("textarea", mergeProps({
     "class": _ctx.cx('root'),
@@ -83,6 +95,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     name: _ctx.name,
     disabled: _ctx.disabled,
     "aria-invalid": _ctx.invalid || undefined,
+    "data-p": $options.dataP,
     onInput: _cache[0] || (_cache[0] = function () {
       return $options.onInput && $options.onInput.apply($options, arguments);
     })

package/textarea/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/textarea/BaseTextarea.vue","../../src/textarea/Textarea.vue","../../src/textarea/Textarea.vue?vue&type=template&id=b4327290&lang.js"],"sourcesContent":["<script>\nimport BaseInput from '@primevue/core/baseinput';\nimport TextareaStyle from 'primevue/textarea/style';\n\nexport default {\n    name: 'BaseTextarea',\n    extends: BaseInput,\n    props: {\n        autoResize: Boolean\n    },\n    style: TextareaStyle,\n    provide() {\n        return {\n            $pcTextarea: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <textarea :class=\"cx('root')\" :value=\"d_value\" :name=\"name\" :disabled=\"disabled\" :aria-invalid=\"invalid || undefined\" @input=\"onInput\" v-bind=\"attrs\"></textarea>\n</template>\n\n<script>\nimport { mergeProps } from 'vue';\nimport BaseTextarea from './BaseTextarea.vue';\n\nexport default {\n    name: 'Textarea',\n    extends: BaseTextarea,\n    inheritAttrs: false,\n    observer: null,\n    mounted() {\n        if (this.autoResize) {\n            this.observer = new ResizeObserver(() => {\n                // Firefox has issues without the requestAnimationFrame - ResizeObserver loop completed with undelivered notifications.\n                requestAnimationFrame(() => {\n                    this.resize();\n                });\n            });\n            this.observer.observe(this.$el);\n        }\n    },\n    updated() {\n        if (this.autoResize) {\n            this.resize();\n        }\n    },\n    beforeUnmount() {\n        if (this.observer) {\n            this.observer.disconnect();\n        }\n    },\n    methods: {\n        resize() {\n            if (!this.$el.offsetParent) return;\n\n            this.$el.style.height = 'auto';\n            this.$el.style.height = this.$el.scrollHeight + 'px';\n\n            if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {\n                this.$el.style.overflowY = 'scroll';\n                this.$el.style.height = this.$el.style.maxHeight;\n            } else {\n                this.$el.style.overflow = 'hidden';\n            }\n        },\n        onInput(event) {\n            if (this.autoResize) {\n                this.resize();\n            }\n\n            this.writeValue(event.target.value, event);\n        }\n    },\n    computed: {\n        attrs() {\n            return mergeProps(\n                this.ptmi('root', {\n                    context: {\n                        filled: this.$filled,\n                        disabled: this.disabled\n                    }\n                }),\n                this.formField\n            );\n        }\n    }\n};\n</script>\n","<template>\n    <textarea :class=\"cx('root')\" :value=\"d_value\" :name=\"name\" :disabled=\"disabled\" :aria-invalid=\"invalid || undefined\" @input=\"onInput\" v-bind=\"attrs\"></textarea>\n</template>\n\n<script>\nimport { mergeProps } from 'vue';\nimport BaseTextarea from './BaseTextarea.vue';\n\nexport default {\n    name: 'Textarea',\n    extends: BaseTextarea,\n    inheritAttrs: false,\n    observer: null,\n    mounted() {\n        if (this.autoResize) {\n            this.observer = new ResizeObserver(() => {\n                // Firefox has issues without the requestAnimationFrame - ResizeObserver loop completed with undelivered notifications.\n                requestAnimationFrame(() => {\n                    this.resize();\n                });\n            });\n            this.observer.observe(this.$el);\n        }\n    },\n    updated() {\n        if (this.autoResize) {\n            this.resize();\n        }\n    },\n    beforeUnmount() {\n        if (this.observer) {\n            this.observer.disconnect();\n        }\n    },\n    methods: {\n        resize() {\n            if (!this.$el.offsetParent) return;\n\n            this.$el.style.height = 'auto';\n            this.$el.style.height = this.$el.scrollHeight + 'px';\n\n            if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {\n                this.$el.style.overflowY = 'scroll';\n                this.$el.style.height = this.$el.style.maxHeight;\n            } else {\n                this.$el.style.overflow = 'hidden';\n            }\n        },\n        onInput(event) {\n            if (this.autoResize) {\n                this.resize();\n            }\n\n            this.writeValue(event.target.value, event);\n        }\n    },\n    computed: {\n        attrs() {\n            return mergeProps(\n                this.ptmi('root', {\n                    context: {\n                        filled: this.$filled,\n                        disabled: this.disabled\n                    }\n                }),\n                this.formField\n            );\n        }\n    }\n};\n</script>\n"],"names":["name","BaseInput","props","autoResize","Boolean","style","TextareaStyle","provide","$pcTextarea","$parentInstance","BaseTextarea","inheritAttrs","observer","mounted","_this","ResizeObserver","requestAnimationFrame","resize","observe","$el","updated","beforeUnmount","disconnect","methods","offsetParent","height","scrollHeight","parseFloat","maxHeight","overflowY","overflow","onInput","event","writeValue","target","value","computed","attrs","mergeProps","ptmi","context","filled","$filled","disabled","formField","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","d_value","invalid","undefined","$options","apply","arguments","_hoisted_1"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/textarea/BaseTextarea.vue","../../src/textarea/Textarea.vue","../../src/textarea/Textarea.vue?vue&type=template&id=f8add878&lang.js"],"sourcesContent":["<script>\nimport BaseInput from '@primevue/core/baseinput';\nimport TextareaStyle from 'primevue/textarea/style';\n\nexport default {\n    name: 'BaseTextarea',\n    extends: BaseInput,\n    props: {\n        autoResize: Boolean\n    },\n    style: TextareaStyle,\n    provide() {\n        return {\n            $pcTextarea: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <textarea :class=\"cx('root')\" :value=\"d_value\" :name=\"name\" :disabled=\"disabled\" :aria-invalid=\"invalid || undefined\" :data-p=\"dataP\" @input=\"onInput\" v-bind=\"attrs\"></textarea>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { mergeProps } from 'vue';\nimport BaseTextarea from './BaseTextarea.vue';\n\nexport default {\n    name: 'Textarea',\n    extends: BaseTextarea,\n    inheritAttrs: false,\n    observer: null,\n    mounted() {\n        if (this.autoResize) {\n            this.observer = new ResizeObserver(() => {\n                // Firefox has issues without the requestAnimationFrame - ResizeObserver loop completed with undelivered notifications.\n                requestAnimationFrame(() => {\n                    this.resize();\n                });\n            });\n            this.observer.observe(this.$el);\n        }\n    },\n    updated() {\n        if (this.autoResize) {\n            this.resize();\n        }\n    },\n    beforeUnmount() {\n        if (this.observer) {\n            this.observer.disconnect();\n        }\n    },\n    methods: {\n        resize() {\n            if (!this.$el.offsetParent) return;\n\n            this.$el.style.height = 'auto';\n            this.$el.style.height = this.$el.scrollHeight + 'px';\n\n            if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {\n                this.$el.style.overflowY = 'scroll';\n                this.$el.style.height = this.$el.style.maxHeight;\n            } else {\n                this.$el.style.overflow = 'hidden';\n            }\n        },\n        onInput(event) {\n            if (this.autoResize) {\n                this.resize();\n            }\n\n            this.writeValue(event.target.value, event);\n        }\n    },\n    computed: {\n        attrs() {\n            return mergeProps(\n                this.ptmi('root', {\n                    context: {\n                        filled: this.$filled,\n                        disabled: this.disabled\n                    }\n                }),\n                this.formField\n            );\n        },\n        dataP() {\n            return cn({\n                invalid: this.$invalid,\n                fluid: this.$fluid,\n                filled: this.$variant === 'filled',\n                [this.size]: this.size\n            });\n        }\n    }\n};\n</script>\n","<template>\n    <textarea :class=\"cx('root')\" :value=\"d_value\" :name=\"name\" :disabled=\"disabled\" :aria-invalid=\"invalid || undefined\" :data-p=\"dataP\" @input=\"onInput\" v-bind=\"attrs\"></textarea>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { mergeProps } from 'vue';\nimport BaseTextarea from './BaseTextarea.vue';\n\nexport default {\n    name: 'Textarea',\n    extends: BaseTextarea,\n    inheritAttrs: false,\n    observer: null,\n    mounted() {\n        if (this.autoResize) {\n            this.observer = new ResizeObserver(() => {\n                // Firefox has issues without the requestAnimationFrame - ResizeObserver loop completed with undelivered notifications.\n                requestAnimationFrame(() => {\n                    this.resize();\n                });\n            });\n            this.observer.observe(this.$el);\n        }\n    },\n    updated() {\n        if (this.autoResize) {\n            this.resize();\n        }\n    },\n    beforeUnmount() {\n        if (this.observer) {\n            this.observer.disconnect();\n        }\n    },\n    methods: {\n        resize() {\n            if (!this.$el.offsetParent) return;\n\n            this.$el.style.height = 'auto';\n            this.$el.style.height = this.$el.scrollHeight + 'px';\n\n            if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {\n                this.$el.style.overflowY = 'scroll';\n                this.$el.style.height = this.$el.style.maxHeight;\n            } else {\n                this.$el.style.overflow = 'hidden';\n            }\n        },\n        onInput(event) {\n            if (this.autoResize) {\n                this.resize();\n            }\n\n            this.writeValue(event.target.value, event);\n        }\n    },\n    computed: {\n        attrs() {\n            return mergeProps(\n                this.ptmi('root', {\n                    context: {\n                        filled: this.$filled,\n                        disabled: this.disabled\n                    }\n                }),\n                this.formField\n            );\n        },\n        dataP() {\n            return cn({\n                invalid: this.$invalid,\n                fluid: this.$fluid,\n                filled: this.$variant === 'filled',\n                [this.size]: this.size\n            });\n        }\n    }\n};\n</script>\n"],"names":["name","BaseInput","props","autoResize","Boolean","style","TextareaStyle","provide","$pcTextarea","$parentInstance","BaseTextarea","inheritAttrs","observer","mounted","_this","ResizeObserver","requestAnimationFrame","resize","observe","$el","updated","beforeUnmount","disconnect","methods","offsetParent","height","scrollHeight","parseFloat","maxHeight","overflowY","overflow","onInput","event","writeValue","target","value","computed","attrs","mergeProps","ptmi","context","filled","$filled","disabled","formField","dataP","cn","_defineProperty","invalid","$invalid","fluid","$fluid","$variant","size","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","d_value","undefined","$options","apply","arguments","_hoisted_1"],"mappings":"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"}

package/tieredmenu/TieredMenu.vue

@@ -418,7 +418,7 @@ export default {
                 ZIndex.set('menu', el, this.baseZIndex + this.$primevue.config.zIndex.menu);
             }
 
-            addStyle(el, { position: 'absolute', top: '0', left: '0' });
+            addStyle(el, { position: 'absolute', top: '0' });
             this.alignOverlay();
             focus(this.menubar);
             this.scrollInView();

package/tieredmenu/index.mjs

@@ -727,8 +727,7 @@ var script = {
       }
       addStyle(el, {
         position: 'absolute',
-        top: '0',
-        left: '0'
+        top: '0'
       });
       this.alignOverlay();
       focus(this.menubar);