@acorex/platform 20.2.4-next.9 → 20.3.0-next.1

package/layout/components/index.d.ts

@@ -1,20 +1,17 @@
 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 { Signal, InjectionToken, InputSignal, TemplateRef, ElementRef, OnInit, OnDestroy, Type, ViewContainerRef, ModuleWithProviders, QueryList } from '@angular/core';
 import * as _acorex_platform_core from '@acorex/platform/core';
-import { AXPActivityLog, AXPSystemActionType, AXPColumnQuery, AXPContextData, AXPOptionsData, AXPFilterDefinition, AXPFilterQuery, AXPSortDefinition, AXPSortQuery, AXPViewQuery } from '@acorex/platform/core';
+import { AXPActivityLog, AXPSystemActionType, AXPContextData, AXPFilterDefinition, AXPFilterQuery } from '@acorex/platform/core';
 import { AXPMenuItem } from '@acorex/platform/common';
-import { AXValueChangedEvent, AXHtmlEvent, AXEvent } from '@acorex/cdk/common';
-import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { AXPWidgetNode, AXPLayoutContextChangeEvent, AXPWidgetProperty, AXPWidgetConfig } from '@acorex/platform/layout/builder';
+import { AXPWidgetNode, AXPLayoutContextChangeEvent } from '@acorex/platform/layout/builder';
 import * as _ngrx_signals from '@ngrx/signals';
 import { AXFormComponent } from '@acorex/components/form';
+import { AXHtmlEvent, AXValueChangedEvent, AXEvent } from '@acorex/cdk/common';
 import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXTagBoxComponent } from '@acorex/components/tag-box';
 import { AXCalendarService } from '@acorex/core/date-time';
 import { AXTranslationService } from '@acorex/core/translation';
 import { Observable } from 'rxjs';
-import { AXPopupService } from '@acorex/components/popup';
-import { AXTabsComponent, AXTabStripChangedEvent } from '@acorex/components/tabs';
 
 declare class AXPActivityLogComponent {
     private readonly translateService;
@@ -202,14 +199,6 @@ declare class AXPThemeLayoutContainerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPThemeLayoutContainerComponent, "axp-layout-container", never, {}, {}, never, ["*"], true, never>;
 }
 
