@acorex/components 21.0.0-next.54 → 21.0.0-next.55

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "21.0.0-next.54",
+  "version": "21.0.0-next.55",
   "peerDependencies": {
-    "@acorex/core": "21.0.0-next.54",
-    "@acorex/cdk": "21.0.0-next.54",
+    "@acorex/core": "21.0.0-next.55",
+    "@acorex/cdk": "21.0.0-next.55",
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",
@@ -109,6 +109,10 @@
       "types": "./button/index.d.ts",
       "default": "./fesm2022/acorex-components-button.mjs"
     },
+    "./button-group": {
+      "types": "./button-group/index.d.ts",
+      "default": "./fesm2022/acorex-components-button-group.mjs"
+    },
     "./calendar": {
       "types": "./calendar/index.d.ts",
       "default": "./fesm2022/acorex-components-calendar.mjs"
@@ -117,10 +121,6 @@
       "types": "./check-box/index.d.ts",
       "default": "./fesm2022/acorex-components-check-box.mjs"
     },
-    "./button-group": {
-      "types": "./button-group/index.d.ts",
-      "default": "./fesm2022/acorex-components-button-group.mjs"
-    },
     "./chips": {
       "types": "./chips/index.d.ts",
       "default": "./fesm2022/acorex-components-chips.mjs"
@@ -241,14 +241,14 @@
       "types": "./image-editor/index.d.ts",
       "default": "./fesm2022/acorex-components-image-editor.mjs"
     },
-    "./kanban": {
-      "types": "./kanban/index.d.ts",
-      "default": "./fesm2022/acorex-components-kanban.mjs"
-    },
     "./json-viewer": {
       "types": "./json-viewer/index.d.ts",
       "default": "./fesm2022/acorex-components-json-viewer.mjs"
     },
+    "./kanban": {
+      "types": "./kanban/index.d.ts",
+      "default": "./fesm2022/acorex-components-kanban.mjs"
+    },
     "./kbd": {
       "types": "./kbd/index.d.ts",
       "default": "./fesm2022/acorex-components-kbd.mjs"

package/tree-view/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef } from '@angular/core';
+import { TemplateRef, EventEmitter } from '@angular/core';
 import { AXEvent, AXHtmlEvent, AXValueChangedEvent } from '@acorex/cdk/common';
 import { AXDropListDroppedEvent } from '@acorex/cdk/drag-drop';
 
