primevue 4.0.0 → 4.0.2

package/tablist/index.d.ts

@@ -62,13 +62,17 @@ export interface TabListPassThroughOptions {
      */
     nextButton?: TabListPassThroughOptionType;
     /**
-     * Used to pass attributes to the list's DOM element.
+     * Used to pass attributes to the content's DOM element.
      */
     content?: TabListPassThroughOptionType;
+    /**
+     * Used to pass attributes to the tablist's DOM element.
+     */
+    tabList?: TabListPassThroughOptionType;
     /**
      * Used to pass attributes to the inkbar's DOM element.
      */
-    inkbar?: TabListPassThroughOptionType;
+    activeBar?: TabListPassThroughOptionType;
     /**
      * Used to manage all lifecycle hooks.
      * @see {@link BaseComponent.ComponentHooks}

package/tablist/index.mjs

@@ -3,6 +3,7 @@ import ChevronLeftIcon from '@primevue/icons/chevronleft';
 import ChevronRightIcon from '@primevue/icons/chevronright';
 import BaseComponent from '@primevue/core/basecomponent';
 import TabListStyle from 'primevue/tablist/style';
+import Ripple from 'primevue/ripple';
 import { resolveDirective, openBlock, createElementBlock, mergeProps, withDirectives, createBlock, resolveDynamicComponent, createCommentVNode, createElementVNode, renderSlot } from 'vue';
 
 var script$1 = {
@@ -151,6 +152,9 @@ var script = {
   components: {
     ChevronLeftIcon: ChevronLeftIcon,
     ChevronRightIcon: ChevronRightIcon
+  },
+  directives: {
+    ripple: Ripple
   }
 };
 
@@ -183,15 +187,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, _ctx.ptm('content')), [createElementVNode("div", mergeProps({
     ref: "tabs",
-    "class": _ctx.cx('tabs'),
+    "class": _ctx.cx('tabList'),
     role: "tablist",
     "aria-orientation": $options.$pcTabs.orientation || 'horizontal'
-  }, _ctx.ptm('tabs')), [renderSlot(_ctx.$slots, "default"), createElementVNode("span", mergeProps({
+  }, _ctx.ptm('tabList')), [renderSlot(_ctx.$slots, "default"), createElementVNode("span", mergeProps({
     ref: "inkbar",
-    "class": _ctx.cx('inkbar'),
+    "class": _ctx.cx('activeBar'),
     role: "presentation",
     "aria-hidden": "true"
-  }, _ctx.ptm('inkbar')), null, 16)], 16, _hoisted_2)], 16), $options.showNavigators && $data.isNextButtonEnabled ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
+  }, _ctx.ptm('activeBar')), null, 16)], 16, _hoisted_2)], 16), $options.showNavigators && $data.isNextButtonEnabled ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
     key: 1,
     ref: "nextButton",
     "class": _ctx.cx('nextButton'),

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=093668ce&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('tabs')\" role=\"tablist\" :aria-orientation=\"$pcTabs.orientation || 'horizontal'\" v-bind=\"ptm('tabs')\">\n                <slot></slot>\n                <span ref=\"inkbar\" :class=\"cx('inkbar')\" role=\"presentation\" aria-hidden=\"true\" v-bind=\"ptm('inkbar')\"></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 { getWidth, findSingle, getHeight, getOuterHeight, getOuterWidth, getOffset } from '@primeuix/utils/dom';\nimport ChevronLeftIcon from '@primevue/icons/chevronleft';\nimport ChevronRightIcon from '@primevue/icons/chevronright';\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        this.$nextTick(() => {\n            this.updateInkBar();\n        });\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 width = getWidth(content);\n            const pos = content.scrollLeft - width;\n\n            content.scrollLeft = pos <= 0 ? 0 : pos;\n        },\n        onNextButtonClick() {\n            const content = this.$refs.content;\n            const width = getWidth(content) - this.getVisibleButtonWidths();\n            const pos = content.scrollLeft + width;\n            const lastPos = content.scrollWidth - width;\n\n            content.scrollLeft = pos >= lastPos ? lastPos : pos;\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 { scrollLeft, scrollTop, scrollWidth, scrollHeight, offsetWidth, offsetHeight } = content;\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 { prevBtn, nextBtn } = this.$refs;\n\n            return [prevBtn, nextBtn].reduce((acc, el) => (el ? acc + getWidth(el) : acc), 0);\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};\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('tabs')\" role=\"tablist\" :aria-orientation=\"$pcTabs.orientation || 'horizontal'\" v-bind=\"ptm('tabs')\">\n                <slot></slot>\n                <span ref=\"inkbar\" :class=\"cx('inkbar')\" role=\"presentation\" aria-hidden=\"true\" v-bind=\"ptm('inkbar')\"></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 { getWidth, findSingle, getHeight, getOuterHeight, getOuterWidth, getOffset } from '@primeuix/utils/dom';\nimport ChevronLeftIcon from '@primevue/icons/chevronleft';\nimport ChevronRightIcon from '@primevue/icons/chevronright';\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        this.$nextTick(() => {\n            this.updateInkBar();\n        });\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 width = getWidth(content);\n            const pos = content.scrollLeft - width;\n\n            content.scrollLeft = pos <= 0 ? 0 : pos;\n        },\n        onNextButtonClick() {\n            const content = this.$refs.content;\n            const width = getWidth(content) - this.getVisibleButtonWidths();\n            const pos = content.scrollLeft + width;\n            const lastPos = content.scrollWidth - width;\n\n            content.scrollLeft = pos >= lastPos ? lastPos : pos;\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 { scrollLeft, scrollTop, scrollWidth, scrollHeight, offsetWidth, offsetHeight } = content;\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 { prevBtn, nextBtn } = this.$refs;\n\n            return [prevBtn, nextBtn].reduce((acc, el) => (el ? acc + getWidth(el) : acc), 0);\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};\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","$nextTick","updateButtonState","updated","beforeUnmount","methods","onScroll","event","preventDefault","onPrevButtonClick","content","$refs","width","getWidth","pos","scrollLeft","onNextButtonClick","getVisibleButtonWidths","lastPos","scrollWidth","_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","prevBtn","nextBtn","reduce","acc","el","computed","templates","$slots","d_value","scrollable","prevButtonAriaLabel","$primevue","config","locale","aria","previous","nextButtonAriaLabel","next","components","ChevronLeftIcon","ChevronRightIcon","_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=1fe1e838&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 } from '@primeuix/utils/dom';\nimport ChevronLeftIcon from '@primevue/icons/chevronleft';\nimport ChevronRightIcon from '@primevue/icons/chevronright';\nimport BaseTabList from './BaseTabList.vue';\nimport Ripple from 'primevue/ripple';\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        this.$nextTick(() => {\n            this.updateInkBar();\n        });\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 width = getWidth(content);\n            const pos = content.scrollLeft - width;\n\n            content.scrollLeft = pos <= 0 ? 0 : pos;\n        },\n        onNextButtonClick() {\n            const content = this.$refs.content;\n            const width = getWidth(content) - this.getVisibleButtonWidths();\n            const pos = content.scrollLeft + width;\n            const lastPos = content.scrollWidth - width;\n\n            content.scrollLeft = pos >= lastPos ? lastPos : pos;\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 { scrollLeft, scrollTop, scrollWidth, scrollHeight, offsetWidth, offsetHeight } = content;\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 { prevBtn, nextBtn } = this.$refs;\n\n            return [prevBtn, nextBtn].reduce((acc, el) => (el ? acc + getWidth(el) : acc), 0);\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 } from '@primeuix/utils/dom';\nimport ChevronLeftIcon from '@primevue/icons/chevronleft';\nimport ChevronRightIcon from '@primevue/icons/chevronright';\nimport BaseTabList from './BaseTabList.vue';\nimport Ripple from 'primevue/ripple';\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        this.$nextTick(() => {\n            this.updateInkBar();\n        });\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 width = getWidth(content);\n            const pos = content.scrollLeft - width;\n\n            content.scrollLeft = pos <= 0 ? 0 : pos;\n        },\n        onNextButtonClick() {\n            const content = this.$refs.content;\n            const width = getWidth(content) - this.getVisibleButtonWidths();\n            const pos = content.scrollLeft + width;\n            const lastPos = content.scrollWidth - width;\n\n            content.scrollLeft = pos >= lastPos ? lastPos : pos;\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 { scrollLeft, scrollTop, scrollWidth, scrollHeight, offsetWidth, offsetHeight } = content;\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 { prevBtn, nextBtn } = this.$refs;\n\n            return [prevBtn, nextBtn].reduce((acc, el) => (el ? acc + getWidth(el) : acc), 0);\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","$nextTick","updateButtonState","updated","beforeUnmount","methods","onScroll","event","preventDefault","onPrevButtonClick","content","$refs","width","getWidth","pos","scrollLeft","onNextButtonClick","getVisibleButtonWidths","lastPos","scrollWidth","_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","prevBtn","nextBtn","reduce","acc","el","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":";;;;;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,aAAa;AACnB,EAAA,SAAA,EAASC,aAAa;EACtBC,KAAK,EAAE,EAAE;AACTC,EAAAA,KAAK,EAAEC,YAAY;EACnBC,OAAO,EAAA,SAAAA,UAAG;IACN,OAAO;AACHC,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;AC6BD,aAAe;AACXP,EAAAA,IAAI,EAAE,SAAS;AACf,EAAA,SAAA,EAASQ,QAAW;AACpBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,MAAM,EAAE,CAAC,SAAS,CAAC;EACnBC,IAAI,EAAA,SAAAA,OAAG;IACH,OAAO;AACHC,MAAAA,mBAAmB,EAAE,KAAK;AAC1BC,MAAAA,mBAAmB,EAAE,IAAA;KACxB,CAAA;GACJ;AACDC,EAAAA,cAAc,EAAEC,SAAS;AACzBC,EAAAA,KAAK,EAAE;IACHC,cAAc,EAAA,SAAAA,cAACC,CAAAA,QAAQ,EAAE;MACrBA,QAAS,GAAE,IAAI,CAACC,kBAAkB,EAAG,GAAE,IAAI,CAACC,oBAAoB,EAAE,CAAA;KACrE;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,KAAK,EAAE,MAAM;MACbC,OAAO,EAAA,SAAAA,UAAG;QACN,IAAI,CAACC,YAAY,EAAE,CAAA;AACvB,OAAA;AACJ,KAAA;GACH;EACDC,OAAO,EAAA,SAAAA,UAAG;AAAA,IAAA,IAAAC,KAAA,GAAA,IAAA,CAAA;IACN,IAAI,CAACC,SAAS,CAAC,YAAM;MACjBD,KAAI,CAACF,YAAY,EAAE,CAAA;AACvB,KAAC,CAAC,CAAA;IAEF,IAAI,IAAI,CAACP,cAAc,EAAE;MACrB,IAAI,CAACW,iBAAiB,EAAE,CAAA;MACxB,IAAI,CAACT,kBAAkB,EAAE,CAAA;AAC7B,KAAA;GACH;EACDU,OAAO,EAAA,SAAAA,UAAG;AACN,IAAA,IAAI,CAACZ,cAAa,IAAK,IAAI,CAACW,iBAAiB,EAAE,CAAA;GAClD;EACDE,aAAa,EAAA,SAAAA,gBAAG;IACZ,IAAI,CAACV,oBAAoB,EAAE,CAAA;GAC9B;AACDW,EAAAA,OAAO,EAAE;IACLC,QAAQ,EAAA,SAAAA,QAACC,CAAAA,KAAK,EAAE;AACZ,MAAA,IAAI,CAAChB,cAAa,IAAK,IAAI,CAACW,iBAAiB,EAAE,CAAA;MAE/CK,KAAK,CAACC,cAAc,EAAE,CAAA;KACzB;IACDC,iBAAiB,EAAA,SAAAA,oBAAG;AAChB,MAAA,IAAMC,OAAQ,GAAE,IAAI,CAACC,KAAK,CAACD,OAAO,CAAA;AAClC,MAAA,IAAME,KAAI,GAAIC,QAAQ,CAACH,OAAO,CAAC,CAAA;AAC/B,MAAA,IAAMI,GAAI,GAAEJ,OAAO,CAACK,UAAS,GAAIH,KAAK,CAAA;MAEtCF,OAAO,CAACK,UAAW,GAAED,GAAI,IAAG,CAAA,GAAI,CAAA,GAAIA,GAAG,CAAA;KAC1C;IACDE,iBAAiB,EAAA,SAAAA,oBAAG;AAChB,MAAA,IAAMN,OAAQ,GAAE,IAAI,CAACC,KAAK,CAACD,OAAO,CAAA;MAClC,IAAME,KAAI,GAAIC,QAAQ,CAACH,OAAO,CAAE,GAAE,IAAI,CAACO,sBAAsB,EAAE,CAAA;AAC/D,MAAA,IAAMH,GAAI,GAAEJ,OAAO,CAACK,UAAS,GAAIH,KAAK,CAAA;AACtC,MAAA,IAAMM,UAAUR,OAAO,CAACS,cAAcP,KAAK,CAAA;MAE3CF,OAAO,CAACK,UAAS,GAAID,GAAI,IAAGI,OAAQ,GAAEA,UAAUJ,GAAG,CAAA;KACtD;IACDrB,kBAAkB,EAAA,SAAAA,qBAAG;AAAA,MAAA,IAAA2B,MAAA,GAAA,IAAA,CAAA;AACjB,MAAA,IAAI,CAAChC,cAAe,GAAE,IAAIiC,cAAc,CAAC,YAAA;AAAA,QAAA,OAAMD,MAAI,CAAClB,iBAAiB,EAAE,CAAA;OAAC,CAAA,CAAA;MACxE,IAAI,CAACd,cAAc,CAACkC,OAAO,CAAC,IAAI,CAACX,KAAK,CAACY,IAAI,CAAC,CAAA;KAC/C;IACD7B,oBAAoB,EAAA,SAAAA,uBAAG;AAAA,MAAA,IAAA8B,oBAAA,CAAA;AACnB,MAAA,CAAAA,oBAAA,GAAI,IAAA,CAACpC,cAAc,MAAA,IAAA,IAAAoC,oBAAA,KAAnBA,KAAAA,CAAAA,IAAAA,oBAAA,CAAqBC,SAAS,CAAC,IAAI,CAACd,KAAK,CAACY,IAAI,CAAC,CAAA;MAC/C,IAAI,CAACnC,cAAe,GAAEC,SAAS,CAAA;KAClC;IACDS,YAAY,EAAA,SAAAA,eAAG;AACX,MAAA,IAAA4B,WAAA,GAAkC,IAAI,CAACf,KAAK;QAApCD,OAAO,GAAAgB,WAAA,CAAPhB,OAAO;QAAEiB,MAAM,GAAAD,WAAA,CAANC,MAAM;QAAEC,IAAG,GAAAF,WAAA,CAAHE,IAAG,CAAA;AAC5B,MAAA,IAAMC,SAAQ,GAAIC,UAAU,CAACpB,OAAO,EAAE,4CAA4C,CAAC,CAAA;AAEnF,MAAA,IAAI,IAAI,CAACqB,OAAO,CAACC,UAAU,EAAE,EAAE;QAC3BL,MAAM,CAAClD,KAAK,CAACwD,SAASC,cAAc,CAACL,SAAS,IAAI,IAAI,CAAA;AACtDF,QAAAA,MAAM,CAAClD,KAAK,CAAC0D,GAAE,GAAIC,SAAS,CAACP,SAAS,CAAC,CAACM,GAAE,GAAIC,SAAS,CAACR,IAAI,CAAC,CAACO,GAAI,GAAE,IAAI,CAAA;AAC5E,OAAE,MAAK;QACHR,MAAM,CAAClD,KAAK,CAACmC,QAAQyB,aAAa,CAACR,SAAS,IAAI,IAAI,CAAA;AACpDF,QAAAA,MAAM,CAAClD,KAAK,CAAC6D,IAAK,GAAEF,SAAS,CAACP,SAAS,CAAC,CAACS,IAAG,GAAIF,SAAS,CAACR,IAAI,CAAC,CAACU,IAAK,GAAE,IAAI,CAAA;AAC/E,OAAA;KACH;IACDpC,iBAAiB,EAAA,SAAAA,oBAAG;AAChB,MAAA,IAAAqC,YAAA,GAA0B,IAAI,CAAC5B,KAAK;QAA5BY,IAAI,GAAAgB,YAAA,CAAJhB,IAAI;QAAEb,OAAQ,GAAA6B,YAAA,CAAR7B,OAAQ,CAAA;AACtB,MAAA,IAAQK,UAAU,GAAsEL,OAAO,CAAvFK,UAAU;QAAEyB,SAAS,GAA2D9B,OAAO,CAA3E8B,SAAS;QAAErB,WAAW,GAA8CT,OAAO,CAAhES,WAAW;QAAEsB,YAAY,GAAgC/B,OAAO,CAAnD+B,YAAY;QAAEC,WAAW,GAAmBhC,OAAO,CAArCgC,WAAW;QAAEC,YAAa,GAAIjC,OAAO,CAAxBiC,YAAa,CAAA;AACpF,MAAA,IAAAC,IAAA,GAAwB,CAAC/B,QAAQ,CAACH,OAAO,CAAC,EAAEmC,SAAS,CAACnC,OAAO,CAAC,CAAC;AAAxDE,QAAAA,KAAK,GAAAgC,IAAA,CAAA,CAAA,CAAA;AAAEX,QAAAA,MAAM,GAAAW,IAAA,CAAA,CAAA,CAAA,CAAA;AAEpB,MAAA,IAAI,IAAI,CAACb,OAAO,CAACC,UAAU,EAAE,EAAE;AAC3B,QAAA,IAAI,CAAC9C,mBAAkB,GAAIsD,SAAQ,KAAM,CAAC,CAAA;AAC1C,QAAA,IAAI,CAACrD,mBAAkB,GAAIoC,IAAI,CAACoB,YAAW,IAAKA,gBAAgBG,QAAQ,CAACN,SAAS,CAAA,KAAMC,YAAa,GAAER,MAAM,CAAA;AACjH,OAAE,MAAK;AACH,QAAA,IAAI,CAAC/C,mBAAkB,GAAI6B,eAAe,CAAC,CAAA;AAC3C,QAAA,IAAI,CAAC5B,sBAAsBoC,IAAI,CAACmB,WAAU,IAAKA,WAAU,IAAKI,QAAQ,CAAC/B,UAAU,MAAMI,WAAU,GAAIP,KAAK,CAAA;AAC9G,OAAA;KACH;IACDK,sBAAsB,EAAA,SAAAA,yBAAG;AACrB,MAAA,IAAA8B,YAAA,GAA6B,IAAI,CAACpC,KAAK;QAA/BqC,OAAO,GAAAD,YAAA,CAAPC,OAAO;QAAEC,OAAQ,GAAAF,YAAA,CAARE,OAAQ,CAAA;MAEzB,OAAO,CAACD,OAAO,EAAEC,OAAO,CAAC,CAACC,MAAM,CAAC,UAACC,GAAG,EAAEC,EAAE,EAAA;QAAA,OAAMA,EAAG,GAAED,GAAI,GAAEtC,QAAQ,CAACuC,EAAE,CAAA,GAAID,GAAG,CAAA;OAAC,EAAE,CAAC,CAAC,CAAA;AACrF,KAAA;GACH;AACDE,EAAAA,QAAQ,EAAE;IACNC,SAAS,EAAA,SAAAA,YAAG;AACR,MAAA,OAAO,IAAI,CAACvB,OAAO,CAACwB,MAAM,CAAA;KAC7B;IACD5D,WAAW,EAAA,SAAAA,cAAG;AACV,MAAA,OAAO,IAAI,CAACoC,OAAO,CAACyB,OAAO,CAAA;KAC9B;IACDjE,cAAc,EAAA,SAAAA,iBAAG;MACb,OAAO,IAAI,CAACwC,OAAO,CAAC0B,UAAS,IAAK,IAAI,CAAC1B,OAAO,CAACxC,cAAc,CAAA;KAChE;IACDmE,mBAAmB,EAAA,SAAAA,sBAAG;MAClB,OAAO,IAAI,CAACC,SAAS,CAACC,MAAM,CAACC,MAAM,CAACC,IAAK,GAAE,IAAI,CAACH,SAAS,CAACC,MAAM,CAACC,MAAM,CAACC,IAAI,CAACC,WAAW1E,SAAS,CAAA;KACpG;IACD2E,mBAAmB,EAAA,SAAAA,sBAAG;MAClB,OAAO,IAAI,CAACL,SAAS,CAACC,MAAM,CAACC,MAAM,CAACC,OAAO,IAAI,CAACH,SAAS,CAACC,MAAM,CAACC,MAAM,CAACC,IAAI,CAACG,OAAO5E,SAAS,CAAA;AACjG,KAAA;GACH;AACD6E,EAAAA,UAAU,EAAE;AACRC,IAAAA,eAAe,EAAfA,eAAe;AACfC,IAAAA,gBAAe,EAAfA,gBAAAA;GACH;AACDC,EAAAA,UAAU,EAAE;AACRC,IAAAA,MAAM,EAAEC,MAAAA;AACZ,GAAA;AACJ,CAAC;;;;;;;ECtKG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAiCK,OAjCLC,UAiCK,CAAA;AAjCAC,IAAAA,GAAG,EAAC;AAAQ,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;KAAkBD,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CAElCC,QAAA,CAAAxF,cAAa,IAAKyF,KAAmB,CAAA9F,mBAAA,GAD/C+F,cAAA,EAAAT,SAAA,EAAA,EAAAC,kBAAA,CAYQ,UAZRC,UAYQ,CAAA;;AAVJC,IAAAA,GAAG,EAAC,YAAW;AAEd,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,YAAA,CAAA;IACT,YAAU,EAAEE,QAAmB,CAAArB,mBAAA;AAC/BwB,IAAAA,QAAQ,EAAEH,QAAO,CAAAhD,OAAA,CAACmD,QAAQ;IAC1BC,OAAK;aAAEJ,QAAiB,CAAAtE,iBAAA,IAAAsE,QAAA,CAAAtE,iBAAA,CAAA2E,KAAA,CAAAL,QAAA,EAAAM,SAAA,CAAA,CAAA;KAAA,CAAA;KACjBT,IAAG,CAAAU,GAAA,CAAA,YAAA,CAAA,EAAA;AACX,IAAA,uBAAqB,EAAC,WAAA;GAAU,CAAA,EAAA,eAEhCC,WAAsG,CAAAC,uBAAA,CAAtFT,QAAS,CAAAzB,SAAA,CAACmC,gCAA1Bf,UAAsG,CAAA;AAA7C,IAAA,aAAW,EAAC,MAAA;AAAO,GAAA,EAAQE,IAAG,CAAAU,GAAA,CAAA,UAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,6EAE3FI,kBAAA,CAKK,OALLhB,UAKK,CAAA;AALAC,IAAAA,GAAG,EAAC;AAAW,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,SAAA,CAAA;IAAcvE,QAAM;aAAEyE,QAAQ,CAAAzE,QAAA,IAAAyE,QAAA,CAAAzE,QAAA,CAAA8E,KAAA,CAAAL,QAAA,EAAAM,SAAA,CAAA,CAAA;KAAA,CAAA;KAAUT,IAAG,CAAAU,GAAA,CAAA,SAAA,CAAA,CAAA,EAAA,CACpEI,kBAAA,CAGK,OAHLhB,UAGK,CAAA;AAHAC,IAAAA,GAAG,EAAC,MAAO;AAAC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,SAAA,CAAA;AAAac,IAAAA,IAAI,EAAC,SAAU;AAAC,IAAA,kBAAgB,EAAEZ,QAAO,CAAAhD,OAAA,CAAC6D,WAAY,IAAA,YAAA;KAAyBhB,IAAG,CAAAU,GAAA,CAAA,SAAA,CAAA,CAAA,EAAA,CACrHO,UAAY,CAAAjB,IAAA,CAAArB,MAAA,EAAA,SAAA,CAAA,EACZmC,kBAAA,CAAmH,QAAnHhB,UAAmH,CAAA;AAA7GC,IAAAA,GAAG,EAAC,QAAS;AAAC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,WAAA,CAAA;AAAec,IAAAA,IAAI,EAAC,cAAa;AAAE,IAAA,aAAW,EAAC,MAAA;KAAef,IAAG,CAAAU,GAAA,CAAA,WAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAI5FP,QAAA,CAAAxF,cAAa,IAAKyF,KAAmB,CAAA7F,mBAAA,GAD/C8F,cAAA,EAAAT,SAAA,EAAA,EAAAC,kBAAA,CAYQ,UAZRC,UAYQ,CAAA;;AAVJC,IAAAA,GAAG,EAAC,YAAW;AAEd,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,YAAA,CAAA;IACT,YAAU,EAAEE,QAAmB,CAAAf,mBAAA;AAC/BkB,IAAAA,QAAQ,EAAEH,QAAO,CAAAhD,OAAA,CAACmD,QAAQ;IAC1BC,OAAK;aAAEJ,QAAiB,CAAA/D,iBAAA,IAAA+D,QAAA,CAAA/D,iBAAA,CAAAoE,KAAA,CAAAL,QAAA,EAAAM,SAAA,CAAA,CAAA;KAAA,CAAA;KACjBT,IAAG,CAAAU,GAAA,CAAA,YAAA,CAAA,EAAA;AACX,IAAA,uBAAqB,EAAC,WAAA;GAAU,CAAA,EAAA,eAEhCC,WAAuG,CAAAC,uBAAA,CAAvFT,QAAS,CAAAzB,SAAA,CAACwC,iCAA1BpB,UAAuG,CAAA;AAA7C,IAAA,aAAW,EAAC,MAAA;AAAO,GAAA,EAAQE,IAAG,CAAAU,GAAA,CAAA,UAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA;;;;;;;"}

package/tablist/style/index.d.ts

@@ -21,11 +21,11 @@ export enum TabListClasses {
     /**
      * Class name of the tabs element
      */
-    tabs = 'p-tablist-tab-list',
+    tabList = 'p-tablist-tab-list',
     /**
-     * Class name of the inkbar element
+     * Class name of the activebar element
      */
-    inkbar = 'p-tablist-active-bar',
+    activeBar = 'p-tablist-active-bar',
     /**
      * Class name of the previous button element
      */

package/tablist/style/index.mjs

@@ -8,8 +8,8 @@ var classes = {
       'p-tablist-viewport': instance.$pcTabs.scrollable
     }];
   },
