primereact
Version:
PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime
2 lines (1 loc) • 25.8 kB
JavaScript
;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 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,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-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),oe="horizontal"===b.orientation,ue="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:on(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,o=t.key,u=t.parentKey;E(null),P({index:i,key:o,parentKey:u})}else if(a)Ie(e);else{var l=I?I.index:-1,c=I?I.key:"";Ne(n),P({index:l,key:c,parentKey:""}),Y(!1)}}},Ie=function(e){var n=e.processedItem,t=e.isFocus;if(!l.ObjectUtils.isEmpty(n)){var r=n.index,a=n.key,i=n.parentKey,o=l.ObjectUtils.isNotEmpty(n.items);o&&E(n),P({index:r,key:a,parentKey:i}),o&&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.command&&r.command({originalEvent:n,item:b.item}),r.url||(n.preventDefault(),n.stopPropagation());var a=pn(t),i=l.ObjectUtils.isEmpty(t.parent);if(qe(t)){var o=t.index,u=t.key,c=t.parentKey;E(null),P({index:o,key:u,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":case"NumpadEnter":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(),oe){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&&oe)-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(oe){var t=-1!==K.index?Fe(K.index):Ye();en(t)}}else{ue&&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(ue)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")},on=function(e){return!!l.ObjectUtils.isNotEmpty(I)&&I.key===e.key},un=function(e){return!1!==rn(e,"visible")},ln=function(e){return rn(e,"disabled")},cn=function(e){return _===tn(e)},mn=function(e){return 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 un(e)&&!rn(e,"separator")})).length},fn=function(e){return e-b.model.slice(0,e).filter((function(e){return un(e)&&rn(e,"separator")})).length+1},bn=function e(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;return n?(Array.isArray(n)||(n=[n]),n.map((function(n,o){var u="".concat(""!==a?a+"_":"").concat(void 0!==i?i+"_":"").concat(o),l={item:n,index:o,level:t,key:u,parent:r,parentKey:a,columnIndex:void 0!==i?i:r&&void 0!==r.columnIndex?r.columnIndex:o};return l.items=0===t&&n.items&&n.items.length>0?n.items.map((function(n,r){return e(n,t+1,l,u,r)})):e(n.items,t+1,l,u),l}))):[]},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(ue?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")),o=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",o,t.label),f=m({href:t.url||"#",className:se("action",{item:t}),target:t.target,tabIndex:"-1","aria-hidden":!0},pe(e,"action",n)),g=cn(e),v=ln(e),y=mn(e),x=on(e),h=m({key:r,id:r,"aria-label":an(e),"aria-disabled":v,"aria-haspopup":y?"menu":void 0,"aria-level":"2","aria-expanded":y?x:void 0,"aria-setsize":dn(),"aria-posinset":fn(n),"data-p-highlight":x,"data-p-disabled":v,"data-p-focused":g,className: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(u.Ripple,null));t.template&&(I=l.ObjectUtils.getJSXElement(t.template,t,{className:a,labelClassName:"p-menuitem-text",iconClassName:c,element:I,props:b}));return s.createElement("li",h,s.createElement("div",k,I))},xn=function(e,n){if(!un(e))return null;var t=e.items.map(yn),r=e.id||x+"_sub_"+n,a=an(e),i=ln(e),o=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",o,a),t)},hn=function(e,n,t){var r=e.item,a=r.label+"_column_"+t,i=n.map(xn),o=m({key:a,className:se("column",{category:r})},me("column")),u=I&&I.item===r?"block":"none",l=m({role:"menu",tabIndex:b.disabled?null:b.tabIndex||"0",className:se("submenu"),style:{display:u}},me("submenu"));return s.createElement("div",o,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(oe?"\n .p-megamenu[".concat(e,"] .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n "):"","\n\n ").concat(ue?"\n .p-megamenu[".concat(e,"] .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(90deg);\n }\n\n .p-megamenu[").concat(e,"] .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-90deg);\n }\n "):"","\n }\n ");ae.current.innerHTML=n}},Nn=function(){ae.current=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)),o=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,o,c,s.createElement(u.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)?on(e):void 0,"aria-haspopup":mn(e)?"menu":void 0,"aria-disabled":ln(e),"data-p-highlight":on(t),"data-p-disabled":x,"data-p-focused":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":ue?"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(o.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;