primereact 10.2.1 → 10.3.0

package/megamenu/megamenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as a}from"primereact/componentbase";import{useMatchMedia as i,useEventListener as o,useResizeListener as l,useMountEffect as u,useUpdateEffect as m}from"primereact/hooks";import{AngleDownIcon as c}from"primereact/icons/angledown";import{AngleRightIcon as s}from"primereact/icons/angleright";import{BarsIcon as p}from"primereact/icons/bars";import{Ripple as d}from"primereact/ripple";import{classNames as g,UniqueComponentId as f,DomHandler as b,ZIndexUtils as v,mergeProps as y,ObjectUtils as h,IconUtils as w}from"primereact/utils";function E(){return E=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},E.apply(this,arguments)}function S(e){return S="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},S(e)}function x(e,n){if("object"!==S(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function k(e){var n=x(e,"string");return"symbol"===S(n)?n:String(n)}function I(e){if(Array.isArray(e))return e}function N(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,l=[],u=!0,m=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){m=!0,a=e}finally{try{if(!u&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(m)throw a}}return l}}function O(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 j(e,n){if(e){if("string"==typeof e)return O(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)?O(e,n):void 0}}function D(){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 A(e,n){return I(e)||N(e,n)||j(e,n)||D()}var z=r.extend({defaultProps:{__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal",breakpoint:void 0,scrollHeight:"400px",start:null,submenuIcon:null,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})},separator:"p-menu-separator",submenuIcon:"p-submenu-icon",action:function(e){return g("p-menuitem-link",{"p-disabled":e.item.disabled})},submenuItem:"p-menuitem",submenuHeader:function(e){return g("p-megamenu-submenu-header",{"p-disabled":e.submenu.disabled})},submenu:"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},headerAction:function(e){return g("p-menuitem-link",{"p-disabled":e.category.disabled})},menuButton:"p-megamenu-button",menuitem:function(e){return g("p-menuitem",{"p-menuitem-active":e.category===e.activeItemState})},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 P(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 _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){var r,a,i;r=e,i=t[n],(a=k(a=n))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=e.memo(e.forwardRef((function(r,S){var x=e.useContext(t),k=z.getProps(r,x),I=A(e.useState(k.id),2),N=I[0],O=I[1],j=A(e.useState(null),2),D=j[0],P=j[1],H=A(e.useState(null),2),C=H[0],J=H[1],M=A(e.useState(!1),2),X=M[0],T=M[1],B=e.useRef(null),R=e.useRef(null),U=e.useRef(null),V="horizontal"===k.orientation,Z="vertical"===k.orientation,F=i("screen and (max-width: ".concat(k.breakpoint,")"),!!k.breakpoint),K=z.setMetaData({props:k,state:{id:N,activeItem:D,attributeSelector:C,mobileActive:X}}),L=K.ptm,Y=K.cx;a(z.css.styles,K.isUnstyled,{name:"megamenu"});var $=function(e,n,t){return L(n,{context:{active:D===e,item:e,index:t}})},q=A(o({type:"click",listener:function(e){F&&!X||!oe(e)||(P(null),T(!1))}}),1)[0],G=A(l({listener:function(){F&&!X||(P(null),T(!1))}}),1)[0],Q=function(e,n){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),P(null),T(!1))},W=function(e,n){var t=e.currentTarget.parentElement;switch(e.which){case 40:V?ee(n):ae(t),e.preventDefault();break;case 38:Z?ie(t):n.items&&n===D&&ne(),e.preventDefault();break;case 39:V?ae(t):ee(n),e.preventDefault();break;case 37:V?ie(t):n.items&&n===D&&ne(),e.preventDefault()}},ee=function(e){e.items&&P(e)},ne=function(e){P(null)},te=function e(n){var t=n.nextElementSibling;return t?b.getAttribute(t,'[data-p-disabled="true"]')||!b.getAttribute(t,'[data-pc-section="menuitem"]')?e(t):t:null},re=function e(n){var t=n.previousElementSibling;return t?b.getAttribute(t,'[data-p-disabled="true"]')||!b.getAttribute(t,'[data-pc-section="menuitem"]')?e(t):t:null},ae=function(e){var n=te(e);n&&n.children[0].focus()},ie=function(e){var n=re(e);n&&n.children[0].focus()},oe=function(e){return B.current&&!(B.current.isSameNode(e.target)||B.current.contains(e.target)||U.current&&U.current.contains(e.target))};e.useImperativeHandle(S,(function(){return{props:k,getElement:function(){return B.current}}})),u((function(){var e=f();!N&&O(e),k.breakpoint&&!C&&J(e),q(),G()})),m((function(){var e=b.findSingle(B.current,".p-menuitem-active > .p-megamenu-panel");return D&&!F&&v.set("menu",e,x&&x.autoZIndex||n.autoZIndex,x&&x.zIndex.menu||n.zIndex.menu),F&&e&&e.previousElementSibling.scrollIntoView({block:"nearest",inline:"nearest"}),function(){v.clear(e)}}),[D]);var le=function(n){var t=N+"_separator__"+n,r=y({id:t,key:t,className:Y("separator"),role:"separator"},L("separator"));return e.createElement("li",r)},ue=function(n){if(n.items){var t=y({className:Y("submenuIcon")},L("submenuIcon"));return w.getJSXIcon(Z?k.submenuIcon||e.createElement(s,t):k.submenuIcon||e.createElement(c,t),_({},t),{props:k})}return null},me=function(n,t){if(!1===n.visible)return null;if(n.separator)return le(t);var r=n.id||N+"_"+t,a=g("p-menuitem-link",{"p-disabled":n.disabled}),i=y({className:g(n.icon,Y("icon"))},L("icon")),o=y({className:Y("label")},L("label")),l=g(n.icon,"p-menuitem-icon"),u=w.getJSXIcon(n.icon,_({},i),{props:k}),m=n.label&&e.createElement("span",o,n.label),c=y({href:n.url||"#",className:Y("action",{item:n}),target:n.target,onClick:function(e){return Q(e,n)},role:"menuitem","aria-disabled":n.disabled},$(n,"action",t)),s=y({key:r,id:r,className:g(n.className,Y("submenuItem")),style:n.style,role:"none"},$(n,"submenuItem",t)),p=e.createElement("a",c,u,m,e.createElement(d,null));return n.template&&(p=h.getJSXElement(n.template,n,{onClick:function(e){return Q(e,n)},className:a,labelClassName:"p-menuitem-text",iconClassName:l,element:p,props:k})),e.createElement("li",s,p)},ce=function(n,t){if(!1===n.visible)return null;var r=n.items.map(me),a=n.id||N+"_sub_"+t,i=y({id:a,key:a,className:g(n.className,Y("submenuHeader",{submenu:n})),style:n.style,role:"presentation","data-p-disabled":n.disabled},L("submenuHeader"));return e.createElement(e.Fragment,{key:a},e.createElement("li",i,n.label),r)},se=function(e){return e.map(ce)},pe=function(n,t,r){var a=n.label+"_column_"+r,i=se(t),o=y({key:a,className:Y("column",{category:n})},L("column")),l=y({className:Y("submenu"),style:{display:D===n?"block":"none"},role:"menu"},L("submenu"));return e.createElement("div",o,e.createElement("ul",l,i))},de=function(e){return e.items?e.items.map((function(n,t){return pe(e,n,t)})):null},ge=function(n){if(n.items){var t=de(n),r=y({className:Y("panel")},L("panel")),a=y({className:Y("grid")},L("grid"));return e.createElement("div",r,e.createElement("div",a,t))}return null},fe=function(){if(!R.current){R.current=b.createInlineStyle(x&&x.nonce||n.nonce);var e="".concat(C),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,"] .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(V?"\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(Z?"\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(k.scrollHeight,";\n    overflow: ").concat(k.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");R.current.innerHTML=t}};m((function(){return C&&B.current&&(B.current.setAttribute(C,""),fe()),function(){R.current=b.removeInlineStyle(R.current)}}),[C,k.breakpoint]);var be,ve=function(n,t){var r=y({className:Y("icon")},$(n,"icon",t)),a=w.getJSXIcon(n.icon,_({},r),{props:k}),i=y({className:Y("label")},$(n,"label",t)),o=n.label&&e.createElement("span",i,n.label),l=n.template?h.getJSXElement(n.template,n):null,u=ue(n),m=ge(n),c=y({href:n.url||"#",className:Y("headerAction",{category:n}),target:n.target,onClick:function(e){return t=e,void((r=n).disabled?t.preventDefault():(r.url||t.preventDefault(),r.command&&(r.command({originalEvent:t,item:k.item}),t.preventDefault()),r.items&&(P(D&&D===r?null:r),t.preventDefault())));var t,r},onKeyDown:function(e){return W(e,n)},role:"menuitem","aria-haspopup":null!=n.items,"data-p-disabled":n.disabled},$(n,"headerAction",t)),s=n.id||N+"_cat_"+t,p=y({key:s,id:s,className:g(n.className,Y("menuitem",{category:n,activeItemState:D})),style:n.style,onMouseEnter:function(e){return t=e,void((r=n).disabled||F?t.preventDefault():D&&P(r));var t,r},role:"none","data-p-disabled":n.disabled||!1},$(n,"menuitem",t));return e.createElement("li",p,e.createElement("a",c,a,o,l,u,e.createElement(d,null)),m)},ye=y({className:g(k.className,Y("root",{mobileActiveState:X})),style:k.style},z.getOtherProps(k),L("root")),he=(be=y({className:Y("menu"),role:"menubar"},L("menu")),k.model?e.createElement("ul",be,k.model.map((function(e,n){return ve(e,n)}))):null),we=function(){var n=y({className:Y("start")},L("start"));if(k.start){var t=h.getJSXElement(k.start,k);return e.createElement("div",n,t)}return null}(),Ee=function(){var n=y({className:Y("end")},L("end"));if(k.end){var t=h.getJSXElement(k.end,k);return e.createElement("div",n,t)}return null}(),Se=function(){if("vertical"===k.orientation||k.model&&k.model.length<1)return null;var n=y({className:Y("menuButton"),href:"#",role:"button",tabIndex:0,onClick:function(e){return e.preventDefault(),T((function(e){return!e})),void P(null)}},L("menuButton")),t=y(L("menuButtonIcon")),r=w.getJSXIcon(k.menuIcon||e.createElement(p,t),_({},t),{props:k});return e.createElement("a",E({ref:U},n),r)}();return e.createElement("div",E({id:k.id,ref:B},ye),we,Se,he,Ee)})));H.displayName="MegaMenu";export{H as MegaMenu};
+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};