primevue 3.26.1 → 3.28.0

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

@@ -0,0 +1,33 @@
+<script>
+import { ObjectUtils } from 'primevue/utils';
+
+export default {
+    name: 'BaseComponent',
+    props: {
+        pt: {
+            type: Object,
+            default: undefined
+        }
+    },
+    methods: {
+        getPTItem(obj = {}, key = '') {
+            const fKey = ObjectUtils.convertToFlatCase(key);
+
+            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 this.getPTValue(this.pt, key, { props: this.$props, state: this.$data, ...params });
+        },
+        ptmo(obj = {}, key = '', params = {}) {
+            return this.getPTValue(obj, key, params);
+        }
+    }
+};
+</script>

package/basecomponent/basecomponent.cjs.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var utils = require('primevue/utils');
+
+var script = {
+    name: 'BaseComponent',
+    props: {
+        pt: {
+            type: Object,
+            default: undefined
+        }
+    },
+    methods: {
+        getPTItem(obj = {}, key = '') {
+            const fKey = utils.ObjectUtils.convertToFlatCase(key);
+
+            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 this.getPTValue(this.pt, key, { props: this.$props, state: this.$data, ...params });
+        },
+        ptmo(obj = {}, key = '', params = {}) {
+            return this.getPTValue(obj, key, params);
+        }
+    }
+};
+
+module.exports = script;

package/basecomponent/basecomponent.cjs.min.js

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,33 @@
+import { ObjectUtils } from 'primevue/utils';
+
+var script = {
+    name: 'BaseComponent',
+    props: {
+        pt: {
+            type: Object,
+            default: undefined
+        }
+    },
+    methods: {
+        getPTItem(obj = {}, key = '') {
+            const fKey = ObjectUtils.convertToFlatCase(key);
+
+            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 this.getPTValue(this.pt, key, { props: this.$props, state: this.$data, ...params });
+        },
+        ptmo(obj = {}, key = '', params = {}) {
+            return this.getPTValue(obj, key, params);
+        }
+    }
+};
+
+export { script as default };

package/basecomponent/basecomponent.esm.min.js

@@ -0,0 +1 @@
+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

@@ -0,0 +1,37 @@
+this.primevue = this.primevue || {};
+this.primevue.basecomponent = (function (utils) {
+    'use strict';
+
+    var script = {
+        name: 'BaseComponent',
+        props: {
+            pt: {
+                type: Object,
+                default: undefined
+            }
+        },
+        methods: {
+            getPTItem(obj = {}, key = '') {
+                const fKey = utils.ObjectUtils.convertToFlatCase(key);
+
+                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 this.getPTValue(this.pt, key, { props: this.$props, state: this.$data, ...params });
+            },
+            ptmo(obj = {}, key = '', params = {}) {
+                return this.getPTValue(obj, key, params);
+            }
+        }
+    };
+
+    return script;
+
+})(primevue.utils);

package/basecomponent/basecomponent.min.js

@@ -0,0 +1 @@
+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/basecomponent/package.json

@@ -0,0 +1,8 @@
+{
+  "main": "./basecomponent.cjs.js",
+  "module": "./basecomponent.esm.js",
+  "unpkg": "./basecomponent.min.js",
+  "browser": {
+    "./sfc": "./BaseComponent.vue"
+  }
+}

package/baseicon/BaseIcon.vue

@@ -0,0 +1,66 @@
+<script>
+import { ObjectUtils } from 'primevue/utils';
+
+export default {
+    name: 'BaseIcon',
+    props: {
+        label: {
+            type: String,
+            default: undefined
+        },
+        spin: {
+            type: Boolean,
+            default: false
+        }
+    },
+    methods: {
+        pti() {
+            const isLabelEmpty = ObjectUtils.isEmpty(this.label);
+
+            return {
+                class: [
+                    'p-icon',
+                    {
+                        'p-icon-spin': this.spin
+                    }
+                ],
+                role: !isLabelEmpty ? 'img' : undefined,
+                'aria-label': !isLabelEmpty ? this.label : undefined,
+                'aria-hidden': isLabelEmpty
+            };
+        }
+    }
+};
+</script>
+<style>
+.p-icon {
+    display: inline-block;
+}
+
+.p-icon-spin {
+    -webkit-animation: p-icon-spin 2s infinite linear;
+    animation: p-icon-spin 2s infinite linear;
+}
+
+@-webkit-keyframes p-icon-spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg);
+    }
+}
+
+@keyframes p-icon-spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg);
+    }
+}
+</style>

