@lifecorner/angular-ui-kit 3.4.0 → 3.5.0

package/fesm2022/lifecorner-angular-ui-kit-tree-view.mjs

@@ -0,0 +1,509 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, computed, inject, input, model, output, signal } from "@angular/core";
+import { IconComponent } from "@lifecorner/angular-ui-kit/icon";
+const FOLDER_ICON = "folder";
+const FOLDER_OPEN_ICON = "folder-open";
+const FILE_FALLBACK_ICON = "file";
+const FILE_NAME_ICONS = {
+	"package.json": "brand-npm",
+	"package-lock.json": "brand-npm",
+	"yarn.lock": "brand-yarn",
+	"pnpm-lock.yaml": "brand-pnpm",
+	"dockerfile": "brand-docker",
+	"docker-compose.yml": "brand-docker",
+	"docker-compose.yaml": "brand-docker",
+	".gitignore": "brand-git",
+	".gitattributes": "brand-git",
+	".gitmodules": "brand-git",
+	"readme.md": "book",
+	"license": "license",
+	"license.md": "license",
+	".env": "key",
+	".env.local": "key",
+	".editorconfig": "settings",
+	".prettierrc": "settings",
+	".eslintrc": "settings",
+	"tsconfig.json": "brand-typescript",
+	"angular.json": "brand-angular",
+	"nx.json": "settings",
+	"makefile": "terminal"
+};
+const FILE_EXT_ICONS = {
+	ts: "brand-typescript",
+	tsx: "brand-typescript",
+	js: "brand-javascript",
+	jsx: "brand-javascript",
+	mjs: "brand-javascript",
+	cjs: "brand-javascript",
+	html: "brand-html5",
+	htm: "brand-html5",
+	css: "brand-css3",
+	scss: "brand-sass",
+	sass: "brand-sass",
+	less: "brand-css3",
+	py: "brand-python",
+	rb: "diamond",
+	go: "brand-golang",
+	rs: "brand-rust",
+	java: "coffee",
+	kt: "brand-kotlin",
+	swift: "brand-swift",
+	c: "file-code",
+	h: "file-code",
+	cpp: "brand-cpp",
+	cs: "brand-c-sharp",
+	php: "brand-php",
+	dart: "brand-flutter",
+	sh: "terminal-2",
+	bash: "terminal-2",
+	zsh: "terminal-2",
+	sql: "database",
+	json: "braces",
+	jsonc: "braces",
+	yml: "file-code",
+	yaml: "file-code",
+	toml: "file-code",
+	xml: "file-code",
+	ini: "settings",
+	env: "key",
+	md: "markdown",
+	mdx: "markdown",
+	txt: "file-text",
+	pdf: "file-type-pdf",
+	doc: "file-text",
+	docx: "file-text",
+	csv: "file-spreadsheet",
+	xls: "file-spreadsheet",
+	xlsx: "file-spreadsheet",
+	png: "photo",
+	jpg: "photo",
+	jpeg: "photo",
+	gif: "photo",
+	webp: "photo",
+	svg: "file-vector",
+	ico: "photo",
+	bmp: "photo",
+	mp3: "music",
+	wav: "music",
+	mp4: "video",
+	mov: "video",
+	webm: "video",
+	zip: "file-zip",
+	tar: "file-zip",
+	gz: "file-zip",
+	rar: "file-zip",
+	"7z": "file-zip",
+	woff: "typography",
+	woff2: "typography",
+	ttf: "typography",
+	otf: "typography",
+	lock: "lock"
+};
+function resolveFileIcon(fileName) {
+	const lower = fileName.toLowerCase();
+	const byName = FILE_NAME_ICONS[lower];
+	if (byName) return byName;
+	const dotIndex = lower.lastIndexOf(".");
+	if (dotIndex > 0 && dotIndex < lower.length - 1) {
+		const ext = lower.slice(dotIndex + 1);
+		const byExt = FILE_EXT_ICONS[ext];
+		if (byExt) return byExt;
+	}
+	return FILE_FALLBACK_ICON;
+}
+const BADGE_STATUS_COLOR = {
+	default: "var(--color-text-tertiary)",
+	added: "var(--color-success-default, #16a34a)",
+	modified: "var(--color-warning-default, #d97706)",
+	removed: "var(--color-error-default, #dc2626)",
+	muted: "var(--color-text-disabled)",
+	success: "var(--color-success-default, #16a34a)",
+	busy: "var(--color-primary-500, #6366f1)"
+};
+function nodeType(node) {
+	return node.type ?? (node.children ? "folder" : "file");
+}
+function isExpandable(node) {
+	return !!node.children?.length;
+}
+var TreeViewComponent = class TreeViewComponent {
+	nodes = input.required(...ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []);
+	selectedId = model(null, ...ngDevMode ? [{ debugName: "selectedId" }] : /* istanbul ignore next */ []);
+	showGuides = input(true, ...ngDevMode ? [{ debugName: "showGuides" }] : /* istanbul ignore next */ []);
+	showToolbar = input(true, ...ngDevMode ? [{ debugName: "showToolbar" }] : /* istanbul ignore next */ []);
+	expandAllLabel = input("Expand all", ...ngDevMode ? [{ debugName: "expandAllLabel" }] : /* istanbul ignore next */ []);
+	collapseAllLabel = input("Collapse all", ...ngDevMode ? [{ debugName: "collapseAllLabel" }] : /* istanbul ignore next */ []);
+	iconSize = input("sm", ...ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []);
+	expandAriaLabel = input("Expand", ...ngDevMode ? [{ debugName: "expandAriaLabel" }] : /* istanbul ignore next */ []);
+	collapseAriaLabel = input("Collapse", ...ngDevMode ? [{ debugName: "collapseAriaLabel" }] : /* istanbul ignore next */ []);
+	nodeClick = output();
+	host = inject(ElementRef);
+	expandOverrides = signal(/* @__PURE__ */ new Map(), ...ngDevMode ? [{ debugName: "expandOverrides" }] : /* istanbul ignore next */ []);
+	focusedId = signal(null, ...ngDevMode ? [{ debugName: "focusedId" }] : /* istanbul ignore next */ []);
+	visibleNodes = computed(() => {
+		const out = [];
+		const overrides = this.expandOverrides();
+		this.flatten(this.nodes(), 0, "", [], overrides, out, null);
+		return out;
+	}, ...ngDevMode ? [{ debugName: "visibleNodes" }] : /* istanbul ignore next */ []);
+	tabStopId = computed(() => {
+		const nodes = this.visibleNodes();
+		const focusable = (id) => id !== null && nodes.some((n) => n.id === id && !n.disabled);
+		const focused = this.focusedId();
+		if (focusable(focused)) return focused;
+		const selected = this.selectedId();
+		if (focusable(selected)) return selected;
+		return nodes.find((n) => !n.disabled)?.id ?? null;
+	}, ...ngDevMode ? [{ debugName: "tabStopId" }] : /* istanbul ignore next */ []);
+	badgeColor(status) {
+		return BADGE_STATUS_COLOR[status];
+	}
+	onNodeClick(flat) {
+		if (flat.disabled) return;
+		if (flat.hasChildren) this.toggle(flat);
+		this.selectedId.set(flat.id);
+		const original = this.findNode(this.nodes(), "", flat.id);
+		if (original) this.nodeClick.emit(original);
+	}
+	onToggleClick(flat, event) {
+		event.stopPropagation();
+		if (!flat.disabled) this.toggle(flat);
+	}
+	onFocus(flat) {
+		this.focusedId.set(flat.id);
+	}
+	onKeydown(flat, event) {
+		if (flat.disabled) return;
+		const nodes = this.visibleNodes();
+		const index = nodes.findIndex((n) => n.id === flat.id);
+		switch (event.key) {
+			case "Enter":
+			case " ":
+				event.preventDefault();
+				this.onNodeClick(flat);
+				break;
+			case "ArrowRight":
+				event.preventDefault();
+				if (!flat.hasChildren) return;
+				if (!flat.expanded) this.setExpanded(flat.id, true);
+				else this.focusIndex(index + 1);
+				break;
+			case "ArrowLeft":
+				event.preventDefault();
+				if (flat.hasChildren && flat.expanded) this.setExpanded(flat.id, false);
+				else if (flat.parentId !== null) this.focusIndex(nodes.findIndex((n) => n.id === flat.parentId));
+				break;
+			case "ArrowDown":
+				event.preventDefault();
+				this.focusIndex(this.nextEnabled(nodes, index, 1));
+				break;
+			case "ArrowUp":
+				event.preventDefault();
+				this.focusIndex(this.nextEnabled(nodes, index, -1));
+				break;
+			case "Home":
+				event.preventDefault();
+				this.focusIndex(this.nextEnabled(nodes, -1, 1));
+				break;
+			case "End":
+				event.preventDefault();
+				this.focusIndex(this.nextEnabled(nodes, nodes.length, -1));
+		}
+	}
+	expandAll() {
+		this.setAll(true);
+	}
+	collapseAll() {
+		this.setAll(false);
+	}
+	trackById = (_, n) => n.id;
+	nextEnabled(nodes, from, dir) {
+		for (let i = from + dir; i >= 0 && i < nodes.length; i += dir) if (!nodes[i].disabled) return i;
+		return -1;
+	}
+	focusIndex(index) {
+		const nodes = this.visibleNodes();
+		if (index < 0 || index >= nodes.length || nodes[index].disabled) return;
+		this.focusedId.set(nodes[index].id);
+		this.host.nativeElement.querySelectorAll(".lc-tree-view__item")[index]?.focus();
+	}
+	toggle(flat) {
+		this.setExpanded(flat.id, !flat.expanded);
+	}
+	setExpanded(id, value) {
+		this.expandOverrides.update((map) => {
+			const next = new Map(map);
+			next.set(id, value);
+			return next;
+		});
+	}
+	setAll(value) {
+		const next = /* @__PURE__ */ new Map();
+		const walk = (nodes, parentPath) => {
+			for (const node of nodes) {
+				const id = node.id ?? `${parentPath}/${node.name}`;
+				if (node.children?.length) {
+					next.set(id, value);
+					walk(node.children, id);
+				}
+			}
+		};
+		walk(this.nodes(), "");
+		this.expandOverrides.set(next);
+	}
+	isExpanded(id, node, overrides) {
+		const override = overrides.get(id);
+		if (override !== void 0) return override;
+		return node.expanded ?? false;
+	}
+	flatten(nodes, depth, parentPath, ancestorHasSibling, overrides, out, parentId) {
+		nodes.forEach((node, index) => {
+			const id = node.id ?? `${parentPath}/${node.name}`;
+			const type = nodeType(node);
+			const hasChildren = isExpandable(node);
+			const expanded = hasChildren && this.isExpanded(id, node, overrides);
+			const isLast = index === nodes.length - 1;
+			out.push({
+				id,
+				name: node.name,
+				type,
+				depth,
+				hasChildren,
+				expanded,
+				icon: this.resolveIcon(node, type, expanded),
+				color: node.color,
+				badge: node.badge,
+				status: node.status ?? "default",
+				disabled: node.disabled ?? false,
+				ancestorHasSibling,
+				isLast,
+				posInSet: index + 1,
+				setSize: nodes.length,
+				parentId
+			});
+			if (expanded && node.children) this.flatten(node.children, depth + 1, id, [...ancestorHasSibling, !isLast], overrides, out, id);
+		});
+	}
+	resolveIcon(node, type, expanded) {
+		if (node.icon) return node.icon;
+		if (type === "folder") return expanded ? FOLDER_OPEN_ICON : FOLDER_ICON;
+		if (type === "file") return node.name ? resolveFileIcon(node.name) : FILE_FALLBACK_ICON;
+		return null;
+	}
+	findNode(nodes, parentPath, targetId) {
+		for (const node of nodes) {
+			const id = node.id ?? `${parentPath}/${node.name}`;
+			if (id === targetId) return node;
+			if (node.children) {
+				const found = this.findNode(node.children, id, targetId);
+				if (found) return found;
+			}
+		}
+		return null;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: TreeViewComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: TreeViewComponent,
+		isStandalone: true,
+		selector: "lc-tree-view",
+		inputs: {
+			nodes: {
+				classPropertyName: "nodes",
+				publicName: "nodes",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			selectedId: {
+				classPropertyName: "selectedId",
+				publicName: "selectedId",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showGuides: {
+				classPropertyName: "showGuides",
+				publicName: "showGuides",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showToolbar: {
+				classPropertyName: "showToolbar",
+				publicName: "showToolbar",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			expandAllLabel: {
+				classPropertyName: "expandAllLabel",
+				publicName: "expandAllLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			collapseAllLabel: {
+				classPropertyName: "collapseAllLabel",
+				publicName: "collapseAllLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			iconSize: {
+				classPropertyName: "iconSize",
+				publicName: "iconSize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			expandAriaLabel: {
+				classPropertyName: "expandAriaLabel",
+				publicName: "expandAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			collapseAriaLabel: {
+				classPropertyName: "collapseAriaLabel",
+				publicName: "collapseAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			selectedId: "selectedIdChange",
+			nodeClick: "nodeClick"
+		},
+		host: { classAttribute: "lc-tree-view" },
+		ngImport: i0,
+		template: "@if (showToolbar()) {\n  <div class=\"lc-tree-view__toolbar\">\n    <button type=\"button\" class=\"lc-tree-view__tool-btn\" (click)=\"expandAll()\" [attr.title]=\"expandAllLabel()\">\n      <lc-icon name=\"fold-down\" size=\"xs\" [decorative]=\"true\" />\n      <span>{{ expandAllLabel() }}</span>\n    </button>\n    <button type=\"button\" class=\"lc-tree-view__tool-btn\" (click)=\"collapseAll()\" [attr.title]=\"collapseAllLabel()\">\n      <lc-icon name=\"fold-up\" size=\"xs\" [decorative]=\"true\" />\n      <span>{{ collapseAllLabel() }}</span>\n    </button>\n  </div>\n}\n\n<ul class=\"lc-tree-view__list\" role=\"tree\">\n  @for (node of visibleNodes(); track trackById($index, node)) {\n    <li\n      class=\"lc-tree-view__item\"\n      [class.lc-tree-view__item--selected]=\"node.id === selectedId()\"\n      [class.lc-tree-view__item--disabled]=\"node.disabled\"\n      [class.lc-tree-view__item--folder]=\"node.type === 'folder'\"\n      role=\"treeitem\"\n      [attr.aria-level]=\"node.depth + 1\"\n      [attr.aria-posinset]=\"node.posInSet\"\n      [attr.aria-setsize]=\"node.setSize\"\n      [attr.aria-expanded]=\"node.hasChildren ? node.expanded : null\"\n      [attr.aria-selected]=\"node.id === selectedId()\"\n      [attr.aria-disabled]=\"node.disabled ? true : null\"\n      [attr.aria-busy]=\"node.status === 'busy' ? true : null\"\n      [tabindex]=\"node.id === tabStopId() ? 0 : -1\"\n      (focus)=\"onFocus(node)\"\n      (click)=\"onNodeClick(node)\"\n      (keydown)=\"onKeydown(node, $event)\"\n    >\n      <!-- indentation + guide lines -->\n      @for (hasSibling of node.ancestorHasSibling; track $index) {\n        <span\n          class=\"lc-tree-view__indent\"\n          [class.lc-tree-view__indent--guide]=\"showGuides() && hasSibling\"\n        ></span>\n      }\n\n      <!-- expand / collapse chevron -->\n      <span class=\"lc-tree-view__chevron\">\n        @if (node.hasChildren) {\n          <button\n            type=\"button\"\n            class=\"lc-tree-view__chevron-btn\"\n            [class.lc-tree-view__chevron-btn--expanded]=\"node.expanded\"\n            (click)=\"onToggleClick(node, $event)\"\n            [attr.aria-label]=\"node.expanded ? collapseAriaLabel() : expandAriaLabel()\"\n            tabindex=\"-1\"\n          >\n            <lc-icon name=\"chevron-right\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n        }\n      </span>\n\n      <!-- type / file icon, or type dot for custom node types -->\n      <span\n        class=\"lc-tree-view__icon\"\n        [style.color]=\"\n          node.color ?? (node.status === 'default' ? null : badgeColor(node.status))\n        \"\n      >\n        @if (node.icon; as icon) {\n          <lc-icon [name]=\"icon\" [size]=\"iconSize()\" [decorative]=\"true\" />\n        } @else {\n          <span\n            class=\"lc-tree-view__type-dot\"\n            [style.background-color]=\"node.color ?? null\"\n          ></span>\n        }\n      </span>\n\n      <!-- label -->\n      <span class=\"lc-tree-view__label\">{{ node.name }}</span>\n\n      <!-- badge -->\n      @if (node.badge) {\n        <span\n          class=\"lc-tree-view__badge\"\n          [style.color]=\"badgeColor(node.status)\"\n          [style.border-color]=\"badgeColor(node.status)\"\n          >{{ node.badge }}</span\n        >\n      }\n\n      <!-- status indicator -->\n      @if (node.status === 'success') {\n        <span class=\"lc-tree-view__status lc-tree-view__status--success\">\n          <lc-icon name=\"check\" size=\"xs\" [decorative]=\"true\" />\n        </span>\n      } @else if (node.status === 'busy') {\n        <span class=\"lc-tree-view__status lc-tree-view__status--busy\"></span>\n      }\n    </li>\n  }\n</ul>\n",
+		styles: [":host{display:block;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);overflow:hidden;font-size:var(--lc-tree-view-font-size, 13px);color:var(--color-text-primary)}.lc-tree-view__toolbar{display:flex;align-items:center;gap:4px;padding:6px 8px;border-bottom:1px solid var(--color-divider);background:var(--color-surface-2);-webkit-user-select:none;user-select:none}.lc-tree-view__tool-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--color-text-secondary);font-size:var(--typography-font-size-xs, .75rem);cursor:pointer;line-height:1}.lc-tree-view__tool-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.lc-tree-view__tool-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-500) 20%,transparent)}.lc-tree-view__list{list-style:none;margin:0;padding:4px 0}.lc-tree-view__item{display:flex;align-items:center;height:var(--lc-tree-view-row-height, 26px);padding-right:8px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;outline:none}.lc-tree-view__item:hover{background:var(--color-surface-hover)}.lc-tree-view__item:focus-visible{box-shadow:inset 0 0 0 2px var(--color-primary-400)}.lc-tree-view__item--selected{background:var(--color-primary-50)}.lc-tree-view__item--selected:hover{background:var(--color-primary-100, var(--color-primary-50))}.lc-tree-view__item--selected .lc-tree-view__label{color:var(--color-primary-700);font-weight:500}.lc-tree-view__item--disabled{opacity:.5;cursor:not-allowed}.lc-tree-view__item--disabled:hover{background:transparent}.lc-tree-view__indent{flex:0 0 18px;width:18px;height:100%;position:relative}.lc-tree-view__indent--guide:before{content:\"\";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--color-divider)}.lc-tree-view__chevron{flex:0 0 18px;width:18px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.lc-tree-view__chevron-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:3px;transition:transform .12s ease}.lc-tree-view__chevron-btn:hover{background:var(--color-surface-sunken)}.lc-tree-view__chevron-btn--expanded{transform:rotate(90deg)}.lc-tree-view__icon{display:flex;align-items:center;margin-right:6px;color:var(--color-text-tertiary)}.lc-tree-view__item--folder .lc-tree-view__icon{color:var(--color-primary-500, #6366f1)}.lc-tree-view__label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary)}.lc-tree-view__badge{flex:0 0 auto;margin-left:8px;padding:1px 6px;border:1px solid;border-radius:10px;font-size:10px;line-height:1.4;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.lc-tree-view__type-dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--color-text-tertiary)}.lc-tree-view__status{flex:0 0 auto;display:inline-flex;align-items:center;margin-left:8px}.lc-tree-view__status--success{color:var(--color-success-default, #16a34a)}.lc-tree-view__status--busy{width:8px;height:8px;border-radius:50%;background:var(--color-primary-500, #6366f1);animation:lc-tree-view-pulse 1.2s ease-in-out infinite}@keyframes lc-tree-view-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}@media(prefers-reduced-motion:reduce){.lc-tree-view__status--busy{animation:none}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: IconComponent,
+			selector: "lc-icon",
+			inputs: [
+				"name",
+				"variant",
+				"size",
+				"color",
+				"ariaLabel",
+				"decorative",
+				"strict"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: TreeViewComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-tree-view",
+			standalone: true,
+			imports: [IconComponent],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "lc-tree-view" },
+			template: "@if (showToolbar()) {\n  <div class=\"lc-tree-view__toolbar\">\n    <button type=\"button\" class=\"lc-tree-view__tool-btn\" (click)=\"expandAll()\" [attr.title]=\"expandAllLabel()\">\n      <lc-icon name=\"fold-down\" size=\"xs\" [decorative]=\"true\" />\n      <span>{{ expandAllLabel() }}</span>\n    </button>\n    <button type=\"button\" class=\"lc-tree-view__tool-btn\" (click)=\"collapseAll()\" [attr.title]=\"collapseAllLabel()\">\n      <lc-icon name=\"fold-up\" size=\"xs\" [decorative]=\"true\" />\n      <span>{{ collapseAllLabel() }}</span>\n    </button>\n  </div>\n}\n\n<ul class=\"lc-tree-view__list\" role=\"tree\">\n  @for (node of visibleNodes(); track trackById($index, node)) {\n    <li\n      class=\"lc-tree-view__item\"\n      [class.lc-tree-view__item--selected]=\"node.id === selectedId()\"\n      [class.lc-tree-view__item--disabled]=\"node.disabled\"\n      [class.lc-tree-view__item--folder]=\"node.type === 'folder'\"\n      role=\"treeitem\"\n      [attr.aria-level]=\"node.depth + 1\"\n      [attr.aria-posinset]=\"node.posInSet\"\n      [attr.aria-setsize]=\"node.setSize\"\n      [attr.aria-expanded]=\"node.hasChildren ? node.expanded : null\"\n      [attr.aria-selected]=\"node.id === selectedId()\"\n      [attr.aria-disabled]=\"node.disabled ? true : null\"\n      [attr.aria-busy]=\"node.status === 'busy' ? true : null\"\n      [tabindex]=\"node.id === tabStopId() ? 0 : -1\"\n      (focus)=\"onFocus(node)\"\n      (click)=\"onNodeClick(node)\"\n      (keydown)=\"onKeydown(node, $event)\"\n    >\n      <!-- indentation + guide lines -->\n      @for (hasSibling of node.ancestorHasSibling; track $index) {\n        <span\n          class=\"lc-tree-view__indent\"\n          [class.lc-tree-view__indent--guide]=\"showGuides() && hasSibling\"\n        ></span>\n      }\n\n      <!-- expand / collapse chevron -->\n      <span class=\"lc-tree-view__chevron\">\n        @if (node.hasChildren) {\n          <button\n            type=\"button\"\n            class=\"lc-tree-view__chevron-btn\"\n            [class.lc-tree-view__chevron-btn--expanded]=\"node.expanded\"\n            (click)=\"onToggleClick(node, $event)\"\n            [attr.aria-label]=\"node.expanded ? collapseAriaLabel() : expandAriaLabel()\"\n            tabindex=\"-1\"\n          >\n            <lc-icon name=\"chevron-right\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n        }\n      </span>\n\n      <!-- type / file icon, or type dot for custom node types -->\n      <span\n        class=\"lc-tree-view__icon\"\n        [style.color]=\"\n          node.color ?? (node.status === 'default' ? null : badgeColor(node.status))\n        \"\n      >\n        @if (node.icon; as icon) {\n          <lc-icon [name]=\"icon\" [size]=\"iconSize()\" [decorative]=\"true\" />\n        } @else {\n          <span\n            class=\"lc-tree-view__type-dot\"\n            [style.background-color]=\"node.color ?? null\"\n          ></span>\n        }\n      </span>\n\n      <!-- label -->\n      <span class=\"lc-tree-view__label\">{{ node.name }}</span>\n\n      <!-- badge -->\n      @if (node.badge) {\n        <span\n          class=\"lc-tree-view__badge\"\n          [style.color]=\"badgeColor(node.status)\"\n          [style.border-color]=\"badgeColor(node.status)\"\n          >{{ node.badge }}</span\n        >\n      }\n\n      <!-- status indicator -->\n      @if (node.status === 'success') {\n        <span class=\"lc-tree-view__status lc-tree-view__status--success\">\n          <lc-icon name=\"check\" size=\"xs\" [decorative]=\"true\" />\n        </span>\n      } @else if (node.status === 'busy') {\n        <span class=\"lc-tree-view__status lc-tree-view__status--busy\"></span>\n      }\n    </li>\n  }\n</ul>\n",
+			styles: [":host{display:block;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);overflow:hidden;font-size:var(--lc-tree-view-font-size, 13px);color:var(--color-text-primary)}.lc-tree-view__toolbar{display:flex;align-items:center;gap:4px;padding:6px 8px;border-bottom:1px solid var(--color-divider);background:var(--color-surface-2);-webkit-user-select:none;user-select:none}.lc-tree-view__tool-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--color-text-secondary);font-size:var(--typography-font-size-xs, .75rem);cursor:pointer;line-height:1}.lc-tree-view__tool-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.lc-tree-view__tool-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-500) 20%,transparent)}.lc-tree-view__list{list-style:none;margin:0;padding:4px 0}.lc-tree-view__item{display:flex;align-items:center;height:var(--lc-tree-view-row-height, 26px);padding-right:8px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;outline:none}.lc-tree-view__item:hover{background:var(--color-surface-hover)}.lc-tree-view__item:focus-visible{box-shadow:inset 0 0 0 2px var(--color-primary-400)}.lc-tree-view__item--selected{background:var(--color-primary-50)}.lc-tree-view__item--selected:hover{background:var(--color-primary-100, var(--color-primary-50))}.lc-tree-view__item--selected .lc-tree-view__label{color:var(--color-primary-700);font-weight:500}.lc-tree-view__item--disabled{opacity:.5;cursor:not-allowed}.lc-tree-view__item--disabled:hover{background:transparent}.lc-tree-view__indent{flex:0 0 18px;width:18px;height:100%;position:relative}.lc-tree-view__indent--guide:before{content:\"\";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--color-divider)}.lc-tree-view__chevron{flex:0 0 18px;width:18px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.lc-tree-view__chevron-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:3px;transition:transform .12s ease}.lc-tree-view__chevron-btn:hover{background:var(--color-surface-sunken)}.lc-tree-view__chevron-btn--expanded{transform:rotate(90deg)}.lc-tree-view__icon{display:flex;align-items:center;margin-right:6px;color:var(--color-text-tertiary)}.lc-tree-view__item--folder .lc-tree-view__icon{color:var(--color-primary-500, #6366f1)}.lc-tree-view__label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary)}.lc-tree-view__badge{flex:0 0 auto;margin-left:8px;padding:1px 6px;border:1px solid;border-radius:10px;font-size:10px;line-height:1.4;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.lc-tree-view__type-dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--color-text-tertiary)}.lc-tree-view__status{flex:0 0 auto;display:inline-flex;align-items:center;margin-left:8px}.lc-tree-view__status--success{color:var(--color-success-default, #16a34a)}.lc-tree-view__status--busy{width:8px;height:8px;border-radius:50%;background:var(--color-primary-500, #6366f1);animation:lc-tree-view-pulse 1.2s ease-in-out infinite}@keyframes lc-tree-view-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}@media(prefers-reduced-motion:reduce){.lc-tree-view__status--busy{animation:none}}\n"]
+		}]
+	}],
+	propDecorators: {
+		nodes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nodes",
+				required: true
+			}]
+		}],
+		selectedId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectedId",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["selectedIdChange"]
+		}],
+		showGuides: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showGuides",
+				required: false
+			}]
+		}],
+		showToolbar: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showToolbar",
+				required: false
+			}]
+		}],
+		expandAllLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "expandAllLabel",
+				required: false
+			}]
+		}],
+		collapseAllLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "collapseAllLabel",
+				required: false
+			}]
+		}],
+		iconSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "iconSize",
+				required: false
+			}]
+		}],
+		expandAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "expandAriaLabel",
+				required: false
+			}]
+		}],
+		collapseAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "collapseAriaLabel",
+				required: false
+			}]
+		}],
+		nodeClick: [{
+			type: i0.Output,
+			args: ["nodeClick"]
+		}]
+	}
+});
+export { FILE_FALLBACK_ICON, FOLDER_ICON, FOLDER_OPEN_ICON, TreeViewComponent, resolveFileIcon };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-tree-view.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-tree-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-tree-view.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/tree-view/file-icons.ts","../../../../libs/angular-ui-kit/src/lib/tree-view/tree-view.component.ts","../../../../libs/angular-ui-kit/src/lib/tree-view/tree-view.component.html"],"sourcesContent":["/**\n * File-type → icon mapping for the TreeView component.\n *\n * Icon names refer to Tabler Icons (the design system's icon source).\n * Resolution order for a file node:\n *   1. explicit `node.icon`\n *   2. exact file name match (e.g. `package.json`, `Dockerfile`)\n *   3. file extension match (e.g. `.ts`, `.png`)\n *   4. generic file fallback\n */\n\n/** Icon used for collapsed folders. */\nexport const FOLDER_ICON = 'folder';\n/** Icon used for expanded (open) folders. */\nexport const FOLDER_OPEN_ICON = 'folder-open';\n/** Generic fallback icon for files with no specific match. */\nexport const FILE_FALLBACK_ICON = 'file';\n\n/** Map of well-known file names (lower-cased) to icons. */\nconst FILE_NAME_ICONS: Record<string, string> = {\n  'package.json': 'brand-npm',\n  'package-lock.json': 'brand-npm',\n  'yarn.lock': 'brand-yarn',\n  'pnpm-lock.yaml': 'brand-pnpm',\n  'dockerfile': 'brand-docker',\n  'docker-compose.yml': 'brand-docker',\n  'docker-compose.yaml': 'brand-docker',\n  '.gitignore': 'brand-git',\n  '.gitattributes': 'brand-git',\n  '.gitmodules': 'brand-git',\n  'readme.md': 'book',\n  'license': 'license',\n  'license.md': 'license',\n  '.env': 'key',\n  '.env.local': 'key',\n  '.editorconfig': 'settings',\n  '.prettierrc': 'settings',\n  '.eslintrc': 'settings',\n  'tsconfig.json': 'brand-typescript',\n  'angular.json': 'brand-angular',\n  'nx.json': 'settings',\n  'makefile': 'terminal',\n};\n\n/** Map of file extensions (without dot, lower-cased) to icons. */\nconst FILE_EXT_ICONS: Record<string, string> = {\n  // Languages\n  ts: 'brand-typescript',\n  tsx: 'brand-typescript',\n  js: 'brand-javascript',\n  jsx: 'brand-javascript',\n  mjs: 'brand-javascript',\n  cjs: 'brand-javascript',\n  html: 'brand-html5',\n  htm: 'brand-html5',\n  css: 'brand-css3',\n  scss: 'brand-sass',\n  sass: 'brand-sass',\n  less: 'brand-css3',\n  py: 'brand-python',\n  rb: 'diamond',\n  go: 'brand-golang',\n  rs: 'brand-rust',\n  java: 'coffee',\n  kt: 'brand-kotlin',\n  swift: 'brand-swift',\n  c: 'file-code',\n  h: 'file-code',\n  cpp: 'brand-cpp',\n  cs: 'brand-c-sharp',\n  php: 'brand-php',\n  dart: 'brand-flutter',\n  sh: 'terminal-2',\n  bash: 'terminal-2',\n  zsh: 'terminal-2',\n  sql: 'database',\n  // Data / config\n  json: 'braces',\n  jsonc: 'braces',\n  yml: 'file-code',\n  yaml: 'file-code',\n  toml: 'file-code',\n  xml: 'file-code',\n  ini: 'settings',\n  env: 'key',\n  // Docs\n  md: 'markdown',\n  mdx: 'markdown',\n  txt: 'file-text',\n  pdf: 'file-type-pdf',\n  doc: 'file-text',\n  docx: 'file-text',\n  csv: 'file-spreadsheet',\n  xls: 'file-spreadsheet',\n  xlsx: 'file-spreadsheet',\n  // Images\n  png: 'photo',\n  jpg: 'photo',\n  jpeg: 'photo',\n  gif: 'photo',\n  webp: 'photo',\n  svg: 'file-vector',\n  ico: 'photo',\n  bmp: 'photo',\n  // Media\n  mp3: 'music',\n  wav: 'music',\n  mp4: 'video',\n  mov: 'video',\n  webm: 'video',\n  // Archives\n  zip: 'file-zip',\n  tar: 'file-zip',\n  gz: 'file-zip',\n  rar: 'file-zip',\n  '7z': 'file-zip',\n  // Fonts\n  woff: 'typography',\n  woff2: 'typography',\n  ttf: 'typography',\n  otf: 'typography',\n  // Misc\n  lock: 'lock',\n};\n\n/**\n * Resolve the icon name for a file based on its name.\n * Performs exact-name then extension lookup, falling back to a generic file icon.\n */\nexport function resolveFileIcon(fileName: string): string {\n  const lower = fileName.toLowerCase();\n\n  const byName = FILE_NAME_ICONS[lower];\n  if (byName) return byName;\n\n  const dotIndex = lower.lastIndexOf('.');\n  if (dotIndex > 0 && dotIndex < lower.length - 1) {\n    const ext = lower.slice(dotIndex + 1);\n    const byExt = FILE_EXT_ICONS[ext];\n    if (byExt) return byExt;\n  }\n\n  return FILE_FALLBACK_ICON;\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  computed,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n} from '@angular/core';\nimport { IconComponent } from '@lifecorner/angular-ui-kit/icon';\nimport {\n  FILE_FALLBACK_ICON,\n  FOLDER_ICON,\n  FOLDER_OPEN_ICON,\n  resolveFileIcon,\n} from './file-icons';\n\n// ── Public types ─────────────────────────────────────────────────────────────\n\n/**\n * Node type. `'file'` and `'folder'` get the built-in file-tree treatment\n * (extension icons, folder open/close icons). Any other string marks a custom\n * domain type: such nodes render a colored type dot (or an explicit `icon`)\n * instead of file icons.\n */\nexport type TreeNodeType = 'file' | 'folder' | (string & {});\n\nexport type TreeNodeStatus =\n  | 'default'\n  | 'added'\n  | 'modified'\n  | 'removed'\n  | 'muted'\n  | 'success'\n  | 'busy';\n\n/**\n * A node in the tree. Any node carrying `children` can expand — this covers\n * file trees (folders) as well as arbitrary domain hierarchies.\n */\nexport interface TreeNode {\n  /** Display name, e.g. `app.component.ts` or `src`. */\n  name: string;\n  /**\n   * Node type. Optional — inferred as `folder` when `children` is present,\n   * otherwise `file`. May be any string for domain hierarchies.\n   */\n  type?: TreeNodeType;\n  /**\n   * Stable identifier. Optional — when omitted, the full path is used,\n   * which is stable as long as names are unique among siblings.\n   */\n  id?: string;\n  /** Child nodes. Any node with children can expand / collapse. */\n  children?: TreeNode[];\n  /**\n   * Explicit Tabler icon name. Overrides automatic file-type / folder\n   * icon resolution and the custom-type dot.\n   */\n  icon?: string;\n  /**\n   * Accent color for the node's icon / type dot. Any CSS color, including\n   * `var(--…)` token references.\n   */\n  color?: string;\n  /** Optional badge text shown to the right of the node (e.g. git status, count). */\n  badge?: string;\n  /**\n   * Tone of the badge / node accent. `success` additionally renders a ✓\n   * indicator, `busy` a pulsing dot (static under `prefers-reduced-motion`).\n   */\n  status?: TreeNodeStatus;\n  /** Whether this node starts expanded. Ignored for nodes without children. */\n  expanded?: boolean;\n  /** Disable selection / interaction for this node. */\n  disabled?: boolean;\n}\n\n// ── Internal flattened representation ─────────────────────────────────────────\n\ninterface FlatNode {\n  id: string;\n  name: string;\n  type: TreeNodeType;\n  depth: number;\n  hasChildren: boolean;\n  expanded: boolean;\n  /** Resolved icon, or `null` for custom-type nodes that render a type dot. */\n  icon: string | null;\n  color?: string;\n  badge?: string;\n  status: TreeNodeStatus;\n  disabled: boolean;\n  /** Whether each ancestor level still has following siblings (for guide lines). */\n  ancestorHasSibling: boolean[];\n  /** Whether this node is the last among its siblings. */\n  isLast: boolean;\n  /** 1-based position among its siblings (aria-posinset). */\n  posInSet: number;\n  /** Number of siblings including itself (aria-setsize). */\n  setSize: number;\n  /** Id of the parent node, `null` for root nodes. */\n  parentId: string | null;\n}\n\nconst BADGE_STATUS_COLOR: Record<TreeNodeStatus, string> = {\n  default: 'var(--color-text-tertiary)',\n  added: 'var(--color-success-default, #16a34a)',\n  modified: 'var(--color-warning-default, #d97706)',\n  removed: 'var(--color-error-default, #dc2626)',\n  muted: 'var(--color-text-disabled)',\n  success: 'var(--color-success-default, #16a34a)',\n  busy: 'var(--color-primary-500, #6366f1)',\n};\n\nfunction nodeType(node: TreeNode): TreeNodeType {\n  return node.type ?? (node.children ? 'folder' : 'file');\n}\n\nfunction isExpandable(node: TreeNode): boolean {\n  return !!node.children?.length;\n}\n\n/**\n * Tree view component for visualizing hierarchies — file / folder trees as\n * well as arbitrary domain object trees with custom node types.\n *\n * Features:\n * - Recursive rendering from a single `nodes` input; any node with children\n *   can expand / collapse\n * - Automatic file-type icons by extension and well-known file name,\n *   with open / closed folder icons (for `file` / `folder` nodes)\n * - Custom node types: colored type dots or explicit icons via `type`,\n *   `color`, `icon`\n * - Expand / collapse, with expand-all / collapse-all helpers\n * - Two-way bound selection and a `nodeClick` event\n * - Indentation guide lines for readability\n * - Optional per-node status badges (added / modified / removed) and status\n *   indicators (`success` ✓, `busy` pulse)\n * - Keyboard accessible: roving tabindex (one tab stop), Arrow keys / Home /\n *   End move focus, Enter / Space toggle or select, Left / Right collapse /\n *   expand or move to parent / first child\n * - Dark / light theme support via design tokens\n *\n * @example\n * ```html\n * <lc-tree-view [nodes]=\"projectTree\" [(selectedId)]=\"selected\" />\n * ```\n */\n@Component({\n  selector: 'lc-tree-view',\n  standalone: true,\n  imports: [IconComponent],\n  templateUrl: './tree-view.component.html',\n  styleUrls: ['./tree-view.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'lc-tree-view' },\n})\nexport class TreeViewComponent {\n  /** The root-level nodes of the tree. */\n  readonly nodes = input.required<TreeNode[]>();\n\n  /** Id (or path) of the currently selected node (two-way bindable). */\n  readonly selectedId = model<string | null>(null);\n\n  /** Show indentation guide lines. */\n  readonly showGuides = input(true);\n\n  /** Show the expand-all / collapse-all toolbar. */\n  readonly showToolbar = input(true);\n\n  /** Label of the toolbar's expand-all button. */\n  readonly expandAllLabel = input('Expand all');\n\n  /** Label of the toolbar's collapse-all button. */\n  readonly collapseAllLabel = input('Collapse all');\n\n  /** Icon size for node icons. */\n  readonly iconSize = input<'xs' | 'sm' | 'md'>('sm');\n\n  /** Accessible name of a folder's expand toggle. */\n  readonly expandAriaLabel = input('Expand');\n\n  /** Accessible name of a folder's collapse toggle. */\n  readonly collapseAriaLabel = input('Collapse');\n\n  /** Emitted when a node is clicked / activated. */\n  readonly nodeClick = output<TreeNode>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /** Set of node ids the user has explicitly expanded / collapsed. */\n  private readonly expandOverrides = signal<Map<string, boolean>>(new Map());\n\n  /** Id of the node that last had keyboard focus (roving tabindex). */\n  private readonly focusedId = signal<string | null>(null);\n\n  /** Flattened, render-ready list of visible nodes. */\n  protected readonly visibleNodes = computed<FlatNode[]>(() => {\n    const out: FlatNode[] = [];\n    const overrides = this.expandOverrides();\n    this.flatten(this.nodes(), 0, '', [], overrides, out, null);\n    return out;\n  });\n\n  /**\n   * The single tab stop of the tree: the last focused node if it is still\n   * visible, else the selected node, else the first enabled node.\n   */\n  protected readonly tabStopId = computed<string | null>(() => {\n    const nodes = this.visibleNodes();\n    const focusable = (id: string | null) =>\n      id !== null && nodes.some((n) => n.id === id && !n.disabled);\n    const focused = this.focusedId();\n    if (focusable(focused)) return focused;\n    const selected = this.selectedId();\n    if (focusable(selected)) return selected;\n    return nodes.find((n) => !n.disabled)?.id ?? null;\n  });\n\n  protected badgeColor(status: TreeNodeStatus): string {\n    return BADGE_STATUS_COLOR[status];\n  }\n\n  protected onNodeClick(flat: FlatNode): void {\n    if (flat.disabled) return;\n    if (flat.hasChildren) {\n      this.toggle(flat);\n    }\n    this.selectedId.set(flat.id);\n    const original = this.findNode(this.nodes(), '', flat.id);\n    if (original) this.nodeClick.emit(original);\n  }\n\n  protected onToggleClick(flat: FlatNode, event: Event): void {\n    event.stopPropagation();\n    if (!flat.disabled) this.toggle(flat);\n  }\n\n  protected onFocus(flat: FlatNode): void {\n    this.focusedId.set(flat.id);\n  }\n\n  protected onKeydown(flat: FlatNode, event: KeyboardEvent): void {\n    if (flat.disabled) return;\n    const nodes = this.visibleNodes();\n    const index = nodes.findIndex((n) => n.id === flat.id);\n\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        this.onNodeClick(flat);\n        break;\n      case 'ArrowRight':\n        event.preventDefault();\n        if (!flat.hasChildren) return;\n        if (!flat.expanded) {\n          this.setExpanded(flat.id, true);\n        } else {\n          // Expanded: move to the first child.\n          this.focusIndex(index + 1);\n        }\n        break;\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (flat.hasChildren && flat.expanded) {\n          this.setExpanded(flat.id, false);\n        } else if (flat.parentId !== null) {\n          // Leaf or collapsed node: move to the parent.\n          this.focusIndex(nodes.findIndex((n) => n.id === flat.parentId));\n        }\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        this.focusIndex(this.nextEnabled(nodes, index, 1));\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        this.focusIndex(this.nextEnabled(nodes, index, -1));\n        break;\n      case 'Home':\n        event.preventDefault();\n        this.focusIndex(this.nextEnabled(nodes, -1, 1));\n        break;\n      case 'End':\n        event.preventDefault();\n        this.focusIndex(this.nextEnabled(nodes, nodes.length, -1));\n        break;\n    }\n  }\n\n  /** Expand every folder in the tree. */\n  expandAll(): void {\n    this.setAll(true);\n  }\n\n  /** Collapse every folder in the tree. */\n  collapseAll(): void {\n    this.setAll(false);\n  }\n\n  protected trackById = (_: number, n: FlatNode): string => n.id;\n\n  // ── internals ──────────────────────────────────────────────────────────────\n\n  /** Index of the next enabled node from `from` in direction `dir`, or -1. */\n  private nextEnabled(nodes: FlatNode[], from: number, dir: 1 | -1): number {\n    for (let i = from + dir; i >= 0 && i < nodes.length; i += dir) {\n      if (!nodes[i].disabled) return i;\n    }\n    return -1;\n  }\n\n  /**\n   * Moves keyboard focus to the visible node at `index`. The rows are\n   * rendered in `visibleNodes()` order, so the index maps 1:1 to the DOM.\n   */\n  private focusIndex(index: number): void {\n    const nodes = this.visibleNodes();\n    if (index < 0 || index >= nodes.length || nodes[index].disabled) return;\n    this.focusedId.set(nodes[index].id);\n    const items = this.host.nativeElement.querySelectorAll<HTMLElement>('.lc-tree-view__item');\n    items[index]?.focus();\n  }\n\n  private toggle(flat: FlatNode): void {\n    this.setExpanded(flat.id, !flat.expanded);\n  }\n\n  private setExpanded(id: string, value: boolean): void {\n    this.expandOverrides.update((map) => {\n      const next = new Map(map);\n      next.set(id, value);\n      return next;\n    });\n  }\n\n  private setAll(value: boolean): void {\n    const next = new Map<string, boolean>();\n    const walk = (nodes: TreeNode[], parentPath: string): void => {\n      for (const node of nodes) {\n        const id = node.id ?? `${parentPath}/${node.name}`;\n        if (node.children?.length) {\n          next.set(id, value);\n          walk(node.children, id);\n        }\n      }\n    };\n    walk(this.nodes(), '');\n    this.expandOverrides.set(next);\n  }\n\n  private isExpanded(\n    id: string,\n    node: TreeNode,\n    overrides: Map<string, boolean>,\n  ): boolean {\n    const override = overrides.get(id);\n    if (override !== undefined) return override;\n    return node.expanded ?? false;\n  }\n\n  private flatten(\n    nodes: TreeNode[],\n    depth: number,\n    parentPath: string,\n    ancestorHasSibling: boolean[],\n    overrides: Map<string, boolean>,\n    out: FlatNode[],\n    parentId: string | null,\n  ): void {\n    nodes.forEach((node, index) => {\n      const id = node.id ?? `${parentPath}/${node.name}`;\n      const type = nodeType(node);\n      const hasChildren = isExpandable(node);\n      const expanded = hasChildren && this.isExpanded(id, node, overrides);\n      const isLast = index === nodes.length - 1;\n\n      out.push({\n        id,\n        name: node.name,\n        type,\n        depth,\n        hasChildren,\n        expanded,\n        icon: this.resolveIcon(node, type, expanded),\n        color: node.color,\n        badge: node.badge,\n        status: node.status ?? 'default',\n        disabled: node.disabled ?? false,\n        ancestorHasSibling,\n        isLast,\n        posInSet: index + 1,\n        setSize: nodes.length,\n        parentId,\n      });\n\n      if (expanded && node.children) {\n        this.flatten(\n          node.children,\n          depth + 1,\n          id,\n          [...ancestorHasSibling, !isLast],\n          overrides,\n          out,\n          id,\n        );\n      }\n    });\n  }\n\n  private resolveIcon(\n    node: TreeNode,\n    type: TreeNodeType,\n    expanded: boolean,\n  ): string | null {\n    if (node.icon) return node.icon;\n    if (type === 'folder') return expanded ? FOLDER_OPEN_ICON : FOLDER_ICON;\n    if (type === 'file') {\n      return node.name ? resolveFileIcon(node.name) : FILE_FALLBACK_ICON;\n    }\n    // Custom domain type without explicit icon: render a colored type dot.\n    return null;\n  }\n\n  private findNode(\n    nodes: TreeNode[],\n    parentPath: string,\n    targetId: string,\n  ): TreeNode | null {\n    for (const node of nodes) {\n      const id = node.id ?? `${parentPath}/${node.name}`;\n      if (id === targetId) return node;\n      if (node.children) {\n        const found = this.findNode(node.children, id, targetId);\n        if (found) return found;\n      }\n    }\n    return null;\n  }\n}\n","@if (showToolbar()) {\n  <div class=\"lc-tree-view__toolbar\">\n    <button type=\"button\" class=\"lc-tree-view__tool-btn\" (click)=\"expandAll()\" [attr.title]=\"expandAllLabel()\">\n      <lc-icon name=\"fold-down\" size=\"xs\" [decorative]=\"true\" />\n      <span>{{ expandAllLabel() }}</span>\n    </button>\n    <button type=\"button\" class=\"lc-tree-view__tool-btn\" (click)=\"collapseAll()\" [attr.title]=\"collapseAllLabel()\">\n      <lc-icon name=\"fold-up\" size=\"xs\" [decorative]=\"true\" />\n      <span>{{ collapseAllLabel() }}</span>\n    </button>\n  </div>\n}\n\n<ul class=\"lc-tree-view__list\" role=\"tree\">\n  @for (node of visibleNodes(); track trackById($index, node)) {\n    <li\n      class=\"lc-tree-view__item\"\n      [class.lc-tree-view__item--selected]=\"node.id === selectedId()\"\n      [class.lc-tree-view__item--disabled]=\"node.disabled\"\n      [class.lc-tree-view__item--folder]=\"node.type === 'folder'\"\n      role=\"treeitem\"\n      [attr.aria-level]=\"node.depth + 1\"\n      [attr.aria-posinset]=\"node.posInSet\"\n      [attr.aria-setsize]=\"node.setSize\"\n      [attr.aria-expanded]=\"node.hasChildren ? node.expanded : null\"\n      [attr.aria-selected]=\"node.id === selectedId()\"\n      [attr.aria-disabled]=\"node.disabled ? true : null\"\n      [attr.aria-busy]=\"node.status === 'busy' ? true : null\"\n      [tabindex]=\"node.id === tabStopId() ? 0 : -1\"\n      (focus)=\"onFocus(node)\"\n      (click)=\"onNodeClick(node)\"\n      (keydown)=\"onKeydown(node, $event)\"\n    >\n      <!-- indentation + guide lines -->\n      @for (hasSibling of node.ancestorHasSibling; track $index) {\n        <span\n          class=\"lc-tree-view__indent\"\n          [class.lc-tree-view__indent--guide]=\"showGuides() && hasSibling\"\n        ></span>\n      }\n\n      <!-- expand / collapse chevron -->\n      <span class=\"lc-tree-view__chevron\">\n        @if (node.hasChildren) {\n          <button\n            type=\"button\"\n            class=\"lc-tree-view__chevron-btn\"\n            [class.lc-tree-view__chevron-btn--expanded]=\"node.expanded\"\n            (click)=\"onToggleClick(node, $event)\"\n            [attr.aria-label]=\"node.expanded ? collapseAriaLabel() : expandAriaLabel()\"\n            tabindex=\"-1\"\n          >\n            <lc-icon name=\"chevron-right\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n        }\n      </span>\n\n      <!-- type / file icon, or type dot for custom node types -->\n      <span\n        class=\"lc-tree-view__icon\"\n        [style.color]=\"\n          node.color ?? (node.status === 'default' ? null : badgeColor(node.status))\n        \"\n      >\n        @if (node.icon; as icon) {\n          <lc-icon [name]=\"icon\" [size]=\"iconSize()\" [decorative]=\"true\" />\n        } @else {\n          <span\n            class=\"lc-tree-view__type-dot\"\n            [style.background-color]=\"node.color ?? null\"\n          ></span>\n        }\n      </span>\n\n      <!-- label -->\n      <span class=\"lc-tree-view__label\">{{ node.name }}</span>\n\n      <!-- badge -->\n      @if (node.badge) {\n        <span\n          class=\"lc-tree-view__badge\"\n          [style.color]=\"badgeColor(node.status)\"\n          [style.border-color]=\"badgeColor(node.status)\"\n          >{{ node.badge }}</span\n        >\n      }\n\n      <!-- status indicator -->\n      @if (node.status === 'success') {\n        <span class=\"lc-tree-view__status lc-tree-view__status--success\">\n          <lc-icon name=\"check\" size=\"xs\" [decorative]=\"true\" />\n        </span>\n      } @else if (node.status === 'busy') {\n        <span class=\"lc-tree-view__status lc-tree-view__status--busy\"></span>\n      }\n    </li>\n  }\n</ul>\n"],"mappings":"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"}