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

package/layout/components/index.d.ts

@@ -1,14 +1,14 @@
 import * as _angular_core from '@angular/core';
 import { Signal, InjectionToken, InputSignal, TemplateRef, ElementRef, OnInit, OnDestroy, Type, ViewContainerRef, ModuleWithProviders, WritableSignal, QueryList, EventEmitter } from '@angular/core';
 import * as _acorex_platform_core from '@acorex/platform/core';
-import { AXPActivityLog, AXPSystemActionType, AXPCategoryEntity, AXPColumnQuery, AXPContextData, AXPOptionsData, AXPActionMenuItem, AXPExecuteCommand, AXPValidationRules, AXPFilterDefinition, AXPFilterQuery, AXPSortDefinition, AXPSortQuery, AXPMetaData, AXPViewQuery } from '@acorex/platform/core';
+import { AXPActivityLog, AXPSystemActionType, AXPCategoryEntity, AXPColumnQuery, AXPContextData, AXPOptionsData, AXPGridLayoutOptions, AXPActionMenuItem, AXPExecuteCommand, AXPValidationRules, AXPFilterDefinition, AXPFilterQuery, AXPSortDefinition, AXPSortQuery, AXPMetaData, AXPViewQuery } from '@acorex/platform/core';
 import { AXPMenuItem } from '@acorex/platform/common';
 import * as _acorex_cdk_common from '@acorex/cdk/common';
 import { AXValueChangedEvent, AXClickEvent, AXDataSource, AXDataSourceFilterOption, AXOrientation, AXHtmlEvent, AXEvent } from '@acorex/cdk/common';
 import { AXTreeViewComponent, AXTreeItemClickBaseEvent } from '@acorex/components/tree-view';
 import { AXTranslationService } from '@acorex/core/translation';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { AXPWidgetNode, AXPLayoutContextChangeEvent, AXPWidgetProperty, AXPWidgetConfig } from '@acorex/platform/layout/builder';
+import { AXPWidgetNode, AXPWidgetCoreContextChangeEvent, AXPWidgetProperty, AXPWidgetConfig } from '@acorex/platform/layout/widget-core';
 import * as _ngrx_signals from '@ngrx/signals';
 import { AXDataTableComponent, AXDataTableRowDbClick, AXDataTableRowClick } from '@acorex/components/data-table';
 import { AXBasePageComponent } from '@acorex/components/page';
@@ -457,6 +457,7 @@ interface AXPDataSelectorConfig {
     searchFields?: string[];
     parentField?: string;
     allowCreate?: boolean;
+    filters?: AXDataSourceFilterOption;
     categoryFilter?: {
         enabled: boolean;
         title: string;
@@ -517,6 +518,7 @@ declare class AXPDataSelectorComponent extends AXBasePageComponent {
 
 declare class AXPDataSelectorService {
     private readonly popupService;
+    private readonly expressionService;
     /**
      * Open data selector popup
      */
@@ -560,18 +562,7 @@ interface AXPDynamicFormFieldDefinition {
      * Optional per-field rendering mode. Takes precedence over section and form modes.
      */
     mode?: AXPDynamicFormMode;
-    /**
-     * Optional per-parameter layout override. Takes precedence over form layoutConfig.
-     * - number: colSpan for all breakpoints
-     * - object: colSpan per breakpoint
-     */
-    layout?: number | {
-        default?: number;
-        md?: number;
-        lg?: number;
-        xl?: number;
-        xxl?: number;
-    };
+    layout?: AXPGridLayoutOptions;
 }
 interface AXPDynamicFormGroupDefinition {
     name: string;
@@ -582,6 +573,10 @@ interface AXPDynamicFormGroupDefinition {
      * Optional per-section rendering mode. Takes precedence over form mode and is overridden by field mode.
      */
     mode?: AXPDynamicFormMode;
+    /**
+     * Optional group-level layout configuration
+     */
+    layout?: AXPGridLayoutOptions;
 }
 interface AXPDynamicFormDefinition {
     groups: AXPDynamicFormGroupDefinition[];
@@ -590,25 +585,6 @@ interface AXPDynamicFormDefinition {
      */
     mode?: AXPDynamicFormMode;
 }
-interface AXPDynamicFormLayoutConfig {
-    positions: {
-        default: {
-            colSpan: number;
-        };
-        md?: {
-            colSpan: number;
-        };
-        lg?: {
-            colSpan: number;
-        };
-        xl?: {
-            colSpan: number;
-        };
-        xxl?: {
-            colSpan: number;
-        };
-    };
-}
 
 /**
  * Describes a single step of the dynamic form stepper.
@@ -663,7 +639,7 @@ declare class AXPDynamicFormStepperComponent {
      */
     layoutLook: _angular_core.InputSignal<AXPDynamicFormLook>;
     stepperDirection: _angular_core.InputSignal<AXOrientation>;
-    layoutConfig: _angular_core.InputSignal<AXPDynamicFormLayoutConfig | undefined>;
+    layoutConfig: _angular_core.InputSignal<AXPGridLayoutOptions | undefined>;
     /**
      * Optional guard that controls advancing to the next step (async only)
      */
@@ -727,7 +703,7 @@ declare class AXPDynamicFormStepperComponent {
     /**
      * Non-undefined layout config for inner dynamic forms
      */
-    protected effectiveLayoutConfig: _angular_core.Signal<AXPDynamicFormLayoutConfig>;
+    protected effectiveLayoutConfig: _angular_core.Signal<AXPGridLayoutOptions>;
     /**
      * Returns the current step pointer
      */
@@ -805,7 +781,7 @@ interface AXPDynamicDialogConfig {
     /**
      * Shared layout options applied to form/stepper unless overridden
      */
-    layoutConfig?: AXPDynamicFormLayoutConfig;
+    layoutConfig?: AXPGridLayoutOptions;
     layoutLook?: AXPDynamicFormLook;
     mode?: AXPDynamicFormMode;
     size?: AXPopupSizeType;
@@ -873,25 +849,7 @@ declare class AXPDynamicDialogComponent extends AXBasePageComponent {
      * Combined loading state from both signal and dialog
      */
     protected isFormLoading: _angular_core.Signal<boolean>;
-    protected defaultLayout: () => {
-        positions: {
-            default: {
-                colSpan: number;
-            };
-            md: {
-                colSpan: number;
-            };
-            lg: {
-                colSpan: number;
-            };
-            xl: {
-                colSpan: number;
-            };
-            xxl: {
-                colSpan: number;
-            };
-        };
-    };
+    protected defaultLayout: () => AXPGridLayoutOptions;
     /**
      * Determine rendering mode and effective definitions
      */
@@ -903,7 +861,7 @@ declare class AXPDynamicDialogComponent extends AXBasePageComponent {
     protected readonly effectiveFormDefinition: _angular_core.Signal<any>;
     protected readonly resolvedFormDefinition: _angular_core.Signal<any>;
     protected readonly effectiveLayoutLook: _angular_core.Signal<_acorex_platform_layout_components.AXPDynamicFormLook>;
-    protected readonly effectiveLayoutConfig: _angular_core.Signal<_acorex_platform_layout_components.AXPDynamicFormLayoutConfig>;
+    protected readonly effectiveLayoutConfig: _angular_core.Signal<AXPGridLayoutOptions>;
     protected readonly stepperGuardNext: _angular_core.Signal<((e: {
         index: number;
         id: string;
@@ -997,7 +955,7 @@ declare class AXPDynamicFormComponent implements OnInit {
     /**
      * Custom layout configuration for form fields
      */
-    layoutConfig: _angular_core.InputSignal<AXPDynamicFormLayoutConfig>;
+    layoutConfig: _angular_core.InputSignal<AXPGridLayoutOptions>;
     protected expressionEvaluator(expression: any, context: any): Promise<any>;
     protected evaluatedFormDefinition: _angular_core.WritableSignal<any>;
     /**
@@ -1025,7 +983,7 @@ declare class AXPDynamicFormComponent implements OnInit {
     /**
      * Computed layout configuration
      */
-    protected computedLayout: _angular_core.Signal<AXPDynamicFormLayoutConfig>;
+    protected computedLayout: _angular_core.Signal<AXPGridLayoutOptions>;
     /**
      * Resolve effective mode with precedence: field > group > form
      */
@@ -1033,7 +991,7 @@ declare class AXPDynamicFormComponent implements OnInit {
     /**
      * Resolve effective grid layout for a specific parameter, merging per-parameter override with form layout.
      */
-    protected resolveParamLayout(param: AXPDynamicFormFieldDefinition): AXPDynamicFormLayoutConfig;
+    protected resolveParamLayout(param: AXPDynamicFormFieldDefinition): AXPGridLayoutOptions;
     /**
      * Host classes based on layout look and direction
      */
@@ -1042,7 +1000,7 @@ declare class AXPDynamicFormComponent implements OnInit {
     /**
      * Handle context change events from widget container
      */
-    protected handleContextChanged(event: AXPLayoutContextChangeEvent): void;
+    protected handleContextChanged(event: AXPWidgetCoreContextChangeEvent): void;
     protected isRequired(param: AXPDynamicFormFieldDefinition): boolean;
     /**
      * Get the form component instance
@@ -1178,7 +1136,7 @@ interface IFieldBuilder {
     description(description: string): IFieldBuilder;
     mode(mode: AXPDynamicFormMode): IFieldBuilder;
     options(values: IFieldOptions): IFieldBuilder;
-    layout(layout: AXPDynamicFormFieldDefinition['layout']): IFieldBuilder;
+    layout(layout: AXPGridLayoutOptions | number): IFieldBuilder;
     textBox(options?: TextBoxOptions): IFieldBuilder;
     largeTextBox(options?: LargeTextBoxOptions): IFieldBuilder;
     richText(options?: RichTextOptions): IFieldBuilder;
@@ -1208,7 +1166,7 @@ interface IStepBuilder {
 }
 interface IFormBuilder {
     group(name: string, delegate?: (group: IGroupBuilder) => void): IFormBuilder;
-    layout(config: Partial<AXPDynamicFormLayoutConfig>): IFormBuilder;
+    layout(config: Partial<AXPGridLayoutOptions>): IFormBuilder;
     look(look: AXPDynamicFormLook): IFormBuilder;
     direction(direction: AXPDynamicFormDirection): IFormBuilder;
     mode(mode: AXPDynamicFormMode): IFormBuilder;
@@ -1221,7 +1179,7 @@ interface IActionBuilder {
 }
 interface IDialogBuilder extends IFormBuilder {
     group(name: string, delegate?: (group: IGroupBuilder) => void): IDialogBuilder;
-    layout(config: Partial<AXPDynamicFormLayoutConfig>): IDialogBuilder;
+    layout(config: Partial<AXPGridLayoutOptions>): IDialogBuilder;
     look(look: AXPDynamicFormLook): IDialogBuilder;
     direction(direction: AXPDynamicFormDirection): IDialogBuilder;
     closeButton(closeButton: boolean): IDialogBuilder;
@@ -1241,7 +1199,7 @@ interface IDialogBuilder extends IFormBuilder {
 }
 interface FormBuilderState {
     groups: AXPDynamicFormGroupDefinition[];
-    layoutConfig: AXPDynamicFormLayoutConfig;
+    layoutConfig: AXPGridLayoutOptions;
     look: AXPDynamicFormLook;
     direction: AXPDynamicFormDirection;
     mode?: AXPDynamicFormMode;
@@ -1275,7 +1233,7 @@ interface FieldBuilderState {
     readonly?: string | boolean;
     disabled?: string | boolean;
     widget?: AXPWidgetNode;
-    layout?: AXPDynamicFormFieldDefinition['layout'];
+    layout?: AXPGridLayoutOptions;
     mode?: AXPDynamicFormMode;
 }
 interface GroupBuilderState {
@@ -1308,15 +1266,158 @@ declare class AXPDynamicFormBuilderService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPDynamicFormBuilderService>;
 }
 
-type StateMode = 'empty' | 'error' | 'loading' | 'warning' | 'info' | 'success';
-declare class AXPStateMessageComponent {
-    mode: _angular_core.InputSignal<StateMode>;
-    icon: _angular_core.InputSignal<string>;
-    title: _angular_core.InputSignal<string>;
-    description: _angular_core.InputSignal<string>;
-    variant: _angular_core.InputSignal<"default" | "compact" | "minimal">;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPStateMessageComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPStateMessageComponent, "axp-state-message", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=actions]"], true, never>;
+interface AXPDynamicFormDesignerField {
+    id: string;
+    name: string;
+    title: string;
+    description?: string;
+    widget: AXPWidgetNode;
+    mode?: 'view' | 'edit';
+    layout?: AXPGridLayoutOptions;
+    validations?: Array<{
+        rule: string;
+        options?: Record<string, any>;
+    }>;
+}
+interface AXPDynamicFormDesignerGroup {
+    id: string;
+    name: string;
+    title?: string;
+    description?: string;
+    fields: AXPDynamicFormDesignerField[];
+    mode?: 'view' | 'edit';
+    layout?: AXPGridLayoutOptions;
+}
+interface AXPDynamicFormDesignerState {
+    groups: AXPDynamicFormDesignerGroup[];
+    selectedFieldId?: string;
+    selectedGroupId?: string;
+    mode: 'designer' | 'preview';
+}
+/**
+ * Convert designer field to form field definition
+ */
+declare function convertDesignerFieldToFormField(field: AXPDynamicFormDesignerField): AXPDynamicFormFieldDefinition;
+/**
+ * Convert designer group to form group definition
+ */
+declare function convertDesignerGroupToFormGroup(group: AXPDynamicFormDesignerGroup): AXPDynamicFormGroupDefinition;
+/**
+ * Convert designer state to form definition
+ */
+declare function convertDesignerStateToFormDefinition(state: AXPDynamicFormDesignerState): AXPDynamicFormDefinition;
+interface AXPFormElementWidget {
+    name: string;
+    title: string;
+    icon?: string;
+    description?: string;
+    type: string;
+    properties?: any[];
+}
+
+declare class AXPDynamicFormDesignerComponent {
+    formDefinition: _angular_core.ModelSignal<AXPDynamicFormDefinition>;
+    readonly: _angular_core.InputSignal<boolean>;
+    private readonly widgetRegistry;
+    private readonly formBuilderService;
+    private readonly widgetPropertyViewerService;
+    private readonly dialogService;
+    protected selectedFieldId: _angular_core.WritableSignal<string | null>;
+    private designerState;
+    protected availableWidgets: _angular_core.Signal<AXPFormElementWidget[]>;
+    protected widgetOptions: _angular_core.Signal<{
+        value: string;
+        text: string;
+    }[]>;
+    protected getAllFields: _angular_core.Signal<AXPDynamicFormDesignerField[]>;
+    protected designerGroups: _angular_core.Signal<AXPDynamicFormDesignerGroup[]>;
+    /**
+     * Effect to sync form definition model to designer state
+     */
+    private syncModelToDesigner;
+    /**
+     * Effect to sync designer state changes back to model
+     */
+    private syncDesignerToModel;
+    /**
+     * Get the current form definition (converted from designer state)
+     */
+    getFormDefinition(): AXPDynamicFormDefinition;
+    /**
+     * Set the form definition (converted to designer state)
+     */
+    setFormDefinition(definition: AXPDynamicFormDefinition): void;
+    /**
+     * Add a new field to the form
+     * @param field The field to add
+     */
+    addField(field: AXPDynamicFormDesignerField): void;
+    /**
+     * Update an existing field
+     * @param fieldId The ID of the field to update
+     * @param updates The updates to apply
+     */
+    updateField(fieldId: string, updates: Partial<AXPDynamicFormDesignerField>): void;
+    /**
+     * Remove a field from the form
+     * @param fieldId The ID of the field to remove
+     */
+    removeField(fieldId: string): void;
+    /**
+     * Get all available widget types
+     */
+    getAvailableWidgets(): AXPFormElementWidget[];
+    /**
+     * Add a new group to the form
+     * @param group The group to add
+     */
+    addGroup(group: AXPDynamicFormDesignerGroup): void;
+    /**
+     * Remove a group from the form
+     * @param groupName The name of the group to remove
+     */
+    removeGroup(groupName: string): void;
+    /**
+     * Reorder groups in the form
+     * @param fromIndex Source index
+     * @param toIndex Target index
+     */
+    reorderGroups(fromIndex: number, toIndex: number): void;
+    /**
+     * Update an existing group
+     * @param groupName The name of the group to update
+     * @param updates The updates to apply
+     */
+    updateGroup(groupName: string, updates: Partial<AXPDynamicFormDesignerGroup>): void;
+    /**
+     * Move a field to a different group
+     * @param fieldName The name/path of the field to move
+     * @param targetGroupName The name of the target group
+     */
+    moveFieldToGroup(fieldName: string, targetGroupName: string): void;
+    protected handleAddGroupClick(): Promise<void>;
+    protected handleAddFieldToGroup(group: AXPDynamicFormDesignerGroup): Promise<void>;
+    protected handleFieldEdit(field: AXPDynamicFormDesignerField): Promise<void>;
+    protected handleFieldRemove(field: AXPDynamicFormDesignerField): void;
+    protected handleGroupEdit(group: AXPDynamicFormDesignerGroup): Promise<void>;
+    protected handleGroupRemove(group: AXPDynamicFormDesignerGroup): void;
+    protected handleGroupDrop(event: CdkDragDrop<AXPDynamicFormDesignerGroup[]>): void;
+    protected handleFieldDrop(event: CdkDragDrop<AXPDynamicFormDesignerField[]>, targetGroupName?: string): void;
+    protected handlePreviewClick(): Promise<void>;
+    protected deriveKey(input: string): string;
+    protected generateId(): string;
+    protected getWidgetIcon(widgetName: string): string;
+    protected getWidgetTitle(widgetName: string): string;
+    protected getWidgetNode(field: AXPDynamicFormDesignerField): AXPWidgetNode;
+    protected deriveGroupKey(input: string): string;
+    protected getGroupOptions(): Array<{
+        value: string;
+        text: string;
+    }>;
+    protected addFieldToGroup(field: AXPDynamicFormDesignerField, groupName: string): void;
+    protected getAllGroupDropLists(): string[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPDynamicFormDesignerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPDynamicFormDesignerComponent, "axp-dynamic-form-designer", never, { "formDefinition": { "alias": "formDefinition"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "formDefinition": "formDefinitionChange"; }, never, never, true, never>;
 }
 
 /**
@@ -1358,7 +1459,7 @@ declare const AXP_EXTRA_PROPERTY_TYPES: InjectionToken<AXPExtraPropertyType[]>;
 declare class AXPExtraPropertiesComponent {
     items: _angular_core.InputSignal<AXPExtraPropertyItem[]>;
     mode: _angular_core.InputSignal<"view" | "edit">;
-    protected onContextChanged(event: AXPLayoutContextChangeEvent): void;
+    protected onContextChanged(event: AXPWidgetCoreContextChangeEvent): void;
     itemsChange: _angular_core.OutputEmitterRef<AXPExtraPropertyItem[]>;
     private readonly providedTypes;
     private readonly translationService;
@@ -1435,7 +1536,7 @@ declare class AXPExtraPropertiesValuesComponent {
     protected internalContext: _angular_core.WritableSignal<Record<string, any>>;
     private nodeCache;
     private lastTypeByKey;
-    protected onContextChanged(event: AXPLayoutContextChangeEvent): void;
+    protected onContextChanged(event: AXPWidgetCoreContextChangeEvent): void;
     private readonly syncContextFromInputs;
     private readonly clearOnSchemaTypeChange;
     protected getNode(item: AXPExtraPropertySchemaItem): AXPWidgetNode;
@@ -1470,7 +1571,7 @@ declare class AXPQueryFiltersComponent {
     ngOnInit(): void;
     handleSelectField(field: AXPFilterDefinition): void;
     handleFieldKeyDown(e: KeyboardEvent, field: AXPFilterDefinition): void;
-    onContextChanged(e: AXPLayoutContextChangeEvent): void;
+    onContextChanged(e: AXPWidgetCoreContextChangeEvent): void;
     handleApplyFilter(): void;
     handleButtonKeyDown(e: Event): void;
     handleKeyDown(e: AXHtmlEvent<KeyboardEvent>): void;
@@ -1485,6 +1586,40 @@ declare class AXPQueryFiltersComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPQueryFiltersComponent, "axp-query-filters", never, { "filtersDefinitions": { "alias": "filtersDefinitions"; "required": false; "isSignal": true; }; "initialFilters": { "alias": "initialFilters"; "required": false; "isSignal": true; }; }, { "onFiltersChanged": "onFiltersChanged"; }, never, never, true, never>;
 }
 
+declare class AXPImageEditorPopupComponent extends AXBasePageComponent {
+    private readonly fileStorage;
+    image: _angular_core.InputSignal<Blob>;
+    showHistory: _angular_core.InputSignal<boolean>;
+    look: _angular_core.InputSignal<"solid" | "outline" | "blank">;
+    private container;
+    private blobUrl;
+    protected url: _angular_core.WritableSignal<string | null>;
+    protected context: _angular_core.WritableSignal<{
+        image: Blob | null;
+    }>;
+    ngOnInit(): Promise<void>;
+    handleValueChanged(e: any): void;
+    handleSave(): void;
+    handleCancel(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPImageEditorPopupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPImageEditorPopupComponent, "axp-image-editor-popup", never, { "image": { "alias": "image"; "required": true; "isSignal": true; }; "showHistory": { "alias": "showHistory"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface AXPImageEditorOpenOptions {
+    title?: string;
+    image: Blob;
+    showHistory?: boolean;
+    look?: 'solid' | 'outline' | 'blank';
+}
+declare class AXPImageEditorService {
+    private readonly popupService;
+    private readonly translate;
+    open(options?: AXPImageEditorOpenOptions): Promise<Blob | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPImageEditorService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPImageEditorService>;
+}
+
 interface AXPWidgetPropertyTab {
     name: string;
     title: string;
@@ -1520,13 +1655,47 @@ declare class AXPWidgetPropertyViewerComponent {
     constructor();
     update(values: any): void;
     private fillTabs;
-    protected handleContextChange(e: AXPLayoutContextChangeEvent): void;
+    protected handleContextChange(e: AXPWidgetCoreContextChangeEvent): void;
     protected handleTabChange(event: AXTabStripChangedEvent): void;
     protected handleCollapsedChange(group: string, collapsed: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPWidgetPropertyViewerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPWidgetPropertyViewerComponent, "axp-widget-property-viewer", never, { "widget": { "alias": "widget"; "required": true; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "onChanged": "onChanged"; }, never, never, true, never>;
 }
 
+declare class AXPWidgetPropertyViewerPopupComponent extends AXBasePageComponent {
+    widget: _angular_core.InputSignal<AXPWidgetNode>;
+    mode: _angular_core.InputSignal<"simple" | "advanced">;
+    protected currentValues: _angular_core.WritableSignal<any>;
+    protected handlePropertyChanged(event: {
+        values: any;
+        mode: 'init' | 'update';
+    }): void;
+    protected handleCloseClick(): void;
+    protected handleApplyClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPWidgetPropertyViewerPopupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPWidgetPropertyViewerPopupComponent, "axp-widget-property-viewer-popup", never, { "widget": { "alias": "widget"; "required": true; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface AXPWidgetPropertyViewerConfig {
+    title: string;
+    widget: AXPWidgetNode;
+    mode?: 'simple' | 'advanced';
+    size?: 'sm' | 'md' | 'lg' | 'full';
+}
+interface AXPWidgetPropertyViewerResult {
+    values: any;
+    mode: 'init' | 'update';
+}
+declare class AXPWidgetPropertyViewerService {
+    private readonly popupService;
+    /**
+     * Open widget property viewer popup
+     */
+    open(config: AXPWidgetPropertyViewerConfig): Promise<AXPWidgetPropertyViewerResult | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPWidgetPropertyViewerService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPWidgetPropertyViewerService>;
+}
+
 declare class AXPQuerySortsComponent {
     sortDefinitions: _angular_core.ModelSignal<AXPSortDefinition[]>;
     sortQueries: _angular_core.WritableSignal<AXPSortQuery[]>;
@@ -1540,6 +1709,17 @@ declare class AXPQuerySortsComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPQuerySortsComponent, "axp-query-sorts", never, { "sortDefinitions": { "alias": "sortDefinitions"; "required": false; "isSignal": true; }; "initialSortQueries": { "alias": "initialSortQueries"; "required": false; "isSignal": true; }; }, { "sortDefinitions": "sortDefinitionsChange"; "sortQueriesChange": "sortQueriesChange"; }, never, never, true, never>;
 }
 
+type StateMode = 'empty' | 'error' | 'loading' | 'warning' | 'info' | 'success';
+declare class AXPStateMessageComponent {
+    mode: _angular_core.InputSignal<StateMode>;
+    icon: _angular_core.InputSignal<string>;
+    title: _angular_core.InputSignal<string>;
+    description: _angular_core.InputSignal<string>;
+    variant: _angular_core.InputSignal<"default" | "compact" | "minimal">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPStateMessageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPStateMessageComponent, "axp-state-message", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=actions]"], true, never>;
+}
+
 interface AXPTemplateViewerConfig {
     template: AXPWidgetNode | string;
     title?: string;
@@ -1565,7 +1745,7 @@ declare class AXPTemplateViewerComponent extends AXBasePageComponent {
     protected readonly currentPage: _angular_core.Signal<AXPWidgetNode>;
     protected ngOnInit(): Promise<void>;
     private loadTemplate;
-    protected handleContextChanged(e: AXPLayoutContextChangeEvent): void;
+    protected handleContextChanged(e: AXPWidgetCoreContextChangeEvent): void;
     protected handleSubmit(form: AXFormComponent): Promise<void>;
     protected handleCancel(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPTemplateViewerComponent, never>;
@@ -1756,5 +1936,5 @@ declare class AXPWidgetItemComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPWidgetItemComponent, "axp-widget-item", never, { "widget": { "alias": "widget"; "required": true; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": false; "isSignal": true; }; "showPinButton": { "alias": "showPinButton"; "required": false; "isSignal": true; }; "customClasses": { "alias": "customClasses"; "required": false; "isSignal": true; }; }, { "onWidgetClick": "onWidgetClick"; "onPinClick": "onPinClick"; }, never, never, true, never>;
 }
 
-export { AXPActivityLogComponent, AXPCategoryTreeComponent, AXPCompareViewComponent, AXPComponentSlot, AXPComponentSlotDirective, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPDataSelectorComponent, AXPDataSelectorService, AXPDynamicDialogComponent, AXPDynamicDialogService, AXPDynamicFormBuilderService, AXPDynamicFormComponent, AXPDynamicFormStepperComponent, AXPExtraPropertiesComponent, AXPExtraPropertiesSchemaComponent, AXPExtraPropertiesValuesComponent, AXPMenuBadgeHelper, AXPQueryColumnsComponent, AXPQueryFiltersComponent, AXPQuerySortsComponent, AXPQueryViewsComponent, AXPStateMessageComponent, AXPTaskBadgeDirective, AXPTaskBadgeProvider, AXPTaskBadgeService, AXPTemplateViewerComponent, AXPTemplateViewerService, AXPThemeLayoutActionsComponent, AXPThemeLayoutBlockComponent, AXPThemeLayoutContainerComponent, AXPThemeLayoutEndSideComponent, AXPThemeLayoutFooterComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutListComponent, AXPThemeLayoutListItemComponent, AXPThemeLayoutListItemsGroupComponent, AXPThemeLayoutPageHeaderComponent, AXPThemeLayoutPagePrimaryActionsComponent, AXPThemeLayoutPageSecondaryActionsComponent, AXPThemeLayoutSectionComponent, AXPThemeLayoutStartSideComponent, AXPThemeLayoutToolbarComponent, AXPUserAvatarComponent, AXPUserAvatarService, AXPWidgetItemComponent, AXPWidgetPropertyViewerComponent, AXP_EXTRA_PROPERTY_TYPES, AXP_TASK_BADGE_PROVIDERS, AXP_USER_AVATAR_PROVIDER };
-export type { AXPCategoryTreeActions, AXPCategoryTreeConfig, AXPCategoryTreeDataSource, AXPCategoryTreeEvents, AXPCategoryTreeNode, AXPCompareViewField, AXPCompareViewInputs, AXPCompareViewMode, AXPCompareViewObject, AXPComponentSlotConfig, AXPComponentSlotModuleConfigs, AXPDataSelectorColumn, AXPDataSelectorConfig, AXPDialogRef, AXPDynamicDialogConfig, AXPDynamicDialogResult, AXPDynamicFormDefinition, AXPDynamicFormDirection, AXPDynamicFormFieldDefinition, AXPDynamicFormGroupDefinition, AXPDynamicFormLayoutConfig, AXPDynamicFormLook, AXPDynamicFormMode, AXPDynamicFormStepperDefinition, AXPDynamicFormStepperStepDefinition, AXPExtraPropertyItem, AXPExtraPropertySchemaItem, AXPExtraPropertyType, AXPTemplateViewerConfig, AXPTemplateViewerResult, AXPUserAvatarData, AXPUserAvatarProvider, AXPUserAvatarSize, AXPUserAvatarStatus, AXPWidgetItemClickEvent, AXPWidgetItemData, AXPWidgetPropertiesChangedEvent, AXPWidgetPropertyTab, ColorBoxOptions, DateTimeBoxOptions, DialogBuilderState, FieldBuilderState, FormBuilderState, GroupBuilderState, IActionBuilder, IDialogBuilder, IFieldBuilder, IFieldOptions, IFormBuilder, IGroupBuilder, IStepBuilder, LargeTextBoxOptions, LookupBoxOptions, NumberBoxOptions, PasswordBoxOptions, RichTextOptions, SelectBoxOptions, SelectionListOptions, StateMode, StepBuilderState, TextBoxOptions, ToggleSwitchOptions };
+export { AXPActivityLogComponent, AXPCategoryTreeComponent, AXPCompareViewComponent, AXPComponentSlot, AXPComponentSlotDirective, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPDataSelectorComponent, AXPDataSelectorService, AXPDynamicDialogComponent, AXPDynamicDialogService, AXPDynamicFormBuilderService, AXPDynamicFormComponent, AXPDynamicFormDesignerComponent, AXPDynamicFormStepperComponent, AXPExtraPropertiesComponent, AXPExtraPropertiesSchemaComponent, AXPExtraPropertiesValuesComponent, AXPImageEditorPopupComponent, AXPImageEditorService, AXPMenuBadgeHelper, AXPQueryColumnsComponent, AXPQueryFiltersComponent, AXPQuerySortsComponent, AXPQueryViewsComponent, AXPStateMessageComponent, AXPTaskBadgeDirective, AXPTaskBadgeProvider, AXPTaskBadgeService, AXPTemplateViewerComponent, AXPTemplateViewerService, AXPThemeLayoutActionsComponent, AXPThemeLayoutBlockComponent, AXPThemeLayoutContainerComponent, AXPThemeLayoutEndSideComponent, AXPThemeLayoutFooterComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutListComponent, AXPThemeLayoutListItemComponent, AXPThemeLayoutListItemsGroupComponent, AXPThemeLayoutPageHeaderComponent, AXPThemeLayoutPagePrimaryActionsComponent, AXPThemeLayoutPageSecondaryActionsComponent, AXPThemeLayoutSectionComponent, AXPThemeLayoutStartSideComponent, AXPThemeLayoutToolbarComponent, AXPUserAvatarComponent, AXPUserAvatarService, AXPWidgetItemComponent, AXPWidgetPropertyViewerComponent, AXPWidgetPropertyViewerPopupComponent, AXPWidgetPropertyViewerService, AXP_EXTRA_PROPERTY_TYPES, AXP_TASK_BADGE_PROVIDERS, AXP_USER_AVATAR_PROVIDER, convertDesignerFieldToFormField, convertDesignerGroupToFormGroup, convertDesignerStateToFormDefinition };
+export type { AXPCategoryTreeActions, AXPCategoryTreeConfig, AXPCategoryTreeDataSource, AXPCategoryTreeEvents, AXPCategoryTreeNode, AXPCompareViewField, AXPCompareViewInputs, AXPCompareViewMode, AXPCompareViewObject, AXPComponentSlotConfig, AXPComponentSlotModuleConfigs, AXPDataSelectorColumn, AXPDataSelectorConfig, AXPDialogRef, AXPDynamicDialogConfig, AXPDynamicDialogResult, AXPDynamicFormDefinition, AXPDynamicFormDesignerField, AXPDynamicFormDesignerGroup, AXPDynamicFormDesignerState, AXPDynamicFormDirection, AXPDynamicFormFieldDefinition, AXPDynamicFormGroupDefinition, AXPDynamicFormLook, AXPDynamicFormMode, AXPDynamicFormStepperDefinition, AXPDynamicFormStepperStepDefinition, AXPExtraPropertyItem, AXPExtraPropertySchemaItem, AXPExtraPropertyType, AXPFormElementWidget, AXPImageEditorOpenOptions, AXPTemplateViewerConfig, AXPTemplateViewerResult, AXPUserAvatarData, AXPUserAvatarProvider, AXPUserAvatarSize, AXPUserAvatarStatus, AXPWidgetItemClickEvent, AXPWidgetItemData, AXPWidgetPropertiesChangedEvent, AXPWidgetPropertyTab, AXPWidgetPropertyViewerConfig, AXPWidgetPropertyViewerResult, ColorBoxOptions, DateTimeBoxOptions, DialogBuilderState, FieldBuilderState, FormBuilderState, GroupBuilderState, IActionBuilder, IDialogBuilder, IFieldBuilder, IFieldOptions, IFormBuilder, IGroupBuilder, IStepBuilder, LargeTextBoxOptions, LookupBoxOptions, NumberBoxOptions, PasswordBoxOptions, RichTextOptions, SelectBoxOptions, SelectionListOptions, StateMode, StepBuilderState, TextBoxOptions, ToggleSwitchOptions };

package/layout/designer/index.d.ts

@@ -3,8 +3,8 @@ import * as _angular_core from '@angular/core';
 import { EventEmitter, OnChanges, OnDestroy, WritableSignal, NgZone, ComponentRef, SimpleChanges } from '@angular/core';
 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, AXPLayoutBaseWidgetComponent, AXPLayoutContextChangeEvent } from '@acorex/platform/layout/builder';
+import * as _acorex_platform_layout_widget_core from '@acorex/platform/layout/widget-core';
+import { AXPWidgetConfig, AXPWidgetCategory, AXPWidgetGroupEnum, AXPWidgetNode, AXPBaseWidgetComponent, AXPWidgetRegistryService, AXPLayoutBaseWidgetComponent, AXPWidgetCoreContextChangeEvent } from '@acorex/platform/layout/widget-core';
 import { AXPWidgetItemData, AXPWidgetItemClickEvent } from '@acorex/platform/layout/components';
 import { AXMenuItem } from '@acorex/components/menu';
 import { Subject } from 'rxjs';
@@ -355,7 +355,7 @@ declare class AXPWidgetDesignerRendererDirective implements OnChanges, OnDestroy
     parentComponent: _angular_core.InputSignal<ComponentRef<any> | null | undefined>;
     index: _angular_core.InputSignal<number | null | undefined>;
     locked: _angular_core.InputSignal<boolean>;
-    mode: _angular_core.InputSignal<keyof _acorex_platform_layout_builder.AXPWidgetConfigComponents>;
+    mode: _angular_core.InputSignal<keyof _acorex_platform_layout_widget_core.AXPWidgetConfigComponents>;
     node: _angular_core.InputSignal<AXPWidgetNode>;
     private hostElement;
     private getId;
@@ -392,7 +392,7 @@ declare class AXPLayoutDesignerPreviewViewerComponent {
     protected readonly currentPage: _angular_core.Signal<AXPWidgetNode>;
     constructor();
     ngAfterViewInit(): void;
-    protected handleContextChanged(e: AXPLayoutContextChangeEvent): void;
+    protected handleContextChanged(e: AXPWidgetCoreContextChangeEvent): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPLayoutDesignerPreviewViewerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPLayoutDesignerPreviewViewerComponent, "axp-layout-builder-viewer", never, {}, {}, never, never, true, never>;