primereact 10.2.1 → 10.3.0

package/dialog/dialog.min.js

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

package/divider/divider.cjs.js

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

package/divider/divider.cjs.min.js

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

package/divider/divider.esm.js

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

package/divider/divider.esm.min.js

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

package/divider/divider.js

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

package/divider/divider.min.js

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

package/dock/dock.cjs.js

@@ -86,6 +86,37 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableSpread() {
+  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 _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -118,21 +149,6 @@ function _iterableToArrayLimit(r, l) {
   }
 }
 
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
@@ -151,15 +167,18 @@ var classes = {
   },
   menuitem: function menuitem(_ref2) {
     var currentIndexState = _ref2.currentIndexState,
-      index = _ref2.index;
+      index = _ref2.index,
+      active = _ref2.active;
     return utils.classNames('p-dock-item', {
       'p-dock-item-second-prev': currentIndexState - 2 === index,
       'p-dock-item-prev': currentIndexState - 1 === index,
       'p-dock-item-current': currentIndexState === index,
       'p-dock-item-next': currentIndexState + 1 === index,
-      'p-dock-item-second-next': currentIndexState + 2 === index
+      'p-dock-item-second-next': currentIndexState + 2 === index,
+      'p-focus': active
     });
   },
+  content: 'p-menuitem-content',
   header: 'p-dock-header',
   menu: 'p-dock-list',
   footer: 'p-dock-footer',
@@ -169,9 +188,9 @@ var classes = {
       'p-dock-magnification': props.magnification
     });
   },
-  container: 'p-dock-container'
+  container: 'p-dock-list-container'
 };
-var styles = "\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n    \n    .p-dock-container {\n        display: flex;\n        pointer-events: auto;\n    }\n    \n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n    \n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n    \n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n    \n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n    \n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n    \n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n    \n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n    \n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n    \n    .p-dock-top .p-dock-container {\n        flex-direction: column-reverse;\n    }\n    \n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n    \n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n    \n    .p-dock-bottom .p-dock-container {\n        flex-direction: column;\n    }\n    \n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n    \n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n    \n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n    \n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n    \n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n    \n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n    \n    .p-dock-left .p-dock-container {\n        flex-direction: row-reverse;\n    }\n}\n";
+var styles = "\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n\n    .p-dock-list-container {\n        display: flex;\n        pointer-events: auto;\n    }\n\n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n\n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n\n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n\n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n\n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n\n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n\n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n\n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n\n    .p-dock-top .p-dock-list-container {\n        flex-direction: column-reverse;\n    }\n\n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n\n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n\n    .p-dock-bottom .p-dock-list-container {\n        flex-direction: column;\n    }\n\n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n\n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n\n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n\n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n\n    .p-dock-left .p-dock-list-container {\n        flex-direction: row-reverse;\n    }\n}\n";
 var DockBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Dock',
