@acorex/platform 20.5.0-next.1 → 20.5.1

package/layout/components/index.d.ts

@@ -11,6 +11,7 @@ import { AXPWidgetNode, AXPWidgetCoreContextChangeEvent, AXPWidgetProperty, AXPW
 import * as _ngrx_signals from '@ngrx/signals';
 import { AXDataTableComponent, AXDataTableRowDbClick, AXDataTableRowClick } from '@acorex/components/data-table';
 import { AXBasePageComponent } from '@acorex/components/page';
+import { AXDropListDroppedEvent } from '@acorex/cdk/drag-drop';
 import { AXPDynamicFormFieldDefinition, AXPDynamicFormGroupDefinition, AXPDynamicFormDefinition } from '@acorex/platform/layout/builder';
 import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXTagBoxComponent } from '@acorex/components/tag-box';
@@ -18,7 +19,6 @@ import { AXCalendarService } from '@acorex/core/date-time';
 import { AXTabStripChangedEvent, AXTabsComponent } from '@acorex/components/tabs';
 import { AXFormComponent } from '@acorex/components/form';
 import { AXPopupSizeType, AXPopupService } from '@acorex/components/popup';
-import * as _acorex_platform_layout_components from '@acorex/platform/layout/components';
 import { Observable } from 'rxjs';
 
 declare class AXPActivityLogComponent {
@@ -575,6 +575,41 @@ declare class AXPDataSelectorService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPDataSelectorService>;
 }
 
