Class TreeItemPattern

src/aria/private/tree/tree.ts:36–121

 * Represents an item in a Tree.
 */
export class TreeItemPattern<V> implements TreeItem<V, TreeItemPattern<V>> {
  /** A unique identifier for this item. */
  readonly id: SignalLike<string> = () => this.inputs.id();

  /** The value of this item. */
  readonly value: SignalLike<V> = () => this.inputs.value();

  /** A reference to the item element. */
  readonly element: SignalLike<HTMLElement> = () => this.inputs.element()!;

  /** Whether the item is disabled. */
  readonly disabled: SignalLike<boolean> = () => this.inputs.disabled();

  /** The text used by the typeahead search. */
  readonly searchTerm: SignalLike<string> = () => this.inputs.searchTerm();

  /** The tree pattern this item belongs to. */
  readonly tree: SignalLike<TreePattern<V>> = () => this.inputs.tree();

  /** The parent item. */
  readonly parent: SignalLike<TreeItemPattern<V> | undefined> = computed(() => {
    const parent = this.inputs.parent();
    return parent instanceof TreeItemPattern ? parent : undefined;
  });

  /** The children items. */
  readonly children: SignalLike<TreeItemPattern<V>[]> = () => this.inputs.children() ?? [];

  /** The position of this item among its siblings. */
  readonly index = computed(() => this.tree().inputs.items().indexOf(this));

  /** Whether the item is expandable. It's expandable if children item exist. */
  readonly expandable: SignalLike<boolean> = () => this.inputs.hasChildren();

  /** Whether the item is selectable. */
  readonly selectable: SignalLike<boolean> = () => this.inputs.selectable();

  /** Whether the item is expanded. */
  readonly expanded: WritableSignalLike<boolean>;

  /** The level of the current item in a tree. */
  readonly level: SignalLike<number> = computed(() => this.inputs.parent().level() + 1);

  /** Whether this item is visible. */
  readonly visible: SignalLike<boolean> = computed(
    () => this.inputs.parent().expanded() && this.inputs.parent().visible(),
  );

  /** The number of items under the same parent at the same level. */
  readonly setsize = computed(() => this.inputs.parent().children().length);

  /** The position of this item among its siblings (1-based). */
  readonly posinset = computed(() => this.inputs.parent().children().indexOf(this) + 1);

  /** Whether the item is active. */
  readonly active = computed(() => this.tree().activeItem() === this);

  /** The tab index of the item. */