primevue 3.28.0 → 3.29.0

package/dataview/dataview.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.dataview=function(t,e,a){"use strict";function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r={name:"DataView",emits:["update:first","update:rows","page"],props:{value:{type:Array,default:null},layout:{type:String,default:"list"},rows:{type:Number,default:0},first:{type:Number,default:0},totalRecords:{type:Number,default:0},paginator:{type:Boolean,default:!1},paginatorPosition:{type:String,default:"bottom"},alwaysShowPaginator:{type:Boolean,default:!0},paginatorTemplate:{type:String,default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},currentPageReportTemplate:{type:String,default:"({currentPage} of {totalPages})"},sortField:{type:[String,Function],default:null},sortOrder:{type:Number,default:null},lazy:{type:Boolean,default:!1},dataKey:{type:String,default:null}},data(){return{d_first:this.first,d_rows:this.rows}},watch:{first(t){this.d_first=t},rows(t){this.d_rows=t},sortField(){this.resetPage()},sortOrder(){this.resetPage()}},methods:{getKey(e,a){return this.dataKey?t.ObjectUtils.resolveFieldData(e,this.dataKey):a},onPage(t){this.d_first=t.first,this.d_rows=t.rows,this.$emit("update:first",this.d_first),this.$emit("update:rows",this.d_rows),this.$emit("page",t)},sort(){if(this.value){const e=[...this.value];return e.sort(((e,a)=>{let o=t.ObjectUtils.resolveFieldData(e,this.sortField),r=t.ObjectUtils.resolveFieldData(a,this.sortField),s=null;return s=null==o&&null!=r?-1:null!=o&&null==r?1:null==o&&null==r?0:"string"==typeof o&&"string"==typeof r?o.localeCompare(r,void 0,{numeric:!0}):o<r?-1:o>r?1:0,this.sortOrder*s})),e}return null},resetPage(){this.d_first=0,this.$emit("update:first",this.d_first)}},computed:{containerClass(){return["p-dataview p-component",{"p-dataview-list":"list"===this.layout,"p-dataview-grid":"grid"===this.layout}]},getTotalRecords(){return this.totalRecords?this.totalRecords:this.value?this.value.length:0},empty(){return!this.value||0===this.value.length},paginatorTop(){return this.paginator&&("bottom"!==this.paginatorPosition||"both"===this.paginatorPosition)},paginatorBottom(){return this.paginator&&("top"!==this.paginatorPosition||"both"===this.paginatorPosition)},items(){if(this.value&&this.value.length){let t=this.value;if(t&&t.length&&this.sortField&&(t=this.sort()),this.paginator){const e=this.lazy?0:this.d_first;return t.slice(e,e+this.d_rows)}return t}return null}},components:{DVPaginator:o(e).default}};const s={key:0,class:"p-dataview-header"},i={class:"p-dataview-content"},l={class:"p-grid p-nogutter grid grid-nogutter"},n={key:0,class:"p-col col"},p={class:"p-dataview-emptymessage"},d={key:3,class:"p-dataview-footer"};return r.render=function(t,e,o,r,g,u){const c=a.resolveComponent("DVPaginator");return a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(u.containerClass)},[t.$slots.header?(a.openBlock(),a.createElementBlock("div",s,[a.renderSlot(t.$slots,"header")])):a.createCommentVNode("",!0),u.paginatorTop?(a.openBlock(),a.createBlock(c,{key:1,rows:g.d_rows,first:g.d_first,totalRecords:u.getTotalRecords,pageLinkSize:o.pageLinkSize,template:o.paginatorTemplate,rowsPerPageOptions:o.rowsPerPageOptions,currentPageReportTemplate:o.currentPageReportTemplate,class:a.normalizeClass({"p-paginator-top":u.paginatorTop}),alwaysShow:o.alwaysShowPaginator,onPage:e[0]||(e[0]=t=>u.onPage(t))},a.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorstart")])),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorend")])),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):a.createCommentVNode("",!0),a.createElementVNode("div",i,[a.createElementVNode("div",l,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(u.items,((e,r)=>(a.openBlock(),a.createElementBlock(a.Fragment,{key:u.getKey(e,r)},[t.$slots.list&&"list"===o.layout?a.renderSlot(t.$slots,"list",{key:0,data:e,index:r}):a.createCommentVNode("",!0),t.$slots.grid&&"grid"===o.layout?a.renderSlot(t.$slots,"grid",{key:1,data:e,index:r}):a.createCommentVNode("",!0)],64)))),128)),u.empty?(a.openBlock(),a.createElementBlock("div",n,[a.createElementVNode("div",p,[a.renderSlot(t.$slots,"empty")])])):a.createCommentVNode("",!0)])]),u.paginatorBottom?(a.openBlock(),a.createBlock(c,{key:2,rows:g.d_rows,first:g.d_first,totalRecords:u.getTotalRecords,pageLinkSize:o.pageLinkSize,template:o.paginatorTemplate,rowsPerPageOptions:o.rowsPerPageOptions,currentPageReportTemplate:o.currentPageReportTemplate,class:a.normalizeClass({"p-paginator-bottom":u.paginatorBottom}),alwaysShow:o.alwaysShowPaginator,onPage:e[1]||(e[1]=t=>u.onPage(t))},a.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorstart")])),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorend")])),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):a.createCommentVNode("",!0),t.$slots.footer?(a.openBlock(),a.createElementBlock("div",d,[a.renderSlot(t.$slots,"footer")])):a.createCommentVNode("",!0)],2)},r}(primevue.utils,primevue.paginator,Vue);
+this.primevue=this.primevue||{},this.primevue.dataview=function(t,e,r,a){"use strict";function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=o(t),i=o(e),n={name:"DataView",extends:s.default,emits:["update:first","update:rows","page"],props:{value:{type:Array,default:null},layout:{type:String,default:"list"},rows:{type:Number,default:0},first:{type:Number,default:0},totalRecords:{type:Number,default:0},paginator:{type:Boolean,default:!1},paginatorPosition:{type:String,default:"bottom"},alwaysShowPaginator:{type:Boolean,default:!0},paginatorTemplate:{type:String,default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},currentPageReportTemplate:{type:String,default:"({currentPage} of {totalPages})"},sortField:{type:[String,Function],default:null},sortOrder:{type:Number,default:null},lazy:{type:Boolean,default:!1},dataKey:{type:String,default:null}},data(){return{d_first:this.first,d_rows:this.rows}},watch:{first(t){this.d_first=t},rows(t){this.d_rows=t},sortField(){this.resetPage()},sortOrder(){this.resetPage()}},methods:{getKey(t,e){return this.dataKey?r.ObjectUtils.resolveFieldData(t,this.dataKey):e},onPage(t){this.d_first=t.first,this.d_rows=t.rows,this.$emit("update:first",this.d_first),this.$emit("update:rows",this.d_rows),this.$emit("page",t)},sort(){if(this.value){const t=[...this.value];return t.sort(((t,e)=>{let a=r.ObjectUtils.resolveFieldData(t,this.sortField),o=r.ObjectUtils.resolveFieldData(e,this.sortField),s=null;return s=null==a&&null!=o?-1:null!=a&&null==o?1:null==a&&null==o?0:"string"==typeof a&&"string"==typeof o?a.localeCompare(o,void 0,{numeric:!0}):a<o?-1:a>o?1:0,this.sortOrder*s})),t}return null},resetPage(){this.d_first=0,this.$emit("update:first",this.d_first)}},computed:{containerClass(){return["p-dataview p-component",{"p-dataview-list":"list"===this.layout,"p-dataview-grid":"grid"===this.layout}]},getTotalRecords(){return this.totalRecords?this.totalRecords:this.value?this.value.length:0},empty(){return!this.value||0===this.value.length},paginatorTop(){return this.paginator&&("bottom"!==this.paginatorPosition||"both"===this.paginatorPosition)},paginatorBottom(){return this.paginator&&("top"!==this.paginatorPosition||"both"===this.paginatorPosition)},items(){if(this.value&&this.value.length){let t=this.value;if(t&&t.length&&this.sortField&&(t=this.sort()),this.paginator){const e=this.lazy?0:this.d_first;return t.slice(e,e+this.d_rows)}return t}return null}},components:{DVPaginator:i.default}};return n.render=function(t,e,r,o,s,i){const n=a.resolveComponent("DVPaginator");return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:i.containerClass},t.ptm("root")),[t.$slots.header?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:"p-dataview-header"},t.ptm("header")),[a.renderSlot(t.$slots,"header")],16)):a.createCommentVNode("",!0),i.paginatorTop?(a.openBlock(),a.createBlock(n,{key:1,rows:s.d_rows,first:s.d_first,totalRecords:i.getTotalRecords,pageLinkSize:r.pageLinkSize,template:r.paginatorTemplate,rowsPerPageOptions:r.rowsPerPageOptions,currentPageReportTemplate:r.currentPageReportTemplate,class:a.normalizeClass({"p-paginator-top":i.paginatorTop}),alwaysShow:r.alwaysShowPaginator,onPage:e[0]||(e[0]=t=>i.onPage(t)),pt:t.ptm("paginator")},a.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorstart")])),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorend")])),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow","pt"])):a.createCommentVNode("",!0),a.createElementVNode("div",a.mergeProps({class:"p-dataview-content"},t.ptm("content")),[a.createElementVNode("div",a.mergeProps({class:"p-grid p-nogutter grid grid-nogutter"},t.ptm("grid")),[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(i.items,((e,o)=>(a.openBlock(),a.createElementBlock(a.Fragment,{key:i.getKey(e,o)},[t.$slots.list&&"list"===r.layout?a.renderSlot(t.$slots,"list",{key:0,data:e,index:o}):a.createCommentVNode("",!0),t.$slots.grid&&"grid"===r.layout?a.renderSlot(t.$slots,"grid",{key:1,data:e,index:o}):a.createCommentVNode("",!0)],64)))),128)),i.empty?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:"p-col col"},t.ptm("column")),[a.createElementVNode("div",a.mergeProps({class:"p-dataview-emptymessage"},t.ptm("emptyMessage")),[a.renderSlot(t.$slots,"empty")],16)],16)):a.createCommentVNode("",!0)],16)],16),i.paginatorBottom?(a.openBlock(),a.createBlock(n,{key:2,rows:s.d_rows,first:s.d_first,totalRecords:i.getTotalRecords,pageLinkSize:r.pageLinkSize,template:r.paginatorTemplate,rowsPerPageOptions:r.rowsPerPageOptions,currentPageReportTemplate:r.currentPageReportTemplate,class:a.normalizeClass({"p-paginator-bottom":i.paginatorBottom}),alwaysShow:r.alwaysShowPaginator,onPage:e[1]||(e[1]=t=>i.onPage(t)),pt:t.ptm("root")},a.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorstart")])),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorend")])),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow","pt"])):a.createCommentVNode("",!0),t.$slots.footer?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:3,class:"p-dataview-footer"},t.ptm("footer")),[a.renderSlot(t.$slots,"footer")],16)):a.createCommentVNode("",!0)],16)},n}(primevue.basecomponent,primevue.paginator,primevue.utils,Vue);

