primevue 3.26.0 → 3.27.0

package/rating/rating.cjs.js

@@ -1,8 +1,17 @@
 'use strict';
 
+var BanIcon = require('primevue/icons/ban');
+var StarIcon = require('primevue/icons/star');
+var StarFillIcon = require('primevue/icons/starfill');
 var utils = require('primevue/utils');
 var vue = require('vue');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BanIcon__default = /*#__PURE__*/_interopDefaultLegacy(BanIcon);
+var StarIcon__default = /*#__PURE__*/_interopDefaultLegacy(StarIcon);
+var StarFillIcon__default = /*#__PURE__*/_interopDefaultLegacy(StarFillIcon);
+
 var script = {
     name: 'Rating',
     emits: ['update:modelValue', 'change', 'focus', 'blur'],
@@ -29,15 +38,15 @@ var script = {
         },
         onIcon: {
             type: String,
-            default: 'pi pi-star-fill'
+            default: undefined
         },
         offIcon: {
             type: String,
-            default: 'pi pi-star'
+            default: undefined
         },
         cancelIcon: {
             type: String,
-            default: 'pi pi-ban'
+            default: undefined
         }
     },
     data() {
@@ -98,16 +107,12 @@ var script = {
                     'p-disabled': this.disabled
                 }
             ];
-        },
-        cancelIconClass() {
-            return ['p-rating-icon p-rating-cancel', this.cancelIcon];
-        },
-        onIconClass() {
-            return ['p-rating-icon', this.onIcon];
-        },
-        offIconClass() {
-            return ['p-rating-icon', this.offIcon];
         }
+    },
+    components: {
+        StarFillIcon: StarFillIcon__default["default"],
+        StarIcon: StarIcon__default["default"],
+        BanIcon: BanIcon__default["default"]
     }
 };
 
@@ -142,9 +147,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 40, _hoisted_2)
           ]),
           vue.renderSlot(_ctx.$slots, "cancelicon", {}, () => [
-            vue.createElementVNode("span", {
-              class: vue.normalizeClass($options.cancelIconClass)
-            }, null, 2)
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.cancelIcon ? 'span' : 'BanIcon'), {
+              class: vue.normalizeClass(['p-rating-icon p-rating-cancel', $props.cancelIcon])
+            }, null, 8, ["class"]))
           ])
         ], 2))
       : vue.createCommentVNode("", true),
@@ -173,17 +178,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               key: 0,
               value: value
             }, () => [
-              vue.createElementVNode("span", {
-                class: vue.normalizeClass($options.onIconClass)
-              }, null, 2)
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.onIcon ? 'span' : 'StarFillIcon'), {
+                class: vue.normalizeClass(['p-rating-icon', $props.onIcon])
+              }, null, 8, ["class"]))
             ])
           : vue.renderSlot(_ctx.$slots, "officon", {
               key: 1,
               value: value
             }, () => [
-              vue.createElementVNode("span", {
-                class: vue.normalizeClass($options.offIconClass)
-              }, null, 2)
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.onIcon ? 'span' : 'StarIcon'), {
+                class: vue.normalizeClass(['p-rating-icon', $props.offIcon])
+              }, null, 8, ["class"]))
             ])
       ], 10, _hoisted_3))
     }), 128))

