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

package/dist/visualization.es130.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es130.js","sources":["../src/components/Heatmap/scrollable/HeatmapMiniMapPopup.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type ReactNode, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport type { HeatmapLegendFrame } from \"../types\";\nimport HeatmapMiniMap, { type HeatmapMiniMapProps } from \"./HeatmapMiniMap\";\n\n// Nearly the whole screen, with enough backdrop showing that it reads as a popup.\nconst MINI_MAP_POPUP_WIDTH_VW = 94;\nconst MINI_MAP_POPUP_HEIGHT_VH = 90;\nconst MINI_MAP_POPUP_PADDING = 16;\n// Portaled to <body>, since a transformed ancestor would trap `position: fixed`, and stacked\n// above anything else the host page puts on top.\nconst MINI_MAP_POPUP_Z_INDEX = 2147483647;\n// The legend's band across the top: long enough to sweep with some precision.\nconst LEGEND_BAND_WIDTH = 440;\nconst LEGEND_BAND_HEIGHT = 40;\nconst LEGEND_BAND_GAP = 12;\n\ntype MiniMapPassThroughProps = Omit<HeatmapMiniMapProps, \"width\" | \"height\" | \"onCanvasClick\">;\n\nexport interface HeatmapMiniMapPopupProps extends MiniMapPassThroughProps {\n  onClose: () => void;\n  /** The inline minimap's container, where a click doesn't count as outside the popup. */\n  containerRef: RefObject<HTMLDivElement | null>;\n  /** Draws the plot's legend in a band across the top. Omitted where the plot shows no legend. */\n  legend?: (frame: HeatmapLegendFrame) => ReactNode;\n}\n\nconst HeatmapMiniMapPopup = ({ onClose, containerRef, legend, ...miniMapProps }: HeatmapMiniMapPopupProps) => {\n  const popupRef = useRef<HTMLDivElement | null>(null);\n  // The legend's tooltips portal into the backdrop to show above the popup. State rather than a\n  // ref, so the legend re-renders once it exists.\n  const [backdrop, setBackdrop] = useState<HTMLDivElement | null>(null);\n  useEffect(() => {\n    const handlePointerDown = (event: PointerEvent) => {\n      const target = event.target as Node;\n      if (containerRef.current?.contains(target) || popupRef.current?.contains(target)) return;\n      // An overlay the legend opened is part of the popup too; the backdrop itself is outside it.\n      if (backdrop && target !== backdrop && backdrop.contains(target)) return;\n      onClose();\n    };\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") onClose();\n    };\n    document.addEventListener(\"pointerdown\", handlePointerDown);\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      document.removeEventListener(\"pointerdown\", handlePointerDown);\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [containerRef, onClose, backdrop]);\n\n  // The canvas needs pixel dimensions; the popup is sized in vw/vh, so the area is measured as it resizes.\n  const [size, setSize] = useState<{ width: number; height: number } | null>(null);\n  // A spinner covers the first draw, which can take a moment on a large grid.\n  const [isReady, setIsReady] = useState(false);\n  const handleReady = useCallback(() => setIsReady(true), []);\n  const observerRef = useRef<ResizeObserver | null>(null);\n  const areaRef = useCallback((node: HTMLDivElement | null) => {\n    observerRef.current?.disconnect();\n    observerRef.current = null;\n    if (!node) {\n      setSize(null);\n      return;\n    }\n    const observer = new ResizeObserver(([entry]) => {\n      if (!entry) return;\n      const { width, height } = entry.contentRect;\n      setSize({ width: Math.floor(width), height: Math.floor(height) });\n    });\n    observer.observe(node);\n    observerRef.current = observer;\n  }, []);\n\n  // Narrower only where the popup itself is: on a phone.\n  const legendBandWidth = Math.min(LEGEND_BAND_WIDTH, size?.width ?? LEGEND_BAND_WIDTH);\n\n  return createPortal(\n    <div\n      ref={setBackdrop}\n      style={{ position: \"fixed\", inset: 0, zIndex: MINI_MAP_POPUP_Z_INDEX, background: \"rgba(0,0,0,0.45)\", display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}\n    >\n      <style>{\"@keyframes heatmapMiniMapSpinnerRotate { to { transform: rotate(360deg); } }\"}</style>\n      <div\n        ref={popupRef}\n        style={{\n          position: \"relative\",\n          width: `${MINI_MAP_POPUP_WIDTH_VW}vw`,\n          height: `${MINI_MAP_POPUP_HEIGHT_VH}vh`,\n          boxSizing: \"border-box\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          background: \"#fff\",\n          border: \"1px solid #d5d5d5\",\n          borderRadius: 8,\n          boxShadow: \"0 8px 32px rgba(0,0,0,0.25)\",\n          overflow: \"hidden\",\n        }}\n      >\n        <div\n          style={{\n            flexShrink: 0,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            padding: `10px ${MINI_MAP_POPUP_PADDING}px`,\n            background: \"#f7f7f8\",\n            borderBottom: \"1px solid #e5e5e5\",\n          }}\n        >\n          <span style={{ fontSize: 14, fontWeight: 600, color: \"#333\" }}>Minimap</span>\n          <button\n            type=\"button\"\n            aria-label=\"Close expanded minimap\"\n            onClick={onClose}\n            style={{\n              width: 26,\n              height: 26,\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              padding: 0,\n              border: \"none\",\n              borderRadius: \"50%\",\n              background: \"#fff\",\n              color: \"#555\",\n              fontSize: 16,\n              lineHeight: 1,\n              cursor: \"pointer\",\n            }}\n          >\n            ×\n          </button>\n        </div>\n        <div style={{ flex: 1, minHeight: 0, display: \"flex\", flexDirection: \"column\", gap: LEGEND_BAND_GAP, padding: MINI_MAP_POPUP_PADDING }}>\n          {legend && (\n            // Above the map rather than beside it: the popup is wide, so a band costs the map less.\n            <svg\n              width={legendBandWidth}\n              height={LEGEND_BAND_HEIGHT}\n              style={{ flexShrink: 0, display: \"block\", overflow: \"visible\" }}\n            >\n              {legend({\n                width: legendBandWidth,\n                height: LEGEND_BAND_HEIGHT,\n                orientation: \"horizontal\",\n                overlayContainer: backdrop ?? undefined,\n              })}\n            </svg>\n          )}\n          <div ref={areaRef} style={{ flex: 1, minHeight: 0, position: \"relative\" }}>\n            {/* Not gated on `size`, so it shows on the first paint rather than after the measurement. */}\n            {!isReady && (\n              <div\n                aria-label=\"Loading minimap\"\n                style={{\n                  position: \"absolute\",\n                  inset: 0,\n                  zIndex: 1,\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  pointerEvents: \"none\",\n                }}\n              >\n                <div\n                  style={{\n                    width: 40,\n                    height: 40,\n                    borderRadius: \"50%\",\n                    border: \"4px solid #e5e5e5\",\n                    // The minimap's viewport-rectangle color.\n                    borderTopColor: \"#0d0f98\",\n                    animation: \"heatmapMiniMapSpinnerRotate 0.8s linear infinite\",\n                  }}\n                />\n              </div>\n            )}\n            {size && size.width > 0 && size.height > 0 && (\n              <HeatmapMiniMap {...miniMapProps} width={size.width} height={size.height} onReady={handleReady} />\n            )}\n          </div>\n        </div>\n      </div>\n    </div>,\n    document.body\n  );\n};\n\nexport default HeatmapMiniMapPopup;\n"],"names":["MINI_MAP_POPUP_WIDTH_VW","MINI_MAP_POPUP_HEIGHT_VH","MINI_MAP_POPUP_PADDING","MINI_MAP_POPUP_Z_INDEX","LEGEND_BAND_WIDTH","LEGEND_BAND_HEIGHT","LEGEND_BAND_GAP","HeatmapMiniMapPopup","t0","$","_c","containerRef","legend","miniMapProps","onClose","popupRef","useRef","backdrop","setBackdrop","useState","t1","t2","handlePointerDown","event","target","current","contains","handleKeyDown","event_0","key","document","addEventListener","removeEventListener","useEffect","size","setSize","isReady","setIsReady","t3","Symbol","for","handleReady","observerRef","t4","node","disconnect","observer","ResizeObserver","t5","entry","width","height","contentRect","Math","floor","observe","areaRef","legendBandWidth","min","t6","position","inset","zIndex","background","display","alignItems","justifyContent","jsx","t7","t8","t9","boxSizing","flexDirection","border","borderRadius","boxShadow","overflow","flexShrink","padding","borderBottom","fontSize","fontWeight","color","t10","lineHeight","cursor","t11","t12","flex","minHeight","gap","t13","orientation","overlayContainer","undefined","t14","t15","pointerEvents","borderTopColor","animation","t16","HeatmapMiniMap","t17","jsxs","t18","t19","createPortal","body"],"mappings":"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"}
+{"version":3,"file":"visualization.es130.js","sources":["../src/components/Heatmap/heatmapCellAppearance.ts"],"sourcesContent":["import { scaleLinear } from \"@visx/scale\";\n\n/** A cell outside highlightRange: faint enough that the cells inside it carry the grid. */\nexport const DIMMED_OPACITY = 0.12;\nconst NULL_VALUE_COLOR = \"none\";\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    // Held at the end colors rather than extrapolated past them, which interpolates the RGB channels\n    // out of range into colors that aren't on the gradient at all.\n    clamp: true,\n  });\n}\n\n/** Whether a count falls outside highlightRange, and so fades. Nothing fades without a range. */\nexport const isOutsideRange = (count: number | null | undefined, range: [number, number] | null | undefined) =>\n  !!range && count != null && (count < range[0] || count > range[1]);\n\n/**\n * A cell's fill. Selection isn't part of it: selected cells are framed instead (see\n * heatmapSelection.ts).\n */\nexport function resolveCellAppearance(\n  count: number | null | undefined,\n  color: string | undefined,\n  isDimmed = false\n): { fill: string; fillOpacity: number } {\n  const isNullValue = count == null;\n  return {\n    fill: isNullValue || color === undefined ? NULL_VALUE_COLOR : color,\n    fillOpacity: isNullValue ? 0 : isDimmed ? DIMMED_OPACITY : 1,\n  };\n}\n"],"names":["DIMMED_OPACITY","NULL_VALUE_COLOR","getHeatmapColorScale","colors","domain","minValue","maxValue","scaleLinear","range","map","_","i","length","clamp","isOutsideRange","count","resolveCellAppearance","color","isDimmed","isNullValue","fill","undefined","fillOpacity"],"mappings":";AAGO,MAAMA,IAAiB,MACxBC,IAAmB;AAElB,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;AAAA;AAAA,IAGzFC,OAAO;AAAA,EAAA,CACR;AACH;AAGO,MAAMC,IAAiBA,CAACC,GAAkCP,MAC/D,CAAC,CAACA,KAASO,KAAS,SAASA,IAAQP,EAAM,CAAC,KAAKO,IAAQP,EAAM,CAAC;AAM3D,SAASQ,EACdD,GACAE,GACAC,IAAW,IAC4B;AACvC,QAAMC,IAAcJ,KAAS;AAC7B,SAAO;AAAA,IACLK,MAAMD,KAAeF,MAAUI,SAAYpB,IAAmBgB;AAAAA,IAC9DK,aAAaH,IAAc,IAAID,IAAWlB,IAAiB;AAAA,EAAA;AAE/D;"}

