@acorex/platform 20.2.4-next.6 → 20.2.4-next.8

package/layout/builder/index.d.ts

@@ -1,19 +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, 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;
@@ -84,6 +144,7 @@ interface AXPWidgetTypesMap {
     border: 'border';
     direction: 'direction';
     flexLayout: 'flex-layout';
+    flexItem: 'flex-item-layout';
     avatar: 'avatar';
     stringFilter: 'string-filter';
     numberFilter: 'number-filter';
@@ -91,7 +152,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';
@@ -133,24 +196,6 @@ interface AXPWidgetTypesMap {
     documentUploader: 'document-uploader';
 }
 
-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"
-}
-
 interface AXPWidgetPropertyGroup {
     name: string;
     title: string;
@@ -297,46 +342,284 @@ 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: _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: AXPLayoutBaseWidgetComponent | 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 onWidgetRegistered;
-    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;
+}
+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;
-    /**
-     * 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>;
+    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<{
+        'ax-flex': boolean;
+    }>;
+    hostClass: _angular_core.Signal<{
+        'ax-flex': 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 AXPBlockBaseLayoutWidgetComponent {
+    private gridItem;
+    hostGridItemStyle: _angular_core.Signal<{
+        [x: string]: string | number;
+    }>;
+    hostGridItemClass: _angular_core.Signal<Record<string, boolean>>;
+    hostClass: _angular_core.Signal<Record<string, boolean>>;
+    hostStyle: _angular_core.Signal<{
+        [x: string]: string | number;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPGridItemBaseLayoutWidgetComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPGridItemBaseLayoutWidgetComponent>;
 }
 
 type AXPLayoutContextState = 'initiated' | 'restored' | 'changed' | 'patch';
@@ -465,124 +748,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<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>>;
-}
-
 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>;
@@ -688,5 +856,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, 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 };

package/layout/designer/index.d.ts

@@ -4,7 +4,7 @@ import { EventEmitter, OnChanges, OnDestroy, WritableSignal, NgZone, SimpleChang
 import { AXBasePageComponent } from '@acorex/components/page';
 import { AXTabStripChangedEvent } from '@acorex/components/tabs';
 import * as _acorex_platform_layout_builder from '@acorex/platform/layout/builder';
-import { AXPWidgetConfig, AXPWidgetCategory, AXPWidgetGroupEnum, AXPWidgetNode, AXPBaseWidgetComponent, AXPWidgetRegistryService, AXPLayoutWidgetComponent, AXPLayoutContextChangeEvent } from '@acorex/platform/layout/builder';
+import { AXPWidgetConfig, AXPWidgetCategory, AXPWidgetGroupEnum, AXPWidgetNode, AXPBaseWidgetComponent, AXPWidgetRegistryService, AXPLayoutBaseWidgetComponent, AXPLayoutContextChangeEvent } from '@acorex/platform/layout/builder';
 import { AXPWidgetItemData, AXPWidgetItemClickEvent } from '@acorex/platform/layout/components';
 import { AXMenuItem } from '@acorex/components/menu';
 import { Subject } from 'rxjs';
@@ -38,6 +38,18 @@ declare class AXPDesignerAddWidgetMiniButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPDesignerAddWidgetMiniButtonComponent, "axp-designer-add-widget-mini-button", never, {}, { "onClick": "onClick"; }, never, never, true, never>;
 }
 
+declare class AXPDesignerFlexDrawerComponent {
+    itemsCount: _angular_core.ModelSignal<number>;
+    onSelect: _angular_core.OutputEmitterRef<number>;
+    protected items: _angular_core.Signal<number[]>;
+    protected range: _angular_core.WritableSignal<number>;
+    protected handleMouseHover(c: number): void;
+    protected handleClick(c: number): void;
+    protected handleMouseLeave(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPDesignerFlexDrawerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPDesignerFlexDrawerComponent, "axp-designer-flex-drawer", never, { "itemsCount": { "alias": "items"; "required": false; "isSignal": true; }; }, { "itemsCount": "itemsChange"; "onSelect": "onSelect"; }, never, never, true, never>;
+}
+
 declare class AXPDesignerGridDrawerComponent {
     rowsCount: _angular_core.ModelSignal<number>;
     colsCount: _angular_core.ModelSignal<number>;
@@ -338,7 +350,7 @@ declare class AXPWidgetDesignerRendererDirective implements OnChanges, OnDestroy
     private currentNodeId;
     private service;
     private viewContainerRef;
-    parentNode: _angular_core.InputSignal<AXPLayoutWidgetComponent | null | undefined>;
+    parentNode: _angular_core.InputSignal<AXPLayoutBaseWidgetComponent | null | undefined>;
     index: _angular_core.InputSignal<number | null | undefined>;
     locked: _angular_core.InputSignal<boolean>;
     mode: _angular_core.InputSignal<keyof _acorex_platform_layout_builder.AXPWidgetConfigComponents>;
@@ -404,5 +416,5 @@ declare class AXPLayoutDesignerPreviewComponent extends AXBasePageComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPLayoutDesignerPreviewComponent, "axp-layout-preview", never, {}, {}, never, never, true, never>;
 }
 
-export { AXPDesignerAddWidgetButtonComponent, AXPDesignerAddWidgetLineButtonComponent, AXPDesignerAddWidgetMiniButtonComponent, AXPDesignerConnector, AXPDesignerGridDrawerComponent, AXPDesignerMessageKeys, AXPDesignerModes, AXPDesignerService, AXPDesignerWidgetPickerComponent, AXPLayoutDesignerComponent, AXPLayoutDesignerPreviewComponent, AXPLayoutDesignerPreviewViewerComponent, AXPTemplateLoadingStrategy, AXPWidgetDesignerRendererDirective, AXPWidgetPickerService, AXP_DESIGNER_ADD_WIDGET_MENU, AXP_DESIGNER_CLONE_MENU, AXP_DESIGNER_COPY_MENU, AXP_DESIGNER_CUT_MENU, AXP_DESIGNER_DELETE_WIDGET_MENU, AXP_DESIGNER_PASTE_MENU, AXP_DESIGNER_SAVE_AS_WIDGET_MENU, AXP_DESIGNER_SELECT_WIDGET_MENU, cloneWidgetMenu };
+export { AXPDesignerAddWidgetButtonComponent, AXPDesignerAddWidgetLineButtonComponent, AXPDesignerAddWidgetMiniButtonComponent, AXPDesignerConnector, AXPDesignerFlexDrawerComponent, AXPDesignerGridDrawerComponent, AXPDesignerMessageKeys, AXPDesignerModes, AXPDesignerService, AXPDesignerWidgetPickerComponent, AXPLayoutDesignerComponent, AXPLayoutDesignerPreviewComponent, AXPLayoutDesignerPreviewViewerComponent, AXPTemplateLoadingStrategy, AXPWidgetDesignerRendererDirective, AXPWidgetPickerService, AXP_DESIGNER_ADD_WIDGET_MENU, AXP_DESIGNER_CLONE_MENU, AXP_DESIGNER_COPY_MENU, AXP_DESIGNER_CUT_MENU, AXP_DESIGNER_DELETE_WIDGET_MENU, AXP_DESIGNER_PASTE_MENU, AXP_DESIGNER_SAVE_AS_WIDGET_MENU, AXP_DESIGNER_SELECT_WIDGET_MENU, cloneWidgetMenu };
 export type { AXPDesignerAddNodeCommand, AXPDesignerAddNodeEvent, AXPDesignerContent, AXPDesignerFocusCommand, AXPDesignerFocusEvent, AXPDesignerMode, AXPDesignerPreviewMessage, AXPDesignerPreviewSize, AXPDesignerRefreshCommand, AXPDesignerRefreshEvent, AXPDesignerRegisterCommand, AXPDesignerSaveFormMessage, AXPDesignerSelectCommand, AXPDesignerSelectEvent, AXPDesignerUpdateCommand, AXPDesignerUpdateEvent, AXPDesignerWidgetComponent, AXPDisplayWidgetConfig };