package/rating/rating.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),n=require("vue"),a={name:"Rating",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:"pi pi-star-fill"},offIcon:{type:String,default:"pi pi-star"},cancelIcon:{type:String,default:"pi pi-ban"}},data(){return{name:this.$attrs.name,focusedOptionIndex:-1}},watch:{"$attrs.name":function(n){this.name=n||e.UniqueComponentId()}},mounted(){this.name=this.name||e.UniqueComponentId()},methods:{onOptionClick(n,a){if(!this.readonly&&!this.disabled){this.onOptionSelect(n,a);const t=e.DomHandler.getFirstFocusableElement(n.currentTarget);t&&e.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}]},cancelIconClass(){return["p-rating-icon p-rating-cancel",this.cancelIcon]},onIconClass(){return["p-rating-icon",this.onIcon]},offIconClass(){return["p-rating-icon",this.offIcon]}}};const t={class:"p-hidden-accessible"},l=["name","checked","disabled","readonly","aria-label"],o=["onClick"],i={class:"p-hidden-accessible"},s=["value","name","checked","disabled","readonly","aria-label","onFocus","onChange"];!function(e,n){void 0===n&&(n={});var a=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===a&&t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.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"),a.render=function(e,a,r,c,d,u){return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(u.containerClass)},[r.cancel?(n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(["p-rating-item p-rating-cancel-item",{"p-focus":0===d.focusedOptionIndex}]),onClick:a[3]||(a[3]=e=>u.onOptionClick(e,0))},[n.createElementVNode("span",t,[n.createElementVNode("input",{type:"radio",value:"0",name:d.name,checked:0===r.modelValue,disabled:r.disabled,readonly:r.readonly,"aria-label":u.cancelAriaLabel(),onFocus:a[0]||(a[0]=e=>u.onFocus(e,0)),onBlur:a[1]||(a[1]=(...e)=>u.onBlur&&u.onBlur(...e)),onChange:a[2]||(a[2]=e=>u.onChange(e,0))},null,40,l)]),n.renderSlot(e.$slots,"cancelicon",{},(()=>[n.createElementVNode("span",{class:n.normalizeClass(u.cancelIconClass)},null,2)]))],2)):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(r.stars,(t=>(n.openBlock(),n.createElementBlock("div",{key:t,class:n.normalizeClass(["p-rating-item",{"p-rating-item-active":t<=r.modelValue,"p-focus":t===d.focusedOptionIndex}]),onClick:e=>u.onOptionClick(e,t)},[n.createElementVNode("span",i,[n.createElementVNode("input",{type:"radio",value:t,name:d.name,checked:r.modelValue===t,disabled:r.disabled,readonly:r.readonly,"aria-label":u.starAriaLabel(t),onFocus:e=>u.onFocus(e,t),onBlur:a[4]||(a[4]=(...e)=>u.onBlur&&u.onBlur(...e)),onChange:e=>u.onChange(e,t)},null,40,s)]),t<=r.modelValue?n.renderSlot(e.$slots,"onicon",{key:0,value:t},(()=>[n.createElementVNode("span",{class:n.normalizeClass(u.onIconClass)},null,2)])):n.renderSlot(e.$slots,"officon",{key:1,value:t},(()=>[n.createElementVNode("span",{class:n.normalizeClass(u.offIconClass)},null,2)]))],10,o)))),128))],2)},module.exports=a;
+"use strict";var e=require("primevue/icons/ban"),n=require("primevue/icons/star"),a=require("primevue/icons/starfill"),o=require("primevue/utils"),l=require("vue");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(e),c=t(n),r={name:"Rating",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||o.UniqueComponentId()}},mounted(){this.name=this.name||o.UniqueComponentId()},methods:{onOptionClick(e,n){if(!this.readonly&&!this.disabled){this.onOptionSelect(e,n);const a=o.DomHandler.getFirstFocusableElement(e.currentTarget);a&&o.DomHandler.focus(a)}},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:t(a).default,StarIcon:c.default,BanIcon:i.default}};const s={class:"p-hidden-accessible"},d=["name","checked","disabled","readonly","aria-label"],u=["onClick"],p={class:"p-hidden-accessible"},m=["value","name","checked","disabled","readonly","aria-label","onFocus","onChange"];!function(e,n){void 0===n&&(n={});var a=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===a&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.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"),r.render=function(e,n,a,o,t,i){return l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(i.containerClass)},[a.cancel?(l.openBlock(),l.createElementBlock("div",{key:0,class:l.normalizeClass(["p-rating-item p-rating-cancel-item",{"p-focus":0===t.focusedOptionIndex}]),onClick:n[3]||(n[3]=e=>i.onOptionClick(e,0))},[l.createElementVNode("span",s,[l.createElementVNode("input",{type:"radio",value:"0",name:t.name,checked:0===a.modelValue,disabled:a.disabled,readonly:a.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))},null,40,d)]),l.renderSlot(e.$slots,"cancelicon",{},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(a.cancelIcon?"span":"BanIcon"),{class:l.normalizeClass(["p-rating-icon p-rating-cancel",a.cancelIcon])},null,8,["class"]))]))],2)):l.createCommentVNode("",!0),(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(a.stars,(o=>(l.openBlock(),l.createElementBlock("div",{key:o,class:l.normalizeClass(["p-rating-item",{"p-rating-item-active":o<=a.modelValue,"p-focus":o===t.focusedOptionIndex}]),onClick:e=>i.onOptionClick(e,o)},[l.createElementVNode("span",p,[l.createElementVNode("input",{type:"radio",value:o,name:t.name,checked:a.modelValue===o,disabled:a.disabled,readonly:a.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)},null,40,m)]),o<=a.modelValue?l.renderSlot(e.$slots,"onicon",{key:0,value:o},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(a.onIcon?"span":"StarFillIcon"),{class:l.normalizeClass(["p-rating-icon",a.onIcon])},null,8,["class"]))])):l.renderSlot(e.$slots,"officon",{key:1,value:o},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(a.onIcon?"span":"StarIcon"),{class:l.normalizeClass(["p-rating-icon",a.offIcon])},null,8,["class"]))]))],10,u)))),128))],2)},module.exports=r;

package/rating/rating.esm.js

@@ -1,5 +1,8 @@
+import BanIcon from 'primevue/icons/ban';
+import StarIcon from 'primevue/icons/star';
+import StarFillIcon from 'primevue/icons/starfill';
 import { UniqueComponentId, DomHandler } from 'primevue/utils';
-import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList } from 'vue';
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList } from 'vue';
 
 var script = {
     name: 'Rating',
@@ -27,15 +30,15 @@ var script = {
         },
         onIcon: {
             type: String,
-            default: 'pi pi-star-fill'
+            default: undefined
         },
         offIcon: {
             type: String,
-            default: 'pi pi-star'
+            default: undefined
         },
         cancelIcon: {
             type: String,
-            default: 'pi pi-ban'
+            default: undefined
         }
     },
     data() {
@@ -96,16 +99,12 @@ var script = {
                     'p-disabled': this.disabled
                 }
             ];
