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

package/dist/visualization.es64.js

@@ -1,271 +1,71 @@
-import { jsx as s, jsxs as A, Fragment as tt } from "react/jsx-runtime";
-import { useRef as L, useState as te, useEffect as F, useMemo as C, useCallback as et } from "react";
-import ee from "@mui/material/CircularProgress";
-import { Stack as re, Box as kt } from "@mui/material";
-import { rescaleX as ne, rescaleY as oe, pointKey as At, isPointVisible as Et, DEFAULT_HOVER_STYLE as gt, prepareCanvas as se, partitionPointsByHover as ce, getTicks as Mt, drawCanvasPoint as le } from "./visualization.es18.js";
-import ae from "./visualization.es119.js";
-import ie from "./visualization.es120.js";
-import fe from "./visualization.es121.js";
-import ue from "./visualization.es122.js";
-import { useDragSelection as pe } from "./visualization.es123.js";
-import { useStableCallback as ve } from "./visualization.es20.js";
-import Lt from "./visualization.es36.js";
-import he from "./visualization.es124.js";
-import me from "./visualization.es38.js";
-import xe from "./visualization.es35.js";
-import ye from "./visualization.es34.js";
-import Se from "./visualization.es43.js";
-import we from "./visualization.es90.js";
-import Ct from "./visualization.es33.js";
-import ke from "./visualization.es52.js";
-const Tt = 120, Ae = (E) => 1 - Math.pow(1 - E, 3), Ee = (E, Y) => E === void 0 ? 0 : Ae(Math.min(1, Math.max(0, (Y - E) / Tt))), Ue = ({
-  width: E,
-  height: Y,
-  margin: c,
-  boundedWidth: a,
-  boundedHeight: l,
-  loading: Rt,
-  pointData: u,
-  animation: R,
-  animationGroupSize: I,
-  animationBuffer: K,
-  xScale: U,
-  yScale: $,
-  zoom: f,
-  selectMode: i,
-  selectable: Pt,
-  disableZoom: y,
-  groupPointsAnchor: rt,
-  hoveredPoint: g,
-  hoveredPoints: nt,
-  hoverGrowth: ot,
-  hoverStroke: st,
-  handleMouseMove: Vt,
-  handleMouseLeave: ct,
-  onDisplayedPointsChange: lt,
-  onSelectionChange: dt,
-  onPointClicked: at,
-  leftAxisLabel: Dt,
-  bottomAxisLabel: Ft,
-  border: Yt,
-  originLine: Xt,
-  backgroundGradient: T,
-  crosshair: J,
-  divRef: jt
-}) => {
-  const it = L(null), ft = L(null), ut = L(/* @__PURE__ */ new Map()), [N, Q] = te(!!R);
-  F(() => {
-    if (!R) return;
-    if (u.length > 2500) {
-      Q(!1);
-      return;
-    }
-    const t = 450, e = (K ?? 0.03) * 1e3, r = Math.ceil(u.length / (I ?? 1)), n = t + r * e, o = window.setTimeout(() => Q(!1), n);
-    return () => window.clearTimeout(o);
-  }, [R, K, I, u.length]);
-  const {
-    lines: Ot,
-    isDragging: S,
-    x: P,
-    y: V,
-    dx: X,
-    dy: j,
-    dragStart: pt,
-    dragMove: vt,
-    dragEnd: _t,
-    completeSelection: qt
-  } = pe({
-    pointData: u,
-    margin: c,
-    xScale: U,
-    yScale: $,
-    onSelectionChange: dt
-  });
-  F(() => {
-    const t = it.current, e = (o) => {
-      o.preventDefault();
-    }, r = (o) => {
-      o.preventDefault();
-    }, n = (o) => {
-      o.preventDefault();
-    };
-    return t && (t.addEventListener("wheel", e, {
-      passive: !1
-    }), t.addEventListener("touchstart", n, {
-      passive: !1
-    }), t.addEventListener("touchmove", r, {
-      passive: !1
-    })), () => {
-      t && (t.removeEventListener("wheel", e), t.removeEventListener("touchstart", n), t.removeEventListener("touchmove", r));
+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(), f = g ?? c.palette.primary.main, s = {
+    borderRadius: 0,
+    color: c.palette.text.primary,
+    padding: c.spacing(1)
+  };
+  let d, m;
+  t[0] !== l || t[1] !== o || t[2] !== n ? (d = () => {
+    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);
+        };
+      }
     };
-  }, []);
-  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);
+    return window.addEventListener("keydown", r), () => {
+      window.removeEventListener("keydown", r);
     };
-    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
-      });
+  }, m = [l, o, n], t[0] = l, t[1] = o, t[2] = n, t[3] = d, t[4] = m) : (d = t[3], m = t[4]), I(d, m);
+  const b = (r) => ({
+    ...s,
+    color: o === r ? g || "primary.main" : c.palette.text.primary,
+    backgroundColor: o === r ? `color-mix(in srgb, ${f} 15%, transparent)` : "transparent",
+    "&:hover": {
+      backgroundColor: o === r ? `color-mix(in srgb, ${f} 25%, transparent)` : c.palette.action.hover
     }
-  }, 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 })
-    ] })
-  ] }) }) });
+  }), 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: b("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: b("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: s, 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: s, children: /* @__PURE__ */ e(P, { fontSize: "small" }) }) }),
+    /* @__PURE__ */ e(i, { title: "Reset Zoom and Pan", placement: "right", children: /* @__PURE__ */ e("span", { style: {
+      display: "flex"
+    }, children: /* @__PURE__ */ e(a, { "aria-label": "resetZoom", onClick: y, disabled: !k, sx: s, 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: s, 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;
 };
 export {
-  Ue as default
+  V as default
 };
 //# sourceMappingURL=visualization.es64.js.map

package/dist/visualization.es64.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es64.js","sources":["../src/components/ScatterPlot/ScatterPlotViewport.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport { Box, Stack } from \"@mui/material\";\nimport { Group } from \"@visx/group\";\nimport { AxisBottom, AxisLeft, AxisRight, AxisTop } from \"@visx/axis\";\nimport { LinePath } from \"@visx/shape\";\nimport { Text } from \"@visx/text\";\nimport { curveBasis } from \"@visx/curve\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { BackgroundGradient, ChartProps, CrosshairPosition, Point, SelectionMode, ZoomType } from \"./types\";\nimport { DEFAULT_HOVER_STYLE, drawCanvasPoint, getTicks, isPointVisible, partitionPointsByHover, pointKey, prepareCanvas, rescaleX, rescaleY } from \"./helpers\";\nimport { useStableCallback } from \"../../hooks\";\nimport AnimatedPoints from \"./AnimatedPoints\";\nimport PointLabels from \"./PointLabels\";\nimport GradientLegend from \"./GradientLegend\";\nimport Crosshair from \"./Crosshair\";\nimport { useDragSelection } from \"./hooks/useDragSelection\";\n\ntype ScatterPlotViewportProps<T extends object> = {\n    width: number;\n    height: number;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    loading: boolean;\n    pointData: Point<T>[];\n    animation?: ChartProps<T, boolean | undefined, boolean | undefined>[\"animation\"];\n    animationGroupSize?: number;\n    animationBuffer?: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    zoom: ZoomType;\n    selectMode: SelectionMode;\n    selectable: boolean;\n    disableZoom?: boolean;\n    groupPointsAnchor?: keyof Point<T> | keyof T;\n    hoveredPoint: Point<T> | null;\n    hoveredPoints?: Point<T>[];\n    hoverGrowth?: number;\n    hoverStroke?: string;\n    handleMouseMove: (event: React.MouseEvent<SVGElement>, zoom: ZoomType) => void;\n    handleMouseLeave: () => void;\n    onDisplayedPointsChange?: (points: Point<T>[]) => void;\n    onSelectionChange?: (selectedPoints: Point<T>[]) => void;\n    onPointClicked?: (point: Point<T>) => void;\n    leftAxisLabel?: string;\n    bottomAxisLabel?: string;\n    border: boolean;\n    originLine?: boolean;\n    backgroundGradient?: BackgroundGradient;\n    /** Crosshair position in data coordinates, or null for no crosshair. */\n    crosshair?: CrosshairPosition | null;\n    divRef: React.RefObject<HTMLDivElement | null>;\n};\n\n/**\n * Hover growth eases in over this long, and is dropped instantly on the way out.\n * Easing the exit too would drag a tail of still-shrinking points behind the cursor\n * whenever it sweeps across a dense plot.\n */\nconst HOVER_GROW_MS = 120;\n\nconst easeOutCubic = (t: number) => 1 - Math.pow(1 - t, 3);\n\n/** How far into its growth a point is at `now`, having started at `start`: 0 at rest, 1 fully grown. */\nconst hoverAmountAt = (start: number | undefined, now: number) =>\n    start === undefined ? 0 : easeOutCubic(Math.min(1, Math.max(0, (now - start) / HOVER_GROW_MS)));\n\nconst ScatterPlotViewport = <T extends object>({\n    width,\n    height,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    loading,\n    pointData,\n    animation,\n    animationGroupSize,\n    animationBuffer,\n    xScale,\n    yScale,\n    zoom,\n    selectMode,\n    selectable,\n    disableZoom,\n    groupPointsAnchor,\n    hoveredPoint,\n    hoveredPoints,\n    hoverGrowth,\n    hoverStroke,\n    handleMouseMove,\n    handleMouseLeave,\n    onDisplayedPointsChange,\n    onSelectionChange,\n    onPointClicked,\n    leftAxisLabel,\n    bottomAxisLabel,\n    border,\n    originLine,\n    backgroundGradient,\n    crosshair,\n    divRef,\n}: ScatterPlotViewportProps<T>) => {\n    const graphRef = useRef<SVGRectElement | null>(null);\n    const canvasRef = useRef<HTMLCanvasElement | null>(null);\n    // When each hovered point began to grow, by pointKey. Timed per point so that when the hovered\n    // set shifts - a window swept along a colorbar - points still in it keep their growth and only\n    // new ones start from nothing. Painted straight onto the canvas rather than through state: a\n    // redraw is ~0.3ms, a re-render per frame is not.\n    const hoverStartsRef = useRef<Map<string, number>>(new Map());\n\n    // Animation state — viewport owns what it renders\n    const [showPointAnimation, setShowPointAnimation] = useState(Boolean(animation));\n\n    useEffect(() => {\n        if (!animation) return;\n        if (pointData.length > 2500) {\n            setShowPointAnimation(false);\n            return;\n        }\n        const duration = 450;\n        const buffer = (animationBuffer ?? 0.03) * 1000;\n        const groups = Math.ceil(pointData.length / (animationGroupSize ?? 1));\n        const total = duration + groups * buffer;\n\n        const t = window.setTimeout(() => setShowPointAnimation(false), total);\n        return () => window.clearTimeout(t);\n    }, [animation, animationBuffer, animationGroupSize, pointData.length]);\n\n    const { lines, isDragging, x, y, dx, dy, dragStart, dragMove, dragEnd, completeSelection } =\n        useDragSelection({ pointData, margin, xScale, yScale, onSelectionChange });\n\n    // Passive event listeners to prevent default scroll/touch behavior on the chart surface\n    useEffect(() => {\n        const graphElement = graphRef.current;\n\n        const handleWheel = (event: WheelEvent) => { event.preventDefault(); };\n        const handleTouchMove = (event: TouchEvent) => { event.preventDefault(); };\n        const handleTouchStart = (event: TouchEvent) => { event.preventDefault(); };\n\n        if (graphElement) {\n            graphElement.addEventListener('wheel', handleWheel, { passive: false });\n            graphElement.addEventListener('touchstart', handleTouchStart, { passive: false });\n            graphElement.addEventListener('touchmove', handleTouchMove, { passive: false });\n        }\n\n        return () => {\n            if (graphElement) {\n                graphElement.removeEventListener('wheel', handleWheel);\n                graphElement.removeEventListener('touchstart', handleTouchStart);\n                graphElement.removeEventListener('touchmove', handleTouchMove);\n            }\n        };\n    }, []);\n\n    const xScaleTransformed = useMemo(\n        () => rescaleX(xScale, zoom.transformMatrix.translateX, zoom.transformMatrix.scaleX),\n        [xScale, zoom.transformMatrix]\n    );\n    const yScaleTransformed = useMemo(\n        () => rescaleY(yScale, zoom.transformMatrix.translateY, zoom.transformMatrix.scaleY),\n        [yScale, zoom.transformMatrix]\n    );\n\n    // What is hovered: the point under the cursor if there is one, otherwise whatever the\n    // consumer has asked to highlight. The cursor takes precedence so the plot's own hover is\n    // never overridden mid-gesture.\n    const highlightSeeds: Point<T>[] = useMemo(\n        () => (hoveredPoint ? [hoveredPoint] : hoveredPoints ?? []),\n        [hoveredPoint, hoveredPoints]\n    );\n\n    const groupedPoints: Point<T>[] = useMemo(() => {\n        const anchor = groupPointsAnchor;\n        if (!anchor) return highlightSeeds;\n\n        const anchorValue = (point: Point<T>): unknown =>\n            anchor in point\n                ? point[anchor as keyof Point<T>]\n                : point.metaData?.[anchor as keyof T];\n\n        // Collect the seeds' anchor values first, so this stays O(points + seeds). Matching each\n        // point against each seed would be 2.5m comparisons when a whole 750-point group is\n        // handed in against 3.4k points.\n        const seedValues = new Set(\n            highlightSeeds.map(anchorValue).filter((value) => value !== undefined)\n        );\n        if (seedValues.size === 0) return [];\n\n        return pointData.filter((point) => {\n            const value = anchorValue(point);\n            return value !== undefined && seedValues.has(value);\n        });\n    }, [highlightSeeds, groupPointsAnchor, pointData]);\n\n    const previousHoveredKeysRef = useRef<Set<string>>(new Set());\n\n    const hoveredPointKeys = useMemo(() => {\n        const next = new Set(groupedPoints.map(pointKey));\n        const previous = previousHoveredKeysRef.current;\n\n        // An unchanged set keeps its identity, so moving within one hovered group doesn't re-run\n        // the redraw effect for every point the cursor crosses.\n        if (next.size === previous.size && [...next].every((key) => previous.has(key))) {\n            return previous;\n        }\n\n        previousHoveredKeysRef.current = next;\n        return next;\n    }, [groupedPoints]);\n\n    const currentDisplayedPoints = useMemo(\n        () => pointData.filter((point) =>\n            isPointVisible(xScaleTransformed(point.x), yScaleTransformed(point.y), boundedWidth, boundedHeight)\n        ),\n        [pointData, xScaleTransformed, yScaleTransformed, boundedWidth, boundedHeight]\n    );\n\n    // Held together as one object so the draw below depends on a single stable value rather than\n    // on two props that would each have to be threaded into its dependencies.\n    const hoverStyle = useMemo(\n        () => ({\n            growth: hoverGrowth ?? DEFAULT_HOVER_STYLE.growth,\n            stroke: hoverStroke ?? DEFAULT_HOVER_STYLE.stroke,\n        }),\n        [hoverGrowth, hoverStroke]\n    );\n\n    const drawPoints = useCallback((\n        xST: ScaleLinear<number, number, never>,\n        yST: ScaleLinear<number, number, never>,\n        canvas: HTMLCanvasElement,\n        /** The frame's time, which every hovered point's growth is measured to. */\n        now: number\n    ) => {\n        const context = canvas.getContext('2d');\n        if (!context) return;\n\n        prepareCanvas(context, boundedWidth, boundedHeight);\n\n        if (backgroundGradient) {\n            const [colorLow, colorMid, colorHigh] = backgroundGradient.colorScale ?? [\"red\", \"white\", \"blue\"];\n            const W = boundedWidth;\n            const H = boundedHeight;\n            const x0 = xST(0);\n            const y0 = yST(0);\n            const fraction = Math.max(0.001, Math.min(0.999, (x0 * W - y0 * H + H * H) / (W * W + H * H)));\n            const gradient = context.createLinearGradient(0, H, W, 0);\n            gradient.addColorStop(0, colorLow);\n            gradient.addColorStop(fraction, colorMid);\n            gradient.addColorStop(1, colorHigh);\n            context.globalAlpha = backgroundGradient.opacity ?? 1;\n            context.fillStyle = gradient;\n            context.fillRect(0, 0, W, H);\n            context.globalAlpha = 1;\n        }\n\n        const { nonHovered, hovered } = partitionPointsByHover(pointData, hoveredPointKeys);\n        const starts = hoverStartsRef.current;\n\n        const drawRenderedPoint = (point: Point<T>, hoverAmount: number) => {\n            const transformedX = xST(point.x);\n            const transformedY = yST(point.y);\n            if (!isPointVisible(transformedX, transformedY, boundedWidth, boundedHeight)) return;\n            drawCanvasPoint(context, point, transformedX, transformedY, hoverAmount, hoverStyle);\n        };\n\n        nonHovered.forEach((point) => drawRenderedPoint(point, 0));\n        hovered.forEach((point) => drawRenderedPoint(point, hoverAmountAt(starts.get(pointKey(point)), now)));\n    }, [boundedHeight, boundedWidth, hoveredPointKeys, pointData, backgroundGradient, hoverStyle]);\n\n    useEffect(() => {\n        const canvas = canvasRef.current;\n        if (!canvas || showPointAnimation) return;\n\n        // Sync start times with the hovered set: kept points keep theirs, new ones start now, and\n        // dropped ones are forgotten so leaving is instant. Idempotent, so a re-run for pan, zoom\n        // or new pointData carries on from the sizes already reached.\n        const now = performance.now();\n        const starts = hoverStartsRef.current;\n        for (const key of starts.keys()) {\n            if (!hoveredPointKeys.has(key)) starts.delete(key);\n        }\n        let latestStart = -Infinity;\n        for (const key of hoveredPointKeys) {\n            if (!starts.has(key)) starts.set(key, now);\n            latestStart = Math.max(latestStart, starts.get(key)!);\n        }\n\n        // Nothing still growing: repaint once, so panning over a hovered point doesn't queue frames.\n        const grownAt = latestStart + HOVER_GROW_MS;\n        if (now >= grownAt) {\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas, now);\n            return;\n        }\n\n        // Until the newest point has grown; the last frame is drawn at or past grownAt, so every\n        // point ends at full size.\n        let frame = requestAnimationFrame(function step() {\n            const time = performance.now();\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas, time);\n            if (time < grownAt) frame = requestAnimationFrame(step);\n        });\n\n        return () => cancelAnimationFrame(frame);\n    }, [drawPoints, xScaleTransformed, yScaleTransformed, showPointAnimation, hoveredPointKeys]);\n\n    const handlePointClick = useCallback(() => {\n        if (hoveredPoint) onPointClicked?.(hoveredPoint);\n    }, [hoveredPoint, onPointClicked]);\n\n    const surfaceCursor = disableZoom\n        ? selectable\n            ? isDragging ? 'none' : 'crosshair'\n            : isDragging ? 'none' : 'default'\n        : hoveredPoint\n            ? 'default'\n            : selectMode === 'select'\n                ? isDragging ? 'none' : 'crosshair'\n                : zoom.isDragging\n                    ? 'grabbing'\n                    : 'grab';\n\n    const handleSelectionEnd = (event: React.MouseEvent<SVGRectElement> | React.TouchEvent<SVGRectElement>) => {\n        dragEnd(event);\n        completeSelection(zoom);\n    };\n\n    /**\n     * Panning is coalesced to one zoom update per frame. React flushes mousemove updates\n     * synchronously, and a shared zoom re-renders every synced plot, so handling each move\n     * outright never lets the browser paint and eventually exceeds React's update depth.\n     *\n     * The buffer holds nativeEvent, since React clears the synthetic event's currentTarget after\n     * dispatch, and useStableCallback makes the frame use the current zoom.\n     */\n    const dragFrameRef = useRef<number | null>(null);\n    const pendingDragRef = useRef<MouseEvent | TouchEvent | null>(null);\n    const dragMoveLatest = useStableCallback((event: MouseEvent | TouchEvent) => {\n        zoom.dragMove(event as unknown as React.MouseEvent | React.TouchEvent);\n    });\n\n    const flushPendingDrag = useCallback(() => {\n        if (dragFrameRef.current !== null) {\n            cancelAnimationFrame(dragFrameRef.current);\n            dragFrameRef.current = null;\n        }\n        const pending = pendingDragRef.current;\n        pendingDragRef.current = null;\n        if (pending) dragMoveLatest(pending);\n    }, [dragMoveLatest]);\n\n    useEffect(() => () => {\n        if (dragFrameRef.current !== null) cancelAnimationFrame(dragFrameRef.current);\n    }, []);\n\n    const onZoomDragMove = (event: React.MouseEvent<SVGRectElement> | React.TouchEvent<SVGRectElement>) => {\n        pendingDragRef.current = event.nativeEvent;\n        if (dragFrameRef.current !== null) return;\n        dragFrameRef.current = requestAnimationFrame(() => {\n            dragFrameRef.current = null;\n            const pending = pendingDragRef.current;\n            pendingDragRef.current = null;\n            if (pending) dragMoveLatest(pending);\n        });\n    };\n\n    // The queued frame is applied before the gesture closes, so the plot lands on the position\n    // the pointer was actually released at rather than a frame behind it.\n    const onZoomDragEnd = () => {\n        flushPendingDrag();\n        zoom.dragEnd();\n    };\n\n    const onSurfaceMouseDown = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? dragStart\n            : disableZoom ? undefined : zoom.dragStart;\n    const onSurfaceMouseUp = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : onZoomDragEnd;\n    const onSurfaceMouseMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : onZoomDragMove;\n    const onSurfaceMouseLeave = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : onZoomDragEnd;\n    const onSurfaceTouchStart = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? dragStart\n            : disableZoom ? undefined : zoom.dragStart;\n    const onSurfaceTouchEnd = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : onZoomDragEnd;\n    const onSurfaceTouchMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : onZoomDragMove;\n    const onSurfaceWheel: React.WheelEventHandler<SVGRectElement> = (event) => {\n        setShowPointAnimation(false);\n        if (!disableZoom) {\n            const point = localPoint(event) || { x: 0, y: 0 };\n            const zoomDirection = event.deltaY < 0 ? 1.1 : 0.9;\n            zoom.scale({ scaleX: zoomDirection, scaleY: zoomDirection, point });\n        }\n    };\n\n    const previousDisplayedPoints = useRef<Point<T>[]>([]);\n\n    useEffect(() => {\n        const haveDisplayedPointsChanged = (prevPoints: Point<T>[], nextPoints: Point<T>[]) => {\n            if (prevPoints.length !== nextPoints.length) return true;\n            return !prevPoints.every((point, index) => {\n                const nextPoint = nextPoints[index];\n                return (\n                    point.x === nextPoint.x &&\n                    point.y === nextPoint.y &&\n                    point.r === nextPoint.r &&\n                    point.shape === nextPoint.shape &&\n                    point.color === nextPoint.color &&\n                    point.opacity === nextPoint.opacity\n                );\n            });\n        };\n\n        if (haveDisplayedPointsChanged(previousDisplayedPoints.current, currentDisplayedPoints)) {\n            onDisplayedPointsChange?.(currentDisplayedPoints);\n            previousDisplayedPoints.current = currentDisplayedPoints;\n        }\n    }, [currentDisplayedPoints, onDisplayedPointsChange]);\n\n    return (\n        <Stack justifyContent=\"center\" alignItems=\"center\" direction=\"row\" sx={{ position: \"relative\" }}>\n            <Box sx={{ width, height }}>\n                {loading ? (\n                    <Box display=\"flex\" width=\"100%\" height=\"100%\" sx={{ justifyContent: \"center\", alignItems: \"center\" }}>\n                        <CircularProgress />\n                    </Box>\n                ) : (\n                    <div style={{ position: \"relative\" }} ref={divRef}>\n                        <canvas\n                            ref={canvasRef}\n                            width={boundedWidth * 2}\n                            height={boundedHeight * 2}\n                            style={{\n                                userSelect: \"none\",\n                                position: \"absolute\",\n                                top: margin.top,\n                                left: margin.left,\n                                width: boundedWidth,\n                                height: boundedHeight,\n                                backgroundColor: \"transparent\",\n                            }}\n                        />\n                        <svg\n                            width={width}\n                            height={height}\n                            overflow=\"visible\"\n                            style={{ position: \"absolute\", userSelect: \"none\" }}\n                            onMouseMove={(event) => {\n                                if (isDragging) handleMouseLeave();\n                                else handleMouseMove(event, zoom);\n                            }}\n                            onMouseLeave={handleMouseLeave}\n                        >\n                            <Group top={margin.top} left={margin.left}>\n                                {showPointAnimation && animation && (\n                                    <AnimatedPoints\n                                        pointData={pointData}\n                                        animation={animation}\n                                        animationGroupSize={animationGroupSize}\n                                        animationBuffer={animationBuffer}\n                                        xScaleTransformed={xScaleTransformed}\n                                        yScaleTransformed={yScaleTransformed}\n                                        boundedWidth={boundedWidth}\n                                        boundedHeight={boundedHeight}\n                                    />\n                                )}\n                                {selectMode === \"select\" && (\n                                    <>\n                                        {lines.map((line, index) => (\n                                            <LinePath\n                                                key={`line-${index}`}\n                                                fill=\"transparent\"\n                                                stroke=\"black\"\n                                                strokeWidth={3}\n                                                data={line}\n                                                curve={curveBasis}\n                                                x={(datum) => datum.x}\n                                                y={(datum) => datum.y}\n                                            />\n                                        ))}\n                                        {isDragging && (\n                                            <g>\n                                                <line x1={x - margin.left + dx - 6} y1={y - margin.top + dy} x2={x - margin.left + dx + 6} y2={y - margin.top + dy} stroke=\"black\" strokeWidth={1} />\n                                                <line x1={x - margin.left + dx} y1={y - margin.top + dy - 6} x2={x - margin.left + dx} y2={y - margin.top + dy + 6} stroke=\"black\" strokeWidth={1} />\n                                                <circle cx={x - margin.left} cy={y - margin.top} r={4} fill=\"transparent\" stroke=\"black\" pointerEvents=\"none\" />\n                                            </g>\n                                        )}\n                                    </>\n                                )}\n                                {originLine && (() => {\n                                    const x0 = xScaleTransformed(0);\n                                    const y0 = yScaleTransformed(0);\n                                    return (\n                                        <>\n                                            {y0 >= 0 && y0 <= boundedHeight && (\n                                                <line x1={0} x2={boundedWidth} y1={y0} y2={y0} stroke=\"#000\" strokeWidth={1} strokeDasharray=\"4,4\" pointerEvents=\"none\" />\n                                            )}\n                                            {x0 >= 0 && x0 <= boundedWidth && (\n                                                <line x1={x0} x2={x0} y1={0} y2={boundedHeight} stroke=\"#000\" strokeWidth={1} strokeDasharray=\"4,4\" pointerEvents=\"none\" />\n                                            )}\n                                        </>\n                                    );\n                                })()}\n                                <rect\n                                    ref={graphRef}\n                                    fill=\"transparent\"\n                                    width={boundedWidth}\n                                    height={boundedHeight}\n                                    style={{ cursor: surfaceCursor }}\n                                    onMouseDown={onSurfaceMouseDown}\n                                    onMouseUp={onSurfaceMouseUp}\n                                    onMouseMove={onSurfaceMouseMove}\n                                    onMouseLeave={onSurfaceMouseLeave}\n                                    onTouchStart={onSurfaceTouchStart}\n                                    onTouchEnd={onSurfaceTouchEnd}\n                                    onTouchMove={onSurfaceTouchMove}\n                                    onWheel={onSurfaceWheel}\n                                    onClick={handlePointClick}\n                                />\n                                {crosshair && !isDragging && (\n                                    <Crosshair\n                                        position={{\n                                            x: xScaleTransformed(crosshair.x),\n                                            y: yScaleTransformed(crosshair.y),\n                                        }}\n                                        boundedWidth={boundedWidth}\n                                        boundedHeight={boundedHeight}\n                                    />\n                                )}\n                            </Group>\n                            <Group top={margin.top} left={margin.left}>\n                                <AxisLeft\n                                    scale={yScaleTransformed}\n                                    tickLabelProps={() => ({\n                                        fill: \"#1c1917\",\n                                        fontSize: 10,\n                                        textAnchor: \"end\",\n                                        verticalAnchor: \"middle\",\n                                        x: -10,\n                                    })}\n                                    tickValues={getTicks(yScaleTransformed, 5)}\n                                />\n                                <AxisBottom\n                                    top={boundedHeight}\n                                    scale={xScaleTransformed}\n                                    tickLabelProps={() => ({\n                                        fill: \"#1c1917\",\n                                        fontSize: 11,\n                                        textAnchor: \"middle\",\n                                    })}\n                                    tickValues={getTicks(xScaleTransformed, 5)}\n                                />\n                                {border && (\n                                    <>\n                                        <AxisTop top={0} scale={xScaleTransformed} tickValues={[]} />\n                                        <AxisRight scale={yScaleTransformed} tickValues={[]} left={boundedWidth} />\n                                    </>\n                                )}\n                                <Text textAnchor=\"middle\" verticalAnchor=\"end\" angle={-90} fontSize={15} y={boundedHeight / 2} x={0} dx={-50}>\n                                    {leftAxisLabel}\n                                </Text>\n                                <Text textAnchor=\"middle\" verticalAnchor=\"start\" fontSize={15} y={boundedHeight} x={boundedWidth / 2} dy={50}>\n                                    {bottomAxisLabel}\n                                </Text>\n                            </Group>\n                            <PointLabels\n                                pointData={pointData}\n                                xScaleTransformed={xScaleTransformed}\n                                yScaleTransformed={yScaleTransformed}\n                                boundedWidth={boundedWidth}\n                                boundedHeight={boundedHeight}\n                                margin={margin}\n                            />\n                            {backgroundGradient?.legend && (\n                                <GradientLegend\n                                    backgroundGradient={backgroundGradient}\n                                    boundedHeight={boundedHeight}\n                                    barLeft={margin.left + boundedWidth + 25}\n                                    marginTop={margin.top}\n                                />\n                            )}\n                        </svg>\n                    </div>\n                )}\n            </Box>\n        </Stack>\n    );\n};\n\nexport default ScatterPlotViewport;\n"],"names":["HOVER_GROW_MS","easeOutCubic","t","Math","pow","hoverAmountAt","start","now","undefined","min","max","ScatterPlotViewport","width","height","margin","boundedWidth","boundedHeight","loading","pointData","animation","animationGroupSize","animationBuffer","xScale","yScale","zoom","selectMode","selectable","disableZoom","groupPointsAnchor","hoveredPoint","hoveredPoints","hoverGrowth","hoverStroke","handleMouseMove","handleMouseLeave","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","crosshair","divRef","graphRef","useRef","canvasRef","hoverStartsRef","Map","showPointAnimation","setShowPointAnimation","useState","Boolean","useEffect","length","duration","buffer","groups","ceil","total","window","setTimeout","clearTimeout","lines","isDragging","x","y","dx","dy","dragStart","dragMove","dragEnd","completeSelection","useDragSelection","graphElement","current","handleWheel","event","preventDefault","handleTouchMove","handleTouchStart","addEventListener","passive","removeEventListener","xScaleTransformed","useMemo","rescaleX","transformMatrix","translateX","scaleX","yScaleTransformed","rescaleY","translateY","scaleY","highlightSeeds","groupedPoints","anchor","anchorValue","point","metaData","seedValues","Set","map","filter","value","size","has","previousHoveredKeysRef","hoveredPointKeys","next","pointKey","previous","every","key","currentDisplayedPoints","isPointVisible","hoverStyle","growth","DEFAULT_HOVER_STYLE","stroke","drawPoints","useCallback","xST","yST","canvas","context","getContext","prepareCanvas","colorLow","colorMid","colorHigh","colorScale","W","H","x0","y0","fraction","gradient","createLinearGradient","addColorStop","globalAlpha","opacity","fillStyle","fillRect","nonHovered","hovered","partitionPointsByHover","starts","drawRenderedPoint","hoverAmount","transformedX","transformedY","drawCanvasPoint","forEach","get","performance","keys","delete","latestStart","set","grownAt","frame","requestAnimationFrame","step","time","cancelAnimationFrame","handlePointClick","surfaceCursor","handleSelectionEnd","dragFrameRef","pendingDragRef","dragMoveLatest","useStableCallback","flushPendingDrag","pending","onZoomDragMove","nativeEvent","onZoomDragEnd","onSurfaceMouseDown","onSurfaceMouseUp","onSurfaceMouseMove","onSurfaceMouseLeave","onSurfaceTouchStart","onSurfaceTouchEnd","onSurfaceTouchMove","onSurfaceWheel","localPoint","zoomDirection","deltaY","scale","previousDisplayedPoints","haveDisplayedPointsChanged","prevPoints","nextPoints","index","nextPoint","r","shape","color","jsx","Stack","position","Box","justifyContent","alignItems","CircularProgress","jsxs","userSelect","top","left","backgroundColor","Group","AnimatedPoints","Fragment","line","LinePath","curveBasis","datum","cursor","Crosshair","AxisLeft","fill","fontSize","textAnchor","verticalAnchor","getTicks","AxisBottom","AxisTop","AxisRight","Text","PointLabels","legend","GradientLegend"],"mappings":"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"}
+{"version":3,"file":"visualization.es64.js","sources":["../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                        {/* A disabled button fires no events, so the tooltip listens on a wrapper. Flex, so\n                            the wrapper adds no line height around the button. */}\n                        <span style={{ display: \"flex\" }}>\n                            <IconButton aria-label=\"resetZoom\" onClick={zoomReset} disabled={!resetable} sx={buttonSx}>\n                                <SettingsBackupRestore fontSize=\"small\" />\n                            </IconButton>\n                        </span>\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","display","SettingsBackupRestore","Download","t4"],"mappings":"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"}

package/dist/visualization.es640.js

@@ -1,25 +1,81 @@
-import g from "./visualization.es624.js";
-var x = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, c = new RegExp(x.source, "g");
-function h(i) {
-  return function() {
-    return i;
-  };
-}
-function m(i) {
-  return function(n) {
-    return i(n) + "";
-  };
-}
-function v(i, n) {
-  var u = x.lastIndex = c.lastIndex = 0, s, l, t, r = -1, e = [], f = [];
-  for (i = i + "", n = n + ""; (s = x.exec(i)) && (l = c.exec(n)); )
-    (t = l.index) > u && (t = n.slice(u, t), e[r] ? e[r] += t : e[++r] = t), (s = s[0]) === (l = l[0]) ? e[r] ? e[r] += l : e[++r] = l : (e[++r] = null, f.push({ i: r, x: g(s, l) })), u = c.lastIndex;
-  return u < n.length && (t = n.slice(u), e[r] ? e[r] += t : e[++r] = t), e.length < 2 ? f[0] ? m(f[0].x) : h(n) : (n = f.length, function(a) {
-    for (var o = 0, d; o < n; ++o) e[(d = f[o]).i] = d.x(a);
-    return e.join("");
-  });
+import w, { extend as y } from "./visualization.es644.js";
+import { Rgb as N, rgbConvert as q, Color as m } from "./visualization.es638.js";
+import { radians as H, degrees as K } from "./visualization.es645.js";
+const l = 18, d = 0.96422, v = 1, M = 0.82521, o = 4 / 29, h = 6 / 29, z = 3 * h * h, L = h * h * h;
+function C(t) {
+  if (t instanceof e) return new e(t.l, t.a, t.b, t.opacity);
+  if (t instanceof a) return x(t);
+  t instanceof N || (t = q(t));
+  var n = g(t.r), i = g(t.g), r = g(t.b), s = b((0.2225045 * n + 0.7168786 * i + 0.0606169 * r) / v), c, u;
+  return n === i && i === r ? c = u = s : (c = b((0.4360747 * n + 0.3850649 * i + 0.1430804 * r) / d), u = b((0.0139322 * n + 0.0971045 * i + 0.7141733 * r) / M)), new e(116 * s - 16, 500 * (c - s), 200 * (s - u), t.opacity);
 }
+function R(t, n, i, r) {
+  return arguments.length === 1 ? C(t) : new e(t, n, i, r ?? 1);
+}
+function e(t, n, i, r) {
+  this.l = +t, this.a = +n, this.b = +i, this.opacity = +r;
+}
+w(e, R, y(m, {
+  brighter(t) {
+    return new e(this.l + l * (t ?? 1), this.a, this.b, this.opacity);
+  },
+  darker(t) {
+    return new e(this.l - l * (t ?? 1), this.a, this.b, this.opacity);
+  },
+  rgb() {
+    var t = (this.l + 16) / 116, n = isNaN(this.a) ? t : t + this.a / 500, i = isNaN(this.b) ? t : t - this.b / 200;
+    return n = d * f(n), t = v * f(t), i = M * f(i), new N(
+      p(3.1338561 * n - 1.6168667 * t - 0.4906146 * i),
+      p(-0.9787684 * n + 1.9161415 * t + 0.033454 * i),
+      p(0.0719453 * n - 0.2289914 * t + 1.4052427 * i),
+      this.opacity
+    );
+  }
+}));
+function b(t) {
+  return t > L ? Math.pow(t, 1 / 3) : t / z + o;
+}
+function f(t) {
+  return t > h ? t * t * t : z * (t - o);
+}
+function p(t) {
+  return 255 * (t <= 31308e-7 ? 12.92 * t : 1.055 * Math.pow(t, 1 / 2.4) - 0.055);
+}
+function g(t) {
+  return (t /= 255) <= 0.04045 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4);
+}
+function X(t) {
+  if (t instanceof a) return new a(t.h, t.c, t.l, t.opacity);
+  if (t instanceof e || (t = C(t)), t.a === 0 && t.b === 0) return new a(NaN, 0 < t.l && t.l < 100 ? 0 : NaN, t.l, t.opacity);
+  var n = Math.atan2(t.b, t.a) * K;
+  return new a(n < 0 ? n + 360 : n, Math.sqrt(t.a * t.a + t.b * t.b), t.l, t.opacity);
+}
+function Y(t, n, i, r) {
+  return arguments.length === 1 ? X(t) : new a(t, n, i, r ?? 1);
+}
+function a(t, n, i, r) {
+  this.h = +t, this.c = +n, this.l = +i, this.opacity = +r;
+}
+function x(t) {
+  if (isNaN(t.h)) return new e(t.l, 0, 0, t.opacity);
+  var n = t.h * H;
+  return new e(t.l, Math.cos(n) * t.c, Math.sin(n) * t.c, t.opacity);
+}
+w(a, Y, y(m, {
+  brighter(t) {
+    return new a(this.h, this.c, this.l + l * (t ?? 1), this.opacity);
+  },
+  darker(t) {
+    return new a(this.h, this.c, this.l - l * (t ?? 1), this.opacity);
+  },
+  rgb() {
+    return x(this).rgb();
+  }
+}));
 export {
-  v as default
+  a as Hcl,
+  e as Lab,
+  R as default,
+  Y as hcl
 };
 //# sourceMappingURL=visualization.es640.js.map