@weng-lab/visualization 2.4.2 → 2.4.3

package/dist/visualization.es124.js

@@ -1,150 +1,25 @@
-import { jsxs as a, jsx as t, Fragment as J } from "react/jsx-runtime";
-import { c as K } from "react/compiler-runtime";
-import v from "@mui/material/Typography";
-import N from "@mui/icons-material/Info";
-import O from "@mui/material/Tooltip";
-const Z = (E) => {
-  const e = K(50), {
-    scales: u,
-    width: l,
-    scaleLabel: k
-  } = E;
-  if (u.length === 0)
-    return null;
-  let c, s, i, m, o, f, d, h, n, y, p, x;
-  if (e[0] !== k || e[1] !== u || e[2] !== l) {
-    const r = [...u].sort(P), R = r[0], W = r[r.length - 1], $ = r[Math.floor(r.length / 4)], q = r[Math.floor(r.length * 3 / 4)];
-    let z;
-    if (e[15] !== l) {
-      const G = l.toString();
-      z = G.match(/=>\s*(.*)/)?.[1]?.trim().replace("Math.", "") || G, e[15] = l, e[16] = z;
-    } else
-      z = e[16];
-    let w = z;
-    k && (w = k);
-    let A;
-    e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = {
-      top: "20vh",
-      zIndex: 1e3,
-      backgroundColor: "white",
-      padding: "10px",
-      borderRadius: "5px",
-      fontSize: "13px",
-      width: "225px",
-      textAlign: "left"
-    }, e[17] = A) : A = e[17];
-    const H = A;
-    let C;
-    e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "left",
-      marginBottom: "5px"
-    }, e[18] = C) : C = e[18];
-    const I = C;
-    m = H;
-    let L;
-    e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = {
-      margin: "3px 0",
-      fontSize: "16px",
-      fontFamily: "Arial"
-    }, e[19] = L) : L = e[19];
-    let T;
-    e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = {
-      ml: 0.5
-    }, e[20] = T) : T = e[20];
-    let j;
-    e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ t(N, { fontSize: "small", style: {
-      marginBottom: "-4.5px",
-      marginTop: "-7px"
-    } }), e[21] = j) : j = e[21], e[22] !== w ? (i = /* @__PURE__ */ a(v, { variant: "body2", component: "h4", style: L, children: [
-      "Edge Weight Scale:",
-      /* @__PURE__ */ t(O, { title: w, color: "primary", sx: T, placement: "bottom", children: j })
-    ] }), e[22] = w, e[23] = i) : i = e[23], e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "left",
-      marginTop: "10px"
-    }, e[24] = n) : n = e[24];
-    let M;
-    e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = {
-      marginLeft: "10px",
-      fontSize: "14px",
-      fontFamily: "Arial"
-    }, e[25] = M) : M = e[25], y = /* @__PURE__ */ a("div", { style: I, children: [
-      /* @__PURE__ */ t("div", { style: {
-        width: l(R),
-        height: "10px",
-        backgroundColor: "black",
-        display: "inline-block"
-      } }),
-      /* @__PURE__ */ t(v, { variant: "body2", style: M, children: R.toFixed(2) })
-    ] });
-    let B;
-    e[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = {
-      marginLeft: "10px",
-      fontSize: "14px",
-      fontFamily: "Arial"
-    }, e[26] = B) : B = e[26], p = /* @__PURE__ */ a("div", { style: I, children: [
-      /* @__PURE__ */ t("div", { style: {
-        width: l($),
-        height: "10px",
-        backgroundColor: "black",
-        display: "inline-block"
-      } }),
-      /* @__PURE__ */ t(v, { variant: "body2", style: B, children: $.toFixed(2) })
-    ] });
-    let D;
-    e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = {
-      marginLeft: "10px",
-      fontSize: "14px",
-      fontFamily: "Arial"
-    }, e[27] = D) : D = e[27], x = /* @__PURE__ */ a("div", { style: I, children: [
-      /* @__PURE__ */ t("div", { style: {
-        width: l(q),
-        height: "10px",
-        backgroundColor: "black",
-        display: "inline-block"
-      } }),
-      /* @__PURE__ */ t(v, { variant: "body2", style: D, children: q.toFixed(2) })
-    ] }), d = I, h = /* @__PURE__ */ t("div", { style: {
-      width: l(W),
-      height: "10px",
-      backgroundColor: "black",
-      display: "inline-block"
-    } }), c = v, s = "body2", e[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
-      marginLeft: "10px",
-      fontSize: "14px",
-      fontFamily: "Arial"
-    }, e[28] = o) : o = e[28], f = W.toFixed(2), e[0] = k, e[1] = u, e[2] = l, e[3] = c, e[4] = s, e[5] = i, e[6] = m, e[7] = o, e[8] = f, e[9] = d, e[10] = h, e[11] = n, e[12] = y, e[13] = p, e[14] = x;
-  } else
-    c = e[3], s = e[4], i = e[5], m = e[6], o = e[7], f = e[8], d = e[9], h = e[10], n = e[11], y = e[12], p = e[13], x = e[14];
-  let g;
-  e[29] !== c || e[30] !== s || e[31] !== o || e[32] !== f ? (g = /* @__PURE__ */ t(c, { variant: s, style: o, children: f }), e[29] = c, e[30] = s, e[31] = o, e[32] = f, e[33] = g) : g = e[33];
-  let b;
-  e[34] !== g || e[35] !== d || e[36] !== h ? (b = /* @__PURE__ */ a("div", { style: d, children: [
-    h,
-    g
-  ] }), e[34] = g, e[35] = d, e[36] = h, e[37] = b) : b = e[37];
-  let S;
-  e[38] !== b || e[39] !== n || e[40] !== y || e[41] !== p || e[42] !== x ? (S = /* @__PURE__ */ a("div", { style: n, children: [
-    y,
-    p,
-    x,
-    b
-  ] }), e[38] = b, e[39] = n, e[40] = y, e[41] = p, e[42] = x, e[43] = S) : S = e[43];
-  let _;
-  e[44] !== i || e[45] !== S ? (_ = /* @__PURE__ */ a(J, { children: [
-    i,
-    S
-  ] }), e[44] = i, e[45] = S, e[46] = _) : _ = e[46];
-  let F;
-  return e[47] !== m || e[48] !== _ ? (F = /* @__PURE__ */ t("div", { style: m, children: _ }), e[47] = m, e[48] = _, e[49] = F) : F = e[49], F;
-};
-function P(E, e) {
-  return E - e;
+import r from "./visualization.es22.js";
+const i = "#d1d5db", c = 0.5, u = "none", L = (n) => `${n.row}-${n.column}`;
+function m(n, e) {
+  const [a, t] = e;
+  return r({
+    range: n,
+    domain: n.map((l, o) => a + o * (t - a) / (n.length - 1))
+  });
+}
+function p(n, e, a, t) {
+  const l = n == null;
+  return {
+    fill: l ? u : a ? t : e ?? t,
+    fillOpacity: l ? 0 : a ? c : 1
+  };
 }
 export {
-  Z as default
+  i as DEFAULT_DESELECTED_COLOR,
+  c as DESELECTED_OPACITY,
+  u as NULL_VALUE_COLOR,
+  L as cellKey,
+  m as getHeatmapColorScale,
+  p as resolveCellAppearance
 };
 //# sourceMappingURL=visualization.es124.js.map

package/dist/visualization.es124.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es124.js","sources":["../src/components/Graph/ScaleLegend.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport Typography from '@mui/material/Typography';\nimport InfoIcon from '@mui/icons-material/Info';\nimport Tooltip from '@mui/material/Tooltip';\n\ninterface ScaleProps {\n  scales: number[];\n  width: (n: number) => number;\n  scaleLabel?: string;\n}\n\nconst ScaleLegend: React.FC<ScaleProps> = ({ scales, width, scaleLabel }) => {\n  if (scales.length === 0) return null;\n\n  const sorted = [...scales].sort((a, b) => a - b);\n  const min = sorted[0];\n  const max = sorted[sorted.length - 1];\n  const mid1 = sorted[Math.floor(sorted.length / 4)];\n  const mid2 = sorted[Math.floor((sorted.length * 3) / 4)];\n\n  const scaleFunctionStr = width.toString();\n  let scaleFormula =\n    scaleFunctionStr\n      .match(/=>\\s*(.*)/)?.[1]\n      ?.trim()\n      .replace('Math.', '') || scaleFunctionStr;\n  if (scaleLabel) {\n    scaleFormula = scaleLabel;\n  }\n\n  const divStyle: CSSProperties = {\n    top: '20vh',\n    zIndex: 1000,\n    backgroundColor: 'white',\n    padding: '10px',\n    borderRadius: '5px',\n    fontSize: '13px',\n    width: '225px',\n    textAlign: 'left',\n  };\n\n  const scaleItemStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'left',\n    marginBottom: '5px',\n  };\n\n  return (\n    <div style={divStyle}>\n      <>\n        <Typography\n          variant=\"body2\"\n          component=\"h4\"\n          style={{\n            margin: '3px 0',\n            fontSize: '16px',\n            fontFamily: 'Arial',\n          }}\n        >\n          Edge Weight Scale:\n          <Tooltip\n            title={scaleFormula}\n            color=\"primary\"\n            sx={{ ml: 0.5 }}\n            placement=\"bottom\"\n          >\n            <InfoIcon\n              fontSize=\"small\"\n              style={{ marginBottom: '-4.5px', marginTop: '-7px' }}\n            />\n          </Tooltip>\n        </Typography>\n\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'left',\n            marginTop: '10px',\n          }}\n        >\n          <div style={scaleItemStyle}>\n            <div\n              style={{\n                width: width(min),\n                height: '10px',\n                backgroundColor: 'black',\n                display: 'inline-block',\n              }}\n            ></div>\n            <Typography\n              variant=\"body2\"\n              style={{\n                marginLeft: '10px',\n                fontSize: '14px',\n                fontFamily: 'Arial',\n              }}\n            >\n              {min.toFixed(2)}\n            </Typography>\n          </div>\n          <div style={scaleItemStyle}>\n            <div\n              style={{\n                width: width(mid1),\n                height: '10px',\n                backgroundColor: 'black',\n                display: 'inline-block',\n              }}\n            ></div>\n            <Typography\n              variant=\"body2\"\n              style={{\n                marginLeft: '10px',\n                fontSize: '14px',\n                fontFamily: 'Arial',\n              }}\n            >\n              {mid1.toFixed(2)}\n            </Typography>\n          </div>\n          <div style={scaleItemStyle}>\n            <div\n              style={{\n                width: width(mid2),\n                height: '10px',\n                backgroundColor: 'black',\n                display: 'inline-block',\n              }}\n            ></div>\n            <Typography\n              variant=\"body2\"\n              style={{\n                marginLeft: '10px',\n                fontSize: '14px',\n                fontFamily: 'Arial',\n              }}\n            >\n              {mid2.toFixed(2)}\n            </Typography>\n          </div>\n          <div style={scaleItemStyle}>\n            <div\n              style={{\n                width: width(max),\n                height: '10px',\n                backgroundColor: 'black',\n                display: 'inline-block',\n              }}\n            ></div>\n            <Typography\n              variant=\"body2\"\n              style={{\n                marginLeft: '10px',\n                fontSize: '14px',\n                fontFamily: 'Arial',\n              }}\n            >\n              {max.toFixed(2)}\n            </Typography>\n          </div>\n        </div>\n      </>\n    </div>\n  );\n};\n\nexport default ScaleLegend;\n"],"names":["ScaleLegend","t0","$","_c","scales","width","scaleLabel","length","T0","t1","t10","t11","t2","t3","t4","t5","t6","t7","t8","t9","sorted","sort","_temp","min","max","mid1","Math","floor","mid2","t12","scaleFunctionStr","toString","match","trim","replace","scaleFormula","t13","Symbol","for","top","zIndex","backgroundColor","padding","borderRadius","fontSize","textAlign","divStyle","t14","display","alignItems","justifyContent","marginBottom","scaleItemStyle","t15","margin","fontFamily","t16","ml","t17","jsx","InfoIcon","marginTop","Typography","Tooltip","flexDirection","t18","marginLeft","jsxs","height","toFixed","t19","t20","a","b"],"mappings":"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"}
+{"version":3,"file":"visualization.es124.js","sources":["../src/components/Heatmap/heatmapCellAppearance.ts"],"sourcesContent":["import { scaleLinear } from \"@visx/scale\";\nimport type { HeatmapCellId } from \"./types\";\n\nexport const DEFAULT_DESELECTED_COLOR = \"#d1d5db\";\nexport const DESELECTED_OPACITY = 0.5;\nexport const NULL_VALUE_COLOR = \"none\";\n\nexport const cellKey = (cell: HeatmapCellId) => `${cell.row}-${cell.column}`;\n\nexport function getHeatmapColorScale(colors: [string, string, ...string[]], domain: [number, number]) {\n  const [minValue, maxValue] = domain;\n  return scaleLinear<string>({\n    range: colors,\n    domain: colors.map((_, i) => minValue + (i * (maxValue - minValue)) / (colors.length - 1)),\n  });\n}\n\n/**\n * Shared by the SVG cell renderer (HeatmapCells.tsx, used for non-scrollable mode and export)\n * and the canvas cell renderer (HeatmapCanvasCells.ts, used on-screen in scrollable mode) so the\n * two can never drift apart on what a cell actually looks like.\n */\nexport function resolveCellAppearance(\n  count: number | null | undefined,\n  color: string | undefined,\n  isDeselected: boolean,\n  deselectedColor: string\n): { fill: string; fillOpacity: number } {\n  const isNullValue = count == null;\n  return {\n    fill: isNullValue ? NULL_VALUE_COLOR : isDeselected ? deselectedColor : color ?? deselectedColor,\n    fillOpacity: isNullValue ? 0 : isDeselected ? DESELECTED_OPACITY : 1,\n  };\n}\n"],"names":["DEFAULT_DESELECTED_COLOR","DESELECTED_OPACITY","NULL_VALUE_COLOR","cellKey","cell","row","column","getHeatmapColorScale","colors","domain","minValue","maxValue","scaleLinear","range","map","_","i","length","resolveCellAppearance","count","color","isDeselected","deselectedColor","isNullValue","fill","fillOpacity"],"mappings":";AAGO,MAAMA,IAA2B,WAC3BC,IAAqB,KACrBC,IAAmB,QAEnBC,IAAUA,CAACC,MAAwB,GAAGA,EAAKC,GAAG,IAAID,EAAKE,MAAM;AAEnE,SAASC,EAAqBC,GAAuCC,GAA0B;AACpG,QAAM,CAACC,GAAUC,CAAQ,IAAIF;AAC7B,SAAOG,EAAoB;AAAA,IACzBC,OAAOL;AAAAA,IACPC,QAAQD,EAAOM,IAAI,CAACC,GAAGC,MAAMN,IAAYM,KAAKL,IAAWD,MAAcF,EAAOS,SAAS,EAAE;AAAA,EAAA,CAC1F;AACH;AAOO,SAASC,EACdC,GACAC,GACAC,GACAC,GACuC;AACvC,QAAMC,IAAcJ,KAAS;AAC7B,SAAO;AAAA,IACLK,MAAMD,IAAcrB,IAAmBmB,IAAeC,IAAkBF,KAASE;AAAAA,IACjFG,aAAaF,IAAc,IAAIF,IAAepB,IAAqB;AAAA,EAAA;AAEvE;"}

