primereact 10.2.1 → 10.3.1

package/dialog/dialog.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.dialog = (function (exports, React, utils, PrimeReact, componentbase, csstransition, hooks, times, windowmaximize, windowminimize, portal, ripple) {
+this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, times, windowmaximize, windowminimize, portal, ripple, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -40,6 +40,16 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     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];
@@ -71,16 +81,6 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     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];
@@ -152,104 +152,6 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var usePrevious = function usePrevious(newValue) {
-    var ref = React__namespace.useRef(undefined);
-    React__namespace.useEffect(function () {
-      ref.current = newValue;
-    });
-    return ref.current;
-  };
-
-  /* eslint-disable */
-  var useUnmountEffect = function useUnmountEffect(fn) {
-    return React__namespace.useEffect(function () {
-      return fn;
-    }, []);
-  };
-  /* eslint-enable */
-
-  /* eslint-disable */
-  var useEventListener = function useEventListener(_ref) {
-    var _ref$target = _ref.target,
-      target = _ref$target === void 0 ? 'document' : _ref$target,
-      type = _ref.type,
-      listener = _ref.listener,
-      options = _ref.options,
-      _ref$when = _ref.when,
-      when = _ref$when === void 0 ? true : _ref$when;
-    var targetRef = React__namespace.useRef(null);
-    var listenerRef = React__namespace.useRef(null);
-    var prevOptions = usePrevious(options);
-    var bind = function bind() {
-      var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
-        unbind();
-        (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
-      }
-      if (!listenerRef.current && targetRef.current) {
-        listenerRef.current = function (event) {
-          return listener && listener(event);
-        };
-        targetRef.current.addEventListener(type, listenerRef.current, options);
-      }
-    };
-    var unbind = function unbind() {
-      if (listenerRef.current) {
-        targetRef.current.removeEventListener(type, listenerRef.current, options);
-        listenerRef.current = null;
-      }
-    };
-    React__namespace.useEffect(function () {
-      if (when) {
-        targetRef.current = utils.DomHandler.getTargetElement(target);
-      } else {
-        unbind();
-        targetRef.current = null;
-      }
-    }, [target, when]);
-    React__namespace.useEffect(function () {
-      if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
-        unbind();
-        when && bind();
-      }
-    }, [listener, options]);
-    useUnmountEffect(function () {
-      unbind();
-    });
-    return [bind, unbind];
-  };
-  /* eslint-enable */
-
-  var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-    var handleEsc = function handleEsc(event) {
-      if (event.key === 'Esc' || event.key === 'Escape') {
-        event.stopImmediatePropagation();
-        callback(event);
-      }
-      return;
-    };
-    var _useEventListener = useEventListener({
-        type: 'keydown',
-        listener: handleEsc
-      }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindKeyDownListener = _useEventListener2[0],
-      unbindKeyDownListener = _useEventListener2[1];
-    React__namespace.useEffect(function () {
-      if (!condition) {
-        return;
-      }
-      if (!ref.current) {
-        return;
-      }
-      bindKeyDownListener();
-      return function () {
-        unbindKeyDownListener();
-      };
-    });
-    return [ref, callback];
-  };
-
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var classes = {
@@ -267,10 +169,13 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       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;
@@ -282,10 +187,10 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
         '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,
@@ -296,10 +201,10 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     },
     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%',
@@ -332,6 +237,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       draggable: true,
       focusOnShow: true,
       footer: null,
+      footerClassName: null,
       header: null,
       headerClassName: null,
       headerStyle: null,
@@ -412,6 +318,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     var focusElementOnHide = React__namespace.useRef(null);
     var maximized = props.onMaximize ? props.maximized : maximizedState;
     var shouldBlockScroll = visibleState && (props.blockScroll || props.maximizable && maximized);
