@acorex/platform 20.3.0-next.1 → 20.3.0-next.10

package/layout/builder/index.d.ts

@@ -1,18 +1,79 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, Signal, EventEmitter, TemplateRef, Injector, OnInit, WritableSignal, SimpleChanges, ModuleWithProviders } from '@angular/core';
+import { Signal, InjectionToken, ComponentRef, OnInit, EventEmitter, TemplateRef, Injector, WritableSignal, SimpleChanges, ModuleWithProviders } from '@angular/core';
 import * as _acorex_platform_core from '@acorex/platform/core';
-import { AXPDataType, AXPOptionsData, AXPWidgetTriggers, AXPMetaData, AXPValueTransformerFunctions, AXPValidationRules, AXPPartialNested, AXPExpressionEvaluatorService } from '@acorex/platform/core';
-import * as _acorex_platform_layout_builder from '@acorex/platform/layout/builder';
+import { AXPDataType, AXPOptionsData, AXPValidationRules, AXPWidgetTriggers, AXPMetaData, AXPValueTransformerFunctions, AXPPartialNested, AXPExpressionEvaluatorService } from '@acorex/platform/core';
 import * as _ngrx_signals from '@ngrx/signals';
+import * as _acorex_platform_layout_builder from '@acorex/platform/layout/builder';
+import { AXValueChangedEvent, AXDataSource } from '@acorex/cdk/common';
 import { Subject, BehaviorSubject } from 'rxjs';
 import { AXDataTableColumnComponent } from '@acorex/components/data-table';
+import * as i7 from '@acorex/core/translation';
 import { AXTranslationService } from '@acorex/core/translation';
 import { AXUnsubscriber } from '@acorex/core/utils';
-import { AXValueChangedEvent, AXDataSource } from '@acorex/cdk/common';
 import * as i4 from '@angular/common';
 import * as i5 from '@angular/cdk/portal';
 import * as i6 from '@acorex/components/skeleton';
 
