primereact 7.0.0-rc.2 → 7.2.0

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 }; }
@@ -25,6 +25,9 @@ this.primereact.megamenu = (function (exports, React, core) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -57,23 +60,20 @@ this.primereact.megamenu = (function (exports, React, core) {
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    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 _possibleConstructorReturn(self, call) {
@@ -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 o(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},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}}),Object.defineProperty(e,"prototype",{writable:!1}),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 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,s,m,v,h=(t=y,r=d(),function(){var e,n=f(t);if(r){var a=f(this).constructor;e=Reflect.construct(n,arguments,a)}else e=n.apply(this,arguments);return p(this,e)});function y(e){var t;return l(this,y),(t=h.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(u(t)),t}return s=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),o=n.classNames("p-menuitem-link",{"p-disabled":e.disabled}),u=n.classNames(e.icon,"p-menuitem-icon"),s=i.default.createElement("a",{href:e.url||"#",className:o,target:e.target,onClick:function(t){return r.onLeafClick(t,e)},role:"menuitem","aria-disabled":e.disabled},e.icon&&i.default.createElement("span",{className:u}),e.label&&i.default.createElement("span",{className:"p-menuitem-text"},e.label),i.default.createElement(a.Ripple,null));return e.template&&(s=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return r.onLeafClick(t,e)},className:o,labelClassName:"p-menuitem-text",iconClassName:u,element:s,props:this.props})),i.default.createElement("li",{key:e.label+"_"+t,className:l,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),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),o=n.classNames("p-menuitem-link",{"p-disabled":e.disabled}),u=n.classNames("p-menuitem-icon",e.icon),s=e.icon&&i.default.createElement("span",{className:u}),c=e.label&&i.default.createElement("span",{className:"p-menuitem-text"},e.label),m=e.template?n.ObjectUtils.getJSXElement(e.template,e):null,p=this.renderSubmenuIcon(e),f=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:o,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},s,c,m,p,i.default.createElement(a.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?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)}}])&&o(s.prototype,m),v&&o(s,v),Object.defineProperty(s,"prototype",{writable:!1}),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);