package/dataviewlayoutoptions/DataViewLayoutOptions.d.ts

@@ -10,6 +10,66 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+export declare type DataViewLayoutOptionsPassThroughOptionType = DataViewLayoutOptionsPassThroughAttributes | ((options: DataViewLayoutOptionsPassThroughMethodOptions) => DataViewLayoutOptionsPassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface DataViewLayoutOptionsPassThroughMethodOptions {
+    props: DataViewLayoutOptionsProps;
+    state: DataViewLayoutOptionsState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link DataViewLayoutOptionsProps.pt}
+ */
+export interface DataViewLayoutOptionsPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: DataViewLayoutOptionsPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the list button's DOM element.
+     */
+    listButton?: DataViewLayoutOptionsPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the list icon's DOM element.
+     */
+    listIcon?: DataViewLayoutOptionsPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the grid button's DOM element.
+     */
+    gridButton?: DataViewLayoutOptionsPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the grid icon's DOM element.
+     */
+    gridIcon?: DataViewLayoutOptionsPassThroughOptionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface DataViewLayoutOptionsPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current inline state in DataViewLayoutOptions component.
+ */
+export interface DataViewLayoutOptionsState {
+    /**
+     * Current list button pressed state as a boolean.
+     * @defaultValue false
+     */
+    isListButtonPressed: boolean;
+    /**
+     * Current grid button pressed state as a boolean.
+     * @defaultValue false
+     */
+    isGridButtonPressed: boolean;
+}
+
 /**
  * Defines valid properties in DataViewLayoutOptions component.
  */
@@ -18,6 +78,11 @@ export interface DataViewLayoutOptionsProps {
      * Value of the component.
      */
     modelValue?: string | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {DataViewLayoutOptionsPassThroughOptions}
+     */
+    pt?: DataViewLayoutOptionsPassThroughOptions;
 }
 
 /**

package/dataviewlayoutoptions/DataViewLayoutOptions.vue

@@ -1,24 +1,26 @@
 <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">
+    <div class="p-dataview-layout-options p-selectbutton p-buttonset" role="group" v-bind="ptm('root')">
+        <button :aria-label="listViewAriaLabel" :class="buttonListClass" @click="changeLayout('list')" type="button" :aria-pressed="isListButtonPressed" v-bind="ptm('listButton')">
             <slot name="listicon">
-                <BarsIcon />
+                <BarsIcon v-bind="ptm('listIcon')" />
             </slot>
         </button>
-        <button :aria-label="gridViewAriaLabel" :class="buttonGridClass" @click="changeLayout('grid')" type="button" :aria-pressed="isGridButtonPressed">
+        <button :aria-label="gridViewAriaLabel" :class="buttonGridClass" @click="changeLayout('grid')" type="button" :aria-pressed="isGridButtonPressed" v-bind="ptm('gridButton')">
             <slot name="gridicon">
-                <ThLargeIcon />
+                <ThLargeIcon v-bind="ptm('gridIcon')" />
             </slot>
         </button>
     </div>
 </template>
 
 <script>
+import BaseComponent from 'primevue/basecomponent';
 import BarsIcon from 'primevue/icons/bars';
 import ThLargeIcon from 'primevue/icons/thlarge';
 
 export default {
     name: 'DataViewLayoutOptions',
+    extends: BaseComponent,
     emits: ['update:modelValue'],
     props: {
         modelValue: String

package/dataviewlayoutoptions/dataviewlayoutoptions.cjs.js

@@ -1,16 +1,19 @@
 'use strict';
 
+var BaseComponent = require('primevue/basecomponent');
 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 BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 var BarsIcon__default = /*#__PURE__*/_interopDefaultLegacy(BarsIcon);
 var ThLargeIcon__default = /*#__PURE__*/_interopDefaultLegacy(ThLargeIcon);
 
 var script = {
     name: 'DataViewLayoutOptions',
+    extends: BaseComponent__default["default"],
     emits: ['update:modelValue'],
     props: {
         modelValue: String
@@ -54,41 +57,40 @@ var script = {
     }
 };
 
-const _hoisted_1 = {
-  class: "p-dataview-layout-options p-selectbutton p-buttonset",
-  role: "group"
-};
+const _hoisted_1 = ["aria-label", "aria-pressed"];
 const _hoisted_2 = ["aria-label", "aria-pressed"];
-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", {
+  return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+    class: "p-dataview-layout-options p-selectbutton p-buttonset",
+    role: "group"
+  }, _ctx.ptm('root')), [
+    vue.createElementVNode("button", vue.mergeProps({
       "aria-label": $options.listViewAriaLabel,
-      class: vue.normalizeClass($options.buttonListClass),
+      class: $options.buttonListClass,
       onClick: _cache[0] || (_cache[0] = $event => ($options.changeLayout('list'))),
       type: "button",
       "aria-pressed": $data.isListButtonPressed
-    }, [
+    }, _ctx.ptm('listButton')), [
       vue.renderSlot(_ctx.$slots, "listicon", {}, () => [
-        vue.createVNode(_component_BarsIcon)
+        vue.createVNode(_component_BarsIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('listIcon'))), null, 16)
       ])
-    ], 10, _hoisted_2),
-    vue.createElementVNode("button", {
+    ], 16, _hoisted_1),
+    vue.createElementVNode("button", vue.mergeProps({
       "aria-label": $options.gridViewAriaLabel,
-      class: vue.normalizeClass($options.buttonGridClass),
+      class: $options.buttonGridClass,
       onClick: _cache[1] || (_cache[1] = $event => ($options.changeLayout('grid'))),
       type: "button",
       "aria-pressed": $data.isGridButtonPressed
-    }, [
+    }, _ctx.ptm('gridButton')), [
       vue.renderSlot(_ctx.$slots, "gridicon", {}, () => [
-        vue.createVNode(_component_ThLargeIcon)
+        vue.createVNode(_component_ThLargeIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('gridIcon'))), null, 16)
       ])
