primereact/megamenu/megamenu.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,ariaLabel as r}from"primereact/api";import{ComponentBase as a,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as o,useMatchMedia as u,useEventListener as l,useResizeListener as c,useMountEffect as m,useUpdateEffect as s}from"primereact/hooks";import{AngleDownIcon as p}from"primereact/icons/angledown";import{AngleRightIcon as d}from"primereact/icons/angleright";import{BarsIcon as f}from"primereact/icons/bars";import{Ripple as g}from"primereact/ripple";import{classNames as y,DomHandler as v,UniqueComponentId as b,ZIndexUtils as x,ObjectUtils as k,IconUtils as h}from"primereact/utils";function I(){return I=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},I.apply(null,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 S(e,n){if("object"!=E(e)||!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 N(e){var n=S(e,"string");return"symbol"==E(n)?n:n+""}function w(e,n,t){return(n=N(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 O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,u=[],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)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return u}}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 D(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 P(){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 z(e,n){return K(e)||O(e,n)||D(e,n)||P()}var A=a.extend({defaultProps:{__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal",breakpoint:void 0,scrollHeight:"400px",start:null,submenuIcon:null,onFocus:null,onBlur:null,tabIndex:0,menuIcon:null,end:null,children:void 0},css:{classes:{root:function(e){var n=e.props;return y("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===n.orientation,"p-megamenu-vertical":"vertical"===n.orientation,"p-megamenu-mobile-active":e.mobileActiveState})},content:"p-menuitem-content",separator:"p-menuitem-separator",submenuIcon:"p-submenu-icon",action:function(e){return y("p-menuitem-link",{"p-disabled":e.item.disabled})},submenuItem:function(e){return y("p-menuitem",{"p-menuitem-active":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},submenuHeader:function(e){return y("p-megamenu-submenu-header p-submenu-header",{"p-disabled":e.disabled})},submenu:"p-submenu-list p-megamenu-submenu",panel:"p-megamenu-panel",grid:"p-megamenu-grid",icon:"p-menuitem-icon",label:"p-menuitem-text",column:function(e){var n,t=e.category;switch(t.items?t.items.length:0){case 2:n="p-megamenu-col-6";break;case 3:n="p-megamenu-col-4";break;case 4:n="p-megamenu-col-3";break;case 6:n="p-megamenu-col-2";break;default:n="p-megamenu-col-12"}return n},menuButton:"p-megamenu-button",menuitem:function(e){var n=e.activeItemState;return y("p-menuitem",{"p-menuitem-active p-highlight":n&&n.item===e.category,"p-focus":e.focused,"p-disabled":e.disabled})},menubar:"p-megamenu-root-list",menu:"p-megamenu-root-list",start:"p-megamenu-start",end:"p-megamenu-end"},styles:"\n@layer primereact {\n    .p-megamenu {\n        display: flex;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-root-list > .p-menuitem {\n        position: relative;\n    }\n\n    .p-megamenu .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-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        position: absolute;\n        width: auto;\n        z-index: 1;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-custom,\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link  > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n"}});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 C(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?_(Object(t),!0).forEach((function(n){w(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 L=e.memo(e.forwardRef((function(a,E){var S=o(),N=e.useContext(t),K=A.getProps(a,N),O=z(e.useState(K.id),2),j=O[0],D=O[1],P=z(e.useState(null),2),_=P[0],L=P[1],T=z(e.useState(null),2),B=T[0],R=T[1],H=z(e.useState({index:-1,key:"",parentKey:""}),2),J=H[0],M=H[1],X=z(e.useState(null),2),F=X[0],V=X[1],U=z(e.useState(!1),2),Z=U[0],W=U[1],Y=z(e.useState(null),2),$=Y[0],q=Y[1],G=z(e.useState([]),2),Q=G[0],ee=G[1],ne=z(e.useState(null),2),te=ne[0],re=ne[1],ae=z(e.useState(!1),2),ie=ae[0],oe=ae[1],ue=z(e.useState(!1),2),le=ue[0],ce=ue[1],me=e.useRef(""),se=e.useRef(null),pe=e.useRef(null),de=e.useRef(null),fe=e.useRef(null),ge=e.useRef(null),ye="horizontal"===K.orientation,ve="vertical"===K.orientation,be=u("screen and (max-width: ".concat(K.breakpoint,")"),!!K.breakpoint),xe=A.setMetaData({props:K,state:{id:j,activeItem:_&&_.item,attributeSelector:te,mobileActive:ie}}),ke=xe.ptm,he=xe.cx;i(A.css.styles,xe.isUnstyled,{name:"megamenu"});var Ie=function(e,n,t){return ke(n,{context:{active:yn(e),focused:xn(e),disabled:bn(e),item:e,index:t}})},Ee=z(l({type:"click",listener:function(e){Ce(e)&&_e()}}),2),Se=Ee[0],Ne=Ee[1],we=z(c({type:"resize",listener:function(){_e()}}),2),Ke=we[0],Oe=we[1],je=function(){Se(),Ke()},De=function(){Ne(),Oe()},Pe=function(e){var n=e.originalEvent,t=e.processedItem,r=t.item;if(r.disabled)n.preventDefault();else{r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r});var a=In(t);if(Qe(t)){var i=t.index,o=t.key,u=t.parentKey;L(null),M({index:i,key:o,parentKey:u})}else if(a)ze(e);else{var l=_?_.index:-1,c=_?_.key:"";_e(n),M({index:l,key:c,parentKey:""}),oe(!1)}}},ze=function(e){var n=e.processedItem,t=e.isFocus;if(!k.isEmpty(n)){var r=n.index,a=n.key,i=n.parentKey,o=k.isNotEmpty(n.items);o&&L(n),M({index:r,key:a,parentKey:i}),o&&W(!0),t&&v.focus(de.current)}},Ae=function(e){var n=e.originalEvent,t=e.processedItem,r=t.item;if(r.disabled)n.preventDefault();else{r.command&&r.command({originalEvent:n,item:K.item}),r.url||(n.preventDefault(),n.stopPropagation());var a=In(t),i=k.isEmpty(t.parent);if(Qe(t)){var o=t.index,u=t.key,l=t.parentKey;L(null),M({index:o,key:u,parentKey:l}),W(!i)}else if(a)ze(e);else{var c=i?t:_;_e(),sn(n,c?c.index:-1),oe(!1),v.focus(de.current)}}},_e=function(e){ie&&(oe(!1),setTimeout((function(){v.focus(ge.current)}),0)),L(null),e&&(M({index:-1,key:"",parentKey:""}),v.focus(de.current)),W(!1)},Ce=function(e){return pe.current&&!(pe.current.isSameNode(e.target)||pe.current.contains(e.target)||ge.current&&ge.current.contains(e.target))};e.useImperativeHandle(E,(function(){return{props:K,getElement:function(){return pe.current}}})),m((function(){var e=b();!j&&D(e),K.breakpoint&&!te&&re(e)})),s((function(){return te&&pe.current&&(pe.current.setAttribute(te,""),An()),function(){_n()}}),[te,K.breakpoint]),s((function(){ie?je():De()}),[ie]),s((function(){if(le){var e=-1!==J.index?tn(J.index):on();sn(e),ce(!1)}}),[le]),s((function(){var e=v.findSingle(pe.current,".p-menuitem-active > .p-megamenu-panel");return _?(je(),be||x.set("menu",e,N&&N.autoZIndex||n.autoZIndex,N&&N.zIndex.menu||n.zIndex.menu)):De(),be&&e&&e.previousElementSibling.scrollIntoView({block:"nearest",inline:"nearest"}),function(){De(),x.clear(e)}}),[_,be]),s((function(){var e=k.isNotEmpty(J.key)?"".concat(j,"_").concat(J.key):null;V(e)}),[J]),e.useEffect((function(){var e=Nn(K.model||[],0,null,"");q(e)}),[K.model]),s((function(){var e=k.isNotEmpty(_)?_:null,n=e&&e.key===J.parentKey?e.items.reduce((function(e,n){return n.forEach((function(n){n.items.forEach((function(n){e.push(n)}))})),e}),[]):$;ee(n)}),[J,_,$]);var Le,Te=function(e){if(R(!0),-1===J.index){var n=on(),t=ln(n);M({index:n,key:t.key,parentKey:t.parentKey})}K.onFocus&&K.onFocus(e)},Be=function(e){R(!1),M({index:-1,key:"",parentKey:""}),me.current="",W(!1),K.onBlur&&K.onBlur(e)},Re=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":He(e);break;case"ArrowUp":Je(e);break;case"ArrowLeft":Me(e);break;case"ArrowRight":Xe(e);break;case"Home":Fe(e);break;case"End":Ve(e);break;case"Space":Ze(e);break;case"Enter":case"NumpadEnter":Ue(e);break;case"Escape":We(e);break;case"Tab":Ye(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&k.isPrintableCharacter(e.key)&&mn(e,e.key)}},He=function(e){if(e.preventDefault(),ye){if(k.isNotEmpty(_)&&_.key===J.key)M({index:-1,key:"",parentKey:_.key});else{var n=ln(J.index);In(n)&&(ze({originalEvent:e,processedItem:n}),M({index:-1,key:n.key,parentKey:n.parentKey}),me.current="")}setTimeout((function(){return ce(!0)}),0)}else{var t=-1!==J.index?tn(J.index):on();sn(t)}},Je=function(e){var n=ln(J.index),t=In(n);if(e.altKey&&ye)-1!==J.index&&!t&&k.isNotEmpty(_)&&(0===J.index?(M({index:_.index,key:_.key,parentKey:_.parentKey}),L(null)):sn(en()));else{var r=-1!==J.index?rn(J.index):un();sn(r)}e.preventDefault()},Me=function(e){var n=ln(J.index);if(In(n)){if(ye){var t=-1!==J.index?rn(J.index):un();sn(t)}}else{ve&&k.isNotEmpty(_)&&0===n.columnIndex&&(M({index:_.index,key:_.key,parentKey:_.parentKey}),L(null));var r=n.columnIndex-1,a=Q.findIndex((function(e){return e.columnIndex===r}));-1!==a&&sn(a)}e.preventDefault()},Xe=function(e){e.preventDefault();var n=ln(J.index);if(In(n)){if(ve)if(k.isNotEmpty(_)&&_.key===n.key)M({index:-1,key:"",parentKey:_.key});else{var t=ln(J.index);In(t)&&(ze({originalEvent:e,processedItem:t}),M({index:-1,key:t.key,parentKey:t.parentKey}),me.current="")}setTimeout((function(){return ce(!0)}),0)}else{var r=n.columnIndex+1,a=Q.findIndex((function(e){return e.columnIndex===r}));-1!==a&&sn(a)}},Fe=function(e){sn(en()),e.preventDefault()},Ve=function(e){sn(nn()),e.preventDefault()},Ue=function(e){if(-1!==J.index){var n=v.findSingle(de.current,'li[id="'.concat(F,'"]')),t=n&&v.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},Ze=function(e){Ue(e)},We=function(e){k.isNotEmpty(_)&&(M({index:_.index,key:_.key}),L(null)),e.preventDefault()},Ye=function(e){if(-1!==J.index){var n=ln(J.index);!In(n)&&ze({originalEvent:e,processedItem:n})}_e()},$e=function(e){var n=cn(e);return qe(e)&&n&&n.toLocaleLowerCase().startsWith(me.current.toLocaleLowerCase())},qe=function(e){return!!e&&!bn(e.item)&&!hn(e.item)},Ge=function(e){return qe(e)&&Qe(e)},Qe=function(e){return!!k.isNotEmpty(_)&&_.key===e.key},en=function(){return Q.findIndex((function(e){return qe(e)}))},nn=function(){return k.findLastIndex(Q,(function(e){return qe(e)}))},tn=function(e){var n=e<Q.length-1?Q.slice(e+1).findIndex((function(e){return qe(e)})):-1;return n>-1?n+e+1:e},rn=function(e){var n=e>0?k.findLastIndex(Q.slice(0,e),(function(e){return qe(e)})):-1;return n>-1?n:e},an=function(){return Q&&Q.findIndex((function(e){return Ge(e)}))},on=function(){var e=an();return e<0?en():e},un=function(){var e=an();return e<0?nn():e},ln=function(e){return k.isNotEmpty(Q)?Q[e]:null},cn=function(e){return e&&e.item?gn(e):void 0},mn=function(e,n){me.current=(me.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==J.index?-1===(t=Q.slice(J.index).findIndex((function(e){return $e(e)})))?Q.slice(0,J.index).findIndex((function(e){return $e(e)})):t+J.index:Q.findIndex((function(e){return $e(e)})))&&(r=!0),-1===t&&-1===J.index&&(t=on()),-1!==t&&sn(t),se&&clearTimeout(se),se.current=setTimeout((function(){me.current="",se.current=null}),500),r},sn=function(e){var n=ln(e),t=k.isNotEmpty(n)?n.key:"";M(C(C({},J),{},{index:e,key:t})),pn()},pn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(j,"_").concat(e):F,t=v.findSingle(de.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},dn=function(e){return"".concat(j,"_").concat(e.key)},fn=function(e,n,t){return e&&e.item?k.getItemValue(e.item[n],t):void 0},gn=function(e){return fn(e,"label")},yn=function(e){return!!k.isNotEmpty(_)&&_.key===e.key},vn=function(e){return!1!==fn(e,"visible")},bn=function(e){return fn(e,"disabled")},xn=function(e){return F===dn(e)},kn=function(e){return k.isNotEmpty(e.items)},hn=function(e){return fn(e,"separator")},In=function(e){return e&&k.isNotEmpty(e.items)},En=function(){return K.model.filter((function(e){return vn(e)&&!fn(e,"separator")})).length},Sn=function(e){return e-K.model.slice(0,e).filter((function(e){return vn(e)&&fn(e,"separator")})).length+1},Nn=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]:"",a=arguments.length>4?arguments[4]:void 0;return e?(Array.isArray(e)||(e=[e]),e.map((function(e,i){var o="".concat(""!==r?r+"_":"").concat(void 0!==a?a+"_":"").concat(i),u={item:e,index:i,level:n,key:o,parent:t,parentKey:r,columnIndex:void 0!==a?a:t&&void 0!==t.columnIndex?t.columnIndex:i};return u.items=0===n&&e.items&&e.items.length>0?e.items.map((function(e,t){return Nn(e,n+1,u,o,t)})):Nn(e.items,n+1,u,o),u}))):[]},wn=function(n){var t=j+"_separator__"+n,r=S({id:t,key:t,className:he("separator"),role:"separator"},ke("separator"));return e.createElement("li",r)},Kn=function(n){if(n.items){var t=S({className:he("submenuIcon")},ke("submenuIcon"));return h.getJSXIcon(ve?K.submenuIcon||e.createElement(d,t):K.submenuIcon||e.createElement(p,t),C({},t),{props:K})}return null},On=function(n,t){var r=n.item;if(!1===r.visible)return null;if(r.separator)return wn(t);var a=dn(n),i=y("p-menuitem-link",{"p-disabled":r.disabled}),o=S({className:y(r.icon,he("icon"))},ke("icon")),u=S({className:he("label")},ke("label")),l=y(r.icon,"p-menuitem-icon"),c=h.getJSXIcon(r.icon,C({},o),{props:K}),m=r.label&&e.createElement("span",u,r.label),s=S({href:r.url||"#",className:he("action",{item:r}),target:r.target,tabIndex:"-1"},Ie(n,"action",t)),p=xn(n),d=bn(n),f=kn(n),v=yn(n),b=S({key:a,id:a,"aria-label":gn(n),"aria-disabled":d,"aria-haspopup":f?"menu":void 0,"aria-level":"2","aria-expanded":f?v:void 0,"aria-setsize":En(),"aria-posinset":Sn(t),"data-p-highlight":v,"data-p-disabled":d,"data-p-focused":p,className:y(r.className,he("submenuItem",{focused:p,disabled:d,active:v})),style:r.style,role:"menuitem"},Ie(n,"submenuItem",t)),x=S({onClick:function(e){return Pe({originalEvent:e,processedItem:n})},className:he("content")},Ie(n,"content",t)),I=e.createElement("a",s,c,m,e.createElement(g,null));r.template&&(I=k.getJSXElement(r.template,r,{className:i,labelClassName:"p-menuitem-text",iconClassName:l,element:I,props:K}));return e.createElement("li",b,e.createElement("div",x,I))},jn=function(n,t){if(!vn(n))return null;var r=n.items.map(On),a=n.id||j+"_sub_"+t,i=gn(n),o=bn(n),u=S({id:a,key:a,className:y(n.className,he("submenuHeader",{disabled:o})),style:n.style,role:"presentation","data-p-disabled":o},ke("submenuHeader"));return e.createElement(e.Fragment,{key:a},e.createElement("li",u,i),r)},Dn=function(n,t,r){var a=n.item,i=a.label+"_column_"+r,o=t.map(jn),u=S({key:i,className:he("column",{category:a})},ke("column")),l=_&&_.item===a?"block":"none",c=S({role:"menu",tabIndex:K.disabled?null:K.tabIndex||"0",className:he("submenu"),style:{display:l}},ke("submenu"));return e.createElement("div",u,e.createElement("ul",c,o))},Pn=function(e){return e.items?e.items.map((function(n,t){return Dn(e,n,t)})):null},zn=function(n){if(n.item.items){var t=Pn(n),r=S({className:he("panel")},ke("panel")),a=S({className:he("grid")},ke("grid"));return e.createElement("div",r,e.createElement("div",a,t))}return null},An=function(){if(!fe.current){fe.current=v.createInlineStyle(N&&N.nonce||n.nonce,N&&N.styleContainer);var e="".concat(te),t="\n                    @media screen and (max-width: ".concat(K.breakpoint,") {\n                        .p-megamenu[").concat(e,"] > .p-megamenu-root-list .p-menuitem-active .p-megamenu-panel {\n                            position: relative;\n                            left: 0;\n                            box-shadow: none;\n                            border-radius: 0;\n                            background: inherit;\n                        }\n\n                        .p-megamenu[").concat(e,"] {\n                            width: 100%;\n                            position: relative;\n                            padding: 0.5rem;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-megamenu-grid {\n                            flex-wrap: wrap;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-megamenu-button {\n                            display: flex;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-megamenu-root-list {\n                            display: none;\n                        }\n\n                        .p-megamenu[").concat(e,'] div[class*="p-megamenu-col-"] {\n                            width: 100%;\n                        }\n\n                        .p-megamenu[').concat(e,"].p-megamenu-mobile-active .p-megamenu-root-list {\n                            left: 0;\n                            top: 100%;\n                            z-index: 1;\n                            width: 100%;\n                            display: flex;\n                            padding: 0.5rem 0;\n                            position: absolute;\n                            flex-direction: column;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                            margin-left: auto;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-submenu-list .p-menuitem-content .p-menuitem-link {\n                            padding-left: 2.25rem;\n                        }\n\n                        ").concat(ye?"\n                                    .p-megamenu[".concat(e,"] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-180deg);\n                                    }\n                            "):"","\n\n                        ").concat(ve?"\n                                    .p-megamenu[".concat(e,"] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(90deg);\n                                    }\n\n                                    .p-megamenu[").concat(e,"] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-90deg);\n                                    }\n                            "):"","\n                    }\n                ");fe.current.innerHTML=t}},_n=function(){fe.current=v.removeInlineStyle(fe.current)},Cn=function(n,t){var r=n.item,a=S({className:he("icon")},Ie(n,"icon",t)),i=h.getJSXIcon(r.icon,C({},a),{props:K}),o=S({className:he("label")},Ie(n,"label",t)),u=r.label&&e.createElement("span",o,r.label),l=Kn(r),c=zn(n),m=S({href:r.url||"#",className:he("action",{item:r}),target:r.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},Ie(n,"action",t)),s=r.template?k.getJSXElement(r.template,r,m):e.createElement("a",m,i,u,l,e.createElement(g,null)),p=dn(n),d=xn(n),f=bn(n),v=S(w({key:p,id:p,className:y(r.className,he("menuitem",{category:r,activeItemState:_,focused:d,disabled:f})),"aria-label":gn(r),"aria-level":"1","aria-setsize":En(),"aria-posinset":Sn(t),"aria-expanded":kn(n)?yn(n):void 0,"aria-haspopup":kn(n)?"menu":void 0,"aria-disabled":bn(n),"data-p-highlight":yn(r),"data-p-disabled":f,"data-p-focused":d,style:r.style,role:"menuitem"},"data-p-disabled",r.disabled||!1),Ie(n,"menuitem",t)),b=S({onClick:function(e){return Ae({originalEvent:e,processedItem:n})},onMouseEnter:function(e){return t={originalEvent:e,processedItem:n},void(!ie&&Z&&ze(t));var t},className:he("content")},Ie(n,"content",t));return e.createElement("li",v,e.createElement("div",b,s),c)},Ln=S({className:y(K.className,he("root",{mobileActiveState:ie})),id:j,style:K.style},A.getOtherProps(K),ke("root")),Tn=(Le=S({ref:de,tabIndex:K.disabled?null:K.tabIndex||"0",className:he("menu"),onFocus:Te,onBlur:Be,onKeyDown:Re,"aria-label":K.ariaLabel,"aria-labelledby":K.ariaLabelledBy,"aria-orientation":ve?"vertical":"horizontal","aria-activedescendant":B?F:null,id:j+"_list",role:"menubar"},ke("menu")),$?e.createElement("ul",Le,$.map((function(e,n){return Cn(e,n)}))):null),Bn=function(){var n=S({className:he("start")},ke("start"));if(K.start){var t=k.getJSXElement(K.start,K);return e.createElement("div",n,t)}return null}(),Rn=function(){var n=S({className:he("end")},ke("end"));if(K.end){var t=k.getJSXElement(K.end,K);return e.createElement("div",n,t)}return null}(),Hn=function(){if(K.model&&K.model.length<1)return null;var t=S({className:he("menuButton"),href:"#",role:"button","aria-haspopup":!!(K.model&&K.model.length>0),"aria-expanded":ie,"aria-controls":j,"aria-label":r("navigation"),tabIndex:0,onClick:function(e){return e.preventDefault(),void(ie?(oe(!1),x.clear(de.current),_e()):(oe(!0),x.set("menu",de.current,N&&N.autoZIndex||n.autoZIndex,N&&N.zIndex.menu||n.zIndex.menu),setTimeout((function(){M({index:on(),level:0,parentKey:""})}),1)))}},ke("menuButton")),a=S(ke("menuButtonIcon")),i=h.getJSXIcon(K.menuIcon||e.createElement(f,a),C({},a),{props:K});return e.createElement("a",I({ref:ge},t),i)}();return e.createElement("div",I({id:K.id,ref:pe},Ln),Bn,Hn,Tn,Rn)})));L.displayName="MegaMenu";export{L as MegaMenu};