primereact/tieredmenu/tieredmenu.esm.min.js

PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as u,useUpdateEffect as a,useMatchMedia as c,useEventListener as l,useResizeListener as s,useMountEffect as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as f}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{classNames as b,DomHandler as v,ObjectUtils as y,IconUtils as g,UniqueComponentId as h,ZIndexUtils as x}from"primereact/utils";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as E}from"primereact/ripple";function k(){return k=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},k.apply(null,arguments)}function O(e){return O="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},O(e)}function w(e,n){if("object"!=O(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=w(e,"string");return"symbol"==O(n)?n: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 K(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function j(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function M(e,n){if(e){if("string"==typeof e)return j(e,n);var t={}.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)?j(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)||K(e,n)||M(e,n)||D()}var C=r.extend({defaultProps:{__TYPE:"TieredMenu",__parentMetadata:null,id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return b("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},separator:"p-menuitem-separator",icon:function(e){return b("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return b("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-tieredmenu-overlay {\n        position: absolute;\n    }\n\n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-tieredmenu .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-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n        left: -100%;\n    }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function A(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 L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var _=e.memo(e.forwardRef((function(n,t){var r=e.useRef(null),i=u(),o=n.ptm,c=n.cx,l=n.sx,s=function(e,t){return o(t,{hostName:n.hostName,context:{active:h(e)}})},p=function(){if(r.current){var e=r.current.parentElement,n=v.getOffset(e),t=v.getViewport(),i=r.current.offsetParent?r.current.offsetWidth:v.getHiddenElementOuterWidth(r.current),o=v.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+r.current.offsetHeight-v.getWindowScrollTop();r.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+i>t.width-v.calculateScrollbarWidth()&&v.addClass(r.current,"p-submenu-list-flipped")}},m=function(e,t){var r=t.item;k(t)?e.preventDefault():(r.command&&r.command({originalEvent:e,item:r}),n.onItemClick&&n.onItemClick({originalEvent:e,processedItem:t}),r.url||(e.preventDefault(),e.stopPropagation()))},f=function(e){return"".concat(n.menuId,"_").concat(e.key)},d=function(e,n,t){return e&&e.item?y.getItemValue(e.item[n],t):void 0},h=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},x=function(e){return!1!==d(e,"visible")},k=function(e){return d(e,"disabled")},O=function(e){return n.focusedItemId===f(e)},w=function(e){return y.isNotEmpty(e.items)},S=function(e,t){n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},P=function(e){return e-n.model.slice(0,e).filter((function(e){return x(e)&&d(e,"separator")})).length+1};a((function(){n.root||!n.parentActive||n.isMobileMode||p()}),[n.parentActive]),e.useImperativeHandle(t,(function(){return{getElement:function(){return r.current}}}));var N=function(t){var r=i({key:"separator_"+t,className:c("separator"),role:"separator"},o("separator",{hostName:n.hostName}));return e.createElement("li",r)},K=function(t,r){return w(t)?e.createElement(_,{id:n.id+"_"+r,menuProps:n.menuProps,model:t.items,menuId:n.menuId,ariaLabelledby:f(t),focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,level:n.level+1,onItemClick:n.onItemClick,popup:n.popup,onItemMouseEnter:n.onItemMouseEnter,parentActive:h(t),isMobileMode:n.isMobileMode,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:c,sx:l}):null},j=function(t,r){if(!1===x(t))return null;var o=t.item,u=d(t,"style"),a=d(t,"className"),l=d(t,"icon"),p=d(t,"target"),v=d(t,"url"),N=f(t),j=O(t),M=h(t),D=k(t),T=w(t),C=b("p-menuitem-link"),A=b("p-menuitem-icon",l),_=i({className:b(o.icon,"p-menuitem-icon","icon")},s(t,"icon")),H=g.getJSXIcon(l,L({},_),{props:n.menuProps}),R=i({className:c("label")},s(t,"label")),B=o.label&&e.createElement("span",R,o.label),W=i({className:c("submenuIcon")},s(t,"submenuIcon")),F=T&&g.getJSXIcon(n.submenuIcon||e.createElement(I,W),L({},W),{props:n.menuProps}),Z=K(t,r),V=i({href:v||"#",tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:c("action"),target:p},s(t,"action")),z=e.createElement("a",V,H,B,F,e.createElement(E,null));o.template&&(z=y.getJSXElement(o.template,o,{className:C,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:n,active:M,disabled:D}));var U=i({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return S(e,t)},className:c("content")},s(t,"content")),J=i({key:N,id:N,"aria-label":o.label,"aria-disabled":D,"aria-expanded":T?M:void 0,"aria-haspopup":T&&!v?"menu":void 0,"aria-setsize":n.model.filter((function(e){return x(e)&&!d(e,"separator")})).length,"aria-posinset":P(r),"data-p-highlight":M,"data-p-disabled":D,"data-p-visited":j,className:c("menuitem",{itemClassName:a,active:M,focused:j,disabled:D}),style:u,onMouseEnter:function(e){return S(e,o)},role:"menuitem"},s(t,"menuitem"));return e.createElement("li",J,e.createElement("div",U,z),Z)},M=n.model?n.model.map((function(e,n){return!1===e.visible?null:d(e,"separator")?N(n):j(e,n)})):null,D=n.root?"menu":"submenu",T=i({ref:r,id:n.id,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,className:c(D,{subProps:n}),style:l(D,{subProps:n}),role:n.root?"menubar":"menu","aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,"aria-orientation":n.ariaOrientation,"aria-activedescendant":n.focusedItemId},o(D,{hostName:n.hostName}));return e.createElement("ul",T,M)})));function H(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?H(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}_.displayName="TieredMenuSub";var B=e.memo(e.forwardRef((function(r,g){var I=u(),E=e.useContext(t),O=C.getProps(r,E),w=T(e.useState(O.id),2),S=w[0],P=w[1],N=T(e.useState(!O.popup),2),K=N[0],j=N[1],M=T(e.useState([]),2),D=M[0],A=M[1],L=T(e.useState(!1),2),H=L[0],B=L[1],W=T(e.useState(null),2),F=W[0],Z=W[1],V=T(e.useState({index:-1,level:0,parentKey:""}),2),z=V[0],U=V[1],J=T(e.useState(!1),2),X=J[0],Y=J[1],$=T(e.useState([]),2),q=$[0],G=$[1],Q=T(e.useState([]),2),ee=Q[0],ne=Q[1],te=T(e.useState(!1),2),re=te[0],ie=te[1],oe=T(e.useState(null),2),ue=oe[0],ae=oe[1],ce=R(R({props:O},O.__parentMetadata),{},{state:{id:S,visible:K,attributeSelector:ue}}),le=C.setMetaData(ce),se=le.ptm,pe=le.cx,me=le.sx;i(C.css.styles,le.isUnstyled,{name:"tieredmenu"});var fe=e.useRef(null),de=e.useRef(null),be=e.useRef(null),ve=e.useRef(null),ye=e.useRef(null),ge=e.useRef(null),he=e.useRef(null),xe=c("screen and (max-width: ".concat(O.breakpoint,")"),!!O.breakpoint),Ie=T(l({type:"click",listener:function(e){var n=fe.current&&!fe.current.contains(e.target),t=!O.popup||!(be.current&&(be.current===e.target||be.current.contains(e.target)));n&&t&&je(e,!O.popup)}}),2),Ee=Ie[0],ke=Ie[1],Oe=T(s({listener:function(){!xe&&je(event,!0)}}),2),we=Oe[0],Se=Oe[1],Pe=function(e){O.popup&&f.emit("overlay-click",{originalEvent:e,target:be.current})},Ne=function(e){O.popup&&(K?je(e):Ke(e))},Ke=function(e){O.popup&&(be.current=e.currentTarget,j(!0),O.onShow&&O.onShow(e),ve.current=e.relatedTarget||null),U({index:cn(),level:0,parentKey:""})},je=function(e,n){O.popup&&(j(!1),O.onHide&&O.onHide(e));var t=Je();A([]),U({index:-1,level:0,parentKey:""}),n&&v.focus(ve.current||be.current||t),Y(!1)},Me=function(e){B(!0),U(-1!==z.index?z:{index:cn(),level:0,parentKey:""}),O.onFocus&&O.onFocus(e)},De=function(e){B(!1),U({index:-1,level:0,parentKey:""}),ge.current="",Y(!1),O.onBlur&&O.onBlur(e)},Te=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":_e(e);break;case"ArrowUp":He(e);break;case"ArrowLeft":Re(e);break;case"ArrowRight":Be(e);break;case"Home":We(e);break;case"End":Fe(e);break;case"Space":Ve(e);break;case"Enter":case"NumpadEnter":Ze(e);break;case"Escape":O.popup&&v.focus(be.current),ze(e);break;case"Tab":Ue(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&y.isPrintableCharacter(e.key)&&sn(e.key)}},Ce=function(e){var n=e.processedItem,t=e.isFocus;if(!y.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=y.isNotEmpty(n.items),c=D.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),U({index:r,level:o,parentKey:u}),A(c),a&&Y(!0),t&&v.focus(Je())}},Ae=function(e){var n=e.originalEvent,t=e.processedItem;if(!Ye(t)&&!O.isMobileMode){var r=qe(t),i=y.isEmpty(t.parent),o=nn(t),u=Je();if(o){var a=t.index,c=t.key,l=t.level,s=t.parentKey;A(D.filter((function(e){return c!==e.key&&c.startsWith(e.key)}))),U({index:a,level:l,parentKey:s}),r||Y(!i),setTimeout((function(){v.focus(u),r&&Y(!0)}),0)}else if(r)v.focus(u),Ce(e);else{var p=i?t:D.find((function(e){return""===e.parentKey})),m=p?p.index:-1;je(n,!0),U({index:m,parentKey:p?p.parentKey:""})}}},Le=function(e){var n=e.originalEvent;Ye(e.processedItem)||O.isMobileMode?n.preventDefault():X&&!O.popup&&Ce(e)},_e=function(e){var n=-1!==z.index?on(z.index):cn();pn(n),e.preventDefault()},He=function(e){if(e.altKey){if(O.popup&&v.focus(be.current),-1!==z.index){var n=ee[z.index];!qe(n)&&Ce({originalEvent:e,processedItem:n})}O.popup&&je(e,!0),e.preventDefault()}else{var t=-1!==z.index?un(z.index):ln();pn(t),e.preventDefault()}},Re=function(e){var n=ee[z.index],t=D.find((function(e){return e.key===n.parentKey}));y.isEmpty(n.parent)||(U({index:-1,parentKey:t?t.parentKey:""}),ge.current="",setTimeout((function(){return ie(!0)}),0)),A(D.filter((function(e){return e.parentKey!==z.parentKey}))),e.preventDefault()},Be=function(e){var n=ee[z.index];qe(n)&&(Ce({originalEvent:e,processedItem:n}),U({index:-1,parentKey:n.key}),ge.current="",setTimeout((function(){return ie(!0)}),0)),e.preventDefault()},We=function(e){pn(tn()),e.preventDefault()},Fe=function(e){pn(rn()),e.preventDefault()},Ze=function(e){if(-1!==z.index){var n=v.findSingle(Je(),'li[id="'.concat("".concat(F),'"]')),t=n&&v.findSingle(n,'[data-pc-section="action"]');O.popup&&v.focus(be.current),t?t.click():n&&n.click()}e.preventDefault()},Ve=function(e){Ze(e)},ze=function(e){je(e,!0),!O.popup&&U(R(R({},z),{},{index:cn()})),e.preventDefault()},Ue=function(e){if(-1!==z.index){var n=ee[z.index];!qe(n)&&Ce({originalEvent:e,processedItem:n})}je(e)},Je=function(){return de.current.getElement()||null},Xe=function(e,n){return e?y.getItemValue(e[n]):void 0},Ye=function(e){return Xe(e,"disabled")},$e=function(e){return e?Xe(e.item,"label"):void 0},qe=function(e){return e&&y.isNotEmpty(e.items)},Ge=function(e){return Qe(e)&&$e(e).toLocaleLowerCase().startsWith(ge.current.toLocaleLowerCase())},Qe=function(e){return!!e&&!Ye(e.item)&&!Xe(e.item,"separator")},en=function(e){return Qe(e)&&nn(e)},nn=function(e){return D.some((function(n){return n.key===e.key}))},tn=function(){return ee.findIndex((function(e){return Qe(e)}))},rn=function(){return y.findLastIndex(ee,(function(e){return Qe(e)}))},on=function(e){var n=e<ee.length-1?ee.slice(e+1).findIndex((function(e){return Qe(e)})):-1;return n>-1?n+e+1:e},un=function(e){var n=e>0?y.findLastIndex(ee.slice(0,e),(function(e){return Qe(e)})):-1;return n>-1?n:e},an=function(){return ee.findIndex((function(e){return en(e)}))},cn=function(){var e=an();return e<0?tn():e},ln=function(){var e=an();return e<0?rn():e},sn=function(e){ge.current=(ge.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==z.index?-1===(n=ee.slice(z.index).findIndex((function(e){return Ge(e)})))?ee.slice(0,z.index).findIndex((function(e){return Ge(e)})):n+z.index:ee.findIndex((function(e){return Ge(e)})))&&(t=!0),-1===n&&-1===z.index&&(n=cn()),-1!==n&&pn(n),he.current&&clearTimeout(he),he.current=setTimeout((function(){ge.current="",he.current=null}),500),t},pn=function(e){z.index!==e&&(U(R(R({},z),{},{index:e})),mn())},mn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(S,"_").concat(e):F,t=v.findSingle(Je(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},fn=e.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=fn(e.items,n+1,a,u),i.push(a)})),i}),[]),dn=function(){if(!ye.current){ye.current=v.createInlineStyle(E&&E.nonce||n.nonce,E&&E.styleContainer);var e="".concat(ue),t="\n@media screen and (max-width: ".concat(O.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(O.scrollHeight,";\n        overflow: ").concat(O.scrollHeight?"auto":"",";\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").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-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n\n    ').concat(O.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ye.current.innerHTML=t}},bn=function(){ye.current=v.removeInlineStyle(ye.current)},vn=function(){var e;O.autoZIndex&&x.set("menu",fe.current,E&&E.autoZIndex||n.autoZIndex,O.baseZIndex||E&&E.zIndex.menu||n.zIndex.menu),v.addStyles(fe.current,{position:"absolute",top:"0",left:"0"}),e=v.getOuterWidth(be.current)>v.getOuterWidth(fe.current),v.alignOverlay(fe.current,be.current,O.appendTo,e),v.focus(de.current.getElement()),mn(),ue&&O.breakpoint&&(fe.current.setAttribute(ue,""),dn())},yn=function(){Ee(),we()},gn=function(){be.current=null,ke(),Se()},hn=function(){x.clear(fe.current),bn()};p((function(){var e=h();!S&&P(e),O.breakpoint&&!ue&&ae(e)})),e.useEffect((function(){var e=fn(O.model||[]);G(e)}),[O.model,fn]),a((function(){var e=D.find((function(e){return e.key===z.parentKey}));ne(e?e.items:q)}),[D,z,q]),a((function(){var e=-1!==z.index?"".concat(S).concat(y.isNotEmpty(z.parentKey)?"_"+z.parentKey:"","_").concat(z.index):null;Z(e)}),[z]),a((function(){O.popup||(y.isNotEmpty(D)?(Ee(),we()):(ke(),Se()))}),[D]),a((function(){if(re){var e=-1!==z.index?on(z.index):cn();pn(e),A(D.filter((function(e){return e.parentKey!==z.parentKey}))),ie(!1)}}),[re]),a((function(){return ue&&fe.current&&(fe.current.setAttribute(ue,""),dn()),function(){bn()}}),[ue,O.breakpoint]),m((function(){x.clear(fe.current)})),e.useImperativeHandle(g,(function(){return{props:O,toggle:Ne,show:Ke,hide:je,getElement:function(){return fe.current}}}));var xn,In,En=(xn=I({ref:fe,id:O.id,className:b(O.className,pe("root")),style:O.style,onClick:Pe},C.getOtherProps(O),se("root")),In=I({classNames:pe("transition"),in:K,timeout:{enter:120,exit:100},options:O.transitionOptions,unmountOnExit:!0,onEnter:vn,onEntered:yn,onExit:gn,onExited:hn},se("transition")),e.createElement(o,k({nodeRef:fe},In),e.createElement("div",xn,e.createElement(_,{id:S+"_list",ref:de,hostName:"TieredMenu",menuProps:O,tabIndex:0,model:q,ariaLabel:O.ariaLabel,ariaLabelledBy:O.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:H?F:void 0,menuId:S,level:0,focusedItemId:F,activeItemPath:D,onFocus:Me,onBlur:De,onKeyDown:Te,onItemClick:Ae,onItemMouseEnter:Le,root:!0,popup:O.popup,onHide:je,isMobileMode:xe,submenuIcon:O.submenuIcon,ptm:se,cx:pe,sx:me}))));return O.popup?e.createElement(d,{element:En,appendTo:O.appendTo}):En})));B.displayName="TieredMenu";export{B as TieredMenu};