primevue 3.29.2 → 3.30.1

package/rating/rating.cjs.js

@@ -1,237 +1,269 @@
 'use strict';
 
-var BaseComponent = require('primevue/basecomponent');
 var BanIcon = require('primevue/icons/ban');
 var StarIcon = require('primevue/icons/star');
 var StarFillIcon = require('primevue/icons/starfill');
 var utils = require('primevue/utils');
+var BaseComponent = require('primevue/basecomponent');
+var usestyle = require('primevue/usestyle');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 var BanIcon__default = /*#__PURE__*/_interopDefaultLegacy(BanIcon);
 var StarIcon__default = /*#__PURE__*/_interopDefaultLegacy(StarIcon);
 var StarFillIcon__default = /*#__PURE__*/_interopDefaultLegacy(StarFillIcon);
+var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-var script = {
-    name: 'Rating',
-    extends: BaseComponent__default["default"],
-    emits: ['update:modelValue', 'change', 'focus', 'blur'],
-    props: {
-        modelValue: {
-            type: Number,
-            default: null
-        },
-        disabled: {
-            type: Boolean,
-            default: false
-        },
-        readonly: {
-            type: Boolean,
-            default: false
-        },
-        stars: {
-            type: Number,
-            default: 5
-        },
-        cancel: {
-            type: Boolean,
-            default: true
-        },
-        onIcon: {
-            type: String,
-            default: undefined
-        },
-        offIcon: {
-            type: String,
-            default: undefined
-        },
-        cancelIcon: {
-            type: String,
-            default: undefined
-        }
+var styles = "\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.p-rating-item {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n}\n\n.p-rating.p-readonly .p-rating-item {\n    cursor: default;\n}\n";
+var classes = {
+  root: function root(_ref) {
+    var props = _ref.props;
+    return ['p-rating', {
+      'p-readonly': props.readonly,
+      'p-disabled': props.disabled
+    }];
+  },
+  cancelItem: function cancelItem(_ref2) {
+    var instance = _ref2.instance;
+    return ['p-rating-item p-rating-cancel-item', {
+      'p-focus': instance.focusedOptionIndex === 0
+    }];
+  },
+  cancelIcon: 'p-rating-icon p-rating-cancel',
+  item: function item(_ref3) {
+    var instance = _ref3.instance,
+      props = _ref3.props,
+      value = _ref3.value;
+    return ['p-rating-item', {
+      'p-rating-item-active': value <= props.modelValue,
+      'p-focus': value === instance.focusedOptionIndex
+    }];
+  },
+  onIcon: 'p-rating-icon',
+  offIcon: 'p-rating-icon'
+};
+var _useStyle = usestyle.useStyle(styles, {
+    name: 'rating',
+    manual: true
+  }),
+  loadStyle = _useStyle.load;
+  _useStyle.unload;
+var script$1 = {
+  name: 'BaseRating',
+  "extends": BaseComponent__default["default"],
+  props: {
+    modelValue: {
+      type: Number,
+      "default": null
     },
-    data() {
-        return {
-            name: this.$attrs.name,
-            focusedOptionIndex: -1
-        };
+    disabled: {
+      type: Boolean,
+      "default": false
     },
-    watch: {
-        '$attrs.name': function (newValue) {
-            this.name = newValue || utils.UniqueComponentId();
-        }
+    readonly: {
+      type: Boolean,
+      "default": false
     },
-    mounted() {
-        this.name = this.name || utils.UniqueComponentId();
+    stars: {
+      type: Number,
+      "default": 5
     },
-    methods: {
-        getPTOptions(value, key) {
-            return this.ptm(key, {
-                context: {
-                    active: value <= this.modelValue,
-                    focused: value === this.focusedOptionIndex
-                }
-            });
-        },
-        onOptionClick(event, value) {
-            if (!this.readonly && !this.disabled) {
-                this.onOptionSelect(event, value);
-                const firstFocusableEl = utils.DomHandler.getFirstFocusableElement(event.currentTarget);
-
-                firstFocusableEl && utils.DomHandler.focus(firstFocusableEl);
-            }
-        },
-        onFocus(event, value) {
-            this.focusedOptionIndex = value;
-            this.$emit('focus', event);
-        },
-        onBlur(event) {
-            this.focusedOptionIndex = -1;
-            this.$emit('blur', event);
-        },
-        onChange(event, value) {
-            this.onOptionSelect(event, value);
-        },
-        onOptionSelect(event, value) {
-            this.focusedOptionIndex = value;
-            this.updateModel(event, value || null);
-        },
-        updateModel(event, value) {
-            this.$emit('update:modelValue', value);
-            this.$emit('change', { originalEvent: event, value });
-        },
-        cancelAriaLabel() {
-            return this.$primevue.config.locale.clear;
-        },
-        starAriaLabel(value) {
-            return value === 1 ? this.$primevue.config.locale.aria.star : this.$primevue.config.locale.aria.stars.replace(/{star}/g, value);
-        }
+    cancel: {
+      type: Boolean,
+      "default": true
     },
-    computed: {
-        containerClass() {
-            return [
-                'p-rating',
-                {
-                    'p-readonly': this.readonly,
-                    'p-disabled': this.disabled
-                }
-            ];
-        }
+    onIcon: {
+      type: String,
+      "default": undefined
+    },
+    offIcon: {
+      type: String,
+      "default": undefined
     },
-    components: {
-        StarFillIcon: StarFillIcon__default["default"],
-        StarIcon: StarIcon__default["default"],
-        BanIcon: BanIcon__default["default"]
+    cancelIcon: {
+      type: String,
+      "default": undefined
     }
+  },
+  css: {
+    classes: classes,
+    loadStyle: loadStyle
+  },
+  provide: function provide() {
+    return {
+      $parentInstance: this
+    };
+  }
 };
 
-const _hoisted_1 = ["name", "checked", "disabled", "readonly", "aria-label"];
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = ["value", "name", "checked", "disabled", "readonly", "aria-label", "onFocus", "onChange"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: $options.containerClass }, _ctx.ptm('root')), [
-    ($props.cancel)
-      ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-          key: 0,
-          class: ['p-rating-item p-rating-cancel-item', { 'p-focus': $data.focusedOptionIndex === 0 }],
-          onClick: _cache[3] || (_cache[3] = $event => ($options.onOptionClick($event, 0)))
-        }, _ctx.ptm('cancelItem')), [
-          vue.createElementVNode("span", vue.mergeProps({ class: "p-hidden-accessible" }, _ctx.ptm('hiddenCancelInputWrapper')), [
-            vue.createElementVNode("input", vue.mergeProps({
-              type: "radio",
-              value: "0",
-              name: $data.name,
-              checked: $props.modelValue === 0,
-              disabled: $props.disabled,
-              readonly: $props.readonly,
-              "aria-label": $options.cancelAriaLabel(),
-              onFocus: _cache[0] || (_cache[0] = $event => ($options.onFocus($event, 0))),
-              onBlur: _cache[1] || (_cache[1] = (...args) => ($options.onBlur && $options.onBlur(...args))),
-              onChange: _cache[2] || (_cache[2] = $event => ($options.onChange($event, 0)))
-            }, _ctx.ptm('hiddenCancelInput')), null, 16, _hoisted_1)
-          ], 16),
-          vue.renderSlot(_ctx.$slots, "cancelicon", {}, () => [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.cancelIcon ? 'span' : 'BanIcon'), vue.mergeProps({
-              class: ['p-rating-icon p-rating-cancel', $props.cancelIcon]
-            }, _ctx.ptm('cancelIcon')), null, 16, ["class"]))
-          ])
-        ], 16))
-      : vue.createCommentVNode("", true),
-    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.stars, (value) => {
-      return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        key: value,
-        class: ['p-rating-item', { 'p-rating-item-active': value <= $props.modelValue, 'p-focus': value === $data.focusedOptionIndex }],
-        onClick: $event => ($options.onOptionClick($event, value))
-      }, $options.getPTOptions(value, 'item')), [
-        vue.createElementVNode("span", vue.mergeProps({ class: "p-hidden-accessible" }, _ctx.ptm('hiddenItemInputWrapper')), [
-          vue.createElementVNode("input", vue.mergeProps({
-            type: "radio",
-            value: value,
-            name: $data.name,
-            checked: $props.modelValue === value,
-            disabled: $props.disabled,
-            readonly: $props.readonly,
-            "aria-label": $options.starAriaLabel(value),
-            onFocus: $event => ($options.onFocus($event, value)),
-            onBlur: _cache[4] || (_cache[4] = (...args) => ($options.onBlur && $options.onBlur(...args))),
-            onChange: $event => ($options.onChange($event, value))
-          }, _ctx.ptm('hiddenItemInput')), null, 16, _hoisted_3)
-        ], 16),
-        (value <= $props.modelValue)
-          ? vue.renderSlot(_ctx.$slots, "onicon", {
-              key: 0,
-              value: value
-            }, () => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.onIcon ? 'span' : 'StarFillIcon'), vue.mergeProps({
-                class: ['p-rating-icon', $props.onIcon]
-              }, _ctx.ptm('onIcon')), null, 16, ["class"]))
-            ])
-          : vue.renderSlot(_ctx.$slots, "officon", {
-              key: 1,
-              value: value
-            }, () => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.offIcon ? 'span' : 'StarIcon'), vue.mergeProps({
-                class: ['p-rating-icon', $props.offIcon]
-              }, _ctx.ptm('offIcon')), null, 16, ["class"]))
-            ])
-      ], 16, _hoisted_2))
-    }), 128))
-  ], 16))
-}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
+var script = {
+  name: 'Rating',
+  "extends": script$1,
+  emits: ['update:modelValue', 'change', 'focus', 'blur'],
+  data: function data() {
+    return {
+      name: this.$attrs.name,
+      focusedOptionIndex: -1
+    };
+  },
+  watch: {
+    '$attrs.name': function $attrsName(newValue) {
+      this.name = newValue || utils.UniqueComponentId();
     }
-  } else {
-    head.appendChild(style);
+  },
+  mounted: function mounted() {
+    this.name = this.name || utils.UniqueComponentId();
+  },
+  methods: {
+    getPTOptions: function getPTOptions(value, key) {
+      return this.ptm(key, {
+        context: {
+          active: value <= this.modelValue,
+          focused: value === this.focusedOptionIndex
+        }
+      });
+    },
+    onOptionClick: function onOptionClick(event, value) {
+      if (!this.readonly && !this.disabled) {
+        this.onOptionSelect(event, value);
+        var firstFocusableEl = utils.DomHandler.getFirstFocusableElement(event.currentTarget);
+        firstFocusableEl && utils.DomHandler.focus(firstFocusableEl);
+      }
+    },
+    onFocus: function onFocus(event, value) {
+      this.focusedOptionIndex = value;
+      this.$emit('focus', event);
+    },
+    onBlur: function onBlur(event) {
+      this.focusedOptionIndex = -1;
+      this.$emit('blur', event);
+    },
+    onChange: function onChange(event, value) {
+      this.onOptionSelect(event, value);
+    },
+    onOptionSelect: function onOptionSelect(event, value) {
+      this.focusedOptionIndex = value;
+      this.updateModel(event, value || null);
+    },
+    updateModel: function updateModel(event, value) {
+      this.$emit('update:modelValue', value);
+      this.$emit('change', {
+        originalEvent: event,
+        value: value
+      });
+    },
+    cancelAriaLabel: function cancelAriaLabel() {
+      return this.$primevue.config.locale.clear;
+    },
+    starAriaLabel: function starAriaLabel(value) {
+      return value === 1 ? this.$primevue.config.locale.aria.star : this.$primevue.config.locale.aria.stars.replace(/{star}/g, value);
+    }
+  },
+  components: {
+    StarFillIcon: StarFillIcon__default["default"],
+    StarIcon: StarIcon__default["default"],
+    BanIcon: BanIcon__default["default"]
   }
+};
 
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
+var _hoisted_1 = ["data-p-focused"];
+var _hoisted_2 = ["name", "checked", "disabled", "readonly", "aria-label"];
+var _hoisted_3 = ["onClick", "data-p-active", "data-p-focused"];
+var _hoisted_4 = ["value", "name", "checked", "disabled", "readonly", "aria-label", "onFocus", "onChange"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+    "class": _ctx.cx('root')
+  }, _ctx.ptm('root'), {
+    "data-pc-name": "rating"
+  }), [_ctx.cancel ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+    key: 0,
+    "class": _ctx.cx('cancelItem'),
+    onClick: _cache[3] || (_cache[3] = function ($event) {
+      return $options.onOptionClick($event, 0);
+    })
+  }, _ctx.ptm('cancelItem'), {
+    "data-p-focused": $data.focusedOptionIndex === 0
+  }), [vue.createElementVNode("span", vue.mergeProps({
+    "class": "p-hidden-accessible"
+  }, _ctx.ptm('hiddenCancelInputWrapper'), {
+    "data-p-hidden-accessible": true
+  }), [vue.createElementVNode("input", vue.mergeProps({
+    type: "radio",
+    value: "0",
+    name: $data.name,
+    checked: _ctx.modelValue === 0,
+    disabled: _ctx.disabled,
+    readonly: _ctx.readonly,
+    "aria-label": $options.cancelAriaLabel(),
+    onFocus: _cache[0] || (_cache[0] = function ($event) {
+      return $options.onFocus($event, 0);
+    }),
+    onBlur: _cache[1] || (_cache[1] = function () {
+      return $options.onBlur && $options.onBlur.apply($options, arguments);
+    }),
+    onChange: _cache[2] || (_cache[2] = function ($event) {
+      return $options.onChange($event, 0);
+    })
+  }, _ctx.ptm('hiddenCancelInput')), null, 16, _hoisted_2)], 16), vue.renderSlot(_ctx.$slots, "cancelicon", {
+    "class": vue.normalizeClass(_ctx.cx('cancelIcon'))
+  }, function () {
+    return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.cancelIcon ? 'span' : 'BanIcon'), vue.mergeProps({
+      "class": [_ctx.cx('cancelIcon'), _ctx.cancelIcon]
+    }, _ctx.ptm('cancelIcon')), null, 16, ["class"]))];
+  })], 16, _hoisted_1)) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.stars, function (value) {
+    return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      key: value,
+      "class": _ctx.cx('item', {
+        value: value
+      }),
+      onClick: function onClick($event) {
+        return $options.onOptionClick($event, value);
+      }
+    }, $options.getPTOptions(value, 'item'), {
+      "data-p-active": value <= _ctx.modelValue,
+      "data-p-focused": value === $data.focusedOptionIndex
+    }), [vue.createElementVNode("span", vue.mergeProps({
+      "class": "p-hidden-accessible"
+    }, _ctx.ptm('hiddenItemInputWrapper'), {
+      "data-p-hidden-accessible": true
+    }), [vue.createElementVNode("input", vue.mergeProps({
+      type: "radio",
+      value: value,
+      name: $data.name,
+      checked: _ctx.modelValue === value,
+      disabled: _ctx.disabled,
+      readonly: _ctx.readonly,
+      "aria-label": $options.starAriaLabel(value),
+      onFocus: function onFocus($event) {
+        return $options.onFocus($event, value);
+      },
+      onBlur: _cache[4] || (_cache[4] = function () {
+        return $options.onBlur && $options.onBlur.apply($options, arguments);
+      }),
+      onChange: function onChange($event) {
+        return $options.onChange($event, value);
+      }
+    }, _ctx.ptm('hiddenItemInput')), null, 16, _hoisted_4)], 16), value <= _ctx.modelValue ? vue.renderSlot(_ctx.$slots, "onicon", {
+      key: 0,
+      value: value,
+      "class": vue.normalizeClass(_ctx.cx('onIcon'))
+    }, function () {
+      return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.onIcon ? 'span' : 'StarFillIcon'), vue.mergeProps({
+        "class": [_ctx.cx('onIcon'), _ctx.onIcon]
+      }, _ctx.ptm('onIcon')), null, 16, ["class"]))];
+    }) : vue.renderSlot(_ctx.$slots, "officon", {
+      key: 1,
+      value: value,
+      "class": vue.normalizeClass(_ctx.cx('offIcon'))
+    }, function () {
+      return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.offIcon ? 'span' : 'StarIcon'), vue.mergeProps({
+        "class": [_ctx.cx('offIcon'), _ctx.offIcon]
+      }, _ctx.ptm('offIcon')), null, 16, ["class"]))];
+    })], 16, _hoisted_3);
+  }), 128))], 16);
 }
 
