primereact 9.4.0 → 9.6.0

package/megamenu/megamenu.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple, utils, angleright, angledown, bars) {
+this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, angledown, angleright, bars, ripple, utils, componentbase) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,19 +25,45 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
   }
 
   function _arrayWithHoles(arr) {
@@ -95,7 +121,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var MegaMenuBase = {
+  var MegaMenuBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'MegaMenu',
       id: null,
@@ -110,17 +136,14 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
       menuIcon: null,
       end: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, MegaMenuBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, MegaMenuBase.defaultProps);
     }
-  };
+  });
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = MegaMenuBase.getProps(inProps);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = MegaMenuBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       activeItemState = _React$useState2[0],
@@ -139,6 +162,22 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
     var horizontal = props.orientation === 'horizontal';
     var vertical = props.orientation === 'vertical';
     var isMobileMode = hooks.useMatchMedia("screen and (max-width: ".concat(props.breakpoint, ")"), !!props.breakpoint);
+    var _MegaMenuBase$setMeta = MegaMenuBase.setMetaData({
+        props: props,
+        state: {
+          activeItem: activeItemState,
+          attributeSelector: attributeSelectorState,
+          mobileActive: mobileActiveState
+        }
+      }),
+      ptm = _MegaMenuBase$setMeta.ptm;
+    var getPTOptions = function getPTOptions(item, key) {
+      return ptm(key, {
+        context: {
+          active: activeItemState === item
+        }
+      });
+    };
     var _useEventListener = hooks.useEventListener({
         type: 'click',
         listener: function listener(event) {
@@ -307,7 +346,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
     hooks.useUpdateEffect(function () {
       var currentPanel = utils.DomHandler.findSingle(elementRef.current, '.p-menuitem-active > .p-megamenu-panel');
       if (activeItemState && !isMobileMode) {
-        utils.ZIndexUtils.set('menu', currentPanel, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['menu']);
+        utils.ZIndexUtils.set('menu', currentPanel, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
       }
       if (isMobileMode) {
         currentPanel && currentPanel.previousElementSibling.scrollIntoView({
@@ -321,23 +360,21 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
     }, [activeItemState]);
     var createSeparator = function createSeparator(index) {
       var key = 'separator_' + index;
-      return /*#__PURE__*/React__namespace.createElement("li", {
+      var separatorProps = utils.mergeProps({
         key: key,
-        className: "p-menu-separator",
-        role: "separator"
-      });
+        className: 'p-menu-separator',
+        role: 'separator'
+      }, ptm('separator'));
+      return /*#__PURE__*/React__namespace.createElement("li", separatorProps);
     };
     var createSubmenuIcon = function createSubmenuIcon(item) {
       if (item.items) {
         var iconClassName = 'p-submenu-icon';
-        var icon = vertical ? props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, {
+        var submenuIconProps = utils.mergeProps({
           className: iconClassName
-        }) : props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angledown.AngleDownIcon, {
-          className: iconClassName
-        });
-        var submenuIcon = utils.IconUtils.getJSXIcon(icon, {
-          className: iconClassName
-        }, {
+        }, ptm('submenuIcon'));
+        var icon = vertical ? props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, submenuIconProps) : props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angledown.AngleDownIcon, submenuIconProps);
+        var submenuIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, submenuIconProps), {
           props: props
         });
         return submenuIcon;
@@ -365,16 +402,24 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
         var label = item.label && /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-menuitem-text"
         }, item.label);
-        var content = /*#__PURE__*/React__namespace.createElement("a", {
+        var actionProps = utils.mergeProps({
           href: item.url || '#',
           className: linkClassName,
           target: item.target,
           onClick: function onClick(event) {
             return onLeafClick(event, item);
           },
-          role: "menuitem",
-          "aria-disabled": item.disabled
-        }, icon, label, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+          role: 'menuitem',
+          'aria-disabled': item.disabled
+        }, getPTOptions(item, 'action'));
+        var submenuItemProps = utils.mergeProps({
+          key: key,
+          id: item.id,
+          className: _className,
+          style: item.style,
+          role: 'none'
+        }, getPTOptions(item, 'submenuItem'));
+        var content = /*#__PURE__*/React__namespace.createElement("a", actionProps, icon, label, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
         if (item.template) {
           var defaultContentOptions = {
             onClick: function onClick(event) {
@@ -388,13 +433,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
           };
           content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
         }
-        return /*#__PURE__*/React__namespace.createElement("li", {
-          key: key,
-          id: item.id,
-          className: _className,
-          style: item.style,
-          role: "none"
-        }, content);
+        return /*#__PURE__*/React__namespace.createElement("li", submenuItemProps, content);
       }
     };
     var createSubmenu = function createSubmenu(submenu) {
@@ -405,14 +444,15 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
         'p-disabled': submenu.disabled
       }, submenu.className);
       var items = submenu.items.map(createSubmenuItem);
-      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
-        key: submenu.label
-      }, /*#__PURE__*/React__namespace.createElement("li", {
+      var submenuHeaderProps = utils.mergeProps({
         id: submenu.id,
         className: className,
         style: submenu.style,
-        role: "presentation"
-      }, submenu.label), items);
+        role: 'presentation'
+      }, ptm('submenuHeader'));
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+        key: submenu.label
+      }, /*#__PURE__*/React__namespace.createElement("li", submenuHeaderProps, submenu.label), items);
     };
     var createSubmenus = function createSubmenus(column) {
       return column.map(createSubmenu);
@@ -420,13 +460,15 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
     var createColumn = function createColumn(category, column, index, columnClassName) {
       var key = category.label + '_column_' + index;
       var submenus = createSubmenus(column);
-      return /*#__PURE__*/React__namespace.createElement("div", {
+      var columnProps = utils.mergeProps({
         key: key,
         className: columnClassName
-      }, /*#__PURE__*/React__namespace.createElement("ul", {
-        className: "p-megamenu-submenu",
-        role: "menu"
-      }, submenus));
+      }, ptm('column'));
+      var submenuProps = utils.mergeProps({
+        className: 'p-megamenu-submenu',
+        role: 'menu'
+      }, ptm('submenu'));
+      return /*#__PURE__*/React__namespace.createElement("div", columnProps, /*#__PURE__*/React__namespace.createElement("ul", submenuProps, submenus));
     };
     var createColumns = function createColumns(category) {
       if (category.items) {
@@ -440,17 +482,19 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
     var createCategoryPanel = function createCategoryPanel(category) {
       if (category.items) {
         var columns = createColumns(category);
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-megamenu-panel"
-        }, /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-megamenu-grid"
-        }, columns));
+        var panelProps = utils.mergeProps({
+          className: 'p-megamenu-panel'
+        }, ptm('panel'));
+        var gridProps = utils.mergeProps({
+          className: 'p-megamenu-grid'
+        }, ptm('grid'));
+        return /*#__PURE__*/React__namespace.createElement("div", panelProps, /*#__PURE__*/React__namespace.createElement("div", gridProps, columns));
       }
       return null;
     };
     var createStyle = function createStyle() {
       if (!styleElementRef.current) {
-        styleElementRef.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+        styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
         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 !important;\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");
         styleElementRef.current.innerHTML = innerHTML;
@@ -475,27 +519,20 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
       var linkClassName = utils.classNames('p-menuitem-link', {
         'p-disabled': category.disabled
       });
-      var icon = utils.IconUtils.getJSXIcon(category.icon, {
+      var iconProps = utils.mergeProps({
         className: 'p-menuitem-icon'
-      }, {
+      }, getPTOptions(category, 'icon'));
+      var icon = utils.IconUtils.getJSXIcon(category.icon, _objectSpread({}, iconProps), {
         props: props
       });
-      var label = category.label && /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-menuitem-text"
-      }, category.label);
+      var labelProps = utils.mergeProps({
+        className: 'p-menuitem-text'
+      }, getPTOptions(category, 'label'));
+      var label = category.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, category.label);
       var itemContent = category.template ? utils.ObjectUtils.getJSXElement(category.template, category) : null;
       var submenuIcon = createSubmenuIcon(category);
       var panel = createCategoryPanel(category);
-      return /*#__PURE__*/React__namespace.createElement("li", {
-        key: category.label + '_' + index,
-        id: category.id,
-        className: className,
-        style: category.style,
-        onMouseEnter: function onMouseEnter(e) {
-          return onCategoryMouseEnter(e, category);
-        },
-        role: "none"
-      }, /*#__PURE__*/React__namespace.createElement("a", {
+      var headerActionProps = utils.mergeProps({
         href: category.url || '#',
         className: linkClassName,
         target: category.target,
@@ -505,36 +542,50 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
         onKeyDown: function onKeyDown(e) {
           return onCategoryKeyDown(e, category);
         },
-        role: "menuitem",
-        "aria-haspopup": category.items != null
-      }, icon, label, itemContent, submenuIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), panel);
+        role: 'menuitem',
+        'aria-haspopup': category.items != null
+      }, getPTOptions(category, 'headerAction'));
+      var menuItemProps = utils.mergeProps({
+        key: category.label + '_' + index,
+        id: category.id,
+        className: className,
+        style: category.style,
+        onMouseEnter: function onMouseEnter(e) {
+          return onCategoryMouseEnter(e, category);
+        },
+        role: 'none'
+      }, getPTOptions(category, 'menuitem'));
+      return /*#__PURE__*/React__namespace.createElement("li", menuItemProps, /*#__PURE__*/React__namespace.createElement("a", headerActionProps, icon, label, itemContent, submenuIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), panel);
     };
     var createMenu = function createMenu() {
+      var menuProps = utils.mergeProps({
+        className: 'p-megamenu-root-list',
+        role: 'menubar'
+      }, ptm('menu'));
       if (props.model) {
-        return /*#__PURE__*/React__namespace.createElement("ul", {
-          className: "p-megamenu-root-list",
-          role: "menubar"
-        }, props.model.map(function (item, index) {
+        return /*#__PURE__*/React__namespace.createElement("ul", menuProps, props.model.map(function (item, index) {
           return createCategory(item, index);
         }));
       }
       return null;
     };
     var createStartContent = function createStartContent() {
+      var startProps = utils.mergeProps({
+        className: 'p-megamenu-start'
+      }, ptm('start'));
       if (props.start) {
         var _start = utils.ObjectUtils.getJSXElement(props.start, props);
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-megamenu-start"
-        }, _start);
+        return /*#__PURE__*/React__namespace.createElement("div", startProps, _start);
       }
       return null;
     };
     var createEndContent = function createEndContent() {
+      var endProps = utils.mergeProps({
+        className: 'p-megamenu-end'
+      }, ptm('end'));
       if (props.end) {
         var _end = utils.ObjectUtils.getJSXElement(props.end, props);
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-megamenu-end"
-        }, _end);
+        return /*#__PURE__*/React__namespace.createElement("div", endProps, _end);
       }
       return null;
     };
