@acorex/platform 19.2.16 → 19.2.17

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

@@ -1,15 +1,7 @@
-import { AXValueChangedEvent } from '@acorex/components/common';
-import { AXDrawerComponent } from '@acorex/components/drawer';
+import { Router } from "@angular/router";
 import * as i0 from "@angular/core";
 export declare class AXPRootLayoutComponent {
-    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: {
+    protected layout: {
         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>;
@@ -26,10 +18,12 @@ export declare class AXPRootLayoutComponent {
         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 +33,7 @@ export declare class AXPRootLayoutComponent {
         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,15 +59,27 @@ export declare class AXPRootLayoutComponent {
         navigationLoadingTaskCount: number;
         sideMenuState: import("@acorex/platform/themes/shared").AXPSideMenuState;
         sideMenuWidth: number;
+        menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
     }>;
-    private eventService;
-    private sessionService;
-    private router;
-    private dialogService;
-    private dialogAlreadyOpen;
-    constructor();
-    protected handleCollapsedChange(value: boolean): void;
-    protected handleResizingEnded(e: AXValueChangedEvent<number>): void;
+    protected menuStore: {
+        items: import("@angular/core").Signal<import("@acorex/platform/common").AXPMenuItem[]>;
+        selectedMenuItem: import("@ngrx/signals").DeepSignal<{
+            item: import("@acorex/platform/common").AXPMenuItem | null;
+            isFullMatch: boolean;
+        }>;
+        setMenuItems: (items: import("@acorex/platform/common").AXPMenuItem[]) => void;
+        selectMenuItemByRoute: (path: string) => void;
+        executeCommand: (item: import("@acorex/platform/common").AXPMenuItem) => void;
+        isItemOpen: (item: import("@acorex/platform/common").AXPMenuItem) => boolean;
+    } & import("@ngrx/signals").StateSource<{
+        items: import("@acorex/platform/common").AXPMenuItem[];
+        selectedMenuItem: {
+            item: import("@acorex/platform/common").AXPMenuItem | null;
+            isFullMatch: boolean;
+        };
+    }>;
+    protected router: Router;
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPRootLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPRootLayoutComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPRootLayoutComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/themes/default/lib/layouts/root-layout/vertical/vertical-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 AXPRootVerticalLayoutComponent {
+    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<AXPRootVerticalLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPRootVerticalLayoutComponent, "axp-root-vertical-layout", never, {}, {}, never, never, true, never>;
+}

package/themes/default/lib/layouts/search-layout/search-popup.component.d.ts

@@ -1,7 +1,7 @@
 import { AXClickEvent, AXHtmlEvent, AXValueChangedEvent } from '@acorex/components/common';
 import { AXBasePageComponent } from '@acorex/components/page';
-import { AXPGlobalSearchViewModel } from '@acorex/platform/layout/search';
 import { AXPSearchDisplayResult } from '@acorex/platform/common';
+import { AXPGlobalSearchViewModel } from '@acorex/platform/layout/search';
 import * as i0 from "@angular/core";
 export declare class AXPGlobalSearchPopupComponent extends AXBasePageComponent {
     protected vm: AXPGlobalSearchViewModel;

package/themes/default/lib/layouts/setting-layout/setting-page/setting-page.component.d.ts

@@ -1,5 +1,5 @@
-import { AXPSettingsViewModel } from '@acorex/platform/layout/setting';
 import { AXValueChangedEvent } from '@acorex/components/common';
+import { AXPSettingsViewModel } from '@acorex/platform/layout/setting';
 import * as i0 from "@angular/core";
 export declare class AXPSettingPageComponent {
     protected vm: AXPSettingsViewModel;

package/themes/default/lib/layouts/setting-layout/setting-view/setting-view.component.d.ts

@@ -22,10 +22,12 @@ export declare class AXPSettingsViewComponent {
         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>;
@@ -35,6 +37,7 @@ export declare class AXPSettingsViewComponent {
         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;
@@ -60,6 +63,7 @@ export declare class AXPSettingsViewComponent {
         navigationLoadingTaskCount: number;
         sideMenuState: import("@acorex/platform/themes/shared").AXPSideMenuState;
         sideMenuWidth: number;
+        menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
     }>;
     private from;
     private container;

package/themes/default/lib/pages/theme-palette-preview/theme-palette-preview.page.d.ts

@@ -1,5 +1,5 @@
-import { AXPThemePalette } from '@acorex/platform/themes/shared';
 import { AXPSettingService } from '@acorex/platform/common';
+import { AXPThemePalette } from '@acorex/platform/themes/shared';
 import * as i0 from "@angular/core";
 export declare class AXPThemePalettePreviewPageComponent {
     protected readonly layout: {
@@ -19,10 +19,12 @@ export declare class AXPThemePalettePreviewPageComponent {
         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 +34,7 @@ export declare class AXPThemePalettePreviewPageComponent {
         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,6 +60,7 @@ export declare class AXPThemePalettePreviewPageComponent {
         navigationLoadingTaskCount: number;
         sideMenuState: import("@acorex/platform/themes/shared").AXPSideMenuState;
         sideMenuWidth: number;
+        menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
     }>;
     protected readonly settingService: AXPSettingService;
     private themePalleteProvider;

package/themes/shared/index.d.ts

@@ -5,3 +5,4 @@ export * from './lib/theme.service';
 export * from './lib/theme.types';
 export * from './lib/setting.keys';
 export * from './lib/shared.module';
+export * from './lib/components/drawer';

package/themes/shared/lib/components/drawer/drawer.directive.d.ts

@@ -0,0 +1,22 @@
+import { ElementRef, OnInit, Renderer2, Signal } from '@angular/core';
+import * as i0 from "@angular/core";
+export type AXDrawerPosition = 'start' | 'end';
+export type AXDrawerMode = 'overlay' | 'push';
+export declare class AXPDrawerDirective implements OnInit {
+    #private;
+    private el;
+    private renderer;
+    opened: import("@angular/core").InputSignal<boolean>;
+    private _opened;
+    isOpen: Signal<boolean>;
+    position: import("@angular/core").InputSignal<AXDrawerPosition>;
+    mode: import("@angular/core").InputSignal<AXDrawerMode>;
+    width: import("@angular/core").InputSignal<string>;
+    constructor(el: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPDrawerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXPDrawerDirective, "[axpDrawer]", ["axpDrawer"], { "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/themes/shared/lib/components/drawer/index.d.ts

@@ -0,0 +1 @@
+export * from './drawer.directive';

package/themes/shared/lib/components/layout-elements/index.d.ts

@@ -1,8 +1,8 @@
-export * from './layout-blocks.component';
 export * from './layout-actions.component';
+export * from './layout-blocks.component';
+export * from './layout-footer.component';
+export * from './layout-header.component';
+export * from './layout-list.component';
 export * from './layout-section.component';
 export * from './layout-side.component';
-export * from './layout-header.component';
-export * from './layout-footer.component';
 export * from './layout-tool-bar.component';
-export * from './layout-list.component';

package/themes/shared/lib/components/layout-elements/layout-blocks.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class AXPThemeLayoutBlockComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutBlockComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutBlockComponent, "    axp-layout-content,     axp-layout-header-container,    axp-layout-side-container,    axp-layout-sections,    axp-layout-section-container,    axp-layout-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title,     axp-layout-nav-button,     axp-layout-description,     axp-layout-title-bar,    axp-layout-breadcrumbs,    axp-layout-list-action,    ", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutBlockComponent, "    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title,     axp-layout-nav-button,     axp-layout-description,     axp-layout-title-bar,    axp-layout-breadcrumbs,    axp-layout-list-action,    ", never, {}, {}, never, ["*"], true, never>;
 }

package/themes/shared/lib/components/layout-elements/layout-footer.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class AXPThemeLayoutFooterComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutFooterComponent, "axp-layout-footer", never, {}, {}, never, ["axp-layout-prefix", "axp-layout-suffix"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutFooterComponent, "axp-layout-footer, axp-layout-page-footer", never, {}, {}, never, ["axp-layout-prefix", "axp-layout-suffix"], true, never>;
 }

package/themes/shared/lib/components/layout-elements/layout-header.component.d.ts

@@ -1,12 +1,16 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class AXPThemeLayoutHeaderTemplateComponent {
+export declare class AXPThemeLayoutPageHeaderComponent {
     readonly title: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     readonly description: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     readonly actions: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     readonly navbar: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     readonly breadcrumbs: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     readonly navButton: import("@angular/core").Signal<TemplateRef<any> | undefined>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutHeaderTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutHeaderTemplateComponent, "axp-layout-header", never, {}, {}, never, ["axp-layout-breadcrumbs", "axp-layout-toolbar", "axp-layout-actions", "axp-layout-description", "axp-layout-title", "axp-layout-nav-button", "axp-layout-prefix", "axp-layout-suffix"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutPageHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutPageHeaderComponent, "axp-layout-page-header", never, {}, {}, never, ["axp-layout-breadcrumbs", "axp-layout-toolbar", "axp-layout-actions", "axp-layout-description", "axp-layout-title", "axp-layout-nav-button"], true, never>;
+}
+export declare class AXPThemeLayoutHeaderComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutHeaderComponent, "axp-layout-header", never, {}, {}, never, ["axp-layout-prefix", "*", "axp-layout-suffix"], true, never>;
 }

package/themes/shared/lib/components/layout-elements/layout-section.component.d.ts

@@ -1,9 +1,5 @@
-import { TemplateRef } from "@angular/core";
-import { AXPThemeLayoutHeaderTemplateComponent } from "./layout-header.component";
 import * as i0 from "@angular/core";
-export declare class AXPThemeLayoutSectionTemplateComponent {
-    readonly header: import("@angular/core").Signal<AXPThemeLayoutHeaderTemplateComponent | undefined>;
-    readonly content: import("@angular/core").Signal<TemplateRef<any> | undefined>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutSectionTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutSectionTemplateComponent, "axp-layout-section", never, {}, {}, ["header"], ["axp-layout-header", "axp-layout-content"], true, never>;
+export declare class AXPThemeLayoutSectionComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutSectionComponent, "axp-layout-section", never, {}, {}, never, ["axp-layout-header", "axp-layout-content"], true, never>;
 }

package/themes/shared/lib/components/layout-elements/layout-side.component.d.ts

@@ -1,9 +1,9 @@
-import { TemplateRef } from "@angular/core";
-import { AXPThemeLayoutHeaderTemplateComponent } from "./layout-header.component";
 import * as i0 from "@angular/core";
-export declare class AXPThemeLayoutSideTemplateComponent {
-    readonly header: import("@angular/core").Signal<AXPThemeLayoutHeaderTemplateComponent | undefined>;
-    readonly content: import("@angular/core").Signal<TemplateRef<any> | undefined>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutSideTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutSideTemplateComponent, "axp-layout-side", never, {}, {}, ["header"], ["axp-layout-header", "axp-layout-content"], true, never>;
+export declare class AXPThemeLayoutStartSideComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutStartSideComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutStartSideComponent, "axp-layout-page-start-side", never, {}, {}, never, ["axp-layout-header", "axp-layout-content", "axp-layout-footer"], true, never>;
+}
+export declare class AXPThemeLayoutEndSideComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutEndSideComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutEndSideComponent, "axp-layout-page-end-side", never, {}, {}, never, ["axp-layout-header", "axp-layout-content", "axp-layout-footer"], true, never>;
 }

package/themes/shared/lib/components/slots/theme-slot.component.d.ts

@@ -18,10 +18,12 @@ export declare class AXPThemeSlotComponent {
         navigationLoadingTaskCount: import("@angular/core").Signal<number>;
         sideMenuState: import("@angular/core").Signal<import("../../theme.types").AXPSideMenuState>;
         sideMenuWidth: import("@angular/core").Signal<number>;
+        menuOrientation: import("@angular/core").Signal<import("../../theme.types").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 AXPThemeSlotComponent {
         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: AXPThemeMode) => void;
         openSideMenu: () => void;
         closeSideMenu: () => void;
@@ -56,6 +59,7 @@ export declare class AXPThemeSlotComponent {
         navigationLoadingTaskCount: number;
         sideMenuState: import("../../theme.types").AXPSideMenuState;
         sideMenuWidth: number;
+        menuOrientation: import("../../theme.types").AXPMenuOrientation;
     }>;
     protected variants: typeof AXPThemeMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeSlotComponent, never>;

package/themes/shared/lib/setting.keys.d.ts

@@ -6,5 +6,6 @@ export declare enum AXPThemeLayoutSetting {
     Palette = "layout:theme:palette",
     Mode = "layout:theme:mode",
     SideMenuStatus = "layout:theme:sidemenu:status",
-    SideMenuWidth = "layout:theme:sidemenu:width"
+    SideMenuWidth = "layout:theme:sidemenu:width",
+    MenuOrientation = "layout:theme:menu:orientation"
 }

package/themes/shared/lib/theme.service.d.ts

@@ -1,4 +1,4 @@
-import { AXPThemeMode, AXPScreenSize, AXPDeviceType, AXPSideMenuState } from './theme.types';
+import { AXPThemeMode, AXPScreenSize, AXPDeviceType, AXPSideMenuState, AXPMenuOrientation } from './theme.types';
 export declare const AXPLayoutThemeService: import("@angular/core").Type<{
     currentMode: import("@angular/core").Signal<AXPThemeMode>;
     currentPallete: import("@angular/core").Signal<string>;
@@ -16,10 +16,12 @@ export declare const AXPLayoutThemeService: import("@angular/core").Type<{
     navigationLoadingTaskCount: import("@angular/core").Signal<number>;
     sideMenuState: import("@angular/core").Signal<AXPSideMenuState>;
     sideMenuWidth: import("@angular/core").Signal<number>;
+    menuOrientation: import("@angular/core").Signal<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>;
@@ -29,6 +31,7 @@ export declare const AXPLayoutThemeService: import("@angular/core").Type<{
     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: AXPThemeMode) => void;
     openSideMenu: () => void;
     closeSideMenu: () => void;
@@ -54,4 +57,5 @@ export declare const AXPLayoutThemeService: import("@angular/core").Type<{
     navigationLoadingTaskCount: number;
     sideMenuState: AXPSideMenuState;
     sideMenuWidth: number;
+    menuOrientation: AXPMenuOrientation;
 }>>;

package/themes/shared/lib/theme.types.d.ts

@@ -23,3 +23,7 @@ export declare enum AXPSideMenuState {
     Opened = "opened",
     Closed = "closed"
 }
+export declare enum AXPMenuOrientation {
+    Vertical = "vertical",
+    Horizontal = "horizontal"
+}