primeng 19.0.6 → 19.0.7

package/fesm2022/primeng-dropdown.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, ContentChildren, NgModule } from '@angular/core';
+import { Injectable, forwardRef, EventEmitter, booleanAttribute, numberAttribute, Output, Input, Component, inject, signal, computed, effect, ContentChildren, 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';
@@ -273,527 +273,16 @@ class DropdownStyle extends BaseStyle {
     name = 'select';
     theme = theme;
     classes = classes;
-    static ɵfac = /*@__PURE__*/ (() => { let ɵDropdownStyle_BaseFactory; return function DropdownStyle_Factory(__ngFactoryType__) { return (ɵDropdownStyle_BaseFactory || (ɵDropdownStyle_BaseFactory = i0.ɵɵgetInheritedFactory(DropdownStyle)))(__ngFactoryType__ || DropdownStyle); }; })();
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DropdownStyle, factory: DropdownStyle.ɵfac });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DropdownStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DropdownStyle });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownStyle, [{
-        type: Injectable
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DropdownStyle, decorators: [{
+            type: Injectable
+        }] });
 var DropdownClasses;
 (function (DropdownClasses) {
 })(DropdownClasses || (DropdownClasses = {}));
 
-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 DropdownItem_ng_container_1_CheckIcon_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "CheckIcon", 4);
-} if (rf & 2) {
-    i0.ɵɵproperty("styleClass", "p-select-option-check-icon");
-} }
-function DropdownItem_ng_container_1_BlankIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "BlankIcon", 4);
-} if (rf & 2) {
-    i0.ɵɵproperty("styleClass", "p-select-option-blank-icon");
-} }
-function DropdownItem_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, DropdownItem_ng_container_1_CheckIcon_1_Template, 1, 1, "CheckIcon", 3)(2, DropdownItem_ng_container_1_BlankIcon_2_Template, 1, 1, "BlankIcon", 3);
-    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 DropdownItem_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 DropdownItem_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-const _c3 = ["container"];
-const _c4 = ["filter"];
-const _c5 = ["focusInput"];
-const _c6 = ["editableInput"];
-const _c7 = ["items"];
-const _c8 = ["scroller"];
-const _c9 = ["overlay"];
-const _c10 = ["firstHiddenFocusableEl"];
-const _c11 = ["lastHiddenFocusableEl"];
-const _c12 = () => ({ class: "p-select-clear-icon" });
-const _c13 = () => ({ class: "p-select-dropdown-icon" });
-const _c14 = a0 => ({ options: a0 });
-const _c15 = (a0, a1) => ({ $implicit: a0, options: a1 });
-const _c16 = () => ({});
-function Dropdown_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 Dropdown_span_0_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 23);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.selectedItemTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, ctx_r2.selectedOption));
-} }
-function Dropdown_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 Dropdown_span_0_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Dropdown_span_0_ng_template_4_span_0_Template, 2, 1, "span", 17);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngIf", !ctx_r2.selectedOption);
-} }
-function Dropdown_span_0_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 21, 3);
-    i0.ɵɵlistener("focus", function Dropdown_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 Dropdown_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 Dropdown_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, Dropdown_span_0_ng_container_2_Template, 2, 1, "ng-container", 19)(3, Dropdown_span_0_ng_container_3_Template, 1, 4, "ng-container", 22)(4, Dropdown_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)("ngIfElse", defaultPlaceholder_r4);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.selectedItemTemplate && ctx_r2.selectedOption);
-} }
-function Dropdown_input_1_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 24, 5);
-    i0.ɵɵlistener("input", function Dropdown_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 Dropdown_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 Dropdown_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 Dropdown_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 Dropdown_ng_container_2_TimesIcon_1_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "TimesIcon", 26);
-    i0.ɵɵlistener("click", function Dropdown_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 Dropdown_ng_container_2_span_2_1_ng_template_0_Template(rf, ctx) { }
-function Dropdown_ng_container_2_span_2_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Dropdown_ng_container_2_span_2_1_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function Dropdown_ng_container_2_span_2_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 26);
-    i0.ɵɵlistener("click", function Dropdown_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, Dropdown_ng_container_2_span_2_1_Template, 1, 0, null, 27);
-    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)("ngTemplateOutletContext", i0.ɵɵpureFunction0(3, _c12));
-} }
-function Dropdown_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Dropdown_ng_container_2_TimesIcon_1_Template, 1, 1, "TimesIcon", 25)(2, Dropdown_ng_container_2_span_2_Template, 2, 4, "span", 25);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.clearIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.clearIconTemplate);
-} }
-function Dropdown_ng_container_4_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Dropdown_ng_container_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Dropdown_ng_container_4_ng_container_1_ng_container_1_Template, 1, 0, "ng-container", 28);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.loadingIconTemplate);
-} }
-function Dropdown_ng_container_4_ng_container_2_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 31);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", "p-select-loading-icon pi-spin " + ctx_r2.loadingIcon);
-} }
-function Dropdown_ng_container_4_ng_container_2_span_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 32);
-} if (rf & 2) {
-    i0.ɵɵclassMap("p-select-loading-icon pi pi-spinner pi-spin");
-} }
-function Dropdown_ng_container_4_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Dropdown_ng_container_4_ng_container_2_span_1_Template, 1, 1, "span", 29)(2, Dropdown_ng_container_4_ng_container_2_span_2_Template, 1, 2, "span", 30);
-    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 Dropdown_ng_container_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Dropdown_ng_container_4_ng_container_1_Template, 2, 1, "ng-container", 17)(2, Dropdown_ng_container_4_ng_container_2_Template, 3, 2, "ng-container", 17);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.loadingIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.loadingIconTemplate);
-} }
-function Dropdown_ng_template_5_ng_container_0_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 36);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r2.dropdownIcon);
-} }
-function Dropdown_ng_template_5_ng_container_0_ChevronDownIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ChevronDownIcon", 37);
-} if (rf & 2) {
-    i0.ɵɵproperty("styleClass", "p-select-dropdown-icon");
-} }
-function Dropdown_ng_template_5_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Dropdown_ng_template_5_ng_container_0_span_1_Template, 1, 1, "span", 34)(2, Dropdown_ng_template_5_ng_container_0_ChevronDownIcon_2_Template, 1, 1, "ChevronDownIcon", 35);
-    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 Dropdown_ng_template_5_span_1_1_ng_template_0_Template(rf, ctx) { }
-function Dropdown_ng_template_5_span_1_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Dropdown_ng_template_5_span_1_1_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function Dropdown_ng_template_5_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 38);
-    i0.ɵɵtemplate(1, Dropdown_ng_template_5_span_1_1_Template, 1, 0, null, 27);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.dropdownIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction0(2, _c13));
-} }
-function Dropdown_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Dropdown_ng_template_5_ng_container_0_Template, 3, 2, "ng-container", 17)(1, Dropdown_ng_template_5_span_1_Template, 2, 3, "span", 33);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngIf", !ctx_r2.dropdownIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.dropdownIconTemplate);
-} }
-function Dropdown_ng_template_9_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Dropdown_ng_template_9_div_4_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Dropdown_ng_template_9_div_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Dropdown_ng_template_9_div_4_ng_container_1_ng_container_1_Template, 1, 0, "ng-container", 27);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.filterTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c14, ctx_r2.filterOptions));
-} }
-function Dropdown_ng_template_9_div_4_ng_template_2_SearchIcon_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "SearchIcon");
-} }
-function Dropdown_ng_template_9_div_4_ng_template_2_span_5_1_ng_template_0_Template(rf, ctx) { }
-function Dropdown_ng_template_9_div_4_ng_template_2_span_5_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Dropdown_ng_template_9_div_4_ng_template_2_span_5_1_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function Dropdown_ng_template_9_div_4_ng_template_2_span_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtemplate(1, Dropdown_ng_template_9_div_4_ng_template_2_span_5_1_Template, 1, 0, null, 28);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.filterIconTemplate);
-} }
-function Dropdown_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", 45, 10);
-    i0.ɵɵlistener("input", function Dropdown_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 Dropdown_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 Dropdown_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, Dropdown_ng_template_9_div_4_ng_template_2_SearchIcon_4_Template, 1, 0, "SearchIcon", 17)(5, Dropdown_ng_template_9_div_4_ng_template_2_span_5_Template, 2, 1, "span", 17);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("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);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.filterIconTemplate);
-} }
-function Dropdown_ng_template_9_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 44);
-    i0.ɵɵlistener("click", function Dropdown_ng_template_9_div_4_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r9); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵtemplate(1, Dropdown_ng_template_9_div_4_ng_container_1_Template, 2, 4, "ng-container", 19)(2, Dropdown_ng_template_9_div_4_ng_template_2_Template, 6, 8, "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)("ngIfElse", builtInFilterElement_r11);
-} }
-function Dropdown_ng_template_9_p_scroller_6_ng_template_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Dropdown_ng_template_9_p_scroller_6_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Dropdown_ng_template_9_p_scroller_6_ng_template_2_ng_container_0_Template, 1, 0, "ng-container", 27);
-} 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, _c15, items_r13, scrollerOptions_r14));
-} }
-function Dropdown_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 Dropdown_ng_template_9_p_scroller_6_ng_container_4_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Dropdown_ng_template_9_p_scroller_6_ng_container_4_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 27);
-} if (rf & 2) {
-    const scrollerOptions_r16 = ctx.options;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.loaderTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c14, scrollerOptions_r16));
-} }
-function Dropdown_ng_template_9_p_scroller_6_ng_container_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Dropdown_ng_template_9_p_scroller_6_ng_container_4_ng_template_1_Template, 1, 4, "ng-template", null, 12, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementContainerEnd();
-} }
-function Dropdown_ng_template_9_p_scroller_6_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-scroller", 46, 11);
-    i0.ɵɵlistener("onLazyLoad", function Dropdown_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, Dropdown_ng_template_9_p_scroller_6_ng_template_2_Template, 1, 5, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(4, Dropdown_ng_template_9_p_scroller_6_ng_container_4_Template, 3, 0, "ng-container", 17);
-    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);
-} }
-function Dropdown_ng_template_9_ng_container_7_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Dropdown_ng_template_9_ng_container_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Dropdown_ng_template_9_ng_container_7_ng_container_1_Template, 1, 0, "ng-container", 27);
-    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, _c15, ctx_r2.visibleOptions(), i0.ɵɵpureFunction0(2, _c16)));
-} }
-function Dropdown_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 Dropdown_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 Dropdown_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", 50);
-    i0.ɵɵtemplate(2, Dropdown_ng_template_9_ng_template_8_ng_template_2_ng_container_0_span_2_Template, 2, 1, "span", 17)(3, Dropdown_ng_template_9_ng_template_8_ng_template_2_ng_container_0_ng_container_3_Template, 1, 0, "ng-container", 27);
-    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);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.groupTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(7, _c2, option_r17.optionGroup));
-} }
-function Dropdown_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-dropdownItem", 51);
-    i0.ɵɵlistener("onClick", function Dropdown_ng_template_9_ng_template_8_ng_template_2_ng_container_1_Template_p_dropdownItem_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 Dropdown_ng_template_9_ng_template_8_ng_template_2_ng_container_1_Template_p_dropdownItem_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)("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 Dropdown_ng_template_9_ng_template_8_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Dropdown_ng_template_9_ng_template_8_ng_template_2_ng_container_0_Template, 4, 9, "ng-container", 17)(1, Dropdown_ng_template_9_ng_template_8_ng_template_2_ng_container_1_Template, 2, 10, "ng-container", 17);
-} 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 Dropdown_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 Dropdown_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 Dropdown_ng_template_9_ng_template_8_li_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Dropdown_ng_template_9_ng_template_8_li_3_Conditional_2_ng_container_0_Template, 2, 0, "ng-container", 28);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.emptyFilterTemplate || ctx_r2.emptyTemplate);
-} }
-function Dropdown_ng_template_9_ng_template_8_li_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 52);
-    i0.ɵɵtemplate(1, Dropdown_ng_template_9_ng_template_8_li_3_Conditional_1_Template, 1, 1)(2, Dropdown_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.emptyTemplate ? 1 : 2);
-} }
-function Dropdown_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 Dropdown_ng_template_9_ng_template_8_li_4_Conditional_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Dropdown_ng_template_9_ng_template_8_li_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Dropdown_ng_template_9_ng_template_8_li_4_Conditional_2_ng_container_0_Template, 1, 0, "ng-container", 28);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.emptyTemplate);
-} }
-function Dropdown_ng_template_9_ng_template_8_li_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 52);
-    i0.ɵɵtemplate(1, Dropdown_ng_template_9_ng_template_8_li_4_Conditional_1_Template, 1, 1)(2, Dropdown_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 ? 1 : 2);
-} }
-function Dropdown_ng_template_9_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 47, 13);
-    i0.ɵɵtemplate(2, Dropdown_ng_template_9_ng_template_8_ng_template_2_Template, 2, 2, "ng-template", 48)(3, Dropdown_ng_template_9_ng_template_8_li_3_Template, 3, 4, "li", 49)(4, Dropdown_ng_template_9_ng_template_8_li_4_Template, 3, 4, "li", 49);
-    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 Dropdown_ng_template_9_ng_container_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Dropdown_ng_template_9_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 39)(1, "span", 40, 6);
-    i0.ɵɵlistener("focus", function Dropdown_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, Dropdown_ng_template_9_ng_container_3_Template, 1, 0, "ng-container", 28)(4, Dropdown_ng_template_9_div_4_Template, 4, 2, "div", 41);
-    i0.ɵɵelementStart(5, "div", 42);
-    i0.ɵɵtemplate(6, Dropdown_ng_template_9_p_scroller_6_Template, 5, 10, "p-scroller", 43)(7, Dropdown_ng_template_9_ng_container_7_Template, 2, 6, "ng-container", 17)(8, Dropdown_ng_template_9_ng_template_8_Template, 5, 8, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(10, Dropdown_ng_template_9_ng_container_10_Template, 1, 0, "ng-container", 28);
-    i0.ɵɵelementStart(11, "span", 40, 8);
-    i0.ɵɵlistener("focus", function Dropdown_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);
-    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);
-    i0.ɵɵadvance();
-    i0.ɵɵattribute("tabindex", 0)("data-p-hidden-accessible", true)("data-p-hidden-focusable", true);
-} }
 const DROPDOWN_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => Dropdown),
