@weng-lab/visualization 2.6.0-beta.0 → 2.6.0-beta.1

package/dist/visualization.es64.js

@@ -1,271 +1,11 @@
-import { jsx as s, jsxs as A, Fragment as tt } from "react/jsx-runtime";
-import { useRef as L, useState as te, useEffect as F, useMemo as C, useCallback as et } from "react";
-import ee from "@mui/material/CircularProgress";
-import { Stack as re, Box as kt } from "@mui/material";
-import { rescaleX as ne, rescaleY as oe, pointKey as At, isPointVisible as Et, DEFAULT_HOVER_STYLE as gt, prepareCanvas as se, partitionPointsByHover as ce, getTicks as Mt, drawCanvasPoint as le } from "./visualization.es18.js";
-import ae from "./visualization.es119.js";
-import ie from "./visualization.es120.js";
-import fe from "./visualization.es121.js";
-import ue from "./visualization.es122.js";
-import { useDragSelection as pe } from "./visualization.es123.js";
-import { useStableCallback as ve } from "./visualization.es20.js";
-import Lt from "./visualization.es36.js";
-import he from "./visualization.es124.js";
-import me from "./visualization.es38.js";
-import xe from "./visualization.es35.js";
-import ye from "./visualization.es34.js";
-import Se from "./visualization.es43.js";
-import we from "./visualization.es90.js";
-import Ct from "./visualization.es33.js";
-import ke from "./visualization.es52.js";
-const Tt = 120, Ae = (E) => 1 - Math.pow(1 - E, 3), Ee = (E, Y) => E === void 0 ? 0 : Ae(Math.min(1, Math.max(0, (Y - E) / Tt))), Ue = ({
-  width: E,
-  height: Y,
-  margin: c,
-  boundedWidth: a,
-  boundedHeight: l,
-  loading: Rt,
-  pointData: u,
-  animation: R,
-  animationGroupSize: I,
-  animationBuffer: K,
-  xScale: U,
-  yScale: $,
-  zoom: f,
-  selectMode: i,
-  selectable: Pt,
-  disableZoom: y,
-  groupPointsAnchor: rt,
-  hoveredPoint: g,
-  hoveredPoints: nt,
-  hoverGrowth: ot,
-  hoverStroke: st,
-  handleMouseMove: Vt,
-  handleMouseLeave: ct,
-  onDisplayedPointsChange: lt,
-  onSelectionChange: dt,
-  onPointClicked: at,
-  leftAxisLabel: Dt,
-  bottomAxisLabel: Ft,
-  border: Yt,
-  originLine: Xt,
-  backgroundGradient: T,
-  crosshair: J,
-  divRef: jt
-}) => {
-  const it = L(null), ft = L(null), ut = L(/* @__PURE__ */ new Map()), [N, Q] = te(!!R);
-  F(() => {
-    if (!R) return;
-    if (u.length > 2500) {
-      Q(!1);
-      return;
-    }
-    const t = 450, e = (K ?? 0.03) * 1e3, r = Math.ceil(u.length / (I ?? 1)), n = t + r * e, o = window.setTimeout(() => Q(!1), n);
-    return () => window.clearTimeout(o);
-  }, [R, K, I, u.length]);
-  const {
-    lines: Ot,
-    isDragging: S,
-    x: P,
-    y: V,
-    dx: X,
-    dy: j,
-    dragStart: pt,
-    dragMove: vt,
-    dragEnd: _t,
-    completeSelection: qt
-  } = pe({
-    pointData: u,
-    margin: c,
-    xScale: U,
-    yScale: $,
-    onSelectionChange: dt
-  });
-  F(() => {
-    const t = it.current, e = (o) => {
-      o.preventDefault();
-    }, r = (o) => {
-      o.preventDefault();
-    }, n = (o) => {
-      o.preventDefault();
-    };
-    return t && (t.addEventListener("wheel", e, {
-      passive: !1
-    }), t.addEventListener("touchstart", n, {
-      passive: !1
-    }), t.addEventListener("touchmove", r, {
-      passive: !1
-    })), () => {
-      t && (t.removeEventListener("wheel", e), t.removeEventListener("touchstart", n), t.removeEventListener("touchmove", r));
-    };
-  }, []);
-  const p = C(() => ne(U, f.transformMatrix.translateX, f.transformMatrix.scaleX), [U, f.transformMatrix]), v = C(() => oe($, f.transformMatrix.translateY, f.transformMatrix.scaleY), [$, f.transformMatrix]), G = C(() => g ? [g] : nt ?? [], [g, nt]), ht = C(() => {
-    const t = rt;
-    if (!t) return G;
-    const e = (n) => t in n ? n[t] : n.metaData?.[t], r = new Set(G.map(e).filter((n) => n !== void 0));
-    return r.size === 0 ? [] : u.filter((n) => {
-      const o = e(n);
-      return o !== void 0 && r.has(o);
-    });
-  }, [G, rt, u]), mt = L(/* @__PURE__ */ new Set()), d = C(() => {
-    const t = new Set(ht.map(At)), e = mt.current;
-    return t.size === e.size && [...t].every((r) => e.has(r)) ? e : (mt.current = t, t);
-  }, [ht]), O = C(() => u.filter((t) => Et(p(t.x), v(t.y), a, l)), [u, p, v, a, l]), xt = C(() => ({
-    growth: ot ?? gt.growth,
-    stroke: st ?? gt.stroke
-  }), [ot, st]), W = et((t, e, r, n) => {
-    const o = r.getContext("2d");
-    if (!o) return;
-    if (se(o, a, l), T) {
-      const [x, b, q] = T.colorScale ?? ["red", "white", "blue"], k = a, M = l, zt = t(0), Ht = e(0), bt = Math.max(1e-3, Math.min(0.999, (zt * k - Ht * M + M * M) / (k * k + M * M))), B = o.createLinearGradient(0, M, k, 0);
-      B.addColorStop(0, x), B.addColorStop(bt, b), B.addColorStop(1, q), o.globalAlpha = T.opacity ?? 1, o.fillStyle = B, o.fillRect(0, 0, k, M), o.globalAlpha = 1;
-    }
-    const {
-      nonHovered: h,
-      hovered: m
-    } = ce(u, d), _ = ut.current, wt = (x, b) => {
-      const q = t(x.x), k = e(x.y);
-      Et(q, k, a, l) && le(o, x, q, k, b, xt);
-    };
-    h.forEach((x) => wt(x, 0)), m.forEach((x) => wt(x, Ee(_.get(At(x)), n)));
-  }, [l, a, d, u, T, xt]);
-  F(() => {
-    const t = ft.current;
-    if (!t || N) return;
-    const e = performance.now(), r = ut.current;
-    for (const m of r.keys())
-      d.has(m) || r.delete(m);
-    let n = -1 / 0;
-    for (const m of d)
-      r.has(m) || r.set(m, e), n = Math.max(n, r.get(m));
-    const o = n + Tt;
-    if (e >= o) {
-      W(p, v, t, e);
-      return;
-    }
-    let h = requestAnimationFrame(function m() {
-      const _ = performance.now();
-      W(p, v, t, _), _ < o && (h = requestAnimationFrame(m));
-    });
-    return () => cancelAnimationFrame(h);
-  }, [W, p, v, N, d]);
-  const Bt = et(() => {
-    g && at?.(g);
-  }, [g, at]), It = y ? Pt ? S ? "none" : "crosshair" : S ? "none" : "default" : g ? "default" : i === "select" ? S ? "none" : "crosshair" : f.isDragging ? "grabbing" : "grab", Z = (t) => {
-    _t(t), qt(f);
-  }, w = L(null), D = L(null), z = ve((t) => {
-    f.dragMove(t);
-  }), Kt = et(() => {
-    w.current !== null && (cancelAnimationFrame(w.current), w.current = null);
-    const t = D.current;
-    D.current = null, t && z(t);
-  }, [z]);
-  F(() => () => {
-    w.current !== null && cancelAnimationFrame(w.current);
-  }, []);
-  const yt = (t) => {
-    D.current = t.nativeEvent, w.current === null && (w.current = requestAnimationFrame(() => {
-      w.current = null;
-      const e = D.current;
-      D.current = null, e && z(e);
-    }));
-  }, H = () => {
-    Kt(), f.dragEnd();
-  }, Ut = i === "none" ? void 0 : i === "select" ? pt : y ? void 0 : f.dragStart, $t = i === "none" ? void 0 : i === "select" ? Z : y ? void 0 : H, Jt = i === "none" ? void 0 : i === "select" ? S ? vt : void 0 : y ? void 0 : yt, Nt = i === "none" ? void 0 : i === "select" ? Z : y ? void 0 : H, Qt = i === "none" ? void 0 : i === "select" ? pt : y ? void 0 : f.dragStart, Gt = i === "none" ? void 0 : i === "select" ? Z : y ? void 0 : H, Wt = i === "none" ? void 0 : i === "select" ? S ? vt : void 0 : y ? void 0 : yt, Zt = (t) => {
-    if (Q(!1), !y) {
-      const e = ke(t) || {
-        x: 0,
-        y: 0
-      }, r = t.deltaY < 0 ? 1.1 : 0.9;
-      f.scale({
-        scaleX: r,
-        scaleY: r,
-        point: e
-      });
-    }
-  }, St = L([]);
-  return F(() => {
-    ((e, r) => e.length !== r.length ? !0 : !e.every((n, o) => {
-      const h = r[o];
-      return n.x === h.x && n.y === h.y && n.r === h.r && n.shape === h.shape && n.color === h.color && n.opacity === h.opacity;
-    }))(St.current, O) && (lt?.(O), St.current = O);
-  }, [O, lt]), /* @__PURE__ */ s(re, { justifyContent: "center", alignItems: "center", direction: "row", sx: {
-    position: "relative"
-  }, children: /* @__PURE__ */ s(kt, { sx: {
-    width: E,
-    height: Y
-  }, children: Rt ? /* @__PURE__ */ s(kt, { display: "flex", width: "100%", height: "100%", sx: {
-    justifyContent: "center",
-    alignItems: "center"
-  }, children: /* @__PURE__ */ s(ee, {}) }) : /* @__PURE__ */ A("div", { style: {
-    position: "relative"
-  }, ref: jt, children: [
-    /* @__PURE__ */ s("canvas", { ref: ft, width: a * 2, height: l * 2, style: {
-      userSelect: "none",
-      position: "absolute",
-      top: c.top,
-      left: c.left,
-      width: a,
-      height: l,
-      backgroundColor: "transparent"
-    } }),
-    /* @__PURE__ */ A("svg", { width: E, height: Y, overflow: "visible", style: {
-      position: "absolute",
-      userSelect: "none"
-    }, onMouseMove: (t) => {
-      S ? ct() : Vt(t, f);
-    }, onMouseLeave: ct, children: [
-      /* @__PURE__ */ A(Lt, { top: c.top, left: c.left, children: [
-        N && R && /* @__PURE__ */ s(ae, { pointData: u, animation: R, animationGroupSize: I, animationBuffer: K, xScaleTransformed: p, yScaleTransformed: v, boundedWidth: a, boundedHeight: l }),
-        i === "select" && /* @__PURE__ */ A(tt, { children: [
-          Ot.map((t, e) => /* @__PURE__ */ s(he, { fill: "transparent", stroke: "black", strokeWidth: 3, data: t, curve: me, x: (r) => r.x, y: (r) => r.y }, `line-${e}`)),
-          S && /* @__PURE__ */ A("g", { children: [
-            /* @__PURE__ */ s("line", { x1: P - c.left + X - 6, y1: V - c.top + j, x2: P - c.left + X + 6, y2: V - c.top + j, stroke: "black", strokeWidth: 1 }),
-            /* @__PURE__ */ s("line", { x1: P - c.left + X, y1: V - c.top + j - 6, x2: P - c.left + X, y2: V - c.top + j + 6, stroke: "black", strokeWidth: 1 }),
-            /* @__PURE__ */ s("circle", { cx: P - c.left, cy: V - c.top, r: 4, fill: "transparent", stroke: "black", pointerEvents: "none" })
-          ] })
-        ] }),
-        Xt && (() => {
-          const t = p(0), e = v(0);
-          return /* @__PURE__ */ A(tt, { children: [
-            e >= 0 && e <= l && /* @__PURE__ */ s("line", { x1: 0, x2: a, y1: e, y2: e, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" }),
-            t >= 0 && t <= a && /* @__PURE__ */ s("line", { x1: t, x2: t, y1: 0, y2: l, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" })
-          ] });
-        })(),
-        /* @__PURE__ */ s("rect", { ref: it, fill: "transparent", width: a, height: l, style: {
-          cursor: It
-        }, onMouseDown: Ut, onMouseUp: $t, onMouseMove: Jt, onMouseLeave: Nt, onTouchStart: Qt, onTouchEnd: Gt, onTouchMove: Wt, onWheel: Zt, onClick: Bt }),
-        J && !S && /* @__PURE__ */ s(ue, { position: {
-          x: p(J.x),
-          y: v(J.y)
-        }, boundedWidth: a, boundedHeight: l })
-      ] }),
-      /* @__PURE__ */ A(Lt, { top: c.top, left: c.left, children: [
-        /* @__PURE__ */ s(xe, { scale: v, tickLabelProps: () => ({
-          fill: "#1c1917",
-          fontSize: 10,
-          textAnchor: "end",
-          verticalAnchor: "middle",
-          x: -10
-        }), tickValues: Mt(v, 5) }),
-        /* @__PURE__ */ s(ye, { top: l, scale: p, tickLabelProps: () => ({
-          fill: "#1c1917",
-          fontSize: 11,
-          textAnchor: "middle"
-        }), tickValues: Mt(p, 5) }),
-        Yt && /* @__PURE__ */ A(tt, { children: [
-          /* @__PURE__ */ s(Se, { top: 0, scale: p, tickValues: [] }),
-          /* @__PURE__ */ s(we, { scale: v, tickValues: [], left: a })
-        ] }),
-        /* @__PURE__ */ s(Ct, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: 15, y: l / 2, x: 0, dx: -50, children: Dt }),
-        /* @__PURE__ */ s(Ct, { textAnchor: "middle", verticalAnchor: "start", fontSize: 15, y: l, x: a / 2, dy: 50, children: Ft })
-      ] }),
-      /* @__PURE__ */ s(ie, { pointData: u, xScaleTransformed: p, yScaleTransformed: v, boundedWidth: a, boundedHeight: l, margin: c }),
-      T?.legend && /* @__PURE__ */ s(fe, { backgroundGradient: T, boundedHeight: l, barLeft: c.left + a + 25, marginTop: c.top })
-    ] })
-  ] }) }) });
-};
+import r from "./visualization.es148.js";
+import o from "./visualization.es151.js";
+const a = r("domain", "range", "reverse", "base", "clamp", "interpolate", "nice", "round");
+function c(e) {
+  return a(o(), e);
+}
 export {
-  Ue as default
+  c as default,
+  a as updateLogScale
 };
 //# sourceMappingURL=visualization.es64.js.map

package/dist/visualization.es64.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es64.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 { DEFAULT_HOVER_STYLE, drawCanvasPoint, getTicks, isPointVisible, partitionPointsByHover, pointKey, 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    hoverGrowth?: number;\n    hoverStroke?: string;\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\n/** How far into its growth a point is at `now`, having started at `start`: 0 at rest, 1 fully grown. */\nconst hoverAmountAt = (start: number | undefined, now: number) =>\n    start === undefined ? 0 : easeOutCubic(Math.min(1, Math.max(0, (now - start) / HOVER_GROW_MS)));\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    hoverGrowth,\n    hoverStroke,\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    // When each hovered point began to grow, by pointKey. Timed per point so that when the hovered\n    // set shifts - a window swept along a colorbar - points still in it keep their growth and only\n    // new ones start from nothing. Painted straight onto the canvas rather than through state: a\n    // redraw is ~0.3ms, a re-render per frame is not.\n    const hoverStartsRef = useRef<Map<string, number>>(new Map());\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(pointKey));\n        const previous = previousHoveredKeysRef.current;\n\n        // An unchanged set keeps its identity, so moving within one hovered group doesn't re-run\n        // the redraw effect for every point the cursor crosses.\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            isPointVisible(xScaleTransformed(point.x), yScaleTransformed(point.y), boundedWidth, boundedHeight)\n        ),\n        [pointData, xScaleTransformed, yScaleTransformed, boundedWidth, boundedHeight]\n    );\n\n    // Held together as one object so the draw below depends on a single stable value rather than\n    // on two props that would each have to be threaded into its dependencies.\n    const hoverStyle = useMemo(\n        () => ({\n            growth: hoverGrowth ?? DEFAULT_HOVER_STYLE.growth,\n            stroke: hoverStroke ?? DEFAULT_HOVER_STYLE.stroke,\n        }),\n        [hoverGrowth, hoverStroke]\n    );\n\n    const drawPoints = useCallback((\n        xST: ScaleLinear<number, number, never>,\n        yST: ScaleLinear<number, number, never>,\n        canvas: HTMLCanvasElement,\n        /** The frame's time, which every hovered point's growth is measured to. */\n        now: number\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        const starts = hoverStartsRef.current;\n\n        const drawRenderedPoint = (point: Point<T>, hoverAmount: number) => {\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, hoverAmount, hoverStyle);\n        };\n\n        nonHovered.forEach((point) => drawRenderedPoint(point, 0));\n        hovered.forEach((point) => drawRenderedPoint(point, hoverAmountAt(starts.get(pointKey(point)), now)));\n    }, [boundedHeight, boundedWidth, hoveredPointKeys, pointData, backgroundGradient, hoverStyle]);\n\n    useEffect(() => {\n        const canvas = canvasRef.current;\n        if (!canvas || showPointAnimation) return;\n\n        // Sync start times with the hovered set: kept points keep theirs, new ones start now, and\n        // dropped ones are forgotten so leaving is instant. Idempotent, so a re-run for pan, zoom\n        // or new pointData carries on from the sizes already reached.\n        const now = performance.now();\n        const starts = hoverStartsRef.current;\n        for (const key of starts.keys()) {\n            if (!hoveredPointKeys.has(key)) starts.delete(key);\n        }\n        let latestStart = -Infinity;\n        for (const key of hoveredPointKeys) {\n            if (!starts.has(key)) starts.set(key, now);\n            latestStart = Math.max(latestStart, starts.get(key)!);\n        }\n\n        // Nothing still growing: repaint once, so panning over a hovered point doesn't queue frames.\n        const grownAt = latestStart + HOVER_GROW_MS;\n        if (now >= grownAt) {\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas, now);\n            return;\n        }\n\n        // Until the newest point has grown; the last frame is drawn at or past grownAt, so every\n        // point ends at full size.\n        let frame = requestAnimationFrame(function step() {\n            const time = performance.now();\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas, time);\n            if (time < grownAt) 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 frame. React flushes mousemove updates\n     * synchronously, and a shared zoom re-renders every synced plot, so handling each move\n     * outright never lets the browser paint and eventually exceeds React's update depth.\n     *\n     * The buffer holds nativeEvent, since React clears the synthetic event's currentTarget after\n     * dispatch, and useStableCallback makes the frame use the current zoom.\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","hoverAmountAt","start","now","undefined","min","max","ScatterPlotViewport","width","height","margin","boundedWidth","boundedHeight","loading","pointData","animation","animationGroupSize","animationBuffer","xScale","yScale","zoom","selectMode","selectable","disableZoom","groupPointsAnchor","hoveredPoint","hoveredPoints","hoverGrowth","hoverStroke","handleMouseMove","handleMouseLeave","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","crosshair","divRef","graphRef","useRef","canvasRef","hoverStartsRef","Map","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","size","has","previousHoveredKeysRef","hoveredPointKeys","next","pointKey","previous","every","key","currentDisplayedPoints","isPointVisible","hoverStyle","growth","DEFAULT_HOVER_STYLE","stroke","drawPoints","useCallback","xST","yST","canvas","context","getContext","prepareCanvas","colorLow","colorMid","colorHigh","colorScale","W","H","x0","y0","fraction","gradient","createLinearGradient","addColorStop","globalAlpha","opacity","fillStyle","fillRect","nonHovered","hovered","partitionPointsByHover","starts","drawRenderedPoint","hoverAmount","transformedX","transformedY","drawCanvasPoint","forEach","get","performance","keys","delete","latestStart","set","grownAt","frame","requestAnimationFrame","step","time","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.es64.js","sources":["../../../node_modules/.pnpm/@visx+scale@4.0.0/node_modules/@visx/scale/esm/scales/log.js"],"sourcesContent":["import { scaleLog } from '@visx/vendor/d3-scale';\nimport scaleOperator from \"../operators/scaleOperator.js\";\nexport const updateLogScale = scaleOperator('domain', 'range', 'reverse', 'base', 'clamp', 'interpolate', 'nice', 'round');\nexport default function createLogScale(config) {\n  return updateLogScale(scaleLog(), config);\n}"],"names":["updateLogScale","scaleOperator","createLogScale","config","scaleLog"],"mappings":";;AAEY,MAACA,IAAiBC,EAAc,UAAU,SAAS,WAAW,QAAQ,SAAS,eAAe,QAAQ,OAAO;AAC1G,SAASC,EAAeC,GAAQ;AAC7C,SAAOH,EAAeI,EAAQ,GAAID,CAAM;AAC1C;","x_google_ignoreList":[0]}

package/dist/visualization.es65.js

@@ -1,106 +1,37 @@
-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.es122.js";
-import { useStableCallback as w } from "./visualization.es20.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
-    });
-  }), 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();
-  };
-  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" })
-    ] }) })
-  ] });
+import l from "./visualization.es139.js";
+import n from "./visualization.es138.js";
+import f from "./visualization.es144.js";
+import { jsx as p } from "react/jsx-runtime";
+const m = {
+  dy: "-0.75em",
+  fill: "#222",
+  fontFamily: "Arial",
+  fontSize: 10,
+  textAnchor: "middle"
 };
