primevue 3.47.2 → 3.48.0

package/cascadeselect/style/cascadeselectstyle.esm.min.js

@@ -1 +1 @@
-import e from"primevue/base/style";var n=e.extend({name:"cascadeselect",css:"\n@layer primevue {\n    .p-cascadeselect {\n        display: inline-flex;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-cascadeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-cascadeselect-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n\n    .p-cascadeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n\n    .p-cascadeselect .p-cascadeselect-panel {\n        min-width: 100%;\n    }\n\n    .p-cascadeselect-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n    }\n\n    .p-cascadeselect-item-content {\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-cascadeselect-group-icon {\n        margin-left: auto;\n    }\n\n    .p-cascadeselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        min-width: 100%;\n    }\n\n    .p-fluid .p-cascadeselect {\n        display: flex;\n    }\n\n    .p-fluid .p-cascadeselect .p-cascadeselect-label {\n        width: 1%;\n    }\n\n    .p-cascadeselect-sublist {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-cascadeselect-item-active {\n        overflow: visible;\n    }\n\n    .p-cascadeselect-item-active > .p-cascadeselect-sublist {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-cascadeselect-enter-from,\n    .p-cascadeselect-leave-active {\n        opacity: 0;\n    }\n\n    .p-cascadeselect-enter-active {\n        transition: opacity 150ms;\n    }\n}\n",classes:{root:function(e){var n=e.instance,c=e.props;return["p-cascadeselect p-component p-inputwrapper",{"p-disabled":c.disabled,"p-focus":n.focused,"p-inputwrapper-filled":c.modelValue,"p-inputwrapper-focus":n.focused||n.overlayVisible,"p-overlay-open":n.overlayVisible}]},label:function(e){var n=e.instance;return["p-cascadeselect-label p-inputtext",{"p-placeholder":n.label===e.props.placeholder,"p-cascadeselect-label-empty":!n.$slots.value&&("p-emptylabel"===n.label||0===n.label.length)}]},dropdownButton:"p-cascadeselect-trigger",loadingIcon:"p-cascadeselect-trigger-icon",dropdownIcon:"p-cascadeselect-trigger-icon",panel:function(e){var n=e.instance;return["p-cascadeselect-panel p-component",{"p-input-filled":"filled"===n.$primevue.config.inputStyle,"p-ripple-disabled":!1===n.$primevue.config.ripple}]},wrapper:"p-cascadeselect-items-wrapper",list:"p-cascadeselect-panel p-cascadeselect-items",item:function(e){var n=e.instance,c=e.processedOption;return["p-cascadeselect-item",{"p-cascadeselect-item-group":n.isOptionGroup(c),"p-cascadeselect-item-active p-highlight":n.isOptionActive(c),"p-focus":n.isOptionFocused(c),"p-disabled":n.isOptionDisabled(c)}]},content:"p-cascadeselect-item-content",text:"p-cascadeselect-item-text",groupIcon:"p-cascadeselect-group-icon",sublist:"p-cascadeselect-sublist"},inlineStyles:{root:function(e){return{position:"self"===e.props.appendTo?"relative":void 0}}}});export{n as default};
+import e from"primevue/base/style";var t=e.extend({name:"cascadeselect",classes:{root:function(e){var t=e.instance,p=e.props;return["p-cascadeselect p-component p-inputwrapper",{"p-disabled":p.disabled,"p-invalid":p.invalid,"p-variant-filled":p.variant?"filled"===p.variant:"filled"===t.$primevue.config.inputStyle,"p-focus":t.focused,"p-inputwrapper-filled":p.modelValue,"p-inputwrapper-focus":t.focused||t.overlayVisible,"p-overlay-open":t.overlayVisible}]},label:function(e){var t=e.instance;return["p-cascadeselect-label p-inputtext",{"p-placeholder":t.label===e.props.placeholder,"p-cascadeselect-label-empty":!t.$slots.value&&("p-emptylabel"===t.label||0===t.label.length)}]},dropdownButton:"p-cascadeselect-trigger",loadingIcon:"p-cascadeselect-trigger-icon",dropdownIcon:"p-cascadeselect-trigger-icon",panel:function(e){return["p-cascadeselect-panel p-component",{"p-ripple-disabled":!1===e.instance.$primevue.config.ripple}]},wrapper:"p-cascadeselect-items-wrapper",list:"p-cascadeselect-panel p-cascadeselect-items",item:function(e){var t=e.instance,p=e.processedOption;return["p-cascadeselect-item",{"p-cascadeselect-item-group":t.isOptionGroup(p),"p-cascadeselect-item-active p-highlight":t.isOptionActive(p),"p-focus":t.isOptionFocused(p),"p-disabled":t.isOptionDisabled(p)}]},content:"p-cascadeselect-item-content",text:"p-cascadeselect-item-text",groupIcon:"p-cascadeselect-group-icon",sublist:"p-cascadeselect-sublist"},inlineStyles:{root:function(e){return{position:"self"===e.props.appendTo?"relative":void 0}}}});export{t as default};

package/cascadeselect/style/cascadeselectstyle.js

