@acorex/platform 19.1.3 → 19.1.5

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

@@ -1,8 +1,10 @@
 import { AXDataSource, AXValueChangedEvent } from '@acorex/components/common';
 import { AXPMetaData, AXPOptionsData, AXPPartialNested, AXPValidationRules } from '@acorex/platform/core';
 import { InjectionToken, OnInit } from '@angular/core';
-import { Subject } from 'rxjs';
-import { AXPLayoutElement } from './builder.service';
+import { BehaviorSubject } from 'rxjs';
+import { AXPLayoutBuilderService, AXPLayoutElement } from './builder.service';
+import { AXPWidgetTypesMap } from './widget-map';
+import { AXPPageStatus, AXPWidgetStatus } from './widget-status.types';
 import * as i0 from "@angular/core";
 export type AXPWidgetTrigger = {
     event: string;
@@ -84,45 +86,6 @@ export interface AXPWidgetNode {
     meta?: AXPMetaData;
     valueTransforms?: AXPWidgetValueTransformFunctions;
 }
-export interface AXPWidgetTypesMap {
-    checkbox: 'checkbox-editor';
-    color: 'color-editor';
-    contact: 'contact-editor';
-    dateTime: 'date-time-editor';
-    email: 'email-editor';
-    largeText: 'large-text-editor';
-    link: 'link-editor';
-    number: 'number-editor';
-    password: 'password-editor';
-    phone: 'phone-editor';
-    richText: 'rich-text-editor';
-    select: 'select-editor';
-    selectionList: 'selection-list-editor';
-    text: 'text-editor';
-    toggle: 'toggle-editor';
-    blockLayout: 'block-layout';
-    pageLayout: 'page-layout';
-    repeaterLayout: 'repeater-layout';
-    textBlockLayout: 'text-block-layout';
-    file: 'file';
-    map: 'map';
-    gallery: 'gallery';
-    signature: 'signature';
-    buttonAction: 'button-action';
-    document: 'document-layout';
-    lookup: 'lookup-editor';
-    formField: 'form-field';
-    grid: 'grid-layout';
-    gridRow: 'grid-row-layout';
-    gridItem: 'grid-item-layout';
-    qrcode: 'qrcode';
-    widgetSelector: 'widget-selector';
-    template: 'template';
-    templateDesigner: 'template-designer';
-    cronJob: 'cron-job';
-    spacing: 'spacing';
-    border: 'border';
-}
 export interface AXPWidgetNodeToken {
     config: AXPWidgetConfig;
     node: AXPWidgetNode;
@@ -150,7 +113,7 @@ export interface AXPWidgetConfigComponents {
     column?: AXPWidgetComponentConfig;
     filter?: AXPWidgetComponentConfig;
 }
-export type AXPWidgetViewType = 'container' | 'editor' | 'action' | 'view';
+export type AXPWidgetViewType = 'container' | 'editor' | 'action' | 'view' | 'filter';
 export type AXPWidgetOptionsMap = {
     container: {
         canInsert: boolean;
@@ -177,18 +140,20 @@ export interface AXPWidgetConfig<T = any> {
     components: AXPWidgetConfigComponents;
     meta?: AXPMetaData;
     type: AXPExtractWidgetConfig<T>['type'];
+    defaultFilterWidgetName?: 'string-filter' | 'number-filter' | 'datetime-filter' | 'boolean-filter' | 'select-filter' | 'lookup-filter';
     options?: AXPExtractWidgetConfig<T>['options'];
     visible?: boolean;
 }
+export interface extendedWidget {
+    widget: AXPWidgetConfig;
+    parentName: string;
+}
 export type AXPWidgetRenderMode = keyof AXPWidgetConfigComponents;
-export interface AXPLayoutContextEvent {
-    oldValue: any;
-    newValue: any;
-    path?: string | null;
-    data: any;
-    init: boolean;
+export interface AXPLayoutBuilderStatusChangedEvent {
+    status: AXPPageStatus;
 }
 export declare abstract class AXPWidgetComponent<T = any | null | void> extends AXPLayoutElement implements OnInit {
+    #private;
     protected readonly token: AXPWidgetNodeToken;
     readonly host: HTMLDivElement;
     readonly config: AXPWidgetConfig<any>;
@@ -200,13 +165,40 @@ export declare abstract class AXPWidgetComponent<T = any | null | void> extends
     protected children: import("@angular/core").Signal<AXPWidgetNode[]>;
     protected _options: import("@angular/core").WritableSignal<any>;
     protected options: import("@angular/core").Signal<any>;
-    private readonly contextService;
-    readonly onReady: Subject<void>;
-    private isRendered;
+    protected readonly layoutService: AXPLayoutBuilderService;
+    protected readonly contextService: {
+        data: import("@ngrx/signals").DeepSignal<{}>;
+        state: import("@angular/core").Signal<import("./context-store.service").AXPLayoutContextState>;
+        initialSnapshot: import("@ngrx/signals").DeepSignal<{}>;
+        previousSnapshot: import("@ngrx/signals").DeepSignal<{}>;
+        lastChange: import("@ngrx/signals").DeepSignal<import("./context-store.service").AXPLayoutContextChangeEvent>;
+        isChanged: import("@angular/core").Signal<boolean>;
+        isReset: import("@angular/core").Signal<boolean>;
+        isInitiated: import("@angular/core").Signal<boolean>;
+        isEmpty: import("@angular/core").Signal<boolean>;
+        snapshot: import("@angular/core").Signal<{}>;
+        initial: import("@angular/core").Signal<{}>;
+        previous: import("@angular/core").Signal<{}>;
+        changeEvent: import("@angular/core").Signal<import("./context-store.service").AXPLayoutContextChangeEvent>;
+        update: (path: string, value: any) => void;
+        reset: () => void;
+        set: (initialData: any) => void;
+        getValue: (path: string) => any;
+    } & import("@ngrx/signals").StateSource<{
+        data: {};
+        state: import("./context-store.service").AXPLayoutContextState;
+        initialSnapshot: {};
+        previousSnapshot: {};
+        lastChange: import("./context-store.service").AXPLayoutContextChangeEvent;
+    }>;
     private _isValueWidget;
     private isValueWidget;
     private _id;
     get id(): string | null;
+    private _status;
+    status: import("@angular/core").Signal<AXPWidgetStatus>;
+    readonly onStatusChanged: BehaviorSubject<AXPWidgetStatus>;
+    isBusy: import("@angular/core").Signal<boolean>;
     parent: AXPWidgetComponent | null | undefined;
     index: number | null | undefined;
     mode: AXPWidgetRenderMode;
@@ -214,16 +206,14 @@ export declare abstract class AXPWidgetComponent<T = any | null | void> extends
     protected outputs(): string[];
     protected fullPath: import("@angular/core").WritableSignal<string | null>;
     ngOnInit(): void;
-    private nextRender;
-    private initRender;
     getValue: import("@angular/core").Signal<T>;
     protected extractValue(path: string): any;
-    setValue(value: T | null | undefined, init?: boolean): void;
+    setValue(value: T | null | undefined): void;
+    setStatus(status: AXPWidgetStatus): void;
     setOptions(values: any): void;
     output<T = any>(name: string): T;
     call(name: string, ...args: any[]): void;
     setChildren(children: AXPWidgetNode[]): void;
-    onValueChanged(oldValue: T | null, newValue: T | null, init?: boolean): void;
     onAdded(): void;
     private detectFullPath;
     protected handleValueChanged(e: AXValueChangedEvent<T>): void;

package/layout/designer/lib/preview/preview-viewer.component.d.ts

@@ -1,4 +1,4 @@
-import { AXPWidgetDataSource, AXPWidgetDataSourceProviderService, AXPWidgetNode } from '@acorex/platform/layout/builder';
+import { AXPLayoutContextChangeEvent, AXPWidgetDataSource, AXPWidgetDataSourceProviderService, AXPWidgetNode } from '@acorex/platform/layout/builder';
 import { AXPDesignerConnector } from '../designer';
 import * as i0 from "@angular/core";
 export declare class AXPLayoutDesignerPreviewViewerComponent {
@@ -11,7 +11,7 @@ export declare class AXPLayoutDesignerPreviewViewerComponent {
     private channel;
     constructor();
     ngAfterViewInit(): void;
-    protected handleContextChanged(e: any): void;
+    protected handleContextChanged(e: AXPLayoutContextChangeEvent): void;
     protected functions: {
         getDataSourceNames: (name: string) => Promise<AXPWidgetDataSource | undefined>;
     };

package/layout/designer/lib/property-viewer/widget-property-viewer.component.d.ts

@@ -1,5 +1,5 @@
 import { AXTabStripChangedEvent } from '@acorex/components/tabs';
-import { AXPLayoutContextEvent, AXPWidgetConfig, AXPWidgetDataSourceProviderService, AXPWidgetNode, AXPWidgetProperty } from '@acorex/platform/layout/builder';
+import { AXPLayoutContextChangeEvent, AXPWidgetConfig, AXPWidgetDataSourceProviderService, AXPWidgetNode, AXPWidgetProperty } from '@acorex/platform/layout/builder';
 import { EventEmitter, WritableSignal } from '@angular/core';
 import { AXPDesignerConnector } from '../designer';
 import * as i0 from "@angular/core";
@@ -39,7 +39,7 @@ export declare class AXPWidgetPropertyViewerComponent {
     constructor();
     update(values: any): void;
     private fillTabs;
-    protected handleContextChange(e: AXPLayoutContextEvent): void;
+    protected handleContextChange(e: AXPLayoutContextChangeEvent): void;
     protected handleTabChange(event: AXTabStripChangedEvent): void;
     protected handleCollapsedChange(group: string, collapsed: boolean): void;
     protected functions: {

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

@@ -1,5 +1,5 @@
 import { AXDataSource } from '@acorex/components/common';
-import { AXPBeardCrumb, AXPEntity, AXPFilterDefinition, AXPQueryView } from '@acorex/platform/common';
+import { AXPBeardCrumb, AXPEntity, AXPFilterDefinition, AXPFilterQuery, AXPQueryView } from '@acorex/platform/common';
 import { Injector } from '@angular/core';
 import { ResolveFn } from '@angular/router';
 import { Subject } from 'rxjs';
@@ -32,6 +32,7 @@ export declare class AXPEntityMasterListViewModel {
     private readonly session;
     private readonly workflow;
     private readonly settings;
+    private widgetResolver;
     private readonly filterOperatorMiddleware;
     private settingListViewKey;
     private settingSelectedViewKey;
@@ -60,9 +61,13 @@ export declare class AXPEntityMasterListViewModel {
     selectedScopeActionsCount: import("@angular/core").Signal<number>;
     primaryRowActions: import("@angular/core").Signal<AXPEntityCommandTriggerViewModel[]>;
     secondaryRowActions: import("@angular/core").Signal<AXPEntityCommandTriggerViewModel[]>;
+    simpleFilters: import("@angular/core").WritableSignal<AXPFilterQuery>;
+    lastFiltersApplied: import("@angular/core").WritableSignal<AXPFilterQuery>;
     private inlineFilters;
-    private advanceFilters;
     get filtersDef(): AXPFilterDefinition[];
+    applyViewFilters(): void;
+    resetFilters(): void;
+    discardFilters(): void;
     applyInlineFilter(value: string): void;
     applyFilterAndSort(): void;
     private allAvailableColumns;

package/layout/entity/lib/widgets/lookup-widget/lookup-widget-edit.component.d.ts

@@ -14,7 +14,6 @@ export declare class AXPLookupWidgetEditComponent extends AXPWidgetComponent<any
     protected readonly entityResolver: AXPEntityResolver;
     protected readonly formatService: AXFormatService;
     protected readonly popupService: AXPopupService;
-    private readonly builderService;
     private readonly destroyRef;
     private readonly translateService;
     protected expose: import("@angular/core").Signal<string | any[] | undefined>;

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

@@ -1,20 +1,30 @@
 import { AXValueChangedEvent } from '@acorex/components/common';
-import { AXPFilterDefinition } from '@acorex/platform/common';
+import { AXPFilterDefinition, AXPFilterQuery } from '@acorex/platform/common';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { WritableSignal } from '@angular/core';
+import { ModelSignal, WritableSignal } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AXPFiltersViewModel {
+    #private;
     private readonly filterProviderService;
+    context: WritableSignal<{
+        [key: string]: any;
+    }>;
     readonly availableFilters: WritableSignal<AXPFilterDefinition[]>;
     readonly activeFilters: WritableSignal<AXPFilterDefinition[]>;
     readonly newFilters: WritableSignal<AXPFilterDefinition[]>;
+    protected filters: ModelSignal<AXPFilterQuery>;
     readonly activeFiltersCount: import("@angular/core").Signal<number>;
     onChoosingFiltersChange(e: AXValueChangedEvent<any>): void;
     onChoosingFiltersConfirm(): void;
-    setFilters(filters: AXPFilterDefinition[]): void;
+    convertFiltersToDefinition(filters: AXPFilterQuery[]): AXPFilterDefinition[];
+    setAvailableFilters(availableFilters: AXPFilterDefinition[]): void;
+    setFiltersModel(filters: ModelSignal<AXPFilterQuery>): void;
     drop(event: CdkDragDrop<unknown[]>): void;
+    convertContextToQueries(context: any): AXPFilterQuery[];
     resetFilterFields(): void;
     removeCondition(selectedFilter: AXPFilterDefinition): void;
+    private initializeContext;
+    initializeFilters(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPFiltersViewModel, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXPFiltersViewModel>;
 }

package/layout/setting/lib/convert-setting-data.d.ts

@@ -1,22 +1,2 @@
-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[];
-/**
- * Recursively searches for a specific `id` in a tree structure and updates its `active` property to `true`.
- * Additionally, ensures all other nodes have their `active` property set to `false`.
- *
- * @param tree - The tree structure to search, represented as an array of AXTreeViewSchema nodes.
- * @param targetId - The `id` of the node to activate.
- * @returns The updated tree structure with the target node activated and others deactivated.
- */
-export declare function setActiveByValueField(tree: AXTreeViewSchema[], targetId: string | number): AXTreeViewSchema[];
 export declare function searchSettings(groups: AXPSettingDefinitionGroup[], search: string): AXPSettingDefinitionGroup[];

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

@@ -1,5 +1,6 @@
 import { AXPGroupSearchResult, AXPSettingDefinitionGroup, AXPSettingDefinitionSection } from '@acorex/platform/common';
-import { AXPLayoutContextEvent } from '@acorex/platform/layout/builder';
+import { AXPLayoutBuilderService, AXPLayoutContextChangeEvent } from '@acorex/platform/layout/builder';
+import { AXFormComponent } from '@acorex/components/form';
 import * as i0 from "@angular/core";
 export declare class AXPSettingsViewModel {
     #private;
@@ -7,20 +8,80 @@ export declare class AXPSettingsViewModel {
     private readonly settingDefinitionService;
     private readonly settingValueService;
     private readonly toastService;
+    private readonly dialogService;
     private readonly highlightService;
-    private readonly layoutService;
+    readonly layout: {
+        currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
+        currentPallete: import("@angular/core").Signal<string>;
+        systemThemeMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
+        font: import("@ngrx/signals").DeepSignal<{
+            family: string;
+            size: string;
+        }>;
+        screenSize: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPScreenSize>;
+        deviceType: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPDeviceType>;
+        isTouchDevice: import("@angular/core").Signal<boolean>;
+        overlayLoading: import("@angular/core").Signal<boolean>;
+        navigationLoading: import("@angular/core").Signal<boolean>;
+        overlayLoadingTaskCount: import("@angular/core").Signal<number>;
+        navigationLoadingTaskCount: import("@angular/core").Signal<number>;
+        sideMenuState: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPSideMenuState>;
+        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>;
+        changeThemeMode: (theme: import("@acorex/platform/themes/shared").AXPThemeMode) => void;
+        openSideMenu: () => void;
+        closeSideMenu: () => void;
+        toggleSideMenu: () => void;
+        setNavigationLoading: (value: boolean) => void;
+        setOverlayLoading: (value: boolean) => void;
+        loadSettings: () => Promise<void>;
+    } & import("@ngrx/signals").StateSource<{
+        currentMode: import("@acorex/platform/themes/shared").AXPThemeMode;
+        currentPallete: string;
+        systemThemeMode: import("@acorex/platform/themes/shared").AXPThemeMode;
+        font: {
+            family: string;
+            size: string;
+        };
+        screenSize: import("@acorex/platform/themes/shared").AXPScreenSize;
+        deviceType: import("@acorex/platform/themes/shared").AXPDeviceType;
+        isTouchDevice: boolean;
+        overlayLoading: boolean;
+        navigationLoading: boolean;
+        overlayLoadingTaskCount: number;
+        navigationLoadingTaskCount: number;
+        sideMenuState: import("@acorex/platform/themes/shared").AXPSideMenuState;
+    }>;
     private activatedRoute;
+    form: AXFormComponent;
+    builder: AXPLayoutBuilderService;
     searchExpression: import("@angular/core").WritableSignal<string>;
     private isValidQuery;
     isSearching: import("@angular/core").Signal<boolean>;
     searchResult: import("@angular/core").WritableSignal<AXPSettingDefinitionGroup[]>;
     isSaving: import("@angular/core").WritableSignal<boolean>;
-    inlineSave: import("@angular/core").Signal<boolean>;
+    isBusy: import("@angular/core").WritableSignal<boolean>;
     activateGroup: import("@angular/core").WritableSignal<string | undefined>;
     private activeScope;
     loadedItems: import("@angular/core").WritableSignal<AXPSettingDefinitionGroup[] | null>;
+    private scopeName;
+    private resolveScopeKey;
     private resolveScope;
+    title: import("@angular/core").Signal<string>;
     groups: import("@angular/core").Signal<AXPGroupSearchResult | null>;
+    hasGroup: import("@angular/core").Signal<boolean>;
+    showSide: import("@angular/core").Signal<boolean>;
     /**
      * @ignore
      */
@@ -33,7 +94,7 @@ export declare class AXPSettingsViewModel {
     handleSelectGroup(item: AXPSettingDefinitionGroup): void;
     context: import("@angular/core").WritableSignal<Record<any, any>>;
     private previousContext;
-    handleContextChanged(e: AXPLayoutContextEvent): Promise<void>;
+    handleContextChanged(e: AXPLayoutContextChangeEvent): Promise<void>;
     isDirty(section?: AXPSettingDefinitionSection): boolean;
     apply(section?: AXPSettingDefinitionSection): Promise<void>;
     discard(section?: AXPSettingDefinitionSection): Promise<void>;

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

@@ -16,8 +16,13 @@ export declare class AXPEntityDetailsViewComponent {
     protected loader: AXPEntityDetailViewLoader;
     drawer: AXDrawerComponent;
     protected store: {
-        currentTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
-        systemTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
+        currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
+        currentPallete: import("@angular/core").Signal<string>;
+        systemThemeMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
+        font: import("@ngrx/signals").DeepSignal<{
+            family: string;
+            size: string;
+        }>;
         screenSize: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPScreenSize>;
         deviceType: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPDeviceType>;
         isTouchDevice: import("@angular/core").Signal<boolean>;
@@ -39,7 +44,7 @@ export declare class AXPEntityDetailsViewComponent {
         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;
+        changeThemeMode: (theme: import("@acorex/platform/themes/shared").AXPThemeMode) => void;
         openSideMenu: () => void;
         closeSideMenu: () => void;
         toggleSideMenu: () => void;
@@ -47,8 +52,13 @@ export declare class AXPEntityDetailsViewComponent {
         setOverlayLoading: (value: boolean) => void;
         loadSettings: () => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
-        currentTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
-        systemTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
+        currentMode: import("@acorex/platform/themes/shared").AXPThemeMode;
+        currentPallete: string;
+        systemThemeMode: import("@acorex/platform/themes/shared").AXPThemeMode;
+        font: {
+            family: string;
+            size: string;
+        };
         screenSize: import("@acorex/platform/themes/shared").AXPScreenSize;
         deviceType: import("@acorex/platform/themes/shared").AXPDeviceType;
         isTouchDevice: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/platform",
-  "version": "19.1.3",
+  "version": "19.1.5",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
@@ -45,6 +45,10 @@
       "types": "./layouts/index.d.ts",
       "default": "./fesm2022/acorex-platform-layouts.mjs"
     },
+    "./native": {
+      "types": "./native/index.d.ts",
+      "default": "./fesm2022/acorex-platform-native.mjs"
+    },
     "./core": {
       "types": "./core/index.d.ts",
       "default": "./fesm2022/acorex-platform-core.mjs"
@@ -53,10 +57,6 @@
       "types": "./common/index.d.ts",
       "default": "./fesm2022/acorex-platform-common.mjs"
     },
-    "./native": {
-      "types": "./native/index.d.ts",
-      "default": "./fesm2022/acorex-platform-native.mjs"
-    },
     "./widgets": {
       "types": "./widgets/index.d.ts",
       "default": "./fesm2022/acorex-platform-widgets.mjs"
@@ -77,14 +77,14 @@
       "types": "./layout/entity/index.d.ts",
       "default": "./fesm2022/acorex-platform-layout-entity.mjs"
     },
-    "./layout/setting": {
-      "types": "./layout/setting/index.d.ts",
-      "default": "./fesm2022/acorex-platform-layout-setting.mjs"
-    },
     "./layout/filters": {
       "types": "./layout/filters/index.d.ts",
       "default": "./fesm2022/acorex-platform-layout-filters.mjs"
     },
+    "./layout/setting": {
+      "types": "./layout/setting/index.d.ts",
+      "default": "./fesm2022/acorex-platform-layout-setting.mjs"
+    },
     "./themes/default": {
       "types": "./themes/default/index.d.ts",
       "default": "./fesm2022/acorex-platform-themes-default.mjs"

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

@@ -2,8 +2,13 @@ import { AXPThemeLayoutActionsComponent, AXPThemeLayoutHeaderTemplateComponent,
 import * as i0 from "@angular/core";
 export declare class AXPSimplePageLayout {
     protected layoutService: {
-        currentTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
-        systemTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
+        currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
+        currentPallete: import("@angular/core").Signal<string>;
+        systemThemeMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
+        font: import("@ngrx/signals").DeepSignal<{
+            family: string;
+            size: string;
+        }>;
         screenSize: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPScreenSize>;
         deviceType: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPDeviceType>;
         isTouchDevice: import("@angular/core").Signal<boolean>;
@@ -25,7 +30,7 @@ export declare class AXPSimplePageLayout {
         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;
+        changeThemeMode: (theme: import("@acorex/platform/themes/shared").AXPThemeMode) => void;
         openSideMenu: () => void;
         closeSideMenu: () => void;
         toggleSideMenu: () => void;
@@ -33,8 +38,13 @@ export declare class AXPSimplePageLayout {
         setOverlayLoading: (value: boolean) => void;
         loadSettings: () => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
-        currentTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
-        systemTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
+        currentMode: import("@acorex/platform/themes/shared").AXPThemeMode;
+        currentPallete: string;
+        systemThemeMode: import("@acorex/platform/themes/shared").AXPThemeMode;
+        font: {
+            family: string;
+            size: string;
+        };
         screenSize: import("@acorex/platform/themes/shared").AXPScreenSize;
         deviceType: import("@acorex/platform/themes/shared").AXPDeviceType;
         isTouchDevice: boolean;

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

@@ -9,8 +9,13 @@ export declare class AXPEntityDetailListViewComponent {
     private unsubscriber;
     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>;
+        currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
+        currentPallete: import("@angular/core").Signal<string>;
+        systemThemeMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
+        font: import("@ngrx/signals").DeepSignal<{
+            family: string;
+            size: string;
+        }>;
         screenSize: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPScreenSize>;
         deviceType: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPDeviceType>;
         isTouchDevice: import("@angular/core").Signal<boolean>;
@@ -32,7 +37,7 @@ export declare class AXPEntityDetailListViewComponent {
         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;
+        changeThemeMode: (theme: import("@acorex/platform/themes/shared").AXPThemeMode) => void;
         openSideMenu: () => void;
         closeSideMenu: () => void;
         toggleSideMenu: () => void;
@@ -40,8 +45,13 @@ export declare class AXPEntityDetailListViewComponent {
         setOverlayLoading: (value: boolean) => void;
         loadSettings: () => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
-        currentTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
-        systemTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
+        currentMode: import("@acorex/platform/themes/shared").AXPThemeMode;
+        currentPallete: string;
+        systemThemeMode: import("@acorex/platform/themes/shared").AXPThemeMode;
+        font: {
+            family: string;
+            size: string;
+        };
         screenSize: import("@acorex/platform/themes/shared").AXPScreenSize;
         deviceType: import("@acorex/platform/themes/shared").AXPDeviceType;
         isTouchDevice: boolean;

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

@@ -1,5 +1,6 @@
 import { AXFormComponent } from '@acorex/components/form';
 import { AXBasePageComponent } from '@acorex/components/page';
+import { AXPLayoutContextChangeEvent } from '@acorex/platform/layout/builder';
 import { AXPEntityMasterCreateViewModel } from '@acorex/platform/layout/entity';
 import { AXPWorkflowService } from '@acorex/platform/workflow';
 import * as i0 from "@angular/core";
@@ -11,7 +12,7 @@ export declare class AXPEntityMasterCreateViewComponent extends AXBasePageCompon
     protected handleNextClick(form: AXFormComponent): Promise<void>;
     protected handleSaveClick(form: AXFormComponent): Promise<void>;
     protected handleSaveAndNewClick(form: AXFormComponent): Promise<void>;
-    protected handleContextChange(data: any): Promise<void>;
+    protected handleContextChange(e: AXPLayoutContextChangeEvent): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPEntityMasterCreateViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPEntityMasterCreateViewComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,4 +1,5 @@
 import { AXDataTableComponent, AXDataTableRowDbClick, AXRowCommandItem, AXRowCommandItemClickEvent } from '@acorex/components/data-table';
+import { AXDrawerComponent } from '@acorex/components/drawer';
 import { AXPlatform } from '@acorex/core/platform';
 import { AXValueChangedEvent } from '@acorex/components/common';
 import { AXPEntityMasterListViewModel } from '@acorex/platform/layout/entity';
@@ -8,8 +9,13 @@ export declare class AXPEntityMasterListViewComponent {
     private activeRoute;
     protected readonly vm: AXPEntityMasterListViewModel;
     protected store: {
-        currentTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
-        systemTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
+        currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
+        currentPallete: import("@angular/core").Signal<string>;
+        systemThemeMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
+        font: import("@ngrx/signals").DeepSignal<{
+            family: string;
+            size: string;
+        }>;
         screenSize: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPScreenSize>;
         deviceType: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPDeviceType>;
         isTouchDevice: import("@angular/core").Signal<boolean>;
@@ -31,7 +37,7 @@ export declare class AXPEntityMasterListViewComponent {
         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;
+        changeThemeMode: (theme: import("@acorex/platform/themes/shared").AXPThemeMode) => void;
         openSideMenu: () => void;
         closeSideMenu: () => void;
         toggleSideMenu: () => void;
@@ -39,8 +45,13 @@ export declare class AXPEntityMasterListViewComponent {
         setOverlayLoading: (value: boolean) => void;
         loadSettings: () => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
-        currentTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
-        systemTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
+        currentMode: import("@acorex/platform/themes/shared").AXPThemeMode;
+        currentPallete: string;
+        systemThemeMode: import("@acorex/platform/themes/shared").AXPThemeMode;
+        font: {
+            family: string;
+            size: string;
+        };
         screenSize: import("@acorex/platform/themes/shared").AXPScreenSize;
         deviceType: import("@acorex/platform/themes/shared").AXPDeviceType;
         isTouchDevice: boolean;
@@ -54,7 +65,7 @@ export declare class AXPEntityMasterListViewComponent {
     grid: AXDataTableComponent;
     constructor(platform: AXPlatform);
     ngAfterViewInit(): void;
-    protected closeDrawer(name: string, collapsed: boolean): void;
+    protected closeFiltersDrawer(e: AXDrawerComponent, collapsed: boolean): void;
     handleChangeSearchValue(e: AXValueChangedEvent): void;
     protected dropdownRowItems: import("@angular/core").Signal<import("@acorex/components/button").AXButtonItemListItem[]>;
     private commandRowItems;