primevue 4.3.1 → 4.3.3

package/rating/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import { getFirstFocusableElement, focus } from '@primeuix/utils/dom';
 import BanIcon from '@primevue/icons/ban';
 import StarIcon from '@primevue/icons/star';
@@ -65,7 +66,9 @@ var script = {
       }
     },
     onFocus: function onFocus(event, value) {
+      var _event$sourceCapabili;
       this.focusedOptionIndex = value;
+      this.isFocusVisibleItem = ((_event$sourceCapabili = event.sourceCapabilities) === null || _event$sourceCapabili === void 0 ? void 0 : _event$sourceCapabili.firesTouchEvents) === false;
       this.$emit('focus', event);
     },
     onBlur: function onBlur(event) {
@@ -96,11 +99,25 @@ var script = {
     },
     starAriaLabel: function starAriaLabel(value) {
       return value === 1 ? this.$primevue.config.locale.aria.star : this.$primevue.config.locale.aria.stars.replace(/{star}/g, value);
+    },
+    dataOption: function dataOption(value) {
+      return cn({
+        readonly: this.readonly,
+        disabled: this.disabled,
+        active: value <= this.d_value,
+        'focus-visible': value === this.focusedOptionIndex && this.isFocusVisibleItem
+      });
     }
   },
   computed: {
     namex: function namex() {
       return this.name || "".concat(this.$attrSelector, "_name");
+    },
+    dataP: function dataP() {
+      return cn({
+        readonly: this.readonly,
+        disabled: this.disabled
+      });
     }
   },
   components: {
@@ -110,12 +127,15 @@ var script = {
   }
 };
 
-var _hoisted_1 = ["onClick", "data-p-active", "data-p-focused"];
-var _hoisted_2 = ["value", "name", "checked", "disabled", "readonly", "aria-label", "onFocus", "onChange"];
+var _hoisted_1 = ["data-p"];
+var _hoisted_2 = ["onClick", "data-p-active", "data-p-focused", "data-p"];
+var _hoisted_3 = ["value", "name", "checked", "disabled", "readonly", "aria-label", "onFocus", "onChange"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root')
-  }, _ctx.ptmi('root')), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.stars, function (value) {
+  }, _ctx.ptmi('root'), {
+    "data-p": $options.dataP
+  }), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.stars, function (value) {
     return openBlock(), createElementBlock("div", mergeProps({
       key: value,
       "class": _ctx.cx('option', {
@@ -127,7 +147,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ref_for: true
     }, $options.getPTOptions('option', value), {
       "data-p-active": value <= _ctx.d_value,
-      "data-p-focused": value === $data.focusedOptionIndex
+      "data-p-focused": value === $data.focusedOptionIndex,
+      "data-p": $options.dataOption(value)
     }), [createElementVNode("span", mergeProps({
       "class": "p-hidden-accessible",
       ref_for: true
@@ -151,7 +172,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         return $options.onChange($event, value);
       },
       ref_for: true
-    }, _ctx.ptm('hiddenOptionInput')), null, 16, _hoisted_2)], 16), value <= _ctx.d_value ? renderSlot(_ctx.$slots, "onicon", {
+    }, _ctx.ptm('hiddenOptionInput')), null, 16, _hoisted_3)], 16), value <= _ctx.d_value ? renderSlot(_ctx.$slots, "onicon", {
       key: 0,
       value: value,
       "class": normalizeClass(_ctx.cx('onIcon'))
@@ -169,8 +190,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": [_ctx.cx('offIcon'), _ctx.offIcon],
         ref_for: true
       }, _ctx.ptm('offIcon')), null, 16, ["class"]))];
-    })], 16, _hoisted_1);
-  }), 128))], 16);
+    })], 16, _hoisted_2);
+  }), 128))], 16, _hoisted_1);
 }
 
 script.render = render;

