primevue 3.27.0 → 3.28.0

package/badge/badge.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("vue"),s={name:"Badge",props:{value:{type:[String,Number],default:null},severity:{type:String,default:null},size:{type:String,default:null}},computed:{containerClass(){return this.$slots.default?"p-overlay-badge":this.badgeClass},badgeClass(){return["p-badge p-component",{"p-badge-no-gutter":e.ObjectUtils.isNotEmpty(this.value)&&1===String(this.value).length,"p-badge-dot":e.ObjectUtils.isEmpty(this.value)&&!this.$slots.default,"p-badge-lg":"large"===this.size,"p-badge-xl":"xlarge"===this.size,"p-badge-info":"info"===this.severity,"p-badge-success":"success"===this.severity,"p-badge-warning":"warning"===this.severity,"p-badge-danger":"danger"===this.severity}]}}};s.render=function(e,s,a,i,l,r){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(r.badgeClass)},[t.renderSlot(e.$slots,"default",{},(()=>[t.createTextVNode(t.toDisplayString(a.value),1)]))],2)},module.exports=s;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/utils"),s=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Badge",extends:r(e).default,props:{value:{type:[String,Number],default:null},severity:{type:String,default:null},size:{type:String,default:null}},computed:{containerClass(){return this.$slots.default?"p-overlay-badge":this.badgeClass},badgeClass(){return["p-badge p-component",{"p-badge-no-gutter":t.ObjectUtils.isNotEmpty(this.value)&&1===String(this.value).length,"p-badge-dot":t.ObjectUtils.isEmpty(this.value)&&!this.$slots.default,"p-badge-lg":"large"===this.size,"p-badge-xl":"xlarge"===this.size,"p-badge-info":"info"===this.severity,"p-badge-success":"success"===this.severity,"p-badge-warning":"warning"===this.severity,"p-badge-danger":"danger"===this.severity}]}}};a.render=function(e,t,r,a,i,l){return s.openBlock(),s.createElementBlock("span",s.mergeProps({class:l.badgeClass},e.ptm("root")),[s.renderSlot(e.$slots,"default",{},(()=>[s.createTextVNode(s.toDisplayString(r.value),1)]))],16)},module.exports=a;

package/badge/badge.esm.js

@@ -1,8 +1,10 @@
+import BaseComponent from 'primevue/basecomponent';
 import { ObjectUtils } from 'primevue/utils';
-import { openBlock, createElementBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { openBlock, createElementBlock, mergeProps, renderSlot, createTextVNode, toDisplayString } from 'vue';
 
 var script = {
     name: 'Badge',
+    extends: BaseComponent,
     props: {
         value: {
             type: [String, Number],
@@ -40,13 +42,11 @@ var script = {
 };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("span", {
-    class: normalizeClass($options.badgeClass)
-  }, [
+  return (openBlock(), createElementBlock("span", mergeProps({ class: $options.badgeClass }, _ctx.ptm('root')), [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createTextVNode(toDisplayString($props.value), 1)
     ])
-  ], 2))
+  ], 16))
 }
 
 script.render = render;

package/badge/badge.esm.min.js

