@acorex/platform 20.3.0-next.12 → 20.3.0-next.13

package/layout/builder/index.d.ts

@@ -1,908 +1,485 @@
-import * as _angular_core 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, 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 * as i4 from '@angular/common';
-import * as i5 from '@angular/cdk/portal';
-import * as i6 from '@acorex/components/skeleton';
+import * as i0 from '@angular/core';
+import { OnInit } from '@angular/core';
+import * as i1 from '@angular/common';
+import { AXPWidgetRenderMode, AXPWidgetNode } from '@acorex/platform/layout/widget-core';
+import { AXPGridLayoutOptions } from '@acorex/platform/core';
 
-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;
+type AXPLayoutMode = AXPWidgetRenderMode;
+type AXPLayoutDirection = 'horizontal' | 'vertical';
+type AXPLayoutLook = 'normal' | 'borderless' | 'outlined';
+interface TextBoxOptions {
+    placeholder?: string;
+    maxLength?: number;
+    minLength?: number;
+    prefix?: string;
+    suffix?: string;
+    clearButton?: boolean;
+}
+interface NumberBoxOptions {
+    min?: number;
+    max?: number;
+    step?: number;
+    placeholder?: string;
+    format?: string;
+}
+interface SelectBoxOptions {
+    items: any[] | (() => any[]) | (() => Promise<any[]>);
+    valueField?: string;
+    textField?: string;
+    placeholder?: string;
+    multiple?: boolean;
+    searchable?: boolean;
+    clearButton?: boolean;
+}
+interface DateTimeBoxOptions {
+    type?: 'date' | 'time' | 'datetime';
+    format?: string;
+    min?: Date | string;
+    max?: Date | string;
+    placeholder?: string;
+    clearButton?: boolean;
+}
+interface ToggleSwitchOptions {
+    label?: string;
+    trueText?: string;
+    falseText?: string;
+}
+interface LargeTextBoxOptions {
+    rows?: number;
+    maxLength?: number;
+    minLength?: number;
+    placeholder?: string;
+    resizable?: boolean;
+}
+interface ColorBoxOptions {
+    format?: 'hex' | 'rgb' | 'hsl';
+    showAlpha?: boolean;
+    showPalette?: boolean;
+}
+interface AXPFlexContainerOptions {
+    flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+    alignItems?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+    gap?: string;
+    spacing?: {
+        padding?: string;
+        margin?: 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;
-    /**
-     * 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;
-    order: number;
-}
-declare const AXP_WIDGETS_LAYOUT_CATEGORY: AXPWidgetCategory;
-declare const AXP_WIDGETS_EDITOR_CATEGORY: AXPWidgetCategory;
-declare const AXP_WIDGETS_ACTION_CATEGORY: AXPWidgetCategory;
-declare const AXP_WIDGETS_ADVANCE_CATEGORY: AXPWidgetCategory;
-declare const AXP_WIDGETS_CATEGORIES: AXPWidgetCategory[];
-
-type AXPWidgetGroup = 'form-element' | 'dashboard-widget' | 'form-template' | 'property-editor' | 'meta-data' | 'setting-widget' | 'entity-widget';
-declare enum AXPWidgetGroupEnum {
-    FormElement = "form-element",
-    DashboardWidget = "dashboard-widget",
-    FormTemplate = "form-template",
-    PropertyEditor = "property-editor",
-    MetaData = "meta-data",
-    SettingWidget = "setting-widget",
-    EntityWidget = "entity-widget"
-}
-
-interface AXPWidgetTypesMap {
-    timeDuration: 'time-duration';
-    checkbox: 'checkbox-editor';
-    color: 'color-editor';
-    contact: 'contact-editor';
-    dateTime: 'date-time-editor';
-    largeText: 'large-text-editor';
-    number: 'number-editor';
-    numberUnit: 'number-unit-editor';
-    password: 'password-editor';
-    richText: 'rich-text-editor';
-    select: 'select-editor';
-    selectionList: 'selection-list-editor';
-    text: 'text-editor';
-    table: 'table-editor';
-    toggle: 'toggle-editor';
-    blockLayout: 'block-layout';
-    pageLayout: 'page-layout';
-    repeaterLayout: 'repeater-layout';
-    textBlockLayout: 'text-block-layout';
-    fileUploader: 'file-uploader';
-    fileTypeExtension: 'file-type-extension';
-    map: 'map';
-    imageMarker: 'image-marker';
-    image: 'image';
-    gallery: 'gallery';
-    signature: 'signature';
-    buttonAction: 'button-action';
-    document: 'document-layout';
-    lookup: 'lookup-editor';
-    formField: 'form-field';
-    advancedGrid: 'advanced-grid-layout';
-    advancedGridItem: 'advanced-grid-item-layout';
-    grid: 'grid-layout';
-    gridItem: 'grid-item-layout';
-    qrcode: 'qrcode';
-    widgetSelector: 'widget-selector';
-    template: 'template';
-    templateDesigner: 'template-designer';
-    cronJob: 'cron-job';
-    spacing: 'spacing';
-    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';
-    dateTimeFilter: 'datetime-filter';
-    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';
-    regularExpressionValidation: 'regular-expression-validation';
-    minLengthValidation: 'min-length-validation';
-    maxLengthValidation: 'max-length-validation';
-    lessThanValidation: 'less-than-validation';
-    greaterThanValidation: 'greater-than-validation';
-    betweenValidation: 'between-validation';
-    equalValidation: 'equal-validation';
-    callbackValidation: 'callback-validation';
-    donutChart: 'donut-chart';
-    barChart: 'bar-chart';
-    lineChart: 'line-chart';
-    gaugeChart: 'gauge-chart';
-    stickyNote: 'sticky-note';
-    clockCalendar: 'clock-calendar';
-    analogClock: 'analog-clock';
-    weather: 'weather';
-    minimalWeather: 'minimal-weather';
-    advancedWeather: 'advanced-weather';
-    metaData: 'meta-data-editor';
-    tagable: 'tagable-editor';
-    templateEditor: 'template-box-editor';
-    themePaletteChooser: 'theme-palette-chooser';
-    themeModeChooser: 'theme-mode-chooser';
-    menuOrientationChooser: 'menu-orientation-chooser';
-    fontStyleChooser: 'font-style-chooser';
-    fontSizeChooser: 'font-size-chooser';
-    iconChooser: 'icon-chooser';
-    themeColorChooser: 'theme-color-chooser';
-    panel: 'panel';
-    notification: 'notification';
-    taskBoard: 'task-board';
-    comment: 'comment';
-    list: 'list';
-    listToolbar: 'list-toolbar';
-    entityList: 'entity-list';
-    documentUploader: 'document-uploader';
-}
-
-interface AXPWidgetPropertyGroup {
-    name: string;
-    title: string;
-    order: number;
-}
-interface AXPWidgetProperty {
-    name: string;
-    title: string;
-    description?: string;
-    group: AXPWidgetPropertyGroup;
-    order?: number;
-    schema: {
-        dataType: AXPDataType;
-        nullable?: boolean;
-        defaultValue?: any | string | ((context: any | null) => any);
-        interface: Required<Pick<AXPWidgetNode, 'path'>> & Omit<AXPWidgetNode, 'path'>;
+    border?: {
+        radius?: string;
+        width?: string;
+        color?: string;
+        style?: string;
     };
-    options?: AXPOptionsData;
-    validations?: AXPValidationRules;
-    visible: boolean;
-}
-declare function cloneProperty(property: AXPWidgetProperty, values: AXPPartialNested<AXPWidgetProperty>): AXPWidgetProperty;
-declare function createStringProperty(ctor: {
-    defaultValue?: string;
-    name: string;
-    title: string;
-    path?: string;
-    group: AXPWidgetPropertyGroup;
-    visible?: boolean;
-}): AXPWidgetProperty;
-declare function createNumberProperty(ctor: {
-    defaultValue?: number;
-    name: string;
-    title: string;
-    path?: string;
-    group: AXPWidgetPropertyGroup;
-    visible?: boolean;
-    options?: {
-        minValue?: number;
-        maxValue?: number;
-        decimals?: number;
+    backgroundColor?: string;
+    direction?: string;
+    overflow?: string;
+    overflowX?: string;
+    overflowY?: string;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    minHeight?: string;
+    maxHeight?: string;
+}
+interface AXPGridContainerOptions {
+    grid?: {
+        default?: {
+            columns?: number;
+            rows?: number;
+            gap?: string;
+            justifyItems?: string;
+            alignItems?: string;
+            autoFlow?: string;
+        };
     };
-}): AXPWidgetProperty;
-declare function createBooleanProperty(ctor: {
-    defaultValue?: boolean;
-    name: string;
-    title: string;
-    path?: string;
-    group: AXPWidgetPropertyGroup;
-    visible?: boolean;
-}): AXPWidgetProperty;
-declare function createSelectProperty<T = string | {
-    id: string;
-    title: string;
-}>(ctor: {
-    defaultValue: T | T[] | any;
-    dataSource: T[];
-    name: string;
-    title: string;
-    path?: string;
-    group: AXPWidgetPropertyGroup;
-    visible?: boolean;
-}): AXPWidgetProperty;
-interface AXPWidgetNode {
-    type: AXPWidgetTypesMap[keyof AXPWidgetTypesMap] | keyof AXPWidgetTypesMap | string;
-    mode?: AXPWidgetRenderMode;
-    path?: string;
-    name?: string;
-    defaultValue?: any;
-    formula?: string;
-    children?: AXPWidgetNode[];
-    options?: AXPOptionsData;
-    triggers?: AXPWidgetTriggers;
-    meta?: AXPMetaData;
-    valueTransforms?: AXPValueTransformerFunctions;
-}
-interface AXPWidgetNodeToken {
-    defaultValue?: any;
-    config: AXPWidgetConfig;
-    node: AXPWidgetNode;
-    options?: AXPOptionsData;
-}
-interface AXPWidgetColumnNode {
-    type: string;
-    path: string;
-    options?: AXPOptionsData;
-}
-interface AXPWidgetColumnNodeToken extends AXPWidgetColumnNode {
-    config: AXPWidgetConfig;
-}
-declare const AXP_WIDGET_TOKEN: InjectionToken<AXPWidgetNodeToken>;
-declare const AXP_WIDGET_COLUMN_TOKEN: InjectionToken<AXPWidgetColumnNodeToken>;
-interface AXPWidgetComponentConfig {
-    component: () => Promise<any>;
-    properties?: AXPWidgetProperty[];
-}
-interface AXPWidgetConfigComponents {
-    designer?: AXPWidgetComponentConfig;
-    view?: AXPWidgetComponentConfig;
-    edit?: AXPWidgetComponentConfig;
-    print?: AXPWidgetComponentConfig;
-    column?: AXPWidgetComponentConfig;
-    filter?: AXPWidgetComponentConfig;
-}
-type AXPWidgetViewType = 'container' | 'editor' | 'action' | 'view' | 'filter' | 'validation' | 'dashboard';
-type AXPWidgetDesignerOptionsMap = {
-    container: {
-        canInsert: boolean;
+    spacing?: {
+        padding?: string;
+        margin?: string;
     };
-    editor: {
-        needLabel: boolean;
+    border?: {
+        radius?: string;
+        width?: string;
+        color?: string;
+        style?: string;
     };
-    action: {};
-    view: {};
-};
-type AXPExtractWidgetConfig<T> = {
-    type: AXPWidgetViewType;
-    designer: T extends {
-        type: infer V;
-    } ? V extends keyof AXPWidgetDesignerOptionsMap ? AXPWidgetDesignerOptionsMap[V] : any : any;
-};
-interface AXPWidgetConfig<T = any> {
-    name: AXPWidgetTypesMap[keyof AXPWidgetTypesMap] | keyof AXPWidgetTypesMap | string;
-    alias?: string | string[];
-    title: string;
+    backgroundColor?: string;
+    direction?: string;
+    overflow?: string;
+    overflowX?: string;
+    overflowY?: string;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    minHeight?: string;
+    maxHeight?: string;
+}
+interface AXPPanelContainerOptions {
+    caption?: string;
     icon?: string;
-    description?: string;
-    categories?: AXPWidgetCategory | AXPWidgetCategory[];
-    groups?: AXPWidgetGroup[];
-    properties?: AXPWidgetProperty[];
-    components: AXPWidgetConfigComponents;
-    meta?: AXPMetaData;
-    type: AXPExtractWidgetConfig<T>['type'];
-    designer?: AXPExtractWidgetConfig<T>['designer'];
-    options?: Record<string, any>;
-    defaultFilterWidgetName?: 'string-filter' | 'number-filter' | 'datetime-filter' | 'boolean-filter' | 'select-filter' | 'lookup-filter';
-}
-interface extendedWidget {
-    widget: AXPWidgetConfig;
-    parentName: string;
-}
-type AXPWidgetRenderMode = keyof AXPWidgetConfigComponents;
-interface AXPLayoutBuilderStatusChangedEvent {
-    status: AXPPageStatus;
-}
-
-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 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;
+    look?: 'solid' | 'fill' | 'outline' | 'flat' | 'none';
+    disabled?: boolean;
+    showHeader?: boolean;
+    collapsed?: boolean;
+}
+interface AXPPageContainerOptions {
+    backgroundColor?: string;
+    theme?: {
+        id: string;
+    };
+    hasHeader?: boolean;
+    hasFooter?: boolean;
+    direction?: string;
+}
+interface AXPTabsetContainerOptions {
+    look?: 'with-line' | 'with-line-color' | 'pills' | 'pills-color';
+    orientation?: 'vertical' | 'horizontal';
+    activeIndex?: number;
+}
+interface RichTextOptions {
+    placeholder?: string;
+    toolbar?: string[];
+    readonly?: boolean;
+}
+interface PasswordBoxOptions {
+    placeholder?: string;
+    revealToggle?: boolean;
+    maxLength?: number;
+}
+interface LookupBoxOptions {
+    dataSource?: any[] | (() => any[]) | (() => Promise<any[]>);
+    valueField?: string;
+    textField?: string;
+    searchable?: boolean;
+}
+interface SelectionListOptions {
+    items: any[] | (() => any[]) | (() => Promise<any[]>);
+    valueField?: string;
+    textField?: string;
+    multiple?: boolean;
+    searchable?: boolean;
+}
+interface AXPWidgetConfiguration {
+    type: string;
+    options?: any;
 }
-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;
+interface AXPLayoutNodeDefinition {
+    id?: string;
+    name?: string;
+    widget?: AXPWidgetConfiguration;
+    children?: AXPLayoutNodeDefinition[];
+    layout?: AXPGridLayoutOptions;
+    mode?: AXPLayoutMode;
+    order?: number | string;
+    visible?: boolean | string;
+    disabled?: boolean | string;
+    readonly?: boolean | string;
+}
+interface AXPLayoutDefinition {
+    nodes: AXPLayoutNodeDefinition[];
+    mode?: AXPLayoutMode;
+    direction?: AXPLayoutDirection;
+    look?: AXPLayoutLook;
+    layoutConfig?: AXPGridLayoutOptions;
+}
+interface LayoutBuilderState {
+    nodes: AXPLayoutNodeDefinition[];
+    mode: AXPLayoutMode;
+    direction: AXPLayoutDirection;
+    look: AXPLayoutLook;
+    layoutConfig: AXPGridLayoutOptions;
+}
+interface WidgetBuilderState {
+    id?: string;
+    name?: string;
+    type: 'widget';
+    widget?: AXPWidgetConfiguration;
+    children?: AXPLayoutNodeDefinition[];
+    layout?: AXPGridLayoutOptions;
+    mode?: AXPLayoutMode;
+    order?: number | string;
+    visible?: boolean | string;
+    disabled?: boolean | string;
+    readonly?: boolean | string;
+}
+interface ILayoutBuilder {
+    widget(name?: string, delegate?: (widget: IWidgetBuilder) => void): ILayoutBuilder;
+    grid(delegate: (container: IGridContainerBuilder) => void): ILayoutBuilder;
+    flex(delegate: (container: IFlexContainerBuilder) => void): ILayoutBuilder;
+    panel(delegate: (container: IPanelContainerBuilder) => void): ILayoutBuilder;
+    page(delegate: (container: IPageContainerBuilder) => void): ILayoutBuilder;
+    tabset(delegate: (container: ITabsetContainerBuilder) => void): ILayoutBuilder;
+    textBox(options?: TextBoxOptions): ILayoutBuilder;
+    largeTextBox(options?: LargeTextBoxOptions): ILayoutBuilder;
+    richText(options?: RichTextOptions): ILayoutBuilder;
+    passwordBox(options?: PasswordBoxOptions): ILayoutBuilder;
+    numberBox(options?: NumberBoxOptions): ILayoutBuilder;
+    selectBox(options: SelectBoxOptions): ILayoutBuilder;
+    lookupBox(options: LookupBoxOptions): ILayoutBuilder;
+    selectionList(options: SelectionListOptions): ILayoutBuilder;
+    dateTimeBox(options?: DateTimeBoxOptions): ILayoutBuilder;
+    toggleSwitch(options?: ToggleSwitchOptions): ILayoutBuilder;
+    colorBox(options?: ColorBoxOptions): ILayoutBuilder;
+    customWidget(type: string, options?: any): ILayoutBuilder;
+    layout(config: Partial<AXPGridLayoutOptions>): ILayoutBuilder;
+    mode(mode: AXPLayoutMode): ILayoutBuilder;
+    direction(direction: AXPLayoutDirection): ILayoutBuilder;
+    look(look: AXPLayoutLook): ILayoutBuilder;
+    build(): AXPLayoutDefinition;
+    render(): AXPWidgetNode;
+}
+interface LayoutDefinition {
+    zones: {
+        [zoneId: string]: ZoneConfig;
     };
-    static getValueFromUnit(value: number, unit: string): string;
-    static parseGap(gap: string): {
-        values: Record<'x' | 'y', number>;
-        unit: string;
+    styles?: {
+        [key: string]: any;
     };
-    static parseGridTemplate(gridTemplate: string): number;
-    static createGridTemplate(repetitionCount: number): string;
+    responsive?: ResponsiveConfig;
 }
-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>;
+interface ZoneConfig {
+    layout?: LayoutTypeConfig;
+    styles?: {
+        [key: string]: any;
+    };
+    containers?: {
+        [containerId: string]: ContainerConfig;
+    };
+    order?: number;
 }
-
-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>;
+interface ContainerConfig {
+    layout?: LayoutTypeConfig;
+    styles?: {
+        [key: string]: any;
+    };
 }
-
-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>;
+interface LayoutTypeConfig {
+    type?: 'flex' | 'grid' | 'block';
+    flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+    alignItems?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+    gap?: string;
+    grid?: {
+        columns?: number;
+        rows?: number;
+        gap?: string;
+    };
 }
-
-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>;
+interface LayoutNode {
+    id: string;
+    type: string;
+    zone: string;
+    container?: string;
+    path?: string;
+    options?: any;
+    formula?: string;
+    triggers?: any[];
+    defaultValue?: any;
+    mode?: AXPLayoutMode;
+    layout?: NodeLayoutConfig;
 }
-
-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>;
+interface NodeLayoutConfig {
+    width?: string;
+    height?: string;
+    order?: number;
+    flex?: string;
+    gridArea?: string;
+}
+interface ResponsiveConfig {
+    breakpoints?: {
+        mobile?: number;
+        tablet?: number;
+        desktop?: number;
+    };
 }
-
-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>;
+interface LayoutRenderContext {
+    data?: any;
+    variables?: {
+        [key: string]: any;
+    };
+    functions?: {
+        [key: string]: Function;
+    };
 }
-
-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>;
+interface IWidgetBuilder {
+    id(id: string): IWidgetBuilder;
+    layout(config: Partial<AXPGridLayoutOptions>): IWidgetBuilder;
+    layout(colSpan: number): IWidgetBuilder;
+    mode(mode: AXPLayoutMode): IWidgetBuilder;
+    order(value: number | string): IWidgetBuilder;
+    visible(condition: boolean | string): IWidgetBuilder;
+    disabled(condition: boolean | string): IWidgetBuilder;
+    readonly(condition: boolean | string): IWidgetBuilder;
+    grid(delegate: (container: IGridContainerBuilder) => void): IWidgetBuilder;
+    flex(delegate: (container: IFlexContainerBuilder) => void): IWidgetBuilder;
+    panel(delegate: (container: IPanelContainerBuilder) => void): IWidgetBuilder;
+    page(delegate: (container: IPageContainerBuilder) => void): IWidgetBuilder;
+    tabset(delegate: (container: ITabsetContainerBuilder) => void): IWidgetBuilder;
+    widget(name?: string, delegate?: (widget: IWidgetBuilder) => void): IWidgetBuilder;
+    textBox(options?: TextBoxOptions): IWidgetBuilder;
+    largeTextBox(options?: LargeTextBoxOptions): IWidgetBuilder;
+    richText(options?: RichTextOptions): IWidgetBuilder;
+    passwordBox(options?: PasswordBoxOptions): IWidgetBuilder;
+    numberBox(options?: NumberBoxOptions): IWidgetBuilder;
+    selectBox(options: SelectBoxOptions): IWidgetBuilder;
+    lookupBox(options: LookupBoxOptions): IWidgetBuilder;
+    selectionList(options: SelectionListOptions): IWidgetBuilder;
+    dateTimeBox(options?: DateTimeBoxOptions): IWidgetBuilder;
+    toggleSwitch(options?: ToggleSwitchOptions): IWidgetBuilder;
+    colorBox(options?: ColorBoxOptions): IWidgetBuilder;
+    customWidget<T>(type: string, options?: T): IWidgetBuilder;
+    build(): AXPLayoutNodeDefinition;
+}
+interface IBaseContainerBuilder<TContainer = any> {
+    id(id: string): TContainer;
+    layout(config: Partial<AXPGridLayoutOptions>): TContainer;
+    layout(colSpan: number): TContainer;
+    mode(mode: AXPLayoutMode): TContainer;
+    order(value: number | string): TContainer;
+    visible(condition: boolean | string): TContainer;
+    disabled(condition: boolean | string): TContainer;
+    readonly(condition: boolean | string): TContainer;
+    addContainer<T extends IBaseContainerBuilder>(name?: string, delegate?: (container: T) => void): TContainer;
+    addWidget(name?: string, delegate?: (widget: IWidgetBuilder) => void): TContainer;
+    textBox(options?: TextBoxOptions): TContainer;
+    largeTextBox(options?: LargeTextBoxOptions): TContainer;
+    richText(options?: RichTextOptions): TContainer;
+    passwordBox(options?: PasswordBoxOptions): TContainer;
+    numberBox(options?: NumberBoxOptions): TContainer;
+    selectBox(options: SelectBoxOptions): TContainer;
+    lookupBox(options: LookupBoxOptions): TContainer;
+    selectionList(options: SelectionListOptions): TContainer;
+    dateTimeBox(options?: DateTimeBoxOptions): TContainer;
+    toggleSwitch(options?: ToggleSwitchOptions): TContainer;
+    colorBox(options?: ColorBoxOptions): TContainer;
+    customWidget<T>(type: string, options?: T): TContainer;
+    build(): AXPLayoutNodeDefinition;
+}
+interface IFlexContainerBuilder extends IBaseContainerBuilder<IFlexContainerBuilder> {
+    setOptions(options: AXPFlexContainerOptions): IFlexContainerBuilder;
+    setFlexDirection(direction: 'row' | 'column' | 'row-reverse' | 'column-reverse'): IFlexContainerBuilder;
+    setFlexWrap(wrap: 'nowrap' | 'wrap' | 'wrap-reverse'): IFlexContainerBuilder;
+    setJustifyContent(justify: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'): IFlexContainerBuilder;
+    setAlignItems(align: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'): IFlexContainerBuilder;
+    setGap(gap: string): IFlexContainerBuilder;
+    setBackgroundColor(color: string): IFlexContainerBuilder;
+    setPadding(padding: string): IFlexContainerBuilder;
+    setMargin(margin: string): IFlexContainerBuilder;
+}
+interface IGridContainerBuilder extends IBaseContainerBuilder<IGridContainerBuilder> {
+    setOptions(options: AXPGridContainerOptions): IGridContainerBuilder;
+    setColumns(columns: number): IGridContainerBuilder;
+    setRows(rows: number): IGridContainerBuilder;
+    setGap(gap: string): IGridContainerBuilder;
+    setJustifyItems(justify: 'start' | 'end' | 'center' | 'stretch'): IGridContainerBuilder;
+    setAlignItems(align: 'start' | 'end' | 'center' | 'stretch'): IGridContainerBuilder;
+    setAutoFlow(flow: 'row' | 'column' | 'row dense' | 'column dense'): IGridContainerBuilder;
+    setBackgroundColor(color: string): IGridContainerBuilder;
+    setPadding(padding: string): IGridContainerBuilder;
+    setMargin(margin: string): IGridContainerBuilder;
+}
+interface IPanelContainerBuilder extends IBaseContainerBuilder<IPanelContainerBuilder> {
+    setOptions(options: AXPPanelContainerOptions): IPanelContainerBuilder;
+    setCaption(caption: string): IPanelContainerBuilder;
+    setIcon(icon: string): IPanelContainerBuilder;
+    setLook(look: 'solid' | 'fill' | 'outline' | 'flat' | 'none'): IPanelContainerBuilder;
+    setShowHeader(show: boolean): IPanelContainerBuilder;
+    setCollapsed(collapsed: boolean): IPanelContainerBuilder;
+}
+interface IPageContainerBuilder extends IBaseContainerBuilder<IPageContainerBuilder> {
+    setOptions(options: AXPPageContainerOptions): IPageContainerBuilder;
+    setBackgroundColor(color: string): IPageContainerBuilder;
+    setTheme(theme: {
+        id: string;
+    }): IPageContainerBuilder;
+    setHasHeader(hasHeader: boolean): IPageContainerBuilder;
+    setHasFooter(hasFooter: boolean): IPageContainerBuilder;
+    setDirection(direction: string): IPageContainerBuilder;
+}
+interface ITabsetContainerBuilder extends IBaseContainerBuilder<ITabsetContainerBuilder> {
+    setOptions(options: AXPTabsetContainerOptions): ITabsetContainerBuilder;
+    setLook(look: 'with-line' | 'with-line-color' | 'pills' | 'pills-color'): ITabsetContainerBuilder;
+    setOrientation(orientation: 'vertical' | 'horizontal'): ITabsetContainerBuilder;
+    setActiveIndex(index: number): ITabsetContainerBuilder;
 }
 
-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>;
+declare class AXPLayoutRendererComponent implements OnInit {
+    builder?: AXPLayoutDefinition;
+    renderedNode: AXPWidgetNode;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPLayoutRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPLayoutRendererComponent, "axp-layout-renderer", never, { "builder": { "alias": "builder"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-type AXPLayoutContextState = 'initiated' | 'restored' | 'changed' | 'patch';
-declare class AXPLayoutContextChangeEvent {
-    oldValue?: any;
-    newValue?: any;
-    path?: string;
-    state: AXPLayoutContextState;
-    data: any;
-}
-declare const AXPLayoutBuilderContextStore: _angular_core.Type<{
-    data: _angular_core.Signal<{}>;
-    state: _angular_core.Signal<AXPLayoutContextState>;
-    initialSnapshot: _angular_core.Signal<{}>;
-    previousSnapshot: _angular_core.Signal<{}>;
-    lastChange: _ngrx_signals.DeepSignal<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<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: AXPLayoutContextState;
-    initialSnapshot: {};
-    previousSnapshot: {};
-    lastChange: AXPLayoutContextChangeEvent;
-}>>;
-
-declare class AXPWidgetContainerComponent {
-    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<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<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: AXPLayoutContextChangeEvent;
-    }>;
-    readonly builderService: AXPLayoutBuilderService;
-    readonly onContextChanged: EventEmitter<AXPLayoutContextChangeEvent>;
-    set context(value: any);
-    set functions(v: any);
-    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>;
+declare class LayoutBuilderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutBuilderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LayoutBuilderModule, never, [typeof i1.CommonModule, typeof AXPLayoutRendererComponent], [typeof AXPLayoutRendererComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LayoutBuilderModule>;
 }
 
-declare class AXPWidgetRegistryService {
-    private types;
-    static instance: AXPWidgetRegistryService;
+declare class AXPLayoutBuilderService {
     /**
-     *
+     * Create a new layout builder
      */
-    constructor();
-    register(widget: AXPWidgetConfig): void;
-    extend(parentName: string, widget: AXPWidgetConfig): void;
-    resolve(name: string): AXPWidgetConfig | undefined;
-    all(): AXPWidgetConfig[];
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPWidgetRegistryService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPWidgetRegistryService>;
-}
-
-declare class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
-    protected widgetRegistery: AXPWidgetRegistryService;
-    private grid;
-    customExpandIcon: string;
-    customCollapseIcon: string;
-    customWidth: string;
-    private _node;
-    get node(): AXPWidgetColumnNode;
-    set node(v: AXPWidgetColumnNode);
-    private mergedOptions;
-    protected loadingRow: _angular_core.WritableSignal<null>;
-    footerTemplate: TemplateRef<unknown>;
-    private _contentFooterTemplate;
-    get renderFooterTemplate(): TemplateRef<unknown>;
-    expandHandler: boolean;
-    cellTemplate: TemplateRef<unknown>;
-    private _contentCellTemplate;
-    get renderCellTemplate(): TemplateRef<unknown>;
-    headerTemplate: TemplateRef<unknown>;
-    private _contentHeaderTemplate;
-    protected handleExpandRow(row: any): Promise<void>;
-    get renderHeaderTemplate(): TemplateRef<unknown>;
-    get loadingEnabled(): boolean;
-    get name(): string;
-    private injector;
-    private cdr;
-    protected widgetInjector: Injector;
-    protected component: any;
-    ngOnInit(): Promise<void>;
-    getInputs(data: any): any;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPWidgetColumnRendererComponent, never>;
-    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>;
-}
-
-type AXPWidgetRendererDirectiveOptions = AXPMetaData;
-declare class AXPWidgetRendererDirective {
-    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>;
-    private _options;
-    options: _angular_core.Signal<AXPMetaData>;
-    onOptionsChanged: _angular_core.OutputEmitterRef<{
-        sender: AXPWidgetRendererDirective;
-        widget: AXPBaseWidgetComponent;
-    }>;
-    onValueChanged: _angular_core.OutputEmitterRef<{
-        sender: AXPWidgetRendererDirective;
-        widget: AXPValueWidgetComponent;
-    }>;
-    protected mergedOptions: WritableSignal<any>;
-    private injector;
-    protected builderService: AXPLayoutBuilderService;
-    protected 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;
-    }>;
-    protected widgetRegistery: AXPWidgetRegistryService;
-    protected unsubscriber: AXUnsubscriber;
-    protected translateService: AXTranslationService;
-    protected widgetService: AXPWidgetRegistryService;
-    protected expressionEvaluator: AXPExpressionEvaluatorService;
-    private viewContainerRef;
-    protected isLoading: WritableSignal<boolean>;
-    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>;
-    updateValueBasedOnFormula(): Promise<void>;
-    private evaluateExpression;
-    private buildExpressionScope;
-    private getContextScope;
-    private getEventScope;
-    private getWidgetScope;
-    private getFunctionScope;
-    private getVariablesScope;
-    private assignTriggers;
-    private evaluateTrigger;
-    private evaluateAction;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPWidgetRendererDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXPWidgetRendererDirective, "[axp-widget-renderer]", ["widgetRenderer"], { "parentNode": { "alias": "parentNode"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": true; "isSignal": true; }; "node": { "alias": "node"; "required": true; "isSignal": true; }; }, { "onOptionsChanged": "onOptionsChanged"; "onValueChanged": "onValueChanged"; }, never, never, false, never>;
-}
-
-interface AXPLayoutBuilderModuleConfigs {
-    widgets?: AXPWidgetConfig[];
-    extendedWidgets?: extendedWidget[];
-}
-declare class AXPLayoutBuilderModule {
-    static forRoot(config?: AXPLayoutBuilderModuleConfigs): ModuleWithProviders<AXPLayoutBuilderModule>;
-    static forChild(config?: AXPLayoutBuilderModuleConfigs): ModuleWithProviders<AXPLayoutBuilderModule>;
+    create(): ILayoutBuilder;
     /**
-     * @ignore
+     * Convert Layout Builder definition to Layout Renderer format
+     * با processing و cleaning options
      */
-    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 i7.AXTranslationModule], [typeof AXPWidgetContainerComponent, typeof AXPWidgetColumnRendererComponent, typeof AXPWidgetRendererDirective]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXPLayoutBuilderModule>;
-}
-
-interface AXPMetaDataDefinition {
-    name: string;
-    title: string;
-    defaultValue?: any;
-    interface: string | AXPWidgetNode | (() => Promise<AXPWidgetNode>);
+    convertToLayoutRenderer(definition: AXPLayoutDefinition): {
+        layoutDefinition: LayoutDefinition;
+        layoutNodes: LayoutNode[];
+    };
+    /**
+     * Convert grid layout options to CSS styles
+     */
+    private convertGridLayoutToStyles;
+    /**
+     * Convert grid layout to node layout configuration
+     */
+    private convertToNodeLayout;
+    /**
+     * Process widget options based on actual widget configurations
+     */
+    private processWidgetOptions;
+    /**
+     * Process text-block-layout content
+     */
+    private processTextBlockContent;
+    /**
+     * Process grid-layout options
+     */
+    private processGridOptions;
+    /**
+     * Process spacing options
+     */
+    private processSpacingOptions;
+    /**
+     * Process border options
+     */
+    private processBorderOptions;
+    /**
+     * Process flex-layout options
+     */
+    private processFlexOptions;
+    /**
+     * Process panel-layout options
+     */
+    private processPanelOptions;
+    /**
+     * Process tag content
+     */
+    private processTagContent;
+    /**
+     * Process generic content
+     */
+    private processGenericContent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPLayoutBuilderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXPLayoutBuilderService>;
 }
 
