primevue 3.34.1 → 3.35.0

package/avatar/BaseAvatar.vue

@@ -3,34 +3,36 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 
 const styles = `
-.p-avatar {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 2rem;
-    height: 2rem;
-    font-size: 1rem;
-}
-
-.p-avatar.p-avatar-image {
-    background-color: transparent;
-}
-
-.p-avatar.p-avatar-circle {
-    border-radius: 50%;
-}
-
-.p-avatar-circle img {
-    border-radius: 50%;
-}
-
-.p-avatar .p-avatar-icon {
-    font-size: 1rem;
-}
-
-.p-avatar img {
-    width: 100%;
-    height: 100%;
+@layer primevue {
+    .p-avatar {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 2rem;
+        height: 2rem;
+        font-size: 1rem;
+    }
+    
+    .p-avatar.p-avatar-image {
+        background-color: transparent;
+    }
+    
+    .p-avatar.p-avatar-circle {
+        border-radius: 50%;
+    }
+    
+    .p-avatar-circle img {
+        border-radius: 50%;
+    }
+    
+    .p-avatar .p-avatar-icon {
+        font-size: 1rem;
+    }
+    
+    .p-avatar img {
+        width: 100%;
+        height: 100%;
+    }
 }
 `;
 

package/avatar/avatar.cjs.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-var styles = "\n.p-avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    font-size: 1rem;\n}\n\n.p-avatar.p-avatar-image {\n    background-color: transparent;\n}\n\n.p-avatar.p-avatar-circle {\n    border-radius: 50%;\n}\n\n.p-avatar-circle img {\n    border-radius: 50%;\n}\n\n.p-avatar .p-avatar-icon {\n    font-size: 1rem;\n}\n\n.p-avatar img {\n    width: 100%;\n    height: 100%;\n}\n";
+var styles = "\n@layer primevue {\n    .p-avatar {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 2rem;\n        height: 2rem;\n        font-size: 1rem;\n    }\n    \n    .p-avatar.p-avatar-image {\n        background-color: transparent;\n    }\n    \n    .p-avatar.p-avatar-circle {\n        border-radius: 50%;\n    }\n    \n    .p-avatar-circle img {\n        border-radius: 50%;\n    }\n    \n    .p-avatar .p-avatar-icon {\n        font-size: 1rem;\n    }\n    \n    .p-avatar img {\n        width: 100%;\n        height: 100%;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;

