primereact 10.0.9 → 10.1.1

package/contextmenu/contextmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.contextmenu=function(e,t,n,r,o,i,u,a,c,l){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=m(t),f=s(n);function d(){return d=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},d.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],c=!0,l=!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)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}function g(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,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function v(){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 x(e,t){return b(e)||y(e,t)||h(e,t)||v()}var O=r.ComponentBase.extend({defaultProps:{__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return a.classNames("p-contextmenu p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===f.default.ripple})},menu:function(e){return a.classNames({"p-submenu-list":!e.menuProps.root})},menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active":e.active},e.item.className)},action:function(e){return a.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",separator:"p-menu-separator",transition:"p-contextmenu",submenuTransition:"p-contextmenusub"},styles:"\n@layer primereact {\n    .p-contextmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-contextmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n    }\n    \n    .p-contextmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-contextmenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-contextmenu-enter {\n        opacity: 0;\n    }\n    \n    .p-contextmenu-enter-active {\n        opacity: 1;\n        transition: opacity 250ms;\n    }\n}\n"}});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 P(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 S(e){var t=P(e,"string");return"symbol"===E(t)?t:String(t)}function I(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=p.memo((function(e){var t=x(p.useState(null),2),n=t[0],r=t[1],u=p.useRef(null),s=e.root||!e.resetMenu,m=e.ptm,f=e.cx,b=function(t,r){return m(r,{hostName:e.hostName,context:{active:n===t}})};!0===e.resetMenu&&null!==n&&r(null);var y=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():r(n)},g=function(t,o){o.disabled?t.preventDefault():(o.url||t.preventDefault(),o.command&&o.command({originalEvent:t,item:o}),e.isMobileMode&&o.items&&r(n&&o===n?null:o),o.items||e.onLeafClick(t))},h=function(){if(!e.isMobileMode){var t=u.current.parentElement,n=a.DomHandler.getOffset(t),r=a.DomHandler.getViewport(),o=u.current.offsetParent?u.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(u.current),i=a.DomHandler.getOuterWidth(t.children[0]),c=parseInt(n.top,10)+u.current.offsetHeight-a.DomHandler.getWindowScrollTop();u.current.style.top=c>r.height?r.height-c+"px":"0px",u.current.style.left=parseInt(n.left,10)+i+o>r.width-a.DomHandler.calculateScrollbarWidth()?-1*o+"px":i+"px"}};i.useUpdateEffect((function(){s&&h()}));var v=function(t){var n=e.id+"_separator_"+t,r=a.mergeProps({id:n,key:n,className:f("separator"),role:"separator"},m("separator",{hostName:e.hostName}));return p.createElement("li",r)},O=function(t,r){return t.items?p.createElement(M,{id:e.id+"_"+r,hostName:e.hostName,menuProps:e.menuProps,model:t.items,resetMenu:t!==n,onLeafClick:e.onLeafClick,isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:m,cx:f}):null},E=function(t,r){var o;if(!1===t.visible)return null;var i=n===t,u=t.id||e.id+"_"+r,s=a.mergeProps({className:f("icon")},b(t,"icon")),m=a.IconUtils.getJSXIcon(t.icon,w({},s),{props:e.menuProps}),d=a.mergeProps({className:f("submenuIcon")},b(t,"submenuIcon")),h=a.mergeProps({className:f("label")},b(t,"label")),v=t.items&&a.IconUtils.getJSXIcon(e.submenuIcon||p.createElement(c.AngleRightIcon,d),w({},d),{props:e.menuProps}),x=t.label&&p.createElement("span",h,t.label),E=O(t,r),P=a.mergeProps({href:t.url||"#",className:f("action",{item:t}),target:t.target,onClick:function(e){return g(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},b(t,"action")),S=p.createElement("a",P,m,x,v,p.createElement(l.Ripple,null));if(t.template){var N={onClick:function(e){return g(e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:"p-menuitem-icon",submenuIconClassName:f("submenuIcon"),element:S,props:e,active:i};S=a.ObjectUtils.getJSXElement(t.template,t,N)}var M=a.mergeProps((I(o={id:u,key:u,role:"none",className:f("menuitem",{item:t,active:i}),style:t.style},"key",u),I(o,"onMouseEnter",(function(e){return y(e,t)})),o),b(t,"menuitem"));return p.createElement("li",M,S,E)},P=e.model?e.model.map((function(e,t){return e.separator?v(t):E(e,t)})):null,S=a.mergeProps({className:f("menu",{menuProps:e})},m("menu",{hostName:e.hostName})),N=a.mergeProps({classNames:f("submenuTransition"),in:s,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){h()}},m("menu.transition",{hostName:e.hostName}));return p.createElement(o.CSSTransition,d({nodeRef:u},N),p.createElement("ul",d({ref:u},S),P))}));M.displayName="ContextMenuSub";var j=p.memo(p.forwardRef((function(e,t){var c=p.useContext(n.PrimeReactContext),l=O.getProps(e,c),s=x(p.useState(l.id),2),m=s[0],b=s[1],y=x(p.useState(!1),2),g=y[0],h=y[1],v=x(p.useState(!1),2),E=v[0],P=v[1],S=x(p.useState(!1),2),I=S[0],N=S[1],w=x(p.useState(null),2),j=w[0],H=w[1],k=O.setMetaData({props:l,state:{id:m,visible:g,reshow:E,resetMenu:I,attributeSelector:j}}),D=k.ptm,C=k.cx;r.useHandleStyle(O.css.styles,k.isUnstyled,{name:"contextmenu"});var T=p.useRef(null),U=p.useRef(null),R=p.useRef(null),L=i.useMatchMedia("screen and (max-width: ".concat(l.breakpoint,")"),!!l.breakpoint),Z=x(i.useEventListener({type:"click",listener:function(e){te(e)&&2!==e.button&&(B(e),N(!0))}}),2),_=Z[0],A=Z[1],W=x(i.useEventListener({type:"contextmenu",when:l.global,listener:function(e){q(e)}}),1)[0],z=x(i.useResizeListener({listener:function(e){g&&!a.DomHandler.isTouchDevice()&&B(e)}}),2),X=z[0],J=z[1],V=function(){if(!R.current){R.current=a.DomHandler.createInlineStyle(c&&c.nonce||f.default.nonce);var e="".concat(j),t="\n@media screen and (max-width: ".concat(l.breakpoint,") {\n    .p-contextmenu[").concat(e,"] > ul {\n        max-height: ").concat(l.scrollHeight,";\n        overflow: ").concat(l.scrollHeight?"auto":"",";\n    }\n\n    .p-contextmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n}\n');R.current.innerHTML=t}},Y=function(){R.current=a.DomHandler.removeInlineStyle(R.current)},q=function(e){e.stopPropagation(),e.preventDefault(),U.current=e,g?P(!0):(h(!0),l.onShow&&l.onShow(U.current))},B=function(e){U.current=e,h(!1),P(!1),l.onHide&&l.onHide(U.current)},$=function(){a.DomHandler.addStyles(T.current,{position:"absolute"}),l.autoZIndex&&a.ZIndexUtils.set("menu",T.current,c&&c.autoZIndex||f.default.autoZIndex,l.baseZIndex||c&&c.zIndex.menu||f.default.zIndex.menu),Q(U.current),j&&l.breakpoint&&(T.current.setAttribute(j,""),V())},F=function(){ne()},G=function(){re(),a.ZIndexUtils.clear(T.current)},K=function(){a.ZIndexUtils.clear(T.current),Y()},Q=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=T.current.offsetParent?T.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(T.current),o=T.current.offsetParent?T.current.offsetHeight:a.DomHandler.getHiddenElementOuterHeight(T.current),i=a.DomHandler.getViewport();t+r-document.body.scrollLeft>i.width&&(t-=r),n+o-document.body.scrollTop>i.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),T.current.style.left=t+"px",T.current.style.top=n+"px"}},ee=function(e){N(!0),B(e),e.stopPropagation()},te=function(e){return T&&T.current&&!(T.current.isSameNode(e.target)||T.current.contains(e.target))},ne=function(){X(),_()},re=function(){J(),A()};i.useMountEffect((function(){var e=a.UniqueComponentId();!m&&b(e),l.global&&W(),l.breakpoint&&!j&&H(e)})),i.useUpdateEffect((function(){l.global&&W()}),[l.global]),i.useUpdateEffect((function(){return j&&T.current&&(T.current.setAttribute(j,""),V()),function(){Y()}}),[j,l.breakpoint]),i.useUpdateEffect((function(){g?(h(!1),P(!1),N(!0)):E||g||!I||q(U.current)}),[E]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(T.current)})),p.useImperativeHandle(t,(function(){return{props:l,show:q,hide:B,getElement:function(){return T.current}}}));var oe,ie,ue=(oe=a.mergeProps({id:l.id,className:a.classNames(l.className,C("root",{context:c})),style:l.style,onClick:function(e){N(!1)},onMouseEnter:function(e){N(!1)}},O.getOtherProps(l),D("root")),ie=a.mergeProps({classNames:C("transition"),in:g,timeout:{enter:250,exit:0},options:l.transitionOptions,unmountOnExit:!0,onEnter:$,onEntered:F,onExit:G,onExited:K},D("transition")),p.createElement(o.CSSTransition,d({nodeRef:T},ie),p.createElement("div",d({ref:T},oe),p.createElement(M,{hostName:"ContextMenu",id:m,menuProps:l,model:l.model,root:!0,resetMenu:I,onLeafClick:ee,isMobileMode:L,submenuIcon:l.submenuIcon,ptm:D,cx:C}))));return p.createElement(u.Portal,{element:ue,appendTo:l.appendTo})})));return j.displayName="ContextMenu",e.ContextMenu=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.contextmenu=function(e,t,n,r,o,i,u,a,c,l){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=m(t),f=s(n);function d(){return d=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},d.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],c=!0,l=!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)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}function g(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,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function v(){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 x(e,t){return b(e)||y(e,t)||h(e,t)||v()}var O=r.ComponentBase.extend({defaultProps:{__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return a.classNames("p-contextmenu p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===f.default.ripple})},menu:function(e){return a.classNames({"p-submenu-list":!e.menuProps.root})},menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active":e.active},e.item.className)},action:function(e){return a.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",separator:"p-menu-separator",transition:"p-contextmenu",submenuTransition:"p-contextmenusub"},styles:"\n@layer primereact {\n    .p-contextmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-contextmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n    }\n    \n    .p-contextmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-contextmenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-contextmenu-enter {\n        opacity: 0;\n    }\n    \n    .p-contextmenu-enter-active {\n        opacity: 1;\n        transition: opacity 250ms;\n    }\n}\n"}});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 P(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 S(e){var t=P(e,"string");return"symbol"===E(t)?t:String(t)}function I(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=p.memo((function(e){var t=x(p.useState(null),2),n=t[0],r=t[1],u=p.useRef(null),s=e.root||!e.resetMenu,m=e.ptm,f=e.cx,b=function(t,r){return m(r,{hostName:e.hostName,context:{active:n===t}})};!0===e.resetMenu&&null!==n&&r(null);var y=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():r(n)},g=function(t,o){o.disabled?t.preventDefault():(o.url||t.preventDefault(),o.command&&o.command({originalEvent:t,item:o}),e.isMobileMode&&o.items&&r(n&&o===n?null:o),o.items||e.onLeafClick(t))},h=function(){if(!e.isMobileMode){var t=u.current.parentElement,n=a.DomHandler.getOffset(t),r=a.DomHandler.getViewport(),o=u.current.offsetParent?u.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(u.current),i=a.DomHandler.getOuterWidth(t.children[0]),c=parseInt(n.top,10)+u.current.offsetHeight-a.DomHandler.getWindowScrollTop();u.current.style.top=c>r.height?r.height-c+"px":"0px",u.current.style.left=parseInt(n.left,10)+i+o>r.width-a.DomHandler.calculateScrollbarWidth()?-1*o+"px":i+"px"}};i.useUpdateEffect((function(){s&&h()}));var v=function(t){var n=e.id+"_separator_"+t,r=a.mergeProps({id:n,key:n,className:f("separator"),role:"separator"},m("separator",{hostName:e.hostName}));return p.createElement("li",r)},O=function(t,r){return t.items?p.createElement(M,{id:e.id+"_"+r,hostName:e.hostName,menuProps:e.menuProps,model:t.items,resetMenu:t!==n,onLeafClick:e.onLeafClick,isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:m,cx:f}):null},E=function(t,r){if(!1===t.visible)return null;var o=n===t,i=t.id||e.id+"_"+r,u=a.mergeProps({className:f("icon")},b(t,"icon")),s=a.IconUtils.getJSXIcon(t.icon,w({},u),{props:e.menuProps}),m=a.mergeProps({className:f("submenuIcon")},b(t,"submenuIcon")),d=a.mergeProps({className:f("label")},b(t,"label")),h=t.items&&a.IconUtils.getJSXIcon(e.submenuIcon||p.createElement(c.AngleRightIcon,m),w({},m),{props:e.menuProps}),v=t.label&&p.createElement("span",d,t.label),x=O(t,r),E=a.mergeProps({href:t.url||"#",className:f("action",{item:t}),target:t.target,onClick:function(e){return g(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},b(t,"action")),P=p.createElement("a",E,s,v,h,p.createElement(l.Ripple,null));if(t.template){var S={onClick:function(e){return g(e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:"p-menuitem-icon",submenuIconClassName:f("submenuIcon"),element:P,props:e,active:o};P=a.ObjectUtils.getJSXElement(t.template,t,S)}var N=a.mergeProps(I(I({id:i,key:i,role:"none",className:f("menuitem",{item:t,active:o}),style:t.style},"key",i),"onMouseEnter",(function(e){return y(e,t)})),b(t,"menuitem"));return p.createElement("li",N,P,x)},P=e.model?e.model.map((function(e,t){return e.separator?v(t):E(e,t)})):null,S=a.mergeProps({className:f("menu",{menuProps:e})},m("menu",{hostName:e.hostName})),N=a.mergeProps({classNames:f("submenuTransition"),in:s,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){h()}},m("menu.transition",{hostName:e.hostName}));return p.createElement(o.CSSTransition,d({nodeRef:u},N),p.createElement("ul",d({ref:u},S),P))}));M.displayName="ContextMenuSub";var j=p.memo(p.forwardRef((function(e,t){var c=p.useContext(n.PrimeReactContext),l=O.getProps(e,c),s=x(p.useState(l.id),2),m=s[0],b=s[1],y=x(p.useState(!1),2),g=y[0],h=y[1],v=x(p.useState(!1),2),E=v[0],P=v[1],S=x(p.useState(!1),2),I=S[0],N=S[1],w=x(p.useState(null),2),j=w[0],H=w[1],k=O.setMetaData({props:l,state:{id:m,visible:g,reshow:E,resetMenu:I,attributeSelector:j}}),D=k.ptm,C=k.cx;r.useHandleStyle(O.css.styles,k.isUnstyled,{name:"contextmenu"});var T=p.useRef(null),U=p.useRef(null),R=p.useRef(null),L=i.useMatchMedia("screen and (max-width: ".concat(l.breakpoint,")"),!!l.breakpoint),Z=x(i.useEventListener({type:"click",listener:function(e){te(e)&&2!==e.button&&(B(e),N(!0))}}),2),_=Z[0],A=Z[1],W=x(i.useEventListener({type:"contextmenu",when:l.global,listener:function(e){q(e)}}),1)[0],z=x(i.useResizeListener({listener:function(e){g&&!a.DomHandler.isTouchDevice()&&B(e)}}),2),X=z[0],J=z[1],V=function(){if(!R.current){R.current=a.DomHandler.createInlineStyle(c&&c.nonce||f.default.nonce);var e="".concat(j),t="\n@media screen and (max-width: ".concat(l.breakpoint,") {\n    .p-contextmenu[").concat(e,"] > ul {\n        max-height: ").concat(l.scrollHeight,";\n        overflow: ").concat(l.scrollHeight?"auto":"",";\n    }\n\n    .p-contextmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n}\n');R.current.innerHTML=t}},Y=function(){R.current=a.DomHandler.removeInlineStyle(R.current)},q=function(e){e.stopPropagation(),e.preventDefault(),U.current=e,g?P(!0):(h(!0),l.onShow&&l.onShow(U.current))},B=function(e){U.current=e,h(!1),P(!1),l.onHide&&l.onHide(U.current)},$=function(){a.DomHandler.addStyles(T.current,{position:"absolute"}),l.autoZIndex&&a.ZIndexUtils.set("menu",T.current,c&&c.autoZIndex||f.default.autoZIndex,l.baseZIndex||c&&c.zIndex.menu||f.default.zIndex.menu),Q(U.current),j&&l.breakpoint&&(T.current.setAttribute(j,""),V())},F=function(){ne()},G=function(){re(),a.ZIndexUtils.clear(T.current)},K=function(){a.ZIndexUtils.clear(T.current),Y()},Q=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=T.current.offsetParent?T.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(T.current),o=T.current.offsetParent?T.current.offsetHeight:a.DomHandler.getHiddenElementOuterHeight(T.current),i=a.DomHandler.getViewport();t+r-document.body.scrollLeft>i.width&&(t-=r),n+o-document.body.scrollTop>i.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),T.current.style.left=t+"px",T.current.style.top=n+"px"}},ee=function(e){N(!0),B(e),e.stopPropagation()},te=function(e){return T&&T.current&&!(T.current.isSameNode(e.target)||T.current.contains(e.target))},ne=function(){X(),_()},re=function(){J(),A()};i.useMountEffect((function(){var e=a.UniqueComponentId();!m&&b(e),l.global&&W(),l.breakpoint&&!j&&H(e)})),i.useUpdateEffect((function(){l.global&&W()}),[l.global]),i.useUpdateEffect((function(){return j&&T.current&&(T.current.setAttribute(j,""),V()),function(){Y()}}),[j,l.breakpoint]),i.useUpdateEffect((function(){g?(h(!1),P(!1),N(!0)):E||g||!I||q(U.current)}),[E]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(T.current)})),p.useImperativeHandle(t,(function(){return{props:l,show:q,hide:B,getElement:function(){return T.current}}}));var oe,ie,ue=(oe=a.mergeProps({id:l.id,className:a.classNames(l.className,C("root",{context:c})),style:l.style,onClick:function(e){N(!1)},onMouseEnter:function(e){N(!1)}},O.getOtherProps(l),D("root")),ie=a.mergeProps({classNames:C("transition"),in:g,timeout:{enter:250,exit:0},options:l.transitionOptions,unmountOnExit:!0,onEnter:$,onEntered:F,onExit:G,onExited:K},D("transition")),p.createElement(o.CSSTransition,d({nodeRef:T},ie),p.createElement("div",d({ref:T},oe),p.createElement(M,{hostName:"ContextMenu",id:m,menuProps:l,model:l.model,root:!0,resetMenu:I,onLeafClick:ee,isMobileMode:L,submenuIcon:l.submenuIcon,ptm:D,cx:C}))));return p.createElement(u.Portal,{element:ue,appendTo:l.appendTo})})));return j.displayName="ContextMenu",e.ContextMenu=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple);

package/core/core.js

@@ -3000,10 +3000,11 @@ this.primereact.api = (function (exports, utils, React) {
       ARROW_DOWN_RIGHT: 'pi pi-arrow-down-right',
       ARROW_LEFT: 'pi pi-arrow-left',
       ARROW_RIGHT: 'pi pi-arrow-right',
-      ARROW_RIGHT_ARROW_LEFT: 'pi-arrow-right-arrow-left',
+      ARROW_RIGHT_ARROW_LEFT: 'pi pi-arrow-right-arrow-left',
       ARROW_UP: 'pi pi-arrow-up',
       ARROW_UP_LEFT: 'pi pi-arrow-up-left',
       ARROW_UP_RIGHT: 'pi pi-arrow-up-right',
+      ARROWS_ALT: 'pi pi-arrows-alt',
       ARROWS_H: 'pi pi-arrows-h',
       ARROWS_V: 'pi pi-arrows-v',
       AT: 'pi pi-at',
@@ -3011,6 +3012,7 @@ this.primereact.api = (function (exports, utils, React) {
       BAN: 'pi pi-ban',
       BARS: 'pi pi-bars',
       BELL: 'pi pi-bell',
+      BITCOIN: 'pi pi-bitcoin',
       BOLT: 'pi pi-bolt',
       BOOK: 'pi pi-book',
       BOOKMARK: 'pi pi-bookmark',
@@ -3018,6 +3020,7 @@ this.primereact.api = (function (exports, utils, React) {
       BOX: 'pi pi-box',
       BRIEFCASE: 'pi pi-briefcase',
       BUILDING: 'pi pi-building',
+      CALCULATOR: 'pi pi-calculator',
       CALENDAR: 'pi pi-calendar',
       CALENDAR_MINUS: 'pi pi-calendar-minus',
       CALENDAR_PLUS: 'pi pi-calendar-plus',
@@ -3028,6 +3031,7 @@ this.primereact.api = (function (exports, utils, React) {
       CARET_LEFT: 'pi pi-caret-left',
       CARET_RIGHT: 'pi pi-caret-right',
       CARET_UP: 'pi pi-caret-up',
+      CART_PLUS: 'pi pi-cart-plus',
       CHART_BAR: 'pi pi-chart-bar',
       CHART_LINE: 'pi pi-chart-line',
       CHART_PIE: 'pi pi-chart-pie',
@@ -3044,6 +3048,8 @@ this.primereact.api = (function (exports, utils, React) {
       CHEVRON_UP: 'pi pi-chevron-up',
       CIRCLE: 'pi pi-circle',
       CIRCLE_FILL: 'pi pi-circle-fill',
+      CIRCLE_OFF: 'pi pi-circle-off',
+      CIRCLE_ON: 'pi pi-circle-on',
       CLOCK: 'pi pi-clock',
       CLONE: 'pi pi-clone',
       CLOUD: 'pi pi-cloud',
@@ -3057,6 +3063,7 @@ this.primereact.api = (function (exports, utils, React) {
       COPY: 'pi pi-copy',
       CREDIT_CARD: 'pi pi-credit-card',
       DATABASE: 'pi pi-database',
+      DELETE_LEFT: 'pi pi-delete-left',
       DESKTOP: 'pi pi-desktop',
       DIRECTIONS: 'pi pi-directions',
       DIRECTIONS_ALT: 'pi pi-directions-alt',
@@ -3067,6 +3074,7 @@ this.primereact.api = (function (exports, utils, React) {
       ELLIPSIS_H: 'pi pi-ellipsis-h',
       ELLIPSIS_V: 'pi pi-ellipsis-v',
       ENVELOPE: 'pi pi-envelope',
+      ERASER: 'pi pi-eraser',
       EURO: 'pi pi-euro',
       EXCLAMATION_CIRCLE: 'pi pi-exclamation-circle',
       EXCLAMATION_TRIANGLE: 'pi pi-exclamation-triangle',
@@ -3079,7 +3087,11 @@ this.primereact.api = (function (exports, utils, React) {
       FILE: 'pi pi-file',
       FILE_EDIT: 'pi pi-file-edit',
       FILE_EXCEL: 'pi pi-file-excel',
+      FILE_EXPORT: 'pi pi-file-export',
+      FILE_IMPORT: 'pi pi-file-import',
+      FILE_O: 'pi pi-file-o',
       FILE_PDF: 'pi pi-file-pdf',
+      FILE_WORD: 'pi pi-file-word',
       FILTER: 'pi pi-filter',
       FILTER_FILL: 'pi pi-filter-fill',
       FILTER_SLASH: 'pi pi-filter-slash',
@@ -3088,6 +3100,7 @@ this.primereact.api = (function (exports, utils, React) {
       FOLDER: 'pi pi-folder',
       FOLDER_OPEN: 'pi pi-folder-open',
       FORWARD: 'pi pi-forward',
+      GIFT: 'pi pi-gift',
       GITHUB: 'pi pi-github',
       GLOBE: 'pi pi-globe',
       GOOGLE: 'pi pi-google',
@@ -3096,6 +3109,7 @@ this.primereact.api = (function (exports, utils, React) {
       HEART_FILL: 'pi pi-heart-fill',
       HISTORY: 'pi pi-history',
       HOME: 'pi pi-home',
+      HOURGLASS: 'pi pi-hourglass',
       ID_CARD: 'pi pi-id-card',
       IMAGE: 'pi pi-image',
       IMAGES: 'pi pi-images',
@@ -3104,6 +3118,7 @@ this.primereact.api = (function (exports, utils, React) {
       INFO_CIRCLE: 'pi pi-info-circle',
       INSTAGRAM: 'pi pi-instagram',
       KEY: 'pi pi-key',
+      LANGUAGE: 'pi pi-language',
       LINK: 'pi pi-link',
       LINKEDIN: 'pi pi-linkedin',
       LIST: 'pi pi-list',
@@ -3111,6 +3126,8 @@ this.primereact.api = (function (exports, utils, React) {
       LOCK_OPEN: 'pi pi-lock-open',
       MAP: 'pi pi-map',
       MAP_MARKER: 'pi pi-map-marker',
+      MEGAPHONE: 'pi pi-megaphone',
+      MICROPHONE: 'pi pi-microphone',
       MICROSOFT: 'pi pi-microsoft',
       MINUS: 'pi pi-minus',
       MINUS_CIRCLE: 'pi pi-minus-circle',
@@ -3156,20 +3173,20 @@ this.primereact.api = (function (exports, utils, React) {
       SLIDERS_V: 'pi pi-sliders-v',
       SORT: 'pi pi-sort',
       SORT_ALPHA_DOWN: 'pi pi-sort-alpha-down',
-      SORT_ALPHA_ALT_DOWN: 'pi pi-sort-alpha-alt-down',
+      SORT_ALPHA_DOWN_ALT: 'pi pi-sort-alpha-down-alt',
       SORT_ALPHA_UP: 'pi pi-sort-alpha-up',
-      SORT_ALPHA_ALT_UP: 'pi pi-sort-alpha-alt-up',
+      SORT_ALPHA_UP_ALT: 'pi pi-sort-alpha-up-alt',
       SORT_ALT: 'pi pi-sort-alt',
-      SORT_ALT_SLASH: 'pi pi-sort-slash',
+      SORT_ALT_SLASH: 'pi pi-sort-alt-slash',
       SORT_AMOUNT_DOWN: 'pi pi-sort-amount-down',
       SORT_AMOUNT_DOWN_ALT: 'pi pi-sort-amount-down-alt',
       SORT_AMOUNT_UP: 'pi pi-sort-amount-up',
       SORT_AMOUNT_UP_ALT: 'pi pi-sort-amount-up-alt',
       SORT_DOWN: 'pi pi-sort-down',
       SORT_NUMERIC_DOWN: 'pi pi-sort-numeric-down',
-      SORT_NUMERIC_ALT_DOWN: 'pi pi-sort-numeric-alt-down',
+      SORT_NUMERIC_DOWN_ALT: 'pi pi-sort-numeric-down-alt',
       SORT_NUMERIC_UP: 'pi pi-sort-numeric-up',
-      SORT_NUMERIC_ALT_UP: 'pi pi-sort-numeric-alt-up',
+      SORT_NUMERIC_UP_ALT: 'pi pi-sort-numeric-up-alt',
       SORT_UP: 'pi pi-sort-up',
       SPINNER: 'pi pi-spinner',
       STAR: 'pi pi-star',
@@ -3180,6 +3197,7 @@ this.primereact.api = (function (exports, utils, React) {
       STEP_FORWARD_ALT: 'pi pi-step-forward-alt',
       STOP: 'pi pi-stop',
       STOP_CIRCLE: 'pi pi-stop-circle',
+      STOPWATCH: 'pi pi-stopwatch',
       SUN: 'pi pi-sun',
       SYNC: 'pi pi-sync',
       TABLE: 'pi pi-table',
@@ -3189,11 +3207,14 @@ this.primereact.api = (function (exports, utils, React) {
       TELEGRAM: 'pi pi-telegram',
       TH_LARGE: 'pi pi-th-large',
       THUMBS_DOWN: 'pi pi-thumbs-down',
+      THUMBS_DOWN_FILL: 'pi pi-thumbs-down-fill',
       THUMBS_UP: 'pi pi-thumbs-up',
+      THUMBS_UP_FILL: 'pi pi-thumbs-up-fill',
       TICKET: 'pi pi-ticket',
       TIMES: 'pi pi-times',
       TIMES_CIRCLE: 'pi pi-times-circle',
       TRASH: 'pi pi-trash',
+      TRUCK: 'pi pi-truck',
       TWITTER: 'pi pi-twitter',
       UNDO: 'pi pi-undo',
       UNLOCK: 'pi pi-unlock',
@@ -3203,6 +3224,7 @@ this.primereact.api = (function (exports, utils, React) {
       USER_MINUS: 'pi pi-user-minus',
       USER_PLUS: 'pi pi-user-plus',
       USERS: 'pi pi-users',
+      VERIFIED: 'pi pi-verified',
       VIDEO: 'pi pi-video',
       VIMEO: 'pi pi-vimeo',
       VOLUME_DOWN: 'pi pi-volume-down',
@@ -3213,6 +3235,7 @@ this.primereact.api = (function (exports, utils, React) {
       WIFI: 'pi pi-wifi',
       WINDOW_MAXIMIZE: 'pi pi-window-maximize',
       WINDOW_MINIMIZE: 'pi pi-window-minimize',
+      WRENCH: 'pi pi-wrench',
       YOUTUBE: 'pi pi-youtube'
     });
 
@@ -3521,7 +3544,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
   var inputTextStyles = "\n.p-inputtext {\n    margin: 0;\n}\n\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -0.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label,\n.p-float-label .p-mention ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label,\n.p-float-label .p-tooltip-target-wrapper ~ label {\n    top: -0.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
   var radioButtonStyles = "\n.p-radiobutton {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-radiobutton-icon {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(.1);\n    border-radius: 50%;\n    visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n    transform: translateZ(0) scale(1.0, 1.0);\n    visibility: visible;\n}\n\n";
   var iconStyles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n    pointer-events: auto;\n}\n\nsvg.p-icon g {\n    pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
-  var commonStyle = "\n@layer primereact {\n    .p-component, .p-component * {\n        box-sizing: border-box;\n    }\n\n    .p-hidden {\n        display: none;\n    }\n\n    .p-hidden-space {\n        visibility: hidden;\n    }\n\n    .p-reset {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        text-decoration: none;\n        font-size: 100%;\n        list-style: none;\n    }\n\n    .p-disabled, .p-disabled * {\n        cursor: default !important;\n        pointer-events: none;\n        user-select: none;\n    }\n\n    .p-component-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-unselectable-text {\n        user-select: none;\n    }\n\n    .p-scrollbar-measure {\n        width: 100px;\n        height: 100px;\n        overflow: scroll;\n        position: absolute;\n        top: -9999px;\n    }\n\n    @-webkit-keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n    @keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n\n    .p-link {\n        text-align: left;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        border: none;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-link:disabled {\n        cursor: default;\n    }\n\n    /* Non react overlay animations */\n    .p-connected-overlay {\n        opacity: 0;\n        transform: scaleY(0.8);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-visible {\n        opacity: 1;\n        transform: scaleY(1);\n    }\n\n    .p-connected-overlay-hidden {\n        opacity: 0;\n        transform: scaleY(1);\n        transition: opacity .1s linear;\n    }\n\n    /* React based overlay animations */\n    .p-connected-overlay-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n\n    .p-connected-overlay-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-enter-done {\n        transform: none;\n    }\n\n    .p-connected-overlay-exit {\n        opacity: 1;\n    }\n\n    .p-connected-overlay-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n\n    /* Toggleable Content */\n    .p-toggleable-content-enter {\n        max-height: 0;\n    }\n\n    .p-toggleable-content-enter-active {\n        overflow: hidden;\n        max-height: 1000px;\n        transition: max-height 1s ease-in-out;\n    }\n\n    .p-toggleable-content-enter-done {\n        transform: none;\n    }\n\n    .p-toggleable-content-exit {\n        max-height: 1000px;\n    }\n\n    .p-toggleable-content-exit-active {\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n    }\n\n    .p-sr-only {\n        border: 0;\n        clip: rect(1px, 1px, 1px, 1px);\n        clip-path: inset(50%);\n        height: 1px;\n        margin: -1px;\n        overflow: hidden;\n        padding: 0;\n        position: absolute;\n        width: 1px;\n        word-wrap: normal !important;\n    }\n\n    /* @todo Refactor */\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    ".concat(buttonStyles, "\n    ").concat(checkboxStyles, "\n    ").concat(inputTextStyles, "\n    ").concat(radioButtonStyles, "\n    ").concat(iconStyles, "\n}\n");
+  var commonStyle = "\n@layer primereact {\n    .p-component, .p-component * {\n        box-sizing: border-box;\n    }\n\n    .p-hidden {\n        display: none;\n    }\n\n    .p-hidden-space {\n        visibility: hidden;\n    }\n\n    .p-reset {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        text-decoration: none;\n        font-size: 100%;\n        list-style: none;\n    }\n\n    .p-disabled, .p-disabled * {\n        cursor: default;\n        pointer-events: none;\n        user-select: none;\n    }\n\n    .p-component-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-unselectable-text {\n        user-select: none;\n    }\n\n    .p-scrollbar-measure {\n        width: 100px;\n        height: 100px;\n        overflow: scroll;\n        position: absolute;\n        top: -9999px;\n    }\n\n    @-webkit-keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n    @keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n\n    .p-link {\n        text-align: left;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        border: none;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-link:disabled {\n        cursor: default;\n    }\n\n    /* Non react overlay animations */\n    .p-connected-overlay {\n        opacity: 0;\n        transform: scaleY(0.8);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-visible {\n        opacity: 1;\n        transform: scaleY(1);\n    }\n\n    .p-connected-overlay-hidden {\n        opacity: 0;\n        transform: scaleY(1);\n        transition: opacity .1s linear;\n    }\n\n    /* React based overlay animations */\n    .p-connected-overlay-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n\n    .p-connected-overlay-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-enter-done {\n        transform: none;\n    }\n\n    .p-connected-overlay-exit {\n        opacity: 1;\n    }\n\n    .p-connected-overlay-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n\n    /* Toggleable Content */\n    .p-toggleable-content-enter {\n        max-height: 0;\n    }\n\n    .p-toggleable-content-enter-active {\n        overflow: hidden;\n        max-height: 1000px;\n        transition: max-height 1s ease-in-out;\n    }\n\n    .p-toggleable-content-enter-done {\n        transform: none;\n    }\n\n    .p-toggleable-content-exit {\n        max-height: 1000px;\n    }\n\n    .p-toggleable-content-exit-active {\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n    }\n\n    .p-sr-only {\n        border: 0;\n        clip: rect(1px, 1px, 1px, 1px);\n        clip-path: inset(50%);\n        height: 1px;\n        margin: -1px;\n        overflow: hidden;\n        padding: 0;\n        position: absolute;\n        width: 1px;\n        word-wrap: normal;\n    }\n\n    /* @todo Refactor */\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    ".concat(buttonStyles, "\n    ").concat(checkboxStyles, "\n    ").concat(inputTextStyles, "\n    ").concat(radioButtonStyles, "\n    ").concat(iconStyles, "\n}\n");
   var ComponentBase = {
     cProps: undefined,
     cParams: undefined,
@@ -3531,7 +3554,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
       ptOptions: undefined,
       unstyled: false
     },
-    context: undefined,
+    context: {},
     globalCSS: undefined,
     classes: {},
     styles: '',
@@ -4145,7 +4168,13 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
    * @returns the hook
    */
   var useMountEffect = function useMountEffect(fn) {
-    return React__namespace.useEffect(fn, []);
+    var mounted = React__namespace.useRef(false);
+    return React__namespace.useEffect(function () {
+      if (!mounted.current) {
+        mounted.current = true;
+        return fn && fn();
+      }
+    }, []);
   };
   /* eslint-enable */
 
@@ -4575,19 +4604,6 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       _useEventListener4 = _slicedToArray(_useEventListener3, 2),
       bindWindowOrientationChangeListener = _useEventListener4[0],
       unbindWindowOrientationChangeListener = _useEventListener4[1];
-    var _useEventListener5 = useEventListener({
-        target: 'window',
-        type: 'scroll',
-        listener: function listener(event) {
-          _listener && _listener(event, {
-            type: 'scroll',
-            valid: true
-          });
-        }
-      }),
-      _useEventListener6 = _slicedToArray(_useEventListener5, 2),
-      bindWindowScrollChangeListener = _useEventListener6[0],
-      unbindWindowScrollChangeListener = _useEventListener6[1];
     var _useOverlayScrollList = useOverlayScrollListener({
         target: target,
         listener: function listener(event) {
@@ -4607,14 +4623,12 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       bindDocumentClickListener();
       bindWindowResizeListener();
       bindWindowOrientationChangeListener();
-      bindWindowScrollChangeListener();
       bindOverlayScrollListener();
     };
     var unbind = function unbind() {
       unbindDocumentClickListener();
       unbindWindowResizeListener();
       unbindWindowOrientationChangeListener();
-      unbindWindowScrollChangeListener();
       unbindOverlayScrollListener();
     };
     React__namespace.useEffect(function () {
@@ -4940,7 +4954,7 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
     return obj;
   }
 
-  var styles = "\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n";
+  var styles = "\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n";
   var classes = {
     root: 'p-ink'
   };
@@ -25649,7 +25663,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
       };
     }
   };
-  var styles = "\n@layer primereact {\n    .p-tooltip {\n        position: absolute;\n        padding: .25em .5rem;\n        /* #3687: Tooltip prevent scrollbar flickering */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n       white-space: pre-line;\n       word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        top: 50%;\n        left: 0;\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        top: 50%;\n        right: 0;\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        bottom: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        top: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n";
+  var styles = "\n@layer primereact {\n    .p-tooltip {\n        position: absolute;\n        padding: .25em .5rem;\n        /* #3687: Tooltip prevent scrollbar flickering */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n       white-space: pre-line;\n       word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        top: 50%;\n        left: 0;\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        top: 50%;\n        right: 0;\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        bottom: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        top: 0;\n        left: 50%;\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n\n    .p-tooltip-target-wrapper {\n        display: inline-flex;\n    }\n}\n";
   var TooltipBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Tooltip',
@@ -26034,8 +26048,13 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
       if (target) {
         if (isShowOnDisabled(target)) {
           if (!target.hasWrapper) {
-            var wrapper = document.createElement('span');
-            utils.DomHandler.addClass(wrapper, 'p-tooltip-target-wrapper');
+            var wrapper = document.createElement('div');
+            var isInputElement = target.nodeName === 'INPUT';
+            if (isInputElement) {
+              utils.DomHandler.addMultipleClasses(wrapper, "p-tooltip-target-wrapper p-inputwrapper");
+            } else {
+              utils.DomHandler.addClass(wrapper, 'p-tooltip-target-wrapper');
+            }
             target.parentNode.insertBefore(wrapper, target);
             wrapper.appendChild(target);
             target.hasWrapper = true;
@@ -26126,8 +26145,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
       }
     }, [props.content]);
     hooks.useUnmountEffect(function () {
-      clearTimeouts();
-      unloadTargetEvents();
+      hide();
       utils.ZIndexUtils.clear(elementRef.current);
     });
     React__namespace.useImperativeHandle(ref, function () {
@@ -27752,11 +27770,10 @@ this.primereact.button = (function (exports, React, api, componentbase, utils, s
     },
     label: 'p-button-label p-c',
     root: function root(_ref3) {
-      var _classNames2;
       var props = _ref3.props,
         size = _ref3.size,
         disabled = _ref3.disabled;
-      return utils.classNames('p-button p-component', (_classNames2 = {
+      return utils.classNames('p-button p-component', _defineProperty(_defineProperty(_defineProperty(_defineProperty({
         'p-button-icon-only': (props.icon || props.loading) && !props.label && !props.children,
         'p-button-vertical': (props.iconPos === 'top' || props.iconPos === 'bottom') && props.label,
         'p-disabled': disabled,
@@ -27767,7 +27784,7 @@ this.primereact.button = (function (exports, React, api, componentbase, utils, s
         'p-button-text': props.text,
         'p-button-rounded': props.rounded,
         'p-button-loading-label-only': props.loading && !props.icon && props.label
-      }, _defineProperty(_classNames2, "p-button-loading-".concat(props.iconPos), props.loading && props.label), _defineProperty(_classNames2, "p-button-".concat(size), size), _defineProperty(_classNames2, "p-button-".concat(props.severity), props.severity), _classNames2));
+      }, "p-button-loading-".concat(props.iconPos), props.loading && props.label), "p-button-".concat(size), size), "p-button-".concat(props.severity), props.severity), 'p-button-plain', props.plain));
     }
   };
   var ButtonBase = componentbase.ComponentBase.extend({
@@ -27786,6 +27803,7 @@ this.primereact.button = (function (exports, React, api, componentbase, utils, s
       loading: false,
       loadingIcon: null,
       outlined: false,
+      plain: false,
       raised: false,
       rounded: false,
       severity: null,
@@ -29062,7 +29080,14 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
           _selectionEnd = sRegex.lastIndex + tRegex.lastIndex;
           inputEl.setSelectionRange(_selectionEnd, _selectionEnd);
         } else if (newLength === currentLength) {
-          if (operation === 'insert' || operation === 'delete-back-single') inputEl.setSelectionRange(_selectionEnd + 1, _selectionEnd + 1);else if (operation === 'delete-single') inputEl.setSelectionRange(_selectionEnd - 1, _selectionEnd - 1);else if (operation === 'delete-range' || operation === 'spin') inputEl.setSelectionRange(_selectionEnd, _selectionEnd);
+          if (operation === 'insert' || operation === 'delete-back-single') {
+            var newSelectionEnd = _selectionEnd + Number(isDecimalSign(value) || isDecimalSign(insertedValueStr));
+            inputEl.setSelectionRange(newSelectionEnd, newSelectionEnd);
+          } else if (operation === 'delete-single') {
+            inputEl.setSelectionRange(_selectionEnd - 1, _selectionEnd - 1);
+          } else if (operation === 'delete-range' || operation === 'spin') {
+            inputEl.setSelectionRange(_selectionEnd, _selectionEnd);
+          }
         } else if (operation === 'delete-back-single') {
           var prevChar = inputValue.charAt(_selectionEnd - 1);
           var nextChar = inputValue.charAt(_selectionEnd);
@@ -29204,6 +29229,12 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     hooks.useUpdateEffect(function () {
       changeValue();
     }, [props.value]);
+    hooks.useUpdateEffect(function () {
+      // #5245 prevent infinite loop
+      if (props.disabled) {
+        clearTimer();
+      }
+    }, [props.disabled]);
     var createInputElement = function createInputElement() {
       var className = utils.classNames('p-inputnumber-input', props.inputClassName);
       var valueToRender = formattedValue(props.value);
@@ -29266,7 +29297,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         },
         onKeyUp: onUpButtonKeyUp,
         disabled: props.disabled,
-        tabIndex: -1
+        tabIndex: -1,
+        'aria-hidden': true
       }, ptm('incrementButton'));
       return /*#__PURE__*/React__namespace.createElement("button", incrementButtonProps, upButton, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     };
@@ -29291,7 +29323,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         },
         onKeyUp: onDownButtonKeyUp,
         disabled: props.disabled,
-        tabIndex: -1
+        tabIndex: -1,
+        'aria-hidden': true
       }, ptm('decrementButton'));
       return /*#__PURE__*/React__namespace.createElement("button", decrementButtonProps, downButton, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     };
@@ -31213,6 +31246,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       if (props.autoFocus) {
         utils.DomHandler.focus(focusInputRef.current, props.autoFocus);
       }
+      alignOverlay();
     });
     hooks.useUpdateEffect(function () {
       if (overlayVisibleState && props.value) {
@@ -31330,7 +31364,8 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     };
     var createDropdownIcon = function createDropdownIcon() {
       var dropdownIconProps = utils.mergeProps({
-        className: cx('dropdownIcon')
+        className: cx('dropdownIcon'),
+        'data-pr-overlay-visible': overlayVisibleState
       }, ptm('dropdownIcon'));
       var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, dropdownIconProps);
       var dropdownIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, dropdownIconProps), {
@@ -31720,7 +31755,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     },
     transition: 'p-dialog'
   };
-  var styles = "\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-dialog .p-dialog-title {\n        flex-grow: 1;\n    }\n    \n    /* Fluid */\n    .p-fluid .p-dialog-footer .p-button {\n        width: auto;\n    }\n    \n    /* Animation */\n    /* Center */\n    .p-dialog-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Top, Bottom, Left, Right, Top* and Bottom* */\n    .p-dialog-top .p-dialog,\n    .p-dialog-bottom .p-dialog,\n    .p-dialog-left .p-dialog,\n    .p-dialog-right .p-dialog,\n    .p-dialog-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0 !important;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n";
+  var styles = "\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-dialog .p-dialog-title {\n        flex-grow: 1;\n    }\n    \n    /* Fluid */\n    .p-fluid .p-dialog-footer .p-button {\n        width: auto;\n    }\n    \n    /* Animation */\n    /* Center */\n    .p-dialog-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Top, Bottom, Left, Right, Top* and Bottom* */\n    .p-dialog-top .p-dialog,\n    .p-dialog-bottom .p-dialog,\n    .p-dialog-left .p-dialog,\n    .p-dialog-right .p-dialog,\n    .p-dialog-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n";
   var inlineStyles = {
     mask: function mask(_ref5) {
       var props = _ref5.props;
@@ -32191,7 +32226,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
       var innerHTML = '';
       for (var breakpoint in props.breakpoints) {
-        innerHTML += "\n                @media screen and (max-width: ".concat(breakpoint, ") {\n                    .p-dialog[").concat(attributeSelector.current, "] {\n                        width: ").concat(props.breakpoints[breakpoint], " !important;\n                    }\n                }\n            ");
+        innerHTML += "\n                @media screen and (max-width: ".concat(breakpoint, ") {\n                    .p-dialog[").concat(attributeSelector.current, "] {\n                        width: ").concat(props.breakpoints[breakpoint], ";\n                    }\n                }\n            ");
       }
       styleElement.current.innerHTML = innerHTML;
     };
@@ -32367,9 +32402,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       var maskProps = utils.mergeProps({
         ref: maskRef,
         style: sx('mask'),
-        className: cx('mask', {
-          maskVisibleState: maskVisibleState
-        }),
+        className: cx('mask'),
         onPointerUp: onMaskPointerUp
       }, ptm('mask'));
       var rootProps = utils.mergeProps({
@@ -33651,9 +33684,9 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       return ptm(key, {
         hostName: props.hostName,
         context: {
-          selected: props.selected,
-          expanded: expanded,
-          checked: props.checked,
+          selected: !isCheckboxSelectionMode() ? isSelected() : false,
+          expanded: expanded || false,
+          checked: isCheckboxSelectionMode() ? isChecked() : false,
           isLeaf: isLeaf
         }
       });