primereact 8.7.1 → 8.7.3

package/listbox/listbox.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FilterService } from 'primereact/api';
+import { FilterService, localeOption } from 'primereact/api';
 import { useMountEffect } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
 import { ObjectUtils, classNames, DomHandler } from 'primereact/utils';
@@ -11,20 +11,45 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -35,17 +60,14 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
 function _arrayLikeToArray$1(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -79,33 +101,33 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _nonIterableRest() {
@@ -125,7 +147,6 @@ var ListBoxHeader = /*#__PURE__*/React.memo(function (props) {
       return props.resetFilter();
     }
   };
-
   var onFilter = function onFilter(event) {
     if (props.onFilter) {
       props.onFilter({
@@ -134,7 +155,6 @@ var ListBoxHeader = /*#__PURE__*/React.memo(function (props) {
       });
     }
   };
-
   var createHeader = function createHeader() {
     var content = /*#__PURE__*/React.createElement("div", {
       className: "p-listbox-filter-container"
@@ -148,7 +168,6 @@ var ListBoxHeader = /*#__PURE__*/React.memo(function (props) {
     }, props.filterInputProps)), /*#__PURE__*/React.createElement("span", {
       className: "p-listbox-filter-icon pi pi-search"
     }));
-
     if (props.filterTemplate) {
       var defaultContentOptions = {
         className: 'p-listbox-filter-container',
@@ -160,12 +179,10 @@ var ListBoxHeader = /*#__PURE__*/React.memo(function (props) {
       };
       content = ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: "p-listbox-header"
     }, content);
   };
-
   var content = createHeader();
   return /*#__PURE__*/React.createElement(React.Fragment, null, content);
 });
@@ -179,10 +196,8 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
         option: props.option
       });
     }
-
     event.preventDefault();
   };
-
   var onTouchEnd = function onTouchEnd(event) {
     if (props.onTouchEnd) {
       props.onTouchEnd({
@@ -191,10 +206,8 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
       });
     }
   };
-
   var onKeyDown = function onKeyDown(event) {
     var item = event.currentTarget;
-
     switch (event.which) {
       //down
       case 40:
@@ -202,32 +215,29 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
         nextItem && nextItem.focus();
         event.preventDefault();
         break;
-      //up
 
+      //up
       case 38:
         var prevItem = findPrevItem(item);
         prevItem && prevItem.focus();
         event.preventDefault();
         break;
-      //enter
 
+      //enter
       case 13:
         onClick(event);
         event.preventDefault();
         break;
     }
   };
-
   var findNextItem = function findNextItem(item) {
     var nextItem = item.nextElementSibling;
     return nextItem ? DomHandler.hasClass(nextItem, 'p-disabled') || DomHandler.hasClass(nextItem, 'p-listbox-item-group') ? findNextItem(nextItem) : nextItem : null;
   };
-
   var findPrevItem = function findPrevItem(item) {
     var prevItem = item.previousElementSibling;
     return prevItem ? DomHandler.hasClass(prevItem, 'p-disabled') || DomHandler.hasClass(prevItem, 'p-listbox-item-group') ? findPrevItem(prevItem) : prevItem : null;
   };
