@thebuoyant-tsdev/mui-ts-library 2.4.0 → 2.6.0

package/dist/index.js

@@ -5916,6 +5916,7 @@ function Kr({ data: e, size: n = 500, showSegmentLabels: r = !0, innerRadius: i
 	]), [P, F] = c(M), [I, L] = c(M);
 	I !== M && (L(M), F(M));
 	let R = o(() => M.children?.map((e) => e.data.name) ?? [M.data.name], [M]), B = o(() => Z.scaleOrdinal().domain(R).range(j), [j, R]), H = (e) => {
+		if (e.data.colorConfig?.fill) return e.data.colorConfig.fill;
 		let t = e;
 		for (; t.depth > 1;) t = t.parent;
 		return B(t.data.name);
@@ -6208,19 +6209,19 @@ function Xr({ sourceName: e, targetName: t, sourceValue: n, targetValue: r, dire
 		]
 	});
 }
-function Zr({ data: e, size: n = 500, innerRadius: r, ringThickness: i = 20, padAngle: l, ribbonPadAngle: u, sortSubgroups: f = "descending", sortChords: p = "descending", chartColors: m, showGroupLabels: h = !0, labelOffset: g = 8, ribbonOpacity: _ = .75, ribbonBlendMode: v = "multiply", directed: y = !0, valueDecimalCount: b = 0, valueDecimalSeparator: x = ".", valueThousandsSeparator: S = ",", onGroupClick: C, onChordClick: w, disabled: T = !1 }) {
-	let E = V(), D = [
-		E.palette.primary.main,
-		E.palette.secondary.main,
-		E.palette.error.main,
-		E.palette.warning.main,
-		E.palette.success.main,
-		E.palette.info.main
-	], O = m && m.length > 0 ? m : D, k = r ?? Math.min(n, n) * .5 - 90, A = Math.max(10, k), j = A + Math.max(1, i), M = l ?? 10 / A, N = u ?? 1 / A, P = t((e) => Jr(e, b, x, S), [
-		b,
+function Zr({ data: e, size: n = 500, innerRadius: r, ringThickness: i = 20, padAngle: l, ribbonPadAngle: u, sortSubgroups: f = "descending", sortChords: p = "descending", chartColors: m, groupColorConfigs: h, showGroupLabels: g = !0, labelOffset: _ = 8, ribbonOpacity: v = .75, ribbonBlendMode: y = "multiply", directed: b = !0, valueDecimalCount: x = 0, valueDecimalSeparator: S = ".", valueThousandsSeparator: C = ",", onGroupClick: w, onChordClick: T, zoomable: E = !1, disabled: D = !1 }) {
+	let O = V(), k = [
+		O.palette.primary.main,
+		O.palette.secondary.main,
+		O.palette.error.main,
+		O.palette.warning.main,
+		O.palette.success.main,
+		O.palette.info.main
+	], A = m && m.length > 0 ? m : k, j = r ?? Math.min(n, n) * .5 - 90, M = Math.max(10, j), N = M + Math.max(1, i), P = l ?? 10 / M, F = u ?? 1 / M, I = t((e) => Jr(e, x, S, C), [
 		x,
-		S
-	]), { names: F, matrix: I } = o(() => {
+		S,
+		C
+	]), { names: L, matrix: R } = o(() => {
 		let t = Z.sort(Z.union(e.map((e) => e.source), e.map((e) => e.target))), n = new Map(t.map((e, t) => [e, t])), r = Array.from({ length: t.length }, () => Array(t.length).fill(0));
 		for (let { source: t, target: i, value: a } of e) {
 			let e = n.get(t), o = n.get(i);
@@ -6230,152 +6231,174 @@ function Zr({ data: e, size: n = 500, innerRadius: r, ringThickness: i = 20, pad
 			names: t,
 			matrix: r
 		};
-	}, [e]), L = o(() => {
-		let e = (y ? Z.chordDirected() : Z.chord()).padAngle(M);
-		return f === "ascending" && (e = e.sortSubgroups(Z.ascending)), f === "descending" && (e = e.sortSubgroups(Z.descending)), p === "ascending" && (e = e.sortChords(Z.ascending)), p === "descending" && (e = e.sortChords(Z.descending)), e(I);
+	}, [e]), B = o(() => {
+		let e = (b ? Z.chordDirected() : Z.chord()).padAngle(P);
+		return f === "ascending" && (e = e.sortSubgroups(Z.ascending)), f === "descending" && (e = e.sortSubgroups(Z.descending)), p === "ascending" && (e = e.sortChords(Z.ascending)), p === "descending" && (e = e.sortChords(Z.descending)), e(R);
 	}, [
-		I,
-		M,
-		y,
+		R,
+		P,
+		b,
 		f,
 		p
-	]), R = o(() => Z.arc().innerRadius(A).outerRadius(j), [A, j]), B = o(() => (y ? Z.ribbonArrow() : Z.ribbon()).radius(A - 1).padAngle(N), [
-		A,
-		N,
-		y
-	]), H = t((e) => B({
+	]), H = o(() => Z.arc().innerRadius(M).outerRadius(N), [M, N]), U = o(() => (b ? Z.ribbonArrow() : Z.ribbon()).radius(M - 1).padAngle(F), [
+		M,
+		F,
+		b
+	]), W = t((e) => U({
 		source: {
 			startAngle: e.source.startAngle,
 			endAngle: e.source.endAngle,
-			radius: A - 1
+			radius: M - 1
 		},
 		target: {
 			startAngle: e.target.startAngle,
 			endAngle: e.target.endAngle,
-			radius: A - 1
+			radius: M - 1
 		}
-	}) ?? "", [B, A]), U = o(() => Z.scaleOrdinal().domain(Z.range(F.length)).range(O.length >= F.length ? O : [...Array(Math.ceil(F.length / O.length))].flatMap(() => O).slice(0, F.length)), [O, F.length]), W = s(null), [ee, G] = c(`-${n / 2} -${n / 2} ${n} ${n}`);
+	}) ?? "", [U, M]), ee = o(() => Z.scaleOrdinal().domain(Z.range(L.length)).range(A.length >= L.length ? A : [...Array(Math.ceil(L.length / A.length))].flatMap(() => A).slice(0, L.length)), [A, L.length]), G = t((e) => h?.[L[e]]?.fill ?? ee(e), [
+		h,
+		L,
+		ee
+	]), J = s(null), [te, ne] = c(`-${n / 2} -${n / 2} ${n} ${n}`), [re, ie] = c(1), ae = o(() => {
+		if (re === 1) return te;
+		let [e, t, n, r] = te.split(" ").map(Number), i = n / re, a = r / re;
+		return `${e + (n - i) / 2} ${t + (r - a) / 2} ${i} ${a}`;
+	}, [te, re]);
 	a(() => {
-		let e = W.current;
+		let e = J.current;
 		if (!e) return;
 		let t = requestAnimationFrame(() => {
 			try {
 				let t = e.getBBox();
-				G(`${t.x - 8} ${t.y - 8} ${t.width + 16} ${t.height + 16}`);
+				ne(`${t.x - 8} ${t.y - 8} ${t.width + 16} ${t.height + 16}`);
 			} catch {
-				G(`-${n / 2} -${n / 2} ${n} ${n}`);
+				ne(`-${n / 2} -${n / 2} ${n} ${n}`);
 			}
 		});
 		return () => cancelAnimationFrame(t);
 	}, [
 		n,
-		A,
-		j,
-		F.length,
-		L
+		M,
+		N,
+		L.length,
+		B
 	]);
-	let [J, te] = c(null), ne = t((e) => ({
-		name: F[e.index],
+	let [Y, oe] = c(null), se = t((e) => ({
+		name: L[e.index],
 		index: e.index,
-		valueOut: Z.sum(L, (t) => t.source.index === e.index ? t.source.value : 0),
-		valueIn: Z.sum(L, (t) => t.target.index === e.index ? t.source.value : 0)
-	}), [F, L]), re = t((e) => ({
+		valueOut: Z.sum(B, (t) => t.source.index === e.index ? t.source.value : 0),
+		valueIn: Z.sum(B, (t) => t.target.index === e.index ? t.source.value : 0)
+	}), [L, B]), ce = t((e) => ({
 		source: {
-			name: F[e.source.index],
+			name: L[e.source.index],
 			index: e.source.index,
 			value: e.source.value
 		},
 		target: {
-			name: F[e.target.index],
+			name: L[e.target.index],
 			index: e.target.index,
 			value: e.target.value
 		}
-	}), [F]), ie = (e) => {
+	}), [L]), le = (e) => {
 		let t = (e.startAngle + e.endAngle) / 2, n = t * 180 / Math.PI - 90, r = t > Math.PI ? " rotate(180)" : "";
-		return `rotate(${n}) translate(${j + g})${r}`;
-	}, ae = (e) => (e.startAngle + e.endAngle) / 2 > Math.PI ? "end" : "start", Y = {
+		return `rotate(${n}) translate(${N + _})${r}`;
+	}, ue = (e) => (e.startAngle + e.endAngle) / 2 > Math.PI ? "end" : "start", de = t((e) => {
+		if (!E || D || !e.ctrlKey) return;
+		e.preventDefault();
+		let t = e.deltaY < 0 ? 1.15 : 1 / 1.15;
+		ie((e) => Math.max(.25, Math.min(8, e * t)));
+	}, [E, D]);
+	a(() => {
+		if (!E) return;
+		let e = (e) => {
+			e.key === "Escape" && ie(1);
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [E]);
+	let fe = {
 		followCursor: !0,
 		enterDelay: 50,
 		enterNextDelay: 0,
-		disableHoverListener: T,
+		disableHoverListener: D,
 		slotProps: { tooltip: { sx: { maxWidth: 240 } } }
-	}, oe = E.palette.text.primary, se = E.typography.fontFamily;
+	}, pe = O.palette.text.primary, me = O.typography.fontFamily;
 	return /* @__PURE__ */ K(d, {
 		sx: {
 			display: "inline-flex",
-			opacity: T ? .5 : 1,
-			cursor: T ? "not-allowed" : "default",
+			opacity: D ? .5 : 1,
+			cursor: D ? "not-allowed" : "default",
 			userSelect: "none"
 		},
 		children: /* @__PURE__ */ K("svg", {
 			width: n,
 			height: n,
-			viewBox: ee,
+			viewBox: ae,
+			onWheel: de,
 			style: {
-				fontFamily: se ?? "sans-serif",
-				overflow: "visible"
+				fontFamily: me ?? "sans-serif",
+				overflow: E && re > 1 ? "hidden" : "visible"
 			},
 			role: "img",
 			"aria-label": "Chord chart",
 			children: /* @__PURE__ */ q("g", {
-				ref: W,
-				children: [/* @__PURE__ */ K("g", { children: L.groups.map((e) => {
-					let t = ne(e), n = J === e.index, r = J !== null && !n;
+				ref: J,
+				children: [/* @__PURE__ */ K("g", { children: B.groups.map((e) => {
+					let t = se(e), n = Y === e.index, r = Y !== null && !n;
 					return /* @__PURE__ */ K(z, {
-						...Y,
+						...fe,
 						title: /* @__PURE__ */ K(Yr, {
 							name: t.name,
 							valueOut: t.valueOut,
 							valueIn: t.valueIn,
-							fmt: P
+							fmt: I
 						}),
 						children: /* @__PURE__ */ q("g", {
-							style: { cursor: T ? "not-allowed" : "pointer" },
-							onMouseEnter: () => !T && te(e.index),
-							onMouseLeave: () => te(null),
-							onClick: (e) => !T && C?.(t, e),
+							style: { cursor: D ? "not-allowed" : "pointer" },
+							onMouseEnter: () => !D && oe(e.index),
+							onMouseLeave: () => oe(null),
+							onClick: (e) => !D && w?.(t, e),
 							children: [/* @__PURE__ */ K("path", {
-								d: R(e) || "",
-								fill: U(e.index),
-								stroke: E.palette.divider,
+								d: H(e) || "",
+								fill: G(e.index),
+								stroke: O.palette.divider,
 								opacity: r ? .35 : 1,
 								style: { transition: "opacity 0.15s" }
-							}), h && /* @__PURE__ */ K("text", {
+							}), g && /* @__PURE__ */ K("text", {
 								dy: "0.35em",
 								fontSize: 11,
-								fill: oe,
-								transform: ie(e),
-								textAnchor: ae(e),
+								fill: pe,
+								transform: le(e),
+								textAnchor: ue(e),
 								pointerEvents: "none",
-								children: F[e.index]
+								children: L[e.index]
 							})]
 						})
 					}, `grp-tt-${e.index}`);
 				}) }), /* @__PURE__ */ K("g", {
-					fillOpacity: _,
-					style: { mixBlendMode: v },
-					children: L.map((e, t) => {
-						let n = re(e), r = J === null || e.source.index === J || e.target.index === J;
+					fillOpacity: v,
+					style: { mixBlendMode: y },
+					children: B.map((e, t) => {
+						let n = ce(e), r = Y === null || e.source.index === Y || e.target.index === Y;
 						return /* @__PURE__ */ K(z, {
-							...Y,
+							...fe,
 							title: /* @__PURE__ */ K(Xr, {
 								sourceName: n.source.name,
 								targetName: n.target.name,
 								sourceValue: n.source.value,
 								targetValue: n.target.value,
-								directed: y,
-								fmt: P
+								directed: b,
+								fmt: I
 							}),
 							children: /* @__PURE__ */ K("path", {
-								d: H(e),
-								fill: U(e.target.index),
+								d: W(e),
+								fill: G(e.target.index),
 								stroke: "none",
 								opacity: r ? 1 : .12,
 								style: {
-									cursor: T ? "not-allowed" : "pointer",
+									cursor: D ? "not-allowed" : "pointer",
 									transition: "opacity 0.15s"
 								},
-								onClick: (e) => !T && w?.(n, e)
+								onClick: (e) => !D && T?.(n, e)
 							})
 						}, `chord-tt-${t}`);
 					})
@@ -6491,7 +6514,7 @@ function ri({ data: e, size: n = 600, autoFit: r = !0, sortBy: i = "name", showL
 		p,
 		m,
 		h
-	]), L = t((e) => F[e.depth % F.length], [F]), [R, H] = c([e]), U = R[R.length - 1], [W, ee] = c(e);
+	]), L = t((e) => e.data.colorConfig?.fill ?? F[e.depth % F.length], [F]), [R, H] = c([e]), U = R[R.length - 1], [W, ee] = c(e);
 	W !== e && (ee(e), H([e]));
 	let G = Math.max(1, n / 2 - 70), J = o(() => {
 		let e = Z.hierarchy(U);
@@ -6831,4 +6854,867 @@ function ri({ data: e, size: n = 600, autoFit: r = !0, sortBy: i = "name", showL
 }
 ri.displayName = "RadialTreeChart";
 //#endregion
-export { Zr as ChordChart, Mt as ConfirmDialogProvider, tr as DEFAULT_CHECK_COLORS, Qr as DEFAULT_CHORD_CHART_TRANSLATION, Dt as DEFAULT_CONFIRM_DIALOG_TRANSLATION, dn as DEFAULT_GANTT_TRANSLATIONS, Pt as DEFAULT_JSON_EDITOR_TOOLBAR_CONFIG, Ft as DEFAULT_JSON_EDITOR_TRANSLATION, er as DEFAULT_METER_COLORS, $n as DEFAULT_PASSWORD_TRANSLATIONS, $r as DEFAULT_RADIAL_TREE_CHART_TRANSLATION, mr as DEFAULT_RICH_TEXT_EDITOR_TOOLBAR_CONFIG, hr as DEFAULT_RICH_TEXT_EDITOR_TRANSLATION, jr as DEFAULT_SQL_EDITOR_TOOLBAR_CONFIG, Mr as DEFAULT_SQL_EDITOR_TRANSLATION, qr as DEFAULT_SUNBURST_CHART_TRANSLATION, lr as DEFAULT_TAG_SELECTION_TRANSLATION, Yn as GanttChart, Vt as JsonEditor, rr as PasswordStrengthMeter, ri as RadialTreeChart, Ar as RichTextEditor, Rr as SqlEditor, Kr as SunburstChart, pr as TagSelection, Nt as useConfirm, $ as useGanttChartStore, Wn as useGanttTheme, Hn as useGanttTranslations, Bn as useRawGanttChartStore };
+//#region src/components/circle-packing-chart/CirclePackingChart.tsx
+var ii = .56;
+function ai(e, t, n) {
+	return e.length * n * ii <= t ? e : t >= 3 * n * ii + n * 2 ? "…" : "";
+}
+function oi({ data: e, size: n = 600, padding: r = 3, sortBy: i = "value", showLabels: l = !0, showAllLabels: u = !1, labelFontSize: f = 13, innerLabelFontSize: p = 9, labelColor: m, chartColors: h, depthColorStart: g, depthColorEnd: _, background: v, duration: y = 750, zoomable: b = !1, disabled: x = !1, onCircleClick: S, onZoomChange: C }) {
+	let w = V(), T = [
+		w.palette.primary.main,
+		w.palette.secondary.main,
+		w.palette.error.main,
+		w.palette.warning.main,
+		w.palette.success.main,
+		w.palette.info.main
+	], E = m ?? w.palette.text.primary, D = v ?? w.palette.background.default, O = w.typography.fontFamily, k = o(() => {
+		let t = Z.hierarchy(e).sum((e) => e.value ?? 0);
+		return i === "value" ? t.sort((e, t) => (t.value ?? 0) - (e.value ?? 0)) : t.sort((e, t) => String(e.data.name).localeCompare(String(t.data.name), void 0, {
+			numeric: !0,
+			sensitivity: "base"
+		})), Z.pack().size([n, n]).padding(r)(t);
+	}, [
+		e,
+		n,
+		r,
+		i
+	]), A = k.descendants(), j = o(() => Z.max(A, (e) => e.depth) ?? 0, [A]), M = !!(g && _), N = o(() => M ? Z.scaleSequential(Z.interpolateHcl(g, _)).domain([0, Math.max(1, j)]) : null, [
+		M,
+		g,
+		_,
+		j
+	]), P = h && h.length > 0 ? h : T, F = t((e) => e.data.colorConfig?.fill ? e.data.colorConfig.fill : M && N ? e.children ? N(e.depth) : w.palette.background.paper : P[e.depth % P.length], [
+		M,
+		N,
+		P,
+		w
+	]), [I, L] = c(1), R = t((e) => {
+		if (!b || x || !e.ctrlKey) return;
+		e.preventDefault();
+		let t = e.deltaY < 0 ? 1.15 : 1 / 1.15;
+		L((e) => Math.max(.25, Math.min(8, e * t)));
+	}, [b, x]);
+	a(() => {
+		if (!b) return;
+		let e = (e) => {
+			e.key === "Escape" && L(1);
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [b]);
+	let H = o(() => {
+		let e = `${-n / 2} ${-n / 2} ${n} ${n}`;
+		if (I === 1) return e;
+		let t = n / I, r = (n - t) / 2;
+		return `${-n / 2 + r} ${-n / 2 + r} ${t} ${t}`;
+	}, [n, I]), U = t((e) => {
+		let t = e.value ?? 0, n = k.value ?? 0;
+		return {
+			id: e.data.id ?? null,
+			name: e.data.name,
+			value: t || null,
+			percentage: n > 0 ? Math.round(t / n * 1e4) / 100 : 0,
+			depth: e.depth,
+			path: e.ancestors().map((e) => e.data.name).reverse(),
+			childrenCount: e.children?.length ?? 0,
+			data: e.data
+		};
+	}, [k]), W = s(null), ee = s([
+		k.x,
+		k.y,
+		k.r * 2
+	]), G = s(k), [J, te] = c(k), ne = t((e) => {
+		G.current = e, te(e);
+	}, []), [re, ie] = c(e);
+	re !== e && (ie(e), ne(k), G.current = k);
+	let ae = t((e) => {
+		let t = W.current;
+		if (!t) return;
+		ee.current = e;
+		let r = n / e[2], i = G.current, a = t.querySelectorAll("g[data-role='nodes'] > g"), o = t.querySelectorAll("g[data-role='nodes'] > g > circle");
+		for (let t = 0; t < A.length; t++) {
+			let n = A[t], i = a[t];
+			i && i.setAttribute("transform", `translate(${(n.x - e[0]) * r},${(n.y - e[1]) * r})`);
+			let s = t - 1;
+			s >= 0 && o[s] && o[s].setAttribute("r", String(n.r * r));
+		}
+		if (l) {
+			let n = t.querySelectorAll("g[data-role='labels'] > text");
+			for (let t = 0; t < A.length; t++) {
+				let i = A[t], a = n[t];
+				a && (a.setAttribute("transform", `translate(${(i.x - e[0]) * r},${(i.y - e[1]) * r})`), a.setAttribute("font-weight", i.children ? "bold" : "normal"));
+			}
+		}
+		if (u) {
+			let n = t.querySelectorAll("g[data-role='inner-labels'] > text");
+			for (let t = 0; t < A.length; t++) {
+				let a = A[t], o = n[t];
+				if (!o) continue;
+				let s = a.r * r, c = s * 1.6, l = i === k ? a !== k : a.ancestors().includes(i), u = a.parent === i;
+				if (l && !u && s >= 14) {
+					let t = ai(a.data.name, c, p);
+					t ? (o.textContent = t, o.setAttribute("transform", `translate(${(a.x - e[0]) * r},${(a.y - e[1]) * r})`), o.setAttribute("font-weight", a.children ? "bold" : "normal"), o.style.display = "inline") : o.style.display = "none";
+				} else o.style.display = "none";
+			}
+		}
+	}, [
+		A,
+		n,
+		l,
+		u,
+		p,
+		k
+	]);
+	a(() => {
+		ae([
+			J.x,
+			J.y,
+			J.r * 2
+		]);
+	}, [
+		k,
+		n,
+		J,
+		ae
+	]);
+	let Y = t((e, t) => {
+		let n = W.current;
+		if (!n) return;
+		let r = J, i = ee.current, a = [
+			e.x,
+			e.y,
+			e.r * 2
+		];
+		ne(e), Z.select(n).transition().duration(t).ease(Z.easeCubic).tween("zoom", () => {
+			let e = Z.interpolateZoom(i, a);
+			return (t) => ae(e(t));
+		});
+		let o = n.querySelectorAll("g[data-role='labels'] > text");
+		Z.selectAll(o).transition().duration(t).ease(Z.easeCubic).style("fill-opacity", (t, n) => +(A[n].parent === e)).on("start", function(t, n) {
+			A[n].parent === e && (this.style.display = "inline");
+		}).on("end", function(t, n) {
+			A[n].parent !== e && (this.style.display = "none");
+		}), C?.({
+			previousName: r.data.name,
+			currentName: e.data.name,
+			currentDepth: e.depth,
+			isRoot: e === k
+		});
+	}, [
+		J,
+		A,
+		k,
+		ae,
+		C,
+		ne
+	]), oe = s(null), se = (e) => {
+		oe.current &&= (clearTimeout(oe.current), null), oe.current = setTimeout(() => {
+			e(), oe.current = null;
+		}, 250);
+	}, ce = () => {
+		oe.current &&= (clearTimeout(oe.current), null);
+	};
+	a(() => {
+		if (x) return;
+		let e = (e) => {
+			e.key === "Escape" && (ce(), Y(k, y));
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [
+		x,
+		k,
+		y
+	]);
+	let le = (e) => {
+		if (x || !(e.ctrlKey || e.metaKey)) return;
+		ce(), e.preventDefault();
+		let t = J.parent ?? k;
+		t !== J && Y(t, e.altKey ? Math.max(250, y * 10) : y);
+	}, ue = {
+		followCursor: !0,
+		enterDelay: 50,
+		enterNextDelay: 0,
+		disableHoverListener: x,
+		slotProps: { tooltip: { sx: { maxWidth: 220 } } }
+	};
+	return /* @__PURE__ */ q(d, {
+		sx: {
+			display: "inline-flex",
+			position: "relative",
+			opacity: x ? .5 : 1,
+			cursor: x ? "not-allowed" : "default",
+			userSelect: "none"
+		},
+		children: [/* @__PURE__ */ q("svg", {
+			ref: W,
+			width: n,
+			height: n,
+			viewBox: H,
+			onWheel: R,
+			style: {
+				display: "block",
+				background: D,
+				fontFamily: O ?? "sans-serif",
+				overflow: b && I > 1 ? "hidden" : "visible"
+			},
+			role: "img",
+			"aria-label": e.name,
+			onDoubleClick: le,
+			children: [
+				/* @__PURE__ */ K("g", {
+					"data-role": "nodes",
+					children: A.map((e, t) => {
+						let r = U(e), i = /* @__PURE__ */ q(d, {
+							sx: {
+								py: .5,
+								minWidth: 160
+							},
+							children: [/* @__PURE__ */ K(B, {
+								variant: "caption",
+								sx: {
+									fontWeight: "bold",
+									display: "block",
+									fontSize: "0.8rem"
+								},
+								children: e.data.name
+							}), (e.value ?? 0) > 0 && /* @__PURE__ */ q(d, {
+								sx: {
+									mt: .75,
+									borderTop: "1px solid rgba(255,255,255,0.2)",
+									pt: .75
+								},
+								children: [
+									/* @__PURE__ */ q(d, {
+										sx: {
+											display: "flex",
+											justifyContent: "space-between",
+											gap: 2
+										},
+										children: [/* @__PURE__ */ K(B, {
+											variant: "caption",
+											sx: { opacity: .6 },
+											children: "Value"
+										}), /* @__PURE__ */ K(B, {
+											variant: "caption",
+											children: e.value?.toLocaleString()
+										})]
+									}),
+									/* @__PURE__ */ q(d, {
+										sx: {
+											display: "flex",
+											justifyContent: "space-between",
+											gap: 2
+										},
+										children: [/* @__PURE__ */ K(B, {
+											variant: "caption",
+											sx: { opacity: .6 },
+											children: "Share"
+										}), /* @__PURE__ */ q(B, {
+											variant: "caption",
+											children: [r.percentage, "%"]
+										})]
+									}),
+									e.children && /* @__PURE__ */ q(d, {
+										sx: {
+											display: "flex",
+											justifyContent: "space-between",
+											gap: 2
+										},
+										children: [/* @__PURE__ */ K(B, {
+											variant: "caption",
+											sx: { opacity: .6 },
+											children: "Children"
+										}), /* @__PURE__ */ K(B, {
+											variant: "caption",
+											children: e.children.length
+										})]
+									})
+								]
+							})]
+						});
+						return /* @__PURE__ */ K("g", {
+							transform: `translate(${e.x - n / 2},${e.y - n / 2})`,
+							children: t === 0 ? null : /* @__PURE__ */ K(z, {
+								...ue,
+								title: i,
+								children: /* @__PURE__ */ K("circle", {
+									r: e.r,
+									fill: F(e),
+									stroke: e.data.colorConfig?.stroke ?? w.palette.background.paper,
+									strokeWidth: .75,
+									style: {
+										cursor: x ? "not-allowed" : e.children ? "pointer" : "default",
+										transition: "stroke-width 0.1s"
+									},
+									onMouseEnter: (e) => {
+										x || (e.currentTarget.style.strokeWidth = "2");
+									},
+									onMouseLeave: (e) => {
+										e.currentTarget.style.strokeWidth = "0.75";
+									},
+									onClick: (t) => {
+										if (!x) {
+											if (t.ctrlKey || t.metaKey) {
+												if (e.children) {
+													let n = t.altKey ? Math.max(250, y * 10) : y;
+													se(() => Y(e, n));
+												}
+												return;
+											}
+											S?.(r, t);
+										}
+									},
+									onDoubleClick: (e) => {
+										if (!x && (e.ctrlKey || e.metaKey)) {
+											ce(), e.preventDefault(), e.stopPropagation();
+											let t = J.parent ?? k;
+											t !== J && Y(t, e.altKey ? Math.max(250, y * 10) : y);
+										}
+									}
+								})
+							})
+						}, `n-${t}`);
+					})
+				}),
+				l && /* @__PURE__ */ K("g", {
+					"data-role": "labels",
+					textAnchor: "middle",
+					dominantBaseline: "middle",
+					pointerEvents: "none",
+					fontSize: f,
+					fill: E,
+					children: A.map((e, t) => /* @__PURE__ */ K("text", {
+						transform: `translate(${e.x - n / 2},${e.y - n / 2})`,
+						style: {
+							display: e.parent === k ? "inline" : "none",
+							fillOpacity: +(e.parent === k)
+						},
+						children: e.data.name
+					}, `lbl-${t}`))
+				}),
+				u && /* @__PURE__ */ K("g", {
+					"data-role": "inner-labels",
+					textAnchor: "middle",
+					dominantBaseline: "middle",
+					pointerEvents: "none",
+					fontSize: p,
+					fill: E,
+					children: A.map((e, t) => /* @__PURE__ */ K("text", {
+						transform: `translate(${e.x - n / 2},${e.y - n / 2})`,
+						style: { display: "none" }
+					}, `inner-lbl-${t}`))
+				})
+			]
+		}), J !== k && !x && /* @__PURE__ */ K(d, {
+			sx: {
+				position: "absolute",
+				bottom: 6,
+				left: 0,
+				right: 0,
+				display: "flex",
+				justifyContent: "center",
+				pointerEvents: "none"
+			},
+			children: /* @__PURE__ */ q(B, {
+				variant: "caption",
+				sx: {
+					bgcolor: "action.hover",
+					borderRadius: 1,
+					px: 1,
+					py: .25,
+					color: "text.secondary",
+					fontSize: "0.7rem"
+				},
+				children: [J.ancestors().map((e) => e.data.name).reverse().join(" › "), " · Ctrl / Cmd ⌘+DblClick to zoom out · Escape to reset"]
+			})
+		})]
+	});
+}
+oi.displayName = "CirclePackingChart";
+//#endregion
+//#region src/components/circle-packing-chart/CirclePackingChart.types.ts
+var si = { noData: "No data" }, ci = {
+	noData: "No data",
+	specialValueA: "Value A",
+	specialValueB: "Value B"
+}, li = {
+	folder: "M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z",
+	person: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+};
+function ui({ path: e, size: t }) {
+	let n = t / 2;
+	return /* @__PURE__ */ K("g", {
+		transform: `translate(${-n},${-n})`,
+		pointerEvents: "none",
+		children: /* @__PURE__ */ K("svg", {
+			width: t,
+			height: t,
+			viewBox: "0 0 24 24",
+			overflow: "visible",
+			children: /* @__PURE__ */ K("path", {
+				d: e,
+				fill: "white"
+			})
+		})
+	});
+}
+function di({ info: e, labelA: t, labelB: n }) {
+	return /* @__PURE__ */ q(d, {
+		sx: {
+			p: 2,
+			minWidth: 200,
+			maxWidth: 280
+		},
+		children: [/* @__PURE__ */ q(d, {
+			sx: {
+				display: "flex",
+				alignItems: "center",
+				gap: 1.5,
+				mb: 1.5
+			},
+			children: [/* @__PURE__ */ K(u, {
+				sx: {
+					bgcolor: "primary.main",
+					width: 40,
+					height: 40
+				},
+				children: e.name.charAt(0).toUpperCase()
+			}), /* @__PURE__ */ q(d, { children: [/* @__PURE__ */ K(B, {
+				variant: "body2",
+				sx: { fontWeight: "bold" },
+				children: e.name
+			}), e.subname && /* @__PURE__ */ K(B, {
+				variant: "caption",
+				color: "text.secondary",
+				children: e.subname
+			})] })]
+		}), (e.specialValueA != null || e.specialValueB != null) && /* @__PURE__ */ q(G, { children: [
+			/* @__PURE__ */ K(b, { sx: { mb: 1.5 } }),
+			e.specialValueA != null && /* @__PURE__ */ q(d, {
+				sx: {
+					display: "flex",
+					justifyContent: "space-between",
+					mb: .5
+				},
+				children: [/* @__PURE__ */ K(B, {
+					variant: "caption",
+					color: "text.secondary",
+					children: t
+				}), /* @__PURE__ */ K(B, {
+					variant: "caption",
+					children: String(e.specialValueA)
+				})]
+			}),
+			e.specialValueB != null && /* @__PURE__ */ q(d, {
+				sx: {
+					display: "flex",
+					justifyContent: "space-between"
+				},
+				children: [/* @__PURE__ */ K(B, {
+					variant: "caption",
+					color: "text.secondary",
+					children: n
+				}), /* @__PURE__ */ K(B, {
+					variant: "caption",
+					children: String(e.specialValueB)
+				})]
+			})
+		] })]
+	});
+}
+function fi({ data: e, orientation: n = "LR", width: r = 800, height: i = 500, levelSpacing: l = 200, nodeRadius: u = 10, sortBy: f = "name", showLabels: p = !0, labelFontSize: m = 12, labelColor: h, showIcons: g = !0, chartColors: _, linkStrokeOpacity: v = .4, linkStrokeWidth: y = 1.5, linkColor: b, zoomable: x = !1, drillable: S = !1, onFocusChange: C, showNodePopover: w = !1, renderNodePopoverContent: T, onNodeClick: E, disabled: D = !1, translation: O }) {
+	let k = V(), A = {
+		...ci,
+		...O
+	}, j = [
+		k.palette.primary.main,
+		k.palette.secondary.main,
+		k.palette.error.main,
+		k.palette.warning.main,
+		k.palette.success.main,
+		k.palette.info.main
+	], M = _ && _.length > 0 ? _ : j, P = h ?? k.palette.text.primary, F = b ?? k.palette.text.secondary, I = k.palette.background.paper, L = k.typography.fontFamily, R = n === "TB" || n === "BT", H = R ? i : r, U = R ? r : i, [W, ee] = c([e]), G = W[W.length - 1], [J, te] = c(e);
+	J !== e && (te(e), ee([e]));
+	let ne = o(() => {
+		let e = Z.hierarchy(G);
+		f === "value" ? (e.sum((e) => e.value ?? 0), e.sort((e, t) => (t.value ?? 0) - (e.value ?? 0))) : e.sort((e, t) => Z.ascending(String(e.data.name), String(t.data.name)));
+		let t = Z.max(e.descendants(), (e) => e.depth) ?? 1;
+		return Z.tree().size([H * .8, Math.min(t * l, U * .85)])(e);
+	}, [
+		G,
+		f,
+		H,
+		U,
+		l
+	]), re = ne.descendants(), ie = ne.links(), ae = t((e) => e.data.colorConfig?.fill ?? M[e.depth % M.length], [M]), Y = t((e) => {
+		switch (n) {
+			case "LR": return {
+				x: e.y,
+				y: e.x - H * .4
+			};
+			case "RL": return {
+				x: U * .85 - e.y,
+				y: e.x - H * .4
+			};
+			case "TB": return {
+				x: e.x - H * .4,
+				y: e.y
+			};
+			case "BT": return {
+				x: e.x - H * .4,
+				y: U * .85 - e.y
+			};
+		}
+	}, [
+		n,
+		H,
+		U
+	]), oe = t((e) => {
+		let t = Y(e.source), r = Y(e.target);
+		if (n === "LR" || n === "RL") {
+			let e = (t.x + r.x) / 2;
+			return `M${t.x},${t.y} C${e},${t.y} ${e},${r.y} ${r.x},${r.y}`;
+		}
+		let i = (t.y + r.y) / 2;
+		return `M${t.x},${t.y} C${t.x},${i} ${r.x},${i} ${r.x},${r.y}`;
+	}, [Y, n]), se = t((e) => ({
+		id: e.data.id ?? null,
+		name: e.data.name,
+		subname: e.data.subname ?? null,
+		value: e.value ?? e.data.value ?? null,
+		specialValueA: e.data.specialValueA ?? null,
+		specialValueB: e.data.specialValueB ?? null,
+		depth: e.depth,
+		path: e.ancestors().map((e) => e.data.name).reverse(),
+		childrenCount: e.children?.length ?? 0,
+		data: e.data
+	}), []), [ce, le] = c(`0 -${i / 2} ${r} ${i}`), [ue, de] = c(1), fe = s(null), pe = o(() => {
+		if (ue === 1) return ce;
+		let [e, t, n, r] = ce.split(" ").map(Number), i = n / ue, a = r / ue;
+		return `${e + (n - i) / 2} ${t + (r - a) / 2} ${i} ${a}`;
+	}, [ce, ue]);
+	a(() => {
+		let e = fe.current;
+		if (!e) return;
+		let t = requestAnimationFrame(() => {
+			try {
+				let t = e.getBBox();
+				le(`${t.x - 24} ${t.y - 24} ${t.width + 48} ${t.height + 48}`);
+			} catch {
+				le(`0 -${i / 2} ${r} ${i}`);
+			}
+		});
+		return () => cancelAnimationFrame(t);
+	}, [
+		ne,
+		r,
+		i,
+		n
+	]);
+	let me = t((e) => {
+		if (!x || D || !e.ctrlKey) return;
+		e.preventDefault();
+		let t = e.deltaY < 0 ? 1.15 : 1 / 1.15;
+		de((e) => Math.max(.25, Math.min(8, e * t)));
+	}, [x, D]), he = s(null), ge = (e) => {
+		he.current &&= (clearTimeout(he.current), null), he.current = setTimeout(() => {
+			e(), he.current = null;
+		}, 250);
+	}, _e = () => {
+		he.current &&= (clearTimeout(he.current), null);
+	}, X = t(() => {
+		ee((e) => {
+			if (e.length <= 1) return e;
+			let t = e.slice(0, -1);
+			return C?.({
+				focusedNode: {
+					id: t[t.length - 1].id ?? null,
+					name: t[t.length - 1].name,
+					subname: t[t.length - 1].subname ?? null,
+					value: null,
+					specialValueA: null,
+					specialValueB: null,
+					depth: t.length - 1,
+					path: t.map((e) => e.name),
+					childrenCount: t[t.length - 1].children?.length ?? 0,
+					data: t[t.length - 1]
+				},
+				isRoot: t.length <= 1
+			}), t;
+		});
+	}, [C]);
+	a(() => {
+		if (!x && !S) return;
+		let t = (t) => {
+			t.key === "Escape" && (x && de(1), S && (ee([e]), C?.({
+				focusedNode: {
+					id: e.id ?? null,
+					name: e.name,
+					subname: e.subname ?? null,
+					value: null,
+					specialValueA: null,
+					specialValueB: null,
+					depth: 0,
+					path: [e.name],
+					childrenCount: e.children?.length ?? 0,
+					data: e
+				},
+				isRoot: !0
+			})));
+		};
+		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+	}, [
+		x,
+		S,
+		e,
+		C
+	]);
+	let ve = s(null), ye = s(null), [be, xe] = c(!1), [Se, Ce] = c(null), [we, Te] = c({
+		left: 0,
+		top: 0
+	}), [Ee, De] = c(null), Oe = (e, t) => {
+		if (D) return;
+		let n = se(e);
+		if ((t.ctrlKey || t.metaKey) && S && e.children) {
+			ge(() => {
+				ee((t) => [...t, e.data]), C?.({
+					focusedNode: n,
+					isRoot: !1
+				});
+			});
+			return;
+		}
+		if ((t.ctrlKey || t.metaKey) && S) {
+			_e(), X();
+			return;
+		}
+		if (w) {
+			let e = ve.current?.getBoundingClientRect();
+			Te({
+				left: e ? t.clientX - e.left : t.clientX,
+				top: e ? t.clientY - e.top : t.clientY
+			}), Ce(ye.current), De(n), xe(!0);
+		}
+		E?.(n, t);
+	}, ke = (e, t) => {
+		D || !S || (t.ctrlKey || t.metaKey) && (_e(), X());
+	}, Ae = {
+		followCursor: !0,
+		enterDelay: 50,
+		enterNextDelay: 0,
+		disableHoverListener: D,
+		slotProps: { tooltip: { sx: { maxWidth: 240 } } }
+	}, je = Math.round(u * 1.3);
+	return /* @__PURE__ */ q(d, {
+		ref: ve,
+		sx: {
+			display: "inline-flex",
+			position: "relative",
+			opacity: D ? .5 : 1,
+			cursor: D ? "not-allowed" : "default",
+			userSelect: "none"
+		},
+		children: [
+			/* @__PURE__ */ K(d, {
+				ref: ye,
+				sx: {
+					position: "absolute",
+					left: we.left,
+					top: we.top,
+					width: 0,
+					height: 0
+				}
+			}),
+			S && W.length > 1 && /* @__PURE__ */ K(d, {
+				sx: {
+					position: "absolute",
+					top: 4,
+					left: 0,
+					right: 0,
+					display: "flex",
+					justifyContent: "center",
+					pointerEvents: "none",
+					zIndex: 1
+				},
+				children: /* @__PURE__ */ K(B, {
+					variant: "caption",
+					sx: {
+						bgcolor: "action.hover",
+						borderRadius: 1,
+						px: 1,
+						py: .25,
+						color: "text.secondary",
+						fontSize: "0.7rem"
+					},
+					children: W.map((e) => e.name).join(" › ")
+				})
+			}),
+			/* @__PURE__ */ K("svg", {
+				width: r,
+				height: i,
+				viewBox: pe,
+				onWheel: me,
+				style: {
+					fontFamily: L ?? "sans-serif",
+					overflow: x && ue > 1 ? "hidden" : "visible"
+				},
+				role: "img",
+				"aria-label": e.name,
+				children: /* @__PURE__ */ q("g", {
+					ref: fe,
+					children: [/* @__PURE__ */ K("g", {
+						fill: "none",
+						stroke: F,
+						strokeOpacity: v,
+						strokeWidth: y,
+						children: ie.map((e, t) => /* @__PURE__ */ K("path", { d: oe(e) }, `link-${t}`))
+					}), re.map((e, t) => {
+						let r = Y(e), i = ae(e), a = se(e), o = e.children ? li.folder : li.person, s = n === "LR", c = n === "RL", l = s ? u + 6 : c ? -(u + 6) : 0, f = !s && !c ? n === "TB" ? u + 16 : -(u + 6) : 0, h = s ? "start" : c ? "end" : "middle", _ = /* @__PURE__ */ q(d, {
+							sx: {
+								py: .5,
+								minWidth: 140
+							},
+							children: [
+								/* @__PURE__ */ K(B, {
+									variant: "caption",
+									sx: {
+										fontWeight: "bold",
+										display: "block",
+										fontSize: "0.8rem"
+									},
+									children: e.data.name
+								}),
+								e.data.subname && /* @__PURE__ */ K(B, {
+									variant: "caption",
+									sx: {
+										display: "block",
+										opacity: .85
+									},
+									children: e.data.subname
+								}),
+								(a.specialValueA != null || a.specialValueB != null || e.children) && /* @__PURE__ */ q(d, {
+									sx: {
+										mt: .75,
+										borderTop: "1px solid rgba(255,255,255,0.2)",
+										pt: .75
+									},
+									children: [
+										a.specialValueA != null && /* @__PURE__ */ q(d, {
+											sx: {
+												display: "flex",
+												justifyContent: "space-between",
+												gap: 2
+											},
+											children: [/* @__PURE__ */ K(B, {
+												variant: "caption",
+												sx: { opacity: .6 },
+												children: A.specialValueA ?? "A"
+											}), /* @__PURE__ */ K(B, {
+												variant: "caption",
+												children: String(a.specialValueA)
+											})]
+										}),
+										a.specialValueB != null && /* @__PURE__ */ q(d, {
+											sx: {
+												display: "flex",
+												justifyContent: "space-between",
+												gap: 2
+											},
+											children: [/* @__PURE__ */ K(B, {
+												variant: "caption",
+												sx: { opacity: .6 },
+												children: A.specialValueB ?? "B"
+											}), /* @__PURE__ */ K(B, {
+												variant: "caption",
+												children: String(a.specialValueB)
+											})]
+										}),
+										e.children && /* @__PURE__ */ q(d, {
+											sx: {
+												display: "flex",
+												justifyContent: "space-between",
+												gap: 2
+											},
+											children: [/* @__PURE__ */ K(B, {
+												variant: "caption",
+												sx: { opacity: .6 },
+												children: "Reports"
+											}), /* @__PURE__ */ K(B, {
+												variant: "caption",
+												children: e.children.length
+											})]
+										})
+									]
+								})
+							]
+						});
+						return /* @__PURE__ */ K(z, {
+							...Ae,
+							title: _,
+							children: /* @__PURE__ */ q("g", {
+								transform: `translate(${r.x},${r.y})`,
+								onClick: (t) => Oe(e, t),
+								onDoubleClick: (t) => ke(e, t),
+								style: { cursor: D ? "not-allowed" : "pointer" },
+								children: [
+									/* @__PURE__ */ K("circle", {
+										r: u + 8,
+										fill: "transparent"
+									}),
+									/* @__PURE__ */ K("circle", {
+										r: u + 2,
+										fill: i,
+										fillOpacity: .15
+									}),
+									/* @__PURE__ */ K("circle", {
+										r: u,
+										fill: i
+									}),
+									g && /* @__PURE__ */ K(ui, {
+										path: o,
+										size: je
+									}),
+									p && /* @__PURE__ */ K("text", {
+										x: l,
+										y: f,
+										dy: "0.35em",
+										textAnchor: h,
+										fontSize: m,
+										fontWeight: e.children ? "bold" : "normal",
+										fill: e.data.colorConfig?.textColor ?? P,
+										paintOrder: "stroke",
+										stroke: I,
+										strokeWidth: 3,
+										pointerEvents: "none",
+										children: e.data.name
+									})
+								]
+							})
+						}, `node-${t}`);
+					})]
+				})
+			}),
+			w && /* @__PURE__ */ K(N, {
+				open: be,
+				anchorEl: Se,
+				onClose: () => xe(!1),
+				anchorOrigin: {
+					vertical: "top",
+					horizontal: "right"
+				},
+				transformOrigin: {
+					vertical: "top",
+					horizontal: "left"
+				},
+				slotProps: { paper: { elevation: 4 } },
+				children: Ee && (T ? T(Ee) : /* @__PURE__ */ K(di, {
+					info: Ee,
+					labelA: A.specialValueA ?? "Value A",
+					labelB: A.specialValueB ?? "Value B"
+				}))
+			})
+		]
+	});
+}
+fi.displayName = "HorizontalTreeChart";
+//#endregion
+export { Zr as ChordChart, oi as CirclePackingChart, Mt as ConfirmDialogProvider, tr as DEFAULT_CHECK_COLORS, Qr as DEFAULT_CHORD_CHART_TRANSLATION, si as DEFAULT_CIRCLE_PACKING_TRANSLATION, Dt as DEFAULT_CONFIRM_DIALOG_TRANSLATION, dn as DEFAULT_GANTT_TRANSLATIONS, ci as DEFAULT_HORIZONTAL_TREE_TRANSLATION, Pt as DEFAULT_JSON_EDITOR_TOOLBAR_CONFIG, Ft as DEFAULT_JSON_EDITOR_TRANSLATION, er as DEFAULT_METER_COLORS, $n as DEFAULT_PASSWORD_TRANSLATIONS, $r as DEFAULT_RADIAL_TREE_CHART_TRANSLATION, mr as DEFAULT_RICH_TEXT_EDITOR_TOOLBAR_CONFIG, hr as DEFAULT_RICH_TEXT_EDITOR_TRANSLATION, jr as DEFAULT_SQL_EDITOR_TOOLBAR_CONFIG, Mr as DEFAULT_SQL_EDITOR_TRANSLATION, qr as DEFAULT_SUNBURST_CHART_TRANSLATION, lr as DEFAULT_TAG_SELECTION_TRANSLATION, Yn as GanttChart, fi as HorizontalTreeChart, Vt as JsonEditor, rr as PasswordStrengthMeter, ri as RadialTreeChart, Ar as RichTextEditor, Rr as SqlEditor, Kr as SunburstChart, pr as TagSelection, Nt as useConfirm, $ as useGanttChartStore, Wn as useGanttTheme, Hn as useGanttTranslations, Bn as useRawGanttChartStore };