primereact 10.6.2 → 10.6.3

package/dialog/dialog.cjs.js

@@ -204,7 +204,7 @@ var classes = {
     var props = _ref5.props,
       maximized = _ref5.maximized,
       context = _ref5.context;
-    return utils.classNames('p-dialog p-component', props.className, {
+    return utils.classNames('p-dialog p-component', {
       'p-dialog-rtl': props.rtl,
       'p-dialog-maximized': maximized,
       'p-dialog-default': !maximized,
@@ -914,11 +914,11 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var rootProps = mergeProps({
       ref: dialogRef,
       id: idState,
-      className: cx('root', {
+      className: utils.classNames(props.className, cx('root', {
         props: props,
         maximized: maximized,
         context: context
-      }),
+      })),
       style: props.style,
       onClick: props.onClick,
       role: 'dialog',

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/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),i=require("primereact/icons/times"),a=require("primereact/icons/windowmaximize"),l=require("primereact/icons/windowminimize"),c=require("primereact/portal"),s=require("primereact/ripple"),u=require("primereact/utils");function p(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),f=p(t);function g(){return g=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},g.apply(this,arguments)}function b(e){return b="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},b(e)}function y(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 v(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function w(){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 E(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=E(e,"string");return"symbol"===b(t)?t:String(t)}function S(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e){if(Array.isArray(e))return e}function P(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,s=!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){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}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 D(e)||P(e,t)||x(e,t)||z()}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 j(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){S(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 C=n.ComponentBase.extend({defaultProps:{__TYPE:"Dialog",__parentMetadata:null,appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,content:null,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,footerClassName: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},css:{classes:{closeButtonIcon:"p-dialog-header-close-icon",closeButton:"p-dialog-header-icon p-dialog-header-close p-link",maximizableIcon:"p-dialog-header-maximize-icon",maximizableButton:"p-dialog-header-icon p-dialog-header-maximize p-link",header:function(e){return u.classNames("p-dialog-header",e.props.headerClassName)},headerTitle:"p-dialog-title",headerIcons:"p-dialog-header-icons",content:function(e){return u.classNames("p-dialog-content",e.props.contentClassName)},footer:function(e){return u.classNames("p-dialog-footer",e.props.footerClassName)},mask:function(e){var t=e.props,n=e.maskVisibleState,r=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===t.position||e.replace("-","")===t.position}));return u.classNames("p-dialog-mask",r?"p-dialog-".concat(r):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-dialog-visible":n,"p-dialog-draggable":t.draggable,"p-dialog-resizable":t.resizable},t.maskClassName)},root:function(e){var t=e.props,n=e.maximized,r=e.context;return u.classNames("p-dialog p-component",t.className,{"p-dialog-rtl":t.rtl,"p-dialog-maximized":n,"p-dialog-default":!n,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===f.default.ripple})},transition:"p-dialog"},styles:"\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\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    .p-dialog .p-dialog-title {\n        flex-grow: 1;\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 {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\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-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n",inlineStyles:{mask:function(e){var t=e.props;return j({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===t.position||"top-left"===t.position||"bottom-left"===t.position?"flex-start":"right"===t.position||"top-right"===t.position||"bottom-right"===t.position?"flex-end":"center",alignItems:"top"===t.position||"top-left"===t.position||"top-right"===t.position?"flex-start":"bottom"===t.position||"bottom-left"===t.position||"bottom-right"===t.position?"flex-end":"center",pointerEvents:!t.modal&&"none"},t.maskStyle)}}}});function R(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?R(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=m.forwardRef((function(e,p){var d=o.useMergeProps(),b=m.useContext(t.PrimeReactContext),y=C.getProps(e,b),E=y.id?y.id:u.UniqueComponentId(),O=k(m.useState(E),2),S=O[0],D=k(m.useState(!1),2),P=D[0],z=D[1],I=k(m.useState(!1),2),j=I[0],R=I[1],N=k(m.useState(y.maximized),2),M=N[0],T=N[1],B=m.useRef(null),U=m.useRef(null),_=m.useRef(null),X=m.useRef(null),A=m.useRef(null),q=m.useRef(null),L=m.useRef(null),Y=m.useRef(!1),V=m.useRef(!1),Z=m.useRef(null),J=m.useRef(null),F=m.useRef(null),W=m.useRef(E),G=m.useRef(null),K=y.onMaximize?y.maximized:M,$=j&&(y.blockScroll||y.maximizable&&K),Q=y.closable&&y.closeOnEscape&&j,ee=o.useDisplayOrder("dialog",Q),te=C.setMetaData(H(H({props:y},y.__parentMetadata),{},{state:{id:S,maximized:K,containerVisible:P}})),ne=te.ptm,re=te.cx,oe=te.sx,ie=te.isUnstyled;n.useHandleStyle(C.css.styles,ie,{name:"dialog"}),o.useGlobalOnEscapeKey({callback:function(e){we(e)},when:Q&&ee,priority:[o.ESC_KEY_HANDLING_PRIORITIES.DIALOG,ee]});var ae=k(o.useEventListener({type:"keydown",listener:function(e){return De(e)}}),2),le=ae[0],ce=ae[1],se=k(o.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return Ce(e)}}),2),ue=se[0],pe=se[1],de=k(o.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return Re(e)}}),2),me=de[0],fe=de[1],ge=k(o.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return ze(e)}}),2),be=ge[0],ye=ge[1],ve=k(o.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return ke(e)}}),2),he=ve[0],xe=ve[1],we=function(e){y.onHide(),e.preventDefault()},Ee=function(e){_.current=e.target,y.onPointerDown&&y.onPointerDown(e)},Oe=function(e){y.dismissableMask&&y.modal&&U.current===e.target&&!_.current&&we(e),y.onMaskClick&&y.onMaskClick(e),_.current=null},Se=function(e){y.onMaximize?y.onMaximize({originalEvent:e,maximized:!K}):T((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===S){var i=document.getElementById(o);if("Tab"===e.key){e.preventDefault();var a=u.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()}}}},Pe=function(e){u.DomHandler.hasClass(e.target,"p-dialog-header-icon")||u.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||y.draggable&&(Y.current=!0,Z.current=e.pageX,J.current=e.pageY,B.current.style.margin="0",u.DomHandler.addClass(document.body,"p-unselectable-text"),y.onDragStart&&y.onDragStart(e))},ze=function(e){if(Y.current){var t=u.DomHandler.getOuterWidth(B.current),n=u.DomHandler.getOuterHeight(B.current),r=e.pageX-Z.current,o=e.pageY-J.current,i=B.current.getBoundingClientRect(),a=i.left+r,l=i.top+o,c=u.DomHandler.getViewport(),s=getComputedStyle(B.current),p=parseFloat(s.marginLeft),d=parseFloat(s.marginTop);B.current.style.position="fixed",y.keepInViewport?(a>=y.minX&&a+t<c.width&&(Z.current=e.pageX,B.current.style.left=a-p+"px"),l>=y.minY&&l+n<c.height&&(J.current=e.pageY,B.current.style.top=l-d+"px")):(Z.current=e.pageX,B.current.style.left=a-p+"px",J.current=e.pageY,B.current.style.top=l-d+"px"),y.onDrag&&y.onDrag(e)}},ke=function(e){Y.current&&(Y.current=!1,u.DomHandler.removeClass(document.body,"p-unselectable-text"),y.onDragEnd&&y.onDragEnd(e))},Ie=function(e){y.resizable&&(V.current=!0,Z.current=e.pageX,J.current=e.pageY,u.DomHandler.addClass(document.body,"p-unselectable-text"),y.onResizeStart&&y.onResizeStart(e))},je=function(e,t,n){!n&&(n=u.DomHandler.getViewport());var r=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?r*(n[t]/100):r},Ce=function(e){if(V.current){var t=e.pageX-Z.current,n=e.pageY-J.current,r=u.DomHandler.getOuterWidth(B.current),o=u.DomHandler.getOuterHeight(B.current),i=B.current.getBoundingClientRect(),a=u.DomHandler.getViewport(),l=!parseInt(B.current.style.top)||!parseInt(B.current.style.left),c=je(B.current.style.minWidth,"width",a),s=je(B.current.style.minHeight,"height",a),p=r+t,d=o+n;l&&(p+=t,d+=n),(!c||p>c)&&i.left+p<a.width&&(B.current.style.width=p+"px"),(!s||d>s)&&i.top+d<a.height&&(B.current.style.height=d+"px"),Z.current=e.pageX,J.current=e.pageY,y.onResize&&y.onResize(e)}},Re=function(e){V.current&&(V.current=!1,u.DomHandler.removeClass(document.body,"p-unselectable-text"),y.onResizeEnd&&y.onResizeEnd(e))},He=function(){B.current.style.position="",B.current.style.left="",B.current.style.top="",B.current.style.margin=""},Ne=function(){B.current.setAttribute(W.current,"")},Me=function(){var e;y.onShow&&y.onShow(),y.focusOnShow&&!((e=document.activeElement)&&B.current&&B.current.contains(e))&&y.closable&&y.showHeader&&L.current&&L.current.focus(),Ue()},Te=function(){y.modal&&!ie()&&u.DomHandler.addClass(U.current,"p-component-overlay-leave")},Be=function(){Y.current=!1,u.ZIndexUtils.clear(U.current),z(!1),_e(),u.DomHandler.focus(G.current),G.current=null},Ue=function(){Ae()},_e=function(){qe()},Xe=function(e){if(e&&j){var t={id:S,hasBlockScroll:$};document.primeDialogParams||(document.primeDialogParams=[]);var n=document.primeDialogParams.findIndex((function(e){return e.id===S}));document.primeDialogParams=-1===n?[].concat(v(r=document.primeDialogParams)||h(r)||x(r)||w(),[t]):document.primeDialogParams.toSpliced(n,1,t)}else document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==S}));var r;document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))?u.DomHandler.blockBodyScroll():u.DomHandler.unblockBodyScroll()},Ae=function(){y.draggable&&(be(),he()),y.resizable&&(ue(),me()),le()},qe=function(){ye(),xe(),pe(),fe(),ce()},Le=function(){F.current=u.DomHandler.createInlineStyle(b&&b.nonce||f.default.nonce,b&&b.styleContainer);var e="";for(var t in y.breakpoints)e+="\n                @media screen and (max-width: ".concat(t,') {\n                     [data-pc-name="dialog"][').concat(W.current,"] {\n                        width: ").concat(y.breakpoints[t]," !important;\n                    }\n                }\n            ");F.current.innerHTML=e};o.useMountEffect((function(){Xe(!0),y.visible&&z(!0)})),m.useEffect((function(){return y.breakpoints&&Le(),function(){F.current=u.DomHandler.removeInlineStyle(F.current)}}),[y.breakpoints]),o.useUpdateEffect((function(){y.visible&&!P&&z(!0),y.visible!==j&&P&&R(y.visible),y.visible&&(G.current=document.activeElement)}),[y.visible,P]),o.useUpdateEffect((function(){P&&(u.ZIndexUtils.set("modal",U.current,b&&b.autoZIndex||f.default.autoZIndex,y.baseZIndex||b&&b.zIndex.modal||f.default.zIndex.modal),R(!0))}),[P]),o.useUpdateEffect((function(){Xe(!0)}),[$,j]),o.useUnmountEffect((function(){_e(),Xe(!1),u.DomHandler.removeInlineStyle(F.current),u.ZIndexUtils.clear(U.current)})),m.useImperativeHandle(p,(function(){return{props:y,resetPosition:He,getElement:function(){return B.current},getMask:function(){return U.current},getContent:function(){return X.current},getHeader:function(){return A.current},getFooter:function(){return q.current},getCloseButton:function(){return L.current}}}));var Ye=function(){if(y.closable){var e=y.ariaCloseIconLabel||t.localeOption("close"),n=d({className:re("closeButtonIcon"),"aria-hidden":!0},ne("closeButtonIcon")),r=u.IconUtils.getJSXIcon(y.closeIcon||m.createElement(i.TimesIcon,n),H({},n),{props:y}),o=d({ref:L,type:"button",className:re("closeButton"),"aria-label":e,onClick:we},ne("closeButton"));return m.createElement("button",o,r,m.createElement(s.Ripple,null))}return null},Ve=function(){var e=d({className:re("maximizableIcon")},ne("maximizableIcon")),t=u.IconUtils.getJSXIcon(K?y.minimizeIcon||m.createElement(l.WindowMinimizeIcon,e):y.maximizeIcon||m.createElement(a.WindowMaximizeIcon,e),e,{props:y});if(y.maximizable){var n=d({type:"button",className:re("maximizableButton"),onClick:Se},ne("maximizableButton"));return m.createElement("button",n,t,m.createElement(s.Ripple,null))}return null},Ze=function(){if(y.showHeader){var e=Ye(),t=Ve(),n=u.ObjectUtils.getJSXElement(y.icons,y),r=u.ObjectUtils.getJSXElement(y.header,y),o=S+"_header",i=d({ref:A,style:y.headerStyle,className:re("header"),onMouseDown:Pe},ne("header")),a=d({id:o,className:re("headerTitle")},ne("headerTitle")),l=d({className:re("headerIcons")},ne("headerIcons"));return m.createElement("div",i,m.createElement("div",a,r),m.createElement("div",l,n,t,e))}return null},Je=function(){var e=u.ObjectUtils.getJSXElement(y.footer,y),t=d({ref:q,className:re("footer")},ne("footer"));return e&&m.createElement("div",t,e)},Fe=function(t){var n,o=t.rootProps,i={header:y.header,content:y.message,message:null==y||null===(n=y.children)||void 0===n||null===(n=n[1])||void 0===n||null===(n=n.props)||void 0===n?void 0:n.children},a={headerRef:A,contentRef:X,footerRef:q,closeRef:L,hide:we,message:i};return m.createElement("div",t.maskProps,m.createElement(r.CSSTransition,g({nodeRef:B},t.transitionProps),m.createElement("div",o,u.ObjectUtils.getJSXElement(e.content,a))))},We=function(e){var t,n=e.maskProps,o=e.rootProps,i=e.transitionProps,a=Ze(),l=(t=d({id:S+"_content",ref:X,style:y.contentStyle,className:re("content")},ne("content")),m.createElement("div",t,y.children)),c=Je(),s=y.resizable?m.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:Ie}):null;return m.createElement("div",n,m.createElement(r.CSSTransition,g({nodeRef:B},i),m.createElement("div",o,a,l,c,s)))};return P&&function(){var t=S+"_header",n=S+"_content",r={enter:"center"===y.position?150:300,exit:"center"===y.position?150:300},o=d({ref:U,style:oe("mask"),className:re("mask"),onPointerUp:Oe},ne("mask")),i=d({ref:B,id:S,className:re("root",{props:y,maximized:K,context:b}),style:y.style,onClick:y.onClick,role:"dialog","aria-labelledby":t,"aria-describedby":n,"aria-modal":y.modal,onPointerDown:Ee},C.getOtherProps(y),ne("root")),a=d({classNames:re("transition"),timeout:r,in:j,options:y.transitionOptions,unmountOnExit:!0,onEnter:Ne,onEntered:Me,onExiting:Te,onExited:Be},ne("transition"));if(null!=e&&e.content){var l=Fe({maskProps:o,rootProps:i,transitionProps:a});return m.createElement(c.Portal,{element:l,appendTo:y.appendTo,visible:!0})}var s=We({maskProps:o,rootProps:i,transitionProps:a});return m.createElement(c.Portal,{element:s,appendTo:y.appendTo,visible:!0})}()}));N.displayName="Dialog",exports.Dialog=N;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),i=require("primereact/icons/times"),a=require("primereact/icons/windowmaximize"),l=require("primereact/icons/windowminimize"),c=require("primereact/portal"),s=require("primereact/ripple"),u=require("primereact/utils");function p(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),f=p(t);function g(){return g=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},g.apply(this,arguments)}function b(e){return b="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},b(e)}function y(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 v(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function w(){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 E(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=E(e,"string");return"symbol"===b(t)?t:String(t)}function S(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e){if(Array.isArray(e))return e}function P(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,s=!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){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}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 D(e)||P(e,t)||x(e,t)||z()}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 j(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){S(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 C=n.ComponentBase.extend({defaultProps:{__TYPE:"Dialog",__parentMetadata:null,appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,content:null,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,footerClassName: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},css:{classes:{closeButtonIcon:"p-dialog-header-close-icon",closeButton:"p-dialog-header-icon p-dialog-header-close p-link",maximizableIcon:"p-dialog-header-maximize-icon",maximizableButton:"p-dialog-header-icon p-dialog-header-maximize p-link",header:function(e){return u.classNames("p-dialog-header",e.props.headerClassName)},headerTitle:"p-dialog-title",headerIcons:"p-dialog-header-icons",content:function(e){return u.classNames("p-dialog-content",e.props.contentClassName)},footer:function(e){return u.classNames("p-dialog-footer",e.props.footerClassName)},mask:function(e){var t=e.props,n=e.maskVisibleState,r=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===t.position||e.replace("-","")===t.position}));return u.classNames("p-dialog-mask",r?"p-dialog-".concat(r):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-dialog-visible":n,"p-dialog-draggable":t.draggable,"p-dialog-resizable":t.resizable},t.maskClassName)},root:function(e){var t=e.maximized,n=e.context;return u.classNames("p-dialog p-component",{"p-dialog-rtl":e.props.rtl,"p-dialog-maximized":t,"p-dialog-default":!t,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===f.default.ripple})},transition:"p-dialog"},styles:"\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\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    .p-dialog .p-dialog-title {\n        flex-grow: 1;\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 {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\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-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n",inlineStyles:{mask:function(e){var t=e.props;return j({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===t.position||"top-left"===t.position||"bottom-left"===t.position?"flex-start":"right"===t.position||"top-right"===t.position||"bottom-right"===t.position?"flex-end":"center",alignItems:"top"===t.position||"top-left"===t.position||"top-right"===t.position?"flex-start":"bottom"===t.position||"bottom-left"===t.position||"bottom-right"===t.position?"flex-end":"center",pointerEvents:!t.modal&&"none"},t.maskStyle)}}}});function R(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?R(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=m.forwardRef((function(e,p){var d=o.useMergeProps(),b=m.useContext(t.PrimeReactContext),y=C.getProps(e,b),E=y.id?y.id:u.UniqueComponentId(),O=k(m.useState(E),2),S=O[0],D=k(m.useState(!1),2),P=D[0],z=D[1],I=k(m.useState(!1),2),j=I[0],R=I[1],N=k(m.useState(y.maximized),2),M=N[0],T=N[1],B=m.useRef(null),U=m.useRef(null),_=m.useRef(null),X=m.useRef(null),A=m.useRef(null),q=m.useRef(null),L=m.useRef(null),Y=m.useRef(!1),V=m.useRef(!1),Z=m.useRef(null),J=m.useRef(null),F=m.useRef(null),W=m.useRef(E),G=m.useRef(null),K=y.onMaximize?y.maximized:M,$=j&&(y.blockScroll||y.maximizable&&K),Q=y.closable&&y.closeOnEscape&&j,ee=o.useDisplayOrder("dialog",Q),te=C.setMetaData(H(H({props:y},y.__parentMetadata),{},{state:{id:S,maximized:K,containerVisible:P}})),ne=te.ptm,re=te.cx,oe=te.sx,ie=te.isUnstyled;n.useHandleStyle(C.css.styles,ie,{name:"dialog"}),o.useGlobalOnEscapeKey({callback:function(e){we(e)},when:Q&&ee,priority:[o.ESC_KEY_HANDLING_PRIORITIES.DIALOG,ee]});var ae=k(o.useEventListener({type:"keydown",listener:function(e){return De(e)}}),2),le=ae[0],ce=ae[1],se=k(o.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return Ce(e)}}),2),ue=se[0],pe=se[1],de=k(o.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return Re(e)}}),2),me=de[0],fe=de[1],ge=k(o.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return ze(e)}}),2),be=ge[0],ye=ge[1],ve=k(o.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return ke(e)}}),2),he=ve[0],xe=ve[1],we=function(e){y.onHide(),e.preventDefault()},Ee=function(e){_.current=e.target,y.onPointerDown&&y.onPointerDown(e)},Oe=function(e){y.dismissableMask&&y.modal&&U.current===e.target&&!_.current&&we(e),y.onMaskClick&&y.onMaskClick(e),_.current=null},Se=function(e){y.onMaximize?y.onMaximize({originalEvent:e,maximized:!K}):T((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===S){var i=document.getElementById(o);if("Tab"===e.key){e.preventDefault();var a=u.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()}}}},Pe=function(e){u.DomHandler.hasClass(e.target,"p-dialog-header-icon")||u.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||y.draggable&&(Y.current=!0,Z.current=e.pageX,J.current=e.pageY,B.current.style.margin="0",u.DomHandler.addClass(document.body,"p-unselectable-text"),y.onDragStart&&y.onDragStart(e))},ze=function(e){if(Y.current){var t=u.DomHandler.getOuterWidth(B.current),n=u.DomHandler.getOuterHeight(B.current),r=e.pageX-Z.current,o=e.pageY-J.current,i=B.current.getBoundingClientRect(),a=i.left+r,l=i.top+o,c=u.DomHandler.getViewport(),s=getComputedStyle(B.current),p=parseFloat(s.marginLeft),d=parseFloat(s.marginTop);B.current.style.position="fixed",y.keepInViewport?(a>=y.minX&&a+t<c.width&&(Z.current=e.pageX,B.current.style.left=a-p+"px"),l>=y.minY&&l+n<c.height&&(J.current=e.pageY,B.current.style.top=l-d+"px")):(Z.current=e.pageX,B.current.style.left=a-p+"px",J.current=e.pageY,B.current.style.top=l-d+"px"),y.onDrag&&y.onDrag(e)}},ke=function(e){Y.current&&(Y.current=!1,u.DomHandler.removeClass(document.body,"p-unselectable-text"),y.onDragEnd&&y.onDragEnd(e))},Ie=function(e){y.resizable&&(V.current=!0,Z.current=e.pageX,J.current=e.pageY,u.DomHandler.addClass(document.body,"p-unselectable-text"),y.onResizeStart&&y.onResizeStart(e))},je=function(e,t,n){!n&&(n=u.DomHandler.getViewport());var r=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?r*(n[t]/100):r},Ce=function(e){if(V.current){var t=e.pageX-Z.current,n=e.pageY-J.current,r=u.DomHandler.getOuterWidth(B.current),o=u.DomHandler.getOuterHeight(B.current),i=B.current.getBoundingClientRect(),a=u.DomHandler.getViewport(),l=!parseInt(B.current.style.top)||!parseInt(B.current.style.left),c=je(B.current.style.minWidth,"width",a),s=je(B.current.style.minHeight,"height",a),p=r+t,d=o+n;l&&(p+=t,d+=n),(!c||p>c)&&i.left+p<a.width&&(B.current.style.width=p+"px"),(!s||d>s)&&i.top+d<a.height&&(B.current.style.height=d+"px"),Z.current=e.pageX,J.current=e.pageY,y.onResize&&y.onResize(e)}},Re=function(e){V.current&&(V.current=!1,u.DomHandler.removeClass(document.body,"p-unselectable-text"),y.onResizeEnd&&y.onResizeEnd(e))},He=function(){B.current.style.position="",B.current.style.left="",B.current.style.top="",B.current.style.margin=""},Ne=function(){B.current.setAttribute(W.current,"")},Me=function(){var e;y.onShow&&y.onShow(),y.focusOnShow&&!((e=document.activeElement)&&B.current&&B.current.contains(e))&&y.closable&&y.showHeader&&L.current&&L.current.focus(),Ue()},Te=function(){y.modal&&!ie()&&u.DomHandler.addClass(U.current,"p-component-overlay-leave")},Be=function(){Y.current=!1,u.ZIndexUtils.clear(U.current),z(!1),_e(),u.DomHandler.focus(G.current),G.current=null},Ue=function(){Ae()},_e=function(){qe()},Xe=function(e){if(e&&j){var t={id:S,hasBlockScroll:$};document.primeDialogParams||(document.primeDialogParams=[]);var n=document.primeDialogParams.findIndex((function(e){return e.id===S}));document.primeDialogParams=-1===n?[].concat(v(r=document.primeDialogParams)||h(r)||x(r)||w(),[t]):document.primeDialogParams.toSpliced(n,1,t)}else document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==S}));var r;document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))?u.DomHandler.blockBodyScroll():u.DomHandler.unblockBodyScroll()},Ae=function(){y.draggable&&(be(),he()),y.resizable&&(ue(),me()),le()},qe=function(){ye(),xe(),pe(),fe(),ce()},Le=function(){F.current=u.DomHandler.createInlineStyle(b&&b.nonce||f.default.nonce,b&&b.styleContainer);var e="";for(var t in y.breakpoints)e+="\n                @media screen and (max-width: ".concat(t,') {\n                     [data-pc-name="dialog"][').concat(W.current,"] {\n                        width: ").concat(y.breakpoints[t]," !important;\n                    }\n                }\n            ");F.current.innerHTML=e};o.useMountEffect((function(){Xe(!0),y.visible&&z(!0)})),m.useEffect((function(){return y.breakpoints&&Le(),function(){F.current=u.DomHandler.removeInlineStyle(F.current)}}),[y.breakpoints]),o.useUpdateEffect((function(){y.visible&&!P&&z(!0),y.visible!==j&&P&&R(y.visible),y.visible&&(G.current=document.activeElement)}),[y.visible,P]),o.useUpdateEffect((function(){P&&(u.ZIndexUtils.set("modal",U.current,b&&b.autoZIndex||f.default.autoZIndex,y.baseZIndex||b&&b.zIndex.modal||f.default.zIndex.modal),R(!0))}),[P]),o.useUpdateEffect((function(){Xe(!0)}),[$,j]),o.useUnmountEffect((function(){_e(),Xe(!1),u.DomHandler.removeInlineStyle(F.current),u.ZIndexUtils.clear(U.current)})),m.useImperativeHandle(p,(function(){return{props:y,resetPosition:He,getElement:function(){return B.current},getMask:function(){return U.current},getContent:function(){return X.current},getHeader:function(){return A.current},getFooter:function(){return q.current},getCloseButton:function(){return L.current}}}));var Ye=function(){if(y.closable){var e=y.ariaCloseIconLabel||t.localeOption("close"),n=d({className:re("closeButtonIcon"),"aria-hidden":!0},ne("closeButtonIcon")),r=u.IconUtils.getJSXIcon(y.closeIcon||m.createElement(i.TimesIcon,n),H({},n),{props:y}),o=d({ref:L,type:"button",className:re("closeButton"),"aria-label":e,onClick:we},ne("closeButton"));return m.createElement("button",o,r,m.createElement(s.Ripple,null))}return null},Ve=function(){var e=d({className:re("maximizableIcon")},ne("maximizableIcon")),t=u.IconUtils.getJSXIcon(K?y.minimizeIcon||m.createElement(l.WindowMinimizeIcon,e):y.maximizeIcon||m.createElement(a.WindowMaximizeIcon,e),e,{props:y});if(y.maximizable){var n=d({type:"button",className:re("maximizableButton"),onClick:Se},ne("maximizableButton"));return m.createElement("button",n,t,m.createElement(s.Ripple,null))}return null},Ze=function(){if(y.showHeader){var e=Ye(),t=Ve(),n=u.ObjectUtils.getJSXElement(y.icons,y),r=u.ObjectUtils.getJSXElement(y.header,y),o=S+"_header",i=d({ref:A,style:y.headerStyle,className:re("header"),onMouseDown:Pe},ne("header")),a=d({id:o,className:re("headerTitle")},ne("headerTitle")),l=d({className:re("headerIcons")},ne("headerIcons"));return m.createElement("div",i,m.createElement("div",a,r),m.createElement("div",l,n,t,e))}return null},Je=function(){var e=u.ObjectUtils.getJSXElement(y.footer,y),t=d({ref:q,className:re("footer")},ne("footer"));return e&&m.createElement("div",t,e)},Fe=function(t){var n,o=t.rootProps,i={header:y.header,content:y.message,message:null==y||null===(n=y.children)||void 0===n||null===(n=n[1])||void 0===n||null===(n=n.props)||void 0===n?void 0:n.children},a={headerRef:A,contentRef:X,footerRef:q,closeRef:L,hide:we,message:i};return m.createElement("div",t.maskProps,m.createElement(r.CSSTransition,g({nodeRef:B},t.transitionProps),m.createElement("div",o,u.ObjectUtils.getJSXElement(e.content,a))))},We=function(e){var t,n=e.maskProps,o=e.rootProps,i=e.transitionProps,a=Ze(),l=(t=d({id:S+"_content",ref:X,style:y.contentStyle,className:re("content")},ne("content")),m.createElement("div",t,y.children)),c=Je(),s=y.resizable?m.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:Ie}):null;return m.createElement("div",n,m.createElement(r.CSSTransition,g({nodeRef:B},i),m.createElement("div",o,a,l,c,s)))};return P&&function(){var t=S+"_header",n=S+"_content",r={enter:"center"===y.position?150:300,exit:"center"===y.position?150:300},o=d({ref:U,style:oe("mask"),className:re("mask"),onPointerUp:Oe},ne("mask")),i=d({ref:B,id:S,className:u.classNames(y.className,re("root",{props:y,maximized:K,context:b})),style:y.style,onClick:y.onClick,role:"dialog","aria-labelledby":t,"aria-describedby":n,"aria-modal":y.modal,onPointerDown:Ee},C.getOtherProps(y),ne("root")),a=d({classNames:re("transition"),timeout:r,in:j,options:y.transitionOptions,unmountOnExit:!0,onEnter:Ne,onEntered:Me,onExiting:Te,onExited:Be},ne("transition"));if(null!=e&&e.content){var l=Fe({maskProps:o,rootProps:i,transitionProps:a});return m.createElement(c.Portal,{element:l,appendTo:y.appendTo,visible:!0})}var s=We({maskProps:o,rootProps:i,transitionProps:a});return m.createElement(c.Portal,{element:s,appendTo:y.appendTo,visible:!0})}()}));N.displayName="Dialog",exports.Dialog=N;

