@gravionlabs/helix-core 22.1.2 → 22.1.3

package/types/gravionlabs-helix-core-tree.d.ts

@@ -1,17 +1,60 @@
-import { TreePassThrough, TreeNodeSelectEvent, TreeNodeUnSelectEvent, TreeNodeExpandEvent, TreeNodeCollapseEvent, TreeNodeContextMenuSelectEvent, TreeNodeDoubleClickEvent, TreeNodeDropEvent, TreeLazyLoadEvent, TreeScrollEvent, TreeScrollIndexChangeEvent, TreeFilterEvent, TreeFilterTemplateContext, TreeLoaderTemplateContext, TreeTogglerIconTemplateContext, TreeCheckboxIconTemplateContext } from '@gravionlabs/helix-core/types/tree';
-export * from '@gravionlabs/helix-core/types/tree';
-import * as _angular_core from '@angular/core';
-import { TemplateRef, ElementRef, SimpleChanges } from '@angular/core';
-import * as i2 from '@gravionlabs/helix-core/api';
-import { BlockableUI, TreeDragDropService, TreeNode, ScrollerOptions, HelixTemplate } from '@gravionlabs/helix-core/api';
-import { BaseComponent } from '@gravionlabs/helix-core/basecomponent';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind } from '@gravionlabs/helix-core/bind';
-import { Scroller } from '@gravionlabs/helix-core/scroller';
-import { Nullable } from '@gravionlabs/helix-core/ts-helpers';
-import { Subscription } from 'rxjs';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
+import { TreeCheckboxIconTemplateContext, TreeFilterEvent, TreeFilterTemplateContext, TreeLazyLoadEvent, TreeLoaderTemplateContext, TreeNodeCollapseEvent, TreeNodeContextMenuSelectEvent, TreeNodeDoubleClickEvent, TreeNodeDropEvent, TreeNodeExpandEvent, TreeNodeSelectEvent, TreeNodeUnSelectEvent, TreePassThrough, TreeScrollEvent, TreeScrollIndexChangeEvent, TreeTogglerIconTemplateContext } from "@gravionlabs/helix-core/types/tree";
+import * as i0 from "@angular/core";
+import { ElementRef, SimpleChanges, TemplateRef } from "@angular/core";
+import * as i2 from "@gravionlabs/helix-core/api";
+import { BlockableUI, HelixTemplate, ScrollerOptions, TreeDragDropService, TreeNode } from "@gravionlabs/helix-core/api";
+import { BaseComponent } from "@gravionlabs/helix-core/basecomponent";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind } from "@gravionlabs/helix-core/bind";
+import { Scroller } from "@gravionlabs/helix-core/scroller";
+import { Nullable } from "@gravionlabs/helix-core/ts-helpers";
+import { Subscription } from "rxjs";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/tree";
+export declare class TreeStyle extends BaseStyle {
+  name: string;
+  style: string;
+  classes: {
+    root: ({ instance }: {
+      instance: any;
+    }) => (string | {
+      'h-tree-selectable': boolean;
+      'h-tree-loading': any;
+      'h-tree-flex-scrollable': boolean;
+      'h-tree-node-dragover': any;
+    })[];
+    mask: string;
+    loadingIcon: string;
+    pcFilterInput: string;
+    wrapper: string;
+    rootChildren: string;
+    node: ({ instance }: {
+      instance: any;
+    }) => {
+      'h-tree-node': boolean;
+      'h-tree-node-leaf': any;
+    };
+    nodeContent: ({ instance }: {
+      instance: any;
+    }) => {
+      'h-tree-node-content': boolean;
+      'h-tree-node-selectable': any;
+      'h-tree-node-dragover': any;
+      'h-tree-node-selected': any;
+      'h-tree-node-contextmenu-selected': any;
+    };
+    nodeToggleButton: string;
+    nodeToggleIcon: string;
+    nodeCheckbox: string;
+    nodeIcon: string;
+    nodeLabel: string;
+    nodeChildren: string;
+    emptyMessage: string;
+    dropPoint: string;
+  };
+  static ɵfac: i0.ɵɵFactoryDeclaration<TreeStyle, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
 /**
  *
  * Tree is used to display hierarchical data.
@@ -21,626 +64,855 @@ import { BaseStyle } from '@gravionlabs/helix-core/base';
  * @module treestyle
  *
  */
-declare enum TreeClasses {
-    /**
-     * Class name of the root element
-     */
-    root = "h-tree",
-    /**
-     * Class name of the mask element
-     */
-    mask = "h-tree-mask",
-    /**
-     * Class name of the loading icon element
-     */
-    loadingIcon = "h-tree-loading-icon",
-    /**
-     * Class name of the filter input element
-     */
-    pcFilterInput = "h-tree-filter-input",
-    /**
-     * Class name of the wrapper element
-     */
-    wrapper = "h-tree-root",
-    /**
-     * Class name of the root children element
-     */
-    rootChildren = "h-tree-root-children",
-    /**
-     * Class name of the node element
-     */
-    node = "h-tree-node",
-    /**
-     * Class name of the node content element
-     */
-    nodeContent = "h-tree-node-content",
-    /**
-     * Class name of the node toggle button element
-     */
-    nodeToggleButton = "h-tree-node-toggle-button",
-    /**
-     * Class name of the node toggle icon element
-     */
-    nodeToggleIcon = "h-tree-node-toggle-icon",
-    /**
-     * Class name of the node checkbox element
-     */
-    nodeCheckbox = "h-tree-node-checkbox",
-    /**
-     * Class name of the node icon element
-     */
-    nodeIcon = "h-tree-node-icon",
-    /**
-     * Class name of the node label element
-     */
-    nodeLabel = "h-tree-node-label",
-    /**
-     * Class name of the node children element
-     */
-    nodeChildren = "h-tree-node-children",
-    /**
-     * Class name of the empty message element
-     */
-    emptyMessage = "h-tree-empty-message",
-    /**
-     * Class name of the drop point element
-     */
-    dropPoint = "h-tree-node-droppoint"
-}
-declare class TreeStyle extends BaseStyle {
-    name: string;
-    style: string;
-    classes: {
-        root: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'h-tree-selectable': boolean;
-            'h-tree-loading': any;
-            'h-tree-flex-scrollable': boolean;
-            'h-tree-node-dragover': any;
-        })[];
-        mask: string;
-        loadingIcon: string;
-        pcFilterInput: string;
-        wrapper: string;
-        rootChildren: string;
-        node: ({ instance }: {
-            instance: any;
-        }) => {
-            'h-tree-node': boolean;
-            'h-tree-node-leaf': any;
-        };
-        nodeContent: ({ instance }: {
-            instance: any;
-        }) => {
-            'h-tree-node-content': boolean;
-            'h-tree-node-selectable': any;
-            'h-tree-node-dragover': any;
-            'h-tree-node-selected': any;
-            'h-tree-node-contextmenu-selected': any;
-        };
-        nodeToggleButton: string;
-        nodeToggleIcon: string;
-        nodeCheckbox: string;
-        nodeIcon: string;
-        nodeLabel: string;
-        nodeChildren: string;
-        emptyMessage: string;
-        dropPoint: string;
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeStyle, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+export declare enum TreeClasses {
+  /**
+   * Class name of the root element
+   */
+  root = "h-tree",
+  /**
+   * Class name of the mask element
+   */
+  mask = "h-tree-mask",
+  /**
+   * Class name of the loading icon element
+   */
+  loadingIcon = "h-tree-loading-icon",
+  /**
+   * Class name of the filter input element
+   */
+  pcFilterInput = "h-tree-filter-input",
+  /**
+   * Class name of the wrapper element
+   */
+  wrapper = "h-tree-root",
+  /**
+   * Class name of the root children element
+   */
+  rootChildren = "h-tree-root-children",
+  /**
+   * Class name of the node element
+   */
+  node = "h-tree-node",
+  /**
+   * Class name of the node content element
+   */
+  nodeContent = "h-tree-node-content",
+  /**
+   * Class name of the node toggle button element
+   */
+  nodeToggleButton = "h-tree-node-toggle-button",
+  /**
+   * Class name of the node toggle icon element
+   */
+  nodeToggleIcon = "h-tree-node-toggle-icon",
+  /**
+   * Class name of the node checkbox element
+   */
+  nodeCheckbox = "h-tree-node-checkbox",
+  /**
+   * Class name of the node icon element
+   */
+  nodeIcon = "h-tree-node-icon",
+  /**
+   * Class name of the node label element
+   */
+  nodeLabel = "h-tree-node-label",
+  /**
+   * Class name of the node children element
+   */
+  nodeChildren = "h-tree-node-children",
+  /**
+   * Class name of the empty message element
+   */
+  emptyMessage = "h-tree-empty-message",
+  /**
+   * Class name of the drop point element
+   */
+  dropPoint = "h-tree-node-droppoint"
 }
-interface TreeStyle extends BaseStyle {
-}
-
-declare class UITreeNode extends BaseComponent<TreePassThrough> {
-    $pcTreeNode: UITreeNode | undefined;
-    static ICON_CLASS: string;
-    readonly rowNode: _angular_core.InputSignal<any>;
-    readonly node: _angular_core.InputSignal<TreeNode<any> | undefined>;
-    readonly parentNode: _angular_core.InputSignal<TreeNode<any> | undefined>;
-    readonly root: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    readonly index: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    readonly firstChild: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    readonly lastChild: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    readonly level: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    readonly indentation: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    readonly itemSize: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    readonly loadingMode: _angular_core.InputSignal<string>;
-    tree: Tree;
-    timeout: any;
-    isPrevDropPointHovered: _angular_core.WritableSignal<boolean>;
-    isNextDropPointHovered: _angular_core.WritableSignal<boolean>;
-    isNodeDropHovered: _angular_core.WritableSignal<boolean>;
-    isPrevDropPointActive: _angular_core.Signal<boolean | undefined>;
-    isNextDropPointActive: _angular_core.Signal<boolean | undefined>;
-    isNodeDropActive: _angular_core.Signal<boolean | undefined>;
-    dropPosition: _angular_core.Signal<1 | -1 | 0>;
-    _componentStyle: TreeStyle;
-    /**
-     * Computed signal that reactively tracks selection state.
-     */
-    private _selected;
-    /**
-     * Computed signal that reactively tracks context menu selection state.
-     */
-    private _contextMenuSelected;
-    get selected(): boolean | undefined;
-    get checked(): boolean | undefined;
-    get nodeClass(): {
-        'h-tree-node': boolean;
-        'h-tree-node-leaf': any;
-    };
-    get selectable(): boolean;
-    get subNodes(): TreeNode[] | undefined;
-    getPTOptions(key: string): any;
-    onInit(): void;
-    getIcon(): string;
-    isLeaf(): boolean;
-    isSelected(): boolean;
-    isContextMenuSelected(): boolean | "" | undefined;
-    isSameNode(event: any): any;
-    isDraggable(): boolean | undefined;
-    isDroppable(): boolean | undefined;
-    isNodeDroppable(): boolean | undefined;
-    isNodeDraggable(): boolean | undefined;
-    toggle(event: Event): void;
-    expand(event: Event): void;
-    collapse(event: Event): void;
-    onNodeClick(event: MouseEvent): void;
-    onNodeKeydown(event: KeyboardEvent): void;
-    onNodeTouchEnd(): void;
-    onNodeRightClick(event: MouseEvent): void;
-    onNodeDblClick(event: MouseEvent): void;
-    insertNodeOnDrop(): void;
-    onNodeDrop(event: any): void;
-    onNodeDragStart(event: any): void;
-    onNodeDragOver(event: any): void;
-    onNodeDragLeave(): void;
-    onNodeDragEnd(event: any): void;
-    onKeyDown(event: KeyboardEvent): void;
-    onArrowUp(event: KeyboardEvent): void;
-    onArrowDown(event: KeyboardEvent): void;
-    onArrowRight(event: KeyboardEvent): void;
-    onArrowLeft(event: KeyboardEvent): false | undefined;
-    onEnter(event: KeyboardEvent): void;
-    setAllNodesTabIndexes(): void;
-    setTabIndexForSelectionMode(event: any, nodeTouched: any): void;
-    findNextSiblingOfAncestor(nodeElement: any): any;
-    findLastVisibleDescendant(nodeElement: any): any;
-    getParentNodeElement(nodeElement: HTMLElement | Element): HTMLElement | null;
-    focusNode(element: any): void;
-    focusRowChange(firstFocusableRow: any, currentFocusedRow: any, lastVisibleDescendant?: any): void;
-    focusVirtualNode(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UITreeNode, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UITreeNode, "h-treeNode", never, { "rowNode": { "alias": "rowNode"; "required": false; "isSignal": true; }; "node": { "alias": "node"; "required": false; "isSignal": true; }; "parentNode": { "alias": "parentNode"; "required": false; "isSignal": true; }; "root": { "alias": "root"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; "firstChild": { "alias": "firstChild"; "required": false; "isSignal": true; }; "lastChild": { "alias": "lastChild"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "indentation": { "alias": "indentation"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "loadingMode": { "alias": "loadingMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export interface TreeStyle extends BaseStyle {}
+export declare class UITreeNode extends BaseComponent<TreePassThrough> {
+  $pcTreeNode: UITreeNode | undefined;
+  static ICON_CLASS: string;
+  readonly rowNode: import("@angular/core").InputSignal<any>;
+  readonly node: import("@angular/core").InputSignal<TreeNode<any> | undefined>;
+  readonly parentNode: import("@angular/core").InputSignal<TreeNode<any> | undefined>;
+  readonly root: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  readonly index: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+  readonly firstChild: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  readonly lastChild: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  readonly level: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+  readonly indentation: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+  readonly itemSize: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+  readonly loadingMode: import("@angular/core").InputSignal<string>;
+  tree: Tree;
+  timeout: any;
+  isPrevDropPointHovered: import("@angular/core").WritableSignal<boolean>;
+  isNextDropPointHovered: import("@angular/core").WritableSignal<boolean>;
+  isNodeDropHovered: import("@angular/core").WritableSignal<boolean>;
+  isPrevDropPointActive: import("@angular/core").Signal<boolean | undefined>;
+  isNextDropPointActive: import("@angular/core").Signal<boolean | undefined>;
+  isNodeDropActive: import("@angular/core").Signal<boolean | undefined>;
+  dropPosition: import("@angular/core").Signal<1 | -1 | 0>;
+  _componentStyle: TreeStyle;
+  /**
+   * Computed signal that reactively tracks selection state.
+   */
+  private _selected;
+  /**
+   * Computed signal that reactively tracks context menu selection state.
+   */
+  private _contextMenuSelected;
+  get selected(): boolean | undefined;
+  get checked(): boolean | undefined;
+  get nodeClass(): {
+    'h-tree-node': boolean;
+    'h-tree-node-leaf': any;
+  };
+  get selectable(): boolean;
+  get subNodes(): TreeNode[] | undefined;
+  getPTOptions(key: string): any;
+  onInit(): void;
+  getIcon(): string;
+  isLeaf(): boolean;
+  isSelected(): boolean;
+  isContextMenuSelected(): boolean | "" | undefined;
+  isSameNode(event: any): any;
+  isDraggable(): boolean | undefined;
+  isDroppable(): boolean | undefined;
+  isNodeDroppable(): boolean | undefined;
+  isNodeDraggable(): boolean | undefined;
+  toggle(event: Event): void;
+  expand(event: Event): void;
+  collapse(event: Event): void;
+  onNodeClick(event: MouseEvent): void;
+  onNodeKeydown(event: KeyboardEvent): void;
+  onNodeTouchEnd(): void;
+  onNodeRightClick(event: MouseEvent): void;
+  onNodeDblClick(event: MouseEvent): void;
+  insertNodeOnDrop(): void;
+  onNodeDrop(event: any): void;
+  onNodeDragStart(event: any): void;
+  onNodeDragOver(event: any): void;
+  onNodeDragLeave(): void;
+  onNodeDragEnd(event: any): void;
+  onKeyDown(event: KeyboardEvent): void;
+  onArrowUp(event: KeyboardEvent): void;
+  onArrowDown(event: KeyboardEvent): void;
+  onArrowRight(event: KeyboardEvent): void;
+  onArrowLeft(event: KeyboardEvent): false | undefined;
+  onEnter(event: KeyboardEvent): void;
+  setAllNodesTabIndexes(): void;
+  setTabIndexForSelectionMode(event: any, nodeTouched: any): void;
+  findNextSiblingOfAncestor(nodeElement: any): any;
+  findLastVisibleDescendant(nodeElement: any): any;
+  getParentNodeElement(nodeElement: HTMLElement | Element): HTMLElement | null;
+  focusNode(element: any): void;
+  focusRowChange(firstFocusableRow: any, currentFocusedRow: any, lastVisibleDescendant?: any): void;
+  focusVirtualNode(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UITreeNode, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UITreeNode, "h-treeNode", never, {
+    "rowNode": {
+      "alias": "rowNode";
+      "required": false;
+      "isSignal": true;
+    };
+    "node": {
+      "alias": "node";
+      "required": false;
+      "isSignal": true;
+    };
+    "parentNode": {
+      "alias": "parentNode";
+      "required": false;
+      "isSignal": true;
+    };
+    "root": {
+      "alias": "root";
+      "required": false;
+      "isSignal": true;
+    };
+    "index": {
+      "alias": "index";
+      "required": false;
+      "isSignal": true;
+    };
+    "firstChild": {
+      "alias": "firstChild";
+      "required": false;
+      "isSignal": true;
+    };
+    "lastChild": {
+      "alias": "lastChild";
+      "required": false;
+      "isSignal": true;
+    };
+    "level": {
+      "alias": "level";
+      "required": false;
+      "isSignal": true;
+    };
+    "indentation": {
+      "alias": "indentation";
+      "required": false;
+      "isSignal": true;
+    };
+    "itemSize": {
+      "alias": "itemSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "loadingMode": {
+      "alias": "loadingMode";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
 /**
  * Tree is used to display hierarchical data.
  * @group Components
  */
-declare class Tree extends BaseComponent<TreePassThrough> implements BlockableUI {
-    dragDropService: TreeDragDropService;
-    componentName: string;
-    bindDirectiveInstance: Bind;
-    $pcTree: Tree | undefined;
-    onAfterViewChecked(): void;
-    /**
-     * An array of treenodes.
-     * @group Props
-     */
-    readonly value: _angular_core.ModelSignal<any>;
-    /**
-     * Defines the selection mode.
-     * @group Props
-     */
-    readonly selectionMode: _angular_core.ModelSignal<"checkbox" | "single" | "multiple" | null | undefined>;
-    /**
-     * Loading mode display.
-     * @group Props
-     */
-    readonly loadingMode: _angular_core.InputSignal<"mask" | "icon">;
-    /**
-     * A single treenode instance or an array to refer to the selections.
-     * @group Props
-     */
-    selection: _angular_core.ModelSignal<TreeNode<any> | TreeNode<any>[] | null | undefined>;
-    /**
-     * Style class of the component.
-     * @deprecated since v20.0.0, use `class` instead.
-     * @group Props
-     */
-    readonly styleClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Context menu instance.
-     * @group Props
-     */
-    readonly contextMenu: _angular_core.InputSignal<any>;
-    /**
-     * Defines the behavior of context menu selection, in "separate" mode context menu updates contextMenuSelection property whereas in joint mode selection property is used instead so that when row selection is enabled, both row selection and context menu selection use the same property.
-     * @group Props
-     */
-    readonly contextMenuSelectionMode: _angular_core.InputSignal<"separate" | "joint">;
-    /**
-     * Selected node with a context menu.
-     * @group Props
-     */
-    contextMenuSelection: _angular_core.ModelSignal<TreeNode<any> | null>;
-    /**
-     * Scope of the draggable nodes to match a droppableScope.
-     * @group Props
-     */
-    readonly draggableScope: _angular_core.InputSignal<any>;
-    /**
-     * Scope of the droppable nodes to match a droppableScope.
-     * @group Props
-     */
-    readonly droppableScope: _angular_core.InputSignal<any>;
-    /**
-     * Whether the nodes are draggable.
-     * @group Props
-     */
-    readonly draggableNodes: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Whether the nodes are droppable.
-     * @group Props
-     */
-    readonly droppableNodes: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically.
-     * @group Props
-     */
-    readonly metaKeySelection: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Whether checkbox selections propagate to ancestor nodes.
-     * @group Props
-     */
-    readonly propagateSelectionUp: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Whether checkbox selections propagate to descendant nodes.
-     * @group Props
-     */
-    readonly propagateSelectionDown: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Displays a loader to indicate data load is in progress.
-     * @group Props
-     */
-    readonly loading: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * The icon to show while indicating data load is in progress.
-     * @group Props
-     */
-    readonly loadingIcon: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Text to display when there is no data.
-     * @group Props
-     */
-    readonly emptyMessage: _angular_core.InputSignal<string>;
-    /**
-     * Used to define a string that labels the tree.
-     * @group Props
-     */
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Defines a string that labels the toggler icon for accessibility.
-     * @group Props
-     */
-    readonly togglerAriaLabel: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
-    /**
-     * When enabled, drop can be accepted or rejected based on condition defined at onNodeDrop.
-     * @group Props
-     */
-    readonly validateDrop: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * When specified, displays an input field to filter the items.
-     * @group Props
-     */
-    readonly filter: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Determines whether the filter input should be automatically focused when the component is rendered.
-     * @group Props
-     */
-    readonly filterInputAutoFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
-     * @group Props
-     */
-    readonly filterBy: _angular_core.InputSignal<string>;
-    /**
-     * Mode for filtering valid values are "lenient" and "strict". Default is lenient.
-     * @group Props
-     */
-    readonly filterMode: _angular_core.InputSignal<string>;
-    /**
-     * Mode for filtering valid values are "lenient" and "strict". Default is lenient.
-     * @group Props
-     */
-    readonly filterOptions: _angular_core.ModelSignal<any>;
-    /**
-     * Placeholder text to show when filter input is empty.
-     * @group Props
-     */
-    readonly filterPlaceholder: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Values after the tree nodes are filtered.
-     * @group Props
-     */
-    readonly filteredNodes: _angular_core.ModelSignal<TreeNode<any>[] | null | undefined>;
-    /**
-     * Locale to use in filtering. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    readonly filterLocale: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Height of the scrollable viewport.
-     * @group Props
-     */
-    readonly scrollHeight: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Defines if data is loaded and interacted with in lazy manner.
-     * @group Props
-     */
-    readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Whether the data should be loaded on demand during scroll.
-     * @group Props
-     */
-    readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Height of an item in the list for VirtualScrolling.
-     * @group Props
-     */
-    readonly virtualScrollItemSize: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    /**
-     * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.
-     * @group Props
-     */
-    readonly virtualScrollOptions: _angular_core.InputSignal<ScrollerOptions | undefined>;
-    /**
-     * Indentation factor for spacing of the nested node when virtual scrolling is enabled.
-     * @group Props
-     */
-    readonly indentation: _angular_core.InputSignalWithTransform<number, unknown>;
-    /**
-     * Custom templates of the component.
-     * @group Props
-     */
-    readonly _templateMap: _angular_core.ModelSignal<any>;
-    /**
-     * Function to optimize the node list rendering, default algorithm checks for object identity.
-     * @group Props
-     */
-    readonly trackBy: _angular_core.InputSignal<Function>;
-    /**
-     * Highlights the node on select.
-     * @group Props
-     */
-    readonly highlightOnSelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Callback to invoke when a node is selected.
-     * @param {TreeNodeSelectEvent} event - Node select event.
-     * @group Emits
-     */
-    readonly onNodeSelect: _angular_core.OutputEmitterRef<TreeNodeSelectEvent>;
-    /**
-     * Callback to invoke when a node is unselected.
-     * @param {TreeNodeUnSelectEvent} event - Node unselect event.
-     * @group Emits
-     */
-    readonly onNodeUnselect: _angular_core.OutputEmitterRef<TreeNodeUnSelectEvent>;
-    /**
-     * Callback to invoke when a node is expanded.
-     * @param {TreeNodeExpandEvent} event - Node expand event.
-     * @group Emits
-     */
-    readonly onNodeExpand: _angular_core.OutputEmitterRef<TreeNodeExpandEvent>;
-    /**
-     * Callback to invoke when a node is collapsed.
-     * @param {TreeNodeCollapseEvent} event - Node collapse event.
-     * @group Emits
-     */
-    readonly onNodeCollapse: _angular_core.OutputEmitterRef<TreeNodeCollapseEvent>;
-    /**
-     * Callback to invoke when a node is selected with right click.
-     * @param {onNodeContextMenuSelect} event - Node context menu select event.
-     * @group Emits
-     */
-    readonly onNodeContextMenuSelect: _angular_core.OutputEmitterRef<TreeNodeContextMenuSelectEvent>;
-    /**
-     * Callback to invoke when a node is double clicked.
-     * @param {TreeNodeDoubleClickEvent} event - Node double click event.
-     * @group Emits
-     */
-    readonly onNodeDoubleClick: _angular_core.OutputEmitterRef<TreeNodeDoubleClickEvent>;
-    /**
-     * Callback to invoke when a node is dropped.
-     * @param {TreeNodeDropEvent} event - Node drop event.
-     * @group Emits
-     */
-    readonly onNodeDrop: _angular_core.OutputEmitterRef<TreeNodeDropEvent>;
-    /**
-     * Callback to invoke in lazy mode to load new data.
-     * @param {TreeLazyLoadEvent} event - Custom lazy load event.
-     * @group Emits
-     */
-    readonly onLazyLoad: _angular_core.OutputEmitterRef<TreeLazyLoadEvent>;
-    /**
-     * Callback to invoke in virtual scroll mode when scroll position changes.
-     * @param {TreeScrollEvent} event - Custom scroll event.
-     * @group Emits
-     */
-    readonly onScroll: _angular_core.OutputEmitterRef<TreeScrollEvent>;
-    /**
-     * Callback to invoke in virtual scroll mode when scroll position and item's range in view changes.
-     * @param {TreeScrollIndexChangeEvent} event - Scroll index change event.
-     * @group Emits
-     */
-    readonly onScrollIndexChange: _angular_core.OutputEmitterRef<TreeScrollIndexChangeEvent>;
-    /**
-     * Callback to invoke when data is filtered.
-     * @param {TreeFilterEvent} event - Custom filter event.
-     * @group Emits
-     */
-    readonly onFilter: _angular_core.OutputEmitterRef<TreeFilterEvent>;
-    /**
-     * Custom filter template.
-     * @param {TreeFilterTemplateContext} context - filter context.
-     * @see {@link TreeFilterTemplateContext}
-     * @group Templates
-     */
-    readonly filterTemplate: _angular_core.Signal<TemplateRef<TreeFilterTemplateContext> | undefined>;
-    /**
-     * Custom node template.
-     * @group Templates
-     */
-    readonly nodeTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    /**
-     * Custom header template.
-     * @group Templates
-     */
-    readonly headerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom footer template.
-     * @group Templates
-     */
-    readonly footerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom loader template.
-     * @param {TreeLoaderTemplateContext} context - loader context.
-     * @see {@link TreeLoaderTemplateContext}
-     * @group Templates
-     */
-    readonly loaderTemplate: _angular_core.Signal<TemplateRef<TreeLoaderTemplateContext> | undefined>;
-    /**
-     * Custom empty message template.
-     * @group Templates
-     */
-    readonly emptyTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom toggler icon template.
-     * @param {TreeTogglerIconTemplateContext} context - toggler icon context.
-     * @see {@link TreeTogglerIconTemplateContext}
-     * @group Templates
-     */
-    readonly togglerIconTemplate: _angular_core.Signal<TemplateRef<TreeTogglerIconTemplateContext> | undefined>;
-    /**
-     * Custom checkbox icon template.
-     * @param {TreeCheckboxIconTemplateContext} context - checkbox icon context.
-     * @see {@link TreeCheckboxIconTemplateContext}
-     * @group Templates
-     */
-    readonly checkboxIconTemplate: _angular_core.Signal<TemplateRef<TreeCheckboxIconTemplateContext> | undefined>;
-    /**
-     * Custom loading icon template.
-     * @group Templates
-     */
-    readonly loadingIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom filter icon template.
-     * @group Templates
-     */
-    readonly filterIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    readonly filterViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly scroller: _angular_core.Signal<Scroller | undefined>;
-    readonly wrapperViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly contentViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
-    _headerTemplate: TemplateRef<void> | undefined;
-    _emptyTemplate: TemplateRef<void> | undefined;
-    _footerTemplate: TemplateRef<void> | undefined;
-    _loaderTemplate: TemplateRef<TreeLoaderTemplateContext> | undefined;
-    _togglerIconTemplate: TemplateRef<TreeTogglerIconTemplateContext> | undefined;
-    _checkboxIconTemplate: TemplateRef<TreeCheckboxIconTemplateContext> | undefined;
-    _loadingIconTemplate: TemplateRef<void> | undefined;
-    _filterIconTemplate: TemplateRef<void> | undefined;
-    _filterTemplate: TemplateRef<TreeFilterTemplateContext> | undefined;
-    onAfterContentInit(): void;
-    serializedValue: Nullable<TreeNode<any>[]>;
-    nodeTouched: boolean | undefined | null;
-    dragNodeTree: Tree | undefined | null;
-    dragNode: TreeNode<any> | undefined | null;
-    dragNodeSubNodes: TreeNode<any>[] | undefined | null;
-    dragNodeIndex: number | undefined | null;
-    dragNodeScope: any;
-    dragHover: boolean | undefined | null;
-    dragStartSubscription: Subscription | undefined | null;
-    dragStopSubscription: Subscription | undefined | null;
-    _componentStyle: TreeStyle;
-    handleDropEvent(event: DragEvent): void;
-    handleDragOverEvent(event: DragEvent): void;
-    handleDragEnterEvent(): void;
-    handleDragLeaveEvent(event: DragEvent): void;
-    constructor(dragDropService: TreeDragDropService);
-    onInit(): void;
-    onChanges(simpleChange: SimpleChanges): void;
-    get emptyMessageLabel(): string;
-    updateSerializedValue(): void;
-    serializeNodes(parent: TreeNode<any> | null, nodes: TreeNode<any>[] | any, level: number, visible: boolean): void;
-    onNodeClick(event: Event, node: TreeNode): void;
-    onNodeTouchEnd(): void;
-    onNodeRightClick(event: MouseEvent, node: TreeNode<any>): void;
-    onNodeDblClick(event: MouseEvent, node: TreeNode<any>): void;
-    findIndexInSelection(node: TreeNode): number;
-    syncNodeOption(node: TreeNode, parentNodes: TreeNode<any>[], option: any, value?: any): void;
-    hasFilteredNodes(): boolean | null | undefined;
-    hasFilterActive(): boolean | undefined;
-    getNodeWithKey(key: string, nodes: TreeNode<any>[]): TreeNode<any> | undefined;
-    propagateUp(node: TreeNode, select: boolean): void;
-    propagateDown(node: TreeNode, select: boolean): void;
-    isSelected(node: TreeNode): boolean;
-    isSingleSelectionMode(): boolean | null | undefined;
-    isMultipleSelectionMode(): boolean | null | undefined;
-    isCheckboxSelectionMode(): boolean | null | undefined;
-    isNodeLeaf(node: TreeNode): boolean;
-    getRootNode(): any;
-    getTemplateForNode(node: TreeNode): TemplateRef<any> | null;
-    onDragOver(event: DragEvent): void;
-    onDrop(event: DragEvent): void;
-    processTreeDrop(dragNode: TreeNode, dragNodeIndex: number): void;
-    onDragEnter(): void;
-    onDragLeave(event: DragEvent): void;
-    allowDrop(dragNode: TreeNode, dropNode: TreeNode<any> | null, dragNodeScope: any): boolean;
-    hasCommonScope(dragScope: any, dropScope: any): boolean;
-    isSameTreeScope(dragScope: any): boolean;
-    isValidDragScope(dragScope: any): boolean;
-    _filter(value: string): void;
-    /**
-     * Resets filter.
-     * @group Method
-     */
-    resetFilter(): void;
-    /**
-     * Scrolls to virtual index.
-     * @param {number} number - Index to be scrolled.
-     * @group Method
-     */
-    scrollToVirtualIndex(index: number): void;
-    /**
-     * Scrolls to virtual index.
-     * @param {ScrollToOptions} options - Scroll options.
-     * @group Method
-     */
-    scrollTo(options: any): void;
-    findFilteredNodes(node: TreeNode, paramsWithoutNode: any): true | undefined;
-    isFilterMatched(node: TreeNode, params: any): boolean;
-    getIndex(options: any, index: number): any;
-    getBlockableElement(): HTMLElement;
-    onDestroy(): void;
-    get containerDataP(): string | undefined;
-    get wrapperDataP(): string | undefined;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tree, [{ optional: true; }]>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tree, "h-tree", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "loadingMode": { "alias": "loadingMode"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "contextMenu": { "alias": "contextMenu"; "required": false; "isSignal": true; }; "contextMenuSelectionMode": { "alias": "contextMenuSelectionMode"; "required": false; "isSignal": true; }; "contextMenuSelection": { "alias": "contextMenuSelection"; "required": false; "isSignal": true; }; "draggableScope": { "alias": "draggableScope"; "required": false; "isSignal": true; }; "droppableScope": { "alias": "droppableScope"; "required": false; "isSignal": true; }; "draggableNodes": { "alias": "draggableNodes"; "required": false; "isSignal": true; }; "droppableNodes": { "alias": "droppableNodes"; "required": false; "isSignal": true; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; "isSignal": true; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; "isSignal": true; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "togglerAriaLabel": { "alias": "togglerAriaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "validateDrop": { "alias": "validateDrop"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterInputAutoFocus": { "alias": "filterInputAutoFocus"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterMode": { "alias": "filterMode"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "filteredNodes": { "alias": "filteredNodes"; "required": false; "isSignal": true; }; "filterLocale": { "alias": "filterLocale"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; "isSignal": true; }; "indentation": { "alias": "indentation"; "required": false; "isSignal": true; }; "_templateMap": { "alias": "_templateMap"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "highlightOnSelect": { "alias": "highlightOnSelect"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "selectionMode": "selectionModeChange"; "selection": "selectionChange"; "contextMenuSelection": "contextMenuSelectionChange"; "filterOptions": "filterOptionsChange"; "filteredNodes": "filteredNodesChange"; "_templateMap": "_templateMapChange"; "onNodeSelect": "onNodeSelect"; "onNodeUnselect": "onNodeUnselect"; "onNodeExpand": "onNodeExpand"; "onNodeCollapse": "onNodeCollapse"; "onNodeContextMenuSelect": "onNodeContextMenuSelect"; "onNodeDoubleClick": "onNodeDoubleClick"; "onNodeDrop": "onNodeDrop"; "onLazyLoad": "onLazyLoad"; "onScroll": "onScroll"; "onScrollIndexChange": "onScrollIndexChange"; "onFilter": "onFilter"; }, ["filterTemplate", "nodeTemplate", "headerTemplate", "footerTemplate", "loaderTemplate", "emptyTemplate", "togglerIconTemplate", "checkboxIconTemplate", "loadingIconTemplate", "filterIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
-}
-declare class TreeModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TreeModule, never, [typeof Tree, typeof i2.SharedModule], [typeof Tree, typeof i2.SharedModule]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TreeModule>;
+export declare class Tree extends BaseComponent<TreePassThrough> implements BlockableUI {
+  dragDropService: TreeDragDropService;
+  componentName: string;
+  bindDirectiveInstance: Bind;
+  $pcTree: Tree | undefined;
+  onAfterViewChecked(): void;
+  /**
+   * An array of treenodes.
+   * @group Props
+   */
+  readonly value: import("@angular/core").ModelSignal<any>;
+  /**
+   * Defines the selection mode.
+   * @group Props
+   */
+  readonly selectionMode: import("@angular/core").ModelSignal<"checkbox" | "single" | "multiple" | null | undefined>;
+  /**
+   * Loading mode display.
+   * @group Props
+   */
+  readonly loadingMode: import("@angular/core").InputSignal<"mask" | "icon">;
+  /**
+   * A single treenode instance or an array to refer to the selections.
+   * @group Props
+   */
+  selection: import("@angular/core").ModelSignal<TreeNode<any> | TreeNode<any>[] | null | undefined>;
+  /**
+   * Style class of the component.
+   * @deprecated since v20.0.0, use `class` instead.
+   * @group Props
+   */
+  readonly styleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Context menu instance.
+   * @group Props
+   */
+  readonly contextMenu: import("@angular/core").InputSignal<any>;
+  /**
+   * Defines the behavior of context menu selection, in "separate" mode context menu updates contextMenuSelection property whereas in joint mode selection property is used instead so that when row selection is enabled, both row selection and context menu selection use the same property.
+   * @group Props
+   */
+  readonly contextMenuSelectionMode: import("@angular/core").InputSignal<"separate" | "joint">;
+  /**
+   * Selected node with a context menu.
+   * @group Props
+   */
+  contextMenuSelection: import("@angular/core").ModelSignal<TreeNode<any> | null>;
+  /**
+   * Scope of the draggable nodes to match a droppableScope.
+   * @group Props
+   */
+  readonly draggableScope: import("@angular/core").InputSignal<any>;
+  /**
+   * Scope of the droppable nodes to match a droppableScope.
+   * @group Props
+   */
+  readonly droppableScope: import("@angular/core").InputSignal<any>;
+  /**
+   * Whether the nodes are draggable.
+   * @group Props
+   */
+  readonly draggableNodes: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Whether the nodes are droppable.
+   * @group Props
+   */
+  readonly droppableNodes: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically.
+   * @group Props
+   */
+  readonly metaKeySelection: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Whether checkbox selections propagate to ancestor nodes.
+   * @group Props
+   */
+  readonly propagateSelectionUp: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Whether checkbox selections propagate to descendant nodes.
+   * @group Props
+   */
+  readonly propagateSelectionDown: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Displays a loader to indicate data load is in progress.
+   * @group Props
+   */
+  readonly loading: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * The icon to show while indicating data load is in progress.
+   * @group Props
+   */
+  readonly loadingIcon: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Text to display when there is no data.
+   * @group Props
+   */
+  readonly emptyMessage: import("@angular/core").InputSignal<string>;
+  /**
+   * Used to define a string that labels the tree.
+   * @group Props
+   */
+  readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Defines a string that labels the toggler icon for accessibility.
+   * @group Props
+   */
+  readonly togglerAriaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+   * @group Props
+   */
+  readonly ariaLabelledBy: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * When enabled, drop can be accepted or rejected based on condition defined at onNodeDrop.
+   * @group Props
+   */
+  readonly validateDrop: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * When specified, displays an input field to filter the items.
+   * @group Props
+   */
+  readonly filter: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Determines whether the filter input should be automatically focused when the component is rendered.
+   * @group Props
+   */
+  readonly filterInputAutoFocus: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
+   * @group Props
+   */
+  readonly filterBy: import("@angular/core").InputSignal<string>;
+  /**
+   * Mode for filtering valid values are "lenient" and "strict". Default is lenient.
+   * @group Props
+   */
+  readonly filterMode: import("@angular/core").InputSignal<string>;
+  /**
+   * Mode for filtering valid values are "lenient" and "strict". Default is lenient.
+   * @group Props
+   */
+  readonly filterOptions: import("@angular/core").ModelSignal<any>;
+  /**
+   * Placeholder text to show when filter input is empty.
+   * @group Props
+   */
+  readonly filterPlaceholder: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Values after the tree nodes are filtered.
+   * @group Props
+   */
+  readonly filteredNodes: import("@angular/core").ModelSignal<TreeNode<any>[] | null | undefined>;
+  /**
+   * Locale to use in filtering. The default locale is the host environment's current locale.
+   * @group Props
+   */
+  readonly filterLocale: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Height of the scrollable viewport.
+   * @group Props
+   */
+  readonly scrollHeight: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Defines if data is loaded and interacted with in lazy manner.
+   * @group Props
+   */
+  readonly lazy: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Whether the data should be loaded on demand during scroll.
+   * @group Props
+   */
+  readonly virtualScroll: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Height of an item in the list for VirtualScrolling.
+   * @group Props
+   */
+  readonly virtualScrollItemSize: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+  /**
+   * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.
+   * @group Props
+   */
+  readonly virtualScrollOptions: import("@angular/core").InputSignal<ScrollerOptions | undefined>;
+  /**
+   * Indentation factor for spacing of the nested node when virtual scrolling is enabled.
+   * @group Props
+   */
+  readonly indentation: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /**
+   * Custom templates of the component.
+   * @group Props
+   */
+  readonly _templateMap: import("@angular/core").ModelSignal<any>;
+  /**
+   * Function to optimize the node list rendering, default algorithm checks for object identity.
+   * @group Props
+   */
+  readonly trackBy: import("@angular/core").InputSignal<Function>;
+  /**
+   * Highlights the node on select.
+   * @group Props
+   */
+  readonly highlightOnSelect: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Callback to invoke when a node is selected.
+   * @param {TreeNodeSelectEvent} event - Node select event.
+   * @group Emits
+   */
+  readonly onNodeSelect: import("@angular/core").OutputEmitterRef<TreeNodeSelectEvent>;
+  /**
+   * Callback to invoke when a node is unselected.
+   * @param {TreeNodeUnSelectEvent} event - Node unselect event.
+   * @group Emits
+   */
+  readonly onNodeUnselect: import("@angular/core").OutputEmitterRef<TreeNodeUnSelectEvent>;
+  /**
+   * Callback to invoke when a node is expanded.
+   * @param {TreeNodeExpandEvent} event - Node expand event.
+   * @group Emits
+   */
+  readonly onNodeExpand: import("@angular/core").OutputEmitterRef<TreeNodeExpandEvent>;
+  /**
+   * Callback to invoke when a node is collapsed.
+   * @param {TreeNodeCollapseEvent} event - Node collapse event.
+   * @group Emits
+   */
+  readonly onNodeCollapse: import("@angular/core").OutputEmitterRef<TreeNodeCollapseEvent>;
+  /**
+   * Callback to invoke when a node is selected with right click.
+   * @param {onNodeContextMenuSelect} event - Node context menu select event.
+   * @group Emits
+   */
+  readonly onNodeContextMenuSelect: import("@angular/core").OutputEmitterRef<TreeNodeContextMenuSelectEvent>;
+  /**
+   * Callback to invoke when a node is double clicked.
+   * @param {TreeNodeDoubleClickEvent} event - Node double click event.
+   * @group Emits
+   */
+  readonly onNodeDoubleClick: import("@angular/core").OutputEmitterRef<TreeNodeDoubleClickEvent>;
+  /**
+   * Callback to invoke when a node is dropped.
+   * @param {TreeNodeDropEvent} event - Node drop event.
+   * @group Emits
+   */
+  readonly onNodeDrop: import("@angular/core").OutputEmitterRef<TreeNodeDropEvent>;
+  /**
+   * Callback to invoke in lazy mode to load new data.
+   * @param {TreeLazyLoadEvent} event - Custom lazy load event.
+   * @group Emits
+   */
+  readonly onLazyLoad: import("@angular/core").OutputEmitterRef<TreeLazyLoadEvent>;
+  /**
+   * Callback to invoke in virtual scroll mode when scroll position changes.
+   * @param {TreeScrollEvent} event - Custom scroll event.
+   * @group Emits
+   */
+  readonly onScroll: import("@angular/core").OutputEmitterRef<TreeScrollEvent>;
+  /**
+   * Callback to invoke in virtual scroll mode when scroll position and item's range in view changes.
+   * @param {TreeScrollIndexChangeEvent} event - Scroll index change event.
+   * @group Emits
+   */
+  readonly onScrollIndexChange: import("@angular/core").OutputEmitterRef<TreeScrollIndexChangeEvent>;
+  /**
+   * Callback to invoke when data is filtered.
+   * @param {TreeFilterEvent} event - Custom filter event.
+   * @group Emits
+   */
+  readonly onFilter: import("@angular/core").OutputEmitterRef<TreeFilterEvent>;
+  /**
+   * Custom filter template.
+   * @param {TreeFilterTemplateContext} context - filter context.
+   * @see {@link TreeFilterTemplateContext}
+   * @group Templates
+   */
+  readonly filterTemplate: import("@angular/core").Signal<TemplateRef<TreeFilterTemplateContext> | undefined>;
+  /**
+   * Custom node template.
+   * @group Templates
+   */
+  readonly nodeTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+  /**
+   * Custom header template.
+   * @group Templates
+   */
+  readonly headerTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom footer template.
+   * @group Templates
+   */
+  readonly footerTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom loader template.
+   * @param {TreeLoaderTemplateContext} context - loader context.
+   * @see {@link TreeLoaderTemplateContext}
+   * @group Templates
+   */
+  readonly loaderTemplate: import("@angular/core").Signal<TemplateRef<TreeLoaderTemplateContext> | undefined>;
+  /**
+   * Custom empty message template.
+   * @group Templates
+   */
+  readonly emptyTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom toggler icon template.
+   * @param {TreeTogglerIconTemplateContext} context - toggler icon context.
+   * @see {@link TreeTogglerIconTemplateContext}
+   * @group Templates
+   */
+  readonly togglerIconTemplate: import("@angular/core").Signal<TemplateRef<TreeTogglerIconTemplateContext> | undefined>;
+  /**
+   * Custom checkbox icon template.
+   * @param {TreeCheckboxIconTemplateContext} context - checkbox icon context.
+   * @see {@link TreeCheckboxIconTemplateContext}
+   * @group Templates
+   */
+  readonly checkboxIconTemplate: import("@angular/core").Signal<TemplateRef<TreeCheckboxIconTemplateContext> | undefined>;
+  /**
+   * Custom loading icon template.
+   * @group Templates
+   */
+  readonly loadingIconTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom filter icon template.
+   * @group Templates
+   */
+  readonly filterIconTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  readonly filterViewChild: import("@angular/core").Signal<ElementRef<any> | undefined>;
+  readonly scroller: import("@angular/core").Signal<Scroller | undefined>;
+  readonly wrapperViewChild: import("@angular/core").Signal<ElementRef<any> | undefined>;
+  readonly contentViewChild: import("@angular/core").Signal<ElementRef<any> | undefined>;
+  readonly templates: import("@angular/core").Signal<readonly HelixTemplate[]>;
+  _headerTemplate: TemplateRef<void> | undefined;
+  _emptyTemplate: TemplateRef<void> | undefined;
+  _footerTemplate: TemplateRef<void> | undefined;
+  _loaderTemplate: TemplateRef<TreeLoaderTemplateContext> | undefined;
+  _togglerIconTemplate: TemplateRef<TreeTogglerIconTemplateContext> | undefined;
+  _checkboxIconTemplate: TemplateRef<TreeCheckboxIconTemplateContext> | undefined;
+  _loadingIconTemplate: TemplateRef<void> | undefined;
+  _filterIconTemplate: TemplateRef<void> | undefined;
+  _filterTemplate: TemplateRef<TreeFilterTemplateContext> | undefined;
+  onAfterContentInit(): void;
+  serializedValue: Nullable<TreeNode<any>[]>;
+  nodeTouched: boolean | undefined | null;
+  dragNodeTree: Tree | undefined | null;
+  dragNode: TreeNode<any> | undefined | null;
+  dragNodeSubNodes: TreeNode<any>[] | undefined | null;
+  dragNodeIndex: number | undefined | null;
+  dragNodeScope: any;
+  dragHover: boolean | undefined | null;
+  dragStartSubscription: Subscription | undefined | null;
+  dragStopSubscription: Subscription | undefined | null;
+  _componentStyle: TreeStyle;
+  handleDropEvent(event: DragEvent): void;
+  handleDragOverEvent(event: DragEvent): void;
+  handleDragEnterEvent(): void;
+  handleDragLeaveEvent(event: DragEvent): void;
+  constructor(dragDropService: TreeDragDropService);
+  onInit(): void;
+  onChanges(simpleChange: SimpleChanges): void;
+  get emptyMessageLabel(): string;
+  updateSerializedValue(): void;
+  serializeNodes(parent: TreeNode<any> | null, nodes: TreeNode<any>[] | any, level: number, visible: boolean): void;
+  onNodeClick(event: Event, node: TreeNode): void;
+  onNodeTouchEnd(): void;
+  onNodeRightClick(event: MouseEvent, node: TreeNode<any>): void;
+  onNodeDblClick(event: MouseEvent, node: TreeNode<any>): void;
+  findIndexInSelection(node: TreeNode): number;
+  syncNodeOption(node: TreeNode, parentNodes: TreeNode<any>[], option: any, value?: any): void;
+  hasFilteredNodes(): boolean | null | undefined;
+  hasFilterActive(): boolean | undefined;
+  getNodeWithKey(key: string, nodes: TreeNode<any>[]): TreeNode<any> | undefined;
+  propagateUp(node: TreeNode, select: boolean): void;
+  propagateDown(node: TreeNode, select: boolean): void;
+  isSelected(node: TreeNode): boolean;
+  isSingleSelectionMode(): boolean | null | undefined;
+  isMultipleSelectionMode(): boolean | null | undefined;
+  isCheckboxSelectionMode(): boolean | null | undefined;
+  isNodeLeaf(node: TreeNode): boolean;
+  getRootNode(): any;
+  getTemplateForNode(node: TreeNode): TemplateRef<any> | null;
+  onDragOver(event: DragEvent): void;
+  onDrop(event: DragEvent): void;
+  processTreeDrop(dragNode: TreeNode, dragNodeIndex: number): void;
+  onDragEnter(): void;
+  onDragLeave(event: DragEvent): void;
+  allowDrop(dragNode: TreeNode, dropNode: TreeNode<any> | null, dragNodeScope: any): boolean;
+  hasCommonScope(dragScope: any, dropScope: any): boolean;
+  isSameTreeScope(dragScope: any): boolean;
+  isValidDragScope(dragScope: any): boolean;
+  _filter(value: string): void;
+  /**
+   * Resets filter.
+   * @group Method
+   */
+  resetFilter(): void;
+  /**
+   * Scrolls to virtual index.
+   * @param {number} number - Index to be scrolled.
+   * @group Method
+   */
+  scrollToVirtualIndex(index: number): void;
+  /**
+   * Scrolls to virtual index.
+   * @param {ScrollToOptions} options - Scroll options.
+   * @group Method
+   */
+  scrollTo(options: any): void;
+  findFilteredNodes(node: TreeNode, paramsWithoutNode: any): true | undefined;
+  isFilterMatched(node: TreeNode, params: any): boolean;
+  getIndex(options: any, index: number): any;
+  getBlockableElement(): HTMLElement;
+  onDestroy(): void;
+  get containerDataP(): string | undefined;
+  get wrapperDataP(): string | undefined;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Tree, [{
+    optional: true;
+  }]>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<Tree, "h-tree", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectionMode": {
+      "alias": "selectionMode";
+      "required": false;
+      "isSignal": true;
+    };
+    "loadingMode": {
+      "alias": "loadingMode";
+      "required": false;
+      "isSignal": true;
+    };
+    "selection": {
+      "alias": "selection";
+      "required": false;
+      "isSignal": true;
+    };
+    "styleClass": {
+      "alias": "styleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "contextMenu": {
+      "alias": "contextMenu";
+      "required": false;
+      "isSignal": true;
+    };
+    "contextMenuSelectionMode": {
+      "alias": "contextMenuSelectionMode";
+      "required": false;
+      "isSignal": true;
+    };
+    "contextMenuSelection": {
+      "alias": "contextMenuSelection";
+      "required": false;
+      "isSignal": true;
+    };
+    "draggableScope": {
+      "alias": "draggableScope";
+      "required": false;
+      "isSignal": true;
+    };
+    "droppableScope": {
+      "alias": "droppableScope";
+      "required": false;
+      "isSignal": true;
+    };
+    "draggableNodes": {
+      "alias": "draggableNodes";
+      "required": false;
+      "isSignal": true;
+    };
+    "droppableNodes": {
+      "alias": "droppableNodes";
+      "required": false;
+      "isSignal": true;
+    };
+    "metaKeySelection": {
+      "alias": "metaKeySelection";
+      "required": false;
+      "isSignal": true;
+    };
+    "propagateSelectionUp": {
+      "alias": "propagateSelectionUp";
+      "required": false;
+      "isSignal": true;
+    };
+    "propagateSelectionDown": {
+      "alias": "propagateSelectionDown";
+      "required": false;
+      "isSignal": true;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+    "loadingIcon": {
+      "alias": "loadingIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptyMessage": {
+      "alias": "emptyMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "togglerAriaLabel": {
+      "alias": "togglerAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabelledBy": {
+      "alias": "ariaLabelledBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "validateDrop": {
+      "alias": "validateDrop";
+      "required": false;
+      "isSignal": true;
+    };
+    "filter": {
+      "alias": "filter";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterInputAutoFocus": {
+      "alias": "filterInputAutoFocus";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterBy": {
+      "alias": "filterBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterMode": {
+      "alias": "filterMode";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterOptions": {
+      "alias": "filterOptions";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterPlaceholder": {
+      "alias": "filterPlaceholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "filteredNodes": {
+      "alias": "filteredNodes";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterLocale": {
+      "alias": "filterLocale";
+      "required": false;
+      "isSignal": true;
+    };
+    "scrollHeight": {
+      "alias": "scrollHeight";
+      "required": false;
+      "isSignal": true;
+    };
+    "lazy": {
+      "alias": "lazy";
+      "required": false;
+      "isSignal": true;
+    };
+    "virtualScroll": {
+      "alias": "virtualScroll";
+      "required": false;
+      "isSignal": true;
+    };
+    "virtualScrollItemSize": {
+      "alias": "virtualScrollItemSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "virtualScrollOptions": {
+      "alias": "virtualScrollOptions";
+      "required": false;
+      "isSignal": true;
+    };
+    "indentation": {
+      "alias": "indentation";
+      "required": false;
+      "isSignal": true;
+    };
+    "_templateMap": {
+      "alias": "_templateMap";
+      "required": false;
+      "isSignal": true;
+    };
+    "trackBy": {
+      "alias": "trackBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "highlightOnSelect": {
+      "alias": "highlightOnSelect";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "selectionMode": "selectionModeChange";
+    "selection": "selectionChange";
+    "contextMenuSelection": "contextMenuSelectionChange";
+    "filterOptions": "filterOptionsChange";
+    "filteredNodes": "filteredNodesChange";
+    "_templateMap": "_templateMapChange";
+    "onNodeSelect": "onNodeSelect";
+    "onNodeUnselect": "onNodeUnselect";
+    "onNodeExpand": "onNodeExpand";
+    "onNodeCollapse": "onNodeCollapse";
+    "onNodeContextMenuSelect": "onNodeContextMenuSelect";
+    "onNodeDoubleClick": "onNodeDoubleClick";
+    "onNodeDrop": "onNodeDrop";
+    "onLazyLoad": "onLazyLoad";
+    "onScroll": "onScroll";
+    "onScrollIndexChange": "onScrollIndexChange";
+    "onFilter": "onFilter";
+  }, ["filterTemplate", "nodeTemplate", "headerTemplate", "footerTemplate", "loaderTemplate", "emptyTemplate", "togglerIconTemplate", "checkboxIconTemplate", "loadingIconTemplate", "filterIconTemplate", "templates"], never, true, [{
+    directive: typeof i1.Bind;
+    inputs: {};
+    outputs: {};
+  }]>;
 }
-
-export { Tree, TreeClasses, TreeModule, TreeStyle, UITreeNode };
+export declare class TreeModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<TreeModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<TreeModule, never, [typeof Tree, typeof i2.SharedModule], [typeof Tree, typeof i2.SharedModule]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<TreeModule>;
+}