@@ -1 +1 @@
-import{ObjectUtils as e}from"primevue/utils";import{openBlock as t,createElementBlock as s,normalizeClass as a,renderSlot as i,createTextVNode as r,toDisplayString as l}from"vue";var n={name:"Badge",props:{value:{type:[String,Number],default:null},severity:{type:String,default:null},size:{type:String,default:null}},computed:{containerClass(){return this.$slots.default?"p-overlay-badge":this.badgeClass},badgeClass(){return["p-badge p-component",{"p-badge-no-gutter":e.isNotEmpty(this.value)&&1===String(this.value).length,"p-badge-dot":e.isEmpty(this.value)&&!this.$slots.default,"p-badge-lg":"large"===this.size,"p-badge-xl":"xlarge"===this.size,"p-badge-info":"info"===this.severity,"p-badge-success":"success"===this.severity,"p-badge-warning":"warning"===this.severity,"p-badge-danger":"danger"===this.severity}]}}};n.render=function(e,n,g,u,d,p){return t(),s("span",{class:a(p.badgeClass)},[i(e.$slots,"default",{},(()=>[r(l(g.value),1)]))],2)};export{n as default};
+import e from"primevue/basecomponent";import{ObjectUtils as t}from"primevue/utils";import{openBlock as s,createElementBlock as a,mergeProps as r,renderSlot as i,createTextVNode as l,toDisplayString as n}from"vue";var p={name:"Badge",extends:e,props:{value:{type:[String,Number],default:null},severity:{type:String,default:null},size:{type:String,default:null}},computed:{containerClass(){return this.$slots.default?"p-overlay-badge":this.badgeClass},badgeClass(){return["p-badge p-component",{"p-badge-no-gutter":t.isNotEmpty(this.value)&&1===String(this.value).length,"p-badge-dot":t.isEmpty(this.value)&&!this.$slots.default,"p-badge-lg":"large"===this.size,"p-badge-xl":"xlarge"===this.size,"p-badge-info":"info"===this.severity,"p-badge-success":"success"===this.severity,"p-badge-warning":"warning"===this.severity,"p-badge-danger":"danger"===this.severity}]}}};p.render=function(e,t,p,u,d,g){return s(),a("span",r({class:g.badgeClass},e.ptm("root")),[i(e.$slots,"default",{},(()=>[l(n(p.value),1)]))],16)};export{p as default};

package/badge/badge.js

@@ -1,9 +1,14 @@
 this.primevue = this.primevue || {};
-this.primevue.badge = (function (utils, vue) {
+this.primevue.badge = (function (BaseComponent, utils, vue) {
     'use strict';
 
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+
     var script = {
         name: 'Badge',
+        extends: BaseComponent__default["default"],
         props: {
             value: {
                 type: [String, Number],
@@ -41,17 +46,15 @@ this.primevue.badge = (function (utils, vue) {
     };
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
-      return (vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass($options.badgeClass)
-      }, [
+      return (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: $options.badgeClass }, _ctx.ptm('root')), [
         vue.renderSlot(_ctx.$slots, "default", {}, () => [
           vue.createTextVNode(vue.toDisplayString($props.value), 1)
         ])
-      ], 2))
+      ], 16))
     }
 
     script.render = render;
 
     return script;
 
-})(primevue.utils, Vue);
+})(primevue.basecomponent, primevue.utils, Vue);

package/badge/badge.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.badge=function(e,t){"use strict";var s={name:"Badge",props:{value:{type:[String,Number],default:null},severity:{type:String,default:null},size:{type:String,default:null}},computed:{containerClass(){return this.$slots.default?"p-overlay-badge":this.badgeClass},badgeClass(){return["p-badge p-component",{"p-badge-no-gutter":e.ObjectUtils.isNotEmpty(this.value)&&1===String(this.value).length,"p-badge-dot":e.ObjectUtils.isEmpty(this.value)&&!this.$slots.default,"p-badge-lg":"large"===this.size,"p-badge-xl":"xlarge"===this.size,"p-badge-info":"info"===this.severity,"p-badge-success":"success"===this.severity,"p-badge-warning":"warning"===this.severity,"p-badge-danger":"danger"===this.severity}]}}};return s.render=function(e,s,a,i,r,l){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(l.badgeClass)},[t.renderSlot(e.$slots,"default",{},(()=>[t.createTextVNode(t.toDisplayString(a.value),1)]))],2)},s}(primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.badge=function(e,t,s){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"Badge",extends:a(e).default,props:{value:{type:[String,Number],default:null},severity:{type:String,default:null},size:{type:String,default:null}},computed:{containerClass(){return this.$slots.default?"p-overlay-badge":this.badgeClass},badgeClass(){return["p-badge p-component",{"p-badge-no-gutter":t.ObjectUtils.isNotEmpty(this.value)&&1===String(this.value).length,"p-badge-dot":t.ObjectUtils.isEmpty(this.value)&&!this.$slots.default,"p-badge-lg":"large"===this.size,"p-badge-xl":"xlarge"===this.size,"p-badge-info":"info"===this.severity,"p-badge-success":"success"===this.severity,"p-badge-warning":"warning"===this.severity,"p-badge-danger":"danger"===this.severity}]}}};return i.render=function(e,t,a,i,r,n){return s.openBlock(),s.createElementBlock("span",s.mergeProps({class:n.badgeClass},e.ptm("root")),[s.renderSlot(e.$slots,"default",{},(()=>[s.createTextVNode(s.toDisplayString(a.value),1)]))],16)},i}(primevue.basecomponent,primevue.utils,Vue);

