primevue 3.47.2 → 3.48.0

package/progressbar/style/progressbarstyle.cjs.js

@@ -6,7 +6,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-var css = "\n@layer primevue {\n    .p-progressbar {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-progressbar-determinate .p-progressbar-value {\n        height: 100%;\n        width: 0%;\n        position: absolute;\n        display: none;\n        border: 0 none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n    .p-progressbar-determinate .p-progressbar-label {\n        display: inline-flex;\n    }\n\n    .p-progressbar-determinate .p-progressbar-value-animate {\n        transition: width 1s ease-in-out;\n    }\n\n    .p-progressbar-indeterminate .p-progressbar-value::before {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n        animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    }\n\n    .p-progressbar-indeterminate .p-progressbar-value::after {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n        animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n        -webkit-animation-delay: 1.15s;\n        animation-delay: 1.15s;\n    }\n\n    @-webkit-keyframes p-progressbar-indeterminate-anim {\n        0% {\n            left: -35%;\n            right: 100%;\n        }\n        60% {\n            left: 100%;\n            right: -90%;\n        }\n        100% {\n            left: 100%;\n            right: -90%;\n        }\n    }\n    @keyframes p-progressbar-indeterminate-anim {\n        0% {\n            left: -35%;\n            right: 100%;\n        }\n        60% {\n            left: 100%;\n            right: -90%;\n        }\n        100% {\n            left: 100%;\n            right: -90%;\n        }\n    }\n\n    @-webkit-keyframes p-progressbar-indeterminate-anim-short {\n        0% {\n            left: -200%;\n            right: 100%;\n        }\n        60% {\n            left: 107%;\n            right: -8%;\n        }\n        100% {\n            left: 107%;\n            right: -8%;\n        }\n    }\n    @keyframes p-progressbar-indeterminate-anim-short {\n        0% {\n            left: -200%;\n            right: 100%;\n        }\n        60% {\n            left: 107%;\n            right: -8%;\n        }\n        100% {\n            left: 107%;\n            right: -8%;\n        }\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var instance = _ref.instance;
@@ -21,7 +20,6 @@ var classes = {
 };
 var ProgressBarStyle = BaseStyle__default["default"].extend({
   name: 'progressbar',
-  css: css,
   classes: classes
 });
 

package/progressbar/style/progressbarstyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=n(require("primevue/base/style")).default.extend({name:"progressbar",css:"\n@layer primevue {\n    .p-progressbar {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-progressbar-determinate .p-progressbar-value {\n        height: 100%;\n        width: 0%;\n        position: absolute;\n        display: none;\n        border: 0 none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n    .p-progressbar-determinate .p-progressbar-label {\n        display: inline-flex;\n    }\n\n    .p-progressbar-determinate .p-progressbar-value-animate {\n        transition: width 1s ease-in-out;\n    }\n\n    .p-progressbar-indeterminate .p-progressbar-value::before {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n        animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    }\n\n    .p-progressbar-indeterminate .p-progressbar-value::after {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n        animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n        -webkit-animation-delay: 1.15s;\n        animation-delay: 1.15s;\n    }\n\n    @-webkit-keyframes p-progressbar-indeterminate-anim {\n        0% {\n            left: -35%;\n            right: 100%;\n        }\n        60% {\n            left: 100%;\n            right: -90%;\n        }\n        100% {\n            left: 100%;\n            right: -90%;\n        }\n    }\n    @keyframes p-progressbar-indeterminate-anim {\n        0% {\n            left: -35%;\n            right: 100%;\n        }\n        60% {\n            left: 100%;\n            right: -90%;\n        }\n        100% {\n            left: 100%;\n            right: -90%;\n        }\n    }\n\n    @-webkit-keyframes p-progressbar-indeterminate-anim-short {\n        0% {\n            left: -200%;\n            right: 100%;\n        }\n        60% {\n            left: 107%;\n            right: -8%;\n        }\n        100% {\n            left: 107%;\n            right: -8%;\n        }\n    }\n    @keyframes p-progressbar-indeterminate-anim-short {\n        0% {\n            left: -200%;\n            right: 100%;\n        }\n        60% {\n            left: 107%;\n            right: -8%;\n        }\n        100% {\n            left: 107%;\n            right: -8%;\n        }\n    }\n}\n",classes:{root:function(n){var e=n.instance;return["p-progressbar p-component",{"p-progressbar-determinate":e.determinate,"p-progressbar-indeterminate":e.indeterminate}]},container:"p-progressbar-indeterminate-container",value:"p-progressbar-value p-progressbar-value-animate",label:"p-progressbar-label"}});module.exports=e;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=e(require("primevue/base/style")).default.extend({name:"progressbar",classes:{root:function(e){var r=e.instance;return["p-progressbar p-component",{"p-progressbar-determinate":r.determinate,"p-progressbar-indeterminate":r.indeterminate}]},container:"p-progressbar-indeterminate-container",value:"p-progressbar-value p-progressbar-value-animate",label:"p-progressbar-label"}});module.exports=r;

package/progressbar/style/progressbarstyle.esm.js