-        },
-        cancelIconClass() {
-            return ['p-rating-icon p-rating-cancel', this.cancelIcon];
-        },
-        onIconClass() {
-            return ['p-rating-icon', this.onIcon];
-        },
-        offIconClass() {
-            return ['p-rating-icon', this.offIcon];
         }
+    },
+    components: {
+        StarFillIcon: StarFillIcon,
+        StarIcon: StarIcon,
+        BanIcon: BanIcon
     }
 };
 
@@ -140,9 +139,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 40, _hoisted_2)
           ]),
           renderSlot(_ctx.$slots, "cancelicon", {}, () => [
-            createElementVNode("span", {
-              class: normalizeClass($options.cancelIconClass)
-            }, null, 2)
+            (openBlock(), createBlock(resolveDynamicComponent($props.cancelIcon ? 'span' : 'BanIcon'), {
+              class: normalizeClass(['p-rating-icon p-rating-cancel', $props.cancelIcon])
+            }, null, 8, ["class"]))
           ])
         ], 2))
       : createCommentVNode("", true),
@@ -171,17 +170,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               key: 0,
               value: value
             }, () => [
-              createElementVNode("span", {
-                class: normalizeClass($options.onIconClass)
-              }, null, 2)
+              (openBlock(), createBlock(resolveDynamicComponent($props.onIcon ? 'span' : 'StarFillIcon'), {
+                class: normalizeClass(['p-rating-icon', $props.onIcon])
+              }, null, 8, ["class"]))
             ])
           : renderSlot(_ctx.$slots, "officon", {
               key: 1,
               value: value
             }, () => [
-              createElementVNode("span", {
-                class: normalizeClass($options.offIconClass)
-              }, null, 2)
+              (openBlock(), createBlock(resolveDynamicComponent($props.onIcon ? 'span' : 'StarIcon'), {
+                class: normalizeClass(['p-rating-icon', $props.offIcon])
+              }, null, 8, ["class"]))
             ])
       ], 10, _hoisted_3))
     }), 128))

package/rating/rating.esm.min.js

