primevue 3.26.1 → 3.28.0

package/dataviewlayoutoptions/DataViewLayoutOptions.d.ts

@@ -7,6 +7,7 @@
  * @module dataviewlayoutoptions
  *
  */
+import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 /**
@@ -20,9 +21,18 @@ export interface DataViewLayoutOptionsProps {
 }
 
 /**
- * Defines valid propslotserties in DataViewLayoutOptions component.
+ * Defines valid slots in DataViewLayoutOptions component.
  */
-export interface DataViewLayoutOptionsSlots {}
+export interface DataViewLayoutOptionsSlots {
+    /**
+     * Custom list icon template.
+     */
+    listicon(): VNode[];
+    /**
+     * Custom grid icon template.
+     */
+    gridicon(): VNode[];
+}
 
 /**
  * Defines valid emits in DataViewLayoutOptions component.

package/dataviewlayoutoptions/DataViewLayoutOptions.vue

@@ -1,15 +1,22 @@
 <template>
     <div class="p-dataview-layout-options p-selectbutton p-buttonset" role="group">
         <button :aria-label="listViewAriaLabel" :class="buttonListClass" @click="changeLayout('list')" type="button" :aria-pressed="isListButtonPressed">
-            <i class="pi pi-bars"></i>
+            <slot name="listicon">
+                <BarsIcon />
+            </slot>
         </button>
         <button :aria-label="gridViewAriaLabel" :class="buttonGridClass" @click="changeLayout('grid')" type="button" :aria-pressed="isGridButtonPressed">
-            <i class="pi pi-th-large"></i>
+            <slot name="gridicon">
+                <ThLargeIcon />
+            </slot>
         </button>
     </div>
 </template>
 
 <script>
+import BarsIcon from 'primevue/icons/bars';
+import ThLargeIcon from 'primevue/icons/thlarge';
+
 export default {
     name: 'DataViewLayoutOptions',
     emits: ['update:modelValue'],
@@ -48,6 +55,10 @@ export default {
         gridViewAriaLabel() {
             return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.gridView : undefined;
         }
+    },
+    components: {
+        BarsIcon: BarsIcon,
+        ThLargeIcon: ThLargeIcon
     }
 };
 </script>

package/dataviewlayoutoptions/dataviewlayoutoptions.cjs.js

@@ -1,7 +1,14 @@
 'use strict';
 
+var BarsIcon = require('primevue/icons/bars');
+var ThLargeIcon = require('primevue/icons/thlarge');
 var vue = require('vue');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BarsIcon__default = /*#__PURE__*/_interopDefaultLegacy(BarsIcon);
+var ThLargeIcon__default = /*#__PURE__*/_interopDefaultLegacy(ThLargeIcon);
+
 var script = {
     name: 'DataViewLayoutOptions',
     emits: ['update:modelValue'],
@@ -40,6 +47,10 @@ var script = {
         gridViewAriaLabel() {
             return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.gridView : undefined;
         }
+    },
+    components: {
+        BarsIcon: BarsIcon__default["default"],
+        ThLargeIcon: ThLargeIcon__default["default"]
     }
 };
 
@@ -48,17 +59,12 @@ const _hoisted_1 = {
   role: "group"
 };
 const _hoisted_2 = ["aria-label", "aria-pressed"];
