@mozaic-ds/angular 2.0.20 → 2.0.21

package/fesm2022/mozaic-ds-angular.mjs

@@ -10617,6 +10617,9 @@ class MozComboboxComponent {
     _labelCache = new Map();
     /** Tracks whether items have ever been provided (distinguishes async-on-demand from pre-loaded) */
     _hasReceivedItems = signal(false, ...(ngDevMode ? [{ debugName: "_hasReceivedItems" }] : []));
+    /** True while waiting for external search results (prevents empty-state flash during debounce) */
+    _searchPending = signal(false, ...(ngDevMode ? [{ debugName: "_searchPending" }] : []));
+    _searchPendingTimer = null;
     /** CVA callbacks */
     _onChange = () => { };
     _onTouched = () => { };
@@ -10723,6 +10726,7 @@ class MozComboboxComponent {
     /** Whether to display the empty-state message (no results) */
     showEmptyState = computed(() => this.filteredItems().length === 0 &&
         !this.loading() &&
+        !this._searchPending() &&
         (this._hasReceivedItems() || this.searchQuery() !== ''), ...(ngDevMode ? [{ debugName: "showEmptyState" }] : []));
     /** Viewport height: capped to VIEWPORT_HEIGHT_PX, shrinks for small lists */
     viewportHeight = computed(() => {
@@ -10792,8 +10796,19 @@ class MozComboboxComponent {
             }
             if (flat.length > 0) {
                 this._hasReceivedItems.set(true);
+                this._searchPending.set(false);
             }
         });
+        // In externalSearch mode, mark search as pending when query changes
+        // to give the consumer time to respond (debounce) before showing empty state.
+        effect(() => {
+            if (!this.externalSearch())
+                return;
+            this._searchPending.set(true);
+            if (this._searchPendingTimer)
+                clearTimeout(this._searchPendingTimer);
+            this._searchPendingTimer = setTimeout(() => this._searchPending.set(false), 500);
+        });
         // Inject global overlay styles — CDK teleports content outside the
         // component host so scoped CSS never reaches .cdk-overlay-pane.
         // Check DOM each render — Storybook may remove the tag on navigation.