@acorex/platform 20.6.0-next.9 → 21.0.0-next.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/platform",
-  "version": "20.6.0-next.9",
+  "version": "21.0.0-next.0",
   "peerDependencies": {
     "@acorex/cdk": "^19.0.0 || ^20.0.0 || ^21.0.0-next.0",
     "@acorex/core": "^19.0.0 || ^20.0.0 || ^21.0.0-next.0",
@@ -27,10 +27,6 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/acorex-platform.mjs"
     },
-    "./auth": {
-      "types": "./auth/index.d.ts",
-      "default": "./fesm2022/acorex-platform-auth.mjs"
-    },
     "./common": {
       "types": "./common/index.d.ts",
       "default": "./fesm2022/acorex-platform-common.mjs"
@@ -39,6 +35,10 @@
       "types": "./core/index.d.ts",
       "default": "./fesm2022/acorex-platform-core.mjs"
     },
+    "./auth": {
+      "types": "./auth/index.d.ts",
+      "default": "./fesm2022/acorex-platform-auth.mjs"
+    },
     "./domain": {
       "types": "./domain/index.d.ts",
       "default": "./fesm2022/acorex-platform-domain.mjs"

package/runtime/index.d.ts

@@ -1,14 +1,21 @@
+import { AXPExecuteCommandResult, AXPViewDefinition, AXPMetaData } from '@acorex/platform/core';
 import * as i0 from '@angular/core';
 import { InjectionToken, Type, EnvironmentProviders, Provider } from '@angular/core';
-import { AXPViewDefinition, AXPMetaData } from '@acorex/platform/core';
 import { AXComponent } from '@acorex/cdk/common';
 
+type AXPExecuteCommandResultPromise<TResult = any> = Promise<AXPExecuteCommandResult<TResult>>;
 interface AXPCommand<TInput = any, TResult = any> {
-    execute(input: TInput): Promise<TResult>;
+    execute(input: TInput): AXPExecuteCommandResultPromise<TResult>;
 }
 
-type AXPCommandMiddleware<TInput = any, TResult = any> = (input: TInput, next: (input: TInput) => Promise<TResult>) => Promise<TResult>;
-declare function composeCommandMiddlewares<TInput, TResult>(middlewares: AXPCommandMiddleware<TInput, TResult>[]): (handler: (input: TInput) => Promise<TResult>) => (input: TInput) => Promise<TResult>;
+/**
+ * Represents a middleware function in the command execution pipeline.
+ */
+type AXPCommandMiddleware<TInput = any, TResult = any> = (input: TInput, next: (input: TInput) => Promise<AXPExecuteCommandResult<TResult>>) => Promise<AXPExecuteCommandResult<TResult>>;
+/**
+ * Creates a composed handler by chaining the provided command middlewares.
+ */
+declare function composeCommandMiddlewares<TInput, TResult>(middlewares: AXPCommandMiddleware<TInput, TResult>[]): (handler: (input: TInput) => Promise<AXPExecuteCommandResult<TResult>>) => (input: TInput) => Promise<AXPExecuteCommandResult<TResult>>;
 
 declare class AXPCommandRegistry {
     private registry;
@@ -29,7 +36,8 @@ declare class AXPCommandExecutor {
     private readonly injector;
     private readonly registry;
     private readonly extensions;
-    execute<TInput = any, TResult = any>(key: string, input: TInput): Promise<TResult | null>;
+    private readonly commandEvents;
+    execute<TInput = any, TResult = any>(key: string, input: TInput): Promise<AXPExecuteCommandResult<TResult> | null>;
     private getPluginMiddlewares;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPCommandExecutor, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXPCommandExecutor>;
@@ -44,7 +52,7 @@ declare class AXPCommandService {
     exists(key: string): boolean;
     getRegisteredKeys(): string[];
     clear(): void;
-    execute<TInput = any, TResult = any>(key: string, input: TInput): Promise<TResult | null>;
+    execute<TInput = any, TResult = any>(key: string, input: TInput): Promise<AXPExecuteCommandResult<TResult> | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPCommandService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXPCommandService>;
 }
@@ -61,6 +69,7 @@ type AXPCommandLoader = {
     command: () => Type<AXPCommand> | Promise<Type<AXPCommand>>;
 };
 declare function provideCommandSetups(entries: AXPCommandLoader[]): EnvironmentProviders;
+declare function provideCommand(key: string, loader: () => Type<AXPCommand> | Promise<Type<AXPCommand>>): EnvironmentProviders;
 
 declare const AXP_COMMAND_MIDDLEWARE_SETUP: InjectionToken<void>;
 type AXPCommandMiddlewareEntry = (AXPCommandMiddleware | {
@@ -69,6 +78,25 @@ type AXPCommandMiddlewareEntry = (AXPCommandMiddleware | {
 })[];
 declare function provideCommandMiddleware(entries: AXPCommandMiddlewareEntry): EnvironmentProviders;
 
+type AXPCommandExecutionStage = 'before' | 'after';
+interface AXPCommandExecutionEvent<TInput = unknown, TResult = unknown> {
+    stage: AXPCommandExecutionStage;
+    key: string;
+    input: TInput;
+    success?: boolean;
+    result?: AXPExecuteCommandResult<TResult> | null;
+    error?: unknown;
+}
+type CommandExecutionHandler<TInput, TResult> = (event: AXPCommandExecutionEvent<TInput, TResult>) => void;
+declare class AXPCommandEventsService {
+    private readonly broadcast;
+    private readonly distributedEvents;
+    listen<TInput = unknown, TResult = unknown>(handler: CommandExecutionHandler<TInput, TResult>): () => void;
+    emit<TInput = unknown, TResult = unknown>(event: AXPCommandExecutionEvent<TInput, TResult>): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPCommandEventsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXPCommandEventsService>;
+}
+
 interface AXPQuery<TInput = any, TResult = any> {
     fetch(input: TInput): Promise<TResult>;
 }
@@ -275,5 +303,5 @@ declare class AXPRuntimeModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<AXPRuntimeModule>;
 }
 
-export { AXPCommandExecutor, AXPCommandRegistry, AXPCommandService, AXPPolicyEngineContext, AXPPolicyEngineDirective, AXPPolicyEngineRegistry, AXPPolicyEngineService, AXPQueryExecutor, AXPQueryRegistry, AXPQueryService, AXPRuntimeModule, AXPViewExecutor, AXPViewRegistry, AXPViewService, AXP_COMMAND_EXTENSION, AXP_COMMAND_MIDDLEWARE_SETUP, AXP_COMMAND_SETUP, AXP_POLICY_ENGINE_MIDDLEWARE_SETUP, AXP_POLICY_EXTENSION, AXP_QUERY_EXTENSION, AXP_QUERY_MIDDLEWARE_SETUP, AXP_QUERY_SETUP, AXP_VIEW_EXTENSION, AXP_VIEW_SETUP, composeCommandMiddlewares, composePolicyEngineMiddlewares, composeQueryMiddlewares, composeViewMiddlewares, provideCommandMiddleware, provideCommandSetups, providePolicySetups, provideQueryMiddleware, provideQuerySetups, provideViewSetup, provideViewSetups };
-export type { AXPCommand, AXPCommandExtension, AXPCommandMiddleware, AXPPolicy, AXPPolicyEngineMiddleware, AXPPolicyExtension, AXPQuery, AXPQueryExtension, AXPQueryMiddleware, AXPViewExtension, AXPViewMiddleware, AXPViewProvider };
+export { AXPCommandEventsService, AXPCommandExecutor, AXPCommandRegistry, AXPCommandService, AXPPolicyEngineContext, AXPPolicyEngineDirective, AXPPolicyEngineRegistry, AXPPolicyEngineService, AXPQueryExecutor, AXPQueryRegistry, AXPQueryService, AXPRuntimeModule, AXPViewExecutor, AXPViewRegistry, AXPViewService, AXP_COMMAND_EXTENSION, AXP_COMMAND_MIDDLEWARE_SETUP, AXP_COMMAND_SETUP, AXP_POLICY_ENGINE_MIDDLEWARE_SETUP, AXP_POLICY_EXTENSION, AXP_QUERY_EXTENSION, AXP_QUERY_MIDDLEWARE_SETUP, AXP_QUERY_SETUP, AXP_VIEW_EXTENSION, AXP_VIEW_SETUP, composeCommandMiddlewares, composePolicyEngineMiddlewares, composeQueryMiddlewares, composeViewMiddlewares, provideCommand, provideCommandMiddleware, provideCommandSetups, providePolicySetups, provideQueryMiddleware, provideQuerySetups, provideViewSetup, provideViewSetups };
+export type { AXPCommand, AXPCommandExecutionEvent, AXPCommandExecutionStage, AXPCommandExtension, AXPCommandMiddleware, AXPExecuteCommandResultPromise, AXPPolicy, AXPPolicyEngineMiddleware, AXPPolicyExtension, AXPQuery, AXPQueryExtension, AXPQueryMiddleware, AXPViewExtension, AXPViewMiddleware, AXPViewProvider };

package/themes/default/index.d.ts

@@ -6,12 +6,13 @@ import { AXValueChangedEvent } from '@acorex/cdk/common';
 import { AXActionSheetService } from '@acorex/components/action-sheet';
 import { AXDataTableComponent, AXRowCommandItem, AXDataTableRowDbClick, AXRowCommandItemClickEvent } from '@acorex/components/data-table';
 import { AXUnsubscriber } from '@acorex/core/utils';
-import { AXPEntityCommandTriggerViewModel, AXPEntityDetailListViewModel } from '@acorex/platform/layout/entity';
 import * as _acorex_platform_core from '@acorex/platform/core';
+import { AXPDeviceService } from '@acorex/platform/core';
+import { AXPEntityCommandTriggerViewModel, AXPEntityDetailListViewModel } from '@acorex/platform/layout/entity';
 import * as _acorex_platform_common from '@acorex/platform/common';
-import { AXPMenuItem, AXPSettingService } from '@acorex/platform/common';
+import { AXPMenuItem, AXPSettingsService, AXPMenuVisibilityService } from '@acorex/platform/common';
 import { AXPTaskBadgeService } from '@acorex/platform/layout/components';
-import { Router } from '@angular/router';
+import { Router, UrlTree } from '@angular/router';
 import { AXDrawerComponent } from '@acorex/components/drawer';
 
 declare class AXPEntityDetailListViewComponent {
@@ -26,9 +27,6 @@ declare class AXPEntityDetailListViewComponent {
             family: string;
             size: string;
         }>;
-        screenSize: _angular_core.Signal<_acorex_platform_themes_shared.AXPScreenSize>;
-        deviceType: _angular_core.Signal<_acorex_platform_themes_shared.AXPDeviceType>;
-        isTouchDevice: _angular_core.Signal<boolean>;
         overlayLoading: _angular_core.Signal<boolean>;
         navigationLoading: _angular_core.Signal<boolean>;
         overlayLoadingTaskCount: _angular_core.Signal<number>;
@@ -41,14 +39,6 @@ declare class AXPEntityDetailListViewComponent {
         isLightMode: _angular_core.Signal<boolean>;
         isSystemMode: _angular_core.Signal<boolean>;
         isSideMenuOpen: _angular_core.Signal<boolean>;
-        isSideMenuOverlay: _angular_core.Signal<boolean>;
-        isSmall: _angular_core.Signal<boolean>;
-        isMedium: _angular_core.Signal<boolean>;
-        isLarge: _angular_core.Signal<boolean>;
-        isMobileDevice: _angular_core.Signal<boolean>;
-        isTabletDevice: _angular_core.Signal<boolean>;
-        isDesktopDevice: _angular_core.Signal<boolean>;
-        isTouchScreen: _angular_core.Signal<boolean>;
         isOverlayLoading: _angular_core.Signal<boolean>;
         isNavigationLoading: _angular_core.Signal<boolean>;
         isMenuHorizontal: _angular_core.Signal<boolean>;
@@ -68,9 +58,6 @@ declare class AXPEntityDetailListViewComponent {
             family: string;
             size: string;
         };
-        screenSize: _acorex_platform_themes_shared.AXPScreenSize;
-        deviceType: _acorex_platform_themes_shared.AXPDeviceType;
-        isTouchDevice: boolean;
         overlayLoading: boolean;
         navigationLoading: boolean;
         overlayLoadingTaskCount: number;
@@ -80,6 +67,7 @@ declare class AXPEntityDetailListViewComponent {
         menuOrientation: _acorex_platform_themes_shared.AXPMenuOrientation;
         isPrinting: boolean;
     }>;
+    protected deviceService: AXPDeviceService;
     protected toolbarPrimaryActions: _angular_core.WritableSignal<AXPEntityCommandTriggerViewModel[]>;
     protected toolbarSecondaryActions: _angular_core.WritableSignal<AXPEntityCommandTriggerViewModel[]>;
     vm: AXPEntityDetailListViewModel;
@@ -119,9 +107,6 @@ declare class AXPRootLayoutHeaderComponent {
             family: string;
             size: string;
         }>;
-        screenSize: _angular_core.Signal<_acorex_platform_themes_shared.AXPScreenSize>;
-        deviceType: _angular_core.Signal<_acorex_platform_themes_shared.AXPDeviceType>;
-        isTouchDevice: _angular_core.Signal<boolean>;
         overlayLoading: _angular_core.Signal<boolean>;
         navigationLoading: _angular_core.Signal<boolean>;
         overlayLoadingTaskCount: _angular_core.Signal<number>;
@@ -134,14 +119,6 @@ declare class AXPRootLayoutHeaderComponent {
         isLightMode: _angular_core.Signal<boolean>;
         isSystemMode: _angular_core.Signal<boolean>;
         isSideMenuOpen: _angular_core.Signal<boolean>;
-        isSideMenuOverlay: _angular_core.Signal<boolean>;
-        isSmall: _angular_core.Signal<boolean>;
-        isMedium: _angular_core.Signal<boolean>;
-        isLarge: _angular_core.Signal<boolean>;
-        isMobileDevice: _angular_core.Signal<boolean>;
-        isTabletDevice: _angular_core.Signal<boolean>;
-        isDesktopDevice: _angular_core.Signal<boolean>;
-        isTouchScreen: _angular_core.Signal<boolean>;
         isOverlayLoading: _angular_core.Signal<boolean>;
         isNavigationLoading: _angular_core.Signal<boolean>;
         isMenuHorizontal: _angular_core.Signal<boolean>;
@@ -161,9 +138,6 @@ declare class AXPRootLayoutHeaderComponent {
             family: string;
             size: string;
         };
-        screenSize: _acorex_platform_themes_shared.AXPScreenSize;
-        deviceType: _acorex_platform_themes_shared.AXPDeviceType;
-        isTouchDevice: boolean;
         overlayLoading: boolean;
         navigationLoading: boolean;
         overlayLoadingTaskCount: number;
@@ -214,13 +188,49 @@ declare class AXPRootLayoutMenuComponent {
     }>;
     protected router: Router;
     protected badgeService: AXPTaskBadgeService;
-    protected settingService: AXPSettingService;
+    protected settingsService: AXPSettingsService;
+    protected visibilityService: AXPMenuVisibilityService;
     protected badgeVisible: _angular_core.WritableSignal<boolean>;
     constructor();
     ngOnInit(): Promise<void>;
-    onMenuItemClick(item: AXPMenuItem): void;
+    onMenuItemClick(item: AXPMenuItem, hasRouterLink?: boolean): void;
     protected sort(items: AXPMenuItem[]): AXPMenuItem[];
     protected getMenuBadge(item: AXPMenuItem): Signal<number>;
+    /**
+     * Checks if a menu item should be visible based on permissions and features.
+     */
+    protected isItemVisible(item: AXPMenuItem): boolean;
+    /**
+     * Determines if a menu item should be rendered.
+     * A menu item should be rendered if:
+     * 1. It has a routerLink, OR
+     * 2. It has visible children, OR
+     * 3. It has a command (for non-router navigation)
+     */
+    protected shouldRenderMenuItem(item: AXPMenuItem): 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
+     * command execution pipeline remains responsible for navigation.
+     */
+    protected getRouterLink(item: AXPMenuItem): UrlTree | null;
+    /**
+     * Extracts internal navigation data regardless of whether it is provided via the legacy `path`
+     * property, a direct navigate command, or the execution command wrapper.
+     */
+    private extractRouterNavigation;
+    /**
+     * Determines whether routerLink can safely be used based on the target path and navigation
+     * extras. If the navigation requires additional runtime behaviour (e.g., opening in a new tab),
+     * we fallback to the imperative command pipeline.
+     */
+    private isRouterLinkCompatible;
+    /**
+     * Ensures router links include a leading slash while preserving any query parameters or
+     * fragments present in the original path.
+     */
+    private normalizeRouterPath;
+    private isExternalNavigation;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPRootLayoutMenuComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPRootLayoutMenuComponent, "axp-side-menu", never, {}, {}, never, never, true, never>;
 }
@@ -250,9 +260,6 @@ declare class AXPRootHorizontalLayoutComponent {
             family: string;
             size: string;
         }>;
-        screenSize: _angular_core.Signal<_acorex_platform_themes_shared.AXPScreenSize>;
-        deviceType: _angular_core.Signal<_acorex_platform_themes_shared.AXPDeviceType>;
-        isTouchDevice: _angular_core.Signal<boolean>;
         overlayLoading: _angular_core.Signal<boolean>;
         navigationLoading: _angular_core.Signal<boolean>;
         overlayLoadingTaskCount: _angular_core.Signal<number>;
@@ -265,14 +272,6 @@ declare class AXPRootHorizontalLayoutComponent {
         isLightMode: _angular_core.Signal<boolean>;
         isSystemMode: _angular_core.Signal<boolean>;
         isSideMenuOpen: _angular_core.Signal<boolean>;
-        isSideMenuOverlay: _angular_core.Signal<boolean>;
-        isSmall: _angular_core.Signal<boolean>;
-        isMedium: _angular_core.Signal<boolean>;
-        isLarge: _angular_core.Signal<boolean>;
-        isMobileDevice: _angular_core.Signal<boolean>;
-        isTabletDevice: _angular_core.Signal<boolean>;
-        isDesktopDevice: _angular_core.Signal<boolean>;
-        isTouchScreen: _angular_core.Signal<boolean>;
         isOverlayLoading: _angular_core.Signal<boolean>;
         isNavigationLoading: _angular_core.Signal<boolean>;
         isMenuHorizontal: _angular_core.Signal<boolean>;
@@ -292,9 +291,6 @@ declare class AXPRootHorizontalLayoutComponent {
             family: string;
             size: string;
         };
-        screenSize: _acorex_platform_themes_shared.AXPScreenSize;
-        deviceType: _acorex_platform_themes_shared.AXPDeviceType;
-        isTouchDevice: boolean;
         overlayLoading: boolean;
         navigationLoading: boolean;
         overlayLoadingTaskCount: number;
@@ -335,9 +331,6 @@ declare class AXPRootVerticalLayoutComponent {
             family: string;
             size: string;
         }>;
-        screenSize: _angular_core.Signal<_acorex_platform_themes_shared.AXPScreenSize>;
-        deviceType: _angular_core.Signal<_acorex_platform_themes_shared.AXPDeviceType>;
-        isTouchDevice: _angular_core.Signal<boolean>;
         overlayLoading: _angular_core.Signal<boolean>;
         navigationLoading: _angular_core.Signal<boolean>;
         overlayLoadingTaskCount: _angular_core.Signal<number>;
@@ -350,14 +343,6 @@ declare class AXPRootVerticalLayoutComponent {
         isLightMode: _angular_core.Signal<boolean>;
         isSystemMode: _angular_core.Signal<boolean>;
         isSideMenuOpen: _angular_core.Signal<boolean>;
-        isSideMenuOverlay: _angular_core.Signal<boolean>;
-        isSmall: _angular_core.Signal<boolean>;
-        isMedium: _angular_core.Signal<boolean>;
-        isLarge: _angular_core.Signal<boolean>;
-        isMobileDevice: _angular_core.Signal<boolean>;
-        isTabletDevice: _angular_core.Signal<boolean>;
-        isDesktopDevice: _angular_core.Signal<boolean>;
-        isTouchScreen: _angular_core.Signal<boolean>;
         isOverlayLoading: _angular_core.Signal<boolean>;
         isNavigationLoading: _angular_core.Signal<boolean>;
         isMenuHorizontal: _angular_core.Signal<boolean>;
@@ -377,9 +362,6 @@ declare class AXPRootVerticalLayoutComponent {
             family: string;
             size: string;
         };
-        screenSize: _acorex_platform_themes_shared.AXPScreenSize;
-        deviceType: _acorex_platform_themes_shared.AXPDeviceType;
-        isTouchDevice: boolean;
         overlayLoading: boolean;
         navigationLoading: boolean;
         overlayLoadingTaskCount: number;
@@ -389,6 +371,7 @@ declare class AXPRootVerticalLayoutComponent {
         menuOrientation: _acorex_platform_themes_shared.AXPMenuOrientation;
         isPrinting: boolean;
     }>;
+    protected deviceService: AXPDeviceService;
     protected router: Router;
     constructor();
     protected handleResizingEnded(e: AXValueChangedEvent<number>): void;
@@ -405,9 +388,6 @@ declare class AXPRootLayoutComponent {
             family: string;
             size: string;
         }>;
-        screenSize: _angular_core.Signal<_acorex_platform_themes_shared.AXPScreenSize>;
-        deviceType: _angular_core.Signal<_acorex_platform_themes_shared.AXPDeviceType>;
-        isTouchDevice: _angular_core.Signal<boolean>;
         overlayLoading: _angular_core.Signal<boolean>;
         navigationLoading: _angular_core.Signal<boolean>;
         overlayLoadingTaskCount: _angular_core.Signal<number>;
@@ -420,14 +400,6 @@ declare class AXPRootLayoutComponent {
         isLightMode: _angular_core.Signal<boolean>;
         isSystemMode: _angular_core.Signal<boolean>;
         isSideMenuOpen: _angular_core.Signal<boolean>;
-        isSideMenuOverlay: _angular_core.Signal<boolean>;
-        isSmall: _angular_core.Signal<boolean>;
-        isMedium: _angular_core.Signal<boolean>;
-        isLarge: _angular_core.Signal<boolean>;
-        isMobileDevice: _angular_core.Signal<boolean>;
-        isTabletDevice: _angular_core.Signal<boolean>;
-        isDesktopDevice: _angular_core.Signal<boolean>;
-        isTouchScreen: _angular_core.Signal<boolean>;
         isOverlayLoading: _angular_core.Signal<boolean>;
         isNavigationLoading: _angular_core.Signal<boolean>;
         isMenuHorizontal: _angular_core.Signal<boolean>;
@@ -447,9 +419,6 @@ declare class AXPRootLayoutComponent {
             family: string;
             size: string;
         };
-        screenSize: _acorex_platform_themes_shared.AXPScreenSize;
-        deviceType: _acorex_platform_themes_shared.AXPDeviceType;
-        isTouchDevice: boolean;
         overlayLoading: boolean;
         navigationLoading: boolean;
         overlayLoadingTaskCount: number;

package/themes/shared/index.d.ts

@@ -26,16 +26,6 @@ declare enum AXPThemeMode {
     Dark = "dark",
     System = "system"
 }
-declare enum AXPScreenSize {
-    Small = "small",
-    Medium = "medium",
-    Large = "large"
-}
-declare enum AXPDeviceType {
-    Mobile = "mobile",
-    Tablet = "tablet",
-    Desktop = "desktop"
-}
 declare enum AXPSideMenuState {
     Opened = "opened",
     Closed = "closed"
@@ -54,9 +44,6 @@ declare class AXPThemeSlotComponent {
             family: string;
             size: string;
         }>;
-        screenSize: _angular_core.Signal<_acorex_platform_themes_shared.AXPScreenSize>;
-        deviceType: _angular_core.Signal<_acorex_platform_themes_shared.AXPDeviceType>;
-        isTouchDevice: _angular_core.Signal<boolean>;
         overlayLoading: _angular_core.Signal<boolean>;
         navigationLoading: _angular_core.Signal<boolean>;
         overlayLoadingTaskCount: _angular_core.Signal<number>;
@@ -69,14 +56,6 @@ declare class AXPThemeSlotComponent {
         isLightMode: _angular_core.Signal<boolean>;
         isSystemMode: _angular_core.Signal<boolean>;
         isSideMenuOpen: _angular_core.Signal<boolean>;
-        isSideMenuOverlay: _angular_core.Signal<boolean>;
-        isSmall: _angular_core.Signal<boolean>;
-        isMedium: _angular_core.Signal<boolean>;
-        isLarge: _angular_core.Signal<boolean>;
-        isMobileDevice: _angular_core.Signal<boolean>;
-        isTabletDevice: _angular_core.Signal<boolean>;
-        isDesktopDevice: _angular_core.Signal<boolean>;
-        isTouchScreen: _angular_core.Signal<boolean>;
         isOverlayLoading: _angular_core.Signal<boolean>;
         isNavigationLoading: _angular_core.Signal<boolean>;
         isMenuHorizontal: _angular_core.Signal<boolean>;
@@ -96,9 +75,6 @@ declare class AXPThemeSlotComponent {
             family: string;
             size: string;
         };
-        screenSize: _acorex_platform_themes_shared.AXPScreenSize;
-        deviceType: _acorex_platform_themes_shared.AXPDeviceType;
-        isTouchDevice: boolean;
         overlayLoading: boolean;
         navigationLoading: boolean;
         overlayLoadingTaskCount: number;
@@ -129,9 +105,6 @@ declare const AXPLayoutThemeService: _angular_core.Type<{
         family: string;
         size: string;
     }>;
-    screenSize: _angular_core.Signal<AXPScreenSize>;
-    deviceType: _angular_core.Signal<AXPDeviceType>;
-    isTouchDevice: _angular_core.Signal<boolean>;
     overlayLoading: _angular_core.Signal<boolean>;
     navigationLoading: _angular_core.Signal<boolean>;
     overlayLoadingTaskCount: _angular_core.Signal<number>;
@@ -144,14 +117,6 @@ declare const AXPLayoutThemeService: _angular_core.Type<{
     isLightMode: _angular_core.Signal<boolean>;
     isSystemMode: _angular_core.Signal<boolean>;
     isSideMenuOpen: _angular_core.Signal<boolean>;
-    isSideMenuOverlay: _angular_core.Signal<boolean>;
-    isSmall: _angular_core.Signal<boolean>;
-    isMedium: _angular_core.Signal<boolean>;
-    isLarge: _angular_core.Signal<boolean>;
-    isMobileDevice: _angular_core.Signal<boolean>;
-    isTabletDevice: _angular_core.Signal<boolean>;
-    isDesktopDevice: _angular_core.Signal<boolean>;
-    isTouchScreen: _angular_core.Signal<boolean>;
     isOverlayLoading: _angular_core.Signal<boolean>;
     isNavigationLoading: _angular_core.Signal<boolean>;
     isMenuHorizontal: _angular_core.Signal<boolean>;
@@ -171,9 +136,6 @@ declare const AXPLayoutThemeService: _angular_core.Type<{
         family: string;
         size: string;
     };
-    screenSize: AXPScreenSize;
-    deviceType: AXPDeviceType;
-    isTouchDevice: boolean;
     overlayLoading: boolean;
     navigationLoading: boolean;
     overlayLoadingTaskCount: number;
@@ -185,16 +147,16 @@ declare const AXPLayoutThemeService: _angular_core.Type<{
 }>>;
 
 declare enum AXPThemeLayoutSetting {
-    Name = "layout:theme:name",
-    Layout = "layout:theme:layout",
-    Font = "layout:theme:font:family",
-    FontSize = "layout:theme:font:size",
-    Palette = "layout:theme:palette",
-    Mode = "layout:theme:mode",
-    SideMenuStatus = "layout:theme:sidemenu:status",
-    SideMenuWidth = "layout:theme:sidemenu:width",
-    MenuOrientation = "layout:theme:root-menu:direction",
-    MenuBadgeVisible = "layout:theme:root-menu:badge"
+    Name = "Common:Setting:Layout.Name",
+    Layout = "Common:Setting:Layout.Layout",
+    Font = "Common:Setting:Layout.Font.Family",
+    FontSize = "Common:Setting:Layout.Font.Size",
+    Palette = "Common:Setting:Layout.Palette",
+    Mode = "Common:Setting:Layout.Mode",
+    SideMenuStatus = "Common:Setting:Layout.SideMenu.Status",
+    SideMenuWidth = "Common:Setting:Layout.SideMenu.Width",
+    MenuOrientation = "Common:Setting:Layout.RootMenu.Direction",
+    MenuBadgeVisible = "Common:Setting:Layout.RootMenu.Badge"
 }
 
 declare class AXPThemesSharedModule {
@@ -204,5 +166,5 @@ declare class AXPThemesSharedModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXPThemesSharedModule>;
 }
 
-export { AXPDeviceType, AXPLayoutThemeService, AXPMenuOrientation, AXPScreenSize, AXPSideMenuState, AXPThemeLayoutSetting, AXPThemeMode, AXPThemePaletteProviderDefault, AXPThemeSlotComponent, AXPThemesSharedModule, AXP_THEME_PALETTE_PROVIDER };
+export { AXPLayoutThemeService, AXPMenuOrientation, AXPSideMenuState, AXPThemeLayoutSetting, AXPThemeMode, AXPThemePaletteProviderDefault, AXPThemeSlotComponent, AXPThemesSharedModule, AXP_THEME_PALETTE_PROVIDER };
 export type { AXPThemePalette, AXPThemePaletteColors, AXPThemePaletteProvider };