@acorex/platform 20.6.0-next.9 → 20.6.1

package/layout/builder/index.d.ts

@@ -369,6 +369,7 @@ interface InheritanceContext {
     readonly?: boolean | string;
     direction?: 'rtl' | 'ltr';
     visible?: boolean | string;
+    defaultValue?: any;
 }
 interface InheritedProperties {
     mode: AXPWidgetRenderMode;
@@ -425,6 +426,7 @@ interface IWidgetBuilder {
     visible(condition: boolean | string): IWidgetBuilder;
     disabled(condition: boolean | string): IWidgetBuilder;
     readonly(condition: boolean | string): IWidgetBuilder;
+    defaultValue(defaultValue: any): IWidgetBuilder;
     direction(direction: 'rtl' | 'ltr'): IWidgetBuilder;
     withInheritanceContext(context: InheritanceContext): IWidgetBuilder;
     getInheritanceContext(): InheritanceContext;
@@ -522,6 +524,7 @@ interface IFormFieldBuilder extends IBaseContainerBuilder<IFormFieldBuilder>, IL
     setOptions(options: AXPFormFieldOptions): IFormFieldBuilder;
     setLabel(label: string): IFormFieldBuilder;
     setShowLabel(showLabel: boolean): IFormFieldBuilder;
+    defaultValue(value: any): IFormFieldBuilder;
     textBox(options?: Omit<TextBoxOptions, 'path'>): IFormFieldBuilder;
     largeTextBox(options?: Omit<LargeTextBoxOptions, 'path'>): IFormFieldBuilder;
     richText(options?: Omit<RichTextOptions, 'path'>): IFormFieldBuilder;
@@ -612,29 +615,12 @@ interface IStepWizardBuilder extends IBaseContainerBuilder<IStepWizardBuilder>,
 
 declare class AXPLayoutRendererComponent implements OnInit {
     #private;
-    private evaluatorService;
     private conversionService;
-    /**
-     * Tracks the latest scheduled evaluation to ensure last-write-wins for async evaluate
-     */
-    private evaluationRunId;
     /**
      * RxJS subjects for context management
      */
     private contextUpdateSubject;
     private contextChangeSubject;
-    /**
-     * Cache for expression evaluation results
-     */
-    private expressionCache;
-    /**
-     * Cache for widget tree comparisons
-     */
-    private widgetTreeCache;
-    /**
-     * Last layout hash for change detection
-     */
-    private lastLayoutHash;
     /**
      * Form definition containing groups and fields OR widget tree
      */
@@ -653,10 +639,9 @@ declare class AXPLayoutRendererComponent implements OnInit {
     mode: _angular_core.InputSignal<AXPDynamicFormMode>;
     protected widgetTree: _angular_core.WritableSignal<AXPWidgetNode | null>;
     /**
-     * Convert and evaluate data when inputs change (optimized with RxJS)
+     * Convert layout data to widget tree when inputs change
      */
     conversionEffect: _angular_core.EffectRef;
-    protected expressionEvaluator(expression: any, context: any): Promise<any>;
     /**
      * Emitted when context change is initiated
      */
@@ -721,21 +706,9 @@ declare class AXPLayoutRendererComponent implements OnInit {
      */
     private isFormDefinition;
     /**
-     * Generate layout hash for change detection (short hash)
-     */
-    private generateLayoutHash;
-    /**
-     * Generate cache key for expression evaluation (short hash)
-     */
-    private generateCacheKey;
-    /**
-     * Generate a simple hash for context change detection
-     */
-    private generateContextHash;
-    /**
-     * Simple hash function for generating short keys
+     * Type guard to check if the input is a widget node
      */
-    private simpleHash;
+    private isWidgetNode;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPLayoutRendererComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPLayoutRendererComponent, "axp-layout-renderer", never, { "layout": { "alias": "layout"; "required": true; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "context": "contextChange"; "contextInitiated": "contextInitiated"; "validityChange": "validityChange"; }, never, never, true, never>;
 }

package/layout/components/index.d.ts

@@ -4,7 +4,7 @@ import * as _acorex_platform_core from '@acorex/platform/core';
 import { AXPActivityLog, AXPSystemActionType, AXPCategoryEntity, AXPColumnQuery, AXPContextData, AXPOptionsData, AXPGridLayoutOptions, AXPFilterDefinition, AXPFilterQuery, AXPSortDefinition, AXPSortQuery, AXPMetaData, AXPViewQuery } from '@acorex/platform/core';
 import { AXPMenuItem } from '@acorex/platform/common';
 import { AXValueChangedEvent, AXClickEvent, AXDataSource, AXDataSourceFilterOption, AXHtmlEvent, AXEvent } from '@acorex/cdk/common';
-import { AXTreeViewComponent, AXTreeItemClickBaseEvent } from '@acorex/components/tree-view';
+import { AXTreeViewLegacyComponent, AXTreeItemClickBaseEventLegacy } from '@acorex/components/tree-view-legacy';
 import { AXTranslationService } from '@acorex/core/translation';
 import { AXPopoverComponent } from '@acorex/components/popover';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
@@ -262,7 +262,7 @@ declare class AXPCategoryTreeComponent {
     nodeDelete: _angular_core.OutputEmitterRef<AXPCategoryEntity<string>>;
     searchChange: _angular_core.OutputEmitterRef<string>;
     collapseChange: _angular_core.OutputEmitterRef<AXPCategoryEntity<string>>;
-    tree: _angular_core.Signal<AXTreeViewComponent | undefined>;
+    tree: _angular_core.Signal<AXTreeViewLegacyComponent | undefined>;
     isLoading: _angular_core.WritableSignal<boolean>;
     searchValue: _angular_core.WritableSignal<string>;
     private loadingTimeoutId;
@@ -274,8 +274,8 @@ declare class AXPCategoryTreeComponent {
     loadRootNodes(): Promise<void>;
     loadChildNodes(parentId: string): Promise<void>;
     searchNodes(searchValue: string): Promise<void>;
-    handleNodeClick(event: AXTreeItemClickBaseEvent): Promise<void>;
-    handleCollapseChanged(event: AXTreeItemClickBaseEvent): Promise<void>;
+    handleNodeClick(event: AXTreeItemClickBaseEventLegacy): Promise<void>;
+    handleCollapseChanged(event: AXTreeItemClickBaseEventLegacy): Promise<void>;
     handleSearchChange(event: AXValueChangedEvent): Promise<void>;
     handleCreateRootClick(event: AXClickEvent): Promise<void>;
     handleCreateChildClick(node: AXPCategoryTreeNode, event: AXClickEvent): Promise<void>;
@@ -308,7 +308,7 @@ declare class AXPColorPalettePickerComponent {
     /**
      * Currently selected color
      */
-    selectedColor: _angular_core.InputSignal<string | undefined>;
+    selectedColor: _angular_core.InputSignal<string | null | undefined>;
     /**
      * Disable the entire palette
      */
@@ -318,15 +318,19 @@ declare class AXPColorPalettePickerComponent {
      */
     readonly: _angular_core.InputSignal<boolean>;
     /**
-     * Emits when a color is selected
+     * Show empty/null option to clear selection
      */
-    colorSelected: _angular_core.OutputEmitterRef<string>;
+    allowClear: _angular_core.InputSignal<boolean>;
+    /**
+     * Emits when a color is selected or cleared (null/undefined)
+     */
+    colorSelected: _angular_core.OutputEmitterRef<string | null | undefined>;
     /**
      * Handle color selection
      */
-    protected handleColorSelect(color: string): void;
+    protected handleColorSelect(color: string | null | undefined): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPColorPalettePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPColorPalettePickerComponent, "axp-color-palette-picker", never, { "colors": { "alias": "colors"; "required": false; "isSignal": true; }; "selectedColor": { "alias": "selectedColor"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "colorSelected": "colorSelected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPColorPalettePickerComponent, "axp-color-palette-picker", never, { "colors": { "alias": "colors"; "required": false; "isSignal": true; }; "selectedColor": { "alias": "selectedColor"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; "isSignal": true; }; }, { "colorSelected": "colorSelected"; }, never, never, true, never>;
 }
 
 interface AXPColumnItemListItem {
@@ -516,7 +520,11 @@ interface AXPDataSelectorConfig {
     dataSource: AXDataSource<any>;
     columns: AXPDataSelectorColumn[];
     selectionMode: 'single' | 'multiple';
-    searchFields?: string[];
+    searchFields?: {
+        name: string;
+        title: string;
+    }[];
+    initialSearchTerm?: string;
     parentField?: string;
     allowCreate?: boolean;
     filters?: AXDataSourceFilterOption;
@@ -532,6 +540,7 @@ interface AXPDataSelectorConfig {
 declare class AXPDataSelectorComponent extends AXBasePageComponent {
     protected config: _angular_core.WritableSignal<AXPDataSelectorConfig>;
     protected searchTerm: string;
+    protected searchPlaceholderText: _angular_core.WritableSignal<string>;
     protected filter: AXDataSourceFilterOption;
     protected grid: _angular_core.Signal<AXDataTableComponent | undefined>;
     protected initialSelectedItems: any[];
@@ -540,9 +549,12 @@ declare class AXPDataSelectorComponent extends AXBasePageComponent {
         node: AXPCategoryEntity;
         filterValue: any;
     } | null>;
+    private placeholderUpdateToken;
+    private initialSearchApplied;
+    private readonly translationService;
+    constructor();
     protected allowSelect: _angular_core.Signal<boolean>;
     protected hasSearch: _angular_core.Signal<boolean | undefined>;
-    protected searchPlaceholder: _angular_core.Signal<string>;
     protected categoryTreeConfig: _angular_core.Signal<{
         textField: string;
         valueField: string;
@@ -574,6 +586,7 @@ declare class AXPDataSelectorComponent extends AXBasePageComponent {
     private applySearchFilter;
     private applyFilterAndSort;
     private applyCategoryFilter;
+    private updateSearchPlaceholder;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPDataSelectorComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPDataSelectorComponent, "axp-data-selector", never, {}, {}, never, never, true, never>;
 }
@@ -707,6 +720,7 @@ declare class AXPDynamicFormDesignerComponent {
     protected getAllFields: _angular_core.Signal<AXPDynamicFormDesignerField[]>;
     protected isDefaultGroup: (groupName: string) => boolean;
     protected canDeleteGroup: _angular_core.Signal<boolean>;
+    protected isPreviewDisabled: _angular_core.Signal<boolean>;
     protected designerGroups: _angular_core.Signal<AXPDynamicFormDesignerGroup[]>;
     /**
      * Create the default group for ungrouped fields
@@ -819,6 +833,12 @@ declare class AXPDynamicFormDesignerComponent {
      * Get default field grid layout based on group configuration
      */
     protected getFieldGridLayout(group: AXPDynamicFormDesignerGroup, fieldIndex?: number): AXPGridLayoutOptions;
+    private configurePreviewFieldset;
+    private configurePreviewFormField;
+    private configureFormFieldWidget;
+    private extractPreviewWidgetOptions;
+    private applyDesignerFieldUpdates;
+    private applyDesignerGroupUpdates;
     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>;
 }
@@ -952,9 +972,11 @@ declare class AXPQueryFiltersComponent {
     protected translate: AXTranslationService;
     protected calendarService: AXCalendarService;
     private filterOperatorMiddleware;
+    private settingService;
     filtersDefinitions: _angular_core.InputSignal<AXPFilterDefinition[]>;
     initialFilters: _angular_core.InputSignal<AXPFilterQuery[]>;
     onFiltersChanged: _angular_core.OutputEmitterRef<AXPFilterQuery[]>;
+    protected dateFormat: _angular_core.WritableSignal<string>;
     protected tagBox: _angular_core.Signal<AXTagBoxComponent | undefined>;
     protected widgetRenderer: _angular_core.Signal<AXPWidgetRendererDirective | undefined>;
     tagBoxInput: any;
@@ -1000,6 +1022,7 @@ declare class AXPImageEditorPopupComponent extends AXBasePageComponent {
     image: _angular_core.InputSignal<Blob>;
     showHistory: _angular_core.InputSignal<boolean>;
     look: _angular_core.InputSignal<"solid" | "outline" | "blank">;
+    aspectRatio: _angular_core.InputSignal<string | undefined>;
     private container;
     private blobUrl;
     protected url: _angular_core.WritableSignal<string | null>;
@@ -1012,7 +1035,7 @@ declare class AXPImageEditorPopupComponent extends AXBasePageComponent {
     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>;
+    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; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface AXPImageEditorOpenOptions {
@@ -1020,6 +1043,7 @@ interface AXPImageEditorOpenOptions {
     image: Blob;
     showHistory?: boolean;
     look?: 'solid' | 'outline' | 'blank';
+    aspectRatio?: string;
 }
 declare class AXPImageEditorService {
     private readonly popupService;
@@ -1029,80 +1053,99 @@ declare class AXPImageEditorService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPImageEditorService>;
 }
 
-interface AXPWidgetPropertyTab {
+interface AXPPropertyViewerGroup {
     name: string;
     title: string;
-    groups: {
-        name: string;
-        title: string;
-        isCollapsed: boolean;
-        props: AXPWidgetProperty[];
-    }[];
+    isCollapsed: boolean;
+    props: AXPWidgetProperty[];
 }
-interface AXPWidgetPropertiesChangedEvent {
+interface AXPPropertyViewerTab {
+    name: string;
+    title: string;
+    groups: AXPPropertyViewerGroup[];
+}
+interface AXPPropertyViewerChangedEvent {
     values: any;
     mode: 'init' | 'update';
 }
-declare class AXPWidgetPropertyViewerComponent {
-    widget: _angular_core.InputSignal<AXPWidgetNode>;
+
+declare class AXPPropertyViewerComponent {
+    /**
+     * List of tabs that should be rendered inside the property viewer.
+     */
+    tabsInput: _angular_core.InputSignal<AXPPropertyViewerTab[]>;
+    /**
+     * Determines rendering mode.
+     */
     mode: _angular_core.InputSignal<"simple" | "advanced">;
-    private widgetRegistryService;
+    /**
+     * Emits when property context changes.
+     */
+    onChanged: EventEmitter<AXPPropertyViewerChangedEvent>;
     protected currentTabIndex: WritableSignal<number>;
-    protected config: WritableSignal<AXPWidgetConfig<any> | null>;
-    protected allPoperties: AXPWidgetProperty[];
-    protected tabs: WritableSignal<AXPWidgetPropertyTab[]>;
-    protected groups: _angular_core.Signal<{
-        name: string;
-        title: string;
-        isCollapsed: boolean;
-        props: AXPWidgetProperty[];
-    }[]>;
-    protected groupCollapsedStates: Map<string, boolean>;
-    onChanged: EventEmitter<AXPWidgetPropertiesChangedEvent>;
+    protected tabs: _angular_core.Signal<AXPPropertyViewerTab[]>;
+    protected groups: _angular_core.Signal<AXPPropertyViewerGroup[]>;
     protected context: WritableSignal<any>;
-    protected initialContext: any;
+    protected groupCollapsedStates: Map<string, boolean>;
     constructor();
-    update(values: any): void;
-    private fillTabs;
-    protected handleContextChange(e: AXPWidgetCoreContextChangeEvent): void;
+    /**
+     * Replaces the current context with the provided value and emits an init event.
+     */
+    initializeContext(value: any): void;
+    /**
+     * Merges the provided value into the current context and emits an update event.
+     */
+    update(value: any): void;
+    /**
+     * Handles context changes produced by rendered widgets.
+     */
+    protected handleContextChange(event: AXPWidgetCoreContextChangeEvent): void;
+    /**
+     * Handles tab selection changes.
+     */
     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>;
+    /**
+     * Stores collapsed state for a group.
+     */
+    protected handleCollapsedChange(groupName: string, isCollapsed: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPPropertyViewerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPPropertyViewerComponent, "axp-property-viewer", never, { "tabsInput": { "alias": "tabsInput"; "required": false; "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>;
+declare class AXPPropertyViewerPopupComponent extends AXBasePageComponent {
+    tabs: _angular_core.InputSignal<AXPPropertyViewerTab[]>;
     mode: _angular_core.InputSignal<"simple" | "advanced">;
-    protected currentValues: _angular_core.WritableSignal<any>;
-    protected handlePropertyChanged(event: {
-        values: any;
-        mode: 'init' | 'update';
-    }): void;
+    context: _angular_core.InputSignal<any>;
+    protected readonly propertyViewer: _angular_core.Signal<AXPPropertyViewerComponent | undefined>;
+    protected readonly currentValues: _angular_core.WritableSignal<any>;
+    protected currentMode: 'init' | 'update';
+    constructor();
+    protected handlePropertyChanged(event: AXPPropertyViewerChangedEvent): 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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPPropertyViewerPopupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPPropertyViewerPopupComponent, "axp-property-viewer-popup", never, { "tabs": { "alias": "tabs"; "required": true; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-interface AXPWidgetPropertyViewerConfig {
+interface AXPPropertyViewerConfig {
     title: string;
-    widget: AXPWidgetNode;
+    tabs: AXPPropertyViewerTab[];
+    context?: any;
     mode?: 'simple' | 'advanced';
     size?: 'sm' | 'md' | 'lg' | 'full';
 }
-interface AXPWidgetPropertyViewerResult {
+interface AXPPropertyViewerResult {
     values: any;
     mode: 'init' | 'update';
 }
-declare class AXPWidgetPropertyViewerService {
+declare class AXPPropertyViewerService {
     private readonly popupService;
     /**
-     * Open widget property viewer popup
+     * Open property viewer popup with predefined tabs and context.
      */
-    open(config: AXPWidgetPropertyViewerConfig): Promise<AXPWidgetPropertyViewerResult | null>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPWidgetPropertyViewerService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPWidgetPropertyViewerService>;
+    open(config: AXPPropertyViewerConfig): Promise<AXPPropertyViewerResult | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPPropertyViewerService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPPropertyViewerService>;
 }
 
 declare class AXPQuerySortsComponent {
@@ -1286,6 +1329,90 @@ declare class AXPQueryViewsComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPQueryViewsComponent, "axp-query-views", never, { "views": { "alias": "views"; "required": false; "isSignal": true; }; "selectedView": { "alias": "selectedView"; "required": true; "isSignal": true; }; }, { "views": "viewsChange"; "selectedView": "selectedViewChange"; }, never, never, true, never>;
 }
 
+/**
+ * Compact widget field configurator component
+ * Designed to be embedded in entity definition forms for configuring widget properties
+ */
+declare class AXPWidgetFieldConfiguratorComponent {
+    /**
+     * Widget node configuration (two-way binding)
+     */
+    widget: _angular_core.ModelSignal<AXPWidgetNode>;
+    /**
+     * Label for the widget selector
+     */
+    label: _angular_core.InputSignal<string>;
+    /**
+     * Field name (used in property viewer title)
+     */
+    fieldName: _angular_core.InputSignal<string>;
+    /**
+     * Readonly mode
+     */
+    readonly: _angular_core.InputSignal<boolean>;
+    private readonly widgetRegistry;
+    private readonly widgetPropertyViewerService;
+    private readonly translationService;
+    private readonly formBuilderService;
+    /**
+     * Currently selected widget type
+     */
+    protected selectedWidgetType: _angular_core.WritableSignal<string>;
+    /**
+     * Whether the component is in edit mode (showing select box)
+     */
+    protected isEditMode: _angular_core.WritableSignal<boolean>;
+    /**
+     * Available widgets filtered by FormElement group
+     */
+    protected availableWidgets: _angular_core.Signal<{
+        value: string;
+        text: string;
+        icon: string | undefined;
+        description: string | undefined;
+    }[]>;
+    /**
+     * Current widget configuration details
+     */
+    protected currentWidgetConfig: _angular_core.Signal<{
+        title: string;
+        description: string | undefined;
+        icon: string | undefined;
+        hasProperties: boolean | undefined;
+    } | null>;
+    /**
+     * Whether configure button should be enabled
+     */
+    protected canConfigure: _angular_core.Signal<boolean>;
+    /**
+     * Whether widget has been configured (has options)
+     */
+    protected isConfigured: _angular_core.Signal<boolean>;
+    /**
+     * Whether preview button should be enabled
+     */
+    protected canPreview: _angular_core.Signal<boolean>;
+    /**
+     * Enter edit mode (show select box)
+     */
+    protected enterEditMode(): void;
+    constructor();
+    /**
+     * Handle widget type change
+     */
+    protected onWidgetTypeChange(event: any): Promise<void>;
+    /**
+     * Open widget property viewer
+     */
+    protected openPropertyViewer(): Promise<void>;
+    /**
+     * Open widget preview with actual rendered widget
+     */
+    protected openPreview(): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPWidgetFieldConfiguratorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPWidgetFieldConfiguratorComponent, "axp-widget-field-configurator", never, { "widget": { "alias": "widget"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "fieldName": { "alias": "fieldName"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "widget": "widgetChange"; }, never, never, true, never>;
+}
+
 /**
  * Generic interface for widget item data
  */
@@ -1346,5 +1473,119 @@ 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, AXPColorPalettePickerComponent, AXPColumnItemListComponent, AXPCompareViewComponent, AXPComponentSlot, AXPComponentSlotDirective, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPDataSelectorComponent, AXPDataSelectorService, AXPDragDropListComponent, AXPDynamicFormDesignerComponent, 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, AXPColumnItemListItem, AXPCompareViewField, AXPCompareViewInputs, AXPCompareViewMode, AXPCompareViewObject, AXPComponentSlotConfig, AXPComponentSlotModuleConfigs, AXPDataSelectorColumn, AXPDataSelectorConfig, AXPDragDropListConfig, AXPDragDropListDropEvent, AXPDragDropListItem, AXPDynamicFormDesignerField, AXPDynamicFormDesignerGroup, AXPDynamicFormDesignerState, AXPExtraPropertyItem, AXPExtraPropertySchemaItem, AXPExtraPropertyType, AXPFormElementWidget, AXPImageEditorOpenOptions, AXPTemplateViewerConfig, AXPTemplateViewerResult, AXPUserAvatarData, AXPUserAvatarProvider, AXPUserAvatarSize, AXPUserAvatarStatus, AXPWidgetItemClickEvent, AXPWidgetItemData, AXPWidgetPropertiesChangedEvent, AXPWidgetPropertyTab, AXPWidgetPropertyViewerConfig, AXPWidgetPropertyViewerResult, StateMode };
+interface AXPWidgetPropertyTab {
+    name: string;
+    title: string;
+    groups: {
+        name: string;
+        title: string;
+        isCollapsed: boolean;
+        props: AXPWidgetProperty[];
+    }[];
+}
+interface AXPWidgetPropertiesChangedEvent {
+    values: any;
+    mode: 'init' | 'update';
+}
+declare class AXPWidgetPropertyViewerComponent {
+    widget: _angular_core.InputSignal<AXPWidgetNode>;
+    mode: _angular_core.InputSignal<"simple" | "advanced">;
+    private widgetRegistryService;
+    protected currentTabIndex: WritableSignal<number>;
+    protected config: WritableSignal<AXPWidgetConfig<any> | null>;
+    protected allPoperties: AXPWidgetProperty[];
+    protected tabs: WritableSignal<AXPWidgetPropertyTab[]>;
+    protected groups: _angular_core.Signal<{
+        name: string;
+        title: string;
+        isCollapsed: boolean;
+        props: AXPWidgetProperty[];
+    }[]>;
+    protected groupCollapsedStates: Map<string, boolean>;
+    onChanged: EventEmitter<AXPWidgetPropertiesChangedEvent>;
+    protected context: WritableSignal<any>;
+    protected initialContext: any;
+    constructor();
+    update(values: any): void;
+    private fillTabs;
+    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 AXPWidgetPropertyInjection {
+    property: AXPWidgetProperty;
+    tab?: {
+        name?: string;
+        title?: string;
+    };
+    group?: {
+        name?: string;
+        title?: string;
+    };
+}
+interface AXPWidgetPropertyViewerConfig {
+    title: string;
+    widget: AXPWidgetNode;
+    mode?: 'simple' | 'advanced';
+    /**
+     * Custom property injection configuration.
+     */
+    custom?: {
+        /**
+         * Custom property injection entries.
+         */
+        properties: AXPWidgetPropertyInjection[];
+        /**
+         * Default tab fallback if property injection doesn't specify one.
+         * When omitted, falls back to the first tab or "general".
+         */
+        defaultTab?: {
+            name?: string;
+            title?: string;
+        };
+        /**
+         * Default group fallback when injection doesn't specify a group.
+         * When omitted, falls back to the tab's first group or property defined group.
+         */
+        defaultGroup?: {
+            name?: string;
+            title?: string;
+        };
+    };
+}
+interface AXPWidgetPropertyViewerResult {
+    values: any;
+    mode: 'init' | 'update';
+}
+declare class AXPWidgetPropertyViewerService {
+    private readonly widgetRegistryService;
+    private readonly propertyViewerService;
+    /**
+     * Open widget property viewer popup
+     */
+    open(config: AXPWidgetPropertyViewerConfig): Promise<AXPWidgetPropertyViewerResult | null>;
+    private buildTabs;
+    private buildInitialContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPWidgetPropertyViewerService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPWidgetPropertyViewerService>;
+}
+
+export { AXPActivityLogComponent, AXPCategoryTreeComponent, AXPColorPalettePickerComponent, AXPColumnItemListComponent, AXPCompareViewComponent, AXPComponentSlot, AXPComponentSlotDirective, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPDataSelectorComponent, AXPDataSelectorService, AXPDragDropListComponent, AXPDynamicFormDesignerComponent, AXPExtraPropertiesComponent, AXPExtraPropertiesSchemaComponent, AXPExtraPropertiesValuesComponent, AXPImageEditorPopupComponent, AXPImageEditorService, AXPMenuBadgeHelper, AXPPropertyViewerComponent, AXPPropertyViewerPopupComponent, AXPPropertyViewerService, 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, AXPWidgetFieldConfiguratorComponent, 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, AXPColumnItemListItem, AXPCompareViewField, AXPCompareViewInputs, AXPCompareViewMode, AXPCompareViewObject, AXPComponentSlotConfig, AXPComponentSlotModuleConfigs, AXPDataSelectorColumn, AXPDataSelectorConfig, AXPDragDropListConfig, AXPDragDropListDropEvent, AXPDragDropListItem, AXPDynamicFormDesignerField, AXPDynamicFormDesignerGroup, AXPDynamicFormDesignerState, AXPExtraPropertyItem, AXPExtraPropertySchemaItem, AXPExtraPropertyType, AXPFormElementWidget, AXPImageEditorOpenOptions, AXPPropertyViewerChangedEvent, AXPPropertyViewerConfig, AXPPropertyViewerGroup, AXPPropertyViewerResult, AXPPropertyViewerTab, AXPTemplateViewerConfig, AXPTemplateViewerResult, AXPUserAvatarData, AXPUserAvatarProvider, AXPUserAvatarSize, AXPUserAvatarStatus, AXPWidgetItemClickEvent, AXPWidgetItemData, AXPWidgetPropertiesChangedEvent, AXPWidgetPropertyInjection, AXPWidgetPropertyTab, AXPWidgetPropertyViewerConfig, AXPWidgetPropertyViewerResult, StateMode };

package/layout/designer/index.d.ts

@@ -350,7 +350,7 @@ declare class AXPWidgetDesignerRendererDirective implements OnChanges, OnDestroy
     private currentNodeId;
     private service;
     private viewContainerRef;
-    parentNode: _angular_core.InputSignal<AXPLayoutBaseWidgetComponent | null | undefined>;
+    parentNode: _angular_core.InputSignal<AXPLayoutBaseWidgetComponent<Record<string, any>> | null | undefined>;
     parentElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
     parentComponent: _angular_core.InputSignal<ComponentRef<any> | null | undefined>;
     index: _angular_core.InputSignal<number | null | undefined>;