primereact 10.2.1 → 10.3.1

package/slidemenu/slidemenu.esm.js

@@ -3,11 +3,11 @@ import * as React from 'react';
 import PrimeReact, { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect as useUnmountEffect$1 } from 'primereact/hooks';
+import { useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { ChevronLeftIcon } from 'primereact/icons/chevronleft';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
-import { classNames, mergeProps, IconUtils, ObjectUtils, DomHandler, UniqueComponentId, ZIndexUtils } from 'primereact/utils';
+import { classNames, mergeProps, IconUtils, ObjectUtils, UniqueComponentId, ZIndexUtils, DomHandler } from 'primereact/utils';
 import { AngleRightIcon } from 'primereact/icons/angleright';
 
 function _extends() {
@@ -365,104 +365,6 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
 });
 SlideMenuSub.displayName = 'SlideMenuSub';
 
-var usePrevious = function usePrevious(newValue) {
-  var ref = React.useRef(undefined);
-  React.useEffect(function () {
-    ref.current = newValue;
-  });
-  return ref.current;
-};
-
-/* eslint-disable */
-var useUnmountEffect = function useUnmountEffect(fn) {
-  return React.useEffect(function () {
-    return fn;
-  }, []);
-};
-/* eslint-enable */
-
-/* eslint-disable */
-var useEventListener = function useEventListener(_ref) {
-  var _ref$target = _ref.target,
-    target = _ref$target === void 0 ? 'document' : _ref$target,
-    type = _ref.type,
-    listener = _ref.listener,
-    options = _ref.options,
-    _ref$when = _ref.when,
-    when = _ref$when === void 0 ? true : _ref$when;
-  var targetRef = React.useRef(null);
-  var listenerRef = React.useRef(null);
-  var prevOptions = usePrevious(options);
-  var bind = function bind() {
-    var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    if (ObjectUtils.isNotEmpty(bindOptions.target)) {
-      unbind();
-      (bindOptions.when || when) && (targetRef.current = DomHandler.getTargetElement(bindOptions.target));
-    }
-    if (!listenerRef.current && targetRef.current) {
-      listenerRef.current = function (event) {
-        return listener && listener(event);
-      };
-      targetRef.current.addEventListener(type, listenerRef.current, options);
-    }
-  };
-  var unbind = function unbind() {
-    if (listenerRef.current) {
-      targetRef.current.removeEventListener(type, listenerRef.current, options);
-      listenerRef.current = null;
-    }
-  };
-  React.useEffect(function () {
-    if (when) {
-      targetRef.current = DomHandler.getTargetElement(target);
-    } else {
-      unbind();
-      targetRef.current = null;
-    }
-  }, [target, when]);
-  React.useEffect(function () {
-    if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
-      unbind();
-      when && bind();
-    }
-  }, [listener, options]);
-  useUnmountEffect(function () {
-    unbind();
-  });
-  return [bind, unbind];
-};
-/* eslint-enable */
-
-var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-  var handleEsc = function handleEsc(event) {
-    if (event.key === 'Esc' || event.key === 'Escape') {
-      event.stopImmediatePropagation();
-      callback(event);
-    }
-    return;
-  };
-  var _useEventListener = useEventListener({
-      type: 'keydown',
-      listener: handleEsc
-    }),
-    _useEventListener2 = _slicedToArray(_useEventListener, 2),
-    bindKeyDownListener = _useEventListener2[0],
-    unbindKeyDownListener = _useEventListener2[1];
-  React.useEffect(function () {
-    if (!condition) {
-      return;
-    }
-    if (!ref.current) {
-      return;
-    }
-    bindKeyDownListener();
-    return function () {
-      unbindKeyDownListener();
-    };
-  });
-  return [ref, callback];
-};
-
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
@@ -499,8 +401,13 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var targetRef = React.useRef(null);
   var backward = React.useRef(null);
   var slideMenuContent = React.useRef(null);
-  useOnEscapeKey(targetRef, props.popup && props.closeOnEscape, function (event) {
-    hide(event);
+  var slideMenuDisplayOrder = useDisplayOrder('slide-menu', visibleState);
+  useGlobalOnEscapeKey({
+    callback: function callback(event) {
+      hide(event);
+    },
+    when: visibleState && props.popup && props.closeOnEscape,
+    priority: [ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU, slideMenuDisplayOrder]
   });
   var _useOverlayListener = useOverlayListener({
       target: targetRef,
@@ -582,7 +489,7 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       level: levelState
     });
   }, [levelState]);
-  useUnmountEffect$1(function () {
+  useUnmountEffect(function () {
     ZIndexUtils.clear(menuRef.current);
   });
   React.useImperativeHandle(ref, function () {

package/slidemenu/slidemenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useOverlayListener as u,useMountEffect as a,useUpdateEffect as l,useUnmountEffect as c}from"primereact/hooks";import{ChevronLeftIcon as s}from"primereact/icons/chevronleft";import{OverlayService as m}from"primereact/overlayservice";import{Portal as p}from"primereact/portal";import{classNames as f,mergeProps as d,IconUtils as v,ObjectUtils as b,DomHandler as y,UniqueComponentId as g,ZIndexUtils as h}from"primereact/utils";import{AngleRightIcon as w}from"primereact/icons/angleright";function O(){return O=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},O.apply(this,arguments)}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 x(e,n){if("object"!==E(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=x(e,"string");return"symbol"===E(n)?n:String(n)}function P(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,a=[],l=!0,c=!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){c=!0,o=e}finally{try{if(!l&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function I(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 k(e,n){if(e){if("string"==typeof e)return I(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)?I(e,n):void 0}}function D(){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 T(e,n){return N(e)||j(e,n)||k(e,n)||D()}var A=r.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return f("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){var n=e.props;return f("p-slidemenu p-component",{"p-slidemenu-overlay":n.popup},n.className)},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return f({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return f("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function C(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 R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var W=e.memo((function(n){var t=T(e.useState(null),2),r=t[0],o=t[1],i=T(e.useState({}),2),u=i[0],a=i[1],l=n.ptm,c=n.cx,s=n.sx,m=function(e,t){return l(t,{hostName:n.hostName,context:{active:r===e}})},p=function(e,t,r){if(t.disabled)e.preventDefault();else if(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items){var i=h(t,r);a(R(R({},u),{},P({},i,!0))),o(t),n.onForward()}},y=function(t){var r=n.id+"_sep_"+t,o=d({id:r,key:r,className:c("separator"),role:"separator"},l("separator",{hostName:n.hostName}));return e.createElement("li",o)},g=function(t,o){var i=u[h(t,o)];return t.items&&i?e.createElement(W,{id:n.id+"_"+o,menuProps:n.menuProps,model:t.items,index:n.index+1,menuWidth:n.menuWidth,effectDuration:n.effectDuration,onForward:n.onForward,parentActive:t===r,submenuIcon:n.submenuIcon,ptm:l,cx:c,sx:s}):null},h=function(e,t){return e.id||n.id+"_"+t},O=function(t,o){if(!1===t.visible)return null;var i=h(t,o),u=r===t,a=f("p-menuitem-icon",t.icon),l=d({className:c("icon")},m(t,"icon")),s=v.getJSXIcon(t.icon,R({},l),{props:n.menuProps}),y=d({className:c("submenuIcon")},m(t,"submenuIcon")),O=d({className:c("label")},m(t,"label")),E=t.items&&v.getJSXIcon(n.submenuIcon||e.createElement(w,y),R({},y),{props:n}),x=t.label&&e.createElement("span",O,t.label),S=g(t,o),P=d({href:t.url||"#",className:c("action"),target:t.target,onClick:function(e){return p(e,t,o)},"aria-disabled":t.disabled},m(t,"action")),N=e.createElement("a",P,s,x,E);t.template&&(N=b.getJSXElement(t.template,t,{onClick:function(e){return p(e,t,o)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:"p-submenu-icon",element:N,props:n,active:u}));var j=d({id:i,key:i,className:c("menuitem",{active:u,item:t}),style:t.style},m(t,"menuitem"));return e.createElement("li",j,N,S)},E=n.model?n.model.map((function(e,n){return e.separator?y(n):O(e,n)})):null,x=d({className:c("menu",{subProps:n}),style:s("menu",{subProps:n})},l("menu",{hostName:n.hostName}));return e.createElement("ul",x,E)}));W.displayName="SlideMenuSub";var F=function(n){var t,r,o,i=n.target,u=void 0===i?"document":i,a=n.type,l=n.listener,c=n.options,s=n.when,m=void 0===s||s,p=e.useRef(null),f=e.useRef(null),d=(t=c,r=e.useRef(void 0),e.useEffect((function(){r.current=t})),r.current),v=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};b.isNotEmpty(e.target)&&(g(),(e.when||m)&&(p.current=y.getTargetElement(e.target))),!f.current&&p.current&&(f.current=function(e){return l&&l(e)},p.current.addEventListener(a,f.current,c))},g=function(){f.current&&(p.current.removeEventListener(a,f.current,c),f.current=null)};return e.useEffect((function(){m?p.current=y.getTargetElement(u):(g(),p.current=null)}),[u,m]),e.useEffect((function(){!f.current||f.current===l&&d===c||(g(),m&&v())}),[l,c]),o=function(){g()},e.useEffect((function(){return o}),[]),[v,g]},H=function(n,t,r){var o=T(F({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}),2),i=o[0],u=o[1];return e.useEffect((function(){if(t&&n.current)return i(),function(){u()}})),[n,r]};function L(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 M(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?L(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var Z=e.memo(e.forwardRef((function(r,f){var b=e.useContext(t),w=A.getProps(r,b),E=T(e.useState(w.id),2),x=E[0],S=E[1],P=T(e.useState(0),2),N=P[0],j=P[1],I=T(e.useState(!1),2),k=I[0],D=I[1],C=A.setMetaData({props:w,state:{id:x,visible:k,level:N}}),R=C.ptm,F=C.cx,L=C.sx;o(A.css.styles,C.isUnstyled,{name:"slidemenu"});var Z=e.useRef(null),_=e.useRef(null),J=e.useRef(null),X=e.useRef(null);H(_,w.popup&&w.closeOnEscape,(function(e){K(e)}));var U=T(u({target:_,overlay:Z,listener:function(e,n){n.valid&&K(e)},when:k}),2),z=U[0],B=U[1],Y=function(){j((function(e){return e+1}))},$=function(){j((function(e){return e-1}))},q=function(e){w.popup&&(k?K(e):G(e))},G=function(e){_.current=e.currentTarget,D(!0),w.onShow&&w.onShow(e)},K=function(e){_.current=e.currentTarget,D(!1),w.onHide&&w.onHide(e)},Q=function(){w.autoZIndex&&h.set("menu",Z.current,b&&b.autoZIndex||n.autoZIndex,w.baseZIndex||b&&b.zIndex.menu||n.zIndex.menu),y.addStyles(Z.current,{position:"absolute",top:"0",left:"0"}),y.absolutePosition(Z.current,_.current)},V=function(){z()},ee=function(){_.current=null,B()},ne=function(){h.clear(Z.current),j(0)};a((function(){x||S(g())})),l((function(){j(0)}),[w.model]),l((function(){w.onNavigate&&w.onNavigate({level:N})}),[N]),c((function(){h.clear(Z.current)})),e.useImperativeHandle(f,(function(){return{props:w,toggle:q,show:G,hide:K,navigateForward:Y,navigateBack:$,setLevelState:j,getElement:function(){return Z.current}}}));var te=function(){var n=d({className:F("previousIcon")},R("previousIcon")),t=v.getJSXIcon(w.backIcon||e.createElement(s,n),M({},n),{props:w}),r=d(R("previousLabel")),o=d({ref:J,className:F("previous",{levelState:N}),onClick:function(e){return $()}},R("previous"));return e.createElement("div",o,t,e.createElement("span",r,w.backLabel))},re=function(){var n={height:w.viewportHeight+"px"},t=te(),r=d({ref:Z,id:w.id,className:F("root"),style:w.style,onClick:function(e){return n=e,void(w.popup&&m.emit("overlay-click",{originalEvent:n,target:_.current}));var n}},A.getOtherProps(w),R("root")),o=d({className:F("wrapper"),style:n},R("wrapper")),u=d({ref:X,className:F("content")},R("content")),a=d({classNames:F("transition"),in:!w.popup||k,timeout:{enter:120,exit:100},options:w.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntered:V,onExit:ee,onExited:ne},R("transition"));return e.createElement(i,O({nodeRef:Z},a),e.createElement("div",r,e.createElement("div",o,e.createElement("div",u,e.createElement(W,{id:x,hostName:"SlideMenu",menuProps:w,model:w.model,root:!0,index:0,menuWidth:w.menuWidth,effectDuration:w.effectDuration,level:N,parentActive:0===N,onForward:Y,submenuIcon:w.submenuIcon,ptm:R,cx:F,sx:L}))),t))}();return w.popup?e.createElement(p,{element:re,appendTo:w.appendTo}):re})));Z.displayName="SlideMenu";export{Z as SlideMenu};
+import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useDisplayOrder as a,useGlobalOnEscapeKey as u,ESC_KEY_HANDLING_PRIORITIES as l,useOverlayListener as s,useMountEffect as c,useUpdateEffect as m,useUnmountEffect as p}from"primereact/hooks";import{ChevronLeftIcon as d}from"primereact/icons/chevronleft";import{OverlayService as f}from"primereact/overlayservice";import{Portal as b}from"primereact/portal";import{classNames as v,mergeProps as y,IconUtils as g,ObjectUtils as h,UniqueComponentId as w,ZIndexUtils as O,DomHandler as S}from"primereact/utils";import{AngleRightIcon as x}from"primereact/icons/angleright";function E(){return E=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},E.apply(this,arguments)}function N(e){return N="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},N(e)}function P(e,n){if("object"!==N(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==N(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function j(e){var n=P(e,"string");return"symbol"===N(n)?n:String(n)}function I(e,n,t){return(n=j(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function k(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,a,u=[],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)&&(u.push(r.value),u.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 u}}function A(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 C(e,n){if(e){if("string"==typeof e)return A(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)?A(e,n):void 0}}function T(){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 W(e,n){return k(e)||D(e,n)||C(e,n)||T()}var M=r.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return v("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){var n=e.props;return v("p-slidemenu p-component",{"p-slidemenu-overlay":n.popup},n.className)},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return v({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return v("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function _(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 F(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?_(Object(t),!0).forEach((function(n){I(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):_(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=e.memo((function(n){var t=W(e.useState(null),2),r=t[0],o=t[1],i=W(e.useState({}),2),a=i[0],u=i[1],l=n.ptm,s=n.cx,c=n.sx,m=function(e,t){return l(t,{hostName:n.hostName,context:{active:r===e}})},p=function(e,t,r){if(t.disabled)e.preventDefault();else if(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items){var i=b(t,r);u(F(F({},a),{},I({},i,!0))),o(t),n.onForward()}},d=function(t){var r=n.id+"_sep_"+t,o=y({id:r,key:r,className:s("separator"),role:"separator"},l("separator",{hostName:n.hostName}));return e.createElement("li",o)},f=function(t,o){var i=a[b(t,o)];return t.items&&i?e.createElement(H,{id:n.id+"_"+o,menuProps:n.menuProps,model:t.items,index:n.index+1,menuWidth:n.menuWidth,effectDuration:n.effectDuration,onForward:n.onForward,parentActive:t===r,submenuIcon:n.submenuIcon,ptm:l,cx:s,sx:c}):null},b=function(e,t){return e.id||n.id+"_"+t},w=function(t,o){if(!1===t.visible)return null;var i=b(t,o),a=r===t,u=v("p-menuitem-icon",t.icon),l=y({className:s("icon")},m(t,"icon")),c=g.getJSXIcon(t.icon,F({},l),{props:n.menuProps}),d=y({className:s("submenuIcon")},m(t,"submenuIcon")),w=y({className:s("label")},m(t,"label")),O=t.items&&g.getJSXIcon(n.submenuIcon||e.createElement(x,d),F({},d),{props:n}),S=t.label&&e.createElement("span",w,t.label),E=f(t,o),N=y({href:t.url||"#",className:s("action"),target:t.target,onClick:function(e){return p(e,t,o)},"aria-disabled":t.disabled},m(t,"action")),P=e.createElement("a",N,c,S,O);t.template&&(P=h.getJSXElement(t.template,t,{onClick:function(e){return p(e,t,o)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:u,submenuIconClassName:"p-submenu-icon",element:P,props:n,active:a}));var j=y({id:i,key:i,className:s("menuitem",{active:a,item:t}),style:t.style},m(t,"menuitem"));return e.createElement("li",j,P,E)},O=n.model?n.model.map((function(e,n){return e.separator?d(n):w(e,n)})):null,S=y({className:s("menu",{subProps:n}),style:c("menu",{subProps:n})},l("menu",{hostName:n.hostName}));return e.createElement("ul",S,O)}));function R(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 Z(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?R(Object(t),!0).forEach((function(n){I(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}H.displayName="SlideMenuSub";var L=e.memo(e.forwardRef((function(r,v){var h=e.useContext(t),x=M.getProps(r,h),N=W(e.useState(x.id),2),P=N[0],j=N[1],I=W(e.useState(0),2),k=I[0],D=I[1],A=W(e.useState(!1),2),C=A[0],T=A[1],_=M.setMetaData({props:x,state:{id:P,visible:C,level:k}}),F=_.ptm,R=_.cx,L=_.sx;o(M.css.styles,_.isUnstyled,{name:"slidemenu"});var J=e.useRef(null),X=e.useRef(null),U=e.useRef(null),z=e.useRef(null),B=a("slide-menu",C);u({callback:function(e){ee(e)},when:C&&x.popup&&x.closeOnEscape,priority:[l.SLIDE_MENU,B]});var Y=W(s({target:X,overlay:J,listener:function(e,n){n.valid&&ee(e)},when:C}),2),$=Y[0],q=Y[1],G=function(){D((function(e){return e+1}))},K=function(){D((function(e){return e-1}))},Q=function(e){x.popup&&(C?ee(e):V(e))},V=function(e){X.current=e.currentTarget,T(!0),x.onShow&&x.onShow(e)},ee=function(e){X.current=e.currentTarget,T(!1),x.onHide&&x.onHide(e)},ne=function(){x.autoZIndex&&O.set("menu",J.current,h&&h.autoZIndex||n.autoZIndex,x.baseZIndex||h&&h.zIndex.menu||n.zIndex.menu),S.addStyles(J.current,{position:"absolute",top:"0",left:"0"}),S.absolutePosition(J.current,X.current)},te=function(){$()},re=function(){X.current=null,q()},oe=function(){O.clear(J.current),D(0)};c((function(){P||j(w())})),m((function(){D(0)}),[x.model]),m((function(){x.onNavigate&&x.onNavigate({level:k})}),[k]),p((function(){O.clear(J.current)})),e.useImperativeHandle(v,(function(){return{props:x,toggle:Q,show:V,hide:ee,navigateForward:G,navigateBack:K,setLevelState:D,getElement:function(){return J.current}}}));var ie=function(){var n=y({className:R("previousIcon")},F("previousIcon")),t=g.getJSXIcon(x.backIcon||e.createElement(d,n),Z({},n),{props:x}),r=y(F("previousLabel")),o=y({ref:U,className:R("previous",{levelState:k}),onClick:function(e){return K()}},F("previous"));return e.createElement("div",o,t,e.createElement("span",r,x.backLabel))},ae=function(){var n={height:x.viewportHeight+"px"},t=ie(),r=y({ref:J,id:x.id,className:R("root"),style:x.style,onClick:function(e){return n=e,void(x.popup&&f.emit("overlay-click",{originalEvent:n,target:X.current}));var n}},M.getOtherProps(x),F("root")),o=y({className:R("wrapper"),style:n},F("wrapper")),a=y({ref:z,className:R("content")},F("content")),u=y({classNames:R("transition"),in:!x.popup||C,timeout:{enter:120,exit:100},options:x.transitionOptions,unmountOnExit:!0,onEnter:ne,onEntered:te,onExit:re,onExited:oe},F("transition"));return e.createElement(i,E({nodeRef:J},u),e.createElement("div",r,e.createElement("div",o,e.createElement("div",a,e.createElement(H,{id:P,hostName:"SlideMenu",menuProps:x,model:x.model,root:!0,index:0,menuWidth:x.menuWidth,effectDuration:x.effectDuration,level:k,parentActive:0===k,onForward:G,submenuIcon:x.submenuIcon,ptm:F,cx:R,sx:L}))),t))}();return x.popup?e.createElement(b,{element:ae,appendTo:x.appendTo}):ae})));L.displayName="SlideMenu";export{L as SlideMenu};

package/slidemenu/slidemenu.js

@@ -380,104 +380,6 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
   });
   SlideMenuSub.displayName = 'SlideMenuSub';
 
-  var usePrevious = function usePrevious(newValue) {
-    var ref = React__namespace.useRef(undefined);
-    React__namespace.useEffect(function () {
-      ref.current = newValue;
-    });
-    return ref.current;
-  };
-
-  /* eslint-disable */
-  var useUnmountEffect = function useUnmountEffect(fn) {
-    return React__namespace.useEffect(function () {
-      return fn;
-    }, []);
-  };
-  /* eslint-enable */
-
-  /* eslint-disable */
-  var useEventListener = function useEventListener(_ref) {
-    var _ref$target = _ref.target,
-      target = _ref$target === void 0 ? 'document' : _ref$target,
-      type = _ref.type,
-      listener = _ref.listener,
-      options = _ref.options,
-      _ref$when = _ref.when,
-      when = _ref$when === void 0 ? true : _ref$when;
-    var targetRef = React__namespace.useRef(null);
-    var listenerRef = React__namespace.useRef(null);
-    var prevOptions = usePrevious(options);
-    var bind = function bind() {
-      var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
-        unbind();
-        (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
-      }
-      if (!listenerRef.current && targetRef.current) {
-        listenerRef.current = function (event) {
-          return listener && listener(event);
-        };
-        targetRef.current.addEventListener(type, listenerRef.current, options);
-      }
-    };
-    var unbind = function unbind() {
-      if (listenerRef.current) {
-        targetRef.current.removeEventListener(type, listenerRef.current, options);
-        listenerRef.current = null;
-      }
-    };
-    React__namespace.useEffect(function () {
-      if (when) {
-        targetRef.current = utils.DomHandler.getTargetElement(target);
-      } else {
-        unbind();
-        targetRef.current = null;
-      }
-    }, [target, when]);
-    React__namespace.useEffect(function () {
-      if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
-        unbind();
-        when && bind();
-      }
-    }, [listener, options]);
-    useUnmountEffect(function () {
-      unbind();
-    });
-    return [bind, unbind];
-  };
-  /* eslint-enable */
-
-  var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-    var handleEsc = function handleEsc(event) {
-      if (event.key === 'Esc' || event.key === 'Escape') {
-        event.stopImmediatePropagation();
-        callback(event);
-      }
-      return;
-    };
-    var _useEventListener = useEventListener({
-        type: 'keydown',
-        listener: handleEsc
-      }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindKeyDownListener = _useEventListener2[0],
-      unbindKeyDownListener = _useEventListener2[1];
-    React__namespace.useEffect(function () {
-      if (!condition) {
-        return;
-      }
-      if (!ref.current) {
-        return;
-      }
-      bindKeyDownListener();
-      return function () {
-        unbindKeyDownListener();
-      };
-    });
-    return [ref, callback];
-  };
-
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
@@ -514,8 +416,13 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
     var targetRef = React__namespace.useRef(null);
     var backward = React__namespace.useRef(null);
     var slideMenuContent = React__namespace.useRef(null);
-    useOnEscapeKey(targetRef, props.popup && props.closeOnEscape, function (event) {
-      hide(event);
+    var slideMenuDisplayOrder = hooks.useDisplayOrder('slide-menu', visibleState);
+    hooks.useGlobalOnEscapeKey({
+      callback: function callback(event) {
+        hide(event);
+      },
+      when: visibleState && props.popup && props.closeOnEscape,
+      priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU, slideMenuDisplayOrder]
     });
     var _useOverlayListener = hooks.useOverlayListener({
         target: targetRef,

package/slidemenu/slidemenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,n,t,r,o,i,u,a,l,s,c){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 d=m(n),f=p(t);function v(){return v=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},v.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function y(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===b(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function w(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,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&&(u=t.return(),Object(u)!==u))return}finally{if(s)throw o}}return a}}function P(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 E(e,n){if(e){if("string"==typeof e)return P(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)?P(e,n):void 0}}function S(){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 j(e,n){return O(e)||w(e,n)||E(e,n)||S()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return s.classNames("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){var n=e.props;return s.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":n.popup},n.className)},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return s.classNames({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return s.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function I(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 N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?I(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=d.memo((function(e){var n=j(d.useState(null),2),t=n[0],r=n[1],o=j(d.useState({}),2),i=o[0],u=o[1],a=e.ptm,l=e.cx,p=e.sx,m=function(n,r){return a(r,{hostName:e.hostName,context:{active:t===n}})},f=function(n,t,o){if(t.disabled)n.preventDefault();else if(t.url||n.preventDefault(),t.command&&t.command({originalEvent:n,item:t}),t.items){var a=y(t,o);u(N(N({},i),{},h({},a,!0))),r(t),e.onForward()}},v=function(n){var t=e.id+"_sep_"+n,r=s.mergeProps({id:t,key:t,className:l("separator"),role:"separator"},a("separator",{hostName:e.hostName}));return d.createElement("li",r)},b=function(n,r){var o=i[y(n,r)];return n.items&&o?d.createElement(k,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:n===t,submenuIcon:e.submenuIcon,ptm:a,cx:l,sx:p}):null},y=function(n,t){return n.id||e.id+"_"+t},g=function(n,r){if(!1===n.visible)return null;var o=y(n,r),i=t===n,u=s.classNames("p-menuitem-icon",n.icon),a=s.mergeProps({className:l("icon")},m(n,"icon")),p=s.IconUtils.getJSXIcon(n.icon,N({},a),{props:e.menuProps}),v=s.mergeProps({className:l("submenuIcon")},m(n,"submenuIcon")),g=s.mergeProps({className:l("label")},m(n,"label")),h=n.items&&s.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(c.AngleRightIcon,v),N({},v),{props:e}),O=n.label&&d.createElement("span",g,n.label),w=b(n,r),P=s.mergeProps({href:n.url||"#",className:l("action"),target:n.target,onClick:function(e){return f(e,n,r)},"aria-disabled":n.disabled},m(n,"action")),E=d.createElement("a",P,p,O,h);n.template&&(E=s.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return f(e,n,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:u,submenuIconClassName:"p-submenu-icon",element:E,props:e,active:i}));var S=s.mergeProps({id:o,key:o,className:l("menuitem",{active:i,item:n}),style:n.style},m(n,"menuitem"));return d.createElement("li",S,E,w)},O=e.model?e.model.map((function(e,n){return e.separator?v(n):g(e,n)})):null,w=s.mergeProps({className:l("menu",{subProps:e}),style:p("menu",{subProps:e})},a("menu",{hostName:e.hostName}));return d.createElement("ul",w,O)}));k.displayName="SlideMenuSub";var D=function(e){var n,t,r,o=e.target,i=void 0===o?"document":o,u=e.type,a=e.listener,l=e.options,c=e.when,p=void 0===c||c,m=d.useRef(null),f=d.useRef(null),v=(n=l,t=d.useRef(void 0),d.useEffect((function(){t.current=n})),t.current),b=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};s.ObjectUtils.isNotEmpty(e.target)&&(y(),(e.when||p)&&(m.current=s.DomHandler.getTargetElement(e.target))),!f.current&&m.current&&(f.current=function(e){return a&&a(e)},m.current.addEventListener(u,f.current,l))},y=function(){f.current&&(m.current.removeEventListener(u,f.current,l),f.current=null)};return d.useEffect((function(){p?m.current=s.DomHandler.getTargetElement(i):(y(),m.current=null)}),[i,p]),d.useEffect((function(){!f.current||f.current===a&&v===l||(y(),p&&b())}),[a,l]),r=function(){y()},d.useEffect((function(){return r}),[]),[b,y]},C=function(e,n,t){var r=j(D({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),t(e))}}),2),o=r[0],i=r[1];return d.useEffect((function(){if(n&&e.current)return o(),function(){i()}})),[e,t]};function U(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 R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?U(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var T=d.memo(d.forwardRef((function(e,n){var c=d.useContext(t.PrimeReactContext),p=x.getProps(e,c),m=j(d.useState(p.id),2),b=m[0],y=m[1],g=j(d.useState(0),2),h=g[0],O=g[1],w=j(d.useState(!1),2),P=w[0],E=w[1],S=x.setMetaData({props:p,state:{id:b,visible:P,level:h}}),I=S.ptm,N=S.cx,D=S.sx;r.useHandleStyle(x.css.styles,S.isUnstyled,{name:"slidemenu"});var U=d.useRef(null),T=d.useRef(null),H=d.useRef(null),A=d.useRef(null);C(T,p.popup&&p.closeOnEscape,(function(e){X(e)}));var M=j(i.useOverlayListener({target:T,overlay:U,listener:function(e,n){n.valid&&X(e)},when:P}),2),_=M[0],Z=M[1],L=function(){O((function(e){return e+1}))},W=function(){O((function(e){return e-1}))},F=function(e){p.popup&&(P?X(e):J(e))},J=function(e){T.current=e.currentTarget,E(!0),p.onShow&&p.onShow(e)},X=function(e){T.current=e.currentTarget,E(!1),p.onHide&&p.onHide(e)},z=function(){p.autoZIndex&&s.ZIndexUtils.set("menu",U.current,c&&c.autoZIndex||f.default.autoZIndex,p.baseZIndex||c&&c.zIndex.menu||f.default.zIndex.menu),s.DomHandler.addStyles(U.current,{position:"absolute",top:"0",left:"0"}),s.DomHandler.absolutePosition(U.current,T.current)},B=function(){_()},q=function(){T.current=null,Z()},Y=function(){s.ZIndexUtils.clear(U.current),O(0)};i.useMountEffect((function(){b||y(s.UniqueComponentId())})),i.useUpdateEffect((function(){O(0)}),[p.model]),i.useUpdateEffect((function(){p.onNavigate&&p.onNavigate({level:h})}),[h]),i.useUnmountEffect((function(){s.ZIndexUtils.clear(U.current)})),d.useImperativeHandle(n,(function(){return{props:p,toggle:F,show:J,hide:X,navigateForward:L,navigateBack:W,setLevelState:O,getElement:function(){return U.current}}}));var $=function(){var e=s.mergeProps({className:N("previousIcon")},I("previousIcon")),n=s.IconUtils.getJSXIcon(p.backIcon||d.createElement(u.ChevronLeftIcon,e),R({},e),{props:p}),t=s.mergeProps(I("previousLabel")),r=s.mergeProps({ref:H,className:N("previous",{levelState:h}),onClick:function(e){return W()}},I("previous"));return d.createElement("div",r,n,d.createElement("span",t,p.backLabel))},G=function(){var e={height:p.viewportHeight+"px"},n=$(),t=s.mergeProps({ref:U,id:p.id,className:N("root"),style:p.style,onClick:function(e){return n=e,void(p.popup&&a.OverlayService.emit("overlay-click",{originalEvent:n,target:T.current}));var n}},x.getOtherProps(p),I("root")),r=s.mergeProps({className:N("wrapper"),style:e},I("wrapper")),i=s.mergeProps({ref:A,className:N("content")},I("content")),u=s.mergeProps({classNames:N("transition"),in:!p.popup||P,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:z,onEntered:B,onExit:q,onExited:Y},I("transition"));return d.createElement(o.CSSTransition,v({nodeRef:U},u),d.createElement("div",t,d.createElement("div",r,d.createElement("div",i,d.createElement(k,{id:b,hostName:"SlideMenu",menuProps:p,model:p.model,root:!0,index:0,menuWidth:p.menuWidth,effectDuration:p.effectDuration,level:h,parentActive:0===h,onForward:L,submenuIcon:p.submenuIcon,ptm:I,cx:N,sx:D}))),n))}();return p.popup?d.createElement(l.Portal,{element:G,appendTo:p.appendTo}):G})));return T.displayName="SlideMenu",e.SlideMenu=T,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.chevronleft,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright);
+this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,n,t,r,o,i,a,u,l,s,c){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 d=m(n),f=p(t);function b(){return b=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},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,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===v(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function w(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,u=[],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)&&(u.push(r.value),u.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 u}}function P(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 S(e,n){if(e){if("string"==typeof e)return P(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)?P(e,n):void 0}}function E(){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,n){return O(e)||w(e,n)||S(e,n)||E()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return s.classNames("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){var n=e.props;return s.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":n.popup},n.className)},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return s.classNames({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return s.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function j(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 N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=d.memo((function(e){var n=I(d.useState(null),2),t=n[0],r=n[1],o=I(d.useState({}),2),i=o[0],a=o[1],u=e.ptm,l=e.cx,p=e.sx,m=function(n,r){return u(r,{hostName:e.hostName,context:{active:t===n}})},f=function(n,t,o){if(t.disabled)n.preventDefault();else if(t.url||n.preventDefault(),t.command&&t.command({originalEvent:n,item:t}),t.items){var u=y(t,o);a(N(N({},i),{},h({},u,!0))),r(t),e.onForward()}},b=function(n){var t=e.id+"_sep_"+n,r=s.mergeProps({id:t,key:t,className:l("separator"),role:"separator"},u("separator",{hostName:e.hostName}));return d.createElement("li",r)},v=function(n,r){var o=i[y(n,r)];return n.items&&o?d.createElement(k,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:n===t,submenuIcon:e.submenuIcon,ptm:u,cx:l,sx:p}):null},y=function(n,t){return n.id||e.id+"_"+t},g=function(n,r){if(!1===n.visible)return null;var o=y(n,r),i=t===n,a=s.classNames("p-menuitem-icon",n.icon),u=s.mergeProps({className:l("icon")},m(n,"icon")),p=s.IconUtils.getJSXIcon(n.icon,N({},u),{props:e.menuProps}),b=s.mergeProps({className:l("submenuIcon")},m(n,"submenuIcon")),g=s.mergeProps({className:l("label")},m(n,"label")),h=n.items&&s.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(c.AngleRightIcon,b),N({},b),{props:e}),O=n.label&&d.createElement("span",g,n.label),w=v(n,r),P=s.mergeProps({href:n.url||"#",className:l("action"),target:n.target,onClick:function(e){return f(e,n,r)},"aria-disabled":n.disabled},m(n,"action")),S=d.createElement("a",P,p,O,h);n.template&&(S=s.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return f(e,n,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:"p-submenu-icon",element:S,props:e,active:i}));var E=s.mergeProps({id:o,key:o,className:l("menuitem",{active:i,item:n}),style:n.style},m(n,"menuitem"));return d.createElement("li",E,S,w)},O=e.model?e.model.map((function(e,n){return e.separator?b(n):g(e,n)})):null,w=s.mergeProps({className:l("menu",{subProps:e}),style:p("menu",{subProps:e})},u("menu",{hostName:e.hostName}));return d.createElement("ul",w,O)}));function D(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 C(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}k.displayName="SlideMenuSub";var U=d.memo(d.forwardRef((function(e,n){var c=d.useContext(t.PrimeReactContext),p=x.getProps(e,c),m=I(d.useState(p.id),2),v=m[0],y=m[1],g=I(d.useState(0),2),h=g[0],O=g[1],w=I(d.useState(!1),2),P=w[0],S=w[1],E=x.setMetaData({props:p,state:{id:v,visible:P,level:h}}),j=E.ptm,N=E.cx,D=E.sx;r.useHandleStyle(x.css.styles,E.isUnstyled,{name:"slidemenu"});var U=d.useRef(null),_=d.useRef(null),A=d.useRef(null),M=d.useRef(null),R=i.useDisplayOrder("slide-menu",P);i.useGlobalOnEscapeKey({callback:function(e){X(e)},when:P&&p.popup&&p.closeOnEscape,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU,R]});var T=I(i.useOverlayListener({target:_,overlay:U,listener:function(e,n){n.valid&&X(e)},when:P}),2),H=T[0],Z=T[1],L=function(){O((function(e){return e+1}))},W=function(){O((function(e){return e-1}))},F=function(e){p.popup&&(P?X(e):J(e))},J=function(e){_.current=e.currentTarget,S(!0),p.onShow&&p.onShow(e)},X=function(e){_.current=e.currentTarget,S(!1),p.onHide&&p.onHide(e)},z=function(){p.autoZIndex&&s.ZIndexUtils.set("menu",U.current,c&&c.autoZIndex||f.default.autoZIndex,p.baseZIndex||c&&c.zIndex.menu||f.default.zIndex.menu),s.DomHandler.addStyles(U.current,{position:"absolute",top:"0",left:"0"}),s.DomHandler.absolutePosition(U.current,_.current)},B=function(){H()},G=function(){_.current=null,Z()},K=function(){s.ZIndexUtils.clear(U.current),O(0)};i.useMountEffect((function(){v||y(s.UniqueComponentId())})),i.useUpdateEffect((function(){O(0)}),[p.model]),i.useUpdateEffect((function(){p.onNavigate&&p.onNavigate({level:h})}),[h]),i.useUnmountEffect((function(){s.ZIndexUtils.clear(U.current)})),d.useImperativeHandle(n,(function(){return{props:p,toggle:F,show:J,hide:X,navigateForward:L,navigateBack:W,setLevelState:O,getElement:function(){return U.current}}}));var Y=function(){var e=s.mergeProps({className:N("previousIcon")},j("previousIcon")),n=s.IconUtils.getJSXIcon(p.backIcon||d.createElement(a.ChevronLeftIcon,e),C({},e),{props:p}),t=s.mergeProps(j("previousLabel")),r=s.mergeProps({ref:A,className:N("previous",{levelState:h}),onClick:function(e){return W()}},j("previous"));return d.createElement("div",r,n,d.createElement("span",t,p.backLabel))},q=function(){var e={height:p.viewportHeight+"px"},n=Y(),t=s.mergeProps({ref:U,id:p.id,className:N("root"),style:p.style,onClick:function(e){return n=e,void(p.popup&&u.OverlayService.emit("overlay-click",{originalEvent:n,target:_.current}));var n}},x.getOtherProps(p),j("root")),r=s.mergeProps({className:N("wrapper"),style:e},j("wrapper")),i=s.mergeProps({ref:M,className:N("content")},j("content")),a=s.mergeProps({classNames:N("transition"),in:!p.popup||P,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:z,onEntered:B,onExit:G,onExited:K},j("transition"));return d.createElement(o.CSSTransition,b({nodeRef:U},a),d.createElement("div",t,d.createElement("div",r,d.createElement("div",i,d.createElement(k,{id:v,hostName:"SlideMenu",menuProps:p,model:p.model,root:!0,index:0,menuWidth:p.menuWidth,effectDuration:p.effectDuration,level:h,parentActive:0===h,onForward:L,submenuIcon:p.submenuIcon,ptm:j,cx:N,sx:D}))),n))}();return p.popup?d.createElement(l.Portal,{element:q,appendTo:p.appendTo}):q})));return U.displayName="SlideMenu",e.SlideMenu=U,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.chevronleft,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright);