primevue 4.1.1 → 4.2.0

package/rating/index.d.ts

@@ -144,10 +144,19 @@ export interface RatingProps {
      * Value of the rating.
      */
     modelValue?: number | undefined;
+    /**
+     * The default value for the input when not controlled by `modelValue`.
+     */
+    defaultValue?: number | undefined;
     /**
      * Name of the element.
      */
     name?: string | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
     /**
      * When present, it specifies that the element should be disabled.
      * @defaultValue false
@@ -171,6 +180,10 @@ export interface RatingProps {
      * Icon for the off state.
      */
     offIcon?: string | undefined;
+    /**
+     * Form control object, typically used for handling validation and form state.
+     */
+    formControl?: Record<string, any> | undefined;
     /**
      * It generates scoped CSS variables using design tokens for the component.
      */
@@ -235,6 +248,11 @@ export interface RatingEmitsOptions {
      * @param {number} value - New value.
      */
     'update:modelValue'(value: number): void;
+    /**
+     * Emitted when the value changes in uncontrolled mode.
+     * @param {number} value - New value.
+     */
+    'value-change'(value: number): void;
     /**
      * Callback to invoke when a suggestion is selected.
      * @param {RatingChangeEvent} event - Custom change event.

package/rating/index.mjs

@@ -1,24 +1,16 @@
-import { UniqueComponentId } from '@primevue/core/utils';
 import { getFirstFocusableElement, focus } from '@primeuix/utils/dom';
+import { UniqueComponentId } from '@primevue/core/utils';
 import BanIcon from '@primevue/icons/ban';
 import StarIcon from '@primevue/icons/star';
 import StarFillIcon from '@primevue/icons/starfill';
-import BaseComponent from '@primevue/core/basecomponent';
+import BaseEditableHolder from '@primevue/core/baseeditableholder';
 import RatingStyle from 'primevue/rating/style';
 import { openBlock, createElementBlock, mergeProps, Fragment, renderList, createElementVNode, renderSlot, normalizeClass, createBlock, resolveDynamicComponent } from 'vue';
 
 var script$1 = {
   name: 'BaseRating',
-  "extends": BaseComponent,
+  "extends": BaseEditableHolder,
   props: {
-    modelValue: {
-      type: Number,
-      "default": null
-    },
-    disabled: {
-      type: Boolean,
-      "default": false
-    },
     readonly: {
       type: Boolean,
       "default": false
@@ -49,27 +41,27 @@ var script = {
   name: 'Rating',
   "extends": script$1,
   inheritAttrs: false,
-  emits: ['update:modelValue', 'change', 'focus', 'blur'],
+  emits: ['change', 'focus', 'blur'],
   data: function data() {
     return {
-      name: this.$attrs.name,
+      d_name: this.name,
       focusedOptionIndex: -1,
       isFocusVisibleItem: true
     };
   },
   watch: {
-    '$attrs.name': function $attrsName(newValue) {
-      this.name = newValue || UniqueComponentId();
+    name: function name(newValue) {
+      this.d_name = newValue || UniqueComponentId();
     }
   },
   mounted: function mounted() {
-    this.name = this.name || UniqueComponentId();
+    this.d_name = this.d_name || UniqueComponentId();
   },
   methods: {
     getPTOptions: function getPTOptions(key, value) {
       return this.ptm(key, {
         context: {
-          active: value <= this.modelValue,
+          active: value <= this.d_value,
           focused: value === this.focusedOptionIndex
         }
       });
@@ -87,15 +79,17 @@ var script = {
       this.$emit('focus', event);
     },
     onBlur: function onBlur(event) {
+      var _this$formField$onBlu, _this$formField;
       this.focusedOptionIndex = -1;
       this.$emit('blur', event);
+      (_this$formField$onBlu = (_this$formField = this.formField).onBlur) === null || _this$formField$onBlu === void 0 || _this$formField$onBlu.call(_this$formField);
     },
     onChange: function onChange(event, value) {
       this.onOptionSelect(event, value);
       this.isFocusVisibleItem = true;
     },
     onOptionSelect: function onOptionSelect(event, value) {
-      if (this.focusedOptionIndex === value || this.modelValue === value) {
+      if (this.focusedOptionIndex === value || this.d_value === value) {
         this.focusedOptionIndex = -1;
         this.updateModel(event, null);
       } else {
@@ -104,7 +98,7 @@ var script = {
       }
     },
     updateModel: function updateModel(event, value) {
-      this.$emit('update:modelValue', value);
+      this.writeValue(value, event);
       this.$emit('change', {
         originalEvent: event,
         value: value
@@ -137,7 +131,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       },
       ref_for: true
     }, $options.getPTOptions('option', value), {
-      "data-p-active": value <= _ctx.modelValue,
+      "data-p-active": value <= _ctx.d_value,
       "data-p-focused": value === $data.focusedOptionIndex
     }), [createElementVNode("span", mergeProps({
       "class": "p-hidden-accessible",
@@ -147,8 +141,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }), [createElementVNode("input", mergeProps({
       type: "radio",
       value: value,
-      name: $data.name,
-      checked: _ctx.modelValue === value,
+      name: $data.d_name,
+      checked: _ctx.d_value === value,
       disabled: _ctx.disabled,
       readonly: _ctx.readonly,
       "aria-label": $options.starAriaLabel(value),
@@ -162,7 +156,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.modelValue ? renderSlot(_ctx.$slots, "onicon", {
+    }, _ctx.ptm('hiddenOptionInput')), null, 16, _hoisted_2)], 16), value <= _ctx.d_value ? renderSlot(_ctx.$slots, "onicon", {
       key: 0,
       value: value,
       "class": normalizeClass(_ctx.cx('onIcon'))

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=43c6e4be&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport RatingStyle from 'primevue/rating/style';\n\nexport default {\n    name: 'BaseRating',\n    extends: BaseComponent,\n    props: {\n        modelValue: {\n            type: Number,\n            default: null\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        },\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 <= modelValue\" :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=\"name\"\n                        :checked=\"modelValue === 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 <= modelValue\" 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 { UniqueComponentId } from '@primevue/core/utils';\nimport { getFirstFocusableElement, focus } 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: ['update:modelValue', 'change', 'focus', 'blur'],\n    data() {\n        return {\n            name: this.$attrs.name,\n            focusedOptionIndex: -1,\n            isFocusVisibleItem: true\n        };\n    },\n    watch: {\n        '$attrs.name': function (newValue) {\n            this.name = newValue || UniqueComponentId();\n        }\n    },\n    mounted() {\n        this.name = this.name || UniqueComponentId();\n    },\n    methods: {\n        getPTOptions(key, value) {\n            return this.ptm(key, {\n                context: {\n                    active: value <= this.modelValue,\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        },\n        onChange(event, value) {\n            this.onOptionSelect(event, value);\n            this.isFocusVisibleItem = true;\n        },\n        onOptionSelect(event, value) {\n            if (this.focusedOptionIndex === value || this.modelValue === 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.$emit('update:modelValue', value);\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    components: {\n        StarFillIcon: StarFillIcon,\n        StarIcon: StarIcon,\n        BanIcon: 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 <= modelValue\" :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=\"name\"\n                        :checked=\"modelValue === 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 <= modelValue\" 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 { UniqueComponentId } from '@primevue/core/utils';\nimport { getFirstFocusableElement, focus } 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: ['update:modelValue', 'change', 'focus', 'blur'],\n    data() {\n        return {\n            name: this.$attrs.name,\n            focusedOptionIndex: -1,\n            isFocusVisibleItem: true\n        };\n    },\n    watch: {\n        '$attrs.name': function (newValue) {\n            this.name = newValue || UniqueComponentId();\n        }\n    },\n    mounted() {\n        this.name = this.name || UniqueComponentId();\n    },\n    methods: {\n        getPTOptions(key, value) {\n            return this.ptm(key, {\n                context: {\n                    active: value <= this.modelValue,\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        },\n        onChange(event, value) {\n            this.onOptionSelect(event, value);\n            this.isFocusVisibleItem = true;\n        },\n        onOptionSelect(event, value) {\n            if (this.focusedOptionIndex === value || this.modelValue === 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.$emit('update:modelValue', value);\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    components: {\n        StarFillIcon: StarFillIcon,\n        StarIcon: StarIcon,\n        BanIcon: BanIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","type","Number","disabled","Boolean","readonly","stars","onIcon","String","undefined","offIcon","style","RatingStyle","provide","$pcRating","$parentInstance","BaseRating","inheritAttrs","emits","data","$attrs","focusedOptionIndex","isFocusVisibleItem","watch","$attrsName","newValue","UniqueComponentId","mounted","methods","getPTOptions","key","value","ptm","context","active","focused","onOptionClick","event","onOptionSelect","firstFocusableEl","getFirstFocusableElement","currentTarget","focus","onFocus","$emit","onBlur","onChange","updateModel","originalEvent","starAriaLabel","$primevue","config","locale","aria","star","replace","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=9640a8f2&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=\"d_name\"\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 { UniqueComponentId } from '@primevue/core/utils';\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            d_name: this.name,\n            focusedOptionIndex: -1,\n            isFocusVisibleItem: true\n        };\n    },\n    watch: {\n        name: function (newValue) {\n            this.d_name = newValue || UniqueComponentId();\n        }\n    },\n    mounted() {\n        this.d_name = this.d_name || UniqueComponentId();\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    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=\"d_name\"\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 { UniqueComponentId } from '@primevue/core/utils';\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            d_name: this.name,\n            focusedOptionIndex: -1,\n            isFocusVisibleItem: true\n        };\n    },\n    watch: {\n        name: function (newValue) {\n            this.d_name = newValue || UniqueComponentId();\n        }\n    },\n    mounted() {\n        this.d_name = this.d_name || UniqueComponentId();\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    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","d_name","focusedOptionIndex","isFocusVisibleItem","watch","newValue","UniqueComponentId","mounted","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","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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"}

package/rating/style/index.mjs

@@ -2,7 +2,7 @@ import BaseStyle from '@primevue/core/base/style';
 
 var theme = function theme(_ref) {
   var dt = _ref.dt;
-  return "\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: ".concat(dt('rating.gap'), ";\n}\n\n.p-rating-option {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n    outline-color: transparent;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: background ").concat(dt('rating.transition.duration'), ", color ").concat(dt('rating.transition.duration'), ", border-color ").concat(dt('rating.transition.duration'), ", outline-color ").concat(dt('rating.transition.duration'), ", box-shadow ").concat(dt('rating.transition.duration'), ";\n}\n\n.p-rating-option.p-focus-visible {\n    box-shadow: ").concat(dt('rating.focus.ring.shadow'), ";\n    outline: ").concat(dt('rating.focus.ring.width'), " ").concat(dt('rating.focus.ring.style'), " ").concat(dt('rating.focus.ring.color'), ";\n    outline-offset: ").concat(dt('rating.focus.ring.offset'), ";\n}\n\n.p-rating-icon {\n    color: ").concat(dt('rating.icon.color'), ";\n    transition: background ").concat(dt('rating.transition.duration'), ", color ").concat(dt('rating.transition.duration'), ", border-color ").concat(dt('rating.transition.duration'), ", outline-color ").concat(dt('rating.transition.duration'), ", box-shadow ").concat(dt('rating.transition.duration'), ";\n    font-size: ").concat(dt('rating.icon.size'), ";\n    width: ").concat(dt('rating.icon.size'), ";\n    height: ").concat(dt('rating.icon.size'), ";\n}\n\n.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover .p-rating-icon {\n    color: ").concat(dt('rating.icon.hover.color'), ";\n}\n\n.p-rating-option-active .p-rating-icon {\n    color: ").concat(dt('rating.icon.active.color'), ";\n}\n");
+  return "\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: ".concat(dt('rating.gap'), ";\n}\n\n.p-rating-option {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n    outline-color: transparent;\n    border-radius: 50%;\n    transition: background ").concat(dt('rating.transition.duration'), ", color ").concat(dt('rating.transition.duration'), ", border-color ").concat(dt('rating.transition.duration'), ", outline-color ").concat(dt('rating.transition.duration'), ", box-shadow ").concat(dt('rating.transition.duration'), ";\n}\n\n.p-rating-option.p-focus-visible {\n    box-shadow: ").concat(dt('rating.focus.ring.shadow'), ";\n    outline: ").concat(dt('rating.focus.ring.width'), " ").concat(dt('rating.focus.ring.style'), " ").concat(dt('rating.focus.ring.color'), ";\n    outline-offset: ").concat(dt('rating.focus.ring.offset'), ";\n}\n\n.p-rating-icon {\n    color: ").concat(dt('rating.icon.color'), ";\n    transition: background ").concat(dt('rating.transition.duration'), ", color ").concat(dt('rating.transition.duration'), ", border-color ").concat(dt('rating.transition.duration'), ", outline-color ").concat(dt('rating.transition.duration'), ", box-shadow ").concat(dt('rating.transition.duration'), ";\n    font-size: ").concat(dt('rating.icon.size'), ";\n    width: ").concat(dt('rating.icon.size'), ";\n    height: ").concat(dt('rating.icon.size'), ";\n}\n\n.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover .p-rating-icon {\n    color: ").concat(dt('rating.icon.hover.color'), ";\n}\n\n.p-rating-option-active .p-rating-icon {\n    color: ").concat(dt('rating.icon.active.color'), ";\n}\n\n.p-rating-icon.p-invalid { /* @todo */\n    stroke: ").concat(dt('rating.invalid.icon.color'), ";\n}\n");
 };
 var classes = {
   root: function root(_ref2) {
@@ -14,15 +14,24 @@ var classes = {
   },
   option: function option(_ref3) {
     var instance = _ref3.instance,
-      props = _ref3.props,
       value = _ref3.value;
     return ['p-rating-option', {
-      'p-rating-option-active': value <= props.modelValue,
+      'p-rating-option-active': value <= instance.d_value,
       'p-focus-visible': value === instance.focusedOptionIndex && instance.isFocusVisibleItem
     }];
   },
-  onIcon: 'p-rating-icon p-rating-on-icon',
-  offIcon: 'p-rating-icon p-rating-off-icon'
+  onIcon: function onIcon(_ref4) {
+    var instance = _ref4.instance;
+    return ['p-rating-icon p-rating-on-icon', {
+      'p-invalid': instance.$invalid
+    }];
+  },
+  offIcon: function offIcon(_ref5) {
+    var instance = _ref5.instance;
+    return ['p-rating-icon p-rating-off-icon', {
+      'p-invalid': instance.$invalid
+    }];
+  }
 };
 var RatingStyle = BaseStyle.extend({
   name: 'rating',

package/rating/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/rating/style/RatingStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: ${dt('rating.gap')};\n}\n\n.p-rating-option {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n    outline-color: transparent;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt(\n    'rating.transition.duration'\n)};\n}\n\n.p-rating-option.p-focus-visible {\n    box-shadow: ${dt('rating.focus.ring.shadow')};\n    outline: ${dt('rating.focus.ring.width')} ${dt('rating.focus.ring.style')} ${dt('rating.focus.ring.color')};\n    outline-offset: ${dt('rating.focus.ring.offset')};\n}\n\n.p-rating-icon {\n    color: ${dt('rating.icon.color')};\n    transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt(\n    'rating.transition.duration'\n)};\n    font-size: ${dt('rating.icon.size')};\n    width: ${dt('rating.icon.size')};\n    height: ${dt('rating.icon.size')};\n}\n\n.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover .p-rating-icon {\n    color: ${dt('rating.icon.hover.color')};\n}\n\n.p-rating-option-active .p-rating-icon {\n    color: ${dt('rating.icon.active.color')};\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-rating',\n        {\n            'p-readonly': props.readonly,\n            'p-disabled': props.disabled\n        }\n    ],\n    option: ({ instance, props, value }) => [\n        'p-rating-option',\n        {\n            'p-rating-option-active': value <= props.modelValue,\n            'p-focus-visible': value === instance.focusedOptionIndex && instance.isFocusVisibleItem\n        }\n    ],\n    onIcon: 'p-rating-icon p-rating-on-icon',\n    offIcon: 'p-rating-icon p-rating-off-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'rating',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","readonly","disabled","option","_ref3","instance","value","modelValue","focusedOptionIndex","isFocusVisibleItem","onIcon","offIcon","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/rating/style/RatingStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: ${dt('rating.gap')};\n}\n\n.p-rating-option {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n    outline-color: transparent;\n    border-radius: 50%;\n    transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt(\n    'rating.transition.duration'\n)};\n}\n\n.p-rating-option.p-focus-visible {\n    box-shadow: ${dt('rating.focus.ring.shadow')};\n    outline: ${dt('rating.focus.ring.width')} ${dt('rating.focus.ring.style')} ${dt('rating.focus.ring.color')};\n    outline-offset: ${dt('rating.focus.ring.offset')};\n}\n\n.p-rating-icon {\n    color: ${dt('rating.icon.color')};\n    transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt(\n    'rating.transition.duration'\n)};\n    font-size: ${dt('rating.icon.size')};\n    width: ${dt('rating.icon.size')};\n    height: ${dt('rating.icon.size')};\n}\n\n.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover .p-rating-icon {\n    color: ${dt('rating.icon.hover.color')};\n}\n\n.p-rating-option-active .p-rating-icon {\n    color: ${dt('rating.icon.active.color')};\n}\n\n.p-rating-icon.p-invalid { /* @todo */\n    stroke: ${dt('rating.invalid.icon.color')};\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-rating',\n        {\n            'p-readonly': props.readonly,\n            'p-disabled': props.disabled\n        }\n    ],\n    option: ({ instance, value }) => [\n        'p-rating-option',\n        {\n            'p-rating-option-active': value <= instance.d_value,\n            'p-focus-visible': value === instance.focusedOptionIndex && instance.isFocusVisibleItem\n        }\n    ],\n    onIcon: ({ instance }) => [\n        'p-rating-icon p-rating-on-icon',\n        {\n            'p-invalid': instance.$invalid\n        }\n    ],\n    offIcon: ({ instance }) => [\n        'p-rating-icon p-rating-off-icon',\n        {\n            'p-invalid': instance.$invalid\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'rating',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","readonly","disabled","option","_ref3","instance","value","d_value","focusedOptionIndex","isFocusVisibleItem","onIcon","_ref4","$invalid","offIcon","_ref5","BaseStyle","extend","name"],"mappings":"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"}

package/ripple/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/ripple/BaseRipple.js","../../src/ripple/Ripple.js"],"sourcesContent":["import BaseDirective from '@primevue/core/basedirective';\nimport RippleStyle from 'primevue/ripple/style';\n\nconst BaseRipple = BaseDirective.extend({\n    style: RippleStyle\n});\n\nexport default BaseRipple;\n","import { addClass, createElement, getAttribute, getHeight, getOffset, getOuterHeight, getOuterWidth, getWidth, removeClass } from '@primeuix/utils/dom';\nimport BaseRipple from './BaseRipple';\n\nconst Ripple = BaseRipple.extend('ripple', {\n    watch: {\n        'config.ripple'(newValue) {\n            if (newValue) {\n                this.createRipple(this.$host);\n                this.bindEvents(this.$host);\n\n                this.$host.setAttribute('data-pd-ripple', true);\n                this.$host.style['overflow'] = 'hidden';\n                this.$host.style['position'] = 'relative';\n            } else {\n                this.remove(this.$host);\n                this.$host.removeAttribute('data-pd-ripple');\n            }\n        }\n    },\n    unmounted(el) {\n        this.remove(el);\n    },\n    timeout: undefined,\n    methods: {\n        bindEvents(el) {\n            el.addEventListener('mousedown', this.onMouseDown.bind(this));\n        },\n        unbindEvents(el) {\n            el.removeEventListener('mousedown', this.onMouseDown.bind(this));\n        },\n        createRipple(el) {\n            const ink = createElement('span', {\n                role: 'presentation',\n                'aria-hidden': true,\n                'data-p-ink': true,\n                'data-p-ink-active': false,\n                class: !this.isUnstyled() && this.cx('root'),\n                onAnimationEnd: this.onAnimationEnd.bind(this),\n                [this.$attrSelector]: '',\n                'p-bind': this.ptm('root')\n            });\n\n            el.appendChild(ink);\n\n            this.$el = ink;\n        },\n        remove(el) {\n            let ink = this.getInk(el);\n\n            if (ink) {\n                this.$host.style['overflow'] = '';\n                this.$host.style['position'] = '';\n\n                this.unbindEvents(el);\n                ink.removeEventListener('animationend', this.onAnimationEnd);\n                ink.remove();\n            }\n        },\n        onMouseDown(event) {\n            let target = event.currentTarget;\n            let ink = this.getInk(target);\n\n            if (!ink || getComputedStyle(ink, null).display === 'none') {\n                return;\n            }\n\n            !this.isUnstyled() && removeClass(ink, 'p-ink-active');\n            ink.setAttribute('data-p-ink-active', 'false');\n\n            if (!getHeight(ink) && !getWidth(ink)) {\n                let d = Math.max(getOuterWidth(target), getOuterHeight(target));\n\n                ink.style.height = d + 'px';\n                ink.style.width = d + 'px';\n            }\n\n            let offset = getOffset(target);\n            let x = event.pageX - offset.left + document.body.scrollTop - getWidth(ink) / 2;\n            let y = event.pageY - offset.top + document.body.scrollLeft - getHeight(ink) / 2;\n\n            ink.style.top = y + 'px';\n            ink.style.left = x + 'px';\n\n            !this.isUnstyled() && addClass(ink, 'p-ink-active');\n            ink.setAttribute('data-p-ink-active', 'true');\n\n            this.timeout = setTimeout(() => {\n                if (ink) {\n                    !this.isUnstyled() && removeClass(ink, 'p-ink-active');\n                    ink.setAttribute('data-p-ink-active', 'false');\n                }\n            }, 401);\n        },\n        onAnimationEnd(event) {\n            if (this.timeout) {\n                clearTimeout(this.timeout);\n            }\n\n            !this.isUnstyled() && removeClass(event.currentTarget, 'p-ink-active');\n            event.currentTarget.setAttribute('data-p-ink-active', 'false');\n        },\n        getInk(el) {\n            return el && el.children ? [...el.children].find((child) => getAttribute(child, 'data-pc-name') === 'ripple') : undefined;\n        }\n    }\n});\n\nexport default Ripple;\n"],"names":["BaseRipple","BaseDirective","extend","style","RippleStyle","Ripple","watch","configRipple","newValue","createRipple","$host","bindEvents","setAttribute","remove","removeAttribute","unmounted","el","timeout","undefined","methods","addEventListener","onMouseDown","bind","unbindEvents","removeEventListener","ink","createElement","_defineProperty","role","isUnstyled","cx","onAnimationEnd","$attrSelector","ptm","appendChild","$el","getInk","event","_this","target","currentTarget","getComputedStyle","display","removeClass","getHeight","getWidth","d","Math","max","getOuterWidth","getOuterHeight","height","width","offset","getOffset","x","pageX","left","document","body","scrollTop","y","pageY","top","scrollLeft","addClass","setTimeout","clearTimeout","children","_toConsumableArray","find","child","getAttribute"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/ripple/BaseRipple.js","../../src/ripple/Ripple.js"],"sourcesContent":["import BaseDirective from '@primevue/core/basedirective';\nimport RippleStyle from 'primevue/ripple/style';\n\nconst BaseRipple = BaseDirective.extend({\n    style: RippleStyle\n});\n\nexport default BaseRipple;\n","import { addClass, createElement, getAttribute, getHeight, getOffset, getOuterHeight, getOuterWidth, getWidth, removeClass } from '@primeuix/utils/dom';\nimport BaseRipple from './BaseRipple';\n\nconst Ripple = BaseRipple.extend('ripple', {\n    watch: {\n        'config.ripple'(newValue) {\n            if (newValue) {\n                this.createRipple(this.$host);\n                this.bindEvents(this.$host);\n\n                this.$host.setAttribute('data-pd-ripple', true);\n                this.$host.style['overflow'] = 'hidden';\n                this.$host.style['position'] = 'relative';\n            } else {\n                this.remove(this.$host);\n                this.$host.removeAttribute('data-pd-ripple');\n            }\n        }\n    },\n    unmounted(el) {\n        this.remove(el);\n    },\n    timeout: undefined,\n    methods: {\n        bindEvents(el) {\n            el.addEventListener('mousedown', this.onMouseDown.bind(this));\n        },\n        unbindEvents(el) {\n            el.removeEventListener('mousedown', this.onMouseDown.bind(this));\n        },\n        createRipple(el) {\n            const ink = createElement('span', {\n                role: 'presentation',\n                'aria-hidden': true,\n                'data-p-ink': true,\n                'data-p-ink-active': false,\n                class: !this.isUnstyled() && this.cx('root'),\n                onAnimationEnd: this.onAnimationEnd.bind(this),\n                [this.$attrSelector]: '',\n                'p-bind': this.ptm('root')\n            });\n\n            el.appendChild(ink);\n\n            this.$el = ink;\n        },\n        remove(el) {\n            let ink = this.getInk(el);\n\n            if (ink) {\n                this.$host.style['overflow'] = '';\n                this.$host.style['position'] = '';\n\n                this.unbindEvents(el);\n                ink.removeEventListener('animationend', this.onAnimationEnd);\n                ink.remove();\n            }\n        },\n        onMouseDown(event) {\n            let target = event.currentTarget;\n            let ink = this.getInk(target);\n\n            if (!ink || getComputedStyle(ink, null).display === 'none') {\n                return;\n            }\n\n            !this.isUnstyled() && removeClass(ink, 'p-ink-active');\n            ink.setAttribute('data-p-ink-active', 'false');\n\n            if (!getHeight(ink) && !getWidth(ink)) {\n                let d = Math.max(getOuterWidth(target), getOuterHeight(target));\n\n                ink.style.height = d + 'px';\n                ink.style.width = d + 'px';\n            }\n\n            let offset = getOffset(target);\n            let x = event.pageX - offset.left + document.body.scrollTop - getWidth(ink) / 2;\n            let y = event.pageY - offset.top + document.body.scrollLeft - getHeight(ink) / 2;\n\n            ink.style.top = y + 'px';\n            ink.style.left = x + 'px';\n\n            !this.isUnstyled() && addClass(ink, 'p-ink-active');\n            ink.setAttribute('data-p-ink-active', 'true');\n\n            this.timeout = setTimeout(() => {\n                if (ink) {\n                    !this.isUnstyled() && removeClass(ink, 'p-ink-active');\n                    ink.setAttribute('data-p-ink-active', 'false');\n                }\n            }, 401);\n        },\n        onAnimationEnd(event) {\n            if (this.timeout) {\n                clearTimeout(this.timeout);\n            }\n\n            !this.isUnstyled() && removeClass(event.currentTarget, 'p-ink-active');\n            event.currentTarget.setAttribute('data-p-ink-active', 'false');\n        },\n        getInk(el) {\n            return el && el.children ? [...el.children].find((child) => getAttribute(child, 'data-pc-name') === 'ripple') : undefined;\n        }\n    }\n});\n\nexport default Ripple;\n"],"names":["BaseRipple","BaseDirective","extend","style","RippleStyle","Ripple","watch","configRipple","newValue","createRipple","$host","bindEvents","setAttribute","remove","removeAttribute","unmounted","el","timeout","undefined","methods","addEventListener","onMouseDown","bind","unbindEvents","removeEventListener","ink","createElement","_defineProperty","role","isUnstyled","cx","onAnimationEnd","$attrSelector","ptm","appendChild","$el","getInk","event","_this","target","currentTarget","getComputedStyle","display","removeClass","getHeight","getWidth","d","Math","max","getOuterWidth","getOuterHeight","height","width","offset","getOffset","x","pageX","left","document","body","scrollTop","y","pageY","top","scrollLeft","addClass","setTimeout","clearTimeout","children","_toConsumableArray","find","child","getAttribute"],"mappings":"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"}

package/ripple/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/ripple/style/RippleStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-ink {\n    display: block;\n    position: absolute;\n    background: ${dt('ripple.background')};\n    border-radius: 100%;\n    transform: scale(0);\n    pointer-events: none;\n}\n\n.p-ink-active {\n    animation: ripple 0.4s linear;\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n`;\n\nconst classes = {\n    root: 'p-ink'\n};\n\nexport default BaseStyle.extend({\n    name: 'ripple-directive',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;AAAA,EAAA,OAAA,4EAAA,CAAAC,MAAA,CAIDD,EAAE,CAAC,mBAAmB,CAAC,EAAA,mPAAA,CAAA,CAAA;AAAA,CAgBxC,CAAA;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,OAAA;AACV,CAAC,CAAA;AAED,kBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,kBAAkB;AACxBR,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/ripple/style/RippleStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-ink {\n    display: block;\n    position: absolute;\n    background: ${dt('ripple.background')};\n    border-radius: 100%;\n    transform: scale(0);\n    pointer-events: none;\n}\n\n.p-ink-active {\n    animation: ripple 0.4s linear;\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n`;\n\nconst classes = {\n    root: 'p-ink'\n};\n\nexport default BaseStyle.extend({\n    name: 'ripple-directive',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;AAAA,EAAA,OAAA,4EAAA,CAAAC,MAAA,CAIDD,EAAE,CAAC,mBAAmB,CAAC,EAAA,mPAAA,CAAA;AAAA,CAgBxC;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE;AACV,CAAC;AAED,kBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,kBAAkB;AACxBR,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/row/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/row/Row.vue"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'Row',\n    extends: BaseComponent,\n    inject: ['$rows'],\n    mounted() {\n        this.$rows?.add(this.$);\n    },\n    unmounted() {\n        this.$rows?.delete(this.$);\n    },\n    render() {\n        return null;\n    }\n};\n</script>\n"],"names":["name","BaseComponent","inject","mounted","_this$$rows","$rows","add","$","unmounted","_this$$rows2","render"],"mappings":";;AAGA,aAAe;AACXA,EAAAA,IAAI,EAAE,KAAK;AACX,EAAA,SAAA,EAASC,aAAa;EACtBC,MAAM,EAAE,CAAC,OAAO,CAAC;EACjBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;AAAA,IAAA,IAAAC,WAAA,CAAA;AACN,IAAA,CAAAA,WAAA,GAAA,IAAI,CAACC,KAAK,cAAAD,WAAA,KAAA,KAAA,CAAA,IAAVA,WAAA,CAAYE,GAAG,CAAC,IAAI,CAACC,CAAC,CAAC,CAAA;GAC1B;EACDC,SAAS,EAAA,SAATA,SAASA,GAAG;AAAA,IAAA,IAAAC,YAAA,CAAA;AACR,IAAA,CAAAA,YAAA,GAAA,IAAI,CAACJ,KAAK,MAAAI,IAAAA,IAAAA,YAAA,KAAVA,KAAAA,CAAAA,IAAAA,YAAA,CAAkB,QAAA,CAAA,CAAC,IAAI,CAACF,CAAC,CAAC,CAAA;GAC7B;EACDG,MAAM,EAAA,SAANA,MAAMA,GAAG;AACL,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AACJ,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/row/Row.vue"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'Row',\n    extends: BaseComponent,\n    inject: ['$rows'],\n    mounted() {\n        this.$rows?.add(this.$);\n    },\n    unmounted() {\n        this.$rows?.delete(this.$);\n    },\n    render() {\n        return null;\n    }\n};\n</script>\n"],"names":["name","BaseComponent","inject","mounted","_this$$rows","$rows","add","$","unmounted","_this$$rows2","render"],"mappings":";;AAGA,aAAe;AACXA,EAAAA,IAAI,EAAE,KAAK;AACX,EAAA,SAAA,EAASC,aAAa;EACtBC,MAAM,EAAE,CAAC,OAAO,CAAC;EACjBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;AAAA,IAAA,IAAAC,WAAA;AACN,IAAA,CAAAA,WAAA,GAAA,IAAI,CAACC,KAAK,cAAAD,WAAA,KAAA,KAAA,CAAA,IAAVA,WAAA,CAAYE,GAAG,CAAC,IAAI,CAACC,CAAC,CAAC;GAC1B;EACDC,SAAS,EAAA,SAATA,SAASA,GAAG;AAAA,IAAA,IAAAC,YAAA;AACR,IAAA,CAAAA,YAAA,GAAA,IAAI,CAACJ,KAAK,MAAAI,IAAAA,IAAAA,YAAA,KAAVA,KAAAA,CAAAA,IAAAA,YAAA,CAAkB,QAAA,CAAA,CAAC,IAAI,CAACF,CAAC,CAAC;GAC7B;EACDG,MAAM,EAAA,SAANA,MAAMA,GAAG;AACL,IAAA,OAAO,IAAI;AACf;AACJ,CAAC;;;;"}

package/row/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/row/style/RowStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nexport default BaseStyle.extend({\n    name: 'row'\n});\n"],"names":["BaseStyle","extend","name"],"mappings":";;AAEA,eAAeA,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,KAAA;AACV,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/row/style/RowStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nexport default BaseStyle.extend({\n    name: 'row'\n});\n"],"names":["BaseStyle","extend","name"],"mappings":";;AAEA,eAAeA,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE;AACV,CAAC,CAAC;;;;"}

package/scrollpanel/ScrollPanel.vue

@@ -40,8 +40,8 @@
 </template>
 
 <script>
+import { addClass, getHeight, removeClass } from '@primeuix/utils/dom';
 import { UniqueComponentId } from '@primevue/core/utils';
-import { getHeight, addClass, removeClass } from '@primeuix/utils/dom';
 import BaseScrollPanel from './BaseScrollPanel.vue';
 
 export default {
@@ -61,12 +61,14 @@ export default {
     lastPageY: null,
     timer: null,
     outsideClickListener: null,
+    mutationObserver: null,
     data() {
         return {
             id: this.$attrs.id,
             orientation: 'vertical',
             lastScrollTop: 0,
-            lastScrollLeft: 0
+            lastScrollLeft: 0,
+            isRTL: false
         };
     },
     watch: {
@@ -80,6 +82,9 @@ export default {
         if (this.$el.offsetParent) {
             this.initialize();
         }
+
+        this.updateDirection();
+        this.observeDirectionChanges();
     },
     updated() {
         if (!this.initialized && this.$el.offsetParent) {
@@ -92,8 +97,25 @@ export default {
         if (this.frame) {
             window.cancelAnimationFrame(this.frame);
         }
+
+        if (this.mutationObserver) {
+            this.mutationObserver.disconnect();
+        }
     },
     methods: {
+        updateDirection() {
+            this.isRTL = !!this.$el.closest('[dir="rtl"]');
+        },
+        observeDirectionChanges() {
+            const targetNode = document.documentElement;
+            const config = { attributes: true, attributeFilter: ['dir'] };
+
+            this.mutationObserver = new MutationObserver(() => {
+                this.updateDirection();
+            });
+
+            this.mutationObserver.observe(targetNode, config);
+        },
         initialize() {
             this.moveBar();
             this.bindDocumentResizeListener();
@@ -137,7 +159,12 @@ export default {
                         } else {
                             this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'false');
                             !this.isUnstyled && removeClass(this.$refs.xBar, 'p-scrollpanel-hidden');
-                            this.$refs.xBar.style.cssText = 'width:' + Math.max(this.scrollXRatio * 100, 10) + '%; left:' + (this.$refs.content.scrollLeft / totalWidth) * 100 + '%;bottom:' + bottom + 'px;';
+
+                            if (this.isRTL) {
+                                this.$refs.xBar.style.cssText = 'width:' + Math.max(this.scrollXRatio * 100, 10) + '%; right:' + (this.$refs.content.scrollLeft / totalWidth) * 100 + '%;bottom:' + bottom + 'px;';
+                            } else {
+                                this.$refs.xBar.style.cssText = 'width:' + Math.max(this.scrollXRatio * 100, 10) + '%; left:' + (this.$refs.content.scrollLeft / totalWidth) * 100 + '%;bottom:' + bottom + 'px;';
+                            }
                         }
                     }
 
@@ -148,8 +175,14 @@ export default {
                         } else {
                             this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'false');
                             !this.isUnstyled && removeClass(this.$refs.yBar, 'p-scrollpanel-hidden');
-                            this.$refs.yBar.style.cssText =
-                                'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);right:' + right + 'px;';
+
+                            if (this.isRTL) {
+                                this.$refs.yBar.style.cssText =
+                                    'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);left:' + right + 'px;';
+                            } else {
+                                this.$refs.yBar.style.cssText =
+                                    'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);right:' + right + 'px;';
+                            }
                         }
                     }
                 });