@weng-lab/visualization 2.4.0-beta.8 → 2.4.0

package/dist/visualization.es73.js

@@ -1,269 +1,67 @@
-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.es120.js";
-import rt from "./visualization.es121.js";
-import nt from "./visualization.es122.js";
-import ot from "./visualization.es123.js";
-import { useDragSelection as st } from "./visualization.es124.js";
-import { useStableCallback as ct } from "./visualization.es19.js";
-import Se from "./visualization.es34.js";
-import lt from "./visualization.es125.js";
-import at from "./visualization.es88.js";
-import it from "./visualization.es56.js";
-import ft from "./visualization.es52.js";
-import ut from "./visualization.es35.js";
-import vt from "./visualization.es55.js";
-import we from "./visualization.es51.js";
-import pt from "./visualization.es29.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);
+import { useState as b, useCallback as S, useRef as A, useMemo as C, useEffect as D } from "react";
+import { debounce as O } from "./visualization.es224.js";
+const k = [], g = {
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0
+};
+function B() {
+  let {
+    initialSize: w = g,
+    debounceTime: c = 300,
+    ignoreDimensions: i = k,
+    enableDebounceLeadingCall: l = !0,
+    resizeObserverPolyfill: u,
+    externalRef: n
+  } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  const [a, y] = b(null), z = S((e) => {
+    y(e), typeof n == "function" ? n(e) : n != null && (n.current = e);
+  }, [n]), f = A(0), [p, v] = b({
+    ...g,
+    ...w
+  }), s = C(() => {
+    const e = Array.isArray(i) ? i : [i];
+    return O((r) => {
+      v((o) => Object.keys(o).filter((t) => o[t] !== r[t]).every((t) => e.includes(t)) ? o : r);
+    }, c, {
+      leading: l
     });
-  }, [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);
+  }, [c, l, i]);
+  return D(() => {
+    if (!a) {
+      s.cancel();
       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));
-    });
-    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
+    const e = u || window.ResizeObserver, r = new e((o) => {
+      o.forEach((d) => {
+        const {
+          left: m,
+          top: h,
+          width: t,
+          height: R
+        } = d?.contentRect ?? {};
+        f.current = window.requestAnimationFrame(() => {
+          s({
+            width: t,
+            height: R,
+            top: h,
+            left: m
+          });
+        });
       });
-    }
-  }, 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 r.observe(a), () => {
+      window.cancelAnimationFrame(f.current), r.disconnect(), s.cancel();
+    };
+  }, [a, s, u]), {
+    parentRef: z,
+    node: a,
+    resize: s,
+    ...p
+  };
+}
 export {
-  jt as default
+  B as default
 };
 //# sourceMappingURL=visualization.es73.js.map