-
   var className = classNames('p-listbox-item', {
     'p-highlight': props.selected,
     'p-disabled': props.disabled
@@ -250,54 +260,41 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
 ListBoxItem.displayName = 'ListBoxItem';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(''),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      filterValueState = _React$useState2[0],
-      setFilterValueState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    filterValueState = _React$useState2[0],
+    setFilterValueState = _React$useState2[1];
   var elementRef = React.useRef(null);
   var virtualScrollerRef = React.useRef(null);
   var optionTouched = React.useRef(false);
   var filteredValue = (props.onFilterValueChange ? props.filterValue : filterValueState) || '';
   var hasFilter = filteredValue && filteredValue.trim().length > 0;
-
   var onOptionSelect = function onOptionSelect(event) {
     var option = event.option;
-
     if (props.disabled || isOptionDisabled(option)) {
       return;
     }
-
     props.multiple ? onOptionSelectMultiple(event.originalEvent, option) : onOptionSelectSingle(event.originalEvent, option);
     optionTouched.current = false;
   };
-
   var onOptionTouchEnd = function onOptionTouchEnd() {
     if (props.disabled) {
       return;
     }
-
     optionTouched.current = true;
   };
-
   var onOptionSelectSingle = function onOptionSelectSingle(event, option) {
     var selected = isSelected(option);
     var valueChanged = false;
     var value = null;
     var metaSelection = optionTouched.current ? false : props.metaKeySelection;
-
     if (metaSelection) {
       var metaKey = event.metaKey || event.ctrlKey;
-
       if (selected) {
         if (metaKey) {
           value = null;
@@ -311,21 +308,17 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       value = selected ? null : getOptionValue(option);
       valueChanged = true;
     }
-
     if (valueChanged) {
       updateModel(event, value);
     }
   };
-
   var onOptionSelectMultiple = function onOptionSelectMultiple(event, option) {
     var selected = isSelected(option);
     var valueChanged = false;
     var value = null;
     var metaSelection = optionTouched ? false : props.metaKeySelection;
-
     if (metaSelection) {
       var metaKey = event.metaKey || event.ctrlKey;
-
       if (selected) {
         if (metaKey) value = removeOption(option);else value = [getOptionValue(option)];
         valueChanged = true;
@@ -338,7 +331,6 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       if (selected) value = removeOption(option);else value = [].concat(_toConsumableArray(props.value || []), [getOptionValue(option)]);
       valueChanged = true;
     }
-
     if (valueChanged) {
       props.onChange({
         originalEvent: event,
@@ -353,12 +345,10 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       });
     }
   };
-
   var onFilter = function onFilter(event) {
     virtualScrollerRef.current && virtualScrollerRef.current.scrollToIndex(0);
     var originalEvent = event.originalEvent,
-        value = event.value;
-
+      value = event.value;
     if (props.onFilterValueChange) {
       props.onFilterValueChange({
         originalEvent: originalEvent,
@@ -368,14 +358,12 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       setFilterValueState(value);
     }
   };
-
   var resetFilter = function resetFilter() {
     setFilterValueState('');
     props.onFilter && props.onFilter({
       filter: ''
     });
   };
-
   var updateModel = function updateModel(event, value) {
     if (props.onChange) {
       props.onChange({
@@ -391,19 +379,16 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       });
     }
   };
-
   var removeOption = function removeOption(option) {
     return props.value.filter(function (val) {
       return !ObjectUtils.equals(val, getOptionValue(option), props.dataKey);
     });
   };
-
   var getSelectedOptionIndex = function getSelectedOptionIndex() {
     if (props.value != null && visibleOptions) {
       if (props.optionGroupLabel) {
         for (var i = 0; i < visibleOptions.length; i++) {
           var selectedOptionIndex = findOptionIndexInList(props.value, getOptionGroupChildren(visibleOptions[i]));
-
           if (selectedOptionIndex !== -1) {
             return {
               group: i,
@@ -415,21 +400,17 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
         return findOptionIndexInList(props.value, visibleOptions);
       }
     }
-
     return -1;
   };
-
   var equalityKey = function equalityKey() {
     return props.optionValue ? null : props.dataKey;
   };
-
   var findOptionIndexInList = function findOptionIndexInList(value, list) {
     var key = equalityKey();
     return list.findIndex(function (item) {
       return ObjectUtils.equals(value, getOptionValue(item), key);
     });
   };
-
   var isSelected = function isSelected(option) {
     var optionValue = getOptionValue(option);
     var key = equalityKey();
@@ -437,55 +418,42 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       return ObjectUtils.equals(val, optionValue, key);
     }) : ObjectUtils.equals(props.value, optionValue, key);
   };
-
   var getOptionLabel = function getOptionLabel(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;
   };
-
   var getOptionRenderKey = function getOptionRenderKey(option) {
     return props.dataKey ? ObjectUtils.resolveFieldData(option, props.dataKey) : getOptionLabel(option);
   };
-
   var isOptionDisabled = function isOptionDisabled(option) {
     if (props.optionDisabled) {
       return ObjectUtils.isFunction(props.optionDisabled) ? props.optionDisabled(option) : ObjectUtils.resolveFieldData(option, props.optionDisabled);
     }
-
     return option && option['disabled'] !== undefined ? option['disabled'] : false;
   };
-
   var getOptionGroupRenderKey = function getOptionGroupRenderKey(optionGroup) {
     return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
   };
-
   var getOptionGroupLabel = function getOptionGroupLabel(optionGroup) {
     return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
   };
-
   var getOptionGroupChildren = function getOptionGroupChildren(optionGroup) {
     return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupChildren);
   };
-
   var getVisibleOptions = function getVisibleOptions() {
     if (hasFilter) {
       var filterValue = filteredValue.trim().toLocaleLowerCase(props.filterLocale);
       var searchFields = props.filterBy ? props.filterBy.split(',') : [props.optionLabel || 'label'];
-
       if (props.optionGroupLabel) {
         var filteredGroups = [];
-
         var _iterator = _createForOfIteratorHelper(props.options),
-            _step;
-
+          _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var optgroup = _step.value;
             var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
-
             if (filteredSubOptions && filteredSubOptions.length) {
               filteredGroups.push(_objectSpread(_objectSpread({}, optgroup), {
                 items: filteredSubOptions
@@ -497,7 +465,6 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
         } finally {
           _iterator.f();
         }
-
         return filteredGroups;
       } else {
         return FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
@@ -506,11 +473,9 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       return props.options;
     }
   };
-
   var scrollToSelectedIndex = function scrollToSelectedIndex() {
     if (virtualScrollerRef.current) {
       var selectedIndex = getSelectedOptionIndex();
-
       if (selectedIndex !== -1) {
         setTimeout(function () {
           return virtualScrollerRef.current.scrollToIndex(selectedIndex);
@@ -518,7 +483,6 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       }
     }
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -533,7 +497,6 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   useMountEffect(function () {
     scrollToSelectedIndex();
   });
-
   var createHeader = function createHeader() {
     return props.filter ? /*#__PURE__*/React.createElement(ListBoxHeader, {
       filter: filteredValue,
@@ -545,7 +508,6 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       filterInputProps: props.filterInputProps
     }) : null;
   };
-
   var createGroupChildren = function createGroupChildren(optionGroup, style) {
     var groupChildren = getOptionGroupChildren(optionGroup);
     return groupChildren.map(function (option, j) {
@@ -567,13 +529,11 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       });
     });
   };
-
   var createItem = function createItem(option, index) {
     var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     var style = {
       height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
     };
-
     if (props.optionGroupLabel) {
       var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : getOptionGroupLabel(option);
       var groupChildrenContent = createGroupChildren(option, style);
@@ -604,11 +564,20 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       });
     }
   };
-
   var createItems = function createItems() {
-    return visibleOptions ? visibleOptions.map(createItem) : null;
+    if (ObjectUtils.isNotEmpty(visibleOptions)) {
+      return visibleOptions.map(createItem);
+    } else if (hasFilter) {
+      return createEmptyMessage(props.emptyFilterMessage, true);
+    }
+    return createEmptyMessage(props.emptyMessage);
+  };
+  var createEmptyMessage = function createEmptyMessage(emptyMessage, isFilter) {
+    var message = ObjectUtils.getJSXElement(emptyMessage, props) || localeOption(isFilter ? 'emptyFilterMessage' : 'emptyMessage');
+    return /*#__PURE__*/React.createElement("li", {
+      className: "p-listbox-empty-message"
+    }, message);
   };
-
   var createList = function createList() {
     if (props.virtualScrollerOptions) {
       var virtualScrollerProps = _objectSpread(_objectSpread({}, props.virtualScrollerOptions), {
@@ -631,7 +600,6 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
           }, ariaProps), option.children);
         }
       });
-
       return /*#__PURE__*/React.createElement(VirtualScroller, _extends({
         ref: virtualScrollerRef
       }, virtualScrollerProps));
@@ -644,7 +612,6 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       }, ariaProps), items);
     }
   };
-
   var visibleOptions = getVisibleOptions();
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, ListBox.defaultProps);
@@ -671,38 +638,40 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
 ListBox.displayName = 'ListBox';
 ListBox.defaultProps = {
   __TYPE: 'ListBox',
-  id: null,
-  value: null,
-  options: null,
-  optionLabel: null,
-  optionValue: null,
-  optionDisabled: null,
-  optionGroupLabel: null,
-  optionGroupChildren: null,
-  optionGroupTemplate: null,
-  itemTemplate: null,
-  style: null,
-  listStyle: null,
-  listClassName: null,
   className: null,
-  virtualScrollerOptions: null,
-  disabled: null,
   dataKey: null,
-  multiple: false,
-  metaKeySelection: false,
+  disabled: null,
+  emptyFilterMessage: null,
+  emptyMessage: null,
   filter: false,
-  filterTemplate: null,
   filterBy: null,
-  filterValue: null,
+  filterInputProps: null,
+  filterLocale: undefined,
   filterMatchMode: 'contains',
   filterPlaceholder: null,
-  filterLocale: undefined,
-  filterInputProps: null,
+  filterTemplate: null,
+  filterValue: null,
+  id: null,
+  itemTemplate: null,
+  listClassName: null,
+  listStyle: null,
+  metaKeySelection: 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,
-  onChange: null,
-  onFilterValueChange: null
+  value: null,
+  virtualScrollerOptions: null
 };
 
 export { ListBox };

package/listbox/listbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{FilterService as t}from"primereact/api";import{useMountEffect as n}from"primereact/hooks";import{Tooltip as r}from"primereact/tooltip";import{ObjectUtils as l,classNames as o,DomHandler as i}from"primereact/utils";import{VirtualScroller as a}from"primereact/virtualscroller";import{InputText as u}from"primereact/inputtext";import{Ripple as c}from"primereact/ripple";function s(){return s=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},s.apply(this,arguments)}function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(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 m(e){if(Array.isArray(e))return f(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function b(){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 y(e){return m(e)||d(e)||v(e)||b()}function h(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){a=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw l}}return o}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var x=e.memo((function(t){var n={filter:function(e){return r(e)},reset:function(){return t.resetFilter()}},r=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},o=function(){var o=e.createElement("div",{className:"p-listbox-filter-container"},e.createElement(u,s({type:"text",value:t.filter,onChange:r,className:"p-listbox-filter",disabled:t.disabled,placeholder:t.filterPlaceholder},t.filterInputProps)),e.createElement("span",{className:"p-listbox-filter-icon pi pi-search"}));t.filterTemplate&&(o=l.getJSXElement(t.filterTemplate,{className:"p-listbox-filter-container",element:o,filterOptions:n,filterInputChange:r,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:t}));return e.createElement("div",{className:"p-listbox-header"},o)}();return e.createElement(e.Fragment,null,o)}));x.displayName="ListBoxHeader";var O=e.memo((function(t){var n=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},r=function e(t){var n=t.nextElementSibling;return n?i.hasClass(n,"p-disabled")||i.hasClass(n,"p-listbox-item-group")?e(n):n:null},a=function e(t){var n=t.previousElementSibling;return n?i.hasClass(n,"p-disabled")||i.hasClass(n,"p-listbox-item-group")?e(n):n:null},u=o("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className),s=t.template?l.getJSXElement(t.template,t.option):t.label;return e.createElement("li",{className:u,style:t.style,onClick:n,onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var l=r(t);l&&l.focus(),e.preventDefault();break;case 38:var o=a(t);o&&o.focus(),e.preventDefault();break;case 13:n(e),e.preventDefault()}},tabIndex:"-1","aria-label":t.label,key:t.label,role:"option","aria-selected":t.selected,"aria-disabled":t.disabled},s,e.createElement(c,null))}));function S(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?S(Object(n),!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=I(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}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 o,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,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function I(e,t){if(e){if("string"==typeof e)return T(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)?T(e,t):void 0}}function T(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}O.displayName="ListBoxItem";var P=e.memo(e.forwardRef((function(u,c){var p,f,m=e.useState(""),d=(f=2,h(p=m)||g(p,f)||v(p,f)||E()),b=d[0],S=d[1],I=e.useRef(null),T=e.useRef(null),D=e.useRef(!1),L=(u.onFilterValueChange?u.filterValue:b)||"",j=L&&L.trim().length>0,F=function(e){var t=e.option;u.disabled||H(t)||(u.multiple?K(e.originalEvent,t):A(e.originalEvent,t),D.current=!1)},N=function(){u.disabled||(D.current=!0)},A=function(e,t){var n=q(t),r=!1,l=null;!D.current&&u.metaKeySelection?n?(e.metaKey||e.ctrlKey)&&(l=null,r=!0):(l=J(t),r=!0):(l=n?null:J(t),r=!0);r&&V(e,l)},K=function(e,t){var n=q(t),r=!1,l=null;if(!D&&u.metaKeySelection){var o=e.metaKey||e.ctrlKey;n?(l=o?M(t):[J(t)],r=!0):(l=[].concat(y(l=o&&u.value||[]),[J(t)]),r=!0)}else l=n?M(t):[].concat(y(u.value||[]),[J(t)]),r=!0;r&&u.onChange({originalEvent:e,value:l,stopPropagation:function(){},preventDefault:function(){},target:{name:u.name,id:u.id,value:l}})},k=function(e){T.current&&T.current.scrollToIndex(0);var t=e.value;u.onFilterValueChange?u.onFilterValueChange({originalEvent:e.originalEvent,value:t}):S(t)},G=function(){S(""),u.onFilter&&u.onFilter({filter:""})},V=function(e,t){u.onChange&&u.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:u.name,id:u.id,value:t}})},M=function(e){return u.value.filter((function(t){return!l.equals(t,J(e),u.dataKey)}))},B=function(){if(null!=u.value&&ee){if(!u.optionGroupLabel)return _(u.value,ee);for(var e=0;e<ee.length;e++){var t=_(u.value,Y(ee[e]));if(-1!==t)return{group:e,option:t}}}return-1},R=function(){return u.optionValue?null:u.dataKey},_=function(e,t){var n=R();return t.findIndex((function(t){return l.equals(e,J(t),n)}))},q=function(e){var t=J(e),n=R();return u.multiple&&u.value?u.value.some((function(e){return l.equals(e,t,n)})):l.equals(u.value,t,n)},z=function(e){return u.optionLabel?l.resolveFieldData(e,u.optionLabel):e&&void 0!==e.label?e.label:e},J=function(e){return u.optionValue?l.resolveFieldData(e,u.optionValue):e&&void 0!==e.value?e.value:e},X=function(e){return u.dataKey?l.resolveFieldData(e,u.dataKey):z(e)},H=function(e){return u.optionDisabled?l.isFunction(u.optionDisabled)?u.optionDisabled(e):l.resolveFieldData(e,u.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},U=function(e){return l.resolveFieldData(e,u.optionGroupLabel)},$=function(e){return l.resolveFieldData(e,u.optionGroupLabel)},Y=function(e){return l.resolveFieldData(e,u.optionGroupChildren)},Q=function(){if(T.current){var e=B();-1!==e&&setTimeout((function(){return T.current.scrollToIndex(e)}),0)}};e.useImperativeHandle(c,(function(){return{props:u,getElement:function(){return I.current},getVirtualScroller:function(){return T.current}}})),n((function(){Q()}));var W=function(t,n){return Y(t).map((function(t,r){var l=z(t),o=r+"_"+X(t),i=H(t),a=i?null:u.tabIndex||0;return e.createElement(O,{key:o,label:l,option:t,style:n,template:u.itemTemplate,selected:q(t),onClick:F,onTouchEnd:N,tabIndex:a,disabled:i})}))},Z=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(u.optionGroupLabel){var i=u.optionGroupTemplate?l.getJSXElement(u.optionGroupTemplate,t,n):$(t),a=W(t,o),c=n+"_"+U(t);return e.createElement(e.Fragment,{key:c},e.createElement("li",{className:"p-listbox-item-group",style:o,role:"group"},i),a)}var s=z(t),p=n+"_"+X(t),f=H(t),m=f?null:u.tabIndex||0;return e.createElement(O,{key:p,label:s,option:t,style:o,template:u.itemTemplate,selected:q(t),onClick:F,onTouchEnd:N,tabIndex:m,disabled:f})},ee=function(){if(j){var e=L.trim().toLocaleLowerCase(u.filterLocale),n=u.filterBy?u.filterBy.split(","):[u.optionLabel||"label"];if(u.optionGroupLabel){var r,l=[],o=w(u.options);try{for(o.s();!(r=o.n()).done;){var i=r.value,a=t.filter(Y(i),n,e,u.filterMatchMode,u.filterLocale);a&&a.length&&l.push(C(C({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return t.filter(u.options,n,e,u.filterMatchMode,u.filterLocale)}return u.options}(),te=l.isNotEmpty(u.tooltip),ne=l.findDiffKeys(u,P.defaultProps),re=l.reduceKeys(ne,i.ARIA_PROPS),le=o("p-listbox p-component",{"p-disabled":u.disabled},u.className),oe=o("p-listbox-list-wrapper",u.listClassName),ie=function(){if(u.virtualScrollerOptions){var t=C(C({},u.virtualScrollerOptions),{items:ee,onLazyLoad:function(e){return u.virtualScrollerOptions.onLazyLoad(C(C({},e),{filter:ee}))},itemTemplate:function(e,t){return e&&Z(e,t.index,t)},contentTemplate:function(t){var n=o("p-listbox-list",t.className);return e.createElement("ul",s({ref:t.contentRef,className:n,role:"listbox","aria-multiselectable":u.multiple},re),t.children)}});return e.createElement(a,s({ref:T},t))}var n=ee?ee.map(Z):null;return e.createElement("ul",s({className:"p-listbox-list",role:"listbox","aria-multiselectable":u.multiple},re),n)}(),ae=u.filter?e.createElement(x,{filter:L,onFilter:k,resetFilter:G,filterTemplate:u.filterTemplate,disabled:u.disabled,filterPlaceholder:u.filterPlaceholder,filterInputProps:u.filterInputProps}):null;return e.createElement(e.Fragment,null,e.createElement("div",s({ref:I,id:u.id,className:le,style:u.style},ne),ae,e.createElement("div",{className:oe,style:u.listStyle},ie)),te&&e.createElement(r,s({target:I,content:u.tooltip},u.tooltipOptions)))})));P.displayName="ListBox",P.defaultProps={__TYPE:"ListBox",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,itemTemplate:null,style:null,listStyle:null,listClassName:null,className:null,virtualScrollerOptions:null,disabled:null,dataKey:null,multiple:!1,metaKeySelection:!1,filter:!1,filterTemplate:null,filterBy:null,filterValue:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,filterInputProps:null,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFilterValueChange:null};export{P as ListBox};
+import*as e from"react";import{FilterService as t,localeOption as r}from"primereact/api";import{useMountEffect as n}from"primereact/hooks";import{Tooltip as l}from"primereact/tooltip";import{ObjectUtils as o,classNames as i,DomHandler as a}from"primereact/utils";import{VirtualScroller as u}from"primereact/virtualscroller";import{InputText as c}from"primereact/inputtext";import{Ripple as s}from"primereact/ripple";function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function m(e,t){if("object"!==f(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=m(e,"string");return"symbol"===f(t)?t:String(t)}function b(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function y(e){if(Array.isArray(e))return v(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,t){if(e){if("string"==typeof e)return v(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?v(e,t):void 0}}function E(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e){return y(e)||g(e)||h(e)||E()}function x(e){if(Array.isArray(e))return e}function O(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,c=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw l}}return a}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var C=e.memo((function(t){var r={filter:function(e){return n(e)},reset:function(){return t.resetFilter()}},n=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},l=function(){var l=e.createElement("div",{className:"p-listbox-filter-container"},e.createElement(c,p({type:"text",value:t.filter,onChange:n,className:"p-listbox-filter",disabled:t.disabled,placeholder:t.filterPlaceholder},t.filterInputProps)),e.createElement("span",{className:"p-listbox-filter-icon pi pi-search"}));t.filterTemplate&&(l=o.getJSXElement(t.filterTemplate,{className:"p-listbox-filter-container",element:l,filterOptions:r,filterInputChange:n,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:t}));return e.createElement("div",{className:"p-listbox-header"},l)}();return e.createElement(e.Fragment,null,l)}));C.displayName="ListBoxHeader";var P=e.memo((function(t){var r=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},n=function e(t){var r=t.nextElementSibling;return r?a.hasClass(r,"p-disabled")||a.hasClass(r,"p-listbox-item-group")?e(r):r:null},l=function e(t){var r=t.previousElementSibling;return r?a.hasClass(r,"p-disabled")||a.hasClass(r,"p-listbox-item-group")?e(r):r:null},u=i("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className),c=t.template?o.getJSXElement(t.template,t.option):t.label;return e.createElement("li",{className:u,style:t.style,onClick:r,onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var o=n(t);o&&o.focus(),e.preventDefault();break;case 38:var i=l(t);i&&i.focus(),e.preventDefault();break;case 13:r(e),e.preventDefault()}},tabIndex:"-1","aria-label":t.label,key:t.label,role:"option","aria-selected":t.selected,"aria-disabled":t.disabled},c,e.createElement(s,null))}));function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){b(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function I(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=F(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}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 o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function F(e,t){if(e){if("string"==typeof e)return N(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?N(e,t):void 0}}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}P.displayName="ListBoxItem";var D=e.memo(e.forwardRef((function(c,s){var f,m,d=e.useState(""),b=(m=2,x(f=d)||O(f,m)||h(f,m)||w()),v=b[0],y=b[1],g=e.useRef(null),E=e.useRef(null),T=e.useRef(!1),F=(c.onFilterValueChange?c.filterValue:v)||"",N=F&&F.trim().length>0,L=function(e){var t=e.option;c.disabled||U(t)||(c.multiple?M(e.originalEvent,t):K(e.originalEvent,t),T.current=!1)},A=function(){c.disabled||(T.current=!0)},K=function(e,t){var r=J(t),n=!1,l=null;!T.current&&c.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=z(t),n=!0):(l=r?null:z(t),n=!0);n&&V(e,l)},M=function(e,t){var r=J(t),n=!1,l=null;if(!T&&c.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?B(t):[z(t)],n=!0):(l=[].concat(S(l=o&&c.value||[]),[z(t)]),n=!0)}else l=r?B(t):[].concat(S(c.value||[]),[z(t)]),n=!0;n&&c.onChange({originalEvent:e,value:l,stopPropagation:function(){},preventDefault:function(){},target:{name:c.name,id:c.id,value:l}})},k=function(e){E.current&&E.current.scrollToIndex(0);var t=e.value;c.onFilterValueChange?c.onFilterValueChange({originalEvent:e.originalEvent,value:t}):y(t)},G=function(){y(""),c.onFilter&&c.onFilter({filter:""})},V=function(e,t){c.onChange&&c.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:c.name,id:c.id,value:t}})},B=function(e){return c.value.filter((function(t){return!o.equals(t,z(e),c.dataKey)}))},R=function(){if(null!=c.value&&re){if(!c.optionGroupLabel)return q(c.value,re);for(var e=0;e<re.length;e++){var t=q(c.value,Q(re[e]));if(-1!==t)return{group:e,option:t}}}return-1},_=function(){return c.optionValue?null:c.dataKey},q=function(e,t){var r=_();return t.findIndex((function(t){return o.equals(e,z(t),r)}))},J=function(e){var t=z(e),r=_();return c.multiple&&c.value?c.value.some((function(e){return o.equals(e,t,r)})):o.equals(c.value,t,r)},X=function(e){return c.optionLabel?o.resolveFieldData(e,c.optionLabel):e&&void 0!==e.label?e.label:e},z=function(e){return c.optionValue?o.resolveFieldData(e,c.optionValue):e&&void 0!==e.value?e.value:e},H=function(e){return c.dataKey?o.resolveFieldData(e,c.dataKey):X(e)},U=function(e){return c.optionDisabled?o.isFunction(c.optionDisabled)?c.optionDisabled(e):o.resolveFieldData(e,c.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},$=function(e){return o.resolveFieldData(e,c.optionGroupLabel)},Y=function(e){return o.resolveFieldData(e,c.optionGroupLabel)},Q=function(e){return o.resolveFieldData(e,c.optionGroupChildren)},W=function(){if(E.current){var e=R();-1!==e&&setTimeout((function(){return E.current.scrollToIndex(e)}),0)}};e.useImperativeHandle(s,(function(){return{props:c,getElement:function(){return g.current},getVirtualScroller:function(){return E.current}}})),n((function(){W()}));var Z=function(t,r){return Q(t).map((function(t,n){var l=X(t),o=n+"_"+H(t),i=U(t),a=i?null:c.tabIndex||0;return e.createElement(P,{key:o,label:l,option:t,style:r,template:c.itemTemplate,selected:J(t),onClick:L,onTouchEnd:A,tabIndex:a,disabled:i})}))},ee=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:n.props?n.props.itemSize:void 0};if(c.optionGroupLabel){var i=c.optionGroupTemplate?o.getJSXElement(c.optionGroupTemplate,t,r):Y(t),a=Z(t,l),u=r+"_"+$(t);return e.createElement(e.Fragment,{key:u},e.createElement("li",{className:"p-listbox-item-group",style:l,role:"group"},i),a)}var s=X(t),p=r+"_"+H(t),f=U(t),m=f?null:c.tabIndex||0;return e.createElement(P,{key:p,label:s,option:t,style:l,template:c.itemTemplate,selected:J(t),onClick:L,onTouchEnd:A,tabIndex:m,disabled:f})},te=function(t,n){var l=o.getJSXElement(t,c)||r(n?"emptyFilterMessage":"emptyMessage");return e.createElement("li",{className:"p-listbox-empty-message"},l)},re=function(){if(N){var e=F.trim().toLocaleLowerCase(c.filterLocale),r=c.filterBy?c.filterBy.split(","):[c.optionLabel||"label"];if(c.optionGroupLabel){var n,l=[],o=I(c.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=t.filter(Q(i),r,e,c.filterMatchMode,c.filterLocale);a&&a.length&&l.push(j(j({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return t.filter(c.options,r,e,c.filterMatchMode,c.filterLocale)}return c.options}(),ne=o.isNotEmpty(c.tooltip),le=o.findDiffKeys(c,D.defaultProps),oe=o.reduceKeys(le,a.ARIA_PROPS),ie=i("p-listbox p-component",{"p-disabled":c.disabled},c.className),ae=i("p-listbox-list-wrapper",c.listClassName),ue=function(){if(c.virtualScrollerOptions){var t=j(j({},c.virtualScrollerOptions),{items:re,onLazyLoad:function(e){return c.virtualScrollerOptions.onLazyLoad(j(j({},e),{filter:re}))},itemTemplate:function(e,t){return e&&ee(e,t.index,t)},contentTemplate:function(t){var r=i("p-listbox-list",t.className);return e.createElement("ul",p({ref:t.contentRef,className:r,role:"listbox","aria-multiselectable":c.multiple},oe),t.children)}});return e.createElement(u,p({ref:E},t))}var r=o.isNotEmpty(re)?re.map(ee):N?te(c.emptyFilterMessage,!0):te(c.emptyMessage);return e.createElement("ul",p({className:"p-listbox-list",role:"listbox","aria-multiselectable":c.multiple},oe),r)}(),ce=c.filter?e.createElement(C,{filter:F,onFilter:k,resetFilter:G,filterTemplate:c.filterTemplate,disabled:c.disabled,filterPlaceholder:c.filterPlaceholder,filterInputProps:c.filterInputProps}):null;return e.createElement(e.Fragment,null,e.createElement("div",p({ref:g,id:c.id,className:ie,style:c.style},le),ce,e.createElement("div",{className:ae,style:c.listStyle},ue)),ne&&e.createElement(l,p({target:g,content:c.tooltip},c.tooltipOptions)))})));D.displayName="ListBox",D.defaultProps={__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!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};export{D as ListBox};