primereact 10.2.1 → 10.3.0

package/menu/menu.js

@@ -81,6 +81,37 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
     return obj;
   }
 
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+    return arr2;
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -113,21 +144,6 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
     }
   }
 
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-    return arr2;
-  }
-
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-
   function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
@@ -136,7 +152,7 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var styles = "\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n";
+  var styles = "\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n\n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n";
   var classes = {
     root: function root(_ref) {
       var props = _ref.props,
@@ -148,15 +164,21 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
       });
     },
     menu: 'p-menu-list p-reset',
+    content: 'p-menuitem-content',
     action: function action(_ref2) {
       var item = _ref2.item;
       return utils.classNames('p-menuitem-link', {
         'p-disabled': item.disabled
       });
     },
-    menuitem: 'p-menuitem',
-    submenuHeader: function submenuHeader(_ref3) {
-      var submenu = _ref3.submenu;
+    menuitem: function menuitem(_ref3) {
+      var focused = _ref3.focused;
+      return utils.classNames('p-menuitem', {
+        'p-focus': focused
+      });
+    },
+    submenuHeader: function submenuHeader(_ref4) {
+      var submenu = _ref4.submenu;
       return utils.classNames('p-submenu-header', {
         'p-disabled': submenu.disabled
       });
@@ -167,12 +189,12 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
     transition: 'p-connected-overlay'
   };
   var inlineStyles = {
-    submenuHeader: function submenuHeader(_ref4) {
-      var submenu = _ref4.submenu;
+    submenuHeader: function submenuHeader(_ref5) {
+      var submenu = _ref5.submenu;
       return submenu.style;
     },
-    menuitem: function menuitem(_ref5) {
-      var item = _ref5.item;
+    menuitem: function menuitem(_ref6) {
+      var item = _ref6.item;
       return item.style;
     }
   };
@@ -180,6 +202,9 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
     defaultProps: {
       __TYPE: 'Menu',
       id: null,
+      ariaLabel: null,
+      ariaLabelledBy: null,
+      tabIndex: 0,
       model: null,
       popup: false,
       popupAlignment: 'left',
@@ -188,6 +213,8 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
       autoZIndex: true,
       baseZIndex: 0,
       appendTo: null,
+      onFocus: null,
+      onBlur: null,
       transitionOptions: null,
       onShow: null,
       onHide: null,
@@ -228,6 +255,7 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
       when = _ref$when === void 0 ? true : _ref$when;
     var targetRef = React__namespace.useRef(null);
     var listenerRef = React__namespace.useRef(null);
+    var prevListener = usePrevious(listener);
     var prevOptions = usePrevious(options);
     var bind = function bind() {
       var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -257,11 +285,12 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
       }
     }, [target, when]);
     React__namespace.useEffect(function () {
-      if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
+      // to properly compare functions we can implicitly converting the function to it's body's text as a String
+      if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
         unbind();
         when && bind();
       }
-    }, [listener, options]);
+    }, [listener, options, when]);
     useUnmountEffect(function () {
       unbind();
     });
@@ -312,6 +341,18 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
       _React$useState4 = _slicedToArray(_React$useState3, 2),
       visibleState = _React$useState4[0],
       setVisibleState = _React$useState4[1];
+    var _React$useState5 = React__namespace.useState(-1),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      focusedOptionIndex = _React$useState6[0],
+      setFocusedOptionIndex = _React$useState6[1];
+    var _React$useState7 = React__namespace.useState(-1),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      selectedOptionIndex = _React$useState8[0],
+      setSelectedOptionIndex = _React$useState8[1];
+    var _React$useState9 = React__namespace.useState(false),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      focused = _React$useState10[0],
+      setFocused = _React$useState10[1];
     var _MenuBase$setMetaData = MenuBase.setMetaData({
         props: props,
         state: {
@@ -327,6 +368,7 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
       name: 'menu'
     });
     var menuRef = React__namespace.useRef(null);
+    var listRef = React__namespace.useRef(null);
     var targetRef = React__namespace.useRef(null);
     useOnEscapeKey(targetRef, props.popup && props.closeOnEscape, function (event) {
       hide(event);
@@ -336,7 +378,10 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
         overlay: menuRef,
         listener: function listener(event, _ref) {
           var valid = _ref.valid;
-          valid && hide(event);
+          if (valid) {
+            hide(event);
+            setFocusedOptionIndex(-1);
+          }
         },
         when: visibleState
       }),
@@ -351,7 +396,7 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
         });
       }
     };
