primereact 9.3.0 → 9.4.0

package/dialog/dialog.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, hooks, portal, ripple, utils, times, windowmaximize, windowminimize) {
+this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, hooks, times, windowmaximize, windowminimize, portal, ripple, utils, componentbase) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,21 +25,6 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
@@ -152,7 +137,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var DialogBase = {
+  var DialogBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Dialog',
       appendTo: null,
@@ -179,9 +164,11 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
       maskClassName: null,
       maskStyle: null,
       maximizable: false,
+      maximizeIcon: null,
       maximized: false,
       minX: 0,
       minY: 0,
+      minimizeIcon: null,
       modal: true,
       onClick: null,
       onDrag: null,
@@ -201,17 +188,9 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
       style: null,
       transitionOptions: null,
       visible: false,
-      maximizeIcon: null,
-      minimizeIcon: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, DialogBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, DialogBase.defaultProps);
     }
-  };
+  });
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -236,6 +215,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
       setMaximizedState = _React$useState8[1];
     var dialogRef = React__namespace.useRef(null);
     var maskRef = React__namespace.useRef(null);
+    var pointerRef = React__namespace.useRef(null);
     var contentRef = React__namespace.useRef(null);
     var headerRef = React__namespace.useRef(null);
     var footerRef = React__namespace.useRef(null);
@@ -247,6 +227,15 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
     var styleElement = React__namespace.useRef(null);
     var attributeSelector = React__namespace.useRef(uniqueId);
     var maximized = props.onMaximize ? props.maximized : maximizedState;
+    var _DialogBase$setMetaDa = DialogBase.setMetaData({
+        props: props,
+        state: {
+          id: idState,
+          maximized: maximized,
+          containerVisible: maskVisibleState
+        }
+      }),
+      ptm = _DialogBase$setMetaDa.ptm;
     var _useEventListener = hooks.useEventListener({
         type: 'keydown',
         listener: function listener(event) {
@@ -315,11 +304,16 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
         closeRef.current.focus();
       }
     };
-    var onMaskClick = function onMaskClick(event) {
-      if (props.dismissableMask && props.modal && maskRef.current === event.target) {
+    var onDialogPointerDown = function onDialogPointerDown(event) {
+      pointerRef.current = event.target;
+      props.onPointerDown && props.onPointerDown(event);
+    };
+    var onMaskPointerUp = function onMaskPointerUp(event) {
+      if (props.dismissableMask && props.modal && maskRef.current === event.target && !pointerRef.current) {
         onClose(event);
       }
       props.onMaskClick && props.onMaskClick(event);
+      pointerRef.current = null;
     };
     var toggleMaximize = function toggleMaximize(event) {
       if (props.onMaximize) {
@@ -561,7 +555,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
     };
     var changeScrollOnMaximizable = function changeScrollOnMaximizable() {
       if (!props.blockScroll) {
-        var funcName = maximized ? 'addClass' : 'removeClass';
+        var funcName = maximized && visibleState ? 'addClass' : 'removeClass';
         utils.DomHandler[funcName](document.body, 'p-overflow-hidden');
       }
     };
@@ -589,7 +583,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
     }, [maskVisibleState]);
     hooks.useUpdateEffect(function () {
       changeScrollOnMaximizable();
-    }, [props.maximized, maximizedState]);
+    }, [props.maximized, maximizedState, visibleState]);
     hooks.useUnmountEffect(function () {
       disableDocumentSettings();
       utils.DomHandler.removeInlineStyle(styleElement.current);
@@ -622,47 +616,46 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
     var createCloseIcon = function createCloseIcon() {
       if (props.closable) {
         var ariaLabel = props.ariaCloseIconLabel || PrimeReact.localeOption('close');
-        var iconProps = {
+        var closeButtonIconProps = utils.mergeProps({
           className: 'p-dialog-header-close-icon',
           'aria-hidden': true
-        };
-        var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, iconProps);
-        var headerCloseIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+        }, ptm('closeButtonIcon'));
+        var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, closeButtonIconProps);
+        var headerCloseIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, closeButtonIconProps), {
           props: props
         });
