@acorex/platform 20.7.4 → 20.7.6

package/fesm2022/acorex-platform-layout-entity.mjs

@@ -6501,24 +6501,46 @@ class AXPEntityCategoryTreeSelectorComponent extends AXBasePageComponent {
             if (this.treeData.categoryEntityDef?.parentKey) {
                 this.treeConfig.parentKey = this.treeData.categoryEntityDef.parentKey;
             }
-            // Initialize selected nodes and load their data into cache
-            // Wait for tree to be ready before syncing selection
-            await new Promise((resolve) => setTimeout(resolve, 100));
-            await this.updateSelectedNodes(this.selectedValues());
-            // After initial sync, wait a bit more and sync again to catch any nodes that loaded late
-            await new Promise((resolve) => setTimeout(resolve, 200));
-            const finalSelectedIds = this.selectedNodeIds();
-            if (finalSelectedIds.length > 0) {
-                await this.syncSelectionWithTree(finalSelectedIds);
+            // CRITICAL FIX: Parse initial selected values and set selectedNodeIds BEFORE tree renders.
+            // This allows the datasource callback to mark nodes as selected when they load.
+            // Previously, we tried to sync selection while loading was true, but the tree
+            // component doesn't exist until loading is false, causing sync methods to fail silently.
+            const initialSelectedIds = this.selectedValues().filter((id) => id && id !== 'all');
+            if (initialSelectedIds.length > 0) {
+                // Load missing node data into cache first (needed for path calculation and node display)
+                await this.loadMissingNodeData(initialSelectedIds);
+                // Set selectedNodeIds so datasource callback can use it to mark nodes as selected
+                this.selectedNodeIds.set(initialSelectedIds);
             }
         }
         catch (error) {
             console.error('Error loading entity definition:', error);
         }
         finally {
+            // Now let tree render by setting loading to false
             this.loading.set(false);
-            this.isInitializing = false; // Mark initialization as complete
         }
+        // AFTER tree renders, perform selection sync operations.
+        // This must happen after loading.set(false) so the tree component exists in DOM.
+        const selectedIds = this.selectedNodeIds();
+        if (selectedIds.length > 0) {
+            try {
+                // Wait for tree to render and stabilize
+                await new Promise((resolve) => setTimeout(resolve, 150));
+                // Build ancestor chains for path expansion (so selected nodes become visible)
+                const ancestorChains = await this.buildAncestorChains(selectedIds);
+                // Expand ancestor nodes to make selected nodes visible in tree
+                await this.expandAncestorNodesInOrder(ancestorChains);
+                // Wait for tree to process expansions
+                await new Promise((resolve) => setTimeout(resolve, 100));
+                // Final sync to ensure all nodes are properly selected in tree component
+                await this.syncSelectionWithTree(selectedIds);
+            }
+            catch (error) {
+                console.error('Error syncing selection after tree render:', error);
+            }
+        }
+        this.isInitializing = false; // Mark initialization as complete
     }
     //#endregion
     //#region ----   Public Methods   ----
@@ -9318,7 +9340,7 @@ class AXPEntityCategoryWidgetEditComponent extends AXPValueWidgetComponent {
                     textField: signal(this.textField()),
                     valueField: signal(this.valueField()),
                     allowMultiple: signal(this.multiple()),
-                    // selectedValues: signal(selectedIds),
+                    selectedValues: signal(selectedIds),
                     searchPlaceholder: signal(this.searchPlaceholderText()),
                     excludedNodeId: signal(excludedNodeId),
                 },