primevue 4.2.4 → 4.2.5

package/scrolltop/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/scrolltop/BaseScrollTop.vue","../../src/scrolltop/ScrollTop.vue","../../src/scrolltop/ScrollTop.vue?vue&type=template&id=518a85ae&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ScrollTopStyle from 'primevue/scrolltop/style';\n\nexport default {\n    name: 'BaseScrollTop',\n    extends: BaseComponent,\n    props: {\n        target: {\n            type: String,\n            default: 'window'\n        },\n        threshold: {\n            type: Number,\n            default: 400\n        },\n        icon: {\n            type: String,\n            default: undefined\n        },\n        behavior: {\n            type: String,\n            default: 'smooth'\n        },\n        buttonProps: {\n            type: Object,\n            default: () => {\n                return { rounded: true };\n            }\n        }\n    },\n    style: ScrollTopStyle,\n    provide() {\n        return {\n            $pcScrollTop: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <transition name=\"p-scrolltop\" appear @enter=\"onEnter\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n        <Button v-if=\"visible\" :ref=\"containerRef\" :class=\"cx('root')\" @click=\"onClick\" :aria-label=\"scrollTopAriaLabel\" :unstyled=\"unstyled\" v-bind=\"buttonProps\" :pt=\"pt\">\n            <template #icon=\"slotProps\">\n                <slot name=\"icon\" :class=\"cx('icon')\">\n                    <component :is=\"icon ? 'span' : 'ChevronUpIcon'\" :class=\"[cx('icon'), icon, slotProps.class]\" v-bind=\"ptmi('root')['icon']\" />\n                </slot>\n            </template>\n        </Button>\n    </transition>\n</template>\n\n<script>\nimport { getWindowScrollTop } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport Button from 'primevue/button';\nimport BaseScrollTop from './BaseScrollTop.vue';\n\nexport default {\n    name: 'ScrollTop',\n    extends: BaseScrollTop,\n    inheritAttrs: false,\n    scrollListener: null,\n    container: null,\n    data() {\n        return {\n            visible: false\n        };\n    },\n    mounted() {\n        if (this.target === 'window') this.bindDocumentScrollListener();\n        else if (this.target === 'parent') this.bindParentScrollListener();\n    },\n    beforeUnmount() {\n        if (this.target === 'window') this.unbindDocumentScrollListener();\n        else if (this.target === 'parent') this.unbindParentScrollListener();\n\n        if (this.container) {\n            ZIndex.clear(this.container);\n            this.overlay = null;\n        }\n    },\n    methods: {\n        onClick() {\n            let scrollElement = this.target === 'window' ? window : this.$el.parentElement;\n\n            scrollElement.scroll({\n                top: 0,\n                behavior: this.behavior\n            });\n        },\n        checkVisibility(scrollY) {\n            if (scrollY > this.threshold) this.visible = true;\n            else this.visible = false;\n        },\n        bindParentScrollListener() {\n            this.scrollListener = () => {\n                this.checkVisibility(this.$el.parentElement.scrollTop);\n            };\n\n            this.$el.parentElement.addEventListener('scroll', this.scrollListener);\n        },\n        bindDocumentScrollListener() {\n            this.scrollListener = () => {\n                this.checkVisibility(getWindowScrollTop());\n            };\n\n            window.addEventListener('scroll', this.scrollListener);\n        },\n        unbindParentScrollListener() {\n            if (this.scrollListener) {\n                this.$el.parentElement.removeEventListener('scroll', this.scrollListener);\n                this.scrollListener = null;\n            }\n        },\n        unbindDocumentScrollListener() {\n            if (this.scrollListener) {\n                window.removeEventListener('scroll', this.scrollListener);\n                this.scrollListener = null;\n            }\n        },\n        onEnter(el) {\n            ZIndex.set('overlay', el, this.$primevue.config.zIndex.overlay);\n        },\n        onAfterLeave(el) {\n            ZIndex.clear(el);\n        },\n        containerRef(el) {\n            this.container = el ? el.$el : undefined;\n        }\n    },\n    computed: {\n        scrollTopAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.scrollTop : undefined;\n        }\n    },\n    components: {\n        ChevronUpIcon,\n        Button\n    }\n};\n</script>\n","<template>\n    <transition name=\"p-scrolltop\" appear @enter=\"onEnter\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n        <Button v-if=\"visible\" :ref=\"containerRef\" :class=\"cx('root')\" @click=\"onClick\" :aria-label=\"scrollTopAriaLabel\" :unstyled=\"unstyled\" v-bind=\"buttonProps\" :pt=\"pt\">\n            <template #icon=\"slotProps\">\n                <slot name=\"icon\" :class=\"cx('icon')\">\n                    <component :is=\"icon ? 'span' : 'ChevronUpIcon'\" :class=\"[cx('icon'), icon, slotProps.class]\" v-bind=\"ptmi('root')['icon']\" />\n                </slot>\n            </template>\n        </Button>\n    </transition>\n</template>\n\n<script>\nimport { getWindowScrollTop } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport Button from 'primevue/button';\nimport BaseScrollTop from './BaseScrollTop.vue';\n\nexport default {\n    name: 'ScrollTop',\n    extends: BaseScrollTop,\n    inheritAttrs: false,\n    scrollListener: null,\n    container: null,\n    data() {\n        return {\n            visible: false\n        };\n    },\n    mounted() {\n        if (this.target === 'window') this.bindDocumentScrollListener();\n        else if (this.target === 'parent') this.bindParentScrollListener();\n    },\n    beforeUnmount() {\n        if (this.target === 'window') this.unbindDocumentScrollListener();\n        else if (this.target === 'parent') this.unbindParentScrollListener();\n\n        if (this.container) {\n            ZIndex.clear(this.container);\n            this.overlay = null;\n        }\n    },\n    methods: {\n        onClick() {\n            let scrollElement = this.target === 'window' ? window : this.$el.parentElement;\n\n            scrollElement.scroll({\n                top: 0,\n                behavior: this.behavior\n            });\n        },\n        checkVisibility(scrollY) {\n            if (scrollY > this.threshold) this.visible = true;\n            else this.visible = false;\n        },\n        bindParentScrollListener() {\n            this.scrollListener = () => {\n                this.checkVisibility(this.$el.parentElement.scrollTop);\n            };\n\n            this.$el.parentElement.addEventListener('scroll', this.scrollListener);\n        },\n        bindDocumentScrollListener() {\n            this.scrollListener = () => {\n                this.checkVisibility(getWindowScrollTop());\n            };\n\n            window.addEventListener('scroll', this.scrollListener);\n        },\n        unbindParentScrollListener() {\n            if (this.scrollListener) {\n                this.$el.parentElement.removeEventListener('scroll', this.scrollListener);\n                this.scrollListener = null;\n            }\n        },\n        unbindDocumentScrollListener() {\n            if (this.scrollListener) {\n                window.removeEventListener('scroll', this.scrollListener);\n                this.scrollListener = null;\n            }\n        },\n        onEnter(el) {\n            ZIndex.set('overlay', el, this.$primevue.config.zIndex.overlay);\n        },\n        onAfterLeave(el) {\n            ZIndex.clear(el);\n        },\n        containerRef(el) {\n            this.container = el ? el.$el : undefined;\n        }\n    },\n    computed: {\n        scrollTopAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.scrollTop : undefined;\n        }\n    },\n    components: {\n        ChevronUpIcon,\n        Button\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","target","type","String","threshold","Number","icon","undefined","behavior","buttonProps","Object","default","rounded","style","ScrollTopStyle","provide","$pcScrollTop","$parentInstance","BaseScrollTop","inheritAttrs","scrollListener","container","data","visible","mounted","bindDocumentScrollListener","bindParentScrollListener","beforeUnmount","unbindDocumentScrollListener","unbindParentScrollListener","ZIndex","clear","overlay","methods","onClick","scrollElement","window","$el","parentElement","scroll","top","checkVisibility","scrollY","_this","scrollTop","addEventListener","_this2","getWindowScrollTop","removeEventListener","onEnter","el","set","$primevue","config","zIndex","onAfterLeave","containerRef","computed","scrollTopAriaLabel","locale","aria","components","ChevronUpIcon","Button","_openBlock","_createBlock","_Transition","_mergeProps","appear","$options","_ctx","ptm","$data","_component_Button","ref","cx","unstyled","pt","_withCtx","slotProps","_renderSlot","$slots","_resolveDynamicComponent","ptmi"],"mappings":";;;;;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,eAAe;AACrB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,MAAM,EAAE;AACJC,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDC,IAAAA,SAAS,EAAE;AACPF,MAAAA,IAAI,EAAEG,MAAM;MACZ,SAAS,EAAA;KACZ;AACDC,IAAAA,IAAI,EAAE;AACFJ,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAASI,EAAAA;KACZ;AACDC,IAAAA,QAAQ,EAAE;AACNN,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDM,IAAAA,WAAW,EAAE;AACTP,MAAAA,IAAI,EAAEQ,MAAM;MACZ,SAAS,EAAA,SAATC,QAAOA,GAAQ;QACX,OAAO;AAAEC,UAAAA,OAAO,EAAE;SAAM;AAC5B;AACJ;GACH;AACDC,EAAAA,KAAK,EAAEC,cAAc;EACrBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,YAAY,EAAE,IAAI;AAClBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACnBD,aAAe;AACXnB,EAAAA,IAAI,EAAE,WAAW;AACjB,EAAA,SAAA,EAASoB,QAAa;AACtBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,cAAc,EAAE,IAAI;AACpBC,EAAAA,SAAS,EAAE,IAAI;EACfC,IAAI,EAAA,SAAJA,IAAIA,GAAG;IACH,OAAO;AACHC,MAAAA,OAAO,EAAE;KACZ;GACJ;EACDC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,IAAI,IAAI,CAACvB,MAAK,KAAM,QAAQ,EAAE,IAAI,CAACwB,0BAA0B,EAAE,CAAA,KAC1D,IAAI,IAAI,CAACxB,MAAK,KAAM,QAAQ,EAAE,IAAI,CAACyB,wBAAwB,EAAE;GACrE;EACDC,aAAa,EAAA,SAAbA,aAAaA,GAAG;IACZ,IAAI,IAAI,CAAC1B,MAAK,KAAM,QAAQ,EAAE,IAAI,CAAC2B,4BAA4B,EAAE,CAAA,KAC5D,IAAI,IAAI,CAAC3B,MAAO,KAAI,QAAQ,EAAE,IAAI,CAAC4B,0BAA0B,EAAE;IAEpE,IAAI,IAAI,CAACR,SAAS,EAAE;AAChBS,MAAAA,MAAM,CAACC,KAAK,CAAC,IAAI,CAACV,SAAS,CAAC;MAC5B,IAAI,CAACW,OAAQ,GAAE,IAAI;AACvB;GACH;AACDC,EAAAA,OAAO,EAAE;IACLC,OAAO,EAAA,SAAPA,OAAOA,GAAG;AACN,MAAA,IAAIC,aAAY,GAAI,IAAI,CAAClC,MAAO,KAAI,QAAS,GAAEmC,MAAO,GAAE,IAAI,CAACC,GAAG,CAACC,aAAa;MAE9EH,aAAa,CAACI,MAAM,CAAC;AACjBC,QAAAA,GAAG,EAAE,CAAC;QACNhC,QAAQ,EAAE,IAAI,CAACA;AACnB,OAAC,CAAC;KACL;AACDiC,IAAAA,eAAe,EAAfA,SAAAA,eAAeA,CAACC,OAAO,EAAE;AACrB,MAAA,IAAIA,OAAM,GAAI,IAAI,CAACtC,SAAS,EAAE,IAAI,CAACmB,OAAM,GAAI,IAAI,CAAA,KAC5C,IAAI,CAACA,OAAQ,GAAE,KAAK;KAC5B;IACDG,wBAAwB,EAAA,SAAxBA,wBAAwBA,GAAG;AAAA,MAAA,IAAAiB,KAAA,GAAA,IAAA;MACvB,IAAI,CAACvB,iBAAiB,YAAM;QACxBuB,KAAI,CAACF,eAAe,CAACE,KAAI,CAACN,GAAG,CAACC,aAAa,CAACM,SAAS,CAAC;OACzD;AAED,MAAA,IAAI,CAACP,GAAG,CAACC,aAAa,CAACO,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACzB,cAAc,CAAC;KACzE;IACDK,0BAA0B,EAAA,SAA1BA,0BAA0BA,GAAG;AAAA,MAAA,IAAAqB,MAAA,GAAA,IAAA;MACzB,IAAI,CAAC1B,iBAAiB,YAAM;AACxB0B,QAAAA,MAAI,CAACL,eAAe,CAACM,kBAAkB,EAAE,CAAC;OAC7C;MAEDX,MAAM,CAACS,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACzB,cAAc,CAAC;KACzD;IACDS,0BAA0B,EAAA,SAA1BA,0BAA0BA,GAAG;MACzB,IAAI,IAAI,CAACT,cAAc,EAAE;AACrB,QAAA,IAAI,CAACiB,GAAG,CAACC,aAAa,CAACU,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC5B,cAAc,CAAC;QACzE,IAAI,CAACA,iBAAiB,IAAI;AAC9B;KACH;IACDQ,4BAA4B,EAAA,SAA5BA,4BAA4BA,GAAG;MAC3B,IAAI,IAAI,CAACR,cAAc,EAAE;QACrBgB,MAAM,CAACY,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC5B,cAAc,CAAC;QACzD,IAAI,CAACA,iBAAiB,IAAI;AAC9B;KACH;AACD6B,IAAAA,OAAO,EAAPA,SAAAA,OAAOA,CAACC,EAAE,EAAE;AACRpB,MAAAA,MAAM,CAACqB,GAAG,CAAC,SAAS,EAAED,EAAE,EAAE,IAAI,CAACE,SAAS,CAACC,MAAM,CAACC,MAAM,CAACtB,OAAO,CAAC;KAClE;AACDuB,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAACL,EAAE,EAAE;AACbpB,MAAAA,MAAM,CAACC,KAAK,CAACmB,EAAE,CAAC;KACnB;AACDM,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAACN,EAAE,EAAE;MACb,IAAI,CAAC7B,SAAQ,GAAI6B,EAAC,GAAIA,EAAE,CAACb,MAAM9B,SAAS;AAC5C;GACH;AACDkD,EAAAA,QAAQ,EAAE;IACNC,kBAAkB,EAAA,SAAlBA,kBAAkBA,GAAG;MACjB,OAAO,IAAI,CAACN,SAAS,CAACC,MAAM,CAACM,MAAM,CAACC,IAAK,GAAE,IAAI,CAACR,SAAS,CAACC,MAAM,CAACM,MAAM,CAACC,IAAI,CAAChB,YAAYrC,SAAS;AACtG;GACH;AACDsD,EAAAA,UAAU,EAAE;AACRC,IAAAA,aAAa,EAAbA,aAAa;AACbC,IAAAA,MAAK,EAALA;AACJ;AACJ,CAAC;;;;ECpGG,OAAAC,SAAA,EAAA,EAAAC,WAAA,CAQYC,YARZC,UAQY,CAAA;AARArE,IAAAA,IAAI,EAAC;AAAcsE,IAAAA,MAAO,EAAP,EAAO;IAACnB,OAAK,EAAEoB,QAAO,CAAApB,OAAA;IAAGM,YAAW,EAAEc,QAAY,CAAAd;KAAUe,IAAG,CAAAC,GAAA,CAAA,YAAA,CAAA,CAAA,EAAA;uBAC1F,YAAA;AAAA,MAAA,OAMQ,CANMC,KAAO,CAAAjD,OAAA,IAArByC,SAAA,EAAA,EAAAC,WAAA,CAMQQ,mBANRN,UAMQ,CAAA;;QANgBO,GAAG,EAAEL,QAAY,CAAAb,YAAA;AAAG,QAAA,OAAA,EAAOc,IAAE,CAAAK,EAAA,CAAA,MAAA,CAAA;QAAWzC,OAAK,EAAEmC,QAAO,CAAAnC,OAAA;QAAG,YAAU,EAAEmC,QAAkB,CAAAX,kBAAA;QAAGkB,QAAQ,EAAEN,IAAQ,CAAAM;SAAUN,IAAW,CAAA7D,WAAA,EAAA;QAAGoE,EAAE,EAAEP,IAAE,CAAAO;AAAA,OAAA,CAAA,EAAA;AACnJvE,QAAAA,IAAI,EAAAwE,OAAA,CACX,UAEMC,SAHgB,EAAA;UAAA,OAAA,CACtBC,UAEM,CAAAV,IAAA,CAAAW,MAAA,EAAA,MAAA,EAAA;AAFa,YAAA,OAAA,iBAAOX,IAAE,CAAAK,EAAA,CAAA,MAAA,CAAA;aAA5B,YAAA;AAAA,YAAA,OAEM,eADFV,WAA6H,CAAAiB,uBAAA,CAA7GZ,IAAK,CAAAhE,IAAA,GAAA,MAAA,GAAA,eAAA,CAAA,EAArB6D,UAA6H,CAAA;AAA3E,cAAA,OAAA,GAAQG,IAAE,CAAAK,EAAA,CAAA,MAAA,CAAA,EAAUL,SAAI,EAAES,SAAS,CAAM,OAAA,CAAA;eAAWT,IAAI,CAAAa,IAAA,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/scrolltop/BaseScrollTop.vue","../../src/scrolltop/ScrollTop.vue","../../src/scrolltop/ScrollTop.vue?vue&type=template&id=2776720c&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ScrollTopStyle from 'primevue/scrolltop/style';\n\nexport default {\n    name: 'BaseScrollTop',\n    extends: BaseComponent,\n    props: {\n        target: {\n            type: String,\n            default: 'window'\n        },\n        threshold: {\n            type: Number,\n            default: 400\n        },\n        icon: {\n            type: String,\n            default: undefined\n        },\n        behavior: {\n            type: String,\n            default: 'smooth'\n        },\n        buttonProps: {\n            type: Object,\n            default: () => {\n                return { rounded: true };\n            }\n        }\n    },\n    style: ScrollTopStyle,\n    provide() {\n        return {\n            $pcScrollTop: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <transition name=\"p-scrolltop\" appear @enter=\"onEnter\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n        <Button v-if=\"visible\" :ref=\"containerRef\" :class=\"cx('root')\" @click=\"onClick\" :aria-label=\"scrollTopAriaLabel\" :unstyled=\"unstyled\" v-bind=\"buttonProps\" :pt=\"pt\">\n            <template #icon=\"slotProps\">\n                <slot name=\"icon\" :class=\"cx('icon')\">\n                    <component :is=\"icon ? 'span' : 'ChevronUpIcon'\" :class=\"[cx('icon'), icon, slotProps.class]\" v-bind=\"ptm('icon')\" />\n                </slot>\n            </template>\n        </Button>\n    </transition>\n</template>\n\n<script>\nimport { getWindowScrollTop } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport Button from 'primevue/button';\nimport BaseScrollTop from './BaseScrollTop.vue';\n\nexport default {\n    name: 'ScrollTop',\n    extends: BaseScrollTop,\n    inheritAttrs: false,\n    scrollListener: null,\n    container: null,\n    data() {\n        return {\n            visible: false\n        };\n    },\n    mounted() {\n        if (this.target === 'window') this.bindDocumentScrollListener();\n        else if (this.target === 'parent') this.bindParentScrollListener();\n    },\n    beforeUnmount() {\n        if (this.target === 'window') this.unbindDocumentScrollListener();\n        else if (this.target === 'parent') this.unbindParentScrollListener();\n\n        if (this.container) {\n            ZIndex.clear(this.container);\n            this.overlay = null;\n        }\n    },\n    methods: {\n        onClick() {\n            let scrollElement = this.target === 'window' ? window : this.$el.parentElement;\n\n            scrollElement.scroll({\n                top: 0,\n                behavior: this.behavior\n            });\n        },\n        checkVisibility(scrollY) {\n            if (scrollY > this.threshold) this.visible = true;\n            else this.visible = false;\n        },\n        bindParentScrollListener() {\n            this.scrollListener = () => {\n                this.checkVisibility(this.$el.parentElement.scrollTop);\n            };\n\n            this.$el.parentElement.addEventListener('scroll', this.scrollListener);\n        },\n        bindDocumentScrollListener() {\n            this.scrollListener = () => {\n                this.checkVisibility(getWindowScrollTop());\n            };\n\n            window.addEventListener('scroll', this.scrollListener);\n        },\n        unbindParentScrollListener() {\n            if (this.scrollListener) {\n                this.$el.parentElement.removeEventListener('scroll', this.scrollListener);\n                this.scrollListener = null;\n            }\n        },\n        unbindDocumentScrollListener() {\n            if (this.scrollListener) {\n                window.removeEventListener('scroll', this.scrollListener);\n                this.scrollListener = null;\n            }\n        },\n        onEnter(el) {\n            ZIndex.set('overlay', el, this.$primevue.config.zIndex.overlay);\n        },\n        onAfterLeave(el) {\n            ZIndex.clear(el);\n        },\n        containerRef(el) {\n            this.container = el ? el.$el : undefined;\n        }\n    },\n    computed: {\n        scrollTopAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.scrollTop : undefined;\n        }\n    },\n    components: {\n        ChevronUpIcon,\n        Button\n    }\n};\n</script>\n","<template>\n    <transition name=\"p-scrolltop\" appear @enter=\"onEnter\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n        <Button v-if=\"visible\" :ref=\"containerRef\" :class=\"cx('root')\" @click=\"onClick\" :aria-label=\"scrollTopAriaLabel\" :unstyled=\"unstyled\" v-bind=\"buttonProps\" :pt=\"pt\">\n            <template #icon=\"slotProps\">\n                <slot name=\"icon\" :class=\"cx('icon')\">\n                    <component :is=\"icon ? 'span' : 'ChevronUpIcon'\" :class=\"[cx('icon'), icon, slotProps.class]\" v-bind=\"ptm('icon')\" />\n                </slot>\n            </template>\n        </Button>\n    </transition>\n</template>\n\n<script>\nimport { getWindowScrollTop } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport Button from 'primevue/button';\nimport BaseScrollTop from './BaseScrollTop.vue';\n\nexport default {\n    name: 'ScrollTop',\n    extends: BaseScrollTop,\n    inheritAttrs: false,\n    scrollListener: null,\n    container: null,\n    data() {\n        return {\n            visible: false\n        };\n    },\n    mounted() {\n        if (this.target === 'window') this.bindDocumentScrollListener();\n        else if (this.target === 'parent') this.bindParentScrollListener();\n    },\n    beforeUnmount() {\n        if (this.target === 'window') this.unbindDocumentScrollListener();\n        else if (this.target === 'parent') this.unbindParentScrollListener();\n\n        if (this.container) {\n            ZIndex.clear(this.container);\n            this.overlay = null;\n        }\n    },\n    methods: {\n        onClick() {\n            let scrollElement = this.target === 'window' ? window : this.$el.parentElement;\n\n            scrollElement.scroll({\n                top: 0,\n                behavior: this.behavior\n            });\n        },\n        checkVisibility(scrollY) {\n            if (scrollY > this.threshold) this.visible = true;\n            else this.visible = false;\n        },\n        bindParentScrollListener() {\n            this.scrollListener = () => {\n                this.checkVisibility(this.$el.parentElement.scrollTop);\n            };\n\n            this.$el.parentElement.addEventListener('scroll', this.scrollListener);\n        },\n        bindDocumentScrollListener() {\n            this.scrollListener = () => {\n                this.checkVisibility(getWindowScrollTop());\n            };\n\n            window.addEventListener('scroll', this.scrollListener);\n        },\n        unbindParentScrollListener() {\n            if (this.scrollListener) {\n                this.$el.parentElement.removeEventListener('scroll', this.scrollListener);\n                this.scrollListener = null;\n            }\n        },\n        unbindDocumentScrollListener() {\n            if (this.scrollListener) {\n                window.removeEventListener('scroll', this.scrollListener);\n                this.scrollListener = null;\n            }\n        },\n        onEnter(el) {\n            ZIndex.set('overlay', el, this.$primevue.config.zIndex.overlay);\n        },\n        onAfterLeave(el) {\n            ZIndex.clear(el);\n        },\n        containerRef(el) {\n            this.container = el ? el.$el : undefined;\n        }\n    },\n    computed: {\n        scrollTopAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.scrollTop : undefined;\n        }\n    },\n    components: {\n        ChevronUpIcon,\n        Button\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","target","type","String","threshold","Number","icon","undefined","behavior","buttonProps","Object","default","rounded","style","ScrollTopStyle","provide","$pcScrollTop","$parentInstance","BaseScrollTop","inheritAttrs","scrollListener","container","data","visible","mounted","bindDocumentScrollListener","bindParentScrollListener","beforeUnmount","unbindDocumentScrollListener","unbindParentScrollListener","ZIndex","clear","overlay","methods","onClick","scrollElement","window","$el","parentElement","scroll","top","checkVisibility","scrollY","_this","scrollTop","addEventListener","_this2","getWindowScrollTop","removeEventListener","onEnter","el","set","$primevue","config","zIndex","onAfterLeave","containerRef","computed","scrollTopAriaLabel","locale","aria","components","ChevronUpIcon","Button","_openBlock","_createBlock","_Transition","_mergeProps","appear","$options","_ctx","ptm","$data","_component_Button","ref","cx","unstyled","pt","_withCtx","slotProps","_renderSlot","$slots","_resolveDynamicComponent"],"mappings":"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"}

package/select/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-select {\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n    background: ".concat(dt('select.background'), ";\n    border: 1px solid ").concat(dt('select.border.color'), ";\n    transition: background ").concat(dt('select.transition.duration'), ", color ").concat(dt('select.transition.duration'), ", border-color ").concat(dt('select.transition.duration'), ",\n        outline-color ").concat(dt('select.transition.duration'), ", box-shadow ").concat(dt('select.transition.duration'), ";\n    border-radius: ").concat(dt('select.border.radius'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('select.shadow'), ";\n}\n\n.p-select:not(.p-disabled):hover {\n    border-color: ").concat(dt('select.hover.border.color'), ";\n}\n\n.p-select:not(.p-disabled).p-focus {\n    border-color: ").concat(dt('select.focus.border.color'), ";\n    box-shadow: ").concat(dt('select.focus.ring.shadow'), ";\n    outline: ").concat(dt('select.focus.ring.width'), " ").concat(dt('select.focus.ring.style'), " ").concat(dt('select.focus.ring.color'), ";\n    outline-offset: ").concat(dt('select.focus.ring.offset'), ";\n}\n\n.p-select.p-variant-filled {\n    background: ").concat(dt('select.filled.background'), ";\n}\n\n.p-select.p-variant-filled:not(.p-disabled):hover {\n    background: ").concat(dt('select.filled.hover.background'), ";\n}\n\n.p-select.p-variant-filled:not(.p-disabled).p-focus {\n    background: ").concat(dt('select.filled.focus.background'), ";\n}\n\n.p-select.p-invalid {\n    border-color: ").concat(dt('select.invalid.border.color'), ";\n}\n\n.p-select.p-disabled {\n    opacity: 1;\n    background: ").concat(dt('select.disabled.background'), ";\n}\n\n.p-select-clear-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n    color: ").concat(dt('select.clear.icon.color'), ";\n    inset-inline-end: ").concat(dt('select.dropdown.width'), ";\n}\n\n.p-select-dropdown {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: transparent;\n    color: ").concat(dt('select.dropdown.color'), ";\n    width: ").concat(dt('select.dropdown.width'), ";\n    border-start-end-radius: ").concat(dt('select.border.radius'), ";\n    border-end-end-radius: ").concat(dt('select.border.radius'), ";\n}\n\n.p-select-label {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    flex: 1 1 auto;\n    width: 1%;\n    padding: ").concat(dt('select.padding.y'), " ").concat(dt('select.padding.x'), ";\n    text-overflow: ellipsis;\n    cursor: pointer;\n    color: ").concat(dt('select.color'), ";\n    background: transparent;\n    border: 0 none;\n    outline: 0 none;\n}\n\n.p-select-label.p-placeholder {\n    color: ").concat(dt('select.placeholder.color'), ";\n}\n\n.p-select.p-invalid .p-select-label.p-placeholder {\n    color: ").concat(dt('select.invalid.placeholder.color'), ";\n}\n\n.p-select:has(.p-select-clear-icon) .p-select-label {\n    padding-inline-end: calc(1rem + ").concat(dt('select.padding.x'), ");\n}\n\n.p-select.p-disabled .p-select-label {\n    color: ").concat(dt('select.disabled.color'), ";\n}\n\n.p-select-label-empty {\n    overflow: hidden;\n    opacity: 0;\n}\n\ninput.p-select-label {\n    cursor: default;\n}\n\n.p-select .p-select-overlay {\n    min-width: 100%;\n}\n\n.p-select-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background: ").concat(dt('select.overlay.background'), ";\n    color: ").concat(dt('select.overlay.color'), ";\n    border: 1px solid ").concat(dt('select.overlay.border.color'), ";\n    border-radius: ").concat(dt('select.overlay.border.radius'), ";\n    box-shadow: ").concat(dt('select.overlay.shadow'), ";\n}\n\n.p-select-header {\n    padding: ").concat(dt('select.list.header.padding'), ";\n}\n\n.p-select-filter {\n    width: 100%;\n}\n\n.p-select-list-container {\n    overflow: auto;\n}\n\n.p-select-option-group {\n    cursor: auto;\n    margin: 0;\n    padding: ").concat(dt('select.option.group.padding'), ";\n    background: ").concat(dt('select.option.group.background'), ";\n    color: ").concat(dt('select.option.group.color'), ";\n    font-weight: ").concat(dt('select.option.group.font.weight'), ";\n}\n\n.p-select-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    padding: ").concat(dt('select.list.padding'), ";\n    gap: ").concat(dt('select.list.gap'), ";\n    display: flex;\n    flex-direction: column;\n}\n\n.p-select-option {\n    cursor: pointer;\n    font-weight: normal;\n    white-space: nowrap;\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    padding: ").concat(dt('select.option.padding'), ";\n    border: 0 none;\n    color: ").concat(dt('select.option.color'), ";\n    background: transparent;\n    transition: background ").concat(dt('select.transition.duration'), ", color ").concat(dt('select.transition.duration'), ", border-color ").concat(dt('select.transition.duration'), ",\n            box-shadow ").concat(dt('select.transition.duration'), ", outline-color ").concat(dt('select.transition.duration'), ";\n    border-radius: ").concat(dt('select.option.border.radius'), ";\n}\n\n.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {\n    background: ").concat(dt('select.option.focus.background'), ";\n    color: ").concat(dt('select.option.focus.color'), ";\n}\n\n.p-select-option.p-select-option-selected {\n    background: ").concat(dt('select.option.selected.background'), ";\n    color: ").concat(dt('select.option.selected.color'), ";\n}\n\n.p-select-option.p-select-option-selected.p-focus {\n    background: ").concat(dt('select.option.selected.focus.background'), ";\n    color: ").concat(dt('select.option.selected.focus.color'), ";\n}\n\n.p-select-option-check-icon {\n    position: relative;\n    margin-inline-start: ").concat(dt('select.checkmark.gutter.start'), ";\n    margin-inline-end: ").concat(dt('select.checkmark.gutter.end'), ";\n    color: ").concat(dt('select.checkmark.color'), ";\n}\n\n.p-select-empty-message {\n    padding: ").concat(dt('select.empty.message.padding'), ";\n}\n\n.p-select-fluid {\n    display: flex;\n}\n\n.p-select-sm .p-select-label {\n    font-size: ").concat(dt('select.sm.font.size'), ";\n    padding-block: ").concat(dt('select.sm.padding.y'), ";\n    padding-inline: ").concat(dt('select.sm.padding.x'), ";\n}\n\n.p-select-sm .p-select-dropdown .p-icon {\n    font-size: ").concat(dt('select.sm.font.size'), ";\n    width: ").concat(dt('select.sm.font.size'), ";\n    height: ").concat(dt('select.sm.font.size'), ";\n}\n\n.p-select-lg .p-select-label {\n    font-size: ").concat(dt('select.lg.font.size'), ";\n    padding-block: ").concat(dt('select.lg.padding.y'), ";\n    padding-inline: ").concat(dt('select.lg.padding.x'), ";\n}\n\n.p-select-lg .p-select-dropdown .p-icon {\n    font-size: ").concat(dt('select.lg.font.size'), ";\n    width: ").concat(dt('select.lg.font.size'), ";\n    height: ").concat(dt('select.lg.font.size'), ";\n}\n");
+  return "\n.p-select {\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n    background: ".concat(dt('select.background'), ";\n    border: 1px solid ").concat(dt('select.border.color'), ";\n    transition: background ").concat(dt('select.transition.duration'), ", color ").concat(dt('select.transition.duration'), ", border-color ").concat(dt('select.transition.duration'), ",\n        outline-color ").concat(dt('select.transition.duration'), ", box-shadow ").concat(dt('select.transition.duration'), ";\n    border-radius: ").concat(dt('select.border.radius'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('select.shadow'), ";\n}\n\n.p-select:not(.p-disabled):hover {\n    border-color: ").concat(dt('select.hover.border.color'), ";\n}\n\n.p-select:not(.p-disabled).p-focus {\n    border-color: ").concat(dt('select.focus.border.color'), ";\n    box-shadow: ").concat(dt('select.focus.ring.shadow'), ";\n    outline: ").concat(dt('select.focus.ring.width'), " ").concat(dt('select.focus.ring.style'), " ").concat(dt('select.focus.ring.color'), ";\n    outline-offset: ").concat(dt('select.focus.ring.offset'), ";\n}\n\n.p-select.p-variant-filled {\n    background: ").concat(dt('select.filled.background'), ";\n}\n\n.p-select.p-variant-filled:not(.p-disabled):hover {\n    background: ").concat(dt('select.filled.hover.background'), ";\n}\n\n.p-select.p-variant-filled:not(.p-disabled).p-focus {\n    background: ").concat(dt('select.filled.focus.background'), ";\n}\n\n.p-select.p-invalid {\n    border-color: ").concat(dt('select.invalid.border.color'), ";\n}\n\n.p-select.p-disabled {\n    opacity: 1;\n    background: ").concat(dt('select.disabled.background'), ";\n}\n\n.p-select-clear-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n    color: ").concat(dt('select.clear.icon.color'), ";\n    inset-inline-end: ").concat(dt('select.dropdown.width'), ";\n}\n\n.p-select-dropdown {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: transparent;\n    color: ").concat(dt('select.dropdown.color'), ";\n    width: ").concat(dt('select.dropdown.width'), ";\n    border-start-end-radius: ").concat(dt('select.border.radius'), ";\n    border-end-end-radius: ").concat(dt('select.border.radius'), ";\n}\n\n.p-select-label {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    flex: 1 1 auto;\n    width: 1%;\n    padding: ").concat(dt('select.padding.y'), " ").concat(dt('select.padding.x'), ";\n    text-overflow: ellipsis;\n    cursor: pointer;\n    color: ").concat(dt('select.color'), ";\n    background: transparent;\n    border: 0 none;\n    outline: 0 none;\n}\n\n.p-select-label.p-placeholder {\n    color: ").concat(dt('select.placeholder.color'), ";\n}\n\n.p-select.p-invalid .p-select-label.p-placeholder {\n    color: ").concat(dt('select.invalid.placeholder.color'), ";\n}\n\n.p-select:has(.p-select-clear-icon) .p-select-label {\n    padding-inline-end: calc(1rem + ").concat(dt('select.padding.x'), ");\n}\n\n.p-select.p-disabled .p-select-label {\n    color: ").concat(dt('select.disabled.color'), ";\n}\n\n.p-select-label-empty {\n    overflow: hidden;\n    opacity: 0;\n}\n\ninput.p-select-label {\n    cursor: default;\n}\n\n.p-select .p-select-overlay {\n    min-width: 100%;\n}\n\n.p-select-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background: ").concat(dt('select.overlay.background'), ";\n    color: ").concat(dt('select.overlay.color'), ";\n    border: 1px solid ").concat(dt('select.overlay.border.color'), ";\n    border-radius: ").concat(dt('select.overlay.border.radius'), ";\n    box-shadow: ").concat(dt('select.overlay.shadow'), ";\n}\n\n.p-select-header {\n    padding: ").concat(dt('select.list.header.padding'), ";\n}\n\n.p-select-filter {\n    width: 100%;\n}\n\n.p-select-list-container {\n    overflow: auto;\n}\n\n.p-select-option-group {\n    cursor: auto;\n    margin: 0;\n    padding: ").concat(dt('select.option.group.padding'), ";\n    background: ").concat(dt('select.option.group.background'), ";\n    color: ").concat(dt('select.option.group.color'), ";\n    font-weight: ").concat(dt('select.option.group.font.weight'), ";\n}\n\n.p-select-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    padding: ").concat(dt('select.list.padding'), ";\n    gap: ").concat(dt('select.list.gap'), ";\n    display: flex;\n    flex-direction: column;\n}\n\n.p-select-option {\n    cursor: pointer;\n    font-weight: normal;\n    white-space: nowrap;\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    padding: ").concat(dt('select.option.padding'), ";\n    border: 0 none;\n    color: ").concat(dt('select.option.color'), ";\n    background: transparent;\n    transition: background ").concat(dt('select.transition.duration'), ", color ").concat(dt('select.transition.duration'), ", border-color ").concat(dt('select.transition.duration'), ",\n            box-shadow ").concat(dt('select.transition.duration'), ", outline-color ").concat(dt('select.transition.duration'), ";\n    border-radius: ").concat(dt('select.option.border.radius'), ";\n}\n\n.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {\n    background: ").concat(dt('select.option.focus.background'), ";\n    color: ").concat(dt('select.option.focus.color'), ";\n}\n\n.p-select-option.p-select-option-selected {\n    background: ").concat(dt('select.option.selected.background'), ";\n    color: ").concat(dt('select.option.selected.color'), ";\n}\n\n.p-select-option.p-select-option-selected.p-focus {\n    background: ").concat(dt('select.option.selected.focus.background'), ";\n    color: ").concat(dt('select.option.selected.focus.color'), ";\n}\n\n.p-select-option-check-icon {\n    position: relative;\n    margin-inline-start: ").concat(dt('select.checkmark.gutter.start'), ";\n    margin-inline-end: ").concat(dt('select.checkmark.gutter.end'), ";\n    color: ").concat(dt('select.checkmark.color'), ";\n}\n\n.p-select-empty-message {\n    padding: ").concat(dt('select.empty.message.padding'), ";\n}\n\n.p-select-fluid {\n    display: flex;\n    width: 100%;\n}\n\n.p-select-sm .p-select-label {\n    font-size: ").concat(dt('select.sm.font.size'), ";\n    padding-block: ").concat(dt('select.sm.padding.y'), ";\n    padding-inline: ").concat(dt('select.sm.padding.x'), ";\n}\n\n.p-select-sm .p-select-dropdown .p-icon {\n    font-size: ").concat(dt('select.sm.font.size'), ";\n    width: ").concat(dt('select.sm.font.size'), ";\n    height: ").concat(dt('select.sm.font.size'), ";\n}\n\n.p-select-lg .p-select-label {\n    font-size: ").concat(dt('select.lg.font.size'), ";\n    padding-block: ").concat(dt('select.lg.padding.y'), ";\n    padding-inline: ").concat(dt('select.lg.padding.x'), ";\n}\n\n.p-select-lg .p-select-dropdown .p-icon {\n    font-size: ").concat(dt('select.lg.font.size'), ";\n    width: ").concat(dt('select.lg.font.size'), ";\n    height: ").concat(dt('select.lg.font.size'), ";\n}\n");
 };
 var classes = {
   root: function root(_ref2) {

package/select/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/select/style/SelectStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-select {\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n    background: ${dt('select.background')};\n    border: 1px solid ${dt('select.border.color')};\n    transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')},\n        outline-color ${dt('select.transition.duration')}, box-shadow ${dt('select.transition.duration')};\n    border-radius: ${dt('select.border.radius')};\n    outline-color: transparent;\n    box-shadow: ${dt('select.shadow')};\n}\n\n.p-select:not(.p-disabled):hover {\n    border-color: ${dt('select.hover.border.color')};\n}\n\n.p-select:not(.p-disabled).p-focus {\n    border-color: ${dt('select.focus.border.color')};\n    box-shadow: ${dt('select.focus.ring.shadow')};\n    outline: ${dt('select.focus.ring.width')} ${dt('select.focus.ring.style')} ${dt('select.focus.ring.color')};\n    outline-offset: ${dt('select.focus.ring.offset')};\n}\n\n.p-select.p-variant-filled {\n    background: ${dt('select.filled.background')};\n}\n\n.p-select.p-variant-filled:not(.p-disabled):hover {\n    background: ${dt('select.filled.hover.background')};\n}\n\n.p-select.p-variant-filled:not(.p-disabled).p-focus {\n    background: ${dt('select.filled.focus.background')};\n}\n\n.p-select.p-invalid {\n    border-color: ${dt('select.invalid.border.color')};\n}\n\n.p-select.p-disabled {\n    opacity: 1;\n    background: ${dt('select.disabled.background')};\n}\n\n.p-select-clear-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n    color: ${dt('select.clear.icon.color')};\n    inset-inline-end: ${dt('select.dropdown.width')};\n}\n\n.p-select-dropdown {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: transparent;\n    color: ${dt('select.dropdown.color')};\n    width: ${dt('select.dropdown.width')};\n    border-start-end-radius: ${dt('select.border.radius')};\n    border-end-end-radius: ${dt('select.border.radius')};\n}\n\n.p-select-label {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    flex: 1 1 auto;\n    width: 1%;\n    padding: ${dt('select.padding.y')} ${dt('select.padding.x')};\n    text-overflow: ellipsis;\n    cursor: pointer;\n    color: ${dt('select.color')};\n    background: transparent;\n    border: 0 none;\n    outline: 0 none;\n}\n\n.p-select-label.p-placeholder {\n    color: ${dt('select.placeholder.color')};\n}\n\n.p-select.p-invalid .p-select-label.p-placeholder {\n    color: ${dt('select.invalid.placeholder.color')};\n}\n\n.p-select:has(.p-select-clear-icon) .p-select-label {\n    padding-inline-end: calc(1rem + ${dt('select.padding.x')});\n}\n\n.p-select.p-disabled .p-select-label {\n    color: ${dt('select.disabled.color')};\n}\n\n.p-select-label-empty {\n    overflow: hidden;\n    opacity: 0;\n}\n\ninput.p-select-label {\n    cursor: default;\n}\n\n.p-select .p-select-overlay {\n    min-width: 100%;\n}\n\n.p-select-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background: ${dt('select.overlay.background')};\n    color: ${dt('select.overlay.color')};\n    border: 1px solid ${dt('select.overlay.border.color')};\n    border-radius: ${dt('select.overlay.border.radius')};\n    box-shadow: ${dt('select.overlay.shadow')};\n}\n\n.p-select-header {\n    padding: ${dt('select.list.header.padding')};\n}\n\n.p-select-filter {\n    width: 100%;\n}\n\n.p-select-list-container {\n    overflow: auto;\n}\n\n.p-select-option-group {\n    cursor: auto;\n    margin: 0;\n    padding: ${dt('select.option.group.padding')};\n    background: ${dt('select.option.group.background')};\n    color: ${dt('select.option.group.color')};\n    font-weight: ${dt('select.option.group.font.weight')};\n}\n\n.p-select-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    padding: ${dt('select.list.padding')};\n    gap: ${dt('select.list.gap')};\n    display: flex;\n    flex-direction: column;\n}\n\n.p-select-option {\n    cursor: pointer;\n    font-weight: normal;\n    white-space: nowrap;\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    padding: ${dt('select.option.padding')};\n    border: 0 none;\n    color: ${dt('select.option.color')};\n    background: transparent;\n    transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')},\n            box-shadow ${dt('select.transition.duration')}, outline-color ${dt('select.transition.duration')};\n    border-radius: ${dt('select.option.border.radius')};\n}\n\n.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {\n    background: ${dt('select.option.focus.background')};\n    color: ${dt('select.option.focus.color')};\n}\n\n.p-select-option.p-select-option-selected {\n    background: ${dt('select.option.selected.background')};\n    color: ${dt('select.option.selected.color')};\n}\n\n.p-select-option.p-select-option-selected.p-focus {\n    background: ${dt('select.option.selected.focus.background')};\n    color: ${dt('select.option.selected.focus.color')};\n}\n\n.p-select-option-check-icon {\n    position: relative;\n    margin-inline-start: ${dt('select.checkmark.gutter.start')};\n    margin-inline-end: ${dt('select.checkmark.gutter.end')};\n    color: ${dt('select.checkmark.color')};\n}\n\n.p-select-empty-message {\n    padding: ${dt('select.empty.message.padding')};\n}\n\n.p-select-fluid {\n    display: flex;\n}\n\n.p-select-sm .p-select-label {\n    font-size: ${dt('select.sm.font.size')};\n    padding-block: ${dt('select.sm.padding.y')};\n    padding-inline: ${dt('select.sm.padding.x')};\n}\n\n.p-select-sm .p-select-dropdown .p-icon {\n    font-size: ${dt('select.sm.font.size')};\n    width: ${dt('select.sm.font.size')};\n    height: ${dt('select.sm.font.size')};\n}\n\n.p-select-lg .p-select-label {\n    font-size: ${dt('select.lg.font.size')};\n    padding-block: ${dt('select.lg.padding.y')};\n    padding-inline: ${dt('select.lg.padding.x')};\n}\n\n.p-select-lg .p-select-dropdown .p-icon {\n    font-size: ${dt('select.lg.font.size')};\n    width: ${dt('select.lg.font.size')};\n    height: ${dt('select.lg.font.size')};\n}\n`;\n\nconst classes = {\n    root: ({ instance, props, state }) => [\n        'p-select p-component p-inputwrapper',\n        {\n            'p-disabled': props.disabled,\n            'p-invalid': instance.$invalid,\n            'p-variant-filled': instance.$variant === 'filled',\n            'p-focus': state.focused,\n            'p-inputwrapper-filled': instance.$filled,\n            'p-inputwrapper-focus': state.focused || state.overlayVisible,\n            'p-select-open': state.overlayVisible,\n            'p-select-fluid': instance.$fluid,\n            'p-select-sm p-inputfield-sm': props.size === 'small',\n            'p-select-lg p-inputfield-lg': props.size === 'large'\n        }\n    ],\n    label: ({ instance, props }) => [\n        'p-select-label',\n        {\n            'p-placeholder': !props.editable && instance.label === props.placeholder,\n            'p-select-label-empty': !props.editable && !instance.$slots['value'] && (instance.label === 'p-emptylabel' || instance.label.length === 0)\n        }\n    ],\n    clearIcon: 'p-select-clear-icon',\n    dropdown: 'p-select-dropdown',\n    loadingicon: 'p-select-loading-icon',\n    dropdownIcon: 'p-select-dropdown-icon',\n    overlay: 'p-select-overlay p-component',\n    header: 'p-select-header',\n    pcFilter: 'p-select-filter',\n    listContainer: 'p-select-list-container',\n    list: 'p-select-list',\n    optionGroup: 'p-select-option-group',\n    optionGroupLabel: 'p-select-option-group-label',\n    option: ({ instance, props, state, option, focusedOption }) => [\n        'p-select-option',\n        {\n            'p-select-option-selected': instance.isSelected(option) && props.highlightOnSelect,\n            'p-focus': state.focusedOptionIndex === focusedOption,\n            'p-disabled': instance.isOptionDisabled(option)\n        }\n    ],\n    optionLabel: 'p-select-option-label',\n    optionCheckIcon: 'p-select-option-check-icon',\n    optionBlankIcon: 'p-select-option-blank-icon',\n    emptyMessage: 'p-select-empty-message'\n};\n\nexport default BaseStyle.extend({\n    name: 'select',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","state","disabled","$invalid","$variant","focused","$filled","overlayVisible","$fluid","size","label","_ref3","editable","placeholder","$slots","length","clearIcon","dropdown","loadingicon","dropdownIcon","overlay","header","pcFilter","listContainer","list","optionGroup","optionGroupLabel","option","_ref4","focusedOption","isSelected","highlightOnSelect","focusedOptionIndex","isOptionDisabled","optionLabel","optionCheckIcon","optionBlankIcon","emptyMessage","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/select/style/SelectStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-select {\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n    background: ${dt('select.background')};\n    border: 1px solid ${dt('select.border.color')};\n    transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')},\n        outline-color ${dt('select.transition.duration')}, box-shadow ${dt('select.transition.duration')};\n    border-radius: ${dt('select.border.radius')};\n    outline-color: transparent;\n    box-shadow: ${dt('select.shadow')};\n}\n\n.p-select:not(.p-disabled):hover {\n    border-color: ${dt('select.hover.border.color')};\n}\n\n.p-select:not(.p-disabled).p-focus {\n    border-color: ${dt('select.focus.border.color')};\n    box-shadow: ${dt('select.focus.ring.shadow')};\n    outline: ${dt('select.focus.ring.width')} ${dt('select.focus.ring.style')} ${dt('select.focus.ring.color')};\n    outline-offset: ${dt('select.focus.ring.offset')};\n}\n\n.p-select.p-variant-filled {\n    background: ${dt('select.filled.background')};\n}\n\n.p-select.p-variant-filled:not(.p-disabled):hover {\n    background: ${dt('select.filled.hover.background')};\n}\n\n.p-select.p-variant-filled:not(.p-disabled).p-focus {\n    background: ${dt('select.filled.focus.background')};\n}\n\n.p-select.p-invalid {\n    border-color: ${dt('select.invalid.border.color')};\n}\n\n.p-select.p-disabled {\n    opacity: 1;\n    background: ${dt('select.disabled.background')};\n}\n\n.p-select-clear-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n    color: ${dt('select.clear.icon.color')};\n    inset-inline-end: ${dt('select.dropdown.width')};\n}\n\n.p-select-dropdown {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: transparent;\n    color: ${dt('select.dropdown.color')};\n    width: ${dt('select.dropdown.width')};\n    border-start-end-radius: ${dt('select.border.radius')};\n    border-end-end-radius: ${dt('select.border.radius')};\n}\n\n.p-select-label {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    flex: 1 1 auto;\n    width: 1%;\n    padding: ${dt('select.padding.y')} ${dt('select.padding.x')};\n    text-overflow: ellipsis;\n    cursor: pointer;\n    color: ${dt('select.color')};\n    background: transparent;\n    border: 0 none;\n    outline: 0 none;\n}\n\n.p-select-label.p-placeholder {\n    color: ${dt('select.placeholder.color')};\n}\n\n.p-select.p-invalid .p-select-label.p-placeholder {\n    color: ${dt('select.invalid.placeholder.color')};\n}\n\n.p-select:has(.p-select-clear-icon) .p-select-label {\n    padding-inline-end: calc(1rem + ${dt('select.padding.x')});\n}\n\n.p-select.p-disabled .p-select-label {\n    color: ${dt('select.disabled.color')};\n}\n\n.p-select-label-empty {\n    overflow: hidden;\n    opacity: 0;\n}\n\ninput.p-select-label {\n    cursor: default;\n}\n\n.p-select .p-select-overlay {\n    min-width: 100%;\n}\n\n.p-select-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background: ${dt('select.overlay.background')};\n    color: ${dt('select.overlay.color')};\n    border: 1px solid ${dt('select.overlay.border.color')};\n    border-radius: ${dt('select.overlay.border.radius')};\n    box-shadow: ${dt('select.overlay.shadow')};\n}\n\n.p-select-header {\n    padding: ${dt('select.list.header.padding')};\n}\n\n.p-select-filter {\n    width: 100%;\n}\n\n.p-select-list-container {\n    overflow: auto;\n}\n\n.p-select-option-group {\n    cursor: auto;\n    margin: 0;\n    padding: ${dt('select.option.group.padding')};\n    background: ${dt('select.option.group.background')};\n    color: ${dt('select.option.group.color')};\n    font-weight: ${dt('select.option.group.font.weight')};\n}\n\n.p-select-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    padding: ${dt('select.list.padding')};\n    gap: ${dt('select.list.gap')};\n    display: flex;\n    flex-direction: column;\n}\n\n.p-select-option {\n    cursor: pointer;\n    font-weight: normal;\n    white-space: nowrap;\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    padding: ${dt('select.option.padding')};\n    border: 0 none;\n    color: ${dt('select.option.color')};\n    background: transparent;\n    transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')},\n            box-shadow ${dt('select.transition.duration')}, outline-color ${dt('select.transition.duration')};\n    border-radius: ${dt('select.option.border.radius')};\n}\n\n.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {\n    background: ${dt('select.option.focus.background')};\n    color: ${dt('select.option.focus.color')};\n}\n\n.p-select-option.p-select-option-selected {\n    background: ${dt('select.option.selected.background')};\n    color: ${dt('select.option.selected.color')};\n}\n\n.p-select-option.p-select-option-selected.p-focus {\n    background: ${dt('select.option.selected.focus.background')};\n    color: ${dt('select.option.selected.focus.color')};\n}\n\n.p-select-option-check-icon {\n    position: relative;\n    margin-inline-start: ${dt('select.checkmark.gutter.start')};\n    margin-inline-end: ${dt('select.checkmark.gutter.end')};\n    color: ${dt('select.checkmark.color')};\n}\n\n.p-select-empty-message {\n    padding: ${dt('select.empty.message.padding')};\n}\n\n.p-select-fluid {\n    display: flex;\n    width: 100%;\n}\n\n.p-select-sm .p-select-label {\n    font-size: ${dt('select.sm.font.size')};\n    padding-block: ${dt('select.sm.padding.y')};\n    padding-inline: ${dt('select.sm.padding.x')};\n}\n\n.p-select-sm .p-select-dropdown .p-icon {\n    font-size: ${dt('select.sm.font.size')};\n    width: ${dt('select.sm.font.size')};\n    height: ${dt('select.sm.font.size')};\n}\n\n.p-select-lg .p-select-label {\n    font-size: ${dt('select.lg.font.size')};\n    padding-block: ${dt('select.lg.padding.y')};\n    padding-inline: ${dt('select.lg.padding.x')};\n}\n\n.p-select-lg .p-select-dropdown .p-icon {\n    font-size: ${dt('select.lg.font.size')};\n    width: ${dt('select.lg.font.size')};\n    height: ${dt('select.lg.font.size')};\n}\n`;\n\nconst classes = {\n    root: ({ instance, props, state }) => [\n        'p-select p-component p-inputwrapper',\n        {\n            'p-disabled': props.disabled,\n            'p-invalid': instance.$invalid,\n            'p-variant-filled': instance.$variant === 'filled',\n            'p-focus': state.focused,\n            'p-inputwrapper-filled': instance.$filled,\n            'p-inputwrapper-focus': state.focused || state.overlayVisible,\n            'p-select-open': state.overlayVisible,\n            'p-select-fluid': instance.$fluid,\n            'p-select-sm p-inputfield-sm': props.size === 'small',\n            'p-select-lg p-inputfield-lg': props.size === 'large'\n        }\n    ],\n    label: ({ instance, props }) => [\n        'p-select-label',\n        {\n            'p-placeholder': !props.editable && instance.label === props.placeholder,\n            'p-select-label-empty': !props.editable && !instance.$slots['value'] && (instance.label === 'p-emptylabel' || instance.label.length === 0)\n        }\n    ],\n    clearIcon: 'p-select-clear-icon',\n    dropdown: 'p-select-dropdown',\n    loadingicon: 'p-select-loading-icon',\n    dropdownIcon: 'p-select-dropdown-icon',\n    overlay: 'p-select-overlay p-component',\n    header: 'p-select-header',\n    pcFilter: 'p-select-filter',\n    listContainer: 'p-select-list-container',\n    list: 'p-select-list',\n    optionGroup: 'p-select-option-group',\n    optionGroupLabel: 'p-select-option-group-label',\n    option: ({ instance, props, state, option, focusedOption }) => [\n        'p-select-option',\n        {\n            'p-select-option-selected': instance.isSelected(option) && props.highlightOnSelect,\n            'p-focus': state.focusedOptionIndex === focusedOption,\n            'p-disabled': instance.isOptionDisabled(option)\n        }\n    ],\n    optionLabel: 'p-select-option-label',\n    optionCheckIcon: 'p-select-option-check-icon',\n    optionBlankIcon: 'p-select-option-blank-icon',\n    emptyMessage: 'p-select-empty-message'\n};\n\nexport default BaseStyle.extend({\n    name: 'select',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","state","disabled","$invalid","$variant","focused","$filled","overlayVisible","$fluid","size","label","_ref3","editable","placeholder","$slots","length","clearIcon","dropdown","loadingicon","dropdownIcon","overlay","header","pcFilter","listContainer","list","optionGroup","optionGroupLabel","option","_ref4","focusedOption","isSelected","highlightOnSelect","focusedOptionIndex","isOptionDisabled","optionLabel","optionCheckIcon","optionBlankIcon","emptyMessage","BaseStyle","extend","name"],"mappings":"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"}

package/selectbutton/SelectButton.vue

@@ -8,6 +8,7 @@
                 :disabled="disabled || isOptionDisabled(option)"
                 :unstyled="unstyled"
                 :size="size"
+                :readonly="!allowEmpty && isSelected(option)"
                 @change="onOptionSelect($event, option, index)"
                 :pt="ptm('pcToggleButton')"
             >

package/selectbutton/index.mjs

@@ -142,6 +142,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       disabled: _ctx.disabled || $options.isOptionDisabled(option),
       unstyled: _ctx.unstyled,
       size: _ctx.size,
+      readonly: !_ctx.allowEmpty && $options.isSelected(option),
       onChange: function onChange($event) {
         return $options.onOptionSelect($event, option, index);
       },
@@ -161,7 +162,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         })];
       }),
       key: "0"
