@ascentgl/ads-ui 21.67.0 → 21.68.0

package/fesm2022/ascentgl-ads-ui.mjs

@@ -4129,6 +4129,18 @@ class AdsSearchDropdownComponent extends AbstractDropdownComponent {
             }, 0);
         }
     }
+    /** @ignore - Detect value changes when setValue is called with emitEvent: false */
+    ngDoCheck() {
+        // Check if valueControl value has changed (handles emitEvent: false cases)
+        const currentValue = this.valueControl?.value;
+        if (currentValue !== this.previousValueControlValue) {
+            this.previousValueControlValue = currentValue;
+            // Only sync if not set internally and component is initialized
+            if (!this.isInternalValueSet && this.valueControl) {
+                this.controlValueToDisplayedControlValue();
+            }
+        }
+    }
     /** @ignore */
     ngOnDestroy() {
         if (this.unsubscribeFromScroll)
@@ -4572,11 +4584,27 @@ class AdsSearchDropdownComponent extends AbstractDropdownComponent {
          */
         const displayedValue = this.valueControl.value
             ? this.getDisplayedValue(this.valueControl.value)
-            : this.valueControl.value;
+            : null;
         /**
          * use it to build displayedControl value
          */
-        this.displayControl.setValue(displayedValue ? { key: this.valueControl.value, value: displayedValue } : this.valueControl.value, { emitEvent: false });
+        this.displayControl.setValue(displayedValue ? { key: this.valueControl.value, value: displayedValue } : null, { emitEvent: false });
+        // When value is cleared, also clear the input element directly and reset state
+        if (!this.valueControl.value) {
+            this.hasSearched = false;
+            this.previousControlValue = '';
+            // Clear displayed options when value is cleared
+            if (!this.staticOptions) {
+                this.displayedOptions = new Map();
+                this.allOptions = new Map();
+            }
+            // Directly clear the input element to ensure UI reflects the cleared state
+            if (this.input?.nativeElement) {
+                this.input.nativeElement.value = '';
+            }
+        }
+        // Trigger change detection to update UI
+        this.cdr.detectChanges();
         // Trigger textarea resize after DOM updates to avoid ExpressionChangedAfterItHasBeenCheckedError
         if (this.wrapOptionText && this.input?.nativeElement instanceof HTMLTextAreaElement) {
             Promise.resolve().then(() => {