primereact 10.5.3 → 10.6.1

package/listbox/listbox.esm.js

@@ -141,7 +141,6 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
 }
 
-var _defaultProps;
 var classes = {
   itemGroup: 'p-listbox-item-group',
   emptyMessage: 'p-listbox-empty-message',
@@ -185,7 +184,7 @@ var inlineStyles = {
   }
 };
 var ListBoxBase = ComponentBase.extend({
-  defaultProps: (_defaultProps = {
+  defaultProps: {
     __TYPE: 'ListBox',
     className: null,
     dataKey: null,
@@ -201,14 +200,33 @@ var ListBoxBase = ComponentBase.extend({
     filterPlaceholder: null,
     filterTemplate: null,
     filterValue: null,
-    selectOnFocus: false,
+    focusOnHover: true,
     id: null,
     itemTemplate: null,
     invalid: false,
     listClassName: null,
     listStyle: null,
-    metaKeySelection: false
-  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultProps, "selectOnFocus", false), "autoOptionFocus", false), "multiple", false), "onChange", null), "onFilterValueChange", null), "optionDisabled", null), "optionGroupChildren", null), "optionGroupLabel", null), "optionGroupTemplate", null), "optionLabel", null), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultProps, "optionValue", null), "options", null), "style", null), "tabIndex", 0), "tooltip", null), "tooltipOptions", null), "value", null), "virtualScrollerOptions", null), "children", undefined)),
+    metaKeySelection: false,
+    selectOnFocus: false,
+    autoOptionFocus: false,
+    multiple: false,
+    onChange: null,
+    onFilterValueChange: null,
+    optionDisabled: null,
+    optionGroupChildren: null,
+    optionGroupLabel: null,
+    optionGroupTemplate: null,
+    optionLabel: null,
+    optionValue: null,
+    options: null,
+    style: null,
+    tabIndex: 0,
+    tooltip: null,
+    tooltipOptions: null,
+    value: null,
+    virtualScrollerOptions: null,
+    children: undefined
+  },
   css: {
     classes: classes,
     styles: styles,
@@ -338,6 +356,12 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
     onFocus: onFocus,
     onBlur: onBlur,
     tabIndex: '-1',
+    onMouseDown: function onMouseDown(event) {
+      return props.onOptionMouseDown(event, props.index);
+    },
+    onMouseMove: function onMouseMove(event) {
+      return props.onOptionMouseMove(event, props.index);
+    },
     'aria-label': props.label,
     key: props.optionKey,
     role: 'option',
@@ -369,10 +393,18 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     startRangeIndex = _React$useState4[0],
     setStartRangeIndex = _React$useState4[1];
-  var _React$useState5 = React.useState(''),
+  var _React$useState5 = React.useState(false),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
-    filterValueState = _React$useState6[0],
-    setFilterValueState = _React$useState6[1];
+    focused = _React$useState6[0],
+    setFocused = _React$useState6[1];
+  var _React$useState7 = React.useState(''),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    filterValueState = _React$useState8[0],
+    setFilterValueState = _React$useState8[1];
+  var _React$useState9 = React.useState(''),
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    searchValue = _React$useState10[0],
+    setSearchValue = _React$useState10[1];
   var elementRef = React.useRef(null);
   var virtualScrollerRef = React.useRef(null);
   var id = React.useRef(null);
@@ -399,6 +431,14 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     optionTouched.current = false;
     index !== -1 && setFocusedOptionIndex(index);
   };
+  var onOptionMouseDown = function onOptionMouseDown(event, index) {
+    changeFocusedOptionIndex(event, index);
+  };
+  var onOptionMouseMove = function onOptionMouseMove(event, index) {
+    if (props.focusOnHover && focused) {
+      changeFocusedOptionIndex(event, index);
+    }
+  };
   var onOptionTouchEnd = function onOptionTouchEnd() {
     if (props.disabled) {
       return;
@@ -437,7 +477,11 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     if (metaSelection) {
       var metaKey = event.metaKey || event.ctrlKey;
       if (selected) {
-        if (metaKey) value = removeOption(option);else value = [getOptionValue(option)];
+        if (metaKey) {
+          value = removeOption(option);
+        } else {
+          value = [getOptionValue(option)];
+        }
         valueChanged = true;
       } else {
         value = metaKey ? props.value || [] : [];
@@ -445,7 +489,11 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
         valueChanged = true;
       }
     } else {
-      if (selected) value = removeOption(option);else value = [].concat(_toConsumableArray(props.value || []), [getOptionValue(option)]);
+      if (selected) {
+        value = removeOption(option);
+      } else {
+        value = [].concat(_toConsumableArray(props.value || []), [getOptionValue(option)]);
+      }
       valueChanged = true;
     }
     if (valueChanged) {
@@ -453,10 +501,10 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
         originalEvent: event,
         value: value,
         stopPropagation: function stopPropagation() {
-          event.stopPropagation();
+          event === null || event === void 0 || event.stopPropagation();
         },
         preventDefault: function preventDefault() {
-          event.preventDefault();
+          event === null || event === void 0 || event.preventDefault();
         },
         target: {
           name: props.name,
@@ -483,6 +531,43 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
       return isValidOption(option);
     });
   };
+  var findLastSelectedOptionIndex = function findLastSelectedOptionIndex() {
+    return hasSelectedOption() ? ObjectUtils.findLastIndex(visibleOptions, function (option) {
+      return isValidSelectedOption(option);
+    }) : -1;
+  };
+  var findSelectedOptionIndex = function findSelectedOptionIndex() {
+    if (hasSelectedOption()) {
+      if (props.multiple) {
+        var _loop = function _loop() {
+            var value = props.value[index];
+            var matchedOptionIndex = visibleOptions.findIndex(function (option) {
+              return isValidSelectedOption(option) && isEquals(value, getOptionValue(option));
+            });
+            if (matchedOptionIndex > -1) {
+              return {
+                v: matchedOptionIndex
+              };
+            }
+          },
+          _ret;
+        for (var index = props.value.length - 1; index >= 0; index--) {
+          _ret = _loop();
+          if (_ret) return _ret.v;
+        }
+      } else {
+        return visibleOptions.findIndex(function (option) {
+          return isValidSelectedOption(option);
+        });
+      }
+    }
+    return -1;
+  };
+  var findFirstSelectedOptionIndex = function findFirstSelectedOptionIndex() {
+    return hasSelectedOption() ? visibleOptions.findIndex(function (option) {
+      return isValidSelectedOption(option);
+    }) : -1;
+  };
   var findLastOptionIndex = function findLastOptionIndex() {
     return ObjectUtils.findLastIndex(visibleOptions, function (option) {
       return isValidOption(option);
@@ -506,7 +591,7 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   var findNearestSelectedOptionIndex = function findNearestSelectedOptionIndex(index) {
     var firstCheckUp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var matchedOptionIndex = -1;
-    if (hasSelectedOption) {
+    if (hasSelectedOption()) {
       if (firstCheckUp) {
         matchedOptionIndex = findPrevSelectedOptionIndex(index);
         matchedOptionIndex = matchedOptionIndex === -1 ? findNextSelectedOptionIndex(index) : matchedOptionIndex;
@@ -522,7 +607,7 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     return isValidOption(option) && ((_getOptionLabel = getOptionLabel(option)) === null || _getOptionLabel === void 0 ? void 0 : _getOptionLabel.toLocaleLowerCase(props.filterLocale).startsWith(searchValue.toLocaleLowerCase(props.filterLocale)));
   };
   var searchOptions = function searchOptions(event, _char) {
-    searchValue = (searchValue || '') + _char;
+    setSearchValue((searchValue || '') + _char);
     var optionIndex = -1;
     if (ObjectUtils.isNotEmpty(searchValue)) {
       if (focusedOptionIndex !== -1) {
@@ -548,18 +633,18 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
       clearTimeout(searchTimeout.current);
     }
     searchTimeout.current = setTimeout(function () {
-      searchValue = '';
+      setSearchValue('');
       searchTimeout.current = null;
     }, 500);
   };
   var findNextSelectedOptionIndex = function findNextSelectedOptionIndex(index) {
-    var matchedOptionIndex = hasSelectedOption && index < visibleOptions.length - 1 ? visibleOptions.slice(index + 1).findIndex(function (option) {
+    var matchedOptionIndex = hasSelectedOption() && index < visibleOptions.length - 1 ? visibleOptions.slice(index + 1).findIndex(function (option) {
       return isValidSelectedOption(option);
     }) : -1;
     return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : -1;
   };
   var findPrevSelectedOptionIndex = function findPrevSelectedOptionIndex(index) {
-    var matchedOptionIndex = hasSelectedOption && index > 0 ? ObjectUtils.findLastIndex(visibleOptions.slice(0, index), function (option) {
+    var matchedOptionIndex = hasSelectedOption() && index > 0 ? ObjectUtils.findLastIndex(visibleOptions.slice(0, index), function (option) {
       return isValidSelectedOption(option);
     }) : -1;
     return matchedOptionIndex > -1 ? matchedOptionIndex : -1;
@@ -584,6 +669,10 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     var selectedIndex = findFirstSelectedOptionIndex();
     return selectedIndex < 0 ? findFirstOptionIndex() : selectedIndex;
   };
+  var findLastFocusedOptionIndex = function findLastFocusedOptionIndex() {
+    var selectedIndex = findLastSelectedOptionIndex();
+    return selectedIndex < 0 ? findLastOptionIndex() : selectedIndex;
+  };
   var changeFocusedOptionIndex = function changeFocusedOptionIndex(event, index) {
     if (focusedOptionIndex !== index) {
       setFocusedOptionIndex(index);
@@ -611,7 +700,11 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   };
   var onEnterKey = function onEnterKey(event) {
     if (focusedOptionIndex !== -1) {
-      if (props.multiple && event.shiftKey) onOptionSelectRange(event, focusedOptionIndex);else onOptionSelect(event, visibleOptions[focusedOptionIndex]);
+      if (props.multiple && event.shiftKey) {
+        onOptionSelectRange(event, focusedOptionIndex);
+      } else {
+        onOptionSelect(event, visibleOptions[focusedOptionIndex]);
+      }
     }
     event.preventDefault();
   };
@@ -661,7 +754,7 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     scrollInView(visibleOptions.length - 1);
     event.preventDefault();
   };
-  var onKeyDown = function onKeyDown(event) {
+  var onListKeyDown = function onListKeyDown(event) {
     var metaKey = event.metaKey || event.ctrlKey;
     switch (event.code) {
       case 'ArrowDown':
@@ -725,7 +818,7 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
           behavior: 'smooth'
         });
       } else if (props.virtualScrollerOptions) {
-        virtualScrollerRef.current && virtualScrollerRef.current.scrollToIndex(index !== -1 ? index : props.focusedOptionIndex);
+        virtualScrollerRef.current && virtualScrollerRef.current.scrollToIndex(index !== -1 ? index : focusedOptionIndex);
       }
     }, 0);
   };
@@ -748,16 +841,24 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
       filter: ''
     });
   };
+  var autoUpdateModel = function autoUpdateModel() {
+    var isFocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : focused;
+    if (props.selectOnFocus && props.autoOptionFocus && !hasSelectedOption() && !props.multiple && isFocus) {
+      var currentFocusOptionIndex = findFirstFocusedOptionIndex();
+      onOptionSelect(null, visibleOptions[currentFocusOptionIndex]);
+      setFocusedOptionIndex(currentFocusOptionIndex);
+    }
+  };
   var updateModel = function updateModel(event, value) {
     if (props.onChange) {
       props.onChange({
         originalEvent: event,
         value: value,
         stopPropagation: function stopPropagation() {
-          event.stopPropagation();
+          event === null || event === void 0 || event.stopPropagation();
         },
         preventDefault: function preventDefault() {
-          event.preventDefault();
+          event === null || event === void 0 || event.preventDefault();
         },
         target: {
           name: props.name,
@@ -799,18 +900,23 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
       return ObjectUtils.equals(value, getOptionValue(item), key);
     });
   };
+  var isEquals = function isEquals(value1, value2) {
+    return ObjectUtils.equals(value1, value2, equalityKey());
+  };
   var isSelected = function isSelected(option) {
     var optionValue = getOptionValue(option);
-    var key = equalityKey();
-    return props.multiple && props.value ? props.value.some(function (val) {
-      return ObjectUtils.equals(val, optionValue, key);
-    }) : ObjectUtils.equals(props.value, optionValue, key);
+    if (props.multiple) {
+      return (props.value || []).some(function (value) {
+        return isEquals(value, optionValue);
+      });
+    }
+    return isEquals(props.value, optionValue);
   };
   var getOptionLabel = function getOptionLabel(option) {
-    return props.optionLabel ? ObjectUtils.resolveFieldData(option, props.optionLabel) : option && option['label'] !== undefined ? option['label'] : option;
+    return props.optionLabel ? ObjectUtils.resolveFieldData(option, props.optionLabel) : option && option.label !== undefined ? option.label : option;
   };
   var getOptionValue = function getOptionValue(option) {
-    return props.optionValue ? ObjectUtils.resolveFieldData(option, props.optionValue) : option && option['value'] !== undefined ? option['value'] : option;
+    return props.optionValue ? ObjectUtils.resolveFieldData(option, props.optionValue) : option && option.value !== undefined ? option.value : option;
   };
   var getOptionRenderKey = function getOptionRenderKey(option) {
     return props.dataKey ? ObjectUtils.resolveFieldData(option, props.dataKey) : getOptionLabel(option);
@@ -819,7 +925,7 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     if (props.optionDisabled) {
       return ObjectUtils.isFunction(props.optionDisabled) ? props.optionDisabled(option) : ObjectUtils.resolveFieldData(option, props.optionDisabled);
     }
-    return option && option['disabled'] !== undefined ? option['disabled'] : false;
+    return option && option.disabled !== undefined ? option.disabled : false;
   };
   var onFirstHiddenFocus = function onFirstHiddenFocus() {
     DomHandler.focus(listRef.current);
@@ -839,6 +945,17 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     }
     lastHiddenFocusableElement.current.tabIndex = -1;
   };
+  var onListFocus = function onListFocus() {
+    setFocused(true);
+    setFocusedOptionIndex(focusedOptionIndex !== -1 ? focusedOptionIndex : props.autoOptionFocus ? findFirstFocusedOptionIndex() : findSelectedOptionIndex());
+    autoUpdateModel(true);
+  };
+  var onListBlur = function onListBlur(event) {
+    setFocused(false);
+    setFocusedOptionIndex(-1);
+    setStartRangeIndex(-1);
+    setSearchValue('');
+  };
   var getOptionGroupRenderKey = function getOptionGroupRenderKey(optionGroup) {
     return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
   };
@@ -872,12 +989,10 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
           _iterator.f();
         }
         return filteredGroups;
-      } else {
-        return FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
       }
-    } else {
-      return props.options;
+      return FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
     }
+    return props.options;
   };
   var scrollToSelectedIndex = function scrollToSelectedIndex() {
     if (virtualScrollerRef.current) {
@@ -938,6 +1053,8 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
         style: style,
         template: props.itemTemplate,
         selected: isSelected(option),
+        onOptionMouseDown: onOptionMouseDown,
+        onOptionMouseMove: onOptionMouseMove,
         onClick: onOptionSelect,
         index: j,
         focusedOptionIndex: focusedOptionIndex,
@@ -967,29 +1084,30 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
       return /*#__PURE__*/React.createElement(React.Fragment, {
         key: key
       }, /*#__PURE__*/React.createElement("li", itemGroupProps, groupContent), groupChildrenContent);
-    } else {
-      var optionLabel = getOptionLabel(option);
-      var optionKey = index + '_' + getOptionRenderKey(option);
-      var disabled = isOptionDisabled(option);
-      return /*#__PURE__*/React.createElement(ListBoxItem, {
-        id: id.current + '_' + index,
-        hostName: "ListBox",
-        optionKey: optionKey,
-        key: optionKey,
-        label: optionLabel,
-        index: index,
-        focusedOptionIndex: focusedOptionIndex,
-        option: option,
-        style: style,
-        template: props.itemTemplate,
-        selected: isSelected(option),
-        onClick: onOptionSelect,
-        onTouchEnd: onOptionTouchEnd,
-        disabled: disabled,
-        ptCallbacks: ptCallbacks,
-        metaData: metaData
-      });
     }
+    var optionLabel = getOptionLabel(option);
+    var optionKey = index + '_' + getOptionRenderKey(option);
+    var disabled = isOptionDisabled(option);
+    return /*#__PURE__*/React.createElement(ListBoxItem, {
+      id: id.current + '_' + index,
+      hostName: "ListBox",
+      optionKey: optionKey,
+      key: optionKey,
+      label: optionLabel,
+      index: index,
+      onOptionMouseDown: onOptionMouseDown,
+      onOptionMouseMove: onOptionMouseMove,
+      focusedOptionIndex: focusedOptionIndex,
+      option: option,
+      style: style,
+      template: props.itemTemplate,
+      selected: isSelected(option),
+      onClick: onOptionSelect,
+      onTouchEnd: onOptionTouchEnd,
+      disabled: disabled,
+      ptCallbacks: ptCallbacks,
+      metaData: metaData
+    });
   };
   var createItems = function createItems() {
     if (ObjectUtils.isNotEmpty(visibleOptions)) {
@@ -1029,7 +1147,10 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
             }),
             role: 'listbox',
             tabIndex: '-1',
-            'aria-multiselectable': props.multiple
+            'aria-multiselectable': props.multiple,
+            onFocus: onListFocus,
+            onBlur: onListBlur,
+            onKeyDown: onListKeyDown
           }, ariaProps), ptCallbacks.ptm('list'));
           return /*#__PURE__*/React.createElement("ul", listProps, options.children);
         }
