@weng-lab/visualization 2.4.0-beta.6 → 2.4.0-beta.7

package/dist/visualization.es56.js

@@ -1,269 +1,50 @@
-import { jsx as o, jsxs as k, Fragment as b } from "react/jsx-runtime";
-import { useRef as A, useState as Qe, useEffect as V, useMemo as C, useCallback as ee } from "react";
-import _e from "@mui/material/CircularProgress";
-import { Stack as Ge, Box as me } from "@mui/material";
-import { rescaleX as ze, rescaleY as We, prepareCanvas as Ze, partitionPointsByHover as He, getTicks as ye, isPointVisible as be, drawCanvasPoint as et } from "./visualization.es17.js";
-import tt from "./visualization.es102.js";
-import rt from "./visualization.es103.js";
-import nt from "./visualization.es104.js";
-import ot from "./visualization.es105.js";
-import { useDragSelection as st } from "./visualization.es106.js";
-import { useStableCallback as ct } from "./visualization.es19.js";
-import Se from "./visualization.es31.js";
-import lt from "./visualization.es107.js";
-import at from "./visualization.es54.js";
-import it from "./visualization.es34.js";
-import ft from "./visualization.es33.js";
-import ut from "./visualization.es38.js";
-import vt from "./visualization.es71.js";
-import we from "./visualization.es30.js";
-import pt from "./visualization.es26.js";
-const ht = 120, xt = (D) => 1 - Math.pow(1 - D, 3), jt = ({
-  width: D,
-  height: te,
-  margin: s,
-  boundedWidth: l,
-  boundedHeight: c,
-  loading: ke,
-  pointData: p,
-  animation: T,
-  animationGroupSize: O,
-  animationBuffer: $,
-  xScale: I,
-  yScale: U,
-  zoom: f,
-  selectMode: i,
-  selectable: Ae,
-  disableZoom: h,
-  groupPointsAnchor: re,
-  hoveredPoint: E,
-  hoveredPoints: ne,
-  handleMouseMove: Ee,
-  handleMouseLeave: oe,
-  onDisplayedPointsChange: se,
-  onSelectionChange: ge,
-  onPointClicked: ce,
-  leftAxisLabel: Le,
-  bottomAxisLabel: Me,
-  border: Ce,
-  originLine: Te,
-  backgroundGradient: L,
-  crosshair: J,
-  divRef: Re
-}) => {
-  const le = A(null), ae = A(null), F = A(0), N = A(null), [Q, _] = Qe(!!T);
-  V(() => {
-    if (!T) return;
-    if (p.length > 2500) {
-      _(!1);
-      return;
-    }
-    const e = 450, t = ($ ?? 0.03) * 1e3, r = Math.ceil(p.length / (O ?? 1)), n = e + r * t, a = window.setTimeout(() => _(!1), n);
-    return () => window.clearTimeout(a);
-  }, [T, $, O, p.length]);
-  const {
-    lines: Pe,
-    isDragging: m,
-    x: R,
-    y: P,
-    dx: Y,
-    dy: X,
-    dragStart: ie,
-    dragMove: fe,
-    dragEnd: de,
-    completeSelection: Ve
-  } = st({
-    pointData: p,
-    margin: s,
-    xScale: I,
-    yScale: U,
-    onSelectionChange: ge
-  });
-  V(() => {
-    const e = le.current, t = (a) => {
-      a.preventDefault();
-    }, r = (a) => {
-      a.preventDefault();
-    }, n = (a) => {
-      a.preventDefault();
-    };
-    return e && (e.addEventListener("wheel", t, {
-      passive: !1
-    }), e.addEventListener("touchstart", n, {
-      passive: !1
-    }), e.addEventListener("touchmove", r, {
-      passive: !1
-    })), () => {
-      e && (e.removeEventListener("wheel", t), e.removeEventListener("touchstart", n), e.removeEventListener("touchmove", r));
-    };
-  }, []);
-  const u = C(() => ze(I, f.transformMatrix.translateX, f.transformMatrix.scaleX), [I, f.transformMatrix]), v = C(() => We(U, f.transformMatrix.translateY, f.transformMatrix.scaleY), [U, f.transformMatrix]), G = C(() => E ? [E] : ne ?? [], [E, ne]), ue = C(() => {
-    const e = re;
-    if (!e) return G;
-    const t = (n) => e in n ? n[e] : n.metaData?.[e], r = new Set(G.map(t).filter((n) => n !== void 0));
-    return r.size === 0 ? [] : p.filter((n) => {
-      const a = t(n);
-      return a !== void 0 && r.has(a);
+function g(e, n) {
+  return e.parent === n.parent ? 1 : 2;
+}
+function m(e) {
+  return e.reduce(p, 0) / e.length;
+}
+function p(e, n) {
+  return e + n.x;
+}
+function v(e) {
+  return 1 + e.reduce(z, 0);
+}
+function z(e, n) {
+  return Math.max(e, n.y);
+}
+function R(e) {
+  for (var n; n = e.children; ) e = n[0];
+  return e;
+}
+function S(e) {
+  for (var n; n = e.children; ) e = n[n.length - 1];
+  return e;
+}
+function w() {
+  var e = g, n = 1, a = 1, i = !1;
+  function u(t) {
+    var c, s = 0;
+    t.eachAfter(function(r) {
+      var h = r.children;
+      h ? (r.x = m(h), r.y = v(h)) : (r.x = c ? s += e(r, c) : 0, r.y = 0, c = r);
     });
-  }, [G, re, p]), ve = A(/* @__PURE__ */ new Set()), M = C(() => {
-    const e = new Set(ue.map((r) => `${r.x},${r.y}`)), t = ve.current;
-    return e.size === t.size && [...e].every((r) => t.has(r)) ? t : (ve.current = e, e);
-  }, [ue]), j = C(() => p.filter((e) => {
-    const t = u(e.x), r = v(e.y);
-    return t >= 0 && t <= l && r >= 0 && r <= c;
-  }), [p, u, v, l, c]), q = ee((e, t, r) => {
-    const n = r.getContext("2d");
-    if (!n) return;
-    if (Ze(n, l, c), L) {
-      const [x, H, B] = L.colorScale ?? ["red", "white", "blue"], w = l, g = c, Ue = e(0), Je = t(0), Ne = Math.max(1e-3, Math.min(0.999, (Ue * w - Je * g + g * g) / (w * w + g * g))), K = n.createLinearGradient(0, g, w, 0);
-      K.addColorStop(0, x), K.addColorStop(Ne, H), K.addColorStop(1, B), n.globalAlpha = L.opacity ?? 1, n.fillStyle = K, n.fillRect(0, 0, w, g), n.globalAlpha = 1;
-    }
-    const {
-      nonHovered: a,
-      hovered: S
-    } = He(p, M), xe = (x, H) => {
-      const B = e(x.x), w = t(x.y);
-      be(B, w, l, c) && et(n, x, B, w, H ? F.current : 0);
-    };
-    a.forEach((x) => xe(x, !1)), S.forEach((x) => xe(x, !0));
-  }, [c, l, M, p, L]);
-  V(() => {
-    const e = ae.current;
-    if (!e || Q) return;
-    if (M.size === 0) {
-      N.current = null, F.current = 0, q(u, v, e);
-      return;
-    }
-    if (N.current === M) {
-      q(u, v, e);
-      return;
-    }
-    N.current = M;
-    const t = performance.now();
-    F.current = 0;
-    let r = requestAnimationFrame(function n() {
-      const a = Math.min(1, (performance.now() - t) / ht);
-      F.current = xt(a), q(u, v, e), a < 1 && (r = requestAnimationFrame(n));
+    var f = R(t), l = S(t), x = f.x - e(f, l) / 2, y = l.x + e(l, f) / 2;
+    return t.eachAfter(i ? function(r) {
+      r.x = (r.x - t.x) * n, r.y = (t.y - r.y) * a;
+    } : function(r) {
+      r.x = (r.x - x) / (y - x) * n, r.y = (1 - (t.y ? r.y / t.y : 1)) * a;
     });
-    return () => cancelAnimationFrame(r);
-  }, [q, u, v, Q, M]);
-  const De = ee(() => {
-    E && ce?.(E);
-  }, [E, ce]), Fe = h ? Ae ? m ? "none" : "crosshair" : m ? "none" : "default" : E ? "default" : i === "select" ? m ? "none" : "crosshair" : f.isDragging ? "grabbing" : "grab", z = (e) => {
-    de(e), Ve(f);
-  }, y = A(null), d = A(null), W = ct((e) => {
-    f.dragMove(e);
-  }), Ye = ee(() => {
-    y.current !== null && (cancelAnimationFrame(y.current), y.current = null);
-    const e = d.current;
-    d.current = null, e && W(e);
-  }, [W]);
-  V(() => () => {
-    y.current !== null && cancelAnimationFrame(y.current);
-  }, []);
-  const pe = (e) => {
-    d.current = e.nativeEvent, y.current === null && (y.current = requestAnimationFrame(() => {
-      y.current = null;
-      const t = d.current;
-      d.current = null, t && W(t);
-    }));
-  }, Z = () => {
-    Ye(), f.dragEnd();
-  }, Xe = i === "none" ? void 0 : i === "select" ? ie : h ? void 0 : f.dragStart, je = i === "none" ? void 0 : i === "select" ? z : h ? void 0 : Z, qe = i === "none" ? void 0 : i === "select" ? m ? fe : void 0 : h ? void 0 : pe, Be = i === "none" ? void 0 : i === "select" ? z : h ? void 0 : Z, Ke = i === "none" ? void 0 : i === "select" ? ie : h ? void 0 : f.dragStart, Oe = i === "none" ? void 0 : i === "select" ? z : h ? void 0 : Z, $e = i === "none" ? void 0 : i === "select" ? m ? fe : void 0 : h ? void 0 : pe, Ie = (e) => {
-    if (_(!1), !h) {
-      const t = pt(e) || {
-        x: 0,
-        y: 0
-      }, r = e.deltaY < 0 ? 1.1 : 0.9;
-      f.scale({
-        scaleX: r,
-        scaleY: r,
-        point: t
-      });
-    }
-  }, he = A([]);
-  return V(() => {
-    ((t, r) => t.length !== r.length ? !0 : !t.every((n, a) => {
-      const S = r[a];
-      return n.x === S.x && n.y === S.y && n.r === S.r && n.shape === S.shape && n.color === S.color && n.opacity === S.opacity;
-    }))(he.current, j) && (se?.(j), he.current = j);
-  }, [j, se]), /* @__PURE__ */ o(Ge, { justifyContent: "center", alignItems: "center", direction: "row", sx: {
-    position: "relative"
-  }, children: /* @__PURE__ */ o(me, { sx: {
-    width: D,
-    height: te
-  }, children: ke ? /* @__PURE__ */ o(me, { display: "flex", width: "100%", height: "100%", sx: {
-    justifyContent: "center",
-    alignItems: "center"
-  }, children: /* @__PURE__ */ o(_e, {}) }) : /* @__PURE__ */ k("div", { style: {
-    position: "relative"
-  }, ref: Re, children: [
-    /* @__PURE__ */ o("canvas", { ref: ae, width: l * 2, height: c * 2, style: {
-      userSelect: "none",
-      position: "absolute",
-      top: s.top,
-      left: s.left,
-      width: l,
-      height: c,
-      backgroundColor: "transparent"
-    } }),
-    /* @__PURE__ */ k("svg", { width: D, height: te, overflow: "visible", style: {
-      position: "absolute",
-      userSelect: "none"
-    }, onMouseMove: (e) => {
-      m ? oe() : Ee(e, f);
-    }, onMouseLeave: oe, children: [
-      /* @__PURE__ */ k(Se, { top: s.top, left: s.left, children: [
-        Q && T && /* @__PURE__ */ o(tt, { pointData: p, animation: T, animationGroupSize: O, animationBuffer: $, xScaleTransformed: u, yScaleTransformed: v, boundedWidth: l, boundedHeight: c }),
-        i === "select" && /* @__PURE__ */ k(b, { children: [
-          Pe.map((e, t) => /* @__PURE__ */ o(lt, { fill: "transparent", stroke: "black", strokeWidth: 3, data: e, curve: at, x: (r) => r.x, y: (r) => r.y }, `line-${t}`)),
-          m && /* @__PURE__ */ k("g", { children: [
-            /* @__PURE__ */ o("line", { x1: R - s.left + Y - 6, y1: P - s.top + X, x2: R - s.left + Y + 6, y2: P - s.top + X, stroke: "black", strokeWidth: 1 }),
-            /* @__PURE__ */ o("line", { x1: R - s.left + Y, y1: P - s.top + X - 6, x2: R - s.left + Y, y2: P - s.top + X + 6, stroke: "black", strokeWidth: 1 }),
-            /* @__PURE__ */ o("circle", { cx: R - s.left, cy: P - s.top, r: 4, fill: "transparent", stroke: "black", pointerEvents: "none" })
-          ] })
-        ] }),
-        Te && (() => {
-          const e = u(0), t = v(0);
-          return /* @__PURE__ */ k(b, { children: [
-            t >= 0 && t <= c && /* @__PURE__ */ o("line", { x1: 0, x2: l, y1: t, y2: t, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" }),
-            e >= 0 && e <= l && /* @__PURE__ */ o("line", { x1: e, x2: e, y1: 0, y2: c, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" })
-          ] });
-        })(),
-        /* @__PURE__ */ o("rect", { ref: le, fill: "transparent", width: l, height: c, style: {
-          cursor: Fe
-        }, onMouseDown: Xe, onMouseUp: je, onMouseMove: qe, onMouseLeave: Be, onTouchStart: Ke, onTouchEnd: Oe, onTouchMove: $e, onWheel: Ie, onClick: De }),
-        J && !m && /* @__PURE__ */ o(ot, { position: {
-          x: u(J.x),
-          y: v(J.y)
-        }, boundedWidth: l, boundedHeight: c })
-      ] }),
-      /* @__PURE__ */ k(Se, { top: s.top, left: s.left, children: [
-        /* @__PURE__ */ o(it, { scale: v, tickLabelProps: () => ({
-          fill: "#1c1917",
-          fontSize: 10,
-          textAnchor: "end",
-          verticalAnchor: "middle",
-          x: -10
-        }), tickValues: ye(v, 5) }),
-        /* @__PURE__ */ o(ft, { top: c, scale: u, tickLabelProps: () => ({
-          fill: "#1c1917",
-          fontSize: 11,
-          textAnchor: "middle"
-        }), tickValues: ye(u, 5) }),
-        Ce && /* @__PURE__ */ k(b, { children: [
-          /* @__PURE__ */ o(ut, { top: 0, scale: u, tickValues: [] }),
-          /* @__PURE__ */ o(vt, { scale: v, tickValues: [], left: l })
-        ] }),
-        /* @__PURE__ */ o(we, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: 15, y: c / 2, x: 0, dx: -50, children: Le }),
-        /* @__PURE__ */ o(we, { textAnchor: "middle", verticalAnchor: "start", fontSize: 15, y: c, x: l / 2, dy: 50, children: Me })
-      ] }),
-      /* @__PURE__ */ o(rt, { pointData: p, xScaleTransformed: u, yScaleTransformed: v, boundedWidth: l, boundedHeight: c, margin: s }),
-      L?.legend && /* @__PURE__ */ o(nt, { backgroundGradient: L, boundedHeight: c, barLeft: s.left + l + 25, marginTop: s.top })
-    ] })
-  ] }) }) });
-};
+  }
+  return u.separation = function(t) {
+    return arguments.length ? (e = t, u) : e;
+  }, u.size = function(t) {
+    return arguments.length ? (i = !1, n = +t[0], a = +t[1], u) : i ? null : [n, a];
+  }, u.nodeSize = function(t) {
+    return arguments.length ? (i = !0, n = +t[0], a = +t[1], u) : i ? [n, a] : null;
+  }, u;
+}
 export {
-  jt as default
+  w as default
 };
 //# sourceMappingURL=visualization.es56.js.map

package/dist/visualization.es56.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es56.js","sources":["../src/components/ScatterPlot/ScatterPlotViewport.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport { Box, Stack } from \"@mui/material\";\nimport { Group } from \"@visx/group\";\nimport { AxisBottom, AxisLeft, AxisRight, AxisTop } from \"@visx/axis\";\nimport { LinePath } from \"@visx/shape\";\nimport { Text } from \"@visx/text\";\nimport { curveBasis } from \"@visx/curve\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { BackgroundGradient, ChartProps, CrosshairPosition, Point, SelectionMode, ZoomType } from \"./types\";\nimport { drawCanvasPoint, getTicks, isPointVisible, partitionPointsByHover, prepareCanvas, rescaleX, rescaleY } from \"./helpers\";\nimport { useStableCallback } from \"../../hooks\";\nimport AnimatedPoints from \"./AnimatedPoints\";\nimport PointLabels from \"./PointLabels\";\nimport GradientLegend from \"./GradientLegend\";\nimport Crosshair from \"./Crosshair\";\nimport { useDragSelection } from \"./hooks/useDragSelection\";\n\ntype ScatterPlotViewportProps<T extends object> = {\n    width: number;\n    height: number;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    loading: boolean;\n    pointData: Point<T>[];\n    animation?: ChartProps<T, boolean | undefined, boolean | undefined>[\"animation\"];\n    animationGroupSize?: number;\n    animationBuffer?: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    zoom: ZoomType;\n    selectMode: SelectionMode;\n    selectable: boolean;\n    disableZoom?: boolean;\n    groupPointsAnchor?: keyof Point<T> | keyof T;\n    hoveredPoint: Point<T> | null;\n    hoveredPoints?: Point<T>[];\n    handleMouseMove: (event: React.MouseEvent<SVGElement>, zoom: ZoomType) => void;\n    handleMouseLeave: () => void;\n    onDisplayedPointsChange?: (points: Point<T>[]) => void;\n    onSelectionChange?: (selectedPoints: Point<T>[]) => void;\n    onPointClicked?: (point: Point<T>) => void;\n    leftAxisLabel?: string;\n    bottomAxisLabel?: string;\n    border: boolean;\n    originLine?: boolean;\n    backgroundGradient?: BackgroundGradient;\n    /** Crosshair position in data coordinates, or null for no crosshair. */\n    crosshair?: CrosshairPosition | null;\n    divRef: React.RefObject<HTMLDivElement | null>;\n};\n\n/**\n * Hover growth eases in over this long, and is dropped instantly on the way out.\n * Easing the exit too would drag a tail of still-shrinking points behind the cursor\n * whenever it sweeps across a dense plot.\n */\nconst HOVER_GROW_MS = 120;\n\nconst easeOutCubic = (t: number) => 1 - Math.pow(1 - t, 3);\n\nconst ScatterPlotViewport = <T extends object>({\n    width,\n    height,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    loading,\n    pointData,\n    animation,\n    animationGroupSize,\n    animationBuffer,\n    xScale,\n    yScale,\n    zoom,\n    selectMode,\n    selectable,\n    disableZoom,\n    groupPointsAnchor,\n    hoveredPoint,\n    hoveredPoints,\n    handleMouseMove,\n    handleMouseLeave,\n    onDisplayedPointsChange,\n    onSelectionChange,\n    onPointClicked,\n    leftAxisLabel,\n    bottomAxisLabel,\n    border,\n    originLine,\n    backgroundGradient,\n    crosshair,\n    divRef,\n}: ScatterPlotViewportProps<T>) => {\n    const graphRef = useRef<SVGRectElement | null>(null);\n    const canvasRef = useRef<HTMLCanvasElement | null>(null);\n    // Hover growth is driven straight onto the canvas through a ref. A redraw is ~0.3ms at\n    // 3.4k points so the drawing is cheap, but a re-render per frame would not be.\n    const hoverAmountRef = useRef(0);\n    const animatedKeysRef = useRef<Set<string> | null>(null);\n\n    // Animation state — viewport owns what it renders\n    const [showPointAnimation, setShowPointAnimation] = useState(Boolean(animation));\n\n    useEffect(() => {\n        if (!animation) return;\n        if (pointData.length > 2500) {\n            setShowPointAnimation(false);\n            return;\n        }\n        const duration = 450;\n        const buffer = (animationBuffer ?? 0.03) * 1000;\n        const groups = Math.ceil(pointData.length / (animationGroupSize ?? 1));\n        const total = duration + groups * buffer;\n\n        const t = window.setTimeout(() => setShowPointAnimation(false), total);\n        return () => window.clearTimeout(t);\n    }, [animation, animationBuffer, animationGroupSize, pointData.length]);\n\n    const { lines, isDragging, x, y, dx, dy, dragStart, dragMove, dragEnd, completeSelection } =\n        useDragSelection({ pointData, margin, xScale, yScale, onSelectionChange });\n\n    // Passive event listeners to prevent default scroll/touch behavior on the chart surface\n    useEffect(() => {\n        const graphElement = graphRef.current;\n\n        const handleWheel = (event: WheelEvent) => { event.preventDefault(); };\n        const handleTouchMove = (event: TouchEvent) => { event.preventDefault(); };\n        const handleTouchStart = (event: TouchEvent) => { event.preventDefault(); };\n\n        if (graphElement) {\n            graphElement.addEventListener('wheel', handleWheel, { passive: false });\n            graphElement.addEventListener('touchstart', handleTouchStart, { passive: false });\n            graphElement.addEventListener('touchmove', handleTouchMove, { passive: false });\n        }\n\n        return () => {\n            if (graphElement) {\n                graphElement.removeEventListener('wheel', handleWheel);\n                graphElement.removeEventListener('touchstart', handleTouchStart);\n                graphElement.removeEventListener('touchmove', handleTouchMove);\n            }\n        };\n    }, []);\n\n    const xScaleTransformed = useMemo(\n        () => rescaleX(xScale, zoom.transformMatrix.translateX, zoom.transformMatrix.scaleX),\n        [xScale, zoom.transformMatrix]\n    );\n    const yScaleTransformed = useMemo(\n        () => rescaleY(yScale, zoom.transformMatrix.translateY, zoom.transformMatrix.scaleY),\n        [yScale, zoom.transformMatrix]\n    );\n\n    // What is hovered: the point under the cursor if there is one, otherwise whatever the\n    // consumer has asked to highlight. The cursor takes precedence so the plot's own hover is\n    // never overridden mid-gesture.\n    const highlightSeeds: Point<T>[] = useMemo(\n        () => (hoveredPoint ? [hoveredPoint] : hoveredPoints ?? []),\n        [hoveredPoint, hoveredPoints]\n    );\n\n    const groupedPoints: Point<T>[] = useMemo(() => {\n        const anchor = groupPointsAnchor;\n        if (!anchor) return highlightSeeds;\n\n        const anchorValue = (point: Point<T>): unknown =>\n            anchor in point\n                ? point[anchor as keyof Point<T>]\n                : point.metaData?.[anchor as keyof T];\n\n        // Collect the seeds' anchor values first, so this stays O(points + seeds). Matching each\n        // point against each seed would be 2.5m comparisons when a whole 750-point group is\n        // handed in against 3.4k points.\n        const seedValues = new Set(\n            highlightSeeds.map(anchorValue).filter((value) => value !== undefined)\n        );\n        if (seedValues.size === 0) return [];\n\n        return pointData.filter((point) => {\n            const value = anchorValue(point);\n            return value !== undefined && seedValues.has(value);\n        });\n    }, [highlightSeeds, groupPointsAnchor, pointData]);\n\n    const previousHoveredKeysRef = useRef<Set<string>>(new Set());\n\n    const hoveredPointKeys = useMemo(() => {\n        const next = new Set(groupedPoints.map((point) => `${point.x},${point.y}`));\n        const previous = previousHoveredKeysRef.current;\n\n        // Moving between points inside one anchored group rebuilds this set, but its contents\n        // are unchanged - the hovered group is the same group. Handing back the previous Set\n        // keeps its identity stable, so the redraw effect and the hover growth it drives both\n        // sit still instead of restarting on every point the cursor crosses. Purely a\n        // memoisation hint: the contents are correct either way.\n        if (next.size === previous.size && [...next].every((key) => previous.has(key))) {\n            return previous;\n        }\n\n        previousHoveredKeysRef.current = next;\n        return next;\n    }, [groupedPoints]);\n\n    const currentDisplayedPoints = useMemo(\n        () => pointData.filter((point) => {\n            const tx = xScaleTransformed(point.x);\n            const ty = yScaleTransformed(point.y);\n            return tx >= 0 && tx <= boundedWidth && ty >= 0 && ty <= boundedHeight;\n        }),\n        [pointData, xScaleTransformed, yScaleTransformed, boundedWidth, boundedHeight]\n    );\n\n    const drawPoints = useCallback((\n        xST: ScaleLinear<number, number, never>,\n        yST: ScaleLinear<number, number, never>,\n        canvas: HTMLCanvasElement\n    ) => {\n        const context = canvas.getContext('2d');\n        if (!context) return;\n\n        prepareCanvas(context, boundedWidth, boundedHeight);\n\n        if (backgroundGradient) {\n            const [colorLow, colorMid, colorHigh] = backgroundGradient.colorScale ?? [\"red\", \"white\", \"blue\"];\n            const W = boundedWidth;\n            const H = boundedHeight;\n            const x0 = xST(0);\n            const y0 = yST(0);\n            const fraction = Math.max(0.001, Math.min(0.999, (x0 * W - y0 * H + H * H) / (W * W + H * H)));\n            const gradient = context.createLinearGradient(0, H, W, 0);\n            gradient.addColorStop(0, colorLow);\n            gradient.addColorStop(fraction, colorMid);\n            gradient.addColorStop(1, colorHigh);\n            context.globalAlpha = backgroundGradient.opacity ?? 1;\n            context.fillStyle = gradient;\n            context.fillRect(0, 0, W, H);\n            context.globalAlpha = 1;\n        }\n\n        const { nonHovered, hovered } = partitionPointsByHover(pointData, hoveredPointKeys);\n\n        const drawRenderedPoint = (point: Point<T>, isHovered: boolean) => {\n            const transformedX = xST(point.x);\n            const transformedY = yST(point.y);\n            if (!isPointVisible(transformedX, transformedY, boundedWidth, boundedHeight)) return;\n            drawCanvasPoint(context, point, transformedX, transformedY, isHovered ? hoverAmountRef.current : 0);\n        };\n\n        nonHovered.forEach((point) => drawRenderedPoint(point, false));\n        hovered.forEach((point) => drawRenderedPoint(point, true));\n    }, [boundedHeight, boundedWidth, hoveredPointKeys, pointData, backgroundGradient]);\n\n    useEffect(() => {\n        const canvas = canvasRef.current;\n        if (!canvas || showPointAnimation) return;\n\n        // Leaving is instant: drop the growth and repaint once.\n        if (hoveredPointKeys.size === 0) {\n            animatedKeysRef.current = null;\n            hoverAmountRef.current = 0;\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n            return;\n        }\n\n        // Only a change of hovered set starts the growth. This effect also runs on pan, zoom\n        // and data changes, which should repaint at the size the points have already reached\n        // rather than snapping them back to zero.\n        if (animatedKeysRef.current === hoveredPointKeys) {\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n            return;\n        }\n        animatedKeysRef.current = hoveredPointKeys;\n\n        const startedAt = performance.now();\n        hoverAmountRef.current = 0;\n        let frame = requestAnimationFrame(function step() {\n            const t = Math.min(1, (performance.now() - startedAt) / HOVER_GROW_MS);\n            hoverAmountRef.current = easeOutCubic(t);\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n            if (t < 1) frame = requestAnimationFrame(step);\n        });\n\n        return () => cancelAnimationFrame(frame);\n    }, [drawPoints, xScaleTransformed, yScaleTransformed, showPointAnimation, hoveredPointKeys]);\n\n    const handlePointClick = useCallback(() => {\n        if (hoveredPoint) onPointClicked?.(hoveredPoint);\n    }, [hoveredPoint, onPointClicked]);\n\n    const surfaceCursor = disableZoom\n        ? selectable\n            ? isDragging ? 'none' : 'crosshair'\n            : isDragging ? 'none' : 'default'\n        : hoveredPoint\n            ? 'default'\n            : selectMode === 'select'\n                ? isDragging ? 'none' : 'crosshair'\n                : zoom.isDragging\n                    ? 'grabbing'\n                    : 'grab';\n\n    const handleSelectionEnd = (event: React.MouseEvent<SVGRectElement> | React.TouchEvent<SVGRectElement>) => {\n        dragEnd(event);\n        completeSelection(zoom);\n    };\n\n    /**\n     * Panning is coalesced to one zoom update per animation frame.\n     *\n     * zoom.dragMove sets the transform matrix on every move it is handed, and a mouse reports\n     * positions faster than the browser paints. Because mousemove is a continuous event that\n     * React flushes synchronously - and because a shared zoom sits above every synced plot, so\n     * one update re-renders all of them - handling each move outright never lets the browser\n     * paint, and React eventually warns that the update depth was exceeded.\n     *\n     * The buffer holds nativeEvent rather than the synthetic event: React clears currentTarget\n     * once dispatch returns, and this runs a frame later. Routing through useStableCallback\n     * keeps the frame calling the current zoom rather than the one captured when it was queued.\n     */\n    const dragFrameRef = useRef<number | null>(null);\n    const pendingDragRef = useRef<MouseEvent | TouchEvent | null>(null);\n    const dragMoveLatest = useStableCallback((event: MouseEvent | TouchEvent) => {\n        zoom.dragMove(event as unknown as React.MouseEvent | React.TouchEvent);\n    });\n\n    const flushPendingDrag = useCallback(() => {\n        if (dragFrameRef.current !== null) {\n            cancelAnimationFrame(dragFrameRef.current);\n            dragFrameRef.current = null;\n        }\n        const pending = pendingDragRef.current;\n        pendingDragRef.current = null;\n        if (pending) dragMoveLatest(pending);\n    }, [dragMoveLatest]);\n\n    useEffect(() => () => {\n        if (dragFrameRef.current !== null) cancelAnimationFrame(dragFrameRef.current);\n    }, []);\n\n    const onZoomDragMove = (event: React.MouseEvent<SVGRectElement> | React.TouchEvent<SVGRectElement>) => {\n        pendingDragRef.current = event.nativeEvent;\n        if (dragFrameRef.current !== null) return;\n        dragFrameRef.current = requestAnimationFrame(() => {\n            dragFrameRef.current = null;\n            const pending = pendingDragRef.current;\n            pendingDragRef.current = null;\n            if (pending) dragMoveLatest(pending);\n        });\n    };\n\n    // The queued frame is applied before the gesture closes, so the plot lands on the position\n    // the pointer was actually released at rather than a frame behind it.\n    const onZoomDragEnd = () => {\n        flushPendingDrag();\n        zoom.dragEnd();\n    };\n\n    const onSurfaceMouseDown = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? dragStart\n            : disableZoom ? undefined : zoom.dragStart;\n    const onSurfaceMouseUp = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : onZoomDragEnd;\n    const onSurfaceMouseMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : onZoomDragMove;\n    const onSurfaceMouseLeave = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : onZoomDragEnd;\n    const onSurfaceTouchStart = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? dragStart\n            : disableZoom ? undefined : zoom.dragStart;\n    const onSurfaceTouchEnd = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : onZoomDragEnd;\n    const onSurfaceTouchMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : onZoomDragMove;\n    const onSurfaceWheel: React.WheelEventHandler<SVGRectElement> = (event) => {\n        setShowPointAnimation(false);\n        if (!disableZoom) {\n            const point = localPoint(event) || { x: 0, y: 0 };\n            const zoomDirection = event.deltaY < 0 ? 1.1 : 0.9;\n            zoom.scale({ scaleX: zoomDirection, scaleY: zoomDirection, point });\n        }\n    };\n\n    const previousDisplayedPoints = useRef<Point<T>[]>([]);\n\n    useEffect(() => {\n        const haveDisplayedPointsChanged = (prevPoints: Point<T>[], nextPoints: Point<T>[]) => {\n            if (prevPoints.length !== nextPoints.length) return true;\n            return !prevPoints.every((point, index) => {\n                const nextPoint = nextPoints[index];\n                return (\n                    point.x === nextPoint.x &&\n                    point.y === nextPoint.y &&\n                    point.r === nextPoint.r &&\n                    point.shape === nextPoint.shape &&\n                    point.color === nextPoint.color &&\n                    point.opacity === nextPoint.opacity\n                );\n            });\n        };\n\n        if (haveDisplayedPointsChanged(previousDisplayedPoints.current, currentDisplayedPoints)) {\n            onDisplayedPointsChange?.(currentDisplayedPoints);\n            previousDisplayedPoints.current = currentDisplayedPoints;\n        }\n    }, [currentDisplayedPoints, onDisplayedPointsChange]);\n\n    return (\n        <Stack justifyContent=\"center\" alignItems=\"center\" direction=\"row\" sx={{ position: \"relative\" }}>\n            <Box sx={{ width, height }}>\n                {loading ? (\n                    <Box display=\"flex\" width=\"100%\" height=\"100%\" sx={{ justifyContent: \"center\", alignItems: \"center\" }}>\n                        <CircularProgress />\n                    </Box>\n                ) : (\n                    <div style={{ position: \"relative\" }} ref={divRef}>\n                        <canvas\n                            ref={canvasRef}\n                            width={boundedWidth * 2}\n                            height={boundedHeight * 2}\n                            style={{\n                                userSelect: \"none\",\n                                position: \"absolute\",\n                                top: margin.top,\n                                left: margin.left,\n                                width: boundedWidth,\n                                height: boundedHeight,\n                                backgroundColor: \"transparent\",\n                            }}\n                        />\n                        <svg\n                            width={width}\n                            height={height}\n                            overflow=\"visible\"\n                            style={{ position: \"absolute\", userSelect: \"none\" }}\n                            onMouseMove={(event) => {\n                                if (isDragging) handleMouseLeave();\n                                else handleMouseMove(event, zoom);\n                            }}\n                            onMouseLeave={handleMouseLeave}\n                        >\n                            <Group top={margin.top} left={margin.left}>\n                                {showPointAnimation && animation && (\n                                    <AnimatedPoints\n                                        pointData={pointData}\n                                        animation={animation}\n                                        animationGroupSize={animationGroupSize}\n                                        animationBuffer={animationBuffer}\n                                        xScaleTransformed={xScaleTransformed}\n                                        yScaleTransformed={yScaleTransformed}\n                                        boundedWidth={boundedWidth}\n                                        boundedHeight={boundedHeight}\n                                    />\n                                )}\n                                {selectMode === \"select\" && (\n                                    <>\n                                        {lines.map((line, index) => (\n                                            <LinePath\n                                                key={`line-${index}`}\n                                                fill=\"transparent\"\n                                                stroke=\"black\"\n                                                strokeWidth={3}\n                                                data={line}\n                                                curve={curveBasis}\n                                                x={(datum) => datum.x}\n                                                y={(datum) => datum.y}\n                                            />\n                                        ))}\n                                        {isDragging && (\n                                            <g>\n                                                <line x1={x - margin.left + dx - 6} y1={y - margin.top + dy} x2={x - margin.left + dx + 6} y2={y - margin.top + dy} stroke=\"black\" strokeWidth={1} />\n                                                <line x1={x - margin.left + dx} y1={y - margin.top + dy - 6} x2={x - margin.left + dx} y2={y - margin.top + dy + 6} stroke=\"black\" strokeWidth={1} />\n                                                <circle cx={x - margin.left} cy={y - margin.top} r={4} fill=\"transparent\" stroke=\"black\" pointerEvents=\"none\" />\n                                            </g>\n                                        )}\n                                    </>\n                                )}\n                                {originLine && (() => {\n                                    const x0 = xScaleTransformed(0);\n                                    const y0 = yScaleTransformed(0);\n                                    return (\n                                        <>\n                                            {y0 >= 0 && y0 <= boundedHeight && (\n                                                <line x1={0} x2={boundedWidth} y1={y0} y2={y0} stroke=\"#000\" strokeWidth={1} strokeDasharray=\"4,4\" pointerEvents=\"none\" />\n                                            )}\n                                            {x0 >= 0 && x0 <= boundedWidth && (\n                                                <line x1={x0} x2={x0} y1={0} y2={boundedHeight} stroke=\"#000\" strokeWidth={1} strokeDasharray=\"4,4\" pointerEvents=\"none\" />\n                                            )}\n                                        </>\n                                    );\n                                })()}\n                                <rect\n                                    ref={graphRef}\n                                    fill=\"transparent\"\n                                    width={boundedWidth}\n                                    height={boundedHeight}\n                                    style={{ cursor: surfaceCursor }}\n                                    onMouseDown={onSurfaceMouseDown}\n                                    onMouseUp={onSurfaceMouseUp}\n                                    onMouseMove={onSurfaceMouseMove}\n                                    onMouseLeave={onSurfaceMouseLeave}\n                                    onTouchStart={onSurfaceTouchStart}\n                                    onTouchEnd={onSurfaceTouchEnd}\n                                    onTouchMove={onSurfaceTouchMove}\n                                    onWheel={onSurfaceWheel}\n                                    onClick={handlePointClick}\n                                />\n                                {crosshair && !isDragging && (\n                                    <Crosshair\n                                        position={{\n                                            x: xScaleTransformed(crosshair.x),\n                                            y: yScaleTransformed(crosshair.y),\n                                        }}\n                                        boundedWidth={boundedWidth}\n                                        boundedHeight={boundedHeight}\n                                    />\n                                )}\n                            </Group>\n                            <Group top={margin.top} left={margin.left}>\n                                <AxisLeft\n                                    scale={yScaleTransformed}\n                                    tickLabelProps={() => ({\n                                        fill: \"#1c1917\",\n                                        fontSize: 10,\n                                        textAnchor: \"end\",\n                                        verticalAnchor: \"middle\",\n                                        x: -10,\n                                    })}\n                                    tickValues={getTicks(yScaleTransformed, 5)}\n                                />\n                                <AxisBottom\n                                    top={boundedHeight}\n                                    scale={xScaleTransformed}\n                                    tickLabelProps={() => ({\n                                        fill: \"#1c1917\",\n                                        fontSize: 11,\n                                        textAnchor: \"middle\",\n                                    })}\n                                    tickValues={getTicks(xScaleTransformed, 5)}\n                                />\n                                {border && (\n                                    <>\n                                        <AxisTop top={0} scale={xScaleTransformed} tickValues={[]} />\n                                        <AxisRight scale={yScaleTransformed} tickValues={[]} left={boundedWidth} />\n                                    </>\n                                )}\n                                <Text textAnchor=\"middle\" verticalAnchor=\"end\" angle={-90} fontSize={15} y={boundedHeight / 2} x={0} dx={-50}>\n                                    {leftAxisLabel}\n                                </Text>\n                                <Text textAnchor=\"middle\" verticalAnchor=\"start\" fontSize={15} y={boundedHeight} x={boundedWidth / 2} dy={50}>\n                                    {bottomAxisLabel}\n                                </Text>\n                            </Group>\n                            <PointLabels\n                                pointData={pointData}\n                                xScaleTransformed={xScaleTransformed}\n                                yScaleTransformed={yScaleTransformed}\n                                boundedWidth={boundedWidth}\n                                boundedHeight={boundedHeight}\n                                margin={margin}\n                            />\n                            {backgroundGradient?.legend && (\n                                <GradientLegend\n                                    backgroundGradient={backgroundGradient}\n                                    boundedHeight={boundedHeight}\n                                    barLeft={margin.left + boundedWidth + 25}\n                                    marginTop={margin.top}\n                                />\n                            )}\n                        </svg>\n                    </div>\n                )}\n            </Box>\n        </Stack>\n    );\n};\n\nexport default ScatterPlotViewport;\n"],"names":["HOVER_GROW_MS","easeOutCubic","t","Math","pow","ScatterPlotViewport","width","height","margin","boundedWidth","boundedHeight","loading","pointData","animation","animationGroupSize","animationBuffer","xScale","yScale","zoom","selectMode","selectable","disableZoom","groupPointsAnchor","hoveredPoint","hoveredPoints","handleMouseMove","handleMouseLeave","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","crosshair","divRef","graphRef","useRef","canvasRef","hoverAmountRef","animatedKeysRef","showPointAnimation","setShowPointAnimation","useState","Boolean","useEffect","length","duration","buffer","groups","ceil","total","window","setTimeout","clearTimeout","lines","isDragging","x","y","dx","dy","dragStart","dragMove","dragEnd","completeSelection","useDragSelection","graphElement","current","handleWheel","event","preventDefault","handleTouchMove","handleTouchStart","addEventListener","passive","removeEventListener","xScaleTransformed","useMemo","rescaleX","transformMatrix","translateX","scaleX","yScaleTransformed","rescaleY","translateY","scaleY","highlightSeeds","groupedPoints","anchor","anchorValue","point","metaData","seedValues","Set","map","filter","value","undefined","size","has","previousHoveredKeysRef","hoveredPointKeys","next","previous","every","key","currentDisplayedPoints","tx","ty","drawPoints","useCallback","xST","yST","canvas","context","getContext","prepareCanvas","colorLow","colorMid","colorHigh","colorScale","W","H","x0","y0","fraction","max","min","gradient","createLinearGradient","addColorStop","globalAlpha","opacity","fillStyle","fillRect","nonHovered","hovered","partitionPointsByHover","drawRenderedPoint","isHovered","transformedX","transformedY","isPointVisible","drawCanvasPoint","forEach","startedAt","performance","now","frame","requestAnimationFrame","step","cancelAnimationFrame","handlePointClick","surfaceCursor","handleSelectionEnd","dragFrameRef","pendingDragRef","dragMoveLatest","useStableCallback","flushPendingDrag","pending","onZoomDragMove","nativeEvent","onZoomDragEnd","onSurfaceMouseDown","onSurfaceMouseUp","onSurfaceMouseMove","onSurfaceMouseLeave","onSurfaceTouchStart","onSurfaceTouchEnd","onSurfaceTouchMove","onSurfaceWheel","localPoint","zoomDirection","deltaY","scale","previousDisplayedPoints","haveDisplayedPointsChanged","prevPoints","nextPoints","index","nextPoint","r","shape","color","jsx","Stack","position","Box","justifyContent","alignItems","CircularProgress","jsxs","userSelect","top","left","backgroundColor","Group","AnimatedPoints","Fragment","line","LinePath","curveBasis","datum","cursor","Crosshair","AxisLeft","fill","fontSize","textAnchor","verticalAnchor","getTicks","AxisBottom","AxisTop","AxisRight","Text","PointLabels","legend","GradientLegend"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2DA,MAAMA,KAAgB,KAEhBC,KAAeA,CAACC,MAAc,IAAIC,KAAKC,IAAI,IAAIF,GAAG,CAAC,GAEnDG,KAAsB,CAAmB;AAAA,EAC3CC,OAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,kBAAAA;AAAAA,EACAC,yBAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,QAAAA;AACyB,MAAM;AAC/B,QAAMC,KAAWC,EAA8B,IAAI,GAC7CC,KAAYD,EAAiC,IAAI,GAGjDE,IAAiBF,EAAO,CAAC,GACzBG,IAAkBH,EAA2B,IAAI,GAGjD,CAACI,GAAoBC,CAAqB,IAAIC,GAASC,EAAQhC,CAAU;AAE/EiC,EAAAA,EAAU,MAAM;AACZ,QAAI,CAACjC,EAAW;AAChB,QAAID,EAAUmC,SAAS,MAAM;AACzBJ,MAAAA,EAAsB,EAAK;AAC3B;AAAA,IACJ;AACA,UAAMK,IAAW,KACXC,KAAUlC,KAAmB,QAAQ,KACrCmC,IAAS/C,KAAKgD,KAAKvC,EAAUmC,UAAUjC,KAAsB,EAAE,GAC/DsC,IAAQJ,IAAWE,IAASD,GAE5B/C,IAAImD,OAAOC,WAAW,MAAMX,EAAsB,EAAK,GAAGS,CAAK;AACrE,WAAO,MAAMC,OAAOE,aAAarD,CAAC;AAAA,EACtC,GAAG,CAACW,GAAWE,GAAiBD,GAAoBF,EAAUmC,MAAM,CAAC;AAErE,QAAM;AAAA,IAAES,OAAAA;AAAAA,IAAOC,YAAAA;AAAAA,IAAYC,GAAAA;AAAAA,IAAGC,GAAAA;AAAAA,IAAGC,IAAAA;AAAAA,IAAIC,IAAAA;AAAAA,IAAIC,WAAAA;AAAAA,IAAWC,UAAAA;AAAAA,IAAUC,SAAAA;AAAAA,IAASC,mBAAAA;AAAAA,EAAAA,IACnEC,GAAiB;AAAA,IAAEtD,WAAAA;AAAAA,IAAWJ,QAAAA;AAAAA,IAAQQ,QAAAA;AAAAA,IAAQC,QAAAA;AAAAA,IAAQW,mBAAAA;AAAAA,EAAAA,CAAmB;AAG7EkB,EAAAA,EAAU,MAAM;AACZ,UAAMqB,IAAe9B,GAAS+B,SAExBC,IAAcA,CAACC,MAAsB;AAAEA,MAAAA,EAAMC,eAAAA;AAAAA,IAAkB,GAC/DC,IAAkBA,CAACF,MAAsB;AAAEA,MAAAA,EAAMC,eAAAA;AAAAA,IAAkB,GACnEE,IAAmBA,CAACH,MAAsB;AAAEA,MAAAA,EAAMC,eAAAA;AAAAA,IAAkB;AAE1E,WAAIJ,MACAA,EAAaO,iBAAiB,SAASL,GAAa;AAAA,MAAEM,SAAS;AAAA,IAAA,CAAO,GACtER,EAAaO,iBAAiB,cAAcD,GAAkB;AAAA,MAAEE,SAAS;AAAA,IAAA,CAAO,GAChFR,EAAaO,iBAAiB,aAAaF,GAAiB;AAAA,MAAEG,SAAS;AAAA,IAAA,CAAO,IAG3E,MAAM;AACT,MAAIR,MACAA,EAAaS,oBAAoB,SAASP,CAAW,GACrDF,EAAaS,oBAAoB,cAAcH,CAAgB,GAC/DN,EAAaS,oBAAoB,aAAaJ,CAAe;AAAA,IAErE;AAAA,EACJ,GAAG,CAAA,CAAE;AAEL,QAAMK,IAAoBC,EACtB,MAAMC,GAAS/D,GAAQE,EAAK8D,gBAAgBC,YAAY/D,EAAK8D,gBAAgBE,MAAM,GACnF,CAAClE,GAAQE,EAAK8D,eAAe,CACjC,GACMG,IAAoBL,EACtB,MAAMM,GAASnE,GAAQC,EAAK8D,gBAAgBK,YAAYnE,EAAK8D,gBAAgBM,MAAM,GACnF,CAACrE,GAAQC,EAAK8D,eAAe,CACjC,GAKMO,IAA6BT,EAC/B,MAAOvD,IAAe,CAACA,CAAY,IAAIC,MAAiB,CAAA,GACxD,CAACD,GAAcC,EAAa,CAChC,GAEMgE,KAA4BV,EAAQ,MAAM;AAC5C,UAAMW,IAASnE;AACf,QAAI,CAACmE,EAAQ,QAAOF;AAEpB,UAAMG,IAAcA,CAACC,MACjBF,KAAUE,IACJA,EAAMF,CAAwB,IAC9BE,EAAMC,WAAWH,CAAiB,GAKtCI,IAAa,IAAIC,IACnBP,EAAeQ,IAAIL,CAAW,EAAEM,OAAQC,CAAAA,MAAUA,MAAUC,MAAS,CACzE;AACA,WAAIL,EAAWM,SAAS,IAAU,CAAA,IAE3BvF,EAAUoF,OAAQL,CAAAA,MAAU;AAC/B,YAAMM,IAAQP,EAAYC,CAAK;AAC/B,aAAOM,MAAUC,UAAaL,EAAWO,IAAIH,CAAK;AAAA,IACtD,CAAC;AAAA,EACL,GAAG,CAACV,GAAgBjE,IAAmBV,CAAS,CAAC,GAE3CyF,KAAyB/D,EAAoB,oBAAIwD,KAAK,GAEtDQ,IAAmBxB,EAAQ,MAAM;AACnC,UAAMyB,IAAO,IAAIT,IAAIN,GAAcO,IAAKJ,CAAAA,MAAU,GAAGA,EAAMjC,CAAC,IAAIiC,EAAMhC,CAAC,EAAE,CAAC,GACpE6C,IAAWH,GAAuBjC;AAOxC,WAAImC,EAAKJ,SAASK,EAASL,QAAQ,CAAC,GAAGI,CAAI,EAAEE,MAAOC,CAAAA,MAAQF,EAASJ,IAAIM,CAAG,CAAC,IAClEF,KAGXH,GAAuBjC,UAAUmC,GAC1BA;AAAAA,EACX,GAAG,CAACf,EAAa,CAAC,GAEZmB,IAAyB7B,EAC3B,MAAMlE,EAAUoF,OAAQL,CAAAA,MAAU;AAC9B,UAAMiB,IAAK/B,EAAkBc,EAAMjC,CAAC,GAC9BmD,IAAK1B,EAAkBQ,EAAMhC,CAAC;AACpC,WAAOiD,KAAM,KAAKA,KAAMnG,KAAgBoG,KAAM,KAAKA,KAAMnG;AAAAA,EAC7D,CAAC,GACD,CAACE,GAAWiE,GAAmBM,GAAmB1E,GAAcC,CAAa,CACjF,GAEMoG,IAAaC,GAAY,CAC3BC,GACAC,GACAC,MACC;AACD,UAAMC,IAAUD,EAAOE,WAAW,IAAI;AACtC,QAAI,CAACD,EAAS;AAId,QAFAE,GAAcF,GAAS1G,GAAcC,CAAa,GAE9CwB,GAAoB;AACpB,YAAM,CAACoF,GAAUC,GAAUC,CAAS,IAAItF,EAAmBuF,cAAc,CAAC,OAAO,SAAS,MAAM,GAC1FC,IAAIjH,GACJkH,IAAIjH,GACJkH,KAAKZ,EAAI,CAAC,GACVa,KAAKZ,EAAI,CAAC,GACVa,KAAW3H,KAAK4H,IAAI,MAAO5H,KAAK6H,IAAI,QAAQJ,KAAKF,IAAIG,KAAKF,IAAIA,IAAIA,MAAMD,IAAIA,IAAIC,IAAIA,EAAE,CAAC,GACvFM,IAAWd,EAAQe,qBAAqB,GAAGP,GAAGD,GAAG,CAAC;AACxDO,MAAAA,EAASE,aAAa,GAAGb,CAAQ,GACjCW,EAASE,aAAaL,IAAUP,CAAQ,GACxCU,EAASE,aAAa,GAAGX,CAAS,GAClCL,EAAQiB,cAAclG,EAAmBmG,WAAW,GACpDlB,EAAQmB,YAAYL,GACpBd,EAAQoB,SAAS,GAAG,GAAGb,GAAGC,CAAC,GAC3BR,EAAQiB,cAAc;AAAA,IAC1B;AAEA,UAAM;AAAA,MAAEI,YAAAA;AAAAA,MAAYC,SAAAA;AAAAA,IAAAA,IAAYC,GAAuB9H,GAAW0F,CAAgB,GAE5EqC,KAAoBA,CAAChD,GAAiBiD,MAAuB;AAC/D,YAAMC,IAAe7B,EAAIrB,EAAMjC,CAAC,GAC1BoF,IAAe7B,EAAItB,EAAMhC,CAAC;AAChC,MAAKoF,GAAeF,GAAcC,GAAcrI,GAAcC,CAAa,KAC3EsI,GAAgB7B,GAASxB,GAAOkD,GAAcC,GAAcF,IAAYpG,EAAe4B,UAAU,CAAC;AAAA,IACtG;AAEAoE,IAAAA,EAAWS,QAAStD,CAAAA,MAAUgD,GAAkBhD,GAAO,EAAK,CAAC,GAC7D8C,EAAQQ,QAAStD,CAAAA,MAAUgD,GAAkBhD,GAAO,EAAI,CAAC;AAAA,EAC7D,GAAG,CAACjF,GAAeD,GAAc6F,GAAkB1F,GAAWsB,CAAkB,CAAC;AAEjFY,EAAAA,EAAU,MAAM;AACZ,UAAMoE,IAAS3E,GAAU6B;AACzB,QAAI,CAAC8C,KAAUxE,EAAoB;AAGnC,QAAI4D,EAAiBH,SAAS,GAAG;AAC7B1D,MAAAA,EAAgB2B,UAAU,MAC1B5B,EAAe4B,UAAU,GACzB0C,EAAWjC,GAAmBM,GAAmB+B,CAAM;AACvD;AAAA,IACJ;AAKA,QAAIzE,EAAgB2B,YAAYkC,GAAkB;AAC9CQ,MAAAA,EAAWjC,GAAmBM,GAAmB+B,CAAM;AACvD;AAAA,IACJ;AACAzE,IAAAA,EAAgB2B,UAAUkC;AAE1B,UAAM4C,IAAYC,YAAYC,IAAAA;AAC9B5G,IAAAA,EAAe4B,UAAU;AACzB,QAAIiF,IAAQC,sBAAsB,SAASC,IAAO;AAC9C,YAAMrJ,IAAIC,KAAK6H,IAAI,IAAImB,YAAYC,IAAAA,IAAQF,KAAalJ,EAAa;AACrEwC,MAAAA,EAAe4B,UAAUnE,GAAaC,CAAC,GACvC4G,EAAWjC,GAAmBM,GAAmB+B,CAAM,GACnDhH,IAAI,MAAGmJ,IAAQC,sBAAsBC,CAAI;AAAA,IACjD,CAAC;AAED,WAAO,MAAMC,qBAAqBH,CAAK;AAAA,EAC3C,GAAG,CAACvC,GAAYjC,GAAmBM,GAAmBzC,GAAoB4D,CAAgB,CAAC;AAE3F,QAAMmD,KAAmB1C,GAAY,MAAM;AACvC,IAAIxF,UAA+BA,CAAY;AAAA,EACnD,GAAG,CAACA,GAAcM,EAAc,CAAC,GAE3B6H,KAAgBrI,IAChBD,KACIqC,IAAa,SAAS,cACtBA,IAAa,SAAS,YAC1BlC,IACI,YACAJ,MAAe,WACXsC,IAAa,SAAS,cACtBvC,EAAKuC,aACD,aACA,QAEZkG,IAAqBA,CAACrF,MAA+E;AACvGN,IAAAA,GAAQM,CAAK,GACbL,GAAkB/C,CAAI;AAAA,EAC1B,GAeM0I,IAAetH,EAAsB,IAAI,GACzCuH,IAAiBvH,EAAuC,IAAI,GAC5DwH,IAAiBC,GAAkB,CAACzF,MAAmC;AACzEpD,IAAAA,EAAK6C,SAASO,CAAuD;AAAA,EACzE,CAAC,GAEK0F,KAAmBjD,GAAY,MAAM;AACvC,IAAI6C,EAAaxF,YAAY,SACzBoF,qBAAqBI,EAAaxF,OAAO,GACzCwF,EAAaxF,UAAU;AAE3B,UAAM6F,IAAUJ,EAAezF;AAC/ByF,IAAAA,EAAezF,UAAU,MACrB6F,OAAwBA,CAAO;AAAA,EACvC,GAAG,CAACH,CAAc,CAAC;AAEnBhH,EAAAA,EAAU,MAAM,MAAM;AAClB,IAAI8G,EAAaxF,YAAY,QAAMoF,qBAAqBI,EAAaxF,OAAO;AAAA,EAChF,GAAG,CAAA,CAAE;AAEL,QAAM8F,KAAiBA,CAAC5F,MAA+E;AAEnG,IADAuF,EAAezF,UAAUE,EAAM6F,aAC3BP,EAAaxF,YAAY,SAC7BwF,EAAaxF,UAAUkF,sBAAsB,MAAM;AAC/CM,MAAAA,EAAaxF,UAAU;AACvB,YAAM6F,IAAUJ,EAAezF;AAC/ByF,MAAAA,EAAezF,UAAU,MACrB6F,OAAwBA,CAAO;AAAA,IACvC,CAAC;AAAA,EACL,GAIMG,IAAgBA,MAAM;AACxBJ,IAAAA,GAAAA,GACA9I,EAAK8C,QAAAA;AAAAA,EACT,GAEMqG,KAAqBlJ,MAAe,SACpC+E,SACA/E,MAAe,WACX2C,KACAzC,IAAc6E,SAAYhF,EAAK4C,WACnCwG,KAAmBnJ,MAAe,SAClC+E,SACA/E,MAAe,WACXwI,IACAtI,IAAc6E,SAAYkE,GAC9BG,KAAqBpJ,MAAe,SACpC+E,SACA/E,MAAe,WACVsC,IAAaM,KAAWmC,SACzB7E,IAAc6E,SAAYgE,IAC9BM,KAAsBrJ,MAAe,SACrC+E,SACA/E,MAAe,WACXwI,IACAtI,IAAc6E,SAAYkE,GAC9BK,KAAsBtJ,MAAe,SACrC+E,SACA/E,MAAe,WACX2C,KACAzC,IAAc6E,SAAYhF,EAAK4C,WACnC4G,KAAoBvJ,MAAe,SACnC+E,SACA/E,MAAe,WACXwI,IACAtI,IAAc6E,SAAYkE,GAC9BO,KAAqBxJ,MAAe,SACpC+E,SACA/E,MAAe,WACVsC,IAAaM,KAAWmC,SACzB7E,IAAc6E,SAAYgE,IAC9BU,KAA2DtG,CAAAA,MAAU;AAEvE,QADA3B,EAAsB,EAAK,GACvB,CAACtB,GAAa;AACd,YAAMsE,IAAQkF,GAAWvG,CAAK,KAAK;AAAA,QAAEZ,GAAG;AAAA,QAAGC,GAAG;AAAA,MAAA,GACxCmH,IAAgBxG,EAAMyG,SAAS,IAAI,MAAM;AAC/C7J,MAAAA,EAAK8J,MAAM;AAAA,QAAE9F,QAAQ4F;AAAAA,QAAexF,QAAQwF;AAAAA,QAAenF,OAAAA;AAAAA,MAAAA,CAAO;AAAA,IACtE;AAAA,EACJ,GAEMsF,KAA0B3I,EAAmB,EAAE;AAErDQ,SAAAA,EAAU,MAAM;AAgBZ,KAfmCoI,CAACC,GAAwBC,MACpDD,EAAWpI,WAAWqI,EAAWrI,SAAe,KAC7C,CAACoI,EAAW1E,MAAM,CAACd,GAAO0F,MAAU;AACvC,YAAMC,IAAYF,EAAWC,CAAK;AAClC,aACI1F,EAAMjC,MAAM4H,EAAU5H,KACtBiC,EAAMhC,MAAM2H,EAAU3H,KACtBgC,EAAM4F,MAAMD,EAAUC,KACtB5F,EAAM6F,UAAUF,EAAUE,SAC1B7F,EAAM8F,UAAUH,EAAUG,SAC1B9F,EAAM0C,YAAYiD,EAAUjD;AAAAA,IAEpC,CAAC,GAG0B4C,GAAwB7G,SAASuC,CAAsB,MAClFhF,KAA0BgF,CAAsB,GAChDsE,GAAwB7G,UAAUuC;AAAAA,EAE1C,GAAG,CAACA,GAAwBhF,EAAuB,CAAC,GAGhD,gBAAA+J,EAACC,MAAM,gBAAe,UAAS,YAAW,UAAS,WAAU,OAAM,IAAI;AAAA,IAAEC,UAAU;AAAA,EAAA,GAC/E,UAAA,gBAAAF,EAACG,IAAA,EAAI,IAAI;AAAA,IAAEvL,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,EAAAA,GACbI,UAAAA,KACG,gBAAA+K,EAACG,IAAA,EAAI,SAAQ,QAAO,OAAM,QAAO,QAAO,QAAO,IAAI;AAAA,IAAEC,gBAAgB;AAAA,IAAUC,YAAY;AAAA,EAAA,GACvF,UAAA,gBAAAL,EAACM,IAAA,CAAA,CAAgB,GACrB,IAEA,gBAAAC,EAAC,SAAI,OAAO;AAAA,IAAEL,UAAU;AAAA,EAAA,GAAc,KAAKxJ,IACvC,UAAA;AAAA,IAAA,gBAAAsJ,EAAC,UAAA,EACG,KAAKnJ,IACL,OAAO9B,IAAe,GACtB,QAAQC,IAAgB,GACxB,OAAO;AAAA,MACHwL,YAAY;AAAA,MACZN,UAAU;AAAA,MACVO,KAAK3L,EAAO2L;AAAAA,MACZC,MAAM5L,EAAO4L;AAAAA,MACb9L,OAAOG;AAAAA,MACPF,QAAQG;AAAAA,MACR2L,iBAAiB;AAAA,IAAA,GACnB;AAAA,sBAEL,OAAA,EACG,OAAA/L,GACA,QAAAC,IACA,UAAS,WACT,OAAO;AAAA,MAAEqL,UAAU;AAAA,MAAYM,YAAY;AAAA,IAAA,GAC3C,aAAc5H,CAAAA,MAAU;AACpB,MAAIb,IAAY/B,GAAAA,IACXD,GAAgB6C,GAAOpD,CAAI;AAAA,IACpC,GACA,cAAcQ,IAEd,UAAA;AAAA,MAAA,gBAAAuK,EAACK,MAAM,KAAK9L,EAAO2L,KAAK,MAAM3L,EAAO4L,MAChC1J,UAAAA;AAAAA,QAAAA,KAAsB7B,KACnB,gBAAA6K,EAACa,IAAA,EACG,WAAA3L,GACA,WAAAC,GACA,oBAAAC,GACA,iBAAAC,GACA,mBAAA8D,GACA,mBAAAM,GACA,cAAA1E,GACA,eAAAC,EAAA,CAA6B;AAAA,QAGpCS,MAAe,YACZ,gBAAA8K,EAAAO,GAAA,EACKhJ,UAAAA;AAAAA,UAAAA,GAAMuC,IAAI,CAAC0G,GAAMpB,MACd,gBAAAK,EAACgB,IAAA,EAEG,MAAK,eACL,QAAO,SACP,aAAa,GACb,MAAMD,GACN,OAAOE,IACP,GAAIC,CAAAA,MAAUA,EAAMlJ,GACpB,GAAIkJ,CAAAA,MAAUA,EAAMjJ,EAAAA,GAPf,QAAQ0H,CAAK,GASzB;AAAA,UACA5H,uBACI,KAAA,EACG,UAAA;AAAA,YAAA,gBAAAiI,EAAC,QAAA,EAAK,IAAIhI,IAAIlD,EAAO4L,OAAOxI,IAAK,GAAG,IAAID,IAAInD,EAAO2L,MAAMtI,GAAI,IAAIH,IAAIlD,EAAO4L,OAAOxI,IAAK,GAAG,IAAID,IAAInD,EAAO2L,MAAMtI,GAAI,QAAO,SAAQ,aAAa,EAAA,CAAE;AAAA,YAClJ,gBAAA6H,EAAC,QAAA,EAAK,IAAIhI,IAAIlD,EAAO4L,OAAOxI,GAAI,IAAID,IAAInD,EAAO2L,MAAMtI,IAAK,GAAG,IAAIH,IAAIlD,EAAO4L,OAAOxI,GAAI,IAAID,IAAInD,EAAO2L,MAAMtI,IAAK,GAAG,QAAO,SAAQ,aAAa,EAAA,CAAE;AAAA,8BACjJ,UAAA,EAAO,IAAIH,IAAIlD,EAAO4L,MAAM,IAAIzI,IAAInD,EAAO2L,KAAK,GAAG,GAAG,MAAK,eAAc,QAAO,SAAQ,eAAc,OAAA,CAAM;AAAA,UAAA,EAAA,CACjH;AAAA,QAAA,GAER;AAAA,QAEHlK,OAAe,MAAM;AAClB,gBAAM2F,IAAK/C,EAAkB,CAAC,GACxBgD,IAAK1C,EAAkB,CAAC;AAC9B,iBACI,gBAAA8G,EAAAO,GAAA,EACK3E,UAAAA;AAAAA,YAAAA,KAAM,KAAKA,KAAMnH,KACd,gBAAAgL,EAAC,UAAK,IAAI,GAAG,IAAIjL,GAAc,IAAIoH,GAAI,IAAIA,GAAI,QAAO,QAAO,aAAa,GAAG,iBAAgB,OAAM,eAAc,OAAA,CAAM;AAAA,YAE1HD,KAAM,KAAKA,KAAMnH,uBACb,QAAA,EAAK,IAAImH,GAAI,IAAIA,GAAI,IAAI,GAAG,IAAIlH,GAAe,QAAO,QAAO,aAAa,GAAG,iBAAgB,OAAM,eAAc,OAAA,CAAM;AAAA,UAAA,GAEhI;AAAA,QAER,GAAA;AAAA,QACA,gBAAAgL,EAAC,QAAA,EACG,KAAKrJ,IACL,MAAK,eACL,OAAO5B,GACP,QAAQC,GACR,OAAO;AAAA,UAAEmM,QAAQnD;AAAAA,QAAAA,GACjB,aAAaW,IACb,WAAWC,IACX,aAAaC,IACb,cAAcC,IACd,cAAcC,IACd,YAAYC,IACZ,aAAaC,IACb,SAASC,IACT,SAASnB,IAAiB;AAAA,QAE7BtH,KAAa,CAACsB,KACX,gBAAAiI,EAACoB,MACG,UAAU;AAAA,UACNpJ,GAAGmB,EAAkB1C,EAAUuB,CAAC;AAAA,UAChCC,GAAGwB,EAAkBhD,EAAUwB,CAAC;AAAA,QAAA,GAEpC,cAAAlD,GACA,eAAAC,EAAA,CAA6B;AAAA,MAAA,GAGzC;AAAA,wBACC4L,IAAA,EAAM,KAAK9L,EAAO2L,KAAK,MAAM3L,EAAO4L,MACjC,UAAA;AAAA,QAAA,gBAAAV,EAACqB,IAAA,EACG,OAAO5H,GACP,gBAAgB,OAAO;AAAA,UACnB6H,MAAM;AAAA,UACNC,UAAU;AAAA,UACVC,YAAY;AAAA,UACZC,gBAAgB;AAAA,UAChBzJ,GAAG;AAAA,QAAA,IAEP,YAAY0J,GAASjI,GAAmB,CAAC,EAAA,CAAE;AAAA,0BAE9CkI,IAAA,EACG,KAAK3M,GACL,OAAOmE,GACP,gBAAgB,OAAO;AAAA,UACnBmI,MAAM;AAAA,UACNC,UAAU;AAAA,UACVC,YAAY;AAAA,QAAA,IAEhB,YAAYE,GAASvI,GAAmB,CAAC,EAAA,CAAE;AAAA,QAE9C7C,MACG,gBAAAiK,EAAAO,GAAA,EACI,UAAA;AAAA,UAAA,gBAAAd,EAAC4B,MAAQ,KAAK,GAAG,OAAOzI,GAAmB,YAAY,CAAA,GAAG;AAAA,UAC1D,gBAAA6G,EAAC6B,MAAU,OAAOpI,GAAmB,YAAY,CAAA,GAAI,MAAM1E,EAAAA,CAAa;AAAA,QAAA,GAC5E;AAAA,0BAEH+M,IAAA,EAAK,YAAW,UAAS,gBAAe,OAAM,OAAO,KAAK,UAAU,IAAI,GAAG9M,IAAgB,GAAG,GAAG,GAAG,IAAI,KACpGoB,UAAAA,IACL;AAAA,QACA,gBAAA4J,EAAC8B,IAAA,EAAK,YAAW,UAAS,gBAAe,SAAQ,UAAU,IAAI,GAAG9M,GAAe,GAAGD,IAAe,GAAG,IAAI,IACrGsB,UAAAA,GAAAA,CACL;AAAA,MAAA,GACJ;AAAA,wBACC0L,IAAA,EACG,WAAA7M,GACA,mBAAAiE,GACA,mBAAAM,GACA,cAAA1E,GACA,eAAAC,GACA,QAAAF,GAAe;AAAA,MAElB0B,GAAoBwL,UACjB,gBAAAhC,EAACiC,IAAA,EACG,oBAAAzL,GACA,eAAAxB,GACA,SAASF,EAAO4L,OAAO3L,IAAe,IACtC,WAAWD,EAAO2L,IAAAA,CAAI;AAAA,IAAA,EAAA,CAGlC;AAAA,EAAA,EAAA,CACJ,GAER,GACJ;AAER;"}
+{"version":3,"file":"visualization.es56.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/cluster.js"],"sourcesContent":["function defaultSeparation(a, b) {\n  return a.parent === b.parent ? 1 : 2;\n}\n\nfunction meanX(children) {\n  return children.reduce(meanXReduce, 0) / children.length;\n}\n\nfunction meanXReduce(x, c) {\n  return x + c.x;\n}\n\nfunction maxY(children) {\n  return 1 + children.reduce(maxYReduce, 0);\n}\n\nfunction maxYReduce(y, c) {\n  return Math.max(y, c.y);\n}\n\nfunction leafLeft(node) {\n  var children;\n  while (children = node.children) node = children[0];\n  return node;\n}\n\nfunction leafRight(node) {\n  var children;\n  while (children = node.children) node = children[children.length - 1];\n  return node;\n}\n\nexport default function() {\n  var separation = defaultSeparation,\n      dx = 1,\n      dy = 1,\n      nodeSize = false;\n\n  function cluster(root) {\n    var previousNode,\n        x = 0;\n\n    // First walk, computing the initial x & y values.\n    root.eachAfter(function(node) {\n      var children = node.children;\n      if (children) {\n        node.x = meanX(children);\n        node.y = maxY(children);\n      } else {\n        node.x = previousNode ? x += separation(node, previousNode) : 0;\n        node.y = 0;\n        previousNode = node;\n      }\n    });\n\n    var left = leafLeft(root),\n        right = leafRight(root),\n        x0 = left.x - separation(left, right) / 2,\n        x1 = right.x + separation(right, left) / 2;\n\n    // Second walk, normalizing x & y to the desired size.\n    return root.eachAfter(nodeSize ? function(node) {\n      node.x = (node.x - root.x) * dx;\n      node.y = (root.y - node.y) * dy;\n    } : function(node) {\n      node.x = (node.x - x0) / (x1 - x0) * dx;\n      node.y = (1 - (root.y ? node.y / root.y : 1)) * dy;\n    });\n  }\n\n  cluster.separation = function(x) {\n    return arguments.length ? (separation = x, cluster) : separation;\n  };\n\n  cluster.size = function(x) {\n    return arguments.length ? (nodeSize = false, dx = +x[0], dy = +x[1], cluster) : (nodeSize ? null : [dx, dy]);\n  };\n\n  cluster.nodeSize = function(x) {\n    return arguments.length ? (nodeSize = true, dx = +x[0], dy = +x[1], cluster) : (nodeSize ? [dx, dy] : null);\n  };\n\n  return cluster;\n}\n"],"names":["defaultSeparation","a","b","meanX","children","meanXReduce","x","c","maxY","maxYReduce","y","leafLeft","node","leafRight","d3cluster","separation","dx","dy","nodeSize","cluster","root","previousNode","left","right","x0","x1"],"mappings":"AAAA,SAASA,EAAkBC,GAAGC,GAAG;AAC/B,SAAOD,EAAE,WAAWC,EAAE,SAAS,IAAI;AACrC;AAEA,SAASC,EAAMC,GAAU;AACvB,SAAOA,EAAS,OAAOC,GAAa,CAAC,IAAID,EAAS;AACpD;AAEA,SAASC,EAAYC,GAAGC,GAAG;AACzB,SAAOD,IAAIC,EAAE;AACf;AAEA,SAASC,EAAKJ,GAAU;AACtB,SAAO,IAAIA,EAAS,OAAOK,GAAY,CAAC;AAC1C;AAEA,SAASA,EAAWC,GAAGH,GAAG;AACxB,SAAO,KAAK,IAAIG,GAAGH,EAAE,CAAC;AACxB;AAEA,SAASI,EAASC,GAAM;AAEtB,WADIR,GACGA,IAAWQ,EAAK,WAAU,CAAAA,IAAOR,EAAS,CAAC;AAClD,SAAOQ;AACT;AAEA,SAASC,EAAUD,GAAM;AAEvB,WADIR,GACGA,IAAWQ,EAAK,WAAU,CAAAA,IAAOR,EAASA,EAAS,SAAS,CAAC;AACpE,SAAOQ;AACT;AAEe,SAAAE,IAAW;AACxB,MAAIC,IAAaf,GACbgB,IAAK,GACLC,IAAK,GACLC,IAAW;AAEf,WAASC,EAAQC,GAAM;AACrB,QAAIC,GACAf,IAAI;AAGR,IAAAc,EAAK,UAAU,SAASR,GAAM;AAC5B,UAAIR,IAAWQ,EAAK;AACpB,MAAIR,KACFQ,EAAK,IAAIT,EAAMC,CAAQ,GACvBQ,EAAK,IAAIJ,EAAKJ,CAAQ,MAEtBQ,EAAK,IAAIS,IAAef,KAAKS,EAAWH,GAAMS,CAAY,IAAI,GAC9DT,EAAK,IAAI,GACTS,IAAeT;AAAA,IAEnB,CAAC;AAED,QAAIU,IAAOX,EAASS,CAAI,GACpBG,IAAQV,EAAUO,CAAI,GACtBI,IAAKF,EAAK,IAAIP,EAAWO,GAAMC,CAAK,IAAI,GACxCE,IAAKF,EAAM,IAAIR,EAAWQ,GAAOD,CAAI,IAAI;AAG7C,WAAOF,EAAK,UAAUF,IAAW,SAASN,GAAM;AAC9C,MAAAA,EAAK,KAAKA,EAAK,IAAIQ,EAAK,KAAKJ,GAC7BJ,EAAK,KAAKQ,EAAK,IAAIR,EAAK,KAAKK;AAAA,IAC/B,IAAI,SAASL,GAAM;AACjB,MAAAA,EAAK,KAAKA,EAAK,IAAIY,MAAOC,IAAKD,KAAMR,GACrCJ,EAAK,KAAK,KAAKQ,EAAK,IAAIR,EAAK,IAAIQ,EAAK,IAAI,MAAMH;AAAA,IAClD,CAAC;AAAA,EACH;AAEA,SAAAE,EAAQ,aAAa,SAASb,GAAG;AAC/B,WAAO,UAAU,UAAUS,IAAaT,GAAGa,KAAWJ;AAAA,EACxD,GAEAI,EAAQ,OAAO,SAASb,GAAG;AACzB,WAAO,UAAU,UAAUY,IAAW,IAAOF,IAAK,CAACV,EAAE,CAAC,GAAGW,IAAK,CAACX,EAAE,CAAC,GAAGa,KAAYD,IAAW,OAAO,CAACF,GAAIC,CAAE;AAAA,EAC5G,GAEAE,EAAQ,WAAW,SAASb,GAAG;AAC7B,WAAO,UAAU,UAAUY,IAAW,IAAMF,IAAK,CAACV,EAAE,CAAC,GAAGW,IAAK,CAACX,EAAE,CAAC,GAAGa,KAAYD,IAAW,CAACF,GAAIC,CAAE,IAAI;AAAA,EACxG,GAEOE;AACT;","x_google_ignoreList":[0]}

package/dist/visualization.es560.js

@@ -1,34 +1,9 @@
-import M from "./visualization.es573.js";
-import q from "./visualization.es554.js";
-import z from "./visualization.es565.js";
-import A from "./visualization.es562.js";
-import F from "./visualization.es574.js";
-import { basePlacements as G, clippingParents as I, popper as o, reference as J, right as K, bottom as _, top as L, viewport as N } from "./visualization.es503.js";
-import { isElement as Q } from "./visualization.es512.js";
-import S from "./visualization.es551.js";
-import U from "./visualization.es552.js";
-function re(e, a) {
-  a === void 0 && (a = {});
-  var t = a, c = t.placement, s = c === void 0 ? e.placement : c, v = t.strategy, h = v === void 0 ? e.strategy : v, g = t.boundary, B = g === void 0 ? I : g, u = t.rootBoundary, $ = u === void 0 ? N : u, y = t.elementContext, r = y === void 0 ? o : y, b = t.altBoundary, j = b === void 0 ? !1 : b, C = t.padding, m = C === void 0 ? 0 : C, n = S(typeof m != "number" ? m : U(m, G)), E = r === o ? J : o, x = e.rects.popper, l = e.elements[j ? E : r], p = M(Q(l) ? l : l.contextElement || q(e.elements.popper), B, $, h), O = z(e.elements.reference), w = A({
-    reference: O,
-    element: x,
-    placement: s
-  }), D = F(Object.assign({}, x, w)), i = r === o ? D : O, f = {
-    top: p.top - i.top + n.top,
-    bottom: i.bottom - p.bottom + n.bottom,
-    left: p.left - i.left + n.left,
-    right: i.right - p.right + n.right
-  }, R = e.modifiersData.offset;
-  if (r === o && R) {
-    var P = R[s];
-    Object.keys(f).forEach(function(d) {
-      var T = [K, _].indexOf(d) >= 0 ? 1 : -1, H = [L, _].indexOf(d) >= 0 ? "y" : "x";
-      f[d] += P[H] * T;
-    });
-  }
-  return f;
+function u(n, t) {
+  return n = +n, t = +t, function(r) {
+    return Math.round(n * (1 - r) + t * r);
+  };
 }
 export {
-  re as default
+  u as default
 };
 //# sourceMappingURL=visualization.es560.js.map

package/dist/visualization.es560.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es560.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/detectOverflow.js"],"sourcesContent":["import getClippingRect from \"../dom-utils/getClippingRect.js\";\nimport getDocumentElement from \"../dom-utils/getDocumentElement.js\";\nimport getBoundingClientRect from \"../dom-utils/getBoundingClientRect.js\";\nimport computeOffsets from \"./computeOffsets.js\";\nimport rectToClientRect from \"./rectToClientRect.js\";\nimport { clippingParents, reference, popper, bottom, top, right, basePlacements, viewport } from \"../enums.js\";\nimport { isElement } from \"../dom-utils/instanceOf.js\";\nimport mergePaddingObject from \"./mergePaddingObject.js\";\nimport expandToHashMap from \"./expandToHashMap.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport default function detectOverflow(state, options) {\n  if (options === void 0) {\n    options = {};\n  }\n\n  var _options = options,\n      _options$placement = _options.placement,\n      placement = _options$placement === void 0 ? state.placement : _options$placement,\n      _options$strategy = _options.strategy,\n      strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,\n      _options$boundary = _options.boundary,\n      boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,\n      _options$rootBoundary = _options.rootBoundary,\n      rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,\n      _options$elementConte = _options.elementContext,\n      elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,\n      _options$altBoundary = _options.altBoundary,\n      altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,\n      _options$padding = _options.padding,\n      padding = _options$padding === void 0 ? 0 : _options$padding;\n  var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));\n  var altContext = elementContext === popper ? reference : popper;\n  var popperRect = state.rects.popper;\n  var element = state.elements[altBoundary ? altContext : elementContext];\n  var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);\n  var referenceClientRect = getBoundingClientRect(state.elements.reference);\n  var popperOffsets = computeOffsets({\n    reference: referenceClientRect,\n    element: popperRect,\n    strategy: 'absolute',\n    placement: placement\n  });\n  var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));\n  var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect\n  // 0 or negative = within the clipping rect\n\n  var overflowOffsets = {\n    top: clippingClientRect.top - elementClientRect.top + paddingObject.top,\n    bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,\n    left: clippingClientRect.left - elementClientRect.left + paddingObject.left,\n    right: elementClientRect.right - clippingClientRect.right + paddingObject.right\n  };\n  var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element\n\n  if (elementContext === popper && offsetData) {\n    var offset = offsetData[placement];\n    Object.keys(overflowOffsets).forEach(function (key) {\n      var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;\n      var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x';\n      overflowOffsets[key] += offset[axis] * multiply;\n    });\n  }\n\n  return overflowOffsets;\n}"],"names":["detectOverflow","state","options","_options","_options$placement","placement","_options$strategy","strategy","_options$boundary","boundary","clippingParents","_options$rootBoundary","rootBoundary","viewport","_options$elementConte","elementContext","popper","_options$altBoundary","altBoundary","_options$padding","padding","paddingObject","mergePaddingObject","expandToHashMap","basePlacements","altContext","reference","popperRect","element","clippingClientRect","getClippingRect","isElement","getDocumentElement","referenceClientRect","getBoundingClientRect","popperOffsets","computeOffsets","popperClientRect","rectToClientRect","elementClientRect","overflowOffsets","offsetData","offset","key","multiply","right","bottom","axis","top"],"mappings":";;;;;;;;;AAUe,SAASA,GAAeC,GAAOC,GAAS;AACrD,EAAIA,MAAY,WACdA,IAAU,CAAA;AAGZ,MAAIC,IAAWD,GACXE,IAAqBD,EAAS,WAC9BE,IAAYD,MAAuB,SAASH,EAAM,YAAYG,GAC9DE,IAAoBH,EAAS,UAC7BI,IAAWD,MAAsB,SAASL,EAAM,WAAWK,GAC3DE,IAAoBL,EAAS,UAC7BM,IAAWD,MAAsB,SAASE,IAAkBF,GAC5DG,IAAwBR,EAAS,cACjCS,IAAeD,MAA0B,SAASE,IAAWF,GAC7DG,IAAwBX,EAAS,gBACjCY,IAAiBD,MAA0B,SAASE,IAASF,GAC7DG,IAAuBd,EAAS,aAChCe,IAAcD,MAAyB,SAAS,KAAQA,GACxDE,IAAmBhB,EAAS,SAC5BiB,IAAUD,MAAqB,SAAS,IAAIA,GAC5CE,IAAgBC,EAAmB,OAAOF,KAAY,WAAWA,IAAUG,EAAgBH,GAASI,CAAc,CAAC,GACnHC,IAAaV,MAAmBC,IAASU,IAAYV,GACrDW,IAAa1B,EAAM,MAAM,QACzB2B,IAAU3B,EAAM,SAASiB,IAAcO,IAAaV,CAAc,GAClEc,IAAqBC,EAAgBC,EAAUH,CAAO,IAAIA,IAAUA,EAAQ,kBAAkBI,EAAmB/B,EAAM,SAAS,MAAM,GAAGQ,GAAUG,GAAcL,CAAQ,GACzK0B,IAAsBC,EAAsBjC,EAAM,SAAS,SAAS,GACpEkC,IAAgBC,EAAe;AAAA,IACjC,WAAWH;AAAA,IACX,SAASN;AAAA,IAET,WAAWtB;AAAA,EACf,CAAG,GACGgC,IAAmBC,EAAiB,OAAO,OAAO,IAAIX,GAAYQ,CAAa,CAAC,GAChFI,IAAoBxB,MAAmBC,IAASqB,IAAmBJ,GAGnEO,IAAkB;AAAA,IACpB,KAAKX,EAAmB,MAAMU,EAAkB,MAAMlB,EAAc;AAAA,IACpE,QAAQkB,EAAkB,SAASV,EAAmB,SAASR,EAAc;AAAA,IAC7E,MAAMQ,EAAmB,OAAOU,EAAkB,OAAOlB,EAAc;AAAA,IACvE,OAAOkB,EAAkB,QAAQV,EAAmB,QAAQR,EAAc;AAAA,EAC9E,GACMoB,IAAaxC,EAAM,cAAc;AAErC,MAAIc,MAAmBC,KAAUyB,GAAY;AAC3C,QAAIC,IAASD,EAAWpC,CAAS;AACjC,WAAO,KAAKmC,CAAe,EAAE,QAAQ,SAAUG,GAAK;AAClD,UAAIC,IAAW,CAACC,GAAOC,CAAM,EAAE,QAAQH,CAAG,KAAK,IAAI,IAAI,IACnDI,IAAO,CAACC,GAAKF,CAAM,EAAE,QAAQH,CAAG,KAAK,IAAI,MAAM;AACnD,MAAAH,EAAgBG,CAAG,KAAKD,EAAOK,CAAI,IAAIH;AAAA,IACzC,CAAC;AAAA,EACH;AAEA,SAAOJ;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es560.js","sources":["../../../node_modules/.pnpm/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/round.js"],"sourcesContent":["export default function(a, b) {\n  return a = +a, b = +b, function(t) {\n    return Math.round(a * (1 - t) + b * t);\n  };\n}\n"],"names":["interpolateRound","a","b","t"],"mappings":"AAAe,SAAAA,EAASC,GAAGC,GAAG;AAC5B,SAAOD,IAAI,CAACA,GAAGC,IAAI,CAACA,GAAG,SAASC,GAAG;AACjC,WAAO,KAAK,MAAMF,KAAK,IAAIE,KAAKD,IAAIC,CAAC;AAAA,EACvC;AACF;","x_google_ignoreList":[0]}

package/dist/visualization.es561.js

@@ -1,28 +1,14 @@
-import d from "./visualization.es556.js";
-import { variationPlacements as f, basePlacements as g, placements as w } from "./visualization.es503.js";
-import b from "./visualization.es560.js";
-import A from "./visualization.es547.js";
-function _(m, r) {
-  r === void 0 && (r = {});
-  var t = r, c = t.placement, s = t.boundary, p = t.rootBoundary, v = t.padding, P = t.flipVariations, i = t.allowedAutoPlacements, y = i === void 0 ? w : i, l = d(c), u = l ? P ? f : f.filter(function(e) {
-    return d(e) === l;
-  }) : g, a = u.filter(function(e) {
-    return y.indexOf(e) >= 0;
-  });
-  a.length === 0 && (a = u);
-  var n = a.reduce(function(e, o) {
-    return e[o] = b(m, {
-      placement: o,
-      boundary: s,
-      rootBoundary: p,
-      padding: v
-    })[A(o)], e;
-  }, {});
-  return Object.keys(n).sort(function(e, o) {
-    return n[e] - n[o];
-  });
+import { useContext as o, useMemo as i } from "react";
+import { MotionContext as a } from "./visualization.es159.js";
+import { getCurrentTreeVariants as m } from "./visualization.es597.js";
+function C(t) {
+  const { initial: e, animate: n } = m(t, o(a));
+  return i(() => ({ initial: e, animate: n }), [r(e), r(n)]);
+}
+function r(t) {
+  return Array.isArray(t) ? t.join(" ") : t;
 }
 export {
-  _ as default
+  C as useCreateMotionContext
 };
 //# sourceMappingURL=visualization.es561.js.map

package/dist/visualization.es561.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es561.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/computeAutoPlacement.js"],"sourcesContent":["import getVariation from \"./getVariation.js\";\nimport { variationPlacements, basePlacements, placements as allPlacements } from \"../enums.js\";\nimport detectOverflow from \"./detectOverflow.js\";\nimport getBasePlacement from \"./getBasePlacement.js\";\nexport default function computeAutoPlacement(state, options) {\n  if (options === void 0) {\n    options = {};\n  }\n\n  var _options = options,\n      placement = _options.placement,\n      boundary = _options.boundary,\n      rootBoundary = _options.rootBoundary,\n      padding = _options.padding,\n      flipVariations = _options.flipVariations,\n      _options$allowedAutoP = _options.allowedAutoPlacements,\n      allowedAutoPlacements = _options$allowedAutoP === void 0 ? allPlacements : _options$allowedAutoP;\n  var variation = getVariation(placement);\n  var placements = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {\n    return getVariation(placement) === variation;\n  }) : basePlacements;\n  var allowedPlacements = placements.filter(function (placement) {\n    return allowedAutoPlacements.indexOf(placement) >= 0;\n  });\n\n  if (allowedPlacements.length === 0) {\n    allowedPlacements = placements;\n  } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...\n\n\n  var overflows = allowedPlacements.reduce(function (acc, placement) {\n    acc[placement] = detectOverflow(state, {\n      placement: placement,\n      boundary: boundary,\n      rootBoundary: rootBoundary,\n      padding: padding\n    })[getBasePlacement(placement)];\n    return acc;\n  }, {});\n  return Object.keys(overflows).sort(function (a, b) {\n    return overflows[a] - overflows[b];\n  });\n}"],"names":["computeAutoPlacement","state","options","_options","placement","boundary","rootBoundary","padding","flipVariations","_options$allowedAutoP","allowedAutoPlacements","allPlacements","variation","getVariation","placements","variationPlacements","basePlacements","allowedPlacements","overflows","acc","detectOverflow","getBasePlacement","a","b"],"mappings":";;;;AAIe,SAASA,EAAqBC,GAAOC,GAAS;AAC3D,EAAIA,MAAY,WACdA,IAAU,CAAA;AAGZ,MAAIC,IAAWD,GACXE,IAAYD,EAAS,WACrBE,IAAWF,EAAS,UACpBG,IAAeH,EAAS,cACxBI,IAAUJ,EAAS,SACnBK,IAAiBL,EAAS,gBAC1BM,IAAwBN,EAAS,uBACjCO,IAAwBD,MAA0B,SAASE,IAAgBF,GAC3EG,IAAYC,EAAaT,CAAS,GAClCU,IAAaF,IAAYJ,IAAiBO,IAAsBA,EAAoB,OAAO,SAAUX,GAAW;AAClH,WAAOS,EAAaT,CAAS,MAAMQ;AAAA,EACrC,CAAC,IAAII,GACDC,IAAoBH,EAAW,OAAO,SAAUV,GAAW;AAC7D,WAAOM,EAAsB,QAAQN,CAAS,KAAK;AAAA,EACrD,CAAC;AAED,EAAIa,EAAkB,WAAW,MAC/BA,IAAoBH;AAItB,MAAII,IAAYD,EAAkB,OAAO,SAAUE,GAAKf,GAAW;AACjE,WAAAe,EAAIf,CAAS,IAAIgB,EAAenB,GAAO;AAAA,MACrC,WAAWG;AAAA,MACX,UAAUC;AAAA,MACV,cAAcC;AAAA,MACd,SAASC;AAAA,IACf,CAAK,EAAEc,EAAiBjB,CAAS,CAAC,GACvBe;AAAA,EACT,GAAG,CAAA,CAAE;AACL,SAAO,OAAO,KAAKD,CAAS,EAAE,KAAK,SAAUI,GAAGC,GAAG;AACjD,WAAOL,EAAUI,CAAC,IAAIJ,EAAUK,CAAC;AAAA,EACnC,CAAC;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es561.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/context/MotionContext/create.mjs"],"sourcesContent":["\"use client\";\nimport { useContext, useMemo } from 'react';\nimport { MotionContext } from './index.mjs';\nimport { getCurrentTreeVariants } from './utils.mjs';\n\nfunction useCreateMotionContext(props) {\n    const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));\n    return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);\n}\nfunction variantLabelsAsDependency(prop) {\n    return Array.isArray(prop) ? prop.join(\" \") : prop;\n}\n\nexport { useCreateMotionContext };\n//# sourceMappingURL=create.mjs.map\n"],"names":["useCreateMotionContext","props","initial","animate","getCurrentTreeVariants","useContext","MotionContext","useMemo","variantLabelsAsDependency","prop"],"mappings":";;;AAKA,SAASA,EAAuBC,GAAO;AACnC,QAAM,EAAE,SAAAC,GAAS,SAAAC,EAAO,IAAKC,EAAuBH,GAAOI,EAAWC,CAAa,CAAC;AACpF,SAAOC,EAAQ,OAAO,EAAE,SAAAL,GAAS,SAAAC,EAAO,IAAK,CAACK,EAA0BN,CAAO,GAAGM,EAA0BL,CAAO,CAAC,CAAC;AACzH;AACA,SAASK,EAA0BC,GAAM;AACrC,SAAO,MAAM,QAAQA,CAAI,IAAIA,EAAK,KAAK,GAAG,IAAIA;AAClD;","x_google_ignoreList":[0]}

package/dist/visualization.es562.js

@@ -1,55 +1,17 @@
-import l from "./visualization.es547.js";
-import f from "./visualization.es556.js";
-import x from "./visualization.es549.js";
-import { left as y, right as g, bottom as p, top as u, end as v, start as b } from "./visualization.es503.js";
-function A(o) {
-  var e = o.reference, a = o.element, i = o.placement, n = i ? l(i) : null, s = i ? f(i) : null, c = e.x + e.width / 2 - a.width / 2, h = e.y + e.height / 2 - a.height / 2, t;
-  switch (n) {
-    case u:
-      t = {
-        x: c,
-        y: e.y - a.height
-      };
-      break;
-    case p:
-      t = {
-        x: c,
-        y: e.y + e.height
-      };
-      break;
-    case g:
-      t = {
-        x: e.x + e.width,
-        y: h
-      };
-      break;
-    case y:
-      t = {
-        x: e.x - a.width,
-        y: h
-      };
-      break;
-    default:
-      t = {
-        x: e.x,
-        y: e.y
-      };
-  }
-  var r = n ? x(n) : null;
-  if (r != null) {
-    var m = r === "y" ? "height" : "width";
-    switch (s) {
-      case b:
-        t[r] = t[r] - (e[m] / 2 - a[m] / 2);
-        break;
-      case v:
-        t[r] = t[r] + (e[m] / 2 - a[m] / 2);
-        break;
-    }
-  }
-  return t;
+import { Fragment as p, useMemo as P, createElement as a } from "react";
+import { useHTMLProps as d } from "./visualization.es598.js";
+import { useSVGProps as V } from "./visualization.es599.js";
+import { filterProps as g } from "./visualization.es166.js";
+import { isSVGComponent as h } from "./visualization.es287.js";
+import { isMotionValue as M } from "./visualization.es168.js";
+function H(r, s, o, { latestValues: t }, i, m = !1, n) {
+  const l = (n ?? h(r) ? V : d)(s, t, i, r), u = g(s, typeof r == "string", m), f = r !== p ? { ...u, ...l, ref: o } : {}, { children: e } = s, c = P(() => M(e) ? e.get() : e, [e]);
+  return a(r, {
+    ...f,
+    children: c
+  });
 }
 export {
-  A as default
+  H as useRender
 };
 //# sourceMappingURL=visualization.es562.js.map