primereact 9.3.1 → 9.4.0

package/dialog/dialog.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/portal"),i=require("primereact/ripple"),l=require("primereact/utils"),a=require("primereact/icons/times"),c=require("primereact/icons/windowmaximize"),u=require("primereact/icons/windowminimize");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=d(e),p=s(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function b(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=b(e,"string");return"symbol"===g(t)?t:String(t)}function v(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function w(e){if(Array.isArray(e))return h(e)}function E(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function D(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,a=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function z(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e,t){return O(e)||x(e,t)||S(e,t)||z()}var I={defaultProps:{__TYPE:"Dialog",appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximized:!1,minX:0,minY:0,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1,maximizeIcon:null,minimizeIcon:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,I.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,I.defaultProps)}};function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=m.forwardRef((function(e,s){var d=I.getProps(e),g=d.id?d.id:l.UniqueComponentId(),b=k(m.useState(g),2),y=b[0],v=k(m.useState(!1),2),h=v[0],O=v[1],x=k(m.useState(!1),2),z=x[0],P=x[1],j=k(m.useState(d.maximized),2),H=j[0],N=j[1],R=m.useRef(null),M=m.useRef(null),U=m.useRef(null),X=m.useRef(null),T=m.useRef(null),q=m.useRef(null),A=m.useRef(!1),Y=m.useRef(!1),_=m.useRef(null),L=m.useRef(null),B=m.useRef(null),Z=m.useRef(g),J=d.onMaximize?d.maximized:H,V=k(r.useEventListener({type:"keydown",listener:function(e){return de(e)}}),2),W=V[0],F=V[1],$=k(r.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return ye(e)}}),2),K=$[0],G=$[1],Q=k(r.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return ve(e)}}),2),ee=Q[0],te=Q[1],ne=k(r.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return pe(e)}}),2),re=ne[0],oe=ne[1],ie=k(r.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return fe(e)}}),2),le=ie[0],ae=ie[1],ce=function(e){d.onHide(),e.preventDefault()},ue=function(e){d.dismissableMask&&d.modal&&M.current===e.target&&ce(e),d.onMaskClick&&d.onMaskClick(e)},se=function(e){d.onMaximize?d.onMaximize({originalEvent:e,maximized:!J}):N((function(e){return!e})),e.preventDefault()},de=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,r=n.length,o=n[r-1]?n[r-1].id:void 0;if(o===y){var i=document.getElementById(o);if(d.closable&&d.closeOnEscape&&"Escape"===e.key)ce(e),e.stopImmediatePropagation(),n.splice(r-1,1);else if("Tab"===e.key){e.preventDefault();var a=l.DomHandler.getFocusableElements(i);if(a&&a.length>0)if(document.activeElement){var c=a.indexOf(document.activeElement);e.shiftKey?-1===c||0===c?a[a.length-1].focus():a[c-1].focus():-1===c||c===a.length-1?a[0].focus():a[c+1].focus()}else a[0].focus()}}}},me=function(e){l.DomHandler.hasClass(e.target,"p-dialog-header-icon")||l.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||d.draggable&&(A.current=!0,_.current=e.pageX,L.current=e.pageY,R.current.style.margin="0",l.DomHandler.addClass(document.body,"p-unselectable-text"),d.onDragStart&&d.onDragStart(e))},pe=function(e){if(A.current){var t=l.DomHandler.getOuterWidth(R.current),n=l.DomHandler.getOuterHeight(R.current),r=e.pageX-_.current,o=e.pageY-L.current,i=R.current.getBoundingClientRect(),a=i.left+r,c=i.top+o,u=l.DomHandler.getViewport();R.current.style.position="fixed",d.keepInViewport?(a>=d.minX&&a+t<u.width&&(_.current=e.pageX,R.current.style.left=a+"px"),c>=d.minY&&c+n<u.height&&(L.current=e.pageY,R.current.style.top=c+"px")):(_.current=e.pageX,R.current.style.left=a+"px",L.current=e.pageY,R.current.style.top=c+"px"),d.onDrag&&d.onDrag(e)}},fe=function(e){A.current&&(A.current=!1,l.DomHandler.removeClass(document.body,"p-unselectable-text"),d.onDragEnd&&d.onDragEnd(e))},ge=function(e){d.resizable&&(Y.current=!0,_.current=e.pageX,L.current=e.pageY,l.DomHandler.addClass(document.body,"p-unselectable-text"),d.onResizeStart&&d.onResizeStart(e))},be=function(e,t,n){!n&&(n=l.DomHandler.getViewport());var r=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?r*(n[t]/100):r},ye=function(e){if(Y.current){var t=e.pageX-_.current,n=e.pageY-L.current,r=l.DomHandler.getOuterWidth(R.current),o=l.DomHandler.getOuterHeight(R.current),i=R.current.getBoundingClientRect(),a=l.DomHandler.getViewport(),c=!parseInt(R.current.style.top)||!parseInt(R.current.style.left),u=be(R.current.style.minWidth,"width",a),s=be(R.current.style.minHeight,"height",a),m=r+t,p=o+n;c&&(m+=t,p+=n),(!u||m>u)&&i.left+m<a.width&&(R.current.style.width=m+"px"),(!s||p>s)&&i.top+p<a.height&&(R.current.style.height=p+"px"),_.current=e.pageX,L.current=e.pageY,d.onResize&&d.onResize(e)}},ve=function(e){Y.current&&(Y.current=!1,l.DomHandler.removeClass(document.body,"p-unselectable-text"),d.onResizeEnd&&d.onResizeEnd(e))},he=function(){R.current.style.position="",R.current.style.left="",R.current.style.top="",R.current.style.margin=""},we=function(){R.current.setAttribute(Z.current,"")},Ee=function(){var e;d.onShow&&d.onShow(),d.focusOnShow&&!((e=document.activeElement)&&R.current&&R.current.contains(e))&&d.closable&&d.showHeader&&q.current.focus(),Oe()},Se=function(){d.modal&&l.DomHandler.addClass(M.current,"p-component-overlay-leave"),d.blockScroll&&l.DomHandler.removeClass(document.body,"p-overflow-hidden")},De=function(){A.current=!1,l.ZIndexUtils.clear(M.current),O(!1),xe()},Oe=function(){ze(),(d.blockScroll||d.maximizable&&J)&&l.DomHandler.addClass(document.body,"p-overflow-hidden")},xe=function(){ke();var e=d.maximizable&&J;d.modal?(document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))||e)&&l.DomHandler.removeClass(document.body,"p-overflow-hidden"):(d.blockScroll||e)&&l.DomHandler.removeClass(document.body,"p-overflow-hidden")},ze=function(){d.draggable&&(re(),le()),d.resizable&&(K(),ee()),W();var e,t={id:y,hasBlockScroll:d.blockScroll};document.primeDialogParams=document.primeDialogParams?[].concat(w(e=document.primeDialogParams)||E(e)||S(e)||D(),[t]):[t]},ke=function(){oe(),ae(),G(),te(),F(),document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==y}))},Ie=function(){B.current=l.DomHandler.createInlineStyle(p.default.nonce);var e="";for(var t in d.breakpoints)e+="\n                @media screen and (max-width: ".concat(t,") {\n                    .p-dialog[").concat(Z.current,"] {\n                        width: ").concat(d.breakpoints[t]," !important;\n                    }\n                }\n            ");B.current.innerHTML=e};r.useMountEffect((function(){d.visible&&O(!0),d.breakpoints&&Ie()})),r.useUpdateEffect((function(){d.visible&&!h&&O(!0),d.visible!==z&&h&&P(d.visible)})),r.useUpdateEffect((function(){h&&(l.ZIndexUtils.set("modal",M.current,p.default.autoZIndex,d.baseZIndex||p.default.zIndex.modal),P(!0))}),[h]),r.useUpdateEffect((function(){d.blockScroll||l.DomHandler[J?"addClass":"removeClass"](document.body,"p-overflow-hidden")}),[d.maximized,H]),r.useUnmountEffect((function(){xe(),l.DomHandler.removeInlineStyle(B.current),l.ZIndexUtils.clear(M.current)})),m.useImperativeHandle(s,(function(){return{props:d,resetPosition:he,getElement:function(){return R.current},getMask:function(){return M.current},getContent:function(){return U.current},getHeader:function(){return X.current},getFooter:function(){return T.current},getCloseButton:function(){return q.current}}}));var Pe,Ce,je,He,Ne,Re,Me,Ue,Xe,Te=function(){if(d.closable){var e=d.ariaCloseIconLabel||t.localeOption("close"),n={className:"p-dialog-header-close-icon","aria-hidden":!0},r=l.IconUtils.getJSXIcon(d.closeIcon||m.createElement(a.TimesIcon,n),C({},n),{props:d});return m.createElement("button",{ref:q,type:"button",className:"p-dialog-header-icon p-dialog-header-close p-link","aria-label":e,onClick:ce},r,m.createElement(i.Ripple,null))}return null},qe=function(){if(d.showHeader){var e=Te(),t=(s="p-dialog-header-maximize-icon",p=l.IconUtils.getJSXIcon(J?d.minimizeIcon||m.createElement(u.WindowMinimizeIcon,{className:s}):d.maximizeIcon||m.createElement(c.WindowMaximizeIcon,{className:s}),{className:s},{props:d}),d.maximizable?m.createElement("button",{type:"button",className:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:se},p,m.createElement(i.Ripple,null)):null),n=l.ObjectUtils.getJSXElement(d.icons,d),r=l.ObjectUtils.getJSXElement(d.header,d),o=y+"_header",a=l.classNames("p-dialog-header",d.headerClassName);return m.createElement("div",{ref:X,style:d.headerStyle,className:a,onMouseDown:me},m.createElement("div",{id:o,className:"p-dialog-title"},r),m.createElement("div",{className:"p-dialog-header-icons"},n,t,e))}var s,p;return null},Ae=function(){var e=l.classNames("p-dialog-content",d.contentClassName);return m.createElement("div",{id:y+"_content",ref:U,className:e,style:d.contentStyle},d.children)},Ye=function(){var e=l.ObjectUtils.getJSXElement(d.footer,d);return e&&m.createElement("div",{ref:T,className:"p-dialog-footer"},e)};return h&&(Ce=I.getOtherProps(d),je=l.classNames("p-dialog p-component",d.className,{"p-dialog-rtl":d.rtl,"p-dialog-maximized":J,"p-dialog-default":!J,"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple}),He=l.classNames("p-dialog-mask",(Pe=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===d.position||e.replace("-","")===d.position})))?"p-dialog-".concat(Pe):"",{"p-component-overlay p-component-overlay-enter":d.modal,"p-dialog-visible":h,"p-dialog-draggable":d.draggable,"p-dialog-resizable":d.resizable},d.maskClassName),Ne=qe(),Re=Ae(),Me=Ye(),Ue=d.resizable?m.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:ge}):null,Xe=m.createElement("div",{ref:M,style:d.maskStyle,className:He,onClick:ue},m.createElement(n.CSSTransition,{nodeRef:R,classNames:"p-dialog",timeout:{enter:"center"===d.position?150:300,exit:"center"===d.position?150:300},in:z,options:d.transitionOptions,unmountOnExit:!0,onEnter:we,onEntered:Ee,onExiting:Se,onExited:De},m.createElement("div",f({ref:R,id:y,className:je,style:d.style,onClick:d.onClick,role:"dialog"},Ce,{"aria-labelledby":y+"_header","aria-describedby":y+"_content","aria-modal":d.modal}),Ne,Re,Me,Ue))),m.createElement(o.Portal,{element:Xe,appendTo:d.appendTo,visible:!0}))}));j.displayName="Dialog",exports.Dialog=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/icons/times"),i=require("primereact/icons/windowmaximize"),a=require("primereact/icons/windowminimize"),l=require("primereact/portal"),u=require("primereact/ripple"),c=require("primereact/utils"),s=require("primereact/componentbase");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=d(e),f=m(t);function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function b(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=b(e,"string");return"symbol"===g(t)?t:String(t)}function v(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function w(e){if(Array.isArray(e))return h(e)}function E(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function D(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e){if(Array.isArray(e))return e}function z(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,t){return x(e)||z(e,t)||D(e,t)||O()}var k=s.ComponentBase.extend({defaultProps:{__TYPE:"Dialog",appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximizeIcon:null,maximized:!1,minX:0,minY:0,minimizeIcon:null,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1,children:void 0}});function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=p.forwardRef((function(e,s){var m=k.getProps(e),d=m.id?m.id:c.UniqueComponentId(),g=P(p.useState(d),2),b=g[0],y=P(p.useState(!1),2),v=y[0],h=y[1],x=P(p.useState(!1),2),z=x[0],O=x[1],I=P(p.useState(m.maximized),2),H=I[0],j=I[1],R=p.useRef(null),N=p.useRef(null),M=p.useRef(null),U=p.useRef(null),X=p.useRef(null),T=p.useRef(null),q=p.useRef(null),A=p.useRef(!1),B=p.useRef(!1),Y=p.useRef(null),_=p.useRef(null),L=p.useRef(null),V=p.useRef(d),Z=m.onMaximize?m.maximized:H,J=k.setMetaData({props:m,state:{id:b,maximized:Z,containerVisible:v}}).ptm,W=P(r.useEventListener({type:"keydown",listener:function(e){return pe(e)}}),2),F=W[0],$=W[1],K=P(r.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return he(e)}}),2),G=K[0],Q=K[1],ee=P(r.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return we(e)}}),2),te=ee[0],ne=ee[1],re=P(r.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return ge(e)}}),2),oe=re[0],ie=re[1],ae=P(r.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return be(e)}}),2),le=ae[0],ue=ae[1],ce=function(e){m.onHide(),e.preventDefault()},se=function(e){M.current=e.target,m.onPointerDown&&m.onPointerDown(e)},me=function(e){m.dismissableMask&&m.modal&&N.current===e.target&&!M.current&&ce(e),m.onMaskClick&&m.onMaskClick(e),M.current=null},de=function(e){m.onMaximize?m.onMaximize({originalEvent:e,maximized:!Z}):j((function(e){return!e})),e.preventDefault()},pe=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,r=n.length,o=n[r-1]?n[r-1].id:void 0;if(o===b){var i=document.getElementById(o);if(m.closable&&m.closeOnEscape&&"Escape"===e.key)ce(e),e.stopImmediatePropagation(),n.splice(r-1,1);else if("Tab"===e.key){e.preventDefault();var a=c.DomHandler.getFocusableElements(i);if(a&&a.length>0)if(document.activeElement){var l=a.indexOf(document.activeElement);e.shiftKey?-1===l||0===l?a[a.length-1].focus():a[l-1].focus():-1===l||l===a.length-1?a[0].focus():a[l+1].focus()}else a[0].focus()}}}},fe=function(e){c.DomHandler.hasClass(e.target,"p-dialog-header-icon")||c.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||m.draggable&&(A.current=!0,Y.current=e.pageX,_.current=e.pageY,R.current.style.margin="0",c.DomHandler.addClass(document.body,"p-unselectable-text"),m.onDragStart&&m.onDragStart(e))},ge=function(e){if(A.current){var t=c.DomHandler.getOuterWidth(R.current),n=c.DomHandler.getOuterHeight(R.current),r=e.pageX-Y.current,o=e.pageY-_.current,i=R.current.getBoundingClientRect(),a=i.left+r,l=i.top+o,u=c.DomHandler.getViewport();R.current.style.position="fixed",m.keepInViewport?(a>=m.minX&&a+t<u.width&&(Y.current=e.pageX,R.current.style.left=a+"px"),l>=m.minY&&l+n<u.height&&(_.current=e.pageY,R.current.style.top=l+"px")):(Y.current=e.pageX,R.current.style.left=a+"px",_.current=e.pageY,R.current.style.top=l+"px"),m.onDrag&&m.onDrag(e)}},be=function(e){A.current&&(A.current=!1,c.DomHandler.removeClass(document.body,"p-unselectable-text"),m.onDragEnd&&m.onDragEnd(e))},ye=function(e){m.resizable&&(B.current=!0,Y.current=e.pageX,_.current=e.pageY,c.DomHandler.addClass(document.body,"p-unselectable-text"),m.onResizeStart&&m.onResizeStart(e))},ve=function(e,t,n){!n&&(n=c.DomHandler.getViewport());var r=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?r*(n[t]/100):r},he=function(e){if(B.current){var t=e.pageX-Y.current,n=e.pageY-_.current,r=c.DomHandler.getOuterWidth(R.current),o=c.DomHandler.getOuterHeight(R.current),i=R.current.getBoundingClientRect(),a=c.DomHandler.getViewport(),l=!parseInt(R.current.style.top)||!parseInt(R.current.style.left),u=ve(R.current.style.minWidth,"width",a),s=ve(R.current.style.minHeight,"height",a),d=r+t,p=o+n;l&&(d+=t,p+=n),(!u||d>u)&&i.left+d<a.width&&(R.current.style.width=d+"px"),(!s||p>s)&&i.top+p<a.height&&(R.current.style.height=p+"px"),Y.current=e.pageX,_.current=e.pageY,m.onResize&&m.onResize(e)}},we=function(e){B.current&&(B.current=!1,c.DomHandler.removeClass(document.body,"p-unselectable-text"),m.onResizeEnd&&m.onResizeEnd(e))},Ee=function(){R.current.style.position="",R.current.style.left="",R.current.style.top="",R.current.style.margin=""},De=function(){R.current.setAttribute(V.current,"")},Se=function(){var e;m.onShow&&m.onShow(),m.focusOnShow&&!((e=document.activeElement)&&R.current&&R.current.contains(e))&&m.closable&&m.showHeader&&q.current.focus(),Oe()},xe=function(){m.modal&&c.DomHandler.addClass(N.current,"p-component-overlay-leave"),m.blockScroll&&c.DomHandler.removeClass(document.body,"p-overflow-hidden")},ze=function(){A.current=!1,c.ZIndexUtils.clear(N.current),h(!1),Pe()},Oe=function(){ke(),(m.blockScroll||m.maximizable&&Z)&&c.DomHandler.addClass(document.body,"p-overflow-hidden")},Pe=function(){Ie();var e=m.maximizable&&Z;m.modal?(document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))||e)&&c.DomHandler.removeClass(document.body,"p-overflow-hidden"):(m.blockScroll||e)&&c.DomHandler.removeClass(document.body,"p-overflow-hidden")},ke=function(){m.draggable&&(oe(),le()),m.resizable&&(G(),te()),F();var e,t={id:b,hasBlockScroll:m.blockScroll};document.primeDialogParams=document.primeDialogParams?[].concat(w(e=document.primeDialogParams)||E(e)||D(e)||S(),[t]):[t]},Ie=function(){ie(),ue(),Q(),ne(),$(),document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==b}))},Ce=function(){L.current=c.DomHandler.createInlineStyle(f.default.nonce);var e="";for(var t in m.breakpoints)e+="\n                @media screen and (max-width: ".concat(t,") {\n                    .p-dialog[").concat(V.current,"] {\n                        width: ").concat(m.breakpoints[t]," !important;\n                    }\n                }\n            ");L.current.innerHTML=e};r.useMountEffect((function(){m.visible&&h(!0),m.breakpoints&&Ce()})),r.useUpdateEffect((function(){m.visible&&!v&&h(!0),m.visible!==z&&v&&O(m.visible)})),r.useUpdateEffect((function(){v&&(c.ZIndexUtils.set("modal",N.current,f.default.autoZIndex,m.baseZIndex||f.default.zIndex.modal),O(!0))}),[v]),r.useUpdateEffect((function(){m.blockScroll||c.DomHandler[Z&&z?"addClass":"removeClass"](document.body,"p-overflow-hidden")}),[m.maximized,H,z]),r.useUnmountEffect((function(){Pe(),c.DomHandler.removeInlineStyle(L.current),c.ZIndexUtils.clear(N.current)})),p.useImperativeHandle(s,(function(){return{props:m,resetPosition:Ee,getElement:function(){return R.current},getMask:function(){return N.current},getContent:function(){return U.current},getHeader:function(){return X.current},getFooter:function(){return T.current},getCloseButton:function(){return q.current}}}));var He,je,Re,Ne,Me,Ue,Xe,Te,qe,Ae,Be,Ye,_e=function(){if(m.closable){var e=m.ariaCloseIconLabel||t.localeOption("close"),n=c.mergeProps({className:"p-dialog-header-close-icon","aria-hidden":!0},J("closeButtonIcon")),r=c.IconUtils.getJSXIcon(m.closeIcon||p.createElement(o.TimesIcon,n),C({},n),{props:m}),i=c.mergeProps({ref:q,type:"button",className:"p-dialog-header-icon p-dialog-header-close p-link","aria-label":e,onClick:ce},J("closeButton"));return p.createElement("button",i,r,p.createElement(u.Ripple,null))}return null},Le=function(){var e=c.mergeProps({className:"p-dialog-header-maximize-icon"},J("maximizableIcon")),t=c.IconUtils.getJSXIcon(Z?m.minimizeIcon||p.createElement(a.WindowMinimizeIcon,e):m.maximizeIcon||p.createElement(i.WindowMaximizeIcon,e),e,{props:m});if(m.maximizable){var n=c.mergeProps({type:"button",className:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:de},J("maximizableButton"));return p.createElement("button",n,t,p.createElement(u.Ripple,null))}return null},Ve=function(){if(m.showHeader){var e=_e(),t=Le(),n=c.ObjectUtils.getJSXElement(m.icons,m),r=c.ObjectUtils.getJSXElement(m.header,m),o=b+"_header",i=c.classNames("p-dialog-header",m.headerClassName),a=c.mergeProps({ref:X,style:m.headerStyle,className:i,onMouseDown:fe},J("header")),l=c.mergeProps({id:o,className:"p-dialog-title"},J("headerTitle")),u=c.mergeProps({className:"p-dialog-header-icons"},J("headerIcons"));return p.createElement("div",a,p.createElement("div",l,r),p.createElement("div",u,n,t,e))}return null},Ze=function(){var e=c.classNames("p-dialog-content",m.contentClassName),t=c.mergeProps({id:b+"_content",ref:U,style:m.contentStyle,className:e},J("content"));return p.createElement("div",t,m.children)},Je=function(){var e=c.ObjectUtils.getJSXElement(m.footer,m),t=c.mergeProps({ref:T,className:"p-dialog-footer"},J("footer"));return e&&p.createElement("div",t,e)};return v&&(je=c.classNames("p-dialog p-component",m.className,{"p-dialog-rtl":m.rtl,"p-dialog-maximized":Z,"p-dialog-default":!Z,"p-input-filled":"filled"===f.default.inputStyle,"p-ripple-disabled":!1===f.default.ripple}),Re=c.classNames("p-dialog-mask",(He=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===m.position||e.replace("-","")===m.position})))?"p-dialog-".concat(He):"",{"p-component-overlay p-component-overlay-enter":m.modal,"p-dialog-visible":v,"p-dialog-draggable":m.draggable,"p-dialog-resizable":m.resizable},m.maskClassName),Ne=Ve(),Me=Ze(),Ue=Je(),Xe=m.resizable?p.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:ye}):null,Te=b+"_header",qe=b+"_content",Ae={enter:"center"===m.position?150:300,exit:"center"===m.position?150:300},Be=c.mergeProps({ref:N,style:m.maskStyle,className:Re,onPointerUp:me},J("mask")),Ye=c.mergeProps({ref:R,id:b,className:je,style:m.style,onClick:m.onClick,role:"dialog","aria-labelledby":Te,"aria-describedby":qe,"aria-modal":m.modal,onPointerDown:se},k.getOtherProps(m),J("root")),p.createElement(l.Portal,{element:p.createElement("div",Be,p.createElement(n.CSSTransition,{nodeRef:R,classNames:"p-dialog",timeout:Ae,in:z,options:m.transitionOptions,unmountOnExit:!0,onEnter:De,onEntered:Se,onExiting:xe,onExited:ze},p.createElement("div",Ye,Ne,Me,Ue,Xe))),appendTo:m.appendTo,visible:!0}))}));H.displayName="Dialog",exports.Dialog=H;