-  tabs: 'p-tablist-tab-list',
-  inkbar: 'p-tablist-active-bar',
+  tabList: 'p-tablist-tab-list',
+  activeBar: 'p-tablist-active-bar',
   prevButton: 'p-tablist-prev-button p-tablist-nav-button',
   nextButton: 'p-tablist-next-button p-tablist-nav-button'
 };

package/tablist/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/tablist/style/TabListStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: 'p-tablist',\n    content: ({ instance }) => [\n        'p-tablist-content',\n        {\n            'p-tablist-viewport': instance.$pcTabs.scrollable\n        }\n    ],\n    tabs: 'p-tablist-tab-list',\n    inkbar: 'p-tablist-active-bar',\n    prevButton: 'p-tablist-prev-button p-tablist-nav-button',\n    nextButton: 'p-tablist-next-button p-tablist-nav-button'\n};\n\nexport default BaseStyle.extend({\n    name: 'tablist',\n    classes\n});\n"],"names":["classes","root","content","_ref","instance","$pcTabs","scrollable","tabs","inkbar","prevButton","nextButton","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,WAAW;EACjBC,OAAO,EAAE,SAAAA,OAAAA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;IAAA,OAAO,CACvB,mBAAmB,EACnB;AACI,MAAA,oBAAoB,EAAEA,QAAQ,CAACC,OAAO,CAACC,UAAAA;AAC3C,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,IAAI,EAAE,oBAAoB;AAC1BC,EAAAA,MAAM,EAAE,sBAAsB;AAC9BC,EAAAA,UAAU,EAAE,4CAA4C;AACxDC,EAAAA,UAAU,EAAE,4CAAA;AAChB,CAAC,CAAA;AAED,mBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,SAAS;AACfb,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/tablist/style/TabListStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: 'p-tablist',\n    content: ({ instance }) => [\n        'p-tablist-content',\n        {\n            'p-tablist-viewport': instance.$pcTabs.scrollable\n        }\n    ],\n    tabList: 'p-tablist-tab-list',\n    activeBar: 'p-tablist-active-bar',\n    prevButton: 'p-tablist-prev-button p-tablist-nav-button',\n    nextButton: 'p-tablist-next-button p-tablist-nav-button'\n};\n\nexport default BaseStyle.extend({\n    name: 'tablist',\n    classes\n});\n"],"names":["classes","root","content","_ref","instance","$pcTabs","scrollable","tabList","activeBar","prevButton","nextButton","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,WAAW;EACjBC,OAAO,EAAE,SAAAA,OAAAA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;IAAA,OAAO,CACvB,mBAAmB,EACnB;AACI,MAAA,oBAAoB,EAAEA,QAAQ,CAACC,OAAO,CAACC,UAAAA;AAC3C,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,SAAS,EAAE,sBAAsB;AACjCC,EAAAA,UAAU,EAAE,4CAA4C;AACxDC,EAAAA,UAAU,EAAE,4CAAA;AAChB,CAAC,CAAA;AAED,mBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,SAAS;AACfb,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}

