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