-    ], 10, _hoisted_3)
-  ]))
+    ], 16, _hoisted_2)
+  ], 16))
 }
 
 script.render = render;

package/dataviewlayoutoptions/dataviewlayoutoptions.cjs.min.js

@@ -1 +1 @@
-"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;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/icons/bars"),i=require("primevue/icons/thlarge"),r=require("vue");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(e),a=o(t),n=o(i),l={name:"DataViewLayoutOptions",extends:s.default,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:a.default,ThLargeIcon:n.default}};const u=["aria-label","aria-pressed"],d=["aria-label","aria-pressed"];l.render=function(e,t,i,o,s,a){const n=r.resolveComponent("BarsIcon"),l=r.resolveComponent("ThLargeIcon");return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:"p-dataview-layout-options p-selectbutton p-buttonset",role:"group"},e.ptm("root")),[r.createElementVNode("button",r.mergeProps({"aria-label":a.listViewAriaLabel,class:a.buttonListClass,onClick:t[0]||(t[0]=e=>a.changeLayout("list")),type:"button","aria-pressed":s.isListButtonPressed},e.ptm("listButton")),[r.renderSlot(e.$slots,"listicon",{},(()=>[r.createVNode(n,r.normalizeProps(r.guardReactiveProps(e.ptm("listIcon"))),null,16)]))],16,u),r.createElementVNode("button",r.mergeProps({"aria-label":a.gridViewAriaLabel,class:a.buttonGridClass,onClick:t[1]||(t[1]=e=>a.changeLayout("grid")),type:"button","aria-pressed":s.isGridButtonPressed},e.ptm("gridButton")),[r.renderSlot(e.$slots,"gridicon",{},(()=>[r.createVNode(l,r.normalizeProps(r.guardReactiveProps(e.ptm("gridIcon"))),null,16)]))],16,d)],16)},module.exports=l;

package/dataviewlayoutoptions/dataviewlayoutoptions.esm.js

@@ -1,9 +1,11 @@
+import BaseComponent from 'primevue/basecomponent';
 import BarsIcon from 'primevue/icons/bars';
 import ThLargeIcon from 'primevue/icons/thlarge';
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot, createVNode, normalizeProps, guardReactiveProps } from 'vue';
 
 var script = {
     name: 'DataViewLayoutOptions',
+    extends: BaseComponent,
     emits: ['update:modelValue'],
     props: {
         modelValue: String
@@ -47,41 +49,40 @@ var script = {
     }
 };
 
-const _hoisted_1 = {
-  class: "p-dataview-layout-options p-selectbutton p-buttonset",
-  role: "group"
-};
+const _hoisted_1 = ["aria-label", "aria-pressed"];
 const _hoisted_2 = ["aria-label", "aria-pressed"];
-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", {
+  return (openBlock(), createElementBlock("div", mergeProps({
+    class: "p-dataview-layout-options p-selectbutton p-buttonset",
+    role: "group"
+  }, _ctx.ptm('root')), [
+    createElementVNode("button", mergeProps({
       "aria-label": $options.listViewAriaLabel,
-      class: normalizeClass($options.buttonListClass),
+      class: $options.buttonListClass,
       onClick: _cache[0] || (_cache[0] = $event => ($options.changeLayout('list'))),
       type: "button",
       "aria-pressed": $data.isListButtonPressed
-    }, [
+    }, _ctx.ptm('listButton')), [
       renderSlot(_ctx.$slots, "listicon", {}, () => [
-        createVNode(_component_BarsIcon)
+        createVNode(_component_BarsIcon, normalizeProps(guardReactiveProps(_ctx.ptm('listIcon'))), null, 16)
       ])
-    ], 10, _hoisted_2),
-    createElementVNode("button", {
+    ], 16, _hoisted_1),
+    createElementVNode("button", mergeProps({
       "aria-label": $options.gridViewAriaLabel,
-      class: normalizeClass($options.buttonGridClass),
+      class: $options.buttonGridClass,
       onClick: _cache[1] || (_cache[1] = $event => ($options.changeLayout('grid'))),
       type: "button",
       "aria-pressed": $data.isGridButtonPressed
-    }, [
+    }, _ctx.ptm('gridButton')), [
       renderSlot(_ctx.$slots, "gridicon", {}, () => [
-        createVNode(_component_ThLargeIcon)
+        createVNode(_component_ThLargeIcon, normalizeProps(guardReactiveProps(_ctx.ptm('gridIcon'))), null, 16)
       ])
-    ], 10, _hoisted_3)
-  ]))
+    ], 16, _hoisted_2)
+  ], 16))
 }
 
 script.render = render;

package/dataviewlayoutoptions/dataviewlayoutoptions.esm.min.js

@@ -1 +1 @@
-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};
+import t from"primevue/basecomponent";import i from"primevue/icons/bars";import e from"primevue/icons/thlarge";import{resolveComponent as s,openBlock as o,createElementBlock as r,mergeProps as a,createElementVNode as n,renderSlot as l,createVNode as u,normalizeProps as d,guardReactiveProps as p}from"vue";var c={name:"DataViewLayoutOptions",extends:t,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:i,ThLargeIcon:e}};const m=["aria-label","aria-pressed"],g=["aria-label","aria-pressed"];c.render=function(t,i,e,c,b,h){const L=s("BarsIcon"),v=s("ThLargeIcon");return o(),r("div",a({class:"p-dataview-layout-options p-selectbutton p-buttonset",role:"group"},t.ptm("root")),[n("button",a({"aria-label":h.listViewAriaLabel,class:h.buttonListClass,onClick:i[0]||(i[0]=t=>h.changeLayout("list")),type:"button","aria-pressed":b.isListButtonPressed},t.ptm("listButton")),[l(t.$slots,"listicon",{},(()=>[u(L,d(p(t.ptm("listIcon"))),null,16)]))],16,m),n("button",a({"aria-label":h.gridViewAriaLabel,class:h.buttonGridClass,onClick:i[1]||(i[1]=t=>h.changeLayout("grid")),type:"button","aria-pressed":b.isGridButtonPressed},t.ptm("gridButton")),[l(t.$slots,"gridicon",{},(()=>[u(v,d(p(t.ptm("gridIcon"))),null,16)]))],16,g)],16)};export{c as default};

package/dataviewlayoutoptions/dataviewlayoutoptions.js

@@ -1,14 +1,16 @@
 this.primevue = this.primevue || {};
-this.primevue.dataviewlayoutoptions = (function (BarsIcon, ThLargeIcon, vue) {
+this.primevue.dataviewlayoutoptions = (function (BaseComponent, BarsIcon, ThLargeIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
     var BarsIcon__default = /*#__PURE__*/_interopDefaultLegacy(BarsIcon);
     var ThLargeIcon__default = /*#__PURE__*/_interopDefaultLegacy(ThLargeIcon);
 
     var script = {
         name: 'DataViewLayoutOptions',
+        extends: BaseComponent__default["default"],
         emits: ['update:modelValue'],
         props: {
             modelValue: String
@@ -52,45 +54,44 @@ this.primevue.dataviewlayoutoptions = (function (BarsIcon, ThLargeIcon, vue) {
         }
     };
 
-    const _hoisted_1 = {
-      class: "p-dataview-layout-options p-selectbutton p-buttonset",
-      role: "group"
-    };
+    const _hoisted_1 = ["aria-label", "aria-pressed"];
     const _hoisted_2 = ["aria-label", "aria-pressed"];
-    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", {
+      return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: "p-dataview-layout-options p-selectbutton p-buttonset",
+        role: "group"
+      }, _ctx.ptm('root')), [
+        vue.createElementVNode("button", vue.mergeProps({
           "aria-label": $options.listViewAriaLabel,
-          class: vue.normalizeClass($options.buttonListClass),
+          class: $options.buttonListClass,
           onClick: _cache[0] || (_cache[0] = $event => ($options.changeLayout('list'))),
           type: "button",
           "aria-pressed": $data.isListButtonPressed
-        }, [
+        }, _ctx.ptm('listButton')), [
           vue.renderSlot(_ctx.$slots, "listicon", {}, () => [
-            vue.createVNode(_component_BarsIcon)
+            vue.createVNode(_component_BarsIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('listIcon'))), null, 16)
           ])
-        ], 10, _hoisted_2),
-        vue.createElementVNode("button", {
+        ], 16, _hoisted_1),
+        vue.createElementVNode("button", vue.mergeProps({
           "aria-label": $options.gridViewAriaLabel,
-          class: vue.normalizeClass($options.buttonGridClass),
+          class: $options.buttonGridClass,
           onClick: _cache[1] || (_cache[1] = $event => ($options.changeLayout('grid'))),
           type: "button",
           "aria-pressed": $data.isGridButtonPressed
-        }, [
+        }, _ctx.ptm('gridButton')), [
           vue.renderSlot(_ctx.$slots, "gridicon", {}, () => [
-            vue.createVNode(_component_ThLargeIcon)
+            vue.createVNode(_component_ThLargeIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('gridIcon'))), null, 16)
           ])
-        ], 10, _hoisted_3)
-      ]))
+        ], 16, _hoisted_2)
+      ], 16))
     }
 
     script.render = render;
 
     return script;
 