-const _hoisted_3 = /*#__PURE__*/vue.createElementVNode("i", { class: "pi pi-bars" }, null, -1);
-const _hoisted_4 = [
-  _hoisted_3
-];
-const _hoisted_5 = ["aria-label", "aria-pressed"];
-const _hoisted_6 = /*#__PURE__*/vue.createElementVNode("i", { class: "pi pi-th-large" }, null, -1);
-const _hoisted_7 = [
-  _hoisted_6
-];
+const _hoisted_3 = ["aria-label", "aria-pressed"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_BarsIcon = vue.resolveComponent("BarsIcon");
+  const _component_ThLargeIcon = vue.resolveComponent("ThLargeIcon");
+
   return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
     vue.createElementVNode("button", {
       "aria-label": $options.listViewAriaLabel,
@@ -66,14 +72,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = $event => ($options.changeLayout('list'))),
       type: "button",
       "aria-pressed": $data.isListButtonPressed
-    }, _hoisted_4, 10, _hoisted_2),
+    }, [
+      vue.renderSlot(_ctx.$slots, "listicon", {}, () => [
+        vue.createVNode(_component_BarsIcon)
+      ])
+    ], 10, _hoisted_2),
     vue.createElementVNode("button", {
       "aria-label": $options.gridViewAriaLabel,
       class: vue.normalizeClass($options.buttonGridClass),
       onClick: _cache[1] || (_cache[1] = $event => ($options.changeLayout('grid'))),
       type: "button",
       "aria-pressed": $data.isGridButtonPressed
-    }, _hoisted_7, 10, _hoisted_5)
+    }, [
+      vue.renderSlot(_ctx.$slots, "gridicon", {}, () => [
+        vue.createVNode(_component_ThLargeIcon)
+      ])
+    ], 10, _hoisted_3)
   ]))
 }
 

package/dataviewlayoutoptions/dataviewlayoutoptions.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("vue"),t={name:"DataViewLayoutOptions",emits:["update:modelValue"],props:{modelValue:String},data:()=>({isListButtonPressed:!1,isGridButtonPressed:!1}),methods:{changeLayout(e){this.$emit("update:modelValue",e),"list"===e?(this.isListButtonPressed=!0,this.isGridButtonPressed=!1):"grid"===e&&(this.isGridButtonPressed=!0,this.isListButtonPressed=!1)}},computed:{buttonListClass(){return["p-button p-button-icon-only",{"p-highlight":"list"===this.modelValue}]},buttonGridClass(){return["p-button p-button-icon-only",{"p-highlight":"grid"===this.modelValue}]},listViewAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.listView:void 0},gridViewAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.gridView:void 0}}};const i={class:"p-dataview-layout-options p-selectbutton p-buttonset",role:"group"},s=["aria-label","aria-pressed"],a=[e.createElementVNode("i",{class:"pi pi-bars"},null,-1)],r=["aria-label","aria-pressed"],l=[e.createElementVNode("i",{class:"pi pi-th-large"},null,-1)];t.render=function(t,o,n,u,d,p){return e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("button",{"aria-label":p.listViewAriaLabel,class:e.normalizeClass(p.buttonListClass),onClick:o[0]||(o[0]=e=>p.changeLayout("list")),type:"button","aria-pressed":d.isListButtonPressed},a,10,s),e.createElementVNode("button",{"aria-label":p.gridViewAriaLabel,class:e.normalizeClass(p.buttonGridClass),onClick:o[1]||(o[1]=e=>p.changeLayout("grid")),type:"button","aria-pressed":d.isGridButtonPressed},l,10,r)])},module.exports=t;
+"use strict";var e=require("primevue/icons/bars"),t=require("primevue/icons/thlarge"),i=require("vue");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=s(e),o=s(t),a={name:"DataViewLayoutOptions",emits:["update:modelValue"],props:{modelValue:String},data:()=>({isListButtonPressed:!1,isGridButtonPressed:!1}),methods:{changeLayout(e){this.$emit("update:modelValue",e),"list"===e?(this.isListButtonPressed=!0,this.isGridButtonPressed=!1):"grid"===e&&(this.isGridButtonPressed=!0,this.isListButtonPressed=!1)}},computed:{buttonListClass(){return["p-button p-button-icon-only",{"p-highlight":"list"===this.modelValue}]},buttonGridClass(){return["p-button p-button-icon-only",{"p-highlight":"grid"===this.modelValue}]},listViewAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.listView:void 0},gridViewAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.gridView:void 0}},components:{BarsIcon:r.default,ThLargeIcon:o.default}};const n={class:"p-dataview-layout-options p-selectbutton p-buttonset",role:"group"},l=["aria-label","aria-pressed"],u=["aria-label","aria-pressed"];a.render=function(e,t,s,r,o,a){const d=i.resolveComponent("BarsIcon"),c=i.resolveComponent("ThLargeIcon");return i.openBlock(),i.createElementBlock("div",n,[i.createElementVNode("button",{"aria-label":a.listViewAriaLabel,class:i.normalizeClass(a.buttonListClass),onClick:t[0]||(t[0]=e=>a.changeLayout("list")),type:"button","aria-pressed":o.isListButtonPressed},[i.renderSlot(e.$slots,"listicon",{},(()=>[i.createVNode(d)]))],10,l),i.createElementVNode("button",{"aria-label":a.gridViewAriaLabel,class:i.normalizeClass(a.buttonGridClass),onClick:t[1]||(t[1]=e=>a.changeLayout("grid")),type:"button","aria-pressed":o.isGridButtonPressed},[i.renderSlot(e.$slots,"gridicon",{},(()=>[i.createVNode(c)]))],10,u)])},module.exports=a;

package/dataviewlayoutoptions/dataviewlayoutoptions.esm.js

@@ -1,4 +1,6 @@
-import { openBlock, createElementBlock, createElementVNode, normalizeClass } from 'vue';
+import BarsIcon from 'primevue/icons/bars';
+import ThLargeIcon from 'primevue/icons/thlarge';
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createVNode } from 'vue';
 
 var script = {
     name: 'DataViewLayoutOptions',
@@ -38,6 +40,10 @@ var script = {
         gridViewAriaLabel() {
             return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.gridView : undefined;
         }
+    },
+    components: {
+        BarsIcon: BarsIcon,
+        ThLargeIcon: ThLargeIcon
     }
 };
 
@@ -46,17 +52,12 @@ const _hoisted_1 = {
   role: "group"
 };
 const _hoisted_2 = ["aria-label", "aria-pressed"];
-const _hoisted_3 = /*#__PURE__*/createElementVNode("i", { class: "pi pi-bars" }, null, -1);
-const _hoisted_4 = [
-  _hoisted_3
-];
-const _hoisted_5 = ["aria-label", "aria-pressed"];
-const _hoisted_6 = /*#__PURE__*/createElementVNode("i", { class: "pi pi-th-large" }, null, -1);
-const _hoisted_7 = [
-  _hoisted_6
-];
+const _hoisted_3 = ["aria-label", "aria-pressed"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_BarsIcon = resolveComponent("BarsIcon");
+  const _component_ThLargeIcon = resolveComponent("ThLargeIcon");
+
   return (openBlock(), createElementBlock("div", _hoisted_1, [
     createElementVNode("button", {
       "aria-label": $options.listViewAriaLabel,
@@ -64,14 +65,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = $event => ($options.changeLayout('list'))),
       type: "button",
       "aria-pressed": $data.isListButtonPressed
-    }, _hoisted_4, 10, _hoisted_2),
+    }, [
+      renderSlot(_ctx.$slots, "listicon", {}, () => [
+        createVNode(_component_BarsIcon)
+      ])
+    ], 10, _hoisted_2),
     createElementVNode("button", {
       "aria-label": $options.gridViewAriaLabel,
       class: normalizeClass($options.buttonGridClass),
       onClick: _cache[1] || (_cache[1] = $event => ($options.changeLayout('grid'))),
       type: "button",
       "aria-pressed": $data.isGridButtonPressed
-    }, _hoisted_7, 10, _hoisted_5)
+    }, [
+      renderSlot(_ctx.$slots, "gridicon", {}, () => [
+        createVNode(_component_ThLargeIcon)
+      ])
+    ], 10, _hoisted_3)
   ]))
 }
 

package/dataviewlayoutoptions/dataviewlayoutoptions.esm.min.js