@@ -1 +1 @@
-import{UniqueComponentId as e,DomHandler as n}from"primevue/utils";import{openBlock as a,createElementBlock as t,normalizeClass as l,createElementVNode as i,renderSlot as o,createCommentVNode as s,Fragment as c,renderList as r}from"vue";var d={name:"Rating",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:"pi pi-star-fill"},offIcon:{type:String,default:"pi pi-star"},cancelIcon:{type:String,default:"pi pi-ban"}},data(){return{name:this.$attrs.name,focusedOptionIndex:-1}},watch:{"$attrs.name":function(n){this.name=n||e()}},mounted(){this.name=this.name||e()},methods:{onOptionClick(e,a){if(!this.readonly&&!this.disabled){this.onOptionSelect(e,a);const t=n.getFirstFocusableElement(e.currentTarget);t&&n.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}]},cancelIconClass(){return["p-rating-icon p-rating-cancel",this.cancelIcon]},onIconClass(){return["p-rating-icon",this.onIcon]},offIconClass(){return["p-rating-icon",this.offIcon]}}};const u={class:"p-hidden-accessible"},p=["name","checked","disabled","readonly","aria-label"],m=["onClick"],f={class:"p-hidden-accessible"},h=["value","name","checked","disabled","readonly","aria-label","onFocus","onChange"];!function(e,n){void 0===n&&(n={});var a=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===a&&t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.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"),d.render=function(e,n,d,g,y,b){return a(),t("div",{class:l(b.containerClass)},[d.cancel?(a(),t("div",{key:0,class:l(["p-rating-item p-rating-cancel-item",{"p-focus":0===y.focusedOptionIndex}]),onClick:n[3]||(n[3]=e=>b.onOptionClick(e,0))},[i("span",u,[i("input",{type:"radio",value:"0",name:y.name,checked:0===d.modelValue,disabled:d.disabled,readonly:d.readonly,"aria-label":b.cancelAriaLabel(),onFocus:n[0]||(n[0]=e=>b.onFocus(e,0)),onBlur:n[1]||(n[1]=(...e)=>b.onBlur&&b.onBlur(...e)),onChange:n[2]||(n[2]=e=>b.onChange(e,0))},null,40,p)]),o(e.$slots,"cancelicon",{},(()=>[i("span",{class:l(b.cancelIconClass)},null,2)]))],2)):s("",!0),(a(!0),t(c,null,r(d.stars,(s=>(a(),t("div",{key:s,class:l(["p-rating-item",{"p-rating-item-active":s<=d.modelValue,"p-focus":s===y.focusedOptionIndex}]),onClick:e=>b.onOptionClick(e,s)},[i("span",f,[i("input",{type:"radio",value:s,name:y.name,checked:d.modelValue===s,disabled:d.disabled,readonly:d.readonly,"aria-label":b.starAriaLabel(s),onFocus:e=>b.onFocus(e,s),onBlur:n[4]||(n[4]=(...e)=>b.onBlur&&b.onBlur(...e)),onChange:e=>b.onChange(e,s)},null,40,h)]),s<=d.modelValue?o(e.$slots,"onicon",{key:0,value:s},(()=>[i("span",{class:l(b.onIconClass)},null,2)])):o(e.$slots,"officon",{key:1,value:s},(()=>[i("span",{class:l(b.offIconClass)},null,2)]))],10,m)))),128))],2)};export{d as default};
+import e from"primevue/icons/ban";import n from"primevue/icons/star";import a from"primevue/icons/starfill";import{UniqueComponentId as t,DomHandler as o}from"primevue/utils";import{openBlock as l,createElementBlock as i,normalizeClass as s,createElementVNode as c,renderSlot as r,createBlock as d,resolveDynamicComponent as u,createCommentVNode as p,Fragment as m,renderList as f}from"vue";var h={name:"Rating",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||t()}},mounted(){this.name=this.name||t()},methods:{onOptionClick(e,n){if(!this.readonly&&!this.disabled){this.onOptionSelect(e,n);const a=o.getFirstFocusableElement(e.currentTarget);a&&o.focus(a)}},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:a,StarIcon:n,BanIcon:e}};const g={class:"p-hidden-accessible"},y=["name","checked","disabled","readonly","aria-label"],v=["onClick"],b={class:"p-hidden-accessible"},I=["value","name","checked","disabled","readonly","aria-label","onFocus","onChange"];!function(e,n){void 0===n&&(n={});var a=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===a&&t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.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"),h.render=function(e,n,a,t,o,h){return l(),i("div",{class:s(h.containerClass)},[a.cancel?(l(),i("div",{key:0,class:s(["p-rating-item p-rating-cancel-item",{"p-focus":0===o.focusedOptionIndex}]),onClick:n[3]||(n[3]=e=>h.onOptionClick(e,0))},[c("span",g,[c("input",{type:"radio",value:"0",name:o.name,checked:0===a.modelValue,disabled:a.disabled,readonly:a.readonly,"aria-label":h.cancelAriaLabel(),onFocus:n[0]||(n[0]=e=>h.onFocus(e,0)),onBlur:n[1]||(n[1]=(...e)=>h.onBlur&&h.onBlur(...e)),onChange:n[2]||(n[2]=e=>h.onChange(e,0))},null,40,y)]),r(e.$slots,"cancelicon",{},(()=>[(l(),d(u(a.cancelIcon?"span":"BanIcon"),{class:s(["p-rating-icon p-rating-cancel",a.cancelIcon])},null,8,["class"]))]))],2)):p("",!0),(l(!0),i(m,null,f(a.stars,(t=>(l(),i("div",{key:t,class:s(["p-rating-item",{"p-rating-item-active":t<=a.modelValue,"p-focus":t===o.focusedOptionIndex}]),onClick:e=>h.onOptionClick(e,t)},[c("span",b,[c("input",{type:"radio",value:t,name:o.name,checked:a.modelValue===t,disabled:a.disabled,readonly:a.readonly,"aria-label":h.starAriaLabel(t),onFocus:e=>h.onFocus(e,t),onBlur:n[4]||(n[4]=(...e)=>h.onBlur&&h.onBlur(...e)),onChange:e=>h.onChange(e,t)},null,40,I)]),t<=a.modelValue?r(e.$slots,"onicon",{key:0,value:t},(()=>[(l(),d(u(a.onIcon?"span":"StarFillIcon"),{class:s(["p-rating-icon",a.onIcon])},null,8,["class"]))])):r(e.$slots,"officon",{key:1,value:t},(()=>[(l(),d(u(a.onIcon?"span":"StarIcon"),{class:s(["p-rating-icon",a.offIcon])},null,8,["class"]))]))],10,v)))),128))],2)};export{h as default};

package/rating/rating.js

@@ -1,7 +1,13 @@
 this.primevue = this.primevue || {};
-this.primevue.rating = (function (utils, vue) {
+this.primevue.rating = (function (BanIcon, StarIcon, StarFillIcon, utils, vue) {
     'use strict';
 
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BanIcon__default = /*#__PURE__*/_interopDefaultLegacy(BanIcon);
+    var StarIcon__default = /*#__PURE__*/_interopDefaultLegacy(StarIcon);
+    var StarFillIcon__default = /*#__PURE__*/_interopDefaultLegacy(StarFillIcon);
+
     var script = {
         name: 'Rating',
         emits: ['update:modelValue', 'change', 'focus', 'blur'],
@@ -28,15 +34,15 @@ this.primevue.rating = (function (utils, vue) {
             },
             onIcon: {
                 type: String,
-                default: 'pi pi-star-fill'
+                default: undefined
             },
             offIcon: {
                 type: String,
-                default: 'pi pi-star'
+                default: undefined
             },
             cancelIcon: {
                 type: String,
-                default: 'pi pi-ban'
+                default: undefined
             }
         },
         data() {
@@ -97,16 +103,12 @@ this.primevue.rating = (function (utils, vue) {
                         'p-disabled': this.disabled
                     }
                 ];
-            },
-            cancelIconClass() {
-                return ['p-rating-icon p-rating-cancel', this.cancelIcon];
-            },
-            onIconClass() {
-                return ['p-rating-icon', this.onIcon];
-            },
-            offIconClass() {
-                return ['p-rating-icon', this.offIcon];
             }
+        },
+        components: {
+            StarFillIcon: StarFillIcon__default["default"],
+            StarIcon: StarIcon__default["default"],
+            BanIcon: BanIcon__default["default"]
         }
     };
 
@@ -141,9 +143,9 @@ this.primevue.rating = (function (utils, vue) {
                 }, null, 40, _hoisted_2)
               ]),
               vue.renderSlot(_ctx.$slots, "cancelicon", {}, () => [
-                vue.createElementVNode("span", {
-                  class: vue.normalizeClass($options.cancelIconClass)
-                }, null, 2)
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.cancelIcon ? 'span' : 'BanIcon'), {
+                  class: vue.normalizeClass(['p-rating-icon p-rating-cancel', $props.cancelIcon])
+                }, null, 8, ["class"]))
               ])
             ], 2))
           : vue.createCommentVNode("", true),
