primeng 22.1.2 → 22.1.4

package/fesm2022/primeng-select.mjs

@@ -1,26 +1,27 @@
 import { NgTemplateOutlet, isPlatformBrowser } from "@angular/common";
 import * as i0 from "@angular/core";
-import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, booleanAttribute, computed, contentChild, effect, forwardRef, inject, input, isDevMode, numberAttribute, output, signal, viewChild } from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, afterRenderEffect, booleanAttribute, computed, contentChild, effect, forwardRef, inject, input, isDevMode, numberAttribute, output, signal, untracked, viewChild } from "@angular/core";
+import { toSignal } from "@angular/core/rxjs-interop";
 import { NG_VALUE_ACCESSOR } from "@angular/forms";
 import { ChevronDown } from "@primeicons/angular/chevron-down";
 import { Search } from "@primeicons/angular/search";
 import { Times } from "@primeicons/angular/times";
-import { deepEquals, equals, findLastIndex, findSingle, focus, getFirstFocusableElement, getFocusableElements, getLastFocusableElement, isEmpty, isNotEmpty, isPrintableCharacter, resolveFieldData, scrollInView, uuid } from "@primeuix/utils";
+import { deepEquals, equals, findLastIndex, findSingle, focus, getFirstFocusableElement, getFocusableElements, getLastFocusableElement, isEmpty, isNotEmpty, isPrintableCharacter, isScalar, resolveFieldData, scrollInView } from "@primeuix/utils";
 import { FilterService, SharedModule, TranslationKeys } from "primeng/api";
 import { AutoFocus } from "primeng/autofocus";
 import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
 import { BaseInput } from "primeng/baseinput";
 import * as i1 from "primeng/bind";
 import { Bind, BindModule } from "primeng/bind";
-import { unblockBodyScroll } from "primeng/dom";
+import { getShadowRoot, unblockBodyScroll } from "primeng/dom";
 import { IconField } from "primeng/iconfield";
 import { InputIcon } from "primeng/inputicon";
 import { InputText } from "primeng/inputtext";
 import { Overlay } from "primeng/overlay";
 import { Scroller } from "primeng/scroller";
 import { Tooltip } from "primeng/tooltip";
-import { Check } from "@primeicons/angular/check";
 import { Blank } from "@primeicons/angular/blank";
+import { Check } from "@primeicons/angular/check";
 import { Ripple } from "primeng/ripple";
 import { style } from "@primeuix/styles/select";
 import { BaseStyle } from "primeng/base";
@@ -40,7 +41,7 @@ const classes = {
 		"p-select-lg p-inputfield-lg": instance.size() === "large"
 	}],
 	label: ({ instance }) => ["p-select-label", {
-		"p-placeholder": instance.placeholder() && instance.label() === instance.placeholder(),
+		"p-placeholder": !instance.editable() && instance.placeholder() && instance.label() === instance.placeholder(),
 		"p-select-label-empty": !instance.editable() && !instance.selectedItemTemplate() && (instance.label() === void 0 || instance.label() === null || instance.label() === "p-emptylabel" || instance.label().length === 0)
 	}],
 	clearIcon: "p-select-clear-icon",
@@ -70,7 +71,7 @@ var SelectStyle = class SelectStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: SelectStyle,
 		deps: null,
@@ -78,14 +79,14 @@ var SelectStyle = class SelectStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: SelectStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: SelectStyle,
 	decorators: [{ type: Injectable }]
@@ -132,14 +133,6 @@ var SelectItem = class SelectItem extends BaseComponent {
 		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	visible = input(void 0, {
-		...ngDevMode ? { debugName: "visible" } : /* istanbul ignore next */ {},
-		transform: booleanAttribute
-	});
-	itemSize = input(void 0, {
-		...ngDevMode ? { debugName: "itemSize" } : /* istanbul ignore next */ {},
-		transform: numberAttribute
-	});
 	ariaPosInset = input(...ngDevMode ? [void 0, { debugName: "ariaPosInset" }] : /* istanbul ignore next */ []);
 	ariaSetSize = input(...ngDevMode ? [void 0, { debugName: "ariaSetSize" }] : /* istanbul ignore next */ []);
 	template = input(...ngDevMode ? [void 0, { debugName: "template" }] : /* istanbul ignore next */ []);
@@ -161,8 +154,9 @@ var SelectItem = class SelectItem extends BaseComponent {
 		this.onMouseEnter.emit(event);
 	}
 	getPTOptions() {
-		return this.$pcSelect?.getPTItemOptions?.(this.option(), this.scrollerOptions(), this.index() ?? 0, "option") ?? this.$pcSelect?.ptm("option", { context: {
+		return this.$pcSelect?.ptm("option", { context: {
 			option: this.option(),
+			index: this.index() ?? 0,
 			selected: this.selected(),
 			focused: this.focused(),
 			disabled: this.disabled()
@@ -170,7 +164,7 @@ var SelectItem = class SelectItem extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: SelectItem,
 		deps: null,
@@ -178,7 +172,7 @@ var SelectItem = class SelectItem extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: SelectItem,
 		isStandalone: true,
 		selector: "p-select-item",
@@ -225,20 +219,6 @@ var SelectItem = class SelectItem extends BaseComponent {
 				isRequired: false,
 				transformFunction: null
 			},
-			visible: {
-				classPropertyName: "visible",
-				publicName: "visible",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			itemSize: {
-				classPropertyName: "itemSize",
-				publicName: "itemSize",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
 			ariaPosInset: {
 				classPropertyName: "ariaPosInset",
 				publicName: "ariaPosInset",
@@ -300,7 +280,7 @@ var SelectItem = class SelectItem extends BaseComponent {
             (mouseenter)="onOptionMouseEnter($event)"
             role="option"
             pRipple
-            [attr.aria-label]="label()"
+            [attr.aria-label]="template() ? undefined : label()"
             [attr.aria-setsize]="ariaSetSize()"
             [attr.aria-posinset]="ariaPosInset()"
             [attr.aria-selected]="selected()"
@@ -370,7 +350,7 @@ var SelectItem = class SelectItem extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: SelectItem,
 	decorators: [{
@@ -394,7 +374,7 @@ i0.ɵɵngDeclareClassMetadata({
             (mouseenter)="onOptionMouseEnter($event)"
             role="option"
             pRipple
-            [attr.aria-label]="label()"
+            [attr.aria-label]="template() ? undefined : label()"
             [attr.aria-setsize]="ariaSetSize()"
             [attr.aria-posinset]="ariaPosInset()"
             [attr.aria-selected]="selected()"
@@ -473,22 +453,6 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
-		visible: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "visible",
-				required: false
-			}]
-		}],
-		itemSize: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "itemSize",
-				required: false
-			}]
-		}],
 		ariaPosInset: [{
 			type: i0.Input,
 			args: [{
@@ -557,7 +521,7 @@ var Select = class Select extends BaseInput {
 	bindDirectiveInstance = inject(Bind, { self: true });
 	filterService = inject(FilterService);
 	id = input(...ngDevMode ? [void 0, { debugName: "id" }] : /* istanbul ignore next */ []);
-	_internalId = uuid("pn_id_");
+	_internalId = this.$useId.next("pn_id_");
 	$id = computed(() => this.id() || this._internalId, ...ngDevMode ? [{ debugName: "$id" }] : /* istanbul ignore next */ []);
 	scrollHeight = input("200px", ...ngDevMode ? [{ debugName: "scrollHeight" }] : /* istanbul ignore next */ []);
 	filter = input(void 0, {
@@ -618,6 +582,9 @@ var Select = class Select extends BaseInput {
 	});
 	emptyFilterMessage = input("", ...ngDevMode ? [{ debugName: "emptyFilterMessage" }] : /* istanbul ignore next */ []);
 	emptyMessage = input("", ...ngDevMode ? [{ debugName: "emptyMessage" }] : /* istanbul ignore next */ []);
+	filterMessage = input(...ngDevMode ? [void 0, { debugName: "filterMessage" }] : /* istanbul ignore next */ []);
+	selectionMessage = input(...ngDevMode ? [void 0, { debugName: "selectionMessage" }] : /* istanbul ignore next */ []);
+	emptySelectionMessage = input(...ngDevMode ? [void 0, { debugName: "emptySelectionMessage" }] : /* istanbul ignore next */ []);
 	lazy = input(false, {
 		...ngDevMode ? { debugName: "lazy" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
@@ -750,29 +717,37 @@ var Select = class Select extends BaseInput {
 	});
 	filterOptions;
 	_filterValue = signal(null, ...ngDevMode ? [{ debugName: "_filterValue" }] : /* istanbul ignore next */ []);
-	_placeholder = signal(void 0, ...ngDevMode ? [{ debugName: "_placeholder" }] : /* istanbul ignore next */ []);
 	_options = signal(null, ...ngDevMode ? [{ debugName: "_options" }] : /* istanbul ignore next */ []);
 	value;
-	hover;
 	focused = signal(false, ...ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []);
 	overlayVisible = signal(false, ...ngDevMode ? [{ debugName: "overlayVisible" }] : /* istanbul ignore next */ []);
 	optionsChanged;
-	panel;
-	dimensionsUpdated;
-	hoveredItem;
 	selectedOptionUpdated;
 	searchValue;
-	searchIndex;
 	searchTimeout;
-	previousSearchChar;
-	currentSearchChar;
+	alignOverlayTimeout;
+	changeTimeout;
+	scrollToSelectedTimeout;
+	scrollInViewTimeout;
 	preventModelTouched;
 	focusedOptionIndex = signal(-1, ...ngDevMode ? [{ debugName: "focusedOptionIndex" }] : /* istanbul ignore next */ []);
-	labelId;
-	listId;
 	clicked = signal(false, ...ngDevMode ? [{ debugName: "clicked" }] : /* istanbul ignore next */ []);
-	emptyMessageLabel = computed(() => this.emptyMessage() || this.translate(TranslationKeys.EMPTY_MESSAGE), ...ngDevMode ? [{ debugName: "emptyMessageLabel" }] : /* istanbul ignore next */ []);
-	emptyFilterMessageLabel = computed(() => this.emptyFilterMessage() || this.translate(TranslationKeys.EMPTY_FILTER_MESSAGE), ...ngDevMode ? [{ debugName: "emptyFilterMessageLabel" }] : /* istanbul ignore next */ []);
+	translation = toSignal(this.config.translationObserver, { initialValue: this.config.translation });
+	emptyMessageLabel = computed(() => this.emptyMessage() || this.translation()?.emptyMessage || "", ...ngDevMode ? [{ debugName: "emptyMessageLabel" }] : /* istanbul ignore next */ []);
+	emptyFilterMessageLabel = computed(() => this.emptyFilterMessage() || this.translation()?.emptyFilterMessage || "", ...ngDevMode ? [{ debugName: "emptyFilterMessageLabel" }] : /* istanbul ignore next */ []);
+	filterMessageText = computed(() => this.filterMessage() || this.translation()?.searchMessage || "", ...ngDevMode ? [{ debugName: "filterMessageText" }] : /* istanbul ignore next */ []);
+	emptyFilterMessageText = computed(() => this.emptyFilterMessage() || this.translation()?.emptySearchMessage || this.translation()?.emptyFilterMessage || "", ...ngDevMode ? [{ debugName: "emptyFilterMessageText" }] : /* istanbul ignore next */ []);
+	filterResultMessageText = computed(() => {
+		const count = this.visibleOptions()?.filter((option) => !this.isOptionGroup(option)).length ?? 0;
+		return count ? this.filterMessageText().replaceAll("{0}", String(count)) : this.emptyFilterMessageText();
+	}, ...ngDevMode ? [{ debugName: "filterResultMessageText" }] : /* istanbul ignore next */ []);
+	selectionMessageText = computed(() => this.selectionMessage() || this.translation()?.selectionMessage || "", ...ngDevMode ? [{ debugName: "selectionMessageText" }] : /* istanbul ignore next */ []);
+	emptySelectionMessageText = computed(() => this.emptySelectionMessage() || this.translation()?.emptySelectionMessage || "", ...ngDevMode ? [{ debugName: "emptySelectionMessageText" }] : /* istanbul ignore next */ []);
+	selectedMessageText = computed(() => {
+		const value = this.modelValue();
+		const selectedCount = this.multiple() ? Array.isArray(value) ? value.length : 0 : 1;
+		return this.$filled() ? this.selectionMessageText().replaceAll("{0}", String(selectedCount)) : this.emptySelectionMessageText();
+	}, ...ngDevMode ? [{ debugName: "selectedMessageText" }] : /* istanbul ignore next */ []);
 	largeListWarned = false;
 	isVisibleClearIcon = computed(() => {
 		if (!this.showClear() || this.$disabled() || this.readonly() || this.loading()) return false;
@@ -792,8 +767,11 @@ var Select = class Select extends BaseInput {
 			if (this.group()) {
 				const optionGroups = this._options() || [];
 				const filtered = [];
+				const filteredSet = new Set(filteredOptions);
 				optionGroups.forEach((group) => {
-					const filteredItems = this.getOptionGroupChildren(group).filter((item) => filteredOptions?.includes(item));
+					const groupChildren = this.getOptionGroupChildren(group);
+					if (!groupChildren || !groupChildren.length) return;
+					const filteredItems = groupChildren.filter((item) => filteredSet.has(item));
 					if (filteredItems.length > 0) filtered.push({
 						...group,
 						[typeof this.optionGroupChildren() === "string" ? this.optionGroupChildren() : "items"]: [...filteredItems]
@@ -823,13 +801,14 @@ var Select = class Select extends BaseInput {
 			const selectedOption = options[selectedOptionIndex];
 			return this.getOptionLabel(selectedOption);
 		}
-		return this.placeholder() || "p-emptylabel";
+		return this.getValueLabel(this.modelValue()) ?? (this.placeholder() || "p-emptylabel");
 	}, ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
 	$ariaLabel = computed(() => this.ariaLabel() || (this.label() === "p-emptylabel" ? void 0 : this.label()), ...ngDevMode ? [{ debugName: "$ariaLabel" }] : /* istanbul ignore next */ []);
 	$ariaMultiselectable = computed(() => this.multiple() || void 0, ...ngDevMode ? [{ debugName: "$ariaMultiselectable" }] : /* istanbul ignore next */ []);
+	$ariaReadonly = computed(() => this.readonly() || void 0, ...ngDevMode ? [{ debugName: "$ariaReadonly" }] : /* istanbul ignore next */ []);
 	$placeholder = computed(() => {
 		const modelVal = this.modelValue();
-		return modelVal === void 0 || modelVal === null ? this.placeholder() || this._placeholder() : void 0;
+		return modelVal === void 0 || modelVal === null ? this.placeholder() : void 0;
 	}, ...ngDevMode ? [{ debugName: "$placeholder" }] : /* istanbul ignore next */ []);
 	$required = computed(() => this.required() ? "" : void 0, ...ngDevMode ? [{ debugName: "$required" }] : /* istanbul ignore next */ []);
 	$readonly = computed(() => this.readonly() ? "" : void 0, ...ngDevMode ? [{ debugName: "$readonly" }] : /* istanbul ignore next */ []);
@@ -865,7 +844,7 @@ var Select = class Select extends BaseInput {
 		[this.size()]: this.size()
 	}), ...ngDevMode ? [{ debugName: "containerDataP" }] : /* istanbul ignore next */ []);
 	labelDataP = computed(() => this.cn({
-		placeholder: this.label() === this.placeholder(),
+		placeholder: !this.editable() && this.label() === this.placeholder(),
 		clearable: this.showClear(),
 		disabled: this.$disabled(),
 		[this.size()]: this.size(),
@@ -901,6 +880,24 @@ var Select = class Select extends BaseInput {
 				this.optionsChanged = true;
 			}
 		});
+		afterRenderEffect((onCleanup) => {
+			const inputId = this.inputId();
+			if (!inputId || this.editable()) return;
+			const label = (getShadowRoot(this.el.nativeElement) ?? this.document).querySelector(`label[for="${inputId}"]`);
+			if (label) onCleanup(this.renderer.listen(label, "click", () => !this.$disabled() && focus(this.focusInputViewChild()?.nativeElement)));
+		});
+		effect(() => {
+			const options = this.visibleOptions();
+			if (!this.overlayVisible()) return;
+			untracked(() => {
+				const index = this.focusedOptionIndex();
+				if (index !== -1 && this.isValidOption(options[index])) return;
+				if (index === -1 && !(this.autoOptionFocus() && !this.editable() && this._filterValue() == null)) return;
+				const next = this.autoOptionFocus() ? this.findFirstFocusedOptionIndex() : this.findSelectedOptionIndex();
+				this.focusedOptionIndex.set(next);
+				if (next !== -1) this.scrollInView(next);
+			});
+		});
 	}
 	isModelValueNotSet() {
 		return this.modelValue() === null && !this.isOptionValueEqualsModelValue(this.selectedOption());
@@ -938,7 +935,8 @@ var Select = class Select extends BaseInput {
 		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
 		if (this.optionsChanged && this.overlayVisible()) {
 			this.optionsChanged = false;
-			setTimeout(() => {
+			clearTimeout(this.alignOverlayTimeout);
+			this.alignOverlayTimeout = setTimeout(() => {
 				if (this.overlayViewChild()) this.overlayViewChild()?.alignOverlay();
 			}, 1);
 		}
@@ -1004,9 +1002,6 @@ var Select = class Select extends BaseInput {
 		this.writeModelValue(value);
 		this.selectedOptionUpdated = true;
 	}
-	allowModelChange() {
-		return !!this.modelValue() && !this.placeholder() && (this.modelValue() === void 0 || this.modelValue() === null) && !this.editable() && this._options() && this._options().length;
-	}
 	isSelected(option) {
 		if (this.multiple()) {
 			const currentValue = this.modelValue();
@@ -1022,18 +1017,9 @@ var Select = class Select extends BaseInput {
 	onAfterViewInit() {
 		if (!isPlatformBrowser(this.platformId)) return;
 		if (this.editable()) this.updateEditableLabel();
-		this.updatePlaceHolderForFloatingLabel();
-	}
-	updatePlaceHolderForFloatingLabel() {
-		const parentElement = this.el.nativeElement.parentElement;
-		const isInFloatingLabel = parentElement?.classList.contains("p-float-label");
-		if (parentElement && isInFloatingLabel && !this.selectedOption()) {
-			const label = parentElement.querySelector("label");
-			if (label) this._placeholder.set(label.textContent);
-		}
 	}
 	updateEditableLabel() {
-		if (this.editableInputViewChild()) this.editableInputViewChild().nativeElement.value = this.getOptionLabel(this.selectedOption()) || this.modelValue() || "";
+		if (this.editableInputViewChild()) this.editableInputViewChild().nativeElement.value = this.getOptionLabel(this.selectedOption()) || this.getValueLabel(this.modelValue()) || this.modelValue() || "";
 	}
 	clearEditableLabel() {
 		if (this.editableInputViewChild()) this.editableInputViewChild().nativeElement.value = "";
@@ -1044,6 +1030,11 @@ var Select = class Select extends BaseInput {
 	getOptionLabel(option) {
 		return this.optionLabel() !== void 0 && this.optionLabel() !== null ? resolveFieldData(option, this.optionLabel()) : option && option.label !== void 0 ? option.label : option;
 	}
+	getValueLabel(value) {
+		if (this.optionValue() || value == null) return null;
+		const label = this.getOptionLabel(value);
+		return isScalar(label) && label !== "" ? label : null;
+	}
 	getOptionValue(option) {
 		return this.optionValue() && this.optionValue() !== null ? resolveFieldData(option, this.optionValue()) : !this.optionLabel() && option && option.value !== void 0 ? option.value : option;
 	}
@@ -1096,10 +1087,9 @@ var Select = class Select extends BaseInput {
 	onEditableInput(event) {
 		const value = event.target.value;
 		this.searchValue = "";
-		if (!this.searchOptions(event, value)) this.focusedOptionIndex.set(-1);
-		this.onModelChange(value);
+		if (!this.searchOptions(event, value, false)) this.focusedOptionIndex.set(-1);
 		this.updateModel(value || null, event);
-		setTimeout(() => {
+		this.changeTimeout = setTimeout(() => {
 			this.onChange.emit({
 				originalEvent: event,
 				value
@@ -1127,9 +1117,12 @@ var Select = class Select extends BaseInput {
 		if (this._options() && this._options().length) {
 			if (this.virtualScroll()) {
 				const selectedIndex = this.modelValue() ? this.focusedOptionIndex() : -1;
-				if (selectedIndex !== -1) setTimeout(() => {
-					this.scroller()?.scrollToIndex(selectedIndex);
-				}, 10);
+				if (selectedIndex !== -1) {
+					if (this.scrollToSelectedTimeout) clearTimeout(this.scrollToSelectedTimeout);
+					this.scrollToSelectedTimeout = setTimeout(() => {
+						this.scroller()?.scrollToIndex(selectedIndex);
+					}, 10);
+				}
 			} else {
 				let selectedListItem = findSingle(this.itemsWrapper, "[data-p-selected=\"true\"]");
 				if (selectedListItem) selectedListItem.scrollIntoView({
@@ -1176,6 +1169,7 @@ var Select = class Select extends BaseInput {
 		this.preventModelTouched = false;
 	}
 	onKeyDown(event, search = false) {
+		if (event.isComposing || event.keyCode === 229) return;
 		if (this.$disabled() || this.readonly() || this.loading()) return;
 		switch (event.code) {
 			case "ArrowDown":
@@ -1228,7 +1222,11 @@ var Select = class Select extends BaseInput {
 		}
 		this.clicked.set(false);
 	}
+	onFilterTemplateKeyDown(event) {
+		if (this.filterTemplate() && event.target instanceof HTMLInputElement) this.onFilterKeyDown(event);
+	}
 	onFilterKeyDown(event) {
+		if (event.isComposing || event.keyCode === 229) return;
 		switch (event.code) {
 			case "ArrowDown":
 				this.onArrowDownKey(event);
@@ -1270,29 +1268,27 @@ var Select = class Select extends BaseInput {
 		event.preventDefault();
 		event.stopPropagation();
 	}
-	changeFocusedOptionIndex(event, index) {
+	changeFocusedOptionIndex(event, index, withSelection = true) {
 		if (this.focusedOptionIndex() !== index) {
 			this.focusedOptionIndex.set(index);
 			this.scrollInView();
-			if (this.selectOnFocus() && !this.multiple()) {
+			if (this.selectOnFocus() && withSelection && !this.multiple()) {
 				const option = this.visibleOptions()[index];
 				this.onOptionSelect(event, option, false);
 			}
 		}
 	}
 	scrollInView(index = -1) {
-		const id = index !== -1 ? `${this.$id()}_${index}` : this.focusedOptionId();
-		if (this.itemsViewChild() && this.itemsViewChild().nativeElement) {
-			const element = findSingle(this.itemsViewChild().nativeElement, `li[id="${id}"]`);
-			if (element) {
-				if (element.scrollIntoView) element.scrollIntoView({
-					block: "nearest",
-					inline: "nearest"
-				});
-			} else if (!this.virtualScrollerDisabled()) setTimeout(() => {
-				if (this.virtualScroll()) this.scroller()?.scrollToIndex(index !== -1 ? index : this.focusedOptionIndex());
-			}, 0);
-		}
+		if (this.scrollInViewTimeout) clearTimeout(this.scrollInViewTimeout);
+		this.scrollInViewTimeout = setTimeout(() => {
+			const id = index !== -1 ? `${this.$id()}_${index}` : this.focusedOptionId();
+			const element = this.itemsViewChild()?.nativeElement ? findSingle(this.itemsViewChild().nativeElement, `li[id="${id}"]`) : null;
+			if (element) element.scrollIntoView?.({
+				block: "nearest",
+				inline: "nearest"
+			});
+			else if (!this.virtualScrollerDisabled() && this.virtualScroll()) this.scroller()?.scrollToIndex(index !== -1 ? index : this.focusedOptionIndex());
+		}, 0);
 	}
 	hasSelectedOption() {
 		return this.modelValue() !== void 0;
@@ -1440,7 +1436,6 @@ var Select = class Select extends BaseInput {
 					this.onOptionSelect(event, option);
 				}
 				if (this.overlayVisible()) this.hide(this.filter());
-				if (consumedByOverlay) event.stopPropagation();
 			}
 		}
 	}
@@ -1463,16 +1458,16 @@ var Select = class Select extends BaseInput {
 	searchFields() {
 		return this.filterBy()?.split(",") || this.filterFields() || [this.optionLabel()];
 	}
-	searchOptions(event, char) {
+	searchOptions(event, char, withSelection = true) {
 		this.searchValue = (this.searchValue || "") + char;
-		let optionIndex = -1;
 		let matched = false;
-		optionIndex = this.visibleOptions().findIndex((option) => this.isOptionMatched(option));
-		if (optionIndex !== -1) matched = true;
-		if (optionIndex === -1 && this.focusedOptionIndex() === -1) optionIndex = this.findFirstFocusedOptionIndex();
-		if (optionIndex !== -1) setTimeout(() => {
-			this.changeFocusedOptionIndex(event, optionIndex);
-		});
+		if (isNotEmpty(this.searchValue)) {
+			let optionIndex = this.visibleOptions().findIndex((option) => this.isOptionExactMatched(option));
+			if (optionIndex === -1) optionIndex = this.visibleOptions().findIndex((option) => this.isOptionMatched(option));
+			if (optionIndex !== -1) matched = true;
+			if (optionIndex === -1 && this.focusedOptionIndex() === -1) optionIndex = this.findFirstFocusedOptionIndex();
+			if (optionIndex !== -1) this.changeFocusedOptionIndex(event, optionIndex, withSelection);
+		}
 		if (this.searchTimeout) clearTimeout(this.searchTimeout);
 		this.searchTimeout = setTimeout(() => {
 			this.searchValue = "";
@@ -1480,8 +1475,11 @@ var Select = class Select extends BaseInput {
 		}, 500);
 		return matched;
 	}
+	isOptionExactMatched(option) {
+		return this.isValidOption(option) && this.getOptionLabel(option).toString().toLocaleLowerCase(this.filterLocale()) === (this.searchValue ?? "").toLocaleLowerCase(this.filterLocale());
+	}
 	isOptionMatched(option) {
-		return this.isValidOption(option) && this.getOptionLabel(option).toString().toLocaleLowerCase(this.filterLocale()).startsWith(this.searchValue?.toLocaleLowerCase(this.filterLocale()));
+		return this.isValidOption(option) && this.getOptionLabel(option).toString().toLocaleLowerCase(this.filterLocale()).startsWith((this.searchValue ?? "").toLocaleLowerCase(this.filterLocale()));
 	}
 	onFilterInputChange(event) {
 		let value = event.target.value;
@@ -1492,10 +1490,26 @@ var Select = class Select extends BaseInput {
 			filter: this._filterValue()
 		});
 		if (!this.virtualScrollerDisabled()) this.scroller()?.scrollToIndex(0);
-		setTimeout(() => {
+		clearTimeout(this.alignOverlayTimeout);
+		this.alignOverlayTimeout = setTimeout(() => {
 			this.overlayViewChild()?.alignOverlay();
 		});
 	}
+	clearTimers() {
+		clearTimeout(this.alignOverlayTimeout);
+		clearTimeout(this.changeTimeout);
+		clearTimeout(this.scrollToSelectedTimeout);
+		clearTimeout(this.scrollInViewTimeout);
+		clearTimeout(this.searchTimeout);
+		this.alignOverlayTimeout = null;
+		this.changeTimeout = null;
+		this.scrollToSelectedTimeout = null;
+		this.scrollInViewTimeout = null;
+		this.searchTimeout = null;
+	}
+	onDestroy() {
+		this.clearTimers();
+	}
 	applyFocus() {
 		if (this.editable()) findSingle(this.el.nativeElement, "[data-pc-section=\"label\"]").focus();
 		else focus(this.focusInputViewChild()?.nativeElement);
@@ -1518,13 +1532,12 @@ var Select = class Select extends BaseInput {
 	writeControlValue(value, setModelValue) {
 		if (this.filter()) this.resetFilter();
 		this.value = value;
-		if (this.allowModelChange()) this.onModelChange(value);
 		setModelValue(this.value);
 		this.updateEditableLabel();
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Select,
 		deps: [],
@@ -1532,7 +1545,7 @@ var Select = class Select extends BaseInput {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Select,
 		isStandalone: true,
 		selector: "p-select",
@@ -1747,6 +1760,27 @@ var Select = class Select extends BaseInput {
 				isRequired: false,
 				transformFunction: null
 			},
+			filterMessage: {
+				classPropertyName: "filterMessage",
+				publicName: "filterMessage",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selectionMessage: {
+				classPropertyName: "selectionMessage",
+				publicName: "selectionMessage",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			emptySelectionMessage: {
+				classPropertyName: "emptySelectionMessage",
+				publicName: "emptySelectionMessage",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			lazy: {
 				classPropertyName: "lazy",
 				publicName: "lazy",
@@ -2110,7 +2144,7 @@ var Select = class Select extends BaseInput {
                 [attr.aria-labelledby]="ariaLabelledBy()"
                 [attr.aria-haspopup]="'listbox'"
                 [attr.aria-expanded]="$ariaExpanded"
-                [attr.aria-multiselectable]="$ariaMultiselectable()"
+                [attr.aria-readonly]="$ariaReadonly()"
                 [attr.aria-controls]="$ariaControls()"
                 [attr.tabindex]="$tabindex()"
                 [pAutoFocus]="autofocus()"
@@ -2119,7 +2153,6 @@ var Select = class Select extends BaseInput {
                 (blur)="onInputBlur($event)"
                 (keydown)="onKeyDown($event)"
                 [attr.aria-required]="required()"
-                [attr.required]="$required()"
                 [attr.disabled]="$disabledAttr()"
                 [attr.data-p]="labelDataP()"
             >
@@ -2140,9 +2173,14 @@ var Select = class Select extends BaseInput {
                 [attr.id]="inputId()"
                 [class]="cx('label')"
                 [pBind]="ptm('label')"
+                role="combobox"
+                [attr.aria-autocomplete]="'list'"
                 [attr.aria-haspopup]="'listbox'"
+                [attr.aria-expanded]="$ariaExpanded"
+                [attr.aria-controls]="$ariaControls()"
                 [attr.placeholder]="$placeholder()"
-                [attr.aria-label]="$ariaLabel()"
+                [attr.aria-label]="ariaLabel()"
+                [attr.aria-labelledby]="ariaLabelledBy()"
                 (input)="onEditableInput($event)"
                 (keydown)="onKeyDown($event)"
                 [pAutoFocus]="autofocus()"
@@ -2186,12 +2224,12 @@ var Select = class Select extends BaseInput {
             } @else {
                 @if (!dropdownIconTemplate()) {
                     @if (dropdownIcon()) {
-                        <span [class]="cn(cx('dropdownIcon'), dropdownIcon())" [pBind]="ptm('dropdownIcon')"></span>
+                        <span [class]="cn(cx('dropdownIcon'), dropdownIcon())" [pBind]="ptm('dropdownIcon')" [attr.aria-hidden]="true" [attr.data-p]="dropdownIconDataP()"></span>
                     } @else {
-                        <svg data-p-icon="chevron-down" [class]="cx('dropdownIcon')" [pBind]="ptm('dropdownIcon')" />
+                        <svg data-p-icon="chevron-down" [class]="cx('dropdownIcon')" [pBind]="ptm('dropdownIcon')" [attr.aria-hidden]="true" [attr.data-p]="dropdownIconDataP()" />
                     }
                 } @else {
-                    <span [class]="cx('dropdownIcon')" [pBind]="ptm('dropdownIcon')">
+                    <span [class]="cx('dropdownIcon')" [pBind]="ptm('dropdownIcon')" [attr.aria-hidden]="true">
                         <ng-template *ngTemplateOutlet="dropdownIconTemplate(); context: dropdownIconContext()"></ng-template>
                     </span>
                 }
@@ -2217,8 +2255,7 @@ var Select = class Select extends BaseInput {
                 <div [class]="cn(cx('overlay'), panelStyleClass())" [style]="panelStyle()" [pBind]="ptm('overlay')" [attr.data-p]="overlayDataP()">
                     <span
                         #firstHiddenFocusableEl
-                        role="presentation"
-                        class="p-hidden-accessible p-hidden-focusable"
+                        [class]="pcn('p-hidden-accessible p-hidden-focusable')"
                         [attr.tabindex]="0"
                         (focus)="onFirstHiddenFocus($event)"
                         [attr.data-p-hidden-accessible]="true"
@@ -2228,7 +2265,7 @@ var Select = class Select extends BaseInput {
                     </span>
                     <ng-container *ngTemplateOutlet="headerTemplate(); context: { class: cx('header') }"></ng-container>
                     @if (filter()) {
-                        <div [class]="cx('header')" (click)="$event.stopPropagation()" [pBind]="ptm('header')">
+                        <div [class]="cx('header')" (click)="$event.stopPropagation()" (keydown)="onFilterTemplateKeyDown($event)" [pBind]="ptm('header')">
                             @if (filterTemplate()) {
                                 <ng-container *ngTemplateOutlet="filterTemplate(); context: filterTemplateContext()"></ng-container>
                             } @else {
@@ -2264,6 +2301,9 @@ var Select = class Select extends BaseInput {
                                     </p-inputicon>
                                 </p-iconfield>
                             }
+                            <span role="status" aria-live="polite" [class]="pcn('p-hidden-accessible')" [pBind]="ptm('hiddenFilterResult')" [attr.data-p-hidden-accessible]="true">
+                                {{ filterResultMessageText() }}
+                            </span>
                         </div>
                     }
                     <div [class]="cx('listContainer')" [style.max-height]="virtualScroll() ? 'auto' : scrollHeight() || 'auto'" [pBind]="ptm('listContainer')">
@@ -2294,10 +2334,19 @@ var Select = class Select extends BaseInput {
                         }
 
                         <ng-template #buildInItems let-items let-scrollerOptions="options">
-                            <ul #items [attr.id]="$id() + '_list'" [attr.aria-label]="listLabel()" [class]="cn(cx('list'), scrollerOptions.contentStyleClass)" [style]="scrollerOptions.contentStyle" role="listbox" [pBind]="ptm('list')">
+                            <ul
+                                #items
+                                [attr.id]="$id() + '_list'"
+                                [attr.aria-label]="listLabel()"
+                                [class]="cn(cx('list'), scrollerOptions.contentStyleClass)"
+                                [style]="scrollerOptions.contentStyle"
+                                role="listbox"
+                                [attr.aria-multiselectable]="$ariaMultiselectable()"
+                                [pBind]="ptm('list')"
+                            >
                                 @for (option of items; track trackOption(option, i); let i = $index) {
                                     @if (isOptionGroup(option)) {
-                                        <li [class]="cx('optionGroup')" [attr.id]="$id() + '_' + getOptionIndex(i, scrollerOptions)" [style]="getItemSizeStyle(scrollerOptions)" role="option" [pBind]="ptm('optionGroup')">
+                                        <li [class]="cx('optionGroup')" [attr.id]="$id() + '_' + getOptionIndex(i, scrollerOptions)" [style]="getItemSizeStyle(scrollerOptions)" role="presentation" [pBind]="ptm('optionGroup')">
                                             @if (!groupTemplate()) {
                                                 <span [class]="cx('optionGroupLabel')" [pBind]="ptm('optionGroupLabel')">{{ getOptionGroupLabel(option.optionGroup) }}</span>
                                             }
@@ -2324,7 +2373,7 @@ var Select = class Select extends BaseInput {
                                     }
                                 }
                                 @if (showEmptyFilterMessage()) {
-                                    <li [class]="cx('emptyMessage')" [style]="getItemSizeStyle(scrollerOptions)" role="option" [pBind]="ptm('emptyMessage')">
+                                    <li [class]="cx('emptyMessage')" [style]="getItemSizeStyle(scrollerOptions)" role="presentation" [pBind]="ptm('emptyMessage')">
                                         @if (!hasEmptyTemplate()) {
                                             {{ emptyFilterMessageLabel() }}
                                         } @else {
@@ -2333,7 +2382,7 @@ var Select = class Select extends BaseInput {
                                     </li>
                                 }
                                 @if (showEmptyMessage()) {
-                                    <li [class]="cx('emptyMessage')" [style]="getItemSizeStyle(scrollerOptions)" role="option" [pBind]="ptm('emptyMessage')">
+                                    <li [class]="cx('emptyMessage')" [style]="getItemSizeStyle(scrollerOptions)" role="presentation" [pBind]="ptm('emptyMessage')">
                                         @if (!emptyTemplate()) {
                                             {{ emptyMessageLabel() || emptyFilterMessageLabel() }}
                                         } @else {
@@ -2345,10 +2394,17 @@ var Select = class Select extends BaseInput {
                         </ng-template>
                     </div>
                     <ng-container *ngTemplateOutlet="footerTemplate()"></ng-container>
+                    @if (!filter() && !_options()?.length) {
+                        <span role="status" aria-live="polite" [class]="pcn('p-hidden-accessible')" [pBind]="ptm('hiddenEmptyMessage')" [attr.data-p-hidden-accessible]="true">
+                            {{ emptyMessageLabel() }}
+                        </span>
+                    }
+                    <span role="status" aria-live="polite" [class]="pcn('p-hidden-accessible')" [pBind]="ptm('hiddenSelectedMessage')" [attr.data-p-hidden-accessible]="true">
+                        {{ selectedMessageText() }}
+                    </span>
                     <span
                         #lastHiddenFocusableEl
-                        role="presentation"
-                        class="p-hidden-accessible p-hidden-focusable"
+                        [class]="pcn('p-hidden-accessible p-hidden-focusable')"
                         [pBind]="ptm('hiddenLastFocusableEl')"
                         [attr.tabindex]="0"
                         (focus)="onLastHiddenFocus($event)"
@@ -2382,8 +2438,6 @@ var Select = class Select extends BaseInput {
 					"focused",
 					"label",
 					"disabled",
-					"visible",
-					"itemSize",
 					"ariaPosInset",
 					"ariaSetSize",
 					"template",
@@ -2566,7 +2620,7 @@ var Select = class Select extends BaseInput {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Select,
 	decorators: [{
@@ -2608,7 +2662,7 @@ i0.ɵɵngDeclareClassMetadata({
                 [attr.aria-labelledby]="ariaLabelledBy()"
                 [attr.aria-haspopup]="'listbox'"
                 [attr.aria-expanded]="$ariaExpanded"
-                [attr.aria-multiselectable]="$ariaMultiselectable()"
+                [attr.aria-readonly]="$ariaReadonly()"
                 [attr.aria-controls]="$ariaControls()"
                 [attr.tabindex]="$tabindex()"
                 [pAutoFocus]="autofocus()"
@@ -2617,7 +2671,6 @@ i0.ɵɵngDeclareClassMetadata({
                 (blur)="onInputBlur($event)"
                 (keydown)="onKeyDown($event)"
                 [attr.aria-required]="required()"
-                [attr.required]="$required()"
                 [attr.disabled]="$disabledAttr()"
                 [attr.data-p]="labelDataP()"
             >
@@ -2638,9 +2691,14 @@ i0.ɵɵngDeclareClassMetadata({
                 [attr.id]="inputId()"
                 [class]="cx('label')"
                 [pBind]="ptm('label')"
+                role="combobox"
+                [attr.aria-autocomplete]="'list'"
                 [attr.aria-haspopup]="'listbox'"
+                [attr.aria-expanded]="$ariaExpanded"
+                [attr.aria-controls]="$ariaControls()"
                 [attr.placeholder]="$placeholder()"
-                [attr.aria-label]="$ariaLabel()"
+                [attr.aria-label]="ariaLabel()"
+                [attr.aria-labelledby]="ariaLabelledBy()"
                 (input)="onEditableInput($event)"
                 (keydown)="onKeyDown($event)"
                 [pAutoFocus]="autofocus()"
@@ -2684,12 +2742,12 @@ i0.ɵɵngDeclareClassMetadata({
             } @else {
                 @if (!dropdownIconTemplate()) {
                     @if (dropdownIcon()) {
-                        <span [class]="cn(cx('dropdownIcon'), dropdownIcon())" [pBind]="ptm('dropdownIcon')"></span>
+                        <span [class]="cn(cx('dropdownIcon'), dropdownIcon())" [pBind]="ptm('dropdownIcon')" [attr.aria-hidden]="true" [attr.data-p]="dropdownIconDataP()"></span>
                     } @else {
-                        <svg data-p-icon="chevron-down" [class]="cx('dropdownIcon')" [pBind]="ptm('dropdownIcon')" />
+                        <svg data-p-icon="chevron-down" [class]="cx('dropdownIcon')" [pBind]="ptm('dropdownIcon')" [attr.aria-hidden]="true" [attr.data-p]="dropdownIconDataP()" />
                     }
                 } @else {
-                    <span [class]="cx('dropdownIcon')" [pBind]="ptm('dropdownIcon')">
+                    <span [class]="cx('dropdownIcon')" [pBind]="ptm('dropdownIcon')" [attr.aria-hidden]="true">
                         <ng-template *ngTemplateOutlet="dropdownIconTemplate(); context: dropdownIconContext()"></ng-template>
                     </span>
                 }
@@ -2715,8 +2773,7 @@ i0.ɵɵngDeclareClassMetadata({
                 <div [class]="cn(cx('overlay'), panelStyleClass())" [style]="panelStyle()" [pBind]="ptm('overlay')" [attr.data-p]="overlayDataP()">
                     <span
                         #firstHiddenFocusableEl
-                        role="presentation"
-                        class="p-hidden-accessible p-hidden-focusable"
+                        [class]="pcn('p-hidden-accessible p-hidden-focusable')"
                         [attr.tabindex]="0"
                         (focus)="onFirstHiddenFocus($event)"
                         [attr.data-p-hidden-accessible]="true"
@@ -2726,7 +2783,7 @@ i0.ɵɵngDeclareClassMetadata({
                     </span>
                     <ng-container *ngTemplateOutlet="headerTemplate(); context: { class: cx('header') }"></ng-container>
                     @if (filter()) {
-                        <div [class]="cx('header')" (click)="$event.stopPropagation()" [pBind]="ptm('header')">
+                        <div [class]="cx('header')" (click)="$event.stopPropagation()" (keydown)="onFilterTemplateKeyDown($event)" [pBind]="ptm('header')">
                             @if (filterTemplate()) {
                                 <ng-container *ngTemplateOutlet="filterTemplate(); context: filterTemplateContext()"></ng-container>
                             } @else {
@@ -2762,6 +2819,9 @@ i0.ɵɵngDeclareClassMetadata({
                                     </p-inputicon>
                                 </p-iconfield>
                             }
+                            <span role="status" aria-live="polite" [class]="pcn('p-hidden-accessible')" [pBind]="ptm('hiddenFilterResult')" [attr.data-p-hidden-accessible]="true">
+                                {{ filterResultMessageText() }}
+                            </span>
                         </div>
                     }
                     <div [class]="cx('listContainer')" [style.max-height]="virtualScroll() ? 'auto' : scrollHeight() || 'auto'" [pBind]="ptm('listContainer')">
@@ -2792,10 +2852,19 @@ i0.ɵɵngDeclareClassMetadata({
                         }
 
                         <ng-template #buildInItems let-items let-scrollerOptions="options">
-                            <ul #items [attr.id]="$id() + '_list'" [attr.aria-label]="listLabel()" [class]="cn(cx('list'), scrollerOptions.contentStyleClass)" [style]="scrollerOptions.contentStyle" role="listbox" [pBind]="ptm('list')">
+                            <ul
+                                #items
+                                [attr.id]="$id() + '_list'"
+                                [attr.aria-label]="listLabel()"
+                                [class]="cn(cx('list'), scrollerOptions.contentStyleClass)"
+                                [style]="scrollerOptions.contentStyle"
+                                role="listbox"
+                                [attr.aria-multiselectable]="$ariaMultiselectable()"
+                                [pBind]="ptm('list')"
+                            >
                                 @for (option of items; track trackOption(option, i); let i = $index) {
                                     @if (isOptionGroup(option)) {
-                                        <li [class]="cx('optionGroup')" [attr.id]="$id() + '_' + getOptionIndex(i, scrollerOptions)" [style]="getItemSizeStyle(scrollerOptions)" role="option" [pBind]="ptm('optionGroup')">
+                                        <li [class]="cx('optionGroup')" [attr.id]="$id() + '_' + getOptionIndex(i, scrollerOptions)" [style]="getItemSizeStyle(scrollerOptions)" role="presentation" [pBind]="ptm('optionGroup')">
                                             @if (!groupTemplate()) {
                                                 <span [class]="cx('optionGroupLabel')" [pBind]="ptm('optionGroupLabel')">{{ getOptionGroupLabel(option.optionGroup) }}</span>
                                             }
@@ -2822,7 +2891,7 @@ i0.ɵɵngDeclareClassMetadata({
                                     }
                                 }
                                 @if (showEmptyFilterMessage()) {
-                                    <li [class]="cx('emptyMessage')" [style]="getItemSizeStyle(scrollerOptions)" role="option" [pBind]="ptm('emptyMessage')">
+                                    <li [class]="cx('emptyMessage')" [style]="getItemSizeStyle(scrollerOptions)" role="presentation" [pBind]="ptm('emptyMessage')">
                                         @if (!hasEmptyTemplate()) {
                                             {{ emptyFilterMessageLabel() }}
                                         } @else {
@@ -2831,7 +2900,7 @@ i0.ɵɵngDeclareClassMetadata({
                                     </li>
                                 }
                                 @if (showEmptyMessage()) {
-                                    <li [class]="cx('emptyMessage')" [style]="getItemSizeStyle(scrollerOptions)" role="option" [pBind]="ptm('emptyMessage')">
+                                    <li [class]="cx('emptyMessage')" [style]="getItemSizeStyle(scrollerOptions)" role="presentation" [pBind]="ptm('emptyMessage')">
                                         @if (!emptyTemplate()) {
                                             {{ emptyMessageLabel() || emptyFilterMessageLabel() }}
                                         } @else {
@@ -2843,10 +2912,17 @@ i0.ɵɵngDeclareClassMetadata({
                         </ng-template>
                     </div>
                     <ng-container *ngTemplateOutlet="footerTemplate()"></ng-container>
+                    @if (!filter() && !_options()?.length) {
+                        <span role="status" aria-live="polite" [class]="pcn('p-hidden-accessible')" [pBind]="ptm('hiddenEmptyMessage')" [attr.data-p-hidden-accessible]="true">
+                            {{ emptyMessageLabel() }}
+                        </span>
+                    }
+                    <span role="status" aria-live="polite" [class]="pcn('p-hidden-accessible')" [pBind]="ptm('hiddenSelectedMessage')" [attr.data-p-hidden-accessible]="true">
+                        {{ selectedMessageText() }}
+                    </span>
                     <span
                         #lastHiddenFocusableEl
-                        role="presentation"
-                        class="p-hidden-accessible p-hidden-focusable"
+                        [class]="pcn('p-hidden-accessible p-hidden-focusable')"
                         [pBind]="ptm('hiddenLastFocusableEl')"
                         [attr.tabindex]="0"
                         (focus)="onLastHiddenFocus($event)"
@@ -3122,6 +3198,30 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		filterMessage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filterMessage",
+				required: false
+			}]
+		}],
+		selectionMessage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectionMessage",
+				required: false
+			}]
+		}],
+		emptySelectionMessage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptySelectionMessage",
+				required: false
+			}]
+		}],
 		lazy: [{
 			type: i0.Input,
 			args: [{
@@ -3483,7 +3583,7 @@ i0.ɵɵngDeclareClassMetadata({
 var SelectModule = class SelectModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: SelectModule,
 		deps: [],
@@ -3491,7 +3591,7 @@ var SelectModule = class SelectModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: SelectModule,
 		imports: [Select, SharedModule],
@@ -3499,7 +3599,7 @@ var SelectModule = class SelectModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: SelectModule,
 		imports: [
@@ -3511,7 +3611,7 @@ var SelectModule = class SelectModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: SelectModule,
 	decorators: [{
@@ -3524,4 +3624,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { SELECT_VALUE_ACCESSOR, Select, SelectClasses, SelectModule, SelectStyle };
 
-//# sourceMappingURL=primeng-select.mjs.map