primereact 10.3.0 → 10.3.2

package/multiselect/multiselect.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.multiselect = (function (exports, React, PrimeReact, componentbase, hooks, chevrondown, times, timescircle, overlayservice, tooltip, utils, csstransition, portal, virtualscroller, check, search, inputtext, ripple, spinner) {
+this.primereact.multiselect = (function (exports, React, PrimeReact, componentbase, hooks, chevrondown, spinner, times, timescircle, overlayservice, tooltip, utils, csstransition, portal, virtualscroller, check, search, inputtext, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -255,6 +255,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
       display: 'comma',
       dropdownIcon: null,
       emptyFilterMessage: null,
+      emptyMessage: null,
       filter: false,
       filterBy: null,
       filterInputAutoFocus: true,
@@ -299,6 +300,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
       resetFilterOnHide: false,
       scrollHeight: '200px',
       selectAll: false,
+      selectAllLabel: null,
       selectedItemTemplate: null,
       selectedItemsLabel: '{0} items selected',
       selectionLimit: null,
@@ -381,6 +383,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
   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),
@@ -415,32 +418,32 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
         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);
@@ -491,7 +494,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
     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;
@@ -499,7 +502,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
       props: props,
       checked: checked
     });
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       id: props.id,
       className: utils.classNames(props.className, cx('root', {
         checked: checked,
@@ -512,10 +515,10 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
       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,
@@ -534,7 +537,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
       readOnly: props.readOnly,
       required: props.required
     }, ariaProps), ptm('hiddenInput'));
-    var inputProps = utils.mergeProps({
+    var inputProps = mergeProps({
       className: cx('input', {
         checked: checked,
         focusedState: focusedState
@@ -559,6 +562,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
   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;
@@ -594,7 +598,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
       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);
@@ -602,7 +606,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
         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, {
@@ -635,30 +639,31 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
     };
     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'));
@@ -666,10 +671,10 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
     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'),
@@ -701,16 +706,29 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
   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({
@@ -729,7 +747,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
         });
       }
     };
-    var checkboxIconProps = utils.mergeProps({
+    var checkboxIconProps = mergeProps({
       className: cx('checkboxIcon')
     }, getPTOptions('checkboxIcon'));
     var icon = props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checkboxIconProps);
@@ -738,23 +756,25 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
     }) : 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,
@@ -769,6 +789,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
   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,
@@ -871,14 +892,14 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
     };
     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);
@@ -892,7 +913,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
         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
@@ -952,7 +973,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
           },
           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', {
@@ -974,13 +995,13 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
         }));
       } 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
@@ -993,7 +1014,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
       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,
@@ -1007,7 +1028,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
           ref: ref
         }, panelProps), content, footer);
       }
-      var transitionProps = utils.mergeProps({
+      var transitionProps = mergeProps({
         classNames: cx('transition'),
         "in": props["in"],
         timeout: {
@@ -1042,6 +1063,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
   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(''),
@@ -1282,7 +1304,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
       });
     };
     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',
@@ -1545,7 +1567,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
           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) {
@@ -1555,10 +1577,10 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
             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'));
@@ -1638,7 +1660,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
       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, [], []);
@@ -1655,11 +1677,11 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
     };
     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
         })
@@ -1670,10 +1692,10 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
     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), {
@@ -1687,7 +1709,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
     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')),
@@ -1698,10 +1720,10 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
     }, 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,
@@ -1766,4 +1788,4 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.chevrondown, primereact.icons.times, primereact.icons.timescircle, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.portal, primereact.virtualscroller, primereact.icons.check, primereact.icons.search, primereact.inputtext, primereact.ripple, primereact.icons.spinner);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.chevrondown, primereact.icons.spinner, primereact.icons.times, primereact.icons.timescircle, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.portal, primereact.virtualscroller, primereact.icons.check, primereact.icons.search, primereact.inputtext, primereact.ripple);

package/multiselect/multiselect.min.js

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