package/dist/visualization.es131.js

@@ -1,85 +1,87 @@
-import { useRef as T, useEffect as Y, useCallback as f, useState as q, useMemo as m } from "react";
-import { getVisibleRange as v, drawHeatmapCells as y, hitTestCell as w, buildBin as A } from "./visualization.es127.js";
-const g = 4;
-function I({
-  canvasCellParams: e,
-  viewportWidth: i,
-  viewportHeight: a,
-  xTickValues: b,
-  yTickValues: M,
-  onClick: S
+const d = "#1a1c1e", C = "#ffffff";
+const x = (n) => `${n.row}-${n.column}`, y = (n) => {
+  const [f, r] = n.split("-").map(Number);
+  return {
+    row: f,
+    column: r
+  };
+};
+function* $(n, {
+  colStart: f,
+  colEnd: r,
+  rowStart: i,
+  rowEnd: H
 }) {
-  const l = T(null), _ = T(null), d = T(null), L = T(null), R = T(null);
-  Y(() => () => {
-    R.current != null && cancelAnimationFrame(R.current);
-  }, []);
-  const c = f(() => {
-    const t = _.current, n = l.current;
-    if (!t || !n) return;
-    const r = t.getContext("2d");
-    if (!r) return;
-    const u = window.devicePixelRatio || 1;
-    r.setTransform(u, 0, 0, u, 0, 0), r.clearRect(0, 0, i, a);
-    const o = v(e, n.scrollLeft, n.scrollTop, i, a, g);
-    r.translate(-n.scrollLeft, -n.scrollTop), y(r, e, o, d.current);
-  }, [e, i, a]);
-  Y(() => {
-    c();
-  }, [c]);
-  const [p, x] = q({
-    left: 0,
-    top: 0
-  }), G = f((t) => {
-    l.current = t, t && x({
-      left: t.scrollLeft,
-      top: t.scrollTop
+  if ((r - f + 1) * (H - i + 1) <= n.size) {
+    for (let t = f; t <= r; t++) for (let o = i; o <= H; o++) n.has(x({
+      row: o,
+      column: t
+    })) && (yield {
+      row: o,
+      column: t
     });
-  }, []), s = m(() => v(e, p.left, p.top, i, a, g), [e, p.left, p.top, i, a]), V = m(() => b.slice(s.colStart, s.colEnd + 1), [b, s.colStart, s.colEnd]), C = m(() => M.slice(s.rowStart, s.rowEnd + 1), [M, s.rowStart, s.rowEnd]), F = f(() => {
-    const t = l.current;
-    t && R.current == null && (R.current = requestAnimationFrame(() => {
-      R.current = null, c(), x({
-        left: t.scrollLeft,
-        top: t.scrollTop
-      });
-    }));
-  }, [c]), N = f((t) => {
-    const n = l.current;
-    if (!n) return;
-    const r = t.nativeEvent.offsetX + n.scrollLeft, u = t.nativeEvent.offsetY + n.scrollTop, o = w(e, r, u);
-    t.currentTarget.style.cursor = o ? "pointer" : "default";
-    const E = d.current;
-    if ((E?.row !== o?.row || E?.column !== o?.column) && (d.current = o, c()), o) {
-      const X = A(e, o);
-      X && L.current?.show(X, t);
-    } else
-      L.current?.hide();
-  }, [e, c]), h = f((t) => {
-    t.currentTarget.style.cursor = "default", d.current && (d.current = null, c()), L.current?.hide();
-  }, [c]), k = f((t) => {
-    const n = l.current;
-    if (!n || !S) return;
-    const r = t.nativeEvent.offsetX + n.scrollLeft, u = t.nativeEvent.offsetY + n.scrollTop, o = w(e, r, u);
-    if (!o) return;
-    const E = A(e, o);
-    E && S(E);
-  }, [e, S]);
+    return;
+  }
+  for (const t of n) {
+    const o = y(t);
+    o.column >= f && o.column <= r && o.row >= i && o.row <= H && (yield o);
+  }
+}
+function v(n, f, r, i) {
+  const {
+    xScale: H,
+    cellYScale: t,
+    binWidth: o,
+    binHeight: E,
+    gap: e
+  } = r, c = (s, l) => n.has(x({
+    row: s,
+    column: l
+  })), u = [], R = [], _ = (s, l, A, a, M, m) => s.push({
+    x: A,
+    y: a,
+    width: M,
+    height: m,
+    fill: l
+  });
+  for (const {
+    row: s,
+    column: l
+  } of f) {
+    if (!c(s, l)) continue;
+    const A = H(l), a = A + o - e, M = t(s) + e, m = t(s) + E, I = A - 2 < 0 ? A + 2 : A, O = a + 2 > i.width ? a - 2 : a, T = M - 2 < 0 ? M + 2 : M, h = m + 2 > i.height ? m - 2 : m, w = c(s + 1, l), S = c(s - 1, l), F = c(s, l - 1), N = c(s, l + 1), D = (k) => k ? e : 2, W = (k) => k ? e : 0, p = [I - D(F), O - I + D(F) + D(N)], L = [T - D(w), h - T + D(w) + D(S)], g = [I - W(F), O - I + W(F) + W(N)], b = [T - W(w), h - T + W(w) + W(S)];
+    w || (_(u, d, p[0], T - 2, p[1], 2), _(R, C, g[0], T, g[1], 1)), S || (_(u, d, p[0], h, p[1], 2), _(R, C, g[0], h - 1, g[1], 1)), F || (_(u, d, I - 2, L[0], 2, L[1]), _(R, C, I, b[0], 1, b[1])), N || (_(u, d, O, L[0], 2, L[1]), _(R, C, O - 1, b[0], 1, b[1]));
+  }
+  return [...u, ...R];
+}
+const z = {
+  columns: /* @__PURE__ */ new Set(),
+  rows: /* @__PURE__ */ new Set()
+};
+function B(n, f, r) {
+  if (!n?.size) return z;
+  const i = [...n].map(y), H = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
+  for (const {
+    row: e,
+    column: c
+  } of i)
+    H.set(c, (H.get(c) ?? 0) + 1), t.set(e, (t.get(e) ?? 0) + 1);
+  const o = /* @__PURE__ */ new Set(), E = /* @__PURE__ */ new Set();
+  for (const {
+    row: e,
+    column: c
+  } of i)
+    (t.get(e) ?? 0) < f && o.add(c), (H.get(c) ?? 0) < r && E.add(e);
   return {
-    canvasRef: _,
-    mainPaneRef: l,
-    canvasTooltipRef: L,
-    setMainPaneNode: G,
-    handleGridScroll: F,
-    axisScrollPos: p,
-    visibleXTickValues: V,
-    visibleYTickValues: C,
-    canvasHandlers: {
-      onMouseMove: N,
-      onMouseLeave: h,
-      onClick: k
-    }
+    columns: o,
+    rows: E
   };
 }
 export {
-  I as useHeatmapCanvasGrid
+  d as SELECTION_COLOR,
+  x as cellKey,
+  $ as selectedCellsIn,
+  v as selectionFrame,
+  B as selectionMarks
 };
 //# sourceMappingURL=visualization.es131.js.map

package/dist/visualization.es131.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es131.js","sources":["../src/components/Heatmap/hooks/useHeatmapCanvasGrid.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type { HeatmapCellId } from \"../types\";\nimport type { AnyBin } from \"../HeatmapCells\";\nimport type { PlotTooltipHandle } from \"../../../tooltip\";\nimport { drawHeatmapCells, getVisibleRange, hitTestCell, buildBin, type CanvasCellParams } from \"../HeatmapCanvasCells\";\n\n// Rows and columns drawn past the viewport, so cells and tick labels don't pop in as they scroll into view.\nconst GRID_OVERSCAN_CELLS = 4;\n\nexport interface UseHeatmapCanvasGridArgs {\n  canvasCellParams: CanvasCellParams;\n  viewportWidth: number;\n  viewportHeight: number;\n  xTickValues: number[];\n  yTickValues: number[];\n  onClick?: (bin: AnyBin) => void;\n}\n\nexport function useHeatmapCanvasGrid({\n  canvasCellParams, viewportWidth, viewportHeight, xTickValues, yTickValues, onClick,\n}: UseHeatmapCanvasGridArgs) {\n  // Only mainPaneRef scrolls natively. The canvas repaints from its scroll position, and the tick\n  // label panes follow it through a transform (axisScrollPos), both once per frame.\n  const mainPaneRef = useRef<HTMLDivElement | null>(null);\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const hoveredCellRef = useRef<HeatmapCellId | null>(null);\n  const canvasTooltipRef = useRef<PlotTooltipHandle<AnyBin>>(null);\n  const drawRafRef = useRef<number | null>(null);\n\n  useEffect(() => () => {\n    if (drawRafRef.current != null) cancelAnimationFrame(drawRafRef.current);\n  }, []);\n\n  // Painted imperatively rather than through state, so scrolling never waits on a React render.\n  const drawCanvas = useCallback(() => {\n    const canvas = canvasRef.current;\n    const main = mainPaneRef.current;\n    if (!canvas || !main) return;\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return;\n    const dpr = window.devicePixelRatio || 1;\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    ctx.clearRect(0, 0, viewportWidth, viewportHeight);\n    const range = getVisibleRange(canvasCellParams, main.scrollLeft, main.scrollTop, viewportWidth, viewportHeight, GRID_OVERSCAN_CELLS);\n    ctx.translate(-main.scrollLeft, -main.scrollTop);\n    drawHeatmapCells(ctx, canvasCellParams, range, hoveredCellRef.current);\n  }, [canvasCellParams, viewportWidth, viewportHeight]);\n\n  useEffect(() => {\n    drawCanvas();\n  }, [drawCanvas]);\n\n  const [axisScrollPos, setAxisScrollPos] = useState({ left: 0, top: 0 });\n  const setMainPaneNode = useCallback((node: HTMLDivElement | null) => {\n    mainPaneRef.current = node;\n    if (node) setAxisScrollPos({ left: node.scrollLeft, top: node.scrollTop });\n  }, []);\n\n  const axisVisibleRange = useMemo(\n    () => getVisibleRange(canvasCellParams, axisScrollPos.left, axisScrollPos.top, viewportWidth, viewportHeight, GRID_OVERSCAN_CELLS),\n    [canvasCellParams, axisScrollPos.left, axisScrollPos.top, viewportWidth, viewportHeight]\n  );\n  const visibleXTickValues = useMemo(\n    () => xTickValues.slice(axisVisibleRange.colStart, axisVisibleRange.colEnd + 1),\n    [xTickValues, axisVisibleRange.colStart, axisVisibleRange.colEnd]\n  );\n  const visibleYTickValues = useMemo(\n    () => yTickValues.slice(axisVisibleRange.rowStart, axisVisibleRange.rowEnd + 1),\n    [yTickValues, axisVisibleRange.rowStart, axisVisibleRange.rowEnd]\n  );\n\n  const handleGridScroll = useCallback(() => {\n    const main = mainPaneRef.current;\n    if (!main) return;\n    if (drawRafRef.current != null) return;\n    drawRafRef.current = requestAnimationFrame(() => {\n      drawRafRef.current = null;\n      drawCanvas();\n      setAxisScrollPos({ left: main.scrollLeft, top: main.scrollTop });\n    });\n  }, [drawCanvas]);\n\n  const handleCanvasMouseMove = useCallback((event: React.MouseEvent<HTMLCanvasElement>) => {\n    const main = mainPaneRef.current;\n    if (!main) return;\n    const contentX = event.nativeEvent.offsetX + main.scrollLeft;\n    const contentY = event.nativeEvent.offsetY + main.scrollTop;\n    const cell = hitTestCell(canvasCellParams, contentX, contentY);\n    // As heatmapCellStyles does for SVG cells: a pointer over any cell, null ones included.\n    event.currentTarget.style.cursor = cell ? \"pointer\" : \"default\";\n    const prev = hoveredCellRef.current;\n    if (prev?.row !== cell?.row || prev?.column !== cell?.column) {\n      hoveredCellRef.current = cell;\n      drawCanvas();\n    }\n    if (cell) {\n      const bin = buildBin(canvasCellParams, cell);\n      if (bin) canvasTooltipRef.current?.show(bin, event);\n    } else {\n      canvasTooltipRef.current?.hide();\n    }\n  }, [canvasCellParams, drawCanvas]);\n\n  const handleCanvasMouseLeave = useCallback((event: React.MouseEvent<HTMLCanvasElement>) => {\n    event.currentTarget.style.cursor = \"default\";\n    if (hoveredCellRef.current) {\n      hoveredCellRef.current = null;\n      drawCanvas();\n    }\n    canvasTooltipRef.current?.hide();\n  }, [drawCanvas]);\n\n  const handleCanvasClick = useCallback((event: React.MouseEvent<HTMLCanvasElement>) => {\n    const main = mainPaneRef.current;\n    if (!main || !onClick) return;\n    const contentX = event.nativeEvent.offsetX + main.scrollLeft;\n    const contentY = event.nativeEvent.offsetY + main.scrollTop;\n    const cell = hitTestCell(canvasCellParams, contentX, contentY);\n    if (!cell) return;\n    const bin = buildBin(canvasCellParams, cell);\n    if (bin) onClick(bin);\n  }, [canvasCellParams, onClick]);\n\n  return {\n    canvasRef, mainPaneRef, canvasTooltipRef, setMainPaneNode, handleGridScroll, axisScrollPos,\n    visibleXTickValues, visibleYTickValues,\n    canvasHandlers: {\n      onMouseMove: handleCanvasMouseMove,\n      onMouseLeave: handleCanvasMouseLeave,\n      onClick: handleCanvasClick,\n    },\n  };\n}\n"],"names":["GRID_OVERSCAN_CELLS","useHeatmapCanvasGrid","canvasCellParams","viewportWidth","viewportHeight","xTickValues","yTickValues","onClick","mainPaneRef","useRef","canvasRef","hoveredCellRef","canvasTooltipRef","drawRafRef","useEffect","current","cancelAnimationFrame","drawCanvas","useCallback","canvas","main","ctx","getContext","dpr","window","devicePixelRatio","setTransform","clearRect","range","getVisibleRange","scrollLeft","scrollTop","translate","drawHeatmapCells","axisScrollPos","setAxisScrollPos","useState","left","top","setMainPaneNode","node","axisVisibleRange","useMemo","visibleXTickValues","slice","colStart","colEnd","visibleYTickValues","rowStart","rowEnd","handleGridScroll","requestAnimationFrame","handleCanvasMouseMove","event","contentX","nativeEvent","offsetX","contentY","offsetY","cell","hitTestCell","currentTarget","style","cursor","prev","row","column","bin","buildBin","show","hide","handleCanvasMouseLeave","handleCanvasClick","canvasHandlers","onMouseMove","onMouseLeave"],"mappings":"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"}
+{"version":3,"file":"visualization.es131.js","sources":["../src/components/Heatmap/heatmapSelection.ts"],"sourcesContent":["/**\n * How a selection shows: a frame around the selected cells, and marks on the axes and minimap for\n * the columns and rows holding them. Cells keep their own colors, so the rest of the grid can\n * still be read for what to select next.\n */\n\nimport type { HeatmapCellId } from \"./types\";\n\n/** The frame's dark line, and the white one just inside it that holds it against a dark cell. */\nexport const SELECTION_COLOR = \"#1a1c1e\";\nconst HALO_COLOR = \"#ffffff\";\n/** Laid outside the selected cells: at the default gap of 2 it fills the gap and covers no cell. */\nconst FRAME_WIDTH = 2;\nconst HALO_WIDTH = 1;\n\nexport type SelectionBand = { x: number; y: number; width: number; height: number; fill: string };\n\ntype FrameGeometry = {\n  xScale: (column: number) => number;\n  cellYScale: (row: number) => number;\n  binWidth: number;\n  binHeight: number;\n  gap: number;\n};\n\ntype GridBounds = { width: number; height: number };\n\nexport const cellKey = (cell: HeatmapCellId) => `${cell.row}-${cell.column}`;\n\nconst parseKey = (key: string): HeatmapCellId => {\n  const [row, column] = key.split(\"-\").map(Number);\n  return { row, column };\n};\n\n/** The selected cells within a block, walking whichever of the block and the selection is smaller. */\nexport function* selectedCellsIn(\n  selectedKeys: Set<string>,\n  { colStart, colEnd, rowStart, rowEnd }: { colStart: number; colEnd: number; rowStart: number; rowEnd: number }\n): Generator<HeatmapCellId> {\n  if ((colEnd - colStart + 1) * (rowEnd - rowStart + 1) <= selectedKeys.size) {\n    for (let column = colStart; column <= colEnd; column++)\n      for (let row = rowStart; row <= rowEnd; row++) if (selectedKeys.has(cellKey({ row, column }))) yield { row, column };\n    return;\n  }\n  for (const key of selectedKeys) {\n    const cell = parseKey(key);\n    if (cell.column >= colStart && cell.column <= colEnd && cell.row >= rowStart && cell.row <= rowEnd) yield cell;\n  }\n}\n\n/**\n * The frame around the selected cells among `cells`, as rectangles to fill in order: a dark band\n * outside each edge not shared with another selected cell, then a white line just inside it.\n * Adjacent selected cells share one frame, so a selected column is one tall box.\n */\nexport function selectionFrame(\n  selectedKeys: Set<string>,\n  cells: Iterable<HeatmapCellId>,\n  geometry: FrameGeometry,\n  bounds: GridBounds\n): SelectionBand[] {\n  const { xScale, cellYScale, binWidth, binHeight, gap } = geometry;\n  const isSelected = (row: number, column: number) => selectedKeys.has(cellKey({ row, column }));\n  const dark: SelectionBand[] = [];\n  const halo: SelectionBand[] = [];\n  const band = (into: SelectionBand[], fill: string, x: number, y: number, width: number, height: number) =>\n    into.push({ x, y, width, height, fill });\n\n  for (const { row, column } of cells) {\n    if (!isSelected(row, column)) continue;\n    // The cell as drawn, with its gap to its right and above it (see getCellGeometry).\n    const cellLeft = xScale(column);\n    const cellRight = cellLeft + binWidth - gap;\n    const cellTop = cellYScale(row) + gap;\n    const cellBottom = cellYScale(row) + binHeight;\n    // The cell, pulled in wherever the line outside it would fall past the grid's edge.\n    const left = cellLeft - FRAME_WIDTH < 0 ? cellLeft + FRAME_WIDTH : cellLeft;\n    const right = cellRight + FRAME_WIDTH > bounds.width ? cellRight - FRAME_WIDTH : cellRight;\n    const top = cellTop - FRAME_WIDTH < 0 ? cellTop + FRAME_WIDTH : cellTop;\n    const bottom = cellBottom + FRAME_WIDTH > bounds.height ? cellBottom - FRAME_WIDTH : cellBottom;\n    // Row 0 is at the bottom of the grid, so the row above is row + 1.\n    const above = isSelected(row + 1, column);\n    const below = isSelected(row - 1, column);\n    const before = isSelected(row, column - 1);\n    const after = isSelected(row, column + 1);\n    // How far an edge's line runs past the box: across the gap to a selected neighbor, or round\n    // the corner where there is none.\n    const reach = (selected: boolean) => (selected ? gap : FRAME_WIDTH);\n    const bridge = (selected: boolean) => (selected ? gap : 0);\n    const across = [left - reach(before), right - left + reach(before) + reach(after)] as const;\n    const down = [top - reach(above), bottom - top + reach(above) + reach(below)] as const;\n    const haloAcross = [left - bridge(before), right - left + bridge(before) + bridge(after)] as const;\n    const haloDown = [top - bridge(above), bottom - top + bridge(above) + bridge(below)] as const;\n\n    if (!above) {\n      band(dark, SELECTION_COLOR, across[0], top - FRAME_WIDTH, across[1], FRAME_WIDTH);\n      band(halo, HALO_COLOR, haloAcross[0], top, haloAcross[1], HALO_WIDTH);\n    }\n    if (!below) {\n      band(dark, SELECTION_COLOR, across[0], bottom, across[1], FRAME_WIDTH);\n      band(halo, HALO_COLOR, haloAcross[0], bottom - HALO_WIDTH, haloAcross[1], HALO_WIDTH);\n    }\n    if (!before) {\n      band(dark, SELECTION_COLOR, left - FRAME_WIDTH, down[0], FRAME_WIDTH, down[1]);\n      band(halo, HALO_COLOR, left, haloDown[0], HALO_WIDTH, haloDown[1]);\n    }\n    if (!after) {\n      band(dark, SELECTION_COLOR, right, down[0], FRAME_WIDTH, down[1]);\n      band(halo, HALO_COLOR, right - HALO_WIDTH, haloDown[0], HALO_WIDTH, haloDown[1]);\n    }\n  }\n  return [...dark, ...halo];\n}\n\n/** The columns and rows the axes and minimap mark as holding the selection. */\nexport type SelectionMarks = { columns: Set<number>; rows: Set<number> };\n\nconst NO_SELECTION_MARKS: SelectionMarks = { columns: new Set(), rows: new Set() };\n\n/**\n * Which columns and rows to mark. A column is marked for a selected cell whose row isn't fully\n * selected, and a row for one whose column isn't: a whole selected column marks only its column,\n * and a single cell marks both.\n */\nexport function selectionMarks(selectedKeys: Set<string> | null, numColumns: number, numRows: number): SelectionMarks {\n  if (!selectedKeys?.size) return NO_SELECTION_MARKS;\n  const cells = [...selectedKeys].map(parseKey);\n  const perColumn = new Map<number, number>();\n  const perRow = new Map<number, number>();\n  for (const { row, column } of cells) {\n    perColumn.set(column, (perColumn.get(column) ?? 0) + 1);\n    perRow.set(row, (perRow.get(row) ?? 0) + 1);\n  }\n  const columns = new Set<number>();\n  const rows = new Set<number>();\n  for (const { row, column } of cells) {\n    if ((perRow.get(row) ?? 0) < numColumns) columns.add(column);\n    if ((perColumn.get(column) ?? 0) < numRows) rows.add(row);\n  }\n  return { columns, rows };\n}\n"],"names":["SELECTION_COLOR","HALO_COLOR","cellKey","cell","row","column","parseKey","key","split","map","Number","selectedCellsIn","selectedKeys","colStart","colEnd","rowStart","rowEnd","size","has","selectionFrame","cells","geometry","bounds","xScale","cellYScale","binWidth","binHeight","gap","isSelected","dark","halo","band","into","fill","x","y","width","height","push","cellLeft","cellRight","cellTop","cellBottom","left","FRAME_WIDTH","right","top","bottom","above","below","before","after","reach","selected","bridge","across","down","haloAcross","haloDown","HALO_WIDTH","NO_SELECTION_MARKS","columns","Set","rows","selectionMarks","numColumns","numRows","perColumn","Map","perRow","set","get","add"],"mappings":"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"}

package/dist/visualization.es132.js

@@ -1,40 +1,248 @@
-import { c as T } from "react/compiler-runtime";
-import { useRef as _, useEffect as v } from "react";
-import { cellKey as R } from "./visualization.es126.js";
-function w(f, e, l, t) {
-  return t - l > e || l < f ? l : t > f + e ? t - e : f;
-}
-function O(f) {
-  const e = T(12), {
-    mainPaneRef: l,
-    selectedCells: t,
-    scrollToSelection: n,
-    binWidth: o,
-    viewportWidth: c
-  } = f;
-  let i;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ new Set(), e[0] = i) : i = e[0];
-  const p = _(i);
-  let r;
-  e[1] !== o || e[2] !== l || e[3] !== n || e[4] !== t || e[5] !== c ? (r = () => {
-    const g = p.current, y = t ?? [], C = y.filter((s) => !g.has(R(s)));
-    p.current = new Set(y.map(R));
-    const u = l.current;
-    if (!n || !u || C.length === 0)
-      return;
-    let a = 1 / 0, h = -1 / 0;
-    for (const s of C)
-      s.column < a && (a = s.column), s.column > h && (h = s.column);
-    const K = a * o, S = (h + 1) * o, L = w(u.scrollLeft, c, K, S);
-    L !== u.scrollLeft && u.scrollTo({
-      left: L,
-      behavior: "smooth"
-    });
-  }, e[1] = o, e[2] = l, e[3] = n, e[4] = t, e[5] = c, e[6] = r) : r = e[6];
-  let m;
-  e[7] !== o || e[8] !== n || e[9] !== t || e[10] !== c ? (m = [t, n, o, c], e[7] = o, e[8] = n, e[9] = t, e[10] = c, e[11] = m) : m = e[11], v(r, m);
+import { getAnimationPose as z } from "./visualization.es36.js";
+import { isOutsideRange as tt, resolveCellAppearance as nt, DIMMED_OPACITY as ot } from "./visualization.es130.js";
+import { selectionFrame as et, selectedCellsIn as lt } from "./visualization.es131.js";
+const O = (t, n, o) => Math.min(Math.max(t, n), o);
+function L(t, n, o) {
+  const {
+    xScale: e,
+    cellYScale: i,
+    gap: c,
+    isRect: l,
+    binWidth: a,
+    binHeight: s
+  } = t;
+  if (l)
+    return {
+      isRect: !0,
+      x: e(n),
+      y: i(o) + c,
+      width: a - c,
+      height: s - c
+    };
+  const r = Math.min(a, s) / 2;
+  return {
+    isRect: !1,
+    cx: n * a + a / 2,
+    cy: i(o) + c + r,
+    r: r - c,
+    radius: r
+  };
+}
+function it(t, n) {
+  if (t.isRect) {
+    const o = t.width * n.scale, e = t.height * n.scale;
+    return {
+      isRect: !0,
+      x: t.x + (t.width - o) / 2 + n.x,
+      y: t.y + (t.height - e) / 2 + n.y,
+      width: o,
+      height: e
+    };
+  }
+  return {
+    ...t,
+    cx: t.cx + n.x,
+    cy: t.cy + n.y,
+    r: t.r * n.scale
+  };
+}
+function dt(t, n, o, e, i, c) {
+  const {
+    data: l,
+    numRows: a,
+    binWidth: s,
+    binHeight: r,
+    yMax: S
+  } = t;
+  return {
+    colStart: O(Math.floor(n / s) - c, 0, Math.max(0, l.length - 1)),
+    colEnd: O(Math.ceil((n + e) / s) + c, 0, Math.max(0, l.length - 1)),
+    rowStart: O(Math.floor((S - (o + i)) / r) - c, 0, Math.max(0, a - 1)),
+    rowEnd: O(Math.floor((S - o) / r) + c, 0, Math.max(0, a - 1))
+  };
+}
+function mt(t, n, o, e, i = null) {
+  const {
+    data: c,
+    colorScale: l,
+    selectedKeys: a,
+    highlightRange: s
+  } = n;
+  let r = !1, S = null, b = -1;
+  for (let d = o.colStart; d <= o.colEnd; d++) {
+    const E = c[d];
+    if (!E) continue;
+    const f = i ? z(i.type, Math.max(0, d - i.firstColumn), i.elapsed) : null, u = f !== null && !f.done;
+    if (!(u && (r = !0, f.opacity <= 0 || f.scale <= 0)))
+      for (let m = o.rowStart; m <= o.rowEnd; m++) {
+        const v = E.rows[m];
+        if (!v) continue;
+        const M = v.count, w = M == null ? void 0 : l(M), p = tt(M, s), {
+          fill: x,
+          fillOpacity: g
+        } = nt(M, w, p);
+        if (g <= 0) continue;
+        const h = u ? it(L(n, d, m), f) : L(n, d, m), I = u ? g * f.opacity : g;
+        I !== b && (t.globalAlpha = I, b = I), x !== S && (t.fillStyle = x, S = x);
+        const D = e !== null && e.row === m && e.column === d;
+        if (h.isRect) {
+          const A = Math.max(h.width, 0), W = Math.max(h.height, 0);
+          t.fillRect(h.x, h.y, A, W), D && (t.beginPath(), t.rect(h.x, h.y, A, W));
+        } else
+          t.beginPath(), t.arc(h.cx, h.cy, Math.max(h.r, 0), 0, Math.PI * 2), t.fill();
+        D && (b = u ? f.opacity : 1, t.globalAlpha = b, t.lineWidth = 2, t.strokeStyle = x, t.stroke());
+      }
+  }
+  if (t.globalAlpha = 1, a) {
+    const d = {
+      colStart: o.colStart - 1,
+      colEnd: o.colEnd + 1,
+      rowStart: o.rowStart - 1,
+      rowEnd: o.rowEnd + 1
+    }, E = {
+      width: c.length * n.binWidth,
+      height: n.yMax
+    };
+    for (const {
+      x: f,
+      y: u,
+      width: m,
+      height: v,
+      fill: M
+    } of et(a, lt(a, d), n, E))
+      t.fillStyle = M, t.fillRect(f, u, m, v);
+  }
+  return r;
+}
+const T = 256;
+let R = null;
+function ct(t) {
+  if (R ??= document.createElement("canvas").getContext("2d", {
+    willReadFrequently: !0
+  }), !R) return [0, 0, 0];
+  R.clearRect(0, 0, 1, 1), R.fillStyle = "#000", R.fillStyle = t, R.fillRect(0, 0, 1, 1);
+  const [n, o, e] = R.getImageData(0, 0, 1, 1).data;
+  return [n, o, e];
+}
+const Q = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakMap();
+function at(t) {
+  const n = Q.get(t.colorScale);
+  if (n) return n;
+  const {
+    colorScale: o,
+    minValue: e,
+    maxValue: i
+  } = t, c = new Uint8ClampedArray(T * 3);
+  for (let l = 0; l < T; l++) {
+    const [a, s, r] = ct(o(e + (i - e) * l / (T - 1)) ?? "#000");
+    c.set([a, s, r], l * 3);
+  }
+  return Q.set(t.colorScale, c), c;
+}
+function rt(t, n) {
+  const o = Z.get(t);
+  if (o && o.length === t.length * n) return o;
+  const e = new Float64Array(t.length * n).fill(NaN);
+  return t.forEach((i, c) => i.rows.forEach((l, a) => {
+    a < n && l.count != null && (e[c * n + a] = l.count);
+  })), Z.set(t, e), e;
+}
+function st(t, n, o) {
+  const {
+    data: e,
+    numRows: i,
+    highlightRange: c,
+    minValue: l,
+    maxValue: a
+  } = t, s = e.length;
+  if (s === 0 || i === 0 || n < 1 || o < 1) return null;
+  const r = at(t), S = rt(e, i), b = a - l, [d, E] = c ?? [-1 / 0, 1 / 0], f = new ImageData(n, o), u = f.data, m = (w, p) => Array.from({
+    length: p
+  }, (x, g) => {
+    const h = Math.min(Math.floor(g * w / p), w - 1);
+    return [h, Math.max(h + 1, Math.floor((g + 1) * w / p))];
+  }), v = m(s, n), M = m(i, o);
+  for (let w = 0; w < o; w++) {
+    const [p, x] = M[w];
+    for (let g = 0; g < n; g++) {
+      const [h, I] = v[g];
+      let D = 0, A = 0, W = 0, C = 0, N = 0, q = 0, B = 0, K = 0, H = 0;
+      for (let k = h; k < I; k++) {
+        const $ = k * i;
+        for (let _ = p; _ < x; _++) {
+          const X = $ + i - 1 - _;
+          N++;
+          const V = S[X];
+          if (V !== V) continue;
+          const G = b > 0 ? Math.round(Math.min(Math.max((V - l) / b, 0), 1) * (T - 1)) * 3 : 0, U = r[G], Y = r[G + 1], j = r[G + 2], J = V >= d && V <= E;
+          J && c && (q += U, B += Y, K += j, H++);
+          const F = J ? 1 : ot;
+          D += U * F, A += Y * F, W += j * F, C += F;
+        }
+      }
+      const y = (w * n + g) * 4;
+      H > 0 ? (u[y] = q / H, u[y + 1] = B / H, u[y + 2] = K / H, u[y + 3] = 255) : C > 0 && (u[y] = D / C, u[y + 1] = A / C, u[y + 2] = W / C, u[y + 3] = C / N * 255);
+    }
+  }
+  return f;
+}
+let P = null;
+function gt(t, n) {
+  const {
+    width: o,
+    height: e
+  } = t.canvas;
+  t.setTransform(1, 0, 0, 1, 0, 0), t.clearRect(0, 0, o, e);
+  const i = Math.min(o, n.data.length), c = Math.min(e, n.numRows), l = st(n, i, c);
+  l && (i === o && c === e ? t.putImageData(l, 0, 0) : (P ??= document.createElement("canvas"), P.width = i, P.height = c, P.getContext("2d")?.putImageData(l, 0, 0), t.imageSmoothingEnabled = !1, t.drawImage(P, 0, 0, o, e)));
+}
+function wt(t, n, o) {
+  const {
+    data: e,
+    numRows: i,
+    binWidth: c,
+    binHeight: l,
+    yMax: a
+  } = t;
+  if (n < 0 || o < 0) return null;
+  const s = Math.floor(n / c), r = Math.floor((a - o) / l);
+  return s < 0 || s >= e.length || r < 0 || r >= i || !e[s]?.rows[r] ? null : {
+    row: r,
+    column: s
+  };
+}
+function Mt(t, n) {
+  const o = t.data[n.column], e = o?.rows[n.row];
+  if (!o || !e) return null;
+  const i = e.count, c = i == null ? void 0 : t.colorScale(i), l = L(t, n.column, n.row), a = {
+    bin: e,
+    row: n.row,
+    column: n.column,
+    datum: o,
+    gap: t.gap,
+    count: i,
+    color: c,
+    opacity: i == null ? void 0 : 1
+  };
+  return l.isRect ? {
+    ...a,
+    x: l.x,
+    y: l.y,
+    width: l.width,
+    height: l.height
+  } : {
+    ...a,
+    cx: l.cx,
+    cy: l.cy,
+    r: l.r,
+    radius: l.radius
+  };
 }
 export {
-  O as useScrollToSelection
+  Mt as buildBin,
+  mt as drawHeatmapCells,
+  gt as drawHeatmapOverview,
+  dt as getVisibleRange,
+  wt as hitTestCell
 };
 //# sourceMappingURL=visualization.es132.js.map

package/dist/visualization.es132.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es132.js","sources":["../src/components/Heatmap/hooks/useScrollToSelection.ts"],"sourcesContent":["import { useEffect, useRef, type RefObject } from \"react\";\nimport type { HeatmapCellId } from \"../types\";\nimport { cellKey } from \"../heatmapSelection\";\n\n// The smallest scroll that brings [boxStart, boxEnd) into view, as scrollIntoView({ block: \"nearest\" })\n// would: unchanged if it's already visible, aligned to boxStart if it can't fit.\nfunction nearestScrollOffset(current: number, viewportSize: number, boxStart: number, boxEnd: number): number {\n  if (boxEnd - boxStart > viewportSize) return boxStart;\n  if (boxStart < current) return boxStart;\n  if (boxEnd > current + viewportSize) return boxEnd - viewportSize;\n  return current;\n}\n\nexport interface UseScrollToSelectionArgs {\n  mainPaneRef: RefObject<HTMLDivElement | null>;\n  selectedCells?: HeatmapCellId[];\n  scrollToSelection?: boolean;\n  binWidth: number;\n  viewportWidth: number;\n}\n\n// Scrolls newly selected cells into view, horizontally.\nexport function useScrollToSelection({\n  mainPaneRef, selectedCells, scrollToSelection, binWidth, viewportWidth,\n}: UseScrollToSelectionArgs) {\n  const previousSelectionKeysRef = useRef<Set<string>>(new Set());\n\n  useEffect(() => {\n    const previousKeys = previousSelectionKeysRef.current;\n    const cells = selectedCells ?? [];\n    const newCells = cells.filter((cell) => !previousKeys.has(cellKey(cell)));\n    previousSelectionKeysRef.current = new Set(cells.map(cellKey));\n\n    const main = mainPaneRef.current;\n    if (!scrollToSelection || !main || newCells.length === 0) return;\n\n    let minCol = Infinity, maxCol = -Infinity;\n    for (const cell of newCells) {\n      if (cell.column < minCol) minCol = cell.column;\n      if (cell.column > maxCol) maxCol = cell.column;\n    }\n\n    const boxLeft = minCol * binWidth;\n    const boxRight = (maxCol + 1) * binWidth;\n\n    const targetLeft = nearestScrollOffset(main.scrollLeft, viewportWidth, boxLeft, boxRight);\n    if (targetLeft !== main.scrollLeft) {\n      main.scrollTo({ left: targetLeft, behavior: \"smooth\" });\n    }\n  }, [selectedCells, scrollToSelection, binWidth, viewportWidth]);\n}\n"],"names":["nearestScrollOffset","current","viewportSize","boxStart","boxEnd","useScrollToSelection","t0","$","_c","mainPaneRef","selectedCells","scrollToSelection","binWidth","viewportWidth","t1","Symbol","for","Set","previousSelectionKeysRef","useRef","t2","previousKeys","cells","newCells","filter","cell","has","cellKey","map","main","length","minCol","Infinity","maxCol","cell_0","column","boxLeft","boxRight","targetLeft","scrollLeft","scrollTo","left","behavior","t3","useEffect"],"mappings":";;;AAMA,SAASA,EAAoBC,GAAiBC,GAAsBC,GAAkBC,GAAwB;AAE5G,SADIA,IAASD,IAAWD,KACpBC,IAAWF,IAAgBE,IAC3BC,IAASH,IAAUC,IAAqBE,IAASF,IAC9CD;AACT;AAWO,SAAAI,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAA8B;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,IAAAP;AAEV,MAAAQ;AAAA,EAAAP,EAAA,CAAA,MAAAQ,uBAAAC,IAAA,2BAAA,KAC4BF,wBAAIG,IAAAA,GAAKV,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAA9D,QAAAW,IAAiCC,EAAoBL,CAAS;AAAE,MAAAM;AAAA,EAAAb,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAG,KAAAH,SAAAM,KAEtDO,IAAAA,MAAA;AACR,UAAAC,IAAqBH,EAAwBjB,SAC7CqB,IAAcZ,KAAA,CAAA,GACda,IAAiBD,EAAKE,OAAQC,CAAAA,MAAU,CAACJ,EAAYK,IAAKC,EAAQF,CAAI,CAAC,CAAC;AACxEP,IAAAA,EAAwBjB,UAAW,IAAIgB,IAAIK,EAAKM,IAAKD,CAAO,CAAC;AAE7D,UAAAE,IAAapB,EAAWR;AACxB,QAAI,CAACU,KAAD,CAAuBkB,KAAQN,EAAQO,WAAY;AAAC;AAExD,QAAAC,IAAaC,OAAbC,IAAgC;AAChC,eAAKC,KAAcX;AACjB,MAAIE,EAAIU,SAAUJ,MAAQA,IAASN,EAAIU,SACnCV,EAAIU,SAAUF,MAAQA,IAASR,EAAIU;AAGzC,UAAAC,IAAgBL,IAASnB,GACzByB,KAAkBJ,IAAS,KAAKrB,GAEhC0B,IAAmBtC,EAAoB6B,EAAIU,YAAa1B,GAAeuB,GAASC,CAAQ;AACxF,IAAIC,MAAeT,EAAIU,cACrBV,EAAIW,SAAU;AAAA,MAAAC,MAAQH;AAAAA,MAAUI,UAAY;AAAA,IAAA,CAAU;AAAA,EACvD,GACFnC,OAAAK,GAAAL,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAM,GAAAN,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAoC;AAAA,EAAApC,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAG,KAAAH,UAAAM,KAAE8B,IAAA,CAACjC,GAAeC,GAAmBC,GAAUC,CAAa,GAACN,OAAAK,GAAAL,OAAAI,GAAAJ,OAAAG,GAAAH,QAAAM,GAAAN,QAAAoC,KAAAA,IAAApC,EAAA,EAAA,GAtB9DqC,EAAUxB,GAsBPuB,CAA2D;AAAC;"}
+{"version":3,"file":"visualization.es132.js","sources":["../src/components/Heatmap/HeatmapCanvasCells.ts"],"sourcesContent":["import type { RectCell, CircleCell } from \"@visx/heatmap\";\nimport type { ColumnDatum, HeatmapCellId, RowDatum } from \"./types\";\nimport { getAnimationPose, type AnimationPose, type AnimationType } from \"../../utility\";\nimport { DIMMED_OPACITY, isOutsideRange, resolveCellAppearance } from \"./heatmapCellAppearance\";\nimport { selectedCellsIn, selectionFrame, type SelectionMarks } from \"./heatmapSelection\";\n\n/** A cell as onClick and tooltipBody receive it - see buildBin. */\nexport type AnyBin = RectCell<ColumnDatum, RowDatum> | CircleCell<ColumnDatum, RowDatum>;\n\n/** What the canvas renderers and hit-testing need to place and color cells. */\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\n/** An entry animation, `elapsed` seconds in. */\nexport interface CanvasEntryFrame {\n  type: AnimationType;\n  elapsed: number;\n  /** The column the stagger counts from: the first in view when the animation began. */\n  firstColumn: number;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\n// visx's HeatmapRect/HeatmapCircle geometry, which buildBin passes on to onClick and tooltipBody,\n// except that circles are centered in their cells.\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/** A cell's geometry moved, and scaled about its center, by an animation pose. */\nfunction poseCellGeometry(geometry: CellGeometry, pose: AnimationPose): CellGeometry {\n  if (geometry.isRect) {\n    const width = geometry.width * pose.scale;\n    const height = geometry.height * pose.scale;\n    return {\n      isRect: true,\n      x: geometry.x + (geometry.width - width) / 2 + pose.x,\n      y: geometry.y + (geometry.height - height) / 2 + pose.y,\n      width,\n      height,\n    };\n  }\n  return { ...geometry, cx: geometry.cx + pose.x, cy: geometry.cy + pose.y, r: geometry.r * pose.scale };\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/**\n * Paints the cells in `range` onto `ctx`, whose origin is already at content-space (0,0), and the\n * selection's frame over them. With `entry`, the cells (not the frame) are drawn mid-animation.\n * Returns whether any cell drawn is still animating.\n */\nexport function drawHeatmapCells(\n  ctx: CanvasRenderingContext2D,\n  params: CanvasCellParams,\n  range: CanvasDrawRange,\n  hoveredCell: HeatmapCellId | null,\n  entry: CanvasEntryFrame | null = null\n): boolean {\n  const { data, colorScale, selectedKeys, highlightRange } = params;\n  let isEntering = false;\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    // Staggered by column: a column's rows move together.\n    const pose = entry ? getAnimationPose(entry.type, Math.max(0, col - entry.firstColumn), entry.elapsed) : null;\n    const isPosed = pose !== null && !pose.done;\n    if (isPosed) {\n      isEntering = true;\n      if (pose.opacity <= 0 || pose.scale <= 0) continue;\n    }\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 = isPosed ? poseCellGeometry(getCellGeometry(params, col, row), pose) : getCellGeometry(params, col, row);\n      const alpha = isPosed ? fillOpacity * pose.opacity : fillOpacity;\n      if (alpha !== lastAlpha) {\n        ctx.globalAlpha = alpha;\n        lastAlpha = alpha;\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        // Full strength even on a dimmed cell, but fading in with its cell.\n        lastAlpha = isPosed ? pose.opacity : 1;\n        ctx.globalAlpha = lastAlpha;\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  return isEntering;\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 solid squares here; the minimap marks the 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","poseCellGeometry","geometry","pose","scale","getVisibleRange","scrollLeft","scrollTop","viewportWidth","viewportHeight","overscan","data","numRows","yMax","colStart","floor","length","colEnd","ceil","rowStart","rowEnd","drawHeatmapCells","ctx","range","hoveredCell","entry","colorScale","selectedKeys","highlightRange","isEntering","lastFill","lastAlpha","columnDatum","getAnimationPose","type","firstColumn","elapsed","isPosed","done","opacity","rowDatum","rows","count","color","undefined","isDimmed","isOutsideRange","fill","fillOpacity","resolveCellAppearance","alpha","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","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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"}