+    var displayOrder = hooks.useDisplayOrder('dialog', visibleState);
     var _DialogBase$setMetaDa = DialogBase.setMetaData(_objectSpread(_objectSpread({
         props: props
       }, props.__parentMetadata), {}, {
@@ -428,15 +335,14 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     componentbase.useHandleStyle(DialogBase.css.styles, isUnstyled, {
       name: 'dialog'
     });
-    useOnEscapeKey(maskRef, props.closable && props.closeOnEscape, function (event) {
-      var currentTarget = event.currentTarget;
-      if (!currentTarget || !currentTarget.primeDialogParams) {
-        return;
-      }
-      var params = currentTarget.primeDialogParams;
-      var paramLength = params.length;
-      onClose(event);
-      params.splice(paramLength - 1, 1);
+    hooks.useGlobalOnEscapeKey({
+      callback: function callback(event) {
+        if (props.closable && props.closeOnEscape) {
+          onClose(event);
+        }
+      },
+      when: visibleState,
+      priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
     });
     var _useEventListener = hooks.useEventListener({
         type: 'keydown',
@@ -502,7 +408,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     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();
       }
     };
@@ -696,11 +602,9 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     };
     var enableDocumentSettings = function enableDocumentSettings() {
       bindGlobalListeners();
-      updateGlobalDialogsRegistry(true);
     };
     var disableDocumentSettings = function disableDocumentSettings() {
       unbindGlobalListeners();
-      updateGlobalDialogsRegistry(false);
     };
     var updateScrollBlocker = function updateScrollBlocker() {
       // Scroll should be unblocked if there is at least one dialog that blocks scrolling:
@@ -714,8 +618,8 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       }
     };
     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 and visible:
+      if (isMounted && visibleState) {
         var newParam = {
           id: idState,
           hasBlockScroll: shouldBlockScroll
@@ -734,7 +638,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
           document.primeDialogParams = document.primeDialogParams.toSpliced(currentDialogIndexInRegistry, 1, newParam);
         }
       }
-      // Or remove it from global registry if unmounted:
+      // Or remove it from global registry if unmounted or invisible:
       else {
         document.primeDialogParams = document.primeDialogParams && document.primeDialogParams.filter(function (param) {
           return param.id !== idState;
@@ -764,21 +668,31 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       unbindDocumentKeyDownListener();
     };
     var createStyle = function createStyle() {
-      styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
+      styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
       var innerHTML = '';
       for (var breakpoint in props.breakpoints) {
-        innerHTML += "\n                @media screen and (max-width: ".concat(breakpoint, ") {\n                    .p-dialog[").concat(attributeSelector.current, "] {\n                        width: ").concat(props.breakpoints[breakpoint], ";\n                    }\n                }\n            ");
+        innerHTML += "\n                @media screen and (max-width: ".concat(breakpoint, ") {\n                     [data-pc-name=\"dialog\"][").concat(attributeSelector.current, "] {\n                        width: ").concat(props.breakpoints[breakpoint], " !important;\n                    }\n                }\n            ");
       }
       styleElement.current.innerHTML = innerHTML;
     };
+    var destroyStyle = function destroyStyle() {
+      styleElement.current = utils.DomHandler.removeInlineStyle(styleElement.current);
+    };
     hooks.useMountEffect(function () {
+      updateGlobalDialogsRegistry(true);
       if (props.visible) {
         setMaskVisibleState(true);
       }
+    });
+    React__namespace.useEffect(function () {
       if (props.breakpoints) {
         createStyle();
       }
-    });
+      return function () {
+        destroyStyle();
+      };
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.breakpoints]);
     hooks.useUpdateEffect(function () {
       if (props.visible && !maskVisibleState) {
         setMaskVisibleState(true);
@@ -800,9 +714,10 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     }, [maskVisibleState]);
     hooks.useUpdateEffect(function () {
       updateGlobalDialogsRegistry(true);
-    }, [shouldBlockScroll]);
+    }, [shouldBlockScroll, visibleState]);
     hooks.useUnmountEffect(function () {
       disableDocumentSettings();
+      updateGlobalDialogsRegistry(false);
       utils.DomHandler.removeInlineStyle(styleElement.current);
       utils.ZIndexUtils.clear(maskRef.current);
     });
@@ -929,11 +844,41 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       }
       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 = {
@@ -973,17 +918,29 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
         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();
   });
@@ -995,4 +952,4 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
 
   return exports;
 
-})({}, React, primereact.utils, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.times, primereact.icons.windowmaximize, primereact.icons.windowminimize, primereact.portal, primereact.ripple);
+})({}, 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/dialog/dialog.min.js

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

@@ -101,6 +101,7 @@ var Divider = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       horizontal: horizontal,
       vertical: vertical
     }),
+    'aria-orientation': props.layout,
     role: 'separator'
   }, DividerBase.getOtherProps(props), ptm('root'));
   var contentProps = utils.mergeProps({

package/divider/divider.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/utils"),t=require("primereact/componentbase"),i=require("primereact/api");function r(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var o=r(e),l=t.ComponentBase.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props,i=e.horizontal,r=e.vertical;return n.classNames("p-divider p-component p-divider-".concat(t.layout," p-divider-").concat(t.type),{"p-divider-left":i&&(!t.align||"left"===t.align),"p-divider-right":i&&"right"===t.align,"p-divider-center":i&&"center"===t.align||r&&(!t.align||"center"===t.align),"p-divider-top":r&&"top"===t.align,"p-divider-bottom":r&&"bottom"===t.align},t.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: "";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: "";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),d=o.forwardRef((function(e,r){var d=o.useContext(i.PrimeReactContext),a=l.getProps(e,d),s=l.setMetaData({props:a}),p=s.ptm,c=s.cx,v=s.sx;t.useHandleStyle(l.css.styles,s.isUnstyled,{name:"divider"});var u=o.useRef(null),f="horizontal"===a.layout,g="vertical"===a.layout;o.useImperativeHandle(r,(function(){return{props:a,getElement:function(){return u.current}}}));var y=n.mergeProps({ref:u,style:v("root"),className:c("root",{horizontal:f,vertical:g}),role:"separator"},l.getOtherProps(a),p("root")),m=n.mergeProps({className:c("content")},p("content"));return o.createElement("div",y,o.createElement("div",m,a.children))}));d.displayName="Divider",exports.Divider=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/utils"),t=require("primereact/componentbase"),i=require("primereact/api");function r(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var o=r(e),l=t.ComponentBase.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props,i=e.horizontal,r=e.vertical;return n.classNames("p-divider p-component p-divider-".concat(t.layout," p-divider-").concat(t.type),{"p-divider-left":i&&(!t.align||"left"===t.align),"p-divider-right":i&&"right"===t.align,"p-divider-center":i&&"center"===t.align||r&&(!t.align||"center"===t.align),"p-divider-top":r&&"top"===t.align,"p-divider-bottom":r&&"bottom"===t.align},t.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: "";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: "";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),d=o.forwardRef((function(e,r){var d=o.useContext(i.PrimeReactContext),a=l.getProps(e,d),s=l.setMetaData({props:a}),p=s.ptm,c=s.cx,v=s.sx;t.useHandleStyle(l.css.styles,s.isUnstyled,{name:"divider"});var u=o.useRef(null),f="horizontal"===a.layout,g="vertical"===a.layout;o.useImperativeHandle(r,(function(){return{props:a,getElement:function(){return u.current}}}));var y=n.mergeProps({ref:u,style:v("root"),className:c("root",{horizontal:f,vertical:g}),"aria-orientation":a.layout,role:"separator"},l.getOtherProps(a),p("root")),m=n.mergeProps({className:c("content")},p("content"));return o.createElement("div",y,o.createElement("div",m,a.children))}));d.displayName="Divider",exports.Divider=d;

package/divider/divider.esm.js

@@ -77,6 +77,7 @@ var Divider = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       horizontal: horizontal,
       vertical: vertical
     }),