package/basecomponent/BaseComponent.vue

@@ -6,7 +6,7 @@ export default {
     props: {
         pt: {
             type: Object,
-            value: {}
+            default: undefined
         }
     },
     methods: {
@@ -15,11 +15,18 @@ export default {
 
             return obj[Object.keys(obj).find((k) => ObjectUtils.convertToFlatCase(k) === fKey) || ''];
         },
+        getPTValue(obj = {}, key = '', params = {}) {
+            const self = ObjectUtils.getItemValue(this.getPTItem(obj, key), params);
+            const globalComponentPT = this.getPTItem(this.$primevue.config.pt, this.$.type.name);
+            const global = ObjectUtils.getItemValue(this.getPTItem(globalComponentPT, key), params);
+
+            return { ...global, ...self };
+        },
         ptm(key = '', params = {}) {
-            return ObjectUtils.getItemValue(this.getPTItem(this.pt, key), { props: this.$props, state: this.$data, ...params });
+            return this.getPTValue(this.pt, key, { props: this.$props, state: this.$data, ...params });
         },
         ptmo(obj = {}, key = '', params = {}) {
-            return ObjectUtils.getItemValue(this.getPTItem(obj, key), params);
+            return this.getPTValue(obj, key, params);
         }
     }
 };

package/basecomponent/basecomponent.cjs.js

@@ -7,7 +7,7 @@ var script = {
     props: {
         pt: {
             type: Object,
-            value: {}
+            default: undefined
         }
     },
     methods: {
@@ -16,11 +16,18 @@ var script = {
 
             return obj[Object.keys(obj).find((k) => utils.ObjectUtils.convertToFlatCase(k) === fKey) || ''];
         },
+        getPTValue(obj = {}, key = '', params = {}) {
+            const self = utils.ObjectUtils.getItemValue(this.getPTItem(obj, key), params);
+            const globalComponentPT = this.getPTItem(this.$primevue.config.pt, this.$.type.name);
+            const global = utils.ObjectUtils.getItemValue(this.getPTItem(globalComponentPT, key), params);
+
+            return { ...global, ...self };
+        },
         ptm(key = '', params = {}) {
-            return utils.ObjectUtils.getItemValue(this.getPTItem(this.pt, key), { props: this.$props, state: this.$data, ...params });
+            return this.getPTValue(this.pt, key, { props: this.$props, state: this.$data, ...params });
         },
         ptmo(obj = {}, key = '', params = {}) {
-            return utils.ObjectUtils.getItemValue(this.getPTItem(obj, key), params);
+            return this.getPTValue(obj, key, params);
         }
     }
 };

package/basecomponent/basecomponent.cjs.min.js

@@ -1 +1 @@
-"use strict";var t=require("primevue/utils"),e={name:"BaseComponent",props:{pt:{type:Object,value:{}}},methods:{getPTItem(e={},s=""){const r=t.ObjectUtils.convertToFlatCase(s);return e[Object.keys(e).find((e=>t.ObjectUtils.convertToFlatCase(e)===r))||""]},ptm(e="",s={}){return t.ObjectUtils.getItemValue(this.getPTItem(this.pt,e),{props:this.$props,state:this.$data,...s})},ptmo(e={},s="",r={}){return t.ObjectUtils.getItemValue(this.getPTItem(e,s),r)}}};module.exports=e;
+"use strict";var t=require("primevue/utils"),e={name:"BaseComponent",props:{pt:{type:Object,default:void 0}},methods:{getPTItem(e={},s=""){const i=t.ObjectUtils.convertToFlatCase(s);return e[Object.keys(e).find((e=>t.ObjectUtils.convertToFlatCase(e)===i))||""]},getPTValue(e={},s="",i={}){const r=t.ObjectUtils.getItemValue(this.getPTItem(e,s),i),a=this.getPTItem(this.$primevue.config.pt,this.$.type.name);return{...t.ObjectUtils.getItemValue(this.getPTItem(a,s),i),...r}},ptm(t="",e={}){return this.getPTValue(this.pt,t,{props:this.$props,state:this.$data,...e})},ptmo(t={},e="",s={}){return this.getPTValue(t,e,s)}}};module.exports=e;

