primereact 10.5.0 → 10.5.1

package/multiselect/multiselect.cjs.js

@@ -299,6 +299,7 @@ var MultiSelectBase = componentbase.ComponentBase.extend({
     itemCheckboxIcon: null,
     itemClassName: null,
     itemTemplate: null,
+    loading: false,
     maxSelectedLabels: null,
     name: null,
     onBlur: null,
@@ -581,10 +582,9 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     ref: inputRef
   }, hiddenInputProps))), /*#__PURE__*/React__namespace.createElement("div", inputProps, checkboxIcon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 Checkbox.displayName = 'Checkbox';
 
@@ -1063,11 +1063,31 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
       onExit: props.onExit,
       onExited: props.onExited
     }, getPTOptions('transition'));
+    var firstHiddenElementProps = mergeProps({
+      ref: props.firstHiddenFocusableElementOnOverlay,
+      role: 'presentation',
+      'aria-hidden': 'true',
+      className: 'p-hidden-accessible p-hidden-focusable',
+      tabIndex: '0',
+      onFocus: props.onFirstHiddenFocus,
+      'data-p-hidden-accessible': true,
+      'data-p-hidden-focusable': true
+    }, ptm('hiddenFirstFocusableEl'));
+    var lastHiddenElementProps = mergeProps({
+      ref: props.lastHiddenFocusableElementOnOverlay,
+      role: 'presentation',
+      'aria-hidden': 'true',
+      className: 'p-hidden-accessible p-hidden-focusable',
+      tabIndex: '0',
+      onFocus: props.onLastHiddenFocus,
+      'data-p-hidden-accessible': true,
+      'data-p-hidden-focusable': true
+    }, ptm('hiddenLastFocusableEl'));
     return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
       nodeRef: ref
     }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", _extends({
       ref: ref
-    }, panelProps), header, content, footer));
+    }, panelProps), /*#__PURE__*/React__namespace.createElement("span", firstHiddenElementProps), header, content, footer, /*#__PURE__*/React__namespace.createElement("span", lastHiddenElementProps)));
   };
   var element = createElement();
   if (props.inline) return element;
@@ -1273,7 +1293,6 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       if (focusedOptionIndex !== -1) {
         if (event.shiftKey) onOptionSelectRange(event, focusedOptionIndex);else onOptionSelect(event, visibleOptions[focusedOptionIndex]);
       }
-      hide();
     }
     event.preventDefault();
   };
@@ -1560,6 +1579,9 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       });
     });
   };
+  var isEquals = function isEquals(value1, value2) {
+    return utils.ObjectUtils.equals(value1, value2, equalityKey);
+  };
   var isSelected = function isSelected(option) {
     if (props.value) {
       var optionValue = getOptionValue(option);
@@ -1704,9 +1726,23 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     return isValidOption(option) && isSelected(option);
   };
   var findSelectedOptionIndex = function findSelectedOptionIndex() {
-    return hasSelectedOption ? visibleOptions === null || visibleOptions === void 0 ? void 0 : visibleOptions.findIndex(function (option) {
-      return isValidSelectedOption(option);
-    }) : -1;
+    if (hasSelectedOption()) {
+      var _loop = function _loop() {
+          var value = props.value[index];
+          var matchedOptionIndex = visibleOptions.findIndex(function (option) {
+            return isValidSelectedOption(option) && isEquals(value, getOptionValue(option));
+          });
+          if (matchedOptionIndex > -1) return {
+            v: matchedOptionIndex
+          };
+        },
+        _ret;
+      for (var index = props.value.length - 1; index >= 0; index--) {
+        _ret = _loop();
+        if (_ret) return _ret.v;
+      }
+    }
+    return -1;
   };
   var findFirstFocusedOptionIndex = function findFirstFocusedOptionIndex() {
     var selectedIndex = findSelectedOptionIndex();
@@ -1834,6 +1870,12 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       if (props.display === 'chip' && !empty) {
         var value = props.value.slice(0, props.maxSelectedLabels || props.value.length);
         return value.map(function (val, i) {
+          var context = {
+            context: {
+              value: val,
+              index: i
+            }
+          };
           var label = getLabelByValue(val);
           var iconProps = mergeProps({
             key: i,
@@ -1841,17 +1883,17 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
             onClick: function onClick(e) {
               return removeChip(e, val);
             }
-          }, ptm('removeTokenIcon'));
+          }, ptm('removeTokenIcon', context));
           var icon = !props.disabled && (props.removeIcon ? utils.IconUtils.getJSXIcon(props.removeIcon, _objectSpread({}, iconProps), {
             props: props
           }) : /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps));
           var tokenProps = mergeProps({
             className: cx('token')
-          }, ptm('token'));
+          }, ptm('token', context));
           var tokenLabelProps = mergeProps({
             key: label + i,
             className: cx('tokenLabel')
-          }, ptm('tokenLabel'));
+          }, ptm('tokenLabel', context));
           return /*#__PURE__*/React__namespace.createElement("div", _extends({}, tokenProps, {
             key: label
           }), /*#__PURE__*/React__namespace.createElement("span", tokenLabelProps, label), icon);