-declare const AXPWidgetsCatalog: AXPWidgetTypesMap;
-
-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 };
+export { AXPLayoutBuilderService, AXPLayoutRendererComponent, LayoutBuilderModule };
+export type { AXPFlexContainerOptions, AXPGridContainerOptions, AXPLayoutDefinition, AXPLayoutDirection, AXPLayoutLook, AXPLayoutMode, AXPLayoutNodeDefinition, AXPPageContainerOptions, AXPPanelContainerOptions, AXPTabsetContainerOptions, AXPWidgetConfiguration, ColorBoxOptions, ContainerConfig, DateTimeBoxOptions, IBaseContainerBuilder, IFlexContainerBuilder, IGridContainerBuilder, ILayoutBuilder, IPageContainerBuilder, IPanelContainerBuilder, ITabsetContainerBuilder, IWidgetBuilder, LargeTextBoxOptions, LayoutBuilderState, LayoutDefinition, LayoutNode, LayoutRenderContext, LayoutTypeConfig, LookupBoxOptions, NodeLayoutConfig, NumberBoxOptions, PasswordBoxOptions, ResponsiveConfig, RichTextOptions, SelectBoxOptions, SelectionListOptions, TextBoxOptions, ToggleSwitchOptions, WidgetBuilderState, ZoneConfig };