package/basecomponent/basecomponent.esm.js

@@ -5,7 +5,7 @@ var script = {
     props: {
         pt: {
             type: Object,
-            value: {}
+            default: undefined
         }
     },
     methods: {
@@ -14,11 +14,18 @@ var script = {
 
             return obj[Object.keys(obj).find((k) => ObjectUtils.convertToFlatCase(k) === fKey) || ''];
         },
+        getPTValue(obj = {}, key = '', params = {}) {
+            const self = ObjectUtils.getItemValue(this.getPTItem(obj, key), params);
+            const globalComponentPT = this.getPTItem(this.$primevue.config.pt, this.$.type.name);
+            const global = ObjectUtils.getItemValue(this.getPTItem(globalComponentPT, key), params);
+
+            return { ...global, ...self };
+        },
         ptm(key = '', params = {}) {
-            return ObjectUtils.getItemValue(this.getPTItem(this.pt, key), { props: this.$props, state: this.$data, ...params });
+            return this.getPTValue(this.pt, key, { props: this.$props, state: this.$data, ...params });
         },
         ptmo(obj = {}, key = '', params = {}) {
-            return ObjectUtils.getItemValue(this.getPTItem(obj, key), params);
+            return this.getPTValue(obj, key, params);
         }
     }
 };

package/basecomponent/basecomponent.esm.min.js

@@ -1 +1 @@
-import{ObjectUtils as t}from"primevue/utils";var e={name:"BaseComponent",props:{pt:{type:Object,value:{}}},methods:{getPTItem(e={},s=""){const r=t.convertToFlatCase(s);return e[Object.keys(e).find((e=>t.convertToFlatCase(e)===r))||""]},ptm(e="",s={}){return t.getItemValue(this.getPTItem(this.pt,e),{props:this.$props,state:this.$data,...s})},ptmo(e={},s="",r={}){return t.getItemValue(this.getPTItem(e,s),r)}}};export{e as default};
+import{ObjectUtils as t}from"primevue/utils";var e={name:"BaseComponent",props:{pt:{type:Object,default:void 0}},methods:{getPTItem(e={},s=""){const a=t.convertToFlatCase(s);return e[Object.keys(e).find((e=>t.convertToFlatCase(e)===a))||""]},getPTValue(e={},s="",a={}){const r=t.getItemValue(this.getPTItem(e,s),a),o=this.getPTItem(this.$primevue.config.pt,this.$.type.name);return{...t.getItemValue(this.getPTItem(o,s),a),...r}},ptm(t="",e={}){return this.getPTValue(this.pt,t,{props:this.$props,state:this.$data,...e})},ptmo(t={},e="",s={}){return this.getPTValue(t,e,s)}}};export{e as default};

package/basecomponent/basecomponent.js

