@esri/calcite-components/dist/types/components/calcite-tree/calcite-tree.d.ts

Web Components for Esri's Calcite Design System.

import { EventEmitter, VNode } from "../../stencil-public-runtime";
import { TreeItemSelectDetail } from "../calcite-tree-item/interfaces";
import { TreeSelectDetail, TreeSelectionMode } from "./interfaces";
import { Scale } from "../interfaces";
export declare class CalciteTree {
  el: HTMLCalciteTreeElement;
  /** Display indentation guide lines */
  lines: boolean;
  /** Display input */
  inputEnabled: boolean;
  /** @internal If this tree is nested within another tree, set to false */
  child: boolean;
  /** Specify the scale of the tree, defaults to m */
  scale: Extract<"s" | "m", Scale>;
  /** Customize how tree selection works (single, multi, children, multi-children) */
  selectionMode: TreeSelectionMode;
  componentWillRender(): void;
  render(): VNode;
  onFocus(): void;
  onFocusIn(event: FocusEvent): void;
  onFocusOut(event: FocusEvent): void;
  onClick(e: CustomEvent<TreeItemSelectDetail>): void;
  updateAncestorTree(e: CustomEvent<TreeItemSelectDetail>): void;
  /**
   * Emitted when user selects/deselects tree items. An object including an array of selected items will be passed in the event's `detail` property.
   */
  calciteTreeSelect: EventEmitter<TreeSelectDetail>;
  getRootTabIndex(): number;
}