primevue 4.3.1 → 4.3.2

package/progressbar/ProgressBar.vue

@@ -1,15 +1,16 @@
 <template>
-    <div role="progressbar" :class="cx('root')" aria-valuemin="0" :aria-valuenow="value" aria-valuemax="100" v-bind="ptmi('root')">
-        <div v-if="determinate" :class="cx('value')" :style="progressStyle" v-bind="ptm('value')">
-            <div v-if="value != null && value !== 0 && showValue" :class="cx('label')" v-bind="ptm('label')">
+    <div role="progressbar" :class="cx('root')" aria-valuemin="0" :aria-valuenow="value" aria-valuemax="100" v-bind="ptmi('root')" :data-p="dataP">
+        <div v-if="determinate" :class="cx('value')" :style="progressStyle" v-bind="ptm('value')" :data-p="dataP">
+            <div v-if="value != null && value !== 0 && showValue" :class="cx('label')" v-bind="ptm('label')" :data-p="dataP">
                 <slot>{{ value + '%' }}</slot>
             </div>
         </div>
-        <div v-else-if="indeterminate" :class="cx('value')" v-bind="ptm('value')"></div>
+        <div v-else-if="indeterminate" :class="cx('value')" v-bind="ptm('value')" :data-p="dataP"></div>
     </div>
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import BaseProgressBar from './BaseProgressBar.vue';
 
 export default {
@@ -28,6 +29,12 @@ export default {
         },
         determinate() {
             return this.mode === 'determinate';
+        },
+        dataP() {
+            return cn({
+                determinate: this.determinate,
+                indeterminate: this.indeterminate
+            });
         }
     }
 };

package/progressbar/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import BaseComponent from '@primevue/core/basecomponent';
 import ProgressBarStyle from 'primevue/progressbar/style';
 import { createElementBlock, openBlock, mergeProps, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
@@ -44,11 +45,20 @@ var script = {
     },
     determinate: function determinate() {
       return this.mode === 'determinate';
+    },
+    dataP: function dataP() {
+      return cn({
+        determinate: this.determinate,
+        indeterminate: this.indeterminate
+      });
     }
   }
 };
 
-var _hoisted_1 = ["aria-valuenow"];
+var _hoisted_1 = ["aria-valuenow", "data-p"];
+var _hoisted_2 = ["data-p"];
+var _hoisted_3 = ["data-p"];
+var _hoisted_4 = ["data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
     role: "progressbar",
@@ -56,19 +66,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-valuemin": "0",
     "aria-valuenow": _ctx.value,
     "aria-valuemax": "100"
-  }, _ctx.ptmi('root')), [$options.determinate ? (openBlock(), createElementBlock("div", mergeProps({
+  }, _ctx.ptmi('root'), {
+    "data-p": $options.dataP
+  }), [$options.determinate ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
     "class": _ctx.cx('value'),
     style: $options.progressStyle
-  }, _ctx.ptm('value')), [_ctx.value != null && _ctx.value !== 0 && _ctx.showValue ? (openBlock(), createElementBlock("div", mergeProps({
+  }, _ctx.ptm('value'), {
+    "data-p": $options.dataP
+  }), [_ctx.value != null && _ctx.value !== 0 && _ctx.showValue ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
     "class": _ctx.cx('label')
-  }, _ctx.ptm('label')), [renderSlot(_ctx.$slots, "default", {}, function () {
+  }, _ctx.ptm('label'), {
+    "data-p": $options.dataP
+  }), [renderSlot(_ctx.$slots, "default", {}, function () {
     return [createTextVNode(toDisplayString(_ctx.value + '%'), 1)];
-  })], 16)) : createCommentVNode("", true)], 16)) : $options.indeterminate ? (openBlock(), createElementBlock("div", mergeProps({
+  })], 16, _hoisted_3)) : createCommentVNode("", true)], 16, _hoisted_2)) : $options.indeterminate ? (openBlock(), createElementBlock("div", mergeProps({
     key: 1,
     "class": _ctx.cx('value')
-  }, _ctx.ptm('value')), null, 16)) : createCommentVNode("", true)], 16, _hoisted_1);
+  }, _ctx.ptm('value'), {
+    "data-p": $options.dataP
+  }), null, 16, _hoisted_4)) : createCommentVNode("", true)], 16, _hoisted_1);
 }
 
 script.render = render;