package/dist/visualization.es125.js

@@ -1,35 +1,127 @@
-import { jsx as u } from "react/jsx-runtime";
-import { c as S } from "react/compiler-runtime";
-import { getAnimationProps as T } from "./visualization.es33.js";
-import { getTrianglePoints as A } from "./visualization.es17.js";
-import { motion as W } from "./visualization.es37.js";
-const G = (k) => {
-  const o = S(19), {
-    pointData: g,
-    animation: e,
-    animationGroupSize: a,
-    animationBuffer: i,
-    xScaleTransformed: n,
-    yScaleTransformed: s,
-    boundedWidth: c,
-    boundedHeight: l
-  } = k;
-  let t;
-  if (o[0] !== e || o[1] !== i || o[2] !== a || o[3] !== l || o[4] !== c || o[5] !== g || o[6] !== n || o[7] !== s) {
-    let f;
-    o[9] !== e || o[10] !== i || o[11] !== a || o[12] !== l || o[13] !== c || o[14] !== n || o[15] !== s ? (f = (r, y) => {
-      const x = W.g, b = Math.floor(y / (a ?? 1)), P = T(e, b, i ?? 0.03), p = n(r.x), d = s(r.y);
-      if (p < 0 || p > c || d < 0 || d > l)
-        return null;
-      const h = r.r ?? 3;
-      return /* @__PURE__ */ u(x, { ...P, children: r.shape === "triangle" ? /* @__PURE__ */ u("polygon", { points: A(p, d, h), fill: r.color ?? "black", stroke: r.stroke, opacity: r.opacity ?? 1 }) : /* @__PURE__ */ u("circle", { cx: p, cy: d, r: h, fill: r.color ?? "black", stroke: r.stroke, opacity: r.opacity ?? 1 }) }, `pt-${y}`);
-    }, o[9] = e, o[10] = i, o[11] = a, o[12] = l, o[13] = c, o[14] = n, o[15] = s, o[16] = f) : f = o[16], t = g.map(f), o[0] = e, o[1] = i, o[2] = a, o[3] = l, o[4] = c, o[5] = g, o[6] = n, o[7] = s, o[8] = t;
-  } else
-    t = o[8];
-  let m;
-  return o[17] !== t ? (m = /* @__PURE__ */ u("g", { children: t }), o[17] = t, o[18] = m) : m = o[18], m;
-};
+import { cellKey as D, resolveCellAppearance as H } from "./visualization.es124.js";
+const w = (t, o, n) => Math.min(Math.max(t, o), n);
+function x(t, o, n) {
+  const {
+    xScale: a,
+    cellYScale: r,
+    gap: i,
+    isRect: l,
+    binWidth: c,
+    binHeight: u
+  } = t;
+  if (l)
+    return {
+      isRect: !0,
+      x: a(o),
+      y: r(n) + i,
+      width: c - i,
+      height: u - i
+    };
+  const e = Math.min(c, u) / 2;
+  return {
+    isRect: !1,
+    cx: o * c + c / 2,
+    cy: r(n) + i + e,
+    r: e - i,
+    radius: e
+  };
+}
+function W(t, o, n, a, r, i) {
+  const {
+    data: l,
+    numRows: c,
+    binWidth: u,
+    binHeight: e,
+    yMax: s
+  } = t;
+  return {
+    colStart: w(Math.floor(o / u) - i, 0, Math.max(0, l.length - 1)),
+    colEnd: w(Math.ceil((o + a) / u) + i, 0, Math.max(0, l.length - 1)),
+    rowStart: w(Math.floor((s - (n + r)) / e) - i, 0, Math.max(0, c - 1)),
+    rowEnd: w(Math.floor((s - n) / e) + i, 0, Math.max(0, c - 1))
+  };
+}
+function C(t, o, n, a) {
+  const {
+    data: r,
+    colorScale: i,
+    selectedKeys: l,
+    deselectedColor: c
+  } = o;
+  let u = null, e = -1;
+  for (let s = n.colStart; s <= n.colEnd; s++) {
+    const y = r[s];
+    if (y)
+      for (let f = n.rowStart; f <= n.rowEnd; f++) {
+        const M = y.rows[f];
+        if (!M) continue;
+        const g = M.count, R = g == null ? void 0 : i(g), A = !!l && !l.has(D({
+          row: f,
+          column: s
+        })), {
+          fill: d,
+          fillOpacity: m
+        } = H(g, R, A, c);
+        if (m <= 0) continue;
+        const h = x(o, s, f);
+        m !== e && (t.globalAlpha = m, e = m), d !== u && (t.fillStyle = d, u = d);
+        const b = a !== null && a.row === f && a.column === s;
+        if (h.isRect) {
+          const p = Math.max(h.width, 0), S = Math.max(h.height, 0);
+          t.fillRect(h.x, h.y, p, S), b && (t.beginPath(), t.rect(h.x, h.y, p, S));
+        } else
+          t.beginPath(), t.arc(h.cx, h.cy, Math.max(h.r, 0), 0, Math.PI * 2), t.fill();
+        b && (t.globalAlpha = 1, e = 1, t.lineWidth = 2, t.strokeStyle = d, t.stroke());
+      }
+  }
+  t.globalAlpha = 1;
+}
+function P(t, o, n) {
+  const {
+    data: a,
+    numRows: r,
+    binWidth: i,
+    binHeight: l,
+    yMax: c
+  } = t;
+  if (o < 0 || n < 0) return null;
+  const u = Math.floor(o / i), e = Math.floor((c - n) / l);
+  return u < 0 || u >= a.length || e < 0 || e >= r || !a[u]?.rows[e] ? null : {
+    row: e,
+    column: u
+  };
+}
+function k(t, o) {
+  const n = t.data[o.column], a = n?.rows[o.row];
+  if (!n || !a) return null;
+  const r = a.count, i = r == null ? void 0 : t.colorScale(r), l = x(t, o.column, o.row), c = {
+    bin: a,
+    row: o.row,
+    column: o.column,
+    datum: n,
+    gap: t.gap,
+    count: r,
+    color: i,
+    opacity: r == null ? void 0 : 1
+  };
+  return l.isRect ? {
+    ...c,
+    x: l.x,
+    y: l.y,
+    width: l.width,
+    height: l.height
+  } : {
+    ...c,
+    cx: l.cx,
+    cy: l.cy,
+    r: l.r,
+    radius: l.radius
+  };
+}
 export {
-  G as default
+  k as buildBin,
+  C as drawHeatmapCells,
+  W as getVisibleRange,
+  P as hitTestCell
 };
 //# sourceMappingURL=visualization.es125.js.map

