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

package/{themes/default/index.d.ts → types/acorex-platform-themes-default.d.ts}

@@ -4,11 +4,14 @@ import { Signal } from '@angular/core';
 import * as _acorex_platform_themes_shared from '@acorex/platform/themes/shared';
 import { AXValueChangedEvent } from '@acorex/cdk/common';
 import { AXActionSheetService } from '@acorex/components/action-sheet';
-import { AXDataTableComponent, AXRowCommandItem, AXDataTableRowDbClick, AXRowCommandItemClickEvent } from '@acorex/components/data-table';
+import { AXDataTableComponent, AXRowCommandItem, AXDataTableRowDbClick, AXRowCommandItemClickEvent, onColumnSizeChangedEvent, AXColumnsOrderChangedEvent } from '@acorex/components/data-table';
 import { AXUnsubscriber } from '@acorex/core/utils';
 import * as _acorex_platform_core from '@acorex/platform/core';
-import { AXPDeviceService } from '@acorex/platform/core';
-import { AXPEntityCommandTriggerViewModel, AXPEntityDetailListViewModel } from '@acorex/platform/layout/entity';
+import { AXPDeviceService, AXPBreadcrumbItem, AXPActionMenuItem, AXPExecuteCommand } from '@acorex/platform/core';
+import { AXPEntityCommandTriggerViewModel, AXPEntityDetailListViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewSortPropViewModel } from '@acorex/platform/layout/entity';
+import { AXPlatform } from '@acorex/core/platform';
+import { AXPPageLayoutBaseComponent } from '@acorex/platform/layout/views';
+import { AXDataPagerChangedEvent } from '@acorex/components/data-pager';
 import * as _acorex_platform_common from '@acorex/platform/common';
 import { AXPMenuItem, AXPSettingsService, AXPMenuVisibilityService } from '@acorex/platform/common';
 import { AXPTaskBadgeService } from '@acorex/platform/layout/components';
