primereact 8.7.2 → 8.7.3

package/megamenu/megamenu.js

@@ -29,14 +29,12 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
     _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);
@@ -47,42 +45,40 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
       arr2[i] = arr[i];
     }
-
     return arr2;
   }
 
@@ -105,171 +101,141 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
 
   var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        activeItemState = _React$useState2[0],
-        setActiveItemState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      activeItemState = _React$useState2[0],
+      setActiveItemState = _React$useState2[1];
     var elementRef = React__namespace.useRef(null);
     var horizontal = props.orientation === 'horizontal';
     var vertical = props.orientation === 'vertical';
-
     var _useEventListener = hooks.useEventListener({
-      type: 'click',
-      listener: function listener(event) {
-        isOutsideClicked(event) && setActiveItemState(null);
-      }
-    }),
-        _useEventListener2 = _slicedToArray(_useEventListener, 1),
-        bindDocumentClickListener = _useEventListener2[0];
-
+        type: 'click',
+        listener: function listener(event) {
+          isOutsideClicked(event) && setActiveItemState(null);
+        }
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 1),
+      bindDocumentClickListener = _useEventListener2[0];
     var onLeafClick = function onLeafClick(event, item) {
       if (item.disabled) {
         event.preventDefault();
         return;
       }
-
       if (!item.url) {
         event.preventDefault();
       }
-
       if (item.command) {
         item.command({
           originalEvent: event,
           item: item
         });
       }
-
       setActiveItemState(null);
     };
-
     var onCategoryMouseEnter = function onCategoryMouseEnter(event, item) {
       if (item.disabled) {
         event.preventDefault();
         return;
       }
-
       if (activeItemState) {
         setActiveItemState(item);
       }
     };
-
     var onCategoryClick = function onCategoryClick(event, item) {
       if (item.disabled) {
         event.preventDefault();
         return;
       }
-
       if (!item.url) {
         event.preventDefault();
       }
-
       if (item.command) {
         item.command({
           originalEvent: event,
           item: props.item
         });
       }
-
       if (item.items) {
         activeItemState && activeItemState === item ? setActiveItemState(null) : setActiveItemState(item);
       }
-
       event.preventDefault();
     };
-
     var onCategoryKeyDown = function onCategoryKeyDown(event, item) {
       var listItem = event.currentTarget.parentElement;
-
       switch (event.which) {
         //down
         case 40:
           horizontal ? expandMenu(item) : navigateToNextItem(listItem);
           event.preventDefault();
           break;
-        //up
 
+        //up
         case 38:
           vertical ? navigateToPrevItem(listItem) : item.items && item === activeItemState && collapseMenu();
           event.preventDefault();
           break;
-        //right
 
+        //right
         case 39:
           horizontal ? navigateToNextItem(listItem) : expandMenu(item);
           event.preventDefault();
           break;
-        //left
 
+        //left
         case 37:
           horizontal ? navigateToPrevItem(listItem) : item.items && item === activeItemState && collapseMenu();
           event.preventDefault();
           break;
       }
     };
-
     var expandMenu = function expandMenu(item) {
       if (item.items) {
         setActiveItemState(item);
       }
     };
-
     var collapseMenu = function collapseMenu(item) {
       setActiveItemState(null);
     };
-
     var findNextItem = function findNextItem(item) {
       var nextItem = item.nextElementSibling;
       return nextItem ? utils.DomHandler.hasClass(nextItem, 'p-disabled') || !utils.DomHandler.hasClass(nextItem, 'p-menuitem') ? findNextItem(nextItem) : nextItem : null;
     };
-
     var findPrevItem = function findPrevItem(item) {
       var prevItem = item.previousElementSibling;
       return prevItem ? utils.DomHandler.hasClass(prevItem, 'p-disabled') || !utils.DomHandler.hasClass(prevItem, 'p-menuitem') ? findPrevItem(prevItem) : prevItem : null;
     };
-
     var navigateToNextItem = function navigateToNextItem(listItem) {
       var nextItem = findNextItem(listItem);
       nextItem && nextItem.children[0].focus();
     };
-
     var navigateToPrevItem = function navigateToPrevItem(listItem) {
       var prevItem = findPrevItem(listItem);
       prevItem && prevItem.children[0].focus();
     };
-
     var isOutsideClicked = function isOutsideClicked(event) {
       return elementRef.current && !(elementRef.current.isSameNode(event.target) || elementRef.current.contains(event.target));
     };
-
     var getColumnClassName = function getColumnClassName(category) {
       var length = category.items ? category.items.length : 0;
       var columnClass;
-
       switch (length) {
         case 2:
           columnClass = 'p-megamenu-col-6';
           break;
-
         case 3:
           columnClass = 'p-megamenu-col-4';
           break;
-
         case 4:
           columnClass = 'p-megamenu-col-3';
           break;
-
         case 6:
           columnClass = 'p-megamenu-col-2';
           break;
-
         default:
           columnClass = 'p-megamenu-col-12';
           break;
       }
-
       return columnClass;
     };
-
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
@@ -283,16 +249,13 @@ 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) {
         utils.ZIndexUtils.set('menu', currentPanel, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['menu']);
       }
-
       return function () {
         utils.ZIndexUtils.clear(currentPanel);
       };
     }, [activeItemState]);
-
     var createSeparator = function createSeparator(index) {
       var key = 'separator_' + index;
       return /*#__PURE__*/React__namespace.createElement("li", {
@@ -301,34 +264,27 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
         role: "separator"
       });
     };
-
     var createSubmenuIcon = function createSubmenuIcon(item) {
       if (item.items) {
         var _className = utils.classNames('p-submenu-icon pi', {
           'pi-angle-down': horizontal,
           'pi-angle-right': vertical
         });
-
         return /*#__PURE__*/React__namespace.createElement("span", {
           className: _className
         });
       }
-
       return null;
     };
-
     var createSubmenuItem = function createSubmenuItem(item, index) {
       if (item.visible === false) {
         return null;
       }
-
       if (item.separator) {
         return createSeparator(index);
       } else {
         var key = item.label + '_' + index;
-
         var _className2 = utils.classNames('p-menuitem', item.className);
-
         var linkClassName = utils.classNames('p-menuitem-link', {
           'p-disabled': item.disabled
         });
@@ -351,7 +307,6 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
           role: "menuitem",
           "aria-disabled": item.disabled
         }, icon, label, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-
         if (item.template) {
           var defaultContentOptions = {
             onClick: function onClick(event) {
@@ -365,7 +320,6 @@ 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,
@@ -375,7 +329,6 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
         }, content);
       }
     };
-
     var createSubmenu = function createSubmenu(submenu) {
       var className = utils.classNames('p-megamenu-submenu-header', {
         'p-disabled': submenu.disabled
@@ -390,11 +343,9 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
         role: "presentation"
       }, submenu.label), items);
     };
-
     var createSubmenus = function createSubmenus(column) {
       return column.map(createSubmenu);
     };
-
     var createColumn = function createColumn(category, column, index, columnClassName) {
       var key = category.label + '_column_' + index;
       var submenus = createSubmenus(column);
@@ -406,7 +357,6 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
         role: "menu"
       }, submenus));
     };
-
     var createColumns = function createColumns(category) {
       if (category.items) {
         var columnClassName = getColumnClassName(category);
@@ -414,10 +364,8 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
           return createColumn(category, column, index, columnClassName);
         });
       }
-
       return null;
     };
-
     var createCategoryPanel = function createCategoryPanel(category) {
       if (category.items) {
         var columns = createColumns(category);
@@ -427,10 +375,8 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
           className: "p-megamenu-grid"
         }, columns));
       }
-
       return null;
     };
-
     var createCategory = function createCategory(category, index) {
       var className = utils.classNames('p-menuitem', {
         'p-menuitem-active': category === activeItemState
@@ -472,7 +418,6 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
         "aria-haspopup": category.items != null
       }, icon, label, itemContent, submenuIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), panel);
     };
