primereact 10.9.6 → 10.9.8

package/megamenu/megamenu.cjs.js

@@ -268,33 +268,33 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     focusedItemInfo = _React$useState8[0],
     setFocusedItemInfo = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(null),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    focusedItemId = _React$useState10[0],
-    setFocusedItemId = _React$useState10[1];
-  var _React$useState11 = React__namespace.useState(false),
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    focusedItemId = _React$useState0[0],
+    setFocusedItemId = _React$useState0[1];
+  var _React$useState1 = React__namespace.useState(false),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    dirty = _React$useState10[0],
+    setDirty = _React$useState10[1];
+  var _React$useState11 = React__namespace.useState(null),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    dirty = _React$useState12[0],
-    setDirty = _React$useState12[1];
-  var _React$useState13 = React__namespace.useState(null),
+    processedItems = _React$useState12[0],
+    setProcessedItems = _React$useState12[1];
+  var _React$useState13 = React__namespace.useState([]),
     _React$useState14 = _slicedToArray(_React$useState13, 2),
-    processedItems = _React$useState14[0],
-    setProcessedItems = _React$useState14[1];
-  var _React$useState15 = React__namespace.useState([]),
+    visibleItems = _React$useState14[0],
+    setVisibleItems = _React$useState14[1];
+  var _React$useState15 = React__namespace.useState(null),
     _React$useState16 = _slicedToArray(_React$useState15, 2),
-    visibleItems = _React$useState16[0],
-    setVisibleItems = _React$useState16[1];
-  var _React$useState17 = React__namespace.useState(null),
+    attributeSelectorState = _React$useState16[0],
+    setAttributeSelectorState = _React$useState16[1];
+  var _React$useState17 = React__namespace.useState(false),
     _React$useState18 = _slicedToArray(_React$useState17, 2),
-    attributeSelectorState = _React$useState18[0],
-    setAttributeSelectorState = _React$useState18[1];
+    mobileActiveState = _React$useState18[0],
+    setMobileActiveState = _React$useState18[1];
   var _React$useState19 = React__namespace.useState(false),
     _React$useState20 = _slicedToArray(_React$useState19, 2),
-    mobileActiveState = _React$useState20[0],
-    setMobileActiveState = _React$useState20[1];
-  var _React$useState21 = React__namespace.useState(false),
-    _React$useState22 = _slicedToArray(_React$useState21, 2),
-    focusTrigger = _React$useState22[0],
-    setFocusTrigger = _React$useState22[1];
+    focusTrigger = _React$useState20[0],
+    setFocusTrigger = _React$useState20[1];
   var searchValue = React__namespace.useRef('');
   var searchTimeout = React__namespace.useRef(null);
   var elementRef = React__namespace.useRef(null);
@@ -1010,11 +1010,12 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     var key = idState + '_separator__' + index;
     var separatorProps = mergeProps({
       id: key,
-      key: key,
       className: cx('separator'),
       role: 'separator'
     }, ptm('separator'));
-    return /*#__PURE__*/React__namespace.createElement("li", separatorProps);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, separatorProps, {
+      key: key
+    }));
   };
   var createSubmenuIcon = function createSubmenuIcon(item) {
     if (item.items) {
@@ -1065,7 +1066,6 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     var isGroup = isItemGroup(processedItem);
     var isActive = isItemActive(processedItem);
     var submenuItemProps = mergeProps({
-      key: key,
       id: key,
       'aria-label': getItemLabel(processedItem),
       'aria-disabled': isDisabled,
@@ -1105,7 +1105,9 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       };
       content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-    return /*#__PURE__*/React__namespace.createElement("li", submenuItemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, content));
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, submenuItemProps, {
+      key: key
+    }), /*#__PURE__*/React__namespace.createElement("div", contentProps, content));
   };
   var createSubmenu = function createSubmenu(submenu, index) {
     if (!isItemVisible(submenu)) {
@@ -1117,7 +1119,6 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     var isDisabled = isItemDisabled(submenu);
     var submenuHeaderProps = mergeProps({
       id: key,
-      key: key,
       className: utils.classNames(submenu.className, cx('submenuHeader', {
         disabled: isDisabled
       })),
@@ -1129,7 +1130,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       key: key
     }, /*#__PURE__*/React__namespace.createElement("li", submenuHeaderProps, label), items);
   };
-  var createSubmenus = function createSubmenus(column) {
+  var createSubmenus = function createSubmenus(column, index) {
     return column.map(createSubmenu);
   };
   var createColumn = function createColumn(processedItem, processedColumn, index) {
@@ -1137,7 +1138,6 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     var key = category.label + '_column_' + index;
     var submenus = createSubmenus(processedColumn);
     var columnProps = mergeProps({
-      key: key,
       className: cx('column', {
         category: category
       })
@@ -1151,12 +1151,16 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         display: display
       }
     }, ptm('submenu'));
-    return /*#__PURE__*/React__namespace.createElement("div", columnProps, /*#__PURE__*/React__namespace.createElement("ul", submenuProps, submenus));
+    return /*#__PURE__*/React__namespace.createElement("div", _extends({}, columnProps, {
+      key: key
+    }), /*#__PURE__*/React__namespace.createElement("ul", submenuProps, submenus));
   };
   var createColumns = function createColumns(category) {
     if (category.items) {
       return category.items.map(function (column, index) {
-        return createColumn(category, column, index);
+        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+          key: index
+        }, createColumn(category, column, index));
       });
     }
     return null;
