@acorex/platform 19.2.19 → 19.3.0-next.0

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

@@ -1,112 +1,46 @@
-import { AXFormComponent } from '@acorex/components/form';
-import { AXPGroupSearchResult, AXPSettingDefinitionGroup, AXPSettingDefinitionSection } from '@acorex/platform/common';
-import { AXPLayoutBuilderService, AXPLayoutContextChangeEvent } from '@acorex/platform/layout/builder';
-import * as i0 from "@angular/core";
-export declare class AXPSettingsViewModel {
-    #private;
-    private readonly router;
-    private readonly settingDefinitionService;
-    private readonly settingValueService;
-    private readonly toastService;
-    private readonly dialogService;
-    private readonly highlightService;
-    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>;
-        sideMenuWidth: import("@angular/core").Signal<number>;
-        menuOrientation: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPMenuOrientation>;
-        isDarkMode: import("@angular/core").Signal<boolean>;
-        isLightMode: import("@angular/core").Signal<boolean>;
-        isSystemMode: import("@angular/core").Signal<boolean>;
-        isSideMenuOpen: import("@angular/core").Signal<boolean>;
-        isSideMenuOverlay: 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>;
-        isMenuHorizontal: import("@angular/core").Signal<boolean>;
-        changeThemeMode: (theme: import("@acorex/platform/themes/shared").AXPThemeMode) => void;
-        openSideMenu: () => void;
-        closeSideMenu: () => void;
-        setSideMenuWidth: (width: number) => void;
-        toggleSideMenu: () => void;
-        setNavigationLoading: (value: boolean, delay?: number) => void;
-        setOverlayLoading: (value: boolean, delay?: number) => 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;
-        sideMenuWidth: number;
-        menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
-    }>;
-    private activatedRoute;
-    form: AXFormComponent;
-    builder: AXPLayoutBuilderService;
-    searchExpression: import("@angular/core").WritableSignal<string>;
-    private isValidQuery;
+import { AXPSettingDefinitionGroup } from "@acorex/platform/common";
+import { AXPPageStatus } from "@acorex/platform/layout/builder";
+import { AXFormComponent } from "@acorex/components/form";
+import { AXPPlatformScopeKey } from "@acorex/platform/core";
+export declare const AXPSettingsViewModel: import("@angular/core").Type<{
+    groups: import("@angular/core").Signal<AXPSettingDefinitionGroup[]>;
+    activateGroup: import("@angular/core").Signal<AXPSettingDefinitionGroup | undefined>;
+    scope: import("@angular/core").Signal<AXPPlatformScopeKey>;
+    searchExpression: import("@angular/core").Signal<string | null>;
+    previousContext: import("@angular/core").Signal<Record<string, any>>;
+    context: import("@angular/core").Signal<Record<string, any>>;
+    status: import("@angular/core").Signal<AXPPageStatus>;
+    form: import("@angular/core").Signal<AXFormComponent | null>;
+    searchResults: import("@angular/core").Signal<AXPSettingDefinitionGroup[]>;
+    hasActivateGroup: import("@angular/core").Signal<boolean>;
+    showGroups: import("@angular/core").Signal<boolean>;
+    scopeTitle: import("@angular/core").Signal<string>;
+    scopeDescription: import("@angular/core").Signal<string>;
     isSearching: import("@angular/core").Signal<boolean>;
-    searchResult: import("@angular/core").WritableSignal<AXPSettingDefinitionGroup[]>;
-    isSaving: import("@angular/core").WritableSignal<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
-     */
-    constructor();
-    load(): Promise<void>;
-    private updateGroupParam;
-    redirectToFirstGroup(): Promise<void>;
-    navigateUpLevel(): Promise<void>;
-    private determineFirstGroup;
-    handleSelectGroup(item: AXPSettingDefinitionGroup): void;
-    context: import("@angular/core").WritableSignal<Record<any, any>>;
-    private previousContext;
-    handleContextChanged(e: AXPLayoutContextChangeEvent): Promise<void>;
-    isDirty(section?: AXPSettingDefinitionSection): boolean;
-    apply(section?: AXPSettingDefinitionSection): Promise<void>;
-    discard(section?: AXPSettingDefinitionSection): Promise<void>;
-    resetToDefault(): Promise<void>;
-    search(expression: string): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPSettingsViewModel, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXPSettingsViewModel>;
-}
+    isBusy: import("@angular/core").Signal<boolean>;
+    isSaving: import("@angular/core").Signal<boolean>;
+    isLoaded: import("@angular/core").Signal<boolean>;
+    registerForm: (form: AXFormComponent) => void;
+    load: (scope: AXPPlatformScopeKey) => Promise<void>;
+    reload: () => Promise<void>;
+    updateContext: (context: Record<string, any>) => void;
+    updatePreviousContext: (context: Record<string, any>) => void;
+    setActivateGroup: (group: AXPSettingDefinitionGroup) => void;
+    unloadActivateGroup: () => void;
+    setActivateGroupByName: (name: string) => void;
+    search: (expression: string) => Promise<void>;
+    clearSearch: () => void;
+    isDirty: () => boolean;
+    apply: () => Promise<boolean>;
+    discard: () => Promise<void>;
+    resetToDefault: () => Promise<void>;
+} & import("@ngrx/signals").StateSource<{
+    groups: AXPSettingDefinitionGroup[];
+    activateGroup: AXPSettingDefinitionGroup | undefined;
+    scope: AXPPlatformScopeKey;
+    searchExpression: string | null;
+    previousContext: Record<string, any>;
+    context: Record<string, any>;
+    status: AXPPageStatus;
+    form: AXFormComponent | null;
+}>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/platform",
-  "version": "19.2.19",
+  "version": "19.3.0-next.0",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",

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

@@ -1,13 +1,16 @@
 import { AXPSimplePageLayout } from './simple-page';
-import { AXPBasePage } from './base-page.types';
 import { AXPSessionService } from '@acorex/platform/auth';
 import { AXTranslationService } from '@acorex/core/translation';
-import { AXPCommandActionMenu } from '@acorex/platform/core';
+import { AXPActionMenuItem, AXPBackButton, AXPBreadcrumbItem, AXPExecuteCommand } from '@acorex/platform/core';
+import { AXPPageLayoutComponent } from './page-layout';
+import { AXFormatService } from '@acorex/core/format';
+import { AXToastService } from '@acorex/components/toast';
 import * as i0 from "@angular/core";
-export declare abstract class AXPBasePageComponent extends AXPBasePage {
-    protected layoutService: {
+export declare abstract class AXPBasePageComponent {
+    #private;
+    protected readonly layoutService: {
         currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
-        currentPallete: import("@angular/core").Signal<string>;
+        currentPalette: import("@angular/core").Signal<string>;
         systemThemeMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
         font: import("@ngrx/signals").DeepSignal<{
             family: string;
@@ -48,7 +51,7 @@ export declare abstract class AXPBasePageComponent extends AXPBasePage {
         loadSettings: () => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
         currentMode: import("@acorex/platform/themes/shared").AXPThemeMode;
-        currentPallete: string;
+        currentPalette: string;
         systemThemeMode: import("@acorex/platform/themes/shared").AXPThemeMode;
         font: {
             family: string;
@@ -67,17 +70,40 @@ export declare abstract class AXPBasePageComponent extends AXPBasePage {
     }>;
     protected readonly sessionService: AXPSessionService;
     protected readonly translateService: AXTranslationService;
-    protected layout: import("@angular/core").Signal<AXPSimplePageLayout | undefined>;
-    private updateTrigger;
+    protected readonly formatService: AXFormatService;
+    protected readonly toastService: AXToastService;
+    private _updateTrigger;
+    protected updateTrigger: import("@angular/core").Signal<number>;
+    protected recompute(): void;
+    ngOnInit(): Promise<void>;
+    protected title: import("@angular/core").WritableSignal<string>;
+    protected getPageTitle(): string | Promise<string>;
+    private hasTitle;
+    private description;
+    private hasDescription;
+    protected getPageDescription(): string | null | Promise<string | null>;
+    private breadcrumbs;
+    private hasBreadcrumbs;
+    protected getPageBreadcrumbs(): AXPBreadcrumbItem[] | Promise<AXPBreadcrumbItem[]>;
+    private oldLayout;
+    private newLayout;
+    protected layout: import("@angular/core").Signal<AXPSimplePageLayout | AXPPageLayoutComponent | undefined>;
     protected toggleEndSide(): void;
-    primaryMenuItems: import("@angular/core").Signal<AXPCommandActionMenu[]>;
-    secondaryMenuItems: import("@angular/core").Signal<AXPCommandActionMenu[]>;
+    primaryMenuItems: import("@angular/core").WritableSignal<AXPActionMenuItem[]>;
     hasPrimaryActions: import("@angular/core").Signal<boolean>;
+    protected getPrimaryMenuItems(): AXPActionMenuItem[] | Promise<AXPActionMenuItem[]>;
+    secondaryMenuItems: import("@angular/core").WritableSignal<AXPActionMenuItem[]>;
     hasSecondaryActions: import("@angular/core").Signal<boolean>;
     hasActions: import("@angular/core").Signal<boolean>;
-    protected getPrimaryMenuItems(): AXPCommandActionMenu[];
-    protected getSecondaryMenuItems(): AXPCommandActionMenu[];
-    protected updateMenuItems(): void;
+    protected getSecondaryMenuItems(): AXPActionMenuItem[] | Promise<AXPActionMenuItem[]>;
+    titleActions: import("@angular/core").WritableSignal<AXPActionMenuItem[]>;
+    hasTitleActions: import("@angular/core").Signal<boolean>;
+    protected getTitleActions(): AXPActionMenuItem[] | Promise<AXPActionMenuItem[]>;
+    backButton: import("@angular/core").WritableSignal<AXPBackButton | null>;
+    hasBackButton: import("@angular/core").Signal<boolean>;
+    protected getBackButton(): (AXPBackButton | null) | Promise<AXPBackButton | null>;
+    execute(command: AXPExecuteCommand): void | Promise<void>;
+    onBackButtonClick(): void | Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPBasePageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPBasePageComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,9 +1,21 @@
-import { AXPCommandActionMenu } from "@acorex/platform/core";
+import { AXPActionMenuItem, AXPBackButton, AXPBreadcrumbItem, AXPExecuteCommand } from "@acorex/platform/core";
 import { Signal } from "@angular/core";
 export declare abstract class AXPBasePage {
-    abstract primaryMenuItems: Signal<AXPCommandActionMenu[]>;
-    abstract secondaryMenuItems: Signal<AXPCommandActionMenu[]>;
+    abstract primaryMenuItems: Signal<AXPActionMenuItem[]>;
+    abstract secondaryMenuItems: Signal<AXPActionMenuItem[]>;
+    abstract titleActions: Signal<AXPActionMenuItem[]>;
+    abstract hasTitleActions: Signal<boolean>;
     abstract hasPrimaryActions: Signal<boolean>;
     abstract hasSecondaryActions: Signal<boolean>;
     abstract hasActions: Signal<boolean>;
+    abstract breadcrumbs: Signal<AXPBreadcrumbItem[]>;
+    abstract title: Signal<string>;
+    abstract hasTitle: Signal<boolean>;
+    abstract hasDescription: Signal<boolean>;
+    abstract description: Signal<string>;
+    abstract hasBreadcrumbs: Signal<boolean>;
+    abstract hasBackButton: Signal<boolean>;
+    abstract backButton: Signal<AXPBackButton>;
+    abstract onBackButtonClick: () => void | Promise<void>;
+    abstract execute: (command: AXPExecuteCommand) => void | Promise<void>;
 }

package/themes/default/lib/layouts/base/index.d.ts

@@ -1,3 +1,4 @@
 export * from './simple-page';
 export * from './base-page.types';
 export * from './base-page.component';
+export * from './page-layout';

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

@@ -0,0 +1 @@
+export * from './page-layout.component';

package/themes/default/lib/{pages/theme-palette-preview/theme-palette-preview.page.d.ts → layouts/base/page-layout/page-layout.component.d.ts}

@@ -1,10 +1,12 @@
-import { AXPSettingService } from '@acorex/platform/common';
-import { AXPThemePalette } from '@acorex/platform/themes/shared';
+import { AXPActionMenuItem } from '@acorex/platform/core';
+import { AXPBasePage } from '../base-page.types';
 import * as i0 from "@angular/core";
-export declare class AXPThemePalettePreviewPageComponent {
-    protected readonly layout: {
+export declare class AXPPageLayoutComponent {
+    #private;
+    protected page: AXPBasePage | null;
+    protected layoutService: {
         currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
-        currentPallete: import("@angular/core").Signal<string>;
+        currentPalette: import("@angular/core").Signal<string>;
         systemThemeMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
         font: import("@ngrx/signals").DeepSignal<{
             family: string;
@@ -45,7 +47,7 @@ export declare class AXPThemePalettePreviewPageComponent {
         loadSettings: () => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
         currentMode: import("@acorex/platform/themes/shared").AXPThemeMode;
-        currentPallete: string;
+        currentPalette: string;
         systemThemeMode: import("@acorex/platform/themes/shared").AXPThemeMode;
         font: {
             family: string;
@@ -62,24 +64,9 @@ export declare class AXPThemePalettePreviewPageComponent {
         sideMenuWidth: number;
         menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
     }>;
-    protected readonly settingService: AXPSettingService;
-    private themePalleteProvider;
-    private readonly unsubscriber;
-    private defaultPalette;
-    protected readonly palettes: import("@angular/core").WritableSignal<AXPThemePalette[]>;
-    protected currentPalleteName: import("@angular/core").WritableSignal<string>;
-    protected currentPallete: import("@angular/core").Signal<AXPThemePalette>;
-    protected hexColors: import("@angular/core").WritableSignal<{
-        [key: string]: string;
-    }>;
-    protected isLoading: import("@angular/core").WritableSignal<boolean>;
-    protected readonly ranges: number[];
-    protected readonly colors: string[];
-    ngOnInit(): Promise<void>;
-    private updateView;
-    protected handleChangeTheme(palette: AXPThemePalette): Promise<void>;
-    private rgbToHex;
-    protected getTextColor(range: number): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemePalettePreviewPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemePalettePreviewPageComponent, "ng-component", never, {}, {}, never, never, true, never>;
+    private checkScrollableContent;
+    protected handleActionClick(item: AXPActionMenuItem): void;
+    protected handleSecondaryActionClick(item: AXPActionMenuItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPPageLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPPageLayoutComponent, "axp-page-layout", never, {}, {}, never, ["axp-layout-start-side", "axp-page-toolbar", "axp-page-content", "axp-page-footer"], true, never>;
 }

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

@@ -7,7 +7,7 @@ export declare class AXPSimplePageLayout {
     protected page: AXPBasePage | null;
     protected layoutService: {
         currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
-        currentPallete: import("@angular/core").Signal<string>;
+        currentPalette: import("@angular/core").Signal<string>;
         systemThemeMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
         font: import("@ngrx/signals").DeepSignal<{
             family: string;
@@ -48,7 +48,7 @@ export declare class AXPSimplePageLayout {
         loadSettings: () => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
         currentMode: import("@acorex/platform/themes/shared").AXPThemeMode;
-        currentPallete: string;
+        currentPalette: string;
         systemThemeMode: import("@acorex/platform/themes/shared").AXPThemeMode;
         font: {
             family: string;

package/themes/default/lib/layouts/entity-layouts/entity-category/entity-category.component.d.ts

@@ -0,0 +1,16 @@
+import { AXTreeItemClickBaseEvent } from '@acorex/components/tree-view';
+import { AXPEntity } from '@acorex/platform/common';
+import { AXPEntityMasterListViewModel, AXPEntityResolver } from '@acorex/platform/layout/entity';
+import * as i0 from "@angular/core";
+export declare class AXPEntityCategoryComponent {
+    protected readonly entityResolver: AXPEntityResolver;
+    vm: import("@angular/core").InputSignal<AXPEntityMasterListViewModel>;
+    protected treeItems: import("@angular/core").WritableSignal<unknown[]>;
+    protected categoryEntityDef: AXPEntity | null;
+    ngOnInit(): void;
+    protected getCategories(): Promise<void>;
+    protected getCategoryEntityDef(): Promise<AXPEntity | null>;
+    protected handleNodeClick(event: AXTreeItemClickBaseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPEntityCategoryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPEntityCategoryComponent, "axp-entity-category", never, { "vm": { "alias": "vm"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -10,7 +10,7 @@ export declare class AXPEntityDetailListViewComponent {
     private workflow;
     protected store: {
         currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
-        currentPallete: import("@angular/core").Signal<string>;
+        currentPalette: import("@angular/core").Signal<string>;
         systemThemeMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
         font: import("@ngrx/signals").DeepSignal<{
             family: string;
@@ -51,7 +51,7 @@ export declare class AXPEntityDetailListViewComponent {
         loadSettings: () => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
         currentMode: import("@acorex/platform/themes/shared").AXPThemeMode;
-        currentPallete: string;
+        currentPalette: string;
         systemThemeMode: import("@acorex/platform/themes/shared").AXPThemeMode;
         font: {
             family: string;

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

@@ -1,9 +1,8 @@
 import { AXDataTableComponent, AXDataTableRowDbClick, AXRowCommandItem, AXRowCommandItemClickEvent, onColumnSizeChangedEvent } from '@acorex/components/data-table';
-import { AXDrawerComponent } from '@acorex/components/drawer';
 import { AXPlatform } from '@acorex/core/platform';
-import { AXValueChangedEvent } from '@acorex/components/common';
 import { AXDataPagerChangedEvent } from '@acorex/components/data-pager';
 import { AXPEntityMasterListViewModel } from '@acorex/platform/layout/entity';
+import { AXPActionMenuItem, AXPBreadcrumbItem, AXPExecuteCommand } from '@acorex/platform/core';
 import { AXPBasePageComponent } from '../../base';
 import * as i0 from "@angular/core";
 export declare class AXPEntityMasterListViewComponent extends AXPBasePageComponent {
@@ -12,7 +11,7 @@ export declare class AXPEntityMasterListViewComponent extends AXPBasePageCompone
     protected readonly vm: AXPEntityMasterListViewModel;
     protected store: {
         currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
-        currentPallete: import("@angular/core").Signal<string>;
+        currentPalette: import("@angular/core").Signal<string>;
         systemThemeMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
         font: import("@ngrx/signals").DeepSignal<{
             family: string;
@@ -53,7 +52,7 @@ export declare class AXPEntityMasterListViewComponent extends AXPBasePageCompone
         loadSettings: () => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
         currentMode: import("@acorex/platform/themes/shared").AXPThemeMode;
-        currentPallete: string;
+        currentPalette: string;
         systemThemeMode: import("@acorex/platform/themes/shared").AXPThemeMode;
         font: {
             family: string;
@@ -75,8 +74,6 @@ export declare class AXPEntityMasterListViewComponent extends AXPBasePageCompone
     protected grid: import("@angular/core").Signal<AXDataTableComponent | undefined>;
     constructor(platform: AXPlatform);
     ngAfterViewInit(): void;
-    protected closeFiltersDrawer(e: AXDrawerComponent, collapsed: boolean): void;
-    handleChangeSearchValue(e: AXValueChangedEvent): void;
     protected onColumnSizeChanged(e: onColumnSizeChangedEvent): void;
     protected onPageChanged(e: AXDataPagerChangedEvent): void;
     protected dropdownRowItems(rowData: any): Promise<AXRowCommandItem[]>;
@@ -90,9 +87,14 @@ export declare class AXPEntityMasterListViewComponent extends AXPBasePageCompone
     protected toggleSideBar(sideBar?: 'column' | 'filter' | 'sort'): void;
     protected toggleSearchBar(): void;
     protected handleResetClick(sideBar: 'filter' | 'sort' | 'column'): void;
-    protected handleDiscardClick(sideBar: 'filter' | 'sort' | 'column'): void;
     protected handleApplyClick(sideBar: 'filter' | 'sort' | 'column'): void;
     ngOnDestroy(): void;
+    getPageTitle(): string;
+    getPageDescription(): Promise<string>;
+    getPageBreadcrumbs(): AXPBreadcrumbItem[];
+    getPrimaryMenuItems(): Promise<AXPActionMenuItem[]>;
+    getSecondaryMenuItems(): Promise<AXPActionMenuItem[]>;
+    execute(command: AXPExecuteCommand): void | Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPEntityMasterListViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPEntityMasterListViewComponent, "ng-component", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPEntityMasterListViewComponent, "axp-entity-master-list", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,12 +1,14 @@
 import { AXTabStripChangedEvent } from '@acorex/components/tabs';
+import { AXPActionMenuItem, AXPBreadcrumbItem, AXPExecuteCommand } from '@acorex/platform/core';
 import { AXPEntityMasterSingleViewModel } from '@acorex/platform/layout/entity';
+import { AXPBasePageComponent } from '../../base';
 import * as i0 from "@angular/core";
-export declare class AXPEntityMasterSingleViewComponent {
+export declare class AXPEntityMasterSingleViewComponent extends AXPBasePageComponent {
     private activeRoute;
     protected readonly vm: AXPEntityMasterSingleViewModel;
     protected store: {
         currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
-        currentPallete: import("@angular/core").Signal<string>;
+        currentPalette: import("@angular/core").Signal<string>;
         systemThemeMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
         font: import("@ngrx/signals").DeepSignal<{
             family: string;
@@ -47,7 +49,7 @@ export declare class AXPEntityMasterSingleViewComponent {
         loadSettings: () => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
         currentMode: import("@acorex/platform/themes/shared").AXPThemeMode;
-        currentPallete: string;
+        currentPalette: string;
         systemThemeMode: import("@acorex/platform/themes/shared").AXPThemeMode;
         font: {
             family: string;
@@ -65,7 +67,13 @@ export declare class AXPEntityMasterSingleViewComponent {
         menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
     }>;
     protected selectedDetailTabIndex: import("@angular/core").WritableSignal<string>;
-    handleActiveDetailTabChanged(e: AXTabStripChangedEvent): void;
+    getPageTitle(): string;
+    getPageDescription(): string;
+    getPageBreadcrumbs(): AXPBreadcrumbItem[];
+    getPrimaryMenuItems(): Promise<AXPActionMenuItem[]>;
+    getSecondaryMenuItems(): Promise<AXPActionMenuItem[]>;
+    execute(command: AXPExecuteCommand): void;
+    protected handleActiveDetailTabChanged(e: AXTabStripChangedEvent): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPEntityMasterSingleViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPEntityMasterSingleViewComponent, "ng-component", never, {}, {}, never, never, true, never>;

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

@@ -0,0 +1,7 @@
+import { AXPEntityMasterListViewModel } from '@acorex/platform/layout/entity';
+import * as i0 from "@angular/core";
+export declare class AXPEntityMasterToolbarViewComponent {
+    vm: AXPEntityMasterListViewModel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPEntityMasterToolbarViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPEntityMasterToolbarViewComponent, "axp-entity-master-toolbar-view", never, { "vm": { "alias": "viewModel"; "required": false; }; }, {}, never, never, true, never>;
+}

package/themes/default/lib/layouts/entity-layouts/entity-master-toolbar-view/filters/entity-filter-toolbar.component.d.ts

@@ -0,0 +1,48 @@
+import { AXEvent, AXHtmlEvent, AXValueChangedEvent } from '@acorex/components/common';
+import { AXPopoverComponent } from '@acorex/components/popover';
+import { AXTagBoxComponent } from '@acorex/components/tag-box';
+import { AXCalendarService } from '@acorex/core/date-time';
+import { AXTranslationService } from '@acorex/core/translation';
+import { AXPFilterDefinition, AXPQueryFilter } from '@acorex/platform/common';
+import { AXPLayoutContextChangeEvent } from '@acorex/platform/layout/builder';
+import { AXPEntityMasterListViewModel } from '@acorex/platform/layout/entity';
+import { QueryList } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXPEntityFilterToolbarComponent {
+    #private;
+    constructor();
+    protected translate: AXTranslationService;
+    protected calendarService: AXCalendarService;
+    vm: AXPEntityMasterListViewModel;
+    protected tagBox: import("@angular/core").Signal<AXTagBoxComponent | undefined>;
+    tagBoxInput: any;
+    listItems: QueryList<any>;
+    protected selectedField: import("@angular/core").WritableSignal<string | null>;
+    protected selectedFilters: import("@angular/core").WritableSignal<AXPFilterDefinition[]>;
+    context: import("@angular/core").WritableSignal<any>;
+    protected activeFilter: import("@angular/core").WritableSignal<AXPFilterDefinition | null>;
+    protected asyncTags: import("@angular/core").WritableSignal<any[]>;
+    protected popover: import("@angular/core").Signal<AXPopoverComponent | undefined>;
+    inputValue: import("@angular/core").WritableSignal<string>;
+    inlineFilters: () => AXPFilterDefinition[];
+    protected getDisplayValue: (filter: AXPFilterDefinition, val: any) => Promise<any>;
+    protected convertIfISOStringDate: (val: string) => string;
+    convertQueriesToDefinitions(queries: AXPQueryFilter[]): AXPFilterDefinition[];
+    convertQueriesToContext(queries: AXPQueryFilter[]): any;
+    filterFields: () => AXPFilterDefinition[];
+    ngOnInit(): void;
+    handleSelectField(field: AXPFilterDefinition): void;
+    handleFieldKeyDown(e: KeyboardEvent, field: AXPFilterDefinition): void;
+    onContextChanged(e: AXPLayoutContextChangeEvent): void;
+    handleApplyFilter(): void;
+    handleButtonKeyDown(e: Event): void;
+    handleKeyDown(e: AXHtmlEvent<KeyboardEvent>): void;
+    handleSelectFilters(e: AXValueChangedEvent): void;
+    protected getActiveOperator(filter: AXPFilterDefinition | null): string | undefined;
+    handleSelectInlineFilter(filter: AXPFilterDefinition): void;
+    handleInlineFilterKeyDown(e: KeyboardEvent, filter: AXPFilterDefinition): void;
+    handlePopoverClosed(e: AXEvent): void;
+    protected deactivateAllListItems(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPEntityFilterToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPEntityFilterToolbarComponent, "axp-entity-filter-toolbar", never, { "vm": { "alias": "viewModel"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,12 @@
+import { AXTabsComponent } from '@acorex/components/tabs';
+import { AXPEntityMasterListViewModel } from '@acorex/platform/layout/entity';
+import * as i0 from "@angular/core";
+export declare class AXPEntityViewToolbarComponent {
+    #private;
+    protected tabs: import("@angular/core").Signal<AXTabsComponent | undefined>;
+    constructor();
+    vm: AXPEntityMasterListViewModel;
+    handleActiveChange(e: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPEntityViewToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPEntityViewToolbarComponent, "axp-entity-view-toolbar", never, { "vm": { "alias": "viewModel"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -3,7 +3,7 @@ export declare class AXPRootLayoutHeaderComponent {
     private config;
     protected store: {
         currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
-        currentPallete: import("@angular/core").Signal<string>;
+        currentPalette: import("@angular/core").Signal<string>;
         systemThemeMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
         font: import("@ngrx/signals").DeepSignal<{
             family: string;
@@ -44,7 +44,7 @@ export declare class AXPRootLayoutHeaderComponent {
         loadSettings: () => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
         currentMode: import("@acorex/platform/themes/shared").AXPThemeMode;
-        currentPallete: string;
+        currentPalette: string;
         systemThemeMode: import("@acorex/platform/themes/shared").AXPThemeMode;
         font: {
             family: string;

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

@@ -1,4 +1,5 @@
-import { AXPMenuItem } from '@acorex/platform/common';
+import { AXPMenuItem, AXPSettingService, AXPTaskBadgeService } from '@acorex/platform/common';
+import { Signal } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AXPHorizontalMenuComponent {
     protected platformConfig: import("@acorex/platform/common").AXPPlatformConfigs;
@@ -21,7 +22,7 @@ export declare class AXPHorizontalMenuComponent {
     }>;
     protected layoutService: {
         currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
-        currentPallete: import("@angular/core").Signal<string>;
+        currentPalette: import("@angular/core").Signal<string>;
         systemThemeMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
         font: import("@ngrx/signals").DeepSignal<{
             family: string;
@@ -62,7 +63,7 @@ export declare class AXPHorizontalMenuComponent {
         loadSettings: () => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
         currentMode: import("@acorex/platform/themes/shared").AXPThemeMode;
-        currentPallete: string;
+        currentPalette: string;
         systemThemeMode: import("@acorex/platform/themes/shared").AXPThemeMode;
         font: {
             family: string;
@@ -79,8 +80,13 @@ export declare class AXPHorizontalMenuComponent {
         sideMenuWidth: number;
         menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
     }>;
+    protected badgeService: AXPTaskBadgeService;
+    protected settingService: AXPSettingService;
+    protected badgeVisible: import("@angular/core").WritableSignal<boolean>;
+    ngOnInit(): Promise<void>;
     onMenuItemClick(item: AXPMenuItem): void;
     protected sort(items: AXPMenuItem[]): AXPMenuItem[];
+    protected getMenuBadge(item: AXPMenuItem): Signal<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPHorizontalMenuComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPHorizontalMenuComponent, "axp-horizontal-menu", never, {}, {}, never, never, true, never>;
 }