primereact 10.3.0 → 10.3.2

package/megamenu/megamenu.js

@@ -220,7 +220,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
     start: 'p-megamenu-start',
     end: 'p-megamenu-end'
   };
-  var styles = "\n@layer primereact {\n    .p-megamenu {\n        display: flex;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-root-list > .p-menuitem {\n        position: relative;\n    }\n\n    .p-megamenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        position: absolute;\n        width: auto;\n        z-index: 1;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-custom,\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n";
+  var styles = "\n@layer primereact {\n    .p-megamenu {\n        display: flex;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-root-list > .p-menuitem {\n        position: relative;\n    }\n\n    .p-megamenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        position: absolute;\n        width: auto;\n        z-index: 1;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-custom,\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link  > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n";
   var MegaMenuBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'MegaMenu',
@@ -249,6 +249,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = MegaMenuBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(props.id),
@@ -513,13 +514,6 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
         }, 1);
       }
     };
-    hooks.useUpdateEffect(function () {
-      if (mobileActiveState) {
-        bindListeners();
-      } else {
-        unbindListeners();
-      }
-    }, [mobileActiveState]);
     var isOutsideClicked = function isOutsideClicked(event) {
       return elementRef.current && !(elementRef.current.isSameNode(event.target) || elementRef.current.contains(event.target) || menuButtonRef.current && menuButtonRef.current.contains(event.target));
     };
@@ -538,6 +532,72 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
         !attributeSelectorState && setAttributeSelectorState(uniqueId);
       }
     });
+    hooks.useUpdateEffect(function () {
+      if (attributeSelectorState && elementRef.current) {
+        elementRef.current.setAttribute(attributeSelectorState, '');
+        createStyle();
+      }
+      return function () {
+        destroyStyle();
+      };
+    }, [attributeSelectorState, props.breakpoint]);
+    hooks.useUpdateEffect(function () {
+      if (mobileActiveState) {
+        bindListeners();
+      } else {
+        unbindListeners();
+      }
+    }, [mobileActiveState]);
+    hooks.useUpdateEffect(function () {
+      if (focusTrigger) {
+        var itemIndex = focusedItemInfo.index !== -1 ? findNextItemIndex(focusedItemInfo.index) : findFirstFocusedItemIndex();
+        changeFocusedItemInfo(itemIndex);
+        setFocusTrigger(false);
+      }
+    }, [focusTrigger]);
+    hooks.useUpdateEffect(function () {
+      var currentPanel = utils.DomHandler.findSingle(elementRef.current, '.p-menuitem-active > .p-megamenu-panel');
+      if (activeItemState) {
+        bindListeners();
+        if (!isMobileMode) {
+          utils.ZIndexUtils.set('menu', currentPanel, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
+        }
+      } else {
+        unbindListeners();
+      }
+      if (isMobileMode) {
+        currentPanel && currentPanel.previousElementSibling.scrollIntoView({
+          block: 'nearest',
+          inline: 'nearest'
+        });
+      }
+      return function () {
+        unbindListeners();
+        utils.ZIndexUtils.clear(currentPanel);
+      };
+    }, [activeItemState, isMobileMode]);
+    hooks.useUpdateEffect(function () {
+      var _focusedItemId = utils.ObjectUtils.isNotEmpty(focusedItemInfo.key) ? "".concat(idState, "_").concat(focusedItemInfo.key) : null;
+      setFocusedItemId(_focusedItemId);
+    }, [focusedItemInfo]);
+    React__namespace.useEffect(function () {
+      var itemsToProcess = props.model || [];
+      var processed = createProcessedItems(itemsToProcess, 0, null, '');
+      setProcessedItems(processed);
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.model]);
+    hooks.useUpdateEffect(function () {
+      var processedItem = utils.ObjectUtils.isNotEmpty(activeItemState) ? activeItemState : null;
+      var _visibleItems = processedItem && processedItem.key === focusedItemInfo.parentKey ? processedItem.items.reduce(function (items, col) {
+        col.forEach(function (submenu) {
+          submenu.items.forEach(function (a) {
+            items.push(a);
+          });
+        });
+        return items;
+      }, []) : processedItems;
+      setVisibleItems(_visibleItems);
+    }, [focusedItemInfo, activeItemState, processedItems]);
     var onFocus = function onFocus(event) {
       setFocused(true);
       if (focusedItemInfo.index === -1) {
@@ -609,13 +669,6 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
           break;
       }
     };
-    hooks.useUpdateEffect(function () {
-      if (focusTrigger) {
-        var itemIndex = focusedItemInfo.index !== -1 ? findNextItemIndex(focusedItemInfo.index) : findFirstFocusedItemIndex();
-        changeFocusedItemInfo(itemIndex);
-        setFocusTrigger(false);
-      }
-    }, [focusTrigger]);
     var onArrowDownKey = function onArrowDownKey(event) {
       event.preventDefault();
       if (horizontal) {
@@ -931,48 +984,6 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
         return isItemVisible(processedItem) && getItemProp(processedItem, 'separator');
       }).length + 1;
     };