-var css_248z = "\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n.p-rating-item {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n}\n.p-rating.p-readonly .p-rating-item {\n    cursor: default;\n}\n";
-styleInject(css_248z);
-
 script.render = render;
 
 module.exports = script;

package/rating/rating.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),n=require("primevue/icons/ban"),t=require("primevue/icons/star"),o=require("primevue/icons/starfill"),a=require("primevue/utils"),l=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),c=i(n),s=i(t),d=i(o),p={name:"Rating",extends:r.default,emits:["update:modelValue","change","focus","blur"],props:{modelValue:{type:Number,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},stars:{type:Number,default:5},cancel:{type:Boolean,default:!0},onIcon:{type:String,default:void 0},offIcon:{type:String,default:void 0},cancelIcon:{type:String,default:void 0}},data(){return{name:this.$attrs.name,focusedOptionIndex:-1}},watch:{"$attrs.name":function(e){this.name=e||a.UniqueComponentId()}},mounted(){this.name=this.name||a.UniqueComponentId()},methods:{getPTOptions(e,n){return this.ptm(n,{context:{active:e<=this.modelValue,focused:e===this.focusedOptionIndex}})},onOptionClick(e,n){if(!this.readonly&&!this.disabled){this.onOptionSelect(e,n);const t=a.DomHandler.getFirstFocusableElement(e.currentTarget);t&&a.DomHandler.focus(t)}},onFocus(e,n){this.focusedOptionIndex=n,this.$emit("focus",e)},onBlur(e){this.focusedOptionIndex=-1,this.$emit("blur",e)},onChange(e,n){this.onOptionSelect(e,n)},onOptionSelect(e,n){this.focusedOptionIndex=n,this.updateModel(e,n||null)},updateModel(e,n){this.$emit("update:modelValue",n),this.$emit("change",{originalEvent:e,value:n})},cancelAriaLabel(){return this.$primevue.config.locale.clear},starAriaLabel(e){return 1===e?this.$primevue.config.locale.aria.star:this.$primevue.config.locale.aria.stars.replace(/{star}/g,e)}},computed:{containerClass(){return["p-rating",{"p-readonly":this.readonly,"p-disabled":this.disabled}]}},components:{StarFillIcon:d.default,StarIcon:s.default,BanIcon:c.default}};const u=["name","checked","disabled","readonly","aria-label"],m=["onClick"],f=["value","name","checked","disabled","readonly","aria-label","onFocus","onChange"];!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n.p-rating-item {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n}\n.p-rating.p-readonly .p-rating-item {\n    cursor: default;\n}\n"),p.render=function(e,n,t,o,a,i){return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:i.containerClass},e.ptm("root")),[t.cancel?(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:0,class:["p-rating-item p-rating-cancel-item",{"p-focus":0===a.focusedOptionIndex}],onClick:n[3]||(n[3]=e=>i.onOptionClick(e,0))},e.ptm("cancelItem")),[l.createElementVNode("span",l.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenCancelInputWrapper")),[l.createElementVNode("input",l.mergeProps({type:"radio",value:"0",name:a.name,checked:0===t.modelValue,disabled:t.disabled,readonly:t.readonly,"aria-label":i.cancelAriaLabel(),onFocus:n[0]||(n[0]=e=>i.onFocus(e,0)),onBlur:n[1]||(n[1]=(...e)=>i.onBlur&&i.onBlur(...e)),onChange:n[2]||(n[2]=e=>i.onChange(e,0))},e.ptm("hiddenCancelInput")),null,16,u)],16),l.renderSlot(e.$slots,"cancelicon",{},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(t.cancelIcon?"span":"BanIcon"),l.mergeProps({class:["p-rating-icon p-rating-cancel",t.cancelIcon]},e.ptm("cancelIcon")),null,16,["class"]))]))],16)):l.createCommentVNode("",!0),(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.stars,(o=>(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:o,class:["p-rating-item",{"p-rating-item-active":o<=t.modelValue,"p-focus":o===a.focusedOptionIndex}],onClick:e=>i.onOptionClick(e,o)},i.getPTOptions(o,"item")),[l.createElementVNode("span",l.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenItemInputWrapper")),[l.createElementVNode("input",l.mergeProps({type:"radio",value:o,name:a.name,checked:t.modelValue===o,disabled:t.disabled,readonly:t.readonly,"aria-label":i.starAriaLabel(o),onFocus:e=>i.onFocus(e,o),onBlur:n[4]||(n[4]=(...e)=>i.onBlur&&i.onBlur(...e)),onChange:e=>i.onChange(e,o)},e.ptm("hiddenItemInput")),null,16,f)],16),o<=t.modelValue?l.renderSlot(e.$slots,"onicon",{key:0,value:o},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(t.onIcon?"span":"StarFillIcon"),l.mergeProps({class:["p-rating-icon",t.onIcon]},e.ptm("onIcon")),null,16,["class"]))])):l.renderSlot(e.$slots,"officon",{key:1,value:o},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(t.offIcon?"span":"StarIcon"),l.mergeProps({class:["p-rating-icon",t.offIcon]},e.ptm("offIcon")),null,16,["class"]))]))],16,m)))),128))],16)},module.exports=p;
+"use strict";var e=require("primevue/icons/ban"),n=require("primevue/icons/star"),t=require("primevue/icons/starfill"),o=require("primevue/utils"),a=require("primevue/basecomponent"),c=require("primevue/usestyle"),l=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e),s=r(n),u=r(t),d=r(a),p=c.useStyle("\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.p-rating-item {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n}\n\n.p-rating.p-readonly .p-rating-item {\n    cursor: default;\n}\n",{name:"rating",manual:!0}),m={name:"Rating",extends:{name:"BaseRating",extends:d.default,props:{modelValue:{type:Number,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},stars:{type:Number,default:5},cancel:{type:Boolean,default:!0},onIcon:{type:String,default:void 0},offIcon:{type:String,default:void 0},cancelIcon:{type:String,default:void 0}},css:{classes:{root:function(e){var n=e.props;return["p-rating",{"p-readonly":n.readonly,"p-disabled":n.disabled}]},cancelItem:function(e){return["p-rating-item p-rating-cancel-item",{"p-focus":0===e.instance.focusedOptionIndex}]},cancelIcon:"p-rating-icon p-rating-cancel",item:function(e){var n=e.value;return["p-rating-item",{"p-rating-item-active":n<=e.props.modelValue,"p-focus":n===e.instance.focusedOptionIndex}]},onIcon:"p-rating-icon",offIcon:"p-rating-icon"},loadStyle:p.load},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],data:function(){return{name:this.$attrs.name,focusedOptionIndex:-1}},watch:{"$attrs.name":function(e){this.name=e||o.UniqueComponentId()}},mounted:function(){this.name=this.name||o.UniqueComponentId()},methods:{getPTOptions:function(e,n){return this.ptm(n,{context:{active:e<=this.modelValue,focused:e===this.focusedOptionIndex}})},onOptionClick:function(e,n){if(!this.readonly&&!this.disabled){this.onOptionSelect(e,n);var t=o.DomHandler.getFirstFocusableElement(e.currentTarget);t&&o.DomHandler.focus(t)}},onFocus:function(e,n){this.focusedOptionIndex=n,this.$emit("focus",e)},onBlur:function(e){this.focusedOptionIndex=-1,this.$emit("blur",e)},onChange:function(e,n){this.onOptionSelect(e,n)},onOptionSelect:function(e,n){this.focusedOptionIndex=n,this.updateModel(e,n||null)},updateModel:function(e,n){this.$emit("update:modelValue",n),this.$emit("change",{originalEvent:e,value:n})},cancelAriaLabel:function(){return this.$primevue.config.locale.clear},starAriaLabel:function(e){return 1===e?this.$primevue.config.locale.aria.star:this.$primevue.config.locale.aria.stars.replace(/{star}/g,e)}},components:{StarFillIcon:u.default,StarIcon:s.default,BanIcon:i.default}},f=["data-p-focused"],g=["name","checked","disabled","readonly","aria-label"],I=["onClick","data-p-active","data-p-focused"],h=["value","name","checked","disabled","readonly","aria-label","onFocus","onChange"];m.render=function(e,n,t,o,a,c){return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"rating"}),[e.cancel?(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:0,class:e.cx("cancelItem"),onClick:n[3]||(n[3]=function(e){return c.onOptionClick(e,0)})},e.ptm("cancelItem"),{"data-p-focused":0===a.focusedOptionIndex}),[l.createElementVNode("span",l.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenCancelInputWrapper"),{"data-p-hidden-accessible":!0}),[l.createElementVNode("input",l.mergeProps({type:"radio",value:"0",name:a.name,checked:0===e.modelValue,disabled:e.disabled,readonly:e.readonly,"aria-label":c.cancelAriaLabel(),onFocus:n[0]||(n[0]=function(e){return c.onFocus(e,0)}),onBlur:n[1]||(n[1]=function(){return c.onBlur&&c.onBlur.apply(c,arguments)}),onChange:n[2]||(n[2]=function(e){return c.onChange(e,0)})},e.ptm("hiddenCancelInput")),null,16,g)],16),l.renderSlot(e.$slots,"cancelicon",{class:l.normalizeClass(e.cx("cancelIcon"))},(function(){return[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(e.cancelIcon?"span":"BanIcon"),l.mergeProps({class:[e.cx("cancelIcon"),e.cancelIcon]},e.ptm("cancelIcon")),null,16,["class"]))]}))],16,f)):l.createCommentVNode("",!0),(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.stars,(function(t){return l.openBlock(),l.createElementBlock("div",l.mergeProps({key:t,class:e.cx("item",{value:t}),onClick:function(e){return c.onOptionClick(e,t)}},c.getPTOptions(t,"item"),{"data-p-active":t<=e.modelValue,"data-p-focused":t===a.focusedOptionIndex}),[l.createElementVNode("span",l.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenItemInputWrapper"),{"data-p-hidden-accessible":!0}),[l.createElementVNode("input",l.mergeProps({type:"radio",value:t,name:a.name,checked:e.modelValue===t,disabled:e.disabled,readonly:e.readonly,"aria-label":c.starAriaLabel(t),onFocus:function(e){return c.onFocus(e,t)},onBlur:n[4]||(n[4]=function(){return c.onBlur&&c.onBlur.apply(c,arguments)}),onChange:function(e){return c.onChange(e,t)}},e.ptm("hiddenItemInput")),null,16,h)],16),t<=e.modelValue?l.renderSlot(e.$slots,"onicon",{key:0,value:t,class:l.normalizeClass(e.cx("onIcon"))},(function(){return[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(e.onIcon?"span":"StarFillIcon"),l.mergeProps({class:[e.cx("onIcon"),e.onIcon]},e.ptm("onIcon")),null,16,["class"]))]})):l.renderSlot(e.$slots,"officon",{key:1,value:t,class:l.normalizeClass(e.cx("offIcon"))},(function(){return[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(e.offIcon?"span":"StarIcon"),l.mergeProps({class:[e.cx("offIcon"),e.offIcon]},e.ptm("offIcon")),null,16,["class"]))]}))],16,I)})),128))],16)},module.exports=m;