package/avatar/avatar.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),a=require("primevue/usestyle"),n=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=r(e),l=a.useStyle("\n.p-avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    font-size: 1rem;\n}\n\n.p-avatar.p-avatar-image {\n    background-color: transparent;\n}\n\n.p-avatar.p-avatar-circle {\n    border-radius: 50%;\n}\n\n.p-avatar-circle img {\n    border-radius: 50%;\n}\n\n.p-avatar .p-avatar-icon {\n    font-size: 1rem;\n}\n\n.p-avatar img {\n    width: 100%;\n    height: 100%;\n}\n",{name:"avatar",manual:!0}),o={name:"Avatar",extends:{name:"BaseAvatar",extends:t.default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var a=e.props;return["p-avatar p-component",{"p-avatar-image":null!=a.image,"p-avatar-circle":"circle"===a.shape,"p-avatar-lg":"large"===a.size,"p-avatar-xl":"xlarge"===a.size}]},label:"p-avatar-text",icon:"p-avatar-icon"},loadStyle:l.load},provide:function(){return{$parentInstance:this}}},emits:["error"],methods:{onError:function(e){this.$emit("error",e)},getPTOptions:function(e){return this.ptm(e,{parent:{instance:this.$parent}})}}},i=["aria-labelledby","aria-label"],s=["src","alt"];o.render=function(e,a,r,t,l,o){return n.openBlock(),n.createElementBlock("div",n.mergeProps({class:e.cx("root"),"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},o.getPTOptions("root"),{"data-pc-name":"avatar"}),[n.renderSlot(e.$slots,"default",{},(function(){return[e.label?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:0,class:e.cx("label")},o.getPTOptions("label")),n.toDisplayString(e.label),17)):e.$slots.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.icon),{key:1,class:n.normalizeClass(e.cx("icon"))},null,8,["class"])):e.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:2,class:[e.cx("icon"),e.icon]},o.getPTOptions("icon")),null,16)):e.image?(n.openBlock(),n.createElementBlock("img",n.mergeProps({key:3,src:e.image,alt:e.ariaLabel,onError:a[0]||(a[0]=function(){return o.onError&&o.onError.apply(o,arguments)})},o.getPTOptions("image")),null,16,s)):n.createCommentVNode("",!0)]}))],16,i)},module.exports=o;
+"use strict";var e=require("primevue/basecomponent"),a=require("primevue/usestyle"),n=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=r(e),l=a.useStyle("\n@layer primevue {\n    .p-avatar {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 2rem;\n        height: 2rem;\n        font-size: 1rem;\n    }\n    \n    .p-avatar.p-avatar-image {\n        background-color: transparent;\n    }\n    \n    .p-avatar.p-avatar-circle {\n        border-radius: 50%;\n    }\n    \n    .p-avatar-circle img {\n        border-radius: 50%;\n    }\n    \n    .p-avatar .p-avatar-icon {\n        font-size: 1rem;\n    }\n    \n    .p-avatar img {\n        width: 100%;\n        height: 100%;\n    }\n}\n",{name:"avatar",manual:!0}),o={name:"Avatar",extends:{name:"BaseAvatar",extends:t.default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var a=e.props;return["p-avatar p-component",{"p-avatar-image":null!=a.image,"p-avatar-circle":"circle"===a.shape,"p-avatar-lg":"large"===a.size,"p-avatar-xl":"xlarge"===a.size}]},label:"p-avatar-text",icon:"p-avatar-icon"},loadStyle:l.load},provide:function(){return{$parentInstance:this}}},emits:["error"],methods:{onError:function(e){this.$emit("error",e)},getPTOptions:function(e){return this.ptm(e,{parent:{instance:this.$parent}})}}},i=["aria-labelledby","aria-label"],s=["src","alt"];o.render=function(e,a,r,t,l,o){return n.openBlock(),n.createElementBlock("div",n.mergeProps({class:e.cx("root"),"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},o.getPTOptions("root"),{"data-pc-name":"avatar"}),[n.renderSlot(e.$slots,"default",{},(function(){return[e.label?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:0,class:e.cx("label")},o.getPTOptions("label")),n.toDisplayString(e.label),17)):e.$slots.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.icon),{key:1,class:n.normalizeClass(e.cx("icon"))},null,8,["class"])):e.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:2,class:[e.cx("icon"),e.icon]},o.getPTOptions("icon")),null,16)):e.image?(n.openBlock(),n.createElementBlock("img",n.mergeProps({key:3,src:e.image,alt:e.ariaLabel,onError:a[0]||(a[0]=function(){return o.onError&&o.onError.apply(o,arguments)})},o.getPTOptions("image")),null,16,s)):n.createCommentVNode("",!0)]}))],16,i)},module.exports=o;

package/avatar/avatar.esm.js

@@ -2,7 +2,7 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 import { openBlock, createElementBlock, mergeProps, renderSlot, toDisplayString, createBlock, resolveDynamicComponent, normalizeClass, createCommentVNode } from 'vue';
 
-var styles = "\n.p-avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    font-size: 1rem;\n}\n\n.p-avatar.p-avatar-image {\n    background-color: transparent;\n}\n\n.p-avatar.p-avatar-circle {\n    border-radius: 50%;\n}\n\n.p-avatar-circle img {\n    border-radius: 50%;\n}\n\n.p-avatar .p-avatar-icon {\n    font-size: 1rem;\n}\n\n.p-avatar img {\n    width: 100%;\n    height: 100%;\n}\n";
+var styles = "\n@layer primevue {\n    .p-avatar {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 2rem;\n        height: 2rem;\n        font-size: 1rem;\n    }\n    \n    .p-avatar.p-avatar-image {\n        background-color: transparent;\n    }\n    \n    .p-avatar.p-avatar-circle {\n        border-radius: 50%;\n    }\n    \n    .p-avatar-circle img {\n        border-radius: 50%;\n    }\n    \n    .p-avatar .p-avatar-icon {\n        font-size: 1rem;\n    }\n    \n    .p-avatar img {\n        width: 100%;\n        height: 100%;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;

package/avatar/avatar.esm.min.js

@@ -1 +1 @@
-import a from"primevue/basecomponent";import{useStyle as e}from"primevue/usestyle";import{openBlock as n,createElementBlock as r,mergeProps as t,renderSlot as l,toDisplayString as i,createBlock as o,resolveDynamicComponent as s,normalizeClass as p,createCommentVNode as c}from"vue";var u=e("\n.p-avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    font-size: 1rem;\n}\n\n.p-avatar.p-avatar-image {\n    background-color: transparent;\n}\n\n.p-avatar.p-avatar-circle {\n    border-radius: 50%;\n}\n\n.p-avatar-circle img {\n    border-radius: 50%;\n}\n\n.p-avatar .p-avatar-icon {\n    font-size: 1rem;\n}\n\n.p-avatar img {\n    width: 100%;\n    height: 100%;\n}\n",{name:"avatar",manual:!0}),m={name:"Avatar",extends:{name:"BaseAvatar",extends:a,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(a){var e=a.props;return["p-avatar p-component",{"p-avatar-image":null!=e.image,"p-avatar-circle":"circle"===e.shape,"p-avatar-lg":"large"===e.size,"p-avatar-xl":"xlarge"===e.size}]},label:"p-avatar-text",icon:"p-avatar-icon"},loadStyle:u.load},provide:function(){return{$parentInstance:this}}},emits:["error"],methods:{onError:function(a){this.$emit("error",a)},getPTOptions:function(a){return this.ptm(a,{parent:{instance:this.$parent}})}}},d=["aria-labelledby","aria-label"],g=["src","alt"];m.render=function(a,e,u,m,v,b){return n(),r("div",t({class:a.cx("root"),"aria-labelledby":a.ariaLabelledby,"aria-label":a.ariaLabel},b.getPTOptions("root"),{"data-pc-name":"avatar"}),[l(a.$slots,"default",{},(function(){return[a.label?(n(),r("span",t({key:0,class:a.cx("label")},b.getPTOptions("label")),i(a.label),17)):a.$slots.icon?(n(),o(s(a.$slots.icon),{key:1,class:p(a.cx("icon"))},null,8,["class"])):a.icon?(n(),r("span",t({key:2,class:[a.cx("icon"),a.icon]},b.getPTOptions("icon")),null,16)):a.image?(n(),r("img",t({key:3,src:a.image,alt:a.ariaLabel,onError:e[0]||(e[0]=function(){return b.onError&&b.onError.apply(b,arguments)})},b.getPTOptions("image")),null,16,g)):c("",!0)]}))],16,d)};export{m as default};
+import a from"primevue/basecomponent";import{useStyle as e}from"primevue/usestyle";import{openBlock as n,createElementBlock as r,mergeProps as t,renderSlot as l,toDisplayString as i,createBlock as o,resolveDynamicComponent as s,normalizeClass as p,createCommentVNode as c}from"vue";var u=e("\n@layer primevue {\n    .p-avatar {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 2rem;\n        height: 2rem;\n        font-size: 1rem;\n    }\n    \n    .p-avatar.p-avatar-image {\n        background-color: transparent;\n    }\n    \n    .p-avatar.p-avatar-circle {\n        border-radius: 50%;\n    }\n    \n    .p-avatar-circle img {\n        border-radius: 50%;\n    }\n    \n    .p-avatar .p-avatar-icon {\n        font-size: 1rem;\n    }\n    \n    .p-avatar img {\n        width: 100%;\n        height: 100%;\n    }\n}\n",{name:"avatar",manual:!0}),m={name:"Avatar",extends:{name:"BaseAvatar",extends:a,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(a){var e=a.props;return["p-avatar p-component",{"p-avatar-image":null!=e.image,"p-avatar-circle":"circle"===e.shape,"p-avatar-lg":"large"===e.size,"p-avatar-xl":"xlarge"===e.size}]},label:"p-avatar-text",icon:"p-avatar-icon"},loadStyle:u.load},provide:function(){return{$parentInstance:this}}},emits:["error"],methods:{onError:function(a){this.$emit("error",a)},getPTOptions:function(a){return this.ptm(a,{parent:{instance:this.$parent}})}}},d=["aria-labelledby","aria-label"],g=["src","alt"];m.render=function(a,e,u,m,v,b){return n(),r("div",t({class:a.cx("root"),"aria-labelledby":a.ariaLabelledby,"aria-label":a.ariaLabel},b.getPTOptions("root"),{"data-pc-name":"avatar"}),[l(a.$slots,"default",{},(function(){return[a.label?(n(),r("span",t({key:0,class:a.cx("label")},b.getPTOptions("label")),i(a.label),17)):a.$slots.icon?(n(),o(s(a.$slots.icon),{key:1,class:p(a.cx("icon"))},null,8,["class"])):a.icon?(n(),r("span",t({key:2,class:[a.cx("icon"),a.icon]},b.getPTOptions("icon")),null,16)):a.image?(n(),r("img",t({key:3,src:a.image,alt:a.ariaLabel,onError:e[0]||(e[0]=function(){return b.onError&&b.onError.apply(b,arguments)})},b.getPTOptions("image")),null,16,g)):c("",!0)]}))],16,d)};export{m as default};

package/avatar/avatar.js

@@ -6,7 +6,7 @@ this.primevue.avatar = (function (BaseComponent, usestyle, vue) {
 
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\n.p-avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    font-size: 1rem;\n}\n\n.p-avatar.p-avatar-image {\n    background-color: transparent;\n}\n\n.p-avatar.p-avatar-circle {\n    border-radius: 50%;\n}\n\n.p-avatar-circle img {\n    border-radius: 50%;\n}\n\n.p-avatar .p-avatar-icon {\n    font-size: 1rem;\n}\n\n.p-avatar img {\n    width: 100%;\n    height: 100%;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-avatar {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 2rem;\n        height: 2rem;\n        font-size: 1rem;\n    }\n    \n    .p-avatar.p-avatar-image {\n        background-color: transparent;\n    }\n    \n    .p-avatar.p-avatar-circle {\n        border-radius: 50%;\n    }\n    \n    .p-avatar-circle img {\n        border-radius: 50%;\n    }\n    \n    .p-avatar .p-avatar-icon {\n        font-size: 1rem;\n    }\n    \n    .p-avatar img {\n        width: 100%;\n        height: 100%;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;

package/avatar/avatar.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.avatar=function(e,a,n){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(e),l=a.useStyle("\n.p-avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    font-size: 1rem;\n}\n\n.p-avatar.p-avatar-image {\n    background-color: transparent;\n}\n\n.p-avatar.p-avatar-circle {\n    border-radius: 50%;\n}\n\n.p-avatar-circle img {\n    border-radius: 50%;\n}\n\n.p-avatar .p-avatar-icon {\n    font-size: 1rem;\n}\n\n.p-avatar img {\n    width: 100%;\n    height: 100%;\n}\n",{name:"avatar",manual:!0}),i={name:"Avatar",extends:{name:"BaseAvatar",extends:r.default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var a=e.props;return["p-avatar p-component",{"p-avatar-image":null!=a.image,"p-avatar-circle":"circle"===a.shape,"p-avatar-lg":"large"===a.size,"p-avatar-xl":"xlarge"===a.size}]},label:"p-avatar-text",icon:"p-avatar-icon"},loadStyle:l.load},provide:function(){return{$parentInstance:this}}},emits:["error"],methods:{onError:function(e){this.$emit("error",e)},getPTOptions:function(e){return this.ptm(e,{parent:{instance:this.$parent}})}}},o=["aria-labelledby","aria-label"],s=["src","alt"];return i.render=function(e,a,t,r,l,i){return n.openBlock(),n.createElementBlock("div",n.mergeProps({class:e.cx("root"),"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},i.getPTOptions("root"),{"data-pc-name":"avatar"}),[n.renderSlot(e.$slots,"default",{},(function(){return[e.label?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:0,class:e.cx("label")},i.getPTOptions("label")),n.toDisplayString(e.label),17)):e.$slots.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.icon),{key:1,class:n.normalizeClass(e.cx("icon"))},null,8,["class"])):e.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:2,class:[e.cx("icon"),e.icon]},i.getPTOptions("icon")),null,16)):e.image?(n.openBlock(),n.createElementBlock("img",n.mergeProps({key:3,src:e.image,alt:e.ariaLabel,onError:a[0]||(a[0]=function(){return i.onError&&i.onError.apply(i,arguments)})},i.getPTOptions("image")),null,16,s)):n.createCommentVNode("",!0)]}))],16,o)},i}(primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.avatar=function(e,a,n){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(e),l=a.useStyle("\n@layer primevue {\n    .p-avatar {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 2rem;\n        height: 2rem;\n        font-size: 1rem;\n    }\n    \n    .p-avatar.p-avatar-image {\n        background-color: transparent;\n    }\n    \n    .p-avatar.p-avatar-circle {\n        border-radius: 50%;\n    }\n    \n    .p-avatar-circle img {\n        border-radius: 50%;\n    }\n    \n    .p-avatar .p-avatar-icon {\n        font-size: 1rem;\n    }\n    \n    .p-avatar img {\n        width: 100%;\n        height: 100%;\n    }\n}\n",{name:"avatar",manual:!0}),i={name:"Avatar",extends:{name:"BaseAvatar",extends:r.default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var a=e.props;return["p-avatar p-component",{"p-avatar-image":null!=a.image,"p-avatar-circle":"circle"===a.shape,"p-avatar-lg":"large"===a.size,"p-avatar-xl":"xlarge"===a.size}]},label:"p-avatar-text",icon:"p-avatar-icon"},loadStyle:l.load},provide:function(){return{$parentInstance:this}}},emits:["error"],methods:{onError:function(e){this.$emit("error",e)},getPTOptions:function(e){return this.ptm(e,{parent:{instance:this.$parent}})}}},o=["aria-labelledby","aria-label"],s=["src","alt"];return i.render=function(e,a,t,r,l,i){return n.openBlock(),n.createElementBlock("div",n.mergeProps({class:e.cx("root"),"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},i.getPTOptions("root"),{"data-pc-name":"avatar"}),[n.renderSlot(e.$slots,"default",{},(function(){return[e.label?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:0,class:e.cx("label")},i.getPTOptions("label")),n.toDisplayString(e.label),17)):e.$slots.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.icon),{key:1,class:n.normalizeClass(e.cx("icon"))},null,8,["class"])):e.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:2,class:[e.cx("icon"),e.icon]},i.getPTOptions("icon")),null,16)):e.image?(n.openBlock(),n.createElementBlock("img",n.mergeProps({key:3,src:e.image,alt:e.ariaLabel,onError:a[0]||(a[0]=function(){return i.onError&&i.onError.apply(i,arguments)})},i.getPTOptions("image")),null,16,s)):n.createCommentVNode("",!0)]}))],16,o)},i}(primevue.basecomponent,primevue.usestyle,Vue);

