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

package/dist/visualization.es127.js

@@ -1,77 +1,226 @@
-import { jsx as A, jsxs as F } from "react/jsx-runtime";
-import { c as H } from "react/compiler-runtime";
-import B from "./visualization.es141.js";
-import I from "./visualization.es36.js";
-const R = (E) => {
-  const e = H(75), {
-    crossProps: f,
-    left: G,
-    top: L,
-    median: l,
-    firstQuartile: n,
-    thirdQuartile: c,
-    valueScale: t,
-    medianWidth: s,
-    tooltipData: w,
-    handleMouseMove: a,
-    handleCrossClick: d,
-    disableViolinPlot: i,
-    tooltip: r,
-    horizontal: o
-  } = E;
-  let m;
-  e[0] !== o || e[1] !== c || e[2] !== t ? (m = o ? t(c) : 0, e[0] = o, e[1] = c, e[2] = t, e[3] = m) : m = e[3];
-  let k;
-  e[4] !== o || e[5] !== c || e[6] !== t ? (k = o ? 0 : t(c), e[4] = o, e[5] = c, e[6] = t, e[7] = k) : k = e[7];
-  let p;
-  e[8] !== m || e[9] !== k ? (p = {
-    x: m,
-    y: k
-  }, e[8] = m, e[9] = k, e[10] = p) : p = e[10];
-  let u;
-  e[11] !== n || e[12] !== o || e[13] !== t ? (u = o ? t(n) : 0, e[11] = n, e[12] = o, e[13] = t, e[14] = u) : u = e[14];
-  let h;
-  e[15] !== n || e[16] !== o || e[17] !== t ? (h = o ? 0 : t(n), e[15] = n, e[16] = o, e[17] = t, e[18] = h) : h = e[18];
-  let x;
-  e[19] !== u || e[20] !== h ? (x = {
-    x: u,
-    y: h
-  }, e[19] = u, e[20] = h, e[21] = x) : x = e[21];
-  const S = f?.color ?? "#000000", V = w === r && i ? (f?.stroke ?? 1) + 1 : f?.stroke ?? 1;
-  let v;
-  e[22] !== i || e[23] !== a || e[24] !== r ? (v = i ? (q) => a(q, r) : void 0, e[22] = i, e[23] = a, e[24] = r, e[25] = v) : v = e[25];
-  let C;
-  e[26] !== d || e[27] !== p || e[28] !== x || e[29] !== S || e[30] !== V || e[31] !== v ? (C = /* @__PURE__ */ A(B, { from: p, to: x, stroke: S, strokeWidth: V, onMouseMove: v, onClick: d }), e[26] = d, e[27] = p, e[28] = x, e[29] = S, e[30] = V, e[31] = v, e[32] = C) : C = e[32];
-  let M;
-  e[33] !== o || e[34] !== l || e[35] !== s || e[36] !== t ? (M = o ? t(l) : -s / 2, e[33] = o, e[34] = l, e[35] = s, e[36] = t, e[37] = M) : M = e[37];
-  let y;
-  e[38] !== o || e[39] !== l || e[40] !== s || e[41] !== t ? (y = o ? -s / 2 : t(l), e[38] = o, e[39] = l, e[40] = s, e[41] = t, e[42] = y) : y = e[42];
-  let P;
-  e[43] !== M || e[44] !== y ? (P = {
-    x: M,
-    y
-  }, e[43] = M, e[44] = y, e[45] = P) : P = e[45];
-  let W;
-  e[46] !== o || e[47] !== l || e[48] !== s || e[49] !== t ? (W = o ? t(l) : s / 2, e[46] = o, e[47] = l, e[48] = s, e[49] = t, e[50] = W) : W = e[50];
-  let j;
-  e[51] !== o || e[52] !== l || e[53] !== s || e[54] !== t ? (j = o ? s / 2 : t(l), e[51] = o, e[52] = l, e[53] = s, e[54] = t, e[55] = j) : j = e[55];
-  let Q;
-  e[56] !== W || e[57] !== j ? (Q = {
-    x: W,
-    y: j
-  }, e[56] = W, e[57] = j, e[58] = Q) : Q = e[58];
-  const $ = f?.medianColor ?? f?.color ?? "#000000", g = w === r && i ? (f?.stroke ?? 1) + 1 : f?.stroke ?? 1;
-  let b;
-  e[59] !== i || e[60] !== a || e[61] !== r ? (b = i ? (q) => a(q, r) : void 0, e[59] = i, e[60] = a, e[61] = r, e[62] = b) : b = e[62];
-  let z;
-  e[63] !== d || e[64] !== P || e[65] !== Q || e[66] !== $ || e[67] !== g || e[68] !== b ? (z = /* @__PURE__ */ A(B, { from: P, to: Q, stroke: $, strokeWidth: g, onMouseMove: b, onClick: d }), e[63] = d, e[64] = P, e[65] = Q, e[66] = $, e[67] = g, e[68] = b, e[69] = z) : z = e[69];
-  let D;
-  return e[70] !== G || e[71] !== C || e[72] !== z || e[73] !== L ? (D = /* @__PURE__ */ F(I, { left: G, top: L, children: [
-    C,
-    z
-  ] }), e[70] = G, e[71] = C, e[72] = z, e[73] = L, e[74] = D) : D = e[74], D;
-};
+import { isOutsideRange as z, resolveCellAppearance as tt, DIMMED_OPACITY as nt } from "./visualization.es125.js";
+import { selectionFrame as ot, selectedCellsIn as et } from "./visualization.es126.js";
+const H = (t, n, o) => Math.min(Math.max(t, n), o);
+function Q(t, n, o) {
+  const {
+    xScale: l,
+    cellYScale: i,
+    gap: c,
+    isRect: e,
+    binWidth: a,
+    binHeight: u
+  } = t;
+  if (e)
+    return {
+      isRect: !0,
+      x: l(n),
+      y: i(o) + c,
+      width: a - c,
+      height: u - c
+    };
+  const r = Math.min(a, u) / 2;
+  return {
+    isRect: !1,
+    cx: n * a + a / 2,
+    cy: i(o) + c + r,
+    r: r - c,
+    radius: r
+  };
+}
+function ut(t, n, o, l, i, c) {
+  const {
+    data: e,
+    numRows: a,
+    binWidth: u,
+    binHeight: r,
+    yMax: h
+  } = t;
+  return {
+    colStart: H(Math.floor(n / u) - c, 0, Math.max(0, e.length - 1)),
+    colEnd: H(Math.ceil((n + l) / u) + c, 0, Math.max(0, e.length - 1)),
+    rowStart: H(Math.floor((h - (o + i)) / r) - c, 0, Math.max(0, a - 1)),
+    rowEnd: H(Math.floor((h - o) / r) + c, 0, Math.max(0, a - 1))
+  };
+}
+function ht(t, n, o, l) {
+  const {
+    data: i,
+    colorScale: c,
+    selectedKeys: e,
+    highlightRange: a
+  } = n;
+  let u = null, r = -1;
+  for (let h = o.colStart; h <= o.colEnd; h++) {
+    const y = i[h];
+    if (y)
+      for (let g = o.rowStart; g <= o.rowEnd; g++) {
+        const b = y.rows[g];
+        if (!b) continue;
+        const d = b.count, f = d == null ? void 0 : c(d), p = z(d, a), {
+          fill: E,
+          fillOpacity: R
+        } = tt(d, f, p);
+        if (R <= 0) continue;
+        const s = Q(n, h, g);
+        R !== r && (t.globalAlpha = R, r = R), E !== u && (t.fillStyle = E, u = E);
+        const w = l !== null && l.row === g && l.column === h;
+        if (s.isRect) {
+          const x = Math.max(s.width, 0), m = Math.max(s.height, 0);
+          t.fillRect(s.x, s.y, x, m), w && (t.beginPath(), t.rect(s.x, s.y, x, m));
+        } else
+          t.beginPath(), t.arc(s.cx, s.cy, Math.max(s.r, 0), 0, Math.PI * 2), t.fill();
+        w && (t.globalAlpha = 1, r = 1, t.lineWidth = 2, t.strokeStyle = E, t.stroke());
+      }
+  }
+  if (t.globalAlpha = 1, e) {
+    const h = {
+      colStart: o.colStart - 1,
+      colEnd: o.colEnd + 1,
+      rowStart: o.rowStart - 1,
+      rowEnd: o.rowEnd + 1
+    }, y = {
+      width: i.length * n.binWidth,
+      height: n.yMax
+    };
+    for (const {
+      x: g,
+      y: b,
+      width: d,
+      height: f,
+      fill: p
+    } of ot(e, et(e, h), n, y))
+      t.fillStyle = p, t.fillRect(g, b, d, f);
+  }
+}
+const V = 256;
+let S = null;
+function lt(t) {
+  if (S ??= document.createElement("canvas").getContext("2d", {
+    willReadFrequently: !0
+  }), !S) return [0, 0, 0];
+  S.clearRect(0, 0, 1, 1), S.fillStyle = "#000", S.fillStyle = t, S.fillRect(0, 0, 1, 1);
+  const [n, o, l] = S.getImageData(0, 0, 1, 1).data;
+  return [n, o, l];
+}
+const j = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap();
+function ct(t) {
+  const n = j.get(t.colorScale);
+  if (n) return n;
+  const {
+    colorScale: o,
+    minValue: l,
+    maxValue: i
+  } = t, c = new Uint8ClampedArray(V * 3);
+  for (let e = 0; e < V; e++) {
+    const [a, u, r] = lt(o(l + (i - l) * e / (V - 1)) ?? "#000");
+    c.set([a, u, r], e * 3);
+  }
+  return j.set(t.colorScale, c), c;
+}
+function it(t, n) {
+  const o = J.get(t);
+  if (o && o.length === t.length * n) return o;
+  const l = new Float64Array(t.length * n).fill(NaN);
+  return t.forEach((i, c) => i.rows.forEach((e, a) => {
+    a < n && e.count != null && (l[c * n + a] = e.count);
+  })), J.set(t, l), l;
+}
+function at(t, n, o) {
+  const {
+    data: l,
+    numRows: i,
+    highlightRange: c,
+    minValue: e,
+    maxValue: a
+  } = t, u = l.length;
+  if (u === 0 || i === 0 || n < 1 || o < 1) return null;
+  const r = ct(t), h = it(l, i), y = a - e, [g, b] = c ?? [-1 / 0, 1 / 0], d = new ImageData(n, o), f = d.data, p = (s, w) => Array.from({
+    length: w
+  }, (x, m) => {
+    const A = Math.min(Math.floor(m * s / w), s - 1);
+    return [A, Math.max(A + 1, Math.floor((m + 1) * s / w))];
+  }), E = p(u, n), R = p(i, o);
+  for (let s = 0; s < o; s++) {
+    const [w, x] = R[s];
+    for (let m = 0; m < n; m++) {
+      const [A, Z] = E[m];
+      let T = 0, k = 0, _ = 0, v = 0, L = 0, N = 0, q = 0, B = 0, C = 0;
+      for (let F = A; F < Z; F++) {
+        const $ = F * i;
+        for (let O = w; O < x; O++) {
+          const X = $ + i - 1 - O;
+          L++;
+          const I = h[X];
+          if (I !== I) continue;
+          const P = y > 0 ? Math.round(Math.min(Math.max((I - e) / y, 0), 1) * (V - 1)) * 3 : 0, G = r[P], K = r[P + 1], U = r[P + 2], Y = I >= g && I <= b;
+          Y && c && (N += G, q += K, B += U, C++);
+          const W = Y ? 1 : nt;
+          T += G * W, k += K * W, _ += U * W, v += W;
+        }
+      }
+      const M = (s * n + m) * 4;
+      C > 0 ? (f[M] = N / C, f[M + 1] = q / C, f[M + 2] = B / C, f[M + 3] = 255) : v > 0 && (f[M] = T / v, f[M + 1] = k / v, f[M + 2] = _ / v, f[M + 3] = v / L * 255);
+    }
+  }
+  return d;
+}
+let D = null;
+function ft(t, n) {
+  const {
+    width: o,
+    height: l
+  } = t.canvas;
+  t.setTransform(1, 0, 0, 1, 0, 0), t.clearRect(0, 0, o, l);
+  const i = Math.min(o, n.data.length), c = Math.min(l, n.numRows), e = at(n, i, c);
+  e && (i === o && c === l ? t.putImageData(e, 0, 0) : (D ??= document.createElement("canvas"), D.width = i, D.height = c, D.getContext("2d")?.putImageData(e, 0, 0), t.imageSmoothingEnabled = !1, t.drawImage(D, 0, 0, o, l)));
+}
+function mt(t, n, o) {
+  const {
+    data: l,
+    numRows: i,
+    binWidth: c,
+    binHeight: e,
+    yMax: a
+  } = t;
+  if (n < 0 || o < 0) return null;
+  const u = Math.floor(n / c), r = Math.floor((a - o) / e);
+  return u < 0 || u >= l.length || r < 0 || r >= i || !l[u]?.rows[r] ? null : {
+    row: r,
+    column: u
+  };
+}
+function gt(t, n) {
+  const o = t.data[n.column], l = o?.rows[n.row];
+  if (!o || !l) return null;
+  const i = l.count, c = i == null ? void 0 : t.colorScale(i), e = Q(t, n.column, n.row), a = {
+    bin: l,
+    row: n.row,
+    column: n.column,
+    datum: o,
+    gap: t.gap,
+    count: i,
+    color: c,
+    opacity: i == null ? void 0 : 1
+  };
+  return e.isRect ? {
+    ...a,
+    x: e.x,
+    y: e.y,
+    width: e.width,
+    height: e.height
+  } : {
+    ...a,
+    cx: e.cx,
+    cy: e.cy,
+    r: e.r,
+    radius: e.radius
+  };
+}
 export {
-  R as default
+  gt as buildBin,
+  ht as drawHeatmapCells,
+  ft as drawHeatmapOverview,
+  ut as getVisibleRange,
+  mt as hitTestCell
 };
 //# sourceMappingURL=visualization.es127.js.map

