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

package/dist/visualization.es54.js

@@ -1,68 +1,262 @@
-import { jsx as b, jsxs as p, Fragment as W } from "react/jsx-runtime";
-import { c as S } from "react/compiler-runtime";
-import { TreeLink as g } from "./visualization.es117.js";
-import { memo as E } from "react";
-import { LeafLinkExtension as M } from "./visualization.es118.js";
-import { LeafNodeLabel as v } from "./visualization.es119.js";
-const F = E((x) => {
-  const e = S(39), {
-    node: o,
-    dimmed: m,
-    useBranchLengths: n,
-    leafFontFamily: d,
-    leafFontSize: c,
-    onNodeMouseMove: k,
-    onNodeMouseLeave: h,
-    onBranchClick: L
-  } = x;
-  let a;
-  e[0] !== o || e[1] !== k ? (a = (N) => k(N, o), e[0] = o, e[1] = k, e[2] = a) : a = e[2];
-  let t;
-  e[3] !== o || e[4] !== h ? (t = (N) => h(N, o), e[3] = o, e[4] = h, e[5] = t) : t = e[5];
-  let i;
-  e[6] !== o || e[7] !== L ? (i = () => L(o.leaves().map(P)), e[6] = o, e[7] = L, e[8] = i) : i = e[8];
-  const s = m ? 0.2 : 1;
-  let f;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
-    transition: "opacity 0.2s ease-in"
-  }, e[9] = f) : f = e[9];
-  let r;
-  e[10] !== o.baseLinkPath || e[11] !== o.color || e[12] !== o.linkStrokeWidth || e[13] !== o.scaledLinkPath || e[14] !== n ? (r = /* @__PURE__ */ b(g, { scaledLinkPath: o.scaledLinkPath, baseLinkPath: o.baseLinkPath, color: o.color, strokeWidth: o.linkStrokeWidth, useBranchLengths: n }), e[10] = o.baseLinkPath, e[11] = o.color, e[12] = o.linkStrokeWidth, e[13] = o.scaledLinkPath, e[14] = n, e[15] = r) : r = e[15];
-  let l;
-  e[16] !== d || e[17] !== c || e[18] !== o.baseLeafLinkExtension || e[19] !== o.baseNodeX || e[20] !== o.baseNodeY || e[21] !== o.children || e[22] !== o.color || e[23] !== o.label || e[24] !== o.labelStrokeWidth || e[25] !== o.lightenedLinkExtColor || e[26] !== o.linkStrokeWidth || e[27] !== o.scaledLeafLinkExtension || e[28] !== o.x || e[29] !== n ? (l = !o.children && /* @__PURE__ */ p(W, { children: [
-    /* @__PURE__ */ b(M, { useBranchLengths: n, color: o.lightenedLinkExtColor, baseLeafLinkExtension: o.baseLeafLinkExtension, scaledLeafLinkExtension: o.scaledLeafLinkExtension, strokeWidth: o.linkStrokeWidth }),
-    /* @__PURE__ */ b(v, { nodeX: o.x, strokeWidth: o.labelStrokeWidth, baseNodeX: o.baseNodeX, baseNodeY: o.baseNodeY, label: o.label, color: o.color, fontSize: c, fontFamily: d })
-  ] }), e[16] = d, e[17] = c, e[18] = o.baseLeafLinkExtension, e[19] = o.baseNodeX, e[20] = o.baseNodeY, e[21] = o.children, e[22] = o.color, e[23] = o.label, e[24] = o.labelStrokeWidth, e[25] = o.lightenedLinkExtColor, e[26] = o.linkStrokeWidth, e[27] = o.scaledLeafLinkExtension, e[28] = o.x, e[29] = n, e[30] = l) : l = e[30];
-  let u;
-  return e[31] !== o.data.id || e[32] !== a || e[33] !== t || e[34] !== i || e[35] !== s || e[36] !== r || e[37] !== l ? (u = /* @__PURE__ */ p("g", { onMouseMove: a, onMouseLeave: t, onClick: i, id: o.data.id, opacity: s, style: f, children: [
-    r,
-    l
-  ] }), e[31] = o.data.id, e[32] = a, e[33] = t, e[34] = i, e[35] = s, e[36] = r, e[37] = l, e[38] = u) : u = e[38], u;
-}), T = E(function(e) {
-  const o = S(11), {
-    node: m,
-    hovered: n,
-    useBranchLengths: d,
-    onNodeMouseMove: c,
-    onNodeMouseLeave: k,
-    onBranchClick: h,
-    leafFontSize: L,
-    leafFontFamily: a
-  } = e;
-  let t;
-  o[0] !== n || o[1] !== a || o[2] !== L || o[3] !== m || o[4] !== h || o[5] !== k || o[6] !== c || o[7] !== d ? (t = m.descendants()?.map((s, f) => {
-    if (!s.parent)
+import { jsx as n, jsxs as E, Fragment as et } from "react/jsx-runtime";
+import { useRef as L, useState as Ht, useEffect as D, useMemo as I, useCallback as rt } from "react";
+import bt from "@mui/material/CircularProgress";
+import { Stack as te, Box as wt } from "@mui/material";
+import { rescaleX as ee, rescaleY as re, isPointVisible as St, DEFAULT_HOVER_STYLE as At, prepareCanvas as ne, partitionPointsByHover as oe, pointKey as se, getTicks as Et, drawCanvasPoint as ce } from "./visualization.es23.js";
+import le from "./visualization.es123.js";
+import ae from "./visualization.es124.js";
+import ie from "./visualization.es125.js";
+import fe from "./visualization.es126.js";
+import { useDragSelection as ue } from "./visualization.es127.js";
+import { useStableCallback as pe } from "./visualization.es26.js";
+import gt from "./visualization.es51.js";
+import ve from "./visualization.es128.js";
+import me from "./visualization.es78.js";
+import he from "./visualization.es76.js";
+import xe from "./visualization.es75.js";
+import ye from "./visualization.es52.js";
+import ke from "./visualization.es88.js";
+import Mt from "./visualization.es74.js";
+import we from "./visualization.es105.js";
+const Lt = 120, Se = (g) => 1 - Math.pow(1 - g, 3), Ae = (g, F) => g === void 0 ? 0 : Se(Math.min(1, Math.max(0, (F - g) / Lt))), _e = ({
+  width: g,
+  height: F,
+  margin: s,
+  boundedWidth: a,
+  boundedHeight: c,
+  loading: Ct,
+  pointData: h,
+  animation: C,
+  animationGroupSize: U,
+  animationBuffer: _,
+  xScale: $,
+  yScale: J,
+  zoom: u,
+  selectMode: i,
+  selectable: Tt,
+  disableZoom: k,
+  hoveredPoint: V,
+  hoveredPointKeys: T,
+  spotlit: nt,
+  dimStyle: Y,
+  hoverGrowth: ot,
+  hoverStroke: st,
+  handleMouseMove: Rt,
+  handleMouseLeave: ct,
+  onDisplayedPointsChange: lt,
+  onSelectionChange: Pt,
+  onPointClicked: at,
+  leftAxisLabel: dt,
+  bottomAxisLabel: Dt,
+  border: Ft,
+  originLine: Vt,
+  backgroundGradient: M,
+  crosshair: N,
+  divRef: Yt
+}) => {
+  const it = L(null), ft = L(null), ut = L(/* @__PURE__ */ new Map()), [Q, K] = Ht(!!C);
+  D(() => {
+    if (!C) return;
+    if (h.length > 2500) {
+      K(!1);
       return;
-    const r = !!n.length && !n.some((l) => s.descendantIds?.has(l) || s.ancestorIds?.has(l));
-    return /* @__PURE__ */ b(F, { node: s, dimmed: r, useBranchLengths: d, leafFontSize: L, leafFontFamily: a, onBranchClick: h, onNodeMouseMove: c, onNodeMouseLeave: k }, f);
-  }), o[0] = n, o[1] = a, o[2] = L, o[3] = m, o[4] = h, o[5] = k, o[6] = c, o[7] = d, o[8] = t) : t = o[8];
-  let i;
-  return o[9] !== t ? (i = /* @__PURE__ */ b("g", { id: "tree-root", children: t }), o[9] = t, o[10] = i) : i = o[10], i;
-});
-function P(x) {
-  return x.data.id;
-}
+    }
+    const t = 450, e = (_ ?? 0.03) * 1e3, r = Math.ceil(h.length / (U ?? 1)), l = t + r * e, o = window.setTimeout(() => K(!1), l);
+    return () => window.clearTimeout(o);
+  }, [C, _, U, h.length]);
+  const {
+    lines: Xt,
+    isDragging: w,
+    x: R,
+    y: P,
+    dx: X,
+    dy: j,
+    dragStart: pt,
+    dragMove: vt,
+    dragEnd: jt,
+    completeSelection: Ot
+  } = ue({
+    pointData: h,
+    margin: s,
+    xScale: $,
+    yScale: J,
+    onSelectionChange: Pt
+  });
+  D(() => {
+    const t = it.current, e = (o) => {
+      o.preventDefault();
+    }, r = (o) => {
+      o.preventDefault();
+    }, l = (o) => {
+      o.preventDefault();
+    };
+    return t && (t.addEventListener("wheel", e, {
+      passive: !1
+    }), t.addEventListener("touchstart", l, {
+      passive: !1
+    }), t.addEventListener("touchmove", r, {
+      passive: !1
+    })), () => {
+      t && (t.removeEventListener("wheel", e), t.removeEventListener("touchstart", l), t.removeEventListener("touchmove", r));
+    };
+  }, []);
+  const p = I(() => ee($, u.transformMatrix.translateX, u.transformMatrix.scaleX), [$, u.transformMatrix]), v = I(() => re(J, u.transformMatrix.translateY, u.transformMatrix.scaleY), [J, u.transformMatrix]), O = I(() => h.filter((t) => St(p(t.x), v(t.y), a, c)), [h, p, v, a, c]), mt = I(() => ({
+    growth: ot ?? At.growth,
+    stroke: st ?? At.stroke
+  }), [ot, st]), G = rt((t, e, r, l) => {
+    const o = r.getContext("2d");
+    if (!o) return;
+    if (ne(o, a, c), M) {
+      const [f, b, tt] = M.colorScale ?? ["red", "white", "blue"], A = a, y = c, Wt = t(0), Zt = e(0), zt = Math.max(1e-3, Math.min(0.999, (Wt * A - Zt * y + y * y) / (A * A + y * y))), B = o.createLinearGradient(0, y, A, 0);
+      B.addColorStop(0, f), B.addColorStop(zt, b), B.addColorStop(1, tt), o.globalAlpha = M.opacity ?? 1, o.fillStyle = B, o.fillRect(0, 0, A, y), o.globalAlpha = 1;
+    }
+    const {
+      nonHovered: m,
+      hovered: x
+    } = oe(h, T), q = ut.current, H = (f, b, tt) => {
+      const A = t(f.x), y = e(f.y);
+      St(A, y, a, c) && ce(o, f, A, y, b, mt, tt);
+    }, yt = [], kt = [];
+    for (const f of m) (nt || f.dimmed ? yt : kt).push(f);
+    yt.forEach((f) => H(f, 0, Y)), kt.forEach((f) => H(f, 0)), x.forEach((f) => H(f, Ae(q.get(se(f)), l), f.dimmed ? Y : void 0));
+  }, [c, a, T, h, M, mt, nt, Y]);
+  D(() => {
+    const t = ft.current;
+    if (!t || Q) return;
+    const e = performance.now(), r = ut.current;
+    for (const x of r.keys())
+      T.has(x) || r.delete(x);
+    let l = -1 / 0;
+    for (const x of T)
+      r.has(x) || r.set(x, e), l = Math.max(l, r.get(x));
+    const o = l + Lt;
+    if (e >= o) {
+      G(p, v, t, e);
+      return;
+    }
+    let m = requestAnimationFrame(function x() {
+      const q = performance.now();
+      G(p, v, t, q), q < o && (m = requestAnimationFrame(x));
+    });
+    return () => cancelAnimationFrame(m);
+  }, [G, p, v, Q, T]);
+  const qt = rt(() => {
+    V && at?.(V);
+  }, [V, at]), Bt = k ? Tt ? w ? "none" : "crosshair" : w ? "none" : "default" : V ? "default" : i === "select" ? w ? "none" : "crosshair" : u.isDragging ? "grabbing" : "grab", W = (t) => {
+    jt(t), Ot(u);
+  }, S = L(null), d = L(null), Z = pe((t) => {
+    u.dragMove(t);
+  }), It = rt(() => {
+    S.current !== null && (cancelAnimationFrame(S.current), S.current = null);
+    const t = d.current;
+    d.current = null, t && Z(t);
+  }, [Z]);
+  D(() => () => {
+    S.current !== null && cancelAnimationFrame(S.current);
+  }, []);
+  const ht = (t) => {
+    d.current = t.nativeEvent, S.current === null && (S.current = requestAnimationFrame(() => {
+      S.current = null;
+      const e = d.current;
+      d.current = null, e && Z(e);
+    }));
+  }, z = () => {
+    It(), u.dragEnd();
+  }, Ut = i === "none" ? void 0 : i === "select" ? pt : k ? void 0 : u.dragStart, _t = i === "none" ? void 0 : i === "select" ? W : k ? void 0 : z, $t = i === "none" ? void 0 : i === "select" ? w ? vt : void 0 : k ? void 0 : ht, Jt = i === "none" ? void 0 : i === "select" ? W : k ? void 0 : z, Nt = i === "none" ? void 0 : i === "select" ? pt : k ? void 0 : u.dragStart, Qt = i === "none" ? void 0 : i === "select" ? W : k ? void 0 : z, Kt = i === "none" ? void 0 : i === "select" ? w ? vt : void 0 : k ? void 0 : ht, Gt = (t) => {
+    if (K(!1), !k) {
+      const e = we(t) || {
+        x: 0,
+        y: 0
+      }, r = t.deltaY < 0 ? 1.1 : 0.9;
+      u.scale({
+        scaleX: r,
+        scaleY: r,
+        point: e
+      });
+    }
+  }, xt = L([]);
+  return D(() => {
+    ((e, r) => e.length !== r.length ? !0 : !e.every((l, o) => {
+      const m = r[o];
+      return l.x === m.x && l.y === m.y && l.r === m.r && l.shape === m.shape && l.color === m.color && l.opacity === m.opacity && l.dimmed === m.dimmed;
+    }))(xt.current, O) && (lt?.(O), xt.current = O);
+  }, [O, lt]), /* @__PURE__ */ n(te, { justifyContent: "center", alignItems: "center", direction: "row", sx: {
+    position: "relative"
+  }, children: /* @__PURE__ */ n(wt, { sx: {
+    width: g,
+    height: F
+  }, children: Ct ? /* @__PURE__ */ n(wt, { display: "flex", width: "100%", height: "100%", sx: {
+    justifyContent: "center",
+    alignItems: "center"
+  }, children: /* @__PURE__ */ n(bt, {}) }) : /* @__PURE__ */ E("div", { style: {
+    position: "relative"
+  }, ref: Yt, children: [
+    /* @__PURE__ */ n("canvas", { ref: ft, width: a * 2, height: c * 2, style: {
+      userSelect: "none",
+      position: "absolute",
+      top: s.top,
+      left: s.left,
+      width: a,
+      height: c,
+      backgroundColor: "transparent"
+    } }),
+    /* @__PURE__ */ E("svg", { width: g, height: F, overflow: "visible", style: {
+      position: "absolute",
+      userSelect: "none"
+    }, onMouseMove: (t) => {
+      w ? ct() : Rt(t, u);
+    }, onMouseLeave: ct, children: [
+      /* @__PURE__ */ E(gt, { top: s.top, left: s.left, children: [
+        Q && C && /* @__PURE__ */ n(le, { pointData: h, dimStyle: Y, animation: C, animationGroupSize: U, animationBuffer: _, xScaleTransformed: p, yScaleTransformed: v, boundedWidth: a, boundedHeight: c }),
+        i === "select" && /* @__PURE__ */ E(et, { children: [
+          Xt.map((t, e) => /* @__PURE__ */ n(ve, { fill: "transparent", stroke: "black", strokeWidth: 3, data: t, curve: me, x: (r) => r.x, y: (r) => r.y }, `line-${e}`)),
+          w && /* @__PURE__ */ E("g", { children: [
+            /* @__PURE__ */ n("line", { x1: R - s.left + X - 6, y1: P - s.top + j, x2: R - s.left + X + 6, y2: P - s.top + j, stroke: "black", strokeWidth: 1 }),
+            /* @__PURE__ */ n("line", { x1: R - s.left + X, y1: P - s.top + j - 6, x2: R - s.left + X, y2: P - s.top + j + 6, stroke: "black", strokeWidth: 1 }),
+            /* @__PURE__ */ n("circle", { cx: R - s.left, cy: P - s.top, r: 4, fill: "transparent", stroke: "black", pointerEvents: "none" })
+          ] })
+        ] }),
+        Vt && (() => {
+          const t = p(0), e = v(0);
+          return /* @__PURE__ */ E(et, { children: [
+            e >= 0 && e <= c && /* @__PURE__ */ n("line", { x1: 0, x2: a, y1: e, y2: e, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" }),
+            t >= 0 && t <= a && /* @__PURE__ */ n("line", { x1: t, x2: t, y1: 0, y2: c, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" })
+          ] });
+        })(),
+        /* @__PURE__ */ n("rect", { ref: it, fill: "transparent", width: a, height: c, style: {
+          cursor: Bt
+        }, onMouseDown: Ut, onMouseUp: _t, onMouseMove: $t, onMouseLeave: Jt, onTouchStart: Nt, onTouchEnd: Qt, onTouchMove: Kt, onWheel: Gt, onClick: qt }),
+        N && !w && /* @__PURE__ */ n(fe, { position: {
+          x: p(N.x),
+          y: v(N.y)
+        }, boundedWidth: a, boundedHeight: c })
+      ] }),
+      /* @__PURE__ */ E(gt, { top: s.top, left: s.left, children: [
+        /* @__PURE__ */ n(he, { scale: v, tickLabelProps: () => ({
+          fill: "#1c1917",
+          fontSize: 10,
+          textAnchor: "end",
+          verticalAnchor: "middle",
+          x: -10
+        }), tickValues: Et(v, 5) }),
+        /* @__PURE__ */ n(xe, { top: c, scale: p, tickLabelProps: () => ({
+          fill: "#1c1917",
+          fontSize: 11,
+          textAnchor: "middle"
+        }), tickValues: Et(p, 5) }),
+        Ft && /* @__PURE__ */ E(et, { children: [
+          /* @__PURE__ */ n(ye, { top: 0, scale: p, tickValues: [] }),
+          /* @__PURE__ */ n(ke, { scale: v, tickValues: [], left: a })
+        ] }),
+        /* @__PURE__ */ n(Mt, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: 15, y: c / 2, x: 0, dx: -50, children: dt }),
+        /* @__PURE__ */ n(Mt, { textAnchor: "middle", verticalAnchor: "start", fontSize: 15, y: c, x: a / 2, dy: 50, children: Dt })
+      ] }),
+      /* @__PURE__ */ n(ae, { pointData: h, xScaleTransformed: p, yScaleTransformed: v, boundedWidth: a, boundedHeight: c, margin: s }),
+      M?.legend && /* @__PURE__ */ n(ie, { backgroundGradient: M, boundedHeight: c, barLeft: s.left + a + 25, marginTop: s.top })
+    ] })
+  ] }) }) });
+};
 export {
-  T as RenderTree
+  _e as default
 };
 //# sourceMappingURL=visualization.es54.js.map

package/dist/visualization.es54.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es54.js","sources":["../src/components/PhyloTree/RenderTree.tsx"],"sourcesContent":["import { PhyloTreeProps, TreeNode } from \"./types\";\nimport { TreeLink } from \"./TreeLink\";\nimport { memo } from \"react\";\nimport { LeafLinkExtension } from \"./LeafLinkExtension\";\nimport { LeafNodeLabel } from \"./LeafNodeLabel\";\n\ntype Shared = {\n  node: TreeNode;\n  useBranchLengths: boolean;\n  leafFontSize: PhyloTreeProps[\"leafFontSize\"];\n  leafFontFamily: PhyloTreeProps[\"leafFontFamily\"];\n  onNodeMouseMove: (event: React.MouseEvent, node: TreeNode) => void;\n  onNodeMouseLeave: (event: React.MouseEvent, node: TreeNode) => void;\n  onBranchClick: (leafIds: string[]) => void;\n};\n\nexport type RenderTreeProps = Shared & {\n  hovered: string[];\n};\n\nexport type RenderChildProps = Shared & {\n  dimmed: boolean;\n};\n\nconst ChildNode = memo(\n  ({ node, dimmed, useBranchLengths, leafFontFamily, leafFontSize, onNodeMouseMove, onNodeMouseLeave, onBranchClick }: RenderChildProps) => {\n    return (\n      <g\n        onMouseMove={(e: React.MouseEvent) => onNodeMouseMove(e, node)}\n        onMouseLeave={(e: React.MouseEvent) => onNodeMouseLeave(e, node)}\n        onClick={() => onBranchClick(node.leaves().map(x => x.data.id))}\n        id={node.data.id}\n        opacity={dimmed ? 0.2 : 1}\n        style={{ transition: \"opacity 0.2s ease-in\" }}\n      >\n        <TreeLink\n          scaledLinkPath={node.scaledLinkPath}\n          baseLinkPath={node.baseLinkPath}\n          color={node.color}\n          strokeWidth={node.linkStrokeWidth}\n          useBranchLengths={useBranchLengths}\n          />\n        {!node.children && (\n          <>\n            <LeafLinkExtension\n              useBranchLengths={useBranchLengths}\n              color={node.lightenedLinkExtColor}\n              baseLeafLinkExtension={node.baseLeafLinkExtension}\n              scaledLeafLinkExtension={node.scaledLeafLinkExtension}\n              strokeWidth={node.linkStrokeWidth}\n            />\n            <LeafNodeLabel\n              nodeX={node.x}\n              strokeWidth={node.labelStrokeWidth}\n              baseNodeX={node.baseNodeX}\n              baseNodeY={node.baseNodeY}\n              label={node.label}\n              color={node.color}\n              fontSize={leafFontSize}\n              fontFamily={leafFontFamily}\n            />\n          </>\n        )}\n      </g>\n    );\n  }\n);\n\nexport const RenderTree = memo(function RenderTree({\n  node,\n  hovered,\n  useBranchLengths,\n  onNodeMouseMove,\n  onNodeMouseLeave,\n  onBranchClick,\n  leafFontSize,\n  leafFontFamily,\n}: RenderTreeProps) {\n  return (\n    <g id={\"tree-root\"}>\n      {/* no root node rendered (since root does not need to display link to parent) */}\n      {node.descendants()?.map((child, i) => {\n        if (!child.parent) return;\n        //This is done to elimate a .ancestors() and .descendants() traversal on every rerender\n        const dimmed = !!hovered.length && !(hovered.some(id => child.descendantIds?.has(id) || child.ancestorIds?.has(id)));\n\n        return (\n          <ChildNode\n            key={i}\n            node={child}\n            dimmed={dimmed}\n            useBranchLengths={useBranchLengths}\n            leafFontSize={leafFontSize}\n            leafFontFamily={leafFontFamily}\n            onBranchClick={onBranchClick}\n            onNodeMouseMove={onNodeMouseMove}\n            onNodeMouseLeave={onNodeMouseLeave}\n          />\n        );\n      })}\n    </g>\n  );\n}, );\n"],"names":["ChildNode","memo","t0","$","_c","node","dimmed","useBranchLengths","leafFontFamily","leafFontSize","onNodeMouseMove","onNodeMouseLeave","onBranchClick","t1","e","t2","e_0","t3","leaves","map","_temp","t4","t5","Symbol","for","transition","t6","baseLinkPath","color","linkStrokeWidth","scaledLinkPath","TreeLink","t7","baseLeafLinkExtension","baseNodeX","baseNodeY","children","label","labelStrokeWidth","lightenedLinkExtColor","scaledLeafLinkExtension","x","jsxs","Fragment","jsx","LeafLinkExtension","LeafNodeLabel","t8","data","id","RenderTree","hovered","descendants","child","i","parent","length","some","descendantIds","has","ancestorIds"],"mappings":";;;;;;AAwBA,MAAMA,IAAYC,EAChBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,IAAAV;AAAoI,MAAAW;AAAA,EAAAV,EAAA,CAAA,MAAAE,KAAAF,SAAAO,KAGlHG,IAAAC,CAAAA,MAAyBJ,EAAgBI,GAAGT,CAAI,GAACF,OAAAE,GAAAF,OAAAO,GAAAP,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAY;AAAA,EAAAZ,EAAA,CAAA,MAAAE,KAAAF,SAAAQ,KAChDI,IAAAC,CAAAA,MAAyBL,EAAiBG,GAAGT,CAAI,GAACF,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAY,KAAAA,IAAAZ,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,CAAA,MAAAE,KAAAF,SAAAS,KACvDK,IAAAA,MAAML,EAAcP,EAAIa,SAASC,IAAKC,CAAc,CAAC,GAACjB,OAAAE,GAAAF,OAAAS,GAAAT,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAEtD,QAAAkB,IAAAf,IAAA,MAAA;AAAgB,MAAAgB;AAAA,EAAAnB,EAAA,CAAA,MAAAoB,uBAAAC,IAAA,2BAAA,KAClBF,IAAA;AAAA,IAAAG,YAAc;AAAA,EAAA,GAAwBtB,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,MAAAuB;AAAA,EAAAvB,EAAA,EAAA,MAAAE,EAAAsB,gBAAAxB,EAAA,EAAA,MAAAE,EAAAuB,SAAAzB,UAAAE,EAAAwB,mBAAA1B,EAAA,EAAA,MAAAE,EAAAyB,kBAAA3B,EAAA,EAAA,MAAAI,KAE7CmB,sBAACK,GAAA,EACiB,gBAAA1B,EAAIyB,gBACN,cAAAzB,EAAIsB,cACX,OAAAtB,EAAIuB,OACE,aAAAvB,EAAIwB,iBACCtB,kBAAAA,GAAgB,GAChCJ,EAAA,EAAA,IAAAE,EAAAsB,cAAAxB,EAAA,EAAA,IAAAE,EAAAuB,OAAAzB,EAAA,EAAA,IAAAE,EAAAwB,iBAAA1B,EAAA,EAAA,IAAAE,EAAAyB,gBAAA3B,QAAAI,GAAAJ,QAAAuB,KAAAA,IAAAvB,EAAA,EAAA;AAAA,MAAA6B;AAAA,EAAA7B,EAAA,EAAA,MAAAK,KAAAL,UAAAM,KAAAN,EAAA,EAAA,MAAAE,EAAA4B,yBAAA9B,UAAAE,EAAA6B,aAAA/B,EAAA,EAAA,MAAAE,EAAA8B,aAAAhC,EAAA,EAAA,MAAAE,EAAA+B,YAAAjC,EAAA,EAAA,MAAAE,EAAAuB,SAAAzB,EAAA,EAAA,MAAAE,EAAAgC,SAAAlC,UAAAE,EAAAiC,oBAAAnC,EAAA,EAAA,MAAAE,EAAAkC,yBAAApC,EAAA,EAAA,MAAAE,EAAAwB,mBAAA1B,EAAA,EAAA,MAAAE,EAAAmC,2BAAArC,EAAA,EAAA,MAAAE,EAAAoC,KAAAtC,UAAAI,KACHyB,IAAA,CAAC3B,EAAI+B,YAAL,gBAAAM,EAAAC,GAAA,EAEG,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACmBtC,kBAAAA,GACX,OAAAF,EAAIkC,uBACY,uBAAAlC,EAAI4B,uBACF,yBAAA5B,EAAImC,yBAChB,aAAAnC,EAAIwB,iBAAgB;AAAA,IAEnC,gBAAAe,EAACE,KACQ,OAAAzC,EAAIoC,GACE,aAAApC,EAAIiC,kBACN,WAAAjC,EAAI6B,WACJ,WAAA7B,EAAI8B,WACR,OAAA9B,EAAIgC,OACJ,OAAAhC,EAAIuB,OACDnB,UAAAA,GACED,YAAAA,EAAAA,CAAc;AAAA,EAAA,GAC1B,GAELL,QAAAK,GAAAL,QAAAM,GAAAN,EAAA,EAAA,IAAAE,EAAA4B,uBAAA9B,EAAA,EAAA,IAAAE,EAAA6B,WAAA/B,EAAA,EAAA,IAAAE,EAAA8B,WAAAhC,EAAA,EAAA,IAAAE,EAAA+B,UAAAjC,EAAA,EAAA,IAAAE,EAAAuB,OAAAzB,EAAA,EAAA,IAAAE,EAAAgC,OAAAlC,EAAA,EAAA,IAAAE,EAAAiC,kBAAAnC,EAAA,EAAA,IAAAE,EAAAkC,uBAAApC,EAAA,EAAA,IAAAE,EAAAwB,iBAAA1B,EAAA,EAAA,IAAAE,EAAAmC,yBAAArC,EAAA,EAAA,IAAAE,EAAAoC,GAAAtC,QAAAI,GAAAJ,QAAA6B,KAAAA,IAAA7B,EAAA,EAAA;AAAA,MAAA4C;AAAA,SAAA5C,EAAA,EAAA,MAAAE,EAAA2C,KAAAC,MAAA9C,EAAA,EAAA,MAAAU,KAAAV,EAAA,EAAA,MAAAY,KAAAZ,EAAA,EAAA,MAAAc,KAAAd,EAAA,EAAA,MAAAkB,KAAAlB,EAAA,EAAA,MAAAuB,KAAAvB,UAAA6B,KAnCHe,IAAA,gBAAAL,EAAA,KAAA,EACe,aAAA7B,GACC,cAAAE,GACL,SAAAE,GACL,IAAAZ,EAAI2C,KAAKC,IACJ,SAAA5B,GACF,OAAAC,GAEPI,UAAAA;AAAAA,IAAAA;AAAAA,IAOCM;AAAAA,EAAAA,GAqBH,GAAI7B,EAAA,EAAA,IAAAE,EAAA2C,KAAAC,IAAA9C,QAAAU,GAAAV,QAAAY,GAAAZ,QAAAc,GAAAd,QAAAkB,GAAAlB,QAAAuB,GAAAvB,QAAA6B,GAAA7B,QAAA4C,KAAAA,IAAA5C,EAAA,EAAA,GApCJ4C;AAoCI,CAGV,GAEaG,IAAajD,EAAK,SAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAoB;AAAA,IAAAC,MAAAA;AAAAA,IAAA8C,SAAAA;AAAAA,IAAA5C,kBAAAA;AAAAA,IAAAG,iBAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAH,cAAAA;AAAAA,IAAAD,gBAAAA;AAAAA,EAAAA,IAAAN;AASjC,MAAAW;AAAA,EAAAV,EAAA,CAAA,MAAAgD,KAAAhD,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAO,KAAAP,SAAAI,KAIXM,IAAAR,EAAI+C,YAAAA,GAAmBjC,IAAC,CAAAkC,GAAAC,MAAA;AACvB,QAAI,CAACD,EAAKE;AAAO;AAEjB,UAAAjD,IAAe,CAAC,CAAC6C,EAAOK,UAAT,CAAsBL,EAAOM,KAAMR,CAAAA,MAAMI,EAAKK,eAAmBC,IAACV,CAAgC,KAAzBI,EAAKO,aAAiBD,IAACV,CAAE,CAAC;AAAG,WAGnH,gBAAAL,EAAC5C,GAAA,EAEOqD,SACE/C,QAAAA,GACUC,kBAAAA,GACJE,cAAAA,GACED,gBAAAA,GACDI,eAAAA,GACEF,iBAAAA,GACCC,kBAAAA,EAAAA,GARb2C,CAQ6B;AAAA,EAClC,CAEL,GAACnD,OAAAgD,GAAAhD,OAAAK,GAAAL,OAAAM,GAAAN,OAAAE,GAAAF,OAAAS,GAAAT,OAAAQ,GAAAR,OAAAO,GAAAP,OAAAI,GAAAJ,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAY;AAAA,SAAAZ,SAAAU,KApBJE,IAAA,gBAAA6B,EAAA,KAAA,EAAO,IAAA,aAEJ/B,UAAAA,GAmBH,GAAIV,OAAAU,GAAAV,QAAAY,KAAAA,IAAAZ,EAAA,EAAA,GArBJY;AAqBI,CAEL;AA7ED,SAAAK,EAAAqB,GAAA;AAAA,SAK0DA,EAACO,KAAKC;AAAG;"}
+{"version":3,"file":"visualization.es54.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, DimStyle, 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    hoveredPoint: Point<T> | null;\n    /** Every point drawn as hovered, by pointKey - see useHoveredPointKeys. */\n    hoveredPointKeys: Set<string>;\n    /** Whether every point outside hoveredPointKeys is dimmed - see ChartProps' spotlight. */\n    spotlit: boolean;\n    dimStyle: DimStyle;\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    hoveredPoint,\n    hoveredPointKeys,\n    spotlit,\n    dimStyle,\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    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, dim?: DimStyle) => {\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, dim);\n        };\n\n        // Dimmed points first, so they're drawn beneath the rest. While spotlit, every point not hovered is.\n        const dimmed: Point<T>[] = [];\n        const lit: Point<T>[] = [];\n        for (const point of nonHovered) (spotlit || point.dimmed ? dimmed : lit).push(point);\n        dimmed.forEach((point) => drawRenderedPoint(point, 0, dimStyle));\n        lit.forEach((point) => drawRenderedPoint(point, 0));\n        hovered.forEach((point) =>\n            drawRenderedPoint(point, hoverAmountAt(starts.get(pointKey(point)), now), point.dimmed ? dimStyle : undefined)\n        );\n    }, [boundedHeight, boundedWidth, hoveredPointKeys, pointData, backgroundGradient, hoverStyle, spotlit, dimStyle]);\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                    point.dimmed === nextPoint.dimmed\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                                        dimStyle={dimStyle}\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","hoveredPoint","hoveredPointKeys","spotlit","dimStyle","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","currentDisplayedPoints","filter","point","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","dim","transformedX","transformedY","drawCanvasPoint","dimmed","lit","push","forEach","get","pointKey","performance","key","keys","has","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","every","index","nextPoint","r","shape","color","jsx","Stack","position","Box","justifyContent","alignItems","CircularProgress","jsxs","userSelect","top","left","backgroundColor","Group","AnimatedPoints","Fragment","map","line","LinePath","curveBasis","datum","cursor","Crosshair","AxisLeft","fill","fontSize","textAnchor","verticalAnchor","getTicks","AxisBottom","AxisTop","AxisRight","Text","PointLabels","legend","GradientLegend"],"mappings":"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"}

