primereact 10.2.1 → 10.3.0

package/dialog/dialog.cjs.js

@@ -53,6 +53,16 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -84,16 +94,6 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
 function _toPrimitive(input, hint) {
   if (_typeof(input) !== "object" || input === null) return input;
   var prim = input[Symbol.toPrimitive];
@@ -192,6 +192,7 @@ var useEventListener = function useEventListener(_ref) {
     when = _ref$when === void 0 ? true : _ref$when;
   var targetRef = React__namespace.useRef(null);
   var listenerRef = React__namespace.useRef(null);
+  var prevListener = usePrevious(listener);
   var prevOptions = usePrevious(options);
   var bind = function bind() {
     var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -221,11 +222,12 @@ var useEventListener = function useEventListener(_ref) {
     }
   }, [target, when]);
   React__namespace.useEffect(function () {
-    if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
+    // to properly compare functions we can implicitly converting the function to it's body's text as a String
+    if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
       unbind();
       when && bind();
     }
-  }, [listener, options]);
+  }, [listener, options, when]);
   useUnmountEffect(function () {
     unbind();
   });
@@ -280,10 +282,13 @@ var classes = {
     var props = _ref2.props;
     return utils.classNames('p-dialog-content', props.contentClassName);
   },
-  footer: 'p-dialog-footer',
-  mask: function mask(_ref3) {
-    var props = _ref3.props,
-      maskVisibleState = _ref3.maskVisibleState;
+  footer: function footer(_ref3) {
+    var props = _ref3.props;
+    return utils.classNames('p-dialog-footer', props.footerClassName);
+  },
+  mask: function mask(_ref4) {
+    var props = _ref4.props,
+      maskVisibleState = _ref4.maskVisibleState;
     var positions = ['center', 'left', 'right', 'top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right'];
     var pos = positions.find(function (item) {
       return item === props.position || item.replace('-', '') === props.position;
@@ -295,10 +300,10 @@ var classes = {
       'p-dialog-resizable': props.resizable
     }, props.maskClassName);
   },
-  root: function root(_ref4) {
-    var props = _ref4.props,
-      maximized = _ref4.maximized,
-      context = _ref4.context;
+  root: function root(_ref5) {
+    var props = _ref5.props,
+      maximized = _ref5.maximized,
+      context = _ref5.context;
     return utils.classNames('p-dialog p-component', props.className, {
       'p-dialog-rtl': props.rtl,
       'p-dialog-maximized': maximized,
@@ -309,10 +314,10 @@ var classes = {
   },
   transition: 'p-dialog'
 };
-var 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;\n        left: 0px;\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";
+var 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";
 var inlineStyles = {
-  mask: function mask(_ref5) {
-    var props = _ref5.props;
+  mask: function mask(_ref6) {
+    var props = _ref6.props;
     return _objectSpread$1({
       position: 'fixed',
       height: '100%',
@@ -345,6 +350,7 @@ var DialogBase = componentbase.ComponentBase.extend({
     draggable: true,
     focusOnShow: true,
     footer: null,
+    footerClassName: null,
     header: null,
     headerClassName: null,
     headerStyle: null,
@@ -515,7 +521,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var focus = function focus() {
     var activeElement = document.activeElement;
     var isActiveElementInDialog = activeElement && dialogRef.current && dialogRef.current.contains(activeElement);
-    if (!isActiveElementInDialog && props.closable && props.showHeader) {
+    if (!isActiveElementInDialog && props.closable && props.showHeader && closeRef.current) {
       closeRef.current.focus();
     }
   };
@@ -727,8 +733,8 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     }
   };
   var updateGlobalDialogsRegistry = function updateGlobalDialogsRegistry(isMounted) {
-    // Update current dialog info in global registry if it is mounted:
-    if (isMounted) {
+    // Update current dialog info in global registry if it is mounted :
+    if (isMounted && visibleState) {
       var newParam = {
         id: idState,
         hasBlockScroll: shouldBlockScroll
@@ -942,11 +948,41 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     }
     return null;
   };
-  var createElement = function createElement() {
+  var createTemplateElement = function createTemplateElement(_ref) {
+    var _props$children;
+    var maskProps = _ref.maskProps,
+      rootProps = _ref.rootProps,
+      transitionProps = _ref.transitionProps;
+    var messageProps = {
+      header: props.header,
+      content: props.message,
+      message: props === null || props === void 0 || (_props$children = props.children) === null || _props$children === void 0 || (_props$children = _props$children[1]) === null || _props$children === void 0 || (_props$children = _props$children.props) === null || _props$children === void 0 ? void 0 : _props$children.children
+    };
+    var templateElementProps = {
+      headerRef: headerRef,
+      contentRef: contentRef,
+      footerRef: footerRef,
+      closeRef: closeRef,
+      hide: onClose,
+      message: messageProps
+    };
+    return /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
+      nodeRef: dialogRef
+    }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, utils.ObjectUtils.getJSXElement(inProps.content, templateElementProps))));
+  };
+  var createElement = function createElement(_ref2) {
+    var maskProps = _ref2.maskProps,
+      rootProps = _ref2.rootProps,
+      transitionProps = _ref2.transitionProps;
     var header = createHeader();
     var content = createContent();
     var footer = createFooter();
     var resizer = createResizer();
+    return /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
+      nodeRef: dialogRef
+    }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, header, content, footer, resizer)));
+  };
+  var createDialog = function createDialog() {
     var headerId = idState + '_header';
     var contentId = idState + '_content';
     var transitionTimeout = {
@@ -986,17 +1022,29 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       onExiting: onExiting,
       onExited: onExited
     }, ptm('transition'));
-    return /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
-      nodeRef: dialogRef
-    }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, header, content, footer, resizer)));
-  };
-  var createDialog = function createDialog() {
-    var element = createElement();
-    return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
-      element: element,
-      appendTo: props.appendTo,
-      visible: true
-    });
+    if (inProps !== null && inProps !== void 0 && inProps.content) {
+      var templateElement = createTemplateElement({
+        maskProps: maskProps,
+        rootProps: rootProps,
+        transitionProps: transitionProps
+      });
+      return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
+        element: templateElement,
+        appendTo: props.appendTo,
+        visible: true
+      });
+    } else {
+      var element = createElement({
+        maskProps: maskProps,
+        rootProps: rootProps,
+        transitionProps: transitionProps
+      });
+      return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
+        element: element,
+        appendTo: props.appendTo,
+        visible: true
+      });
+    }
   };
   return maskVisibleState && createDialog();
 });

package/dialog/dialog.cjs.min.js

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

package/dialog/dialog.d.ts

@@ -128,6 +128,59 @@ interface DialogMaximizeEvent {
     maximized: boolean;
 }
 
+/**
+ * Defines current content values and refs for headless development.
+ * @see {@link DialogProps.content}
+ */
+interface ContentProps {
+    /**
+     * Allows you to specify the header of the content.
+     */
+    headerRef: React.RefObject<HTMLElement>;
+    /**
+     * Allows you to specify the content.
+     */
+    contentRef: React.RefObject<HTMLElement>;
+    /**
+     * Allows you to specify the footer of the content.
+     */
+    footerRef: React.RefObject<HTMLElement>;
+    /**
+     * Allows you to specify the close button of the dialog.
+     */
+    closeRef: React.RefObject<HTMLButtonElement | HTMLElement>;
+    /**
+     * Callback for hiding the dialog.
+     */
+    hide(e: React.SyntheticEvent): void;
+    /**
+     * Dialog's props values.
+     */
+    message: ContentPropsMessage;
+}
+
+/**
+ * Defines current content values and refs for headless development.
+ * @see {@link ContentProps.message}
+ */
+interface ContentPropsMessage {
+    /**
+     * Header of the dialog.
+     * @readonly
+     */
+    header: string;
+    /**
+     * Content of the dialog.
+     * @readonly
+     */
+    content: string;
+    /**
+     * Message of the dialog.
+     * @readonly
+     */
+    message: string;
+}
+
 /**
  * Defines valid properties in Dialog component.
  * @group Properties
@@ -373,6 +426,12 @@ export interface DialogProps {
      * Callback to invoke when dialog is showed.
      */
     onShow?(): void;
+    /**
+     * Specifies a custom content for the dialog. For more complex markup, use the "content" slot instead.
+     * @param {ContentProps} props - The values of dialog.
+     * @return {React.ReactNode}
+     */
+    content: React.ReactNode | ((props: ContentProps) => React.ReactNode);
 }
 
 /**