@acorex/platform 18.2.1 → 18.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/platform",
-  "version": "18.2.1",
+  "version": "18.2.3",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
@@ -45,18 +45,6 @@
       "esm": "./esm2022/auth/acorex-platform-auth.mjs",
       "default": "./fesm2022/acorex-platform-auth.mjs"
     },
-    "./core": {
-      "types": "./core/index.d.ts",
-      "esm2022": "./esm2022/core/acorex-platform-core.mjs",
-      "esm": "./esm2022/core/acorex-platform-core.mjs",
-      "default": "./fesm2022/acorex-platform-core.mjs"
-    },
-    "./common": {
-      "types": "./common/index.d.ts",
-      "esm2022": "./esm2022/common/acorex-platform-common.mjs",
-      "esm": "./esm2022/common/acorex-platform-common.mjs",
-      "default": "./fesm2022/acorex-platform-common.mjs"
-    },
     "./layouts": {
       "types": "./layouts/index.d.ts",
       "esm2022": "./esm2022/layouts/acorex-platform-layouts.mjs",
@@ -69,11 +57,17 @@
       "esm": "./esm2022/native/acorex-platform-native.mjs",
       "default": "./fesm2022/acorex-platform-native.mjs"
     },
-    "./mocks": {
-      "types": "./mocks/index.d.ts",
-      "esm2022": "./esm2022/mocks/acorex-platform-mocks.mjs",
-      "esm": "./esm2022/mocks/acorex-platform-mocks.mjs",
-      "default": "./fesm2022/acorex-platform-mocks.mjs"
+    "./common": {
+      "types": "./common/index.d.ts",
+      "esm2022": "./esm2022/common/acorex-platform-common.mjs",
+      "esm": "./esm2022/common/acorex-platform-common.mjs",
+      "default": "./fesm2022/acorex-platform-common.mjs"
+    },
+    "./core": {
+      "types": "./core/index.d.ts",
+      "esm2022": "./esm2022/core/acorex-platform-core.mjs",
+      "esm": "./esm2022/core/acorex-platform-core.mjs",
+      "default": "./fesm2022/acorex-platform-core.mjs"
     },
     "./widgets": {
       "types": "./widgets/index.d.ts",
@@ -105,6 +99,12 @@
       "esm": "./esm2022/layout/entity/acorex-platform-layout-entity.mjs",
       "default": "./fesm2022/acorex-platform-layout-entity.mjs"
     },
+    "./layout/setting": {
+      "types": "./layout/setting/index.d.ts",
+      "esm2022": "./esm2022/layout/setting/acorex-platform-layout-setting.mjs",
+      "esm": "./esm2022/layout/setting/acorex-platform-layout-setting.mjs",
+      "default": "./fesm2022/acorex-platform-layout-setting.mjs"
+    },
     "./themes/default": {
       "types": "./themes/default/index.d.ts",
       "esm2022": "./esm2022/themes/default/acorex-platform-themes-default.mjs",

package/themes/default/index.d.ts

@@ -1,3 +1,4 @@
 export * from './lib/default.module';
 export * from './lib/layouts/entity-layouts';
 export * from './lib/layouts/root-layout';
+export * from './lib/layouts/setting-layout';

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

@@ -1,31 +1,69 @@
 import { AXActionSheetService } from '@acorex/components/action-sheet';
 import { AXValueChangedEvent } from '@acorex/components/common';
 import { AXDataTableComponent, AXDataTableRowDbClick, AXRowCommandItem, AXRowCommandItemClickEvent } from '@acorex/components/data-table';
-import { AXPlatform } from '@acorex/core/platform';
 import { AXUnsubscriber } from '@acorex/core/utils';
-import { AXPAdminLayoutState } from '@acorex/platform/common';
 import { AXPEntityDetailListViewModel } from '@acorex/platform/layout/entity';
-import { Store } from '@ngrx/store';
 import * as i0 from "@angular/core";
 export declare class AXPEntityDetailListViewComponent {
     private actionSheetService;
     private unsubscriber;
-    protected platform: AXPlatform;
-    private store;
-    private layout;
     private workflow;
+    protected store: {
+        currentTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
+        systemTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
+        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>;
+        isDarkMode: import("@angular/core").Signal<boolean>;
+        isLightMode: import("@angular/core").Signal<boolean>;
+        isSystemMode: import("@angular/core").Signal<boolean>;
+        isSideMenuOpen: 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>;
+        changeTheme: (theme: import("@acorex/platform/themes/shared").AXPThemeVariant) => void;
+        openSideMenu: () => void;
+        closeSideMenu: () => void;
+        toggleSideMenu: () => void;
+        setNavigationLoading: (value: boolean) => void;
+        setOverlayLoading: (value: boolean) => void;
+    } & import("@ngrx/signals").StateSource<{
+        currentTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
+        systemTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
+        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;
+    }>;
     vm: AXPEntityDetailListViewModel;
     protected focusedRow: any;
     grid: AXDataTableComponent;
-    constructor(actionSheetService: AXActionSheetService, unsubscriber: AXUnsubscriber, platform: AXPlatform, store: Store<AXPAdminLayoutState>);
-    protected isSM: import("rxjs").Observable<boolean>;
+    constructor(actionSheetService: AXActionSheetService, unsubscriber: AXUnsubscriber);
     private readonly destroyed;
     handleChangeSearchValue(e: AXValueChangedEvent): void;
     protected subscribeActionEvents(): void;
     ngAfterViewInit(): void;
-    private dropdownRowItems;
+    protected dropdownRowItems: import("@angular/core").Signal<import("@acorex/components/button").AXButtonItemListItem[]>;
+    protected commandRowItems: import("@angular/core").Signal<import("@acorex/components/button").AXButtonItemListItem[]>;
     protected handleRowDbClick(e: AXDataTableRowDbClick): void;
+    protected getCommandRowItems: () => AXRowCommandItem[];
     protected getDropdownRowItems: (rowData: unknown) => Promise<AXRowCommandItem[]>;
+    protected handleSelectedRowsChange(rows: unknown[]): Promise<void>;
     protected handleRowCommandClick(e: AXRowCommandItemClickEvent): Promise<void>;
     protected destroy(): void;
     ngOnDestroy(): void;

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

@@ -7,12 +7,50 @@ import * as i0 from "@angular/core";
 export declare class AXPEntityMasterListViewComponent {
     private actionSheetService;
     protected platform: AXPlatform;
-    private layout;
     private activeRoute;
     protected readonly vm: AXPEntityMasterListViewModel;
-    private store;
-    protected isSM: import("rxjs").Observable<boolean>;
-    protected isOpen: import("rxjs").Observable<boolean>;
+    protected store: {
+        currentTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
+        systemTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
+        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>;
+        isDarkMode: import("@angular/core").Signal<boolean>;
+        isLightMode: import("@angular/core").Signal<boolean>;
+        isSystemMode: import("@angular/core").Signal<boolean>;
+        isSideMenuOpen: 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>;
+        changeTheme: (theme: import("@acorex/platform/themes/shared").AXPThemeVariant) => void;
+        openSideMenu: () => void;
+        closeSideMenu: () => void;
+        toggleSideMenu: () => void;
+        setNavigationLoading: (value: boolean) => void;
+        setOverlayLoading: (value: boolean) => void;
+    } & import("@ngrx/signals").StateSource<{
+        currentTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
+        systemTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
+        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;
+    }>;
     protected focusedRow: any;
     protected searchBarShown: import("@angular/core").WritableSignal<boolean>;
     grid: AXDataTableComponent;

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

@@ -4,9 +4,7 @@ import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AXPListViewOptionsColumnsComponent {
-    private store;
     vm: AXPEntityMasterListViewModel;
-    protected isSM: import("rxjs").Observable<boolean>;
     onClosed: EventEmitter<void>;
     handleVisibilityChange(e: AXValueChangedEvent<boolean>, name: string): void;
     protected drop(event: CdkDragDrop<unknown[]>): void;

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

@@ -1,6 +1,6 @@
+import { AXPEntityMasterListViewModel, AXPEntityMasterListViewSortPropViewModel } from '@acorex/platform/layout/entity';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { EventEmitter } from '@angular/core';
-import { AXPEntityMasterListViewModel, AXPEntityMasterListViewSortPropViewModel } from '@acorex/platform/layout/entity';
 import * as i0 from "@angular/core";
 export declare class AXPListViewOptionSortingComponent {
     protected isSM: boolean;

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

@@ -4,9 +4,48 @@ import * as i0 from "@angular/core";
 export declare class AXPEntityMasterSingleViewComponent {
     private activeRoute;
     protected readonly vm: AXPEntityMasterSingleViewModel;
-    private store;
-    protected isSM: import("rxjs").Observable<boolean>;
-    protected isOpen: import("rxjs").Observable<boolean>;
+    protected store: {
+        currentTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
+        systemTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
+        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>;
+        isDarkMode: import("@angular/core").Signal<boolean>;
+        isLightMode: import("@angular/core").Signal<boolean>;
+        isSystemMode: import("@angular/core").Signal<boolean>;
+        isSideMenuOpen: 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>;
+        changeTheme: (theme: import("@acorex/platform/themes/shared").AXPThemeVariant) => void;
+        openSideMenu: () => void;
+        closeSideMenu: () => void;
+        toggleSideMenu: () => void;
+        setNavigationLoading: (value: boolean) => void;
+        setOverlayLoading: (value: boolean) => void;
+    } & import("@ngrx/signals").StateSource<{
+        currentTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
+        systemTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
+        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;
+    }>;
     protected selectedDetailTabIndex: import("@angular/core").WritableSignal<string>;
     handleActiveDetailTabChanged(e: AXTabStripChangedEvent): void;
     ngOnDestroy(): void;

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

@@ -1,8 +1,48 @@
 import * as i0 from "@angular/core";
 export declare class AXPRootLayoutHeaderComponent {
-    private store;
+    protected store: {
+        currentTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
+        systemTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
+        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>;
+        isDarkMode: import("@angular/core").Signal<boolean>;
+        isLightMode: import("@angular/core").Signal<boolean>;
+        isSystemMode: import("@angular/core").Signal<boolean>;
+        isSideMenuOpen: 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>;
+        changeTheme: (theme: import("@acorex/platform/themes/shared").AXPThemeVariant) => void;
+        openSideMenu: () => void;
+        closeSideMenu: () => void;
+        toggleSideMenu: () => void;
+        setNavigationLoading: (value: boolean) => void;
+        setOverlayLoading: (value: boolean) => void;
+    } & import("@ngrx/signals").StateSource<{
+        currentTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
+        systemTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
+        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;
+    }>;
     private router;
-    protected isOpen: import("rxjs").Observable<boolean>;
     menuClick(): void;
     logoClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPRootLayoutHeaderComponent, never>;

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

@@ -4,14 +4,20 @@ import * as i0 from "@angular/core";
 export declare class AXPRootLayoutMenuComponent {
     protected menuStore: {
         items: import("@angular/core").Signal<AXPMenuItem[]>;
-        selectedMenuItem: import("@angular/core").Signal<AXPMenuItem | null>;
+        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: AXPMenuItem | null;
+        selectedMenuItem: {
+            item: AXPMenuItem | null;
+            isFullMatch: boolean;
+        };
     }>;
     protected router: Router;
     onMenuItemClick(item: AXPMenuItem): void;

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

@@ -1,27 +1,55 @@
 import { AXDrawerComponent } from '@acorex/components/drawer';
-import { AXPLayoutService, AXPMenuItem } from '@acorex/platform/common';
-import { WritableSignal } from '@angular/core';
-import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class AXPRootLayoutComponent {
     drawer: AXDrawerComponent;
     private config;
-    private _layoutService;
-    get layoutService(): AXPLayoutService;
-    set layoutService(value: AXPLayoutService);
-    private subscriber;
-    private store;
-    private routeUtilService;
-    protected isActiveRoute: (item: AXPMenuItem) => boolean;
+    protected store: {
+        currentTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
+        systemTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
+        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>;
+        isDarkMode: import("@angular/core").Signal<boolean>;
+        isLightMode: import("@angular/core").Signal<boolean>;
+        isSystemMode: import("@angular/core").Signal<boolean>;
+        isSideMenuOpen: 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>;
+        changeTheme: (theme: import("@acorex/platform/themes/shared").AXPThemeVariant) => void;
+        openSideMenu: () => void;
+        closeSideMenu: () => void;
+        toggleSideMenu: () => void;
+        setNavigationLoading: (value: boolean) => void;
+        setOverlayLoading: (value: boolean) => void;
+    } & import("@ngrx/signals").StateSource<{
+        currentTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
+        systemTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
+        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;
+    }>;
     protected logo: {
         dark?: import("@acorex/platform/common").AXPLogoConfig;
         light?: import("@acorex/platform/common").AXPLogoConfig;
         colored?: import("@acorex/platform/common").AXPLogoConfig;
     } | undefined;
-    protected isOpen: Observable<boolean>;
-    protected isSM: Observable<boolean>;
-    protected isLoading: WritableSignal<boolean>;
-    protected showNavigationProgress: WritableSignal<boolean>;
     constructor();
     protected handleCollapsedChange(value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPRootLayoutComponent, never>;

package/themes/default/lib/layouts/setting-layout/convert-setting-data.d.ts

@@ -0,0 +1,21 @@
+import { AXTreeViewSchema } from '@acorex/components/tree-view/lib/tree-view.class';
+import { AXPSettingDefinitionGroup } from '@acorex/platform/common';
+/**
+ * Converts a list of AXPSettingDefinitionGroup into a tree structure of AXTreeViewSchema.
+ * This function processes groups and their nested sub-groups, recursively creating a tree.
+ *
+ * @param groups - Array of top-level setting groups to be converted into tree view schema.
+ * @param parentId - The parent ID for nested groups, passed down recursively. (Optional, default is undefined)
+ *
+ * @returns An array of AXTreeViewSchema representing the hierarchical structure of groups.
+ */
+export declare function convertToTreeViewSchema(groups: AXPSettingDefinitionGroup[], parentId?: string | number): AXTreeViewSchema[];
+/**
+ * Converts nested groups into breadcrumb-like paths.
+ * Each path represents the hierarchy of group names leading to a specific group.
+ *
+ * @param groups - The input array of AXPSettingDefinitionGroup.
+ * @param basePath - The current path prefix (optional, default is an empty array).
+ *
+ * @returns An array of paths where each path is an array of strings representing the breadcrumb.
+ */

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

@@ -0,0 +1,2 @@
+export * from './setting-view/setting-menu.component';
+export * from './setting-preview/setting-preview.component';

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

@@ -0,0 +1,24 @@
+import { AXPGroupDetails } from '@acorex/platform/common';
+import * as i0 from "@angular/core";
+export declare class AXPSettingsPreviewComponent {
+    private readonly activatedRoute;
+    private readonly router;
+    private readonly toastService;
+    private readonly settingService;
+    protected data: import("@angular/core").WritableSignal<AXPGroupDetails | null>;
+    protected context: import("@angular/core").WritableSignal<Record<any, any>>;
+    protected setContext(value: any): void;
+    private isSaving;
+    private previousContext;
+    protected canCancel: import("@angular/core").Signal<boolean>;
+    protected canSave: import("@angular/core").Signal<boolean>;
+    fullRoute: string;
+    eff: import("@angular/core").EffectRef;
+    constructor();
+    private isObjectEmpty;
+    private areObjectsEqual;
+    protected onCancel(): void;
+    protected onSave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPSettingsPreviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPSettingsPreviewComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,20 @@
+import { AXDrawerComponent } from '@acorex/components/drawer';
+import { AXTreeItemClickBaseEvent, AXTreeViewSchema } from '@acorex/components/tree-view/lib/tree-view.class';
+import { AXPSettingDefinitionProviderService } from '@acorex/platform/common';
+import { OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import * as i0 from "@angular/core";
+export declare class AXPSettingsMenuComponent implements OnInit {
+    drawerComp: import("@angular/core").Signal<AXDrawerComponent | undefined>;
+    settingService: AXPSettingDefinitionProviderService;
+    activatedRoute: ActivatedRoute;
+    router: Router;
+    data: import("@angular/core").WritableSignal<import("@acorex/platform/common").AXPSettingDefinitionGroup[]>;
+    formattedData: import("@angular/core").Signal<AXTreeViewSchema[]>;
+    constructor();
+    ngOnInit(): Promise<void>;
+    getData(): Promise<void>;
+    onClick(item: AXTreeItemClickBaseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPSettingsMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPSettingsMenuComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

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

@@ -4,18 +4,44 @@ export declare class AXPThemeSlotComponent {
     protected store: {
         currentTheme: import("@angular/core").Signal<AXPThemeVariant>;
         systemTheme: import("@angular/core").Signal<AXPThemeVariant>;
-        listener: import("@angular/core").Signal<((e: MediaQueryListEvent) => void) | null>;
+        screenSize: import("@angular/core").Signal<import("../services/theme.service").AXPScreenSize>;
+        deviceType: import("@angular/core").Signal<import("../services/theme.service").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("../services/theme.service").AXPSideMenuState>;
         isDarkMode: import("@angular/core").Signal<boolean>;
         isLightMode: import("@angular/core").Signal<boolean>;
         isSystemMode: import("@angular/core").Signal<boolean>;
+        isSideMenuOpen: 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>;
         changeTheme: (theme: AXPThemeVariant) => void;
-        applyCurrentTheme: () => void;
-        setupListener: () => (e: MediaQueryListEvent) => void;
-        removeListener: (listener: (e: MediaQueryListEvent) => void) => void;
+        openSideMenu: () => void;
+        closeSideMenu: () => void;
+        toggleSideMenu: () => void;
+        setNavigationLoading: (value: boolean) => void;
+        setOverlayLoading: (value: boolean) => void;
     } & import("@ngrx/signals").StateSource<{
         currentTheme: AXPThemeVariant;
         systemTheme: AXPThemeVariant;
-        listener: ((e: MediaQueryListEvent) => void) | null;
+        screenSize: import("../services/theme.service").AXPScreenSize;
+        deviceType: import("../services/theme.service").AXPDeviceType;
+        isTouchDevice: boolean;
+        overlayLoading: boolean;
+        navigationLoading: boolean;
+        overlayLoadingTaskCount: number;
+        navigationLoadingTaskCount: number;
+        sideMenuState: import("../services/theme.service").AXPSideMenuState;
     }>;
     protected variants: typeof AXPThemeVariant;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeSlotComponent, never>;

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

@@ -3,19 +3,59 @@ export declare enum AXPThemeVariant {
     Dark = "dark",
     System = "system"
 }
+export declare enum AXPScreenSize {
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+export declare enum AXPDeviceType {
+    Mobile = "mobile",
+    Tablet = "tablet",
+    Desktop = "desktop"
+}
+export declare enum AXPSideMenuState {
+    Opened = "opened",
+    Closed = "closed"
+}
 export declare const AXPLayoutThemeService: import("@angular/core").Type<{
     currentTheme: import("@angular/core").Signal<AXPThemeVariant>;
     systemTheme: import("@angular/core").Signal<AXPThemeVariant>;
-    listener: import("@angular/core").Signal<((e: MediaQueryListEvent) => void) | null>;
+    screenSize: import("@angular/core").Signal<AXPScreenSize>;
+    deviceType: import("@angular/core").Signal<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<AXPSideMenuState>;
     isDarkMode: import("@angular/core").Signal<boolean>;
     isLightMode: import("@angular/core").Signal<boolean>;
     isSystemMode: import("@angular/core").Signal<boolean>;
+    isSideMenuOpen: 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>;
     changeTheme: (theme: AXPThemeVariant) => void;
-    applyCurrentTheme: () => void;
-    setupListener: () => (e: MediaQueryListEvent) => void;
-    removeListener: (listener: (e: MediaQueryListEvent) => void) => void;
+    openSideMenu: () => void;
+    closeSideMenu: () => void;
+    toggleSideMenu: () => void;
+    setNavigationLoading: (value: boolean) => void;
+    setOverlayLoading: (value: boolean) => void;
 } & import("@ngrx/signals").StateSource<{
     currentTheme: AXPThemeVariant;
     systemTheme: AXPThemeVariant;
-    listener: ((e: MediaQueryListEvent) => void) | null;
+    screenSize: AXPScreenSize;
+    deviceType: AXPDeviceType;
+    isTouchDevice: boolean;
+    overlayLoading: boolean;
+    navigationLoading: boolean;
+    overlayLoadingTaskCount: number;
+    navigationLoadingTaskCount: number;
+    sideMenuState: AXPSideMenuState;
 }>>;

package/widgets/lib/widgets/advance/cron-job/cron-job-widget-column.component.d.ts

@@ -0,0 +1,6 @@
+import { AXPColumnWidgetComponent } from '@acorex/platform/layout/builder';
+import * as i0 from "@angular/core";
+export declare class AXPCronJobWidgetColumnComponent extends AXPColumnWidgetComponent<any> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPCronJobWidgetColumnComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPCronJobWidgetColumnComponent, "axp-text-box-widget-column", never, { "rawValue": { "alias": "rawValue"; "required": false; }; }, {}, never, never, true, never>;
+}

package/widgets/lib/widgets/advance/cron-job/cron-job-widget-designer.component.d.ts

@@ -0,0 +1,6 @@
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import * as i0 from "@angular/core";
+export declare class AXPCronJobWidgetDesignerComponent extends AXPWidgetComponent<any> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPCronJobWidgetDesignerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPCronJobWidgetDesignerComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}