package/dist/visualization.es540.js

@@ -1,19 +1,35 @@
-import { timeInterval as n } from "./visualization.es635.js";
-import { durationHour as t, durationSecond as o, durationMinute as u } from "./visualization.es636.js";
-const i = n((r) => {
-  r.setTime(r - r.getMilliseconds() - r.getSeconds() * o - r.getMinutes() * u);
-}, (r, e) => {
-  r.setTime(+r + e * t);
-}, (r, e) => (e - r) / t, (r) => r.getHours());
-i.range;
-const s = n((r) => {
-  r.setUTCMinutes(0, 0, 0);
-}, (r, e) => {
-  r.setTime(+r + e * t);
-}, (r, e) => (e - r) / t, (r) => r.getUTCHours());
-s.range;
+var h, v;
+function x() {
+  if (v) return h;
+  v = 1, h = g;
+  function g(i, a, e) {
+    i instanceof RegExp && (i = d(i, e)), a instanceof RegExp && (a = d(a, e));
+    var n = o(i, a, e);
+    return n && {
+      start: n[0],
+      end: n[1],
+      pre: e.slice(0, n[0]),
+      body: e.slice(n[0] + i.length, n[1]),
+      post: e.slice(n[1] + a.length)
+    };
+  }
+  function d(i, a) {
+    var e = a.match(i);
+    return e ? e[0] : null;
+  }
+  g.range = o;
+  function o(i, a, e) {
+    var n, u, t, p, c, r = e.indexOf(i), f = e.indexOf(a, r + 1), l = r;
+    if (r >= 0 && f > 0) {
+      for (n = [], t = e.length; l >= 0 && !c; )
+        l == r ? (n.push(l), r = e.indexOf(i, l + 1)) : n.length == 1 ? c = [n.pop(), f] : (u = n.pop(), u < t && (t = u, p = f), f = e.indexOf(a, l + 1)), l = r < f && r >= 0 ? r : f;
+      n.length && (c = [t, p]);
+    }
+    return c;
+  }
+  return h;
+}
 export {
-  i as timeHour,
-  s as utcHour
+  x as __require
 };
 //# sourceMappingURL=visualization.es540.js.map

