@thebuoyant-tsdev/mui-ts-library 3.29.2 → 3.31.0

package/dist/components/sql-editor/SqlEditorToolbar.js

@@ -1,12 +1,12 @@
 import { ToolbarButton as e } from "../shared/ToolbarButton.js";
 import { SqlEditorHistoryMenu as t } from "./SqlEditorHistoryMenu.js";
-import { useState as n } from "react";
-import { Box as r, Divider as i } from "@mui/material";
+import { Box as n, Divider as r } from "@mui/material";
+import { useState as i } from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { redo as c, undo as l } from "@codemirror/commands";
-import u from "@mui/icons-material/ContentCopy";
-import d from "@mui/icons-material/Check";
-import f from "@mui/icons-material/Delete";
+import c from "@mui/icons-material/Delete";
+import { redo as l, undo as u } from "@codemirror/commands";
+import d from "@mui/icons-material/ContentCopy";
+import f from "@mui/icons-material/Check";
 import p from "@mui/icons-material/Undo";
 import m from "@mui/icons-material/Redo";
 import h from "@mui/icons-material/AutoFixHigh";
@@ -21,7 +21,7 @@ var v = {
 	mssql: "tsql"
 };
 function y({ editorView: y, toolbarConfig: b, translation: x, dialect: S, disabled: C, onExecute: w, queryHistory: T = [], onSelectHistoryEntry: E, onClearHistory: D }) {
-	let [O, k] = n(!1), A = C || !y;
+	let [O, k] = i(!1), A = C || !y;
 	function j() {
 		let e = y?.state.doc.toString() ?? "";
 		navigator.clipboard.writeText(e).then(() => {
@@ -38,11 +38,11 @@ function y({ editorView: y, toolbarConfig: b, translation: x, dialect: S, disabl
 	}
 	function N() {
 		let e = y;
-		e && (l(e), e.focus());
+		e && (u(e), e.focus());
 	}
 	function P() {
 		let e = y;
-		e && (c(e), e.focus());
+		e && (l(e), e.focus());
 	}
 	function F() {
 		let e = y;
@@ -63,7 +63,7 @@ function y({ editorView: y, toolbarConfig: b, translation: x, dialect: S, disabl
 		!e || !w || w(e.state.doc.toString());
 	}
 	let L = b.showFormat, R = b.showCopy || b.showClear, z = b.showUndoRedo, B = b.showExecute && !!w, V = b.showHistory && !!w && !!E && !!D;
-	return /* @__PURE__ */ s(r, {
+	return /* @__PURE__ */ s(n, {
 		sx: {
 			display: "flex",
 			flexWrap: "wrap",
@@ -75,7 +75,7 @@ function y({ editorView: y, toolbarConfig: b, translation: x, dialect: S, disabl
 		role: "toolbar",
 		"aria-label": "SQL editor actions",
 		children: [
-			L && /* @__PURE__ */ o(r, {
+			L && /* @__PURE__ */ o(n, {
 				sx: {
 					display: "flex",
 					gap: .25
@@ -87,37 +87,37 @@ function y({ editorView: y, toolbarConfig: b, translation: x, dialect: S, disabl
 					disabled: A
 				})
 			}),
-			L && (R || z) && /* @__PURE__ */ o(i, {
+			L && (R || z) && /* @__PURE__ */ o(r, {
 				orientation: "vertical",
 				flexItem: !0,
 				sx: { mx: .5 }
 			}),
-			R && /* @__PURE__ */ s(r, {
+			R && /* @__PURE__ */ s(n, {
 				sx: {
 					display: "flex",
 					gap: .25
 				},
 				children: [b.showCopy && /* @__PURE__ */ o(e, {
 					label: O ? x.copySuccess : x.copy,
-					icon: O ? /* @__PURE__ */ o(d, {
+					icon: O ? /* @__PURE__ */ o(f, {
 						fontSize: "small",
 						color: "success"
-					}) : /* @__PURE__ */ o(u, { fontSize: "small" }),
+					}) : /* @__PURE__ */ o(d, { fontSize: "small" }),
 					onClick: j,
 					disabled: A
 				}), b.showClear && /* @__PURE__ */ o(e, {
 					label: x.clear,
-					icon: /* @__PURE__ */ o(f, { fontSize: "small" }),
+					icon: /* @__PURE__ */ o(c, { fontSize: "small" }),
 					onClick: M,
 					disabled: A
 				})]
 			}),
-			R && z && /* @__PURE__ */ o(i, {
+			R && z && /* @__PURE__ */ o(r, {
 				orientation: "vertical",
 				flexItem: !0,
 				sx: { mx: .5 }
 			}),
-			z && /* @__PURE__ */ s(r, {
+			z && /* @__PURE__ */ s(n, {
 				sx: {
 					display: "flex",
 					gap: .25
@@ -134,7 +134,7 @@ function y({ editorView: y, toolbarConfig: b, translation: x, dialect: S, disabl
 					disabled: A
 				})]
 			}),
-			V && /* @__PURE__ */ s(a, { children: [(R || z) && /* @__PURE__ */ o(i, {
+			V && /* @__PURE__ */ s(a, { children: [(R || z) && /* @__PURE__ */ o(r, {
 				orientation: "vertical",
 				flexItem: !0,
 				sx: { mx: .5 }
@@ -145,7 +145,7 @@ function y({ editorView: y, toolbarConfig: b, translation: x, dialect: S, disabl
 				translation: x,
 				disabled: C
 			})] }),
-			B && /* @__PURE__ */ s(a, { children: [(R || z || V) && /* @__PURE__ */ o(i, {
+			B && /* @__PURE__ */ s(a, { children: [(R || z || V) && /* @__PURE__ */ o(r, {
 				orientation: "vertical",
 				flexItem: !0,
 				sx: { mx: .5 }
@@ -155,7 +155,7 @@ function y({ editorView: y, toolbarConfig: b, translation: x, dialect: S, disabl
 				onClick: I,
 				disabled: A
 			})] }),
-			!L && !R && !z && !V && !B && /* @__PURE__ */ o(r, { sx: { height: 32 } })
+			!L && !R && !z && !V && !B && /* @__PURE__ */ o(n, { sx: { height: 32 } })
 		]
 	});
 }

package/dist/components/sunburst-chart/SunburstChart.js

@@ -1,7 +1,7 @@
 import { DEFAULT_SUNBURST_CHART_TRANSLATION as e } from "./SunburstChart.types.js";
-import { useCallback as t, useEffect as n, useLayoutEffect as r, useMemo as i, useRef as a, useState as o } from "react";
-import { Box as s, Tooltip as c, Typography as l, useTheme as ee } from "@mui/material";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Box as t, Tooltip as n, Typography as r, useTheme as i } from "@mui/material";
+import { useCallback as a, useEffect as o, useLayoutEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as ee } from "react/jsx-runtime";
 import * as f from "d3";
 //#region src/components/sunburst-chart/SunburstChart.tsx
 var p = 2 * Math.PI, m = 11, h = m * .5, g = 5;
@@ -14,12 +14,12 @@ function te(e, t) {
 	let n = Math.floor(t / h);
 	return n <= 0 ? "" : e.length <= n ? e : n < g ? "" : e.slice(0, n - 1) + "…";
 }
-function ne({ node: e, valueDecimalCount: t, valueDecimalSep: n, valueThousandsSep: r, valueFormatter: i }) {
-	let a = (e.value ?? 0) > 0, o = e.ancestors().map((e) => e.data.name).reverse().join(" › ");
-	return /* @__PURE__ */ d(s, {
+function ne({ node: e, valueDecimalCount: n, valueDecimalSep: i, valueThousandsSep: a, valueFormatter: o }) {
+	let s = (e.value ?? 0) > 0, c = e.ancestors().map((e) => e.data.name).reverse().join(" › ");
+	return /* @__PURE__ */ ee(t, {
 		sx: { py: .25 },
 		children: [
-			/* @__PURE__ */ u(l, {
+			/* @__PURE__ */ d(r, {
 				variant: "caption",
 				sx: {
 					fontWeight: "bold",
@@ -27,87 +27,87 @@ function ne({ node: e, valueDecimalCount: t, valueDecimalSep: n, valueThousandsS
 				},
 				children: e.data.name
 			}),
-			a && /* @__PURE__ */ u(l, {
+			s && /* @__PURE__ */ d(r, {
 				variant: "caption",
 				sx: {
 					display: "block",
 					opacity: .85
 				},
-				children: ((e) => i ? i(e) : _(e, t, n, r))(e.value ?? 0)
+				children: ((e) => o ? o(e) : _(e, n, i, a))(e.value ?? 0)
 			}),
-			e.depth > 0 && /* @__PURE__ */ u(l, {
+			e.depth > 0 && /* @__PURE__ */ d(r, {
 				variant: "caption",
 				sx: {
 					display: "block",
 					opacity: .65,
 					mt: .25
 				},
-				children: o
+				children: c
 			})
 		]
 	});
 }
-function v({ data: l, size: h = 500, showSegmentLabels: g = !0, innerRadius: _ = 0, sortBy: v = "value", chartColors: y, showRootLabel: b = !0, onSegmentClick: x, onSegmentHover: S, onZoomChange: C, valueDecimalCount: re = 0, valueDecimalSeparator: ie = ".", valueThousandsSeparator: ae = ",", valueFormatter: oe, zoomable: w = !1, duration: T = 750, disabled: E = !1, translation: se }) {
-	let D = ee(), ce = {
+function v({ data: r, size: h = 500, showSegmentLabels: g = !0, innerRadius: _ = 0, sortBy: v = "value", chartColors: y, showRootLabel: b = !0, onSegmentClick: x, onSegmentHover: S, onZoomChange: C, valueDecimalCount: re = 0, valueDecimalSeparator: ie = ".", valueThousandsSeparator: ae = ",", valueFormatter: oe, zoomable: w = !1, duration: T = 750, disabled: E = !1, translation: se }) {
+	let D = i(), ce = {
 		...e,
 		...se
-	}, O = !l.children?.length && !l.value, k = a(null), [A, j] = o(`-${h / 2} -${h / 2} ${h} ${h}`), [M, N] = o(1), le = i(() => {
+	}, O = !r.children?.length && !r.value, k = l(null), [A, j] = u(`-${h / 2} -${h / 2} ${h} ${h}`), [M, le] = u(1), ue = c(() => {
 		if (M === 1) return A;
 		let [e, t, n, r] = A.split(" ").map(Number), i = n / M, a = r / M;
 		return `${e + (n - i) / 2} ${t + (r - a) / 2} ${i} ${a}`;
-	}, [A, M]), P = h / 2, F = Math.max(0, Math.min(_, Math.max(0, P - 1))), I = Math.max(1, P - F), ue = [
+	}, [A, M]), N = h / 2, P = Math.max(0, Math.min(_, Math.max(0, N - 1))), F = Math.max(1, N - P), de = [
 		D.palette.primary.main,
 		D.palette.secondary.main,
 		D.palette.error.main,
 		D.palette.warning.main,
 		D.palette.success.main,
 		D.palette.info.main
-	], L = y && y.length > 0 ? y : ue, { root: R, ringThickness: z } = i(() => {
-		let e = f.hierarchy(l).sum((e) => e.value ?? 0);
+	], I = y && y.length > 0 ? y : de, { root: L, ringThickness: R } = c(() => {
+		let e = f.hierarchy(r).sum((e) => e.value ?? 0);
 		v === "value" ? e.sort((e, t) => (t.value ?? 0) - (e.value ?? 0)) : e.sort((e, t) => String(e.data.name).localeCompare(String(t.data.name), void 0, {
 			numeric: !0,
 			sensitivity: "base"
 		}));
-		let t = f.partition().size([p, I])(e), n = f.max(t.descendants(), (e) => e.depth) ?? 0, r = n > 0 ? I / n : I;
+		let t = f.partition().size([p, F])(e), n = f.max(t.descendants(), (e) => e.depth) ?? 0, i = n > 0 ? F / n : F;
 		return n > 0 && t.descendants().forEach((e) => {
-			e.depth === 0 ? (e.y0 = 0, e.y1 = 0) : (e.y0 = (e.depth - 1) * r, e.y1 = e.depth * r);
+			e.depth === 0 ? (e.y0 = 0, e.y1 = 0) : (e.y0 = (e.depth - 1) * i, e.y1 = e.depth * i);
 		}), {
 			root: t,
-			ringThickness: r
+			ringThickness: i
 		};
 	}, [
-		l,
-		I,
+		r,
+		F,
 		v
-	]), [B, V] = o(R), [de, fe] = o(R), H = (e) => ({
+	]), [z, B] = u(L), [fe, pe] = u(L), V = (e) => ({
 		x0: e.x0,
 		x1: e.x1,
-		yShift: e.depth === 0 ? 0 : (e.depth - 1) * z
-	}), [U, W] = o(() => H(R)), G = a(U);
-	if (de !== R) {
-		fe(R), V(R);
-		let e = H(R);
-		G.current = e, W(e);
+		yShift: e.depth === 0 ? 0 : (e.depth - 1) * R
+	}), [H, U] = u(() => V(L)), W = l(H);
+	if (fe !== L) {
+		pe(L), B(L);
+		let e = V(L);
+		W.current = e, U(e);
 	}
-	let K = i(() => R.children?.map((e) => e.data.name) ?? [R.data.name], [R]), pe = i(() => f.scaleOrdinal().domain(K).range(L), [L, K]), me = (e) => {
+	let G = c(() => L.children?.map((e) => e.data.name) ?? [L.data.name], [L]), me = c(() => f.scaleOrdinal().domain(G).range(I), [I, G]), he = (e) => {
 		if (e.data.colorConfig?.fill) return e.data.colorConfig.fill;
 		let t = e;
 		for (; t.depth > 1;) t = t.parent;
-		return pe(t.data.name);
-	}, he = i(() => f.arc().startAngle((e) => e.x0).endAngle((e) => e.x1).padAngle((e) => Math.min((e.x1 - e.x0) / 2, .005)).padRadius(P / 2).innerRadius((e) => F + e.y0).outerRadius((e) => F + e.y1 - 1), [P, F]), q = t((e) => {
-		let t = p / (U.x1 - U.x0);
+		return me(t.data.name);
+	}, ge = c(() => f.arc().startAngle((e) => e.x0).endAngle((e) => e.x1).padAngle((e) => Math.min((e.x1 - e.x0) / 2, .005)).padRadius(N / 2).innerRadius((e) => P + e.y0).outerRadius((e) => P + e.y1 - 1), [N, P]), K = a((e) => {
+		let t = p / (H.x1 - H.x0);
 		return {
-			x0: Math.max(0, Math.min(p, (e.x0 - U.x0) * t)),
-			x1: Math.max(0, Math.min(p, (e.x1 - U.x0) * t)),
-			y0: Math.max(0, e.y0 - U.yShift),
-			y1: Math.max(0, e.y1 - U.yShift)
+			x0: Math.max(0, Math.min(p, (e.x0 - H.x0) * t)),
+			x1: Math.max(0, Math.min(p, (e.x1 - H.x0) * t)),
+			y0: Math.max(0, e.y0 - H.yShift),
+			y1: Math.max(0, e.y1 - H.yShift)
 		};
-	}, [U]);
-	n(() => {
-		let e = H(B), t = G.current;
+	}, [H]);
+	o(() => {
+		let e = V(z), t = W.current;
 		if (t.x0 === e.x0 && t.x1 === e.x1 && t.yShift === e.yShift) return;
 		if (T <= 0) {
-			G.current = e, W(e);
+			W.current = e, U(e);
 			return;
 		}
 		let n = null, r = f.interpolateNumber(t.x0, e.x0), i = f.interpolateNumber(t.x1, e.x1), a = f.interpolateNumber(t.yShift, e.yShift), o = performance.now(), s = (e) => {
@@ -116,21 +116,21 @@ function v({ data: l, size: h = 500, showSegmentLabels: g = !0, innerRadius: _ =
 				x1: i(c),
 				yShift: a(c)
 			};
-			G.current = l, W(l), n = t < 1 ? requestAnimationFrame(s) : null;
+			W.current = l, U(l), n = t < 1 ? requestAnimationFrame(s) : null;
 		};
 		return n = requestAnimationFrame(s), () => {
 			n != null && cancelAnimationFrame(n);
 		};
 	}, [
-		B,
 		z,
+		R,
 		T
 	]);
-	let ge = (e) => e.x1 > e.x0 && e.y1 > e.y0, _e = (e) => (F + (e.y0 + e.y1) / 2) * (e.x1 - e.x0) > 12, ve = (e) => {
-		let t = (e.x0 + e.x1) / 2 * 180 / Math.PI, n = F + (e.y0 + e.y1) / 2, r = t < 180 ? 0 : 180;
+	let _e = (e) => e.x1 > e.x0 && e.y1 > e.y0, ve = (e) => (P + (e.y0 + e.y1) / 2) * (e.x1 - e.x0) > 12, ye = (e) => {
+		let t = (e.x0 + e.x1) / 2 * 180 / Math.PI, n = P + (e.y0 + e.y1) / 2, r = t < 180 ? 0 : 180;
 		return `rotate(${t - 90}) translate(${n},0) rotate(${r})`;
-	}, ye = t((e) => e.ancestors().includes(B), [B]), J = t((e) => {
-		let t = e.ancestors().reverse(), n = e.value ?? 0, r = R.value ?? 0;
+	}, be = a((e) => e.ancestors().includes(z), [z]), q = a((e) => {
+		let t = e.ancestors().reverse(), n = e.value ?? 0, r = L.value ?? 0;
 		return {
 			id: e.data.id,
 			name: e.data.name,
@@ -142,17 +142,17 @@ function v({ data: l, size: h = 500, showSegmentLabels: g = !0, innerRadius: _ =
 			childrenCount: e.children?.length ?? 0,
 			data: e.data
 		};
-	}, [R]), Y = t((e) => {
-		V(e), C && C({
-			focusNode: J(e),
-			isRoot: e === R
+	}, [L]), J = a((e) => {
+		B(e), C && C({
+			focusNode: q(e),
+			isRoot: e === L
 		});
 	}, [
-		R,
-		J,
+		L,
+		q,
 		C
 	]);
-	r(() => {
+	s(() => {
 		let e = k.current;
 		if (!e) return;
 		let t = requestAnimationFrame(() => {
@@ -166,177 +166,177 @@ function v({ data: l, size: h = 500, showSegmentLabels: g = !0, innerRadius: _ =
 		return () => cancelAnimationFrame(t);
 	}, [
 		h,
-		R,
-		B,
-		F,
+		L,
 		z,
+		P,
+		R,
 		b
 	]);
-	let X = a(null), be = (e) => {
-		X.current &&= (clearTimeout(X.current), null), X.current = setTimeout(() => {
-			e(), X.current = null;
+	let Y = l(null), xe = (e) => {
+		Y.current &&= (clearTimeout(Y.current), null), Y.current = setTimeout(() => {
+			e(), Y.current = null;
 		}, 250);
-	}, Z = () => {
-		X.current &&= (clearTimeout(X.current), null);
+	}, X = () => {
+		Y.current &&= (clearTimeout(Y.current), null);
 	};
-	r(() => {
+	s(() => {
 		if (E) return;
 		let e = (e) => {
-			e.key === "Escape" && (Z(), Y(R), N(1));
+			e.key === "Escape" && (X(), J(L), le(1));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
 		E,
-		R,
-		Y
+		L,
+		J
 	]);
-	let xe = t((e) => {
+	let Se = a((e) => {
 		if (!w || E || !e.ctrlKey) return;
 		e.preventDefault();
 		let t = e.deltaY < 0 ? 1.15 : 1 / 1.15;
-		N((e) => Math.max(.25, Math.min(8, e * t)));
-	}, [w, E]), Q = R.descendants().filter((e) => e.depth > 0), Se = (e) => {
+		le((e) => Math.max(.25, Math.min(8, e * t)));
+	}, [w, E]), Z = L.descendants().filter((e) => e.depth > 0), Ce = (e) => {
 		if (E) return;
-		let t = Q[Number(e.currentTarget.getAttribute("data-idx"))];
+		let t = Z[Number(e.currentTarget.getAttribute("data-idx"))];
 		if (t) {
 			if (e.ctrlKey || e.metaKey) {
-				t.children && be(() => Y(t));
+				t.children && xe(() => J(t));
 				return;
 			}
-			x?.(J(t), e);
+			x?.(q(t), e);
 		}
-	}, Ce = (e) => {
-		E || (e.ctrlKey || e.metaKey) && (Z(), Y(B.parent ?? R));
 	}, we = (e) => {
+		E || (e.ctrlKey || e.metaKey) && (X(), J(z.parent ?? L));
+	}, Te = (e) => {
 		if (!E) {
 			if (e.ctrlKey || e.metaKey) {
-				Z(), Y(B.parent ?? R);
+				X(), J(z.parent ?? L);
 				return;
 			}
-			x?.(J(B.parent ?? R), e);
+			x?.(q(z.parent ?? L), e);
 		}
-	}, $ = {
+	}, Q = {
 		followCursor: !0,
 		enterDelay: 50,
 		enterNextDelay: 0,
 		disableHoverListener: E,
 		slotProps: { tooltip: { sx: { maxWidth: 260 } } }
-	}, Te = D.palette.text.primary, Ee = D.typography.fontFamily;
-	return /* @__PURE__ */ u(s, {
+	}, $ = D.palette.text.primary, Ee = D.typography.fontFamily;
+	return /* @__PURE__ */ d(t, {
 		sx: {
 			display: "inline-flex",
 			opacity: E ? .5 : 1,
 			cursor: E ? "not-allowed" : "default",
 			userSelect: "none"
 		},
-		children: /* @__PURE__ */ u("svg", {
+		children: /* @__PURE__ */ d("svg", {
 			width: h,
 			height: h,
-			viewBox: le,
-			onWheel: xe,
+			viewBox: ue,
+			onWheel: Se,
 			style: {
 				fontFamily: Ee ?? "sans-serif",
 				overflow: w && M > 1 ? "hidden" : "visible"
 			},
 			role: "img",
-			"aria-label": l.name,
-			children: /* @__PURE__ */ d("g", {
+			"aria-label": r.name,
+			children: /* @__PURE__ */ ee("g", {
 				ref: k,
 				children: [
-					O && /* @__PURE__ */ u("text", {
+					O && /* @__PURE__ */ d("text", {
 						textAnchor: "middle",
 						dy: "0.35em",
 						fontSize: 13,
 						fill: D.palette.text.secondary,
 						children: ce.noData
 					}),
-					F > 0 && /* @__PURE__ */ u(c, {
-						...$,
-						title: B.data.name,
+					P > 0 && /* @__PURE__ */ d(n, {
+						...Q,
+						title: z.data.name,
 						placement: "top",
-						children: /* @__PURE__ */ u("circle", {
+						children: /* @__PURE__ */ d("circle", {
 							cx: 0,
 							cy: 0,
-							r: F,
+							r: P,
 							fill: "transparent",
 							pointerEvents: E ? "none" : "auto",
-							onClick: we,
+							onClick: Te,
 							style: { cursor: E ? "not-allowed" : "pointer" },
 							onMouseEnter: (e) => {
-								E || S?.(J(B.parent ?? R), e);
+								E || S?.(q(z.parent ?? L), e);
 							},
 							onMouseLeave: (e) => {
 								S?.(null, e);
 							}
 						})
 					}),
-					/* @__PURE__ */ u("g", { children: Q.map((e, t) => {
-						let n = q(e), r = ge(n), i = !!e.children;
-						return /* @__PURE__ */ u(c, {
-							...$,
+					/* @__PURE__ */ d("g", { children: Z.map((e, t) => {
+						let r = K(e), i = _e(r), a = !!e.children;
+						return /* @__PURE__ */ d(n, {
+							...Q,
 							placement: "top",
-							title: r ? /* @__PURE__ */ u(ne, {
+							title: i ? /* @__PURE__ */ d(ne, {
 								node: e,
 								valueDecimalCount: re,
 								valueDecimalSep: ie,
 								valueThousandsSep: ae,
 								valueFormatter: oe
 							}) : "",
-							children: /* @__PURE__ */ u("path", {
+							children: /* @__PURE__ */ d("path", {
 								"data-idx": t,
-								d: he(n) || "",
-								fill: me(e),
-								fillOpacity: r ? i ? .75 : .5 : 0,
+								d: ge(r) || "",
+								fill: he(e),
+								fillOpacity: i ? a ? .75 : .5 : 0,
 								style: {
-									pointerEvents: r && !E ? "auto" : "none",
-									cursor: i && !E ? "pointer" : "default",
+									pointerEvents: i && !E ? "auto" : "none",
+									cursor: a && !E ? "pointer" : "default",
 									transition: "fill-opacity 0.15s"
 								},
-								onClick: Se,
-								onDoubleClick: Ce,
+								onClick: Ce,
+								onDoubleClick: we,
 								onMouseEnter: (e) => {
-									if (E || !r) return;
-									let t = Q[Number(e.currentTarget.getAttribute("data-idx"))];
-									t && S?.(J(t), e);
+									if (E || !i) return;
+									let t = Z[Number(e.currentTarget.getAttribute("data-idx"))];
+									t && S?.(q(t), e);
 								},
 								onMouseLeave: (e) => {
-									r && S?.(null, e);
+									i && S?.(null, e);
 								}
 							})
 						}, `tt-${e.data.id}-${t}`);
 					}) }),
-					g && /* @__PURE__ */ u("g", {
+					g && /* @__PURE__ */ d("g", {
 						pointerEvents: "none",
 						textAnchor: "middle",
-						fill: Te,
-						children: Q.map((e, t) => {
-							if (!ye(e)) return null;
-							let n = q(e);
-							if (!_e(n)) return null;
-							let r = (F + (n.y0 + n.y1) / 2) * (n.x1 - n.x0) * .88, i = te(e.data.name, r);
-							return i ? /* @__PURE__ */ u("text", {
-								transform: ve(n),
+						fill: $,
+						children: Z.map((e, t) => {
+							if (!be(e)) return null;
+							let n = K(e);
+							if (!ve(n)) return null;
+							let r = (P + (n.y0 + n.y1) / 2) * (n.x1 - n.x0) * .88, i = te(e.data.name, r);
+							return i ? /* @__PURE__ */ d("text", {
+								transform: ye(n),
 								dy: "0.35em",
 								fontSize: m,
 								children: i
 							}, `lbl-${e.data.id}-${t}`) : null;
 						})
 					}),
-					b && !O && /* @__PURE__ */ u(c, {
-						...$,
+					b && !O && /* @__PURE__ */ d(n, {
+						...Q,
 						placement: "top",
 						title: "",
-						children: /* @__PURE__ */ u("g", {
+						children: /* @__PURE__ */ d("g", {
 							textAnchor: "middle",
-							fill: Te,
+							fill: $,
 							pointerEvents: E ? "none" : "auto",
-							onClick: we,
-							style: { cursor: B !== R && !E ? "pointer" : "default" },
-							children: /* @__PURE__ */ u("text", {
+							onClick: Te,
+							style: { cursor: z !== L && !E ? "pointer" : "default" },
+							children: /* @__PURE__ */ d("text", {
 								fontSize: 13,
 								dy: "0.35em",
 								fontWeight: "bold",
-								children: B.data.name
+								children: z.data.name
 							})
 						})
 					})