package/avatargroup/BaseAvatarGroup.vue

@@ -3,13 +3,15 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 
 const styles = `
-.p-avatar-group .p-avatar + .p-avatar {
-    margin-left: -1rem;
-}
-
-.p-avatar-group {
-    display: flex;
-    align-items: center;
+@layer primevue {
+    .p-avatar-group .p-avatar + .p-avatar {
+        margin-left: -1rem;
+    }
+    
+    .p-avatar-group {
+        display: flex;
+        align-items: center;
+    }
 }
 `;
 

package/avatargroup/avatargroup.cjs.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-var styles = "\n.p-avatar-group .p-avatar + .p-avatar {\n    margin-left: -1rem;\n}\n\n.p-avatar-group {\n    display: flex;\n    align-items: center;\n}\n";
+var styles = "\n@layer primevue {\n    .p-avatar-group .p-avatar + .p-avatar {\n        margin-left: -1rem;\n    }\n    \n    .p-avatar-group {\n        display: flex;\n        align-items: center;\n    }\n}\n";
 var classes = {
   root: 'p-avatar-group p-component'
 };

package/avatargroup/avatargroup.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),a=require("primevue/usestyle"),r=require("vue");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e),o=a.useStyle("\n.p-avatar-group .p-avatar + .p-avatar {\n    margin-left: -1rem;\n}\n\n.p-avatar-group {\n    display: flex;\n    align-items: center;\n}\n",{name:"avatargroup",manual:!0}),u={name:"AvatarGroup",extends:{name:"BaseAvatarGroup",extends:n.default,css:{classes:{root:"p-avatar-group p-component"},loadStyle:o.load},provide:function(){return{$parentInstance:this}}}};u.render=function(e,a,t,n,o,u){return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"avatargroup"}),[r.renderSlot(e.$slots,"default")],16)},module.exports=u;
+"use strict";var e=require("primevue/basecomponent"),a=require("primevue/usestyle"),r=require("vue");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e),o=a.useStyle("\n@layer primevue {\n    .p-avatar-group .p-avatar + .p-avatar {\n        margin-left: -1rem;\n    }\n    \n    .p-avatar-group {\n        display: flex;\n        align-items: center;\n    }\n}\n",{name:"avatargroup",manual:!0}),u={name:"AvatarGroup",extends:{name:"BaseAvatarGroup",extends:n.default,css:{classes:{root:"p-avatar-group p-component"},loadStyle:o.load},provide:function(){return{$parentInstance:this}}}};u.render=function(e,a,t,n,o,u){return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"avatargroup"}),[r.renderSlot(e.$slots,"default")],16)},module.exports=u;

