@acorex/platform 20.6.0-next.0 → 20.6.0-next.10

package/layout/builder/index.d.ts

@@ -42,6 +42,10 @@ interface AXPDynamicFormGroupDefinition {
      * Optional per-section rendering mode. Takes precedence over form mode and is overridden by field mode.
      */
     mode?: AXPDynamicFormMode;
+    /**
+     * Visual appearance of the group (fieldset, card, group, container)
+     */
+    look?: 'fieldset' | 'card' | 'group' | 'container';
 }
 interface AXPDynamicFormDefinition {
     groups: AXPDynamicFormGroupDefinition[];
@@ -215,7 +219,7 @@ interface AXPFieldsetContainerOptions extends LayoutWidgetOptions {
     icon?: string;
     collapsible?: boolean;
     isOpen?: boolean;
-    look?: 'fieldset' | 'card' | 'group';
+    look?: 'fieldset' | 'card' | 'group' | 'container';
     disabled?: boolean;
     showHeader?: boolean;
     cols?: number;
@@ -538,7 +542,7 @@ interface IFieldsetContainerBuilder extends IBaseContainerBuilder<IFieldsetConta
     setIcon(icon: string): IFieldsetContainerBuilder;
     setCollapsible(collapsible: boolean): IFieldsetContainerBuilder;
     setIsOpen(isOpen: boolean): IFieldsetContainerBuilder;
-    setLook(look: 'fieldset' | 'card' | 'group'): IFieldsetContainerBuilder;
+    setLook(look: 'fieldset' | 'card' | 'group' | 'container'): IFieldsetContainerBuilder;
     setShowHeader(showHeader: boolean): IFieldsetContainerBuilder;
     setCols(cols: number): IFieldsetContainerBuilder;
     formField(label: string, delegate?: (field: IFormFieldBuilder) => void): IFieldsetContainerBuilder;

package/layout/components/index.d.ts

@@ -8,7 +8,7 @@ import { AXTreeViewComponent, AXTreeItemClickBaseEvent } from '@acorex/component
 import { AXTranslationService } from '@acorex/core/translation';
 import { AXPopoverComponent } from '@acorex/components/popover';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { AXPWidgetNode, AXPWidgetCoreContextChangeEvent, AXPWidgetProperty, AXPWidgetConfig } from '@acorex/platform/layout/widget-core';
+import { AXPWidgetNode, AXPWidgetCoreContextChangeEvent, AXPWidgetRendererDirective, 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';
@@ -265,6 +265,8 @@ declare class AXPCategoryTreeComponent {
     tree: _angular_core.Signal<AXTreeViewComponent | undefined>;
     isLoading: _angular_core.WritableSignal<boolean>;
     searchValue: _angular_core.WritableSignal<string>;
+    private loadingTimeoutId;
+    private readonly LOADING_DELAY;
     protected treeItems: _angular_core.WritableSignal<AXPCategoryTreeNode[]>;
     protected emptyStateTitle: _angular_core.Signal<string>;
     protected emptyStateDescription: _angular_core.Signal<string>;
@@ -282,6 +284,14 @@ declare class AXPCategoryTreeComponent {
     private convertEntitiesToTreeNodes;
     private updateNodeChildren;
     refreshTree(parentId?: string): Promise<void>;
+    /**
+     * Set loading state with delay to avoid flickering for fast responses
+     */
+    private setLoadingWithDelay;
+    /**
+     * Clear loading state and cancel any pending timeout
+     */
+    private clearLoadingState;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPCategoryTreeComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPCategoryTreeComponent, "axp-category-tree", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "events": { "alias": "events"; "required": false; "isSignal": true; }; }, { "nodeClick": "nodeClick"; "nodeSelect": "nodeSelect"; "nodeCreate": "nodeCreate"; "nodeUpdate": "nodeUpdate"; "nodeDelete": "nodeDelete"; "searchChange": "searchChange"; "collapseChange": "collapseChange"; }, never, never, true, never>;
 }
@@ -649,6 +659,7 @@ interface AXPDynamicFormDesignerGroup {
     fields: AXPDynamicFormDesignerField[];
     mode?: 'view' | 'edit';
     layout?: AXPGridLayoutOptions;
+    look?: 'fieldset' | 'card' | 'group' | 'container';
 }
 interface AXPDynamicFormDesignerState {
     groups: AXPDynamicFormDesignerGroup[];
@@ -684,6 +695,8 @@ declare class AXPDynamicFormDesignerComponent {
     private readonly widgetRegistry;
     private readonly formBuilderService;
     private readonly widgetPropertyViewerService;
+    private readonly translationService;
+    private readonly DEFAULT_GROUP_NAME;
     protected selectedFieldId: _angular_core.WritableSignal<string | null>;
     private designerState;
     protected availableWidgets: _angular_core.Signal<AXPFormElementWidget[]>;
@@ -692,7 +705,17 @@ declare class AXPDynamicFormDesignerComponent {
         text: string;
     }[]>;
     protected getAllFields: _angular_core.Signal<AXPDynamicFormDesignerField[]>;
+    protected isDefaultGroup: (groupName: string) => boolean;
+    protected canDeleteGroup: _angular_core.Signal<boolean>;
     protected designerGroups: _angular_core.Signal<AXPDynamicFormDesignerGroup[]>;
+    /**
+     * Create the default group for ungrouped fields
+     */
+    private createDefaultGroup;
+    /**
+     * Ensure form definition has at least the default group
+     */
+    private ensureDefaultGroup;
     /**
      * Effect to log form definition changes
      */
@@ -716,8 +739,9 @@ declare class AXPDynamicFormDesignerComponent {
     /**
      * Add a new field to the form
      * @param field The field to add
+     * @param groupName Optional group name to add the field to. Defaults to the default group or first group.
      */
-    addField(field: AXPDynamicFormDesignerField): void;
+    addField(field: AXPDynamicFormDesignerField, groupName?: string): void;
     /**
      * Update an existing field
      * @param fieldId The ID of the field to update
@@ -932,6 +956,7 @@ declare class AXPQueryFiltersComponent {
     initialFilters: _angular_core.InputSignal<AXPFilterQuery[]>;
     onFiltersChanged: _angular_core.OutputEmitterRef<AXPFilterQuery[]>;
     protected tagBox: _angular_core.Signal<AXTagBoxComponent | undefined>;
+    protected widgetRenderer: _angular_core.Signal<AXPWidgetRendererDirective | undefined>;
     tagBoxInput: any;
     listItems: QueryList<any>;
     protected selectedField: _angular_core.WritableSignal<string | null>;
@@ -954,13 +979,18 @@ declare class AXPQueryFiltersComponent {
     handleApplyFilter(): void;
     handleButtonKeyDown(e: Event): void;
     handleKeyDown(e: AXHtmlEvent<KeyboardEvent>): void;
+    onEnterKeyPressed(e: Event): void;
+    handleTagClick(item: any): void;
+    handleRemoveTag(e: Event, index: number): void;
     handleSelectFilters(e: AXValueChangedEvent): void;
+    handleAddAllInlineFilters(): void;
     protected getActiveOperator(filter: AXPFilterDefinition | null): string | undefined;
     handleSelectInlineFilter(filter: AXPFilterDefinition): void;
     handleInlineFilterKeyDown(e: KeyboardEvent, filter: AXPFilterDefinition): void;
     handlePopoverClosed(e: AXEvent): void;
     protected onPopoverOpened(e: AXEvent): void;
     protected deactivateAllListItems(): void;
+    protected handleKeyboardEvent(event: KeyboardEvent): Promise<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>;
 }

package/layout/entity/index.d.ts

@@ -20,6 +20,7 @@ import { AXPDataListWidgetComponentOptions } from '@acorex/platform/layout/widge
 import * as _ngrx_signals from '@ngrx/signals';
 import * as _acorex_platform_themes_shared from '@acorex/platform/themes/shared';
 import { AXFormatService } from '@acorex/core/format';
+import { AXSelectBoxComponent } from '@acorex/components/select-box';
 import { AXTagBoxComponent } from '@acorex/components/tag-box';
 import { AXTextBoxComponent } from '@acorex/components/text-box';
 import { AXPWidgetPropertiesChangedEvent } from '@acorex/platform/layout/components';
@@ -1229,6 +1230,7 @@ declare class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
     protected showToolbar: _angular_core.Signal<any>;
     protected allActions: _angular_core.Signal<AXPEntityCommandTriggerViewModel[]>;
     protected primaryActions: _angular_core.Signal<AXPActionMenuItem[]>;
+    protected handleUnselectAll(): void;
     protected secondaryActions: _angular_core.Signal<AXPActionMenuItem[]>;
     protected handleActionClick(item: AXPActionMenuItem): void;
     protected handleSecondaryActionClick(item: AXPActionMenuItem): void;
@@ -1304,12 +1306,18 @@ declare const AXPEntityReferenceWidget: AXPWidgetConfig;
 declare class AXPLookupFilterWidgetEditComponent extends AXPValueWidgetComponent<any> {
     #private;
     protected editorPath: string;
+    protected lookupWidgetRenderer: _angular_core.Signal<AXPWidgetRendererDirective | undefined>;
     protected entity: _angular_core.Signal<string>;
     protected textField: _angular_core.Signal<string>;
     protected valueField: _angular_core.Signal<string>;
     protected customFilter: _angular_core.Signal<AXDataSourceFilterOption>;
     protected multiple: _angular_core.Signal<boolean>;
     protected lookupNode: _angular_core.WritableSignal<AXPWidgetNode>;
+    private shouldFocus;
+    /**
+     * Public focus method to trigger focusing
+     */
+    focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPLookupFilterWidgetEditComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPLookupFilterWidgetEditComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }
@@ -1341,16 +1349,6 @@ declare class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent<any>
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPLookupWidgetViewComponent, "axp-lookup-widget-view", never, {}, {}, never, never, true, never>;
 }
 
-type AXPLookupWidgetLookType = 'select' | 'lookup';
-interface AXPLookupWidgetOptions {
-    disabled?: boolean | AXPExpression;
-    readonly?: boolean | AXPExpression;
-    placeholder?: string;
-    expose?: string | string[];
-    look?: AXPLookupWidgetLookType;
-    allowClear?: boolean;
-}
-
 interface AXPEntityDataSelectorOptions {
     entity: AXPEntity;
     title: string;
@@ -1414,6 +1412,16 @@ declare class AXPEntityDataSelectorService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPEntityDataSelectorService>;
 }
 
+type AXPLookupWidgetLookType = 'select' | 'lookup';
+interface AXPLookupWidgetOptions {
+    disabled?: boolean | AXPExpression;
+    readonly?: boolean | AXPExpression;
+    placeholder?: string;
+    expose?: string | string[];
+    look?: AXPLookupWidgetLookType;
+    allowClear?: boolean;
+}
+
 declare class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent<any> {
     #private;
     protected readonly injector: Injector;
@@ -1422,6 +1430,9 @@ declare class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent<any>
     protected readonly popupService: AXPopupService;
     protected readonly entityDataSelectorService: AXPEntityDataSelectorService;
     private readonly translateService;
+    protected selectBox: _angular_core.Signal<AXSelectBoxComponent | undefined>;
+    protected tagBox: _angular_core.Signal<AXTagBoxComponent | undefined>;
+    private shouldFocus;
     protected expose: _angular_core.Signal<string | any[] | undefined>;
     protected entity: _angular_core.Signal<string>;
     protected disabled: _angular_core.Signal<string>;
@@ -1460,6 +1471,10 @@ declare class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent<any>
     private searchByValue;
     private mergeFilter;
     private singleOrMultiple;
+    /**
+     * Public focus method to trigger focusing
+     */
+    focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPLookupWidgetEditComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPLookupWidgetEditComponent, "axp-lookup-widget-edit", never, {}, {}, never, never, true, never>;
 }

package/layout/views/index.d.ts

@@ -652,6 +652,7 @@ declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent i
     getBackButton(): Promise<AXPBackButton | null>;
     onBackButtonClick(): Promise<void>;
     execute(command: AXPExecuteCommand): Promise<void>;
+    protected handleKeyboardEvent(event: KeyboardEvent): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPLayoutDetailsViewComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPLayoutDetailsViewComponent, "axp-layout-details-view", never, { "adapter": { "alias": "adapter"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/layout/widget-core/index.d.ts

@@ -150,6 +150,7 @@ interface AXPWidgetTypesMap {
     grid: 'grid-layout';
     gridItem: 'grid-item-layout';
     qrcode: 'qrcode';
+    schedulerPicker: 'scheduler-picker';
     widgetSelector: 'widget-selector';
     template: 'template';
     templateDesigner: 'template-designer';
@@ -214,7 +215,9 @@ interface AXPWidgetTypesMap {
     entityList: 'entity-list';
     stepWizard: 'step-wizard';
     documentUploader: 'document-uploader';
+    editorJs: 'editor-js-editor';
     signatureList: 'signature-list';
+    status: 'status-widget';
 }
 
 interface AXPWidgetPropertyGroup {
@@ -465,9 +468,15 @@ declare abstract class AXPDataListWidgetComponent extends AXPValueWidgetComponen
     private dataService;
     protected textField: _angular_core.Signal<string>;
     protected valueField: _angular_core.Signal<string>;
+    protected textTemplate: _angular_core.Signal<string>;
     protected dataSource: _angular_core.WritableSignal<AXDataSource<any>>;
     protected isReady: _angular_core.Signal<boolean>;
     selectedItems: _angular_core.WritableSignal<any[]>;
+    /**
+     * Track the last loaded string dataSource reference to prevent infinite loops
+     * Only used for string-based datasources (not arrays or AXDataSource instances)
+     */
+    private lastStringDataSourceRef;
     private rf;
     protected extractItem(item: unknown): Promise<any>;
     private effect2;
@@ -817,6 +826,11 @@ declare class AXPWidgetRendererDirective {
         sender: AXPWidgetRendererDirective;
         widget: AXPValueWidgetComponent;
     }>;
+    /**
+     * Signal that emits the component reference when it's ready
+     */
+    private _componentRefSignal;
+    componentRefSignal: _angular_core.Signal<ComponentRef<any> | null>;
     protected mergedOptions: WritableSignal<any>;
     private injector;
     protected builderService: AXPWidgetCoreService;