@@ -1039,18 +1160,19 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
       }, virtualScrollerProps, {
         pt: ptCallbacks.ptm('virtualScroller')
       }));
-    } else {
-      var items = createItems();
-      var listProps = mergeProps(_objectSpread({
-        ref: listRef,
-        className: ptCallbacks.cx('list'),
-        role: 'listbox',
-        'aria-multiselectable': props.multiple,
-        tabIndex: '-1',
-        onKeyDown: onKeyDown
-      }, ariaProps), ptCallbacks.ptm('list'));
-      return /*#__PURE__*/React.createElement("ul", listProps, items);
     }
+    var items = createItems();
+    var listProps = mergeProps(_objectSpread({
+      ref: listRef,
+      className: ptCallbacks.cx('list'),
+      role: 'listbox',
+      'aria-multiselectable': props.multiple,
+      tabIndex: '-1',
+      onFocus: onListFocus,
+      onBlur: onListBlur,
+      onKeyDown: onListKeyDown
+    }, ariaProps), ptCallbacks.ptm('list'));
+    return /*#__PURE__*/React.createElement("ul", listProps, items);
   };
   var visibleOptions = getVisibleOptions();
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);

package/listbox/listbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t,FilterService as n,localeOption as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as l}from"primereact/componentbase";import{useMergeProps as i,useMountEffect as a}from"primereact/hooks";import{Tooltip as u}from"primereact/tooltip";import{classNames as c,IconUtils as s,ObjectUtils as p,DomHandler as f,UniqueComponentId as d}from"primereact/utils";import{VirtualScroller as m}from"primereact/virtualscroller";import{SearchIcon as b}from"primereact/icons/search";import{InputText as v}from"primereact/inputtext";import{Ripple as y}from"primereact/ripple";function h(){return h=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},h.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 O(e){var t=x(e,"string");return"symbol"===g(t)?t:String(t)}function E(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(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){if(Array.isArray(e))return I(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function D(e,t){if(e){if("string"==typeof e)return I(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)?I(e,t):void 0}}function F(){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 P(e){return S(e)||w(e)||D(e)||F()}function L(e){throw new TypeError('"'+e+'" is read-only')}function j(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function T(){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 C(e,t){return j(e)||N(e,t)||D(e,t)||T()}var k,K={itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:"p-listbox-list",wrapper:function(e){return c("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return c("p-listbox p-component",{"p-disabled":t.disabled,"p-invalid":t.invalid},t.className)},item:function(e){var t=e.props;return c("p-listbox-item",{"p-highlight":t.selected,"p-focus":t.focusedOptionIndex===t.index,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},M={itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}},A=o.extend({defaultProps:(k={__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,selectOnFocus:!1,id:null,itemTemplate:null,invalid:!1,listClassName:null,listStyle:null,metaKeySelection:!1},E(E(E(E(E(E(E(E(E(E(k,"selectOnFocus",!1),"autoOptionFocus",!1),"multiple",!1),"onChange",null),"onFilterValueChange",null),"optionDisabled",null),"optionGroupChildren",null),"optionGroupLabel",null),"optionGroupTemplate",null),"optionLabel",null),E(E(E(E(E(E(E(E(E(k,"optionValue",null),"options",null),"style",null),"tabIndex",0),"tooltip",null),"tooltipOptions",null),"value",null),"virtualScrollerOptions",null),"children",void 0)),css:{classes:K,styles:"\n@layer primereact {\n    .p-listbox-list-wrapper {\n        overflow: auto;\n    }\n    \n    .p-listbox-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-listbox-item {\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n        outline: none;\n    }\n    \n    .p-listbox-filter-container {\n        position: relative;\n    }\n    \n    .p-listbox-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-listbox-filter {\n        width: 100%;\n    }\n}\n",inlineStyles:M}});function G(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 V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=e.memo((function(t){var n=i(),r=t.ptCallbacks,o=r.ptm,l=r.cx,a=function(e,n){return o(e,V({hostName:t.hostName},n))},u={filter:function(e){return c(e)},reset:function(){return t.resetFilter()}},c=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},f=function(){var r=n({className:l("filterIcon")},a("filterIcon")),i=s.getJSXIcon(t.filterIcon||e.createElement(b,r),V({},r),{props:t}),f=n({className:l("header")},a("header")),d=n({className:l("filterContainer")},a("filterContainer")),m=e.createElement("div",d,e.createElement(v,h({type:"text",value:t.filter,onChange:c,className:l("filterInput"),disabled:t.disabled,placeholder:t.filterPlaceholder},t.filterInputProps,{pt:o("filterInput"),unstyled:t.unstyled,__parentMetadata:{parent:t.metaData}})),i);t.filterTemplate&&(m=p.getJSXElement(t.filterTemplate,{className:"p-listbox-filter-container",element:m,filterOptions:u,filterInputChange:c,filterIconClassName:"p-dropdown-filter-icon",props:t}));return e.createElement("div",f,m)}();return e.createElement(e.Fragment,null,f)}));R.displayName="ListBoxHeader";var _=e.memo((function(t){var n=C(e.useState(!1),2),r=n[0],o=n[1],l=i(),a=t.ptCallbacks,u=a.ptm,c=a.cx,s=t.template?p.getJSXElement(t.template,t.option):t.label,f=l({id:t.id,className:c("item",{props:t}),style:t.style,onClick:function(e){return t.onClick(e,t.option,t.index)},onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onFocus:function(e){o(!0)},onBlur:function(e){o(!1)},tabIndex:"-1","aria-label":t.label,key:t.optionKey,role:"option","aria-selected":t.selected,"aria-disabled":t.disabled,"data-p-disabled":t.disabled},u("item",{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled,focused:r,focusedOptionIndex:t.focusedOptionIndex}}));return e.createElement("li",f,s,e.createElement(y,null))}));function B(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 q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function J(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=U(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function U(e,t){if(e){if("string"==typeof e)return X(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)?X(e,t):void 0}}function X(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}_.displayName="ListBoxItem";var z=e.memo(e.forwardRef((function(o,c){var s=i(),b=e.useContext(t),v=A.getProps(o,b),y=C(e.useState(null),2),g=y[0],x=y[1],O=e.useRef(null),E=e.useRef(null),I=e.useRef(null),S=C(e.useState(-1),2),w=S[0],D=S[1],F=C(e.useState(""),2),j=F[0],N=F[1],T=e.useRef(null),k=e.useRef(null),K=e.useRef(null),M=e.useRef(null),G=e.useRef(!1),V=(v.onFilterValueChange?v.filterValue:j)||"",B=V&&V.trim().length>0,U={props:v,state:{filterValue:V}},X=A.setMetaData(U);l(A.css.styles,X.isUnstyled,{name:"listbox"});var z=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;v.disabled||Ne(t)||(v.multiple?W(e.originalEvent,t):$(e.originalEvent,t),G.current=!1,-1!==n&&x(n))},H=function(){v.disabled||(G.current=!0)},$=function(e,t){var n=Fe(t),r=!1,o=null;!G.current&&v.metaKeySelection?n?(e.metaKey||e.ctrlKey)&&(o=null,r=!0):(o=Le(t),r=!0):(o=n?null:Le(t),r=!0);r&&Ee(e,o)},W=function(e,t){var n=Fe(t),r=!1,o=null;if(!G&&v.metaKeySelection){var l=e.metaKey||e.ctrlKey;n?(o=l?Ie(t):[Le(t)],r=!0):(o=[].concat(P(o=l&&v.value||[]),[Le(t)]),r=!0)}else o=n?Ie(t):[].concat(P(v.value||[]),[Le(t)]),r=!0;r&&v.onChange({originalEvent:e,value:o,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:o}})},Y=function(){return p.isNotEmpty(v.value)},Q=function(e){return v.optionGroupLabel&&e.optionGroup&&e.group},Z=function(e){return p.isNotEmpty(e)&&!(Ne(e)||Q(e))},ee=function(e){return Z(e)&&Fe(e)},te=function(){return Ge.findIndex((function(e){return Z(e)}))},ne=function(e){var t=-1;return Y&&(t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?-1===(t=ie(e))?le(e):t:-1===(t=le(e))?ie(e):t),t>-1?t:e},re=function(e){var t;return Z(e)&&(null===(t=Pe(e))||void 0===t?void 0:t.toLocaleLowerCase(v.filterLocale).startsWith(searchValue.toLocaleLowerCase(v.filterLocale)))},oe=function(e,t){searchValue=(searchValue||"")+t;var n=-1;p.isNotEmpty(searchValue)&&(-1===(n=-1!==g?-1===(n=Ge.slice(g).findIndex((function(e){return re(e)})))?Ge.slice(0,g).findIndex((function(e){return re(e)})):n+g:Ge.findIndex((function(e){return re(e)})))&&-1===g&&(n=ue()),-1!==n&&ce(e,n)),O.current&&clearTimeout(O.current),O.current=setTimeout((function(){searchValue="",O.current=null}),500)},le=function(e){var t=Y&&e<Ge.length-1?Ge.slice(e+1).findIndex((function(e){return ee(e)})):-1;return t>-1?t+e+1:-1},ie=function(e){var t=Y&&e>0?p.findLastIndex(Ge.slice(0,e),(function(e){return ee(e)})):-1;return t>-1?t:-1},ae=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=ne(n,!0)),-1===n&&(n=ne(t)),-1!==t&&-1!==n){var r=Math.min(t,n),o=Math.max(t,n),l=Ge.slice(r,o+1).filter((function(e){return Z(e)})).map((function(e){return Le(e)}));Ee(e,l)}},ue=function(){var e=findFirstSelectedOptionIndex();return e<0?te():e},ce=function(e,t){g!==t&&(x(t),ge(),e&&v.selectOnFocus&&!v.multiple&&z(e,Ge[t]))},se=function(e){var t,n,r=-1!==g?(n=(t=g)<Ge.length-1?Ge.slice(t+1).findIndex((function(e){return Z(e)})):-1)>-1?n+t+1:t:ue();v.multiple&&e.shiftKey&&ae(e,w,r),ce(e,r),e.preventDefault()},pe=function(e){var t,n,r=-1!==g?(n=(t=g)>0?p.findLastIndex(Ge.slice(0,t),(function(e){return Z(e)})):-1)>-1?n:t:findLastFocusedOptionIndex();v.multiple&&e.shiftKey&&ae(e,r,w),ce(e,r),e.preventDefault()},fe=function(e){-1!==g&&(v.multiple&&e.shiftKey?ae(e,g):z(e,Ge[g])),e.preventDefault()},de=function(e){fe(e)},me=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1])e.currentTarget.setSelectionRange(0,0),x(-1);else{var t=e.metaKey||e.ctrlKey,n=te();v.multiple&&e.shiftKey&&t&&ae(e,n,w),ce(e,n)}e.preventDefault()},be=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var t=e.currentTarget,n=t.value.length;t.setSelectionRange(n,n),L("focusedOptionIndex")}else{var r=e.metaKey||e.ctrlKey,o=p.findLastIndex(Ge,(function(e){return Z(e)}));v.multiple&&e.shiftKey&&r&&ae(e,w,o),ce(e,o)}e.preventDefault()},ve=function(e){ge(0),e.preventDefault()},ye=function(e){ge(Ge.length-1),e.preventDefault()},he=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":se(e);break;case"ArrowUp":pe(e);break;case"Home":me(e);break;case"End":be(e);break;case"PageDown":ye(e);break;case"PageUp":ve(e);break;case"Enter":case"NumpadEnter":case"Space":de(e),e.preventDefault();break;case"Tab":break;case"ShiftLeft":case"ShiftRight":D(g);break;default:if(v.multiple&&"KeyA"===e.code&&t){var n=Ge.filter((function(e){return Z(e)})).map((function(e){return Le(e)}));Ee(e,n),e.preventDefault();break}!t&&p.isPrintableCharacter(e.key)&&(oe(e,e.key),e.preventDefault())}},ge=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1;setTimeout((function(){var t=-1!==e?"".concat(K.current,"_").concat(e):-1!==g?"".concat(K.current,"_").concat(g):null,n=M.current.querySelector('li[id="'.concat(t,'"]'));n?n.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}):v.virtualScrollerOptions&&k.current&&k.current.scrollToIndex(-1!==e?e:v.focusedOptionIndex)}),0)},xe=function(e){k.current&&k.current.scrollToIndex(0);var t=e.value;v.onFilterValueChange?v.onFilterValueChange({originalEvent:e.originalEvent,value:t}):N(t)},Oe=function(){N(""),v.onFilter&&v.onFilter({filter:""})},Ee=function(e,t){v.onChange&&v.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:t}})},Ie=function(e){return v.value.filter((function(t){return!p.equals(t,Le(e),v.dataKey)}))},Se=function(){if(null!=v.value&&Ge){if(!v.optionGroupLabel)return De(v.value,Ge);for(var e=0;e<Ge.length;e++){var t=De(v.value,Ce(Ge[e]));if(-1!==t)return{group:e,option:t}}}return-1},we=function(){return v.optionValue?null:v.dataKey},De=function(e,t){var n=we();return t.findIndex((function(t){return p.equals(e,Le(t),n)}))},Fe=function(e){var t=Le(e),n=we();return v.multiple&&v.value?v.value.some((function(e){return p.equals(e,t,n)})):p.equals(v.value,t,n)},Pe=function(e){return v.optionLabel?p.resolveFieldData(e,v.optionLabel):e&&void 0!==e.label?e.label:e},Le=function(e){return v.optionValue?p.resolveFieldData(e,v.optionValue):e&&void 0!==e.value?e.value:e},je=function(e){return v.dataKey?p.resolveFieldData(e,v.dataKey):Pe(e)},Ne=function(e){return v.optionDisabled?p.isFunction(v.optionDisabled)?v.optionDisabled(e):p.resolveFieldData(e,v.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Te=function(e){return p.resolveFieldData(e,v.optionGroupLabel)},Ce=function(e){return p.resolveFieldData(e,v.optionGroupChildren)},ke=function(){if(k.current){var e=Se();-1!==e&&setTimeout((function(){return k.current.scrollToIndex(e)}),0)}};e.useImperativeHandle(c,(function(){return{props:v,focus:function(){return f.focusFirstElement(T.current)},getElement:function(){return T.current},getVirtualScroller:function(){return k.current}}})),a((function(){ke(),K.current=d()}));var Ke=function(t,n){return Ce(t).map((function(t,r){var o=Pe(t),l=r+"_"+je(t),i=Ne(t);return e.createElement(_,{id:K.current+"_"+r,hostName:"ListBox",optionKey:l,key:l,label:o,option:t,style:n,template:v.itemTemplate,selected:Fe(t),onClick:z,index:r,focusedOptionIndex:g,onTouchEnd:H,disabled:i,ptCallbacks:X,metaData:U})}))},Me=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(v.optionGroupLabel){var l=v.optionGroupTemplate?p.getJSXElement(v.optionGroupTemplate,t,n):p.resolveFieldData(t,v.optionGroupLabel),i=Ke(t,o),a=n+"_"+Te(t),u=s({className:X.cx("itemGroup"),style:X.sx("itemGroup",{scrollerOptions:r}),role:"group"},X.ptm("itemGroup"));return e.createElement(e.Fragment,{key:a},e.createElement("li",u,l),i)}var c=Pe(t),f=n+"_"+je(t),d=Ne(t);return e.createElement(_,{id:K.current+"_"+n,hostName:"ListBox",optionKey:f,key:f,label:c,index:n,focusedOptionIndex:g,option:t,style:o,template:v.itemTemplate,selected:Fe(t),onClick:z,onTouchEnd:H,disabled:d,ptCallbacks:X,metaData:U})},Ae=function(t,n){var o=s({className:X.cx("emptyMessage")},X.ptm("emptyMessage")),l=p.getJSXElement(t,v)||r(n?"emptyFilterMessage":"emptyMessage");return e.createElement("li",o,l)},Ge=function(){if(B){var e=V.trim().toLocaleLowerCase(v.filterLocale),t=v.filterBy?v.filterBy.split(","):[v.optionLabel||"label"];if(v.optionGroupLabel){var r,o=[],l=J(v.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=n.filter(Ce(i),t,e,v.filterMatchMode,v.filterLocale);a&&a.length&&o.push(q(q({},i),{items:a}))}}catch(e){l.e(e)}finally{l.f()}return o}return n.filter(v.options,t,e,v.filterMatchMode,v.filterLocale)}return v.options}(),Ve=p.isNotEmpty(v.tooltip),Re=A.getOtherProps(v),_e=p.reduceKeys(Re,f.ARIA_PROPS),Be=function(){if(v.virtualScrollerOptions){var t=q(q({},v.virtualScrollerOptions),{items:Ge,onLazyLoad:function(e){return v.virtualScrollerOptions.onLazyLoad(q(q({},e),{filter:Ge}))},itemTemplate:function(e,t){return e&&Me(e,t.index,t)},contentTemplate:function(t){var n=s(q({ref:M,style:X.sx("list",{options:t}),className:X.cx("list",{options:t}),role:"listbox",tabIndex:"-1","aria-multiselectable":v.multiple},_e),X.ptm("list"));return e.createElement("ul",n,t.children)}});return e.createElement(m,h({ref:k},t,{pt:X.ptm("virtualScroller")}))}var n=p.isNotEmpty(Ge)?Ge.map(Me):B?Ae(v.emptyFilterMessage,!0):Ae(v.emptyMessage),r=s(q({ref:M,className:X.cx("list"),role:"listbox","aria-multiselectable":v.multiple,tabIndex:"-1",onKeyDown:he},_e),X.ptm("list"));return e.createElement("ul",r,n)}(),qe=v.filter?e.createElement(R,{hostName:"ListBox",filter:V,filterIcon:v.filterIcon,onFilter:xe,resetFilter:Oe,filterTemplate:v.filterTemplate,disabled:v.disabled,filterPlaceholder:v.filterPlaceholder,filterInputProps:v.filterInputProps,ptCallbacks:X,metaData:U}):null,Je=s({className:X.cx("wrapper"),style:v.listStyle},X.ptm("wrapper")),Ue=s({ref:T,id:v.id,className:X.cx("root"),style:v.style},A.getOtherProps(v),X.ptm("root")),Xe=s({ref:E,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:v.disabled?-1:v.tabIndex,onFocus:function(){f.focus(M.current);var e=f.getFirstFocusableElement(T.current,':not([data-p-hidden-focusable="true"])');I.current.tabIndex=f.isElement(e)?void 0:-1,E.current.tabIndex=-1,ce(null,0)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},X.ptm("hiddenFirstFocusableEl")),ze=s({ref:I,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:v.disabled?-1:v.tabIndex,onFocus:function(e){if(e.relatedTarget===M.current){var t=f.getFirstFocusableElement(T.current,':not([data-p-hidden-focusable="true"])');f.focus(t),E.current.tabIndex=void 0}else f.focus(E.current);I.current.tabIndex=-1},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},X.ptm("hiddenLastFocusableEl"));return e.createElement(e.Fragment,null,e.createElement("div",Ue,e.createElement("span",Xe),qe,e.createElement("div",Je,Be),e.createElement("span",ze)),Ve&&e.createElement(u,h({target:T,content:v.tooltip,pt:X.ptm("tooltip")},v.tooltipOptions)))})));z.displayName="ListBox";export{z as ListBox};
+import*as e from"react";import{PrimeReactContext as t,FilterService as n,localeOption as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as l,useMountEffect as a}from"primereact/hooks";import{Tooltip as u}from"primereact/tooltip";import{classNames as c,IconUtils as s,ObjectUtils as p,DomHandler as f,UniqueComponentId as d}from"primereact/utils";import{VirtualScroller as m}from"primereact/virtualscroller";import{SearchIcon as v}from"primereact/icons/search";import{InputText as b}from"primereact/inputtext";import{Ripple as y}from"primereact/ripple";function h(){return h=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},h.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 O(e){var t=x(e,"string");return"symbol"===g(t)?t:String(t)}function E(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(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){if(Array.isArray(e))return I(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function D(e,t){if(e){if("string"==typeof e)return I(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)?I(e,t):void 0}}function F(){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 P(e){return S(e)||w(e)||D(e)||F()}function L(e){throw new TypeError('"'+e+'" is read-only')}function j(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,a=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return a}}function T(){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 C(e,t){return j(e)||N(e,t)||D(e,t)||T()}var M=o.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,focusOnHover:!0,id:null,itemTemplate:null,invalid:!1,listClassName:null,listStyle:null,metaKeySelection:!1,selectOnFocus:!1,autoOptionFocus:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:"p-listbox-list",wrapper:function(e){return c("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return c("p-listbox p-component",{"p-disabled":t.disabled,"p-invalid":t.invalid},t.className)},item:function(e){var t=e.props;return c("p-listbox-item",{"p-highlight":t.selected,"p-focus":t.focusedOptionIndex===t.index,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n    .p-listbox-list-wrapper {\n        overflow: auto;\n    }\n    \n    .p-listbox-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-listbox-item {\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n        outline: none;\n    }\n    \n    .p-listbox-filter-container {\n        position: relative;\n    }\n    \n    .p-listbox-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-listbox-filter {\n        width: 100%;\n    }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});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 k(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){E(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 A=e.memo((function(t){var n=l(),r=t.ptCallbacks,o=r.ptm,i=r.cx,a=function(e,n){return o(e,k({hostName:t.hostName},n))},u={filter:function(e){return c(e)},reset:function(){return t.resetFilter()}},c=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},f=function(){var r=n({className:i("filterIcon")},a("filterIcon")),l=s.getJSXIcon(t.filterIcon||e.createElement(v,r),k({},r),{props:t}),f=n({className:i("header")},a("header")),d=n({className:i("filterContainer")},a("filterContainer")),m=e.createElement("div",d,e.createElement(b,h({type:"text",value:t.filter,onChange:c,className:i("filterInput"),disabled:t.disabled,placeholder:t.filterPlaceholder},t.filterInputProps,{pt:o("filterInput"),unstyled:t.unstyled,__parentMetadata:{parent:t.metaData}})),l);t.filterTemplate&&(m=p.getJSXElement(t.filterTemplate,{className:"p-listbox-filter-container",element:m,filterOptions:u,filterInputChange:c,filterIconClassName:"p-dropdown-filter-icon",props:t}));return e.createElement("div",f,m)}();return e.createElement(e.Fragment,null,f)}));A.displayName="ListBoxHeader";var G=e.memo((function(t){var n=C(e.useState(!1),2),r=n[0],o=n[1],i=l(),a=t.ptCallbacks,u=a.ptm,c=a.cx,s=t.template?p.getJSXElement(t.template,t.option):t.label,f=i({id:t.id,className:c("item",{props:t}),style:t.style,onClick:function(e){return t.onClick(e,t.option,t.index)},onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onFocus:function(e){o(!0)},onBlur:function(e){o(!1)},tabIndex:"-1",onMouseDown:function(e){return t.onOptionMouseDown(e,t.index)},onMouseMove:function(e){return t.onOptionMouseMove(e,t.index)},"aria-label":t.label,key:t.optionKey,role:"option","aria-selected":t.selected,"aria-disabled":t.disabled,"data-p-disabled":t.disabled},u("item",{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled,focused:r,focusedOptionIndex:t.focusedOptionIndex}}));return e.createElement("li",f,s,e.createElement(y,null))}));function R(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 B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function V(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=_(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,l=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){a=!0,i=e},f:function(){try{l||null==n.return||n.return()}finally{if(a)throw i}}}}function _(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 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}G.displayName="ListBoxItem";var J=e.memo(e.forwardRef((function(o,c){var s=l(),v=e.useContext(t),b=M.getProps(o,v),y=C(e.useState(null),2),g=y[0],x=y[1],O=e.useRef(null),E=e.useRef(null),I=e.useRef(null),S=C(e.useState(-1),2),w=S[0],D=S[1],F=C(e.useState(!1),2),j=F[0],N=F[1],T=C(e.useState(""),2),K=T[0],k=T[1],R=C(e.useState(""),2),_=R[0],H=R[1],J=e.useRef(null),U=e.useRef(null),X=e.useRef(null),q=e.useRef(null),z=e.useRef(!1),$=(b.onFilterValueChange?b.filterValue:K)||"",W=$&&$.trim().length>0,Y={props:b,state:{filterValue:$}},Q=M.setMetaData(Y);i(M.css.styles,Q.isUnstyled,{name:"listbox"});var Z=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;b.disabled||He(t)||(b.multiple?oe(e.originalEvent,t):re(e.originalEvent,t),z.current=!1,-1!==n&&x(n))},ee=function(e,t){ge(e,t)},te=function(e,t){b.focusOnHover&&j&&ge(e,t)},ne=function(){b.disabled||(z.current=!0)},re=function(e,t){var n=Re(t),r=!1,o=null;!z.current&&b.metaKeySelection?n?(e.metaKey||e.ctrlKey)&&(o=null,r=!0):(o=Ve(t),r=!0):(o=n?null:Ve(t),r=!0);r&&Ce(e,o)},oe=function(e,t){var n=Re(t),r=!1,o=null;if(!z&&b.metaKeySelection){var i=e.metaKey||e.ctrlKey;n?(o=i?Me(t):[Ve(t)],r=!0):(o=[].concat(P(o=i&&b.value||[]),[Ve(t)]),r=!0)}else o=n?Me(t):[].concat(P(b.value||[]),[Ve(t)]),r=!0;r&&b.onChange({originalEvent:e,value:o,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:b.name,id:b.id,value:o}})},ie=function(){return p.isNotEmpty(b.value)},le=function(e){return b.optionGroupLabel&&e.optionGroup&&e.group},ae=function(e){return p.isNotEmpty(e)&&!(He(e)||le(e))},ue=function(e){return ae(e)&&Re(e)},ce=function(){return Qe.findIndex((function(e){return ae(e)}))},se=function(){if(ie()){if(!b.multiple)return Qe.findIndex((function(e){return ue(e)}));for(var e,t=function(){var e=b.value[n],t=Qe.findIndex((function(t){return ue(t)&&Ge(e,Ve(t))}));if(t>-1)return{v:t}},n=b.value.length-1;n>=0;n--)if(e=t())return e.v}return-1},pe=function(){return p.findLastIndex(Qe,(function(e){return ae(e)}))},fe=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=-1;return ie()&&(n=t?-1===(n=be(e))?ve(e):n:-1===(n=ve(e))?be(e):n),n>-1?n:e},de=function(e){var t;return ae(e)&&(null===(t=Be(e))||void 0===t?void 0:t.toLocaleLowerCase(b.filterLocale).startsWith(_.toLocaleLowerCase(b.filterLocale)))},me=function(e,t){H((_||"")+t);var n=-1;p.isNotEmpty(_)&&(-1===(n=-1!==g?-1===(n=Qe.slice(g).findIndex((function(e){return de(e)})))?Qe.slice(0,g).findIndex((function(e){return de(e)})):n+g:Qe.findIndex((function(e){return de(e)})))&&-1===g&&(n=he()),-1!==n&&ge(e,n)),O.current&&clearTimeout(O.current),O.current=setTimeout((function(){H(""),O.current=null}),500)},ve=function(e){var t=ie()&&e<Qe.length-1?Qe.slice(e+1).findIndex((function(e){return ue(e)})):-1;return t>-1?t+e+1:-1},be=function(e){var t=ie()&&e>0?p.findLastIndex(Qe.slice(0,e),(function(e){return ue(e)})):-1;return t>-1?t:-1},ye=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=fe(n,!0)),-1===n&&(n=fe(t)),-1!==t&&-1!==n){var r=Math.min(t,n),o=Math.max(t,n),i=Qe.slice(r,o+1).filter((function(e){return ae(e)})).map((function(e){return Ve(e)}));Ce(e,i)}},he=function(){var e=ie()?Qe.findIndex((function(e){return ue(e)})):-1;return e<0?ce():e},ge=function(e,t){g!==t&&(x(t),Le(),e&&b.selectOnFocus&&!b.multiple&&Z(e,Qe[t]))},xe=function(e){var t,n,r=-1!==g?(n=(t=g)<Qe.length-1?Qe.slice(t+1).findIndex((function(e){return ae(e)})):-1)>-1?n+t+1:t:he();b.multiple&&e.shiftKey&&ye(e,w,r),ge(e,r),e.preventDefault()},Oe=function(e){var t,n,r,o=-1!==g?(r=(n=g)>0?p.findLastIndex(Qe.slice(0,n),(function(e){return ae(e)})):-1)>-1?r:n:(t=ie()?p.findLastIndex(Qe,(function(e){return ue(e)})):-1)<0?pe():t;b.multiple&&e.shiftKey&&ye(e,o,w),ge(e,o),e.preventDefault()},Ee=function(e){-1!==g&&(b.multiple&&e.shiftKey?ye(e,g):Z(e,Qe[g])),e.preventDefault()},Ie=function(e){Ee(e)},Se=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1])e.currentTarget.setSelectionRange(0,0),x(-1);else{var t=e.metaKey||e.ctrlKey,n=ce();b.multiple&&e.shiftKey&&t&&ye(e,n,w),ge(e,n)}e.preventDefault()},we=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var t=e.currentTarget,n=t.value.length;t.setSelectionRange(n,n),L("focusedOptionIndex")}else{var r=e.metaKey||e.ctrlKey,o=pe();b.multiple&&e.shiftKey&&r&&ye(e,w,o),ge(e,o)}e.preventDefault()},De=function(e){Le(0),e.preventDefault()},Fe=function(e){Le(Qe.length-1),e.preventDefault()},Pe=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":xe(e);break;case"ArrowUp":Oe(e);break;case"Home":Se(e);break;case"End":we(e);break;case"PageDown":Fe(e);break;case"PageUp":De(e);break;case"Enter":case"NumpadEnter":case"Space":Ie(e),e.preventDefault();break;case"Tab":break;case"ShiftLeft":case"ShiftRight":D(g);break;default:if(b.multiple&&"KeyA"===e.code&&t){var n=Qe.filter((function(e){return ae(e)})).map((function(e){return Ve(e)}));Ce(e,n),e.preventDefault();break}!t&&p.isPrintableCharacter(e.key)&&(me(e,e.key),e.preventDefault())}},Le=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1;setTimeout((function(){var t=-1!==e?"".concat(X.current,"_").concat(e):-1!==g?"".concat(X.current,"_").concat(g):null,n=q.current.querySelector('li[id="'.concat(t,'"]'));n?n.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}):b.virtualScrollerOptions&&U.current&&U.current.scrollToIndex(-1!==e?e:g)}),0)},je=function(e){U.current&&U.current.scrollToIndex(0);var t=e.value;b.onFilterValueChange?b.onFilterValueChange({originalEvent:e.originalEvent,value:t}):k(t)},Ne=function(){k(""),b.onFilter&&b.onFilter({filter:""})},Te=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:j;if(b.selectOnFocus&&b.autoOptionFocus&&!ie()&&!b.multiple&&e){var t=he();Z(null,Qe[t]),x(t)}},Ce=function(e,t){b.onChange&&b.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:b.name,id:b.id,value:t}})},Me=function(e){return b.value.filter((function(t){return!p.equals(t,Ve(e),b.dataKey)}))},Ke=function(){if(null!=b.value&&Qe){if(!b.optionGroupLabel)return Ae(b.value,Qe);for(var e=0;e<Qe.length;e++){var t=Ae(b.value,qe(Qe[e]));if(-1!==t)return{group:e,option:t}}}return-1},ke=function(){return b.optionValue?null:b.dataKey},Ae=function(e,t){var n=ke();return t.findIndex((function(t){return p.equals(e,Ve(t),n)}))},Ge=function(e,t){return p.equals(e,t,ke())},Re=function(e){var t=Ve(e);return b.multiple?(b.value||[]).some((function(e){return Ge(e,t)})):Ge(b.value,t)},Be=function(e){return b.optionLabel?p.resolveFieldData(e,b.optionLabel):e&&void 0!==e.label?e.label:e},Ve=function(e){return b.optionValue?p.resolveFieldData(e,b.optionValue):e&&void 0!==e.value?e.value:e},_e=function(e){return b.dataKey?p.resolveFieldData(e,b.dataKey):Be(e)},He=function(e){return b.optionDisabled?p.isFunction(b.optionDisabled)?b.optionDisabled(e):p.resolveFieldData(e,b.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Je=function(){N(!0),x(-1!==g?g:b.autoOptionFocus?he():se()),Te(!0)},Ue=function(e){N(!1),x(-1),D(-1),H("")},Xe=function(e){return p.resolveFieldData(e,b.optionGroupLabel)},qe=function(e){return p.resolveFieldData(e,b.optionGroupChildren)},ze=function(){if(U.current){var e=Ke();-1!==e&&setTimeout((function(){return U.current.scrollToIndex(e)}),0)}};e.useImperativeHandle(c,(function(){return{props:b,focus:function(){return f.focusFirstElement(J.current)},getElement:function(){return J.current},getVirtualScroller:function(){return U.current}}})),a((function(){ze(),X.current=d()}));var $e=function(t,n){return qe(t).map((function(t,r){var o=Be(t),i=r+"_"+_e(t),l=He(t);return e.createElement(G,{id:X.current+"_"+r,hostName:"ListBox",optionKey:i,key:i,label:o,option:t,style:n,template:b.itemTemplate,selected:Re(t),onOptionMouseDown:ee,onOptionMouseMove:te,onClick:Z,index:r,focusedOptionIndex:g,onTouchEnd:ne,disabled:l,ptCallbacks:Q,metaData:Y})}))},We=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(b.optionGroupLabel){var i=b.optionGroupTemplate?p.getJSXElement(b.optionGroupTemplate,t,n):p.resolveFieldData(t,b.optionGroupLabel),l=$e(t,o),a=n+"_"+Xe(t),u=s({className:Q.cx("itemGroup"),style:Q.sx("itemGroup",{scrollerOptions:r}),role:"group"},Q.ptm("itemGroup"));return e.createElement(e.Fragment,{key:a},e.createElement("li",u,i),l)}var c=Be(t),f=n+"_"+_e(t),d=He(t);return e.createElement(G,{id:X.current+"_"+n,hostName:"ListBox",optionKey:f,key:f,label:c,index:n,onOptionMouseDown:ee,onOptionMouseMove:te,focusedOptionIndex:g,option:t,style:o,template:b.itemTemplate,selected:Re(t),onClick:Z,onTouchEnd:ne,disabled:d,ptCallbacks:Q,metaData:Y})},Ye=function(t,n){var o=s({className:Q.cx("emptyMessage")},Q.ptm("emptyMessage")),i=p.getJSXElement(t,b)||r(n?"emptyFilterMessage":"emptyMessage");return e.createElement("li",o,i)},Qe=function(){if(W){var e=$.trim().toLocaleLowerCase(b.filterLocale),t=b.filterBy?b.filterBy.split(","):[b.optionLabel||"label"];if(b.optionGroupLabel){var r,o=[],i=V(b.options);try{for(i.s();!(r=i.n()).done;){var l=r.value,a=n.filter(qe(l),t,e,b.filterMatchMode,b.filterLocale);a&&a.length&&o.push(B(B({},l),{items:a}))}}catch(e){i.e(e)}finally{i.f()}return o}return n.filter(b.options,t,e,b.filterMatchMode,b.filterLocale)}return b.options}(),Ze=p.isNotEmpty(b.tooltip),et=M.getOtherProps(b),tt=p.reduceKeys(et,f.ARIA_PROPS),nt=function(){if(b.virtualScrollerOptions){var t=B(B({},b.virtualScrollerOptions),{items:Qe,onLazyLoad:function(e){return b.virtualScrollerOptions.onLazyLoad(B(B({},e),{filter:Qe}))},itemTemplate:function(e,t){return e&&We(e,t.index,t)},contentTemplate:function(t){var n=s(B({ref:q,style:Q.sx("list",{options:t}),className:Q.cx("list",{options:t}),role:"listbox",tabIndex:"-1","aria-multiselectable":b.multiple,onFocus:Je,onBlur:Ue,onKeyDown:Pe},tt),Q.ptm("list"));return e.createElement("ul",n,t.children)}});return e.createElement(m,h({ref:U},t,{pt:Q.ptm("virtualScroller")}))}var n=p.isNotEmpty(Qe)?Qe.map(We):W?Ye(b.emptyFilterMessage,!0):Ye(b.emptyMessage),r=s(B({ref:q,className:Q.cx("list"),role:"listbox","aria-multiselectable":b.multiple,tabIndex:"-1",onFocus:Je,onBlur:Ue,onKeyDown:Pe},tt),Q.ptm("list"));return e.createElement("ul",r,n)}(),rt=b.filter?e.createElement(A,{hostName:"ListBox",filter:$,filterIcon:b.filterIcon,onFilter:je,resetFilter:Ne,filterTemplate:b.filterTemplate,disabled:b.disabled,filterPlaceholder:b.filterPlaceholder,filterInputProps:b.filterInputProps,ptCallbacks:Q,metaData:Y}):null,ot=s({className:Q.cx("wrapper"),style:b.listStyle},Q.ptm("wrapper")),it=s({ref:J,id:b.id,className:Q.cx("root"),style:b.style},M.getOtherProps(b),Q.ptm("root")),lt=s({ref:E,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:b.disabled?-1:b.tabIndex,onFocus:function(){f.focus(q.current);var e=f.getFirstFocusableElement(J.current,':not([data-p-hidden-focusable="true"])');I.current.tabIndex=f.isElement(e)?void 0:-1,E.current.tabIndex=-1,ge(null,0)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},Q.ptm("hiddenFirstFocusableEl")),at=s({ref:I,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:b.disabled?-1:b.tabIndex,onFocus:function(e){if(e.relatedTarget===q.current){var t=f.getFirstFocusableElement(J.current,':not([data-p-hidden-focusable="true"])');f.focus(t),E.current.tabIndex=void 0}else f.focus(E.current);I.current.tabIndex=-1},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},Q.ptm("hiddenLastFocusableEl"));return e.createElement(e.Fragment,null,e.createElement("div",it,e.createElement("span",lt),rt,e.createElement("div",ot,nt),e.createElement("span",at)),Ze&&e.createElement(u,h({target:J,content:b.tooltip,pt:Q.ptm("tooltip")},b.tooltipOptions)))})));J.displayName="ListBox";export{J as ListBox};