+interface AXPDragDropListItem {
+    id: string;
+    content: string;
+    data?: any;
+    disabled?: boolean;
+    cssClass?: string;
+}
+interface AXPDragDropListConfig {
+    allowReorder?: boolean;
+    allowTransfer?: boolean;
+}
+interface AXPDragDropListDropEvent {
+    previousIndex: number;
+    currentIndex: number;
+    item: AXPDragDropListItem;
+    container: any;
+    previousContainer?: any;
+    isTransfer: boolean;
+}
+
+declare class AXPDragDropListComponent {
+    items: _angular_core.ModelSignal<AXPDragDropListItem[]>;
+    listId: _angular_core.InputSignal<string>;
+    dropListGroup: _angular_core.InputSignal<string>;
+    orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
+    emptyMessage: _angular_core.InputSignal<string>;
+    disable: _angular_core.InputSignal<boolean>;
+    itemClick: _angular_core.OutputEmitterRef<AXPDragDropListItem>;
+    dropListDropped: _angular_core.OutputEmitterRef<AXDropListDroppedEvent>;
+    onDrop(event: AXDropListDroppedEvent): void;
+    onItemClick(item: AXPDragDropListItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPDragDropListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPDragDropListComponent, "axp-drag-drop-list", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "listId": { "alias": "listId"; "required": false; "isSignal": true; }; "dropListGroup": { "alias": "dropListGroup"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; }, { "items": "itemsChange"; "itemClick": "itemClick"; "dropListDropped": "dropListDropped"; }, never, never, true, never>;
+}
+
 interface AXPDynamicFormDesignerField {
     id: string;
     name: string;
@@ -1096,213 +1131,6 @@ declare class AXPTemplateViewerService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPTemplateViewerService>;
 }
 
-interface AXPTreeListNode {
-    id: string;
-    title: string;
-    icon?: string;
-    description?: string;
-    data?: any;
-    children?: AXPTreeListNode[];
-    actions?: AXPTreeListAction[];
-    expanded?: boolean;
-    disabled?: boolean;
-    draggable?: boolean;
-    droppable?: boolean;
-    selectable?: boolean;
-    selected?: boolean;
-    visible?: boolean;
-    cssClass?: string;
-    badge?: {
-        text: string;
-        color?: string;
-    };
-}
-interface AXPTreeListAction {
-    id: string;
-    text: string;
-    icon?: string;
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
-    disabled?: boolean;
-    visible?: boolean;
-    onClick?: (node: AXPTreeListNode) => void;
-}
-interface AXPTreeListConfig {
-    dragEnabled?: boolean;
-    showDragIndicator?: boolean;
-    expandable?: boolean;
-    showLines?: boolean;
-    defaultExpanded?: boolean;
-    multiSelect?: boolean;
-    showCheckboxes?: boolean;
-    showIcons?: boolean;
-    showActions?: boolean;
-    showDescription?: boolean;
-    showBadges?: boolean;
-    indentSize?: number;
-    animationDuration?: number;
-    allowDragToRoot?: boolean;
-    allowDragBetweenLevels?: boolean;
-    validateDrop?: (dragNode: AXPTreeListNode, dropNode: AXPTreeListNode | null, position: DropPosition) => boolean;
-}
-type DropPosition = 'before' | 'after' | 'inside';
-interface AXPTreeListDropEvent {
-    dragNode: AXPTreeListNode;
-    dropNode: AXPTreeListNode | null;
-    position: DropPosition;
-    oldParent: AXPTreeListNode | null;
-    newParent: AXPTreeListNode | null;
-    oldIndex: number;
-    newIndex: number;
-}
-interface AXPTreeListNodeClickEvent {
-    node: AXPTreeListNode;
-    event: MouseEvent;
-}
-interface AXPTreeListNodeExpandEvent {
-    node: AXPTreeListNode;
-    expanded: boolean;
-}
-interface AXPTreeListNodeSelectEvent {
-    node: AXPTreeListNode;
-    selected: boolean;
-    selectedNodes: AXPTreeListNode[];
-}
-type AXPTreeListLook = 'default' | 'folder' | 'card';
-interface AXPTreeListDragState {
-    isDragging: boolean;
-    dragNode: AXPTreeListNode | null;
-    dropTarget: AXPTreeListNode | null;
-    dropPosition: DropPosition | null;
-    canDrop: boolean;
-}
-
-declare class AXPTreeListItemComponent {
-    node: _angular_core.InputSignal<AXPTreeListNode>;
-    level: _angular_core.InputSignal<number>;
-    config: _angular_core.InputSignal<Required<AXPTreeListConfig>>;
-    look: _angular_core.InputSignal<AXPTreeListLook>;
-    expanded: _angular_core.InputSignal<boolean>;
-    selected: _angular_core.InputSignal<boolean>;
-    dragState: _angular_core.InputSignal<AXPTreeListDragState>;
-    expandedNodes: _angular_core.InputSignal<Set<string>>;
-    selectedNodes: _angular_core.InputSignal<Set<string>>;
-    isLastChild: _angular_core.InputSignal<boolean>;
-    dragStart: _angular_core.OutputEmitterRef<AXPTreeListNode>;
-    dragOver: _angular_core.OutputEmitterRef<{
-        node: AXPTreeListNode | null;
-        position: DropPosition;
-    }>;
-    dragEnd: _angular_core.OutputEmitterRef<void>;
-    dragCancel: _angular_core.OutputEmitterRef<void>;
-    nodeClick: _angular_core.OutputEmitterRef<AXPTreeListNode>;
-    toggle: _angular_core.OutputEmitterRef<AXPTreeListNode>;
-    select: _angular_core.OutputEmitterRef<AXPTreeListNode>;
-    dropPosition: _angular_core.WritableSignal<DropPosition | null>;
-    dragOverZone: _angular_core.WritableSignal<"top" | "middle" | "bottom" | null>;
-    hasChildren: _angular_core.Signal<boolean | undefined>;
-    isDragging: _angular_core.Signal<boolean>;
-    isDragOver: _angular_core.Signal<boolean>;
-    canDrop: _angular_core.Signal<boolean>;
-    indentStyle: _angular_core.Signal<{
-        paddingLeft: string;
-    }>;
-    showExpandIcon: _angular_core.Signal<boolean | undefined>;
-    visibleActions: _angular_core.Signal<_acorex_platform_layout_components.AXPTreeListAction[]>;
-    get checkboxValue(): boolean;
-    set checkboxValue(value: boolean);
-    onDragStart(event: DragEvent): void;
-    onDragOver(event: DragEvent): void;
-    onDragLeave(event: DragEvent): void;
-    onDrop(event: DragEvent): void;
-    onDragEnd(event: DragEvent): void;
-    onToggleClick(event: Event): void;
-    onContentClick(event: MouseEvent): void;
-    onActionClick(event: Event, action: any): void;
-    getDropIndicatorClass(): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPTreeListItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPTreeListItemComponent, "axp-tree-list-item", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "dragState": { "alias": "dragState"; "required": true; "isSignal": true; }; "expandedNodes": { "alias": "expandedNodes"; "required": true; "isSignal": true; }; "selectedNodes": { "alias": "selectedNodes"; "required": true; "isSignal": true; }; "isLastChild": { "alias": "isLastChild"; "required": false; "isSignal": true; }; }, { "dragStart": "dragStart"; "dragOver": "dragOver"; "dragEnd": "dragEnd"; "dragCancel": "dragCancel"; "nodeClick": "nodeClick"; "toggle": "toggle"; "select": "select"; }, never, never, true, never>;
-}
-
-declare class AXPTreeListComponent {
-    nodes: _angular_core.ModelSignal<AXPTreeListNode[]>;
-    config: _angular_core.InputSignal<AXPTreeListConfig>;
-    look: _angular_core.InputSignal<AXPTreeListLook>;
-    nodeDrop: _angular_core.OutputEmitterRef<AXPTreeListDropEvent>;
-    nodeClick: _angular_core.OutputEmitterRef<AXPTreeListNodeClickEvent>;
-    nodeExpand: _angular_core.OutputEmitterRef<AXPTreeListNodeExpandEvent>;
-    nodeSelect: _angular_core.OutputEmitterRef<AXPTreeListNodeSelectEvent>;
-    dragState: _angular_core.WritableSignal<AXPTreeListDragState>;
-    expandedNodes: _angular_core.WritableSignal<Set<string>>;
-    selectedNodes: _angular_core.WritableSignal<Set<string>>;
-    mergedConfig: _angular_core.Signal<Required<AXPTreeListConfig>>;
-    constructor();
-    expandAll(): void;
-    collapseAll(): void;
-    expandNode(nodeId: string): void;
-    collapseNode(nodeId: string): void;
-    toggleNode(nodeId: string): void;
-    selectNode(nodeId: string, multiSelect?: boolean): void;
-    clearSelection(): void;
-    getSelectedNodes(): AXPTreeListNode[];
-    onDragStart(node: AXPTreeListNode): void;
-    onDragOver(node: AXPTreeListNode | null, position: DropPosition): void;
-    onDragEnd(): void;
-    onDragCancel(): void;
-    onNodeClick(node: AXPTreeListNode, event: MouseEvent): void;
-    onNodeToggle(node: AXPTreeListNode): void;
-    onNodeSelect(node: AXPTreeListNode): void;
-    private performDrop;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPTreeListComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPTreeListComponent, "axp-tree-list", never, { "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; }, { "nodes": "nodesChange"; "nodeDrop": "nodeDrop"; "nodeClick": "nodeClick"; "nodeExpand": "nodeExpand"; "nodeSelect": "nodeSelect"; }, never, never, true, never>;
-}
-
-/**
- * Helper functions for tree-list node operations
- */
-declare class AXPTreeListHelper {
-    /**
-     * Find a node by its ID in the tree
-     */
-    static findNodeById(nodes: AXPTreeListNode[], nodeId: string): AXPTreeListNode | null;
-    /**
-     * Find a node's parent and index in the tree
-     */
-    static findNodeParentAndIndex(nodes: AXPTreeListNode[], nodeId: string, parent?: AXPTreeListNode | null): {
-        parent: AXPTreeListNode | null;
-        index: number;
-    };
-    /**
-     * Remove a node from the tree by its ID
-     */
-    static removeNode(nodes: AXPTreeListNode[], nodeId: string): AXPTreeListNode[];
-    /**
-     * Check if a node is a descendant of another node
-     */
-    static isDescendant(parent: AXPTreeListNode, child: AXPTreeListNode): boolean;
-    /**
-     * Get all node IDs from the tree
-     */
-    static getAllNodeIds(nodes: AXPTreeListNode[]): string[];
-    /**
-     * Traverse all nodes in the tree and apply a callback
-     */
-    static traverseNodes(nodes: AXPTreeListNode[], callback: (node: AXPTreeListNode) => void): void;
-    /**
-     * Validate if drop is allowed
-     */
-    static validateDrop(dragNode: AXPTreeListNode, dropNode: AXPTreeListNode | null, position: DropPosition, config: Required<AXPTreeListConfig>): boolean;
-    /**
-     * Perform the drop operation on the nodes array
-     */
-    static performDrop(nodes: AXPTreeListNode[], dragNode: AXPTreeListNode, dropNode: AXPTreeListNode | null, position: DropPosition): {
-        newNodes: AXPTreeListNode[];
-        oldParent: AXPTreeListNode | null;
-        newParent: AXPTreeListNode | null;
-        oldIndex: number;
-        newIndex: number;
-    };
-}
-
 type AXPUserAvatarSize = 'small' | 'medium' | 'large';
 type AXPUserAvatarStatus = 'online' | 'offline';
 type AXPUserAvatarData = {
@@ -1470,5 +1298,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, AXPColorPalettePickerComponent, AXPCompareViewComponent, AXPComponentSlot, AXPComponentSlotDirective, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPDataSelectorComponent, AXPDataSelectorService, 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, AXPTreeListComponent, AXPTreeListHelper, AXPTreeListItemComponent, 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, AXPDynamicFormDesignerField, AXPDynamicFormDesignerGroup, AXPDynamicFormDesignerState, AXPExtraPropertyItem, AXPExtraPropertySchemaItem, AXPExtraPropertyType, AXPFormElementWidget, AXPImageEditorOpenOptions, AXPTemplateViewerConfig, AXPTemplateViewerResult, AXPTreeListAction, AXPTreeListConfig, AXPTreeListDragState, AXPTreeListDropEvent, AXPTreeListLook, AXPTreeListNode, AXPTreeListNodeClickEvent, AXPTreeListNodeExpandEvent, AXPTreeListNodeSelectEvent, AXPUserAvatarData, AXPUserAvatarProvider, AXPUserAvatarSize, AXPUserAvatarStatus, AXPWidgetItemClickEvent, AXPWidgetItemData, AXPWidgetPropertiesChangedEvent, AXPWidgetPropertyTab, AXPWidgetPropertyViewerConfig, AXPWidgetPropertyViewerResult, DropPosition, StateMode };
+export { AXPActivityLogComponent, AXPCategoryTreeComponent, AXPColorPalettePickerComponent, 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, 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 };

package/layout/entity/index.d.ts

@@ -16,7 +16,7 @@ import * as i2 from '@acorex/platform/workflow';
 import { AXPWorkflowService, AXPWorkflowAction, AXPWorkflowContext, AXPWorkflow } from '@acorex/platform/workflow';
 import { AXPopupSizeType, AXPopupService } from '@acorex/components/popup';
 import { IActionBuilder, IFormFieldBuilder, AXPDialogRef } from '@acorex/platform/layout/builder';
-import { AXPListWidgetComponentOptions } from '@acorex/platform/layout/widgets';
+import { AXPDataListWidgetComponentOptions } from '@acorex/platform/layout/widgets';
 import * as _ngrx_signals from '@ngrx/signals';
 import * as _acorex_platform_themes_shared from '@acorex/platform/themes/shared';
 import { AXFormatService } from '@acorex/core/format';
@@ -1082,7 +1082,7 @@ declare class AXPEntityListTableService {
     /**
      * Convert Entity to List Widget Options
      */
-    convertEntityToListOptions(entity: AXPEntity, options: any, allActions: AXPEntityCommandTriggerViewModel[]): Promise<AXPListWidgetComponentOptions>;
+    convertEntityToListOptions(entity: AXPEntity, options: any, allActions: AXPEntityCommandTriggerViewModel[]): Promise<AXPDataListWidgetComponentOptions>;
     /**
      * Create DataSource for Entity
      */

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

@@ -117,6 +117,7 @@ interface AXPWidgetTypesMap {
     timeDuration: 'time-duration';
     checkbox: 'checkbox-editor';
     color: 'color-editor';
+    connectedLists: 'connected-lists-editor';
     contact: 'contact-editor';
     dateTime: 'date-time-editor';
     largeText: 'large-text-editor';
@@ -207,7 +208,8 @@ interface AXPWidgetTypesMap {
     notification: 'notification';
     taskBoard: 'task-board';
     comment: 'comment';
-    list: 'list';
+    list: 'list-editor';
+    dataList: 'data-list';
     listToolbar: 'list-toolbar';
     entityList: 'entity-list';
     stepWizard: 'step-wizard';