package/avatargroup/avatargroup.esm.js

@@ -2,7 +2,7 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
 
-var styles = "\n.p-avatar-group .p-avatar + .p-avatar {\n    margin-left: -1rem;\n}\n\n.p-avatar-group {\n    display: flex;\n    align-items: center;\n}\n";
+var styles = "\n@layer primevue {\n    .p-avatar-group .p-avatar + .p-avatar {\n        margin-left: -1rem;\n    }\n    \n    .p-avatar-group {\n        display: flex;\n        align-items: center;\n    }\n}\n";
 var classes = {
   root: 'p-avatar-group p-component'
 };

package/avatargroup/avatargroup.esm.min.js

@@ -1 +1 @@
-import a from"primevue/basecomponent";import{useStyle as r}from"primevue/usestyle";import{openBlock as e,createElementBlock as t,mergeProps as n,renderSlot as o}from"vue";var p={name:"AvatarGroup",extends:{name:"BaseAvatarGroup",extends:a,css:{classes:{root:"p-avatar-group p-component"},loadStyle:r("\n.p-avatar-group .p-avatar + .p-avatar {\n    margin-left: -1rem;\n}\n\n.p-avatar-group {\n    display: flex;\n    align-items: center;\n}\n",{name:"avatargroup",manual:!0}).load},provide:function(){return{$parentInstance:this}}}};p.render=function(a,r,p,s,m,u){return e(),t("div",n({class:a.cx("root")},a.ptm("root"),{"data-pc-name":"avatargroup"}),[o(a.$slots,"default")],16)};export{p as default};
+import a from"primevue/basecomponent";import{useStyle as r}from"primevue/usestyle";import{openBlock as e,createElementBlock as t,mergeProps as n,renderSlot as o}from"vue";var p={name:"AvatarGroup",extends:{name:"BaseAvatarGroup",extends:a,css:{classes:{root:"p-avatar-group p-component"},loadStyle:r("\n@layer primevue {\n    .p-avatar-group .p-avatar + .p-avatar {\n        margin-left: -1rem;\n    }\n    \n    .p-avatar-group {\n        display: flex;\n        align-items: center;\n    }\n}\n",{name:"avatargroup",manual:!0}).load},provide:function(){return{$parentInstance:this}}}};p.render=function(a,r,p,m,s,u){return e(),t("div",n({class:a.cx("root")},a.ptm("root"),{"data-pc-name":"avatargroup"}),[o(a.$slots,"default")],16)};export{p as default};

package/avatargroup/avatargroup.js

@@ -6,7 +6,7 @@ this.primevue.avatargroup = (function (BaseComponent, usestyle, vue) {
 
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\n.p-avatar-group .p-avatar + .p-avatar {\n    margin-left: -1rem;\n}\n\n.p-avatar-group {\n    display: flex;\n    align-items: center;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-avatar-group .p-avatar + .p-avatar {\n        margin-left: -1rem;\n    }\n    \n    .p-avatar-group {\n        display: flex;\n        align-items: center;\n    }\n}\n";
     var classes = {
       root: 'p-avatar-group p-component'
     };

package/avatargroup/avatargroup.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.avatargroup=function(e,a,t){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e),o=a.useStyle("\n.p-avatar-group .p-avatar + .p-avatar {\n    margin-left: -1rem;\n}\n\n.p-avatar-group {\n    display: flex;\n    align-items: center;\n}\n",{name:"avatargroup",manual:!0}),u={name:"AvatarGroup",extends:{name:"BaseAvatarGroup",extends:n.default,css:{classes:{root:"p-avatar-group p-component"},loadStyle:o.load},provide:function(){return{$parentInstance:this}}}};return u.render=function(e,a,r,n,o,u){return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"avatargroup"}),[t.renderSlot(e.$slots,"default")],16)},u}(primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.avatargroup=function(e,a,t){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e),o=a.useStyle("\n@layer primevue {\n    .p-avatar-group .p-avatar + .p-avatar {\n        margin-left: -1rem;\n    }\n    \n    .p-avatar-group {\n        display: flex;\n        align-items: center;\n    }\n}\n",{name:"avatargroup",manual:!0}),u={name:"AvatarGroup",extends:{name:"BaseAvatarGroup",extends:n.default,css:{classes:{root:"p-avatar-group p-component"},loadStyle:o.load},provide:function(){return{$parentInstance:this}}}};return u.render=function(e,a,r,n,o,u){return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"avatargroup"}),[t.renderSlot(e.$slots,"default")],16)},u}(primevue.basecomponent,primevue.usestyle,Vue);

package/badge/BaseBadge.vue