-    var onItemClick = function onItemClick(event, item) {
+    var onItemClick = function onItemClick(event, item, key) {
       if (item.disabled) {
         event.preventDefault();
         return;
@@ -368,32 +413,112 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
       if (props.popup) {
         hide(event);
       }
+      if (!props.popup && focusedOptionIndex !== key) {
+        setFocusedOptionIndex(key);
+      }
+      event.preventDefault();
+      event.stopPropagation();
+    };
+    var onListFocus = function onListFocus(event) {
+      setFocused(true);
+      if (!props.popup) {
+        if (selectedOptionIndex !== -1) {
+          changeFocusedOptionIndex(selectedOptionIndex);
+          setSelectedOptionIndex(-1);
+        } else changeFocusedOptionIndex(0);
+      }
+      props.onFocus && props.onFocus(event);
+    };
+    var onListBlur = function onListBlur(event) {
+      setFocused(false);
+      setFocusedOptionIndex(-1);
+      props.onBlur && props.onBlur(event);
     };
-    var onItemKeyDown = function onItemKeyDown(event, item) {
-      var listItem = event.currentTarget.parentElement;
-      switch (event.which) {
-        //down
-        case 40:
-          var nextItem = findNextItem(listItem);
-          nextItem && nextItem.children[0].focus();
-          event.preventDefault();
+    var onListKeyDown = function onListKeyDown(event) {
+      switch (event.code) {
+        case 'ArrowDown':
+          onArrowDownKey(event);
           break;
-
-        //up
-        case 38:
-          var prevItem = findPrevItem(listItem);
-          prevItem && prevItem.children[0].focus();
-          event.preventDefault();
+        case 'ArrowUp':
+          onArrowUpKey(event);
+          break;
+        case 'Home':
+          onHomeKey(event);
+          break;
+        case 'End':
+          onEndKey(event);
+          break;
+        case 'Enter':
+          onEnterKey(event);
+          break;
+        case 'Space':
+          onSpaceKey(event);
+          break;
+        case 'Escape':
+          if (props.popup) {
+            utils.DomHandler.focus(targetRef.current);
+            hide(event);
+          }
+        case 'Tab':
+          props.popup && visibleState && hide(event);
           break;
       }
     };
-    var findNextItem = function findNextItem(item) {
-      var nextItem = item.nextElementSibling;
-      return nextItem ? utils.DomHandler.getAttribute(nextItem, '[data-p-disabled="true"]') || !utils.DomHandler.getAttribute(nextItem, '[data-pc-section="menuitem"]') ? findNextItem(nextItem) : nextItem : null;
+    var onArrowDownKey = function onArrowDownKey(event) {
+      var optionIndex = findNextOptionIndex(focusedOptionIndex);
+      changeFocusedOptionIndex(optionIndex);
+      event.preventDefault();
     };
-    var findPrevItem = function findPrevItem(item) {
-      var prevItem = item.previousElementSibling;
-      return prevItem ? utils.DomHandler.getAttribute(prevItem, '[data-p-disabled="true"]') || !utils.DomHandler.getAttribute(prevItem, '[data-pc-section="menuitem"]') ? findPrevItem(prevItem) : prevItem : null;
+    var onArrowUpKey = function onArrowUpKey(event) {
+      if (event.altKey && props.popup) {
+        utils.DomHandler.focus(targetRef.current);
+        hide(event);
+        event.preventDefault();
+      } else {
+        var optionIndex = findPrevOptionIndex(focusedOptionIndex);
+        changeFocusedOptionIndex(optionIndex);
+        event.preventDefault();
+      }
+    };
+    var onHomeKey = function onHomeKey(event) {
+      changeFocusedOptionIndex(0);
+      event.preventDefault();
+    };
+    var onEndKey = function onEndKey(event) {
+      changeFocusedOptionIndex(utils.DomHandler.find(menuRef.current, 'li[data-pc-section="menuitem"][data-p-disabled="false"]').length - 1);
+      event.preventDefault();
+    };
+    var onEnterKey = function onEnterKey(event) {
+      var element = utils.DomHandler.findSingle(menuRef.current, "li[id=\"".concat("".concat(focusedOptionIndex), "\"]"));
+      var anchorElement = element && utils.DomHandler.findSingle(element, 'a[data-pc-section="action"]');
+      props.popup && utils.DomHandler.focus(targetRef.current);
+      anchorElement ? anchorElement.click() : element && element.click();
+      event.preventDefault();
+    };
+    var onSpaceKey = function onSpaceKey(event) {
+      onEnterKey(event);
+    };
+    var findNextOptionIndex = function findNextOptionIndex(index) {
+      var links = utils.DomHandler.find(menuRef.current, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
+      var matchedOptionIndex = _toConsumableArray(links).findIndex(function (link) {
+        return link.id === index;
+      });
+      return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;
+    };
+    var findPrevOptionIndex = function findPrevOptionIndex(index) {
+      var links = utils.DomHandler.find(menuRef.current, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
+      var matchedOptionIndex = _toConsumableArray(links).findIndex(function (link) {
+        return link.id === index;
+      });
+      return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;
+    };
+    var changeFocusedOptionIndex = function changeFocusedOptionIndex(index) {
+      var links = utils.DomHandler.find(menuRef.current, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
+      var order = index >= links.length ? links.length - 1 : index < 0 ? 0 : index;
+      order > -1 && setFocusedOptionIndex(links[order].getAttribute('id'));
+    };
+    var focusedOptionId = function focusedOptionId() {
+      return focusedOptionIndex !== -1 ? focusedOptionIndex : null;
     };
     var toggle = function toggle(event) {
       if (props.popup) {
@@ -418,6 +543,10 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
       });
       utils.ZIndexUtils.set('menu', menuRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
       utils.DomHandler.absolutePosition(menuRef.current, targetRef.current, props.popupAlignment);
+      if (props.popup) {
+        utils.DomHandler.focus(listRef.current);
+        changeFocusedOptionIndex(0);
+      }
     };
     var onEntered = function onEntered() {
       bindOverlayListener();
@@ -453,11 +582,13 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
     });
     var createSubmenu = function createSubmenu(submenu, index) {
       var key = idState + '_sub_' + index;
-      var items = submenu.items.map(createMenuItem);
+      var items = submenu.items.map(function (item, index) {
+        return createMenuItem(item, index, key);
+      });
       var submenuHeaderProps = utils.mergeProps({
         id: key,
         key: key,
-        role: 'presentation',
+        role: 'none',
         className: utils.classNames(submenu.className, cx('submenuHeader', {
           submenu: submenu
         })),
@@ -481,6 +612,7 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
       return /*#__PURE__*/React__namespace.createElement("li", separatorProps);
     };
     var createMenuItem = function createMenuItem(item, index) {
+      var parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
       if (item.visible === false) {
         return null;
       }
@@ -498,36 +630,36 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
         className: cx('label')
       }, ptm('label'));
       var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
-      var tabIndex = item.disabled ? null : 0;
-      var key = item.id || idState + '_' + index;
+      var key = item.id || (parentId || idState) + '_' + index;
+      var contentProps = utils.mergeProps({
+        onClick: function onClick(event) {
+          return onItemClick(event, item, key);
+        },
+        className: cx('content')
+      }, ptm('content'));
       var actionProps = utils.mergeProps({
         href: item.url || '#',
         className: cx('action', {
           item: item
         }),
-        role: 'menuitem',
-        target: item.target,
-        onClick: function onClick(event) {
-          return onItemClick(event, item);
+        onFocus: function onFocus(event) {
+          return event.stopPropagation();
         },
-        onKeyDown: function onKeyDown(event) {
-          return onItemKeyDown(event);
-        },
-        tabIndex: tabIndex,
+        target: item.target,
+        tabIndex: '-1',
+        'aria-label': item.label,
+        'aria-hidden': true,
         'aria-disabled': item.disabled,
         'data-p-disabled': item.disabled
       }, ptm('action'));
-      var content = /*#__PURE__*/React__namespace.createElement("a", actionProps, icon, label);
+      var content = /*#__PURE__*/React__namespace.createElement("div", contentProps, /*#__PURE__*/React__namespace.createElement("a", actionProps, icon, label));
       if (item.template) {
         var defaultContentOptions = {
           onClick: function onClick(event) {
-            return onItemClick(event, item);
-          },
-          onKeyDown: function onKeyDown(event) {
-            return onItemKeyDown(event);
+            return onItemClick(event, item, key);
           },
           className: linkClassName,
-          tabIndex: tabIndex,
+          tabIndex: '-1',
           labelClassName: 'p-menuitem-text',
           iconClassName: iconClassName,
           element: content,
@@ -538,11 +670,16 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
       var menuitemProps = utils.mergeProps({
         id: key,
         key: key,
-        className: utils.classNames(item.className, cx('menuitem')),
+        className: utils.classNames(item.className, cx('menuitem', {
+          focused: focusedOptionIndex === key
+        })),
         style: sx('menuitem', {
           item: item
         }),
-        role: 'none',
+        role: 'menuitem',
+        'aria-label': item.label,
+        'aria-disabled': item.disabled,
+        'data-p-focused': focusedOptionId() === key,
         'data-p-disabled': item.disabled || false
       }, ptm('menuitem'));
       return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, content);
@@ -566,8 +703,17 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
           }
         }, MenuBase.getOtherProps(props), ptm('root'));
         var menuProps = utils.mergeProps({
+          ref: listRef,
           className: cx('menu'),
-          role: 'menu'
+          id: idState + '_list',
+          tabIndex: props.tabIndex || '0',
+          role: 'menu',
+          'aria-label': props.ariaLabel,
+          'aria-labelledby': props.ariaLabelledBy,
+          'aria-activedescendant': focused ? focusedOptionId() : undefined,
+          onFocus: onListFocus,
+          onKeyDown: onListKeyDown,
+          onBlur: onListBlur
         }, ptm('menu'));
         var transitionProps = utils.mergeProps({
           classNames: cx('transition'),

package/menu/menu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.menu=function(e,t,n,r,i,o,u,a,l){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=s(t),p=c(n);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function b(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=b(e,"string");return"symbol"===d(t)?t:String(t)}function v(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,u,a=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw i}}return a}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,t){return v(e)||g(e,t)||E(e,t)||O()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Menu",id:null,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var t=e.context;return l.classNames("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===p.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===p.default.ripple})},menu:"p-menu-list p-reset",action:function(e){return l.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:"p-menuitem",submenuHeader:function(e){return l.classNames("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}}),S=function(e){var t,n,r,i=e.target,o=void 0===i?"document":i,u=e.type,a=e.listener,c=e.options,s=e.when,p=void 0===s||s,f=m.useRef(null),d=m.useRef(null),b=(t=c,n=m.useRef(void 0),m.useEffect((function(){n.current=t})),n.current),y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};l.ObjectUtils.isNotEmpty(e.target)&&(v(),(e.when||p)&&(f.current=l.DomHandler.getTargetElement(e.target))),!d.current&&f.current&&(d.current=function(e){return a&&a(e)},f.current.addEventListener(u,d.current,c))},v=function(){d.current&&(f.current.removeEventListener(u,d.current,c),d.current=null)};return m.useEffect((function(){p?f.current=l.DomHandler.getTargetElement(o):(v(),f.current=null)}),[o,p]),m.useEffect((function(){!d.current||d.current===a&&b===c||(v(),p&&y())}),[a,c]),r=function(){v()},m.useEffect((function(){return r}),[]),[y,v]},j=function(e,t,n){var r=P(S({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),n(e))}}),2),i=r[0],o=r[1];return m.useEffect((function(){if(t&&e.current)return i(),function(){o()}})),[e,n]};function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){var r,i,o;r=e,o=n[t],(i=y(i=t))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=m.memo(m.forwardRef((function(e,t){var c=m.useContext(n.PrimeReactContext),s=x.getProps(e,c),d=P(m.useState(s.id),2),b=d[0],y=d[1],v=P(m.useState(!s.popup),2),g=v[0],h=v[1],E=x.setMetaData({props:s,state:{id:b,visible:g}}),O=E.ptm,S=E.cx,w=E.sx;r.useHandleStyle(x.css.styles,E.isUnstyled,{name:"menu"});var D=m.useRef(null),I=m.useRef(null);j(I,s.popup&&s.closeOnEscape,(function(e){Z(e)}));var k=P(o.useOverlayListener({target:I,overlay:D,listener:function(e,t){t.valid&&Z(e)},when:g}),2),H=k[0],T=k[1],A=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),s.popup&&Z(e))},C=function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:var r=_(n);r&&r.children[0].focus(),e.preventDefault();break;case 38:var i=U(n);i&&i.children[0].focus(),e.preventDefault()}},_=function e(t){var n=t.nextElementSibling;return n?l.DomHandler.getAttribute(n,'[data-p-disabled="true"]')||!l.DomHandler.getAttribute(n,'[data-pc-section="menuitem"]')?e(n):n:null},U=function e(t){var n=t.previousElementSibling;return n?l.DomHandler.getAttribute(n,'[data-p-disabled="true"]')||!l.DomHandler.getAttribute(n,'[data-pc-section="menuitem"]')?e(n):n:null},R=function(e){s.popup&&(g?Z(e):M(e))},M=function(e){I.current=e.currentTarget,h(!0),s.onShow&&s.onShow(e)},Z=function(e){I.current=e.currentTarget,h(!1),s.onHide&&s.onHide(e)},z=function(){l.DomHandler.addStyles(D.current,{position:"absolute",top:"0",left:"0"}),l.ZIndexUtils.set("menu",D.current,c&&c.autoZIndex||p.default.autoZIndex,s.baseZIndex||c&&c.zIndex.menu||p.default.zIndex.menu),l.DomHandler.absolutePosition(D.current,I.current,s.popupAlignment)},L=function(){H()},J=function(){I.current=null,T()},K=function(){l.ZIndexUtils.clear(D.current)};o.useMountEffect((function(){b||y(l.UniqueComponentId())})),o.useUnmountEffect((function(){l.ZIndexUtils.clear(D.current)})),m.useImperativeHandle(t,(function(){return{props:s,toggle:R,show:M,hide:Z,getElement:function(){return D.current},getTarget:function(){return I.current}}}));var X=function(e,t){var n=b+"_sub_"+t,r=e.items.map(B),i=l.mergeProps({id:n,key:n,role:"presentation",className:l.classNames(e.className,S("submenuHeader",{submenu:e})),style:w("submenuHeader",{submenu:e}),"data-p-disabled":e.disabled},O("submenuHeader"));return m.createElement(m.Fragment,{key:n},m.createElement("li",i,e.label),r)},q=function(e){var t=b+"_separator_"+e,n=l.mergeProps({id:t,key:t,className:S("separator"),role:"separator"},O("separator"));return m.createElement("li",n)},B=function(e,t){if(!1===e.visible)return null;var n=l.classNames("p-menuitem-link",{"p-disabled":e.disabled}),r=l.classNames("p-menuitem-icon",e.icon),i=l.mergeProps({className:S("icon")},O("icon")),o=l.IconUtils.getJSXIcon(e.icon,N({},i),{props:s}),u=l.mergeProps({className:S("label")},O("label")),a=e.label&&m.createElement("span",u,e.label),c=e.disabled?null:0,p=e.id||b+"_"+t,f=l.mergeProps({href:e.url||"#",className:S("action",{item:e}),role:"menuitem",target:e.target,onClick:function(t){return A(t,e)},onKeyDown:function(e){return C(e)},tabIndex:c,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},O("action")),d=m.createElement("a",f,o,a);e.template&&(d=l.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return A(t,e)},onKeyDown:function(e){return C(e)},className:n,tabIndex:c,labelClassName:"p-menuitem-text",iconClassName:r,element:d,props:s}));var y=l.mergeProps({id:p,key:p,className:l.classNames(e.className,S("menuitem")),style:w("menuitem",{item:e}),role:"none","data-p-disabled":e.disabled||!1},O("menuitem"));return m.createElement("li",y,d)},F=function(e,t){return e.separator?q(t):e.items?X(e,t):B(e,t)},G=function(){if(s.model){var e=s.model.map(F),t=l.mergeProps({className:l.classNames(s.className,S("root",{context:c})),style:s.style,onClick:function(e){return t=e,void(s.popup&&u.OverlayService.emit("overlay-click",{originalEvent:t,target:I.current}));var t}},x.getOtherProps(s),O("root")),n=l.mergeProps({className:S("menu"),role:"menu"},O("menu")),r=l.mergeProps({classNames:S("transition"),in:g,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:z,onEntered:L,onExit:J,onExited:K},O("transition"));return m.createElement(i.CSSTransition,f({nodeRef:D},r),m.createElement("div",f({id:s.id,ref:D},t),m.createElement("ul",n,e)))}return null}();return s.popup?m.createElement(a.Portal,{element:G,appendTo:s.appendTo}):G})));return D.displayName="Menu",e.Menu=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.menu=function(e,n,t,r,a,o,i,u,l){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var p=s(n),m=c(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function b(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=b(e,"string");return"symbol"===d(n)?n:String(n)}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function g(e){if(Array.isArray(e))return v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,n){if(e){if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,n):void 0}}function O(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e){return g(e)||h(e)||E(e)||O()}function x(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,u=[],l=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return u}}function j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,n){return x(e)||P(e,n)||E(e,n)||j()}var D=r.ComponentBase.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return l.classNames("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===m.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===m.default.ripple})},menu:"p-menu-list p-reset",content:"p-menuitem-content",action:function(e){return l.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return l.classNames("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return l.classNames("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n\n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}}),N=function(e){var n=p.useRef(void 0);return p.useEffect((function(){n.current=e})),n.current},I=function(e,n,t){var r,a,o,i,u,c,s,m,f,d,b,y,v,g,h,E=(i=void 0===(o=(r={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),t(e))}}).target)?"document":o,u=r.type,c=r.listener,s=r.options,f=void 0===(m=r.when)||m,d=p.useRef(null),b=p.useRef(null),y=N(c),v=N(s),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};l.ObjectUtils.isNotEmpty(e.target)&&(h(),(e.when||f)&&(d.current=l.DomHandler.getTargetElement(e.target))),!b.current&&d.current&&(b.current=function(e){return c&&c(e)},d.current.addEventListener(u,b.current,s))},h=function(){b.current&&(d.current.removeEventListener(u,b.current,s),b.current=null)},p.useEffect((function(){f?d.current=l.DomHandler.getTargetElement(i):(h(),d.current=null)}),[i,f]),p.useEffect((function(){!b.current||""+y==""+c&&v===s||(h(),f&&g())}),[c,s,f]),a=function(){h()},p.useEffect((function(){return a}),[]),[g,h]),O=w(E,2),S=O[0],x=O[1];return p.useEffect((function(){if(n&&e.current)return S(),function(){x()}})),[e,t]};function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){var r,a,o;r=e,o=t[n],(a=y(a=n))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var A=p.memo(p.forwardRef((function(e,n){var c=p.useContext(t.PrimeReactContext),s=D.getProps(e,c),d=w(p.useState(s.id),2),b=d[0],y=d[1],v=w(p.useState(!s.popup),2),g=v[0],h=v[1],E=w(p.useState(-1),2),O=E[0],x=E[1],P=w(p.useState(-1),2),j=P[0],N=P[1],k=w(p.useState(!1),2),A=k[0],T=k[1],_=D.setMetaData({props:s,state:{id:b,visible:g}}),C=_.ptm,U=_.cx,R=_.sx;r.useHandleStyle(D.css.styles,_.isUnstyled,{name:"menu"});var M=p.useRef(null),Z=p.useRef(null),B=p.useRef(null);I(B,s.popup&&s.closeOnEscape,(function(e){ie(e)}));var L=w(o.useOverlayListener({target:B,overlay:M,listener:function(e,n){n.valid&&(ie(e),x(-1))},when:g}),2),F=L[0],z=L[1],J=function(e,n,t){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),s.popup&&ie(e),s.popup||O===t||x(t),e.preventDefault(),e.stopPropagation())},K=function(e){T(!0),s.popup||(-1!==j?(te(j),N(-1)):te(0)),s.onFocus&&s.onFocus(e)},X=function(e){T(!1),x(-1),s.onBlur&&s.onBlur(e)},q=function(e){switch(e.code){case"ArrowDown":G(e);break;case"ArrowUp":Y(e);break;case"Home":$(e);break;case"End":Q(e);break;case"Enter":V(e);break;case"Space":W(e);break;case"Escape":s.popup&&(l.DomHandler.focus(B.current),ie(e));case"Tab":s.popup&&g&&ie(e)}},G=function(e){var n=ee(O);te(n),e.preventDefault()},Y=function(e){if(e.altKey&&s.popup)l.DomHandler.focus(B.current),ie(e),e.preventDefault();else{var n=ne(O);te(n),e.preventDefault()}},$=function(e){te(0),e.preventDefault()},Q=function(e){te(l.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},V=function(e){var n=l.DomHandler.findSingle(M.current,'li[id="'.concat("".concat(O),'"]')),t=n&&l.DomHandler.findSingle(n,'a[data-pc-section="action"]');s.popup&&l.DomHandler.focus(B.current),t?t.click():n&&n.click(),e.preventDefault()},W=function(e){V(e)},ee=function(e){var n=S(l.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},ne=function(e){var n=S(l.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},te=function(e){var n=l.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&x(n[t].getAttribute("id"))},re=function(){return-1!==O?O:null},ae=function(e){s.popup&&(g?ie(e):oe(e))},oe=function(e){B.current=e.currentTarget,h(!0),s.onShow&&s.onShow(e)},ie=function(e){B.current=e.currentTarget,h(!1),s.onHide&&s.onHide(e)},ue=function(){l.DomHandler.addStyles(M.current,{position:"absolute",top:"0",left:"0"}),l.ZIndexUtils.set("menu",M.current,c&&c.autoZIndex||m.default.autoZIndex,s.baseZIndex||c&&c.zIndex.menu||m.default.zIndex.menu),l.DomHandler.absolutePosition(M.current,B.current,s.popupAlignment),s.popup&&(l.DomHandler.focus(Z.current),te(0))},le=function(){F()},ce=function(){B.current=null,z()},se=function(){l.ZIndexUtils.clear(M.current)};o.useMountEffect((function(){b||y(l.UniqueComponentId())})),o.useUnmountEffect((function(){l.ZIndexUtils.clear(M.current)})),p.useImperativeHandle(n,(function(){return{props:s,toggle:ae,show:oe,hide:ie,getElement:function(){return M.current},getTarget:function(){return B.current}}}));var pe=function(e,n){var t=b+"_sub_"+n,r=e.items.map((function(e,n){return fe(e,n,t)})),a=l.mergeProps({id:t,key:t,role:"none",className:l.classNames(e.className,U("submenuHeader",{submenu:e})),style:R("submenuHeader",{submenu:e}),"data-p-disabled":e.disabled},C("submenuHeader"));return p.createElement(p.Fragment,{key:t},p.createElement("li",a,e.label),r)},me=function(e){var n=b+"_separator_"+e,t=l.mergeProps({id:n,key:n,className:U("separator"),role:"separator"},C("separator"));return p.createElement("li",t)},fe=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!1===e.visible)return null;var r=l.classNames("p-menuitem-link",{"p-disabled":e.disabled}),a=l.classNames("p-menuitem-icon",e.icon),o=l.mergeProps({className:U("icon")},C("icon")),i=l.IconUtils.getJSXIcon(e.icon,H({},o),{props:s}),u=l.mergeProps({className:U("label")},C("label")),c=e.label&&p.createElement("span",u,e.label),m=e.id||(t||b)+"_"+n,f=l.mergeProps({onClick:function(n){return J(n,e,m)},className:U("content")},C("content")),d=l.mergeProps({href:e.url||"#",className:U("action",{item:e}),onFocus:function(e){return e.stopPropagation()},target:e.target,tabIndex:"-1","aria-label":e.label,"aria-hidden":!0,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},C("action")),y=p.createElement("div",f,p.createElement("a",d,i,c));e.template&&(y=l.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return J(n,e,m)},className:r,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:a,element:y,props:s}));var v=l.mergeProps({id:m,key:m,className:l.classNames(e.className,U("menuitem",{focused:O===m})),style:R("menuitem",{item:e}),role:"menuitem","aria-label":e.label,"aria-disabled":e.disabled,"data-p-focused":re()===m,"data-p-disabled":e.disabled||!1},C("menuitem"));return p.createElement("li",v,y)},de=function(e,n){return e.separator?me(n):e.items?pe(e,n):fe(e,n)},be=function(){if(s.model){var e=s.model.map(de),n=l.mergeProps({className:l.classNames(s.className,U("root",{context:c})),style:s.style,onClick:function(e){return n=e,void(s.popup&&i.OverlayService.emit("overlay-click",{originalEvent:n,target:B.current}));var n}},D.getOtherProps(s),C("root")),t=l.mergeProps({ref:Z,className:U("menu"),id:b+"_list",tabIndex:s.tabIndex||"0",role:"menu","aria-label":s.ariaLabel,"aria-labelledby":s.ariaLabelledBy,"aria-activedescendant":A?re():void 0,onFocus:K,onKeyDown:q,onBlur:X},C("menu")),r=l.mergeProps({classNames:U("transition"),in:g,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:ue,onEntered:le,onExit:ce,onExited:se},C("transition"));return p.createElement(a.CSSTransition,f({nodeRef:M},r),p.createElement("div",f({id:s.id,ref:M},n),p.createElement("ul",t,e)))}return null}();return s.popup?p.createElement(u.Portal,{element:be,appendTo:s.appendTo}):be})));return A.displayName="Menu",e.Menu=A,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils);