@ac-design/design-system 2.6.0 → 2.7.0

package/dist/lib/components/AcTreeChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,809 @@
+import e from "./AcTooltip.js";
+import t from "../charts/ChartFrame.js";
+import { bindItemHover as n, useEChart as r } from "../charts/echarts.js";
+import { chartColor as i } from "../charts/shared.js";
+import "../charts/xy.js";
+import { nodeImage as a } from "../charts/nodeSymbol.js";
+import { fitText as o, textWidth as s, treeBreadth as c } from "../charts/tree.js";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, guardReactiveProps as ee, normalizeClass as te, normalizeProps as ne, normalizeStyle as re, openBlock as v, ref as y, renderList as ie, renderSlot as ae, resolveDynamicComponent as oe, toDisplayString as b, unref as se, useId as ce, watch as x, withCtx as S } from "vue";
+import { ListTree as le, Maximize as ue, ZoomIn as de, ZoomOut as fe } from "@lucide/vue";
+import { use as pe } from "echarts/core";
+import { TreeChart as me } from "echarts/charts";
+//#region src/lib/components/AcTreeChart.vue?vue&type=script&setup=true&lang.ts
+var he = { class: "font-medium text-heading" }, ge = {
+	key: 0,
+	class: "mt-0.5 flex items-center gap-1.5 text-muted"
+}, _e = {
+	key: 2,
+	class: "mt-1.5 border-t border-border pt-1.5 text-muted"
+}, ve = {
+	key: 3,
+	class: "mt-1.5 text-muted"
+}, ye = ["aria-label", "aria-activedescendant"], be = [
+	"id",
+	"aria-level",
+	"aria-posinset",
+	"aria-setsize",
+	"aria-expanded"
+], xe = {
+	key: 0,
+	class: "absolute right-3 bottom-3 flex items-center gap-0.5 rounded-full border border-border bg-surface/90 p-1 shadow-sm backdrop-blur",
+	role: "group",
+	"aria-label": "Zoom"
+}, Se = {
+	key: 0,
+	class: "w-10 text-center text-xs text-muted tabular-nums",
+	"aria-hidden": "true"
+}, Ce = ["aria-label", "onClick"], we = "tree", Te = "\0roots", C = 16, Ee = 44, De = 10, w = 6, T = 14, E = 18, Oe = 4, ke = 2, Ae = 240, je = 72, Me = 64, Ne = 34, Pe = 40, Fe = 160, Ie = 4e3, Le = 1.25, D = .25, Re = 4, ze = /*@__PURE__*/ _({
+	__name: "AcTreeChart",
+	props: {
+		data: {},
+		direction: { default: "LR" },
+		expandDepth: { default: 2 },
+		search: { default: "" },
+		height: { default: 400 },
+		autoHeight: {
+			type: Boolean,
+			default: !1
+		},
+		edgeShape: { default: "polyline" },
+		kindColors: { default: void 0 },
+		kindIcons: { default: void 0 },
+		zoom: {
+			type: Boolean,
+			default: !0
+		},
+		tooltip: {
+			type: Boolean,
+			default: !0
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		emptyText: { default: "No items to show yet" },
+		title: { default: "" },
+		description: { default: "" },
+		renderer: { default: "canvas" },
+		animation: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"select",
+		"open",
+		"toggle",
+		"matches"
+	],
+	setup(_, { expose: ze, emit: Be }) {
+		pe([me]);
+		let O = _, k = Be, A = [.5, 2], Ve = [
+			["wheel", sn],
+			["mousewheel", sn],
+			["touchstart", $],
+			["touchmove", $],
+			["touchend", $]
+		], He = {
+			success: "var(--color-success)",
+			info: "var(--color-info)",
+			warning: "var(--color-warning)",
+			danger: "var(--color-danger)",
+			neutral: void 0
+		}, Ue = {
+			success: "var(--color-success-strong)",
+			info: "var(--color-info-strong)",
+			warning: "var(--color-warning-strong)",
+			danger: "var(--color-danger-strong)",
+			neutral: "var(--color-muted)"
+		}, We = {
+			success: "Healthy",
+			info: "Info",
+			warning: "Warning",
+			danger: "Critical",
+			neutral: ""
+		}, Ge = {
+			success: "text-success-strong",
+			info: "text-info-strong",
+			warning: "text-warning-strong",
+			danger: "text-danger-strong",
+			neutral: "text-muted"
+		}, Ke = {
+			success: "bg-success",
+			info: "bg-info",
+			warning: "bg-warning",
+			danger: "bg-danger",
+			neutral: "bg-border-dark"
+		}, qe = [
+			"success",
+			"info",
+			"warning",
+			"danger",
+			"neutral"
+		], Je = ce(), Ye = y(), Xe = y(), Ze = y([]), Qe = y(0), j = y(null), $e = y(O.expandDepth), et = y(!0), M = y(/* @__PURE__ */ new Set()), N = y(/* @__PURE__ */ new Set()), P = y(null), F = y(!1), I = y(!1), L = y(1), tt = y(0), R = null, z = !1, nt = !1, B = null, rt = !1, it = !1, at = /* @__PURE__ */ new Map(), ot = /* @__PURE__ */ new Map(), st = u(() => Array.isArray(O.data) ? O.data : O.data ? [O.data] : []), V = u(() => {
+			let e = /* @__PURE__ */ new Map(), t = [], n = (r, i, a) => {
+				let o = {
+					node: r,
+					depth: i,
+					parent: a,
+					children: []
+				};
+				return e.set(r.id, o), t.push(o), o.children = (r.children ?? []).map((e) => n(e, i + 1, o)), o;
+			};
+			return {
+				byId: e,
+				list: t,
+				top: st.value.map((e) => n(e, 0, null))
+			};
+		}), ct = u(() => [...new Set(V.value.list.map((e) => e.node.kind).filter((e) => !!e))]), lt = u(() => new Map(ct.value.map((e, t) => [e, i(O.kindColors?.[e], t)]))), ut = u(() => O.search.trim().toLowerCase()), dt = u(() => {
+			let e = /* @__PURE__ */ new Set();
+			if (!ut.value) return e;
+			for (let { node: t } of V.value.list) [
+				t.name,
+				t.description,
+				t.kind
+			].some((e) => e?.toLowerCase().includes(ut.value)) && e.add(t.id);
+			return e;
+		}), ft = u(() => {
+			let e = /* @__PURE__ */ new Set();
+			for (let t of dt.value) for (let n = V.value.byId.get(t)?.parent; n && !e.has(n.node.id); n = n.parent) e.add(n.node.id);
+			return e;
+		}), pt = u(() => V.value.list.filter((e) => dt.value.has(e.node.id)).map((e) => e.node));
+		function mt(e) {
+			if (!e.children.length) return !1;
+			let t = e.node.id;
+			return N.value.has(t) ? !1 : M.value.has(t) || ft.value.has(t) ? !0 : et.value && e.node.collapsed !== void 0 ? !e.node.collapsed : e.depth < $e.value;
+		}
+		let H = u(() => {
+			let e = [], t = (n) => {
+				n.forEach((r, i) => {
+					let a = mt(r);
+					e.push({
+						entry: r,
+						open: a,
+						index: e.length,
+						posInSet: i + 1,
+						setSize: n.length
+					}), a && t(r.children);
+				});
+			};
+			return t(V.value.top), e;
+		}), U = u(() => new Map(H.value.map((e) => [e.entry.node.id, e]))), ht = u(() => new Set(U.value.keys())), gt = u(() => V.value.top.length > 1), _t = u(() => H.value.reduce((e, t) => Math.max(e, t.entry.depth), 0)), W = u(() => P.value ? U.value.get(P.value) : void 0), vt = u(() => {
+			if (!I.value || !F.value) return null;
+			let e = W.value;
+			if (!e) return null;
+			let t = /* @__PURE__ */ new Set();
+			for (let n = e.entry; n; n = n.parent) t.add(n.node.id);
+			let n = (e) => {
+				for (let r of e.children) ht.value.has(r.node.id) && (t.add(r.node.id), n(r));
+			};
+			return n(e.entry), t;
+		});
+		function G(e) {
+			return e.status ?? "neutral";
+		}
+		function K(e) {
+			return e.statusText || We[G(e)];
+		}
+		function yt(e) {
+			return e.status === "warning" || e.status === "danger";
+		}
+		function bt(e) {
+			return e.kind && lt.value.get(e.kind) || "var(--color-muted)";
+		}
+		function xt(e) {
+			return e.icon ?? (e.kind ? O.kindIcons?.[e.kind] : void 0);
+		}
+		function q(e) {
+			return e.replace(/[{}|]/g, " ");
+		}
+		function St(e) {
+			return {
+				name: `500 12px ${e}`,
+				small: `450 11px ${e}`,
+				chip: `500 10px ${e}`
+			};
+		}
+		function Ct(e, t, n) {
+			let r = St(n), i = e.entry.node, a = s(" ", r.name), c = (e) => s(e, r.chip) + 10, l = 0, u = [], d = [];
+			if (i.relation && (u.push(`{rel|${q(i.relation)}}`), l += s(i.relation, r.small) + a), yt(i) && (d.push(`{${i.status}|!}`), l += 14 + a), !e.open && e.entry.children.length) {
+				let t = String(e.entry.children.length);
+				d.push(`{count|${t}}`), l += c(t) + a;
+			}
+			let f = t - 8, p = dt.value.has(i.id);
+			if (i.badge?.text) {
+				let e = c(i.badge.text) + a;
+				f - l - e - (p ? 6 : 0) >= Math.min(s(i.name, r.name), Me) && (d.unshift(`{b_${i.badge.tone ?? "neutral"}|${q(i.badge.text)}}`), l += e);
+			}
+			let m = o(i.name, Math.max(f - l - (p ? 6 : 0), 32), r.name), h = p ? "hit" : i.muted ? "mname" : "name", g = [
+				...u,
+				`{${h}|${q(m)}}`,
+				...d
+			].join(" "), _ = l + s(m, r.name) + (p ? 6 : 0);
+			if (!i.description) return {
+				text: g,
+				width: _ + 8
+			};
+			let ee = o(i.description, f, r.small);
+			return _ = Math.max(_, s(ee, r.small)), {
+				text: `${g}\n{desc|${q(ee)}}`,
+				width: _ + 8
+			};
+		}
+		let wt = u(() => Y.theme.value?.font ?? "Roboto, sans-serif"), Tt = u(() => V.value.list.some((e) => !!e.node.description)), Et = u(() => V.value.list.reduce((e, t) => Math.max(e, Ct({
+			entry: t,
+			open: !1,
+			index: 0,
+			posInSet: 1,
+			setSize: 1
+		}, Ae, wt.value).width), 0)), J = u(() => {
+			let e = (t) => ({ children: mt(t) ? t.children.map(e) : [] }), t = V.value.top;
+			return t.length ? c(t.length === 1 ? e(t[0]) : { children: t.map(e) }) : 0;
+		}), Dt = u(() => {
+			let e = Math.max(Qe.value, 1), t = +!!gt.value, n = _t.value, r = O.zoom ? Ee : C, i = Math.max(e - 32, 1), a = (Tt.value ? 30 : 16) + 4, o, s, c, l, u;
+			if (O.direction === "TB") {
+				c = 28 + w + a + T + E;
+				let e = Math.min(Math.max(Et.value + 12, 84), 252);
+				e * J.value > i && (e = Math.max(i / J.value | 0, 84)), o = e * J.value, s = 28 + n * c + w + a, l = e - 12, u = (14 + w + a + T) / c;
+			} else {
+				let e = (e) => 28 + w + e + T + E, t = (t) => 14 + n * e(t) + 14 + w + t;
+				if (l = Math.min(Math.max(Et.value, je), Ae), t(l) > i) {
+					let e = (i - 28 - w - n * (28 + w + T + E)) / (n + 1);
+					l = Math.max(Math.floor(e), je);
+				}
+				c = e(l), o = t(l), s = J.value * (Tt.value ? Pe : Ne), u = (14 + w + l + T) / c;
+			}
+			let d = O.autoHeight ? Ot(s + C + r, Fe, Ie) : O.height, f = Math.max(d - C - r, 1), p = O.direction === "TB", m = p ? {
+				width: Math.max(o, 1),
+				height: Math.max((n + t) * c, 1)
+			} : {
+				width: Math.max((n + t) * c, 1),
+				height: Math.max(s, 1)
+			};
+			return {
+				plotHeight: d,
+				box: {
+					left: C + Math.max((i - o) / 2, 0) - (p ? 0 : t * c - 14),
+					top: C + Math.max((f - s) / 2, 0) - (p ? t * c - 14 : 0),
+					...m
+				},
+				fork: u,
+				labelRoom: l,
+				descRows: Tt.value
+			};
+		});
+		function Ot(e, t, n) {
+			return Math.min(Math.max(e, t), n);
+		}
+		function kt(e) {
+			let t = ot.get(e);
+			return t === void 0 && (t = ot.size, ot.set(e, t)), t;
+		}
+		function At(e, t) {
+			let n = He[G(t)], r = xt(t);
+			if (!r) {
+				let t = n ? e.color(n) : e.muted;
+				return {
+					symbol: "circle",
+					size: De,
+					itemStyle: {
+						color: e.surface,
+						borderColor: t,
+						borderWidth: 2
+					}
+				};
+			}
+			let i = n ? e.color(n) : e.borderDark, o = e.color(bt(t)), s = [
+				typeof r == "string" ? `t:${r}` : `c:${kt(r)}`,
+				o,
+				i,
+				e.surface
+			].join("|"), c = at.get(s);
+			return c || (c = a({
+				icon: r,
+				iconColor: o,
+				fill: e.surface,
+				ring: i,
+				ringWidth: 2.5,
+				shape: "circle",
+				font: e.font,
+				fontSize: 13
+			}), at.set(s, c)), {
+				symbol: c,
+				size: 28,
+				itemStyle: {}
+			};
+		}
+		function jt(e, t, n) {
+			let [r, i, a] = e.match(/[\d.]+/g).map(Number), [o, s, c] = t.match(/[\d.]+/g).map(Number), l = (e = 0, t = 0) => Math.round(e * n + t * (1 - n));
+			return `rgb(${l(r, o)}, ${l(i, s)}, ${l(a, c)})`;
+		}
+		function Mt(e, t) {
+			let n = He[t];
+			return {
+				backgroundColor: n ? e.alpha(n, .14) : e.sunken,
+				color: e.color(Ue[t]),
+				fontSize: 10,
+				fontWeight: 500,
+				lineHeight: 14,
+				padding: [1, 5],
+				borderRadius: 7,
+				fontFamily: e.font
+			};
+		}
+		function Nt(e) {
+			let t = (t, n) => ({
+				backgroundColor: e.color(t),
+				color: e.color(n),
+				padding: [0, 5],
+				lineHeight: 14,
+				borderRadius: 7,
+				fontSize: 10,
+				fontWeight: 700,
+				fontFamily: e.font
+			}), n = {
+				fontSize: 12,
+				fontWeight: 500,
+				lineHeight: 16,
+				color: e.heading,
+				fontFamily: e.font
+			};
+			return {
+				name: n,
+				mname: {
+					...n,
+					fontWeight: 450,
+					color: e.muted
+				},
+				hit: {
+					...n,
+					color: e.heading,
+					backgroundColor: e.alpha("var(--color-warning)", .3),
+					padding: [0, 3],
+					borderRadius: 3
+				},
+				rel: {
+					fontSize: 11,
+					lineHeight: 16,
+					color: e.muted,
+					fontFamily: e.font
+				},
+				desc: {
+					fontSize: 11,
+					lineHeight: 14,
+					color: e.muted,
+					fontFamily: e.font
+				},
+				count: {
+					...Mt(e, "neutral"),
+					color: e.muted
+				},
+				warning: t("var(--color-warning)", "var(--color-on-warning)"),
+				danger: t("var(--color-danger)", "var(--color-white)"),
+				...Object.fromEntries(qe.map((t) => [`b_${t}`, Mt(e, t)]))
+			};
+		}
+		function Pt(e) {
+			let t = Dt.value, n = vt.value, r = I.value && F.value ? W.value?.entry.node.id : void 0, i = O.edgeShape === "polyline", a = jt(e.primary, e.surface, .1), o = { opacity: 0 }, s = (c) => {
+				let l = c.entry.node, u = At(e, l), d = n && !n.has(l.id), f = d ? D : l.muted ? .6 : 1, p = l.id === r, m = !c.entry.parent && gt.value && !i;
+				return {
+					id: l.id,
+					name: l.id,
+					sym: u.symbol,
+					symSize: u.size,
+					itemStyle: {
+						...u.itemStyle,
+						opacity: f
+					},
+					label: {
+						formatter: Ct(c, t.labelRoom, e.font).text,
+						opacity: d ? D : 1,
+						...p ? {
+							backgroundColor: a,
+							borderColor: e.primary,
+							borderWidth: 1.5
+						} : {}
+					},
+					lineStyle: m ? o : { opacity: d ? D : 1 },
+					...m ? {
+						emphasis: { lineStyle: o },
+						blur: { lineStyle: o }
+					} : {},
+					children: c.open ? c.entry.children.map((e) => s(U.value.get(e.node.id))) : []
+				};
+			}, c = V.value.top.map((e) => s(U.value.get(e.node.id))), l = gt.value ? [{
+				id: Te,
+				name: Te,
+				sym: "none",
+				symSize: 0,
+				label: { show: !1 },
+				lineStyle: o,
+				emphasis: { lineStyle: o },
+				blur: { lineStyle: o },
+				children: c
+			}] : c, u = O.direction === "TB";
+			return {
+				id: we,
+				type: "tree",
+				layout: "orthogonal",
+				orient: O.direction,
+				...t.box,
+				data: l,
+				edgeShape: O.edgeShape,
+				edgeForkPosition: `${(t.fork * 100).toFixed(2)}%`,
+				expandAndCollapse: !1,
+				roam: !0,
+				roamTrigger: "global",
+				scaleLimit: {
+					min: A[0],
+					max: A[1]
+				},
+				zoom: R?.zoom ?? 1,
+				center: R?.center,
+				nodeScaleRatio: 1,
+				cursor: "pointer",
+				symbol: (e, t) => t.data?.sym ?? "none",
+				symbolSize: (e, t) => t.data?.symSize ?? 0,
+				label: {
+					show: !0,
+					position: u ? "bottom" : "right",
+					distance: w,
+					align: u ? "center" : "left",
+					verticalAlign: u ? "top" : "middle",
+					backgroundColor: e.surface,
+					padding: [ke, Oe],
+					borderRadius: 4,
+					fontFamily: e.font,
+					rich: Nt(e)
+				},
+				lineStyle: {
+					color: e.borderDark,
+					width: 1.5,
+					curveness: .5
+				},
+				emphasis: {
+					focus: "relative",
+					blurScope: "series",
+					scale: !1,
+					label: { backgroundColor: a }
+				},
+				blur: {
+					itemStyle: { opacity: D },
+					label: { opacity: D },
+					lineStyle: { opacity: .2 }
+				},
+				animationDuration: 400,
+				animationDurationUpdate: 400
+			};
+		}
+		let Y = r({
+			host: Ye,
+			renderer: () => O.renderer,
+			option: (e) => (tt.value, z && It(), {
+				animation: O.animation && !e.reducedMotion && !nt && V.value.list.length <= 2e3,
+				textStyle: { fontFamily: e.font },
+				series: [Pt(e)]
+			}),
+			setup: Ft
+		});
+		function Ft(e) {
+			let t = e.getZr();
+			n(e, an, on), t.on("mousedown", (e) => {
+				B = [e.offsetX, e.offsetY];
+			}), e.on("click", (e) => {
+				let t = e, n = t.data?.id ? U.value.get(t.data.id) : void 0, r = t.event?.event;
+				n && t.event && !Lt(t.event) && (P.value = n.entry.node.id, I.value = !1, it = !0, Xe.value?.focus({ preventScroll: !0 }), it = !1, !((r?.detail ?? 1) > 1) && Bt(n));
+			}), e.on("dblclick", (e) => {
+				let t = e.data?.id, n = t ? V.value.byId.get(t) : void 0;
+				n && k("open", n.node);
+			}), e.on("treeroam", (e) => {
+				z = !0, j.value = null;
+				let t = e.zoom;
+				t && (L.value = Ot(L.value * t, ...A));
+			}), e.on("finished", () => {
+				nt = !1;
+			});
+		}
+		function It() {
+			z = !1;
+			let e = (Y.chart.value?.getOption())?.series?.[0];
+			e && (R = {
+				zoom: e.zoom ?? 1,
+				center: e.center
+			});
+		}
+		function Lt(e) {
+			return !!B && Math.hypot(e.offsetX - B[0], e.offsetY - B[1]) > Re;
+		}
+		function Rt(e, t) {
+			let n = new Set(M.value), r = new Set(N.value);
+			t ? (n.add(e), r.delete(e)) : (r.add(e), n.delete(e)), M.value = n, N.value = r;
+		}
+		function zt(e) {
+			Rt(e.entry.node.id, !e.open), k("toggle", e.entry.node, !e.open);
+		}
+		function Bt(e) {
+			k("select", e.entry.node), e.entry.children.length && zt(e);
+		}
+		function X(e) {
+			$e.value = e, et.value = !1, M.value = /* @__PURE__ */ new Set(), N.value = /* @__PURE__ */ new Set();
+		}
+		function Vt() {
+			X(Infinity);
+		}
+		function Ht() {
+			X(1);
+		}
+		function Ut(e) {
+			let t = new Set(M.value), n = new Set(N.value);
+			for (let r = V.value.byId.get(e)?.parent; r; r = r.parent) t.add(r.node.id), n.delete(r.node.id);
+			M.value = t, N.value = n;
+		}
+		let Wt = u(() => Math.round(L.value * 100));
+		function Gt(e) {
+			let t = Y.chart.value;
+			t && t.dispatchAction({
+				type: "treeRoam",
+				seriesId: we,
+				zoom: e,
+				originX: t.getWidth() / 2,
+				originY: t.getHeight() / 2
+			});
+		}
+		function Kt() {
+			Gt(Le);
+		}
+		function qt() {
+			Gt(1 / Le);
+		}
+		function Jt() {
+			R = null, z = !1, L.value = 1, tt.value++;
+		}
+		let Yt = [
+			{
+				label: "Zoom out",
+				icon: fe,
+				action: qt
+			},
+			{
+				label: "Zoom in",
+				icon: de,
+				action: Kt
+			},
+			{
+				label: "Fit to view",
+				icon: ue,
+				action: Jt
+			}
+		];
+		function Z(e) {
+			let t = H.value[Ot(e, 0, H.value.length - 1)];
+			t && (P.value = t.entry.node.id);
+		}
+		function Xt(e) {
+			let t = W.value;
+			if (!H.value.length || e.altKey || e.ctrlKey || e.metaKey) return;
+			I.value = !0;
+			let n = t?.index ?? -1;
+			switch (e.key) {
+				case "ArrowDown":
+					Z(n + 1);
+					break;
+				case "ArrowUp":
+					Z(n - 1);
+					break;
+				case "Home":
+					Z(0);
+					break;
+				case "End":
+					Z(H.value.length - 1);
+					break;
+				case "ArrowRight":
+					t ? t.entry.children.length && !t.open ? zt(t) : t.open && Z(n + 1) : Z(0);
+					break;
+				case "ArrowLeft":
+					t ? t.open ? zt(t) : t.entry.parent && (P.value = t.entry.parent.node.id) : Z(0);
+					break;
+				case "Enter":
+					t && k("open", t.entry.node);
+					break;
+				case " ":
+					t && Bt(t);
+					break;
+				default: return;
+			}
+			e.preventDefault();
+		}
+		function Zt() {
+			F.value = !0, it || (I.value = !0), W.value || Z(0);
+		}
+		function Qt() {
+			F.value = !1, I.value = !1;
+		}
+		let $t = u(() => ({
+			columns: [
+				"Name",
+				"Parent",
+				"Kind",
+				"Status",
+				"Description"
+			],
+			rows: V.value.list.map(({ node: e, parent: t }) => [
+				e.name,
+				t?.node.name ?? "None",
+				e.kind ?? "",
+				K(e),
+				e.description ?? ""
+			])
+		}));
+		function en(e, t) {
+			return `${e} ${t}${e === 1 ? "" : "s"}`;
+		}
+		let tn = u(() => {
+			let e = V.value.list, t = e.reduce((e, t) => Math.max(e, t.depth + 1), 0), n = e.filter((e) => yt(e.node)).length, r = `Tree: ${en(e.length, "item")}, ${en(t, "level")}${n ? `, ${n} with problems` : ""}.`;
+			return [O.title, O.description || r].filter(Boolean).join(". ");
+		});
+		function nn(e) {
+			let t = e.entry.node;
+			return [
+				t.relation ? `${t.relation} ${t.name}` : t.name,
+				t.kind,
+				K(t),
+				t.badge?.text,
+				t.description
+			].filter(Boolean).join(", ");
+		}
+		let rn = u(() => j.value ? V.value.byId.get(String(j.value.datum.id)) : void 0), Q = u(() => {
+			let e = rn.value;
+			if (!e) return;
+			let t = [];
+			for (let n = e.parent; n; n = n.parent) t.unshift(n.node.name);
+			return {
+				node: e.node,
+				path: t,
+				expanded: !!U.value.get(e.node.id)?.open
+			};
+		});
+		function an(e) {
+			let t = V.value.byId.get(String(e.data?.id));
+			if (!t || !O.tooltip) return on();
+			j.value = {
+				clientX: e.clientX,
+				clientY: e.clientY,
+				title: t.node.name,
+				items: [],
+				datum: t.node,
+				index: e.dataIndex
+			};
+		}
+		function on() {
+			j.value = null;
+		}
+		function sn(e) {
+			let t = e;
+			!t.ctrlKey && !t.metaKey && e.stopPropagation();
+		}
+		function $(e) {
+			let t = e;
+			t.type === "touchstart" && t.touches.length > 1 && (rt = !0), rt || e.stopPropagation(), t.type === "touchend" && !t.touches.length && (rt = !1);
+		}
+		return x(ht, (e, t) => {
+			let n = Y.chart.value;
+			if (n && t && O.edgeShape === "polyline") {
+				for (let r of t) if (!e.has(r)) {
+					z && It(), nt = !0, n.clear();
+					return;
+				}
+			}
+		}, { flush: "sync" }), x(() => O.expandDepth, (e) => X(e)), x(ut, () => {
+			[...ft.value].some((e) => N.value.has(e)) && (N.value = new Set([...N.value].filter((e) => !ft.value.has(e))));
+		}), x(pt, (e) => k("matches", e), { immediate: !!O.search }), x(H, () => {
+			if (!P.value || U.value.has(P.value)) return;
+			let e = V.value.byId.get(P.value)?.parent ?? null;
+			for (; e && !U.value.has(e.node.id);) e = e.parent;
+			P.value = e?.node.id ?? null;
+		}), x(Ye, (e, t) => {
+			for (let [n, r] of Ve) t?.removeEventListener(n, r, { capture: !0 }), e?.addEventListener(n, r, {
+				capture: !0,
+				passive: !0
+			});
+		}), ze({
+			expandAll: Vt,
+			collapseAll: Ht,
+			expandToDepth: X,
+			reveal: Ut,
+			fit: Jt
+		}), (n, r) => (v(), d(t, {
+			hidden: Ze.value,
+			"onUpdate:hidden": r[0] ||= (e) => Ze.value = e,
+			width: Qe.value,
+			"onUpdate:width": r[1] ||= (e) => Qe.value = e,
+			testid: "ac-tree-chart",
+			height: Dt.value.plotHeight,
+			loading: _.loading,
+			empty: !st.value.length,
+			"empty-text": _.emptyText,
+			"empty-icon": se(le),
+			legend: "none",
+			"legend-items": [],
+			summary: tn.value,
+			title: _.title,
+			description: _.description,
+			table: $t.value,
+			tip: j.value,
+			tooltip: _.tooltip
+		}, {
+			tooltip: S(() => [Q.value ? ae(n.$slots, "tooltip", ne(ee(Q.value)), () => [
+				m("p", he, b(Q.value.node.name), 1),
+				Q.value.node.kind ? (v(), p("p", ge, [m("span", {
+					class: "size-2 shrink-0 rounded-full",
+					style: re({ backgroundColor: bt(Q.value.node) }),
+					"aria-hidden": "true"
+				}, null, 4), h(" " + b(Q.value.node.kind), 1)])) : f("", !0),
+				K(Q.value.node) ? (v(), p("p", {
+					key: 1,
+					class: te(["mt-1 flex items-center gap-1.5", Ge[G(Q.value.node)]])
+				}, [m("span", {
+					class: te(["size-2 shrink-0 rounded-full", Ke[G(Q.value.node)]]),
+					"aria-hidden": "true"
+				}, null, 2), h(" " + b(K(Q.value.node)), 1)], 2)) : f("", !0),
+				Q.value.node.description ? (v(), p("p", _e, b(Q.value.node.description), 1)) : f("", !0),
+				Q.value.node.children?.length ? (v(), p("p", ve, b(en(Q.value.node.children.length, "item")) + " inside · click to " + b(Q.value.expanded ? "fold" : "open"), 1)) : f("", !0)
+			], void 0, 0) : f("", !0)]),
+			controls: S(() => [m("div", {
+				ref_key: "treeEl",
+				ref: Xe,
+				class: te(["pointer-events-none absolute inset-0 rounded-10 ring-inset ring-ring focus:outline-none", F.value && I.value && "ring-2"]),
+				role: "tree",
+				tabindex: "0",
+				"aria-label": _.title || "Tree",
+				"aria-activedescendant": F.value && W.value ? `${se(Je)}-${W.value.index}` : void 0,
+				onKeydown: Xt,
+				onFocus: Zt,
+				onBlur: Qt
+			}, [(v(!0), p(l, null, ie(H.value, (e) => (v(), p("div", {
+				id: `${se(Je)}-${e.index}`,
+				key: e.entry.node.id,
+				class: "sr-only",
+				role: "treeitem",
+				"aria-level": e.entry.depth + 1,
+				"aria-posinset": e.posInSet,
+				"aria-setsize": e.setSize,
+				"aria-expanded": e.entry.children.length ? e.open : void 0
+			}, b(nn(e)), 9, be))), 128))], 42, ye), _.zoom ? (v(), p("div", xe, [(v(), p(l, null, ie(Yt, (t) => (v(), p(l, { key: t.label }, [t.label === "Zoom in" ? (v(), p("span", Se, b(Wt.value) + "%", 1)) : f("", !0), g(e, { content: t.label }, {
+				default: S(() => [m("button", {
+					type: "button",
+					class: "inline-flex size-7 cursor-pointer items-center justify-center rounded-full text-muted transition-colors hover:bg-surface-sunken hover:text-heading focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none",
+					"aria-label": t.label,
+					onClick: t.action
+				}, [(v(), d(oe(t.icon), {
+					class: "size-4",
+					"aria-hidden": "true"
+				}))], 8, Ce)]),
+				_: 2
+			}, 1032, ["content"])], 64))), 64))])) : f("", !0)]),
+			default: S(() => [m("div", {
+				ref_key: "host",
+				ref: Ye,
+				class: "size-full"
+			}, null, 512)]),
+			_: 3
+		}, 8, [
+			"hidden",
+			"width",
+			"height",
+			"loading",
+			"empty",
+			"empty-text",
+			"empty-icon",
+			"summary",
+			"title",
+			"description",
+			"table",
+			"tip",
+			"tooltip"
+		]));
+	}
+});
+//#endregion
+export { ze as default };