package/dialog/dialog.esm.js

@@ -177,7 +177,7 @@ var classes = {
     var props = _ref5.props,
       maximized = _ref5.maximized,
       context = _ref5.context;
-    return classNames('p-dialog p-component', props.className, {
+    return classNames('p-dialog p-component', {
       'p-dialog-rtl': props.rtl,
       'p-dialog-maximized': maximized,
       'p-dialog-default': !maximized,
@@ -887,11 +887,11 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     var rootProps = mergeProps({
       ref: dialogRef,
       id: idState,
-      className: cx('root', {
+      className: classNames(props.className, cx('root', {
         props: props,
         maximized: maximized,
         context: context
-      }),
+      })),
       style: props.style,
       onClick: props.onClick,
       role: 'dialog',

package/dialog/dialog.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{PrimeReactContext as n,localeOption as o}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as l,useDisplayOrder as c,useGlobalOnEscapeKey as s,ESC_KEY_HANDLING_PRIORITIES as p,useEventListener as u,useMountEffect as d,useUpdateEffect as m,useUnmountEffect as g}from"primereact/hooks";import{TimesIcon as f}from"primereact/icons/times";import{WindowMaximizeIcon as b}from"primereact/icons/windowmaximize";import{WindowMinimizeIcon as h}from"primereact/icons/windowminimize";import{Portal as y}from"primereact/portal";import{Ripple as v}from"primereact/ripple";import{classNames as x,UniqueComponentId as w,DomHandler as S,ZIndexUtils as k,ObjectUtils as z,IconUtils as E}from"primereact/utils";function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},O.apply(this,arguments)}function P(e){return P="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},P(e)}function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function D(e){if(Array.isArray(e))return I(e)}function j(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 I(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)?I(e,t):void 0}}function R(){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 N(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==P(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function B(e){var t=N(e,"string");return"symbol"===P(t)?t:String(t)}function M(e,t,n){return(t=B(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function T(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 o,r,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=i.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}function A(){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 H(e,t){return T(e)||X(e,t)||C(e,t)||A()}function Y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V=r.extend({defaultProps:{__TYPE:"Dialog",__parentMetadata:null,appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,content:null,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,footerClassName: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},css:{classes:{closeButtonIcon:"p-dialog-header-close-icon",closeButton:"p-dialog-header-icon p-dialog-header-close p-link",maximizableIcon:"p-dialog-header-maximize-icon",maximizableButton:"p-dialog-header-icon p-dialog-header-maximize p-link",header:function(e){return x("p-dialog-header",e.props.headerClassName)},headerTitle:"p-dialog-title",headerIcons:"p-dialog-header-icons",content:function(e){return x("p-dialog-content",e.props.contentClassName)},footer:function(e){return x("p-dialog-footer",e.props.footerClassName)},mask:function(e){var t=e.props,n=e.maskVisibleState,o=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===t.position||e.replace("-","")===t.position}));return x("p-dialog-mask",o?"p-dialog-".concat(o):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-dialog-visible":n,"p-dialog-draggable":t.draggable,"p-dialog-resizable":t.resizable},t.maskClassName)},root:function(e){var n=e.props,o=e.maximized,r=e.context;return x("p-dialog p-component",n.className,{"p-dialog-rtl":n.rtl,"p-dialog-maximized":o,"p-dialog-default":!o,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===t.ripple})},transition:"p-dialog"},styles:"\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\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    .p-dialog .p-dialog-title {\n        flex-grow: 1;\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 {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\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-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n",inlineStyles:{mask:function(e){var t=e.props;return _({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===t.position||"top-left"===t.position||"bottom-left"===t.position?"flex-start":"right"===t.position||"top-right"===t.position||"bottom-right"===t.position?"flex-end":"center",alignItems:"top"===t.position||"top-left"===t.position||"top-right"===t.position?"flex-start":"bottom"===t.position||"bottom-left"===t.position||"bottom-right"===t.position?"flex-end":"center",pointerEvents:!t.modal&&"none"},t.maskStyle)}}}});function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?J(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=e.forwardRef((function(r,x){var P=l(),I=e.useContext(n),N=V.getProps(r,I),B=N.id?N.id:w(),M=H(e.useState(B),2),T=M[0],X=H(e.useState(!1),2),A=X[0],Y=X[1],_=H(e.useState(!1),2),J=_[0],F=_[1],Z=H(e.useState(N.maximized),2),U=Z[0],W=Z[1],$=e.useRef(null),G=e.useRef(null),K=e.useRef(null),q=e.useRef(null),Q=e.useRef(null),ee=e.useRef(null),te=e.useRef(null),ne=e.useRef(!1),oe=e.useRef(!1),re=e.useRef(null),ie=e.useRef(null),ae=e.useRef(null),le=e.useRef(B),ce=e.useRef(null),se=N.onMaximize?N.maximized:U,pe=J&&(N.blockScroll||N.maximizable&&se),ue=N.closable&&N.closeOnEscape&&J,de=c("dialog",ue),me=V.setMetaData(L(L({props:N},N.__parentMetadata),{},{state:{id:T,maximized:se,containerVisible:A}})),ge=me.ptm,fe=me.cx,be=me.sx,he=me.isUnstyled;i(V.css.styles,he,{name:"dialog"}),s({callback:function(e){Ne(e)},when:ue&&de,priority:[p.DIALOG,de]});var ye=H(u({type:"keydown",listener:function(e){return Xe(e)}}),2),ve=ye[0],xe=ye[1],we=H(u({type:"mousemove",target:function(){return window.document},listener:function(e){return Je(e)}}),2),Se=we[0],ke=we[1],ze=H(u({type:"mouseup",target:function(){return window.document},listener:function(e){return Le(e)}}),2),Ee=ze[0],Oe=ze[1],Pe=H(u({type:"mousemove",target:function(){return window.document},listener:function(e){return He(e)}}),2),Ie=Pe[0],De=Pe[1],je=H(u({type:"mouseup",target:function(){return window.document},listener:function(e){return Ye(e)}}),2),Ce=je[0],Re=je[1],Ne=function(e){N.onHide(),e.preventDefault()},Be=function(e){K.current=e.target,N.onPointerDown&&N.onPointerDown(e)},Me=function(e){N.dismissableMask&&N.modal&&G.current===e.target&&!K.current&&Ne(e),N.onMaskClick&&N.onMaskClick(e),K.current=null},Te=function(e){N.onMaximize?N.onMaximize({originalEvent:e,maximized:!se}):W((function(e){return!e})),e.preventDefault()},Xe=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,o=n.length,r=n[o-1]?n[o-1].id:void 0;if(r===T){var i=document.getElementById(r);if("Tab"===e.key){e.preventDefault();var a=S.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()}}}},Ae=function(e){S.hasClass(e.target,"p-dialog-header-icon")||S.hasClass(e.target.parentElement,"p-dialog-header-icon")||N.draggable&&(ne.current=!0,re.current=e.pageX,ie.current=e.pageY,$.current.style.margin="0",S.addClass(document.body,"p-unselectable-text"),N.onDragStart&&N.onDragStart(e))},He=function(e){if(ne.current){var t=S.getOuterWidth($.current),n=S.getOuterHeight($.current),o=e.pageX-re.current,r=e.pageY-ie.current,i=$.current.getBoundingClientRect(),a=i.left+o,l=i.top+r,c=S.getViewport(),s=getComputedStyle($.current),p=parseFloat(s.marginLeft),u=parseFloat(s.marginTop);$.current.style.position="fixed",N.keepInViewport?(a>=N.minX&&a+t<c.width&&(re.current=e.pageX,$.current.style.left=a-p+"px"),l>=N.minY&&l+n<c.height&&(ie.current=e.pageY,$.current.style.top=l-u+"px")):(re.current=e.pageX,$.current.style.left=a-p+"px",ie.current=e.pageY,$.current.style.top=l-u+"px"),N.onDrag&&N.onDrag(e)}},Ye=function(e){ne.current&&(ne.current=!1,S.removeClass(document.body,"p-unselectable-text"),N.onDragEnd&&N.onDragEnd(e))},_e=function(e){N.resizable&&(oe.current=!0,re.current=e.pageX,ie.current=e.pageY,S.addClass(document.body,"p-unselectable-text"),N.onResizeStart&&N.onResizeStart(e))},Ve=function(e,t,n){!n&&(n=S.getViewport());var o=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?o*(n[t]/100):o},Je=function(e){if(oe.current){var t=e.pageX-re.current,n=e.pageY-ie.current,o=S.getOuterWidth($.current),r=S.getOuterHeight($.current),i=$.current.getBoundingClientRect(),a=S.getViewport(),l=!parseInt($.current.style.top)||!parseInt($.current.style.left),c=Ve($.current.style.minWidth,"width",a),s=Ve($.current.style.minHeight,"height",a),p=o+t,u=r+n;l&&(p+=t,u+=n),(!c||p>c)&&i.left+p<a.width&&($.current.style.width=p+"px"),(!s||u>s)&&i.top+u<a.height&&($.current.style.height=u+"px"),re.current=e.pageX,ie.current=e.pageY,N.onResize&&N.onResize(e)}},Le=function(e){oe.current&&(oe.current=!1,S.removeClass(document.body,"p-unselectable-text"),N.onResizeEnd&&N.onResizeEnd(e))},Fe=function(){$.current.style.position="",$.current.style.left="",$.current.style.top="",$.current.style.margin=""},Ze=function(){$.current.setAttribute(le.current,"")},Ue=function(){var e;N.onShow&&N.onShow(),N.focusOnShow&&!((e=document.activeElement)&&$.current&&$.current.contains(e))&&N.closable&&N.showHeader&&te.current&&te.current.focus(),Ge()},We=function(){N.modal&&!he()&&S.addClass(G.current,"p-component-overlay-leave")},$e=function(){ne.current=!1,k.clear(G.current),Y(!1),Ke(),S.focus(ce.current),ce.current=null},Ge=function(){Qe()},Ke=function(){et()},qe=function(e){if(e&&J){var t={id:T,hasBlockScroll:pe};document.primeDialogParams||(document.primeDialogParams=[]);var n=document.primeDialogParams.findIndex((function(e){return e.id===T}));document.primeDialogParams=-1===n?[].concat(D(o=document.primeDialogParams)||j(o)||C(o)||R(),[t]):document.primeDialogParams.toSpliced(n,1,t)}else document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==T}));var o;document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))?S.blockBodyScroll():S.unblockBodyScroll()},Qe=function(){N.draggable&&(Ie(),Ce()),N.resizable&&(Se(),Ee()),ve()},et=function(){De(),Re(),ke(),Oe(),xe()},tt=function(){ae.current=S.createInlineStyle(I&&I.nonce||t.nonce,I&&I.styleContainer);var e="";for(var n in N.breakpoints)e+="\n                @media screen and (max-width: ".concat(n,') {\n                     [data-pc-name="dialog"][').concat(le.current,"] {\n                        width: ").concat(N.breakpoints[n]," !important;\n                    }\n                }\n            ");ae.current.innerHTML=e};d((function(){qe(!0),N.visible&&Y(!0)})),e.useEffect((function(){return N.breakpoints&&tt(),function(){ae.current=S.removeInlineStyle(ae.current)}}),[N.breakpoints]),m((function(){N.visible&&!A&&Y(!0),N.visible!==J&&A&&F(N.visible),N.visible&&(ce.current=document.activeElement)}),[N.visible,A]),m((function(){A&&(k.set("modal",G.current,I&&I.autoZIndex||t.autoZIndex,N.baseZIndex||I&&I.zIndex.modal||t.zIndex.modal),F(!0))}),[A]),m((function(){qe(!0)}),[pe,J]),g((function(){Ke(),qe(!1),S.removeInlineStyle(ae.current),k.clear(G.current)})),e.useImperativeHandle(x,(function(){return{props:N,resetPosition:Fe,getElement:function(){return $.current},getMask:function(){return G.current},getContent:function(){return q.current},getHeader:function(){return Q.current},getFooter:function(){return ee.current},getCloseButton:function(){return te.current}}}));var nt=function(){if(N.closable){var t=N.ariaCloseIconLabel||o("close"),n=P({className:fe("closeButtonIcon"),"aria-hidden":!0},ge("closeButtonIcon")),r=E.getJSXIcon(N.closeIcon||e.createElement(f,n),L({},n),{props:N}),i=P({ref:te,type:"button",className:fe("closeButton"),"aria-label":t,onClick:Ne},ge("closeButton"));return e.createElement("button",i,r,e.createElement(v,null))}return null},ot=function(){var t=P({className:fe("maximizableIcon")},ge("maximizableIcon")),n=E.getJSXIcon(se?N.minimizeIcon||e.createElement(h,t):N.maximizeIcon||e.createElement(b,t),t,{props:N});if(N.maximizable){var o=P({type:"button",className:fe("maximizableButton"),onClick:Te},ge("maximizableButton"));return e.createElement("button",o,n,e.createElement(v,null))}return null},rt=function(){if(N.showHeader){var t=nt(),n=ot(),o=z.getJSXElement(N.icons,N),r=z.getJSXElement(N.header,N),i=T+"_header",a=P({ref:Q,style:N.headerStyle,className:fe("header"),onMouseDown:Ae},ge("header")),l=P({id:i,className:fe("headerTitle")},ge("headerTitle")),c=P({className:fe("headerIcons")},ge("headerIcons"));return e.createElement("div",a,e.createElement("div",l,r),e.createElement("div",c,o,n,t))}return null},it=function(){var t=z.getJSXElement(N.footer,N),n=P({ref:ee,className:fe("footer")},ge("footer"));return t&&e.createElement("div",n,t)},at=function(t){var n,o=t.rootProps,i={header:N.header,content:N.message,message:null==N||null===(n=N.children)||void 0===n||null===(n=n[1])||void 0===n||null===(n=n.props)||void 0===n?void 0:n.children},l={headerRef:Q,contentRef:q,footerRef:ee,closeRef:te,hide:Ne,message:i};return e.createElement("div",t.maskProps,e.createElement(a,O({nodeRef:$},t.transitionProps),e.createElement("div",o,z.getJSXElement(r.content,l))))},lt=function(t){var n,o=t.maskProps,r=t.rootProps,i=t.transitionProps,l=rt(),c=(n=P({id:T+"_content",ref:q,style:N.contentStyle,className:fe("content")},ge("content")),e.createElement("div",n,N.children)),s=it(),p=N.resizable?e.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:_e}):null;return e.createElement("div",o,e.createElement(a,O({nodeRef:$},i),e.createElement("div",r,l,c,s,p)))};return A&&function(){var t=T+"_header",n=T+"_content",o={enter:"center"===N.position?150:300,exit:"center"===N.position?150:300},i=P({ref:G,style:be("mask"),className:fe("mask"),onPointerUp:Me},ge("mask")),a=P({ref:$,id:T,className:fe("root",{props:N,maximized:se,context:I}),style:N.style,onClick:N.onClick,role:"dialog","aria-labelledby":t,"aria-describedby":n,"aria-modal":N.modal,onPointerDown:Be},V.getOtherProps(N),ge("root")),l=P({classNames:fe("transition"),timeout:o,in:J,options:N.transitionOptions,unmountOnExit:!0,onEnter:Ze,onEntered:Ue,onExiting:We,onExited:$e},ge("transition"));if(null!=r&&r.content){var c=at({maskProps:i,rootProps:a,transitionProps:l});return e.createElement(y,{element:c,appendTo:N.appendTo,visible:!0})}var s=lt({maskProps:i,rootProps:a,transitionProps:l});return e.createElement(y,{element:s,appendTo:N.appendTo,visible:!0})}()}));F.displayName="Dialog";export{F as Dialog};
+import*as e from"react";import t,{PrimeReactContext as n,localeOption as o}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as l,useDisplayOrder as c,useGlobalOnEscapeKey as s,ESC_KEY_HANDLING_PRIORITIES as p,useEventListener as u,useMountEffect as d,useUpdateEffect as m,useUnmountEffect as g}from"primereact/hooks";import{TimesIcon as f}from"primereact/icons/times";import{WindowMaximizeIcon as b}from"primereact/icons/windowmaximize";import{WindowMinimizeIcon as h}from"primereact/icons/windowminimize";import{Portal as y}from"primereact/portal";import{Ripple as v}from"primereact/ripple";import{classNames as x,UniqueComponentId as w,DomHandler as S,ZIndexUtils as k,ObjectUtils as z,IconUtils as E}from"primereact/utils";function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},O.apply(this,arguments)}function P(e){return P="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},P(e)}function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function D(e){if(Array.isArray(e))return I(e)}function j(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 I(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)?I(e,t):void 0}}function R(){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 N(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==P(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function B(e){var t=N(e,"string");return"symbol"===P(t)?t:String(t)}function M(e,t,n){return(t=B(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function T(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 o,r,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=i.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}function A(){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 H(e,t){return T(e)||X(e,t)||C(e,t)||A()}function Y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V=r.extend({defaultProps:{__TYPE:"Dialog",__parentMetadata:null,appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,content:null,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,footerClassName: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},css:{classes:{closeButtonIcon:"p-dialog-header-close-icon",closeButton:"p-dialog-header-icon p-dialog-header-close p-link",maximizableIcon:"p-dialog-header-maximize-icon",maximizableButton:"p-dialog-header-icon p-dialog-header-maximize p-link",header:function(e){return x("p-dialog-header",e.props.headerClassName)},headerTitle:"p-dialog-title",headerIcons:"p-dialog-header-icons",content:function(e){return x("p-dialog-content",e.props.contentClassName)},footer:function(e){return x("p-dialog-footer",e.props.footerClassName)},mask:function(e){var t=e.props,n=e.maskVisibleState,o=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===t.position||e.replace("-","")===t.position}));return x("p-dialog-mask",o?"p-dialog-".concat(o):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-dialog-visible":n,"p-dialog-draggable":t.draggable,"p-dialog-resizable":t.resizable},t.maskClassName)},root:function(e){var n=e.maximized,o=e.context;return x("p-dialog p-component",{"p-dialog-rtl":e.props.rtl,"p-dialog-maximized":n,"p-dialog-default":!n,"p-input-filled":o&&"filled"===o.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":o&&!1===o.ripple||!1===t.ripple})},transition:"p-dialog"},styles:"\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\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    .p-dialog .p-dialog-title {\n        flex-grow: 1;\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 {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\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-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n",inlineStyles:{mask:function(e){var t=e.props;return _({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===t.position||"top-left"===t.position||"bottom-left"===t.position?"flex-start":"right"===t.position||"top-right"===t.position||"bottom-right"===t.position?"flex-end":"center",alignItems:"top"===t.position||"top-left"===t.position||"top-right"===t.position?"flex-start":"bottom"===t.position||"bottom-left"===t.position||"bottom-right"===t.position?"flex-end":"center",pointerEvents:!t.modal&&"none"},t.maskStyle)}}}});function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?J(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=e.forwardRef((function(r,P){var I=l(),N=e.useContext(n),B=V.getProps(r,N),M=B.id?B.id:w(),T=H(e.useState(M),2),X=T[0],A=H(e.useState(!1),2),Y=A[0],_=A[1],J=H(e.useState(!1),2),F=J[0],Z=J[1],U=H(e.useState(B.maximized),2),W=U[0],$=U[1],G=e.useRef(null),K=e.useRef(null),q=e.useRef(null),Q=e.useRef(null),ee=e.useRef(null),te=e.useRef(null),ne=e.useRef(null),oe=e.useRef(!1),re=e.useRef(!1),ie=e.useRef(null),ae=e.useRef(null),le=e.useRef(null),ce=e.useRef(M),se=e.useRef(null),pe=B.onMaximize?B.maximized:W,ue=F&&(B.blockScroll||B.maximizable&&pe),de=B.closable&&B.closeOnEscape&&F,me=c("dialog",de),ge=V.setMetaData(L(L({props:B},B.__parentMetadata),{},{state:{id:X,maximized:pe,containerVisible:Y}})),fe=ge.ptm,be=ge.cx,he=ge.sx,ye=ge.isUnstyled;i(V.css.styles,ye,{name:"dialog"}),s({callback:function(e){Be(e)},when:de&&me,priority:[p.DIALOG,me]});var ve=H(u({type:"keydown",listener:function(e){return Ae(e)}}),2),xe=ve[0],we=ve[1],Se=H(u({type:"mousemove",target:function(){return window.document},listener:function(e){return Le(e)}}),2),ke=Se[0],ze=Se[1],Ee=H(u({type:"mouseup",target:function(){return window.document},listener:function(e){return Fe(e)}}),2),Oe=Ee[0],Pe=Ee[1],Ie=H(u({type:"mousemove",target:function(){return window.document},listener:function(e){return Ye(e)}}),2),De=Ie[0],je=Ie[1],Ce=H(u({type:"mouseup",target:function(){return window.document},listener:function(e){return _e(e)}}),2),Re=Ce[0],Ne=Ce[1],Be=function(e){B.onHide(),e.preventDefault()},Me=function(e){q.current=e.target,B.onPointerDown&&B.onPointerDown(e)},Te=function(e){B.dismissableMask&&B.modal&&K.current===e.target&&!q.current&&Be(e),B.onMaskClick&&B.onMaskClick(e),q.current=null},Xe=function(e){B.onMaximize?B.onMaximize({originalEvent:e,maximized:!pe}):$((function(e){return!e})),e.preventDefault()},Ae=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,o=n.length,r=n[o-1]?n[o-1].id:void 0;if(r===X){var i=document.getElementById(r);if("Tab"===e.key){e.preventDefault();var a=S.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()}}}},He=function(e){S.hasClass(e.target,"p-dialog-header-icon")||S.hasClass(e.target.parentElement,"p-dialog-header-icon")||B.draggable&&(oe.current=!0,ie.current=e.pageX,ae.current=e.pageY,G.current.style.margin="0",S.addClass(document.body,"p-unselectable-text"),B.onDragStart&&B.onDragStart(e))},Ye=function(e){if(oe.current){var t=S.getOuterWidth(G.current),n=S.getOuterHeight(G.current),o=e.pageX-ie.current,r=e.pageY-ae.current,i=G.current.getBoundingClientRect(),a=i.left+o,l=i.top+r,c=S.getViewport(),s=getComputedStyle(G.current),p=parseFloat(s.marginLeft),u=parseFloat(s.marginTop);G.current.style.position="fixed",B.keepInViewport?(a>=B.minX&&a+t<c.width&&(ie.current=e.pageX,G.current.style.left=a-p+"px"),l>=B.minY&&l+n<c.height&&(ae.current=e.pageY,G.current.style.top=l-u+"px")):(ie.current=e.pageX,G.current.style.left=a-p+"px",ae.current=e.pageY,G.current.style.top=l-u+"px"),B.onDrag&&B.onDrag(e)}},_e=function(e){oe.current&&(oe.current=!1,S.removeClass(document.body,"p-unselectable-text"),B.onDragEnd&&B.onDragEnd(e))},Ve=function(e){B.resizable&&(re.current=!0,ie.current=e.pageX,ae.current=e.pageY,S.addClass(document.body,"p-unselectable-text"),B.onResizeStart&&B.onResizeStart(e))},Je=function(e,t,n){!n&&(n=S.getViewport());var o=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?o*(n[t]/100):o},Le=function(e){if(re.current){var t=e.pageX-ie.current,n=e.pageY-ae.current,o=S.getOuterWidth(G.current),r=S.getOuterHeight(G.current),i=G.current.getBoundingClientRect(),a=S.getViewport(),l=!parseInt(G.current.style.top)||!parseInt(G.current.style.left),c=Je(G.current.style.minWidth,"width",a),s=Je(G.current.style.minHeight,"height",a),p=o+t,u=r+n;l&&(p+=t,u+=n),(!c||p>c)&&i.left+p<a.width&&(G.current.style.width=p+"px"),(!s||u>s)&&i.top+u<a.height&&(G.current.style.height=u+"px"),ie.current=e.pageX,ae.current=e.pageY,B.onResize&&B.onResize(e)}},Fe=function(e){re.current&&(re.current=!1,S.removeClass(document.body,"p-unselectable-text"),B.onResizeEnd&&B.onResizeEnd(e))},Ze=function(){G.current.style.position="",G.current.style.left="",G.current.style.top="",G.current.style.margin=""},Ue=function(){G.current.setAttribute(ce.current,"")},We=function(){var e;B.onShow&&B.onShow(),B.focusOnShow&&!((e=document.activeElement)&&G.current&&G.current.contains(e))&&B.closable&&B.showHeader&&ne.current&&ne.current.focus(),Ke()},$e=function(){B.modal&&!ye()&&S.addClass(K.current,"p-component-overlay-leave")},Ge=function(){oe.current=!1,k.clear(K.current),_(!1),qe(),S.focus(se.current),se.current=null},Ke=function(){et()},qe=function(){tt()},Qe=function(e){if(e&&F){var t={id:X,hasBlockScroll:ue};document.primeDialogParams||(document.primeDialogParams=[]);var n=document.primeDialogParams.findIndex((function(e){return e.id===X}));document.primeDialogParams=-1===n?[].concat(D(o=document.primeDialogParams)||j(o)||C(o)||R(),[t]):document.primeDialogParams.toSpliced(n,1,t)}else document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==X}));var o;document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))?S.blockBodyScroll():S.unblockBodyScroll()},et=function(){B.draggable&&(De(),Re()),B.resizable&&(ke(),Oe()),xe()},tt=function(){je(),Ne(),ze(),Pe(),we()},nt=function(){le.current=S.createInlineStyle(N&&N.nonce||t.nonce,N&&N.styleContainer);var e="";for(var n in B.breakpoints)e+="\n                @media screen and (max-width: ".concat(n,') {\n                     [data-pc-name="dialog"][').concat(ce.current,"] {\n                        width: ").concat(B.breakpoints[n]," !important;\n                    }\n                }\n            ");le.current.innerHTML=e};d((function(){Qe(!0),B.visible&&_(!0)})),e.useEffect((function(){return B.breakpoints&&nt(),function(){le.current=S.removeInlineStyle(le.current)}}),[B.breakpoints]),m((function(){B.visible&&!Y&&_(!0),B.visible!==F&&Y&&Z(B.visible),B.visible&&(se.current=document.activeElement)}),[B.visible,Y]),m((function(){Y&&(k.set("modal",K.current,N&&N.autoZIndex||t.autoZIndex,B.baseZIndex||N&&N.zIndex.modal||t.zIndex.modal),Z(!0))}),[Y]),m((function(){Qe(!0)}),[ue,F]),g((function(){qe(),Qe(!1),S.removeInlineStyle(le.current),k.clear(K.current)})),e.useImperativeHandle(P,(function(){return{props:B,resetPosition:Ze,getElement:function(){return G.current},getMask:function(){return K.current},getContent:function(){return Q.current},getHeader:function(){return ee.current},getFooter:function(){return te.current},getCloseButton:function(){return ne.current}}}));var ot=function(){if(B.closable){var t=B.ariaCloseIconLabel||o("close"),n=I({className:be("closeButtonIcon"),"aria-hidden":!0},fe("closeButtonIcon")),r=E.getJSXIcon(B.closeIcon||e.createElement(f,n),L({},n),{props:B}),i=I({ref:ne,type:"button",className:be("closeButton"),"aria-label":t,onClick:Be},fe("closeButton"));return e.createElement("button",i,r,e.createElement(v,null))}return null},rt=function(){var t=I({className:be("maximizableIcon")},fe("maximizableIcon")),n=E.getJSXIcon(pe?B.minimizeIcon||e.createElement(h,t):B.maximizeIcon||e.createElement(b,t),t,{props:B});if(B.maximizable){var o=I({type:"button",className:be("maximizableButton"),onClick:Xe},fe("maximizableButton"));return e.createElement("button",o,n,e.createElement(v,null))}return null},it=function(){if(B.showHeader){var t=ot(),n=rt(),o=z.getJSXElement(B.icons,B),r=z.getJSXElement(B.header,B),i=X+"_header",a=I({ref:ee,style:B.headerStyle,className:be("header"),onMouseDown:He},fe("header")),l=I({id:i,className:be("headerTitle")},fe("headerTitle")),c=I({className:be("headerIcons")},fe("headerIcons"));return e.createElement("div",a,e.createElement("div",l,r),e.createElement("div",c,o,n,t))}return null},at=function(){var t=z.getJSXElement(B.footer,B),n=I({ref:te,className:be("footer")},fe("footer"));return t&&e.createElement("div",n,t)},lt=function(t){var n,o=t.rootProps,i={header:B.header,content:B.message,message:null==B||null===(n=B.children)||void 0===n||null===(n=n[1])||void 0===n||null===(n=n.props)||void 0===n?void 0:n.children},l={headerRef:ee,contentRef:Q,footerRef:te,closeRef:ne,hide:Be,message:i};return e.createElement("div",t.maskProps,e.createElement(a,O({nodeRef:G},t.transitionProps),e.createElement("div",o,z.getJSXElement(r.content,l))))},ct=function(t){var n,o=t.maskProps,r=t.rootProps,i=t.transitionProps,l=it(),c=(n=I({id:X+"_content",ref:Q,style:B.contentStyle,className:be("content")},fe("content")),e.createElement("div",n,B.children)),s=at(),p=B.resizable?e.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:Ve}):null;return e.createElement("div",o,e.createElement(a,O({nodeRef:G},i),e.createElement("div",r,l,c,s,p)))};return Y&&function(){var t=X+"_header",n=X+"_content",o={enter:"center"===B.position?150:300,exit:"center"===B.position?150:300},i=I({ref:K,style:he("mask"),className:be("mask"),onPointerUp:Te},fe("mask")),a=I({ref:G,id:X,className:x(B.className,be("root",{props:B,maximized:pe,context:N})),style:B.style,onClick:B.onClick,role:"dialog","aria-labelledby":t,"aria-describedby":n,"aria-modal":B.modal,onPointerDown:Me},V.getOtherProps(B),fe("root")),l=I({classNames:be("transition"),timeout:o,in:F,options:B.transitionOptions,unmountOnExit:!0,onEnter:Ue,onEntered:We,onExiting:$e,onExited:Ge},fe("transition"));if(null!=r&&r.content){var c=lt({maskProps:i,rootProps:a,transitionProps:l});return e.createElement(y,{element:c,appendTo:B.appendTo,visible:!0})}var s=ct({maskProps:i,rootProps:a,transitionProps:l});return e.createElement(y,{element:s,appendTo:B.appendTo,visible:!0})}()}));F.displayName="Dialog";export{F as Dialog};

package/dialog/dialog.js

@@ -191,7 +191,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       var props = _ref5.props,
         maximized = _ref5.maximized,
         context = _ref5.context;
-      return utils.classNames('p-dialog p-component', props.className, {
+      return utils.classNames('p-dialog p-component', {
         'p-dialog-rtl': props.rtl,
         'p-dialog-maximized': maximized,
         'p-dialog-default': !maximized,
@@ -901,11 +901,11 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       var rootProps = mergeProps({
         ref: dialogRef,
         id: idState,
-        className: cx('root', {
+        className: utils.classNames(props.className, cx('root', {
           props: props,
           maximized: maximized,
           context: context
-        }),
+        })),
         style: props.style,
         onClick: props.onClick,
         role: 'dialog',

package/dialog/dialog.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.dialog=function(e,t,n,o,r,i,a,l,c,s,u,p){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=m(t),g=d(n);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},b.apply(this,arguments)}function y(e){return y="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},y(e)}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function v(e){if(Array.isArray(e))return h(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(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 E(){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,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==y(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function S(e){var t=O(e,"string");return"symbol"===y(t)?t:String(t)}function D(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(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 o,r,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=i.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}function k(){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 I(e,t){return P(e)||z(e,t)||w(e,t)||k()}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=o.ComponentBase.extend({defaultProps:{__TYPE:"Dialog",__parentMetadata:null,appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,content:null,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,footerClassName: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},css:{classes:{closeButtonIcon:"p-dialog-header-close-icon",closeButton:"p-dialog-header-icon p-dialog-header-close p-link",maximizableIcon:"p-dialog-header-maximize-icon",maximizableButton:"p-dialog-header-icon p-dialog-header-maximize p-link",header:function(e){return p.classNames("p-dialog-header",e.props.headerClassName)},headerTitle:"p-dialog-title",headerIcons:"p-dialog-header-icons",content:function(e){return p.classNames("p-dialog-content",e.props.contentClassName)},footer:function(e){return p.classNames("p-dialog-footer",e.props.footerClassName)},mask:function(e){var t=e.props,n=e.maskVisibleState,o=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===t.position||e.replace("-","")===t.position}));return p.classNames("p-dialog-mask",o?"p-dialog-".concat(o):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-dialog-visible":n,"p-dialog-draggable":t.draggable,"p-dialog-resizable":t.resizable},t.maskClassName)},root:function(e){var t=e.props,n=e.maximized,o=e.context;return p.classNames("p-dialog p-component",t.className,{"p-dialog-rtl":t.rtl,"p-dialog-maximized":n,"p-dialog-default":!n,"p-input-filled":o&&"filled"===o.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":o&&!1===o.ripple||!1===g.default.ripple})},transition:"p-dialog"},styles:"\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\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    .p-dialog .p-dialog-title {\n        flex-grow: 1;\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 {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\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-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n",inlineStyles:{mask:function(e){var t=e.props;return C({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===t.position||"top-left"===t.position||"bottom-left"===t.position?"flex-start":"right"===t.position||"top-right"===t.position||"bottom-right"===t.position?"flex-end":"center",alignItems:"top"===t.position||"top-left"===t.position||"top-right"===t.position?"flex-start":"bottom"===t.position||"bottom-left"===t.position||"bottom-right"===t.position?"flex-end":"center",pointerEvents:!t.modal&&"none"},t.maskStyle)}}}});function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=f.forwardRef((function(e,t){var d=i.useMergeProps(),m=f.useContext(n.PrimeReactContext),y=R.getProps(e,m),h=y.id?y.id:p.UniqueComponentId(),O=I(f.useState(h),2),S=O[0],D=I(f.useState(!1),2),P=D[0],z=D[1],k=I(f.useState(!1),2),j=k[0],C=k[1],H=I(f.useState(y.maximized),2),M=H[0],T=H[1],B=f.useRef(null),U=f.useRef(null),_=f.useRef(null),X=f.useRef(null),A=f.useRef(null),L=f.useRef(null),Y=f.useRef(null),V=f.useRef(!1),Z=f.useRef(!1),J=f.useRef(null),F=f.useRef(null),W=f.useRef(null),G=f.useRef(h),K=f.useRef(null),$=y.onMaximize?y.maximized:M,q=j&&(y.blockScroll||y.maximizable&&$),Q=y.closable&&y.closeOnEscape&&j,ee=i.useDisplayOrder("dialog",Q),te=R.setMetaData(N(N({props:y},y.__parentMetadata),{},{state:{id:S,maximized:$,containerVisible:P}})),ne=te.ptm,oe=te.cx,re=te.sx,ie=te.isUnstyled;o.useHandleStyle(R.css.styles,ie,{name:"dialog"}),i.useGlobalOnEscapeKey({callback:function(e){we(e)},when:Q&&ee,priority:[i.ESC_KEY_HANDLING_PRIORITIES.DIALOG,ee]});var ae=I(i.useEventListener({type:"keydown",listener:function(e){return De(e)}}),2),le=ae[0],ce=ae[1],se=I(i.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return Ce(e)}}),2),ue=se[0],pe=se[1],de=I(i.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return Re(e)}}),2),me=de[0],fe=de[1],ge=I(i.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return ze(e)}}),2),be=ge[0],ye=ge[1],he=I(i.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return ke(e)}}),2),ve=he[0],xe=he[1],we=function(e){y.onHide(),e.preventDefault()},Ee=function(e){_.current=e.target,y.onPointerDown&&y.onPointerDown(e)},Oe=function(e){y.dismissableMask&&y.modal&&U.current===e.target&&!_.current&&we(e),y.onMaskClick&&y.onMaskClick(e),_.current=null},Se=function(e){y.onMaximize?y.onMaximize({originalEvent:e,maximized:!$}):T((function(e){return!e})),e.preventDefault()},De=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,o=n.length,r=n[o-1]?n[o-1].id:void 0;if(r===S){var i=document.getElementById(r);if("Tab"===e.key){e.preventDefault();var a=p.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()}}}},Pe=function(e){p.DomHandler.hasClass(e.target,"p-dialog-header-icon")||p.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||y.draggable&&(V.current=!0,J.current=e.pageX,F.current=e.pageY,B.current.style.margin="0",p.DomHandler.addClass(document.body,"p-unselectable-text"),y.onDragStart&&y.onDragStart(e))},ze=function(e){if(V.current){var t=p.DomHandler.getOuterWidth(B.current),n=p.DomHandler.getOuterHeight(B.current),o=e.pageX-J.current,r=e.pageY-F.current,i=B.current.getBoundingClientRect(),a=i.left+o,l=i.top+r,c=p.DomHandler.getViewport(),s=getComputedStyle(B.current),u=parseFloat(s.marginLeft),d=parseFloat(s.marginTop);B.current.style.position="fixed",y.keepInViewport?(a>=y.minX&&a+t<c.width&&(J.current=e.pageX,B.current.style.left=a-u+"px"),l>=y.minY&&l+n<c.height&&(F.current=e.pageY,B.current.style.top=l-d+"px")):(J.current=e.pageX,B.current.style.left=a-u+"px",F.current=e.pageY,B.current.style.top=l-d+"px"),y.onDrag&&y.onDrag(e)}},ke=function(e){V.current&&(V.current=!1,p.DomHandler.removeClass(document.body,"p-unselectable-text"),y.onDragEnd&&y.onDragEnd(e))},Ie=function(e){y.resizable&&(Z.current=!0,J.current=e.pageX,F.current=e.pageY,p.DomHandler.addClass(document.body,"p-unselectable-text"),y.onResizeStart&&y.onResizeStart(e))},je=function(e,t,n){!n&&(n=p.DomHandler.getViewport());var o=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?o*(n[t]/100):o},Ce=function(e){if(Z.current){var t=e.pageX-J.current,n=e.pageY-F.current,o=p.DomHandler.getOuterWidth(B.current),r=p.DomHandler.getOuterHeight(B.current),i=B.current.getBoundingClientRect(),a=p.DomHandler.getViewport(),l=!parseInt(B.current.style.top)||!parseInt(B.current.style.left),c=je(B.current.style.minWidth,"width",a),s=je(B.current.style.minHeight,"height",a),u=o+t,d=r+n;l&&(u+=t,d+=n),(!c||u>c)&&i.left+u<a.width&&(B.current.style.width=u+"px"),(!s||d>s)&&i.top+d<a.height&&(B.current.style.height=d+"px"),J.current=e.pageX,F.current=e.pageY,y.onResize&&y.onResize(e)}},Re=function(e){Z.current&&(Z.current=!1,p.DomHandler.removeClass(document.body,"p-unselectable-text"),y.onResizeEnd&&y.onResizeEnd(e))},He=function(){B.current.style.position="",B.current.style.left="",B.current.style.top="",B.current.style.margin=""},Ne=function(){B.current.setAttribute(G.current,"")},Me=function(){var e;y.onShow&&y.onShow(),y.focusOnShow&&!((e=document.activeElement)&&B.current&&B.current.contains(e))&&y.closable&&y.showHeader&&Y.current&&Y.current.focus(),Ue()},Te=function(){y.modal&&!ie()&&p.DomHandler.addClass(U.current,"p-component-overlay-leave")},Be=function(){V.current=!1,p.ZIndexUtils.clear(U.current),z(!1),_e(),p.DomHandler.focus(K.current),K.current=null},Ue=function(){Ae()},_e=function(){Le()},Xe=function(e){if(e&&j){var t={id:S,hasBlockScroll:q};document.primeDialogParams||(document.primeDialogParams=[]);var n=document.primeDialogParams.findIndex((function(e){return e.id===S}));document.primeDialogParams=-1===n?[].concat(v(o=document.primeDialogParams)||x(o)||w(o)||E(),[t]):document.primeDialogParams.toSpliced(n,1,t)}else document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==S}));var o;document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))?p.DomHandler.blockBodyScroll():p.DomHandler.unblockBodyScroll()},Ae=function(){y.draggable&&(be(),ve()),y.resizable&&(ue(),me()),le()},Le=function(){ye(),xe(),pe(),fe(),ce()},Ye=function(){W.current=p.DomHandler.createInlineStyle(m&&m.nonce||g.default.nonce,m&&m.styleContainer);var e="";for(var t in y.breakpoints)e+="\n                @media screen and (max-width: ".concat(t,') {\n                     [data-pc-name="dialog"][').concat(G.current,"] {\n                        width: ").concat(y.breakpoints[t]," !important;\n                    }\n                }\n            ");W.current.innerHTML=e};i.useMountEffect((function(){Xe(!0),y.visible&&z(!0)})),f.useEffect((function(){return y.breakpoints&&Ye(),function(){W.current=p.DomHandler.removeInlineStyle(W.current)}}),[y.breakpoints]),i.useUpdateEffect((function(){y.visible&&!P&&z(!0),y.visible!==j&&P&&C(y.visible),y.visible&&(K.current=document.activeElement)}),[y.visible,P]),i.useUpdateEffect((function(){P&&(p.ZIndexUtils.set("modal",U.current,m&&m.autoZIndex||g.default.autoZIndex,y.baseZIndex||m&&m.zIndex.modal||g.default.zIndex.modal),C(!0))}),[P]),i.useUpdateEffect((function(){Xe(!0)}),[q,j]),i.useUnmountEffect((function(){_e(),Xe(!1),p.DomHandler.removeInlineStyle(W.current),p.ZIndexUtils.clear(U.current)})),f.useImperativeHandle(t,(function(){return{props:y,resetPosition:He,getElement:function(){return B.current},getMask:function(){return U.current},getContent:function(){return X.current},getHeader:function(){return A.current},getFooter:function(){return L.current},getCloseButton:function(){return Y.current}}}));var Ve=function(){if(y.closable){var e=y.ariaCloseIconLabel||n.localeOption("close"),t=d({className:oe("closeButtonIcon"),"aria-hidden":!0},ne("closeButtonIcon")),o=p.IconUtils.getJSXIcon(y.closeIcon||f.createElement(a.TimesIcon,t),N({},t),{props:y}),r=d({ref:Y,type:"button",className:oe("closeButton"),"aria-label":e,onClick:we},ne("closeButton"));return f.createElement("button",r,o,f.createElement(u.Ripple,null))}return null},Ze=function(){var e=d({className:oe("maximizableIcon")},ne("maximizableIcon")),t=p.IconUtils.getJSXIcon($?y.minimizeIcon||f.createElement(c.WindowMinimizeIcon,e):y.maximizeIcon||f.createElement(l.WindowMaximizeIcon,e),e,{props:y});if(y.maximizable){var n=d({type:"button",className:oe("maximizableButton"),onClick:Se},ne("maximizableButton"));return f.createElement("button",n,t,f.createElement(u.Ripple,null))}return null},Je=function(){if(y.showHeader){var e=Ve(),t=Ze(),n=p.ObjectUtils.getJSXElement(y.icons,y),o=p.ObjectUtils.getJSXElement(y.header,y),r=S+"_header",i=d({ref:A,style:y.headerStyle,className:oe("header"),onMouseDown:Pe},ne("header")),a=d({id:r,className:oe("headerTitle")},ne("headerTitle")),l=d({className:oe("headerIcons")},ne("headerIcons"));return f.createElement("div",i,f.createElement("div",a,o),f.createElement("div",l,n,t,e))}return null},Fe=function(){var e=p.ObjectUtils.getJSXElement(y.footer,y),t=d({ref:L,className:oe("footer")},ne("footer"));return e&&f.createElement("div",t,e)},We=function(t){var n,o=t.rootProps,i={header:y.header,content:y.message,message:null==y||null===(n=y.children)||void 0===n||null===(n=n[1])||void 0===n||null===(n=n.props)||void 0===n?void 0:n.children},a={headerRef:A,contentRef:X,footerRef:L,closeRef:Y,hide:we,message:i};return f.createElement("div",t.maskProps,f.createElement(r.CSSTransition,b({nodeRef:B},t.transitionProps),f.createElement("div",o,p.ObjectUtils.getJSXElement(e.content,a))))},Ge=function(e){var t,n=e.maskProps,o=e.rootProps,i=e.transitionProps,a=Je(),l=(t=d({id:S+"_content",ref:X,style:y.contentStyle,className:oe("content")},ne("content")),f.createElement("div",t,y.children)),c=Fe(),s=y.resizable?f.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:Ie}):null;return f.createElement("div",n,f.createElement(r.CSSTransition,b({nodeRef:B},i),f.createElement("div",o,a,l,c,s)))};return P&&function(){var t=S+"_header",n=S+"_content",o={enter:"center"===y.position?150:300,exit:"center"===y.position?150:300},r=d({ref:U,style:re("mask"),className:oe("mask"),onPointerUp:Oe},ne("mask")),i=d({ref:B,id:S,className:oe("root",{props:y,maximized:$,context:m}),style:y.style,onClick:y.onClick,role:"dialog","aria-labelledby":t,"aria-describedby":n,"aria-modal":y.modal,onPointerDown:Ee},R.getOtherProps(y),ne("root")),a=d({classNames:oe("transition"),timeout:o,in:j,options:y.transitionOptions,unmountOnExit:!0,onEnter:Ne,onEntered:Me,onExiting:Te,onExited:Be},ne("transition"));if(null!=e&&e.content){var l=We({maskProps:r,rootProps:i,transitionProps:a});return f.createElement(s.Portal,{element:l,appendTo:y.appendTo,visible:!0})}var c=Ge({maskProps:r,rootProps:i,transitionProps:a});return f.createElement(s.Portal,{element:c,appendTo:y.appendTo,visible:!0})}()}));return M.displayName="Dialog",e.Dialog=M,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.icons.windowmaximize,primereact.icons.windowminimize,primereact.portal,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.dialog=function(e,t,n,o,r,i,a,l,c,s,u,p){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=m(t),g=d(n);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},b.apply(this,arguments)}function y(e){return y="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},y(e)}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function v(e){if(Array.isArray(e))return h(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(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 E(){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,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==y(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function S(e){var t=O(e,"string");return"symbol"===y(t)?t:String(t)}function D(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(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 o,r,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=i.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}function k(){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 I(e,t){return P(e)||z(e,t)||w(e,t)||k()}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=o.ComponentBase.extend({defaultProps:{__TYPE:"Dialog",__parentMetadata:null,appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,content:null,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,footerClassName: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},css:{classes:{closeButtonIcon:"p-dialog-header-close-icon",closeButton:"p-dialog-header-icon p-dialog-header-close p-link",maximizableIcon:"p-dialog-header-maximize-icon",maximizableButton:"p-dialog-header-icon p-dialog-header-maximize p-link",header:function(e){return p.classNames("p-dialog-header",e.props.headerClassName)},headerTitle:"p-dialog-title",headerIcons:"p-dialog-header-icons",content:function(e){return p.classNames("p-dialog-content",e.props.contentClassName)},footer:function(e){return p.classNames("p-dialog-footer",e.props.footerClassName)},mask:function(e){var t=e.props,n=e.maskVisibleState,o=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===t.position||e.replace("-","")===t.position}));return p.classNames("p-dialog-mask",o?"p-dialog-".concat(o):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-dialog-visible":n,"p-dialog-draggable":t.draggable,"p-dialog-resizable":t.resizable},t.maskClassName)},root:function(e){var t=e.maximized,n=e.context;return p.classNames("p-dialog p-component",{"p-dialog-rtl":e.props.rtl,"p-dialog-maximized":t,"p-dialog-default":!t,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===g.default.ripple})},transition:"p-dialog"},styles:"\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\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    .p-dialog .p-dialog-title {\n        flex-grow: 1;\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 {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\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-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n",inlineStyles:{mask:function(e){var t=e.props;return C({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===t.position||"top-left"===t.position||"bottom-left"===t.position?"flex-start":"right"===t.position||"top-right"===t.position||"bottom-right"===t.position?"flex-end":"center",alignItems:"top"===t.position||"top-left"===t.position||"top-right"===t.position?"flex-start":"bottom"===t.position||"bottom-left"===t.position||"bottom-right"===t.position?"flex-end":"center",pointerEvents:!t.modal&&"none"},t.maskStyle)}}}});function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=f.forwardRef((function(e,t){var d=i.useMergeProps(),m=f.useContext(n.PrimeReactContext),y=R.getProps(e,m),h=y.id?y.id:p.UniqueComponentId(),O=I(f.useState(h),2),S=O[0],D=I(f.useState(!1),2),P=D[0],z=D[1],k=I(f.useState(!1),2),j=k[0],C=k[1],H=I(f.useState(y.maximized),2),M=H[0],T=H[1],B=f.useRef(null),U=f.useRef(null),_=f.useRef(null),X=f.useRef(null),A=f.useRef(null),L=f.useRef(null),Y=f.useRef(null),V=f.useRef(!1),Z=f.useRef(!1),J=f.useRef(null),F=f.useRef(null),W=f.useRef(null),G=f.useRef(h),K=f.useRef(null),$=y.onMaximize?y.maximized:M,q=j&&(y.blockScroll||y.maximizable&&$),Q=y.closable&&y.closeOnEscape&&j,ee=i.useDisplayOrder("dialog",Q),te=R.setMetaData(N(N({props:y},y.__parentMetadata),{},{state:{id:S,maximized:$,containerVisible:P}})),ne=te.ptm,oe=te.cx,re=te.sx,ie=te.isUnstyled;o.useHandleStyle(R.css.styles,ie,{name:"dialog"}),i.useGlobalOnEscapeKey({callback:function(e){we(e)},when:Q&&ee,priority:[i.ESC_KEY_HANDLING_PRIORITIES.DIALOG,ee]});var ae=I(i.useEventListener({type:"keydown",listener:function(e){return De(e)}}),2),le=ae[0],ce=ae[1],se=I(i.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return Ce(e)}}),2),ue=se[0],pe=se[1],de=I(i.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return Re(e)}}),2),me=de[0],fe=de[1],ge=I(i.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return ze(e)}}),2),be=ge[0],ye=ge[1],he=I(i.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return ke(e)}}),2),ve=he[0],xe=he[1],we=function(e){y.onHide(),e.preventDefault()},Ee=function(e){_.current=e.target,y.onPointerDown&&y.onPointerDown(e)},Oe=function(e){y.dismissableMask&&y.modal&&U.current===e.target&&!_.current&&we(e),y.onMaskClick&&y.onMaskClick(e),_.current=null},Se=function(e){y.onMaximize?y.onMaximize({originalEvent:e,maximized:!$}):T((function(e){return!e})),e.preventDefault()},De=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,o=n.length,r=n[o-1]?n[o-1].id:void 0;if(r===S){var i=document.getElementById(r);if("Tab"===e.key){e.preventDefault();var a=p.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()}}}},Pe=function(e){p.DomHandler.hasClass(e.target,"p-dialog-header-icon")||p.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||y.draggable&&(V.current=!0,J.current=e.pageX,F.current=e.pageY,B.current.style.margin="0",p.DomHandler.addClass(document.body,"p-unselectable-text"),y.onDragStart&&y.onDragStart(e))},ze=function(e){if(V.current){var t=p.DomHandler.getOuterWidth(B.current),n=p.DomHandler.getOuterHeight(B.current),o=e.pageX-J.current,r=e.pageY-F.current,i=B.current.getBoundingClientRect(),a=i.left+o,l=i.top+r,c=p.DomHandler.getViewport(),s=getComputedStyle(B.current),u=parseFloat(s.marginLeft),d=parseFloat(s.marginTop);B.current.style.position="fixed",y.keepInViewport?(a>=y.minX&&a+t<c.width&&(J.current=e.pageX,B.current.style.left=a-u+"px"),l>=y.minY&&l+n<c.height&&(F.current=e.pageY,B.current.style.top=l-d+"px")):(J.current=e.pageX,B.current.style.left=a-u+"px",F.current=e.pageY,B.current.style.top=l-d+"px"),y.onDrag&&y.onDrag(e)}},ke=function(e){V.current&&(V.current=!1,p.DomHandler.removeClass(document.body,"p-unselectable-text"),y.onDragEnd&&y.onDragEnd(e))},Ie=function(e){y.resizable&&(Z.current=!0,J.current=e.pageX,F.current=e.pageY,p.DomHandler.addClass(document.body,"p-unselectable-text"),y.onResizeStart&&y.onResizeStart(e))},je=function(e,t,n){!n&&(n=p.DomHandler.getViewport());var o=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?o*(n[t]/100):o},Ce=function(e){if(Z.current){var t=e.pageX-J.current,n=e.pageY-F.current,o=p.DomHandler.getOuterWidth(B.current),r=p.DomHandler.getOuterHeight(B.current),i=B.current.getBoundingClientRect(),a=p.DomHandler.getViewport(),l=!parseInt(B.current.style.top)||!parseInt(B.current.style.left),c=je(B.current.style.minWidth,"width",a),s=je(B.current.style.minHeight,"height",a),u=o+t,d=r+n;l&&(u+=t,d+=n),(!c||u>c)&&i.left+u<a.width&&(B.current.style.width=u+"px"),(!s||d>s)&&i.top+d<a.height&&(B.current.style.height=d+"px"),J.current=e.pageX,F.current=e.pageY,y.onResize&&y.onResize(e)}},Re=function(e){Z.current&&(Z.current=!1,p.DomHandler.removeClass(document.body,"p-unselectable-text"),y.onResizeEnd&&y.onResizeEnd(e))},He=function(){B.current.style.position="",B.current.style.left="",B.current.style.top="",B.current.style.margin=""},Ne=function(){B.current.setAttribute(G.current,"")},Me=function(){var e;y.onShow&&y.onShow(),y.focusOnShow&&!((e=document.activeElement)&&B.current&&B.current.contains(e))&&y.closable&&y.showHeader&&Y.current&&Y.current.focus(),Ue()},Te=function(){y.modal&&!ie()&&p.DomHandler.addClass(U.current,"p-component-overlay-leave")},Be=function(){V.current=!1,p.ZIndexUtils.clear(U.current),z(!1),_e(),p.DomHandler.focus(K.current),K.current=null},Ue=function(){Ae()},_e=function(){Le()},Xe=function(e){if(e&&j){var t={id:S,hasBlockScroll:q};document.primeDialogParams||(document.primeDialogParams=[]);var n=document.primeDialogParams.findIndex((function(e){return e.id===S}));document.primeDialogParams=-1===n?[].concat(v(o=document.primeDialogParams)||x(o)||w(o)||E(),[t]):document.primeDialogParams.toSpliced(n,1,t)}else document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==S}));var o;document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))?p.DomHandler.blockBodyScroll():p.DomHandler.unblockBodyScroll()},Ae=function(){y.draggable&&(be(),ve()),y.resizable&&(ue(),me()),le()},Le=function(){ye(),xe(),pe(),fe(),ce()},Ye=function(){W.current=p.DomHandler.createInlineStyle(m&&m.nonce||g.default.nonce,m&&m.styleContainer);var e="";for(var t in y.breakpoints)e+="\n                @media screen and (max-width: ".concat(t,') {\n                     [data-pc-name="dialog"][').concat(G.current,"] {\n                        width: ").concat(y.breakpoints[t]," !important;\n                    }\n                }\n            ");W.current.innerHTML=e};i.useMountEffect((function(){Xe(!0),y.visible&&z(!0)})),f.useEffect((function(){return y.breakpoints&&Ye(),function(){W.current=p.DomHandler.removeInlineStyle(W.current)}}),[y.breakpoints]),i.useUpdateEffect((function(){y.visible&&!P&&z(!0),y.visible!==j&&P&&C(y.visible),y.visible&&(K.current=document.activeElement)}),[y.visible,P]),i.useUpdateEffect((function(){P&&(p.ZIndexUtils.set("modal",U.current,m&&m.autoZIndex||g.default.autoZIndex,y.baseZIndex||m&&m.zIndex.modal||g.default.zIndex.modal),C(!0))}),[P]),i.useUpdateEffect((function(){Xe(!0)}),[q,j]),i.useUnmountEffect((function(){_e(),Xe(!1),p.DomHandler.removeInlineStyle(W.current),p.ZIndexUtils.clear(U.current)})),f.useImperativeHandle(t,(function(){return{props:y,resetPosition:He,getElement:function(){return B.current},getMask:function(){return U.current},getContent:function(){return X.current},getHeader:function(){return A.current},getFooter:function(){return L.current},getCloseButton:function(){return Y.current}}}));var Ve=function(){if(y.closable){var e=y.ariaCloseIconLabel||n.localeOption("close"),t=d({className:oe("closeButtonIcon"),"aria-hidden":!0},ne("closeButtonIcon")),o=p.IconUtils.getJSXIcon(y.closeIcon||f.createElement(a.TimesIcon,t),N({},t),{props:y}),r=d({ref:Y,type:"button",className:oe("closeButton"),"aria-label":e,onClick:we},ne("closeButton"));return f.createElement("button",r,o,f.createElement(u.Ripple,null))}return null},Ze=function(){var e=d({className:oe("maximizableIcon")},ne("maximizableIcon")),t=p.IconUtils.getJSXIcon($?y.minimizeIcon||f.createElement(c.WindowMinimizeIcon,e):y.maximizeIcon||f.createElement(l.WindowMaximizeIcon,e),e,{props:y});if(y.maximizable){var n=d({type:"button",className:oe("maximizableButton"),onClick:Se},ne("maximizableButton"));return f.createElement("button",n,t,f.createElement(u.Ripple,null))}return null},Je=function(){if(y.showHeader){var e=Ve(),t=Ze(),n=p.ObjectUtils.getJSXElement(y.icons,y),o=p.ObjectUtils.getJSXElement(y.header,y),r=S+"_header",i=d({ref:A,style:y.headerStyle,className:oe("header"),onMouseDown:Pe},ne("header")),a=d({id:r,className:oe("headerTitle")},ne("headerTitle")),l=d({className:oe("headerIcons")},ne("headerIcons"));return f.createElement("div",i,f.createElement("div",a,o),f.createElement("div",l,n,t,e))}return null},Fe=function(){var e=p.ObjectUtils.getJSXElement(y.footer,y),t=d({ref:L,className:oe("footer")},ne("footer"));return e&&f.createElement("div",t,e)},We=function(t){var n,o=t.rootProps,i={header:y.header,content:y.message,message:null==y||null===(n=y.children)||void 0===n||null===(n=n[1])||void 0===n||null===(n=n.props)||void 0===n?void 0:n.children},a={headerRef:A,contentRef:X,footerRef:L,closeRef:Y,hide:we,message:i};return f.createElement("div",t.maskProps,f.createElement(r.CSSTransition,b({nodeRef:B},t.transitionProps),f.createElement("div",o,p.ObjectUtils.getJSXElement(e.content,a))))},Ge=function(e){var t,n=e.maskProps,o=e.rootProps,i=e.transitionProps,a=Je(),l=(t=d({id:S+"_content",ref:X,style:y.contentStyle,className:oe("content")},ne("content")),f.createElement("div",t,y.children)),c=Fe(),s=y.resizable?f.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:Ie}):null;return f.createElement("div",n,f.createElement(r.CSSTransition,b({nodeRef:B},i),f.createElement("div",o,a,l,c,s)))};return P&&function(){var t=S+"_header",n=S+"_content",o={enter:"center"===y.position?150:300,exit:"center"===y.position?150:300},r=d({ref:U,style:re("mask"),className:oe("mask"),onPointerUp:Oe},ne("mask")),i=d({ref:B,id:S,className:p.classNames(y.className,oe("root",{props:y,maximized:$,context:m})),style:y.style,onClick:y.onClick,role:"dialog","aria-labelledby":t,"aria-describedby":n,"aria-modal":y.modal,onPointerDown:Ee},R.getOtherProps(y),ne("root")),a=d({classNames:oe("transition"),timeout:o,in:j,options:y.transitionOptions,unmountOnExit:!0,onEnter:Ne,onEntered:Me,onExiting:Te,onExited:Be},ne("transition"));if(null!=e&&e.content){var l=We({maskProps:r,rootProps:i,transitionProps:a});return f.createElement(s.Portal,{element:l,appendTo:y.appendTo,visible:!0})}var c=Ge({maskProps:r,rootProps:i,transitionProps:a});return f.createElement(s.Portal,{element:c,appendTo:y.appendTo,visible:!0})}()}));return M.displayName="Dialog",e.Dialog=M,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.icons.windowmaximize,primereact.icons.windowminimize,primereact.portal,primereact.ripple,primereact.utils);

package/dropdown/dropdown.cjs.js

@@ -159,11 +159,13 @@ var classes = {
   root: function root(_ref) {
     var props = _ref.props,
       focusedState = _ref.focusedState,
-      overlayVisibleState = _ref.overlayVisibleState;
+      overlayVisibleState = _ref.overlayVisibleState,
+      context = _ref.context;
     return utils.classNames('p-dropdown p-component p-inputwrapper', {
       'p-disabled': props.disabled,
       'p-invalid': props.invalid,
       'p-focus': focusedState,
+      'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled',
       'p-dropdown-clearable': props.showClear && !props.disabled,
       'p-inputwrapper-filled': utils.ObjectUtils.isNotEmpty(props.value),
       'p-inputwrapper-focus': focusedState || overlayVisibleState
@@ -197,25 +199,31 @@ var classes = {
       'p-dropdown-clearable-filter': !!clearIcon
     });
   },
-  filterInput: 'p-dropdown-filter p-inputtext p-component',
-  list: function list(_ref5) {
-    var virtualScrollerOptions = _ref5.virtualScrollerOptions;
+  filterInput: function filterInput(_ref5) {
+    var props = _ref5.props,
+      context = _ref5.context;
+    return utils.classNames('p-dropdown-filter p-inputtext p-component', {
+      'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
+    });
+  },
+  list: function list(_ref6) {
+    var virtualScrollerOptions = _ref6.virtualScrollerOptions;
     return virtualScrollerOptions ? 'p-dropdown-items' : 'p-dropdown-items';
   },
-  panel: function panel(_ref6) {
-    var context = _ref6.context;
+  panel: function panel(_ref7) {
+    var context = _ref7.context;
     return utils.classNames('p-dropdown-panel p-component', {
       'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
       'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
     });
   },
-  item: function item(_ref7) {
-    var selected = _ref7.selected,
-      disabled = _ref7.disabled,
-      label = _ref7.label,
-      index = _ref7.index,
-      focusedOptionIndex = _ref7.focusedOptionIndex,
-      highlightOnSelect = _ref7.highlightOnSelect;
+  item: function item(_ref8) {
+    var selected = _ref8.selected,
+      disabled = _ref8.disabled,
+      label = _ref8.label,
+      index = _ref8.index,
+      focusedOptionIndex = _ref8.focusedOptionIndex,
+      highlightOnSelect = _ref8.highlightOnSelect;
     return utils.classNames('p-dropdown-item', {
       'p-highlight': selected && highlightOnSelect,
       'p-disabled': disabled,
@@ -233,14 +241,14 @@ var classes = {
 };
 var styles = "\n@layer primereact {\n    .p-dropdown {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-dropdown-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dropdown-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-dropdown-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    input.p-dropdown-label  {\n        cursor: default;\n    }\n    \n    .p-dropdown .p-dropdown-panel {\n        min-width: 100%;\n    }\n    \n    .p-dropdown-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-dropdown-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-dropdown-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-dropdown-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-dropdown-filter {\n        width: 100%;\n    }\n    \n    .p-dropdown-filter-container {\n        position: relative;\n    }\n    \n    .p-dropdown-clear-icon,\n    .p-dropdown-filter-icon,\n    .p-dropdown-filter-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-dropdown {\n        display: flex;\n    }\n    \n    .p-fluid .p-dropdown .p-dropdown-label {\n        width: 1%;\n    }\n}\n";
 var inlineStyles = {
-  wrapper: function wrapper(_ref8) {
-    var props = _ref8.props;
+  wrapper: function wrapper(_ref9) {
+    var props = _ref9.props;
     return {
       maxHeight: props.scrollHeight || 'auto'
     };
   },
-  panel: function panel(_ref9) {
-    var props = _ref9.props;
+  panel: function panel(_ref10) {
+    var props = _ref10.props;
     props.panelStyle;
   }
 };
@@ -267,7 +275,7 @@ var DropdownBase = componentbase.ComponentBase.extend({
     filterBy: null,
     filterClearIcon: null,
     filterIcon: null,
-    filterInputAutoFocus: true,
+    filterInputAutoFocus: false,
     filterLocale: undefined,
     filterMatchMode: 'contains',
     filterPlaceholder: null,
@@ -277,6 +285,7 @@ var DropdownBase = componentbase.ComponentBase.extend({
     inputId: null,
     inputRef: null,
     invalid: false,
+    variant: null,
     itemTemplate: null,
     loading: false,
     loadingIcon: null,
@@ -603,7 +612,9 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         ref: filterInputRef,
         type: 'text',
         autoComplete: 'off',
-        className: cx('filterInput'),
+        className: cx('filterInput', {
+          context: context
+        }),
         placeholder: props.filterPlaceholder,
         onKeyDown: props.onFilterInputKeyDown,
         onChange: function onChange(e) {
@@ -1550,11 +1561,20 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }, ptm('input'));
     return /*#__PURE__*/React__namespace.createElement("span", inputProps, content);
   };
+  var onClearIconKeyDown = function onClearIconKeyDown(event) {
+    if (event.key === 'Enter' || event.code === 'Space') {
+      clear(event);
+      event.preventDefault();
+    }
+  };
   var createClearIcon = function createClearIcon() {
     if (props.value != null && props.showClear && !props.disabled) {
       var clearIconProps = mergeProps({
         className: cx('clearIcon'),
-        onPointerUp: clear
+        onPointerUp: clear,
+        tabIndex: props.tabIndex || '0',
+        onKeyDown: onClearIconKeyDown,
+        'aria-label': PrimeReact.localeOption('clear')
       }, ptm('clearIcon'));
       var icon = props.clearIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, clearIconProps);
       return utils.IconUtils.getJSXIcon(icon, _objectSpread({}, clearIconProps), {
@@ -1617,6 +1637,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     id: props.id,
     ref: elementRef,
     className: utils.classNames(props.className, cx('root', {
+      context: context,
       focusedState: focusedState,
       overlayVisibleState: overlayVisibleState
     })),