@@ -559,22 +610,22 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
 
       return button;
     };
-    var otherProps = MegaMenuBase.getOtherProps(props);
     var className = utils.classNames('p-megamenu p-component', {
       'p-megamenu-horizontal': props.orientation === 'horizontal',
       'p-megamenu-vertical': props.orientation === 'vertical',
       'p-megamenu-mobile-active': mobileActiveState
     }, props.className);
-    var menu = createMenu();
-    var start = createStartContent();
-    var end = createEndContent();
-    var menuButton = createMenuButton();
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       ref: elementRef,
       id: props.id,
       className: className,
       style: props.style
-    }, otherProps), start, menuButton, menu, end);
+    }, MegaMenuBase.getOtherProps(props), ptm('root'));
+    var menu = createMenu();
+    var start = createStartContent();
+    var end = createEndContent();
+    var menuButton = createMenuButton();
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, start, menuButton, menu, end);
   }));
   MegaMenu.displayName = 'MegaMenu';
 
@@ -584,4 +635,4 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.ripple, primereact.utils, primereact.icons.angleright, primereact.icons.angledown, primereact.icons.bars);
+})({}, React, primereact.api, primereact.hooks, primereact.icons.angledown, primereact.icons.angleright, primereact.icons.bars, primereact.ripple, primereact.utils, primereact.componentbase);

package/megamenu/megamenu.min.js

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