@acorex/platform 21.0.0-next.89 → 21.0.0-next.90

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

@@ -1051,6 +1051,7 @@ const AXPLayoutDetailsViewViewModel = signalStore(withState(() => {
                 evaluatedPageContent,
                 evaluatedTabContentsById,
                 formDirty: false,
+                pageSelectedRows: [],
             });
             AXPDebugService.instance?.trace(OVERLAY_DETAILS_VIEW_TRACE_NS, 'viewmodel', 'activatePage VM ready (Rendered)', () => ({
                 pageId: currentPage?.id,
@@ -1864,6 +1865,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }], propDecorators: { componentKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "componentKey", required: true }] }], rootContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootContext", required: false }] }], pageConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageConfig", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], componentReady: [{ type: i0.Output, args: ["componentReady"] }] } });
 
+/** Registered id of the data-list inside related-entity `page-list` sidebar pages. */
+const PAGE_LIST_TABLE_WIDGET_ID = 'page-list_table';
 class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent {
     constructor() {
         super(...arguments);
@@ -1879,6 +1882,8 @@ class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent {
         this.destroyRef = inject(DestroyRef);
         this.elementRef = inject((ElementRef));
         this.debug = inject(AXPDebugService);
+        /** Cancels in-flight list selection bind when the sidebar page or widget tree changes. */
+        this.pageListSelectionBindGeneration = 0;
         /** Prevents sidebar tab init events from pushing history before the first page activation completes. */
         this.detailsLayoutReady = signal(false, ...(ngDevMode ? [{ debugName: "detailsLayoutReady" }] : /* istanbul ignore next */ []));
         this.destroyed$ = new Subject();
@@ -1922,6 +1927,42 @@ class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent {
                 }
             }));
         }, ...(ngDevMode ? [{ debugName: "#sidebarTabsIndicatorEffect" }] : /* istanbul ignore next */ []));
+        /**
+         * Binds list selection whenever `page-list_table` registers (including after remount).
+         * `find()` / `waitForWidget()` can return a destroyed instance; registration always carries the live widget.
+         */
+        this.#pageListSelectionBindEffect = effect((onCleanup) => {
+            const pageId = this.vm.currentPage()?.id;
+            const isPageReady = this.vm.isPageReady();
+            if (!pageId || this.vm.showPages() || !isPageReady || this.getActivePageComponentKey()) {
+                return;
+            }
+            this.vm.currentPageContent();
+            if (!this.pageHasEntityListWidget()) {
+                return;
+            }
+            const generation = ++this.pageListSelectionBindGeneration;
+            const container = this.widgetContainer();
+            if (!container) {
+                return;
+            }
+            const builder = container.builderService;
+            onCleanup(() => {
+                this.onSelectionChangeSubscription?.unsubscribe();
+                this.onSelectionChangeSubscription = undefined;
+            });
+            const registrationSub = builder.widgetRegistered$.subscribe(({ id, widget }) => {
+                if (id !== PAGE_LIST_TABLE_WIDGET_ID) {
+                    return;
+                }
+                this.attachSelectionToListWidget(pageId, generation, widget);
+            });
+            onCleanup(() => registrationSub.unsubscribe());
+            const existing = builder.getWidget(PAGE_LIST_TABLE_WIDGET_ID);
+            if (existing) {
+                untracked(() => this.attachSelectionToListWidget(pageId, generation, existing));
+            }
+        }, ...(ngDevMode ? [{ debugName: "#pageListSelectionBindEffect" }] : /* istanbul ignore next */ []));
         /** Clears the page overlay reactively once VM + widget hydration are both idle. */
         this.#overlayReleaseEffect = effect(() => {
             const showPages = this.vm.showPages();
@@ -2152,6 +2193,11 @@ class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent {
     }
     /** Syncs the line indicator when the active page changes programmatically. */
     #sidebarTabsIndicatorEffect;
+    /**
+     * Binds list selection whenever `page-list_table` registers (including after remount).
+     * `find()` / `waitForWidget()` can return a destroyed instance; registration always carries the live widget.
+     */
+    #pageListSelectionBindEffect;
     /** Clears the page overlay reactively once VM + widget hydration are both idle. */
     #overlayReleaseEffect;
     isSaveDiscardFooterAction(action) {
@@ -2251,18 +2297,6 @@ class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent {
         }
         await this.vm.goToListPage();
     }
-    async ngAfterViewInit() {
-        const listWidget = (await this.widgetContainer()?.find('page-list_table'));
-        if (listWidget?.api && typeof listWidget.api === 'function') {
-            const onSelectionChange = listWidget.api()['onSelectionChange'];
-            if (onSelectionChange) {
-                this.onSelectionChangeSubscription = onSelectionChange.subscribe((e) => {
-                    this.vm.updatePageSelectedRows(e);
-                    this.recompute();
-                });
-            }
-        }
-    }
     ngOnDestroy() {
         this.onSelectionChangeSubscription?.unsubscribe();
         ++this.keyboardShortcutRegistrationGeneration;
@@ -2289,6 +2323,30 @@ class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent {
         this.footerPrimaryActions.set(footerPrimaryActions);
         this.footerSecondaryActions.set(footerSecondaryActions);
     }
+    /** Whether the active page hosts a related-entity list (`page-list` widget). */
+    pageHasEntityListWidget() {
+        return this.vm.currentPageContent().some((item) => {
+            if ('type' in item && item.type === 'component') {
+                return false;
+            }
+            return item.name === 'page-list';
+        });
+    }
+    /** Subscribes to the live data-list selection stream for Selected-scope header actions. */
+    attachSelectionToListWidget(pageId, generation, widget) {
+        if (generation !== this.pageListSelectionBindGeneration || this.vm.currentPage()?.id !== pageId) {
+            return;
+        }
+        const selectionStream = widget.api()['onSelectionChange'];
+        if (!selectionStream || typeof selectionStream.subscribe !== 'function') {
+            return;
+        }
+        this.onSelectionChangeSubscription?.unsubscribe();
+        this.onSelectionChangeSubscription = selectionStream.subscribe((rows) => {
+            this.vm.updatePageSelectedRows(rows);
+            this.recompute();
+        });
+    }
     handleOnContextChanged(e) {
         if (!this.vm.currentPage()?.isReadonly &&
             !this.getActivePageComponentKey() &&
@@ -2645,10 +2703,11 @@ class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent {
         return 'type' in item && item.type === 'component';
     }
     pageContentTrackKey(item, index) {
+        const pageId = this.vm.currentPage()?.id ?? 'unknown';
         if (AXPLayoutDetailsViewComponent.isComponentPageContent(item)) {
-            return `component:${item.componentKey}`;
+            return `${pageId}:component:${item.componentKey}`;
         }
-        return item.name ?? `widget:${index}`;
+        return `${pageId}:${item.name ?? `widget:${index}`}`;
     }
     /** Whether the active component-based entity page has unsaved edits. */
     isActivePageComponentDirty() {