primevue 3.47.2 → 3.48.0

package/message/message.js

@@ -134,9 +134,7 @@ this.primevue.message = (function (CheckIcon, ExclamationTriangleIcon, InfoCircl
             role: "alert",
             "aria-live": "assertive",
             "aria-atomic": "true"
-          }, _ctx.ptm('root'), {
-            "data-pc-name": "message"
-          }), [_ctx.$slots.container ? vue.renderSlot(_ctx.$slots, "container", {
+          }, _ctx.ptm('root')), [_ctx.$slots.container ? vue.renderSlot(_ctx.$slots, "container", {
             key: 0,
             onClose: $options.close,
             closeCallback: $options.close

package/message/message.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.message=function(e,t,o,n,r,c,i,l,s){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(e),p=a(t),m=a(o),f=a(n),d=a(r),v=a(c),y={name:"Message",extends:{name:"BaseMessage",extends:a(i).default,props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:void 0},closeIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},style:a(l).default,provide:function(){return{$parentInstance:this}}},emits:["close","life-end"],timeout:null,data:function(){return{visible:!0}},watch:{sticky:function(e){e||this.closeAfterDelay()}},mounted:function(){this.sticky||this.closeAfterDelay()},methods:{close:function(e){this.visible=!1,this.$emit("close",e)},closeAfterDelay:function(){var e=this;setTimeout((function(){e.visible=!1,e.$emit("life-end")}),this.life)}},computed:{iconComponent:function(){return{info:m.default,success:u.default,warn:p.default,error:d.default}[this.severity]},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:v.default},components:{TimesIcon:f.default,InfoCircleIcon:m.default,CheckIcon:u.default,ExclamationTriangleIcon:p.default,TimesCircleIcon:d.default}};function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function g(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function h(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?g(Object(o),!0).forEach((function(t){k(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):g(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function k(e,t,o){var n;return(t="symbol"==b(n=P(t,"string"))?n:String(n))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function P(e,t){if("object"!=b(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!=b(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var B=["aria-label"];return y.render=function(e,t,o,n,r,c){var i=s.resolveComponent("TimesIcon"),l=s.resolveDirective("ripple");return s.openBlock(),s.createBlock(s.Transition,s.mergeProps({name:"p-message",appear:""},e.ptm("transition")),{default:s.withCtx((function(){return[s.withDirectives(s.createElementVNode("div",s.mergeProps({class:e.cx("root"),role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("root"),{"data-pc-name":"message"}),[e.$slots.container?s.renderSlot(e.$slots,"container",{key:0,onClose:c.close,closeCallback:c.close}):(s.openBlock(),s.createElementBlock("div",s.mergeProps({key:1,class:e.cx("wrapper")},e.ptm("wrapper")),[s.renderSlot(e.$slots,"messageicon",{class:"p-message-icon"},(function(){return[(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.icon?"span":c.iconComponent),s.mergeProps({class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16,["class"]))]})),s.createElementVNode("div",s.mergeProps({class:["p-message-text",e.cx("text")]},e.ptm("text")),[s.renderSlot(e.$slots,"default")],16),e.closable?s.withDirectives((s.openBlock(),s.createElementBlock("button",s.mergeProps({key:0,class:e.cx("closeButton"),"aria-label":c.closeAriaLabel,type:"button",onClick:t[0]||(t[0]=function(e){return c.close(e)})},h(h(h({},e.closeButtonProps),e.ptm("button")),e.ptm("closeButton"))),[s.renderSlot(e.$slots,"closeicon",{},(function(){return[e.closeIcon?(s.openBlock(),s.createElementBlock("i",s.mergeProps({key:0,class:[e.cx("closeIcon"),e.closeIcon]},h(h({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16)):(s.openBlock(),s.createBlock(i,s.mergeProps({key:1,class:[e.cx("closeIcon"),e.closeIcon]},h(h({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16,["class"]))]}))],16,B)),[[l]]):s.createCommentVNode("",!0)],16))],16),[[s.vShow,r.visible]])]})),_:3},16)},y}(primevue.icons.check,primevue.icons.exclamationtriangle,primevue.icons.infocircle,primevue.icons.times,primevue.icons.timescircle,primevue.ripple,primevue.basecomponent,primevue.message.style,Vue);
+this.primevue=this.primevue||{},this.primevue.message=function(e,t,o,n,r,i,c,l,s){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(e),p=a(t),m=a(o),f=a(n),v=a(r),y=a(i),d={name:"Message",extends:{name:"BaseMessage",extends:a(c).default,props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:void 0},closeIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},style:a(l).default,provide:function(){return{$parentInstance:this}}},emits:["close","life-end"],timeout:null,data:function(){return{visible:!0}},watch:{sticky:function(e){e||this.closeAfterDelay()}},mounted:function(){this.sticky||this.closeAfterDelay()},methods:{close:function(e){this.visible=!1,this.$emit("close",e)},closeAfterDelay:function(){var e=this;setTimeout((function(){e.visible=!1,e.$emit("life-end")}),this.life)}},computed:{iconComponent:function(){return{info:m.default,success:u.default,warn:p.default,error:v.default}[this.severity]},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:y.default},components:{TimesIcon:f.default,InfoCircleIcon:m.default,CheckIcon:u.default,ExclamationTriangleIcon:p.default,TimesCircleIcon:v.default}};function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function g(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function h(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?g(Object(o),!0).forEach((function(t){k(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):g(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function k(e,t,o){var n;return(t="symbol"==b(n=P(t,"string"))?n:String(n))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function P(e,t){if("object"!=b(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!=b(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var B=["aria-label"];return d.render=function(e,t,o,n,r,i){var c=s.resolveComponent("TimesIcon"),l=s.resolveDirective("ripple");return s.openBlock(),s.createBlock(s.Transition,s.mergeProps({name:"p-message",appear:""},e.ptm("transition")),{default:s.withCtx((function(){return[s.withDirectives(s.createElementVNode("div",s.mergeProps({class:e.cx("root"),role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("root")),[e.$slots.container?s.renderSlot(e.$slots,"container",{key:0,onClose:i.close,closeCallback:i.close}):(s.openBlock(),s.createElementBlock("div",s.mergeProps({key:1,class:e.cx("wrapper")},e.ptm("wrapper")),[s.renderSlot(e.$slots,"messageicon",{class:"p-message-icon"},(function(){return[(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.icon?"span":i.iconComponent),s.mergeProps({class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16,["class"]))]})),s.createElementVNode("div",s.mergeProps({class:["p-message-text",e.cx("text")]},e.ptm("text")),[s.renderSlot(e.$slots,"default")],16),e.closable?s.withDirectives((s.openBlock(),s.createElementBlock("button",s.mergeProps({key:0,class:e.cx("closeButton"),"aria-label":i.closeAriaLabel,type:"button",onClick:t[0]||(t[0]=function(e){return i.close(e)})},h(h(h({},e.closeButtonProps),e.ptm("button")),e.ptm("closeButton"))),[s.renderSlot(e.$slots,"closeicon",{},(function(){return[e.closeIcon?(s.openBlock(),s.createElementBlock("i",s.mergeProps({key:0,class:[e.cx("closeIcon"),e.closeIcon]},h(h({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16)):(s.openBlock(),s.createBlock(c,s.mergeProps({key:1,class:[e.cx("closeIcon"),e.closeIcon]},h(h({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16,["class"]))]}))],16,B)),[[l]]):s.createCommentVNode("",!0)],16))],16),[[s.vShow,r.visible]])]})),_:3},16)},d}(primevue.icons.check,primevue.icons.exclamationtriangle,primevue.icons.infocircle,primevue.icons.times,primevue.icons.timescircle,primevue.ripple,primevue.basecomponent,primevue.message.style,Vue);

package/message/style/messagestyle.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-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-message-icon {\n        flex-shrink: 0;\n    }\n\n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-message-enter-from {\n        opacity: 0;\n    }\n\n    .p-message-enter-active {\n        transition: opacity 0.3s;\n    }\n\n    .p-message.p-message-leave-from {\n        max-height: 1000px;\n    }\n\n    .p-message.p-message-leave-to {\n        max-height: 0;\n        opacity: 0;\n        margin: 0;\n    }\n\n    .p-message-leave-active {\n        overflow: hidden;\n        transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n    }\n\n    .p-message-leave-active .p-message-close {\n        display: none;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -20,7 +19,6 @@ var classes = {
 };
 var MessageStyle = BaseStyle__default["default"].extend({
   name: 'message',
-  css: css,
   classes: classes
 });
 

package/message/style/messagestyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=e(require("primevue/base/style")).default.extend({name:"message",css:"\n@layer primevue {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-message-icon {\n        flex-shrink: 0;\n    }\n\n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-message-enter-from {\n        opacity: 0;\n    }\n\n    .p-message-enter-active {\n        transition: opacity 0.3s;\n    }\n\n    .p-message.p-message-leave-from {\n        max-height: 1000px;\n    }\n\n    .p-message.p-message-leave-to {\n        max-height: 0;\n        opacity: 0;\n        margin: 0;\n    }\n\n    .p-message-leave-active {\n        overflow: hidden;\n        transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n    }\n\n    .p-message-leave-active .p-message-close {\n        display: none;\n    }\n}\n",classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close p-link",closeIcon:"p-message-close-icon"}});module.exports=n;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=e(require("primevue/base/style")).default.extend({name:"message",classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close p-link",closeIcon:"p-message-close-icon"}});module.exports=s;

package/message/style/messagestyle.esm.js

@@ -1,6 +1,5 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-message-icon {\n        flex-shrink: 0;\n    }\n\n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-message-enter-from {\n        opacity: 0;\n    }\n\n    .p-message-enter-active {\n        transition: opacity 0.3s;\n    }\n\n    .p-message.p-message-leave-from {\n        max-height: 1000px;\n    }\n\n    .p-message.p-message-leave-to {\n        max-height: 0;\n        opacity: 0;\n        margin: 0;\n    }\n\n    .p-message-leave-active {\n        overflow: hidden;\n        transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n    }\n\n    .p-message-leave-active .p-message-close {\n        display: none;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -14,7 +13,6 @@ var classes = {
 };
 var MessageStyle = BaseStyle.extend({
   name: 'message',
-  css: css,
   classes: classes
 });
 

package/message/style/messagestyle.esm.min.js

@@ -1 +1 @@
-import e from"primevue/base/style";var n=e.extend({name:"message",css:"\n@layer primevue {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-message-icon {\n        flex-shrink: 0;\n    }\n\n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-message-enter-from {\n        opacity: 0;\n    }\n\n    .p-message-enter-active {\n        transition: opacity 0.3s;\n    }\n\n    .p-message.p-message-leave-from {\n        max-height: 1000px;\n    }\n\n    .p-message.p-message-leave-to {\n        max-height: 0;\n        opacity: 0;\n        margin: 0;\n    }\n\n    .p-message-leave-active {\n        overflow: hidden;\n        transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n    }\n\n    .p-message-leave-active .p-message-close {\n        display: none;\n    }\n}\n",classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close p-link",closeIcon:"p-message-close-icon"}});export{n as default};
+import e from"primevue/base/style";var s=e.extend({name:"message",classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close p-link",closeIcon:"p-message-close-icon"}});export{s as default};

package/message/style/messagestyle.js

@@ -7,7 +7,6 @@ this.primevue.message.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-message-icon {\n        flex-shrink: 0;\n    }\n\n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-message-enter-from {\n        opacity: 0;\n    }\n\n    .p-message-enter-active {\n        transition: opacity 0.3s;\n    }\n\n    .p-message.p-message-leave-from {\n        max-height: 1000px;\n    }\n\n    .p-message.p-message-leave-to {\n        max-height: 0;\n        opacity: 0;\n        margin: 0;\n    }\n\n    .p-message-leave-active {\n        overflow: hidden;\n        transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n    }\n\n    .p-message-leave-active .p-message-close {\n        display: none;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -21,7 +20,6 @@ this.primevue.message.style = (function (BaseStyle) {
     };
     var MessageStyle = BaseStyle__default["default"].extend({
       name: 'message',
-      css: css,
       classes: classes
     });
 

package/message/style/messagestyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.message=this.primevue.message||{},this.primevue.message.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"message",css:"\n@layer primevue {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-message-icon {\n        flex-shrink: 0;\n    }\n\n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-message-enter-from {\n        opacity: 0;\n    }\n\n    .p-message-enter-active {\n        transition: opacity 0.3s;\n    }\n\n    .p-message.p-message-leave-from {\n        max-height: 1000px;\n    }\n\n    .p-message.p-message-leave-to {\n        max-height: 0;\n        opacity: 0;\n        margin: 0;\n    }\n\n    .p-message-leave-active {\n        overflow: hidden;\n        transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n    }\n\n    .p-message-leave-active .p-message-close {\n        display: none;\n    }\n}\n",classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close p-link",closeIcon:"p-message-close-icon"}})}();
+this.primevue=this.primevue||{},this.primevue.message=this.primevue.message||{},this.primevue.message.style=function(e){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return s(primevue.base.style).default.extend({name:"message",classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close p-link",closeIcon:"p-message-close-icon"}})}();

package/metergroup/MeterGroup.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" role="meter" :aria-valuemin="min" :aria-valuemax="max" :aria-valuenow="totalPercent" v-bind="ptm('root')" data-pc-name="metergroup">
+    <div :class="cx('root')" role="meter" :aria-valuemin="min" :aria-valuemax="max" :aria-valuenow="totalPercent" v-bind="ptm('root')">
         <slot v-if="labelPosition === 'start'" name="label" :value="value" :totalPercent="totalPercent" :percentages="percentages">
             <MeterGroupLabel :value="value" :labelPosition="labelPosition" :labelOrientation="labelOrientation" :unstyled="unstyled" :pt="pt" />
         </slot>

package/metergroup/metergroup.cjs.js

@@ -157,9 +157,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-valuemin": _ctx.min,
     "aria-valuemax": _ctx.max,
     "aria-valuenow": $options.totalPercent
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "metergroup"
-  }), [_ctx.labelPosition === 'start' ? vue.renderSlot(_ctx.$slots, "label", {
+  }, _ctx.ptm('root')), [_ctx.labelPosition === 'start' ? vue.renderSlot(_ctx.$slots, "label", {
     key: 0,
     value: _ctx.value,
     totalPercent: $options.totalPercent,

package/metergroup/metergroup.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),t=require("primevue/metergroup/style"),l=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e),a={name:"MeterGroup",extends:r.default,props:{value:{type:Array,default:null},min:{type:Number,default:0},max:{type:Number,default:100},orientation:{type:String,default:"horizontal"},labelPosition:{type:String,default:"end"},labelOrientation:{type:String,default:"horizontal"}},style:n(t).default,provide:function(){return{$parentInstance:this}}},o={name:"MeterGroupLabel",hostName:"MeterGroup",extends:r.default,inheritAttrs:!1,props:{value:{type:Array,default:null},labelPosition:{type:String,default:"end"},labelOrientation:{type:String,default:"horizontal"}}};o.render=function(e,t,n,r,a,o){return l.openBlock(),l.createElementBlock("ol",l.mergeProps({class:e.cx("labellist")},e.ptm("labellist")),[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(n.value,(function(t,n){return l.openBlock(),l.createElementBlock("li",l.mergeProps({key:n+"_label",class:e.cx("labellistitem")},e.ptm("labellistitem")),[l.renderSlot(e.$slots,"icon",{value:t,class:l.normalizeClass(e.cx("labelicon"))},(function(){return[t.icon?(l.openBlock(),l.createElementBlock("i",l.mergeProps({key:0,class:[t.icon,e.cx("labelicon")],style:{color:t.color}},e.ptm("labelicon")),null,16)):(l.openBlock(),l.createElementBlock("span",l.mergeProps({key:1,class:e.cx("labellisttype"),style:{backgroundColor:t.color}},e.ptm("labellisttype")),null,16))]})),l.createElementVNode("span",l.mergeProps({class:e.cx("label")},e.ptm("label")),l.toDisplayString(t.label)+" ("+l.toDisplayString(e.$parentInstance.percentValue(t.value))+")",17)],16)})),128))],16)};var i={name:"MeterGroup",extends:a,methods:{getPTOptions:function(e,t,l){return this.ptm(e,{context:{value:t,index:l}})},percent:function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-this.min)/(this.max-this.min)*100)))},percentValue:function(e){return this.percent(e)+"%"},meterSize:function(e){return{backgroundColor:e.color,width:"horizontal"===this.orientation&&this.percentValue(e.value),height:"vertical"===this.orientation&&this.percentValue(e.value)}}},computed:{totalPercent:function(){return this.percent(this.value.reduce((function(e,t){return e+t.value}),0))},percentages:function(){var e=0,t=[];return this.value.forEach((function(l){t.push(e+=l.value)})),t}},components:{MeterGroupLabel:o}},u=["aria-valuemin","aria-valuemax","aria-valuenow"];i.render=function(e,t,n,r,a,o){var i=l.resolveComponent("MeterGroupLabel");return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:e.cx("root"),role:"meter","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":o.totalPercent},e.ptm("root"),{"data-pc-name":"metergroup"}),["start"===e.labelPosition?l.renderSlot(e.$slots,"label",{key:0,value:e.value,totalPercent:o.totalPercent,percentages:o.percentages},(function(){return[l.createVNode(i,{value:e.value,labelPosition:e.labelPosition,labelOrientation:e.labelOrientation,unstyled:e.unstyled,pt:e.pt},null,8,["value","labelPosition","labelOrientation","unstyled","pt"])]})):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"start",{value:e.value,totalPercent:o.totalPercent,percentages:o.percentages}),l.createElementVNode("div",l.mergeProps({class:e.cx("metercontainer")},e.ptm("metercontainer")),[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.value,(function(t,n){return l.renderSlot(e.$slots,"meter",{key:n,value:t,index:n,class:l.normalizeClass(e.cx("meter")),orientation:e.orientation,size:o.percentValue(t.value),totalPercent:o.totalPercent},(function(){return[l.createElementVNode("span",l.mergeProps({class:e.cx("meter"),style:o.meterSize(t)},o.getPTOptions("meter",t,n)),null,16)]}))})),128))],16),l.renderSlot(e.$slots,"end",{value:e.value,totalPercent:o.totalPercent,percentages:o.percentages}),"end"===e.labelPosition?l.renderSlot(e.$slots,"label",{key:1,value:e.value,totalPercent:o.totalPercent,percentages:o.percentages},(function(){return[l.createVNode(i,{value:e.value,labelPosition:e.labelPosition,labelOrientation:e.labelOrientation,unstyled:e.unstyled,pt:e.pt},null,8,["value","labelPosition","labelOrientation","unstyled","pt"])]})):l.createCommentVNode("",!0)],16,u)},module.exports=i;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/metergroup/style"),l=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e),a={name:"MeterGroup",extends:r.default,props:{value:{type:Array,default:null},min:{type:Number,default:0},max:{type:Number,default:100},orientation:{type:String,default:"horizontal"},labelPosition:{type:String,default:"end"},labelOrientation:{type:String,default:"horizontal"}},style:n(t).default,provide:function(){return{$parentInstance:this}}},o={name:"MeterGroupLabel",hostName:"MeterGroup",extends:r.default,inheritAttrs:!1,props:{value:{type:Array,default:null},labelPosition:{type:String,default:"end"},labelOrientation:{type:String,default:"horizontal"}}};o.render=function(e,t,n,r,a,o){return l.openBlock(),l.createElementBlock("ol",l.mergeProps({class:e.cx("labellist")},e.ptm("labellist")),[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(n.value,(function(t,n){return l.openBlock(),l.createElementBlock("li",l.mergeProps({key:n+"_label",class:e.cx("labellistitem")},e.ptm("labellistitem")),[l.renderSlot(e.$slots,"icon",{value:t,class:l.normalizeClass(e.cx("labelicon"))},(function(){return[t.icon?(l.openBlock(),l.createElementBlock("i",l.mergeProps({key:0,class:[t.icon,e.cx("labelicon")],style:{color:t.color}},e.ptm("labelicon")),null,16)):(l.openBlock(),l.createElementBlock("span",l.mergeProps({key:1,class:e.cx("labellisttype"),style:{backgroundColor:t.color}},e.ptm("labellisttype")),null,16))]})),l.createElementVNode("span",l.mergeProps({class:e.cx("label")},e.ptm("label")),l.toDisplayString(t.label)+" ("+l.toDisplayString(e.$parentInstance.percentValue(t.value))+")",17)],16)})),128))],16)};var i={name:"MeterGroup",extends:a,methods:{getPTOptions:function(e,t,l){return this.ptm(e,{context:{value:t,index:l}})},percent:function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-this.min)/(this.max-this.min)*100)))},percentValue:function(e){return this.percent(e)+"%"},meterSize:function(e){return{backgroundColor:e.color,width:"horizontal"===this.orientation&&this.percentValue(e.value),height:"vertical"===this.orientation&&this.percentValue(e.value)}}},computed:{totalPercent:function(){return this.percent(this.value.reduce((function(e,t){return e+t.value}),0))},percentages:function(){var e=0,t=[];return this.value.forEach((function(l){t.push(e+=l.value)})),t}},components:{MeterGroupLabel:o}},u=["aria-valuemin","aria-valuemax","aria-valuenow"];i.render=function(e,t,n,r,a,o){var i=l.resolveComponent("MeterGroupLabel");return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:e.cx("root"),role:"meter","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":o.totalPercent},e.ptm("root")),["start"===e.labelPosition?l.renderSlot(e.$slots,"label",{key:0,value:e.value,totalPercent:o.totalPercent,percentages:o.percentages},(function(){return[l.createVNode(i,{value:e.value,labelPosition:e.labelPosition,labelOrientation:e.labelOrientation,unstyled:e.unstyled,pt:e.pt},null,8,["value","labelPosition","labelOrientation","unstyled","pt"])]})):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"start",{value:e.value,totalPercent:o.totalPercent,percentages:o.percentages}),l.createElementVNode("div",l.mergeProps({class:e.cx("metercontainer")},e.ptm("metercontainer")),[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.value,(function(t,n){return l.renderSlot(e.$slots,"meter",{key:n,value:t,index:n,class:l.normalizeClass(e.cx("meter")),orientation:e.orientation,size:o.percentValue(t.value),totalPercent:o.totalPercent},(function(){return[l.createElementVNode("span",l.mergeProps({class:e.cx("meter"),style:o.meterSize(t)},o.getPTOptions("meter",t,n)),null,16)]}))})),128))],16),l.renderSlot(e.$slots,"end",{value:e.value,totalPercent:o.totalPercent,percentages:o.percentages}),"end"===e.labelPosition?l.renderSlot(e.$slots,"label",{key:1,value:e.value,totalPercent:o.totalPercent,percentages:o.percentages},(function(){return[l.createVNode(i,{value:e.value,labelPosition:e.labelPosition,labelOrientation:e.labelOrientation,unstyled:e.unstyled,pt:e.pt},null,8,["value","labelPosition","labelOrientation","unstyled","pt"])]})):l.createCommentVNode("",!0)],16,u)},module.exports=i;

package/metergroup/metergroup.esm.js

@@ -150,9 +150,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-valuemin": _ctx.min,
     "aria-valuemax": _ctx.max,
     "aria-valuenow": $options.totalPercent
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "metergroup"
-  }), [_ctx.labelPosition === 'start' ? renderSlot(_ctx.$slots, "label", {
+  }, _ctx.ptm('root')), [_ctx.labelPosition === 'start' ? renderSlot(_ctx.$slots, "label", {
     key: 0,
     value: _ctx.value,
     totalPercent: $options.totalPercent,

package/metergroup/metergroup.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import t from"primevue/metergroup/style";import{openBlock as l,createElementBlock as n,mergeProps as a,Fragment as r,renderList as o,renderSlot as i,normalizeClass as u,createElementVNode as s,toDisplayString as c,resolveComponent as p,createVNode as m,createCommentVNode as v}from"vue";var b={name:"MeterGroup",extends:e,props:{value:{type:Array,default:null},min:{type:Number,default:0},max:{type:Number,default:100},orientation:{type:String,default:"horizontal"},labelPosition:{type:String,default:"end"},labelOrientation:{type:String,default:"horizontal"}},style:t,provide:function(){return{$parentInstance:this}}},d={name:"MeterGroupLabel",hostName:"MeterGroup",extends:e,inheritAttrs:!1,props:{value:{type:Array,default:null},labelPosition:{type:String,default:"end"},labelOrientation:{type:String,default:"horizontal"}}};d.render=function(e,t,p,m,v,b){return l(),n("ol",a({class:e.cx("labellist")},e.ptm("labellist")),[(l(!0),n(r,null,o(p.value,(function(t,r){return l(),n("li",a({key:r+"_label",class:e.cx("labellistitem")},e.ptm("labellistitem")),[i(e.$slots,"icon",{value:t,class:u(e.cx("labelicon"))},(function(){return[t.icon?(l(),n("i",a({key:0,class:[t.icon,e.cx("labelicon")],style:{color:t.color}},e.ptm("labelicon")),null,16)):(l(),n("span",a({key:1,class:e.cx("labellisttype"),style:{backgroundColor:t.color}},e.ptm("labellisttype")),null,16))]})),s("span",a({class:e.cx("label")},e.ptm("label")),c(t.label)+" ("+c(e.$parentInstance.percentValue(t.value))+")",17)],16)})),128))],16)};var f={name:"MeterGroup",extends:b,methods:{getPTOptions:function(e,t,l){return this.ptm(e,{context:{value:t,index:l}})},percent:function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-this.min)/(this.max-this.min)*100)))},percentValue:function(e){return this.percent(e)+"%"},meterSize:function(e){return{backgroundColor:e.color,width:"horizontal"===this.orientation&&this.percentValue(e.value),height:"vertical"===this.orientation&&this.percentValue(e.value)}}},computed:{totalPercent:function(){return this.percent(this.value.reduce((function(e,t){return e+t.value}),0))},percentages:function(){var e=0,t=[];return this.value.forEach((function(l){t.push(e+=l.value)})),t}},components:{MeterGroupLabel:d}},y=["aria-valuemin","aria-valuemax","aria-valuenow"];f.render=function(e,t,c,b,d,f){var h=p("MeterGroupLabel");return l(),n("div",a({class:e.cx("root"),role:"meter","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":f.totalPercent},e.ptm("root"),{"data-pc-name":"metergroup"}),["start"===e.labelPosition?i(e.$slots,"label",{key:0,value:e.value,totalPercent:f.totalPercent,percentages:f.percentages},(function(){return[m(h,{value:e.value,labelPosition:e.labelPosition,labelOrientation:e.labelOrientation,unstyled:e.unstyled,pt:e.pt},null,8,["value","labelPosition","labelOrientation","unstyled","pt"])]})):v("",!0),i(e.$slots,"start",{value:e.value,totalPercent:f.totalPercent,percentages:f.percentages}),s("div",a({class:e.cx("metercontainer")},e.ptm("metercontainer")),[(l(!0),n(r,null,o(e.value,(function(t,l){return i(e.$slots,"meter",{key:l,value:t,index:l,class:u(e.cx("meter")),orientation:e.orientation,size:f.percentValue(t.value),totalPercent:f.totalPercent},(function(){return[s("span",a({class:e.cx("meter"),style:f.meterSize(t)},f.getPTOptions("meter",t,l)),null,16)]}))})),128))],16),i(e.$slots,"end",{value:e.value,totalPercent:f.totalPercent,percentages:f.percentages}),"end"===e.labelPosition?i(e.$slots,"label",{key:1,value:e.value,totalPercent:f.totalPercent,percentages:f.percentages},(function(){return[m(h,{value:e.value,labelPosition:e.labelPosition,labelOrientation:e.labelOrientation,unstyled:e.unstyled,pt:e.pt},null,8,["value","labelPosition","labelOrientation","unstyled","pt"])]})):v("",!0)],16,y)};export{f as default};
+import e from"primevue/basecomponent";import t from"primevue/metergroup/style";import{openBlock as l,createElementBlock as n,mergeProps as a,Fragment as r,renderList as o,renderSlot as i,normalizeClass as u,createElementVNode as s,toDisplayString as c,resolveComponent as p,createVNode as m,createCommentVNode as v}from"vue";var b={name:"MeterGroup",extends:e,props:{value:{type:Array,default:null},min:{type:Number,default:0},max:{type:Number,default:100},orientation:{type:String,default:"horizontal"},labelPosition:{type:String,default:"end"},labelOrientation:{type:String,default:"horizontal"}},style:t,provide:function(){return{$parentInstance:this}}},d={name:"MeterGroupLabel",hostName:"MeterGroup",extends:e,inheritAttrs:!1,props:{value:{type:Array,default:null},labelPosition:{type:String,default:"end"},labelOrientation:{type:String,default:"horizontal"}}};d.render=function(e,t,p,m,v,b){return l(),n("ol",a({class:e.cx("labellist")},e.ptm("labellist")),[(l(!0),n(r,null,o(p.value,(function(t,r){return l(),n("li",a({key:r+"_label",class:e.cx("labellistitem")},e.ptm("labellistitem")),[i(e.$slots,"icon",{value:t,class:u(e.cx("labelicon"))},(function(){return[t.icon?(l(),n("i",a({key:0,class:[t.icon,e.cx("labelicon")],style:{color:t.color}},e.ptm("labelicon")),null,16)):(l(),n("span",a({key:1,class:e.cx("labellisttype"),style:{backgroundColor:t.color}},e.ptm("labellisttype")),null,16))]})),s("span",a({class:e.cx("label")},e.ptm("label")),c(t.label)+" ("+c(e.$parentInstance.percentValue(t.value))+")",17)],16)})),128))],16)};var f={name:"MeterGroup",extends:b,methods:{getPTOptions:function(e,t,l){return this.ptm(e,{context:{value:t,index:l}})},percent:function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-this.min)/(this.max-this.min)*100)))},percentValue:function(e){return this.percent(e)+"%"},meterSize:function(e){return{backgroundColor:e.color,width:"horizontal"===this.orientation&&this.percentValue(e.value),height:"vertical"===this.orientation&&this.percentValue(e.value)}}},computed:{totalPercent:function(){return this.percent(this.value.reduce((function(e,t){return e+t.value}),0))},percentages:function(){var e=0,t=[];return this.value.forEach((function(l){t.push(e+=l.value)})),t}},components:{MeterGroupLabel:d}},y=["aria-valuemin","aria-valuemax","aria-valuenow"];f.render=function(e,t,c,b,d,f){var h=p("MeterGroupLabel");return l(),n("div",a({class:e.cx("root"),role:"meter","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":f.totalPercent},e.ptm("root")),["start"===e.labelPosition?i(e.$slots,"label",{key:0,value:e.value,totalPercent:f.totalPercent,percentages:f.percentages},(function(){return[m(h,{value:e.value,labelPosition:e.labelPosition,labelOrientation:e.labelOrientation,unstyled:e.unstyled,pt:e.pt},null,8,["value","labelPosition","labelOrientation","unstyled","pt"])]})):v("",!0),i(e.$slots,"start",{value:e.value,totalPercent:f.totalPercent,percentages:f.percentages}),s("div",a({class:e.cx("metercontainer")},e.ptm("metercontainer")),[(l(!0),n(r,null,o(e.value,(function(t,l){return i(e.$slots,"meter",{key:l,value:t,index:l,class:u(e.cx("meter")),orientation:e.orientation,size:f.percentValue(t.value),totalPercent:f.totalPercent},(function(){return[s("span",a({class:e.cx("meter"),style:f.meterSize(t)},f.getPTOptions("meter",t,l)),null,16)]}))})),128))],16),i(e.$slots,"end",{value:e.value,totalPercent:f.totalPercent,percentages:f.percentages}),"end"===e.labelPosition?i(e.$slots,"label",{key:1,value:e.value,totalPercent:f.totalPercent,percentages:f.percentages},(function(){return[m(h,{value:e.value,labelPosition:e.labelPosition,labelOrientation:e.labelOrientation,unstyled:e.unstyled,pt:e.pt},null,8,["value","labelPosition","labelOrientation","unstyled","pt"])]})):v("",!0)],16,y)};export{f as default};

package/metergroup/metergroup.js

@@ -155,9 +155,7 @@ this.primevue.metergroup = (function (BaseComponent, MeterGroupStyle, vue) {
         "aria-valuemin": _ctx.min,
         "aria-valuemax": _ctx.max,
         "aria-valuenow": $options.totalPercent
-      }, _ctx.ptm('root'), {
-        "data-pc-name": "metergroup"
-      }), [_ctx.labelPosition === 'start' ? vue.renderSlot(_ctx.$slots, "label", {
+      }, _ctx.ptm('root')), [_ctx.labelPosition === 'start' ? vue.renderSlot(_ctx.$slots, "label", {
         key: 0,
         value: _ctx.value,
         totalPercent: $options.totalPercent,

package/metergroup/metergroup.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.metergroup=function(e,t,l){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e),a={name:"MeterGroup",extends:r.default,props:{value:{type:Array,default:null},min:{type:Number,default:0},max:{type:Number,default:100},orientation:{type:String,default:"horizontal"},labelPosition:{type:String,default:"end"},labelOrientation:{type:String,default:"horizontal"}},style:n(t).default,provide:function(){return{$parentInstance:this}}},o={name:"MeterGroupLabel",hostName:"MeterGroup",extends:r.default,inheritAttrs:!1,props:{value:{type:Array,default:null},labelPosition:{type:String,default:"end"},labelOrientation:{type:String,default:"horizontal"}}};o.render=function(e,t,n,r,a,o){return l.openBlock(),l.createElementBlock("ol",l.mergeProps({class:e.cx("labellist")},e.ptm("labellist")),[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(n.value,(function(t,n){return l.openBlock(),l.createElementBlock("li",l.mergeProps({key:n+"_label",class:e.cx("labellistitem")},e.ptm("labellistitem")),[l.renderSlot(e.$slots,"icon",{value:t,class:l.normalizeClass(e.cx("labelicon"))},(function(){return[t.icon?(l.openBlock(),l.createElementBlock("i",l.mergeProps({key:0,class:[t.icon,e.cx("labelicon")],style:{color:t.color}},e.ptm("labelicon")),null,16)):(l.openBlock(),l.createElementBlock("span",l.mergeProps({key:1,class:e.cx("labellisttype"),style:{backgroundColor:t.color}},e.ptm("labellisttype")),null,16))]})),l.createElementVNode("span",l.mergeProps({class:e.cx("label")},e.ptm("label")),l.toDisplayString(t.label)+" ("+l.toDisplayString(e.$parentInstance.percentValue(t.value))+")",17)],16)})),128))],16)};var i={name:"MeterGroup",extends:a,methods:{getPTOptions:function(e,t,l){return this.ptm(e,{context:{value:t,index:l}})},percent:function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-this.min)/(this.max-this.min)*100)))},percentValue:function(e){return this.percent(e)+"%"},meterSize:function(e){return{backgroundColor:e.color,width:"horizontal"===this.orientation&&this.percentValue(e.value),height:"vertical"===this.orientation&&this.percentValue(e.value)}}},computed:{totalPercent:function(){return this.percent(this.value.reduce((function(e,t){return e+t.value}),0))},percentages:function(){var e=0,t=[];return this.value.forEach((function(l){t.push(e+=l.value)})),t}},components:{MeterGroupLabel:o}},u=["aria-valuemin","aria-valuemax","aria-valuenow"];return i.render=function(e,t,n,r,a,o){var i=l.resolveComponent("MeterGroupLabel");return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:e.cx("root"),role:"meter","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":o.totalPercent},e.ptm("root"),{"data-pc-name":"metergroup"}),["start"===e.labelPosition?l.renderSlot(e.$slots,"label",{key:0,value:e.value,totalPercent:o.totalPercent,percentages:o.percentages},(function(){return[l.createVNode(i,{value:e.value,labelPosition:e.labelPosition,labelOrientation:e.labelOrientation,unstyled:e.unstyled,pt:e.pt},null,8,["value","labelPosition","labelOrientation","unstyled","pt"])]})):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"start",{value:e.value,totalPercent:o.totalPercent,percentages:o.percentages}),l.createElementVNode("div",l.mergeProps({class:e.cx("metercontainer")},e.ptm("metercontainer")),[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.value,(function(t,n){return l.renderSlot(e.$slots,"meter",{key:n,value:t,index:n,class:l.normalizeClass(e.cx("meter")),orientation:e.orientation,size:o.percentValue(t.value),totalPercent:o.totalPercent},(function(){return[l.createElementVNode("span",l.mergeProps({class:e.cx("meter"),style:o.meterSize(t)},o.getPTOptions("meter",t,n)),null,16)]}))})),128))],16),l.renderSlot(e.$slots,"end",{value:e.value,totalPercent:o.totalPercent,percentages:o.percentages}),"end"===e.labelPosition?l.renderSlot(e.$slots,"label",{key:1,value:e.value,totalPercent:o.totalPercent,percentages:o.percentages},(function(){return[l.createVNode(i,{value:e.value,labelPosition:e.labelPosition,labelOrientation:e.labelOrientation,unstyled:e.unstyled,pt:e.pt},null,8,["value","labelPosition","labelOrientation","unstyled","pt"])]})):l.createCommentVNode("",!0)],16,u)},i}(primevue.basecomponent,primevue.metergroup.style,Vue);
+this.primevue=this.primevue||{},this.primevue.metergroup=function(e,t,l){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e),a={name:"MeterGroup",extends:r.default,props:{value:{type:Array,default:null},min:{type:Number,default:0},max:{type:Number,default:100},orientation:{type:String,default:"horizontal"},labelPosition:{type:String,default:"end"},labelOrientation:{type:String,default:"horizontal"}},style:n(t).default,provide:function(){return{$parentInstance:this}}},o={name:"MeterGroupLabel",hostName:"MeterGroup",extends:r.default,inheritAttrs:!1,props:{value:{type:Array,default:null},labelPosition:{type:String,default:"end"},labelOrientation:{type:String,default:"horizontal"}}};o.render=function(e,t,n,r,a,o){return l.openBlock(),l.createElementBlock("ol",l.mergeProps({class:e.cx("labellist")},e.ptm("labellist")),[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(n.value,(function(t,n){return l.openBlock(),l.createElementBlock("li",l.mergeProps({key:n+"_label",class:e.cx("labellistitem")},e.ptm("labellistitem")),[l.renderSlot(e.$slots,"icon",{value:t,class:l.normalizeClass(e.cx("labelicon"))},(function(){return[t.icon?(l.openBlock(),l.createElementBlock("i",l.mergeProps({key:0,class:[t.icon,e.cx("labelicon")],style:{color:t.color}},e.ptm("labelicon")),null,16)):(l.openBlock(),l.createElementBlock("span",l.mergeProps({key:1,class:e.cx("labellisttype"),style:{backgroundColor:t.color}},e.ptm("labellisttype")),null,16))]})),l.createElementVNode("span",l.mergeProps({class:e.cx("label")},e.ptm("label")),l.toDisplayString(t.label)+" ("+l.toDisplayString(e.$parentInstance.percentValue(t.value))+")",17)],16)})),128))],16)};var i={name:"MeterGroup",extends:a,methods:{getPTOptions:function(e,t,l){return this.ptm(e,{context:{value:t,index:l}})},percent:function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-this.min)/(this.max-this.min)*100)))},percentValue:function(e){return this.percent(e)+"%"},meterSize:function(e){return{backgroundColor:e.color,width:"horizontal"===this.orientation&&this.percentValue(e.value),height:"vertical"===this.orientation&&this.percentValue(e.value)}}},computed:{totalPercent:function(){return this.percent(this.value.reduce((function(e,t){return e+t.value}),0))},percentages:function(){var e=0,t=[];return this.value.forEach((function(l){t.push(e+=l.value)})),t}},components:{MeterGroupLabel:o}},u=["aria-valuemin","aria-valuemax","aria-valuenow"];return i.render=function(e,t,n,r,a,o){var i=l.resolveComponent("MeterGroupLabel");return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:e.cx("root"),role:"meter","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":o.totalPercent},e.ptm("root")),["start"===e.labelPosition?l.renderSlot(e.$slots,"label",{key:0,value:e.value,totalPercent:o.totalPercent,percentages:o.percentages},(function(){return[l.createVNode(i,{value:e.value,labelPosition:e.labelPosition,labelOrientation:e.labelOrientation,unstyled:e.unstyled,pt:e.pt},null,8,["value","labelPosition","labelOrientation","unstyled","pt"])]})):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"start",{value:e.value,totalPercent:o.totalPercent,percentages:o.percentages}),l.createElementVNode("div",l.mergeProps({class:e.cx("metercontainer")},e.ptm("metercontainer")),[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.value,(function(t,n){return l.renderSlot(e.$slots,"meter",{key:n,value:t,index:n,class:l.normalizeClass(e.cx("meter")),orientation:e.orientation,size:o.percentValue(t.value),totalPercent:o.totalPercent},(function(){return[l.createElementVNode("span",l.mergeProps({class:e.cx("meter"),style:o.meterSize(t)},o.getPTOptions("meter",t,n)),null,16)]}))})),128))],16),l.renderSlot(e.$slots,"end",{value:e.value,totalPercent:o.totalPercent,percentages:o.percentages}),"end"===e.labelPosition?l.renderSlot(e.$slots,"label",{key:1,value:e.value,totalPercent:o.totalPercent,percentages:o.percentages},(function(){return[l.createVNode(i,{value:e.value,labelPosition:e.labelPosition,labelOrientation:e.labelOrientation,unstyled:e.unstyled,pt:e.pt},null,8,["value","labelPosition","labelOrientation","unstyled","pt"])]})):l.createCommentVNode("",!0)],16,u)},i}(primevue.basecomponent,primevue.metergroup.style,Vue);

package/metergroup/style/metergroupstyle.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-metergroup {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-metergroup-vertical.p-metergroup {\n        display: flex;\n    }\n\n    .p-metergroup-vertical .p-metergroup-meter-container {\n        flex-direction: column;\n    }\n\n    .p-metergroup-meter-container {\n        display: flex;\n    }\n\n    .p-metergroup-label-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list {\n        align-items: start;\n    }\n\n    .p-metergroup-horizontal .p-metergroup-label-list-vertical {\n        flex-direction: column;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list-horizontal {\n        flex-direction: column;\n    }\n\n    .p-metergroup-label-list-item {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-metergroup-label-type {\n        display: inline-block;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -15,25 +14,22 @@ var classes = {
       'p-metergroup-vertical': props.orientation === 'vertical'
     }];
   },
-  metercontainer: 'p-metergroup-meter-container',
+  metercontainer: 'p-metergroup-meters',
   meter: 'p-metergroup-meter',
   labellist: function labellist(_ref2) {
     var props = _ref2.props;
-    return ['p-metergroup-label-list', {
-      'p-metergroup-label-list-start': props.labelPosition === 'start',
-      'p-metergroup-label-list-end': props.labelPosition === 'end',
-      'p-metergroup-label-list-vertical': props.labelOrientation === 'vertical',
-      'p-metergroup-label-list-horizontal': props.labelOrientation === 'horizontal'
+    return ['p-metergroup-labels', {
+      'p-metergroup-labels-vertical': props.labelOrientation === 'vertical',
+      'p-metergroup-labels-horizontal': props.labelOrientation === 'horizontal'
     }];
   },
-  labellistitem: 'p-metergroup-label-list-item',
+  labellistitem: 'p-metergroup-label',
   labelicon: 'p-metergroup-label-icon',
-  labellisttype: 'p-metergroup-label-type',
-  label: 'p-metergroup-label'
+  labellisttype: 'p-metergroup-label-marker',
+  label: 'p-metergroup-label-text'
 };
 var MeterGroupStyle = BaseStyle__default["default"].extend({
   name: 'metergroup',
-  css: css,
   classes: classes
 });
 

package/metergroup/style/metergroupstyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"metergroup",css:"\n@layer primevue {\n    .p-metergroup {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-metergroup-vertical.p-metergroup {\n        display: flex;\n    }\n\n    .p-metergroup-vertical .p-metergroup-meter-container {\n        flex-direction: column;\n    }\n\n    .p-metergroup-meter-container {\n        display: flex;\n    }\n\n    .p-metergroup-label-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list {\n        align-items: start;\n    }\n\n    .p-metergroup-horizontal .p-metergroup-label-list-vertical {\n        flex-direction: column;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list-horizontal {\n        flex-direction: column;\n    }\n\n    .p-metergroup-label-list-item {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-metergroup-label-type {\n        display: inline-block;\n    }\n}\n",classes:{root:function(e){var t=e.props;return["p-metergroup p-component",{"p-metergroup-horizontal":"horizontal"===t.orientation,"p-metergroup-vertical":"vertical"===t.orientation}]},metercontainer:"p-metergroup-meter-container",meter:"p-metergroup-meter",labellist:function(e){var t=e.props;return["p-metergroup-label-list",{"p-metergroup-label-list-start":"start"===t.labelPosition,"p-metergroup-label-list-end":"end"===t.labelPosition,"p-metergroup-label-list-vertical":"vertical"===t.labelOrientation,"p-metergroup-label-list-horizontal":"horizontal"===t.labelOrientation}]},labellistitem:"p-metergroup-label-list-item",labelicon:"p-metergroup-label-icon",labellisttype:"p-metergroup-label-type",label:"p-metergroup-label"}});module.exports=t;
+"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:"metergroup",classes:{root:function(e){var r=e.props;return["p-metergroup p-component",{"p-metergroup-horizontal":"horizontal"===r.orientation,"p-metergroup-vertical":"vertical"===r.orientation}]},metercontainer:"p-metergroup-meters",meter:"p-metergroup-meter",labellist:function(e){var r=e.props;return["p-metergroup-labels",{"p-metergroup-labels-vertical":"vertical"===r.labelOrientation,"p-metergroup-labels-horizontal":"horizontal"===r.labelOrientation}]},labellistitem:"p-metergroup-label",labelicon:"p-metergroup-label-icon",labellisttype:"p-metergroup-label-marker",label:"p-metergroup-label-text"}});module.exports=r;

package/metergroup/style/metergroupstyle.esm.js

@@ -1,6 +1,5 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-metergroup {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-metergroup-vertical.p-metergroup {\n        display: flex;\n    }\n\n    .p-metergroup-vertical .p-metergroup-meter-container {\n        flex-direction: column;\n    }\n\n    .p-metergroup-meter-container {\n        display: flex;\n    }\n\n    .p-metergroup-label-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list {\n        align-items: start;\n    }\n\n    .p-metergroup-horizontal .p-metergroup-label-list-vertical {\n        flex-direction: column;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list-horizontal {\n        flex-direction: column;\n    }\n\n    .p-metergroup-label-list-item {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-metergroup-label-type {\n        display: inline-block;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -9,25 +8,22 @@ var classes = {
       'p-metergroup-vertical': props.orientation === 'vertical'
     }];
   },
-  metercontainer: 'p-metergroup-meter-container',
+  metercontainer: 'p-metergroup-meters',
   meter: 'p-metergroup-meter',
   labellist: function labellist(_ref2) {
     var props = _ref2.props;
-    return ['p-metergroup-label-list', {
-      'p-metergroup-label-list-start': props.labelPosition === 'start',
-      'p-metergroup-label-list-end': props.labelPosition === 'end',
-      'p-metergroup-label-list-vertical': props.labelOrientation === 'vertical',
-      'p-metergroup-label-list-horizontal': props.labelOrientation === 'horizontal'
+    return ['p-metergroup-labels', {
+      'p-metergroup-labels-vertical': props.labelOrientation === 'vertical',
+      'p-metergroup-labels-horizontal': props.labelOrientation === 'horizontal'
     }];
   },
-  labellistitem: 'p-metergroup-label-list-item',
+  labellistitem: 'p-metergroup-label',
   labelicon: 'p-metergroup-label-icon',
-  labellisttype: 'p-metergroup-label-type',
-  label: 'p-metergroup-label'
+  labellisttype: 'p-metergroup-label-marker',
+  label: 'p-metergroup-label-text'
 };
 var MeterGroupStyle = BaseStyle.extend({
   name: 'metergroup',
-  css: css,
   classes: classes
 });
 

package/metergroup/style/metergroupstyle.esm.min.js

@@ -1 +1 @@
-import e from"primevue/base/style";var r=e.extend({name:"metergroup",css:"\n@layer primevue {\n    .p-metergroup {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-metergroup-vertical.p-metergroup {\n        display: flex;\n    }\n\n    .p-metergroup-vertical .p-metergroup-meter-container {\n        flex-direction: column;\n    }\n\n    .p-metergroup-meter-container {\n        display: flex;\n    }\n\n    .p-metergroup-label-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list {\n        align-items: start;\n    }\n\n    .p-metergroup-horizontal .p-metergroup-label-list-vertical {\n        flex-direction: column;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list-horizontal {\n        flex-direction: column;\n    }\n\n    .p-metergroup-label-list-item {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-metergroup-label-type {\n        display: inline-block;\n    }\n}\n",classes:{root:function(e){var r=e.props;return["p-metergroup p-component",{"p-metergroup-horizontal":"horizontal"===r.orientation,"p-metergroup-vertical":"vertical"===r.orientation}]},metercontainer:"p-metergroup-meter-container",meter:"p-metergroup-meter",labellist:function(e){var r=e.props;return["p-metergroup-label-list",{"p-metergroup-label-list-start":"start"===r.labelPosition,"p-metergroup-label-list-end":"end"===r.labelPosition,"p-metergroup-label-list-vertical":"vertical"===r.labelOrientation,"p-metergroup-label-list-horizontal":"horizontal"===r.labelOrientation}]},labellistitem:"p-metergroup-label-list-item",labelicon:"p-metergroup-label-icon",labellisttype:"p-metergroup-label-type",label:"p-metergroup-label"}});export{r as default};
+import e from"primevue/base/style";var r=e.extend({name:"metergroup",classes:{root:function(e){var r=e.props;return["p-metergroup p-component",{"p-metergroup-horizontal":"horizontal"===r.orientation,"p-metergroup-vertical":"vertical"===r.orientation}]},metercontainer:"p-metergroup-meters",meter:"p-metergroup-meter",labellist:function(e){var r=e.props;return["p-metergroup-labels",{"p-metergroup-labels-vertical":"vertical"===r.labelOrientation,"p-metergroup-labels-horizontal":"horizontal"===r.labelOrientation}]},labellistitem:"p-metergroup-label",labelicon:"p-metergroup-label-icon",labellisttype:"p-metergroup-label-marker",label:"p-metergroup-label-text"}});export{r as default};

package/metergroup/style/metergroupstyle.js

@@ -7,7 +7,6 @@ this.primevue.metergroup.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-metergroup {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-metergroup-vertical.p-metergroup {\n        display: flex;\n    }\n\n    .p-metergroup-vertical .p-metergroup-meter-container {\n        flex-direction: column;\n    }\n\n    .p-metergroup-meter-container {\n        display: flex;\n    }\n\n    .p-metergroup-label-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list {\n        align-items: start;\n    }\n\n    .p-metergroup-horizontal .p-metergroup-label-list-vertical {\n        flex-direction: column;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list-horizontal {\n        flex-direction: column;\n    }\n\n    .p-metergroup-label-list-item {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-metergroup-label-type {\n        display: inline-block;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -16,25 +15,22 @@ this.primevue.metergroup.style = (function (BaseStyle) {
           'p-metergroup-vertical': props.orientation === 'vertical'
         }];
       },
-      metercontainer: 'p-metergroup-meter-container',
+      metercontainer: 'p-metergroup-meters',
       meter: 'p-metergroup-meter',
       labellist: function labellist(_ref2) {
         var props = _ref2.props;
-        return ['p-metergroup-label-list', {
-          'p-metergroup-label-list-start': props.labelPosition === 'start',
-          'p-metergroup-label-list-end': props.labelPosition === 'end',
-          'p-metergroup-label-list-vertical': props.labelOrientation === 'vertical',
-          'p-metergroup-label-list-horizontal': props.labelOrientation === 'horizontal'
+        return ['p-metergroup-labels', {
+          'p-metergroup-labels-vertical': props.labelOrientation === 'vertical',
+          'p-metergroup-labels-horizontal': props.labelOrientation === 'horizontal'
         }];
       },
-      labellistitem: 'p-metergroup-label-list-item',
+      labellistitem: 'p-metergroup-label',
       labelicon: 'p-metergroup-label-icon',
-      labellisttype: 'p-metergroup-label-type',
-      label: 'p-metergroup-label'
+      labellisttype: 'p-metergroup-label-marker',
+      label: 'p-metergroup-label-text'
     };
     var MeterGroupStyle = BaseStyle__default["default"].extend({
       name: 'metergroup',
-      css: css,
       classes: classes
     });
 

package/metergroup/style/metergroupstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.metergroup=this.primevue.metergroup||{},this.primevue.metergroup.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"metergroup",css:"\n@layer primevue {\n    .p-metergroup {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-metergroup-vertical.p-metergroup {\n        display: flex;\n    }\n\n    .p-metergroup-vertical .p-metergroup-meter-container {\n        flex-direction: column;\n    }\n\n    .p-metergroup-meter-container {\n        display: flex;\n    }\n\n    .p-metergroup-label-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list {\n        align-items: start;\n    }\n\n    .p-metergroup-horizontal .p-metergroup-label-list-vertical {\n        flex-direction: column;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list-horizontal {\n        flex-direction: column;\n    }\n\n    .p-metergroup-label-list-item {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-metergroup-label-type {\n        display: inline-block;\n    }\n}\n",classes:{root:function(e){var t=e.props;return["p-metergroup p-component",{"p-metergroup-horizontal":"horizontal"===t.orientation,"p-metergroup-vertical":"vertical"===t.orientation}]},metercontainer:"p-metergroup-meter-container",meter:"p-metergroup-meter",labellist:function(e){var t=e.props;return["p-metergroup-label-list",{"p-metergroup-label-list-start":"start"===t.labelPosition,"p-metergroup-label-list-end":"end"===t.labelPosition,"p-metergroup-label-list-vertical":"vertical"===t.labelOrientation,"p-metergroup-label-list-horizontal":"horizontal"===t.labelOrientation}]},labellistitem:"p-metergroup-label-list-item",labelicon:"p-metergroup-label-icon",labellisttype:"p-metergroup-label-type",label:"p-metergroup-label"}})}();
+this.primevue=this.primevue||{},this.primevue.metergroup=this.primevue.metergroup||{},this.primevue.metergroup.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:"metergroup",classes:{root:function(e){var r=e.props;return["p-metergroup p-component",{"p-metergroup-horizontal":"horizontal"===r.orientation,"p-metergroup-vertical":"vertical"===r.orientation}]},metercontainer:"p-metergroup-meters",meter:"p-metergroup-meter",labellist:function(e){var r=e.props;return["p-metergroup-labels",{"p-metergroup-labels-vertical":"vertical"===r.labelOrientation,"p-metergroup-labels-horizontal":"horizontal"===r.labelOrientation}]},labellistitem:"p-metergroup-label",labelicon:"p-metergroup-label-icon",labellisttype:"p-metergroup-label-marker",label:"p-metergroup-label-text"}})}();

package/multiselect/BaseMultiSelect.vue

@@ -18,6 +18,14 @@ export default {
             default: '200px'
         },
         placeholder: String,
+        variant: {
+            type: String,
+            default: null
+        },
+        invalid: {
+            type: Boolean,
+            default: false
+        },
         disabled: Boolean,
         inputId: {
             type: String,

package/multiselect/MultiSelect.d.ts

@@ -331,11 +331,21 @@ export interface MultiSelectProps {
      * Label to display when there are no selections.
      */
     placeholder?: string | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
     /**
      * When present, it specifies that the component should be disabled.
      * @defaultValue false
      */
     disabled?: boolean | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue outlined
+     */
+    variant?: 'outlined' | 'filled' | undefined;
     /**
      * Identifier of the underlying input element.
      */

package/multiselect/MultiSelect.vue

@@ -1,5 +1,5 @@
 <template>
-    <div ref="container" :class="cx('root')" @click="onContainerClick" v-bind="ptm('root')" data-pc-name="multiselect">
+    <div ref="container" :class="cx('root')" @click="onContainerClick" v-bind="ptm('root')">
         <div class="p-hidden-accessible" v-bind="ptm('hiddenInputWrapper')" :data-p-hidden-accessible="true">
             <input
                 ref="focusInput"
@@ -73,6 +73,7 @@
                             :modelValue="allSelected"
                             :binary="true"
                             :disabled="disabled"
+                            :variant="variant"
                             :aria-label="toggleAllAriaLabel"
                             @change="onToggleAll"
                             :unstyled="unstyled"
@@ -140,7 +141,7 @@
                                             :data-p-focused="focusedOptionIndex === getOptionIndex(i, getItemOptions)"
                                             :data-p-disabled="isOptionDisabled(option)"
                                         >
-                                            <Checkbox :modelValue="isSelected(option)" :binary="true" :tabindex="-1" :unstyled="unstyled" :pt="getCheckboxPTOptions(option, getItemOptions, i, 'itemCheckbox')">
+                                            <Checkbox :modelValue="isSelected(option)" :binary="true" :tabindex="-1" :variant="variant" :unstyled="unstyled" :pt="getCheckboxPTOptions(option, getItemOptions, i, 'itemCheckbox')">
                                                 <template #icon="slotProps">
                                                     <component v-if="$slots.itemcheckboxicon" :is="$slots.itemcheckboxicon" :checked="slotProps.checked" :class="slotProps.class" />
                                                     <component

package/multiselect/multiselect.cjs.js

@@ -49,6 +49,14 @@ var script$1 = {
       "default": '200px'
     },
     placeholder: String,
+    variant: {
+      type: String,
+      "default": null
+    },
+    invalid: {
+      type: Boolean,
+      "default": false
+    },
     disabled: Boolean,
     inputId: {
       type: String,
@@ -1140,9 +1148,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[12] || (_cache[12] = function () {
       return $options.onContainerClick && $options.onContainerClick.apply($options, arguments);
     })
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "multiselect"
-  }), [vue.createElementVNode("div", vue.mergeProps({
+  }, _ctx.ptm('root')), [vue.createElementVNode("div", vue.mergeProps({
     "class": "p-hidden-accessible"
   }, _ctx.ptm('hiddenInputWrapper'), {
     "data-p-hidden-accessible": true
@@ -1290,6 +1296,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             modelValue: $options.allSelected,
             binary: true,
             disabled: _ctx.disabled,
+            variant: _ctx.variant,
             "aria-label": $options.toggleAllAriaLabel,
             onChange: $options.onToggleAll,
             unstyled: _ctx.unstyled,
@@ -1306,7 +1313,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }, $options.getHeaderCheckboxPTOptions('headerCheckbox.icon')), null, 16, ["class"])) : vue.createCommentVNode("", true)];
             }),
             _: 1
-          }, 8, ["modelValue", "disabled", "aria-label", "onChange", "unstyled", "pt"])) : vue.createCommentVNode("", true), _ctx.filter ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+          }, 8, ["modelValue", "disabled", "variant", "aria-label", "onChange", "unstyled", "pt"])) : vue.createCommentVNode("", true), _ctx.filter ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
             key: 1,
             "class": _ctx.cx('filterContainer')
           }, _ctx.ptm('filterContainer')), [vue.createElementVNode("input", vue.mergeProps({
@@ -1436,6 +1443,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   modelValue: $options.isSelected(option),
                   binary: true,
                   tabindex: -1,
+                  variant: _ctx.variant,
                   unstyled: _ctx.unstyled,
                   pt: $options.getCheckboxPTOptions(option, getItemOptions, i, 'itemCheckbox')
                 }, {
@@ -1450,7 +1458,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     }, $options.getCheckboxPTOptions(option, getItemOptions, i, 'itemCheckbox.icon')), null, 16, ["class"])) : vue.createCommentVNode("", true)];
                   }),
                   _: 2
-                }, 1032, ["modelValue", "unstyled", "pt"]), vue.renderSlot(_ctx.$slots, "option", {
+                }, 1032, ["modelValue", "variant", "unstyled", "pt"]), vue.renderSlot(_ctx.$slots, "option", {
                   option: option,
                   index: $options.getOptionIndex(i, getItemOptions)
                 }, function () {