package/dist/visualization.es127.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es127.js","sources":["../src/components/ViolinPlot/crossPlot.tsx"],"sourcesContent":["import { CrossPlotProps } from \"./types\";\nimport { Group } from \"@visx/group\";\nimport { Line } from '@visx/shape';\n\n\nconst CrossPlot = <T,>({ crossProps, left, top, median, firstQuartile, thirdQuartile, valueScale, medianWidth, tooltipData, handleMouseMove, handleCrossClick, disableViolinPlot, tooltip, horizontal }: CrossPlotProps<T>) => {\n\n    return (\n        <Group left={left} top={top}>\n            {/* Vertical line from min to max */}\n            <Line\n                from={{ x: horizontal ? valueScale(thirdQuartile) : 0, y: horizontal ? 0 : valueScale(thirdQuartile) }}\n                to={{ x: horizontal ? valueScale(firstQuartile): 0, y: horizontal ? 0: valueScale(firstQuartile) }}\n                stroke={crossProps?.color ?? \"#000000\"}\n                strokeWidth={\n                    tooltipData === tooltip && disableViolinPlot\n                        ? (crossProps?.stroke ?? 1) + 1\n                        : crossProps?.stroke ?? 1\n                }\n                onMouseMove={disableViolinPlot ? (e) => handleMouseMove(e, tooltip) : undefined}\n                onClick={handleCrossClick}\n            />\n            {/* Horizontal line at median */}\n            <Line\n                from={{ x: horizontal ? valueScale(median) : -medianWidth / 2, y: horizontal ? -medianWidth / 2 : valueScale(median) }}\n                to={{ x: horizontal ? valueScale(median) : medianWidth / 2, y: horizontal ? medianWidth / 2 : valueScale(median) }}\n                stroke={crossProps?.medianColor ?? crossProps?.color ?? \"#000000\"}\n                strokeWidth={\n                    tooltipData === tooltip && disableViolinPlot\n                        ? (crossProps?.stroke ?? 1) + 1\n                        : crossProps?.stroke ?? 1\n                }\n                onMouseMove={disableViolinPlot ? (e) => handleMouseMove(e, tooltip) : undefined}\n                onClick={handleCrossClick}\n            />\n        </Group>\n    );\n};\n\nexport default CrossPlot;\n"],"names":["CrossPlot","t0","$","_c","crossProps","left","top","median","firstQuartile","thirdQuartile","valueScale","medianWidth","tooltipData","handleMouseMove","handleCrossClick","disableViolinPlot","tooltip","horizontal","t1","t2","t3","x","y","t4","t5","t6","t7","color","t8","stroke","t9","e","undefined","t10","Line","t11","t12","t13","t14","t15","t16","t17","medianColor","t18","t19","e_0","t20","t21","jsxs","Group"],"mappings":"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"}
+{"version":3,"file":"visualization.es127.js","sources":["../src/components/Heatmap/HeatmapCanvasCells.ts"],"sourcesContent":["import type { ColumnDatum, HeatmapCellId } from \"./types\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport { DIMMED_OPACITY, isOutsideRange, resolveCellAppearance } from \"./heatmapCellAppearance\";\nimport { selectedCellsIn, selectionFrame, type SelectionMarks } from \"./heatmapSelection\";\n\n/** What the canvas renderers and hit-testing need to place and color cells as the SVG renderer does. */\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  /** The counts colorScale spans, which the overview samples it across. */\n  minValue: number;\n  maxValue: number;\n  gap: number;\n  isRect: boolean;\n  binWidth: number;\n  binHeight: number;\n  yMax: number;\n  /** The selected cells' keys, which the grid frames; null where nothing is selected. */\n  selectedKeys: Set<string> | null;\n  /** The columns and rows holding the selection, which the minimap marks along its edges. */\n  selectionMarks: SelectionMarks;\n  highlightRange: [number, number] | null;\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 geometry, so canvas cells land on the pixels SVG\n// cells would. A circle's x is centered in its cell, as HeatmapCell.tsx recomputes it.\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 * The columns and rows (inclusive) within the scrolled viewport, plus `overscan` either side. Row 0\n * is at the bottom, so the row under content y is 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), and the selection's frame over them. */\nexport function drawHeatmapCells(\n  ctx: CanvasRenderingContext2D,\n  params: CanvasCellParams,\n  range: CanvasDrawRange,\n  hoveredCell: HeatmapCellId | null\n) {\n  const { data, colorScale, selectedKeys, highlightRange } = params;\n  // Setting fillStyle re-parses the color even when unchanged, so repeats are skipped: an export\n  // runs this for every cell. A path is built only for the hovered cell, to stroke its outline.\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 isDimmed = isOutsideRange(count, highlightRange);\n      const { fill, fillOpacity } = resolveCellAppearance(count, color, isDimmed);\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  if (selectedKeys) {\n    // Past the range by a cell, so the frame's line for a selected cell just outside it still shows.\n    const around = {\n      colStart: range.colStart - 1,\n      colEnd: range.colEnd + 1,\n      rowStart: range.rowStart - 1,\n      rowEnd: range.rowEnd + 1,\n    };\n    const bounds = { width: data.length * params.binWidth, height: params.yMax };\n    for (const { x, y, width, height, fill } of selectionFrame(selectedKeys, selectedCellsIn(selectedKeys, around), params, bounds)) {\n      ctx.fillStyle = fill;\n      ctx.fillRect(x, y, width, height);\n    }\n  }\n}\n\n// Colors sampled from colorScale for the overview, which looks them up rather than calling it per cell.\nconst OVERVIEW_LEVELS = 256;\n\nlet colorParser: CanvasRenderingContext2D | null = null;\n/** Any CSS color as RGB, read back off a 1px canvas, so a color the browser understands is one this does. */\nfunction parseColor(css: string): [number, number, number] {\n  colorParser ??= document.createElement(\"canvas\").getContext(\"2d\", { willReadFrequently: true });\n  if (!colorParser) return [0, 0, 0];\n  colorParser.clearRect(0, 0, 1, 1);\n  colorParser.fillStyle = \"#000\";\n  colorParser.fillStyle = css;\n  colorParser.fillRect(0, 0, 1, 1);\n  const [r, g, b] = colorParser.getImageData(0, 0, 1, 1).data;\n  return [r, g, b];\n}\n\n// Keyed on identities the layout memoizes, which a highlight sweep leaves alone.\nconst lutCache = new WeakMap<object, Uint8ClampedArray>();\nconst countsCache = new WeakMap<ColumnDatum[], Float64Array>();\n\nfunction colorLut(params: CanvasCellParams): Uint8ClampedArray {\n  const cached = lutCache.get(params.colorScale);\n  if (cached) return cached;\n  const { colorScale, minValue, maxValue } = params;\n  const lut = new Uint8ClampedArray(OVERVIEW_LEVELS * 3);\n  for (let i = 0; i < OVERVIEW_LEVELS; i++) {\n    const [r, g, b] = parseColor(colorScale(minValue + ((maxValue - minValue) * i) / (OVERVIEW_LEVELS - 1)) ?? \"#000\");\n    lut.set([r, g, b], i * 3);\n  }\n  lutCache.set(params.colorScale, lut);\n  return lut;\n}\n\n/** Every count in one column-major array, NaN where there is none: several times faster to scan than the row objects. */\nfunction flatCounts(data: ColumnDatum[], numRows: number): Float64Array {\n  const cached = countsCache.get(data);\n  if (cached && cached.length === data.length * numRows) return cached;\n  const counts = new Float64Array(data.length * numRows).fill(NaN);\n  data.forEach((column, c) =>\n    column.rows.forEach((row, r) => {\n      if (r < numRows && row.count != null) counts[c * numRows + r] = row.count;\n    })\n  );\n  countsCache.set(data, counts);\n  return counts;\n}\n\n/**\n * The whole grid resampled to `width` x `height` pixels for the minimap, written straight into an\n * ImageData: a fillRect per cell took ~400ms on a million-cell grid.\n *\n * Each pixel averages the cells under it. While highlightRange is set, a pixel holding any cell in\n * the range shows those cells alone at full strength, so a lone outlier isn't averaged away. Cells\n * are drawn as solid squares, without gaps, circles or the selection frame - the minimap marks the\n * selection along its edges instead.\n */\nfunction renderHeatmapOverview(params: CanvasCellParams, width: number, height: number): ImageData | null {\n  const { data, numRows, highlightRange, minValue, maxValue } = params;\n  const numColumns = data.length;\n  if (numColumns === 0 || numRows === 0 || width < 1 || height < 1) return null;\n\n  const lut = colorLut(params);\n  const counts = flatCounts(data, numRows);\n  const span = maxValue - minValue;\n  // With no range, every cell is inside it: nothing fades and nothing is singled out.\n  const [low, high] = highlightRange ?? [-Infinity, Infinity];\n  const image = new ImageData(width, height);\n  const pixels = image.data;\n\n  // The run of columns (rows) each pixel column (row) covers: at least one, and between them every one.\n  const spans = (cells: number, size: number) =>\n    Array.from({ length: size }, (_, i) => {\n      const start = Math.min(Math.floor((i * cells) / size), cells - 1);\n      return [start, Math.max(start + 1, Math.floor(((i + 1) * cells) / size))] as const;\n    });\n  const columnSpans = spans(numColumns, width);\n  // From the top down, where row 0 sits at the bottom of the grid (see cellYScale).\n  const rowSpans = spans(numRows, height);\n\n  // Scalars and typed arrays only in here: it runs once per cell per redraw.\n  for (let y = 0; y < height; y++) {\n    const [rowFrom, rowTo] = rowSpans[y];\n    for (let x = 0; x < width; x++) {\n      const [columnFrom, columnTo] = columnSpans[x];\n      // Opacity-weighted sums over every cell, and plain sums over the highlighted ones.\n      let r = 0, g = 0, b = 0, a = 0, cells = 0;\n      let hr = 0, hg = 0, hb = 0, highlighted = 0;\n      for (let column = columnFrom; column < columnTo; column++) {\n        const base = column * numRows;\n        for (let fromTop = rowFrom; fromTop < rowTo; fromTop++) {\n          const index = base + numRows - 1 - fromTop;\n          cells++;\n          const count = counts[index];\n          if (count !== count) continue; // NaN: transparent, as a null cell is drawn nowhere.\n          // Held at the ends, as the color scale itself clamps.\n          const level = span > 0 ? Math.round(Math.min(Math.max((count - minValue) / span, 0), 1) * (OVERVIEW_LEVELS - 1)) * 3 : 0;\n          const cr = lut[level], cg = lut[level + 1], cb = lut[level + 2];\n          // isOutsideRange, inlined.\n          const inRange = count >= low && count <= high;\n          if (inRange && highlightRange) {\n            hr += cr; hg += cg; hb += cb; highlighted++;\n          }\n          const opacity = inRange ? 1 : DIMMED_OPACITY;\n          r += cr * opacity; g += cg * opacity; b += cb * opacity; a += opacity;\n        }\n      }\n      const offset = (y * width + x) * 4;\n      if (highlighted > 0) {\n        pixels[offset] = hr / highlighted;\n        pixels[offset + 1] = hg / highlighted;\n        pixels[offset + 2] = hb / highlighted;\n        pixels[offset + 3] = 255;\n      } else if (a > 0) {\n        pixels[offset] = r / a;\n        pixels[offset + 1] = g / a;\n        pixels[offset + 2] = b / a;\n        pixels[offset + 3] = (a / cells) * 255;\n      }\n    }\n  }\n  return image;\n}\n\nlet overviewScratch: HTMLCanvasElement | null = null;\n\n/**\n * The whole grid, filling the canvas. Rendered at no more than a pixel per cell and stretched\n * nearest-neighbor from there: resampling every pixel of the expanded minimap took over 100ms.\n */\nexport function drawHeatmapOverview(ctx: CanvasRenderingContext2D, params: CanvasCellParams) {\n  const { width, height } = ctx.canvas;\n  ctx.setTransform(1, 0, 0, 1, 0, 0);\n  ctx.clearRect(0, 0, width, height);\n  const overviewWidth = Math.min(width, params.data.length);\n  const overviewHeight = Math.min(height, params.numRows);\n  const overview = renderHeatmapOverview(params, overviewWidth, overviewHeight);\n  if (!overview) return;\n  if (overviewWidth === width && overviewHeight === height) {\n    ctx.putImageData(overview, 0, 0);\n  } else {\n    overviewScratch ??= document.createElement(\"canvas\");\n    overviewScratch.width = overviewWidth;\n    overviewScratch.height = overviewHeight;\n    overviewScratch.getContext(\"2d\")?.putImageData(overview, 0, 0);\n    ctx.imageSmoothingEnabled = false;\n    ctx.drawImage(overviewScratch, 0, 0, width, height);\n  }\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","highlightRange","lastFill","lastAlpha","columnDatum","rowDatum","rows","count","color","undefined","isDimmed","isOutsideRange","fill","fillOpacity","resolveCellAppearance","geometry","globalAlpha","fillStyle","isHovered","column","fillRect","beginPath","rect","arc","PI","lineWidth","strokeStyle","stroke","around","bounds","selectionFrame","selectedCellsIn","OVERVIEW_LEVELS","colorParser","parseColor","css","document","createElement","getContext","willReadFrequently","clearRect","g","b","getImageData","lutCache","WeakMap","countsCache","colorLut","cached","get","minValue","maxValue","lut","Uint8ClampedArray","i","set","flatCounts","counts","Float64Array","NaN","forEach","c","renderHeatmapOverview","numColumns","span","low","high","Infinity","image","ImageData","pixels","spans","cells","size","Array","from","_","start","columnSpans","rowSpans","rowFrom","rowTo","columnFrom","columnTo","a","hr","hg","hb","highlighted","base","fromTop","index","level","round","cr","cg","cb","inRange","opacity","DIMMED_OPACITY","offset","overviewScratch","drawHeatmapOverview","canvas","setTransform","overviewWidth","overviewHeight","overview","putImageData","imageSmoothingEnabled","drawImage","hitTestCell","contentX","contentY","buildBin","cell","shared","bin","datum"],"mappings":"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"}

package/dist/visualization.es128.js

@@ -1,36 +1,21 @@
-import { jsx as s, jsxs as f } from "react/jsx-runtime";
-import { c as d } from "react/compiler-runtime";
-import u from "./visualization.es91.js";
-const $ = (i) => {
-  const t = d(7), {
-    left: e,
-    top: o,
-    data: r,
-    open: a,
-    pointTooltipBody: l
-  } = i;
-  if (!a || !r)
-    return null;
-  const c = e + 10;
-  let n;
-  t[0] !== r || t[1] !== l ? (n = l && r.point ? l(r.point) : Object.entries(r).map(g), t[0] = r, t[1] = l, t[2] = n) : n = t[2];
-  let p;
-  return t[3] !== c || t[4] !== n || t[5] !== o ? (p = /* @__PURE__ */ s(u, { left: c, top: o, children: n }), t[3] = c, t[4] = n, t[5] = o, t[6] = p) : p = t[6], p;
+import { jsx as i } from "react/jsx-runtime";
+import { c as p } from "react/compiler-runtime";
+import { SELECTION_COLOR as f } from "./visualization.es126.js";
+const m = 6, n = 4, u = ($) => {
+  const t = p(6), {
+    axis: r,
+    marked: s,
+    scale: l
+  } = $;
+  let e;
+  t[0] !== s ? (e = [...s], t[0] = s, t[1] = e) : e = t[1];
+  let o;
+  return t[2] !== r || t[3] !== l || t[4] !== e ? (o = /* @__PURE__ */ i("g", { fill: f, pointerEvents: "none", children: e.map((c) => {
+    const a = l(c + 0.5);
+    return /* @__PURE__ */ i("path", { d: r === "column" ? `M${a},1 l${n},${m} h${-2 * n} z` : `M-1,${a} l${-m},${-n} v${2 * n} z` }, c);
+  }) }), t[2] = r, t[3] = l, t[4] = e, t[5] = o) : o = t[5], o;
 };
-function m(i) {
-  return i.toUpperCase();
-}
-function g(i) {
-  const [t, e] = i, o = t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, m);
-  return t === "outlier" ? /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("strong", { children: o }) }, t) : /* @__PURE__ */ f("div", { children: [
-    /* @__PURE__ */ f("strong", { children: [
-      o,
-      ": "
-    ] }),
-    typeof e == "string" ? e.length > 45 ? `${e.replace(/_/g, " ").slice(0, 45)}...` : e.replace(/_/g, " ") : String(e)
-  ] }, t);
-}
 export {
-  $ as default
+  u as default
 };
 //# sourceMappingURL=visualization.es128.js.map