package/tabs/style/index.mjs

@@ -2,7 +2,7 @@ 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    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-nav-button {\n    all: unset;\n    position: absolute;\n    top: 0;\n    z-index: 2;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    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    left: 0;\n}\n\n.p-tablist-next-button {\n    right: 0;\n}\n\n.p-tab {\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    bottom: ").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");
+  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    top: 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    left: 0;\n}\n\n.p-tablist-next-button {\n    right: 0;\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    bottom: ").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) {

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    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-nav-button {\n    all: unset;\n    position: absolute;\n    top: 0;\n    z-index: 2;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    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    left: 0;\n}\n\n.p-tablist-next-button {\n    right: 0;\n}\n\n.p-tab {\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    bottom: ${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 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    top: 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    left: 0;\n}\n\n.p-tablist-next-button {\n    right: 0;\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    bottom: ${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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"}

package/textarea/BaseTextarea.vue

@@ -18,7 +18,7 @@ export default {
         },
         fluid: {
             type: Boolean,
-            default: false
+            default: null
         }
     },
     style: TextareaStyle,

package/textarea/Textarea.vue

@@ -3,6 +3,7 @@
 </template>
 
 <script>
+import { isEmpty } from '@primeuix/utils/object';
 import BaseTextarea from './BaseTextarea.vue';
 
 export default {
@@ -10,6 +11,9 @@ export default {
     extends: BaseTextarea,
     inheritAttrs: false,
     emits: ['update:modelValue'],
+    inject: {
+        $pcFluid: { default: null }
+    },
     mounted() {
         if (this.$el.offsetParent && this.autoResize) {
             this.resize();
@@ -50,6 +54,9 @@ export default {
                     disabled: this.$attrs.disabled || this.$attrs.disabled === ''
                 }
             };
+        },
+        hasFluid() {
+            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
         }
     }
 };

package/textarea/index.d.ts

@@ -109,9 +109,9 @@ export interface TextareaProps extends TextareaHTMLAttributes {
     variant?: 'outlined' | 'filled' | undefined;
     /**
      * Spans 100% width of the container when enabled.
-     * @defaultValue false
+     * @defaultValue null
      */
-    fluid?: boolean;
+    fluid?: boolean | undefined;
     /**
      * It generates scoped CSS variables using design tokens for the component.
      */

package/textarea/index.mjs

@@ -1,3 +1,4 @@
+import { isEmpty } from '@primeuix/utils/object';
 import BaseComponent from '@primevue/core/basecomponent';
 import TextareaStyle from 'primevue/textarea/style';
 import { openBlock, createElementBlock, mergeProps } from 'vue';
@@ -18,7 +19,7 @@ var script$1 = {
     },
     fluid: {
       type: Boolean,
-      "default": false
+      "default": null
     }
   },
   style: TextareaStyle,
@@ -35,6 +36,11 @@ var script = {
   "extends": script$1,
   inheritAttrs: false,
   emits: ['update:modelValue'],
+  inject: {
+    $pcFluid: {
+      "default": null
+    }
+  },
   mounted: function mounted() {
     if (this.$el.offsetParent && this.autoResize) {
       this.resize();
@@ -73,6 +79,9 @@ var script = {
           disabled: this.$attrs.disabled || this.$attrs.disabled === ''
         }
       };
+    },
+    hasFluid: function hasFluid() {
+      return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
     }
   }
 };

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=0d6dba8e&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TextareaStyle from 'primevue/textarea/style';\n\nexport default {\n    name: 'BaseTextarea',\n    extends: BaseComponent,\n    props: {\n        modelValue: null,\n        autoResize: Boolean,\n        invalid: {\n            type: Boolean,\n            default: false\n        },\n        variant: {\n            type: String,\n            default: null\n        },\n        fluid: {\n            type: Boolean,\n            default: false\n        }\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=\"modelValue\" :aria-invalid=\"invalid || undefined\" @input=\"onInput\" v-bind=\"ptmi('root', ptmParams)\"></textarea>\n</template>\n\n<script>\nimport BaseTextarea from './BaseTextarea.vue';\n\nexport default {\n    name: 'Textarea',\n    extends: BaseTextarea,\n    inheritAttrs: false,\n    emits: ['update:modelValue'],\n    mounted() {\n        if (this.$el.offsetParent && this.autoResize) {\n            this.resize();\n        }\n    },\n    updated() {\n        if (this.$el.offsetParent && this.autoResize) {\n            this.resize();\n        }\n    },\n    methods: {\n        resize() {\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.$emit('update:modelValue', event.target.value);\n        }\n    },\n    computed: {\n        filled() {\n            return this.modelValue != null && this.modelValue.toString().length > 0;\n        },\n        ptmParams() {\n            return {\n                context: {\n                    disabled: this.$attrs.disabled || this.$attrs.disabled === ''\n                }\n            };\n        }\n    }\n};\n</script>\n","<template>\n    <textarea :class=\"cx('root')\" :value=\"modelValue\" :aria-invalid=\"invalid || undefined\" @input=\"onInput\" v-bind=\"ptmi('root', ptmParams)\"></textarea>\n</template>\n\n<script>\nimport BaseTextarea from './BaseTextarea.vue';\n\nexport default {\n    name: 'Textarea',\n    extends: BaseTextarea,\n    inheritAttrs: false,\n    emits: ['update:modelValue'],\n    mounted() {\n        if (this.$el.offsetParent && this.autoResize) {\n            this.resize();\n        }\n    },\n    updated() {\n        if (this.$el.offsetParent && this.autoResize) {\n            this.resize();\n        }\n    },\n    methods: {\n        resize() {\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.$emit('update:modelValue', event.target.value);\n        }\n    },\n    computed: {\n        filled() {\n            return this.modelValue != null && this.modelValue.toString().length > 0;\n        },\n        ptmParams() {\n            return {\n                context: {\n                    disabled: this.$attrs.disabled || this.$attrs.disabled === ''\n                }\n            };\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","autoResize","Boolean","invalid","type","variant","String","fluid","style","TextareaStyle","provide","$pcTextarea","$parentInstance","BaseTextarea","inheritAttrs","emits","mounted","$el","offsetParent","resize","updated","methods","height","scrollHeight","parseFloat","maxHeight","overflowY","overflow","onInput","event","$emit","target","value","computed","filled","toString","length","ptmParams","context","disabled","$attrs","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","undefined","$options","apply","arguments","ptmi","_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=5443acc3&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TextareaStyle from 'primevue/textarea/style';\n\nexport default {\n    name: 'BaseTextarea',\n    extends: BaseComponent,\n    props: {\n        modelValue: null,\n        autoResize: Boolean,\n        invalid: {\n            type: Boolean,\n            default: false\n        },\n        variant: {\n            type: String,\n            default: null\n        },\n        fluid: {\n            type: Boolean,\n            default: null\n        }\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=\"modelValue\" :aria-invalid=\"invalid || undefined\" @input=\"onInput\" v-bind=\"ptmi('root', ptmParams)\"></textarea>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport BaseTextarea from './BaseTextarea.vue';\n\nexport default {\n    name: 'Textarea',\n    extends: BaseTextarea,\n    inheritAttrs: false,\n    emits: ['update:modelValue'],\n    inject: {\n        $pcFluid: { default: null }\n    },\n    mounted() {\n        if (this.$el.offsetParent && this.autoResize) {\n            this.resize();\n        }\n    },\n    updated() {\n        if (this.$el.offsetParent && this.autoResize) {\n            this.resize();\n        }\n    },\n    methods: {\n        resize() {\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.$emit('update:modelValue', event.target.value);\n        }\n    },\n    computed: {\n        filled() {\n            return this.modelValue != null && this.modelValue.toString().length > 0;\n        },\n        ptmParams() {\n            return {\n                context: {\n                    disabled: this.$attrs.disabled || this.$attrs.disabled === ''\n                }\n            };\n        },\n        hasFluid() {\n            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n        }\n    }\n};\n</script>\n","<template>\n    <textarea :class=\"cx('root')\" :value=\"modelValue\" :aria-invalid=\"invalid || undefined\" @input=\"onInput\" v-bind=\"ptmi('root', ptmParams)\"></textarea>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport BaseTextarea from './BaseTextarea.vue';\n\nexport default {\n    name: 'Textarea',\n    extends: BaseTextarea,\n    inheritAttrs: false,\n    emits: ['update:modelValue'],\n    inject: {\n        $pcFluid: { default: null }\n    },\n    mounted() {\n        if (this.$el.offsetParent && this.autoResize) {\n            this.resize();\n        }\n    },\n    updated() {\n        if (this.$el.offsetParent && this.autoResize) {\n            this.resize();\n        }\n    },\n    methods: {\n        resize() {\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.$emit('update:modelValue', event.target.value);\n        }\n    },\n    computed: {\n        filled() {\n            return this.modelValue != null && this.modelValue.toString().length > 0;\n        },\n        ptmParams() {\n            return {\n                context: {\n                    disabled: this.$attrs.disabled || this.$attrs.disabled === ''\n                }\n            };\n        },\n        hasFluid() {\n            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","autoResize","Boolean","invalid","type","variant","String","fluid","style","TextareaStyle","provide","$pcTextarea","$parentInstance","BaseTextarea","inheritAttrs","emits","inject","$pcFluid","mounted","$el","offsetParent","resize","updated","methods","height","scrollHeight","parseFloat","maxHeight","overflowY","overflow","onInput","event","$emit","target","value","computed","filled","toString","length","ptmParams","context","disabled","$attrs","hasFluid","isEmpty","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","undefined","$options","apply","arguments","ptmi","_hoisted_1"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,cAAc;AACpB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,UAAU,EAAE,IAAI;AAChBC,IAAAA,UAAU,EAAEC,OAAO;AACnBC,IAAAA,OAAO,EAAE;AACLC,MAAAA,IAAI,EAAEF,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDG,IAAAA,OAAO,EAAE;AACLD,MAAAA,IAAI,EAAEE,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDC,IAAAA,KAAK,EAAE;AACHH,MAAAA,IAAI,EAAEF,OAAO;MACb,SAAS,EAAA,IAAA;AACb,KAAA;GACH;AACDM,EAAAA,KAAK,EAAEC,aAAa;EACpBC,OAAO,EAAA,SAAAA,UAAG;IACN,OAAO;AACHC,MAAAA,WAAW,EAAE,IAAI;AACjBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACtBD,aAAe;AACXf,EAAAA,IAAI,EAAE,UAAU;AAChB,EAAA,SAAA,EAASgB,QAAY;AACrBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,KAAK,EAAE,CAAC,mBAAmB,CAAC;AAC5BC,EAAAA,MAAM,EAAE;AACJC,IAAAA,QAAQ,EAAE;MAAE,SAAS,EAAA,IAAA;AAAK,KAAA;GAC7B;EACDC,OAAO,EAAA,SAAAA,UAAG;IACN,IAAI,IAAI,CAACC,GAAG,CAACC,gBAAgB,IAAI,CAACnB,UAAU,EAAE;MAC1C,IAAI,CAACoB,MAAM,EAAE,CAAA;AACjB,KAAA;GACH;EACDC,OAAO,EAAA,SAAAA,UAAG;IACN,IAAI,IAAI,CAACH,GAAG,CAACC,gBAAgB,IAAI,CAACnB,UAAU,EAAE;MAC1C,IAAI,CAACoB,MAAM,EAAE,CAAA;AACjB,KAAA;GACH;AACDE,EAAAA,OAAO,EAAE;IACLF,MAAM,EAAA,SAAAA,SAAG;AACL,MAAA,IAAI,CAACF,GAAG,CAACX,KAAK,CAACgB,MAAK,GAAI,MAAM,CAAA;AAC9B,MAAA,IAAI,CAACL,GAAG,CAACX,KAAK,CAACgB,MAAO,GAAE,IAAI,CAACL,GAAG,CAACM,eAAe,IAAI,CAAA;MAEpD,IAAIC,UAAU,CAAC,IAAI,CAACP,GAAG,CAACX,KAAK,CAACgB,MAAM,CAAE,IAAGE,UAAU,CAAC,IAAI,CAACP,GAAG,CAACX,KAAK,CAACmB,SAAS,CAAC,EAAE;AAC3E,QAAA,IAAI,CAACR,GAAG,CAACX,KAAK,CAACoB,SAAU,GAAE,QAAQ,CAAA;AACnC,QAAA,IAAI,CAACT,GAAG,CAACX,KAAK,CAACgB,SAAS,IAAI,CAACL,GAAG,CAACX,KAAK,CAACmB,SAAS,CAAA;AACpD,OAAE,MAAK;AACH,QAAA,IAAI,CAACR,GAAG,CAACX,KAAK,CAACqB,QAAS,GAAE,QAAQ,CAAA;AACtC,OAAA;KACH;IACDC,OAAO,EAAA,SAAAA,OAACC,CAAAA,KAAK,EAAE;MACX,IAAI,IAAI,CAAC9B,UAAU,EAAE;QACjB,IAAI,CAACoB,MAAM,EAAE,CAAA;AACjB,OAAA;MAEA,IAAI,CAACW,KAAK,CAAC,mBAAmB,EAAED,KAAK,CAACE,MAAM,CAACC,KAAK,CAAC,CAAA;AACvD,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;IACNC,MAAM,EAAA,SAAAA,SAAG;AACL,MAAA,OAAO,IAAI,CAACpC,UAAS,IAAK,IAAG,IAAK,IAAI,CAACA,UAAU,CAACqC,QAAQ,EAAE,CAACC,MAAK,GAAI,CAAC,CAAA;KAC1E;IACDC,SAAS,EAAA,SAAAA,YAAG;MACR,OAAO;AACHC,QAAAA,OAAO,EAAE;AACLC,UAAAA,QAAQ,EAAE,IAAI,CAACC,MAAM,CAACD,QAAS,IAAG,IAAI,CAACC,MAAM,CAACD,QAAS,KAAI,EAAA;AAC/D,SAAA;OACH,CAAA;KACJ;IACDE,QAAQ,EAAA,SAAAA,WAAG;AACP,MAAA,OAAOC,OAAO,CAAC,IAAI,CAACrC,KAAK,CAAE,GAAE,CAAC,CAAC,IAAI,CAACU,QAAS,GAAE,IAAI,CAACV,KAAK,CAAA;AAC7D,KAAA;AACJ,GAAA;AACJ,CAAC;;;;EC5DG,OAAAsC,SAAA,EAAA,EAAAC,kBAAA,CAAmJ,YAAnJC,UAAmJ,CAAA;AAAxI,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;IAAWf,KAAK,EAAEc,IAAU,CAAAhD,UAAA;AAAG,IAAA,cAAY,EAAEgD,IAAM,CAAA7C,OAAA,IAAK+C,SAAS;IAAGpB,OAAK;aAAEqB,QAAO,CAAArB,OAAA,IAAAqB,QAAA,CAAArB,OAAA,CAAAsB,KAAA,CAAAD,QAAA,EAAAE,SAAA,CAAA,CAAA;KAAA,CAAA;AAAU,GAAA,EAAAL,IAAA,CAAAM,IAAI,SAASH,QAAS,CAAAZ,SAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAAgB,UAAA,CAAA,CAAA;;;;;;;"}

package/textarea/style/index.mjs

@@ -13,7 +13,7 @@ var classes = {
       'p-textarea-resizable ': props.autoResize,
       'p-invalid': props.invalid,
       'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled',
-      'p-textarea-fluid': props.fluid
+      'p-textarea-fluid': instance.hasFluid
     }];
   }
 };

package/textarea/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/textarea/style/TextareaStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-textarea {\n    font-family: inherit;\n    font-feature-settings: inherit;\n    font-size: 1rem;\n    color: ${dt('textarea.color')};\n    background: ${dt('textarea.background')};\n    padding: ${dt('textarea.padding.y')} ${dt('textarea.padding.x')};\n    border: 1px solid ${dt('textarea.border.color')};\n    transition: background ${dt('textarea.transition.duration')}, color ${dt('textarea.transition.duration')}, border-color ${dt('textarea.transition.duration')}, outline-color ${dt('textarea.transition.duration')}, box-shadow ${dt(\n    'textarea.transition.duration'\n)};\n    appearance: none;\n    border-radius: ${dt('textarea.border.radius')};\n    outline-color: transparent;\n    box-shadow: ${dt('textarea.shadow')};\n}\n\n.p-textarea:enabled:hover {\n    border-color: ${dt('textarea.hover.border.color')};\n}\n\n.p-textarea:enabled:focus {\n    border-color: ${dt('textarea.focus.border.color')};\n    box-shadow: ${dt('textarea.focus.ring.shadow')};\n    outline: ${dt('textarea.focus.ring.width')} ${dt('textarea.focus.ring.style')} ${dt('textarea.focus.ring.color')};\n    outline-offset: ${dt('textarea.focus.ring.offset')};\n}\n\n.p-textarea.p-invalid {\n    border-color: ${dt('textarea.invalid.border.color')};\n}\n\n.p-textarea.p-variant-filled {\n    background: ${dt('textarea.filled.background')};\n}\n\n.p-textarea.p-variant-filled:enabled:focus {\n    background: ${dt('textarea.filled.focus.background')};\n}\n\n.p-textarea:disabled {\n    opacity: 1;\n    background: ${dt('textarea.disabled.background')};\n    color: ${dt('textarea.disabled.color')};\n}\n\n.p-textarea::placeholder {\n    color: ${dt('textarea.placeholder.color')};\n}\n\n.p-textarea-fluid {\n    width: 100%;\n}\n\n.p-textarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-textarea p-component',\n        {\n            'p-filled': instance.filled,\n            'p-textarea-resizable ': props.autoResize,\n            'p-invalid': props.invalid,\n            'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled',\n            'p-textarea-fluid': props.fluid\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'textarea',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","filled","autoResize","invalid","variant","$primevue","config","inputStyle","inputVariant","fluid","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/textarea/style/TextareaStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-textarea {\n    font-family: inherit;\n    font-feature-settings: inherit;\n    font-size: 1rem;\n    color: ${dt('textarea.color')};\n    background: ${dt('textarea.background')};\n    padding: ${dt('textarea.padding.y')} ${dt('textarea.padding.x')};\n    border: 1px solid ${dt('textarea.border.color')};\n    transition: background ${dt('textarea.transition.duration')}, color ${dt('textarea.transition.duration')}, border-color ${dt('textarea.transition.duration')}, outline-color ${dt('textarea.transition.duration')}, box-shadow ${dt(\n    'textarea.transition.duration'\n)};\n    appearance: none;\n    border-radius: ${dt('textarea.border.radius')};\n    outline-color: transparent;\n    box-shadow: ${dt('textarea.shadow')};\n}\n\n.p-textarea:enabled:hover {\n    border-color: ${dt('textarea.hover.border.color')};\n}\n\n.p-textarea:enabled:focus {\n    border-color: ${dt('textarea.focus.border.color')};\n    box-shadow: ${dt('textarea.focus.ring.shadow')};\n    outline: ${dt('textarea.focus.ring.width')} ${dt('textarea.focus.ring.style')} ${dt('textarea.focus.ring.color')};\n    outline-offset: ${dt('textarea.focus.ring.offset')};\n}\n\n.p-textarea.p-invalid {\n    border-color: ${dt('textarea.invalid.border.color')};\n}\n\n.p-textarea.p-variant-filled {\n    background: ${dt('textarea.filled.background')};\n}\n\n.p-textarea.p-variant-filled:enabled:focus {\n    background: ${dt('textarea.filled.focus.background')};\n}\n\n.p-textarea:disabled {\n    opacity: 1;\n    background: ${dt('textarea.disabled.background')};\n    color: ${dt('textarea.disabled.color')};\n}\n\n.p-textarea::placeholder {\n    color: ${dt('textarea.placeholder.color')};\n}\n\n.p-textarea-fluid {\n    width: 100%;\n}\n\n.p-textarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-textarea p-component',\n        {\n            'p-filled': instance.filled,\n            'p-textarea-resizable ': props.autoResize,\n            'p-invalid': props.invalid,\n            'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled',\n            'p-textarea-fluid': instance.hasFluid\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'textarea',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","filled","autoResize","invalid","variant","$primevue","config","inputStyle","inputVariant","hasFluid","BaseStyle","extend","name"],"mappings":"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"}

package/toast/Toast.vue

@@ -13,6 +13,7 @@
                     :errorIcon="errorIcon"
                     :successIcon="successIcon"
                     :closeButtonProps="closeButtonProps"
+                    :unstyled="unstyled"
                     @close="remove($event)"
                     :pt="pt"
                 />
@@ -22,10 +23,10 @@
 </template>
 
 <script>
-import { UniqueComponentId } from '@primevue/core/utils';
 import { setAttribute } from '@primeuix/utils/dom';
 import { isEmpty } from '@primeuix/utils/object';
 import { ZIndex } from '@primeuix/utils/zindex';
+import { UniqueComponentId } from '@primevue/core/utils';
 import Portal from 'primevue/portal';
 import ToastEventBus from 'primevue/toasteventbus';
 import BaseToast from './BaseToast.vue';

package/toast/index.mjs

@@ -1,7 +1,7 @@
-import { UniqueComponentId } from '@primevue/core/utils';
 import { setAttribute } from '@primeuix/utils/dom';
 import { isEmpty } from '@primeuix/utils/object';
 import { ZIndex } from '@primeuix/utils/zindex';
+import { UniqueComponentId } from '@primevue/core/utils';
 import Portal from 'primevue/portal';
 import ToastEventBus from 'primevue/toasteventbus';
 import BaseComponent from '@primevue/core/basecomponent';
@@ -379,11 +379,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               errorIcon: _ctx.errorIcon,
               successIcon: _ctx.successIcon,
               closeButtonProps: _ctx.closeButtonProps,
+              unstyled: _ctx.unstyled,
               onClose: _cache[0] || (_cache[0] = function ($event) {
                 return $options.remove($event);
               }),
               pt: _ctx.pt
-            }, null, 8, ["message", "templates", "closeIcon", "infoIcon", "warnIcon", "errorIcon", "successIcon", "closeButtonProps", "pt"]);
+            }, null, 8, ["message", "templates", "closeIcon", "infoIcon", "warnIcon", "errorIcon", "successIcon", "closeButtonProps", "unstyled", "pt"]);
           }), 128))];
         }),
         _: 1