@@ -179,6 +198,9 @@ var DockBase = componentbase.ComponentBase.extend({
     style: null,
     className: null,
     model: null,
+    tabIndex: 0,
+    onFocus: null,
+    onBlur: null,
     position: 'bottom',
     magnification: true,
     header: null,
@@ -198,12 +220,20 @@ var Dock = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     _React$useState2 = _slicedToArray(_React$useState, 2),
     currentIndexState = _React$useState2[0],
     setCurrentIndexState = _React$useState2[1];
+  var _React$useState3 = React__namespace.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    focused = _React$useState4[0],
+    setFocused = _React$useState4[1];
+  var _React$useState5 = React__namespace.useState(-1),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    focusedOptionIndex = _React$useState6[0],
+    setFocusedOptionIndex = _React$useState6[1];
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = DockBase.getProps(inProps, context);
-  var _React$useState3 = React__namespace.useState(props.id),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    idState = _React$useState4[0],
-    setIdState = _React$useState4[1];
+  var _React$useState7 = React__namespace.useState(props.id),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    idState = _React$useState8[0],
+    setIdState = _React$useState8[1];
   var _DockBase$setMetaData = DockBase.setMetaData({
       props: props,
       state: {
@@ -215,6 +245,7 @@ var Dock = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     cx = _DockBase$setMetaData.cx,
     isUnstyled = _DockBase$setMetaData.isUnstyled;
   var elementRef = React__namespace.useRef(null);
+  var listRef = React__namespace.useRef(null);
   componentbase.useHandleStyle(DockBase.css.styles, isUnstyled, {
     name: 'dock'
   });
@@ -241,6 +272,90 @@ var Dock = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     }
     e.preventDefault();
   };
+  var onListFocus = function onListFocus(event) {
+    setFocused(true);
+    changeFocusedOptionIndex(0);
+    props.onFocus && props.onFocus(event);
+  };
+  var onListBlur = function onListBlur(event) {
+    setFocused(false);
+    setFocusedOptionIndex(-1);
+    props.onBlur && props.onBlur(event);
+  };
+  var onListKeyDown = function onListKeyDown(event) {
+    switch (event.code) {
+      case 'ArrowDown':
+        if (props.position === 'left' || props.position === 'right') onArrowDownKey();
+        event.preventDefault();
+        break;
+      case 'ArrowUp':
+        if (props.position === 'left' || props.position === 'right') onArrowUpKey();
+        event.preventDefault();
+        break;
+      case 'ArrowRight':
+        if (props.position === 'top' || props.position === 'bottom') onArrowDownKey();
+        event.preventDefault();
+        break;
+      case 'ArrowLeft':
+        if (props.position === 'top' || props.position === 'bottom') onArrowUpKey();
+        event.preventDefault();
+        break;
+      case 'Home':
+        onHomeKey();
+        event.preventDefault();
+        break;
+      case 'End':
+        onEndKey();
+        event.preventDefault();
+        break;
+      case 'Enter':
+      case 'Space':
+        onSpaceKey();
+        event.preventDefault();
+        break;
+    }
+  };
+  var onArrowDownKey = function onArrowDownKey() {
+    var optionIndex = findNextOptionIndex(focusedOptionIndex);
+    changeFocusedOptionIndex(optionIndex);
+  };
+  var onArrowUpKey = function onArrowUpKey() {
+    var optionIndex = findPrevOptionIndex(focusedOptionIndex);
+    changeFocusedOptionIndex(optionIndex);
+  };
+  var onHomeKey = function onHomeKey() {
+    changeFocusedOptionIndex(0);
+  };
+  var onEndKey = function onEndKey() {
+    changeFocusedOptionIndex(utils.DomHandler.find(listRef.current, 'li[data-pc-section="menuitem"][data-p-disabled="false"]').length - 1);
+  };
+  var onSpaceKey = function onSpaceKey() {
+    var element = utils.DomHandler.findSingle(listRef.current, "li[id=\"".concat("".concat(focusedOptionIndex), "\"]"));
+    var anchorElement = element && utils.DomHandler.findSingle(element, '[data-pc-section="action"]');
+    anchorElement ? anchorElement.click() : element && element.click();
+  };
+  var findNextOptionIndex = function findNextOptionIndex(index) {
+    var menuitems = utils.DomHandler.find(listRef.current, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
+    var matchedOptionIndex = _toConsumableArray(menuitems).findIndex(function (link) {
+      return link.id === index;
+    });
+    return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;
+  };
+  var findPrevOptionIndex = function findPrevOptionIndex(index) {
+    var menuitems = utils.DomHandler.find(listRef.current, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
+    var matchedOptionIndex = _toConsumableArray(menuitems).findIndex(function (link) {
+      return link.id === index;
+    });
+    return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;
+  };
+  var changeFocusedOptionIndex = function changeFocusedOptionIndex(index) {
+    var menuitems = utils.DomHandler.find(listRef.current, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
+    var order = index >= menuitems.length ? menuitems.length - 1 : index < 0 ? 0 : index;
+    setFocusedOptionIndex(menuitems[order].getAttribute('id'));
+  };
+  var isItemActive = function isItemActive(id) {
+    return id === focusedOptionIndex;
+  };
   var createItem = function createItem(item, index) {
     if (item.visible === false) {
       return null;
@@ -264,10 +379,14 @@ var Dock = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     });
     var actionProps = utils.mergeProps({
       href: url || '#',
-      role: 'menuitem',
+      onFocus: function onFocus(event) {
+        return event.stopPropagation();
+      },
       className: cx('action', {
         disabled: disabled
       }),
+      'aria-hidden': 'true',
+      tabIndex: -1,
       target: target,
       'data-pr-tooltip': label,
       onClick: function onClick(e) {
@@ -282,25 +401,35 @@ var Dock = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
         },
         className: contentClassName,
         iconClassName: iconClassName,
+        'aria-hidden': 'true',
+        tabIndex: -1,
         element: content,
         props: props,
         index: index
       };
       content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
     }
-    var menuitemProps = utils.mergeProps({
+    var contentProps = utils.mergeProps({
+      className: cx('content')
+    }, getPTOptions('content', item, index));
+    var active = isItemActive(key);
+    var menuitemProps = utils.mergeProps(_defineProperty(_defineProperty({
       id: key,
+      role: 'menuitem',
       key: key,
+      'aria-label': label,
+      'aria-disabled': disabled,
+      'data-p-focused': active,
+      'data-p-disabled': disabled || false,
       className: cx('menuitem', {
         currentIndexState: currentIndexState,
-        index: index
-      }),
-      role: 'none',
-      onMouseEnter: function onMouseEnter() {
-        return onItemMouseEnter(index);
-      }
-    }, getPTOptions('menuitem', item, index));
-    return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, content);
+        index: index,
+        active: isItemActive(key)
+      })
+    }, "role", 'none'), "onMouseEnter", function onMouseEnter() {
+      return onItemMouseEnter(index);
+    }), getPTOptions('menuitem', item, index));
+    return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, content));
   };
   var createItems = function createItems() {
     return props.model ? props.model.map(createItem) : null;
@@ -320,8 +449,15 @@ var Dock = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   var createList = function createList() {
     var items = createItems();
     var menuProps = utils.mergeProps({
+      ref: listRef,
       className: cx('menu'),
       role: 'menu',
+      'aria-orientation': props.position === 'bottom' || props.position === 'top' ? 'horizontal' : 'vertical',
+      'aria-activedescendant': focused ? focusedOptionIndex !== -1 ? focusedOptionIndex : null : undefined,
+      tabIndex: props.tabIndex || 0,
+      onFocus: onListFocus,
+      onBlur: onListBlur,
+      onKeyDown: onListKeyDown,
       onMouseLeave: onListMouseLeave
     }, ptm('menu'));
     return /*#__PURE__*/React__namespace.createElement("ul", menuProps, items);

package/dock/dock.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/ripple"),i=require("primereact/utils");function c(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var a=c(e);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},l.apply(this,arguments)}function s(e){return s="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},s(e)}function p(e,n){if("object"!==s(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function u(e){var n=p(e,"string");return"symbol"===s(n)?n:String(n)}function m(e){if(Array.isArray(e))return e}function d(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,c,a=[],l=!0,s=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(s)throw o}}return a}}function f(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function b(e,n){if(e){if("string"==typeof e)return f(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,n):void 0}}function g(){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 y(e,n){return m(e)||d(e,n)||b(e,n)||g()}var k=t.ComponentBase.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(e){return i.classNames("p-dock-action",{"p-disabled":e.disabled})},menuitem:function(e){var n=e.currentIndexState,t=e.index;return i.classNames("p-dock-item",{"p-dock-item-second-prev":n-2===t,"p-dock-item-prev":n-1===t,"p-dock-item-current":n===t,"p-dock-item-next":n+1===t,"p-dock-item-second-next":n+2===t})},header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(e){var n=e.props;return i.classNames("p-dock p-component p-dock-".concat(n.position),{"p-dock-magnification":n.magnification})},container:"p-dock-container"},styles:"\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n    \n    .p-dock-container {\n        display: flex;\n        pointer-events: auto;\n    }\n    \n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n    \n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n    \n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n    \n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n    \n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n    \n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n    \n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n    \n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n    \n    .p-dock-top .p-dock-container {\n        flex-direction: column-reverse;\n    }\n    \n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n    \n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n    \n    .p-dock-bottom .p-dock-container {\n        flex-direction: column;\n    }\n    \n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n    \n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n    \n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n    \n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n    \n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n    \n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n    \n    .p-dock-left .p-dock-container {\n        flex-direction: row-reverse;\n    }\n}\n"}});function v(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function h(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?v(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=u(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var O=a.memo(a.forwardRef((function(e,c){var s=y(a.useState(-3),2),p=s[0],u=s[1],m=a.useContext(n.PrimeReactContext),d=k.getProps(e,m),f=y(a.useState(d.id),2),b=f[0],g=f[1],v=k.setMetaData({props:d,state:{id:b,currentIndex:p}}),O=v.ptm,j=v.cx,x=v.isUnstyled,P=a.useRef(null);t.useHandleStyle(k.css.styles,x,{name:"dock"});var S=function(e,n,t){return O(e,{context:{index:t,item:n}})},w=function(){u(-3)},E=function(e){u(e)},N=function(e,n){n.command&&n.command({originalEvent:e,item:n}),e.preventDefault()},D=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,c=e.label,l=e.template,s=e.url,u=e.target,m=e.id||b+"_"+n,f=i.classNames("p-dock-action",{"p-disabled":t}),g=i.classNames("p-dock-action-icon",r),y=i.mergeProps({className:j("icon")},S("icon",e,n)),k=i.IconUtils.getJSXIcon(r,h({},y),{props:d}),v=i.mergeProps({href:s||"#",role:"menuitem",className:j("action",{disabled:t}),target:u,"data-pr-tooltip":c,onClick:function(n){return N(n,e)}},S("action",e,n)),O=a.createElement("a",v,k,a.createElement(o.Ripple,null));l&&(O=i.ObjectUtils.getJSXElement(l,e,{onClick:function(n){return N(n,e)},className:f,iconClassName:g,element:O,props:d,index:n}));var x=i.mergeProps({id:m,key:m,className:j("menuitem",{currentIndexState:p,index:n}),role:"none",onMouseEnter:function(){return E(n)}},S("menuitem",e,n));return a.createElement("li",x,O)};r.useMountEffect((function(){b||g(i.UniqueComponentId())})),a.useImperativeHandle(c,(function(){return{props:d,getElement:function(){return P.current}}}));var I,C,q=function(){if(d.header){var e=i.ObjectUtils.getJSXElement(d.header,{props:d}),n=i.mergeProps({className:j("header")},O("header"));return a.createElement("div",n,e)}return null}(),M=(I=d.model?d.model.map(D):null,C=i.mergeProps({className:j("menu"),role:"menu",onMouseLeave:w},O("menu")),a.createElement("ul",C,I)),U=function(){if(d.footer){var e=i.ObjectUtils.getJSXElement(d.footer,{props:d}),n=i.mergeProps({className:j("footer")},O("footer"));return a.createElement("div",n,e)}return null}(),_=i.mergeProps({className:i.classNames(d.className,j("root")),style:d.style},k.getOtherProps(d),O("root")),A=i.mergeProps({className:j("container")},O("container"));return a.createElement("div",l({id:d.id,ref:P},_),a.createElement("div",A,q,M,U))})));O.displayName="Dock",exports.Dock=O;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/ripple"),i=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var c=a(e);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},l.apply(this,arguments)}function s(e){return s="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},s(e)}function u(e,n){if("object"!==s(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function p(e){var n=u(e,"string");return"symbol"===s(n)?n:String(n)}function d(e,n,t){return(n=p(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function f(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function m(e){if(Array.isArray(e))return f(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,n){if(e){if("string"==typeof e)return f(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,n):void 0}}function v(){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 y(e){return m(e)||b(e)||g(e)||v()}function k(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,c=[],l=!0,s=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(c.push(r.value),c.length!==n);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw o}}return c}}function x(){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 O(e,n){return k(e)||h(e,n)||g(e,n)||x()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(e){return i.classNames("p-dock-action",{"p-disabled":e.disabled})},menuitem:function(e){var n=e.currentIndexState,t=e.index;return i.classNames("p-dock-item",{"p-dock-item-second-prev":n-2===t,"p-dock-item-prev":n-1===t,"p-dock-item-current":n===t,"p-dock-item-next":n+1===t,"p-dock-item-second-next":n+2===t,"p-focus":e.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(e){var n=e.props;return i.classNames("p-dock p-component p-dock-".concat(n.position),{"p-dock-magnification":n.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n\n    .p-dock-list-container {\n        display: flex;\n        pointer-events: auto;\n    }\n\n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n\n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n\n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n\n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n\n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n\n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n\n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n\n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n\n    .p-dock-top .p-dock-list-container {\n        flex-direction: column-reverse;\n    }\n\n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n\n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n\n    .p-dock-bottom .p-dock-list-container {\n        flex-direction: column;\n    }\n\n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n\n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n\n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n\n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n\n    .p-dock-left .p-dock-list-container {\n        flex-direction: row-reverse;\n    }\n}\n"}});function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){d(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=c.memo(c.forwardRef((function(e,a){var s=O(c.useState(-3),2),u=s[0],p=s[1],f=O(c.useState(!1),2),m=f[0],b=f[1],g=O(c.useState(-1),2),v=g[0],k=g[1],h=c.useContext(n.PrimeReactContext),x=j.getProps(e,h),S=O(c.useState(x.id),2),w=S[0],D=S[1],E=j.setMetaData({props:x,state:{id:w,currentIndex:u}}),N=E.ptm,I=E.cx,A=E.isUnstyled,H=c.useRef(null),C=c.useRef(null);t.useHandleStyle(j.css.styles,A,{name:"dock"});var U=function(e,n,t){return N(e,{context:{index:t,item:n}})},q=function(){p(-3)},M=function(e){p(e)},_=function(e,n){n.command&&n.command({originalEvent:e,item:n}),e.preventDefault()},R=function(e){b(!0),$(0),x.onFocus&&x.onFocus(e)},z=function(e){b(!1),k(-1),x.onBlur&&x.onBlur(e)},B=function(e){switch(e.code){case"ArrowDown":"left"!==x.position&&"right"!==x.position||F(),e.preventDefault();break;case"ArrowUp":"left"!==x.position&&"right"!==x.position||J(),e.preventDefault();break;case"ArrowRight":"top"!==x.position&&"bottom"!==x.position||F(),e.preventDefault();break;case"ArrowLeft":"top"!==x.position&&"bottom"!==x.position||J(),e.preventDefault();break;case"Home":T(),e.preventDefault();break;case"End":X(),e.preventDefault();break;case"Enter":case"Space":L(),e.preventDefault()}},F=function(){var e=K(v);$(e)},J=function(){var e=Y(v);$(e)},T=function(){$(0)},X=function(){$(i.DomHandler.find(C.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},L=function(){var e=i.DomHandler.findSingle(C.current,'li[id="'.concat("".concat(v),'"]')),n=e&&i.DomHandler.findSingle(e,'[data-pc-section="action"]');n?n.click():e&&e.click()},K=function(e){var n=y(i.DomHandler.find(C.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},Y=function(e){var n=y(i.DomHandler.find(C.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},$=function(e){var n=i.DomHandler.find(C.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');k(n[e>=n.length?n.length-1:e<0?0:e].getAttribute("id"))},G=function(e){return e===v},Q=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,a=e.label,l=e.template,s=e.url,p=e.target,f=e.id||w+"_"+n,m=i.classNames("p-dock-action",{"p-disabled":t}),b=i.classNames("p-dock-action-icon",r),g=i.mergeProps({className:I("icon")},U("icon",e,n)),v=i.IconUtils.getJSXIcon(r,P({},g),{props:x}),y=i.mergeProps({href:s||"#",onFocus:function(e){return e.stopPropagation()},className:I("action",{disabled:t}),"aria-hidden":"true",tabIndex:-1,target:p,"data-pr-tooltip":a,onClick:function(n){return _(n,e)}},U("action",e,n)),k=c.createElement("a",y,v,c.createElement(o.Ripple,null));l&&(k=i.ObjectUtils.getJSXElement(l,e,{onClick:function(n){return _(n,e)},className:m,iconClassName:b,"aria-hidden":"true",tabIndex:-1,element:k,props:x,index:n}));var h=i.mergeProps({className:I("content")},U("content",e,n)),O=G(f),j=i.mergeProps(d(d({id:f,role:"menuitem",key:f,"aria-label":a,"aria-disabled":t,"data-p-focused":O,"data-p-disabled":t||!1,className:I("menuitem",{currentIndexState:u,index:n,active:G(f)})},"role","none"),"onMouseEnter",(function(){return M(n)})),U("menuitem",e,n));return c.createElement("li",j,c.createElement("div",h,k))};r.useMountEffect((function(){w||D(i.UniqueComponentId())})),c.useImperativeHandle(a,(function(){return{props:x,getElement:function(){return H.current}}}));var V,W,Z=function(){if(x.header){var e=i.ObjectUtils.getJSXElement(x.header,{props:x}),n=i.mergeProps({className:I("header")},N("header"));return c.createElement("div",n,e)}return null}(),ee=(V=x.model?x.model.map(Q):null,W=i.mergeProps({ref:C,className:I("menu"),role:"menu","aria-orientation":"bottom"===x.position||"top"===x.position?"horizontal":"vertical","aria-activedescendant":m?-1!==v?v:null:void 0,tabIndex:x.tabIndex||0,onFocus:R,onBlur:z,onKeyDown:B,onMouseLeave:q},N("menu")),c.createElement("ul",W,V)),ne=function(){if(x.footer){var e=i.ObjectUtils.getJSXElement(x.footer,{props:x}),n=i.mergeProps({className:I("footer")},N("footer"));return c.createElement("div",n,e)}return null}(),te=i.mergeProps({className:i.classNames(x.className,I("root")),style:x.style},j.getOtherProps(x),N("root")),re=i.mergeProps({className:I("container")},N("container"));return c.createElement("div",l({id:x.id,ref:H},te),c.createElement("div",re,Z,ee,ne))})));w.displayName="Dock",exports.Dock=w;

package/dock/dock.d.ts

@@ -37,6 +37,7 @@ export interface DockPassThroughOptions {
      * Uses to pass attributes to the container's DOM element.
      */
     container?: DockPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+
     /**
      * Uses to pass attributes to the header's DOM element.
      */
@@ -152,6 +153,20 @@ export interface DockProps extends Omit<React.DetailedHTMLProps<React.HTMLAttrib
      * @type {PassThroughOptions}
      */
     ptOptions?: PassThroughOptions;
+    /**
+     * Index of the element in tabbing order.
+     */
+    tabIndex?: number | undefined;
+    /**
+     * Callback to invoke when dock receives focus.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onFocus?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke when dock loses focus.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onBlur?(event: React.SyntheticEvent): void;
     /**
      * When enabled, it removes component related styles in the core.
      * @defaultValue false