@astrato-io/visualizations 0.0.0-stage → 0.6.5

package/chunks/standalone-0M4HlmDW2.js

@@ -0,0 +1,3944 @@
+import { o as e } from "./rolldown-runtime-DleVn1XH.js";
+import { Ai as t, Ea as n, Es as r, Hn as i, La as a, Mi as o, Si as s, Ta as c, fc as l, js as u, ki as d, n as f } from "./isEqual-BDxAhUo8.js";
+import { $t as p, B as m, Cn as h, Ei as g, Gn as _, Ir as v, M as y, N as b, Yi as x, Zi as S, _n as C, a as w, s as T, u as ee } from "./utils-Bg7K-t6K.js";
+import { Oi as te } from "./handlers-VTBfIZYZ.js";
+import { Ht as E, On as ne, S as re, mt as ie } from "./ui-DQWtv2iM.js";
+import { C as ae, E as oe, Gt as se, Ht as ce, Jt as D, O as le, T as ue, a as de, d as fe, f as pe, g as me, k as O, m as he, u as ge, v as _e, x as ve, y as ye } from "./escobar-eDjtGpkC.js";
+import { l as be, r as xe } from "./coloring-B1XAfg6b.js";
+import { f as Se, r as Ce, t as we, u as Te, y as Ee } from "./src-D9XogOrc.js";
+import { a as De, i as Oe, r as ke, t as Ae } from "./accessors-DemrDevR.js";
+import { r as je, t as Me } from "./src-BOS6SqkZ.js";
+var k = /* @__PURE__ */ e(x()), Ne = ({ vTheme: e, vSpec: n, id: r, layout: i }) => {
+	let a = e?.fonts?.general.fontFamily ?? "Roboto", s = {
+		...d,
+		...n.treeChartSettings?.nodeLayout?.border
+	};
+	s.enabled === !1 && (s.borderWidth = 0);
+	let l = {
+		...t,
+		...n.treeChartSettings?.nodeLayout.hoverStyle
+	}, u = n.treeChartSettings?.nodeLayout?.backgroundColor ?? o.backgroundColor, f = new ie(u).isLight() ? c.grey1 : c.grey5;
+	return `
+#${r} {
+    &[data-mode="view"] .tree-toolbar {
+        display: none;
+    }
+    .tree-toolbar, &:hover .tree-toolbar {
+        display: flex;
+    }
+
+    --link-color: ${c.grey3};
+
+    --border-color: ${s.borderColor};
+    --border-width: ${s.borderWidth}px;
+    --border-color-edit: ${c.secondaryPurple};
+    --border-radius: ${s.borderRadius}px;
+    --border-color-selected: ${c.grey2};
+
+    --border-hover-width: ${l.borderWidth}px;
+    --border-hover-color: ${l.borderColor || s.borderColor};
+
+    --node-background: ${u};
+    --node-background-highlight: ${c.grey2};
+    --font-color: ${f};
+
+    .links-wrapper path {
+        stroke: var(--link-color);
+        stroke-width: 1px;
+        fill: none;
+        transition: stroke-width 0.1s ease-in-out;
+    }
+
+    .node {
+        user-select: none;
+    }
+
+    .node-button-g {
+        cursor: pointer;
+
+        .node-button-div {
+            color: var(--font-color);
+            pointer-events: none;
+            display: flex;
+            width: 100%;
+            height: 100%;
+        }
+
+        .button-content {
+            border:1px solid var(--border-color);
+            border-radius: ${Math.ceil(s.borderRadius / 2)}px;
+            padding:1px 3px;
+            font-size:9px;
+            margin:auto auto;
+            background-color: var(--node-background);
+        }
+        &:hover .button-content {
+            background-color: ${c.grey5};
+        }
+    }
+
+    .drag-enabled .node.draggable > rect {
+        stroke: var(--border-color-edit);
+        stroke-width: 1px;
+        stroke-dasharray: 4px 2px;
+    }
+
+    .node.dragging > rect {
+        stroke-dasharray: 0 !important;
+        stroke-width: 0 !important;
+    }
+
+    .node-content {
+        color: var(--font-color);
+        font-size: 12px;
+        font-family: ${a}, sans-serif;
+        width: 100%;
+        height: 100%;
+        border: var(--border-width) solid var(--border-color);
+        border-radius: var(--border-radius);
+        background-color: var(--node-background);
+        outline-style: solid;
+        outline-width: 0px;
+        outline-color: transparent;
+        outline-offset: 0px;
+        transition:
+            outline-offset 0.1s ease-in-out,
+            outline-width 0.1s ease-in-out,
+            outline-color 0.1s ease-in-out,
+            border-color 0.1s ease-in-out;
+
+        .node-highlight & {
+            outline-offset: calc(var(--border-width) * -1);
+            outline-width: var(--border-hover-width);
+            outline-color: var(--border-hover-color);
+            border-color: transparent;
+        }
+    }
+
+    .node.hovered .node-content::after, .node-content:hover::after,
+    .dragging-active .drop-target .node-content::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        border-radius: var(--border-radius);
+        background-color: var(--node-background-highlight);
+        opacity: 0.1;
+    }
+
+    .dragging-active .drop-target .node-content::after {
+        background-color: ${c.feedbackBlue};
+        opacity: 1;
+    }
+
+    .node.selected .node-foreign-object-div {
+        outline-style: solid;
+        outline-width: 2px;
+        outline-color: var(--border-color-selected);
+        border-radius: var(--border-radius);
+    }
+
+    .node-excluded .node-foreign-object-div::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        border-radius: var(--border-radius);
+        background-color: ${c.grey2};
+        opacity: 0.2;
+    }
+    .node-excluded .node-foreign-object-div {
+        opacity: 0.8;
+    }
+}
+
+${i.getCSS(r, n)}`;
+}, Pe = { depth: -1 }, Fe = {}, Ie = {};
+function Le(e) {
+	return e.id;
+}
+function Re(e) {
+	return e.parentId;
+}
+function ze() {
+	var e = Le, t = Re, n;
+	function r(r) {
+		var i = Array.from(r), a = e, o = t, s, c, l, u, d, f, p, m, h = /* @__PURE__ */ new Map();
+		if (n != null) {
+			let e = i.map((e, t) => Be(n(e, t, r))), t = e.map(Ve), s = new Set(e).add("");
+			for (let n of t) s.has(n) || (s.add(n), e.push(n), t.push(Ve(n)), i.push(Ie));
+			a = (t, n) => e[n], o = (e, n) => t[n];
+		}
+		for (l = 0, s = i.length; l < s; ++l) c = i[l], f = i[l] = new ke(c), (p = a(c, l, r)) != null && (p += "") && (m = f.id = p, h.set(m, h.has(m) ? Fe : f)), (p = o(c, l, r)) != null && (p += "") && (f.parent = p);
+		for (l = 0; l < s; ++l) if (f = i[l], p = f.parent) {
+			if (d = h.get(p), !d) throw Error("missing: " + p);
+			if (d === Fe) throw Error("ambiguous: " + p);
+			d.children ? d.children.push(f) : d.children = [f], f.parent = d;
+		} else {
+			if (u) throw Error("multiple roots");
+			u = f;
+		}
+		if (!u) throw Error("no root");
+		if (n != null) {
+			for (; u.data === Ie && u.children.length === 1;) u = u.children[0], --s;
+			for (let e = i.length - 1; e >= 0 && (f = i[e], f.data === Ie); --e) f.data = null;
+		}
+		if (u.parent = Pe, u.eachBefore(function(e) {
+			e.depth = e.parent.depth + 1, --s;
+		}).eachBefore(Oe), u.parent = null, s > 0) throw Error("cycle");
+		return u;
+	}
+	return r.id = function(t) {
+		return arguments.length ? (e = Ae(t), r) : e;
+	}, r.parentId = function(e) {
+		return arguments.length ? (t = Ae(e), r) : t;
+	}, r.path = function(e) {
+		return arguments.length ? (n = Ae(e), r) : n;
+	}, r;
+}
+function Be(e) {
+	e = `${e}`;
+	let t = e.length;
+	return He(e, t - 1) && !He(e, t - 2) && (e = e.slice(0, -1)), e[0] === "/" ? e : `/${e}`;
+}
+function Ve(e) {
+	let t = e.length;
+	if (t < 2) return "";
+	for (; --t > 1 && !He(e, t););
+	return e.slice(0, t);
+}
+function He(e, t) {
+	if (e[t] === "/") {
+		let n = 0;
+		for (; t > 0 && e[--t] === "\\";) ++n;
+		if (!(n & 1)) return !0;
+	}
+	return !1;
+}
+function Ue(e, t) {
+	return e.parent === t.parent ? 1 : 2;
+}
+function We(e) {
+	var t = e.children;
+	return t ? t[0] : e.t;
+}
+function Ge(e) {
+	var t = e.children;
+	return t ? t[t.length - 1] : e.t;
+}
+function Ke(e, t, n) {
+	var r = n / (t.i - e.i);
+	t.c -= r, t.s += n, e.c += r, t.z += n, t.m += n;
+}
+function qe(e) {
+	for (var t = 0, n = 0, r = e.children, i = r.length, a; --i >= 0;) a = r[i], a.z += t, a.m += t, t += a.s + (n += a.c);
+}
+function Je(e, t, n) {
+	return e.a.parent === t.parent ? e.a : n;
+}
+function Ye(e, t) {
+	this._ = e, this.parent = null, this.children = null, this.A = null, this.a = this, this.z = 0, this.m = 0, this.c = 0, this.s = 0, this.t = null, this.i = t;
+}
+Ye.prototype = Object.create(ke.prototype);
+function Xe(e) {
+	for (var t = new Ye(e, 0), n, r = [t], i, a, o, s; n = r.pop();) if (a = n._.children) for (n.children = Array(s = a.length), o = s - 1; o >= 0; --o) r.push(i = n.children[o] = new Ye(a[o], o)), i.parent = n;
+	return (t.parent = new Ye(null, 0)).children = [t], t;
+}
+function Ze() {
+	var e = Ue, t = 1, n = 1, r = null;
+	function i(i) {
+		var s = Xe(i);
+		if (s.eachAfter(a), s.parent.m = -s.z, s.eachBefore(o), r) i.eachBefore(c);
+		else {
+			var l = i, u = i, d = i;
+			i.eachBefore(function(e) {
+				e.x < l.x && (l = e), e.x > u.x && (u = e), e.depth > d.depth && (d = e);
+			});
+			var f = l === u ? 1 : e(l, u) / 2, p = f - l.x, m = t / (u.x + f + p), h = n / (d.depth || 1);
+			i.eachBefore(function(e) {
+				e.x = (e.x + p) * m, e.y = e.depth * h;
+			});
+		}
+		return i;
+	}
+	function a(t) {
+		var n = t.children, r = t.parent.children, i = t.i ? r[t.i - 1] : null;
+		if (n) {
+			qe(t);
+			var a = (n[0].z + n[n.length - 1].z) / 2;
+			i ? (t.z = i.z + e(t._, i._), t.m = t.z - a) : t.z = a;
+		} else i && (t.z = i.z + e(t._, i._));
+		t.parent.A = s(t, i, t.parent.A || r[0]);
+	}
+	function o(e) {
+		e._.x = e.z + e.parent.m, e.m += e.parent.m;
+	}
+	function s(t, n, r) {
+		if (n) {
+			for (var i = t, a = t, o = n, s = i.parent.children[0], c = i.m, l = a.m, u = o.m, d = s.m, f; o = Ge(o), i = We(i), o && i;) s = We(s), a = Ge(a), a.a = t, f = o.z + u - i.z - c + e(o._, i._), f > 0 && (Ke(Je(o, t, r), t, f), c += f, l += f), u += o.m, c += i.m, d += s.m, l += a.m;
+			o && !Ge(a) && (a.t = o, a.m += u - l), i && !We(s) && (s.t = i, s.m += c - d, r = t);
+		}
+		return r;
+	}
+	function c(e) {
+		e.x *= t, e.y = e.depth * n;
+	}
+	return i.separation = function(t) {
+		return arguments.length ? (e = t, i) : e;
+	}, i.size = function(e) {
+		return arguments.length ? (r = !1, t = +e[0], n = +e[1], i) : r ? null : [t, n];
+	}, i.nodeSize = function(e) {
+		return arguments.length ? (r = !0, t = +e[0], n = +e[1], i) : r ? [t, n] : null;
+	}, i;
+}
+var A = "__root__", Qe = "__total__", $e = (e) => `__dimension__${JSON.stringify(e)}`, et = (e, t) => {
+	let n = e[t];
+	return n == null ? ["nil"] : [
+		"value",
+		typeof n,
+		n
+	];
+}, tt = (e, t) => {
+	if (t?.indicator !== "custom") return;
+	let n = t?.indicatorThreshold;
+	if (!n || e == null) return {
+		color: null,
+		icon: void 0
+	};
+	if (n.thresholdType === "target" && n.targetThreshold) {
+		let t = n.targetThreshold.target;
+		if (e < t) return {
+			color: n.targetThreshold.belowTargetColorAndIcon?.numberColor ?? null,
+			icon: n.targetThreshold.belowTargetColorAndIcon?.icon ?? void 0
+		};
+		if (e > t) return {
+			color: n.targetThreshold.aboveTargetColorAndIcon?.numberColor ?? null,
+			icon: n.targetThreshold.aboveTargetColorAndIcon?.icon ?? void 0
+		};
+		if (e === t) return {
+			color: n.targetThreshold.targetColorAndIcon?.numberColor ?? null,
+			icon: n.targetThreshold.targetColorAndIcon?.icon ?? void 0
+		};
+	}
+	return {
+		color: null,
+		icon: void 0
+	};
+}, nt = (e, t, n, r) => {
+	let i = {};
+	return e.slots?.forEach((n) => {
+		if (n.key === "main") return;
+		let a = {
+			enabled: n.enabled === !0,
+			label: "-",
+			value: null,
+			indicator: n.indicator ?? null
+		};
+		if (a.enabled) {
+			let i = e.formatter;
+			if (n.source === "field") {
+				let o = r?.find((t) => t.parentId === e.dataItem.uniqueSignature && t.role === `tree-${n.key}`);
+				if (o) {
+					let e = l(o.dataItem);
+					o.formatter && (i = o.formatter), e && (a.value = t?.[e], a.label = a.value === null ? "-" : C(i?.format, a.value) ?? "-");
+				}
+			} else n.source === "variable" && (a.value = n.propertyValue, a.label = a.value === null ? "-" : C(i?.format, a.value) ?? "-");
+			a.customIndicator = tt(a.value, n);
+		}
+		i[n.key] = { ...a };
+	}), i;
+}, rt = (e, t, n, r = !1) => {
+	if (n === 0 || e.data.id === "__total__") return !0;
+	let i = t ?? 2;
+	return e.depth - +!!r < i;
+}, it = (e, t, n) => {
+	let r = [{
+		id: A,
+		parentId: null,
+		disabled: !1
+	}], a = /* @__PURE__ */ new Set();
+	e.measures.forEach((e) => {
+		a.add(e.dataItem.uniqueSignature);
+	});
+	let o = e.measures.filter((e) => s(e));
+	e.measures.forEach((e) => {
+		let t = e.dataItem.uniqueSignature, n = e.parentId && a.has(e.parentId) ? e.parentId : A;
+		r.push({
+			id: t,
+			parentId: n,
+			disabled: !s(e)
+		});
+	});
+	let c = ze().id((e) => e.id).parentId((e) => e.parentId)(r), u = [];
+	c.descendants().forEach((e) => {
+		if (e.data.disabled) return;
+		let t = e.ancestors().slice(1).find((e) => !e.data.disabled);
+		t ? u.push({
+			id: e.data.id,
+			parentId: t.data.id
+		}) : u.push({
+			id: e.data.id,
+			parentId: null
+		});
+	});
+	let d = u.map((n) => {
+		if (n.id === "__root__") return {
+			id: n.id,
+			parentId: null,
+			label: "Dummy Root",
+			value: {
+				label: "-",
+				value: null
+			}
+		};
+		let r = o.find((e) => e.dataItem.uniqueSignature === n.id), a = l(r.dataItem), s = t[0].items?.[0], c = r ? nt(r, s, o, e.supportingMeasures) : {}, u = s?.[a], d = r?.slots?.find((e) => e.key === "main");
+		return {
+			id: n.id,
+			parentId: n.parentId,
+			label: i(r),
+			value: {
+				label: C(r.formatter?.format, t[0].items?.[0]?.[a]) ?? "-",
+				value: u
+			},
+			indicator: d?.indicator ?? null,
+			customIndicator: tt(u, d),
+			brush: {
+				key: [se.sourceKey, se.field].join("/"),
+				value: ce(r)
+			},
+			...c
+		};
+	}), f = ze().id((e) => e.id).parentId((e) => e.parentId)(d), p = o.map((e) => e.dataItem.uniqueSignature);
+	return f.sort((e, t) => p.indexOf(e.data.id) - p.indexOf(t.data.id)), f.descendants().forEach((e) => {
+		let t = !1;
+		t = e.data.id in n ? n[e.data.id] === !1 : e.data.expanded?.enabled ? e.data.expanded.value === !1 : !1, t && (e._children = e.children, e.children = null);
+	}), f;
+}, at = (e, t, n) => {
+	if (t.itemsNotAffectedByFiltering?.pattern?.length && e.staticFilters.ignoreGlobalFilters && e.staticFilters.showGlobalFiltersEffect) {
+		let e = [0, ...t.itemsNotAffectedByFiltering.pattern.map((e) => n[e]).filter((e) => e !== null)].join("-");
+		return !t.itemsNotAffectedByFiltering.itemsMap?.[e];
+	}
+	return !1;
+}, ot = (e, t, n, r, i, a) => {
+	let { id: o, parentId: s, prop: c, measureProp: l, dataItemIdx: u, engineKey: d } = a, f = n?.slots?.find((e) => e.key === "main"), p = i && n ? nt(n, r, [n], e.supportingMeasures) : {};
+	return {
+		id: o,
+		parentId: s,
+		label: String(r[c]),
+		row: +u,
+		value: i ? {
+			label: C(n.formatter?.format, r[l]) ?? "-",
+			value: r[l]
+		} : null,
+		indicator: f?.indicator ?? null,
+		customIndicator: tt(r[l], f),
+		brush: {
+			key: d,
+			value: r[c]
+		},
+		_excluded: at(e, t, r),
+		...p
+	};
+};
+function st(e, t, n) {
+	let i = t[0], a = e.dimensions.filter((e) => s(e)), o = {}, c = a.map((t) => [l(t.dataItem), r(e.referencedData, t.dataItem.internalKey)]), u = e.measures.filter((e) => s(e))[0], d = u ? l(u.dataItem) : null, f = e.totals?.enabled ?? !1, p = u?.slots?.find((e) => e.key === "main"), m, h, g = /* @__PURE__ */ new Set(), _ = i.groupings ? Object.keys(i.groupings) : void 0;
+	_ && _.forEach((t) => {
+		let n = i.groupings[t], r = i.items[+t], a = c.filter(([e]) => n[e] === 0);
+		if (!a.length) {
+			m = d ? r[d] : void 0, h = r;
+			return;
+		}
+		let [s, l] = a.length ? a[a.length - 1] : ["", ""], p = $e(a.map((e) => et(r, e[0]))), _ = a.slice(0, -1), v = _.length ? $e(_.map((e) => et(r, e[0]))) : f ? Qe : A;
+		a.length < c.length && g.add(p), o[p] || (o[p] = ot(e, i, u, r, !!u, {
+			engineKey: l,
+			id: p,
+			parentId: v,
+			measureProp: d,
+			prop: s,
+			dataItemIdx: +t
+		}));
+	}), i.items.forEach((t, n) => {
+		_?.includes(String(n)) || c.forEach(([r, a], s, c) => {
+			if (t[r] === void 0) {
+				console.warn(`Dimension property ${r} is missing in data item at index ${n}, skipping this dimension for this item`);
+				return;
+			}
+			let l = $e(c.slice(0, s + 1).map((e) => et(t, e[0]))), p = s === 0 ? f ? Qe : A : $e(c.slice(0, s).map((e) => et(t, e[0])));
+			o[l] || (o[l] = ot(e, i, u, t, s === c.length - 1 && !!u, {
+				engineKey: a,
+				dataItemIdx: n,
+				id: l,
+				parentId: p,
+				measureProp: d,
+				prop: r
+			}));
+		});
+	});
+	let v = m ?? Object.values(o).reduce((e, t) => e + (g.has(t.id) ? 0 : t.value?.value ?? 0), 0), y = h ?? i.totals, b = Object.values(o);
+	f && b.unshift({
+		id: Qe,
+		parentId: A,
+		label: "Total",
+		row: -1,
+		value: u ? {
+			label: C(u.formatter?.format, v) ?? "-",
+			value: v
+		} : null,
+		indicator: p?.indicator ?? null,
+		customIndicator: tt(v, p),
+		...u ? nt(u, y, [u], e.supportingMeasures) : {}
+	}), b.unshift({
+		id: A,
+		parentId: null,
+		label: "Dummy Root",
+		row: -1,
+		value: null
+	});
+	let x = ze().id((e) => e.id).parentId((e) => e.parentId)(b);
+	return x.sort((e, t) => e.data.row - t.data.row), x.descendants().forEach((t) => {
+		if (t.data.id === "__total__") return;
+		let r = !1;
+		r = t.data.id in n ? n[t.data.id] === !1 : !rt(t, e.treeChartSettings?.initialExpandedLevels, a.length, f), r && (t._children = t.children, t.children = null);
+	}), x;
+}
+var ct = ({ vSpec: e, data: t, nodeExpandState: n }) => {
+	let r = e.dimensions.filter(s).length, [i, a] = (0, k.useState)(null);
+	return (0, k.useEffect)(() => {
+		if (r > 0) {
+			let r = st(e, t, n.current);
+			a(r);
+			return;
+		}
+		let i = it(e, t, n.current);
+		a(i);
+	}, [
+		t,
+		e.dimensions,
+		e.measures,
+		e.supportingMeasures,
+		e.treeChartSettings?.nodeExpandState,
+		e.totals?.enabled
+	]), i;
+}, lt = {
+	svg: "http://www.w3.org/2000/svg",
+	xhtml: "http://www.w3.org/1999/xhtml",
+	xlink: "http://www.w3.org/1999/xlink",
+	xml: "http://www.w3.org/XML/1998/namespace",
+	xmlns: "http://www.w3.org/2000/xmlns/"
+};
+function ut(e) {
+	var t = e += "", n = t.indexOf(":");
+	return n >= 0 && (t = e.slice(0, n)) !== "xmlns" && (e = e.slice(n + 1)), lt.hasOwnProperty(t) ? {
+		space: lt[t],
+		local: e
+	} : e;
+}
+function dt(e) {
+	return function() {
+		var t = this.ownerDocument, n = this.namespaceURI;
+		return n === "http://www.w3.org/1999/xhtml" && t.documentElement.namespaceURI === "http://www.w3.org/1999/xhtml" ? t.createElement(e) : t.createElementNS(n, e);
+	};
+}
+function ft(e) {
+	return function() {
+		return this.ownerDocument.createElementNS(e.space, e.local);
+	};
+}
+function pt(e) {
+	var t = ut(e);
+	return (t.local ? ft : dt)(t);
+}
+function mt() {}
+function ht(e) {
+	return e == null ? mt : function() {
+		return this.querySelector(e);
+	};
+}
+function gt(e) {
+	typeof e != "function" && (e = ht(e));
+	for (var t = this._groups, n = t.length, r = Array(n), i = 0; i < n; ++i) for (var a = t[i], o = a.length, s = r[i] = Array(o), c, l, u = 0; u < o; ++u) (c = a[u]) && (l = e.call(c, c.__data__, u, a)) && ("__data__" in c && (l.__data__ = c.__data__), s[u] = l);
+	return new M(r, this._parents);
+}
+function _t(e) {
+	return e == null ? [] : Array.isArray(e) ? e : Array.from(e);
+}
+function vt() {
+	return [];
+}
+function yt(e) {
+	return e == null ? vt : function() {
+		return this.querySelectorAll(e);
+	};
+}
+function bt(e) {
+	return function() {
+		return _t(e.apply(this, arguments));
+	};
+}
+function xt(e) {
+	e = typeof e == "function" ? bt(e) : yt(e);
+	for (var t = this._groups, n = t.length, r = [], i = [], a = 0; a < n; ++a) for (var o = t[a], s = o.length, c, l = 0; l < s; ++l) (c = o[l]) && (r.push(e.call(c, c.__data__, l, o)), i.push(c));
+	return new M(r, i);
+}
+function St(e) {
+	return function() {
+		return this.matches(e);
+	};
+}
+function Ct(e) {
+	return function(t) {
+		return t.matches(e);
+	};
+}
+var wt = Array.prototype.find;
+function Tt(e) {
+	return function() {
+		return wt.call(this.children, e);
+	};
+}
+function Et() {
+	return this.firstElementChild;
+}
+function Dt(e) {
+	return this.select(e == null ? Et : Tt(typeof e == "function" ? e : Ct(e)));
+}
+var Ot = Array.prototype.filter;
+function kt() {
+	return Array.from(this.children);
+}
+function At(e) {
+	return function() {
+		return Ot.call(this.children, e);
+	};
+}
+function jt(e) {
+	return this.selectAll(e == null ? kt : At(typeof e == "function" ? e : Ct(e)));
+}
+function Mt(e) {
+	typeof e != "function" && (e = St(e));
+	for (var t = this._groups, n = t.length, r = Array(n), i = 0; i < n; ++i) for (var a = t[i], o = a.length, s = r[i] = [], c, l = 0; l < o; ++l) (c = a[l]) && e.call(c, c.__data__, l, a) && s.push(c);
+	return new M(r, this._parents);
+}
+function Nt(e) {
+	return Array(e.length);
+}
+function Pt() {
+	return new M(this._enter || this._groups.map(Nt), this._parents);
+}
+function Ft(e, t) {
+	this.ownerDocument = e.ownerDocument, this.namespaceURI = e.namespaceURI, this._next = null, this._parent = e, this.__data__ = t;
+}
+Ft.prototype = {
+	constructor: Ft,
+	appendChild: function(e) {
+		return this._parent.insertBefore(e, this._next);
+	},
+	insertBefore: function(e, t) {
+		return this._parent.insertBefore(e, t);
+	},
+	querySelector: function(e) {
+		return this._parent.querySelector(e);
+	},
+	querySelectorAll: function(e) {
+		return this._parent.querySelectorAll(e);
+	}
+};
+function It(e) {
+	return function() {
+		return e;
+	};
+}
+function Lt(e, t, n, r, i, a) {
+	for (var o = 0, s, c = t.length, l = a.length; o < l; ++o) (s = t[o]) ? (s.__data__ = a[o], r[o] = s) : n[o] = new Ft(e, a[o]);
+	for (; o < c; ++o) (s = t[o]) && (i[o] = s);
+}
+function Rt(e, t, n, r, i, a, o) {
+	var s, c, l = /* @__PURE__ */ new Map(), u = t.length, d = a.length, f = Array(u), p;
+	for (s = 0; s < u; ++s) (c = t[s]) && (f[s] = p = o.call(c, c.__data__, s, t) + "", l.has(p) ? i[s] = c : l.set(p, c));
+	for (s = 0; s < d; ++s) p = o.call(e, a[s], s, a) + "", (c = l.get(p)) ? (r[s] = c, c.__data__ = a[s], l.delete(p)) : n[s] = new Ft(e, a[s]);
+	for (s = 0; s < u; ++s) (c = t[s]) && l.get(f[s]) === c && (i[s] = c);
+}
+function zt(e) {
+	return e.__data__;
+}
+function Bt(e, t) {
+	if (!arguments.length) return Array.from(this, zt);
+	var n = t ? Rt : Lt, r = this._parents, i = this._groups;
+	typeof e != "function" && (e = It(e));
+	for (var a = i.length, o = Array(a), s = Array(a), c = Array(a), l = 0; l < a; ++l) {
+		var u = r[l], d = i[l], f = d.length, p = Vt(e.call(u, u && u.__data__, l, r)), m = p.length, h = s[l] = Array(m), g = o[l] = Array(m);
+		n(u, d, h, g, c[l] = Array(f), p, t);
+		for (var _ = 0, v = 0, y, b; _ < m; ++_) if (y = h[_]) {
+			for (_ >= v && (v = _ + 1); !(b = g[v]) && ++v < m;);
+			y._next = b || null;
+		}
+	}
+	return o = new M(o, r), o._enter = s, o._exit = c, o;
+}
+function Vt(e) {
+	return typeof e == "object" && "length" in e ? e : Array.from(e);
+}
+function Ht() {
+	return new M(this._exit || this._groups.map(Nt), this._parents);
+}
+function Ut(e, t, n) {
+	var r = this.enter(), i = this, a = this.exit();
+	return typeof e == "function" ? (r = e(r), r &&= r.selection()) : r = r.append(e + ""), t != null && (i = t(i), i &&= i.selection()), n == null ? a.remove() : n(a), r && i ? r.merge(i).order() : i;
+}
+function Wt(e) {
+	for (var t = e.selection ? e.selection() : e, n = this._groups, r = t._groups, i = n.length, a = r.length, o = Math.min(i, a), s = Array(i), c = 0; c < o; ++c) for (var l = n[c], u = r[c], d = l.length, f = s[c] = Array(d), p, m = 0; m < d; ++m) (p = l[m] || u[m]) && (f[m] = p);
+	for (; c < i; ++c) s[c] = n[c];
+	return new M(s, this._parents);
+}
+function Gt() {
+	for (var e = this._groups, t = -1, n = e.length; ++t < n;) for (var r = e[t], i = r.length - 1, a = r[i], o; --i >= 0;) (o = r[i]) && (a && o.compareDocumentPosition(a) ^ 4 && a.parentNode.insertBefore(o, a), a = o);
+	return this;
+}
+function Kt(e) {
+	e ||= qt;
+	function t(t, n) {
+		return t && n ? e(t.__data__, n.__data__) : !t - !n;
+	}
+	for (var n = this._groups, r = n.length, i = Array(r), a = 0; a < r; ++a) {
+		for (var o = n[a], s = o.length, c = i[a] = Array(s), l, u = 0; u < s; ++u) (l = o[u]) && (c[u] = l);
+		c.sort(t);
+	}
+	return new M(i, this._parents).order();
+}
+function qt(e, t) {
+	return e < t ? -1 : e > t ? 1 : e >= t ? 0 : NaN;
+}
+function Jt() {
+	var e = arguments[0];
+	return arguments[0] = this, e.apply(null, arguments), this;
+}
+function Yt() {
+	return Array.from(this);
+}
+function Xt() {
+	for (var e = this._groups, t = 0, n = e.length; t < n; ++t) for (var r = e[t], i = 0, a = r.length; i < a; ++i) {
+		var o = r[i];
+		if (o) return o;
+	}
+	return null;
+}
+function Zt() {
+	let e = 0;
+	for (let t of this) ++e;
+	return e;
+}
+function Qt() {
+	return !this.node();
+}
+function $t(e) {
+	for (var t = this._groups, n = 0, r = t.length; n < r; ++n) for (var i = t[n], a = 0, o = i.length, s; a < o; ++a) (s = i[a]) && e.call(s, s.__data__, a, i);
+	return this;
+}
+function en(e) {
+	return function() {
+		this.removeAttribute(e);
+	};
+}
+function tn(e) {
+	return function() {
+		this.removeAttributeNS(e.space, e.local);
+	};
+}
+function nn(e, t) {
+	return function() {
+		this.setAttribute(e, t);
+	};
+}
+function rn(e, t) {
+	return function() {
+		this.setAttributeNS(e.space, e.local, t);
+	};
+}
+function an(e, t) {
+	return function() {
+		var n = t.apply(this, arguments);
+		n == null ? this.removeAttribute(e) : this.setAttribute(e, n);
+	};
+}
+function on(e, t) {
+	return function() {
+		var n = t.apply(this, arguments);
+		n == null ? this.removeAttributeNS(e.space, e.local) : this.setAttributeNS(e.space, e.local, n);
+	};
+}
+function sn(e, t) {
+	var n = ut(e);
+	if (arguments.length < 2) {
+		var r = this.node();
+		return n.local ? r.getAttributeNS(n.space, n.local) : r.getAttribute(n);
+	}
+	return this.each((t == null ? n.local ? tn : en : typeof t == "function" ? n.local ? on : an : n.local ? rn : nn)(n, t));
+}
+function cn(e) {
+	return e.ownerDocument && e.ownerDocument.defaultView || e.document && e || e.defaultView;
+}
+function ln(e) {
+	return function() {
+		this.style.removeProperty(e);
+	};
+}
+function un(e, t, n) {
+	return function() {
+		this.style.setProperty(e, t, n);
+	};
+}
+function dn(e, t, n) {
+	return function() {
+		var r = t.apply(this, arguments);
+		r == null ? this.style.removeProperty(e) : this.style.setProperty(e, r, n);
+	};
+}
+function fn(e, t, n) {
+	return arguments.length > 1 ? this.each((t == null ? ln : typeof t == "function" ? dn : un)(e, t, n ?? "")) : j(this.node(), e);
+}
+function j(e, t) {
+	return e.style.getPropertyValue(t) || cn(e).getComputedStyle(e, null).getPropertyValue(t);
+}
+function pn(e) {
+	return function() {
+		delete this[e];
+	};
+}
+function mn(e, t) {
+	return function() {
+		this[e] = t;
+	};
+}
+function hn(e, t) {
+	return function() {
+		var n = t.apply(this, arguments);
+		n == null ? delete this[e] : this[e] = n;
+	};
+}
+function gn(e, t) {
+	return arguments.length > 1 ? this.each((t == null ? pn : typeof t == "function" ? hn : mn)(e, t)) : this.node()[e];
+}
+function _n(e) {
+	return e.trim().split(/^|\s+/);
+}
+function vn(e) {
+	return e.classList || new yn(e);
+}
+function yn(e) {
+	this._node = e, this._names = _n(e.getAttribute("class") || "");
+}
+yn.prototype = {
+	add: function(e) {
+		this._names.indexOf(e) < 0 && (this._names.push(e), this._node.setAttribute("class", this._names.join(" ")));
+	},
+	remove: function(e) {
+		var t = this._names.indexOf(e);
+		t >= 0 && (this._names.splice(t, 1), this._node.setAttribute("class", this._names.join(" ")));
+	},
+	contains: function(e) {
+		return this._names.indexOf(e) >= 0;
+	}
+};
+function bn(e, t) {
+	for (var n = vn(e), r = -1, i = t.length; ++r < i;) n.add(t[r]);
+}
+function xn(e, t) {
+	for (var n = vn(e), r = -1, i = t.length; ++r < i;) n.remove(t[r]);
+}
+function Sn(e) {
+	return function() {
+		bn(this, e);
+	};
+}
+function Cn(e) {
+	return function() {
+		xn(this, e);
+	};
+}
+function wn(e, t) {
+	return function() {
+		(t.apply(this, arguments) ? bn : xn)(this, e);
+	};
+}
+function Tn(e, t) {
+	var n = _n(e + "");
+	if (arguments.length < 2) {
+		for (var r = vn(this.node()), i = -1, a = n.length; ++i < a;) if (!r.contains(n[i])) return !1;
+		return !0;
+	}
+	return this.each((typeof t == "function" ? wn : t ? Sn : Cn)(n, t));
+}
+function En() {
+	this.textContent = "";
+}
+function Dn(e) {
+	return function() {
+		this.textContent = e;
+	};
+}
+function On(e) {
+	return function() {
+		var t = e.apply(this, arguments);
+		this.textContent = t ?? "";
+	};
+}
+function kn(e) {
+	return arguments.length ? this.each(e == null ? En : (typeof e == "function" ? On : Dn)(e)) : this.node().textContent;
+}
+function An() {
+	this.innerHTML = "";
+}
+function jn(e) {
+	return function() {
+		this.innerHTML = e;
+	};
+}
+function Mn(e) {
+	return function() {
+		var t = e.apply(this, arguments);
+		this.innerHTML = t ?? "";
+	};
+}
+function Nn(e) {
+	return arguments.length ? this.each(e == null ? An : (typeof e == "function" ? Mn : jn)(e)) : this.node().innerHTML;
+}
+function Pn() {
+	this.nextSibling && this.parentNode.appendChild(this);
+}
+function Fn() {
+	return this.each(Pn);
+}
+function In() {
+	this.previousSibling && this.parentNode.insertBefore(this, this.parentNode.firstChild);
+}
+function Ln() {
+	return this.each(In);
+}
+function Rn(e) {
+	var t = typeof e == "function" ? e : pt(e);
+	return this.select(function() {
+		return this.appendChild(t.apply(this, arguments));
+	});
+}
+function zn() {
+	return null;
+}
+function Bn(e, t) {
+	var n = typeof e == "function" ? e : pt(e), r = t == null ? zn : typeof t == "function" ? t : ht(t);
+	return this.select(function() {
+		return this.insertBefore(n.apply(this, arguments), r.apply(this, arguments) || null);
+	});
+}
+function Vn() {
+	var e = this.parentNode;
+	e && e.removeChild(this);
+}
+function Hn() {
+	return this.each(Vn);
+}
+function Un() {
+	var e = this.cloneNode(!1), t = this.parentNode;
+	return t ? t.insertBefore(e, this.nextSibling) : e;
+}
+function Wn() {
+	var e = this.cloneNode(!0), t = this.parentNode;
+	return t ? t.insertBefore(e, this.nextSibling) : e;
+}
+function Gn(e) {
+	return this.select(e ? Wn : Un);
+}
+function Kn(e) {
+	return arguments.length ? this.property("__data__", e) : this.node().__data__;
+}
+function qn(e) {
+	return function(t) {
+		e.call(this, t, this.__data__);
+	};
+}
+function Jn(e) {
+	return e.trim().split(/^|\s+/).map(function(e) {
+		var t = "", n = e.indexOf(".");
+		return n >= 0 && (t = e.slice(n + 1), e = e.slice(0, n)), {
+			type: e,
+			name: t
+		};
+	});
+}
+function Yn(e) {
+	return function() {
+		var t = this.__on;
+		if (t) {
+			for (var n = 0, r = -1, i = t.length, a; n < i; ++n) a = t[n], (!e.type || a.type === e.type) && a.name === e.name ? this.removeEventListener(a.type, a.listener, a.options) : t[++r] = a;
+			++r ? t.length = r : delete this.__on;
+		}
+	};
+}
+function Xn(e, t, n) {
+	return function() {
+		var r = this.__on, i, a = qn(t);
+		if (r) {
+			for (var o = 0, s = r.length; o < s; ++o) if ((i = r[o]).type === e.type && i.name === e.name) {
+				this.removeEventListener(i.type, i.listener, i.options), this.addEventListener(i.type, i.listener = a, i.options = n), i.value = t;
+				return;
+			}
+		}
+		this.addEventListener(e.type, a, n), i = {
+			type: e.type,
+			name: e.name,
+			value: t,
+			listener: a,
+			options: n
+		}, r ? r.push(i) : this.__on = [i];
+	};
+}
+function Zn(e, t, n) {
+	var r = Jn(e + ""), i, a = r.length, o;
+	if (arguments.length < 2) {
+		var s = this.node().__on;
+		if (s) {
+			for (var c = 0, l = s.length, u; c < l; ++c) for (i = 0, u = s[c]; i < a; ++i) if ((o = r[i]).type === u.type && o.name === u.name) return u.value;
+		}
+		return;
+	}
+	for (s = t ? Xn : Yn, i = 0; i < a; ++i) this.each(s(r[i], t, n));
+	return this;
+}
+function Qn(e, t, n) {
+	var r = cn(e), i = r.CustomEvent;
+	typeof i == "function" ? i = new i(t, n) : (i = r.document.createEvent("Event"), n ? (i.initEvent(t, n.bubbles, n.cancelable), i.detail = n.detail) : i.initEvent(t, !1, !1)), e.dispatchEvent(i);
+}
+function $n(e, t) {
+	return function() {
+		return Qn(this, e, t);
+	};
+}
+function er(e, t) {
+	return function() {
+		return Qn(this, e, t.apply(this, arguments));
+	};
+}
+function tr(e, t) {
+	return this.each((typeof t == "function" ? er : $n)(e, t));
+}
+function* nr() {
+	for (var e = this._groups, t = 0, n = e.length; t < n; ++t) for (var r = e[t], i = 0, a = r.length, o; i < a; ++i) (o = r[i]) && (yield o);
+}
+var rr = [null];
+function M(e, t) {
+	this._groups = e, this._parents = t;
+}
+function N() {
+	return new M([[document.documentElement]], rr);
+}
+function ir() {
+	return this;
+}
+M.prototype = N.prototype = {
+	constructor: M,
+	select: gt,
+	selectAll: xt,
+	selectChild: Dt,
+	selectChildren: jt,
+	filter: Mt,
+	data: Bt,
+	enter: Pt,
+	exit: Ht,
+	join: Ut,
+	merge: Wt,
+	selection: ir,
+	order: Gt,
+	sort: Kt,
+	call: Jt,
+	nodes: Yt,
+	node: Xt,
+	size: Zt,
+	empty: Qt,
+	each: $t,
+	attr: sn,
+	style: fn,
+	property: gn,
+	classed: Tn,
+	text: kn,
+	html: Nn,
+	raise: Fn,
+	lower: Ln,
+	append: Rn,
+	insert: Bn,
+	remove: Hn,
+	clone: Gn,
+	datum: Kn,
+	on: Zn,
+	dispatch: tr,
+	[Symbol.iterator]: nr
+};
+function P(e) {
+	return typeof e == "string" ? new M([[document.querySelector(e)]], [document.documentElement]) : new M([[e]], rr);
+}
+function ar(e) {
+	let t;
+	for (; t = e.sourceEvent;) e = t;
+	return e;
+}
+function F(e, t) {
+	if (e = ar(e), t === void 0 && (t = e.currentTarget), t) {
+		var n = t.ownerSVGElement || t;
+		if (n.createSVGPoint) {
+			var r = n.createSVGPoint();
+			return r.x = e.clientX, r.y = e.clientY, r = r.matrixTransform(t.getScreenCTM().inverse()), [r.x, r.y];
+		}
+		if (t.getBoundingClientRect) {
+			var i = t.getBoundingClientRect();
+			return [e.clientX - i.left - t.clientLeft, e.clientY - i.top - t.clientTop];
+		}
+	}
+	return [e.pageX, e.pageY];
+}
+function or(e) {
+	return typeof e == "string" ? new M([document.querySelectorAll(e)], [document.documentElement]) : new M([_t(e)], rr);
+}
+var sr = /* @__PURE__ */ e(ne()), I = n[a.KPIChange], L = I.slots, cr = "#577f56", lr = "#9e4d53", R = (e) => typeof e == "number" && Number.isFinite(e), ur = (e, t) => {
+	let n = new sr.default(e);
+	return (new sr.default(t).isLight() ? n.lighten(.5).alpha(.5) : n.darken(.5).alpha(.5)).rgb().string();
+}, dr = (e, t) => {
+	if (!e.enabled) return "";
+	let n = R(e.value) ? e.value : null, r = n === null ? "" : n < 0 ? "negative" : "positive", i = "", a = "";
+	if (e.indicator === "inverse") r = r === "negative" ? "positive" : "negative";
+	else if (e.indicator === "none") r = "";
+	else if (e.indicator === "custom") {
+		r = "";
+		let n = e.customIndicator?.color ? ur(e.customIndicator.color, t) : "inherit";
+		i = `color: ${e.customIndicator?.color ?? "inherit"}; background-color: ${n};`, e.customIndicator?.icon && (a = `<span class="footer-icon">${_.sanitize(e.customIndicator.icon)}</span>`);
+	}
+	return `<div class="footer ${r}" style="${i}"><span class="footer-label">${_.sanitize(e.label)}</span>${a}</div>`;
+}, fr = (e, t) => {
+	if (!e.enabled) return "";
+	let n = e.indicator, r = R(e.value) ? e.value : null, i = r === null ? "neutral" : r < 0 ? "negative" : "positive", a = "", o = r === null ? "" : r < 0 ? "arrow_downward" : "arrow_upward";
+	if (n === "inverse") i = i === "negative" ? "positive" : "negative";
+	else if (n === "none") i = "", o = void 0;
+	else if (n === "custom") {
+		i = "";
+		let n = e.customIndicator?.color ? ur(e.customIndicator.color, t) : "inherit";
+		a = `color: ${e.customIndicator?.color ?? "inherit"}; background-color: ${n};`, o = e.customIndicator?.icon;
+	}
+	let s = o ? `<span class="pill-icon">${_.sanitize(o)}</span>` : "";
+	return `<div class="pill ${i}" style="${a}"><span class="pill-label">${_.sanitize(e.label)}</span>${s}</div>`;
+}, pr = (e, t) => {
+	let n = e.value ?? {
+		label: "-",
+		value: null,
+		enabled: !1
+	}, r = "", i = "";
+	return e.indicator === "custom" && (e.customIndicator?.color && (r = `color: ${e.customIndicator.color};`), e.customIndicator?.icon && (i = `<span class="value-icon">${_.sanitize(e.customIndicator.icon)}</span>`)), `<div class="value ${t ? "value-space" : ""}" style="${r}"><span class="value-label">${_.sanitize(n.label)}</span>${i}</div>`;
+}, mr = (e, t) => {
+	let n = e.data.diff ?? L.diff.defaults, r = e.data.change ?? L.change.defaults, i = t.config.nodeDefaultBackground ?? "#ffffff", a = pr(e.data, !r.enabled), o = dr(n, i), s = fr(r, i), c = [];
+	return e.data._upToTheRootHighlighted && c.push("node-highlight"), `
+      <div class="node-content layout-a ${c.join(" ")}">
+        <div class="label">${_.sanitize(e.data.label)}</div>
+        <div class="flex-row">
+          ${a}
+          ${s}
+        </div>
+        ${o}
+        
+      </div>
+    `;
+}, hr = ({ node: e, config: t }) => e.data?.id === "__root__" ? null : `<div class="button-content"> ${{
+	left: (e) => e ? "◀" : "▶",
+	bottom: (e) => e ? "▼" : "▲",
+	right: (e) => e ? "▶" : "◀",
+	top: (e) => e ? "▲" : "▼"
+}[t.layout](e.children)}  </div>`;
+function gr(e) {
+	if (e.data._upToTheRootHighlighted) {
+		P(this).style("stroke-width", "var(--border-hover-width)").style("stroke", "var(--border-hover-color)");
+		return;
+	}
+	if (!e.data.diff?.enabled) {
+		P(this).style("stroke-width", null).style("stroke", null);
+		return;
+	}
+	let t = (R(e.data.diff?.value) ? e.data.diff.value : null) ?? (R(L.diff.defaults.value) ? L.diff.defaults.value : 0), n = e.parent?.children?.flatMap((t) => t.id === e.id || !t.data.diff?.enabled || !R(t.data.diff?.value) ? [] : [Math.abs(t.data.diff.value)]) ?? [], r = n.length ? Math.max(...n) : 0, i = Math.abs(t) > r, a = t < 0, o = a ? lr : cr, s = e.data.diff?.indicator;
+	s === "inverse" ? o = a ? cr : lr : s === "none" ? o = "var(--link-color)" : s === "custom" && (o = e.data.diff?.customIndicator?.color ?? "var(--link-color)");
+	let c = i ? 2 : 1;
+	P(this).style("stroke", o).style("stroke-width", c);
+}
+var _r = (e, t) => {
+	let n = {
+		...I.labelStyle,
+		...t.treeChartSettings.nodeLayout?.labelStyle
+	}, r = {
+		...I.valueStyle,
+		...t.treeChartSettings.nodeLayout?.valueStyle
+	}, i = {
+		...L.change.styling,
+		...L.change.styling.fontStyle,
+		...t.treeChartSettings.nodeLayout?.slots?.change
+	}, a = {
+		...L.diff.styling,
+		...L.diff.styling.fontStyle,
+		...t.treeChartSettings.nodeLayout?.slots?.diff
+	};
+	return `
+#${e} {
+  .layout-a {
+    padding: 8px 8px 0px 8px;
+    display: grid;
+    grid-template-rows: min-content 1fr min-content;
+    grid-row-gap: 8px;
+    justify-content: stretch;
+
+    .flex-row {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      gap: 4px;
+      overflow: hidden;
+    }
+
+    .label {
+      font-family: ${n.fontFamily ?? "inherit"};
+      font-size: ${n.fontSize}px;
+      font-weight: ${n.weight ?? (n.bold ? "bold" : "normal")};
+      font-style: ${n.italic ? "italic" : "normal"};
+      text-decoration: ${n.underlined ? "underline" : ""} ${n.strikethrough ? "line-through" : ""};
+      color: ${n.fontColor ?? "inherit"};
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      line-height: 1;
+    }
+
+    .value {
+      font-family: ${r.fontFamily ?? "inherit"};
+      font-size: ${r.fontSize}px;
+      font-weight: ${r.weight ?? (r.bold ? "bold" : "normal")};
+      font-style: ${r.italic ? "italic" : "normal"};
+      text-decoration: ${r.underlined ? "underline" : ""} ${r.strikethrough ? "line-through" : ""};
+      color: ${r.fontColor ?? "inherit"};
+      flex: 1 1 auto;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      line-height: 1;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+    }
+
+    .value-space {
+      justify-content: space-between;
+    }
+
+    .value-label {
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .value-icon {
+      font-family: 'Material Icons';
+      vertical-align: middle;
+      display: inline-block;
+      margin-left: 4px;
+    }
+
+    .pill {
+      font-family: ${i.fontFamily ?? "inherit"};
+      font-size: ${i.fontSize}px;
+      font-weight: ${i.weight ?? (i.bold ? "bold" : "normal")};
+      font-style: ${i.italic ? "italic" : "normal"};
+      text-decoration: ${i.underlined ? "underline" : ""} ${i.strikethrough ? "line-through" : ""};
+      padding: 3px 6px;
+      border-radius: 4px;
+      flex: 0 1 auto;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      &.neutral {
+        background-color: #eee;
+      }
+
+      .pill-label {
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .pill-icon {
+        font-family: 'Material Icons';
+        flex: 1 0 auto;
+        margin-left: 4px;
+      }
+    }
+
+    .footer {
+      font-family: ${a.fontFamily ?? "inherit"};
+      font-size: ${a.fontSize}px;
+      font-weight: ${a.weight ?? (a.bold ? "bold" : "normal")};
+      font-style: ${a.italic ? "italic" : "normal"};
+      text-decoration: ${a.underlined ? "underline" : ""} ${a.strikethrough ? "line-through" : ""};
+      overflow: hidden;
+      width: calc(100% + 16px);
+      padding: 8px;
+      border-radius: 0px 0px calc(var(--border-radius) - var(--border-width)) calc(var(--border-radius) - var(--border-width));
+      left: -8px;
+      position: relative;
+      line-height: 1;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+
+    .footer-label {
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .footer-icon {
+      font-family: 'Material Icons';
+      font-size: ${a.fontSize}px;
+      vertical-align: middle;
+      display: inline-block;
+      margin-left: 4px;
+    }
+
+    .positive {
+      color: ${cr};
+      background-color: #e4fae8;
+    }
+
+    .negative {
+      color: ${lr};
+      background-color: #fcecec;
+    }
+  }
+}`;
+}, vr = {
+	name: "KPI Change",
+	...I,
+	getNodeContent: mr,
+	getButtonContent: hr,
+	linkUpdate: gr,
+	getCSS: _r,
+	width: 180,
+	sizes: (e) => {
+		let t = {
+			...L.diff.styling,
+			...L.diff.styling.fontStyle,
+			...e.treeChartSettings.nodeLayout?.slots?.diff
+		}, n = {
+			...I.labelStyle,
+			...e.treeChartSettings.nodeLayout?.labelStyle
+		}, r = {
+			...I.valueStyle,
+			...e.treeChartSettings.nodeLayout?.valueStyle
+		};
+		return {
+			label: Math.ceil(D(n.fontSize)) + 8,
+			value: Math.ceil(D(r.fontSize)) + 8,
+			diff: Math.ceil(D(t.fontSize)) + 16
+		};
+	},
+	height: (e, t) => {
+		let n = 20;
+		return n += t?.label ?? 0, n += t?.value ?? 0, (e.data.diff ?? L.diff.defaults)?.enabled && (n += t?.diff ?? 0), n;
+	}
+}, z = n[a.Basic], yr = (e) => {
+	if (e.id === "__root__") return null;
+	let t = "", n = "";
+	e.data.indicator === "custom" && (e.data.customIndicator?.color && (t = `color: ${e.data.customIndicator.color};`), e.data.customIndicator?.icon && (n = `<span class="value-icon">${_.sanitize(e.data.customIndicator.icon)}</span>`));
+	let r = e.data.value ? `<div class="value" style="${t}"><span class="value-label">${_.sanitize(e.data.value.label)}</span>${n}</div>` : "", i = [];
+	return e.data._upToTheRootHighlighted && i.push("node-highlight"), `
+    <div class="node-content layout-b ${i.join(" ")}">
+        <div class="label">${_.sanitize(e.data.label)}</div>
+        ${r}
+    </div>`;
+}, br = (e, t) => {
+	let n = {
+		...z.labelStyle,
+		...t.treeChartSettings.nodeLayout?.labelStyle
+	}, r = {
+		...z.valueStyle,
+		...t.treeChartSettings.nodeLayout?.valueStyle
+	};
+	return `
+#${e} {
+  .layout-b {
+    padding: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    gap: 8px;
+
+    .label {
+      font-family: ${n.fontFamily ?? "inherit"};
+      font-size: ${n.fontSize}px;
+      font-weight: ${n.weight ?? (n.bold ? "bold" : "normal")};
+      font-style: ${n.italic ? "italic" : "normal"};
+      text-decoration: ${n.underlined ? "underline" : ""} ${n.strikethrough ? "line-through" : ""};
+      color: ${n.fontColor ?? "inherit"};
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      max-width: 100%;
+    }
+    .value {
+      font-family: ${r.fontFamily ?? "inherit"};
+      font-size: ${r.fontSize}px;
+      font-weight: ${r.weight ?? (r.bold ? "bold" : "normal")};
+      font-style: ${r.italic ? "italic" : "normal"};
+      color: ${r.fontColor ?? "inherit"};
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      max-width: 100%;
+    }
+
+    .value-icon {
+      font-family: 'Material Icons';
+      vertical-align: middle;
+      display: inline-block;
+      margin-left: 4px;
+    }
+  }
+}`;
+}, xr = {
+	name: "Basic",
+	...z,
+	getNodeContent: yr,
+	getCSS: br,
+	width: 140,
+	sizes: (e) => {
+		let t = {
+			...z.labelStyle,
+			...e.treeChartSettings.nodeLayout?.labelStyle
+		}, n = {
+			...z.valueStyle,
+			...e.treeChartSettings.nodeLayout?.valueStyle
+		};
+		return {
+			label: D(t.fontSize) + 8,
+			value: D(n.fontSize) + 8
+		};
+	},
+	height: (e, t) => {
+		let n = 8 + t.label;
+		return e.data.value && (n += 8 + t.value), n;
+	}
+}, Sr = {
+	[a.KPIChange]: vr,
+	[a.Basic]: xr
+}, Cr = { passive: !1 }, B = {
+	capture: !0,
+	passive: !1
+};
+function wr(e) {
+	e.stopImmediatePropagation();
+}
+function V(e) {
+	e.preventDefault(), e.stopImmediatePropagation();
+}
+function Tr(e) {
+	var t = e.document.documentElement, n = P(e).on("dragstart.drag", V, B);
+	"onselectstart" in t ? n.on("selectstart.drag", V, B) : (t.__noselect = t.style.MozUserSelect, t.style.MozUserSelect = "none");
+}
+function Er(e, t) {
+	var n = e.document.documentElement, r = P(e).on("dragstart.drag", null);
+	t && (r.on("click.drag", V, B), setTimeout(function() {
+		r.on("click.drag", null);
+	}, 0)), "onselectstart" in n ? r.on("selectstart.drag", null) : (n.style.MozUserSelect = n.__noselect, delete n.__noselect);
+}
+var Dr = (e) => () => e;
+function Or(e, { sourceEvent: t, subject: n, target: r, identifier: i, active: a, x: o, y: s, dx: c, dy: l, dispatch: u }) {
+	Object.defineProperties(this, {
+		type: {
+			value: e,
+			enumerable: !0,
+			configurable: !0
+		},
+		sourceEvent: {
+			value: t,
+			enumerable: !0,
+			configurable: !0
+		},
+		subject: {
+			value: n,
+			enumerable: !0,
+			configurable: !0
+		},
+		target: {
+			value: r,
+			enumerable: !0,
+			configurable: !0
+		},
+		identifier: {
+			value: i,
+			enumerable: !0,
+			configurable: !0
+		},
+		active: {
+			value: a,
+			enumerable: !0,
+			configurable: !0
+		},
+		x: {
+			value: o,
+			enumerable: !0,
+			configurable: !0
+		},
+		y: {
+			value: s,
+			enumerable: !0,
+			configurable: !0
+		},
+		dx: {
+			value: c,
+			enumerable: !0,
+			configurable: !0
+		},
+		dy: {
+			value: l,
+			enumerable: !0,
+			configurable: !0
+		},
+		_: { value: u }
+	});
+}
+Or.prototype.on = function() {
+	var e = this._.on.apply(this._, arguments);
+	return e === this._ ? this : e;
+}, Me();
+function kr(e) {
+	return !e.ctrlKey && !e.button;
+}
+function Ar() {
+	return this.parentNode;
+}
+function jr(e, t) {
+	return t ?? {
+		x: e.x,
+		y: e.y
+	};
+}
+function Mr() {
+	return navigator.maxTouchPoints || "ontouchstart" in this;
+}
+function Nr() {
+	var e = kr, t = Ar, n = jr, r = Mr, i = {}, a = je("start", "drag", "end"), o = 0, s, c, l, u, d = 0;
+	function f(e) {
+		e.on("mousedown.drag", p).filter(r).on("touchstart.drag", g).on("touchmove.drag", _, Cr).on("touchend.drag touchcancel.drag", v).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+	}
+	function p(n, r) {
+		if (!(u || !e.call(this, n, r))) {
+			var i = y(this, t.call(this, n, r), n, r, "mouse");
+			i && (P(n.view).on("mousemove.drag", m, B).on("mouseup.drag", h, B), Tr(n.view), wr(n), l = !1, s = n.clientX, c = n.clientY, i("start", n));
+		}
+	}
+	function m(e) {
+		if (V(e), !l) {
+			var t = e.clientX - s, n = e.clientY - c;
+			l = t * t + n * n > d;
+		}
+		i.mouse("drag", e);
+	}
+	function h(e) {
+		P(e.view).on("mousemove.drag mouseup.drag", null), Er(e.view, l), V(e), i.mouse("end", e);
+	}
+	function g(n, r) {
+		if (e.call(this, n, r)) {
+			var i = n.changedTouches, a = t.call(this, n, r), o = i.length, s, c;
+			for (s = 0; s < o; ++s) (c = y(this, a, n, r, i[s].identifier, i[s])) && (wr(n), c("start", n, i[s]));
+		}
+	}
+	function _(e) {
+		var t = e.changedTouches, n = t.length, r, a;
+		for (r = 0; r < n; ++r) (a = i[t[r].identifier]) && (V(e), a("drag", e, t[r]));
+	}
+	function v(e) {
+		var t = e.changedTouches, n = t.length, r, a;
+		for (u && clearTimeout(u), u = setTimeout(function() {
+			u = null;
+		}, 500), r = 0; r < n; ++r) (a = i[t[r].identifier]) && (wr(e), a("end", e, t[r]));
+	}
+	function y(e, t, r, s, c, l) {
+		var u = a.copy(), d = F(l || r, t), p, m, h;
+		if ((h = n.call(e, new Or("beforestart", {
+			sourceEvent: r,
+			target: f,
+			identifier: c,
+			active: o,
+			x: d[0],
+			y: d[1],
+			dx: 0,
+			dy: 0,
+			dispatch: u
+		}), s)) != null) return p = h.x - d[0] || 0, m = h.y - d[1] || 0, function n(r, a, l) {
+			var g = d, _;
+			switch (r) {
+				case "start":
+					i[c] = n, _ = o++;
+					break;
+				case "end": delete i[c], --o;
+				case "drag":
+					d = F(l || a, t), _ = o;
+					break;
+			}
+			u.call(r, e, new Or(r, {
+				sourceEvent: a,
+				subject: h,
+				target: f,
+				identifier: c,
+				active: _,
+				x: d[0] + p,
+				y: d[1] + m,
+				dx: d[0] - g[0],
+				dy: d[1] - g[1],
+				dispatch: u
+			}), s);
+		};
+	}
+	return f.filter = function(t) {
+		return arguments.length ? (e = typeof t == "function" ? t : Dr(!!t), f) : e;
+	}, f.container = function(e) {
+		return arguments.length ? (t = typeof e == "function" ? e : Dr(e), f) : t;
+	}, f.subject = function(e) {
+		return arguments.length ? (n = typeof e == "function" ? e : Dr(e), f) : n;
+	}, f.touchable = function(e) {
+		return arguments.length ? (r = typeof e == "function" ? e : Dr(!!e), f) : r;
+	}, f.on = function() {
+		var e = a.on.apply(a, arguments);
+		return e === a ? f : e;
+	}, f.clickDistance = function(e) {
+		return arguments.length ? (d = (e = +e) * e, f) : Math.sqrt(d);
+	}, f;
+}
+var H = 0, Pr = 0, Fr = 0, Ir = 1e3, Lr, U, Rr = 0, W = 0, zr = 0, G = typeof performance == "object" && performance.now ? performance : Date, Br = typeof window == "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(e) {
+	setTimeout(e, 17);
+};
+function Vr() {
+	return W ||= (Br(Hr), G.now() + zr);
+}
+function Hr() {
+	W = 0;
+}
+function Ur() {
+	this._call = this._time = this._next = null;
+}
+Ur.prototype = Wr.prototype = {
+	constructor: Ur,
+	restart: function(e, t, n) {
+		if (typeof e != "function") throw TypeError("callback is not a function");
+		n = (n == null ? Vr() : +n) + (t == null ? 0 : +t), !this._next && U !== this && (U ? U._next = this : Lr = this, U = this), this._call = e, this._time = n, Yr();
+	},
+	stop: function() {
+		this._call && (this._call = null, this._time = Infinity, Yr());
+	}
+};
+function Wr(e, t, n) {
+	var r = new Ur();
+	return r.restart(e, t, n), r;
+}
+function Gr() {
+	Vr(), ++H;
+	for (var e = Lr, t; e;) (t = W - e._time) >= 0 && e._call.call(void 0, t), e = e._next;
+	--H;
+}
+function Kr() {
+	W = (Rr = G.now()) + zr, H = Pr = 0;
+	try {
+		Gr();
+	} finally {
+		H = 0, Jr(), W = 0;
+	}
+}
+function qr() {
+	var e = G.now(), t = e - Rr;
+	t > Ir && (zr -= t, Rr = e);
+}
+function Jr() {
+	for (var e, t = Lr, n, r = Infinity; t;) t._call ? (r > t._time && (r = t._time), e = t, t = t._next) : (n = t._next, t._next = null, t = e ? e._next = n : Lr = n);
+	U = e, Yr(r);
+}
+function Yr(e) {
+	H || (Pr &&= clearTimeout(Pr), e - W > 24 ? (e < Infinity && (Pr = setTimeout(Kr, e - G.now() - zr)), Fr &&= clearInterval(Fr)) : (Fr ||= (Rr = G.now(), setInterval(qr, Ir)), H = 1, Br(Kr)));
+}
+function Xr(e, t, n) {
+	var r = new Ur();
+	return t = t == null ? 0 : +t, r.restart((n) => {
+		r.stop(), e(n + t);
+	}, t, n), r;
+}
+xe(), he(), Me();
+var Zr = je("start", "end", "cancel", "interrupt"), Qr = [];
+function $r(e, t, n, r, i, a) {
+	var o = e.__transition;
+	if (!o) e.__transition = {};
+	else if (n in o) return;
+	ti(e, n, {
+		name: t,
+		index: r,
+		group: i,
+		on: Zr,
+		tween: Qr,
+		time: a.time,
+		delay: a.delay,
+		duration: a.duration,
+		ease: a.ease,
+		timer: null,
+		state: 0
+	});
+}
+function ei(e, t) {
+	var n = q(e, t);
+	if (n.state > 0) throw Error("too late; already scheduled");
+	return n;
+}
+function K(e, t) {
+	var n = q(e, t);
+	if (n.state > 3) throw Error("too late; already running");
+	return n;
+}
+function q(e, t) {
+	var n = e.__transition;
+	if (!n || !(n = n[t])) throw Error("transition not found");
+	return n;
+}
+function ti(e, t, n) {
+	var r = e.__transition, i;
+	r[t] = n, n.timer = Wr(a, 0, n.time);
+	function a(e) {
+		n.state = 1, n.timer.restart(o, n.delay, n.time), n.delay <= e && o(e - n.delay);
+	}
+	function o(a) {
+		var l, u, d, f;
+		if (n.state !== 1) return c();
+		for (l in r) if (f = r[l], f.name === n.name) {
+			if (f.state === 3) return Xr(o);
+			f.state === 4 ? (f.state = 6, f.timer.stop(), f.on.call("interrupt", e, e.__data__, f.index, f.group), delete r[l]) : +l < t && (f.state = 6, f.timer.stop(), f.on.call("cancel", e, e.__data__, f.index, f.group), delete r[l]);
+		}
+		if (Xr(function() {
+			n.state === 3 && (n.state = 4, n.timer.restart(s, n.delay, n.time), s(a));
+		}), n.state = 2, n.on.call("start", e, e.__data__, n.index, n.group), n.state === 2) {
+			for (n.state = 3, i = Array(d = n.tween.length), l = 0, u = -1; l < d; ++l) (f = n.tween[l].value.call(e, e.__data__, n.index, n.group)) && (i[++u] = f);
+			i.length = u + 1;
+		}
+	}
+	function s(t) {
+		for (var r = t < n.duration ? n.ease.call(null, t / n.duration) : (n.timer.restart(c), n.state = 5, 1), a = -1, o = i.length; ++a < o;) i[a].call(e, r);
+		n.state === 5 && (n.on.call("end", e, e.__data__, n.index, n.group), c());
+	}
+	function c() {
+		for (var i in n.state = 6, n.timer.stop(), delete r[t], r) return;
+		delete e.__transition;
+	}
+}
+function ni(e, t) {
+	var n = e.__transition, r, i, a = !0, o;
+	if (n) {
+		for (o in t = t == null ? null : t + "", n) {
+			if ((r = n[o]).name !== t) {
+				a = !1;
+				continue;
+			}
+			i = r.state > 2 && r.state < 5, r.state = 6, r.timer.stop(), r.on.call(i ? "interrupt" : "cancel", e, e.__data__, r.index, r.group), delete n[o];
+		}
+		a && delete e.__transition;
+	}
+}
+function ri(e) {
+	return this.each(function() {
+		ni(this, e);
+	});
+}
+function ii(e, t) {
+	var n, r;
+	return function() {
+		var i = K(this, e), a = i.tween;
+		if (a !== n) {
+			r = n = a;
+			for (var o = 0, s = r.length; o < s; ++o) if (r[o].name === t) {
+				r = r.slice(), r.splice(o, 1);
+				break;
+			}
+		}
+		i.tween = r;
+	};
+}
+function ai(e, t, n) {
+	var r, i;
+	if (typeof n != "function") throw Error();
+	return function() {
+		var a = K(this, e), o = a.tween;
+		if (o !== r) {
+			i = (r = o).slice();
+			for (var s = {
+				name: t,
+				value: n
+			}, c = 0, l = i.length; c < l; ++c) if (i[c].name === t) {
+				i[c] = s;
+				break;
+			}
+			c === l && i.push(s);
+		}
+		a.tween = i;
+	};
+}
+function oi(e, t) {
+	var n = this._id;
+	if (e += "", arguments.length < 2) {
+		for (var r = q(this.node(), n).tween, i = 0, a = r.length, o; i < a; ++i) if ((o = r[i]).name === e) return o.value;
+		return null;
+	}
+	return this.each((t == null ? ii : ai)(n, e, t));
+}
+function si(e, t, n) {
+	var r = e._id;
+	return e.each(function() {
+		var e = K(this, r);
+		(e.value ||= {})[t] = n.apply(this, arguments);
+	}), function(e) {
+		return q(e, r).value[t];
+	};
+}
+function ci(e, t) {
+	var n;
+	return (typeof t == "number" ? ae : t instanceof be ? ue : (n = be(t)) ? (t = n, ue) : ve)(e, t);
+}
+he();
+function li(e) {
+	return function() {
+		this.removeAttribute(e);
+	};
+}
+function ui(e) {
+	return function() {
+		this.removeAttributeNS(e.space, e.local);
+	};
+}
+function di(e, t, n) {
+	var r, i = n + "", a;
+	return function() {
+		var o = this.getAttribute(e);
+		return o === i ? null : o === r ? a : a = t(r = o, n);
+	};
+}
+function fi(e, t, n) {
+	var r, i = n + "", a;
+	return function() {
+		var o = this.getAttributeNS(e.space, e.local);
+		return o === i ? null : o === r ? a : a = t(r = o, n);
+	};
+}
+function pi(e, t, n) {
+	var r, i, a;
+	return function() {
+		var o, s = n(this), c;
+		return s == null ? void this.removeAttribute(e) : (o = this.getAttribute(e), c = s + "", o === c ? null : o === r && c === i ? a : (i = c, a = t(r = o, s)));
+	};
+}
+function mi(e, t, n) {
+	var r, i, a;
+	return function() {
+		var o, s = n(this), c;
+		return s == null ? void this.removeAttributeNS(e.space, e.local) : (o = this.getAttributeNS(e.space, e.local), c = s + "", o === c ? null : o === r && c === i ? a : (i = c, a = t(r = o, s)));
+	};
+}
+function hi(e, t) {
+	var n = ut(e), r = n === "transform" ? ye : ci;
+	return this.attrTween(e, typeof t == "function" ? (n.local ? mi : pi)(n, r, si(this, "attr." + e, t)) : t == null ? (n.local ? ui : li)(n) : (n.local ? fi : di)(n, r, t));
+}
+function gi(e, t) {
+	return function(n) {
+		this.setAttribute(e, t.call(this, n));
+	};
+}
+function _i(e, t) {
+	return function(n) {
+		this.setAttributeNS(e.space, e.local, t.call(this, n));
+	};
+}
+function vi(e, t) {
+	var n, r;
+	function i() {
+		var i = t.apply(this, arguments);
+		return i !== r && (n = (r = i) && _i(e, i)), n;
+	}
+	return i._value = t, i;
+}
+function yi(e, t) {
+	var n, r;
+	function i() {
+		var i = t.apply(this, arguments);
+		return i !== r && (n = (r = i) && gi(e, i)), n;
+	}
+	return i._value = t, i;
+}
+function bi(e, t) {
+	var n = "attr." + e;
+	if (arguments.length < 2) return (n = this.tween(n)) && n._value;
+	if (t == null) return this.tween(n, null);
+	if (typeof t != "function") throw Error();
+	var r = ut(e);
+	return this.tween(n, (r.local ? vi : yi)(r, t));
+}
+function xi(e, t) {
+	return function() {
+		ei(this, e).delay = +t.apply(this, arguments);
+	};
+}
+function Si(e, t) {
+	return t = +t, function() {
+		ei(this, e).delay = t;
+	};
+}
+function Ci(e) {
+	var t = this._id;
+	return arguments.length ? this.each((typeof e == "function" ? xi : Si)(t, e)) : q(this.node(), t).delay;
+}
+function wi(e, t) {
+	return function() {
+		K(this, e).duration = +t.apply(this, arguments);
+	};
+}
+function Ti(e, t) {
+	return t = +t, function() {
+		K(this, e).duration = t;
+	};
+}
+function Ei(e) {
+	var t = this._id;
+	return arguments.length ? this.each((typeof e == "function" ? wi : Ti)(t, e)) : q(this.node(), t).duration;
+}
+function Di(e, t) {
+	if (typeof t != "function") throw Error();
+	return function() {
+		K(this, e).ease = t;
+	};
+}
+function Oi(e) {
+	var t = this._id;
+	return arguments.length ? this.each(Di(t, e)) : q(this.node(), t).ease;
+}
+function ki(e, t) {
+	return function() {
+		var n = t.apply(this, arguments);
+		if (typeof n != "function") throw Error();
+		K(this, e).ease = n;
+	};
+}
+function Ai(e) {
+	if (typeof e != "function") throw Error();
+	return this.each(ki(this._id, e));
+}
+function ji(e) {
+	typeof e != "function" && (e = St(e));
+	for (var t = this._groups, n = t.length, r = Array(n), i = 0; i < n; ++i) for (var a = t[i], o = a.length, s = r[i] = [], c, l = 0; l < o; ++l) (c = a[l]) && e.call(c, c.__data__, l, a) && s.push(c);
+	return new J(r, this._parents, this._name, this._id);
+}
+function Mi(e) {
+	if (e._id !== this._id) throw Error();
+	for (var t = this._groups, n = e._groups, r = t.length, i = n.length, a = Math.min(r, i), o = Array(r), s = 0; s < a; ++s) for (var c = t[s], l = n[s], u = c.length, d = o[s] = Array(u), f, p = 0; p < u; ++p) (f = c[p] || l[p]) && (d[p] = f);
+	for (; s < r; ++s) o[s] = t[s];
+	return new J(o, this._parents, this._name, this._id);
+}
+function Ni(e) {
+	return (e + "").trim().split(/^|\s+/).every(function(e) {
+		var t = e.indexOf(".");
+		return t >= 0 && (e = e.slice(0, t)), !e || e === "start";
+	});
+}
+function Pi(e, t, n) {
+	var r, i, a = Ni(t) ? ei : K;
+	return function() {
+		var o = a(this, e), s = o.on;
+		s !== r && (i = (r = s).copy()).on(t, n), o.on = i;
+	};
+}
+function Fi(e, t) {
+	var n = this._id;
+	return arguments.length < 2 ? q(this.node(), n).on.on(e) : this.each(Pi(n, e, t));
+}
+function Ii(e) {
+	return function() {
+		var t = this.parentNode;
+		for (var n in this.__transition) if (+n !== e) return;
+		t && t.removeChild(this);
+	};
+}
+function Li() {
+	return this.on("end.remove", Ii(this._id));
+}
+function Ri(e) {
+	var t = this._name, n = this._id;
+	typeof e != "function" && (e = ht(e));
+	for (var r = this._groups, i = r.length, a = Array(i), o = 0; o < i; ++o) for (var s = r[o], c = s.length, l = a[o] = Array(c), u, d, f = 0; f < c; ++f) (u = s[f]) && (d = e.call(u, u.__data__, f, s)) && ("__data__" in u && (d.__data__ = u.__data__), l[f] = d, $r(l[f], t, n, f, l, q(u, n)));
+	return new J(a, this._parents, t, n);
+}
+function zi(e) {
+	var t = this._name, n = this._id;
+	typeof e != "function" && (e = yt(e));
+	for (var r = this._groups, i = r.length, a = [], o = [], s = 0; s < i; ++s) for (var c = r[s], l = c.length, u, d = 0; d < l; ++d) if (u = c[d]) {
+		for (var f = e.call(u, u.__data__, d, c), p, m = q(u, n), h = 0, g = f.length; h < g; ++h) (p = f[h]) && $r(p, t, n, h, f, m);
+		a.push(f), o.push(u);
+	}
+	return new J(a, o, t, n);
+}
+var Bi = N.prototype.constructor;
+function Vi() {
+	return new Bi(this._groups, this._parents);
+}
+he();
+function Hi(e, t) {
+	var n, r, i;
+	return function() {
+		var a = j(this, e), o = (this.style.removeProperty(e), j(this, e));
+		return a === o ? null : a === n && o === r ? i : i = t(n = a, r = o);
+	};
+}
+function Ui(e) {
+	return function() {
+		this.style.removeProperty(e);
+	};
+}
+function Wi(e, t, n) {
+	var r, i = n + "", a;
+	return function() {
+		var o = j(this, e);
+		return o === i ? null : o === r ? a : a = t(r = o, n);
+	};
+}
+function Gi(e, t, n) {
+	var r, i, a;
+	return function() {
+		var o = j(this, e), s = n(this), c = s + "";
+		return s ?? (c = s = (this.style.removeProperty(e), j(this, e))), o === c ? null : o === r && c === i ? a : (i = c, a = t(r = o, s));
+	};
+}
+function Ki(e, t) {
+	var n, r, i, a = "style." + t, o = "end." + a, s;
+	return function() {
+		var c = K(this, e), l = c.on, u = c.value[a] == null ? s ||= Ui(t) : void 0;
+		(l !== n || i !== u) && (r = (n = l).copy()).on(o, i = u), c.on = r;
+	};
+}
+function qi(e, t, n) {
+	var r = (e += "") == "transform" ? _e : ci;
+	return t == null ? this.styleTween(e, Hi(e, r)).on("end.style." + e, Ui(e)) : typeof t == "function" ? this.styleTween(e, Gi(e, r, si(this, "style." + e, t))).each(Ki(this._id, e)) : this.styleTween(e, Wi(e, r, t), n).on("end.style." + e, null);
+}
+function Ji(e, t, n) {
+	return function(r) {
+		this.style.setProperty(e, t.call(this, r), n);
+	};
+}
+function Yi(e, t, n) {
+	var r, i;
+	function a() {
+		var a = t.apply(this, arguments);
+		return a !== i && (r = (i = a) && Ji(e, a, n)), r;
+	}
+	return a._value = t, a;
+}
+function Xi(e, t, n) {
+	var r = "style." + (e += "");
+	if (arguments.length < 2) return (r = this.tween(r)) && r._value;
+	if (t == null) return this.tween(r, null);
+	if (typeof t != "function") throw Error();
+	return this.tween(r, Yi(e, t, n ?? ""));
+}
+function Zi(e) {
+	return function() {
+		this.textContent = e;
+	};
+}
+function Qi(e) {
+	return function() {
+		var t = e(this);
+		this.textContent = t ?? "";
+	};
+}
+function $i(e) {
+	return this.tween("text", typeof e == "function" ? Qi(si(this, "text", e)) : Zi(e == null ? "" : e + ""));
+}
+function ea(e) {
+	return function(t) {
+		this.textContent = e.call(this, t);
+	};
+}
+function ta(e) {
+	var t, n;
+	function r() {
+		var r = e.apply(this, arguments);
+		return r !== n && (t = (n = r) && ea(r)), t;
+	}
+	return r._value = e, r;
+}
+function na(e) {
+	var t = "text";
+	if (arguments.length < 1) return (t = this.tween(t)) && t._value;
+	if (e == null) return this.tween(t, null);
+	if (typeof e != "function") throw Error();
+	return this.tween(t, ta(e));
+}
+function ra() {
+	for (var e = this._name, t = this._id, n = sa(), r = this._groups, i = r.length, a = 0; a < i; ++a) for (var o = r[a], s = o.length, c, l = 0; l < s; ++l) if (c = o[l]) {
+		var u = q(c, t);
+		$r(c, e, n, l, o, {
+			time: u.time + u.delay + u.duration,
+			delay: 0,
+			duration: u.duration,
+			ease: u.ease
+		});
+	}
+	return new J(r, this._parents, e, n);
+}
+function ia() {
+	var e, t, n = this, r = n._id, i = n.size();
+	return new Promise(function(a, o) {
+		var s = { value: o }, c = { value: function() {
+			--i === 0 && a();
+		} };
+		n.each(function() {
+			var n = K(this, r), i = n.on;
+			i !== e && (t = (e = i).copy(), t._.cancel.push(s), t._.interrupt.push(s), t._.end.push(c)), n.on = t;
+		}), i === 0 && a();
+	});
+}
+var aa = 0;
+function J(e, t, n, r) {
+	this._groups = e, this._parents = t, this._name = n, this._id = r;
+}
+function oa(e) {
+	return N().transition(e);
+}
+function sa() {
+	return ++aa;
+}
+var Y = N.prototype;
+J.prototype = oa.prototype = {
+	constructor: J,
+	select: Ri,
+	selectAll: zi,
+	selectChild: Y.selectChild,
+	selectChildren: Y.selectChildren,
+	filter: ji,
+	merge: Mi,
+	selection: Vi,
+	transition: ra,
+	call: Y.call,
+	nodes: Y.nodes,
+	node: Y.node,
+	size: Y.size,
+	empty: Y.empty,
+	each: Y.each,
+	on: Fi,
+	attr: hi,
+	attrTween: bi,
+	style: qi,
+	styleTween: Xi,
+	text: $i,
+	textTween: na,
+	remove: Li,
+	tween: oi,
+	delay: Ci,
+	duration: Ei,
+	ease: Oi,
+	easeVarying: Ai,
+	end: ia,
+	[Symbol.iterator]: Y[Symbol.iterator]
+}, fe();
+var ca = {
+	time: null,
+	delay: 0,
+	duration: 250,
+	ease: pe
+};
+function la(e, t) {
+	for (var n; !(n = e.__transition) || !(n = n[t]);) if (!(e = e.parentNode)) throw Error(`transition ${t} not found`);
+	return n;
+}
+function ua(e) {
+	var t, n;
+	e instanceof J ? (t = e._id, e = e._name) : (t = sa(), (n = ca).time = Vr(), e = e == null ? null : e + "");
+	for (var r = this._groups, i = r.length, a = 0; a < i; ++a) for (var o = r[a], s = o.length, c, l = 0; l < s; ++l) (c = o[l]) && $r(c, e, t, l, o, n || la(c, t));
+	return new J(r, this._parents, e, t);
+}
+N.prototype.interrupt = ri, N.prototype.transition = ua;
+var da = (e) => () => e;
+function fa(e, { sourceEvent: t, target: n, transform: r, dispatch: i }) {
+	Object.defineProperties(this, {
+		type: {
+			value: e,
+			enumerable: !0,
+			configurable: !0
+		},
+		sourceEvent: {
+			value: t,
+			enumerable: !0,
+			configurable: !0
+		},
+		target: {
+			value: n,
+			enumerable: !0,
+			configurable: !0
+		},
+		transform: {
+			value: r,
+			enumerable: !0,
+			configurable: !0
+		},
+		_: { value: i }
+	});
+}
+function X(e, t, n) {
+	this.k = e, this.x = t, this.y = n;
+}
+X.prototype = {
+	constructor: X,
+	scale: function(e) {
+		return e === 1 ? this : new X(this.k * e, this.x, this.y);
+	},
+	translate: function(e, t) {
+		return e === 0 & t === 0 ? this : new X(this.k, this.x + this.k * e, this.y + this.k * t);
+	},
+	apply: function(e) {
+		return [e[0] * this.k + this.x, e[1] * this.k + this.y];
+	},
+	applyX: function(e) {
+		return e * this.k + this.x;
+	},
+	applyY: function(e) {
+		return e * this.k + this.y;
+	},
+	invert: function(e) {
+		return [(e[0] - this.x) / this.k, (e[1] - this.y) / this.k];
+	},
+	invertX: function(e) {
+		return (e - this.x) / this.k;
+	},
+	invertY: function(e) {
+		return (e - this.y) / this.k;
+	},
+	rescaleX: function(e) {
+		return e.copy().domain(e.range().map(this.invertX, this).map(e.invert, e));
+	},
+	rescaleY: function(e) {
+		return e.copy().domain(e.range().map(this.invertY, this).map(e.invert, e));
+	},
+	toString: function() {
+		return "translate(" + this.x + "," + this.y + ") scale(" + this.k + ")";
+	}
+};
+var pa = new X(1, 0, 0);
+ma.prototype = X.prototype;
+function ma(e) {
+	for (; !e.__zoom;) if (!(e = e.parentNode)) return pa;
+	return e.__zoom;
+}
+function ha(e) {
+	e.stopImmediatePropagation();
+}
+function ga(e) {
+	e.preventDefault(), e.stopImmediatePropagation();
+}
+Me(), he();
+function _a(e) {
+	return (!e.ctrlKey || e.type === "wheel") && !e.button;
+}
+function va() {
+	var e = this;
+	return e instanceof SVGElement ? (e = e.ownerSVGElement || e, e.hasAttribute("viewBox") ? (e = e.viewBox.baseVal, [[e.x, e.y], [e.x + e.width, e.y + e.height]]) : [[0, 0], [e.width.baseVal.value, e.height.baseVal.value]]) : [[0, 0], [e.clientWidth, e.clientHeight]];
+}
+function ya() {
+	return this.__zoom || pa;
+}
+function ba(e) {
+	return -e.deltaY * (e.deltaMode === 1 ? .05 : e.deltaMode ? 1 : .002) * (e.ctrlKey ? 10 : 1);
+}
+function xa() {
+	return navigator.maxTouchPoints || "ontouchstart" in this;
+}
+function Sa(e, t, n) {
+	var r = e.invertX(t[0][0]) - n[0][0], i = e.invertX(t[1][0]) - n[1][0], a = e.invertY(t[0][1]) - n[0][1], o = e.invertY(t[1][1]) - n[1][1];
+	return e.translate(i > r ? (r + i) / 2 : Math.min(0, r) || Math.max(0, i), o > a ? (a + o) / 2 : Math.min(0, a) || Math.max(0, o));
+}
+function Ca() {
+	var e = _a, t = va, n = Sa, r = ba, i = xa, a = [0, Infinity], o = [[-Infinity, -Infinity], [Infinity, Infinity]], s = 250, c = me, l = je("start", "zoom", "end"), u, d, f, p = 500, m = 150, h = 0, g = 10;
+	function _(e) {
+		e.property("__zoom", ya).on("wheel.zoom", w, { passive: !1 }).on("mousedown.zoom", T).on("dblclick.zoom", ee).filter(i).on("touchstart.zoom", te).on("touchmove.zoom", E).on("touchend.zoom touchcancel.zoom", ne).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+	}
+	_.transform = function(e, t, n, r) {
+		var i = e.selection ? e.selection() : e;
+		i.property("__zoom", ya), e === i ? i.interrupt().each(function() {
+			S(this, arguments).event(r).start().zoom(null, typeof t == "function" ? t.apply(this, arguments) : t).end();
+		}) : x(e, t, n, r);
+	}, _.scaleBy = function(e, t, n, r) {
+		_.scaleTo(e, function() {
+			return this.__zoom.k * (typeof t == "function" ? t.apply(this, arguments) : t);
+		}, n, r);
+	}, _.scaleTo = function(e, r, i, a) {
+		_.transform(e, function() {
+			var e = t.apply(this, arguments), a = this.__zoom, s = i == null ? b(e) : typeof i == "function" ? i.apply(this, arguments) : i, c = a.invert(s), l = typeof r == "function" ? r.apply(this, arguments) : r;
+			return n(y(v(a, l), s, c), e, o);
+		}, i, a);
+	}, _.translateBy = function(e, r, i, a) {
+		_.transform(e, function() {
+			return n(this.__zoom.translate(typeof r == "function" ? r.apply(this, arguments) : r, typeof i == "function" ? i.apply(this, arguments) : i), t.apply(this, arguments), o);
+		}, null, a);
+	}, _.translateTo = function(e, r, i, a, s) {
+		_.transform(e, function() {
+			var e = t.apply(this, arguments), s = this.__zoom, c = a == null ? b(e) : typeof a == "function" ? a.apply(this, arguments) : a;
+			return n(pa.translate(c[0], c[1]).scale(s.k).translate(typeof r == "function" ? -r.apply(this, arguments) : -r, typeof i == "function" ? -i.apply(this, arguments) : -i), e, o);
+		}, a, s);
+	};
+	function v(e, t) {
+		return t = Math.max(a[0], Math.min(a[1], t)), t === e.k ? e : new X(t, e.x, e.y);
+	}
+	function y(e, t, n) {
+		var r = t[0] - n[0] * e.k, i = t[1] - n[1] * e.k;
+		return r === e.x && i === e.y ? e : new X(e.k, r, i);
+	}
+	function b(e) {
+		return [(+e[0][0] + +e[1][0]) / 2, (+e[0][1] + +e[1][1]) / 2];
+	}
+	function x(e, n, r, i) {
+		e.on("start.zoom", function() {
+			S(this, arguments).event(i).start();
+		}).on("interrupt.zoom end.zoom", function() {
+			S(this, arguments).event(i).end();
+		}).tween("zoom", function() {
+			var e = this, a = arguments, o = S(e, a).event(i), s = t.apply(e, a), l = r == null ? b(s) : typeof r == "function" ? r.apply(e, a) : r, u = Math.max(s[1][0] - s[0][0], s[1][1] - s[0][1]), d = e.__zoom, f = typeof n == "function" ? n.apply(e, a) : n, p = c(d.invert(l).concat(u / d.k), f.invert(l).concat(u / f.k));
+			return function(e) {
+				if (e === 1) e = f;
+				else {
+					var t = p(e), n = u / t[2];
+					e = new X(n, l[0] - t[0] * n, l[1] - t[1] * n);
+				}
+				o.zoom(null, e);
+			};
+		});
+	}
+	function S(e, t, n) {
+		return !n && e.__zooming || new C(e, t);
+	}
+	function C(e, n) {
+		this.that = e, this.args = n, this.active = 0, this.sourceEvent = null, this.extent = t.apply(e, n), this.taps = 0;
+	}
+	C.prototype = {
+		event: function(e) {
+			return e && (this.sourceEvent = e), this;
+		},
+		start: function() {
+			return ++this.active === 1 && (this.that.__zooming = this, this.emit("start")), this;
+		},
+		zoom: function(e, t) {
+			return this.mouse && e !== "mouse" && (this.mouse[1] = t.invert(this.mouse[0])), this.touch0 && e !== "touch" && (this.touch0[1] = t.invert(this.touch0[0])), this.touch1 && e !== "touch" && (this.touch1[1] = t.invert(this.touch1[0])), this.that.__zoom = t, this.emit("zoom"), this;
+		},
+		end: function() {
+			return --this.active === 0 && (delete this.that.__zooming, this.emit("end")), this;
+		},
+		emit: function(e) {
+			var t = P(this.that).datum();
+			l.call(e, this.that, new fa(e, {
+				sourceEvent: this.sourceEvent,
+				target: _,
+				type: e,
+				transform: this.that.__zoom,
+				dispatch: l
+			}), t);
+		}
+	};
+	function w(t, ...i) {
+		if (!e.apply(this, arguments)) return;
+		var s = S(this, i).event(t), c = this.__zoom, l = Math.max(a[0], Math.min(a[1], c.k * 2 ** r.apply(this, arguments))), u = F(t);
+		if (s.wheel) (s.mouse[0][0] !== u[0] || s.mouse[0][1] !== u[1]) && (s.mouse[1] = c.invert(s.mouse[0] = u)), clearTimeout(s.wheel);
+		else if (c.k === l) return;
+		else s.mouse = [u, c.invert(u)], ni(this), s.start();
+		ga(t), s.wheel = setTimeout(d, m), s.zoom("mouse", n(y(v(c, l), s.mouse[0], s.mouse[1]), s.extent, o));
+		function d() {
+			s.wheel = null, s.end();
+		}
+	}
+	function T(t, ...r) {
+		if (f || !e.apply(this, arguments)) return;
+		var i = t.currentTarget, a = S(this, r, !0).event(t), s = P(t.view).on("mousemove.zoom", d, !0).on("mouseup.zoom", p, !0), c = F(t, i), l = t.clientX, u = t.clientY;
+		Tr(t.view), ha(t), a.mouse = [c, this.__zoom.invert(c)], ni(this), a.start();
+		function d(e) {
+			if (ga(e), !a.moved) {
+				var t = e.clientX - l, r = e.clientY - u;
+				a.moved = t * t + r * r > h;
+			}
+			a.event(e).zoom("mouse", n(y(a.that.__zoom, a.mouse[0] = F(e, i), a.mouse[1]), a.extent, o));
+		}
+		function p(e) {
+			s.on("mousemove.zoom mouseup.zoom", null), Er(e.view, a.moved), ga(e), a.event(e).end();
+		}
+	}
+	function ee(r, ...i) {
+		if (e.apply(this, arguments)) {
+			var a = this.__zoom, c = F(r.changedTouches ? r.changedTouches[0] : r, this), l = a.invert(c), u = a.k * (r.shiftKey ? .5 : 2), d = n(y(v(a, u), c, l), t.apply(this, i), o);
+			ga(r), s > 0 ? P(this).transition().duration(s).call(x, d, c, r) : P(this).call(_.transform, d, c, r);
+		}
+	}
+	function te(t, ...n) {
+		if (e.apply(this, arguments)) {
+			var r = t.touches, i = r.length, a = S(this, n, t.changedTouches.length === i).event(t), o, s, c, l;
+			for (ha(t), s = 0; s < i; ++s) c = r[s], l = F(c, this), l = [
+				l,
+				this.__zoom.invert(l),
+				c.identifier
+			], a.touch0 ? !a.touch1 && a.touch0[2] !== l[2] && (a.touch1 = l, a.taps = 0) : (a.touch0 = l, o = !0, a.taps = 1 + !!u);
+			u &&= clearTimeout(u), o && (a.taps < 2 && (d = l[0], u = setTimeout(function() {
+				u = null;
+			}, p)), ni(this), a.start());
+		}
+	}
+	function E(e, ...t) {
+		if (this.__zooming) {
+			var r = S(this, t).event(e), i = e.changedTouches, a = i.length, s, c, l, u;
+			for (ga(e), s = 0; s < a; ++s) c = i[s], l = F(c, this), r.touch0 && r.touch0[2] === c.identifier ? r.touch0[0] = l : r.touch1 && r.touch1[2] === c.identifier && (r.touch1[0] = l);
+			if (c = r.that.__zoom, r.touch1) {
+				var d = r.touch0[0], f = r.touch0[1], p = r.touch1[0], m = r.touch1[1], h = (h = p[0] - d[0]) * h + (h = p[1] - d[1]) * h, g = (g = m[0] - f[0]) * g + (g = m[1] - f[1]) * g;
+				c = v(c, Math.sqrt(h / g)), l = [(d[0] + p[0]) / 2, (d[1] + p[1]) / 2], u = [(f[0] + m[0]) / 2, (f[1] + m[1]) / 2];
+			} else if (r.touch0) l = r.touch0[0], u = r.touch0[1];
+			else return;
+			r.zoom("touch", n(y(c, l, u), r.extent, o));
+		}
+	}
+	function ne(e, ...t) {
+		if (this.__zooming) {
+			var n = S(this, t).event(e), r = e.changedTouches, i = r.length, a, o;
+			for (ha(e), f && clearTimeout(f), f = setTimeout(function() {
+				f = null;
+			}, p), a = 0; a < i; ++a) o = r[a], n.touch0 && n.touch0[2] === o.identifier ? delete n.touch0 : n.touch1 && n.touch1[2] === o.identifier && delete n.touch1;
+			if (n.touch1 && !n.touch0 && (n.touch0 = n.touch1, delete n.touch1), n.touch0) n.touch0[1] = this.__zoom.invert(n.touch0[0]);
+			else if (n.end(), n.taps === 2 && (o = F(o, this), Math.hypot(d[0] - o[0], d[1] - o[1]) < g)) {
+				var s = P(this).on("dblclick.zoom");
+				s && s.apply(this, arguments);
+			}
+		}
+	}
+	return _.wheelDelta = function(e) {
+		return arguments.length ? (r = typeof e == "function" ? e : da(+e), _) : r;
+	}, _.filter = function(t) {
+		return arguments.length ? (e = typeof t == "function" ? t : da(!!t), _) : e;
+	}, _.touchable = function(e) {
+		return arguments.length ? (i = typeof e == "function" ? e : da(!!e), _) : i;
+	}, _.extent = function(e) {
+		return arguments.length ? (t = typeof e == "function" ? e : da([[+e[0][0], +e[0][1]], [+e[1][0], +e[1][1]]]), _) : t;
+	}, _.scaleExtent = function(e) {
+		return arguments.length ? (a[0] = +e[0], a[1] = +e[1], _) : [a[0], a[1]];
+	}, _.translateExtent = function(e) {
+		return arguments.length ? (o[0][0] = +e[0][0], o[1][0] = +e[1][0], o[0][1] = +e[0][1], o[1][1] = +e[1][1], _) : [[o[0][0], o[0][1]], [o[1][0], o[1][1]]];
+	}, _.constrain = function(e) {
+		return arguments.length ? (n = e, _) : n;
+	}, _.duration = function(e) {
+		return arguments.length ? (s = +e, _) : s;
+	}, _.interpolate = function(e) {
+		return arguments.length ? (c = e, _) : c;
+	}, _.on = function() {
+		var e = l.on.apply(l, arguments);
+		return e === l ? _ : e;
+	}, _.clickDistance = function(e) {
+		return arguments.length ? (h = (e = +e) * e, _) : Math.sqrt(h);
+	}, _.tapDistance = function(e) {
+		return arguments.length ? (g = +e, _) : g;
+	}, _;
+}
+oe();
+var wa = (e) => ({
+	left: {
+		nodeLeftX: () => 0,
+		nodeRightX: (e) => e.width,
+		nodeTopY: (e) => -e.height / 2,
+		nodeBottomY: (e) => e.height / 2,
+		nodeJoinX: (e) => e.x + e.width,
+		nodeJoinY: (e) => e.y - e.height / 2,
+		linkJoinX: (e) => e.x + e.width,
+		linkJoinY: (e) => e.y,
+		linkX: (e) => e.x,
+		linkY: (e) => e.y,
+		linkCompactXStart: (e) => e.x + e.width / 2,
+		linkCompactYStart: (e) => e.y + (e.compactEven ? e.height / 2 : -e.height / 2),
+		compactLinkMidX: (e) => e.firstCompactNode.x,
+		compactLinkMidY: (e, t) => e.firstCompactNode.y + e.firstCompactNode.flexCompactDim[0] / 4 + t.compactMarginPair(e) / 4,
+		linkParentX: (e) => e.parent.x + e.parent.width,
+		linkParentY: (e) => e.parent.y,
+		buttonX: (e) => e.width,
+		buttonY: (e) => e.height / 2,
+		centerTransform: ({ rootMargin: e, centerY: t, scale: n }) => `translate(${e},${t}) scale(${n})`,
+		compactDimension: {
+			sizeColumn: (e) => e.height,
+			sizeRow: (e) => e.width,
+			reverse: (e) => e.slice().reverse()
+		},
+		nodeFlexSize: ({ height: e, width: t, siblingsMargin: n, childrenMargin: r, config: i, node: a }) => i.compact && a.flexCompactDim ? [a.flexCompactDim[0], a.flexCompactDim[1]] : [e + n, t + r],
+		zoomTransform: ({ centerY: e, scale: t }) => `translate(0,${e}) scale(${t})`,
+		diagonal: e.hdiagonal,
+		swap: (e) => {
+			let t = e.x;
+			e.x = e.y, e.y = t;
+		},
+		nodeUpdateTransform: ({ x: e, y: t, height: n }) => `translate(${e},${t - n / 2})`
+	},
+	top: {
+		nodeLeftX: (e) => -e.width / 2,
+		nodeRightX: (e) => e.width / 2,
+		nodeTopY: () => 0,
+		nodeBottomY: (e) => e.height,
+		nodeJoinX: (e) => e.x - e.width / 2,
+		nodeJoinY: (e) => e.y + e.height,
+		linkJoinX: (e) => e.x,
+		linkJoinY: (e) => e.y + e.height,
+		linkCompactXStart: (e) => e.x + (e.compactEven ? e.width / 2 : -e.width / 2),
+		linkCompactYStart: (e) => e.y + e.height / 2,
+		compactLinkMidX: (e, t) => e.firstCompactNode.x + e.firstCompactNode.flexCompactDim[0] / 4 + t.compactMarginPair(e) / 4,
+		compactLinkMidY: (e) => e.firstCompactNode.y,
+		compactDimension: {
+			sizeColumn: (e) => e.width,
+			sizeRow: (e) => e.height,
+			reverse: (e) => e
+		},
+		linkX: (e) => e.x,
+		linkY: (e) => e.y,
+		linkParentX: (e) => e.parent.x,
+		linkParentY: (e) => e.parent.y + e.parent.height,
+		buttonX: (e) => e.width / 2,
+		buttonY: (e) => e.height,
+		centerTransform: ({ rootMargin: e, scale: t, centerX: n }) => `translate(${n},${e}) scale(${t})`,
+		nodeFlexSize: ({ height: e, width: t, siblingsMargin: n, childrenMargin: r, config: i, node: a }) => i.compact && a.flexCompactDim ? [a.flexCompactDim[0], a.flexCompactDim[1]] : [t + n, e + r],
+		zoomTransform: ({ centerX: e, scale: t }) => `translate(${e},0}) scale(${t})`,
+		diagonal: e.diagonal,
+		swap: () => {},
+		nodeUpdateTransform: ({ x: e, y: t, width: n }) => `translate(${e - n / 2},${t})`
+	},
+	bottom: {
+		nodeLeftX: (e) => -e.width / 2,
+		nodeRightX: (e) => e.width / 2,
+		nodeTopY: (e) => -e.height,
+		nodeBottomY: () => 0,
+		nodeJoinX: (e) => e.x - e.width / 2,
+		nodeJoinY: (e) => e.y - e.height - e.height,
+		linkJoinX: (e) => e.x,
+		linkJoinY: (e) => e.y - e.height,
+		linkCompactXStart: (e) => e.x + (e.compactEven ? e.width / 2 : -e.width / 2),
+		linkCompactYStart: (e) => e.y - e.height / 2,
+		compactLinkMidX: (e, t) => e.firstCompactNode.x + e.firstCompactNode.flexCompactDim[0] / 4 + t.compactMarginPair(e) / 4,
+		compactLinkMidY: (e) => e.firstCompactNode.y,
+		linkX: (e) => e.x,
+		linkY: (e) => e.y,
+		compactDimension: {
+			sizeColumn: (e) => e.width,
+			sizeRow: (e) => e.height,
+			reverse: (e) => e
+		},
+		linkParentX: (e) => e.parent.x,
+		linkParentY: (e) => e.parent.y - e.parent.height,
+		buttonX: (e) => e.width / 2,
+		buttonY: () => 0,
+		centerTransform: ({ rootMargin: e, scale: t, centerX: n, chartHeight: r }) => `translate(${n},${r - e}) scale(${t})`,
+		nodeFlexSize: ({ height: e, width: t, siblingsMargin: n, childrenMargin: r, config: i, node: a }) => i.compact && a.flexCompactDim ? [a.flexCompactDim[0], a.flexCompactDim[1]] : [t + n, e + r],
+		zoomTransform: ({ centerX: e, scale: t }) => `translate(${e},0}) scale(${t})`,
+		diagonal: e.diagonal,
+		swap: (e) => {
+			e.y = -e.y;
+		},
+		nodeUpdateTransform: ({ x: e, y: t, width: n, height: r }) => `translate(${e - n / 2},${t - r})`
+	},
+	right: {
+		nodeLeftX: (e) => -e.width,
+		nodeRightX: () => 0,
+		nodeTopY: (e) => -e.height / 2,
+		nodeBottomY: (e) => e.height / 2,
+		nodeJoinX: (e) => e.x - e.width - e.width,
+		nodeJoinY: (e) => e.y - e.height / 2,
+		linkJoinX: (e) => e.x - e.width,
+		linkJoinY: (e) => e.y,
+		linkX: (e) => e.x,
+		linkY: (e) => e.y,
+		linkParentX: (e) => e.parent.x - e.parent.width,
+		linkParentY: (e) => e.parent.y,
+		buttonX: () => 0,
+		buttonY: (e) => e.height / 2,
+		linkCompactXStart: (e) => e.x - e.width / 2,
+		linkCompactYStart: (e) => e.y + (e.compactEven ? e.height / 2 : -e.height / 2),
+		compactLinkMidX: (e) => e.firstCompactNode.x,
+		compactLinkMidY: (e, t) => e.firstCompactNode.y + e.firstCompactNode.flexCompactDim[0] / 4 + t.compactMarginPair(e) / 4,
+		centerTransform: ({ rootMargin: e, centerY: t, scale: n, chartWidth: r }) => `translate(${r - e},${t}) scale(${n})`,
+		nodeFlexSize: ({ height: e, width: t, siblingsMargin: n, childrenMargin: r, config: i, node: a }) => i.compact && a.flexCompactDim ? [a.flexCompactDim[0], a.flexCompactDim[1]] : [e + n, t + r],
+		compactDimension: {
+			sizeColumn: (e) => e.height,
+			sizeRow: (e) => e.width,
+			reverse: (e) => e.slice().reverse()
+		},
+		zoomTransform: ({ centerY: e, scale: t }) => `translate(0,${e}) scale(${t})`,
+		diagonal: e.hdiagonal,
+		swap: (e) => {
+			let t = e.x;
+			e.x = -e.y, e.y = t;
+		},
+		nodeUpdateTransform: ({ x: e, y: t, width: n, height: r }) => `translate(${e - n},${t - r / 2})`
+	}
+});
+function Ta(e, t, n) {
+	let r = e.x, i = e.y, a = t.x, o = t.y, s = n && n.x != null ? n.x : r, c = n && n.y != null ? n.y : i, l = a - r < 0 ? -1 : 1, u = o - i < 0 ? -1 : 1, d = Math.abs(a - r) / 2 < 35 ? Math.abs(a - r) / 2 : 35;
+	d = Math.abs(o - i) / 2 < d ? Math.abs(o - i) / 2 : d;
+	let f = Math.abs(a - r) / 2 - d;
+	return `
+    M ${s} ${c}
+    L ${s} ${i}
+    L ${r} ${i}
+    L ${r + f * l} ${i}
+    C ${r + f * l + d * l} ${i} 
+      ${r + f * l + d * l} ${i} 
+      ${r + f * l + d * l} ${i + d * u}
+    L ${r + f * l + d * l} ${o - d * u} 
+    C ${r + f * l + d * l}  ${o} 
+      ${r + f * l + d * l}  ${o} 
+      ${a - f * l}  ${o}
+    L ${a} ${o}`;
+}
+function Ea(e, t, n, r = { sy: 0 }) {
+	let i = e.x, a = e.y, o = t.x, s = t.y, c = n && n.x != null ? n.x : i, l = n && n.y != null ? n.y : a, u = o - i < 0 ? -1 : 1, d = s - a < 0 ? -1 : 1;
+	a += r.sy;
+	let f = Math.abs(o - i) / 2 < 15 ? Math.abs(o - i) / 2 : 15;
+	f = Math.abs(s - a) / 2 < f ? Math.abs(s - a) / 2 : f;
+	let p = Math.abs(s - a) / 2 - f, m = Math.abs(o - i) - f * 2;
+	return `
+    M ${c} ${l}
+    L ${i} ${l}
+    L ${i} ${a}
+    L ${i} ${a + p * d}
+    C  ${i} ${a + p * d + f * d} ${i} ${a + p * d + f * d} ${i + f * u} ${a + p * d + f * d}
+    L ${i + m * u + f * u} ${a + p * d + f * d}
+    C  ${o}  ${a + p * d + f * d} ${o}  ${a + p * d + f * d} ${o} ${s - p * d}
+    L ${o} ${s}`;
+}
+function Da({ node: e, config: t }) {
+	return e.data?.id === "__root__" ? null : `<div class="button-content"> ${{
+		left: (t) => t ? `<div style="display:flex;"><span style="align-items:center;display:flex;"><svg width="8" height="8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M14.283 3.50094L6.51 11.4749C6.37348 11.615 6.29707 11.8029 6.29707 11.9984C6.29707 12.194 6.37348 12.3819 6.51 12.5219L14.283 20.4989C14.3466 20.5643 14.4226 20.6162 14.5066 20.6516C14.5906 20.6871 14.6808 20.7053 14.772 20.7053C14.8632 20.7053 14.9534 20.6871 15.0374 20.6516C15.1214 20.6162 15.1974 20.5643 15.261 20.4989C15.3918 20.365 15.4651 20.1852 15.4651 19.9979C15.4651 19.8107 15.3918 19.6309 15.261 19.4969L7.9515 11.9984L15.261 4.50144C15.3914 4.36756 15.4643 4.18807 15.4643 4.00119C15.4643 3.81431 15.3914 3.63482 15.261 3.50094C15.1974 3.43563 15.1214 3.38371 15.0374 3.34827C14.9534 3.31282 14.8632 3.29456 14.772 3.29456C14.6808 3.29456 14.5906 3.31282 14.5066 3.34827C14.4226 3.38371 14.3466 3.43563 14.283 3.50094V3.50094Z" fill="#716E7B" stroke="#716E7B"/>
+                      </svg></span><span style="color:#716E7B">${e.data._directSubordinatesPaging} </span></div>` : `<div style="display:flex;"><span style="align-items:center;display:flex;"><svg width="8" height="8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M7.989 3.49944C7.85817 3.63339 7.78492 3.8132 7.78492 4.00044C7.78492 4.18768 7.85817 4.36749 7.989 4.50144L15.2985 11.9999L7.989 19.4969C7.85817 19.6309 7.78492 19.8107 7.78492 19.9979C7.78492 20.1852 7.85817 20.365 7.989 20.4989C8.05259 20.5643 8.12863 20.6162 8.21261 20.6516C8.2966 20.6871 8.38684 20.7053 8.478 20.7053C8.56916 20.7053 8.6594 20.6871 8.74338 20.6516C8.82737 20.6162 8.90341 20.5643 8.967 20.4989L16.74 12.5234C16.8765 12.3834 16.9529 12.1955 16.9529 11.9999C16.9529 11.8044 16.8765 11.6165 16.74 11.4764L8.967 3.50094C8.90341 3.43563 8.82737 3.38371 8.74338 3.34827C8.6594 3.31282 8.56916 3.29456 8.478 3.29456C8.38684 3.29456 8.2966 3.31282 8.21261 3.34827C8.12863 3.38371 8.05259 3.43563 7.989 3.50094V3.49944Z" fill="#716E7B" stroke="#716E7B"/>
+                          </svg></span><span style="color:#716E7B">${e.data._directSubordinatesPaging} </span></div>`,
+		bottom: (t) => t ? `<div style="display:flex;"><span style="align-items:center;display:flex;"><svg width="8" height="8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                       <path d="M19.497 7.98903L12 15.297L4.503 7.98903C4.36905 7.85819 4.18924 7.78495 4.002 7.78495C3.81476 7.78495 3.63495 7.85819 3.501 7.98903C3.43614 8.05257 3.38462 8.12842 3.34944 8.21213C3.31427 8.29584 3.29615 8.38573 3.29615 8.47653C3.29615 8.56733 3.31427 8.65721 3.34944 8.74092C3.38462 8.82463 3.43614 8.90048 3.501 8.96403L11.4765 16.74C11.6166 16.8765 11.8044 16.953 12 16.953C12.1956 16.953 12.3834 16.8765 12.5235 16.74L20.499 8.96553C20.5643 8.90193 20.6162 8.8259 20.6517 8.74191C20.6871 8.65792 20.7054 8.56769 20.7054 8.47653C20.7054 8.38537 20.6871 8.29513 20.6517 8.21114C20.6162 8.12715 20.5643 8.05112 20.499 7.98753C20.3651 7.85669 20.1852 7.78345 19.998 7.78345C19.8108 7.78345 19.6309 7.85669 19.497 7.98753V7.98903Z" fill="#716E7B" stroke="#716E7B"/>
+                       </svg></span><span style="margin-left:1px;color:#716E7B" >${e.data._directSubordinatesPaging} </span></div>
+                       ` : `<div style="display:flex;"><span style="align-items:center;display:flex;"><svg width="8" height="8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                       <path d="M11.457 8.07005L3.49199 16.4296C3.35903 16.569 3.28485 16.7543 3.28485 16.9471C3.28485 17.1398 3.35903 17.3251 3.49199 17.4646L3.50099 17.4736C3.56545 17.5414 3.64304 17.5954 3.72904 17.6324C3.81504 17.6693 3.90765 17.6883 4.00124 17.6883C4.09483 17.6883 4.18745 17.6693 4.27344 17.6324C4.35944 17.5954 4.43703 17.5414 4.50149 17.4736L12.0015 9.60155L19.4985 17.4736C19.563 17.5414 19.6405 17.5954 19.7265 17.6324C19.8125 17.6693 19.9052 17.6883 19.9987 17.6883C20.0923 17.6883 20.1849 17.6693 20.2709 17.6324C20.3569 17.5954 20.4345 17.5414 20.499 17.4736L20.508 17.4646C20.641 17.3251 20.7151 17.1398 20.7151 16.9471C20.7151 16.7543 20.641 16.569 20.508 16.4296L12.543 8.07005C12.4729 7.99653 12.3887 7.93801 12.2954 7.89801C12.202 7.85802 12.1015 7.8374 12 7.8374C11.8984 7.8374 11.798 7.85802 11.7046 7.89801C11.6113 7.93801 11.527 7.99653 11.457 8.07005Z" fill="#716E7B" stroke="#716E7B"/>
+                       </svg></span><span style="margin-left:1px;color:#716E7B" >${e.data._directSubordinatesPaging} </span></div>
+                    `,
+		right: (t) => t ? `<div style="display:flex;"><span style="align-items:center;display:flex;"><svg width="8" height="8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                       <path d="M7.989 3.49944C7.85817 3.63339 7.78492 3.8132 7.78492 4.00044C7.78492 4.18768 7.85817 4.36749 7.989 4.50144L15.2985 11.9999L7.989 19.4969C7.85817 19.6309 7.78492 19.8107 7.78492 19.9979C7.78492 20.1852 7.85817 20.365 7.989 20.4989C8.05259 20.5643 8.12863 20.6162 8.21261 20.6516C8.2966 20.6871 8.38684 20.7053 8.478 20.7053C8.56916 20.7053 8.6594 20.6871 8.74338 20.6516C8.82737 20.6162 8.90341 20.5643 8.967 20.4989L16.74 12.5234C16.8765 12.3834 16.9529 12.1955 16.9529 11.9999C16.9529 11.8044 16.8765 11.6165 16.74 11.4764L8.967 3.50094C8.90341 3.43563 8.82737 3.38371 8.74338 3.34827C8.6594 3.31282 8.56916 3.29456 8.478 3.29456C8.38684 3.29456 8.2966 3.31282 8.21261 3.34827C8.12863 3.38371 8.05259 3.43563 7.989 3.50094V3.49944Z" fill="#716E7B" stroke="#716E7B"/>
+                       </svg></span><span style="color:#716E7B">${e.data._directSubordinatesPaging} </span></div>` : `<div style="display:flex;"><span style="align-items:center;display:flex;"><svg width="8" height="8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                       <path d="M14.283 3.50094L6.51 11.4749C6.37348 11.615 6.29707 11.8029 6.29707 11.9984C6.29707 12.194 6.37348 12.3819 6.51 12.5219L14.283 20.4989C14.3466 20.5643 14.4226 20.6162 14.5066 20.6516C14.5906 20.6871 14.6808 20.7053 14.772 20.7053C14.8632 20.7053 14.9534 20.6871 15.0374 20.6516C15.1214 20.6162 15.1974 20.5643 15.261 20.4989C15.3918 20.365 15.4651 20.1852 15.4651 19.9979C15.4651 19.8107 15.3918 19.6309 15.261 19.4969L7.9515 11.9984L15.261 4.50144C15.3914 4.36756 15.4643 4.18807 15.4643 4.00119C15.4643 3.81431 15.3914 3.63482 15.261 3.50094C15.1974 3.43563 15.1214 3.38371 15.0374 3.34827C14.9534 3.31282 14.8632 3.29456 14.772 3.29456C14.6808 3.29456 14.5906 3.31282 14.5066 3.34827C14.4226 3.38371 14.3466 3.43563 14.283 3.50094V3.50094Z" fill="#716E7B" stroke="#716E7B"/>
+                       </svg></span><span style="color:#716E7B">${e.data._directSubordinatesPaging} </span></div>`,
+		top: (t) => t ? `<div style="display:flex;"><span style="align-items:center;display:flex;"><svg width="8" height="8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M11.457 8.07005L3.49199 16.4296C3.35903 16.569 3.28485 16.7543 3.28485 16.9471C3.28485 17.1398 3.35903 17.3251 3.49199 17.4646L3.50099 17.4736C3.56545 17.5414 3.64304 17.5954 3.72904 17.6324C3.81504 17.6693 3.90765 17.6883 4.00124 17.6883C4.09483 17.6883 4.18745 17.6693 4.27344 17.6324C4.35944 17.5954 4.43703 17.5414 4.50149 17.4736L12.0015 9.60155L19.4985 17.4736C19.563 17.5414 19.6405 17.5954 19.7265 17.6324C19.8125 17.6693 19.9052 17.6883 19.9987 17.6883C20.0923 17.6883 20.1849 17.6693 20.2709 17.6324C20.3569 17.5954 20.4345 17.5414 20.499 17.4736L20.508 17.4646C20.641 17.3251 20.7151 17.1398 20.7151 16.9471C20.7151 16.7543 20.641 16.569 20.508 16.4296L12.543 8.07005C12.4729 7.99653 12.3887 7.93801 12.2954 7.89801C12.202 7.85802 12.1015 7.8374 12 7.8374C11.8984 7.8374 11.798 7.85802 11.7046 7.89801C11.6113 7.93801 11.527 7.99653 11.457 8.07005Z" fill="#716E7B" stroke="#716E7B"/>
+                        </svg></span><span style="margin-left:1px;color:#716E7B">${e.data._directSubordinatesPaging} </span></div>
+                        ` : `<div style="display:flex;"><span style="align-items:center;display:flex;"><svg width="8" height="8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M19.497 7.98903L12 15.297L4.503 7.98903C4.36905 7.85819 4.18924 7.78495 4.002 7.78495C3.81476 7.78495 3.63495 7.85819 3.501 7.98903C3.43614 8.05257 3.38462 8.12842 3.34944 8.21213C3.31427 8.29584 3.29615 8.38573 3.29615 8.47653C3.29615 8.56733 3.31427 8.65721 3.34944 8.74092C3.38462 8.82463 3.43614 8.90048 3.501 8.96403L11.4765 16.74C11.6166 16.8765 11.8044 16.953 12 16.953C12.1956 16.953 12.3834 16.8765 12.5235 16.74L20.499 8.96553C20.5643 8.90193 20.6162 8.8259 20.6517 8.74191C20.6871 8.65792 20.7054 8.56769 20.7054 8.47653C20.7054 8.38537 20.6871 8.29513 20.6517 8.21114C20.6162 8.12715 20.5643 8.05112 20.499 7.98753C20.3651 7.85669 20.1852 7.78345 19.998 7.78345C19.8108 7.78345 19.6309 7.85669 19.497 7.98753V7.98903Z" fill="#716E7B" stroke="#716E7B"/>
+                        </svg></span><span style="margin-left:1px;color:#716E7B">${e.data._directSubordinatesPaging} </span></div>
+                    `
+	}[t.layout](e.children)}  </div>`;
+}
+function Oa(e, t, n, r) {
+	let i = r.pagingStep(e.parent), a = e.parent.data._pagingStep, o = e.parent.data._directSubordinatesPaging - a;
+	return `
+    <div style="margin-top:90px;">
+        <div style="display:flex;width:170px;border-radius:20px;padding:5px 15px; padding-bottom:4px;;background-color:#E5E9F2">
+        <div><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M5.59 7.41L10.18 12L5.59 16.59L7 18L13 12L7 6L5.59 7.41ZM16 6H18V18H16V6Z" fill="#716E7B" stroke="#716E7B"/>
+        </svg>
+        </div><div style="line-height:2"> Show next ${Math.min(o, i)}  nodes </div></div>
+    </div>
+`;
+}
+var ka = () => {
+	let e = {
+		svgWidth: 800,
+		svgHeight: window.innerHeight - 100,
+		padding: {
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0
+		},
+		container: document.createElement("div"),
+		initialExpandLevel: 1,
+		forceAutoFit: !1,
+		root: null,
+		defaultFont: "Helvetica",
+		nodeDefaultBackground: "none",
+		nodeId: (e) => e.id,
+		parentNodeId: (e) => e.parentId,
+		rootMargin: 0,
+		nodeWidth: () => 120,
+		nodeHeight: () => 40,
+		neighbourMargin: () => 80,
+		siblingsMargin: () => 20,
+		childrenMargin: (e) => e.parent ? 36 : 0,
+		compactMarginPair: () => 80,
+		compactMarginBetween: () => 20,
+		nodeButtonWidth: () => 32,
+		nodeButtonHeight: () => 32,
+		nodeButtonX: () => -16,
+		nodeButtonY: () => -16,
+		linkYOffset: 0,
+		pagingStep: () => 5,
+		minPagingVisibleNodes: () => 2e3,
+		scaleExtent: [.05, 2.5],
+		duration: 400,
+		setActiveNodeCentered: !0,
+		layout: "top",
+		compact: !0,
+		gridEnabled: !1,
+		gridRows: 0,
+		createZoom: () => Ca(),
+		onZoomStart: () => {},
+		onZoom: () => {},
+		onZoomEnd: () => {},
+		onUserZoom: () => {},
+		onNodeClick: (e) => e,
+		onNodeMouseEnter: () => {},
+		onNodeMouseLeave: () => {},
+		onNodeMouseMove: () => {},
+		onNodeHover: () => {},
+		onNodeLeave: () => {},
+		onNodeParentChange() {},
+		onExpandOrCollapse: (e) => e,
+		nodeContent: (e) => e.id === "__root__" ? null : "<div class=\"node-content\"></div>",
+		buttonContent: Da,
+		pagingButton: Oa,
+		nodeUpdate: function() {
+			P(this).select(".node-rect").attr("stroke", void 0).attr("stroke-width", void 0);
+		},
+		nodeEnter: (e) => e,
+		nodeExit: (e) => e,
+		linkUpdate: function(e) {
+			if (e.data._upToTheRootHighlighted) {
+				P(this).style("stroke-width", "var(--border-hover-width)").style("stroke", "var(--border-hover-color)");
+				return;
+			}
+			P(this).style("stroke", void 0).style("stroke-width", void 0), e.data._upToTheRootHighlighted && P(this).raise();
+		},
+		hdiagonal: Ta,
+		diagonal: Ea,
+		linkGroupArc: le().x((e) => e.x).y((e) => e.y)
+	};
+	return e.layoutBindings = wa(e), e;
+}, Aa = (e, n, r) => {
+	let i = (0, k.useRef)(e.treeChartSettings?.transform), a = (0, k.useRef)(null);
+	return a.current = (n) => {
+		let i = ka(), a = n.treeOptions, s = {
+			linkUpdate: i.linkUpdate,
+			getButtonContent: i.buttonContent,
+			...Sr[a.layoutPreset]
+		}, c = s.sizes ? s.sizes(e) : {}, l = {
+			...d,
+			...e.treeChartSettings?.nodeLayout?.border
+		};
+		l.enabled === !1 && (l.borderWidth = 0);
+		let u = {
+			...t,
+			...e.treeChartSettings?.nodeLayout.hoverStyle
+		}, f = u.enabled ? u.borderWidth : 0;
+		r.nodeWidth((e) => (a.nodeWidth ? a.nodeWidth : typeof s.width == "function" ? s.width(e) : s.width) + (l.borderWidth ?? 0) * 2).nodeHeight((e) => (e.id === "__root__" ? 0 : typeof s.height == "function" ? s.height(e, c) : s.height) + (l.borderWidth ?? 0) * 2).nodeDefaultBackground(e.treeChartSettings?.nodeLayout?.backgroundColor ?? o.backgroundColor).compact(a.compact).layout(a.directionOrigin).padding({
+			top: f,
+			right: f,
+			bottom: f,
+			left: f
+		}).gridEnabled(a.gridLayoutEnabled).gridRows(a.gridLayoutRows).forceAutoFit(a.forceAutoFit).setActiveNodeCentered(!a.forceAutoFit).duration(a.animate === !1 ? 0 : 400).root(n.root).linkUpdate(s.linkUpdate).buttonContent(s.getButtonContent).container(n.container).nodeContent((e) => s.getNodeContent(e, { config: r.getConfig() })).render({
+			zoomToFit: n.zoomToFit ?? !1,
+			transform: n.transform
+		});
+	}, (0, k.useCallback)((e, t) => {
+		a.current({
+			root: e,
+			container: n.current,
+			treeOptions: t,
+			zoomToFit: !0,
+			transform: i.current ?? void 0
+		});
+	}, []);
+}, ja = {
+	directionOrigin: "top",
+	compact: !1,
+	layoutPreset: a.Basic,
+	forceAutoFit: !1,
+	animate: !0,
+	interactive: !0,
+	gridLayoutEnabled: !1,
+	gridLayoutRows: 0
+}, Ma = (e, t) => {
+	let n = {
+		directionOrigin: e.treeChartSettings?.directionOrigin ?? ja.directionOrigin,
+		compact: e.treeChartSettings?.compact ?? ja.compact,
+		layoutPreset: e.treeChartSettings?.nodeLayout?.preset ?? ja.layoutPreset,
+		forceAutoFit: e.treeChartSettings?.forceAutoFit ?? ja.forceAutoFit,
+		nodeWidth: e.treeChartSettings?.nodeLayout?.width,
+		animate: !(t?.isPrintMode ?? !1),
+		interactive: t.disable?.interactions !== !0,
+		gridLayoutEnabled: e.treeChartSettings.gridLayout?.enabled ?? !1,
+		gridLayoutRows: e.treeChartSettings.gridLayout?.rows ?? 0
+	};
+	return {
+		treeSettings: n,
+		layout: Sr[n.layoutPreset || a.Basic]
+	};
+};
+function Na(e) {
+	var t = 0, n = e.children, r = n && n.length;
+	if (!r) t = 1;
+	else for (; --r >= 0;) t += n[r].value;
+	e.value = t;
+}
+function Pa() {
+	return this.eachAfter(Na);
+}
+function Fa(e) {
+	var t = this, n, r = [t], i, a, o;
+	do
+		for (n = r.reverse(), r = []; t = n.pop();) if (e(t), i = t.children, i) for (a = 0, o = i.length; a < o; ++a) r.push(i[a]);
+	while (r.length);
+	return this;
+}
+function Ia(e) {
+	for (var t = this, n = [t], r, i; t = n.pop();) if (e(t), r = t.children, r) for (i = r.length - 1; i >= 0; --i) n.push(r[i]);
+	return this;
+}
+function La(e) {
+	for (var t = this, n = [t], r = [], i, a, o; t = n.pop();) if (r.push(t), i = t.children, i) for (a = 0, o = i.length; a < o; ++a) n.push(i[a]);
+	for (; t = r.pop();) e(t);
+	return this;
+}
+function Ra(e) {
+	return this.eachAfter(function(t) {
+		for (var n = +e(t.data) || 0, r = t.children, i = r && r.length; --i >= 0;) n += r[i].value;
+		t.value = n;
+	});
+}
+function za(e) {
+	return this.eachBefore(function(t) {
+		t.children && t.children.sort(e);
+	});
+}
+function Ba(e) {
+	for (var t = this, n = Va(t, e), r = [t]; t !== n;) t = t.parent, r.push(t);
+	for (var i = r.length; e !== n;) r.splice(i, 0, e), e = e.parent;
+	return r;
+}
+function Va(e, t) {
+	if (e === t) return e;
+	var n = e.ancestors(), r = t.ancestors(), i = null;
+	for (e = n.pop(), t = r.pop(); e === t;) i = e, e = n.pop(), t = r.pop();
+	return i;
+}
+function Ha() {
+	for (var e = this, t = [e]; e = e.parent;) t.push(e);
+	return t;
+}
+function Ua() {
+	var e = [];
+	return this.each(function(t) {
+		e.push(t);
+	}), e;
+}
+function Wa() {
+	var e = [];
+	return this.eachBefore(function(t) {
+		t.children || e.push(t);
+	}), e;
+}
+function Ga() {
+	var e = this, t = [];
+	return e.each(function(n) {
+		n !== e && t.push({
+			source: n.parent,
+			target: n
+		});
+	}), t;
+}
+function Ka(e, t) {
+	var n = new Za(e), r = +e.value && (n.value = e.value), i, a = [n], o, s, c, l;
+	for (t ??= Ja; i = a.pop();) if (r && (i.value = +i.data.value), (s = t(i.data)) && (l = s.length)) for (i.children = Array(l), c = l - 1; c >= 0; --c) a.push(o = i.children[c] = new Za(s[c])), o.parent = i, o.depth = i.depth + 1;
+	return n.eachBefore(Xa);
+}
+function qa() {
+	return Ka(this).eachBefore(Ya);
+}
+function Ja(e) {
+	return e.children;
+}
+function Ya(e) {
+	e.data = e.data.data;
+}
+function Xa(e) {
+	var t = 0;
+	do
+		e.height = t;
+	while ((e = e.parent) && e.height < ++t);
+}
+function Za(e) {
+	this.data = e, this.depth = this.height = 0, this.parent = null;
+}
+Za.prototype = Ka.prototype = {
+	constructor: Za,
+	count: Pa,
+	each: Fa,
+	eachAfter: La,
+	eachBefore: Ia,
+	sum: Ra,
+	sort: za,
+	path: Ba,
+	ancestors: Ha,
+	descendants: Ua,
+	leaves: Wa,
+	links: Ga,
+	copy: qa
+};
+var Qa = S();
+we();
+var { version: $a } = {
+	name: "d3-flextree",
+	version: "2.1.2",
+	main: "build/d3-flextree.js",
+	module: "index",
+	"jsnext:main": "index",
+	author: {
+		name: "Chris Maloney",
+		url: "http://chrismaloney.org"
+	},
+	description: "Flexible tree layout algorithm that allows for variable node sizes.",
+	keywords: [
+		"d3",
+		"d3-module",
+		"layout",
+		"tree",
+		"hierarchy",
+		"d3-hierarchy",
+		"plugin",
+		"d3-plugin",
+		"infovis",
+		"visualization",
+		"2d"
+	],
+	homepage: "https://github.com/klortho/d3-flextree",
+	license: "WTFPL",
+	repository: {
+		type: "git",
+		url: "https://github.com/klortho/d3-flextree.git"
+	},
+	scripts: {
+		clean: "rm -rf build demo test",
+		"build:demo": "rollup -c --environment BUILD:demo",
+		"build:dev": "rollup -c --environment BUILD:dev",
+		"build:prod": "rollup -c --environment BUILD:prod",
+		"build:test": "rollup -c --environment BUILD:test",
+		build: "rollup -c",
+		lint: "eslint index.js src",
+		"test:main": "node test/bundle.js",
+		"test:browser": "node test/browser-tests.js",
+		test: "npm-run-all test:*",
+		prepare: "npm-run-all clean build lint test"
+	},
+	dependencies: { "d3-hierarchy": "^1.1.5" },
+	devDependencies: {
+		"babel-plugin-external-helpers": "^6.22.0",
+		"babel-preset-es2015-rollup": "^3.0.0",
+		d3: "^4.13.0",
+		"d3-selection-multi": "^1.0.1",
+		eslint: "^4.19.1",
+		jsdom: "^11.6.2",
+		"npm-run-all": "^4.1.2",
+		rollup: "^0.55.3",
+		"rollup-plugin-babel": "^2.7.1",
+		"rollup-plugin-commonjs": "^8.0.2",
+		"rollup-plugin-copy": "^0.2.3",
+		"rollup-plugin-json": "^2.3.0",
+		"rollup-plugin-node-resolve": "^3.0.2",
+		"rollup-plugin-uglify": "^3.0.0",
+		"uglify-es": "^3.3.9"
+	}
+}, eo = Object.freeze({
+	children: (e) => e.children,
+	nodeSize: (e) => e.data.size,
+	spacing: 0
+});
+function to(e) {
+	let t = Object.assign({}, eo, e);
+	function n(e) {
+		let n = t[e];
+		return typeof n == "function" ? n : () => n;
+	}
+	function r(e) {
+		let t = o(a(), e, (e) => e.children);
+		return t.update(), t.data;
+	}
+	function i() {
+		let e = n("nodeSize"), t = n("spacing");
+		return class n extends Ka.prototype.constructor {
+			constructor(e) {
+				super(e);
+			}
+			copy() {
+				let e = o(this.constructor, this, (e) => e.children);
+				return e.each((e) => e.data = e.data.data), e;
+			}
+			get size() {
+				return e(this);
+			}
+			spacing(e) {
+				return t(this, e);
+			}
+			get nodes() {
+				return this.descendants();
+			}
+			get xSize() {
+				return this.size[0];
+			}
+			get ySize() {
+				return this.size[1];
+			}
+			get top() {
+				return this.y;
+			}
+			get bottom() {
+				return this.y + this.ySize;
+			}
+			get left() {
+				return this.x - this.xSize / 2;
+			}
+			get right() {
+				return this.x + this.xSize / 2;
+			}
+			get root() {
+				let e = this.ancestors();
+				return e[e.length - 1];
+			}
+			get numChildren() {
+				return this.hasChildren ? this.children.length : 0;
+			}
+			get hasChildren() {
+				return !this.noChildren;
+			}
+			get noChildren() {
+				return this.children === null;
+			}
+			get firstChild() {
+				return this.hasChildren ? this.children[0] : null;
+			}
+			get lastChild() {
+				return this.hasChildren ? this.children[this.numChildren - 1] : null;
+			}
+			get extents() {
+				return (this.children || []).reduce((e, t) => n.maxExtents(e, t.extents), this.nodeExtents);
+			}
+			get nodeExtents() {
+				return {
+					top: this.top,
+					bottom: this.bottom,
+					left: this.left,
+					right: this.right
+				};
+			}
+			static maxExtents(e, t) {
+				return {
+					top: Math.min(e.top, t.top),
+					bottom: Math.max(e.bottom, t.bottom),
+					left: Math.min(e.left, t.left),
+					right: Math.max(e.right, t.right)
+				};
+			}
+		};
+	}
+	function a() {
+		let e = i(), t = n("nodeSize"), r = n("spacing");
+		return class extends e {
+			constructor(e) {
+				super(e), Object.assign(this, {
+					x: 0,
+					y: 0,
+					relX: 0,
+					prelim: 0,
+					shift: 0,
+					change: 0,
+					lExt: this,
+					lExtRelX: 0,
+					lThr: null,
+					rExt: this,
+					rExtRelX: 0,
+					rThr: null
+				});
+			}
+			get size() {
+				return t(this.data);
+			}
+			spacing(e) {
+				return r(this.data, e.data);
+			}
+			get x() {
+				return this.data.x;
+			}
+			set x(e) {
+				this.data.x = e;
+			}
+			get y() {
+				return this.data.y;
+			}
+			set y(e) {
+				this.data.y = e;
+			}
+			update() {
+				return no(this), ro(this), this;
+			}
+		};
+	}
+	function o(e, t, n) {
+		let r = (t, i) => {
+			let a = new e(t);
+			Object.assign(a, {
+				parent: i,
+				depth: i === null ? 0 : i.depth + 1,
+				height: 0,
+				length: 1
+			});
+			let o = n(t) || [];
+			return a.children = o.length === 0 ? null : o.map((e) => r(e, a)), a.children && Object.assign(a, a.children.reduce((e, t) => ({
+				height: Math.max(e.height, t.height + 1),
+				length: e.length + t.length
+			}), a)), a;
+		};
+		return r(t, null);
+	}
+	return Object.assign(r, {
+		nodeSize(e) {
+			return arguments.length ? (t.nodeSize = e, r) : t.nodeSize;
+		},
+		spacing(e) {
+			return arguments.length ? (t.spacing = e, r) : t.spacing;
+		},
+		children(e) {
+			return arguments.length ? (t.children = e, r) : t.children;
+		},
+		hierarchy(e, n) {
+			let r = n === void 0 ? t.children : n;
+			return o(i(), e, r);
+		},
+		dump(e) {
+			let t = n("nodeSize"), r = (e) => (n) => {
+				let i = e + "  ", a = e + "    ", { x: o, y: s } = n, c = t(n), l = n.children || [], u = l.length === 0 ? " " : `,${i}children: [${a}${l.map(r(a)).join(a)}${i}],${e}`;
+				return `{ size: [${c.join(", ")}],${i}x: ${o}, y: ${s}${u}},`;
+			};
+			return r("\n")(e);
+		}
+	}), r;
+}
+to.version = $a;
+var no = (e, t = 0) => (e.y = t, (e.children || []).reduce((t, n) => {
+	let [r, i] = t;
+	no(n, e.y + e.ySize);
+	let a = (r === 0 ? n.lExt : n.rExt).bottom;
+	r !== 0 && ao(e, r, i);
+	let o = mo(a, r, i);
+	return [r + 1, o];
+}, [0, null]), io(e), po(e), e), ro = (e, t, n) => {
+	t === void 0 && (t = -e.relX - e.prelim, n = 0);
+	let r = t + e.relX;
+	return e.relX = r + e.prelim - n, e.prelim = 0, e.x = n + e.relX, (e.children || []).forEach((t) => ro(t, r, e.x)), e;
+}, io = (e) => {
+	(e.children || []).reduce((e, t) => {
+		let [n, r] = e, i = n + t.shift, a = r + i + t.change;
+		return t.relX += a, [i, a];
+	}, [0, 0]);
+}, ao = (e, t, n) => {
+	let r = e.children[t - 1], i = e.children[t], a = r, o = r.relX, s = i, c = i.relX, l = !0;
+	for (; a && s;) {
+		a.bottom > n.lowY && (n = n.next);
+		let r = o + a.prelim - (c + s.prelim) + a.xSize / 2 + s.xSize / 2 + a.spacing(s);
+		(r > 0 || r < 0 && l) && (c += r, oo(i, r), so(e, t, n.index, r)), l = !1;
+		let u = a.bottom, d = s.bottom;
+		u <= d && (a = lo(a), a && (o += a.relX)), u >= d && (s = co(s), s && (c += s.relX));
+	}
+	!a && s ? uo(e, t, s, c) : a && !s && fo(e, t, a, o);
+}, oo = (e, t) => {
+	e.relX += t, e.lExtRelX += t, e.rExtRelX += t;
+}, so = (e, t, n, r) => {
+	let i = e.children[t], a = t - n;
+	if (a > 1) {
+		let t = r / a;
+		e.children[n + 1].shift += t, i.shift -= t, i.change -= r - t;
+	}
+}, co = (e) => e.hasChildren ? e.firstChild : e.lThr, lo = (e) => e.hasChildren ? e.lastChild : e.rThr, uo = (e, t, n, r) => {
+	let i = e.firstChild, a = i.lExt, o = e.children[t];
+	a.lThr = n;
+	let s = r - n.relX - i.lExtRelX;
+	a.relX += s, a.prelim -= s, i.lExt = o.lExt, i.lExtRelX = o.lExtRelX;
+}, fo = (e, t, n, r) => {
+	let i = e.children[t], a = i.rExt, o = e.children[t - 1];
+	a.rThr = n;
+	let s = r - n.relX - i.rExtRelX;
+	a.relX += s, a.prelim -= s, i.rExt = o.rExt, i.rExtRelX = o.rExtRelX;
+}, po = (e) => {
+	if (e.hasChildren) {
+		let t = e.firstChild, n = e.lastChild, r = (t.prelim + t.relX - t.xSize / 2 + n.relX + n.prelim + n.xSize / 2) / 2;
+		Object.assign(e, {
+			prelim: r,
+			lExt: t.lExt,
+			lExtRelX: t.lExtRelX,
+			rExt: n.rExt,
+			rExtRelX: n.rExtRelX
+		});
+	}
+}, mo = (e, t, n) => {
+	for (; n !== null && e >= n.lowY;) n = n.next;
+	return {
+		lowY: e,
+		index: t,
+		next: n
+	};
+};
+oe();
+var Z = {
+	selection: N,
+	select: P,
+	max: Se,
+	min: Te,
+	sum: Ce,
+	cumsum: Ee,
+	tree: Ze,
+	stratify: ze,
+	zoom: Ca,
+	zoomIdentity: pa,
+	linkHorizontal: le,
+	flextree: to
+}, ho = class {
+	stateInternal = {
+		root: null,
+		lastTransform: {
+			x: 0,
+			y: 0,
+			k: 1
+		},
+		highlightedNode: null
+	};
+	getConfig;
+	constructor() {
+		let e = ka();
+		this.getConfig = () => e, Object.keys(e).forEach((t) => {
+			this[t] = function(n) {
+				if (arguments.length) e[t] = n;
+				else return e[t];
+				return this;
+			};
+		}), this.initializeEnterExitUpdatePattern(), this.extendHierarchyNodePrototype();
+	}
+	init() {
+		let e = this.getChartState(), t = this.getConfig(), n = Z.select(t.container), r = n.node().getBoundingClientRect();
+		e.containerRect = r;
+		let i = n.patternify({
+			tag: "svg",
+			selector: "svg-chart-container"
+		}).attr("width", r.width).attr("height", r.height).attr("font-family", t.defaultFont);
+		e.svg = i;
+		let a = i.patternify({
+			tag: "g",
+			selector: "chart"
+		});
+		e.chart = a, e.centerG = a.patternify({
+			tag: "g",
+			selector: "center-group"
+		}), e.linksWrapper = e.centerG.patternify({
+			tag: "g",
+			selector: "links-wrapper"
+		}), e.nodesWrapper = e.centerG.patternify({
+			tag: "g",
+			selector: "nodes-wrapper"
+		});
+		let o = null;
+		e.nodesWrapper.on("mouseleave", () => {
+			o &&= (t.onNodeLeave(o), null);
+		}).on("mousemove", (e) => {
+			let n = e.target.closest("g.node"), r = null;
+			n && ([...e.target.classList].includes("node-button-foreign-object") || (r = Z.select(n).datum(), r.parent || (r = null))), o && o !== r && t.onNodeLeave(o), r && o !== r && t.onNodeHover(r), o = r;
+		}), e.chart = a;
+		let s = { zoom: null }, c = !1;
+		s.zoom = t.createZoom().clickDistance(10).on("start", (e) => {
+			t.onZoomStart(e);
+		}).on("end", (n) => {
+			c && (e.userTransform = {
+				x: n.transform.x,
+				y: n.transform.y,
+				k: n.transform.k
+			}, t.onUserZoom(e.userTransform)), c = !1, t.onZoomEnd(n);
+		}).on("zoom", (e) => {
+			t.onZoom(e), this.zoomed(e);
+		}).scaleExtent(t.scaleExtent), e.zoomBehavior = s.zoom, i.on("wheel", () => {
+			c = !0;
+		}), i.call(e.zoomBehavior).on("dblclick.zoom", null).attr("cursor", "grab");
+		let l = i.on("mousedown.zoom");
+		i.on("mousedown.zoom", null), i.on("mousedown.zoom", (e) => {
+			c = !0, setTimeout(() => {
+				l?.call(i.node(), e);
+			}, 0);
+		});
+	}
+	getChartState() {
+		return this.stateInternal;
+	}
+	initializeEnterExitUpdatePattern() {
+		Z.selection.prototype.patternify = function(e) {
+			let t = e.selector, n = e.tag, r = e.data || [t], i = this.selectAll("." + t).data(r, (e, t) => typeof e == "object" && e.id ? e.id : t);
+			return i.exit().remove(), i = i.enter().append(n).merge(i), i.attr("class", t), i;
+		};
+	}
+	extendHierarchyNodePrototype() {
+		De.prototype.allDescendants || (De.prototype.allDescendants = function() {
+			let e = [];
+			this.each((t) => {
+				e.push(t);
+			});
+			let t = (n) => {
+				n._children && n._children.forEach((n) => {
+					e.push(n), t(n);
+				});
+			};
+			return t(this), e;
+		});
+	}
+	initialZoom(e) {
+		let t = this.getChartState();
+		return t.lastTransform.k = e, this;
+	}
+	initialTransform(e) {
+		if (e) {
+			let t = this.getChartState();
+			t.lastTransform = e;
+		}
+		return this;
+	}
+	render(e = {}) {
+		let t = this.getConfig(), n = this.getChartState();
+		if (!t.root?.children || t.root.children.length == 0) return this;
+		let r = Z.select(t.container).node().getBoundingClientRect();
+		if (n.containerRect = r, !r.width || !r.height) return this;
+		let i = {
+			chartWidth: r.width,
+			chartHeight: r.height
+		};
+		return n.calc = i, n.calc.centerX = i.chartWidth / 2, n.calc.centerY = i.chartHeight / 2, n.flexTreeLayout = to({ nodeSize: (e) => {
+			let n = t.nodeWidth(e), r = t.nodeHeight(e), i = t.siblingsMargin(e), a = t.childrenMargin(e);
+			return t.layoutBindings[t.layout].nodeFlexSize({
+				config: t,
+				node: e,
+				width: n,
+				height: r,
+				siblingsMargin: i,
+				childrenMargin: a
+			});
+		} }).spacing((e, n) => e.parent == n.parent ? 0 : t.neighbourMargin(e, n)), this.setLayouts(), n.svg.attr("width", r.width).attr("height", r.height), this.update(n.root, e), this;
+	}
+	groupBy(e, t, n) {
+		let r = {};
+		return e.forEach((e) => {
+			let n = t(e);
+			r[n] || (r[n] = []), r[n].push(e);
+		}), Object.keys(r).forEach((e) => {
+			r[e] = n(r[e]);
+		}), Object.entries(r);
+	}
+	calculateCompactFlexDimensions(e) {
+		let t = this.getConfig();
+		e.eachBefore((e) => {
+			e.firstCompact = null, e.compactEven = null, e.flexCompactDim = null, e.firstCompactNode = null;
+		}), e.eachBefore((e) => {
+			if (e.children && e.children.length > 1) {
+				let n = e.children.filter((e) => !e.children);
+				if (n.length < 2) return;
+				n.forEach((e, t) => {
+					t || (e.firstCompact = !0), t % 2 ? e.compactEven = !1 : e.compactEven = !0, e.row = Math.floor(t / 2);
+				});
+				let r = Z.max(n.filter((e) => e.compactEven), t.layoutBindings[t.layout].compactDimension.sizeColumn), i = Z.max(n.filter((e) => !e.compactEven), t.layoutBindings[t.layout].compactDimension.sizeColumn), a = Math.max(r, i) * 2, o = this.groupBy(n, (e) => e.row, (e) => Z.max(e, (e) => t.layoutBindings[t.layout].compactDimension.sizeRow(e) + t.compactMarginBetween())), s = Z.sum(o.map((e) => e[1]));
+				n.forEach((e) => {
+					e.firstCompactNode = n[0], e.firstCompact ? e.flexCompactDim = [a + t.compactMarginPair(e), s - t.compactMarginBetween()] : e.flexCompactDim = [0, 0];
+				}), e.flexCompactDim = null;
+			}
+		});
+	}
+	calculateCompactFlexPositions(e) {
+		let t = this.getConfig();
+		e.eachBefore((e) => {
+			if (e.children) {
+				let n = e.children.filter((e) => e.flexCompactDim), r = n[0];
+				if (!r) return;
+				n.forEach((e, n) => {
+					n == 0 && (r.x -= r.flexCompactDim[0] / 2), n & n % 2 - 1 ? e.x = r.x + r.flexCompactDim[0] * .25 - t.compactMarginPair(e) / 4 : n && (e.x = r.x + r.flexCompactDim[0] * .75 + t.compactMarginPair(e) / 4);
+				});
+				let i = r.x + r.flexCompactDim[0] * .5;
+				r.x = r.x + r.flexCompactDim[0] * .25 - t.compactMarginPair(r) / 4;
+				let a = e.x - i;
+				Math.abs(a) < 10 && n.forEach((e) => e.x += a);
+				let o = this.groupBy(n, (e) => e.row, (e) => Z.max(e, (e) => t.layoutBindings[t.layout].compactDimension.sizeRow(e))), s = Z.cumsum(o.map((e) => e[1] + t.compactMarginBetween()));
+				n.forEach((e) => {
+					e.row ? e.y = r.y + s[e.row - 1] : e.y = r.y;
+				});
+			}
+		});
+	}
+	calculateGridLayout(e) {
+		let t = this.getChartState(), n = this.getConfig(), r = e.descendants().slice(1);
+		if (e.x = 0, e.y = 0, !r.length) return e;
+		let i = Z.max(r, (e) => e.width) ?? 0, a = Z.max(r, (e) => e.height) ?? 0, o = Z.max(r, (e) => n.siblingsMargin(e)) ?? 0, s = Math.max(1, i + o), c = Math.max(1, a + o), l = Math.max(1, Math.floor((t.calc?.chartWidth ?? s) / s)), u = n.layout === "top" || n.layout === "bottom", d = Math.max(0, Math.floor(n.gridRows)), f = d === 0 ? l : u ? Math.ceil(r.length / d) : d, p = Math.ceil(r.length / f);
+		return r.forEach((e, t) => {
+			let i, a;
+			if (u) {
+				let e = Math.floor(t / f), o = t % f, s = Math.min(f, r.length - e * f);
+				i = o + (f - s) / 2, a = n.layout === "bottom" ? p - e - 1 : e;
+			} else {
+				let e = Math.floor(t / p), o = t % p, s = Math.min(p, r.length - e * p), c = (p - s) / 2;
+				i = n.layout === "right" ? f - e - 1 : e, a = o + c;
+			}
+			let o = i * s, l = a * c;
+			switch (n.layout) {
+				case "bottom":
+					e.x = o + e.width / 2, e.y = l + e.height;
+					break;
+				case "left":
+					e.x = o, e.y = l + e.height / 2;
+					break;
+				case "right":
+					e.x = o + e.width, e.y = l + e.height / 2;
+					break;
+				default:
+					e.x = o + e.width / 2, e.y = l;
+					break;
+			}
+		}), e;
+	}
+	update({ x0: e, y0: t }, n = {}) {
+		let r = this.getChartState(), i = this.getConfig();
+		i.compact && !i.gridEnabled && this.calculateCompactFlexDimensions(r.root);
+		let a = i.gridEnabled ? this.calculateGridLayout(r.root) : r.flexTreeLayout(r.root);
+		i.compact && !i.gridEnabled && this.calculateCompactFlexPositions(r.root), i.forceAutoFit ? (r.svg.attr("cursor", "default"), r.zoomBehavior.filter(() => !1)) : (r.svg.attr("cursor", "grab"), r.zoomBehavior.filter(() => !0));
+		let o = a.descendants().slice(1), s = r.root.children?.length || 0, c = i.gridEnabled ? [] : a.descendants().slice(s + 1);
+		i.gridEnabled || o.forEach((e) => i.layoutBindings[i.layout].swap(e));
+		let l = r.linksWrapper.selectAll("path.link").data(c, (e) => i.nodeId(e.data)), u = l.enter().insert("path", "g").attr("class", "link").attr("d", (e) => {
+			let t = {
+				x: i.layoutBindings[i.layout].linkJoinX(e.parent || e),
+				y: i.layoutBindings[i.layout].linkJoinY(e.parent || e)
+			};
+			return i.layoutBindings[i.layout].diagonal(t, t, t);
+		}).merge(l);
+		u.each(i.linkUpdate), u.transition().duration(i.duration).attr("d", (e) => {
+			let t = i.compact && e.flexCompactDim ? {
+				x: i.layoutBindings[i.layout].compactLinkMidX(e, i),
+				y: i.layoutBindings[i.layout].compactLinkMidY(e, i)
+			} : {
+				x: i.layoutBindings[i.layout].linkX(e),
+				y: i.layoutBindings[i.layout].linkY(e)
+			}, n = {
+				x: i.layoutBindings[i.layout].linkParentX(e),
+				y: i.layoutBindings[i.layout].linkParentY(e)
+			}, r = i.compact && e.flexCompactDim ? {
+				x: i.layoutBindings[i.layout].linkCompactXStart(e),
+				y: i.layoutBindings[i.layout].linkCompactYStart(e)
+			} : t;
+			return i.layoutBindings[i.layout].diagonal(t, n, r, { sy: i.linkYOffset });
+		}), l.exit().transition().duration(i.duration).attr("d", (e) => {
+			let t = {
+				x: i.layoutBindings[i.layout].linkJoinX(e.parent || e),
+				y: i.layoutBindings[i.layout].linkJoinY(e.parent || e)
+			};
+			return i.layoutBindings[i.layout].diagonal(t, t, null, { sy: i.linkYOffset });
+		}).remove();
+		let d = this, f = r.nodesWrapper.selectAll("g.node").data(o, ({ data: e }) => i.nodeId(e)), p = f.enter().append("g").attr("data-brush", (e) => {
+			let t = e.data;
+			if (t.brush) return t.brush.key;
+		}).attr("class", "node").attr("transform", (n) => n == r.root ? `translate(${e},${t})` : `translate(${i.layoutBindings[i.layout].nodeJoinX(n.parent || n)},${i.layoutBindings[i.layout].nodeJoinY(n.parent || n)})`).classed("draggable droppable", !0).on("click.node", (e, t) => {
+			[...e.srcElement.classList].includes("node-button-foreign-object") || i.onNodeClick(t);
+		}).call(Nr().filter(function(e, t) {
+			return r.dragEnabled && t.depth > 0;
+		}).on("start", function(e, t) {
+			d.onDragStart(this, e, t);
+		}).on("drag", function(e) {
+			d.onDrag(this, e);
+		}).on("end", function(e) {
+			d.onDragEnd(this, e);
+		}));
+		p.each(i.nodeEnter), p.patternify({
+			tag: "rect",
+			selector: "node-rect",
+			data: (e) => [e]
+		});
+		let m = p.merge(f);
+		m.patternify({
+			tag: "foreignObject",
+			selector: "node-foreign-object",
+			data: (e) => [e]
+		}).style("overflow", "visible").patternify({
+			tag: "xhtml:div",
+			selector: "node-foreign-object-div",
+			data: (e) => [e]
+		}), this.restyleForeignObjectElements(), p.patternify({
+			tag: "g",
+			selector: "node-button-g",
+			data: (e) => [e]
+		}).on("click", (e, t) => this.onButtonClick(e, t)).patternify({
+			tag: "foreignObject",
+			selector: "node-button-foreign-object",
+			data: (e) => [e]
+		}).attr("width", (e) => i.nodeButtonWidth(e)).attr("height", (e) => i.nodeButtonHeight(e)).attr("x", (e) => i.nodeButtonX(e)).attr("y", (e) => i.nodeButtonY(e)).style("overflow", "visible").patternify({
+			tag: "xhtml:div",
+			selector: "node-button-div",
+			data: (e) => [e]
+		}), m.transition().attr("opacity", 0).duration(i.duration).attr("transform", ({ x: e, y: t, width: n, height: r }) => i.layoutBindings[i.layout].nodeUpdateTransform({
+			x: e,
+			y: t,
+			width: n,
+			height: r
+		})).attr("opacity", 1), m.select(".node-rect").attr("width", ({ width: e }) => e).attr("height", ({ height: e }) => e).attr("x", () => 0).attr("y", () => 0).attr("rx", 3).attr("fill", "none"), m.select(".node-button-g").attr("transform", ({ width: e, height: t }) => `translate(${i.layoutBindings[i.layout].buttonX({
+			width: e,
+			height: t
+		})},${i.layoutBindings[i.layout].buttonY({
+			width: e,
+			height: t
+		})})`).attr("display", ({ data: e }) => !i.gridEnabled && e._directSubordinates > 0 ? null : "none").attr("opacity", ({ children: e, _children: t }) => e || t ? 1 : 0), m.select(".node-button-foreign-object .node-button-div").html((e) => i.buttonContent({
+			node: e,
+			config: i
+		})), m.attr("data-value", (e) => {
+			let t = e.data;
+			if (t.brush) return t.brush.value;
+		}), m.each(i.nodeUpdate);
+		let h = f.exit();
+		h.each(i.nodeExit);
+		let g = h.data().reduce((e, t) => e.depth < t.depth ? e : t, { depth: Infinity });
+		h.attr("opacity", 1).transition().duration(i.duration).attr("transform", () => {
+			let { x: e, y: t, width: n, height: r } = g.parent || {};
+			return `translate(${i.layoutBindings[i.layout].nodeJoinX({
+				x: e,
+				y: t,
+				width: n,
+				height: r
+			})},${i.layoutBindings[i.layout].nodeJoinY({
+				x: e,
+				y: t,
+				width: n,
+				height: r
+			})})`;
+		}).on("end", function() {
+			Z.select(this).remove();
+		}).attr("opacity", 0), o.forEach((e) => {
+			e.x0 = e.x, e.y0 = e.y;
+		});
+		let _ = r.allNodes.filter((e) => e.data._centered)[0];
+		if (_) {
+			let e = [_];
+			_.data._centeredWithDescendants && (e = i.compact ? _.descendants().filter((e, t) => t < 7) : _.descendants().filter((e, t, n) => {
+				let r = Math.round(n.length / 2);
+				return n.length % 2 ? t > r - 2 && t < r + 2 - 1 : t > r - 2 && t < r + 2;
+			})), _.data._centeredWithDescendants = null, _.data._centered = null, this.fit({
+				animate: !0,
+				scale: !1,
+				nodes: e
+			});
+		} else i.forceAutoFit ? this.fit() : n.transform ? this.applyTransform(n.transform) : n.zoomToFit && this.fit();
+	}
+	highlight(e) {
+		let t = this.getChartState();
+		if (e === t.highlightedNode) return;
+		let n = /* @__PURE__ */ new Set([...t.highlightedNode?.ancestors() ?? [], ...e?.ancestors() ?? []]);
+		t.highlightedNode && t.highlightedNode.ancestors().forEach((e) => {
+			e.data._upToTheRootHighlighted = !1;
+		}), e && e.ancestors().forEach((e) => {
+			e.data._upToTheRootHighlighted = !0;
+		}), t.highlightedNode = e, t.svg?.selectAll(".node-foreign-object").filter((e) => !n || n.has(e)).classed("node-highlight", (e) => !!e.data._upToTheRootHighlighted);
+		let r = this.getConfig();
+		(t.linksWrapper?.selectAll("path.link").filter((e) => n.has(e)))?.each(r.linkUpdate);
+	}
+	restyleForeignObjectElements(e) {
+		let t = this.getChartState(), n = this.getConfig();
+		t.svg.selectAll(".node-foreign-object").filter((t) => !e || e.has(t)).classed("node-excluded", (e) => e.data._excluded).attr("width", ({ width: e }) => e).attr("height", ({ height: e }) => e).attr("x", () => 0).attr("y", () => 0), t.svg.selectAll(".node-foreign-object-div").filter((t) => !e || e.has(t)).style("width", ({ width: e }) => `${e}px`).style("height", ({ height: e }) => `${e}px`).html(function(e, r, i) {
+			return n.nodeContent.bind(this)(e, r, i, t);
+		});
+	}
+	onButtonClick(e, t) {
+		let n = this.getConfig();
+		t.parent && (n.setActiveNodeCentered && (t.data._centered = !0, t.data._centeredWithDescendants = !0), t.children ? (t._children = t.children, t.children = null) : (t.children = t._children, t._children = null), this.updateNodesState(), e.stopPropagation(), n.onExpandOrCollapse(t));
+	}
+	updateNodesState() {
+		let e = this.getChartState();
+		this.setLayouts(), this.update(e.root);
+	}
+	setLayouts() {
+		let e = this.getChartState(), t = this.getConfig();
+		e.root = t.root, e.root.each((e) => {
+			let n = e._hierarchyHeight || e.height, r = t.nodeWidth(e), i = t.nodeHeight(e);
+			Object.assign(e, {
+				width: r,
+				height: i,
+				_hierarchyHeight: n
+			});
+		}), e.root.x0 = 0, e.root.y0 = 0, e.allNodes = e.root.allDescendants(), e.allNodes.forEach((e) => {
+			Object.assign(e.data, {
+				_directSubordinates: (e.children || e._children || []).length,
+				_directSubordinatesPaging: (e.children || e._children || []).length,
+				_totalSubordinates: e.allDescendants().length - 1
+			});
+		});
+	}
+	collapse(e) {
+		e.children &&= (e._children = e.children, e._children.forEach((e) => this.collapse(e)), null);
+	}
+	expand(e) {
+		e._children &&= (e.children = e._children, e.children.forEach((e) => this.expand(e)), null);
+	}
+	enableDrag() {
+		let e = this.getChartState();
+		e.dragEnabled || (e.dragEnabled = !0, this.getConfig().container.classList.add("drag-enabled"));
+	}
+	disableDrag() {
+		let e = this.getChartState();
+		e.dragEnabled && (e.dragEnabled = !1, this.getConfig().container.classList.remove("drag-enabled"));
+	}
+	onDragStart(e, t, n) {
+		let r = this.getChartState();
+		r.dragNode = n;
+		let i = t.subject.width / 2;
+		r.dragStartX = t.x - i, r.dragStartY = parseFloat(t.y), r.isDragStarting = !0, P(e).classed("dragging", !0);
+	}
+	onDrag(e, t) {
+		let n = this.getChartState(), r = this.getConfig();
+		if (!n.dragNode) return;
+		let i = P(e);
+		if (n.isDragStarting) {
+			n.isDragStarting = !1, r.container.classList.add("dragging-active"), i.raise();
+			let e = t.subject.descendants(), a = [...e || [], t.subject], o = e.filter((e) => e.data.id !== t.subject.id);
+			n.linksWrapper.selectAll("path.link").data(a, (e) => r.nodeId(e.data)).remove(), o && n.nodesWrapper.selectAll("g.node").data(o, (e) => r.nodeId(e.data)).remove();
+		}
+		n.dropNode = null;
+		let a = {
+			width: t.subject.width,
+			height: t.subject.height,
+			left: t.x,
+			right: t.x + t.subject.width,
+			top: t.y,
+			bottom: t.y + t.subject.height,
+			midX: t.x + t.subject.width / 2,
+			midY: t.y + t.subject.height / 2
+		}, o = or("g.node:not(.dragging)");
+		o.classed("drop-target", !1), o.filter(function(e) {
+			let t = {
+				left: e.x,
+				right: e.x + e.width,
+				top: e.y,
+				bottom: e.y + e.height
+			};
+			if (n.dragNode.parent === e) return !1;
+			if (a.midX > t.left && a.midX < t.right && a.midY > t.top && a.midY < t.bottom && this.classList.contains("droppable")) return n.dropNode = e, !!e;
+		}).classed("drop-target", !0), n.dragStartX += parseFloat(t.dx), n.dragStartY += parseFloat(t.dy), i.attr("transform", "translate(" + n.dragStartX + "," + n.dragStartY + ")");
+	}
+	onDragEnd(e, t) {
+		this.getConfig().container.classList.remove("dragging-active");
+		let n = this.getChartState();
+		if (n.dragNode) {
+			if (P(e).classed("dragging", !1), !n.dropNode) {
+				this.render();
+				return;
+			}
+			if (t.subject.parent.id === n.dropNode.id) {
+				this.render();
+				return;
+			}
+			P(e).remove(), n.dragNode.parent = n.dropNode, n.dragNode.parent && (n.dragNode.parent.children = n.dragNode.parent.children?.filter((e) => e.id !== n.dragNode?.id) || null), this.getConfig().onNodeParentChange?.(n.dragNode), n.dropNode = null, n.dragNode = null, this.render();
+		}
+	}
+	zoomed(e) {
+		let t = this.getChartState(), n = t.chart;
+		if (!n) return;
+		let r = e.transform;
+		t.lastTransform = r, n.attr("transform", r.toString());
+	}
+	zoomTreeBounds({ x0: e, x1: t, y0: n, y1: r, params: i = {
+		animate: !0,
+		scale: !0,
+		onCompleted: void 0
+	} }) {
+		let { width: a, height: o } = this.getChartState().containerRect, { svg: s, zoomBehavior: c, lastTransform: l } = this.getChartState(), { duration: u, scaleExtent: d } = this.getConfig(), f = Math.min(d[1], Math.max(d[0], 1 / Math.max((t - e) / a, (r - n) / o))), p = Z.zoomIdentity.translate(a / 2, o / 2);
+		p = p.scale(i.scale ? f : l.k), p = p.translate(-(e + t) / 2, -(n + r) / 2), s.transition().duration(i.animate ? u : 0).call(c.transform, p);
+	}
+	applyTransform(e, t = !1) {
+		let { zoomBehavior: n, lastTransform: r, svg: i } = this.getChartState(), { duration: a } = this.getConfig();
+		if (e.k === r.k && e.x === r.x && e.y === r.y) return;
+		let o = Z.zoomIdentity.translate(e.x, e.y).scale(e.k);
+		i && i.transition().duration(t ? 0 : a).call(n.transform, o);
+	}
+	fit({ animate: e = !0, nodes: t, scale: n = !0, onCompleted: r } = {}) {
+		let i = this.getChartState(), a = this.getConfig(), { root: o } = i, s = t || (a.gridEnabled ? o.descendants().slice(1) : o.descendants()), c = Z.min(s, (e) => e.x + a.layoutBindings[a.layout].nodeLeftX(e)), l = Z.max(s, (e) => e.x + a.layoutBindings[a.layout].nodeRightX(e)), u = Z.min(s, (e) => e.y + a.layoutBindings[a.layout].nodeTopY(e)), d = Z.max(s, (e) => e.y + a.layoutBindings[a.layout].nodeBottomY(e));
+		return this.zoomTreeBounds({
+			params: {
+				animate: e,
+				scale: n,
+				onCompleted: r
+			},
+			x0: c - a.padding.left,
+			x1: l + a.padding.right,
+			y0: u - a.padding.top,
+			y1: d + a.padding.bottom
+		}), this;
+	}
+	unsetUserTransform() {
+		let e = this.getChartState();
+		delete e.userTransform;
+	}
+	zoomIn() {
+		let { svg: e, zoomBehavior: t } = this.getChartState();
+		e.transition().call(t.scaleBy, 1.3);
+	}
+	zoomOut() {
+		let { svg: e, zoomBehavior: t } = this.getChartState();
+		e.transition().call(t.scaleBy, .78);
+	}
+	destroy() {
+		let e = this.getChartState();
+		e.svg && (e.svg.selectAll("*").remove(), e.svg = null, e.chart = null);
+	}
+}, Q = ge(), go = (e, t, n) => {
+	let r = String(n);
+	return Array.from(e.querySelectorAll(".node[data-brush][data-value]")).find((e) => e.getAttribute("data-brush") === t && e.getAttribute("data-value") === r);
+}, _o = (e, t, n) => {
+	let r = h(), i = (0, k.useCallback)((t) => {
+		t.data.brush && r.daedalus.emitEvent(O.Brush, {
+			data: {
+				action: Q.BrushEventAction.Hover,
+				data: [{
+					id: t.data.brush.key,
+					values: [t.data.brush.value]
+				}]
+			},
+			emitter: e
+		});
+	}, [r, e]), a = (0, k.useCallback)((t) => {
+		t.data.brush && r.daedalus.emitEvent(O.Brush, {
+			data: {
+				action: Q.BrushEventAction.Blur,
+				data: [{
+					id: t.data.brush.key,
+					values: [t.data.brush.value]
+				}]
+			},
+			emitter: e
+		});
+	}, [r, e]), o = (0, k.useRef)({});
+	return o.current[O.Brush] = (r) => {
+		if (r.emitter !== e && !(!t || !n.interactive)) switch (r.data.action) {
+			case Q.BrushEventAction.Hover:
+				r.data.data.forEach(({ id: e, values: n }) => {
+					n.forEach((n) => {
+						go(t, e, n)?.classList.add("hovered");
+					});
+				});
+				break;
+			case Q.BrushEventAction.Blur:
+				r.data.data.forEach(({ id: e, values: n }) => {
+					n.forEach((n) => {
+						go(t, e, n)?.classList.remove("hovered");
+					});
+				});
+				break;
+			case Q.BrushEventAction.End:
+				t.querySelectorAll(".node.hovered").forEach((e) => e.classList.remove("hovered"));
+				break;
+		}
+	}, y({
+		action: O.Brush,
+		handler: ({ payload: e }) => e && o.current[O.Brush](e)
+	}, []), {
+		onTreeNodeHover: i,
+		onTreeNodeLeave: a
+	};
+}, vo = (e) => {
+	let { variables: t, variablesFetched: n, updateVariable: r } = w();
+	return {
+		variables: (0, k.useMemo)(() => {
+			let n = {};
+			return e.measures?.forEach((e) => {
+				!e.slots || !s(e) || Object.values(e.slots).filter((e) => e.enabled && e.source === "variable" && e.propertyValue?.type === "variable").forEach((r) => {
+					let i = r.propertyValue.variableName;
+					if (!i) return;
+					let a = t.find((e) => e.name === i);
+					n[i] || (n[i] = {
+						id: a?.id ?? null,
+						measureId: []
+					});
+					let o = l(e.dataItem);
+					n[i].measureId.includes(o) || n[i].measureId.push(o);
+				});
+			}), n;
+		}, [
+			e.measures,
+			t,
+			n
+		]),
+		updateVariable: r,
+		variablesFetched: n
+	};
+}, yo = (e, t) => {
+	let n = e.dimensions.filter(s), r = n.map((e) => l(e.dataItem)), i = n.length, a = (0, k.useMemo)(() => T(n.map((e) => ({
+		dataItem: e.dataItem,
+		dateLevel: void 0,
+		datePart: void 0,
+		operator: Qa.FilterOperator.InList
+	})), { ignoreApplied: !0 }), [r]), o = (0, k.useCallback)((e) => {
+		if (!i || !a?.length || !e.data.brush) return;
+		let { key: t, value: n } = e.data.brush, r = a.find((e) => e.fieldKey === t && de(e.operators));
+		if (!r) return;
+		let o = (r.operators.pending ?? r.operators.applied ?? r.operators.initial) === Qa.FilterOperator.NotInList ? "off" : "on";
+		r.state.pending && r.state.pending.includes(n) && (o = o === "off" ? "on" : "off"), r.onClick(n, { [o]: !0 });
+	}, [a, r]);
+	return (0, k.useEffect)(() => {
+		t && (t.querySelectorAll(".node.selected").forEach((e) => e.classList.remove("selected")), a.forEach(({ fieldKey: e, state: n }) => {
+			n.pending !== null && n.pending.forEach((n) => {
+				go(t, e, n)?.classList.add("selected");
+			});
+		}));
+	}, [t, JSON.stringify(a)]), { onTreeNodeClick: o };
+}, bo = (e, t) => {
+	e.next({
+		action: f.SaveLocalVSpec,
+		payload: { vSpecChange: { treeChartSettings: { ...t } } },
+		mergeWith(e, t, n) {
+			if (n === "nodeExpandState") return t;
+		}
+	});
+}, xo = 80, So = (e, t, n, r) => {
+	let i = (0, k.useRef)(e.treeChartSettings?.nodeExpandState ?? {}), a = r.forceAutoFit, o = ee(), c = vo(o), u = b(), d = m(), f = e.dimensions.filter(s), p = f.length, [h] = (0, k.useState)(e.treeChartSettings?.transform ?? null), [g, _] = (0, k.useState)(h ?? {
+		k: 1,
+		x: 0,
+		y: 0
+	}), v = (0, k.useRef)(e.treeChartSettings?.transform), { onTreeNodeHover: y, onTreeNodeLeave: x } = _o(n, t.current, r), { onTreeNodeClick: S } = yo(e, t.current), C = (0, k.useRef)(new ho()), w = (0, k.useRef)(null), T = !e.treeChartSettings.gridLayout?.enabled && e.treeChartSettings?.nodeLayout?.hoverStyle?.enabled, E = (0, k.useCallback)(() => {
+		w.current &&= (clearTimeout(w.current), null);
+	}, []);
+	return C.current.onNodeHover((e) => {
+		r.interactive && y(e), T && (E(), C.current.highlight(e));
+	}).onNodeLeave((e) => {
+		r.interactive && x(e), T && (E(), w.current = setTimeout(() => {
+			C.current.highlight(null), w.current = null;
+		}, xo));
+	}).onNodeClick((e) => {
+		r.interactive && S(e);
+	}).onNodeParentChange((t) => {
+		if (p > 0) return;
+		let n = e.measures.find((e) => e.dataItem.uniqueSignature === t.data.id);
+		n && te(d, e.measures, l(n.dataItem), !t.parent || t.parent.data.id === "__root__" ? null : t.parent.data.id);
+	}).onExpandOrCollapse((t) => {
+		let n = rt(t, e.treeChartSettings?.initialExpandedLevels, f.length, e.totals?.enabled ?? !1), r = !(t._children?.length > 0 && !t.children?.length);
+		r === n ? delete i.current[t.data.id] : i.current[t.data.id] = r, bo(u, { nodeExpandState: i.current }), !(p > 0) && Object.values(c.variables).filter((e) => e.measureId.includes(t.data.id)).forEach((e) => {
+			c.updateVariable(e.id, r, Qa.VariableType.boolean);
+		});
+	}).onUserZoom(() => {
+		v.current = null;
+	}).onZoomEnd((e) => {
+		if (a) return;
+		let t = {
+			k: e.transform.k,
+			x: e.transform.x,
+			y: e.transform.y
+		};
+		t.k === g.k && t.x === g.x && t.y === g.y || (_(t), bo(u, {
+			nodeExpandState: i.current,
+			transform: t
+		}));
+	}), (0, k.useEffect)(() => () => E(), [E]), (0, k.useEffect)(() => {
+		e.treeChartSettings?.nodeExpandState && (i.current = e.treeChartSettings.nodeExpandState ?? {});
+	}, [e.treeChartSettings?.nodeExpandState]), (0, k.useEffect)(() => {
+		o.treeChartSettings?.nodeExpandState || (i.current = {});
+	}, [o.treeChartSettings?.initialExpandedLevels]), (0, k.useEffect)(() => {
+		v.current = e.treeChartSettings?.transform, C.current && C.current.unsetUserTransform(), !(!e.treeChartSettings?.transform || !C.current) && C.current.applyTransform(e.treeChartSettings.transform);
+	}, [e.treeChartSettings?.transform]), {
+		chart: C.current,
+		expandedState: i
+	};
+}, $ = g(), Co = ({ vSpec: e, vTheme: t, data: n, elementSize: r, vizProperties: i }) => {
+	let a = i?.isEditMode ?? !1, o = i?.isPrintMode ?? !1, c = e?.treeChartSettings?.gridLayout?.enabled, l = e.dimensions.filter(s).length, d = e.measures.filter(s), f = (0, k.useRef)("tree-" + u(10)), p = (0, k.useRef)(null), m = e.treeChartSettings?.forceAutoFit === !0, { layout: h, treeSettings: g } = Ma(e, i), { chart: _, expandedState: y } = So(e, p, f.current, g), b = Aa(e, p, _), x = ct({
+		vSpec: e,
+		data: n,
+		nodeExpandState: y
+	}), [S, C] = (0, k.useState)(!1);
+	(0, k.useLayoutEffect)(() => (_ && _.init(), () => {
+		_?.destroy();
+	}), [p.current]), (0, k.useEffect)(() => {
+		S ? _.enableDrag() : _.disableDrag();
+	}, [S]), (0, k.useEffect)(() => {
+		!p.current || !_ || !r.width || !r.height || b(x, g);
+	}, [
+		r.width,
+		r.height,
+		b
+	]);
+	let w = a && l === 0 && !c;
+	(0, k.useEffect)(() => {
+		p.current && b(x, g);
+	}, [
+		x,
+		JSON.stringify(g),
+		b
+	]);
+	let T = Ne({
+		vTheme: t,
+		vSpec: e,
+		id: f.current,
+		layout: h
+	});
+	return /* @__PURE__ */ (0, $.jsxs)("div", {
+		style: {
+			width: "100%",
+			height: "100%"
+		},
+		id: f.current,
+		"data-mode": a ? "edit" : "view",
+		children: [
+			!o && /* @__PURE__ */ (0, $.jsxs)("div", {
+				className: "tree-toolbar",
+				style: {
+					position: "absolute",
+					zIndex: 1,
+					padding: 10,
+					right: 0,
+					top: 0,
+					gap: 10
+				},
+				children: [w && /* @__PURE__ */ (0, $.jsx)(E, {
+					size: "small",
+					value: "organize",
+					selected: S,
+					onChange: () => C(!S),
+					disabled: d.length < 2,
+					children: /* @__PURE__ */ (0, $.jsx)(re, {})
+				}), !m && /* @__PURE__ */ (0, $.jsx)(E, {
+					value: "",
+					size: "small",
+					onClick: () => _?.fit(),
+					children: /* @__PURE__ */ (0, $.jsx)(v, {})
+				})]
+			}),
+			/* @__PURE__ */ (0, $.jsx)("style", { children: T }),
+			/* @__PURE__ */ (0, $.jsx)("div", {
+				style: {
+					width: "100%",
+					height: "100%"
+				},
+				ref: p
+			})
+		]
+	});
+}, wo = p(class extends k.Component {
+	render() {
+		return /* @__PURE__ */ (0, $.jsx)(Co, { ...this.props });
+	}
+});
+export { wo as Tree };