primeng 22.1.0 → 22.1.1

package/fesm2022/primeng-multiselect.mjs

@@ -5,6 +5,10 @@ import { InjectionToken, Injectable, inject, input, booleanAttribute, numberAttr
 import { toSignal } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Check } from '@primeicons/angular/check';
+import { ChevronDown } from '@primeicons/angular/chevron-down';
+import { Search } from '@primeicons/angular/search';
+import { Times } from '@primeicons/angular/times';
 import { uuid, isNotEmpty, isArray, deepEquals, equals, focus, findLastIndex, resolveFieldData, isPrintableCharacter, getFirstFocusableElement, getLastFocusableElement, findSingle, getFocusableElements } from '@primeuix/utils';
 import { SharedModule, Footer, Header, FilterService, OverlayService, TranslationKeys } from 'primeng/api';
 import { AutoFocus } from 'primeng/autofocus';
@@ -17,10 +21,6 @@ import { Chip } from 'primeng/chip';
 import { DomHandler, unblockBodyScroll } from 'primeng/dom';
 import { Fluid } from 'primeng/fluid';
 import { IconField } from 'primeng/iconfield';
-import { Check } from '@primeicons/angular/check';
-import { ChevronDown } from '@primeicons/angular/chevron-down';
-import { Search } from '@primeicons/angular/search';
-import { Times } from '@primeicons/angular/times';
 import { InputIcon } from 'primeng/inputicon';
 import { InputText } from 'primeng/inputtext';
 import { Overlay } from 'primeng/overlay';