-    } : undefined]), 1032, ["modelValue", "onLabel", "offLabel", "disabled", "unstyled", "size", "onChange", "pt"]);
+    } : undefined]), 1032, ["modelValue", "onLabel", "offLabel", "disabled", "unstyled", "size", "readonly", "onChange", "pt"]);
   }), 128))], 16, _hoisted_1);
 }
 

package/selectbutton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/selectbutton/BaseSelectButton.vue","../../src/selectbutton/SelectButton.vue","../../src/selectbutton/SelectButton.vue?vue&type=template&id=42427211&lang.js"],"sourcesContent":["<script>\nimport BaseEditableHolder from '@primevue/core/baseeditableholder';\nimport SelectButtonStyle from 'primevue/selectbutton/style';\n\nexport default {\n    name: 'BaseSelectButton',\n    extends: BaseEditableHolder,\n    props: {\n        options: Array,\n        optionLabel: null,\n        optionValue: null,\n        optionDisabled: null,\n        multiple: Boolean,\n        allowEmpty: {\n            type: Boolean,\n            default: true\n        },\n        dataKey: null,\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        size: {\n            type: String,\n            default: null\n        }\n    },\n    style: SelectButtonStyle,\n    provide() {\n        return {\n            $pcSelectButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"group\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\">\n        <template v-for=\"(option, index) of options\" :key=\"getOptionRenderKey(option)\">\n            <ToggleButton\n                :modelValue=\"isSelected(option)\"\n                :onLabel=\"getOptionLabel(option)\"\n                :offLabel=\"getOptionLabel(option)\"\n                :disabled=\"disabled || isOptionDisabled(option)\"\n                :unstyled=\"unstyled\"\n                :size=\"size\"\n                @change=\"onOptionSelect($event, option, index)\"\n                :pt=\"ptm('pcToggleButton')\"\n            >\n                <template v-if=\"$slots.option\" #default>\n                    <slot name=\"option\" :option=\"option\" :index=\"index\">\n                        <span v-bind=\"ptm('pcToggleButton')['label']\">{{ getOptionLabel(option) }}</span>\n                    </slot>\n                </template>\n            </ToggleButton>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { equals, resolveFieldData } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport ToggleButton from 'primevue/togglebutton';\nimport BaseSelectButton from './BaseSelectButton.vue';\n\nexport default {\n    name: 'SelectButton',\n    extends: BaseSelectButton,\n    inheritAttrs: false,\n    emits: ['change'],\n    methods: {\n        getOptionLabel(option) {\n            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;\n        },\n        getOptionValue(option) {\n            return this.optionValue ? resolveFieldData(option, this.optionValue) : option;\n        },\n        getOptionRenderKey(option) {\n            return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);\n        },\n        isOptionDisabled(option) {\n            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;\n        },\n        onOptionSelect(event, option, index) {\n            if (this.disabled || this.isOptionDisabled(option)) {\n                return;\n            }\n\n            let selected = this.isSelected(option);\n\n            if (selected && !this.allowEmpty) {\n                return;\n            }\n\n            let optionValue = this.getOptionValue(option);\n            let newValue;\n\n            if (this.multiple) {\n                if (selected) newValue = this.d_value.filter((val) => !equals(val, optionValue, this.equalityKey));\n                else newValue = this.d_value ? [...this.d_value, optionValue] : [optionValue];\n            } else {\n                newValue = selected ? null : optionValue;\n            }\n\n            this.writeValue(newValue, event);\n            this.$emit('change', { event: event, value: newValue });\n        },\n        isSelected(option) {\n            let selected = false;\n            let optionValue = this.getOptionValue(option);\n\n            if (this.multiple) {\n                if (this.d_value) {\n                    for (let val of this.d_value) {\n                        if (equals(val, optionValue, this.equalityKey)) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                }\n            } else {\n                selected = equals(this.d_value, optionValue, this.equalityKey);\n            }\n\n            return selected;\n        }\n    },\n    computed: {\n        equalityKey() {\n            return this.optionValue ? null : this.dataKey;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        ToggleButton\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"group\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\">\n        <template v-for=\"(option, index) of options\" :key=\"getOptionRenderKey(option)\">\n            <ToggleButton\n                :modelValue=\"isSelected(option)\"\n                :onLabel=\"getOptionLabel(option)\"\n                :offLabel=\"getOptionLabel(option)\"\n                :disabled=\"disabled || isOptionDisabled(option)\"\n                :unstyled=\"unstyled\"\n                :size=\"size\"\n                @change=\"onOptionSelect($event, option, index)\"\n                :pt=\"ptm('pcToggleButton')\"\n            >\n                <template v-if=\"$slots.option\" #default>\n                    <slot name=\"option\" :option=\"option\" :index=\"index\">\n                        <span v-bind=\"ptm('pcToggleButton')['label']\">{{ getOptionLabel(option) }}</span>\n                    </slot>\n                </template>\n            </ToggleButton>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { equals, resolveFieldData } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport ToggleButton from 'primevue/togglebutton';\nimport BaseSelectButton from './BaseSelectButton.vue';\n\nexport default {\n    name: 'SelectButton',\n    extends: BaseSelectButton,\n    inheritAttrs: false,\n    emits: ['change'],\n    methods: {\n        getOptionLabel(option) {\n            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;\n        },\n        getOptionValue(option) {\n            return this.optionValue ? resolveFieldData(option, this.optionValue) : option;\n        },\n        getOptionRenderKey(option) {\n            return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);\n        },\n        isOptionDisabled(option) {\n            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;\n        },\n        onOptionSelect(event, option, index) {\n            if (this.disabled || this.isOptionDisabled(option)) {\n                return;\n            }\n\n            let selected = this.isSelected(option);\n\n            if (selected && !this.allowEmpty) {\n                return;\n            }\n\n            let optionValue = this.getOptionValue(option);\n            let newValue;\n\n            if (this.multiple) {\n                if (selected) newValue = this.d_value.filter((val) => !equals(val, optionValue, this.equalityKey));\n                else newValue = this.d_value ? [...this.d_value, optionValue] : [optionValue];\n            } else {\n                newValue = selected ? null : optionValue;\n            }\n\n            this.writeValue(newValue, event);\n            this.$emit('change', { event: event, value: newValue });\n        },\n        isSelected(option) {\n            let selected = false;\n            let optionValue = this.getOptionValue(option);\n\n            if (this.multiple) {\n                if (this.d_value) {\n                    for (let val of this.d_value) {\n                        if (equals(val, optionValue, this.equalityKey)) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                }\n            } else {\n                selected = equals(this.d_value, optionValue, this.equalityKey);\n            }\n\n            return selected;\n        }\n    },\n    computed: {\n        equalityKey() {\n            return this.optionValue ? null : this.dataKey;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        ToggleButton\n    }\n};\n</script>\n"],"names":["name","BaseEditableHolder","props","options","Array","optionLabel","optionValue","optionDisabled","multiple","Boolean","allowEmpty","type","dataKey","ariaLabelledby","String","size","style","SelectButtonStyle","provide","$pcSelectButton","$parentInstance","BaseSelectButton","inheritAttrs","emits","methods","getOptionLabel","option","resolveFieldData","getOptionValue","getOptionRenderKey","isOptionDisabled","onOptionSelect","event","index","_this","disabled","selected","isSelected","newValue","d_value","filter","val","equals","equalityKey","concat","_toConsumableArray","writeValue","$emit","value","_iterator","_createForOfIteratorHelper","_step","s","n","done","err","e","f","computed","directives","ripple","Ripple","components","ToggleButton","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","role","ptmi","_Fragment","_renderList","_createBlock","_component_ToggleButton","key","$options","modelValue","onLabel","offLabel","unstyled","onChange","$event","pt","ptm","$slots","_renderSlot","_createElementVNode","ref_for","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/selectbutton/BaseSelectButton.vue","../../src/selectbutton/SelectButton.vue","../../src/selectbutton/SelectButton.vue?vue&type=template&id=5eb80134&lang.js"],"sourcesContent":["<script>\nimport BaseEditableHolder from '@primevue/core/baseeditableholder';\nimport SelectButtonStyle from 'primevue/selectbutton/style';\n\nexport default {\n    name: 'BaseSelectButton',\n    extends: BaseEditableHolder,\n    props: {\n        options: Array,\n        optionLabel: null,\n        optionValue: null,\n        optionDisabled: null,\n        multiple: Boolean,\n        allowEmpty: {\n            type: Boolean,\n            default: true\n        },\n        dataKey: null,\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        size: {\n            type: String,\n            default: null\n        }\n    },\n    style: SelectButtonStyle,\n    provide() {\n        return {\n            $pcSelectButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"group\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\">\n        <template v-for=\"(option, index) of options\" :key=\"getOptionRenderKey(option)\">\n            <ToggleButton\n                :modelValue=\"isSelected(option)\"\n                :onLabel=\"getOptionLabel(option)\"\n                :offLabel=\"getOptionLabel(option)\"\n                :disabled=\"disabled || isOptionDisabled(option)\"\n                :unstyled=\"unstyled\"\n                :size=\"size\"\n                :readonly=\"!allowEmpty && isSelected(option)\"\n                @change=\"onOptionSelect($event, option, index)\"\n                :pt=\"ptm('pcToggleButton')\"\n            >\n                <template v-if=\"$slots.option\" #default>\n                    <slot name=\"option\" :option=\"option\" :index=\"index\">\n                        <span v-bind=\"ptm('pcToggleButton')['label']\">{{ getOptionLabel(option) }}</span>\n                    </slot>\n                </template>\n            </ToggleButton>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { equals, resolveFieldData } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport ToggleButton from 'primevue/togglebutton';\nimport BaseSelectButton from './BaseSelectButton.vue';\n\nexport default {\n    name: 'SelectButton',\n    extends: BaseSelectButton,\n    inheritAttrs: false,\n    emits: ['change'],\n    methods: {\n        getOptionLabel(option) {\n            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;\n        },\n        getOptionValue(option) {\n            return this.optionValue ? resolveFieldData(option, this.optionValue) : option;\n        },\n        getOptionRenderKey(option) {\n            return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);\n        },\n        isOptionDisabled(option) {\n            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;\n        },\n        onOptionSelect(event, option, index) {\n            if (this.disabled || this.isOptionDisabled(option)) {\n                return;\n            }\n\n            let selected = this.isSelected(option);\n\n            if (selected && !this.allowEmpty) {\n                return;\n            }\n\n            let optionValue = this.getOptionValue(option);\n            let newValue;\n\n            if (this.multiple) {\n                if (selected) newValue = this.d_value.filter((val) => !equals(val, optionValue, this.equalityKey));\n                else newValue = this.d_value ? [...this.d_value, optionValue] : [optionValue];\n            } else {\n                newValue = selected ? null : optionValue;\n            }\n\n            this.writeValue(newValue, event);\n            this.$emit('change', { event: event, value: newValue });\n        },\n        isSelected(option) {\n            let selected = false;\n            let optionValue = this.getOptionValue(option);\n\n            if (this.multiple) {\n                if (this.d_value) {\n                    for (let val of this.d_value) {\n                        if (equals(val, optionValue, this.equalityKey)) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                }\n            } else {\n                selected = equals(this.d_value, optionValue, this.equalityKey);\n            }\n\n            return selected;\n        }\n    },\n    computed: {\n        equalityKey() {\n            return this.optionValue ? null : this.dataKey;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        ToggleButton\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"group\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\">\n        <template v-for=\"(option, index) of options\" :key=\"getOptionRenderKey(option)\">\n            <ToggleButton\n                :modelValue=\"isSelected(option)\"\n                :onLabel=\"getOptionLabel(option)\"\n                :offLabel=\"getOptionLabel(option)\"\n                :disabled=\"disabled || isOptionDisabled(option)\"\n                :unstyled=\"unstyled\"\n                :size=\"size\"\n                :readonly=\"!allowEmpty && isSelected(option)\"\n                @change=\"onOptionSelect($event, option, index)\"\n                :pt=\"ptm('pcToggleButton')\"\n            >\n                <template v-if=\"$slots.option\" #default>\n                    <slot name=\"option\" :option=\"option\" :index=\"index\">\n                        <span v-bind=\"ptm('pcToggleButton')['label']\">{{ getOptionLabel(option) }}</span>\n                    </slot>\n                </template>\n            </ToggleButton>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { equals, resolveFieldData } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport ToggleButton from 'primevue/togglebutton';\nimport BaseSelectButton from './BaseSelectButton.vue';\n\nexport default {\n    name: 'SelectButton',\n    extends: BaseSelectButton,\n    inheritAttrs: false,\n    emits: ['change'],\n    methods: {\n        getOptionLabel(option) {\n            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;\n        },\n        getOptionValue(option) {\n            return this.optionValue ? resolveFieldData(option, this.optionValue) : option;\n        },\n        getOptionRenderKey(option) {\n            return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);\n        },\n        isOptionDisabled(option) {\n            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;\n        },\n        onOptionSelect(event, option, index) {\n            if (this.disabled || this.isOptionDisabled(option)) {\n                return;\n            }\n\n            let selected = this.isSelected(option);\n\n            if (selected && !this.allowEmpty) {\n                return;\n            }\n\n            let optionValue = this.getOptionValue(option);\n            let newValue;\n\n            if (this.multiple) {\n                if (selected) newValue = this.d_value.filter((val) => !equals(val, optionValue, this.equalityKey));\n                else newValue = this.d_value ? [...this.d_value, optionValue] : [optionValue];\n            } else {\n                newValue = selected ? null : optionValue;\n            }\n\n            this.writeValue(newValue, event);\n            this.$emit('change', { event: event, value: newValue });\n        },\n        isSelected(option) {\n            let selected = false;\n            let optionValue = this.getOptionValue(option);\n\n            if (this.multiple) {\n                if (this.d_value) {\n                    for (let val of this.d_value) {\n                        if (equals(val, optionValue, this.equalityKey)) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                }\n            } else {\n                selected = equals(this.d_value, optionValue, this.equalityKey);\n            }\n\n            return selected;\n        }\n    },\n    computed: {\n        equalityKey() {\n            return this.optionValue ? null : this.dataKey;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        ToggleButton\n    }\n};\n</script>\n"],"names":["name","BaseEditableHolder","props","options","Array","optionLabel","optionValue","optionDisabled","multiple","Boolean","allowEmpty","type","dataKey","ariaLabelledby","String","size","style","SelectButtonStyle","provide","$pcSelectButton","$parentInstance","BaseSelectButton","inheritAttrs","emits","methods","getOptionLabel","option","resolveFieldData","getOptionValue","getOptionRenderKey","isOptionDisabled","onOptionSelect","event","index","_this","disabled","selected","isSelected","newValue","d_value","filter","val","equals","equalityKey","concat","_toConsumableArray","writeValue","$emit","value","_iterator","_createForOfIteratorHelper","_step","s","n","done","err","e","f","computed","directives","ripple","Ripple","components","ToggleButton","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","role","ptmi","_Fragment","_renderList","_createBlock","_component_ToggleButton","key","$options","modelValue","onLabel","offLabel","unstyled","readonly","onChange","$event","pt","ptm","$slots","_renderSlot","_createElementVNode","ref_for","_toDisplayString"],"mappings":"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"}

package/slider/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-slider {\n    position: relative;\n    background: ".concat(dt('slider.track.background'), ";\n    border-radius: ").concat(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: ").concat(dt('slider.handle.height'), ";\n    width: ").concat(dt('slider.handle.width'), ";\n    background: ").concat(dt('slider.handle.background'), ";\n    border-radius: ").concat(dt('slider.handle.border.radius'), ";\n    transition: background ").concat(dt('slider.transition.duration'), ", color ").concat(dt('slider.transition.duration'), ", border-color ").concat(dt('slider.transition.duration'), ", box-shadow ").concat(dt('slider.transition.duration'), ", outline-color ").concat(dt('slider.transition.duration'), ";\n    outline-color: transparent;\n}\n\n.p-slider-handle::before {\n    content: \"\";\n    width: ").concat(dt('slider.handle.content.width'), ";\n    height: ").concat(dt('slider.handle.content.height'), ";\n    display: block;\n    background: ").concat(dt('slider.handle.content.background'), ";\n    border-radius: ").concat(dt('slider.handle.content.border.radius'), ";\n    box-shadow: ").concat(dt('slider.handle.content.shadow'), ";\n    transition: background ").concat(dt('slider.transition.duration'), ";\n}\n\n.p-slider:not(.p-disabled) .p-slider-handle:hover {\n    background: ").concat(dt('slider.handle.hover.background'), ";\n}\n\n.p-slider:not(.p-disabled) .p-slider-handle:hover::before {\n    background: ").concat(dt('slider.handle.content.hover.background'), ";\n}\n\n.p-slider-handle:focus-visible {\n    box-shadow: ").concat(dt('slider.handle.focus.ring.shadow'), ";\n    outline: ").concat(dt('slider.handle.focus.ring.width'), " ").concat(dt('slider.handle.focus.ring.style'), " ").concat(dt('slider.handle.focus.ring.color'), ";\n    outline-offset: ").concat(dt('slider.handle.focus.ring.offset'), ";\n}\n\n.p-slider-range {\n    display: block;\n    background: ").concat(dt('slider.range.background'), ";\n    border-radius: ").concat(dt('slider.border.radius'), ";\n}\n\n.p-slider.p-slider-horizontal {\n    height: ").concat(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(").concat(dt('slider.handle.height'), " / 2));\n    margin-inline-start: calc(-1 * calc(").concat(dt('slider.handle.width'), " / 2));\n}\n\n.p-slider-vertical {\n    min-height: 100px;\n    width: ").concat(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(").concat(dt('slider.handle.width'), " / 2));\n    margin-block-end: calc(-1 * calc(").concat(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");
+  return "\n.p-slider {\n    position: relative;\n    background: ".concat(dt('slider.track.background'), ";\n    border-radius: ").concat(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: ").concat(dt('slider.handle.height'), ";\n    width: ").concat(dt('slider.handle.width'), ";\n    background: ").concat(dt('slider.handle.background'), ";\n    border-radius: ").concat(dt('slider.handle.border.radius'), ";\n    transition: background ").concat(dt('slider.transition.duration'), ", color ").concat(dt('slider.transition.duration'), ", border-color ").concat(dt('slider.transition.duration'), ", box-shadow ").concat(dt('slider.transition.duration'), ", outline-color ").concat(dt('slider.transition.duration'), ";\n    outline-color: transparent;\n}\n\n.p-slider-handle::before {\n    content: \"\";\n    width: ").concat(dt('slider.handle.content.width'), ";\n    height: ").concat(dt('slider.handle.content.height'), ";\n    display: block;\n    background: ").concat(dt('slider.handle.content.background'), ";\n    border-radius: ").concat(dt('slider.handle.content.border.radius'), ";\n    box-shadow: ").concat(dt('slider.handle.content.shadow'), ";\n    transition: background ").concat(dt('slider.transition.duration'), ";\n}\n\n.p-slider:not(.p-disabled) .p-slider-handle:hover {\n    background: ").concat(dt('slider.handle.hover.background'), ";\n}\n\n.p-slider:not(.p-disabled) .p-slider-handle:hover::before {\n    background: ").concat(dt('slider.handle.content.hover.background'), ";\n}\n\n.p-slider-handle:focus-visible {\n    box-shadow: ").concat(dt('slider.handle.focus.ring.shadow'), ";\n    outline: ").concat(dt('slider.handle.focus.ring.width'), " ").concat(dt('slider.handle.focus.ring.style'), " ").concat(dt('slider.handle.focus.ring.color'), ";\n    outline-offset: ").concat(dt('slider.handle.focus.ring.offset'), ";\n}\n\n.p-slider-range {\n    display: block;\n    background: ").concat(dt('slider.range.background'), ";\n    border-radius: ").concat(dt('slider.border.radius'), ";\n}\n\n.p-slider.p-slider-horizontal {\n    height: ").concat(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(").concat(dt('slider.handle.height'), " / 2));\n    margin-inline-start: calc(-1 * calc(").concat(dt('slider.handle.width'), " / 2));\n}\n\n.p-slider-vertical {\n    min-height: 100px;\n    width: ").concat(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(").concat(dt('slider.handle.width'), " / 2));\n    margin-block-end: calc(-1 * calc(").concat(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");
 };
 var inlineStyles = {
   handle: {

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":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;EAAA,OAAAC,0DAAAA,CAAAA,MAAA,CAGDD,EAAE,CAAC,yBAAyB,CAAC,EAAAC,wBAAAA,CAAAA,CAAAA,MAAA,CAC1BD,EAAE,CAAC,4BAA4B,CAAC,EAAAC,kKAAAA,CAAAA,CAAAA,MAAA,CASvCD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CAC3BD,EAAE,CAAC,qBAAqB,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CACpBD,EAAE,CAAC,0BAA0B,CAAC,EAAAC,wBAAAA,CAAAA,CAAAA,MAAA,CAC3BD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,gCAAAA,CAAAA,CAAAA,MAAA,CACzBD,EAAE,CAAC,4BAA4B,CAAC,EAAAC,UAAAA,CAAAA,CAAAA,MAAA,CAAWD,EAAE,CAAC,4BAA4B,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CAAkBD,EAAE,CAAC,4BAA4B,CAAC,EAAAC,eAAAA,CAAAA,CAAAA,MAAA,CAAgBD,EAAE,CAAC,4BAA4B,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAAmBD,EAAE,CAC3N,4BACJ,CAAC,EAAAC,sGAAAA,CAAAA,CAAAA,MAAA,CAMYD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CAChCD,EAAE,CAAC,8BAA8B,CAAC,EAAAC,0CAAAA,CAAAA,CAAAA,MAAA,CAE9BD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,wBAAAA,CAAAA,CAAAA,MAAA,CACnCD,EAAE,CAAC,qCAAqC,CAAC,EAAA,qBAAA,CAAA,CAAAC,MAAA,CAC5CD,EAAE,CAAC,8BAA8B,CAAC,oCAAAC,MAAA,CACvBD,EAAE,CAAC,4BAA4B,CAAC,mFAAAC,MAAA,CAI3CD,EAAE,CAAC,gCAAgC,CAAC,2FAAAC,MAAA,CAIpCD,EAAE,CAAC,wCAAwC,CAAC,gEAAAC,MAAA,CAI5CD,EAAE,CAAC,iCAAiC,CAAC,sBAAAC,MAAA,CACxCD,EAAE,CAAC,gCAAgC,CAAC,OAAAC,MAAA,CAAID,EAAE,CAAC,gCAAgC,CAAC,OAAAC,MAAA,CAAID,EAAE,CAAC,gCAAgC,CAAC,6BAAAC,MAAA,CAC7GD,EAAE,CAAC,iCAAiC,CAAC,sEAAAC,MAAA,CAKzCD,EAAE,CAAC,yBAAyB,CAAC,4BAAAC,MAAA,CAC1BD,EAAE,CAAC,sBAAsB,CAAC,2DAAAC,MAAA,CAIjCD,EAAE,CAAC,mBAAmB,CAAC,kPAAAC,MAAA,CAWID,EAAE,CAAC,sBAAsB,CAAC,uDAAAC,MAAA,CACzBD,EAAE,CAAC,qBAAqB,CAAC,6EAAAC,MAAA,CAKtDD,EAAE,CAAC,mBAAmB,CAAC,2HAAAC,MAAA,CAKMD,EAAE,CAAC,qBAAqB,CAAC,EAAAC,gDAAAA,CAAAA,CAAAA,MAAA,CAC5BD,EAAE,CAAC,sBAAsB,CAAC,EAAA,gIAAA,CAAA;AAAA,CAQhE;AAED,IAAME,YAAY,GAAG;AACjBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,QAAQ,EAAE;GAAY;AAChCC,EAAAA,KAAK,EAAE;AAAED,IAAAA,QAAQ,EAAE;AAAW;AAClC,CAAC;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAAA,OAAO,CAC3B,sBAAsB,EACtB;MACI,YAAY,EAAEA,KAAK,CAACC,QAAQ;MAC5B,WAAW,EAAEF,QAAQ,CAACG,QAAQ;AAC9B,MAAA,qBAAqB,EAAEF,KAAK,CAACG,WAAW,KAAK,YAAY;AACzD,MAAA,mBAAmB,EAAEH,KAAK,CAACG,WAAW,KAAK;AAC/C,KAAC,CACJ;AAAA,GAAA;AACDR,EAAAA,KAAK,EAAE,gBAAgB;AACvBF,EAAAA,MAAM,EAAE;AACZ,CAAC;AAED,kBAAeW,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,QAAQ;AACdlB,EAAAA,KAAK,EAALA,KAAK;AACLQ,EAAAA,OAAO,EAAPA,OAAO;AACPJ,EAAAA,YAAY,EAAZA;AACJ,CAAC,CAAC;;;;"}
+{"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: {