primevue 4.2.3 → 4.2.5

package/slider/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/slider/style/SliderStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-slider {\n    position: relative;\n    background: ${dt('slider.track.background')};\n    border-radius: ${dt('slider.track.border.radius')};\n}\n\n.p-slider-handle {\n    cursor: grab;\n    touch-action: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: ${dt('slider.handle.height')};\n    width: ${dt('slider.handle.width')};\n    background: ${dt('slider.handle.background')};\n    border-radius: ${dt('slider.handle.border.radius')};\n    transition: background ${dt('slider.transition.duration')}, color ${dt('slider.transition.duration')}, border-color ${dt('slider.transition.duration')}, box-shadow ${dt('slider.transition.duration')}, outline-color ${dt(\n    'slider.transition.duration'\n)};\n    outline-color: transparent;\n}\n\n.p-slider-handle::before {\n    content: \"\";\n    width: ${dt('slider.handle.content.width')};\n    height: ${dt('slider.handle.content.height')};\n    display: block;\n    background: ${dt('slider.handle.content.background')};\n    border-radius: ${dt('slider.handle.content.border.radius')};\n    box-shadow: ${dt('slider.handle.content.shadow')};\n    transition: background ${dt('slider.transition.duration')};\n}\n\n.p-slider:not(.p-disabled) .p-slider-handle:hover {\n    background: ${dt('slider.handle.hover.background')};\n}\n\n.p-slider:not(.p-disabled) .p-slider-handle:hover::before {\n    background: ${dt('slider.handle.content.hover.background')};\n}\n\n.p-slider-handle:focus-visible {\n    box-shadow: ${dt('slider.handle.focus.ring.shadow')};\n    outline: ${dt('slider.handle.focus.ring.width')} ${dt('slider.handle.focus.ring.style')} ${dt('slider.handle.focus.ring.color')};\n    outline-offset: ${dt('slider.handle.focus.ring.offset')};\n}\n\n.p-slider-range {\n    display: block;\n    background: ${dt('slider.range.background')};\n    border-radius: ${dt('slider.border.radius')};\n}\n\n.p-slider.p-slider-horizontal {\n    height: ${dt('slider.track.size')};\n}\n\n.p-slider-horizontal .p-slider-range {\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    height: 100%;\n}\n\n.p-slider-horizontal .p-slider-handle {\n    inset-block-start: 50%;\n    margin-block-start: calc(-1 * calc(${dt('slider.handle.height')} / 2));\n    margin-inline-start: calc(-1 * calc(${dt('slider.handle.width')} / 2));\n}\n\n.p-slider-vertical {\n    min-height: 100px;\n    width: ${dt('slider.track.size')};\n}\n\n.p-slider-vertical .p-slider-handle {\n    inset-inline-start: 50%;\n    margin-inline-start: calc(-1 * calc(${dt('slider.handle.width')} / 2));\n    margin-block-end: calc(-1 * calc(${dt('slider.handle.height')} / 2));\n}\n\n.p-slider-vertical .p-slider-range {\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    width: 100%;\n}\n`;\n\nconst inlineStyles = {\n    handle: { position: 'absolute' },\n    range: { position: 'absolute' }\n};\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-slider p-component',\n        {\n            'p-disabled': props.disabled,\n            'p-invalid': instance.$invalid,\n            'p-slider-horizontal': props.orientation === 'horizontal',\n            'p-slider-vertical': props.orientation === 'vertical'\n        }\n    ],\n    range: 'p-slider-range',\n    handle: 'p-slider-handle'\n};\n\nexport default BaseStyle.extend({\n    name: 'slider',\n    theme,\n    classes,\n    inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","handle","position","range","classes","root","_ref2","instance","props","disabled","$invalid","orientation","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/slider/style/SliderStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-slider {\n    position: relative;\n    background: ${dt('slider.track.background')};\n    border-radius: ${dt('slider.track.border.radius')};\n}\n\n.p-slider-handle {\n    cursor: grab;\n    touch-action: none;\n    user-select: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: ${dt('slider.handle.height')};\n    width: ${dt('slider.handle.width')};\n    background: ${dt('slider.handle.background')};\n    border-radius: ${dt('slider.handle.border.radius')};\n    transition: background ${dt('slider.transition.duration')}, color ${dt('slider.transition.duration')}, border-color ${dt('slider.transition.duration')}, box-shadow ${dt('slider.transition.duration')}, outline-color ${dt(\n    'slider.transition.duration'\n)};\n    outline-color: transparent;\n}\n\n.p-slider-handle::before {\n    content: \"\";\n    width: ${dt('slider.handle.content.width')};\n    height: ${dt('slider.handle.content.height')};\n    display: block;\n    background: ${dt('slider.handle.content.background')};\n    border-radius: ${dt('slider.handle.content.border.radius')};\n    box-shadow: ${dt('slider.handle.content.shadow')};\n    transition: background ${dt('slider.transition.duration')};\n}\n\n.p-slider:not(.p-disabled) .p-slider-handle:hover {\n    background: ${dt('slider.handle.hover.background')};\n}\n\n.p-slider:not(.p-disabled) .p-slider-handle:hover::before {\n    background: ${dt('slider.handle.content.hover.background')};\n}\n\n.p-slider-handle:focus-visible {\n    box-shadow: ${dt('slider.handle.focus.ring.shadow')};\n    outline: ${dt('slider.handle.focus.ring.width')} ${dt('slider.handle.focus.ring.style')} ${dt('slider.handle.focus.ring.color')};\n    outline-offset: ${dt('slider.handle.focus.ring.offset')};\n}\n\n.p-slider-range {\n    display: block;\n    background: ${dt('slider.range.background')};\n    border-radius: ${dt('slider.border.radius')};\n}\n\n.p-slider.p-slider-horizontal {\n    height: ${dt('slider.track.size')};\n}\n\n.p-slider-horizontal .p-slider-range {\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    height: 100%;\n}\n\n.p-slider-horizontal .p-slider-handle {\n    inset-block-start: 50%;\n    margin-block-start: calc(-1 * calc(${dt('slider.handle.height')} / 2));\n    margin-inline-start: calc(-1 * calc(${dt('slider.handle.width')} / 2));\n}\n\n.p-slider-vertical {\n    min-height: 100px;\n    width: ${dt('slider.track.size')};\n}\n\n.p-slider-vertical .p-slider-handle {\n    inset-inline-start: 50%;\n    margin-inline-start: calc(-1 * calc(${dt('slider.handle.width')} / 2));\n    margin-block-end: calc(-1 * calc(${dt('slider.handle.height')} / 2));\n}\n\n.p-slider-vertical .p-slider-range {\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    width: 100%;\n}\n`;\n\nconst inlineStyles = {\n    handle: { position: 'absolute' },\n    range: { position: 'absolute' }\n};\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-slider p-component',\n        {\n            'p-disabled': props.disabled,\n            'p-invalid': instance.$invalid,\n            'p-slider-horizontal': props.orientation === 'horizontal',\n            'p-slider-vertical': props.orientation === 'vertical'\n        }\n    ],\n    range: 'p-slider-range',\n    handle: 'p-slider-handle'\n};\n\nexport default BaseStyle.extend({\n    name: 'slider',\n    theme,\n    classes,\n    inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","handle","position","range","classes","root","_ref2","instance","props","disabled","$invalid","orientation","BaseStyle","extend","name"],"mappings":"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"}

