@acorex/platform 19.1.3 → 19.1.4

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.4",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
@@ -41,17 +41,17 @@
       "types": "./auth/index.d.ts",
       "default": "./fesm2022/acorex-platform-auth.mjs"
     },
-    "./layouts": {
-      "types": "./layouts/index.d.ts",
-      "default": "./fesm2022/acorex-platform-layouts.mjs"
+    "./common": {
+      "types": "./common/index.d.ts",
+      "default": "./fesm2022/acorex-platform-common.mjs"
     },
     "./core": {
       "types": "./core/index.d.ts",
       "default": "./fesm2022/acorex-platform-core.mjs"
     },
-    "./common": {
-      "types": "./common/index.d.ts",
-      "default": "./fesm2022/acorex-platform-common.mjs"
+    "./layouts": {
+      "types": "./layouts/index.d.ts",
+      "default": "./fesm2022/acorex-platform-layouts.mjs"
     },
     "./native": {
       "types": "./native/index.d.ts",
@@ -65,26 +65,26 @@
       "types": "./workflow/index.d.ts",
       "default": "./fesm2022/acorex-platform-workflow.mjs"
     },
-    "./layout/designer": {
-      "types": "./layout/designer/index.d.ts",
-      "default": "./fesm2022/acorex-platform-layout-designer.mjs"
-    },
     "./layout/builder": {
       "types": "./layout/builder/index.d.ts",
       "default": "./fesm2022/acorex-platform-layout-builder.mjs"
     },
+    "./layout/designer": {
+      "types": "./layout/designer/index.d.ts",
+      "default": "./fesm2022/acorex-platform-layout-designer.mjs"
+    },
     "./layout/entity": {
       "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;

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

@@ -1,11 +1,14 @@
+import { AXPEntityMasterListViewModel } from '@acorex/platform/layout/entity';
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class AXPListViewOptionConditionsComponent {
+export declare class AXPListViewOptionFiltersComponent {
     constructor();
+    vm: AXPEntityMasterListViewModel;
     onClosed: EventEmitter<void>;
     protected handleClose(): void;
     protected handleResetClick(): void;
+    protected handleDiscardClick(): void;
     protected handleApplyClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPListViewOptionConditionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPListViewOptionConditionsComponent, "axp-list-view-option-conditions", never, {}, { "onClosed": "onClosed"; }, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPListViewOptionFiltersComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPListViewOptionFiltersComponent, "axp-list-view-option-filters", never, { "vm": { "alias": "viewModel"; "required": false; }; }, { "onClosed": "onClosed"; }, never, ["*"], true, never>;
 }

package/themes/default/lib/layouts/entity-layouts/entity-master-modify-view/entity-master-modify-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 { AXPEntityMasterUpdateViewModel } from '@acorex/platform/layout/entity';
 import { AXPWorkflowService } from '@acorex/platform/workflow';
 import * as i0 from "@angular/core";
@@ -10,7 +11,7 @@ export declare class AXPEntityMasterModifyViewComponent extends AXBasePageCompon
     protected handleSaveClick(form: AXFormComponent): Promise<void>;
     protected handleSectionDiscard(form: AXFormComponent): Promise<void>;
     protected handleSectionReset(form: AXFormComponent): Promise<void>;
-    protected handleContextChange(data: any): Promise<void>;
+    protected handleContextChange(e: AXPLayoutContextChangeEvent): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPEntityMasterModifyViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPEntityMasterModifyViewComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

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

@@ -5,8 +5,13 @@ export declare class AXPEntityMasterSingleViewComponent {
     private activeRoute;
     protected readonly vm: AXPEntityMasterSingleViewModel;
     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>;
@@ -28,7 +33,7 @@ export declare class AXPEntityMasterSingleViewComponent {
         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;
@@ -36,8 +41,13 @@ export declare class AXPEntityMasterSingleViewComponent {
         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/filters-layout/simple-filter-builder/filters-view.component.d.ts

@@ -1,12 +1,13 @@
-import { AXPFilterDefinition } from '@acorex/platform/common';
+import { AXPFilterDefinition, AXPFilterQuery } from '@acorex/platform/common';
 import { AXPFiltersViewModel } from '@acorex/platform/layout/filters';
-import { Injector, InputSignal } from '@angular/core';
+import { Injector, InputSignal, ModelSignal } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AXPSimpleFiltersViewComponent {
     protected vm: AXPFiltersViewModel;
     protected injector: Injector;
-    filters: InputSignal<AXPFilterDefinition[]>;
-    ngOnInit(): void;
+    availAbleFilters: InputSignal<AXPFilterDefinition[]>;
+    filters: ModelSignal<AXPFilterQuery>;
+    ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPSimpleFiltersViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPSimpleFiltersViewComponent, "axp-simple-filters-view", never, { "filters": { "alias": "filters"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPSimpleFiltersViewComponent, "axp-simple-filters-view", never, { "availAbleFilters": { "alias": "availAbleFilters"; "required": true; "isSignal": true; }; "filters": { "alias": "filters"; "required": true; "isSignal": true; }; }, { "filters": "filtersChange"; }, never, never, true, never>;
 }