@@ -1 +1 @@
-import{openBlock as t,createElementBlock as i,createElementVNode as e,normalizeClass as s}from"vue";var a={name:"DataViewLayoutOptions",emits:["update:modelValue"],props:{modelValue:String},data:()=>({isListButtonPressed:!1,isGridButtonPressed:!1}),methods:{changeLayout(t){this.$emit("update:modelValue",t),"list"===t?(this.isListButtonPressed=!0,this.isGridButtonPressed=!1):"grid"===t&&(this.isGridButtonPressed=!0,this.isListButtonPressed=!1)}},computed:{buttonListClass(){return["p-button p-button-icon-only",{"p-highlight":"list"===this.modelValue}]},buttonGridClass(){return["p-button p-button-icon-only",{"p-highlight":"grid"===this.modelValue}]},listViewAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.listView:void 0},gridViewAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.gridView:void 0}}};const r={class:"p-dataview-layout-options p-selectbutton p-buttonset",role:"group"},o=["aria-label","aria-pressed"],l=[e("i",{class:"pi pi-bars"},null,-1)],n=["aria-label","aria-pressed"],u=[e("i",{class:"pi pi-th-large"},null,-1)];a.render=function(a,d,p,c,b,h){return t(),i("div",r,[e("button",{"aria-label":h.listViewAriaLabel,class:s(h.buttonListClass),onClick:d[0]||(d[0]=t=>h.changeLayout("list")),type:"button","aria-pressed":b.isListButtonPressed},l,10,o),e("button",{"aria-label":h.gridViewAriaLabel,class:s(h.buttonGridClass),onClick:d[1]||(d[1]=t=>h.changeLayout("grid")),type:"button","aria-pressed":b.isGridButtonPressed},u,10,n)])};export{a as default};
+import t from"primevue/icons/bars";import i from"primevue/icons/thlarge";import{resolveComponent as e,openBlock as s,createElementBlock as a,createElementVNode as o,normalizeClass as r,renderSlot as n,createVNode as l}from"vue";var u={name:"DataViewLayoutOptions",emits:["update:modelValue"],props:{modelValue:String},data:()=>({isListButtonPressed:!1,isGridButtonPressed:!1}),methods:{changeLayout(t){this.$emit("update:modelValue",t),"list"===t?(this.isListButtonPressed=!0,this.isGridButtonPressed=!1):"grid"===t&&(this.isGridButtonPressed=!0,this.isListButtonPressed=!1)}},computed:{buttonListClass(){return["p-button p-button-icon-only",{"p-highlight":"list"===this.modelValue}]},buttonGridClass(){return["p-button p-button-icon-only",{"p-highlight":"grid"===this.modelValue}]},listViewAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.listView:void 0},gridViewAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.gridView:void 0}},components:{BarsIcon:t,ThLargeIcon:i}};const d={class:"p-dataview-layout-options p-selectbutton p-buttonset",role:"group"},p=["aria-label","aria-pressed"],c=["aria-label","aria-pressed"];u.render=function(t,i,u,h,b,g){const m=e("BarsIcon"),L=e("ThLargeIcon");return s(),a("div",d,[o("button",{"aria-label":g.listViewAriaLabel,class:r(g.buttonListClass),onClick:i[0]||(i[0]=t=>g.changeLayout("list")),type:"button","aria-pressed":b.isListButtonPressed},[n(t.$slots,"listicon",{},(()=>[l(m)]))],10,p),o("button",{"aria-label":g.gridViewAriaLabel,class:r(g.buttonGridClass),onClick:i[1]||(i[1]=t=>g.changeLayout("grid")),type:"button","aria-pressed":b.isGridButtonPressed},[n(t.$slots,"gridicon",{},(()=>[l(L)]))],10,c)])};export{u as default};

package/dataviewlayoutoptions/dataviewlayoutoptions.js

@@ -1,7 +1,12 @@
 this.primevue = this.primevue || {};
-this.primevue.dataviewlayoutoptions = (function (vue) {
+this.primevue.dataviewlayoutoptions = (function (BarsIcon, ThLargeIcon, vue) {
     'use strict';
 
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BarsIcon__default = /*#__PURE__*/_interopDefaultLegacy(BarsIcon);
+    var ThLargeIcon__default = /*#__PURE__*/_interopDefaultLegacy(ThLargeIcon);
+
     var script = {
         name: 'DataViewLayoutOptions',
         emits: ['update:modelValue'],
@@ -40,6 +45,10 @@ this.primevue.dataviewlayoutoptions = (function (vue) {
             gridViewAriaLabel() {
                 return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.gridView : undefined;
             }
+        },
+        components: {
+            BarsIcon: BarsIcon__default["default"],
+            ThLargeIcon: ThLargeIcon__default["default"]
         }
     };
 
@@ -48,17 +57,12 @@ this.primevue.dataviewlayoutoptions = (function (vue) {
       role: "group"
     };
     const _hoisted_2 = ["aria-label", "aria-pressed"];
-    const _hoisted_3 = /*#__PURE__*/vue.createElementVNode("i", { class: "pi pi-bars" }, null, -1);
-    const _hoisted_4 = [
-      _hoisted_3
-    ];
-    const _hoisted_5 = ["aria-label", "aria-pressed"];
-    const _hoisted_6 = /*#__PURE__*/vue.createElementVNode("i", { class: "pi pi-th-large" }, null, -1);
-    const _hoisted_7 = [
-      _hoisted_6
-    ];
+    const _hoisted_3 = ["aria-label", "aria-pressed"];
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
+      const _component_BarsIcon = vue.resolveComponent("BarsIcon");
+      const _component_ThLargeIcon = vue.resolveComponent("ThLargeIcon");
+
       return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("button", {
           "aria-label": $options.listViewAriaLabel,
@@ -66,14 +70,22 @@ this.primevue.dataviewlayoutoptions = (function (vue) {
           onClick: _cache[0] || (_cache[0] = $event => ($options.changeLayout('list'))),
           type: "button",
           "aria-pressed": $data.isListButtonPressed
-        }, _hoisted_4, 10, _hoisted_2),
+        }, [
+          vue.renderSlot(_ctx.$slots, "listicon", {}, () => [
+            vue.createVNode(_component_BarsIcon)
+          ])
+        ], 10, _hoisted_2),
         vue.createElementVNode("button", {
           "aria-label": $options.gridViewAriaLabel,
           class: vue.normalizeClass($options.buttonGridClass),
           onClick: _cache[1] || (_cache[1] = $event => ($options.changeLayout('grid'))),
           type: "button",
           "aria-pressed": $data.isGridButtonPressed
-        }, _hoisted_7, 10, _hoisted_5)
+        }, [
+          vue.renderSlot(_ctx.$slots, "gridicon", {}, () => [
+            vue.createVNode(_component_ThLargeIcon)
+          ])
+        ], 10, _hoisted_3)
       ]))
     }
 
@@ -81,4 +93,4 @@ this.primevue.dataviewlayoutoptions = (function (vue) {
 
     return script;
 
-})(Vue);
+})(primevue.icons.bars, primevue.icons.thlarge, Vue);

package/dataviewlayoutoptions/dataviewlayoutoptions.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.dataviewlayoutoptions=function(e){"use strict";var t={name:"DataViewLayoutOptions",emits:["update:modelValue"],props:{modelValue:String},data:()=>({isListButtonPressed:!1,isGridButtonPressed:!1}),methods:{changeLayout(e){this.$emit("update:modelValue",e),"list"===e?(this.isListButtonPressed=!0,this.isGridButtonPressed=!1):"grid"===e&&(this.isGridButtonPressed=!0,this.isListButtonPressed=!1)}},computed:{buttonListClass(){return["p-button p-button-icon-only",{"p-highlight":"list"===this.modelValue}]},buttonGridClass(){return["p-button p-button-icon-only",{"p-highlight":"grid"===this.modelValue}]},listViewAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.listView:void 0},gridViewAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.gridView:void 0}}};const i={class:"p-dataview-layout-options p-selectbutton p-buttonset",role:"group"},s=["aria-label","aria-pressed"],a=[e.createElementVNode("i",{class:"pi pi-bars"},null,-1)],r=["aria-label","aria-pressed"],l=[e.createElementVNode("i",{class:"pi pi-th-large"},null,-1)];return t.render=function(t,o,n,u,d,p){return e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("button",{"aria-label":p.listViewAriaLabel,class:e.normalizeClass(p.buttonListClass),onClick:o[0]||(o[0]=e=>p.changeLayout("list")),type:"button","aria-pressed":d.isListButtonPressed},a,10,s),e.createElementVNode("button",{"aria-label":p.gridViewAriaLabel,class:e.normalizeClass(p.buttonGridClass),onClick:o[1]||(o[1]=e=>p.changeLayout("grid")),type:"button","aria-pressed":d.isGridButtonPressed},l,10,r)])},t}(Vue);
+this.primevue=this.primevue||{},this.primevue.dataviewlayoutoptions=function(e,t,i){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(e),a=s(t),r={name:"DataViewLayoutOptions",emits:["update:modelValue"],props:{modelValue:String},data:()=>({isListButtonPressed:!1,isGridButtonPressed:!1}),methods:{changeLayout(e){this.$emit("update:modelValue",e),"list"===e?(this.isListButtonPressed=!0,this.isGridButtonPressed=!1):"grid"===e&&(this.isGridButtonPressed=!0,this.isListButtonPressed=!1)}},computed:{buttonListClass(){return["p-button p-button-icon-only",{"p-highlight":"list"===this.modelValue}]},buttonGridClass(){return["p-button p-button-icon-only",{"p-highlight":"grid"===this.modelValue}]},listViewAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.listView:void 0},gridViewAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.gridView:void 0}},components:{BarsIcon:o.default,ThLargeIcon:a.default}};const n={class:"p-dataview-layout-options p-selectbutton p-buttonset",role:"group"},l=["aria-label","aria-pressed"],u=["aria-label","aria-pressed"];return r.render=function(e,t,s,o,a,r){const d=i.resolveComponent("BarsIcon"),c=i.resolveComponent("ThLargeIcon");return i.openBlock(),i.createElementBlock("div",n,[i.createElementVNode("button",{"aria-label":r.listViewAriaLabel,class:i.normalizeClass(r.buttonListClass),onClick:t[0]||(t[0]=e=>r.changeLayout("list")),type:"button","aria-pressed":a.isListButtonPressed},[i.renderSlot(e.$slots,"listicon",{},(()=>[i.createVNode(d)]))],10,l),i.createElementVNode("button",{"aria-label":r.gridViewAriaLabel,class:i.normalizeClass(r.buttonGridClass),onClick:t[1]||(t[1]=e=>r.changeLayout("grid")),type:"button","aria-pressed":a.isGridButtonPressed},[i.renderSlot(e.$slots,"gridicon",{},(()=>[i.createVNode(c)]))],10,u)])},r}(primevue.icons.bars,primevue.icons.thlarge,Vue);

package/deferredcontent/DeferredContent.d.ts