@@ -1217,7 +1221,6 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     var isFocused = isItemFocused(processedItem);
     var isDisabled = isItemDisabled(processedItem);
     var menuItemProps = mergeProps(_defineProperty({
-      key: key,
       id: key,
       className: utils.classNames(category.className, cx('menuitem', {
         category: category,
@@ -1253,7 +1256,9 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       },
       className: cx('content')
     }, getPTOptions(processedItem, 'content', index));
-    return /*#__PURE__*/React__namespace.createElement("li", menuItemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, itemContent), panel);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, menuItemProps, {
+      key: key
+    }), /*#__PURE__*/React__namespace.createElement("div", contentProps, itemContent), panel);
   };
   var createMenu = function createMenu() {
     var menuProps = mergeProps({
@@ -1272,7 +1277,9 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     }, ptm('menu'));
     if (processedItems) {
       return /*#__PURE__*/React__namespace.createElement("ul", menuProps, processedItems.map(function (item, index) {
-        return createCategory(item, index);
+        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+          key: index
+        }, createCategory(item, index));
       }));
     }
     return null;

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

package/megamenu/megamenu.esm.js

@@ -241,33 +241,33 @@ var MegaMenu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     focusedItemInfo = _React$useState8[0],
     setFocusedItemInfo = _React$useState8[1];
   var _React$useState9 = React.useState(null),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    focusedItemId = _React$useState10[0],
-    setFocusedItemId = _React$useState10[1];
-  var _React$useState11 = React.useState(false),
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    focusedItemId = _React$useState0[0],
+    setFocusedItemId = _React$useState0[1];
+  var _React$useState1 = React.useState(false),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    dirty = _React$useState10[0],
+    setDirty = _React$useState10[1];
+  var _React$useState11 = React.useState(null),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    dirty = _React$useState12[0],
-    setDirty = _React$useState12[1];
-  var _React$useState13 = React.useState(null),
+    processedItems = _React$useState12[0],
+    setProcessedItems = _React$useState12[1];
+  var _React$useState13 = React.useState([]),
     _React$useState14 = _slicedToArray(_React$useState13, 2),
-    processedItems = _React$useState14[0],
-    setProcessedItems = _React$useState14[1];
-  var _React$useState15 = React.useState([]),
+    visibleItems = _React$useState14[0],
+    setVisibleItems = _React$useState14[1];
+  var _React$useState15 = React.useState(null),
     _React$useState16 = _slicedToArray(_React$useState15, 2),
-    visibleItems = _React$useState16[0],
-    setVisibleItems = _React$useState16[1];
-  var _React$useState17 = React.useState(null),
+    attributeSelectorState = _React$useState16[0],
+    setAttributeSelectorState = _React$useState16[1];
+  var _React$useState17 = React.useState(false),
     _React$useState18 = _slicedToArray(_React$useState17, 2),
-    attributeSelectorState = _React$useState18[0],
-    setAttributeSelectorState = _React$useState18[1];
+    mobileActiveState = _React$useState18[0],
+    setMobileActiveState = _React$useState18[1];
   var _React$useState19 = React.useState(false),
     _React$useState20 = _slicedToArray(_React$useState19, 2),
-    mobileActiveState = _React$useState20[0],
-    setMobileActiveState = _React$useState20[1];
-  var _React$useState21 = React.useState(false),
-    _React$useState22 = _slicedToArray(_React$useState21, 2),
-    focusTrigger = _React$useState22[0],
-    setFocusTrigger = _React$useState22[1];
+    focusTrigger = _React$useState20[0],
+    setFocusTrigger = _React$useState20[1];
   var searchValue = React.useRef('');
   var searchTimeout = React.useRef(null);
   var elementRef = React.useRef(null);