@@ -172,17 +174,17 @@ this.primevue.rating = (function (utils, vue) {
                   key: 0,
                   value: value
                 }, () => [
-                  vue.createElementVNode("span", {
-                    class: vue.normalizeClass($options.onIconClass)
-                  }, null, 2)
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.onIcon ? 'span' : 'StarFillIcon'), {
+                    class: vue.normalizeClass(['p-rating-icon', $props.onIcon])
+                  }, null, 8, ["class"]))
                 ])
               : vue.renderSlot(_ctx.$slots, "officon", {
                   key: 1,
                   value: value
                 }, () => [
-                  vue.createElementVNode("span", {
-                    class: vue.normalizeClass($options.offIconClass)
-                  }, null, 2)
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.onIcon ? 'span' : 'StarIcon'), {
+                    class: vue.normalizeClass(['p-rating-icon', $props.offIcon])
+                  }, null, 8, ["class"]))
                 ])
           ], 10, _hoisted_3))
         }), 128))
@@ -223,4 +225,4 @@ this.primevue.rating = (function (utils, vue) {
 
     return script;
 
-})(primevue.utils, Vue);
+})(primevue.icons.ban, primevue.icons.star, primevue.icons.starfill, primevue.utils, Vue);

package/rating/rating.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.rating=function(e,n){"use strict";var a={name:"Rating",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:"pi pi-star-fill"},offIcon:{type:String,default:"pi pi-star"},cancelIcon:{type:String,default:"pi pi-ban"}},data(){return{name:this.$attrs.name,focusedOptionIndex:-1}},watch:{"$attrs.name":function(n){this.name=n||e.UniqueComponentId()}},mounted(){this.name=this.name||e.UniqueComponentId()},methods:{onOptionClick(n,a){if(!this.readonly&&!this.disabled){this.onOptionSelect(n,a);const t=e.DomHandler.getFirstFocusableElement(n.currentTarget);t&&e.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}]},cancelIconClass(){return["p-rating-icon p-rating-cancel",this.cancelIcon]},onIconClass(){return["p-rating-icon",this.onIcon]},offIconClass(){return["p-rating-icon",this.offIcon]}}};const t={class:"p-hidden-accessible"},l=["name","checked","disabled","readonly","aria-label"],o=["onClick"],i={class:"p-hidden-accessible"},s=["value","name","checked","disabled","readonly","aria-label","onFocus","onChange"];return function(e,n){void 0===n&&(n={});var a=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===a&&t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.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"),a.render=function(e,a,r,c,d,u){return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(u.containerClass)},[r.cancel?(n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(["p-rating-item p-rating-cancel-item",{"p-focus":0===d.focusedOptionIndex}]),onClick:a[3]||(a[3]=e=>u.onOptionClick(e,0))},[n.createElementVNode("span",t,[n.createElementVNode("input",{type:"radio",value:"0",name:d.name,checked:0===r.modelValue,disabled:r.disabled,readonly:r.readonly,"aria-label":u.cancelAriaLabel(),onFocus:a[0]||(a[0]=e=>u.onFocus(e,0)),onBlur:a[1]||(a[1]=(...e)=>u.onBlur&&u.onBlur(...e)),onChange:a[2]||(a[2]=e=>u.onChange(e,0))},null,40,l)]),n.renderSlot(e.$slots,"cancelicon",{},(()=>[n.createElementVNode("span",{class:n.normalizeClass(u.cancelIconClass)},null,2)]))],2)):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(r.stars,(t=>(n.openBlock(),n.createElementBlock("div",{key:t,class:n.normalizeClass(["p-rating-item",{"p-rating-item-active":t<=r.modelValue,"p-focus":t===d.focusedOptionIndex}]),onClick:e=>u.onOptionClick(e,t)},[n.createElementVNode("span",i,[n.createElementVNode("input",{type:"radio",value:t,name:d.name,checked:r.modelValue===t,disabled:r.disabled,readonly:r.readonly,"aria-label":u.starAriaLabel(t),onFocus:e=>u.onFocus(e,t),onBlur:a[4]||(a[4]=(...e)=>u.onBlur&&u.onBlur(...e)),onChange:e=>u.onChange(e,t)},null,40,s)]),t<=r.modelValue?n.renderSlot(e.$slots,"onicon",{key:0,value:t},(()=>[n.createElementVNode("span",{class:n.normalizeClass(u.onIconClass)},null,2)])):n.renderSlot(e.$slots,"officon",{key:1,value:t},(()=>[n.createElementVNode("span",{class:n.normalizeClass(u.offIconClass)},null,2)]))],10,o)))),128))],2)},a}(primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.rating=function(e,n,a,t,o){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(e),c=l(n),s={name:"Rating",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||t.UniqueComponentId()}},mounted(){this.name=this.name||t.UniqueComponentId()},methods:{onOptionClick(e,n){if(!this.readonly&&!this.disabled){this.onOptionSelect(e,n);const a=t.DomHandler.getFirstFocusableElement(e.currentTarget);a&&t.DomHandler.focus(a)}},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:l(a).default,StarIcon:c.default,BanIcon:i.default}};const r={class:"p-hidden-accessible"},d=["name","checked","disabled","readonly","aria-label"],u=["onClick"],p={class:"p-hidden-accessible"},m=["value","name","checked","disabled","readonly","aria-label","onFocus","onChange"];return function(e,n){void 0===n&&(n={});var a=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===a&&t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.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"),s.render=function(e,n,a,t,l,i){return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(i.containerClass)},[a.cancel?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(["p-rating-item p-rating-cancel-item",{"p-focus":0===l.focusedOptionIndex}]),onClick:n[3]||(n[3]=e=>i.onOptionClick(e,0))},[o.createElementVNode("span",r,[o.createElementVNode("input",{type:"radio",value:"0",name:l.name,checked:0===a.modelValue,disabled:a.disabled,readonly:a.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))},null,40,d)]),o.renderSlot(e.$slots,"cancelicon",{},(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(a.cancelIcon?"span":"BanIcon"),{class:o.normalizeClass(["p-rating-icon p-rating-cancel",a.cancelIcon])},null,8,["class"]))]))],2)):o.createCommentVNode("",!0),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(a.stars,(t=>(o.openBlock(),o.createElementBlock("div",{key:t,class:o.normalizeClass(["p-rating-item",{"p-rating-item-active":t<=a.modelValue,"p-focus":t===l.focusedOptionIndex}]),onClick:e=>i.onOptionClick(e,t)},[o.createElementVNode("span",p,[o.createElementVNode("input",{type:"radio",value:t,name:l.name,checked:a.modelValue===t,disabled:a.disabled,readonly:a.readonly,"aria-label":i.starAriaLabel(t),onFocus:e=>i.onFocus(e,t),onBlur:n[4]||(n[4]=(...e)=>i.onBlur&&i.onBlur(...e)),onChange:e=>i.onChange(e,t)},null,40,m)]),t<=a.modelValue?o.renderSlot(e.$slots,"onicon",{key:0,value:t},(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(a.onIcon?"span":"StarFillIcon"),{class:o.normalizeClass(["p-rating-icon",a.onIcon])},null,8,["class"]))])):o.renderSlot(e.$slots,"officon",{key:1,value:t},(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(a.onIcon?"span":"StarIcon"),{class:o.normalizeClass(["p-rating-icon",a.offIcon])},null,8,["class"]))]))],10,u)))),128))],2)},s}(primevue.icons.ban,primevue.icons.star,primevue.icons.starfill,primevue.utils,Vue);