package/dist/visualization.es540.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es540.js","sources":["../../../node_modules/.pnpm/d3-time@3.1.0/node_modules/d3-time/src/hour.js"],"sourcesContent":["import {timeInterval} from \"./interval.js\";\nimport {durationHour, durationMinute, durationSecond} from \"./duration.js\";\n\nexport const timeHour = timeInterval((date) => {\n  date.setTime(date - date.getMilliseconds() - date.getSeconds() * durationSecond - date.getMinutes() * durationMinute);\n}, (date, step) => {\n  date.setTime(+date + step * durationHour);\n}, (start, end) => {\n  return (end - start) / durationHour;\n}, (date) => {\n  return date.getHours();\n});\n\nexport const timeHours = timeHour.range;\n\nexport const utcHour = timeInterval((date) => {\n  date.setUTCMinutes(0, 0, 0);\n}, (date, step) => {\n  date.setTime(+date + step * durationHour);\n}, (start, end) => {\n  return (end - start) / durationHour;\n}, (date) => {\n  return date.getUTCHours();\n});\n\nexport const utcHours = utcHour.range;\n"],"names":["timeHour","timeInterval","date","durationSecond","durationMinute","step","durationHour","start","end","utcHour"],"mappings":";;AAGY,MAACA,IAAWC,EAAa,CAACC,MAAS;AAC7C,EAAAA,EAAK,QAAQA,IAAOA,EAAK,gBAAe,IAAKA,EAAK,WAAU,IAAKC,IAAiBD,EAAK,WAAU,IAAKE,CAAc;AACtH,GAAG,CAACF,GAAMG,MAAS;AACjB,EAAAH,EAAK,QAAQ,CAACA,IAAOG,IAAOC,CAAY;AAC1C,GAAG,CAACC,GAAOC,OACDA,IAAMD,KAASD,GACtB,CAACJ,MACKA,EAAK,SAAQ,CACrB;AAEwBF,EAAS;AAEtB,MAACS,IAAUR,EAAa,CAACC,MAAS;AAC5C,EAAAA,EAAK,cAAc,GAAG,GAAG,CAAC;AAC5B,GAAG,CAACA,GAAMG,MAAS;AACjB,EAAAH,EAAK,QAAQ,CAACA,IAAOG,IAAOC,CAAY;AAC1C,GAAG,CAACC,GAAOC,OACDA,IAAMD,KAASD,GACtB,CAACJ,MACKA,EAAK,YAAW,CACxB;AAEuBO,EAAQ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es540.js","sources":["../../../node_modules/.pnpm/balanced-match@0.4.2/node_modules/balanced-match/index.js"],"sourcesContent":["module.exports = balanced;\nfunction balanced(a, b, str) {\n  if (a instanceof RegExp) a = maybeMatch(a, str);\n  if (b instanceof RegExp) b = maybeMatch(b, str);\n\n  var r = range(a, b, str);\n\n  return r && {\n    start: r[0],\n    end: r[1],\n    pre: str.slice(0, r[0]),\n    body: str.slice(r[0] + a.length, r[1]),\n    post: str.slice(r[1] + b.length)\n  };\n}\n\nfunction maybeMatch(reg, str) {\n  var m = str.match(reg);\n  return m ? m[0] : null;\n}\n\nbalanced.range = range;\nfunction range(a, b, str) {\n  var begs, beg, left, right, result;\n  var ai = str.indexOf(a);\n  var bi = str.indexOf(b, ai + 1);\n  var i = ai;\n\n  if (ai >= 0 && bi > 0) {\n    begs = [];\n    left = str.length;\n\n    while (i >= 0 && !result) {\n      if (i == ai) {\n        begs.push(i);\n        ai = str.indexOf(a, i + 1);\n      } else if (begs.length == 1) {\n        result = [ begs.pop(), bi ];\n      } else {\n        beg = begs.pop();\n        if (beg < left) {\n          left = beg;\n          right = bi;\n        }\n\n        bi = str.indexOf(b, i + 1);\n      }\n\n      i = ai < bi && ai >= 0 ? ai : bi;\n    }\n\n    if (begs.length) {\n      result = [ left, right ];\n    }\n  }\n\n  return result;\n}\n"],"names":["balancedMatch","balanced","a","b","str","maybeMatch","r","range","reg","m","begs","beg","left","right","result","ai","bi","i"],"mappings":";;;SAAAA,IAAiBC;AACjB,WAASA,EAASC,GAAGC,GAAGC,GAAK;AAC3B,IAAIF,aAAa,WAAQA,IAAIG,EAAWH,GAAGE,CAAG,IAC1CD,aAAa,WAAQA,IAAIE,EAAWF,GAAGC,CAAG;AAE9C,QAAIE,IAAIC,EAAML,GAAGC,GAAGC,CAAG;AAEvB,WAAOE,KAAK;AAAA,MACV,OAAOA,EAAE,CAAC;AAAA,MACV,KAAKA,EAAE,CAAC;AAAA,MACR,KAAKF,EAAI,MAAM,GAAGE,EAAE,CAAC,CAAC;AAAA,MACtB,MAAMF,EAAI,MAAME,EAAE,CAAC,IAAIJ,EAAE,QAAQI,EAAE,CAAC,CAAC;AAAA,MACrC,MAAMF,EAAI,MAAME,EAAE,CAAC,IAAIH,EAAE,MAAM;AAAA;EAEnC;AAEA,WAASE,EAAWG,GAAKJ,GAAK;AAC5B,QAAIK,IAAIL,EAAI,MAAMI,CAAG;AACrB,WAAOC,IAAIA,EAAE,CAAC,IAAI;AAAA,EACpB;AAEA,EAAAR,EAAS,QAAQM;AACjB,WAASA,EAAML,GAAGC,GAAGC,GAAK;AACxB,QAAIM,GAAMC,GAAKC,GAAMC,GAAOC,GACxBC,IAAKX,EAAI,QAAQF,CAAC,GAClBc,IAAKZ,EAAI,QAAQD,GAAGY,IAAK,CAAC,GAC1BE,IAAIF;AAER,QAAIA,KAAM,KAAKC,IAAK,GAAG;AAIrB,WAHAN,IAAO,CAAA,GACPE,IAAOR,EAAI,QAEJa,KAAK,KAAK,CAACH;AAChB,QAAIG,KAAKF,KACPL,EAAK,KAAKO,CAAC,GACXF,IAAKX,EAAI,QAAQF,GAAGe,IAAI,CAAC,KAChBP,EAAK,UAAU,IACxBI,IAAS,CAAEJ,EAAK,IAAG,GAAIM,CAAE,KAEzBL,IAAMD,EAAK,IAAG,GACVC,IAAMC,MACRA,IAAOD,GACPE,IAAQG,IAGVA,IAAKZ,EAAI,QAAQD,GAAGc,IAAI,CAAC,IAG3BA,IAAIF,IAAKC,KAAMD,KAAM,IAAIA,IAAKC;AAGhC,MAAIN,EAAK,WACPI,IAAS,CAAEF,GAAMC,CAAK;AAAA,IAE5B;AAEE,WAAOC;AAAA,EACT;;;","x_google_ignoreList":[0]}