@@ -1990,7 +2032,8 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     onClick: onClick
   }), MultiSelectBase.getOtherProps(props), ptm('root'));
   var hiddenInputWrapperProps = mergeProps({
-    className: 'p-hidden-accessible'
+    className: 'p-hidden-accessible',
+    'data-p-hidden-accessible': true
   }, ptm('hiddenInputWrapper'));
   var inputProps = mergeProps(_objectSpread({
     ref: inputRef,
@@ -2005,29 +2048,9 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     disabled: props.disabled,
     tabIndex: !props.disabled ? props.tabIndex : -1
   }, ariaProps), ptm('input'));
-  var firstHiddenElementProps = mergeProps({
-    ref: firstHiddenFocusableElementOnOverlay,
-    role: 'presentation',
-    'aria-hidden': true,
-    className: 'p-hidden-accessible p-hidden-focusable',
-    tabIndex: '0',
-    onFocus: onFirstHiddenFocus,
-    'data-p-hidden-accessible': true,
-    'data-p-hidden-focusable': true
-  }, ptm('hiddenFirstFocusableEl'));
-  var lastHiddenElementProps = mergeProps({
-    ref: lastHiddenFocusableElementOnOverlay,
-    role: 'presentation',
-    'aria-hidden': true,
-    className: 'p-hidden-accessible p-hidden-focusable',
-    tabIndex: '0',
-    onFocus: onLastHiddenFocus,
-    'data-p-hidden-accessible': true,
-    'data-p-hidden-focusable': true
-  }, ptm('hiddenLastFocusableEl'));
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React__namespace.createElement("input", _extends({}, inputProps, {
     readOnly: true
-  }))), !props.inline && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, label, clearIcon, triggerIcon), /*#__PURE__*/React__namespace.createElement("span", firstHiddenElementProps), /*#__PURE__*/React__namespace.createElement(MultiSelectPanel, _extends({
+  }))), !props.inline && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, label, clearIcon, triggerIcon), /*#__PURE__*/React__namespace.createElement(MultiSelectPanel, _extends({
     hostName: "MultiSelect",
     ref: overlayRef,
     visibleOptions: visibleOptions
@@ -2036,6 +2059,10 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     onOverlayHide: hide,
     filterValue: filterState,
     focusedOptionIndex: focusedOptionIndex,
+    onFirstHiddenFocus: onFirstHiddenFocus,
+    onLastHiddenFocus: onLastHiddenFocus,
+    firstHiddenFocusableElementOnOverlay: firstHiddenFocusableElementOnOverlay,
+    lastHiddenFocusableElementOnOverlay: lastHiddenFocusableElementOnOverlay,
     setFocusedOptionIndex: setFocusedOptionIndex,
     hasFilter: hasFilter,
     onFilterInputChange: onFilterInputChange,
@@ -2063,12 +2090,11 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     sx: sx,
     isUnstyled: isUnstyled,
     metaData: metaData
-  })), /*#__PURE__*/React__namespace.createElement("span", lastHiddenElementProps)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+  }))), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 MultiSelect.displayName = 'MultiSelect';
 

package/multiselect/multiselect.cjs.min.js

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

package/multiselect/multiselect.esm.js