package/dist/visualization.es128.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es128.js","sources":["../src/components/ViolinPlot/violinTooltip.tsx"],"sourcesContent":["import { TooltipWithBounds } from \"@visx/tooltip\";\nimport { TooltipProps } from \"./types\";\n\nconst ViolinTooltip = <T,>({ left, top, data, open, pointTooltipBody }: TooltipProps<T>) => {\n    if (!open || !data) return null;\n\n    return (\n        <TooltipWithBounds left={left + 10} top={top}>\n            {pointTooltipBody && data.point ? (\n                pointTooltipBody(data.point)\n            ) : (\n                Object.entries(data as Record<string, unknown>).map(([key, value]) => {\n                    const formattedKey = key\n                        .replace(/([a-z])([A-Z])/g, \"$1 $2\")\n                        .replace(/^./, str => str.toUpperCase());\n\n                    if (key === \"outlier\") {\n                        return (\n                            <div key={key}>\n                                <strong>{formattedKey}</strong>\n                            </div>\n                        );\n                    } else {\n                        return (\n                            <div key={key}>\n                                <strong>{formattedKey}: </strong>\n                                {typeof value === 'string'\n                                    ? (value.length > 45\n                                        ? `${value.replace(/_/g, \" \").slice(0, 45)}...`\n                                        : value.replace(/_/g, \" \"))\n                                    : String(value)}\n                            </div>\n                        );\n                    }\n                })\n            )}\n        </TooltipWithBounds>\n    );\n};\n\nexport default ViolinTooltip;\n"],"names":["ViolinTooltip","t0","$","_c","left","top","data","open","pointTooltipBody","t1","t2","point","Object","entries","map","_temp2","t3","TooltipWithBounds","_temp","str","toUpperCase","key","value","formattedKey","replace","jsx","jsxs","length","slice","String"],"mappings":";;;AAGA,MAAMA,IAAgBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAK;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,EAAAA,IAAAP;AACvB,MAAI,CAACM,KAAD,CAAUD;AAAI,WAAS;AAGE,QAAAG,IAAAL,IAAO;AAAE,MAAAM;AAAA,EAAAR,EAAA,CAAA,MAAAI,KAAAJ,SAAAM,KAC7BE,IAAAF,KAAoBF,EAAIK,QACrBH,EAAiBF,EAAIK,KA0BzB,IAxBIC,OAAMC,QAASP,CAA+B,EAACQ,IAAKC,CAwBxD,GAACb,OAAAI,GAAAJ,OAAAM,GAAAN,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAc;AAAA,SAAAd,EAAA,CAAA,MAAAO,KAAAP,SAAAQ,KAAAR,EAAA,CAAA,MAAAG,KA5BLW,sBAACC,GAAA,EAAwB,MAAAR,GAAgBJ,KAAAA,GACpCK,UAAAA,GA4BL,GAAoBR,OAAAO,GAAAP,OAAAQ,GAAAR,OAAAG,GAAAH,OAAAc,KAAAA,IAAAd,EAAA,CAAA,GA7BpBc;AA6BoB;AAjCN,SAAAE,EAAAC,GAAA;AAAA,SAWwBA,EAAGC,YAAAA;AAAc;AAXzC,SAAAL,EAAAd,GAAA;AAQ+C,QAAA,CAAAoB,GAAAC,CAAA,IAAArB,GACjDsB,IAAqBF,EAAGG,QACX,mBAAmB,OAAO,EAACA,QAC3B,MAAMN,CAAwB;AAE3C,SAAIG,MAAQ,8BAEJ,OAAA,EACI,UAAA,gBAAAI,EAAA,UAAA,eAAsB,MAC1B,sBAIA,OAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAAA,UAAA,EAASH,UAAAA;AAAAA,MAAAA;AAAAA,MAAa;AAAA,IAAA,GAAE;AAAA,IACvB,OAAOD,KAAU,WACXA,EAAKK,SAAU,KAAf,GACML,EAAKE,QAAS,MAAM,GAAG,EAACI,MAAO,GAAG,EAAE,CAAC,QACxCN,EAAKE,QAAS,MAAM,GAAG,IAC3BK,OAAOP,CAAK;AAAA,EAAA,EAAA,GANZD,CAOV;AAEP;"}
+{"version":3,"file":"visualization.es128.js","sources":["../src/components/Heatmap/HeatmapSelectionPointers.tsx"],"sourcesContent":["import { SELECTION_COLOR } from \"./heatmapSelection\";\n\n/** How far a pointer reaches from the grid, and half its width. */\nconst POINTER_LENGTH = 6;\nconst POINTER_HALF_WIDTH = 4;\n\ninterface HeatmapSelectionPointersProps {\n  axis: \"column\" | \"row\";\n  /** The columns or rows holding the selection - see selectionMarks. */\n  marked: Set<number>;\n  /** The axis's scale, from a column or row index to its place along the grid. */\n  scale: (value: number) => number;\n}\n\n/**\n * A pointer at the tick of each column or row holding the selection, pointing up at a column from\n * below the grid and right at a row from its left. Drawn in the axis's coordinates, so it scrolls\n * and exports with the axis.\n */\nconst HeatmapSelectionPointers = ({ axis, marked, scale }: HeatmapSelectionPointersProps) => (\n  <g fill={SELECTION_COLOR} pointerEvents=\"none\">\n    {[...marked].map((index) => {\n      const at = scale(index + 0.5);\n      return (\n        <path\n          key={index}\n          d={\n            axis === \"column\"\n              ? `M${at},1 l${POINTER_HALF_WIDTH},${POINTER_LENGTH} h${-2 * POINTER_HALF_WIDTH} z`\n              : `M-1,${at} l${-POINTER_LENGTH},${-POINTER_HALF_WIDTH} v${2 * POINTER_HALF_WIDTH} z`\n          }\n        />\n      );\n    })}\n  </g>\n);\n\nexport default HeatmapSelectionPointers;\n"],"names":["POINTER_LENGTH","POINTER_HALF_WIDTH","HeatmapSelectionPointers","t0","$","_c","axis","marked","scale","t1","t2","SELECTION_COLOR","map","index","at","jsx"],"mappings":";;;AAGA,MAAMA,IAAiB,GACjBC,IAAqB,GAerBC,IAA2BC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAL;AAAsD,MAAAM;AAAA,EAAAL,SAAAG,KAEnFE,IAAA,CAAA,GAAIF,CAAM,GAACH,OAAAG,GAAAH,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAM;AAAA,SAAAN,EAAA,CAAA,MAAAE,KAAAF,SAAAI,KAAAJ,EAAA,CAAA,MAAAK,KADdC,6BAASC,MAAAA,GAA+B,eAAA,QACrCF,UAAAA,EAAWG,IAAKC,CAAAA,MAAA;AACf,UAAAC,IAAWN,EAAMK,IAAQ,GAAG;AAAE,WAE5B,gBAAAE,YAGI,GAAAT,MAAS,WAAT,IACQQ,CAAE,OAAOb,CAAkB,IAAID,CAAc,KAAK,KAAKC,CAAkB,OADjF,OAEWa,CAAE,KAAK,CAACd,CAAc,IAAI,CAACC,CAAkB,KAAK,IAAIA,CAAkB,KAAA,GAJhFY,CAIoF;AAAA,EAEzF,CAEL,EAAA,CACH,GAAIT,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,KAAAA,IAAAN,EAAA,CAAA,GAdJM;AAcI;"}

