primereact 9.4.0 → 9.5.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,15 +136,11 @@ 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 _React$useState = React__namespace.useState(null),
@@ -139,6 +161,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) {
@@ -321,23 +359,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 +401,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 +432,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 +443,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 +459,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,11 +481,13 @@ 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;
     };
@@ -475,27 +518,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 +541,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 +609,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 +634,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 O(e,n){return y(e)||h(e,n)||N(e,n)||P()}var S=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 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 k(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){v(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 I=p.memo(p.forwardRef((function(e,n){var t=S.getProps(e),c=O(p.useState(null),2),m=c[0],s=c[1],d=O(p.useState(null),2),g=d[0],b=d[1],v=O(p.useState(!1),2),y=v[0],h=v[1],E=p.useRef(null),N=p.useRef(null),P=p.useRef(null),w="horizontal"===t.orientation,I="vertical"===t.orientation,j=r.useMatchMedia("screen and (max-width: ".concat(t.breakpoint,")"),!!t.breakpoint),D=S.setMetaData({props:t,state:{activeItem:m,attributeSelector:g,mobileActive:y}}).ptm,x=function(e,n){return D(n,{context:{active:m===e}})},M=O(r.useEventListener({type:"click",listener:function(e){j&&!y||!L(e)||(s(null),h(!1))}}),1)[0],U=O(r.useResizeListener({listener:function(){j&&!y||(s(null),h(!1))}}),1)[0],C=function(e,n){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),s(null),h(!1))},H=function(e,n){var t=e.currentTarget.parentElement;switch(e.which){case 40:w?z(n):X(t),e.preventDefault();break;case 38:I?T(t):n.items&&n===m&&A(),e.preventDefault();break;case 39:w?X(t):z(n),e.preventDefault();break;case 37:w?T(t):n.items&&n===m&&A(),e.preventDefault()}},z=function(e){e.items&&s(e)},A=function(e){s(null)},_=function(e){e.preventDefault(),h((function(e){return!e})),s(null)},R=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},J=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},X=function(e){var n=R(e);n&&n.children[0].focus()},T=function(e){var n=J(e);n&&n.children[0].focus()},L=function(e){return E.current&&!(E.current.isSameNode(e.target)||E.current.contains(e.target)||P.current&&P.current.contains(e.target))},Z=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:t,getElement:function(){return E.current}}})),r.useMountEffect((function(){t.breakpoint&&!g&&b(u.UniqueComponentId()),M(),U()})),r.useUpdateEffect((function(){var e=u.DomHandler.findSingle(E.current,".p-menuitem-active > .p-megamenu-panel");return m&&!j&&u.ZIndexUtils.set("menu",e,f.default.autoZIndex,f.default.zIndex.menu),j&&e&&e.previousElementSibling.scrollIntoView({block:"nearest",inline:"nearest"}),function(){u.ZIndexUtils.clear(e)}}),[m]);var B=function(e){var n=u.mergeProps({key:"separator_"+e,className:"p-menu-separator",role:"separator"},D("separator"));return p.createElement("li",n)},q=function(e){if(e.items){var n=u.mergeProps({className:"p-submenu-icon"},D("submenuIcon"));return u.IconUtils.getJSXIcon(I?t.submenuIcon||p.createElement(l.AngleRightIcon,n):t.submenuIcon||p.createElement(a.AngleDownIcon,n),k({},n),{props:t})}return null},F=function(e,n){if(!1===e.visible)return null;if(e.separator)return B(n);var r=e.label+"_"+n,a=u.classNames("p-menuitem",e.className),l=u.classNames("p-menuitem-link",{"p-disabled":e.disabled}),i=u.classNames(e.icon,"p-menuitem-icon"),c=u.IconUtils.getJSXIcon(e.icon,{className:"p-menuitem-icon"},{props:t}),m=e.label&&p.createElement("span",{className:"p-menuitem-text"},e.label),s=u.mergeProps({href:e.url||"#",className:l,target:e.target,onClick:function(n){return C(n,e)},role:"menuitem","aria-disabled":e.disabled},x(e,"action")),f=u.mergeProps({key:r,id:e.id,className:a,style:e.style,role:"none"},x(e,"submenuItem")),d=p.createElement("a",s,c,m,p.createElement(o.Ripple,null));return e.template&&(d=u.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return C(n,e)},className:l,labelClassName:"p-menuitem-text",iconClassName:i,element:d,props:t})),p.createElement("li",f,d)},K=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(F),r=u.mergeProps({id:e.id,className:n,style:e.style,role:"presentation"},D("submenuHeader"));return p.createElement(p.Fragment,{key:e.label},p.createElement("li",r,e.label),t)},V=function(e){return e.map(K)},Y=function(e,n,t,r){var a=e.label+"_column_"+t,l=V(n),i=u.mergeProps({key:a,className:r},D("column")),o=u.mergeProps({className:"p-megamenu-submenu",role:"menu"},D("submenu"));return p.createElement("div",i,p.createElement("ul",o,l))},$=function(e){if(e.items){var n=Z(e);return e.items.map((function(t,r){return Y(e,t,r,n)}))}return null},G=function(e){if(e.items){var n=$(e),t=u.mergeProps({className:"p-megamenu-panel"},D("panel")),r=u.mergeProps({className:"p-megamenu-grid"},D("grid"));return p.createElement("div",t,p.createElement("div",r,n))}return null},Q=function(){if(!N.current){N.current=u.DomHandler.createInlineStyle(f.default.nonce);var e="".concat(g),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(w?"\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(I?"\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");N.current.innerHTML=n}};r.useUpdateEffect((function(){return g&&E.current&&(E.current.setAttribute(g,""),Q()),function(){N.current=u.DomHandler.removeInlineStyle(N.current)}}),[g,t.breakpoint]);var W,ee=function(e,n){var r=u.classNames("p-menuitem",{"p-menuitem-active":e===m},e.className),a=u.classNames("p-menuitem-link",{"p-disabled":e.disabled}),l=u.mergeProps({className:"p-menuitem-icon"},x(e,"icon")),i=u.IconUtils.getJSXIcon(e.icon,k({},l),{props:t}),c=u.mergeProps({className:"p-menuitem-text"},x(e,"label")),f=e.label&&p.createElement("span",c,e.label),d=e.template?u.ObjectUtils.getJSXElement(e.template,e):null,g=q(e),b=G(e),v=u.mergeProps({href:e.url||"#",className:a,target:e.target,onClick:function(n){return r=n,(a=e).disabled||(a.url||r.preventDefault(),a.command&&a.command({originalEvent:r,item:t.item}),a.items&&s(m&&m===a?null:a)),void r.preventDefault();var r,a},onKeyDown:function(n){return H(n,e)},role:"menuitem","aria-haspopup":null!=e.items},x(e,"headerAction")),y=u.mergeProps({key:e.label+"_"+n,id:e.id,className:r,style:e.style,onMouseEnter:function(n){return t=n,void((r=e).disabled||j?t.preventDefault():m&&s(r));var t,r},role:"none"},x(e,"menuitem"));return p.createElement("li",y,p.createElement("a",v,i,f,d,g,p.createElement(o.Ripple,null)),b)},ne=u.classNames("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===t.orientation,"p-megamenu-vertical":"vertical"===t.orientation,"p-megamenu-mobile-active":y},t.className),te=u.mergeProps({ref:E,id:t.id,className:ne,style:t.style},S.getOtherProps(t),D("root")),re=(W=u.mergeProps({className:"p-megamenu-root-list",role:"menubar"},D("menu")),t.model?p.createElement("ul",W,t.model.map((function(e,n){return ee(e,n)}))):null),ae=function(){var e=u.mergeProps({className:"p-megamenu-start"},D("start"));if(t.start){var n=u.ObjectUtils.getJSXElement(t.start,t);return p.createElement("div",e,n)}return null}(),le=function(){var e=u.mergeProps({className:"p-megamenu-end"},D("end"));if(t.end){var n=u.ObjectUtils.getJSXElement(t.end,t);return p.createElement("div",e,n)}return null}(),ie=function(){if("vertical"===t.orientation||t.model&&t.model.length<1)return null;var e=u.IconUtils.getJSXIcon(t.menuIcon||p.createElement(i.BarsIcon,null),void 0,{props:t});return p.createElement("a",{ref:P,href:"#",role:"button",tabIndex:0,className:"p-megamenu-button",onClick:_},e)}();return p.createElement("div",te,ae,ie,re,le)})));return I.displayName="MegaMenu",e.MegaMenu=I,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);