package/dist/visualization.es125.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es125.js","sources":["../src/components/ScatterPlot/AnimatedPoints.tsx"],"sourcesContent":["import React from \"react\";\nimport { motion } from \"framer-motion\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { AnimationType, getAnimationProps } from \"../../utility\";\nimport { Point } from \"./types\";\nimport { getTrianglePoints } from \"./helpers\";\n\ntype AnimatedPointsProps<T extends object> = {\n    pointData: Point<T>[];\n    animation: AnimationType;\n    animationGroupSize?: number;\n    animationBuffer?: number;\n    xScaleTransformed: ScaleLinear<number, number, never>;\n    yScaleTransformed: ScaleLinear<number, number, never>;\n    boundedWidth: number;\n    boundedHeight: number;\n};\n\nconst AnimatedPoints = <T extends object>({\n    pointData,\n    animation,\n    animationGroupSize,\n    animationBuffer,\n    xScaleTransformed,\n    yScaleTransformed,\n    boundedWidth,\n    boundedHeight,\n}: AnimatedPointsProps<T>) => (\n    <g>\n        {pointData.map((point, index) => {\n            const Wrapper = motion.g;\n            const groupIndex = Math.floor(index / (animationGroupSize ?? 1));\n            const animationProps = getAnimationProps(animation, groupIndex, animationBuffer ?? 0.03);\n            const cx = xScaleTransformed(point.x);\n            const cy = yScaleTransformed(point.y);\n            if (cx < 0 || cx > boundedWidth || cy < 0 || cy > boundedHeight) return null;\n            const radius = point.r ?? 3;\n            return (\n                <Wrapper key={`pt-${index}`} {...animationProps}>\n                    {point.shape === \"triangle\" ? (\n                        <polygon\n                            points={getTrianglePoints(cx, cy, radius)}\n                            fill={point.color ?? \"black\"}\n                            stroke={point.stroke}\n                            opacity={point.opacity ?? 1}\n                        />\n                    ) : (\n                        <circle\n                            cx={cx}\n                            cy={cy}\n                            r={radius}\n                            fill={point.color ?? \"black\"}\n                            stroke={point.stroke}\n                            opacity={point.opacity ?? 1}\n                        />\n                    )}\n                </Wrapper>\n            );\n        })}\n    </g>\n);\n\nexport default AnimatedPoints;\n"],"names":["AnimatedPoints","t0","$","_c","pointData","animation","animationGroupSize","animationBuffer","xScaleTransformed","yScaleTransformed","boundedWidth","boundedHeight","t1","t2","point","index","Wrapper","motion","g","groupIndex","Math","floor","animationProps","getAnimationProps","cx","x","cy","y","radius","r","jsx","shape","getTrianglePoints","color","stroke","opacity","map"],"mappings":";;;;;AAkBA,MAAMA,IAAiBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAmB;AAAA,IAAAC,WAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,oBAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,IAAAV;AASjB,MAAAW;AAAA,MAAAV,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAM,KAAAN,SAAAO,GAAA;AAAA,QAAAI;AAAA,IAAAX,EAAA,CAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAI,KAAAJ,UAAAS,KAAAT,EAAA,EAAA,MAAAQ,KAAAR,EAAA,EAAA,MAAAM,KAAAN,EAAA,EAAA,MAAAO,KAEFI,IAAAA,CAAAC,GAAAC,MAAA;AACX,YAAAC,IAAgBC,EAAMC,GACtBC,IAAmBC,KAAIC,MAAON,KAAST,KAAA,EAAwB,GAC/DgB,IAAuBC,EAAkBlB,GAAWc,GAAYZ,KAAA,IAAuB,GACvFiB,IAAWhB,EAAkBM,EAAKW,CAAE,GACpCC,IAAWjB,EAAkBK,EAAKa,CAAE;AACpC,UAAIH,IAAK,KAAKA,IAAKd,KAAgBgB,IAAK,KAAKA,IAAKf;AAAa,eAAS;AACxE,YAAAiB,IAAed,EAAKe,KAAL;AAAa,aAExB,gBAAAC,EAACd,KAA0B,GAAMM,GAC5BR,YAAKiB,UAAW,4CAED,QAAAC,EAAkBR,GAAIE,GAAIE,CAAM,GAClC,MAAAd,EAAKmB,SAAL,SACE,QAAAnB,EAAKoB,QACJ,SAAApB,EAAKqB,WAAL,EAAA,CAAkB,IAG/B,gBAAAL,cACQN,IAAAA,GACAE,IAAAA,GACDE,MACG,MAAAd,EAAKmB,SAAL,SACE,QAAAnB,EAAKoB,QACJ,SAAApB,EAAKqB,WAAL,EAAA,CAAkB,EAAA,SAfnBpB,CAAK,EAkBzB;AAAA,IAAU,GAEjBb,OAAAG,GAAAH,QAAAK,GAAAL,QAAAI,GAAAJ,QAAAS,GAAAT,QAAAQ,GAAAR,QAAAM,GAAAN,QAAAO,GAAAP,QAAAW,KAAAA,IAAAX,EAAA,EAAA,GA7BAU,IAAAR,EAASgC,IAAKvB,CA6Bd,GAACX,OAAAG,GAAAH,OAAAK,GAAAL,OAAAI,GAAAJ,OAAAS,GAAAT,OAAAQ,GAAAR,OAAAE,GAAAF,OAAAM,GAAAN,OAAAO,GAAAP,OAAAU;AAAAA,EAAA;AAAAA,IAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAW;AAAA,SAAAX,UAAAU,KA9BNC,6BACKD,UAAAA,EAAAA,CA8BL,GAAIV,QAAAU,GAAAV,QAAAW,KAAAA,IAAAX,EAAA,EAAA,GA/BJW;AA+BI;"}
+{"version":3,"file":"visualization.es125.js","sources":["../src/components/Heatmap/HeatmapCanvasCells.ts"],"sourcesContent":["import type { ColumnDatum, HeatmapCellId } from \"./types\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport { cellKey, resolveCellAppearance } from \"./heatmapCellAppearance\";\n\n/**\n * Everything the canvas draw loop and hit-testing need to place a cell exactly where the SVG\n * path (HeatmapCells.tsx, via @visx/heatmap's HeatmapRect/HeatmapCircle) would. xScale/cellYScale\n * are the same functions Heatmap.tsx already builds and passes to HeatmapCells.\n */\nexport interface CanvasCellParams {\n  data: ColumnDatum[];\n  numRows: number;\n  xScale: (column: number) => number;\n  cellYScale: (row: number) => number;\n  colorScale: (count: number) => string | undefined;\n  gap: number;\n  isRect: boolean;\n  binWidth: number;\n  binHeight: number;\n  yMax: number;\n  selectedKeys: Set<string> | null;\n  deselectedColor: string;\n}\n\nexport interface CanvasDrawRange {\n  colStart: number;\n  colEnd: number;\n  rowStart: number;\n  rowEnd: number;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\n// Mirrors @visx/heatmap's HeatmapRect/HeatmapCircle bin geometry exactly (see their source:\n// node_modules/@visx/heatmap/lib/heatmaps/{HeatmapRect,HeatmapCircle}.js) so canvas-drawn cells\n// land on the same pixels the SVG path (export, non-scrollable mode) would draw them at. The\n// circle center's x mirrors HeatmapCell.tsx's own recomputation (col*binWidth + binWidth/2)\n// rather than @visx/heatmap's raw cx, for the same reason that file does it: keeps circles\n// centered in their cell regardless of the configured radius.\ntype CellGeometry =\n  | { isRect: true; x: number; y: number; width: number; height: number }\n  | { isRect: false; cx: number; cy: number; r: number; radius: number };\n\nfunction getCellGeometry(params: CanvasCellParams, col: number, row: number): CellGeometry {\n  const { xScale, cellYScale, gap, isRect, binWidth, binHeight } = params;\n  if (isRect) {\n    return { isRect: true, x: xScale(col), y: cellYScale(row) + gap, width: binWidth - gap, height: binHeight - gap };\n  }\n  const radius = Math.min(binWidth, binHeight) / 2;\n  return { isRect: false, cx: col * binWidth + binWidth / 2, cy: cellYScale(row) + gap + radius, r: radius - gap, radius };\n}\n\n/**\n * Column/row index bounds (inclusive) that intersect the given scroll viewport, plus a small\n * overscan so a cell is already drawn just before it scrolls into view rather than popping in a\n * frame late. Row bounds are derived from cellYScale's own convention (row 0 at the bottom of\n * the grid, row numRows-1 at the top): a cell at row r occupies content-y band\n * [yMax-(r+1)*binHeight, yMax-r*binHeight), so the row under a given y is\n * floor((yMax-y)/binHeight).\n */\nexport function getVisibleRange(\n  params: CanvasCellParams,\n  scrollLeft: number,\n  scrollTop: number,\n  viewportWidth: number,\n  viewportHeight: number,\n  overscan: number\n): CanvasDrawRange {\n  const { data, numRows, binWidth, binHeight, yMax } = params;\n  return {\n    colStart: clamp(Math.floor(scrollLeft / binWidth) - overscan, 0, Math.max(0, data.length - 1)),\n    colEnd: clamp(Math.ceil((scrollLeft + viewportWidth) / binWidth) + overscan, 0, Math.max(0, data.length - 1)),\n    rowStart: clamp(Math.floor((yMax - (scrollTop + viewportHeight)) / binHeight) - overscan, 0, Math.max(0, numRows - 1)),\n    rowEnd: clamp(Math.floor((yMax - scrollTop) / binHeight) + overscan, 0, Math.max(0, numRows - 1)),\n  };\n}\n\n/** Paints the cells in `range` onto `ctx`, whose origin is already at content-space (0,0). */\nexport function drawHeatmapCells(\n  ctx: CanvasRenderingContext2D,\n  params: CanvasCellParams,\n  range: CanvasDrawRange,\n  hoveredCell: HeatmapCellId | null\n) {\n  const { data, colorScale, selectedKeys, deselectedColor } = params;\n  // fillStyle/globalAlpha assignment forces the browser to re-parse the CSS color string even\n  // when it's unchanged from the previous cell - skipping redundant writes matters at this scale\n  // (this loop runs per-cell, up to hundreds of thousands of times for the minimap's full-dataset\n  // draw). Rects also use fillRect directly (no beginPath/rect/fill trio) since it's a faster\n  // native path for solid fills; a path is only built for a cell when it's the hovered one, so\n  // its outline can still be stroked.\n  let lastFill: string | null = null;\n  let lastAlpha = -1;\n  for (let col = range.colStart; col <= range.colEnd; col++) {\n    const columnDatum = data[col];\n    if (!columnDatum) continue;\n    for (let row = range.rowStart; row <= range.rowEnd; row++) {\n      const rowDatum = columnDatum.rows[row];\n      if (!rowDatum) continue;\n      const count = rowDatum.count;\n      const color = count == null ? undefined : colorScale(count);\n      const isDeselected = !!selectedKeys && !selectedKeys.has(cellKey({ row, column: col }));\n      const { fill, fillOpacity } = resolveCellAppearance(count, color, isDeselected, deselectedColor);\n      if (fillOpacity <= 0) continue;\n\n      const geometry = getCellGeometry(params, col, row);\n      if (fillOpacity !== lastAlpha) {\n        ctx.globalAlpha = fillOpacity;\n        lastAlpha = fillOpacity;\n      }\n      if (fill !== lastFill) {\n        ctx.fillStyle = fill;\n        lastFill = fill;\n      }\n\n      const isHovered = hoveredCell !== null && hoveredCell.row === row && hoveredCell.column === col;\n      if (geometry.isRect) {\n        const width = Math.max(geometry.width, 0);\n        const height = Math.max(geometry.height, 0);\n        ctx.fillRect(geometry.x, geometry.y, width, height);\n        if (isHovered) {\n          ctx.beginPath();\n          ctx.rect(geometry.x, geometry.y, width, height);\n        }\n      } else {\n        ctx.beginPath();\n        ctx.arc(geometry.cx, geometry.cy, Math.max(geometry.r, 0), 0, Math.PI * 2);\n        ctx.fill();\n      }\n\n      if (isHovered) {\n        ctx.globalAlpha = 1;\n        lastAlpha = 1;\n        ctx.lineWidth = 2;\n        ctx.strokeStyle = fill;\n        ctx.stroke();\n      }\n    }\n  }\n  ctx.globalAlpha = 1;\n}\n\n/** Content-space (post-scroll-offset) coordinates -> the cell under them, or null if none. */\nexport function hitTestCell(params: CanvasCellParams, contentX: number, contentY: number): HeatmapCellId | null {\n  const { data, numRows, binWidth, binHeight, yMax } = params;\n  if (contentX < 0 || contentY < 0) return null;\n  const column = Math.floor(contentX / binWidth);\n  const row = Math.floor((yMax - contentY) / binHeight);\n  if (column < 0 || column >= data.length || row < 0 || row >= numRows) return null;\n  if (!data[column]?.rows[row]) return null;\n  return { row, column };\n}\n\n/** Builds the same bin shape @visx/heatmap's RectCell/CircleCell provide, for onClick/tooltipBody. */\nexport function buildBin(params: CanvasCellParams, cell: HeatmapCellId): AnyBin | null {\n  const columnDatum = params.data[cell.column];\n  const rowDatum = columnDatum?.rows[cell.row];\n  if (!columnDatum || !rowDatum) return null;\n\n  const count = rowDatum.count;\n  const color = count == null ? undefined : params.colorScale(count);\n  const geometry = getCellGeometry(params, cell.column, cell.row);\n  const shared = { bin: rowDatum, row: cell.row, column: cell.column, datum: columnDatum, gap: params.gap, count, color, opacity: count == null ? undefined : 1 };\n\n  return geometry.isRect\n    ? ({ ...shared, x: geometry.x, y: geometry.y, width: geometry.width, height: geometry.height } as AnyBin)\n    : ({ ...shared, cx: geometry.cx, cy: geometry.cy, r: geometry.r, radius: geometry.radius } as AnyBin);\n}\n"],"names":["clamp","value","min","max","Math","getCellGeometry","params","col","row","xScale","cellYScale","gap","isRect","binWidth","binHeight","x","y","width","height","radius","cx","cy","r","getVisibleRange","scrollLeft","scrollTop","viewportWidth","viewportHeight","overscan","data","numRows","yMax","colStart","floor","length","colEnd","ceil","rowStart","rowEnd","drawHeatmapCells","ctx","range","hoveredCell","colorScale","selectedKeys","deselectedColor","lastFill","lastAlpha","columnDatum","rowDatum","rows","count","color","undefined","isDeselected","has","cellKey","column","fill","fillOpacity","resolveCellAppearance","geometry","globalAlpha","fillStyle","isHovered","fillRect","beginPath","rect","arc","PI","lineWidth","strokeStyle","stroke","hitTestCell","contentX","contentY","buildBin","cell","shared","bin","datum","opacity"],"mappings":"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"}