@@ -86,10 +86,10 @@ class MultiSelectStyle extends BaseStyle {
     style = style;
     classes = classes;
     inlineStyles = inlineStyles;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MultiSelectStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MultiSelectStyle });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: MultiSelectStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: MultiSelectStyle });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MultiSelectStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: MultiSelectStyle, decorators: [{
             type: Injectable
         }] });
 /**
@@ -184,15 +184,6 @@ var MultiSelectClasses;
 class MultiSelectItem extends BaseComponent {
     $pcMultiSelectItem = inject(MULTISELECT_ITEM_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
     hostName = 'MultiSelect';
-    getPTOptions(key) {
-        return this.ptm(key, {
-            context: {
-                selected: this.selected(),
-                focused: this.focused(),
-                disabled: this.disabled()
-            }
-        });
-    }
     option = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "option" }] : /* istanbul ignore next */ []));
     selected = input(undefined, { ...(ngDevMode ? { debugName: "selected" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
@@ -219,6 +210,15 @@ class MultiSelectItem extends BaseComponent {
     _componentStyle = inject(MultiSelectStyle);
     templateContext = computed(() => ({ $implicit: this.option() }), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "templateContext" }] : /* istanbul ignore next */ []));
+    getPTOptions(key) {
+        return this.ptm(key, {
+            context: {
+                selected: this.selected(),
+                focused: this.focused(),
+                disabled: this.disabled()
+            }
+        });
+    }
     getCheckboxIconContext(klass) {
         return { checked: this.selected(), class: klass };
     }
@@ -238,8 +238,8 @@ class MultiSelectItem extends BaseComponent {
             selected: this.selected() ?? false
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MultiSelectItem, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: MultiSelectItem, isStandalone: true, selector: "li[pMultiSelectItem]", inputs: { option: { classPropertyName: "option", publicName: "option", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, ariaPosInset: { classPropertyName: "ariaPosInset", publicName: "ariaPosInset", isSignal: true, isRequired: false, transformFunction: null }, ariaSetSize: { classPropertyName: "ariaSetSize", publicName: "ariaSetSize", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, checkIconTemplate: { classPropertyName: "checkIconTemplate", publicName: "checkIconTemplate", isSignal: true, isRequired: false, transformFunction: null }, itemCheckboxIconTemplate: { classPropertyName: "itemCheckboxIconTemplate", publicName: "itemCheckboxIconTemplate", isSignal: true, isRequired: false, transformFunction: null }, highlightOnSelect: { classPropertyName: "highlightOnSelect", publicName: "highlightOnSelect", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onMouseEnter: "onMouseEnter" }, host: { attributes: { "role": "option" }, listeners: { "click": "onOptionClick($event)", "mouseenter": "onOptionMouseEnter($event)" }, properties: { "style.height.px": "itemSize()", "attr.aria-label": "label()", "attr.aria-setsize": "ariaSetSize()", "attr.aria-posinset": "ariaPosInset()", "attr.aria-selected": "selected()", "attr.data-p-selected": "selected()", "attr.data-p-focused": "focused()", "attr.data-p-highlight": "selected()", "attr.data-p-disabled": "disabled()", "attr.aria-checked": "selected()", "class": "cx('option')" } }, providers: [MultiSelectStyle], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: MultiSelectItem, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: MultiSelectItem, isStandalone: true, selector: "li[pMultiSelectItem]", inputs: { option: { classPropertyName: "option", publicName: "option", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, ariaPosInset: { classPropertyName: "ariaPosInset", publicName: "ariaPosInset", isSignal: true, isRequired: false, transformFunction: null }, ariaSetSize: { classPropertyName: "ariaSetSize", publicName: "ariaSetSize", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, checkIconTemplate: { classPropertyName: "checkIconTemplate", publicName: "checkIconTemplate", isSignal: true, isRequired: false, transformFunction: null }, itemCheckboxIconTemplate: { classPropertyName: "itemCheckboxIconTemplate", publicName: "itemCheckboxIconTemplate", isSignal: true, isRequired: false, transformFunction: null }, highlightOnSelect: { classPropertyName: "highlightOnSelect", publicName: "highlightOnSelect", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onMouseEnter: "onMouseEnter" }, host: { attributes: { "role": "option" }, listeners: { "click": "onOptionClick($event)", "mouseenter": "onOptionMouseEnter($event)" }, properties: { "style.height.px": "itemSize()", "attr.aria-label": "label()", "attr.aria-setsize": "ariaSetSize()", "attr.aria-posinset": "ariaPosInset()", "attr.aria-selected": "selected()", "attr.data-p-selected": "selected()", "attr.data-p-focused": "focused()", "attr.data-p-highlight": "selected()", "attr.data-p-disabled": "disabled()", "attr.aria-checked": "selected()", "class": "cx('option')" } }, providers: [MultiSelectStyle], usesInheritance: true, ngImport: i0, template: `
         <p-checkbox [disabled]="disabled() ?? false" [ngModel]="selected()" [binary]="true" [tabindex]="-1" [variant]="variant()" [ariaLabel]="label()" [pt]="getPTOptions('pcOptionCheckbox')" [unstyled]="unstyled()">
             @if (itemCheckboxIconTemplate()) {
                 <ng-template #icon let-klass="class">
@@ -253,7 +253,7 @@ class MultiSelectItem extends BaseComponent {
         <ng-container *ngTemplateOutlet="template(); context: templateContext()"></ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Checkbox, selector: "p-checkbox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SharedModule }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MultiSelectItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: MultiSelectItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'li[pMultiSelectItem]',
@@ -892,9 +892,7 @@ class MultiSelect extends BaseEditableHolder {
         return this.emptyFilterMessage() || t?.emptyFilterMessage || '';
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "emptyFilterMessageLabel" }] : /* istanbul ignore next */ []));
-    isVisibleClearIcon = computed(() => {
-        return this.modelValue() != null && this.modelValue() !== '' && isNotEmpty(this.modelValue()) && this.showClear() && !this.$disabled() && !this.readonly() && this.$filled();
-    }, /* @ts-ignore */
+    isVisibleClearIcon = computed(() => this.modelValue() != null && this.modelValue() !== '' && isNotEmpty(this.modelValue()) && this.showClear() && !this.$disabled() && !this.readonly() && this.$filled(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isVisibleClearIcon" }] : /* istanbul ignore next */ []));
     toggleAllAriaLabel = computed(() => {
         const t = this.translation();
@@ -1016,6 +1014,90 @@ class MultiSelect extends BaseEditableHolder {
             }
         });
     }
+    $ariaSetSize = computed(() => this.visibleOptions().filter((option) => !this.isOptionGroup(option)).length, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$ariaSetSize" }] : /* istanbul ignore next */ []));
+    $virtualScrollerDisabled = computed(() => !this.virtualScroll(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$virtualScrollerDisabled" }] : /* istanbul ignore next */ []));
+    $focusedOptionId = computed(() => (this.focusedOptionIndex() !== -1 ? `${this.$id()}_${this.focusedOptionIndex()}` : null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$focusedOptionId" }] : /* istanbul ignore next */ []));
+    labelDataP = computed(() => {
+        const maxSelectedLabels = this.maxSelectedLabels();
+        const modelValue = this.modelValue();
+        return this.cn({
+            placeholder: this.label() === this.placeholder(),
+            clearable: this.showClear(),
+            disabled: this.$disabled(),
+            [this.size()]: this.size(),
+            'has-chip': this.display() === 'chip' && modelValue && modelValue.length && (maxSelectedLabels ? modelValue.length <= maxSelectedLabels : true),
+            empty: !this.placeholder() && !this.$filled()
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "labelDataP" }] : /* istanbul ignore next */ []));
+    dropdownIconDataP = computed(() => this.cn({
+        [this.size()]: this.size()
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dropdownIconDataP" }] : /* istanbul ignore next */ []));
+    overlayDataP = computed(() => this.cn({
+        ['overlay-' + this.appendTo()]: 'overlay-' + this.appendTo()
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overlayDataP" }] : /* istanbul ignore next */ []));
+    ariaExpanded = computed(() => this.overlayVisible() ?? false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaExpanded" }] : /* istanbul ignore next */ []));
+    ariaControls = computed(() => (this.overlayVisible() ? this.listId() : null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaControls" }] : /* istanbul ignore next */ []));
+    inputTabindex = computed(() => (!this.$disabled() ? this.tabindex() : -1), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputTabindex" }] : /* istanbul ignore next */ []));
+    requiredAttr = computed(() => (this.required() ? '' : undefined), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "requiredAttr" }] : /* istanbul ignore next */ []));
+    disabledAttr = computed(() => (this.$disabled() ? '' : undefined), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledAttr" }] : /* istanbul ignore next */ []));
+    get ariaActivedescendant() {
+        return this.focused ? this.$focusedOptionId() : undefined;
+    }
+    isCommaDisplay = computed(() => this.display() === 'comma', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isCommaDisplay" }] : /* istanbul ignore next */ []));
+    isChipDisplay = computed(() => this.display() === 'chip', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isChipDisplay" }] : /* istanbul ignore next */ []));
+    showSelectedItemsLabel = computed(() => {
+        const items = this.chipSelectedItems();
+        return items && items.length === this.maxSelectedLabels();
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showSelectedItemsLabel" }] : /* istanbul ignore next */ []));
+    hasChipRemoveIconTemplate = computed(() => !!(this.chipIconTemplate() || this.removeTokenIconTemplate()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasChipRemoveIconTemplate" }] : /* istanbul ignore next */ []));
+    isEditable = computed(() => !this.$disabled() && !this.readonly(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isEditable" }] : /* istanbul ignore next */ []));
+    isModelEmpty = computed(() => {
+        const value = this.modelValue();
+        return !value || value.length === 0;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isModelEmpty" }] : /* istanbul ignore next */ []));
+    showToggleAllCheckbox = computed(() => this.showToggleAll() && !this.selectionLimit(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showToggleAllCheckbox" }] : /* istanbul ignore next */ []));
+    showDefaultHeaderCheckIcon = computed(() => !this.headerCheckboxIconTemplate() && this.allSelected(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showDefaultHeaderCheckIcon" }] : /* istanbul ignore next */ []));
+    showEmptyFilterMessage = computed(() => this.hasFilter() && this.isEmpty(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showEmptyFilterMessage" }] : /* istanbul ignore next */ []));
+    showEmptyMessage = computed(() => !this.hasFilter() && this.isEmpty(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showEmptyMessage" }] : /* istanbul ignore next */ []));
+    hasFooterContent = computed(() => !!(this.footerFacet() || this.footerTemplate()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasFooterContent" }] : /* istanbul ignore next */ []));
+    chipIconContext = { class: 'p-multiselect-chip-icon' };
+    selectedItemsContext = computed(() => ({
+        $implicit: this.selectedOptions(),
+        removeChip: this.removeOption.bind(this)
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedItemsContext" }] : /* istanbul ignore next */ []));
+    dropdownIconContext = computed(() => ({ dataP: this.dropdownIconDataP() }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dropdownIconContext" }] : /* istanbul ignore next */ []));
+    filterContext = computed(() => ({ options: this.filterOptions }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filterContext" }] : /* istanbul ignore next */ []));
+    defaultItemsContext = computed(() => ({ $implicit: this.visibleOptions(), options: {} }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultItemsContext" }] : /* istanbul ignore next */ []));
+    filterInputValue = computed(() => this._filterValue() || '', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filterInputValue" }] : /* istanbul ignore next */ []));
+    listContainerMaxHeight = computed(() => (this.virtualScroll() ? 'auto' : this.scrollHeight() || 'auto'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "listContainerMaxHeight" }] : /* istanbul ignore next */ []));
     onInit() {
         this.autoUpdateModel();
         if (this.filterBy()) {
@@ -1047,7 +1129,9 @@ class MultiSelect extends BaseEditableHolder {
         return (options || []).reduce((result, option, index) => {
             result.push({ optionGroup: option, group: true, index });
             const optionGroupChildren = this.getOptionGroupChildren(option);
-            optionGroupChildren && optionGroupChildren.forEach((o) => result.push(o));
+            if (optionGroupChildren) {
+                optionGroupChildren.forEach((o) => result.push(o));
+            }
             return result;
         }, []);
     }
@@ -1062,7 +1146,7 @@ class MultiSelect extends BaseEditableHolder {
      * Updates the model value.
      * @group Method
      */
-    updateModel(value, event) {
+    updateModel(value, _event) {
         this.value = value;
         this.onModelChange(value);
         this.writeValue(value);
@@ -1086,8 +1170,12 @@ class MultiSelect extends BaseEditableHolder {
             value = [...(this.modelValue() || []), this.getOptionValue(option)];
         }
         this.updateModel(value, originalEvent);
-        index !== -1 && this.focusedOptionIndex.set(index);
-        isFocus && focus(this.focusInputViewChild()?.nativeElement);
+        if (index !== -1) {
+            this.focusedOptionIndex.set(index);
+        }
+        if (isFocus) {
+            focus(this.focusInputViewChild()?.nativeElement);
+        }
         this.onChange.emit({
             originalEvent: event,
             value: value,
@@ -1098,8 +1186,12 @@ class MultiSelect extends BaseEditableHolder {
         return this.hasSelectedOption() ? this.visibleOptions().findIndex((option) => this.isValidSelectedOption(option)) : -1;
     }
     onOptionSelectRange(event, start = -1, end = -1) {
-        start === -1 && (start = this.findNearestSelectedOptionIndex(end, true));
-        end === -1 && (end = this.findNearestSelectedOptionIndex(start));
+        if (start === -1) {
+            start = this.findNearestSelectedOptionIndex(end, true);
+        }
+        if (end === -1) {
+            end = this.findNearestSelectedOptionIndex(start);
+        }
         if (start !== -1 && end !== -1) {
             const rangeStart = Math.min(start, end);
             const rangeEnd = Math.max(start, end);
@@ -1197,10 +1289,6 @@ class MultiSelect extends BaseEditableHolder {
                     .filter((option) => this.isOptionGroup(option)).length
             : index) + 1);
     }
-    $ariaSetSize = computed(() => {
-        return this.visibleOptions().filter((option) => !this.isOptionGroup(option)).length;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "$ariaSetSize" }] : /* istanbul ignore next */ []));
     getLabelByValue(value) {
         const group = this.group();
         const opts = this.options();
@@ -1283,7 +1371,9 @@ class MultiSelect extends BaseEditableHolder {
                     break;
                 }
                 if (!metaKey && isPrintableCharacter(event.key)) {
-                    !this.overlayVisible() && this.show();
+                    if (!this.overlayVisible()) {
+                        this.show();
+                    }
                     this.searchOptions(event, event.key);
                     event.preventDefault();
                 }
@@ -1323,7 +1413,9 @@ class MultiSelect extends BaseEditableHolder {
         }
     }
     onArrowLeftKey(event, pressedInInputText = false) {
-        pressedInInputText && this.focusedOptionIndex.set(-1);
+        if (pressedInInputText) {
+            this.focusedOptionIndex.set(-1);
+        }
     }
     onArrowDownKey(event) {
         const optionIndex = this.focusedOptionIndex() !== -1 ? this.findNextOptionIndex(this.focusedOptionIndex()) : this.findFirstFocusedOptionIndex();
@@ -1331,7 +1423,9 @@ class MultiSelect extends BaseEditableHolder {
             this.onOptionSelectRange(event, this.startRangeIndex(), optionIndex);
         }
         this.changeFocusedOptionIndex(event, optionIndex);
-        !this.overlayVisible() && this.show();
+        if (!this.overlayVisible()) {
+            this.show();
+        }
         event.preventDefault();
         event.stopPropagation();
     }
@@ -1340,7 +1434,9 @@ class MultiSelect extends BaseEditableHolder {
             if (this.focusedOptionIndex() !== -1) {
                 this.onOptionSelect(event, this.visibleOptions()[this.focusedOptionIndex()]);
             }
-            this.overlayVisible() && this.hide();
+            if (this.overlayVisible()) {
+                this.hide();
+            }
             event.preventDefault();
         }
         else {
@@ -1349,7 +1445,9 @@ class MultiSelect extends BaseEditableHolder {
                 this.onOptionSelectRange(event, optionIndex, this.startRangeIndex());
             }
             this.changeFocusedOptionIndex(event, optionIndex);
-            !this.overlayVisible() && this.show();
+            if (!this.overlayVisible()) {
+                this.show();
+            }
             event.preventDefault();
         }
         event.stopPropagation();
@@ -1368,7 +1466,9 @@ class MultiSelect extends BaseEditableHolder {
                 this.onOptionSelectRange(event, optionIndex, this.startRangeIndex());
             }
             this.changeFocusedOptionIndex(event, optionIndex);
-            !this.overlayVisible() && this.show();
+            if (!this.overlayVisible()) {
+                this.show();
+            }
         }
         event.preventDefault();
     }
@@ -1386,7 +1486,9 @@ class MultiSelect extends BaseEditableHolder {
                 this.onOptionSelectRange(event, this.startRangeIndex(), optionIndex);
             }
             this.changeFocusedOptionIndex(event, optionIndex);
-            !this.overlayVisible() && this.show();
+            if (!this.overlayVisible()) {
+                this.show();
+            }
         }
         event.preventDefault();
     }
@@ -1430,9 +1532,13 @@ class MultiSelect extends BaseEditableHolder {
             else {
                 if (this.focusedOptionIndex() !== -1) {
                     const option = this.visibleOptions()[this.focusedOptionIndex()];
-                    !this.isSelected(option) && this.onOptionSelect({ originalEvent: event, option });
+                    if (!this.isSelected(option)) {
+                        this.onOptionSelect({ originalEvent: event, option });
+                    }
+                }
+                if (this.overlayVisible()) {
+                    this.hide(this.filter());
                 }
-                this.overlayVisible() && this.hide(this.filter());
             }
         }
     }
@@ -1452,7 +1558,12 @@ class MultiSelect extends BaseEditableHolder {
             setTimeout(() => {
                 this.clickInProgress = false;
             }, 150);
-            this.overlayVisible() ? this.hide(true) : this.show(true);
+            if (this.overlayVisible()) {
+                this.hide(true);
+            }
+            else {
+                this.show(true);
+            }
         }
         this.focusInputViewChild()?.nativeElement.focus({ preventScroll: true });
         this.onClick.emit(event);
@@ -1468,7 +1579,9 @@ class MultiSelect extends BaseEditableHolder {
         this.focused = true;
         const focusedOptionIndex = this.focusedOptionIndex() !== -1 ? this.focusedOptionIndex() : this.overlayVisible() && this.autoOptionFocus() ? this.findFirstFocusedOptionIndex() : -1;
         this.focusedOptionIndex.set(focusedOptionIndex);
-        this.overlayVisible() && this.scrollInView(this.focusedOptionIndex());
+        if (this.overlayVisible()) {
+            this.scrollInView(this.focusedOptionIndex());
+        }
         this.onFocus.emit({ originalEvent: event });
     }
     onInputBlur(event) {
@@ -1484,7 +1597,9 @@ class MultiSelect extends BaseEditableHolder {
         this._filterValue.set(value);
         this.focusedOptionIndex.set(-1);
         this.onFilter.emit({ originalEvent: event, filter: this._filterValue() });
-        !this.$virtualScrollerDisabled() && this.scroller()?.scrollToIndex(0);
+        if (!this.$virtualScrollerDisabled()) {
+            this.scroller()?.scrollToIndex(0);
+        }
         setTimeout(() => {
             this.overlayViewChild()?.alignOverlay();
         });
@@ -1500,6 +1615,7 @@ class MultiSelect extends BaseEditableHolder {
             this.changeFocusedOptionIndex(event, index);
         }
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onFilterBlur(event) {
         this.focusedOptionIndex.set(-1);
     }
@@ -1548,27 +1664,25 @@ class MultiSelect extends BaseEditableHolder {
             this.scrollInView();
         }
     }
-    $virtualScrollerDisabled = computed(() => !this.virtualScroll(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "$virtualScrollerDisabled" }] : /* istanbul ignore next */ []));
     scrollInView(index = -1) {
         const id = index !== -1 ? `${this.$id()}_${index}` : this.$focusedOptionId();
         const itemsViewChild = this.itemsViewChild();
         if (itemsViewChild && itemsViewChild.nativeElement) {
             const element = findSingle(itemsViewChild.nativeElement, `li[id="${id}"]`);
             if (element) {
-                element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+                if (element.scrollIntoView) {
+                    element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+                }
             }
             else if (!this.$virtualScrollerDisabled()) {
                 setTimeout(() => {
-                    this.virtualScroll() && this.scroller()?.scrollToIndex(index !== -1 ? index : this.focusedOptionIndex());
+                    if (this.virtualScroll()) {
+                        this.scroller()?.scrollToIndex(index !== -1 ? index : this.focusedOptionIndex());
+                    }
                 }, 0);
             }
         }
     }
-    $focusedOptionId = computed(() => {
-        return this.focusedOptionIndex() !== -1 ? `${this.$id()}_${this.focusedOptionIndex()}` : null;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "$focusedOptionId" }] : /* istanbul ignore next */ []));
     allSelected() {
         const selectAll = this.selectAll();
         return selectAll !== null ? selectAll : isNotEmpty(this.visibleOptions()) && this.visibleOptions().every((option) => this.isOptionGroup(option) || this.isOptionDisabled(option) || this.isSelected(option));
@@ -1603,7 +1717,9 @@ class MultiSelect extends BaseEditableHolder {
         if (this.overlayOptions()?.mode === 'modal') {
             unblockBodyScroll();
         }
-        isFocus && focus(this.focusInputViewChild()?.nativeElement);
+        if (isFocus) {
+            focus(this.focusInputViewChild()?.nativeElement);
+        }
     }
     onOverlayBeforeEnter(event) {
         const overlayViewChild = this.overlayViewChild();
@@ -1612,7 +1728,9 @@ class MultiSelect extends BaseEditableHolder {
         const virtualScroll = this.virtualScroll();
         const opts = this.options();
         this.itemsWrapper = findSingle(overlayViewChild?.overlayViewChild()?.nativeElement, virtualScroll ? '[data-pc-name="virtualscroller"]' : '[data-pc-section="listcontainer"]');
-        virtualScroll && scroller?.setContentEl(itemsViewChild?.nativeElement);
+        if (virtualScroll) {
+            scroller?.setContentEl(itemsViewChild?.nativeElement);
+        }
         if (opts && opts.length) {
             if (virtualScroll) {
                 const selectedIndex = this.modelValue() ? this.focusedOptionIndex() : -1;
@@ -1649,13 +1767,9 @@ class MultiSelect extends BaseEditableHolder {
         this._filterValue.set(null);
         this._filteredOptions = null;
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onOverlayHide(event) {
-        // Called when overlay completes its hide animation
-        // Don't call hide() again to avoid recursive calls
-        this.focusedOptionIndex.set(-1);
-        if (this.filter() && this.resetFilterOnHide()) {
-            this.resetFilter();
-        }
+        this.hide();
     }
     close(event) {
         this.hide();
@@ -1686,7 +1800,9 @@ class MultiSelect extends BaseEditableHolder {
             newValue: value,
             removed: optionValue
         });
-        event && event.stopPropagation();
+        if (event) {
+            event.stopPropagation();
+        }
     }
     findNextOptionIndex(index) {
         const matchedOptionIndex = index < this.visibleOptions().length - 1
@@ -1763,82 +1879,6 @@ class MultiSelect extends BaseEditableHolder {
             [this.size()]: this.size()
         });
     }
-    labelDataP = computed(() => {
-        const maxSelectedLabels = this.maxSelectedLabels();
-        const modelValue = this.modelValue();
-        return this.cn({
-            placeholder: this.label() === this.placeholder(),
-            clearable: this.showClear(),
-            disabled: this.$disabled(),
-            [this.size()]: this.size(),
-            'has-chip': this.display() === 'chip' && modelValue && modelValue.length && (maxSelectedLabels ? modelValue.length <= maxSelectedLabels : true),
-            empty: !this.placeholder() && !this.$filled()
-        });
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "labelDataP" }] : /* istanbul ignore next */ []));
-    dropdownIconDataP = computed(() => {
-        return this.cn({
-            [this.size()]: this.size()
-        });
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dropdownIconDataP" }] : /* istanbul ignore next */ []));
-    overlayDataP = computed(() => {
-        return this.cn({
-            ['overlay-' + this.appendTo()]: 'overlay-' + this.appendTo()
-        });
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "overlayDataP" }] : /* istanbul ignore next */ []));
-    ariaExpanded = computed(() => this.overlayVisible() ?? false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaExpanded" }] : /* istanbul ignore next */ []));
-    ariaControls = computed(() => (this.overlayVisible() ? this.listId() : null), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaControls" }] : /* istanbul ignore next */ []));
-    inputTabindex = computed(() => (!this.$disabled() ? this.tabindex() : -1), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "inputTabindex" }] : /* istanbul ignore next */ []));
-    requiredAttr = computed(() => (this.required() ? '' : undefined), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "requiredAttr" }] : /* istanbul ignore next */ []));
-    disabledAttr = computed(() => (this.$disabled() ? '' : undefined), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabledAttr" }] : /* istanbul ignore next */ []));
-    get ariaActivedescendant() {
-        return this.focused ? this.$focusedOptionId() : undefined;
-    }
-    isCommaDisplay = computed(() => this.display() === 'comma', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isCommaDisplay" }] : /* istanbul ignore next */ []));
-    isChipDisplay = computed(() => this.display() === 'chip', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isChipDisplay" }] : /* istanbul ignore next */ []));
-    showSelectedItemsLabel = computed(() => {
-        const items = this.chipSelectedItems();
-        return items && items.length === this.maxSelectedLabels();
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showSelectedItemsLabel" }] : /* istanbul ignore next */ []));
-    hasChipRemoveIconTemplate = computed(() => !!(this.chipIconTemplate() || this.removeTokenIconTemplate()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hasChipRemoveIconTemplate" }] : /* istanbul ignore next */ []));
-    isEditable = computed(() => !this.$disabled() && !this.readonly(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isEditable" }] : /* istanbul ignore next */ []));
-    isModelEmpty = computed(() => {
-        const value = this.modelValue();
-        return !value || value.length === 0;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isModelEmpty" }] : /* istanbul ignore next */ []));
-    showToggleAllCheckbox = computed(() => this.showToggleAll() && !this.selectionLimit(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showToggleAllCheckbox" }] : /* istanbul ignore next */ []));
-    showDefaultHeaderCheckIcon = computed(() => !this.headerCheckboxIconTemplate() && this.allSelected(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showDefaultHeaderCheckIcon" }] : /* istanbul ignore next */ []));
-    showEmptyFilterMessage = computed(() => this.hasFilter() && this.isEmpty(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showEmptyFilterMessage" }] : /* istanbul ignore next */ []));
-    showEmptyMessage = computed(() => !this.hasFilter() && this.isEmpty(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showEmptyMessage" }] : /* istanbul ignore next */ []));
-    hasFooterContent = computed(() => !!(this.footerFacet() || this.footerTemplate()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hasFooterContent" }] : /* istanbul ignore next */ []));
-    chipIconContext = { class: 'p-multiselect-chip-icon' };
-    selectedItemsContext = computed(() => ({
-        $implicit: this.selectedOptions(),
-        removeChip: this.removeOption.bind(this)
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "selectedItemsContext" }] : /* istanbul ignore next */ []));
-    dropdownIconContext = computed(() => ({ dataP: this.dropdownIconDataP() }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dropdownIconContext" }] : /* istanbul ignore next */ []));
-    filterContext = computed(() => ({ options: this.filterOptions }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filterContext" }] : /* istanbul ignore next */ []));
     getHeaderCheckboxIconContext(klass) {
         return { checked: this.allSelected(), partialSelected: this.partialSelected(), class: klass };
     }
@@ -1851,12 +1891,6 @@ class MultiSelect extends BaseEditableHolder {
     getGroupContext(option) {
         return { $implicit: option.optionGroup };
     }
-    defaultItemsContext = computed(() => ({ $implicit: this.visibleOptions(), options: {} }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "defaultItemsContext" }] : /* istanbul ignore next */ []));
-    filterInputValue = computed(() => this._filterValue() || '', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filterInputValue" }] : /* istanbul ignore next */ []));
-    listContainerMaxHeight = computed(() => (this.virtualScroll() ? 'auto' : this.scrollHeight() || 'auto'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "listContainerMaxHeight" }] : /* istanbul ignore next */ []));
     /**
      * @override
      *
@@ -1883,8 +1917,8 @@ class MultiSelect extends BaseEditableHolder {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MultiSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: MultiSelect, isStandalone: true, selector: "p-multiselect, p-multi-select", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, panelStyle: { classPropertyName: "panelStyle", publicName: "panelStyle", isSignal: true, isRequired: false, transformFunction: null }, panelStyleClass: { classPropertyName: "panelStyleClass", publicName: "panelStyleClass", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, filterPlaceHolder: { classPropertyName: "filterPlaceHolder", publicName: "filterPlaceHolder", isSignal: true, isRequired: false, transformFunction: null }, filterLocale: { classPropertyName: "filterLocale", publicName: "filterLocale", isSignal: true, isRequired: false, transformFunction: null }, overlayVisible: { classPropertyName: "overlayVisible", publicName: "overlayVisible", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, dataKey: { classPropertyName: "dataKey", publicName: "dataKey", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, displaySelectedLabel: { classPropertyName: "displaySelectedLabel", publicName: "displaySelectedLabel", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedLabels: { classPropertyName: "maxSelectedLabels", publicName: "maxSelectedLabels", isSignal: true, isRequired: false, transformFunction: null }, selectionLimit: { classPropertyName: "selectionLimit", publicName: "selectionLimit", isSignal: true, isRequired: false, transformFunction: null }, selectedItemsLabel: { classPropertyName: "selectedItemsLabel", publicName: "selectedItemsLabel", isSignal: true, isRequired: false, transformFunction: null }, showToggleAll: { classPropertyName: "showToggleAll", publicName: "showToggleAll", isSignal: true, isRequired: false, transformFunction: null }, emptyFilterMessage: { classPropertyName: "emptyFilterMessage", publicName: "emptyFilterMessage", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, resetFilterOnHide: { classPropertyName: "resetFilterOnHide", publicName: "resetFilterOnHide", isSignal: true, isRequired: false, transformFunction: null }, dropdownIcon: { classPropertyName: "dropdownIcon", publicName: "dropdownIcon", isSignal: true, isRequired: false, transformFunction: null }, chipIcon: { classPropertyName: "chipIcon", publicName: "chipIcon", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, optionDisabled: { classPropertyName: "optionDisabled", publicName: "optionDisabled", isSignal: true, isRequired: false, transformFunction: null }, optionGroupLabel: { classPropertyName: "optionGroupLabel", publicName: "optionGroupLabel", isSignal: true, isRequired: false, transformFunction: null }, optionGroupChildren: { classPropertyName: "optionGroupChildren", publicName: "optionGroupChildren", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, filterBy: { classPropertyName: "filterBy", publicName: "filterBy", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollItemSize: { classPropertyName: "virtualScrollItemSize", publicName: "virtualScrollItemSize", isSignal: true, isRequired: false, transformFunction: null }, loadingIcon: { classPropertyName: "loadingIcon", publicName: "loadingIcon", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollOptions: { classPropertyName: "virtualScrollOptions", publicName: "virtualScrollOptions", isSignal: true, isRequired: false, transformFunction: null }, overlayOptions: { classPropertyName: "overlayOptions", publicName: "overlayOptions", isSignal: true, isRequired: false, transformFunction: null }, ariaFilterLabel: { classPropertyName: "ariaFilterLabel", publicName: "ariaFilterLabel", isSignal: true, isRequired: false, transformFunction: null }, filterMatchMode: { classPropertyName: "filterMatchMode", publicName: "filterMatchMode", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, tooltipPositionStyle: { classPropertyName: "tooltipPositionStyle", publicName: "tooltipPositionStyle", isSignal: true, isRequired: false, transformFunction: null }, tooltipStyleClass: { classPropertyName: "tooltipStyleClass", publicName: "tooltipStyleClass", isSignal: true, isRequired: false, transformFunction: null }, autofocusFilter: { classPropertyName: "autofocusFilter", publicName: "autofocusFilter", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, filterValue: { classPropertyName: "filterValue", publicName: "filterValue", isSignal: true, isRequired: false, transformFunction: null }, selectAll: { classPropertyName: "selectAll", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null }, focusOnHover: { classPropertyName: "focusOnHover", publicName: "focusOnHover", isSignal: true, isRequired: false, transformFunction: null }, filterFields: { classPropertyName: "filterFields", publicName: "filterFields", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, autoOptionFocus: { classPropertyName: "autoOptionFocus", publicName: "autoOptionFocus", isSignal: true, isRequired: false, transformFunction: null }, highlightOnSelect: { classPropertyName: "highlightOnSelect", publicName: "highlightOnSelect", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { overlayVisible: "overlayVisibleChange", onChange: "onChange", onFilter: "onFilter", onFocus: "onFocus", onBlur: "onBlur", onClick: "onClick", onClear: "onClear", onPanelShow: "onPanelShow", onPanelHide: "onPanelHide", onLazyLoad: "onLazyLoad", onRemove: "onRemove", onSelectAllChange: "onSelectAllChange" }, host: { listeners: { "click": "onContainerClick($event)" }, properties: { "attr.id": "$id()", "attr.data-p": "containerDataP", "class": "cx('root')", "style": "sx('root')" } }, providers: [MULTISELECT_VALUE_ACCESSOR, MultiSelectStyle, { provide: MULTISELECT_INSTANCE, useExisting: MultiSelect }, { provide: PARENT_INSTANCE, useExisting: MultiSelect }], queries: [{ propertyName: "footerFacet", first: true, predicate: Footer, isSignal: true }, { propertyName: "headerFacet", first: true, predicate: Header, isSignal: true }, { propertyName: "itemTemplate", first: true, predicate: ["item"], isSignal: true }, { propertyName: "groupTemplate", first: true, predicate: ["group"], isSignal: true }, { propertyName: "loaderTemplate", first: true, predicate: ["loader"], isSignal: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"], isSignal: true }, { propertyName: "filterTemplate", first: true, predicate: ["filter"], isSignal: true }, { propertyName: "footerTemplate", first: true, predicate: ["footer"], isSignal: true }, { propertyName: "emptyFilterTemplate", first: true, predicate: ["emptyfilter"], isSignal: true }, { propertyName: "emptyTemplate", first: true, predicate: ["empty"], isSignal: true }, { propertyName: "selectedItemsTemplate", first: true, predicate: ["selecteditems"], isSignal: true }, { propertyName: "loadingIconTemplate", first: true, predicate: ["loadingicon"], isSignal: true }, { propertyName: "filterIconTemplate", first: true, predicate: ["filtericon"], isSignal: true }, { propertyName: "removeTokenIconTemplate", first: true, predicate: ["removetokenicon"], isSignal: true }, { propertyName: "chipIconTemplate", first: true, predicate: ["chipicon"], isSignal: true }, { propertyName: "clearIconTemplate", first: true, predicate: ["clearicon"], isSignal: true }, { propertyName: "dropdownIconTemplate", first: true, predicate: ["dropdownicon"], isSignal: true }, { propertyName: "itemCheckboxIconTemplate", first: true, predicate: ["itemcheckboxicon"], isSignal: true }, { propertyName: "headerCheckboxIconTemplate", first: true, predicate: ["headercheckboxicon"], isSignal: true }], viewQueries: [{ propertyName: "overlayViewChild", first: true, predicate: ["overlay"], descendants: true, isSignal: true }, { propertyName: "filterInputChild", first: true, predicate: ["filterInput"], descendants: true, isSignal: true }, { propertyName: "focusInputViewChild", first: true, predicate: ["focusInput"], descendants: true, isSignal: true }, { propertyName: "itemsViewChild", first: true, predicate: ["items"], descendants: true, isSignal: true }, { propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true, isSignal: true }, { propertyName: "lastHiddenFocusableElementOnOverlay", first: true, predicate: ["lastHiddenFocusableEl"], descendants: true, isSignal: true }, { propertyName: "firstHiddenFocusableElementOnOverlay", first: true, predicate: ["firstHiddenFocusableEl"], descendants: true, isSignal: true }, { propertyName: "headerCheckboxViewChild", first: true, predicate: ["headerCheckbox"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1$1.Bind }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: MultiSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: MultiSelect, isStandalone: true, selector: "p-multiselect, p-multi-select", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, panelStyle: { classPropertyName: "panelStyle", publicName: "panelStyle", isSignal: true, isRequired: false, transformFunction: null }, panelStyleClass: { classPropertyName: "panelStyleClass", publicName: "panelStyleClass", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, filterPlaceHolder: { classPropertyName: "filterPlaceHolder", publicName: "filterPlaceHolder", isSignal: true, isRequired: false, transformFunction: null }, filterLocale: { classPropertyName: "filterLocale", publicName: "filterLocale", isSignal: true, isRequired: false, transformFunction: null }, overlayVisible: { classPropertyName: "overlayVisible", publicName: "overlayVisible", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, dataKey: { classPropertyName: "dataKey", publicName: "dataKey", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, displaySelectedLabel: { classPropertyName: "displaySelectedLabel", publicName: "displaySelectedLabel", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedLabels: { classPropertyName: "maxSelectedLabels", publicName: "maxSelectedLabels", isSignal: true, isRequired: false, transformFunction: null }, selectionLimit: { classPropertyName: "selectionLimit", publicName: "selectionLimit", isSignal: true, isRequired: false, transformFunction: null }, selectedItemsLabel: { classPropertyName: "selectedItemsLabel", publicName: "selectedItemsLabel", isSignal: true, isRequired: false, transformFunction: null }, showToggleAll: { classPropertyName: "showToggleAll", publicName: "showToggleAll", isSignal: true, isRequired: false, transformFunction: null }, emptyFilterMessage: { classPropertyName: "emptyFilterMessage", publicName: "emptyFilterMessage", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, resetFilterOnHide: { classPropertyName: "resetFilterOnHide", publicName: "resetFilterOnHide", isSignal: true, isRequired: false, transformFunction: null }, dropdownIcon: { classPropertyName: "dropdownIcon", publicName: "dropdownIcon", isSignal: true, isRequired: false, transformFunction: null }, chipIcon: { classPropertyName: "chipIcon", publicName: "chipIcon", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, optionDisabled: { classPropertyName: "optionDisabled", publicName: "optionDisabled", isSignal: true, isRequired: false, transformFunction: null }, optionGroupLabel: { classPropertyName: "optionGroupLabel", publicName: "optionGroupLabel", isSignal: true, isRequired: false, transformFunction: null }, optionGroupChildren: { classPropertyName: "optionGroupChildren", publicName: "optionGroupChildren", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, filterBy: { classPropertyName: "filterBy", publicName: "filterBy", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollItemSize: { classPropertyName: "virtualScrollItemSize", publicName: "virtualScrollItemSize", isSignal: true, isRequired: false, transformFunction: null }, loadingIcon: { classPropertyName: "loadingIcon", publicName: "loadingIcon", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollOptions: { classPropertyName: "virtualScrollOptions", publicName: "virtualScrollOptions", isSignal: true, isRequired: false, transformFunction: null }, overlayOptions: { classPropertyName: "overlayOptions", publicName: "overlayOptions", isSignal: true, isRequired: false, transformFunction: null }, ariaFilterLabel: { classPropertyName: "ariaFilterLabel", publicName: "ariaFilterLabel", isSignal: true, isRequired: false, transformFunction: null }, filterMatchMode: { classPropertyName: "filterMatchMode", publicName: "filterMatchMode", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, tooltipPositionStyle: { classPropertyName: "tooltipPositionStyle", publicName: "tooltipPositionStyle", isSignal: true, isRequired: false, transformFunction: null }, tooltipStyleClass: { classPropertyName: "tooltipStyleClass", publicName: "tooltipStyleClass", isSignal: true, isRequired: false, transformFunction: null }, autofocusFilter: { classPropertyName: "autofocusFilter", publicName: "autofocusFilter", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, filterValue: { classPropertyName: "filterValue", publicName: "filterValue", isSignal: true, isRequired: false, transformFunction: null }, selectAll: { classPropertyName: "selectAll", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null }, focusOnHover: { classPropertyName: "focusOnHover", publicName: "focusOnHover", isSignal: true, isRequired: false, transformFunction: null }, filterFields: { classPropertyName: "filterFields", publicName: "filterFields", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, autoOptionFocus: { classPropertyName: "autoOptionFocus", publicName: "autoOptionFocus", isSignal: true, isRequired: false, transformFunction: null }, highlightOnSelect: { classPropertyName: "highlightOnSelect", publicName: "highlightOnSelect", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { overlayVisible: "overlayVisibleChange", onChange: "onChange", onFilter: "onFilter", onFocus: "onFocus", onBlur: "onBlur", onClick: "onClick", onClear: "onClear", onPanelShow: "onPanelShow", onPanelHide: "onPanelHide", onLazyLoad: "onLazyLoad", onRemove: "onRemove", onSelectAllChange: "onSelectAllChange" }, host: { listeners: { "click": "onContainerClick($event)" }, properties: { "attr.id": "$id()", "attr.data-p": "containerDataP", "class": "cx('root')", "style": "sx('root')" } }, providers: [MULTISELECT_VALUE_ACCESSOR, MultiSelectStyle, { provide: MULTISELECT_INSTANCE, useExisting: MultiSelect }, { provide: PARENT_INSTANCE, useExisting: MultiSelect }], queries: [{ propertyName: "footerFacet", first: true, predicate: Footer, isSignal: true }, { propertyName: "headerFacet", first: true, predicate: Header, isSignal: true }, { propertyName: "itemTemplate", first: true, predicate: ["item"], isSignal: true }, { propertyName: "groupTemplate", first: true, predicate: ["group"], isSignal: true }, { propertyName: "loaderTemplate", first: true, predicate: ["loader"], isSignal: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"], isSignal: true }, { propertyName: "filterTemplate", first: true, predicate: ["filter"], isSignal: true }, { propertyName: "footerTemplate", first: true, predicate: ["footer"], isSignal: true }, { propertyName: "emptyFilterTemplate", first: true, predicate: ["emptyfilter"], isSignal: true }, { propertyName: "emptyTemplate", first: true, predicate: ["empty"], isSignal: true }, { propertyName: "selectedItemsTemplate", first: true, predicate: ["selecteditems"], isSignal: true }, { propertyName: "loadingIconTemplate", first: true, predicate: ["loadingicon"], isSignal: true }, { propertyName: "filterIconTemplate", first: true, predicate: ["filtericon"], isSignal: true }, { propertyName: "removeTokenIconTemplate", first: true, predicate: ["removetokenicon"], isSignal: true }, { propertyName: "chipIconTemplate", first: true, predicate: ["chipicon"], isSignal: true }, { propertyName: "clearIconTemplate", first: true, predicate: ["clearicon"], isSignal: true }, { propertyName: "dropdownIconTemplate", first: true, predicate: ["dropdownicon"], isSignal: true }, { propertyName: "itemCheckboxIconTemplate", first: true, predicate: ["itemcheckboxicon"], isSignal: true }, { propertyName: "headerCheckboxIconTemplate", first: true, predicate: ["headercheckboxicon"], isSignal: true }], viewQueries: [{ propertyName: "overlayViewChild", first: true, predicate: ["overlay"], descendants: true, isSignal: true }, { propertyName: "filterInputChild", first: true, predicate: ["filterInput"], descendants: true, isSignal: true }, { propertyName: "focusInputViewChild", first: true, predicate: ["focusInput"], descendants: true, isSignal: true }, { propertyName: "itemsViewChild", first: true, predicate: ["items"], descendants: true, isSignal: true }, { propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true, isSignal: true }, { propertyName: "lastHiddenFocusableElementOnOverlay", first: true, predicate: ["lastHiddenFocusableEl"], descendants: true, isSignal: true }, { propertyName: "firstHiddenFocusableElementOnOverlay", first: true, predicate: ["firstHiddenFocusableEl"], descendants: true, isSignal: true }, { propertyName: "headerCheckboxViewChild", first: true, predicate: ["headerCheckbox"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1$1.Bind }], ngImport: i0, template: `
         <div class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true" [pBind]="ptm('hiddenInputContainer')">
             <input
                 #focusInput
@@ -2196,7 +2230,7 @@ class MultiSelect extends BaseEditableHolder {
         </p-overlay>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MultiSelectItem, selector: "li[pMultiSelectItem]", inputs: ["option", "selected", "label", "disabled", "itemSize", "focused", "ariaPosInset", "ariaSetSize", "variant", "template", "checkIconTemplate", "itemCheckboxIconTemplate", "highlightOnSelect"], outputs: ["onClick", "onMouseEnter"] }, { kind: "component", type: Overlay, selector: "p-overlay", inputs: ["hostName", "visible", "mode", "style", "styleClass", "contentStyle", "contentStyleClass", "target", "autoZIndex", "baseZIndex", "listener", "responsive", "options", "appendTo", "inline", "motionOptions", "hostAttrSelector"], outputs: ["visibleChange", "onBeforeShow", "onShow", "onBeforeHide", "onHide", "onAnimationStart", "onAnimationDone", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: Scroller, selector: "p-scroller, p-virtualscroller, p-virtual-scroller", inputs: ["hostName", "id", "style", "styleClass", "tabindex", "items", "itemSize", "scrollHeight", "scrollWidth", "orientation", "step", "delay", "resizeDelay", "appendOnly", "inline", "lazy", "disabled", "loaderDisabled", "columns", "showSpacer", "showLoader", "numToleratedItems", "loading", "autoSize", "trackBy", "options"], outputs: ["onLazyLoad", "onScroll", "onScrollIndexChange"] }, { kind: "directive", type: AutoFocus, selector: "[pAutoFocus]", inputs: ["pAutoFocus"] }, { kind: "component", type: Check, selector: "svg[data-p-icon=\"check\"]" }, { kind: "component", type: Search, selector: "svg[data-p-icon=\"search\"]" }, { kind: "component", type: Times, selector: "svg[data-p-icon=\"times\"]" }, { kind: "component", type: ChevronDown, selector: "svg[data-p-icon=\"chevron-down\"]" }, { kind: "component", type: IconField, selector: "p-iconfield, p-icon-field", inputs: ["hostName", "iconPosition"] }, { kind: "component", type: InputIcon, selector: "p-inputicon", inputs: ["hostName"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["hostName", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "disabled", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }, { kind: "component", type: Checkbox, selector: "p-checkbox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1$1.Bind, selector: "[pBind]", inputs: ["pBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MultiSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: MultiSelect, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-multiselect, p-multi-select',
@@ -2527,11 +2561,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], panelStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelStyle", required: false }] }], panelStyleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelStyleClass", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], group: [{ type: i0.Input, args: [{ isSignal: true, alias: "group", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], filterPlaceHolder: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterPlaceHolder", required: false }] }], filterLocale: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterLocale", required: false }] }], overlayVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlayVisible", required: false }] }, { type: i0.Output, args: ["overlayVisibleChange"] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], dataKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataKey", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], displaySelectedLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "displaySelectedLabel", required: false }] }], maxSelectedLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSelectedLabels", required: false }] }], selectionLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionLimit", required: false }] }], selectedItemsLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItemsLabel", required: false }] }], showToggleAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToggleAll", required: false }] }], emptyFilterMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyFilterMessage", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], resetFilterOnHide: [{ type: i0.Input, args: [{ isSignal: true, alias: "resetFilterOnHide", required: false }] }], dropdownIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownIcon", required: false }] }], chipIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "chipIcon", required: false }] }], optionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionLabel", required: false }] }], optionValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionValue", required: false }] }], optionDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionDisabled", required: false }] }], optionGroupLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionGroupLabel", required: false }] }], optionGroupChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionGroupChildren", required: false }] }], showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], filterBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterBy", required: false }] }], scrollHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollHeight", required: false }] }], lazy: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazy", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], virtualScrollItemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScrollItemSize", required: false }] }], loadingIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingIcon", required: false }] }], virtualScrollOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScrollOptions", required: false }] }], overlayOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlayOptions", required: false }] }], ariaFilterLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaFilterLabel", required: false }] }], filterMatchMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterMatchMode", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], tooltipPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPosition", required: false }] }], tooltipPositionStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPositionStyle", required: false }] }], tooltipStyleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipStyleClass", required: false }] }], autofocusFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocusFilter", required: false }] }], display: [{ type: i0.Input, args: [{ isSignal: true, alias: "display", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], showClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClear", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], filterValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterValue", required: false }] }], selectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAll", required: false }] }], focusOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusOnHover", required: false }] }], filterFields: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterFields", required: false }] }], selectOnFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectOnFocus", required: false }] }], autoOptionFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoOptionFocus", required: false }] }], highlightOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightOnSelect", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], fluid: [{ type: i0.Input, args: [{ isSignal: true, alias: "fluid", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], motionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "motionOptions", required: false }] }], onChange: [{ type: i0.Output, args: ["onChange"] }], onFilter: [{ type: i0.Output, args: ["onFilter"] }], onFocus: [{ type: i0.Output, args: ["onFocus"] }], onBlur: [{ type: i0.Output, args: ["onBlur"] }], onClick: [{ type: i0.Output, args: ["onClick"] }], onClear: [{ type: i0.Output, args: ["onClear"] }], onPanelShow: [{ type: i0.Output, args: ["onPanelShow"] }], onPanelHide: [{ type: i0.Output, args: ["onPanelHide"] }], onLazyLoad: [{ type: i0.Output, args: ["onLazyLoad"] }], onRemove: [{ type: i0.Output, args: ["onRemove"] }], onSelectAllChange: [{ type: i0.Output, args: ["onSelectAllChange"] }], overlayViewChild: [{ type: i0.ViewChild, args: ['overlay', { isSignal: true }] }], filterInputChild: [{ type: i0.ViewChild, args: ['filterInput', { isSignal: true }] }], focusInputViewChild: [{ type: i0.ViewChild, args: ['focusInput', { isSignal: true }] }], itemsViewChild: [{ type: i0.ViewChild, args: ['items', { isSignal: true }] }], scroller: [{ type: i0.ViewChild, args: ['scroller', { isSignal: true }] }], lastHiddenFocusableElementOnOverlay: [{ type: i0.ViewChild, args: ['lastHiddenFocusableEl', { isSignal: true }] }], firstHiddenFocusableElementOnOverlay: [{ type: i0.ViewChild, args: ['firstHiddenFocusableEl', { isSignal: true }] }], headerCheckboxViewChild: [{ type: i0.ViewChild, args: ['headerCheckbox', { isSignal: true }] }], footerFacet: [{ type: i0.ContentChild, args: [i0.forwardRef(() => Footer), { ...{ descendants: false }, isSignal: true }] }], headerFacet: [{ type: i0.ContentChild, args: [i0.forwardRef(() => Header), { ...{ descendants: false }, isSignal: true }] }], itemTemplate: [{ type: i0.ContentChild, args: ['item', { ...{ descendants: false }, isSignal: true }] }], groupTemplate: [{ type: i0.ContentChild, args: ['group', { ...{ descendants: false }, isSignal: true }] }], loaderTemplate: [{ type: i0.ContentChild, args: ['loader', { ...{ descendants: false }, isSignal: true }] }], headerTemplate: [{ type: i0.ContentChild, args: ['header', { ...{ descendants: false }, isSignal: true }] }], filterTemplate: [{ type: i0.ContentChild, args: ['filter', { ...{ descendants: false }, isSignal: true }] }], footerTemplate: [{ type: i0.ContentChild, args: ['footer', { ...{ descendants: false }, isSignal: true }] }], emptyFilterTemplate: [{ type: i0.ContentChild, args: ['emptyfilter', { ...{ descendants: false }, isSignal: true }] }], emptyTemplate: [{ type: i0.ContentChild, args: ['empty', { ...{ descendants: false }, isSignal: true }] }], selectedItemsTemplate: [{ type: i0.ContentChild, args: ['selecteditems', { ...{ descendants: false }, isSignal: true }] }], loadingIconTemplate: [{ type: i0.ContentChild, args: ['loadingicon', { ...{ descendants: false }, isSignal: true }] }], filterIconTemplate: [{ type: i0.ContentChild, args: ['filtericon', { ...{ descendants: false }, isSignal: true }] }], removeTokenIconTemplate: [{ type: i0.ContentChild, args: ['removetokenicon', { ...{ descendants: false }, isSignal: true }] }], chipIconTemplate: [{ type: i0.ContentChild, args: ['chipicon', { ...{ descendants: false }, isSignal: true }] }], clearIconTemplate: [{ type: i0.ContentChild, args: ['clearicon', { ...{ descendants: false }, isSignal: true }] }], dropdownIconTemplate: [{ type: i0.ContentChild, args: ['dropdownicon', { ...{ descendants: false }, isSignal: true }] }], itemCheckboxIconTemplate: [{ type: i0.ContentChild, args: ['itemcheckboxicon', { ...{ descendants: false }, isSignal: true }] }], headerCheckboxIconTemplate: [{ type: i0.ContentChild, args: ['headercheckboxicon', { ...{ descendants: false }, isSignal: true }] }] } });
 class MultiSelectModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MultiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: MultiSelectModule, imports: [MultiSelect, SharedModule], exports: [MultiSelect, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MultiSelectModule, imports: [MultiSelect, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: MultiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.5", ngImport: i0, type: MultiSelectModule, imports: [MultiSelect, SharedModule], exports: [MultiSelect, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: MultiSelectModule, imports: [MultiSelect, SharedModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MultiSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: MultiSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [MultiSelect, SharedModule],