package/tablist/TabList.vue

@@ -89,18 +89,24 @@ export default {
         },
         onPrevButtonClick() {
             const content = this.$refs.content;
-            const width = getWidth(content);
-            const pos = Math.abs(content.scrollLeft) - width;
-            const scrollLeft = pos <= 0 ? 0 : pos;
+            const buttonWidths = this.getVisibleButtonWidths();
+            const width = getWidth(content) - buttonWidths;
+            const currentScrollLeft = Math.abs(content.scrollLeft);
+            const scrollStep = width * 0.8;
+            const targetScrollLeft = currentScrollLeft - scrollStep;
+            const scrollLeft = Math.max(targetScrollLeft, 0);
 
             content.scrollLeft = isRTL(content) ? -1 * scrollLeft : scrollLeft;
         },
         onNextButtonClick() {
             const content = this.$refs.content;
-            const width = getWidth(content) - this.getVisibleButtonWidths();
-            const pos = width + Math.abs(content.scrollLeft);
-            const lastPos = content.scrollWidth - width;
-            const scrollLeft = pos >= lastPos ? lastPos : pos;
+            const buttonWidths = this.getVisibleButtonWidths();
+            const width = getWidth(content) - buttonWidths;
+            const currentScrollLeft = Math.abs(content.scrollLeft);
+            const scrollStep = width * 0.8;
+            const targetScrollLeft = currentScrollLeft + scrollStep;
+            const maxScrollLeft = content.scrollWidth - width;
+            const scrollLeft = Math.min(targetScrollLeft, maxScrollLeft);
 
             content.scrollLeft = isRTL(content) ? -1 * scrollLeft : scrollLeft;
         },