+declare enum AXPPageStatus {
+    Idle = "idle",// The page is idle.
+    Rendering = "rendering",// The page is being rendered.
+    Rendered = "rendered",// The rendering process is complete. should be renamed to idle
+    Processing = "processing",// The page is performing a task or interaction.
+    Submitting = "submitting",// The form is being submitted.
+    Submitted = "submitted",// Submission is completed.
+    Validating = "validating",// The form is being validated.
+    Validated = "validated",// Validation is completed.  
+    Error = "error"
+}
+declare enum AXPWidgetStatus {
+    Rendering = "rendering",// The widget is being rendered.
+    Rendered = "rendered",// The rendering process is complete.
+    Processing = "processing",// The widget is performing a task or interaction.
+    Error = "error"
+}
+
+type AXPLayoutElementAPI = {
+    [name: string]: Subject<any> | Function;
+};
+declare abstract class AXPLayoutElement {
+    abstract get id(): string | null;
+    abstract get status(): Signal<AXPWidgetStatus>;
+    api(): AXPLayoutElementAPI;
+}
+declare class AXPLayoutBuilderService {
+    private readonly variables$;
+    private readonly functions$;
+    readonly onRefresh: Subject<void>;
+    private widgets;
+    private readonly onWidgetRegistered;
+    private readonly status$;
+    readonly status: Signal<AXPPageStatus>;
+    readonly isBusy: Signal<boolean>;
+    get variables(): any;
+    get functions(): {
+        [key: string]: Function;
+    };
+    updateStatus(): void;
+    private detectStatus;
+    refresh(): void;
+    setStatus(status: AXPPageStatus): void;
+    setVariables(keysValues: any): void;
+    setVariables(key: string, value: any): void;
+    setFunctions(keysValues: any): void;
+    setFunctions(key: string, value: any): void;
+    registerWidget(id: string, widget: AXPLayoutElement): void;
+    getWidget(id: string): AXPLayoutElement | undefined;
+    /**
+     * Waits until a widget with the given id is registered, then resolves with it.
+     * If the widget is already registered, resolves immediately.
+     * Optionally accepts a timeout (in ms) after which it resolves with undefined.
+     */
+    waitForWidget(id: string, timeoutMs?: number): Promise<AXPLayoutElement | undefined>;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPLayoutBuilderService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPLayoutBuilderService>;
+}
+
 interface AXPWidgetCategory {
     name: string;
     title: string;
@@ -41,13 +102,10 @@ interface AXPWidgetTypesMap {
     color: 'color-editor';
     contact: 'contact-editor';
     dateTime: 'date-time-editor';
-    email: 'email-editor';
     largeText: 'large-text-editor';
-    link: 'link-editor';
     number: 'number-editor';
     numberUnit: 'number-unit-editor';
     password: 'password-editor';
-    phone: 'phone-editor';
     richText: 'rich-text-editor';
     select: 'select-editor';
     selectionList: 'selection-list-editor';
@@ -62,6 +120,7 @@ interface AXPWidgetTypesMap {
     fileTypeExtension: 'file-type-extension';
     map: 'map';
     imageMarker: 'image-marker';
+    image: 'image';
     gallery: 'gallery';
     signature: 'signature';
     buttonAction: 'button-action';
@@ -71,7 +130,6 @@ interface AXPWidgetTypesMap {
     advancedGrid: 'advanced-grid-layout';
     advancedGridItem: 'advanced-grid-item-layout';
     grid: 'grid-layout';
-    gridRow: 'grid-row-layout';
     gridItem: 'grid-item-layout';
     qrcode: 'qrcode';
     widgetSelector: 'widget-selector';
@@ -82,6 +140,9 @@ interface AXPWidgetTypesMap {
     border: 'border';
     direction: 'direction';
     flexLayout: 'flex-layout';
+    flexItem: 'flex-item-layout';
+    tableLayout: 'table-layout';
+    tableItem: 'table-item-layout';
     avatar: 'avatar';
     stringFilter: 'string-filter';
     numberFilter: 'number-filter';
@@ -89,7 +150,9 @@ interface AXPWidgetTypesMap {
     booleanFilter: 'boolean-filter';
     lookupFilter: 'lookup-filter';
     flexOptions: 'flex-options';
+    flexItemOptions: 'flex-item-options';
     gridOptions: 'grid-options';
+    gridItemOptions: 'grid-item-options';
     advancedGridOptions: 'advanced-grid-options';
     selectFilter: 'select-filter';
     requiredValidation: 'required-validation';
@@ -120,29 +183,15 @@ interface AXPWidgetTypesMap {
     fontStyleChooser: 'font-style-chooser';
     fontSizeChooser: 'font-size-chooser';
     iconChooser: 'icon-chooser';
-    colorChooser: 'color-chooser';
+    themeColorChooser: 'theme-color-chooser';
     panel: 'panel';
     notification: 'notification';
-    taskList: 'task-list';
+    taskBoard: 'task-board';
     comment: 'comment';
-}
-
-declare enum AXPPageStatus {
-    Idle = "idle",// The page is idle.
-    Rendering = "rendering",// The page is being rendered.
-    Rendered = "rendered",// The rendering process is complete. should be renamed to idle
-    Processing = "processing",// The page is performing a task or interaction.
-    Submitting = "submitting",// The form is being submitted.
-    Submitted = "submitted",// Submission is completed.
-    Validating = "validating",// The form is being validated.
-    Validated = "validated",// Validation is completed.  
-    Error = "error"
-}
-declare enum AXPWidgetStatus {
-    Rendering = "rendering",// The widget is being rendered.
-    Rendered = "rendered",// The rendering process is complete.
-    Processing = "processing",// The widget is performing a task or interaction.
-    Error = "error"
+    list: 'list';
+    listToolbar: 'list-toolbar';
+    entityList: 'entity-list';
+    documentUploader: 'document-uploader';
 }
 
 interface AXPWidgetPropertyGroup {
@@ -291,39 +340,314 @@ interface AXPLayoutBuilderStatusChangedEvent {
     status: AXPPageStatus;
 }
 
-type AXPLayoutElementAPI = {
-    [name: string]: Subject<any> | Function;
-};
-declare abstract class AXPLayoutElement {
-    abstract get id(): string | null;
-    abstract get status(): Signal<AXPWidgetStatus>;
-    api(): AXPLayoutElementAPI;
+type AXPClassMap = Readonly<Record<string, boolean>>;
+type AXPStyleMap = Readonly<Record<string, string | number>>;
+declare abstract class AXPBaseWidgetComponent extends AXPLayoutElement {
+    #private;
+    protected readonly token: _acorex_platform_layout_builder.AXPWidgetNodeToken;
+    readonly host: HTMLDivElement;
+    protected readonly layoutService: AXPLayoutBuilderService;
+    protected readonly contextService: {
+        data: _angular_core.Signal<{}>;
+        state: _angular_core.Signal<_acorex_platform_layout_builder.AXPLayoutContextState>;
+        initialSnapshot: _angular_core.Signal<{}>;
+        previousSnapshot: _angular_core.Signal<{}>;
+        lastChange: _ngrx_signals.DeepSignal<_acorex_platform_layout_builder.AXPLayoutContextChangeEvent>;
+        isChanged: _angular_core.Signal<boolean>;
+        isReset: _angular_core.Signal<boolean>;
+        isInitiated: _angular_core.Signal<boolean>;
+        isEmpty: _angular_core.Signal<boolean>;
+        isDirty: _angular_core.Signal<boolean>;
+        snapshot: _angular_core.Signal<{}>;
+        initial: _angular_core.Signal<{}>;
+        previous: _angular_core.Signal<{}>;
+        changeEvent: _angular_core.Signal<_acorex_platform_layout_builder.AXPLayoutContextChangeEvent>;
+        update: (path: string, value: any) => void;
+        patch: (context: {}) => void;
+        reset: () => void;
+        set: (initialData: any) => void;
+        getValue: (path: string) => any;
+    } & _ngrx_signals.StateSource<{
+        data: {};
+        state: _acorex_platform_layout_builder.AXPLayoutContextState;
+        initialSnapshot: {};
+        previousSnapshot: {};
+        lastChange: _acorex_platform_layout_builder.AXPLayoutContextChangeEvent;
+    }>;
+    readonly config: _acorex_platform_layout_builder.AXPWidgetConfig<any>;
+    readonly node: AXPWidgetNode;
+    protected readonly name: string | undefined;
+    protected component: this;
+    protected _id: string | null;
+    get id(): string | null;
+    protected _options: _angular_core.WritableSignal<_acorex_platform_core.AXPOptionsData>;
+    options: _angular_core.Signal<_acorex_platform_core.AXPOptionsData>;
+    onOptionsChanged: Subject<{
+        sender: AXPBaseWidgetComponent;
+    }>;
+    private _status;
+    status: _angular_core.Signal<AXPWidgetStatus>;
+    readonly onStatusChanged: BehaviorSubject<AXPWidgetStatus>;
+    isBusy: _angular_core.Signal<boolean>;
+    parent: AXPLayoutBaseWidgetComponent | null | undefined;
+    parentComponent: ComponentRef<any> | null | undefined;
+    parentElement: HTMLElement | null | undefined;
+    index: number | null | undefined;
+    mode: AXPWidgetRenderMode;
+    locked: boolean;
+    protected outputs(): (string | {
+        [name: string]: unknown;
+    })[];
+    ngOnInit(): void;
+    setStatus(status: AXPWidgetStatus): void;
+    setOptions(values: any): void;
+    output<T = any>(name: string): T;
+    call(name: string, ...args: any[]): void;
+    protected readonly _children: _angular_core.WritableSignal<AXPWidgetNode[]>;
+    protected children: _angular_core.Signal<AXPWidgetNode[]>;
+    setChildren(children: AXPWidgetNode[]): void;
+    onAdded(): void;
+    hostClass?(): AXPClassMap;
+    hostStyle?(): AXPStyleMap;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPBaseWidgetComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPBaseWidgetComponent>;
 }
-declare class AXPLayoutBuilderService {
-    private readonly variables$;
-    private readonly functions$;
-    readonly onRefresh: Subject<void>;
-    private widgets;
-    private readonly status$;
-    readonly status: Signal<AXPPageStatus>;
-    readonly isBusy: Signal<boolean>;
-    get variables(): any;
-    get functions(): {
-        [key: string]: Function;
+declare abstract class AXPLayoutBaseWidgetComponent extends AXPBaseWidgetComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPLayoutBaseWidgetComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPLayoutBaseWidgetComponent>;
+}
+declare abstract class AXPValueWidgetComponent<T = any | null> extends AXPLayoutBaseWidgetComponent implements OnInit {
+    protected readonly path: string | undefined;
+    protected readonly defaultValue: any;
+    private _isValueWidget;
+    private isValueWidget;
+    onValueChanged: Subject<{
+        sender: AXPBaseWidgetComponent;
+    }>;
+    fullPath: _angular_core.WritableSignal<string | null>;
+    parentPath: _angular_core.WritableSignal<string | null>;
+    ngOnInit(): void;
+    getValue: _angular_core.Signal<T>;
+    protected validationRules: _angular_core.Signal<AXPValidationRules>;
+    protected extractValue(path: string): any;
+    setValue(value: T | null | undefined): void;
+    private detectFullPath;
+    protected handleValueChanged(e: AXValueChangedEvent<T>): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPValueWidgetComponent<any>, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPValueWidgetComponent<any>>;
+}
+declare abstract class AXPDataListWidgetComponent extends AXPValueWidgetComponent<any> {
+    private dataService;
+    protected textField: _angular_core.Signal<string>;
+    protected valueField: _angular_core.Signal<string>;
+    protected dataSource: _angular_core.WritableSignal<AXDataSource<any>>;
+    protected isReady: _angular_core.Signal<boolean>;
+    selectedItems: _angular_core.WritableSignal<any[]>;
+    private rf;
+    protected extractItem(item: unknown): Promise<any>;
+    private effect2;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPDataListWidgetComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPDataListWidgetComponent>;
+}
+declare abstract class AXPColumnWidgetComponent<T = any | null | void> {
+    private readonly token;
+    protected readonly path: string;
+    protected readonly options: _acorex_platform_core.AXPOptionsData;
+    protected readonly rawValue: T;
+    protected readonly rowData: any;
+    protected readonly nullText: any;
+    protected readonly nullValue: T;
+    protected value: _angular_core.Signal<T>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPColumnWidgetComponent<any>, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPColumnWidgetComponent<any>>;
+}
+
+declare abstract class AXPBoxModelLayoutWidgetComponent extends AXPLayoutBaseWidgetComponent {
+    hostBoxStyle: _angular_core.Signal<Readonly<Record<string, string | number>>>;
+    protected blockStyle: _angular_core.Signal<Readonly<Record<string, string | number>>>;
+    protected inlineStyle: _angular_core.Signal<Readonly<Record<string, string | number>>>;
+    protected blockClass: _angular_core.Signal<Readonly<Record<string, boolean>>>;
+    protected inlineClass: _angular_core.Signal<Readonly<Record<string, boolean>>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPBoxModelLayoutWidgetComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPBoxModelLayoutWidgetComponent>;
+}
+
+declare abstract class AXPBlockBaseLayoutWidgetComponent extends AXPBoxModelLayoutWidgetComponent {
+    hostClass: _angular_core.Signal<Readonly<Record<string, boolean>>>;
+    hostStyle: _angular_core.Signal<Readonly<Record<string, string | number>>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPBlockBaseLayoutWidgetComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPBlockBaseLayoutWidgetComponent>;
+}
+
+type AXPPropertyEditorSideValues = 'top' | 'left' | 'bottom' | 'right';
+type AXPPropertyEditorCornerValues = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+type AXPPropertyEditorSideGeneric<T extends string, U extends string | number = string> = Record<T, U>;
+type AXPPropertySides<T extends string | number = string> = AXPPropertyEditorSideGeneric<AXPPropertyEditorSideValues, T>;
+type AXPPropertyCorners<T extends string | number = string> = AXPPropertyEditorSideGeneric<AXPPropertyEditorCornerValues, T>;
+interface AXPSpacingBox<T extends string | number = string> {
+    margin: AXPPropertySides<T>;
+    padding: AXPPropertySides<T>;
+}
+interface AXPBorderBox<T extends string | number = string> {
+    width: AXPPropertySides<T>;
+    radius: AXPPropertyCorners<T>;
+    color: AXPPropertySides<T>;
+    style: AXPPropertySides<T>;
+}
+interface AXPSpacingBoxString {
+    margin: string;
+    padding: string;
+}
+interface AXPBorderBoxString {
+    width: string;
+    radius: string;
+    color: string;
+    style: string;
+}
+interface AXPFlexBoxString {
+    flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
+    alignItems?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';
+    gap?: string;
+}
+interface AXPFlexItemBoxString {
+    order?: string;
+    grow?: string;
+    shrink?: string;
+    basis?: string;
+    alignSelf?: string;
+}
+interface AXPGridBoxString {
+    columns?: number;
+    rows?: number;
+    gap?: string;
+    justifyItems?: 'start' | 'end' | 'center' | 'stretch';
+    alignItems?: 'start' | 'end' | 'center' | 'stretch';
+    autoFlow?: 'row' | 'column' | 'dense' | 'row dense' | 'column dense';
+}
+interface AXPGridItemBoxString {
+    colSpan?: string | number;
+    colStart?: string | number;
+    colEnd?: string | number;
+    rowSpan?: string | number;
+    rowStart?: string | number;
+    rowEnd?: string | number;
+    alignSelf?: 'start' | 'end' | 'center' | 'stretch';
+    justifySelf?: 'start' | 'end' | 'center' | 'stretch';
+}
+type AXPGridBreakpointValues = AXPBreakpointValues<AXPGridBoxString>;
+type AXPBreakpoints = 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+type AXPBreakpointValues<T> = {
+    [key in AXPBreakpoints]?: T;
+};
+
+declare class AXPPropertyEditorHelper {
+    private static expandShorthand;
+    private static condenseShorthand;
+    private static parseSides;
+    private static parseSidesWithUnits;
+    private static parseCorners;
+    static parseSpacingBox(input: AXPSpacingBoxString): AXPSpacingBox<number>;
+    static parseBorderBox(input: AXPBorderBoxString): AXPBorderBox<number | string>;
+    static parseSpacingBoxReverse(input: AXPSpacingBox<number>, units: AXPSpacingBox<string>): AXPSpacingBoxString;
+    static parseBorderBoxReverse(input: AXPBorderBox<number | string>, units: AXPBorderBox<string>): AXPBorderBoxString;
+    static getValueWithUnit(input: string | number): {
+        value: number;
+        unit: string;
     };
-    updateStatus(): void;
-    private detectStatus;
-    refresh(): void;
-    setStatus(status: AXPPageStatus): void;
-    setVariables(keysValues: any): void;
-    setVariables(key: string, value: any): void;
-    setFunctions(keysValues: any): void;
-    setFunctions(key: string, value: any): void;
-    registerWidget(id: string, widget: AXPLayoutElement): void;
-    getWidget(id: string): AXPLayoutElement | undefined;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPLayoutBuilderService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPLayoutBuilderService>;
+    static getValueFromUnit(value: number, unit: string): string;
+    static parseGap(gap: string): {
+        values: Record<'x' | 'y', number>;
+        unit: string;
+    };
+    static parseGridTemplate(gridTemplate: string): number;
+    static createGridTemplate(repetitionCount: number): string;
+}
+declare function findNonEmptyBreakpoints<T>(values: AXPBreakpointValues<T>): AXPBreakpoints[];
+
+declare abstract class AXPFlexBaseLayoutWidgetComponent extends AXPBlockBaseLayoutWidgetComponent {
+    protected flex: _angular_core.Signal<AXPFlexBoxString | undefined>;
+    hostFlexStyle: _angular_core.Signal<Record<string, string | number>>;
+    hostFlexClass: _angular_core.Signal<Record<string, boolean>>;
+    hostClass: _angular_core.Signal<Record<string, boolean>>;
+    hostStyle: _angular_core.Signal<Record<string, string | number>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPFlexBaseLayoutWidgetComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPFlexBaseLayoutWidgetComponent>;
+}
+
+declare abstract class AXPInlineBaseLayoutWidgetComponent extends AXPBoxModelLayoutWidgetComponent {
+    hostClass: _angular_core.Signal<Readonly<Record<string, boolean>>>;
+    hostStyle: _angular_core.Signal<Readonly<Record<string, string | number>>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPInlineBaseLayoutWidgetComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPInlineBaseLayoutWidgetComponent>;
+}
+
+declare abstract class AXPFlexItemBaseLayoutWidgetComponent extends AXPInlineBaseLayoutWidgetComponent {
+    protected flexItem: _angular_core.Signal<AXPFlexItemBoxString | undefined>;
+    hostFlexItemStyle: _angular_core.Signal<Record<string, string | number>>;
+    hostFlexItemClass: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    hostClass: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    hostStyle: _angular_core.Signal<Record<string, string | number>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPFlexItemBaseLayoutWidgetComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPFlexItemBaseLayoutWidgetComponent>;
+}
+
+declare abstract class AXPGridBaseLayoutWidgetComponent extends AXPBlockBaseLayoutWidgetComponent {
+    private grid;
+    hostGridStyle: _angular_core.Signal<Record<string, string | number>>;
+    hostGridClass: _angular_core.Signal<Record<string, boolean>>;
+    hostClass: _angular_core.Signal<Record<string, boolean>>;
+    hostStyle: _angular_core.Signal<Record<string, string | number>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPGridBaseLayoutWidgetComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPGridBaseLayoutWidgetComponent>;
+}
+
+declare abstract class AXPGridItemBaseLayoutWidgetComponent extends AXPFlexBaseLayoutWidgetComponent {
+    private gridItem;
+    hostGridItemStyle: _angular_core.Signal<Record<string, string | number>>;
+    hostGridItemClass: _angular_core.Signal<Record<string, boolean>>;
+    hostClass: _angular_core.Signal<Record<string, boolean>>;
+    hostStyle: _angular_core.Signal<Record<string, string | number>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPGridItemBaseLayoutWidgetComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPGridItemBaseLayoutWidgetComponent>;
+}
+
+declare abstract class AXPTableBaseLayoutWidgetComponent extends AXPBlockBaseLayoutWidgetComponent {
+    hostTableClass: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    hostTableStyle: _angular_core.Signal<Record<string, string | number>>;
+    hostClass: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    hostStyle: _angular_core.Signal<Record<string, string | number>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPTableBaseLayoutWidgetComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPTableBaseLayoutWidgetComponent>;
+}
+
+declare abstract class AXPTableItemOpsBaseLayoutWidgetComponent extends AXPBlockBaseLayoutWidgetComponent {
+    abstract insertColumnLeft(): void;
+    abstract insertColumnRight(): void;
+    abstract insertRowAbove(): void;
+    abstract insertRowBelow(): void;
+    abstract insertCellShiftRight(): void;
+    abstract insertCellShiftDown(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPTableItemOpsBaseLayoutWidgetComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPTableItemOpsBaseLayoutWidgetComponent>;
+}
+
+declare abstract class AXPTableItemBaseLayoutWidgetComponent extends AXPTableItemOpsBaseLayoutWidgetComponent {
+    protected colSpan: _angular_core.Signal<number>;
+    protected rowSpan: _angular_core.Signal<number>;
+    hostClass: _angular_core.Signal<Readonly<Record<string, boolean>>>;
+    hostStyle: _angular_core.Signal<Readonly<Record<string, string | number>>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPTableItemBaseLayoutWidgetComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPTableItemBaseLayoutWidgetComponent>;
 }
 
 type AXPLayoutContextState = 'initiated' | 'restored' | 'changed' | 'patch';
@@ -335,10 +659,10 @@ declare class AXPLayoutContextChangeEvent {
     data: any;
 }
 declare const AXPLayoutBuilderContextStore: _angular_core.Type<{
-    data: _ngrx_signals.DeepSignal<{}>;
+    data: _angular_core.Signal<{}>;
     state: _angular_core.Signal<AXPLayoutContextState>;
-    initialSnapshot: _ngrx_signals.DeepSignal<{}>;
-    previousSnapshot: _ngrx_signals.DeepSignal<{}>;
+    initialSnapshot: _angular_core.Signal<{}>;
+    previousSnapshot: _angular_core.Signal<{}>;
     lastChange: _ngrx_signals.DeepSignal<AXPLayoutContextChangeEvent>;
     isChanged: _angular_core.Signal<boolean>;
     isReset: _angular_core.Signal<boolean>;
@@ -364,10 +688,10 @@ declare const AXPLayoutBuilderContextStore: _angular_core.Type<{
 
 declare class AXPWidgetContainerComponent {
     readonly contextService: {
-        data: _ngrx_signals.DeepSignal<{}>;
+        data: _angular_core.Signal<{}>;
         state: _angular_core.Signal<_acorex_platform_layout_builder.AXPLayoutContextState>;
-        initialSnapshot: _ngrx_signals.DeepSignal<{}>;
-        previousSnapshot: _ngrx_signals.DeepSignal<{}>;
+        initialSnapshot: _angular_core.Signal<{}>;
+        previousSnapshot: _angular_core.Signal<{}>;
         lastChange: _ngrx_signals.DeepSignal<AXPLayoutContextChangeEvent>;
         isChanged: _angular_core.Signal<boolean>;
         isReset: _angular_core.Signal<boolean>;
@@ -397,6 +721,8 @@ declare class AXPWidgetContainerComponent {
     constructor();
     status: _angular_core.Signal<_acorex_platform_layout_builder.AXPPageStatus>;
     isBusy: _angular_core.Signal<boolean>;
+    refresh(): void;
+    find(name: string): Promise<_acorex_platform_layout_builder.AXPLayoutElement | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPWidgetContainerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPWidgetContainerComponent, "axp-widgets-container", never, { "context": { "alias": "context"; "required": false; }; "functions": { "alias": "functions"; "required": false; }; }, { "onContextChanged": "onContextChanged"; }, never, ["*"], false, never>;
 }
@@ -450,121 +776,9 @@ declare class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponen
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPWidgetColumnRendererComponent, "axp-widget-column-renderer", never, { "caption": { "alias": "caption"; "required": false; }; "customExpandIcon": { "alias": "customExpandIcon"; "required": false; }; "customCollapseIcon": { "alias": "customCollapseIcon"; "required": false; }; "customWidth": { "alias": "customWidth"; "required": false; }; "node": { "alias": "node"; "required": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "expandHandler": { "alias": "expandHandler"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; }, {}, never, never, false, never>;
 }
 
-declare abstract class AXPBaseWidgetComponent extends AXPLayoutElement {
-    #private;
-    protected readonly token: _acorex_platform_layout_builder.AXPWidgetNodeToken;
-    readonly host: HTMLDivElement;
-    protected readonly layoutService: AXPLayoutBuilderService;
-    protected readonly contextService: {
-        data: _ngrx_signals.DeepSignal<{}>;
-        state: _angular_core.Signal<_acorex_platform_layout_builder.AXPLayoutContextState>;
-        initialSnapshot: _ngrx_signals.DeepSignal<{}>;
-        previousSnapshot: _ngrx_signals.DeepSignal<{}>;
-        lastChange: _ngrx_signals.DeepSignal<_acorex_platform_layout_builder.AXPLayoutContextChangeEvent>;
-        isChanged: _angular_core.Signal<boolean>;
-        isReset: _angular_core.Signal<boolean>;
-        isInitiated: _angular_core.Signal<boolean>;
-        isEmpty: _angular_core.Signal<boolean>;
-        isDirty: _angular_core.Signal<boolean>;
-        snapshot: _angular_core.Signal<{}>;
-        initial: _angular_core.Signal<{}>;
-        previous: _angular_core.Signal<{}>;
-        changeEvent: _angular_core.Signal<_acorex_platform_layout_builder.AXPLayoutContextChangeEvent>;
-        update: (path: string, value: any) => void;
-        patch: (context: {}) => void;
-        reset: () => void;
-        set: (initialData: any) => void;
-        getValue: (path: string) => any;
-    } & _ngrx_signals.StateSource<{
-        data: {};
-        state: _acorex_platform_layout_builder.AXPLayoutContextState;
-        initialSnapshot: {};
-        previousSnapshot: {};
-        lastChange: _acorex_platform_layout_builder.AXPLayoutContextChangeEvent;
-    }>;
-    readonly config: _acorex_platform_layout_builder.AXPWidgetConfig<any>;
-    readonly node: AXPWidgetNode;
-    protected readonly name: string | undefined;
-    protected _id: string | null;
-    get id(): string | null;
-    protected _options: _angular_core.WritableSignal<any>;
-    options: _angular_core.Signal<any>;
-    onOptionsChanged: Subject<{
-        sender: AXPBaseWidgetComponent;
-    }>;
-    private _status;
-    status: _angular_core.Signal<AXPWidgetStatus>;
-    readonly onStatusChanged: BehaviorSubject<AXPWidgetStatus>;
-    isBusy: _angular_core.Signal<boolean>;
-    parent: AXPLayoutWidgetComponent | null | undefined;
-    index: number | null | undefined;
-    mode: AXPWidgetRenderMode;
-    locked: boolean;
-    protected outputs(): (string | {
-        [name: string]: unknown;
-    })[];
-    ngOnInit(): void;
-    setStatus(status: AXPWidgetStatus): void;
-    setOptions(values: any): void;
-    output<T = any>(name: string): T;
-    call(name: string, ...args: any[]): void;
-    protected readonly _children: _angular_core.WritableSignal<AXPWidgetNode[]>;
-    protected children: _angular_core.Signal<AXPWidgetNode[]>;
-    setChildren(children: AXPWidgetNode[]): void;
-    onAdded(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPBaseWidgetComponent, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPBaseWidgetComponent>;
-}
-declare abstract class AXPLayoutWidgetComponent extends AXPBaseWidgetComponent {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPLayoutWidgetComponent, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPLayoutWidgetComponent>;
-}
-declare abstract class AXPValueWidgetComponent<T = any | null> extends AXPLayoutWidgetComponent implements OnInit {
-    protected readonly path: string | undefined;
-    protected readonly defaultValue: any;
-    private _isValueWidget;
-    private isValueWidget;
-    onValueChanged: Subject<{
-        sender: AXPBaseWidgetComponent;
-    }>;
-    fullPath: _angular_core.WritableSignal<string | null>;
-    parentPath: _angular_core.WritableSignal<string | null>;
-    ngOnInit(): void;
-    getValue: _angular_core.Signal<T>;
-    protected validationRules: _angular_core.Signal<AXPValidationRules>;
-    protected extractValue(path: string): any;
-    setValue(value: T | null | undefined): void;
-    private detectFullPath;
-    protected handleValueChanged(e: AXValueChangedEvent<T>): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPValueWidgetComponent<any>, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPValueWidgetComponent<any>>;
-}
-declare abstract class AXPDataListWidgetComponent extends AXPValueWidgetComponent<any> {
-    private dataService;
-    protected textField: _angular_core.Signal<string>;
-    protected valueField: _angular_core.Signal<string>;
-    protected dataSource: _angular_core.WritableSignal<AXDataSource<unknown>>;
-    protected isReady: _angular_core.Signal<boolean>;
-    selectedItems: _angular_core.WritableSignal<any[]>;
-    private rf;
-    protected extractItem(item: unknown): Promise<any>;
-    private effect2;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPDataListWidgetComponent, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPDataListWidgetComponent>;
-}
-declare abstract class AXPColumnWidgetComponent<T = any | null | void> {
-    private readonly token;
-    protected readonly path: string;
-    protected readonly options: _acorex_platform_core.AXPOptionsData;
-    protected readonly rawValue: T;
-    protected readonly rowData: any;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPColumnWidgetComponent<any>, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPColumnWidgetComponent<any>>;
-}
-
 type AXPWidgetRendererDirectiveOptions = AXPMetaData;
 declare class AXPWidgetRendererDirective {
-    parentNode: _angular_core.InputSignal<AXPLayoutWidgetComponent | null | undefined>;
+    parentNode: _angular_core.InputSignal<AXPLayoutBaseWidgetComponent | null | undefined>;
     index: _angular_core.InputSignal<number | null | undefined>;
     mode: _angular_core.InputSignal<keyof _acorex_platform_layout_builder.AXPWidgetConfigComponents>;
     node: _angular_core.InputSignal<AXPWidgetNode>;
@@ -582,10 +796,10 @@ declare class AXPWidgetRendererDirective {
     private injector;
     protected builderService: AXPLayoutBuilderService;
     protected contextService: {
-        data: _ngrx_signals.DeepSignal<{}>;
+        data: _angular_core.Signal<{}>;
         state: _angular_core.Signal<_acorex_platform_layout_builder.AXPLayoutContextState>;
-        initialSnapshot: _ngrx_signals.DeepSignal<{}>;
-        previousSnapshot: _ngrx_signals.DeepSignal<{}>;
+        initialSnapshot: _angular_core.Signal<{}>;
+        previousSnapshot: _angular_core.Signal<{}>;
         lastChange: _ngrx_signals.DeepSignal<_acorex_platform_layout_builder.AXPLayoutContextChangeEvent>;
         isChanged: _angular_core.Signal<boolean>;
         isReset: _angular_core.Signal<boolean>;
@@ -615,18 +829,38 @@ declare class AXPWidgetRendererDirective {
     protected expressionEvaluator: AXPExpressionEvaluatorService;
     private viewContainerRef;
     protected isLoading: WritableSignal<boolean>;
-    private instance;
+    instance: AXPValueWidgetComponent;
     private expressionEvaluators;
     private componentRef;
     private renderTimeoutId;
     private hasInitialRender;
     private onContextChanged;
+    private contextUpdateQueue;
+    private contextUpdateTimeout;
+    private readonly CONTEXT_UPDATE_DEBOUNCE_MS;
+    private expressionCache;
+    private readonly EXPRESSION_CACHE_TTL;
+    private lastAppliedOptions;
+    private lastExpressionResults;
+    private preRenderContextQueue;
     constructor();
+    private getCachedExpressionResult;
+    private setCachedExpressionResult;
+    private clearExpressionCache;
+    private isPathAffectingExpressions;
+    private queueContextUpdate;
+    private processBatchedUpdates;
+    private isRelevantContextChange;
+    private hasExpressionDependency;
+    private isPathAlias;
+    private getExpressionValueFromNode;
+    private hasTriggerDependency;
     ngOnChanges(changes: SimpleChanges): void;
     private rerenderComponent;
     ngOnDestroy(): void;
     private loadComponent;
     private applyOptions;
+    private hasOptionsChanged;
     private checkFormulaForUpdate;
     preprocessAndInitialOptions(obj: any, pathPrefix?: string): void;
     updateOptionsBasedOnContext(): Promise<number>;
@@ -657,7 +891,7 @@ declare class AXPLayoutBuilderModule {
      */
     constructor(instances: any[]);
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPLayoutBuilderModule, [{ optional: true; }]>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXPLayoutBuilderModule, [typeof AXPWidgetContainerComponent, typeof AXPWidgetColumnRendererComponent, typeof AXPWidgetRendererDirective], [typeof i4.CommonModule, typeof i5.PortalModule, typeof i6.AXSkeletonModule, typeof i4.CommonModule], [typeof AXPWidgetContainerComponent, typeof AXPWidgetColumnRendererComponent, typeof AXPWidgetRendererDirective]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXPLayoutBuilderModule, [typeof AXPWidgetContainerComponent, typeof AXPWidgetColumnRendererComponent, typeof AXPWidgetRendererDirective], [typeof i4.CommonModule, typeof i5.PortalModule, typeof i6.AXSkeletonModule, typeof i4.CommonModule, typeof i7.AXTranslationModule], [typeof AXPWidgetContainerComponent, typeof AXPWidgetColumnRendererComponent, typeof AXPWidgetRendererDirective]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXPLayoutBuilderModule>;
 }
 
@@ -670,5 +904,5 @@ interface AXPMetaDataDefinition {
 
 declare const AXPWidgetsCatalog: AXPWidgetTypesMap;
 
-export { AXPBaseWidgetComponent, AXPColumnWidgetComponent, AXPDataListWidgetComponent, AXPLayoutBuilderContextStore, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPLayoutContextChangeEvent, AXPLayoutElement, AXPLayoutWidgetComponent, AXPPageStatus, AXPValueWidgetComponent, AXPWidgetColumnRendererComponent, AXPWidgetContainerComponent, AXPWidgetGroupEnum, AXPWidgetRegistryService, AXPWidgetRendererDirective, AXPWidgetStatus, AXPWidgetsCatalog, AXP_WIDGETS_ACTION_CATEGORY, AXP_WIDGETS_ADVANCE_CATEGORY, AXP_WIDGETS_CATEGORIES, AXP_WIDGETS_EDITOR_CATEGORY, AXP_WIDGETS_LAYOUT_CATEGORY, AXP_WIDGET_COLUMN_TOKEN, AXP_WIDGET_TOKEN, cloneProperty, createBooleanProperty, createNumberProperty, createSelectProperty, createStringProperty };
-export type { AXPExtractWidgetConfig, AXPLayoutBuilderModuleConfigs, AXPLayoutBuilderStatusChangedEvent, AXPLayoutContextState, AXPLayoutElementAPI, AXPMetaDataDefinition, AXPWidgetCategory, AXPWidgetColumnNode, AXPWidgetColumnNodeToken, AXPWidgetComponentConfig, AXPWidgetConfig, AXPWidgetConfigComponents, AXPWidgetDesignerOptionsMap, AXPWidgetGroup, AXPWidgetNode, AXPWidgetNodeToken, AXPWidgetProperty, AXPWidgetPropertyGroup, AXPWidgetRenderMode, AXPWidgetRendererDirectiveOptions, AXPWidgetTypesMap, AXPWidgetViewType, extendedWidget };
+export { AXPBaseWidgetComponent, AXPBlockBaseLayoutWidgetComponent, AXPBoxModelLayoutWidgetComponent, AXPColumnWidgetComponent, AXPDataListWidgetComponent, AXPFlexBaseLayoutWidgetComponent, AXPFlexItemBaseLayoutWidgetComponent, AXPGridBaseLayoutWidgetComponent, AXPGridItemBaseLayoutWidgetComponent, AXPInlineBaseLayoutWidgetComponent, AXPLayoutBaseWidgetComponent, AXPLayoutBuilderContextStore, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPLayoutContextChangeEvent, AXPLayoutElement, AXPPageStatus, AXPPropertyEditorHelper, AXPTableBaseLayoutWidgetComponent, AXPTableItemBaseLayoutWidgetComponent, AXPTableItemOpsBaseLayoutWidgetComponent, AXPValueWidgetComponent, AXPWidgetColumnRendererComponent, AXPWidgetContainerComponent, AXPWidgetGroupEnum, AXPWidgetRegistryService, AXPWidgetRendererDirective, AXPWidgetStatus, AXPWidgetsCatalog, AXP_WIDGETS_ACTION_CATEGORY, AXP_WIDGETS_ADVANCE_CATEGORY, AXP_WIDGETS_CATEGORIES, AXP_WIDGETS_EDITOR_CATEGORY, AXP_WIDGETS_LAYOUT_CATEGORY, AXP_WIDGET_COLUMN_TOKEN, AXP_WIDGET_TOKEN, cloneProperty, createBooleanProperty, createNumberProperty, createSelectProperty, createStringProperty, findNonEmptyBreakpoints };
+export type { AXPBorderBox, AXPBorderBoxString, AXPBreakpointValues, AXPBreakpoints, AXPClassMap, AXPExtractWidgetConfig, AXPFlexBoxString, AXPFlexItemBoxString, AXPGridBoxString, AXPGridBreakpointValues, AXPGridItemBoxString, AXPLayoutBuilderModuleConfigs, AXPLayoutBuilderStatusChangedEvent, AXPLayoutContextState, AXPLayoutElementAPI, AXPMetaDataDefinition, AXPPropertyCorners, AXPPropertyEditorCornerValues, AXPPropertyEditorSideGeneric, AXPPropertyEditorSideValues, AXPPropertySides, AXPSpacingBox, AXPSpacingBoxString, AXPStyleMap, AXPWidgetCategory, AXPWidgetColumnNode, AXPWidgetColumnNodeToken, AXPWidgetComponentConfig, AXPWidgetConfig, AXPWidgetConfigComponents, AXPWidgetDesignerOptionsMap, AXPWidgetGroup, AXPWidgetNode, AXPWidgetNodeToken, AXPWidgetProperty, AXPWidgetPropertyGroup, AXPWidgetRenderMode, AXPWidgetRendererDirectiveOptions, AXPWidgetTypesMap, AXPWidgetViewType, extendedWidget };