package/dist/visualization.es541.js

@@ -1,27 +1,37 @@
-import { timeInterval as o } from "./visualization.es635.js";
-import { durationMinute as n, durationDay as r } from "./visualization.es636.js";
-const a = o(
-  (t) => t.setHours(0, 0, 0, 0),
-  (t, e) => t.setDate(t.getDate() + e),
-  (t, e) => (e - t - (e.getTimezoneOffset() - t.getTimezoneOffset()) * n) / r,
-  (t) => t.getDate() - 1
-);
-a.range;
-const s = o((t) => {
-  t.setUTCHours(0, 0, 0, 0);
-}, (t, e) => {
-  t.setUTCDate(t.getUTCDate() + e);
-}, (t, e) => (e - t) / r, (t) => t.getUTCDate() - 1);
-s.range;
-const u = o((t) => {
-  t.setUTCHours(0, 0, 0, 0);
-}, (t, e) => {
-  t.setUTCDate(t.getUTCDate() + e);
-}, (t, e) => (e - t) / r, (t) => Math.floor(t / r));
-u.range;
+import { __require as p } from "./visualization.es599.js";
+var d, a;
+function w() {
+  if (a) return d;
+  a = 1;
+  var s = p();
+  d = f;
+  function f(e, r, i) {
+    var u = e;
+    return l(e, r).reduce(function(n, t) {
+      return n.replace(t.functionIdentifier + "(" + t.matches.body + ")", v(t.matches.body, t.functionIdentifier, i, u, r));
+    }, e);
+  }
+  function l(e, r) {
+    var i = [], u = typeof r == "string" ? new RegExp("\\b(" + r + ")\\(") : r;
+    do {
+      var n = u.exec(e);
+      if (!n)
+        return i;
+      if (n[1] === void 0)
+        throw new Error("Missing the first couple of parenthesis to get the function identifier in " + r);
+      var t = n[1], c = n.index, o = s("(", ")", e.substring(c));
+      if (!o || o.start !== n[0].length - 1)
+        throw new SyntaxError(t + "(): missing closing ')' in the value '" + e + "'");
+      i.push({ matches: o, functionIdentifier: t }), e = o.post;
+    } while (u.test(e));
+    return i;
+  }
+  function v(e, r, i, u, n) {
+    return i(f(e, n, i), r, u);
+  }
+  return d;
+}
 export {
-  a as timeDay,
-  u as unixDay,
-  s as utcDay
+  w as __require
 };
 //# sourceMappingURL=visualization.es541.js.map