@acorex/platform 19.1.3 → 19.1.5

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>;
 }

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,55 +1,8 @@
-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;
-    protected themeService: {
-        currentTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
-        systemTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
-        screenSize: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPScreenSize>;
-        deviceType: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPDeviceType>;
-        isTouchDevice: import("@angular/core").Signal<boolean>;
-        overlayLoading: import("@angular/core").Signal<boolean>;
-        navigationLoading: import("@angular/core").Signal<boolean>;
-        overlayLoadingTaskCount: import("@angular/core").Signal<number>;
-        navigationLoadingTaskCount: import("@angular/core").Signal<number>;
-        sideMenuState: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPSideMenuState>;
-        isDarkMode: import("@angular/core").Signal<boolean>;
-        isLightMode: import("@angular/core").Signal<boolean>;
-        isSystemMode: import("@angular/core").Signal<boolean>;
-        isSideMenuOpen: import("@angular/core").Signal<boolean>;
-        isSmall: import("@angular/core").Signal<boolean>;
-        isMedium: import("@angular/core").Signal<boolean>;
-        isLarge: import("@angular/core").Signal<boolean>;
-        isMobileDevice: import("@angular/core").Signal<boolean>;
-        isTabletDevice: import("@angular/core").Signal<boolean>;
-        isDesktopDevice: import("@angular/core").Signal<boolean>;
-        isTouchScreen: import("@angular/core").Signal<boolean>;
-        isOverlayLoading: import("@angular/core").Signal<boolean>;
-        isNavigationLoading: import("@angular/core").Signal<boolean>;
-        changeTheme: (theme: import("@acorex/platform/themes/shared").AXPThemeVariant) => void;
-        openSideMenu: () => void;
-        closeSideMenu: () => void;
-        toggleSideMenu: () => void;
-        setNavigationLoading: (value: boolean) => void;
-        setOverlayLoading: (value: boolean) => void;
-        loadSettings: () => Promise<void>;
-    } & import("@ngrx/signals").StateSource<{
-        currentTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
-        systemTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
-        screenSize: import("@acorex/platform/themes/shared").AXPScreenSize;
-        deviceType: import("@acorex/platform/themes/shared").AXPDeviceType;
-        isTouchDevice: boolean;
-        overlayLoading: boolean;
-        navigationLoading: boolean;
-        overlayLoadingTaskCount: number;
-        navigationLoadingTaskCount: number;
-        sideMenuState: import("@acorex/platform/themes/shared").AXPSideMenuState;
-    }>;
-    protected hasGroup: import("@angular/core").Signal<boolean>;
-    protected showSide: import("@angular/core").Signal<boolean>;
     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,11 +2,17 @@ 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: {
-        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 +34,7 @@ export declare class AXPSettingsViewComponent {
         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 +42,13 @@ export declare class AXPSettingsViewComponent {
         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;
@@ -47,6 +58,9 @@ export declare class AXPSettingsViewComponent {
         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/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

@@ -2,9 +2,10 @@ 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(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>;
 }

package/themes/shared/lib/{services/theme.service.d.ts → theme.service.d.ts}

@@ -1,25 +1,12 @@
-export declare enum AXPThemeVariant {
-    Light = "light",
-    Dark = "dark",
-    System = "system"
-}
-export declare enum AXPScreenSize {
-    Small = "small",
-    Medium = "medium",
-    Large = "large"
-}
-export declare enum AXPDeviceType {
-    Mobile = "mobile",
-    Tablet = "tablet",
-    Desktop = "desktop"
-}
-export declare enum AXPSideMenuState {
-    Opened = "opened",
-    Closed = "closed"
-}
+import { AXPThemeMode, AXPScreenSize, AXPDeviceType, AXPSideMenuState } from './theme.types';
 export declare const AXPLayoutThemeService: import("@angular/core").Type<{
-    currentTheme: import("@angular/core").Signal<AXPThemeVariant>;
-    systemTheme: import("@angular/core").Signal<AXPThemeVariant>;
+    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<AXPScreenSize>;
     deviceType: import("@angular/core").Signal<AXPDeviceType>;
     isTouchDevice: import("@angular/core").Signal<boolean>;
@@ -41,7 +28,7 @@ export declare const AXPLayoutThemeService: import("@angular/core").Type<{
     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;
@@ -49,8 +36,13 @@ export declare const AXPLayoutThemeService: import("@angular/core").Type<{
     setOverlayLoading: (value: boolean) => void;
     loadSettings: () => Promise<void>;
 } & import("@ngrx/signals").StateSource<{
-    currentTheme: AXPThemeVariant;
-    systemTheme: AXPThemeVariant;
+    currentMode: AXPThemeMode;
+    currentPallete: string;
+    systemThemeMode: AXPThemeMode;
+    font: {
+        family: string;
+        size: string;
+    };
     screenSize: AXPScreenSize;
     deviceType: AXPDeviceType;
     isTouchDevice: boolean;

package/themes/shared/lib/theme.types.d.ts

@@ -0,0 +1,25 @@
+export interface AXPThemePalette {
+    name: string;
+    title: string;
+    colors: string[];
+    path: string;
+}
+export declare enum AXPThemeMode {
+    Light = "light",
+    Dark = "dark",
+    System = "system"
+}
+export declare enum AXPScreenSize {
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+export declare enum AXPDeviceType {
+    Mobile = "mobile",
+    Tablet = "tablet",
+    Desktop = "desktop"
+}
+export declare enum AXPSideMenuState {
+    Opened = "opened",
+    Closed = "closed"
+}

package/themes/shared/lib/widgets/theme-color-selection/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme-color-selection-widget-edit.component';
+export * from './theme-color-selection-widget.config';

package/themes/shared/lib/widgets/theme-color-selection/theme-color-selection-widget-edit.component.d.ts

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

package/themes/shared/lib/widgets/theme-color-selection/theme-color-selection-widget.config.d.ts

@@ -0,0 +1,7 @@
+import { AXPWidgetConfig } from '@acorex/platform/layout/builder';
+export declare const AXPThemeColorSelectionWidget: AXPWidgetConfig;
+declare module '@acorex/platform/layout/builder' {
+    interface AXPWidgetTypesMap {
+        themeColorSelection: 'theme-color-selection';
+    }
+}

package/widgets/lib/properties/layout.props.d.ts

@@ -19,3 +19,4 @@ export declare const AXP_LAYOUT_GRID_ITEM_PROPERTIES: AXPWidgetProperty[];
 export declare const AXP_LAYOUT_FLEX_PROPERTIES: AXPWidgetProperty[];
 export declare const AXP_LAYOUT_SPACING_PROPERTY: AXPWidgetProperty;
 export declare const AXP_LAYOUT_BORDER_PROPERTY: AXPWidgetProperty;
+export declare const AXP_LAYOUT_FLEX_PROPERTY: AXPWidgetProperty;

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

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

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

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

package/widgets/lib/widgets/advance/avatar/avatar-widget-edit.component.d.ts

@@ -0,0 +1,18 @@
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import * as i0 from "@angular/core";
+export declare class AXPAvatarWidgetEditComponent extends AXPWidgetComponent<any> {
+    #private;
+    protected refId: import("@angular/core").Signal<string>;
+    protected refType: import("@angular/core").Signal<string>;
+    private fileService;
+    private fileStorage;
+    protected url: import("@angular/core").WritableSignal<string | null>;
+    protected isEmpty: import("@angular/core").Signal<boolean>;
+    private markedAsCommited;
+    private markedAsDeleted;
+    private chooseFile;
+    protected handleChange(): Promise<void>;
+    protected handleRemove(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPAvatarWidgetEditComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPAvatarWidgetEditComponent, "axp-avatar-widget-edit", never, {}, {}, never, never, true, never>;
+}

package/widgets/lib/widgets/advance/avatar/avatar-widget-print.component.d.ts

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

package/widgets/lib/widgets/advance/avatar/avatar-widget-view.component.d.ts

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

package/widgets/lib/widgets/advance/avatar/avatar-widget.config.d.ts

@@ -0,0 +1,7 @@
+import { AXPWidgetConfig } from '@acorex/platform/layout/builder';
+export declare const AXPAvatarWidget: AXPWidgetConfig;
+declare module '@acorex/platform/layout/builder' {
+    interface AXPWidgetTypesMap {
+        avatar: 'avatar';
+    }
+}

package/widgets/lib/widgets/advance/avatar/index.d.ts

@@ -0,0 +1,6 @@
+export * from './avatar-widget-view.component';
+export * from './avatar-widget-edit.component';
+export * from './avatar-widget-column.component';
+export * from './avatar-widget-print.component';
+export * from './avatar-widget-designer.component';
+export * from './avatar-widget.config';