primereact 7.0.0-rc.2 → 7.0.0

package/megamenu/megamenu.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{DomHandler as n,classNames as r,Ripple as a,ObjectUtils as i}from"primereact/core";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}function m(e){return(m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function p(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var d,h,y,b=function(s){c(g,t);var m,d,h,y,b,k=(m=g,d=v(),function(){var e,t=f(m);if(d){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return p(this,e)});function g(e){var t;return l(this,g),(t=k.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(u(t)),t}return h=g,(y=[{key:"onLeafClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.setState({activeItem:null}))}},{key:"onCategoryMouseEnter",value:function(e,t){t.disabled?e.preventDefault():this.state.activeItem&&this.setState({activeItem:t})}},{key:"onCategoryClick",value:function(e,t){t.disabled||(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:this.props.item}),t.items&&this.setState(this.state.activeItem&&this.state.activeItem===t?{activeItem:null}:{activeItem:t})),e.preventDefault()}},{key:"onCategoryKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:this.isHorizontal()?this.expandMenu(t):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.isVertical()?this.navigateToPrevItem(n):t.items&&t===this.state.activeItem&&this.collapseMenu(),e.preventDefault();break;case 39:this.isHorizontal()?this.navigateToNextItem(n):this.expandMenu(t),e.preventDefault();break;case 37:this.isHorizontal()?this.navigateToPrevItem(n):t.items&&t===this.state.activeItem&&this.collapseMenu(),e.preventDefault()}}},{key:"expandMenu",value:function(e){e.items&&this.setState({activeItem:e})}},{key:"collapseMenu",value:function(e){this.setState({activeItem:null})}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?n.hasClass(t,"p-disabled")||!n.hasClass(t,"p-menuitem")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?n.hasClass(t,"p-disabled")||!n.hasClass(t,"p-menuitem")?this.findPrevItem(t):t:null}},{key:"navigateToNextItem",value:function(e){var t=this.findNextItem(e);t&&t.children[0].focus()}},{key:"navigateToPrevItem",value:function(e){var t=this.findPrevItem(e);t&&t.children[0].focus()}},{key:"isHorizontal",value:function(){return"horizontal"===this.props.orientation}},{key:"isVertical",value:function(){return"vertical"===this.props.orientation}},{key:"getColumnClassName",value: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}},{key:"componentDidMount",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.container&&!e.container.contains(t.target)&&e.setState({activeItem:null})},document.addEventListener("click",this.documentClickListener))}},{key:"componentWillUnmount",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"renderSeparator",value:function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator",role:"separator"})}},{key:"renderSubmenuIcon",value:function(t){if(t.items){var n=r("p-submenu-icon pi",{"pi-angle-down":this.isHorizontal(),"pi-angle-right":this.isVertical()});return e.createElement("span",{className:n})}return null}},{key:"renderSubmenuItem",value:function(t,n){var l=this;if(t.separator)return this.renderSeparator(n);var o=r("p-menuitem",t.className),u=r("p-menuitem-link",{"p-disabled":t.disabled}),s=r(t.icon,"p-menuitem-icon"),c=e.createElement("a",{href:t.url||"#",className:u,target:t.target,onClick:function(e){return l.onLeafClick(e,t)},role:"menuitem","aria-disabled":t.disabled},t.icon&&e.createElement("span",{className:s}),t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),e.createElement(a,null));return t.template&&(c=i.getJSXElement(t.template,t,{onClick:function(e){return l.onLeafClick(e,t)},className:u,labelClassName:"p-menuitem-text",iconClassName:s,element:c,props:this.props})),e.createElement("li",{key:t.label+"_"+n,className:o,style:t.style,role:"none"},c)}},{key:"renderSubmenu",value:function(t){var n=this,a=r("p-megamenu-submenu-header",{"p-disabled":t.disabled},t.className),i=t.items.map((function(e,t){return n.renderSubmenuItem(e,t)}));return e.createElement(e.Fragment,{key:t.label},e.createElement("li",{className:a,style:t.style,role:"presentation","aria-disabled":t.disabled},t.label),i)}},{key:"renderSubmenus",value:function(e){var t=this;return e.map((function(e,n){return t.renderSubmenu(e,n)}))}},{key:"renderColumn",value:function(t,n,r,a){var i=this.renderSubmenus(n);return e.createElement("div",{key:t.label+"_column_"+r,className:a},e.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},i))}},{key:"renderColumns",value:function(e){var t=this;if(e.items){var n=this.getColumnClassName(e);return e.items.map((function(r,a){return t.renderColumn(e,r,a,n)}))}return null}},{key:"renderCategoryPanel",value:function(t){if(t.items){var n=this.renderColumns(t);return e.createElement("div",{className:"p-megamenu-panel"},e.createElement("div",{className:"p-megamenu-grid"},n))}return null}},{key:"renderCategory",value:function(t,n){var l=this,o=r("p-menuitem",{"p-menuitem-active":t===this.state.activeItem},t.className),u=r("p-menuitem-link",{"p-disabled":t.disabled}),s=r("p-menuitem-icon",t.icon),c=t.icon&&e.createElement("span",{className:s}),m=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),p=t.template?i.getJSXElement(t.template,t):null,f=this.renderSubmenuIcon(t),v=this.renderCategoryPanel(t);return e.createElement("li",{key:t.label+"_"+n,className:o,style:t.style,onMouseEnter:function(e){return l.onCategoryMouseEnter(e,t)},role:"none"},e.createElement("a",{href:t.url||"#",className:u,target:t.target,onClick:function(e){return l.onCategoryClick(e,t)},onKeyDown:function(e){return l.onCategoryKeyDown(e,t)},role:"menuitem","aria-haspopup":null!=t.items},c,m,p,f,e.createElement(a,null)),v)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderCategory(t,n,!0)})):null}},{key:"renderCustomContent",value:function(){return this.props.children?e.createElement("div",{className:"p-megamenu-custom"},this.props.children):null}},{key:"render",value:function(){var t=this,n=r("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===this.props.orientation,"p-megamenu-vertical":"vertical"===this.props.orientation},this.props.className),a=this.renderMenu(),i=this.renderCustomContent();return e.createElement("div",{ref:function(e){return t.container=e},id:this.props.id,className:n,style:this.props.style},e.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},a),i)}}])&&o(h.prototype,y),b&&o(h,b),g}();y={id:null,model:null,style:null,className:null,orientation:"horizontal"},(h="defaultProps")in(d=b)?Object.defineProperty(d,h,{value:y,enumerable:!0,configurable:!0,writable:!0}):d[h]=y;export{b as MegaMenu};
+import e,{Component as t}from"react";import{DomHandler as n,classNames as r,ObjectUtils as a}from"primereact/utils";import{Ripple as i}from"primereact/ripple";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function s(e,t){return s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},s(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}function m(e){return m="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},m(e)}function p(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var d,h,y,b=function(s){c(g,t);var m,d,h,y,b,k=(m=g,d=v(),function(){var e,t=f(m);if(d){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return p(this,e)});function g(e){var t;return l(this,g),(t=k.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(u(t)),t}return h=g,(y=[{key:"onLeafClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.setState({activeItem:null}))}},{key:"onCategoryMouseEnter",value:function(e,t){t.disabled?e.preventDefault():this.state.activeItem&&this.setState({activeItem:t})}},{key:"onCategoryClick",value:function(e,t){t.disabled||(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:this.props.item}),t.items&&this.setState(this.state.activeItem&&this.state.activeItem===t?{activeItem:null}:{activeItem:t})),e.preventDefault()}},{key:"onCategoryKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:this.isHorizontal()?this.expandMenu(t):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.isVertical()?this.navigateToPrevItem(n):t.items&&t===this.state.activeItem&&this.collapseMenu(),e.preventDefault();break;case 39:this.isHorizontal()?this.navigateToNextItem(n):this.expandMenu(t),e.preventDefault();break;case 37:this.isHorizontal()?this.navigateToPrevItem(n):t.items&&t===this.state.activeItem&&this.collapseMenu(),e.preventDefault()}}},{key:"expandMenu",value:function(e){e.items&&this.setState({activeItem:e})}},{key:"collapseMenu",value:function(e){this.setState({activeItem:null})}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?n.hasClass(t,"p-disabled")||!n.hasClass(t,"p-menuitem")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?n.hasClass(t,"p-disabled")||!n.hasClass(t,"p-menuitem")?this.findPrevItem(t):t:null}},{key:"navigateToNextItem",value:function(e){var t=this.findNextItem(e);t&&t.children[0].focus()}},{key:"navigateToPrevItem",value:function(e){var t=this.findPrevItem(e);t&&t.children[0].focus()}},{key:"isHorizontal",value:function(){return"horizontal"===this.props.orientation}},{key:"isVertical",value:function(){return"vertical"===this.props.orientation}},{key:"getColumnClassName",value: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}},{key:"componentDidMount",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.container&&!e.container.contains(t.target)&&e.setState({activeItem:null})},document.addEventListener("click",this.documentClickListener))}},{key:"componentWillUnmount",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"renderSeparator",value:function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator",role:"separator"})}},{key:"renderSubmenuIcon",value:function(t){if(t.items){var n=r("p-submenu-icon pi",{"pi-angle-down":this.isHorizontal(),"pi-angle-right":this.isVertical()});return e.createElement("span",{className:n})}return null}},{key:"renderSubmenuItem",value:function(t,n){var l=this;if(t.separator)return this.renderSeparator(n);var o=r("p-menuitem",t.className),u=r("p-menuitem-link",{"p-disabled":t.disabled}),s=r(t.icon,"p-menuitem-icon"),c=e.createElement("a",{href:t.url||"#",className:u,target:t.target,onClick:function(e){return l.onLeafClick(e,t)},role:"menuitem","aria-disabled":t.disabled},t.icon&&e.createElement("span",{className:s}),t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),e.createElement(i,null));return t.template&&(c=a.getJSXElement(t.template,t,{onClick:function(e){return l.onLeafClick(e,t)},className:u,labelClassName:"p-menuitem-text",iconClassName:s,element:c,props:this.props})),e.createElement("li",{key:t.label+"_"+n,className:o,style:t.style,role:"none"},c)}},{key:"renderSubmenu",value:function(t){var n=this,a=r("p-megamenu-submenu-header",{"p-disabled":t.disabled},t.className),i=t.items.map((function(e,t){return n.renderSubmenuItem(e,t)}));return e.createElement(e.Fragment,{key:t.label},e.createElement("li",{className:a,style:t.style,role:"presentation","aria-disabled":t.disabled},t.label),i)}},{key:"renderSubmenus",value:function(e){var t=this;return e.map((function(e,n){return t.renderSubmenu(e,n)}))}},{key:"renderColumn",value:function(t,n,r,a){var i=this.renderSubmenus(n);return e.createElement("div",{key:t.label+"_column_"+r,className:a},e.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},i))}},{key:"renderColumns",value:function(e){var t=this;if(e.items){var n=this.getColumnClassName(e);return e.items.map((function(r,a){return t.renderColumn(e,r,a,n)}))}return null}},{key:"renderCategoryPanel",value:function(t){if(t.items){var n=this.renderColumns(t);return e.createElement("div",{className:"p-megamenu-panel"},e.createElement("div",{className:"p-megamenu-grid"},n))}return null}},{key:"renderCategory",value:function(t,n){var l=this,o=r("p-menuitem",{"p-menuitem-active":t===this.state.activeItem},t.className),u=r("p-menuitem-link",{"p-disabled":t.disabled}),s=r("p-menuitem-icon",t.icon),c=t.icon&&e.createElement("span",{className:s}),m=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),p=t.template?a.getJSXElement(t.template,t):null,f=this.renderSubmenuIcon(t),v=this.renderCategoryPanel(t);return e.createElement("li",{key:t.label+"_"+n,className:o,style:t.style,onMouseEnter:function(e){return l.onCategoryMouseEnter(e,t)},role:"none"},e.createElement("a",{href:t.url||"#",className:u,target:t.target,onClick:function(e){return l.onCategoryClick(e,t)},onKeyDown:function(e){return l.onCategoryKeyDown(e,t)},role:"menuitem","aria-haspopup":null!=t.items},c,m,p,f,e.createElement(i,null)),v)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderCategory(t,n,!0)})):null}},{key:"renderCustomContent",value:function(){return this.props.children?e.createElement("div",{className:"p-megamenu-custom"},this.props.children):null}},{key:"render",value:function(){var t=this,n=r("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===this.props.orientation,"p-megamenu-vertical":"vertical"===this.props.orientation},this.props.className),a=this.renderMenu(),i=this.renderCustomContent();return e.createElement("div",{ref:function(e){return t.container=e},id:this.props.id,className:n,style:this.props.style},e.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},a),i)}}])&&o(h.prototype,y),b&&o(h,b),g}();y={id:null,model:null,style:null,className:null,orientation:"horizontal"},(h="defaultProps")in(d=b)?Object.defineProperty(d,h,{value:y,enumerable:!0,configurable:!0,writable:!0}):d[h]=y;export{b as MegaMenu};

package/megamenu/megamenu.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.megamenu = (function (exports, React, core) {
+this.primereact.megamenu = (function (exports, React, utils, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -250,13 +250,13 @@ this.primereact.megamenu = (function (exports, React, core) {
       key: "findNextItem",
       value: function findNextItem(item) {
         var nextItem = item.nextElementSibling;
-        if (nextItem) return core.DomHandler.hasClass(nextItem, 'p-disabled') || !core.DomHandler.hasClass(nextItem, 'p-menuitem') ? this.findNextItem(nextItem) : nextItem;else return null;
+        if (nextItem) return utils.DomHandler.hasClass(nextItem, 'p-disabled') || !utils.DomHandler.hasClass(nextItem, 'p-menuitem') ? this.findNextItem(nextItem) : nextItem;else return null;
       }
     }, {
       key: "findPrevItem",
       value: function findPrevItem(item) {
         var prevItem = item.previousElementSibling;
-        if (prevItem) return core.DomHandler.hasClass(prevItem, 'p-disabled') || !core.DomHandler.hasClass(prevItem, 'p-menuitem') ? this.findPrevItem(prevItem) : prevItem;else return null;
+        if (prevItem) return utils.DomHandler.hasClass(prevItem, 'p-disabled') || !utils.DomHandler.hasClass(prevItem, 'p-menuitem') ? this.findPrevItem(prevItem) : prevItem;else return null;
       }
     }, {
       key: "navigateToNextItem",
@@ -344,7 +344,7 @@ this.primereact.megamenu = (function (exports, React, core) {
     }, {
       key: "renderSeparator",
       value: function renderSeparator(index) {
-        return /*#__PURE__*/React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           key: 'separator_' + index,
           className: "p-menu-separator",
           role: "separator"
@@ -354,11 +354,11 @@ this.primereact.megamenu = (function (exports, React, core) {
       key: "renderSubmenuIcon",
       value: function renderSubmenuIcon(item) {
         if (item.items) {
-          var className = core.classNames('p-submenu-icon pi', {
+          var className = utils.classNames('p-submenu-icon pi', {
             'pi-angle-down': this.isHorizontal(),
             'pi-angle-right': this.isVertical()
           });
-          return /*#__PURE__*/React__default['default'].createElement("span", {
+          return /*#__PURE__*/React__default["default"].createElement("span", {
             className: className
           });
         }
@@ -373,18 +373,18 @@ this.primereact.megamenu = (function (exports, React, core) {
         if (item.separator) {
           return this.renderSeparator(index);
         } else {
-          var className = core.classNames('p-menuitem', item.className);
-          var linkClassName = core.classNames('p-menuitem-link', {
+          var className = utils.classNames('p-menuitem', item.className);
+          var linkClassName = utils.classNames('p-menuitem-link', {
             'p-disabled': item.disabled
           });
-          var iconClassName = core.classNames(item.icon, 'p-menuitem-icon');
-          var icon = item.icon && /*#__PURE__*/React__default['default'].createElement("span", {
+          var iconClassName = utils.classNames(item.icon, 'p-menuitem-icon');
+          var icon = item.icon && /*#__PURE__*/React__default["default"].createElement("span", {
             className: iconClassName
           });
-          var label = item.label && /*#__PURE__*/React__default['default'].createElement("span", {
+          var label = item.label && /*#__PURE__*/React__default["default"].createElement("span", {
             className: "p-menuitem-text"
           }, item.label);
-          var content = /*#__PURE__*/React__default['default'].createElement("a", {
+          var content = /*#__PURE__*/React__default["default"].createElement("a", {
             href: item.url || '#',
             className: linkClassName,
             target: item.target,
@@ -393,7 +393,7 @@ this.primereact.megamenu = (function (exports, React, core) {
             },
             role: "menuitem",
             "aria-disabled": item.disabled
-          }, icon, label, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+          }, icon, label, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
 
           if (item.template) {
             var defaultContentOptions = {
@@ -406,10 +406,10 @@ this.primereact.megamenu = (function (exports, React, core) {
               element: content,
               props: this.props
             };
-            content = core.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
+            content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
           }
 
-          return /*#__PURE__*/React__default['default'].createElement("li", {
+          return /*#__PURE__*/React__default["default"].createElement("li", {
             key: item.label + '_' + index,
             className: className,
             style: item.style,
@@ -422,15 +422,15 @@ this.primereact.megamenu = (function (exports, React, core) {
       value: function renderSubmenu(submenu) {
         var _this4 = this;
 
-        var className = core.classNames('p-megamenu-submenu-header', {
+        var className = utils.classNames('p-megamenu-submenu-header', {
           'p-disabled': submenu.disabled
         }, submenu.className);
         var items = submenu.items.map(function (item, index) {
           return _this4.renderSubmenuItem(item, index);
         });
-        return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
+        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
           key: submenu.label
-        }, /*#__PURE__*/React__default['default'].createElement("li", {
+        }, /*#__PURE__*/React__default["default"].createElement("li", {
           className: className,
           style: submenu.style,
           role: "presentation",
@@ -450,10 +450,10 @@ this.primereact.megamenu = (function (exports, React, core) {
       key: "renderColumn",
       value: function renderColumn(category, column, index, columnClassName) {
         var submenus = this.renderSubmenus(column);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           key: category.label + '_column_' + index,
           className: columnClassName
-        }, /*#__PURE__*/React__default['default'].createElement("ul", {
+        }, /*#__PURE__*/React__default["default"].createElement("ul", {
           className: "p-megamenu-submenu",
           role: "menu"
         }, submenus));
@@ -477,9 +477,9 @@ this.primereact.megamenu = (function (exports, React, core) {
       value: function renderCategoryPanel(category) {
         if (category.items) {
           var columns = this.renderColumns(category);
-          return /*#__PURE__*/React__default['default'].createElement("div", {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
             className: "p-megamenu-panel"
-          }, /*#__PURE__*/React__default['default'].createElement("div", {
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
             className: "p-megamenu-grid"
           }, columns));
         }
@@ -491,23 +491,23 @@ this.primereact.megamenu = (function (exports, React, core) {
       value: function renderCategory(category, index) {
         var _this7 = this;
 
-        var className = core.classNames('p-menuitem', {
+        var className = utils.classNames('p-menuitem', {
           'p-menuitem-active': category === this.state.activeItem
         }, category.className);
-        var linkClassName = core.classNames('p-menuitem-link', {
+        var linkClassName = utils.classNames('p-menuitem-link', {
           'p-disabled': category.disabled
         });
-        var iconClassName = core.classNames('p-menuitem-icon', category.icon);
-        var icon = category.icon && /*#__PURE__*/React__default['default'].createElement("span", {
+        var iconClassName = utils.classNames('p-menuitem-icon', category.icon);
+        var icon = category.icon && /*#__PURE__*/React__default["default"].createElement("span", {
           className: iconClassName
         });
-        var label = category.label && /*#__PURE__*/React__default['default'].createElement("span", {
+        var label = category.label && /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-menuitem-text"
         }, category.label);
-        var itemContent = category.template ? core.ObjectUtils.getJSXElement(category.template, category) : null;
+        var itemContent = category.template ? utils.ObjectUtils.getJSXElement(category.template, category) : null;
         var submenuIcon = this.renderSubmenuIcon(category);
         var panel = this.renderCategoryPanel(category);
-        return /*#__PURE__*/React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           key: category.label + '_' + index,
           className: className,
           style: category.style,
@@ -515,7 +515,7 @@ this.primereact.megamenu = (function (exports, React, core) {
             return _this7.onCategoryMouseEnter(e, category);
           },
           role: "none"
-        }, /*#__PURE__*/React__default['default'].createElement("a", {
+        }, /*#__PURE__*/React__default["default"].createElement("a", {
           href: category.url || '#',
           className: linkClassName,
           target: category.target,
@@ -527,7 +527,7 @@ this.primereact.megamenu = (function (exports, React, core) {
           },
           role: "menuitem",
           "aria-haspopup": category.items != null
-        }, icon, label, itemContent, submenuIcon, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null)), panel);
+        }, icon, label, itemContent, submenuIcon, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null)), panel);
       }
     }, {
       key: "renderMenu",
@@ -546,7 +546,7 @@ this.primereact.megamenu = (function (exports, React, core) {
       key: "renderCustomContent",
       value: function renderCustomContent() {
         if (this.props.children) {
-          return /*#__PURE__*/React__default['default'].createElement("div", {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
             className: "p-megamenu-custom"
           }, this.props.children);
         }
@@ -558,20 +558,20 @@ this.primereact.megamenu = (function (exports, React, core) {
       value: function render() {
         var _this9 = this;
 
-        var className = core.classNames('p-megamenu p-component', {
+        var className = utils.classNames('p-megamenu p-component', {
           'p-megamenu-horizontal': this.props.orientation === 'horizontal',
           'p-megamenu-vertical': this.props.orientation === 'vertical'
         }, this.props.className);
         var menu = this.renderMenu();
         var customContent = this.renderCustomContent();
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this9.container = el;
           },
           id: this.props.id,
           className: className,
           style: this.props.style
-        }, /*#__PURE__*/React__default['default'].createElement("ul", {
+        }, /*#__PURE__*/React__default["default"].createElement("ul", {
           className: "p-megamenu-root-list",
           role: "menubar"
         }, menu), customContent);
@@ -595,4 +595,4 @@ this.primereact.megamenu = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils, primereact.ripple);

package/megamenu/megamenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.megamenu=function(e,t,n){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(t);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function m(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function p(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var d,v,h,y=function(e){o(h,e);var t,a,s,c,d,v=(t=h,a=p(),function(){var e,n=f(t);if(a){var r=f(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return m(this,e)});function h(e){var t;return i(this,h),(t=v.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(u(t)),t}return s=h,(c=[{key:"onLeafClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.setState({activeItem:null}))}},{key:"onCategoryMouseEnter",value:function(e,t){t.disabled?e.preventDefault():this.state.activeItem&&this.setState({activeItem:t})}},{key:"onCategoryClick",value:function(e,t){t.disabled||(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:this.props.item}),t.items&&this.setState(this.state.activeItem&&this.state.activeItem===t?{activeItem:null}:{activeItem:t})),e.preventDefault()}},{key:"onCategoryKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:this.isHorizontal()?this.expandMenu(t):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.isVertical()?this.navigateToPrevItem(n):t.items&&t===this.state.activeItem&&this.collapseMenu(),e.preventDefault();break;case 39:this.isHorizontal()?this.navigateToNextItem(n):this.expandMenu(t),e.preventDefault();break;case 37:this.isHorizontal()?this.navigateToPrevItem(n):t.items&&t===this.state.activeItem&&this.collapseMenu(),e.preventDefault()}}},{key:"expandMenu",value:function(e){e.items&&this.setState({activeItem:e})}},{key:"collapseMenu",value:function(e){this.setState({activeItem:null})}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?n.DomHandler.hasClass(t,"p-disabled")||!n.DomHandler.hasClass(t,"p-menuitem")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?n.DomHandler.hasClass(t,"p-disabled")||!n.DomHandler.hasClass(t,"p-menuitem")?this.findPrevItem(t):t:null}},{key:"navigateToNextItem",value:function(e){var t=this.findNextItem(e);t&&t.children[0].focus()}},{key:"navigateToPrevItem",value:function(e){var t=this.findPrevItem(e);t&&t.children[0].focus()}},{key:"isHorizontal",value:function(){return"horizontal"===this.props.orientation}},{key:"isVertical",value:function(){return"vertical"===this.props.orientation}},{key:"getColumnClassName",value: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}},{key:"componentDidMount",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.container&&!e.container.contains(t.target)&&e.setState({activeItem:null})},document.addEventListener("click",this.documentClickListener))}},{key:"componentWillUnmount",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"renderSeparator",value:function(e){return r.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})}},{key:"renderSubmenuIcon",value:function(e){if(e.items){var t=n.classNames("p-submenu-icon pi",{"pi-angle-down":this.isHorizontal(),"pi-angle-right":this.isVertical()});return r.default.createElement("span",{className:t})}return null}},{key:"renderSubmenuItem",value:function(e,t){var a=this;if(e.separator)return this.renderSeparator(t);var i=n.classNames("p-menuitem",e.className),l=n.classNames("p-menuitem-link",{"p-disabled":e.disabled}),u=n.classNames(e.icon,"p-menuitem-icon"),s=r.default.createElement("a",{href:e.url||"#",className:l,target:e.target,onClick:function(t){return a.onLeafClick(t,e)},role:"menuitem","aria-disabled":e.disabled},e.icon&&r.default.createElement("span",{className:u}),e.label&&r.default.createElement("span",{className:"p-menuitem-text"},e.label),r.default.createElement(n.Ripple,null));return e.template&&(s=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return a.onLeafClick(t,e)},className:l,labelClassName:"p-menuitem-text",iconClassName:u,element:s,props:this.props})),r.default.createElement("li",{key:e.label+"_"+t,className:i,style:e.style,role:"none"},s)}},{key:"renderSubmenu",value:function(e){var t=this,a=n.classNames("p-megamenu-submenu-header",{"p-disabled":e.disabled},e.className),i=e.items.map((function(e,n){return t.renderSubmenuItem(e,n)}));return r.default.createElement(r.default.Fragment,{key:e.label},r.default.createElement("li",{className:a,style:e.style,role:"presentation","aria-disabled":e.disabled},e.label),i)}},{key:"renderSubmenus",value:function(e){var t=this;return e.map((function(e,n){return t.renderSubmenu(e,n)}))}},{key:"renderColumn",value:function(e,t,n,a){var i=this.renderSubmenus(t);return r.default.createElement("div",{key:e.label+"_column_"+n,className:a},r.default.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},i))}},{key:"renderColumns",value:function(e){var t=this;if(e.items){var n=this.getColumnClassName(e);return e.items.map((function(a,r){return t.renderColumn(e,a,r,n)}))}return null}},{key:"renderCategoryPanel",value:function(e){if(e.items){var t=this.renderColumns(e);return r.default.createElement("div",{className:"p-megamenu-panel"},r.default.createElement("div",{className:"p-megamenu-grid"},t))}return null}},{key:"renderCategory",value:function(e,t){var a=this,i=n.classNames("p-menuitem",{"p-menuitem-active":e===this.state.activeItem},e.className),l=n.classNames("p-menuitem-link",{"p-disabled":e.disabled}),u=n.classNames("p-menuitem-icon",e.icon),s=e.icon&&r.default.createElement("span",{className:u}),o=e.label&&r.default.createElement("span",{className:"p-menuitem-text"},e.label),c=e.template?n.ObjectUtils.getJSXElement(e.template,e):null,m=this.renderSubmenuIcon(e),f=this.renderCategoryPanel(e);return r.default.createElement("li",{key:e.label+"_"+t,className:i,style:e.style,onMouseEnter:function(t){return a.onCategoryMouseEnter(t,e)},role:"none"},r.default.createElement("a",{href:e.url||"#",className:l,target:e.target,onClick:function(t){return a.onCategoryClick(t,e)},onKeyDown:function(t){return a.onCategoryKeyDown(t,e)},role:"menuitem","aria-haspopup":null!=e.items},s,o,c,m,r.default.createElement(n.Ripple,null)),f)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderCategory(t,n,!0)})):null}},{key:"renderCustomContent",value:function(){return this.props.children?r.default.createElement("div",{className:"p-megamenu-custom"},this.props.children):null}},{key:"render",value:function(){var e=this,t=n.classNames("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===this.props.orientation,"p-megamenu-vertical":"vertical"===this.props.orientation},this.props.className),a=this.renderMenu(),i=this.renderCustomContent();return r.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:t,style:this.props.style},r.default.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},a),i)}}])&&l(s.prototype,c),d&&l(s,d),h}(t.Component);return h={id:null,model:null,style:null,className:null,orientation:"horizontal"},(v="defaultProps")in(d=y)?Object.defineProperty(d,v,{value:h,enumerable:!0,configurable:!0,writable:!0}):d[v]=h,e.MegaMenu=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.megamenu=function(e,t,n,a){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(t);function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function o(e,t){return o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},o(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}function m(e){return m="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},m(e)}function f(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}function d(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var v,h,y,b=function(e){c(y,e);var t,r,o,m,v,h=(t=y,r=d(),function(){var e,n=p(t);if(r){var a=p(this).constructor;e=Reflect.construct(n,arguments,a)}else e=n.apply(this,arguments);return f(this,e)});function y(e){var t;return l(this,y),(t=h.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(s(t)),t}return o=y,(m=[{key:"onLeafClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.setState({activeItem:null}))}},{key:"onCategoryMouseEnter",value:function(e,t){t.disabled?e.preventDefault():this.state.activeItem&&this.setState({activeItem:t})}},{key:"onCategoryClick",value:function(e,t){t.disabled||(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:this.props.item}),t.items&&this.setState(this.state.activeItem&&this.state.activeItem===t?{activeItem:null}:{activeItem:t})),e.preventDefault()}},{key:"onCategoryKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:this.isHorizontal()?this.expandMenu(t):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.isVertical()?this.navigateToPrevItem(n):t.items&&t===this.state.activeItem&&this.collapseMenu(),e.preventDefault();break;case 39:this.isHorizontal()?this.navigateToNextItem(n):this.expandMenu(t),e.preventDefault();break;case 37:this.isHorizontal()?this.navigateToPrevItem(n):t.items&&t===this.state.activeItem&&this.collapseMenu(),e.preventDefault()}}},{key:"expandMenu",value:function(e){e.items&&this.setState({activeItem:e})}},{key:"collapseMenu",value:function(e){this.setState({activeItem:null})}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?n.DomHandler.hasClass(t,"p-disabled")||!n.DomHandler.hasClass(t,"p-menuitem")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?n.DomHandler.hasClass(t,"p-disabled")||!n.DomHandler.hasClass(t,"p-menuitem")?this.findPrevItem(t):t:null}},{key:"navigateToNextItem",value:function(e){var t=this.findNextItem(e);t&&t.children[0].focus()}},{key:"navigateToPrevItem",value:function(e){var t=this.findPrevItem(e);t&&t.children[0].focus()}},{key:"isHorizontal",value:function(){return"horizontal"===this.props.orientation}},{key:"isVertical",value:function(){return"vertical"===this.props.orientation}},{key:"getColumnClassName",value: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}},{key:"componentDidMount",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.container&&!e.container.contains(t.target)&&e.setState({activeItem:null})},document.addEventListener("click",this.documentClickListener))}},{key:"componentWillUnmount",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"renderSeparator",value:function(e){return i.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})}},{key:"renderSubmenuIcon",value:function(e){if(e.items){var t=n.classNames("p-submenu-icon pi",{"pi-angle-down":this.isHorizontal(),"pi-angle-right":this.isVertical()});return i.default.createElement("span",{className:t})}return null}},{key:"renderSubmenuItem",value:function(e,t){var r=this;if(e.separator)return this.renderSeparator(t);var l=n.classNames("p-menuitem",e.className),u=n.classNames("p-menuitem-link",{"p-disabled":e.disabled}),s=n.classNames(e.icon,"p-menuitem-icon"),o=i.default.createElement("a",{href:e.url||"#",className:u,target:e.target,onClick:function(t){return r.onLeafClick(t,e)},role:"menuitem","aria-disabled":e.disabled},e.icon&&i.default.createElement("span",{className:s}),e.label&&i.default.createElement("span",{className:"p-menuitem-text"},e.label),i.default.createElement(a.Ripple,null));return e.template&&(o=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return r.onLeafClick(t,e)},className:u,labelClassName:"p-menuitem-text",iconClassName:s,element:o,props:this.props})),i.default.createElement("li",{key:e.label+"_"+t,className:l,style:e.style,role:"none"},o)}},{key:"renderSubmenu",value:function(e){var t=this,a=n.classNames("p-megamenu-submenu-header",{"p-disabled":e.disabled},e.className),r=e.items.map((function(e,n){return t.renderSubmenuItem(e,n)}));return i.default.createElement(i.default.Fragment,{key:e.label},i.default.createElement("li",{className:a,style:e.style,role:"presentation","aria-disabled":e.disabled},e.label),r)}},{key:"renderSubmenus",value:function(e){var t=this;return e.map((function(e,n){return t.renderSubmenu(e,n)}))}},{key:"renderColumn",value:function(e,t,n,a){var r=this.renderSubmenus(t);return i.default.createElement("div",{key:e.label+"_column_"+n,className:a},i.default.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},r))}},{key:"renderColumns",value:function(e){var t=this;if(e.items){var n=this.getColumnClassName(e);return e.items.map((function(a,r){return t.renderColumn(e,a,r,n)}))}return null}},{key:"renderCategoryPanel",value:function(e){if(e.items){var t=this.renderColumns(e);return i.default.createElement("div",{className:"p-megamenu-panel"},i.default.createElement("div",{className:"p-megamenu-grid"},t))}return null}},{key:"renderCategory",value:function(e,t){var r=this,l=n.classNames("p-menuitem",{"p-menuitem-active":e===this.state.activeItem},e.className),u=n.classNames("p-menuitem-link",{"p-disabled":e.disabled}),s=n.classNames("p-menuitem-icon",e.icon),o=e.icon&&i.default.createElement("span",{className:s}),c=e.label&&i.default.createElement("span",{className:"p-menuitem-text"},e.label),m=e.template?n.ObjectUtils.getJSXElement(e.template,e):null,f=this.renderSubmenuIcon(e),p=this.renderCategoryPanel(e);return i.default.createElement("li",{key:e.label+"_"+t,className:l,style:e.style,onMouseEnter:function(t){return r.onCategoryMouseEnter(t,e)},role:"none"},i.default.createElement("a",{href:e.url||"#",className:u,target:e.target,onClick:function(t){return r.onCategoryClick(t,e)},onKeyDown:function(t){return r.onCategoryKeyDown(t,e)},role:"menuitem","aria-haspopup":null!=e.items},o,c,m,f,i.default.createElement(a.Ripple,null)),p)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderCategory(t,n,!0)})):null}},{key:"renderCustomContent",value:function(){return this.props.children?i.default.createElement("div",{className:"p-megamenu-custom"},this.props.children):null}},{key:"render",value:function(){var e=this,t=n.classNames("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===this.props.orientation,"p-megamenu-vertical":"vertical"===this.props.orientation},this.props.className),a=this.renderMenu(),r=this.renderCustomContent();return i.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:t,style:this.props.style},i.default.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},a),r)}}])&&u(o.prototype,m),v&&u(o,v),y}(t.Component);return y={id:null,model:null,style:null,className:null,orientation:"horizontal"},(h="defaultProps")in(v=b)?Object.defineProperty(v,h,{value:y,enumerable:!0,configurable:!0,writable:!0}):v[h]=y,e.MegaMenu=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.ripple);