@meshmakers/shared-ui 3.5.210 → 3.5.270

package/fesm2022/meshmakers-shared-ui.mjs

@@ -17,7 +17,7 @@ import { LabelComponent, LabelModule } from '@progress/kendo-angular-label';
 import * as i5 from '@progress/kendo-angular-inputs';
 import { TextBoxComponent, CheckBoxComponent, SeparatorComponent, NumericTextBoxComponent, InputsModule, NumericTextBoxModule } from '@progress/kendo-angular-inputs';
 import { ProgressBarComponent } from '@progress/kendo-angular-progressbar';
-import { copyIcon, xIcon, calculatorIcon, clockArrowRotateIcon, passwordIcon, cellsMergeIcon, unpinIcon, pinIcon, undoIcon, fileReportIcon, downloadIcon, importIcon, exportIcon, stopIcon, playIcon, xCircleIcon, uploadIcon, arrowRotateCwIcon, fileDataIcon, eraserIcon, trashIcon, hyperlinkOpenIcon, eyeIcon, pencilIcon, plusIcon, checkIcon, filterIcon, filePdfIcon, fileExcelIcon, filterClearIcon, moreVerticalIcon, slidersIcon, saveIcon, cancelIcon, searchIcon, clockIcon } from '@progress/kendo-svg-icons';
+import { copyIcon, xIcon, calculatorIcon, clockArrowRotateIcon, passwordIcon, cellsMergeIcon, arrowRightIcon, unpinIcon, pinIcon, undoIcon, fileReportIcon, downloadIcon, importIcon, exportIcon, stopIcon, playIcon, xCircleIcon, uploadIcon, arrowRotateCwIcon, fileDataIcon, eraserIcon, trashIcon, hyperlinkOpenIcon, eyeIcon, pencilIcon, plusIcon, checkIcon, filterIcon, filePdfIcon, fileExcelIcon, filterClearIcon, moreVerticalIcon, slidersIcon, saveIcon, cancelIcon, searchIcon, clockIcon } from '@progress/kendo-svg-icons';
 import { Router, NavigationEnd, RouterLink, ActivatedRoute } from '@angular/router';
 import { filter, debounceTime, distinctUntilChanged, takeUntil, observeOn, tap, switchMap, catchError } from 'rxjs/operators';
 import { MessageService, CommandBaseService, CommandSettingsService, provideMmSharedServices } from '@meshmakers/shared-services';
@@ -2160,6 +2160,8 @@ const MM_ACTION_ICONS = {
     pin: pinIcon,
     /** Remove a pin ("Unpin from Home"). */
     unpin: unpinIcon,
+    /** Move an item to another folder / container (never `arrowsMoveIcon`: it reads as "add"). */
+    move: arrowRightIcon,
     /** Merge one item into another (e.g. merge users); usually `danger`. */
     merge: cellsMergeIcon,
     /** Reset / set a password. */
@@ -5444,6 +5446,7 @@ class EntitySelectInputComponent {
     entityMap = new Map();
     // Private members
     searchSubject = new Subject();
+    typedText = '';
     destroy$ = new Subject();
     onChange = () => { };
     onTouched = () => { };
@@ -5501,25 +5504,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 +5544,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 +5559,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 +5585,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 +5595,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]);