@acorex/components 20.2.54 → 20.2.56

package/media-viewer/index.d.ts

@@ -54,6 +54,7 @@ declare class AXMediaViewerContainerComponent implements OnDestroy {
     pagination: i0.InputSignal<boolean>;
     protected service: AXMediaViewerService;
     protected sanitizer: DomSanitizer;
+    protected isMobile: boolean;
     protected thumbnailArray: i0.WritableSignal<Thumbnail[]>;
     protected option: i0.WritableSignal<swiper_types.SwiperOptions>;
     protected thumbnailOption: i0.WritableSignal<swiper_types.SwiperOptions>;

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "20.2.54",
+  "version": "20.2.56",
   "peerDependencies": {
-    "@acorex/core": "20.2.54",
-    "@acorex/cdk": "20.2.54",
+    "@acorex/core": "20.2.56",
+    "@acorex/cdk": "20.2.56",
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",
@@ -34,6 +34,7 @@
     "@codemirror/lang-markdown": "^6.2.4",
     "@codemirror/lang-sass": "^6.0.2",
     "@codemirror/theme-one-dark": "^6.1.0",
+    "@uiw/codemirror-theme-github": "^4.21.0",
     "prettier": ">=3.0.0",
     "@bomdi/codebox": "^2.0.0",
     "@editorjs/editorjs": "2.28.2",
@@ -72,10 +73,6 @@
       "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"
-    },
     "./aspect-ratio": {
       "types": "./aspect-ratio/index.d.ts",
       "default": "./fesm2022/acorex-components-aspect-ratio.mjs"
@@ -88,6 +85,10 @@
       "types": "./autocomplete/index.d.ts",
       "default": "./fesm2022/acorex-components-autocomplete.mjs"
     },
+    "./alert": {
+      "types": "./alert/index.d.ts",
+      "default": "./fesm2022/acorex-components-alert.mjs"
+    },
     "./avatar": {
       "types": "./avatar/index.d.ts",
       "default": "./fesm2022/acorex-components-avatar.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 */
@@ -257,8 +259,12 @@ declare class AXTreeViewComponent {
     readonly onItemsChange: _angular_core.OutputEmitterRef<AXTreeViewDropEvent>;
     /** Internal signal for tree nodes */
     protected readonly nodes: _angular_core.WritableSignal<AXTreeViewNode[]>;
-    /** Internal signal for tracking loading state */
+    /** Internal signal for tracking loading state of individual nodes */
     protected readonly loadingNodes: _angular_core.WritableSignal<Set<string>>;
+    /** Signal for tracking root/tree-level loading state (used by reloadData) */
+    private readonly _isLoading;
+    /** Public readonly signal for tree loading state - can be used in templates */
+    readonly isLoading: _angular_core.Signal<boolean>;
     /** Currently focused node ID for keyboard navigation */
     protected readonly focusedNodeId: _angular_core.WritableSignal<string>;
     /** RTL detection signal */
@@ -280,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
      */
@@ -405,6 +422,18 @@ declare class AXTreeViewComponent {
      * Refresh the tree to trigger change detection
      */
     refresh(): void;
+    /**
+     * Reload the entire tree data from the datasource
+     * For callback datasource: clears all nodes and reloads from root
+     * For array datasource: refreshes the current data
+     * @returns Promise that resolves when reload is complete
+     */
+    reloadData(): Promise<void>;
+    /**
+     * Check if the tree is currently loading data (root level)
+     * @returns true if the tree is loading root data
+     */
+    getIsLoading(): boolean;
     /**
      * Check if a node is currently loading
      */
@@ -567,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)
@@ -607,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
      */
@@ -651,6 +685,9 @@ declare class AXTreeViewComponent {
     private loadRootItems;
     /**
      * Load children for a node using lazy loading
+     * Only calls callback if:
+     * - children field is undefined or empty
+     * - AND childrenCount > 0
      */
     private loadNodeChildren;
     /**
@@ -739,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 {