package/dist/visualization.es126.js

@@ -1,48 +1,83 @@
-import { jsxs as E, jsx as b } from "react/jsx-runtime";
-import { c as $ } from "react/compiler-runtime";
-import v from "./visualization.es28.js";
-const H = (u) => {
-  const t = $(15), {
-    pointData: x,
-    xScaleTransformed: a,
-    yScaleTransformed: f,
-    boundedWidth: n,
-    boundedHeight: l,
-    margin: o
-  } = u;
-  if (!x.some(z))
-    return null;
-  const T = o.top, j = o.left;
-  let s;
-  if (t[0] !== l || t[1] !== n || t[2] !== x || t[3] !== a || t[4] !== f) {
-    let m;
-    t[6] !== l || t[7] !== n || t[8] !== a || t[9] !== f ? (m = (r, k) => {
-      if (!r.label)
-        return null;
-      const c = a(r.x), i = f(r.y);
-      if (c < 0 || c > n || i < 0 || i > l)
-        return null;
-      const p = r.label.length * 7, y = r.r ?? 3, g = Math.atan2(i - l / 2, c - n / 2);
-      let e = Math.cos(g), d = Math.sin(g);
-      const W = c + e * 15, A = e >= 0 ? W + 4 + p : W - 4 - p;
-      (A > n || A < 0) && (e = -e);
-      const M = i + d * 15;
-      (M < 0 || M > l) && (d = -d);
-      const R = c + e * 15, S = i + d * 15, w = e >= 0 ? "start" : "end";
-      return /* @__PURE__ */ E("g", { pointerEvents: "none", children: [
-        /* @__PURE__ */ b("line", { x1: c + e * y, y1: i + d * y, x2: R, y2: S, stroke: "#555", strokeWidth: 1 }),
-        /* @__PURE__ */ b("text", { x: R + (e >= 0 ? 4 : -4), y: S, textAnchor: w, dominantBaseline: "middle", fontSize: 11, fontWeight: "bold", fill: "#1c1917", children: r.label })
-      ] }, `lbl-${k}`);
-    }, t[6] = l, t[7] = n, t[8] = a, t[9] = f, t[10] = m) : m = t[10], s = x.map(m), t[0] = l, t[1] = n, t[2] = x, t[3] = a, t[4] = f, t[5] = s;
-  } else
-    s = t[5];
-  let h;
-  return t[11] !== o.left || t[12] !== o.top || t[13] !== s ? (h = /* @__PURE__ */ b(v, { top: T, left: j, children: s }), t[11] = o.left, t[12] = o.top, t[13] = s, t[14] = h) : h = t[14], h;
+import { jsxs as U, jsx as X } from "react/jsx-runtime";
+import { useRef as Y, useEffect as k, useCallback as l } from "react";
+import { drawHeatmapCells as q } from "./visualization.es125.js";
+const m = (c, o, e) => Math.min(Math.max(c, o), e), J = ({
+  canvasCellParams: c,
+  xMax: o,
+  yMax: e,
+  viewportWidth: a,
+  viewportHeight: s,
+  scrollLeft: b,
+  scrollTop: P,
+  width: i,
+  height: d,
+  onNavigate: f,
+  onCanvasClick: R,
+  onReady: g
+}) => {
+  const D = Y(null), n = o > 0 ? i / o : 0, r = e > 0 ? d / e : 0, S = Y(g);
+  S.current = g, k(() => {
+    const t = D.current;
+    if (!t || n <= 0 || r <= 0) return;
+    const u = requestAnimationFrame(() => {
+      const p = t.getContext("2d");
+      if (!p) return;
+      const I = window.devicePixelRatio || 1;
+      p.setTransform(I * n, 0, 0, I * r, 0, 0), p.clearRect(0, 0, o, e);
+      const M = {
+        colStart: 0,
+        colEnd: Math.max(0, c.data.length - 1),
+        rowStart: 0,
+        rowEnd: Math.max(0, c.numRows - 1)
+      };
+      q(p, c, M, null), S.current?.();
+    });
+    return () => cancelAnimationFrame(u);
+  }, [c, o, e, n, r]);
+  const T = l((t, u) => {
+    f(m(t - a / 2, 0, Math.max(0, o - a)), m(u - s / 2, 0, Math.max(0, e - s)));
+  }, [f, a, s, o, e]), h = l((t) => {
+    if (R) {
+      R();
+      return;
+    }
+    if (n <= 0 || r <= 0) return;
+    const u = t.currentTarget.getBoundingClientRect();
+    T((t.clientX - u.left) / n, (t.clientY - u.top) / r);
+  }, [R, T, n, r]), j = l((t) => {
+    t.stopPropagation(), t.currentTarget.setPointerCapture(t.pointerId);
+  }, []), x = l((t) => {
+    n <= 0 || r <= 0 || !t.currentTarget.hasPointerCapture(t.pointerId) || f(m(b + t.movementX / n, 0, Math.max(0, o - a)), m(P + t.movementY / r, 0, Math.max(0, e - s)));
+  }, [b, P, n, r, o, e, a, s, f]), z = l((t) => {
+    t.currentTarget.releasePointerCapture(t.pointerId);
+  }, []), C = m(b * n, 0, i), E = m(P * r, 0, d), A = Math.max(0, Math.min(a * n, i - C)), F = Math.max(0, Math.min(s * r, d - E));
+  return /* @__PURE__ */ U("div", { style: {
+    position: "relative",
+    width: i,
+    height: d
+  }, children: [
+    /* @__PURE__ */ X("canvas", { ref: D, width: i * (window.devicePixelRatio || 1), height: d * (window.devicePixelRatio || 1), style: {
+      width: i,
+      height: d,
+      display: "block",
+      cursor: "pointer",
+      border: "1px solid #d5d5d5",
+      boxSizing: "border-box"
+    }, onPointerDown: h }),
+    /* @__PURE__ */ X("div", { onPointerDown: j, onPointerMove: x, onPointerUp: z, style: {
+      position: "absolute",
+      left: C,
+      top: E,
+      width: A,
+      height: F,
+      border: "2px solid #0d0f98",
+      backgroundColor: "rgba(13, 15, 152, 0.15)",
+      cursor: "grab",
+      boxSizing: "border-box"
+    } })
+  ] });
 };
-function z(u) {
-  return u.label;
-}
 export {
-  H as default
+  J as default
 };
 //# sourceMappingURL=visualization.es126.js.map

package/dist/visualization.es126.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es126.js","sources":["../src/components/ScatterPlot/PointLabels.tsx"],"sourcesContent":["import React from \"react\";\nimport { Group } from \"@visx/group\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { Point } from \"./types\";\n\ntype PointLabelsProps<T extends object> = {\n    pointData: Point<T>[];\n    xScaleTransformed: ScaleLinear<number, number, never>;\n    yScaleTransformed: ScaleLinear<number, number, never>;\n    boundedWidth: number;\n    boundedHeight: number;\n    margin: { top: number; left: number };\n};\n\nconst PointLabels = <T extends object>({\n    pointData,\n    xScaleTransformed,\n    yScaleTransformed,\n    boundedWidth,\n    boundedHeight,\n    margin,\n}: PointLabelsProps<T>) => {\n    if (!pointData.some(p => p.label)) return null;\n\n    return (\n        <Group top={margin.top} left={margin.left}>\n            {pointData.map((point, i) => {\n                if (!point.label) return null;\n                const cx = xScaleTransformed(point.x);\n                const cy = yScaleTransformed(point.y);\n                if (cx < 0 || cx > boundedWidth || cy < 0 || cy > boundedHeight) return null;\n\n                const lineLen = 15;\n                const estTextWidth = point.label.length * 7;\n                const circleR = (point.r ?? 3);\n                const angle = Math.atan2(cy - boundedHeight / 2, cx - boundedWidth / 2);\n                let cosA = Math.cos(angle);\n                let sinA = Math.sin(angle);\n\n                // Flip horizontal if text would overflow left/right\n                const lxRaw = cx + cosA * lineLen;\n                const textEndX = cosA >= 0 ? lxRaw + 4 + estTextWidth : lxRaw - 4 - estTextWidth;\n                if (textEndX > boundedWidth || textEndX < 0) cosA = -cosA;\n\n                // Flip vertical if line endpoint would overflow top/bottom\n                const lyRaw = cy + sinA * lineLen;\n                if (lyRaw < 0 || lyRaw > boundedHeight) sinA = -sinA;\n\n                const lx = cx + cosA * lineLen;\n                const ly = cy + sinA * lineLen;\n                const anchor = cosA >= 0 ? \"start\" : \"end\";\n\n                return (\n                    <g key={`lbl-${i}`} pointerEvents=\"none\">\n                        <line x1={cx + cosA * circleR} y1={cy + sinA * circleR} x2={lx} y2={ly} stroke=\"#555\" strokeWidth={1} />\n                        <text x={lx + (cosA >= 0 ? 4 : -4)} y={ly} textAnchor={anchor} dominantBaseline=\"middle\" fontSize={11} fontWeight=\"bold\" fill=\"#1c1917\">\n                            {point.label}\n                        </text>\n                    </g>\n                );\n            })}\n        </Group>\n    );\n};\n\nexport default PointLabels;\n"],"names":["PointLabels","t0","$","_c","pointData","xScaleTransformed","yScaleTransformed","boundedWidth","boundedHeight","margin","some","_temp","t1","top","t2","left","t3","t4","point","i","label","cx","x","cy","y","estTextWidth","length","circleR","r","angle","Math","atan2","cosA","cos","sinA","sin","lxRaw","textEndX","lyRaw","lx","ly","anchor","jsxs","jsx","map","Group","p"],"mappings":"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"}
+{"version":3,"file":"visualization.es126.js","sources":["../src/components/Heatmap/scrollable/HeatmapMiniMap.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport { drawHeatmapCells, type CanvasCellParams } from \"../HeatmapCanvasCells\";\n\nexport interface HeatmapMiniMapProps {\n  canvasCellParams: CanvasCellParams;\n  xMax: number;\n  yMax: number;\n  viewportWidth: number;\n  viewportHeight: number;\n  scrollLeft: number;\n  scrollTop: number;\n  width: number;\n  height: number;\n  onNavigate: (left: number, top: number) => void;\n  onCanvasClick?: () => void;\n  /** Fires after each draw completes, so a caller (e.g. the expanded popup) can show its own\n   * loading state for the full-dataset draw without this component needing to know about it. */\n  onReady?: () => void;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\nconst HeatmapMiniMap = ({\n  canvasCellParams,\n  xMax,\n  yMax,\n  viewportWidth,\n  viewportHeight,\n  scrollLeft,\n  scrollTop,\n  width,\n  height,\n  onNavigate,\n  onCanvasClick,\n  onReady,\n}: HeatmapMiniMapProps) => {\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const scaleX = xMax > 0 ? width / xMax : 0;\n  const scaleY = yMax > 0 ? height / yMax : 0;\n\n  // Read via a ref rather than as an effect dependency below - onReady is commonly passed as an\n  // inline arrow function, and putting it in the deps array would re-trigger (and re-run) the\n  // draw effect on every parent render instead of only when the drawable content actually changes.\n  const onReadyRef = useRef(onReady);\n  onReadyRef.current = onReady;\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas || scaleX <= 0 || scaleY <= 0) return;\n    // The full-dataset draw below is synchronous and can take a while for large grids (the\n    // minimap has no windowing, unlike the main grid). Deferring it a frame lets the surrounding\n    // UI - the expanded popup's backdrop, border, and title bar - paint first, so opening the\n    // minimap feels immediate instead of the whole popup appearing to hang.\n    const raf = requestAnimationFrame(() => {\n      const ctx = canvas.getContext(\"2d\");\n      if (!ctx) return;\n      const dpr = window.devicePixelRatio || 1;\n      ctx.setTransform(dpr * scaleX, 0, 0, dpr * scaleY, 0, 0);\n      ctx.clearRect(0, 0, xMax, yMax);\n      const range = {\n        colStart: 0,\n        colEnd: Math.max(0, canvasCellParams.data.length - 1),\n        rowStart: 0,\n        rowEnd: Math.max(0, canvasCellParams.numRows - 1),\n      };\n      drawHeatmapCells(ctx, canvasCellParams, range, null);\n      onReadyRef.current?.();\n    });\n    return () => cancelAnimationFrame(raf);\n  }, [canvasCellParams, xMax, yMax, scaleX, scaleY]);\n\n  const navigateCentered = useCallback(\n    (contentX: number, contentY: number) => {\n      onNavigate(\n        clamp(contentX - viewportWidth / 2, 0, Math.max(0, xMax - viewportWidth)),\n        clamp(contentY - viewportHeight / 2, 0, Math.max(0, yMax - viewportHeight))\n      );\n    },\n    [onNavigate, viewportWidth, viewportHeight, xMax, yMax]\n  );\n\n  const handleCanvasPointerDown = useCallback(\n    (event: React.PointerEvent<HTMLCanvasElement>) => {\n      if (onCanvasClick) {\n        onCanvasClick();\n        return;\n      }\n      if (scaleX <= 0 || scaleY <= 0) return;\n      const rect = event.currentTarget.getBoundingClientRect();\n      navigateCentered((event.clientX - rect.left) / scaleX, (event.clientY - rect.top) / scaleY);\n    },\n    [onCanvasClick, navigateCentered, scaleX, scaleY]\n  );\n\n  const handleRectPointerDown = useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    event.stopPropagation();\n    event.currentTarget.setPointerCapture(event.pointerId);\n  }, []);\n\n  const handleRectPointerMove = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      if (scaleX <= 0 || scaleY <= 0 || !event.currentTarget.hasPointerCapture(event.pointerId)) return;\n      onNavigate(\n        clamp(scrollLeft + event.movementX / scaleX, 0, Math.max(0, xMax - viewportWidth)),\n        clamp(scrollTop + event.movementY / scaleY, 0, Math.max(0, yMax - viewportHeight))\n      );\n    },\n    [scrollLeft, scrollTop, scaleX, scaleY, xMax, yMax, viewportWidth, viewportHeight, onNavigate]\n  );\n\n  const handleRectPointerUp = useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    event.currentTarget.releasePointerCapture(event.pointerId);\n  }, []);\n\n  const rectLeft = clamp(scrollLeft * scaleX, 0, width);\n  const rectTop = clamp(scrollTop * scaleY, 0, height);\n  const rectWidth = Math.max(0, Math.min(viewportWidth * scaleX, width - rectLeft));\n  const rectHeight = Math.max(0, Math.min(viewportHeight * scaleY, height - rectTop));\n\n  return (\n    <div style={{ position: \"relative\", width, height }}>\n      <canvas\n        ref={canvasRef}\n        width={width * (window.devicePixelRatio || 1)}\n        height={height * (window.devicePixelRatio || 1)}\n        style={{ width, height, display: \"block\", cursor: \"pointer\", border: \"1px solid #d5d5d5\", boxSizing: \"border-box\" }}\n        onPointerDown={handleCanvasPointerDown}\n      />\n      <div\n        onPointerDown={handleRectPointerDown}\n        onPointerMove={handleRectPointerMove}\n        onPointerUp={handleRectPointerUp}\n        style={{\n          position: \"absolute\",\n          left: rectLeft,\n          top: rectTop,\n          width: rectWidth,\n          height: rectHeight,\n          border: \"2px solid #0d0f98\",\n          backgroundColor: \"rgba(13, 15, 152, 0.15)\",\n          cursor: \"grab\",\n          boxSizing: \"border-box\",\n        }}\n      />\n    </div>\n  );\n};\n\nexport default HeatmapMiniMap;\n"],"names":["clamp","value","min","max","Math","HeatmapMiniMap","canvasCellParams","xMax","yMax","viewportWidth","viewportHeight","scrollLeft","scrollTop","width","height","onNavigate","onCanvasClick","onReady","canvasRef","useRef","scaleX","scaleY","onReadyRef","current","useEffect","canvas","raf","requestAnimationFrame","ctx","getContext","dpr","window","devicePixelRatio","setTransform","clearRect","range","colStart","colEnd","data","length","rowStart","rowEnd","numRows","drawHeatmapCells","cancelAnimationFrame","navigateCentered","useCallback","contentX","contentY","handleCanvasPointerDown","event","rect","currentTarget","getBoundingClientRect","clientX","left","clientY","top","handleRectPointerDown","stopPropagation","setPointerCapture","pointerId","handleRectPointerMove","hasPointerCapture","movementX","movementY","handleRectPointerUp","releasePointerCapture","rectLeft","rectTop","rectWidth","rectHeight","jsxs","position","jsx","display","cursor","border","boxSizing","backgroundColor"],"mappings":"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"}