@@ -272,6 +272,7 @@ var MultiSelectBase = ComponentBase.extend({
     itemCheckboxIcon: null,
     itemClassName: null,
     itemTemplate: null,
+    loading: false,
     maxSelectedLabels: null,
     name: null,
     onBlur: null,
@@ -554,10 +555,9 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     ref: inputRef
   }, hiddenInputProps))), /*#__PURE__*/React.createElement("div", inputProps, checkboxIcon)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 Checkbox.displayName = 'Checkbox';
 
@@ -1036,11 +1036,31 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
       onExit: props.onExit,
       onExited: props.onExited
     }, getPTOptions('transition'));
+    var firstHiddenElementProps = mergeProps({
+      ref: props.firstHiddenFocusableElementOnOverlay,
+      role: 'presentation',
+      'aria-hidden': 'true',
+      className: 'p-hidden-accessible p-hidden-focusable',
+      tabIndex: '0',
+      onFocus: props.onFirstHiddenFocus,
+      'data-p-hidden-accessible': true,
+      'data-p-hidden-focusable': true
+    }, ptm('hiddenFirstFocusableEl'));
+    var lastHiddenElementProps = mergeProps({
+      ref: props.lastHiddenFocusableElementOnOverlay,
+      role: 'presentation',
+      'aria-hidden': 'true',
+      className: 'p-hidden-accessible p-hidden-focusable',
+      tabIndex: '0',
+      onFocus: props.onLastHiddenFocus,
+      'data-p-hidden-accessible': true,
+      'data-p-hidden-focusable': true
+    }, ptm('hiddenLastFocusableEl'));
     return /*#__PURE__*/React.createElement(CSSTransition, _extends({
       nodeRef: ref
     }, transitionProps), /*#__PURE__*/React.createElement("div", _extends({
       ref: ref
-    }, panelProps), header, content, footer));
+    }, panelProps), /*#__PURE__*/React.createElement("span", firstHiddenElementProps), header, content, footer, /*#__PURE__*/React.createElement("span", lastHiddenElementProps)));
   };
   var element = createElement();
   if (props.inline) return element;
@@ -1246,7 +1266,6 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       if (focusedOptionIndex !== -1) {
         if (event.shiftKey) onOptionSelectRange(event, focusedOptionIndex);else onOptionSelect(event, visibleOptions[focusedOptionIndex]);
       }
-      hide();
     }
     event.preventDefault();
   };
@@ -1533,6 +1552,9 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       });
     });
   };
+  var isEquals = function isEquals(value1, value2) {
+    return ObjectUtils.equals(value1, value2, equalityKey);
+  };
   var isSelected = function isSelected(option) {
     if (props.value) {
       var optionValue = getOptionValue(option);
@@ -1677,9 +1699,23 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     return isValidOption(option) && isSelected(option);
   };
   var findSelectedOptionIndex = function findSelectedOptionIndex() {
-    return hasSelectedOption ? visibleOptions === null || visibleOptions === void 0 ? void 0 : visibleOptions.findIndex(function (option) {
-      return isValidSelectedOption(option);
-    }) : -1;
+    if (hasSelectedOption()) {
+      var _loop = function _loop() {
+          var value = props.value[index];
+          var matchedOptionIndex = visibleOptions.findIndex(function (option) {
+            return isValidSelectedOption(option) && isEquals(value, getOptionValue(option));
+          });
+          if (matchedOptionIndex > -1) return {
+            v: matchedOptionIndex
+          };
+        },
+        _ret;
+      for (var index = props.value.length - 1; index >= 0; index--) {
+        _ret = _loop();
+        if (_ret) return _ret.v;
+      }
+    }
+    return -1;
   };
   var findFirstFocusedOptionIndex = function findFirstFocusedOptionIndex() {
     var selectedIndex = findSelectedOptionIndex();
@@ -1807,6 +1843,12 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       if (props.display === 'chip' && !empty) {
         var value = props.value.slice(0, props.maxSelectedLabels || props.value.length);
         return value.map(function (val, i) {
+          var context = {
+            context: {
+              value: val,
+              index: i
+            }
+          };
           var label = getLabelByValue(val);
           var iconProps = mergeProps({
             key: i,
@@ -1814,17 +1856,17 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
             onClick: function onClick(e) {
               return removeChip(e, val);
             }
-          }, ptm('removeTokenIcon'));
+          }, ptm('removeTokenIcon', context));
           var icon = !props.disabled && (props.removeIcon ? IconUtils.getJSXIcon(props.removeIcon, _objectSpread({}, iconProps), {
             props: props
           }) : /*#__PURE__*/React.createElement(TimesCircleIcon, iconProps));
           var tokenProps = mergeProps({
             className: cx('token')
-          }, ptm('token'));
+          }, ptm('token', context));
           var tokenLabelProps = mergeProps({
             key: label + i,
             className: cx('tokenLabel')
-          }, ptm('tokenLabel'));
+          }, ptm('tokenLabel', context));
           return /*#__PURE__*/React.createElement("div", _extends({}, tokenProps, {
             key: label
           }), /*#__PURE__*/React.createElement("span", tokenLabelProps, label), icon);
@@ -1963,7 +2005,8 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     onClick: onClick
   }), MultiSelectBase.getOtherProps(props), ptm('root'));
   var hiddenInputWrapperProps = mergeProps({
-    className: 'p-hidden-accessible'
+    className: 'p-hidden-accessible',
+    'data-p-hidden-accessible': true
   }, ptm('hiddenInputWrapper'));
   var inputProps = mergeProps(_objectSpread({
     ref: inputRef,
@@ -1978,29 +2021,9 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     disabled: props.disabled,
     tabIndex: !props.disabled ? props.tabIndex : -1
   }, ariaProps), ptm('input'));
-  var firstHiddenElementProps = mergeProps({
-    ref: firstHiddenFocusableElementOnOverlay,
-    role: 'presentation',
-    'aria-hidden': true,
-    className: 'p-hidden-accessible p-hidden-focusable',
-    tabIndex: '0',
-    onFocus: onFirstHiddenFocus,
-    'data-p-hidden-accessible': true,
-    'data-p-hidden-focusable': true
-  }, ptm('hiddenFirstFocusableEl'));
-  var lastHiddenElementProps = mergeProps({
-    ref: lastHiddenFocusableElementOnOverlay,
-    role: 'presentation',
-    'aria-hidden': true,
-    className: 'p-hidden-accessible p-hidden-focusable',
-    tabIndex: '0',
-    onFocus: onLastHiddenFocus,
-    'data-p-hidden-accessible': true,
-    'data-p-hidden-focusable': true
-  }, ptm('hiddenLastFocusableEl'));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React.createElement("input", _extends({}, inputProps, {
     readOnly: true
-  }))), !props.inline && /*#__PURE__*/React.createElement(React.Fragment, null, label, clearIcon, triggerIcon), /*#__PURE__*/React.createElement("span", firstHiddenElementProps), /*#__PURE__*/React.createElement(MultiSelectPanel, _extends({
+  }))), !props.inline && /*#__PURE__*/React.createElement(React.Fragment, null, label, clearIcon, triggerIcon), /*#__PURE__*/React.createElement(MultiSelectPanel, _extends({
     hostName: "MultiSelect",
     ref: overlayRef,
     visibleOptions: visibleOptions
@@ -2009,6 +2032,10 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     onOverlayHide: hide,
     filterValue: filterState,
     focusedOptionIndex: focusedOptionIndex,
+    onFirstHiddenFocus: onFirstHiddenFocus,
+    onLastHiddenFocus: onLastHiddenFocus,
+    firstHiddenFocusableElementOnOverlay: firstHiddenFocusableElementOnOverlay,
+    lastHiddenFocusableElementOnOverlay: lastHiddenFocusableElementOnOverlay,
     setFocusedOptionIndex: setFocusedOptionIndex,
     hasFilter: hasFilter,
     onFilterInputChange: onFilterInputChange,
@@ -2036,12 +2063,11 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     sx: sx,
     isUnstyled: isUnstyled,
     metaData: metaData
-  })), /*#__PURE__*/React.createElement("span", lastHiddenElementProps)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+  }))), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 MultiSelect.displayName = 'MultiSelect';