package/resources/primevue.css

@@ -385,7 +385,9 @@ button {
 }
 
 .p-input-icon-left > i,
-.p-input-icon-right > i {
+.p-input-icon-left > svg,
+.p-input-icon-right > i,
+.p-input-icon-right > svg {
     position: absolute;
     top: 50%;
     margin-top: -.5rem;

package/resources/primevue.min.css

@@ -1 +1 @@
-.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none;user-select:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@-webkit-keyframes p-fadein{0%{opacity:0}100%{opacity:1}}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;user-select:none}.p-link:disabled{cursor:default}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-connected-overlay-enter-from{opacity:0;transform:scaleY(0.8)}.p-connected-overlay-leave-to{opacity:0}.p-connected-overlay-enter-active{transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-leave-active{transition:opacity .1s linear}.p-toggleable-content-enter-from,.p-toggleable-content-leave-to{max-height:0}.p-toggleable-content-enter-to,.p-toggleable-content-leave-from{max-height:1000px}.p-toggleable-content-leave-active{overflow:hidden;transition:max-height .45s cubic-bezier(0,1,0,1)}.p-toggleable-content-enter-active{overflow:hidden;transition:max-height 1s ease-in-out}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default}.p-button-icon-only{justify-content:center}.p-button-icon-only .p-button-label{visibility:hidden;width:0;flex:0 0 auto}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-checkbox{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom;position:relative}.p-checkbox.p-checkbox-disabled{cursor:default}.p-checkbox-box{display:flex;justify-content:center;align-items:center}.p-colorpicker-panel .p-colorpicker-color{background:transparent url("./images/color.png") no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url("./images/hue.png") no-repeat left top}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-fluid .p-inputgroup .p-input{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-right>i{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-radiobutton{position:relative;display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom}.p-radiobutton.p-radiobutton-disabled{cursor:default}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0);pointer-events:none}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}
+.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none;user-select:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@-webkit-keyframes p-fadein{0%{opacity:0}100%{opacity:1}}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;user-select:none}.p-link:disabled{cursor:default}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-connected-overlay-enter-from{opacity:0;transform:scaleY(0.8)}.p-connected-overlay-leave-to{opacity:0}.p-connected-overlay-enter-active{transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-leave-active{transition:opacity .1s linear}.p-toggleable-content-enter-from,.p-toggleable-content-leave-to{max-height:0}.p-toggleable-content-enter-to,.p-toggleable-content-leave-from{max-height:1000px}.p-toggleable-content-leave-active{overflow:hidden;transition:max-height .45s cubic-bezier(0,1,0,1)}.p-toggleable-content-enter-active{overflow:hidden;transition:max-height 1s ease-in-out}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default}.p-button-icon-only{justify-content:center}.p-button-icon-only .p-button-label{visibility:hidden;width:0;flex:0 0 auto}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-checkbox{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom;position:relative}.p-checkbox.p-checkbox-disabled{cursor:default}.p-checkbox-box{display:flex;justify-content:center;align-items:center}.p-colorpicker-panel .p-colorpicker-color{background:transparent url("./images/color.png") no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url("./images/hue.png") no-repeat left top}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-fluid .p-inputgroup .p-input{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-left>svg,.p-input-icon-right>i,.p-input-icon-right>svg{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-radiobutton{position:relative;display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom}.p-radiobutton.p-radiobutton-disabled{cursor:default}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0);pointer-events:none}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}

