@ni/nimble-angular 17.1.16 → 17.1.18

package/fesm2020/ni-nimble-angular.mjs

@@ -1240,6 +1240,7 @@ class NimbleComboboxControlValueAccessorDirective {
         this._renderer = _renderer;
         this._elementRef = _elementRef;
         this._optionMap = new Map();
+        this._optionUpdateQueue = [];
         this._compareWith = Object.is;
     }
     /**
@@ -1253,6 +1254,12 @@ class NimbleComboboxControlValueAccessorDirective {
         }
         this._compareWith = fn;
     }
+    ngAfterViewChecked() {
+        for (const updateValue of this._optionUpdateQueue) {
+            this.addOption(updateValue.listOption.text, updateValue.modelValue);
+        }
+        this._optionUpdateQueue = [];
+    }
     /**
      * Updates the underlying nimble-combobox value with the expected display string.
      * @param value The ngValue set on the nimble-combobox
@@ -1302,6 +1309,10 @@ class NimbleComboboxControlValueAccessorDirective {
     removeOption(displayValue) {
         this._optionMap.delete(displayValue);
     }
+    queueOptionUpdate(listOption, modelValue) {
+        this.removeOption(listOption.text);
+        this._optionUpdateQueue.push({ listOption, modelValue });
+    }
     updateDisplayValue() {
         const valueAsString = this.getValueStringFromValue(this._modelValue);
         this.setProperty('value', valueAsString ?? '');
@@ -6491,10 +6502,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
  * Directive to provide Angular integration for the list option when used with a combobox.
  */
 class NimbleComboboxListOptionDirective {
-    constructor(elementRef, renderer, changeDetector, combobox) {
+    constructor(elementRef, renderer, combobox) {
         this.elementRef = elementRef;
         this.renderer = renderer;
-        this.changeDetector = changeDetector;
         this.combobox = combobox;
         this._modelValue = undefined;
     }
@@ -6526,20 +6536,17 @@ class NimbleComboboxListOptionDirective {
         }
     }
     updateComboboxValue(value) {
-        this.combobox.removeOption(this._currentTextContent);
-        this.changeDetector.detectChanges();
-        this._currentTextContent = this.elementRef.nativeElement.text;
-        this.combobox.addOption(this._currentTextContent, value);
+        this.combobox.queueOptionUpdate(this.elementRef.nativeElement, value);
     }
 }
-NimbleComboboxListOptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleComboboxListOptionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: NimbleComboboxControlValueAccessorDirective, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+NimbleComboboxListOptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleComboboxListOptionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: NimbleComboboxControlValueAccessorDirective, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleComboboxListOptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: NimbleComboboxListOptionDirective, selector: "nimble-list-option", inputs: { disabled: "disabled", ngValue: "ngValue" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleComboboxListOptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'nimble-list-option'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: NimbleComboboxControlValueAccessorDirective, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: NimbleComboboxControlValueAccessorDirective, decorators: [{
                     type: Inject,
                     args: [NimbleComboboxControlValueAccessorDirective]
                 }, {