@acorex/platform 18.2.2 → 18.2.3

package/layout/builder/lib/builder/widget.types.d.ts

@@ -111,6 +111,7 @@ export interface AXPWidgetTypesMap {
     widgetSelector: 'widget-selector';
     template: 'template';
     templateDesigner: 'template-designer';
+    cronJob: 'cron-job';
 }
 export interface AXPWidgetNodeToken {
     config: AXPWidgetConfig;
@@ -205,9 +206,7 @@ export declare abstract class AXPContainerWidgetComponent<T> extends AXPWidgetCo
 export type AXPDataSource = string | AXDataSource | any[];
 export declare abstract class AXPDataListWidgetComponent extends AXPWidgetComponent<any> {
     private dataService;
-    protected rawDataSource: import("@angular/core").Signal<AXPDataSource>;
     protected dataSource: import("@angular/core").WritableSignal<AXDataSource<unknown>>;
-    protected items: import("@angular/core").Signal<any[]>;
     protected textField: import("@angular/core").Signal<string>;
     protected valueField: import("@angular/core").Signal<string>;
     private rf;

package/layout/entity/lib/entity-detail-list.viewmodel.d.ts

@@ -9,6 +9,7 @@ export declare class AXPEntityDetailListViewModel {
     private detailEntity;
     private formatService;
     private workflow;
+    private filterOperatorMiddleware;
     dataSource: AXDataSource<unknown>;
     constructor(injector: Injector, detailEntityConfig: AXPRelatedEntity, parent: {
         entity: AXPEntity;

package/layout/entity/lib/entity-master-create.viewmodel.d.ts

@@ -1,12 +1,12 @@
 import { Injector } from "@angular/core";
 import { AXPWidgetNode } from "@acorex/platform/layout/builder";
-import { AXPEntity, AXPEntityPropertyGroup, AXPGridLayoutOptions, AXPEntityProperty, AXPEntityPropertyCreateView, AXPEntitySectionView } from "@acorex/platform/common";
+import { AXPEntity, AXPGridLayoutOptions, AXPEntityProperty, AXPEntityPropertyCreateView, AXPEntitySectionView } from "@acorex/platform/common";
 import * as i0 from "@angular/core";
 export declare class AXPEntityCreateViewSectionViewModel {
     private entity;
     private section;
     constructor(entity: AXPEntity, section: AXPEntitySectionView);
-    group: AXPEntityPropertyGroup;
+    group: import("@acorex/platform/common").AXPEntityPropertyGroup;
     name: import("@angular/core").WritableSignal<string>;
     title: import("@angular/core").Signal<string>;
     description: import("@angular/core").Signal<string | null | undefined>;

package/layout/entity/lib/entity-master-list.viewmodel.d.ts

@@ -29,6 +29,7 @@ export declare class AXPEntityMasterListViewModel {
     private readonly formatService;
     private readonly session;
     private readonly workflow;
+    private readonly filterOperatorMiddleware;
     private readonly destroyed;
     events$: Subject<{
         action: string;

package/layout/setting/README.md

@@ -0,0 +1,4 @@
+# @acorex/platform/entity
+
+Secondary entry point of `@acorex/platform`. It can be used by importing from `@acorex/platform/entity`.
+            

package/layout/setting/index.d.ts

@@ -0,0 +1 @@
+export * from './lib/setting.viewmodel';

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

@@ -0,0 +1,13 @@
+import { Injector } from '@angular/core';
+import { AXDataSource } from '@acorex/components/common';
+import * as i0 from "@angular/core";
+export declare class AXPSettingsViewModel {
+    private injector;
+    dataSource: AXDataSource;
+    private searchQuery;
+    constructor(injector: Injector);
+    applySearch(query: string): void;
+    private loadSettingsFromAPI;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPSettingsViewModel, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXPSettingsViewModel>;
+}

package/layouts/lib/admin/admin.module.d.ts

@@ -1,8 +1,11 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./entity-layout/entity-list-view/list-view.module";
-import * as i2 from "@acorex/platform/workflow";
+import * as i1 from "@acorex/components/drawer";
+import * as i2 from "@angular/common";
+import * as i3 from "@acorex/components/decorators";
+import * as i4 from "./entity-layout/entity-list-view/list-view.module";
+import * as i5 from "@acorex/platform/workflow";
 export declare class AXPAdminLayoutModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPAdminLayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPAdminLayoutModule, never, [typeof i1.AXPListViewModule, typeof i2.AXPWorkflowModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPAdminLayoutModule, never, [typeof i1.AXDrawerModule, typeof i2.CommonModule, typeof i3.AXDecoratorModule, typeof i4.AXPListViewModule, typeof i5.AXPWorkflowModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXPAdminLayoutModule>;
 }

package/layouts/lib/admin/entity-layout/entity-details-view/entity-details-view.component.d.ts

@@ -9,27 +9,60 @@ import * as i0 from "@angular/core";
 export declare class AXPEntityDetailsViewComponent {
     private actions$;
     private unsubscriber;
-    private popupService;
     private sessionService;
     private activeRoute;
-    private router;
     private location;
-    private cdr;
-    private platform;
     private workflow;
     protected loader: AXPEntityDetailViewLoader;
     drawer: AXDrawerComponent;
-    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 canDelete: boolean;
     protected canCreate: boolean;
     protected canUpdate: boolean;
     protected context: WritableSignal<any>;
     constructor(actions$: Actions, unsubscriber: AXUnsubscriber);
     protected handleMenuClick(e: AXHtmlEvent, item: AXPEntityViewChildSectionConfig): void;
-    protected handleCollapsedChange(value: boolean): void;
-    protected handleDrawerClick(): void;
     private setSection;
     protected handleSectionEdit(section: AXPEntityViewChildSectionConfig): Promise<void>;
     protected isActive(item: AXPEntityViewChildSectionConfig): boolean;

package/layouts/lib/admin/entity-layout/entity-list-view/components/list-view-option-columns/list-view-option-columns.component.d.ts

@@ -6,9 +6,7 @@ import { AXPListViewLoader } from '../../list-view.config';
 import { AXPEntityListDisplayColumnConfig } from '@acorex/platform/common';
 import * as i0 from "@angular/core";
 export declare class AXPListViewOptionsColumnsComponent implements OnInit {
-    private store;
     loader: AXPListViewLoader;
-    protected isSM: Observable<boolean>;
     protected columns$: Observable<AXPEntityListDisplayColumnConfig[]>;
     onClosed: EventEmitter<void>;
     ngOnInit(): void;

package/layouts/lib/admin/entity-layout/entity-list-view/entity-list-view.component.d.ts

@@ -13,7 +13,6 @@ export declare class AXPEntityListViewComponent {
     private unsubscriber;
     protected platform: AXPlatform;
     protected cdr: ChangeDetectorRef;
-    private store;
     private workflow;
     private layout;
     private route;
@@ -47,7 +46,6 @@ export declare class AXPEntityListViewComponent {
     ngAfterViewInit(): void;
     _getInlineConditionTitles(): void;
     _handleViewsPopover(): void;
-    handleDrawerClick(): void;
     toggleSearchBox(): void;
     private dropdownRowItems;
     private inlineRowItems;

package/layouts/lib/admin/entity-layout/entity-list-view/list-view.config.d.ts

@@ -1,5 +1,5 @@
 import { AXDataSource } from '@acorex/components/common';
-import { AXPEntityConfig, AXPEntityListColumnConfig, AXPEntityListConditionConfig, AXPEntityListDisplayColumnConfig, AXPEntityListSortConfig, AXPEntityListViewConfig, AXPEntityPropertyConfig, AXPSchemaRegistryService } from '@acorex/platform/common';
+import { AXPEntityConfig, AXPEntityListColumnConfig, AXPEntityListConditionConfig, AXPEntityListDisplayColumnConfig, AXPEntityListSortConfig, AXPEntityListViewConfig, AXPEntityPropertyConfig, AXPFilterOperatorMiddlewareService, AXPSchemaRegistryService } from '@acorex/platform/common';
 import { InjectionToken } from '@angular/core';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
@@ -45,10 +45,11 @@ export interface AXPListViewLoader {
 export declare class AXPListViewLoaderDefault implements AXPListViewLoader {
     private config;
     private schemaService;
+    private filterOperatorMiddleware;
     private _config;
     private _dataSource;
     private _inlineFilterItems;
-    constructor(config: AXPEntityConfig, schemaService: AXPSchemaRegistryService);
+    constructor(config: AXPEntityConfig, schemaService: AXPSchemaRegistryService, filterOperatorMiddleware: AXPFilterOperatorMiddlewareService);
     get entity(): AXPEntityConfig;
     get dataSource(): AXDataSource;
     private get props();
@@ -105,6 +106,7 @@ export declare class AXPListViewLoaderFactory {
     private entityService;
     private schemaService;
     private layout;
+    private readonly filterOperatorMiddleware;
     create(moduleName: string, entityName: string): Promise<AXPListViewLoader>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPListViewLoaderFactory, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXPListViewLoaderFactory>;

package/layouts/lib/admin/entity-layout/entity-quick-view/entity-quick-view.component.d.ts

@@ -6,7 +6,6 @@ export declare class AXPEntityQuickViewComponent extends AXBasePageComponent {
     private actions$;
     private entity;
     protected root: AXPEntityViewRootSectionConfig;
-    private store;
     private workflow;
     protected canDelete: boolean;
     protected canCreate: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/platform",
-  "version": "18.2.2",
+  "version": "18.2.3",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
@@ -45,23 +45,23 @@
       "esm": "./esm2022/auth/acorex-platform-auth.mjs",
       "default": "./fesm2022/acorex-platform-auth.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",
       "esm": "./esm2022/layouts/acorex-platform-layouts.mjs",
       "default": "./fesm2022/acorex-platform-layouts.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"
+    "./native": {
+      "types": "./native/index.d.ts",
+      "esm2022": "./esm2022/native/acorex-platform-native.mjs",
+      "esm": "./esm2022/native/acorex-platform-native.mjs",
+      "default": "./fesm2022/acorex-platform-native.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",
@@ -69,12 +69,6 @@
       "esm": "./esm2022/core/acorex-platform-core.mjs",
       "default": "./fesm2022/acorex-platform-core.mjs"
     },
-    "./native": {
-      "types": "./native/index.d.ts",
-      "esm2022": "./esm2022/native/acorex-platform-native.mjs",
-      "esm": "./esm2022/native/acorex-platform-native.mjs",
-      "default": "./fesm2022/acorex-platform-native.mjs"
-    },
     "./widgets": {
       "types": "./widgets/index.d.ts",
       "esm2022": "./esm2022/widgets/acorex-platform-widgets.mjs",
@@ -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,24 +1,59 @@
 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;

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-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/root-layout.component.d.ts

@@ -1,24 +1,55 @@
 import { AXDrawerComponent } from '@acorex/components/drawer';
-import { AXPLayoutService } from '@acorex/platform/common';
-import { WritableSignal } from '@angular/core';
 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;
+    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: import("rxjs").Observable<boolean>;
-    protected isSM: import("rxjs").Observable<boolean>;
-    protected isLoading: WritableSignal<boolean>;
-    protected showNavigationProgress: WritableSignal<boolean>;
     constructor();
     protected handleCollapsedChange(value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPRootLayoutComponent, never>;