@open-rlb/ng-bootstrap 3.0.1 → 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,8 +7254,9 @@ class AbstractAutocompleteComponent extends AbstractComponent {
     update(ev) {
         const t = ev;
         const inputValue = t?.value || '';
-        // this.value = inputValue as any;
-        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();
@@ -7252,7 +7267,7 @@ class AbstractAutocompleteComponent extends AbstractComponent {
         }
         this.typingTimeout = setTimeout(() => {
             if (!this.disabled) {
-                this.getSuggestions(inputValue); // Call specific for a class
+                this.getSuggestions(inputValue);
             }
         }, 500);
     }
@@ -7303,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' });
@@ -7371,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');
@@ -7417,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,
@@ -8710,14 +8729,15 @@ class AutocompleteCountryDialCodeComponent extends AbstractAutocompleteComponent
         }
     }
     getItemText(data) {
+        const valueToFind = typeof data === 'object' ? data?.value : data;
         const h = this.getCountries().find(c => {
             if (typeof c === 'object') {
                 const _c = c;
-                return _c.value === (typeof data === 'object' ? data?.value : data) ? _c.text : '';
+                return _c.value === valueToFind;
             }
             return false;
         });
-        return (typeof h === 'object' ? h.text : '');
+        return (typeof h === 'object' ? h.text : (typeof data === 'string' ? data : ''));
     }
     getCountries() {
         if (this.enableFlagIcons) {
@@ -9040,14 +9060,15 @@ class AutocompleteCountryComponent extends AbstractAutocompleteComponent {
         }
     }
     getItemText(data) {
+        const valueToFind = typeof data === 'object' ? data?.value : data;
         const h = this.getCountries().find(c => {
             if (typeof c === 'object') {
                 const _c = c;
-                return _c.value === (typeof data === 'object' ? data?.value : data) ? _c.text : '';
+                return _c.value === valueToFind;
             }
             return false;
         });
-        return (typeof h === 'object' ? h.text : '');
+        return (typeof h === 'object' ? h.text : (typeof data === 'string' ? data : ''));
     }
     getCountries() {
         if (this.enableFlagIcons) {
@@ -9176,7 +9197,7 @@ class AutocompleteTimezonesComponent extends AbstractAutocompleteComponent {
             return data.text || '';
         }
         else if (typeof data === 'string') {
-            return data || '';
+            return data;
         }
         return '';
     }