-    hooks.useUpdateEffect(function () {
-      var currentPanel = utils.DomHandler.findSingle(elementRef.current, '.p-menuitem-active > .p-megamenu-panel');
-      if (activeItemState) {
-        bindListeners();
-        if (!isMobileMode) {
-          utils.ZIndexUtils.set('menu', currentPanel, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
-        }
-      } else {
-        unbindListeners();
-      }
-      if (isMobileMode) {
-        currentPanel && currentPanel.previousElementSibling.scrollIntoView({
-          block: 'nearest',
-          inline: 'nearest'
-        });
-      }
-      return function () {
-        unbindListeners();
-        utils.ZIndexUtils.clear(currentPanel);
-      };
-    }, [activeItemState]);
-    hooks.useUpdateEffect(function () {
-      var _focusedItemId = utils.ObjectUtils.isNotEmpty(focusedItemInfo.key) ? "".concat(idState, "_").concat(focusedItemInfo.key) : null;
-      setFocusedItemId(_focusedItemId);
-    }, [focusedItemInfo]);
-    hooks.useUpdateEffect(function () {
-      var itemsToProcess = props.model || [];
-      var processed = createProcessedItems(itemsToProcess, 0, null, '');
-      setProcessedItems(processed);
-    }, [props.model]);
-    hooks.useUpdateEffect(function () {
-      var processedItem = utils.ObjectUtils.isNotEmpty(activeItemState) ? activeItemState : null;
-      var _visibleItems = processedItem && processedItem.key === focusedItemInfo.parentKey ? processedItem.items.reduce(function (items, col) {
-        col.forEach(function (submenu) {
-          submenu.items.forEach(function (a) {
-            items.push(a);
-          });
-        });
-        return items;
-      }, []) : processedItems;
-      setVisibleItems(_visibleItems);
-    }, [focusedItemInfo, activeItemState, processedItems]);
     var createProcessedItems = function createProcessedItems(items) {
       var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
       var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -999,7 +1010,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
     };
     var createSeparator = function createSeparator(index) {
       var key = idState + '_separator__' + index;
-      var separatorProps = utils.mergeProps({
+      var separatorProps = mergeProps({
         id: key,
         key: key,
         className: cx('separator'),
@@ -1009,7 +1020,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
     };
     var createSubmenuIcon = function createSubmenuIcon(item) {
       if (item.items) {
-        var submenuIconProps = utils.mergeProps({
+        var submenuIconProps = mergeProps({
           className: cx('submenuIcon')
         }, ptm('submenuIcon'));
         var icon = vertical ? props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, submenuIconProps) : props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angledown.AngleDownIcon, submenuIconProps);
@@ -1032,10 +1043,10 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
         var linkClassName = utils.classNames('p-menuitem-link', {
           'p-disabled': item.disabled
         });
-        var iconProps = utils.mergeProps({
+        var iconProps = mergeProps({
           className: utils.classNames(item.icon, cx('icon'))
         }, ptm('icon'));
-        var labelProps = utils.mergeProps({
+        var labelProps = mergeProps({
           className: cx('label')
         }, ptm('label'));
         var iconClassName = utils.classNames(item.icon, 'p-menuitem-icon');
@@ -1043,7 +1054,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
           props: props
         });
         var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
-        var actionProps = utils.mergeProps({
+        var actionProps = mergeProps({
           href: item.url || '#',
           className: cx('action', {
             item: item
@@ -1056,7 +1067,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
         var isDisabled = isItemDisabled(processedItem);
         var isGroup = isItemGroup(processedItem);
         var isActive = isItemActive(processedItem);
-        var submenuItemProps = utils.mergeProps({
+        var submenuItemProps = mergeProps({
           key: key,
           id: key,
           'aria-label': getItemLabel(processedItem),
@@ -1077,7 +1088,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
           style: item.style,
           role: 'menuitem'
         }, getPTOptions(processedItem, 'submenuItem', index));
-        var contentProps = utils.mergeProps({
+        var contentProps = mergeProps({
           onClick: function onClick(event) {
             return onLeafClick({
               originalEvent: event,
@@ -1108,7 +1119,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
       var key = submenu.id || idState + '_sub_' + index;
       var label = getItemLabel(submenu);
       var isDisabled = isItemDisabled(submenu);
-      var submenuHeaderProps = utils.mergeProps({
+      var submenuHeaderProps = mergeProps({
         id: key,
         key: key,
         className: utils.classNames(submenu.className, cx('submenuHeader', {
@@ -1129,14 +1140,14 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
       var category = processedItem.item;
       var key = category.label + '_column_' + index;
       var submenus = createSubmenus(processedColumn);
-      var columnProps = utils.mergeProps({
+      var columnProps = mergeProps({
         key: key,
         className: cx('column', {
           category: category
         })
       }, ptm('column'));
       var display = activeItemState && activeItemState.item === category ? 'block' : 'none';
-      var submenuProps = utils.mergeProps({
+      var submenuProps = mergeProps({
         role: 'menu',
         tabIndex: props.disabled ? null : props.tabIndex || '0',
         className: cx('submenu'),
@@ -1158,10 +1169,10 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
       var category = processedItem.item;
       if (category.items) {
         var columns = createColumns(processedItem);
-        var panelProps = utils.mergeProps({
+        var panelProps = mergeProps({
           className: cx('panel')
         }, ptm('panel'));
-        var gridProps = utils.mergeProps({
+        var gridProps = mergeProps({
           className: cx('grid')
         }, ptm('grid'));
         return /*#__PURE__*/React__namespace.createElement("div", panelProps, /*#__PURE__*/React__namespace.createElement("div", gridProps, columns));
@@ -1170,39 +1181,30 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
     };
     var createStyle = function createStyle() {
       if (!styleElementRef.current) {
-        styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
+        styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
         var selector = "".concat(attributeSelectorState);
-        var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-megamenu[").concat(selector, "] > .p-megamenu-root-list .p-menuitem-active .p-megamenu-panel {\n        position: relative;\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        background: inherit;\n    }\n\n    .p-megamenu[").concat(selector, "] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-megamenu[").concat(selector, "] .p-megamenu-grid {\n        flex-wrap: wrap;\n    }\n\n    ").concat(horizontal ? "\n.p-megamenu[".concat(selector, "] .p-megamenu-button {\n    display: flex;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-horizontal {\n    position: relative;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-horizontal .p-megamenu-root-list {\n    display: none;\n}\n\n.p-megamenu-horizontal[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n    width: auto;\n    flex: 1;\n    padding: 0;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-mobile-active .p-megamenu-root-list {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    width: 100%;\n    top: 100%;\n    left: 0;\n    z-index: 1;\n}\n        ") : '', "\n\n    ").concat(vertical ? "\n.p-megamenu-vertical[".concat(selector, "] {\n    width: 100%;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-megamenu-root-list {\n    max-height: ").concat(props.scrollHeight, ";\n    overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n}\n.p-megamenu-vertical[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n    width: 100%;\n    padding: 0;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-megamenu-submenu {\n    width: 100%;\n}\n\n.p-megamenu-vertical[").concat(selector, "] div[class*=\"p-megamenu-col-\"] .p-megamenu-submenu-header {\n    background: inherit;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-submenu-icon:before {\n    content: \"\\e930\";\n}\n        ") : '', "\n}\n");
+        var innerHTML = "\n                    @media screen and (max-width: ".concat(props.breakpoint, ") {\n                        .p-megamenu[").concat(selector, "] > .p-megamenu-root-list .p-menuitem-active .p-megamenu-panel {\n                            position: relative;\n                            left: 0;\n                            box-shadow: none;\n                            border-radius: 0;\n                            background: inherit;\n                        }\n\n                        .p-megamenu[").concat(selector, "] {\n                            width: 100%;\n                            position: relative;\n                            padding: 0.5rem;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-megamenu-grid {\n                            flex-wrap: wrap;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-megamenu-button {\n                            display: flex;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-megamenu-root-list {\n                            display: none;\n                        }\n\n                        .p-megamenu[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n                            width: 100%;\n                        }\n\n                        .p-megamenu[").concat(selector, "].p-megamenu-mobile-active .p-megamenu-root-list {\n                            left: 0;\n                            top: 100%;\n                            z-index: 1;\n                            width: 100%;\n                            display: flex;\n                            padding: 0.5rem 0;\n                            position: absolute;\n                            flex-direction: column;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                            margin-left: auto;\n                        }\n                        \n                        .p-megamenu[").concat(selector, "] .p-submenu-list .p-menuitem-content .p-menuitem-link {\n                            padding-left: 2.25rem;\n                        }\n\n                        ").concat(horizontal ? "\n                                    .p-megamenu[".concat(selector, "] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-180deg);\n                                    }\n                            ") : '', "\n\n                        ").concat(vertical ? "                                                                   \n                                    .p-megamenu[".concat(selector, "] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(90deg);\n                                    }\n\n                                    .p-megamenu[").concat(selector, "] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-90deg);\n                                    }\n                            ") : '', "\n                    }\n                ");
         styleElementRef.current.innerHTML = innerHTML;
       }
     };
     var destroyStyle = function destroyStyle() {
       styleElementRef.current = utils.DomHandler.removeInlineStyle(styleElementRef.current);
     };
-    hooks.useUpdateEffect(function () {
-      if (attributeSelectorState && elementRef.current) {
-        elementRef.current.setAttribute(attributeSelectorState, '');
-        createStyle();
-      }
-      return function () {
-        destroyStyle();
-      };
-    }, [attributeSelectorState, props.breakpoint]);
     var createCategory = function createCategory(processedItem, index) {
       var category = processedItem.item;
-      var iconProps = utils.mergeProps({
+      var iconProps = mergeProps({
         className: cx('icon')
       }, getPTOptions(processedItem, 'icon', index));
       var icon = utils.IconUtils.getJSXIcon(category.icon, _objectSpread({}, iconProps), {
         props: props
       });
-      var labelProps = utils.mergeProps({
+      var labelProps = mergeProps({
         className: cx('label')
       }, getPTOptions(processedItem, 'label', index));
       var label = category.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, category.label);
       var submenuIcon = createSubmenuIcon(category);
       var panel = createCategoryPanel(processedItem);
-      var headerActionProps = utils.mergeProps({
+      var headerActionProps = mergeProps({
         href: category.url || '#',
         className: cx('action', {
           item: category
@@ -1218,7 +1220,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
       var key = getItemId(processedItem);
       var isFocused = isItemFocused(processedItem);
       var isDisabled = isItemDisabled(processedItem);
-      var menuItemProps = utils.mergeProps(_defineProperty({
+      var menuItemProps = mergeProps(_defineProperty({
         key: key,
         id: key,
         className: utils.classNames(category.className, cx('menuitem', {
@@ -1240,7 +1242,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
         style: category.style,
         role: 'menuitem'
       }, "data-p-disabled", category.disabled || false), getPTOptions(processedItem, 'menuitem', index));
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         onClick: function onClick(event) {
           return onCategoryClick({
             originalEvent: event,
@@ -1258,7 +1260,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
       return /*#__PURE__*/React__namespace.createElement("li", menuItemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, itemContent), panel);
     };
     var createMenu = function createMenu() {
-      var menuProps = utils.mergeProps({
+      var menuProps = mergeProps({
         ref: menubarRef,
         tabIndex: props.disabled ? null : props.tabIndex || '0',
         className: cx('menu'),
@@ -1280,7 +1282,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
       return null;
     };
     var createStartContent = function createStartContent() {
-      var startProps = utils.mergeProps({
+      var startProps = mergeProps({
         className: cx('start')
       }, ptm('start'));
       if (props.start) {
@@ -1290,7 +1292,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
       return null;
     };
     var createEndContent = function createEndContent() {
-      var endProps = utils.mergeProps({
+      var endProps = mergeProps({
         className: cx('end')
       }, ptm('end'));
       if (props.end) {
@@ -1300,10 +1302,10 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
       return null;
     };
     var createMenuButton = function createMenuButton() {
-      if (vertical || props.model && props.model.length < 1) {
+      if (props.model && props.model.length < 1) {
         return null;
       }
-      var menuButtonProps = utils.mergeProps({
+      var menuButtonProps = mergeProps({
         className: cx('menuButton'),
         href: '#',
         role: 'button',
@@ -1316,7 +1318,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
           return toggle(e);
         }
       }, ptm('menuButton'));
-      var menuButtonIconProps = utils.mergeProps(ptm('menuButtonIcon'));
+      var menuButtonIconProps = mergeProps(ptm('menuButtonIcon'));
       var icon = props.menuIcon || /*#__PURE__*/React__namespace.createElement(bars.BarsIcon, menuButtonIconProps);
       var menuIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, menuButtonIconProps), {
         props: props
@@ -1329,7 +1331,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
 
       return button;
     };
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       className: utils.classNames(props.className, cx('root', {
         mobileActiveState: mobileActiveState
       })),

package/megamenu/megamenu.min.js

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