+function L(o) {
+  let {
+    axisClassName: i,
+    labelOffset: e = 8,
+    tickLength: s = 8,
+    tickLabelProps: t,
+    ...r
+  } = o;
+  const a = typeof t == "function" ? t : {
+    ...m,
+    ...t
+  };
+  return /* @__PURE__ */ p(n, {
+    axisClassName: l("visx-axis-top", i),
+    labelOffset: e,
+    orientation: f.top,
+    tickLabelProps: a,
+    tickLength: s,
+    ...r
+  });
+}
 export {
-  N as default
+  L as default,
+  m as topTickLabelProps
 };
 //# sourceMappingURL=visualization.es65.js.map

package/dist/visualization.es65.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es65.js","sources":["../src/components/ScatterPlot/minimap.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { MapProps } from \"./types\";\nimport { CROSSHAIR_DASH, CROSSHAIR_STROKE, CROSSHAIR_STROKE_WIDTH } from \"./Crosshair\";\nimport { useStableCallback } from \"../../hooks\";\n\nconst MINIMAP_SCALE_FACTOR = 0.25;\n// The crosshair is drawn inside the scaled group, so its stroke and dashes shrink with it.\n// Scale them back up so it renders identically to the crosshair on the plot itself.\nconst MINIMAP_CROSSHAIR_STROKE_WIDTH = CROSSHAIR_STROKE_WIDTH / MINIMAP_SCALE_FACTOR;\nconst MINIMAP_CROSSHAIR_DASH = CROSSHAIR_DASH.map((dash) => dash / MINIMAP_SCALE_FACTOR).join(\",\");\n\nconst MiniMap = <T,>({\n    miniMap,\n    width,\n    height,\n    pointData,\n    xScale,\n    yScale,\n    zoom,\n    crosshair\n}: MapProps<T>) => {\n    // The minimap frame is the whole plot area untransformed, so a data coordinate maps onto it\n    // through the base scales - no need to undo the current zoom.\n    const crosshairX = crosshair ? xScale(crosshair.x) : null;\n    const crosshairY = crosshair ? yScale(crosshair.y) : null;\n    const frameWidth = width - 100;\n    const frameHeight = height - 100;\n\n    /**\n     * Dragging the window is coalesced to one zoom update per animation frame.\n     *\n     * This handler sets the transform matrix directly rather than going through zoom.dragMove,\n     * so it needs its own coalescing: without it a mouse reporting faster than the browser\n     * paints updates a zoom shared by every synced plot on each move, and React eventually\n     * warns that the update depth was exceeded.\n     *\n     * Movement is accumulated rather than replaced: these are deltas, so dropping the moves in\n     * between would lose the distance they covered. A pointer moving faster than the frame rate\n     * still pans exactly as far as it travelled.\n     */\n    const frameRef = useRef<number | null>(null);\n    const pendingRef = useRef<{ dx: number; dy: number } | null>(null);\n    // Touch events carry absolute positions, so a drag delta is the step from the previous one.\n    const lastTouchRef = useRef<{ x: number; y: number } | null>(null);\n\n    const flushPan = useStableCallback(() => {\n        const pending = pendingRef.current;\n        pendingRef.current = null;\n        if (!pending) return;\n\n        zoom.setTransformMatrix({\n            ...zoom.transformMatrix,\n            translateX: zoom.transformMatrix.translateX - pending.dx / MINIMAP_SCALE_FACTOR * zoom.transformMatrix.scaleX,\n            translateY: zoom.transformMatrix.translateY - pending.dy / MINIMAP_SCALE_FACTOR * zoom.transformMatrix.scaleY,\n        });\n    });\n\n    const accumulate = (dx: number, dy: number) => {\n        const pending = pendingRef.current ?? { dx: 0, dy: 0 };\n        pending.dx += dx;\n        pending.dy += dy;\n        pendingRef.current = pending;\n    };\n\n    const scheduleFrame = () => {\n        if (frameRef.current !== null) return;\n        frameRef.current = requestAnimationFrame(() => {\n            frameRef.current = null;\n            flushPan();\n        });\n    };\n\n    // Apply whatever is still queued before the gesture closes, so the window lands where the\n    // pointer left it rather than a frame behind.\n    const endPan = () => {\n        if (frameRef.current !== null) {\n            cancelAnimationFrame(frameRef.current);\n            frameRef.current = null;\n        }\n        flushPan();\n        lastTouchRef.current = null;\n        zoom.dragEnd();\n    };\n\n    useEffect(() => () => {\n        if (frameRef.current !== null) cancelAnimationFrame(frameRef.current);\n    }, []);\n\n    return (\n        <div\n            style={{\n                position: 'absolute',\n                bottom: miniMap.position ? miniMap.position.bottom : 10,\n                right: miniMap.position ? miniMap.position.right : 10,\n            }}\n        >\n            {/* Canvas for rendering points on minimap */}\n            <canvas\n                width={frameWidth * MINIMAP_SCALE_FACTOR}\n                height={frameHeight * MINIMAP_SCALE_FACTOR}\n                ref={(canvas) => {\n                    if (canvas) {\n                        const context = canvas.getContext('2d');\n                        const scaleFactor = MINIMAP_SCALE_FACTOR;\n                        const scaledWidth = frameWidth * scaleFactor;\n                        const scaledHeight = frameHeight * scaleFactor;\n                        if (context) {\n                            // Clear canvas\n                            context.clearRect(0, 0, canvas.width, canvas.height);\n\n                            // Draw background and outline\n                            context.fillStyle = 'white';\n                            context.fillRect(0, 0, scaledWidth, scaledHeight);\n                            context.strokeStyle = 'grey';\n                            context.lineWidth = 4;\n                            context.strokeRect(0, 0, scaledWidth, scaledHeight);\n\n                            // Draw points\n                            pointData.forEach(point => {\n                                const transformedX = xScale(point.x) * scaleFactor;\n                                const transformedY = yScale(point.y) * scaleFactor;\n                                context.beginPath();\n                                context.arc(transformedX, transformedY, 3 * scaleFactor, 0, Math.PI * 2);\n                                context.fillStyle = point.color ?? \"black\";\n                                context.fill();\n                            });\n                        }\n                    }\n                }}\n                style={{ display: 'block' }}\n            />\n\n            {/* SVG for rendering the zoom window */}\n            <svg\n                width={frameWidth * MINIMAP_SCALE_FACTOR}\n                height={frameHeight * MINIMAP_SCALE_FACTOR}\n                style={{ position: 'absolute', top: 0, left: 0 }}\n            >\n                <g transform={`scale(${MINIMAP_SCALE_FACTOR})`}>\n                    <rect\n                        width={frameWidth}\n                        height={frameHeight}\n                        fill=\"#0d0f98\"\n                        fillOpacity={0.2}\n                        stroke=\"#0d0f98\"\n                        strokeWidth={4}\n                        rx={8}\n                        transform={zoom.toStringInvert()}\n                        //drag functionality for window, must invert zoom and take the scale into account\n                        style={{ cursor: zoom.isDragging ? \"grabbing\" : \"grab\", touchAction: \"none\" }}\n                        onMouseDown={zoom.dragStart}\n                        onMouseUp={endPan}\n                        onMouseMove={(event) => {\n                            if (zoom.isDragging) {\n                                accumulate(event.movementX, event.movementY);\n                                scheduleFrame();\n                            }\n                        }}\n                        onMouseLeave={endPan}\n                        onTouchStart={(event) => {\n                            const touch = event.touches[0];\n                            // Seed the previous position so the first move measures a step from\n                            // where the finger landed, not from the origin.\n                            if (touch) lastTouchRef.current = { x: touch.clientX, y: touch.clientY };\n                            zoom.dragStart(event);\n                        }}\n                        onTouchEnd={endPan}\n                        onTouchCancel={endPan}\n                        onTouchMove={(event) => {\n                            // Only a single finger pans; a second one is a pinch, which belongs\n                            // to the plot's own zoom rather than to this window.\n                            if (!zoom.isDragging || event.touches.length !== 1) return;\n                            const touch = event.touches[0];\n                            const last = lastTouchRef.current;\n                            lastTouchRef.current = { x: touch.clientX, y: touch.clientY };\n                            if (!last) return;\n                            accumulate(touch.clientX - last.x, touch.clientY - last.y);\n                            scheduleFrame();\n                        }}\n                    />\n                    {crosshairY !== null && crosshairY >= 0 && crosshairY <= frameHeight && (\n                        <line\n                            x1={0}\n                            x2={frameWidth}\n                            y1={crosshairY}\n                            y2={crosshairY}\n                            stroke={CROSSHAIR_STROKE}\n                            strokeWidth={MINIMAP_CROSSHAIR_STROKE_WIDTH}\n                            strokeDasharray={MINIMAP_CROSSHAIR_DASH}\n                            pointerEvents=\"none\"\n                        />\n                    )}\n                    {crosshairX !== null && crosshairX >= 0 && crosshairX <= frameWidth && (\n                        <line\n                            x1={crosshairX}\n                            x2={crosshairX}\n                            y1={0}\n                            y2={frameHeight}\n                            stroke={CROSSHAIR_STROKE}\n                            strokeWidth={MINIMAP_CROSSHAIR_STROKE_WIDTH}\n                            strokeDasharray={MINIMAP_CROSSHAIR_DASH}\n                            pointerEvents=\"none\"\n                        />\n                    )}\n                </g>\n            </svg>\n        </div>\n    );\n};\n\nexport default MiniMap;"],"names":["MINIMAP_SCALE_FACTOR","MINIMAP_CROSSHAIR_STROKE_WIDTH","CROSSHAIR_STROKE_WIDTH","MINIMAP_CROSSHAIR_DASH","CROSSHAIR_DASH","map","dash","join","MiniMap","miniMap","width","height","pointData","xScale","yScale","zoom","crosshair","crosshairX","x","crosshairY","y","frameWidth","frameHeight","frameRef","useRef","pendingRef","lastTouchRef","flushPan","useStableCallback","pending","current","setTransformMatrix","transformMatrix","translateX","dx","scaleX","translateY","dy","scaleY","accumulate","scheduleFrame","requestAnimationFrame","endPan","cancelAnimationFrame","dragEnd","useEffect","jsxs","position","bottom","right","jsx","canvas","context","getContext","scaleFactor","scaledWidth","scaledHeight","clearRect","fillStyle","fillRect","strokeStyle","lineWidth","strokeRect","forEach","point","transformedX","transformedY","beginPath","arc","Math","PI","color","fill","display","top","left","toStringInvert","cursor","isDragging","touchAction","dragStart","event","movementX","movementY","touch","touches","clientX","clientY","length","last","CROSSHAIR_STROKE"],"mappings":"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"}
+{"version":3,"file":"visualization.es65.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/axis/AxisTop.js"],"sourcesContent":["import cx from 'classnames';\nimport Axis from \"./Axis.js\";\nimport Orientation from \"../constants/orientation.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const topTickLabelProps = {\n  dy: '-0.75em',\n  fill: '#222',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  textAnchor: 'middle'\n};\nexport default function AxisTop(_ref) {\n  let {\n    axisClassName,\n    labelOffset = 8,\n    tickLength = 8,\n    tickLabelProps,\n    ...restProps\n  } = _ref;\n  const tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : {\n    ...topTickLabelProps,\n    ...tickLabelProps\n  };\n  return /*#__PURE__*/_jsx(Axis, {\n    axisClassName: cx('visx-axis-top', axisClassName),\n    labelOffset: labelOffset,\n    orientation: Orientation.top,\n    tickLabelProps: tickLabelPropsFinal,\n    tickLength: tickLength,\n    ...restProps\n  });\n}"],"names":["topTickLabelProps","AxisTop","_ref","axisClassName","labelOffset","tickLength","tickLabelProps","restProps","tickLabelPropsFinal","_jsx","Axis","cx","Orientation"],"mappings":";;;;AAIY,MAACA,IAAoB;AAAA,EAC/B,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AACd;AACe,SAASC,EAAQC,GAAM;AACpC,MAAI;AAAA,IACF,eAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,gBAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML;AACJ,QAAMM,IAAsB,OAAOF,KAAmB,aAAaA,IAAiB;AAAA,IAClF,GAAGN;AAAA,IACH,GAAGM;AAAA,EACP;AACE,SAAoBG,gBAAAA,EAAKC,GAAM;AAAA,IAC7B,eAAeC,EAAG,iBAAiBR,CAAa;AAAA,IAChD,aAAaC;AAAA,IACb,aAAaQ,EAAY;AAAA,IACzB,gBAAgBJ;AAAA,IAChB,YAAYH;AAAA,IACZ,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}