-
     var createMenu = function createMenu() {
       if (props.model) {
         return /*#__PURE__*/React__namespace.createElement("ul", {
@@ -482,34 +427,26 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
           return createCategory(item, index);
         }));
       }
-
       return null;
     };
-
     var createStartContent = function createStartContent() {
       if (props.start) {
         var _start = utils.ObjectUtils.getJSXElement(props.start, props);
-
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-megamenu-start"
         }, _start);
       }
-
       return null;
     };
-
     var createEndContent = function createEndContent() {
       if (props.end) {
         var _end = utils.ObjectUtils.getJSXElement(props.end, props);
-
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-megamenu-end"
         }, _end);
       }
-
       return null;
     };
-
     var otherProps = utils.ObjectUtils.findDiffKeys(props, MegaMenu.defaultProps);
     var className = utils.classNames('p-megamenu p-component', {
       'p-megamenu-horizontal': props.orientation === 'horizontal',

package/megamenu/megamenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.megamenu=function(e,t,n,a,r,l){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=u(t),m=i(n);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},c.apply(this,arguments)}function o(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,l=[],i=!0,u=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(l.push(a.value),!t||l.length!==t);i=!0);}catch(e){u=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(u)throw r}}return l}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function d(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}function v(){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 b(e,t){return o(e)||p(e,t)||d(e,t)||v()}var g=s.memo(s.forwardRef((function(e,t){var n=b(s.useState(null),2),i=n[0],u=n[1],o=s.useRef(null),p="horizontal"===e.orientation,f="vertical"===e.orientation,d=b(a.useEventListener({type:"click",listener:function(e){D(e)&&u(null)}}),1)[0],v=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),u(null))},y=function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:p?h(t):j(n),e.preventDefault();break;case 38:f?O(n):t.items&&t===i&&E(),e.preventDefault();break;case 39:p?j(n):h(t),e.preventDefault();break;case 37:p?O(n):t.items&&t===i&&E(),e.preventDefault()}},h=function(e){e.items&&u(e)},E=function(e){u(null)},N=function e(t){var n=t.nextElementSibling;return n?l.DomHandler.hasClass(n,"p-disabled")||!l.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},k=function e(t){var n=t.previousElementSibling;return n?l.DomHandler.hasClass(n,"p-disabled")||!l.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},j=function(e){var t=N(e);t&&t.children[0].focus()},O=function(e){var t=k(e);t&&t.children[0].focus()},D=function(e){return o.current&&!(o.current.isSameNode(e.target)||o.current.contains(e.target))},S=function(e){var t;switch(e.items?e.items.length:0){case 2:t="p-megamenu-col-6";break;case 3:t="p-megamenu-col-4";break;case 4:t="p-megamenu-col-3";break;case 6:t="p-megamenu-col-2";break;default:t="p-megamenu-col-12"}return t};s.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return o.current}}})),a.useMountEffect((function(){d()})),a.useUpdateEffect((function(){var e=l.DomHandler.findSingle(o.current,".p-menuitem-active > .p-megamenu-panel");return i&&l.ZIndexUtils.set("menu",e,m.default.autoZIndex,m.default.zIndex.menu),function(){l.ZIndexUtils.clear(e)}}),[i]);var w=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},I=function(e){if(e.items){var t=l.classNames("p-submenu-icon pi",{"pi-angle-down":p,"pi-angle-right":f});return s.createElement("span",{className:t})}return null},M=function(t,n){if(!1===t.visible)return null;if(t.separator)return w(n);var a=t.label+"_"+n,i=l.classNames("p-menuitem",t.className),u=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),m=l.classNames(t.icon,"p-menuitem-icon"),c=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),o=s.createElement("a",{href:t.url||"#",className:u,target:t.target,onClick:function(e){return v(e,t)},role:"menuitem","aria-disabled":t.disabled},c,t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),s.createElement(r.Ripple,null));return t.template&&(o=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return v(e,t)},className:u,labelClassName:"p-menuitem-text",iconClassName:m,element:o,props:e})),s.createElement("li",{key:a,id:t.id,className:i,style:t.style,role:"none"},o)},U=function(e){var t=l.classNames("p-megamenu-submenu-header",{"p-disabled":e.disabled},e.className),n=e.items.map(M);return s.createElement(s.Fragment,{key:e.label},s.createElement("li",{id:e.id,className:t,style:e.style,role:"presentation"},e.label),n)},_=function(e){return e.map(U)},C=function(e,t,n,a){var r=e.label+"_column_"+n,l=_(t);return s.createElement("div",{key:r,className:a},s.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},l))},x=function(e){if(e.items){var t=S(e);return e.items.map((function(n,a){return C(e,n,a,t)}))}return null},P=function(e){if(e.items){var t=x(e);return s.createElement("div",{className:"p-megamenu-panel"},s.createElement("div",{className:"p-megamenu-grid"},t))}return null},z=function(t,n){var a=l.classNames("p-menuitem",{"p-menuitem-active":t===i},t.className),m=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),c=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),o=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),p=t.template?l.ObjectUtils.getJSXElement(t.template,t):null,f=I(t),d=P(t);return s.createElement("li",{key:t.label+"_"+n,id:t.id,className:a,style:t.style,onMouseEnter:function(e){return n=e,void((a=t).disabled?n.preventDefault():i&&u(a));var n,a},role:"none"},s.createElement("a",{href:t.url||"#",className:m,target:t.target,onClick:function(n){return a=n,(r=t).disabled||(r.url||a.preventDefault(),r.command&&r.command({originalEvent:a,item:e.item}),r.items&&u(i&&i===r?null:r)),void a.preventDefault();var a,r},onKeyDown:function(e){return y(e,t)},role:"menuitem","aria-haspopup":null!=t.items},c,o,p,f,s.createElement(r.Ripple,null)),d)},A=l.ObjectUtils.findDiffKeys(e,g.defaultProps),H=l.classNames("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===e.orientation,"p-megamenu-vertical":"vertical"===e.orientation},e.className),J=e.model?s.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},e.model.map((function(e,t){return z(e,t)}))):null,X=function(){if(e.start){var t=l.ObjectUtils.getJSXElement(e.start,e);return s.createElement("div",{className:"p-megamenu-start"},t)}return null}(),R=function(){if(e.end){var t=l.ObjectUtils.getJSXElement(e.end,e);return s.createElement("div",{className:"p-megamenu-end"},t)}return null}();return s.createElement("div",c({ref:o,id:e.id,className:H,style:e.style},A),X,J,R)})));return g.displayName="MegaMenu",g.defaultProps={__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal",start:null,end:null},e.MegaMenu=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.megamenu=function(e,t,n,r,a,l){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=u(t),c=i(n);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function o(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,u=[],s=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return u}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}function b(){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 v(e,t){return o(e)||p(e,t)||d(e,t)||b()}var g=s.memo(s.forwardRef((function(e,t){var n=v(s.useState(null),2),i=n[0],u=n[1],o=s.useRef(null),p="horizontal"===e.orientation,f="vertical"===e.orientation,d=v(r.useEventListener({type:"click",listener:function(e){D(e)&&u(null)}}),1)[0],b=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),u(null))},y=function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:p?h(t):k(n),e.preventDefault();break;case 38:f?O(n):t.items&&t===i&&E(),e.preventDefault();break;case 39:p?k(n):h(t),e.preventDefault();break;case 37:p?O(n):t.items&&t===i&&E(),e.preventDefault()}},h=function(e){e.items&&u(e)},E=function(e){u(null)},N=function e(t){var n=t.nextElementSibling;return n?l.DomHandler.hasClass(n,"p-disabled")||!l.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},j=function e(t){var n=t.previousElementSibling;return n?l.DomHandler.hasClass(n,"p-disabled")||!l.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},k=function(e){var t=N(e);t&&t.children[0].focus()},O=function(e){var t=j(e);t&&t.children[0].focus()},D=function(e){return o.current&&!(o.current.isSameNode(e.target)||o.current.contains(e.target))},S=function(e){var t;switch(e.items?e.items.length:0){case 2:t="p-megamenu-col-6";break;case 3:t="p-megamenu-col-4";break;case 4:t="p-megamenu-col-3";break;case 6:t="p-megamenu-col-2";break;default:t="p-megamenu-col-12"}return t};s.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return o.current}}})),r.useMountEffect((function(){d()})),r.useUpdateEffect((function(){var e=l.DomHandler.findSingle(o.current,".p-menuitem-active > .p-megamenu-panel");return i&&l.ZIndexUtils.set("menu",e,c.default.autoZIndex,c.default.zIndex.menu),function(){l.ZIndexUtils.clear(e)}}),[i]);var w=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},I=function(e){if(e.items){var t=l.classNames("p-submenu-icon pi",{"pi-angle-down":p,"pi-angle-right":f});return s.createElement("span",{className:t})}return null},M=function(t,n){if(!1===t.visible)return null;if(t.separator)return w(n);var r=t.label+"_"+n,i=l.classNames("p-menuitem",t.className),u=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),c=l.classNames(t.icon,"p-menuitem-icon"),m=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),o=s.createElement("a",{href:t.url||"#",className:u,target:t.target,onClick:function(e){return b(e,t)},role:"menuitem","aria-disabled":t.disabled},m,t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),s.createElement(a.Ripple,null));return t.template&&(o=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return b(e,t)},className:u,labelClassName:"p-menuitem-text",iconClassName:c,element:o,props:e})),s.createElement("li",{key:r,id:t.id,className:i,style:t.style,role:"none"},o)},U=function(e){var t=l.classNames("p-megamenu-submenu-header",{"p-disabled":e.disabled},e.className),n=e.items.map(M);return s.createElement(s.Fragment,{key:e.label},s.createElement("li",{id:e.id,className:t,style:e.style,role:"presentation"},e.label),n)},_=function(e){return e.map(U)},C=function(e,t,n,r){var a=e.label+"_column_"+n,l=_(t);return s.createElement("div",{key:a,className:r},s.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},l))},x=function(e){if(e.items){var t=S(e);return e.items.map((function(n,r){return C(e,n,r,t)}))}return null},P=function(e){if(e.items){var t=x(e);return s.createElement("div",{className:"p-megamenu-panel"},s.createElement("div",{className:"p-megamenu-grid"},t))}return null},z=function(t,n){var r=l.classNames("p-menuitem",{"p-menuitem-active":t===i},t.className),c=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),m=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),o=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),p=t.template?l.ObjectUtils.getJSXElement(t.template,t):null,f=I(t),d=P(t);return s.createElement("li",{key:t.label+"_"+n,id:t.id,className:r,style:t.style,onMouseEnter:function(e){return n=e,void((r=t).disabled?n.preventDefault():i&&u(r));var n,r},role:"none"},s.createElement("a",{href:t.url||"#",className:c,target:t.target,onClick:function(n){return r=n,(a=t).disabled||(a.url||r.preventDefault(),a.command&&a.command({originalEvent:r,item:e.item}),a.items&&u(i&&i===a?null:a)),void r.preventDefault();var r,a},onKeyDown:function(e){return y(e,t)},role:"menuitem","aria-haspopup":null!=t.items},m,o,p,f,s.createElement(a.Ripple,null)),d)},A=l.ObjectUtils.findDiffKeys(e,g.defaultProps),H=l.classNames("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===e.orientation,"p-megamenu-vertical":"vertical"===e.orientation},e.className),J=e.model?s.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},e.model.map((function(e,t){return z(e,t)}))):null,X=function(){if(e.start){var t=l.ObjectUtils.getJSXElement(e.start,e);return s.createElement("div",{className:"p-megamenu-start"},t)}return null}(),R=function(){if(e.end){var t=l.ObjectUtils.getJSXElement(e.end,e);return s.createElement("div",{className:"p-megamenu-end"},t)}return null}();return s.createElement("div",m({ref:o,id:e.id,className:H,style:e.style},A),X,J,R)})));return g.displayName="MegaMenu",g.defaultProps={__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal",start:null,end:null},e.MegaMenu=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.ripple,primereact.utils);