primereact 10.6.3 → 10.6.4

package/multiselect/multiselect.d.ts

@@ -455,7 +455,7 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * When present, it specifies that the component should be disabled.
      * @defaultValue false
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * Used mode to display the selected item. Valid values are 'comma' and 'chip'.
      * @defaultValue comma
@@ -478,7 +478,7 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * When specified, displays an input field to filter the items on keyup.
      * @defaultValue true
      */
-    filter?: boolean | undefined;
+    filter?: boolean;
     /**
      * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
      * @defaultValue label
@@ -488,7 +488,7 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * When the panel is opened, it specifies that the filter input should focus automatically.
      * @defaultValue true
      */
-    filterInputAutoFocus?: boolean | undefined;
+    filterInputAutoFocus?: boolean;
     /**
      * Icon of the filter icon.
      */
@@ -515,12 +515,12 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * Whether to display selected items in the label section or always display the placeholder as the default label.
      * @defaultValue false
      */
-    fixedPlaceholder?: boolean | undefined;
+    fixedPlaceholder?: boolean;
     /**
      * Use flex layout for the items panel.
      * @defaultValue false
      */
-    flex?: boolean | undefined;
+    flex?: boolean;
     /**
      * Unique identifier of the element.
      */
@@ -529,7 +529,7 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * Render the items panel inline.
      * @defaultValue false
      */
-    inline?: boolean | undefined;
+    inline?: boolean;
     /**
      * Identifier of the focusable input.
      */
@@ -554,7 +554,7 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * Displays a loader to indicate data load is in progress.
      * @defaultValue false
      */
-    loading?: boolean | undefined;
+    loading?: boolean;
     /**
      * The icon to show while indicating data load is in progress.
      */
@@ -599,7 +599,7 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * Specifies the visibility of the overlay panel.
      * @defaultValue false
      */
-    overlayVisible?: boolean | undefined;
+    overlayVisible?: boolean;
     /**
      * Style class of the overlay panel element.
      */
@@ -624,7 +624,7 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * When present, it specifies that the component should have invalid state style.
      * @defaultValue false
      */
-    invalid?: boolean | undefined;
+    invalid?: boolean;
     /**
      * Specifies the input variant of the component.
      * @defaultValue outlined
@@ -653,7 +653,7 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * Clears the filter value when hiding the dropdown.
      * @defaultValue false
      */
-    resetFilterOnHide?: boolean | undefined;
+    resetFilterOnHide?: boolean;
     /**
      * Height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.
      * @defaultValue 200px
@@ -663,7 +663,7 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * Whether all data is selected.
      * @defaultValue false
      */
-    selectAll?: boolean | undefined;
+    selectAll?: boolean;
     /**
      * Function that gets an item in the value and returns the content for it.
      */
@@ -681,12 +681,12 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * When enabled, a clear icon is displayed to clear the value.
      * @defaultValue false
      */
-    showClear?: boolean | undefined;
+    showClear?: boolean;
     /**
      * Whether to show the select all checkbox inside the panel's header.
      * @defaultValue true
      */
-    showSelectAll?: boolean | undefined;
+    showSelectAll?: boolean;
     /**
      * Label to display if showSelectAll is true
      */
@@ -703,17 +703,17 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * When enabled, the focused tab is activated.
      * @defaultValue false
      */
-    selectOnFocus?: false;
+    selectOnFocus?: boolean;
     /**
      * When enabled, the focus is placed on the hovered option.
      * @defaultValue true
      */
-    focusOnHover?: boolean | undefined;
+    focusOnHover?: boolean;
     /**
      * Whether to focus on the first visible or selected element.
      * @defaultValue false
      */
-    autoOptionFocus?: false;
+    autoOptionFocus?: boolean;
     /**
      * Content of the tooltip.
      */
@@ -729,7 +729,7 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
     /**
      * Whether the option should be used as the value for the select element.
      */
-    useOptionAsValue?: boolean | undefined;
+    useOptionAsValue?: boolean;
     /**
      * Value of the component.
      */

package/multiselect/multiselect.esm.js

@@ -1444,6 +1444,11 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
           });
         }
       }
+
+      // make sure not to exceed the selection limit
+      if (props.selectionLimit && value && value.length) {
+        value = value.slice(0, props.selectionLimit);
+      }
       updateModel(event.originalEvent, value, value);
     }
   };
@@ -1694,10 +1699,20 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupChildren);
   };
   var isOptionDisabled = function isOptionDisabled(option) {
-    if (props.optionDisabled) {
-      return ObjectUtils.isFunction(props.optionDisabled) ? props.optionDisabled(option) : ObjectUtils.resolveFieldData(option, props.optionDisabled);
+    var _option$disabled;
+    // disable if we have hit our selection limit
+    if (!allowOptionSelect() && !isSelected(option)) {
+      return true;
     }
-    return option && option.disabled !== undefined ? option.disabled : false;
+
+    // check if custom optionDisabled function is being used
+    var optionDisabled = props.optionDisabled;
+    if (optionDisabled) {
+      return ObjectUtils.isFunction(optionDisabled) ? optionDisabled(option) : ObjectUtils.resolveFieldData(option, optionDisabled);
+    }
+
+    // fallback to the option itself disabled value
+    return option && ((_option$disabled = option.disabled) !== null && _option$disabled !== void 0 ? _option$disabled : false);
   };
   var isOptionValueUsed = function isOptionValueUsed(option) {
     return !props.useOptionAsValue && props.optionValue || option && option.value !== undefined;

package/multiselect/multiselect.esm.min.js

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

package/multiselect/multiselect.js

@@ -1451,6 +1451,11 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
             });
           }
         }
+
+        // make sure not to exceed the selection limit
+        if (props.selectionLimit && value && value.length) {
+          value = value.slice(0, props.selectionLimit);
+        }
         updateModel(event.originalEvent, value, value);
       }
     };
@@ -1701,10 +1706,20 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
       return utils.ObjectUtils.resolveFieldData(optionGroup, props.optionGroupChildren);
     };
     var isOptionDisabled = function isOptionDisabled(option) {
-      if (props.optionDisabled) {
-        return utils.ObjectUtils.isFunction(props.optionDisabled) ? props.optionDisabled(option) : utils.ObjectUtils.resolveFieldData(option, props.optionDisabled);
+      var _option$disabled;
+      // disable if we have hit our selection limit
+      if (!allowOptionSelect() && !isSelected(option)) {
+        return true;
       }
-      return option && option.disabled !== undefined ? option.disabled : false;
+
+      // check if custom optionDisabled function is being used
+      var optionDisabled = props.optionDisabled;
+      if (optionDisabled) {
+        return utils.ObjectUtils.isFunction(optionDisabled) ? optionDisabled(option) : utils.ObjectUtils.resolveFieldData(option, optionDisabled);
+      }
+
+      // fallback to the option itself disabled value
+      return option && ((_option$disabled = option.disabled) !== null && _option$disabled !== void 0 ? _option$disabled : false);
     };
     var isOptionValueUsed = function isOptionValueUsed(option) {
       return !props.useOptionAsValue && props.optionValue || option && option.value !== undefined;