@@ -7,7 +7,6 @@ this.primevue.cascadeselect.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-cascadeselect {\n        display: inline-flex;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-cascadeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-cascadeselect-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n\n    .p-cascadeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n\n    .p-cascadeselect .p-cascadeselect-panel {\n        min-width: 100%;\n    }\n\n    .p-cascadeselect-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n    }\n\n    .p-cascadeselect-item-content {\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-cascadeselect-group-icon {\n        margin-left: auto;\n    }\n\n    .p-cascadeselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        min-width: 100%;\n    }\n\n    .p-fluid .p-cascadeselect {\n        display: flex;\n    }\n\n    .p-fluid .p-cascadeselect .p-cascadeselect-label {\n        width: 1%;\n    }\n\n    .p-cascadeselect-sublist {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-cascadeselect-item-active {\n        overflow: visible;\n    }\n\n    .p-cascadeselect-item-active > .p-cascadeselect-sublist {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-cascadeselect-enter-from,\n    .p-cascadeselect-leave-active {\n        opacity: 0;\n    }\n\n    .p-cascadeselect-enter-active {\n        transition: opacity 150ms;\n    }\n}\n";
     var inlineStyles = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -22,6 +21,8 @@ this.primevue.cascadeselect.style = (function (BaseStyle) {
           props = _ref2.props;
         return ['p-cascadeselect p-component p-inputwrapper', {
           'p-disabled': props.disabled,
+          'p-invalid': props.invalid,
+          'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled',
           'p-focus': instance.focused,
           'p-inputwrapper-filled': props.modelValue,
           'p-inputwrapper-focus': instance.focused || instance.overlayVisible,
@@ -40,9 +41,9 @@ this.primevue.cascadeselect.style = (function (BaseStyle) {
       loadingIcon: 'p-cascadeselect-trigger-icon',
       dropdownIcon: 'p-cascadeselect-trigger-icon',
       panel: function panel(_ref4) {
-        var instance = _ref4.instance;
+        _ref4.props;
+          var instance = _ref4.instance;
         return ['p-cascadeselect-panel p-component', {
-          'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
           'p-ripple-disabled': instance.$primevue.config.ripple === false
         }];
       },
@@ -65,7 +66,6 @@ this.primevue.cascadeselect.style = (function (BaseStyle) {
     };
     var CascadeSelectStyle = BaseStyle__default["default"].extend({
       name: 'cascadeselect',
-      css: css,
       classes: classes,
       inlineStyles: inlineStyles
     });

package/cascadeselect/style/cascadeselectstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.cascadeselect=this.primevue.cascadeselect||{},this.primevue.cascadeselect.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:"cascadeselect",css:"\n@layer primevue {\n    .p-cascadeselect {\n        display: inline-flex;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-cascadeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-cascadeselect-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n\n    .p-cascadeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n\n    .p-cascadeselect .p-cascadeselect-panel {\n        min-width: 100%;\n    }\n\n    .p-cascadeselect-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n    }\n\n    .p-cascadeselect-item-content {\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-cascadeselect-group-icon {\n        margin-left: auto;\n    }\n\n    .p-cascadeselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        min-width: 100%;\n    }\n\n    .p-fluid .p-cascadeselect {\n        display: flex;\n    }\n\n    .p-fluid .p-cascadeselect .p-cascadeselect-label {\n        width: 1%;\n    }\n\n    .p-cascadeselect-sublist {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-cascadeselect-item-active {\n        overflow: visible;\n    }\n\n    .p-cascadeselect-item-active > .p-cascadeselect-sublist {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-cascadeselect-enter-from,\n    .p-cascadeselect-leave-active {\n        opacity: 0;\n    }\n\n    .p-cascadeselect-enter-active {\n        transition: opacity 150ms;\n    }\n}\n",classes:{root:function(e){var n=e.instance,t=e.props;return["p-cascadeselect p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n.focused,"p-inputwrapper-filled":t.modelValue,"p-inputwrapper-focus":n.focused||n.overlayVisible,"p-overlay-open":n.overlayVisible}]},label:function(e){var n=e.instance;return["p-cascadeselect-label p-inputtext",{"p-placeholder":n.label===e.props.placeholder,"p-cascadeselect-label-empty":!n.$slots.value&&("p-emptylabel"===n.label||0===n.label.length)}]},dropdownButton:"p-cascadeselect-trigger",loadingIcon:"p-cascadeselect-trigger-icon",dropdownIcon:"p-cascadeselect-trigger-icon",panel:function(e){var n=e.instance;return["p-cascadeselect-panel p-component",{"p-input-filled":"filled"===n.$primevue.config.inputStyle,"p-ripple-disabled":!1===n.$primevue.config.ripple}]},wrapper:"p-cascadeselect-items-wrapper",list:"p-cascadeselect-panel p-cascadeselect-items",item:function(e){var n=e.instance,t=e.processedOption;return["p-cascadeselect-item",{"p-cascadeselect-item-group":n.isOptionGroup(t),"p-cascadeselect-item-active p-highlight":n.isOptionActive(t),"p-focus":n.isOptionFocused(t),"p-disabled":n.isOptionDisabled(t)}]},content:"p-cascadeselect-item-content",text:"p-cascadeselect-item-text",groupIcon:"p-cascadeselect-group-icon",sublist:"p-cascadeselect-sublist"},inlineStyles:{root:function(e){return{position:"self"===e.props.appendTo?"relative":void 0}}}})}();
+this.primevue=this.primevue||{},this.primevue.cascadeselect=this.primevue.cascadeselect||{},this.primevue.cascadeselect.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:"cascadeselect",classes:{root:function(e){var t=e.instance,c=e.props;return["p-cascadeselect p-component p-inputwrapper",{"p-disabled":c.disabled,"p-invalid":c.invalid,"p-variant-filled":c.variant?"filled"===c.variant:"filled"===t.$primevue.config.inputStyle,"p-focus":t.focused,"p-inputwrapper-filled":c.modelValue,"p-inputwrapper-focus":t.focused||t.overlayVisible,"p-overlay-open":t.overlayVisible}]},label:function(e){var t=e.instance;return["p-cascadeselect-label p-inputtext",{"p-placeholder":t.label===e.props.placeholder,"p-cascadeselect-label-empty":!t.$slots.value&&("p-emptylabel"===t.label||0===t.label.length)}]},dropdownButton:"p-cascadeselect-trigger",loadingIcon:"p-cascadeselect-trigger-icon",dropdownIcon:"p-cascadeselect-trigger-icon",panel:function(e){return["p-cascadeselect-panel p-component",{"p-ripple-disabled":!1===e.instance.$primevue.config.ripple}]},wrapper:"p-cascadeselect-items-wrapper",list:"p-cascadeselect-panel p-cascadeselect-items",item:function(e){var t=e.instance,c=e.processedOption;return["p-cascadeselect-item",{"p-cascadeselect-item-group":t.isOptionGroup(c),"p-cascadeselect-item-active p-highlight":t.isOptionActive(c),"p-focus":t.isOptionFocused(c),"p-disabled":t.isOptionDisabled(c)}]},content:"p-cascadeselect-item-content",text:"p-cascadeselect-item-text",groupIcon:"p-cascadeselect-group-icon",sublist:"p-cascadeselect-sublist"},inlineStyles:{root:function(e){return{position:"self"===e.props.appendTo?"relative":void 0}}}})}();

package/chart/Chart.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" :style="sx('root')" v-bind="ptm('root')" data-pc-name="chart">
+    <div :class="cx('root')" :style="sx('root')" v-bind="ptm('root')">
         <canvas ref="canvas" :width="width" :height="height" @click="onCanvasClick($event)" v-bind="{ ...canvasProps, ...ptm('canvas') }"></canvas>
     </div>
 </template>

package/chart/chart.cjs.js

@@ -160,9 +160,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     "class": _ctx.cx('root'),
     style: _ctx.sx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "chart"
-  }), [vue.createElementVNode("canvas", vue.mergeProps({
+  }, _ctx.ptm('root')), [vue.createElementVNode("canvas", vue.mergeProps({
     ref: "canvas",
     width: _ctx.width,
     height: _ctx.height,

package/chart/chart.cjs.min.js

@@ -1 +1 @@
-"use strict";var t=require("primevue/basecomponent"),e=require("primevue/chart/style"),r=require("vue");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function i(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:function(){return t[r]}})}})),e.default=t,Object.freeze(e)}var o={name:"Chart",extends:{name:"BaseChart",extends:n(t).default,props:{type:String,data:null,options:null,plugins:null,width:{type:Number,default:300},height:{type:Number,default:150},canvasProps:{type:null,default:null}},style:n(e).default,provide:function(){return{$parentInstance:this}}},emits:["select","loaded"],chart:null,watch:{data:{handler:function(){this.reinit()},deep:!0},type:function(){this.reinit()},options:function(){this.reinit()}},mounted:function(){this.initChart()},beforeUnmount:function(){this.chart&&(this.chart.destroy(),this.chart=null)},methods:{initChart:function(){var t=this;Promise.resolve().then((function(){return i(require("chart.js/auto"))})).then((function(e){t.chart&&(t.chart.destroy(),t.chart=null),e&&e.default&&(t.chart=new e.default(t.$refs.canvas,{type:t.type,data:t.data,options:t.options,plugins:t.plugins})),t.$emit("loaded",t.chart)}))},getCanvas:function(){return this.$canvas},getChart:function(){return this.chart},getBase64Image:function(){return this.chart.toBase64Image()},refresh:function(){this.chart&&this.chart.update()},reinit:function(){this.initChart()},onCanvasClick:function(t){if(this.chart){var e=this.chart.getElementsAtEventForMode(t,"nearest",{intersect:!0},!1),r=this.chart.getElementsAtEventForMode(t,"dataset",{intersect:!0},!1);e&&e[0]&&r&&this.$emit("select",{originalEvent:t,element:e[0],dataset:r})}},generateLegend:function(){if(this.chart)return this.chart.generateLegend()}}};function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function c(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function u(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?c(Object(r),!0).forEach((function(e){s(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function s(t,e,r){var n;return(e="symbol"==a(n=l(e,"string"))?n:String(n))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function l(t,e){if("object"!=a(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var f=["width","height"];o.render=function(t,e,n,i,o,a){return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:t.cx("root"),style:t.sx("root")},t.ptm("root"),{"data-pc-name":"chart"}),[r.createElementVNode("canvas",r.mergeProps({ref:"canvas",width:t.width,height:t.height,onClick:e[0]||(e[0]=function(t){return a.onCanvasClick(t)})},u(u({},t.canvasProps),t.ptm("canvas"))),null,16,f)],16)},module.exports=o;
+"use strict";var t=require("primevue/basecomponent"),e=require("primevue/chart/style"),r=require("vue");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function i(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:function(){return t[r]}})}})),e.default=t,Object.freeze(e)}var o={name:"Chart",extends:{name:"BaseChart",extends:n(t).default,props:{type:String,data:null,options:null,plugins:null,width:{type:Number,default:300},height:{type:Number,default:150},canvasProps:{type:null,default:null}},style:n(e).default,provide:function(){return{$parentInstance:this}}},emits:["select","loaded"],chart:null,watch:{data:{handler:function(){this.reinit()},deep:!0},type:function(){this.reinit()},options:function(){this.reinit()}},mounted:function(){this.initChart()},beforeUnmount:function(){this.chart&&(this.chart.destroy(),this.chart=null)},methods:{initChart:function(){var t=this;Promise.resolve().then((function(){return i(require("chart.js/auto"))})).then((function(e){t.chart&&(t.chart.destroy(),t.chart=null),e&&e.default&&(t.chart=new e.default(t.$refs.canvas,{type:t.type,data:t.data,options:t.options,plugins:t.plugins})),t.$emit("loaded",t.chart)}))},getCanvas:function(){return this.$canvas},getChart:function(){return this.chart},getBase64Image:function(){return this.chart.toBase64Image()},refresh:function(){this.chart&&this.chart.update()},reinit:function(){this.initChart()},onCanvasClick:function(t){if(this.chart){var e=this.chart.getElementsAtEventForMode(t,"nearest",{intersect:!0},!1),r=this.chart.getElementsAtEventForMode(t,"dataset",{intersect:!0},!1);e&&e[0]&&r&&this.$emit("select",{originalEvent:t,element:e[0],dataset:r})}},generateLegend:function(){if(this.chart)return this.chart.generateLegend()}}};function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function c(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function u(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?c(Object(r),!0).forEach((function(e){s(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function s(t,e,r){var n;return(e="symbol"==a(n=l(e,"string"))?n:String(n))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function l(t,e){if("object"!=a(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var f=["width","height"];o.render=function(t,e,n,i,o,a){return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:t.cx("root"),style:t.sx("root")},t.ptm("root")),[r.createElementVNode("canvas",r.mergeProps({ref:"canvas",width:t.width,height:t.height,onClick:e[0]||(e[0]=function(t){return a.onCanvasClick(t)})},u(u({},t.canvasProps),t.ptm("canvas"))),null,16,f)],16)},module.exports=o;

package/chart/chart.esm.js

@@ -135,9 +135,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root'),
     style: _ctx.sx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "chart"
-  }), [createElementVNode("canvas", mergeProps({
+  }, _ctx.ptm('root')), [createElementVNode("canvas", mergeProps({
     ref: "canvas",
     width: _ctx.width,
     height: _ctx.height,

package/chart/chart.esm.min.js

@@ -1 +1 @@
-import t from"primevue/basecomponent";import e from"primevue/chart/style";import{openBlock as r,createElementBlock as n,mergeProps as i,createElementVNode as o}from"vue";var a={name:"Chart",extends:{name:"BaseChart",extends:t,props:{type:String,data:null,options:null,plugins:null,width:{type:Number,default:300},height:{type:Number,default:150},canvasProps:{type:null,default:null}},style:e,provide:function(){return{$parentInstance:this}}},emits:["select","loaded"],chart:null,watch:{data:{handler:function(){this.reinit()},deep:!0},type:function(){this.reinit()},options:function(){this.reinit()}},mounted:function(){this.initChart()},beforeUnmount:function(){this.chart&&(this.chart.destroy(),this.chart=null)},methods:{initChart:function(){var t=this;import("chart.js/auto").then((function(e){t.chart&&(t.chart.destroy(),t.chart=null),e&&e.default&&(t.chart=new e.default(t.$refs.canvas,{type:t.type,data:t.data,options:t.options,plugins:t.plugins})),t.$emit("loaded",t.chart)}))},getCanvas:function(){return this.$canvas},getChart:function(){return this.chart},getBase64Image:function(){return this.chart.toBase64Image()},refresh:function(){this.chart&&this.chart.update()},reinit:function(){this.initChart()},onCanvasClick:function(t){if(this.chart){var e=this.chart.getElementsAtEventForMode(t,"nearest",{intersect:!0},!1),r=this.chart.getElementsAtEventForMode(t,"dataset",{intersect:!0},!1);e&&e[0]&&r&&this.$emit("select",{originalEvent:t,element:e[0],dataset:r})}},generateLegend:function(){if(this.chart)return this.chart.generateLegend()}}};function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function s(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function u(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?s(Object(r),!0).forEach((function(e){h(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function h(t,e,r){var n;return(e="symbol"==c(n=l(e,"string"))?n:String(n))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function l(t,e){if("object"!=c(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var f=["width","height"];a.render=function(t,e,a,c,s,h){return r(),n("div",i({class:t.cx("root"),style:t.sx("root")},t.ptm("root"),{"data-pc-name":"chart"}),[o("canvas",i({ref:"canvas",width:t.width,height:t.height,onClick:e[0]||(e[0]=function(t){return h.onCanvasClick(t)})},u(u({},t.canvasProps),t.ptm("canvas"))),null,16,f)],16)};export{a as default};
+import t from"primevue/basecomponent";import e from"primevue/chart/style";import{openBlock as r,createElementBlock as n,mergeProps as i,createElementVNode as o}from"vue";var a={name:"Chart",extends:{name:"BaseChart",extends:t,props:{type:String,data:null,options:null,plugins:null,width:{type:Number,default:300},height:{type:Number,default:150},canvasProps:{type:null,default:null}},style:e,provide:function(){return{$parentInstance:this}}},emits:["select","loaded"],chart:null,watch:{data:{handler:function(){this.reinit()},deep:!0},type:function(){this.reinit()},options:function(){this.reinit()}},mounted:function(){this.initChart()},beforeUnmount:function(){this.chart&&(this.chart.destroy(),this.chart=null)},methods:{initChart:function(){var t=this;import("chart.js/auto").then((function(e){t.chart&&(t.chart.destroy(),t.chart=null),e&&e.default&&(t.chart=new e.default(t.$refs.canvas,{type:t.type,data:t.data,options:t.options,plugins:t.plugins})),t.$emit("loaded",t.chart)}))},getCanvas:function(){return this.$canvas},getChart:function(){return this.chart},getBase64Image:function(){return this.chart.toBase64Image()},refresh:function(){this.chart&&this.chart.update()},reinit:function(){this.initChart()},onCanvasClick:function(t){if(this.chart){var e=this.chart.getElementsAtEventForMode(t,"nearest",{intersect:!0},!1),r=this.chart.getElementsAtEventForMode(t,"dataset",{intersect:!0},!1);e&&e[0]&&r&&this.$emit("select",{originalEvent:t,element:e[0],dataset:r})}},generateLegend:function(){if(this.chart)return this.chart.generateLegend()}}};function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function s(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function u(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?s(Object(r),!0).forEach((function(e){h(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function h(t,e,r){var n;return(e="symbol"==c(n=l(e,"string"))?n:String(n))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function l(t,e){if("object"!=c(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var f=["width","height"];a.render=function(t,e,a,c,s,h){return r(),n("div",i({class:t.cx("root"),style:t.sx("root")},t.ptm("root")),[o("canvas",i({ref:"canvas",width:t.width,height:t.height,onClick:e[0]||(e[0]=function(t){return h.onCanvasClick(t)})},u(u({},t.canvasProps),t.ptm("canvas"))),null,16,f)],16)};export{a as default};

package/chart/chart.js

@@ -140,9 +140,7 @@ this.primevue.chart = (function (BaseComponent, ChartStyle, vue) {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         "class": _ctx.cx('root'),
         style: _ctx.sx('root')
-      }, _ctx.ptm('root'), {
-        "data-pc-name": "chart"
-      }), [vue.createElementVNode("canvas", vue.mergeProps({
+      }, _ctx.ptm('root')), [vue.createElementVNode("canvas", vue.mergeProps({
         ref: "canvas",
         width: _ctx.width,
         height: _ctx.height,

package/chart/chart.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.chart=function(t,e,r){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i={name:"Chart",extends:{name:"BaseChart",extends:n(t).default,props:{type:String,data:null,options:null,plugins:null,width:{type:Number,default:300},height:{type:Number,default:150},canvasProps:{type:null,default:null}},style:n(e).default,provide:function(){return{$parentInstance:this}}},emits:["select","loaded"],chart:null,watch:{data:{handler:function(){this.reinit()},deep:!0},type:function(){this.reinit()},options:function(){this.reinit()}},mounted:function(){this.initChart()},beforeUnmount:function(){this.chart&&(this.chart.destroy(),this.chart=null)},methods:{initChart:function(){var t=this;import("chart.js/auto").then((function(e){t.chart&&(t.chart.destroy(),t.chart=null),e&&e.default&&(t.chart=new e.default(t.$refs.canvas,{type:t.type,data:t.data,options:t.options,plugins:t.plugins})),t.$emit("loaded",t.chart)}))},getCanvas:function(){return this.$canvas},getChart:function(){return this.chart},getBase64Image:function(){return this.chart.toBase64Image()},refresh:function(){this.chart&&this.chart.update()},reinit:function(){this.initChart()},onCanvasClick:function(t){if(this.chart){var e=this.chart.getElementsAtEventForMode(t,"nearest",{intersect:!0},!1),r=this.chart.getElementsAtEventForMode(t,"dataset",{intersect:!0},!1);e&&e[0]&&r&&this.$emit("select",{originalEvent:t,element:e[0],dataset:r})}},generateLegend:function(){if(this.chart)return this.chart.generateLegend()}}};function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function a(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function c(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?a(Object(r),!0).forEach((function(e){u(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function u(t,e,r){var n;return(e="symbol"==o(n=s(e,"string"))?n:String(n))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function s(t,e){if("object"!=o(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var l=["width","height"];return i.render=function(t,e,n,i,o,a){return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:t.cx("root"),style:t.sx("root")},t.ptm("root"),{"data-pc-name":"chart"}),[r.createElementVNode("canvas",r.mergeProps({ref:"canvas",width:t.width,height:t.height,onClick:e[0]||(e[0]=function(t){return a.onCanvasClick(t)})},c(c({},t.canvasProps),t.ptm("canvas"))),null,16,l)],16)},i}(primevue.basecomponent,primevue.chart.style,Vue);
+this.primevue=this.primevue||{},this.primevue.chart=function(t,e,r){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i={name:"Chart",extends:{name:"BaseChart",extends:n(t).default,props:{type:String,data:null,options:null,plugins:null,width:{type:Number,default:300},height:{type:Number,default:150},canvasProps:{type:null,default:null}},style:n(e).default,provide:function(){return{$parentInstance:this}}},emits:["select","loaded"],chart:null,watch:{data:{handler:function(){this.reinit()},deep:!0},type:function(){this.reinit()},options:function(){this.reinit()}},mounted:function(){this.initChart()},beforeUnmount:function(){this.chart&&(this.chart.destroy(),this.chart=null)},methods:{initChart:function(){var t=this;import("chart.js/auto").then((function(e){t.chart&&(t.chart.destroy(),t.chart=null),e&&e.default&&(t.chart=new e.default(t.$refs.canvas,{type:t.type,data:t.data,options:t.options,plugins:t.plugins})),t.$emit("loaded",t.chart)}))},getCanvas:function(){return this.$canvas},getChart:function(){return this.chart},getBase64Image:function(){return this.chart.toBase64Image()},refresh:function(){this.chart&&this.chart.update()},reinit:function(){this.initChart()},onCanvasClick:function(t){if(this.chart){var e=this.chart.getElementsAtEventForMode(t,"nearest",{intersect:!0},!1),r=this.chart.getElementsAtEventForMode(t,"dataset",{intersect:!0},!1);e&&e[0]&&r&&this.$emit("select",{originalEvent:t,element:e[0],dataset:r})}},generateLegend:function(){if(this.chart)return this.chart.generateLegend()}}};function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function a(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function c(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?a(Object(r),!0).forEach((function(e){u(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function u(t,e,r){var n;return(e="symbol"==o(n=s(e,"string"))?n:String(n))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function s(t,e){if("object"!=o(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var l=["width","height"];return i.render=function(t,e,n,i,o,a){return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:t.cx("root"),style:t.sx("root")},t.ptm("root")),[r.createElementVNode("canvas",r.mergeProps({ref:"canvas",width:t.width,height:t.height,onClick:e[0]||(e[0]=function(t){return a.onCanvasClick(t)})},c(c({},t.canvasProps),t.ptm("canvas"))),null,16,l)],16)},i}(primevue.basecomponent,primevue.chart.style,Vue);

package/checkbox/BaseCheckbox.vue

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

package/checkbox/Checkbox.d.ts

@@ -111,11 +111,21 @@ export interface CheckboxProps {
      * @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 element should be disabled.
      * @default 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/checkbox/Checkbox.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" v-bind="getPTOptions('root')" data-pc-name="checkbox" :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="checkbox"

package/checkbox/checkbox.cjs.js

@@ -31,6 +31,14 @@ var script$1 = {
       type: null,
       "default": false
     },
+    variant: {
+      type: String,
+      "default": null
+    },
+    invalid: {
+      type: Boolean,
+      "default": false
+    },
     disabled: {
       type: Boolean,
       "default": false
@@ -134,7 +142,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": "checkbox",
     "data-p-highlight": $options.checked,
     "data-p-disabled": _ctx.disabled
   }), [vue.createElementVNode("input", vue.mergeProps({

package/checkbox/checkbox.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/check"),t=require("primevue/utils"),n=require("primevue/basecomponent"),a=require("primevue/checkbox/style"),l=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);function o(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e){if(Array.isArray(e))return s(e)}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var p={name:"Checkbox",extends:{name:"BaseCheckbox",extends:r(n).default,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{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:r(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){var n,a,l=this;this.disabled||this.readonly||(n=this.binary?this.checked?this.falseValue:this.trueValue:this.checked?this.modelValue.filter((function(e){return!t.ObjectUtils.equals(e,l.value)})):this.modelValue?[].concat(d(a=this.modelValue)||c(a)||u(a)||o(),[this.value]):[this.value],this.$emit("update:modelValue",n),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return this.binary?this.modelValue===this.trueValue:t.ObjectUtils.contains(this.value,this.modelValue)}},components:{CheckIcon:i.default}},h=["data-p-highlight","data-p-disabled"],b=["id","value","name","checked","tabindex","disabled","readonly","required","aria-labelledby","aria-label"];p.render=function(e,t,n,a,r,i){var o=l.resolveComponent("CheckIcon");return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:e.cx("root")},i.getPTOptions("root"),{"data-pc-name":"checkbox","data-p-highlight":i.checked,"data-p-disabled":e.disabled}),[l.createElementVNode("input",l.mergeProps({id:e.inputId,type:"checkbox",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:i.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,required:e.required,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return i.onFocus&&i.onFocus.apply(i,arguments)}),onBlur:t[1]||(t[1]=function(){return i.onBlur&&i.onBlur.apply(i,arguments)}),onChange:t[2]||(t[2]=function(){return i.onChange&&i.onChange.apply(i,arguments)})},i.getPTOptions("input")),null,16,b),l.createElementVNode("div",l.mergeProps({class:e.cx("box")},i.getPTOptions("box")),[l.renderSlot(e.$slots,"icon",{checked:i.checked,class:l.normalizeClass(e.cx("icon"))},(function(){return[i.checked?(l.openBlock(),l.createBlock(o,l.mergeProps({key:0,class:e.cx("icon")},i.getPTOptions("icon")),null,16,["class"])):l.createCommentVNode("",!0)]}))],16)],16,h)},module.exports=p;
+"use strict";var e=require("primevue/icons/check"),t=require("primevue/utils"),n=require("primevue/basecomponent"),l=require("primevue/checkbox/style"),a=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);function o(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e){if(Array.isArray(e))return s(e)}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}var p={name:"Checkbox",extends:{name:"BaseCheckbox",extends:r(n).default,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},variant:{type:String,default:null},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{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:r(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){var n,l,a=this;this.disabled||this.readonly||(n=this.binary?this.checked?this.falseValue:this.trueValue:this.checked?this.modelValue.filter((function(e){return!t.ObjectUtils.equals(e,a.value)})):this.modelValue?[].concat(d(l=this.modelValue)||c(l)||u(l)||o(),[this.value]):[this.value],this.$emit("update:modelValue",n),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return this.binary?this.modelValue===this.trueValue:t.ObjectUtils.contains(this.value,this.modelValue)}},components:{CheckIcon:i.default}},h=["data-p-highlight","data-p-disabled"],b=["id","value","name","checked","tabindex","disabled","readonly","required","aria-labelledby","aria-label"];p.render=function(e,t,n,l,r,i){var o=a.resolveComponent("CheckIcon");return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},i.getPTOptions("root"),{"data-p-highlight":i.checked,"data-p-disabled":e.disabled}),[a.createElementVNode("input",a.mergeProps({id:e.inputId,type:"checkbox",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:i.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,required:e.required,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return i.onFocus&&i.onFocus.apply(i,arguments)}),onBlur:t[1]||(t[1]=function(){return i.onBlur&&i.onBlur.apply(i,arguments)}),onChange:t[2]||(t[2]=function(){return i.onChange&&i.onChange.apply(i,arguments)})},i.getPTOptions("input")),null,16,b),a.createElementVNode("div",a.mergeProps({class:e.cx("box")},i.getPTOptions("box")),[a.renderSlot(e.$slots,"icon",{checked:i.checked,class:a.normalizeClass(e.cx("icon"))},(function(){return[i.checked?(a.openBlock(),a.createBlock(o,a.mergeProps({key:0,class:e.cx("icon")},i.getPTOptions("icon")),null,16,["class"])):a.createCommentVNode("",!0)]}))],16)],16,h)},module.exports=p;

package/checkbox/checkbox.esm.js

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

package/checkbox/checkbox.esm.min.js

@@ -1 +1 @@
-import e from"primevue/icons/check";import{ObjectUtils as t}from"primevue/utils";import n from"primevue/basecomponent";import a from"primevue/checkbox/style";import{resolveComponent as l,openBlock as i,createElementBlock as r,mergeProps as o,createElementVNode as u,renderSlot as c,normalizeClass as d,createBlock as s,createCommentVNode as p}from"vue";function h(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e){if(Array.isArray(e))return y(e)}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var g={name:"Checkbox",extends:{name:"BaseCheckbox",extends:n,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{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){var n,a,l=this;this.disabled||this.readonly||(n=this.binary?this.checked?this.falseValue:this.trueValue:this.checked?this.modelValue.filter((function(e){return!t.equals(e,l.value)})):this.modelValue?[].concat(f(a=this.modelValue)||m(a)||b(a)||h(),[this.value]):[this.value],this.$emit("update:modelValue",n),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return this.binary?this.modelValue===this.trueValue:t.contains(this.value,this.modelValue)}},components:{CheckIcon:e}},v=["data-p-highlight","data-p-disabled"],k=["id","value","name","checked","tabindex","disabled","readonly","required","aria-labelledby","aria-label"];g.render=function(e,t,n,a,h,b){var m=l("CheckIcon");return i(),r("div",o({class:e.cx("root")},b.getPTOptions("root"),{"data-pc-name":"checkbox","data-p-highlight":b.checked,"data-p-disabled":e.disabled}),[u("input",o({id:e.inputId,type:"checkbox",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:b.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,required:e.required,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return b.onFocus&&b.onFocus.apply(b,arguments)}),onBlur:t[1]||(t[1]=function(){return b.onBlur&&b.onBlur.apply(b,arguments)}),onChange:t[2]||(t[2]=function(){return b.onChange&&b.onChange.apply(b,arguments)})},b.getPTOptions("input")),null,16,k),u("div",o({class:e.cx("box")},b.getPTOptions("box")),[c(e.$slots,"icon",{checked:b.checked,class:d(e.cx("icon"))},(function(){return[b.checked?(i(),s(m,o({key:0,class:e.cx("icon")},b.getPTOptions("icon")),null,16,["class"])):p("",!0)]}))],16)],16,v)};export{g as default};
+import e from"primevue/icons/check";import{ObjectUtils as t}from"primevue/utils";import n from"primevue/basecomponent";import a from"primevue/checkbox/style";import{resolveComponent as l,openBlock as i,createElementBlock as r,mergeProps as o,createElementVNode as u,renderSlot as d,normalizeClass as c,createBlock as s,createCommentVNode as p}from"vue";function h(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e){if(Array.isArray(e))return y(e)}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var g={name:"Checkbox",extends:{name:"BaseCheckbox",extends:n,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},variant:{type:String,default:null},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{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){var n,a,l=this;this.disabled||this.readonly||(n=this.binary?this.checked?this.falseValue:this.trueValue:this.checked?this.modelValue.filter((function(e){return!t.equals(e,l.value)})):this.modelValue?[].concat(m(a=this.modelValue)||b(a)||f(a)||h(),[this.value]):[this.value],this.$emit("update:modelValue",n),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return this.binary?this.modelValue===this.trueValue:t.contains(this.value,this.modelValue)}},components:{CheckIcon:e}},v=["data-p-highlight","data-p-disabled"],k=["id","value","name","checked","tabindex","disabled","readonly","required","aria-labelledby","aria-label"];g.render=function(e,t,n,a,h,f){var b=l("CheckIcon");return i(),r("div",o({class:e.cx("root")},f.getPTOptions("root"),{"data-p-highlight":f.checked,"data-p-disabled":e.disabled}),[u("input",o({id:e.inputId,type:"checkbox",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:f.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,required:e.required,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return f.onFocus&&f.onFocus.apply(f,arguments)}),onBlur:t[1]||(t[1]=function(){return f.onBlur&&f.onBlur.apply(f,arguments)}),onChange:t[2]||(t[2]=function(){return f.onChange&&f.onChange.apply(f,arguments)})},f.getPTOptions("input")),null,16,k),u("div",o({class:e.cx("box")},f.getPTOptions("box")),[d(e.$slots,"icon",{checked:f.checked,class:c(e.cx("icon"))},(function(){return[f.checked?(i(),s(b,o({key:0,class:e.cx("icon")},f.getPTOptions("icon")),null,16,["class"])):p("",!0)]}))],16)],16,v)};export{g as default};

package/checkbox/checkbox.js

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

package/checkbox/checkbox.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.checkbox=function(e,t,n,a,l){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);function o(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e){if(Array.isArray(e))return d(e)}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var p={name:"Checkbox",extends:{name:"BaseCheckbox",extends:r(n).default,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{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:r(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){var n,a,l=this;this.disabled||this.readonly||(n=this.binary?this.checked?this.falseValue:this.trueValue:this.checked?this.modelValue.filter((function(e){return!t.ObjectUtils.equals(e,l.value)})):this.modelValue?[].concat(s(a=this.modelValue)||c(a)||u(a)||o(),[this.value]):[this.value],this.$emit("update:modelValue",n),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return this.binary?this.modelValue===this.trueValue:t.ObjectUtils.contains(this.value,this.modelValue)}},components:{CheckIcon:i.default}},h=["data-p-highlight","data-p-disabled"],b=["id","value","name","checked","tabindex","disabled","readonly","required","aria-labelledby","aria-label"];return p.render=function(e,t,n,a,r,i){var o=l.resolveComponent("CheckIcon");return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:e.cx("root")},i.getPTOptions("root"),{"data-pc-name":"checkbox","data-p-highlight":i.checked,"data-p-disabled":e.disabled}),[l.createElementVNode("input",l.mergeProps({id:e.inputId,type:"checkbox",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:i.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,required:e.required,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return i.onFocus&&i.onFocus.apply(i,arguments)}),onBlur:t[1]||(t[1]=function(){return i.onBlur&&i.onBlur.apply(i,arguments)}),onChange:t[2]||(t[2]=function(){return i.onChange&&i.onChange.apply(i,arguments)})},i.getPTOptions("input")),null,16,b),l.createElementVNode("div",l.mergeProps({class:e.cx("box")},i.getPTOptions("box")),[l.renderSlot(e.$slots,"icon",{checked:i.checked,class:l.normalizeClass(e.cx("icon"))},(function(){return[i.checked?(l.openBlock(),l.createBlock(o,l.mergeProps({key:0,class:e.cx("icon")},i.getPTOptions("icon")),null,16,["class"])):l.createCommentVNode("",!0)]}))],16)],16,h)},p}(primevue.icons.check,primevue.utils,primevue.basecomponent,primevue.checkbox.style,Vue);
+this.primevue=this.primevue||{},this.primevue.checkbox=function(e,t,n,l,a){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e);function o(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e){if(Array.isArray(e))return d(e)}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}var p={name:"Checkbox",extends:{name:"BaseCheckbox",extends:i(n).default,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},variant:{type:String,default:null},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{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:i(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){var n,l,a=this;this.disabled||this.readonly||(n=this.binary?this.checked?this.falseValue:this.trueValue:this.checked?this.modelValue.filter((function(e){return!t.ObjectUtils.equals(e,a.value)})):this.modelValue?[].concat(s(l=this.modelValue)||c(l)||u(l)||o(),[this.value]):[this.value],this.$emit("update:modelValue",n),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return this.binary?this.modelValue===this.trueValue:t.ObjectUtils.contains(this.value,this.modelValue)}},components:{CheckIcon:r.default}},h=["data-p-highlight","data-p-disabled"],b=["id","value","name","checked","tabindex","disabled","readonly","required","aria-labelledby","aria-label"];return p.render=function(e,t,n,l,i,r){var o=a.resolveComponent("CheckIcon");return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},r.getPTOptions("root"),{"data-p-highlight":r.checked,"data-p-disabled":e.disabled}),[a.createElementVNode("input",a.mergeProps({id:e.inputId,type:"checkbox",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:r.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,required:e.required,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return r.onFocus&&r.onFocus.apply(r,arguments)}),onBlur:t[1]||(t[1]=function(){return r.onBlur&&r.onBlur.apply(r,arguments)}),onChange:t[2]||(t[2]=function(){return r.onChange&&r.onChange.apply(r,arguments)})},r.getPTOptions("input")),null,16,b),a.createElementVNode("div",a.mergeProps({class:e.cx("box")},r.getPTOptions("box")),[a.renderSlot(e.$slots,"icon",{checked:r.checked,class:a.normalizeClass(e.cx("icon"))},(function(){return[r.checked?(a.openBlock(),a.createBlock(o,a.mergeProps({key:0,class:e.cx("icon")},r.getPTOptions("icon")),null,16,["class"])):a.createCommentVNode("",!0)]}))],16)],16,h)},p}(primevue.icons.check,primevue.utils,primevue.basecomponent,primevue.checkbox.style,Vue);

package/checkbox/style/checkboxstyle.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-checkbox {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-checkbox-input {\n        cursor: pointer;\n    }\n\n    .p-checkbox-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var instance = _ref.instance,
       props = _ref.props;
     return ['p-checkbox 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-checkbox-box',
@@ -22,7 +23,6 @@ var classes = {
 };
 var CheckboxStyle = BaseStyle__default["default"].extend({
   name: 'checkbox',
-  css: css,
   classes: classes
 });
 

package/checkbox/style/checkboxstyle.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:"checkbox",css:"\n@layer primevue {\n    .p-checkbox {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-checkbox-input {\n        cursor: pointer;\n    }\n\n    .p-checkbox-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n}\n",classes:{root:function(e){return["p-checkbox p-component",{"p-highlight":e.instance.checked,"p-disabled":e.props.disabled}]},box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon"}});module.exports=n;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=e(require("primevue/base/style")).default.extend({name:"checkbox",classes:{root:function(e){var i=e.instance,t=e.props;return["p-checkbox p-component",{"p-highlight":i.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:"filled"===i.$primevue.config.inputStyle}]},box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon"}});module.exports=i;

package/checkbox/style/checkboxstyle.esm.js

@@ -1,13 +1,14 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-checkbox {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-checkbox-input {\n        cursor: pointer;\n    }\n\n    .p-checkbox-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var instance = _ref.instance,
       props = _ref.props;
     return ['p-checkbox 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-checkbox-box',
@@ -16,7 +17,6 @@ var classes = {
 };
 var CheckboxStyle = BaseStyle.extend({
   name: 'checkbox',
-  css: css,
   classes: classes
 });
 

package/checkbox/style/checkboxstyle.esm.min.js

@@ -1 +1 @@
-import e from"primevue/base/style";var n=e.extend({name:"checkbox",css:"\n@layer primevue {\n    .p-checkbox {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-checkbox-input {\n        cursor: pointer;\n    }\n\n    .p-checkbox-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n}\n",classes:{root:function(e){return["p-checkbox p-component",{"p-highlight":e.instance.checked,"p-disabled":e.props.disabled}]},box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon"}});export{n as default};
+import e from"primevue/base/style";var i=e.extend({name:"checkbox",classes:{root:function(e){var i=e.instance,n=e.props;return["p-checkbox p-component",{"p-highlight":i.checked,"p-disabled":n.disabled,"p-invalid":n.invalid,"p-variant-filled":n.variant?"filled"===n.variant:"filled"===i.$primevue.config.inputStyle}]},box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon"}});export{i as default};

package/checkbox/style/checkboxstyle.js

@@ -7,14 +7,15 @@ this.primevue.checkbox.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-checkbox {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-checkbox-input {\n        cursor: pointer;\n    }\n\n    .p-checkbox-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance,
           props = _ref.props;
         return ['p-checkbox 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-checkbox-box',
@@ -23,7 +24,6 @@ this.primevue.checkbox.style = (function (BaseStyle) {
     };
     var CheckboxStyle = BaseStyle__default["default"].extend({
       name: 'checkbox',
-      css: css,
       classes: classes
     });
 

package/checkbox/style/checkboxstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.checkbox=this.primevue.checkbox||{},this.primevue.checkbox.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:"checkbox",css:"\n@layer primevue {\n    .p-checkbox {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-checkbox-input {\n        cursor: pointer;\n    }\n\n    .p-checkbox-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n}\n",classes:{root:function(e){return["p-checkbox p-component",{"p-highlight":e.instance.checked,"p-disabled":e.props.disabled}]},box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon"}})}();
+this.primevue=this.primevue||{},this.primevue.checkbox=this.primevue.checkbox||{},this.primevue.checkbox.style=function(e){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return i(primevue.base.style).default.extend({name:"checkbox",classes:{root:function(e){var i=e.instance,t=e.props;return["p-checkbox p-component",{"p-highlight":i.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:"filled"===i.$primevue.config.inputStyle}]},box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon"}})}();

package/chip/Chip.vue

@@ -1,5 +1,5 @@
 <template>
-    <div v-if="visible" :class="cx('root')" :aria-label="label" v-bind="ptm('root')" data-pc-name="chip">
+    <div v-if="visible" :class="cx('root')" :aria-label="label" v-bind="ptm('root')">
         <slot>
             <img v-if="image" :src="image" v-bind="ptm('image')" />
             <component v-else-if="$slots.icon" :is="$slots.icon" :class="cx('icon')" v-bind="ptm('icon')" />

package/chip/chip.cjs.js

@@ -76,9 +76,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     "class": _ctx.cx('root'),
     "aria-label": _ctx.label
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "chip"
-  }), [vue.renderSlot(_ctx.$slots, "default", {}, function () {
+  }, _ctx.ptm('root')), [vue.renderSlot(_ctx.$slots, "default", {}, function () {
     return [_ctx.image ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({
       key: 0,
       src: _ctx.image

package/chip/chip.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/timescircle"),o=require("primevue/basecomponent"),n=require("primevue/chip/style"),l=require("vue");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=t(e),r={name:"Chip",extends:{name:"BaseChip",extends:t(o).default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:void 0}},style:t(n).default,provide:function(){return{$parentInstance:this}}},emits:["remove"],data:function(){return{visible:!0}},methods:{onKeydown:function(e){"Enter"!==e.key&&"Backspace"!==e.key||this.close(e)},close:function(e){this.visible=!1,this.$emit("remove",e)}},components:{TimesCircleIcon:c.default}},i=["aria-label"],a=["src"];r.render=function(e,o,n,t,c,r){return c.visible?(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:0,class:e.cx("root"),"aria-label":e.label},e.ptm("root"),{"data-pc-name":"chip"}),[l.renderSlot(e.$slots,"default",{},(function(){return[e.image?(l.openBlock(),l.createElementBlock("img",l.mergeProps({key:0,src:e.image},e.ptm("image")),null,16,a)):e.$slots.icon?(l.openBlock(),l.createBlock(l.resolveDynamicComponent(e.$slots.icon),l.mergeProps({key:1,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(l.openBlock(),l.createElementBlock("span",l.mergeProps({key:2,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):l.createCommentVNode("",!0),e.label?(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:3,class:e.cx("label")},e.ptm("label")),l.toDisplayString(e.label),17)):l.createCommentVNode("",!0)]})),e.removable?l.renderSlot(e.$slots,"removeicon",{key:0,onClick:r.close,onKeydown:r.onKeydown,removeCallback:r.close,keydownCallback:r.onKeydown},(function(){return[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(e.removeIcon?"span":"TimesCircleIcon"),l.mergeProps({tabindex:"0",class:[e.cx("removeIcon"),e.removeIcon],onClick:r.close,onKeydown:r.onKeydown},e.ptm("removeIcon")),null,16,["class","onClick","onKeydown"]))]})):l.createCommentVNode("",!0)],16,i)):l.createCommentVNode("",!0)},module.exports=r;
+"use strict";var e=require("primevue/icons/timescircle"),o=require("primevue/basecomponent"),n=require("primevue/chip/style"),l=require("vue");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=t(e),r={name:"Chip",extends:{name:"BaseChip",extends:t(o).default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:void 0}},style:t(n).default,provide:function(){return{$parentInstance:this}}},emits:["remove"],data:function(){return{visible:!0}},methods:{onKeydown:function(e){"Enter"!==e.key&&"Backspace"!==e.key||this.close(e)},close:function(e){this.visible=!1,this.$emit("remove",e)}},components:{TimesCircleIcon:c.default}},i=["aria-label"],a=["src"];r.render=function(e,o,n,t,c,r){return c.visible?(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:0,class:e.cx("root"),"aria-label":e.label},e.ptm("root")),[l.renderSlot(e.$slots,"default",{},(function(){return[e.image?(l.openBlock(),l.createElementBlock("img",l.mergeProps({key:0,src:e.image},e.ptm("image")),null,16,a)):e.$slots.icon?(l.openBlock(),l.createBlock(l.resolveDynamicComponent(e.$slots.icon),l.mergeProps({key:1,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(l.openBlock(),l.createElementBlock("span",l.mergeProps({key:2,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):l.createCommentVNode("",!0),e.label?(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:3,class:e.cx("label")},e.ptm("label")),l.toDisplayString(e.label),17)):l.createCommentVNode("",!0)]})),e.removable?l.renderSlot(e.$slots,"removeicon",{key:0,onClick:r.close,onKeydown:r.onKeydown,removeCallback:r.close,keydownCallback:r.onKeydown},(function(){return[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(e.removeIcon?"span":"TimesCircleIcon"),l.mergeProps({tabindex:"0",class:[e.cx("removeIcon"),e.removeIcon],onClick:r.close,onKeydown:r.onKeydown},e.ptm("removeIcon")),null,16,["class","onClick","onKeydown"]))]})):l.createCommentVNode("",!0)],16,i)):l.createCommentVNode("",!0)},module.exports=r;

package/chip/chip.esm.js

@@ -68,9 +68,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     "class": _ctx.cx('root'),
     "aria-label": _ctx.label
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "chip"
-  }), [renderSlot(_ctx.$slots, "default", {}, function () {
+  }, _ctx.ptm('root')), [renderSlot(_ctx.$slots, "default", {}, function () {
     return [_ctx.image ? (openBlock(), createElementBlock("img", mergeProps({
       key: 0,
       src: _ctx.image

package/chip/chip.esm.min.js

@@ -1 +1 @@
-import e from"primevue/icons/timescircle";import o from"primevue/basecomponent";import n from"primevue/chip/style";import{openBlock as l,createElementBlock as i,mergeProps as t,renderSlot as c,createBlock as a,resolveDynamicComponent as s,createCommentVNode as r,toDisplayString as m}from"vue";var p={name:"Chip",extends:{name:"BaseChip",extends:o,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:void 0}},style:n,provide:function(){return{$parentInstance:this}}},emits:["remove"],data:function(){return{visible:!0}},methods:{onKeydown:function(e){"Enter"!==e.key&&"Backspace"!==e.key||this.close(e)},close:function(e){this.visible=!1,this.$emit("remove",e)}},components:{TimesCircleIcon:e}},u=["aria-label"],d=["src"];p.render=function(e,o,n,p,v,y){return v.visible?(l(),i("div",t({key:0,class:e.cx("root"),"aria-label":e.label},e.ptm("root"),{"data-pc-name":"chip"}),[c(e.$slots,"default",{},(function(){return[e.image?(l(),i("img",t({key:0,src:e.image},e.ptm("image")),null,16,d)):e.$slots.icon?(l(),a(s(e.$slots.icon),t({key:1,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(l(),i("span",t({key:2,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):r("",!0),e.label?(l(),i("div",t({key:3,class:e.cx("label")},e.ptm("label")),m(e.label),17)):r("",!0)]})),e.removable?c(e.$slots,"removeicon",{key:0,onClick:y.close,onKeydown:y.onKeydown,removeCallback:y.close,keydownCallback:y.onKeydown},(function(){return[(l(),a(s(e.removeIcon?"span":"TimesCircleIcon"),t({tabindex:"0",class:[e.cx("removeIcon"),e.removeIcon],onClick:y.close,onKeydown:y.onKeydown},e.ptm("removeIcon")),null,16,["class","onClick","onKeydown"]))]})):r("",!0)],16,u)):r("",!0)};export{p as default};
+import e from"primevue/icons/timescircle";import o from"primevue/basecomponent";import n from"primevue/chip/style";import{openBlock as l,createElementBlock as i,mergeProps as t,renderSlot as c,createBlock as s,resolveDynamicComponent as r,createCommentVNode as a,toDisplayString as m}from"vue";var p={name:"Chip",extends:{name:"BaseChip",extends:o,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:void 0}},style:n,provide:function(){return{$parentInstance:this}}},emits:["remove"],data:function(){return{visible:!0}},methods:{onKeydown:function(e){"Enter"!==e.key&&"Backspace"!==e.key||this.close(e)},close:function(e){this.visible=!1,this.$emit("remove",e)}},components:{TimesCircleIcon:e}},u=["aria-label"],d=["src"];p.render=function(e,o,n,p,v,y){return v.visible?(l(),i("div",t({key:0,class:e.cx("root"),"aria-label":e.label},e.ptm("root")),[c(e.$slots,"default",{},(function(){return[e.image?(l(),i("img",t({key:0,src:e.image},e.ptm("image")),null,16,d)):e.$slots.icon?(l(),s(r(e.$slots.icon),t({key:1,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(l(),i("span",t({key:2,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):a("",!0),e.label?(l(),i("div",t({key:3,class:e.cx("label")},e.ptm("label")),m(e.label),17)):a("",!0)]})),e.removable?c(e.$slots,"removeicon",{key:0,onClick:y.close,onKeydown:y.onKeydown,removeCallback:y.close,keydownCallback:y.onKeydown},(function(){return[(l(),s(r(e.removeIcon?"span":"TimesCircleIcon"),t({tabindex:"0",class:[e.cx("removeIcon"),e.removeIcon],onClick:y.close,onKeydown:y.onKeydown},e.ptm("removeIcon")),null,16,["class","onClick","onKeydown"]))]})):a("",!0)],16,u)):a("",!0)};export{p as default};

package/chip/chip.js

@@ -73,9 +73,7 @@ this.primevue.chip = (function (TimesCircleIcon, BaseComponent, ChipStyle, vue)
         key: 0,
         "class": _ctx.cx('root'),
         "aria-label": _ctx.label
-      }, _ctx.ptm('root'), {
-        "data-pc-name": "chip"
-      }), [vue.renderSlot(_ctx.$slots, "default", {}, function () {
+      }, _ctx.ptm('root')), [vue.renderSlot(_ctx.$slots, "default", {}, function () {
         return [_ctx.image ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({
           key: 0,
           src: _ctx.image

package/chip/chip.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.chip=function(e,o,n,t){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),r={name:"Chip",extends:{name:"BaseChip",extends:l(o).default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:void 0}},style:l(n).default,provide:function(){return{$parentInstance:this}}},emits:["remove"],data:function(){return{visible:!0}},methods:{onKeydown:function(e){"Enter"!==e.key&&"Backspace"!==e.key||this.close(e)},close:function(e){this.visible=!1,this.$emit("remove",e)}},components:{TimesCircleIcon:c.default}},i=["aria-label"],a=["src"];return r.render=function(e,o,n,l,c,r){return c.visible?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:e.cx("root"),"aria-label":e.label},e.ptm("root"),{"data-pc-name":"chip"}),[t.renderSlot(e.$slots,"default",{},(function(){return[e.image?(t.openBlock(),t.createElementBlock("img",t.mergeProps({key:0,src:e.image},e.ptm("image")),null,16,a)):e.$slots.icon?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.icon),t.mergeProps({key:1,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:2,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):t.createCommentVNode("",!0),e.label?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:3,class:e.cx("label")},e.ptm("label")),t.toDisplayString(e.label),17)):t.createCommentVNode("",!0)]})),e.removable?t.renderSlot(e.$slots,"removeicon",{key:0,onClick:r.close,onKeydown:r.onKeydown,removeCallback:r.close,keydownCallback:r.onKeydown},(function(){return[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.removeIcon?"span":"TimesCircleIcon"),t.mergeProps({tabindex:"0",class:[e.cx("removeIcon"),e.removeIcon],onClick:r.close,onKeydown:r.onKeydown},e.ptm("removeIcon")),null,16,["class","onClick","onKeydown"]))]})):t.createCommentVNode("",!0)],16,i)):t.createCommentVNode("",!0)},r}(primevue.icons.timescircle,primevue.basecomponent,primevue.chip.style,Vue);
+this.primevue=this.primevue||{},this.primevue.chip=function(e,o,n,t){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),r={name:"Chip",extends:{name:"BaseChip",extends:l(o).default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:void 0}},style:l(n).default,provide:function(){return{$parentInstance:this}}},emits:["remove"],data:function(){return{visible:!0}},methods:{onKeydown:function(e){"Enter"!==e.key&&"Backspace"!==e.key||this.close(e)},close:function(e){this.visible=!1,this.$emit("remove",e)}},components:{TimesCircleIcon:c.default}},i=["aria-label"],a=["src"];return r.render=function(e,o,n,l,c,r){return c.visible?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:e.cx("root"),"aria-label":e.label},e.ptm("root")),[t.renderSlot(e.$slots,"default",{},(function(){return[e.image?(t.openBlock(),t.createElementBlock("img",t.mergeProps({key:0,src:e.image},e.ptm("image")),null,16,a)):e.$slots.icon?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.icon),t.mergeProps({key:1,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:2,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):t.createCommentVNode("",!0),e.label?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:3,class:e.cx("label")},e.ptm("label")),t.toDisplayString(e.label),17)):t.createCommentVNode("",!0)]})),e.removable?t.renderSlot(e.$slots,"removeicon",{key:0,onClick:r.close,onKeydown:r.onKeydown,removeCallback:r.close,keydownCallback:r.onKeydown},(function(){return[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.removeIcon?"span":"TimesCircleIcon"),t.mergeProps({tabindex:"0",class:[e.cx("removeIcon"),e.removeIcon],onClick:r.close,onKeydown:r.onKeydown},e.ptm("removeIcon")),null,16,["class","onClick","onKeydown"]))]})):t.createCommentVNode("",!0)],16,i)):t.createCommentVNode("",!0)},r}(primevue.icons.timescircle,primevue.basecomponent,primevue.chip.style,Vue);

package/chip/style/chipstyle.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-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-chip-text {\n        line-height: 1.5;\n    }\n\n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n\n    .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n\n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -20,7 +19,6 @@ var classes = {
 };
 var ChipStyle = BaseStyle__default["default"].extend({
   name: 'chip',
-  css: css,
   classes: classes
 });
 

package/chip/style/chipstyle.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:"chip",css:"\n@layer primevue {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-chip-text {\n        line-height: 1.5;\n    }\n\n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n\n    .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n\n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n",classes:{root:function(n){return["p-chip p-component",{"p-chip-image":null!=n.props.image}]},icon:"p-chip-icon",label:"p-chip-text",removeIcon:"p-chip-remove-icon"}});module.exports=e;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=e(require("primevue/base/style")).default.extend({name:"chip",classes:{root:function(e){return["p-chip p-component",{"p-chip-image":null!=e.props.image}]},icon:"p-chip-icon",label:"p-chip-text",removeIcon:"p-chip-remove-icon"}});module.exports=p;

package/chip/style/chipstyle.esm.js

@@ -1,6 +1,5 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-chip-text {\n        line-height: 1.5;\n    }\n\n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n\n    .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n\n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -14,7 +13,6 @@ var classes = {
 };
 var ChipStyle = BaseStyle.extend({
   name: 'chip',
-  css: css,
   classes: classes
 });