@weng-lab/visualization 2.4.0-beta.1 → 2.4.0-beta.2

package/dist/visualization.es67.js

@@ -1,69 +1,307 @@
-import { jsxs as E, jsx as e, Fragment as D } from "react/jsx-runtime";
-import { c as R } from "react/compiler-runtime";
-import { useEffect as I } from "react";
-import { Stack as L, Tooltip as i, IconButton as a } from "@mui/material";
-import { BackHand as Z, Edit as j, Add as F, Remove as P, SettingsBackupRestore as T, Download as $ } from "@mui/icons-material";
-import { useTheme as K } from "@mui/material/styles";
-const V = (x) => {
-  const t = R(7), {
-    selectable: n,
-    resetable: k,
-    handleSelectionModeChange: l,
-    selectMode: o,
-    zoomIn: w,
-    zoomOut: S,
-    zoomReset: y,
-    highlight: g,
-    downloadButton: z,
-    downloadPlot: C
-  } = x, c = K(), b = g ?? c.palette.primary.main, d = {
-    borderRadius: 0,
-    color: c.palette.text.primary,
-    padding: c.spacing(1)
-  };
-  let s, m;
-  t[0] !== l || t[1] !== o || t[2] !== n ? (s = () => {
-    const r = (v) => {
-      if (v.key === "Shift" && n && o === "select") {
-        l("pan");
-        const u = (B) => {
-          B.key === "Shift" && n && l("select");
-        };
-        return window.addEventListener("keyup", u), () => {
-          window.removeEventListener("keyup", u);
-        };
-      }
+import { jsx as s, jsxs as k, Fragment as Ge } from "react/jsx-runtime";
+import { c as nt } from "react/compiler-runtime";
+import { useRef as He, useState as rt, useEffect as fe } from "react";
+import it from "@mui/material/CircularProgress";
+import { Box as Ke, Stack as st } from "@mui/material";
+import { rescaleX as at, rescaleY as lt, getTicks as Ze, prepareCanvas as ct, partitionPointsByHover as ft, isPointVisible as dt, drawCanvasPoint as ut } from "./visualization.es17.js";
+import ht from "./visualization.es117.js";
+import mt from "./visualization.es118.js";
+import pt from "./visualization.es119.js";
+import vt from "./visualization.es120.js";
+import { useDragSelection as gt } from "./visualization.es121.js";
+import qe from "./visualization.es26.js";
+import xt from "./visualization.es29.js";
+import yt from "./visualization.es28.js";
+import St from "./visualization.es54.js";
+import Mt from "./visualization.es47.js";
+import Je from "./visualization.es25.js";
+import bt from "./visualization.es122.js";
+import kt from "./visualization.es90.js";
+import wt from "./visualization.es65.js";
+const to = (f) => {
+  const e = nt(117), {
+    size: v,
+    margin: r,
+    boundedWidth: o,
+    boundedHeight: i,
+    loading: de,
+    pointData: a,
+    animation: y,
+    animationGroupSize: w,
+    animationBuffer: P,
+    xScale: C,
+    yScale: T,
+    zoom: n,
+    selectMode: d,
+    selectable: Ne,
+    disableZoom: g,
+    groupPointsAnchor: Oe,
+    hoveredPoint: m,
+    handleMouseMove: ue,
+    handleMouseLeave: V,
+    onDisplayedPointsChange: G,
+    onSelectionChange: he,
+    onPointClicked: me,
+    leftAxisLabel: pe,
+    bottomAxisLabel: ve,
+    border: ge,
+    originLine: xe,
+    backgroundGradient: S,
+    crosshair: B,
+    divRef: ye
+  } = f, je = He(null), Se = He(null), [L, Me] = rt(!!y);
+  let H, j;
+  e[0] !== y || e[1] !== P || e[2] !== w || e[3] !== a.length ? (H = () => {
+    if (!y)
+      return;
+    if (a.length > 2500) {
+      Me(!1);
+      return;
+    }
+    const t = (P ?? 0.03) * 1e3, p = 450 + Math.ceil(a.length / (w ?? 1)) * t, c = window.setTimeout(() => Me(!1), p);
+    return () => window.clearTimeout(c);
+  }, j = [y, P, w, a.length], e[0] = y, e[1] = P, e[2] = w, e[3] = a.length, e[4] = H, e[5] = j) : (H = e[4], j = e[5]), fe(H, j);
+  let $;
+  e[6] !== r || e[7] !== he || e[8] !== a || e[9] !== C || e[10] !== T ? ($ = {
+    pointData: a,
+    margin: r,
+    xScale: C,
+    yScale: T,
+    onSelectionChange: he
+  }, e[6] = r, e[7] = he, e[8] = a, e[9] = C, e[10] = T, e[11] = $) : $ = e[11];
+  const {
+    lines: be,
+    isDragging: x,
+    x: D,
+    y: E,
+    dx: W,
+    dy: Y,
+    dragStart: $e,
+    dragMove: Ie,
+    dragEnd: ke,
+    completeSelection: we
+  } = gt($);
+  let I, U;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = () => {
+    const t = je.current, l = Pt, p = Lt, c = Dt;
+    return t && (t.addEventListener("wheel", l, {
+      passive: !1
+    }), t.addEventListener("touchstart", c, {
+      passive: !1
+    }), t.addEventListener("touchmove", p, {
+      passive: !1
+    })), () => {
+      t && (t.removeEventListener("wheel", l), t.removeEventListener("touchstart", c), t.removeEventListener("touchmove", p));
     };
-    return window.addEventListener("keydown", r), () => {
-      window.removeEventListener("keydown", r);
+  }, U = [], e[12] = I, e[13] = U) : (I = e[12], U = e[13]), fe(I, U);
+  let F;
+  e[14] !== C || e[15] !== n.transformMatrix.scaleX || e[16] !== n.transformMatrix.translateX ? (F = at(C, n.transformMatrix.translateX, n.transformMatrix.scaleX), e[14] = C, e[15] = n.transformMatrix.scaleX, e[16] = n.transformMatrix.translateX, e[17] = F) : F = e[17];
+  const u = F;
+  let K;
+  e[18] !== T || e[19] !== n.transformMatrix.scaleY || e[20] !== n.transformMatrix.translateY ? (K = lt(T, n.transformMatrix.translateY, n.transformMatrix.scaleY), e[18] = T, e[19] = n.transformMatrix.scaleY, e[20] = n.transformMatrix.translateY, e[21] = K) : K = e[21];
+  const h = K;
+  let Pe;
+  e: {
+    const t = Oe;
+    if (t && m) {
+      let p;
+      if (e[22] !== t || e[23] !== m || e[24] !== a) {
+        let c;
+        e[26] !== t || e[27] !== m ? (c = (R) => t in R ? R[t] === m[t] : R.metaData && m.metaData ? R.metaData[t] === m.metaData[t] : !1, e[26] = t, e[27] = m, e[28] = c) : c = e[28], p = a.filter(c), e[22] = t, e[23] = m, e[24] = a, e[25] = p;
+      } else
+        p = e[25];
+      Pe = p;
+      break e;
+    }
+    let l;
+    e[29] !== m ? (l = m ? [m] : [], e[29] = m, e[30] = l) : l = e[30], Pe = l;
+  }
+  const Le = Pe;
+  let Z;
+  e[31] !== Le ? (Z = new Set(Le.map(Et)), e[31] = Le, e[32] = Z) : Z = e[32];
+  const De = Z;
+  let q;
+  if (e[33] !== i || e[34] !== o || e[35] !== a || e[36] !== u || e[37] !== h) {
+    let t;
+    e[39] !== i || e[40] !== o || e[41] !== u || e[42] !== h ? (t = (l) => {
+      const p = u(l.x), c = h(l.y);
+      return p >= 0 && p <= o && c >= 0 && c <= i;
+    }, e[39] = i, e[40] = o, e[41] = u, e[42] = h, e[43] = t) : t = e[43], q = a.filter(t), e[33] = i, e[34] = o, e[35] = a, e[36] = u, e[37] = h, e[38] = q;
+  } else
+    q = e[38];
+  const X = q;
+  let J;
+  e[44] !== S || e[45] !== i || e[46] !== o || e[47] !== De || e[48] !== a ? (J = (t, l, p) => {
+    const c = p.getContext("2d");
+    if (!c)
+      return;
+    if (ct(c, o, i), S) {
+      const [M, Ve, le] = S.colorScale ?? ["red", "white", "blue"], b = o, A = i, et = t(0), tt = l(0), ot = Math.max(1e-3, Math.min(0.999, (et * b - tt * A + A * A) / (b * b + A * A))), ce = c.createLinearGradient(0, A, b, 0);
+      ce.addColorStop(0, M), ce.addColorStop(ot, Ve), ce.addColorStop(1, le), c.globalAlpha = S.opacity ?? 1, c.fillStyle = ce, c.fillRect(0, 0, b, A), c.globalAlpha = 1;
+    }
+    const {
+      nonHovered: R,
+      hovered: Qe
+    } = ft(a, De), Fe = (M, Ve) => {
+      const le = t(M.x), b = l(M.y);
+      dt(le, b, o, i) && ut(c, M, le, b, Ve);
     };
-  }, m = [l, o, n], t[0] = l, t[1] = o, t[2] = n, t[3] = s, t[4] = m) : (s = t[3], m = t[4]), I(s, m);
-  const f = (r) => ({
-    ...d,
-    color: o === r ? g || "primary.main" : c.palette.text.primary,
-    backgroundColor: o === r ? `color-mix(in srgb, ${b} 15%, transparent)` : "transparent",
-    "&:hover": {
-      backgroundColor: o === r ? `color-mix(in srgb, ${b} 25%, transparent)` : c.palette.action.hover
+    R.forEach((M) => Fe(M, !1)), Qe.forEach((M) => Fe(M, !0));
+  }, e[44] = S, e[45] = i, e[46] = o, e[47] = De, e[48] = a, e[49] = J) : J = e[49];
+  const N = J;
+  let O, Q;
+  e[50] !== N || e[51] !== L || e[52] !== u || e[53] !== h ? (O = () => {
+    Se.current && !L && N(u, h, Se.current);
+  }, Q = [N, u, h, L], e[50] = N, e[51] = L, e[52] = u, e[53] = h, e[54] = O, e[55] = Q) : (O = e[54], Q = e[55]), fe(O, Q);
+  let ee;
+  e[56] !== m || e[57] !== me ? (ee = () => {
+    m && me?.(m);
+  }, e[56] = m, e[57] = me, e[58] = ee) : ee = e[58];
+  const Ee = ee, Ae = g ? Ne ? x ? "none" : "crosshair" : x ? "none" : "default" : m ? "default" : d === "select" ? x ? "none" : "crosshair" : n.isDragging ? "grabbing" : "grab";
+  let te;
+  e[59] !== we || e[60] !== ke || e[61] !== n ? (te = (t) => {
+    ke(t), we(n);
+  }, e[59] = we, e[60] = ke, e[61] = n, e[62] = te) : te = e[62];
+  const Ce = te, Te = d === "none" ? void 0 : d === "select" ? $e : g ? void 0 : n.dragStart, We = d === "none" ? void 0 : d === "select" ? Ce : g ? void 0 : n.dragEnd, Ye = d === "none" ? void 0 : d === "select" ? x ? Ie : void 0 : g ? void 0 : n.dragMove, Xe = d === "none" ? void 0 : d === "select" ? Ce : g ? void 0 : n.dragEnd, _e = d === "none" ? void 0 : d === "select" ? $e : g ? void 0 : n.dragStart, ze = d === "none" ? void 0 : d === "select" ? Ce : g ? void 0 : n.dragEnd, Re = d === "none" ? void 0 : d === "select" ? x ? Ie : void 0 : g ? void 0 : n.dragMove;
+  let oe;
+  e[63] !== g || e[64] !== n ? (oe = (t) => {
+    if (Me(!1), !g) {
+      const l = wt(t) || {
+        x: 0,
+        y: 0
+      }, p = t.deltaY < 0 ? 1.1 : 0.9;
+      n.scale({
+        scaleX: p,
+        scaleY: p,
+        point: l
+      });
     }
-  }), h = o !== "none" && /* @__PURE__ */ E(L, { direction: "column", alignItems: "flex-start", justifyContent: "center", sx: {
-    background: "rgba(255, 255, 255, 0.6)",
-    backdropFilter: "blur(2px)",
-    WebkitBackdropFilter: "blur(2px)",
-    border: "1px solid rgba(255, 255, 255, 0.3)",
-    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-    overflow: "hidden"
-  }, children: [
-    n && /* @__PURE__ */ e(i, { title: "Drag to pan, or hold Shift and drag", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "pan", onClick: () => l("pan"), sx: f("pan"), children: /* @__PURE__ */ e(Z, { fontSize: "small" }) }) }),
-    n && /* @__PURE__ */ e(i, { title: "Drag to select", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "edit", onClick: () => l("select"), sx: f("select"), children: /* @__PURE__ */ e(j, { fontSize: "small" }) }) }),
-    /* @__PURE__ */ e(i, { title: "Zoom In", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "zoom-in", onClick: w, sx: d, children: /* @__PURE__ */ e(F, { fontSize: "small" }) }) }),
-    /* @__PURE__ */ e(i, { title: "Zoom Out", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "zoom-out", onClick: S, sx: d, children: /* @__PURE__ */ e(P, { fontSize: "small" }) }) }),
-    /* @__PURE__ */ e(i, { title: "Reset Zoom and Pan", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "resetZoom", onClick: y, disabled: !k, sx: d, children: /* @__PURE__ */ e(T, { fontSize: "small" }) }) }),
-    z && /* @__PURE__ */ e(i, { title: "Download Plot as SVG", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "download", onClick: () => C(), sx: d, children: /* @__PURE__ */ e($, { fontSize: "small" }) }) })
-  ] });
-  let p;
-  return t[5] !== h ? (p = /* @__PURE__ */ e(D, { children: h }), t[5] = h, t[6] = p) : p = t[6], p;
+  }, e[63] = g, e[64] = n, e[65] = oe) : oe = e[65];
+  const Be = oe;
+  let ne;
+  e[66] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ne = [], e[66] = ne) : ne = e[66];
+  const Ue = He(ne);
+  let re, ie;
+  e[67] !== X || e[68] !== G ? (re = () => {
+    At(Ue.current, X) && (G?.(X), Ue.current = X);
+  }, ie = [X, G], e[67] = X, e[68] = G, e[69] = re, e[70] = ie) : (re = e[69], ie = e[70]), fe(re, ie);
+  let se;
+  e[71] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (se = {
+    position: "relative"
+  }, e[71] = se) : se = e[71];
+  let _;
+  e[72] !== v ? (_ = {
+    width: v,
+    height: v
+  }, e[72] = v, e[73] = _) : _ = e[73];
+  let z;
+  e[74] !== y || e[75] !== P || e[76] !== w || e[77] !== S || e[78] !== ge || e[79] !== ve || e[80] !== i || e[81] !== o || e[82] !== B || e[83] !== ye || e[84] !== W || e[85] !== Y || e[86] !== V || e[87] !== ue || e[88] !== Ee || e[89] !== x || e[90] !== pe || e[91] !== be || e[92] !== de || e[93] !== r || e[94] !== Te || e[95] !== Xe || e[96] !== Ye || e[97] !== We || e[98] !== ze || e[99] !== Re || e[100] !== _e || e[101] !== Be || e[102] !== xe || e[103] !== a || e[104] !== d || e[105] !== L || e[106] !== v || e[107] !== Ae || e[108] !== D || e[109] !== u || e[110] !== E || e[111] !== h || e[112] !== n ? (z = de ? /* @__PURE__ */ s(Ke, { display: "flex", width: "100%", height: "100%", sx: {
+    justifyContent: "center",
+    alignItems: "center"
+  }, children: /* @__PURE__ */ s(it, {}) }) : /* @__PURE__ */ k("div", { style: {
+    position: "relative"
+  }, ref: ye, children: [
+    /* @__PURE__ */ s("canvas", { ref: Se, width: o * 2, height: i * 2, style: {
+      userSelect: "none",
+      position: "absolute",
+      top: r.top,
+      left: r.left,
+      width: o,
+      height: i,
+      backgroundColor: "transparent"
+    } }),
+    /* @__PURE__ */ k("svg", { width: v, height: v, overflow: "visible", style: {
+      position: "absolute",
+      userSelect: "none"
+    }, onMouseMove: (t) => {
+      x ? V() : ue(t, n);
+    }, onMouseLeave: V, children: [
+      /* @__PURE__ */ k(qe, { top: r.top, left: r.left, children: [
+        L && y && /* @__PURE__ */ s(ht, { pointData: a, animation: y, animationGroupSize: w, animationBuffer: P, xScaleTransformed: u, yScaleTransformed: h, boundedWidth: o, boundedHeight: i }),
+        d === "select" && /* @__PURE__ */ k(Ge, { children: [
+          be.map(Wt),
+          x && /* @__PURE__ */ k("g", { children: [
+            /* @__PURE__ */ s("line", { x1: D - r.left + W - 6, y1: E - r.top + Y, x2: D - r.left + W + 6, y2: E - r.top + Y, stroke: "black", strokeWidth: 1 }),
+            /* @__PURE__ */ s("line", { x1: D - r.left + W, y1: E - r.top + Y - 6, x2: D - r.left + W, y2: E - r.top + Y + 6, stroke: "black", strokeWidth: 1 }),
+            /* @__PURE__ */ s("circle", { cx: D - r.left, cy: E - r.top, r: 4, fill: "transparent", stroke: "black", pointerEvents: "none" })
+          ] })
+        ] }),
+        xe && (() => {
+          const t = u(0), l = h(0);
+          return /* @__PURE__ */ k(Ge, { children: [
+            l >= 0 && l <= i && /* @__PURE__ */ s("line", { x1: 0, x2: o, y1: l, y2: l, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" }),
+            t >= 0 && t <= o && /* @__PURE__ */ s("line", { x1: t, x2: t, y1: 0, y2: i, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" })
+          ] });
+        })(),
+        /* @__PURE__ */ s("rect", { ref: je, fill: "transparent", width: o, height: i, style: {
+          cursor: Ae
+        }, onMouseDown: Te, onMouseUp: We, onMouseMove: Ye, onMouseLeave: Xe, onTouchStart: _e, onTouchEnd: ze, onTouchMove: Re, onWheel: Be, onClick: Ee }),
+        B && !x && /* @__PURE__ */ s(vt, { position: {
+          x: u(B.x),
+          y: h(B.y)
+        }, boundedWidth: o, boundedHeight: i })
+      ] }),
+      /* @__PURE__ */ k(qe, { top: r.top, left: r.left, children: [
+        /* @__PURE__ */ s(xt, { scale: h, tickLabelProps: Yt, tickValues: Ze(h, 5) }),
+        /* @__PURE__ */ s(yt, { top: i, scale: u, tickLabelProps: Xt, tickValues: Ze(u, 5) }),
+        ge && /* @__PURE__ */ k(Ge, { children: [
+          /* @__PURE__ */ s(St, { top: 0, scale: u, tickValues: [] }),
+          /* @__PURE__ */ s(Mt, { scale: h, tickValues: [], left: o })
+        ] }),
+        /* @__PURE__ */ s(Je, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: 15, y: i / 2, x: 0, dx: -50, children: pe }),
+        /* @__PURE__ */ s(Je, { textAnchor: "middle", verticalAnchor: "start", fontSize: 15, y: i, x: o / 2, dy: 50, children: ve })
+      ] }),
+      /* @__PURE__ */ s(mt, { pointData: a, xScaleTransformed: u, yScaleTransformed: h, boundedWidth: o, boundedHeight: i, margin: r }),
+      S?.legend && /* @__PURE__ */ s(pt, { backgroundGradient: S, boundedHeight: i, barLeft: r.left + o + 25, marginTop: r.top })
+    ] })
+  ] }), e[74] = y, e[75] = P, e[76] = w, e[77] = S, e[78] = ge, e[79] = ve, e[80] = i, e[81] = o, e[82] = B, e[83] = ye, e[84] = W, e[85] = Y, e[86] = V, e[87] = ue, e[88] = Ee, e[89] = x, e[90] = pe, e[91] = be, e[92] = de, e[93] = r, e[94] = Te, e[95] = Xe, e[96] = Ye, e[97] = We, e[98] = ze, e[99] = Re, e[100] = _e, e[101] = Be, e[102] = xe, e[103] = a, e[104] = d, e[105] = L, e[106] = v, e[107] = Ae, e[108] = D, e[109] = u, e[110] = E, e[111] = h, e[112] = n, e[113] = z) : z = e[113];
+  let ae;
+  return e[114] !== _ || e[115] !== z ? (ae = /* @__PURE__ */ s(st, { justifyContent: "center", alignItems: "center", direction: "row", sx: se, children: /* @__PURE__ */ s(Ke, { sx: _, children: z }) }), e[114] = _, e[115] = z, e[116] = ae) : ae = e[116], ae;
 };
+function Pt(f) {
+  f.preventDefault();
+}
+function Lt(f) {
+  f.preventDefault();
+}
+function Dt(f) {
+  f.preventDefault();
+}
+function Et(f) {
+  return `${f.x},${f.y}`;
+}
+function At(f, e) {
+  return f.length !== e.length ? !0 : !f.every((v, r) => {
+    const o = e[r];
+    return v.x === o.x && v.y === o.y && v.r === o.r && v.shape === o.shape && v.color === o.color && v.opacity === o.opacity;
+  });
+}
+function Ct(f) {
+  return f.x;
+}
+function Tt(f) {
+  return f.y;
+}
+function Wt(f, e) {
+  return /* @__PURE__ */ s(bt, { fill: "transparent", stroke: "black", strokeWidth: 3, data: f, curve: kt, x: Ct, y: Tt }, `line-${e}`);
+}
+function Yt() {
+  return {
+    fill: "#1c1917",
+    fontSize: 10,
+    textAnchor: "end",
+    verticalAnchor: "middle",
+    x: -10
+  };
+}
+function Xt() {
+  return {
+    fill: "#1c1917",
+    fontSize: 11,
+    textAnchor: "middle"
+  };
+}
 export {
-  V as default
+  to as default
 };
 //# sourceMappingURL=visualization.es67.js.map

package/dist/visualization.es67.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es67.js","sources":["../src/components/ScatterPlot/controls.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { ControlButtonsProps } from \"./types\";\nimport { IconButton, Stack, Tooltip } from \"@mui/material\";\nimport { Add, Remove, BackHand, Edit, SettingsBackupRestore, Download } from \"@mui/icons-material\"\nimport { useTheme } from \"@mui/material/styles\";\n\nconst ControlButtons = ({\n    selectable,\n    resetable,\n    handleSelectionModeChange,\n    selectMode,\n    zoomIn,\n    zoomOut,\n    zoomReset,\n    highlight,\n    downloadButton,\n    downloadPlot\n}: ControlButtonsProps) => {\n    const theme = useTheme();\n    const color = highlight ?? theme.palette.primary.main;\n    const tooltipPlacement = \"right\";\n    \n    const buttonSx = {\n        borderRadius: 0,\n        color: theme.palette.text.primary,\n        padding: theme.spacing(1),\n    };\n\n    useEffect(() => {\n        // Function to handle key press\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Shift' && selectable && selectMode === \"select\") {\n                handleSelectionModeChange('pan'); // Switch to pan mode when Shift is pressed\n\n                // Function to handle key release\n                const handleKeyUp = (e: KeyboardEvent) => {\n                    if (e.key === 'Shift' && selectable) {\n                        handleSelectionModeChange('select'); // Switch back to select mode when Shift is released\n                    }\n                };\n\n                window.addEventListener('keyup', handleKeyUp);\n                return () => {\n                    window.removeEventListener('keyup', handleKeyUp);\n                };\n            }\n        };\n\n        // Add event listeners for key press and release\n        window.addEventListener('keydown', handleKeyDown);\n\n        // Clean up event listeners on unmount\n        return () => {\n            window.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [handleSelectionModeChange, selectMode, selectable]);\n\n    const getToggleButtonSx = (mode: \"pan\" | \"select\") => ({\n        ...buttonSx,\n        color: selectMode === mode ? highlight || \"primary.main\" : theme.palette.text.primary,\n        backgroundColor: selectMode === mode\n            ? `color-mix(in srgb, ${color} 15%, transparent)`\n            : \"transparent\",\n        '&:hover': {\n            backgroundColor: selectMode === mode\n                ? `color-mix(in srgb, ${color} 25%, transparent)`\n                : theme.palette.action.hover,\n        },\n    });\n\n    return (\n        <>\n            {selectMode !== \"none\" && (\n                <Stack\n                    direction=\"column\"\n                    alignItems=\"flex-start\"\n                    justifyContent={\"center\"}\n                    sx={{\n                        background: \"rgba(255, 255, 255, 0.6)\",\n                        backdropFilter: \"blur(2px)\",\n                        WebkitBackdropFilter: \"blur(2px)\",\n                        border: \"1px solid rgba(255, 255, 255, 0.3)\",\n                        boxShadow: \"0 2px 8px rgba(0, 0, 0, 0.1)\",\n                        overflow: \"hidden\",\n                    }}\n                >\n                    {\n                        selectable && (\n                            <Tooltip title=\"Drag to pan, or hold Shift and drag\" placement={tooltipPlacement}>\n                                <IconButton\n                                    aria-label=\"pan\"\n                                    onClick={() => handleSelectionModeChange('pan')}\n                                    sx={getToggleButtonSx(\"pan\")}\n                                >\n                                    <BackHand fontSize=\"small\" />\n                                </IconButton>\n                            </Tooltip>\n                        )\n                    }\n                    {\n                        selectable && (\n                            <Tooltip title=\"Drag to select\" placement={tooltipPlacement}>\n                                <IconButton\n                                    aria-label=\"edit\"\n                                    onClick={() => handleSelectionModeChange('select')}\n                                    sx={getToggleButtonSx(\"select\")}\n                                >\n                                    <Edit fontSize=\"small\" />\n                                </IconButton>\n                            </Tooltip>\n                        )\n                    }\n                    <Tooltip title=\"Zoom In\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"zoom-in\" onClick={zoomIn} sx={buttonSx}>\n                            <Add fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    <Tooltip title=\"Zoom Out\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"zoom-out\" onClick={zoomOut} sx={buttonSx}>\n                            <Remove fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    <Tooltip title=\"Reset Zoom and Pan\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"resetZoom\" onClick={zoomReset} disabled={!resetable} sx={buttonSx}>\n                            <SettingsBackupRestore fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    {downloadButton && (\n                        <Tooltip title=\"Download Plot as SVG\" placement={tooltipPlacement}>\n                            <IconButton aria-label=\"download\" onClick={() => downloadPlot()} sx={buttonSx}>\n                                <Download fontSize=\"small\" />\n                            </IconButton>\n                        </Tooltip>\n                    )}\n                </Stack>\n            )}\n        </>\n\n    );\n}\n\nexport default ControlButtons;\n"],"names":["ControlButtons","t0","$","_c","selectable","resetable","handleSelectionModeChange","selectMode","zoomIn","zoomOut","zoomReset","highlight","downloadButton","downloadPlot","theme","useTheme","color","palette","primary","main","buttonSx","borderRadius","text","padding","spacing","t1","t2","handleKeyDown","e","key","handleKeyUp","e_0","window","addEventListener","removeEventListener","useEffect","getToggleButtonSx","mode","backgroundColor","action","hover","t3","jsxs","Stack","background","backdropFilter","WebkitBackdropFilter","border","boxShadow","overflow","jsx","Tooltip","tooltipPlacement","IconButton","BackHand","Edit","Add","Remove","SettingsBackupRestore","Download","t4"],"mappings":"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"}
+{"version":3,"file":"visualization.es67.js","sources":["../src/components/ScatterPlot/ScatterPlotViewport.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport { Box, Stack } from \"@mui/material\";\nimport { Group } from \"@visx/group\";\nimport { AxisBottom, AxisLeft, AxisRight, AxisTop } from \"@visx/axis\";\nimport { LinePath } from \"@visx/shape\";\nimport { Text } from \"@visx/text\";\nimport { curveBasis } from \"@visx/curve\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { BackgroundGradient, ChartProps, CrosshairPosition, Point, SelectionMode, ZoomType } from \"./types\";\nimport { drawCanvasPoint, getTicks, isPointVisible, partitionPointsByHover, prepareCanvas, rescaleX, rescaleY } from \"./helpers\";\nimport 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    size: 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    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\nconst ScatterPlotViewport = <T extends object>({\n    size,\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    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\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    const groupedPoints: Point<T>[] = useMemo(() => {\n        const anchor = groupPointsAnchor;\n        if (anchor && hoveredPoint) {\n            return pointData.filter((point) => {\n                if (anchor in point) {\n                    return point[anchor as keyof Point<T>] === hoveredPoint[anchor as keyof Point<T>];\n                }\n                if (point.metaData && hoveredPoint.metaData) {\n                    return point.metaData[anchor as keyof T] === hoveredPoint.metaData[anchor as keyof T];\n                }\n                return false;\n            });\n        }\n        return hoveredPoint ? [hoveredPoint] : [];\n    }, [hoveredPoint, groupPointsAnchor, pointData]);\n\n    const hoveredPointKeys = useMemo(\n        () => new Set(groupedPoints.map((point) => `${point.x},${point.y}`)),\n        [groupedPoints]\n    );\n\n    const currentDisplayedPoints = useMemo(\n        () => pointData.filter((point) => {\n            const tx = xScaleTransformed(point.x);\n            const ty = yScaleTransformed(point.y);\n            return tx >= 0 && tx <= boundedWidth && ty >= 0 && ty <= boundedHeight;\n        }),\n        [pointData, xScaleTransformed, yScaleTransformed, boundedWidth, boundedHeight]\n    );\n\n    const drawPoints = useCallback((\n        xST: ScaleLinear<number, number, never>,\n        yST: ScaleLinear<number, number, never>,\n        canvas: HTMLCanvasElement\n    ) => {\n        const context = canvas.getContext('2d');\n        if (!context) return;\n\n        prepareCanvas(context, boundedWidth, boundedHeight);\n\n        if (backgroundGradient) {\n            const [colorLow, colorMid, colorHigh] = backgroundGradient.colorScale ?? [\"red\", \"white\", \"blue\"];\n            const W = boundedWidth;\n            const H = boundedHeight;\n            const x0 = xST(0);\n            const y0 = yST(0);\n            const fraction = Math.max(0.001, Math.min(0.999, (x0 * W - y0 * H + H * H) / (W * W + H * H)));\n            const gradient = context.createLinearGradient(0, H, W, 0);\n            gradient.addColorStop(0, colorLow);\n            gradient.addColorStop(fraction, colorMid);\n            gradient.addColorStop(1, colorHigh);\n            context.globalAlpha = backgroundGradient.opacity ?? 1;\n            context.fillStyle = gradient;\n            context.fillRect(0, 0, W, H);\n            context.globalAlpha = 1;\n        }\n\n        const { nonHovered, hovered } = partitionPointsByHover(pointData, hoveredPointKeys);\n\n        const drawRenderedPoint = (point: Point<T>, isHovered: boolean) => {\n            const transformedX = xST(point.x);\n            const transformedY = yST(point.y);\n            if (!isPointVisible(transformedX, transformedY, boundedWidth, boundedHeight)) return;\n            drawCanvasPoint(context, point, transformedX, transformedY, isHovered);\n        };\n\n        nonHovered.forEach((point) => drawRenderedPoint(point, false));\n        hovered.forEach((point) => drawRenderedPoint(point, true));\n    }, [boundedHeight, boundedWidth, hoveredPointKeys, pointData, backgroundGradient]);\n\n    useEffect(() => {\n        if (canvasRef.current && !showPointAnimation) {\n            drawPoints(xScaleTransformed, yScaleTransformed, canvasRef.current);\n        }\n    }, [drawPoints, xScaleTransformed, yScaleTransformed, showPointAnimation]);\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    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 : zoom.dragEnd;\n    const onSurfaceMouseMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : zoom.dragMove;\n    const onSurfaceMouseLeave = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : zoom.dragEnd;\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 : zoom.dragEnd;\n    const onSurfaceTouchMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : zoom.dragMove;\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: size, height: size }}>\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={size}\n                            height={size}\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":["ScatterPlotViewport","t0","$","_c","size","margin","boundedWidth","boundedHeight","loading","pointData","animation","animationGroupSize","animationBuffer","xScale","yScale","zoom","selectMode","selectable","disableZoom","groupPointsAnchor","hoveredPoint","handleMouseMove","handleMouseLeave","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","crosshair","divRef","graphRef","useRef","canvasRef","showPointAnimation","setShowPointAnimation","useState","Boolean","t1","t2","length","buffer","total","Math","ceil","t","window","setTimeout","clearTimeout","useEffect","t3","lines","isDragging","x","y","dx","dy","dragStart","dragMove","dragEnd","completeSelection","useDragSelection","t4","t5","Symbol","for","graphElement","current","handleWheel","_temp","handleTouchMove","_temp2","handleTouchStart","_temp3","addEventListener","passive","removeEventListener","t6","transformMatrix","scaleX","translateX","rescaleX","xScaleTransformed","t7","scaleY","translateY","rescaleY","yScaleTransformed","t8","bb0","anchor","t9","t10","point","metaData","filter","groupedPoints","Set","map","_temp4","hoveredPointKeys","t11","point_1","tx","ty","currentDisplayedPoints","xST","yST","canvas","context","getContext","prepareCanvas","colorLow","colorMid","colorHigh","colorScale","W","H","x0","y0","fraction","max","min","gradient","createLinearGradient","addColorStop","globalAlpha","opacity","fillStyle","fillRect","nonHovered","hovered","partitionPointsByHover","drawRenderedPoint","point_2","isHovered","transformedX","transformedY","isPointVisible","drawCanvasPoint","forEach","point_3","point_4","drawPoints","t12","t13","t14","handlePointClick","surfaceCursor","t15","event_2","event","handleSelectionEnd","onSurfaceMouseDown","undefined","onSurfaceMouseUp","onSurfaceMouseMove","onSurfaceMouseLeave","onSurfaceTouchStart","onSurfaceTouchEnd","onSurfaceTouchMove","t16","event_3","point_5","localPoint","zoomDirection","deltaY","scale","onSurfaceWheel","t17","previousDisplayedPoints","t18","t19","_temp5","t20","position","t21","width","height","t22","Box","justifyContent","alignItems","jsx","CircularProgress","jsxs","userSelect","top","left","backgroundColor","event_4","Group","AnimatedPoints","Fragment","_temp8","x0_0","y0_0","cursor","Crosshair","AxisLeft","_temp9","getTicks","AxisBottom","_temp0","AxisTop","AxisRight","Text","PointLabels","legend","GradientLegend","t23","Stack","preventDefault","event_0","event_1","point_0","prevPoints","nextPoints","every","point_6","index","nextPoint","r","shape","color","_temp6","datum","_temp7","datum_0","line","index_0","LinePath","curveBasis","fill","fontSize","textAnchor","verticalAnchor"],"mappings":"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"}