@@ -139,9 +145,14 @@ export default {
             }
         },
         getVisibleButtonWidths() {
-            const { prevBtn, nextBtn } = this.$refs;
+            const { prevButton, nextButton } = this.$refs;
+            let width = 0;
 
-            return [prevBtn, nextBtn].reduce((acc, el) => (el ? acc + getWidth(el) : acc), 0);
+            if (this.showNavigators) {
+                width = (prevButton?.offsetWidth || 0) + (nextButton?.offsetWidth || 0);
+            }
+
+            return width;
         }
     },
     computed: {

package/tablist/index.mjs

@@ -65,17 +65,23 @@ var script = {
     },
     onPrevButtonClick: function onPrevButtonClick() {
       var content = this.$refs.content;
-      var width = getWidth(content);
-      var pos = Math.abs(content.scrollLeft) - width;
-      var scrollLeft = pos <= 0 ? 0 : pos;
+      var buttonWidths = this.getVisibleButtonWidths();
+      var width = getWidth(content) - buttonWidths;
+      var currentScrollLeft = Math.abs(content.scrollLeft);
+      var scrollStep = width * 0.8;
+      var targetScrollLeft = currentScrollLeft - scrollStep;
+      var scrollLeft = Math.max(targetScrollLeft, 0);
       content.scrollLeft = isRTL(content) ? -1 * scrollLeft : scrollLeft;
     },
     onNextButtonClick: function onNextButtonClick() {
       var content = this.$refs.content;
-      var width = getWidth(content) - this.getVisibleButtonWidths();
-      var pos = width + Math.abs(content.scrollLeft);
-      var lastPos = content.scrollWidth - width;
-      var scrollLeft = pos >= lastPos ? lastPos : pos;
+      var buttonWidths = this.getVisibleButtonWidths();
+      var width = getWidth(content) - buttonWidths;
+      var currentScrollLeft = Math.abs(content.scrollLeft);
+      var scrollStep = width * 0.8;
+      var targetScrollLeft = currentScrollLeft + scrollStep;
+      var maxScrollLeft = content.scrollWidth - width;
+      var scrollLeft = Math.min(targetScrollLeft, maxScrollLeft);
       content.scrollLeft = isRTL(content) ? -1 * scrollLeft : scrollLeft;
     },
     bindResizeObserver: function bindResizeObserver() {
@@ -127,11 +133,13 @@ var script = {
     },
     getVisibleButtonWidths: function getVisibleButtonWidths() {
       var _this$$refs3 = this.$refs,
-        prevBtn = _this$$refs3.prevBtn,
-        nextBtn = _this$$refs3.nextBtn;
-      return [prevBtn, nextBtn].reduce(function (acc, el) {
-        return el ? acc + getWidth(el) : acc;
-      }, 0);
+        prevButton = _this$$refs3.prevButton,
+        nextButton = _this$$refs3.nextButton;
+      var width = 0;
+      if (this.showNavigators) {
+        width = ((prevButton === null || prevButton === void 0 ? void 0 : prevButton.offsetWidth) || 0) + ((nextButton === null || nextButton === void 0 ? void 0 : nextButton.offsetWidth) || 0);
+      }
+      return width;
     }
   },
   computed: {

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=631ca37f&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        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 = Math.abs(content.scrollLeft) - width;\n            const scrollLeft = pos <= 0 ? 0 : pos;\n\n            content.scrollLeft = isRTL(content) ? -1 * scrollLeft : scrollLeft;\n        },\n        onNextButtonClick() {\n            const content = this.$refs.content;\n            const width = getWidth(content) - this.getVisibleButtonWidths();\n            const pos = width + Math.abs(content.scrollLeft);\n            const lastPos = content.scrollWidth - width;\n            const scrollLeft = pos >= lastPos ? lastPos : pos;\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 { 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, 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        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 = Math.abs(content.scrollLeft) - width;\n            const scrollLeft = pos <= 0 ? 0 : pos;\n\n            content.scrollLeft = isRTL(content) ? -1 * scrollLeft : scrollLeft;\n        },\n        onNextButtonClick() {\n            const content = this.$refs.content;\n            const width = getWidth(content) - this.getVisibleButtonWidths();\n            const pos = width + Math.abs(content.scrollLeft);\n            const lastPos = content.scrollWidth - width;\n            const scrollLeft = pos >= lastPos ? lastPos : pos;\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 { 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","Math","abs","scrollLeft","isRTL","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":"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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=ea331ab4&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        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 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        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 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","$nextTick","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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"}

package/textarea/index.d.ts

@@ -10,7 +10,7 @@
 import type { DefineComponent, DesignToken, EmitFn, Nullable, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
-import 'vue';
+import { InputHTMLAttributes } from 'vue';
 
 export declare type TextareaPassThroughOptionType = TextareaPassThroughAttributes | ((options: TextareaPassThroughMethodOptions) => TextareaPassThroughAttributes | string) | string | null | undefined;
 
@@ -86,7 +86,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 {
+export interface TextareaProps extends Omit<InputHTMLAttributes, 'size'> {
     /**
      * Value of the component.
      */

package/toggleswitch/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-toggleswitch {\n    display: inline-block;\n    width: ".concat(dt('toggleswitch.width'), ";\n    height: ").concat(dt('toggleswitch.height'), ";\n}\n\n.p-toggleswitch-input {\n    cursor: pointer;\n    appearance: none;\n    position: absolute;\n    top: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: 1;\n    outline: 0 none;\n    border-radius: ").concat(dt('toggleswitch.border.radius'), ";\n}\n\n.p-toggleswitch-slider {\n    display: inline-block;\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n    border-width: ").concat(dt('toggleswitch.border.width'), ";\n    border-style: solid;\n    border-color: ").concat(dt('toggleswitch.border.color'), ";\n    background: ").concat(dt('toggleswitch.background'), ";\n    transition: background ").concat(dt('toggleswitch.transition.duration'), ", color ").concat(dt('toggleswitch.transition.duration'), ", border-color ").concat(dt('toggleswitch.transition.duration'), ", outline-color ").concat(dt('toggleswitch.transition.duration'), ", box-shadow ").concat(dt('toggleswitch.transition.duration'), ";\n    border-radius: ").concat(dt('toggleswitch.border.radius'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('toggleswitch.shadow'), ";\n}\n\n.p-toggleswitch-handle {\n    position: absolute;\n    top: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: ").concat(dt('toggleswitch.handle.background'), ";\n    color: ").concat(dt('toggleswitch.handle.color'), ";\n    width: ").concat(dt('toggleswitch.handle.size'), ";\n    height: ").concat(dt('toggleswitch.handle.size'), ";\n    inset-inline-start: ").concat(dt('toggleswitch.gap'), ";\n    margin-block-start: calc(-1 * calc(").concat(dt('toggleswitch.handle.size'), " / 2));\n    border-radius: ").concat(dt('toggleswitch.handle.border.radius'), ";\n    transition: background ").concat(dt('toggleswitch.transition.duration'), ", color ").concat(dt('toggleswitch.transition.duration'), ", inset-inline-start ").concat(dt('toggleswitch.slide.duration'), ", box-shadow ").concat(dt('toggleswitch.slide.duration'), ";\n}\n\n.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {\n    background: ").concat(dt('toggleswitch.checked.background'), ";\n    border-color: ").concat(dt('toggleswitch.checked.border.color'), ";\n}\n\n.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle {\n    background: ").concat(dt('toggleswitch.handle.checked.background'), ";\n    color: ").concat(dt('toggleswitch.handle.checked.color'), ";\n    inset-inline-start: calc(").concat(dt('toggleswitch.width'), " - calc(").concat(dt('toggleswitch.handle.size'), " + ").concat(dt('toggleswitch.gap'), "));\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider {\n    background: ").concat(dt('toggleswitch.hover.background'), ";\n    border-color: ").concat(dt('toggleswitch.hover.border.color'), ";\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-handle {\n    background: ").concat(dt('toggleswitch.handle.hover.background'), ";\n    color: ").concat(dt('toggleswitch.handle.hover.color'), ";\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-slider {\n    background: ").concat(dt('toggleswitch.checked.hover.background'), ";\n    border-color: ").concat(dt('toggleswitch.checked.hover.border.color'), ";\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-handle {\n    background: ").concat(dt('toggleswitch.handle.checked.hover.background'), ";\n    color: ").concat(dt('toggleswitch.handle.checked.hover.color'), ";\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:focus-visible) .p-toggleswitch-slider {\n    box-shadow: ").concat(dt('toggleswitch.focus.ring.shadow'), ";\n    outline: ").concat(dt('toggleswitch.focus.ring.width'), " ").concat(dt('toggleswitch.focus.ring.style'), " ").concat(dt('toggleswitch.focus.ring.color'), ";\n    outline-offset: ").concat(dt('toggleswitch.focus.ring.offset'), ";\n}\n\n.p-toggleswitch.p-invalid > .p-toggleswitch-slider {\n    border-color: ").concat(dt('toggleswitch.invalid.border.color'), ";\n}\n\n.p-toggleswitch.p-disabled {\n    opacity: 1;\n}\n\n.p-toggleswitch.p-disabled .p-toggleswitch-slider {\n    background: ").concat(dt('toggleswitch.disabled.background'), ";\n}\n\n.p-toggleswitch.p-disabled .p-toggleswitch-handle {\n    background: ").concat(dt('toggleswitch.handle.disabled.background'), ";\n}\n");
+  return "\n.p-toggleswitch {\n    display: inline-block;\n    width: ".concat(dt('toggleswitch.width'), ";\n    height: ").concat(dt('toggleswitch.height'), ";\n}\n\n.p-toggleswitch-input {\n    cursor: pointer;\n    appearance: none;\n    position: absolute;\n    top: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: 1;\n    outline: 0 none;\n    border-radius: ").concat(dt('toggleswitch.border.radius'), ";\n}\n\n.p-toggleswitch-slider {\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n    border-width: ").concat(dt('toggleswitch.border.width'), ";\n    border-style: solid;\n    border-color: ").concat(dt('toggleswitch.border.color'), ";\n    background: ").concat(dt('toggleswitch.background'), ";\n    transition: background ").concat(dt('toggleswitch.transition.duration'), ", color ").concat(dt('toggleswitch.transition.duration'), ", border-color ").concat(dt('toggleswitch.transition.duration'), ", outline-color ").concat(dt('toggleswitch.transition.duration'), ", box-shadow ").concat(dt('toggleswitch.transition.duration'), ";\n    border-radius: ").concat(dt('toggleswitch.border.radius'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('toggleswitch.shadow'), ";\n}\n\n.p-toggleswitch-handle {\n    position: absolute;\n    top: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: ").concat(dt('toggleswitch.handle.background'), ";\n    color: ").concat(dt('toggleswitch.handle.color'), ";\n    width: ").concat(dt('toggleswitch.handle.size'), ";\n    height: ").concat(dt('toggleswitch.handle.size'), ";\n    inset-inline-start: ").concat(dt('toggleswitch.gap'), ";\n    margin-block-start: calc(-1 * calc(").concat(dt('toggleswitch.handle.size'), " / 2));\n    border-radius: ").concat(dt('toggleswitch.handle.border.radius'), ";\n    transition: background ").concat(dt('toggleswitch.transition.duration'), ", color ").concat(dt('toggleswitch.transition.duration'), ", inset-inline-start ").concat(dt('toggleswitch.slide.duration'), ", box-shadow ").concat(dt('toggleswitch.slide.duration'), ";\n}\n\n.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {\n    background: ").concat(dt('toggleswitch.checked.background'), ";\n    border-color: ").concat(dt('toggleswitch.checked.border.color'), ";\n}\n\n.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle {\n    background: ").concat(dt('toggleswitch.handle.checked.background'), ";\n    color: ").concat(dt('toggleswitch.handle.checked.color'), ";\n    inset-inline-start: calc(").concat(dt('toggleswitch.width'), " - calc(").concat(dt('toggleswitch.handle.size'), " + ").concat(dt('toggleswitch.gap'), "));\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider {\n    background: ").concat(dt('toggleswitch.hover.background'), ";\n    border-color: ").concat(dt('toggleswitch.hover.border.color'), ";\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-handle {\n    background: ").concat(dt('toggleswitch.handle.hover.background'), ";\n    color: ").concat(dt('toggleswitch.handle.hover.color'), ";\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-slider {\n    background: ").concat(dt('toggleswitch.checked.hover.background'), ";\n    border-color: ").concat(dt('toggleswitch.checked.hover.border.color'), ";\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-handle {\n    background: ").concat(dt('toggleswitch.handle.checked.hover.background'), ";\n    color: ").concat(dt('toggleswitch.handle.checked.hover.color'), ";\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:focus-visible) .p-toggleswitch-slider {\n    box-shadow: ").concat(dt('toggleswitch.focus.ring.shadow'), ";\n    outline: ").concat(dt('toggleswitch.focus.ring.width'), " ").concat(dt('toggleswitch.focus.ring.style'), " ").concat(dt('toggleswitch.focus.ring.color'), ";\n    outline-offset: ").concat(dt('toggleswitch.focus.ring.offset'), ";\n}\n\n.p-toggleswitch.p-invalid > .p-toggleswitch-slider {\n    border-color: ").concat(dt('toggleswitch.invalid.border.color'), ";\n}\n\n.p-toggleswitch.p-disabled {\n    opacity: 1;\n}\n\n.p-toggleswitch.p-disabled .p-toggleswitch-slider {\n    background: ").concat(dt('toggleswitch.disabled.background'), ";\n}\n\n.p-toggleswitch.p-disabled .p-toggleswitch-handle {\n    background: ").concat(dt('toggleswitch.handle.disabled.background'), ";\n}\n");
 };
 var inlineStyles = {
   root: {

package/toggleswitch/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/toggleswitch/style/ToggleSwitchStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-toggleswitch {\n    display: inline-block;\n    width: ${dt('toggleswitch.width')};\n    height: ${dt('toggleswitch.height')};\n}\n\n.p-toggleswitch-input {\n    cursor: pointer;\n    appearance: none;\n    position: absolute;\n    top: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: 1;\n    outline: 0 none;\n    border-radius: ${dt('toggleswitch.border.radius')};\n}\n\n.p-toggleswitch-slider {\n    display: inline-block;\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n    border-width: ${dt('toggleswitch.border.width')};\n    border-style: solid;\n    border-color: ${dt('toggleswitch.border.color')};\n    background: ${dt('toggleswitch.background')};\n    transition: background ${dt('toggleswitch.transition.duration')}, color ${dt('toggleswitch.transition.duration')}, border-color ${dt('toggleswitch.transition.duration')}, outline-color ${dt('toggleswitch.transition.duration')}, box-shadow ${dt(\n    'toggleswitch.transition.duration'\n)};\n    border-radius: ${dt('toggleswitch.border.radius')};\n    outline-color: transparent;\n    box-shadow: ${dt('toggleswitch.shadow')};\n}\n\n.p-toggleswitch-handle {\n    position: absolute;\n    top: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: ${dt('toggleswitch.handle.background')};\n    color: ${dt('toggleswitch.handle.color')};\n    width: ${dt('toggleswitch.handle.size')};\n    height: ${dt('toggleswitch.handle.size')};\n    inset-inline-start: ${dt('toggleswitch.gap')};\n    margin-block-start: calc(-1 * calc(${dt('toggleswitch.handle.size')} / 2));\n    border-radius: ${dt('toggleswitch.handle.border.radius')};\n    transition: background ${dt('toggleswitch.transition.duration')}, color ${dt('toggleswitch.transition.duration')}, inset-inline-start ${dt('toggleswitch.slide.duration')}, box-shadow ${dt('toggleswitch.slide.duration')};\n}\n\n.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {\n    background: ${dt('toggleswitch.checked.background')};\n    border-color: ${dt('toggleswitch.checked.border.color')};\n}\n\n.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle {\n    background: ${dt('toggleswitch.handle.checked.background')};\n    color: ${dt('toggleswitch.handle.checked.color')};\n    inset-inline-start: calc(${dt('toggleswitch.width')} - calc(${dt('toggleswitch.handle.size')} + ${dt('toggleswitch.gap')}));\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider {\n    background: ${dt('toggleswitch.hover.background')};\n    border-color: ${dt('toggleswitch.hover.border.color')};\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-handle {\n    background: ${dt('toggleswitch.handle.hover.background')};\n    color: ${dt('toggleswitch.handle.hover.color')};\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-slider {\n    background: ${dt('toggleswitch.checked.hover.background')};\n    border-color: ${dt('toggleswitch.checked.hover.border.color')};\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-handle {\n    background: ${dt('toggleswitch.handle.checked.hover.background')};\n    color: ${dt('toggleswitch.handle.checked.hover.color')};\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:focus-visible) .p-toggleswitch-slider {\n    box-shadow: ${dt('toggleswitch.focus.ring.shadow')};\n    outline: ${dt('toggleswitch.focus.ring.width')} ${dt('toggleswitch.focus.ring.style')} ${dt('toggleswitch.focus.ring.color')};\n    outline-offset: ${dt('toggleswitch.focus.ring.offset')};\n}\n\n.p-toggleswitch.p-invalid > .p-toggleswitch-slider {\n    border-color: ${dt('toggleswitch.invalid.border.color')};\n}\n\n.p-toggleswitch.p-disabled {\n    opacity: 1;\n}\n\n.p-toggleswitch.p-disabled .p-toggleswitch-slider {\n    background: ${dt('toggleswitch.disabled.background')};\n}\n\n.p-toggleswitch.p-disabled .p-toggleswitch-handle {\n    background: ${dt('toggleswitch.handle.disabled.background')};\n}\n`;\n\nconst inlineStyles = {\n    root: { position: 'relative' }\n};\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-toggleswitch p-component',\n        {\n            'p-toggleswitch-checked': instance.checked,\n            'p-disabled': props.disabled,\n            'p-invalid': instance.$invalid\n        }\n    ],\n    input: 'p-toggleswitch-input',\n    slider: 'p-toggleswitch-slider',\n    handle: 'p-toggleswitch-handle'\n};\n\nexport default BaseStyle.extend({\n    name: 'toggleswitch',\n    theme,\n    classes,\n    inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","root","position","classes","_ref2","instance","props","checked","disabled","$invalid","input","slider","handle","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;AAAA,EAAA,OAAA,8DAAA,CAAAC,MAAA,CAGND,EAAE,CAAC,oBAAoB,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CACvBD,EAAE,CAAC,qBAAqB,CAAC,EAAAC,mSAAAA,CAAAA,CAAAA,MAAA,CAgBlBD,EAAE,CAAC,4BAA4B,CAAC,iJAAAC,MAAA,CAQjCD,EAAE,CAAC,2BAA2B,CAAC,EAAA,iDAAA,CAAA,CAAAC,MAAA,CAE/BD,EAAE,CAAC,2BAA2B,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CACjCD,EAAE,CAAC,yBAAyB,CAAC,oCAAAC,MAAA,CAClBD,EAAE,CAAC,kCAAkC,CAAC,EAAA,UAAA,CAAA,CAAAC,MAAA,CAAWD,EAAE,CAAC,kCAAkC,CAAC,EAAA,iBAAA,CAAA,CAAAC,MAAA,CAAkBD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAAmBD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,eAAAA,CAAAA,CAAAA,MAAA,CAAgBD,EAAE,CACnP,kCACJ,CAAC,EAAA,wBAAA,CAAA,CAAAC,MAAA,CACoBD,EAAE,CAAC,4BAA4B,CAAC,EAAAC,sDAAAA,CAAAA,CAAAA,MAAA,CAEnCD,EAAE,CAAC,qBAAqB,CAAC,EAAAC,wKAAAA,CAAAA,CAAAA,MAAA,CASzBD,EAAE,CAAC,gCAAgC,CAAC,oBAAAC,MAAA,CACzCD,EAAE,CAAC,2BAA2B,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CAC/BD,EAAE,CAAC,0BAA0B,CAAC,EAAA,iBAAA,CAAA,CAAAC,MAAA,CAC7BD,EAAE,CAAC,0BAA0B,CAAC,iCAAAC,MAAA,CAClBD,EAAE,CAAC,kBAAkB,CAAC,EAAA,4CAAA,CAAA,CAAAC,MAAA,CACPD,EAAE,CAAC,0BAA0B,CAAC,EAAA,8BAAA,CAAA,CAAAC,MAAA,CAClDD,EAAE,CAAC,mCAAmC,CAAC,oCAAAC,MAAA,CAC/BD,EAAE,CAAC,kCAAkC,CAAC,EAAA,UAAA,CAAA,CAAAC,MAAA,CAAWD,EAAE,CAAC,kCAAkC,CAAC,EAAA,uBAAA,CAAA,CAAAC,MAAA,CAAwBD,EAAE,CAAC,6BAA6B,CAAC,mBAAAC,MAAA,CAAgBD,EAAE,CAAC,6BAA6B,CAAC,EAAA,2FAAA,CAAA,CAAAC,MAAA,CAI5MD,EAAE,CAAC,iCAAiC,CAAC,EAAA,uBAAA,CAAA,CAAAC,MAAA,CACnCD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,2FAAAA,CAAAA,CAAAA,MAAA,CAIzCD,EAAE,CAAC,wCAAwC,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CACjDD,EAAE,CAAC,mCAAmC,CAAC,sCAAAC,MAAA,CACrBD,EAAE,CAAC,oBAAoB,CAAC,EAAAC,UAAAA,CAAAA,CAAAA,MAAA,CAAWD,EAAE,CAAC,0BAA0B,CAAC,EAAAC,KAAAA,CAAAA,CAAAA,MAAA,CAAMD,EAAE,CAAC,kBAAkB,CAAC,4HAAAC,MAAA,CAI1GD,EAAE,CAAC,+BAA+B,CAAC,EAAAC,uBAAAA,CAAAA,CAAAA,MAAA,CACjCD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,sHAAAA,CAAAA,CAAAA,MAAA,CAIvCD,EAAE,CAAC,sCAAsC,CAAC,oBAAAC,MAAA,CAC/CD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,6IAAAA,CAAAA,CAAAA,MAAA,CAIhCD,EAAE,CAAC,uCAAuC,CAAC,EAAAC,uBAAAA,CAAAA,CAAAA,MAAA,CACzCD,EAAE,CAAC,yCAAyC,CAAC,iJAAAC,MAAA,CAI/CD,EAAE,CAAC,8CAA8C,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CACvDD,EAAE,CAAC,yCAAyC,CAAC,EAAA,8HAAA,CAAA,CAAAC,MAAA,CAIxCD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CACvCD,EAAE,CAAC,+BAA+B,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,+BAA+B,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,+BAA+B,CAAC,EAAAC,yBAAAA,CAAAA,CAAAA,MAAA,CAC1GD,EAAE,CAAC,gCAAgC,CAAC,EAAA,kFAAA,CAAA,CAAAC,MAAA,CAItCD,EAAE,CAAC,mCAAmC,CAAC,EAAA,mIAAA,CAAA,CAAAC,MAAA,CAQzCD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,+EAAAA,CAAAA,CAAAA,MAAA,CAItCD,EAAE,CAAC,yCAAyC,CAAC,EAAA,QAAA,CAAA;AAAA,CAE9D;AAED,IAAME,YAAY,GAAG;AACjBC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,QAAQ,EAAE;AAAW;AACjC,CAAC;AAED,IAAMC,OAAO,GAAG;AACZF,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAG,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAAA,OAAO,CAC3B,4BAA4B,EAC5B;MACI,wBAAwB,EAAED,QAAQ,CAACE,OAAO;MAC1C,YAAY,EAAED,KAAK,CAACE,QAAQ;MAC5B,WAAW,EAAEH,QAAQ,CAACI;AAC1B,KAAC,CACJ;AAAA,GAAA;AACDC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,MAAM,EAAE,uBAAuB;AAC/BC,EAAAA,MAAM,EAAE;AACZ,CAAC;AAED,wBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,cAAc;AACpBnB,EAAAA,KAAK,EAALA,KAAK;AACLO,EAAAA,OAAO,EAAPA,OAAO;AACPH,EAAAA,YAAY,EAAZA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/toggleswitch/style/ToggleSwitchStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-toggleswitch {\n    display: inline-block;\n    width: ${dt('toggleswitch.width')};\n    height: ${dt('toggleswitch.height')};\n}\n\n.p-toggleswitch-input {\n    cursor: pointer;\n    appearance: none;\n    position: absolute;\n    top: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: 1;\n    outline: 0 none;\n    border-radius: ${dt('toggleswitch.border.radius')};\n}\n\n.p-toggleswitch-slider {\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n    border-width: ${dt('toggleswitch.border.width')};\n    border-style: solid;\n    border-color: ${dt('toggleswitch.border.color')};\n    background: ${dt('toggleswitch.background')};\n    transition: background ${dt('toggleswitch.transition.duration')}, color ${dt('toggleswitch.transition.duration')}, border-color ${dt('toggleswitch.transition.duration')}, outline-color ${dt('toggleswitch.transition.duration')}, box-shadow ${dt(\n    'toggleswitch.transition.duration'\n)};\n    border-radius: ${dt('toggleswitch.border.radius')};\n    outline-color: transparent;\n    box-shadow: ${dt('toggleswitch.shadow')};\n}\n\n.p-toggleswitch-handle {\n    position: absolute;\n    top: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: ${dt('toggleswitch.handle.background')};\n    color: ${dt('toggleswitch.handle.color')};\n    width: ${dt('toggleswitch.handle.size')};\n    height: ${dt('toggleswitch.handle.size')};\n    inset-inline-start: ${dt('toggleswitch.gap')};\n    margin-block-start: calc(-1 * calc(${dt('toggleswitch.handle.size')} / 2));\n    border-radius: ${dt('toggleswitch.handle.border.radius')};\n    transition: background ${dt('toggleswitch.transition.duration')}, color ${dt('toggleswitch.transition.duration')}, inset-inline-start ${dt('toggleswitch.slide.duration')}, box-shadow ${dt('toggleswitch.slide.duration')};\n}\n\n.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {\n    background: ${dt('toggleswitch.checked.background')};\n    border-color: ${dt('toggleswitch.checked.border.color')};\n}\n\n.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle {\n    background: ${dt('toggleswitch.handle.checked.background')};\n    color: ${dt('toggleswitch.handle.checked.color')};\n    inset-inline-start: calc(${dt('toggleswitch.width')} - calc(${dt('toggleswitch.handle.size')} + ${dt('toggleswitch.gap')}));\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider {\n    background: ${dt('toggleswitch.hover.background')};\n    border-color: ${dt('toggleswitch.hover.border.color')};\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-handle {\n    background: ${dt('toggleswitch.handle.hover.background')};\n    color: ${dt('toggleswitch.handle.hover.color')};\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-slider {\n    background: ${dt('toggleswitch.checked.hover.background')};\n    border-color: ${dt('toggleswitch.checked.hover.border.color')};\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-handle {\n    background: ${dt('toggleswitch.handle.checked.hover.background')};\n    color: ${dt('toggleswitch.handle.checked.hover.color')};\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:focus-visible) .p-toggleswitch-slider {\n    box-shadow: ${dt('toggleswitch.focus.ring.shadow')};\n    outline: ${dt('toggleswitch.focus.ring.width')} ${dt('toggleswitch.focus.ring.style')} ${dt('toggleswitch.focus.ring.color')};\n    outline-offset: ${dt('toggleswitch.focus.ring.offset')};\n}\n\n.p-toggleswitch.p-invalid > .p-toggleswitch-slider {\n    border-color: ${dt('toggleswitch.invalid.border.color')};\n}\n\n.p-toggleswitch.p-disabled {\n    opacity: 1;\n}\n\n.p-toggleswitch.p-disabled .p-toggleswitch-slider {\n    background: ${dt('toggleswitch.disabled.background')};\n}\n\n.p-toggleswitch.p-disabled .p-toggleswitch-handle {\n    background: ${dt('toggleswitch.handle.disabled.background')};\n}\n`;\n\nconst inlineStyles = {\n    root: { position: 'relative' }\n};\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-toggleswitch p-component',\n        {\n            'p-toggleswitch-checked': instance.checked,\n            'p-disabled': props.disabled,\n            'p-invalid': instance.$invalid\n        }\n    ],\n    input: 'p-toggleswitch-input',\n    slider: 'p-toggleswitch-slider',\n    handle: 'p-toggleswitch-handle'\n};\n\nexport default BaseStyle.extend({\n    name: 'toggleswitch',\n    theme,\n    classes,\n    inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","root","position","classes","_ref2","instance","props","checked","disabled","$invalid","input","slider","handle","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;AAAA,EAAA,OAAA,8DAAA,CAAAC,MAAA,CAGND,EAAE,CAAC,oBAAoB,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CACvBD,EAAE,CAAC,qBAAqB,CAAC,EAAAC,mSAAAA,CAAAA,CAAAA,MAAA,CAgBlBD,EAAE,CAAC,4BAA4B,CAAC,qHAAAC,MAAA,CAOjCD,EAAE,CAAC,2BAA2B,CAAC,EAAA,iDAAA,CAAA,CAAAC,MAAA,CAE/BD,EAAE,CAAC,2BAA2B,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CACjCD,EAAE,CAAC,yBAAyB,CAAC,oCAAAC,MAAA,CAClBD,EAAE,CAAC,kCAAkC,CAAC,EAAA,UAAA,CAAA,CAAAC,MAAA,CAAWD,EAAE,CAAC,kCAAkC,CAAC,EAAA,iBAAA,CAAA,CAAAC,MAAA,CAAkBD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAAmBD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,eAAAA,CAAAA,CAAAA,MAAA,CAAgBD,EAAE,CACnP,kCACJ,CAAC,EAAA,wBAAA,CAAA,CAAAC,MAAA,CACoBD,EAAE,CAAC,4BAA4B,CAAC,EAAAC,sDAAAA,CAAAA,CAAAA,MAAA,CAEnCD,EAAE,CAAC,qBAAqB,CAAC,EAAAC,wKAAAA,CAAAA,CAAAA,MAAA,CASzBD,EAAE,CAAC,gCAAgC,CAAC,oBAAAC,MAAA,CACzCD,EAAE,CAAC,2BAA2B,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CAC/BD,EAAE,CAAC,0BAA0B,CAAC,EAAA,iBAAA,CAAA,CAAAC,MAAA,CAC7BD,EAAE,CAAC,0BAA0B,CAAC,iCAAAC,MAAA,CAClBD,EAAE,CAAC,kBAAkB,CAAC,EAAA,4CAAA,CAAA,CAAAC,MAAA,CACPD,EAAE,CAAC,0BAA0B,CAAC,EAAA,8BAAA,CAAA,CAAAC,MAAA,CAClDD,EAAE,CAAC,mCAAmC,CAAC,oCAAAC,MAAA,CAC/BD,EAAE,CAAC,kCAAkC,CAAC,EAAA,UAAA,CAAA,CAAAC,MAAA,CAAWD,EAAE,CAAC,kCAAkC,CAAC,EAAA,uBAAA,CAAA,CAAAC,MAAA,CAAwBD,EAAE,CAAC,6BAA6B,CAAC,mBAAAC,MAAA,CAAgBD,EAAE,CAAC,6BAA6B,CAAC,EAAA,2FAAA,CAAA,CAAAC,MAAA,CAI5MD,EAAE,CAAC,iCAAiC,CAAC,EAAA,uBAAA,CAAA,CAAAC,MAAA,CACnCD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,2FAAAA,CAAAA,CAAAA,MAAA,CAIzCD,EAAE,CAAC,wCAAwC,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CACjDD,EAAE,CAAC,mCAAmC,CAAC,sCAAAC,MAAA,CACrBD,EAAE,CAAC,oBAAoB,CAAC,EAAAC,UAAAA,CAAAA,CAAAA,MAAA,CAAWD,EAAE,CAAC,0BAA0B,CAAC,EAAAC,KAAAA,CAAAA,CAAAA,MAAA,CAAMD,EAAE,CAAC,kBAAkB,CAAC,4HAAAC,MAAA,CAI1GD,EAAE,CAAC,+BAA+B,CAAC,EAAAC,uBAAAA,CAAAA,CAAAA,MAAA,CACjCD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,sHAAAA,CAAAA,CAAAA,MAAA,CAIvCD,EAAE,CAAC,sCAAsC,CAAC,oBAAAC,MAAA,CAC/CD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,6IAAAA,CAAAA,CAAAA,MAAA,CAIhCD,EAAE,CAAC,uCAAuC,CAAC,EAAAC,uBAAAA,CAAAA,CAAAA,MAAA,CACzCD,EAAE,CAAC,yCAAyC,CAAC,iJAAAC,MAAA,CAI/CD,EAAE,CAAC,8CAA8C,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CACvDD,EAAE,CAAC,yCAAyC,CAAC,EAAA,8HAAA,CAAA,CAAAC,MAAA,CAIxCD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CACvCD,EAAE,CAAC,+BAA+B,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,+BAA+B,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,+BAA+B,CAAC,EAAAC,yBAAAA,CAAAA,CAAAA,MAAA,CAC1GD,EAAE,CAAC,gCAAgC,CAAC,EAAA,kFAAA,CAAA,CAAAC,MAAA,CAItCD,EAAE,CAAC,mCAAmC,CAAC,EAAA,mIAAA,CAAA,CAAAC,MAAA,CAQzCD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,+EAAAA,CAAAA,CAAAA,MAAA,CAItCD,EAAE,CAAC,yCAAyC,CAAC,EAAA,QAAA,CAAA;AAAA,CAE9D;AAED,IAAME,YAAY,GAAG;AACjBC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,QAAQ,EAAE;AAAW;AACjC,CAAC;AAED,IAAMC,OAAO,GAAG;AACZF,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAG,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAAA,OAAO,CAC3B,4BAA4B,EAC5B;MACI,wBAAwB,EAAED,QAAQ,CAACE,OAAO;MAC1C,YAAY,EAAED,KAAK,CAACE,QAAQ;MAC5B,WAAW,EAAEH,QAAQ,CAACI;AAC1B,KAAC,CACJ;AAAA,GAAA;AACDC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,MAAM,EAAE,uBAAuB;AAC/BC,EAAAA,MAAM,EAAE;AACZ,CAAC;AAED,wBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,cAAc;AACpBnB,EAAAA,KAAK,EAALA,KAAK;AACLO,EAAAA,OAAO,EAAPA,OAAO;AACPH,EAAAA,YAAY,EAAZA;AACJ,CAAC,CAAC;;;;"}

package/treetable/BodyCell.vue

@@ -21,6 +21,7 @@
                 :modelValue="checked"
                 :binary="true"
                 :class="cx('pcNodeCheckbox')"
+                :disabled="node.selectable === false"
                 @change="toggleCheckbox"
                 :tabindex="-1"
                 :indeterminate="partialChecked"

package/treetable/TreeTableRow.vue

@@ -156,7 +156,7 @@ export default {
             this.$emit('node-toggle', this.node);
         },
         onClick(event) {
-            if (isClickable(event.target) || getAttribute(event.target, 'data-pc-section') === 'nodetogglebutton' || getAttribute(event.target, 'data-pc-section') === 'rowtoggleicon' || event.target.tagName === 'path') {
+            if (isClickable(event.target) || getAttribute(event.target, 'data-pc-section') === 'nodetogglebutton' || getAttribute(event.target, 'data-pc-section') === 'nodetoggleicon' || event.target.tagName === 'path') {
                 return;
             }
 

package/treetable/index.mjs

@@ -810,6 +810,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     modelValue: $props.checked,
     binary: true,
     "class": normalizeClass(_ctx.cx('pcNodeCheckbox')),
+    disabled: $props.node.selectable === false,
     onChange: $options.toggleCheckbox,
     tabindex: -1,
     indeterminate: $props.partialChecked,
@@ -826,7 +827,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["checked", "partialChecked", "class"])) : createCommentVNode("", true)];
     }),
     _: 1
-  }, 8, ["modelValue", "class", "onChange", "indeterminate", "unstyled", "pt", "data-p-partialchecked"])) : createCommentVNode("", true), $props.column.children && $props.column.children.body ? (openBlock(), createBlock(resolveDynamicComponent($props.column.children.body), {
+  }, 8, ["modelValue", "class", "disabled", "onChange", "indeterminate", "unstyled", "pt", "data-p-partialchecked"])) : createCommentVNode("", true), $props.column.children && $props.column.children.body ? (openBlock(), createBlock(resolveDynamicComponent($props.column.children.body), {
     key: 2,
     node: $props.node,
     column: $props.column
@@ -930,7 +931,7 @@ var script$1 = {
       this.$emit('node-toggle', this.node);
     },
     onClick: function onClick(event) {
-      if (isClickable(event.target) || getAttribute(event.target, 'data-pc-section') === 'nodetogglebutton' || getAttribute(event.target, 'data-pc-section') === 'rowtoggleicon' || event.target.tagName === 'path') {
+      if (isClickable(event.target) || getAttribute(event.target, 'data-pc-section') === 'nodetogglebutton' || getAttribute(event.target, 'data-pc-section') === 'nodetoggleicon' || event.target.tagName === 'path') {
         return;
       }
       this.setTabIndexForSelectionMode(event, this.nodeTouched);