package/progressbar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/progressbar/BaseProgressBar.vue","../../src/progressbar/ProgressBar.vue","../../src/progressbar/ProgressBar.vue?vue&type=template&id=3e6d1c3d&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ProgressBarStyle from 'primevue/progressbar/style';\n\nexport default {\n    name: 'BaseProgressBar',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: Number,\n            default: null\n        },\n        mode: {\n            type: String,\n            default: 'determinate'\n        },\n        showValue: {\n            type: Boolean,\n            default: true\n        }\n    },\n    style: ProgressBarStyle,\n    provide() {\n        return {\n            $pcProgressBar: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div role=\"progressbar\" :class=\"cx('root')\" aria-valuemin=\"0\" :aria-valuenow=\"value\" aria-valuemax=\"100\" v-bind=\"ptmi('root')\">\n        <div v-if=\"determinate\" :class=\"cx('value')\" :style=\"progressStyle\" v-bind=\"ptm('value')\">\n            <div v-if=\"value != null && value !== 0 && showValue\" :class=\"cx('label')\" v-bind=\"ptm('label')\">\n                <slot>{{ value + '%' }}</slot>\n            </div>\n        </div>\n        <div v-else-if=\"indeterminate\" :class=\"cx('value')\" v-bind=\"ptm('value')\"></div>\n    </div>\n</template>\n\n<script>\nimport BaseProgressBar from './BaseProgressBar.vue';\n\nexport default {\n    name: 'ProgressBar',\n    extends: BaseProgressBar,\n    inheritAttrs: false,\n    computed: {\n        progressStyle() {\n            return {\n                width: this.value + '%',\n                display: 'flex'\n            };\n        },\n        indeterminate() {\n            return this.mode === 'indeterminate';\n        },\n        determinate() {\n            return this.mode === 'determinate';\n        }\n    }\n};\n</script>\n","<template>\n    <div role=\"progressbar\" :class=\"cx('root')\" aria-valuemin=\"0\" :aria-valuenow=\"value\" aria-valuemax=\"100\" v-bind=\"ptmi('root')\">\n        <div v-if=\"determinate\" :class=\"cx('value')\" :style=\"progressStyle\" v-bind=\"ptm('value')\">\n            <div v-if=\"value != null && value !== 0 && showValue\" :class=\"cx('label')\" v-bind=\"ptm('label')\">\n                <slot>{{ value + '%' }}</slot>\n            </div>\n        </div>\n        <div v-else-if=\"indeterminate\" :class=\"cx('value')\" v-bind=\"ptm('value')\"></div>\n    </div>\n</template>\n\n<script>\nimport BaseProgressBar from './BaseProgressBar.vue';\n\nexport default {\n    name: 'ProgressBar',\n    extends: BaseProgressBar,\n    inheritAttrs: false,\n    computed: {\n        progressStyle() {\n            return {\n                width: this.value + '%',\n                display: 'flex'\n            };\n        },\n        indeterminate() {\n            return this.mode === 'indeterminate';\n        },\n        determinate() {\n            return this.mode === 'determinate';\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","Number","mode","String","showValue","Boolean","style","ProgressBarStyle","provide","$pcProgressBar","$parentInstance","BaseProgressBar","inheritAttrs","computed","progressStyle","width","display","indeterminate","determinate","_openBlock","_createElementBlock","_mergeProps","role","_ctx","cx","ptmi","$options","ptm","_renderSlot"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,iBAAiB;AACvB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,IAAI,EAAEG,MAAM;MACZ,SAAS,EAAA;KACZ;AACDC,IAAAA,SAAS,EAAE;AACPJ,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA;AACb;GACH;AACDC,EAAAA,KAAK,EAAEC,gBAAgB;EACvBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,cAAc,EAAE,IAAI;AACpBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACdD,aAAe;AACXd,EAAAA,IAAI,EAAE,aAAa;AACnB,EAAA,SAAA,EAASe,QAAe;AACxBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,QAAQ,EAAE;IACNC,aAAa,EAAA,SAAbA,aAAaA,GAAG;MACZ,OAAO;AACHC,QAAAA,KAAK,EAAE,IAAI,CAAChB,QAAQ,GAAG;AACvBiB,QAAAA,OAAO,EAAE;OACZ;KACJ;IACDC,aAAa,EAAA,SAAbA,aAAaA,GAAG;AACZ,MAAA,OAAO,IAAI,CAACf,IAAK,KAAI,eAAe;KACvC;IACDgB,WAAW,EAAA,SAAXA,WAAWA,GAAG;AACV,MAAA,OAAO,IAAI,CAAChB,IAAG,KAAM,aAAa;AACtC;AACJ;AACJ,CAAC;;;;EC/BG,OAAAiB,SAAA,EAAA,EAAAC,kBAAA,CAOK,OAPLC,UAOK,CAAA;AAPAC,IAAAA,IAAI,EAAC,aAAc;AAAC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;AAAU,IAAA,eAAa,EAAC,GAAE;IAAG,eAAa,EAAED,IAAK,CAAAxB,KAAA;AAAE,IAAA,eAAa,EAAC;KAAcwB,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACtGC,QAAW,CAAAR,WAAA,IAAtBC,SAAA,EAAA,EAAAC,kBAAA,CAIK,OAJLC,UAIK,CAAA;;AAJoB,IAAA,OAAA,EAAOE,IAAE,CAAAC,EAAA,CAAA,OAAA,CAAA;IAAYlB,KAAK,EAAEoB,QAAa,CAAAZ;KAAUS,IAAG,CAAAI,GAAA,CAAA,OAAA,CAAA,CAAA,EAAA,CAChEJ,sBAAiBA,IAAI,CAAAxB,KAAA,KAAA,CAAA,IAAWwB,IAAS,CAAAnB,SAAA,IAApDe,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAEK,CAAA;;AAFkD,IAAA,OAAA,EAAOE,IAAE,CAAAC,EAAA,CAAA,OAAA;KAAmBD,IAAG,CAAAI,GAAA,CAAA,OAAA,CAAA,CAAA,EAAA,CAClFC,UAAA,CAA6BL,4BAA7B,YAAA;AAAA,IAAA,OAA6B,iCAApBA;oDAGDG,QAAa,CAAAT,aAAA,IAA7BE,SAAA,EAAA,EAAAC,kBAAA,CAA+E,OAA/EC,UAA+E,CAAA;;AAA/C,IAAA,OAAA,EAAOE,IAAE,CAAAC,EAAA,CAAA,OAAA;KAAmBD,IAAG,CAAAI,GAAA,CAAA,OAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/progressbar/BaseProgressBar.vue","../../src/progressbar/ProgressBar.vue","../../src/progressbar/ProgressBar.vue?vue&type=template&id=46a8b9c7&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ProgressBarStyle from 'primevue/progressbar/style';\n\nexport default {\n    name: 'BaseProgressBar',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: Number,\n            default: null\n        },\n        mode: {\n            type: String,\n            default: 'determinate'\n        },\n        showValue: {\n            type: Boolean,\n            default: true\n        }\n    },\n    style: ProgressBarStyle,\n    provide() {\n        return {\n            $pcProgressBar: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div role=\"progressbar\" :class=\"cx('root')\" aria-valuemin=\"0\" :aria-valuenow=\"value\" aria-valuemax=\"100\" v-bind=\"ptmi('root')\" :data-p=\"dataP\">\n        <div v-if=\"determinate\" :class=\"cx('value')\" :style=\"progressStyle\" v-bind=\"ptm('value')\" :data-p=\"dataP\">\n            <div v-if=\"value != null && value !== 0 && showValue\" :class=\"cx('label')\" v-bind=\"ptm('label')\" :data-p=\"dataP\">\n                <slot>{{ value + '%' }}</slot>\n            </div>\n        </div>\n        <div v-else-if=\"indeterminate\" :class=\"cx('value')\" v-bind=\"ptm('value')\" :data-p=\"dataP\"></div>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseProgressBar from './BaseProgressBar.vue';\n\nexport default {\n    name: 'ProgressBar',\n    extends: BaseProgressBar,\n    inheritAttrs: false,\n    computed: {\n        progressStyle() {\n            return {\n                width: this.value + '%',\n                display: 'flex'\n            };\n        },\n        indeterminate() {\n            return this.mode === 'indeterminate';\n        },\n        determinate() {\n            return this.mode === 'determinate';\n        },\n        dataP() {\n            return cn({\n                determinate: this.determinate,\n                indeterminate: this.indeterminate\n            });\n        }\n    }\n};\n</script>\n","<template>\n    <div role=\"progressbar\" :class=\"cx('root')\" aria-valuemin=\"0\" :aria-valuenow=\"value\" aria-valuemax=\"100\" v-bind=\"ptmi('root')\" :data-p=\"dataP\">\n        <div v-if=\"determinate\" :class=\"cx('value')\" :style=\"progressStyle\" v-bind=\"ptm('value')\" :data-p=\"dataP\">\n            <div v-if=\"value != null && value !== 0 && showValue\" :class=\"cx('label')\" v-bind=\"ptm('label')\" :data-p=\"dataP\">\n                <slot>{{ value + '%' }}</slot>\n            </div>\n        </div>\n        <div v-else-if=\"indeterminate\" :class=\"cx('value')\" v-bind=\"ptm('value')\" :data-p=\"dataP\"></div>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseProgressBar from './BaseProgressBar.vue';\n\nexport default {\n    name: 'ProgressBar',\n    extends: BaseProgressBar,\n    inheritAttrs: false,\n    computed: {\n        progressStyle() {\n            return {\n                width: this.value + '%',\n                display: 'flex'\n            };\n        },\n        indeterminate() {\n            return this.mode === 'indeterminate';\n        },\n        determinate() {\n            return this.mode === 'determinate';\n        },\n        dataP() {\n            return cn({\n                determinate: this.determinate,\n                indeterminate: this.indeterminate\n            });\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","Number","mode","String","showValue","Boolean","style","ProgressBarStyle","provide","$pcProgressBar","$parentInstance","BaseProgressBar","inheritAttrs","computed","progressStyle","width","display","indeterminate","determinate","dataP","cn","_openBlock","_createElementBlock","_mergeProps","role","_ctx","cx","ptmi","$options","ptm","_renderSlot","_hoisted_4"],"mappings":"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"}

package/radiobutton/RadioButton.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" v-bind="getPTOptions('root')" :data-p-checked="checked" :data-p-disabled="disabled">
+    <div :class="cx('root')" v-bind="getPTOptions('root')" :data-p-checked="checked" :data-p-disabled="disabled" :data-p="dataP">
         <input
             :id="inputId"
             type="radio"
@@ -19,13 +19,14 @@
             @change="onChange"
             v-bind="getPTOptions('input')"
         />
-        <div :class="cx('box')" v-bind="getPTOptions('box')">
-            <div :class="cx('icon')" v-bind="getPTOptions('icon')"></div>
+        <div :class="cx('box')" v-bind="getPTOptions('box')" :data-p="dataP">
+            <div :class="cx('icon')" v-bind="getPTOptions('icon')" :data-p="dataP"></div>
         </div>
     </div>
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import { equals } from '@primeuix/utils/object';
 import BaseRadioButton from './BaseRadioButton.vue';
 
@@ -74,6 +75,15 @@ export default {
             const value = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;
 
             return value != null && (this.binary ? !!value : equals(value, this.value));
+        },
+        dataP() {
+            return cn({
+                invalid: this.$invalid,
+                checked: this.checked,
+                disabled: this.disabled,
+                filled: this.$variant === 'filled',
+                [this.size]: this.size
+            });
         }
     }
 };