package/dialog/dialog.d.ts

@@ -9,7 +9,84 @@
  */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
-import { IconType } from '../utils/utils';
+import { IconType, PassThroughType } from '../utils/utils';
+
+export declare type DialogPassThroughType<T> = PassThroughType<T, DialogPassThroughMethodOptions>;
+
+/**
+ * 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?: DialogPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the header's DOM element.
+     */
+    header?: DialogPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the header title's DOM element.
+     */
+    headerTitle?: DialogPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the header icons' DOM element.
+     */
+    headerIcons?: DialogPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the maximizable button's DOM element.
+     */
+    maximizableButton?: DialogPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the maximizable icon's DOM element.
+     */
+    maximizableIcon?: DialogPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the close button's component.
+     */
+    closeButton?: DialogPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the close button icon's component.
+     */
+    closeButtonIcon?: DialogPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: DialogPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the footer's DOM element.
+     */
+    footer?: DialogPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the mask's DOM element.
+     */
+    mask?: DialogPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
+
+/**
+ * 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;
+}
 
 /**
  * Dialog break options
@@ -215,11 +292,16 @@ export interface DialogProps {
      * @defaultValue false
      */
     visible?: boolean | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {DialogPassThroughOptions}
+     */
+    pt?: DialogPassThroughOptions;
     /**
      * Callback to invoke when dialog is clicked.
-     * @param {React.MouseEvent<HTMLElement>} event - Browser event.
+     * @param {React.PointerEvent<HTMLElement>} event - Browser event.
      */
