@vadem/ui 0.0.0-stage → 0.0.1

package/fesm2022/vadem-ui-tree.mjs

@@ -0,0 +1,551 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, Injector, ViewEncapsulation, afterNextRender, afterRenderEffect, booleanAttribute, computed, contentChildren, inject, input, linkedSignal, model } from "@angular/core";
+import { DOCUMENT } from "@angular/common";
+import { vdUniqueId } from "@vadem/ui/field";
+import { VdIcon } from "@vadem/ui/icon";
+import { VdTypeahead } from "@vadem/ui/keyboard";
+import { vdTexts } from "@vadem/ui/locale";
+function vdTreeVisible(nodes) {
+	const byKey = new Map(nodes.map((node) => [node.key, node]));
+	return nodes.filter((node) => {
+		let parent = node.parent;
+		const seen = /* @__PURE__ */ new Set([node.key]);
+		while (parent !== null) {
+			if (seen.has(parent)) return false;
+			seen.add(parent);
+			const ancestor = byKey.get(parent);
+			if (!ancestor || !ancestor.expanded) return false;
+			parent = ancestor.parent;
+		}
+		return true;
+	});
+}
+function vdTreeFocusKey(nodes, current, selected) {
+	const visible = vdTreeVisible(nodes);
+	const keys = new Set(visible.map((node) => node.key));
+	const seen = /* @__PURE__ */ new Set();
+	let key = current;
+	while (key !== null && !seen.has(key)) {
+		if (keys.has(key)) return key;
+		seen.add(key);
+		key = nodes.find((node) => node.key === key)?.parent ?? null;
+	}
+	return selected !== null && keys.has(selected) ? selected : visible[0]?.key ?? null;
+}
+function vdTreeAction(key, current, nodes, rtl = false) {
+	const visible = vdTreeVisible(nodes);
+	const index = visible.findIndex((node) => node.key === current);
+	const node = visible[index];
+	if (!node) return null;
+	const focus = (target) => target ? {
+		type: "focus",
+		key: target.key
+	} : null;
+	if (key === "Home") return focus(visible[0]);
+	if (key === "End") return focus(visible.at(-1));
+	if (key === "ArrowDown") return focus(visible[Math.min(index + 1, visible.length - 1)]);
+	if (key === "ArrowUp") return focus(visible[Math.max(index - 1, 0)]);
+	if (key === "Enter" || key === " ") return node.disabled ? null : {
+		type: "select",
+		key: current
+	};
+	const child = nodes.find((item) => item.parent === current);
+	if (key === (rtl ? "ArrowLeft" : "ArrowRight")) {
+		if (!child) return null;
+		if (node.expanded) return focus(visible.find((item) => item.parent === current));
+		return node.disabled ? null : {
+			type: "expand",
+			key: current,
+			expanded: true
+		};
+	}
+	if (key === (rtl ? "ArrowRight" : "ArrowLeft")) {
+		if (child && node.expanded) return node.disabled ? null : {
+			type: "expand",
+			key: current,
+			expanded: false
+		};
+		return focus(visible.find((item) => item.key === node.parent));
+	}
+	return null;
+}
+var VdTree = class VdTree {
+	value = model(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	t = vdTexts("tree", { label: this.label });
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	element = inject(ElementRef).nativeElement;
+	document = inject(DOCUMENT);
+	injector = inject(Injector);
+	descendants = contentChildren(VdTreeItem, {
+		...ngDevMode ? { debugName: "descendants" } : /* istanbul ignore next */ {},
+		descendants: true
+	});
+	items = computed(() => this.descendants().filter((item) => item.tree === this), ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+	nodes = computed(() => this.items().map((item) => ({
+		key: item.value(),
+		parent: item.parent?.value() ?? null,
+		expanded: item.expanded(),
+		disabled: item.disabled()
+	})), ...ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []);
+	visible = computed(() => vdTreeVisible(this.nodes()), ...ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []);
+	focused = linkedSignal({
+		...ngDevMode ? { debugName: "focused" } : /* istanbul ignore next */ {},
+		source: () => ({
+			nodes: this.nodes(),
+			selected: this.value()
+		}),
+		computation: (source, previous) => vdTreeFocusKey(source.nodes, this.lastFocused ? previous?.value ?? null : null, source.selected)
+	});
+	typeahead = new VdTypeahead();
+	lastFocused = null;
+	constructor() {
+		afterRenderEffect(() => {
+			const keys = this.visible().map((item) => item.key);
+			const target = this.focused();
+			const active = this.document.activeElement;
+			if (this.lastFocused && !keys.includes(this.lastFocused.value()) && (active === this.document.body || active && this.element.contains(active))) {
+				if (target) this.focus(target);
+			}
+		});
+	}
+	focus(key) {
+		const item = this.items().find((item) => item.value() === key);
+		if (!item || this.disabled() || !this.visible().some((node) => node.key === key)) return;
+		this.focused.set(key);
+		item.element.focus();
+		if (this.document.activeElement !== item.element) afterNextRender(() => {
+			if (!this.disabled() && !!this.document.activeElement && this.element.contains(this.document.activeElement) && this.focused() === key && this.visible().some((node) => node.key === key)) item.element.focus();
+		}, { injector: this.injector });
+	}
+	remember(item) {
+		this.lastFocused = item;
+		this.focused.set(item.value());
+	}
+	select(item) {
+		if (!this.disabled() && !item.disabled()) this.value.set(item.value());
+	}
+	toggle(item) {
+		if (!this.disabled() && !item.disabled() && item.branch()) item.expanded.update((open) => !open);
+	}
+	onFocusOut(event) {
+		if (event.relatedTarget && !this.element.contains(event.relatedTarget)) {
+			this.lastFocused = null;
+			this.typeahead.reset();
+			this.focused.set(vdTreeFocusKey(this.nodes(), null, this.value()));
+		}
+	}
+	onKeydown(event) {
+		if (event.isComposing || event.ctrlKey || event.metaKey || event.altKey || this.disabled()) return;
+		const item = this.items().find((item) => item.element === event.target);
+		if (!item) return;
+		const rtl = this.document.defaultView?.getComputedStyle(this.element).direction === "rtl";
+		if (event.key === "*") {
+			event.preventDefault();
+			this.items().filter((peer) => peer.parent === item.parent && peer.branch() && !peer.disabled()).forEach((peer) => peer.expanded.set(true));
+			return;
+		}
+		const action = vdTreeAction(event.key, item.value(), this.nodes(), rtl);
+		if (action) {
+			event.preventDefault();
+			this.typeahead.reset();
+			if (action.type === "focus") this.focus(action.key);
+			else if (action.type === "select") this.select(item);
+			else item.expanded.set(action.expanded);
+		} else if ([
+			"ArrowLeft",
+			"ArrowRight",
+			"Enter",
+			" "
+		].includes(event.key)) event.preventDefault();
+		else if (VdTypeahead.accepts(event)) {
+			event.preventDefault();
+			const visible = this.visible();
+			const index = this.typeahead.match(event.key, visible.map((node) => this.items().find((item) => item.value() === node.key).label()), visible.map(() => false), visible.findIndex((node) => node.key === item.value()));
+			if (index !== null) this.focus(visible[index].key);
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdTree,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.2.0",
+		version: "22.2.1",
+		type: VdTree,
+		isStandalone: true,
+		selector: "ul[vdTree]",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: {
+			attributes: { "role": "tree" },
+			listeners: {
+				"keydown": "onKeydown($event)",
+				"focusout": "onFocusOut($event)"
+			},
+			properties: {
+				"attr.aria-label": "t().label",
+				"attr.aria-disabled": "disabled() || null",
+				"attr.data-disabled": "disabled() ? \"\" : null",
+				"attr.tabindex": "disabled() && items().length ? 0 : null"
+			},
+			classAttribute: "vd-tree"
+		},
+		queries: [{
+			propertyName: "descendants",
+			predicate: VdTreeItem,
+			descendants: true,
+			isSignal: true
+		}],
+		exportAs: ["vdTree"],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdTree,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "ul[vdTree]",
+			exportAs: "vdTree",
+			host: {
+				class: "vd-tree",
+				role: "tree",
+				"[attr.aria-label]": "t().label",
+				"[attr.aria-disabled]": "disabled() || null",
+				"[attr.data-disabled]": "disabled() ? \"\" : null",
+				"[attr.tabindex]": "disabled() && items().length ? 0 : null",
+				"(keydown)": "onKeydown($event)",
+				"(focusout)": "onFocusOut($event)"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		descendants: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => VdTreeItem), {
+				descendants: true,
+				isSignal: true
+			}]
+		}]
+	}
+});
+var VdTreeItem = class VdTreeItem {
+	value = input.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	expanded = model(false, ...ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	tree = inject(VdTree);
+	parent = inject(VdTreeItem, {
+		optional: true,
+		skipSelf: true
+	});
+	element = inject(ElementRef).nativeElement;
+	branch = computed(() => this.tree.items().some((item) => item.parent === this), ...ngDevMode ? [{ debugName: "branch" }] : /* istanbul ignore next */ []);
+	labelId = vdUniqueId("vd-tree-label");
+	selected = computed(() => this.tree.value() === this.value(), ...ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []);
+	isDisabled = computed(() => this.tree.disabled() || this.disabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
+	siblings = computed(() => this.tree.items().filter((item) => item.parent === this.parent), ...ngDevMode ? [{ debugName: "siblings" }] : /* istanbul ignore next */ []);
+	position = computed(() => this.siblings().indexOf(this) + 1, ...ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []);
+	level = computed(() => (this.parent?.level() ?? 0) + 1, ...ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []);
+	onClick(event) {
+		const target = event.target;
+		if (target.closest(".vd-tree-item") !== this.element) return;
+		event.stopPropagation();
+		this.tree.focus(this.value());
+		if (target.closest(".vd-tree-item__toggle") && this.branch()) this.tree.toggle(this);
+		else this.tree.select(this);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdTreeItem,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: VdTreeItem,
+		isStandalone: true,
+		selector: "li[vdTreeItem]",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			expanded: {
+				classPropertyName: "expanded",
+				publicName: "expanded",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { expanded: "expandedChange" },
+		host: {
+			attributes: { "role": "treeitem" },
+			listeners: {
+				"focus": "tree.remember(this)",
+				"click": "onClick($event)"
+			},
+			properties: {
+				"attr.aria-labelledby": "labelId",
+				"attr.aria-expanded": "branch() ? expanded() : null",
+				"attr.aria-selected": "isDisabled() ? null : selected()",
+				"attr.aria-disabled": "isDisabled() || null",
+				"attr.aria-level": "level()",
+				"attr.aria-posinset": "position()",
+				"attr.aria-setsize": "siblings().length",
+				"attr.tabindex": "!tree.disabled() && tree.focused() === value() ? 0 : -1",
+				"attr.data-expanded": "branch() ? expanded() : null",
+				"attr.data-selected": "selected() ? \"\" : null",
+				"attr.data-disabled": "isDisabled() ? \"\" : null"
+			},
+			classAttribute: "vd-tree-item"
+		},
+		exportAs: ["vdTreeItem"],
+		ngImport: i0,
+		template: `
+    <span class="vd-tree-item__row">
+      <span class="vd-tree-item__toggle" aria-hidden="true">
+        @if (branch()) {
+          <vd-icon [name]="expanded() ? 'chevron-down' : 'chevron-right'" />
+        }
+      </span>
+      <span class="vd-tree-item__label" [id]="labelId">{{ label() }}</span>
+      <span class="vd-tree-item__check" aria-hidden="true">
+        @if (selected()) {
+          <vd-icon name="check" />
+        }
+      </span>
+    </span>
+    <ng-content />
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: VdIcon,
+			selector: "vd-icon",
+			inputs: ["name", "label"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdTreeItem,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "li[vdTreeItem]",
+			exportAs: "vdTreeItem",
+			imports: [VdIcon],
+			template: `
+    <span class="vd-tree-item__row">
+      <span class="vd-tree-item__toggle" aria-hidden="true">
+        @if (branch()) {
+          <vd-icon [name]="expanded() ? 'chevron-down' : 'chevron-right'" />
+        }
+      </span>
+      <span class="vd-tree-item__label" [id]="labelId">{{ label() }}</span>
+      <span class="vd-tree-item__check" aria-hidden="true">
+        @if (selected()) {
+          <vd-icon name="check" />
+        }
+      </span>
+    </span>
+    <ng-content />
+  `,
+			host: {
+				class: "vd-tree-item",
+				role: "treeitem",
+				"[attr.aria-labelledby]": "labelId",
+				"[attr.aria-expanded]": "branch() ? expanded() : null",
+				"[attr.aria-selected]": "isDisabled() ? null : selected()",
+				"[attr.aria-disabled]": "isDisabled() || null",
+				"[attr.aria-level]": "level()",
+				"[attr.aria-posinset]": "position()",
+				"[attr.aria-setsize]": "siblings().length",
+				"[attr.tabindex]": "!tree.disabled() && tree.focused() === value() ? 0 : -1",
+				"[attr.data-expanded]": "branch() ? expanded() : null",
+				"[attr.data-selected]": "selected() ? \"\" : null",
+				"[attr.data-disabled]": "isDisabled() ? \"\" : null",
+				"(focus)": "tree.remember(this)",
+				"(click)": "onClick($event)"
+			},
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: true
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		expanded: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "expanded",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["expandedChange"]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}]
+	}
+});
+var VdTreeGroup = class VdTreeGroup {
+	parent = inject(VdTreeItem);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdTreeGroup,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdTreeGroup,
+		isStandalone: true,
+		selector: "ul[vdTreeGroup]",
+		host: {
+			attributes: { "role": "group" },
+			properties: { "hidden": "!parent.expanded()" },
+			classAttribute: "vd-tree__group"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdTreeGroup,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "ul[vdTreeGroup]",
+			host: {
+				class: "vd-tree__group",
+				role: "group",
+				"[hidden]": "!parent.expanded()"
+			}
+		}]
+	}]
+});
+const VD_TREE = [
+	VdTree,
+	VdTreeItem,
+	VdTreeGroup
+];
+export { VD_TREE, VdTree, VdTreeGroup, VdTreeItem };
+
+//# sourceMappingURL=vadem-ui-tree.mjs.map

package/fesm2022/vadem-ui-tree.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-tree.mjs","names":[],"sources":["../../../projects/ui/tree/src/core/tree.ts","../../../projects/ui/tree/src/tree.ts"],"sourcesContent":["export interface VdTreeNode {\n  key: string;\n  parent: string | null;\n  expanded: boolean;\n  disabled: boolean;\n}\n\n/** Preorder visibility from a mounted hierarchy; collapsed ancestors hide descendants. */\nexport function vdTreeVisible(nodes: readonly VdTreeNode[]): VdTreeNode[] {\n  const byKey = new Map(nodes.map((node) => [node.key, node]));\n  return nodes.filter((node) => {\n    let parent = node.parent;\n    const seen = new Set([node.key]);\n    while (parent !== null) {\n      if (seen.has(parent)) return false;\n      seen.add(parent);\n      const ancestor = byKey.get(parent);\n      if (!ancestor || !ancestor.expanded) return false;\n      parent = ancestor.parent;\n    }\n    return true;\n  });\n}\n\n/** Prefer the current node or its closest visible ancestor, then selection or first node. */\nexport function vdTreeFocusKey(\n  nodes: readonly VdTreeNode[],\n  current: string | null,\n  selected: string | null,\n): string | null {\n  const visible = vdTreeVisible(nodes);\n  const keys = new Set(visible.map((node) => node.key));\n  const seen = new Set<string>();\n  let key = current;\n  while (key !== null && !seen.has(key)) {\n    if (keys.has(key)) return key;\n    seen.add(key);\n    key = nodes.find((node) => node.key === key)?.parent ?? null;\n  }\n  return selected !== null && keys.has(selected) ? selected : (visible[0]?.key ?? null);\n}\n\nexport type VdTreeAction =\n  | { type: 'focus'; key: string }\n  | { type: 'expand'; key: string; expanded: boolean }\n  | { type: 'select'; key: string };\n\n/** RTL mirrors branch keys; disabled nodes are focusable but cannot be activated. */\nexport function vdTreeAction(\n  key: string,\n  current: string,\n  nodes: readonly VdTreeNode[],\n  rtl = false,\n): VdTreeAction | null {\n  const visible = vdTreeVisible(nodes);\n  const index = visible.findIndex((node) => node.key === current);\n  const node = visible[index];\n  if (!node) return null;\n  const focus = (target: VdTreeNode | undefined): VdTreeAction | null =>\n    target ? { type: 'focus', key: target.key } : null;\n  if (key === 'Home') return focus(visible[0]);\n  if (key === 'End') return focus(visible.at(-1));\n  if (key === 'ArrowDown') return focus(visible[Math.min(index + 1, visible.length - 1)]);\n  if (key === 'ArrowUp') return focus(visible[Math.max(index - 1, 0)]);\n  if (key === 'Enter' || key === ' ')\n    return node.disabled ? null : { type: 'select', key: current };\n  const child = nodes.find((item) => item.parent === current);\n  if (key === (rtl ? 'ArrowLeft' : 'ArrowRight')) {\n    if (!child) return null;\n    if (node.expanded) return focus(visible.find((item) => item.parent === current));\n    return node.disabled ? null : { type: 'expand', key: current, expanded: true };\n  }\n  if (key === (rtl ? 'ArrowRight' : 'ArrowLeft')) {\n    if (child && node.expanded)\n      return node.disabled ? null : { type: 'expand', key: current, expanded: false };\n    return focus(visible.find((item) => item.key === node.parent));\n  }\n  return null;\n}\n","import {\n  afterRenderEffect,\n  afterNextRender,\n  Injector,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  linkedSignal,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { vdUniqueId } from '@vadem/ui/field';\nimport { VdIcon } from '@vadem/ui/icon';\nimport { VdTypeahead } from '@vadem/ui/keyboard';\nimport { vdTreeAction, vdTreeFocusKey, vdTreeVisible, type VdTreeNode } from './core/tree';\nimport { vdTexts } from '@vadem/ui/locale';\n\n@Directive({\n  selector: 'ul[vdTree]',\n  exportAs: 'vdTree',\n  host: {\n    class: 'vd-tree',\n    role: 'tree',\n    '[attr.aria-label]': 't().label',\n    '[attr.aria-disabled]': 'disabled() || null',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n    '[attr.tabindex]': 'disabled() && items().length ? 0 : null',\n    '(keydown)': 'onKeydown($event)',\n    '(focusout)': 'onFocusOut($event)',\n  },\n})\nexport class VdTree {\n  readonly value = model<string | null>(null);\n  readonly label = input<string>();\n  /** Text inputs resolved against the active VD_LOCALE. */\n  protected readonly t = vdTexts('tree', { label: this.label });\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly element = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly document = inject(DOCUMENT);\n  private readonly injector = inject(Injector);\n  private readonly descendants = contentChildren(VdTreeItem, { descendants: true });\n  readonly items = computed(() => this.descendants().filter((item) => item.tree === this));\n  readonly nodes = computed(() =>\n    this.items().map((item) => ({\n      key: item.value(),\n      parent: item.parent?.value() ?? null,\n      expanded: item.expanded(),\n      disabled: item.disabled(),\n    })),\n  );\n  readonly visible = computed(() => vdTreeVisible(this.nodes()));\n  readonly focused = linkedSignal<{ nodes: VdTreeNode[]; selected: string | null }, string | null>({\n    source: () => ({ nodes: this.nodes(), selected: this.value() }),\n    computation: (source, previous) =>\n      vdTreeFocusKey(\n        source.nodes,\n        this.lastFocused ? (previous?.value ?? null) : null,\n        source.selected,\n      ),\n  });\n  private readonly typeahead = new VdTypeahead();\n  private lastFocused: VdTreeItem | null = null;\n\n  constructor() {\n    afterRenderEffect(() => {\n      const keys = this.visible().map((item) => item.key);\n      const target = this.focused();\n      const active = this.document.activeElement;\n      if (\n        this.lastFocused &&\n        !keys.includes(this.lastFocused.value()) &&\n        (active === this.document.body || (active && this.element.contains(active)))\n      ) {\n        if (target) this.focus(target);\n      }\n    });\n  }\n\n  focus(key: string): void {\n    const item = this.items().find((item) => item.value() === key);\n    if (!item || this.disabled() || !this.visible().some((node) => node.key === key)) return;\n    this.focused.set(key);\n    item.element.focus();\n    if (this.document.activeElement !== item.element) {\n      // Expanded descendants may still be hidden until this render completes.\n      afterNextRender(\n        () => {\n          if (\n            !this.disabled() &&\n            !!this.document.activeElement &&\n            this.element.contains(this.document.activeElement) &&\n            this.focused() === key &&\n            this.visible().some((node) => node.key === key)\n          )\n            item.element.focus();\n        },\n        { injector: this.injector },\n      );\n    }\n  }\n\n  remember(item: VdTreeItem): void {\n    this.lastFocused = item;\n    this.focused.set(item.value());\n  }\n\n  select(item: VdTreeItem): void {\n    if (!this.disabled() && !item.disabled()) this.value.set(item.value());\n  }\n\n  toggle(item: VdTreeItem): void {\n    if (!this.disabled() && !item.disabled() && item.branch())\n      item.expanded.update((open) => !open);\n  }\n\n  protected onFocusOut(event: FocusEvent): void {\n    if (event.relatedTarget && !this.element.contains(event.relatedTarget as Node)) {\n      this.lastFocused = null;\n      this.typeahead.reset();\n      this.focused.set(vdTreeFocusKey(this.nodes(), null, this.value()));\n    }\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.isComposing || event.ctrlKey || event.metaKey || event.altKey || this.disabled())\n      return;\n    const item = this.items().find((item) => item.element === event.target);\n    if (!item) return;\n    const rtl = this.document.defaultView?.getComputedStyle(this.element).direction === 'rtl';\n    if (event.key === '*') {\n      event.preventDefault();\n      this.items()\n        .filter((peer) => peer.parent === item.parent && peer.branch() && !peer.disabled())\n        .forEach((peer) => peer.expanded.set(true));\n      return;\n    }\n    const action = vdTreeAction(event.key, item.value(), this.nodes(), rtl);\n    if (action) {\n      event.preventDefault();\n      this.typeahead.reset();\n      if (action.type === 'focus') this.focus(action.key);\n      else if (action.type === 'select') this.select(item);\n      else item.expanded.set(action.expanded);\n    } else if (['ArrowLeft', 'ArrowRight', 'Enter', ' '].includes(event.key)) {\n      event.preventDefault();\n    } else if (VdTypeahead.accepts(event)) {\n      event.preventDefault();\n      const visible = this.visible();\n      const index = this.typeahead.match(\n        event.key,\n        visible.map((node) =>\n          this.items()\n            .find((item) => item.value() === node.key)!\n            .label(),\n        ),\n        visible.map(() => false),\n        visible.findIndex((node) => node.key === item.value()),\n      );\n      if (index !== null) this.focus(visible[index].key);\n    }\n  }\n}\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'li[vdTreeItem]',\n  exportAs: 'vdTreeItem',\n  imports: [VdIcon],\n  template: `\n    <span class=\"vd-tree-item__row\">\n      <span class=\"vd-tree-item__toggle\" aria-hidden=\"true\">\n        @if (branch()) {\n          <vd-icon [name]=\"expanded() ? 'chevron-down' : 'chevron-right'\" />\n        }\n      </span>\n      <span class=\"vd-tree-item__label\" [id]=\"labelId\">{{ label() }}</span>\n      <span class=\"vd-tree-item__check\" aria-hidden=\"true\">\n        @if (selected()) {\n          <vd-icon name=\"check\" />\n        }\n      </span>\n    </span>\n    <ng-content />\n  `,\n  host: {\n    class: 'vd-tree-item',\n    role: 'treeitem',\n    '[attr.aria-labelledby]': 'labelId',\n    '[attr.aria-expanded]': 'branch() ? expanded() : null',\n    '[attr.aria-selected]': 'isDisabled() ? null : selected()',\n    '[attr.aria-disabled]': 'isDisabled() || null',\n    '[attr.aria-level]': 'level()',\n    '[attr.aria-posinset]': 'position()',\n    '[attr.aria-setsize]': 'siblings().length',\n    '[attr.tabindex]': '!tree.disabled() && tree.focused() === value() ? 0 : -1',\n    '[attr.data-expanded]': 'branch() ? expanded() : null',\n    '[attr.data-selected]': 'selected() ? \"\" : null',\n    '[attr.data-disabled]': 'isDisabled() ? \"\" : null',\n    '(focus)': 'tree.remember(this)',\n    '(click)': 'onClick($event)',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdTreeItem {\n  readonly value = input.required<string>();\n  readonly label = input.required<string>();\n  readonly expanded = model(false);\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly tree = inject(VdTree);\n  readonly parent = inject(VdTreeItem, { optional: true, skipSelf: true });\n  readonly element = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  readonly branch = computed(() => this.tree.items().some((item) => item.parent === this));\n  protected readonly labelId = vdUniqueId('vd-tree-label');\n  protected readonly selected = computed(() => this.tree.value() === this.value());\n  protected readonly isDisabled = computed(() => this.tree.disabled() || this.disabled());\n  protected readonly siblings = computed(() =>\n    this.tree.items().filter((item) => item.parent === this.parent),\n  );\n  protected readonly position = computed(() => this.siblings().indexOf(this) + 1);\n  readonly level = computed((): number => (this.parent?.level() ?? 0) + 1);\n\n  protected onClick(event: MouseEvent): void {\n    const target = event.target as Element;\n    if (target.closest('.vd-tree-item') !== this.element) return;\n    event.stopPropagation();\n    this.tree.focus(this.value());\n    if (target.closest('.vd-tree-item__toggle') && this.branch()) this.tree.toggle(this);\n    else this.tree.select(this);\n  }\n}\n\n@Directive({\n  selector: 'ul[vdTreeGroup]',\n  host: { class: 'vd-tree__group', role: 'group', '[hidden]': '!parent.expanded()' },\n})\nexport class VdTreeGroup {\n  protected readonly parent = inject(VdTreeItem);\n}\nexport const VD_TREE = [VdTree, VdTreeItem, VdTreeGroup] as const;\n"],"mappings":"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"}