package/radiobutton/index.d.ts

@@ -7,7 +7,7 @@
  * @module radiobutton
  *
  */
-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 { PassThroughOptions } from 'primevue/passthrough';
 
@@ -117,7 +117,7 @@ export interface RadioButtonProps {
     /**
      * 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
@@ -132,7 +132,7 @@ export interface RadioButtonProps {
      * Specifies the input variant of the component.
      * @defaultValue null
      */
-    variant?: 'outlined' | 'filled' | undefined | null;
+    variant?: HintedString<'outlined' | 'filled'> | undefined | null;
     /**
      * When present, it specifies that an input field is read-only.
      * @default false

package/radiobutton/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import { equals } from '@primeuix/utils/object';
 import BaseInput from '@primevue/core/baseinput';
 import RadioButtonStyle from 'primevue/radiobutton/style';
@@ -47,6 +48,10 @@ var script$1 = {
   }
 };
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script = {
   name: 'RadioButton',
   "extends": script$1,
@@ -90,18 +95,29 @@ var script = {
     checked: function checked() {
       var value = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;
       return value != null && (this.binary ? !!value : equals(value, this.value));
+    },
+    dataP: function dataP() {
+      return cn(_defineProperty({
+        invalid: this.$invalid,
+        checked: this.checked,
+        disabled: this.disabled,
+        filled: this.$variant === 'filled'
+      }, this.size, this.size));
     }
   }
 };
 
-var _hoisted_1 = ["data-p-checked", "data-p-disabled"];
+var _hoisted_1 = ["data-p-checked", "data-p-disabled", "data-p"];
 var _hoisted_2 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "aria-labelledby", "aria-label", "aria-invalid"];
+var _hoisted_3 = ["data-p"];
+var _hoisted_4 = ["data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root')
   }, $options.getPTOptions('root'), {
     "data-p-checked": $options.checked,
-    "data-p-disabled": _ctx.disabled
+    "data-p-disabled": _ctx.disabled,
+    "data-p": $options.dataP
   }), [createElementVNode("input", mergeProps({
     id: _ctx.inputId,
     type: "radio",
@@ -127,9 +143,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, $options.getPTOptions('input')), null, 16, _hoisted_2), createElementVNode("div", mergeProps({
     "class": _ctx.cx('box')
-  }, $options.getPTOptions('box')), [createElementVNode("div", mergeProps({
+  }, $options.getPTOptions('box'), {
+    "data-p": $options.dataP
+  }), [createElementVNode("div", mergeProps({
     "class": _ctx.cx('icon')
-  }, $options.getPTOptions('icon')), null, 16)], 16)], 16, _hoisted_1);
+  }, $options.getPTOptions('icon'), {
+    "data-p": $options.dataP
+  }), null, 16, _hoisted_4)], 16, _hoisted_3)], 16, _hoisted_1);
 }
 
 script.render = render;

package/radiobutton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/radiobutton/BaseRadioButton.vue","../../src/radiobutton/RadioButton.vue","../../src/radiobutton/RadioButton.vue?vue&type=template&id=7e5ffc70&lang.js"],"sourcesContent":["<script>\nimport BaseInput from '@primevue/core/baseinput';\nimport RadioButtonStyle from 'primevue/radiobutton/style';\n\nexport default {\n    name: 'BaseRadioButton',\n    extends: BaseInput,\n    props: {\n        value: null,\n        binary: Boolean,\n        readonly: {\n            type: Boolean,\n            default: false\n        },\n        tabindex: {\n            type: Number,\n            default: null\n        },\n        inputId: {\n            type: String,\n            default: null\n        },\n        inputClass: {\n            type: [String, Object],\n            default: null\n        },\n        inputStyle: {\n            type: Object,\n            default: null\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: RadioButtonStyle,\n    provide() {\n        return {\n            $pcRadioButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\">\n        <input\n            :id=\"inputId\"\n            type=\"radio\"\n            :class=\"[cx('input'), inputClass]\"\n            :style=\"inputStyle\"\n            :value=\"value\"\n            :name=\"groupName\"\n            :checked=\"checked\"\n            :tabindex=\"tabindex\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            :aria-invalid=\"invalid || undefined\"\n            @focus=\"onFocus\"\n            @blur=\"onBlur\"\n            @change=\"onChange\"\n            v-bind=\"getPTOptions('input')\"\n        />\n        <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\">\n            <div :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\"></div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { equals } from '@primeuix/utils/object';\nimport BaseRadioButton from './BaseRadioButton.vue';\n\nexport default {\n    name: 'RadioButton',\n    extends: BaseRadioButton,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur'],\n    inject: {\n        $pcRadioButtonGroup: {\n            default: undefined\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    checked: this.checked,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                const newModelValue = this.binary ? !this.checked : this.value;\n\n                this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.writeValue(newModelValue, event) : this.writeValue(newModelValue, event);\n                this.$emit('change', event);\n            }\n        },\n        onFocus(event) {\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n            this.formField.onBlur?.(event);\n        }\n    },\n    computed: {\n        groupName() {\n            return this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.groupName : this.$formName;\n        },\n        checked() {\n            const value = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;\n\n            return value != null && (this.binary ? !!value : equals(value, this.value));\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\">\n        <input\n            :id=\"inputId\"\n            type=\"radio\"\n            :class=\"[cx('input'), inputClass]\"\n            :style=\"inputStyle\"\n            :value=\"value\"\n            :name=\"groupName\"\n            :checked=\"checked\"\n            :tabindex=\"tabindex\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            :aria-invalid=\"invalid || undefined\"\n            @focus=\"onFocus\"\n            @blur=\"onBlur\"\n            @change=\"onChange\"\n            v-bind=\"getPTOptions('input')\"\n        />\n        <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\">\n            <div :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\"></div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { equals } from '@primeuix/utils/object';\nimport BaseRadioButton from './BaseRadioButton.vue';\n\nexport default {\n    name: 'RadioButton',\n    extends: BaseRadioButton,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur'],\n    inject: {\n        $pcRadioButtonGroup: {\n            default: undefined\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    checked: this.checked,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                const newModelValue = this.binary ? !this.checked : this.value;\n\n                this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.writeValue(newModelValue, event) : this.writeValue(newModelValue, event);\n                this.$emit('change', event);\n            }\n        },\n        onFocus(event) {\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n            this.formField.onBlur?.(event);\n        }\n    },\n    computed: {\n        groupName() {\n            return this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.groupName : this.$formName;\n        },\n        checked() {\n            const value = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;\n\n            return value != null && (this.binary ? !!value : equals(value, this.value));\n        }\n    }\n};\n</script>\n"],"names":["name","BaseInput","props","value","binary","Boolean","readonly","type","tabindex","Number","inputId","String","inputClass","Object","inputStyle","ariaLabelledby","ariaLabel","style","RadioButtonStyle","provide","$pcRadioButton","$parentInstance","BaseRadioButton","inheritAttrs","emits","inject","$pcRadioButtonGroup","undefined","methods","getPTOptions","key","_ptm","ptmi","ptm","context","checked","disabled","onChange","event","newModelValue","writeValue","$emit","onFocus","onBlur","_this$formField$onBlu","_this$formField","formField","call","computed","groupName","$formName","d_value","equals","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$options","_createElementVNode","id","invalid","apply","arguments","_hoisted_2"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/radiobutton/BaseRadioButton.vue","../../src/radiobutton/RadioButton.vue","../../src/radiobutton/RadioButton.vue?vue&type=template&id=07604f16&lang.js"],"sourcesContent":["<script>\nimport BaseInput from '@primevue/core/baseinput';\nimport RadioButtonStyle from 'primevue/radiobutton/style';\n\nexport default {\n    name: 'BaseRadioButton',\n    extends: BaseInput,\n    props: {\n        value: null,\n        binary: Boolean,\n        readonly: {\n            type: Boolean,\n            default: false\n        },\n        tabindex: {\n            type: Number,\n            default: null\n        },\n        inputId: {\n            type: String,\n            default: null\n        },\n        inputClass: {\n            type: [String, Object],\n            default: null\n        },\n        inputStyle: {\n            type: Object,\n            default: null\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: RadioButtonStyle,\n    provide() {\n        return {\n            $pcRadioButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\" :data-p=\"dataP\">\n        <input\n            :id=\"inputId\"\n            type=\"radio\"\n            :class=\"[cx('input'), inputClass]\"\n            :style=\"inputStyle\"\n            :value=\"value\"\n            :name=\"groupName\"\n            :checked=\"checked\"\n            :tabindex=\"tabindex\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            :aria-invalid=\"invalid || undefined\"\n            @focus=\"onFocus\"\n            @blur=\"onBlur\"\n            @change=\"onChange\"\n            v-bind=\"getPTOptions('input')\"\n        />\n        <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\" :data-p=\"dataP\">\n            <div :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\" :data-p=\"dataP\"></div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { equals } from '@primeuix/utils/object';\nimport BaseRadioButton from './BaseRadioButton.vue';\n\nexport default {\n    name: 'RadioButton',\n    extends: BaseRadioButton,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur'],\n    inject: {\n        $pcRadioButtonGroup: {\n            default: undefined\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    checked: this.checked,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                const newModelValue = this.binary ? !this.checked : this.value;\n\n                this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.writeValue(newModelValue, event) : this.writeValue(newModelValue, event);\n                this.$emit('change', event);\n            }\n        },\n        onFocus(event) {\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n            this.formField.onBlur?.(event);\n        }\n    },\n    computed: {\n        groupName() {\n            return this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.groupName : this.$formName;\n        },\n        checked() {\n            const value = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;\n\n            return value != null && (this.binary ? !!value : equals(value, this.value));\n        },\n        dataP() {\n            return cn({\n                invalid: this.$invalid,\n                checked: this.checked,\n                disabled: this.disabled,\n                filled: this.$variant === 'filled',\n                [this.size]: this.size\n            });\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\" :data-p=\"dataP\">\n        <input\n            :id=\"inputId\"\n            type=\"radio\"\n            :class=\"[cx('input'), inputClass]\"\n            :style=\"inputStyle\"\n            :value=\"value\"\n            :name=\"groupName\"\n            :checked=\"checked\"\n            :tabindex=\"tabindex\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            :aria-invalid=\"invalid || undefined\"\n            @focus=\"onFocus\"\n            @blur=\"onBlur\"\n            @change=\"onChange\"\n            v-bind=\"getPTOptions('input')\"\n        />\n        <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\" :data-p=\"dataP\">\n            <div :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\" :data-p=\"dataP\"></div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { equals } from '@primeuix/utils/object';\nimport BaseRadioButton from './BaseRadioButton.vue';\n\nexport default {\n    name: 'RadioButton',\n    extends: BaseRadioButton,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur'],\n    inject: {\n        $pcRadioButtonGroup: {\n            default: undefined\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    checked: this.checked,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                const newModelValue = this.binary ? !this.checked : this.value;\n\n                this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.writeValue(newModelValue, event) : this.writeValue(newModelValue, event);\n                this.$emit('change', event);\n            }\n        },\n        onFocus(event) {\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n            this.formField.onBlur?.(event);\n        }\n    },\n    computed: {\n        groupName() {\n            return this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.groupName : this.$formName;\n        },\n        checked() {\n            const value = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;\n\n            return value != null && (this.binary ? !!value : equals(value, this.value));\n        },\n        dataP() {\n            return cn({\n                invalid: this.$invalid,\n                checked: this.checked,\n                disabled: this.disabled,\n                filled: this.$variant === 'filled',\n                [this.size]: this.size\n            });\n        }\n    }\n};\n</script>\n"],"names":["name","BaseInput","props","value","binary","Boolean","readonly","type","tabindex","Number","inputId","String","inputClass","Object","inputStyle","ariaLabelledby","ariaLabel","style","RadioButtonStyle","provide","$pcRadioButton","$parentInstance","BaseRadioButton","inheritAttrs","emits","inject","$pcRadioButtonGroup","undefined","methods","getPTOptions","key","_ptm","ptmi","ptm","context","checked","disabled","onChange","event","newModelValue","writeValue","$emit","onFocus","onBlur","_this$formField$onBlu","_this$formField","formField","call","computed","groupName","$formName","d_value","equals","dataP","cn","_defineProperty","invalid","$invalid","filled","$variant","size","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$options","_createElementVNode","id","apply","arguments","_hoisted_2","_hoisted_4"],"mappings":"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"}

package/rating/Rating.vue

@@ -1,7 +1,7 @@
 <template>
-    <div :class="cx('root')" v-bind="ptmi('root')">
+    <div :class="cx('root')" v-bind="ptmi('root')" :data-p="dataP">
         <template v-for="value in stars" :key="value">
-            <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">
+            <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)">
                 <span class="p-hidden-accessible" v-bind="ptm('hiddenOptionInputContainer')" :data-p-hidden-accessible="true">
                     <input
                         type="radio"
@@ -29,6 +29,7 @@
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import { focus, getFirstFocusableElement } from '@primeuix/utils/dom';
 import BanIcon from '@primevue/icons/ban';
 import StarIcon from '@primevue/icons/star';
@@ -66,6 +67,8 @@ export default {
         },
         onFocus(event, value) {
             this.focusedOptionIndex = value;
+            this.isFocusVisibleItem = event.sourceCapabilities?.firesTouchEvents === false;
+
             this.$emit('focus', event);
         },
         onBlur(event) {
@@ -92,11 +95,25 @@ export default {
         },
         starAriaLabel(value) {
             return value === 1 ? this.$primevue.config.locale.aria.star : this.$primevue.config.locale.aria.stars.replace(/{star}/g, value);
+        },
+        dataOption(value) {
+            return cn({
+                readonly: this.readonly,
+                disabled: this.disabled,
+                active: value <= this.d_value,
+                'focus-visible': value === this.focusedOptionIndex && this.isFocusVisibleItem
+            });
         }
     },
     computed: {
         namex() {
             return this.name || `${this.$attrSelector}_name`;
+        },
+        dataP() {
+            return cn({
+                readonly: this.readonly,
+                disabled: this.disabled
+            });
         }
     },
     components: {

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/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/select/Select.vue

@@ -3,6 +3,7 @@
         <input
             v-if="editable"
             ref="focusInput"
+            :name="name"
             :id="labelId || inputId"
             type="text"
             :class="[cx('label'), inputClass, labelClass]"
@@ -29,6 +30,7 @@
         <span
             v-else
             ref="focusInput"
+            :name="name"
             :id="labelId || inputId"
             :class="[cx('label'), inputClass, labelClass]"
             :style="[inputStyle, labelStyle]"
@@ -47,7 +49,7 @@
             @keydown="onKeyDown"
             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" />
@@ -723,8 +725,10 @@ 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() {
@@ -919,7 +923,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);
                 }