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