-})(primevue.icons.bars, primevue.icons.thlarge, Vue);
+})(primevue.basecomponent, primevue.icons.bars, primevue.icons.thlarge, Vue);

package/dataviewlayoutoptions/dataviewlayoutoptions.min.js

@@ -1 +1 @@
-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);
+this.primevue=this.primevue||{},this.primevue.dataviewlayoutoptions=function(e,t,i,o){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=s(e),a=s(t),n=s(i),l={name:"DataViewLayoutOptions",extends:r.default,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:a.default,ThLargeIcon:n.default}};const u=["aria-label","aria-pressed"],d=["aria-label","aria-pressed"];return l.render=function(e,t,i,s,r,a){const n=o.resolveComponent("BarsIcon"),l=o.resolveComponent("ThLargeIcon");return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:"p-dataview-layout-options p-selectbutton p-buttonset",role:"group"},e.ptm("root")),[o.createElementVNode("button",o.mergeProps({"aria-label":a.listViewAriaLabel,class:a.buttonListClass,onClick:t[0]||(t[0]=e=>a.changeLayout("list")),type:"button","aria-pressed":r.isListButtonPressed},e.ptm("listButton")),[o.renderSlot(e.$slots,"listicon",{},(()=>[o.createVNode(n,o.normalizeProps(o.guardReactiveProps(e.ptm("listIcon"))),null,16)]))],16,u),o.createElementVNode("button",o.mergeProps({"aria-label":a.gridViewAriaLabel,class:a.buttonGridClass,onClick:t[1]||(t[1]=e=>a.changeLayout("grid")),type:"button","aria-pressed":r.isGridButtonPressed},e.ptm("gridButton")),[o.renderSlot(e.$slots,"gridicon",{},(()=>[o.createVNode(l,o.normalizeProps(o.guardReactiveProps(e.ptm("gridIcon"))),null,16)]))],16,d)],16)},l}(primevue.basecomponent,primevue.icons.bars,primevue.icons.thlarge,Vue);

package/dialog/Dialog.d.ts

@@ -8,7 +8,6 @@
  *
  */
 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;