@@ -32,7 +35,10 @@ declare class AXPEntityDetailListViewComponent {
         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>;
@@ -42,10 +48,14 @@ declare class AXPEntityDetailListViewComponent {
         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;
@@ -63,7 +73,10 @@ declare class AXPEntityDetailListViewComponent {
         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;
     }>;
@@ -92,14 +105,151 @@ declare class AXPEntityDetailListViewComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPEntityDetailListViewComponent, "axp-entity-detail-list-view", never, { "vm": { "alias": "viewModel"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+declare class AXPEntityMasterListDataTableComponent {
+    vm: _angular_core.InputSignal<AXPEntityMasterListViewModel>;
+    pageChanged: _angular_core.OutputEmitterRef<AXDataPagerChangedEvent>;
+    private gridRef;
+    /** Exposed for parent refresh and expanded-row persistence. */
+    grid(): AXDataTableComponent | undefined;
+    private commandRowItems;
+    protected onColumnSizeChanged(e: onColumnSizeChangedEvent): void;
+    protected onPageChanged(e: AXDataPagerChangedEvent): void;
+    protected onColumnsOrderChanged(e: AXColumnsOrderChangedEvent): void;
+    protected handleRowDbClick(e: AXDataTableRowDbClick): Promise<void>;
+    protected getDropdownRowItems: (rowData: unknown) => Promise<AXRowCommandItem[]>;
+    protected getCommandRowItems: () => AXRowCommandItem[];
+    protected handleRowCommandClick(e: AXRowCommandItemClickEvent): Promise<void>;
+    protected handleSelectedRowsChange(rows: unknown[]): void;
+    protected handleColumnSort(columnName: string, event: MouseEvent): void;
+    protected resolveColumnSortDirection(sortedFields: AXPEntityMasterListViewSortPropViewModel[], columnName: string): 'asc' | 'desc' | undefined;
+    protected resolveColumnSortIndex(sortedFields: AXPEntityMasterListViewSortPropViewModel[], columnName: string): number | undefined;
+    private dropdownRowItems;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPEntityMasterListDataTableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPEntityMasterListDataTableComponent, "axp-entity-master-list-data-table", never, { "vm": { "alias": "vm"; "required": true; "isSignal": true; }; }, { "pageChanged": "pageChanged"; }, never, never, true, never>;
+}
+
+declare class AXPEntityMasterListViewComponent extends AXPPageLayoutBaseComponent {
+    protected platform: AXPlatform;
+    private activeRoute;
+    private router;
+    protected readonly vm: AXPEntityMasterListViewModel;
+    protected store: {
+        currentMode: _angular_core.Signal<_acorex_platform_themes_shared.AXPThemeMode>;
+        currentPalette: _angular_core.Signal<string>;
+        systemThemeMode: _angular_core.Signal<_acorex_platform_themes_shared.AXPThemeMode>;
+        font: _ngrx_signals.DeepSignal<{
+            family: string;
+            size: string;
+        }>;
+        overlayLoading: _angular_core.Signal<boolean>;
+        navigationLoading: _angular_core.Signal<boolean>;
+        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>;
+        isLightMode: _angular_core.Signal<boolean>;
+        isSystemMode: _angular_core.Signal<boolean>;
+        isSideMenuOpen: _angular_core.Signal<boolean>;
+        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;
+        loadSettings: () => Promise<void>;
+    } & _ngrx_signals.StateSource<{
+        currentMode: _acorex_platform_themes_shared.AXPThemeMode;
+        currentPalette: string;
+        systemThemeMode: _acorex_platform_themes_shared.AXPThemeMode;
+        font: {
+            family: string;
+            size: string;
+        };
+        overlayLoading: boolean;
+        navigationLoading: boolean;
+        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;
+    }>;
+    protected searchBarShown: _angular_core.WritableSignal<boolean>;
+    protected activeEndSideView: _angular_core.WritableSignal<"sort" | "filter" | "column">;
+    protected categorySearchValue: _angular_core.WritableSignal<string>;
+    protected dataTable: _angular_core.Signal<AXPEntityMasterListDataTableComponent | undefined>;
+    private queryParamSub?;
+    private initializedFromRoute;
+    private lastEvaluatedViewName;
+    private readonly componentDestroyed;
+    private isRestoringExpandedRows;
+    private restoreExpandedRowsScheduled;
+    /** Blocks deferred `replaceUrl` view sync after destroy or once details navigation has started. */
+    private listQueryParamSyncDisabled;
+    constructor(platform: AXPlatform);
+    ngOnInit(): Promise<void>;
+    ngAfterViewInit(): Promise<void>;
+    ngOnDestroy(): void;
+    protected onListPageChanged(): void;
+    protected handleUnselectAll(): void;
+    protected makeResponsive<t>(value: t): t | string;
+    protected toggleSideBar(sideBar?: 'column' | 'filter' | 'sort'): void;
+    protected toggleSearchBar(): void;
+    protected handleResetClick(sideBar: 'filter' | 'sort' | 'column'): void;
+    protected handleApplyClick(sideBar: 'filter' | 'sort' | 'column'): void;
+    toggleCategoryDrawer(): void;
+    getPageTitle(): string;
+    getPageDescription(): Promise<string>;
+    getPageBreadcrumbs(): AXPBreadcrumbItem[];
+    getPrimaryMenuItems(): Promise<AXPActionMenuItem[]>;
+    getSecondaryMenuItems(): Promise<AXPActionMenuItem[]>;
+    execute(command: AXPExecuteCommand): Promise<void>;
+    /**
+     * Syncs the list `view` query param without polluting history.
+     * Re-checks the live URL so a deferred call cannot `replaceUrl` over a details entry.
+     */
+    private syncListViewQueryParam;
+    private reloadListData;
+    private grid;
+    private updateParentHasChildAfterRefresh;
+    private findItemById;
+    private bindExpandedRowPersistence;
+    private scheduleSyncGridPagerUi;
+    private syncGridPagerUi;
+    private scheduleRestoreExpandedRows;
+    private restoreExpandedRows;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPEntityMasterListViewComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPEntityMasterListViewComponent, "axp-entity-master-list", never, {}, {}, never, never, true, never>;
+}
+
 declare class AXPRootLayoutFooterComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPRootLayoutFooterComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPRootLayoutFooterComponent, "axp-dashboard-admin-footer", never, {}, {}, never, never, true, never>;
 }
 
 declare class AXPRootLayoutHeaderComponent {
-    private config;
-    protected store: {
+    private readonly config;
+    private readonly router;
+    private readonly destroyRef;
+    private readonly shortcutRegistry;
+    protected readonly store: {
         currentMode: _angular_core.Signal<_acorex_platform_themes_shared.AXPThemeMode>;
         currentPalette: _angular_core.Signal<string>;
         systemThemeMode: _angular_core.Signal<_acorex_platform_themes_shared.AXPThemeMode>;
@@ -112,7 +262,10 @@ declare class AXPRootLayoutHeaderComponent {
         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>;
@@ -122,10 +275,14 @@ declare class AXPRootLayoutHeaderComponent {
         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;
@@ -143,12 +300,14 @@ declare class AXPRootLayoutHeaderComponent {
         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;
     }>;
-    private router;
-    protected logo: {
+    protected readonly logo: {
         icon: {
             light: _acorex_platform_core.AXPLogoConfig;
             dark: _acorex_platform_core.AXPLogoConfig;
@@ -162,6 +321,7 @@ declare class AXPRootLayoutHeaderComponent {
             dark: _acorex_platform_core.AXPLogoConfig;
         };
     } | undefined;
+    constructor();
     protected toggleSideMenu(): void;
     protected handleLogoClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPRootLayoutHeaderComponent, never>;
@@ -190,8 +350,66 @@ declare class AXPRootLayoutMenuComponent {
     protected badgeService: AXPTaskBadgeService;
     protected settingsService: AXPSettingsService;
     protected visibilityService: AXPMenuVisibilityService;
+    protected themeStore: {
+        currentMode: Signal<_acorex_platform_themes_shared.AXPThemeMode>;
+        currentPalette: Signal<string>;
+        systemThemeMode: Signal<_acorex_platform_themes_shared.AXPThemeMode>;
+        font: _ngrx_signals.DeepSignal<{
+            family: string;
+            size: string;
+        }>;
+        overlayLoading: Signal<boolean>;
+        navigationLoading: Signal<boolean>;
+        overlayLoadingTaskCount: Signal<number>;
+        navigationLoadingTaskCount: Signal<number>;
+        sideMenuState: Signal<_acorex_platform_themes_shared.AXPSideMenuState>;
+        overlaySideMenuOpen: Signal<boolean>;
+        sideMenuWidth: Signal<number>;
+        sideMenuCompactWidth: Signal<number>;
+        menuVerticalMode: Signal<_acorex_platform_themes_shared.AXPMenuVerticalMode>;
+        menuOrientation: Signal<_acorex_platform_themes_shared.AXPMenuOrientation>;
+        isPrinting: Signal<boolean>;
+        isDarkMode: Signal<boolean>;
+        isLightMode: Signal<boolean>;
+        isSystemMode: Signal<boolean>;
+        isSideMenuOpen: Signal<boolean>;
+        isOverlayLoading: Signal<boolean>;
+        isNavigationLoading: Signal<boolean>;
+        isMenuHorizontal: Signal<boolean>;
+        effectiveMenuVerticalMode: Signal<_acorex_platform_themes_shared.AXPMenuVerticalMode>;
+        sideMenuDrawerWidth: 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;
+        loadSettings: () => Promise<void>;
+    } & _ngrx_signals.StateSource<{
+        currentMode: _acorex_platform_themes_shared.AXPThemeMode;
+        currentPalette: string;
+        systemThemeMode: _acorex_platform_themes_shared.AXPThemeMode;
+        font: {
+            family: string;
+            size: string;
+        };
+        overlayLoading: boolean;
+        navigationLoading: boolean;
+        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;
+    }>;
     protected badgeVisible: _angular_core.WritableSignal<boolean>;
-    constructor();
+    protected readonly menuMode: Signal<_acorex_platform_themes_shared.AXPMenuVerticalMode>;
     ngOnInit(): Promise<void>;
     onMenuItemClick(item: AXPMenuItem, hasRouterLink?: boolean): void;
     protected sort(items: AXPMenuItem[]): AXPMenuItem[];
@@ -208,6 +426,15 @@ declare class AXPRootLayoutMenuComponent {
      * 3. It has a command (for non-router navigation)
      */
     protected shouldRenderMenuItem(item: AXPMenuItem): boolean;
+    /**
+     * Checks if an item takes up visual space in the menu (group title or rendered menu item).
+     */
+    protected isItemRendered(item: AXPMenuItem): boolean;
+    /**
+     * Determines if a divider should be shown. A divider is only shown when there is
+     * visible content on both sides; if before or after is blank, the divider is hidden.
+     */
+    protected shouldShowDivider(item: AXPMenuItem, items: AXPMenuItem[], index: number): boolean;
     /**
      * Builds a UrlTree that can be consumed by the routerLink directive when the menu item targets
      * an internal route. When the item does not represent an internal route, null is returned so the
@@ -265,7 +492,10 @@ declare class AXPRootHorizontalLayoutComponent {
         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>;
@@ -275,10 +505,14 @@ declare class AXPRootHorizontalLayoutComponent {
         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;
@@ -296,7 +530,10 @@ declare class AXPRootHorizontalLayoutComponent {
         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;
     }>;
@@ -307,7 +544,6 @@ declare class AXPRootHorizontalLayoutComponent {
 }
 
 declare class AXPRootVerticalLayoutComponent {
-    drawer: AXDrawerComponent;
     private config;
     protected logo: {
         icon: {
@@ -336,7 +572,10 @@ declare class AXPRootVerticalLayoutComponent {
         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>;
@@ -346,10 +585,14 @@ declare class AXPRootVerticalLayoutComponent {
         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;
@@ -367,12 +610,17 @@ declare class AXPRootVerticalLayoutComponent {
         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;
     }>;
     protected deviceService: AXPDeviceService;
     protected router: Router;
+    /** Recreates the drawer when switching overlay ↔ push to reset internal layout sizing. */
+    protected readonly sideMenuDrawerKey: _angular_core.Signal<"overlay" | "push">;
     constructor();
     protected handleResizingEnded(e: AXValueChangedEvent<number>): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPRootVerticalLayoutComponent, never>;
@@ -393,7 +641,10 @@ declare class AXPRootLayoutComponent {
         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>;
@@ -403,10 +654,14 @@ declare class AXPRootLayoutComponent {
         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;
@@ -424,7 +679,10 @@ declare class AXPRootLayoutComponent {
         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;
     }>;
@@ -449,7 +707,6 @@ declare class AXPRootLayoutComponent {
     private eventService;
     private sessionService;
     private unsubscriber;
-    private workflowService;
     private contextStore;
     ngOnInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPRootLayoutComponent, never>;
@@ -462,4 +719,4 @@ declare class AXPDefaultThemeModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXPDefaultThemeModule>;
 }
 
-export { AXPDefaultThemeModule, AXPEntityDetailListViewComponent, AXPRootHorizontalLayoutComponent, AXPRootLayoutComponent, AXPRootLayoutFooterComponent, AXPRootLayoutHeaderComponent, AXPRootLayoutMenuComponent, AXPRootVerticalLayoutComponent };
+export { AXPDefaultThemeModule, AXPEntityDetailListViewComponent, AXPEntityMasterListViewComponent, AXPRootHorizontalLayoutComponent, AXPRootLayoutComponent, AXPRootLayoutFooterComponent, AXPRootLayoutHeaderComponent, AXPRootLayoutMenuComponent, AXPRootVerticalLayoutComponent };

package/{themes/shared/index.d.ts → types/acorex-platform-themes-shared.d.ts}

@@ -2,8 +2,8 @@ import * as _acorex_platform_themes_shared from '@acorex/platform/themes/shared'
 import * as _ngrx_signals from '@ngrx/signals';
 import * as _angular_core from '@angular/core';
 import { InjectionToken, Injector } from '@angular/core';
+import * as i1 from '@acorex/platform/core';
 import { AXPAppStartUpService } from '@acorex/platform/core';
-import * as i1 from '@acorex/platform/layout/components';
 import * as i2 from '@acorex/platform/layout/widget-core';
 
 interface AXPThemePaletteColors {
@@ -34,6 +34,12 @@ declare enum AXPMenuOrientation {
     Vertical = "vertical",
     Horizontal = "horizontal"
 }
+declare enum AXPMenuVerticalMode {
+    Compact = "compact",
+    Full = "full"
+}
+declare const AXP_SIDE_MENU_FULL_DEFAULT_WIDTH = 300;
+declare const AXP_SIDE_MENU_COMPACT_WIDTH = 80;
 
 declare class AXPThemeSlotComponent {
     protected store: {
@@ -49,7 +55,10 @@ declare class AXPThemeSlotComponent {
         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>;
@@ -59,10 +68,14 @@ declare class AXPThemeSlotComponent {
         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: 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;
@@ -80,7 +93,10 @@ declare class AXPThemeSlotComponent {
         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;
     }>;
@@ -110,7 +126,10 @@ declare const AXPLayoutThemeService: _angular_core.Type<{
     overlayLoadingTaskCount: _angular_core.Signal<number>;
     navigationLoadingTaskCount: _angular_core.Signal<number>;
     sideMenuState: _angular_core.Signal<AXPSideMenuState>;
+    overlaySideMenuOpen: _angular_core.Signal<boolean>;
     sideMenuWidth: _angular_core.Signal<number>;
+    sideMenuCompactWidth: _angular_core.Signal<number>;
+    menuVerticalMode: _angular_core.Signal<AXPMenuVerticalMode>;
     menuOrientation: _angular_core.Signal<AXPMenuOrientation>;
     isPrinting: _angular_core.Signal<boolean>;
     isDarkMode: _angular_core.Signal<boolean>;
@@ -120,10 +139,14 @@ declare const AXPLayoutThemeService: _angular_core.Type<{
     isOverlayLoading: _angular_core.Signal<boolean>;
     isNavigationLoading: _angular_core.Signal<boolean>;
     isMenuHorizontal: _angular_core.Signal<boolean>;
+    effectiveMenuVerticalMode: _angular_core.Signal<AXPMenuVerticalMode>;
+    sideMenuDrawerWidth: _angular_core.Signal<number>;
     changeThemeMode: (theme: 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;
@@ -141,7 +164,10 @@ declare const AXPLayoutThemeService: _angular_core.Type<{
     overlayLoadingTaskCount: number;
     navigationLoadingTaskCount: number;
     sideMenuState: AXPSideMenuState;
+    overlaySideMenuOpen: boolean;
     sideMenuWidth: number;
+    sideMenuCompactWidth: number;
+    menuVerticalMode: AXPMenuVerticalMode;
     menuOrientation: AXPMenuOrientation;
     isPrinting: boolean;
 }>>;
@@ -155,7 +181,9 @@ declare enum AXPThemeLayoutSetting {
     Mode = "Common:Setting:Layout.Mode",
     SideMenuStatus = "Common:Setting:Layout.SideMenu.Status",
     SideMenuWidth = "Common:Setting:Layout.SideMenu.Width",
+    SideMenuCompactWidth = "Common:Setting:Layout.SideMenu.CompactWidth",
     MenuOrientation = "Common:Setting:Layout.RootMenu.Direction",
+    MenuVerticalMode = "Common:Setting:Layout.RootMenu.VerticalMode",
     MenuBadgeVisible = "Common:Setting:Layout.RootMenu.Badge"
 }
 
@@ -166,5 +194,5 @@ declare class AXPThemesSharedModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXPThemesSharedModule>;
 }
 
-export { AXPLayoutThemeService, AXPMenuOrientation, AXPSideMenuState, AXPThemeLayoutSetting, AXPThemeMode, AXPThemePaletteProviderDefault, AXPThemeSlotComponent, AXPThemesSharedModule, AXP_THEME_PALETTE_PROVIDER };
+export { AXPLayoutThemeService, AXPMenuOrientation, AXPMenuVerticalMode, AXPSideMenuState, AXPThemeLayoutSetting, AXPThemeMode, AXPThemePaletteProviderDefault, AXPThemeSlotComponent, AXPThemesSharedModule, AXP_SIDE_MENU_COMPACT_WIDTH, AXP_SIDE_MENU_FULL_DEFAULT_WIDTH, AXP_THEME_PALETTE_PROVIDER };
 export type { AXPThemePalette, AXPThemePaletteColors, AXPThemePaletteProvider };