@meshmakers/shared-ui 3.5.210 → 3.5.240

package/fesm2022/meshmakers-shared-ui.mjs

@@ -5444,6 +5444,7 @@ class EntitySelectInputComponent {
     entityMap = new Map();
     // Private members
     searchSubject = new Subject();
+    typedText = '';
     destroy$ = new Subject();
     onChange = () => { };
     onTouched = () => { };
@@ -5501,25 +5502,30 @@ class EntitySelectInputComponent {
     // Event handlers
     onFilterChange(event) {
         const filter = event;
-        if (!filter || filter.length < this.minSearchLength) {
+        this.typedText = filter ?? '';
+        if (this.typedText.length < this.minSearchLength) {
             this.filteredEntities = [];
-            return;
         }
-        this.searchSubject.next(filter);
+        this.searchSubject.next(this.typedText);
     }
     onSelectionChange(value) {
-        if (value && typeof value === 'string') {
-            // Find the entity that matches the selected display text
-            const entity = this.entityMap.get(value);
-            if (entity) {
-                this.selectEntity(entity);
+        if (!value) {
+            if (this.selectedEntity) {
+                this.clearSelection();
             }
+            return;
+        }
+        // Find the entity that matches the selected display text
+        const entity = this.entityMap.get(value);
+        if (entity) {
+            this.selectEntity(entity);
         }
     }
     onFocus() {
         // Optional: Trigger search on focus if there's already text
         const currentValue = this.searchFormControl.value;
         if (currentValue && currentValue.length >= this.minSearchLength && this.filteredEntities.length === 0) {
+            this.typedText = currentValue;
             this.searchSubject.next(currentValue);
         }
     }
@@ -5536,12 +5542,10 @@ class EntitySelectInputComponent {
     }
     // Public methods
     clear() {
-        this.selectedEntity = null;
         this.filteredEntities = [];
         this.entityMap.clear();
         this.searchFormControl.setValue('', { emitEvent: false });
-        this.onChange(null);
-        this.entityCleared.emit();
+        this.clearSelection();
         this.autocomplete.focus();
     }
     focus() {
@@ -5553,18 +5557,23 @@ class EntitySelectInputComponent {
         this.clear();
     }
     // Private methods
+    clearSelection() {
+        this.selectedEntity = null;
+        this.onChange(null);
+        this.entityCleared.emit();
+    }
     setupSearch() {
-        this.searchSubject.pipe(debounceTime(this.debounceMs), distinctUntilChanged(), tap(() => {
+        this.searchSubject.pipe(debounceTime(this.debounceMs), distinctUntilChanged(), filter(text => text.length >= this.minSearchLength), tap(() => {
             this.isLoading = true;
             this.filteredEntities = [];
-        }), switchMap(filter => {
+        }), switchMap(searchText => {
             if (!this.dataSource) {
                 return of({ totalCount: 0, items: [] });
             }
-            if (filter.startsWith(this.prefix)) {
-                if (typeof filter === 'string') {
-                    filter = filter.replace(this.prefix, '').trim();
-                    return this.dataSource.onFilter(filter, this.maxResults).catch(error => {
+            if (searchText.startsWith(this.prefix)) {
+                if (typeof searchText === 'string') {
+                    searchText = searchText.replace(this.prefix, '').trim();
+                    return this.dataSource.onFilter(searchText, this.maxResults).catch(error => {
                         console.error('Entity search error:', error);
                         return { totalCount: 0, items: [] };
                     });
@@ -5574,7 +5583,7 @@ class EntitySelectInputComponent {
                 }
             }
             else {
-                return this.dataSource.onFilter(filter, this.maxResults).catch(error => {
+                return this.dataSource.onFilter(searchText, this.maxResults).catch(error => {
                     console.error('Entity search error:', error);
                     return { totalCount: 0, items: [] };
                 });
@@ -5584,6 +5593,9 @@ class EntitySelectInputComponent {
             return of({ totalCount: 0, items: [] });
         })).subscribe(result => {
             this.isLoading = false;
+            if (this.typedText.length < this.minSearchLength) {
+                return;
+            }
             if (this.prefix && result.items.length === 1) {
                 // Auto-select if exactly one match in prefix mode
                 this.selectEntity(result.items[0]);