@acorex/components 21.0.0-next.12 → 21.0.0-next.13

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "21.0.0-next.12",
+  "version": "21.0.0-next.13",
   "peerDependencies": {
-    "@acorex/core": "21.0.0-next.12",
-    "@acorex/cdk": "21.0.0-next.12",
+    "@acorex/core": "21.0.0-next.13",
+    "@acorex/cdk": "21.0.0-next.13",
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",
@@ -68,14 +68,14 @@
       "types": "./accordion/index.d.ts",
       "default": "./fesm2022/acorex-components-accordion.mjs"
     },
-    "./action-sheet": {
-      "types": "./action-sheet/index.d.ts",
-      "default": "./fesm2022/acorex-components-action-sheet.mjs"
-    },
     "./alert": {
       "types": "./alert/index.d.ts",
       "default": "./fesm2022/acorex-components-alert.mjs"
     },
+    "./action-sheet": {
+      "types": "./action-sheet/index.d.ts",
+      "default": "./fesm2022/acorex-components-action-sheet.mjs"
+    },
     "./aspect-ratio": {
       "types": "./aspect-ratio/index.d.ts",
       "default": "./fesm2022/acorex-components-aspect-ratio.mjs"
@@ -324,6 +324,10 @@
       "types": "./picker/index.d.ts",
       "default": "./fesm2022/acorex-components-picker.mjs"
     },
+    "./popover": {
+      "types": "./popover/index.d.ts",
+      "default": "./fesm2022/acorex-components-popover.mjs"
+    },
     "./popup": {
       "types": "./popup/index.d.ts",
       "default": "./fesm2022/acorex-components-popup.mjs"
@@ -332,10 +336,6 @@
       "types": "./progress-bar/index.d.ts",
       "default": "./fesm2022/acorex-components-progress-bar.mjs"
     },