-        return /*#__PURE__*/React__namespace.createElement("button", {
+        var closeButtonProps = utils.mergeProps({
           ref: closeRef,
-          type: "button",
-          className: "p-dialog-header-icon p-dialog-header-close p-link",
-          "aria-label": ariaLabel,
+          type: 'button',
+          className: 'p-dialog-header-icon p-dialog-header-close p-link',
+          'aria-label': ariaLabel,
           onClick: onClose
-        }, headerCloseIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        }, ptm('closeButton'));
+        return /*#__PURE__*/React__namespace.createElement("button", closeButtonProps, headerCloseIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
       return null;
     };
     var createMaximizeIcon = function createMaximizeIcon() {
       var icon;
       var iconClassName = 'p-dialog-header-maximize-icon';
+      var maximizableIconProps = utils.mergeProps({
+        className: iconClassName
+      }, ptm('maximizableIcon'));
       if (!maximized) {
-        icon = props.maximizeIcon || /*#__PURE__*/React__namespace.createElement(windowmaximize.WindowMaximizeIcon, {
-          className: iconClassName
-        });
+        icon = props.maximizeIcon || /*#__PURE__*/React__namespace.createElement(windowmaximize.WindowMaximizeIcon, maximizableIconProps);
       } else {
-        icon = props.minimizeIcon || /*#__PURE__*/React__namespace.createElement(windowminimize.WindowMinimizeIcon, {
-          className: iconClassName
-        });
+        icon = props.minimizeIcon || /*#__PURE__*/React__namespace.createElement(windowminimize.WindowMinimizeIcon, maximizableIconProps);
       }
-      var toggleIcon = utils.IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, {
+      var toggleIcon = utils.IconUtils.getJSXIcon(icon, maximizableIconProps, {
         props: props
       });
       if (props.maximizable) {
-        return /*#__PURE__*/React__namespace.createElement("button", {
-          type: "button",
-          className: "p-dialog-header-icon p-dialog-header-maximize p-link",
+        var maximizableButtonProps = utils.mergeProps({
+          type: 'button',
+          className: 'p-dialog-header-icon p-dialog-header-maximize p-link',
           onClick: toggleMaximize
-        }, toggleIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        }, ptm('maximizableButton'));
+        return /*#__PURE__*/React__namespace.createElement("button", maximizableButtonProps, toggleIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
       return null;
     };
@@ -674,36 +667,41 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
         var header = utils.ObjectUtils.getJSXElement(props.header, props);
         var headerId = idState + '_header';
         var headerClassName = utils.classNames('p-dialog-header', props.headerClassName);
-        return /*#__PURE__*/React__namespace.createElement("div", {
+        var headerProps = utils.mergeProps({
           ref: headerRef,
           style: props.headerStyle,
           className: headerClassName,
           onMouseDown: onDragStart
-        }, /*#__PURE__*/React__namespace.createElement("div", {
+        }, ptm('header'));
+        var headerTitleProps = utils.mergeProps({
           id: headerId,
-          className: "p-dialog-title"
-        }, header), /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-dialog-header-icons"
-        }, icons, maximizeIcon, closeIcon));
+          className: 'p-dialog-title'
+        }, ptm('headerTitle'));
+        var headerIconsProps = utils.mergeProps({
+          className: 'p-dialog-header-icons'
+        }, ptm('headerIcons'));
+        return /*#__PURE__*/React__namespace.createElement("div", headerProps, /*#__PURE__*/React__namespace.createElement("div", headerTitleProps, header), /*#__PURE__*/React__namespace.createElement("div", headerIconsProps, icons, maximizeIcon, closeIcon));
       }
       return null;
     };
     var createContent = function createContent() {
       var className = utils.classNames('p-dialog-content', props.contentClassName);
       var contentId = idState + '_content';
-      return /*#__PURE__*/React__namespace.createElement("div", {
+      var contentProps = utils.mergeProps({
         id: contentId,
         ref: contentRef,
-        className: className,
-        style: props.contentStyle
-      }, props.children);
+        style: props.contentStyle,
+        className: className
+      }, ptm('content'));
+      return /*#__PURE__*/React__namespace.createElement("div", contentProps, props.children);
     };
     var createFooter = function createFooter() {
       var footer = utils.ObjectUtils.getJSXElement(props.footer, props);
-      return footer && /*#__PURE__*/React__namespace.createElement("div", {
+      var footerProps = utils.mergeProps({
         ref: footerRef,
-        className: "p-dialog-footer"
-      }, footer);
+        className: 'p-dialog-footer'
+      }, ptm('footer'));
+      return footer && /*#__PURE__*/React__namespace.createElement("div", footerProps, footer);
     };
     var createResizer = function createResizer() {
       if (props.resizable) {
@@ -718,7 +716,6 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
       return null;
     };
     var createElement = function createElement() {
-      var otherProps = DialogBase.getOtherProps(props);
       var className = utils.classNames('p-dialog p-component', props.className, {
         'p-dialog-rtl': props.rtl,
         'p-dialog-maximized': maximized,
@@ -742,12 +739,25 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
         enter: props.position === 'center' ? 150 : 300,
         exit: props.position === 'center' ? 150 : 300
       };
-      return /*#__PURE__*/React__namespace.createElement("div", {
+      var maskProps = utils.mergeProps({
         ref: maskRef,
         style: props.maskStyle,
         className: maskClassName,
-        onClick: onMaskClick
-      }, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
+        onPointerUp: onMaskPointerUp
+      }, ptm('mask'));
+      var rootProps = utils.mergeProps({
+        ref: dialogRef,
+        id: idState,
+        className: className,
+        style: props.style,
+        onClick: props.onClick,
+        role: 'dialog',
+        'aria-labelledby': headerId,
+        'aria-describedby': contentId,
+        'aria-modal': props.modal,
+        onPointerDown: onDialogPointerDown
+      }, DialogBase.getOtherProps(props), ptm('root'));
+      return /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: dialogRef,
         classNames: "p-dialog",
         timeout: transitionTimeout,
@@ -758,18 +768,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
         onEntered: onEntered,
         onExiting: onExiting,
         onExited: onExited
-      }, /*#__PURE__*/React__namespace.createElement("div", _extends({
-        ref: dialogRef,
-        id: idState,
-        className: className,
-        style: props.style,
-        onClick: props.onClick,
-        role: "dialog"
-      }, otherProps, {
-        "aria-labelledby": headerId,
-        "aria-describedby": contentId,
-        "aria-modal": props.modal
-      }), header, content, footer, resizer)));
+      }, /*#__PURE__*/React__namespace.createElement("div", rootProps, header, content, footer, resizer)));
     };
     var createDialog = function createDialog() {
       var element = createElement();
@@ -789,4 +788,4 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.portal, primereact.ripple, primereact.utils, primereact.icons/times, primereact.icons/windowmaximize, primereact.icons/windowminimize);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.icons.times, primereact.icons.windowmaximize, primereact.icons.windowminimize, primereact.portal, primereact.ripple, primereact.utils, primereact.componentbase);