package/rating/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/rating/BaseRating.vue","../../src/rating/Rating.vue","../../src/rating/Rating.vue?vue&type=template&id=efeaae88&lang.js"],"sourcesContent":["<script>\nimport BaseEditableHolder from '@primevue/core/baseeditableholder';\nimport RatingStyle from 'primevue/rating/style';\n\nexport default {\n    name: 'BaseRating',\n    extends: BaseEditableHolder,\n    props: {\n        readonly: {\n            type: Boolean,\n            default: false\n        },\n        stars: {\n            type: Number,\n            default: 5\n        },\n        onIcon: {\n            type: String,\n            default: undefined\n        },\n        offIcon: {\n            type: String,\n            default: undefined\n        }\n    },\n    style: RatingStyle,\n    provide() {\n        return {\n            $pcRating: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <template v-for=\"value in stars\" :key=\"value\">\n            <div :class=\"cx('option', { value })\" @click=\"onOptionClick($event, value)\" v-bind=\"getPTOptions('option', value)\" :data-p-active=\"value <= d_value\" :data-p-focused=\"value === focusedOptionIndex\">\n                <span class=\"p-hidden-accessible\" v-bind=\"ptm('hiddenOptionInputContainer')\" :data-p-hidden-accessible=\"true\">\n                    <input\n                        type=\"radio\"\n                        :value=\"value\"\n                        :name=\"namex\"\n                        :checked=\"d_value === value\"\n                        :disabled=\"disabled\"\n                        :readonly=\"readonly\"\n                        :aria-label=\"starAriaLabel(value)\"\n                        @focus=\"onFocus($event, value)\"\n                        @blur=\"onBlur\"\n                        @change=\"onChange($event, value)\"\n                        v-bind=\"ptm('hiddenOptionInput')\"\n                    />\n                </span>\n                <slot v-if=\"value <= d_value\" name=\"onicon\" :value=\"value\" :class=\"cx('onIcon')\">\n                    <component :is=\"onIcon ? 'span' : 'StarFillIcon'\" :class=\"[cx('onIcon'), onIcon]\" v-bind=\"ptm('onIcon')\" />\n                </slot>\n                <slot v-else name=\"officon\" :value=\"value\" :class=\"cx('offIcon')\">\n                    <component :is=\"offIcon ? 'span' : 'StarIcon'\" :class=\"[cx('offIcon'), offIcon]\" v-bind=\"ptm('offIcon')\" />\n                </slot>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { focus, getFirstFocusableElement } from '@primeuix/utils/dom';\nimport BanIcon from '@primevue/icons/ban';\nimport StarIcon from '@primevue/icons/star';\nimport StarFillIcon from '@primevue/icons/starfill';\nimport BaseRating from './BaseRating.vue';\n\nexport default {\n    name: 'Rating',\n    extends: BaseRating,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur'],\n    data() {\n        return {\n            focusedOptionIndex: -1,\n            isFocusVisibleItem: true\n        };\n    },\n    methods: {\n        getPTOptions(key, value) {\n            return this.ptm(key, {\n                context: {\n                    active: value <= this.d_value,\n                    focused: value === this.focusedOptionIndex\n                }\n            });\n        },\n        onOptionClick(event, value) {\n            if (!this.readonly && !this.disabled) {\n                this.onOptionSelect(event, value);\n                this.isFocusVisibleItem = false;\n                const firstFocusableEl = getFirstFocusableElement(event.currentTarget);\n\n                firstFocusableEl && focus(firstFocusableEl);\n            }\n        },\n        onFocus(event, value) {\n            this.focusedOptionIndex = value;\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.focusedOptionIndex = -1;\n            this.$emit('blur', event);\n            this.formField.onBlur?.();\n        },\n        onChange(event, value) {\n            this.onOptionSelect(event, value);\n            this.isFocusVisibleItem = true;\n        },\n        onOptionSelect(event, value) {\n            if (this.focusedOptionIndex === value || this.d_value === value) {\n                this.focusedOptionIndex = -1;\n                this.updateModel(event, null);\n            } else {\n                this.focusedOptionIndex = value;\n                this.updateModel(event, value || null);\n            }\n        },\n        updateModel(event, value) {\n            this.writeValue(value, event);\n            this.$emit('change', { originalEvent: event, value });\n        },\n        starAriaLabel(value) {\n            return value === 1 ? this.$primevue.config.locale.aria.star : this.$primevue.config.locale.aria.stars.replace(/{star}/g, value);\n        }\n    },\n    computed: {\n        namex() {\n            return this.name || `${this.$attrSelector}_name`;\n        }\n    },\n    components: {\n        StarFillIcon,\n        StarIcon,\n        BanIcon\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <template v-for=\"value in stars\" :key=\"value\">\n            <div :class=\"cx('option', { value })\" @click=\"onOptionClick($event, value)\" v-bind=\"getPTOptions('option', value)\" :data-p-active=\"value <= d_value\" :data-p-focused=\"value === focusedOptionIndex\">\n                <span class=\"p-hidden-accessible\" v-bind=\"ptm('hiddenOptionInputContainer')\" :data-p-hidden-accessible=\"true\">\n                    <input\n                        type=\"radio\"\n                        :value=\"value\"\n                        :name=\"namex\"\n                        :checked=\"d_value === value\"\n                        :disabled=\"disabled\"\n                        :readonly=\"readonly\"\n                        :aria-label=\"starAriaLabel(value)\"\n                        @focus=\"onFocus($event, value)\"\n                        @blur=\"onBlur\"\n                        @change=\"onChange($event, value)\"\n                        v-bind=\"ptm('hiddenOptionInput')\"\n                    />\n                </span>\n                <slot v-if=\"value <= d_value\" name=\"onicon\" :value=\"value\" :class=\"cx('onIcon')\">\n                    <component :is=\"onIcon ? 'span' : 'StarFillIcon'\" :class=\"[cx('onIcon'), onIcon]\" v-bind=\"ptm('onIcon')\" />\n                </slot>\n                <slot v-else name=\"officon\" :value=\"value\" :class=\"cx('offIcon')\">\n                    <component :is=\"offIcon ? 'span' : 'StarIcon'\" :class=\"[cx('offIcon'), offIcon]\" v-bind=\"ptm('offIcon')\" />\n                </slot>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { focus, getFirstFocusableElement } from '@primeuix/utils/dom';\nimport BanIcon from '@primevue/icons/ban';\nimport StarIcon from '@primevue/icons/star';\nimport StarFillIcon from '@primevue/icons/starfill';\nimport BaseRating from './BaseRating.vue';\n\nexport default {\n    name: 'Rating',\n    extends: BaseRating,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur'],\n    data() {\n        return {\n            focusedOptionIndex: -1,\n            isFocusVisibleItem: true\n        };\n    },\n    methods: {\n        getPTOptions(key, value) {\n            return this.ptm(key, {\n                context: {\n                    active: value <= this.d_value,\n                    focused: value === this.focusedOptionIndex\n                }\n            });\n        },\n        onOptionClick(event, value) {\n            if (!this.readonly && !this.disabled) {\n                this.onOptionSelect(event, value);\n                this.isFocusVisibleItem = false;\n                const firstFocusableEl = getFirstFocusableElement(event.currentTarget);\n\n                firstFocusableEl && focus(firstFocusableEl);\n            }\n        },\n        onFocus(event, value) {\n            this.focusedOptionIndex = value;\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.focusedOptionIndex = -1;\n            this.$emit('blur', event);\n            this.formField.onBlur?.();\n        },\n        onChange(event, value) {\n            this.onOptionSelect(event, value);\n            this.isFocusVisibleItem = true;\n        },\n        onOptionSelect(event, value) {\n            if (this.focusedOptionIndex === value || this.d_value === value) {\n                this.focusedOptionIndex = -1;\n                this.updateModel(event, null);\n            } else {\n                this.focusedOptionIndex = value;\n                this.updateModel(event, value || null);\n            }\n        },\n        updateModel(event, value) {\n            this.writeValue(value, event);\n            this.$emit('change', { originalEvent: event, value });\n        },\n        starAriaLabel(value) {\n            return value === 1 ? this.$primevue.config.locale.aria.star : this.$primevue.config.locale.aria.stars.replace(/{star}/g, value);\n        }\n    },\n    computed: {\n        namex() {\n            return this.name || `${this.$attrSelector}_name`;\n        }\n    },\n    components: {\n        StarFillIcon,\n        StarIcon,\n        BanIcon\n    }\n};\n</script>\n"],"names":["name","BaseEditableHolder","props","readonly","type","Boolean","stars","Number","onIcon","String","undefined","offIcon","style","RatingStyle","provide","$pcRating","$parentInstance","BaseRating","inheritAttrs","emits","data","focusedOptionIndex","isFocusVisibleItem","methods","getPTOptions","key","value","ptm","context","active","d_value","focused","onOptionClick","event","disabled","onOptionSelect","firstFocusableEl","getFirstFocusableElement","currentTarget","focus","onFocus","$emit","onBlur","_this$formField$onBlu","_this$formField","formField","call","onChange","updateModel","writeValue","originalEvent","starAriaLabel","$primevue","config","locale","aria","star","replace","computed","namex","concat","$attrSelector","components","StarFillIcon","StarIcon","BanIcon","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_Fragment","_renderList","onClick","$event","$options","$data","_createElementVNode","checked","apply","arguments","_hoisted_2","_renderSlot","$slots","_createBlock","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/rating/BaseRating.vue","../../src/rating/Rating.vue","../../src/rating/Rating.vue?vue&type=template&id=21f09ede&lang.js"],"sourcesContent":["<script>\nimport BaseEditableHolder from '@primevue/core/baseeditableholder';\nimport RatingStyle from 'primevue/rating/style';\n\nexport default {\n    name: 'BaseRating',\n    extends: BaseEditableHolder,\n    props: {\n        readonly: {\n            type: Boolean,\n            default: false\n        },\n        stars: {\n            type: Number,\n            default: 5\n        },\n        onIcon: {\n            type: String,\n            default: undefined\n        },\n        offIcon: {\n            type: String,\n            default: undefined\n        }\n    },\n    style: RatingStyle,\n    provide() {\n        return {\n            $pcRating: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\" :data-p=\"dataP\">\n        <template v-for=\"value in stars\" :key=\"value\">\n            <div :class=\"cx('option', { value })\" @click=\"onOptionClick($event, value)\" v-bind=\"getPTOptions('option', value)\" :data-p-active=\"value <= d_value\" :data-p-focused=\"value === focusedOptionIndex\" :data-p=\"dataOption(value)\">\n                <span class=\"p-hidden-accessible\" v-bind=\"ptm('hiddenOptionInputContainer')\" :data-p-hidden-accessible=\"true\">\n                    <input\n                        type=\"radio\"\n                        :value=\"value\"\n                        :name=\"namex\"\n                        :checked=\"d_value === value\"\n                        :disabled=\"disabled\"\n                        :readonly=\"readonly\"\n                        :aria-label=\"starAriaLabel(value)\"\n                        @focus=\"onFocus($event, value)\"\n                        @blur=\"onBlur\"\n                        @change=\"onChange($event, value)\"\n                        v-bind=\"ptm('hiddenOptionInput')\"\n                    />\n                </span>\n                <slot v-if=\"value <= d_value\" name=\"onicon\" :value=\"value\" :class=\"cx('onIcon')\">\n                    <component :is=\"onIcon ? 'span' : 'StarFillIcon'\" :class=\"[cx('onIcon'), onIcon]\" v-bind=\"ptm('onIcon')\" />\n                </slot>\n                <slot v-else name=\"officon\" :value=\"value\" :class=\"cx('offIcon')\">\n                    <component :is=\"offIcon ? 'span' : 'StarIcon'\" :class=\"[cx('offIcon'), offIcon]\" v-bind=\"ptm('offIcon')\" />\n                </slot>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { focus, getFirstFocusableElement } from '@primeuix/utils/dom';\nimport BanIcon from '@primevue/icons/ban';\nimport StarIcon from '@primevue/icons/star';\nimport StarFillIcon from '@primevue/icons/starfill';\nimport BaseRating from './BaseRating.vue';\n\nexport default {\n    name: 'Rating',\n    extends: BaseRating,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur'],\n    data() {\n        return {\n            focusedOptionIndex: -1,\n            isFocusVisibleItem: true\n        };\n    },\n    methods: {\n        getPTOptions(key, value) {\n            return this.ptm(key, {\n                context: {\n                    active: value <= this.d_value,\n                    focused: value === this.focusedOptionIndex\n                }\n            });\n        },\n        onOptionClick(event, value) {\n            if (!this.readonly && !this.disabled) {\n                this.onOptionSelect(event, value);\n                this.isFocusVisibleItem = false;\n                const firstFocusableEl = getFirstFocusableElement(event.currentTarget);\n\n                firstFocusableEl && focus(firstFocusableEl);\n            }\n        },\n        onFocus(event, value) {\n            this.focusedOptionIndex = value;\n            this.isFocusVisibleItem = event.sourceCapabilities?.firesTouchEvents === false;\n\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.focusedOptionIndex = -1;\n            this.$emit('blur', event);\n            this.formField.onBlur?.();\n        },\n        onChange(event, value) {\n            this.onOptionSelect(event, value);\n            this.isFocusVisibleItem = true;\n        },\n        onOptionSelect(event, value) {\n            if (this.focusedOptionIndex === value || this.d_value === value) {\n                this.focusedOptionIndex = -1;\n                this.updateModel(event, null);\n            } else {\n                this.focusedOptionIndex = value;\n                this.updateModel(event, value || null);\n            }\n        },\n        updateModel(event, value) {\n            this.writeValue(value, event);\n            this.$emit('change', { originalEvent: event, value });\n        },\n        starAriaLabel(value) {\n            return value === 1 ? this.$primevue.config.locale.aria.star : this.$primevue.config.locale.aria.stars.replace(/{star}/g, value);\n        },\n        dataOption(value) {\n            return cn({\n                readonly: this.readonly,\n                disabled: this.disabled,\n                active: value <= this.d_value,\n                'focus-visible': value === this.focusedOptionIndex && this.isFocusVisibleItem\n            });\n        }\n    },\n    computed: {\n        namex() {\n            return this.name || `${this.$attrSelector}_name`;\n        },\n        dataP() {\n            return cn({\n                readonly: this.readonly,\n                disabled: this.disabled\n            });\n        }\n    },\n    components: {\n        StarFillIcon,\n        StarIcon,\n        BanIcon\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\" :data-p=\"dataP\">\n        <template v-for=\"value in stars\" :key=\"value\">\n            <div :class=\"cx('option', { value })\" @click=\"onOptionClick($event, value)\" v-bind=\"getPTOptions('option', value)\" :data-p-active=\"value <= d_value\" :data-p-focused=\"value === focusedOptionIndex\" :data-p=\"dataOption(value)\">\n                <span class=\"p-hidden-accessible\" v-bind=\"ptm('hiddenOptionInputContainer')\" :data-p-hidden-accessible=\"true\">\n                    <input\n                        type=\"radio\"\n                        :value=\"value\"\n                        :name=\"namex\"\n                        :checked=\"d_value === value\"\n                        :disabled=\"disabled\"\n                        :readonly=\"readonly\"\n                        :aria-label=\"starAriaLabel(value)\"\n                        @focus=\"onFocus($event, value)\"\n                        @blur=\"onBlur\"\n                        @change=\"onChange($event, value)\"\n                        v-bind=\"ptm('hiddenOptionInput')\"\n                    />\n                </span>\n                <slot v-if=\"value <= d_value\" name=\"onicon\" :value=\"value\" :class=\"cx('onIcon')\">\n                    <component :is=\"onIcon ? 'span' : 'StarFillIcon'\" :class=\"[cx('onIcon'), onIcon]\" v-bind=\"ptm('onIcon')\" />\n                </slot>\n                <slot v-else name=\"officon\" :value=\"value\" :class=\"cx('offIcon')\">\n                    <component :is=\"offIcon ? 'span' : 'StarIcon'\" :class=\"[cx('offIcon'), offIcon]\" v-bind=\"ptm('offIcon')\" />\n                </slot>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { focus, getFirstFocusableElement } from '@primeuix/utils/dom';\nimport BanIcon from '@primevue/icons/ban';\nimport StarIcon from '@primevue/icons/star';\nimport StarFillIcon from '@primevue/icons/starfill';\nimport BaseRating from './BaseRating.vue';\n\nexport default {\n    name: 'Rating',\n    extends: BaseRating,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur'],\n    data() {\n        return {\n            focusedOptionIndex: -1,\n            isFocusVisibleItem: true\n        };\n    },\n    methods: {\n        getPTOptions(key, value) {\n            return this.ptm(key, {\n                context: {\n                    active: value <= this.d_value,\n                    focused: value === this.focusedOptionIndex\n                }\n            });\n        },\n        onOptionClick(event, value) {\n            if (!this.readonly && !this.disabled) {\n                this.onOptionSelect(event, value);\n                this.isFocusVisibleItem = false;\n                const firstFocusableEl = getFirstFocusableElement(event.currentTarget);\n\n                firstFocusableEl && focus(firstFocusableEl);\n            }\n        },\n        onFocus(event, value) {\n            this.focusedOptionIndex = value;\n            this.isFocusVisibleItem = event.sourceCapabilities?.firesTouchEvents === false;\n\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.focusedOptionIndex = -1;\n            this.$emit('blur', event);\n            this.formField.onBlur?.();\n        },\n        onChange(event, value) {\n            this.onOptionSelect(event, value);\n            this.isFocusVisibleItem = true;\n        },\n        onOptionSelect(event, value) {\n            if (this.focusedOptionIndex === value || this.d_value === value) {\n                this.focusedOptionIndex = -1;\n                this.updateModel(event, null);\n            } else {\n                this.focusedOptionIndex = value;\n                this.updateModel(event, value || null);\n            }\n        },\n        updateModel(event, value) {\n            this.writeValue(value, event);\n            this.$emit('change', { originalEvent: event, value });\n        },\n        starAriaLabel(value) {\n            return value === 1 ? this.$primevue.config.locale.aria.star : this.$primevue.config.locale.aria.stars.replace(/{star}/g, value);\n        },\n        dataOption(value) {\n            return cn({\n                readonly: this.readonly,\n                disabled: this.disabled,\n                active: value <= this.d_value,\n                'focus-visible': value === this.focusedOptionIndex && this.isFocusVisibleItem\n            });\n        }\n    },\n    computed: {\n        namex() {\n            return this.name || `${this.$attrSelector}_name`;\n        },\n        dataP() {\n            return cn({\n                readonly: this.readonly,\n                disabled: this.disabled\n            });\n        }\n    },\n    components: {\n        StarFillIcon,\n        StarIcon,\n        BanIcon\n    }\n};\n</script>\n"],"names":["name","BaseEditableHolder","props","readonly","type","Boolean","stars","Number","onIcon","String","undefined","offIcon","style","RatingStyle","provide","$pcRating","$parentInstance","BaseRating","inheritAttrs","emits","data","focusedOptionIndex","isFocusVisibleItem","methods","getPTOptions","key","value","ptm","context","active","d_value","focused","onOptionClick","event","disabled","onOptionSelect","firstFocusableEl","getFirstFocusableElement","currentTarget","focus","onFocus","_event$sourceCapabili","sourceCapabilities","firesTouchEvents","$emit","onBlur","_this$formField$onBlu","_this$formField","formField","call","onChange","updateModel","writeValue","originalEvent","starAriaLabel","$primevue","config","locale","aria","star","replace","dataOption","cn","computed","namex","concat","$attrSelector","dataP","components","StarFillIcon","StarIcon","BanIcon","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","$options","_Fragment","_renderList","onClick","$event","$data","_createElementVNode","checked","apply","arguments","_hoisted_3","_renderSlot","$slots","_createBlock","_resolveDynamicComponent"],"mappings":"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"}

package/scrolltop/ScrollTop.vue

@@ -1,9 +1,9 @@
 <template>
     <transition name="p-scrolltop" appear @enter="onEnter" @after-leave="onAfterLeave" v-bind="ptm('transition')">
-        <Button v-if="visible" :ref="containerRef" :class="cx('root')" @click="onClick" :aria-label="scrollTopAriaLabel" :unstyled="unstyled" v-bind="buttonProps" :pt="pt">
+        <Button v-if="visible" :ref="containerRef" :class="cx('root')" @click="onClick" :aria-label="scrollTopAriaLabel" :unstyled="unstyled" v-bind="buttonProps" :pt="ptm('root')">
             <template #icon="slotProps">
                 <slot name="icon" :class="cx('icon')">
-                    <component :is="icon ? 'span' : 'ChevronUpIcon'" :class="[cx('icon'), icon, slotProps.class]" v-bind="ptm('icon')" />
+                    <component :is="icon ? 'span' : 'ChevronUpIcon'" :class="[cx('icon'), icon, slotProps.class]" v-bind="ptm('root')['icon']" data-pc-section="icon" />
                 </slot>
             </template>
         </Button>

package/scrolltop/index.d.ts

@@ -7,7 +7,7 @@
  * @module scrolltop
  *
  */
-import type { DefineComponent, DesignToken, EmitFn, PassThrough } from '@primevue/core';
+import type { DefineComponent, DesignToken, EmitFn, HintedString, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { ButtonPassThroughOptions, ButtonProps } from 'primevue/button';
 import type { PassThroughOptions } from 'primevue/passthrough';
@@ -108,7 +108,7 @@ export interface ScrollTopProps {
      * Target of the ScrollTop.
      * @defaultValue window
      */
-    target?: 'window' | 'parent' | undefined;
+    target?: HintedString<'window' | 'parent'> | undefined;
     /**
      * Defines the threshold value of the vertical scroll position of the target to toggle the visibility.
      * @defaultValue 400

package/scrolltop/index.mjs

@@ -140,7 +140,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "aria-label": $options.scrollTopAriaLabel,
         unstyled: _ctx.unstyled
       }, _ctx.buttonProps, {
-        pt: _ctx.pt
+        pt: _ctx.ptm('root')
       }), {
         icon: withCtx(function (slotProps) {
           return [renderSlot(_ctx.$slots, "icon", {
@@ -148,7 +148,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, function () {
             return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ? 'span' : 'ChevronUpIcon'), mergeProps({
               "class": [_ctx.cx('icon'), _ctx.icon, slotProps["class"]]
-            }, _ctx.ptm('icon')), null, 16, ["class"]))];
+            }, _ctx.ptm('root')['icon'], {
+              "data-pc-section": "icon"
+            }), null, 16, ["class"]))];
           })];
         }),
         _: 3

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=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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"}
+{"version":3,"file":"index.mjs","sources":["../../src/scrolltop/BaseScrollTop.vue","../../src/scrolltop/ScrollTop.vue","../../src/scrolltop/ScrollTop.vue?vue&type=template&id=13ee561a&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=\"ptm('root')\">\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('root')['icon']\" data-pc-section=\"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=\"ptm('root')\">\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('root')['icon']\" data-pc-section=\"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/Select.vue

@@ -1,8 +1,9 @@
 <template>
-    <div ref="container" :id="$id" :class="cx('root')" @click="onContainerClick" v-bind="ptmi('root')">
+    <div ref="container" :id="$id" :class="cx('root')" @click="onContainerClick" :data-p="containerDataP" v-bind="ptmi('root')">
         <input
             v-if="editable"
             ref="focusInput"
+            :name="name"
             :id="labelId || inputId"
             type="text"
             :class="[cx('label'), inputClass, labelClass]"
@@ -24,11 +25,13 @@
             @blur="onBlur"
             @keydown="onKeyDown"
             @input="onEditableInput"
+            :data-p="labelDataP"
             v-bind="ptm('label')"
         />
         <span
             v-else
             ref="focusInput"
+            :name="name"
             :id="labelId || inputId"
             :class="[cx('label'), inputClass, labelClass]"
             :style="[inputStyle, labelStyle]"
@@ -45,9 +48,10 @@
             @focus="onFocus"
             @blur="onBlur"
             @keydown="onKeyDown"
+            :data-p="labelDataP"
             v-bind="ptm('label')"
         >
-            <slot name="value" :value="d_value" :placeholder="placeholder">{{ label === 'p-emptylabel' ? '&nbsp;' : label ?? 'empty' }}</slot>
+            <slot name="value" :value="d_value" :placeholder="placeholder">{{ label === 'p-emptylabel' ? '&nbsp;' : (label ?? 'empty') }}</slot>
         </span>
         <slot v-if="isClearIconVisible" name="clearicon" :class="cx('clearIcon')" :clearCallback="onClearClick">
             <component :is="clearIcon ? 'i' : 'TimesIcon'" ref="clearIcon" :class="[cx('clearIcon'), clearIcon]" @click="onClearClick" v-bind="ptm('clearIcon')" data-pc-section="clearicon" />
@@ -58,12 +62,12 @@
                 <SpinnerIcon v-else :class="cx('loadingIcon')" spin aria-hidden="true" v-bind="ptm('loadingIcon')" />
             </slot>
             <slot v-else name="dropdownicon" :class="cx('dropdownIcon')">
-                <component :is="dropdownIcon ? 'span' : 'ChevronDownIcon'" :class="[cx('dropdownIcon'), dropdownIcon]" aria-hidden="true" v-bind="ptm('dropdownIcon')" />
+                <component :is="dropdownIcon ? 'span' : 'ChevronDownIcon'" :class="[cx('dropdownIcon'), dropdownIcon]" aria-hidden="true" :data-p="dropdownIconDataP" v-bind="ptm('dropdownIcon')" />
             </slot>
         </div>
         <Portal :appendTo="appendTo">
             <transition name="p-connected-overlay" @enter="onOverlayEnter" @after-enter="onOverlayAfterEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave" v-bind="ptm('transition')">
-                <div v-if="overlayVisible" :ref="overlayRef" :class="[cx('overlay'), panelClass, overlayClass]" :style="[panelStyle, overlayStyle]" @click="onOverlayClick" @keydown="onOverlayKeyDown" v-bind="ptm('overlay')">
+                <div v-if="overlayVisible" :ref="overlayRef" :class="[cx('overlay'), panelClass, overlayClass]" :style="[panelStyle, overlayStyle]" @click="onOverlayClick" @keydown="onOverlayKeyDown" :data-p="overlayDataP" v-bind="ptm('overlay')">
                     <span
                         ref="firstHiddenFocusableElementOnOverlay"
                         role="presentation"
@@ -138,9 +142,9 @@
                                             :aria-disabled="isOptionDisabled(option)"
                                             :aria-setsize="ariaSetSize"
                                             :aria-posinset="getAriaPosInset(getOptionIndex(i, getItemOptions))"
-                                            @click="onOptionSelect($event, option)"
+                                            @mousedown="onOptionSelect($event, option)"
                                             @mousemove="onOptionMouseMove($event, getOptionIndex(i, getItemOptions))"
-                                            :data-p-selected="isSelected(option)"
+                                            :data-p-selected="!checkmark && isSelected(option)"
                                             :data-p-focused="focusedOptionIndex === getOptionIndex(i, getItemOptions)"
                                             :data-p-disabled="isOptionDisabled(option)"
                                             v-bind="getPTItemOptions(option, getItemOptions, i, 'option')"
@@ -192,6 +196,7 @@
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import { absolutePosition, addStyle, findSingle, focus, getFirstFocusableElement, getFocusableElements, getLastFocusableElement, getOuterWidth, isAndroid, isTouchDevice, isVisible, relativePosition } from '@primeuix/utils/dom';
 import { equals, findLastIndex, isNotEmpty, isPrintableCharacter, resolveFieldData } from '@primeuix/utils/object';
 import { ZIndex } from '@primeuix/utils/zindex';
@@ -352,11 +357,13 @@ export default {
             this.$emit('focus', event);
         },
         onBlur(event) {
-            this.focused = false;
-            this.focusedOptionIndex = -1;
-            this.searchValue = '';
-            this.$emit('blur', event);
-            this.formField.onBlur?.(event);
+            setTimeout(() => {
+                this.focused = false;
+                this.focusedOptionIndex = -1;
+                this.searchValue = '';
+                this.$emit('blur', event);
+                this.formField.onBlur?.(event);
+            }, 100);
         },
         onKeyDown(event) {
             if (this.disabled || isAndroid()) {
@@ -684,7 +691,7 @@ export default {
         onOverlayEnter(el) {
             ZIndex.set('overlay', el, this.$primevue.config.zIndex.overlay);
 
-            addStyle(el, { position: 'absolute', top: '0', left: '0' });
+            addStyle(el, { position: 'absolute', top: '0' });
             this.alignOverlay();
             this.scrollInView();
 
@@ -723,14 +730,17 @@ export default {
             if (this.appendTo === 'self') {
                 relativePosition(this.overlay, this.$el);
             } else {
-                this.overlay.style.minWidth = getOuterWidth(this.$el) + 'px';
-                absolutePosition(this.overlay, this.$el);
+                if (this.overlay) {
+                    this.overlay.style.minWidth = getOuterWidth(this.$el) + 'px';
+                    absolutePosition(this.overlay, this.$el);
+                }
             }
         },
         bindOutsideClickListener() {
             if (!this.outsideClickListener) {
                 this.outsideClickListener = (event) => {
-                    if (this.overlayVisible && this.overlay && !this.$el.contains(event.target) && !this.overlay.contains(event.target)) {
+                    const composedPath = event.composedPath();
+                    if (this.overlayVisible && this.overlay && !composedPath.includes(this.$el) && !composedPath.includes(this.overlay)) {
                         this.hide();
                     }
                 };
@@ -919,7 +929,7 @@ export default {
                 const element = findSingle(this.list, `li[id="${id}"]`);
 
                 if (element) {
-                    element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'start' });
+                    element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
                 } else if (!this.virtualScrollerDisabled) {
                     this.virtualScroller && this.virtualScroller.scrollToIndex(index !== -1 ? index : this.focusedOptionIndex);
                 }
@@ -1038,6 +1048,36 @@ export default {
         },
         virtualScrollerDisabled() {
             return !this.virtualScrollerOptions;
+        },
+        containerDataP() {
+            return cn({
+                invalid: this.$invalid,
+                disabled: this.disabled,
+                focus: this.focused,
+                fluid: this.$fluid,
+                filled: this.$variant === 'filled',
+                [this.size]: this.size
+            });
+        },
+        labelDataP() {
+            return cn({
+                placeholder: !this.editable && this.label === this.placeholder,
+                clearable: this.showClear,
+                disabled: this.disabled,
+                editable: this.editable,
+                [this.size]: this.size,
+                empty: !this.editable && !this.$slots['value'] && (this.label === 'p-emptylabel' || this.label.length === 0)
+            });
+        },
+        dropdownIconDataP() {
+            return cn({
+                [this.size]: this.size
+            });
+        },
+        overlayDataP() {
+            return cn({
+                ['portal-' + this.appendTo]: 'portal-' + this.appendTo
+            });
         }
     },
     directives: {

package/select/index.d.ts

@@ -366,7 +366,7 @@ export interface SelectProps {
     /**
      * Defines the size of the component.
      */
-    size?: 'small' | 'large' | undefined;
+    size?: HintedString<'small' | 'large'> | undefined;
     /**
      * When present, it specifies that the component should have invalid state style.
      * @defaultValue false
@@ -381,7 +381,7 @@ export interface SelectProps {
      * Specifies the input variant of the component.
      * @defaultValue null
      */
-    variant?: 'outlined' | 'filled' | undefined | null;
+    variant?: HintedString<'outlined' | 'filled'> | undefined | null;
     /**
      * A property to uniquely identify an option.
      */