@astrato-io/visualizations 0.0.0-stage → 0.6.4

package/chunks/standalone-D5vnf-9y.js

@@ -0,0 +1,3943 @@
+import { o as e } from "./rolldown-runtime-DleVn1XH.js";
+import { Fi as t, Kn as n, Mi as r, Ni as i, Ns as a, Oa as o, Os as s, Ti as c, d as l, ds as u, i as d, pc as f, za as p } from "./interfaces-VUY4_yVO.js";
+import { B as m, Ki as h, M as g, N as _, Pr as v, Un as y, Zt as b, a as x, hn as S, s as C, u as ee, wi as w, xn as te } from "./utils-Ba9T0TqC.js";
+import { Oi as ne } from "./src-Dun_jXtz.js";
+import { C as T, E as re, Gt as ie, Ht as ae, Jt as E, O as oe, T as se, a as ce, d as le, f as ue, g as de, k as D, m as fe, u as pe, v as me, x as he, y as ge } from "./escobar-BGqT1EsE.js";
+import { p as _e } from "./ui-D1HQNIBy.js";
+import { _t as ve, l as ye } from "./_baseFlatten-DPXPOrea.js";
+import { t as be } from "./ToggleButton-BCJc3Jlc.js";
+import { c as xe, m as Se } from "./coloring-C16AUZEi.js";
+import { f as Ce, r as we, t as Te, u as Ee, y as De } from "./src-D9XogOrc.js";
+import { a as Oe, i as ke, r as Ae, t as je } from "./accessors-DemrDevR.js";
+import { r as Me, t as Ne } from "./src-BOS6SqkZ.js";
+var O = /* @__PURE__ */ e(h()), Pe = ({ vTheme: e, vSpec: n, id: a, layout: s }) => {
+	let c = e?.fonts?.general.fontFamily ?? "Roboto", l = {
+		...r,
+		...n.treeChartSettings?.nodeLayout?.border
+	};
+	l.enabled === !1 && (l.borderWidth = 0);
+	let u = {
+		...i,
+		...n.treeChartSettings?.nodeLayout.hoverStyle
+	}, d = n.treeChartSettings?.nodeLayout?.backgroundColor ?? t.backgroundColor, f = new ye(d).isLight() ? o.grey1 : o.grey5;
+	return `
+#${a} {
+    &[data-mode="view"] .tree-toolbar {
+        display: none;
+    }
+    .tree-toolbar, &:hover .tree-toolbar {
+        display: flex;
+    }
+
+    --link-color: ${o.grey3};
+
+    --border-color: ${l.borderColor};
+    --border-width: ${l.borderWidth}px;
+    --border-color-edit: ${o.secondaryPurple};
+    --border-radius: ${l.borderRadius}px;
+    --border-color-selected: ${o.grey2};
+
+    --border-hover-width: ${u.borderWidth}px;
+    --border-hover-color: ${u.borderColor || l.borderColor};
+
+    --node-background: ${d};
+    --node-background-highlight: ${o.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(l.borderRadius / 2)}px;
+            padding:1px 3px;
+            font-size:9px;
+            margin:auto auto;
+            background-color: var(--node-background);
+        }
+        &:hover .button-content {
+            background-color: ${o.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: ${c}, 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: ${o.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: ${o.grey2};
+        opacity: 0.2;
+    }
+    .node-excluded .node-foreign-object-div {
+        opacity: 0.8;
+    }
+}
+
+${s.getCSS(a, n)}`;
+}, Fe = { depth: -1 }, Ie = {}, Le = {};
+function Re(e) {
+	return e.id;
+}
+function ze(e) {
+	return e.parentId;
+}
+function Be() {
+	var e = Re, t = ze, 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) => Ve(n(e, t, r))), t = e.map(He), s = new Set(e).add("");
+			for (let n of t) s.has(n) || (s.add(n), e.push(n), t.push(He(n)), i.push(Le));
+			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 Ae(c), (p = a(c, l, r)) != null && (p += "") && (m = f.id = p, h.set(m, h.has(m) ? Ie : 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 === Ie) 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 === Le && u.children.length === 1;) u = u.children[0], --s;
+			for (let e = i.length - 1; e >= 0 && (f = i[e], f.data === Le); --e) f.data = null;
+		}
+		if (u.parent = Fe, u.eachBefore(function(e) {
+			e.depth = e.parent.depth + 1, --s;
+		}).eachBefore(ke), u.parent = null, s > 0) throw Error("cycle");
+		return u;
+	}
+	return r.id = function(t) {
+		return arguments.length ? (e = je(t), r) : e;
+	}, r.parentId = function(e) {
+		return arguments.length ? (t = je(e), r) : t;
+	}, r.path = function(e) {
+		return arguments.length ? (n = je(e), r) : n;
+	}, r;
+}
+function Ve(e) {
+	e = `${e}`;
+	let t = e.length;
+	return Ue(e, t - 1) && !Ue(e, t - 2) && (e = e.slice(0, -1)), e[0] === "/" ? e : `/${e}`;
+}
+function He(e) {
+	let t = e.length;
+	if (t < 2) return "";
+	for (; --t > 1 && !Ue(e, t););
+	return e.slice(0, t);
+}
+function Ue(e, t) {
+	if (e[t] === "/") {
+		let n = 0;
+		for (; t > 0 && e[--t] === "\\";) ++n;
+		if (!(n & 1)) return !0;
+	}
+	return !1;
+}
+function We(e, t) {
+	return e.parent === t.parent ? 1 : 2;
+}
+function Ge(e) {
+	var t = e.children;
+	return t ? t[0] : e.t;
+}
+function Ke(e) {
+	var t = e.children;
+	return t ? t[t.length - 1] : e.t;
+}
+function qe(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 Je(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 Ye(e, t, n) {
+	return e.a.parent === t.parent ? e.a : n;
+}
+function Xe(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;
+}
+Xe.prototype = Object.create(Ae.prototype);
+function Ze(e) {
+	for (var t = new Xe(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 Xe(a[o], o)), i.parent = n;
+	return (t.parent = new Xe(null, 0)).children = [t], t;
+}
+function Qe() {
+	var e = We, t = 1, n = 1, r = null;
+	function i(i) {
+		var s = Ze(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) {
+			Je(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 = Ke(o), i = Ge(i), o && i;) s = Ge(s), a = Ke(a), a.a = t, f = o.z + u - i.z - c + e(o._, i._), f > 0 && (qe(Ye(o, t, r), t, f), c += f, l += f), u += o.m, c += i.m, d += s.m, l += a.m;
+			o && !Ke(a) && (a.t = o, a.m += u - l), i && !Ge(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 k = "__root__", $e = "__total__", et = (e) => `__dimension__${JSON.stringify(e)}`, tt = (e, t) => {
+	let n = e[t];
+	return n == null ? ["nil"] : [
+		"value",
+		typeof n,
+		n
+	];
+}, nt = (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
+	};
+}, rt = (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 = f(o.dataItem);
+					o.formatter && (i = o.formatter), e && (a.value = t?.[e], a.label = a.value === null ? "-" : S(i?.format, a.value) ?? "-");
+				}
+			} else n.source === "variable" && (a.value = n.propertyValue, a.label = a.value === null ? "-" : S(i?.format, a.value) ?? "-");
+			a.customIndicator = nt(a.value, n);
+		}
+		i[n.key] = { ...a };
+	}), i;
+}, it = (e, t, n, r = !1) => {
+	if (n === 0 || e.data.id === "__total__") return !0;
+	let i = t ?? 2;
+	return e.depth - +!!r < i;
+}, at = (e, t, r) => {
+	let i = [{
+		id: k,
+		parentId: null,
+		disabled: !1
+	}], a = /* @__PURE__ */ new Set();
+	e.measures.forEach((e) => {
+		a.add(e.dataItem.uniqueSignature);
+	});
+	let o = e.measures.filter((e) => c(e));
+	e.measures.forEach((e) => {
+		let t = e.dataItem.uniqueSignature, n = e.parentId && a.has(e.parentId) ? e.parentId : k;
+		i.push({
+			id: t,
+			parentId: n,
+			disabled: !c(e)
+		});
+	});
+	let s = Be().id((e) => e.id).parentId((e) => e.parentId)(i), l = [];
+	s.descendants().forEach((e) => {
+		if (e.data.disabled) return;
+		let t = e.ancestors().slice(1).find((e) => !e.data.disabled);
+		t ? l.push({
+			id: e.data.id,
+			parentId: t.data.id
+		}) : l.push({
+			id: e.data.id,
+			parentId: null
+		});
+	});
+	let u = l.map((r) => {
+		if (r.id === "__root__") return {
+			id: r.id,
+			parentId: null,
+			label: "Dummy Root",
+			value: {
+				label: "-",
+				value: null
+			}
+		};
+		let i = o.find((e) => e.dataItem.uniqueSignature === r.id), a = f(i.dataItem), s = t[0].items?.[0], c = i ? rt(i, s, o, e.supportingMeasures) : {}, l = s?.[a], u = i?.slots?.find((e) => e.key === "main");
+		return {
+			id: r.id,
+			parentId: r.parentId,
+			label: n(i),
+			value: {
+				label: S(i.formatter?.format, t[0].items?.[0]?.[a]) ?? "-",
+				value: l
+			},
+			indicator: u?.indicator ?? null,
+			customIndicator: nt(l, u),
+			brush: {
+				key: [ie.sourceKey, ie.field].join("/"),
+				value: ae(i)
+			},
+			...c
+		};
+	}), d = Be().id((e) => e.id).parentId((e) => e.parentId)(u), p = o.map((e) => e.dataItem.uniqueSignature);
+	return d.sort((e, t) => p.indexOf(e.data.id) - p.indexOf(t.data.id)), d.descendants().forEach((e) => {
+		let t = !1;
+		t = e.data.id in r ? r[e.data.id] === !1 : e.data.expanded?.enabled ? e.data.expanded.value === !1 : !1, t && (e._children = e.children, e.children = null);
+	}), d;
+}, ot = (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;
+}, st = (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 ? rt(n, r, [n], e.supportingMeasures) : {};
+	return {
+		id: o,
+		parentId: s,
+		label: String(r[c]),
+		row: +u,
+		value: i ? {
+			label: S(n.formatter?.format, r[l]) ?? "-",
+			value: r[l]
+		} : null,
+		indicator: f?.indicator ?? null,
+		customIndicator: nt(r[l], f),
+		brush: {
+			key: d,
+			value: r[c]
+		},
+		_excluded: ot(e, t, r),
+		...p
+	};
+};
+function ct(e, t, n) {
+	let r = t[0], i = e.dimensions.filter((e) => c(e)), a = {}, o = i.map((t) => [f(t.dataItem), s(e.referencedData, t.dataItem.internalKey)]), l = e.measures.filter((e) => c(e))[0], u = l ? f(l.dataItem) : null, d = e.totals?.enabled ?? !1, p = l?.slots?.find((e) => e.key === "main"), m, h, g = /* @__PURE__ */ new Set(), _ = r.groupings ? Object.keys(r.groupings) : void 0;
+	_ && _.forEach((t) => {
+		let n = r.groupings[t], i = r.items[+t], s = o.filter(([e]) => n[e] === 0);
+		if (!s.length) {
+			m = u ? i[u] : void 0, h = i;
+			return;
+		}
+		let [c, f] = s.length ? s[s.length - 1] : ["", ""], p = et(s.map((e) => tt(i, e[0]))), _ = s.slice(0, -1), v = _.length ? et(_.map((e) => tt(i, e[0]))) : d ? $e : k;
+		s.length < o.length && g.add(p), a[p] || (a[p] = st(e, r, l, i, !!l, {
+			engineKey: f,
+			id: p,
+			parentId: v,
+			measureProp: u,
+			prop: c,
+			dataItemIdx: +t
+		}));
+	}), r.items.forEach((t, n) => {
+		_?.includes(String(n)) || o.forEach(([i, o], s, c) => {
+			if (t[i] === void 0) {
+				console.warn(`Dimension property ${i} is missing in data item at index ${n}, skipping this dimension for this item`);
+				return;
+			}
+			let f = et(c.slice(0, s + 1).map((e) => tt(t, e[0]))), p = s === 0 ? d ? $e : k : et(c.slice(0, s).map((e) => tt(t, e[0])));
+			a[f] || (a[f] = st(e, r, l, t, s === c.length - 1 && !!l, {
+				engineKey: o,
+				dataItemIdx: n,
+				id: f,
+				parentId: p,
+				measureProp: u,
+				prop: i
+			}));
+		});
+	});
+	let v = m ?? Object.values(a).reduce((e, t) => e + (g.has(t.id) ? 0 : t.value?.value ?? 0), 0), y = h ?? r.totals, b = Object.values(a);
+	d && b.unshift({
+		id: $e,
+		parentId: k,
+		label: "Total",
+		row: -1,
+		value: l ? {
+			label: S(l.formatter?.format, v) ?? "-",
+			value: v
+		} : null,
+		indicator: p?.indicator ?? null,
+		customIndicator: nt(v, p),
+		...l ? rt(l, y, [l], e.supportingMeasures) : {}
+	}), b.unshift({
+		id: k,
+		parentId: null,
+		label: "Dummy Root",
+		row: -1,
+		value: null
+	});
+	let x = Be().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 : !it(t, e.treeChartSettings?.initialExpandedLevels, i.length, d), r && (t._children = t.children, t.children = null);
+	}), x;
+}
+var lt = ({ vSpec: e, data: t, nodeExpandState: n }) => {
+	let r = e.dimensions.filter(c).length, [i, a] = (0, O.useState)(null);
+	return (0, O.useEffect)(() => {
+		if (r > 0) {
+			let r = ct(e, t, n.current);
+			a(r);
+			return;
+		}
+		let i = at(e, t, n.current);
+		a(i);
+	}, [
+		t,
+		e.dimensions,
+		e.measures,
+		e.supportingMeasures,
+		e.treeChartSettings?.nodeExpandState,
+		e.totals?.enabled
+	]), i;
+}, ut = {
+	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 dt(e) {
+	var t = e += "", n = t.indexOf(":");
+	return n >= 0 && (t = e.slice(0, n)) !== "xmlns" && (e = e.slice(n + 1)), ut.hasOwnProperty(t) ? {
+		space: ut[t],
+		local: e
+	} : e;
+}
+function ft(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 pt(e) {
+	return function() {
+		return this.ownerDocument.createElementNS(e.space, e.local);
+	};
+}
+function mt(e) {
+	var t = dt(e);
+	return (t.local ? pt : ft)(t);
+}
+function ht() {}
+function gt(e) {
+	return e == null ? ht : function() {
+		return this.querySelector(e);
+	};
+}
+function _t(e) {
+	typeof e != "function" && (e = gt(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 j(r, this._parents);
+}
+function vt(e) {
+	return e == null ? [] : Array.isArray(e) ? e : Array.from(e);
+}
+function yt() {
+	return [];
+}
+function bt(e) {
+	return e == null ? yt : function() {
+		return this.querySelectorAll(e);
+	};
+}
+function xt(e) {
+	return function() {
+		return vt(e.apply(this, arguments));
+	};
+}
+function St(e) {
+	e = typeof e == "function" ? xt(e) : bt(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 j(r, i);
+}
+function Ct(e) {
+	return function() {
+		return this.matches(e);
+	};
+}
+function wt(e) {
+	return function(t) {
+		return t.matches(e);
+	};
+}
+var Tt = Array.prototype.find;
+function Et(e) {
+	return function() {
+		return Tt.call(this.children, e);
+	};
+}
+function Dt() {
+	return this.firstElementChild;
+}
+function Ot(e) {
+	return this.select(e == null ? Dt : Et(typeof e == "function" ? e : wt(e)));
+}
+var kt = Array.prototype.filter;
+function At() {
+	return Array.from(this.children);
+}
+function jt(e) {
+	return function() {
+		return kt.call(this.children, e);
+	};
+}
+function Mt(e) {
+	return this.selectAll(e == null ? At : jt(typeof e == "function" ? e : wt(e)));
+}
+function Nt(e) {
+	typeof e != "function" && (e = Ct(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);
+}
+function Pt(e) {
+	return Array(e.length);
+}
+function Ft() {
+	return new j(this._enter || this._groups.map(Pt), this._parents);
+}
+function It(e, t) {
+	this.ownerDocument = e.ownerDocument, this.namespaceURI = e.namespaceURI, this._next = null, this._parent = e, this.__data__ = t;
+}
+It.prototype = {
+	constructor: It,
+	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 Lt(e) {
+	return function() {
+		return e;
+	};
+}
+function Rt(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 It(e, a[o]);
+	for (; o < c; ++o) (s = t[o]) && (i[o] = s);
+}
+function zt(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 It(e, a[s]);
+	for (s = 0; s < u; ++s) (c = t[s]) && l.get(f[s]) === c && (i[s] = c);
+}
+function Bt(e) {
+	return e.__data__;
+}
+function Vt(e, t) {
+	if (!arguments.length) return Array.from(this, Bt);
+	var n = t ? zt : Rt, r = this._parents, i = this._groups;
+	typeof e != "function" && (e = Lt(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 = Ht(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 j(o, r), o._enter = s, o._exit = c, o;
+}
+function Ht(e) {
+	return typeof e == "object" && "length" in e ? e : Array.from(e);
+}
+function Ut() {
+	return new j(this._exit || this._groups.map(Pt), this._parents);
+}
+function Wt(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 Gt(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 j(s, this._parents);
+}
+function Kt() {
+	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 qt(e) {
+	e ||= Jt;
+	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 j(i, this._parents).order();
+}
+function Jt(e, t) {
+	return e < t ? -1 : e > t ? 1 : e >= t ? 0 : NaN;
+}
+function Yt() {
+	var e = arguments[0];
+	return arguments[0] = this, e.apply(null, arguments), this;
+}
+function Xt() {
+	return Array.from(this);
+}
+function Zt() {
+	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 Qt() {
+	let e = 0;
+	for (let t of this) ++e;
+	return e;
+}
+function $t() {
+	return !this.node();
+}
+function en(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 tn(e) {
+	return function() {
+		this.removeAttribute(e);
+	};
+}
+function nn(e) {
+	return function() {
+		this.removeAttributeNS(e.space, e.local);
+	};
+}
+function rn(e, t) {
+	return function() {
+		this.setAttribute(e, t);
+	};
+}
+function an(e, t) {
+	return function() {
+		this.setAttributeNS(e.space, e.local, t);
+	};
+}
+function on(e, t) {
+	return function() {
+		var n = t.apply(this, arguments);
+		n == null ? this.removeAttribute(e) : this.setAttribute(e, n);
+	};
+}
+function sn(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 cn(e, t) {
+	var n = dt(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 ? nn : tn : typeof t == "function" ? n.local ? sn : on : n.local ? an : rn)(n, t));
+}
+function ln(e) {
+	return e.ownerDocument && e.ownerDocument.defaultView || e.document && e || e.defaultView;
+}
+function un(e) {
+	return function() {
+		this.style.removeProperty(e);
+	};
+}
+function dn(e, t, n) {
+	return function() {
+		this.style.setProperty(e, t, n);
+	};
+}
+function fn(e, t, n) {
+	return function() {
+		var r = t.apply(this, arguments);
+		r == null ? this.style.removeProperty(e) : this.style.setProperty(e, r, n);
+	};
+}
+function pn(e, t, n) {
+	return arguments.length > 1 ? this.each((t == null ? un : typeof t == "function" ? fn : dn)(e, t, n ?? "")) : A(this.node(), e);
+}
+function A(e, t) {
+	return e.style.getPropertyValue(t) || ln(e).getComputedStyle(e, null).getPropertyValue(t);
+}
+function mn(e) {
+	return function() {
+		delete this[e];
+	};
+}
+function hn(e, t) {
+	return function() {
+		this[e] = t;
+	};
+}
+function gn(e, t) {
+	return function() {
+		var n = t.apply(this, arguments);
+		n == null ? delete this[e] : this[e] = n;
+	};
+}
+function _n(e, t) {
+	return arguments.length > 1 ? this.each((t == null ? mn : typeof t == "function" ? gn : hn)(e, t)) : this.node()[e];
+}
+function vn(e) {
+	return e.trim().split(/^|\s+/);
+}
+function yn(e) {
+	return e.classList || new bn(e);
+}
+function bn(e) {
+	this._node = e, this._names = vn(e.getAttribute("class") || "");
+}
+bn.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 xn(e, t) {
+	for (var n = yn(e), r = -1, i = t.length; ++r < i;) n.add(t[r]);
+}
+function Sn(e, t) {
+	for (var n = yn(e), r = -1, i = t.length; ++r < i;) n.remove(t[r]);
+}
+function Cn(e) {
+	return function() {
+		xn(this, e);
+	};
+}
+function wn(e) {
+	return function() {
+		Sn(this, e);
+	};
+}
+function Tn(e, t) {
+	return function() {
+		(t.apply(this, arguments) ? xn : Sn)(this, e);
+	};
+}
+function En(e, t) {
+	var n = vn(e + "");
+	if (arguments.length < 2) {
+		for (var r = yn(this.node()), i = -1, a = n.length; ++i < a;) if (!r.contains(n[i])) return !1;
+		return !0;
+	}
+	return this.each((typeof t == "function" ? Tn : t ? Cn : wn)(n, t));
+}
+function Dn() {
+	this.textContent = "";
+}
+function On(e) {
+	return function() {
+		this.textContent = e;
+	};
+}
+function kn(e) {
+	return function() {
+		var t = e.apply(this, arguments);
+		this.textContent = t ?? "";
+	};
+}
+function An(e) {
+	return arguments.length ? this.each(e == null ? Dn : (typeof e == "function" ? kn : On)(e)) : this.node().textContent;
+}
+function jn() {
+	this.innerHTML = "";
+}
+function Mn(e) {
+	return function() {
+		this.innerHTML = e;
+	};
+}
+function Nn(e) {
+	return function() {
+		var t = e.apply(this, arguments);
+		this.innerHTML = t ?? "";
+	};
+}
+function Pn(e) {
+	return arguments.length ? this.each(e == null ? jn : (typeof e == "function" ? Nn : Mn)(e)) : this.node().innerHTML;
+}
+function Fn() {
+	this.nextSibling && this.parentNode.appendChild(this);
+}
+function In() {
+	return this.each(Fn);
+}
+function Ln() {
+	this.previousSibling && this.parentNode.insertBefore(this, this.parentNode.firstChild);
+}
+function Rn() {
+	return this.each(Ln);
+}
+function zn(e) {
+	var t = typeof e == "function" ? e : mt(e);
+	return this.select(function() {
+		return this.appendChild(t.apply(this, arguments));
+	});
+}
+function Bn() {
+	return null;
+}
+function Vn(e, t) {
+	var n = typeof e == "function" ? e : mt(e), r = t == null ? Bn : typeof t == "function" ? t : gt(t);
+	return this.select(function() {
+		return this.insertBefore(n.apply(this, arguments), r.apply(this, arguments) || null);
+	});
+}
+function Hn() {
+	var e = this.parentNode;
+	e && e.removeChild(this);
+}
+function Un() {
+	return this.each(Hn);
+}
+function Wn() {
+	var e = this.cloneNode(!1), t = this.parentNode;
+	return t ? t.insertBefore(e, this.nextSibling) : e;
+}
+function Gn() {
+	var e = this.cloneNode(!0), t = this.parentNode;
+	return t ? t.insertBefore(e, this.nextSibling) : e;
+}
+function Kn(e) {
+	return this.select(e ? Gn : Wn);
+}
+function qn(e) {
+	return arguments.length ? this.property("__data__", e) : this.node().__data__;
+}
+function Jn(e) {
+	return function(t) {
+		e.call(this, t, this.__data__);
+	};
+}
+function Yn(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 Xn(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 Zn(e, t, n) {
+	return function() {
+		var r = this.__on, i, a = Jn(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 Qn(e, t, n) {
+	var r = Yn(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 ? Zn : Xn, i = 0; i < a; ++i) this.each(s(r[i], t, n));
+	return this;
+}
+function $n(e, t, n) {
+	var r = ln(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 er(e, t) {
+	return function() {
+		return $n(this, e, t);
+	};
+}
+function tr(e, t) {
+	return function() {
+		return $n(this, e, t.apply(this, arguments));
+	};
+}
+function nr(e, t) {
+	return this.each((typeof t == "function" ? tr : er)(e, t));
+}
+function* rr() {
+	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 ir = [null];
+function j(e, t) {
+	this._groups = e, this._parents = t;
+}
+function M() {
+	return new j([[document.documentElement]], ir);
+}
+function ar() {
+	return this;
+}
+j.prototype = M.prototype = {
+	constructor: j,
+	select: _t,
+	selectAll: St,
+	selectChild: Ot,
+	selectChildren: Mt,
+	filter: Nt,
+	data: Vt,
+	enter: Ft,
+	exit: Ut,
+	join: Wt,
+	merge: Gt,
+	selection: ar,
+	order: Kt,
+	sort: qt,
+	call: Yt,
+	nodes: Xt,
+	node: Zt,
+	size: Qt,
+	empty: $t,
+	each: en,
+	attr: cn,
+	style: pn,
+	property: _n,
+	classed: En,
+	text: An,
+	html: Pn,
+	raise: In,
+	lower: Rn,
+	append: zn,
+	insert: Vn,
+	remove: Un,
+	clone: Kn,
+	datum: qn,
+	on: Qn,
+	dispatch: nr,
+	[Symbol.iterator]: rr
+};
+function N(e) {
+	return typeof e == "string" ? new j([[document.querySelector(e)]], [document.documentElement]) : new j([[e]], ir);
+}
+function or(e) {
+	let t;
+	for (; t = e.sourceEvent;) e = t;
+	return e;
+}
+function P(e, t) {
+	if (e = or(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 sr(e) {
+	return typeof e == "string" ? new j([document.querySelectorAll(e)], [document.documentElement]) : new j([vt(e)], ir);
+}
+var cr = /* @__PURE__ */ e(ve()), F = d[p.KPIChange], I = F.slots, lr = "#577f56", ur = "#9e4d53", L = (e) => typeof e == "number" && Number.isFinite(e), dr = (e, t) => {
+	let n = new cr.default(e);
+	return (new cr.default(t).isLight() ? n.lighten(.5).alpha(.5) : n.darken(.5).alpha(.5)).rgb().string();
+}, fr = (e, t) => {
+	if (!e.enabled) return "";
+	let n = L(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 ? dr(e.customIndicator.color, t) : "inherit";
+		i = `color: ${e.customIndicator?.color ?? "inherit"}; background-color: ${n};`, e.customIndicator?.icon && (a = `<span class="footer-icon">${y.sanitize(e.customIndicator.icon)}</span>`);
+	}
+	return `<div class="footer ${r}" style="${i}"><span class="footer-label">${y.sanitize(e.label)}</span>${a}</div>`;
+}, pr = (e, t) => {
+	if (!e.enabled) return "";
+	let n = e.indicator, r = L(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 ? dr(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">${y.sanitize(o)}</span>` : "";
+	return `<div class="pill ${i}" style="${a}"><span class="pill-label">${y.sanitize(e.label)}</span>${s}</div>`;
+}, mr = (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">${y.sanitize(e.customIndicator.icon)}</span>`)), `<div class="value ${t ? "value-space" : ""}" style="${r}"><span class="value-label">${y.sanitize(n.label)}</span>${i}</div>`;
+}, hr = (e, t) => {
+	let n = e.data.diff ?? I.diff.defaults, r = e.data.change ?? I.change.defaults, i = t.config.nodeDefaultBackground ?? "#ffffff", a = mr(e.data, !r.enabled), o = fr(n, i), s = pr(r, i), c = [];
+	return e.data._upToTheRootHighlighted && c.push("node-highlight"), `
+      <div class="node-content layout-a ${c.join(" ")}">
+        <div class="label">${y.sanitize(e.data.label)}</div>
+        <div class="flex-row">
+          ${a}
+          ${s}
+        </div>
+        ${o}
+        
+      </div>
+    `;
+}, gr = ({ 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 _r(e) {
+	if (e.data._upToTheRootHighlighted) {
+		N(this).style("stroke-width", "var(--border-hover-width)").style("stroke", "var(--border-hover-color)");
+		return;
+	}
+	if (!e.data.diff?.enabled) {
+		N(this).style("stroke-width", null).style("stroke", null);
+		return;
+	}
+	let t = (L(e.data.diff?.value) ? e.data.diff.value : null) ?? (L(I.diff.defaults.value) ? I.diff.defaults.value : 0), n = e.parent?.children?.flatMap((t) => t.id === e.id || !t.data.diff?.enabled || !L(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 ? ur : lr, s = e.data.diff?.indicator;
+	s === "inverse" ? o = a ? lr : ur : s === "none" ? o = "var(--link-color)" : s === "custom" && (o = e.data.diff?.customIndicator?.color ?? "var(--link-color)");
+	let c = i ? 2 : 1;
+	N(this).style("stroke", o).style("stroke-width", c);
+}
+var vr = (e, t) => {
+	let n = {
+		...F.labelStyle,
+		...t.treeChartSettings.nodeLayout?.labelStyle
+	}, r = {
+		...F.valueStyle,
+		...t.treeChartSettings.nodeLayout?.valueStyle
+	}, i = {
+		...I.change.styling,
+		...I.change.styling.fontStyle,
+		...t.treeChartSettings.nodeLayout?.slots?.change
+	}, a = {
+		...I.diff.styling,
+		...I.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: ${lr};
+      background-color: #e4fae8;
+    }
+
+    .negative {
+      color: ${ur};
+      background-color: #fcecec;
+    }
+  }
+}`;
+}, yr = {
+	name: "KPI Change",
+	...F,
+	getNodeContent: hr,
+	getButtonContent: gr,
+	linkUpdate: _r,
+	getCSS: vr,
+	width: 180,
+	sizes: (e) => {
+		let t = {
+			...I.diff.styling,
+			...I.diff.styling.fontStyle,
+			...e.treeChartSettings.nodeLayout?.slots?.diff
+		}, n = {
+			...F.labelStyle,
+			...e.treeChartSettings.nodeLayout?.labelStyle
+		}, r = {
+			...F.valueStyle,
+			...e.treeChartSettings.nodeLayout?.valueStyle
+		};
+		return {
+			label: Math.ceil(E(n.fontSize)) + 8,
+			value: Math.ceil(E(r.fontSize)) + 8,
+			diff: Math.ceil(E(t.fontSize)) + 16
+		};
+	},
+	height: (e, t) => {
+		let n = 20;
+		return n += t?.label ?? 0, n += t?.value ?? 0, (e.data.diff ?? I.diff.defaults)?.enabled && (n += t?.diff ?? 0), n;
+	}
+}, R = d[p.Basic], br = (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">${y.sanitize(e.data.customIndicator.icon)}</span>`));
+	let r = e.data.value ? `<div class="value" style="${t}"><span class="value-label">${y.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">${y.sanitize(e.data.label)}</div>
+        ${r}
+    </div>`;
+}, xr = (e, t) => {
+	let n = {
+		...R.labelStyle,
+		...t.treeChartSettings.nodeLayout?.labelStyle
+	}, r = {
+		...R.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;
+    }
+  }
+}`;
+}, Sr = {
+	name: "Basic",
+	...R,
+	getNodeContent: br,
+	getCSS: xr,
+	width: 140,
+	sizes: (e) => {
+		let t = {
+			...R.labelStyle,
+			...e.treeChartSettings.nodeLayout?.labelStyle
+		}, n = {
+			...R.valueStyle,
+			...e.treeChartSettings.nodeLayout?.valueStyle
+		};
+		return {
+			label: E(t.fontSize) + 8,
+			value: E(n.fontSize) + 8
+		};
+	},
+	height: (e, t) => {
+		let n = 8 + t.label;
+		return e.data.value && (n += 8 + t.value), n;
+	}
+}, Cr = {
+	[p.KPIChange]: yr,
+	[p.Basic]: Sr
+}, wr = { passive: !1 }, z = {
+	capture: !0,
+	passive: !1
+};
+function Tr(e) {
+	e.stopImmediatePropagation();
+}
+function B(e) {
+	e.preventDefault(), e.stopImmediatePropagation();
+}
+function Er(e) {
+	var t = e.document.documentElement, n = N(e).on("dragstart.drag", B, z);
+	"onselectstart" in t ? n.on("selectstart.drag", B, z) : (t.__noselect = t.style.MozUserSelect, t.style.MozUserSelect = "none");
+}
+function Dr(e, t) {
+	var n = e.document.documentElement, r = N(e).on("dragstart.drag", null);
+	t && (r.on("click.drag", B, z), 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 Or = (e) => () => e;
+function kr(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 }
+	});
+}
+kr.prototype.on = function() {
+	var e = this._.on.apply(this._, arguments);
+	return e === this._ ? this : e;
+}, Ne();
+function Ar(e) {
+	return !e.ctrlKey && !e.button;
+}
+function jr() {
+	return this.parentNode;
+}
+function Mr(e, t) {
+	return t ?? {
+		x: e.x,
+		y: e.y
+	};
+}
+function Nr() {
+	return navigator.maxTouchPoints || "ontouchstart" in this;
+}
+function Pr() {
+	var e = Ar, t = jr, n = Mr, r = Nr, i = {}, a = Me("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", _, wr).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 && (N(n.view).on("mousemove.drag", m, z).on("mouseup.drag", h, z), Er(n.view), Tr(n), l = !1, s = n.clientX, c = n.clientY, i("start", n));
+		}
+	}
+	function m(e) {
+		if (B(e), !l) {
+			var t = e.clientX - s, n = e.clientY - c;
+			l = t * t + n * n > d;
+		}
+		i.mouse("drag", e);
+	}
+	function h(e) {
+		N(e.view).on("mousemove.drag mouseup.drag", null), Dr(e.view, l), B(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])) && (Tr(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]) && (B(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]) && (Tr(e), a("end", e, t[r]));
+	}
+	function y(e, t, r, s, c, l) {
+		var u = a.copy(), d = P(l || r, t), p, m, h;
+		if ((h = n.call(e, new kr("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 = P(l || a, t), _ = o;
+					break;
+			}
+			u.call(r, e, new kr(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 : Or(!!t), f) : e;
+	}, f.container = function(e) {
+		return arguments.length ? (t = typeof e == "function" ? e : Or(e), f) : t;
+	}, f.subject = function(e) {
+		return arguments.length ? (n = typeof e == "function" ? e : Or(e), f) : n;
+	}, f.touchable = function(e) {
+		return arguments.length ? (r = typeof e == "function" ? e : Or(!!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 V = 0, Fr = 0, Ir = 0, Lr = 1e3, Rr, H, zr = 0, U = 0, Br = 0, W = typeof performance == "object" && performance.now ? performance : Date, Vr = typeof window == "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(e) {
+	setTimeout(e, 17);
+};
+function Hr() {
+	return U ||= (Vr(Ur), W.now() + Br);
+}
+function Ur() {
+	U = 0;
+}
+function Wr() {
+	this._call = this._time = this._next = null;
+}
+Wr.prototype = Gr.prototype = {
+	constructor: Wr,
+	restart: function(e, t, n) {
+		if (typeof e != "function") throw TypeError("callback is not a function");
+		n = (n == null ? Hr() : +n) + (t == null ? 0 : +t), !this._next && H !== this && (H ? H._next = this : Rr = this, H = this), this._call = e, this._time = n, Xr();
+	},
+	stop: function() {
+		this._call && (this._call = null, this._time = Infinity, Xr());
+	}
+};
+function Gr(e, t, n) {
+	var r = new Wr();
+	return r.restart(e, t, n), r;
+}
+function Kr() {
+	Hr(), ++V;
+	for (var e = Rr, t; e;) (t = U - e._time) >= 0 && e._call.call(void 0, t), e = e._next;
+	--V;
+}
+function qr() {
+	U = (zr = W.now()) + Br, V = Fr = 0;
+	try {
+		Kr();
+	} finally {
+		V = 0, Yr(), U = 0;
+	}
+}
+function Jr() {
+	var e = W.now(), t = e - zr;
+	t > Lr && (Br -= t, zr = e);
+}
+function Yr() {
+	for (var e, t = Rr, 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 : Rr = n);
+	H = e, Xr(r);
+}
+function Xr(e) {
+	V || (Fr &&= clearTimeout(Fr), e - U > 24 ? (e < Infinity && (Fr = setTimeout(qr, e - W.now() - Br)), Ir &&= clearInterval(Ir)) : (Ir ||= (zr = W.now(), setInterval(Jr, Lr)), V = 1, Vr(qr)));
+}
+function Zr(e, t, n) {
+	var r = new Wr();
+	return t = t == null ? 0 : +t, r.restart((n) => {
+		r.stop(), e(n + t);
+	}, t, n), r;
+}
+xe(), fe(), Ne();
+var Qr = Me("start", "end", "cancel", "interrupt"), $r = [];
+function ei(e, t, n, r, i, a) {
+	var o = e.__transition;
+	if (!o) e.__transition = {};
+	else if (n in o) return;
+	ni(e, n, {
+		name: t,
+		index: r,
+		group: i,
+		on: Qr,
+		tween: $r,
+		time: a.time,
+		delay: a.delay,
+		duration: a.duration,
+		ease: a.ease,
+		timer: null,
+		state: 0
+	});
+}
+function ti(e, t) {
+	var n = K(e, t);
+	if (n.state > 0) throw Error("too late; already scheduled");
+	return n;
+}
+function G(e, t) {
+	var n = K(e, t);
+	if (n.state > 3) throw Error("too late; already running");
+	return n;
+}
+function K(e, t) {
+	var n = e.__transition;
+	if (!n || !(n = n[t])) throw Error("transition not found");
+	return n;
+}
+function ni(e, t, n) {
+	var r = e.__transition, i;
+	r[t] = n, n.timer = Gr(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 Zr(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 (Zr(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 ri(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 ii(e) {
+	return this.each(function() {
+		ri(this, e);
+	});
+}
+function ai(e, t) {
+	var n, r;
+	return function() {
+		var i = G(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 oi(e, t, n) {
+	var r, i;
+	if (typeof n != "function") throw Error();
+	return function() {
+		var a = G(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 si(e, t) {
+	var n = this._id;
+	if (e += "", arguments.length < 2) {
+		for (var r = K(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 ? ai : oi)(n, e, t));
+}
+function ci(e, t, n) {
+	var r = e._id;
+	return e.each(function() {
+		var e = G(this, r);
+		(e.value ||= {})[t] = n.apply(this, arguments);
+	}), function(e) {
+		return K(e, r).value[t];
+	};
+}
+function li(e, t) {
+	var n;
+	return (typeof t == "number" ? T : t instanceof Se ? se : (n = Se(t)) ? (t = n, se) : he)(e, t);
+}
+fe();
+function ui(e) {
+	return function() {
+		this.removeAttribute(e);
+	};
+}
+function di(e) {
+	return function() {
+		this.removeAttributeNS(e.space, e.local);
+	};
+}
+function fi(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 pi(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 mi(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 hi(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 gi(e, t) {
+	var n = dt(e), r = n === "transform" ? ge : li;
+	return this.attrTween(e, typeof t == "function" ? (n.local ? hi : mi)(n, r, ci(this, "attr." + e, t)) : t == null ? (n.local ? di : ui)(n) : (n.local ? pi : fi)(n, r, t));
+}
+function _i(e, t) {
+	return function(n) {
+		this.setAttribute(e, t.call(this, n));
+	};
+}
+function vi(e, t) {
+	return function(n) {
+		this.setAttributeNS(e.space, e.local, t.call(this, n));
+	};
+}
+function yi(e, t) {
+	var n, r;
+	function i() {
+		var i = t.apply(this, arguments);
+		return i !== r && (n = (r = i) && vi(e, i)), n;
+	}
+	return i._value = t, i;
+}
+function bi(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 xi(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 = dt(e);
+	return this.tween(n, (r.local ? yi : bi)(r, t));
+}
+function Si(e, t) {
+	return function() {
+		ti(this, e).delay = +t.apply(this, arguments);
+	};
+}
+function Ci(e, t) {
+	return t = +t, function() {
+		ti(this, e).delay = t;
+	};
+}
+function wi(e) {
+	var t = this._id;
+	return arguments.length ? this.each((typeof e == "function" ? Si : Ci)(t, e)) : K(this.node(), t).delay;
+}
+function Ti(e, t) {
+	return function() {
+		G(this, e).duration = +t.apply(this, arguments);
+	};
+}
+function Ei(e, t) {
+	return t = +t, function() {
+		G(this, e).duration = t;
+	};
+}
+function Di(e) {
+	var t = this._id;
+	return arguments.length ? this.each((typeof e == "function" ? Ti : Ei)(t, e)) : K(this.node(), t).duration;
+}
+function Oi(e, t) {
+	if (typeof t != "function") throw Error();
+	return function() {
+		G(this, e).ease = t;
+	};
+}
+function ki(e) {
+	var t = this._id;
+	return arguments.length ? this.each(Oi(t, e)) : K(this.node(), t).ease;
+}
+function Ai(e, t) {
+	return function() {
+		var n = t.apply(this, arguments);
+		if (typeof n != "function") throw Error();
+		G(this, e).ease = n;
+	};
+}
+function ji(e) {
+	if (typeof e != "function") throw Error();
+	return this.each(Ai(this._id, e));
+}
+function Mi(e) {
+	typeof e != "function" && (e = Ct(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 q(r, this._parents, this._name, this._id);
+}
+function Ni(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 q(o, this._parents, this._name, this._id);
+}
+function Pi(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 Fi(e, t, n) {
+	var r, i, a = Pi(t) ? ti : G;
+	return function() {
+		var o = a(this, e), s = o.on;
+		s !== r && (i = (r = s).copy()).on(t, n), o.on = i;
+	};
+}
+function Ii(e, t) {
+	var n = this._id;
+	return arguments.length < 2 ? K(this.node(), n).on.on(e) : this.each(Fi(n, e, t));
+}
+function Li(e) {
+	return function() {
+		var t = this.parentNode;
+		for (var n in this.__transition) if (+n !== e) return;
+		t && t.removeChild(this);
+	};
+}
+function Ri() {
+	return this.on("end.remove", Li(this._id));
+}
+function zi(e) {
+	var t = this._name, n = this._id;
+	typeof e != "function" && (e = gt(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, ei(l[f], t, n, f, l, K(u, n)));
+	return new q(a, this._parents, t, n);
+}
+function Bi(e) {
+	var t = this._name, n = this._id;
+	typeof e != "function" && (e = bt(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 = K(u, n), h = 0, g = f.length; h < g; ++h) (p = f[h]) && ei(p, t, n, h, f, m);
+		a.push(f), o.push(u);
+	}
+	return new q(a, o, t, n);
+}
+var Vi = M.prototype.constructor;
+function Hi() {
+	return new Vi(this._groups, this._parents);
+}
+fe();
+function Ui(e, t) {
+	var n, r, i;
+	return function() {
+		var a = A(this, e), o = (this.style.removeProperty(e), A(this, e));
+		return a === o ? null : a === n && o === r ? i : i = t(n = a, r = o);
+	};
+}
+function Wi(e) {
+	return function() {
+		this.style.removeProperty(e);
+	};
+}
+function Gi(e, t, n) {
+	var r, i = n + "", a;
+	return function() {
+		var o = A(this, e);
+		return o === i ? null : o === r ? a : a = t(r = o, n);
+	};
+}
+function Ki(e, t, n) {
+	var r, i, a;
+	return function() {
+		var o = A(this, e), s = n(this), c = s + "";
+		return s ?? (c = s = (this.style.removeProperty(e), A(this, e))), o === c ? null : o === r && c === i ? a : (i = c, a = t(r = o, s));
+	};
+}
+function qi(e, t) {
+	var n, r, i, a = "style." + t, o = "end." + a, s;
+	return function() {
+		var c = G(this, e), l = c.on, u = c.value[a] == null ? s ||= Wi(t) : void 0;
+		(l !== n || i !== u) && (r = (n = l).copy()).on(o, i = u), c.on = r;
+	};
+}
+function Ji(e, t, n) {
+	var r = (e += "") == "transform" ? me : li;
+	return t == null ? this.styleTween(e, Ui(e, r)).on("end.style." + e, Wi(e)) : typeof t == "function" ? this.styleTween(e, Ki(e, r, ci(this, "style." + e, t))).each(qi(this._id, e)) : this.styleTween(e, Gi(e, r, t), n).on("end.style." + e, null);
+}
+function Yi(e, t, n) {
+	return function(r) {
+		this.style.setProperty(e, t.call(this, r), n);
+	};
+}
+function Xi(e, t, n) {
+	var r, i;
+	function a() {
+		var a = t.apply(this, arguments);
+		return a !== i && (r = (i = a) && Yi(e, a, n)), r;
+	}
+	return a._value = t, a;
+}
+function Zi(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, Xi(e, t, n ?? ""));
+}
+function Qi(e) {
+	return function() {
+		this.textContent = e;
+	};
+}
+function $i(e) {
+	return function() {
+		var t = e(this);
+		this.textContent = t ?? "";
+	};
+}
+function ea(e) {
+	return this.tween("text", typeof e == "function" ? $i(ci(this, "text", e)) : Qi(e == null ? "" : e + ""));
+}
+function ta(e) {
+	return function(t) {
+		this.textContent = e.call(this, t);
+	};
+}
+function na(e) {
+	var t, n;
+	function r() {
+		var r = e.apply(this, arguments);
+		return r !== n && (t = (n = r) && ta(r)), t;
+	}
+	return r._value = e, r;
+}
+function ra(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, na(e));
+}
+function ia() {
+	for (var e = this._name, t = this._id, n = ca(), 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 = K(c, t);
+		ei(c, e, n, l, o, {
+			time: u.time + u.delay + u.duration,
+			delay: 0,
+			duration: u.duration,
+			ease: u.ease
+		});
+	}
+	return new q(r, this._parents, e, n);
+}
+function aa() {
+	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 = G(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 oa = 0;
+function q(e, t, n, r) {
+	this._groups = e, this._parents = t, this._name = n, this._id = r;
+}
+function sa(e) {
+	return M().transition(e);
+}
+function ca() {
+	return ++oa;
+}
+var J = M.prototype;
+q.prototype = sa.prototype = {
+	constructor: q,
+	select: zi,
+	selectAll: Bi,
+	selectChild: J.selectChild,
+	selectChildren: J.selectChildren,
+	filter: Mi,
+	merge: Ni,
+	selection: Hi,
+	transition: ia,
+	call: J.call,
+	nodes: J.nodes,
+	node: J.node,
+	size: J.size,
+	empty: J.empty,
+	each: J.each,
+	on: Ii,
+	attr: gi,
+	attrTween: xi,
+	style: Ji,
+	styleTween: Zi,
+	text: ea,
+	textTween: ra,
+	remove: Ri,
+	tween: si,
+	delay: wi,
+	duration: Di,
+	ease: ki,
+	easeVarying: ji,
+	end: aa,
+	[Symbol.iterator]: J[Symbol.iterator]
+}, le();
+var la = {
+	time: null,
+	delay: 0,
+	duration: 250,
+	ease: ue
+};
+function ua(e, t) {
+	for (var n; !(n = e.__transition) || !(n = n[t]);) if (!(e = e.parentNode)) throw Error(`transition ${t} not found`);
+	return n;
+}
+function da(e) {
+	var t, n;
+	e instanceof q ? (t = e._id, e = e._name) : (t = ca(), (n = la).time = Hr(), 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]) && ei(c, e, t, l, o, n || ua(c, t));
+	return new q(r, this._parents, e, t);
+}
+M.prototype.interrupt = ii, M.prototype.transition = da;
+var fa = (e) => () => e;
+function pa(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 Y(e, t, n) {
+	this.k = e, this.x = t, this.y = n;
+}
+Y.prototype = {
+	constructor: Y,
+	scale: function(e) {
+		return e === 1 ? this : new Y(this.k * e, this.x, this.y);
+	},
+	translate: function(e, t) {
+		return e === 0 & t === 0 ? this : new Y(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 ma = new Y(1, 0, 0);
+ha.prototype = Y.prototype;
+function ha(e) {
+	for (; !e.__zoom;) if (!(e = e.parentNode)) return ma;
+	return e.__zoom;
+}
+function ga(e) {
+	e.stopImmediatePropagation();
+}
+function X(e) {
+	e.preventDefault(), e.stopImmediatePropagation();
+}
+Ne(), fe();
+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 || ma;
+}
+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 = de, l = Me("start", "zoom", "end"), u, d, f, p = 500, m = 150, h = 0, g = 10;
+	function _(e) {
+		e.property("__zoom", ya).on("wheel.zoom", ee, { passive: !1 }).on("mousedown.zoom", w).on("dblclick.zoom", te).filter(i).on("touchstart.zoom", ne).on("touchmove.zoom", T).on("touchend.zoom touchcancel.zoom", re).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(ma.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 Y(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 Y(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 Y(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 = N(this.that).datum();
+			l.call(e, this.that, new pa(e, {
+				sourceEvent: this.sourceEvent,
+				target: _,
+				type: e,
+				transform: this.that.__zoom,
+				dispatch: l
+			}), t);
+		}
+	};
+	function ee(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 = P(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)], ri(this), s.start();
+		X(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 w(t, ...r) {
+		if (f || !e.apply(this, arguments)) return;
+		var i = t.currentTarget, a = S(this, r, !0).event(t), s = N(t.view).on("mousemove.zoom", d, !0).on("mouseup.zoom", p, !0), c = P(t, i), l = t.clientX, u = t.clientY;
+		Er(t.view), ga(t), a.mouse = [c, this.__zoom.invert(c)], ri(this), a.start();
+		function d(e) {
+			if (X(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] = P(e, i), a.mouse[1]), a.extent, o));
+		}
+		function p(e) {
+			s.on("mousemove.zoom mouseup.zoom", null), Dr(e.view, a.moved), X(e), a.event(e).end();
+		}
+	}
+	function te(r, ...i) {
+		if (e.apply(this, arguments)) {
+			var a = this.__zoom, c = P(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);
+			X(r), s > 0 ? N(this).transition().duration(s).call(x, d, c, r) : N(this).call(_.transform, d, c, r);
+		}
+	}
+	function ne(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 (ga(t), s = 0; s < i; ++s) c = r[s], l = P(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)), ri(this), a.start());
+		}
+	}
+	function T(e, ...t) {
+		if (this.__zooming) {
+			var r = S(this, t).event(e), i = e.changedTouches, a = i.length, s, c, l, u;
+			for (X(e), s = 0; s < a; ++s) c = i[s], l = P(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 re(e, ...t) {
+		if (this.__zooming) {
+			var n = S(this, t).event(e), r = e.changedTouches, i = r.length, a, o;
+			for (ga(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 = P(o, this), Math.hypot(d[0] - o[0], d[1] - o[1]) < g)) {
+				var s = N(this).on("dblclick.zoom");
+				s && s.apply(this, arguments);
+			}
+		}
+	}
+	return _.wheelDelta = function(e) {
+		return arguments.length ? (r = typeof e == "function" ? e : fa(+e), _) : r;
+	}, _.filter = function(t) {
+		return arguments.length ? (e = typeof t == "function" ? t : fa(!!t), _) : e;
+	}, _.touchable = function(e) {
+		return arguments.length ? (i = typeof e == "function" ? e : fa(!!e), _) : i;
+	}, _.extent = function(e) {
+		return arguments.length ? (t = typeof e == "function" ? e : fa([[+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;
+	}, _;
+}
+re();
+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() {
+			N(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) {
+				N(this).style("stroke-width", "var(--border-hover-width)").style("stroke", "var(--border-hover-color)");
+				return;
+			}
+			N(this).style("stroke", void 0).style("stroke-width", void 0), e.data._upToTheRootHighlighted && N(this).raise();
+		},
+		hdiagonal: Ta,
+		diagonal: Ea,
+		linkGroupArc: oe().x((e) => e.x).y((e) => e.y)
+	};
+	return e.layoutBindings = wa(e), e;
+}, Aa = (e, n, a) => {
+	let o = (0, O.useRef)(e.treeChartSettings?.transform), s = (0, O.useRef)(null);
+	return s.current = (n) => {
+		let o = ka(), s = n.treeOptions, c = {
+			linkUpdate: o.linkUpdate,
+			getButtonContent: o.buttonContent,
+			...Cr[s.layoutPreset]
+		}, l = c.sizes ? c.sizes(e) : {}, u = {
+			...r,
+			...e.treeChartSettings?.nodeLayout?.border
+		};
+		u.enabled === !1 && (u.borderWidth = 0);
+		let d = {
+			...i,
+			...e.treeChartSettings?.nodeLayout.hoverStyle
+		}, f = d.enabled ? d.borderWidth : 0;
+		a.nodeWidth((e) => (s.nodeWidth ? s.nodeWidth : typeof c.width == "function" ? c.width(e) : c.width) + (u.borderWidth ?? 0) * 2).nodeHeight((e) => (e.id === "__root__" ? 0 : typeof c.height == "function" ? c.height(e, l) : c.height) + (u.borderWidth ?? 0) * 2).nodeDefaultBackground(e.treeChartSettings?.nodeLayout?.backgroundColor ?? t.backgroundColor).compact(s.compact).layout(s.directionOrigin).padding({
+			top: f,
+			right: f,
+			bottom: f,
+			left: f
+		}).gridEnabled(s.gridLayoutEnabled).gridRows(s.gridLayoutRows).forceAutoFit(s.forceAutoFit).setActiveNodeCentered(!s.forceAutoFit).duration(s.animate === !1 ? 0 : 400).root(n.root).linkUpdate(c.linkUpdate).buttonContent(c.getButtonContent).container(n.container).nodeContent((e) => c.getNodeContent(e, { config: a.getConfig() })).render({
+			zoomToFit: n.zoomToFit ?? !1,
+			transform: n.transform
+		});
+	}, (0, O.useCallback)((e, t) => {
+		s.current({
+			root: e,
+			container: n.current,
+			treeOptions: t,
+			zoomToFit: !0,
+			transform: o.current ?? void 0
+		});
+	}, []);
+}, ja = {
+	directionOrigin: "top",
+	compact: !1,
+	layoutPreset: p.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: Cr[n.layoutPreset || p.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 = u();
+Te();
+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
+	};
+};
+re();
+var Z = {
+	selection: M,
+	select: N,
+	max: Ce,
+	min: Ee,
+	sum: we,
+	cumsum: De,
+	tree: Qe,
+	stratify: Be,
+	zoom: Ca,
+	zoomIdentity: ma,
+	linkHorizontal: oe,
+	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() {
+		Oe.prototype.allDescendants || (Oe.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(Pr().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, N(e).classed("dragging", !0);
+	}
+	onDrag(e, t) {
+		let n = this.getChartState(), r = this.getConfig();
+		if (!n.dragNode) return;
+		let i = N(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 = sr("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 (N(e).classed("dragging", !1), !n.dropNode) {
+				this.render();
+				return;
+			}
+			if (t.subject.parent.id === n.dropNode.id) {
+				this.render();
+				return;
+			}
+			N(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 = pe(), go = (e, t, n) => {
+	let r = te(), i = (0, O.useCallback)((t) => {
+		t.data.brush && r.daedalus.emitEvent(D.Brush, {
+			data: {
+				action: Q.BrushEventAction.Hover,
+				data: [{
+					id: t.data.brush.key,
+					values: [t.data.brush.value]
+				}]
+			},
+			emitter: e
+		});
+	}, [r, e]), a = (0, O.useCallback)((t) => {
+		t.data.brush && r.daedalus.emitEvent(D.Brush, {
+			data: {
+				action: Q.BrushEventAction.Blur,
+				data: [{
+					id: t.data.brush.key,
+					values: [t.data.brush.value]
+				}]
+			},
+			emitter: e
+		});
+	}, [r, e]), o = (0, O.useRef)({});
+	return o.current[D.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) => {
+						t.querySelector(`.node[data-brush="${e}"][data-value="${n}"]`)?.classList.add("hovered");
+					});
+				});
+				break;
+			case Q.BrushEventAction.Blur:
+				r.data.data.forEach(({ id: e, values: n }) => {
+					n.forEach((n) => {
+						t.querySelector(`.node[data-brush="${e}"][data-value="${n}"]`)?.classList.remove("hovered");
+					});
+				});
+				break;
+			case Q.BrushEventAction.End:
+				t.querySelectorAll(".node.hovered").forEach((e) => e.classList.remove("hovered"));
+				break;
+		}
+	}, g({
+		action: D.Brush,
+		handler: ({ payload: e }) => e && o.current[D.Brush](e)
+	}, []), {
+		onTreeNodeHover: i,
+		onTreeNodeLeave: a
+	};
+}, _o = (e) => {
+	let { variables: t, variablesFetched: n, updateVariable: r } = x();
+	return {
+		variables: (0, O.useMemo)(() => {
+			let n = {};
+			return e.measures?.forEach((e) => {
+				!e.slots || !c(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 = f(e.dataItem);
+					n[i].measureId.includes(o) || n[i].measureId.push(o);
+				});
+			}), n;
+		}, [
+			e.measures,
+			t,
+			n
+		]),
+		updateVariable: r,
+		variablesFetched: n
+	};
+}, vo = (e, t) => {
+	let n = e.dimensions.filter(c), r = n.map((e) => f(e.dataItem)), i = n.length, a = (0, O.useMemo)(() => C(n.map((e) => ({
+		dataItem: e.dataItem,
+		dateLevel: void 0,
+		datePart: void 0,
+		operator: Qa.FilterOperator.InList
+	})), { ignoreApplied: !0 }), [r]), o = (0, O.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 && ce(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, O.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) => {
+				t.querySelector(`.node[data-brush="${e}"][data-value="${n}"]`)?.classList.add("selected");
+			});
+		}));
+	}, [t, JSON.stringify(a)]), { onTreeNodeClick: o };
+}, yo = (e, t) => {
+	e.next({
+		action: l.SaveLocalVSpec,
+		payload: { vSpecChange: { treeChartSettings: { ...t } } },
+		mergeWith(e, t, n) {
+			if (n === "nodeExpandState") return t;
+		}
+	});
+}, bo = 80, xo = (e, t, n, r) => {
+	let i = (0, O.useRef)(e.treeChartSettings?.nodeExpandState ?? {}), a = r.forceAutoFit, o = ee(), s = _o(o), l = _(), u = m(), d = e.dimensions.filter(c), p = d.length, [h] = (0, O.useState)(e.treeChartSettings?.transform ?? null), [g, v] = (0, O.useState)(h ?? {
+		k: 1,
+		x: 0,
+		y: 0
+	}), y = (0, O.useRef)(e.treeChartSettings?.transform), { onTreeNodeHover: b, onTreeNodeLeave: x } = go(n, t.current, r), { onTreeNodeClick: S } = vo(e, t.current), C = (0, O.useRef)(new ho()), w = (0, O.useRef)(null), te = !e.treeChartSettings.gridLayout?.enabled && e.treeChartSettings?.nodeLayout?.hoverStyle?.enabled, T = (0, O.useCallback)(() => {
+		w.current &&= (clearTimeout(w.current), null);
+	}, []);
+	return C.current.onNodeHover((e) => {
+		r.interactive && b(e), te && (T(), C.current.highlight(e));
+	}).onNodeLeave((e) => {
+		r.interactive && x(e), te && (T(), w.current = setTimeout(() => {
+			C.current.highlight(null), w.current = null;
+		}, bo));
+	}).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 && ne(u, e.measures, f(n.dataItem), !t.parent || t.parent.data.id === "__root__" ? null : t.parent.data.id);
+	}).onExpandOrCollapse((t) => {
+		let n = it(t, e.treeChartSettings?.initialExpandedLevels, d.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, yo(l, { nodeExpandState: i.current }), !(p > 0) && Object.values(s.variables).filter((e) => e.measureId.includes(t.data.id)).forEach((e) => {
+			s.updateVariable(e.id, r, Qa.VariableType.boolean);
+		});
+	}).onUserZoom(() => {
+		y.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 || (v(t), yo(l, {
+			nodeExpandState: i.current,
+			transform: t
+		}));
+	}), (0, O.useEffect)(() => () => T(), [T]), (0, O.useEffect)(() => {
+		e.treeChartSettings?.nodeExpandState && (i.current = e.treeChartSettings.nodeExpandState ?? {});
+	}, [e.treeChartSettings?.nodeExpandState]), (0, O.useEffect)(() => {
+		o.treeChartSettings?.nodeExpandState || (i.current = {});
+	}, [o.treeChartSettings?.initialExpandedLevels]), (0, O.useEffect)(() => {
+		y.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
+	};
+}, $ = w(), So = ({ vSpec: e, vTheme: t, data: n, elementSize: r, vizProperties: i }) => {
+	let o = i?.isEditMode ?? !1, s = i?.isPrintMode ?? !1, l = e?.treeChartSettings?.gridLayout?.enabled, u = e.dimensions.filter(c).length, d = e.measures.filter(c), f = (0, O.useRef)("tree-" + a(10)), p = (0, O.useRef)(null), m = e.treeChartSettings?.forceAutoFit === !0, { layout: h, treeSettings: g } = Ma(e, i), { chart: _, expandedState: y } = xo(e, p, f.current, g), b = Aa(e, p, _), x = lt({
+		vSpec: e,
+		data: n,
+		nodeExpandState: y
+	}), [S, C] = (0, O.useState)(!1);
+	(0, O.useLayoutEffect)(() => (_ && _.init(), () => {
+		_?.destroy();
+	}), [p.current]), (0, O.useEffect)(() => {
+		S ? _.enableDrag() : _.disableDrag();
+	}, [S]), (0, O.useEffect)(() => {
+		!p.current || !_ || !r.width || !r.height || b(x, g);
+	}, [
+		r.width,
+		r.height,
+		b
+	]);
+	let ee = o && u === 0 && !l;
+	(0, O.useEffect)(() => {
+		p.current && b(x, g);
+	}, [
+		x,
+		JSON.stringify(g),
+		b
+	]);
+	let w = Pe({
+		vTheme: t,
+		vSpec: e,
+		id: f.current,
+		layout: h
+	});
+	return /* @__PURE__ */ (0, $.jsxs)("div", {
+		style: {
+			width: "100%",
+			height: "100%"
+		},
+		id: f.current,
+		"data-mode": o ? "edit" : "view",
+		children: [
+			!s && /* @__PURE__ */ (0, $.jsxs)("div", {
+				className: "tree-toolbar",
+				style: {
+					position: "absolute",
+					zIndex: 1,
+					padding: 10,
+					right: 0,
+					top: 0,
+					gap: 10
+				},
+				children: [ee && /* @__PURE__ */ (0, $.jsx)(be, {
+					size: "small",
+					value: "organize",
+					selected: S,
+					onChange: () => C(!S),
+					disabled: d.length < 2,
+					children: /* @__PURE__ */ (0, $.jsx)(_e, {})
+				}), !m && /* @__PURE__ */ (0, $.jsx)(be, {
+					value: "",
+					size: "small",
+					onClick: () => _?.fit(),
+					children: /* @__PURE__ */ (0, $.jsx)(v, {})
+				})]
+			}),
+			/* @__PURE__ */ (0, $.jsx)("style", { children: w }),
+			/* @__PURE__ */ (0, $.jsx)("div", {
+				style: {
+					width: "100%",
+					height: "100%"
+				},
+				ref: p
+			})
+		]
+	});
+}, Co = b(class extends O.Component {
+	render() {
+		return /* @__PURE__ */ (0, $.jsx)(So, { ...this.props });
+	}
+});
+export { Co as Tree };