package/resources/themes/arya-blue/theme.css

@@ -78,6 +78,11 @@
   font-size: 1rem;
 }
 
+.p-icon {
+  width: 1rem;
+  height: 1rem;
+}
+
 .p-link {
   font-size: 1rem;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -648,6 +653,10 @@
   color: #212529;
   font-size: 14px;
 }
+.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
+  width: 14px;
+  height: 14px;
+}
 .p-checkbox .p-checkbox-box.p-highlight {
   border-color: #64B5F6;
   background: #64B5F6;
@@ -1119,6 +1128,7 @@
   color: #ef9a9a;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1132,6 +1142,7 @@
   left: 2rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1486,6 +1497,10 @@
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   font-size: 1.143rem;
 }
+.p-rating .p-rating-item .p-rating-icon.p-icon {
+  width: 1.143rem;
+  height: 1.143rem;
+}
 .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
   color: #F48FB1;
 }
@@ -2180,6 +2195,10 @@
 .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
   font-size: 1.3rem;
 }
+.p-speeddial-button.p-button.p-button-icon-only .p-icon {
+  width: 1.3rem;
+  height: 1.3rem;
+}
 
 .p-speeddial-list {
   outline: 0 none;
@@ -2703,6 +2722,10 @@
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
+.p-datatable .p-datatable-loading-icon.p-icon {
+  width: 2rem;
+  height: 2rem;
+}
 .p-datatable.p-datatable-gridlines .p-datatable-header {
   border-width: 1px 1px 0 1px;
 }
@@ -3586,6 +3609,10 @@
 .p-tree .p-tree-loading-icon {
   font-size: 2rem;
 }
+.p-tree .p-tree-loading-icon.p-icon {
+  width: 2rem;
+  height: 2rem;
+}
 
 .p-treetable .p-paginator-top {
   border-width: 1px 0 1px 0;
@@ -3728,6 +3755,10 @@
 .p-treetable .p-treetable-loading-icon {
   font-size: 2rem;
 }
+.p-treetable .p-treetable-loading-icon.p-icon {
+  width: 2rem;
+  height: 2rem;
+}
 .p-treetable.p-treetable-gridlines .p-datatable-header {
   border-width: 1px 1px 0 1px;
 }
@@ -3986,15 +4017,19 @@
   border: 1px solid #383838;
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 1px solid #383838;
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 
@@ -4140,6 +4175,10 @@
 .p-confirm-popup .p-confirm-popup-icon {
   font-size: 1.5rem;
 }
+.p-confirm-popup .p-confirm-popup-icon.p-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+}
 .p-confirm-popup .p-confirm-popup-message {
   margin-left: 1rem;
 }
@@ -4484,6 +4523,10 @@
 .p-contextmenu .p-submenu-icon {
   font-size: 0.875rem;
 }
+.p-contextmenu .p-submenu-icon.p-icon {
+  width: 0.875rem;
+  height: 0.875rem;
+}
 
 .p-dock .p-dock-list-container {
   background: rgba(255, 255, 255, 0.1);
@@ -5267,6 +5310,10 @@
 .p-tieredmenu .p-submenu-icon {
   font-size: 0.875rem;
 }
+.p-tieredmenu .p-submenu-icon.p-icon {
+  width: 0.875rem;
+  height: 0.875rem;
+}
 
 .p-inline-message {
   padding: 0.5rem 0.5rem;
@@ -5398,6 +5445,10 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
+.p-message .p-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+}
 
 .p-toast {
   opacity: 0.9;
@@ -5417,6 +5468,10 @@
 .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
   font-size: 2rem;
 }
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
+  width: 2rem;
+  height: 2rem;
+}
 .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
   font-weight: 700;
 }
