@mediusinc/mng-commons 7.4.0-rc.1 → 7.4.0

package/fesm2022/mediusinc-mng-commons-form.mjs

@@ -618,11 +618,11 @@ class AutocompleteComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: AutocompleteComponent, isStandalone: true, selector: "mng-autocomplete", inputs: { dataProvider: { classPropertyName: "dataProvider", publicName: "dataProvider", isSignal: true, isRequired: true, transformFunction: null }, optionsTrackProperty: { classPropertyName: "optionsTrackProperty", publicName: "optionsTrackProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsValueProperty: { classPropertyName: "optionsValueProperty", publicName: "optionsValueProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsLabelProperty: { classPropertyName: "optionsLabelProperty", publicName: "optionsLabelProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsLabelTranslate: { classPropertyName: "optionsLabelTranslate", publicName: "optionsLabelTranslate", isSignal: true, isRequired: false, transformFunction: null }, inlineSearch: { classPropertyName: "inlineSearch", publicName: "inlineSearch", isSignal: true, isRequired: false, transformFunction: null }, openOnFocus: { classPropertyName: "openOnFocus", publicName: "openOnFocus", isSignal: true, isRequired: false, transformFunction: null }, multiselect: { classPropertyName: "multiselect", publicName: "multiselect", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, dropdownClassName: { classPropertyName: "dropdownClassName", publicName: "dropdownClassName", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, autoClear: { classPropertyName: "autoClear", publicName: "autoClear", isSignal: true, isRequired: false, transformFunction: null }, selectFirst: { classPropertyName: "selectFirst", publicName: "selectFirst", isSignal: true, isRequired: false, transformFunction: null }, allowInput: { classPropertyName: "allowInput", publicName: "allowInput", isSignal: true, isRequired: false, transformFunction: null }, searchTrim: { classPropertyName: "searchTrim", publicName: "searchTrim", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, templates: { classPropertyName: "templates", publicName: "templates", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", blur: "blur" }, providers: [AUTOCOMPLETE_VALUE_ACCESSOR], viewQueries: [{ propertyName: "primeAutocomplete", first: true, predicate: AutoComplete, descendants: true, isSignal: true }], ngImport: i0, template: "<p-inputgroup [class]=\"{'has-prepends': prependTemplates().length > 0}\">\n    @for (pt of prependTemplates(); track $index) {\n        <p-inputgroup-addon>\n            <ng-container *ngTemplateOutlet=\"pt.template\"></ng-container>\n        </p-inputgroup-addon>\n    }\n    <p-autoComplete\n        *mngRerender=\"multiselect()\"\n        [placeholder]=\"placeholder()\"\n        [dropdown]=\"true\"\n        dataKey=\"__track\"\n        optionLabel=\"__label\"\n        optionValue=\"__value\"\n        [suggestions]=\"suggestions()\"\n        [multiple]=\"multiselect()\"\n        [showEmptyMessage]=\"true\"\n        [emptyMessage]=\"'mngAutocomplete.noMatches' | translate\"\n        [class]=\"className()\"\n        [panelStyleClass]=\"dropdownClassName()\"\n        [minQueryLength]=\"openOnFocus() ? 0 : 1\"\n        [showClear]=\"showClear()\"\n        [forceSelection]=\"autoClear() || allowInput()\"\n        autoOptionFocus=\"true\"\n        [selectOnFocus]=\"allowInput()\"\n        [disabled]=\"disabled()\"\n        [completeOnFocus]=\"openOnFocus()\"\n        (completeMethod)=\"onSearch($event)\"\n        (onSelect)=\"onSelect($event)\"\n        (onUnselect)=\"onUnselect($event)\"\n        (onFocus)=\"onFocus($event)\"\n        (onBlur)=\"onBlur($event)\"\n        (onClear)=\"onClear()\"\n        (onShow)=\"onPanelShow()\"\n        (onHide)=\"onPanelHide()\"\n        appendTo=\"body\"\n        dropdownMode=\"current\">\n        <ng-template let-item #item>\n            <div style=\"display: flex; align-items: center; justify-content: space-between; width: 100%\">\n                <span>{{ item.__label }}</span>\n                @if (allowInput()) {\n                    <div style=\"display: flex; gap: 0.25rem\">\n                        @if (item.__isSelected) {\n                            <p-tag [value]=\"'general.selected' | translate\" severity=\"success\" />\n                        } @else if (item.__isSuggested) {\n                            <p-tag [value]=\"'general.suggested' | translate\" />\n                        } @else if (item.__isCustom) {\n                            <p-tag [value]=\"'general.custom' | translate\" severity=\"warn\" />\n                        }\n                    </div>\n                }\n            </div>\n        </ng-template>\n    </p-autoComplete>\n    @for (at of appendTemplates(); track $index) {\n        <p-inputgroup-addon>\n            <ng-container *ngTemplateOutlet=\"at.template\"></ng-container>\n        </p-inputgroup-addon>\n    }\n</p-inputgroup>\n", styles: [".has-prepends .p-autocomplete-input-multiple{border-top-left-radius:0!important;border-bottom-left-radius:0!important}p-inputgroup{font-size:1rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "component", type: InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RerenderDirective, selector: "[mngRerender]", inputs: ["mngRerender"] }, { kind: "component", type: Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: AutocompleteComponent, isStandalone: true, selector: "mng-autocomplete", inputs: { dataProvider: { classPropertyName: "dataProvider", publicName: "dataProvider", isSignal: true, isRequired: true, transformFunction: null }, optionsTrackProperty: { classPropertyName: "optionsTrackProperty", publicName: "optionsTrackProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsValueProperty: { classPropertyName: "optionsValueProperty", publicName: "optionsValueProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsLabelProperty: { classPropertyName: "optionsLabelProperty", publicName: "optionsLabelProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsLabelTranslate: { classPropertyName: "optionsLabelTranslate", publicName: "optionsLabelTranslate", isSignal: true, isRequired: false, transformFunction: null }, inlineSearch: { classPropertyName: "inlineSearch", publicName: "inlineSearch", isSignal: true, isRequired: false, transformFunction: null }, openOnFocus: { classPropertyName: "openOnFocus", publicName: "openOnFocus", isSignal: true, isRequired: false, transformFunction: null }, multiselect: { classPropertyName: "multiselect", publicName: "multiselect", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, dropdownClassName: { classPropertyName: "dropdownClassName", publicName: "dropdownClassName", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, autoClear: { classPropertyName: "autoClear", publicName: "autoClear", isSignal: true, isRequired: false, transformFunction: null }, selectFirst: { classPropertyName: "selectFirst", publicName: "selectFirst", isSignal: true, isRequired: false, transformFunction: null }, allowInput: { classPropertyName: "allowInput", publicName: "allowInput", isSignal: true, isRequired: false, transformFunction: null }, searchTrim: { classPropertyName: "searchTrim", publicName: "searchTrim", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, templates: { classPropertyName: "templates", publicName: "templates", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", blur: "blur" }, providers: [AUTOCOMPLETE_VALUE_ACCESSOR], viewQueries: [{ propertyName: "primeAutocomplete", first: true, predicate: AutoComplete, descendants: true, isSignal: true }], ngImport: i0, template: "<p-inputgroup [class]=\"{'has-prepends': prependTemplates().length > 0}\">\n    @for (pt of prependTemplates(); track $index) {\n        <p-inputgroup-addon>\n            <ng-container *ngTemplateOutlet=\"pt.template\"></ng-container>\n        </p-inputgroup-addon>\n    }\n    <p-autoComplete\n        *mngRerender=\"multiselect()\"\n        [placeholder]=\"placeholder()\"\n        [dropdown]=\"true\"\n        dataKey=\"__track\"\n        optionLabel=\"__label\"\n        optionValue=\"__value\"\n        [suggestions]=\"suggestions()\"\n        [multiple]=\"multiselect()\"\n        [showEmptyMessage]=\"true\"\n        [emptyMessage]=\"'mngAutocomplete.noMatches' | translate\"\n        [class]=\"className()\"\n        [panelStyleClass]=\"dropdownClassName()\"\n        [minQueryLength]=\"openOnFocus() ? 0 : 1\"\n        [showClear]=\"showClear()\"\n        [forceSelection]=\"autoClear() || allowInput()\"\n        autoOptionFocus=\"true\"\n        [selectOnFocus]=\"allowInput()\"\n        [disabled]=\"disabled()\"\n        [completeOnFocus]=\"openOnFocus()\"\n        (completeMethod)=\"onSearch($event)\"\n        (onSelect)=\"onSelect($event)\"\n        (onUnselect)=\"onUnselect($event)\"\n        (onFocus)=\"onFocus($event)\"\n        (onBlur)=\"onBlur($event)\"\n        (onClear)=\"onClear()\"\n        (onShow)=\"onPanelShow()\"\n        (onHide)=\"onPanelHide()\"\n        appendTo=\"body\"\n        dropdownMode=\"current\">\n        <ng-template let-item #item>\n            <div style=\"display: flex; align-items: center; justify-content: space-between; width: 100%\">\n                <span>{{ item.__label }}</span>\n                @if (allowInput()) {\n                    <div style=\"display: flex; gap: 0.25rem\">\n                        @if (item.__isSelected) {\n                            <p-tag [value]=\"'general.selected' | translate\" severity=\"success\" />\n                        } @else if (item.__isSuggested) {\n                            <p-tag [value]=\"'general.suggested' | translate\" />\n                        } @else if (item.__isCustom) {\n                            <p-tag [value]=\"'general.custom' | translate\" severity=\"warn\" />\n                        }\n                    </div>\n                }\n            </div>\n        </ng-template>\n    </p-autoComplete>\n    @for (at of appendTemplates(); track $index) {\n        <p-inputgroup-addon>\n            <ng-container *ngTemplateOutlet=\"at.template\"></ng-container>\n        </p-inputgroup-addon>\n    }\n</p-inputgroup>\n", styles: ["mng-autocomplete .has-prepends .p-autocomplete-input-multiple{border-top-left-radius:0!important;border-bottom-left-radius:0!important}mng-autocomplete p-inputgroup{font-size:1rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "component", type: InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RerenderDirective, selector: "[mngRerender]", inputs: ["mngRerender"] }, { kind: "component", type: Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mng-autocomplete', encapsulation: ViewEncapsulation.None, providers: [AUTOCOMPLETE_VALUE_ACCESSOR], imports: [TranslatePipe, FormsModule, AutoComplete, InputGroup, InputGroupAddon, NgTemplateOutlet, RerenderDirective, Tag], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-inputgroup [class]=\"{'has-prepends': prependTemplates().length > 0}\">\n    @for (pt of prependTemplates(); track $index) {\n        <p-inputgroup-addon>\n            <ng-container *ngTemplateOutlet=\"pt.template\"></ng-container>\n        </p-inputgroup-addon>\n    }\n    <p-autoComplete\n        *mngRerender=\"multiselect()\"\n        [placeholder]=\"placeholder()\"\n        [dropdown]=\"true\"\n        dataKey=\"__track\"\n        optionLabel=\"__label\"\n        optionValue=\"__value\"\n        [suggestions]=\"suggestions()\"\n        [multiple]=\"multiselect()\"\n        [showEmptyMessage]=\"true\"\n        [emptyMessage]=\"'mngAutocomplete.noMatches' | translate\"\n        [class]=\"className()\"\n        [panelStyleClass]=\"dropdownClassName()\"\n        [minQueryLength]=\"openOnFocus() ? 0 : 1\"\n        [showClear]=\"showClear()\"\n        [forceSelection]=\"autoClear() || allowInput()\"\n        autoOptionFocus=\"true\"\n        [selectOnFocus]=\"allowInput()\"\n        [disabled]=\"disabled()\"\n        [completeOnFocus]=\"openOnFocus()\"\n        (completeMethod)=\"onSearch($event)\"\n        (onSelect)=\"onSelect($event)\"\n        (onUnselect)=\"onUnselect($event)\"\n        (onFocus)=\"onFocus($event)\"\n        (onBlur)=\"onBlur($event)\"\n        (onClear)=\"onClear()\"\n        (onShow)=\"onPanelShow()\"\n        (onHide)=\"onPanelHide()\"\n        appendTo=\"body\"\n        dropdownMode=\"current\">\n        <ng-template let-item #item>\n            <div style=\"display: flex; align-items: center; justify-content: space-between; width: 100%\">\n                <span>{{ item.__label }}</span>\n                @if (allowInput()) {\n                    <div style=\"display: flex; gap: 0.25rem\">\n                        @if (item.__isSelected) {\n                            <p-tag [value]=\"'general.selected' | translate\" severity=\"success\" />\n                        } @else if (item.__isSuggested) {\n                            <p-tag [value]=\"'general.suggested' | translate\" />\n                        } @else if (item.__isCustom) {\n                            <p-tag [value]=\"'general.custom' | translate\" severity=\"warn\" />\n                        }\n                    </div>\n                }\n            </div>\n        </ng-template>\n    </p-autoComplete>\n    @for (at of appendTemplates(); track $index) {\n        <p-inputgroup-addon>\n            <ng-container *ngTemplateOutlet=\"at.template\"></ng-container>\n        </p-inputgroup-addon>\n    }\n</p-inputgroup>\n", styles: [".has-prepends .p-autocomplete-input-multiple{border-top-left-radius:0!important;border-bottom-left-radius:0!important}p-inputgroup{font-size:1rem}\n"] }]
+            args: [{ selector: 'mng-autocomplete', encapsulation: ViewEncapsulation.None, providers: [AUTOCOMPLETE_VALUE_ACCESSOR], imports: [TranslatePipe, FormsModule, AutoComplete, InputGroup, InputGroupAddon, NgTemplateOutlet, RerenderDirective, Tag], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-inputgroup [class]=\"{'has-prepends': prependTemplates().length > 0}\">\n    @for (pt of prependTemplates(); track $index) {\n        <p-inputgroup-addon>\n            <ng-container *ngTemplateOutlet=\"pt.template\"></ng-container>\n        </p-inputgroup-addon>\n    }\n    <p-autoComplete\n        *mngRerender=\"multiselect()\"\n        [placeholder]=\"placeholder()\"\n        [dropdown]=\"true\"\n        dataKey=\"__track\"\n        optionLabel=\"__label\"\n        optionValue=\"__value\"\n        [suggestions]=\"suggestions()\"\n        [multiple]=\"multiselect()\"\n        [showEmptyMessage]=\"true\"\n        [emptyMessage]=\"'mngAutocomplete.noMatches' | translate\"\n        [class]=\"className()\"\n        [panelStyleClass]=\"dropdownClassName()\"\n        [minQueryLength]=\"openOnFocus() ? 0 : 1\"\n        [showClear]=\"showClear()\"\n        [forceSelection]=\"autoClear() || allowInput()\"\n        autoOptionFocus=\"true\"\n        [selectOnFocus]=\"allowInput()\"\n        [disabled]=\"disabled()\"\n        [completeOnFocus]=\"openOnFocus()\"\n        (completeMethod)=\"onSearch($event)\"\n        (onSelect)=\"onSelect($event)\"\n        (onUnselect)=\"onUnselect($event)\"\n        (onFocus)=\"onFocus($event)\"\n        (onBlur)=\"onBlur($event)\"\n        (onClear)=\"onClear()\"\n        (onShow)=\"onPanelShow()\"\n        (onHide)=\"onPanelHide()\"\n        appendTo=\"body\"\n        dropdownMode=\"current\">\n        <ng-template let-item #item>\n            <div style=\"display: flex; align-items: center; justify-content: space-between; width: 100%\">\n                <span>{{ item.__label }}</span>\n                @if (allowInput()) {\n                    <div style=\"display: flex; gap: 0.25rem\">\n                        @if (item.__isSelected) {\n                            <p-tag [value]=\"'general.selected' | translate\" severity=\"success\" />\n                        } @else if (item.__isSuggested) {\n                            <p-tag [value]=\"'general.suggested' | translate\" />\n                        } @else if (item.__isCustom) {\n                            <p-tag [value]=\"'general.custom' | translate\" severity=\"warn\" />\n                        }\n                    </div>\n                }\n            </div>\n        </ng-template>\n    </p-autoComplete>\n    @for (at of appendTemplates(); track $index) {\n        <p-inputgroup-addon>\n            <ng-container *ngTemplateOutlet=\"at.template\"></ng-container>\n        </p-inputgroup-addon>\n    }\n</p-inputgroup>\n", styles: ["mng-autocomplete .has-prepends .p-autocomplete-input-multiple{border-top-left-radius:0!important;border-bottom-left-radius:0!important}mng-autocomplete p-inputgroup{font-size:1rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { dataProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataProvider", required: true }] }], optionsTrackProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsTrackProperty", required: false }] }], optionsValueProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsValueProperty", required: false }] }], optionsLabelProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsLabelProperty", required: false }] }], optionsLabelTranslate: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsLabelTranslate", required: false }] }], inlineSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "inlineSearch", required: false }] }], openOnFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnFocus", required: false }] }], multiselect: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiselect", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], dropdownClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownClassName", required: false }] }], showClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClear", required: false }] }], autoClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoClear", required: false }] }], selectFirst: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectFirst", required: false }] }], allowInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowInput", required: false }] }], searchTrim: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchTrim", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], templates: [{ type: i0.Input, args: [{ isSignal: true, alias: "templates", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], blur: [{ type: i0.Output, args: ["blur"] }], primeAutocomplete: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AutoComplete), { isSignal: true }] }] } });
 
 const DATETIME_PICKER_VALUE_ACCESSOR = {
@@ -1271,7 +1271,7 @@ class DropdownComponent {
                 }
                 this.setItems(res, query);
                 this._loading.set(false);
-                this.selectFirstItem(); // only selects first item if selectFirstItemInput is set accordingly
+                this.selectFirstOrRefreshOption(); // only selects first item if selectFirstItemInput is set accordingly
                 this.adjustValueOnItemsValuePropertyTypeMismatch();
             },
             error: err => {
@@ -1351,7 +1351,7 @@ class DropdownComponent {
             this.propagateValueChange(primeMultiselect.value);
         }
     }
-    selectFirstItem() {
+    selectFirstOrRefreshOption() {
         if (this.firstTimeSettingItems && this.items().length > 0 && this.selectFirstItemInput() && !this._value) {
             const optionsValueProperty = this.optionsValueProperty();
             const value = optionsValueProperty ? this.items()[0][optionsValueProperty] : this.items()[0];
@@ -1359,6 +1359,19 @@ class DropdownComponent {
             this.firstTimeSettingItems = false;
             this.propagateValueChange(value);
         }
+        else {
+            const valueProperty = this.optionsValueProperty();
+            const labelProperty = this.optionsLabelProperty();
+            if (this._value == null || !labelProperty || this.items().length === 0) {
+                return;
+            }
+            if (valueProperty) {
+                const selectedOption = this.items().find(item => item[valueProperty] === this._value);
+                if (selectedOption) {
+                    this.ngModelValue.set(selectedOption[valueProperty]);
+                }
+            }
+        }
     }
     transformItems(items) {
         if (this.optionsLabelTranslate()) {