primereact 7.0.0-rc.1 → 7.1.0

package/menubar/menubar.cjs.js

@@ -3,11 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var ripple = require('primereact/ripple');
+var PrimeReact = require('primereact/api');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -329,13 +332,13 @@ var MenubarSubComponent = /*#__PURE__*/function (_Component) {
     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: "onLeafClick",
@@ -385,7 +388,7 @@ var MenubarSubComponent = /*#__PURE__*/function (_Component) {
   }, {
     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"
@@ -395,7 +398,7 @@ var MenubarSubComponent = /*#__PURE__*/function (_Component) {
     key: "renderSubmenu",
     value: function renderSubmenu(item) {
       if (item.items) {
-        return /*#__PURE__*/React__default['default'].createElement(MenubarSub, {
+        return /*#__PURE__*/React__default["default"].createElement(MenubarSub, {
           model: item.items,
           mobileActive: this.props.mobileActive,
           onLeafClick: this.onLeafClick,
@@ -411,28 +414,28 @@ var MenubarSubComponent = /*#__PURE__*/function (_Component) {
     value: function renderMenuitem(item, index) {
       var _this3 = this;
 
-      var className = core.classNames('p-menuitem', {
+      var className = utils.classNames('p-menuitem', {
         'p-menuitem-active': this.state.activeItem === item
       }, item.className);
-      var linkClassName = core.classNames('p-menuitem-link', {
+      var linkClassName = utils.classNames('p-menuitem-link', {
         'p-disabled': item.disabled
       });
-      var iconClassName = core.classNames('p-menuitem-icon', item.icon);
-      var submenuIconClassName = core.classNames('p-submenu-icon pi', {
+      var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
+      var submenuIconClassName = utils.classNames('p-submenu-icon pi', {
         'pi-angle-down': this.props.root,
         'pi-angle-right': !this.props.root
       });
-      var icon = item.icon && /*#__PURE__*/React__default['default'].createElement("span", {
+      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 submenuIcon = item.items && /*#__PURE__*/React__default['default'].createElement("span", {
+      var submenuIcon = item.items && /*#__PURE__*/React__default["default"].createElement("span", {
         className: submenuIconClassName
       });
       var submenu = this.renderSubmenu(item);
-      var content = /*#__PURE__*/React__default['default'].createElement("a", {
+      var content = /*#__PURE__*/React__default["default"].createElement("a", {
         href: item.url || '#',
         role: "menuitem",
         className: linkClassName,
@@ -444,7 +447,7 @@ var MenubarSubComponent = /*#__PURE__*/function (_Component) {
         onKeyDown: function onKeyDown(event) {
           return _this3.onItemKeyDown(event, item);
         }
-      }, icon, label, submenuIcon, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+      }, icon, label, submenuIcon, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
 
       if (item.template) {
         var defaultContentOptions = {
@@ -461,10 +464,10 @@ var MenubarSubComponent = /*#__PURE__*/function (_Component) {
           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,
         role: "none",
         className: className,
@@ -497,12 +500,12 @@ var MenubarSubComponent = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this5 = this;
 
-      var className = core.classNames({
+      var className = utils.classNames({
         'p-submenu-list': !this.props.root,
         'p-menubar-root-list': this.props.root
       });
       var submenu = this.renderMenu();
-      return /*#__PURE__*/React__default['default'].createElement("ul", {
+      return /*#__PURE__*/React__default["default"].createElement("ul", {
         ref: function ref(el) {
           return _this5.getElementRef(el);
         },
@@ -527,8 +530,8 @@ _defineProperty(MenubarSubComponent, "defaultProps", {
   forwardRef: null
 });
 
-var MenubarSub = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default['default'].createElement(MenubarSubComponent, _extends({
+var MenubarSub = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default["default"].createElement(MenubarSubComponent, _extends({
     forwardRef: ref
   }, props));
 });
@@ -567,13 +570,13 @@ var Menubar = /*#__PURE__*/function (_Component) {
         };
       }, function () {
         if (_this2.state.mobileActive) {
-          core.ZIndexUtils.set('menu', _this2.rootmenu);
+          utils.ZIndexUtils.set('menu', _this2.rootmenu, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['menu']);
 
           _this2.bindDocumentClickListener();
         } else {
           _this2.unbindDocumentClickListener();
 
-          core.ZIndexUtils.clear(_this2.rootmenu);
+          utils.ZIndexUtils.clear(_this2.rootmenu);
         }
       });
     }
@@ -590,7 +593,7 @@ var Menubar = /*#__PURE__*/function (_Component) {
             }, function () {
               _this3.unbindDocumentClickListener();
 
-              core.ZIndexUtils.clear(_this3.rootmenu);
+              utils.ZIndexUtils.clear(_this3.rootmenu);
             });
           }
         };
@@ -621,19 +624,19 @@ var Menubar = /*#__PURE__*/function (_Component) {
       }, function () {
         _this4.unbindDocumentClickListener();
 
-        core.ZIndexUtils.clear(_this4.rootmenu);
+        utils.ZIndexUtils.clear(_this4.rootmenu);
       });
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      core.ZIndexUtils.clear(this.rootmenu);
+      utils.ZIndexUtils.clear(this.rootmenu);
     }
   }, {
     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-menubar-custom"
         }, this.props.children);
       }
@@ -644,8 +647,8 @@ var Menubar = /*#__PURE__*/function (_Component) {
     key: "renderStartContent",
     value: function renderStartContent() {
       if (this.props.start) {
-        var start = core.ObjectUtils.getJSXElement(this.props.start, this.props);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        var start = utils.ObjectUtils.getJSXElement(this.props.start, this.props);
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-menubar-start"
         }, start);
       }
@@ -656,8 +659,8 @@ var Menubar = /*#__PURE__*/function (_Component) {
     key: "renderEndContent",
     value: function renderEndContent() {
       if (this.props.end) {
-        var end = core.ObjectUtils.getJSXElement(this.props.end, this.props);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        var end = utils.ObjectUtils.getJSXElement(this.props.end, this.props);
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-menubar-end"
         }, end);
       }
@@ -670,7 +673,7 @@ var Menubar = /*#__PURE__*/function (_Component) {
       var _this5 = this;
 
       /* eslint-disable */
-      var button = /*#__PURE__*/React__default['default'].createElement("a", {
+      var button = /*#__PURE__*/React__default["default"].createElement("a", {
         ref: function ref(el) {
           return _this5.menubutton = el;
         },
@@ -679,7 +682,7 @@ var Menubar = /*#__PURE__*/function (_Component) {
         tabIndex: 0,
         className: "p-menubar-button",
         onClick: this.toggle
-      }, /*#__PURE__*/React__default['default'].createElement("i", {
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: "pi pi-bars"
       }));
       /* eslint-enable */
@@ -691,17 +694,17 @@ var Menubar = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this6 = this;
 
-      var className = core.classNames('p-menubar p-component', {
+      var className = utils.classNames('p-menubar p-component', {
         'p-menubar-mobile-active': this.state.mobileActive
       }, this.props.className);
       var start = this.renderStartContent();
       var end = this.renderEndContent();
       var menuButton = this.renderMenuButton();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         id: this.props.id,
         className: className,
         style: this.props.style
-      }, start, menuButton, /*#__PURE__*/React__default['default'].createElement(MenubarSub, {
+      }, start, menuButton, /*#__PURE__*/React__default["default"].createElement(MenubarSub, {
         ref: function ref(el) {
           return _this6.rootmenu = el;
         },

package/menubar/menubar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e);function i(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 l(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function s(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&&u(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 a(e)}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(){return(d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function h(){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=function(n){s(p,e.Component);var o,u,c=(o=p,u=h(),function(){var e,t=f(o);if(u){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return m(this,e)});function p(e){var t;return i(this,p),(t=c.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(a(t)),t.onChildItemKeyDown=t.onChildItemKeyDown.bind(a(t)),t}return l(p,[{key:"getElementRef",value:function(e){return this.element=e,this.props.forwardRef?this.props.forwardRef(e):this.element}},{key:"onItemMouseEnter",value:function(e,t){t.disabled||this.props.mobileActive?e.preventDefault():this.props.root?(this.state.activeItem||this.props.popup)&&this.setState({activeItem:t}):this.setState({activeItem:t})}},{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items?this.setState(this.state.activeItem&&t===this.state.activeItem?{activeItem:null}:{activeItem:t}):this.onLeafClick())}},{key:"onItemKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:this.props.root?t.items&&this.expandSubmenu(t,n):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.props.root||this.navigateToPrevItem(n),e.preventDefault();break;case 39:if(this.props.root){var r=this.findNextItem(n);r&&r.children[0].focus()}else t.items&&this.expandSubmenu(t,n);e.preventDefault();break;case 37:this.props.root&&this.navigateToPrevItem(n),e.preventDefault()}this.props.onKeyDown&&this.props.onKeyDown(e,n)}},{key:"onChildItemKeyDown",value:function(e,t){this.props.root?38===e.which&&null==t.previousElementSibling&&this.collapseMenu(t):37===e.which&&this.collapseMenu(t)}},{key:"expandSubmenu",value:function(e,t){this.setState({activeItem:e}),setTimeout((function(){t.children[1].children[0].children[0].focus()}),50)}},{key:"collapseMenu",value:function(e){this.setState({activeItem:null}),e.parentElement.previousElementSibling.focus()}},{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:"findNextItem",value:function(e){var n=e.nextElementSibling;return n?t.DomHandler.hasClass(n,"p-disabled")||!t.DomHandler.hasClass(n,"p-menuitem")?this.findNextItem(n):n:null}},{key:"findPrevItem",value:function(e){var n=e.previousElementSibling;return n?t.DomHandler.hasClass(n,"p-disabled")||!t.DomHandler.hasClass(n,"p-menuitem")?this.findPrevItem(n):n:null}},{key:"onLeafClick",value:function(){this.setState({activeItem:null}),this.props.onLeafClick&&this.props.onLeafClick()}},{key:"componentDidMount",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.element&&!e.element.contains(t.target)&&e.setState({activeItem:null})},document.addEventListener("click",this.documentClickListener))}},{key:"componentDidUpdate",value:function(e){e.parentActive&&!this.props.parentActive&&this.setState({activeItem:null})}},{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:"renderSubmenu",value:function(e){return e.items?r.default.createElement(b,{model:e.items,mobileActive:this.props.mobileActive,onLeafClick:this.onLeafClick,onKeyDown:this.onChildItemKeyDown,parentActive:e===this.state.activeItem}):null}},{key:"renderMenuitem",value:function(e,n){var i=this,o=t.classNames("p-menuitem",{"p-menuitem-active":this.state.activeItem===e},e.className),l=t.classNames("p-menuitem-link",{"p-disabled":e.disabled}),a=t.classNames("p-menuitem-icon",e.icon),u=t.classNames("p-submenu-icon pi",{"pi-angle-down":this.props.root,"pi-angle-right":!this.props.root}),s=e.icon&&r.default.createElement("span",{className:a}),c=e.label&&r.default.createElement("span",{className:"p-menuitem-text"},e.label),m=e.items&&r.default.createElement("span",{className:u}),f=this.renderSubmenu(e),p=r.default.createElement("a",{href:e.url||"#",role:"menuitem",className:l,target:e.target,"aria-haspopup":null!=e.items,onClick:function(t){return i.onItemClick(t,e)},onKeyDown:function(t){return i.onItemKeyDown(t,e)}},s,c,m,r.default.createElement(t.Ripple,null));e.template&&(p=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return i.onItemClick(t,e)},onKeyDown:function(t){return i.onItemKeyDown(t,e)},className:l,labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:u,element:p,props:this.props}));return r.default.createElement("li",{key:e.label+"_"+n,role:"none",className:o,style:e.style,onMouseEnter:function(t){return i.onItemMouseEnter(t,e)}},p,f)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):this.renderMenuitem(e,t)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"render",value:function(){var e=this,n=t.classNames({"p-submenu-list":!this.props.root,"p-menubar-root-list":this.props.root}),i=this.renderMenu();return r.default.createElement("ul",{ref:function(t){return e.getElementRef(t)},className:n,role:this.props.root?"menubar":"menu"},i)}}]),p}();p(v,"defaultProps",{model:null,root:!1,className:null,popup:!1,onLeafClick:null,onKeyDown:null,parentActive:!1,mobileActive:!1,forwardRef:null});var b=r.default.forwardRef((function(e,t){return r.default.createElement(v,d({forwardRef:t},e))}));function y(){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 k=function(n){s(p,e.Component);var o,u,c=(o=p,u=y(),function(){var e,t=f(o);if(u){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return m(this,e)});function p(e){var t;return i(this,p),(t=c.call(this,e)).state={mobileActive:!1},t.toggle=t.toggle.bind(a(t)),t.onLeafClick=t.onLeafClick.bind(a(t)),t}return l(p,[{key:"toggle",value:function(e){var n=this;e.preventDefault(),this.setState((function(e){return{mobileActive:!e.mobileActive}}),(function(){n.state.mobileActive?(t.ZIndexUtils.set("menu",n.rootmenu),n.bindDocumentClickListener()):(n.unbindDocumentClickListener(),t.ZIndexUtils.clear(n.rootmenu))}))}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(n){e.state.mobileActive&&e.isOutsideClicked(n)&&e.setState({mobileActive:!1},(function(){e.unbindDocumentClickListener(),t.ZIndexUtils.clear(e.rootmenu)}))},document.addEventListener("click",this.documentClickListener))}},{key:"isOutsideClicked",value:function(e){return this.rootmenu!==e.target&&!this.rootmenu.contains(e.target)&&this.menubutton!==e.target&&!this.menubutton.contains(e.target)}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"onLeafClick",value:function(){var e=this;this.setState({mobileActive:!1},(function(){e.unbindDocumentClickListener(),t.ZIndexUtils.clear(e.rootmenu)}))}},{key:"componentWillUnmount",value:function(){t.ZIndexUtils.clear(this.rootmenu)}},{key:"renderCustomContent",value:function(){return this.props.children?r.default.createElement("div",{className:"p-menubar-custom"},this.props.children):null}},{key:"renderStartContent",value:function(){if(this.props.start){var e=t.ObjectUtils.getJSXElement(this.props.start,this.props);return r.default.createElement("div",{className:"p-menubar-start"},e)}return null}},{key:"renderEndContent",value:function(){if(this.props.end){var e=t.ObjectUtils.getJSXElement(this.props.end,this.props);return r.default.createElement("div",{className:"p-menubar-end"},e)}return null}},{key:"renderMenuButton",value:function(){var e=this;return r.default.createElement("a",{ref:function(t){return e.menubutton=t},href:"#",role:"button",tabIndex:0,className:"p-menubar-button",onClick:this.toggle},r.default.createElement("i",{className:"pi pi-bars"}))}},{key:"render",value:function(){var e=this,n=t.classNames("p-menubar p-component",{"p-menubar-mobile-active":this.state.mobileActive},this.props.className),i=this.renderStartContent(),o=this.renderEndContent(),l=this.renderMenuButton();return r.default.createElement("div",{id:this.props.id,className:n,style:this.props.style},i,l,r.default.createElement(b,{ref:function(t){return e.rootmenu=t},model:this.props.model,root:!0,mobileActive:this.state.mobileActive,onLeafClick:this.onLeafClick}),o)}}]),p}();p(k,"defaultProps",{id:null,model:null,style:null,className:null,start:null,end:null}),exports.Menubar=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/ripple"),r=require("primereact/api");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e),l=i(r);function a(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 r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t,n){return t&&u(e.prototype,t),n&&u(e,n),e}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function f(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&&m(e,t)}function p(e){return p="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},p(e)}function d(e,t){if(t&&("object"===p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return c(e)}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function y(){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 k=function(r){f(m,e.Component);var i,l,u=(i=m,l=y(),function(){var e,t=h(i);if(l){var n=h(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return d(this,e)});function m(e){var t;return a(this,m),(t=u.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(c(t)),t.onChildItemKeyDown=t.onChildItemKeyDown.bind(c(t)),t}return s(m,[{key:"getElementRef",value:function(e){return this.element=e,this.props.forwardRef?this.props.forwardRef(e):this.element}},{key:"onItemMouseEnter",value:function(e,t){t.disabled||this.props.mobileActive?e.preventDefault():this.props.root?(this.state.activeItem||this.props.popup)&&this.setState({activeItem:t}):this.setState({activeItem:t})}},{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items?this.setState(this.state.activeItem&&t===this.state.activeItem?{activeItem:null}:{activeItem:t}):this.onLeafClick())}},{key:"onItemKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:this.props.root?t.items&&this.expandSubmenu(t,n):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.props.root||this.navigateToPrevItem(n),e.preventDefault();break;case 39:if(this.props.root){var r=this.findNextItem(n);r&&r.children[0].focus()}else t.items&&this.expandSubmenu(t,n);e.preventDefault();break;case 37:this.props.root&&this.navigateToPrevItem(n),e.preventDefault()}this.props.onKeyDown&&this.props.onKeyDown(e,n)}},{key:"onChildItemKeyDown",value:function(e,t){this.props.root?38===e.which&&null==t.previousElementSibling&&this.collapseMenu(t):37===e.which&&this.collapseMenu(t)}},{key:"expandSubmenu",value:function(e,t){this.setState({activeItem:e}),setTimeout((function(){t.children[1].children[0].children[0].focus()}),50)}},{key:"collapseMenu",value:function(e){this.setState({activeItem:null}),e.parentElement.previousElementSibling.focus()}},{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:"findNextItem",value:function(e){var n=e.nextElementSibling;return n?t.DomHandler.hasClass(n,"p-disabled")||!t.DomHandler.hasClass(n,"p-menuitem")?this.findNextItem(n):n:null}},{key:"findPrevItem",value:function(e){var n=e.previousElementSibling;return n?t.DomHandler.hasClass(n,"p-disabled")||!t.DomHandler.hasClass(n,"p-menuitem")?this.findPrevItem(n):n:null}},{key:"onLeafClick",value:function(){this.setState({activeItem:null}),this.props.onLeafClick&&this.props.onLeafClick()}},{key:"componentDidMount",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.element&&!e.element.contains(t.target)&&e.setState({activeItem:null})},document.addEventListener("click",this.documentClickListener))}},{key:"componentDidUpdate",value:function(e){e.parentActive&&!this.props.parentActive&&this.setState({activeItem:null})}},{key:"componentWillUnmount",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"renderSeparator",value:function(e){return o.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})}},{key:"renderSubmenu",value:function(e){return e.items?o.default.createElement(C,{model:e.items,mobileActive:this.props.mobileActive,onLeafClick:this.onLeafClick,onKeyDown:this.onChildItemKeyDown,parentActive:e===this.state.activeItem}):null}},{key:"renderMenuitem",value:function(e,r){var i=this,l=t.classNames("p-menuitem",{"p-menuitem-active":this.state.activeItem===e},e.className),a=t.classNames("p-menuitem-link",{"p-disabled":e.disabled}),u=t.classNames("p-menuitem-icon",e.icon),s=t.classNames("p-submenu-icon pi",{"pi-angle-down":this.props.root,"pi-angle-right":!this.props.root}),c=e.icon&&o.default.createElement("span",{className:u}),m=e.label&&o.default.createElement("span",{className:"p-menuitem-text"},e.label),f=e.items&&o.default.createElement("span",{className:s}),p=this.renderSubmenu(e),d=o.default.createElement("a",{href:e.url||"#",role:"menuitem",className:a,target:e.target,"aria-haspopup":null!=e.items,onClick:function(t){return i.onItemClick(t,e)},onKeyDown:function(t){return i.onItemKeyDown(t,e)}},c,m,f,o.default.createElement(n.Ripple,null));e.template&&(d=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return i.onItemClick(t,e)},onKeyDown:function(t){return i.onItemKeyDown(t,e)},className:a,labelClassName:"p-menuitem-text",iconClassName:u,submenuIconClassName:s,element:d,props:this.props}));return o.default.createElement("li",{key:e.label+"_"+r,role:"none",className:l,style:e.style,onMouseEnter:function(t){return i.onItemMouseEnter(t,e)}},d,p)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):this.renderMenuitem(e,t)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"render",value:function(){var e=this,n=t.classNames({"p-submenu-list":!this.props.root,"p-menubar-root-list":this.props.root}),r=this.renderMenu();return o.default.createElement("ul",{ref:function(t){return e.getElementRef(t)},className:n,role:this.props.root?"menubar":"menu"},r)}}]),m}();v(k,"defaultProps",{model:null,root:!1,className:null,popup:!1,onLeafClick:null,onKeyDown:null,parentActive:!1,mobileActive:!1,forwardRef:null});var C=o.default.forwardRef((function(e,t){return o.default.createElement(k,b({forwardRef:t},e))}));function I(){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 g=function(n){f(m,e.Component);var r,i,u=(r=m,i=I(),function(){var e,t=h(r);if(i){var n=h(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return d(this,e)});function m(e){var t;return a(this,m),(t=u.call(this,e)).state={mobileActive:!1},t.toggle=t.toggle.bind(c(t)),t.onLeafClick=t.onLeafClick.bind(c(t)),t}return s(m,[{key:"toggle",value:function(e){var n=this;e.preventDefault(),this.setState((function(e){return{mobileActive:!e.mobileActive}}),(function(){n.state.mobileActive?(t.ZIndexUtils.set("menu",n.rootmenu,l.default.autoZIndex,l.default.zIndex.menu),n.bindDocumentClickListener()):(n.unbindDocumentClickListener(),t.ZIndexUtils.clear(n.rootmenu))}))}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(n){e.state.mobileActive&&e.isOutsideClicked(n)&&e.setState({mobileActive:!1},(function(){e.unbindDocumentClickListener(),t.ZIndexUtils.clear(e.rootmenu)}))},document.addEventListener("click",this.documentClickListener))}},{key:"isOutsideClicked",value:function(e){return this.rootmenu!==e.target&&!this.rootmenu.contains(e.target)&&this.menubutton!==e.target&&!this.menubutton.contains(e.target)}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"onLeafClick",value:function(){var e=this;this.setState({mobileActive:!1},(function(){e.unbindDocumentClickListener(),t.ZIndexUtils.clear(e.rootmenu)}))}},{key:"componentWillUnmount",value:function(){t.ZIndexUtils.clear(this.rootmenu)}},{key:"renderCustomContent",value:function(){return this.props.children?o.default.createElement("div",{className:"p-menubar-custom"},this.props.children):null}},{key:"renderStartContent",value:function(){if(this.props.start){var e=t.ObjectUtils.getJSXElement(this.props.start,this.props);return o.default.createElement("div",{className:"p-menubar-start"},e)}return null}},{key:"renderEndContent",value:function(){if(this.props.end){var e=t.ObjectUtils.getJSXElement(this.props.end,this.props);return o.default.createElement("div",{className:"p-menubar-end"},e)}return null}},{key:"renderMenuButton",value:function(){var e=this;return o.default.createElement("a",{ref:function(t){return e.menubutton=t},href:"#",role:"button",tabIndex:0,className:"p-menubar-button",onClick:this.toggle},o.default.createElement("i",{className:"pi pi-bars"}))}},{key:"render",value:function(){var e=this,n=t.classNames("p-menubar p-component",{"p-menubar-mobile-active":this.state.mobileActive},this.props.className),r=this.renderStartContent(),i=this.renderEndContent(),l=this.renderMenuButton();return o.default.createElement("div",{id:this.props.id,className:n,style:this.props.style},r,l,o.default.createElement(C,{ref:function(t){return e.rootmenu=t},model:this.props.model,root:!0,mobileActive:this.state.mobileActive,onLeafClick:this.onLeafClick}),i)}}]),m}();v(g,"defaultProps",{id:null,model:null,style:null,className:null,start:null,end:null}),exports.Menubar=g;

package/menubar/menubar.esm.js

@@ -1,5 +1,7 @@
 import React, { Component } from 'react';
-import { DomHandler, classNames, Ripple, ObjectUtils, ZIndexUtils } from 'primereact/core';
+import { DomHandler, classNames, ObjectUtils, ZIndexUtils } from 'primereact/utils';
+import { Ripple } from 'primereact/ripple';
+import PrimeReact from 'primereact/api';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -559,7 +561,7 @@ var Menubar = /*#__PURE__*/function (_Component) {
         };
       }, function () {
         if (_this2.state.mobileActive) {
-          ZIndexUtils.set('menu', _this2.rootmenu);
+          ZIndexUtils.set('menu', _this2.rootmenu, PrimeReact.autoZIndex, PrimeReact.zIndex['menu']);
 
           _this2.bindDocumentClickListener();
         } else {

package/menubar/menubar.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{DomHandler as n,classNames as r,Ripple as i,ObjectUtils as o,ZIndexUtils as u}from"primereact/core";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(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 a(e,t,n){return t&&s(e.prototype,t),n&&s(e,n),e}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function p(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&&m(e,t)}function f(e){return(f="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 h(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return c(e)}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(){return(y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function b(){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 k=function(u){p(d,t);var s,m,f=(s=d,m=b(),function(){var e,t=v(s);if(m){var n=v(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function d(e){var t;return l(this,d),(t=f.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(c(t)),t.onChildItemKeyDown=t.onChildItemKeyDown.bind(c(t)),t}return a(d,[{key:"getElementRef",value:function(e){return this.element=e,this.props.forwardRef?this.props.forwardRef(e):this.element}},{key:"onItemMouseEnter",value:function(e,t){t.disabled||this.props.mobileActive?e.preventDefault():this.props.root?(this.state.activeItem||this.props.popup)&&this.setState({activeItem:t}):this.setState({activeItem:t})}},{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items?this.setState(this.state.activeItem&&t===this.state.activeItem?{activeItem:null}:{activeItem:t}):this.onLeafClick())}},{key:"onItemKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:this.props.root?t.items&&this.expandSubmenu(t,n):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.props.root||this.navigateToPrevItem(n),e.preventDefault();break;case 39:if(this.props.root){var r=this.findNextItem(n);r&&r.children[0].focus()}else t.items&&this.expandSubmenu(t,n);e.preventDefault();break;case 37:this.props.root&&this.navigateToPrevItem(n),e.preventDefault()}this.props.onKeyDown&&this.props.onKeyDown(e,n)}},{key:"onChildItemKeyDown",value:function(e,t){this.props.root?38===e.which&&null==t.previousElementSibling&&this.collapseMenu(t):37===e.which&&this.collapseMenu(t)}},{key:"expandSubmenu",value:function(e,t){this.setState({activeItem:e}),setTimeout((function(){t.children[1].children[0].children[0].focus()}),50)}},{key:"collapseMenu",value:function(e){this.setState({activeItem:null}),e.parentElement.previousElementSibling.focus()}},{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:"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:"onLeafClick",value:function(){this.setState({activeItem:null}),this.props.onLeafClick&&this.props.onLeafClick()}},{key:"componentDidMount",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.element&&!e.element.contains(t.target)&&e.setState({activeItem:null})},document.addEventListener("click",this.documentClickListener))}},{key:"componentDidUpdate",value:function(e){e.parentActive&&!this.props.parentActive&&this.setState({activeItem:null})}},{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:"renderSubmenu",value:function(t){return t.items?e.createElement(C,{model:t.items,mobileActive:this.props.mobileActive,onLeafClick:this.onLeafClick,onKeyDown:this.onChildItemKeyDown,parentActive:t===this.state.activeItem}):null}},{key:"renderMenuitem",value:function(t,n){var u=this,l=r("p-menuitem",{"p-menuitem-active":this.state.activeItem===t},t.className),s=r("p-menuitem-link",{"p-disabled":t.disabled}),a=r("p-menuitem-icon",t.icon),c=r("p-submenu-icon pi",{"pi-angle-down":this.props.root,"pi-angle-right":!this.props.root}),m=t.icon&&e.createElement("span",{className:a}),p=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),f=t.items&&e.createElement("span",{className:c}),h=this.renderSubmenu(t),v=e.createElement("a",{href:t.url||"#",role:"menuitem",className:s,target:t.target,"aria-haspopup":null!=t.items,onClick:function(e){return u.onItemClick(e,t)},onKeyDown:function(e){return u.onItemKeyDown(e,t)}},m,p,f,e.createElement(i,null));t.template&&(v=o.getJSXElement(t.template,t,{onClick:function(e){return u.onItemClick(e,t)},onKeyDown:function(e){return u.onItemKeyDown(e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:c,element:v,props:this.props}));return e.createElement("li",{key:t.label+"_"+n,role:"none",className:l,style:t.style,onMouseEnter:function(e){return u.onItemMouseEnter(e,t)}},v,h)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):this.renderMenuitem(e,t)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"render",value:function(){var t=this,n=r({"p-submenu-list":!this.props.root,"p-menubar-root-list":this.props.root}),i=this.renderMenu();return e.createElement("ul",{ref:function(e){return t.getElementRef(e)},className:n,role:this.props.root?"menubar":"menu"},i)}}]),d}();d(k,"defaultProps",{model:null,root:!1,className:null,popup:!1,onLeafClick:null,onKeyDown:null,parentActive:!1,mobileActive:!1,forwardRef:null});var C=e.forwardRef((function(t,n){return e.createElement(k,y({forwardRef:n},t))}));function I(){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 g=function(n){p(f,t);var i,s,m=(i=f,s=I(),function(){var e,t=v(i);if(s){var n=v(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function f(e){var t;return l(this,f),(t=m.call(this,e)).state={mobileActive:!1},t.toggle=t.toggle.bind(c(t)),t.onLeafClick=t.onLeafClick.bind(c(t)),t}return a(f,[{key:"toggle",value:function(e){var t=this;e.preventDefault(),this.setState((function(e){return{mobileActive:!e.mobileActive}}),(function(){t.state.mobileActive?(u.set("menu",t.rootmenu),t.bindDocumentClickListener()):(t.unbindDocumentClickListener(),u.clear(t.rootmenu))}))}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.mobileActive&&e.isOutsideClicked(t)&&e.setState({mobileActive:!1},(function(){e.unbindDocumentClickListener(),u.clear(e.rootmenu)}))},document.addEventListener("click",this.documentClickListener))}},{key:"isOutsideClicked",value:function(e){return this.rootmenu!==e.target&&!this.rootmenu.contains(e.target)&&this.menubutton!==e.target&&!this.menubutton.contains(e.target)}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"onLeafClick",value:function(){var e=this;this.setState({mobileActive:!1},(function(){e.unbindDocumentClickListener(),u.clear(e.rootmenu)}))}},{key:"componentWillUnmount",value:function(){u.clear(this.rootmenu)}},{key:"renderCustomContent",value:function(){return this.props.children?e.createElement("div",{className:"p-menubar-custom"},this.props.children):null}},{key:"renderStartContent",value:function(){if(this.props.start){var t=o.getJSXElement(this.props.start,this.props);return e.createElement("div",{className:"p-menubar-start"},t)}return null}},{key:"renderEndContent",value:function(){if(this.props.end){var t=o.getJSXElement(this.props.end,this.props);return e.createElement("div",{className:"p-menubar-end"},t)}return null}},{key:"renderMenuButton",value:function(){var t=this;return e.createElement("a",{ref:function(e){return t.menubutton=e},href:"#",role:"button",tabIndex:0,className:"p-menubar-button",onClick:this.toggle},e.createElement("i",{className:"pi pi-bars"}))}},{key:"render",value:function(){var t=this,n=r("p-menubar p-component",{"p-menubar-mobile-active":this.state.mobileActive},this.props.className),i=this.renderStartContent(),o=this.renderEndContent(),u=this.renderMenuButton();return e.createElement("div",{id:this.props.id,className:n,style:this.props.style},i,u,e.createElement(C,{ref:function(e){return t.rootmenu=e},model:this.props.model,root:!0,mobileActive:this.state.mobileActive,onLeafClick:this.onLeafClick}),o)}}]),f}();d(g,"defaultProps",{id:null,model:null,style:null,className:null,start:null,end:null});export{g as Menubar};
+import e,{Component as t}from"react";import{DomHandler as n,classNames as r,ObjectUtils as i,ZIndexUtils as o}from"primereact/utils";import{Ripple as u}from"primereact/ripple";import l from"primereact/api";function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(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 c(e,t,n){return t&&a(e.prototype,t),n&&a(e,n),e}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function f(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&&p(e,t)}function h(e){return h="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},h(e)}function v(e,t){if(t&&("object"===h(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function k(){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 C=function(o){f(h,t);var l,a,p=(l=h,a=k(),function(){var e,t=d(l);if(a){var n=d(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return v(this,e)});function h(e){var t;return s(this,h),(t=p.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(m(t)),t.onChildItemKeyDown=t.onChildItemKeyDown.bind(m(t)),t}return c(h,[{key:"getElementRef",value:function(e){return this.element=e,this.props.forwardRef?this.props.forwardRef(e):this.element}},{key:"onItemMouseEnter",value:function(e,t){t.disabled||this.props.mobileActive?e.preventDefault():this.props.root?(this.state.activeItem||this.props.popup)&&this.setState({activeItem:t}):this.setState({activeItem:t})}},{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items?this.setState(this.state.activeItem&&t===this.state.activeItem?{activeItem:null}:{activeItem:t}):this.onLeafClick())}},{key:"onItemKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:this.props.root?t.items&&this.expandSubmenu(t,n):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.props.root||this.navigateToPrevItem(n),e.preventDefault();break;case 39:if(this.props.root){var r=this.findNextItem(n);r&&r.children[0].focus()}else t.items&&this.expandSubmenu(t,n);e.preventDefault();break;case 37:this.props.root&&this.navigateToPrevItem(n),e.preventDefault()}this.props.onKeyDown&&this.props.onKeyDown(e,n)}},{key:"onChildItemKeyDown",value:function(e,t){this.props.root?38===e.which&&null==t.previousElementSibling&&this.collapseMenu(t):37===e.which&&this.collapseMenu(t)}},{key:"expandSubmenu",value:function(e,t){this.setState({activeItem:e}),setTimeout((function(){t.children[1].children[0].children[0].focus()}),50)}},{key:"collapseMenu",value:function(e){this.setState({activeItem:null}),e.parentElement.previousElementSibling.focus()}},{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:"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:"onLeafClick",value:function(){this.setState({activeItem:null}),this.props.onLeafClick&&this.props.onLeafClick()}},{key:"componentDidMount",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.element&&!e.element.contains(t.target)&&e.setState({activeItem:null})},document.addEventListener("click",this.documentClickListener))}},{key:"componentDidUpdate",value:function(e){e.parentActive&&!this.props.parentActive&&this.setState({activeItem:null})}},{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:"renderSubmenu",value:function(t){return t.items?e.createElement(I,{model:t.items,mobileActive:this.props.mobileActive,onLeafClick:this.onLeafClick,onKeyDown:this.onChildItemKeyDown,parentActive:t===this.state.activeItem}):null}},{key:"renderMenuitem",value:function(t,n){var o=this,l=r("p-menuitem",{"p-menuitem-active":this.state.activeItem===t},t.className),s=r("p-menuitem-link",{"p-disabled":t.disabled}),a=r("p-menuitem-icon",t.icon),c=r("p-submenu-icon pi",{"pi-angle-down":this.props.root,"pi-angle-right":!this.props.root}),m=t.icon&&e.createElement("span",{className:a}),p=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),f=t.items&&e.createElement("span",{className:c}),h=this.renderSubmenu(t),v=e.createElement("a",{href:t.url||"#",role:"menuitem",className:s,target:t.target,"aria-haspopup":null!=t.items,onClick:function(e){return o.onItemClick(e,t)},onKeyDown:function(e){return o.onItemKeyDown(e,t)}},m,p,f,e.createElement(u,null));t.template&&(v=i.getJSXElement(t.template,t,{onClick:function(e){return o.onItemClick(e,t)},onKeyDown:function(e){return o.onItemKeyDown(e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:c,element:v,props:this.props}));return e.createElement("li",{key:t.label+"_"+n,role:"none",className:l,style:t.style,onMouseEnter:function(e){return o.onItemMouseEnter(e,t)}},v,h)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):this.renderMenuitem(e,t)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"render",value:function(){var t=this,n=r({"p-submenu-list":!this.props.root,"p-menubar-root-list":this.props.root}),i=this.renderMenu();return e.createElement("ul",{ref:function(e){return t.getElementRef(e)},className:n,role:this.props.root?"menubar":"menu"},i)}}]),h}();y(C,"defaultProps",{model:null,root:!1,className:null,popup:!1,onLeafClick:null,onKeyDown:null,parentActive:!1,mobileActive:!1,forwardRef:null});var I=e.forwardRef((function(t,n){return e.createElement(C,b({forwardRef:n},t))}));function g(){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 E=function(n){f(h,t);var u,a,p=(u=h,a=g(),function(){var e,t=d(u);if(a){var n=d(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return v(this,e)});function h(e){var t;return s(this,h),(t=p.call(this,e)).state={mobileActive:!1},t.toggle=t.toggle.bind(m(t)),t.onLeafClick=t.onLeafClick.bind(m(t)),t}return c(h,[{key:"toggle",value:function(e){var t=this;e.preventDefault(),this.setState((function(e){return{mobileActive:!e.mobileActive}}),(function(){t.state.mobileActive?(o.set("menu",t.rootmenu,l.autoZIndex,l.zIndex.menu),t.bindDocumentClickListener()):(t.unbindDocumentClickListener(),o.clear(t.rootmenu))}))}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.mobileActive&&e.isOutsideClicked(t)&&e.setState({mobileActive:!1},(function(){e.unbindDocumentClickListener(),o.clear(e.rootmenu)}))},document.addEventListener("click",this.documentClickListener))}},{key:"isOutsideClicked",value:function(e){return this.rootmenu!==e.target&&!this.rootmenu.contains(e.target)&&this.menubutton!==e.target&&!this.menubutton.contains(e.target)}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"onLeafClick",value:function(){var e=this;this.setState({mobileActive:!1},(function(){e.unbindDocumentClickListener(),o.clear(e.rootmenu)}))}},{key:"componentWillUnmount",value:function(){o.clear(this.rootmenu)}},{key:"renderCustomContent",value:function(){return this.props.children?e.createElement("div",{className:"p-menubar-custom"},this.props.children):null}},{key:"renderStartContent",value:function(){if(this.props.start){var t=i.getJSXElement(this.props.start,this.props);return e.createElement("div",{className:"p-menubar-start"},t)}return null}},{key:"renderEndContent",value:function(){if(this.props.end){var t=i.getJSXElement(this.props.end,this.props);return e.createElement("div",{className:"p-menubar-end"},t)}return null}},{key:"renderMenuButton",value:function(){var t=this;return e.createElement("a",{ref:function(e){return t.menubutton=e},href:"#",role:"button",tabIndex:0,className:"p-menubar-button",onClick:this.toggle},e.createElement("i",{className:"pi pi-bars"}))}},{key:"render",value:function(){var t=this,n=r("p-menubar p-component",{"p-menubar-mobile-active":this.state.mobileActive},this.props.className),i=this.renderStartContent(),o=this.renderEndContent(),u=this.renderMenuButton();return e.createElement("div",{id:this.props.id,className:n,style:this.props.style},i,u,e.createElement(I,{ref:function(e){return t.rootmenu=e},model:this.props.model,root:!0,mobileActive:this.state.mobileActive,onLeafClick:this.onLeafClick}),o)}}]),h}();y(E,"defaultProps",{id:null,model:null,style:null,className:null,start:null,end:null});export{E as Menubar};

package/menubar/menubar.js

@@ -1,10 +1,11 @@
 this.primereact = this.primereact || {};
-this.primereact.menubar = (function (exports, React, core) {
+this.primereact.menubar = (function (exports, React, utils, ripple, PrimeReact) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+  var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
   function _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
@@ -326,13 +327,13 @@ this.primereact.menubar = (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: "onLeafClick",
@@ -382,7 +383,7 @@ this.primereact.menubar = (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"
@@ -392,7 +393,7 @@ this.primereact.menubar = (function (exports, React, core) {
       key: "renderSubmenu",
       value: function renderSubmenu(item) {
         if (item.items) {
-          return /*#__PURE__*/React__default['default'].createElement(MenubarSub, {
+          return /*#__PURE__*/React__default["default"].createElement(MenubarSub, {
             model: item.items,
             mobileActive: this.props.mobileActive,
             onLeafClick: this.onLeafClick,
@@ -408,28 +409,28 @@ this.primereact.menubar = (function (exports, React, core) {
       value: function renderMenuitem(item, index) {
         var _this3 = this;
 
-        var className = core.classNames('p-menuitem', {
+        var className = utils.classNames('p-menuitem', {
           'p-menuitem-active': this.state.activeItem === item
         }, item.className);
-        var linkClassName = core.classNames('p-menuitem-link', {
+        var linkClassName = utils.classNames('p-menuitem-link', {
           'p-disabled': item.disabled
         });
-        var iconClassName = core.classNames('p-menuitem-icon', item.icon);
-        var submenuIconClassName = core.classNames('p-submenu-icon pi', {
+        var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
+        var submenuIconClassName = utils.classNames('p-submenu-icon pi', {
           'pi-angle-down': this.props.root,
           'pi-angle-right': !this.props.root
         });
-        var icon = item.icon && /*#__PURE__*/React__default['default'].createElement("span", {
+        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 submenuIcon = item.items && /*#__PURE__*/React__default['default'].createElement("span", {
+        var submenuIcon = item.items && /*#__PURE__*/React__default["default"].createElement("span", {
           className: submenuIconClassName
         });
         var submenu = this.renderSubmenu(item);
-        var content = /*#__PURE__*/React__default['default'].createElement("a", {
+        var content = /*#__PURE__*/React__default["default"].createElement("a", {
           href: item.url || '#',
           role: "menuitem",
           className: linkClassName,
@@ -441,7 +442,7 @@ this.primereact.menubar = (function (exports, React, core) {
           onKeyDown: function onKeyDown(event) {
             return _this3.onItemKeyDown(event, item);
           }
-        }, icon, label, submenuIcon, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+        }, icon, label, submenuIcon, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
 
         if (item.template) {
           var defaultContentOptions = {
@@ -458,10 +459,10 @@ this.primereact.menubar = (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,
           role: "none",
           className: className,
@@ -494,12 +495,12 @@ this.primereact.menubar = (function (exports, React, core) {
       value: function render() {
         var _this5 = this;
 
-        var className = core.classNames({
+        var className = utils.classNames({
           'p-submenu-list': !this.props.root,
           'p-menubar-root-list': this.props.root
         });
         var submenu = this.renderMenu();
-        return /*#__PURE__*/React__default['default'].createElement("ul", {
+        return /*#__PURE__*/React__default["default"].createElement("ul", {
           ref: function ref(el) {
             return _this5.getElementRef(el);
           },
@@ -524,8 +525,8 @@ this.primereact.menubar = (function (exports, React, core) {
     forwardRef: null
   });
 
-  var MenubarSub = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
-    return /*#__PURE__*/React__default['default'].createElement(MenubarSubComponent, _extends({
+  var MenubarSub = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+    return /*#__PURE__*/React__default["default"].createElement(MenubarSubComponent, _extends({
       forwardRef: ref
     }, props));
   });
@@ -564,13 +565,13 @@ this.primereact.menubar = (function (exports, React, core) {
           };
         }, function () {
           if (_this2.state.mobileActive) {
-            core.ZIndexUtils.set('menu', _this2.rootmenu);
+            utils.ZIndexUtils.set('menu', _this2.rootmenu, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['menu']);
 
             _this2.bindDocumentClickListener();
           } else {
             _this2.unbindDocumentClickListener();
 
-            core.ZIndexUtils.clear(_this2.rootmenu);
+            utils.ZIndexUtils.clear(_this2.rootmenu);
           }
         });
       }
@@ -587,7 +588,7 @@ this.primereact.menubar = (function (exports, React, core) {
               }, function () {
                 _this3.unbindDocumentClickListener();
 
-                core.ZIndexUtils.clear(_this3.rootmenu);
+                utils.ZIndexUtils.clear(_this3.rootmenu);
               });
             }
           };
@@ -618,19 +619,19 @@ this.primereact.menubar = (function (exports, React, core) {
         }, function () {
           _this4.unbindDocumentClickListener();
 
-          core.ZIndexUtils.clear(_this4.rootmenu);
+          utils.ZIndexUtils.clear(_this4.rootmenu);
         });
       }
     }, {
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
-        core.ZIndexUtils.clear(this.rootmenu);
+        utils.ZIndexUtils.clear(this.rootmenu);
       }
     }, {
       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-menubar-custom"
           }, this.props.children);
         }
@@ -641,8 +642,8 @@ this.primereact.menubar = (function (exports, React, core) {
       key: "renderStartContent",
       value: function renderStartContent() {
         if (this.props.start) {
-          var start = core.ObjectUtils.getJSXElement(this.props.start, this.props);
-          return /*#__PURE__*/React__default['default'].createElement("div", {
+          var start = utils.ObjectUtils.getJSXElement(this.props.start, this.props);
+          return /*#__PURE__*/React__default["default"].createElement("div", {
             className: "p-menubar-start"
           }, start);
         }
@@ -653,8 +654,8 @@ this.primereact.menubar = (function (exports, React, core) {
       key: "renderEndContent",
       value: function renderEndContent() {
         if (this.props.end) {
-          var end = core.ObjectUtils.getJSXElement(this.props.end, this.props);
-          return /*#__PURE__*/React__default['default'].createElement("div", {
+          var end = utils.ObjectUtils.getJSXElement(this.props.end, this.props);
+          return /*#__PURE__*/React__default["default"].createElement("div", {
             className: "p-menubar-end"
           }, end);
         }
@@ -667,7 +668,7 @@ this.primereact.menubar = (function (exports, React, core) {
         var _this5 = this;
 
         /* eslint-disable */
-        var button = /*#__PURE__*/React__default['default'].createElement("a", {
+        var button = /*#__PURE__*/React__default["default"].createElement("a", {
           ref: function ref(el) {
             return _this5.menubutton = el;
           },
@@ -676,7 +677,7 @@ this.primereact.menubar = (function (exports, React, core) {
           tabIndex: 0,
           className: "p-menubar-button",
           onClick: this.toggle
-        }, /*#__PURE__*/React__default['default'].createElement("i", {
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
           className: "pi pi-bars"
         }));
         /* eslint-enable */
@@ -688,17 +689,17 @@ this.primereact.menubar = (function (exports, React, core) {
       value: function render() {
         var _this6 = this;
 
-        var className = core.classNames('p-menubar p-component', {
+        var className = utils.classNames('p-menubar p-component', {
           'p-menubar-mobile-active': this.state.mobileActive
         }, this.props.className);
         var start = this.renderStartContent();
         var end = this.renderEndContent();
         var menuButton = this.renderMenuButton();
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           id: this.props.id,
           className: className,
           style: this.props.style
-        }, start, menuButton, /*#__PURE__*/React__default['default'].createElement(MenubarSub, {
+        }, start, menuButton, /*#__PURE__*/React__default["default"].createElement(MenubarSub, {
           ref: function ref(el) {
             return _this6.rootmenu = el;
           },
@@ -728,4 +729,4 @@ this.primereact.menubar = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils, primereact.ripple, primereact.api);

package/menubar/menubar.min.css

@@ -1 +1 @@
-.p-menubar{display:flex;align-items:center}.p-menubar ul{margin:0;padding:0;list-style:none}.p-menubar .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-menubar .p-menuitem-text{line-height:1}.p-menubar .p-menuitem{position:relative}.p-menubar-root-list{display:flex;align-items:center}.p-menubar-root-list>li ul{display:none;z-index:1}.p-menubar-root-list>.p-menuitem-active>.p-submenu-list{display:block}.p-menubar .p-submenu-list{display:none;position:absolute;z-index:1}.p-menubar .p-submenu-list>.p-menuitem-active>.p-submenu-list{display:block;left:100%;top:0}.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon{margin-left:auto}.p-menubar .p-menubar-custom,.p-menubar .p-menubar-end{margin-left:auto;align-self:center}.p-menubar-button{display:none;cursor:pointer;align-items:center;justify-content:center}
+.p-menubar{display:flex;align-items:center}.p-menubar ul{margin:0;padding:0;list-style:none}.p-menubar .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-menubar .p-menuitem-text{line-height:1}.p-menubar .p-menuitem{position:relative}.p-menubar-root-list{display:flex;align-items:center}.p-menubar-root-list>li ul{display:none;z-index:1}.p-menubar-root-list>.p-menuitem-active>.p-submenu-list{display:block}.p-menubar .p-submenu-list{display:none;position:absolute;z-index:1}.p-menubar .p-submenu-list>.p-menuitem-active>.p-submenu-list{display:block;left:100%;top:0}.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon{margin-left:auto}.p-menubar .p-menubar-custom,.p-menubar .p-menubar-end{margin-left:auto;align-self:center}.p-menubar-button{display:none;cursor:pointer;align-items:center;justify-content:center;text-decoration:none}