primereact 10.6.3 → 10.6.4

package/dialog/dialog.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, times, windowmaximize, windowminimize, portal, ripple, utils) {
+this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, utils, times, windowmaximize, windowminimize, portal, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -22,6 +22,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
     return Object.freeze(n);
   }
 
+  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
@@ -152,6 +153,117 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var styles$1 = '';
+  var FocusTrapBase = componentbase.ComponentBase.extend({
+    defaultProps: {
+      __TYPE: 'FocusTrap',
+      children: undefined
+    },
+    css: {
+      styles: styles$1
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, FocusTrapBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, FocusTrapBase.defaultProps);
+    }
+  });
+
+  function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  var FocusTrap = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
+    var targetRef = React__default["default"].useRef(null);
+    var firstFocusableElementRef = React__default["default"].useRef(null);
+    var lastFocusableElementRef = React__default["default"].useRef(null);
+    var context = React__default["default"].useContext(PrimeReact.PrimeReactContext);
+    var props = FocusTrapBase.getProps(inProps, context);
+    var metaData = {
+      props: props
+    };
+    hooks.useStyle(FocusTrapBase.css.styles, {
+      name: 'focustrap'
+    });
+    var _FocusTrapBase$setMet = FocusTrapBase.setMetaData(_objectSpread$2({}, metaData));
+      _FocusTrapBase$setMet.ptm;
+    React__default["default"].useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getInk: function getInk() {
+          return firstFocusableElementRef.current;
+        },
+        getTarget: function getTarget() {
+          return targetRef.current;
+        }
+      };
+    });
+    hooks.useMountEffect(function () {
+      if (!props.disabled) {
+        targetRef.current = getTarget();
+        setAutoFocus(targetRef.current);
+      }
+    });
+    var getTarget = function getTarget() {
+      return firstFocusableElementRef.current && firstFocusableElementRef.current.parentElement;
+    };
+    var setAutoFocus = function setAutoFocus(target) {
+      var _ref = props || {},
+        _ref$autoFocusSelecto = _ref.autoFocusSelector,
+        autoFocusSelector = _ref$autoFocusSelecto === void 0 ? '' : _ref$autoFocusSelecto,
+        _ref$firstFocusableSe = _ref.firstFocusableSelector,
+        firstFocusableSelector = _ref$firstFocusableSe === void 0 ? '' : _ref$firstFocusableSe,
+        _ref$autoFocus = _ref.autoFocus,
+        autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus;
+      var focusableElement = utils.DomHandler.getFirstFocusableElement(target, "[autofocus]".concat(getComputedSelector(autoFocusSelector)));
+      autoFocus && !focusableElement && (focusableElement = utils.DomHandler.getFirstFocusableElement(target, getComputedSelector(firstFocusableSelector)));
+      utils.DomHandler.focus(focusableElement);
+    };
+    var getComputedSelector = function getComputedSelector(selector) {
+      return ":not(.p-hidden-focusable):not([data-p-hidden-focusable=\"true\"])".concat(selector !== null && selector !== void 0 ? selector : '');
+    };
+    var onFirstHiddenElementFocus = function onFirstHiddenElementFocus(event) {
+      var _targetRef$current;
+      var currentTarget = event.currentTarget,
+        relatedTarget = event.relatedTarget;
+      var focusableElement = relatedTarget === currentTarget.$_pfocustrap_lasthiddenfocusableelement || !((_targetRef$current = targetRef.current) !== null && _targetRef$current !== void 0 && _targetRef$current.contains(relatedTarget)) ? utils.DomHandler.getFirstFocusableElement(currentTarget.parentElement, getComputedSelector(currentTarget.$_pfocustrap_focusableselector)) : currentTarget.$_pfocustrap_lasthiddenfocusableelement;
+      utils.DomHandler.focus(focusableElement);
+    };
+    var onLastHiddenElementFocus = function onLastHiddenElementFocus(event) {
+      var _targetRef$current2;
+      var currentTarget = event.currentTarget,
+        relatedTarget = event.relatedTarget;
+      var focusableElement = relatedTarget === currentTarget.$_pfocustrap_firsthiddenfocusableelement || !((_targetRef$current2 = targetRef.current) !== null && _targetRef$current2 !== void 0 && _targetRef$current2.contains(relatedTarget)) ? utils.DomHandler.getLastFocusableElement(currentTarget.parentElement, getComputedSelector(currentTarget.$_pfocustrap_focusableselector)) : currentTarget.$_pfocustrap_firsthiddenfocusableelement;
+      utils.DomHandler.focus(focusableElement);
+    };
+    var createHiddenFocusableElements = function createHiddenFocusableElements() {
+      var _ref2 = props || {},
+        _ref2$tabIndex = _ref2.tabIndex,
+        tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex;
+      var createFocusableElement = function createFocusableElement(onFocus, section) {
+        return /*#__PURE__*/React__default["default"].createElement("span", {
+          ref: section === 'firstfocusableelement' ? firstFocusableElementRef : lastFocusableElementRef,
+          className: 'p-hidden-accessible p-hidden-focusable',
+          tabIndex: tabIndex,
+          role: 'presentation',
+          "aria-hidden": true,
+          "data-p-hidden-accessible": true,
+          "data-p-hidden-focusable": true,
+          onFocus: onFocus,
+          "data-pc-section": section
+        });
+      };
+      var firstFocusableElement = createFocusableElement(onFirstHiddenElementFocus, 'firstfocusableelement');
+      var lastFocusableElement = createFocusableElement(onLastHiddenElementFocus, 'lastfocusableelement');
+      if (firstFocusableElement.ref.current && lastFocusableElement.ref.current) {
+        firstFocusableElement.ref.current.$_pfocustrap_lasthiddenfocusableelement = lastFocusableElement.ref.current;
+        lastFocusableElement.ref.current.$_pfocustrap_firsthiddenfocusableelement = firstFocusableElement.ref.current;
+      }
+      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, firstFocusableElement, props.children, lastFocusableElement);
+    };
+    return createHiddenFocusableElements();
+  }));
+  var FocusTrap$1 = FocusTrap;
+
   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 = {
@@ -346,15 +458,6 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
     });
     var _useEventListener = hooks.useEventListener({
-        type: 'keydown',
-        listener: function listener(event) {
-          return onKeyDown(event);
-        }
-      }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindDocumentKeyDownListener = _useEventListener2[0],
-      unbindDocumentKeyDownListener = _useEventListener2[1];
-    var _useEventListener3 = hooks.useEventListener({
         type: 'mousemove',
         target: function target() {
           return window.document;
@@ -363,10 +466,10 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           return onResize(event);
         }
       }),
-      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
-      bindDocumentResizeListener = _useEventListener4[0],
-      unbindDocumentResizeListener = _useEventListener4[1];
-    var _useEventListener5 = hooks.useEventListener({
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindDocumentResizeListener = _useEventListener2[0],
+      unbindDocumentResizeListener = _useEventListener2[1];
+    var _useEventListener3 = hooks.useEventListener({
         type: 'mouseup',
         target: function target() {
           return window.document;
@@ -375,10 +478,10 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           return onResizeEnd(event);
         }
       }),
-      _useEventListener6 = _slicedToArray(_useEventListener5, 2),
-      bindDocumentResizeEndListener = _useEventListener6[0],
-      unbindDocumentResizEndListener = _useEventListener6[1];
-    var _useEventListener7 = hooks.useEventListener({
+      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+      bindDocumentResizeEndListener = _useEventListener4[0],
+      unbindDocumentResizEndListener = _useEventListener4[1];
+    var _useEventListener5 = hooks.useEventListener({
         type: 'mousemove',
         target: function target() {
           return window.document;
@@ -387,10 +490,10 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           return onDrag(event);
         }
       }),
-      _useEventListener8 = _slicedToArray(_useEventListener7, 2),
-      bindDocumentDragListener = _useEventListener8[0],
-      unbindDocumentDragListener = _useEventListener8[1];
-    var _useEventListener9 = hooks.useEventListener({
+      _useEventListener6 = _slicedToArray(_useEventListener5, 2),
+      bindDocumentDragListener = _useEventListener6[0],
+      unbindDocumentDragListener = _useEventListener6[1];
+    var _useEventListener7 = hooks.useEventListener({
         type: 'mouseup',
         target: function target() {
           return window.document;
@@ -399,9 +502,9 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           return onDragEnd(event);
         }
       }),
-      _useEventListener10 = _slicedToArray(_useEventListener9, 2),
-      bindDocumentDragEndListener = _useEventListener10[0],
-      unbindDocumentDragEndListener = _useEventListener10[1];
+      _useEventListener8 = _slicedToArray(_useEventListener7, 2),
+      bindDocumentDragEndListener = _useEventListener8[0],
+      unbindDocumentDragEndListener = _useEventListener8[1];
     var onClose = function onClose(event) {
       props.onHide();
       event.preventDefault();
@@ -437,41 +540,6 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       }
       event.preventDefault();
     };
-    var onKeyDown = function onKeyDown(event) {
-      var currentTarget = event.currentTarget;
-      if (!currentTarget || !currentTarget.primeDialogParams) {
-        return;
-      }
-      var params = currentTarget.primeDialogParams;
-      var paramLength = params.length;
-      var dialogId = params[paramLength - 1] ? params[paramLength - 1].id : undefined;
-      if (dialogId !== idState) {
-        return;
-      }
-      var dialog = document.getElementById(dialogId);
-      if (event.key === 'Tab') {
-        event.preventDefault();
-        var focusableElements = utils.DomHandler.getFocusableElements(dialog);
-        if (focusableElements && focusableElements.length > 0) {
-          if (!document.activeElement) {
-            focusableElements[0].focus();
-          } else {
-            var focusedIndex = focusableElements.indexOf(document.activeElement);
-            if (event.shiftKey) {
-              if (focusedIndex === -1 || focusedIndex === 0) {
-                focusableElements[focusableElements.length - 1].focus();
-              } else {
-                focusableElements[focusedIndex - 1].focus();
-              }
-            } else if (focusedIndex === -1 || focusedIndex === focusableElements.length - 1) {
-              focusableElements[0].focus();
-            } else {
-              focusableElements[focusedIndex + 1].focus();
-            }
-          }
-        }
-      }
-    };
     var onDragStart = function onDragStart(event) {
       if (utils.DomHandler.hasClass(event.target, 'p-dialog-header-icon') || utils.DomHandler.hasClass(event.target.parentElement, 'p-dialog-header-icon')) {
         return;
@@ -598,6 +666,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       }
     };
     var onExited = function onExited() {
+      props.onHide && props.onHide();
       dragging.current = false;
       utils.ZIndexUtils.clear(maskRef.current);
       setMaskVisibleState(false);
@@ -665,14 +734,12 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
         bindDocumentResizeListener();
         bindDocumentResizeEndListener();
       }
-      bindDocumentKeyDownListener();
     };
     var unbindGlobalListeners = function unbindGlobalListeners() {
       unbindDocumentDragListener();
       unbindDocumentDragEndListener();
       unbindDocumentResizeListener();
       unbindDocumentResizEndListener();
-      unbindDocumentKeyDownListener();
     };
     var createStyle = function createStyle() {
       styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
@@ -851,11 +918,8 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       }
       return null;
     };
-    var createTemplateElement = function createTemplateElement(_ref) {
+    var createTemplateElement = function createTemplateElement() {
       var _props$children;
-      var maskProps = _ref.maskProps,
-        rootProps = _ref.rootProps,
-        transitionProps = _ref.transitionProps;
       var messageProps = {
         header: props.header,
         content: props.message,
@@ -869,21 +933,14 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
         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))));
+      return utils.ObjectUtils.getJSXElement(inProps.content, templateElementProps);
     };
-    var createElement = function createElement(_ref2) {
-      var maskProps = _ref2.maskProps,
-        rootProps = _ref2.rootProps,
-        transitionProps = _ref2.transitionProps;
+    var createElement = function createElement() {
       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)));
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, header, content, footer, resizer);
     };
     var createDialog = function createDialog() {
       var headerId = idState + '_header';
@@ -925,25 +982,19 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
         onExiting: onExiting,
         onExited: onExited
       }, ptm('transition'));