@@ -4,37 +4,39 @@ import { useStyle } from 'primevue/usestyle';
 import { ObjectUtils } from 'primevue/utils';
 
 const styles = `
-.p-badge {
-    display: inline-block;
-    border-radius: 10px;
-    text-align: center;
-    padding: 0 .5rem;
-}
-
-.p-overlay-badge {
-    position: relative;
-}
-
-.p-overlay-badge .p-badge {
-    position: absolute;
-    top: 0;
-    right: 0;
-    transform: translate(50%,-50%);
-    transform-origin: 100% 0;
-    margin: 0;
-}
-
-.p-badge-dot {
-    width: .5rem;
-    min-width: .5rem;
-    height: .5rem;
-    border-radius: 50%;
-    padding: 0;
-}
-
-.p-badge-no-gutter {
-    padding: 0;
-    border-radius: 50%;
+@layer primevue {
+    .p-badge {
+        display: inline-block;
+        border-radius: 10px;
+        text-align: center;
+        padding: 0 .5rem;
+    }
+    
+    .p-overlay-badge {
+        position: relative;
+    }
+    
+    .p-overlay-badge .p-badge {
+        position: absolute;
+        top: 0;
+        right: 0;
+        transform: translate(50%,-50%);
+        transform-origin: 100% 0;
+        margin: 0;
+    }
+    
+    .p-badge-dot {
+        width: .5rem;
+        min-width: .5rem;
+        height: .5rem;
+        border-radius: 50%;
+        padding: 0;
+    }
+    
+    .p-badge-no-gutter {
+        padding: 0;
+        border-radius: 50%;
+    }
 }
 `;
 

package/badge/badge.cjs.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-var styles = "\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n";
+var styles = "\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props,

package/badge/badge.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),n=require("primevue/usestyle"),t=require("primevue/utils"),r=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),s={root:function(e){var n=e.props,r=e.instance;return["p-badge p-component",{"p-badge-no-gutter":t.ObjectUtils.isNotEmpty(n.value)&&1===String(n.value).length,"p-badge-dot":t.ObjectUtils.isEmpty(n.value)&&!r.$slots.default,"p-badge-lg":"large"===n.size,"p-badge-xl":"xlarge"===n.size,"p-badge-info":"info"===n.severity,"p-badge-success":"success"===n.severity,"p-badge-warning":"warning"===n.severity,"p-badge-danger":"danger"===n.severity}]}},d=n.useStyle("\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n",{name:"badge",manual:!0}),o={name:"Badge",extends:{name:"BaseBadge",extends:i.default,props:{value:{type:[String,Number],default:null},severity:{type:String,default:null},size:{type:String,default:null}},css:{classes:s,loadStyle:d.load},provide:function(){return{$parentInstance:this}}}};o.render=function(e,n,t,a,i,s){return r.openBlock(),r.createElementBlock("span",r.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"badge"}),[r.renderSlot(e.$slots,"default",{},(function(){return[r.createTextVNode(r.toDisplayString(e.value),1)]}))],16)},module.exports=o;
+"use strict";var e=require("primevue/basecomponent"),n=require("primevue/usestyle"),t=require("primevue/utils"),r=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),s={root:function(e){var n=e.props,r=e.instance;return["p-badge p-component",{"p-badge-no-gutter":t.ObjectUtils.isNotEmpty(n.value)&&1===String(n.value).length,"p-badge-dot":t.ObjectUtils.isEmpty(n.value)&&!r.$slots.default,"p-badge-lg":"large"===n.size,"p-badge-xl":"xlarge"===n.size,"p-badge-info":"info"===n.severity,"p-badge-success":"success"===n.severity,"p-badge-warning":"warning"===n.severity,"p-badge-danger":"danger"===n.severity}]}},d=n.useStyle("\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n",{name:"badge",manual:!0}),o={name:"Badge",extends:{name:"BaseBadge",extends:i.default,props:{value:{type:[String,Number],default:null},severity:{type:String,default:null},size:{type:String,default:null}},css:{classes:s,loadStyle:d.load},provide:function(){return{$parentInstance:this}}}};o.render=function(e,n,t,a,i,s){return r.openBlock(),r.createElementBlock("span",r.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"badge"}),[r.renderSlot(e.$slots,"default",{},(function(){return[r.createTextVNode(r.toDisplayString(e.value),1)]}))],16)},module.exports=o;

package/badge/badge.esm.js

@@ -3,7 +3,7 @@ import { useStyle } from 'primevue/usestyle';
 import { ObjectUtils } from 'primevue/utils';
 import { openBlock, createElementBlock, mergeProps, renderSlot, createTextVNode, toDisplayString } from 'vue';
 
-var styles = "\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n";
+var styles = "\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props,

package/badge/badge.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import{ObjectUtils as t}from"primevue/utils";import{openBlock as a,createElementBlock as r,mergeProps as i,renderSlot as o,createTextVNode as d,toDisplayString as s}from"vue";var p={root:function(e){var n=e.props,a=e.instance;return["p-badge p-component",{"p-badge-no-gutter":t.isNotEmpty(n.value)&&1===String(n.value).length,"p-badge-dot":t.isEmpty(n.value)&&!a.$slots.default,"p-badge-lg":"large"===n.size,"p-badge-xl":"xlarge"===n.size,"p-badge-info":"info"===n.severity,"p-badge-success":"success"===n.severity,"p-badge-warning":"warning"===n.severity,"p-badge-danger":"danger"===n.severity}]}},g=n("\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n",{name:"badge",manual:!0}),l={name:"Badge",extends:{name:"BaseBadge",extends:e,props:{value:{type:[String,Number],default:null},severity:{type:String,default:null},size:{type:String,default:null}},css:{classes:p,loadStyle:g.load},provide:function(){return{$parentInstance:this}}}};l.render=function(e,n,t,p,g,l){return a(),r("span",i({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"badge"}),[o(e.$slots,"default",{},(function(){return[d(s(e.value),1)]}))],16)};export{l as default};
+import e from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import{ObjectUtils as r}from"primevue/utils";import{openBlock as a,createElementBlock as t,mergeProps as i,renderSlot as o,createTextVNode as d,toDisplayString as s}from"vue";var p={root:function(e){var n=e.props,a=e.instance;return["p-badge p-component",{"p-badge-no-gutter":r.isNotEmpty(n.value)&&1===String(n.value).length,"p-badge-dot":r.isEmpty(n.value)&&!a.$slots.default,"p-badge-lg":"large"===n.size,"p-badge-xl":"xlarge"===n.size,"p-badge-info":"info"===n.severity,"p-badge-success":"success"===n.severity,"p-badge-warning":"warning"===n.severity,"p-badge-danger":"danger"===n.severity}]}},l=n("\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n",{name:"badge",manual:!0}),g={name:"Badge",extends:{name:"BaseBadge",extends:e,props:{value:{type:[String,Number],default:null},severity:{type:String,default:null},size:{type:String,default:null}},css:{classes:p,loadStyle:l.load},provide:function(){return{$parentInstance:this}}}};g.render=function(e,n,r,p,l,g){return a(),t("span",i({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"badge"}),[o(e.$slots,"default",{},(function(){return[d(s(e.value),1)]}))],16)};export{g as default};

package/badge/badge.js