-    onClick?(event: React.MouseEvent<HTMLElement>): void;
+    onClick?(event: React.PointerEvent<HTMLElement>): void;
     /**
      * Callback to invoke when dragging dialog.
      * @param {React.DragEvent<HTMLElement>} event - Browser event.

package/dialog/dialog.esm.js

@@ -2,27 +2,13 @@ import * as React from 'react';
 import PrimeReact, { localeOption } from 'primereact/api';
 import { CSSTransition } from 'primereact/csstransition';
 import { useEventListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
-import { Portal } from 'primereact/portal';
-import { Ripple } from 'primereact/ripple';
-import { ObjectUtils, UniqueComponentId, DomHandler, ZIndexUtils, classNames, IconUtils } from 'primereact/utils';
 import { TimesIcon } from 'primereact/icons/times';
 import { WindowMaximizeIcon } from 'primereact/icons/windowmaximize';
 import { WindowMinimizeIcon } from 'primereact/icons/windowminimize';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
+import { Portal } from 'primereact/portal';
+import { Ripple } from 'primereact/ripple';
+import { UniqueComponentId, DomHandler, ZIndexUtils, classNames, mergeProps, ObjectUtils, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -136,7 +122,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var DialogBase = {
+var DialogBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Dialog',
     appendTo: null,
@@ -163,9 +149,11 @@ var DialogBase = {
     maskClassName: null,
     maskStyle: null,
     maximizable: false,
+    maximizeIcon: null,
     maximized: false,
     minX: 0,
     minY: 0,
+    minimizeIcon: null,
     modal: true,
     onClick: null,
     onDrag: null,
@@ -185,17 +173,9 @@ var DialogBase = {
     style: null,
     transitionOptions: null,
     visible: false,
-    maximizeIcon: null,
-    minimizeIcon: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, DialogBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, DialogBase.defaultProps);
   }
-};
+});
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -220,6 +200,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     setMaximizedState = _React$useState8[1];
   var dialogRef = React.useRef(null);
   var maskRef = React.useRef(null);
+  var pointerRef = React.useRef(null);
   var contentRef = React.useRef(null);
   var headerRef = React.useRef(null);
   var footerRef = React.useRef(null);
@@ -231,6 +212,15 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var styleElement = React.useRef(null);
   var attributeSelector = React.useRef(uniqueId);
   var maximized = props.onMaximize ? props.maximized : maximizedState;
+  var _DialogBase$setMetaDa = DialogBase.setMetaData({
+      props: props,
+      state: {
+        id: idState,
+        maximized: maximized,
+        containerVisible: maskVisibleState
+      }
+    }),
+    ptm = _DialogBase$setMetaDa.ptm;
   var _useEventListener = useEventListener({
       type: 'keydown',
       listener: function listener(event) {
@@ -299,11 +289,16 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       closeRef.current.focus();
     }
   };
-  var onMaskClick = function onMaskClick(event) {
-    if (props.dismissableMask && props.modal && maskRef.current === event.target) {
+  var onDialogPointerDown = function onDialogPointerDown(event) {
+    pointerRef.current = event.target;
+    props.onPointerDown && props.onPointerDown(event);
+  };
+  var onMaskPointerUp = function onMaskPointerUp(event) {
+    if (props.dismissableMask && props.modal && maskRef.current === event.target && !pointerRef.current) {
       onClose(event);
     }
     props.onMaskClick && props.onMaskClick(event);
+    pointerRef.current = null;
   };
   var toggleMaximize = function toggleMaximize(event) {
     if (props.onMaximize) {
@@ -545,7 +540,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   var changeScrollOnMaximizable = function changeScrollOnMaximizable() {
     if (!props.blockScroll) {
-      var funcName = maximized ? 'addClass' : 'removeClass';
+      var funcName = maximized && visibleState ? 'addClass' : 'removeClass';
       DomHandler[funcName](document.body, 'p-overflow-hidden');
     }
   };
@@ -573,7 +568,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   }, [maskVisibleState]);
   useUpdateEffect(function () {
     changeScrollOnMaximizable();
-  }, [props.maximized, maximizedState]);
+  }, [props.maximized, maximizedState, visibleState]);
   useUnmountEffect(function () {
     disableDocumentSettings();
     DomHandler.removeInlineStyle(styleElement.current);
@@ -606,47 +601,46 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var createCloseIcon = function createCloseIcon() {
     if (props.closable) {
       var ariaLabel = props.ariaCloseIconLabel || localeOption('close');
-      var iconProps = {
+      var closeButtonIconProps = mergeProps({
         className: 'p-dialog-header-close-icon',
         'aria-hidden': true
-      };
-      var icon = props.closeIcon || /*#__PURE__*/React.createElement(TimesIcon, iconProps);
-      var headerCloseIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+      }, ptm('closeButtonIcon'));
+      var icon = props.closeIcon || /*#__PURE__*/React.createElement(TimesIcon, closeButtonIconProps);
+      var headerCloseIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, closeButtonIconProps), {
         props: props
       });
