@acorex/platform 19.1.1 → 19.1.3

package/layout/builder/lib/builder/widget-renderer.component.directive.d.ts

@@ -3,17 +3,16 @@ import { SimpleChanges, WritableSignal } from '@angular/core';
 import { AXPLayoutBuilderService } from './builder.service';
 import { AXPWidgetRegistryService } from './widget-registery.service';
 import { AXPWidgetComponent, AXPWidgetNode } from './widget.types';
+import { AXPMetaData } from '@acorex/platform/core';
 import * as i0 from "@angular/core";
-export interface AXPWidgetRendererDirectiveOptions {
-    needLabel: boolean;
-}
+export type AXPWidgetRendererDirectiveOptions = AXPMetaData;
 export declare class AXPWidgetRendererDirective {
     parentNode: import("@angular/core").InputSignal<AXPWidgetComponent<any> | null | undefined>;
     index: import("@angular/core").InputSignal<number | null | undefined>;
     mode: import("@angular/core").InputSignal<keyof import("./widget.types").AXPWidgetConfigComponents>;
     node: import("@angular/core").InputSignal<AXPWidgetNode>;
     private _options;
-    options: import("@angular/core").Signal<AXPWidgetRendererDirectiveOptions>;
+    options: import("@angular/core").Signal<AXPMetaData>;
     protected mergedOptions: WritableSignal<any>;
     private injector;
     protected builderService: AXPLayoutBuilderService;

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

@@ -11,6 +11,11 @@ export type AXPWidgetTrigger = {
 };
 export type AXPWidgetTriggers = AXPWidgetTrigger[];
 export type AXPWidgetValueTransformFunction = (value: any) => any;
+export type AXPWidgetValueTransformFunctions = {
+    getter?: AXPWidgetValueTransformFunction;
+    setter?: AXPWidgetValueTransformFunction;
+};
+export declare function objectKeyValueTransforms(keyName: string): AXPWidgetValueTransformFunctions;
 export interface AXPWidgetPropertyGroup {
     name: string;
     title: string;
@@ -27,6 +32,7 @@ export interface AXPWidgetProperty {
     title: string;
     description?: string;
     group: AXPWidgetPropertyGroup;
+    order?: number;
     schema: {
         dataType: AXPWidgetDataType;
         nullable?: boolean;
@@ -76,10 +82,7 @@ export interface AXPWidgetNode {
     options?: AXPOptionsData;
     triggers?: AXPWidgetTriggers;
     meta?: AXPMetaData;
-    valueTransforms?: {
-        getter?: AXPWidgetValueTransformFunction;
-        setter?: AXPWidgetValueTransformFunction;
-    };
+    valueTransforms?: AXPWidgetValueTransformFunctions;
 }
 export interface AXPWidgetTypesMap {
     checkbox: 'checkbox-editor';
@@ -118,6 +121,7 @@ export interface AXPWidgetTypesMap {
     templateDesigner: 'template-designer';
     cronJob: 'cron-job';
     spacing: 'spacing';
+    border: 'border';
 }
 export interface AXPWidgetNodeToken {
     config: AXPWidgetConfig;
@@ -207,6 +211,7 @@ export declare abstract class AXPWidgetComponent<T = any | null | void> extends
     index: number | null | undefined;
     mode: AXPWidgetRenderMode;
     locked: boolean;
+    protected outputs(): string[];
     protected fullPath: import("@angular/core").WritableSignal<string | null>;
     ngOnInit(): void;
     private nextRender;
@@ -215,9 +220,10 @@ export declare abstract class AXPWidgetComponent<T = any | null | void> extends
     protected extractValue(path: string): any;
     setValue(value: T | null | undefined, init?: boolean): void;
     setOptions(values: any): void;
+    output<T = any>(name: string): T;
     call(name: string, ...args: any[]): void;
     setChildren(children: AXPWidgetNode[]): void;
-    onValueChanged(oldValue: T | null, newValue: T | null): void;
+    onValueChanged(oldValue: T | null, newValue: T | null, init?: boolean): void;
     onAdded(): void;
     private detectFullPath;
     protected handleValueChanged(e: AXValueChangedEvent<T>): void;
@@ -230,6 +236,7 @@ export declare abstract class AXPDataListWidgetComponent extends AXPWidgetCompon
     protected dataSource: import("@angular/core").WritableSignal<AXDataSource<unknown>>;
     protected textField: import("@angular/core").Signal<string>;
     protected valueField: import("@angular/core").Signal<string>;
+    selectedItems: import("@angular/core").WritableSignal<any[]>;
     private rf;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPDataListWidgetComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXPDataListWidgetComponent>;

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

@@ -1,6 +1,6 @@
-import { Injector } from "@angular/core";
-import { AXPWidgetNode } from "@acorex/platform/layout/builder";
-import { AXPEntity, AXPGridLayoutOptions, AXPEntityProperty, AXPEntityPropertyCreateView, AXPEntitySectionView } from "@acorex/platform/common";
+import { AXPEntity, AXPEntityProperty, AXPEntityPropertyCreateView, AXPEntitySectionView, AXPGridLayoutOptions } from '@acorex/platform/common';
+import { AXPWidgetNode } from '@acorex/platform/layout/builder';
+import { Injector } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AXPEntityCreateViewSectionViewModel {
     private entity;

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

@@ -1,5 +1,5 @@
 import { AXDataSource } from '@acorex/components/common';
-import { AXPBeardCrumb, AXPEntity, AXPQueryView } from '@acorex/platform/common';
+import { AXPBeardCrumb, AXPEntity, AXPFilterDefinition, AXPQueryView } from '@acorex/platform/common';
 import { Injector } from '@angular/core';
 import { ResolveFn } from '@angular/router';
 import { Subject } from 'rxjs';
@@ -62,6 +62,7 @@ export declare class AXPEntityMasterListViewModel {
     secondaryRowActions: import("@angular/core").Signal<AXPEntityCommandTriggerViewModel[]>;
     private inlineFilters;
     private advanceFilters;
+    get filtersDef(): AXPFilterDefinition[];
     applyInlineFilter(value: string): void;
     applyFilterAndSort(): void;
     private allAvailableColumns;

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

@@ -9,6 +9,7 @@ export declare class AXPEntityCommandTriggerViewModel {
     name: string;
     separated: boolean;
     scope: AXPEntityCommandScope;
+    options: any;
     constructor(entity: AXPEntity, action: AXPEntityAction);
 }
 export declare class AXPEntityListViewColumnViewModel {

package/layout/entity/lib/workflows/modify-entity.workflow.d.ts

@@ -0,0 +1,14 @@
+import { AXPWorkflow, AXPWorkflowAction, AXPWorkflowContext } from '@acorex/platform/workflow';
+import * as i0 from "@angular/core";
+export declare class AXPQuickEntityModifyPopupAction extends AXPWorkflowAction {
+    private popupService;
+    private platform;
+    private translateService;
+    private entityRegistery;
+    private config;
+    private factory;
+    execute(context: AXPWorkflowContext): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPQuickEntityModifyPopupAction, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXPQuickEntityModifyPopupAction>;
+}
+export declare const AXPQuickModifyEntityWorkflow: AXPWorkflow;

package/layout/filters/README.md

@@ -0,0 +1,3 @@
+# @acorex/platform/filters
+
+Secondary entry point of `@acorex/platform`. It can be used by importing from `@acorex/platform/filters`.

package/layout/filters/index.d.ts

@@ -0,0 +1 @@
+export * from './lib/filters.viewmodel';

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

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

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

@@ -1,6 +1,4 @@
-import { AXTreeItemClickBaseEvent, AXTreeViewSchema } from '@acorex/components/tree-view/lib/tree-view.class';
-import { AXPGroupSearchResult, AXPSettingDefinitionGroup } from '@acorex/platform/common';
-import { ActivatedRoute } from '@angular/router';
+import { AXPGroupSearchResult, AXPSettingDefinitionGroup, AXPSettingDefinitionSection } from '@acorex/platform/common';
 import { AXPLayoutContextEvent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
 export declare class AXPSettingsViewModel {
@@ -8,35 +6,39 @@ export declare class AXPSettingsViewModel {
     private readonly router;
     private readonly settingDefinitionService;
     private readonly settingValueService;
-    private readonly platform;
     private readonly toastService;
     private readonly highlightService;
+    private readonly layoutService;
     private activatedRoute;
-    isMobile: import("@angular/core").WritableSignal<boolean>;
-    fullRoute: string;
-    search: import("@angular/core").WritableSignal<string>;
-    searchResult: import("@angular/core").WritableSignal<AXPSettingDefinitionGroup[] | undefined>;
-    activatedGroup: import("@angular/core").WritableSignal<string | undefined>;
-    private loadedItems;
-    formattedData: import("@angular/core").WritableSignal<AXTreeViewSchema[]>;
+    searchExpression: import("@angular/core").WritableSignal<string>;
+    private isValidQuery;
+    isSearching: import("@angular/core").Signal<boolean>;
+    searchResult: import("@angular/core").WritableSignal<AXPSettingDefinitionGroup[]>;
+    isSaving: import("@angular/core").WritableSignal<boolean>;
+    inlineSave: import("@angular/core").Signal<boolean>;
+    activateGroup: import("@angular/core").WritableSignal<string | undefined>;
+    private activeScope;
+    loadedItems: import("@angular/core").WritableSignal<AXPSettingDefinitionGroup[] | null>;
+    private resolveScope;
     groups: import("@angular/core").Signal<AXPGroupSearchResult | null>;
     /**
      * @ignore
      */
     constructor();
-    initializeService(activatedRoute: ActivatedRoute): Promise<void>;
-    private load;
+    load(): Promise<void>;
     private updateGroupParam;
-    onChooseGroup(item: AXTreeItemClickBaseEvent): void;
+    redirectToFirstGroup(): Promise<void>;
+    navigateUpLevel(): Promise<void>;
+    private determineFirstGroup;
+    handleSelectGroup(item: AXPSettingDefinitionGroup): void;
     context: import("@angular/core").WritableSignal<Record<any, any>>;
     private previousContext;
-    handleContextChanged(e: AXPLayoutContextEvent): void;
-    isSaving: import("@angular/core").WritableSignal<boolean>;
-    canCancel: import("@angular/core").Signal<boolean>;
-    canSave: import("@angular/core").Signal<boolean>;
-    apply(): Promise<void>;
-    reset(): void;
-    resetToDefault(): void;
+    handleContextChanged(e: AXPLayoutContextEvent): 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>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/platform",
-  "version": "19.1.1",
+  "version": "19.1.3",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
@@ -45,17 +45,17 @@
       "types": "./layouts/index.d.ts",
       "default": "./fesm2022/acorex-platform-layouts.mjs"
     },
-    "./native": {
-      "types": "./native/index.d.ts",
-      "default": "./fesm2022/acorex-platform-native.mjs"
+    "./core": {
+      "types": "./core/index.d.ts",
+      "default": "./fesm2022/acorex-platform-core.mjs"
     },
     "./common": {
       "types": "./common/index.d.ts",
       "default": "./fesm2022/acorex-platform-common.mjs"
     },
-    "./core": {
-      "types": "./core/index.d.ts",
-      "default": "./fesm2022/acorex-platform-core.mjs"
+    "./native": {
+      "types": "./native/index.d.ts",
+      "default": "./fesm2022/acorex-platform-native.mjs"
     },
     "./widgets": {
       "types": "./widgets/index.d.ts",
@@ -65,14 +65,14 @@
       "types": "./workflow/index.d.ts",
       "default": "./fesm2022/acorex-platform-workflow.mjs"
     },
-    "./layout/builder": {
-      "types": "./layout/builder/index.d.ts",
-      "default": "./fesm2022/acorex-platform-layout-builder.mjs"
-    },
     "./layout/designer": {
       "types": "./layout/designer/index.d.ts",
       "default": "./fesm2022/acorex-platform-layout-designer.mjs"
     },
+    "./layout/builder": {
+      "types": "./layout/builder/index.d.ts",
+      "default": "./fesm2022/acorex-platform-layout-builder.mjs"
+    },
     "./layout/entity": {
       "types": "./layout/entity/index.d.ts",
       "default": "./fesm2022/acorex-platform-layout-entity.mjs"
@@ -81,6 +81,10 @@
       "types": "./layout/setting/index.d.ts",
       "default": "./fesm2022/acorex-platform-layout-setting.mjs"
     },
+    "./layout/filters": {
+      "types": "./layout/filters/index.d.ts",
+      "default": "./fesm2022/acorex-platform-layout-filters.mjs"
+    },
     "./themes/default": {
       "types": "./themes/default/index.d.ts",
       "default": "./fesm2022/acorex-platform-themes-default.mjs"

package/themes/default/index.d.ts

@@ -1,5 +1,4 @@
 export * from './lib/layouts/base';
 export * from './lib/layouts/entity-layouts';
 export * from './lib/layouts/root-layout';
-export * from './lib/layouts/setting-layout';
 export * from './lib/default.module';

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

@@ -1,7 +1,52 @@
-import { AXPThemeLayoutPageHeaderComponent } from '@acorex/platform/themes/shared';
+import { AXPThemeLayoutActionsComponent, AXPThemeLayoutHeaderTemplateComponent, AXPThemeLayoutSideTemplateComponent } from '@acorex/platform/themes/shared';
 import * as i0 from "@angular/core";
 export declare class AXPSimplePageLayout {
-    protected headerLayout: import("@angular/core").Signal<AXPThemeLayoutPageHeaderComponent | undefined>;
+    protected layoutService: {
+        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 headerLayout: import("@angular/core").Signal<AXPThemeLayoutHeaderTemplateComponent | undefined>;
+    protected layoutSide: import("@angular/core").Signal<AXPThemeLayoutSideTemplateComponent | undefined>;
+    protected pageActionsLayout: import("@angular/core").Signal<AXPThemeLayoutActionsComponent | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPSimplePageLayout, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPSimplePageLayout, "axp-layout-simple-page", never, {}, {}, ["headerLayout"], ["axp-page-side", "axp-page-header", "axp-page-content"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPSimplePageLayout, "axp-layout-simple-page", never, {}, {}, ["headerLayout", "layoutSide", "pageActionsLayout"], ["axp-layout-content"], true, never>;
 }

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,11 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXPListViewOptionConditionsComponent {
+    constructor();
+    onClosed: EventEmitter<void>;
+    protected handleClose(): void;
+    protected handleResetClick(): 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>;
+}

package/themes/default/lib/layouts/filters-layout/simple-filter-builder/filters-view.component.d.ts

@@ -0,0 +1,12 @@
+import { AXPFilterDefinition } from '@acorex/platform/common';
+import { AXPFiltersViewModel } from '@acorex/platform/layout/filters';
+import { Injector, InputSignal } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXPSimpleFiltersViewComponent {
+    protected vm: AXPFiltersViewModel;
+    protected injector: Injector;
+    filters: InputSignal<AXPFilterDefinition[]>;
+    ngOnInit(): 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>;
+}

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

@@ -1,5 +1,56 @@
+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

@@ -4,6 +4,49 @@ import * as i0 from "@angular/core";
 export declare class AXPSettingsViewComponent {
     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>;
+        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;
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPSettingsViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPSettingsViewComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,2 +1,6 @@
 export * from './layout-blocks.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-actions.component.d.ts

@@ -0,0 +1,20 @@
+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-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-layout-actions-secondary", never, {}, {}, never, ["ax-button-item"], true, never>;
+}
+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<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-actions,    axp-page-navbar,    axp-page-side,     axp-page-breadcrumbs    ", 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/shared.module.d.ts

@@ -1,7 +1,9 @@
+import { AXPAppStartUpService } from '@acorex/platform/common';
+import { Injector } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@acorex/platform/common";
 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 ɵinj: i0.ɵɵInjectorDeclaration<AXPThemesSharedModule>;

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

@@ -30,3 +30,5 @@ export declare function booleanDefaultProperty(defaultValue?: boolean): AXPWidge
 export declare function plainTextDefaultProperty(): AXPWidgetProperty;
 export declare function largeTextDefaultProperty(): AXPWidgetProperty;
 export declare function numberDefaultProperty(): AXPWidgetProperty;
+export declare function numberMinValueProperty(value?: number | null): AXPWidgetProperty;
+export declare function numberMaxValueProperty(value?: number | null): AXPWidgetProperty;

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

@@ -1,6 +1,7 @@
 import { AXPWidgetProperty, AXPWidgetPropertyGroup } from '@acorex/platform/layout/builder';
 export declare const AXP_LAYOUT_GRID_PROPERTY_GROUP: AXPWidgetPropertyGroup;
 export declare const AXP_LAYOUT_FLEX_PROPERTY_GROUP: AXPWidgetPropertyGroup;
+export declare const AXP_BOX_MODEL_PROPERTY_GROUP: AXPWidgetPropertyGroup;
 export declare const AXP_LAYOUT_GAP_PROPERTY: AXPWidgetProperty;
 export declare const AXP_LAYOUT_COL_SPAN_PROPERTY: AXPWidgetProperty;
 export declare const AXP_LAYOUT_COL_START_PROPERTY: AXPWidgetProperty;
@@ -17,3 +18,4 @@ export declare const AXP_LAYOUT_GRID_ROW_PROPERTIES: AXPWidgetProperty[];
 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;