primevue 4.3.0 → 4.3.2

package/avatar/Avatar.vue

@@ -1,15 +1,16 @@
 <template>
-    <div :class="cx('root')" :aria-labelledby="ariaLabelledby" :aria-label="ariaLabel" v-bind="ptmi('root')">
+    <div :class="cx('root')" :aria-labelledby="ariaLabelledby" :aria-label="ariaLabel" v-bind="ptmi('root')" :data-p="dataP">
         <slot>
-            <span v-if="label" :class="cx('label')" v-bind="ptm('label')">{{ label }}</span>
+            <span v-if="label" :class="cx('label')" v-bind="ptm('label')" :data-p="dataP">{{ label }}</span>
             <component v-else-if="$slots.icon" :is="$slots.icon" :class="cx('icon')" />
-            <span v-else-if="icon" :class="[cx('icon'), icon]" v-bind="ptm('icon')" />
-            <img v-else-if="image" :src="image" :alt="ariaLabel" @error="onError" v-bind="ptm('image')" />
+            <span v-else-if="icon" :class="[cx('icon'), icon]" v-bind="ptm('icon')" :data-p="dataP" />
+            <img v-else-if="image" :src="image" :alt="ariaLabel" @error="onError" v-bind="ptm('image')" :data-p="dataP" />
         </slot>
     </div>
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import BaseAvatar from './BaseAvatar.vue';
 
 export default {
@@ -21,6 +22,14 @@ export default {
         onError(event) {
             this.$emit('error', event);
         }
+    },
+    computed: {
+        dataP() {
+            return cn({
+                [this.shape]: this.shape,
+                [this.size]: this.size
+            });
+        }
     }
 };
 </script>

package/avatar/index.d.ts

@@ -6,7 +6,7 @@
  *
  * @module avatar
  */
-import type { DefineComponent, DesignToken, EmitFn, PassThrough } from '@primevue/core';
+import type { DefineComponent, DesignToken, EmitFn, HintedString, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
 import { VNode } from 'vue';
@@ -94,12 +94,12 @@ export interface AvatarProps {
      * Size of the element.
      * @defaultValue normal
      */
-    size?: 'normal' | 'large' | 'xlarge' | undefined;
+    size?: HintedString<'normal' | 'large' | 'xlarge'> | undefined;
     /**
      * Shape of the element.
      * @defaultValue square
      */
-    shape?: 'square' | 'circle' | undefined;
+    shape?: HintedString<'square' | 'circle'> | undefined;
     /**
      * Establishes a string value that labels the component.
      */

package/avatar/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import BaseComponent from '@primevue/core/basecomponent';
 import AvatarStyle from 'primevue/avatar/style';
 import { createElementBlock, openBlock, mergeProps, renderSlot, createBlock, createCommentVNode, toDisplayString, resolveDynamicComponent, normalizeClass } from 'vue';
@@ -44,6 +45,10 @@ var script$1 = {
   }
 };
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script = {
   name: 'Avatar',
   "extends": script$1,
@@ -53,34 +58,49 @@ var script = {
     onError: function onError(event) {
       this.$emit('error', event);
     }
+  },
+  computed: {
+    dataP: function dataP() {
+      return cn(_defineProperty(_defineProperty({}, this.shape, this.shape), this.size, this.size));
+    }
   }
 };
 
-var _hoisted_1 = ["aria-labelledby", "aria-label"];
-var _hoisted_2 = ["src", "alt"];
+var _hoisted_1 = ["aria-labelledby", "aria-label", "data-p"];
+var _hoisted_2 = ["data-p"];
+var _hoisted_3 = ["data-p"];
+var _hoisted_4 = ["src", "alt", "data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root'),
     "aria-labelledby": _ctx.ariaLabelledby,
     "aria-label": _ctx.ariaLabel
-  }, _ctx.ptmi('root')), [renderSlot(_ctx.$slots, "default", {}, function () {
+  }, _ctx.ptmi('root'), {
+    "data-p": $options.dataP
+  }), [renderSlot(_ctx.$slots, "default", {}, function () {
     return [_ctx.label ? (openBlock(), createElementBlock("span", mergeProps({
       key: 0,
       "class": _ctx.cx('label')
-    }, _ctx.ptm('label')), toDisplayString(_ctx.label), 17)) : _ctx.$slots.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.icon), {
+    }, _ctx.ptm('label'), {
+      "data-p": $options.dataP
+    }), toDisplayString(_ctx.label), 17, _hoisted_2)) : _ctx.$slots.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.icon), {
       key: 1,
       "class": normalizeClass(_ctx.cx('icon'))
     }, null, 8, ["class"])) : _ctx.icon ? (openBlock(), createElementBlock("span", mergeProps({
       key: 2,
       "class": [_ctx.cx('icon'), _ctx.icon]
-    }, _ctx.ptm('icon')), null, 16)) : _ctx.image ? (openBlock(), createElementBlock("img", mergeProps({
+    }, _ctx.ptm('icon'), {
+      "data-p": $options.dataP
+    }), null, 16, _hoisted_3)) : _ctx.image ? (openBlock(), createElementBlock("img", mergeProps({
       key: 3,
       src: _ctx.image,
       alt: _ctx.ariaLabel,
       onError: _cache[0] || (_cache[0] = function () {
         return $options.onError && $options.onError.apply($options, arguments);
       })
-    }, _ctx.ptm('image')), null, 16, _hoisted_2)) : createCommentVNode("", true)];
+    }, _ctx.ptm('image'), {
+      "data-p": $options.dataP
+    }), null, 16, _hoisted_4)) : createCommentVNode("", true)];
   })], 16, _hoisted_1);
 }
 

package/avatar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/avatar/BaseAvatar.vue","../../src/avatar/Avatar.vue","../../src/avatar/Avatar.vue?vue&type=template&id=1236585f&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport AvatarStyle from 'primevue/avatar/style';\n\nexport default {\n    name: 'BaseAvatar',\n    extends: BaseComponent,\n    props: {\n        label: {\n            type: String,\n            default: null\n        },\n        icon: {\n            type: String,\n            default: null\n        },\n        image: {\n            type: String,\n            default: null\n        },\n        size: {\n            type: String,\n            default: 'normal'\n        },\n        shape: {\n            type: String,\n            default: 'square'\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: AvatarStyle,\n    provide() {\n        return {\n            $pcAvatar: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" :aria-labelledby=\"ariaLabelledby\" :aria-label=\"ariaLabel\" v-bind=\"ptmi('root')\">\n        <slot>\n            <span v-if=\"label\" :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label }}</span>\n            <component v-else-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" />\n            <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\" />\n            <img v-else-if=\"image\" :src=\"image\" :alt=\"ariaLabel\" @error=\"onError\" v-bind=\"ptm('image')\" />\n        </slot>\n    </div>\n</template>\n\n<script>\nimport BaseAvatar from './BaseAvatar.vue';\n\nexport default {\n    name: 'Avatar',\n    extends: BaseAvatar,\n    inheritAttrs: false,\n    emits: ['error'],\n    methods: {\n        onError(event) {\n            this.$emit('error', event);\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" :aria-labelledby=\"ariaLabelledby\" :aria-label=\"ariaLabel\" v-bind=\"ptmi('root')\">\n        <slot>\n            <span v-if=\"label\" :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label }}</span>\n            <component v-else-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" />\n            <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\" />\n            <img v-else-if=\"image\" :src=\"image\" :alt=\"ariaLabel\" @error=\"onError\" v-bind=\"ptm('image')\" />\n        </slot>\n    </div>\n</template>\n\n<script>\nimport BaseAvatar from './BaseAvatar.vue';\n\nexport default {\n    name: 'Avatar',\n    extends: BaseAvatar,\n    inheritAttrs: false,\n    emits: ['error'],\n    methods: {\n        onError(event) {\n            this.$emit('error', event);\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","label","type","String","icon","image","size","shape","ariaLabelledby","ariaLabel","style","AvatarStyle","provide","$pcAvatar","$parentInstance","BaseAvatar","inheritAttrs","emits","methods","onError","event","$emit","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","ptm","$slots","_createBlock","_resolveDynamicComponent","src","alt","$options","apply","arguments","_hoisted_2"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,YAAY;AAClB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDE,IAAAA,KAAK,EAAE;AACHH,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDG,IAAAA,IAAI,EAAE;AACFJ,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDI,IAAAA,KAAK,EAAE;AACHL,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDK,IAAAA,cAAc,EAAE;AACZN,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDM,IAAAA,SAAS,EAAE;AACPP,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;AACb;GACH;AACDO,EAAAA,KAAK,EAAEC,WAAW;EAClBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,SAAS,EAAE,IAAI;AACfC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;AC9BD,aAAe;AACXhB,EAAAA,IAAI,EAAE,QAAQ;AACd,EAAA,SAAA,EAASiB,QAAU;AACnBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,KAAK,EAAE,CAAC,OAAO,CAAC;AAChBC,EAAAA,OAAO,EAAE;AACLC,IAAAA,OAAO,EAAPA,SAAAA,OAAOA,CAACC,KAAK,EAAE;AACX,MAAA,IAAI,CAACC,KAAK,CAAC,OAAO,EAAED,KAAK,CAAC;AAC9B;AACJ;AACJ,CAAC;;;;;ECvBG,OAAAE,SAAA,EAAA,EAAAC,kBAAA,CAOK,OAPLC,UAOK,CAAA;AAPC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;IAAW,iBAAe,EAAED,IAAc,CAAAjB,cAAA;IAAG,YAAU,EAAEiB,IAAS,CAAAhB;KAAUgB,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CAC3FC,UAAA,CAKMH,4BALN,YAAA;AAAA,IAAA,OAKM,CAJUA,IAAK,CAAAxB,KAAA,IAAjBqB,SAAA,EAAA,EAAAC,kBAAA,CAA+E,QAA/EC,UAA+E,CAAA;;AAA3D,MAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,OAAA;AAAmB,KAAA,EAAAD,IAAA,CAAAI,GAAG,4BAAcJ,IAAM,CAAAxB,KAAA,CAAA,EAAA,EAAA,CAAA,IACjDwB,IAAA,CAAAK,MAAM,CAAC1B,IAAI,iBAAjC2B,WAA0E,CAAAC,uBAAA,CAAlCP,IAAM,CAAAK,MAAA,CAAC1B,IAAI,CAAA,EAAA;;AAAG,MAAA,OAAA,iBAAOqB,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;8BAC9CD,IAAI,CAAArB,IAAA,IAArBkB,SAAA,EAAA,EAAAC,kBAAA,CAAyE,QAAzEC,UAAyE,CAAA;;MAAjD,OAAK,EAAA,CAAGC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA,EAAUD,IAAI,CAAArB,IAAA;OAAWqB,IAAG,CAAAI,GAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAC9CJ,IAAK,CAAApB,KAAA,IAArBiB,SAAA,EAAA,EAAAC,kBAAA,CAA6F,OAA7FC,UAA6F,CAAA;;MAArES,GAAG,EAAER,IAAK,CAAApB,KAAA;MAAG6B,GAAG,EAAET,IAAS,CAAAhB,SAAA;MAAGU,OAAK;eAAEgB,QAAO,CAAAhB,OAAA,IAAAgB,QAAA,CAAAhB,OAAA,CAAAiB,KAAA,CAAAD,QAAA,EAAAE,SAAA,CAAA;OAAA;OAAUZ,IAAG,CAAAI,GAAA,CAAA,OAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAAS,UAAA,CAAA;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/avatar/BaseAvatar.vue","../../src/avatar/Avatar.vue","../../src/avatar/Avatar.vue?vue&type=template&id=09391380&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport AvatarStyle from 'primevue/avatar/style';\n\nexport default {\n    name: 'BaseAvatar',\n    extends: BaseComponent,\n    props: {\n        label: {\n            type: String,\n            default: null\n        },\n        icon: {\n            type: String,\n            default: null\n        },\n        image: {\n            type: String,\n            default: null\n        },\n        size: {\n            type: String,\n            default: 'normal'\n        },\n        shape: {\n            type: String,\n            default: 'square'\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: AvatarStyle,\n    provide() {\n        return {\n            $pcAvatar: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" :aria-labelledby=\"ariaLabelledby\" :aria-label=\"ariaLabel\" v-bind=\"ptmi('root')\" :data-p=\"dataP\">\n        <slot>\n            <span v-if=\"label\" :class=\"cx('label')\" v-bind=\"ptm('label')\" :data-p=\"dataP\">{{ label }}</span>\n            <component v-else-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" />\n            <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\" :data-p=\"dataP\" />\n            <img v-else-if=\"image\" :src=\"image\" :alt=\"ariaLabel\" @error=\"onError\" v-bind=\"ptm('image')\" :data-p=\"dataP\" />\n        </slot>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseAvatar from './BaseAvatar.vue';\n\nexport default {\n    name: 'Avatar',\n    extends: BaseAvatar,\n    inheritAttrs: false,\n    emits: ['error'],\n    methods: {\n        onError(event) {\n            this.$emit('error', event);\n        }\n    },\n    computed: {\n        dataP() {\n            return cn({\n                [this.shape]: this.shape,\n                [this.size]: this.size\n            });\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" :aria-labelledby=\"ariaLabelledby\" :aria-label=\"ariaLabel\" v-bind=\"ptmi('root')\" :data-p=\"dataP\">\n        <slot>\n            <span v-if=\"label\" :class=\"cx('label')\" v-bind=\"ptm('label')\" :data-p=\"dataP\">{{ label }}</span>\n            <component v-else-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" />\n            <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\" :data-p=\"dataP\" />\n            <img v-else-if=\"image\" :src=\"image\" :alt=\"ariaLabel\" @error=\"onError\" v-bind=\"ptm('image')\" :data-p=\"dataP\" />\n        </slot>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseAvatar from './BaseAvatar.vue';\n\nexport default {\n    name: 'Avatar',\n    extends: BaseAvatar,\n    inheritAttrs: false,\n    emits: ['error'],\n    methods: {\n        onError(event) {\n            this.$emit('error', event);\n        }\n    },\n    computed: {\n        dataP() {\n            return cn({\n                [this.shape]: this.shape,\n                [this.size]: this.size\n            });\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","label","type","String","icon","image","size","shape","ariaLabelledby","ariaLabel","style","AvatarStyle","provide","$pcAvatar","$parentInstance","BaseAvatar","inheritAttrs","emits","methods","onError","event","$emit","computed","dataP","cn","_defineProperty","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","$options","_renderSlot","ptm","_hoisted_2","$slots","_createBlock","_resolveDynamicComponent","_hoisted_3","src","alt","apply","arguments","_hoisted_4"],"mappings":"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"}

package/badge/Badge.vue

@@ -1,15 +1,26 @@
 <template>
-    <span :class="cx('root')" v-bind="ptmi('root')">
+    <span :class="cx('root')" :data-p="dataP" v-bind="ptmi('root')">
         <slot>{{ value }}</slot>
     </span>
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import BaseBadge from './BaseBadge.vue';
 
 export default {
     name: 'Badge',
     extends: BaseBadge,
-    inheritAttrs: false
+    inheritAttrs: false,
+    computed: {
+        dataP() {
+            return cn({
+                circle: this.value != null && String(this.value).length === 1,
+                empty: this.value == null && !this.$slots.default,
+                [this.severity]: this.severity,
+                [this.size]: this.size
+            });
+        }
+    }
 };
 </script>

package/badge/index.d.ts

@@ -74,7 +74,7 @@ export interface BadgeProps {
     /**
      * Size of the badge, valid options are 'small', 'large', and 'xlarge'.
      */
-    size?: 'small' | 'large' | 'xlarge' | null | undefined;
+    size?: HintedString<'small' | 'large' | 'xlarge'> | null | undefined;
     /**
      * It generates scoped CSS variables using design tokens for the component.
      */

package/badge/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import BaseComponent from '@primevue/core/basecomponent';
 import BadgeStyle from 'primevue/badge/style';
 import { createElementBlock, openBlock, mergeProps, renderSlot, createTextVNode, toDisplayString } from 'vue';
@@ -28,18 +29,32 @@ var script$1 = {
   }
 };
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script = {
   name: 'Badge',
   "extends": script$1,
-  inheritAttrs: false
+  inheritAttrs: false,
+  computed: {
+    dataP: function dataP() {
+      return cn(_defineProperty(_defineProperty({
+        circle: this.value != null && String(this.value).length === 1,
+        empty: this.value == null && !this.$slots["default"]
+      }, this.severity, this.severity), this.size, this.size));
+    }
+  }
 };
 
+var _hoisted_1 = ["data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", mergeProps({
-    "class": _ctx.cx('root')
+    "class": _ctx.cx('root'),
+    "data-p": $options.dataP
   }, _ctx.ptmi('root')), [renderSlot(_ctx.$slots, "default", {}, function () {
     return [createTextVNode(toDisplayString(_ctx.value), 1)];
-  })], 16);
+  })], 16, _hoisted_1);
 }
 
 script.render = render;

package/badge/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/badge/BaseBadge.vue","../../src/badge/Badge.vue","../../src/badge/Badge.vue?vue&type=template&id=50d40c94&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport BadgeStyle from 'primevue/badge/style';\n\nexport default {\n    name: 'BaseBadge',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: [String, Number],\n            default: null\n        },\n        severity: {\n            type: String,\n            default: null\n        },\n        size: {\n            type: String,\n            default: null\n        }\n    },\n    style: BadgeStyle,\n    provide() {\n        return {\n            $pcBadge: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <span :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <slot>{{ value }}</slot>\n    </span>\n</template>\n\n<script>\nimport BaseBadge from './BaseBadge.vue';\n\nexport default {\n    name: 'Badge',\n    extends: BaseBadge,\n    inheritAttrs: false\n};\n</script>\n","<template>\n    <span :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <slot>{{ value }}</slot>\n    </span>\n</template>\n\n<script>\nimport BaseBadge from './BaseBadge.vue';\n\nexport default {\n    name: 'Badge',\n    extends: BaseBadge,\n    inheritAttrs: false\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","Number","severity","size","style","BadgeStyle","provide","$pcBadge","$parentInstance","BaseBadge","inheritAttrs","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,WAAW;AACjB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;MACtB,SAAS,EAAA;KACZ;AACDC,IAAAA,QAAQ,EAAE;AACNH,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDG,IAAAA,IAAI,EAAE;AACFJ,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;AACb;GACH;AACDI,EAAAA,KAAK,EAAEC,UAAU;EACjBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,QAAQ,EAAE,IAAI;AACdC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACnBD,aAAe;AACXb,EAAAA,IAAI,EAAE,OAAO;AACb,EAAA,SAAA,EAASc,QAAS;AAClBC,EAAAA,YAAY,EAAE;AAClB,CAAC;;;ECZG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAEM,QAFNC,UAEM,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA;KAAkBD,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CAClCC,UAAA,CAAuBH,4BAAvB,YAAA;AAAA,IAAA,OAAuB,iCAAdA,IAAI,CAAAhB,KAAA,CAAA,EAAA,CAAA,CAAA;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/badge/BaseBadge.vue","../../src/badge/Badge.vue","../../src/badge/Badge.vue?vue&type=template&id=5e946bdc&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport BadgeStyle from 'primevue/badge/style';\n\nexport default {\n    name: 'BaseBadge',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: [String, Number],\n            default: null\n        },\n        severity: {\n            type: String,\n            default: null\n        },\n        size: {\n            type: String,\n            default: null\n        }\n    },\n    style: BadgeStyle,\n    provide() {\n        return {\n            $pcBadge: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <span :class=\"cx('root')\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n        <slot>{{ value }}</slot>\n    </span>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseBadge from './BaseBadge.vue';\n\nexport default {\n    name: 'Badge',\n    extends: BaseBadge,\n    inheritAttrs: false,\n    computed: {\n        dataP() {\n            return cn({\n                circle: this.value != null && String(this.value).length === 1,\n                empty: this.value == null && !this.$slots.default,\n                [this.severity]: this.severity,\n                [this.size]: this.size\n            });\n        }\n    }\n};\n</script>\n","<template>\n    <span :class=\"cx('root')\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n        <slot>{{ value }}</slot>\n    </span>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseBadge from './BaseBadge.vue';\n\nexport default {\n    name: 'Badge',\n    extends: BaseBadge,\n    inheritAttrs: false,\n    computed: {\n        dataP() {\n            return cn({\n                circle: this.value != null && String(this.value).length === 1,\n                empty: this.value == null && !this.$slots.default,\n                [this.severity]: this.severity,\n                [this.size]: this.size\n            });\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","Number","severity","size","style","BadgeStyle","provide","$pcBadge","$parentInstance","BaseBadge","inheritAttrs","computed","dataP","cn","_defineProperty","circle","length","empty","$slots","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$options","ptmi","_renderSlot"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,WAAW;AACjB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;MACtB,SAAS,EAAA;KACZ;AACDC,IAAAA,QAAQ,EAAE;AACNH,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDG,IAAAA,IAAI,EAAE;AACFJ,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;AACb;GACH;AACDI,EAAAA,KAAK,EAAEC,UAAU;EACjBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,QAAQ,EAAE,IAAI;AACdC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;;;;;AClBD,aAAe;AACXb,EAAAA,IAAI,EAAE,OAAO;AACb,EAAA,SAAA,EAASc,QAAS;AAClBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,QAAQ,EAAE;IACNC,KAAK,EAAA,SAALA,KAAKA,GAAG;AACJ,MAAA,OAAOC,EAAE,CAAAC,eAAA,CAAAA,eAAA,CAAA;AACLC,QAAAA,MAAM,EAAE,IAAI,CAACjB,KAAM,IAAG,IAAG,IAAKE,MAAM,CAAC,IAAI,CAACF,KAAK,CAAC,CAACkB,MAAO,KAAI,CAAC;QAC7DC,KAAK,EAAE,IAAI,CAACnB,KAAI,IAAK,IAAG,IAAK,CAAC,IAAI,CAACoB,MAAM,CAAA,SAAA;AAAQ,OAAA,EAChD,IAAI,CAAChB,QAAQ,EAAG,IAAI,CAACA,QAAQ,CAAA,EAC7B,IAAI,CAACC,IAAI,EAAG,IAAI,CAACA,IAAG,CACxB,CAAC;AACN;AACJ;AACJ,CAAC;;;;ECvBG,OAAAgB,SAAA,EAAA,EAAAC,kBAAA,CAEM,QAFNC,UAEM,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;IAAW,QAAM,EAAEC,QAAK,CAAAZ;KAAUU,IAAI,CAAAG,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CAClDC,UAAA,CAAuBJ,4BAAvB,YAAA;AAAA,IAAA,OAAuB,iCAAdA,IAAI,CAAAxB,KAAA,CAAA,EAAA,CAAA,CAAA;;;;;;;;"}

package/blockui/BlockUI.vue

@@ -77,12 +77,23 @@ export default {
             this.$emit('block');
         },
         unblock() {
-            !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');
+            if (this.mask) {
+                !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');
 
-            if (hasCSSAnimation(this.mask) > 0) {
-                this.mask.addEventListener('animationend', () => {
+                const handleAnimationEnd = () => {
+                    clearTimeout(fallbackTimer);
+                    this.mask.removeEventListener('animationend', handleAnimationEnd);
+                    this.mask.removeEventListener('webkitAnimationEnd', handleAnimationEnd);
+                };
+
+                const fallbackTimer = setTimeout(() => {
                     this.removeMask();
-                });
+                }, 10);
+
+                if (hasCSSAnimation(this.mask) > 0) {
+                    this.mask.addEventListener('animationend', handleAnimationEnd);
+                    this.mask.addEventListener('webkitAnimationEnd', handleAnimationEnd);
+                }
             } else {
                 this.removeMask();
             }

package/blockui/index.mjs

@@ -97,11 +97,20 @@ var script = {
     },
     unblock: function unblock() {
       var _this = this;
-      !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');
-      if (hasCSSAnimation(this.mask) > 0) {
-        this.mask.addEventListener('animationend', function () {
+      if (this.mask) {
+        !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');
+        var _handleAnimationEnd = function handleAnimationEnd() {
+          clearTimeout(fallbackTimer);
+          _this.mask.removeEventListener('animationend', _handleAnimationEnd);
+          _this.mask.removeEventListener('webkitAnimationEnd', _handleAnimationEnd);
+        };
+        var fallbackTimer = setTimeout(function () {
           _this.removeMask();
-        });
+        }, 10);
+        if (hasCSSAnimation(this.mask) > 0) {
+          this.mask.addEventListener('animationend', _handleAnimationEnd);
+          this.mask.addEventListener('webkitAnimationEnd', _handleAnimationEnd);
+        }
       } else {
         this.removeMask();
       }

package/blockui/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/blockui/BaseBlockUI.vue","../../src/blockui/BlockUI.vue","../../src/blockui/BlockUI.vue?vue&type=template&id=4049b7c0&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport BlockUIStyle from 'primevue/blockui/style';\n\nexport default {\n    name: 'BaseBlockUI',\n    extends: BaseComponent,\n    props: {\n        blocked: {\n            type: Boolean,\n            default: false\n        },\n        fullScreen: {\n            type: Boolean,\n            default: false\n        },\n        baseZIndex: {\n            type: Number,\n            default: 0\n        },\n        autoZIndex: {\n            type: Boolean,\n            default: true\n        }\n    },\n    style: BlockUIStyle,\n    provide() {\n        return {\n            $pcBlockUI: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div ref=\"container\" :class=\"cx('root')\" :aria-busy=\"isBlocked\" v-bind=\"ptmi('root')\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nimport { addClass, createElement, hasCSSAnimation } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport BaseBlockUI from './BaseBlockUI.vue';\n\nexport default {\n    name: 'BlockUI',\n    extends: BaseBlockUI,\n    inheritAttrs: false,\n    emits: ['block', 'unblock'],\n    mask: null,\n    data() {\n        return {\n            isBlocked: false\n        };\n    },\n    watch: {\n        blocked(newValue) {\n            if (newValue === true) this.block();\n            else this.unblock();\n        }\n    },\n    mounted() {\n        if (this.blocked) {\n            this.block();\n        }\n    },\n    methods: {\n        block() {\n            let styleClass = 'p-blockui-mask p-overlay-mask p-overlay-mask-enter';\n\n            if (this.fullScreen) {\n                styleClass += ' p-blockui-mask-document';\n\n                this.mask = createElement('div', {\n                    style: {\n                        position: 'fixed',\n                        top: '0',\n                        left: '0',\n                        width: '100%',\n                        height: '100%'\n                    },\n                    class: !this.isUnstyled && styleClass,\n                    'p-bind': this.ptm('mask')\n                });\n\n                document.body.appendChild(this.mask);\n                blockBodyScroll();\n                document.activeElement.blur();\n            } else {\n                this.mask = createElement('div', {\n                    style: {\n                        position: 'absolute',\n                        top: '0',\n                        left: '0',\n                        width: '100%',\n                        height: '100%'\n                    },\n                    class: !this.isUnstyled && styleClass,\n                    'p-bind': this.ptm('mask')\n                });\n                this.$refs.container.appendChild(this.mask);\n            }\n\n            if (this.autoZIndex) {\n                ZIndex.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);\n            }\n\n            this.isBlocked = true;\n            this.$emit('block');\n        },\n        unblock() {\n            !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n\n            if (hasCSSAnimation(this.mask) > 0) {\n                this.mask.addEventListener('animationend', () => {\n                    this.removeMask();\n                });\n            } else {\n                this.removeMask();\n            }\n        },\n        removeMask() {\n            ZIndex.clear(this.mask);\n\n            if (this.fullScreen) {\n                document.body.removeChild(this.mask);\n                unblockBodyScroll();\n            } else {\n                this.$refs.container?.removeChild(this.mask);\n            }\n\n            this.isBlocked = false;\n            this.$emit('unblock');\n        }\n    }\n};\n</script>\n","<template>\n    <div ref=\"container\" :class=\"cx('root')\" :aria-busy=\"isBlocked\" v-bind=\"ptmi('root')\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nimport { addClass, createElement, hasCSSAnimation } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport BaseBlockUI from './BaseBlockUI.vue';\n\nexport default {\n    name: 'BlockUI',\n    extends: BaseBlockUI,\n    inheritAttrs: false,\n    emits: ['block', 'unblock'],\n    mask: null,\n    data() {\n        return {\n            isBlocked: false\n        };\n    },\n    watch: {\n        blocked(newValue) {\n            if (newValue === true) this.block();\n            else this.unblock();\n        }\n    },\n    mounted() {\n        if (this.blocked) {\n            this.block();\n        }\n    },\n    methods: {\n        block() {\n            let styleClass = 'p-blockui-mask p-overlay-mask p-overlay-mask-enter';\n\n            if (this.fullScreen) {\n                styleClass += ' p-blockui-mask-document';\n\n                this.mask = createElement('div', {\n                    style: {\n                        position: 'fixed',\n                        top: '0',\n                        left: '0',\n                        width: '100%',\n                        height: '100%'\n                    },\n                    class: !this.isUnstyled && styleClass,\n                    'p-bind': this.ptm('mask')\n                });\n\n                document.body.appendChild(this.mask);\n                blockBodyScroll();\n                document.activeElement.blur();\n            } else {\n                this.mask = createElement('div', {\n                    style: {\n                        position: 'absolute',\n                        top: '0',\n                        left: '0',\n                        width: '100%',\n                        height: '100%'\n                    },\n                    class: !this.isUnstyled && styleClass,\n                    'p-bind': this.ptm('mask')\n                });\n                this.$refs.container.appendChild(this.mask);\n            }\n\n            if (this.autoZIndex) {\n                ZIndex.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);\n            }\n\n            this.isBlocked = true;\n            this.$emit('block');\n        },\n        unblock() {\n            !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n\n            if (hasCSSAnimation(this.mask) > 0) {\n                this.mask.addEventListener('animationend', () => {\n                    this.removeMask();\n                });\n            } else {\n                this.removeMask();\n            }\n        },\n        removeMask() {\n            ZIndex.clear(this.mask);\n\n            if (this.fullScreen) {\n                document.body.removeChild(this.mask);\n                unblockBodyScroll();\n            } else {\n                this.$refs.container?.removeChild(this.mask);\n            }\n\n            this.isBlocked = false;\n            this.$emit('unblock');\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","blocked","type","Boolean","fullScreen","baseZIndex","Number","autoZIndex","style","BlockUIStyle","provide","$pcBlockUI","$parentInstance","BaseBlockUI","inheritAttrs","emits","mask","data","isBlocked","watch","newValue","block","unblock","mounted","methods","styleClass","createElement","position","top","left","width","height","isUnstyled","ptm","document","body","appendChild","blockBodyScroll","activeElement","blur","$refs","container","ZIndex","set","$primevue","config","zIndex","modal","$emit","_this","addClass","hasCSSAnimation","addEventListener","removeMask","clear","removeChild","unblockBodyScroll","_this$$refs$container","_openBlock","_createElementBlock","_mergeProps","ref","_ctx","cx","$data","ptmi","_renderSlot","$slots"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/blockui/BaseBlockUI.vue","../../src/blockui/BlockUI.vue","../../src/blockui/BlockUI.vue?vue&type=template&id=65d07dd0&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport BlockUIStyle from 'primevue/blockui/style';\n\nexport default {\n    name: 'BaseBlockUI',\n    extends: BaseComponent,\n    props: {\n        blocked: {\n            type: Boolean,\n            default: false\n        },\n        fullScreen: {\n            type: Boolean,\n            default: false\n        },\n        baseZIndex: {\n            type: Number,\n            default: 0\n        },\n        autoZIndex: {\n            type: Boolean,\n            default: true\n        }\n    },\n    style: BlockUIStyle,\n    provide() {\n        return {\n            $pcBlockUI: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div ref=\"container\" :class=\"cx('root')\" :aria-busy=\"isBlocked\" v-bind=\"ptmi('root')\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nimport { addClass, createElement, hasCSSAnimation } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport BaseBlockUI from './BaseBlockUI.vue';\n\nexport default {\n    name: 'BlockUI',\n    extends: BaseBlockUI,\n    inheritAttrs: false,\n    emits: ['block', 'unblock'],\n    mask: null,\n    data() {\n        return {\n            isBlocked: false\n        };\n    },\n    watch: {\n        blocked(newValue) {\n            if (newValue === true) this.block();\n            else this.unblock();\n        }\n    },\n    mounted() {\n        if (this.blocked) {\n            this.block();\n        }\n    },\n    methods: {\n        block() {\n            let styleClass = 'p-blockui-mask p-overlay-mask p-overlay-mask-enter';\n\n            if (this.fullScreen) {\n                styleClass += ' p-blockui-mask-document';\n\n                this.mask = createElement('div', {\n                    style: {\n                        position: 'fixed',\n                        top: '0',\n                        left: '0',\n                        width: '100%',\n                        height: '100%'\n                    },\n                    class: !this.isUnstyled && styleClass,\n                    'p-bind': this.ptm('mask')\n                });\n\n                document.body.appendChild(this.mask);\n                blockBodyScroll();\n                document.activeElement.blur();\n            } else {\n                this.mask = createElement('div', {\n                    style: {\n                        position: 'absolute',\n                        top: '0',\n                        left: '0',\n                        width: '100%',\n                        height: '100%'\n                    },\n                    class: !this.isUnstyled && styleClass,\n                    'p-bind': this.ptm('mask')\n                });\n                this.$refs.container.appendChild(this.mask);\n            }\n\n            if (this.autoZIndex) {\n                ZIndex.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);\n            }\n\n            this.isBlocked = true;\n            this.$emit('block');\n        },\n        unblock() {\n            if (this.mask) {\n                !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n\n                const handleAnimationEnd = () => {\n                    clearTimeout(fallbackTimer);\n                    this.mask.removeEventListener('animationend', handleAnimationEnd);\n                    this.mask.removeEventListener('webkitAnimationEnd', handleAnimationEnd);\n                };\n\n                const fallbackTimer = setTimeout(() => {\n                    this.removeMask();\n                }, 10);\n\n                if (hasCSSAnimation(this.mask) > 0) {\n                    this.mask.addEventListener('animationend', handleAnimationEnd);\n                    this.mask.addEventListener('webkitAnimationEnd', handleAnimationEnd);\n                }\n            } else {\n                this.removeMask();\n            }\n        },\n        removeMask() {\n            ZIndex.clear(this.mask);\n\n            if (this.fullScreen) {\n                document.body.removeChild(this.mask);\n                unblockBodyScroll();\n            } else {\n                this.$refs.container?.removeChild(this.mask);\n            }\n\n            this.isBlocked = false;\n            this.$emit('unblock');\n        }\n    }\n};\n</script>\n","<template>\n    <div ref=\"container\" :class=\"cx('root')\" :aria-busy=\"isBlocked\" v-bind=\"ptmi('root')\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nimport { addClass, createElement, hasCSSAnimation } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport BaseBlockUI from './BaseBlockUI.vue';\n\nexport default {\n    name: 'BlockUI',\n    extends: BaseBlockUI,\n    inheritAttrs: false,\n    emits: ['block', 'unblock'],\n    mask: null,\n    data() {\n        return {\n            isBlocked: false\n        };\n    },\n    watch: {\n        blocked(newValue) {\n            if (newValue === true) this.block();\n            else this.unblock();\n        }\n    },\n    mounted() {\n        if (this.blocked) {\n            this.block();\n        }\n    },\n    methods: {\n        block() {\n            let styleClass = 'p-blockui-mask p-overlay-mask p-overlay-mask-enter';\n\n            if (this.fullScreen) {\n                styleClass += ' p-blockui-mask-document';\n\n                this.mask = createElement('div', {\n                    style: {\n                        position: 'fixed',\n                        top: '0',\n                        left: '0',\n                        width: '100%',\n                        height: '100%'\n                    },\n                    class: !this.isUnstyled && styleClass,\n                    'p-bind': this.ptm('mask')\n                });\n\n                document.body.appendChild(this.mask);\n                blockBodyScroll();\n                document.activeElement.blur();\n            } else {\n                this.mask = createElement('div', {\n                    style: {\n                        position: 'absolute',\n                        top: '0',\n                        left: '0',\n                        width: '100%',\n                        height: '100%'\n                    },\n                    class: !this.isUnstyled && styleClass,\n                    'p-bind': this.ptm('mask')\n                });\n                this.$refs.container.appendChild(this.mask);\n            }\n\n            if (this.autoZIndex) {\n                ZIndex.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);\n            }\n\n            this.isBlocked = true;\n            this.$emit('block');\n        },\n        unblock() {\n            if (this.mask) {\n                !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n\n                const handleAnimationEnd = () => {\n                    clearTimeout(fallbackTimer);\n                    this.mask.removeEventListener('animationend', handleAnimationEnd);\n                    this.mask.removeEventListener('webkitAnimationEnd', handleAnimationEnd);\n                };\n\n                const fallbackTimer = setTimeout(() => {\n                    this.removeMask();\n                }, 10);\n\n                if (hasCSSAnimation(this.mask) > 0) {\n                    this.mask.addEventListener('animationend', handleAnimationEnd);\n                    this.mask.addEventListener('webkitAnimationEnd', handleAnimationEnd);\n                }\n            } else {\n                this.removeMask();\n            }\n        },\n        removeMask() {\n            ZIndex.clear(this.mask);\n\n            if (this.fullScreen) {\n                document.body.removeChild(this.mask);\n                unblockBodyScroll();\n            } else {\n                this.$refs.container?.removeChild(this.mask);\n            }\n\n            this.isBlocked = false;\n            this.$emit('unblock');\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","blocked","type","Boolean","fullScreen","baseZIndex","Number","autoZIndex","style","BlockUIStyle","provide","$pcBlockUI","$parentInstance","BaseBlockUI","inheritAttrs","emits","mask","data","isBlocked","watch","newValue","block","unblock","mounted","methods","styleClass","createElement","position","top","left","width","height","isUnstyled","ptm","document","body","appendChild","blockBodyScroll","activeElement","blur","$refs","container","ZIndex","set","$primevue","config","zIndex","modal","$emit","_this","addClass","handleAnimationEnd","clearTimeout","fallbackTimer","removeEventListener","setTimeout","removeMask","hasCSSAnimation","addEventListener","clear","removeChild","unblockBodyScroll","_this$$refs$container","_openBlock","_createElementBlock","_mergeProps","ref","_ctx","cx","$data","ptmi","_renderSlot","$slots"],"mappings":"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"}

package/button/Button.vue

@@ -1,14 +1,14 @@
 <template>
-    <component v-if="!asChild" :is="as" v-ripple :class="cx('root')" v-bind="attrs">
+    <component v-if="!asChild" :is="as" v-ripple :class="cx('root')" :data-p="dataP" v-bind="attrs">
         <slot>
             <slot v-if="loading" name="loadingicon" :class="[cx('loadingIcon'), cx('icon')]" v-bind="ptm('loadingIcon')">
                 <span v-if="loadingIcon" :class="[cx('loadingIcon'), cx('icon'), loadingIcon]" v-bind="ptm('loadingIcon')" />
                 <SpinnerIcon v-else :class="[cx('loadingIcon'), cx('icon')]" spin v-bind="ptm('loadingIcon')" />
             </slot>
             <slot v-else name="icon" :class="[cx('icon')]" v-bind="ptm('icon')">
-                <span v-if="icon" :class="[cx('icon'), icon, iconClass]" v-bind="ptm('icon')"></span>
+                <span v-if="icon" :class="[cx('icon'), icon, iconClass]" :data-p="dataIconP" v-bind="ptm('icon')"></span>
             </slot>
-            <span v-if="!hasIcon || !!label" :class="cx('label')" v-bind="ptm('label')">{{ label || '&nbsp;' }}</span>
+            <span :class="cx('label')" v-bind="ptm('label')" :data-p="dataLabelP">{{ label || '&nbsp;' }}</span>
             <Badge v-if="badge" :value="badge" :class="badgeClass" :severity="badgeSeverity" :unstyled="unstyled" :pt="ptm('pcBadge')"></Badge>
         </slot>
     </component>
@@ -16,6 +16,7 @@
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import { isEmpty } from '@primeuix/utils/object';
 import SpinnerIcon from '@primevue/icons/spinner';
 import Badge from 'primevue/badge';
@@ -67,6 +68,32 @@ export default {
         },
         hasFluid() {
             return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
+        },
+        dataP() {
+            return cn({
+                [this.size]: this.size,
+                'icon-only': this.hasIcon && !this.label && !this.badge,
+                loading: this.loading,
+                fluid: this.hasFluid,
+                rounded: this.rounded,
+                raised: this.raised,
+                outlined: this.outlined || this.variant === 'outlined',
+                text: this.text || this.variant === 'text',
+                link: this.link || this.variant === 'link',
+                vertical: (this.iconPos === 'top' || this.iconPos === 'bottom') && this.label
+            });
+        },
+        dataIconP() {
+            return cn({
+                [this.iconPos]: this.iconPos,
+                [this.size]: this.size
+            });
+        },
+        dataLabelP() {
+            return cn({
+                [this.size]: this.size,
+                'icon-only': this.hasIcon && !this.label && !this.badge
+            });
         }
     },
     components: {

package/button/index.d.ts

@@ -103,7 +103,7 @@ export interface ButtonProps extends ButtonHTMLAttributes {
      * Position of the icon.
      * @defaultValue left
      */
-    iconPos?: 'left' | 'right' | 'top' | 'bottom' | undefined;
+    iconPos?: HintedString<'left' | 'right' | 'top' | 'bottom'> | undefined;
     /**
      * Style class of the icon.
      */
@@ -171,12 +171,12 @@ export interface ButtonProps extends ButtonHTMLAttributes {
     /**
      * Defines the size of the button.
      */
-    size?: 'small' | 'large' | undefined;
+    size?: HintedString<'small' | 'large'> | undefined;
     /**
      * Specifies the variant of the component.
      * @defaultValue undefined
      */
-    variant?: 'outlined' | 'text' | 'link' | undefined;
+    variant?: HintedString<'outlined' | 'text' | 'link'> | undefined;
     /**
      * Add a plain textual class to the button without a background initially.
      * @defaultValue false
@@ -207,10 +207,6 @@ export interface ButtonProps extends ButtonHTMLAttributes {
      * @defaultValue false
      */
     unstyled?: boolean;
-    /**
-     * Route Location the router-link should navigate to when clicked on.
-     */
-    to?: string;
 }
 
 /**

package/button/index.mjs

@@ -1,8 +1,9 @@
+import { cn } from '@primeuix/utils';
 import { isEmpty } from '@primeuix/utils/object';
 import SpinnerIcon from '@primevue/icons/spinner';
 import Badge from 'primevue/badge';
 import Ripple from 'primevue/ripple';
-import { mergeProps, resolveComponent, resolveDirective, withDirectives, renderSlot, createBlock, openBlock, resolveDynamicComponent, withCtx, createElementBlock, createCommentVNode, toDisplayString, normalizeClass } from 'vue';
+import { mergeProps, resolveComponent, resolveDirective, withDirectives, renderSlot, createBlock, openBlock, resolveDynamicComponent, withCtx, createElementVNode, createCommentVNode, createElementBlock, toDisplayString, normalizeClass } from 'vue';
 import BaseComponent from '@primevue/core/basecomponent';
 import ButtonStyle from 'primevue/button/style';
 
@@ -104,6 +105,10 @@ var script$1 = {
   }
 };
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script = {
   name: 'Button',
   "extends": script$1,
@@ -152,6 +157,15 @@ var script = {
     },
     hasFluid: function hasFluid() {
       return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
+    },
+    dataP: function dataP() {
+      return cn(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, this.size, this.size), 'icon-only', this.hasIcon && !this.label && !this.badge), "loading", this.loading), "fluid", this.hasFluid), "rounded", this.rounded), "raised", this.raised), "outlined", this.outlined || this.variant === 'outlined'), "text", this.text || this.variant === 'text'), "link", this.link || this.variant === 'link'), "vertical", (this.iconPos === 'top' || this.iconPos === 'bottom') && this.label));
+    },
+    dataIconP: function dataIconP() {
+      return cn(_defineProperty(_defineProperty({}, this.iconPos, this.iconPos), this.size, this.size));
+    },
+    dataLabelP: function dataLabelP() {
+      return cn(_defineProperty(_defineProperty({}, this.size, this.size), 'icon-only', this.hasIcon && !this.label && !this.badge));
     }
   },
   components: {
@@ -163,13 +177,16 @@ var script = {
   }
 };
 
+var _hoisted_1 = ["data-p"];
+var _hoisted_2 = ["data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_SpinnerIcon = resolveComponent("SpinnerIcon");
   var _component_Badge = resolveComponent("Badge");
   var _directive_ripple = resolveDirective("ripple");
   return !_ctx.asChild ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps({
     key: 0,
-    "class": _ctx.cx('root')
+    "class": _ctx.cx('root'),
+    "data-p": $options.dataP
   }, $options.attrs), {
     "default": withCtx(function () {
       return [renderSlot(_ctx.$slots, "default", {}, function () {
@@ -191,13 +208,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }, _ctx.ptm('icon')), function () {
           return [_ctx.icon ? (openBlock(), createElementBlock("span", mergeProps({
             key: 0,
-            "class": [_ctx.cx('icon'), _ctx.icon, _ctx.iconClass]
-          }, _ctx.ptm('icon')), null, 16)) : createCommentVNode("", true)];
-        }), !$options.hasIcon || !!_ctx.label ? (openBlock(), createElementBlock("span", mergeProps({
-          key: 2,
+            "class": [_ctx.cx('icon'), _ctx.icon, _ctx.iconClass],
+            "data-p": $options.dataIconP
+          }, _ctx.ptm('icon')), null, 16, _hoisted_1)) : createCommentVNode("", true)];
+        }), createElementVNode("span", mergeProps({
           "class": _ctx.cx('label')
-        }, _ctx.ptm('label')), toDisplayString(_ctx.label || ' '), 17)) : createCommentVNode("", true), _ctx.badge ? (openBlock(), createBlock(_component_Badge, {
-          key: 3,
+        }, _ctx.ptm('label'), {
+          "data-p": $options.dataLabelP
+        }), toDisplayString(_ctx.label || ' '), 17, _hoisted_2), _ctx.badge ? (openBlock(), createBlock(_component_Badge, {
+          key: 2,
           value: _ctx.badge,
           "class": normalizeClass(_ctx.badgeClass),
           severity: _ctx.badgeSeverity,
@@ -207,7 +226,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       })];
     }),
     _: 3
-  }, 16, ["class"])), [[_directive_ripple]]) : renderSlot(_ctx.$slots, "default", {
+  }, 16, ["class", "data-p"])), [[_directive_ripple]]) : renderSlot(_ctx.$slots, "default", {
     key: 1,
     "class": normalizeClass(_ctx.cx('root')),
     a11yAttrs: $options.a11yAttrs