@@ -51,10 +50,13 @@ export interface DialogPassThroughOptions {
      */
     maximizableIcon?: DialogPassThroughOptionType;
     /**
-     * Uses to pass attributes to the Button component.
-     *  @see {@link ButtonPassThroughOptions}
+     * Uses to pass attributes to the close button's component.
      */
-    closeButton?: ButtonPassThroughOptions;
+    closeButton?: DialogPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the close button icon's component.
+     */
+    closeButtonIcon?: DialogPassThroughOptionType;
     /**
      * Uses to pass attributes to the content's DOM element.
      */

package/dialog/Dialog.vue

@@ -32,11 +32,10 @@
                                 @click="close"
                                 :aria-label="closeAriaLabel"
                                 type="button"
-                                :pt="ptm('closeButton')"
-                                v-bind="closeButtonProps"
+                                v-bind="{ ...closeButtonProps, ...ptm('closeButton') }"
                             >
                                 <slot name="closeicon">
-                                    <component :is="closeIcon ? 'span' : 'TimesIcon'" :class="['p-dialog-header-close-icon', closeIcon]" v-bind="ptm('closeButton')['icon']"></component>
+                                    <component :is="closeIcon ? 'span' : 'TimesIcon'" :class="['p-dialog-header-close-icon', closeIcon]" v-bind="ptm('closeButtonIcon')"></component>
                                 </slot>
                             </button>
                         </div>

package/dialog/dialog.cjs.js

@@ -490,7 +490,7 @@ var script = {
 const _hoisted_1 = ["aria-labelledby", "aria-modal"];
 const _hoisted_2 = ["id"];
 const _hoisted_3 = ["autofocus", "tabindex"];
-const _hoisted_4 = ["autofocus", "aria-label", "pt"];
+const _hoisted_4 = ["autofocus", "aria-label"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Portal = vue.resolveComponent("Portal");
@@ -567,13 +567,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     class: "p-dialog-header-icon p-dialog-header-close p-link",
                                     onClick: _cache[1] || (_cache[1] = (...args) => ($options.close && $options.close(...args))),
                                     "aria-label": $options.closeAriaLabel,
-                                    type: "button",
-                                    pt: _ctx.ptm('closeButton')
-                                  }, $props.closeButtonProps), [
+                                    type: "button"
+                                  }, { ...$props.closeButtonProps, ..._ctx.ptm('closeButton') }), [
                                     vue.renderSlot(_ctx.$slots, "closeicon", {}, () => [
                                       (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.closeIcon ? 'span' : 'TimesIcon'), vue.mergeProps({
                                         class: ['p-dialog-header-close-icon', $props.closeIcon]
-                                      }, _ctx.ptm('closeButton')['icon']), null, 16, ["class"]))
+                                      }, _ctx.ptm('closeButtonIcon')), null, 16, ["class"]))
                                     ])
                                   ], 16, _hoisted_4)), [
                                     [_directive_ripple]

package/dialog/dialog.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),t=require("primevue/focustrap"),n=require("primevue/icons/times"),i=require("primevue/icons/windowmaximize"),o=require("primevue/icons/windowminimize"),a=require("primevue/portal"),l=require("primevue/ripple"),s=require("primevue/utils"),r=require("vue");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(e),p=d(t),c=d(n),u=d(i),g=d(o),h=d(a),f=d(l),b={name:"Dialog",extends:m.default,inheritAttrs:!1,emits:["update:visible","show","hide","after-hide","maximize","unmaximize","dragend"],props:{header:{type:null,default:null},footer:{type:null,default:null},visible:{type:Boolean,default:!1},modal:{type:Boolean,default:null},contentStyle:{type:null,default:null},contentClass:{type:String,default:null},contentProps:{type:null,default:null},rtl:{type:Boolean,default:null},maximizable:{type:Boolean,default:!1},dismissableMask:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},showHeader:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0},position:{type:String,default:"center"},breakpoints:{type:Object,default:null},draggable:{type:Boolean,default:!0},keepInViewport:{type:Boolean,default:!0},minX:{type:Number,default:0},minY:{type:Number,default:0},appendTo:{type:String,default:"body"},closeIcon:{type:String,default:void 0},maximizeIcon:{type:String,default:void 0},minimizeIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null},_instance:null},provide(){return{dialogRef:r.computed((()=>this._instance))}},data(){return{containerVisible:this.visible,maximized:!1,focusableMax:null,focusableClose:null}},documentKeydownListener:null,container:null,mask:null,content:null,headerContainer:null,footerContainer:null,maximizableButton:null,closeButton:null,styleElement:null,dragging:null,documentDragListener:null,documentDragEndListener:null,lastPageX:null,lastPageY:null,updated(){this.visible&&(this.containerVisible=this.visible)},beforeUnmount(){this.unbindDocumentState(),this.unbindGlobalListeners(),this.destroyStyle(),this.mask&&this.autoZIndex&&s.ZIndexUtils.clear(this.mask),this.container=null,this.mask=null},mounted(){this.breakpoints&&this.createStyle()},methods:{close(){this.$emit("update:visible",!1)},onBeforeEnter(e){e.setAttribute(this.attributeSelector,"")},onEnter(){this.$emit("show"),this.focus(),this.enableDocumentSettings(),this.bindGlobalListeners(),this.autoZIndex&&s.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal)},onBeforeLeave(){this.modal&&s.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onLeave(){this.$emit("hide"),this.focusableClose=null,this.focusableMax=null},onAfterLeave(){this.autoZIndex&&s.ZIndexUtils.clear(this.mask),this.containerVisible=!1,this.unbindDocumentState(),this.unbindGlobalListeners(),this.$emit("after-hide")},onMaskClick(e){this.dismissableMask&&this.modal&&this.mask===e.target&&this.close()},focus(){const e=e=>e.querySelector("[autofocus]");let t=this.$slots.footer&&e(this.footerContainer);t||(t=this.$slots.header&&e(this.headerContainer),t||(t=this.$slots.default&&e(this.content),t||(this.maximizable?(this.focusableMax=!0,t=this.maximizableButton):(this.focusableClose=!0,t=this.closeButton)))),t&&s.DomHandler.focus(t)},maximize(e){this.maximized?(this.maximized=!1,this.$emit("unmaximize",e)):(this.maximized=!0,this.$emit("maximize",e)),this.modal||(this.maximized?s.DomHandler.addClass(document.body,"p-overflow-hidden"):s.DomHandler.removeClass(document.body,"p-overflow-hidden"))},enableDocumentSettings(){(this.modal||this.maximizable&&this.maximized)&&s.DomHandler.addClass(document.body,"p-overflow-hidden")},unbindDocumentState(){(this.modal||this.maximizable&&this.maximized)&&s.DomHandler.removeClass(document.body,"p-overflow-hidden")},onKeyDown(e){"Escape"===e.code&&this.closeOnEscape&&this.close()},bindDocumentKeyDownListener(){this.documentKeydownListener||(this.documentKeydownListener=this.onKeyDown.bind(this),window.document.addEventListener("keydown",this.documentKeydownListener))},unbindDocumentKeyDownListener(){this.documentKeydownListener&&(window.document.removeEventListener("keydown",this.documentKeydownListener),this.documentKeydownListener=null)},getPositionClass(){const e=["left","right","top","topleft","topright","bottom","bottomleft","bottomright"].find((e=>e===this.position));return e?`p-dialog-${e}`:""},containerRef(e){this.container=e},maskRef(e){this.mask=e},contentRef(e){this.content=e},headerContainerRef(e){this.headerContainer=e},footerContainerRef(e){this.footerContainer=e},maximizableRef(e){this.maximizableButton=e},closeButtonRef(e){this.closeButton=e},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints)e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-dialog[${this.attributeSelector}] {\n                                width: ${this.breakpoints[t]} !important;\n                            }\n                        }\n                    `;this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)},initDrag(e){s.DomHandler.hasClass(e.target,"p-dialog-header-icon")||s.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||this.draggable&&(this.dragging=!0,this.lastPageX=e.pageX,this.lastPageY=e.pageY,this.container.style.margin="0",s.DomHandler.addClass(document.body,"p-unselectable-text"))},bindGlobalListeners(){this.draggable&&(this.bindDocumentDragListener(),this.bindDocumentDragEndListener()),this.closeOnEscape&&this.closable&&this.bindDocumentKeyDownListener()},unbindGlobalListeners(){this.unbindDocumentDragListener(),this.unbindDocumentDragEndListener(),this.unbindDocumentKeyDownListener()},bindDocumentDragListener(){this.documentDragListener=e=>{if(this.dragging){let t=s.DomHandler.getOuterWidth(this.container),n=s.DomHandler.getOuterHeight(this.container),i=e.pageX-this.lastPageX,o=e.pageY-this.lastPageY,a=this.container.getBoundingClientRect(),l=a.left+i,r=a.top+o,d=s.DomHandler.getViewport();this.container.style.position="fixed",this.keepInViewport?(l>=this.minX&&l+t<d.width&&(this.lastPageX=e.pageX,this.container.style.left=l+"px"),r>=this.minY&&r+n<d.height&&(this.lastPageY=e.pageY,this.container.style.top=r+"px")):(this.lastPageX=e.pageX,this.container.style.left=l+"px",this.lastPageY=e.pageY,this.container.style.top=r+"px")}},window.document.addEventListener("mousemove",this.documentDragListener)},unbindDocumentDragListener(){this.documentDragListener&&(window.document.removeEventListener("mousemove",this.documentDragListener),this.documentDragListener=null)},bindDocumentDragEndListener(){this.documentDragEndListener=e=>{this.dragging&&(this.dragging=!1,s.DomHandler.removeClass(document.body,"p-unselectable-text"),this.$emit("dragend",e))},window.document.addEventListener("mouseup",this.documentDragEndListener)},unbindDocumentDragEndListener(){this.documentDragEndListener&&(window.document.removeEventListener("mouseup",this.documentDragEndListener),this.documentDragEndListener=null)}},computed:{maskClass(){return["p-dialog-mask",{"p-component-overlay p-component-overlay-enter":this.modal},this.getPositionClass()]},dialogClass(){return["p-dialog p-component",{"p-dialog-rtl":this.rtl,"p-dialog-maximized":this.maximizable&&this.maximized,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},maximizeIconComponent(){return this.maximized?this.minimizeIcon?"span":"WindowMinimizeIcon":this.maximizeIcon?"span":"WindowMaximizeIcon"},maximizeIconClass(){return`p-dialog-header-maximize-icon ${this.maximized?this.minimizeIcon:this.maximizeIcon}`},ariaId:()=>s.UniqueComponentId(),ariaLabelledById(){return null!=this.header||null!==this.$attrs["aria-labelledby"]?this.ariaId+"_header":null},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0},attributeSelector:()=>s.UniqueComponentId(),contentStyleClass(){return["p-dialog-content",this.contentClass]}},directives:{ripple:f.default,focustrap:p.default},components:{Portal:h.default,WindowMinimizeIcon:g.default,WindowMaximizeIcon:u.default,TimesIcon:c.default}};const v=["aria-labelledby","aria-modal"],y=["id"],x=["autofocus","tabindex"],D=["autofocus","aria-label","pt"];!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-dialog-mask {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    pointer-events: none;\n}\n.p-dialog-mask.p-component-overlay {\n    pointer-events: auto;\n}\n.p-dialog {\n    display: flex;\n    flex-direction: column;\n    pointer-events: auto;\n    max-height: 90%;\n    transform: scale(1);\n}\n.p-dialog-content {\n    overflow-y: auto;\n}\n.p-dialog-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-shrink: 0;\n}\n.p-dialog-footer {\n    flex-shrink: 0;\n}\n.p-dialog .p-dialog-header-icons {\n    display: flex;\n    align-items: center;\n}\n.p-dialog .p-dialog-header-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Fluid */\n.p-fluid .p-dialog-footer .p-button {\n    width: auto;\n}\n\n/* Animation */\n/* Center */\n.p-dialog-enter-active {\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-dialog-leave-active {\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-dialog-enter-from,\n.p-dialog-leave-to {\n    opacity: 0;\n    transform: scale(0.7);\n}\n\n/* Top, Bottom, Left, Right, Top* and Bottom* */\n.p-dialog-top .p-dialog,\n.p-dialog-bottom .p-dialog,\n.p-dialog-left .p-dialog,\n.p-dialog-right .p-dialog,\n.p-dialog-topleft .p-dialog,\n.p-dialog-topright .p-dialog,\n.p-dialog-bottomleft .p-dialog,\n.p-dialog-bottomright .p-dialog {\n    margin: 0.75rem;\n    transform: translate3d(0px, 0px, 0px);\n}\n.p-dialog-top .p-dialog-enter-active,\n.p-dialog-top .p-dialog-leave-active,\n.p-dialog-bottom .p-dialog-enter-active,\n.p-dialog-bottom .p-dialog-leave-active,\n.p-dialog-left .p-dialog-enter-active,\n.p-dialog-left .p-dialog-leave-active,\n.p-dialog-right .p-dialog-enter-active,\n.p-dialog-right .p-dialog-leave-active,\n.p-dialog-topleft .p-dialog-enter-active,\n.p-dialog-topleft .p-dialog-leave-active,\n.p-dialog-topright .p-dialog-enter-active,\n.p-dialog-topright .p-dialog-leave-active,\n.p-dialog-bottomleft .p-dialog-enter-active,\n.p-dialog-bottomleft .p-dialog-leave-active,\n.p-dialog-bottomright .p-dialog-enter-active,\n.p-dialog-bottomright .p-dialog-leave-active {\n    transition: all 0.3s ease-out;\n}\n.p-dialog-top .p-dialog-enter-from,\n.p-dialog-top .p-dialog-leave-to {\n    transform: translate3d(0px, -100%, 0px);\n}\n.p-dialog-bottom .p-dialog-enter-from,\n.p-dialog-bottom .p-dialog-leave-to {\n    transform: translate3d(0px, 100%, 0px);\n}\n.p-dialog-left .p-dialog-enter-from,\n.p-dialog-left .p-dialog-leave-to,\n.p-dialog-topleft .p-dialog-enter-from,\n.p-dialog-topleft .p-dialog-leave-to,\n.p-dialog-bottomleft .p-dialog-enter-from,\n.p-dialog-bottomleft .p-dialog-leave-to {\n    transform: translate3d(-100%, 0px, 0px);\n}\n.p-dialog-right .p-dialog-enter-from,\n.p-dialog-right .p-dialog-leave-to,\n.p-dialog-topright .p-dialog-enter-from,\n.p-dialog-topright .p-dialog-leave-to,\n.p-dialog-bottomright .p-dialog-enter-from,\n.p-dialog-bottomright .p-dialog-leave-to {\n    transform: translate3d(100%, 0px, 0px);\n}\n\n/* Maximize */\n.p-dialog-maximized {\n    -webkit-transition: none;\n    transition: none;\n    transform: none;\n    width: 100vw !important;\n    height: 100vh !important;\n    top: 0px !important;\n    left: 0px !important;\n    max-height: 100%;\n    height: 100%;\n}\n.p-dialog-maximized .p-dialog-content {\n    flex-grow: 1;\n}\n\n/* Position */\n.p-dialog-left {\n    justify-content: flex-start;\n}\n.p-dialog-right {\n    justify-content: flex-end;\n}\n.p-dialog-top {\n    align-items: flex-start;\n}\n.p-dialog-topleft {\n    justify-content: flex-start;\n    align-items: flex-start;\n}\n.p-dialog-topright {\n    justify-content: flex-end;\n    align-items: flex-start;\n}\n.p-dialog-bottom {\n    align-items: flex-end;\n}\n.p-dialog-bottomleft {\n    justify-content: flex-start;\n    align-items: flex-end;\n}\n.p-dialog-bottomright {\n    justify-content: flex-end;\n    align-items: flex-end;\n}\n.p-confirm-dialog .p-dialog-content {\n    display: flex;\n    align-items: center;\n}\n"),b.render=function(e,t,n,i,o,a){const l=r.resolveComponent("Portal"),s=r.resolveDirective("ripple"),d=r.resolveDirective("focustrap");return r.openBlock(),r.createBlock(l,{appendTo:n.appendTo},{default:r.withCtx((()=>[o.containerVisible?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,ref:a.maskRef,class:a.maskClass,onClick:t[3]||(t[3]=(...e)=>a.onMaskClick&&a.onMaskClick(...e))},e.ptm("mask")),[r.createVNode(r.Transition,{name:"p-dialog",onBeforeEnter:a.onBeforeEnter,onEnter:a.onEnter,onBeforeLeave:a.onBeforeLeave,onLeave:a.onLeave,onAfterLeave:a.onAfterLeave,appear:""},{default:r.withCtx((()=>[n.visible?r.withDirectives((r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,ref:a.containerRef,class:a.dialogClass,role:"dialog","aria-labelledby":a.ariaLabelledById,"aria-modal":n.modal},{...e.$attrs,...e.ptm("root")}),[n.showHeader?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,ref:a.headerContainerRef,class:"p-dialog-header",onMousedown:t[2]||(t[2]=(...e)=>a.initDrag&&a.initDrag(...e))},e.ptm("header")),[r.renderSlot(e.$slots,"header",{},(()=>[n.header?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:0,id:a.ariaLabelledById,class:"p-dialog-title"},e.ptm("headerTitle")),r.toDisplayString(n.header),17,y)):r.createCommentVNode("",!0)])),r.createElementVNode("div",r.mergeProps({class:"p-dialog-header-icons"},e.ptm("headerIcons")),[n.maximizable?r.withDirectives((r.openBlock(),r.createElementBlock("button",r.mergeProps({key:0,ref:a.maximizableRef,autofocus:o.focusableMax,class:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:t[0]||(t[0]=(...e)=>a.maximize&&a.maximize(...e)),type:"button",tabindex:n.maximizable?"0":"-1"},e.ptm("maximizableButton")),[r.renderSlot(e.$slots,"maximizeicon",{maximized:o.maximized},(()=>[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(a.maximizeIconComponent),r.mergeProps({class:a.maximizeIconClass},e.ptm("maximizableIcon")),null,16,["class"]))]))],16,x)),[[s]]):r.createCommentVNode("",!0),n.closable?r.withDirectives((r.openBlock(),r.createElementBlock("button",r.mergeProps({key:1,ref:a.closeButtonRef,autofocus:o.focusableClose,class:"p-dialog-header-icon p-dialog-header-close p-link",onClick:t[1]||(t[1]=(...e)=>a.close&&a.close(...e)),"aria-label":a.closeAriaLabel,type:"button",pt:e.ptm("closeButton")},n.closeButtonProps),[r.renderSlot(e.$slots,"closeicon",{},(()=>[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(n.closeIcon?"span":"TimesIcon"),r.mergeProps({class:["p-dialog-header-close-icon",n.closeIcon]},e.ptm("closeButton").icon),null,16,["class"]))]))],16,D)),[[s]]):r.createCommentVNode("",!0)],16)],16)):r.createCommentVNode("",!0),r.createElementVNode("div",r.mergeProps({ref:a.contentRef,class:a.contentStyleClass,style:n.contentStyle},{...n.contentProps,...e.ptm("content")}),[r.renderSlot(e.$slots,"default")],16),n.footer||e.$slots.footer?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:1,ref:a.footerContainerRef,class:"p-dialog-footer"},e.ptm("footer")),[r.renderSlot(e.$slots,"footer",{},(()=>[r.createTextVNode(r.toDisplayString(n.footer),1)]))],16)):r.createCommentVNode("",!0)],16,v)),[[d,{disabled:!n.modal}]]):r.createCommentVNode("",!0)])),_:3},8,["onBeforeEnter","onEnter","onBeforeLeave","onLeave","onAfterLeave"])],16)):r.createCommentVNode("",!0)])),_:3},8,["appendTo"])},module.exports=b;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/focustrap"),n=require("primevue/icons/times"),i=require("primevue/icons/windowmaximize"),o=require("primevue/icons/windowminimize"),a=require("primevue/portal"),l=require("primevue/ripple"),s=require("primevue/utils"),r=require("vue");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(e),p=d(t),c=d(n),u=d(i),g=d(o),h=d(a),f=d(l),b={name:"Dialog",extends:m.default,inheritAttrs:!1,emits:["update:visible","show","hide","after-hide","maximize","unmaximize","dragend"],props:{header:{type:null,default:null},footer:{type:null,default:null},visible:{type:Boolean,default:!1},modal:{type:Boolean,default:null},contentStyle:{type:null,default:null},contentClass:{type:String,default:null},contentProps:{type:null,default:null},rtl:{type:Boolean,default:null},maximizable:{type:Boolean,default:!1},dismissableMask:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},showHeader:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0},position:{type:String,default:"center"},breakpoints:{type:Object,default:null},draggable:{type:Boolean,default:!0},keepInViewport:{type:Boolean,default:!0},minX:{type:Number,default:0},minY:{type:Number,default:0},appendTo:{type:String,default:"body"},closeIcon:{type:String,default:void 0},maximizeIcon:{type:String,default:void 0},minimizeIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null},_instance:null},provide(){return{dialogRef:r.computed((()=>this._instance))}},data(){return{containerVisible:this.visible,maximized:!1,focusableMax:null,focusableClose:null}},documentKeydownListener:null,container:null,mask:null,content:null,headerContainer:null,footerContainer:null,maximizableButton:null,closeButton:null,styleElement:null,dragging:null,documentDragListener:null,documentDragEndListener:null,lastPageX:null,lastPageY:null,updated(){this.visible&&(this.containerVisible=this.visible)},beforeUnmount(){this.unbindDocumentState(),this.unbindGlobalListeners(),this.destroyStyle(),this.mask&&this.autoZIndex&&s.ZIndexUtils.clear(this.mask),this.container=null,this.mask=null},mounted(){this.breakpoints&&this.createStyle()},methods:{close(){this.$emit("update:visible",!1)},onBeforeEnter(e){e.setAttribute(this.attributeSelector,"")},onEnter(){this.$emit("show"),this.focus(),this.enableDocumentSettings(),this.bindGlobalListeners(),this.autoZIndex&&s.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal)},onBeforeLeave(){this.modal&&s.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onLeave(){this.$emit("hide"),this.focusableClose=null,this.focusableMax=null},onAfterLeave(){this.autoZIndex&&s.ZIndexUtils.clear(this.mask),this.containerVisible=!1,this.unbindDocumentState(),this.unbindGlobalListeners(),this.$emit("after-hide")},onMaskClick(e){this.dismissableMask&&this.modal&&this.mask===e.target&&this.close()},focus(){const e=e=>e.querySelector("[autofocus]");let t=this.$slots.footer&&e(this.footerContainer);t||(t=this.$slots.header&&e(this.headerContainer),t||(t=this.$slots.default&&e(this.content),t||(this.maximizable?(this.focusableMax=!0,t=this.maximizableButton):(this.focusableClose=!0,t=this.closeButton)))),t&&s.DomHandler.focus(t)},maximize(e){this.maximized?(this.maximized=!1,this.$emit("unmaximize",e)):(this.maximized=!0,this.$emit("maximize",e)),this.modal||(this.maximized?s.DomHandler.addClass(document.body,"p-overflow-hidden"):s.DomHandler.removeClass(document.body,"p-overflow-hidden"))},enableDocumentSettings(){(this.modal||this.maximizable&&this.maximized)&&s.DomHandler.addClass(document.body,"p-overflow-hidden")},unbindDocumentState(){(this.modal||this.maximizable&&this.maximized)&&s.DomHandler.removeClass(document.body,"p-overflow-hidden")},onKeyDown(e){"Escape"===e.code&&this.closeOnEscape&&this.close()},bindDocumentKeyDownListener(){this.documentKeydownListener||(this.documentKeydownListener=this.onKeyDown.bind(this),window.document.addEventListener("keydown",this.documentKeydownListener))},unbindDocumentKeyDownListener(){this.documentKeydownListener&&(window.document.removeEventListener("keydown",this.documentKeydownListener),this.documentKeydownListener=null)},getPositionClass(){const e=["left","right","top","topleft","topright","bottom","bottomleft","bottomright"].find((e=>e===this.position));return e?`p-dialog-${e}`:""},containerRef(e){this.container=e},maskRef(e){this.mask=e},contentRef(e){this.content=e},headerContainerRef(e){this.headerContainer=e},footerContainerRef(e){this.footerContainer=e},maximizableRef(e){this.maximizableButton=e},closeButtonRef(e){this.closeButton=e},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints)e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-dialog[${this.attributeSelector}] {\n                                width: ${this.breakpoints[t]} !important;\n                            }\n                        }\n                    `;this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)},initDrag(e){s.DomHandler.hasClass(e.target,"p-dialog-header-icon")||s.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||this.draggable&&(this.dragging=!0,this.lastPageX=e.pageX,this.lastPageY=e.pageY,this.container.style.margin="0",s.DomHandler.addClass(document.body,"p-unselectable-text"))},bindGlobalListeners(){this.draggable&&(this.bindDocumentDragListener(),this.bindDocumentDragEndListener()),this.closeOnEscape&&this.closable&&this.bindDocumentKeyDownListener()},unbindGlobalListeners(){this.unbindDocumentDragListener(),this.unbindDocumentDragEndListener(),this.unbindDocumentKeyDownListener()},bindDocumentDragListener(){this.documentDragListener=e=>{if(this.dragging){let t=s.DomHandler.getOuterWidth(this.container),n=s.DomHandler.getOuterHeight(this.container),i=e.pageX-this.lastPageX,o=e.pageY-this.lastPageY,a=this.container.getBoundingClientRect(),l=a.left+i,r=a.top+o,d=s.DomHandler.getViewport();this.container.style.position="fixed",this.keepInViewport?(l>=this.minX&&l+t<d.width&&(this.lastPageX=e.pageX,this.container.style.left=l+"px"),r>=this.minY&&r+n<d.height&&(this.lastPageY=e.pageY,this.container.style.top=r+"px")):(this.lastPageX=e.pageX,this.container.style.left=l+"px",this.lastPageY=e.pageY,this.container.style.top=r+"px")}},window.document.addEventListener("mousemove",this.documentDragListener)},unbindDocumentDragListener(){this.documentDragListener&&(window.document.removeEventListener("mousemove",this.documentDragListener),this.documentDragListener=null)},bindDocumentDragEndListener(){this.documentDragEndListener=e=>{this.dragging&&(this.dragging=!1,s.DomHandler.removeClass(document.body,"p-unselectable-text"),this.$emit("dragend",e))},window.document.addEventListener("mouseup",this.documentDragEndListener)},unbindDocumentDragEndListener(){this.documentDragEndListener&&(window.document.removeEventListener("mouseup",this.documentDragEndListener),this.documentDragEndListener=null)}},computed:{maskClass(){return["p-dialog-mask",{"p-component-overlay p-component-overlay-enter":this.modal},this.getPositionClass()]},dialogClass(){return["p-dialog p-component",{"p-dialog-rtl":this.rtl,"p-dialog-maximized":this.maximizable&&this.maximized,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},maximizeIconComponent(){return this.maximized?this.minimizeIcon?"span":"WindowMinimizeIcon":this.maximizeIcon?"span":"WindowMaximizeIcon"},maximizeIconClass(){return`p-dialog-header-maximize-icon ${this.maximized?this.minimizeIcon:this.maximizeIcon}`},ariaId:()=>s.UniqueComponentId(),ariaLabelledById(){return null!=this.header||null!==this.$attrs["aria-labelledby"]?this.ariaId+"_header":null},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0},attributeSelector:()=>s.UniqueComponentId(),contentStyleClass(){return["p-dialog-content",this.contentClass]}},directives:{ripple:f.default,focustrap:p.default},components:{Portal:h.default,WindowMinimizeIcon:g.default,WindowMaximizeIcon:u.default,TimesIcon:c.default}};const v=["aria-labelledby","aria-modal"],y=["id"],x=["autofocus","tabindex"],D=["autofocus","aria-label"];!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-dialog-mask {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    pointer-events: none;\n}\n.p-dialog-mask.p-component-overlay {\n    pointer-events: auto;\n}\n.p-dialog {\n    display: flex;\n    flex-direction: column;\n    pointer-events: auto;\n    max-height: 90%;\n    transform: scale(1);\n}\n.p-dialog-content {\n    overflow-y: auto;\n}\n.p-dialog-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-shrink: 0;\n}\n.p-dialog-footer {\n    flex-shrink: 0;\n}\n.p-dialog .p-dialog-header-icons {\n    display: flex;\n    align-items: center;\n}\n.p-dialog .p-dialog-header-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Fluid */\n.p-fluid .p-dialog-footer .p-button {\n    width: auto;\n}\n\n/* Animation */\n/* Center */\n.p-dialog-enter-active {\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-dialog-leave-active {\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-dialog-enter-from,\n.p-dialog-leave-to {\n    opacity: 0;\n    transform: scale(0.7);\n}\n\n/* Top, Bottom, Left, Right, Top* and Bottom* */\n.p-dialog-top .p-dialog,\n.p-dialog-bottom .p-dialog,\n.p-dialog-left .p-dialog,\n.p-dialog-right .p-dialog,\n.p-dialog-topleft .p-dialog,\n.p-dialog-topright .p-dialog,\n.p-dialog-bottomleft .p-dialog,\n.p-dialog-bottomright .p-dialog {\n    margin: 0.75rem;\n    transform: translate3d(0px, 0px, 0px);\n}\n.p-dialog-top .p-dialog-enter-active,\n.p-dialog-top .p-dialog-leave-active,\n.p-dialog-bottom .p-dialog-enter-active,\n.p-dialog-bottom .p-dialog-leave-active,\n.p-dialog-left .p-dialog-enter-active,\n.p-dialog-left .p-dialog-leave-active,\n.p-dialog-right .p-dialog-enter-active,\n.p-dialog-right .p-dialog-leave-active,\n.p-dialog-topleft .p-dialog-enter-active,\n.p-dialog-topleft .p-dialog-leave-active,\n.p-dialog-topright .p-dialog-enter-active,\n.p-dialog-topright .p-dialog-leave-active,\n.p-dialog-bottomleft .p-dialog-enter-active,\n.p-dialog-bottomleft .p-dialog-leave-active,\n.p-dialog-bottomright .p-dialog-enter-active,\n.p-dialog-bottomright .p-dialog-leave-active {\n    transition: all 0.3s ease-out;\n}\n.p-dialog-top .p-dialog-enter-from,\n.p-dialog-top .p-dialog-leave-to {\n    transform: translate3d(0px, -100%, 0px);\n}\n.p-dialog-bottom .p-dialog-enter-from,\n.p-dialog-bottom .p-dialog-leave-to {\n    transform: translate3d(0px, 100%, 0px);\n}\n.p-dialog-left .p-dialog-enter-from,\n.p-dialog-left .p-dialog-leave-to,\n.p-dialog-topleft .p-dialog-enter-from,\n.p-dialog-topleft .p-dialog-leave-to,\n.p-dialog-bottomleft .p-dialog-enter-from,\n.p-dialog-bottomleft .p-dialog-leave-to {\n    transform: translate3d(-100%, 0px, 0px);\n}\n.p-dialog-right .p-dialog-enter-from,\n.p-dialog-right .p-dialog-leave-to,\n.p-dialog-topright .p-dialog-enter-from,\n.p-dialog-topright .p-dialog-leave-to,\n.p-dialog-bottomright .p-dialog-enter-from,\n.p-dialog-bottomright .p-dialog-leave-to {\n    transform: translate3d(100%, 0px, 0px);\n}\n\n/* Maximize */\n.p-dialog-maximized {\n    -webkit-transition: none;\n    transition: none;\n    transform: none;\n    width: 100vw !important;\n    height: 100vh !important;\n    top: 0px !important;\n    left: 0px !important;\n    max-height: 100%;\n    height: 100%;\n}\n.p-dialog-maximized .p-dialog-content {\n    flex-grow: 1;\n}\n\n/* Position */\n.p-dialog-left {\n    justify-content: flex-start;\n}\n.p-dialog-right {\n    justify-content: flex-end;\n}\n.p-dialog-top {\n    align-items: flex-start;\n}\n.p-dialog-topleft {\n    justify-content: flex-start;\n    align-items: flex-start;\n}\n.p-dialog-topright {\n    justify-content: flex-end;\n    align-items: flex-start;\n}\n.p-dialog-bottom {\n    align-items: flex-end;\n}\n.p-dialog-bottomleft {\n    justify-content: flex-start;\n    align-items: flex-end;\n}\n.p-dialog-bottomright {\n    justify-content: flex-end;\n    align-items: flex-end;\n}\n.p-confirm-dialog .p-dialog-content {\n    display: flex;\n    align-items: center;\n}\n"),b.render=function(e,t,n,i,o,a){const l=r.resolveComponent("Portal"),s=r.resolveDirective("ripple"),d=r.resolveDirective("focustrap");return r.openBlock(),r.createBlock(l,{appendTo:n.appendTo},{default:r.withCtx((()=>[o.containerVisible?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,ref:a.maskRef,class:a.maskClass,onClick:t[3]||(t[3]=(...e)=>a.onMaskClick&&a.onMaskClick(...e))},e.ptm("mask")),[r.createVNode(r.Transition,{name:"p-dialog",onBeforeEnter:a.onBeforeEnter,onEnter:a.onEnter,onBeforeLeave:a.onBeforeLeave,onLeave:a.onLeave,onAfterLeave:a.onAfterLeave,appear:""},{default:r.withCtx((()=>[n.visible?r.withDirectives((r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,ref:a.containerRef,class:a.dialogClass,role:"dialog","aria-labelledby":a.ariaLabelledById,"aria-modal":n.modal},{...e.$attrs,...e.ptm("root")}),[n.showHeader?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,ref:a.headerContainerRef,class:"p-dialog-header",onMousedown:t[2]||(t[2]=(...e)=>a.initDrag&&a.initDrag(...e))},e.ptm("header")),[r.renderSlot(e.$slots,"header",{},(()=>[n.header?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:0,id:a.ariaLabelledById,class:"p-dialog-title"},e.ptm("headerTitle")),r.toDisplayString(n.header),17,y)):r.createCommentVNode("",!0)])),r.createElementVNode("div",r.mergeProps({class:"p-dialog-header-icons"},e.ptm("headerIcons")),[n.maximizable?r.withDirectives((r.openBlock(),r.createElementBlock("button",r.mergeProps({key:0,ref:a.maximizableRef,autofocus:o.focusableMax,class:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:t[0]||(t[0]=(...e)=>a.maximize&&a.maximize(...e)),type:"button",tabindex:n.maximizable?"0":"-1"},e.ptm("maximizableButton")),[r.renderSlot(e.$slots,"maximizeicon",{maximized:o.maximized},(()=>[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(a.maximizeIconComponent),r.mergeProps({class:a.maximizeIconClass},e.ptm("maximizableIcon")),null,16,["class"]))]))],16,x)),[[s]]):r.createCommentVNode("",!0),n.closable?r.withDirectives((r.openBlock(),r.createElementBlock("button",r.mergeProps({key:1,ref:a.closeButtonRef,autofocus:o.focusableClose,class:"p-dialog-header-icon p-dialog-header-close p-link",onClick:t[1]||(t[1]=(...e)=>a.close&&a.close(...e)),"aria-label":a.closeAriaLabel,type:"button"},{...n.closeButtonProps,...e.ptm("closeButton")}),[r.renderSlot(e.$slots,"closeicon",{},(()=>[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(n.closeIcon?"span":"TimesIcon"),r.mergeProps({class:["p-dialog-header-close-icon",n.closeIcon]},e.ptm("closeButtonIcon")),null,16,["class"]))]))],16,D)),[[s]]):r.createCommentVNode("",!0)],16)],16)):r.createCommentVNode("",!0),r.createElementVNode("div",r.mergeProps({ref:a.contentRef,class:a.contentStyleClass,style:n.contentStyle},{...n.contentProps,...e.ptm("content")}),[r.renderSlot(e.$slots,"default")],16),n.footer||e.$slots.footer?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:1,ref:a.footerContainerRef,class:"p-dialog-footer"},e.ptm("footer")),[r.renderSlot(e.$slots,"footer",{},(()=>[r.createTextVNode(r.toDisplayString(n.footer),1)]))],16)):r.createCommentVNode("",!0)],16,v)),[[d,{disabled:!n.modal}]]):r.createCommentVNode("",!0)])),_:3},8,["onBeforeEnter","onEnter","onBeforeLeave","onLeave","onAfterLeave"])],16)):r.createCommentVNode("",!0)])),_:3},8,["appendTo"])},module.exports=b;

package/dialog/dialog.esm.js

@@ -478,7 +478,7 @@ var script = {
 const _hoisted_1 = ["aria-labelledby", "aria-modal"];
 const _hoisted_2 = ["id"];
 const _hoisted_3 = ["autofocus", "tabindex"];
-const _hoisted_4 = ["autofocus", "aria-label", "pt"];
+const _hoisted_4 = ["autofocus", "aria-label"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Portal = resolveComponent("Portal");
@@ -555,13 +555,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     class: "p-dialog-header-icon p-dialog-header-close p-link",
                                     onClick: _cache[1] || (_cache[1] = (...args) => ($options.close && $options.close(...args))),
                                     "aria-label": $options.closeAriaLabel,
-                                    type: "button",
-                                    pt: _ctx.ptm('closeButton')
-                                  }, $props.closeButtonProps), [
+                                    type: "button"
+                                  }, { ...$props.closeButtonProps, ..._ctx.ptm('closeButton') }), [
                                     renderSlot(_ctx.$slots, "closeicon", {}, () => [
                                       (openBlock(), createBlock(resolveDynamicComponent($props.closeIcon ? 'span' : 'TimesIcon'), mergeProps({
                                         class: ['p-dialog-header-close-icon', $props.closeIcon]
-                                      }, _ctx.ptm('closeButton')['icon']), null, 16, ["class"]))
+                                      }, _ctx.ptm('closeButtonIcon')), null, 16, ["class"]))
                                     ])
                                   ], 16, _hoisted_4)), [
                                     [_directive_ripple]