@@ -1,6 +1,5 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-progressbar {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-progressbar-determinate .p-progressbar-value {\n        height: 100%;\n        width: 0%;\n        position: absolute;\n        display: none;\n        border: 0 none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n    .p-progressbar-determinate .p-progressbar-label {\n        display: inline-flex;\n    }\n\n    .p-progressbar-determinate .p-progressbar-value-animate {\n        transition: width 1s ease-in-out;\n    }\n\n    .p-progressbar-indeterminate .p-progressbar-value::before {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n        animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    }\n\n    .p-progressbar-indeterminate .p-progressbar-value::after {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n        animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n        -webkit-animation-delay: 1.15s;\n        animation-delay: 1.15s;\n    }\n\n    @-webkit-keyframes p-progressbar-indeterminate-anim {\n        0% {\n            left: -35%;\n            right: 100%;\n        }\n        60% {\n            left: 100%;\n            right: -90%;\n        }\n        100% {\n            left: 100%;\n            right: -90%;\n        }\n    }\n    @keyframes p-progressbar-indeterminate-anim {\n        0% {\n            left: -35%;\n            right: 100%;\n        }\n        60% {\n            left: 100%;\n            right: -90%;\n        }\n        100% {\n            left: 100%;\n            right: -90%;\n        }\n    }\n\n    @-webkit-keyframes p-progressbar-indeterminate-anim-short {\n        0% {\n            left: -200%;\n            right: 100%;\n        }\n        60% {\n            left: 107%;\n            right: -8%;\n        }\n        100% {\n            left: 107%;\n            right: -8%;\n        }\n    }\n    @keyframes p-progressbar-indeterminate-anim-short {\n        0% {\n            left: -200%;\n            right: 100%;\n        }\n        60% {\n            left: 107%;\n            right: -8%;\n        }\n        100% {\n            left: 107%;\n            right: -8%;\n        }\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var instance = _ref.instance;
@@ -15,7 +14,6 @@ var classes = {
 };
 var ProgressBarStyle = BaseStyle.extend({
   name: 'progressbar',
-  css: css,
   classes: classes
 });
 

package/progressbar/style/progressbarstyle.esm.min.js

@@ -1 +1 @@
-import n from"primevue/base/style";var e=n.extend({name:"progressbar",css:"\n@layer primevue {\n    .p-progressbar {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-progressbar-determinate .p-progressbar-value {\n        height: 100%;\n        width: 0%;\n        position: absolute;\n        display: none;\n        border: 0 none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n    .p-progressbar-determinate .p-progressbar-label {\n        display: inline-flex;\n    }\n\n    .p-progressbar-determinate .p-progressbar-value-animate {\n        transition: width 1s ease-in-out;\n    }\n\n    .p-progressbar-indeterminate .p-progressbar-value::before {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n        animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    }\n\n    .p-progressbar-indeterminate .p-progressbar-value::after {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n        animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n        -webkit-animation-delay: 1.15s;\n        animation-delay: 1.15s;\n    }\n\n    @-webkit-keyframes p-progressbar-indeterminate-anim {\n        0% {\n            left: -35%;\n            right: 100%;\n        }\n        60% {\n            left: 100%;\n            right: -90%;\n        }\n        100% {\n            left: 100%;\n            right: -90%;\n        }\n    }\n    @keyframes p-progressbar-indeterminate-anim {\n        0% {\n            left: -35%;\n            right: 100%;\n        }\n        60% {\n            left: 100%;\n            right: -90%;\n        }\n        100% {\n            left: 100%;\n            right: -90%;\n        }\n    }\n\n    @-webkit-keyframes p-progressbar-indeterminate-anim-short {\n        0% {\n            left: -200%;\n            right: 100%;\n        }\n        60% {\n            left: 107%;\n            right: -8%;\n        }\n        100% {\n            left: 107%;\n            right: -8%;\n        }\n    }\n    @keyframes p-progressbar-indeterminate-anim-short {\n        0% {\n            left: -200%;\n            right: 100%;\n        }\n        60% {\n            left: 107%;\n            right: -8%;\n        }\n        100% {\n            left: 107%;\n            right: -8%;\n        }\n    }\n}\n",classes:{root:function(n){var e=n.instance;return["p-progressbar p-component",{"p-progressbar-determinate":e.determinate,"p-progressbar-indeterminate":e.indeterminate}]},container:"p-progressbar-indeterminate-container",value:"p-progressbar-value p-progressbar-value-animate",label:"p-progressbar-label"}});export{e as default};
+import e from"primevue/base/style";var r=e.extend({name:"progressbar",classes:{root:function(e){var r=e.instance;return["p-progressbar p-component",{"p-progressbar-determinate":r.determinate,"p-progressbar-indeterminate":r.indeterminate}]},container:"p-progressbar-indeterminate-container",value:"p-progressbar-value p-progressbar-value-animate",label:"p-progressbar-label"}});export{r as default};

package/progressbar/style/progressbarstyle.js

@@ -7,7 +7,6 @@ this.primevue.progressbar.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-progressbar {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-progressbar-determinate .p-progressbar-value {\n        height: 100%;\n        width: 0%;\n        position: absolute;\n        display: none;\n        border: 0 none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n    .p-progressbar-determinate .p-progressbar-label {\n        display: inline-flex;\n    }\n\n    .p-progressbar-determinate .p-progressbar-value-animate {\n        transition: width 1s ease-in-out;\n    }\n\n    .p-progressbar-indeterminate .p-progressbar-value::before {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n        animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    }\n\n    .p-progressbar-indeterminate .p-progressbar-value::after {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n        animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n        -webkit-animation-delay: 1.15s;\n        animation-delay: 1.15s;\n    }\n\n    @-webkit-keyframes p-progressbar-indeterminate-anim {\n        0% {\n            left: -35%;\n            right: 100%;\n        }\n        60% {\n            left: 100%;\n            right: -90%;\n        }\n        100% {\n            left: 100%;\n            right: -90%;\n        }\n    }\n    @keyframes p-progressbar-indeterminate-anim {\n        0% {\n            left: -35%;\n            right: 100%;\n        }\n        60% {\n            left: 100%;\n            right: -90%;\n        }\n        100% {\n            left: 100%;\n            right: -90%;\n        }\n    }\n\n    @-webkit-keyframes p-progressbar-indeterminate-anim-short {\n        0% {\n            left: -200%;\n            right: 100%;\n        }\n        60% {\n            left: 107%;\n            right: -8%;\n        }\n        100% {\n            left: 107%;\n            right: -8%;\n        }\n    }\n    @keyframes p-progressbar-indeterminate-anim-short {\n        0% {\n            left: -200%;\n            right: 100%;\n        }\n        60% {\n            left: 107%;\n            right: -8%;\n        }\n        100% {\n            left: 107%;\n            right: -8%;\n        }\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance;
@@ -22,7 +21,6 @@ this.primevue.progressbar.style = (function (BaseStyle) {
     };
     var ProgressBarStyle = BaseStyle__default["default"].extend({
       name: 'progressbar',
-      css: css,
       classes: classes
     });
 

package/progressbar/style/progressbarstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.progressbar=this.primevue.progressbar||{},this.primevue.progressbar.style=function(n){"use strict";function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}return e(primevue.base.style).default.extend({name:"progressbar",css:"\n@layer primevue {\n    .p-progressbar {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-progressbar-determinate .p-progressbar-value {\n        height: 100%;\n        width: 0%;\n        position: absolute;\n        display: none;\n        border: 0 none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n    .p-progressbar-determinate .p-progressbar-label {\n        display: inline-flex;\n    }\n\n    .p-progressbar-determinate .p-progressbar-value-animate {\n        transition: width 1s ease-in-out;\n    }\n\n    .p-progressbar-indeterminate .p-progressbar-value::before {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n        animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    }\n\n    .p-progressbar-indeterminate .p-progressbar-value::after {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n        animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n        -webkit-animation-delay: 1.15s;\n        animation-delay: 1.15s;\n    }\n\n    @-webkit-keyframes p-progressbar-indeterminate-anim {\n        0% {\n            left: -35%;\n            right: 100%;\n        }\n        60% {\n            left: 100%;\n            right: -90%;\n        }\n        100% {\n            left: 100%;\n            right: -90%;\n        }\n    }\n    @keyframes p-progressbar-indeterminate-anim {\n        0% {\n            left: -35%;\n            right: 100%;\n        }\n        60% {\n            left: 100%;\n            right: -90%;\n        }\n        100% {\n            left: 100%;\n            right: -90%;\n        }\n    }\n\n    @-webkit-keyframes p-progressbar-indeterminate-anim-short {\n        0% {\n            left: -200%;\n            right: 100%;\n        }\n        60% {\n            left: 107%;\n            right: -8%;\n        }\n        100% {\n            left: 107%;\n            right: -8%;\n        }\n    }\n    @keyframes p-progressbar-indeterminate-anim-short {\n        0% {\n            left: -200%;\n            right: 100%;\n        }\n        60% {\n            left: 107%;\n            right: -8%;\n        }\n        100% {\n            left: 107%;\n            right: -8%;\n        }\n    }\n}\n",classes:{root:function(n){var e=n.instance;return["p-progressbar p-component",{"p-progressbar-determinate":e.determinate,"p-progressbar-indeterminate":e.indeterminate}]},container:"p-progressbar-indeterminate-container",value:"p-progressbar-value p-progressbar-value-animate",label:"p-progressbar-label"}})}();
+this.primevue=this.primevue||{},this.primevue.progressbar=this.primevue.progressbar||{},this.primevue.progressbar.style=function(e){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return r(primevue.base.style).default.extend({name:"progressbar",classes:{root:function(e){var r=e.instance;return["p-progressbar p-component",{"p-progressbar-determinate":r.determinate,"p-progressbar-indeterminate":r.indeterminate}]},container:"p-progressbar-indeterminate-container",value:"p-progressbar-value p-progressbar-value-animate",label:"p-progressbar-label"}})}();

package/progressspinner/ProgressSpinner.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" role="progressbar" v-bind="ptm('root')" data-pc-name="progressspinner">
+    <div :class="cx('root')" role="progressbar" v-bind="ptm('root')">
         <svg :class="cx('spinner')" viewBox="25 25 50 50" :style="svgStyle" v-bind="ptm('spinner')">
             <circle :class="cx('circle')" cx="50" cy="50" r="20" :fill="fill" :stroke-width="strokeWidth" strokeMiterlimit="10" v-bind="ptm('circle')" />
         </svg>

package/progressspinner/progressspinner.cjs.js

@@ -51,9 +51,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     "class": _ctx.cx('root'),
     role: "progressbar"
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "progressspinner"
-  }), [(vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+  }, _ctx.ptm('root')), [(vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
     "class": _ctx.cx('spinner'),
     viewBox: "25 25 50 50",
     style: $options.svgStyle

package/progressspinner/progressspinner.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),r=require("primevue/progressspinner/style"),t=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"ProgressSpinner",extends:{name:"BaseProgressSpinner",extends:n(e).default,props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},style:n(r).default,provide:function(){return{$parentInstance:this}}},computed:{svgStyle:function(){return{"animation-duration":this.animationDuration}}}},o=["fill","stroke-width"];i.render=function(e,r,n,i,s,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:e.cx("root"),role:"progressbar"},e.ptm("root"),{"data-pc-name":"progressspinner"}),[(t.openBlock(),t.createElementBlock("svg",t.mergeProps({class:e.cx("spinner"),viewBox:"25 25 50 50",style:l.svgStyle},e.ptm("spinner")),[t.createElementVNode("circle",t.mergeProps({class:e.cx("circle"),cx:"50",cy:"50",r:"20",fill:e.fill,"stroke-width":e.strokeWidth,strokeMiterlimit:"10"},e.ptm("circle")),null,16,o)],16))],16)},module.exports=i;
+"use strict";var e=require("primevue/basecomponent"),r=require("primevue/progressspinner/style"),t=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"ProgressSpinner",extends:{name:"BaseProgressSpinner",extends:n(e).default,props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},style:n(r).default,provide:function(){return{$parentInstance:this}}},computed:{svgStyle:function(){return{"animation-duration":this.animationDuration}}}},o=["fill","stroke-width"];i.render=function(e,r,n,i,s,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:e.cx("root"),role:"progressbar"},e.ptm("root")),[(t.openBlock(),t.createElementBlock("svg",t.mergeProps({class:e.cx("spinner"),viewBox:"25 25 50 50",style:l.svgStyle},e.ptm("spinner")),[t.createElementVNode("circle",t.mergeProps({class:e.cx("circle"),cx:"50",cy:"50",r:"20",fill:e.fill,"stroke-width":e.strokeWidth,strokeMiterlimit:"10"},e.ptm("circle")),null,16,o)],16))],16)},module.exports=i;

