@acorex/platform 21.0.0-next.1 → 21.0.0-next.11

package/layout/builder/index.d.ts

@@ -10,6 +10,11 @@ import { AXStepWizardLook } from '@acorex/components/step-wizard';
 import { AXPGridLayoutOptions, AXPExpression, AXPValidationRules, AXPOptionsData, AXPActionMenuItem } from '@acorex/platform/core';
 import { AXBasePageComponent } from '@acorex/components/page';
 
+/**
+ * Extended widget node properties (excluding type, path, name, options, children)
+ * These properties can be passed as a third parameter to customWidget method
+ */
+type AXPWidgetNodeExtendedProperties = Omit<AXPWidgetNode, 'type' | 'path' | 'name' | 'options'>;
 /**
  * Form appearance and density styling (using fieldset widget look)
  */
@@ -384,7 +389,7 @@ interface AXPWidgetConfiguration {
     options?: AXPOptionsData;
 }
 type LayoutBuilderState = AXPWidgetNode;
-type WidgetBuilderState = Omit<AXPWidgetNode, 'children'> & {
+type WidgetBuilderState = AXPWidgetNode & {
     layout?: AXPGridLayoutOptions;
 };
 type FormFieldBuilderState = AXPWidgetNode & {
@@ -415,6 +420,11 @@ interface ILayoutBuilder {
     dialog(delegate: (container: IDialogBuilder) => void): IDialogBuilder;
     stepWizard(delegate: (wizard: IStepWizardBuilder) => void): ILayoutBuilder;
     build(): AXPWidgetNode;
+    toJson(options?: {
+        removeMeta?: boolean;
+        removeFunctions?: boolean;
+        pretty?: boolean;
+    }): string;
 }
 interface IWidgetBuilder {
     name(name: string): IWidgetBuilder;
@@ -540,6 +550,7 @@ interface IFormFieldBuilder extends IBaseContainerBuilder<IFormFieldBuilder>, IL
     toggleSwitch(options?: Omit<ToggleSwitchOptions, 'path'>): IFormFieldBuilder;
     colorBox(options?: Omit<ColorBoxOptions, 'path'>): IFormFieldBuilder;
     customWidget<T>(type: string, options?: Omit<T, 'path'>): IFormFieldBuilder;
+    customWidget<T>(type: string, options?: Omit<T, 'path'> & Partial<AXPWidgetNodeExtendedProperties>): IFormFieldBuilder;
 }
 interface IFieldsetContainerBuilder extends IBaseContainerBuilder<IFieldsetContainerBuilder>, ILayoutContainerBuilder<IFieldsetContainerBuilder> {
     setOptions(options: AXPFieldsetContainerOptions): IFieldsetContainerBuilder;
@@ -565,6 +576,7 @@ interface IDialogBuilder {
     content(delegate: (layoutBuilder: IFlexContainerBuilder) => void): IDialogBuilder;
     setActions(delegate?: (actions: IActionBuilder) => void): IDialogBuilder;
     addCustomAction(action: AXPActionMenuItem): IDialogBuilder;
+    build(): AXPWidgetNode;
     show(): Promise<AXPDialogRef>;
 }
 interface IListWidgetBuilder extends IBaseContainerBuilder<IListWidgetBuilder>, ILayoutContainerBuilder<IListWidgetBuilder>, IChildContainerBuilder<IListWidgetBuilder>, IWidgetContainerBuilder<IListWidgetBuilder> {
@@ -847,8 +859,8 @@ declare class AXPDialogRendererComponent extends AXBasePageComponent implements
     private evalBool;
     private resolveApi;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPDialogRendererComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPDialogRendererComponent, "axp-dialog-renderer", never, { "config": { "alias": "config"; "required": false; }; }, { "result": "result"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPDialogRendererComponent, "axp-dialog-renderer", never, {}, { "result": "result"; }, never, never, true, never>;
 }
 
 export { AXPDialogRendererComponent, AXPLayoutBuilderService, AXPLayoutConversionService, AXPLayoutRendererComponent, LayoutBuilderModule };
-export type { AXPDialogContainerOptions, AXPDialogRef, AXPDynamicFormDefinition, AXPDynamicFormDirection, AXPDynamicFormFieldDefinition, AXPDynamicFormGroupDefinition, AXPDynamicFormLook, AXPDynamicFormMode, AXPFieldsetContainerOptions, AXPFlexContainerOptions, AXPFormFieldOptions, AXPGridContainerOptions, AXPListWidgetColumn, AXPListWidgetOptions, AXPListWidgetRowCommand, AXPPageContainerOptions, AXPPanelContainerOptions, AXPStepDefinition, AXPStepWizardContainerOptions, AXPStepWizardDefinition, AXPStepWizardGuardPayload, AXPStepWizardStatus, AXPTabsetContainerOptions, AXPWidgetConfiguration, AXPWizardActionDefinition, AXPWizardActions, ColorBoxOptions, DateTimeBoxOptions, DialogBuilderState, DialogRendererConfig, DialogRendererResult, FormFieldBuilderState, IActionBuilder, IBaseContainerBuilder, IChildContainerBuilder, IDialogBuilder, IFieldsetContainerBuilder, IFlexContainerBuilder, IFormFieldBuilder, IGridContainerBuilder, ILayoutBuilder, ILayoutContainerBuilder, IListWidgetBuilder, IPageContainerBuilder, IPanelContainerBuilder, IStepBuilder, IStepWizardBuilder, ITabsetContainerBuilder, IWidgetBuilder, IWidgetContainerBuilder, InheritanceContext, InheritedProperties, LargeTextBoxOptions, LayoutBuilderState, LayoutWidgetOptions, LookupBoxOptions, NumberBoxOptions, PasswordBoxOptions, RichTextOptions, SelectBoxOptions, SelectionListOptions, TextBoxOptions, ToggleSwitchOptions, ValueWidgetOptions, WidgetBuilderState };
+export type { AXPDialogContainerOptions, AXPDialogRef, AXPDynamicFormDefinition, AXPDynamicFormDirection, AXPDynamicFormFieldDefinition, AXPDynamicFormGroupDefinition, AXPDynamicFormLook, AXPDynamicFormMode, AXPFieldsetContainerOptions, AXPFlexContainerOptions, AXPFormFieldOptions, AXPGridContainerOptions, AXPListWidgetColumn, AXPListWidgetOptions, AXPListWidgetRowCommand, AXPPageContainerOptions, AXPPanelContainerOptions, AXPStepDefinition, AXPStepWizardContainerOptions, AXPStepWizardDefinition, AXPStepWizardGuardPayload, AXPStepWizardStatus, AXPTabsetContainerOptions, AXPWidgetConfiguration, AXPWidgetNodeExtendedProperties, AXPWizardActionDefinition, AXPWizardActions, ColorBoxOptions, DateTimeBoxOptions, DialogBuilderState, DialogRendererConfig, DialogRendererResult, FormFieldBuilderState, IActionBuilder, IBaseContainerBuilder, IChildContainerBuilder, IDialogBuilder, IFieldsetContainerBuilder, IFlexContainerBuilder, IFormFieldBuilder, IGridContainerBuilder, ILayoutBuilder, ILayoutContainerBuilder, IListWidgetBuilder, IPageContainerBuilder, IPanelContainerBuilder, IStepBuilder, IStepWizardBuilder, ITabsetContainerBuilder, IWidgetBuilder, IWidgetContainerBuilder, InheritanceContext, InheritedProperties, LargeTextBoxOptions, LayoutBuilderState, LayoutWidgetOptions, LookupBoxOptions, NumberBoxOptions, PasswordBoxOptions, RichTextOptions, SelectBoxOptions, SelectionListOptions, TextBoxOptions, ToggleSwitchOptions, ValueWidgetOptions, WidgetBuilderState };

package/layout/components/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { Signal, InjectionToken, InputSignal, TemplateRef, ElementRef, OnInit, OnDestroy, Type, ViewContainerRef, ModuleWithProviders, QueryList, OnChanges, EventEmitter, WritableSignal } from '@angular/core';
+import { Signal, InjectionToken, InputSignal, TemplateRef, ElementRef, OnDestroy, OnInit, Type, ViewContainerRef, ModuleWithProviders, QueryList, OnChanges, EventEmitter, WritableSignal } from '@angular/core';
 import * as _acorex_platform_core from '@acorex/platform/core';
 import { AXPActivityLog, AXPSystemActionType, AXPCategoryEntity, AXPColumnQuery, AXPContextData, AXPOptionsData, AXPFilterDefinition, AXPFilterQuery, AXPSortDefinition, AXPSortQuery, AXPMetaData, AXPViewQuery } from '@acorex/platform/core';
 import { AXPMenuItem } from '@acorex/platform/common';
@@ -336,18 +336,28 @@ interface AXPColumnItemListItem {
     id: string;
     content: string;
 }
-declare class AXPColumnItemListComponent {
+declare class AXPColumnItemListComponent implements OnDestroy {
     items: _angular_core.InputSignal<AXPColumnItemListItem[]>;
+    itemTemplate: _angular_core.InputSignal<TemplateRef<{
+        $implicit: AXPColumnItemListItem;
+    }> | null>;
     itemClick: _angular_core.OutputEmitterRef<AXPColumnItemListItem>;
+    protected itemsContainer: _angular_core.Signal<ElementRef<any> | undefined>;
     protected moreButton: _angular_core.Signal<ElementRef<any> | undefined>;
     protected morePopover: _angular_core.Signal<AXPopoverComponent | undefined>;
     protected isMorePopoverOpen: _angular_core.WritableSignal<boolean>;
+    protected hasOverflow: _angular_core.WritableSignal<boolean>;
+    private resizeObserver?;
+    constructor();
+    ngOnDestroy(): void;
     protected showMoreItems(): void;
     protected onMorePopoverOpenChange(event: any): void;
     private openMorePopover;
     protected submitClick(event: AXPColumnItemListItem): void;
+    private checkOverflow;
+    private setupResizeObserver;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPColumnItemListComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPColumnItemListComponent, "axp-column-item-list", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPColumnItemListComponent, "axp-column-item-list", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
 }
 
 declare class AXPQueryColumnsComponent {
@@ -512,6 +522,7 @@ interface AXPDataSelectorColumn {
     title: string;
     visible: boolean;
     dataPath?: string;
+    width?: string;
     widget: {
         type: string;
         options: any;
@@ -606,6 +617,7 @@ declare class AXPDataSelectorComponent extends AXBasePageComponent {
 declare class AXPDataSelectorService {
     private readonly popupService;
     private readonly expressionService;
+    private readonly columnWidthService;
     /**
      * Open data selector popup
      */
@@ -624,6 +636,10 @@ declare class AXPDataSelectorService {
     }): Promise<{
         items: any[];
     } | null>;
+    /**
+     * Apply column width resolution to all columns using the column width service
+     */
+    private applyColumnWidths;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPDataSelectorService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPDataSelectorService>;
 }
@@ -988,15 +1004,16 @@ declare class AXPSpreadsheetComponent {
         row: Record<string, any>;
     }[]>;
     /**
-     * Check if spreadsheet is empty
+     * Check if spreadsheet is completely empty (both columns and rows)
      */
     protected isEmpty: _angular_core.Signal<boolean>;
     /**
-     * Check if only columns are empty
+     * Check if columns are empty (regardless of rows)
+     * When columns are empty, we should show a message about missing columns, not rows
      */
     protected isColumnsEmpty: _angular_core.Signal<boolean>;
     /**
-     * Check if only rows are empty
+     * Check if only rows are empty (columns exist but no rows)
      */
     protected isRowsEmpty: _angular_core.Signal<boolean>;
     constructor();