@@ -6,7 +6,7 @@ this.primevue.badge = (function (BaseComponent, usestyle, utils, vue) {
 
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props,

package/badge/badge.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.badge=function(e,n,t,r){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),s={root:function(e){var n=e.props,r=e.instance;return["p-badge p-component",{"p-badge-no-gutter":t.ObjectUtils.isNotEmpty(n.value)&&1===String(n.value).length,"p-badge-dot":t.ObjectUtils.isEmpty(n.value)&&!r.$slots.default,"p-badge-lg":"large"===n.size,"p-badge-xl":"xlarge"===n.size,"p-badge-info":"info"===n.severity,"p-badge-success":"success"===n.severity,"p-badge-warning":"warning"===n.severity,"p-badge-danger":"danger"===n.severity}]}},d=n.useStyle("\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n",{name:"badge",manual:!0}),o={name:"Badge",extends:{name:"BaseBadge",extends:i.default,props:{value:{type:[String,Number],default:null},severity:{type:String,default:null},size:{type:String,default:null}},css:{classes:s,loadStyle:d.load},provide:function(){return{$parentInstance:this}}}};return o.render=function(e,n,t,a,i,s){return r.openBlock(),r.createElementBlock("span",r.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"badge"}),[r.renderSlot(e.$slots,"default",{},(function(){return[r.createTextVNode(r.toDisplayString(e.value),1)]}))],16)},o}(primevue.basecomponent,primevue.usestyle,primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.badge=function(e,n,t,r){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),s={root:function(e){var n=e.props,r=e.instance;return["p-badge p-component",{"p-badge-no-gutter":t.ObjectUtils.isNotEmpty(n.value)&&1===String(n.value).length,"p-badge-dot":t.ObjectUtils.isEmpty(n.value)&&!r.$slots.default,"p-badge-lg":"large"===n.size,"p-badge-xl":"xlarge"===n.size,"p-badge-info":"info"===n.severity,"p-badge-success":"success"===n.severity,"p-badge-warning":"warning"===n.severity,"p-badge-danger":"danger"===n.severity}]}},d=n.useStyle("\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n",{name:"badge",manual:!0}),o={name:"Badge",extends:{name:"BaseBadge",extends:i.default,props:{value:{type:[String,Number],default:null},severity:{type:String,default:null},size:{type:String,default:null}},css:{classes:s,loadStyle:d.load},provide:function(){return{$parentInstance:this}}}};return o.render=function(e,n,t,a,i,s){return r.openBlock(),r.createElementBlock("span",r.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"badge"}),[r.renderSlot(e.$slots,"default",{},(function(){return[r.createTextVNode(r.toDisplayString(e.value),1)]}))],16)},o}(primevue.basecomponent,primevue.usestyle,primevue.utils,Vue);

package/badgedirective/badgedirective.cjs.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseDirective__default = /*#__PURE__*/_interopDefaultLegacy(BaseDirective);
 
-var styles = "\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n";
+var styles = "\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n\n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n";
 var classes = {
   root: 'p-badge p-component'
 };

package/badgedirective/badgedirective.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/basedirective"),n=require("primevue/usestyle");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t),o=n.useStyle("\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n",{name:"badge",manual:!0});function d(e){return d="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},d(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){var t=b(e,"string");return"symbol"===d(t)?t:String(t)}function b(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var p=a.default.extend({css:{classes:{root:"p-badge p-component"},loadStyle:o.load}}).extend("badge",{mounted:function(t,n){var r,a,o=e.UniqueComponentId()+"_badge";t.unstyled=(null===(r=n.instance.$primevue)||void 0===r||null===(r=r.config)||void 0===r?void 0:r.unstyled)||(null===(a=n.value)||void 0===a?void 0:a.unstyled)||!1;var l=e.DomHandler.createElement("span",{id:o,class:!t.unstyled&&this.cx("root"),"p-bind":this.ptm("root",{context:u(u({},n.modifiers),{},{nogutter:1===String(n.value).length,dot:null==n.value})})});for(var i in t.$_pbadgeId=l.getAttribute("id"),n.modifiers)!t.unstyled&&e.DomHandler.addClass(l,"p-badge-"+i);null!=n.value?(t.$_badgeValue="object"===d(n.value)?n.value.value:n.value,l.appendChild(document.createTextNode(t.$_badgeValue)),1!==String(t.$_badgeValue).length||t.unstyled||!t.unstyled&&e.DomHandler.addClass(l,"p-badge-no-gutter")):!t.unstyled&&e.DomHandler.addClass(l,"p-badge-dot"),t.setAttribute("data-pd-badge",!0),!t.unstyled&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),t.appendChild(l),this.$el=l},updated:function(t,n){if(!t.unstyled&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),n.oldValue!==n.value){var r=document.getElementById(t.$_pbadgeId);t.$_badgeValue="object"===d(n.value)?n.value.value:n.value,t.unstyled||(t.$_badgeValue?(e.DomHandler.hasClass(r,"p-badge-dot")&&e.DomHandler.removeClass(r,"p-badge-dot"),1===t.$_badgeValue.length?e.DomHandler.addClass(r,"p-badge-no-gutter"):e.DomHandler.removeClass(r,"p-badge-no-gutter")):t.$_badgeValue||e.DomHandler.hasClass(r,"p-badge-dot")||e.DomHandler.addClass(r,"p-badge-dot")),r.innerHTML="",r.appendChild(document.createTextNode(t.$_badgeValue))}}});module.exports=p;
+"use strict";var e=require("primevue/utils"),t=require("primevue/basedirective"),n=require("primevue/usestyle");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t),o=n.useStyle("\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n\n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n",{name:"badge",manual:!0});function d(e){return d="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},d(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){var t=b(e,"string");return"symbol"===d(t)?t:String(t)}function b(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var p=a.default.extend({css:{classes:{root:"p-badge p-component"},loadStyle:o.load}}).extend("badge",{mounted:function(t,n){var r,a,o=e.UniqueComponentId()+"_badge";t.unstyled=(null===(r=n.instance.$primevue)||void 0===r||null===(r=r.config)||void 0===r?void 0:r.unstyled)||(null===(a=n.value)||void 0===a?void 0:a.unstyled)||!1;var l=e.DomHandler.createElement("span",{id:o,class:!t.unstyled&&this.cx("root"),"p-bind":this.ptm("root",{context:u(u({},n.modifiers),{},{nogutter:1===String(n.value).length,dot:null==n.value})})});for(var i in t.$_pbadgeId=l.getAttribute("id"),n.modifiers)!t.unstyled&&e.DomHandler.addClass(l,"p-badge-"+i);null!=n.value?(t.$_badgeValue="object"===d(n.value)?n.value.value:n.value,l.appendChild(document.createTextNode(t.$_badgeValue)),1!==String(t.$_badgeValue).length||t.unstyled||!t.unstyled&&e.DomHandler.addClass(l,"p-badge-no-gutter")):!t.unstyled&&e.DomHandler.addClass(l,"p-badge-dot"),t.setAttribute("data-pd-badge",!0),!t.unstyled&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),t.appendChild(l),this.$el=l},updated:function(t,n){if(!t.unstyled&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),n.oldValue!==n.value){var r=document.getElementById(t.$_pbadgeId);t.$_badgeValue="object"===d(n.value)?n.value.value:n.value,t.unstyled||(t.$_badgeValue?(e.DomHandler.hasClass(r,"p-badge-dot")&&e.DomHandler.removeClass(r,"p-badge-dot"),1===t.$_badgeValue.length?e.DomHandler.addClass(r,"p-badge-no-gutter"):e.DomHandler.removeClass(r,"p-badge-no-gutter")):t.$_badgeValue||e.DomHandler.hasClass(r,"p-badge-dot")||e.DomHandler.addClass(r,"p-badge-dot")),r.innerHTML="",r.appendChild(document.createTextNode(t.$_badgeValue))}}});module.exports=p;

package/badgedirective/badgedirective.esm.js

@@ -2,7 +2,7 @@ import { UniqueComponentId, DomHandler } from 'primevue/utils';
 import BaseDirective from 'primevue/basedirective';
 import { useStyle } from 'primevue/usestyle';
 
-var styles = "\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n";
+var styles = "\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n\n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n";
 var classes = {
   root: 'p-badge p-component'
 };

package/badgedirective/badgedirective.esm.min.js

@@ -1 +1 @@
-import{UniqueComponentId as e,DomHandler as t}from"primevue/utils";import n from"primevue/basedirective";import{useStyle as r}from"primevue/usestyle";var a=r("\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n",{name:"badge",manual:!0});function o(e){return o="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},o(e)}function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return(t=u(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e){var t=s(e,"string");return"symbol"===o(t)?t:String(t)}function s(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var b=n.extend({css:{classes:{root:"p-badge p-component"},loadStyle:a.load}}).extend("badge",{mounted:function(n,r){var a,d,i=e()+"_badge";n.unstyled=(null===(a=r.instance.$primevue)||void 0===a||null===(a=a.config)||void 0===a?void 0:a.unstyled)||(null===(d=r.value)||void 0===d?void 0:d.unstyled)||!1;var u=t.createElement("span",{id:i,class:!n.unstyled&&this.cx("root"),"p-bind":this.ptm("root",{context:l(l({},r.modifiers),{},{nogutter:1===String(r.value).length,dot:null==r.value})})});for(var s in n.$_pbadgeId=u.getAttribute("id"),r.modifiers)!n.unstyled&&t.addClass(u,"p-badge-"+s);null!=r.value?(n.$_badgeValue="object"===o(r.value)?r.value.value:r.value,u.appendChild(document.createTextNode(n.$_badgeValue)),1!==String(n.$_badgeValue).length||n.unstyled||!n.unstyled&&t.addClass(u,"p-badge-no-gutter")):!n.unstyled&&t.addClass(u,"p-badge-dot"),n.setAttribute("data-pd-badge",!0),!n.unstyled&&t.addClass(n,"p-overlay-badge"),n.setAttribute("data-p-overlay-badge","true"),n.appendChild(u),this.$el=u},updated:function(e,n){if(!e.unstyled&&t.addClass(e,"p-overlay-badge"),e.setAttribute("data-p-overlay-badge","true"),n.oldValue!==n.value){var r=document.getElementById(e.$_pbadgeId);e.$_badgeValue="object"===o(n.value)?n.value.value:n.value,e.unstyled||(e.$_badgeValue?(t.hasClass(r,"p-badge-dot")&&t.removeClass(r,"p-badge-dot"),1===e.$_badgeValue.length?t.addClass(r,"p-badge-no-gutter"):t.removeClass(r,"p-badge-no-gutter")):e.$_badgeValue||t.hasClass(r,"p-badge-dot")||t.addClass(r,"p-badge-dot")),r.innerHTML="",r.appendChild(document.createTextNode(e.$_badgeValue))}}});export{b as default};
+import{UniqueComponentId as e,DomHandler as t}from"primevue/utils";import n from"primevue/basedirective";import{useStyle as r}from"primevue/usestyle";var a=r("\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n\n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n",{name:"badge",manual:!0});function o(e){return o="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},o(e)}function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return(t=u(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e){var t=s(e,"string");return"symbol"===o(t)?t:String(t)}function s(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var b=n.extend({css:{classes:{root:"p-badge p-component"},loadStyle:a.load}}).extend("badge",{mounted:function(n,r){var a,d,i=e()+"_badge";n.unstyled=(null===(a=r.instance.$primevue)||void 0===a||null===(a=a.config)||void 0===a?void 0:a.unstyled)||(null===(d=r.value)||void 0===d?void 0:d.unstyled)||!1;var u=t.createElement("span",{id:i,class:!n.unstyled&&this.cx("root"),"p-bind":this.ptm("root",{context:l(l({},r.modifiers),{},{nogutter:1===String(r.value).length,dot:null==r.value})})});for(var s in n.$_pbadgeId=u.getAttribute("id"),r.modifiers)!n.unstyled&&t.addClass(u,"p-badge-"+s);null!=r.value?(n.$_badgeValue="object"===o(r.value)?r.value.value:r.value,u.appendChild(document.createTextNode(n.$_badgeValue)),1!==String(n.$_badgeValue).length||n.unstyled||!n.unstyled&&t.addClass(u,"p-badge-no-gutter")):!n.unstyled&&t.addClass(u,"p-badge-dot"),n.setAttribute("data-pd-badge",!0),!n.unstyled&&t.addClass(n,"p-overlay-badge"),n.setAttribute("data-p-overlay-badge","true"),n.appendChild(u),this.$el=u},updated:function(e,n){if(!e.unstyled&&t.addClass(e,"p-overlay-badge"),e.setAttribute("data-p-overlay-badge","true"),n.oldValue!==n.value){var r=document.getElementById(e.$_pbadgeId);e.$_badgeValue="object"===o(n.value)?n.value.value:n.value,e.unstyled||(e.$_badgeValue?(t.hasClass(r,"p-badge-dot")&&t.removeClass(r,"p-badge-dot"),1===e.$_badgeValue.length?t.addClass(r,"p-badge-no-gutter"):t.removeClass(r,"p-badge-no-gutter")):e.$_badgeValue||t.hasClass(r,"p-badge-dot")||t.addClass(r,"p-badge-dot")),r.innerHTML="",r.appendChild(document.createTextNode(e.$_badgeValue))}}});export{b as default};

package/badgedirective/badgedirective.js

@@ -6,7 +6,7 @@ this.primevue.badgedirective = (function (utils, BaseDirective, usestyle) {
 
     var BaseDirective__default = /*#__PURE__*/_interopDefaultLegacy(BaseDirective);
 
-    var styles = "\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n\n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n";
     var classes = {
       root: 'p-badge p-component'
     };

package/badgedirective/badgedirective.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.badgedirective=function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t),d=n.useStyle("\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n",{name:"badge",manual:!0});function o(e){return o="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},o(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){var t=b(e,"string");return"symbol"===o(t)?t:String(t)}function b(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}return a.default.extend({css:{classes:{root:"p-badge p-component"},loadStyle:d.load}}).extend("badge",{mounted:function(t,n){var r,a,d=e.UniqueComponentId()+"_badge";t.unstyled=(null===(r=n.instance.$primevue)||void 0===r||null===(r=r.config)||void 0===r?void 0:r.unstyled)||(null===(a=n.value)||void 0===a?void 0:a.unstyled)||!1;var l=e.DomHandler.createElement("span",{id:d,class:!t.unstyled&&this.cx("root"),"p-bind":this.ptm("root",{context:i(i({},n.modifiers),{},{nogutter:1===String(n.value).length,dot:null==n.value})})});for(var u in t.$_pbadgeId=l.getAttribute("id"),n.modifiers)!t.unstyled&&e.DomHandler.addClass(l,"p-badge-"+u);null!=n.value?(t.$_badgeValue="object"===o(n.value)?n.value.value:n.value,l.appendChild(document.createTextNode(t.$_badgeValue)),1!==String(t.$_badgeValue).length||t.unstyled||!t.unstyled&&e.DomHandler.addClass(l,"p-badge-no-gutter")):!t.unstyled&&e.DomHandler.addClass(l,"p-badge-dot"),t.setAttribute("data-pd-badge",!0),!t.unstyled&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),t.appendChild(l),this.$el=l},updated:function(t,n){if(!t.unstyled&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),n.oldValue!==n.value){var r=document.getElementById(t.$_pbadgeId);t.$_badgeValue="object"===o(n.value)?n.value.value:n.value,t.unstyled||(t.$_badgeValue?(e.DomHandler.hasClass(r,"p-badge-dot")&&e.DomHandler.removeClass(r,"p-badge-dot"),1===t.$_badgeValue.length?e.DomHandler.addClass(r,"p-badge-no-gutter"):e.DomHandler.removeClass(r,"p-badge-no-gutter")):t.$_badgeValue||e.DomHandler.hasClass(r,"p-badge-dot")||e.DomHandler.addClass(r,"p-badge-dot")),r.innerHTML="",r.appendChild(document.createTextNode(t.$_badgeValue))}}})}(primevue.utils,primevue.basedirective,primevue.usestyle);
+this.primevue=this.primevue||{},this.primevue.badgedirective=function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t),d=n.useStyle("\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n\n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n",{name:"badge",manual:!0});function o(e){return o="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},o(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){var t=b(e,"string");return"symbol"===o(t)?t:String(t)}function b(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}return a.default.extend({css:{classes:{root:"p-badge p-component"},loadStyle:d.load}}).extend("badge",{mounted:function(t,n){var r,a,d=e.UniqueComponentId()+"_badge";t.unstyled=(null===(r=n.instance.$primevue)||void 0===r||null===(r=r.config)||void 0===r?void 0:r.unstyled)||(null===(a=n.value)||void 0===a?void 0:a.unstyled)||!1;var l=e.DomHandler.createElement("span",{id:d,class:!t.unstyled&&this.cx("root"),"p-bind":this.ptm("root",{context:i(i({},n.modifiers),{},{nogutter:1===String(n.value).length,dot:null==n.value})})});for(var u in t.$_pbadgeId=l.getAttribute("id"),n.modifiers)!t.unstyled&&e.DomHandler.addClass(l,"p-badge-"+u);null!=n.value?(t.$_badgeValue="object"===o(n.value)?n.value.value:n.value,l.appendChild(document.createTextNode(t.$_badgeValue)),1!==String(t.$_badgeValue).length||t.unstyled||!t.unstyled&&e.DomHandler.addClass(l,"p-badge-no-gutter")):!t.unstyled&&e.DomHandler.addClass(l,"p-badge-dot"),t.setAttribute("data-pd-badge",!0),!t.unstyled&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),t.appendChild(l),this.$el=l},updated:function(t,n){if(!t.unstyled&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),n.oldValue!==n.value){var r=document.getElementById(t.$_pbadgeId);t.$_badgeValue="object"===o(n.value)?n.value.value:n.value,t.unstyled||(t.$_badgeValue?(e.DomHandler.hasClass(r,"p-badge-dot")&&e.DomHandler.removeClass(r,"p-badge-dot"),1===t.$_badgeValue.length?e.DomHandler.addClass(r,"p-badge-no-gutter"):e.DomHandler.removeClass(r,"p-badge-no-gutter")):t.$_badgeValue||e.DomHandler.hasClass(r,"p-badge-dot")||e.DomHandler.addClass(r,"p-badge-dot")),r.innerHTML="",r.appendChild(document.createTextNode(t.$_badgeValue))}}})}(primevue.utils,primevue.basedirective,primevue.usestyle);

package/base/base.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var usestyle = require('primevue/usestyle');
 
-var styles = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n}\n";
+var styles = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
 var _useStyle = usestyle.useStyle(styles, {
     name: 'base',
     manual: true

package/base/base.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e="\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n}\n",n=require("primevue/usestyle").useStyle(e,{name:"base",manual:!0}).load;exports.default={styles:e},exports.loadBaseStyle=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e="\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n",n=require("primevue/usestyle").useStyle(e,{name:"base",manual:!0}).load;exports.default={styles:e},exports.loadBaseStyle=n;

package/base/base.esm.js

@@ -1,6 +1,6 @@
 import { useStyle } from 'primevue/usestyle';
 
-var styles = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n}\n";
+var styles = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
 var _useStyle = useStyle(styles, {
     name: 'base',
     manual: true

package/base/base.esm.min.js

@@ -1 +1 @@
-import{useStyle as n}from"primevue/usestyle";var e="\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n}\n",i=n(e,{name:"base",manual:!0}).load,d={styles:e};export{d as default,i as loadBaseStyle};
+import{useStyle as n}from"primevue/usestyle";var e="\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n",i=n(e,{name:"base",manual:!0}).load,d={styles:e};export{d as default,i as loadBaseStyle};

package/base/base.js

@@ -2,7 +2,7 @@ this.primevue = this.primevue || {};
 this.primevue.base = (function (exports, usestyle) {
     'use strict';
 
-    var styles = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n}\n";
+    var styles = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
     var _useStyle = usestyle.useStyle(styles, {
         name: 'base',
         manual: true

package/base/base.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.base=function(e,n){"use strict";var i="\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n}\n",s=primevue.usestyle.useStyle(i,{name:"base",manual:!0}).load;return e.default={styles:i},e.loadBaseStyle=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({});
+this.primevue=this.primevue||{},this.primevue.base=function(e,n){"use strict";var i="\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n",s=primevue.usestyle.useStyle(i,{name:"base",manual:!0}).load;return e.default={styles:i},e.loadBaseStyle=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({});