@meshmakers/shared-ui 3.5.530 → 3.5.550

package/fesm2022/meshmakers-shared-ui.mjs

@@ -5393,11 +5393,30 @@ class EntitySelectInputComponent {
     maxResults = 50;
     debounceMs = 300;
     prefix = '';
-    // Initial display value (e.g. when restoring a previously selected entity by name)
+    /**
+     * Display name of the entity the host holds as the current pick (e.g. a pick restored from
+     * the URL, or set by the host). The input follows every change (AB#7916):
+     * - a new name replaces the text; when it differs from the text of the entity picked in
+     *   this input, that selection is dropped (the host replaced the pick);
+     * - `undefined` / empty clears the text and the selection (the host cleared the pick).
+     * Host changes emit no `entitySelected` / `entityCleared` and do not call the form
+     * `onChange`: the host made the change itself. Before AB#7916 empty values and any value
+     * after a pick in this input were ignored, so the input kept showing a stale pick.
+     */
     set initialDisplayValue(value) {
-        if (value && !this.selectedEntity) {
-            this.searchFormControl.setValue(value, { emitEvent: false });
+        const next = value ?? '';
+        const previous = this.hostDisplayValue;
+        this.hostDisplayValue = next;
+        if (next === previous) {
+            return;
         }
+        if (next === (this.searchFormControl.value ?? '')) {
+            // The host confirms what the input already shows (e.g. the entity just picked here).
+            return;
+        }
+        this.selectedEntity = null;
+        this.filteredEntities = [];
+        this.searchFormControl.setValue(next, { emitEvent: false });
     }
     // Dialog inputs
     // eslint-disable-next-line @typescript-eslint/no-explicit-any -- generic component accepts any entity type
@@ -5445,6 +5464,8 @@ class EntitySelectInputComponent {
     isLoading = false;
     entityMap = new Map();
     // Private members
+    /** Last value of {@link initialDisplayValue}; a host pick is shown while it is non-empty. */
+    hostDisplayValue = '';
     searchSubject = new Subject();
     typedText = '';
     destroy$ = new Subject();
@@ -5512,7 +5533,10 @@ class EntitySelectInputComponent {
     }
     onSelectionChange(value) {
         if (!value) {
-            if (this.selectedEntity) {
+            // Clearing the input clears the pick — also a pick the host showed by name only
+            // (restored from the URL or set by the host, AB#7916), which has no entity object here.
+            if (this.selectedEntity || this.hostDisplayValue) {
+                this.hostDisplayValue = '';
                 this.clearSelection();
             }
             return;