package/progressspinner/progressspinner.esm.js

@@ -44,9 +44,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root'),
     role: "progressbar"
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "progressspinner"
-  }), [(openBlock(), createElementBlock("svg", mergeProps({
+  }, _ctx.ptm('root')), [(openBlock(), createElementBlock("svg", mergeProps({
     "class": _ctx.cx('spinner'),
     viewBox: "25 25 50 50",
     style: $options.svgStyle

package/progressspinner/progressspinner.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import r from"primevue/progressspinner/style";import{openBlock as t,createElementBlock as n,mergeProps as i,createElementVNode as s}from"vue";var o={name:"ProgressSpinner",extends:{name:"BaseProgressSpinner",extends:e,props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},style:r,provide:function(){return{$parentInstance:this}}},computed:{svgStyle:function(){return{"animation-duration":this.animationDuration}}}},a=["fill","stroke-width"];o.render=function(e,r,o,p,l,c){return t(),n("div",i({class:e.cx("root"),role:"progressbar"},e.ptm("root"),{"data-pc-name":"progressspinner"}),[(t(),n("svg",i({class:e.cx("spinner"),viewBox:"25 25 50 50",style:c.svgStyle},e.ptm("spinner")),[s("circle",i({class:e.cx("circle"),cx:"50",cy:"50",r:"20",fill:e.fill,"stroke-width":e.strokeWidth,strokeMiterlimit:"10"},e.ptm("circle")),null,16,a)],16))],16)};export{o as default};
+import e from"primevue/basecomponent";import t from"primevue/progressspinner/style";import{openBlock as r,createElementBlock as i,mergeProps as n,createElementVNode as s}from"vue";var o={name:"ProgressSpinner",extends:{name:"BaseProgressSpinner",extends:e,props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},style:t,provide:function(){return{$parentInstance:this}}},computed:{svgStyle:function(){return{"animation-duration":this.animationDuration}}}},l=["fill","stroke-width"];o.render=function(e,t,o,a,p,c){return r(),i("div",n({class:e.cx("root"),role:"progressbar"},e.ptm("root")),[(r(),i("svg",n({class:e.cx("spinner"),viewBox:"25 25 50 50",style:c.svgStyle},e.ptm("spinner")),[s("circle",n({class:e.cx("circle"),cx:"50",cy:"50",r:"20",fill:e.fill,"stroke-width":e.strokeWidth,strokeMiterlimit:"10"},e.ptm("circle")),null,16,l)],16))],16)};export{o as default};

package/progressspinner/progressspinner.js

@@ -49,9 +49,7 @@ this.primevue.progressspinner = (function (BaseComponent, ProgressSpinnerStyle,
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         "class": _ctx.cx('root'),
         role: "progressbar"
-      }, _ctx.ptm('root'), {
-        "data-pc-name": "progressspinner"
-      }), [(vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+      }, _ctx.ptm('root')), [(vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
         "class": _ctx.cx('spinner'),
         viewBox: "25 25 50 50",
         style: $options.svgStyle

package/progressspinner/progressspinner.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.progressspinner=function(e,t,r){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"ProgressSpinner",extends:{name:"BaseProgressSpinner",extends:n(e).default,props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},style:n(t).default,provide:function(){return{$parentInstance:this}}},computed:{svgStyle:function(){return{"animation-duration":this.animationDuration}}}},s=["fill","stroke-width"];return i.render=function(e,t,n,i,o,l){return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root"),role:"progressbar"},e.ptm("root"),{"data-pc-name":"progressspinner"}),[(r.openBlock(),r.createElementBlock("svg",r.mergeProps({class:e.cx("spinner"),viewBox:"25 25 50 50",style:l.svgStyle},e.ptm("spinner")),[r.createElementVNode("circle",r.mergeProps({class:e.cx("circle"),cx:"50",cy:"50",r:"20",fill:e.fill,"stroke-width":e.strokeWidth,strokeMiterlimit:"10"},e.ptm("circle")),null,16,s)],16))],16)},i}(primevue.basecomponent,primevue.progressspinner.style,Vue);
+this.primevue=this.primevue||{},this.primevue.progressspinner=function(e,t,r){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"ProgressSpinner",extends:{name:"BaseProgressSpinner",extends:n(e).default,props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},style:n(t).default,provide:function(){return{$parentInstance:this}}},computed:{svgStyle:function(){return{"animation-duration":this.animationDuration}}}},s=["fill","stroke-width"];return i.render=function(e,t,n,i,o,l){return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root"),role:"progressbar"},e.ptm("root")),[(r.openBlock(),r.createElementBlock("svg",r.mergeProps({class:e.cx("spinner"),viewBox:"25 25 50 50",style:l.svgStyle},e.ptm("spinner")),[r.createElementVNode("circle",r.mergeProps({class:e.cx("circle"),cx:"50",cy:"50",r:"20",fill:e.fill,"stroke-width":e.strokeWidth,strokeMiterlimit:"10"},e.ptm("circle")),null,16,s)],16))],16)},i}(primevue.basecomponent,primevue.progressspinner.style,Vue);

package/progressspinner/style/progressspinnerstyle.cjs.js

@@ -6,7 +6,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-var css = "\n@layer primevue {\n    .p-progress-spinner {\n        position: relative;\n        margin: 0 auto;\n        width: 100px;\n        height: 100px;\n        display: inline-block;\n    }\n\n    .p-progress-spinner::before {\n        content: '';\n        display: block;\n        padding-top: 100%;\n    }\n\n    .p-progress-spinner-svg {\n        height: 100%;\n        transform-origin: center center;\n        width: 100%;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n    }\n}\n";
 var classes = {
   root: 'p-progress-spinner',
   spinner: 'p-progress-spinner-svg',
@@ -14,7 +13,6 @@ var classes = {
 };
 var ProgressSpinnerStyle = BaseStyle__default["default"].extend({
   name: 'progressspinner',
-  css: css,
   classes: classes
 });
 

package/progressspinner/style/progressspinnerstyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=n(require("primevue/base/style")).default.extend({name:"progressspinner",css:"\n@layer primevue {\n    .p-progress-spinner {\n        position: relative;\n        margin: 0 auto;\n        width: 100px;\n        height: 100px;\n        display: inline-block;\n    }\n\n    .p-progress-spinner::before {\n        content: '';\n        display: block;\n        padding-top: 100%;\n    }\n\n    .p-progress-spinner-svg {\n        height: 100%;\n        transform-origin: center center;\n        width: 100%;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n    }\n}\n",classes:{root:"p-progress-spinner",spinner:"p-progress-spinner-svg",circle:"p-progress-spinner-circle"}});module.exports=e;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=e(require("primevue/base/style")).default.extend({name:"progressspinner",classes:{root:"p-progress-spinner",spinner:"p-progress-spinner-svg",circle:"p-progress-spinner-circle"}});module.exports=r;

package/progressspinner/style/progressspinnerstyle.esm.js

@@ -1,6 +1,5 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-progress-spinner {\n        position: relative;\n        margin: 0 auto;\n        width: 100px;\n        height: 100px;\n        display: inline-block;\n    }\n\n    .p-progress-spinner::before {\n        content: '';\n        display: block;\n        padding-top: 100%;\n    }\n\n    .p-progress-spinner-svg {\n        height: 100%;\n        transform-origin: center center;\n        width: 100%;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n    }\n}\n";
 var classes = {
   root: 'p-progress-spinner',
   spinner: 'p-progress-spinner-svg',
@@ -8,7 +7,6 @@ var classes = {
 };
 var ProgressSpinnerStyle = BaseStyle.extend({
   name: 'progressspinner',
-  css: css,
   classes: classes
 });
 

package/progressspinner/style/progressspinnerstyle.esm.min.js

@@ -1 +1 @@
-import n from"primevue/base/style";var e=n.extend({name:"progressspinner",css:"\n@layer primevue {\n    .p-progress-spinner {\n        position: relative;\n        margin: 0 auto;\n        width: 100px;\n        height: 100px;\n        display: inline-block;\n    }\n\n    .p-progress-spinner::before {\n        content: '';\n        display: block;\n        padding-top: 100%;\n    }\n\n    .p-progress-spinner-svg {\n        height: 100%;\n        transform-origin: center center;\n        width: 100%;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n    }\n}\n",classes:{root:"p-progress-spinner",spinner:"p-progress-spinner-svg",circle:"p-progress-spinner-circle"}});export{e as default};
+import e from"primevue/base/style";var r=e.extend({name:"progressspinner",classes:{root:"p-progress-spinner",spinner:"p-progress-spinner-svg",circle:"p-progress-spinner-circle"}});export{r as default};

package/progressspinner/style/progressspinnerstyle.js

@@ -7,7 +7,6 @@ this.primevue.progressspinner.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-progress-spinner {\n        position: relative;\n        margin: 0 auto;\n        width: 100px;\n        height: 100px;\n        display: inline-block;\n    }\n\n    .p-progress-spinner::before {\n        content: '';\n        display: block;\n        padding-top: 100%;\n    }\n\n    .p-progress-spinner-svg {\n        height: 100%;\n        transform-origin: center center;\n        width: 100%;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n    }\n}\n";
     var classes = {
       root: 'p-progress-spinner',
       spinner: 'p-progress-spinner-svg',
@@ -15,7 +14,6 @@ this.primevue.progressspinner.style = (function (BaseStyle) {
     };
     var ProgressSpinnerStyle = BaseStyle__default["default"].extend({
       name: 'progressspinner',
-      css: css,
       classes: classes
     });
 

package/progressspinner/style/progressspinnerstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.progressspinner=this.primevue.progressspinner||{},this.primevue.progressspinner.style=function(n){"use strict";function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}return e(primevue.base.style).default.extend({name:"progressspinner",css:"\n@layer primevue {\n    .p-progress-spinner {\n        position: relative;\n        margin: 0 auto;\n        width: 100px;\n        height: 100px;\n        display: inline-block;\n    }\n\n    .p-progress-spinner::before {\n        content: '';\n        display: block;\n        padding-top: 100%;\n    }\n\n    .p-progress-spinner-svg {\n        height: 100%;\n        transform-origin: center center;\n        width: 100%;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n    }\n}\n",classes:{root:"p-progress-spinner",spinner:"p-progress-spinner-svg",circle:"p-progress-spinner-circle"}})}();
+this.primevue=this.primevue||{},this.primevue.progressspinner=this.primevue.progressspinner||{},this.primevue.progressspinner.style=function(e){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return r(primevue.base.style).default.extend({name:"progressspinner",classes:{root:"p-progress-spinner",spinner:"p-progress-spinner-svg",circle:"p-progress-spinner-circle"}})}();

package/radiobutton/BaseRadioButton.vue

@@ -13,6 +13,14 @@ export default {
             type: String,
             default: null
         },
+        variant: {
+            type: String,
+            default: null
+        },
+        invalid: {
+            type: Boolean,
+            default: false
+        },
         disabled: {
             type: Boolean,
             default: false

package/radiobutton/RadioButton.d.ts

@@ -110,11 +110,21 @@ export interface RadioButtonProps {
      * @default false
      */
     binary?: boolean;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
     /**
      * When present, it specifies that the component should be disabled.
      * @defaultValue false
      */
     disabled?: boolean | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue outlined
+     */
+    variant?: 'outlined' | 'filled' | undefined;
     /**
      * When present, it specifies that an input field is read-only.
      * @default false

package/radiobutton/RadioButton.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" v-bind="getPTOptions('root')" data-pc-name="radiobutton" :data-p-highlight="checked" :data-p-disabled="disabled">
+    <div :class="cx('root')" v-bind="getPTOptions('root')" :data-p-highlight="checked" :data-p-disabled="disabled">
         <input
             :id="inputId"
             type="radio"

package/radiobutton/radiobutton.cjs.js

@@ -21,6 +21,14 @@ var script$1 = {
       type: String,
       "default": null
     },
+    variant: {
+      type: String,
+      "default": null
+    },
+    invalid: {
+      type: Boolean,
+      "default": false
+    },
     disabled: {
       type: Boolean,
       "default": false
@@ -102,7 +110,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     "class": _ctx.cx('root')
   }, $options.getPTOptions('root'), {
-    "data-pc-name": "radiobutton",
     "data-p-highlight": $options.checked,
     "data-p-disabled": _ctx.disabled
   }), [vue.createElementVNode("input", vue.mergeProps({

package/radiobutton/radiobutton.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/basecomponent"),a=require("primevue/radiobutton/style"),n=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"RadioButton",extends:{name:"BaseRadioButton",extends:l(t).default,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:l(a).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.binary?!this.checked:this.value),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return null!=this.modelValue&&(this.binary?!!this.modelValue:e.ObjectUtils.equals(this.modelValue,this.value))}}},u=["data-p-highlight","data-p-disabled"],d=["id","value","name","checked","tabindex","disabled","readonly","aria-labelledby","aria-label"];i.render=function(e,t,a,l,i,o){return n.openBlock(),n.createElementBlock("div",n.mergeProps({class:e.cx("root")},o.getPTOptions("root"),{"data-pc-name":"radiobutton","data-p-highlight":o.checked,"data-p-disabled":e.disabled}),[n.createElementVNode("input",n.mergeProps({id:e.inputId,type:"radio",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:o.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return o.onFocus&&o.onFocus.apply(o,arguments)}),onBlur:t[1]||(t[1]=function(){return o.onBlur&&o.onBlur.apply(o,arguments)}),onChange:t[2]||(t[2]=function(){return o.onChange&&o.onChange.apply(o,arguments)})},o.getPTOptions("input")),null,16,d),n.createElementVNode("div",n.mergeProps({class:e.cx("box")},o.getPTOptions("box")),[n.createElementVNode("div",n.mergeProps({class:e.cx("icon")},o.getPTOptions("icon")),null,16)],16)],16,u)},module.exports=i;
+"use strict";var e=require("primevue/utils"),t=require("primevue/basecomponent"),l=require("primevue/radiobutton/style"),a=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"RadioButton",extends:{name:"BaseRadioButton",extends:n(t).default,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},variant:{type:String,default:null},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:n(l).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.binary?!this.checked:this.value),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return null!=this.modelValue&&(this.binary?!!this.modelValue:e.ObjectUtils.equals(this.modelValue,this.value))}}},u=["data-p-highlight","data-p-disabled"],d=["id","value","name","checked","tabindex","disabled","readonly","aria-labelledby","aria-label"];i.render=function(e,t,l,n,i,o){return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},o.getPTOptions("root"),{"data-p-highlight":o.checked,"data-p-disabled":e.disabled}),[a.createElementVNode("input",a.mergeProps({id:e.inputId,type:"radio",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:o.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return o.onFocus&&o.onFocus.apply(o,arguments)}),onBlur:t[1]||(t[1]=function(){return o.onBlur&&o.onBlur.apply(o,arguments)}),onChange:t[2]||(t[2]=function(){return o.onChange&&o.onChange.apply(o,arguments)})},o.getPTOptions("input")),null,16,d),a.createElementVNode("div",a.mergeProps({class:e.cx("box")},o.getPTOptions("box")),[a.createElementVNode("div",a.mergeProps({class:e.cx("icon")},o.getPTOptions("icon")),null,16)],16)],16,u)},module.exports=i;

package/radiobutton/radiobutton.esm.js

@@ -14,6 +14,14 @@ var script$1 = {
       type: String,
       "default": null
     },
+    variant: {
+      type: String,
+      "default": null
+    },
+    invalid: {
+      type: Boolean,
+      "default": false
+    },
     disabled: {
       type: Boolean,
       "default": false
@@ -95,7 +103,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root')
   }, $options.getPTOptions('root'), {
-    "data-pc-name": "radiobutton",
     "data-p-highlight": $options.checked,
     "data-p-disabled": _ctx.disabled
   }), [createElementVNode("input", mergeProps({

package/radiobutton/radiobutton.esm.min.js

@@ -1 +1 @@
-import{ObjectUtils as e}from"primevue/utils";import t from"primevue/basecomponent";import a from"primevue/radiobutton/style";import{openBlock as n,createElementBlock as l,mergeProps as i,createElementVNode as u}from"vue";var o={name:"RadioButton",extends:{name:"BaseRadioButton",extends:t,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:a,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.binary?!this.checked:this.value),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return null!=this.modelValue&&(this.binary?!!this.modelValue:e.equals(this.modelValue,this.value))}}},d=["data-p-highlight","data-p-disabled"],r=["id","value","name","checked","tabindex","disabled","readonly","aria-labelledby","aria-label"];o.render=function(e,t,a,o,s,p){return n(),l("div",i({class:e.cx("root")},p.getPTOptions("root"),{"data-pc-name":"radiobutton","data-p-highlight":p.checked,"data-p-disabled":e.disabled}),[u("input",i({id:e.inputId,type:"radio",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:p.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return p.onFocus&&p.onFocus.apply(p,arguments)}),onBlur:t[1]||(t[1]=function(){return p.onBlur&&p.onBlur.apply(p,arguments)}),onChange:t[2]||(t[2]=function(){return p.onChange&&p.onChange.apply(p,arguments)})},p.getPTOptions("input")),null,16,r),u("div",i({class:e.cx("box")},p.getPTOptions("box")),[u("div",i({class:e.cx("icon")},p.getPTOptions("icon")),null,16)],16)],16,d)};export{o as default};
+import{ObjectUtils as e}from"primevue/utils";import t from"primevue/basecomponent";import a from"primevue/radiobutton/style";import{openBlock as l,createElementBlock as n,mergeProps as i,createElementVNode as u}from"vue";var d={name:"RadioButton",extends:{name:"BaseRadioButton",extends:t,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},variant:{type:String,default:null},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:a,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.binary?!this.checked:this.value),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return null!=this.modelValue&&(this.binary?!!this.modelValue:e.equals(this.modelValue,this.value))}}},o=["data-p-highlight","data-p-disabled"],r=["id","value","name","checked","tabindex","disabled","readonly","aria-labelledby","aria-label"];d.render=function(e,t,a,d,s,p){return l(),n("div",i({class:e.cx("root")},p.getPTOptions("root"),{"data-p-highlight":p.checked,"data-p-disabled":e.disabled}),[u("input",i({id:e.inputId,type:"radio",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:p.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return p.onFocus&&p.onFocus.apply(p,arguments)}),onBlur:t[1]||(t[1]=function(){return p.onBlur&&p.onBlur.apply(p,arguments)}),onChange:t[2]||(t[2]=function(){return p.onChange&&p.onChange.apply(p,arguments)})},p.getPTOptions("input")),null,16,r),u("div",i({class:e.cx("box")},p.getPTOptions("box")),[u("div",i({class:e.cx("icon")},p.getPTOptions("icon")),null,16)],16)],16,o)};export{d as default};

package/radiobutton/radiobutton.js

@@ -18,6 +18,14 @@ this.primevue.radiobutton = (function (utils, BaseComponent, RadioButtonStyle, v
           type: String,
           "default": null
         },
+        variant: {
+          type: String,
+          "default": null
+        },
+        invalid: {
+          type: Boolean,
+          "default": false
+        },
         disabled: {
           type: Boolean,
           "default": false
@@ -99,7 +107,6 @@ this.primevue.radiobutton = (function (utils, BaseComponent, RadioButtonStyle, v
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         "class": _ctx.cx('root')
       }, $options.getPTOptions('root'), {
-        "data-pc-name": "radiobutton",
         "data-p-highlight": $options.checked,
         "data-p-disabled": _ctx.disabled
       }), [vue.createElementVNode("input", vue.mergeProps({

package/radiobutton/radiobutton.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.radiobutton=function(e,t,n,a){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"RadioButton",extends:{name:"BaseRadioButton",extends:l(t).default,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:l(n).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.binary?!this.checked:this.value),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return null!=this.modelValue&&(this.binary?!!this.modelValue:e.ObjectUtils.equals(this.modelValue,this.value))}}},u=["data-p-highlight","data-p-disabled"],o=["id","value","name","checked","tabindex","disabled","readonly","aria-labelledby","aria-label"];return i.render=function(e,t,n,l,i,d){return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},d.getPTOptions("root"),{"data-pc-name":"radiobutton","data-p-highlight":d.checked,"data-p-disabled":e.disabled}),[a.createElementVNode("input",a.mergeProps({id:e.inputId,type:"radio",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:d.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return d.onFocus&&d.onFocus.apply(d,arguments)}),onBlur:t[1]||(t[1]=function(){return d.onBlur&&d.onBlur.apply(d,arguments)}),onChange:t[2]||(t[2]=function(){return d.onChange&&d.onChange.apply(d,arguments)})},d.getPTOptions("input")),null,16,o),a.createElementVNode("div",a.mergeProps({class:e.cx("box")},d.getPTOptions("box")),[a.createElementVNode("div",a.mergeProps({class:e.cx("icon")},d.getPTOptions("icon")),null,16)],16)],16,u)},i}(primevue.utils,primevue.basecomponent,primevue.radiobutton.style,Vue);
+this.primevue=this.primevue||{},this.primevue.radiobutton=function(e,t,n,a){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"RadioButton",extends:{name:"BaseRadioButton",extends:l(t).default,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},variant:{type:String,default:null},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:l(n).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.binary?!this.checked:this.value),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return null!=this.modelValue&&(this.binary?!!this.modelValue:e.ObjectUtils.equals(this.modelValue,this.value))}}},u=["data-p-highlight","data-p-disabled"],d=["id","value","name","checked","tabindex","disabled","readonly","aria-labelledby","aria-label"];return i.render=function(e,t,n,l,i,o){return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},o.getPTOptions("root"),{"data-p-highlight":o.checked,"data-p-disabled":e.disabled}),[a.createElementVNode("input",a.mergeProps({id:e.inputId,type:"radio",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:o.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return o.onFocus&&o.onFocus.apply(o,arguments)}),onBlur:t[1]||(t[1]=function(){return o.onBlur&&o.onBlur.apply(o,arguments)}),onChange:t[2]||(t[2]=function(){return o.onChange&&o.onChange.apply(o,arguments)})},o.getPTOptions("input")),null,16,d),a.createElementVNode("div",a.mergeProps({class:e.cx("box")},o.getPTOptions("box")),[a.createElementVNode("div",a.mergeProps({class:e.cx("icon")},o.getPTOptions("icon")),null,16)],16)],16,u)},i}(primevue.utils,primevue.basecomponent,primevue.radiobutton.style,Vue);

package/radiobutton/style/radiobuttonstyle.cjs.js

@@ -6,14 +6,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-var css = "\n@layer primevue {\n    .p-radiobutton {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-radiobutton-input {\n        cursor: pointer;\n    }\n\n    .p-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-radiobutton-icon {\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(.1);\n        border-radius: 50%;\n        visibility: hidden;\n    }\n\n    .p-radiobutton.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var instance = _ref.instance,
       props = _ref.props;
     return ['p-radiobutton p-component', {
       'p-highlight': instance.checked,
-      'p-disabled': props.disabled
+      'p-disabled': props.disabled,
+      'p-invalid': props.invalid,
+      'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled'
     }];
   },
   box: 'p-radiobutton-box',
@@ -22,7 +23,6 @@ var classes = {
 };
 var RadioButtonStyle = BaseStyle__default["default"].extend({
   name: 'radiobutton',
-  css: css,
   classes: classes
 });
 

package/radiobutton/style/radiobuttonstyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i=n(require("primevue/base/style")).default.extend({name:"radiobutton",css:"\n@layer primevue {\n    .p-radiobutton {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-radiobutton-input {\n        cursor: pointer;\n    }\n\n    .p-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-radiobutton-icon {\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(.1);\n        border-radius: 50%;\n        visibility: hidden;\n    }\n\n    .p-radiobutton.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n",classes:{root:function(n){return["p-radiobutton p-component",{"p-highlight":n.instance.checked,"p-disabled":n.props.disabled}]},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"}});module.exports=i;
+"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=t(require("primevue/base/style")).default.extend({name:"radiobutton",classes:{root:function(t){var i=t.instance,e=t.props;return["p-radiobutton p-component",{"p-highlight":i.checked,"p-disabled":e.disabled,"p-invalid":e.invalid,"p-variant-filled":e.variant?"filled"===e.variant:"filled"===i.$primevue.config.inputStyle}]},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"}});module.exports=i;

package/radiobutton/style/radiobuttonstyle.esm.js

@@ -1,13 +1,14 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-radiobutton {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-radiobutton-input {\n        cursor: pointer;\n    }\n\n    .p-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-radiobutton-icon {\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(.1);\n        border-radius: 50%;\n        visibility: hidden;\n    }\n\n    .p-radiobutton.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var instance = _ref.instance,
       props = _ref.props;
     return ['p-radiobutton p-component', {
       'p-highlight': instance.checked,
-      'p-disabled': props.disabled
+      'p-disabled': props.disabled,
+      'p-invalid': props.invalid,
+      'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled'
     }];
   },
   box: 'p-radiobutton-box',
@@ -16,7 +17,6 @@ var classes = {
 };
 var RadioButtonStyle = BaseStyle.extend({
   name: 'radiobutton',
-  css: css,
   classes: classes
 });
 

package/radiobutton/style/radiobuttonstyle.esm.min.js

@@ -1 +1 @@
-import n from"primevue/base/style";var i=n.extend({name:"radiobutton",css:"\n@layer primevue {\n    .p-radiobutton {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-radiobutton-input {\n        cursor: pointer;\n    }\n\n    .p-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-radiobutton-icon {\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(.1);\n        border-radius: 50%;\n        visibility: hidden;\n    }\n\n    .p-radiobutton.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n",classes:{root:function(n){return["p-radiobutton p-component",{"p-highlight":n.instance.checked,"p-disabled":n.props.disabled}]},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"}});export{i as default};
+import i from"primevue/base/style";var t=i.extend({name:"radiobutton",classes:{root:function(i){var t=i.instance,n=i.props;return["p-radiobutton p-component",{"p-highlight":t.checked,"p-disabled":n.disabled,"p-invalid":n.invalid,"p-variant-filled":n.variant?"filled"===n.variant:"filled"===t.$primevue.config.inputStyle}]},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"}});export{t as default};

package/radiobutton/style/radiobuttonstyle.js

@@ -7,14 +7,15 @@ this.primevue.radiobutton.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-radiobutton {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-radiobutton-input {\n        cursor: pointer;\n    }\n\n    .p-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-radiobutton-icon {\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(.1);\n        border-radius: 50%;\n        visibility: hidden;\n    }\n\n    .p-radiobutton.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance,
           props = _ref.props;
         return ['p-radiobutton p-component', {
           'p-highlight': instance.checked,
-          'p-disabled': props.disabled
+          'p-disabled': props.disabled,
+          'p-invalid': props.invalid,
+          'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled'
         }];
       },
       box: 'p-radiobutton-box',
@@ -23,7 +24,6 @@ this.primevue.radiobutton.style = (function (BaseStyle) {
     };
     var RadioButtonStyle = BaseStyle__default["default"].extend({
       name: 'radiobutton',
-      css: css,
       classes: classes
     });
 

package/radiobutton/style/radiobuttonstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.radiobutton=this.primevue.radiobutton||{},this.primevue.radiobutton.style=function(n){"use strict";function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}return i(primevue.base.style).default.extend({name:"radiobutton",css:"\n@layer primevue {\n    .p-radiobutton {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-radiobutton-input {\n        cursor: pointer;\n    }\n\n    .p-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-radiobutton-icon {\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(.1);\n        border-radius: 50%;\n        visibility: hidden;\n    }\n\n    .p-radiobutton.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n",classes:{root:function(n){return["p-radiobutton p-component",{"p-highlight":n.instance.checked,"p-disabled":n.props.disabled}]},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"}})}();
+this.primevue=this.primevue||{},this.primevue.radiobutton=this.primevue.radiobutton||{},this.primevue.radiobutton.style=function(t){"use strict";function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}return i(primevue.base.style).default.extend({name:"radiobutton",classes:{root:function(t){var i=t.instance,e=t.props;return["p-radiobutton p-component",{"p-highlight":i.checked,"p-disabled":e.disabled,"p-invalid":e.invalid,"p-variant-filled":e.variant?"filled"===e.variant:"filled"===i.$primevue.config.inputStyle}]},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"}})}();

package/rating/Rating.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" v-bind="ptm('root')" data-pc-name="rating">
+    <div :class="cx('root')" v-bind="ptm('root')">
         <div v-if="cancel" :class="cx('cancelItem')" @click="onOptionClick($event, 0)" v-bind="getPTOptions('cancelItem', 0)" :data-p-focused="focusedOptionIndex === 0">
             <span class="p-hidden-accessible" v-bind="ptm('hiddenCancelInputWrapper')" :data-p-hidden-accessible="true">
                 <input

package/rating/rating.cjs.js

@@ -141,9 +141,7 @@ var _hoisted_4 = ["value", "name", "checked", "disabled", "readonly", "aria-labe
 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({
+  }, _ctx.ptm('root')), [_ctx.cancel ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     key: 0,
     "class": _ctx.cx('cancelItem'),
     onClick: _cache[3] || (_cache[3] = function ($event) {

package/rating/rating.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/ban"),n=require("primevue/icons/star"),o=require("primevue/icons/starfill"),t=require("primevue/utils"),a=require("primevue/basecomponent"),c=require("primevue/rating/style"),l=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),s=i(n),u=i(o),d={name:"Rating",extends:{name:"BaseRating",extends:i(a).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}},style:i(c).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],data:function(){return{name:this.$attrs.name,focusedOptionIndex:-1,isFocusVisibleItem:!0}},watch:{"$attrs.name":function(e){this.name=e||t.UniqueComponentId()}},mounted:function(){this.name=this.name||t.UniqueComponentId()},methods:{getPTOptions:function(e,n){return this.ptm(e,{context:{active:n<=this.modelValue,focused:n===this.focusedOptionIndex}})},onOptionClick:function(e,n){if(!this.readonly&&!this.disabled){this.onOptionSelect(e,n),this.isFocusVisibleItem=!1;var o=t.DomHandler.getFirstFocusableElement(e.currentTarget);o&&t.DomHandler.focus(o)}},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),this.isFocusVisibleItem=!0},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:r.default}},p=["data-p-focused"],m=["name","checked","disabled","readonly","aria-label"],f=["onClick","data-p-active","data-p-focused"],h=["value","name","checked","disabled","readonly","aria-label","onFocus","onChange"];d.render=function(e,n,o,t,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)})},c.getPTOptions("cancelItem",0),{"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,m)],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,p)):l.createCommentVNode("",!0),(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.stars,(function(o){return l.openBlock(),l.createElementBlock("div",l.mergeProps({key:o,class:e.cx("item",{value:o}),onClick:function(e){return c.onOptionClick(e,o)}},c.getPTOptions("item",o),{"data-p-active":o<=e.modelValue,"data-p-focused":o===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:o,name:a.name,checked:e.modelValue===o,disabled:e.disabled,readonly:e.readonly,"aria-label":c.starAriaLabel(o),onFocus:function(e){return c.onFocus(e,o)},onBlur:n[4]||(n[4]=function(){return c.onBlur&&c.onBlur.apply(c,arguments)}),onChange:function(e){return c.onChange(e,o)}},e.ptm("hiddenItemInput")),null,16,h)],16),o<=e.modelValue?l.renderSlot(e.$slots,"onicon",{key:0,value:o,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:o,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,f)})),128))],16)},module.exports=d;
+"use strict";var e=require("primevue/icons/ban"),n=require("primevue/icons/star"),o=require("primevue/icons/starfill"),t=require("primevue/utils"),a=require("primevue/basecomponent"),c=require("primevue/rating/style"),l=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),s=i(n),u=i(o),d={name:"Rating",extends:{name:"BaseRating",extends:i(a).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}},style:i(c).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],data:function(){return{name:this.$attrs.name,focusedOptionIndex:-1,isFocusVisibleItem:!0}},watch:{"$attrs.name":function(e){this.name=e||t.UniqueComponentId()}},mounted:function(){this.name=this.name||t.UniqueComponentId()},methods:{getPTOptions:function(e,n){return this.ptm(e,{context:{active:n<=this.modelValue,focused:n===this.focusedOptionIndex}})},onOptionClick:function(e,n){if(!this.readonly&&!this.disabled){this.onOptionSelect(e,n),this.isFocusVisibleItem=!1;var o=t.DomHandler.getFirstFocusableElement(e.currentTarget);o&&t.DomHandler.focus(o)}},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),this.isFocusVisibleItem=!0},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:r.default}},p=["data-p-focused"],m=["name","checked","disabled","readonly","aria-label"],f=["onClick","data-p-active","data-p-focused"],h=["value","name","checked","disabled","readonly","aria-label","onFocus","onChange"];d.render=function(e,n,o,t,a,c){return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:e.cx("root")},e.ptm("root")),[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)})},c.getPTOptions("cancelItem",0),{"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,m)],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,p)):l.createCommentVNode("",!0),(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.stars,(function(o){return l.openBlock(),l.createElementBlock("div",l.mergeProps({key:o,class:e.cx("item",{value:o}),onClick:function(e){return c.onOptionClick(e,o)}},c.getPTOptions("item",o),{"data-p-active":o<=e.modelValue,"data-p-focused":o===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:o,name:a.name,checked:e.modelValue===o,disabled:e.disabled,readonly:e.readonly,"aria-label":c.starAriaLabel(o),onFocus:function(e){return c.onFocus(e,o)},onBlur:n[4]||(n[4]=function(){return c.onBlur&&c.onBlur.apply(c,arguments)}),onChange:function(e){return c.onChange(e,o)}},e.ptm("hiddenItemInput")),null,16,h)],16),o<=e.modelValue?l.renderSlot(e.$slots,"onicon",{key:0,value:o,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:o,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,f)})),128))],16)},module.exports=d;

package/rating/rating.esm.js

@@ -131,9 +131,7 @@ var _hoisted_4 = ["value", "name", "checked", "disabled", "readonly", "aria-labe
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "rating"
-  }), [_ctx.cancel ? (openBlock(), createElementBlock("div", mergeProps({
+  }, _ctx.ptm('root')), [_ctx.cancel ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
     "class": _ctx.cx('cancelItem'),
     onClick: _cache[3] || (_cache[3] = function ($event) {