primereact 10.3.0 → 10.3.2

package/multiselect/multiselect.cjs.js

@@ -8,6 +8,7 @@ var PrimeReact = require('primereact/api');
 var componentbase = require('primereact/componentbase');
 var hooks = require('primereact/hooks');
 var chevrondown = require('primereact/icons/chevrondown');
+var spinner = require('primereact/icons/spinner');
 var times = require('primereact/icons/times');
 var timescircle = require('primereact/icons/timescircle');
 var overlayservice = require('primereact/overlayservice');
@@ -20,7 +21,6 @@ var check = require('primereact/icons/check');
 var search = require('primereact/icons/search');
 var inputtext = require('primereact/inputtext');
 var ripple = require('primereact/ripple');
-var spinner = require('primereact/icons/spinner');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -275,6 +275,7 @@ var MultiSelectBase = componentbase.ComponentBase.extend({
     display: 'comma',
     dropdownIcon: null,
     emptyFilterMessage: null,
+    emptyMessage: null,
     filter: false,
     filterBy: null,
     filterInputAutoFocus: true,
@@ -319,6 +320,7 @@ var MultiSelectBase = componentbase.ComponentBase.extend({
     resetFilterOnHide: false,
     scrollHeight: '200px',
     selectAll: false,
+    selectAllLabel: null,
     selectedItemTemplate: null,
     selectedItemsLabel: '{0} items selected',
     selectionLimit: null,
@@ -401,6 +403,7 @@ var CheckboxBase = componentbase.ComponentBase.extend({
 function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = CheckboxBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -435,32 +438,32 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement || event.target instanceof Object;
       var isInputToggled = event.target === inputRef.current;
       var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
-      if (isInputToggled || isCheckboxToggled) {
-        var value = _checked ? props.falseValue : props.trueValue;
-        var eventData = {
-          originalEvent: event,
+      var value = _checked ? props.falseValue : props.trueValue;
+      var eventData = {
+        originalEvent: event,
+        value: props.value,
+        checked: value,
+        stopPropagation: function stopPropagation() {
+          event.stopPropagation();
+        },
+        preventDefault: function preventDefault() {
+          event.preventDefault();
+        },
+        target: {
+          type: 'checkbox',
+          name: props.name,
+          id: props.id,
           value: props.value,
-          checked: value,
-          stopPropagation: function stopPropagation() {
-            event.stopPropagation();
-          },
-          preventDefault: function preventDefault() {
-            event.preventDefault();
-          },
-          target: {
-            type: 'checkbox',
-            name: props.name,
-            id: props.id,
-            value: props.value,
-            checked: value
-          }
-        };
-        props.onClick && props.onClick(eventData);
-
-        // do not continue if the user defined click wants to prevent
-        if (event.defaultPrevented) {
-          return;
+          checked: value
         }
+      };
+      props.onClick && props.onClick(eventData);
+
+      // do not continue if the user defined click wants to prevent
+      if (event.defaultPrevented) {
+        return;
+      }
+      if (isInputToggled || isCheckboxToggled) {
         props.onChange && props.onChange(eventData);
       }
       utils.DomHandler.focus(inputRef.current);
@@ -511,7 +514,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = CheckboxBase.getOtherProps(props);
   var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
-  var iconProps = utils.mergeProps({
+  var iconProps = mergeProps({
     className: cx('icon')
   }, ptm('icon'));
   var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, iconProps) : null;
@@ -519,7 +522,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     props: props,
     checked: checked
   });
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: props.id,
     className: utils.classNames(props.className, cx('root', {
       checked: checked,
@@ -532,10 +535,10 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onContextMenu: props.onContextMenu,
     onMouseDown: props.onMouseDown
   }, otherProps, ptm('root'));
-  var hiddenInputWrapperProps = utils.mergeProps({
+  var hiddenInputWrapperProps = mergeProps({
     className: 'p-hidden-accessible'
   }, ptm('hiddenInputWrapper'));
-  var hiddenInputProps = utils.mergeProps(_objectSpread$4({
+  var hiddenInputProps = mergeProps(_objectSpread$4({
     id: props.inputId,
     type: 'checkbox',
     name: props.name,
@@ -554,7 +557,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     readOnly: props.readOnly,
     required: props.required
   }, ariaProps), ptm('hiddenInput'));
-  var inputProps = utils.mergeProps({
+  var inputProps = mergeProps({
     className: cx('input', {
       checked: checked,
       focusedState: focusedState
@@ -579,6 +582,7 @@ Checkbox.displayName = 'Checkbox';
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = hooks.useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
     isUnstyled = props.isUnstyled;
@@ -614,7 +618,7 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
     event.stopPropagation();
   };
   var createFilterElement = function createFilterElement() {
-    var filterIconProps = utils.mergeProps({
+    var filterIconProps = mergeProps({
       className: cx('filterIcon')
     }, getPTOptions('filterIcon'));
     var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, filterIconProps);
@@ -622,7 +626,7 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
       props: props
     });
     if (props.filter) {
-      var filterContainerProps = utils.mergeProps({
+      var filterContainerProps = mergeProps({
         className: cx('filterContainer')
       }, getPTOptions('filterContainer'));
       var content = /*#__PURE__*/React__namespace.createElement("div", filterContainerProps, /*#__PURE__*/React__namespace.createElement(inputtext.InputText, {
@@ -655,30 +659,31 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var filterElement = createFilterElement();
   var selectAllId = props.id ? props.id + '_selectall' : utils.UniqueComponentId();
-  var headerSelectAllLabelProps = utils.mergeProps({
+  var headerSelectAllLabelProps = mergeProps({
     htmlFor: selectAllId,
     className: cx('headerSelectAllLabel')
   }, getPTOptions('headerSelectAllLabel'));
-  var headerCheckboxIconProps = utils.mergeProps({
+  var headerCheckboxIconProps = mergeProps({
     className: cx('headerCheckboxIcon')
   }, getPTOptions('headerCheckboxIcon'));
+  var headerCheckboxContainerProps = mergeProps({
+    className: cx('headerCheckboxContainer')
+  }, getPTOptions('headerCheckboxContainer'));
   var checkedIcon = props.itemCheckboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, headerCheckboxIconProps);
   var itemCheckboxIcon = utils.IconUtils.getJSXIcon(checkedIcon, _objectSpread$3({}, headerCheckboxIconProps), {
     selected: props.selected
   });
-  var checkboxElement = props.showSelectAll && /*#__PURE__*/React__namespace.createElement("div", {
-    className: "p-multiselect-select-all"
-  }, /*#__PURE__*/React__namespace.createElement(Checkbox, {
+  var checkboxElement = props.showSelectAll && /*#__PURE__*/React__namespace.createElement("div", headerCheckboxContainerProps, /*#__PURE__*/React__namespace.createElement(Checkbox, {
     id: selectAllId,
     checked: props.selectAll,
     onChange: onSelectAll,
     role: "checkbox",
     "aria-checked": props.selectAll,
     icon: itemCheckboxIcon,
-    pt: ptm('headercheckbox'),
+    pt: ptm('headerCheckbox'),
     unstyled: isUnstyled()
   }), !props.filter && /*#__PURE__*/React__namespace.createElement("label", headerSelectAllLabelProps, props.selectAllLabel));
-  var iconProps = utils.mergeProps({
+  var iconProps = mergeProps({
     className: cx('closeIcon'),
     'aria-hidden': true
   }, getPTOptions('closeIcon'));
@@ -686,10 +691,10 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
   var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$3({}, iconProps), {
     props: props
   });
-  var headerProps = utils.mergeProps({
+  var headerProps = mergeProps({
     className: cx('header')
   }, getPTOptions('header'));
-  var closeButtonProps = utils.mergeProps({
+  var closeButtonProps = mergeProps({
     type: 'button',
     className: cx('closeButton'),
     'aria-label': PrimeReact.localeOption('close'),
@@ -721,16 +726,29 @@ MultiSelectHeader.displayName = 'MultiSelectHeader';
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultiSelectItem = /*#__PURE__*/React__namespace.memo(function (props) {
+  var _React$useState = React__namespace.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedState = _React$useState2[0],
+    setFocusedState = _React$useState2[1];
+  var mergeProps = hooks.useMergeProps();
   var ptm = props.ptm,
     cx = props.cx;
   var getPTOptions = function getPTOptions(key) {
     return ptm(key, {
       hostName: props.hostName,
       context: {
-        selected: props.selected
+        selected: props.selected,
+        disabled: props.disabled,
+        focused: focusedState
       }
     });
   };
+  var onFocus = function onFocus(event) {
+    setFocusedState(true);
+  };
+  var onBlur = function onBlur(event) {
+    setFocusedState(false);
+  };
   var onClick = function onClick(event) {
     if (props.onClick) {
       props.onClick({
@@ -749,7 +767,7 @@ var MultiSelectItem = /*#__PURE__*/React__namespace.memo(function (props) {
       });
     }
   };
-  var checkboxIconProps = utils.mergeProps({
+  var checkboxIconProps = mergeProps({
     className: cx('checkboxIcon')
   }, getPTOptions('checkboxIcon'));
   var icon = props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checkboxIconProps);
@@ -758,23 +776,25 @@ var MultiSelectItem = /*#__PURE__*/React__namespace.memo(function (props) {
   }) : null;
   var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : props.label;
   var tabIndex = props.disabled ? null : props.tabIndex || 0;
-  var checkboxContainerProps = utils.mergeProps({
+  var checkboxContainerProps = mergeProps({
     className: cx('checkboxContainer')
   }, getPTOptions('checkboxContainer'));
-  var checkboxProps = utils.mergeProps({
+  var checkboxProps = mergeProps({
     className: cx('checkbox', {
       itemProps: props
     }),
     'data-p-highlight': props.selected
   }, getPTOptions('checkbox'));
-  var itemProps = utils.mergeProps({
+  var itemProps = mergeProps({
     className: utils.classNames(props.className, props.option.className, cx('item', {
       itemProps: props
     })),
     style: props.style,
     onClick: onClick,
-    tabIndex: tabIndex,
     onKeyDown: onKeyDown,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    tabIndex: tabIndex,
     role: 'option',
     'aria-selected': props.selected,
     'data-p-highlight': props.selected,
@@ -789,6 +809,7 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t
 var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var virtualScrollerRef = React__namespace.useRef(null);
   var filterInputRef = React__namespace.useRef(null);
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var ptm = props.ptm,
     cx = props.cx,
@@ -891,14 +912,14 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
   };
   var createEmptyFilter = function createEmptyFilter() {
     var emptyFilterMessage = utils.ObjectUtils.getJSXElement(props.emptyFilterMessage, props) || PrimeReact.localeOption('emptyFilterMessage');
-    var emptyMessageProps = utils.mergeProps({
+    var emptyMessageProps = mergeProps({
       className: cx('emptyMessage')
     }, getPTOptions('emptyMessage'));
     return /*#__PURE__*/React__namespace.createElement("li", emptyMessageProps, emptyFilterMessage);
   };
   var createEmptyContent = function createEmptyContent() {
     var emptyMessage = utils.ObjectUtils.getJSXElement(props.emptyMessage, props) || PrimeReact.localeOption('emptyMessage');
-    var emptyMessageProps = utils.mergeProps({
+    var emptyMessageProps = mergeProps({
       className: cx('emptyMessage')
     }, getPTOptions('emptyMessage'));
     return /*#__PURE__*/React__namespace.createElement("li", emptyMessageProps, emptyMessage);
@@ -912,7 +933,7 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
       var groupContent = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
       var groupChildrenContent = createGroupChildren(option, style);
       var key = index + '_' + props.getOptionGroupRenderKey(option);
-      var itemGroupProps = utils.mergeProps({
+      var itemGroupProps = mergeProps({
         className: cx('itemGroup'),
         style: sx('itemGroup', {
           scrollerOptions: scrollerOptions
@@ -972,7 +993,7 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
         },
         contentTemplate: function contentTemplate(options) {
           var content = isEmptyFilter() ? createEmptyFilter() : options.children;
-          var listProps = utils.mergeProps({
+          var listProps = mergeProps({
             ref: options.contentRef,
             style: options.style,
             className: utils.classNames(options.className, cx('list', {
@@ -994,13 +1015,13 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
       }));
     } else {
       var items = createItems();
-      var wrapperProps = utils.mergeProps({
+      var wrapperProps = mergeProps({
         className: cx('wrapper'),
         style: {
           maxHeight: props.scrollHeight
         }
       }, getPTOptions('wrapper'));
-      var listProps = utils.mergeProps({
+      var listProps = mergeProps({
         className: cx('list'),
         role: 'listbox',
         'aria-multiselectable': true
@@ -1013,7 +1034,7 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
     var header = createHeader();
     var content = createContent();
     var footer = createFooter();
-    var panelProps = utils.mergeProps({
+    var panelProps = mergeProps({
       className: utils.classNames(props.panelClassName, cx('panel', {
         panelProps: props,
         context: context,
@@ -1027,7 +1048,7 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
         ref: ref
       }, panelProps), content, footer);
     }
-    var transitionProps = utils.mergeProps({
+    var transitionProps = mergeProps({
       classNames: cx('transition'),
       "in": props["in"],
       timeout: {
@@ -1062,6 +1083,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 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 MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = MultiSelectBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(''),
@@ -1302,7 +1324,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     });
   };
   var scrollInView = function scrollInView() {
-    var highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li.p-highlight');
+    var highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
     if (highlightItem && highlightItem.scrollIntoView) {
       highlightItem.scrollIntoView({
         block: 'nearest',
@@ -1565,7 +1587,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
         var value = props.value.slice(0, props.maxSelectedLabels || props.value.length);
         return value.map(function (val, i) {
           var label = getLabelByValue(val);
-          var iconProps = utils.mergeProps({
+          var iconProps = mergeProps({
             key: i,
             className: cx('removeTokenIcon'),
             onClick: function onClick(e) {
@@ -1575,10 +1597,10 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
           var icon = !props.disabled && (props.removeIcon ? utils.IconUtils.getJSXIcon(props.removeIcon, _objectSpread({}, iconProps), {
             props: props
           }) : /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps));
-          var tokenProps = utils.mergeProps({
+          var tokenProps = mergeProps({
             className: cx('token')
           }, ptm('token'));
-          var tokenLabelProps = utils.mergeProps({
+          var tokenLabelProps = mergeProps({
             key: label + i,
             className: cx('tokenLabel')
           }, ptm('tokenLabel'));
@@ -1658,7 +1680,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     utils.ZIndexUtils.clear(overlayRef.current);
   });
   var createClearIcon = function createClearIcon() {
-    var clearIconProps = utils.mergeProps({
+    var clearIconProps = mergeProps({
       className: cx('clearIcon'),
       onClick: function onClick(e) {
         return updateModel(e, [], []);
@@ -1675,11 +1697,11 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   };
   var createLabel = function createLabel() {
     var content = getLabelContent();
-    var labelContainerProps = utils.mergeProps({
+    var labelContainerProps = mergeProps({
       ref: labelRef,
       className: cx('labelContainer')
     }, ptm('labelContainer'));
-    var labelProps = utils.mergeProps({
+    var labelProps = mergeProps({
       className: cx('label', {
         empty: empty
       })
@@ -1690,10 +1712,10 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = MultiSelectBase.getOtherProps(props);
   var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
-  var triggerIconProps = utils.mergeProps({
+  var triggerIconProps = mergeProps({
     className: cx('triggerIcon')
   }, ptm('triggerIcon'));
-  var triggerProps = utils.mergeProps({
+  var triggerProps = mergeProps({
     className: cx('trigger')
   }, ptm('trigger'));
   var loadingIcon = props.loadingIcon ? utils.IconUtils.getJSXIcon(props.loadingIcon, _objectSpread({}, triggerIconProps), {
@@ -1707,7 +1729,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var triggerIcon = /*#__PURE__*/React__namespace.createElement("div", triggerProps, props.loading ? loadingIcon : dropdownIcon);
   var label = !props.inline && createLabel();
   var clearIcon = !props.inline && createClearIcon();
-  var rootProps = utils.mergeProps(_objectSpread(_objectSpread({
+  var rootProps = mergeProps(_objectSpread(_objectSpread({
     ref: elementRef,
     id: props.id,
     style: _objectSpread(_objectSpread({}, props.style), sx('root')),
@@ -1718,10 +1740,10 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   }, otherProps), {}, {
     onClick: onClick
   }), MultiSelectBase.getOtherProps(props), ptm('root'));
-  var hiddenInputWrapperProps = utils.mergeProps({
+  var hiddenInputWrapperProps = mergeProps({
     className: 'p-hidden-accessible'
   }, ptm('hiddenInputWrapper'));
-  var inputProps = utils.mergeProps(_objectSpread({
+  var inputProps = mergeProps(_objectSpread({
     ref: inputRef,
     id: props.inputId,
     name: props.name,

package/multiselect/multiselect.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),l=require("primereact/hooks"),r=require("primereact/icons/chevrondown"),o=require("primereact/icons/times"),i=require("primereact/icons/timescircle"),a=require("primereact/overlayservice"),c=require("primereact/tooltip"),s=require("primereact/utils"),u=require("primereact/csstransition"),p=require("primereact/portal"),m=require("primereact/virtualscroller"),f=require("primereact/icons/check"),d=require("primereact/icons/search"),b=require("primereact/inputtext"),v=require("primereact/ripple"),g=require("primereact/icons/spinner");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var O=h(e),x=y(t);function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},I.apply(this,arguments)}function S(e){return S="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},S(e)}function k(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==S(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=k(e,"string");return"symbol"===S(t)?t:String(t)}function P(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function w(e){if(Array.isArray(e))return j(e)}function C(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function N(e,t){if(e){if("string"==typeof e)return j(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)?j(e,t):void 0}}function D(){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 A(e){return w(e)||C(e)||N(e)||D()}function U(e){if(Array.isArray(e))return e}function F(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return a}}function L(){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 T(e,t){return U(e)||F(e,t)||N(e,t)||L()}var R=n.ComponentBase.extend({defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,checkboxIcon:null,className:null,clearIcon:null,closeIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,itemCheckboxIcon:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onClick:null,onFilter:null,onFocus:null,onHide:null,onRemove:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,l=e.overlayVisibleState;return s.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===t.display,"p-disabled":t.disabled,"p-multiselect-clearable":t.showClear&&!t.disabled,"p-focus":n,"p-inputwrapper-filled":s.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||l})},label:function(e){var t=e.props,n=e.empty;return s.classNames("p-multiselect-label",{"p-placeholder":n&&t.placeholder,"p-multiselect-label-empty":n&&!t.placeholder&&!t.selectedItemTemplate,"p-multiselect-items-label":!n&&"chip"!==t.display&&t.value.length>t.maxSelectedLabels})},panel:function(e){var t=e.panelProps,n=e.context;return s.classNames("p-multiselect-panel p-component",{"p-multiselect-inline":t.inline,"p-multiselect-flex":t.flex,"p-multiselect-limited":!e.allowOptionSelect,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===x.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===x.default.ripple})},list:function(e){return"p-multiselect-items p-component"},labelContainer:"p-multiselect-label-container",triggerIcon:"p-multiselect-trigger-icon p-c",trigger:"p-multiselect-trigger",clearIcon:"p-multiselect-clear-icon",tokenLabel:"p-multiselect-token-label",token:"p-multiselect-token",removeTokenIcon:"p-multiselect-token-icon",wrapper:"p-multiselect-items-wrapper",emptyMessage:"p-multiselect-empty-message",itemGroup:"p-multiselect-item-group",closeButton:"p-multiselect-close p-link",header:"p-multiselect-header",closeIcon:"p-multiselect-close-icon",headerCheckboxContainer:"p-multiselect-select-all",headerCheckboxIcon:"p-multiselect-select-all p-checkbox-icon p-c",headerSelectAllLabel:"p-multiselect-select-all-label",filterContainer:"p-multiselect-filter-container",filterIcon:"p-multiselect-filter-icon",item:function(e){var t=e.itemProps;return s.classNames("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled})},checkboxContainer:"p-checkbox p-component",checkboxIcon:"p-checkbox-icon p-c",checkbox:function(e){return s.classNames("p-checkbox-box",{"p-highlight":e.itemProps.selected})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-multiselect {\n        display: inline-flex;\n        user-select: none;\n        cursor: pointer;\n    }\n    \n    .p-multiselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        cursor: pointer;\n    }\n    \n    .p-multiselect-label-container {\n        overflow: hidden;\n        flex: 1 1 auto;\n        cursor: pointer;\n    }\n    \n    .p-multiselect-label  {\n        display: block;\n        white-space: nowrap;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    \n    .p-multiselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-multiselect-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-multiselect-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-multiselect .p-multiselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-multiselect-inline.p-multiselect-panel {\n        border: none;\n        position: initial;\n        background: none;\n        box-shadow: none;\n    }\n    \n    .p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n        padding: 0;\n    }\n    \n    .p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n        display: flex;\n        flex-wrap: wrap;\n    }\n    \n    .p-multiselect-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-multiselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-multiselect-item {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-multiselect-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n    \n    .p-multiselect-select-all-label {\n        margin-left: 0.5rem;\n    }\n    \n    .p-multiselect-filter-container {\n        position: relative;\n        flex: 1 1 auto;\n    }\n    \n    .p-multiselect-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-multiselect-filter-container .p-inputtext {\n        width: 100%;\n    }\n    \n    .p-multiselect-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n        margin-left: auto;\n    }\n    \n    .p-multiselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-multiselect {\n        display: flex;\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return t.showClear&&!t.disabled&&{position:"relative"}},itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}}}}}),H=n.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{icon:"p-checkbox-icon p-c",input:function(e){return s.classNames("p-checkbox-box",{"p-highlight":e.checked,"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return s.classNames("p-checkbox p-component",{"p-checkbox-checked":e.checked,"p-checkbox-disabled":e.props.disabled,"p-checkbox-focused":e.focusedState})}},styles:"\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: auto;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}        \n"}});function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V=O.memo(O.forwardRef((function(e,r){var o=O.useContext(t.PrimeReactContext),i=H.getProps(e,o),a=T(O.useState(!1),2),u=a[0],p=a[1],m=H.setMetaData({props:i,state:{focused:u},context:{checked:i.checked===i.trueValue,disabled:i.disabled}}),d=m.ptm,b=m.cx;n.useHandleStyle(H.css.styles,m.isUnstyled,{name:"checkbox",styled:!0});var v=O.useRef(null),g=O.useRef(i.inputRef),y=function(e){if(!i.disabled&&!i.readOnly&&(i.onChange||i.onClick)){var t=h(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===g.current||n&&e.target.checked!==t){var l=t?i.falseValue:i.trueValue,r={originalEvent:e,value:i.value,checked:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:i.name,id:i.id,value:i.value,checked:l}};if(i.onClick&&i.onClick(r),e.defaultPrevented)return;i.onChange&&i.onChange(r)}s.DomHandler.focus(g.current),e.preventDefault()}},h=function(){return i.checked===i.trueValue};O.useImperativeHandle(r,(function(){return{props:i,focus:function(){return s.DomHandler.focus(g.current)},getElement:function(){return v.current},getInput:function(){return g.current}}})),O.useEffect((function(){s.ObjectUtils.combinedRefs(g,i.inputRef)}),[g,i.inputRef]),l.useUpdateEffect((function(){g.current.checked=h()}),[i.checked,i.trueValue]),l.useMountEffect((function(){i.autoFocus&&s.DomHandler.focus(g.current,i.autoFocus)}));var x=h(),S=s.ObjectUtils.isNotEmpty(i.tooltip),k=H.getOtherProps(i),E=s.ObjectUtils.reduceKeys(k,s.DomHandler.ARIA_PROPS),P=s.mergeProps({className:b("icon")},d("icon")),j=s.IconUtils.getJSXIcon(x?i.icon||O.createElement(f.CheckIcon,P):null,q({},P),{props:i,checked:x}),w=s.mergeProps({id:i.id,className:s.classNames(i.className,b("root",{checked:x,focusedState:u})),style:i.style,onClick:function(e){return y(e)},onContextMenu:i.onContextMenu,onMouseDown:i.onMouseDown},k,d("root")),C=s.mergeProps({className:"p-hidden-accessible"},d("hiddenInputWrapper")),N=s.mergeProps(q({id:i.inputId,type:"checkbox",name:i.name,tabIndex:i.tabIndex,defaultChecked:x,onFocus:function(e){p(!0)},onBlur:function(e){p(!1)},onKeyDown:function(e){var t;"Space"!==(t=e).code&&" "!==t.key||y(t)},disabled:i.disabled,readOnly:i.readOnly,required:i.required},E),d("hiddenInput")),D=s.mergeProps({className:b("input",{checked:x,focusedState:u}),"data-p-highlight":x,"data-p-disabled":i.disabled,"data-p-focus":u},d("input"));return O.createElement(O.Fragment,null,O.createElement("div",I({ref:v},w),O.createElement("div",C,O.createElement("input",I({ref:g},N))),O.createElement("div",D,j)),S&&O.createElement(c.Tooltip,I({target:v,content:i.tooltip},i.tooltipOptions,{pt:d("tooltip")})))})));function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function K(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){P(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}V.displayName="Checkbox";var J=O.memo((function(e){var n=e.ptm,l=e.cx,r=e.isUnstyled,i={filter:function(e){return c(e)},reset:function(){return e.resetFilter()}},a=function(t,l){return n(t,K({hostName:e.hostName},l))},c=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},u=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault(),t.stopPropagation()},p=function(){var t=s.mergeProps({className:l("filterIcon")},a("filterIcon")),r=s.IconUtils.getJSXIcon(e.filterIcon||O.createElement(d.SearchIcon,t),K({},t),{props:e});if(e.filter){var o=s.mergeProps({className:l("filterContainer")},a("filterContainer")),u=O.createElement("div",o,O.createElement(b.InputText,{ref:e.filterRef,type:"text",role:"textbox",value:e.filterValue,onChange:c,className:"p-multiselect-filter",placeholder:e.filterPlaceholder,pt:n("filterInput"),__parentMetadata:{parent:e.metaData}}),r);if(e.filterTemplate)u=s.ObjectUtils.getJSXElement(e.filterTemplate,{className:o.className,element:u,filterOptions:i,onFilter:c,filterIconClassName:e.filterIconClassName,props:e});return O.createElement(O.Fragment,null,u)}return null}(),m=e.id?e.id+"_selectall":s.UniqueComponentId(),g=s.mergeProps({htmlFor:m,className:l("headerSelectAllLabel")},a("headerSelectAllLabel")),y=s.mergeProps({className:l("headerCheckboxIcon")},a("headerCheckboxIcon")),h=s.IconUtils.getJSXIcon(e.itemCheckboxIcon||O.createElement(f.CheckIcon,y),K({},y),{selected:e.selected}),x=e.showSelectAll&&O.createElement("div",{className:"p-multiselect-select-all"},O.createElement(V,{id:m,checked:e.selectAll,onChange:u,role:"checkbox","aria-checked":e.selectAll,icon:h,pt:n("headercheckbox"),unstyled:r()}),!e.filter&&O.createElement("label",g,e.selectAllLabel)),I=s.mergeProps({className:l("closeIcon"),"aria-hidden":!0},a("closeIcon")),S=s.IconUtils.getJSXIcon(e.closeIcon||O.createElement(o.TimesIcon,I),K({},I),{props:e}),k=s.mergeProps({className:l("header")},a("header")),E=s.mergeProps({type:"button",className:l("closeButton"),"aria-label":t.localeOption("close"),onClick:e.onClose},a("closeButton")),P=O.createElement("button",E,S,O.createElement(v.Ripple,null)),j=O.createElement("div",k,x,p,P);return e.template?s.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:x,checked:e.selectAll,onChange:u,filterElement:p,closeElement:P,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:e.onClose,element:j,itemCheckboxIcon:h,props:e}):j}));function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}J.displayName="MultiSelectHeader";var B=O.memo((function(e){var t=e.ptm,n=e.cx,l=function(n){return t(n,{hostName:e.hostName,context:{selected:e.selected}})},r=s.mergeProps({className:n("checkboxIcon")},l("checkboxIcon")),o=e.selected?s.IconUtils.getJSXIcon(e.checkboxIcon||O.createElement(f.CheckIcon,r),_({},r),{selected:e.selected}):null,i=e.template?s.ObjectUtils.getJSXElement(e.template,e.option):e.label,a=e.disabled?null:e.tabIndex||0,c=s.mergeProps({className:n("checkboxContainer")},l("checkboxContainer")),u=s.mergeProps({className:n("checkbox",{itemProps:e}),"data-p-highlight":e.selected},l("checkbox")),p=s.mergeProps({className:s.classNames(e.className,e.option.className,n("item",{itemProps:e})),style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault(),t.stopPropagation()},tabIndex:a,onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,option:e.option})},role:"option","aria-selected":e.selected,"data-p-highlight":e.selected,"data-p-disabled":e.disabled},l("item"));return O.createElement("li",p,O.createElement("div",c,O.createElement("div",u,o)),O.createElement("span",null,i),O.createElement(v.Ripple,null))}));function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}B.displayName="MultiSelectItem";var W=O.memo(O.forwardRef((function(e,n){var l=O.useRef(null),r=O.useRef(null),o=O.useContext(t.PrimeReactContext),i=e.ptm,a=e.cx,c=e.sx,f=e.isUnstyled,d=function(t,n){return i(t,Z({hostName:e.hostName},n))},b=function(){e.onEnter((function(){if(l.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return l.current.scrollToIndex(t)}),0)}}))},v=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&r.current&&s.DomHandler.focus(r.current,!1)}))},g=function(t){l.current&&l.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},y=function(){if(e.panelFooterTemplate){var t=s.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return O.createElement("div",{className:"p-multiselect-footer"},t)}return null},h=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var r=e.getOptionLabel(t),o=l+"_"+e.getOptionRenderKey(t),c=e.isOptionDisabled(t),s=c?null:e.tabIndex||0,u=e.isSelected(t);return O.createElement(B,{hostName:e.hostName,key:o,label:r,option:t,style:n,template:e.itemTemplate,selected:u,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:s,disabled:c,className:e.itemClassName,checkboxIcon:e.checkboxIcon,ptm:i,cx:a})}))},x=function(){var n=s.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||t.localeOption("emptyFilterMessage"),l=s.mergeProps({className:a("emptyMessage")},d("emptyMessage"));return O.createElement("li",l,n)},S=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var o=e.optionGroupTemplate?s.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),u=h(t,r),p=n+"_"+e.getOptionGroupRenderKey(t),m=s.mergeProps({className:a("itemGroup"),style:c("itemGroup",{scrollerOptions:l})},d("itemGroup"));return O.createElement(O.Fragment,{key:p},O.createElement("li",m,o),u)}var f=e.getOptionLabel(t),b=n+"_"+e.getOptionRenderKey(t),v=e.isOptionDisabled(t),g=v?null:e.tabIndex||0,y=e.isSelected(t);return O.createElement(B,{hostName:e.hostName,key:b,label:f,option:t,style:r,template:e.itemTemplate,selected:y,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:g,disabled:v,className:e.itemClassName,checkboxIcon:e.checkboxIcon,ptm:i,cx:a})},k=function(){if(e.virtualScrollerOptions){var n=Z(Z({},e.virtualScrollerOptions),{style:Z(Z({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:s.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(Z(Z({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&S(e,t.index,t)},contentTemplate:function(t){var n=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:x(),l=s.mergeProps({ref:t.contentRef,style:t.style,className:s.classNames(t.className,a("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},d("list"));return O.createElement("ul",l,n)}});return O.createElement(m.VirtualScroller,I({ref:l},n,{pt:i("virtualScroller"),__parentMetadata:{parent:e.metaData}}))}var r,o,c=s.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(S):e.hasFilter?x():(r=s.ObjectUtils.getJSXElement(e.emptyMessage,e)||t.localeOption("emptyMessage"),o=s.mergeProps({className:a("emptyMessage")},d("emptyMessage")),O.createElement("li",o,r)),u=s.mergeProps({className:a("wrapper"),style:{maxHeight:e.scrollHeight}},d("wrapper")),p=s.mergeProps({className:a("list"),role:"listbox","aria-multiselectable":!0},d("list"));return O.createElement("div",u,O.createElement("ul",p,c))},E=function(){var t=e.allowOptionSelect(),l=O.createElement(J,{hostName:e.hostName,id:e.id,filter:e.filter,filterRef:r,filterValue:e.filterValue,filterTemplate:e.filterTemplate,onFilter:g,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),selectAllLabel:e.selectAllLabel,onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate,resetFilter:e.resetFilter,closeIcon:e.closeIcon,filterIcon:e.filterIcon,itemCheckboxIcon:e.itemCheckboxIcon,ptm:i,cx:a,isUnstyled:f,metaData:e.metaData}),c=k(),p=y(),m=s.mergeProps({className:s.classNames(e.panelClassName,a("panel",{panelProps:e,context:o,allowOptionSelect:t})),style:e.panelStyle,onClick:e.onClick},d("panel"));if(e.inline)return O.createElement("div",I({ref:n},m),c,p);var h=s.mergeProps({classNames:a("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:b,onEntered:v,onExit:e.onExit,onExited:e.onExited},d("transition"));return O.createElement(u.CSSTransition,I({nodeRef:n},h),O.createElement("div",I({ref:n},m),l,c,p))}();return e.inline?E:O.createElement(p.Portal,{element:E,appendTo:e.appendTo})})));function Y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function $(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Q(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=ee(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}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 ee(e,t){if(e){if("string"==typeof e)return te(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)?te(e,t):void 0}}function te(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}W.displayName="MultiSelectPanel";var ne=O.memo(O.forwardRef((function(e,u){var p=O.useContext(t.PrimeReactContext),m=R.getProps(e,p),f=T(O.useState(""),2),d=f[0],b=f[1],v=T(O.useState(!1),2),y=v[0],h=v[1],S=T(O.useState(m.inline),2),k=S[0],E=S[1],j=O.useRef(null),w=O.useRef(m.inputRef),C=O.useRef(null),N=O.useRef(null),D=d&&d.trim().length>0,U=s.ObjectUtils.isEmpty(m.value),F=m.optionValue?null:m.dataKey,L={props:m,state:{filterState:d,focused:y,overlayVisible:k}},H=R.setMetaData(L),M=H.ptm,q=H.cx,V=H.sx,G=H.isUnstyled;n.useHandleStyle(R.css.styles,G,{name:"multiselect"});var K=T(l.useOverlayListener({target:j,overlay:N,listener:function(e,t){t.valid&&("outside"===t.type?!re(e)&&!oe(e)&&ne():ne())},when:k}),2),J=K[0],X=K[1],_=function(){return!m.selectionLimit||!m.value||m.value&&m.value.length<m.selectionLimit},B=function(e){var t=e.originalEvent,n=e.option;if(!m.disabled&&!de(n)){var l=me(n),r=be(n),o=ce(n),i=_();o?Y(t,m.value.filter((function(e){return!s.ObjectUtils.equals(r?e:me(e),l,F)})),n):i&&Y(t,[].concat(A(m.value||[]),[l]),n)}},z=function e(t){var n=t.nextElementSibling;return n?!0===s.DomHandler.getAttribute(n,"data-p-disabled")||"itemgroup"===s.DomHandler.getAttribute(n,"data-pc-section")?e(n):n:null},Z=function e(t){var n=t.previousElementSibling;return n?!0===s.DomHandler.getAttribute(n,"data-p-disabled")||"itemgroup"===s.DomHandler.getAttribute(n,"data-pc-section")?e(n):n:null},Y=function(e,t,n){m.onChange&&m.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:t}})},ee=function(){b(""),m.onFilter&&m.onFilter({filter:""})},te=function(){E(!0)},ne=function(){E(!1)},le=function(){s.DomHandler.alignOverlay(N.current,C.current.parentElement,m.appendTo||p&&p.appendTo||x.default.appendTo)},re=function(e){return"clearicon"===s.DomHandler.getAttribute(e.target,"data-pc-section")},oe=function(e){return"headercheckboxcontainer"===s.DomHandler.getAttribute(e.target,"data-pc-section")},ie=function(e){return N.current&&N.current.contains(e.target)},ae=function(e,t){return t.findIndex((function(t){return e.some((function(e){return s.ObjectUtils.equals(e,me(t),F)}))}))},ce=function(e){if(m.value){var t=me(e),n=be(e);return m.value.some((function(e){return s.ObjectUtils.equals(n?e:me(e),t,F)}))}return!1},se=function(e){var t;if(m.options)if(m.optionGroupLabel){var n,l=Q(m.options);try{for(l.s();!(n=l.n()).done;){if(t=ue(e,fe(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=ue(e,m.options),s.ObjectUtils.isEmpty(t)&&(t=ue(e,m.value));return t?pe(t):null},ue=function(e,t){return t.find((function(t){return s.ObjectUtils.equals(me(t),e,F)}))},pe=function(e){return m.optionLabel?s.ObjectUtils.resolveFieldData(e,m.optionLabel):e&&void 0!==e.label?e.label:e},me=function(e){if(m.useOptionAsValue)return e;if(m.optionValue){var t=s.ObjectUtils.resolveFieldData(e,m.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},fe=function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupChildren)},de=function(e){return m.optionDisabled?s.ObjectUtils.isFunction(m.optionDisabled)?m.optionDisabled(e):s.ObjectUtils.resolveFieldData(e,m.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},be=function(e){return!m.useOptionAsValue&&m.optionValue||e&&void 0!==e.value},ve=function(e,t){var n=m.value.filter((function(e){return!s.ObjectUtils.equals(e,t,F)}));m.onRemove&&m.onRemove({originalEvent:e,value:n}),Y(e,n,t)},ge=function(){var e=/{(.*?)}/;return e.test(m.selectedItemsLabel)?m.selectedItemsLabel.replace(m.selectedItemsLabel.match(e)[0],m.value.length+""):m.selectedItemsLabel},ye=function(){if(!U&&!m.fixedPlaceholder)return s.ObjectUtils.isNotEmpty(m.maxSelectedLabels)&&m.value.length>m.maxSelectedLabels?ge():s.ObjectUtils.isArray(m.value)?m.value.reduce((function(e,t,n){return e+(0!==n?", ":"")+se(t)}),""):""};O.useImperativeHandle(u,(function(){return{props:m,show:te,hide:ne,focus:function(){return s.DomHandler.focus(w.current)},getElement:function(){return j.current},getOverlay:function(){return N.current},getInput:function(){return w.current}}})),l.useMountEffect((function(){le()})),O.useEffect((function(){s.ObjectUtils.combinedRefs(w,m.inputRef)}),[w,m.inputRef]),O.useEffect((function(){setTimeout((function(){m.overlayVisible?te():ne()}),100)}),[m.overlayVisible]),l.useUpdateEffect((function(){k&&d&&D&&le()}),[k,d,D]),l.useUnmountEffect((function(){s.ZIndexUtils.clear(N.current)}));var he,Oe,xe,Ie=function(){if(D){var e=d.trim().toLocaleLowerCase(m.filterLocale),n=m.filterBy?m.filterBy.split(","):[m.optionLabel||"label"];if(m.optionGroupLabel){var l,r=[],o=Q(m.options);try{for(o.s();!(l=o.n()).done;){var i=l.value,a=t.FilterService.filter(fe(i),n,e,m.filterMatchMode,m.filterLocale);a&&a.length&&r.push($($({},i),P({},m.optionGroupChildren,a)))}}catch(e){o.e(e)}finally{o.f()}return r}return t.FilterService.filter(m.options,n,e,m.filterMatchMode,m.filterLocale)}return m.options}(),Se=s.ObjectUtils.isNotEmpty(m.tooltip),ke=R.getOtherProps(m),Ee=s.ObjectUtils.reduceKeys(ke,s.DomHandler.ARIA_PROPS),Pe=s.mergeProps({className:q("triggerIcon")},M("triggerIcon")),je=s.mergeProps({className:q("trigger")},M("trigger")),we=m.loadingIcon?s.IconUtils.getJSXIcon(m.loadingIcon,$({},Pe),{props:m}):O.createElement(g.SpinnerIcon,I({spin:!0},Pe)),Ce=m.dropdownIcon?s.IconUtils.getJSXIcon(m.dropdownIcon,$({},Pe),{props:m}):O.createElement(r.ChevronDownIcon,Pe),Ne=O.createElement("div",je,m.loading?we:Ce),De=!m.inline&&(he=m.selectedItemTemplate?U?s.ObjectUtils.getJSXElement(m.selectedItemTemplate):s.ObjectUtils.isNotEmpty(m.maxSelectedLabels)&&m.value.length>m.maxSelectedLabels?ge():m.value.map((function(e,t){var n=s.ObjectUtils.getJSXElement(m.selectedItemTemplate,e);return O.createElement(O.Fragment,{key:t},n)})):"chip"!==m.display||U?ye():m.value.slice(0,m.maxSelectedLabels||m.value.length).map((function(e,t){var n=se(e),l=s.mergeProps({key:t,className:q("removeTokenIcon"),onClick:function(t){return ve(t,e)}},M("removeTokenIcon")),r=!m.disabled&&(m.removeIcon?s.IconUtils.getJSXIcon(m.removeIcon,$({},l),{props:m}):O.createElement(i.TimesCircleIcon,l)),o=s.mergeProps({className:q("token")},M("token")),a=s.mergeProps({key:n+t,className:q("tokenLabel")},M("tokenLabel"));return O.createElement("div",I({},o,{key:n}),O.createElement("span",a,n),r)})),Oe=s.mergeProps({ref:C,className:q("labelContainer")},M("labelContainer")),xe=s.mergeProps({className:q("label",{empty:U})},M("label")),O.createElement("div",Oe,O.createElement("div",xe,he||m.placeholder||"empty"))),Ae=!m.inline&&function(){var e=s.mergeProps({className:q("clearIcon"),onClick:function(e){return Y(e,[],[])}},M("clearIcon")),t=s.IconUtils.getJSXIcon(m.clearIcon||O.createElement(o.TimesIcon,e),$({},e),{props:m});return U||!m.showClear||m.disabled?null:t}(),Ue=s.mergeProps($($({ref:j,id:m.id,style:$($({},m.style),V("root")),className:s.classNames(m.className,q("root",{focusedState:y,overlayVisibleState:k}))},ke),{},{onClick:function(e){m.inline||m.disabled||m.loading||ie(e)||"removetokenicon"===s.DomHandler.getAttribute(e.target,"data-pc-section")||re(e)||(k?ne():te(),s.DomHandler.focus(w.current),e.preventDefault())}}),R.getOtherProps(m),M("root")),Fe=s.mergeProps({className:"p-hidden-accessible"},M("hiddenInputWrapper")),Le=s.mergeProps($({ref:w,id:m.inputId,name:m.name,type:"text",onFocus:function(e){h(!0),m.onFocus&&m.onFocus(e)},onBlur:function(e){h(!1),m.onBlur&&m.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(m.inline)break;!k&&e.altKey&&(te(),e.preventDefault());break;case 32:if(m.inline)break;k?ne():te(),e.preventDefault();break;case 27:if(m.inline)break;ne();break;case 9:if(k){var t=s.DomHandler.getFirstFocusableElement(N.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":k,disabled:m.disabled,tabIndex:m.tabIndex},Ee),M("input"));return O.createElement(O.Fragment,null,O.createElement("div",Ue,O.createElement("div",Fe,O.createElement("input",I({},Le,{readOnly:!0}))),!m.inline&&O.createElement(O.Fragment,null,De,Ae,Ne),O.createElement(W,I({hostName:"MultiSelect",ref:N,visibleOptions:Ie},m,{onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:j.current})},onOverlayHide:ne,filterValue:d,hasFilter:D,onFilterInputChange:function(e){var t=e.query;b(t),m.onFilter&&m.onFilter({originalEvent:e,filter:t})},resetFilter:ee,onCloseClick:function(e){ne(),s.DomHandler.focus(w.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(m.onSelectAll)m.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],Ie){var n=Ie.filter((function(e){return de(e)&&ce(e)}));t=n.map((function(e){return me(e)}))}}else if(Ie){var l=Ie.filter((function(e){return!de(e)||ce(e)}));m.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(A(t),A(fe(e).filter((function(e){return!de(e)})).map((function(e){return me(e)}))))}))):t=l.map((function(e){return me(e)}))}Y(e.originalEvent,t,t)}},getOptionLabel:pe,getOptionRenderKey:function(e){return m.dataKey?s.ObjectUtils.resolveFieldData(e,m.dataKey):pe(e)},isOptionDisabled:de,getOptionGroupChildren:fe,getOptionGroupLabel:function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},getOptionGroupRenderKey:function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},isSelected:ce,getSelectedOptionIndex:function(){if(null!=m.value&&m.options){if(m.optionGroupLabel){var e=0,t=m.options.findIndex((function(t,n){return(e=n)&&-1!==ae(m.value,fe(t))}));return-1!==t?{group:e,option:t}:-1}return ae(m.value,m.options)}return-1},isAllSelected:function(){if(m.onSelectAll)return m.selectAll;if(s.ObjectUtils.isEmpty(Ie))return!1;var e=Ie.filter((function(e){return!de(e)}));if(m.optionGroupLabel){var t,n=!0,l=Q(e);try{for(l.s();!(t=l.n()).done;){!0===fe(t.value).filter((function(e){return!de(e)})).some((function(e){return!ce(e)}))&&(n=!1)}}catch(e){l.e(e)}finally{l.f()}return n}return!e.some((function(e){return!ce(e)}))},onOptionSelect:B,allowOptionSelect:_,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=z(n);l&&l.focus(),t.preventDefault();break;case 38:var r=Z(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:B(e),t.preventDefault();break;case 27:ne(),s.DomHandler.focus(w.current)}},in:k,onEnter:function(e){var t;s.ZIndexUtils.set("overlay",N.current,p&&p.autoZIndex||x.default.autoZIndex,p&&p.zIndex.overlay||x.default.zIndex.overlay),s.DomHandler.addStyles(N.current,{position:"absolute",top:"0",left:"0"}),le(),(t=s.DomHandler.findSingle(N.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),J(),m.onShow&&m.onShow()},onExit:function(){X()},onExited:function(){m.filter&&m.resetFilterOnHide&&ee(),s.ZIndexUtils.clear(N.current),m.onHide&&m.onHide()},ptm:M,cx:q,sx:V,isUnstyled:G,metaData:L}))),Se&&O.createElement(c.Tooltip,I({target:j,content:m.tooltip},m.tooltipOptions,{pt:M("tooltip")})))})));ne.displayName="MultiSelect",exports.MultiSelect=ne;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),l=require("primereact/hooks"),r=require("primereact/icons/chevrondown"),o=require("primereact/icons/spinner"),i=require("primereact/icons/times"),a=require("primereact/icons/timescircle"),c=require("primereact/overlayservice"),s=require("primereact/tooltip"),u=require("primereact/utils"),p=require("primereact/csstransition"),m=require("primereact/portal"),f=require("primereact/virtualscroller"),d=require("primereact/icons/check"),b=require("primereact/icons/search"),v=require("primereact/inputtext"),h=require("primereact/ripple");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var O=g(e),x=y(t);function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},I.apply(this,arguments)}function S(e){return S="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},S(e)}function k(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==S(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=k(e,"string");return"symbol"===S(t)?t:String(t)}function j(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function C(e){if(Array.isArray(e))return w(e)}function N(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 w(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e){return C(e)||N(e)||D(e)||P()}function U(e){if(Array.isArray(e))return e}function F(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return a}}function L(){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 T(e,t){return U(e)||F(e,t)||D(e,t)||L()}var M=n.ComponentBase.extend({defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,checkboxIcon:null,className:null,clearIcon:null,closeIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,itemCheckboxIcon:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onClick:null,onFilter:null,onFocus:null,onHide:null,onRemove:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectAllLabel:null,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,l=e.overlayVisibleState;return u.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===t.display,"p-disabled":t.disabled,"p-multiselect-clearable":t.showClear&&!t.disabled,"p-focus":n,"p-inputwrapper-filled":u.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||l})},label:function(e){var t=e.props,n=e.empty;return u.classNames("p-multiselect-label",{"p-placeholder":n&&t.placeholder,"p-multiselect-label-empty":n&&!t.placeholder&&!t.selectedItemTemplate,"p-multiselect-items-label":!n&&"chip"!==t.display&&t.value.length>t.maxSelectedLabels})},panel:function(e){var t=e.panelProps,n=e.context;return u.classNames("p-multiselect-panel p-component",{"p-multiselect-inline":t.inline,"p-multiselect-flex":t.flex,"p-multiselect-limited":!e.allowOptionSelect,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===x.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===x.default.ripple})},list:function(e){return"p-multiselect-items p-component"},labelContainer:"p-multiselect-label-container",triggerIcon:"p-multiselect-trigger-icon p-c",trigger:"p-multiselect-trigger",clearIcon:"p-multiselect-clear-icon",tokenLabel:"p-multiselect-token-label",token:"p-multiselect-token",removeTokenIcon:"p-multiselect-token-icon",wrapper:"p-multiselect-items-wrapper",emptyMessage:"p-multiselect-empty-message",itemGroup:"p-multiselect-item-group",closeButton:"p-multiselect-close p-link",header:"p-multiselect-header",closeIcon:"p-multiselect-close-icon",headerCheckboxContainer:"p-multiselect-select-all",headerCheckboxIcon:"p-multiselect-select-all p-checkbox-icon p-c",headerSelectAllLabel:"p-multiselect-select-all-label",filterContainer:"p-multiselect-filter-container",filterIcon:"p-multiselect-filter-icon",item:function(e){var t=e.itemProps;return u.classNames("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled})},checkboxContainer:"p-checkbox p-component",checkboxIcon:"p-checkbox-icon p-c",checkbox:function(e){return u.classNames("p-checkbox-box",{"p-highlight":e.itemProps.selected})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-multiselect {\n        display: inline-flex;\n        user-select: none;\n        cursor: pointer;\n    }\n    \n    .p-multiselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        cursor: pointer;\n    }\n    \n    .p-multiselect-label-container {\n        overflow: hidden;\n        flex: 1 1 auto;\n        cursor: pointer;\n    }\n    \n    .p-multiselect-label  {\n        display: block;\n        white-space: nowrap;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    \n    .p-multiselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-multiselect-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-multiselect-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-multiselect .p-multiselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-multiselect-inline.p-multiselect-panel {\n        border: none;\n        position: initial;\n        background: none;\n        box-shadow: none;\n    }\n    \n    .p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n        padding: 0;\n    }\n    \n    .p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n        display: flex;\n        flex-wrap: wrap;\n    }\n    \n    .p-multiselect-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-multiselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-multiselect-item {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-multiselect-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n    \n    .p-multiselect-select-all-label {\n        margin-left: 0.5rem;\n    }\n    \n    .p-multiselect-filter-container {\n        position: relative;\n        flex: 1 1 auto;\n    }\n    \n    .p-multiselect-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-multiselect-filter-container .p-inputtext {\n        width: 100%;\n    }\n    \n    .p-multiselect-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n        margin-left: auto;\n    }\n    \n    .p-multiselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-multiselect {\n        display: flex;\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return t.showClear&&!t.disabled&&{position:"relative"}},itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}}}}}),R=n.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{icon:"p-checkbox-icon p-c",input:function(e){return u.classNames("p-checkbox-box",{"p-highlight":e.checked,"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return u.classNames("p-checkbox p-component",{"p-checkbox-checked":e.checked,"p-checkbox-disabled":e.props.disabled,"p-checkbox-focused":e.focusedState})}},styles:"\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: auto;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}        \n"}});function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V=O.memo(O.forwardRef((function(e,r){var o=l.useMergeProps(),i=O.useContext(t.PrimeReactContext),a=R.getProps(e,i),c=T(O.useState(!1),2),p=c[0],m=c[1],f=R.setMetaData({props:a,state:{focused:p},context:{checked:a.checked===a.trueValue,disabled:a.disabled}}),b=f.ptm,v=f.cx;n.useHandleStyle(R.css.styles,f.isUnstyled,{name:"checkbox",styled:!0});var h=O.useRef(null),y=O.useRef(a.inputRef),g=function(e){if(!a.disabled&&!a.readOnly&&(a.onChange||a.onClick)){var t=x(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object,l=e.target===y.current,r=n&&e.target.checked!==t,o=t?a.falseValue:a.trueValue,i={originalEvent:e,value:a.value,checked:o,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:a.name,id:a.id,value:a.value,checked:o}};if(a.onClick&&a.onClick(i),e.defaultPrevented)return;(l||r)&&a.onChange&&a.onChange(i),u.DomHandler.focus(y.current),e.preventDefault()}},x=function(){return a.checked===a.trueValue};O.useImperativeHandle(r,(function(){return{props:a,focus:function(){return u.DomHandler.focus(y.current)},getElement:function(){return h.current},getInput:function(){return y.current}}})),O.useEffect((function(){u.ObjectUtils.combinedRefs(y,a.inputRef)}),[y,a.inputRef]),l.useUpdateEffect((function(){y.current.checked=x()}),[a.checked,a.trueValue]),l.useMountEffect((function(){a.autoFocus&&u.DomHandler.focus(y.current,a.autoFocus)}));var S=x(),k=u.ObjectUtils.isNotEmpty(a.tooltip),E=R.getOtherProps(a),j=u.ObjectUtils.reduceKeys(E,u.DomHandler.ARIA_PROPS),w=o({className:v("icon")},b("icon")),C=u.IconUtils.getJSXIcon(S?a.icon||O.createElement(d.CheckIcon,w):null,q({},w),{props:a,checked:S}),N=o({id:a.id,className:u.classNames(a.className,v("root",{checked:S,focusedState:p})),style:a.style,onClick:function(e){return g(e)},onContextMenu:a.onContextMenu,onMouseDown:a.onMouseDown},E,b("root")),D=o({className:"p-hidden-accessible"},b("hiddenInputWrapper")),P=o(q({id:a.inputId,type:"checkbox",name:a.name,tabIndex:a.tabIndex,defaultChecked:S,onFocus:function(e){m(!0)},onBlur:function(e){m(!1)},onKeyDown:function(e){var t;"Space"!==(t=e).code&&" "!==t.key||g(t)},disabled:a.disabled,readOnly:a.readOnly,required:a.required},j),b("hiddenInput")),A=o({className:v("input",{checked:S,focusedState:p}),"data-p-highlight":S,"data-p-disabled":a.disabled,"data-p-focus":p},b("input"));return O.createElement(O.Fragment,null,O.createElement("div",I({ref:h},N),O.createElement("div",D,O.createElement("input",I({ref:y},P))),O.createElement("div",A,C)),k&&O.createElement(s.Tooltip,I({target:h,content:a.tooltip},a.tooltipOptions,{pt:b("tooltip")})))})));function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function K(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){j(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}V.displayName="Checkbox";var J=O.memo((function(e){var n=l.useMergeProps(),r=e.ptm,o=e.cx,a=e.isUnstyled,c={filter:function(e){return p(e)},reset:function(){return e.resetFilter()}},s=function(t,n){return r(t,K({hostName:e.hostName},n))},p=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},m=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault(),t.stopPropagation()},f=function(){var t=n({className:o("filterIcon")},s("filterIcon")),l=u.IconUtils.getJSXIcon(e.filterIcon||O.createElement(b.SearchIcon,t),K({},t),{props:e});if(e.filter){var i=n({className:o("filterContainer")},s("filterContainer")),a=O.createElement("div",i,O.createElement(v.InputText,{ref:e.filterRef,type:"text",role:"textbox",value:e.filterValue,onChange:p,className:"p-multiselect-filter",placeholder:e.filterPlaceholder,pt:r("filterInput"),__parentMetadata:{parent:e.metaData}}),l);if(e.filterTemplate)a=u.ObjectUtils.getJSXElement(e.filterTemplate,{className:i.className,element:a,filterOptions:c,onFilter:p,filterIconClassName:e.filterIconClassName,props:e});return O.createElement(O.Fragment,null,a)}return null}(),y=e.id?e.id+"_selectall":u.UniqueComponentId(),g=n({htmlFor:y,className:o("headerSelectAllLabel")},s("headerSelectAllLabel")),x=n({className:o("headerCheckboxIcon")},s("headerCheckboxIcon")),I=n({className:o("headerCheckboxContainer")},s("headerCheckboxContainer")),S=u.IconUtils.getJSXIcon(e.itemCheckboxIcon||O.createElement(d.CheckIcon,x),K({},x),{selected:e.selected}),k=e.showSelectAll&&O.createElement("div",I,O.createElement(V,{id:y,checked:e.selectAll,onChange:m,role:"checkbox","aria-checked":e.selectAll,icon:S,pt:r("headerCheckbox"),unstyled:a()}),!e.filter&&O.createElement("label",g,e.selectAllLabel)),E=n({className:o("closeIcon"),"aria-hidden":!0},s("closeIcon")),j=u.IconUtils.getJSXIcon(e.closeIcon||O.createElement(i.TimesIcon,E),K({},E),{props:e}),w=n({className:o("header")},s("header")),C=n({type:"button",className:o("closeButton"),"aria-label":t.localeOption("close"),onClick:e.onClose},s("closeButton")),N=O.createElement("button",C,j,O.createElement(h.Ripple,null)),D=O.createElement("div",w,k,f,N);return e.template?u.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:k,checked:e.selectAll,onChange:m,filterElement:f,closeElement:N,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:e.onClose,element:D,itemCheckboxIcon:S,props:e}):D}));function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}J.displayName="MultiSelectHeader";var B=O.memo((function(e){var t=T(O.useState(!1),2),n=t[0],r=t[1],o=l.useMergeProps(),i=e.ptm,a=e.cx,c=function(t){return i(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:n}})},s=o({className:a("checkboxIcon")},c("checkboxIcon")),p=e.selected?u.IconUtils.getJSXIcon(e.checkboxIcon||O.createElement(d.CheckIcon,s),_({},s),{selected:e.selected}):null,m=e.template?u.ObjectUtils.getJSXElement(e.template,e.option):e.label,f=e.disabled?null:e.tabIndex||0,b=o({className:a("checkboxContainer")},c("checkboxContainer")),v=o({className:a("checkbox",{itemProps:e}),"data-p-highlight":e.selected},c("checkbox")),y=o({className:u.classNames(e.className,e.option.className,a("item",{itemProps:e})),style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault(),t.stopPropagation()},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,option:e.option})},onFocus:function(e){r(!0)},onBlur:function(e){r(!1)},tabIndex:f,role:"option","aria-selected":e.selected,"data-p-highlight":e.selected,"data-p-disabled":e.disabled},c("item"));return O.createElement("li",y,O.createElement("div",b,O.createElement("div",v,p)),O.createElement("span",null,m),O.createElement(h.Ripple,null))}));function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}B.displayName="MultiSelectItem";var W=O.memo(O.forwardRef((function(e,n){var r=O.useRef(null),o=O.useRef(null),i=l.useMergeProps(),a=O.useContext(t.PrimeReactContext),c=e.ptm,s=e.cx,d=e.sx,b=e.isUnstyled,v=function(t,n){return c(t,Z({hostName:e.hostName},n))},h=function(){e.onEnter((function(){if(r.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return r.current.scrollToIndex(t)}),0)}}))},y=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&o.current&&u.DomHandler.focus(o.current,!1)}))},g=function(t){r.current&&r.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},x=function(){if(e.panelFooterTemplate){var t=u.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return O.createElement("div",{className:"p-multiselect-footer"},t)}return null},S=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var r=e.getOptionLabel(t),o=l+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t),a=i?null:e.tabIndex||0,u=e.isSelected(t);return O.createElement(B,{hostName:e.hostName,key:o,label:r,option:t,style:n,template:e.itemTemplate,selected:u,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:a,disabled:i,className:e.itemClassName,checkboxIcon:e.checkboxIcon,ptm:c,cx:s})}))},k=function(){var n=u.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||t.localeOption("emptyFilterMessage"),l=i({className:s("emptyMessage")},v("emptyMessage"));return O.createElement("li",l,n)},E=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var o=e.optionGroupTemplate?u.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=S(t,r),p=n+"_"+e.getOptionGroupRenderKey(t),m=i({className:s("itemGroup"),style:d("itemGroup",{scrollerOptions:l})},v("itemGroup"));return O.createElement(O.Fragment,{key:p},O.createElement("li",m,o),a)}var f=e.getOptionLabel(t),b=n+"_"+e.getOptionRenderKey(t),h=e.isOptionDisabled(t),y=h?null:e.tabIndex||0,g=e.isSelected(t);return O.createElement(B,{hostName:e.hostName,key:b,label:f,option:t,style:r,template:e.itemTemplate,selected:g,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:y,disabled:h,className:e.itemClassName,checkboxIcon:e.checkboxIcon,ptm:c,cx:s})},j=function(){if(e.virtualScrollerOptions){var n=Z(Z({},e.virtualScrollerOptions),{style:Z(Z({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:u.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(Z(Z({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&E(e,t.index,t)},contentTemplate:function(t){var n=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:k(),l=i({ref:t.contentRef,style:t.style,className:u.classNames(t.className,s("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},v("list"));return O.createElement("ul",l,n)}});return O.createElement(f.VirtualScroller,I({ref:r},n,{pt:c("virtualScroller"),__parentMetadata:{parent:e.metaData}}))}var l,o,a=u.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(E):e.hasFilter?k():(l=u.ObjectUtils.getJSXElement(e.emptyMessage,e)||t.localeOption("emptyMessage"),o=i({className:s("emptyMessage")},v("emptyMessage")),O.createElement("li",o,l)),p=i({className:s("wrapper"),style:{maxHeight:e.scrollHeight}},v("wrapper")),m=i({className:s("list"),role:"listbox","aria-multiselectable":!0},v("list"));return O.createElement("div",p,O.createElement("ul",m,a))},w=function(){var t=e.allowOptionSelect(),l=O.createElement(J,{hostName:e.hostName,id:e.id,filter:e.filter,filterRef:o,filterValue:e.filterValue,filterTemplate:e.filterTemplate,onFilter:g,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),selectAllLabel:e.selectAllLabel,onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate,resetFilter:e.resetFilter,closeIcon:e.closeIcon,filterIcon:e.filterIcon,itemCheckboxIcon:e.itemCheckboxIcon,ptm:c,cx:s,isUnstyled:b,metaData:e.metaData}),r=j(),m=x(),f=i({className:u.classNames(e.panelClassName,s("panel",{panelProps:e,context:a,allowOptionSelect:t})),style:e.panelStyle,onClick:e.onClick},v("panel"));if(e.inline)return O.createElement("div",I({ref:n},f),r,m);var d=i({classNames:s("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:h,onEntered:y,onExit:e.onExit,onExited:e.onExited},v("transition"));return O.createElement(p.CSSTransition,I({nodeRef:n},d),O.createElement("div",I({ref:n},f),l,r,m))}();return e.inline?w:O.createElement(m.Portal,{element:w,appendTo:e.appendTo})})));function Y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function $(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Q(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=ee(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}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 ee(e,t){if(e){if("string"==typeof e)return te(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)?te(e,t):void 0}}function te(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}W.displayName="MultiSelectPanel";var ne=O.memo(O.forwardRef((function(e,p){var m=l.useMergeProps(),f=O.useContext(t.PrimeReactContext),d=M.getProps(e,f),b=T(O.useState(""),2),v=b[0],h=b[1],y=T(O.useState(!1),2),g=y[0],S=y[1],k=T(O.useState(d.inline),2),E=k[0],w=k[1],C=O.useRef(null),N=O.useRef(d.inputRef),D=O.useRef(null),P=O.useRef(null),U=v&&v.trim().length>0,F=u.ObjectUtils.isEmpty(d.value),L=d.optionValue?null:d.dataKey,R={props:d,state:{filterState:v,focused:g,overlayVisible:E}},H=M.setMetaData(R),q=H.ptm,V=H.cx,G=H.sx,K=H.isUnstyled;n.useHandleStyle(M.css.styles,K,{name:"multiselect"});var J=T(l.useOverlayListener({target:C,overlay:P,listener:function(e,t){t.valid&&("outside"===t.type?!oe(e)&&!ie(e)&&le():le())},when:E}),2),X=J[0],_=J[1],B=function(){return!d.selectionLimit||!d.value||d.value&&d.value.length<d.selectionLimit},z=function(e){var t=e.originalEvent,n=e.option;if(!d.disabled&&!be(n)){var l=fe(n),r=ve(n),o=se(n),i=B();o?ee(t,d.value.filter((function(e){return!u.ObjectUtils.equals(r?e:fe(e),l,L)})),n):i&&ee(t,[].concat(A(d.value||[]),[l]),n)}},Z=function e(t){var n=t.nextElementSibling;return n?!0===u.DomHandler.getAttribute(n,"data-p-disabled")||"itemgroup"===u.DomHandler.getAttribute(n,"data-pc-section")?e(n):n:null},Y=function e(t){var n=t.previousElementSibling;return n?!0===u.DomHandler.getAttribute(n,"data-p-disabled")||"itemgroup"===u.DomHandler.getAttribute(n,"data-pc-section")?e(n):n:null},ee=function(e,t,n){d.onChange&&d.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:t}})},te=function(){h(""),d.onFilter&&d.onFilter({filter:""})},ne=function(){w(!0)},le=function(){w(!1)},re=function(){u.DomHandler.alignOverlay(P.current,D.current.parentElement,d.appendTo||f&&f.appendTo||x.default.appendTo)},oe=function(e){return"clearicon"===u.DomHandler.getAttribute(e.target,"data-pc-section")},ie=function(e){return"headercheckboxcontainer"===u.DomHandler.getAttribute(e.target,"data-pc-section")},ae=function(e){return P.current&&P.current.contains(e.target)},ce=function(e,t){return t.findIndex((function(t){return e.some((function(e){return u.ObjectUtils.equals(e,fe(t),L)}))}))},se=function(e){if(d.value){var t=fe(e),n=ve(e);return d.value.some((function(e){return u.ObjectUtils.equals(n?e:fe(e),t,L)}))}return!1},ue=function(e){var t;if(d.options)if(d.optionGroupLabel){var n,l=Q(d.options);try{for(l.s();!(n=l.n()).done;){if(t=pe(e,de(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=pe(e,d.options),u.ObjectUtils.isEmpty(t)&&(t=pe(e,d.value));return t?me(t):null},pe=function(e,t){return t.find((function(t){return u.ObjectUtils.equals(fe(t),e,L)}))},me=function(e){return d.optionLabel?u.ObjectUtils.resolveFieldData(e,d.optionLabel):e&&void 0!==e.label?e.label:e},fe=function(e){if(d.useOptionAsValue)return e;if(d.optionValue){var t=u.ObjectUtils.resolveFieldData(e,d.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},de=function(e){return u.ObjectUtils.resolveFieldData(e,d.optionGroupChildren)},be=function(e){return d.optionDisabled?u.ObjectUtils.isFunction(d.optionDisabled)?d.optionDisabled(e):u.ObjectUtils.resolveFieldData(e,d.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},ve=function(e){return!d.useOptionAsValue&&d.optionValue||e&&void 0!==e.value},he=function(e,t){var n=d.value.filter((function(e){return!u.ObjectUtils.equals(e,t,L)}));d.onRemove&&d.onRemove({originalEvent:e,value:n}),ee(e,n,t)},ye=function(){var e=/{(.*?)}/;return e.test(d.selectedItemsLabel)?d.selectedItemsLabel.replace(d.selectedItemsLabel.match(e)[0],d.value.length+""):d.selectedItemsLabel},ge=function(){if(!F&&!d.fixedPlaceholder)return u.ObjectUtils.isNotEmpty(d.maxSelectedLabels)&&d.value.length>d.maxSelectedLabels?ye():u.ObjectUtils.isArray(d.value)?d.value.reduce((function(e,t,n){return e+(0!==n?", ":"")+ue(t)}),""):""};O.useImperativeHandle(p,(function(){return{props:d,show:ne,hide:le,focus:function(){return u.DomHandler.focus(N.current)},getElement:function(){return C.current},getOverlay:function(){return P.current},getInput:function(){return N.current}}})),l.useMountEffect((function(){re()})),O.useEffect((function(){u.ObjectUtils.combinedRefs(N,d.inputRef)}),[N,d.inputRef]),O.useEffect((function(){setTimeout((function(){d.overlayVisible?ne():le()}),100)}),[d.overlayVisible]),l.useUpdateEffect((function(){E&&v&&U&&re()}),[E,v,U]),l.useUnmountEffect((function(){u.ZIndexUtils.clear(P.current)}));var Oe,xe,Ie,Se=function(){if(U){var e=v.trim().toLocaleLowerCase(d.filterLocale),n=d.filterBy?d.filterBy.split(","):[d.optionLabel||"label"];if(d.optionGroupLabel){var l,r=[],o=Q(d.options);try{for(o.s();!(l=o.n()).done;){var i=l.value,a=t.FilterService.filter(de(i),n,e,d.filterMatchMode,d.filterLocale);a&&a.length&&r.push($($({},i),j({},d.optionGroupChildren,a)))}}catch(e){o.e(e)}finally{o.f()}return r}return t.FilterService.filter(d.options,n,e,d.filterMatchMode,d.filterLocale)}return d.options}(),ke=u.ObjectUtils.isNotEmpty(d.tooltip),Ee=M.getOtherProps(d),je=u.ObjectUtils.reduceKeys(Ee,u.DomHandler.ARIA_PROPS),we=m({className:V("triggerIcon")},q("triggerIcon")),Ce=m({className:V("trigger")},q("trigger")),Ne=d.loadingIcon?u.IconUtils.getJSXIcon(d.loadingIcon,$({},we),{props:d}):O.createElement(o.SpinnerIcon,I({spin:!0},we)),De=d.dropdownIcon?u.IconUtils.getJSXIcon(d.dropdownIcon,$({},we),{props:d}):O.createElement(r.ChevronDownIcon,we),Pe=O.createElement("div",Ce,d.loading?Ne:De),Ae=!d.inline&&(Oe=d.selectedItemTemplate?F?u.ObjectUtils.getJSXElement(d.selectedItemTemplate):u.ObjectUtils.isNotEmpty(d.maxSelectedLabels)&&d.value.length>d.maxSelectedLabels?ye():d.value.map((function(e,t){var n=u.ObjectUtils.getJSXElement(d.selectedItemTemplate,e);return O.createElement(O.Fragment,{key:t},n)})):"chip"!==d.display||F?ge():d.value.slice(0,d.maxSelectedLabels||d.value.length).map((function(e,t){var n=ue(e),l=m({key:t,className:V("removeTokenIcon"),onClick:function(t){return he(t,e)}},q("removeTokenIcon")),r=!d.disabled&&(d.removeIcon?u.IconUtils.getJSXIcon(d.removeIcon,$({},l),{props:d}):O.createElement(a.TimesCircleIcon,l)),o=m({className:V("token")},q("token")),i=m({key:n+t,className:V("tokenLabel")},q("tokenLabel"));return O.createElement("div",I({},o,{key:n}),O.createElement("span",i,n),r)})),xe=m({ref:D,className:V("labelContainer")},q("labelContainer")),Ie=m({className:V("label",{empty:F})},q("label")),O.createElement("div",xe,O.createElement("div",Ie,Oe||d.placeholder||"empty"))),Ue=!d.inline&&function(){var e=m({className:V("clearIcon"),onClick:function(e){return ee(e,[],[])}},q("clearIcon")),t=u.IconUtils.getJSXIcon(d.clearIcon||O.createElement(i.TimesIcon,e),$({},e),{props:d});return F||!d.showClear||d.disabled?null:t}(),Fe=m($($({ref:C,id:d.id,style:$($({},d.style),G("root")),className:u.classNames(d.className,V("root",{focusedState:g,overlayVisibleState:E}))},Ee),{},{onClick:function(e){d.inline||d.disabled||d.loading||ae(e)||"removetokenicon"===u.DomHandler.getAttribute(e.target,"data-pc-section")||oe(e)||(E?le():ne(),u.DomHandler.focus(N.current),e.preventDefault())}}),M.getOtherProps(d),q("root")),Le=m({className:"p-hidden-accessible"},q("hiddenInputWrapper")),Te=m($({ref:N,id:d.inputId,name:d.name,type:"text",onFocus:function(e){S(!0),d.onFocus&&d.onFocus(e)},onBlur:function(e){S(!1),d.onBlur&&d.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(d.inline)break;!E&&e.altKey&&(ne(),e.preventDefault());break;case 32:if(d.inline)break;E?le():ne(),e.preventDefault();break;case 27:if(d.inline)break;le();break;case 9:if(E){var t=u.DomHandler.getFirstFocusableElement(P.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":E,disabled:d.disabled,tabIndex:d.tabIndex},je),q("input"));return O.createElement(O.Fragment,null,O.createElement("div",Fe,O.createElement("div",Le,O.createElement("input",I({},Te,{readOnly:!0}))),!d.inline&&O.createElement(O.Fragment,null,Ae,Ue,Pe),O.createElement(W,I({hostName:"MultiSelect",ref:P,visibleOptions:Se},d,{onClick:function(e){c.OverlayService.emit("overlay-click",{originalEvent:e,target:C.current})},onOverlayHide:le,filterValue:v,hasFilter:U,onFilterInputChange:function(e){var t=e.query;h(t),d.onFilter&&d.onFilter({originalEvent:e,filter:t})},resetFilter:te,onCloseClick:function(e){le(),u.DomHandler.focus(N.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(d.onSelectAll)d.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],Se){var n=Se.filter((function(e){return be(e)&&se(e)}));t=n.map((function(e){return fe(e)}))}}else if(Se){var l=Se.filter((function(e){return!be(e)||se(e)}));d.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(A(t),A(de(e).filter((function(e){return!be(e)})).map((function(e){return fe(e)}))))}))):t=l.map((function(e){return fe(e)}))}ee(e.originalEvent,t,t)}},getOptionLabel:me,getOptionRenderKey:function(e){return d.dataKey?u.ObjectUtils.resolveFieldData(e,d.dataKey):me(e)},isOptionDisabled:be,getOptionGroupChildren:de,getOptionGroupLabel:function(e){return u.ObjectUtils.resolveFieldData(e,d.optionGroupLabel)},getOptionGroupRenderKey:function(e){return u.ObjectUtils.resolveFieldData(e,d.optionGroupLabel)},isSelected:se,getSelectedOptionIndex:function(){if(null!=d.value&&d.options){if(d.optionGroupLabel){var e=0,t=d.options.findIndex((function(t,n){return(e=n)&&-1!==ce(d.value,de(t))}));return-1!==t?{group:e,option:t}:-1}return ce(d.value,d.options)}return-1},isAllSelected:function(){if(d.onSelectAll)return d.selectAll;if(u.ObjectUtils.isEmpty(Se))return!1;var e=Se.filter((function(e){return!be(e)}));if(d.optionGroupLabel){var t,n=!0,l=Q(e);try{for(l.s();!(t=l.n()).done;){!0===de(t.value).filter((function(e){return!be(e)})).some((function(e){return!se(e)}))&&(n=!1)}}catch(e){l.e(e)}finally{l.f()}return n}return!e.some((function(e){return!se(e)}))},onOptionSelect:z,allowOptionSelect:B,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=Z(n);l&&l.focus(),t.preventDefault();break;case 38:var r=Y(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:z(e),t.preventDefault();break;case 27:le(),u.DomHandler.focus(N.current)}},in:E,onEnter:function(e){var t;u.ZIndexUtils.set("overlay",P.current,f&&f.autoZIndex||x.default.autoZIndex,f&&f.zIndex.overlay||x.default.zIndex.overlay),u.DomHandler.addStyles(P.current,{position:"absolute",top:"0",left:"0"}),re(),(t=u.DomHandler.findSingle(P.current,'li[data-p-highlight="true"]'))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),X(),d.onShow&&d.onShow()},onExit:function(){_()},onExited:function(){d.filter&&d.resetFilterOnHide&&te(),u.ZIndexUtils.clear(P.current),d.onHide&&d.onHide()},ptm:q,cx:V,sx:G,isUnstyled:K,metaData:R}))),ke&&O.createElement(s.Tooltip,I({target:C,content:d.tooltip},d.tooltipOptions,{pt:q("tooltip")})))})));ne.displayName="MultiSelect",exports.MultiSelect=ne;