@@ -237,6 +237,8 @@ declare class AXTreeViewComponent {
     readonly dataField: _angular_core.InputSignal<string>;
     /** Whether disabled state is inherited from parent nodes. Default: `true`. */
     readonly inheritDisabled: _angular_core.InputSignal<boolean>;
+    /** Whether double-click on node content toggles expand/collapse. Default: `true`. */
+    readonly expandOnDoubleClick: _angular_core.InputSignal<boolean>;
     /** Emitted before a drop operation - set canceled to true to prevent drop */
     readonly onBeforeDrop: _angular_core.OutputEmitterRef<AXTreeViewBeforeDropEvent>;
     /** Emitted when a node is toggled (expanded/collapsed) */
@@ -244,7 +246,7 @@ declare class AXTreeViewComponent {
     /** Emitted when a node is selected/deselected */
     readonly onNodeSelect: _angular_core.OutputEmitterRef<AXTreeViewNodeSelectEvent>;
     /** Emitted when a node is double-clicked */
-    readonly onNodeDoubleClick: _angular_core.OutputEmitterRef<AXTreeViewNodeDoubleClickEvent>;
+    onNodeDoubleClick: EventEmitter<AXTreeViewNodeDoubleClickEvent>;
     /** Emitted when a node is double-clicked */
     readonly onNodeClick: _angular_core.OutputEmitterRef<AXTreeViewNodeClickEvent>;
     /** Emitted when selection changes - returns all currently selected nodes */
@@ -284,6 +286,17 @@ declare class AXTreeViewComponent {
     protected readonly hasIntermediateState: _angular_core.Signal<boolean>;
     /** Computed: Returns true when drag handle should be shown */
     protected readonly shouldShowDragHandle: _angular_core.Signal<boolean>;
+    /** Signal to track if double-click output has subscribers */
+    private readonly hasDoubleClickSubscribers;
+    /**
+     * Returns true if double-click output has no subscribers (should disable directive)
+     * Uses a computed signal that checks if EventEmitter has observers
+     * If no subscribers AND expandOnDoubleClick is false, disable the directive (return true)
+     * If has subscribers OR expandOnDoubleClick is true, enable the directive (return false)
+     */
+    protected readonly isDoubleClickDisabled: _angular_core.Signal<boolean>;
+    /** Check EventEmitter observers and update signal */
+    private checkDoubleClickSubscribers;
     /**
      * Get a property value from a node using the configured field name
      */
@@ -583,6 +596,11 @@ declare class AXTreeViewComponent {
      * Check if checkboxes should be shown (only for multiple mode)
      */
     shouldShowCheckbox(): boolean;
+    /**
+     * Check if double-click directive should be disabled for a node
+     * Disabled for leaf nodes (immediate clicks) or when isDoubleClickDisabled is true
+     */
+    protected isDoubleClickDisabledForNode(node: AXTreeViewNode): boolean;
     /**
      * Check if a node is a leaf (has no children)
      * A node is a leaf if it has no loaded children AND no childrenCount (or childrenCount is 0)
@@ -623,7 +641,7 @@ declare class AXTreeViewComponent {
     /**
      * Handle node double click
      */
-    onNodeDoubleClickHandle(node: AXTreeViewNode, event: Event): void;
+    onNodeDoubleClickHandle(node: AXTreeViewNode, event: Event): Promise<void>;
     /**
      * Handle node click handle
      */
@@ -758,7 +776,7 @@ declare class AXTreeViewComponent {
      */
     private handleError;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTreeViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "datasource": { "alias": "datasource"; "required": true; "isSignal": true; }; "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "dragArea": { "alias": "dragArea"; "required": false; "isSignal": true; }; "dragBehavior": { "alias": "dragBehavior"; "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; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "nodeTemplate": { "alias": "nodeTemplate"; "required": false; "isSignal": true; }; "idField": { "alias": "idField"; "required": false; "isSignal": true; }; "titleField": { "alias": "titleField"; "required": false; "isSignal": true; }; "tooltipField": { "alias": "tooltipField"; "required": false; "isSignal": true; }; "iconField": { "alias": "iconField"; "required": false; "isSignal": true; }; "expandedField": { "alias": "expandedField"; "required": false; "isSignal": true; }; "selectedField": { "alias": "selectedField"; "required": false; "isSignal": true; }; "indeterminateField": { "alias": "indeterminateField"; "required": false; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "hiddenField": { "alias": "hiddenField"; "required": false; "isSignal": true; }; "childrenField": { "alias": "childrenField"; "required": false; "isSignal": true; }; "childrenCountField": { "alias": "childrenCountField"; "required": false; "isSignal": true; }; "dataField": { "alias": "dataField"; "required": false; "isSignal": true; }; "inheritDisabled": { "alias": "inheritDisabled"; "required": false; "isSignal": true; }; }, { "datasource": "datasourceChange"; "onBeforeDrop": "onBeforeDrop"; "onNodeToggle": "onNodeToggle"; "onNodeSelect": "onNodeSelect"; "onNodeDoubleClick": "onNodeDoubleClick"; "onNodeClick": "onNodeClick"; "onSelectionChange": "onSelectionChange"; "onOrderChange": "onOrderChange"; "onMoveChange": "onMoveChange"; "onItemsChange": "onItemsChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "datasource": { "alias": "datasource"; "required": true; "isSignal": true; }; "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "dragArea": { "alias": "dragArea"; "required": false; "isSignal": true; }; "dragBehavior": { "alias": "dragBehavior"; "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; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "nodeTemplate": { "alias": "nodeTemplate"; "required": false; "isSignal": true; }; "idField": { "alias": "idField"; "required": false; "isSignal": true; }; "titleField": { "alias": "titleField"; "required": false; "isSignal": true; }; "tooltipField": { "alias": "tooltipField"; "required": false; "isSignal": true; }; "iconField": { "alias": "iconField"; "required": false; "isSignal": true; }; "expandedField": { "alias": "expandedField"; "required": false; "isSignal": true; }; "selectedField": { "alias": "selectedField"; "required": false; "isSignal": true; }; "indeterminateField": { "alias": "indeterminateField"; "required": false; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "hiddenField": { "alias": "hiddenField"; "required": false; "isSignal": true; }; "childrenField": { "alias": "childrenField"; "required": false; "isSignal": true; }; "childrenCountField": { "alias": "childrenCountField"; "required": false; "isSignal": true; }; "dataField": { "alias": "dataField"; "required": false; "isSignal": true; }; "inheritDisabled": { "alias": "inheritDisabled"; "required": false; "isSignal": true; }; "expandOnDoubleClick": { "alias": "expandOnDoubleClick"; "required": false; "isSignal": true; }; }, { "datasource": "datasourceChange"; "onBeforeDrop": "onBeforeDrop"; "onNodeToggle": "onNodeToggle"; "onNodeSelect": "onNodeSelect"; "onNodeDoubleClick": "onNodeDoubleClick"; "onNodeClick": "onNodeClick"; "onSelectionChange": "onSelectionChange"; "onOrderChange": "onOrderChange"; "onMoveChange": "onMoveChange"; "onItemsChange": "onItemsChange"; }, never, never, true, never>;
 }
 
 declare class AXTreeViewModule {