primevue 4.2.5 → 4.3.0

package/rating/Rating.vue

@@ -6,7 +6,7 @@
                     <input
                         type="radio"
                         :value="value"
-                        :name="d_name"
+                        :name="namex"
                         :checked="d_value === value"
                         :disabled="disabled"
                         :readonly="readonly"
@@ -30,7 +30,6 @@
 
 <script>
 import { focus, getFirstFocusableElement } 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';
@@ -43,19 +42,10 @@ export default {
     emits: ['change', 'focus', 'blur'],
     data() {
         return {
-            d_name: this.name,
             focusedOptionIndex: -1,
             isFocusVisibleItem: true
         };
     },
-    watch: {
-        name: function (newValue) {
-            this.d_name = newValue || UniqueComponentId();
-        }
-    },
-    mounted() {
-        this.d_name = this.d_name || UniqueComponentId();
-    },
     methods: {
         getPTOptions(key, value) {
             return this.ptm(key, {
@@ -104,6 +94,11 @@ export default {
             return value === 1 ? this.$primevue.config.locale.aria.star : this.$primevue.config.locale.aria.stars.replace(/{star}/g, value);
         }
     },
+    computed: {
+        namex() {
+            return this.name || `${this.$attrSelector}_name`;
+        }
+    },
     components: {
         StarFillIcon,
         StarIcon,

package/rating/index.mjs

@@ -1,11 +1,10 @@
 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 BaseEditableHolder from '@primevue/core/baseeditableholder';
 import RatingStyle from 'primevue/rating/style';
-import { openBlock, createElementBlock, mergeProps, Fragment, renderList, createElementVNode, renderSlot, normalizeClass, createBlock, resolveDynamicComponent } from 'vue';
+import { createElementBlock, openBlock, mergeProps, Fragment, renderList, createElementVNode, renderSlot, normalizeClass, createBlock, resolveDynamicComponent } from 'vue';
 
 var script$1 = {
   name: 'BaseRating',
@@ -44,19 +43,10 @@ var script = {
   emits: ['change', 'focus', 'blur'],
   data: function data() {
     return {
-      d_name: this.name,
       focusedOptionIndex: -1,
       isFocusVisibleItem: true
     };
   },
-  watch: {
-    name: function name(newValue) {
-      this.d_name = newValue || UniqueComponentId();
-    }
-  },
-  mounted: function mounted() {
-    this.d_name = this.d_name || UniqueComponentId();
-  },
   methods: {
     getPTOptions: function getPTOptions(key, value) {
       return this.ptm(key, {
@@ -108,6 +98,11 @@ var script = {
       return value === 1 ? this.$primevue.config.locale.aria.star : this.$primevue.config.locale.aria.stars.replace(/{star}/g, value);
     }
   },
+  computed: {
+    namex: function namex() {
+      return this.name || "".concat(this.$attrSelector, "_name");
+    }
+  },
   components: {
     StarFillIcon: StarFillIcon,
     StarIcon: StarIcon,
@@ -141,7 +136,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }), [createElementVNode("input", mergeProps({
       type: "radio",
       value: value,
-      name: $data.d_name,
+      name: $options.namex,
       checked: _ctx.d_value === value,
       disabled: _ctx.disabled,
       readonly: _ctx.readonly,

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=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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"}
+{"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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"}

package/rating/style/index.mjs

@@ -1,33 +1,30 @@
+import { style } from '@primeuix/styles/rating';
 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    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) {
-    var props = _ref2.props;
+  root: function root(_ref) {
+    var props = _ref.props;
     return ['p-rating', {
       'p-readonly': props.readonly,
       'p-disabled': props.disabled
     }];
   },
-  option: function option(_ref3) {
-    var instance = _ref3.instance,
-      value = _ref3.value;
+  option: function option(_ref2) {
+    var instance = _ref2.instance,
+      value = _ref2.value;
     return ['p-rating-option', {
       'p-rating-option-active': value <= instance.d_value,
       'p-focus-visible': value === instance.focusedOptionIndex && instance.isFocusVisibleItem
     }];
   },
-  onIcon: function onIcon(_ref4) {
-    var instance = _ref4.instance;
+  onIcon: function onIcon(_ref3) {
+    var instance = _ref3.instance;
     return ['p-rating-icon p-rating-on-icon', {
       'p-invalid': instance.$invalid
     }];
   },
-  offIcon: function offIcon(_ref5) {
-    var instance = _ref5.instance;
+  offIcon: function offIcon(_ref4) {
+    var instance = _ref4.instance;
     return ['p-rating-icon p-rating-off-icon', {
       'p-invalid': instance.$invalid
     }];
@@ -35,7 +32,7 @@ var classes = {
 };
 var RatingStyle = BaseStyle.extend({
   name: 'rating',
-  theme: theme,
+  style: style,
   classes: classes
 });
 

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    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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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/rating/style/RatingStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/rating';\nimport BaseStyle from '@primevue/core/base/style';\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    style,\n    classes\n});\n"],"names":["classes","root","_ref","props","readonly","disabled","option","_ref2","instance","value","d_value","focusedOptionIndex","isFocusVisibleItem","onIcon","_ref3","$invalid","offIcon","_ref4","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAA,OAAO,CACjB,UAAU,EACV;MACI,YAAY,EAAEA,KAAK,CAACC,QAAQ;MAC5B,YAAY,EAAED,KAAK,CAACE;AACxB,KAAC,CACJ;AAAA,GAAA;AACDC,EAAAA,MAAM,EAAE,SAARA,MAAMA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAAA,OAAO,CAC7B,iBAAiB,EACjB;AACI,MAAA,wBAAwB,EAAEA,KAAK,IAAID,QAAQ,CAACE,OAAO;MACnD,iBAAiB,EAAED,KAAK,KAAKD,QAAQ,CAACG,kBAAkB,IAAIH,QAAQ,CAACI;AACzE,KAAC,CACJ;AAAA,GAAA;AACDC,EAAAA,MAAM,EAAE,SAARA,MAAMA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKN,QAAQ,GAAAM,KAAA,CAARN,QAAQ;IAAA,OAAO,CACtB,gCAAgC,EAChC;MACI,WAAW,EAAEA,QAAQ,CAACO;AAC1B,KAAC,CACJ;AAAA,GAAA;AACDC,EAAAA,OAAO,EAAE,SAATA,OAAOA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKT,QAAQ,GAAAS,KAAA,CAART,QAAQ;IAAA,OAAO,CACvB,iCAAiC,EACjC;MACI,WAAW,EAAEA,QAAQ,CAACO;AAC1B,KAAC,CACJ;AAAA;AACL,CAAC;AAED,kBAAeG,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,KAAK,EAALA,KAAK;AACLrB,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/ripple/index.mjs

@@ -1,4 +1,4 @@
-import { createElement, removeClass, getHeight, getWidth, getOuterWidth, getOuterHeight, getOffset, addClass, getAttribute } from '@primeuix/utils/dom';
+import { getAttribute, removeClass, getHeight, getWidth, getOuterWidth, getOuterHeight, getOffset, addClass, createElement } from '@primeuix/utils/dom';
 import BaseDirective from '@primevue/core/basedirective';
 import RippleStyle from 'primevue/ripple/style';
 
@@ -13,9 +13,9 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 Ripple = BaseRipple.extend('ripple', {
   watch: {
     'config.ripple': function configRipple(newValue) {
@@ -43,16 +43,19 @@ var Ripple = BaseRipple.extend('ripple', {
       el.removeEventListener('mousedown', this.onMouseDown.bind(this));
     },
     createRipple: function createRipple(el) {
-      var ink = createElement('span', _defineProperty(_defineProperty({
-        role: 'presentation',
-        'aria-hidden': true,
-        'data-p-ink': true,
-        'data-p-ink-active': false,
-        "class": !this.isUnstyled() && this.cx('root'),
-        onAnimationEnd: this.onAnimationEnd.bind(this)
-      }, this.$attrSelector, ''), 'p-bind', this.ptm('root')));
-      el.appendChild(ink);
-      this.$el = ink;
+      var ink = this.getInk(el);
+      if (!ink) {
+        ink = createElement('span', _defineProperty(_defineProperty({
+          role: 'presentation',
+          'aria-hidden': true,
+          'data-p-ink': true,
+          'data-p-ink-active': false,
+          "class": !this.isUnstyled() && this.cx('root'),
+          onAnimationEnd: this.onAnimationEnd.bind(this)
+        }, this.$attrSelector, ''), 'p-bind', this.ptm('root')));
+        el.appendChild(ink);
+        this.$el = ink;
+      }
     },
     remove: function remove(el) {
       var ink = this.getInk(el);

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":";;;;AAGA,IAAMA,UAAU,GAAGC,aAAa,CAACC,MAAM,CAAC;AACpCC,EAAAA,KAAK,EAAEC;AACX,CAAC,CAAC;;;;;;;;;;;;ACFF,IAAMC,MAAM,GAAGL,UAAU,CAACE,MAAM,CAAC,QAAQ,EAAE;AACvCI,EAAAA,KAAK,EAAE;AACH,IAAA,eAAe,EAAfC,SAAAA,YAAeA,CAACC,QAAQ,EAAE;AACtB,MAAA,IAAIA,QAAQ,EAAE;AACV,QAAA,IAAI,CAACC,YAAY,CAAC,IAAI,CAACC,KAAK,CAAC;AAC7B,QAAA,IAAI,CAACC,UAAU,CAAC,IAAI,CAACD,KAAK,CAAC;QAE3B,IAAI,CAACA,KAAK,CAACE,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC;QAC/C,IAAI,CAACF,KAAK,CAACP,KAAK,CAAC,UAAU,CAAC,GAAG,QAAQ;QACvC,IAAI,CAACO,KAAK,CAACP,KAAK,CAAC,UAAU,CAAC,GAAG,UAAU;AAC7C,OAAC,MAAM;AACH,QAAA,IAAI,CAACU,MAAM,CAAC,IAAI,CAACH,KAAK,CAAC;AACvB,QAAA,IAAI,CAACA,KAAK,CAACI,eAAe,CAAC,gBAAgB,CAAC;AAChD;AACJ;GACH;AACDC,EAAAA,SAAS,EAATA,SAAAA,SAASA,CAACC,EAAE,EAAE;AACV,IAAA,IAAI,CAACH,MAAM,CAACG,EAAE,CAAC;GAClB;AACDC,EAAAA,OAAO,EAAEC,SAAS;AAClBC,EAAAA,OAAO,EAAE;AACLR,IAAAA,UAAU,EAAVA,SAAAA,UAAUA,CAACK,EAAE,EAAE;AACXA,MAAAA,EAAE,CAACI,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAACC,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,CAAC;KAChE;AACDC,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAACP,EAAE,EAAE;AACbA,MAAAA,EAAE,CAACQ,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAACH,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,CAAC;KACnE;AACDb,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAACO,EAAE,EAAE;MACb,IAAMS,GAAG,GAAGC,aAAa,CAAC,MAAM,EAAAC,eAAA,CAAAA,eAAA,CAAA;AAC5BC,QAAAA,IAAI,EAAE,cAAc;AACpB,QAAA,aAAa,EAAE,IAAI;AACnB,QAAA,YAAY,EAAE,IAAI;AAClB,QAAA,mBAAmB,EAAE,KAAK;AAC1B,QAAA,OAAA,EAAO,CAAC,IAAI,CAACC,UAAU,EAAE,IAAI,IAAI,CAACC,EAAE,CAAC,MAAM,CAAC;AAC5CC,QAAAA,cAAc,EAAE,IAAI,CAACA,cAAc,CAACT,IAAI,CAAC,IAAI;AAAC,OAAA,EAC7C,IAAI,CAACU,aAAa,EAAG,EAAE,CACxB,EAAA,QAAQ,EAAE,IAAI,CAACC,GAAG,CAAC,MAAM,CAAC,CAC7B,CAAC;AAEFjB,MAAAA,EAAE,CAACkB,WAAW,CAACT,GAAG,CAAC;MAEnB,IAAI,CAACU,GAAG,GAAGV,GAAG;KACjB;AACDZ,IAAAA,MAAM,EAANA,SAAAA,MAAMA,CAACG,EAAE,EAAE;AACP,MAAA,IAAIS,GAAG,GAAG,IAAI,CAACW,MAAM,CAACpB,EAAE,CAAC;AAEzB,MAAA,IAAIS,GAAG,EAAE;QACL,IAAI,CAACf,KAAK,CAACP,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE;QACjC,IAAI,CAACO,KAAK,CAACP,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE;AAEjC,QAAA,IAAI,CAACoB,YAAY,CAACP,EAAE,CAAC;QACrBS,GAAG,CAACD,mBAAmB,CAAC,cAAc,EAAE,IAAI,CAACO,cAAc,CAAC;QAC5DN,GAAG,CAACZ,MAAM,EAAE;AAChB;KACH;AACDQ,IAAAA,WAAW,EAAXA,SAAAA,WAAWA,CAACgB,KAAK,EAAE;AAAA,MAAA,IAAAC,KAAA,GAAA,IAAA;AACf,MAAA,IAAIC,MAAM,GAAGF,KAAK,CAACG,aAAa;AAChC,MAAA,IAAIf,GAAG,GAAG,IAAI,CAACW,MAAM,CAACG,MAAM,CAAC;AAE7B,MAAA,IAAI,CAACd,GAAG,IAAIgB,gBAAgB,CAAChB,GAAG,EAAE,IAAI,CAAC,CAACiB,OAAO,KAAK,MAAM,EAAE;AACxD,QAAA;AACJ;MAEA,CAAC,IAAI,CAACb,UAAU,EAAE,IAAIc,WAAW,CAAClB,GAAG,EAAE,cAAc,CAAC;AACtDA,MAAAA,GAAG,CAACb,YAAY,CAAC,mBAAmB,EAAE,OAAO,CAAC;MAE9C,IAAI,CAACgC,SAAS,CAACnB,GAAG,CAAC,IAAI,CAACoB,QAAQ,CAACpB,GAAG,CAAC,EAAE;AACnC,QAAA,IAAIqB,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACC,aAAa,CAACV,MAAM,CAAC,EAAEW,cAAc,CAACX,MAAM,CAAC,CAAC;AAE/Dd,QAAAA,GAAG,CAACtB,KAAK,CAACgD,MAAM,GAAGL,CAAC,GAAG,IAAI;AAC3BrB,QAAAA,GAAG,CAACtB,KAAK,CAACiD,KAAK,GAAGN,CAAC,GAAG,IAAI;AAC9B;AAEA,MAAA,IAAIO,MAAM,GAAGC,SAAS,CAACf,MAAM,CAAC;MAC9B,IAAIgB,CAAC,GAAGlB,KAAK,CAACmB,KAAK,GAAGH,MAAM,CAACI,IAAI,GAAGC,QAAQ,CAACC,IAAI,CAACC,SAAS,GAAGf,QAAQ,CAACpB,GAAG,CAAC,GAAG,CAAC;MAC/E,IAAIoC,CAAC,GAAGxB,KAAK,CAACyB,KAAK,GAAGT,MAAM,CAACU,GAAG,GAAGL,QAAQ,CAACC,IAAI,CAACK,UAAU,GAAGpB,SAAS,CAACnB,GAAG,CAAC,GAAG,CAAC;AAEhFA,MAAAA,GAAG,CAACtB,KAAK,CAAC4D,GAAG,GAAGF,CAAC,GAAG,IAAI;AACxBpC,MAAAA,GAAG,CAACtB,KAAK,CAACsD,IAAI,GAAGF,CAAC,GAAG,IAAI;MAEzB,CAAC,IAAI,CAAC1B,UAAU,EAAE,IAAIoC,QAAQ,CAACxC,GAAG,EAAE,cAAc,CAAC;AACnDA,MAAAA,GAAG,CAACb,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC;AAE7C,MAAA,IAAI,CAACK,OAAO,GAAGiD,UAAU,CAAC,YAAM;AAC5B,QAAA,IAAIzC,GAAG,EAAE;UACL,CAACa,KAAI,CAACT,UAAU,EAAE,IAAIc,WAAW,CAAClB,GAAG,EAAE,cAAc,CAAC;AACtDA,UAAAA,GAAG,CAACb,YAAY,CAAC,mBAAmB,EAAE,OAAO,CAAC;AAClD;OACH,EAAE,GAAG,CAAC;KACV;AACDmB,IAAAA,cAAc,EAAdA,SAAAA,cAAcA,CAACM,KAAK,EAAE;MAClB,IAAI,IAAI,CAACpB,OAAO,EAAE;AACdkD,QAAAA,YAAY,CAAC,IAAI,CAAClD,OAAO,CAAC;AAC9B;AAEA,MAAA,CAAC,IAAI,CAACY,UAAU,EAAE,IAAIc,WAAW,CAACN,KAAK,CAACG,aAAa,EAAE,cAAc,CAAC;MACtEH,KAAK,CAACG,aAAa,CAAC5B,YAAY,CAAC,mBAAmB,EAAE,OAAO,CAAC;KACjE;AACDwB,IAAAA,MAAM,EAANA,SAAAA,MAAMA,CAACpB,EAAE,EAAE;AACP,MAAA,OAAOA,EAAE,IAAIA,EAAE,CAACoD,QAAQ,GAAGC,kBAAA,CAAIrD,EAAE,CAACoD,QAAQ,CAAA,CAAEE,IAAI,CAAC,UAACC,KAAK,EAAA;AAAA,QAAA,OAAKC,YAAY,CAACD,KAAK,EAAE,cAAc,CAAC,KAAK,QAAQ;AAAA,OAAA,CAAC,GAAGrD,SAAS;AAC7H;AACJ;AACJ,CAAC;;;;"}
+{"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            let ink = this.getInk(el);\n\n            if (!ink) {\n                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        },\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","getInk","createElement","_defineProperty","role","isUnstyled","cx","onAnimationEnd","$attrSelector","ptm","appendChild","$el","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

@@ -1,15 +1,12 @@
+import { style } from '@primeuix/styles/ripple';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-ink {\n    display: block;\n    position: absolute;\n    background: ".concat(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");
-};
 var classes = {
   root: 'p-ink'
 };
 var RippleStyle = BaseStyle.extend({
   name: 'ripple-directive',
-  theme: theme,
+  style: style,
   classes: classes
 });
 

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;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;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/ripple/style/RippleStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/ripple';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: 'p-ink'\n};\n\nexport default BaseStyle.extend({\n    name: 'ripple-directive',\n    style,\n    classes\n});\n"],"names":["classes","root","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE;AACV,CAAC;AAED,kBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,kBAAkB;AACxBC,EAAAA,KAAK,EAALA,KAAK;AACLL,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;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;;;;"}
+{"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,MAAA,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,MAAAA,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/scrollpanel/ScrollPanel.vue

@@ -41,7 +41,6 @@
 
 <script>
 import { addClass, getHeight, removeClass } from '@primeuix/utils/dom';
-import { UniqueComponentId } from '@primevue/core/utils';
 import BaseScrollPanel from './BaseScrollPanel.vue';
 
 export default {
@@ -63,20 +62,12 @@ export default {
     outsideClickListener: null,
     data() {
         return {
-            id: this.$attrs.id,
             orientation: 'vertical',
             lastScrollTop: 0,
             lastScrollLeft: 0
         };
     },
-    watch: {
-        '$attrs.id': function (newValue) {
-            this.id = newValue || UniqueComponentId();
-        }
-    },
     mounted() {
-        this.id = this.id || UniqueComponentId();
-
         if (this.$el.offsetParent) {
             this.initialize();
         }
@@ -378,7 +369,7 @@ export default {
     },
     computed: {
         contentId() {
-            return this.id + '_content';
+            return this.$id + '_content';
         }
     }
 };

package/scrollpanel/index.mjs

@@ -1,8 +1,7 @@
-import { getHeight, addClass, removeClass } from '@primeuix/utils/dom';
-import { UniqueComponentId } from '@primevue/core/utils';
+import { removeClass, addClass, getHeight } from '@primeuix/utils/dom';
 import BaseComponent from '@primevue/core/basecomponent';
 import ScrollPanelStyle from 'primevue/scrollpanel/style';
-import { openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot } from 'vue';
+import { createElementBlock, openBlock, mergeProps, createElementVNode, renderSlot } from 'vue';
 
 var script$1 = {
   name: 'BaseScrollPanel',
@@ -41,19 +40,12 @@ var script = {
   outsideClickListener: null,
   data: function data() {
     return {
-      id: this.$attrs.id,
       orientation: 'vertical',
       lastScrollTop: 0,
       lastScrollLeft: 0
     };
   },
-  watch: {
-    '$attrs.id': function $attrsId(newValue) {
-      this.id = newValue || UniqueComponentId();
-    }
-  },
   mounted: function mounted() {
-    this.id = this.id || UniqueComponentId();
     if (this.$el.offsetParent) {
       this.initialize();
     }
@@ -328,7 +320,7 @@ var script = {
   },
   computed: {
     contentId: function contentId() {
-      return this.id + '_content';
+      return this.$id + '_content';
     }
   }
 };