@acorex/platform 21.0.0-next.8 → 21.0.0-next.85

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

@@ -6,19 +6,22 @@ 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, AXPMultiLanguageString, AXPBadge, AXPPageStatus, AXPBackButton, AXPExecuteCommand, AXPDeviceService, AXPKeyboardShortcut, AXPExecuteCommandResult, AXPExpressionEvaluatorScope, AXPBroadcastEventService, AXPContextChangeEvent, AXPKeyboardShortcutChord } from '@acorex/platform/core';
 import { AXPCommandService, AXPPolicyEngineService } from '@acorex/platform/runtime';
 import { AXPWorkflowService } from '@acorex/platform/workflow';
+import * as _acorex_core_translation from '@acorex/core/translation';
+import { AXTranslationService } from '@acorex/core/translation';
 import { AXToastService } from '@acorex/components/toast';
 import { AXFormatService } from '@acorex/core/format';
-import { AXTranslationService } from '@acorex/core/translation';
 import { AXPSessionService } from '@acorex/platform/auth';
-import { AXPHomePageService } from '@acorex/platform/common';
+import { AXPHomePageService, AXPSettingsService, AXPEntityCommandScope } 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 { AXTabStripChangedEvent } from '@acorex/components/tabs';
+import * as _angular_router from '@angular/router';
 import { Router, ActivatedRoute } from '@angular/router';
 
 declare abstract class AXPPageLayoutBase {
@@ -30,18 +33,26 @@ declare abstract class AXPPageLayoutBase {
     abstract hasSecondaryActions: Signal<boolean>;
     abstract hasActions: Signal<boolean>;
     abstract breadcrumbs: Signal<AXPBreadcrumbItem[]>;
-    abstract title: Signal<string>;
+    abstract title: Signal<AXPMultiLanguageString>;
+    abstract titleIcon: Signal<string | null>;
     abstract hasTitle: Signal<boolean>;
+    abstract hasTitleIcon: Signal<boolean>;
     abstract hasDescription: Signal<boolean>;
-    abstract description: Signal<string>;
+    abstract description: Signal<AXPMultiLanguageString | 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>;
+    /** Whether the page has user-origin edits that are not yet persisted. */
+    abstract hasUnsavedChanges(): boolean;
+    /** Resolves the page title badge (used by host layouts for nested entity pages). */
+    abstract resolvePageBadge(): AXPBadge | null | Promise<AXPBadge | null>;
 }
 
 declare class AXPPageLayoutComponent {
@@ -60,7 +71,10 @@ declare class AXPPageLayoutComponent {
         overlayLoadingTaskCount: _angular_core.Signal<number>;
         navigationLoadingTaskCount: _angular_core.Signal<number>;
         sideMenuState: _angular_core.Signal<_acorex_platform_themes_shared.AXPSideMenuState>;
+        overlaySideMenuOpen: _angular_core.Signal<boolean>;
         sideMenuWidth: _angular_core.Signal<number>;
+        sideMenuCompactWidth: _angular_core.Signal<number>;
+        menuVerticalMode: _angular_core.Signal<_acorex_platform_themes_shared.AXPMenuVerticalMode>;
         menuOrientation: _angular_core.Signal<_acorex_platform_themes_shared.AXPMenuOrientation>;
         isPrinting: _angular_core.Signal<boolean>;
         isDarkMode: _angular_core.Signal<boolean>;
@@ -70,10 +84,14 @@ declare class AXPPageLayoutComponent {
         isOverlayLoading: _angular_core.Signal<boolean>;
         isNavigationLoading: _angular_core.Signal<boolean>;
         isMenuHorizontal: _angular_core.Signal<boolean>;
+        effectiveMenuVerticalMode: _angular_core.Signal<_acorex_platform_themes_shared.AXPMenuVerticalMode>;
+        sideMenuDrawerWidth: _angular_core.Signal<number>;
         changeThemeMode: (theme: _acorex_platform_themes_shared.AXPThemeMode) => void;
         openSideMenu: () => void;
         closeSideMenu: () => void;
         setSideMenuWidth: (width: number) => void;
+        setSideMenuCompactWidth: (width: number) => void;
+        setSideMenuDrawerWidth: (width: number) => void;
         toggleSideMenu: () => void;
         setNavigationLoading: (value: boolean, delay?: number) => void;
         setOverlayLoading: (value: boolean, delay?: number) => void;
@@ -91,7 +109,10 @@ declare class AXPPageLayoutComponent {
         overlayLoadingTaskCount: number;
         navigationLoadingTaskCount: number;
         sideMenuState: _acorex_platform_themes_shared.AXPSideMenuState;
+        overlaySideMenuOpen: boolean;
         sideMenuWidth: number;
+        sideMenuCompactWidth: number;
+        menuVerticalMode: _acorex_platform_themes_shared.AXPMenuVerticalMode;
         menuOrientation: _acorex_platform_themes_shared.AXPMenuOrientation;
         isPrinting: boolean;
     }>;
@@ -106,11 +127,19 @@ declare class AXPPageLayoutComponent {
     protected handleBackdropClick(e: AXClickEvent): boolean;
     protected execute(command: AXPExecuteCommand): Promise<void>;
     protected handleOnBackdropClick(event: MouseEvent): void;
+    /**
+     * Breadcrumbs and other in-page `navigate` commands bypass `routerLink`, so prompt here
+     * when the hosted page implements {@link AXPUnsavedChangesCanDeactivate}.
+     * A successful confirm sets `leaveConfirmed` for the router guard on the subsequent navigation.
+     */
+    private canLeaveCurrentPage;
+    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>;
@@ -125,7 +154,10 @@ declare abstract class AXPPageLayoutBaseComponent {
         overlayLoadingTaskCount: _angular_core.Signal<number>;
         navigationLoadingTaskCount: _angular_core.Signal<number>;
         sideMenuState: _angular_core.Signal<_acorex_platform_themes_shared.AXPSideMenuState>;
+        overlaySideMenuOpen: _angular_core.Signal<boolean>;
         sideMenuWidth: _angular_core.Signal<number>;
+        sideMenuCompactWidth: _angular_core.Signal<number>;
+        menuVerticalMode: _angular_core.Signal<_acorex_platform_themes_shared.AXPMenuVerticalMode>;
         menuOrientation: _angular_core.Signal<_acorex_platform_themes_shared.AXPMenuOrientation>;
         isPrinting: _angular_core.Signal<boolean>;
         isDarkMode: _angular_core.Signal<boolean>;
@@ -135,10 +167,14 @@ declare abstract class AXPPageLayoutBaseComponent {
         isOverlayLoading: _angular_core.Signal<boolean>;
         isNavigationLoading: _angular_core.Signal<boolean>;
         isMenuHorizontal: _angular_core.Signal<boolean>;
+        effectiveMenuVerticalMode: _angular_core.Signal<_acorex_platform_themes_shared.AXPMenuVerticalMode>;
+        sideMenuDrawerWidth: _angular_core.Signal<number>;
         changeThemeMode: (theme: _acorex_platform_themes_shared.AXPThemeMode) => void;
         openSideMenu: () => void;
         closeSideMenu: () => void;
         setSideMenuWidth: (width: number) => void;
+        setSideMenuCompactWidth: (width: number) => void;
+        setSideMenuDrawerWidth: (width: number) => void;
         toggleSideMenu: () => void;
         setNavigationLoading: (value: boolean, delay?: number) => void;
         setOverlayLoading: (value: boolean, delay?: number) => void;
@@ -156,7 +192,10 @@ declare abstract class AXPPageLayoutBaseComponent {
         overlayLoadingTaskCount: number;
         navigationLoadingTaskCount: number;
         sideMenuState: _acorex_platform_themes_shared.AXPSideMenuState;
+        overlaySideMenuOpen: boolean;
         sideMenuWidth: number;
+        sideMenuCompactWidth: number;
+        menuVerticalMode: _acorex_platform_themes_shared.AXPMenuVerticalMode;
         menuOrientation: _acorex_platform_themes_shared.AXPMenuOrientation;
         isPrinting: boolean;
     }>;
@@ -166,33 +205,42 @@ declare abstract class AXPPageLayoutBaseComponent {
     protected readonly toastService: AXToastService;
     protected readonly homePageService: AXPHomePageService;
     protected readonly policyService: AXPPolicyEngineService;
+    protected readonly settingsService: AXPSettingsService;
     private _updateTrigger;
     protected updateTrigger: _angular_core.Signal<number>;
     protected recompute(): void;
     ngOnInit(): Promise<void>;
-    protected title: _angular_core.WritableSignal<string>;
-    protected getPageTitle(): string | Promise<string>;
-    private hasTitle;
-    private description;
-    private hasDescription;
-    protected getPageDescription(): string | null | Promise<string | null>;
+    title: _angular_core.WritableSignal<_acorex_core_translation.AXMultiLanguageString>;
+    titleIcon: _angular_core.WritableSignal<string | null>;
+    protected getPageTitle(): AXPMultiLanguageString | Promise<AXPMultiLanguageString>;
+    protected getPageIcon(): string | null | Promise<string | null>;
+    hasTitle: _angular_core.Signal<boolean>;
+    hasTitleIcon: _angular_core.Signal<boolean>;
+    description: _angular_core.WritableSignal<_acorex_core_translation.AXMultiLanguageString | null>;
+    hasDescription: _angular_core.Signal<boolean>;
+    protected getPageDescription(): AXPMultiLanguageString | null | Promise<AXPMultiLanguageString | 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;
-    protected getPageBadge(): AXPBadge | null | Promise<AXPBadge | null>;
+    badge: _angular_core.WritableSignal<AXPBadge | null>;
+    hasBadge: _angular_core.Signal<boolean>;
+    hasUnsavedChanges(): boolean;
+    protected getPageBadge(): Promise<AXPBadge | null>;
+    resolvePageBadge(): 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[]>;
@@ -200,12 +248,26 @@ declare abstract class AXPPageLayoutBaseComponent {
     hasBackButton: _angular_core.Signal<boolean>;
     protected getBackButton(): (AXPBackButton | null) | Promise<AXPBackButton | null>;
     execute(command: AXPExecuteCommand): void | Promise<void>;
+    /**
+     * Optional partial context to merge into the create/update wizard when leaving a page step.
+     * Override when the page keeps edits in local state instead of the shared form context.
+     */
+    getWizardStepContext(): Record<string, unknown> | null;
     startSideToggle(): void | Promise<void>;
     onBackButtonClick(): void | Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPPageLayoutBaseComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPPageLayoutBaseComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * Builds the standard "Not Saved" page badge when the global show-page-badge setting is enabled.
+ */
+declare function buildNotSavedPageBadge(translateService: AXTranslationService, settingsService: AXPSettingsService): Promise<AXPBadge | null>;
+/**
+ * Whether a command name represents a discard/revert action on a details sub-page.
+ */
+declare function isDiscardCommand(commandName: string, rejectCommandName?: string | null): boolean;
+
 declare abstract class AXPPopupLayoutBase {
     abstract primaryMenuItems: Signal<AXPActionMenuItem[]>;
     abstract secondaryMenuItems: Signal<AXPActionMenuItem[]>;
@@ -235,7 +297,10 @@ declare class AXPPopupLayoutComponent {
         overlayLoadingTaskCount: _angular_core.Signal<number>;
         navigationLoadingTaskCount: _angular_core.Signal<number>;
         sideMenuState: _angular_core.Signal<_acorex_platform_themes_shared.AXPSideMenuState>;
+        overlaySideMenuOpen: _angular_core.Signal<boolean>;
         sideMenuWidth: _angular_core.Signal<number>;
+        sideMenuCompactWidth: _angular_core.Signal<number>;
+        menuVerticalMode: _angular_core.Signal<_acorex_platform_themes_shared.AXPMenuVerticalMode>;
         menuOrientation: _angular_core.Signal<_acorex_platform_themes_shared.AXPMenuOrientation>;
         isPrinting: _angular_core.Signal<boolean>;
         isDarkMode: _angular_core.Signal<boolean>;
@@ -245,10 +310,14 @@ declare class AXPPopupLayoutComponent {
         isOverlayLoading: _angular_core.Signal<boolean>;
         isNavigationLoading: _angular_core.Signal<boolean>;
         isMenuHorizontal: _angular_core.Signal<boolean>;
+        effectiveMenuVerticalMode: _angular_core.Signal<_acorex_platform_themes_shared.AXPMenuVerticalMode>;
+        sideMenuDrawerWidth: _angular_core.Signal<number>;
         changeThemeMode: (theme: _acorex_platform_themes_shared.AXPThemeMode) => void;
         openSideMenu: () => void;
         closeSideMenu: () => void;
         setSideMenuWidth: (width: number) => void;
+        setSideMenuCompactWidth: (width: number) => void;
+        setSideMenuDrawerWidth: (width: number) => void;
         toggleSideMenu: () => void;
         setNavigationLoading: (value: boolean, delay?: number) => void;
         setOverlayLoading: (value: boolean, delay?: number) => void;
@@ -266,7 +335,10 @@ declare class AXPPopupLayoutComponent {
         overlayLoadingTaskCount: number;
         navigationLoadingTaskCount: number;
         sideMenuState: _acorex_platform_themes_shared.AXPSideMenuState;
+        overlaySideMenuOpen: boolean;
         sideMenuWidth: number;
+        sideMenuCompactWidth: number;
+        menuVerticalMode: _acorex_platform_themes_shared.AXPMenuVerticalMode;
         menuOrientation: _acorex_platform_themes_shared.AXPMenuOrientation;
         isPrinting: boolean;
     }>;
@@ -294,7 +366,10 @@ declare abstract class AXPPopupLayoutBaseComponent extends AXBasePageComponent {
         overlayLoadingTaskCount: _angular_core.Signal<number>;
         navigationLoadingTaskCount: _angular_core.Signal<number>;
         sideMenuState: _angular_core.Signal<_acorex_platform_themes_shared.AXPSideMenuState>;
+        overlaySideMenuOpen: _angular_core.Signal<boolean>;
         sideMenuWidth: _angular_core.Signal<number>;
+        sideMenuCompactWidth: _angular_core.Signal<number>;
+        menuVerticalMode: _angular_core.Signal<_acorex_platform_themes_shared.AXPMenuVerticalMode>;
         menuOrientation: _angular_core.Signal<_acorex_platform_themes_shared.AXPMenuOrientation>;
         isPrinting: _angular_core.Signal<boolean>;
         isDarkMode: _angular_core.Signal<boolean>;
@@ -304,10 +379,14 @@ declare abstract class AXPPopupLayoutBaseComponent extends AXBasePageComponent {
         isOverlayLoading: _angular_core.Signal<boolean>;
         isNavigationLoading: _angular_core.Signal<boolean>;
         isMenuHorizontal: _angular_core.Signal<boolean>;
+        effectiveMenuVerticalMode: _angular_core.Signal<_acorex_platform_themes_shared.AXPMenuVerticalMode>;
+        sideMenuDrawerWidth: _angular_core.Signal<number>;
         changeThemeMode: (theme: _acorex_platform_themes_shared.AXPThemeMode) => void;
         openSideMenu: () => void;
         closeSideMenu: () => void;
         setSideMenuWidth: (width: number) => void;
+        setSideMenuCompactWidth: (width: number) => void;
+        setSideMenuDrawerWidth: (width: number) => void;
         toggleSideMenu: () => void;
         setNavigationLoading: (value: boolean, delay?: number) => void;
         setOverlayLoading: (value: boolean, delay?: number) => void;
@@ -325,7 +404,10 @@ declare abstract class AXPPopupLayoutBaseComponent extends AXBasePageComponent {
         overlayLoadingTaskCount: number;
         navigationLoadingTaskCount: number;
         sideMenuState: _acorex_platform_themes_shared.AXPSideMenuState;
+        overlaySideMenuOpen: boolean;
         sideMenuWidth: number;
+        sideMenuCompactWidth: number;
+        menuVerticalMode: _acorex_platform_themes_shared.AXPMenuVerticalMode;
         menuOrientation: _acorex_platform_themes_shared.AXPMenuOrientation;
         isPrinting: boolean;
     }>;
@@ -360,7 +442,13 @@ declare abstract class AXPPopupLayoutBaseComponent extends AXBasePageComponent {
 interface AXPLayoutDetailsViewAction extends AXPActionMenuItem {
     zone: 'header' | 'footer';
     priority: 'primary' | 'secondary';
+    scope?: AXPEntityCommandScope;
 }
+type AXPPageContentItem = AXPWidgetNode | {
+    type: 'component';
+    componentKey: string;
+    pageConfig?: Record<string, unknown>;
+};
 interface AXPLayoutDetailsViewTabItem {
     id: string;
     title: string;
@@ -372,28 +460,42 @@ interface AXPLayoutDetailsViewTabItem {
 }
 interface AXPLayoutDetailsViewPage {
     id: string;
-    title: string;
-    label: string;
-    description?: string;
+    title: AXPMultiLanguageString;
+    label: AXPMultiLanguageString;
+    description?: AXPMultiLanguageString;
     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;
+                shortcuts?: AXPKeyboardShortcut[];
             };
             reject?: {
                 title: string;
+                icon?: string;
                 color: string;
                 visible?: string | boolean;
                 command: AXPExecuteCommand;
+                shortcuts?: AXPKeyboardShortcut[];
             };
         };
     };
@@ -402,16 +504,18 @@ interface AXPLayoutDetailsViewPage {
 }
 interface AXPLayoutDetailsViewAdapter {
     name: string;
-    title?: string;
-    label?: string;
-    description?: string;
+    title?: AXPMultiLanguageString;
+    label?: AXPMultiLanguageString;
+    description?: AXPMultiLanguageString;
     icon?: string;
     actions?: AXPLayoutDetailsViewAction[];
     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,57 +524,53 @@ 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[]>;
-    renderedTabsCache: _angular_core.Signal<Record<string, {
-        tabId: string;
-        tab: AXPLayoutDetailsViewTabItem;
-    }[]>>;
+    evaluatedPageContent: _angular_core.Signal<AXPWidgetNode[]>;
+    evaluatedTabContentsById: _angular_core.Signal<Record<string, AXPWidgetNode[]>>;
+    formDirty: _angular_core.Signal<boolean>;
     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>;
     isSaving: _angular_core.Signal<boolean>;
     isDirty: _angular_core.Signal<boolean>;
-    changesCount: _angular_core.Signal<number>;
+    changesCount: _angular_core.Signal<1 | 0>;
     isLoaded: _angular_core.Signal<boolean>;
     currentPageSelectedRows: _angular_core.Signal<any[]>;
-    currentPageRenderedTabs: _angular_core.Signal<{
-        tabId: string;
-        tab: AXPLayoutDetailsViewTabItem;
-    }[]>;
+    activeTabContent: _angular_core.Signal<AXPWidgetNode[]>;
     loadAdapter: (adapter: AXPLayoutDetailsViewAdapter) => Promise<void>;
     loadPage: (pageId?: string, forceRefresh?: boolean) => Promise<void>;
     load: (adapter: AXPLayoutDetailsViewAdapter) => Promise<void>;
     updateContext: (context: any) => void;
+    setFormDirty: (dirty: boolean) => void;
     updatePageSelectedRows: (rows: any[]) => void;
-    currentPageTitle: () => string | null;
-    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[];
-    clearPageTabCache: (pageId: string) => void;
-    title: () => string | null;
-    backButtonTitle: () => string | null;
-    description: () => string | null;
+    backButtonTitle: () => _acorex_core_translation.AXMultiLanguageString;
+    getPageTitle: () => Promise<AXPMultiLanguageString>;
+    getPageDescription: () => Promise<AXPMultiLanguageString | null>;
+    getBackButton: () => Promise<AXPBackButton | null>;
+    getPageBadge: () => Promise<AXPBadge | null>;
+    getPageStatus: () => Promise<AXPPageStatus | null>;
     primaryActions: () => Promise<any>;
     secondaryActions: () => Promise<any>;
     breadcrumbs: () => Promise<{
-        title: string;
+        title: _acorex_core_translation.AXMultiLanguageString;
         name?: string;
         icon?: string;
         command?: AXPExecuteCommand;
     }[]>;
+    applySavedState: (context: Record<string, unknown>) => void;
     discard: () => Promise<void>;
-    save: (command: AXPExecuteCommand, form: AXFormComponent) => Promise<void>;
+    save: (command: AXPExecuteCommand, form: AXFormComponent, liveContext?: Record<string, unknown>) => Promise<boolean>;
     goToListPage: () => void;
 } & _ngrx_signals.StateSource<{
     adapter: AXPLayoutDetailsViewAdapter | null;
@@ -478,14 +578,13 @@ 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[];
-    renderedTabsCache: Record<string, Array<{
-        tabId: string;
-        tab: AXPLayoutDetailsViewTabItem;
-    }>>;
+    evaluatedPageContent: AXPWidgetNode[];
+    evaluatedTabContentsById: Record<string, AXPWidgetNode[]>;
+    formDirty: boolean;
 }>>;
 
 declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent implements OnInit, OnDestroy {
@@ -501,53 +600,49 @@ declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent i
         currentPage: _angular_core.Signal<AXPLayoutDetailsViewPage | null>;
         currentTab: _angular_core.Signal<_acorex_platform_layout_views.AXPLayoutDetailsViewTabItem | null>;
         pageSelectedRows: _angular_core.Signal<any[]>;
-        renderedTabsCache: _angular_core.Signal<Record<string, {
-            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[]>>;
+        formDirty: _angular_core.Signal<boolean>;
         icon: _angular_core.Signal<string | null>;
-        content: _angular_core.Signal<_acorex_platform_layout_widget_core.AXPWidgetNode[]>;
+        content: _angular_core.Signal<AXPPageContentItem[]>;
         showPages: _angular_core.Signal<boolean>;
         isLarge: _angular_core.Signal<boolean>;
         isBusy: _angular_core.Signal<boolean>;
         isSaving: _angular_core.Signal<boolean>;
         isDirty: _angular_core.Signal<boolean>;
-        changesCount: _angular_core.Signal<number>;
+        changesCount: _angular_core.Signal<1 | 0>;
         isLoaded: _angular_core.Signal<boolean>;
         currentPageSelectedRows: _angular_core.Signal<any[]>;
-        currentPageRenderedTabs: _angular_core.Signal<{
-            tabId: string;
-            tab: _acorex_platform_layout_views.AXPLayoutDetailsViewTabItem;
-        }[]>;
+        activeTabContent: _angular_core.Signal<_acorex_platform_layout_widget_core.AXPWidgetNode[]>;
         loadAdapter: (adapter: AXPLayoutDetailsViewAdapter) => Promise<void>;
         loadPage: (pageId?: string, forceRefresh?: boolean) => Promise<void>;
         load: (adapter: AXPLayoutDetailsViewAdapter) => Promise<void>;
         updateContext: (context: any) => void;
+        setFormDirty: (dirty: boolean) => void;
         updatePageSelectedRows: (rows: any[]) => void;
-        currentPageTitle: () => string | null;
-        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;
-        getCurrentTabContent: () => _acorex_platform_layout_widget_core.AXPWidgetNode[];
-        getRenderedTabContent: (tabId: string) => _acorex_platform_layout_widget_core.AXPWidgetNode[];
-        clearPageTabCache: (pageId: string) => void;
-        title: () => string | null;
-        backButtonTitle: () => string | null;
-        description: () => string | null;
+        backButtonTitle: () => _acorex_core_translation.AXMultiLanguageString;
+        getPageTitle: () => Promise<AXPMultiLanguageString>;
+        getPageDescription: () => Promise<AXPMultiLanguageString | null>;
+        getBackButton: () => Promise<AXPBackButton | null>;
+        getPageBadge: () => Promise<AXPBadge | null>;
+        getPageStatus: () => Promise<AXPPageStatus | null>;
         primaryActions: () => Promise<any>;
         secondaryActions: () => Promise<any>;
         breadcrumbs: () => Promise<{
-            title: string;
+            title: _acorex_core_translation.AXMultiLanguageString;
             name?: string;
             icon?: string;
             command?: AXPExecuteCommand;
         }[]>;
+        applySavedState: (context: Record<string, unknown>) => void;
         discard: () => Promise<void>;
-        save: (command: AXPExecuteCommand, form: AXFormComponent) => Promise<void>;
+        save: (command: AXPExecuteCommand, form: AXFormComponent, liveContext?: Record<string, unknown>) => Promise<boolean>;
         goToListPage: () => void;
     } & _ngrx_signals.StateSource<{
         adapter: AXPLayoutDetailsViewAdapter | null;
@@ -559,24 +654,63 @@ declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent i
         currentPage: AXPLayoutDetailsViewPage | null;
         currentTab: _acorex_platform_layout_views.AXPLayoutDetailsViewTabItem | null;
         pageSelectedRows: any[];
-        renderedTabsCache: Record<string, Array<{
-            tabId: string;
-            tab: _acorex_platform_layout_views.AXPLayoutDetailsViewTabItem;
-        }>>;
+        evaluatedPageContent: _acorex_platform_layout_widget_core.AXPWidgetNode[];
+        evaluatedTabContentsById: Record<string, _acorex_platform_layout_widget_core.AXPWidgetNode[]>;
+        formDirty: boolean;
     }>;
     protected router: Router;
     protected route: ActivatedRoute;
     protected eventService: AXPBroadcastEventService;
     protected deviceService: AXPDeviceService;
+    private readonly unsavedChangesConfirm;
+    private readonly unsavedChangesPopstate;
+    private readonly pageComponentInstanceRegistry;
+    private readonly shortcutRegistry;
+    private readonly destroyRef;
+    private readonly elementRef;
     private onSelectionChangeSubscription?;
+    /** Prevents sidebar tab init events from pushing history before {@link ngOnInit} load completes. */
+    private detailsLayoutReady;
     private readonly destroyed$;
+    private footerActionsGeneration;
+    private keyboardShortcutRegistrationGeneration;
+    /** Header actions with resolved shortcut chords, keyed by command name. */
+    private readonly actionShortcutEntries;
+    /** Save/discard use live {@link AXPLayoutDetailsViewViewModel.isDirty}; other actions use evaluated `visible`. */
+    private static isTruthyActionFlag;
     protected form: _angular_core.Signal<AXFormComponent | undefined>;
     protected widgetContainer: _angular_core.Signal<AXPWidgetContainerComponent | undefined>;
+    private readonly sidebarTabs;
+    private sidebarTabChangeSuppressed;
     protected footerPrimaryActions: _angular_core.WritableSignal<AXPActionMenuItem[]>;
     protected footerSecondaryActions: _angular_core.WritableSignal<AXPActionMenuItem[]>;
     protected footerActions: _angular_core.Signal<AXPActionMenuItem[]>;
+    protected rejectFooterCommand: _angular_core.Signal<{
+        title: string;
+        icon?: string;
+        color: string;
+        visible?: string | boolean;
+        command: AXPExecuteCommand;
+        shortcuts?: _acorex_platform_core.AXPKeyboardShortcut[];
+    } | null>;
+    protected acceptFooterCommand: _angular_core.Signal<{
+        title: string;
+        icon?: string;
+        color: string;
+        visible?: string | boolean;
+        command: AXPExecuteCommand;
+        shortcuts?: _acorex_platform_core.AXPKeyboardShortcut[];
+    } | null>;
+    protected hasSaveDiscardFooterCommands: _angular_core.Signal<boolean>;
+    /** Entity save/discard — driven live by widget/container dirty state, not evaluated action metadata. */
+    protected showSaveDiscardFooter: _angular_core.Signal<boolean>;
+    /** Live dirty flag for widget-based entity forms (not component-hosted pages). */
+    protected liveFormIsDirty: _angular_core.Signal<boolean>;
     protected hasVisibleFooterPrimaryActions: _angular_core.Signal<boolean>;
     protected hasVisibleFooterSecondaryActions: _angular_core.Signal<boolean>;
+    protected isSaveDiscardFooterAction(action: AXPActionMenuItem): boolean;
+    protected isFooterActionVisible(action: AXPActionMenuItem): boolean;
+    protected isFooterActionDisabled(action: AXPActionMenuItem): boolean;
     protected hasFooter: _angular_core.Signal<boolean>;
     /**
      * Append timestamp query param to trigger router to re-run guards/resolvers
@@ -585,24 +719,133 @@ declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent i
     ngOnInit(): Promise<void>;
     ngAfterViewInit(): Promise<void>;
     ngOnDestroy(): void;
-    protected handleOnContextChanged(e: AXPWidgetCoreContextChangeEvent): void;
-    protected handleSelectPage(page: AXPLayoutDetailsViewPage): void;
+    private refreshFooterActions;
+    protected handleOnContextChanged(e: AXPContextChangeEvent): void;
+    private getLiveFormContext;
+    private finalizeSave;
+    private finalizeDiscard;
+    /**
+     * `ax-tabs` selects on click before we can confirm. Revert synchronously, then confirm + switch.
+     */
+    protected handleSidebarTabChanged(event: AXTabStripChangedEvent): void;
+    protected handleSelectPage(page: AXPLayoutDetailsViewPage): Promise<void>;
+    private completePageSwitch;
     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>;
+    protected getPageTitle(): Promise<AXPMultiLanguageString>;
+    getPageDescription(): Promise<AXPMultiLanguageString | 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>;
+    /**
+     * Router guard hook — same unsaved-changes confirm as dialog builder {@link confirmCloseWhenDirty}.
+     */
+    canDeactivate(): Promise<boolean>;
+    /** Active entity component page instance, when the current details sub-page is component-based. */
+    private getActivePageComponentInstance;
+    /** Component key for the current details sub-page, when content is component-based. */
+    private getActivePageComponentKey;
+    private static isComponentPageContent;
+    /** Whether the active component-based entity page has unsaved edits. */
+    private isActivePageComponentDirty;
+    /** Whether the current details page has user-origin unsaved edits (form or component page). */
+    private shouldPromptLeave;
+    /** Single gate for leaving the page or switching details sub-pages when dirty. */
+    private confirmLeaveIfDirty;
     execute(command: AXPExecuteCommand): Promise<void>;
-    protected handleKeyboardEvent(event: KeyboardEvent): Promise<void>;
+    /**
+     * After a component-based page command (e.g. custom discard/save), align view-model dirty
+     * state and widget context with the hosted page when it no longer reports unsaved changes.
+     */
+    private syncDirtyStateAfterPageComponentCommand;
+    /** Waits for builder/effect microtasks to finish after a component page command. */
+    private waitForComponentDirtySettle;
+    private refreshKeyboardShortcutRegistrations;
+    private collectActionShortcutEntries;
+    private isHeaderActionAvailable;
+    /** Whether save/discard core shortcuts are listed in the help dialog (page supports them). */
+    private isCoreSaveShortcutAvailable;
+    private isCoreDiscardShortcutAvailable;
+    private canExecuteSaveShortcut;
+    private canExecuteDiscardShortcut;
+    private executeDiscardViaShortcut;
+    private isActionShortcutActive;
+    private registerCoreKeyboardShortcuts;
+    private registerActionKeyboardShortcuts;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPLayoutDetailsViewComponent, never>;
     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 };
+type AXPDetailsViewActionShortcut = AXPKeyboardShortcutChord;
+/**
+ * Returns the base workflow/command name from a composite entity action command id (`cmd&actionName`).
+ */
+declare function getDetailsViewActionCommandBaseName(commandName: string | undefined): string;
+/**
+ * Resolves keyboard shortcuts for a header entity action.
+ * Explicit `shortcuts` wins; pass `[]` to disable. Otherwise known commands use platform defaults.
+ */
+declare function resolveDetailsViewActionShortcuts(commandBaseName: string, explicit?: readonly AXPKeyboardShortcut[]): AXPDetailsViewActionShortcut[] | undefined;
+/**
+ * Resolves save/discard footer command shortcuts from page settings.
+ */
+declare function resolveDetailsViewFooterCommandShortcuts(commandName: string, explicit?: readonly AXPKeyboardShortcut[]): AXPDetailsViewActionShortcut[] | undefined;
+
+/**
+ * Prompts for unsaved changes before leaving the entity details route (breadcrumbs, menu, back to list).
+ */
+declare const axpDetailsViewCanDeactivateGuard: _angular_router.CanDeactivateFn<AXPLayoutDetailsViewComponent>;
+
+/**
+ * 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>;
+}
+
+/**
+ * Directive for rendering page components dynamically
+ * Similar to component-slot pattern but specifically for page components
+ */
+declare class AXPPageComponentRendererDirective implements OnInit, OnDestroy {
+    #private;
+    componentKey: _angular_core.InputSignal<string>;
+    rootContext: _angular_core.InputSignal<Record<string, any>>;
+    pageConfig: _angular_core.InputSignal<Record<string, unknown> | undefined>;
+    options: _angular_core.InputSignal<Record<string, any>>;
+    /** Emitted when the component instance is registered and ready */
+    componentReady: _angular_core.OutputEmitterRef<string>;
+    /** Returns the dynamically mounted page component instance, if loaded. */
+    getMountedPageInstance(): unknown;
+    private viewContainerRef;
+    private pageComponentRegistry;
+    private instanceRegistry;
+    private contextStore;
+    private componentRef;
+    ngOnInit(): Promise<void>;
+    ngOnDestroy(): void;
+    /** Persists page edits into the shared form context before the step component is destroyed. */
+    private syncWizardStepContextBeforeTeardown;
+    private loadComponent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPPageComponentRendererDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXPPageComponentRendererDirective, "[axp-page-component-renderer]", never, { "componentKey": { "alias": "componentKey"; "required": true; "isSignal": true; }; "rootContext": { "alias": "rootContext"; "required": false; "isSignal": true; }; "pageConfig": { "alias": "pageConfig"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "componentReady": "componentReady"; }, never, never, true, never>;
+}
+
+export { AXPLayoutDetailsViewComponent, AXPLayoutDetailsViewViewModel, AXPPageComponentInstanceRegistryService, AXPPageComponentRendererDirective, AXPPageLayoutBase, AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPopupLayoutBase, AXPPopupLayoutBaseComponent, AXPPopupLayoutComponent, axpDetailsViewCanDeactivateGuard, buildNotSavedPageBadge, getDetailsViewActionCommandBaseName, isDiscardCommand, resolveDetailsViewActionShortcuts, resolveDetailsViewFooterCommandShortcuts };
+export type { AXPDetailsViewActionShortcut, AXPLayoutDetailsViewAction, AXPLayoutDetailsViewAdapter, AXPLayoutDetailsViewPage, AXPLayoutDetailsViewTabItem, AXPPageContentItem };