@acorex/platform 19.2.16 → 19.2.17

package/fesm2022/acorex-platform-workflow.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, NgModule, Optional, Inject } from '@angular/core';
+import { Injectable, inject, Optional, Inject, NgModule } from '@angular/core';
 import { Subject, filter } from 'rxjs';
 import { cloneDeep, set, get } from 'lodash-es';
 

package/layout/entity/lib/entity.config.d.ts

@@ -3,7 +3,7 @@ import { InjectionToken, Type } from '@angular/core';
 import * as i0 from "@angular/core";
 export interface AXPEntityConfigs {
     viewers: {
-        root: () => Type<any>;
+        root: () => Type<any> | Promise<Type<any>>;
         detail: {
             list: () => Type<any> | Promise<Type<any>>;
         };

package/layout/setting/lib/setting.viewmodel.d.ts

@@ -27,10 +27,12 @@ export declare class AXPSettingsViewModel {
         navigationLoadingTaskCount: import("@angular/core").Signal<number>;
         sideMenuState: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPSideMenuState>;
         sideMenuWidth: import("@angular/core").Signal<number>;
+        menuOrientation: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPMenuOrientation>;
         isDarkMode: import("@angular/core").Signal<boolean>;
         isLightMode: import("@angular/core").Signal<boolean>;
         isSystemMode: import("@angular/core").Signal<boolean>;
         isSideMenuOpen: import("@angular/core").Signal<boolean>;
+        isSideMenuOverlay: import("@angular/core").Signal<boolean>;
         isSmall: import("@angular/core").Signal<boolean>;
         isMedium: import("@angular/core").Signal<boolean>;
         isLarge: import("@angular/core").Signal<boolean>;
@@ -40,6 +42,7 @@ export declare class AXPSettingsViewModel {
         isTouchScreen: import("@angular/core").Signal<boolean>;
         isOverlayLoading: import("@angular/core").Signal<boolean>;
         isNavigationLoading: import("@angular/core").Signal<boolean>;
+        isMenuHorizontal: import("@angular/core").Signal<boolean>;
         changeThemeMode: (theme: import("@acorex/platform/themes/shared").AXPThemeMode) => void;
         openSideMenu: () => void;
         closeSideMenu: () => void;
@@ -65,6 +68,7 @@ export declare class AXPSettingsViewModel {
         navigationLoadingTaskCount: number;
         sideMenuState: import("@acorex/platform/themes/shared").AXPSideMenuState;
         sideMenuWidth: number;
+        menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
     }>;
     private activatedRoute;
     form: AXFormComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/platform",
-  "version": "19.2.16",
+  "version": "19.2.17",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",

package/themes/default/lib/layouts/base/index.d.ts

@@ -1 +1 @@
-export * from './simple-page/simple-page.layout';
+export * from './simple-page';

package/themes/default/lib/layouts/base/simple-page/index.d.ts

@@ -0,0 +1,2 @@
+export * from './simple-page.component';
+export * from './simple-page.layout';

package/themes/default/lib/layouts/base/simple-page/simple-page.component.d.ts

@@ -0,0 +1,68 @@
+import { AXPSimplePageLayout } from './simple-page.layout';
+import * as i0 from "@angular/core";
+export declare class AXPSimplePageComponent {
+    protected layoutService: {
+        currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
+        currentPallete: import("@angular/core").Signal<string>;
+        systemThemeMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
+        font: import("@ngrx/signals").DeepSignal<{
+            family: string;
+            size: string;
+        }>;
+        screenSize: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPScreenSize>;
+        deviceType: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPDeviceType>;
+        isTouchDevice: import("@angular/core").Signal<boolean>;
+        overlayLoading: import("@angular/core").Signal<boolean>;
+        navigationLoading: import("@angular/core").Signal<boolean>;
+        overlayLoadingTaskCount: import("@angular/core").Signal<number>;
+        navigationLoadingTaskCount: import("@angular/core").Signal<number>;
+        sideMenuState: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPSideMenuState>;
+        sideMenuWidth: import("@angular/core").Signal<number>;
+        menuOrientation: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPMenuOrientation>;
+        isDarkMode: import("@angular/core").Signal<boolean>;
+        isLightMode: import("@angular/core").Signal<boolean>;
+        isSystemMode: import("@angular/core").Signal<boolean>;
+        isSideMenuOpen: import("@angular/core").Signal<boolean>;
+        isSideMenuOverlay: import("@angular/core").Signal<boolean>;
+        isSmall: import("@angular/core").Signal<boolean>;
+        isMedium: import("@angular/core").Signal<boolean>;
+        isLarge: import("@angular/core").Signal<boolean>;
+        isMobileDevice: import("@angular/core").Signal<boolean>;
+        isTabletDevice: import("@angular/core").Signal<boolean>;
+        isDesktopDevice: import("@angular/core").Signal<boolean>;
+        isTouchScreen: import("@angular/core").Signal<boolean>;
+        isOverlayLoading: import("@angular/core").Signal<boolean>;
+        isNavigationLoading: import("@angular/core").Signal<boolean>;
+        isMenuHorizontal: import("@angular/core").Signal<boolean>;
+        changeThemeMode: (theme: import("@acorex/platform/themes/shared").AXPThemeMode) => void;
+        openSideMenu: () => void;
+        closeSideMenu: () => void;
+        setSideMenuWidth: (width: number) => void;
+        toggleSideMenu: () => void;
+        setNavigationLoading: (value: boolean, delay?: number) => void;
+        setOverlayLoading: (value: boolean, delay?: number) => void;
+        loadSettings: () => Promise<void>;
+    } & import("@ngrx/signals").StateSource<{
+        currentMode: import("@acorex/platform/themes/shared").AXPThemeMode;
+        currentPallete: string;
+        systemThemeMode: import("@acorex/platform/themes/shared").AXPThemeMode;
+        font: {
+            family: string;
+            size: string;
+        };
+        screenSize: import("@acorex/platform/themes/shared").AXPScreenSize;
+        deviceType: import("@acorex/platform/themes/shared").AXPDeviceType;
+        isTouchDevice: boolean;
+        overlayLoading: boolean;
+        navigationLoading: boolean;
+        overlayLoadingTaskCount: number;
+        navigationLoadingTaskCount: number;
+        sideMenuState: import("@acorex/platform/themes/shared").AXPSideMenuState;
+        sideMenuWidth: number;
+        menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
+    }>;
+    protected layout: import("@angular/core").Signal<AXPSimplePageLayout | undefined>;
+    protected toggleEndSide(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPSimplePageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPSimplePageComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/themes/default/lib/layouts/base/simple-page/simple-page.layout.d.ts

@@ -1,4 +1,5 @@
-import { AXPThemeLayoutActionsComponent, AXPThemeLayoutHeaderTemplateComponent, AXPThemeLayoutSideTemplateComponent } from '@acorex/platform/themes/shared';
+import { AXDrawerComponent } from '@acorex/components/drawer';
+import { AXPThemeLayoutActionsComponent, AXPThemeLayoutEndSideComponent, AXPThemeLayoutPageHeaderComponent, AXPThemeLayoutStartSideComponent } from '@acorex/platform/themes/shared';
 import * as i0 from "@angular/core";
 export declare class AXPSimplePageLayout {
     #private;
@@ -19,10 +20,12 @@ export declare class AXPSimplePageLayout {
         navigationLoadingTaskCount: import("@angular/core").Signal<number>;
         sideMenuState: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPSideMenuState>;
         sideMenuWidth: import("@angular/core").Signal<number>;
+        menuOrientation: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPMenuOrientation>;
         isDarkMode: import("@angular/core").Signal<boolean>;
         isLightMode: import("@angular/core").Signal<boolean>;
         isSystemMode: import("@angular/core").Signal<boolean>;
         isSideMenuOpen: import("@angular/core").Signal<boolean>;
+        isSideMenuOverlay: import("@angular/core").Signal<boolean>;
         isSmall: import("@angular/core").Signal<boolean>;
         isMedium: import("@angular/core").Signal<boolean>;
         isLarge: import("@angular/core").Signal<boolean>;
@@ -32,6 +35,7 @@ export declare class AXPSimplePageLayout {
         isTouchScreen: import("@angular/core").Signal<boolean>;
         isOverlayLoading: import("@angular/core").Signal<boolean>;
         isNavigationLoading: import("@angular/core").Signal<boolean>;
+        isMenuHorizontal: import("@angular/core").Signal<boolean>;
         changeThemeMode: (theme: import("@acorex/platform/themes/shared").AXPThemeMode) => void;
         openSideMenu: () => void;
         closeSideMenu: () => void;
@@ -57,10 +61,16 @@ export declare class AXPSimplePageLayout {
         navigationLoadingTaskCount: number;
         sideMenuState: import("@acorex/platform/themes/shared").AXPSideMenuState;
         sideMenuWidth: number;
+        menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
     }>;
-    protected headerLayout: import("@angular/core").Signal<AXPThemeLayoutHeaderTemplateComponent | undefined>;
-    protected layoutSide: import("@angular/core").Signal<AXPThemeLayoutSideTemplateComponent | undefined>;
+    protected headerLayout: import("@angular/core").Signal<AXPThemeLayoutPageHeaderComponent | undefined>;
+    protected layoutStartSide: import("@angular/core").Signal<AXPThemeLayoutStartSideComponent | undefined>;
+    protected layoutEndSide: import("@angular/core").Signal<AXPThemeLayoutEndSideComponent | undefined>;
     protected pageActionsLayout: import("@angular/core").Signal<AXPThemeLayoutActionsComponent | undefined>;
+    protected startSideDrawer: import("@angular/core").Signal<AXDrawerComponent | undefined>;
+    protected endSideDrawer: import("@angular/core").Signal<AXDrawerComponent | undefined>;
+    toggleEndSide(): void;
+    toggleStartSide(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPSimplePageLayout, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPSimplePageLayout, "axp-layout-simple-page", never, {}, {}, ["headerLayout", "layoutSide", "pageActionsLayout"], ["axp-layout-content", "axp-layout-footer"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPSimplePageLayout, "axp-layout-simple-page", never, {}, {}, ["headerLayout", "layoutStartSide", "layoutEndSide", "pageActionsLayout"], ["axp-layout-page-start-side", "axp-layout-page-content", "axp-layout-page-footer", "axp-layout-page-end-side"], true, never>;
 }

package/themes/default/lib/layouts/entity-layouts/entity-detail-list-view/entity-detail-list-view.component.d.ts

@@ -25,10 +25,12 @@ export declare class AXPEntityDetailListViewComponent {
         navigationLoadingTaskCount: import("@angular/core").Signal<number>;
         sideMenuState: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPSideMenuState>;
         sideMenuWidth: import("@angular/core").Signal<number>;
+        menuOrientation: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPMenuOrientation>;
         isDarkMode: import("@angular/core").Signal<boolean>;
         isLightMode: import("@angular/core").Signal<boolean>;
         isSystemMode: import("@angular/core").Signal<boolean>;
         isSideMenuOpen: import("@angular/core").Signal<boolean>;
+        isSideMenuOverlay: import("@angular/core").Signal<boolean>;
         isSmall: import("@angular/core").Signal<boolean>;
         isMedium: import("@angular/core").Signal<boolean>;
         isLarge: import("@angular/core").Signal<boolean>;
@@ -38,6 +40,7 @@ export declare class AXPEntityDetailListViewComponent {
         isTouchScreen: import("@angular/core").Signal<boolean>;
         isOverlayLoading: import("@angular/core").Signal<boolean>;
         isNavigationLoading: import("@angular/core").Signal<boolean>;
+        isMenuHorizontal: import("@angular/core").Signal<boolean>;
         changeThemeMode: (theme: import("@acorex/platform/themes/shared").AXPThemeMode) => void;
         openSideMenu: () => void;
         closeSideMenu: () => void;
@@ -63,6 +66,7 @@ export declare class AXPEntityDetailListViewComponent {
         navigationLoadingTaskCount: number;
         sideMenuState: import("@acorex/platform/themes/shared").AXPSideMenuState;
         sideMenuWidth: number;
+        menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
     }>;
     vm: AXPEntityDetailListViewModel;
     protected focusedRow: any;

package/themes/default/lib/layouts/entity-layouts/entity-master-list-view/entity-master-list-view.component.d.ts

@@ -4,8 +4,9 @@ import { AXPlatform } from '@acorex/core/platform';
 import { AXValueChangedEvent } from '@acorex/components/common';
 import { AXDataPagerChangedEvent } from '@acorex/components/data-pager';
 import { AXPEntityMasterListViewModel } from '@acorex/platform/layout/entity';
+import { AXPSimplePageComponent } from '../../base';
 import * as i0 from "@angular/core";
-export declare class AXPEntityMasterListViewComponent {
+export declare class AXPEntityMasterListViewComponent extends AXPSimplePageComponent {
     protected platform: AXPlatform;
     private activeRoute;
     protected readonly vm: AXPEntityMasterListViewModel;
@@ -26,10 +27,12 @@ export declare class AXPEntityMasterListViewComponent {
         navigationLoadingTaskCount: import("@angular/core").Signal<number>;
         sideMenuState: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPSideMenuState>;
         sideMenuWidth: import("@angular/core").Signal<number>;
+        menuOrientation: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPMenuOrientation>;
         isDarkMode: import("@angular/core").Signal<boolean>;
         isLightMode: import("@angular/core").Signal<boolean>;
         isSystemMode: import("@angular/core").Signal<boolean>;
         isSideMenuOpen: import("@angular/core").Signal<boolean>;
+        isSideMenuOverlay: import("@angular/core").Signal<boolean>;
         isSmall: import("@angular/core").Signal<boolean>;
         isMedium: import("@angular/core").Signal<boolean>;
         isLarge: import("@angular/core").Signal<boolean>;
@@ -39,6 +42,7 @@ export declare class AXPEntityMasterListViewComponent {
         isTouchScreen: import("@angular/core").Signal<boolean>;
         isOverlayLoading: import("@angular/core").Signal<boolean>;
         isNavigationLoading: import("@angular/core").Signal<boolean>;
+        isMenuHorizontal: import("@angular/core").Signal<boolean>;
         changeThemeMode: (theme: import("@acorex/platform/themes/shared").AXPThemeMode) => void;
         openSideMenu: () => void;
         closeSideMenu: () => void;
@@ -64,8 +68,10 @@ export declare class AXPEntityMasterListViewComponent {
         navigationLoadingTaskCount: number;
         sideMenuState: import("@acorex/platform/themes/shared").AXPSideMenuState;
         sideMenuWidth: number;
+        menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
     }>;
     protected searchBarShown: import("@angular/core").WritableSignal<boolean>;
+    protected activeEndSideView: import("@angular/core").WritableSignal<"sort" | "filter" | "column">;
     grid: AXDataTableComponent;
     constructor(platform: AXPlatform);
     ngAfterViewInit(): void;
@@ -81,7 +87,11 @@ export declare class AXPEntityMasterListViewComponent {
     protected handleRowCommandClick(e: AXRowCommandItemClickEvent): Promise<void>;
     protected handleSelectedRowsChange(rows: unknown[]): Promise<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 handleDiscardClick(sideBar: 'filter' | 'sort' | 'column'): void;
+    protected handleApplyClick(sideBar: 'filter' | 'sort' | 'column'): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPEntityMasterListViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPEntityMasterListViewComponent, "ng-component", never, {}, {}, never, never, true, never>;

package/themes/default/lib/layouts/entity-layouts/entity-master-list-view/list-view-option-columns/list-view-option-columns.component.d.ts

@@ -11,9 +11,6 @@ export declare class AXPListViewOptionsColumnsComponent {
     columnsChanged: import("@angular/core").EffectRef;
     handleVisibilityChange(e: AXValueChangedEvent<boolean>, name: string): void;
     protected drop(event: CdkDragDrop<unknown[]>): void;
-    protected handleClose(): void;
-    protected handleResetClick(): void;
-    protected handleApplyClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPListViewOptionsColumnsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPListViewOptionsColumnsComponent, "axp-list-view-option-columns", never, { "vm": { "alias": "viewModel"; "required": false; }; }, { "onClosed": "onClosed"; }, never, never, true, never>;
 }

package/themes/default/lib/layouts/entity-layouts/entity-master-list-view/list-view-option-sorting/list-view-option-sorting.component.d.ts

@@ -8,9 +8,6 @@ export declare class AXPListViewOptionSortingComponent {
     vm: AXPEntityMasterListViewModel;
     protected drop(event: CdkDragDrop<unknown[]>): void;
     protected changeItemSort(item: AXPEntityMasterListViewSortPropViewModel): void;
-    protected handleClose(): void;
-    protected handleResetClick(): void;
-    protected handleApplyClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPListViewOptionSortingComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPListViewOptionSortingComponent, "axp-list-view-option-sorting", never, { "vm": { "alias": "viewModel"; "required": false; }; }, { "onClosed": "onClosed"; }, never, never, true, never>;
 }

package/themes/default/lib/layouts/entity-layouts/entity-master-single-view/entity-master-single-view.component.d.ts

@@ -21,10 +21,12 @@ export declare class AXPEntityMasterSingleViewComponent {
         navigationLoadingTaskCount: import("@angular/core").Signal<number>;
         sideMenuState: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPSideMenuState>;
         sideMenuWidth: import("@angular/core").Signal<number>;
+        menuOrientation: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPMenuOrientation>;
         isDarkMode: import("@angular/core").Signal<boolean>;
         isLightMode: import("@angular/core").Signal<boolean>;
         isSystemMode: import("@angular/core").Signal<boolean>;
         isSideMenuOpen: import("@angular/core").Signal<boolean>;
+        isSideMenuOverlay: import("@angular/core").Signal<boolean>;
         isSmall: import("@angular/core").Signal<boolean>;
         isMedium: import("@angular/core").Signal<boolean>;
         isLarge: import("@angular/core").Signal<boolean>;
@@ -34,6 +36,7 @@ export declare class AXPEntityMasterSingleViewComponent {
         isTouchScreen: import("@angular/core").Signal<boolean>;
         isOverlayLoading: import("@angular/core").Signal<boolean>;
         isNavigationLoading: import("@angular/core").Signal<boolean>;
+        isMenuHorizontal: import("@angular/core").Signal<boolean>;
         changeThemeMode: (theme: import("@acorex/platform/themes/shared").AXPThemeMode) => void;
         openSideMenu: () => void;
         closeSideMenu: () => void;
@@ -59,6 +62,7 @@ export declare class AXPEntityMasterSingleViewComponent {
         navigationLoadingTaskCount: number;
         sideMenuState: import("@acorex/platform/themes/shared").AXPSideMenuState;
         sideMenuWidth: number;
+        menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
     }>;
     protected selectedDetailTabIndex: import("@angular/core").WritableSignal<string>;
     handleActiveDetailTabChanged(e: AXTabStripChangedEvent): void;

package/themes/default/lib/layouts/root-layout/components/footer/footer.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class AXPRootLayoutFooterComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPRootLayoutFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPRootLayoutFooterComponent, "axp-dashboard-admin-footer", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPRootLayoutFooterComponent, "axp-dashboard-admin-footer", never, {}, {}, never, never, true, never>;
 }

package/themes/default/lib/layouts/root-layout/components/header/header.component.d.ts

@@ -18,10 +18,12 @@ export declare class AXPRootLayoutHeaderComponent {
         navigationLoadingTaskCount: import("@angular/core").Signal<number>;
         sideMenuState: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPSideMenuState>;
         sideMenuWidth: import("@angular/core").Signal<number>;
+        menuOrientation: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPMenuOrientation>;
         isDarkMode: import("@angular/core").Signal<boolean>;
         isLightMode: import("@angular/core").Signal<boolean>;
         isSystemMode: import("@angular/core").Signal<boolean>;
         isSideMenuOpen: import("@angular/core").Signal<boolean>;
+        isSideMenuOverlay: import("@angular/core").Signal<boolean>;
         isSmall: import("@angular/core").Signal<boolean>;
         isMedium: import("@angular/core").Signal<boolean>;
         isLarge: import("@angular/core").Signal<boolean>;
@@ -31,6 +33,7 @@ export declare class AXPRootLayoutHeaderComponent {
         isTouchScreen: import("@angular/core").Signal<boolean>;
         isOverlayLoading: import("@angular/core").Signal<boolean>;
         isNavigationLoading: import("@angular/core").Signal<boolean>;
+        isMenuHorizontal: import("@angular/core").Signal<boolean>;
         changeThemeMode: (theme: import("@acorex/platform/themes/shared").AXPThemeMode) => void;
         openSideMenu: () => void;
         closeSideMenu: () => void;
@@ -56,6 +59,7 @@ export declare class AXPRootLayoutHeaderComponent {
         navigationLoadingTaskCount: number;
         sideMenuState: import("@acorex/platform/themes/shared").AXPSideMenuState;
         sideMenuWidth: number;
+        menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
     }>;
     private router;
     protected logo: {
@@ -66,5 +70,5 @@ export declare class AXPRootLayoutHeaderComponent {
     protected toggleSideMenu(): void;
     protected handleLogoClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPRootLayoutHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPRootLayoutHeaderComponent, "axp-dashboard-admin-header", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPRootLayoutHeaderComponent, "axp-dashboard-admin-header", never, {}, {}, never, never, true, never>;
 }

package/themes/default/lib/layouts/root-layout/components/horizontal-menu/horizontal-menu.component.d.ts

@@ -0,0 +1,86 @@
+import { AXPMenuItem } from '@acorex/platform/common';
+import * as i0 from "@angular/core";
+export declare class AXPHorizontalMenuComponent {
+    protected platformConfig: import("@acorex/platform/common").AXPPlatformConfigs;
+    protected menuStore: {
+        items: import("@angular/core").Signal<AXPMenuItem[]>;
+        selectedMenuItem: import("@ngrx/signals").DeepSignal<{
+            item: AXPMenuItem | null;
+            isFullMatch: boolean;
+        }>;
+        setMenuItems: (items: AXPMenuItem[]) => void;
+        selectMenuItemByRoute: (path: string) => void;
+        executeCommand: (item: AXPMenuItem) => void;
+        isItemOpen: (item: AXPMenuItem) => boolean;
+    } & import("@ngrx/signals").StateSource<{
+        items: AXPMenuItem[];
+        selectedMenuItem: {
+            item: AXPMenuItem | null;
+            isFullMatch: boolean;
+        };
+    }>;
+    protected layoutService: {
+        currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
+        currentPallete: import("@angular/core").Signal<string>;
+        systemThemeMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
+        font: import("@ngrx/signals").DeepSignal<{
+            family: string;
+            size: string;
+        }>;
+        screenSize: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPScreenSize>;
+        deviceType: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPDeviceType>;
+        isTouchDevice: import("@angular/core").Signal<boolean>;
+        overlayLoading: import("@angular/core").Signal<boolean>;
+        navigationLoading: import("@angular/core").Signal<boolean>;
+        overlayLoadingTaskCount: import("@angular/core").Signal<number>;
+        navigationLoadingTaskCount: import("@angular/core").Signal<number>;
+        sideMenuState: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPSideMenuState>;
+        sideMenuWidth: import("@angular/core").Signal<number>;
+        menuOrientation: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPMenuOrientation>;
+        isDarkMode: import("@angular/core").Signal<boolean>;
+        isLightMode: import("@angular/core").Signal<boolean>;
+        isSystemMode: import("@angular/core").Signal<boolean>;
+        isSideMenuOpen: import("@angular/core").Signal<boolean>;
+        isSideMenuOverlay: import("@angular/core").Signal<boolean>;
+        isSmall: import("@angular/core").Signal<boolean>;
+        isMedium: import("@angular/core").Signal<boolean>;
+        isLarge: import("@angular/core").Signal<boolean>;
+        isMobileDevice: import("@angular/core").Signal<boolean>;
+        isTabletDevice: import("@angular/core").Signal<boolean>;
+        isDesktopDevice: import("@angular/core").Signal<boolean>;
+        isTouchScreen: import("@angular/core").Signal<boolean>;
+        isOverlayLoading: import("@angular/core").Signal<boolean>;
+        isNavigationLoading: import("@angular/core").Signal<boolean>;
+        isMenuHorizontal: import("@angular/core").Signal<boolean>;
+        changeThemeMode: (theme: import("@acorex/platform/themes/shared").AXPThemeMode) => void;
+        openSideMenu: () => void;
+        closeSideMenu: () => void;
+        setSideMenuWidth: (width: number) => void;
+        toggleSideMenu: () => void;
+        setNavigationLoading: (value: boolean, delay?: number) => void;
+        setOverlayLoading: (value: boolean, delay?: number) => void;
+        loadSettings: () => Promise<void>;
+    } & import("@ngrx/signals").StateSource<{
+        currentMode: import("@acorex/platform/themes/shared").AXPThemeMode;
+        currentPallete: string;
+        systemThemeMode: import("@acorex/platform/themes/shared").AXPThemeMode;
+        font: {
+            family: string;
+            size: string;
+        };
+        screenSize: import("@acorex/platform/themes/shared").AXPScreenSize;
+        deviceType: import("@acorex/platform/themes/shared").AXPDeviceType;
+        isTouchDevice: boolean;
+        overlayLoading: boolean;
+        navigationLoading: boolean;
+        overlayLoadingTaskCount: number;
+        navigationLoadingTaskCount: number;
+        sideMenuState: import("@acorex/platform/themes/shared").AXPSideMenuState;
+        sideMenuWidth: number;
+        menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
+    }>;
+    onMenuItemClick(item: AXPMenuItem): void;
+    protected sort(items: AXPMenuItem[]): AXPMenuItem[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPHorizontalMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPHorizontalMenuComponent, "axp-horizontal-menu", never, {}, {}, never, never, true, never>;
+}

package/themes/default/lib/layouts/root-layout/components/{menu/root-menu.component.d.ts → side-menu/side-menu.component.d.ts}

@@ -21,8 +21,7 @@ export declare class AXPRootLayoutMenuComponent {
     }>;
     protected router: Router;
     onMenuItemClick(item: AXPMenuItem): void;
-    ngOnInit(): void;
     protected sort(items: AXPMenuItem[]): AXPMenuItem[];
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPRootLayoutMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPRootLayoutMenuComponent, "axp-root-menu", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPRootLayoutMenuComponent, "axp-side-menu", never, {}, {}, never, never, true, never>;
 }

package/themes/default/lib/layouts/root-layout/horizontal/horizontal-layout.component.d.ts

@@ -0,0 +1,79 @@
+import { AXValueChangedEvent } from '@acorex/components/common';
+import { AXDrawerComponent } from '@acorex/components/drawer';
+import * as i0 from "@angular/core";
+export declare class AXPRootHorizontalLayoutComponent {
+    drawer: AXDrawerComponent;
+    private config;
+    protected logo: {
+        dark?: import("@acorex/platform/common").AXPLogoConfig;
+        light?: import("@acorex/platform/common").AXPLogoConfig;
+        colored?: import("@acorex/platform/common").AXPLogoConfig;
+    } | undefined;
+    protected store: {
+        currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
+        currentPallete: import("@angular/core").Signal<string>;
+        systemThemeMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
+        font: import("@ngrx/signals").DeepSignal<{
+            family: string;
+            size: string;
+        }>;
+        screenSize: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPScreenSize>;
+        deviceType: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPDeviceType>;
+        isTouchDevice: import("@angular/core").Signal<boolean>;
+        overlayLoading: import("@angular/core").Signal<boolean>;
+        navigationLoading: import("@angular/core").Signal<boolean>;
+        overlayLoadingTaskCount: import("@angular/core").Signal<number>;
+        navigationLoadingTaskCount: import("@angular/core").Signal<number>;
+        sideMenuState: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPSideMenuState>;
+        sideMenuWidth: import("@angular/core").Signal<number>;
+        menuOrientation: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPMenuOrientation>;
+        isDarkMode: import("@angular/core").Signal<boolean>;
+        isLightMode: import("@angular/core").Signal<boolean>;
+        isSystemMode: import("@angular/core").Signal<boolean>;
+        isSideMenuOpen: import("@angular/core").Signal<boolean>;
+        isSideMenuOverlay: import("@angular/core").Signal<boolean>;
+        isSmall: import("@angular/core").Signal<boolean>;
+        isMedium: import("@angular/core").Signal<boolean>;
+        isLarge: import("@angular/core").Signal<boolean>;
+        isMobileDevice: import("@angular/core").Signal<boolean>;
+        isTabletDevice: import("@angular/core").Signal<boolean>;
+        isDesktopDevice: import("@angular/core").Signal<boolean>;
+        isTouchScreen: import("@angular/core").Signal<boolean>;
+        isOverlayLoading: import("@angular/core").Signal<boolean>;
+        isNavigationLoading: import("@angular/core").Signal<boolean>;
+        isMenuHorizontal: import("@angular/core").Signal<boolean>;
+        changeThemeMode: (theme: import("@acorex/platform/themes/shared").AXPThemeMode) => void;
+        openSideMenu: () => void;
+        closeSideMenu: () => void;
+        setSideMenuWidth: (width: number) => void;
+        toggleSideMenu: () => void;
+        setNavigationLoading: (value: boolean, delay?: number) => void;
+        setOverlayLoading: (value: boolean, delay?: number) => void;
+        loadSettings: () => Promise<void>;
+    } & import("@ngrx/signals").StateSource<{
+        currentMode: import("@acorex/platform/themes/shared").AXPThemeMode;
+        currentPallete: string;
+        systemThemeMode: import("@acorex/platform/themes/shared").AXPThemeMode;
+        font: {
+            family: string;
+            size: string;
+        };
+        screenSize: import("@acorex/platform/themes/shared").AXPScreenSize;
+        deviceType: import("@acorex/platform/themes/shared").AXPDeviceType;
+        isTouchDevice: boolean;
+        overlayLoading: boolean;
+        navigationLoading: boolean;
+        overlayLoadingTaskCount: number;
+        navigationLoadingTaskCount: number;
+        sideMenuState: import("@acorex/platform/themes/shared").AXPSideMenuState;
+        sideMenuWidth: number;
+        menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
+    }>;
+    private eventService;
+    private router;
+    constructor();
+    protected handleCollapsedChange(value: boolean): void;
+    protected handleResizingEnded(e: AXValueChangedEvent<number>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPRootHorizontalLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPRootHorizontalLayoutComponent, "axp-root-horizontal-layout", never, {}, {}, never, never, true, never>;
+}

package/themes/default/lib/layouts/root-layout/index.d.ts

@@ -1,5 +1,6 @@
 export * from './components/footer/footer.component';
 export * from './components/header/header.component';
-export * from './components/menu/root-menu.component';
+export * from './components/side-menu/side-menu.component';
+export * from './horizontal/horizontal-layout.component';
+export * from './vertical/vertical-layout.component';
 export * from './root-layout.component';
-export * from './root-layout.module';