@@ -10,7 +10,55 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-export interface DeferredContentProps {}
+export declare type DeferredContentPassThroughOptionType = DeferredContentPassThroughAttributes | ((options: DeferredContentPassThroughMethodOptions) => DeferredContentPassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface DeferredContentPassThroughMethodOptions {
+    props: DeferredContentProps;
+    state: DeferredContentState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link DeferredContentProps.pt}
+ */
+export interface DeferredContentPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: DeferredContentPassThroughOptionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface DeferredContentPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current inline state in DeferredContent component.
+ */
+export interface DeferredContentState {
+    /**
+     * Current loaded state as a boolean.
+     * @defaultValue false
+     */
+    loaded?: boolean;
+}
+
+/**
+ * Defines valid props in DeferredContent component.
+ */
+export interface DeferredContentProps {
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {DeferredContentPassThroughOptions}
+     */
+    pt?: DeferredContentPassThroughOptions;
+}
 
 /**
  * Defines valid slots in DeferredContent component.

package/deferredcontent/DeferredContent.vue

@@ -1,12 +1,15 @@
 <template>
-    <div ref="container">
+    <div ref="container" v-bind="ptm('root')">
         <slot v-if="loaded"></slot>
     </div>
 </template>
 
 <script>
+import BaseComponent from 'primevue/basecomponent';
+
 export default {
     name: 'DeferredContent',
+    extends: BaseComponent,
     emits: ['load'],
     data() {
         return {

package/deferredcontent/deferredcontent.cjs.js

@@ -1,9 +1,15 @@
 'use strict';
 
+var BaseComponent = require('primevue/basecomponent');
 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: 'DeferredContent',
+    extends: BaseComponent__default["default"],
     emits: ['load'],
     data() {
         return {
@@ -54,14 +60,12 @@ var script = {
     }
 };
 
-const _hoisted_1 = { ref: "container" };
-
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+  return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ ref: "container" }, _ctx.ptm('root')), [
     ($data.loaded)
       ? vue.renderSlot(_ctx.$slots, "default", { key: 0 })
       : vue.createCommentVNode("", true)
-  ], 512))
+  ], 16))
 }
 
 script.render = render;

package/deferredcontent/deferredcontent.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("vue"),t={name:"DeferredContent",emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(e){this.loaded=!0,this.$emit("load",e)}}};const n={ref:"container"};t.render=function(t,o,i,l,r,d){return e.openBlock(),e.createElementBlock("div",n,[r.loaded?e.renderSlot(t.$slots,"default",{key:0}):e.createCommentVNode("",!0)],512)},module.exports=t;
+"use strict";var e=require("primevue/basecomponent"),t=require("vue");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={name:"DeferredContent",extends:o(e).default,emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(e){this.loaded=!0,this.$emit("load",e)}}};n.render=function(e,o,n,r,i,d){return t.openBlock(),t.createElementBlock("div",t.mergeProps({ref:"container"},e.ptm("root")),[i.loaded?t.renderSlot(e.$slots,"default",{key:0}):t.createCommentVNode("",!0)],16)},module.exports=n;

package/deferredcontent/deferredcontent.esm.js

@@ -1,7 +1,9 @@
-import { openBlock, createElementBlock, renderSlot, createCommentVNode } from 'vue';
+import BaseComponent from 'primevue/basecomponent';
+import { openBlock, createElementBlock, mergeProps, renderSlot, createCommentVNode } from 'vue';
 
 var script = {
     name: 'DeferredContent',
+    extends: BaseComponent,
     emits: ['load'],
     data() {
         return {
@@ -52,14 +54,12 @@ var script = {
     }
 };
 
-const _hoisted_1 = { ref: "container" };
-
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1, [
+  return (openBlock(), createElementBlock("div", mergeProps({ ref: "container" }, _ctx.ptm('root')), [
     ($data.loaded)
       ? renderSlot(_ctx.$slots, "default", { key: 0 })
       : createCommentVNode("", true)
-  ], 512))
+  ], 16))
 }
 
 script.render = render;

package/deferredcontent/deferredcontent.esm.min.js

@@ -1 +1 @@
-import{openBlock as e,createElementBlock as t,renderSlot as n,createCommentVNode as o}from"vue";var i={name:"DeferredContent",emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(e){this.loaded=!0,this.$emit("load",e)}}};const d={ref:"container"};i.render=function(i,l,r,s,c,u){return e(),t("div",d,[c.loaded?n(i.$slots,"default",{key:0}):o("",!0)],512)};export{i as default};
+import e from"primevue/basecomponent";import{openBlock as t,createElementBlock as o,mergeProps as n,renderSlot as i,createCommentVNode as r}from"vue";var d={name:"DeferredContent",extends:e,emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(e){this.loaded=!0,this.$emit("load",e)}}};d.render=function(e,d,l,s,c,u){return t(),o("div",n({ref:"container"},e.ptm("root")),[c.loaded?i(e.$slots,"default",{key:0}):r("",!0)],16)};export{d as default};

package/deferredcontent/deferredcontent.js

@@ -1,9 +1,14 @@
 this.primevue = this.primevue || {};
-this.primevue.deferredcontent = (function (vue) {
+this.primevue.deferredcontent = (function (BaseComponent, 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: 'DeferredContent',
+        extends: BaseComponent__default["default"],
         emits: ['load'],
         data() {
             return {
@@ -54,18 +59,16 @@ this.primevue.deferredcontent = (function (vue) {
         }
     };
 
-    const _hoisted_1 = { ref: "container" };
-
     function render(_ctx, _cache, $props, $setup, $data, $options) {
-      return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ ref: "container" }, _ctx.ptm('root')), [
         ($data.loaded)
           ? vue.renderSlot(_ctx.$slots, "default", { key: 0 })
           : vue.createCommentVNode("", true)
-      ], 512))
+      ], 16))
     }
 
     script.render = render;
 
     return script;
 
-})(Vue);
+})(primevue.basecomponent, Vue);

package/deferredcontent/deferredcontent.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.deferredcontent=function(e){"use strict";var t={name:"DeferredContent",emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(e){this.loaded=!0,this.$emit("load",e)}}};const n={ref:"container"};return t.render=function(t,o,i,r,d,l){return e.openBlock(),e.createElementBlock("div",n,[d.loaded?e.renderSlot(t.$slots,"default",{key:0}):e.createCommentVNode("",!0)],512)},t}(Vue);
+this.primevue=this.primevue||{},this.primevue.deferredcontent=function(e,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o={name:"DeferredContent",extends:n(e).default,emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(e){this.loaded=!0,this.$emit("load",e)}}};return o.render=function(e,n,o,r,i,d){return t.openBlock(),t.createElementBlock("div",t.mergeProps({ref:"container"},e.ptm("root")),[i.loaded?t.renderSlot(e.$slots,"default",{key:0}):t.createCommentVNode("",!0)],16)},o}(primevue.basecomponent,Vue);

package/dialog/Dialog.d.ts

@@ -8,8 +8,90 @@
  *
  */
 import { HTMLAttributes, VNode } from 'vue';
+import { ButtonPassThroughOptions } from '../button';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+export declare type DialogPassThroughOptionType = DialogPassThroughAttributes | ((options: DialogPassThroughMethodOptions) => DialogPassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface DialogPassThroughMethodOptions {
+    props: DialogProps;
+    state: DialogState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link DialogProps.pt}
+ */
+export interface DialogPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: DialogPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the header's DOM element.
+     */
+    header?: DialogPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the header title's DOM element.
+     */
+    headerTitle?: DialogPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the header icons' DOM element.
+     */
+    headerIcons?: DialogPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the maximizable button's DOM element.
+     */
+    maximizableButton?: DialogPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the maximizable icon's DOM element.
+     */
+    maximizableIcon?: DialogPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the Button component.
+     *  @see {@link ButtonPassThroughOptions}
+     */
+    closeButton?: ButtonPassThroughOptions;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: DialogPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the footer's DOM element.
+     */
+    footer?: DialogPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the mask's DOM element.
+     */
+    mask?: DialogPassThroughOptionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface DialogPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current inline state in Dialog component.
+ */
+export interface DialogState {
+    /**
+     * Current visible state of the container as a boolean.
+     * @defaultValue false
+     */
+    containerVisible: boolean;
+    /**
+     * Current maximized state as a boolean.
+     * @defaultValue false
+     */
+    maximized: boolean;
+}
+
 /**
  * Custom breakpoint metadata.
  */
@@ -146,19 +228,24 @@ export interface DialogProps {
     style?: any;
     /**
      * Icon to display in the dialog close button.
-     * @defaultValue pi pi-times
+     * @deprecated since v3.27.0. Use 'closeicon' slot.
      */
     closeIcon?: string | undefined;
     /**
      * Icon to display in the dialog maximize button when dialog is not maximized.
-     * @defaultValue pi pi-window-maximize
+     * @deprecated since v3.27.0. Use 'maximizeicon' slot.
      */
     maximizeIcon?: string | undefined;
     /**
-     * Icon to display in the dialog maximize button when dialog is maximized.
-     * @defaultValue pi pi-window-minimize
+     * Icon to display in the dialog maximize button when dialog is minimized.
+     * @deprecated since v3.27.0. Use 'minimizeicon' slot.
      */
     minimizeIcon?: string | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {DialogPassThroughOptions}
+     */
+    pt?: DialogPassThroughOptions;
 }
 
 /**
@@ -177,6 +264,20 @@ export interface DialogSlots {
      * Custom footer template.
      */
     footer(): VNode[];
+    /**
+     * Custom close icon template.
+     */
+    closeicon(): VNode[];
+    /**
+     * Custom maximize icon template of dialog.
+     * @param {Object} scope - maximize icon slot's params.
+     */
+    maximizeicon(scope: {
+        /**
+         * Maximized state as a boolean
+         */
+        maximized: boolean;
+    }): VNode[];
 }
 
 /**