@acorex/platform 18.0.10 → 18.0.12

package/layout/builder/lib/builder/widget-container.component.d.ts

@@ -1,15 +1,15 @@
 import { EventEmitter } from "@angular/core";
+import { AXPLayoutContextEvent } from "./widget.types";
 import * as i0 from "@angular/core";
 export declare class AXPWidgetContainerComponent {
-    contextChange: EventEmitter<any>;
-    private _context;
-    get context(): any;
-    set context(v: any);
+    readonly onChanged: EventEmitter<AXPLayoutContextEvent>;
+    context: import("@angular/core").ModelSignal<any>;
     set variables(v: any);
     set functions(v: any);
     private unsubscriber;
     private builderService;
+    private ef;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPWidgetContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPWidgetContainerComponent, "axp-widgets-container", never, { "context": { "alias": "context"; "required": false; }; "variables": { "alias": "variables"; "required": false; }; "functions": { "alias": "functions"; "required": false; }; }, { "contextChange": "contextChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPWidgetContainerComponent, "axp-widgets-container", never, { "context": { "alias": "context"; "required": false; "isSignal": true; }; "variables": { "alias": "variables"; "required": false; }; "functions": { "alias": "functions"; "required": false; }; }, { "onChanged": "onChanged"; "context": "contextChange"; }, never, ["*"], false, never>;
 }

package/layout/builder/lib/builder/widget-registery.service.d.ts

@@ -5,6 +5,7 @@ export declare class AXPWidgetRegistryService {
     register(widget: AXPWidgetConfig): void;
     extend(parentName: string, widget: AXPWidgetConfig): void;
     resolve(name: string): AXPWidgetConfig | undefined;
+    all(): AXPWidgetConfig[];
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPWidgetRegistryService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXPWidgetRegistryService>;
 }

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

@@ -3,13 +3,16 @@ import { CdkPortalOutletAttachedRef, ComponentPortal } from '@angular/cdk/portal
 import { WritableSignal } from '@angular/core';
 import { AXPLayoutBuilderService } from './builder.service';
 import { AXPWidgetRegistryService } from './widget-registery.service';
-import { AXPWidgetBase, AXPWidgetNode } from './widget.types';
+import { AXPWidgetComponent, AXPWidgetNode, AXPWidgetRenderMode } from './widget.types';
 import * as i0 from "@angular/core";
 export declare class AXPWidgetRendererComponent {
     private _node;
     get node(): AXPWidgetNode;
     set node(v: AXPWidgetNode);
-    parentNode: AXPWidgetBase | null;
+    private _mode;
+    get mode(): AXPWidgetRenderMode;
+    set mode(v: AXPWidgetRenderMode);
+    parentNode: AXPWidgetComponent | null;
     index: number | null;
     protected mergedOptions: WritableSignal<any>;
     private injector;
@@ -41,5 +44,5 @@ export declare class AXPWidgetRendererComponent {
     private evaluateTrigger;
     private evaluateAction;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPWidgetRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPWidgetRendererComponent, "axp-widget-renderer", never, { "node": { "alias": "node"; "required": true; }; "parentNode": { "alias": "parentNode"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPWidgetRendererComponent, "axp-widget-renderer", never, { "node": { "alias": "node"; "required": true; }; "mode": { "alias": "mode"; "required": false; }; "parentNode": { "alias": "parentNode"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -1,6 +1,7 @@
+import { AXPMetaData, AXPOptionsData, AXPPartialNested, AXPValidationRules } from '@acorex/platform/core';
 import { InjectionToken } from '@angular/core';
+import { Subject } from 'rxjs';
 import { AXPLayoutElement } from './builder.service';
-import { AXPMetaData, AXPOptionsData, AXPPartialNested, AXPValidationRules } from '@acorex/platform/core';
 import * as i0 from "@angular/core";
 export type AXPWidgetTrigger = {
     event: string;
@@ -22,24 +23,27 @@ export interface AXPWidgetProperty {
         dataType: 'string' | 'number' | 'object' | 'boolean' | 'array';
         nullable?: boolean;
         defaultValue?: any | string | ((context: any | null) => any);
-        interface?: AXPWidgetNode;
+        interface: Required<Pick<AXPWidgetNode, 'path'>> & Omit<AXPWidgetNode, 'path'>;
     };
     options?: AXPOptionsData;
     validations?: AXPValidationRules;
+    visible: boolean;
 }
 export declare function cloneProperty(property: AXPWidgetProperty, values: AXPPartialNested<AXPWidgetProperty>): AXPWidgetProperty;
 export interface AXPWidgetNode {
     type: string;
     path?: string;
     name?: string;
+    defaultValue?: any;
     formula?: string;
     children?: AXPWidgetNode[];
-    mode: 'view' | 'edit' | 'designer';
     options?: AXPOptionsData;
     triggers?: AXPWidgetTriggers;
 }
-export interface AXPWidgetNodeToken extends AXPWidgetNode {
+export interface AXPWidgetNodeToken {
     config: AXPWidgetConfig;
+    node: AXPWidgetNode;
+    options?: AXPOptionsData;
 }
 export interface AXPWidgetColumnNode {
     type: string;
@@ -55,58 +59,75 @@ export interface AXPWidgetComponentConfig {
     component: () => Promise<any>;
     properties?: AXPWidgetProperty[];
 }
+export interface AXPWidgetConfigComponents {
+    designer: AXPWidgetComponentConfig;
+    view: AXPWidgetComponentConfig;
+    edit?: AXPWidgetComponentConfig;
+    print?: AXPWidgetComponentConfig;
+    column?: AXPWidgetComponentConfig;
+    filter?: AXPWidgetComponentConfig;
+}
 export interface AXPWidgetConfig {
     name: string;
-    defaultOptions?: AXPOptionsData;
+    title: string;
+    icon?: string;
+    description?: string;
     properties?: AXPWidgetProperty[];
-    components: {
-        view: AXPWidgetComponentConfig;
-        [name: string]: AXPWidgetComponentConfig;
-    };
+    components: AXPWidgetConfigComponents;
     meta?: AXPMetaData;
+    container?: boolean;
+    visible?: boolean;
 }
+export type AXPWidgetRenderMode = keyof AXPWidgetConfigComponents;
 export interface AXPLayoutContextEvent {
     oldValue: any;
     newValue: any;
     path?: string | null;
     data: any;
 }
-export declare abstract class AXPWidgetBase<T = any | null | void> extends AXPLayoutElement {
-    private readonly token;
-    private readonly cdr;
-    protected readonly path: string | undefined;
+export declare abstract class AXPWidgetComponent<T = any | null | void> extends AXPLayoutElement {
+    protected readonly token: AXPWidgetNodeToken;
+    protected readonly path: string;
     protected readonly name: string | undefined;
-    protected readonly mode: "view" | "edit" | "designer";
-    protected readonly type: string;
-    protected readonly children: AXPWidgetNode[] | undefined;
+    protected readonly defaultValue: any;
+    protected readonly _children: import("@angular/core").WritableSignal<AXPWidgetNode[]>;
+    protected children: import("@angular/core").Signal<AXPWidgetNode[]>;
     protected readonly config: AXPWidgetConfig;
+    protected _options: import("@angular/core").WritableSignal<any>;
+    protected options: import("@angular/core").Signal<any>;
     private readonly contextService;
-    private readonly rawValue;
+    protected readonly rawValue: import("@angular/core").Signal<T>;
+    readonly onReady: Subject<void>;
+    private isRendered;
     private _id;
     get id(): string | null;
-    parent: AXPWidgetBase | null;
-    index: number | null;
-    private propsSet;
+    parent: AXPWidgetComponent | null | undefined;
+    index: number | null | undefined;
+    mode: AXPWidgetRenderMode;
     private _fullPath;
     ngOnInit(): void;
+    private nextRender;
+    private initRender;
     getValue<T>(): T_1;
-    setValue(value: T): void;
+    setValue(value: T | null): void;
     setOptions(values: any): void;
     call(name: string, ...args: any[]): void;
-    onValueChanged(oldValue: T, newValue: T): void;
+    setChildren(children: AXPWidgetNode[]): void;
+    onValueChanged(oldValue: T | null, newValue: T | null): void;
     private detectFullPath;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPWidgetBase<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXPWidgetBase<any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPWidgetComponent<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXPWidgetComponent<any>>;
 }
-export declare abstract class AXPColumnWidgetBase<T = any | null | void> {
+export declare abstract class AXPContainerWidgetComponent<T> extends AXPWidgetComponent<T> {
+    readonly node: AXPWidgetNode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPContainerWidgetComponent<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXPContainerWidgetComponent<any>>;
+}
+export declare abstract class AXPColumnWidgetComponent<T = any | null | void> {
     private readonly token;
     protected readonly path: string;
-    protected readonly options: AXPOptionsData | undefined;
-    private _rawValue;
-    get rawValue(): any;
-    set rawValue(v: any);
-    ngOnInit(): void;
-    setOptions(values: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPColumnWidgetBase<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXPColumnWidgetBase<any>>;
+    protected readonly options: AXPOptionsData;
+    protected readonly rawValue: any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPColumnWidgetComponent<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXPColumnWidgetComponent<any>>;
 }

package/layout/designer/index.d.ts

@@ -1,2 +1,7 @@
-export * from './lib/components/widget-property-viewer.component';
+export * from './lib/board/board.component';
+export * from './lib/buttons/add-widget-button/add-widget-button.component';
 export * from './lib/designer.module';
+export * from './lib/designer.service';
+export * from './lib/designer/designer.component';
+export * from './lib/property-viewer/widget-property-viewer.component';
+export * from './lib/widget-designer-renderer.component';

package/layout/designer/lib/board/board.component.d.ts

@@ -0,0 +1,16 @@
+import { AXPDesignerService } from '../designer.service';
+import * as i0 from "@angular/core";
+export declare class AXPDesignerBoardComponent {
+    protected context: any;
+    private elementRef;
+    private breakpointMap;
+    applyResponsiveStyles(breakpoint: string): void;
+    private createCustomClass;
+    private removeCustomClass;
+    protected service: AXPDesignerService;
+    protected width: import("@angular/core").Signal<"340px" | "768px" | "100%">;
+    private ef;
+    private handleKeyboardEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPDesignerBoardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPDesignerBoardComponent, "axp-designer-board", never, {}, {}, never, never, true, never>;
+}

package/layout/designer/lib/breadcrumbs/breadcrumbs.component.d.ts

@@ -0,0 +1,11 @@
+import { AXPWidgetNode } from '@acorex/platform/layout/builder';
+import { AXPDesignerService } from '../designer.service';
+import * as i0 from "@angular/core";
+export declare class AXPDesignerBreadcrumbsComponent {
+    protected service: AXPDesignerService;
+    protected getTitle(node: AXPWidgetNode): string;
+    protected handleClick(node: AXPWidgetNode): void;
+    protected handleMouseOver(node: AXPWidgetNode): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPDesignerBreadcrumbsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPDesignerBreadcrumbsComponent, "axp-designer-breadcrumbs", never, {}, {}, never, never, true, never>;
+}

package/layout/designer/lib/buttons/add-widget-button/add-widget-button.component.d.ts

@@ -0,0 +1,9 @@
+import { AXClickEvent } from '@acorex/components/common';
+import * as i0 from "@angular/core";
+export declare class AXPDesignerAddWidgetButtonComponent {
+    private designerService;
+    private parent;
+    handleClick(e: AXClickEvent): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPDesignerAddWidgetButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPDesignerAddWidgetButtonComponent, "axp-designer-add-widget-button", never, {}, {}, never, never, true, never>;
+}

package/layout/designer/lib/designer/designer.component.d.ts

@@ -0,0 +1,9 @@
+import { AXPWidgetConfig } from '@acorex/platform/layout/builder';
+import { AXPDesignerService } from '../designer.service';
+import * as i0 from "@angular/core";
+export declare class AXPLayoutDesignerComponent {
+    protected service: AXPDesignerService;
+    protected nodeConfig: import("@angular/core").Signal<AXPWidgetConfig | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPLayoutDesignerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPLayoutDesignerComponent, "axp-layout-designer", never, {}, {}, never, never, true, never>;
+}

package/layout/designer/lib/designer.module.d.ts

@@ -1,12 +1,6 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./components/widget-property-viewer.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@acorex/components/collapse";
-import * as i4 from "@acorex/components/tabs";
-import * as i5 from "@acorex/platform/widgets";
-import * as i6 from "@acorex/platform/layout/builder";
 export declare class AXPDesignerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPDesignerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPDesignerModule, [typeof i1.AXPWidgetPropertyViewerComponent], [typeof i2.CommonModule, typeof i3.AXCollapseModule, typeof i4.AXTabsModule, typeof i5.AXPWidgetsModule, typeof i6.AXPLayoutBuilderModule], [typeof i1.AXPWidgetPropertyViewerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPDesignerModule, never, never, never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXPDesignerModule>;
 }

package/layout/designer/lib/designer.service.d.ts

@@ -0,0 +1,107 @@
+import { AXPWidgetComponent, AXPWidgetConfig, AXPWidgetNode } from '@acorex/platform/layout/builder';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export type AXPDesignerPreviewSize = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export interface AXPDesignerFocusCommand {
+    widget: AXPWidgetNode | null;
+}
+export interface AXPDesignerUpdateCommand {
+    values: any;
+    mode: "init" | "update";
+}
+export interface AXPDesignerUpdateEvent {
+    values: any;
+    widget: AXPWidgetNode;
+}
+export interface AXPDesignerSelectCommand {
+    widget: AXPWidgetNode;
+}
+export interface AXPDesignerRegisterCommand {
+    id: number;
+    widget: AXPWidgetNode;
+    config: AXPWidgetConfig;
+    instance: AXPWidgetComponent;
+}
+export interface AXPDesignerSelectEvent {
+    widget: AXPWidgetNode;
+}
+export interface AXPDesignerRefreshCommand {
+    widget: AXPWidgetNode;
+}
+export interface AXPDesignerRefreshEvent {
+    widget: AXPWidgetNode;
+}
+export interface AXPDesignerAddNodeCommand {
+    widget: AXPWidgetNode;
+}
+export interface AXPDesignerAddNodeEvent {
+    widget: AXPWidgetNode;
+}
+export interface AXPDesignerFocusEvent {
+    widget: AXPWidgetNode | null;
+}
+export declare class AXPDesignerService {
+    private popupService;
+    private widgetRegisteryService;
+    private readonly historyManager;
+    private clipboard;
+    canCutCopy: import("@angular/core").Signal<boolean>;
+    canPaste: import("@angular/core").Signal<boolean>;
+    readonly history: import("@angular/core").Signal<{
+        index: number;
+        disabled: boolean;
+        state: any;
+        date: Date;
+        description: string;
+    }[]>;
+    readonly canUndo: import("@angular/core").Signal<boolean>;
+    readonly canRedo: import("@angular/core").Signal<boolean>;
+    readonly root: import("@angular/core").WritableSignal<AXPWidgetNode>;
+    breadcrumbs: import("@angular/core").Signal<AXPWidgetNode[]>;
+    selectedNode: import("@angular/core").WritableSignal<AXPWidgetNode | null>;
+    private _lastSelectedNode;
+    private _focusedNode;
+    focusedNode: () => AXPWidgetNode | null;
+    readonly mode: import("@angular/core").WritableSignal<keyof import("@acorex/platform/layout/builder").AXPWidgetConfigComponents>;
+    readonly size: import("@angular/core").WritableSignal<AXPDesignerPreviewSize>;
+    readonly onSelected: Subject<AXPDesignerSelectEvent>;
+    readonly onRefresh: Subject<AXPDesignerRefreshEvent>;
+    readonly onUpdate: Subject<AXPDesignerUpdateEvent>;
+    readonly onFocused: Subject<AXPDesignerFocusEvent>;
+    register(command: AXPDesignerRegisterCommand): void;
+    select(command: AXPDesignerSelectCommand): void;
+    update(command: AXPDesignerUpdateCommand): void;
+    focus(command: AXPDesignerFocusCommand): void;
+    refresh(command: AXPDesignerRefreshCommand): void;
+    private findBreadcrumbs;
+    showPicker(currentNode: AXPWidgetNode): Promise<void>;
+    private createPage;
+    findWidgetById(root: AXPWidgetNode, id: string): AXPWidgetNode | null;
+    private findParent;
+    private findNearestContainer;
+    addWidget(currentNode: AXPWidgetNode, node: AXPWidgetNode): AXPWidgetNode | null;
+    removeWidget(node: AXPWidgetNode): void;
+    revertToChange(index: number): void;
+    redo(): void;
+    undo(): void;
+    private formatOutputJSON;
+    copy(widget?: AXPWidgetNode | null): void;
+    cut(widget?: AXPWidgetNode | null): void;
+    paste(parentNode?: AXPWidgetNode): void;
+    export(): string;
+    download(): void;
+    /**
+     * Generates a well-formed, unique name for a new widget node based on its type.
+     * @param type The type of the widget (e.g., 'textBox', 'numberBox').
+     * @returns A unique name for the widget (e.g., 'textBox1', 'numberBox2').
+     */
+    private generateUniqueName;
+    /**
+     * Collects all existing widget names from the widget tree.
+     * @param node The current node being inspected.
+     * @param names A set to store existing names.
+     */
+    private collectAllNames;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPDesignerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXPDesignerService>;
+}

package/layout/designer/lib/header-menu/header-menu.component.d.ts

@@ -0,0 +1,7 @@
+import { AXPDesignerService } from '../designer.service';
+import * as i0 from "@angular/core";
+export declare class AXPDesignerHeaderMenuComponent {
+    protected service: AXPDesignerService;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPDesignerHeaderMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPDesignerHeaderMenuComponent, "axp-designer-header-menu", never, {}, {}, never, never, true, never>;
+}

package/layout/designer/lib/history/history.component.d.ts

@@ -0,0 +1,7 @@
+import { AXPDesignerService } from '../designer.service';
+import * as i0 from "@angular/core";
+export declare class AXPDesignerHistoryComponent {
+    protected service: AXPDesignerService;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPDesignerHistoryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPDesignerHistoryComponent, "axp-designer-history", never, {}, {}, never, never, true, never>;
+}

package/layout/designer/lib/history-manager.service.d.ts

@@ -0,0 +1,31 @@
+import * as i0 from "@angular/core";
+export interface AXPHistoryState<T> {
+    state: T;
+    date: Date;
+    description: string;
+}
+export declare class AXPObjectHistoryManager<T> {
+    private readonly undoStack;
+    private readonly redoStack;
+    private readonly _currentState;
+    private maxHistorySize;
+    private revertedIndex;
+    readonly currentState: import("@angular/core").Signal<AXPHistoryState<T> | null>;
+    canUndo: import("@angular/core").Signal<boolean>;
+    canRedo: import("@angular/core").Signal<boolean>;
+    saveState(newState: T, description: string): void;
+    updateState(newState: T): void;
+    undo(): void;
+    redo(): void;
+    revert(index: number): void;
+    history: import("@angular/core").Signal<{
+        index: number;
+        disabled: boolean;
+        state: T;
+        date: Date;
+        description: string;
+    }[]>;
+    clear(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPObjectHistoryManager<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXPObjectHistoryManager<any>>;
+}

package/layout/designer/lib/outline/outline.component.d.ts

@@ -0,0 +1,17 @@
+import { AXPWidgetConfig, AXPWidgetNode } from '@acorex/platform/layout/builder';
+import { AXPDesignerService } from '../designer.service';
+import * as i0 from "@angular/core";
+export declare class AXPDesignerOutlineComponent {
+    protected service: AXPDesignerService;
+    protected collapsedStates: Map<any, boolean>;
+    protected root: import("@angular/core").WritableSignal<AXPWidgetNode>;
+    constructor();
+    private toggleCollapse;
+    protected isCollapsed(node: any): boolean;
+    protected getConfig(node: AXPWidgetNode): AXPWidgetConfig;
+    protected handleClick(e: MouseEvent, node: AXPWidgetNode): void;
+    protected handleToggleClick(event: MouseEvent, item: any): void;
+    protected handleMouseOver(e: MouseEvent, node: AXPWidgetNode): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPDesignerOutlineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPDesignerOutlineComponent, "axp-designer-outline", never, {}, {}, never, never, true, never>;
+}

package/layout/designer/lib/{components → property-viewer}/widget-property-viewer.component.d.ts

@@ -1,12 +1,7 @@
 import { AXTabStripChangedEvent } from '@acorex/components/tabs';
-import { AXPOptionsData } from '@acorex/platform/core';
-import { AXPWidgetConfig, AXPWidgetProperty } from '@acorex/platform/layout/builder';
-import { WritableSignal } from '@angular/core';
+import { AXPLayoutContextEvent, AXPWidgetConfig, AXPWidgetNode, AXPWidgetProperty } from '@acorex/platform/layout/builder';
+import { EventEmitter, WritableSignal } from '@angular/core';
 import * as i0 from "@angular/core";
-export interface AXPWidgetPropertyViewerInput {
-    name: string;
-    values: AXPOptionsData;
-}
 export interface AXPWidgetPropertyTab {
     name: string;
     title: string;
@@ -17,8 +12,12 @@ export interface AXPWidgetPropertyTab {
         props: AXPWidgetProperty[];
     }[];
 }
+export interface AXPWidgetPropertiesChangedEvent {
+    values: any;
+    mode: 'init' | 'update';
+}
 export declare class AXPWidgetPropertyViewerComponent {
-    widget: import("@angular/core").InputSignal<AXPWidgetPropertyViewerInput>;
+    widget: import("@angular/core").InputSignal<AXPWidgetNode>;
     private widgetRegistryService;
     protected currentTabIndex: WritableSignal<number>;
     protected config: WritableSignal<AXPWidgetConfig | null>;
@@ -30,12 +29,13 @@ export declare class AXPWidgetPropertyViewerComponent {
         isCollapsed: boolean;
         props: AXPWidgetProperty[];
     }[]>;
-    protected context: any;
+    onChanged: EventEmitter<AXPWidgetPropertiesChangedEvent>;
+    protected context: WritableSignal<any>;
     protected initialContext: any;
     constructor();
     private fillTabs;
-    protected handleContextChange(e: any): void;
-    handleTabChange(event: AXTabStripChangedEvent): void;
+    protected handleContextChange(e: AXPLayoutContextEvent): void;
+    protected handleTabChange(event: AXTabStripChangedEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPWidgetPropertyViewerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPWidgetPropertyViewerComponent, "axp-widget-property-viewer", never, { "widget": { "alias": "widget"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPWidgetPropertyViewerComponent, "axp-widget-property-viewer", never, { "widget": { "alias": "widget"; "required": true; "isSignal": true; }; }, { "onChanged": "onChanged"; }, never, never, true, never>;
 }

package/layout/designer/lib/widget-designer-renderer.component.d.ts

@@ -0,0 +1,38 @@
+import { AXUnsubscriber } from '@acorex/core/utils';
+import { AXPWidgetComponent, AXPWidgetNode, AXPWidgetRegistryService } from '@acorex/platform/layout/builder';
+import { CdkPortalOutletAttachedRef, ComponentPortal } from '@angular/cdk/portal';
+import { NgZone, WritableSignal } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXPWidgetDesignerRendererComponent {
+    protected mergedOptions: WritableSignal<any>;
+    private injector;
+    protected widgetRegistery: AXPWidgetRegistryService;
+    protected unsubscriber: AXUnsubscriber;
+    protected zone: NgZone;
+    protected isLoading: WritableSignal<boolean>;
+    private instance;
+    private config?;
+    protected portal: ComponentPortal<any>;
+    private service;
+    private elementRef;
+    parentNode: import("@angular/core").InputSignal<AXPWidgetComponent<any> | null | undefined>;
+    index: import("@angular/core").InputSignal<number | null | undefined>;
+    mode: import("@angular/core").InputSignal<keyof import("@acorex/platform/layout/builder").AXPWidgetConfigComponents>;
+    node: import("@angular/core").InputSignal<AXPWidgetNode>;
+    private hostElement;
+    private isCurrentWidget;
+    /**
+     * @ignore
+     */
+    constructor();
+    private loadComponent;
+    protected handleAttached(portalOutletRef: CdkPortalOutletAttachedRef): Promise<void>;
+    private overlay;
+    private addOverlay;
+    private removeOverlay;
+    preprocessAndInitialOptions(obj: any, pathPrefix?: string): void;
+    private applyOptions;
+    onKeydownHandler(event: KeyboardEvent): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPWidgetDesignerRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPWidgetDesignerRendererComponent, "axp-widget-designer-renderer", never, { "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; }; }, {}, never, never, true, never>;
+}

package/layout/designer/lib/widget-picker/widget-picker.component.d.ts

@@ -0,0 +1,9 @@
+import { AXBasePageComponent } from '@acorex/components/page';
+import { AXPWidgetConfig } from '@acorex/platform/layout/builder';
+import * as i0 from "@angular/core";
+export declare class AXPDesignerWidgetPickerComponent extends AXBasePageComponent {
+    protected widgets: AXPWidgetConfig[];
+    protected handleClick(widget: AXPWidgetConfig): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPDesignerWidgetPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPDesignerWidgetPickerComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/layout/entity/lib/widgets/lookup-widget/index.d.ts

@@ -3,5 +3,4 @@ export * from './lookup-widget-edit.component';
 export * from './lookup-widget-filter.component';
 export * from './lookup-widget-column.component';
 export * from './lookup-widget-print.component';
-export * from './lookup-widget-designer.component';
 export * from './lookup-widget.config';

package/layout/entity/lib/widgets/lookup-widget/lookup-widget-column.component.d.ts

@@ -1,6 +1,6 @@
-import { AXPColumnWidgetBase } from '@acorex/platform/layout/builder';
+import { AXPColumnWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPLookupWidgetColumnComponent extends AXPColumnWidgetBase<any> {
+export declare class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent<any> {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPLookupWidgetColumnComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPLookupWidgetColumnComponent, "ng-component", never, { "rawValue": { "alias": "rawValue"; "required": false; }; }, {}, never, never, true, never>;
 }

package/layout/entity/lib/widgets/lookup-widget/lookup-widget-edit.component.d.ts

@@ -3,15 +3,16 @@ import { AXPopupService } from '@acorex/components/popup';
 import { AXTextBoxComponent } from '@acorex/components/text-box';
 import { AXFormatService } from '@acorex/core/format';
 import { AXPQueryFilter } from '@acorex/platform/common';
-import { AXPWidgetBase } from '@acorex/platform/layout/builder';
+import { AXPValidationRules } from '@acorex/platform/core';
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
 import { Injector } from '@angular/core';
 import { AXPLookupWidgetSelectorViewModel } from './lookup-widget-selector.viewmodel';
-import { AXPValidationRules } from '@acorex/platform/core';
 import * as i0 from "@angular/core";
-export declare class AXPLookupWidgetEditComponent extends AXPWidgetBase<any> {
-    protected textField: string;
-    protected expose: string | undefined;
-    protected entity: string;
+export declare class AXPLookupWidgetEditComponent extends AXPWidgetComponent<any> {
+    protected expose: import("@angular/core").Signal<string | any[] | undefined>;
+    protected entity: import("@angular/core").Signal<string>;
+    protected textField: import("@angular/core").WritableSignal<string>;
+    protected conditions?: AXPQueryFilter[];
     protected filter: AXDataSourceFilterOption | null;
     protected validationRules: AXPValidationRules;
     protected injector: Injector;
@@ -22,10 +23,9 @@ export declare class AXPLookupWidgetEditComponent extends AXPWidgetBase<any> {
     private readonly destroyRef;
     private translateService;
     private entityDef;
-    protected conditions?: AXPQueryFilter[];
+    protected searchTerm: import("@angular/core").WritableSignal<string | null>;
     protected displayText: import("@angular/core").WritableSignal<string>;
     protected selectedItem: import("@angular/core").WritableSignal<any>;
-    protected searchTerm: import("@angular/core").WritableSignal<string | null>;
     textbox: AXTextBoxComponent;
     protected isLoading: import("@angular/core").WritableSignal<boolean>;
     protected isOpen: import("@angular/core").WritableSignal<boolean>;
@@ -42,5 +42,5 @@ export declare class AXPLookupWidgetEditComponent extends AXPWidgetBase<any> {
     protected handleClearClick(): void;
     clear(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPLookupWidgetEditComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPLookupWidgetEditComponent, "ng-component", never, { "entity": { "alias": "entity"; "required": false; }; "conditions": { "alias": "conditions"; "required": false; }; "expose": { "alias": "expose"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPLookupWidgetEditComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/layout/entity/lib/widgets/lookup-widget/lookup-widget-filter.component.d.ts

@@ -1,6 +1,6 @@
-import { AXPWidgetBase } from '@acorex/platform/layout/builder';
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPLookupWidgetFilterComponent extends AXPWidgetBase<any> {
+export declare class AXPLookupWidgetFilterComponent extends AXPWidgetComponent<any> {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPLookupWidgetFilterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPLookupWidgetFilterComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/layout/entity/lib/widgets/lookup-widget/lookup-widget-print.component.d.ts

@@ -1,6 +1,6 @@
-import { AXPWidgetBase } from '@acorex/platform/layout/builder';
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPLookupWidgetPrintComponent extends AXPWidgetBase<any> {
+export declare class AXPLookupWidgetPrintComponent extends AXPWidgetComponent<any> {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPLookupWidgetPrintComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPLookupWidgetPrintComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }