@acorex/platform 19.1.2 → 19.1.4

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

@@ -0,0 +1,14 @@
+import { AXPEntityMasterListViewModel } from '@acorex/platform/layout/entity';
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+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<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

@@ -0,0 +1,13 @@
+import { AXPFilterDefinition, AXPFilterQuery } from '@acorex/platform/common';
+import { AXPFiltersViewModel } from '@acorex/platform/layout/filters';
+import { Injector, InputSignal, ModelSignal } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXPSimpleFiltersViewComponent {
+    protected vm: AXPFiltersViewModel;
+    protected injector: Injector;
+    availAbleFilters: InputSignal<AXPFilterDefinition[]>;
+    filters: ModelSignal<AXPFilterQuery>;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPSimpleFiltersViewComponent, 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>;
+}

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

@@ -1,8 +1,13 @@
 import * as i0 from "@angular/core";
 export declare class AXPRootLayoutHeaderComponent {
     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>;
@@ -24,7 +29,7 @@ export declare class AXPRootLayoutHeaderComponent {
         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;
@@ -32,8 +37,13 @@ export declare class AXPRootLayoutHeaderComponent {
         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/root-layout/root-layout.component.d.ts

@@ -4,8 +4,13 @@ export declare class AXPRootLayoutComponent {
     drawer: AXDrawerComponent;
     private config;
     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>;
@@ -27,7 +32,7 @@ export declare class AXPRootLayoutComponent {
         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;
@@ -35,8 +40,13 @@ export declare class AXPRootLayoutComponent {
         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/setting-layout/setting-page/setting-page.component.d.ts

@@ -1,11 +1,9 @@
-import { Injector } from '@angular/core';
 import { AXPSettingsViewModel } from '@acorex/platform/layout/setting';
+import { AXValueChangedEvent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
 export declare class AXPSettingPageComponent {
     protected vm: AXPSettingsViewModel;
-    protected injector: Injector;
-    private activatedRoute;
-    constructor();
+    protected handleSerach(e: AXValueChangedEvent<any>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPSettingPageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPSettingPageComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

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

@@ -2,8 +2,65 @@ import { AXPSettingsViewModel } from '@acorex/platform/layout/setting';
 import { Injector } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AXPSettingsViewComponent {
+    #private;
     protected vm: AXPSettingsViewModel;
     protected injector: Injector;
+    protected layoutService: {
+        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 from;
+    private container;
+    ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPSettingsViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPSettingsViewComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/themes/shared/index.d.ts

@@ -1,4 +1,6 @@
 export * from './lib/components/layout-elements';
 export * from './lib/components/theme-slot.component';
-export * from './lib/services/theme.service';
+export * from './lib/palette.provider';
+export * from './lib/theme.service';
+export * from './lib/theme.types';
 export * from './lib/shared.module';

package/themes/shared/lib/components/layout-elements/index.d.ts

@@ -1,4 +1,6 @@
 export * from './layout-blocks.component';
-export * from './layout-page-actions.component';
-export * from './layout-page-side.component';
-export * from './layout-page-header.component';
+export * from './layout-actions.component';
+export * from './layout-section.component';
+export * from './layout-side.component';
+export * from './layout-header.component';
+export * from './layout-list-component';

package/themes/shared/lib/components/layout-elements/{layout-page-actions.component.d.ts → layout-actions.component.d.ts}

@@ -2,19 +2,19 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AXPThemeLayoutPagePrimaryActionsComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutPagePrimaryActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutPagePrimaryActionsComponent, "axp-page-actions-primary", never, {}, {}, never, ["ax-button"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutPagePrimaryActionsComponent, "axp-layout-actions-primary", never, {}, {}, never, ["ax-button,ax-dropdown-button"], true, never>;
 }
 export declare class AXPThemeLayoutPageSecondaryActionsComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutPageSecondaryActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutPageSecondaryActionsComponent, "axp-page-actions-secondary", never, {}, {}, never, ["ax-button-item"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutPageSecondaryActionsComponent, "axp-layout-actions-secondary", never, {}, {}, never, ["ax-button-item"], true, never>;
 }
-export declare class AXPThemeLayoutPageActionsComponent {
+export declare class AXPThemeLayoutActionsComponent {
     readonly primaryTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     private readonly primaryContent;
     hasPrimary: import("@angular/core").Signal<boolean>;
     readonly secondaryTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     private readonly secondaryContent;
     hasSecondary: import("@angular/core").Signal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutPageActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutPageActionsComponent, "axp-page-actions", never, {}, {}, ["primaryContent", "secondaryContent"], ["axp-page-actions-primary", "axp-page-actions-secondary", "*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutActionsComponent, "axp-layout-actions", never, {}, {}, ["primaryContent", "secondaryContent"], ["axp-layout-actions-primary", "axp-layout-actions-secondary", "*"], true, never>;
 }

package/themes/shared/lib/components/layout-elements/layout-blocks.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class AXPThemeLayoutBlockComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutBlockComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutBlockComponent, "    axp-page-content,     axp-page-body,    axp-page-title,     axp-page-description,     axp-page-navbar,    axp-page-breadcrumbs,    axp-page-side-title    ", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutBlockComponent, "    axp-layout-content,     axp-layout-header-container,    axp-layout-footer-container,    axp-layout-side-container,    axp-layout-sections,    axp-layout-section-container,    axp-layout-body,    axp-layout-suffix,    axp-layout-prefix,    axp-layout-title,     axp-layout-nav-button,     axp-layout-description,     axp-layout-toolbar,    axp-layout-title-bar,    axp-layout-breadcrumbs    ", never, {}, {}, never, ["*"], true, never>;
 }

package/themes/shared/lib/components/layout-elements/layout-header.component.d.ts

@@ -0,0 +1,12 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXPThemeLayoutHeaderTemplateComponent {
+    readonly title: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    readonly description: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    readonly actions: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    readonly navbar: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    readonly breadcrumbs: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    readonly navButton: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutHeaderTemplateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutHeaderTemplateComponent, "axp-layout-header", never, {}, {}, never, ["axp-layout-breadcrumbs", "axp-layout-toolbar", "axp-layout-actions", "axp-layout-description", "axp-layout-title", "axp-layout-nav-button"], true, never>;
+}

package/themes/shared/lib/components/layout-elements/layout-list-component.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class AXPThemeLayoutListComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutListComponent, "axp-layout-list", never, {}, {}, never, ["axp-layout-list-item,axp-layout-list-group"], true, never>;
+}
+export declare class AXPThemeLayoutListItemsGroupComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutListItemsGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutListItemsGroupComponent, "axp-layout-list-group", never, {}, {}, never, ["axp-layout-list-item"], true, never>;
+}
+export declare class AXPThemeLayoutListItemComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutListItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutListItemComponent, "axp-layout-list-item", never, {}, {}, never, ["axp-layout-content,axp-layout-prefix,axp-layout-suffix"], true, never>;
+}

package/themes/shared/lib/components/layout-elements/layout-section.component.d.ts

@@ -0,0 +1,9 @@
+import { TemplateRef } from "@angular/core";
+import { AXPThemeLayoutHeaderTemplateComponent } from "./layout-header.component";
+import * as i0 from "@angular/core";
+export declare class AXPThemeLayoutSectionTemplateComponent {
+    readonly header: import("@angular/core").Signal<AXPThemeLayoutHeaderTemplateComponent | undefined>;
+    readonly content: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutSectionTemplateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutSectionTemplateComponent, "axp-layout-section", never, {}, {}, ["header"], ["axp-layout-header", "axp-layout-content"], true, never>;
+}

package/themes/shared/lib/components/layout-elements/layout-side.component.d.ts

@@ -0,0 +1,9 @@
+import { TemplateRef } from "@angular/core";
+import { AXPThemeLayoutHeaderTemplateComponent } from "./layout-header.component";
+import * as i0 from "@angular/core";
+export declare class AXPThemeLayoutSideTemplateComponent {
+    readonly header: import("@angular/core").Signal<AXPThemeLayoutHeaderTemplateComponent | undefined>;
+    readonly content: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutSideTemplateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutSideTemplateComponent, "axp-layout-side", never, {}, {}, ["header"], ["axp-layout-header", "axp-layout-content"], true, never>;
+}

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

@@ -1,17 +1,22 @@
-import { AXPThemeVariant } from '../services/theme.service';
+import { AXPThemeMode } from '../theme.types';
 import * as i0 from "@angular/core";
 export declare class AXPThemeSlotComponent {
     protected store: {
-        currentTheme: import("@angular/core").Signal<AXPThemeVariant>;
-        systemTheme: import("@angular/core").Signal<AXPThemeVariant>;
-        screenSize: import("@angular/core").Signal<import("../services/theme.service").AXPScreenSize>;
-        deviceType: import("@angular/core").Signal<import("../services/theme.service").AXPDeviceType>;
+        currentMode: import("@angular/core").Signal<AXPThemeMode>;
+        currentPallete: import("@angular/core").Signal<string>;
+        systemThemeMode: import("@angular/core").Signal<AXPThemeMode>;
+        font: import("@ngrx/signals").DeepSignal<{
+            family: string;
+            size: string;
+        }>;
+        screenSize: import("@angular/core").Signal<import("../theme.types").AXPScreenSize>;
+        deviceType: import("@angular/core").Signal<import("../theme.types").AXPDeviceType>;
         isTouchDevice: import("@angular/core").Signal<boolean>;
         overlayLoading: import("@angular/core").Signal<boolean>;
         navigationLoading: import("@angular/core").Signal<boolean>;
         overlayLoadingTaskCount: import("@angular/core").Signal<number>;
         navigationLoadingTaskCount: import("@angular/core").Signal<number>;
-        sideMenuState: import("@angular/core").Signal<import("../services/theme.service").AXPSideMenuState>;
+        sideMenuState: import("@angular/core").Signal<import("../theme.types").AXPSideMenuState>;
         isDarkMode: import("@angular/core").Signal<boolean>;
         isLightMode: import("@angular/core").Signal<boolean>;
         isSystemMode: import("@angular/core").Signal<boolean>;
@@ -25,7 +30,7 @@ export declare class AXPThemeSlotComponent {
         isTouchScreen: import("@angular/core").Signal<boolean>;
         isOverlayLoading: import("@angular/core").Signal<boolean>;
         isNavigationLoading: import("@angular/core").Signal<boolean>;
-        changeTheme: (theme: AXPThemeVariant) => void;
+        changeThemeMode: (theme: AXPThemeMode) => void;
         openSideMenu: () => void;
         closeSideMenu: () => void;
         toggleSideMenu: () => void;
@@ -33,18 +38,23 @@ export declare class AXPThemeSlotComponent {
         setOverlayLoading: (value: boolean) => void;
         loadSettings: () => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
-        currentTheme: AXPThemeVariant;
-        systemTheme: AXPThemeVariant;
-        screenSize: import("../services/theme.service").AXPScreenSize;
-        deviceType: import("../services/theme.service").AXPDeviceType;
+        currentMode: AXPThemeMode;
+        currentPallete: string;
+        systemThemeMode: AXPThemeMode;
+        font: {
+            family: string;
+            size: string;
+        };
+        screenSize: import("../theme.types").AXPScreenSize;
+        deviceType: import("../theme.types").AXPDeviceType;
         isTouchDevice: boolean;
         overlayLoading: boolean;
         navigationLoading: boolean;
         overlayLoadingTaskCount: number;
         navigationLoadingTaskCount: number;
-        sideMenuState: import("../services/theme.service").AXPSideMenuState;
+        sideMenuState: import("../theme.types").AXPSideMenuState;
     }>;
-    protected variants: typeof AXPThemeVariant;
+    protected variants: typeof AXPThemeMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeSlotComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeSlotComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/themes/shared/lib/palette.provider.d.ts

@@ -0,0 +1,9 @@
+import { InjectionToken } from "@angular/core";
+import { AXPThemePalette } from "./theme.types";
+export interface AXPThemePaletteProvider {
+    getList(): Promise<AXPThemePalette[]>;
+}
+export declare const AXP_THEME_PALETTE_PROVIDER: InjectionToken<AXPThemePaletteProvider>;
+export declare class AXPThemePaletteProviderDefault implements AXPThemePaletteProvider {
+    getList(): Promise<AXPThemePalette[]>;
+}

package/themes/shared/lib/setting.keys.d.ts

@@ -1,4 +1,9 @@
 export declare enum AXPThemeLayoutSetting {
-    ThemeVariant = "layout:theme:variant",
-    ThemeSideMenu = "layout:theme:sidemenu"
+    Name = "layout:theme:name",
+    Layout = "layout:theme:layout",
+    Font = "layout:theme:font:family",
+    FontSize = "layout:theme:font:size",
+    Palette = "layout:theme:palette",
+    Mode = "layout:theme:mode",
+    SideMenuStatus = "layout:theme:sidemenu"
 }

package/themes/shared/lib/setting.provider.d.ts

@@ -1,4 +1,5 @@
 import { AXPSettingDefinitionProvider, AXPSettingDefinitionProviderContext } from '@acorex/platform/common';
 export declare class AXPThemeSettingProvider implements AXPSettingDefinitionProvider {
+    private pallets;
     provide(context: AXPSettingDefinitionProviderContext): Promise<void>;
 }

package/themes/shared/lib/shared.module.d.ts

@@ -1,8 +1,11 @@
+import { AXPAppStartUpService } from '@acorex/platform/common';
+import { Injector } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@acorex/platform/common";
+import * as i2 from "@acorex/platform/layout/builder";
 export declare class AXPThemesSharedModule {
-    constructor();
+    constructor(appInitService: AXPAppStartUpService, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemesSharedModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPThemesSharedModule, never, [typeof i1.AXPComponentSlotModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPThemesSharedModule, never, [typeof i1.AXPComponentSlotModule, typeof i2.AXPLayoutBuilderModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXPThemesSharedModule>;
 }