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

package/dist/src/components/Heatmap/scrollable/HeatmapScrollableGrid.d.ts

@@ -1,29 +0,0 @@
-import { ReactElement, ReactNode, RefObject } from 'react';
-import { ColumnDatum, HeatmapCellId, HeatmapLegendFrame } from '../types';
-import { AnyBin } from '../HeatmapCells';
-import { getXAxisTickLabelProps } from '../heatmapAxisProps';
-import { HeatmapLayout } from '../heatmapLayout';
-export interface HeatmapScrollableGridProps {
-    legendSvgRef: RefObject<SVGSVGElement | null>;
-    layout: HeatmapLayout;
-    data: ColumnDatum[];
-    showMiniMap: boolean;
-    showLegend: boolean;
-    renderLegend?: (frame: HeatmapLegendFrame) => ReactNode;
-    xLabel?: string;
-    yLabel?: string;
-    tooltipBody?: (bin: AnyBin) => ReactElement;
-    onClick?: (bin: AnyBin) => void;
-    selectedCells?: HeatmapCellId[];
-    scrollToSelection?: boolean;
-    xAxisTickFormat: (d: number | {
-        valueOf(): number;
-    }) => string;
-    yAxisTickFormat: (d: number | {
-        valueOf(): number;
-    }) => string;
-    xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;
-}
-declare const HeatmapScrollableGrid: ({ legendSvgRef, layout, data, showMiniMap, showLegend, renderLegend, xLabel, yLabel, tooltipBody, onClick, selectedCells, scrollToSelection, xAxisTickFormat, yAxisTickFormat, xAxisTickLabelProps, }: HeatmapScrollableGridProps) => import("react/jsx-runtime").JSX.Element;
-export default HeatmapScrollableGrid;
-//# sourceMappingURL=HeatmapScrollableGrid.d.ts.map

package/dist/src/components/Heatmap/scrollable/HeatmapScrollableGrid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeatmapScrollableGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heatmap/scrollable/HeatmapScrollableGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiD,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC/E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAM9C,OAAO,EAA+E,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC/I,OAAO,EAA+B,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMnF,MAAM,WAAW,0BAA0B;IACzC,YAAY,EAAE,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAC;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,YAAY,CAAC;IAC5C,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,IAAI,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IAC/D,eAAe,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,IAAI,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IAC/D,mBAAmB,EAAE,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;CAChE;AAED,QAAA,MAAM,qBAAqB,GAAI,uMAG5B,0BAA0B,4CA2M5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/src/components/Heatmap/scrollable/heatmapExport.d.ts

@@ -1,25 +0,0 @@
-import { ColumnDatum } from '../types';
-import { HeatmapLayout } from '../heatmapLayout';
-import { getXAxisTickLabelProps } from '../heatmapAxisProps';
-interface ScrollableExportOptions {
-    layout: HeatmapLayout;
-    data: ColumnDatum[];
-    xLabel?: string;
-    yLabel?: string;
-    showLegend: boolean;
-    legendSvg: SVGSVGElement | null;
-    xAxisTickFormat: (d: number | {
-        valueOf(): number;
-    }) => string;
-    yAxisTickFormat: (d: number | {
-        valueOf(): number;
-    }) => string;
-    xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;
-}
-export declare function buildScrollableExportSVG(o: ScrollableExportOptions, { includeCells }?: {
-    includeCells?: boolean;
-}): SVGSVGElement | null;
-export declare function downloadScrollableHeatmapPNG(o: ScrollableExportOptions, fileName: string): void;
-export declare function withOffscreenExportSVG(o: ScrollableExportOptions, run: (svg: SVGSVGElement, onDone: () => void) => void): void;
-export {};
-//# sourceMappingURL=heatmapExport.d.ts.map

package/dist/src/components/Heatmap/scrollable/heatmapExport.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"heatmapExport.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heatmap/scrollable/heatmapExport.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAA0C,sBAAsB,EAAuC,MAAM,qBAAqB,CAAC;AAO1I,UAAU,uBAAuB;IAC/B,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,aAAa,GAAG,IAAI,CAAC;IAChC,eAAe,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,IAAI,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IAC/D,eAAe,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,IAAI,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IAC/D,mBAAmB,EAAE,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;CAChE;AA2ED,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,uBAAuB,EAAE,EAAE,YAAmB,EAAE,GAAE;IAAE,YAAY,CAAC,EAAE,OAAO,CAAA;CAAO,GAAG,aAAa,GAAG,IAAI,CAiEnJ;AAKD,wBAAgB,4BAA4B,CAAC,CAAC,EAAE,uBAAuB,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAsC/F;AAID,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,uBAAuB,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,IAAI,GAAG,IAAI,CAY9H"}

package/dist/visualization.es33.js

@@ -1,271 +0,0 @@
-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.es99.js";
-import ie from "./visualization.es100.js";
-import fe from "./visualization.es101.js";
-import ue from "./visualization.es102.js";
-import { useDragSelection as pe } from "./visualization.es103.js";
-import { useStableCallback as ve } from "./visualization.es20.js";
-import Lt from "./visualization.es28.js";
-import he from "./visualization.es104.js";
-import me from "./visualization.es86.js";
-import xe from "./visualization.es31.js";
-import ye from "./visualization.es30.js";
-import Se from "./visualization.es65.js";
-import we from "./visualization.es49.js";
-import Ct from "./visualization.es27.js";
-import ke from "./visualization.es78.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 })
-    ] })
-  ] }) }) });
-};
-export {
-  Ue as default
-};
-//# sourceMappingURL=visualization.es33.js.map

package/dist/visualization.es33.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"visualization.es33.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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"}