@@ -5491,6 +5546,10 @@
 .p-galleria .p-galleria-close .p-galleria-close-icon {
   font-size: 2rem;
 }
+.p-galleria .p-galleria-close .p-icon {
+  width: 2rem;
+  height: 2rem;
+}
 .p-galleria .p-galleria-close:hover {
   background: rgba(255, 255, 255, 0.1);
   color: #f8f9fa;
@@ -5508,6 +5567,10 @@
 .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
   font-size: 2rem;
 }
+.p-galleria .p-galleria-item-nav .p-icon {
+  width: 2rem;
+  height: 2rem;
+}
 .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
   background: rgba(255, 255, 255, 0.1);
   color: #f8f9fa;
@@ -5591,6 +5654,10 @@
   color: #f8f9fa;
   transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
 }
+.p-image-preview-indicator .p-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+}
 
 .p-image-preview-container:hover > .p-image-preview-indicator {
   background-color: rgba(0, 0, 0, 0.5);
@@ -5619,6 +5686,10 @@
 .p-image-action.p-link i {
   font-size: 1.5rem;
 }
+.p-image-action.p-link .p-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+}
 
 .p-avatar {
   background-color: #383838;
@@ -5811,6 +5882,10 @@
   font-size: 1.5rem;
   color: rgba(255, 255, 255, 0.87);
 }
+.p-scrolltop .p-scrolltop-icon.p-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+}
 
 .p-skeleton {
   background-color: rgba(255, 255, 255, 0.06);
@@ -5848,6 +5923,10 @@
   margin-right: 0.25rem;
   font-size: 0.75rem;
 }
+.p-tag .p-tag-icon.p-icon {
+  width: 0.75rem;
+  height: 0.75rem;
+}
 
 .p-terminal {
   background: #1e1e1e;