@countermeasure-platform/web-components 0.2.0

package/dist/tree-view-CQwOGwy0.js

@@ -0,0 +1,276 @@
+import { t as e } from "./sanitize-tXExwlw-.js";
+import { r as t, t as n } from "./a11y-B5pN4M_a.js";
+import { n as r, t as i } from "./keyboard-BzL08saM.js";
+import { n as a } from "./utils-Cn_W3h3f.js";
+//#region src/components/tree-view/lazy.ts
+async function o(e) {
+	if (e.children !== void 0 && e.children.length > 0) return e.children;
+	if (e.lazyLoad === void 0) return [];
+	let t = await e.lazyLoad();
+	return e.children = t, t;
+}
+//#endregion
+//#region src/components/tree-view/index.ts
+function s(e) {
+	if (typeof e == "string") {
+		let t = document.querySelector(e);
+		if (!t) throw Error(`TreeView container not found: ${e}`);
+		return t;
+	}
+	return e;
+}
+var c = class {
+	container;
+	config;
+	data = [];
+	selectedNode = null;
+	focusedNode = null;
+	wrapperEl = null;
+	highlightQuery = "";
+	liveRegion = null;
+	treeId;
+	labelId;
+	flatNodes = [];
+	typeAhead = null;
+	constructor(e) {
+		this.container = s(e.container), this.config = e, this.treeId = a("cmm-tree"), this.labelId = a("cmm-tree-label"), e.data !== void 0 && (this.data = e.data), this.liveRegion = t("polite"), this.render();
+	}
+	setData(e) {
+		this.data = e, this.selectedNode = null, this.focusedNode = null, this.render(), this.announceUpdate(`Tree updated with ${String(this.countNodes(e))} items`);
+	}
+	expandAll() {
+		this.setExpandedRecursive(this.data, !0), this.render(), this.announceUpdate("All nodes expanded");
+	}
+	collapseAll() {
+		this.setExpandedRecursive(this.data, !1), this.render(), this.announceUpdate("All nodes collapsed");
+	}
+	expandNode(e) {
+		let t = this.findNodeById(this.data, e);
+		t && (t.expanded = !0, this.render(), this.announceUpdate(`${t.label} expanded`));
+	}
+	collapseNode(e) {
+		let t = this.findNodeById(this.data, e);
+		t && (t.expanded = !1, this.render(), this.announceUpdate(`${t.label} collapsed`));
+	}
+	highlight(e) {
+		this.highlightQuery = e.toLowerCase(), this.render();
+	}
+	getSelectedNode() {
+		return this.selectedNode;
+	}
+	destroy() {
+		this.container.innerHTML = "", this.wrapperEl = null, this.selectedNode = null, this.focusedNode = null, this.liveRegion?.destroy(), this.liveRegion = null;
+	}
+	announceUpdate(e) {
+		this.liveRegion?.announce(e);
+	}
+	countNodes(e) {
+		let t = 0;
+		for (let n of e) t++, n.children !== void 0 && (t += this.countNodes(n.children));
+		return t;
+	}
+	setExpandedRecursive(e, t) {
+		for (let n of e) n.expandable !== !1 && (n.children !== void 0 || n.lazyLoad !== void 0) && (n.expanded = t), n.children !== void 0 && this.setExpandedRecursive(n.children, t);
+	}
+	findNodeById(e, t) {
+		for (let n of e) {
+			if (n.id === t) return n;
+			if (n.children !== void 0) {
+				let e = this.findNodeById(n.children, t);
+				if (e) return e;
+			}
+		}
+		return null;
+	}
+	nodeMatchesSearch(e, t) {
+		if (t === "" || e.label.toLowerCase().includes(t)) return !0;
+		if (e.children !== void 0) {
+			for (let n of e.children) if (this.nodeMatchesSearch(n, t)) return !0;
+		}
+		return !1;
+	}
+	buildFlatNodes() {
+		this.flatNodes = [], this.flattenNodes(this.data, 0, null), this.typeAhead = r({ items: this.flatNodes.map((e) => ({ label: e.node.label })) });
+	}
+	flattenNodes(e, t, n) {
+		for (let r of e) this.highlightQuery !== "" && !this.nodeMatchesSearch(r, this.highlightQuery) || (this.flatNodes.push({
+			node: r,
+			depth: t,
+			parent: n,
+			index: this.flatNodes.length
+		}), r.expanded === !0 && r.children !== void 0 && r.children.length > 0 && this.flattenNodes(r.children, t + 1, r));
+	}
+	getFlatNode(e) {
+		return this.flatNodes.find((t) => t.node.id === e.id) ?? null;
+	}
+	getSiblingsAtLevel(e) {
+		let t = this.getFlatNode(e);
+		if (t === null) return [];
+		let n = t.parent;
+		return n === null ? this.data.filter((e) => this.highlightQuery === "" || this.nodeMatchesSearch(e, this.highlightQuery)) : (n.children ?? []).filter((e) => this.highlightQuery === "" || this.nodeMatchesSearch(e, this.highlightQuery));
+	}
+	handleKeyDown(e) {
+		if (this.flatNodes.length === 0 || this.focusedNode === null) return;
+		let t = this.getFlatNode(this.focusedNode);
+		if (t === null) return;
+		let n = t.index, r = this.focusedNode, a = r.children !== void 0 || r.lazyLoad !== void 0, o = r.expanded === !0;
+		switch (e.key) {
+			case i.ARROW_DOWN:
+				if (e.preventDefault(), n < this.flatNodes.length - 1) {
+					let e = this.flatNodes[n + 1];
+					e !== void 0 && this.focusNode(e.node);
+				}
+				break;
+			case i.ARROW_UP:
+				if (e.preventDefault(), n > 0) {
+					let e = this.flatNodes[n - 1];
+					e !== void 0 && this.focusNode(e.node);
+				}
+				break;
+			case i.ARROW_RIGHT:
+				if (e.preventDefault(), a) {
+					if (!o) this.handleToggle(r);
+					else if (r.children !== void 0 && r.children.length > 0) {
+						let e = r.children[0];
+						e !== void 0 && this.focusNode(e);
+					}
+				}
+				break;
+			case i.ARROW_LEFT:
+				e.preventDefault(), o && a ? this.handleToggle(r) : t.parent !== null && this.focusNode(t.parent);
+				break;
+			case i.HOME: {
+				e.preventDefault();
+				let t = this.flatNodes[0];
+				t !== void 0 && this.focusNode(t.node);
+				break;
+			}
+			case i.END: {
+				e.preventDefault();
+				let t = this.flatNodes[this.flatNodes.length - 1];
+				t !== void 0 && this.focusNode(t.node);
+				break;
+			}
+			case i.ENTER:
+			case i.SPACE:
+				e.preventDefault(), this.selectNode(r);
+				break;
+			case "*": {
+				e.preventDefault();
+				let t = this.getSiblingsAtLevel(r);
+				for (let e of t) e.expandable !== !1 && e.children !== void 0 && (e.expanded = !0);
+				this.render(), this.announceUpdate("All siblings expanded");
+				break;
+			}
+			default:
+				if (e.key.length === 1 && !e.ctrlKey && !e.altKey && !e.metaKey) {
+					let t = this.typeAhead?.handleKey(e.key);
+					if (t !== void 0 && t >= 0) {
+						let e = this.flatNodes[t];
+						e !== void 0 && this.focusNode(e.node);
+					}
+				}
+				break;
+		}
+	}
+	focusNode(e) {
+		this.focusedNode = e, this.updateFocusState();
+		let t = e.children !== void 0 || e.lazyLoad !== void 0, r = e.expanded === !0, i = e.label;
+		t && (i += r ? ", expanded" : ", collapsed"), n(i, "polite");
+	}
+	selectNode(e) {
+		this.selectedNode = e, this.focusedNode = e, this.config.onSelect?.(e), this.render(), this.announceUpdate(`${e.label} selected`);
+	}
+	updateFocusState() {
+		if (!this.wrapperEl) return;
+		let e = this.wrapperEl.querySelectorAll("[role=\"treeitem\"]");
+		for (let t of e) t.setAttribute("tabindex", "-1");
+		if (this.focusedNode !== null) {
+			let e = this.wrapperEl.querySelector(`[data-node-id="${this.focusedNode.id}"] > [role="treeitem"]`);
+			e !== null && (e.setAttribute("tabindex", "0"), e.focus());
+		}
+	}
+	render() {
+		this.container.innerHTML = "";
+		let e = document.createElement("div");
+		e.className = "cmm-tree-view", this.wrapperEl = e;
+		let t = document.createElement("span");
+		if (t.id = this.labelId, t.className = "cmm-sr-only", t.textContent = "Tree navigation. Use arrow keys to navigate. Press Enter or Space to select.", e.appendChild(t), this.config.searchable === !0) {
+			let t = document.createElement("div");
+			t.className = "cmm-tree-view__search";
+			let n = document.createElement("label");
+			n.className = "cmm-sr-only";
+			let r = a("cmm-tree-search");
+			n.setAttribute("for", r), n.textContent = "Filter tree", t.appendChild(n);
+			let i = document.createElement("input");
+			i.type = "text", i.id = r, i.className = "cmm-tree-view__search-input", i.placeholder = "Filter...", i.value = this.highlightQuery, i.setAttribute("aria-label", "Filter tree items"), i.addEventListener("input", () => {
+				this.highlightQuery = i.value.toLowerCase(), this.renderNodes();
+			}), t.appendChild(i), e.appendChild(t);
+		}
+		let n = document.createElement("div");
+		n.className = "cmm-tree-view__nodes", n.id = this.treeId, n.setAttribute("role", "tree"), n.setAttribute("aria-labelledby", this.labelId), n.dataset.role = "nodes", n.addEventListener("keydown", (e) => {
+			this.handleKeyDown(e);
+		}), e.appendChild(n), this.container.appendChild(e), this.renderNodes();
+	}
+	renderNodes() {
+		if (!this.wrapperEl) return;
+		let e = this.wrapperEl.querySelector("[data-role=\"nodes\"]");
+		if (!e) return;
+		e.innerHTML = "", this.buildFlatNodes();
+		let t = this.data.filter((e) => this.highlightQuery === "" || this.nodeMatchesSearch(e, this.highlightQuery)), n = 0;
+		for (let r of this.data) {
+			if (this.highlightQuery !== "" && !this.nodeMatchesSearch(r, this.highlightQuery)) continue;
+			n++;
+			let i = this.buildNodeElement(r, 0, n, t.length);
+			e.appendChild(i);
+		}
+		if (this.focusedNode === null && this.flatNodes.length > 0) {
+			let e = this.flatNodes[0]?.node;
+			e !== void 0 && (this.focusedNode = e);
+		}
+		this.updateFocusState();
+	}
+	buildNodeElement(e, t, n, r) {
+		let i = document.createElement("div");
+		i.className = "cmm-tree-node", i.dataset.nodeId = e.id, e.expanded === !0 && i.classList.add("cmm-tree-node--expanded"), this.selectedNode !== null && this.selectedNode.id === e.id && i.classList.add("cmm-tree-node--selected");
+		let a = document.createElement("div");
+		a.className = "cmm-tree-node__row", a.setAttribute("role", "treeitem"), a.setAttribute("aria-level", String(t + 1)), a.setAttribute("aria-setsize", String(r)), a.setAttribute("aria-posinset", String(n)), a.style.paddingLeft = `${String(t * 16 + 8)}px`;
+		let o = this.focusedNode !== null && this.focusedNode.id === e.id;
+		a.setAttribute("tabindex", o ? "0" : "-1");
+		let s = e.children !== void 0 || e.lazyLoad !== void 0, c = e.expandable !== !1 && s;
+		c && a.setAttribute("aria-expanded", e.expanded === !0 ? "true" : "false"), this.selectedNode !== null && this.selectedNode.id === e.id ? a.setAttribute("aria-selected", "true") : a.setAttribute("aria-selected", "false");
+		let l = document.createElement("span");
+		if (l.className = "cmm-tree-node__toggle", l.setAttribute("aria-hidden", "true"), c ? (l.textContent = e.expanded === !0 ? "▾" : "▸", l.addEventListener("click", (t) => {
+			t.stopPropagation(), this.handleToggle(e);
+		})) : (l.textContent = " ", l.style.visibility = "hidden"), a.appendChild(l), e.icon !== void 0) {
+			let t = document.createElement("span");
+			t.className = "cmm-tree-node__icon", t.setAttribute("aria-hidden", "true"), t.textContent = e.icon, a.appendChild(t);
+		}
+		let u = document.createElement("span");
+		if (u.className = "cmm-tree-node__label", this.highlightQuery !== "" && e.label.toLowerCase().includes(this.highlightQuery) ? u.innerHTML = this.highlightText(e.label, this.highlightQuery) : u.textContent = e.label, a.appendChild(u), a.addEventListener("click", () => {
+			this.selectNode(e);
+		}), a.addEventListener("dblclick", () => {
+			this.config.onDoubleClick?.(e);
+		}), i.appendChild(a), e.expanded === !0 && e.children !== void 0 && e.children.length > 0) {
+			let n = document.createElement("div");
+			n.className = "cmm-tree-node__children", n.setAttribute("role", "group");
+			let r = e.children.filter((e) => this.highlightQuery === "" || this.nodeMatchesSearch(e, this.highlightQuery)), a = 0;
+			for (let i of e.children) this.highlightQuery !== "" && !this.nodeMatchesSearch(i, this.highlightQuery) || (a++, n.appendChild(this.buildNodeElement(i, t + 1, a, r.length)));
+			i.appendChild(n);
+		}
+		return i;
+	}
+	async handleToggle(e) {
+		e.expanded === !0 ? (e.expanded = !1, this.announceUpdate(`${e.label} collapsed`)) : (e.expanded = !0, e.lazyLoad !== void 0 && (e.children === void 0 || e.children.length === 0) && (this.announceUpdate(`Loading ${e.label}`), await o(e)), this.announceUpdate(`${e.label} expanded`), this.config.onExpand?.(e)), this.render();
+	}
+	highlightText(t, n) {
+		let r = t.toLowerCase().indexOf(n);
+		if (r < 0) return e(t);
+		let i = t.slice(0, r), a = t.slice(r, r + n.length), o = t.slice(r + n.length);
+		return `${e(i)}<mark class="cmm-tree-node__highlight">${e(a)}</mark>${e(o)}`;
+	}
+};
+//#endregion
+export { c as t };
+
+//# sourceMappingURL=tree-view-CQwOGwy0.js.map