+    'aria-orientation': props.layout,
     role: 'separator'
   }, DividerBase.getOtherProps(props), ptm('root'));
   var contentProps = mergeProps({

package/divider/divider.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{classNames as n,mergeProps as t}from"primereact/utils";import{ComponentBase as i,useHandleStyle as r}from"primereact/componentbase";import{PrimeReactContext as o}from"primereact/api";var l=i.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props,i=e.horizontal,r=e.vertical;return n("p-divider p-component p-divider-".concat(t.layout," p-divider-").concat(t.type),{"p-divider-left":i&&(!t.align||"left"===t.align),"p-divider-right":i&&"right"===t.align,"p-divider-center":i&&"center"===t.align||r&&(!t.align||"center"===t.align),"p-divider-top":r&&"top"===t.align,"p-divider-bottom":r&&"bottom"===t.align},t.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: "";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: "";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),d=e.forwardRef((function(n,i){var d=e.useContext(o),a=l.getProps(n,d),p=l.setMetaData({props:a}),s=p.ptm,c=p.cx,v=p.sx;r(l.css.styles,p.isUnstyled,{name:"divider"});var f=e.useRef(null),u="horizontal"===a.layout,m="vertical"===a.layout;e.useImperativeHandle(i,(function(){return{props:a,getElement:function(){return f.current}}}));var g=t({ref:f,style:v("root"),className:c("root",{horizontal:u,vertical:m}),role:"separator"},l.getOtherProps(a),s("root")),h=t({className:c("content")},s("content"));return e.createElement("div",g,e.createElement("div",h,a.children))}));d.displayName="Divider";export{d as Divider};
+import*as e from"react";import{classNames as n,mergeProps as t}from"primereact/utils";import{ComponentBase as i,useHandleStyle as r}from"primereact/componentbase";import{PrimeReactContext as o}from"primereact/api";var l=i.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props,i=e.horizontal,r=e.vertical;return n("p-divider p-component p-divider-".concat(t.layout," p-divider-").concat(t.type),{"p-divider-left":i&&(!t.align||"left"===t.align),"p-divider-right":i&&"right"===t.align,"p-divider-center":i&&"center"===t.align||r&&(!t.align||"center"===t.align),"p-divider-top":r&&"top"===t.align,"p-divider-bottom":r&&"bottom"===t.align},t.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: "";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: "";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),d=e.forwardRef((function(n,i){var d=e.useContext(o),a=l.getProps(n,d),p=l.setMetaData({props:a}),s=p.ptm,c=p.cx,v=p.sx;r(l.css.styles,p.isUnstyled,{name:"divider"});var f=e.useRef(null),u="horizontal"===a.layout,m="vertical"===a.layout;e.useImperativeHandle(i,(function(){return{props:a,getElement:function(){return f.current}}}));var g=t({ref:f,style:v("root"),className:c("root",{horizontal:u,vertical:m}),"aria-orientation":a.layout,role:"separator"},l.getOtherProps(a),s("root")),y=t({className:c("content")},s("content"));return e.createElement("div",g,e.createElement("div",y,a.children))}));d.displayName="Divider";export{d as Divider};

package/divider/divider.js

@@ -95,6 +95,7 @@ this.primereact.divider = (function (exports, React, utils, componentbase, api)
           horizontal: horizontal,
           vertical: vertical
         }),
+        'aria-orientation': props.layout,
         role: 'separator'
       }, DividerBase.getOtherProps(props), ptm('root'));
       var contentProps = utils.mergeProps({