package/baseicon/baseicon.cjs.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var utils = require('primevue/utils');
+
+var script = {
+    name: 'BaseIcon',
+    props: {
+        label: {
+            type: String,
+            default: undefined
+        },
+        spin: {
+            type: Boolean,
+            default: false
+        }
+    },
+    methods: {
+        pti() {
+            const isLabelEmpty = utils.ObjectUtils.isEmpty(this.label);
+
+            return {
+                class: [
+                    'p-icon',
+                    {
+                        'p-icon-spin': this.spin
+                    }
+                ],
+                role: !isLabelEmpty ? 'img' : undefined,
+                'aria-label': !isLabelEmpty ? this.label : undefined,
+                'aria-hidden': isLabelEmpty
+            };
+        }
+    }
+};
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "\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";
+styleInject(css_248z);
+
+module.exports = script;

package/baseicon/baseicon.cjs.min.js

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,64 @@
+import { ObjectUtils } from 'primevue/utils';
+
+var script = {
+    name: 'BaseIcon',
+    props: {
+        label: {
+            type: String,
+            default: undefined
+        },
+        spin: {
+            type: Boolean,
+            default: false
+        }
+    },
+    methods: {
+        pti() {
+            const isLabelEmpty = ObjectUtils.isEmpty(this.label);
+
+            return {
+                class: [
+                    'p-icon',
+                    {
+                        'p-icon-spin': this.spin
+                    }
+                ],
+                role: !isLabelEmpty ? 'img' : undefined,
+                'aria-label': !isLabelEmpty ? this.label : undefined,
+                'aria-hidden': isLabelEmpty
+            };
+        }
+    }
+};
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "\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";
+styleInject(css_248z);
+
+export { script as default };

package/baseicon/baseicon.esm.min.js

@@ -0,0 +1 @@
+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

@@ -0,0 +1,68 @@
+this.primevue = this.primevue || {};
+this.primevue.baseicon = (function (utils) {
+    'use strict';
+
+    var script = {
+        name: 'BaseIcon',
+        props: {
+            label: {
+                type: String,
+                default: undefined
+            },
+            spin: {
+                type: Boolean,
+                default: false
+            }
+        },
+        methods: {
+            pti() {
+                const isLabelEmpty = utils.ObjectUtils.isEmpty(this.label);
+
+                return {
+                    class: [
+                        'p-icon',
+                        {
+                            'p-icon-spin': this.spin
+                        }
+                    ],
+                    role: !isLabelEmpty ? 'img' : undefined,
+                    'aria-label': !isLabelEmpty ? this.label : undefined,
+                    'aria-hidden': isLabelEmpty
+                };
+            }
+        }
+    };
+
+    function styleInject(css, ref) {
+      if ( ref === void 0 ) ref = {};
+      var insertAt = ref.insertAt;
+
+      if (!css || typeof document === 'undefined') { return; }
+
+      var head = document.head || document.getElementsByTagName('head')[0];
+      var style = document.createElement('style');
+      style.type = 'text/css';
+
+      if (insertAt === 'top') {
+        if (head.firstChild) {
+          head.insertBefore(style, head.firstChild);
+        } else {
+          head.appendChild(style);
+        }
+      } else {
+        head.appendChild(style);
+      }
+
+      if (style.styleSheet) {
+        style.styleSheet.cssText = css;
+      } else {
+        style.appendChild(document.createTextNode(css));
+      }
+    }
+
+    var css_248z = "\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";
+    styleInject(css_248z);
+
+    return script;
+
+})(primevue.utils);

package/baseicon/baseicon.min.js

@@ -0,0 +1 @@
+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/baseicon/package.json

@@ -0,0 +1,8 @@
+{
+  "main": "./baseicon.cjs.js",
+  "module": "./baseicon.esm.js",
+  "unpkg": "./baseicon.min.js",
+  "browser": {
+    "./sfc": "./BaseIcon.vue"
+  }
+}

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) {