package/dist/tree-view-CQwOGwy0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view-CQwOGwy0.js","names":[],"sources":["../src/components/tree-view/lazy.ts","../src/components/tree-view/index.ts"],"sourcesContent":["/**\n * TreeView lazy loading helper\n * @countermeasure/web-components/components/tree-view\n */\n\nimport { type TreeNode } from './types'\n\n/**\n * Load children for a tree node using its lazyLoad function.\n * Caches the result on node.children after the first load.\n */\nexport async function loadChildren(node: TreeNode): Promise<TreeNode[]> {\n  if (node.children !== undefined && node.children.length > 0) {\n    return node.children\n  }\n\n  if (node.lazyLoad === undefined) {\n    return []\n  }\n\n  const children = await node.lazyLoad()\n  node.children = children\n  return children\n}\n","/**\n * TreeView - Accessible expandable tree component with lazy loading and search\n * @countermeasure/web-components/components/tree-view\n *\n * Implements ARIA Tree pattern with full keyboard navigation.\n * WCAG 2.1 AA compliant.\n */\n\nimport { type TreeNode, type TreeViewConfig } from './types'\nimport { loadChildren } from './lazy'\nimport { uniqueId } from '../../primitives/utils'\nimport { escapeHtml } from '../../utils/sanitize'\nimport { announce, createLiveRegion, type LiveRegion } from '../../utils/a11y'\nimport { Keys, createTypeAhead } from '../../utils/keyboard'\n\nexport type { TreeNode, TreeViewConfig } from './types'\n\n/** Resolve a container reference to an HTMLElement */\nfunction resolveContainer(container: HTMLElement | string): HTMLElement {\n  if (typeof container === 'string') {\n    const el = document.querySelector<HTMLElement>(container)\n    if (!el) {\n      throw new Error(`TreeView container not found: ${container}`)\n    }\n    return el\n  }\n  return container\n}\n\n/** Flatten tree nodes with their depth for keyboard navigation */\ninterface FlatNode {\n  node: TreeNode\n  depth: number\n  parent: TreeNode | null\n  index: number\n}\n\nexport class TreeView {\n  private readonly container: HTMLElement\n  private readonly config: TreeViewConfig\n  private data: TreeNode[] = []\n  private selectedNode: TreeNode | null = null\n  private focusedNode: TreeNode | null = null\n  private wrapperEl: HTMLElement | null = null\n  private highlightQuery = ''\n  private liveRegion: LiveRegion | null = null\n\n  // Accessibility state\n  private readonly treeId: string\n  private readonly labelId: string\n  private flatNodes: FlatNode[] = []\n  private typeAhead: ReturnType<typeof createTypeAhead> | null = null\n\n  constructor(config: TreeViewConfig) {\n    this.container = resolveContainer(config.container)\n    this.config = config\n    this.treeId = uniqueId('cmm-tree')\n    this.labelId = uniqueId('cmm-tree-label')\n\n    if (config.data !== undefined) {\n      this.data = config.data\n    }\n\n    // Create live region for announcements\n    this.liveRegion = createLiveRegion('polite')\n\n    this.render()\n  }\n\n  /** Replace all nodes and re-render */\n  setData(data: TreeNode[]): void {\n    this.data = data\n    this.selectedNode = null\n    this.focusedNode = null\n    this.render()\n    this.announceUpdate(`Tree updated with ${String(this.countNodes(data))} items`)\n  }\n\n  /** Expand all nodes recursively */\n  expandAll(): void {\n    this.setExpandedRecursive(this.data, true)\n    this.render()\n    this.announceUpdate('All nodes expanded')\n  }\n\n  /** Collapse all nodes recursively */\n  collapseAll(): void {\n    this.setExpandedRecursive(this.data, false)\n    this.render()\n    this.announceUpdate('All nodes collapsed')\n  }\n\n  /** Expand a specific node by id */\n  expandNode(id: string): void {\n    const node = this.findNodeById(this.data, id)\n    if (node) {\n      node.expanded = true\n      this.render()\n      this.announceUpdate(`${node.label} expanded`)\n    }\n  }\n\n  /** Collapse a specific node by id */\n  collapseNode(id: string): void {\n    const node = this.findNodeById(this.data, id)\n    if (node) {\n      node.expanded = false\n      this.render()\n      this.announceUpdate(`${node.label} collapsed`)\n    }\n  }\n\n  /** Highlight nodes matching the given query string */\n  highlight(query: string): void {\n    this.highlightQuery = query.toLowerCase()\n    this.render()\n  }\n\n  /** Get the last selected node, or null */\n  getSelectedNode(): TreeNode | null {\n    return this.selectedNode\n  }\n\n  /** Remove the tree from the DOM and clean up */\n  destroy(): void {\n    this.container.innerHTML = ''\n    this.wrapperEl = null\n    this.selectedNode = null\n    this.focusedNode = null\n    this.liveRegion?.destroy()\n    this.liveRegion = null\n  }\n\n  /** Announce an update to screen readers */\n  private announceUpdate(message: string): void {\n    this.liveRegion?.announce(message)\n  }\n\n  /** Count total nodes in tree */\n  private countNodes(nodes: TreeNode[]): number {\n    let count = 0\n    for (const node of nodes) {\n      count++\n      if (node.children !== undefined) {\n        count += this.countNodes(node.children)\n      }\n    }\n    return count\n  }\n\n  /** Set expanded state on all nodes recursively */\n  private setExpandedRecursive(nodes: TreeNode[], expanded: boolean): void {\n    for (const node of nodes) {\n      if (\n        node.expandable !== false &&\n        (node.children !== undefined || node.lazyLoad !== undefined)\n      ) {\n        node.expanded = expanded\n      }\n      if (node.children !== undefined) {\n        this.setExpandedRecursive(node.children, expanded)\n      }\n    }\n  }\n\n  /** Find a node by id in the tree */\n  private findNodeById(nodes: TreeNode[], id: string): TreeNode | null {\n    for (const node of nodes) {\n      if (node.id === id) {\n        return node\n      }\n      if (node.children !== undefined) {\n        const found = this.findNodeById(node.children, id)\n        if (found) {\n          return found\n        }\n      }\n    }\n    return null\n  }\n\n  /** Check if a node or any descendant matches the current search */\n  private nodeMatchesSearch(node: TreeNode, query: string): boolean {\n    if (query === '') {\n      return true\n    }\n\n    if (node.label.toLowerCase().includes(query)) {\n      return true\n    }\n\n    if (node.children !== undefined) {\n      for (const child of node.children) {\n        if (this.nodeMatchesSearch(child, query)) {\n          return true\n        }\n      }\n    }\n\n    return false\n  }\n\n  /** Build flat list of visible nodes for keyboard navigation */\n  private buildFlatNodes(): void {\n    this.flatNodes = []\n    this.flattenNodes(this.data, 0, null)\n\n    // Update type-ahead with labels\n    const items = this.flatNodes.map(fn => ({ label: fn.node.label }))\n    this.typeAhead = createTypeAhead({ items })\n  }\n\n  /** Recursively flatten visible nodes */\n  private flattenNodes(nodes: TreeNode[], depth: number, parent: TreeNode | null): void {\n    for (const node of nodes) {\n      if (this.highlightQuery !== '' && !this.nodeMatchesSearch(node, this.highlightQuery)) {\n        continue\n      }\n\n      this.flatNodes.push({\n        node,\n        depth,\n        parent,\n        index: this.flatNodes.length,\n      })\n\n      if (node.expanded === true && node.children !== undefined && node.children.length > 0) {\n        this.flattenNodes(node.children, depth + 1, node)\n      }\n    }\n  }\n\n  /** Get the flat node info for a tree node */\n  private getFlatNode(node: TreeNode): FlatNode | null {\n    return this.flatNodes.find(fn => fn.node.id === node.id) ?? null\n  }\n\n  /** Get visible nodes (for aria-setsize) at same level */\n  private getSiblingsAtLevel(node: TreeNode): TreeNode[] {\n    const flatNode = this.getFlatNode(node)\n    if (flatNode === null) {\n      return []\n    }\n\n    const parent = flatNode.parent\n    if (parent === null) {\n      // Root level\n      return this.data.filter(\n        n => this.highlightQuery === '' || this.nodeMatchesSearch(n, this.highlightQuery)\n      )\n    }\n\n    // Get parent's children\n    return (parent.children ?? []).filter(\n      n => this.highlightQuery === '' || this.nodeMatchesSearch(n, this.highlightQuery)\n    )\n  }\n\n  /** Handle keyboard navigation within the tree */\n  private handleKeyDown(event: KeyboardEvent): void {\n    if (this.flatNodes.length === 0 || this.focusedNode === null) {\n      return\n    }\n\n    const currentFlatNode = this.getFlatNode(this.focusedNode)\n    if (currentFlatNode === null) {\n      return\n    }\n\n    const currentIndex = currentFlatNode.index\n    const node = this.focusedNode\n    const hasChildren = node.children !== undefined || node.lazyLoad !== undefined\n    const isExpanded = node.expanded === true\n\n    switch (event.key) {\n      case Keys.ARROW_DOWN: {\n        event.preventDefault()\n        // Move to next visible node\n        if (currentIndex < this.flatNodes.length - 1) {\n          const nextFlatNode = this.flatNodes[currentIndex + 1]\n          if (nextFlatNode !== undefined) {\n            this.focusNode(nextFlatNode.node)\n          }\n        }\n        break\n      }\n      case Keys.ARROW_UP: {\n        event.preventDefault()\n        // Move to previous visible node\n        if (currentIndex > 0) {\n          const prevFlatNode = this.flatNodes[currentIndex - 1]\n          if (prevFlatNode !== undefined) {\n            this.focusNode(prevFlatNode.node)\n          }\n        }\n        break\n      }\n      case Keys.ARROW_RIGHT: {\n        event.preventDefault()\n        if (hasChildren) {\n          if (!isExpanded) {\n            // Expand closed node\n            void this.handleToggle(node)\n          } else if (node.children !== undefined && node.children.length > 0) {\n            // Move to first child\n            const firstChild = node.children[0]\n            if (firstChild !== undefined) {\n              this.focusNode(firstChild)\n            }\n          }\n        }\n        break\n      }\n      case Keys.ARROW_LEFT: {\n        event.preventDefault()\n        if (isExpanded && hasChildren) {\n          // Collapse expanded node\n          void this.handleToggle(node)\n        } else if (currentFlatNode.parent !== null) {\n          // Move to parent\n          this.focusNode(currentFlatNode.parent)\n        }\n        break\n      }\n      case Keys.HOME: {\n        event.preventDefault()\n        // Move to first visible node\n        const firstFlatNode = this.flatNodes[0]\n        if (firstFlatNode !== undefined) {\n          this.focusNode(firstFlatNode.node)\n        }\n        break\n      }\n      case Keys.END: {\n        event.preventDefault()\n        // Move to last visible node\n        const lastFlatNode = this.flatNodes[this.flatNodes.length - 1]\n        if (lastFlatNode !== undefined) {\n          this.focusNode(lastFlatNode.node)\n        }\n        break\n      }\n      case Keys.ENTER:\n      case Keys.SPACE: {\n        event.preventDefault()\n        // Select/activate the node\n        this.selectNode(node)\n        break\n      }\n      case '*': {\n        event.preventDefault()\n        // Expand all siblings at this level\n        const siblings = this.getSiblingsAtLevel(node)\n        for (const sibling of siblings) {\n          if (sibling.expandable !== false && sibling.children !== undefined) {\n            sibling.expanded = true\n          }\n        }\n        this.render()\n        this.announceUpdate('All siblings expanded')\n        break\n      }\n      default: {\n        // Type-ahead: focus node starting with typed character\n        if (event.key.length === 1 && !event.ctrlKey && !event.altKey && !event.metaKey) {\n          const matchIndex = this.typeAhead?.handleKey(event.key)\n          if (matchIndex !== undefined && matchIndex >= 0) {\n            const matchedFlatNode = this.flatNodes[matchIndex]\n            if (matchedFlatNode !== undefined) {\n              this.focusNode(matchedFlatNode.node)\n            }\n          }\n        }\n        break\n      }\n    }\n  }\n\n  /** Focus a specific node */\n  private focusNode(node: TreeNode): void {\n    this.focusedNode = node\n    this.updateFocusState()\n\n    // Announce the node\n    const hasChildren = node.children !== undefined || node.lazyLoad !== undefined\n    const isExpanded = node.expanded === true\n    let announcement = node.label\n\n    if (hasChildren) {\n      announcement += isExpanded ? ', expanded' : ', collapsed'\n    }\n\n    announce(announcement, 'polite')\n  }\n\n  /** Select a node (activate it) */\n  private selectNode(node: TreeNode): void {\n    this.selectedNode = node\n    this.focusedNode = node\n    this.config.onSelect?.(node)\n    this.render()\n    this.announceUpdate(`${node.label} selected`)\n  }\n\n  /** Update focus state in the DOM */\n  private updateFocusState(): void {\n    if (!this.wrapperEl) {\n      return\n    }\n\n    // Remove focus from all nodes\n    const allItems = this.wrapperEl.querySelectorAll<HTMLElement>('[role=\"treeitem\"]')\n    for (const item of allItems) {\n      item.setAttribute('tabindex', '-1')\n    }\n\n    // Set focus on current node\n    if (this.focusedNode !== null) {\n      const focusedEl = this.wrapperEl.querySelector<HTMLElement>(\n        `[data-node-id=\"${this.focusedNode.id}\"] > [role=\"treeitem\"]`\n      )\n      if (focusedEl !== null) {\n        focusedEl.setAttribute('tabindex', '0')\n        focusedEl.focus()\n      }\n    }\n  }\n\n  /** Render the full tree into the container */\n  private render(): void {\n    this.container.innerHTML = ''\n\n    const wrapper = document.createElement('div')\n    wrapper.className = 'cmm-tree-view'\n    this.wrapperEl = wrapper\n\n    // Accessible label (hidden)\n    const label = document.createElement('span')\n    label.id = this.labelId\n    label.className = 'cmm-sr-only'\n    label.textContent =\n      'Tree navigation. Use arrow keys to navigate. Press Enter or Space to select.'\n    wrapper.appendChild(label)\n\n    // Search input\n    if (this.config.searchable === true) {\n      const searchBox = document.createElement('div')\n      searchBox.className = 'cmm-tree-view__search'\n\n      const searchLabel = document.createElement('label')\n      searchLabel.className = 'cmm-sr-only'\n      const searchId = uniqueId('cmm-tree-search')\n      searchLabel.setAttribute('for', searchId)\n      searchLabel.textContent = 'Filter tree'\n      searchBox.appendChild(searchLabel)\n\n      const input = document.createElement('input')\n      input.type = 'text'\n      input.id = searchId\n      input.className = 'cmm-tree-view__search-input'\n      input.placeholder = 'Filter...'\n      input.value = this.highlightQuery\n      input.setAttribute('aria-label', 'Filter tree items')\n      input.addEventListener('input', () => {\n        this.highlightQuery = input.value.toLowerCase()\n        this.renderNodes()\n      })\n\n      searchBox.appendChild(input)\n      wrapper.appendChild(searchBox)\n    }\n\n    // Tree container\n    const treeContainer = document.createElement('div')\n    treeContainer.className = 'cmm-tree-view__nodes'\n    treeContainer.id = this.treeId\n    treeContainer.setAttribute('role', 'tree')\n    treeContainer.setAttribute('aria-labelledby', this.labelId)\n    treeContainer.dataset.role = 'nodes'\n\n    // Add keyboard handler\n    treeContainer.addEventListener('keydown', e => {\n      this.handleKeyDown(e)\n    })\n\n    wrapper.appendChild(treeContainer)\n    this.container.appendChild(wrapper)\n    this.renderNodes()\n  }\n\n  /** Re-render only the nodes portion of the tree */\n  private renderNodes(): void {\n    if (!this.wrapperEl) {\n      return\n    }\n\n    const nodesContainer = this.wrapperEl.querySelector<HTMLElement>('[data-role=\"nodes\"]')\n    if (!nodesContainer) {\n      return\n    }\n\n    nodesContainer.innerHTML = ''\n\n    // Build flat nodes for keyboard navigation\n    this.buildFlatNodes()\n\n    // Get visible root nodes for aria-setsize\n    const visibleRootNodes = this.data.filter(\n      n => this.highlightQuery === '' || this.nodeMatchesSearch(n, this.highlightQuery)\n    )\n\n    let posInSet = 0\n    for (const node of this.data) {\n      if (this.highlightQuery !== '' && !this.nodeMatchesSearch(node, this.highlightQuery)) {\n        continue\n      }\n      posInSet++\n      const el = this.buildNodeElement(node, 0, posInSet, visibleRootNodes.length)\n      nodesContainer.appendChild(el)\n    }\n\n    // Focus first node if none focused\n    if (this.focusedNode === null && this.flatNodes.length > 0) {\n      const firstNode = this.flatNodes[0]?.node\n      if (firstNode !== undefined) {\n        this.focusedNode = firstNode\n      }\n    }\n\n    this.updateFocusState()\n  }\n\n  /** Build a DOM element for a single tree node (recursive) */\n  private buildNodeElement(\n    node: TreeNode,\n    depth: number,\n    posInSet: number,\n    setSize: number\n  ): HTMLElement {\n    const nodeEl = document.createElement('div')\n    nodeEl.className = 'cmm-tree-node'\n    nodeEl.dataset.nodeId = node.id\n\n    if (node.expanded === true) {\n      nodeEl.classList.add('cmm-tree-node--expanded')\n    }\n\n    if (this.selectedNode !== null && this.selectedNode.id === node.id) {\n      nodeEl.classList.add('cmm-tree-node--selected')\n    }\n\n    // The row is the treeitem\n    const row = document.createElement('div')\n    row.className = 'cmm-tree-node__row'\n    row.setAttribute('role', 'treeitem')\n    row.setAttribute('aria-level', String(depth + 1))\n    row.setAttribute('aria-setsize', String(setSize))\n    row.setAttribute('aria-posinset', String(posInSet))\n    row.style.paddingLeft = `${String(depth * 16 + 8)}px`\n\n    // Determine if node is focusable\n    const isFocused = this.focusedNode !== null && this.focusedNode.id === node.id\n    row.setAttribute('tabindex', isFocused ? '0' : '-1')\n\n    // Handle expand/collapse state\n    const hasChildren = node.children !== undefined || node.lazyLoad !== undefined\n    const isExpandable = node.expandable !== false && hasChildren\n\n    if (isExpandable) {\n      row.setAttribute('aria-expanded', node.expanded === true ? 'true' : 'false')\n    }\n\n    // Selection state\n    if (this.selectedNode !== null && this.selectedNode.id === node.id) {\n      row.setAttribute('aria-selected', 'true')\n    } else {\n      row.setAttribute('aria-selected', 'false')\n    }\n\n    // Toggle button (for visual indication)\n    const toggle = document.createElement('span')\n    toggle.className = 'cmm-tree-node__toggle'\n    toggle.setAttribute('aria-hidden', 'true')\n\n    if (isExpandable) {\n      toggle.textContent = node.expanded === true ? '\\u25BE' : '\\u25B8'\n      toggle.addEventListener('click', (e: Event) => {\n        e.stopPropagation()\n        void this.handleToggle(node)\n      })\n    } else {\n      toggle.textContent = ' '\n      toggle.style.visibility = 'hidden'\n    }\n\n    row.appendChild(toggle)\n\n    // Icon\n    if (node.icon !== undefined) {\n      const icon = document.createElement('span')\n      icon.className = 'cmm-tree-node__icon'\n      icon.setAttribute('aria-hidden', 'true')\n      icon.textContent = node.icon\n      row.appendChild(icon)\n    }\n\n    // Label\n    const label = document.createElement('span')\n    label.className = 'cmm-tree-node__label'\n\n    if (this.highlightQuery !== '' && node.label.toLowerCase().includes(this.highlightQuery)) {\n      label.innerHTML = this.highlightText(node.label, this.highlightQuery)\n    } else {\n      label.textContent = node.label\n    }\n\n    row.appendChild(label)\n\n    // Click handlers\n    row.addEventListener('click', () => {\n      this.selectNode(node)\n    })\n\n    row.addEventListener('dblclick', () => {\n      this.config.onDoubleClick?.(node)\n    })\n\n    nodeEl.appendChild(row)\n\n    // Children (nested group)\n    if (node.expanded === true && node.children !== undefined && node.children.length > 0) {\n      const childrenEl = document.createElement('div')\n      childrenEl.className = 'cmm-tree-node__children'\n      childrenEl.setAttribute('role', 'group')\n\n      // Get visible children for setsize\n      const visibleChildren = node.children.filter(\n        n => this.highlightQuery === '' || this.nodeMatchesSearch(n, this.highlightQuery)\n      )\n\n      let childPosInSet = 0\n      for (const child of node.children) {\n        if (this.highlightQuery !== '' && !this.nodeMatchesSearch(child, this.highlightQuery)) {\n          continue\n        }\n        childPosInSet++\n        childrenEl.appendChild(\n          this.buildNodeElement(child, depth + 1, childPosInSet, visibleChildren.length)\n        )\n      }\n\n      nodeEl.appendChild(childrenEl)\n    }\n\n    return nodeEl\n  }\n\n  /** Handle expand/collapse toggle, including lazy loading */\n  private async handleToggle(node: TreeNode): Promise<void> {\n    if (node.expanded === true) {\n      node.expanded = false\n      this.announceUpdate(`${node.label} collapsed`)\n    } else {\n      node.expanded = true\n      if (\n        node.lazyLoad !== undefined &&\n        (node.children === undefined || node.children.length === 0)\n      ) {\n        this.announceUpdate(`Loading ${node.label}`)\n        await loadChildren(node)\n      }\n      this.announceUpdate(`${node.label} expanded`)\n      this.config.onExpand?.(node)\n    }\n    this.render()\n  }\n\n  /** Highlight matching text within a label */\n  private highlightText(text: string, query: string): string {\n    const lowerText = text.toLowerCase()\n    const idx = lowerText.indexOf(query)\n    if (idx < 0) {\n      return escapeHtml(text)\n    }\n\n    const before = text.slice(0, idx)\n    const match = text.slice(idx, idx + query.length)\n    const after = text.slice(idx + query.length)\n\n    return `${escapeHtml(before)}<mark class=\"cmm-tree-node__highlight\">${escapeHtml(match)}</mark>${escapeHtml(after)}`\n  }\n}\n"],"mappings":";;;;;AAWA,eAAsB,EAAa,GAAqC;AACtE,KAAI,EAAK,aAAa,KAAA,KAAa,EAAK,SAAS,SAAS,EACxD,QAAO,EAAK;AAGd,KAAI,EAAK,aAAa,KAAA,EACpB,QAAO,EAAE;CAGX,IAAM,IAAW,MAAM,EAAK,UAAU;AAEtC,QADA,EAAK,WAAW,GACT;;;;ACJT,SAAS,EAAiB,GAA8C;AACtE,KAAI,OAAO,KAAc,UAAU;EACjC,IAAM,IAAK,SAAS,cAA2B,EAAU;AACzD,MAAI,CAAC,EACH,OAAU,MAAM,iCAAiC,IAAY;AAE/D,SAAO;;AAET,QAAO;;AAWT,IAAa,IAAb,MAAsB;CACpB;CACA;CACA,OAA2B,EAAE;CAC7B,eAAwC;CACxC,cAAuC;CACvC,YAAwC;CACxC,iBAAyB;CACzB,aAAwC;CAGxC;CACA;CACA,YAAgC,EAAE;CAClC,YAA+D;CAE/D,YAAY,GAAwB;AAalC,EAZA,KAAK,YAAY,EAAiB,EAAO,UAAU,EACnD,KAAK,SAAS,GACd,KAAK,SAAS,EAAS,WAAW,EAClC,KAAK,UAAU,EAAS,iBAAiB,EAErC,EAAO,SAAS,KAAA,MAClB,KAAK,OAAO,EAAO,OAIrB,KAAK,aAAa,EAAiB,SAAS,EAE5C,KAAK,QAAQ;;CAIf,QAAQ,GAAwB;AAK9B,EAJA,KAAK,OAAO,GACZ,KAAK,eAAe,MACpB,KAAK,cAAc,MACnB,KAAK,QAAQ,EACb,KAAK,eAAe,qBAAqB,OAAO,KAAK,WAAW,EAAK,CAAC,CAAC,QAAQ;;CAIjF,YAAkB;AAGhB,EAFA,KAAK,qBAAqB,KAAK,MAAM,GAAK,EAC1C,KAAK,QAAQ,EACb,KAAK,eAAe,qBAAqB;;CAI3C,cAAoB;AAGlB,EAFA,KAAK,qBAAqB,KAAK,MAAM,GAAM,EAC3C,KAAK,QAAQ,EACb,KAAK,eAAe,sBAAsB;;CAI5C,WAAW,GAAkB;EAC3B,IAAM,IAAO,KAAK,aAAa,KAAK,MAAM,EAAG;AAC7C,EAAI,MACF,EAAK,WAAW,IAChB,KAAK,QAAQ,EACb,KAAK,eAAe,GAAG,EAAK,MAAM,WAAW;;CAKjD,aAAa,GAAkB;EAC7B,IAAM,IAAO,KAAK,aAAa,KAAK,MAAM,EAAG;AAC7C,EAAI,MACF,EAAK,WAAW,IAChB,KAAK,QAAQ,EACb,KAAK,eAAe,GAAG,EAAK,MAAM,YAAY;;CAKlD,UAAU,GAAqB;AAE7B,EADA,KAAK,iBAAiB,EAAM,aAAa,EACzC,KAAK,QAAQ;;CAIf,kBAAmC;AACjC,SAAO,KAAK;;CAId,UAAgB;AAMd,EALA,KAAK,UAAU,YAAY,IAC3B,KAAK,YAAY,MACjB,KAAK,eAAe,MACpB,KAAK,cAAc,MACnB,KAAK,YAAY,SAAS,EAC1B,KAAK,aAAa;;CAIpB,eAAuB,GAAuB;AAC5C,OAAK,YAAY,SAAS,EAAQ;;CAIpC,WAAmB,GAA2B;EAC5C,IAAI,IAAQ;AACZ,OAAK,IAAM,KAAQ,EAEjB,CADA,KACI,EAAK,aAAa,KAAA,MACpB,KAAS,KAAK,WAAW,EAAK,SAAS;AAG3C,SAAO;;CAIT,qBAA6B,GAAmB,GAAyB;AACvE,OAAK,IAAM,KAAQ,EAOjB,CALE,EAAK,eAAe,OACnB,EAAK,aAAa,KAAA,KAAa,EAAK,aAAa,KAAA,OAElD,EAAK,WAAW,IAEd,EAAK,aAAa,KAAA,KACpB,KAAK,qBAAqB,EAAK,UAAU,EAAS;;CAMxD,aAAqB,GAAmB,GAA6B;AACnE,OAAK,IAAM,KAAQ,GAAO;AACxB,OAAI,EAAK,OAAO,EACd,QAAO;AAET,OAAI,EAAK,aAAa,KAAA,GAAW;IAC/B,IAAM,IAAQ,KAAK,aAAa,EAAK,UAAU,EAAG;AAClD,QAAI,EACF,QAAO;;;AAIb,SAAO;;CAIT,kBAA0B,GAAgB,GAAwB;AAKhE,MAJI,MAAU,MAIV,EAAK,MAAM,aAAa,CAAC,SAAS,EAAM,CAC1C,QAAO;AAGT,MAAI,EAAK,aAAa,KAAA;QACf,IAAM,KAAS,EAAK,SACvB,KAAI,KAAK,kBAAkB,GAAO,EAAM,CACtC,QAAO;;AAKb,SAAO;;CAIT,iBAA+B;AAM7B,EALA,KAAK,YAAY,EAAE,EACnB,KAAK,aAAa,KAAK,MAAM,GAAG,KAAK,EAIrC,KAAK,YAAY,EAAgB,EAAE,OADrB,KAAK,UAAU,KAAI,OAAO,EAAE,OAAO,EAAG,KAAK,OAAO,EAAE,EACxB,CAAC;;CAI7C,aAAqB,GAAmB,GAAe,GAA+B;AACpF,OAAK,IAAM,KAAQ,EACb,MAAK,mBAAmB,MAAM,CAAC,KAAK,kBAAkB,GAAM,KAAK,eAAe,KAIpF,KAAK,UAAU,KAAK;GAClB;GACA;GACA;GACA,OAAO,KAAK,UAAU;GACvB,CAAC,EAEE,EAAK,aAAa,MAAQ,EAAK,aAAa,KAAA,KAAa,EAAK,SAAS,SAAS,KAClF,KAAK,aAAa,EAAK,UAAU,IAAQ,GAAG,EAAK;;CAMvD,YAAoB,GAAiC;AACnD,SAAO,KAAK,UAAU,MAAK,MAAM,EAAG,KAAK,OAAO,EAAK,GAAG,IAAI;;CAI9D,mBAA2B,GAA4B;EACrD,IAAM,IAAW,KAAK,YAAY,EAAK;AACvC,MAAI,MAAa,KACf,QAAO,EAAE;EAGX,IAAM,IAAS,EAAS;AASxB,SARI,MAAW,OAEN,KAAK,KAAK,QACf,MAAK,KAAK,mBAAmB,MAAM,KAAK,kBAAkB,GAAG,KAAK,eAAe,CAClF,IAIK,EAAO,YAAY,EAAE,EAAE,QAC7B,MAAK,KAAK,mBAAmB,MAAM,KAAK,kBAAkB,GAAG,KAAK,eAAe,CAClF;;CAIH,cAAsB,GAA4B;AAChD,MAAI,KAAK,UAAU,WAAW,KAAK,KAAK,gBAAgB,KACtD;EAGF,IAAM,IAAkB,KAAK,YAAY,KAAK,YAAY;AAC1D,MAAI,MAAoB,KACtB;EAGF,IAAM,IAAe,EAAgB,OAC/B,IAAO,KAAK,aACZ,IAAc,EAAK,aAAa,KAAA,KAAa,EAAK,aAAa,KAAA,GAC/D,IAAa,EAAK,aAAa;AAErC,UAAQ,EAAM,KAAd;GACE,KAAK,EAAK;AAGR,QAFA,EAAM,gBAAgB,EAElB,IAAe,KAAK,UAAU,SAAS,GAAG;KAC5C,IAAM,IAAe,KAAK,UAAU,IAAe;AACnD,KAAI,MAAiB,KAAA,KACnB,KAAK,UAAU,EAAa,KAAK;;AAGrC;GAEF,KAAK,EAAK;AAGR,QAFA,EAAM,gBAAgB,EAElB,IAAe,GAAG;KACpB,IAAM,IAAe,KAAK,UAAU,IAAe;AACnD,KAAI,MAAiB,KAAA,KACnB,KAAK,UAAU,EAAa,KAAK;;AAGrC;GAEF,KAAK,EAAK;AAER,QADA,EAAM,gBAAgB,EAClB;SACE,CAAC,EAEE,MAAK,aAAa,EAAK;cACnB,EAAK,aAAa,KAAA,KAAa,EAAK,SAAS,SAAS,GAAG;MAElE,IAAM,IAAa,EAAK,SAAS;AACjC,MAAI,MAAe,KAAA,KACjB,KAAK,UAAU,EAAW;;;AAIhC;GAEF,KAAK,EAAK;AAER,IADA,EAAM,gBAAgB,EAClB,KAAc,IAEX,KAAK,aAAa,EAAK,GACnB,EAAgB,WAAW,QAEpC,KAAK,UAAU,EAAgB,OAAO;AAExC;GAEF,KAAK,EAAK,MAAM;AACd,MAAM,gBAAgB;IAEtB,IAAM,IAAgB,KAAK,UAAU;AACrC,IAAI,MAAkB,KAAA,KACpB,KAAK,UAAU,EAAc,KAAK;AAEpC;;GAEF,KAAK,EAAK,KAAK;AACb,MAAM,gBAAgB;IAEtB,IAAM,IAAe,KAAK,UAAU,KAAK,UAAU,SAAS;AAC5D,IAAI,MAAiB,KAAA,KACnB,KAAK,UAAU,EAAa,KAAK;AAEnC;;GAEF,KAAK,EAAK;GACV,KAAK,EAAK;AAGR,IAFA,EAAM,gBAAgB,EAEtB,KAAK,WAAW,EAAK;AACrB;GAEF,KAAK,KAAK;AACR,MAAM,gBAAgB;IAEtB,IAAM,IAAW,KAAK,mBAAmB,EAAK;AAC9C,SAAK,IAAM,KAAW,EACpB,CAAI,EAAQ,eAAe,MAAS,EAAQ,aAAa,KAAA,MACvD,EAAQ,WAAW;AAIvB,IADA,KAAK,QAAQ,EACb,KAAK,eAAe,wBAAwB;AAC5C;;GAEF;AAEE,QAAI,EAAM,IAAI,WAAW,KAAK,CAAC,EAAM,WAAW,CAAC,EAAM,UAAU,CAAC,EAAM,SAAS;KAC/E,IAAM,IAAa,KAAK,WAAW,UAAU,EAAM,IAAI;AACvD,SAAI,MAAe,KAAA,KAAa,KAAc,GAAG;MAC/C,IAAM,IAAkB,KAAK,UAAU;AACvC,MAAI,MAAoB,KAAA,KACtB,KAAK,UAAU,EAAgB,KAAK;;;AAI1C;;;CAMN,UAAkB,GAAsB;AAEtC,EADA,KAAK,cAAc,GACnB,KAAK,kBAAkB;EAGvB,IAAM,IAAc,EAAK,aAAa,KAAA,KAAa,EAAK,aAAa,KAAA,GAC/D,IAAa,EAAK,aAAa,IACjC,IAAe,EAAK;AAMxB,EAJI,MACF,KAAgB,IAAa,eAAe,gBAG9C,EAAS,GAAc,SAAS;;CAIlC,WAAmB,GAAsB;AAKvC,EAJA,KAAK,eAAe,GACpB,KAAK,cAAc,GACnB,KAAK,OAAO,WAAW,EAAK,EAC5B,KAAK,QAAQ,EACb,KAAK,eAAe,GAAG,EAAK,MAAM,WAAW;;CAI/C,mBAAiC;AAC/B,MAAI,CAAC,KAAK,UACR;EAIF,IAAM,IAAW,KAAK,UAAU,iBAA8B,sBAAoB;AAClF,OAAK,IAAM,KAAQ,EACjB,GAAK,aAAa,YAAY,KAAK;AAIrC,MAAI,KAAK,gBAAgB,MAAM;GAC7B,IAAM,IAAY,KAAK,UAAU,cAC/B,kBAAkB,KAAK,YAAY,GAAG,wBACvC;AACD,GAAI,MAAc,SAChB,EAAU,aAAa,YAAY,IAAI,EACvC,EAAU,OAAO;;;CAMvB,SAAuB;AACrB,OAAK,UAAU,YAAY;EAE3B,IAAM,IAAU,SAAS,cAAc,MAAM;AAE7C,EADA,EAAQ,YAAY,iBACpB,KAAK,YAAY;EAGjB,IAAM,IAAQ,SAAS,cAAc,OAAO;AAQ5C,MAPA,EAAM,KAAK,KAAK,SAChB,EAAM,YAAY,eAClB,EAAM,cACJ,gFACF,EAAQ,YAAY,EAAM,EAGtB,KAAK,OAAO,eAAe,IAAM;GACnC,IAAM,IAAY,SAAS,cAAc,MAAM;AAC/C,KAAU,YAAY;GAEtB,IAAM,IAAc,SAAS,cAAc,QAAQ;AACnD,KAAY,YAAY;GACxB,IAAM,IAAW,EAAS,kBAAkB;AAG5C,GAFA,EAAY,aAAa,OAAO,EAAS,EACzC,EAAY,cAAc,eAC1B,EAAU,YAAY,EAAY;GAElC,IAAM,IAAQ,SAAS,cAAc,QAAQ;AAa7C,GAZA,EAAM,OAAO,QACb,EAAM,KAAK,GACX,EAAM,YAAY,+BAClB,EAAM,cAAc,aACpB,EAAM,QAAQ,KAAK,gBACnB,EAAM,aAAa,cAAc,oBAAoB,EACrD,EAAM,iBAAiB,eAAe;AAEpC,IADA,KAAK,iBAAiB,EAAM,MAAM,aAAa,EAC/C,KAAK,aAAa;KAClB,EAEF,EAAU,YAAY,EAAM,EAC5B,EAAQ,YAAY,EAAU;;EAIhC,IAAM,IAAgB,SAAS,cAAc,MAAM;AAcnD,EAbA,EAAc,YAAY,wBAC1B,EAAc,KAAK,KAAK,QACxB,EAAc,aAAa,QAAQ,OAAO,EAC1C,EAAc,aAAa,mBAAmB,KAAK,QAAQ,EAC3D,EAAc,QAAQ,OAAO,SAG7B,EAAc,iBAAiB,YAAW,MAAK;AAC7C,QAAK,cAAc,EAAE;IACrB,EAEF,EAAQ,YAAY,EAAc,EAClC,KAAK,UAAU,YAAY,EAAQ,EACnC,KAAK,aAAa;;CAIpB,cAA4B;AAC1B,MAAI,CAAC,KAAK,UACR;EAGF,IAAM,IAAiB,KAAK,UAAU,cAA2B,wBAAsB;AACvF,MAAI,CAAC,EACH;AAMF,EAHA,EAAe,YAAY,IAG3B,KAAK,gBAAgB;EAGrB,IAAM,IAAmB,KAAK,KAAK,QACjC,MAAK,KAAK,mBAAmB,MAAM,KAAK,kBAAkB,GAAG,KAAK,eAAe,CAClF,EAEG,IAAW;AACf,OAAK,IAAM,KAAQ,KAAK,MAAM;AAC5B,OAAI,KAAK,mBAAmB,MAAM,CAAC,KAAK,kBAAkB,GAAM,KAAK,eAAe,CAClF;AAEF;GACA,IAAM,IAAK,KAAK,iBAAiB,GAAM,GAAG,GAAU,EAAiB,OAAO;AAC5E,KAAe,YAAY,EAAG;;AAIhC,MAAI,KAAK,gBAAgB,QAAQ,KAAK,UAAU,SAAS,GAAG;GAC1D,IAAM,IAAY,KAAK,UAAU,IAAI;AACrC,GAAI,MAAc,KAAA,MAChB,KAAK,cAAc;;AAIvB,OAAK,kBAAkB;;CAIzB,iBACE,GACA,GACA,GACA,GACa;EACb,IAAM,IAAS,SAAS,cAAc,MAAM;AAQ5C,EAPA,EAAO,YAAY,iBACnB,EAAO,QAAQ,SAAS,EAAK,IAEzB,EAAK,aAAa,MACpB,EAAO,UAAU,IAAI,0BAA0B,EAG7C,KAAK,iBAAiB,QAAQ,KAAK,aAAa,OAAO,EAAK,MAC9D,EAAO,UAAU,IAAI,0BAA0B;EAIjD,IAAM,IAAM,SAAS,cAAc,MAAM;AAMzC,EALA,EAAI,YAAY,sBAChB,EAAI,aAAa,QAAQ,WAAW,EACpC,EAAI,aAAa,cAAc,OAAO,IAAQ,EAAE,CAAC,EACjD,EAAI,aAAa,gBAAgB,OAAO,EAAQ,CAAC,EACjD,EAAI,aAAa,iBAAiB,OAAO,EAAS,CAAC,EACnD,EAAI,MAAM,cAAc,GAAG,OAAO,IAAQ,KAAK,EAAE,CAAC;EAGlD,IAAM,IAAY,KAAK,gBAAgB,QAAQ,KAAK,YAAY,OAAO,EAAK;AAC5E,IAAI,aAAa,YAAY,IAAY,MAAM,KAAK;EAGpD,IAAM,IAAc,EAAK,aAAa,KAAA,KAAa,EAAK,aAAa,KAAA,GAC/D,IAAe,EAAK,eAAe,MAAS;AAOlD,EALI,KACF,EAAI,aAAa,iBAAiB,EAAK,aAAa,KAAO,SAAS,QAAQ,EAI1E,KAAK,iBAAiB,QAAQ,KAAK,aAAa,OAAO,EAAK,KAC9D,EAAI,aAAa,iBAAiB,OAAO,GAEzC,EAAI,aAAa,iBAAiB,QAAQ;EAI5C,IAAM,IAAS,SAAS,cAAc,OAAO;AAkB7C,MAjBA,EAAO,YAAY,yBACnB,EAAO,aAAa,eAAe,OAAO,EAEtC,KACF,EAAO,cAAc,EAAK,aAAa,KAAO,MAAW,KACzD,EAAO,iBAAiB,UAAU,MAAa;AAExC,GADL,EAAE,iBAAiB,EACd,KAAK,aAAa,EAAK;IAC5B,KAEF,EAAO,cAAc,KACrB,EAAO,MAAM,aAAa,WAG5B,EAAI,YAAY,EAAO,EAGnB,EAAK,SAAS,KAAA,GAAW;GAC3B,IAAM,IAAO,SAAS,cAAc,OAAO;AAI3C,GAHA,EAAK,YAAY,uBACjB,EAAK,aAAa,eAAe,OAAO,EACxC,EAAK,cAAc,EAAK,MACxB,EAAI,YAAY,EAAK;;EAIvB,IAAM,IAAQ,SAAS,cAAc,OAAO;AAuB5C,MAtBA,EAAM,YAAY,wBAEd,KAAK,mBAAmB,MAAM,EAAK,MAAM,aAAa,CAAC,SAAS,KAAK,eAAe,GACtF,EAAM,YAAY,KAAK,cAAc,EAAK,OAAO,KAAK,eAAe,GAErE,EAAM,cAAc,EAAK,OAG3B,EAAI,YAAY,EAAM,EAGtB,EAAI,iBAAiB,eAAe;AAClC,QAAK,WAAW,EAAK;IACrB,EAEF,EAAI,iBAAiB,kBAAkB;AACrC,QAAK,OAAO,gBAAgB,EAAK;IACjC,EAEF,EAAO,YAAY,EAAI,EAGnB,EAAK,aAAa,MAAQ,EAAK,aAAa,KAAA,KAAa,EAAK,SAAS,SAAS,GAAG;GACrF,IAAM,IAAa,SAAS,cAAc,MAAM;AAEhD,GADA,EAAW,YAAY,2BACvB,EAAW,aAAa,QAAQ,QAAQ;GAGxC,IAAM,IAAkB,EAAK,SAAS,QACpC,MAAK,KAAK,mBAAmB,MAAM,KAAK,kBAAkB,GAAG,KAAK,eAAe,CAClF,EAEG,IAAgB;AACpB,QAAK,IAAM,KAAS,EAAK,SACnB,MAAK,mBAAmB,MAAM,CAAC,KAAK,kBAAkB,GAAO,KAAK,eAAe,KAGrF,KACA,EAAW,YACT,KAAK,iBAAiB,GAAO,IAAQ,GAAG,GAAe,EAAgB,OAAO,CAC/E;AAGH,KAAO,YAAY,EAAW;;AAGhC,SAAO;;CAIT,MAAc,aAAa,GAA+B;AAgBxD,EAfI,EAAK,aAAa,MACpB,EAAK,WAAW,IAChB,KAAK,eAAe,GAAG,EAAK,MAAM,YAAY,KAE9C,EAAK,WAAW,IAEd,EAAK,aAAa,KAAA,MACjB,EAAK,aAAa,KAAA,KAAa,EAAK,SAAS,WAAW,OAEzD,KAAK,eAAe,WAAW,EAAK,QAAQ,EAC5C,MAAM,EAAa,EAAK,GAE1B,KAAK,eAAe,GAAG,EAAK,MAAM,WAAW,EAC7C,KAAK,OAAO,WAAW,EAAK,GAE9B,KAAK,QAAQ;;CAIf,cAAsB,GAAc,GAAuB;EAEzD,IAAM,IADY,EAAK,aAAa,CACd,QAAQ,EAAM;AACpC,MAAI,IAAM,EACR,QAAO,EAAW,EAAK;EAGzB,IAAM,IAAS,EAAK,MAAM,GAAG,EAAI,EAC3B,IAAQ,EAAK,MAAM,GAAK,IAAM,EAAM,OAAO,EAC3C,IAAQ,EAAK,MAAM,IAAM,EAAM,OAAO;AAE5C,SAAO,GAAG,EAAW,EAAO,CAAC,yCAAyC,EAAW,EAAM,CAAC,SAAS,EAAW,EAAM"}

package/dist/treemap-KZPCXAKY-DP2ZtuXF.js

@@ -0,0 +1,3 @@
+import "./chunk-XZSTWKYB-DxHspq6G.js";
+import { n as e } from "./chunk-OZEHJAEY-Ds1P6-z-.js";
+export { e as createTreemapServices };

package/dist/triangle-alert-DWk6jJ_p.js

@@ -0,0 +1,42 @@
+import { t as e } from "./createLucideIcon-BPb01goH.js";
+var t = e("circle-check", [["circle", {
+	cx: "12",
+	cy: "12",
+	r: "10",
+	key: "1mglay"
+}], ["path", {
+	d: "m9 12 2 2 4-4",
+	key: "dzmm74"
+}]]), n = e("circle-x", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["path", {
+		d: "m15 9-6 6",
+		key: "1uzhvr"
+	}],
+	["path", {
+		d: "m9 9 6 6",
+		key: "z0biqf"
+	}]
+]), r = e("triangle-alert", [
+	["path", {
+		d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+		key: "wmoenq"
+	}],
+	["path", {
+		d: "M12 9v4",
+		key: "juzpu7"
+	}],
+	["path", {
+		d: "M12 17h.01",
+		key: "p32p05"
+	}]
+]);
+//#endregion
+export { n, t as r, r as t };
+
+//# sourceMappingURL=triangle-alert-DWk6jJ_p.js.map

