primereact 10.3.0 → 10.3.2

package/splitbutton/splitbutton.cjs.js

@@ -10,12 +10,12 @@ var componentbase = require('primereact/componentbase');
 var hooks = require('primereact/hooks');
 var chevrondown = require('primereact/icons/chevrondown');
 var overlayservice = require('primereact/overlayservice');
-var tooltip = require('primereact/tooltip');
-var utils = require('primereact/utils');
 var csstransition = require('primereact/csstransition');
 var portal = require('primereact/portal');
+var utils = require('primereact/utils');
 var angleright = require('primereact/icons/angleright');
 var ripple = require('primereact/ripple');
+var tooltip = require('primereact/tooltip');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -152,81 +152,6 @@ function _slicedToArray(arr, i) {
 }
 
 var classes$1 = {
-  icon: 'p-button-icon p-c',
-  root: function root(_ref) {
-    var props = _ref.props,
-      size = _ref.size;
-    return utils.classNames('p-splitbutton p-component', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-      'p-disabled': props.disabled,
-      'p-button-loading-label-only': props.loading && !props.icon && props.label
-    }, "p-button-".concat(props.severity), props.severity), 'p-button-raised', props.raised), 'p-button-rounded', props.rounded), 'p-button-text', props.text), 'p-button-outlined', props.outlined), "p-button-".concat(size), size));
-  },
-  button: 'p-splitbutton-defaultbutton',
-  menuButton: 'p-splitbutton-menubutton',
-  menu: function menu(_ref2) {
-    var props = _ref2.subProps;
-    return utils.classNames('p-menu p-menu-overlay p-component', props.menuClassName);
-  },
-  menuList: 'p-menu-list p-reset',
-  separator: 'p-menu-separator',
-  menuIcon: 'p-menuitem-icon',
-  menuLabel: 'p-menuitem-text',
-  anchor: function anchor(_ref3) {
-    var _className = _ref3._className,
-      disabled = _ref3.disabled;
-    return utils.classNames('p-menuitem-link', _className, {
-      'p-disabled': disabled
-    });
-  },
-  menuItem: 'p-menuitem',
-  transition: 'p-connected-overlay'
-};
-var styles$1 = "\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n\n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n\n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n";
-var SplitButtonBase = componentbase.ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'SplitButton',
-    id: null,
-    label: null,
-    icon: null,
-    autoZIndex: false,
-    baseZIndex: 0,
-    loading: false,
-    loadingIcon: null,
-    model: null,
-    disabled: null,
-    style: null,
-    className: null,
-    buttonClassName: null,
-    menuStyle: null,
-    menuClassName: null,
-    menuButtonClassName: null,
-    buttonProps: null,
-    menuButtonProps: null,
-    tabIndex: null,
-    severity: null,
-    rounded: false,
-    raised: false,
-    outlined: false,
-    text: false,
-    size: null,
-    appendTo: null,
-    tooltip: null,
-    tooltipOptions: null,
-    buttonTemplate: null,
-    transitionOptions: null,
-    dropdownIcon: null,
-    onClick: null,
-    onShow: null,
-    onHide: null,
-    children: undefined
-  },
-  css: {
-    classes: classes$1,
-    styles: styles$1
-  }
-});
-
-var classes = {
   root: function root(_ref) {
     var props = _ref.props,
       context = _ref.context;
@@ -268,7 +193,7 @@ var inlineStyles = {
     };
   }
 };
-var styles = "\n@layer primereact {\n    .p-tieredmenu-overlay {\n        position: absolute;\n    }\n\n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-tieredmenu .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-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n        left: -100%;\n    }\n}\n";
+var styles$1 = "\n@layer primereact {\n    .p-tieredmenu-overlay {\n        position: absolute;\n    }\n\n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-tieredmenu .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-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n        left: -100%;\n    }\n}\n";
 var TieredMenuBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'TieredMenu',
@@ -291,8 +216,8 @@ var TieredMenuBase = componentbase.ComponentBase.extend({
     children: undefined
   },
   css: {
-    classes: classes,
-    styles: styles,
+    classes: classes$1,
+    styles: styles$1,
     inlineStyles: inlineStyles
   }
 });
@@ -301,6 +226,7 @@ function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(null);
+  var mergeProps = hooks.useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
     sx = props.sx;
