primereact 10.3.0 → 10.3.2

package/megamenu/megamenu.cjs.min.js

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

package/megamenu/megamenu.esm.js

@@ -2,12 +2,12 @@
 import * as React from 'react';
 import PrimeReact, { PrimeReactContext, ariaLabel } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMatchMedia, useEventListener, useResizeListener, useUpdateEffect, useMountEffect } from 'primereact/hooks';
+import { useMergeProps, useMatchMedia, useEventListener, useResizeListener, useMountEffect, useUpdateEffect } from 'primereact/hooks';
 import { AngleDownIcon } from 'primereact/icons/angledown';
 import { AngleRightIcon } from 'primereact/icons/angleright';
 import { BarsIcon } from 'primereact/icons/bars';
 import { Ripple } from 'primereact/ripple';
-import { classNames, DomHandler, UniqueComponentId, ObjectUtils, ZIndexUtils, mergeProps, IconUtils } from 'primereact/utils';
+import { classNames, DomHandler, UniqueComponentId, ZIndexUtils, ObjectUtils, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -204,7 +204,7 @@ var classes = {
   start: 'p-megamenu-start',
   end: 'p-megamenu-end'
 };
-var 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-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";
+var 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";
 var MegaMenuBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'MegaMenu',
@@ -233,6 +233,7 @@ var MegaMenuBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = MegaMenuBase.getProps(inProps, context);
   var _React$useState = React.useState(props.id),
@@ -497,13 +498,6 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       }, 1);
     }
   };
-  useUpdateEffect(function () {
-    if (mobileActiveState) {
-      bindListeners();
-    } else {
-      unbindListeners();
-    }
-  }, [mobileActiveState]);
   var isOutsideClicked = function isOutsideClicked(event) {
     return elementRef.current && !(elementRef.current.isSameNode(event.target) || elementRef.current.contains(event.target) || menuButtonRef.current && menuButtonRef.current.contains(event.target));
   };
@@ -522,6 +516,72 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       !attributeSelectorState && setAttributeSelectorState(uniqueId);
     }
   });
+  useUpdateEffect(function () {
+    if (attributeSelectorState && elementRef.current) {
+      elementRef.current.setAttribute(attributeSelectorState, '');
+      createStyle();
+    }
+    return function () {
+      destroyStyle();
+    };
+  }, [attributeSelectorState, props.breakpoint]);
+  useUpdateEffect(function () {
+    if (mobileActiveState) {
+      bindListeners();
+    } else {
+      unbindListeners();
+    }
+  }, [mobileActiveState]);
+  useUpdateEffect(function () {
+    if (focusTrigger) {
+      var itemIndex = focusedItemInfo.index !== -1 ? findNextItemIndex(focusedItemInfo.index) : findFirstFocusedItemIndex();
+      changeFocusedItemInfo(itemIndex);
+      setFocusTrigger(false);
+    }
+  }, [focusTrigger]);
+  useUpdateEffect(function () {
+    var currentPanel = DomHandler.findSingle(elementRef.current, '.p-menuitem-active > .p-megamenu-panel');
+    if (activeItemState) {
+      bindListeners();
+      if (!isMobileMode) {
+        ZIndexUtils.set('menu', currentPanel, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex['menu'] || PrimeReact.zIndex['menu']);
+      }
+    } else {
+      unbindListeners();
+    }
+    if (isMobileMode) {
+      currentPanel && currentPanel.previousElementSibling.scrollIntoView({
+        block: 'nearest',
+        inline: 'nearest'
+      });
+    }
+    return function () {
+      unbindListeners();
+      ZIndexUtils.clear(currentPanel);
+    };
+  }, [activeItemState, isMobileMode]);
+  useUpdateEffect(function () {
+    var _focusedItemId = ObjectUtils.isNotEmpty(focusedItemInfo.key) ? "".concat(idState, "_").concat(focusedItemInfo.key) : null;
+    setFocusedItemId(_focusedItemId);
+  }, [focusedItemInfo]);
+  React.useEffect(function () {
+    var itemsToProcess = props.model || [];
+    var processed = createProcessedItems(itemsToProcess, 0, null, '');
+    setProcessedItems(processed);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.model]);
+  useUpdateEffect(function () {
+    var processedItem = ObjectUtils.isNotEmpty(activeItemState) ? activeItemState : null;
+    var _visibleItems = processedItem && processedItem.key === focusedItemInfo.parentKey ? processedItem.items.reduce(function (items, col) {
+      col.forEach(function (submenu) {
+        submenu.items.forEach(function (a) {
+          items.push(a);
+        });
+      });
+      return items;
+    }, []) : processedItems;
+    setVisibleItems(_visibleItems);
+  }, [focusedItemInfo, activeItemState, processedItems]);
   var onFocus = function onFocus(event) {
     setFocused(true);
     if (focusedItemInfo.index === -1) {
@@ -593,13 +653,6 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         break;
     }
   };
-  useUpdateEffect(function () {
-    if (focusTrigger) {
-      var itemIndex = focusedItemInfo.index !== -1 ? findNextItemIndex(focusedItemInfo.index) : findFirstFocusedItemIndex();
-      changeFocusedItemInfo(itemIndex);
-      setFocusTrigger(false);
-    }
-  }, [focusTrigger]);
   var onArrowDownKey = function onArrowDownKey(event) {
     event.preventDefault();
     if (horizontal) {
@@ -915,48 +968,6 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       return isItemVisible(processedItem) && getItemProp(processedItem, 'separator');
     }).length + 1;
   };