@@ -7,7 +7,7 @@ this.primevue.basecomponent = (function (utils) {
         props: {
             pt: {
                 type: Object,
-                value: {}
+                default: undefined
             }
         },
         methods: {
@@ -16,11 +16,18 @@ this.primevue.basecomponent = (function (utils) {
 
                 return obj[Object.keys(obj).find((k) => utils.ObjectUtils.convertToFlatCase(k) === fKey) || ''];
             },
+            getPTValue(obj = {}, key = '', params = {}) {
+                const self = utils.ObjectUtils.getItemValue(this.getPTItem(obj, key), params);
+                const globalComponentPT = this.getPTItem(this.$primevue.config.pt, this.$.type.name);
+                const global = utils.ObjectUtils.getItemValue(this.getPTItem(globalComponentPT, key), params);
+
+                return { ...global, ...self };
+            },
             ptm(key = '', params = {}) {
-                return utils.ObjectUtils.getItemValue(this.getPTItem(this.pt, key), { props: this.$props, state: this.$data, ...params });
+                return this.getPTValue(this.pt, key, { props: this.$props, state: this.$data, ...params });
             },
             ptmo(obj = {}, key = '', params = {}) {
-                return utils.ObjectUtils.getItemValue(this.getPTItem(obj, key), params);
+                return this.getPTValue(obj, key, params);
             }
         }
     };

package/basecomponent/basecomponent.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.basecomponent=function(t){"use strict";return{name:"BaseComponent",props:{pt:{type:Object,value:{}}},methods:{getPTItem(e={},s=""){const i=t.ObjectUtils.convertToFlatCase(s);return e[Object.keys(e).find((e=>t.ObjectUtils.convertToFlatCase(e)===i))||""]},ptm(e="",s={}){return t.ObjectUtils.getItemValue(this.getPTItem(this.pt,e),{props:this.$props,state:this.$data,...s})},ptmo(e={},s="",i={}){return t.ObjectUtils.getItemValue(this.getPTItem(e,s),i)}}}}(primevue.utils);
+this.primevue=this.primevue||{},this.primevue.basecomponent=function(t){"use strict";return{name:"BaseComponent",props:{pt:{type:Object,default:void 0}},methods:{getPTItem(e={},s=""){const i=t.ObjectUtils.convertToFlatCase(s);return e[Object.keys(e).find((e=>t.ObjectUtils.convertToFlatCase(e)===i))||""]},getPTValue(e={},s="",i={}){const r=t.ObjectUtils.getItemValue(this.getPTItem(e,s),i),p=this.getPTItem(this.$primevue.config.pt,this.$.type.name);return{...t.ObjectUtils.getItemValue(this.getPTItem(p,s),i),...r}},ptm(t="",e={}){return this.getPTValue(this.pt,t,{props:this.$props,state:this.$data,...e})},ptmo(t={},e="",s={}){return this.getPTValue(t,e,s)}}}}(primevue.utils);

package/baseicon/BaseIcon.vue

@@ -6,11 +6,11 @@ export default {
     props: {
         label: {
             type: String,
-            value: undefined
+            default: undefined
         },
         spin: {
             type: Boolean,
-            value: false
+            default: false
         }
     },
     methods: {

package/baseicon/baseicon.cjs.js

@@ -7,11 +7,11 @@ var script = {
     props: {
         label: {
             type: String,
-            value: undefined
+            default: undefined
         },
         spin: {
             type: Boolean,
-            value: false
+            default: false
         }
     },
     methods: {

package/baseicon/baseicon.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),n={name:"BaseIcon",props:{label:{type:String,value:void 0},spin:{type:Boolean,value:!1}},methods:{pti(){const n=e.ObjectUtils.isEmpty(this.label);return{class:["p-icon",{"p-icon-spin":this.spin}],role:n?void 0:"img","aria-label":n?void 0:this.label,"aria-hidden":n}}}};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n"),module.exports=n;
+"use strict";var e=require("primevue/utils"),n={name:"BaseIcon",props:{label:{type:String,default:void 0},spin:{type:Boolean,default:!1}},methods:{pti(){const n=e.ObjectUtils.isEmpty(this.label);return{class:["p-icon",{"p-icon-spin":this.spin}],role:n?void 0:"img","aria-label":n?void 0:this.label,"aria-hidden":n}}}};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n"),module.exports=n;

package/baseicon/baseicon.esm.js

@@ -5,11 +5,11 @@ var script = {
     props: {
         label: {
             type: String,
-            value: undefined
+            default: undefined
         },
         spin: {
             type: Boolean,
-            value: false
+            default: false
         }
     },
     methods: {

package/baseicon/baseicon.esm.min.js

@@ -1 +1 @@
-import{ObjectUtils as e}from"primevue/utils";var n={name:"BaseIcon",props:{label:{type:String,value:void 0},spin:{type:Boolean,value:!1}},methods:{pti(){const n=e.isEmpty(this.label);return{class:["p-icon",{"p-icon-spin":this.spin}],role:n?void 0:"img","aria-label":n?void 0:this.label,"aria-hidden":n}}}};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n");export{n as default};
+import{ObjectUtils as e}from"primevue/utils";var n={name:"BaseIcon",props:{label:{type:String,default:void 0},spin:{type:Boolean,default:!1}},methods:{pti(){const n=e.isEmpty(this.label);return{class:["p-icon",{"p-icon-spin":this.spin}],role:n?void 0:"img","aria-label":n?void 0:this.label,"aria-hidden":n}}}};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n");export{n as default};

package/baseicon/baseicon.js

@@ -7,11 +7,11 @@ this.primevue.baseicon = (function (utils) {
         props: {
             label: {
                 type: String,
-                value: undefined
+                default: undefined
             },
             spin: {
                 type: Boolean,
-                value: false
+                default: false
             }
         },
         methods: {

package/baseicon/baseicon.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.baseicon=function(e){"use strict";var n={name:"BaseIcon",props:{label:{type:String,value:void 0},spin:{type:Boolean,value:!1}},methods:{pti(){const n=e.ObjectUtils.isEmpty(this.label);return{class:["p-icon",{"p-icon-spin":this.spin}],role:n?void 0:"img","aria-label":n?void 0:this.label,"aria-hidden":n}}}};return function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n"),n}(primevue.utils);
+this.primevue=this.primevue||{},this.primevue.baseicon=function(e){"use strict";var n={name:"BaseIcon",props:{label:{type:String,default:void 0},spin:{type:Boolean,default:!1}},methods:{pti(){const n=e.ObjectUtils.isEmpty(this.label);return{class:["p-icon",{"p-icon-spin":this.spin}],role:n?void 0:"img","aria-label":n?void 0:this.label,"aria-hidden":n}}}};return function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n"),n}(primevue.utils);

package/blockui/BlockUI.d.ts

@@ -10,6 +10,45 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+export declare type BlockUIPassThroughOptionType = BlockUIPassThroughAttributes | ((options: BlockUIPassThroughMethodOptions) => BlockUIPassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface BlockUIPassThroughMethodOptions {
+    props: BlockUIProps;
+    state: BlockUIState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link BlockUIProps.pt}
+ */
+export interface BlockUIPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: BlockUIPassThroughOptionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface BlockUIPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current inline state in BlockUI component.
+ */
+export interface BlockUIState {
+    /**
+     * Current blocked state as a boolean.
+     * @defaultValue false
+     */
+    isBlocked: boolean;
+}
+
 /**
  * Defines valid properties in BlockUI component
  */
@@ -34,6 +73,11 @@ export interface BlockUIProps {
      * @defaultValue true
      */
     autoZIndex?: boolean | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {BlockUIPassThroughOptions}
+     */
+    pt?: BlockUIPassThroughOptions;
 }
 
 /**

package/blockui/BlockUI.vue

@@ -1,14 +1,16 @@
 <template>
-    <div ref="container" class="p-blockui-container" :aria-busy="isBlocked">
+    <div ref="container" class="p-blockui-container" :aria-busy="isBlocked" v-bind="ptm('root')">
         <slot></slot>
     </div>
 </template>
 
 <script>
+import BaseComponent from 'primevue/basecomponent';
 import { DomHandler, ZIndexUtils } from 'primevue/utils';
 
 export default {
     name: 'BlockUI',
+    extends: BaseComponent,
     emits: ['block', 'unblock'],
     props: {
         blocked: {

package/blockui/blockui.cjs.js

@@ -1,10 +1,16 @@
 'use strict';
 
+var BaseComponent = require('primevue/basecomponent');
 var utils = require('primevue/utils');
 var vue = require('vue');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+
 var script = {
     name: 'BlockUI',
+    extends: BaseComponent__default["default"],
     emits: ['block', 'unblock'],
     props: {
         blocked: {
@@ -90,13 +96,13 @@ var script = {
 const _hoisted_1 = ["aria-busy"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", {
+  return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     ref: "container",
     class: "p-blockui-container",
     "aria-busy": $data.isBlocked
-  }, [
+  }, _ctx.ptm('root')), [
     vue.renderSlot(_ctx.$slots, "default")
-  ], 8, _hoisted_1))
+  ], 16, _hoisted_1))
 }
 
 function styleInject(css, ref) {

package/blockui/blockui.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("vue"),o={name:"BlockUI",emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,data:()=>({isBlocked:!1}),watch:{blocked(e){!0===e?this.block():this.unblock()}},mounted(){this.blocked&&this.block()},methods:{block(){let t="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(t+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",t),document.body.appendChild(this.mask),e.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",t),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&e.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.isBlocked=!0,this.$emit("block")},unblock(){e.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){e.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.DomHandler.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}};const n=["aria-busy"];!function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===o&&n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n    position: relative;\n}\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n"),o.render=function(e,o,s,i,l,a){return t.openBlock(),t.createElementBlock("div",{ref:"container",class:"p-blockui-container","aria-busy":l.isBlocked},[t.renderSlot(e.$slots,"default")],8,n)},module.exports=o;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/utils"),o=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"BlockUI",extends:n(e).default,emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,data:()=>({isBlocked:!1}),watch:{blocked(e){!0===e?this.block():this.unblock()}},mounted(){this.blocked&&this.block()},methods:{block(){let e="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(e+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",e),document.body.appendChild(this.mask),t.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",e),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&t.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.isBlocked=!0,this.$emit("block")},unblock(){t.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){t.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),t.DomHandler.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}};const s=["aria-busy"];!function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===o&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n    position: relative;\n}\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n"),i.render=function(e,t,n,i,l,a){return o.openBlock(),o.createElementBlock("div",o.mergeProps({ref:"container",class:"p-blockui-container","aria-busy":l.isBlocked},e.ptm("root")),[o.renderSlot(e.$slots,"default")],16,s)},module.exports=i;

package/blockui/blockui.esm.js

@@ -1,8 +1,10 @@
+import BaseComponent from 'primevue/basecomponent';
 import { DomHandler, ZIndexUtils } from 'primevue/utils';
-import { openBlock, createElementBlock, renderSlot } from 'vue';
+import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
 
 var script = {
     name: 'BlockUI',
+    extends: BaseComponent,
     emits: ['block', 'unblock'],
     props: {
         blocked: {
@@ -88,13 +90,13 @@ var script = {
 const _hoisted_1 = ["aria-busy"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", {
+  return (openBlock(), createElementBlock("div", mergeProps({
     ref: "container",
     class: "p-blockui-container",
     "aria-busy": $data.isBlocked
-  }, [
+  }, _ctx.ptm('root')), [
     renderSlot(_ctx.$slots, "default")
-  ], 8, _hoisted_1))
+  ], 16, _hoisted_1))
 }
 
 function styleInject(css, ref) {

package/blockui/blockui.esm.min.js

@@ -1 +1 @@
-import{DomHandler as e,ZIndexUtils as t}from"primevue/utils";import{openBlock as o,createElementBlock as n,renderSlot as i}from"vue";var s={name:"BlockUI",emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,data:()=>({isBlocked:!1}),watch:{blocked(e){!0===e?this.block():this.unblock()}},mounted(){this.blocked&&this.block()},methods:{block(){let o="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(o+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",o),document.body.appendChild(this.mask),e.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",o),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&t.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.isBlocked=!0,this.$emit("block")},unblock(){e.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){t.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}};const l=["aria-busy"];!function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===o&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n    position: relative;\n}\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n"),s.render=function(e,t,s,a,d,c){return o(),n("div",{ref:"container",class:"p-blockui-container","aria-busy":d.isBlocked},[i(e.$slots,"default")],8,l)};export{s as default};
+import e from"primevue/basecomponent";import{DomHandler as t,ZIndexUtils as o}from"primevue/utils";import{openBlock as n,createElementBlock as i,mergeProps as s,renderSlot as a}from"vue";var l={name:"BlockUI",extends:e,emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,data:()=>({isBlocked:!1}),watch:{blocked(e){!0===e?this.block():this.unblock()}},mounted(){this.blocked&&this.block()},methods:{block(){let e="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(e+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",e),document.body.appendChild(this.mask),t.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",e),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&o.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.isBlocked=!0,this.$emit("block")},unblock(){t.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){o.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),t.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}};const d=["aria-busy"];!function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===o&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n    position: relative;\n}\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n"),l.render=function(e,t,o,l,c,m){return n(),i("div",s({ref:"container",class:"p-blockui-container","aria-busy":c.isBlocked},e.ptm("root")),[a(e.$slots,"default")],16,d)};export{l as default};

package/blockui/blockui.js

@@ -1,9 +1,14 @@
 this.primevue = this.primevue || {};
-this.primevue.blockui = (function (utils, vue) {
+this.primevue.blockui = (function (BaseComponent, utils, vue) {
     'use strict';
 
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+
     var script = {
         name: 'BlockUI',
+        extends: BaseComponent__default["default"],
         emits: ['block', 'unblock'],
         props: {
             blocked: {
@@ -89,13 +94,13 @@ this.primevue.blockui = (function (utils, vue) {
     const _hoisted_1 = ["aria-busy"];
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
-      return (vue.openBlock(), vue.createElementBlock("div", {
+      return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         ref: "container",
         class: "p-blockui-container",
         "aria-busy": $data.isBlocked
-      }, [
+      }, _ctx.ptm('root')), [
         vue.renderSlot(_ctx.$slots, "default")
-      ], 8, _hoisted_1))
+      ], 16, _hoisted_1))
     }
 
     function styleInject(css, ref) {
@@ -132,4 +137,4 @@ this.primevue.blockui = (function (utils, vue) {
 
     return script;
 
-})(primevue.utils, Vue);
+})(primevue.basecomponent, primevue.utils, Vue);

package/blockui/blockui.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.blockui=function(e,t){"use strict";var o={name:"BlockUI",emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,data:()=>({isBlocked:!1}),watch:{blocked(e){!0===e?this.block():this.unblock()}},mounted(){this.blocked&&this.block()},methods:{block(){let t="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(t+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",t),document.body.appendChild(this.mask),e.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",t),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&e.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.isBlocked=!0,this.$emit("block")},unblock(){e.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){e.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.DomHandler.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}};const n=["aria-busy"];return function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===o&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n    position: relative;\n}\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n"),o.render=function(e,o,i,s,l,a){return t.openBlock(),t.createElementBlock("div",{ref:"container",class:"p-blockui-container","aria-busy":l.isBlocked},[t.renderSlot(e.$slots,"default")],8,n)},o}(primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.blockui=function(e,t,o){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"BlockUI",extends:n(e).default,emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,data:()=>({isBlocked:!1}),watch:{blocked(e){!0===e?this.block():this.unblock()}},mounted(){this.blocked&&this.block()},methods:{block(){let e="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(e+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",e),document.body.appendChild(this.mask),t.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",e),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&t.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.isBlocked=!0,this.$emit("block")},unblock(){t.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){t.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),t.DomHandler.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}};const s=["aria-busy"];return function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===o&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n    position: relative;\n}\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n"),i.render=function(e,t,n,i,l,a){return o.openBlock(),o.createElementBlock("div",o.mergeProps({ref:"container",class:"p-blockui-container","aria-busy":l.isBlocked},e.ptm("root")),[o.renderSlot(e.$slots,"default")],16,s)},i}(primevue.basecomponent,primevue.utils,Vue);

package/breadcrumb/Breadcrumb.d.ts

@@ -11,6 +11,61 @@ import { VNode } from 'vue';
 import { MenuItem } from '../menuitem';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+export declare type BreadcrumbPassThroughOptionType = BreadcrumbPassThroughAttributes | ((options: BreadcrumbPassThroughMethodOptions) => BreadcrumbPassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface BreadcrumbPassThroughMethodOptions {
+    props: BreadcrumbProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link BreadcrumbProps.pt}
+ */
+export interface BreadcrumbPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: BreadcrumbPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the list's DOM element.
+     */
+    menu?: BreadcrumbPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the list item's DOM element.
+     */
+    menuitem?: BreadcrumbPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the action's DOM element.
+     */
+    action?: BreadcrumbPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the icon's DOM element.
+     */
+    icon?: BreadcrumbPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the label's DOM element.
+     */
+    label?: BreadcrumbPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the separator's DOM element.
+     */
+    separator?: BreadcrumbPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the separator icon's DOM element.
+     */
+    separatorIcon?: BreadcrumbPassThroughOptionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface BreadcrumbPassThroughAttributes {
+    [key: string]: any;
+}
+
 /**
  * Defines valid properties in Breadcrumb component.
  */
@@ -36,6 +91,11 @@ export interface BreadcrumbProps {
      * Identifier of the underlying menu element.
      */
     'aria-labelledby'?: string | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {BreadcrumbPassThroughOptions}
+     */
+    pt?: BreadcrumbPassThroughOptions;
 }
 
 /**