package/dialog/dialog.min.js

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

package/divider/divider.cjs.js

@@ -4,43 +4,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
+    }
+    n["default"] = e;
+    return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var DividerBase = {
+var DividerBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Divider',
     align: null,
@@ -49,28 +35,18 @@ var DividerBase = {
     style: null,
     className: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, DividerBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, DividerBase.defaultProps);
   }
-};
+});
 
 var Divider = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = DividerBase.getProps(inProps);
+  var _DividerBase$setMetaD = DividerBase.setMetaData({
+      props: props
+    }),
+    ptm = _DividerBase$setMetaD.ptm;
   var elementRef = React__namespace.useRef(null);
   var horizontal = props.layout === 'horizontal';
   var vertical = props.layout === 'vertical';
-  var otherProps = DividerBase.getOtherProps(props);
-  var className = utils.classNames("p-divider p-component p-divider-".concat(props.layout, " p-divider-").concat(props.type), {
-    'p-divider-left': horizontal && (!props.align || props.align === 'left'),
-    'p-divider-right': horizontal && props.align === 'right',
-    'p-divider-center': horizontal && props.align === 'center' || vertical && (!props.align || props.align === 'center'),
-    'p-divider-top': vertical && props.align === 'top',
-    'p-divider-bottom': vertical && props.align === 'bottom'
-  }, props.className);
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -79,14 +55,22 @@ var Divider = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       }
     };
   });
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
+  var rootProps = utils.mergeProps({
     ref: elementRef,
-    className: className,
     style: props.style,
-    role: "separator"
-  }, otherProps), /*#__PURE__*/React__namespace.createElement("div", {
-    className: "p-divider-content"
-  }, props.children));
+    className: utils.classNames("p-divider p-component p-divider-".concat(props.layout, " p-divider-").concat(props.type), {
+      'p-divider-left': horizontal && (!props.align || props.align === 'left'),
+      'p-divider-right': horizontal && props.align === 'right',
+      'p-divider-center': horizontal && props.align === 'center' || vertical && (!props.align || props.align === 'center'),
+      'p-divider-top': vertical && props.align === 'top',
+      'p-divider-bottom': vertical && props.align === 'bottom'
+    }, props.className),
+    role: 'separator'
+  }, DividerBase.getOtherProps(props), ptm('root'));
+  var contentProps = utils.mergeProps({
+    className: 'p-divider-content'
+  }, ptm('content'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, props.children));
 });
 Divider.displayName = 'Divider';
 

package/divider/divider.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=r(e);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},n.apply(this,arguments)}var a={defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,a.defaultProps)}},l=i.forwardRef((function(e,r){var l=a.getProps(e),o=i.useRef(null),c="horizontal"===l.layout,s="vertical"===l.layout,u=a.getOtherProps(l),d=t.classNames("p-divider p-component p-divider-".concat(l.layout," p-divider-").concat(l.type),{"p-divider-left":c&&(!l.align||"left"===l.align),"p-divider-right":c&&"right"===l.align,"p-divider-center":c&&"center"===l.align||s&&(!l.align||"center"===l.align),"p-divider-top":s&&"top"===l.align,"p-divider-bottom":s&&"bottom"===l.align},l.className);return i.useImperativeHandle(r,(function(){return{props:l,getElement:function(){return o.current}}})),i.createElement("div",n({ref:o,className:d,style:l.style,role:"separator"},u),i.createElement("div",{className:"p-divider-content"},l.children))}));l.displayName="Divider",exports.Divider=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),r=require("primereact/componentbase");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=i(e),a=r.ComponentBase.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0}}),l=n.forwardRef((function(e,r){var i=a.getProps(e),l=a.setMetaData({props:i}).ptm,o=n.useRef(null),c="horizontal"===i.layout,d="vertical"===i.layout;n.useImperativeHandle(r,(function(){return{props:i,getElement:function(){return o.current}}}));var p=t.mergeProps({ref:o,style:i.style,className:t.classNames("p-divider p-component p-divider-".concat(i.layout," p-divider-").concat(i.type),{"p-divider-left":c&&(!i.align||"left"===i.align),"p-divider-right":c&&"right"===i.align,"p-divider-center":c&&"center"===i.align||d&&(!i.align||"center"===i.align),"p-divider-top":d&&"top"===i.align,"p-divider-bottom":d&&"bottom"===i.align},i.className),role:"separator"},a.getOtherProps(i),l("root")),s=t.mergeProps({className:"p-divider-content"},l("content"));return n.createElement("div",p,n.createElement("div",s,i.children))}));l.displayName="Divider",exports.Divider=l;

package/divider/divider.d.ts

@@ -8,6 +8,31 @@
  *
  */
 import * as React from 'react';
+import { PassThroughType } from '../utils';
+
+export declare type DividerPassThroughType<T> = PassThroughType<T, DividerPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface DividerPassThroughMethodOptions {
+    props: DividerProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link DividerProps.pt}
+ */
+export interface DividerPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: DividerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: DividerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
 
 /**
  * Defines valid properties in Divider component. In addition to these, all properties of HTMLDivElement can be used in this component.
@@ -33,6 +58,11 @@ export interface DividerProps extends Omit<React.DetailedHTMLProps<React.HTMLAtt
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {DividerPassThroughOptions}
+     */
+    pt?: DividerPassThroughOptions;
 }
 
 /**