-    "./popover": {
-      "types": "./popover/index.d.ts",
-      "default": "./fesm2022/acorex-components-popover.mjs"
-    },
     "./qrcode": {
       "types": "./qrcode/index.d.ts",
       "default": "./fesm2022/acorex-components-qrcode.mjs"

package/tree2/index.d.ts

@@ -57,7 +57,7 @@ import * as i1 from '@angular/common';
  * All color tokens use Acorex design system variables (`--ax-sys-color-*`) for automatic
  * light/dark mode support. Colors adapt based on the active theme without additional configuration.
  */
-interface AXTreeNodeOnBeforeDropEvent extends AXEvent {
+interface AXTreeBeforeDropEvent extends AXEvent {
     movedNode: AXTreeNode;
     previousParent?: AXTreeNode;
     currentParent?: AXTreeNode;
@@ -79,7 +79,10 @@ interface AXTreeNode {
     loading?: boolean;
     data?: unknown;
 }
-interface AXTreeNodeEvent extends AXHtmlEvent {
+interface AXTreeNodeToggleEvent extends AXHtmlEvent {
+    node: AXTreeNode;
+}
+interface AXTreeNodeSelectEvent extends AXHtmlEvent {
     node: AXTreeNode;
 }
 interface AXTreeDropEvent extends AXEvent {
@@ -99,21 +102,25 @@ interface AXTreeItemTemplateContext {
 }
 type AXTreeViewLook = 'default' | 'card' | 'with-line';
 type AXTreeDragMode = 'none' | 'handler' | 'item';
+type AXTreeDragOperationType = 'order-only' | 'move' | 'both';
 
 declare class AXTree2Component {
     #private;
+    private readonly ROOT_LIST_ID;
+    private readonly NODE_DROP_PREFIX;
+    private readonly LIST_PREFIX;
     /** Tree data nodes */
     nodes: _angular_core.ModelSignal<AXTreeNode[]>;
     /** Whether to show checkboxes for selection */
     showCheckbox: _angular_core.InputSignal<boolean>;
     /** Drag and drop mode: 'none' (disabled), 'handler' (drag handle), 'item' (entire item) */
     dragMode: _angular_core.InputSignal<AXTreeDragMode>;
+    /** Drag operation type: 'order-only' (reorder only), 'move' (move between parents), 'both' (allow both) */
+    dragOperationType: _angular_core.InputSignal<AXTreeDragOperationType>;
     /** Whether to show icons */
     showIcons: _angular_core.InputSignal<boolean>;
     /** Whether to show children count badge */
     showChildrenBadge: _angular_core.InputSignal<boolean>;
-    /** Whether to animate expand/collapse */
-    animated: _angular_core.InputSignal<boolean>;
     /** Custom icon for expanded nodes */
     expandedIcon: _angular_core.InputSignal<string>;
     /** Custom icon for collapsed nodes */
@@ -131,13 +138,17 @@ declare class AXTree2Component {
     /** Whether to enable lazy loading */
     enableLazyLoad: _angular_core.InputSignal<boolean>;
     /** Emitted before a drop operation - set canceled to true to prevent drop */
-    onBeforeDrop: _angular_core.OutputEmitterRef<AXTreeNodeOnBeforeDropEvent>;
+    onBeforeDrop: _angular_core.OutputEmitterRef<AXTreeBeforeDropEvent>;
     /** Emitted when a node is toggled (expanded/collapsed) */
-    nodeToggle: _angular_core.OutputEmitterRef<AXTreeNodeEvent>;
+    onNodeToggle: _angular_core.OutputEmitterRef<AXTreeNodeToggleEvent>;
     /** Emitted when a node is selected/deselected */
-    nodeSelect: _angular_core.OutputEmitterRef<AXTreeNodeEvent>;
-    /** Emitted when a node is dropped */
-    nodeDrop: _angular_core.OutputEmitterRef<AXTreeDropEvent>;
+    onNodeSelect: _angular_core.OutputEmitterRef<AXTreeNodeSelectEvent>;
+    /** Emitted when nodes are reordered within the same parent */
+    onOrderChange: _angular_core.OutputEmitterRef<AXTreeDropEvent>;
+    /** Emitted when a node is moved to a different parent */
+    onMoveChange: _angular_core.OutputEmitterRef<AXTreeDropEvent>;
+    /** Emitted for any item change (order or move) */
+    onItemsChange: _angular_core.OutputEmitterRef<AXTreeDropEvent>;
     /** Internal signal for tracking loading state */
     protected readonly loadingNodes: _angular_core.WritableSignal<Set<string>>;
     /**
@@ -217,6 +228,10 @@ declare class AXTree2Component {
      * Get count of selected nodes
      */
     getSelectedCount(): number;
+    /**
+     * Check if any nodes are selected
+     */
+    hasSelection(): boolean;
     /**
      * Recursively count selected nodes
      */
@@ -233,6 +248,26 @@ declare class AXTree2Component {
      * Delete selected nodes from the tree
      */
     deleteSelected(): void;
+    /**
+     * Select all nodes in the tree
+     */
+    selectAll(): void;
+    /**
+     * Deselect all nodes in the tree
+     */
+    deselectAll(): void;
+    /**
+     * Find a node by ID in the tree
+     */
+    findNode(id: string): AXTreeNode | null;
+    /**
+     * Refresh the tree to trigger change detection
+     */
+    refresh(): void;
+    /**
+     * Recursively set selection state for all nodes
+     */
+    private setAllSelection;
     /**
      * Recursively remove selected nodes
      */
@@ -253,8 +288,44 @@ declare class AXTree2Component {
      * Check if node should show expand toggle
      */
     shouldShowExpandToggle(node: AXTreeNode): boolean;
+    /**
+     * Check if node has children
+     */
+    private hasChildren;
+    /**
+     * Check if node can be lazy loaded
+     */
+    private canLazyLoad;
+    /**
+     * Check if move operation is allowed based on dragOperationType
+     */
+    private canMoveToParent;
+    /**
+     * Check if reorder operation is allowed based on dragOperationType
+     */
+    private canReorder;
+    /**
+     * Validate if drop target is valid (prevent circular references)
+     */
+    private isValidDropTarget;
+    /**
+     * Handle reordering within the same list
+     */
+    private handleReorder;
+    /**
+     * Handle moving between different lists
+     */
+    private handleMove;
+    /**
+     * Emit beforeDrop event and return whether to continue
+     */
+    private emitBeforeDropEvent;
+    /**
+     * Emit drop events based on operation type
+     */
+    private emitDropEvents;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTree2Component, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTree2Component, "ax-tree2", never, { "nodes": { "alias": "nodes"; "required": true; "isSignal": true; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; "isSignal": true; }; "dragMode": { "alias": "dragMode"; "required": false; "isSignal": true; }; "showIcons": { "alias": "showIcons"; "required": false; "isSignal": true; }; "showChildrenBadge": { "alias": "showChildrenBadge"; "required": false; "isSignal": true; }; "animated": { "alias": "animated"; "required": false; "isSignal": true; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; "isSignal": true; }; "collapsedIcon": { "alias": "collapsedIcon"; "required": false; "isSignal": true; }; "indentSize": { "alias": "indentSize"; "required": false; "isSignal": true; }; "nodeHeight": { "alias": "nodeHeight"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "lazyLoad": { "alias": "lazyLoad"; "required": false; "isSignal": true; }; "enableLazyLoad": { "alias": "enableLazyLoad"; "required": false; "isSignal": true; }; }, { "nodes": "nodesChange"; "onBeforeDrop": "onBeforeDrop"; "nodeToggle": "nodeToggle"; "nodeSelect": "nodeSelect"; "nodeDrop": "nodeDrop"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTree2Component, "ax-tree2", never, { "nodes": { "alias": "nodes"; "required": true; "isSignal": true; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; "isSignal": true; }; "dragMode": { "alias": "dragMode"; "required": false; "isSignal": true; }; "dragOperationType": { "alias": "dragOperationType"; "required": false; "isSignal": true; }; "showIcons": { "alias": "showIcons"; "required": false; "isSignal": true; }; "showChildrenBadge": { "alias": "showChildrenBadge"; "required": false; "isSignal": true; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; "isSignal": true; }; "collapsedIcon": { "alias": "collapsedIcon"; "required": false; "isSignal": true; }; "indentSize": { "alias": "indentSize"; "required": false; "isSignal": true; }; "nodeHeight": { "alias": "nodeHeight"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "lazyLoad": { "alias": "lazyLoad"; "required": false; "isSignal": true; }; "enableLazyLoad": { "alias": "enableLazyLoad"; "required": false; "isSignal": true; }; }, { "nodes": "nodesChange"; "onBeforeDrop": "onBeforeDrop"; "onNodeToggle": "onNodeToggle"; "onNodeSelect": "onNodeSelect"; "onOrderChange": "onOrderChange"; "onMoveChange": "onMoveChange"; "onItemsChange": "onItemsChange"; }, never, never, true, never>;
 }
 
 declare class Tree2Module {
@@ -264,4 +335,4 @@ declare class Tree2Module {
 }
 
 export { AXTree2Component, Tree2Module };
-export type { AXTreeDragMode, AXTreeDropEvent, AXTreeItemTemplateContext, AXTreeNode, AXTreeNodeEvent, AXTreeNodeOnBeforeDropEvent, AXTreeViewLook };
+export type { AXTreeBeforeDropEvent, AXTreeDragMode, AXTreeDragOperationType, AXTreeDropEvent, AXTreeItemTemplateContext, AXTreeNode, AXTreeNodeSelectEvent, AXTreeNodeToggleEvent, AXTreeViewLook };