package/dist/visualization.es129.js

@@ -1,16 +1,106 @@
-function l(d, i) {
-  let e;
-  if (i === void 0)
-    for (const n of d)
-      n != null && (e < n || e === void 0 && n >= n) && (e = n);
-  else {
-    let n = -1;
-    for (let f of d)
-      (f = i(f, ++n, d)) != null && (e < f || e === void 0 && f >= f) && (e = f);
-  }
-  return e;
-}
+import { jsxs as z, jsx as p } from "react/jsx-runtime";
+import { useRef as M, useEffect as J, useCallback as m } from "react";
+import { drawHeatmapOverview as Q } from "./visualization.es127.js";
+import { SELECTION_COLOR as V } from "./visualization.es126.js";
+const f = (u, e, c) => Math.min(Math.max(u, e), c), L = 5, Z = 2, v = ({
+  canvasCellParams: u,
+  xMax: e,
+  yMax: c,
+  viewportWidth: l,
+  viewportHeight: d,
+  scrollLeft: P,
+  scrollTop: g,
+  width: i,
+  height: a,
+  onNavigate: b,
+  onCanvasClick: x,
+  onReady: h,
+  paused: C = !1
+}) => {
+  const D = M(null), r = e > 0 ? i / e : 0, o = c > 0 ? a / c : 0, I = M(h);
+  I.current = h, J(() => {
+    const t = D.current;
+    if (!t || C || r <= 0 || o <= 0) return;
+    const n = requestAnimationFrame(() => {
+      const s = t.getContext("2d");
+      s && (Q(s, u), I.current?.());
+    });
+    return () => cancelAnimationFrame(n);
+  }, [u, e, c, r, o, C]);
+  const T = m((t, n) => {
+    b(f(t - l / 2, 0, Math.max(0, e - l)), f(n - d / 2, 0, Math.max(0, c - d)));
+  }, [b, l, d, e, c]), j = m((t) => {
+    if (x) {
+      x();
+      return;
+    }
+    if (r <= 0 || o <= 0) return;
+    const n = t.currentTarget.getBoundingClientRect();
+    T((t.clientX - n.left) / r, (t.clientY - n.top) / o);
+  }, [x, T, r, o]), R = M(null), F = m((t) => {
+    t.stopPropagation(), t.currentTarget.setPointerCapture(t.pointerId), R.current = {
+      x: t.clientX,
+      y: t.clientY,
+      left: P,
+      top: g
+    };
+  }, [P, g]), K = m((t) => {
+    const n = R.current;
+    !n || r <= 0 || o <= 0 || !t.currentTarget.hasPointerCapture(t.pointerId) || b(f(n.left + (t.clientX - n.x) / r, 0, Math.max(0, e - l)), f(n.top + (t.clientY - n.y) / o, 0, Math.max(0, c - d)));
+  }, [r, o, e, c, l, d, b]), U = m((t) => {
+    t.currentTarget.releasePointerCapture(t.pointerId), R.current = null;
+  }, []), $ = m(() => {
+    R.current = null;
+  }, []), {
+    columns: E,
+    rows: A
+  } = u.selectionMarks, q = u.data.length, {
+    numRows: O
+  } = u, S = (t, n, s) => {
+    const H = t * s / n, k = s / n, y = Math.max(0, Z - k) / 2;
+    return [H - y, k + 2 * y];
+  }, X = f(P * r, 0, i), Y = f(g * o, 0, a), B = Math.max(0, Math.min(l * r, i - X)), G = Math.max(0, Math.min(d * o, a - Y));
+  return /* @__PURE__ */ z("div", { style: {
+    position: "relative",
+    width: i,
+    height: a
+  }, children: [
+    /* @__PURE__ */ p("canvas", { ref: D, width: i * (window.devicePixelRatio || 1), height: a * (window.devicePixelRatio || 1), style: {
+      width: i,
+      height: a,
+      display: "block",
+      cursor: "pointer",
+      border: "1px solid #d5d5d5",
+      boxSizing: "border-box"
+    }, onPointerDown: j }),
+    /* @__PURE__ */ p("div", { onPointerDown: F, onPointerMove: K, onPointerUp: U, onLostPointerCapture: $, style: {
+      position: "absolute",
+      left: X,
+      top: Y,
+      width: B,
+      height: G,
+      border: "2px solid #0d0f98",
+      backgroundColor: "rgba(13, 15, 152, 0.15)",
+      cursor: "grab",
+      boxSizing: "border-box"
+    } }),
+    (E.size > 0 || A.size > 0) && /* @__PURE__ */ p("svg", { width: i, height: a, style: {
+      position: "absolute",
+      inset: 0,
+      pointerEvents: "none"
+    }, "aria-hidden": !0, children: /* @__PURE__ */ z("g", { fill: V, children: [
+      [...E].map((t) => {
+        const [n, s] = S(t, q, i);
+        return /* @__PURE__ */ p("rect", { x: n, y: 0, width: s, height: L }, `c${t}`);
+      }),
+      [...A].map((t) => {
+        const [n, s] = S(O - 1 - t, O, a);
+        return /* @__PURE__ */ p("rect", { x: 0, y: n, width: L, height: s }, `r${t}`);
+      })
+    ] }) })
+  ] });
+};
 export {
-  l as default
+  v as default
 };
 //# sourceMappingURL=visualization.es129.js.map

package/dist/visualization.es129.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es129.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/max.js"],"sourcesContent":["export default function max(values, valueof) {\n  let max;\n  if (valueof === undefined) {\n    for (const value of values) {\n      if (value != null\n          && (max < value || (max === undefined && value >= value))) {\n        max = value;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if ((value = valueof(value, ++index, values)) != null\n          && (max < value || (max === undefined && value >= value))) {\n        max = value;\n      }\n    }\n  }\n  return max;\n}\n"],"names":["max","values","valueof","value","index"],"mappings":"AAAe,SAASA,EAAIC,GAAQC,GAAS;AAC3C,MAAIF;AACJ,MAAIE,MAAY;AACd,eAAWC,KAASF;AAClB,MAAIE,KAAS,SACLH,IAAMG,KAAUH,MAAQ,UAAaG,KAASA,OACpDH,IAAMG;AAAA,OAGL;AACL,QAAIC,IAAQ;AACZ,aAASD,KAASF;AAChB,OAAKE,IAAQD,EAAQC,GAAO,EAAEC,GAAOH,CAAM,MAAM,SACzCD,IAAMG,KAAUH,MAAQ,UAAaG,KAASA,OACpDH,IAAMG;AAAA,EAGZ;AACA,SAAOH;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es129.js","sources":["../src/components/Heatmap/scrollable/HeatmapMiniMap.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport { drawHeatmapOverview, type CanvasCellParams } from \"../HeatmapCanvasCells\";\nimport { SELECTION_COLOR } from \"../heatmapSelection\";\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, so the expanded popup can hide its spinner. */\n  onReady?: () => void;\n  /**\n   * Skips redrawing while out of sight - the inline minimap under the expanded one - so a sweep\n   * doesn't draw the whole grid twice. Redraws once lifted.\n   */\n  paused?: boolean;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\n/** How far a selection mark reaches in from the edge, and its narrowest width. */\nconst MARK_DEPTH = 5;\nconst MARK_MIN_WIDTH = 2;\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  paused = false,\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  // A ref, so an inline onReady doesn't re-run the draw on every parent render.\n  const onReadyRef = useRef(onReady);\n  onReadyRef.current = onReady;\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas || paused || scaleX <= 0 || scaleY <= 0) return;\n    // A frame later, so the expanded popup paints before the whole-grid draw.\n    const raf = requestAnimationFrame(() => {\n      const ctx = canvas.getContext(\"2d\");\n      if (!ctx) return;\n      drawHeatmapOverview(ctx, canvasCellParams);\n      onReadyRef.current?.();\n    });\n    return () => cancelAnimationFrame(raf);\n  }, [canvasCellParams, xMax, yMax, scaleX, scaleY, paused]);\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  /**\n   * Where the window was grabbed: the pointer, and the scroll position then. Each move places the\n   * window by the pointer's distance from here, so it stays under the pointer. Adding each move's\n   * movementX to scrollLeft instead drifted: scrollLeft trails the grid's scroll by a frame, and\n   * each step's rounding was kept, so the window ran ahead or fell behind further the longer the drag.\n   */\n  const grabRef = useRef<{ x: number; y: number; left: number; top: number } | null>(null);\n\n  const handleRectPointerDown = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      event.stopPropagation();\n      event.currentTarget.setPointerCapture(event.pointerId);\n      grabRef.current = { x: event.clientX, y: event.clientY, left: scrollLeft, top: scrollTop };\n    },\n    [scrollLeft, scrollTop]\n  );\n\n  const handleRectPointerMove = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      const grab = grabRef.current;\n      if (!grab || scaleX <= 0 || scaleY <= 0 || !event.currentTarget.hasPointerCapture(event.pointerId)) return;\n      onNavigate(\n        clamp(grab.left + (event.clientX - grab.x) / scaleX, 0, Math.max(0, xMax - viewportWidth)),\n        clamp(grab.top + (event.clientY - grab.y) / scaleY, 0, Math.max(0, yMax - viewportHeight))\n      );\n    },\n    [scaleX, scaleY, xMax, yMax, viewportWidth, viewportHeight, onNavigate]\n  );\n\n  const handleRectPointerUp = useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    event.currentTarget.releasePointerCapture(event.pointerId);\n    grabRef.current = null;\n  }, []);\n\n  // A capture can also end without a pointerup, e.g. when the browser cancels the gesture.\n  const handleRectLostCapture = useCallback(() => {\n    grabRef.current = null;\n  }, []);\n\n  const { columns, rows } = canvasCellParams.selectionMarks;\n  const numColumns = canvasCellParams.data.length;\n  const { numRows } = canvasCellParams;\n  // Cell i's span along an edge `size` pixels long, widened to at least MARK_MIN_WIDTH.\n  const markSpan = (i: number, cells: number, size: number) => {\n    const from = (i * size) / cells;\n    const run = size / cells;\n    const extra = Math.max(0, MARK_MIN_WIDTH - run) / 2;\n    return [from - extra, run + 2 * extra] as const;\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        onLostPointerCapture={handleRectLostCapture}\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      {/*\n        The selection's columns and rows, marked along the top and left edges since a column here\n        can be under a pixel wide. Above the viewport rectangle so its border can't cover them.\n      */}\n      {(columns.size > 0 || rows.size > 0) && (\n        <svg\n          width={width}\n          height={height}\n          style={{ position: \"absolute\", inset: 0, pointerEvents: \"none\" }}\n          aria-hidden\n        >\n          <g fill={SELECTION_COLOR}>\n            {[...columns].map((column) => {\n              const [x, w] = markSpan(column, numColumns, width);\n              return <rect key={`c${column}`} x={x} y={0} width={w} height={MARK_DEPTH} />;\n            })}\n            {/* Row 0 is at the bottom. */}\n            {[...rows].map((row) => {\n              const [y, h] = markSpan(numRows - 1 - row, numRows, height);\n              return <rect key={`r${row}`} x={0} y={y} width={MARK_DEPTH} height={h} />;\n            })}\n          </g>\n        </svg>\n      )}\n    </div>\n  );\n};\n\nexport default HeatmapMiniMap;\n"],"names":["clamp","value","min","max","Math","MARK_DEPTH","MARK_MIN_WIDTH","HeatmapMiniMap","canvasCellParams","xMax","yMax","viewportWidth","viewportHeight","scrollLeft","scrollTop","width","height","onNavigate","onCanvasClick","onReady","paused","canvasRef","useRef","scaleX","scaleY","onReadyRef","current","useEffect","canvas","raf","requestAnimationFrame","ctx","getContext","drawHeatmapOverview","cancelAnimationFrame","navigateCentered","useCallback","contentX","contentY","handleCanvasPointerDown","event","rect","currentTarget","getBoundingClientRect","clientX","left","clientY","top","grabRef","handleRectPointerDown","stopPropagation","setPointerCapture","pointerId","x","y","handleRectPointerMove","grab","hasPointerCapture","handleRectPointerUp","releasePointerCapture","handleRectLostCapture","columns","rows","selectionMarks","numColumns","data","length","numRows","markSpan","i","cells","size","from","run","extra","rectLeft","rectTop","rectWidth","rectHeight","jsxs","position","jsx","window","devicePixelRatio","display","cursor","border","boxSizing","backgroundColor","inset","pointerEvents","SELECTION_COLOR","map","column","w","row","h"],"mappings":"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"}

package/dist/visualization.es13.js

@@ -1,8 +1,8 @@
 import { jsx as T } from "react/jsx-runtime";
 import { c as x } from "react/compiler-runtime";
 import { memo as P, useState as y, useImperativeHandle as z, useRef as M } from "react";
-import O, { defaultStyles as A } from "./visualization.es21.js";
-import E from "./visualization.es22.js";
+import O, { defaultStyles as A } from "./visualization.es52.js";
+import E from "./visualization.es50.js";
 const R = 10, w = 8, v = (o, e, a) => {
   const s = o + R, n = o - R - e, t = s + e > a - w && n >= w ? n : s;
   return Math.max(w, Math.min(t, a - e - w));