package/dist/triangle-alert-DWk6jJ_p.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"triangle-alert-DWk6jJ_p.js","names":["__iconNode","__iconNode"],"sources":["../node_modules/lucide-react/dist/esm/icons/circle-check.js","../node_modules/lucide-react/dist/esm/icons/circle-x.js","../node_modules/lucide-react/dist/esm/icons/triangle-alert.js"],"sourcesContent":["/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"m9 12 2 2 4-4\", key: \"dzmm74\" }]\n];\nconst CircleCheck = createLucideIcon(\"circle-check\", __iconNode);\n\nexport { __iconNode, CircleCheck as default };\n//# sourceMappingURL=circle-check.js.map\n","/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"m15 9-6 6\", key: \"1uzhvr\" }],\n  [\"path\", { d: \"m9 9 6 6\", key: \"z0biqf\" }]\n];\nconst CircleX = createLucideIcon(\"circle-x\", __iconNode);\n\nexport { __iconNode, CircleX as default };\n//# sourceMappingURL=circle-x.js.map\n","/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\",\n      key: \"wmoenq\"\n    }\n  ],\n  [\"path\", { d: \"M12 9v4\", key: \"juzpu7\" }],\n  [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst TriangleAlert = createLucideIcon(\"triangle-alert\", __iconNode);\n\nexport { __iconNode, TriangleAlert as default };\n//# sourceMappingURL=triangle-alert.js.map\n"],"x_google_ignoreList":[0,1,2],"mappings":";AAaA,IAAM,IAAc,EAAiB,gBAJlB,CACjB,CAAC,UAAU;CAAE,IAAI;CAAM,IAAI;CAAM,GAAG;CAAM,KAAK;CAAU,CAAC,EAC1D,CAAC,QAAQ;CAAE,GAAG;CAAiB,KAAK;CAAU,CAAC,CAChD,CAC+D,ECC1D,IAAU,EAAiB,YALd;CACjB,CAAC,UAAU;EAAE,IAAI;EAAM,IAAI;EAAM,GAAG;EAAM,KAAK;EAAU,CAAC;CAC1D,CAAC,QAAQ;EAAE,GAAG;EAAa,KAAK;EAAU,CAAC;CAC3C,CAAC,QAAQ;EAAE,GAAG;EAAY,KAAK;EAAU,CAAC;CAC3C,CACuD,ECMlD,IAAgB,EAAiB,kBAXpB;CACjB,CACE,QACA;EACE,GAAG;EACH,KAAK;EACN,CACF;CACD,CAAC,QAAQ;EAAE,GAAG;EAAW,KAAK;EAAU,CAAC;CACzC,CAAC,QAAQ;EAAE,GAAG;EAAc,KAAK;EAAU,CAAC;CAC7C,CACmE"}