-      return /*#__PURE__*/React.createElement("button", {
+      var closeButtonProps = mergeProps({
         ref: closeRef,
-        type: "button",
-        className: "p-dialog-header-icon p-dialog-header-close p-link",
-        "aria-label": ariaLabel,
+        type: 'button',
+        className: 'p-dialog-header-icon p-dialog-header-close p-link',
+        'aria-label': ariaLabel,
         onClick: onClose
-      }, headerCloseIcon, /*#__PURE__*/React.createElement(Ripple, null));
+      }, ptm('closeButton'));
+      return /*#__PURE__*/React.createElement("button", closeButtonProps, headerCloseIcon, /*#__PURE__*/React.createElement(Ripple, null));
     }
     return null;
   };
   var createMaximizeIcon = function createMaximizeIcon() {
     var icon;
     var iconClassName = 'p-dialog-header-maximize-icon';
+    var maximizableIconProps = mergeProps({
+      className: iconClassName
+    }, ptm('maximizableIcon'));
     if (!maximized) {
-      icon = props.maximizeIcon || /*#__PURE__*/React.createElement(WindowMaximizeIcon, {
-        className: iconClassName
-      });
+      icon = props.maximizeIcon || /*#__PURE__*/React.createElement(WindowMaximizeIcon, maximizableIconProps);
     } else {
-      icon = props.minimizeIcon || /*#__PURE__*/React.createElement(WindowMinimizeIcon, {
-        className: iconClassName
-      });
+      icon = props.minimizeIcon || /*#__PURE__*/React.createElement(WindowMinimizeIcon, maximizableIconProps);
     }
-    var toggleIcon = IconUtils.getJSXIcon(icon, {
-      className: iconClassName
-    }, {
+    var toggleIcon = IconUtils.getJSXIcon(icon, maximizableIconProps, {
       props: props
     });
     if (props.maximizable) {
-      return /*#__PURE__*/React.createElement("button", {
-        type: "button",
-        className: "p-dialog-header-icon p-dialog-header-maximize p-link",
+      var maximizableButtonProps = mergeProps({
+        type: 'button',
+        className: 'p-dialog-header-icon p-dialog-header-maximize p-link',
         onClick: toggleMaximize
-      }, toggleIcon, /*#__PURE__*/React.createElement(Ripple, null));
+      }, ptm('maximizableButton'));
+      return /*#__PURE__*/React.createElement("button", maximizableButtonProps, toggleIcon, /*#__PURE__*/React.createElement(Ripple, null));
     }
     return null;
   };
@@ -658,36 +652,41 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       var header = ObjectUtils.getJSXElement(props.header, props);
       var headerId = idState + '_header';
       var headerClassName = classNames('p-dialog-header', props.headerClassName);
-      return /*#__PURE__*/React.createElement("div", {
+      var headerProps = mergeProps({
         ref: headerRef,
         style: props.headerStyle,
         className: headerClassName,
         onMouseDown: onDragStart
-      }, /*#__PURE__*/React.createElement("div", {
+      }, ptm('header'));
+      var headerTitleProps = mergeProps({
         id: headerId,
-        className: "p-dialog-title"
-      }, header), /*#__PURE__*/React.createElement("div", {
-        className: "p-dialog-header-icons"
-      }, icons, maximizeIcon, closeIcon));
+        className: 'p-dialog-title'
+      }, ptm('headerTitle'));
+      var headerIconsProps = mergeProps({
+        className: 'p-dialog-header-icons'
+      }, ptm('headerIcons'));
+      return /*#__PURE__*/React.createElement("div", headerProps, /*#__PURE__*/React.createElement("div", headerTitleProps, header), /*#__PURE__*/React.createElement("div", headerIconsProps, icons, maximizeIcon, closeIcon));
     }
     return null;
   };
   var createContent = function createContent() {
     var className = classNames('p-dialog-content', props.contentClassName);
     var contentId = idState + '_content';
-    return /*#__PURE__*/React.createElement("div", {
+    var contentProps = mergeProps({
       id: contentId,
       ref: contentRef,
-      className: className,
-      style: props.contentStyle
-    }, props.children);
+      style: props.contentStyle,
+      className: className
+    }, ptm('content'));
+    return /*#__PURE__*/React.createElement("div", contentProps, props.children);
   };
   var createFooter = function createFooter() {
     var footer = ObjectUtils.getJSXElement(props.footer, props);
-    return footer && /*#__PURE__*/React.createElement("div", {
+    var footerProps = mergeProps({
       ref: footerRef,
-      className: "p-dialog-footer"
-    }, footer);
+      className: 'p-dialog-footer'
+    }, ptm('footer'));
+    return footer && /*#__PURE__*/React.createElement("div", footerProps, footer);
   };
   var createResizer = function createResizer() {
     if (props.resizable) {
@@ -702,7 +701,6 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     return null;
   };
   var createElement = function createElement() {
-    var otherProps = DialogBase.getOtherProps(props);
     var className = classNames('p-dialog p-component', props.className, {
       'p-dialog-rtl': props.rtl,
       'p-dialog-maximized': maximized,
@@ -726,12 +724,25 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       enter: props.position === 'center' ? 150 : 300,
       exit: props.position === 'center' ? 150 : 300
     };
-    return /*#__PURE__*/React.createElement("div", {
+    var maskProps = mergeProps({
       ref: maskRef,
       style: props.maskStyle,
       className: maskClassName,
-      onClick: onMaskClick
-    }, /*#__PURE__*/React.createElement(CSSTransition, {
+      onPointerUp: onMaskPointerUp
+    }, ptm('mask'));
+    var rootProps = mergeProps({
+      ref: dialogRef,
+      id: idState,
+      className: className,
+      style: props.style,
+      onClick: props.onClick,
+      role: 'dialog',
+      'aria-labelledby': headerId,
+      'aria-describedby': contentId,
+      'aria-modal': props.modal,
+      onPointerDown: onDialogPointerDown
+    }, DialogBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React.createElement("div", maskProps, /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: dialogRef,
       classNames: "p-dialog",
       timeout: transitionTimeout,
@@ -742,18 +753,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       onEntered: onEntered,
       onExiting: onExiting,
       onExited: onExited
-    }, /*#__PURE__*/React.createElement("div", _extends({
-      ref: dialogRef,
-      id: idState,
-      className: className,
-      style: props.style,
-      onClick: props.onClick,
-      role: "dialog"
-    }, otherProps, {
-      "aria-labelledby": headerId,
-      "aria-describedby": contentId,
-      "aria-modal": props.modal
-    }), header, content, footer, resizer)));
+    }, /*#__PURE__*/React.createElement("div", rootProps, header, content, footer, resizer)));
   };
   var createDialog = function createDialog() {
     var element = createElement();

package/dialog/dialog.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{localeOption as n}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useEventListener as o,useMountEffect as i,useUpdateEffect as a,useUnmountEffect as l}from"primereact/hooks";import{Portal as c}from"primereact/portal";import{Ripple as u}from"primereact/ripple";import{ObjectUtils as s,UniqueComponentId as m,DomHandler as d,ZIndexUtils as p,classNames as f,IconUtils as g}from"primereact/utils";import{TimesIcon as b}from"primereact/icons/times";import{WindowMaximizeIcon as y}from"primereact/icons/windowmaximize";import{WindowMinimizeIcon as h}from"primereact/icons/windowminimize";function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(this,arguments)}function w(e){return w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},w(e)}function S(e,t){if("object"!==w(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=S(e,"string");return"symbol"===w(t)?t:String(t)}function x(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function z(e){if(Array.isArray(e))return k(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function C(e,t){if(e){if("string"==typeof e)return k(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function D(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function R(e,t){return D(e)||I(e,t)||C(e,t)||N()}var j={defaultProps:{__TYPE:"Dialog",appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximized:!1,minX:0,minY:0,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1,maximizeIcon:null,minimizeIcon:null,children:void 0},getProps:function(e){return s.getMergedProps(e,j.defaultProps)},getOtherProps:function(e){return s.getDiffProps(e,j.defaultProps)}};function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function X(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){x(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=e.forwardRef((function(w,S){var E=j.getProps(w),x=E.id?E.id:m(),k=R(e.useState(x),2),D=k[0],I=R(e.useState(!1),2),N=I[0],M=I[1],H=R(e.useState(!1),2),A=H[0],T=H[1],Y=R(e.useState(E.maximized),2),B=Y[0],_=Y[1],J=e.useRef(null),V=e.useRef(null),L=e.useRef(null),W=e.useRef(null),Z=e.useRef(null),F=e.useRef(null),$=e.useRef(!1),K=e.useRef(!1),U=e.useRef(null),q=e.useRef(null),G=e.useRef(null),Q=e.useRef(x),ee=E.onMaximize?E.maximized:B,te=R(o({type:"keydown",listener:function(e){return ve(e)}}),2),ne=te[0],re=te[1],oe=R(o({type:"mousemove",target:function(){return window.document},listener:function(e){return ze(e)}}),2),ie=oe[0],ae=oe[1],le=R(o({type:"mouseup",target:function(){return window.document},listener:function(e){return Oe(e)}}),2),ce=le[0],ue=le[1],se=R(o({type:"mousemove",target:function(){return window.document},listener:function(e){return Se(e)}}),2),me=se[0],de=se[1],pe=R(o({type:"mouseup",target:function(){return window.document},listener:function(e){return Ee(e)}}),2),fe=pe[0],ge=pe[1],be=function(e){E.onHide(),e.preventDefault()},ye=function(e){E.dismissableMask&&E.modal&&V.current===e.target&&be(e),E.onMaskClick&&E.onMaskClick(e)},he=function(e){E.onMaximize?E.onMaximize({originalEvent:e,maximized:!ee}):_((function(e){return!e})),e.preventDefault()},ve=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,r=n.length,o=n[r-1]?n[r-1].id:void 0;if(o===D){var i=document.getElementById(o);if(E.closable&&E.closeOnEscape&&"Escape"===e.key)be(e),e.stopImmediatePropagation(),n.splice(r-1,1);else if("Tab"===e.key){e.preventDefault();var a=d.getFocusableElements(i);if(a&&a.length>0)if(document.activeElement){var l=a.indexOf(document.activeElement);e.shiftKey?-1===l||0===l?a[a.length-1].focus():a[l-1].focus():-1===l||l===a.length-1?a[0].focus():a[l+1].focus()}else a[0].focus()}}}},we=function(e){d.hasClass(e.target,"p-dialog-header-icon")||d.hasClass(e.target.parentElement,"p-dialog-header-icon")||E.draggable&&($.current=!0,U.current=e.pageX,q.current=e.pageY,J.current.style.margin="0",d.addClass(document.body,"p-unselectable-text"),E.onDragStart&&E.onDragStart(e))},Se=function(e){if($.current){var t=d.getOuterWidth(J.current),n=d.getOuterHeight(J.current),r=e.pageX-U.current,o=e.pageY-q.current,i=J.current.getBoundingClientRect(),a=i.left+r,l=i.top+o,c=d.getViewport();J.current.style.position="fixed",E.keepInViewport?(a>=E.minX&&a+t<c.width&&(U.current=e.pageX,J.current.style.left=a+"px"),l>=E.minY&&l+n<c.height&&(q.current=e.pageY,J.current.style.top=l+"px")):(U.current=e.pageX,J.current.style.left=a+"px",q.current=e.pageY,J.current.style.top=l+"px"),E.onDrag&&E.onDrag(e)}},Ee=function(e){$.current&&($.current=!1,d.removeClass(document.body,"p-unselectable-text"),E.onDragEnd&&E.onDragEnd(e))},xe=function(e){E.resizable&&(K.current=!0,U.current=e.pageX,q.current=e.pageY,d.addClass(document.body,"p-unselectable-text"),E.onResizeStart&&E.onResizeStart(e))},ke=function(e,t,n){!n&&(n=d.getViewport());var r=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?r*(n[t]/100):r},ze=function(e){if(K.current){var t=e.pageX-U.current,n=e.pageY-q.current,r=d.getOuterWidth(J.current),o=d.getOuterHeight(J.current),i=J.current.getBoundingClientRect(),a=d.getViewport(),l=!parseInt(J.current.style.top)||!parseInt(J.current.style.left),c=ke(J.current.style.minWidth,"width",a),u=ke(J.current.style.minHeight,"height",a),s=r+t,m=o+n;l&&(s+=t,m+=n),(!c||s>c)&&i.left+s<a.width&&(J.current.style.width=s+"px"),(!u||m>u)&&i.top+m<a.height&&(J.current.style.height=m+"px"),U.current=e.pageX,q.current=e.pageY,E.onResize&&E.onResize(e)}},Oe=function(e){K.current&&(K.current=!1,d.removeClass(document.body,"p-unselectable-text"),E.onResizeEnd&&E.onResizeEnd(e))},Ce=function(){J.current.style.position="",J.current.style.left="",J.current.style.top="",J.current.style.margin=""},Pe=function(){J.current.setAttribute(Q.current,"")},De=function(){var e;E.onShow&&E.onShow(),E.focusOnShow&&!((e=document.activeElement)&&J.current&&J.current.contains(e))&&E.closable&&E.showHeader&&F.current.focus(),Re()},Ie=function(){E.modal&&d.addClass(V.current,"p-component-overlay-leave"),E.blockScroll&&d.removeClass(document.body,"p-overflow-hidden")},Ne=function(){$.current=!1,p.clear(V.current),M(!1),je()},Re=function(){Me(),(E.blockScroll||E.maximizable&&ee)&&d.addClass(document.body,"p-overflow-hidden")},je=function(){Xe();var e=E.maximizable&&ee;E.modal?(document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))||e)&&d.removeClass(document.body,"p-overflow-hidden"):(E.blockScroll||e)&&d.removeClass(document.body,"p-overflow-hidden")},Me=function(){E.draggable&&(me(),fe()),E.resizable&&(ie(),ce()),ne();var e,t={id:D,hasBlockScroll:E.blockScroll};document.primeDialogParams=document.primeDialogParams?[].concat(z(e=document.primeDialogParams)||O(e)||C(e)||P(),[t]):[t]},Xe=function(){de(),ge(),ae(),ue(),re(),document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==D}))},He=function(){G.current=d.createInlineStyle(t.nonce);var e="";for(var n in E.breakpoints)e+="\n                @media screen and (max-width: ".concat(n,") {\n                    .p-dialog[").concat(Q.current,"] {\n                        width: ").concat(E.breakpoints[n]," !important;\n                    }\n                }\n            ");G.current.innerHTML=e};i((function(){E.visible&&M(!0),E.breakpoints&&He()})),a((function(){E.visible&&!N&&M(!0),E.visible!==A&&N&&T(E.visible)})),a((function(){N&&(p.set("modal",V.current,t.autoZIndex,E.baseZIndex||t.zIndex.modal),T(!0))}),[N]),a((function(){E.blockScroll||d[ee?"addClass":"removeClass"](document.body,"p-overflow-hidden")}),[E.maximized,B]),l((function(){je(),d.removeInlineStyle(G.current),p.clear(V.current)})),e.useImperativeHandle(S,(function(){return{props:E,resetPosition:Ce,getElement:function(){return J.current},getMask:function(){return V.current},getContent:function(){return L.current},getHeader:function(){return W.current},getFooter:function(){return Z.current},getCloseButton:function(){return F.current}}}));var Ae,Te,Ye,Be,_e,Je,Ve,Le,We,Ze=function(){if(E.closable){var t=E.ariaCloseIconLabel||n("close"),r={className:"p-dialog-header-close-icon","aria-hidden":!0},o=g.getJSXIcon(E.closeIcon||e.createElement(b,r),X({},r),{props:E});return e.createElement("button",{ref:F,type:"button",className:"p-dialog-header-icon p-dialog-header-close p-link","aria-label":t,onClick:be},o,e.createElement(u,null))}return null},Fe=function(){if(E.showHeader){var t=Ze(),n=(l="p-dialog-header-maximize-icon",c=g.getJSXIcon(ee?E.minimizeIcon||e.createElement(h,{className:l}):E.maximizeIcon||e.createElement(y,{className:l}),{className:l},{props:E}),E.maximizable?e.createElement("button",{type:"button",className:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:he},c,e.createElement(u,null)):null),r=s.getJSXElement(E.icons,E),o=s.getJSXElement(E.header,E),i=D+"_header",a=f("p-dialog-header",E.headerClassName);return e.createElement("div",{ref:W,style:E.headerStyle,className:a,onMouseDown:we},e.createElement("div",{id:i,className:"p-dialog-title"},o),e.createElement("div",{className:"p-dialog-header-icons"},r,n,t))}var l,c;return null},$e=function(){var t=f("p-dialog-content",E.contentClassName);return e.createElement("div",{id:D+"_content",ref:L,className:t,style:E.contentStyle},E.children)},Ke=function(){var t=s.getJSXElement(E.footer,E);return t&&e.createElement("div",{ref:Z,className:"p-dialog-footer"},t)};return N&&(Te=j.getOtherProps(E),Ye=f("p-dialog p-component",E.className,{"p-dialog-rtl":E.rtl,"p-dialog-maximized":ee,"p-dialog-default":!ee,"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple}),Be=f("p-dialog-mask",(Ae=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===E.position||e.replace("-","")===E.position})))?"p-dialog-".concat(Ae):"",{"p-component-overlay p-component-overlay-enter":E.modal,"p-dialog-visible":N,"p-dialog-draggable":E.draggable,"p-dialog-resizable":E.resizable},E.maskClassName),_e=Fe(),Je=$e(),Ve=Ke(),Le=E.resizable?e.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:xe}):null,We=e.createElement("div",{ref:V,style:E.maskStyle,className:Be,onClick:ye},e.createElement(r,{nodeRef:J,classNames:"p-dialog",timeout:{enter:"center"===E.position?150:300,exit:"center"===E.position?150:300},in:A,options:E.transitionOptions,unmountOnExit:!0,onEnter:Pe,onEntered:De,onExiting:Ie,onExited:Ne},e.createElement("div",v({ref:J,id:D,className:Ye,style:E.style,onClick:E.onClick,role:"dialog"},Te,{"aria-labelledby":D+"_header","aria-describedby":D+"_content","aria-modal":E.modal}),_e,Je,Ve,Le))),e.createElement(c,{element:We,appendTo:E.appendTo,visible:!0}))}));H.displayName="Dialog";export{H as Dialog};
+import*as e from"react";import t,{localeOption as n}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useEventListener as o,useMountEffect as i,useUpdateEffect as a,useUnmountEffect as l}from"primereact/hooks";import{TimesIcon as c}from"primereact/icons/times";import{WindowMaximizeIcon as u}from"primereact/icons/windowmaximize";import{WindowMinimizeIcon as s}from"primereact/icons/windowminimize";import{Portal as m}from"primereact/portal";import{Ripple as d}from"primereact/ripple";import{UniqueComponentId as p,DomHandler as f,ZIndexUtils as g,classNames as b,mergeProps as y,ObjectUtils as h,IconUtils as v}from"primereact/utils";import{ComponentBase as w}from"primereact/componentbase";function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function E(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=E(e,"string");return"symbol"===S(t)?t:String(t)}function z(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e){if(Array.isArray(e))return k(e)}function C(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function D(e,t){if(e){if("string"==typeof e)return k(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e){if(Array.isArray(e))return e}function R(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,t){return P(e)||R(e,t)||D(e,t)||N()}var M=w.extend({defaultProps:{__TYPE:"Dialog",appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximizeIcon:null,maximized:!1,minX:0,minY:0,minimizeIcon:null,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1,children:void 0}});function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){z(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=e.forwardRef((function(w,S){var E=M.getProps(w),x=E.id?E.id:p(),z=j(e.useState(x),2),k=z[0],P=j(e.useState(!1),2),R=P[0],N=P[1],X=j(e.useState(!1),2),T=X[0],A=X[1],Y=j(e.useState(E.maximized),2),B=Y[0],V=Y[1],_=e.useRef(null),J=e.useRef(null),L=e.useRef(null),W=e.useRef(null),Z=e.useRef(null),F=e.useRef(null),U=e.useRef(null),$=e.useRef(!1),K=e.useRef(!1),q=e.useRef(null),G=e.useRef(null),Q=e.useRef(null),ee=e.useRef(x),te=E.onMaximize?E.maximized:B,ne=M.setMetaData({props:E,state:{id:k,maximized:te,containerVisible:R}}).ptm,re=j(o({type:"keydown",listener:function(e){return Ee(e)}}),2),oe=re[0],ie=re[1],ae=j(o({type:"mousemove",target:function(){return window.document},listener:function(e){return De(e)}}),2),le=ae[0],ce=ae[1],ue=j(o({type:"mouseup",target:function(){return window.document},listener:function(e){return Ie(e)}}),2),se=ue[0],me=ue[1],de=j(o({type:"mousemove",target:function(){return window.document},listener:function(e){return ze(e)}}),2),pe=de[0],fe=de[1],ge=j(o({type:"mouseup",target:function(){return window.document},listener:function(e){return ke(e)}}),2),be=ge[0],ye=ge[1],he=function(e){E.onHide(),e.preventDefault()},ve=function(e){L.current=e.target,E.onPointerDown&&E.onPointerDown(e)},we=function(e){E.dismissableMask&&E.modal&&J.current===e.target&&!L.current&&he(e),E.onMaskClick&&E.onMaskClick(e),L.current=null},Se=function(e){E.onMaximize?E.onMaximize({originalEvent:e,maximized:!te}):V((function(e){return!e})),e.preventDefault()},Ee=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,r=n.length,o=n[r-1]?n[r-1].id:void 0;if(o===k){var i=document.getElementById(o);if(E.closable&&E.closeOnEscape&&"Escape"===e.key)he(e),e.stopImmediatePropagation(),n.splice(r-1,1);else if("Tab"===e.key){e.preventDefault();var a=f.getFocusableElements(i);if(a&&a.length>0)if(document.activeElement){var l=a.indexOf(document.activeElement);e.shiftKey?-1===l||0===l?a[a.length-1].focus():a[l-1].focus():-1===l||l===a.length-1?a[0].focus():a[l+1].focus()}else a[0].focus()}}}},xe=function(e){f.hasClass(e.target,"p-dialog-header-icon")||f.hasClass(e.target.parentElement,"p-dialog-header-icon")||E.draggable&&($.current=!0,q.current=e.pageX,G.current=e.pageY,_.current.style.margin="0",f.addClass(document.body,"p-unselectable-text"),E.onDragStart&&E.onDragStart(e))},ze=function(e){if($.current){var t=f.getOuterWidth(_.current),n=f.getOuterHeight(_.current),r=e.pageX-q.current,o=e.pageY-G.current,i=_.current.getBoundingClientRect(),a=i.left+r,l=i.top+o,c=f.getViewport();_.current.style.position="fixed",E.keepInViewport?(a>=E.minX&&a+t<c.width&&(q.current=e.pageX,_.current.style.left=a+"px"),l>=E.minY&&l+n<c.height&&(G.current=e.pageY,_.current.style.top=l+"px")):(q.current=e.pageX,_.current.style.left=a+"px",G.current=e.pageY,_.current.style.top=l+"px"),E.onDrag&&E.onDrag(e)}},ke=function(e){$.current&&($.current=!1,f.removeClass(document.body,"p-unselectable-text"),E.onDragEnd&&E.onDragEnd(e))},Oe=function(e){E.resizable&&(K.current=!0,q.current=e.pageX,G.current=e.pageY,f.addClass(document.body,"p-unselectable-text"),E.onResizeStart&&E.onResizeStart(e))},Ce=function(e,t,n){!n&&(n=f.getViewport());var r=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?r*(n[t]/100):r},De=function(e){if(K.current){var t=e.pageX-q.current,n=e.pageY-G.current,r=f.getOuterWidth(_.current),o=f.getOuterHeight(_.current),i=_.current.getBoundingClientRect(),a=f.getViewport(),l=!parseInt(_.current.style.top)||!parseInt(_.current.style.left),c=Ce(_.current.style.minWidth,"width",a),u=Ce(_.current.style.minHeight,"height",a),s=r+t,m=o+n;l&&(s+=t,m+=n),(!c||s>c)&&i.left+s<a.width&&(_.current.style.width=s+"px"),(!u||m>u)&&i.top+m<a.height&&(_.current.style.height=m+"px"),q.current=e.pageX,G.current=e.pageY,E.onResize&&E.onResize(e)}},Ie=function(e){K.current&&(K.current=!1,f.removeClass(document.body,"p-unselectable-text"),E.onResizeEnd&&E.onResizeEnd(e))},Pe=function(){_.current.style.position="",_.current.style.left="",_.current.style.top="",_.current.style.margin=""},Re=function(){_.current.setAttribute(ee.current,"")},Ne=function(){var e;E.onShow&&E.onShow(),E.focusOnShow&&!((e=document.activeElement)&&_.current&&_.current.contains(e))&&E.closable&&E.showHeader&&U.current.focus(),Xe()},je=function(){E.modal&&f.addClass(J.current,"p-component-overlay-leave"),E.blockScroll&&f.removeClass(document.body,"p-overflow-hidden")},Me=function(){$.current=!1,g.clear(J.current),N(!1),He()},Xe=function(){Te(),(E.blockScroll||E.maximizable&&te)&&f.addClass(document.body,"p-overflow-hidden")},He=function(){Ae();var e=E.maximizable&&te;E.modal?(document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))||e)&&f.removeClass(document.body,"p-overflow-hidden"):(E.blockScroll||e)&&f.removeClass(document.body,"p-overflow-hidden")},Te=function(){E.draggable&&(pe(),be()),E.resizable&&(le(),se()),oe();var e,t={id:k,hasBlockScroll:E.blockScroll};document.primeDialogParams=document.primeDialogParams?[].concat(O(e=document.primeDialogParams)||C(e)||D(e)||I(),[t]):[t]},Ae=function(){fe(),ye(),ce(),me(),ie(),document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==k}))},Ye=function(){Q.current=f.createInlineStyle(t.nonce);var e="";for(var n in E.breakpoints)e+="\n                @media screen and (max-width: ".concat(n,") {\n                    .p-dialog[").concat(ee.current,"] {\n                        width: ").concat(E.breakpoints[n]," !important;\n                    }\n                }\n            ");Q.current.innerHTML=e};i((function(){E.visible&&N(!0),E.breakpoints&&Ye()})),a((function(){E.visible&&!R&&N(!0),E.visible!==T&&R&&A(E.visible)})),a((function(){R&&(g.set("modal",J.current,t.autoZIndex,E.baseZIndex||t.zIndex.modal),A(!0))}),[R]),a((function(){E.blockScroll||f[te&&T?"addClass":"removeClass"](document.body,"p-overflow-hidden")}),[E.maximized,B,T]),l((function(){He(),f.removeInlineStyle(Q.current),g.clear(J.current)})),e.useImperativeHandle(S,(function(){return{props:E,resetPosition:Pe,getElement:function(){return _.current},getMask:function(){return J.current},getContent:function(){return W.current},getHeader:function(){return Z.current},getFooter:function(){return F.current},getCloseButton:function(){return U.current}}}));var Be,Ve,_e,Je,Le,We,Ze,Fe,Ue,$e,Ke,qe,Ge=function(){if(E.closable){var t=E.ariaCloseIconLabel||n("close"),r=y({className:"p-dialog-header-close-icon","aria-hidden":!0},ne("closeButtonIcon")),o=v.getJSXIcon(E.closeIcon||e.createElement(c,r),H({},r),{props:E}),i=y({ref:U,type:"button",className:"p-dialog-header-icon p-dialog-header-close p-link","aria-label":t,onClick:he},ne("closeButton"));return e.createElement("button",i,o,e.createElement(d,null))}return null},Qe=function(){var t=y({className:"p-dialog-header-maximize-icon"},ne("maximizableIcon")),n=v.getJSXIcon(te?E.minimizeIcon||e.createElement(s,t):E.maximizeIcon||e.createElement(u,t),t,{props:E});if(E.maximizable){var r=y({type:"button",className:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:Se},ne("maximizableButton"));return e.createElement("button",r,n,e.createElement(d,null))}return null},et=function(){if(E.showHeader){var t=Ge(),n=Qe(),r=h.getJSXElement(E.icons,E),o=h.getJSXElement(E.header,E),i=k+"_header",a=b("p-dialog-header",E.headerClassName),l=y({ref:Z,style:E.headerStyle,className:a,onMouseDown:xe},ne("header")),c=y({id:i,className:"p-dialog-title"},ne("headerTitle")),u=y({className:"p-dialog-header-icons"},ne("headerIcons"));return e.createElement("div",l,e.createElement("div",c,o),e.createElement("div",u,r,n,t))}return null},tt=function(){var t=b("p-dialog-content",E.contentClassName),n=y({id:k+"_content",ref:W,style:E.contentStyle,className:t},ne("content"));return e.createElement("div",n,E.children)},nt=function(){var t=h.getJSXElement(E.footer,E),n=y({ref:F,className:"p-dialog-footer"},ne("footer"));return t&&e.createElement("div",n,t)};return R&&(Ve=b("p-dialog p-component",E.className,{"p-dialog-rtl":E.rtl,"p-dialog-maximized":te,"p-dialog-default":!te,"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple}),_e=b("p-dialog-mask",(Be=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===E.position||e.replace("-","")===E.position})))?"p-dialog-".concat(Be):"",{"p-component-overlay p-component-overlay-enter":E.modal,"p-dialog-visible":R,"p-dialog-draggable":E.draggable,"p-dialog-resizable":E.resizable},E.maskClassName),Je=et(),Le=tt(),We=nt(),Ze=E.resizable?e.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:Oe}):null,Fe=k+"_header",Ue=k+"_content",$e={enter:"center"===E.position?150:300,exit:"center"===E.position?150:300},Ke=y({ref:J,style:E.maskStyle,className:_e,onPointerUp:we},ne("mask")),qe=y({ref:_,id:k,className:Ve,style:E.style,onClick:E.onClick,role:"dialog","aria-labelledby":Fe,"aria-describedby":Ue,"aria-modal":E.modal,onPointerDown:ve},M.getOtherProps(E),ne("root")),e.createElement(m,{element:e.createElement("div",Ke,e.createElement(r,{nodeRef:_,classNames:"p-dialog",timeout:$e,in:T,options:E.transitionOptions,unmountOnExit:!0,onEnter:Re,onEntered:Ne,onExiting:je,onExited:Me},e.createElement("div",qe,Je,Le,We,Ze))),appendTo:E.appendTo,visible:!0}))}));T.displayName="Dialog";export{T as Dialog};