@acorex/platform 21.0.0-next.3 → 21.0.0-next.34

package/{layout/views/index.d.ts → types/acorex-platform-layout-views.d.ts}

@@ -6,7 +6,7 @@ import { AXClickEvent } from '@acorex/cdk/common';
 import * as i1 from '@acorex/cdk/drawer';
 import { AXDrawerItemDirective } from '@acorex/cdk/drawer';
 import * as _acorex_platform_core from '@acorex/platform/core';
-import { AXPActionMenuItem, AXPBreadcrumbItem, AXPBadge, AXPBackButton, AXPExecuteCommand, AXPDeviceService, AXPExecuteCommandResult, AXPExpressionEvaluatorScope, AXPBroadcastEventService } from '@acorex/platform/core';
+import { AXPActionMenuItem, AXPBreadcrumbItem, AXPBadge, AXPPageStatus, AXPBackButton, AXPExecuteCommand, AXPDeviceService, AXPExecuteCommandResult, AXPExpressionEvaluatorScope, AXPBroadcastEventService, AXPContextChangeEvent } from '@acorex/platform/core';
 import { AXPCommandService, AXPPolicyEngineService } from '@acorex/platform/runtime';
 import { AXPWorkflowService } from '@acorex/platform/workflow';
 import { AXToastService } from '@acorex/components/toast';
@@ -16,9 +16,9 @@ import { AXPSessionService } from '@acorex/platform/auth';
 import { AXPHomePageService } from '@acorex/platform/common';
 import { AXBasePageComponent } from '@acorex/components/page';
 import * as _acorex_platform_layout_widget_core from '@acorex/platform/layout/widget-core';
-import { AXPWidgetNode, AXPPageStatus, AXPWidgetContainerComponent, AXPWidgetCoreContextChangeEvent } from '@acorex/platform/layout/widget-core';
-import { AXFormComponent } from '@acorex/components/form';
+import { AXPWidgetNode, AXPPageStatus as AXPPageStatus$1, AXPWidgetContainerComponent } from '@acorex/platform/layout/widget-core';
 import * as _acorex_platform_layout_views from '@acorex/platform/layout/views';