@@ -983,11 +983,12 @@ var MegaMenu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     var key = idState + '_separator__' + index;
     var separatorProps = mergeProps({
       id: key,
-      key: key,
       className: cx('separator'),
       role: 'separator'
     }, ptm('separator'));
-    return /*#__PURE__*/React.createElement("li", separatorProps);
+    return /*#__PURE__*/React.createElement("li", _extends({}, separatorProps, {
+      key: key
+    }));
   };
   var createSubmenuIcon = function createSubmenuIcon(item) {
     if (item.items) {
@@ -1038,7 +1039,6 @@ var MegaMenu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     var isGroup = isItemGroup(processedItem);
     var isActive = isItemActive(processedItem);
     var submenuItemProps = mergeProps({
-      key: key,
       id: key,
       'aria-label': getItemLabel(processedItem),
       'aria-disabled': isDisabled,
@@ -1078,7 +1078,9 @@ var MegaMenu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
       };
       content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-    return /*#__PURE__*/React.createElement("li", submenuItemProps, /*#__PURE__*/React.createElement("div", contentProps, content));
+    return /*#__PURE__*/React.createElement("li", _extends({}, submenuItemProps, {
+      key: key
+    }), /*#__PURE__*/React.createElement("div", contentProps, content));
   };
   var createSubmenu = function createSubmenu(submenu, index) {
     if (!isItemVisible(submenu)) {
@@ -1090,7 +1092,6 @@ var MegaMenu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     var isDisabled = isItemDisabled(submenu);
     var submenuHeaderProps = mergeProps({
       id: key,
-      key: key,
       className: classNames(submenu.className, cx('submenuHeader', {
         disabled: isDisabled
       })),
@@ -1102,7 +1103,7 @@ var MegaMenu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
       key: key
     }, /*#__PURE__*/React.createElement("li", submenuHeaderProps, label), items);
   };
-  var createSubmenus = function createSubmenus(column) {
+  var createSubmenus = function createSubmenus(column, index) {
     return column.map(createSubmenu);
   };
   var createColumn = function createColumn(processedItem, processedColumn, index) {
@@ -1110,7 +1111,6 @@ var MegaMenu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     var key = category.label + '_column_' + index;
     var submenus = createSubmenus(processedColumn);
     var columnProps = mergeProps({
-      key: key,
       className: cx('column', {
         category: category
       })
@@ -1124,12 +1124,16 @@ var MegaMenu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
         display: display
       }
     }, ptm('submenu'));
-    return /*#__PURE__*/React.createElement("div", columnProps, /*#__PURE__*/React.createElement("ul", submenuProps, submenus));
+    return /*#__PURE__*/React.createElement("div", _extends({}, columnProps, {
+      key: key
+    }), /*#__PURE__*/React.createElement("ul", submenuProps, submenus));
   };
   var createColumns = function createColumns(category) {
     if (category.items) {
       return category.items.map(function (column, index) {
-        return createColumn(category, column, index);
+        return /*#__PURE__*/React.createElement(React.Fragment, {
+          key: index
+        }, createColumn(category, column, index));
       });
     }
     return null;
@@ -1190,7 +1194,6 @@ var MegaMenu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     var isFocused = isItemFocused(processedItem);
     var isDisabled = isItemDisabled(processedItem);
     var menuItemProps = mergeProps(_defineProperty({
-      key: key,
       id: key,
       className: classNames(category.className, cx('menuitem', {
         category: category,
@@ -1226,7 +1229,9 @@ var MegaMenu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
       },
       className: cx('content')
     }, getPTOptions(processedItem, 'content', index));
-    return /*#__PURE__*/React.createElement("li", menuItemProps, /*#__PURE__*/React.createElement("div", contentProps, itemContent), panel);
+    return /*#__PURE__*/React.createElement("li", _extends({}, menuItemProps, {
+      key: key
+    }), /*#__PURE__*/React.createElement("div", contentProps, itemContent), panel);
   };
   var createMenu = function createMenu() {
     var menuProps = mergeProps({
@@ -1245,7 +1250,9 @@ var MegaMenu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     }, ptm('menu'));
     if (processedItems) {
       return /*#__PURE__*/React.createElement("ul", menuProps, processedItems.map(function (item, index) {
-        return createCategory(item, index);
+        return /*#__PURE__*/React.createElement(React.Fragment, {
+          key: index
+        }, createCategory(item, index));
       }));
     }
     return null;

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