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 v,DomHandler as y,UniqueComponentId as b,ZIndexUtils as x,ObjectUtils as h,IconUtils as k}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)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},I.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 S(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 w(e){var n=S(e,"string");return"symbol"===E(n)?n:String(n)}function N(e,n,t){return(n=w(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){throw new TypeError('"'+e+'" is read-only')}function K(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,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 D(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 P(e,n){if(e){if("string"==typeof e)return D(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)?D(e,n):void 0}}function z(){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 _(e,n){return K(e)||j(e,n)||P(e,n)||z()}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 v("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 v("p-menuitem-link",{"p-disabled":e.item.disabled})},submenuItem:function(e){return v("p-menuitem",{"p-menuitem-active":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},submenuHeader:function(e){return v("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 v("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 T(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?T(Object(t),!0).forEach((function(n){N(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):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(),w=e.useContext(t),K=A.getProps(a,w),j=_(e.useState(K.id),2),D=j[0],P=j[1],z=_(e.useState(null),2),T=z[0],L=z[1],B=_(e.useState(null),2),R=B[0],H=B[1],J=_(e.useState({index:-1,key:"",parentKey:""}),2),M=J[0],X=J[1],F=_(e.useState(null),2),V=F[0],U=F[1],Z=_(e.useState(!1),2),W=Z[0],Y=Z[1],$=_(e.useState(null),2),q=$[0],G=$[1],Q=_(e.useState([]),2),ee=Q[0],ne=Q[1],te=_(e.useState(null),2),re=te[0],ae=te[1],ie=_(e.useState(!1),2),oe=ie[0],ue=ie[1],le=_(e.useState(!1),2),ce=le[0],me=le[1],se=e.useRef(""),pe=e.useRef(null),de=e.useRef(null),fe=e.useRef(null),ge=e.useRef(null),ve=e.useRef(null),ye="horizontal"===K.orientation,be="vertical"===K.orientation,xe=u("screen and (max-width: ".concat(K.breakpoint,")"),!!K.breakpoint),he=A.setMetaData({props:K,state:{id:D,activeItem:T&&T.item,attributeSelector:re,mobileActive:oe}}),ke=he.ptm,Ie=he.cx;i(A.css.styles,he.isUnstyled,{name:"megamenu"});var Ee=function(e,n,t){return ke(n,{context:{active:yn(e),focused:hn(e),disabled:xn(e),item:e,index:t}})},Se=_(l({type:"click",listener:function(e){Ce(e)&&Te()}}),2),we=Se[0],Ne=Se[1],Oe=_(c({type:"resize",listener:function(){Te()}}),2),Ke=Oe[0],je=Oe[1],De=function(){we(),Ke()},Pe=function(){Ne(),je()},ze=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=En(t);if(en(t)){var i=t.index,o=t.key,u=t.parentKey;L(null),X({index:i,key:o,parentKey:u})}else if(a)_e(e);else{var l=T?T.index:-1,c=T?T.key:"";Te(n),X({index:l,key:c,parentKey:""}),ue(!1)}}},_e=function(e){var n=e.processedItem,t=e.isFocus;if(!h.isEmpty(n)){var r=n.index,a=n.key,i=n.parentKey,o=h.isNotEmpty(n.items);o&&L(n),X({index:r,key:a,parentKey:i}),o&&Y(!0),t&&y.focus(fe.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=En(t),i=h.isEmpty(t.parent);if(en(t)){var o=t.index,u=t.key,l=t.parentKey;L(null),X({index:o,key:u,parentKey:l}),Y(!i)}else if(a)_e(e);else{var c=i?t:T;Te(),pn(n,c?c.index:-1),ue(!1),y.focus(fe.current)}}},Te=function(e){oe&&(ue(!1),setTimeout((function(){y.focus(ve.current)}),0)),L(null),e&&(X({index:-1,key:"",parentKey:""}),y.focus(fe.current)),Y(!1)},Ce=function(e){return de.current&&!(de.current.isSameNode(e.target)||de.current.contains(e.target)||ve.current&&ve.current.contains(e.target))};e.useImperativeHandle(E,(function(){return{props:K,getElement:function(){return de.current}}})),m((function(){var e=b();!D&&P(e),K.breakpoint&&!re&&ae(e)})),s((function(){return re&&de.current&&(de.current.setAttribute(re,""),An()),function(){Tn()}}),[re,K.breakpoint]),s((function(){oe?De():Pe()}),[oe]),s((function(){if(ce){var e=-1!==M.index?rn(M.index):un();pn(e),me(!1)}}),[ce]),s((function(){var e=y.findSingle(de.current,".p-menuitem-active > .p-megamenu-panel");return T?(De(),xe||x.set("menu",e,w&&w.autoZIndex||n.autoZIndex,w&&w.zIndex.menu||n.zIndex.menu)):Pe(),xe&&e&&e.previousElementSibling.scrollIntoView({block:"nearest",inline:"nearest"}),function(){Pe(),x.clear(e)}}),[T,xe]),s((function(){var e=h.isNotEmpty(M.key)?"".concat(D,"_").concat(M.key):null;U(e)}),[M]),e.useEffect((function(){var e=Nn(K.model||[],0,null,"");G(e)}),[K.model]),s((function(){var e=h.isNotEmpty(T)?T:null,n=e&&e.key===M.parentKey?e.items.reduce((function(e,n){return n.forEach((function(n){n.items.forEach((function(n){e.push(n)}))})),e}),[]):q;ne(n)}),[M,T,q]);var Le,Be=function(e){if(H(!0),-1===M.index){var n=un(),t=cn(n);X({index:n,key:t.key,parentKey:t.parentKey})}K.onFocus&&K.onFocus(e)},Re=function(e){H(!1),X({index:-1,key:"",parentKey:""}),se.current="",Y(!1),K.onBlur&&K.onBlur(e)},He=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Je(e);break;case"ArrowUp":Me(e);break;case"ArrowLeft":Xe(e);break;case"ArrowRight":Fe(e);break;case"Home":Ve(e);break;case"End":Ue(e);break;case"Space":We(e);break;case"Enter":case"NumpadEnter":Ze(e);break;case"Escape":Ye(e);break;case"Tab":$e(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&h.isPrintableCharacter(e.key)&&sn(e,e.key)}},Je=function(e){if(e.preventDefault(),ye){var n=M;if(h.isNotEmpty(T)&&T.key===M.key)O("_focusedItemInfo"),X(n);else{var t=cn(M.index);En(t)&&(_e({originalEvent:e,processedItem:t}),O("_focusedItemInfo"),X(n),se.current="")}setTimeout((function(){return me(!0)}),0)}else{var r=-1!==M.index?rn(M.index):un();pn(r)}},Me=function(e){var n=cn(M.index),t=En(n);if(e.altKey&&ye)-1!==M.index&&!t&&h.isNotEmpty(T)&&(0===M.index?(X({index:T.index,key:T.key,parentKey:T.parentKey}),L(null)):pn(nn()));else{var r=-1!==M.index?an(M.index):ln();pn(r)}e.preventDefault()},Xe=function(e){var n=cn(M.index);if(En(n)){if(ye){var t=-1!==M.index?an(M.index):ln();pn(t)}}else{be&&h.isNotEmpty(T)&&0===n.columnIndex&&(X({index:T.index,key:T.key,parentKey:T.parentKey}),L(null));var r=n.columnIndex-1,a=ee.findIndex((function(e){return e.columnIndex===r}));-1!==a&&pn(a)}e.preventDefault()},Fe=function(e){e.preventDefault();var n=cn(M.index);if(En(n)){if(be)if(h.isNotEmpty(T)&&T.key===n.key)X({index:-1,key:"",parentKey:T.key});else{var t=cn(M.index);En(t)&&(_e({originalEvent:e,processedItem:t}),X({index:-1,key:t.key,parentKey:t.parentKey}),se.current="")}setTimeout((function(){return me(!0)}),0)}else{var r=n.columnIndex+1,a=ee.findIndex((function(e){return e.columnIndex===r}));-1!==a&&pn(a)}},Ve=function(e){pn(nn()),e.preventDefault()},Ue=function(e){pn(tn()),e.preventDefault()},Ze=function(e){if(-1!==M.index){var n=y.findSingle(fe.current,'li[id="'.concat(V,'"]')),t=n&&y.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},We=function(e){Ze(e)},Ye=function(e){h.isNotEmpty(T)&&(X({index:T.index,key:T.key}),L(null)),e.preventDefault()},$e=function(e){if(-1!==M.index){var n=cn(M.index);!En(n)&&_e({originalEvent:e,processedItem:n})}Te()},qe=function(e){var n=mn(e);return Ge(e)&&n&&n.toLocaleLowerCase().startsWith(se.current.toLocaleLowerCase())},Ge=function(e){return!!e&&!xn(e.item)&&!In(e.item)},Qe=function(e){return Ge(e)&&en(e)},en=function(e){return!!h.isNotEmpty(T)&&T.key===e.key},nn=function(){return ee.findIndex((function(e){return Ge(e)}))},tn=function(){return h.findLastIndex(ee,(function(e){return Ge(e)}))},rn=function(e){var n=e<ee.length-1?ee.slice(e+1).findIndex((function(e){return Ge(e)})):-1;return n>-1?n+e+1:e},an=function(e){var n=e>0?h.findLastIndex(ee.slice(0,e),(function(e){return Ge(e)})):-1;return n>-1?n:e},on=function(){return ee&&ee.findIndex((function(e){return Qe(e)}))},un=function(){var e=on();return e<0?nn():e},ln=function(){var e=on();return e<0?tn():e},cn=function(e){return h.isNotEmpty(ee)?ee[e]:null},mn=function(e){return e&&e.item?vn(e):void 0},sn=function(e,n){se.current=(se.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==M.index?-1===(t=ee.slice(M.index).findIndex((function(e){return qe(e)})))?ee.slice(0,M.index).findIndex((function(e){return qe(e)})):t+M.index:ee.findIndex((function(e){return qe(e)})))&&(r=!0),-1===t&&-1===M.index&&(t=un()),-1!==t&&pn(t),pe&&clearTimeout(pe),pe.current=setTimeout((function(){se.current="",pe.current=null}),500),r},pn=function(e){var n=cn(e),t=h.isNotEmpty(n)?n.key:"";X(C(C({},M),{},{index:e,key:t})),dn()},dn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(D,"_").concat(e):V,t=y.findSingle(fe.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},fn=function(e){return"".concat(D,"_").concat(e.key)},gn=function(e,n,t){return e&&e.item?h.getItemValue(e.item[n],t):void 0},vn=function(e){return gn(e,"label")},yn=function(e){return!!h.isNotEmpty(T)&&T.key===e.key},bn=function(e){return!1!==gn(e,"visible")},xn=function(e){return gn(e,"disabled")},hn=function(e){return V===fn(e)},kn=function(e){return h.isNotEmpty(e.items)},In=function(e){return gn(e,"separator")},En=function(e){return e&&h.isNotEmpty(e.items)},Sn=function(){return K.model.filter((function(e){return bn(e)&&!gn(e,"separator")})).length},wn=function(e){return e-K.model.slice(0,e).filter((function(e){return bn(e)&&gn(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}))):[]},On=function(n){var t=D+"_separator__"+n,r=S({id:t,key:t,className:Ie("separator"),role:"separator"},ke("separator"));return e.createElement("li",r)},Kn=function(n){if(n.items){var t=S({className:Ie("submenuIcon")},ke("submenuIcon"));return k.getJSXIcon(be?K.submenuIcon||e.createElement(d,t):K.submenuIcon||e.createElement(p,t),C({},t),{props:K})}return null},jn=function(n,t){var r=n.item;if(!1===r.visible)return null;if(r.separator)return On(t);var a=fn(n),i=v("p-menuitem-link",{"p-disabled":r.disabled}),o=S({className:v(r.icon,Ie("icon"))},ke("icon")),u=S({className:Ie("label")},ke("label")),l=v(r.icon,"p-menuitem-icon"),c=k.getJSXIcon(r.icon,C({},o),{props:K}),m=r.label&&e.createElement("span",u,r.label),s=S({href:r.url||"#",className:Ie("action",{item:r}),target:r.target,tabIndex:"-1","aria-hidden":!0},Ee(n,"action",t)),p=hn(n),d=xn(n),f=kn(n),y=yn(n),b=S({key:a,id:a,"aria-label":vn(n),"aria-disabled":d,"aria-haspopup":f?"menu":void 0,"aria-level":"2","aria-expanded":f?y:void 0,"aria-setsize":Sn(),"aria-posinset":wn(t),"data-p-highlight":y,"data-p-disabled":d,"data-p-focused":p,className:v(r.className,Ie("submenuItem",{focused:p,disabled:d,active:y})),style:r.style,role:"menuitem"},Ee(n,"submenuItem",t)),x=S({onClick:function(e){return ze({originalEvent:e,processedItem:n})},className:Ie("content")},Ee(n,"content",t)),I=e.createElement("a",s,c,m,e.createElement(g,null));r.template&&(I=h.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))},Dn=function(n,t){if(!bn(n))return null;var r=n.items.map(jn),a=n.id||D+"_sub_"+t,i=vn(n),o=xn(n),u=S({id:a,key:a,className:v(n.className,Ie("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)},Pn=function(n,t,r){var a=n.item,i=a.label+"_column_"+r,o=t.map(Dn),u=S({key:i,className:Ie("column",{category:a})},ke("column")),l=T&&T.item===a?"block":"none",c=S({role:"menu",tabIndex:K.disabled?null:K.tabIndex||"0",className:Ie("submenu"),style:{display:l}},ke("submenu"));return e.createElement("div",u,e.createElement("ul",c,o))},zn=function(e){return e.items?e.items.map((function(n,t){return Pn(e,n,t)})):null},_n=function(n){if(n.item.items){var t=zn(n),r=S({className:Ie("panel")},ke("panel")),a=S({className:Ie("grid")},ke("grid"));return e.createElement("div",r,e.createElement("div",a,t))}return null},An=function(){if(!ge.current){ge.current=y.createInlineStyle(w&&w.nonce||n.nonce,w&&w.styleContainer);var e="".concat(re),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(be?"\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                ");ge.current.innerHTML=t}},Tn=function(){ge.current=y.removeInlineStyle(ge.current)},Cn=function(n,t){var r=n.item,a=S({className:Ie("icon")},Ee(n,"icon",t)),i=k.getJSXIcon(r.icon,C({},a),{props:K}),o=S({className:Ie("label")},Ee(n,"label",t)),u=r.label&&e.createElement("span",o,r.label),l=Kn(r),c=_n(n),m=S({href:r.url||"#",className:Ie("action",{item:r}),target:r.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},Ee(n,"action",t)),s=r.template?h.getJSXElement(r.template,r,m):e.createElement("a",m,i,u,l,e.createElement(g,null)),p=fn(n),d=hn(n),f=xn(n),y=S(N({key:p,id:p,className:v(r.className,Ie("menuitem",{category:r,activeItemState:T,focused:d,disabled:f})),"aria-label":vn(r),"aria-level":"1","aria-setsize":Sn(),"aria-posinset":wn(t),"aria-expanded":kn(n)?yn(n):void 0,"aria-haspopup":kn(n)?"menu":void 0,"aria-disabled":xn(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),Ee(n,"menuitem",t)),b=S({onClick:function(e){return Ae({originalEvent:e,processedItem:n})},onMouseEnter:function(e){return t={originalEvent:e,processedItem:n},void(!oe&&W&&_e(t));var t},className:Ie("content")},Ee(n,"content",t));return e.createElement("li",y,e.createElement("div",b,s),c)},Ln=S({className:v(K.className,Ie("root",{mobileActiveState:oe})),id:D,style:K.style},A.getOtherProps(K),ke("root")),Bn=(Le=S({ref:fe,tabIndex:K.disabled?null:K.tabIndex||"0",className:Ie("menu"),onFocus:Be,onBlur:Re,onKeyDown:He,"aria-label":K.ariaLabel,"aria-labelledby":K.ariaLabelledBy,"aria-orientation":be?"vertical":"horizontal","aria-activedescendant":R?V:null,id:D+"_list",role:"menubar"},ke("menu")),q?e.createElement("ul",Le,q.map((function(e,n){return Cn(e,n)}))):null),Rn=function(){var n=S({className:Ie("start")},ke("start"));if(K.start){var t=h.getJSXElement(K.start,K);return e.createElement("div",n,t)}return null}(),Hn=function(){var n=S({className:Ie("end")},ke("end"));if(K.end){var t=h.getJSXElement(K.end,K);return e.createElement("div",n,t)}return null}(),Jn=function(){if(K.model&&K.model.length<1)return null;var t=S({className:Ie("menuButton"),href:"#",role:"button","aria-haspopup":!!(K.model&&K.model.length>0),"aria-expanded":oe,"aria-controls":D,"aria-label":r("navigation"),tabIndex:0,onClick:function(e){return e.preventDefault(),void(oe?(ue(!1),x.clear(fe.current),Te()):(ue(!0),x.set("menu",fe.current,w&&w.autoZIndex||n.autoZIndex,w&&w.zIndex.menu||n.zIndex.menu),setTimeout((function(){X({index:un(),level:0,parentKey:""})}),1)))}},ke("menuButton")),a=S(ke("menuButtonIcon")),i=k.getJSXIcon(K.menuIcon||e.createElement(f,a),C({},a),{props:K});return e.createElement("a",I({ref:ve},t),i)}();return e.createElement("div",I({id:K.id,ref:de},Ln),Rn,Jn,Bn,Hn)})));L.displayName="MegaMenu";export{L as MegaMenu};