+      var contentElement = null;
       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
-        });
+        contentElement = createTemplateElement();
+      } else {
+        contentElement = createElement();
       }
-      var element = createElement({
-        maskProps: maskProps,
-        rootProps: rootProps,
-        transitionProps: transitionProps
-      });
+      var rootElement = /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
+        nodeRef: dialogRef
+      }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(FocusTrap$1, {
+        autoFocus: true
+      }, contentElement))));
       return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
-        element: element,
+        element: rootElement,
         appendTo: props.appendTo,
         visible: true
       });
@@ -958,4 +1009,4 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.times, primereact.icons.windowmaximize, primereact.icons.windowminimize, primereact.portal, primereact.ripple, primereact.utils);
+})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.utils, primereact.icons.times, primereact.icons.windowmaximize, primereact.icons.windowminimize, primereact.portal, primereact.ripple);

package/dialog/dialog.min.js

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

package/dropdown/dropdown.cjs.js

@@ -487,31 +487,6 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       props === null || props === void 0 || (_props$changeFocusedO = props.changeFocusedOptionIndex) === null || _props$changeFocusedO === void 0 || _props$changeFocusedO.call(props, event, index);
     }
   };
-  var createGroupChildren = function createGroupChildren(optionGroup, style) {
-    var groupChildren = props.getOptionGroupChildren(optionGroup);
-    return groupChildren.map(function (option, j) {
-      var optionLabel = props.getOptionLabel(option);
-      var optionKey = j + '_' + props.getOptionRenderKey(option);
-      var disabled = props.isOptionDisabled(option);
-      return /*#__PURE__*/React__namespace.createElement(DropdownItem, {
-        key: optionKey,
-        index: j,
-        focusedOptionIndex: props.focusedOptionIndex,
-        label: optionLabel,
-        option: option,
-        style: style,
-        template: props.itemTemplate,
-        selected: props.isSelected(option),
-        highlightOnSelect: props.highlightOnSelect,
-        disabled: disabled,
-        onClick: props.onOptionClick,
-        onMouseMove: changeFocusedItemOnHover,
-        ptm: ptm,
-        cx: cx,
-        checkmark: props.checkmark
-      });
-    });
-  };
   var createEmptyMessage = function createEmptyMessage(emptyMessage, isFilter) {
     var message = utils.ObjectUtils.getJSXElement(emptyMessage, props) || PrimeReact.localeOption(isFilter ? 'emptyFilterMessage' : 'emptyMessage');
     var emptyMessageProps = mergeProps({
@@ -525,10 +500,9 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
     };
     style = _objectSpread$1(_objectSpread$1({}, style), option.style);
-    if (props.optionGroupLabel) {
+    if (option.group && props.optionGroupLabel) {
       var optionGroupLabel = props.optionGroupLabel;
       var groupContent = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
-      var groupChildrenContent = createGroupChildren(option, style);
       var key = index + '_' + props.getOptionGroupRenderKey(option);
       var itemGroupProps = mergeProps({
         className: cx('itemGroup', {
@@ -540,12 +514,12 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       var itemGroupLabelProps = mergeProps({
         className: cx('itemGroupLabel')
       }, getPTOptions('itemGroupLabel'));
-      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+      return /*#__PURE__*/React__namespace.createElement("li", _extends({
         key: key
-      }, /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, /*#__PURE__*/React__namespace.createElement("span", itemGroupLabelProps, groupContent)), groupChildrenContent);
+      }, itemGroupProps), /*#__PURE__*/React__namespace.createElement("span", itemGroupLabelProps, groupContent));
     }
+    var optionKey = props.getOptionRenderKey(option) + '_' + index;
     var optionLabel = props.getOptionLabel(option);
-    var optionKey = index + '_' + props.getOptionRenderKey(option);
     var disabled = props.isOptionDisabled(option);
     return /*#__PURE__*/React__namespace.createElement(DropdownItem, {
       key: optionKey,
@@ -802,7 +776,24 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
     bindOverlayListener = _useOverlayListener2[0],
     unbindOverlayListener = _useOverlayListener2[1];
+  var flatOptions = function flatOptions(options) {
+    return (options || []).reduce(function (result, option, index) {
+      result.push({
+        optionGroup: option,
+        group: true,
+        index: index,
+        code: option.code,
+        label: option.label
+      });
+      var optionGroupChildren = getOptionGroupChildren(option);
+      optionGroupChildren && optionGroupChildren.forEach(function (o) {
+        return result.push(o);
+      });
+      return result;
+    }, []);
+  };
   var getVisibleOptions = function getVisibleOptions() {
+    var options = props.optionGroupLabel ? flatOptions(props.options) : props.options;
     if (hasFilter && !isLazy) {
       var filterValue = filterState.trim().toLocaleLowerCase(props.filterLocale);
       var searchFields = props.filterBy ? props.filterBy.split(',') : [props.optionLabel || 'label'];
@@ -823,11 +814,11 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         } finally {
           _iterator.f();
         }
-        return filteredGroups;
+        return flatOptions(filteredGroups);
       }
-      return PrimeReact.FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+      return PrimeReact.FilterService.filter(options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
     }
-    return props.options;
+    return options;
   };
   var onFirstHiddenFocus = function onFirstHiddenFocus(event) {
     var focusableEl = event.relatedTarget === focusInputRef.current ? utils.DomHandler.getFirstFocusableElement(overlayRef.current, ':not([data-p-hidden-focusable="true"])') : focusInputRef.current;
@@ -1356,12 +1347,20 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     utils.DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo);
   };
   var scrollInView = function scrollInView() {
-    var highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
-    if (highlightItem && highlightItem.scrollIntoView) {
-      highlightItem.scrollIntoView({
+    var focusedItem = utils.DomHandler.findSingle(overlayRef.current, 'li[data-p-focused="true"]');
+    if (focusedItem && focusedItem.scrollIntoView) {
+      focusedItem.scrollIntoView({
         block: 'nearest',
         inline: 'nearest'
       });
+    } else {
+      var highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
+      if (highlightItem && highlightItem.scrollIntoView) {
+        highlightItem.scrollIntoView({
+          block: 'nearest',
+          inline: 'nearest'
+        });
+      }
     }
   };
   var updateEditableLabel = function updateEditableLabel(option) {
@@ -1375,10 +1374,10 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
   var getOptionLabel = function getOptionLabel(option) {
-    return props.optionLabel ? utils.ObjectUtils.resolveFieldData(option, props.optionLabel) : option && option.label !== undefined ? option.label : option;
+    return props.optionLabel ? utils.ObjectUtils.resolveFieldData(option, props.optionLabel) : option;
   };
   var getOptionValue = function getOptionValue(option) {
-    return props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option && option.value !== undefined ? option.value : option;
+    return props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option;
   };
   var getOptionRenderKey = function getOptionRenderKey(option) {
     return props.dataKey ? utils.ObjectUtils.resolveFieldData(option, props.dataKey) : getOptionLabel(option);
@@ -1454,10 +1453,10 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     alignOverlay();
   });
   hooks.useUpdateEffect(function () {
-    if (overlayVisibleState && props.value) {
+    if (overlayVisibleState && (props.value || focusedOptionIndex >= 0)) {
       scrollInView();
     }
-  }, [overlayVisibleState, props.value]);
+  }, [overlayVisibleState, props.value, focusedOptionIndex]);
   hooks.useUpdateEffect(function () {
     if (overlayVisibleState && filterState && props.filter) {
       alignOverlay();