package/dist/ui/index.d.ts

@@ -0,0 +1,111 @@
+/**
+ * UI Utilities
+ *
+ * Shared UI functionality for CounterMeasure applications.
+ * Includes theme management, auto-dismiss, and form helpers.
+ */
+export type Theme = 'light' | 'dark' | 'monokai' | 'glass' | 'system';
+export type ResolvedTheme = 'light' | 'dark' | 'monokai' | 'glass';
+export interface ThemeConfig {
+    storageKey?: string;
+    defaultTheme?: Theme;
+    themes?: Theme[];
+    attribute?: string;
+}
+/**
+ * Configure theme settings.
+ */
+export declare function configureTheme(config: ThemeConfig): void;
+/**
+ * Check if a value is a valid theme.
+ */
+export declare function isValidTheme(value: string | null | undefined): value is Theme;
+/**
+ * Get human-readable theme label.
+ */
+export declare function getThemeLabel(theme: Theme): string;
+/**
+ * Get the user's preferred theme from localStorage or default.
+ */
+export declare function getPreferredTheme(): Theme;
+/**
+ * Get the resolved theme (light, dark, or monokai) based on preference.
+ */
+export declare function getResolvedTheme(preference?: Theme): ResolvedTheme;
+/**
+ * Get the current theme from the document.
+ */
+export declare function getCurrentTheme(): Theme;
+/**
+ * Apply theme to the document.
+ */
+export declare function applyTheme(theme?: Theme): void;
+/**
+ * Save the theme preference to localStorage.
+ */
+export declare function saveTheme(theme: Theme): void;
+/**
+ * Set and persist theme preference.
+ */
+export declare function setTheme(theme: Theme): void;
+/**
+ * Get the next theme in the toggle cycle.
+ */
+export declare function getNextTheme(current: Theme): Theme;
+/**
+ * Toggle to the next theme in the cycle.
+ */
+export declare function toggleTheme(): Theme;
+/**
+ * Update the theme toggle cycle without changing the rest of the theme config.
+ */
+export declare function updateToggleCycle(themes: ResolvedTheme[]): void;
+/**
+ * Setup theme toggle button.
+ */
+export declare function setupThemeToggle(buttonSelector?: string): void;
+/**
+ * Setup theme option buttons.
+ */
+export declare function setupThemeOptions(): void;
+/**
+ * Watch for system theme changes and update accordingly.
+ */
+export declare function watchSystemTheme(callback?: (theme: ResolvedTheme) => void): () => void;
+/**
+ * Initialize theme on page load.
+ */
+export declare function initTheme(config?: ThemeConfig): void;
+/**
+ * Setup auto-dismiss for elements with data-auto-dismiss attribute.
+ */
+export declare function setupAutoDismiss(defaultDuration?: number): void;
+export interface FormFieldError {
+    field: string;
+    message: string;
+}
+/**
+ * Display form validation errors.
+ */
+export declare function displayFormErrors(formSelector: string, errors: FormFieldError[]): void;
+/**
+ * Clear all form errors.
+ */
+export declare function clearFormErrors(formSelector: string): void;
+/**
+ * Submit form with fetch and handle response.
+ */
+export declare function submitForm(formSelector: string, options?: {
+    method?: string;
+    headers?: Record<string, string>;
+    transform?: (data: FormData) => unknown;
+}): Promise<{
+    ok: boolean;
+    data?: unknown;
+    errors?: FormFieldError[];
+}>;
+/**
+ * Show loading state on a button.
+ */
+export declare function setButtonLoading(button: HTMLButtonElement, loading: boolean): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"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"}