package/dist/visualization.es73.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es73.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":"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"}
+{"version":3,"file":"visualization.es73.js","sources":["../../../node_modules/.pnpm/@visx+responsive@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/responsive/esm/hooks/useParentSize.js"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { debounce } from \"../utils/debounce.js\";\nconst defaultIgnoreDimensions = [];\nconst defaultInitialSize = {\n  width: 0,\n  height: 0,\n  top: 0,\n  left: 0\n};\nexport default function useParentSize() {\n  let {\n    initialSize = defaultInitialSize,\n    debounceTime = 300,\n    ignoreDimensions = defaultIgnoreDimensions,\n    enableDebounceLeadingCall = true,\n    resizeObserverPolyfill,\n    externalRef\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const [node, setNode] = useState(null);\n  const parentRef = useCallback(el => {\n    setNode(el);\n    if (typeof externalRef === 'function') {\n      externalRef(el);\n    } else if (externalRef != null) {\n      // eslint-disable-next-line no-param-reassign -- standard ref-merging pattern\n      externalRef.current = el;\n    }\n  }, [externalRef]);\n  const animationFrameID = useRef(0);\n  const [state, setState] = useState({\n    ...defaultInitialSize,\n    ...initialSize\n  });\n  const resize = useMemo(() => {\n    const normalized = Array.isArray(ignoreDimensions) ? ignoreDimensions : [ignoreDimensions];\n    return debounce(incoming => {\n      setState(existing => {\n        const stateKeys = Object.keys(existing);\n        const keysWithChanges = stateKeys.filter(key => existing[key] !== incoming[key]);\n        const shouldBail = keysWithChanges.every(key => normalized.includes(key));\n        return shouldBail ? existing : incoming;\n      });\n    }, debounceTime, {\n      leading: enableDebounceLeadingCall\n    });\n  }, [debounceTime, enableDebounceLeadingCall, ignoreDimensions]);\n  useEffect(() => {\n    if (!node) {\n      resize.cancel();\n      return;\n    }\n    const LocalResizeObserver = resizeObserverPolyfill || window.ResizeObserver;\n    const observer = new LocalResizeObserver(entries => {\n      entries.forEach(entry => {\n        const {\n          left,\n          top,\n          width,\n          height\n        } = entry?.contentRect ?? {};\n        animationFrameID.current = window.requestAnimationFrame(() => {\n          resize({\n            width,\n            height,\n            top,\n            left\n          });\n        });\n      });\n    });\n    observer.observe(node);\n    return () => {\n      window.cancelAnimationFrame(animationFrameID.current);\n      observer.disconnect();\n      resize.cancel();\n    };\n  }, [node, resize, resizeObserverPolyfill]);\n  return {\n    parentRef,\n    node,\n    resize,\n    ...state\n  };\n}"],"names":["defaultIgnoreDimensions","defaultInitialSize","useParentSize","initialSize","debounceTime","ignoreDimensions","enableDebounceLeadingCall","resizeObserverPolyfill","externalRef","node","setNode","useState","parentRef","useCallback","el","animationFrameID","useRef","state","setState","resize","useMemo","normalized","debounce","incoming","existing","key","useEffect","LocalResizeObserver","observer","entries","entry","left","top","width","height"],"mappings":";;AAEA,MAAMA,IAA0B,CAAA,GAC1BC,IAAqB;AAAA,EACzB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AACR;AACe,SAASC,IAAgB;AACtC,MAAI;AAAA,IACF,aAAAC,IAAcF;AAAA,IACd,cAAAG,IAAe;AAAA,IACf,kBAAAC,IAAmBL;AAAA,IACnB,2BAAAM,IAA4B;AAAA,IAC5B,wBAAAC;AAAA,IACA,aAAAC;AAAA,EACJ,IAAM,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI,CAAA;AACxE,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,IAAI,GAC/BC,IAAYC,EAAY,CAAAC,MAAM;AAClC,IAAAJ,EAAQI,CAAE,GACN,OAAON,KAAgB,aACzBA,EAAYM,CAAE,IACLN,KAAe,SAExBA,EAAY,UAAUM;AAAA,EAE1B,GAAG,CAACN,CAAW,CAAC,GACVO,IAAmBC,EAAO,CAAC,GAC3B,CAACC,GAAOC,CAAQ,IAAIP,EAAS;AAAA,IACjC,GAAGV;AAAA,IACH,GAAGE;AAAA,EACP,CAAG,GACKgB,IAASC,EAAQ,MAAM;AAC3B,UAAMC,IAAa,MAAM,QAAQhB,CAAgB,IAAIA,IAAmB,CAACA,CAAgB;AACzF,WAAOiB,EAAS,CAAAC,MAAY;AAC1B,MAAAL,EAAS,CAAAM,MACW,OAAO,KAAKA,CAAQ,EACJ,OAAO,CAAAC,MAAOD,EAASC,CAAG,MAAMF,EAASE,CAAG,CAAC,EAC5C,MAAM,CAAAA,MAAOJ,EAAW,SAASI,CAAG,CAAC,IACpDD,IAAWD,CAChC;AAAA,IACH,GAAGnB,GAAc;AAAA,MACf,SAASE;AAAA,IACf,CAAK;AAAA,EACH,GAAG,CAACF,GAAcE,GAA2BD,CAAgB,CAAC;AAC9D,SAAAqB,EAAU,MAAM;AACd,QAAI,CAACjB,GAAM;AACT,MAAAU,EAAO,OAAM;AACb;AAAA,IACF;AACA,UAAMQ,IAAsBpB,KAA0B,OAAO,gBACvDqB,IAAW,IAAID,EAAoB,CAAAE,MAAW;AAClD,MAAAA,EAAQ,QAAQ,CAAAC,MAAS;AACvB,cAAM;AAAA,UACJ,MAAAC;AAAA,UACA,KAAAC;AAAA,UACA,OAAAC;AAAA,UACA,QAAAC;AAAA,QACV,IAAYJ,GAAO,eAAe,CAAA;AAC1B,QAAAf,EAAiB,UAAU,OAAO,sBAAsB,MAAM;AAC5D,UAAAI,EAAO;AAAA,YACL,OAAAc;AAAA,YACA,QAAAC;AAAA,YACA,KAAAF;AAAA,YACA,MAAAD;AAAA,UACZ,CAAW;AAAA,QACH,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;AACD,WAAAH,EAAS,QAAQnB,CAAI,GACd,MAAM;AACX,aAAO,qBAAqBM,EAAiB,OAAO,GACpDa,EAAS,WAAU,GACnBT,EAAO,OAAM;AAAA,IACf;AAAA,EACF,GAAG,CAACV,GAAMU,GAAQZ,CAAsB,CAAC,GAClC;AAAA,IACL,WAAAK;AAAA,IACA,MAAAH;AAAA,IACA,QAAAU;AAAA,IACA,GAAGF;AAAA,EACP;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es74.js

@@ -1,106 +1,55 @@
-import { jsxs as b, jsx as f } from "react/jsx-runtime";
-import { useRef as S, useEffect as Y } from "react";
-import { CROSSHAIR_STROKE as T, CROSSHAIR_DASH as W, CROSSHAIR_STROKE_WIDTH as P } from "./visualization.es123.js";
-import { useStableCallback as w } from "./visualization.es19.js";
-const o = 0.25, H = P / o, _ = W.map((c) => c / o).join(","), N = ({
-  miniMap: c,
-  width: C,
-  height: D,
-  pointData: E,
-  xScale: m,
-  yScale: R,
-  zoom: r,
-  crosshair: h
-}) => {
-  const a = h ? m(h.x) : null, u = h ? R(h.y) : null, l = C - 100, i = D - 100, s = S(null), d = S(null), g = S(null), M = w(() => {
-    const n = d.current;
-    d.current = null, n && r.setTransformMatrix({
-      ...r.transformMatrix,
-      translateX: r.transformMatrix.translateX - n.dx / o * r.transformMatrix.scaleX,
-      translateY: r.transformMatrix.translateY - n.dy / o * r.transformMatrix.scaleY
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import Y from "./visualization.es120.js";
+import { truncateTextToWidth as j, getLabelPlacement as A } from "./visualization.es121.js";
+import D, { useCallback as R } from "react";
+import E from "./visualization.es36.js";
+import F from "./visualization.es54.js";
+import $ from "./visualization.es63.js";
+const Z = (t) => {
+  function i(e) {
+    return e.children && e.children.length > 0 ? e.children.reduce((d, X) => d + i(X), 0) : e.data.value ?? 0;
+  }
+  const c = t.node.children !== void 0 && t.node.children.length > 0, r = c ? t.node.data.displayValue ?? i(t.node) : t.node.data.value ?? 0, k = t.fontSize, n = t.node.data.style?.color || t.node.parent?.data.style?.color || "black", h = t.node.data.style?.labelColor || n, x = t.node.data.style?.strokeColor || n, u = t.node.data.style?.strokeWidth === 0 ? 0 : t.node.data.style?.strokeWidth || t.strokeWidth, v = t.isHovered ? u + 2 : u, l = t.node.x1 - t.node.x0, a = t.node.y1 - t.node.y0, b = t.node.data.label, C = j(b, l - 8, k, "sans-serif"), f = a > 55 && l > 50 && r > 0, g = a > 20, {
+    textX: T,
+    textY: S,
+    textAnchor: W,
+    valueAnchor: B,
+    baseline: L,
+    valueY: M,
+    valueX: w
+  } = A(t.node, t.labelPlacement, f, c), {
+    tooltipData: s,
+    tooltipLeft: N,
+    tooltipTop: z,
+    tooltipOpen: V,
+    showTooltip: y,
+    hideTooltip: H
+  } = E(), O = R((e) => {
+    if (!t.tooltipBody) return;
+    const d = t.tooltipBody(t.node.data);
+    y({
+      tooltipLeft: e.clientX + 10,
+      tooltipTop: e.clientY + 10,
+      tooltipData: d
     });
-  }), p = (n, t) => {
-    const e = d.current ?? {
-      dx: 0,
-      dy: 0
-    };
-    e.dx += n, e.dy += t, d.current = e;
-  }, A = () => {
-    s.current === null && (s.current = requestAnimationFrame(() => {
-      s.current = null, M();
-    }));
-  }, x = () => {
-    s.current !== null && (cancelAnimationFrame(s.current), s.current = null), M(), g.current = null, r.dragEnd();
+  }, [t.tooltipBody, t.node.data, y]), P = () => {
+    t.onNodeClicked && t.onNodeClicked(t.node.data);
   };
-  return Y(() => () => {
-    s.current !== null && cancelAnimationFrame(s.current);
-  }, []), /* @__PURE__ */ b("div", { style: {
-    position: "absolute",
-    bottom: c.position ? c.position.bottom : 10,
-    right: c.position ? c.position.right : 10
-  }, children: [
-    /* @__PURE__ */ f("canvas", { width: l * o, height: i * o, ref: (n) => {
-      if (n) {
-        const t = n.getContext("2d"), e = o, I = l * e, k = i * e;
-        t && (t.clearRect(0, 0, n.width, n.height), t.fillStyle = "white", t.fillRect(0, 0, I, k), t.strokeStyle = "grey", t.lineWidth = 4, t.strokeRect(0, 0, I, k), E.forEach((y) => {
-          const O = m(y.x) * e, X = R(y.y) * e;
-          t.beginPath(), t.arc(O, X, 3 * e, 0, Math.PI * 2), t.fillStyle = y.color ?? "black", t.fill();
-        }));
-      }
-    }, style: {
-      display: "block"
-    } }),
-    /* @__PURE__ */ f("svg", { width: l * o, height: i * o, style: {
-      position: "absolute",
-      top: 0,
-      left: 0
-    }, children: /* @__PURE__ */ b("g", { transform: `scale(${o})`, children: [
-      /* @__PURE__ */ f(
-        "rect",
-        {
-          width: l,
-          height: i,
-          fill: "#0d0f98",
-          fillOpacity: 0.2,
-          stroke: "#0d0f98",
-          strokeWidth: 4,
-          rx: 8,
-          transform: r.toStringInvert(),
-          style: {
-            cursor: r.isDragging ? "grabbing" : "grab",
-            touchAction: "none"
-          },
-          onMouseDown: r.dragStart,
-          onMouseUp: x,
-          onMouseMove: (n) => {
-            r.isDragging && (p(n.movementX, n.movementY), A());
-          },
-          onMouseLeave: x,
-          onTouchStart: (n) => {
-            const t = n.touches[0];
-            t && (g.current = {
-              x: t.clientX,
-              y: t.clientY
-            }), r.dragStart(n);
-          },
-          onTouchEnd: x,
-          onTouchCancel: x,
-          onTouchMove: (n) => {
-            if (!r.isDragging || n.touches.length !== 1) return;
-            const t = n.touches[0], e = g.current;
-            g.current = {
-              x: t.clientX,
-              y: t.clientY
-            }, e && (p(t.clientX - e.x, t.clientY - e.y), A());
-          }
-        }
-      ),
-      u !== null && u >= 0 && u <= i && /* @__PURE__ */ f("line", { x1: 0, x2: l, y1: u, y2: u, stroke: T, strokeWidth: H, strokeDasharray: _, pointerEvents: "none" }),
-      a !== null && a >= 0 && a <= l && /* @__PURE__ */ f("line", { x1: a, x2: a, y1: 0, y2: i, stroke: T, strokeWidth: H, strokeDasharray: _, pointerEvents: "none" })
-    ] }) })
-  ] });
+  return /* @__PURE__ */ m(D.Fragment, { children: [
+    /* @__PURE__ */ m("g", { onMouseEnter: () => t.onHover(!0), onMouseLeave: () => {
+      t.onHover(!1), H?.();
+    }, onMouseMove: O, onClick: P, style: {
+      cursor: "pointer",
+      transition: "stroke-width 0.2s"
+    }, children: [
+      /* @__PURE__ */ o("rect", { x: t.node.x0, y: t.node.y0, width: l, height: a, fill: n, fillOpacity: t.opacity, stroke: x, strokeWidth: v, rx: t.borderRadius }),
+      g && /* @__PURE__ */ o("text", { x: T, y: S, textAnchor: W, dominantBaseline: L, fill: h, fontSize: t.fontSize, fontWeight: 500, children: C }),
+      f && /* @__PURE__ */ o(Y, { cx: w, cy: M, color: h, value: r, align: B })
+    ] }),
+    t.tooltipBody && V && s && /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o($, { left: (N ?? 0) + 10, top: z, children: s }) })
+  ] }, `frag-${t.node.data.label}`);
 };
 export {
-  N as default
+  Z as default
 };
 //# sourceMappingURL=visualization.es74.js.map