-declare class AXPQueryColumnsComponent {
-    columns: _angular_core.ModelSignal<AXPColumnQuery[]>;
-    handleVisibilityChange(e: AXValueChangedEvent<boolean>, name: string): void;
-    protected drop(event: CdkDragDrop<unknown[]>): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPQueryColumnsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPQueryColumnsComponent, "axp-query-columns", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; }, { "columns": "columnsChange"; }, never, never, true, never>;
-}
-
 interface AXPCompareViewField {
     path: string;
     title: string;
@@ -278,7 +267,11 @@ interface AXPComponentSlotConfig {
     component?: Type<any>;
     condition?: ((context?: AXPContextData) => (boolean | Promise<boolean>)) | string;
     loadComponent?: () => Type<any> | Promise<Type<any>>;
-    options?: AXPOptionsData | (() => AXPOptionsData) | (() => Promise<AXPOptionsData>);
+    options?: {
+        [key: string]: unknown;
+    } | (() => {
+        [key: string]: unknown;
+    });
 }
 interface AXPComponentSlotModuleConfigs {
     [slotName: string]: AXPComponentSlotConfig[];
@@ -301,8 +294,8 @@ declare class AXPComponentSlotDirective implements OnInit {
     contextStore: {
         data: _angular_core.Signal<AXPContextData>;
         state: _angular_core.Signal<_acorex_platform_core.AXPContextState>;
-        initialSnapshot: _angular_core.Signal<{}>;
-        previousSnapshot: _angular_core.Signal<{}>;
+        initialSnapshot: _ngrx_signals.DeepSignal<{}>;
+        previousSnapshot: _ngrx_signals.DeepSignal<{}>;
         lastChange: _ngrx_signals.DeepSignal<_acorex_platform_core.AXPContextChangeEvent>;
         isChanged: _angular_core.Signal<boolean>;
         isReset: _angular_core.Signal<boolean>;
@@ -432,6 +425,10 @@ declare class AXPDynamicFormComponent implements OnInit {
      * Computed layout configuration
      */
     protected computedLayout: _angular_core.Signal<AXPDynamicFormLayoutConfig>;
+    /**
+     * Computed form definition
+     */
+    protected computedFormDefinition: _angular_core.Signal<AXPDynamicFormDefinition>;
     /**
      * Host classes based on layout style
      */
@@ -461,131 +458,7 @@ declare class AXPDynamicFormComponent implements OnInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPDynamicFormComponent, "axp-dynamic-form", never, { "formDefinition": { "alias": "formDefinition"; "required": true; "isSignal": true; }; "context": { "alias": "context"; "required": true; "isSignal": true; }; "layoutStyle": { "alias": "layoutStyle"; "required": false; "isSignal": true; }; "layoutConfig": { "alias": "layoutConfig"; "required": false; "isSignal": true; }; }, { "contextChange": "contextChange"; "contextInitiated": "contextInitiated"; "validityChange": "validityChange"; }, never, never, true, never>;
 }
 
-/**
- * Describes a schema-only definition for an extra property (no value).
- */
-interface AXPExtraPropertySchemaItem {
-    /** Unique key for the property (used as identifier) */
-    key: string;
-    /** Human-readable title/label */
-    title: string;
-    /** Widget name/id to render (e.g., 'text-editor', 'checkbox-editor') */
-    type: string;
-    /** Optional widget-specific options */
-    options?: AXPOptionsData;
-}
-/**
- * Describes a single extra property row.
- */
-interface AXPExtraPropertyItem extends AXPExtraPropertySchemaItem {
-    /** Current value bound to the rendered widget */
-    value: unknown;
-}
-/**
- * Describes an available extra property type that user can select when adding rows.
- */
-interface AXPExtraPropertyType {
-    /** Unique id for the type (it should be the same as the widget name) */
-    id: string;
-    /** UI title for selection dropdown */
-    title: string;
-    /** Default widget options applied on create */
-    defaultOptions?: AXPOptionsData;
-}
-/**
- * Injection token to provide available extra property types.
- */
-declare const AXP_EXTRA_PROPERTY_TYPES: InjectionToken<AXPExtraPropertyType[]>;
-
-declare class AXPExtraPropertiesComponent {
-    items: _angular_core.InputSignal<AXPExtraPropertyItem[]>;
-    mode: _angular_core.InputSignal<"edit" | "view">;
-    protected onContextChanged(event: AXPLayoutContextChangeEvent): void;
-    itemsChange: _angular_core.OutputEmitterRef<AXPExtraPropertyItem[]>;
-    private readonly providedTypes;
-    private readonly translationService;
-    protected newKey: WritableSignal<string>;
-    protected newTitle: WritableSignal<string>;
-    protected newTypeId: WritableSignal<string>;
-    protected newValue: WritableSignal<any>;
-    /** Local, ephemeral context for widget rendering */
-    protected internalContext: WritableSignal<Record<string, any>>;
-    private lastTypeByKey;
-    protected draftVersion: WritableSignal<number>;
-    protected draftKey: _angular_core.Signal<string>;
-    protected typeOptions: _angular_core.Signal<AXPExtraPropertyType[]>;
-    protected presetTypes: _angular_core.Signal<AXPExtraPropertyType[]>;
-    protected canAdd: _angular_core.Signal<boolean>;
-    /** Sync incoming items' values into internal context for rendering */
-    private readonly syncContextFromItems;
-    /**
-     * Clear item values when their widget type changes to avoid incompatible stale values
-     */
-    private readonly clearValueOnTypeChange;
-    protected handleAddItem(): void;
-    protected handleRemoveItem(key: string): void;
-    protected handleDrop(event: CdkDragDrop<AXPExtraPropertyItem[]>): void;
-    protected selectPreset(id: string): void;
-    private nodeCache;
-    private draftNodeCache?;
-    protected getNode(item: AXPExtraPropertyItem): AXPWidgetNode;
-    protected draftNode(): AXPWidgetNode;
-    protected newTypeChanged(val: string): void;
-    protected ngOnInit(): void;
-    protected handleTitleChange(val: string): void;
-    protected sanitizeKey(input: string): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPExtraPropertiesComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPExtraPropertiesComponent, "axp-extra-properties", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "itemsChange": "itemsChange"; }, never, never, true, never>;
-}
-
-declare class AXPExtraPropertiesSchemaComponent {
-    schema: _angular_core.InputSignal<AXPExtraPropertySchemaItem[]>;
-    mode: _angular_core.InputSignal<"edit" | "view">;
-    schemaChange: _angular_core.OutputEmitterRef<AXPExtraPropertySchemaItem[]>;
-    private readonly providedTypes;
-    private readonly translationService;
-    protected newTitle: WritableSignal<string>;
-    protected newTypeId: WritableSignal<string>;
-    protected typeOptions: _angular_core.Signal<AXPExtraPropertyType[]>;
-    protected canAdd: _angular_core.Signal<boolean>;
-    protected selectedKey: WritableSignal<string | null>;
-    protected selectedItem: _angular_core.Signal<AXPExtraPropertySchemaItem | null>;
-    constructor();
-    protected handleAdd(): void;
-    protected handleRemove(key: string): void;
-    protected handleDrop(event: CdkDragDrop<AXPExtraPropertySchemaItem[]>): void;
-    protected handleUpdateTitle(key: string, title: string): void;
-    protected handleUpdateType(key: string, typeId: string): void;
-    protected newTypeChanged(val: string): void;
-    protected handleTitleChange(val: string): void;
-    protected handleSelect(key: string): void;
-    protected handleViewerChanged(e: {
-        values: any;
-        mode: 'init' | 'update';
-    }): void;
-    protected deriveKey(input: string): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPExtraPropertiesSchemaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPExtraPropertiesSchemaComponent, "axp-extra-properties-schema", never, { "schema": { "alias": "schema"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "schemaChange": "schemaChange"; }, never, never, true, never>;
-}
-
-declare class AXPExtraPropertiesValuesComponent {
-    schema: _angular_core.InputSignal<AXPExtraPropertySchemaItem[]>;
-    values: _angular_core.InputSignal<Record<string, any>>;
-    mode: _angular_core.InputSignal<"edit" | "view">;
-    valuesChange: _angular_core.OutputEmitterRef<Record<string, any>>;
-    isRequired: (item: AXPExtraPropertySchemaItem) => any;
-    protected internalContext: _angular_core.WritableSignal<Record<string, any>>;
-    private nodeCache;
-    private lastTypeByKey;
-    protected onContextChanged(event: AXPLayoutContextChangeEvent): void;
-    private readonly syncContextFromInputs;
-    private readonly clearOnSchemaTypeChange;
-    protected getNode(item: AXPExtraPropertySchemaItem): AXPWidgetNode;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPExtraPropertiesValuesComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPExtraPropertiesValuesComponent, "axp-extra-properties-values", never, { "schema": { "alias": "schema"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "valuesChange": "valuesChange"; }, never, never, true, never>;
-}
-
-declare class AXPQueryFiltersComponent {
+declare class AXPLayoutFiltersComponent {
     #private;
     protected translate: AXTranslationService;
     protected calendarService: AXCalendarService;
@@ -623,21 +496,8 @@ declare class AXPQueryFiltersComponent {
     handlePopoverClosed(e: AXEvent): void;
     protected onPopoverOpened(e: AXEvent): void;
     protected deactivateAllListItems(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPQueryFiltersComponent, never>;
-    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 AXPQuerySortsComponent {
-    sortDefinitions: _angular_core.ModelSignal<AXPSortDefinition[]>;
-    sortQueries: _angular_core.WritableSignal<AXPSortQuery[]>;
-    initialSortQueries: _angular_core.InputSignal<AXPSortQuery[]>;
-    sortQueriesChange: _angular_core.OutputEmitterRef<AXPSortQuery[]>;
-    constructor();
-    protected drop(event: CdkDragDrop<unknown[]>): void;
-    getSortDirection(item: AXPSortDefinition): "desc" | "asc" | undefined;
-    protected changeItemSort(item: AXPSortDefinition): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPQuerySortsComponent, never>;
-    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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPLayoutFiltersComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPLayoutFiltersComponent, "axp-layout-filters", never, { "filtersDefinitions": { "alias": "filtersDefinitions"; "required": false; "isSignal": true; }; "initialFilters": { "alias": "initialFilters"; "required": false; "isSignal": true; }; }, { "onFiltersChanged": "onFiltersChanged"; }, never, never, true, never>;
 }
 
 type AXPUserAvatarSize = 'small' | 'medium' | 'large';
@@ -731,21 +591,6 @@ declare class AXPUserAvatarComponent implements OnInit, OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPUserAvatarComponent, "axp-user-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "userId": { "alias": "userId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class AXPQueryViewsComponent {
-    #private;
-    protected popupService: AXPopupService;
-    protected translate: AXTranslationService;
-    protected tabs: _angular_core.Signal<AXTabsComponent | undefined>;
-    views: _angular_core.ModelSignal<AXPViewQuery[]>;
-    selectedView: _angular_core.ModelSignal<AXPViewQuery>;
-    protected isMounted: _angular_core.WritableSignal<boolean>;
-    ngAfterViewInit(): void;
-    setView(view: AXPViewQuery): void;
-    handleActiveChange(e: any): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPQueryViewsComponent, never>;
-    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>;
-}
-
 /**
  * Generic interface for widget item data
  */
@@ -806,47 +651,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>;
 }
 
-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: AXPLayoutContextChangeEvent): 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>;
-}
-
-export { AXPActivityLogComponent, AXPCompareViewComponent, AXPComponentSlot, AXPComponentSlotDirective, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPDynamicFormComponent, AXPExtraPropertiesComponent, AXPExtraPropertiesSchemaComponent, AXPExtraPropertiesValuesComponent, AXPMenuBadgeHelper, AXPQueryColumnsComponent, AXPQueryFiltersComponent, AXPQuerySortsComponent, AXPQueryViewsComponent, AXPTaskBadgeDirective, AXPTaskBadgeProvider, AXPTaskBadgeService, 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 { AXPCompareViewField, AXPCompareViewInputs, AXPCompareViewMode, AXPCompareViewObject, AXPComponentSlotConfig, AXPComponentSlotModuleConfigs, AXPDynamicFormDefinition, AXPDynamicFormFieldDefinition, AXPDynamicFormGroupDefinition, AXPDynamicFormLayoutConfig, AXPDynamicFormLayoutStyle, AXPExtraPropertyItem, AXPExtraPropertySchemaItem, AXPExtraPropertyType, AXPUserAvatarData, AXPUserAvatarProvider, AXPUserAvatarSize, AXPUserAvatarStatus, AXPWidgetItemClickEvent, AXPWidgetItemData, AXPWidgetPropertiesChangedEvent, AXPWidgetPropertyTab };
+export { AXPActivityLogComponent, AXPCompareViewComponent, AXPComponentSlot, AXPComponentSlotDirective, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPDynamicFormComponent, AXPLayoutFiltersComponent, AXPMenuBadgeHelper, AXPTaskBadgeDirective, AXPTaskBadgeProvider, AXPTaskBadgeService, AXPThemeLayoutActionsComponent, AXPThemeLayoutBlockComponent, AXPThemeLayoutContainerComponent, AXPThemeLayoutEndSideComponent, AXPThemeLayoutFooterComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutListComponent, AXPThemeLayoutListItemComponent, AXPThemeLayoutListItemsGroupComponent, AXPThemeLayoutPageHeaderComponent, AXPThemeLayoutPagePrimaryActionsComponent, AXPThemeLayoutPageSecondaryActionsComponent, AXPThemeLayoutSectionComponent, AXPThemeLayoutStartSideComponent, AXPThemeLayoutToolbarComponent, AXPUserAvatarComponent, AXPUserAvatarService, AXPWidgetItemComponent, AXP_TASK_BADGE_PROVIDERS, AXP_USER_AVATAR_PROVIDER };
+export type { AXPCompareViewField, AXPCompareViewInputs, AXPCompareViewMode, AXPCompareViewObject, AXPComponentSlotConfig, AXPComponentSlotModuleConfigs, AXPDynamicFormDefinition, AXPDynamicFormFieldDefinition, AXPDynamicFormGroupDefinition, AXPDynamicFormLayoutConfig, AXPDynamicFormLayoutStyle, AXPUserAvatarData, AXPUserAvatarProvider, AXPUserAvatarSize, AXPUserAvatarStatus, AXPWidgetItemClickEvent, AXPWidgetItemData };

package/layout/designer/index.d.ts

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