@open-rlb/ng-bootstrap 3.0.2 → 3.0.3

package/fesm2022/open-rlb-ng-bootstrap.mjs

@@ -7203,6 +7203,15 @@ const TABLE = [
 ];
 
 class AbstractAutocompleteComponent extends AbstractComponent {
+    set el(value) {
+        this._el = value;
+        if (this._el && this._pendingValue !== undefined) {
+            this.applyValueToInput(this._pendingValue);
+        }
+    }
+    get el() {
+        return this._el;
+    }
     constructor(idService, renderer, // protected, to gain access to child classes
     control) {
         super(idService, control);
@@ -7219,12 +7228,17 @@ class AbstractAutocompleteComponent extends AbstractComponent {
         this.placeholder = '';
         this.userDefinedId = '';
         this.charsToSearch = 3;
+        this._pendingValue = undefined;
         this.selected = new EventEmitter();
     }
     // =========================================================================
     // HTML FORM LOGIC
     // =========================================================================
     onWrite(data) {
+        this._pendingValue = data;
+        this.applyValueToInput(data);
+    }
+    applyValueToInput(data) {
         if (this.el && this.el.nativeElement) {
             if (data) {
                 this.el.nativeElement.value = this.getItemText(data);
@@ -7240,7 +7254,9 @@ class AbstractAutocompleteComponent extends AbstractComponent {
     update(ev) {
         const t = ev;
         const inputValue = t?.value || '';
-        const valueToPropagate = inputValue === '' ? { text: '', value: '' } : { text: inputValue, value: inputValue };
+        const valueToPropagate = inputValue === ''
+            ? { text: '', value: '' }
+            : { text: inputValue, value: inputValue };
         this.setValue(valueToPropagate);
         if (this.control && this.control.control) {
             this.control.control.markAsDirty();
@@ -7302,12 +7318,14 @@ class AbstractAutocompleteComponent extends AbstractComponent {
         this.setActiveItem(newIndex);
     }
     setActiveItem(index) {
-        if (this.activeIndex !== -1 && this.dropdown.nativeElement.children[this.activeIndex]) {
+        if (this.activeIndex !== -1 &&
+            this.dropdown.nativeElement.children[this.activeIndex]) {
             const oldItem = this.dropdown.nativeElement.children[this.activeIndex];
             this.renderer.removeClass(oldItem, 'active');
         }
         this.activeIndex = index;
-        if (this.activeIndex !== -1 && this.dropdown.nativeElement.children[this.activeIndex]) {
+        if (this.activeIndex !== -1 &&
+            this.dropdown.nativeElement.children[this.activeIndex]) {
             const newItem = this.dropdown.nativeElement.children[this.activeIndex];
             this.renderer.addClass(newItem, 'active');
             newItem.scrollIntoView({ block: 'nearest' });
@@ -7370,7 +7388,9 @@ class AbstractAutocompleteComponent extends AbstractComponent {
         this.clearDropdown();
         this.suggestionsList = [];
         this.activeIndex = -1;
-        const normalizedSuggestions = suggestions.map(suggestion => typeof suggestion === 'string' ? { text: suggestion, value: suggestion } : suggestion);
+        const normalizedSuggestions = suggestions.map((suggestion) => typeof suggestion === 'string'
+            ? { text: suggestion, value: suggestion }
+            : suggestion);
         this.suggestionsList = normalizedSuggestions;
         if (!this.suggestionsList || this.suggestionsList.length === 0) {
             const el = this.renderer.createElement('a');
@@ -7416,7 +7436,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             type: Component,
             args: [{
                     template: '',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: UniqueIdService }, { type: i0.Renderer2 }, { type: i2$2.NgControl }], propDecorators: { disabled: [{
                 type: Input,