+import { AXFormComponent } from '@acorex/components/form';
 import { Router, ActivatedRoute } from '@angular/router';
 
 declare abstract class AXPPageLayoutBase {
@@ -31,14 +31,18 @@ declare abstract class AXPPageLayoutBase {
     abstract hasActions: Signal<boolean>;
     abstract breadcrumbs: Signal<AXPBreadcrumbItem[]>;
     abstract title: Signal<string>;
+    abstract titleIcon: Signal<string | null>;
     abstract hasTitle: Signal<boolean>;
+    abstract hasTitleIcon: Signal<boolean>;
     abstract hasDescription: Signal<boolean>;
-    abstract description: Signal<string>;
+    abstract description: Signal<string | null>;
     abstract hasBreadcrumbs: Signal<boolean>;
     abstract hasBadge: Signal<boolean>;
     abstract badge: Signal<AXPBadge | null>;
+    abstract hasStatus: Signal<boolean>;
+    abstract status: Signal<AXPPageStatus | null>;
     abstract hasBackButton: Signal<boolean>;
-    abstract backButton: Signal<AXPBackButton>;
+    abstract backButton: Signal<AXPBackButton | null>;
     abstract onBackButtonClick: () => void | Promise<void>;
     abstract startSideToggle: () => void | Promise<void>;
     abstract execute: (command: AXPExecuteCommand) => void | Promise<void>;
@@ -106,11 +110,13 @@ declare class AXPPageLayoutComponent {
     protected handleBackdropClick(e: AXClickEvent): boolean;
     protected execute(command: AXPExecuteCommand): Promise<void>;
     protected handleOnBackdropClick(event: MouseEvent): void;
+    protected getEntityData(): Record<string, any> | null;
+    protected handleStatusTransition(transition: any): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPPageLayoutComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPPageLayoutComponent, "axp-page-layout", never, {}, {}, never, ["axp-layout-start-side", "axp-page-toolbar", "axp-page-content", "axp-page-footer"], true, [{ directive: typeof i1.AXDrawerContainerDirective; inputs: {}; outputs: {}; }]>;
 }
 
-declare abstract class AXPPageLayoutBaseComponent {
+declare abstract class AXPPageLayoutBaseComponent implements AXPPageLayoutBase {
     #private;
     protected readonly layoutService: {
         currentMode: _angular_core.Signal<_acorex_platform_themes_shared.AXPThemeMode>;
@@ -170,29 +176,35 @@ declare abstract class AXPPageLayoutBaseComponent {
     protected updateTrigger: _angular_core.Signal<number>;
     protected recompute(): void;
     ngOnInit(): Promise<void>;
-    protected title: _angular_core.WritableSignal<string>;
+    title: _angular_core.WritableSignal<string>;
+    titleIcon: _angular_core.WritableSignal<string | null>;
     protected getPageTitle(): string | Promise<string>;
-    private hasTitle;
-    private description;
-    private hasDescription;
+    protected getPageIcon(): string | null | Promise<string | null>;
+    hasTitle: _angular_core.Signal<boolean>;
+    hasTitleIcon: _angular_core.Signal<boolean>;
+    description: _angular_core.WritableSignal<string | null>;
+    hasDescription: _angular_core.Signal<boolean>;
     protected getPageDescription(): string | null | Promise<string | null>;
     private defaultBreadCrumbs;
-    private breadcrumbs;
-    private hasBreadcrumbs;
+    breadcrumbs: _angular_core.WritableSignal<AXPBreadcrumbItem[]>;
+    hasBreadcrumbs: _angular_core.Signal<boolean>;
     protected getPageBreadcrumbs(): AXPBreadcrumbItem[] | Promise<AXPBreadcrumbItem[]>;
-    private badge;
-    private hasBadge;
+    badge: _angular_core.WritableSignal<AXPBadge | null>;
+    hasBadge: _angular_core.Signal<boolean>;
     protected getPageBadge(): AXPBadge | null | Promise<AXPBadge | null>;
+    status: _angular_core.WritableSignal<AXPPageStatus | null>;
+    hasStatus: _angular_core.Signal<boolean>;
+    protected getPageStatus(): AXPPageStatus | null | Promise<AXPPageStatus | null>;
     protected layout: _angular_core.Signal<AXPPageLayoutComponent | undefined>;
     protected toggleEndSide(): void;
     protected toggleStartSide(): void;
     primaryMenuItems: _angular_core.WritableSignal<AXPActionMenuItem[]>;
     hasPrimaryActions: _angular_core.Signal<boolean>;
-    protected getPrimaryMenuItems(): AXPActionMenuItem[] | Promise<AXPActionMenuItem[]>;
+    getPrimaryMenuItems(): AXPActionMenuItem[] | Promise<AXPActionMenuItem[]>;
     secondaryMenuItems: _angular_core.WritableSignal<AXPActionMenuItem[]>;
     hasSecondaryActions: _angular_core.Signal<boolean>;
     hasActions: _angular_core.Signal<boolean>;
-    protected getSecondaryMenuItems(): AXPActionMenuItem[] | Promise<AXPActionMenuItem[]>;
+    getSecondaryMenuItems(): AXPActionMenuItem[] | Promise<AXPActionMenuItem[]>;
     titleActions: _angular_core.WritableSignal<AXPActionMenuItem[]>;
     hasTitleActions: _angular_core.Signal<boolean>;
     protected getTitleActions(): AXPActionMenuItem[] | Promise<AXPActionMenuItem[]>;
@@ -361,6 +373,11 @@ interface AXPLayoutDetailsViewAction extends AXPActionMenuItem {
     zone: 'header' | 'footer';
     priority: 'primary' | 'secondary';
 }
+type AXPPageContentItem = AXPWidgetNode | {
+    type: 'component';
+    componentKey: string;
+    pageConfig?: Record<string, unknown>;
+};
 interface AXPLayoutDetailsViewTabItem {
     id: string;
     title: string;
@@ -376,21 +393,33 @@ interface AXPLayoutDetailsViewPage {
     label: string;
     description?: string;
     icon?: string;
-    content?: AXPWidgetNode[];
+    /**
+     * Content can be either widget nodes or component references
+     */
+    content?: AXPPageContentItem[];
     tabs?: AXPLayoutDetailsViewTabItem[];
+    /**
+     * Static actions array (legacy, use getActions for reactive actions)
+     */
     actions?: AXPLayoutDetailsViewAction[];
+    /**
+     * Function to get actions dynamically (supports reactive updates from component instances)
+     */
+    getActions?: () => Promise<AXPLayoutDetailsViewAction[]>;
     isPrimary?: boolean;
     isReadonly?: boolean;
     settings?: {
         commands?: {
             accept?: {
                 title: string;
+                icon?: string;
                 color: string;
                 visible?: string | boolean;
                 command: AXPExecuteCommand;
             };
             reject?: {
                 title: string;
+                icon?: string;
                 color: string;
                 visible?: string | boolean;
                 command: AXPExecuteCommand;
@@ -410,8 +439,10 @@ interface AXPLayoutDetailsViewAdapter {
     breadcrumbs?: AXPBreadcrumbItem[];
     pages: AXPLayoutDetailsViewPage[];
     execute?: (command: AXPExecuteCommand, context: {}) => Promise<AXPExecuteCommandResult>;
-    load?: (params?: Record<string, any>) => Promise<AXPExecuteCommandResult>;
+    load?: (params?: Record<string, unknown>) => Promise<AXPExecuteCommandResult>;
     exitUrl?: string;
+    getPageBadge?: (context: Record<string, unknown>, isDirty: boolean) => Promise<AXPBadge | null>;
+    getPageStatus?: (context: Record<string, unknown>, currentPage: AXPLayoutDetailsViewPage | null) => Promise<AXPPageStatus | null>;
 }
 
 declare const AXPLayoutDetailsViewViewModel: _angular_core.Type<{
@@ -420,7 +451,7 @@ declare const AXPLayoutDetailsViewViewModel: _angular_core.Type<{
     previousContext: _angular_core.Signal<Record<string, any>>;
     context: _angular_core.Signal<Record<string, any>>;
     scope: _angular_core.Signal<AXPExpressionEvaluatorScope | null>;
-    status: _angular_core.Signal<AXPPageStatus>;
+    status: _angular_core.Signal<AXPPageStatus$1>;
     currentPage: _angular_core.Signal<AXPLayoutDetailsViewPage | null>;
     currentTab: _angular_core.Signal<AXPLayoutDetailsViewTabItem | null>;
     pageSelectedRows: _angular_core.Signal<any[]>;
@@ -428,8 +459,10 @@ declare const AXPLayoutDetailsViewViewModel: _angular_core.Type<{
         tabId: string;
         tab: AXPLayoutDetailsViewTabItem;
     }[]>>;
+    evaluatedPageContent: _angular_core.Signal<AXPWidgetNode[]>;
+    evaluatedTabContentsById: _angular_core.Signal<Record<string, AXPWidgetNode[]>>;
     icon: _angular_core.Signal<string | null>;
-    content: _angular_core.Signal<_acorex_platform_layout_widget_core.AXPWidgetNode[]>;
+    content: _angular_core.Signal<_acorex_platform_layout_views.AXPPageContentItem[]>;
     showPages: _angular_core.Signal<boolean>;
     isLarge: _angular_core.Signal<boolean>;
     isBusy: _angular_core.Signal<boolean>;
@@ -451,12 +484,12 @@ declare const AXPLayoutDetailsViewViewModel: _angular_core.Type<{
     currentPageDescription: () => string | null;
     currentPagePrimaryActions: () => Promise<any>;
     currentPageSecondaryActions: () => Promise<any>;
-    currentPageContent: () => _acorex_platform_layout_widget_core.AXPWidgetNode[] | undefined;
+    currentPageContent: () => AXPWidgetNode[];
     currentPageTabs: () => AXPLayoutDetailsViewTabItem[] | undefined;
     setCurrentPage: (page: AXPLayoutDetailsViewPage | null) => void;
     setCurrentTab: (tab: AXPLayoutDetailsViewTabItem) => void;
-    getCurrentTabContent: () => _acorex_platform_layout_widget_core.AXPWidgetNode[];
-    getRenderedTabContent: (tabId: string) => _acorex_platform_layout_widget_core.AXPWidgetNode[];
+    getCurrentTabContent: () => AXPWidgetNode[];
+    getRenderedTabContent: (tabId: string) => AXPWidgetNode[];
     clearPageTabCache: (pageId: string) => void;
     title: () => string | null;
     backButtonTitle: () => string | null;
@@ -478,7 +511,7 @@ declare const AXPLayoutDetailsViewViewModel: _angular_core.Type<{
     previousContext: Record<string, any>;
     context: Record<string, any>;
     scope: AXPExpressionEvaluatorScope | null;
-    status: AXPPageStatus;
+    status: AXPPageStatus$1;
     currentPage: AXPLayoutDetailsViewPage | null;
     currentTab: AXPLayoutDetailsViewTabItem | null;
     pageSelectedRows: any[];
@@ -486,6 +519,8 @@ declare const AXPLayoutDetailsViewViewModel: _angular_core.Type<{
         tabId: string;
         tab: AXPLayoutDetailsViewTabItem;
     }>>;
+    evaluatedPageContent: AXPWidgetNode[];
+    evaluatedTabContentsById: Record<string, AXPWidgetNode[]>;
 }>>;
 
 declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent implements OnInit, OnDestroy {
@@ -505,8 +540,10 @@ declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent i
             tabId: string;
             tab: _acorex_platform_layout_views.AXPLayoutDetailsViewTabItem;
         }[]>>;
+        evaluatedPageContent: _angular_core.Signal<_acorex_platform_layout_widget_core.AXPWidgetNode[]>;
+        evaluatedTabContentsById: _angular_core.Signal<Record<string, _acorex_platform_layout_widget_core.AXPWidgetNode[]>>;
         icon: _angular_core.Signal<string | null>;
-        content: _angular_core.Signal<_acorex_platform_layout_widget_core.AXPWidgetNode[]>;
+        content: _angular_core.Signal<_acorex_platform_layout_views.AXPPageContentItem[]>;
         showPages: _angular_core.Signal<boolean>;
         isLarge: _angular_core.Signal<boolean>;
         isBusy: _angular_core.Signal<boolean>;
@@ -528,7 +565,7 @@ declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent i
         currentPageDescription: () => string | null;
         currentPagePrimaryActions: () => Promise<any>;
         currentPageSecondaryActions: () => Promise<any>;
-        currentPageContent: () => _acorex_platform_layout_widget_core.AXPWidgetNode[] | undefined;
+        currentPageContent: () => _acorex_platform_layout_widget_core.AXPWidgetNode[];
         currentPageTabs: () => _acorex_platform_layout_views.AXPLayoutDetailsViewTabItem[] | undefined;
         setCurrentPage: (page: AXPLayoutDetailsViewPage | null) => void;
         setCurrentTab: (tab: _acorex_platform_layout_views.AXPLayoutDetailsViewTabItem) => void;
@@ -563,11 +600,14 @@ declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent i
             tabId: string;
             tab: _acorex_platform_layout_views.AXPLayoutDetailsViewTabItem;
         }>>;
+        evaluatedPageContent: _acorex_platform_layout_widget_core.AXPWidgetNode[];
+        evaluatedTabContentsById: Record<string, _acorex_platform_layout_widget_core.AXPWidgetNode[]>;
     }>;
     protected router: Router;
     protected route: ActivatedRoute;
     protected eventService: AXPBroadcastEventService;
     protected deviceService: AXPDeviceService;
+    private settingsService;
     private onSelectionChangeSubscription?;
     private readonly destroyed$;
     protected form: _angular_core.Signal<AXFormComponent | undefined>;
@@ -585,18 +625,24 @@ declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent i
     ngOnInit(): Promise<void>;
     ngAfterViewInit(): Promise<void>;
     ngOnDestroy(): void;
-    protected handleOnContextChanged(e: AXPWidgetCoreContextChangeEvent): void;
+    protected handleOnContextChanged(e: AXPContextChangeEvent): void;
     protected handleSelectPage(page: AXPLayoutDetailsViewPage): void;
     protected getAllPrimaryActions(): Promise<AXPLayoutDetailsViewAction[]>;
-    protected getPrimaryMenuItems(): Promise<AXPActionMenuItem[]>;
+    getPrimaryMenuItems(): Promise<AXPActionMenuItem[]>;
     protected getFooterPrimaryActions(): Promise<AXPActionMenuItem[]>;
     protected getAllSecondaryActions(): Promise<AXPLayoutDetailsViewAction[]>;
-    protected getSecondaryMenuItems(): Promise<AXPActionMenuItem[]>;
+    getSecondaryMenuItems(): Promise<AXPActionMenuItem[]>;
     protected getFooterSecondaryActions(): Promise<AXPActionMenuItem[]>;
     protected getPageBreadcrumbs(): Promise<AXPBreadcrumbItem[]>;
     protected getPageTitle(): Promise<string>;
     getPageDescription(): Promise<string | null>;
     getBackButton(): Promise<AXPBackButton | null>;
+    getPageBadge(): Promise<AXPBadge | null>;
+    getPageStatus(): Promise<AXPPageStatus | null>;
+    /**
+     * Get entity data for status chip component
+     */
+    getEntityData(): Record<string, any> | null;
     onBackButtonClick(): Promise<void>;
     execute(command: AXPExecuteCommand): Promise<void>;
     protected handleKeyboardEvent(event: KeyboardEvent): Promise<void>;
@@ -604,5 +650,18 @@ declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent i
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPLayoutDetailsViewComponent, "axp-layout-details-view", never, { "adapter": { "alias": "adapter"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { AXPLayoutDetailsViewComponent, AXPLayoutDetailsViewViewModel, AXPPageLayoutBase, AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPopupLayoutBase, AXPPopupLayoutBaseComponent, AXPPopupLayoutComponent };
-export type { AXPLayoutDetailsViewAction, AXPLayoutDetailsViewAdapter, AXPLayoutDetailsViewPage, AXPLayoutDetailsViewTabItem };
+/**
+ * Registry of rendered page component instances by component key.
+ * Used so page execute can delegate to the actual component instance in the view.
+ */
+declare class AXPPageComponentInstanceRegistryService {
+    private readonly instances;
+    register(key: string, instance: AXPPageLayoutBaseComponent): void;
+    unregister(key: string): void;
+    get(key: string): AXPPageLayoutBaseComponent | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPPageComponentInstanceRegistryService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPPageComponentInstanceRegistryService>;
+}
+
+export { AXPLayoutDetailsViewComponent, AXPLayoutDetailsViewViewModel, AXPPageComponentInstanceRegistryService, AXPPageLayoutBase, AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPopupLayoutBase, AXPPopupLayoutBaseComponent, AXPPopupLayoutComponent };
+export type { AXPLayoutDetailsViewAction, AXPLayoutDetailsViewAdapter, AXPLayoutDetailsViewPage, AXPLayoutDetailsViewTabItem, AXPPageContentItem };