-  useUpdateEffect(function () {
-    var currentPanel = DomHandler.findSingle(elementRef.current, '.p-menuitem-active > .p-megamenu-panel');
-    if (activeItemState) {
-      bindListeners();
-      if (!isMobileMode) {
-        ZIndexUtils.set('menu', currentPanel, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex['menu'] || PrimeReact.zIndex['menu']);
-      }
-    } else {
-      unbindListeners();
-    }
-    if (isMobileMode) {
-      currentPanel && currentPanel.previousElementSibling.scrollIntoView({
-        block: 'nearest',
-        inline: 'nearest'
-      });
-    }
-    return function () {
-      unbindListeners();
-      ZIndexUtils.clear(currentPanel);
-    };
-  }, [activeItemState]);
-  useUpdateEffect(function () {
-    var _focusedItemId = ObjectUtils.isNotEmpty(focusedItemInfo.key) ? "".concat(idState, "_").concat(focusedItemInfo.key) : null;
-    setFocusedItemId(_focusedItemId);
-  }, [focusedItemInfo]);
-  useUpdateEffect(function () {
-    var itemsToProcess = props.model || [];
-    var processed = createProcessedItems(itemsToProcess, 0, null, '');
-    setProcessedItems(processed);
-  }, [props.model]);
-  useUpdateEffect(function () {
-    var processedItem = ObjectUtils.isNotEmpty(activeItemState) ? activeItemState : null;
-    var _visibleItems = processedItem && processedItem.key === focusedItemInfo.parentKey ? processedItem.items.reduce(function (items, col) {
-      col.forEach(function (submenu) {
-        submenu.items.forEach(function (a) {
-          items.push(a);
-        });
-      });
-      return items;
-    }, []) : processedItems;
-    setVisibleItems(_visibleItems);
-  }, [focusedItemInfo, activeItemState, processedItems]);
   var createProcessedItems = function createProcessedItems(items) {
     var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -1154,24 +1165,15 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
-      styleElementRef.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce);
+      styleElementRef.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce, context && context.styleContainer);
       var selector = "".concat(attributeSelectorState);
-      var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-megamenu[").concat(selector, "] > .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(selector, "] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-megamenu[").concat(selector, "] .p-megamenu-grid {\n        flex-wrap: wrap;\n    }\n\n    ").concat(horizontal ? "\n.p-megamenu[".concat(selector, "] .p-megamenu-button {\n    display: flex;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-horizontal {\n    position: relative;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-horizontal .p-megamenu-root-list {\n    display: none;\n}\n\n.p-megamenu-horizontal[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n    width: auto;\n    flex: 1;\n    padding: 0;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-mobile-active .p-megamenu-root-list {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    width: 100%;\n    top: 100%;\n    left: 0;\n    z-index: 1;\n}\n        ") : '', "\n\n    ").concat(vertical ? "\n.p-megamenu-vertical[".concat(selector, "] {\n    width: 100%;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-megamenu-root-list {\n    max-height: ").concat(props.scrollHeight, ";\n    overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n}\n.p-megamenu-vertical[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n    width: 100%;\n    padding: 0;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-megamenu-submenu {\n    width: 100%;\n}\n\n.p-megamenu-vertical[").concat(selector, "] div[class*=\"p-megamenu-col-\"] .p-megamenu-submenu-header {\n    background: inherit;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-submenu-icon:before {\n    content: \"\\e930\";\n}\n        ") : '', "\n}\n");
+      var innerHTML = "\n                    @media screen and (max-width: ".concat(props.breakpoint, ") {\n                        .p-megamenu[").concat(selector, "] > .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(selector, "] {\n                            width: 100%;\n                            position: relative;\n                            padding: 0.5rem;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-megamenu-grid {\n                            flex-wrap: wrap;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-megamenu-button {\n                            display: flex;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-megamenu-root-list {\n                            display: none;\n                        }\n\n                        .p-megamenu[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n                            width: 100%;\n                        }\n\n                        .p-megamenu[").concat(selector, "].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(selector, "] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                            margin-left: auto;\n                        }\n                        \n                        .p-megamenu[").concat(selector, "] .p-submenu-list .p-menuitem-content .p-menuitem-link {\n                            padding-left: 2.25rem;\n                        }\n\n                        ").concat(horizontal ? "\n                                    .p-megamenu[".concat(selector, "] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-180deg);\n                                    }\n                            ") : '', "\n\n                        ").concat(vertical ? "                                                                   \n                                    .p-megamenu[".concat(selector, "] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(90deg);\n                                    }\n\n                                    .p-megamenu[").concat(selector, "] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-90deg);\n                                    }\n                            ") : '', "\n                    }\n                ");
       styleElementRef.current.innerHTML = innerHTML;
     }
   };
   var destroyStyle = function destroyStyle() {
     styleElementRef.current = DomHandler.removeInlineStyle(styleElementRef.current);
   };
-  useUpdateEffect(function () {
-    if (attributeSelectorState && elementRef.current) {
-      elementRef.current.setAttribute(attributeSelectorState, '');
-      createStyle();
-    }
-    return function () {
-      destroyStyle();
-    };
-  }, [attributeSelectorState, props.breakpoint]);
   var createCategory = function createCategory(processedItem, index) {
     var category = processedItem.item;
     var iconProps = mergeProps({
@@ -1284,7 +1286,7 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     return null;
   };
   var createMenuButton = function createMenuButton() {
-    if (vertical || props.model && props.model.length < 1) {
+    if (props.model && props.model.length < 1) {
       return null;
     }
     var menuButtonProps = mergeProps({

package/megamenu/megamenu.esm.min.js

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