@@ -403,7 +329,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   });
   var createSeparator = function createSeparator(index) {
     var key = 'separator_' + index;
-    var separatorProps = utils.mergeProps({
+    var separatorProps = mergeProps({
       key: key,
       className: cx('separator'),
       role: 'separator'
@@ -419,7 +345,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         menuProps: props.menuProps,
         model: processedItem.items,
         menuId: props.menuId,
-        ariaLabelledby: getItemId(item),
+        ariaLabelledby: getItemId(processedItem),
         focusedItemId: props.focusedItemId,
         activeItemPath: props.activeItemPath,
         level: props.level + 1,
@@ -452,25 +378,25 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     var grouped = isItemGroup(processedItem);
     var linkClassName = utils.classNames('p-menuitem-link');
     var iconClassName = utils.classNames('p-menuitem-icon', _icon);
-    var iconProps = utils.mergeProps({
+    var iconProps = mergeProps({
       className: utils.classNames(item.icon, 'p-menuitem-icon', 'icon')
     }, getPTOptions(processedItem, 'icon'));
     var icon = utils.IconUtils.getJSXIcon(_icon, _objectSpread$2({}, iconProps), {
       props: props.menuProps
     });
-    var labelProps = utils.mergeProps({
+    var labelProps = mergeProps({
       className: cx('label')
     }, getPTOptions(processedItem, 'label'));
     var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
     var submenuIconClassName = 'p-submenu-icon';
-    var submenuIconProps = utils.mergeProps({
+    var submenuIconProps = mergeProps({
       className: cx('submenuIcon')
     }, getPTOptions(processedItem, 'submenuIcon'));
     var submenuIcon = grouped && utils.IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, submenuIconProps), _objectSpread$2({}, submenuIconProps), {
       props: props.menuProps
     });
     var submenu = createSubmenu(processedItem, index);
-    var actionProps = utils.mergeProps({
+    var actionProps = mergeProps({
       href: url || '#',
       'aria-hidden': true,
       tabIndex: '-1',
@@ -494,7 +420,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       };
       content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-    var contentProps = utils.mergeProps({
+    var contentProps = mergeProps({
       onClick: function onClick(event) {
         return onItemClick(event, processedItem);
       },
@@ -503,7 +429,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       },
       className: cx('content')
     }, getPTOptions(processedItem, 'content'));
-    var menuitemProps = utils.mergeProps({
+    var menuitemProps = mergeProps({
       key: key,
       id: key,
       'aria-label': item.label,
@@ -538,7 +464,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   };
   var submenu = createMenu();
   var ptKey = props.root ? 'menu' : 'submenu';
-  var menuProps = utils.mergeProps({
+  var menuProps = mergeProps({
     ref: elementRef,
     id: props.id,
     tabIndex: props.tabIndex,
@@ -566,6 +492,7 @@ TieredMenuSub.displayName = 'TieredMenuSub';
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = TieredMenuBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -1103,7 +1030,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   };
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
-      styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
+      styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
       var selector = "".concat(attributeSelectorState);
       var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-tieredmenu[").concat(selector, "] > ul {\n        max-height: ").concat(props.scrollHeight, ";\n        overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-menuitem-active > .p-submenu-list {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-submenu-icon:before {\n        content: \"\\e930\";\n    }\n\n    ").concat(!props.popup ? ".p-tieredmenu[".concat(selector, "] { width: 100%; }") : '', "\n}\n");
       styleElementRef.current.innerHTML = innerHTML;
@@ -1217,14 +1144,14 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     };
   });
   var createElement = function createElement() {
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: containerRef,
       id: props.id,
       className: cx('root'),
       style: props.style,
       onClick: onPanelClick
     }, TieredMenuBase.getOtherProps(props), ptm('root'));
-    var transitionProps = utils.mergeProps({
+    var transitionProps = mergeProps({
       classNames: cx('transition'),
       "in": visibleState,
       timeout: {
@@ -1278,9 +1205,85 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
 }));
 TieredMenu.displayName = 'TieredMenu';
 
+var classes = {
+  icon: 'p-button-icon p-c',
+  root: function root(_ref) {
+    var props = _ref.props,
+      size = _ref.size;
+    return utils.classNames('p-splitbutton p-component', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      'p-disabled': props.disabled,
+      'p-button-loading-label-only': props.loading && !props.icon && props.label
+    }, "p-button-".concat(props.severity), props.severity), 'p-button-raised', props.raised), 'p-button-rounded', props.rounded), 'p-button-text', props.text), 'p-button-outlined', props.outlined), "p-button-".concat(size), size));
+  },
+  button: 'p-splitbutton-defaultbutton',
+  menuButton: 'p-splitbutton-menubutton',
+  menu: function menu(_ref2) {
+    var props = _ref2.subProps;
+    return utils.classNames('p-menu p-menu-overlay p-component', props.menuClassName);
+  },
+  menuList: 'p-menu-list p-reset',
+  separator: 'p-menu-separator',
+  menuIcon: 'p-menuitem-icon',
+  menuLabel: 'p-menuitem-text',
+  anchor: function anchor(_ref3) {
+    var _className = _ref3._className,
+      disabled = _ref3.disabled;
+    return utils.classNames('p-menuitem-link', _className, {
+      'p-disabled': disabled
+    });
+  },
+  menuItem: 'p-menuitem',
+  transition: 'p-connected-overlay'
+};
+var styles = "\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n\n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n\n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n";
+var SplitButtonBase = componentbase.ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'SplitButton',
+    id: null,
+    label: null,
+    icon: null,
+    autoZIndex: false,
+    baseZIndex: 0,
+    loading: false,
+    loadingIcon: null,
+    model: null,
+    disabled: null,
+    style: null,
+    className: null,
+    buttonClassName: null,
+    menuStyle: null,
+    menuClassName: null,
+    menuButtonClassName: null,
+    buttonProps: null,
+    menuButtonProps: null,
+    tabIndex: null,
+    severity: null,
+    rounded: false,
+    raised: false,
+    outlined: false,
+    text: false,
+    size: null,
+    appendTo: null,
+    tooltip: null,
+    tooltipOptions: null,
+    buttonTemplate: null,
+    transitionOptions: null,
+    dropdownIcon: null,
+    onClick: null,
+    onShow: null,
+    onHide: null,
+    children: undefined
+  },
+  css: {
+    classes: classes,
+    styles: styles
+  }
+});
+
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = SplitButtonBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -1295,6 +1298,7 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var menuRef = React__namespace.useRef(null);
   var defaultButtonRef = React__namespace.useRef(null);
   var overlayRef = React__namespace.useRef(null);
+  var overlayDisplayOrder = hooks.useDisplayOrder('split-button-tooltip', overlayVisibleState);
   var metaData = {
     props: props,
     state: {
@@ -1309,6 +1313,13 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   componentbase.useHandleStyle(SplitButtonBase.css.styles, isUnstyled, {
     name: 'splitbutton'
   });
+  hooks.useGlobalOnEscapeKey({
+    callback: function callback() {
+      hide();
+    },
+    when: overlayVisibleState && overlayDisplayOrder,
+    priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.SPLIT_BUTTON, overlayDisplayOrder]
+  });
   var onPanelClick = function onPanelClick(event) {
     overlayservice.OverlayService.emit('overlay-click', {
       originalEvent: event,
@@ -1373,7 +1384,7 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var buttonContent = props.buttonTemplate ? utils.ObjectUtils.getJSXElement(props.buttonTemplate, props) : null;
   var menuId = idState + '_overlay';
   var dropdownIcon = function dropdownIcon() {
-    var iconProps = utils.mergeProps({
+    var iconProps = mergeProps({
       className: cx('icon')
     }, ptm('icon'));
     var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, iconProps);
@@ -1382,7 +1393,7 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     });
     return dropdownIcon;
   };
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     ref: elementRef,
     id: idState,
     className: utils.classNames(props.className, cx('root', {

package/splitbutton/splitbutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/componentbase"),o=require("primereact/hooks"),i=require("primereact/icons/chevrondown"),u=require("primereact/overlayservice"),a=require("primereact/tooltip"),l=require("primereact/utils"),c=require("primereact/csstransition"),s=require("primereact/portal"),p=require("primereact/icons/angleright"),d=require("primereact/ripple");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 b=f(e),y=m(t);function v(){return v=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},v.apply(this,arguments)}function g(e){return g="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},g(e)}function x(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=x(e,"string");return"symbol"===g(t)?t:String(t)}function I(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function P(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 w(e,t){if(e){if("string"==typeof e)return P(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)?P(e,t):void 0}}function S(){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 j(e,t){return O(e)||E(e,t)||w(e,t)||S()}var k=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,autoZIndex:!1,baseZIndex:0,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t=e.props,n=e.size;return l.classNames("p-splitbutton p-component",I(I(I(I(I(I({"p-disabled":t.disabled,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-".concat(t.severity),t.severity),"p-button-raised",t.raised),"p-button-rounded",t.rounded),"p-button-text",t.text),"p-button-outlined",t.outlined),"p-button-".concat(n),n))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return l.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return l.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n\n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n\n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}}),D=r.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return l.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===y.default.ripple},t.className)},separator:"p-menuitem-separator",icon:function(e){return l.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return l.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-tieredmenu-overlay {\n        position: absolute;\n    }\n\n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-tieredmenu .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-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n        left: -100%;\n    }\n}\n",inlineStyles:{submenu:function(e){var t=e.subProps;return{display:!t.root&&t.parentActive?"block":"none"}}}}});function N(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 H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U=b.memo(b.forwardRef((function(e,t){var n=b.useRef(null),r=e.ptm,i=e.cx,u=e.sx,a=function(t,n){return r(n,{hostName:e.hostName,context:{active:y(t)}})},c=function(){if(n.current){var e=n.current.parentElement,t=l.DomHandler.getOffset(e),r=l.DomHandler.getViewport(),o=n.current.offsetParent?n.current.offsetWidth:l.DomHandler.getHiddenElementOuterWidth(n.current),i=l.DomHandler.getOuterWidth(e.children[0]),u=parseInt(t.top,10)+n.current.offsetHeight-l.DomHandler.getWindowScrollTop();n.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(t.left,10)+i+o>r.width-l.DomHandler.calculateScrollbarWidth()&&l.DomHandler.addClass(n.current,"p-submenu-list-flipped")}},s=function(t,n){var r=n.item;g(n)?t.preventDefault():(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r}),e.onItemClick&&e.onItemClick({originalEvent:t,processedItem:n}))},m=function(t){return"".concat(e.menuId,"_").concat(t.key)},f=function(e,t,n){return e&&e.item?l.ObjectUtils.getItemValue(e.item[t],n):void 0},y=function(t){return e.activeItemPath.some((function(e){return e.key===t.key}))},v=function(e){return!1!==f(e,"visible")},g=function(e){return f(e,"disabled")},x=function(t){return e.focusedItemId===m(t)},h=function(e){return l.ObjectUtils.isNotEmpty(e.items)},I=function(t,n){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:t,processedItem:n})},O=function(t){return t-e.model.slice(0,t).filter((function(e){return v(e)&&f(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||c()}),[e.parentActive]),b.useImperativeHandle(t,(function(){return{getElement:function(){return n.current}}}));var E=function(t){var n=l.mergeProps({key:"separator_"+t,className:i("separator"),role:"separator"},r("separator",{hostName:e.hostName}));return b.createElement("li",n)},P=function(t,n){return h(t)?b.createElement(U,{id:e.id+"_"+n,menuProps:e.menuProps,model:t.items,menuId:e.menuId,ariaLabelledby:m(item),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(t),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:i,sx:u}):null},w=function(t,n){if(!1===v(t))return null;var r=t.item,o=f(t,"style"),u=f(t,"icon"),c=f(t,"target"),E=f(t,"url"),w=m(t),S=x(t),j=y(t),k=g(t),D=h(t),N=l.classNames("p-menuitem-link"),U=l.classNames("p-menuitem-icon",u),C=l.mergeProps({className:l.classNames(r.icon,"p-menuitem-icon","icon")},a(t,"icon")),M=l.IconUtils.getJSXIcon(u,H({},C),{props:e.menuProps}),K=l.mergeProps({className:i("label")},a(t,"label")),T=r.label&&b.createElement("span",K,r.label),_=l.mergeProps({className:i("submenuIcon")},a(t,"submenuIcon")),B=D&&l.IconUtils.getJSXIcon(e.submenuIcon||b.createElement(p.AngleRightIcon,_),H({},_),{props:e.menuProps}),R=P(t,n),A=l.mergeProps({href:E||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:i("action"),target:c},a(t,"action")),L=b.createElement("a",A,M,T,B,b.createElement(d.Ripple,null));r.template&&(L=l.ObjectUtils.getJSXElement(r.template,r,{className:N,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:L,props:e,active:j,disabled:k}));var Z=l.mergeProps({onClick:function(e){return s(e,t)},onMouseEnter:function(e){return I(e,t)},className:i("content")},a(t,"content")),q=l.mergeProps({key:w,id:w,"aria-label":r.label,"aria-disabled":k,"aria-expanded":D?j:void 0,"aria-haspopup":D&&!E?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return v(e)&&!f(e,"separator")})).length,"aria-posinset":O(n),"data-p-highlight":j,"data-p-disabled":k,"data-p-visited":S,className:i("menuitem",{className:r.className,active:j,focused:S,disabled:k}),style:o,onMouseEnter:function(e){return I(e,r)},role:"menuitem"},a(t,"menuitem"));return b.createElement("li",q,b.createElement("div",Z,L),R)},S=e.model?e.model.map((function(e,t){return f(e,"separator")?E(t):w(e,t)})):null,j=e.root?"menu":"submenu",k=l.mergeProps({ref:n,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:i(j,{subProps:e}),style:u(j,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},r(j,{hostName:e.hostName}));return b.createElement("ul",k,S)})));function C(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 M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}U.displayName="TieredMenuSub";var K=b.memo(b.forwardRef((function(e,n){var i=b.useContext(t.PrimeReactContext),a=D.getProps(e,i),p=j(b.useState(a.id),2),d=p[0],m=p[1],f=j(b.useState(!a.popup),2),g=f[0],x=f[1],h=j(b.useState([]),2),I=h[0],O=h[1],E=j(b.useState(!1),2),P=E[0],w=E[1],S=j(b.useState(null),2),k=S[0],N=S[1],H=j(b.useState({index:-1,level:0,parentKey:""}),2),C=H[0],K=H[1],T=j(b.useState(!1),2),_=T[0],B=T[1],R=j(b.useState([]),2),A=R[0],L=R[1],Z=j(b.useState([]),2),q=Z[0],z=Z[1],W=j(b.useState(!1),2),F=W[0],V=W[1],J=j(b.useState(null),2),X=J[0],Y=J[1],$=D.setMetaData({props:a,state:{id:d,visible:g,attributeSelector:X}}),G=$.ptm,Q=$.cx,ee=$.sx;r.useHandleStyle(D.css.styles,$.isUnstyled,{name:"tieredmenu"});var te=b.useRef(null),ne=b.useRef(null),re=b.useRef(null),oe=b.useRef(null),ie=b.useRef(null),ue=b.useRef(null),ae=b.useRef(null),le=o.useMatchMedia("screen and (max-width: ".concat(a.breakpoint,")"),!!a.breakpoint),ce=j(o.useEventListener({type:"click",listener:function(e){var t=te.current&&!te.current.contains(e.target),n=!a.popup||!(re.current&&(re.current===e.target||re.current.contains(e.target)));t&&n&&ge(e,!a.popup)}}),2),se=ce[0],pe=ce[1],de=j(o.useResizeListener({listener:function(){!le&&ge(event,!0)}}),2),me=de[0],fe=de[1],be=function(e){a.popup&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:re.current})},ye=function(e){a.popup&&(g?ge(e):ve(e))},ve=function(e){a.popup&&(re.current=e.currentTarget,x(!0),a.onShow&&a.onShow(e),oe.current=e.relatedTarget||null),K({index:$e(),level:0,parentKey:""})},ge=function(e,t){a.popup&&(x(!1),a.onHide&&a.onHide(e));var n=Ke();O([]),K({index:-1,level:0,parentKey:""}),t&&l.DomHandler.focus(oe.current||re.current||n),B(!1)},xe=function(e){w(!0),K(-1!==C.index?C:{index:$e(),level:0,parentKey:""}),a.onFocus&&a.onFocus(e)},he=function(e){w(!1),K({index:-1,level:0,parentKey:""}),ue.current="",B(!1),a.onBlur&&a.onBlur(e)},Ie=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":we(e);break;case"ArrowUp":Se(e);break;case"ArrowLeft":je(e);break;case"ArrowRight":ke(e);break;case"Home":De(e);break;case"End":Ne(e);break;case"Space":Ue(e);break;case"Enter":He(e);break;case"Escape":a.popup&&l.DomHandler.focus(re.current),Ce(e);break;case"Tab":Me(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&l.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e.key)}},Oe=function(e){var t=e.processedItem,n=e.isFocus;if(!l.ObjectUtils.isEmpty(t)){var r=t.index,o=t.key,i=t.level,u=t.parentKey,a=l.ObjectUtils.isNotEmpty(t.items),c=I.filter((function(e){return e.parentKey!==u&&e.parentKey!==o}));a&&c.push(t),K({index:r,level:i,parentKey:u}),O(c),a&&B(!0),n&&l.DomHandler.focus(Ke())}},Ee=function(e){var t=e.originalEvent,n=e.processedItem;if(!Be(n)&&!a.isMobileMode){var r=Le(n),o=l.ObjectUtils.isEmpty(n.parent),i=We(n),u=Ke();if(i){var c=n.index,s=n.key,p=n.level,d=n.parentKey;O(I.filter((function(e){return s!==e.key&&s.startsWith(e.key)}))),K({index:c,level:p,parentKey:d}),r||B(!o),setTimeout((function(){l.DomHandler.focus(u),r&&B(!0)}),0)}else if(r)l.DomHandler.focus(u),Oe(e);else{var m=o?n:I.find((function(e){return""===e.parentKey})),f=m?m.index:-1;ge(t,!0),K({index:f,parentKey:m?m.parentKey:""})}}},Pe=function(e){var t=e.originalEvent;Be(e.processedItem)||a.isMobileMode?t.preventDefault():_&&!a.popup&&Oe(e)},we=function(e){var t=-1!==C.index?Je(C.index):$e();et(t),e.preventDefault()},Se=function(e){if(e.altKey){if(a.popup&&l.DomHandler.focus(re.current),-1!==C.index){var t=q[C.index];!Le(t)&&Oe({originalEvent:e,processedItem:t})}a.popup&&ge(e,!0),e.preventDefault()}else{var n=-1!==C.index?Xe(C.index):Ge();et(n),e.preventDefault()}},je=function(e){var t=q[C.index],n=I.find((function(e){return e.key===t.parentKey}));l.ObjectUtils.isEmpty(t.parent)||(K({index:-1,parentKey:n?n.parentKey:""}),ue.current="",setTimeout((function(){return V(!0)}),0)),O(I.filter((function(e){return e.parentKey!==C.parentKey}))),e.preventDefault()},ke=function(e){var t=q[C.index];Le(t)&&(Oe({originalEvent:e,processedItem:t}),K({index:-1,parentKey:t.key}),ue.current="",setTimeout((function(){return V(!0)}),0)),e.preventDefault()},De=function(e){et(Fe()),e.preventDefault()},Ne=function(e){et(Ve()),e.preventDefault()},He=function(e){if(-1!==C.index){var t=l.DomHandler.findSingle(Ke(),'li[id="'.concat("".concat(k),'"]')),n=t&&l.DomHandler.findSingle(t,'[data-pc-section="action"]');a.popup&&l.DomHandler.focus(re.current),n?n.click():t&&t.click()}e.preventDefault()},Ue=function(e){He(e)},Ce=function(e){ge(e,!0),!a.popup&&K(M(M({},C),{},{index:$e()})),e.preventDefault()},Me=function(e){if(-1!==C.index){var t=q[C.index];!Le(t)&&Oe({originalEvent:e,processedItem:t})}ge(e)},Ke=function(){return ne.current.getElement()||null},Te=function(e,t){return e?l.ObjectUtils.getItemValue(e[t]):void 0},_e=function(e){return Te(e,"label")},Be=function(e){return Te(e,"disabled")},Re=function(e){return Te(e,"separator")},Ae=function(e){return e?_e(e.item):void 0},Le=function(e){return e&&l.ObjectUtils.isNotEmpty(e.items)},Ze=function(e){return qe(e)&&Ae(e).toLocaleLowerCase().startsWith(ue.current.toLocaleLowerCase())},qe=function(e){return!!e&&!Be(e.item)&&!Re(e.item)},ze=function(e){return qe(e)&&We(e)},We=function(e){return I.some((function(t){return t.key===e.key}))},Fe=function(){return q.findIndex((function(e){return qe(e)}))},Ve=function(){return l.ObjectUtils.findLastIndex(q,(function(e){return qe(e)}))},Je=function(e){var t=e<q.length-1?q.slice(e+1).findIndex((function(e){return qe(e)})):-1;return t>-1?t+e+1:e},Xe=function(e){var t=e>0?l.ObjectUtils.findLastIndex(q.slice(0,e),(function(e){return qe(e)})):-1;return t>-1?t:e},Ye=function(){return q.findIndex((function(e){return ze(e)}))},$e=function(){var e=Ye();return e<0?Fe():e},Ge=function(){var e=Ye();return e<0?Ve():e},Qe=function(e){ue.current=(ue.current||"")+e;var t=-1,n=!1;return-1!==(t=-1!==C.index?-1===(t=q.slice(C.index).findIndex((function(e){return Ze(e)})))?q.slice(0,C.index).findIndex((function(e){return Ze(e)})):t+C.index:q.findIndex((function(e){return Ze(e)})))&&(n=!0),-1===t&&-1===C.index&&(t=$e()),-1!==t&&et(t),ae.current&&clearTimeout(ae),ae.current=setTimeout((function(){ue.current="",ae.current=null}),500),n},et=function(e){C.index!==e&&(K(M(M({},C),{},{index:e})),tt())},tt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(d,"_").concat(e):k,n=l.DomHandler.findSingle(Ke(),'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},nt=function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return t&&t.forEach((function(t,u){var a=(""!==o?o+"_":"")+u,l={item:t,index:u,level:n,key:a,parent:r,parentKey:o};l.items=e(t.items,n+1,l,a),i.push(l)})),i},rt=function(){if(!ie.current){ie.current=l.DomHandler.createInlineStyle(i&&i.nonce||y.default.nonce);var e="".concat(X),t="\n@media screen and (max-width: ".concat(a.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(a.scrollHeight,";\n        overflow: ").concat(a.scrollHeight?"auto":"",";\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n\n    ').concat(a.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ie.current.innerHTML=t}},ot=function(){ie.current=l.DomHandler.removeInlineStyle(ie.current)},it=function(){a.autoZIndex&&l.ZIndexUtils.set("menu",te.current,i&&i.autoZIndex||y.default.autoZIndex,a.baseZIndex||i&&i.zIndex.menu||y.default.zIndex.menu),l.DomHandler.addStyles(te.current,{position:"absolute",top:"0",left:"0"}),l.DomHandler.absolutePosition(te.current,re.current),l.DomHandler.getOuterWidth(re.current)>l.DomHandler.getOuterWidth(te.current)&&(te.current.style.minWidth=l.DomHandler.getOuterWidth(re.current)+"px"),l.DomHandler.focus(ne.current.getElement()),tt(),X&&a.breakpoint&&(te.current.setAttribute(X,""),rt())},ut=function(){se(),me()},at=function(){re.current=null,pe(),fe()},lt=function(){l.ZIndexUtils.clear(te.current),ot()};o.useMountEffect((function(){var e=l.UniqueComponentId();!d&&m(e),a.breakpoint&&!X&&Y(e)})),o.useUpdateEffect((function(){var e=nt(a.model||[]);L(e)}),a.model),o.useUpdateEffect((function(){var e=I.find((function(e){return e.key===C.parentKey}));z(e?e.items:A)}),[I,C,A]),o.useUpdateEffect((function(){var e=-1!==C.index?"".concat(d).concat(l.ObjectUtils.isNotEmpty(C.parentKey)?"_"+C.parentKey:"","_").concat(C.index):null;N(e)}),[C]),o.useUpdateEffect((function(){a.popup||(l.ObjectUtils.isNotEmpty(I)?(se(),me()):(pe(),fe()))}),[I]),o.useUpdateEffect((function(){if(F){var e=-1!==C.index?Je(C.index):$e();et(e),O(I.filter((function(e){return e.parentKey!==C.parentKey}))),V(!1)}}),[F]),o.useUpdateEffect((function(){return X&&te.current&&(te.current.setAttribute(X,""),rt()),function(){ot()}}),[X,a.breakpoint]),o.useUnmountEffect((function(){l.ZIndexUtils.clear(te.current)})),b.useImperativeHandle(n,(function(){return{props:a,toggle:ye,show:ve,hide:ge,getElement:function(){return te.current}}}));var ct,st,pt=(ct=l.mergeProps({ref:te,id:a.id,className:Q("root"),style:a.style,onClick:be},D.getOtherProps(a),G("root")),st=l.mergeProps({classNames:Q("transition"),in:g,timeout:{enter:120,exit:100},options:a.transitionOptions,unmountOnExit:!0,onEnter:it,onEntered:ut,onExit:at,onExited:lt},G("transition")),b.createElement(c.CSSTransition,v({nodeRef:te},st),b.createElement("div",ct,b.createElement(U,{id:d+"_list",ref:ne,hostName:"TieredMenu",menuProps:a,tabIndex:0,model:A,ariaLabel:a.ariaLabel,ariaLabelledBy:a.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:P?k:void 0,menuId:d,level:0,focusedItemId:k,activeItemPath:I,onFocus:xe,onBlur:he,onKeyDown:Ie,onItemClick:Ee,onItemMouseEnter:Pe,root:!0,popup:a.popup,onHide:ge,isMobileMode:le,submenuIcon:a.submenuIcon,ptm:G,cx:Q,sx:ee}))));return a.popup?b.createElement(s.Portal,{element:pt,appendTo:a.appendTo}):pt})));function T(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 _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}K.displayName="TieredMenu";var B=b.memo(b.forwardRef((function(e,c){var s=b.useContext(t.PrimeReactContext),p=k.getProps(e,s),d=j(b.useState(p.id),2),m=d[0],f=d[1],g=j(b.useState(!1),2),x=g[0],h=g[1],I=b.useRef(null),O=b.useRef(null),E=b.useRef(null),P=b.useRef(null),w={props:p,state:{id:m,overlayVisible:x}},S=k.setMetaData(w),D=S.ptm,N=S.cx;r.useHandleStyle(k.css.styles,S.isUnstyled,{name:"splitbutton"});var H=function(e){x?C(e):U(e)},U=function(e){h(!0),O.current&&O.current.show(e)},C=function(e){h(!1),O.current&&O.current.hide(e)};if(o.useMountEffect((function(){m||f(l.UniqueComponentId()),l.DomHandler.alignOverlay(P.current,E.current.parentElement,p.appendTo||s&&s.appendTo||y.default.appendTo)})),o.useUnmountEffect((function(){l.ZIndexUtils.clear(P.current)})),b.useImperativeHandle(c,(function(){return{props:p,show:U,hide:C,getElement:function(){return I.current}}})),!1===p.visible)return null;var M=l.ObjectUtils.isNotEmpty(p.tooltip),T={large:"lg",small:"sm"}[p.size],B=p.buttonTemplate?l.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,R=m+"_overlay",A=l.mergeProps({ref:I,id:m,className:l.classNames(p.className,N("root",{size:T})),style:p.style},k.getOtherProps(p),D("root"));return b.createElement(b.Fragment,null,b.createElement("div",A,b.createElement(n.Button,v({ref:E,type:"button",className:l.classNames(p.buttonClassName,N("button")),icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,"aria-label":p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:D("button"),__parentMetadata:{parent:w},unstyled:p.unstyled}),B),b.createElement(n.Button,v({type:"button",className:l.classNames(p.menuButtonClassName,N("menuButton")),icon:function(){var e=l.mergeProps({className:N("icon")},D("icon")),t=l.IconUtils.getJSXIcon(p.dropdownIcon||b.createElement(i.ChevronDownIcon,e),_({},e),{props:p});return t},onClick:H,disabled:p.disabled,"aria-expanded":x,"aria-haspopup":"true","aria-controls":R},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:D("menuButton"),__parentMetadata:{parent:w},onKeyDown:function(e){"ArrowDown"!==e.code&&"ArrowUp"!==e.code||(H(e),e.preventDefault())},unstyled:p.unstyled})),b.createElement(K,{ref:O,popup:!0,unstyled:p.unstyled,model:p.model,appendTo:p.appendTo,id:R,style:p.menuStyle,autoZIndex:p.autoZIndex,baseZIndex:p.baseZIndex,className:p.menuClassName,onClick:function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:I.current})},onShow:function(){p.onShow&&p.onShow()},onHide:function(){h(!1),p.onHide&&p.onHide()},pt:D("menu")})),M&&b.createElement(a.Tooltip,v({target:I,content:p.tooltip},p.tooltipOptions,{pt:D("tooltip")})))})));B.displayName="SplitButton",exports.SplitButton=B;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/componentbase"),o=require("primereact/hooks"),i=require("primereact/icons/chevrondown"),u=require("primereact/overlayservice"),a=require("primereact/csstransition"),l=require("primereact/portal"),c=require("primereact/utils"),s=require("primereact/icons/angleright"),p=require("primereact/ripple"),d=require("primereact/tooltip");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 b=f(e),y=m(t);function v(){return v=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},v.apply(this,arguments)}function g(e){return g="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},g(e)}function h(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function I(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function w(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 S(e,t){if(e){if("string"==typeof e)return w(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)?w(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,t){return O(e)||E(e,t)||S(e,t)||P()}var k=r.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===y.default.ripple},t.className)},separator:"p-menuitem-separator",icon:function(e){return c.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-tieredmenu-overlay {\n        position: absolute;\n    }\n\n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-tieredmenu .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-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n        left: -100%;\n    }\n}\n",inlineStyles:{submenu:function(e){var t=e.subProps;return{display:!t.root&&t.parentActive?"block":"none"}}}}});function N(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 D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=b.memo(b.forwardRef((function(e,t){var n=b.useRef(null),r=o.useMergeProps(),i=e.ptm,u=e.cx,a=e.sx,l=function(t,n){return i(n,{hostName:e.hostName,context:{active:v(t)}})},d=function(){if(n.current){var e=n.current.parentElement,t=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),o=n.current.offsetParent?n.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(n.current),i=c.DomHandler.getOuterWidth(e.children[0]),u=parseInt(t.top,10)+n.current.offsetHeight-c.DomHandler.getWindowScrollTop();n.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(t.left,10)+i+o>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(n.current,"p-submenu-list-flipped")}},m=function(t,n){var r=n.item;h(n)?t.preventDefault():(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r}),e.onItemClick&&e.onItemClick({originalEvent:t,processedItem:n}))},f=function(t){return"".concat(e.menuId,"_").concat(t.key)},y=function(e,t,n){return e&&e.item?c.ObjectUtils.getItemValue(e.item[t],n):void 0},v=function(t){return e.activeItemPath.some((function(e){return e.key===t.key}))},g=function(e){return!1!==y(e,"visible")},h=function(e){return y(e,"disabled")},x=function(t){return e.focusedItemId===f(t)},I=function(e){return c.ObjectUtils.isNotEmpty(e.items)},O=function(t,n){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:t,processedItem:n})},E=function(t){return t-e.model.slice(0,t).filter((function(e){return g(e)&&y(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||d()}),[e.parentActive]),b.useImperativeHandle(t,(function(){return{getElement:function(){return n.current}}}));var w=function(t){var n=r({key:"separator_"+t,className:u("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return b.createElement("li",n)},S=function(t,n){return I(t)?b.createElement(H,{id:e.id+"_"+n,menuProps:e.menuProps,model:t.items,menuId:e.menuId,ariaLabelledby:f(t),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:v(t),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:u,sx:a}):null},P=function(t,n){if(!1===g(t))return null;var o=t.item,i=y(t,"style"),a=y(t,"icon"),d=y(t,"target"),w=y(t,"url"),P=f(t),j=x(t),k=v(t),N=h(t),H=I(t),U=c.classNames("p-menuitem-link"),C=c.classNames("p-menuitem-icon",a),M=r({className:c.classNames(o.icon,"p-menuitem-icon","icon")},l(t,"icon")),T=c.IconUtils.getJSXIcon(a,D({},M),{props:e.menuProps}),K=r({className:u("label")},l(t,"label")),_=o.label&&b.createElement("span",K,o.label),R=r({className:u("submenuIcon")},l(t,"submenuIcon")),B=H&&c.IconUtils.getJSXIcon(e.submenuIcon||b.createElement(s.AngleRightIcon,R),D({},R),{props:e.menuProps}),L=S(t,n),A=r({href:w||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:d},l(t,"action")),Z=b.createElement("a",A,T,_,B,b.createElement(p.Ripple,null));o.template&&(Z=c.ObjectUtils.getJSXElement(o.template,o,{className:U,labelClassName:"p-menuitem-text",iconClassName:C,submenuIconClassName:"p-submenu-icon",element:Z,props:e,active:k,disabled:N}));var q=r({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return O(e,t)},className:u("content")},l(t,"content")),z=r({key:P,id:P,"aria-label":o.label,"aria-disabled":N,"aria-expanded":H?k:void 0,"aria-haspopup":H&&!w?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!y(e,"separator")})).length,"aria-posinset":E(n),"data-p-highlight":k,"data-p-disabled":N,"data-p-visited":j,className:u("menuitem",{className:o.className,active:k,focused:j,disabled:N}),style:i,onMouseEnter:function(e){return O(e,o)},role:"menuitem"},l(t,"menuitem"));return b.createElement("li",z,b.createElement("div",q,Z),L)},j=e.model?e.model.map((function(e,t){return y(e,"separator")?w(t):P(e,t)})):null,k=e.root?"menu":"submenu",N=r({ref:n,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:u(k,{subProps:e}),style:a(k,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},i(k,{hostName:e.hostName}));return b.createElement("ul",N,j)})));function U(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 C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}H.displayName="TieredMenuSub";var M=b.memo(b.forwardRef((function(e,n){var i=o.useMergeProps(),s=b.useContext(t.PrimeReactContext),p=k.getProps(e,s),d=j(b.useState(p.id),2),m=d[0],f=d[1],g=j(b.useState(!p.popup),2),h=g[0],x=g[1],I=j(b.useState([]),2),O=I[0],E=I[1],w=j(b.useState(!1),2),S=w[0],P=w[1],N=j(b.useState(null),2),D=N[0],U=N[1],M=j(b.useState({index:-1,level:0,parentKey:""}),2),T=M[0],K=M[1],_=j(b.useState(!1),2),R=_[0],B=_[1],L=j(b.useState([]),2),A=L[0],Z=L[1],q=j(b.useState([]),2),z=q[0],W=q[1],F=j(b.useState(!1),2),V=F[0],J=F[1],X=j(b.useState(null),2),Y=X[0],G=X[1],$=k.setMetaData({props:p,state:{id:m,visible:h,attributeSelector:Y}}),Q=$.ptm,ee=$.cx,te=$.sx;r.useHandleStyle(k.css.styles,$.isUnstyled,{name:"tieredmenu"});var ne=b.useRef(null),re=b.useRef(null),oe=b.useRef(null),ie=b.useRef(null),ue=b.useRef(null),ae=b.useRef(null),le=b.useRef(null),ce=o.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=j(o.useEventListener({type:"click",listener:function(e){var t=ne.current&&!ne.current.contains(e.target),n=!p.popup||!(oe.current&&(oe.current===e.target||oe.current.contains(e.target)));t&&n&&he(e,!p.popup)}}),2),pe=se[0],de=se[1],me=j(o.useResizeListener({listener:function(){!ce&&he(event,!0)}}),2),fe=me[0],be=me[1],ye=function(e){p.popup&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:oe.current})},ve=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(oe.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),ie.current=e.relatedTarget||null),K({index:Ye(),level:0,parentKey:""})},he=function(e,t){p.popup&&(x(!1),p.onHide&&p.onHide(e));var n=Ke();E([]),K({index:-1,level:0,parentKey:""}),t&&c.DomHandler.focus(ie.current||oe.current||n),B(!1)},xe=function(e){P(!0),K(-1!==T.index?T:{index:Ye(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){P(!1),K({index:-1,level:0,parentKey:""}),ae.current="",B(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Pe(e);break;case"ArrowUp":je(e);break;case"ArrowLeft":ke(e);break;case"ArrowRight":Ne(e);break;case"Home":De(e);break;case"End":He(e);break;case"Space":Ce(e);break;case"Enter":Ue(e);break;case"Escape":p.popup&&c.DomHandler.focus(oe.current),Me(e);break;case"Tab":Te(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&c.ObjectUtils.isPrintableCharacter(e.key)&&$e(e.key)}},Ee=function(e){var t=e.processedItem,n=e.isFocus;if(!c.ObjectUtils.isEmpty(t)){var r=t.index,o=t.key,i=t.level,u=t.parentKey,a=c.ObjectUtils.isNotEmpty(t.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==o}));a&&l.push(t),K({index:r,level:i,parentKey:u}),E(l),a&&B(!0),n&&c.DomHandler.focus(Ke())}},we=function(e){var t=e.originalEvent,n=e.processedItem;if(!Re(n)&&!p.isMobileMode){var r=Le(n),o=c.ObjectUtils.isEmpty(n.parent),i=ze(n),u=Ke();if(i){var a=n.index,l=n.key,s=n.level,d=n.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),K({index:a,level:s,parentKey:d}),r||B(!o),setTimeout((function(){c.DomHandler.focus(u),r&&B(!0)}),0)}else if(r)c.DomHandler.focus(u),Ee(e);else{var m=o?n:O.find((function(e){return""===e.parentKey})),f=m?m.index:-1;he(t,!0),K({index:f,parentKey:m?m.parentKey:""})}}},Se=function(e){var t=e.originalEvent;Re(e.processedItem)||p.isMobileMode?t.preventDefault():R&&!p.popup&&Ee(e)},Pe=function(e){var t=-1!==T.index?Ve(T.index):Ye();Qe(t),e.preventDefault()},je=function(e){if(e.altKey){if(p.popup&&c.DomHandler.focus(oe.current),-1!==T.index){var t=z[T.index];!Le(t)&&Ee({originalEvent:e,processedItem:t})}p.popup&&he(e,!0),e.preventDefault()}else{var n=-1!==T.index?Je(T.index):Ge();Qe(n),e.preventDefault()}},ke=function(e){var t=z[T.index],n=O.find((function(e){return e.key===t.parentKey}));c.ObjectUtils.isEmpty(t.parent)||(K({index:-1,parentKey:n?n.parentKey:""}),ae.current="",setTimeout((function(){return J(!0)}),0)),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),e.preventDefault()},Ne=function(e){var t=z[T.index];Le(t)&&(Ee({originalEvent:e,processedItem:t}),K({index:-1,parentKey:t.key}),ae.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},De=function(e){Qe(We()),e.preventDefault()},He=function(e){Qe(Fe()),e.preventDefault()},Ue=function(e){if(-1!==T.index){var t=c.DomHandler.findSingle(Ke(),'li[id="'.concat("".concat(D),'"]')),n=t&&c.DomHandler.findSingle(t,'[data-pc-section="action"]');p.popup&&c.DomHandler.focus(oe.current),n?n.click():t&&t.click()}e.preventDefault()},Ce=function(e){Ue(e)},Me=function(e){he(e,!0),!p.popup&&K(C(C({},T),{},{index:Ye()})),e.preventDefault()},Te=function(e){if(-1!==T.index){var t=z[T.index];!Le(t)&&Ee({originalEvent:e,processedItem:t})}he(e)},Ke=function(){return re.current.getElement()||null},_e=function(e,t){return e?c.ObjectUtils.getItemValue(e[t]):void 0},Re=function(e){return _e(e,"disabled")},Be=function(e){return e?_e(e.item,"label"):void 0},Le=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},Ae=function(e){return Ze(e)&&Be(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Ze=function(e){return!!e&&!Re(e.item)&&!_e(e.item,"separator")},qe=function(e){return Ze(e)&&ze(e)},ze=function(e){return O.some((function(t){return t.key===e.key}))},We=function(){return z.findIndex((function(e){return Ze(e)}))},Fe=function(){return c.ObjectUtils.findLastIndex(z,(function(e){return Ze(e)}))},Ve=function(e){var t=e<z.length-1?z.slice(e+1).findIndex((function(e){return Ze(e)})):-1;return t>-1?t+e+1:e},Je=function(e){var t=e>0?c.ObjectUtils.findLastIndex(z.slice(0,e),(function(e){return Ze(e)})):-1;return t>-1?t:e},Xe=function(){return z.findIndex((function(e){return qe(e)}))},Ye=function(){var e=Xe();return e<0?We():e},Ge=function(){var e=Xe();return e<0?Fe():e},$e=function(e){ae.current=(ae.current||"")+e;var t=-1,n=!1;return-1!==(t=-1!==T.index?-1===(t=z.slice(T.index).findIndex((function(e){return Ae(e)})))?z.slice(0,T.index).findIndex((function(e){return Ae(e)})):t+T.index:z.findIndex((function(e){return Ae(e)})))&&(n=!0),-1===t&&-1===T.index&&(t=Ye()),-1!==t&&Qe(t),le.current&&clearTimeout(le),le.current=setTimeout((function(){ae.current="",le.current=null}),500),n},Qe=function(e){T.index!==e&&(K(C(C({},T),{},{index:e})),et())},et=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(m,"_").concat(e):D,n=c.DomHandler.findSingle(Ke(),'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},tt=function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return t&&t.forEach((function(t,u){var a=(""!==o?o+"_":"")+u,l={item:t,index:u,level:n,key:a,parent:r,parentKey:o};l.items=e(t.items,n+1,l,a),i.push(l)})),i},nt=function(){if(!ue.current){ue.current=c.DomHandler.createInlineStyle(s&&s.nonce||y.default.nonce,s&&s.styleContainer);var e="".concat(Y),t="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(p.scrollHeight,";\n        overflow: ").concat(p.scrollHeight?"auto":"",";\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n\n    ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=t}},rt=function(){ue.current=c.DomHandler.removeInlineStyle(ue.current)},ot=function(){p.autoZIndex&&c.ZIndexUtils.set("menu",ne.current,s&&s.autoZIndex||y.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||y.default.zIndex.menu),c.DomHandler.addStyles(ne.current,{position:"absolute",top:"0",left:"0"}),c.DomHandler.absolutePosition(ne.current,oe.current),c.DomHandler.getOuterWidth(oe.current)>c.DomHandler.getOuterWidth(ne.current)&&(ne.current.style.minWidth=c.DomHandler.getOuterWidth(oe.current)+"px"),c.DomHandler.focus(re.current.getElement()),et(),Y&&p.breakpoint&&(ne.current.setAttribute(Y,""),nt())},it=function(){pe(),fe()},ut=function(){oe.current=null,de(),be()},at=function(){c.ZIndexUtils.clear(ne.current),rt()};o.useMountEffect((function(){var e=c.UniqueComponentId();!m&&f(e),p.breakpoint&&!Y&&G(e)})),o.useUpdateEffect((function(){var e=tt(p.model||[]);Z(e)}),p.model),o.useUpdateEffect((function(){var e=O.find((function(e){return e.key===T.parentKey}));W(e?e.items:A)}),[O,T,A]),o.useUpdateEffect((function(){var e=-1!==T.index?"".concat(m).concat(c.ObjectUtils.isNotEmpty(T.parentKey)?"_"+T.parentKey:"","_").concat(T.index):null;U(e)}),[T]),o.useUpdateEffect((function(){p.popup||(c.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(de(),be()))}),[O]),o.useUpdateEffect((function(){if(V){var e=-1!==T.index?Ve(T.index):Ye();Qe(e),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),J(!1)}}),[V]),o.useUpdateEffect((function(){return Y&&ne.current&&(ne.current.setAttribute(Y,""),nt()),function(){rt()}}),[Y,p.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(ne.current)})),b.useImperativeHandle(n,(function(){return{props:p,toggle:ve,show:ge,hide:he,getElement:function(){return ne.current}}}));var lt,ct,st=(lt=i({ref:ne,id:p.id,className:ee("root"),style:p.style,onClick:ye},k.getOtherProps(p),Q("root")),ct=i({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:ot,onEntered:it,onExit:ut,onExited:at},Q("transition")),b.createElement(a.CSSTransition,v({nodeRef:ne},ct),b.createElement("div",lt,b.createElement(H,{id:m+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:A,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:S?D:void 0,menuId:m,level:0,focusedItemId:D,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:we,onItemMouseEnter:Se,root:!0,popup:p.popup,onHide:he,isMobileMode:ce,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:te}))));return p.popup?b.createElement(l.Portal,{element:st,appendTo:p.appendTo}):st})));M.displayName="TieredMenu";var T=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,autoZIndex:!1,baseZIndex:0,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t=e.props,n=e.size;return c.classNames("p-splitbutton p-component",I(I(I(I(I(I({"p-disabled":t.disabled,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-".concat(t.severity),t.severity),"p-button-raised",t.raised),"p-button-rounded",t.rounded),"p-button-text",t.text),"p-button-outlined",t.outlined),"p-button-".concat(n),n))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return c.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return c.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n\n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n\n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function K(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 _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=b.memo(b.forwardRef((function(e,a){var l=o.useMergeProps(),s=b.useContext(t.PrimeReactContext),p=T.getProps(e,s),m=j(b.useState(p.id),2),f=m[0],g=m[1],h=j(b.useState(!1),2),x=h[0],I=h[1],O=b.useRef(null),E=b.useRef(null),w=b.useRef(null),S=b.useRef(null),P=o.useDisplayOrder("split-button-tooltip",x),k={props:p,state:{id:f,overlayVisible:x}},N=T.setMetaData(k),D=N.ptm,H=N.cx;r.useHandleStyle(T.css.styles,N.isUnstyled,{name:"splitbutton"}),o.useGlobalOnEscapeKey({callback:function(){K()},when:x&&P,priority:[o.ESC_KEY_HANDLING_PRIORITIES.SPLIT_BUTTON,P]});var U=function(e){x?K(e):C(e)},C=function(e){I(!0),E.current&&E.current.show(e)},K=function(e){I(!1),E.current&&E.current.hide(e)};if(o.useMountEffect((function(){f||g(c.UniqueComponentId()),c.DomHandler.alignOverlay(S.current,w.current.parentElement,p.appendTo||s&&s.appendTo||y.default.appendTo)})),o.useUnmountEffect((function(){c.ZIndexUtils.clear(S.current)})),b.useImperativeHandle(a,(function(){return{props:p,show:C,hide:K,getElement:function(){return O.current}}})),!1===p.visible)return null;var R=c.ObjectUtils.isNotEmpty(p.tooltip),B={large:"lg",small:"sm"}[p.size],L=p.buttonTemplate?c.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,A=f+"_overlay",Z=l({ref:O,id:f,className:c.classNames(p.className,H("root",{size:B})),style:p.style},T.getOtherProps(p),D("root"));return b.createElement(b.Fragment,null,b.createElement("div",Z,b.createElement(n.Button,v({ref:w,type:"button",className:c.classNames(p.buttonClassName,H("button")),icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,"aria-label":p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:D("button"),__parentMetadata:{parent:k},unstyled:p.unstyled}),L),b.createElement(n.Button,v({type:"button",className:c.classNames(p.menuButtonClassName,H("menuButton")),icon:function(){var e=l({className:H("icon")},D("icon")),t=c.IconUtils.getJSXIcon(p.dropdownIcon||b.createElement(i.ChevronDownIcon,e),_({},e),{props:p});return t},onClick:U,disabled:p.disabled,"aria-expanded":x,"aria-haspopup":"true","aria-controls":A},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:D("menuButton"),__parentMetadata:{parent:k},onKeyDown:function(e){"ArrowDown"!==e.code&&"ArrowUp"!==e.code||(U(e),e.preventDefault())},unstyled:p.unstyled})),b.createElement(M,{ref:E,popup:!0,unstyled:p.unstyled,model:p.model,appendTo:p.appendTo,id:A,style:p.menuStyle,autoZIndex:p.autoZIndex,baseZIndex:p.baseZIndex,className:p.menuClassName,onClick:function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:O.current})},onShow:function(){p.onShow&&p.onShow()},onHide:function(){I(!1),p.onHide&&p.onHide()},pt:D("menu")})),R&&b.createElement(d.Tooltip,v({target:O,content:p.tooltip},p.tooltipOptions,{pt:D("tooltip")})))})));R.displayName="SplitButton",exports.SplitButton=R;

package/splitbutton/splitbutton.d.ts

@@ -185,7 +185,7 @@ export interface SplitButtonProps extends Omit<React.DetailedHTMLProps<React.HTM
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
      * @defaultValue document.body
      */
-    appendTo?: 'self' | HTMLElement | null | undefined;
+    appendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
     /**
      * Content of the tooltip.
      */