primeng 19.0.6 → 19.0.8

package/fesm2022/primeng-select.mjs

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, forwardRef, EventEmitter, booleanAttribute, numberAttribute, Component, Input, Output, inject, signal, computed, effect, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, HostBinding, ContentChild, ContentChildren, NgModule } from '@angular/core';
+import { Injectable, forwardRef, EventEmitter, booleanAttribute, numberAttribute, Output, Input, Component, inject, signal, computed, effect, ContentChildren, ContentChild, HostBinding, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { deepEquals, isNotEmpty, isEmpty, uuid, findSingle, scrollInView, equals, resolveFieldData, focus, unblockBodyScroll, isPrintableCharacter, findLastIndex, getFirstFocusableElement, getLastFocusableElement, getFocusableElements } from '@primeuix/utils';
 import * as i2 from 'primeng/api';
@@ -130,6 +130,7 @@ input.p-select-label {
 }
 
 .p-select-overlay {
+    cursor: default;
     background: ${dt('select.overlay.background')};
     color: ${dt('select.overlay.color')};
     border: 1px solid ${dt('select.overlay.border.color')};
@@ -289,12 +290,12 @@ class SelectStyle extends BaseStyle {
     name = 'select';
     theme = theme;
     classes = classes;
-    static ɵfac = /*@__PURE__*/ (() => { let ɵSelectStyle_BaseFactory; return function SelectStyle_Factory(__ngFactoryType__) { return (ɵSelectStyle_BaseFactory || (ɵSelectStyle_BaseFactory = i0.ɵɵgetInheritedFactory(SelectStyle)))(__ngFactoryType__ || SelectStyle); }; })();
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SelectStyle, factory: SelectStyle.ɵfac });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SelectStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SelectStyle });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectStyle, [{
-        type: Injectable
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SelectStyle, decorators: [{
+            type: Injectable
+        }] });
 /**
  *
  * Select also known as Select, is used to choose an item from a collection of options.
@@ -380,527 +381,6 @@ var SelectClasses;
     SelectClasses["emptyMessage"] = "p-select-empty-message";
 })(SelectClasses || (SelectClasses = {}));
 
-const _c0 = a0 => ({ height: a0 });
-const _c1 = (a0, a1, a2) => ({ "p-select-option": true, "p-select-option-selected": a0, "p-disabled": a1, "p-focus": a2 });
-const _c2 = a0 => ({ $implicit: a0 });
-function SelectItem_ng_container_1_CheckIcon_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "CheckIcon", 5);
-} }
-function SelectItem_ng_container_1_BlankIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "BlankIcon", 6);
-} }
-function SelectItem_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, SelectItem_ng_container_1_CheckIcon_1_Template, 1, 0, "CheckIcon", 3)(2, SelectItem_ng_container_1_BlankIcon_2_Template, 1, 0, "BlankIcon", 4);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.selected);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.selected);
-} }
-function SelectItem_span_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    let tmp_1_0;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate((tmp_1_0 = ctx_r0.label) !== null && tmp_1_0 !== undefined ? tmp_1_0 : "empty");
-} }
-function SelectItem_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-const _c3 = ["item"];
-const _c4 = ["group"];
-const _c5 = ["loader"];
-const _c6 = ["selectedItem"];
-const _c7 = ["header"];
-const _c8 = ["filter"];
-const _c9 = ["footer"];
-const _c10 = ["emptyfilter"];
-const _c11 = ["empty"];
-const _c12 = ["dropdownicon"];
-const _c13 = ["loadingicon"];
-const _c14 = ["clearicon"];
-const _c15 = ["filtericon"];
-const _c16 = ["onicon"];
-const _c17 = ["officon"];
-const _c18 = ["cancelicon"];
-const _c19 = ["focusInput"];
-const _c20 = ["editableInput"];
-const _c21 = ["items"];
-const _c22 = ["scroller"];
-const _c23 = ["overlay"];
-const _c24 = ["firstHiddenFocusableEl"];
-const _c25 = ["lastHiddenFocusableEl"];
-const _c26 = () => ({ class: "p-select-clear-icon" });
-const _c27 = () => ({ class: "p-select-dropdown-icon" });
-const _c28 = a0 => ({ options: a0 });
-const _c29 = (a0, a1) => ({ $implicit: a0, options: a1 });
-const _c30 = () => ({});
-function Select_span_0_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.label() === "p-emptylabel" ? "\u00A0" : ctx_r2.label());
-} }
-function Select_span_0_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 24);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.selectedItemTemplate || ctx_r2._selectedItemTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, ctx_r2.selectedOption));
-} }
-function Select_span_0_ng_template_4_span_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.label() === "p-emptylabel" ? "\u00A0" : ctx_r2.label());
-} }
-function Select_span_0_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Select_span_0_ng_template_4_span_0_Template, 2, 1, "span", 18);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngIf", !ctx_r2.selectedOption);
-} }
-function Select_span_0_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 22, 3);
-    i0.ɵɵlistener("focus", function Select_span_0_Template_span_focus_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onInputFocus($event)); })("blur", function Select_span_0_Template_span_blur_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onInputBlur($event)); })("keydown", function Select_span_0_Template_span_keydown_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onKeyDown($event)); });
-    i0.ɵɵtemplate(2, Select_span_0_ng_container_2_Template, 2, 1, "ng-container", 20)(3, Select_span_0_ng_container_3_Template, 1, 4, "ng-container", 23)(4, Select_span_0_ng_template_4_Template, 1, 1, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    let tmp_17_0;
-    const defaultPlaceholder_r4 = i0.ɵɵreference(5);
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r2.inputClass)("pTooltip", ctx_r2.tooltip)("tooltipPosition", ctx_r2.tooltipPosition)("positionStyle", ctx_r2.tooltipPositionStyle)("tooltipStyleClass", ctx_r2.tooltipStyleClass)("pAutoFocus", ctx_r2.autofocus);
-    i0.ɵɵattribute("aria-disabled", ctx_r2.disabled)("id", ctx_r2.inputId)("aria-label", ctx_r2.ariaLabel || (ctx_r2.label() === "p-emptylabel" ? undefined : ctx_r2.label()))("aria-labelledby", ctx_r2.ariaLabelledBy)("aria-haspopup", "listbox")("aria-expanded", (tmp_17_0 = ctx_r2.overlayVisible) !== null && tmp_17_0 !== undefined ? tmp_17_0 : false)("aria-controls", ctx_r2.overlayVisible ? ctx_r2.id + "_list" : null)("tabindex", !ctx_r2.disabled ? ctx_r2.tabindex : -1)("aria-activedescendant", ctx_r2.focused ? ctx_r2.focusedOptionId : undefined)("aria-required", ctx_r2.required)("required", ctx_r2.required);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", !ctx_r2.selectedItemTemplate && !ctx_r2._selectedItemTemplate)("ngIfElse", defaultPlaceholder_r4);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", (ctx_r2.selectedItemTemplate || ctx_r2._selectedItemTemplate) && ctx_r2.selectedOption);
-} }
-function Select_input_1_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 25, 5);
-    i0.ɵɵlistener("input", function Select_input_1_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onEditableInput($event)); })("keydown", function Select_input_1_Template_input_keydown_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onKeyDown($event)); })("focus", function Select_input_1_Template_input_focus_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onInputFocus($event)); })("blur", function Select_input_1_Template_input_blur_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onInputBlur($event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r2.inputClass)("disabled", ctx_r2.disabled)("pAutoFocus", ctx_r2.autofocus);
-    i0.ɵɵattribute("id", ctx_r2.inputId)("maxlength", ctx_r2.maxlength)("placeholder", ctx_r2.modelValue() === undefined || ctx_r2.modelValue() === null ? ctx_r2.placeholder() : undefined)("aria-label", ctx_r2.ariaLabel || (ctx_r2.label() === "p-emptylabel" ? undefined : ctx_r2.label()))("aria-activedescendant", ctx_r2.focused ? ctx_r2.focusedOptionId : undefined);
-} }
-function Select_ng_container_2_TimesIcon_1_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "TimesIcon", 27);
-    i0.ɵɵlistener("click", function Select_ng_container_2_TimesIcon_1_Template_TimesIcon_click_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.clear($event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "clearicon");
-} }
-function Select_ng_container_2_span_2_1_ng_template_0_Template(rf, ctx) { }
-function Select_ng_container_2_span_2_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Select_ng_container_2_span_2_1_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function Select_ng_container_2_span_2_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 27);
-    i0.ɵɵlistener("click", function Select_ng_container_2_span_2_Template_span_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.clear($event)); });
-    i0.ɵɵtemplate(1, Select_ng_container_2_span_2_1_Template, 1, 0, null, 28);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵattribute("data-pc-section", "clearicon");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.clearIconTemplate || ctx_r2._clearIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction0(3, _c26));
-} }
-function Select_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Select_ng_container_2_TimesIcon_1_Template, 1, 1, "TimesIcon", 26)(2, Select_ng_container_2_span_2_Template, 2, 4, "span", 26);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.clearIconTemplate && !ctx_r2._clearIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.clearIconTemplate || ctx_r2._clearIconTemplate);
-} }
-function Select_ng_container_4_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Select_ng_container_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Select_ng_container_4_ng_container_1_ng_container_1_Template, 1, 0, "ng-container", 29);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.loadingIconTemplate || ctx_r2._loadingIconTemplate);
-} }
-function Select_ng_container_4_ng_container_2_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 32);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", "p-select-loading-icon pi-spin " + ctx_r2.loadingIcon);
-} }
-function Select_ng_container_4_ng_container_2_span_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 33);
-} if (rf & 2) {
-    i0.ɵɵclassMap("p-select-loading-icon pi pi-spinner pi-spin");
-} }
-function Select_ng_container_4_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Select_ng_container_4_ng_container_2_span_1_Template, 1, 1, "span", 30)(2, Select_ng_container_4_ng_container_2_span_2_Template, 1, 2, "span", 31);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.loadingIcon);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.loadingIcon);
-} }
-function Select_ng_container_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Select_ng_container_4_ng_container_1_Template, 2, 1, "ng-container", 18)(2, Select_ng_container_4_ng_container_2_Template, 3, 2, "ng-container", 18);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.loadingIconTemplate || ctx_r2._loadingIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.loadingIconTemplate && !ctx_r2._loadingIconTemplate);
-} }
-function Select_ng_template_5_ng_container_0_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 37);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r2.dropdownIcon);
-} }
-function Select_ng_template_5_ng_container_0_ChevronDownIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ChevronDownIcon", 38);
-} if (rf & 2) {
-    i0.ɵɵproperty("styleClass", "p-select-dropdown-icon");
-} }
-function Select_ng_template_5_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Select_ng_template_5_ng_container_0_span_1_Template, 1, 1, "span", 35)(2, Select_ng_template_5_ng_container_0_ChevronDownIcon_2_Template, 1, 1, "ChevronDownIcon", 36);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.dropdownIcon);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.dropdownIcon);
-} }
-function Select_ng_template_5_span_1_1_ng_template_0_Template(rf, ctx) { }
-function Select_ng_template_5_span_1_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Select_ng_template_5_span_1_1_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function Select_ng_template_5_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 39);
-    i0.ɵɵtemplate(1, Select_ng_template_5_span_1_1_Template, 1, 0, null, 28);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.dropdownIconTemplate || ctx_r2._dropdownIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction0(2, _c27));
-} }
-function Select_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Select_ng_template_5_ng_container_0_Template, 3, 2, "ng-container", 18)(1, Select_ng_template_5_span_1_Template, 2, 3, "span", 34);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngIf", !ctx_r2.dropdownIconTemplate && !ctx_r2._dropdownIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.dropdownIconTemplate || ctx_r2._dropdownIconTemplate);
-} }
-function Select_ng_template_9_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Select_ng_template_9_div_4_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Select_ng_template_9_div_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Select_ng_template_9_div_4_ng_container_1_ng_container_1_Template, 1, 0, "ng-container", 28);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.filterTemplate || ctx_r2._filterTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c28, ctx_r2.filterOptions));
-} }
-function Select_ng_template_9_div_4_ng_template_2_SearchIcon_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "SearchIcon");
-} }
-function Select_ng_template_9_div_4_ng_template_2_span_5_1_ng_template_0_Template(rf, ctx) { }
-function Select_ng_template_9_div_4_ng_template_2_span_5_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Select_ng_template_9_div_4_ng_template_2_span_5_1_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function Select_ng_template_9_div_4_ng_template_2_span_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtemplate(1, Select_ng_template_9_div_4_ng_template_2_span_5_1_Template, 1, 0, null, 29);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.filterIconTemplate || ctx_r2._filterIconTemplate);
-} }
-function Select_ng_template_9_div_4_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-iconfield")(1, "input", 46, 10);
-    i0.ɵɵlistener("input", function Select_ng_template_9_div_4_ng_template_2_Template_input_input_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onFilterInputChange($event)); })("keydown", function Select_ng_template_9_div_4_ng_template_2_Template_input_keydown_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onFilterKeyDown($event)); })("blur", function Select_ng_template_9_div_4_ng_template_2_Template_input_blur_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onFilterBlur($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "p-inputicon");
-    i0.ɵɵtemplate(4, Select_ng_template_9_div_4_ng_template_2_SearchIcon_4_Template, 1, 0, "SearchIcon", 18)(5, Select_ng_template_9_div_4_ng_template_2_span_5_Template, 2, 1, "span", 18);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("pSize", ctx_r2.size)("value", ctx_r2._filterValue() || "")("variant", ctx_r2.variant);
-    i0.ɵɵattribute("placeholder", ctx_r2.filterPlaceholder)("aria-owns", ctx_r2.id + "_list")("aria-label", ctx_r2.ariaFilterLabel)("aria-activedescendant", ctx_r2.focusedOptionId);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", !ctx_r2.filterIconTemplate && !ctx_r2._filterIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.filterIconTemplate || ctx_r2._filterIconTemplate);
-} }
-function Select_ng_template_9_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 45);
-    i0.ɵɵlistener("click", function Select_ng_template_9_div_4_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r9); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵtemplate(1, Select_ng_template_9_div_4_ng_container_1_Template, 2, 4, "ng-container", 20)(2, Select_ng_template_9_div_4_ng_template_2_Template, 6, 9, "ng-template", null, 9, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const builtInFilterElement_r11 = i0.ɵɵreference(3);
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.filterTemplate || ctx_r2._filterTemplate)("ngIfElse", builtInFilterElement_r11);
-} }
-function Select_ng_template_9_p_scroller_6_ng_template_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Select_ng_template_9_p_scroller_6_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Select_ng_template_9_p_scroller_6_ng_template_2_ng_container_0_Template, 1, 0, "ng-container", 28);
-} if (rf & 2) {
-    const items_r13 = ctx.$implicit;
-    const scrollerOptions_r14 = ctx.options;
-    i0.ɵɵnextContext(2);
-    const buildInItems_r15 = i0.ɵɵreference(9);
-    i0.ɵɵproperty("ngTemplateOutlet", buildInItems_r15)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c29, items_r13, scrollerOptions_r14));
-} }
-function Select_ng_template_9_p_scroller_6_ng_container_4_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Select_ng_template_9_p_scroller_6_ng_container_4_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Select_ng_template_9_p_scroller_6_ng_container_4_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 28);
-} if (rf & 2) {
-    const scrollerOptions_r16 = ctx.options;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.loaderTemplate || ctx_r2._loaderTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c28, scrollerOptions_r16));
-} }
-function Select_ng_template_9_p_scroller_6_ng_container_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Select_ng_template_9_p_scroller_6_ng_container_4_ng_template_1_Template, 1, 4, "ng-template", null, 12, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementContainerEnd();
-} }
-function Select_ng_template_9_p_scroller_6_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-scroller", 47, 11);
-    i0.ɵɵlistener("onLazyLoad", function Select_ng_template_9_p_scroller_6_Template_p_scroller_onLazyLoad_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onLazyLoad.emit($event)); });
-    i0.ɵɵtemplate(2, Select_ng_template_9_p_scroller_6_ng_template_2_Template, 1, 5, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(4, Select_ng_template_9_p_scroller_6_ng_container_4_Template, 3, 0, "ng-container", 18);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleMap(i0.ɵɵpureFunction1(8, _c0, ctx_r2.scrollHeight));
-    i0.ɵɵproperty("items", ctx_r2.visibleOptions())("itemSize", ctx_r2.virtualScrollItemSize || ctx_r2._itemSize)("autoSize", true)("lazy", ctx_r2.lazy)("options", ctx_r2.virtualScrollOptions);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngIf", ctx_r2.loaderTemplate || ctx_r2._loaderTemplate);
-} }
-function Select_ng_template_9_ng_container_7_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Select_ng_template_9_ng_container_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Select_ng_template_9_ng_container_7_ng_container_1_Template, 1, 0, "ng-container", 28);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    i0.ɵɵnextContext();
-    const buildInItems_r15 = i0.ɵɵreference(9);
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", buildInItems_r15)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c29, ctx_r2.visibleOptions(), i0.ɵɵpureFunction0(2, _c30)));
-} }
-function Select_ng_template_9_ng_template_8_ng_template_2_ng_container_0_span_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const option_r17 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.getOptionGroupLabel(option_r17.optionGroup));
-} }
-function Select_ng_template_9_ng_template_8_ng_template_2_ng_container_0_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Select_ng_template_9_ng_template_8_ng_template_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "li", 51);
-    i0.ɵɵtemplate(2, Select_ng_template_9_ng_template_8_ng_template_2_ng_container_0_span_2_Template, 2, 1, "span", 18)(3, Select_ng_template_9_ng_template_8_ng_template_2_ng_container_0_ng_container_3_Template, 1, 0, "ng-container", 28);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r17 = i0.ɵɵnextContext();
-    const option_r17 = ctx_r17.$implicit;
-    const i_r19 = ctx_r17.index;
-    const scrollerOptions_r20 = i0.ɵɵnextContext().options;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c0, scrollerOptions_r20.itemSize + "px"));
-    i0.ɵɵattribute("id", ctx_r2.id + "_" + ctx_r2.getOptionIndex(i_r19, scrollerOptions_r20));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.groupTemplate && !ctx_r2._groupTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.groupTemplate || ctx_r2._groupTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(7, _c2, option_r17.optionGroup));
-} }
-function Select_ng_template_9_ng_template_8_ng_template_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "p-selectItem", 52);
-    i0.ɵɵlistener("onClick", function Select_ng_template_9_ng_template_8_ng_template_2_ng_container_1_Template_p_selectItem_onClick_1_listener($event) { i0.ɵɵrestoreView(_r21); const option_r17 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onOptionSelect($event, option_r17)); })("onMouseEnter", function Select_ng_template_9_ng_template_8_ng_template_2_ng_container_1_Template_p_selectItem_onMouseEnter_1_listener($event) { i0.ɵɵrestoreView(_r21); const i_r19 = i0.ɵɵnextContext().index; const scrollerOptions_r20 = i0.ɵɵnextContext().options; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onOptionMouseEnter($event, ctx_r2.getOptionIndex(i_r19, scrollerOptions_r20))); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r17 = i0.ɵɵnextContext();
-    const option_r17 = ctx_r17.$implicit;
-    const i_r19 = ctx_r17.index;
-    const scrollerOptions_r20 = i0.ɵɵnextContext().options;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("id", ctx_r2.id + "_" + ctx_r2.getOptionIndex(i_r19, scrollerOptions_r20))("option", option_r17)("checkmark", ctx_r2.checkmark)("selected", ctx_r2.isSelected(option_r17))("label", ctx_r2.getOptionLabel(option_r17))("disabled", ctx_r2.isOptionDisabled(option_r17))("template", ctx_r2.itemTemplate || ctx_r2._itemTemplate)("focused", ctx_r2.focusedOptionIndex() === ctx_r2.getOptionIndex(i_r19, scrollerOptions_r20))("ariaPosInset", ctx_r2.getAriaPosInset(ctx_r2.getOptionIndex(i_r19, scrollerOptions_r20)))("ariaSetSize", ctx_r2.ariaSetSize);
-} }
-function Select_ng_template_9_ng_template_8_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Select_ng_template_9_ng_template_8_ng_template_2_ng_container_0_Template, 4, 9, "ng-container", 18)(1, Select_ng_template_9_ng_template_8_ng_template_2_ng_container_1_Template, 2, 10, "ng-container", 18);
-} if (rf & 2) {
-    const option_r17 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngIf", ctx_r2.isOptionGroup(option_r17));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.isOptionGroup(option_r17));
-} }
-function Select_ng_template_9_ng_template_8_li_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.emptyFilterMessageLabel, " ");
-} }
-function Select_ng_template_9_ng_template_8_li_3_Conditional_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, null, 14);
-} }
-function Select_ng_template_9_ng_template_8_li_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Select_ng_template_9_ng_template_8_li_3_Conditional_2_ng_container_0_Template, 2, 0, "ng-container", 29);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.emptyFilterTemplate || ctx_r2._emptyFilterTemplate || ctx_r2.emptyTemplate || ctx_r2._emptyTemplate);
-} }
-function Select_ng_template_9_ng_template_8_li_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 53);
-    i0.ɵɵtemplate(1, Select_ng_template_9_ng_template_8_li_3_Conditional_1_Template, 1, 1)(2, Select_ng_template_9_ng_template_8_li_3_Conditional_2_Template, 1, 1, "ng-container");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const scrollerOptions_r20 = i0.ɵɵnextContext().options;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(2, _c0, scrollerOptions_r20.itemSize + "px"));
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r2.emptyFilterTemplate && !ctx_r2._emptyFilterTemplate && !ctx_r2.emptyTemplate ? 1 : 2);
-} }
-function Select_ng_template_9_ng_template_8_li_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.emptyMessageLabel, " ");
-} }
-function Select_ng_template_9_ng_template_8_li_4_Conditional_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, null, 15);
-} }
-function Select_ng_template_9_ng_template_8_li_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Select_ng_template_9_ng_template_8_li_4_Conditional_2_ng_container_0_Template, 2, 0, "ng-container", 29);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.emptyTemplate || ctx_r2._emptyTemplate);
-} }
-function Select_ng_template_9_ng_template_8_li_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 53);
-    i0.ɵɵtemplate(1, Select_ng_template_9_ng_template_8_li_4_Conditional_1_Template, 1, 1)(2, Select_ng_template_9_ng_template_8_li_4_Conditional_2_Template, 1, 1, "ng-container");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const scrollerOptions_r20 = i0.ɵɵnextContext().options;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(2, _c0, scrollerOptions_r20.itemSize + "px"));
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r2.emptyTemplate && !ctx_r2._emptyTemplate ? 1 : 2);
-} }
-function Select_ng_template_9_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 48, 13);
-    i0.ɵɵtemplate(2, Select_ng_template_9_ng_template_8_ng_template_2_Template, 2, 2, "ng-template", 49)(3, Select_ng_template_9_ng_template_8_li_3_Template, 3, 4, "li", 50)(4, Select_ng_template_9_ng_template_8_li_4_Template, 3, 4, "li", 50);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const items_r22 = ctx.$implicit;
-    const scrollerOptions_r20 = ctx.options;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleMap(scrollerOptions_r20.contentStyle);
-    i0.ɵɵproperty("ngClass", scrollerOptions_r20.contentStyleClass);
-    i0.ɵɵattribute("id", ctx_r2.id + "_list")("aria-label", ctx_r2.listLabel);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", items_r22);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.filterValue && ctx_r2.isEmpty());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.filterValue && ctx_r2.isEmpty());
-} }
-function Select_ng_template_9_ng_container_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Select_ng_template_9_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 40)(1, "span", 41, 6);
-    i0.ɵɵlistener("focus", function Select_ng_template_9_Template_span_focus_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onFirstHiddenFocus($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, Select_ng_template_9_ng_container_3_Template, 1, 0, "ng-container", 29)(4, Select_ng_template_9_div_4_Template, 4, 2, "div", 42);
-    i0.ɵɵelementStart(5, "div", 43);
-    i0.ɵɵtemplate(6, Select_ng_template_9_p_scroller_6_Template, 5, 10, "p-scroller", 44)(7, Select_ng_template_9_ng_container_7_Template, 2, 6, "ng-container", 18)(8, Select_ng_template_9_ng_template_8_Template, 5, 8, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(10, Select_ng_template_9_ng_container_10_Template, 1, 0, "ng-container", 29);
-    i0.ɵɵelementStart(11, "span", 41, 8);
-    i0.ɵɵlistener("focus", function Select_ng_template_9_Template_span_focus_11_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onLastHiddenFocus($event)); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵclassMap(ctx_r2.panelStyleClass);
-    i0.ɵɵproperty("ngClass", "p-select-overlay p-component")("ngStyle", ctx_r2.panelStyle);
-    i0.ɵɵadvance();
-    i0.ɵɵattribute("tabindex", 0)("data-p-hidden-accessible", true)("data-p-hidden-focusable", true);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.headerTemplate || ctx_r2._headerTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.filter);
-    i0.ɵɵadvance();
-    i0.ɵɵstyleProp("max-height", ctx_r2.virtualScroll ? "auto" : ctx_r2.scrollHeight || "auto");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.virtualScroll);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.virtualScroll);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.footerTemplate || ctx_r2._footerTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵattribute("tabindex", 0)("data-p-hidden-accessible", true)("data-p-hidden-focusable", true);
-} }
 const SELECT_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => Select),
@@ -927,30 +407,45 @@ class SelectItem extends BaseComponent {
     onOptionMouseEnter(event) {
         this.onMouseEnter.emit(event);
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵSelectItem_BaseFactory; return function SelectItem_Factory(__ngFactoryType__) { return (ɵSelectItem_BaseFactory || (ɵSelectItem_BaseFactory = i0.ɵɵgetInheritedFactory(SelectItem)))(__ngFactoryType__ || SelectItem); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectItem, selectors: [["p-selectItem"]], inputs: { id: "id", option: "option", selected: [2, "selected", "selected", booleanAttribute], focused: [2, "focused", "focused", booleanAttribute], label: "label", disabled: [2, "disabled", "disabled", booleanAttribute], visible: [2, "visible", "visible", booleanAttribute], itemSize: [2, "itemSize", "itemSize", numberAttribute], ariaPosInset: "ariaPosInset", ariaSetSize: "ariaSetSize", template: "template", checkmark: [2, "checkmark", "checkmark", booleanAttribute] }, outputs: { onClick: "onClick", onMouseEnter: "onMouseEnter" }, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 22, consts: [["role", "option", "pRipple", "", 3, "click", "mouseenter", "id", "ngStyle", "ngClass"], [4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["styleClass", "p-select-option-check-icon", 4, "ngIf"], ["styleClass", "p-select-option-blank-icon", 4, "ngIf"], ["styleClass", "p-select-option-check-icon"], ["styleClass", "p-select-option-blank-icon"]], template: function SelectItem_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "li", 0);
-            i0.ɵɵlistener("click", function SelectItem_Template_li_click_0_listener($event) { return ctx.onOptionClick($event); })("mouseenter", function SelectItem_Template_li_mouseenter_0_listener($event) { return ctx.onOptionMouseEnter($event); });
-            i0.ɵɵtemplate(1, SelectItem_ng_container_1_Template, 3, 2, "ng-container", 1)(2, SelectItem_span_2_Template, 2, 1, "span", 1)(3, SelectItem_ng_container_3_Template, 1, 0, "ng-container", 2);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵproperty("id", ctx.id)("ngStyle", i0.ɵɵpureFunction1(14, _c0, ctx.itemSize + "px"))("ngClass", i0.ɵɵpureFunction3(16, _c1, ctx.selected && !ctx.checkmark, ctx.disabled, ctx.focused));
-            i0.ɵɵattribute("aria-label", ctx.label)("aria-setsize", ctx.ariaSetSize)("aria-posinset", ctx.ariaPosInset)("aria-selected", ctx.selected)("data-p-focused", ctx.focused)("data-p-highlight", ctx.selected)("data-p-disabled", ctx.disabled);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.checkmark);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.template);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.template)("ngTemplateOutletContext", i0.ɵɵpureFunction1(20, _c2, ctx.option));
-        } }, dependencies: [CommonModule, i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, SharedModule, Ripple, CheckIcon, BlankIcon], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SelectItem, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.7", type: SelectItem, isStandalone: true, selector: "p-selectItem", inputs: { id: "id", option: "option", selected: ["selected", "selected", booleanAttribute], focused: ["focused", "focused", booleanAttribute], label: "label", disabled: ["disabled", "disabled", booleanAttribute], visible: ["visible", "visible", booleanAttribute], itemSize: ["itemSize", "itemSize", numberAttribute], ariaPosInset: "ariaPosInset", ariaSetSize: "ariaSetSize", template: "template", checkmark: ["checkmark", "checkmark", booleanAttribute] }, outputs: { onClick: "onClick", onMouseEnter: "onMouseEnter" }, usesInheritance: true, ngImport: i0, template: `
+        <li
+            [id]="id"
+            (click)="onOptionClick($event)"
+            (mouseenter)="onOptionMouseEnter($event)"
+            role="option"
+            pRipple
+            [attr.aria-label]="label"
+            [attr.aria-setsize]="ariaSetSize"
+            [attr.aria-posinset]="ariaPosInset"
+            [attr.aria-selected]="selected"
+            [attr.data-p-focused]="focused"
+            [attr.data-p-highlight]="selected"
+            [attr.data-p-disabled]="disabled"
+            [ngStyle]="{ height: itemSize + 'px' }"
+            [ngClass]="{
+                'p-select-option': true,
+                'p-select-option-selected': selected && !checkmark,
+                'p-disabled': disabled,
+                'p-focus': focused
+            }"
+        >
+            <ng-container *ngIf="checkmark">
+                <CheckIcon *ngIf="selected" styleClass="p-select-option-check-icon" />
+                <BlankIcon *ngIf="!selected" styleClass="p-select-option-blank-icon" />
+            </ng-container>
+            <span *ngIf="!template">{{ label ?? 'empty' }}</span>
+            <ng-container *ngTemplateOutlet="template; context: { $implicit: option }"></ng-container>
+        </li>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Ripple, selector: "[pRipple]" }, { kind: "component", type: CheckIcon, selector: "CheckIcon" }, { kind: "component", type: BlankIcon, selector: "BlankIcon" }] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectItem, [{
-        type: Component,
-        args: [{
-                selector: 'p-selectItem',
-                standalone: true,
-                imports: [CommonModule, SharedModule, Ripple, CheckIcon, BlankIcon],
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SelectItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-selectItem',
+                    standalone: true,
+                    imports: [CommonModule, SharedModule, Ripple, CheckIcon, BlankIcon],
+                    template: `
         <li
             [id]="id"
             (click)="onOptionClick($event)"
@@ -980,43 +475,42 @@ class SelectItem extends BaseComponent {
             <ng-container *ngTemplateOutlet="template; context: { $implicit: option }"></ng-container>
         </li>
     `
-            }]
-    }], null, { id: [{
-            type: Input
-        }], option: [{
-            type: Input
-        }], selected: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], focused: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], label: [{
-            type: Input
-        }], disabled: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], visible: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], itemSize: [{
-            type: Input,
-            args: [{ transform: numberAttribute }]
-        }], ariaPosInset: [{
-            type: Input
-        }], ariaSetSize: [{
-            type: Input
-        }], template: [{
-            type: Input
-        }], checkmark: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], onClick: [{
-            type: Output
-        }], onMouseEnter: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectItem, { className: "SelectItem", filePath: "select.ts", lineNumber: 107 }); })();
+                }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], option: [{
+                type: Input
+            }], selected: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], focused: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], label: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], visible: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], itemSize: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], ariaPosInset: [{
+                type: Input
+            }], ariaSetSize: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }], checkmark: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], onClick: [{
+                type: Output
+            }], onMouseEnter: [{
+                type: Output
+            }] } });
 /**
  * Select is used to choose an item from a collection of options.
  * @group Components
@@ -1891,6 +1385,7 @@ class Select extends BaseComponent {
         return equals(this.modelValue(), this.getOptionValue(option), this.equalityKey());
     }
     ngAfterViewInit() {
+        super.ngAfterViewInit();
         if (this.editable) {
             this.updateEditableLabel();
         }
@@ -2361,6 +1856,7 @@ class Select extends BaseComponent {
     onEscapeKey(event) {
         this.overlayVisible && this.hide(true);
         event.preventDefault();
+        event.stopPropagation();
     }
     onTabKey(event, pressedInInputText = false) {
         if (!pressedInInputText) {
@@ -2461,104 +1957,235 @@ class Select extends BaseComponent {
         this.onClear.emit(event);
         this.resetFilter();
     }
-    static ɵfac = function Select_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || Select)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i2.FilterService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Select, selectors: [["p-select"]], contentQueries: function Select_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c3, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c4, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c5, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c6, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c7, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c8, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c9, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c10, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c11, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c12, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c13, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c14, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c15, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c16, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c17, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c18, 4);
-            i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.itemTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.groupTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.loaderTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.selectedItemTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.footerTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.emptyFilterTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.emptyTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dropdownIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.loadingIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.clearIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.onIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.offIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.cancelIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
-        } }, viewQuery: function Select_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c8, 5);
-            i0.ɵɵviewQuery(_c19, 5);
-            i0.ɵɵviewQuery(_c20, 5);
-            i0.ɵɵviewQuery(_c21, 5);
-            i0.ɵɵviewQuery(_c22, 5);
-            i0.ɵɵviewQuery(_c23, 5);
-            i0.ɵɵviewQuery(_c24, 5);
-            i0.ɵɵviewQuery(_c25, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.focusInputViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.editableInputViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.itemsViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scroller = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.overlayViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.firstHiddenFocusableElementOnOverlay = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.lastHiddenFocusableElementOnOverlay = _t.first);
-        } }, hostVars: 5, hostBindings: function Select_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("click", function Select_click_HostBindingHandler($event) { return ctx.onContainerClick($event); });
-        } if (rf & 2) {
-            i0.ɵɵattribute("id", ctx.id);
-            i0.ɵɵstyleMap(ctx.hostStyle);
-            i0.ɵɵclassMap(ctx.hostClass);
-        } }, inputs: { id: "id", scrollHeight: "scrollHeight", filter: [2, "filter", "filter", booleanAttribute], name: "name", style: "style", panelStyle: "panelStyle", styleClass: "styleClass", panelStyleClass: "panelStyleClass", readonly: [2, "readonly", "readonly", booleanAttribute], required: [2, "required", "required", booleanAttribute], editable: [2, "editable", "editable", booleanAttribute], appendTo: "appendTo", tabindex: [2, "tabindex", "tabindex", numberAttribute], placeholder: "placeholder", loadingIcon: "loadingIcon", filterPlaceholder: "filterPlaceholder", filterLocale: "filterLocale", variant: "variant", inputId: "inputId", dataKey: "dataKey", filterBy: "filterBy", filterFields: "filterFields", autofocus: [2, "autofocus", "autofocus", booleanAttribute], resetFilterOnHide: [2, "resetFilterOnHide", "resetFilterOnHide", booleanAttribute], checkmark: [2, "checkmark", "checkmark", booleanAttribute], dropdownIcon: "dropdownIcon", loading: [2, "loading", "loading", booleanAttribute], optionLabel: "optionLabel", optionValue: "optionValue", optionDisabled: "optionDisabled", optionGroupLabel: "optionGroupLabel", optionGroupChildren: "optionGroupChildren", autoDisplayFirst: [2, "autoDisplayFirst", "autoDisplayFirst", booleanAttribute], group: [2, "group", "group", booleanAttribute], showClear: [2, "showClear", "showClear", booleanAttribute], emptyFilterMessage: "emptyFilterMessage", emptyMessage: "emptyMessage", lazy: [2, "lazy", "lazy", booleanAttribute], virtualScroll: [2, "virtualScroll", "virtualScroll", booleanAttribute], virtualScrollItemSize: [2, "virtualScrollItemSize", "virtualScrollItemSize", numberAttribute], virtualScrollOptions: "virtualScrollOptions", size: "size", overlayOptions: "overlayOptions", ariaFilterLabel: "ariaFilterLabel", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", filterMatchMode: "filterMatchMode", maxlength: [2, "maxlength", "maxlength", numberAttribute], tooltip: "tooltip", tooltipPosition: "tooltipPosition", tooltipPositionStyle: "tooltipPositionStyle", tooltipStyleClass: "tooltipStyleClass", focusOnHover: [2, "focusOnHover", "focusOnHover", booleanAttribute], selectOnFocus: [2, "selectOnFocus", "selectOnFocus", booleanAttribute], autoOptionFocus: [2, "autoOptionFocus", "autoOptionFocus", booleanAttribute], autofocusFilter: [2, "autofocusFilter", "autofocusFilter", booleanAttribute], fluid: [2, "fluid", "fluid", booleanAttribute], disabled: "disabled", itemSize: "itemSize", autoZIndex: "autoZIndex", baseZIndex: "baseZIndex", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions", filterValue: "filterValue", options: "options" }, outputs: { onChange: "onChange", onFilter: "onFilter", onFocus: "onFocus", onBlur: "onBlur", onClick: "onClick", onShow: "onShow", onHide: "onHide", onClear: "onClear", onLazyLoad: "onLazyLoad" }, features: [i0.ɵɵProvidersFeature([SELECT_VALUE_ACCESSOR, SelectStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 15, consts: [["elseBlock", ""], ["overlay", ""], ["content", ""], ["focusInput", ""], ["defaultPlaceholder", ""], ["editableInput", ""], ["firstHiddenFocusableEl", ""], ["buildInItems", ""], ["lastHiddenFocusableEl", ""], ["builtInFilterElement", ""], ["filter", ""], ["scroller", ""], ["loader", ""], ["items", ""], ["emptyFilter", ""], ["empty", ""], ["role", "combobox", 3, "ngClass", "pTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "pAutoFocus", "focus", "blur", "keydown", 4, "ngIf"], ["type", "text", "aria-haspopup", "listbox", 3, "ngClass", "disabled", "pAutoFocus", "input", "keydown", "focus", "blur", 4, "ngIf"], [4, "ngIf"], ["role", "button", "aria-label", "dropdown trigger", "aria-haspopup", "listbox", 1, "p-select-dropdown"], [4, "ngIf", "ngIfElse"], [3, "visibleChange", "onAnimationStart", "onHide", "visible", "options", "target", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], ["role", "combobox", 3, "focus", "blur", "keydown", "ngClass", "pTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "pAutoFocus"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", 4, "ngIf"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["type", "text", "aria-haspopup", "listbox", 3, "input", "keydown", "focus", "blur", "ngClass", "disabled", "pAutoFocus"], ["class", "p-select-clear-icon", 3, "click", 4, "ngIf"], [1, "p-select-clear-icon", 3, "click"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [4, "ngTemplateOutlet"], ["aria-hidden", "true", 3, "ngClass", 4, "ngIf"], ["aria-hidden", "true", 3, "class", 4, "ngIf"], ["aria-hidden", "true", 3, "ngClass"], ["aria-hidden", "true"], ["class", "p-select-dropdown-icon", 4, "ngIf"], ["class", "p-select-dropdown-icon", 3, "ngClass", 4, "ngIf"], [3, "styleClass", 4, "ngIf"], [1, "p-select-dropdown-icon", 3, "ngClass"], [3, "styleClass"], [1, "p-select-dropdown-icon"], [3, "ngClass", "ngStyle"], ["role", "presentation", 1, "p-hidden-accessible", "p-hidden-focusable", 3, "focus"], ["class", "p-select-header", 3, "click", 4, "ngIf"], [1, "p-select-list-container"], [3, "items", "style", "itemSize", "autoSize", "lazy", "options", "onLazyLoad", 4, "ngIf"], [1, "p-select-header", 3, "click"], ["pInputText", "", "type", "text", "role", "searchbox", "autocomplete", "off", 1, "p-select-filter", 3, "input", "keydown", "blur", "pSize", "value", "variant"], [3, "onLazyLoad", "items", "itemSize", "autoSize", "lazy", "options"], ["role", "listbox", 1, "p-select-list", 3, "ngClass"], ["ngFor", "", 3, "ngForOf"], ["class", "p-select-empty-message", "role", "option", 3, "ngStyle", 4, "ngIf"], ["role", "option", 1, "p-select-option-group", 3, "ngStyle"], [3, "onClick", "onMouseEnter", "id", "option", "checkmark", "selected", "label", "disabled", "template", "focused", "ariaPosInset", "ariaSetSize"], ["role", "option", 1, "p-select-empty-message", 3, "ngStyle"]], template: function Select_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵtemplate(0, Select_span_0_Template, 6, 20, "span", 16)(1, Select_input_1_Template, 2, 8, "input", 17)(2, Select_ng_container_2_Template, 3, 2, "ng-container", 18);
-            i0.ɵɵelementStart(3, "div", 19);
-            i0.ɵɵtemplate(4, Select_ng_container_4_Template, 3, 2, "ng-container", 20)(5, Select_ng_template_5_Template, 2, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "p-overlay", 21, 1);
-            i0.ɵɵtwoWayListener("visibleChange", function Select_Template_p_overlay_visibleChange_7_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.overlayVisible, $event) || (ctx.overlayVisible = $event); return i0.ɵɵresetView($event); });
-            i0.ɵɵlistener("onAnimationStart", function Select_Template_p_overlay_onAnimationStart_7_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onOverlayAnimationStart($event)); })("onHide", function Select_Template_p_overlay_onHide_7_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.hide()); });
-            i0.ɵɵtemplate(9, Select_ng_template_9_Template, 13, 17, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            let tmp_6_0;
-            const elseBlock_r23 = i0.ɵɵreference(6);
-            i0.ɵɵproperty("ngIf", !ctx.editable);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.editable);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.isVisibleClearIcon);
-            i0.ɵɵadvance();
-            i0.ɵɵattribute("aria-expanded", (tmp_6_0 = ctx.overlayVisible) !== null && tmp_6_0 !== undefined ? tmp_6_0 : false)("data-pc-section", "trigger");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.loading)("ngIfElse", elseBlock_r23);
-            i0.ɵɵadvance(3);
-            i0.ɵɵtwoWayProperty("visible", ctx.overlayVisible);
-            i0.ɵɵproperty("options", ctx.overlayOptions)("target", "@parent")("appendTo", ctx.appendTo)("autoZIndex", ctx.autoZIndex)("baseZIndex", ctx.baseZIndex)("showTransitionOptions", ctx.showTransitionOptions)("hideTransitionOptions", ctx.hideTransitionOptions);
-        } }, dependencies: [CommonModule, i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, SelectItem, Overlay, Tooltip, AutoFocus, TimesIcon, ChevronDownIcon, SearchIcon, InputText, IconField, InputIcon, Scroller, SharedModule], encapsulation: 2, changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: Select, deps: [{ token: i0.NgZone }, { token: i2.FilterService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: Select, isStandalone: true, selector: "p-select", inputs: { id: "id", scrollHeight: "scrollHeight", filter: ["filter", "filter", booleanAttribute], name: "name", style: "style", panelStyle: "panelStyle", styleClass: "styleClass", panelStyleClass: "panelStyleClass", readonly: ["readonly", "readonly", booleanAttribute], required: ["required", "required", booleanAttribute], editable: ["editable", "editable", booleanAttribute], appendTo: "appendTo", tabindex: ["tabindex", "tabindex", numberAttribute], placeholder: "placeholder", loadingIcon: "loadingIcon", filterPlaceholder: "filterPlaceholder", filterLocale: "filterLocale", variant: "variant", inputId: "inputId", dataKey: "dataKey", filterBy: "filterBy", filterFields: "filterFields", autofocus: ["autofocus", "autofocus", booleanAttribute], resetFilterOnHide: ["resetFilterOnHide", "resetFilterOnHide", booleanAttribute], checkmark: ["checkmark", "checkmark", booleanAttribute], dropdownIcon: "dropdownIcon", loading: ["loading", "loading", booleanAttribute], optionLabel: "optionLabel", optionValue: "optionValue", optionDisabled: "optionDisabled", optionGroupLabel: "optionGroupLabel", optionGroupChildren: "optionGroupChildren", autoDisplayFirst: ["autoDisplayFirst", "autoDisplayFirst", booleanAttribute], group: ["group", "group", booleanAttribute], showClear: ["showClear", "showClear", booleanAttribute], emptyFilterMessage: "emptyFilterMessage", emptyMessage: "emptyMessage", lazy: ["lazy", "lazy", booleanAttribute], virtualScroll: ["virtualScroll", "virtualScroll", booleanAttribute], virtualScrollItemSize: ["virtualScrollItemSize", "virtualScrollItemSize", numberAttribute], virtualScrollOptions: "virtualScrollOptions", size: "size", overlayOptions: "overlayOptions", ariaFilterLabel: "ariaFilterLabel", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", filterMatchMode: "filterMatchMode", maxlength: ["maxlength", "maxlength", numberAttribute], tooltip: "tooltip", tooltipPosition: "tooltipPosition", tooltipPositionStyle: "tooltipPositionStyle", tooltipStyleClass: "tooltipStyleClass", focusOnHover: ["focusOnHover", "focusOnHover", booleanAttribute], selectOnFocus: ["selectOnFocus", "selectOnFocus", booleanAttribute], autoOptionFocus: ["autoOptionFocus", "autoOptionFocus", booleanAttribute], autofocusFilter: ["autofocusFilter", "autofocusFilter", booleanAttribute], fluid: ["fluid", "fluid", booleanAttribute], disabled: "disabled", itemSize: "itemSize", autoZIndex: "autoZIndex", baseZIndex: "baseZIndex", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions", filterValue: "filterValue", options: "options" }, outputs: { onChange: "onChange", onFilter: "onFilter", onFocus: "onFocus", onBlur: "onBlur", onClick: "onClick", onShow: "onShow", onHide: "onHide", onClear: "onClear", onLazyLoad: "onLazyLoad" }, host: { listeners: { "click": "onContainerClick($event)" }, properties: { "attr.id": "id", "class": "this.hostClass", "style": "this.hostStyle" } }, providers: [SELECT_VALUE_ACCESSOR, SelectStyle], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"] }, { propertyName: "groupTemplate", first: true, predicate: ["group"] }, { propertyName: "loaderTemplate", first: true, predicate: ["loader"] }, { propertyName: "selectedItemTemplate", first: true, predicate: ["selectedItem"] }, { propertyName: "headerTemplate", first: true, predicate: ["header"] }, { propertyName: "filterTemplate", first: true, predicate: ["filter"] }, { propertyName: "footerTemplate", first: true, predicate: ["footer"] }, { propertyName: "emptyFilterTemplate", first: true, predicate: ["emptyfilter"] }, { propertyName: "emptyTemplate", first: true, predicate: ["empty"] }, { propertyName: "dropdownIconTemplate", first: true, predicate: ["dropdownicon"] }, { propertyName: "loadingIconTemplate", first: true, predicate: ["loadingicon"] }, { propertyName: "clearIconTemplate", first: true, predicate: ["clearicon"] }, { propertyName: "filterIconTemplate", first: true, predicate: ["filtericon"] }, { propertyName: "onIconTemplate", first: true, predicate: ["onicon"] }, { propertyName: "offIconTemplate", first: true, predicate: ["officon"] }, { propertyName: "cancelIconTemplate", first: true, predicate: ["cancelicon"] }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "filterViewChild", first: true, predicate: ["filter"], descendants: true }, { propertyName: "focusInputViewChild", first: true, predicate: ["focusInput"], descendants: true }, { propertyName: "editableInputViewChild", first: true, predicate: ["editableInput"], descendants: true }, { propertyName: "itemsViewChild", first: true, predicate: ["items"], descendants: true }, { propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true }, { propertyName: "overlayViewChild", first: true, predicate: ["overlay"], descendants: true }, { propertyName: "firstHiddenFocusableElementOnOverlay", first: true, predicate: ["firstHiddenFocusableEl"], descendants: true }, { propertyName: "lastHiddenFocusableElementOnOverlay", first: true, predicate: ["lastHiddenFocusableEl"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        <span
+            #focusInput
+            [ngClass]="inputClass"
+            *ngIf="!editable"
+            [pTooltip]="tooltip"
+            [tooltipPosition]="tooltipPosition"
+            [positionStyle]="tooltipPositionStyle"
+            [tooltipStyleClass]="tooltipStyleClass"
+            [attr.aria-disabled]="disabled"
+            [attr.id]="inputId"
+            role="combobox"
+            [attr.aria-label]="ariaLabel || (label() === 'p-emptylabel' ? undefined : label())"
+            [attr.aria-labelledby]="ariaLabelledBy"
+            [attr.aria-haspopup]="'listbox'"
+            [attr.aria-expanded]="overlayVisible ?? false"
+            [attr.aria-controls]="overlayVisible ? id + '_list' : null"
+            [attr.tabindex]="!disabled ? tabindex : -1"
+            [pAutoFocus]="autofocus"
+            [attr.aria-activedescendant]="focused ? focusedOptionId : undefined"
+            (focus)="onInputFocus($event)"
+            (blur)="onInputBlur($event)"
+            (keydown)="onKeyDown($event)"
+            [attr.aria-required]="required"
+            [attr.required]="required"
+        >
+            <ng-container *ngIf="!selectedItemTemplate && !_selectedItemTemplate; else defaultPlaceholder">{{ label() === 'p-emptylabel' ? '&nbsp;' : label() }}</ng-container>
+            <ng-container *ngIf="(selectedItemTemplate || _selectedItemTemplate) && selectedOption" [ngTemplateOutlet]="selectedItemTemplate || _selectedItemTemplate" [ngTemplateOutletContext]="{ $implicit: selectedOption }"></ng-container>
+            <ng-template #defaultPlaceholder>
+                <span *ngIf="!selectedOption">{{ label() === 'p-emptylabel' ? '&nbsp;' : label() }}</span>
+            </ng-template>
+        </span>
+        <input
+            *ngIf="editable"
+            #editableInput
+            type="text"
+            [attr.id]="inputId"
+            [attr.maxlength]="maxlength"
+            [ngClass]="inputClass"
+            [disabled]="disabled"
+            aria-haspopup="listbox"
+            [attr.placeholder]="modelValue() === undefined || modelValue() === null ? placeholder() : undefined"
+            [attr.aria-label]="ariaLabel || (label() === 'p-emptylabel' ? undefined : label())"
+            (input)="onEditableInput($event)"
+            (keydown)="onKeyDown($event)"
+            [pAutoFocus]="autofocus"
+            [attr.aria-activedescendant]="focused ? focusedOptionId : undefined"
+            (focus)="onInputFocus($event)"
+            (blur)="onInputBlur($event)"
+        />
+        <ng-container *ngIf="isVisibleClearIcon">
+            <TimesIcon class="p-select-clear-icon" (click)="clear($event)" *ngIf="!clearIconTemplate && !_clearIconTemplate" [attr.data-pc-section]="'clearicon'" />
+            <span class="p-select-clear-icon" (click)="clear($event)" *ngIf="clearIconTemplate || _clearIconTemplate" [attr.data-pc-section]="'clearicon'">
+                <ng-template *ngTemplateOutlet="clearIconTemplate || _clearIconTemplate; context: { class: 'p-select-clear-icon' }"></ng-template>
+            </span>
+        </ng-container>
+
+        <div class="p-select-dropdown" role="button" aria-label="dropdown trigger" aria-haspopup="listbox" [attr.aria-expanded]="overlayVisible ?? false" [attr.data-pc-section]="'trigger'">
+            <ng-container *ngIf="loading; else elseBlock">
+                <ng-container *ngIf="loadingIconTemplate || _loadingIconTemplate">
+                    <ng-container *ngTemplateOutlet="loadingIconTemplate || _loadingIconTemplate"></ng-container>
+                </ng-container>
+                <ng-container *ngIf="!loadingIconTemplate && !_loadingIconTemplate">
+                    <span *ngIf="loadingIcon" [ngClass]="'p-select-loading-icon pi-spin ' + loadingIcon" aria-hidden="true"></span>
+                    <span *ngIf="!loadingIcon" [class]="'p-select-loading-icon pi pi-spinner pi-spin'" aria-hidden="true"></span>
+                </ng-container>
+            </ng-container>
+
+            <ng-template #elseBlock>
+                <ng-container *ngIf="!dropdownIconTemplate && !_dropdownIconTemplate">
+                    <span class="p-select-dropdown-icon" *ngIf="dropdownIcon" [ngClass]="dropdownIcon"></span>
+                    <ChevronDownIcon *ngIf="!dropdownIcon" [styleClass]="'p-select-dropdown-icon'" />
+                </ng-container>
+                <span *ngIf="dropdownIconTemplate || _dropdownIconTemplate" class="p-select-dropdown-icon">
+                    <ng-template *ngTemplateOutlet="dropdownIconTemplate || _dropdownIconTemplate; context: { class: 'p-select-dropdown-icon' }"></ng-template>
+                </span>
+            </ng-template>
+        </div>
+
+        <p-overlay
+            #overlay
+            [(visible)]="overlayVisible"
+            [options]="overlayOptions"
+            [target]="'@parent'"
+            [appendTo]="appendTo"
+            [autoZIndex]="autoZIndex"
+            [baseZIndex]="baseZIndex"
+            [showTransitionOptions]="showTransitionOptions"
+            [hideTransitionOptions]="hideTransitionOptions"
+            (onAnimationStart)="onOverlayAnimationStart($event)"
+            (onHide)="hide()"
+        >
+            <ng-template #content>
+                <div [ngClass]="'p-select-overlay p-component'" [ngStyle]="panelStyle" [class]="panelStyleClass">
+                    <span
+                        #firstHiddenFocusableEl
+                        role="presentation"
+                        class="p-hidden-accessible p-hidden-focusable"
+                        [attr.tabindex]="0"
+                        (focus)="onFirstHiddenFocus($event)"
+                        [attr.data-p-hidden-accessible]="true"
+                        [attr.data-p-hidden-focusable]="true"
+                    >
+                    </span>
+                    <ng-container *ngTemplateOutlet="headerTemplate || _headerTemplate"></ng-container>
+                    <div class="p-select-header" *ngIf="filter" (click)="$event.stopPropagation()">
+                        <ng-container *ngIf="filterTemplate || _filterTemplate; else builtInFilterElement">
+                            <ng-container *ngTemplateOutlet="filterTemplate || _filterTemplate; context: { options: filterOptions }"></ng-container>
+                        </ng-container>
+                        <ng-template #builtInFilterElement>
+                            <p-iconfield>
+                                <input
+                                    #filter
+                                    pInputText
+                                    [pSize]="size"
+                                    type="text"
+                                    role="searchbox"
+                                    autocomplete="off"
+                                    [value]="_filterValue() || ''"
+                                    class="p-select-filter"
+                                    [variant]="variant"
+                                    [attr.placeholder]="filterPlaceholder"
+                                    [attr.aria-owns]="id + '_list'"
+                                    (input)="onFilterInputChange($event)"
+                                    [attr.aria-label]="ariaFilterLabel"
+                                    [attr.aria-activedescendant]="focusedOptionId"
+                                    (keydown)="onFilterKeyDown($event)"
+                                    (blur)="onFilterBlur($event)"
+                                />
+                                <p-inputicon>
+                                    <SearchIcon *ngIf="!filterIconTemplate && !_filterIconTemplate" />
+                                    <span *ngIf="filterIconTemplate || _filterIconTemplate">
+                                        <ng-template *ngTemplateOutlet="filterIconTemplate || _filterIconTemplate"></ng-template>
+                                    </span>
+                                </p-inputicon>
+                            </p-iconfield>
+                        </ng-template>
+                    </div>
+                    <div class="p-select-list-container" [style.max-height]="virtualScroll ? 'auto' : scrollHeight || 'auto'">
+                        <p-scroller
+                            *ngIf="virtualScroll"
+                            #scroller
+                            [items]="visibleOptions()"
+                            [style]="{ height: scrollHeight }"
+                            [itemSize]="virtualScrollItemSize || _itemSize"
+                            [autoSize]="true"
+                            [lazy]="lazy"
+                            (onLazyLoad)="onLazyLoad.emit($event)"
+                            [options]="virtualScrollOptions"
+                        >
+                            <ng-template #content let-items let-scrollerOptions="options">
+                                <ng-container *ngTemplateOutlet="buildInItems; context: { $implicit: items, options: scrollerOptions }"></ng-container>
+                            </ng-template>
+                            <ng-container *ngIf="loaderTemplate || _loaderTemplate">
+                                <ng-template #loader let-scrollerOptions="options">
+                                    <ng-container *ngTemplateOutlet="loaderTemplate || _loaderTemplate; context: { options: scrollerOptions }"></ng-container>
+                                </ng-template>
+                            </ng-container>
+                        </p-scroller>
+                        <ng-container *ngIf="!virtualScroll">
+                            <ng-container *ngTemplateOutlet="buildInItems; context: { $implicit: visibleOptions(), options: {} }"></ng-container>
+                        </ng-container>
+
+                        <ng-template #buildInItems let-items let-scrollerOptions="options">
+                            <ul #items [attr.id]="id + '_list'" [attr.aria-label]="listLabel" class="p-select-list" [ngClass]="scrollerOptions.contentStyleClass" [style]="scrollerOptions.contentStyle" role="listbox">
+                                <ng-template ngFor let-option [ngForOf]="items" let-i="index">
+                                    <ng-container *ngIf="isOptionGroup(option)">
+                                        <li class="p-select-option-group" [attr.id]="id + '_' + getOptionIndex(i, scrollerOptions)" [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }" role="option">
+                                            <span *ngIf="!groupTemplate && !_groupTemplate">{{ getOptionGroupLabel(option.optionGroup) }}</span>
+                                            <ng-container *ngTemplateOutlet="groupTemplate || _groupTemplate; context: { $implicit: option.optionGroup }"></ng-container>
+                                        </li>
+                                    </ng-container>
+                                    <ng-container *ngIf="!isOptionGroup(option)">
+                                        <p-selectItem
+                                            [id]="id + '_' + getOptionIndex(i, scrollerOptions)"
+                                            [option]="option"
+                                            [checkmark]="checkmark"
+                                            [selected]="isSelected(option)"
+                                            [label]="getOptionLabel(option)"
+                                            [disabled]="isOptionDisabled(option)"
+                                            [template]="itemTemplate || _itemTemplate"
+                                            [focused]="focusedOptionIndex() === getOptionIndex(i, scrollerOptions)"
+                                            [ariaPosInset]="getAriaPosInset(getOptionIndex(i, scrollerOptions))"
+                                            [ariaSetSize]="ariaSetSize"
+                                            (onClick)="onOptionSelect($event, option)"
+                                            (onMouseEnter)="onOptionMouseEnter($event, getOptionIndex(i, scrollerOptions))"
+                                        ></p-selectItem>
+                                    </ng-container>
+                                </ng-template>
+                                <li *ngIf="filterValue && isEmpty()" class="p-select-empty-message" [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }" role="option">
+                                    @if (!emptyFilterTemplate && !_emptyFilterTemplate && !emptyTemplate) {
+                                        {{ emptyFilterMessageLabel }}
+                                    } @else {
+                                        <ng-container #emptyFilter *ngTemplateOutlet="emptyFilterTemplate || _emptyFilterTemplate || emptyTemplate || _emptyTemplate"></ng-container>
+                                    }
+                                </li>
+                                <li *ngIf="!filterValue && isEmpty()" class="p-select-empty-message" [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }" role="option">
+                                    @if (!emptyTemplate && !_emptyTemplate) {
+                                        {{ emptyMessageLabel }}
+                                    } @else {
+                                        <ng-container #empty *ngTemplateOutlet="emptyTemplate || _emptyTemplate"></ng-container>
+                                    }
+                                </li>
+                            </ul>
+                        </ng-template>
+                    </div>
+                    <ng-container *ngTemplateOutlet="footerTemplate || _footerTemplate"></ng-container>
+                    <span
+                        #lastHiddenFocusableEl
+                        role="presentation"
+                        class="p-hidden-accessible p-hidden-focusable"
+                        [attr.tabindex]="0"
+                        (focus)="onLastHiddenFocus($event)"
+                        [attr.data-p-hidden-accessible]="true"
+                        [attr.data-p-hidden-focusable]="true"
+                    ></span>
+                </div>
+            </ng-template>
+        </p-overlay>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SelectItem, selector: "p-selectItem", inputs: ["id", "option", "selected", "focused", "label", "disabled", "visible", "itemSize", "ariaPosInset", "ariaSetSize", "template", "checkmark"], outputs: ["onClick", "onMouseEnter"] }, { kind: "component", type: Overlay, selector: "p-overlay", inputs: ["visible", "mode", "style", "styleClass", "contentStyle", "contentStyleClass", "target", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "listener", "responsive", "options"], outputs: ["visibleChange", "onBeforeShow", "onShow", "onBeforeHide", "onHide", "onAnimationStart", "onAnimationDone"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus", "pAutoFocus"] }, { kind: "component", type: TimesIcon, selector: "TimesIcon" }, { kind: "component", type: ChevronDownIcon, selector: "ChevronDownIcon" }, { kind: "component", type: SearchIcon, selector: "SearchIcon" }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "component", type: IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["iconPosition", "styleClass"] }, { kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["styleClass"] }, { kind: "component", type: Scroller, selector: "p-scroller, p-virtualscroller, p-virtual-scroller, p-virtualScroller", inputs: ["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: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Select, [{
-        type: Component,
-        args: [{
-                selector: 'p-select',
-                standalone: true,
-                imports: [CommonModule, SelectItem, Overlay, Tooltip, AutoFocus, TimesIcon, ChevronDownIcon, SearchIcon, InputText, IconField, InputIcon, Scroller, SharedModule],
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: Select, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-select',
+                    standalone: true,
+                    imports: [CommonModule, SelectItem, Overlay, Tooltip, AutoFocus, TimesIcon, ChevronDownIcon, SearchIcon, InputText, IconField, InputIcon, Scroller, SharedModule],
+                    template: `
         <span
             #focusInput
             [ngClass]="inputClass"
@@ -2778,279 +2405,277 @@ class Select extends BaseComponent {
             </ng-template>
         </p-overlay>
     `,
-                host: {
-                    '[attr.id]': 'id',
-                    '(click)': 'onContainerClick($event)'
-                },
-                providers: [SELECT_VALUE_ACCESSOR, SelectStyle],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None
-            }]
-    }], () => [{ type: i0.NgZone }, { type: i2.FilterService }], { id: [{
-            type: Input
-        }], scrollHeight: [{
-            type: Input
-        }], filter: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], name: [{
-            type: Input
-        }], style: [{
-            type: Input
-        }], panelStyle: [{
-            type: Input
-        }], styleClass: [{
-            type: Input
-        }], panelStyleClass: [{
-            type: Input
-        }], readonly: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], required: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], editable: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], appendTo: [{
-            type: Input
-        }], tabindex: [{
-            type: Input,
-            args: [{ transform: numberAttribute }]
-        }], placeholder: [{
-            type: Input
-        }], loadingIcon: [{
-            type: Input
-        }], filterPlaceholder: [{
-            type: Input
-        }], filterLocale: [{
-            type: Input
-        }], variant: [{
-            type: Input
-        }], inputId: [{
-            type: Input
-        }], dataKey: [{
-            type: Input
-        }], filterBy: [{
-            type: Input
-        }], filterFields: [{
-            type: Input
-        }], autofocus: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], resetFilterOnHide: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], checkmark: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], dropdownIcon: [{
-            type: Input
-        }], loading: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], optionLabel: [{
-            type: Input
-        }], optionValue: [{
-            type: Input
-        }], optionDisabled: [{
-            type: Input
-        }], optionGroupLabel: [{
-            type: Input
-        }], optionGroupChildren: [{
-            type: Input
-        }], autoDisplayFirst: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], group: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], showClear: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], emptyFilterMessage: [{
-            type: Input
-        }], emptyMessage: [{
-            type: Input
-        }], lazy: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], virtualScroll: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], virtualScrollItemSize: [{
-            type: Input,
-            args: [{ transform: numberAttribute }]
-        }], virtualScrollOptions: [{
-            type: Input
-        }], size: [{
-            type: Input
-        }], overlayOptions: [{
-            type: Input
-        }], ariaFilterLabel: [{
-            type: Input
-        }], ariaLabel: [{
-            type: Input
-        }], ariaLabelledBy: [{
-            type: Input
-        }], filterMatchMode: [{
-            type: Input
-        }], maxlength: [{
-            type: Input,
-            args: [{ transform: numberAttribute }]
-        }], tooltip: [{
-            type: Input
-        }], tooltipPosition: [{
-            type: Input
-        }], tooltipPositionStyle: [{
-            type: Input
-        }], tooltipStyleClass: [{
-            type: Input
-        }], focusOnHover: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], selectOnFocus: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], autoOptionFocus: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], autofocusFilter: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], fluid: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], disabled: [{
-            type: Input
-        }], itemSize: [{
-            type: Input
-        }], autoZIndex: [{
-            type: Input
-        }], baseZIndex: [{
-            type: Input
-        }], showTransitionOptions: [{
-            type: Input
-        }], hideTransitionOptions: [{
-            type: Input
-        }], filterValue: [{
-            type: Input
-        }], options: [{
-            type: Input
-        }], onChange: [{
-            type: Output
-        }], onFilter: [{
-            type: Output
-        }], onFocus: [{
-            type: Output
-        }], onBlur: [{
-            type: Output
-        }], onClick: [{
-            type: Output
-        }], onShow: [{
-            type: Output
-        }], onHide: [{
-            type: Output
-        }], onClear: [{
-            type: Output
-        }], onLazyLoad: [{
-            type: Output
-        }], filterViewChild: [{
-            type: ViewChild,
-            args: ['filter']
-        }], focusInputViewChild: [{
-            type: ViewChild,
-            args: ['focusInput']
-        }], editableInputViewChild: [{
-            type: ViewChild,
-            args: ['editableInput']
-        }], itemsViewChild: [{
-            type: ViewChild,
-            args: ['items']
-        }], scroller: [{
-            type: ViewChild,
-            args: ['scroller']
-        }], overlayViewChild: [{
-            type: ViewChild,
-            args: ['overlay']
-        }], firstHiddenFocusableElementOnOverlay: [{
-            type: ViewChild,
-            args: ['firstHiddenFocusableEl']
-        }], lastHiddenFocusableElementOnOverlay: [{
-            type: ViewChild,
-            args: ['lastHiddenFocusableEl']
-        }], hostClass: [{
-            type: HostBinding,
-            args: ['class']
-        }], hostStyle: [{
-            type: HostBinding,
-            args: ['style']
-        }], itemTemplate: [{
-            type: ContentChild,
-            args: ['item', { descendants: false }]
-        }], groupTemplate: [{
-            type: ContentChild,
-            args: ['group', { descendants: false }]
-        }], loaderTemplate: [{
-            type: ContentChild,
-            args: ['loader', { descendants: false }]
-        }], selectedItemTemplate: [{
-            type: ContentChild,
-            args: ['selectedItem', { descendants: false }]
-        }], headerTemplate: [{
-            type: ContentChild,
-            args: ['header', { descendants: false }]
-        }], filterTemplate: [{
-            type: ContentChild,
-            args: ['filter', { descendants: false }]
-        }], footerTemplate: [{
-            type: ContentChild,
-            args: ['footer', { descendants: false }]
-        }], emptyFilterTemplate: [{
-            type: ContentChild,
-            args: ['emptyfilter', { descendants: false }]
-        }], emptyTemplate: [{
-            type: ContentChild,
-            args: ['empty', { descendants: false }]
-        }], dropdownIconTemplate: [{
-            type: ContentChild,
-            args: ['dropdownicon', { descendants: false }]
-        }], loadingIconTemplate: [{
-            type: ContentChild,
-            args: ['loadingicon', { descendants: false }]
-        }], clearIconTemplate: [{
-            type: ContentChild,
-            args: ['clearicon', { descendants: false }]
-        }], filterIconTemplate: [{
-            type: ContentChild,
-            args: ['filtericon', { descendants: false }]
-        }], onIconTemplate: [{
-            type: ContentChild,
-            args: ['onicon', { descendants: false }]
-        }], offIconTemplate: [{
-            type: ContentChild,
-            args: ['officon', { descendants: false }]
-        }], cancelIconTemplate: [{
-            type: ContentChild,
-            args: ['cancelicon', { descendants: false }]
-        }], templates: [{
-            type: ContentChildren,
-            args: [PrimeTemplate]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Select, { className: "Select", filePath: "select.ts", lineNumber: 381 }); })();
+                    host: {
+                        '[attr.id]': 'id',
+                        '(click)': 'onContainerClick($event)'
+                    },
+                    providers: [SELECT_VALUE_ACCESSOR, SelectStyle],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i2.FilterService }], propDecorators: { id: [{
+                type: Input
+            }], scrollHeight: [{
+                type: Input
+            }], filter: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], name: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], panelStyle: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], panelStyleClass: [{
+                type: Input
+            }], readonly: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], editable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], appendTo: [{
+                type: Input
+            }], tabindex: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], placeholder: [{
+                type: Input
+            }], loadingIcon: [{
+                type: Input
+            }], filterPlaceholder: [{
+                type: Input
+            }], filterLocale: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], dataKey: [{
+                type: Input
+            }], filterBy: [{
+                type: Input
+            }], filterFields: [{
+                type: Input
+            }], autofocus: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], resetFilterOnHide: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], checkmark: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], dropdownIcon: [{
+                type: Input
+            }], loading: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], optionLabel: [{
+                type: Input
+            }], optionValue: [{
+                type: Input
+            }], optionDisabled: [{
+                type: Input
+            }], optionGroupLabel: [{
+                type: Input
+            }], optionGroupChildren: [{
+                type: Input
+            }], autoDisplayFirst: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], group: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], showClear: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], emptyFilterMessage: [{
+                type: Input
+            }], emptyMessage: [{
+                type: Input
+            }], lazy: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], virtualScroll: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], virtualScrollItemSize: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], virtualScrollOptions: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], overlayOptions: [{
+                type: Input
+            }], ariaFilterLabel: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], ariaLabelledBy: [{
+                type: Input
+            }], filterMatchMode: [{
+                type: Input
+            }], maxlength: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], tooltip: [{
+                type: Input
+            }], tooltipPosition: [{
+                type: Input
+            }], tooltipPositionStyle: [{
+                type: Input
+            }], tooltipStyleClass: [{
+                type: Input
+            }], focusOnHover: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], selectOnFocus: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], autoOptionFocus: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], autofocusFilter: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], fluid: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], disabled: [{
+                type: Input
+            }], itemSize: [{
+                type: Input
+            }], autoZIndex: [{
+                type: Input
+            }], baseZIndex: [{
+                type: Input
+            }], showTransitionOptions: [{
+                type: Input
+            }], hideTransitionOptions: [{
+                type: Input
+            }], filterValue: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }], onFilter: [{
+                type: Output
+            }], onFocus: [{
+                type: Output
+            }], onBlur: [{
+                type: Output
+            }], onClick: [{
+                type: Output
+            }], onShow: [{
+                type: Output
+            }], onHide: [{
+                type: Output
+            }], onClear: [{
+                type: Output
+            }], onLazyLoad: [{
+                type: Output
+            }], filterViewChild: [{
+                type: ViewChild,
+                args: ['filter']
+            }], focusInputViewChild: [{
+                type: ViewChild,
+                args: ['focusInput']
+            }], editableInputViewChild: [{
+                type: ViewChild,
+                args: ['editableInput']
+            }], itemsViewChild: [{
+                type: ViewChild,
+                args: ['items']
+            }], scroller: [{
+                type: ViewChild,
+                args: ['scroller']
+            }], overlayViewChild: [{
+                type: ViewChild,
+                args: ['overlay']
+            }], firstHiddenFocusableElementOnOverlay: [{
+                type: ViewChild,
+                args: ['firstHiddenFocusableEl']
+            }], lastHiddenFocusableElementOnOverlay: [{
+                type: ViewChild,
+                args: ['lastHiddenFocusableEl']
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], hostStyle: [{
+                type: HostBinding,
+                args: ['style']
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: ['item', { descendants: false }]
+            }], groupTemplate: [{
+                type: ContentChild,
+                args: ['group', { descendants: false }]
+            }], loaderTemplate: [{
+                type: ContentChild,
+                args: ['loader', { descendants: false }]
+            }], selectedItemTemplate: [{
+                type: ContentChild,
+                args: ['selectedItem', { descendants: false }]
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: ['header', { descendants: false }]
+            }], filterTemplate: [{
+                type: ContentChild,
+                args: ['filter', { descendants: false }]
+            }], footerTemplate: [{
+                type: ContentChild,
+                args: ['footer', { descendants: false }]
+            }], emptyFilterTemplate: [{
+                type: ContentChild,
+                args: ['emptyfilter', { descendants: false }]
+            }], emptyTemplate: [{
+                type: ContentChild,
+                args: ['empty', { descendants: false }]
+            }], dropdownIconTemplate: [{
+                type: ContentChild,
+                args: ['dropdownicon', { descendants: false }]
+            }], loadingIconTemplate: [{
+                type: ContentChild,
+                args: ['loadingicon', { descendants: false }]
+            }], clearIconTemplate: [{
+                type: ContentChild,
+                args: ['clearicon', { descendants: false }]
+            }], filterIconTemplate: [{
+                type: ContentChild,
+                args: ['filtericon', { descendants: false }]
+            }], onIconTemplate: [{
+                type: ContentChild,
+                args: ['onicon', { descendants: false }]
+            }], offIconTemplate: [{
+                type: ContentChild,
+                args: ['officon', { descendants: false }]
+            }], cancelIconTemplate: [{
+                type: ContentChild,
+                args: ['cancelicon', { descendants: false }]
+            }], templates: [{
+                type: ContentChildren,
+                args: [PrimeTemplate]
+            }] } });
 class SelectModule {
-    static ɵfac = function SelectModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SelectModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Select, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: SelectModule, imports: [Select, SharedModule], exports: [Select, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SelectModule, imports: [Select, SharedModule, SharedModule] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectModule, [{
-        type: NgModule,
-        args: [{
-                imports: [Select, SharedModule],
-                exports: [Select, SharedModule]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SelectModule, { imports: [Select, SharedModule], exports: [Select, SharedModule] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Select, SharedModule],
+                    exports: [Select, SharedModule]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.