@@ -820,29 +309,44 @@ class DropdownItem extends BaseComponent {
     onOptionMouseEnter(event) {
         this.onMouseEnter.emit(event);
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵDropdownItem_BaseFactory; return function DropdownItem_Factory(__ngFactoryType__) { return (ɵDropdownItem_BaseFactory || (ɵDropdownItem_BaseFactory = i0.ɵɵgetInheritedFactory(DropdownItem)))(__ngFactoryType__ || DropdownItem); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DropdownItem, selectors: [["p-dropdownItem"]], 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" }, standalone: false, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 22, consts: [["role", "option", "pRipple", "", 3, "click", "mouseenter", "id", "ngStyle", "ngClass"], [4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "styleClass", 4, "ngIf"], [3, "styleClass"]], template: function DropdownItem_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "li", 0);
-            i0.ɵɵlistener("click", function DropdownItem_Template_li_click_0_listener($event) { return ctx.onOptionClick($event); })("mouseenter", function DropdownItem_Template_li_mouseenter_0_listener($event) { return ctx.onOptionMouseEnter($event); });
-            i0.ɵɵtemplate(1, DropdownItem_ng_container_1_Template, 3, 2, "ng-container", 1)(2, DropdownItem_span_2_Template, 2, 1, "span", 1)(3, DropdownItem_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.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: () => [i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, Ripple, BlankIcon, CheckIcon], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DropdownItem, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.7", type: DropdownItem, isStandalone: false, selector: "p-dropdownItem", 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,
+                '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: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgStyle), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i0.forwardRef(() => Ripple), selector: "[pRipple]" }, { kind: "component", type: i0.forwardRef(() => BlankIcon), selector: "BlankIcon" }, { kind: "component", type: i0.forwardRef(() => CheckIcon), selector: "CheckIcon" }] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownItem, [{
-        type: Component,
-        args: [{
-                selector: 'p-dropdownItem',
-                standalone: false,
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DropdownItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-dropdownItem',
+                    standalone: false,
+                    template: `
         <li
             [id]="id"
             (click)="onOptionClick($event)"
@@ -872,43 +376,42 @@ class DropdownItem 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(DropdownItem, { className: "DropdownItem", filePath: "dropdown.ts", lineNumber: 105 }); })();
+                }]
+        }], 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
+            }] } });
 /**
  * Dropdown also known as Select, is used to choose an item from a collection of options.
  * @group Components
@@ -1671,6 +1174,7 @@ class Dropdown extends BaseComponent {
         return equals(this.modelValue(), this.getOptionValue(option), this.equalityKey());
     }
     ngAfterViewInit() {
+        super.ngAfterViewInit();
         if (this.editable) {
             this.updateEditableLabel();
         }
@@ -2246,73 +1750,233 @@ class Dropdown extends BaseComponent {
         this.onClear.emit(event);
         this.resetFilter();
     }
-    static ɵfac = function Dropdown_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || Dropdown)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i2.FilterService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Dropdown, selectors: [["p-dropdown"]], contentQueries: function Dropdown_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
-        } }, viewQuery: function Dropdown_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c3, 5);
-            i0.ɵɵviewQuery(_c4, 5);
-            i0.ɵɵviewQuery(_c5, 5);
-            i0.ɵɵviewQuery(_c6, 5);
-            i0.ɵɵviewQuery(_c7, 5);
-            i0.ɵɵviewQuery(_c8, 5);
-            i0.ɵɵviewQuery(_c9, 5);
-            i0.ɵɵviewQuery(_c10, 5);
-            i0.ɵɵviewQuery(_c11, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.containerViewChild = _t.first);
-            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 Dropdown_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("click", function Dropdown_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", 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" }, standalone: false, features: [i0.ɵɵProvidersFeature([DROPDOWN_VALUE_ACCESSOR, DropdownStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 15, consts: [["elseBlock", ""], ["overlay", ""], ["content", ""], ["focusInput", ""], ["defaultPlaceholder", ""], ["editableInput", ""], ["firstHiddenFocusableEl", ""], ["buildInItems", ""], ["lastHiddenFocusableEl", ""], ["builtInFilterElement", ""], ["filter", ""], ["scroller", ""], ["loader", ""], ["items", ""], ["emptyFilter", ""], ["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", "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 Dropdown_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵtemplate(0, Dropdown_span_0_Template, 6, 20, "span", 15)(1, Dropdown_input_1_Template, 2, 8, "input", 16)(2, Dropdown_ng_container_2_Template, 3, 2, "ng-container", 17);
-            i0.ɵɵelementStart(3, "div", 18);
-            i0.ɵɵtemplate(4, Dropdown_ng_container_4_Template, 3, 2, "ng-container", 19)(5, Dropdown_ng_template_5_Template, 2, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "p-overlay", 20, 1);
-            i0.ɵɵtwoWayListener("visibleChange", function Dropdown_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 Dropdown_Template_p_overlay_onAnimationStart_7_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onOverlayAnimationStart($event)); })("onHide", function Dropdown_Template_p_overlay_onHide_7_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.hide()); });
-            i0.ɵɵtemplate(9, Dropdown_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: () => [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, i3.Overlay, i4.Tooltip, Scroller, i5.AutoFocus, TimesIcon, ChevronDownIcon, SearchIcon, i6.InputText, IconField, InputIcon, DropdownItem], encapsulation: 2, changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: Dropdown, deps: [{ token: i0.NgZone }, { token: i2.FilterService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: Dropdown, isStandalone: false, selector: "p-dropdown", 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", 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: [DROPDOWN_VALUE_ACCESSOR, DropdownStyle], queries: [{ propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }, { 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; else defaultPlaceholder">{{ label() === 'p-emptylabel' ? '&nbsp;' : label() }}</ng-container>
+            <ng-container *ngIf="selectedItemTemplate && selectedOption" [ngTemplateOutlet]="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" [attr.data-pc-section]="'clearicon'" />
+            <span class="p-select-clear-icon" (click)="clear($event)" *ngIf="clearIconTemplate" [attr.data-pc-section]="'clearicon'">
+                <ng-template *ngTemplateOutlet="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">
+                    <ng-container *ngTemplateOutlet="loadingIconTemplate"></ng-container>
+                </ng-container>
+                <ng-container *ngIf="!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">
+                    <span class="p-select-dropdown-icon" *ngIf="dropdownIcon" [ngClass]="dropdownIcon"></span>
+                    <ChevronDownIcon *ngIf="!dropdownIcon" [styleClass]="'p-select-dropdown-icon'" />
+                </ng-container>
+                <span *ngIf="dropdownIconTemplate" class="p-select-dropdown-icon">
+                    <ng-template *ngTemplateOutlet="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"></ng-container>
+                    <div class="p-select-header" *ngIf="filter" (click)="$event.stopPropagation()">
+                        <ng-container *ngIf="filterTemplate; else builtInFilterElement">
+                            <ng-container *ngTemplateOutlet="filterTemplate; context: { options: filterOptions }"></ng-container>
+                        </ng-container>
+                        <ng-template #builtInFilterElement>
+                            <p-iconfield>
+                                <input
+                                    #filter
+                                    pInputText
+                                    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" />
+                                    <span *ngIf="filterIconTemplate">
+                                        <ng-template *ngTemplateOutlet="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">
+                                <ng-template #loader let-scrollerOptions="options">
+                                    <ng-container *ngTemplateOutlet="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">{{ getOptionGroupLabel(option.optionGroup) }}</span>
+                                            <ng-container *ngTemplateOutlet="groupTemplate; context: { $implicit: option.optionGroup }"></ng-container>
+                                        </li>
+                                    </ng-container>
+                                    <ng-container *ngIf="!isOptionGroup(option)">
+                                        <p-dropdownItem
+                                            [id]="id + '_' + getOptionIndex(i, scrollerOptions)"
+                                            [option]="option"
+                                            [checkmark]="checkmark"
+                                            [selected]="isSelected(option)"
+                                            [label]="getOptionLabel(option)"
+                                            [disabled]="isOptionDisabled(option)"
+                                            [template]="itemTemplate"
+                                            [focused]="focusedOptionIndex() === getOptionIndex(i, scrollerOptions)"
+                                            [ariaPosInset]="getAriaPosInset(getOptionIndex(i, scrollerOptions))"
+                                            [ariaSetSize]="ariaSetSize"
+                                            (onClick)="onOptionSelect($event, option)"
+                                            (onMouseEnter)="onOptionMouseEnter($event, getOptionIndex(i, scrollerOptions))"
+                                        ></p-dropdownItem>
+                                    </ng-container>
+                                </ng-template>
+                                <li *ngIf="filterValue && isEmpty()" class="p-select-empty-message" [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }" role="option">
+                                    @if (!emptyFilterTemplate && !emptyTemplate) {
+                                        {{ emptyFilterMessageLabel }}
+                                    } @else {
+                                        <ng-container #emptyFilter *ngTemplateOutlet="emptyFilterTemplate || emptyTemplate"></ng-container>
+                                    }
+                                </li>
+                                <li *ngIf="!filterValue && isEmpty()" class="p-select-empty-message" [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }" role="option">
+                                    @if (!emptyTemplate) {
+                                        {{ emptyMessageLabel }}
+                                    } @else {
+                                        <ng-container *ngTemplateOutlet="emptyTemplate"></ng-container>
+                                    }
+                                </li>
+                            </ul>
+                        </ng-template>
+                    </div>
+                    <ng-container *ngTemplateOutlet="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: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgForOf), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgStyle), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(() => i3.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: i0.forwardRef(() => i4.Tooltip), selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i0.forwardRef(() => 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: "directive", type: i0.forwardRef(() => i5.AutoFocus), selector: "[pAutoFocus]", inputs: ["autofocus", "pAutoFocus"] }, { kind: "component", type: i0.forwardRef(() => TimesIcon), selector: "TimesIcon" }, { kind: "component", type: i0.forwardRef(() => ChevronDownIcon), selector: "ChevronDownIcon" }, { kind: "component", type: i0.forwardRef(() => SearchIcon), selector: "SearchIcon" }, { kind: "directive", type: i0.forwardRef(() => i6.InputText), selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "component", type: i0.forwardRef(() => IconField), selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["iconPosition", "styleClass"] }, { kind: "component", type: i0.forwardRef(() => InputIcon), selector: "p-inputicon, p-inputIcon", inputs: ["styleClass"] }, { kind: "component", type: i0.forwardRef(() => DropdownItem), selector: "p-dropdownItem", inputs: ["id", "option", "selected", "focused", "label", "disabled", "visible", "itemSize", "ariaPosInset", "ariaSetSize", "template", "checkmark"], outputs: ["onClick", "onMouseEnter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Dropdown, [{
-        type: Component,
-        args: [{
-                selector: 'p-dropdown',
-                standalone: false,
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: Dropdown, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-dropdown',
+                    standalone: false,
+                    template: `
         <span
             #focusInput
             [ngClass]="inputClass"
@@ -2531,233 +2195,231 @@ class Dropdown extends BaseComponent {
             </ng-template>
         </p-overlay>
     `,
-                host: {
-                    '[attr.id]': 'id',
-                    '(click)': 'onContainerClick($event)'
-                },
-                providers: [DROPDOWN_VALUE_ACCESSOR, DropdownStyle],
-                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
-        }], 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
-        }], containerViewChild: [{
-            type: ViewChild,
-            args: ['container']
-        }], 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']
-        }], templates: [{
-            type: ContentChildren,
-            args: [PrimeTemplate]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Dropdown, { className: "Dropdown", filePath: "dropdown.ts", lineNumber: 377 }); })();
+                    host: {
+                        '[attr.id]': 'id',
+                        '(click)': 'onContainerClick($event)'
+                    },
+                    providers: [DROPDOWN_VALUE_ACCESSOR, DropdownStyle],
+                    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
+            }], 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
+            }], containerViewChild: [{
+                type: ViewChild,
+                args: ['container']
+            }], 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']
+            }], templates: [{
+                type: ContentChildren,
+                args: [PrimeTemplate]
+            }] } });
 class DropdownModule {
-    static ɵfac = function DropdownModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DropdownModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: DropdownModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, OverlayModule, SharedModule, TooltipModule, Scroller, AutoFocusModule, TimesIcon, ChevronDownIcon, SearchIcon, BlankIcon, CheckIcon, InputTextModule, IconField, InputIcon, OverlayModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: DropdownModule, declarations: [Dropdown, DropdownItem], imports: [CommonModule, OverlayModule, SharedModule, TooltipModule, Ripple, Scroller, AutoFocusModule, TimesIcon, ChevronDownIcon, SearchIcon, BlankIcon, CheckIcon, InputTextModule, IconField, InputIcon], exports: [Dropdown, OverlayModule, SharedModule, Scroller] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DropdownModule, imports: [CommonModule, OverlayModule, SharedModule, TooltipModule, Scroller, AutoFocusModule, TimesIcon, ChevronDownIcon, SearchIcon, BlankIcon, CheckIcon, InputTextModule, IconField, InputIcon, OverlayModule, SharedModule] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownModule, [{
-        type: NgModule,
-        args: [{
-                imports: [CommonModule, OverlayModule, SharedModule, TooltipModule, Ripple, Scroller, AutoFocusModule, TimesIcon, ChevronDownIcon, SearchIcon, BlankIcon, CheckIcon, InputTextModule, IconField, InputIcon],
-                exports: [Dropdown, OverlayModule, SharedModule, Scroller],
-                declarations: [Dropdown, DropdownItem]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DropdownModule, { declarations: [Dropdown, DropdownItem], imports: [CommonModule, OverlayModule, SharedModule, TooltipModule, Ripple, Scroller, AutoFocusModule, TimesIcon, ChevronDownIcon, SearchIcon, BlankIcon, CheckIcon, InputTextModule, IconField, InputIcon], exports: [Dropdown, OverlayModule, SharedModule, Scroller] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DropdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, OverlayModule, SharedModule, TooltipModule, Ripple, Scroller, AutoFocusModule, TimesIcon, ChevronDownIcon, SearchIcon, BlankIcon, CheckIcon, InputTextModule, IconField, InputIcon],
+                    exports: [Dropdown, OverlayModule, SharedModule, Scroller],
+                    declarations: [Dropdown, DropdownItem]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.