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

package/dist/visualization.es133.js

@@ -1,59 +1,21 @@
-import { jsx as $, jsxs as P, Fragment as W } from "react/jsx-runtime";
-import { c as b } from "react/compiler-runtime";
-import { memo as q, useRef as z } from "react";
-import E from "./visualization.es134.js";
-import { getHeatmapColorScale as G, isOutsideRange as I, resolveCellAppearance as J } from "./visualization.es125.js";
-import { getBins as K } from "./visualization.es88.js";
-import { useStableCallback as L } from "./visualization.es20.js";
-import N from "./visualization.es249.js";
-import Q from "./visualization.es250.js";
-import U from "./visualization.es13.js";
-const re = q(function(B) {
-  const e = b(29), {
-    data: f,
-    xScale: u,
-    yScale: d,
-    colors: h,
-    minValue: j,
-    maxValue: C,
-    gap: g,
-    isRect: t,
-    binWidth: o,
-    binHeight: c,
-    animationType: H,
-    tooltipBody: n,
-    onClick: O,
-    highlightRange: R
-  } = B, x = j === void 0 ? 0 : j;
-  let s;
-  e[0] !== h || e[1] !== C || e[2] !== x ? (s = G(h, [x, C]), e[0] = h, e[1] = C, e[2] = x, e[3] = s) : s = e[3];
-  const S = s, k = Math.min(o, c) / 2, v = z(null), y = L(O), V = t ? N : Q;
-  let l;
-  e[4] !== c || e[5] !== o || e[6] !== t || e[7] !== k ? (l = t ? {
-    binWidth: o,
-    binHeight: c
-  } : {
-    radius: k
-  }, e[4] = c, e[5] = o, e[6] = t, e[7] = k, e[8] = l) : l = e[8];
-  let a;
-  e[9] !== H || e[10] !== o || e[11] !== y || e[12] !== R || e[13] !== t ? (a = (T) => T.map((w, A) => w.map((r) => {
-    const D = I(r.count, R), {
-      fill: F,
-      fillOpacity: M
-    } = J(r.count, r.color, D);
-    return /* @__PURE__ */ $(E, { bin: r, isRect: t, binWidth: o, fill: F, fillOpacity: M, colIndex: A, animationType: H, tooltipRef: v, onClick: y }, `heatmap-cell-${r.row}-${r.column}`);
-  })), e[9] = H, e[10] = o, e[11] = y, e[12] = R, e[13] = t, e[14] = a) : a = e[14];
-  let i;
-  e[15] !== V || e[16] !== S || e[17] !== f || e[18] !== g || e[19] !== l || e[20] !== a || e[21] !== u || e[22] !== d ? (i = /* @__PURE__ */ $(V, { data: f, xScale: u, yScale: d, colorScale: S, bins: K, gap: g, ...l, children: a }), e[15] = V, e[16] = S, e[17] = f, e[18] = g, e[19] = l, e[20] = a, e[21] = u, e[22] = d, e[23] = i) : i = e[23];
-  let m;
-  e[24] !== n ? (m = n && /* @__PURE__ */ $(U, { ref: v, children: n }), e[24] = n, e[25] = m) : m = e[25];
-  let p;
-  return e[26] !== i || e[27] !== m ? (p = /* @__PURE__ */ P(W, { children: [
-    i,
-    m
-  ] }), e[26] = i, e[27] = m, e[28] = p) : p = e[28], p;
-});
+import { jsx as i } from "react/jsx-runtime";
+import { c as p } from "react/compiler-runtime";
+import { SELECTION_COLOR as f } from "./visualization.es131.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;
+};
 export {
-  re as default
+  u as default
 };
 //# sourceMappingURL=visualization.es133.js.map

package/dist/visualization.es133.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es133.js","sources":["../src/components/Heatmap/HeatmapCells.tsx"],"sourcesContent":["import { HeatmapRect, HeatmapCircle, RectCell, CircleCell } from \"@visx/heatmap\";\nimport { useMemo, useRef, memo, ReactElement } from \"react\";\nimport type { AnimationType } from \"../../utility\";\nimport type { ColumnDatum, RowDatum } from \"./types\";\nimport HeatmapCell from \"./HeatmapCell\";\nimport { PlotTooltip, type PlotTooltipHandle } from \"../../tooltip\";\nimport { useStableCallback } from \"../../hooks\";\nimport { getHeatmapColorScale, isOutsideRange, resolveCellAppearance } from \"./heatmapCellAppearance\";\nimport { getBins } from \"./heatmapLayout\";\n\nexport type AnyBin = RectCell<ColumnDatum, RowDatum> | CircleCell<ColumnDatum, RowDatum>;\n\nexport interface HeatmapCellsProps {\n  data: ColumnDatum[];\n  xScale: (d: number) => number;\n  yScale: (d: number) => number;\n  colors: [string, string, ...string[]];\n  /**\n   * Value mapped to the first color. Defaults to 0. Pass a negative value (e.g. paired with a\n   * positive maxValue) for a diverging scale centered away from zero.\n   */\n  minValue?: number;\n  maxValue: number;\n  gap: number;\n  isRect: boolean;\n  binWidth: number;\n  binHeight: number;\n  animationType?: AnimationType;\n  tooltipBody?: (bin: AnyBin) => ReactElement;\n  onClick?: (bin: AnyBin) => void;\n  /** See HeatmapProps.highlightRange. */\n  highlightRange?: [number, number] | null;\n}\n\nconst HeatmapCells = memo(function HeatmapCells({\n  data, xScale, yScale, colors, minValue = 0, maxValue, gap,\n  isRect, binWidth, binHeight, animationType,\n  tooltipBody, onClick, highlightRange,\n}: HeatmapCellsProps) {\n  const colorScale = useMemo(\n    () => getHeatmapColorScale(colors, [minValue, maxValue]),\n    [colors, minValue, maxValue]\n  );\n  const radius = Math.min(binWidth, binHeight) / 2;\n\n  // The tooltip is a sibling of the grid and owns its own state, so moving the pointer around\n  // never re-renders a cell. Cells reach it through this ref, which never changes identity.\n  const tooltipRef = useRef<PlotTooltipHandle<AnyBin>>(null);\n\n  // Consumers commonly pass an inline arrow for onClick. Cells are memoized on prop identity,\n  // so forwarding that directly would invalidate every cell on each render of the consumer.\n  const handleClick = useStableCallback(onClick);\n\n  const HeatmapComponent = isRect ? HeatmapRect : HeatmapCircle;\n\n  return (\n    <>\n      <HeatmapComponent\n        data={data}\n        xScale={xScale}\n        yScale={yScale}\n        colorScale={colorScale}\n        bins={getBins}\n        gap={gap}\n        {...(isRect ? { binWidth, binHeight } : { radius })}\n      >\n        {(heatmap) =>\n          heatmap.map((heatmapBins, colIndex) =>\n            heatmapBins.map((bin) => {\n              const isDimmed = isOutsideRange(bin.count, highlightRange);\n              const { fill, fillOpacity } = resolveCellAppearance(bin.count, bin.color, isDimmed);\n              return (\n                <HeatmapCell\n                  key={`heatmap-cell-${bin.row}-${bin.column}`}\n                  bin={bin}\n                  isRect={isRect}\n                  binWidth={binWidth}\n                  fill={fill}\n                  fillOpacity={fillOpacity}\n                  colIndex={colIndex}\n                  animationType={animationType}\n                  tooltipRef={tooltipRef}\n                  onClick={handleClick}\n                />\n              );\n            })\n          )\n        }\n      </HeatmapComponent>\n      {tooltipBody && <PlotTooltip ref={tooltipRef}>{tooltipBody}</PlotTooltip>}\n    </>\n  );\n});\n\nexport default HeatmapCells;\n"],"names":["HeatmapCells","memo","t0","$","_c","data","xScale","yScale","colors","minValue","t1","maxValue","gap","isRect","binWidth","binHeight","animationType","tooltipBody","onClick","highlightRange","undefined","t2","getHeatmapColorScale","colorScale","radius","Math","min","tooltipRef","useRef","handleClick","useStableCallback","HeatmapComponent","HeatmapRect","HeatmapCircle","t3","t4","heatmap","map","heatmapBins","colIndex","bin","isDimmed","isOutsideRange","count","fill","fillOpacity","resolveCellAppearance","color","HeatmapCell","row","column","t5","getBins","t6","jsx","PlotTooltip","t7"],"mappings":";;;;;;;;;;AAkCA,MAAMA,KAAeC,EAAK,SAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAsB;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,EAAAA,IAAAjB,GAChBO,IAAAC,MAAAU,SAAA,IAAAV;AAAY,MAAAW;AAAA,EAAAlB,EAAA,CAAA,MAAAK,KAAAL,SAAAQ,KAAAR,EAAA,CAAA,MAAAM,KAKlCY,IAAAC,EAAqBd,GAAQ,CAACC,GAAUE,CAAQ,CAAC,GAACR,OAAAK,GAAAL,OAAAQ,GAAAR,OAAAM,GAAAN,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA;AAD1D,QAAAoB,IACQF,GAGRG,IAAeC,KAAIC,IAAKZ,GAAUC,CAAS,IAAI,GAI/CY,IAAmBC,EAAkC,IAAI,GAIzDC,IAAoBC,EAAkBZ,CAAO,GAE7Ca,IAAyBlB,IAAAmB,IAAAC;AAAqC,MAAAC;AAAA,EAAA/B,EAAA,CAAA,MAAAY,KAAAZ,EAAA,CAAA,MAAAW,KAAAX,EAAA,CAAA,MAAAU,KAAAV,SAAAqB,KAWnDU,IAAArB,IAAA;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAA;AAAA,IAAAS,QAAAA;AAAAA,EAAAA,GAA6CrB,OAAAY,GAAAZ,OAAAW,GAAAX,OAAAU,GAAAV,OAAAqB,GAAArB,OAAA+B,KAAAA,IAAA/B,EAAA,CAAA;AAAA,MAAAgC;AAAA,EAAAhC,EAAA,CAAA,MAAAa,KAAAb,EAAA,EAAA,MAAAW,KAAAX,EAAA,EAAA,MAAA0B,KAAA1B,EAAA,EAAA,MAAAgB,KAAAhB,UAAAU,KAEjDsB,IAAAC,CAAAA,MACCA,EAAOC,IAAK,CAAAC,GAAAC,MACVD,EAAWD,IAAKG,CAAAA,MAAA;AACd,UAAAC,IAAiBC,EAAeF,EAAGG,OAAQxB,CAAc,GACzD;AAAA,MAAAyB,MAAAA;AAAAA,MAAAC,aAAAA;AAAAA,IAAAA,IAA8BC,EAAsBN,EAAGG,OAAQH,EAAGO,OAAQN,CAAQ;AAAE,6BAEjFO,GAAA,EAEMR,KAAAA,GACG3B,QAAAA,GACEC,UAAAA,GACJ8B,MAAAA,GACOC,aAAAA,GACHN,UAAAA,GACKvB,eAAAA,GACHW,YAAAA,GACHE,SAAAA,KATJ,gBAAgBW,EAAGS,GAAI,IAAIT,EAAGU,MAAO,EAStB;AAAA,EACpB,CAEL,CACH,GAAC/C,OAAAa,GAAAb,QAAAW,GAAAX,QAAA0B,GAAA1B,QAAAgB,GAAAhB,QAAAU,GAAAV,QAAAgC,KAAAA,IAAAhC,EAAA,EAAA;AAAA,MAAAgD;AAAA,EAAAhD,EAAA,EAAA,MAAA4B,KAAA5B,EAAA,EAAA,MAAAoB,KAAApB,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAS,KAAAT,EAAA,EAAA,MAAA+B,KAAA/B,EAAA,EAAA,MAAAgC,KAAAhC,EAAA,EAAA,MAAAG,KAAAH,UAAAI,KA7BL4C,sBAACpB,GAAA,EACO1B,MAAAA,GACEC,QAAAA,GACAC,QAAAA,GACIgB,YAAAA,GACN6B,SACDxC,KAAAA,GAAG,GACHsB,GAEJC,UAAAA,EAAAA,CAsBH,GAAmBhC,QAAA4B,GAAA5B,QAAAoB,GAAApB,QAAAE,GAAAF,QAAAS,GAAAT,QAAA+B,GAAA/B,QAAAgC,GAAAhC,QAAAG,GAAAH,QAAAI,GAAAJ,QAAAgD,KAAAA,IAAAhD,EAAA,EAAA;AAAA,MAAAkD;AAAA,EAAAlD,UAAAc,KAClBoC,IAAApC,KAAe,gBAAAqC,EAACC,GAAA,EAAiB5B,KAAAA,GAAaV,UAAAA,GAAY,GAAcd,QAAAc,GAAAd,QAAAkD,KAAAA,IAAAlD,EAAA,EAAA;AAAA,MAAAqD;AAAA,SAAArD,EAAA,EAAA,MAAAgD,KAAAhD,UAAAkD,KAjC3EG,2BACEL,UAAAA;AAAAA,IAAAA;AAAAA,IAgCCE;AAAAA,EAAAA,GAAwE,GACxElD,QAAAgD,GAAAhD,QAAAkD,GAAAlD,QAAAqD,KAAAA,IAAArD,EAAA,EAAA,GAlCHqD;AAkCG,CAEN;"}
+{"version":3,"file":"visualization.es133.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.es134.js

@@ -1,50 +1,145 @@
-import { jsx as $ } from "react/jsx-runtime";
-import { c as A } from "react/compiler-runtime";
-import { memo as H } from "react";
-import { getAnimationProps as I } from "./visualization.es24.js";
-import { motion as M } from "./visualization.es29.js";
-const S = "visx-heatmap-cell", d = "visx-heatmap-cell-shape", z = `
-.${S} { cursor: pointer; }
-.${d} { transition: stroke-width 0.2s; pointer-events: all; }
-.${S}:hover .${d} { stroke-width: 2; }
-`, N = (o, t) => o.row !== t.row || o.column !== t.column || o.count !== t.count || o.gap !== t.gap || o.color !== t.color || o.opacity !== t.opacity || o.bin !== t.bin || o.datum !== t.datum ? !1 : "x" in o ? "x" in t && o.x === t.x && o.y === t.y && o.width === t.width && o.height === t.height : "cy" in t && o.cy === t.cy && o.r === t.r && o.radius === t.radius, O = (o, t) => o.fill === t.fill && o.fillOpacity === t.fillOpacity && o.isRect === t.isRect && o.binWidth === t.binWidth && o.colIndex === t.colIndex && o.animationType === t.animationType && o.tooltipRef === t.tooltipRef && o.onClick === t.onClick && N(o.bin, t.bin), B = H(function(t) {
-  const i = A(27), {
-    bin: e,
-    isRect: E,
-    binWidth: a,
-    fill: m,
-    fillOpacity: y,
-    colIndex: C,
-    animationType: P,
-    tooltipRef: l,
-    onClick: g
-  } = t, w = E && "width" in e && "height" in e && "x" in e && "y" in e, x = !E && "cy" in e && "r" in e;
-  let h;
-  i[0] !== m || i[1] !== y ? (h = {
-    fill: m,
-    fillOpacity: y,
-    stroke: m,
-    strokeWidth: 0
-  }, i[0] = m, i[1] = y, i[2] = h) : h = i[2];
-  const p = h, k = P ? M.g : "g", L = P;
-  let f;
-  i[3] !== C || i[4] !== L ? (f = I(L, C), i[3] = C, i[4] = L, i[5] = f) : f = i[5];
-  const R = f;
-  let c;
-  i[6] !== e || i[7] !== l ? (c = (W) => l.current?.show(e, W), i[6] = e, i[7] = l, i[8] = c) : c = i[8];
-  let n;
-  i[9] !== l ? (n = () => l.current?.hide(), i[9] = l, i[10] = n) : n = i[10];
-  let s;
-  i[11] !== e || i[12] !== g ? (s = () => g?.(e), i[11] = e, i[12] = g, i[13] = s) : s = i[13];
-  let r;
-  i[14] !== e || i[15] !== a || i[16] !== x || i[17] !== w || i[18] !== p ? (r = w ? /* @__PURE__ */ $("rect", { className: `visx-heatmap-rect ${d}`, width: e.width, height: e.height, x: e.x, y: e.y, ...p }) : x ? /* @__PURE__ */ $("circle", { className: `visx-heatmap-circle ${d}`, cx: e.column * a + a / 2, cy: e.cy, r: e.r, ...p }) : null, i[14] = e, i[15] = a, i[16] = x, i[17] = w, i[18] = p, i[19] = r) : r = i[19];
-  let u;
-  return i[20] !== k || i[21] !== R || i[22] !== c || i[23] !== n || i[24] !== s || i[25] !== r ? (u = /* @__PURE__ */ $(k, { ...R, className: S, onMouseMove: c, onMouseLeave: n, onClick: s, children: r }), i[20] = k, i[21] = R, i[22] = c, i[23] = n, i[24] = s, i[25] = r, i[26] = u) : u = i[26], u;
-}, O);
+import { jsx as y, jsxs as et } from "react/jsx-runtime";
+import { c as st } from "react/compiler-runtime";
+import { useRef as nt, useEffect as ct } from "react";
+import { drawHeatmapOverview as lt } from "./visualization.es132.js";
+import { SELECTION_COLOR as dt } from "./visualization.es131.js";
+import { useStableCallback as ft } from "./visualization.es26.js";
+const P = (R, t, s) => Math.min(Math.max(R, t), s), ot = 5, ut = 2, wt = (R) => {
+  const t = st(70), {
+    canvasCellParams: s,
+    xMax: d,
+    yMax: c,
+    viewportWidth: l,
+    viewportHeight: f,
+    scrollLeft: v,
+    scrollTop: T,
+    width: n,
+    height: o,
+    onNavigate: u,
+    onCanvasClick: S,
+    onReady: rt,
+    paused: V
+  } = R, h = V === void 0 ? !1 : V, Z = nt(null), r = d > 0 ? n / d : 0, i = c > 0 ? o / c : 0, m = ft(rt);
+  let k;
+  t[0] !== s || t[1] !== m || t[2] !== h || t[3] !== r || t[4] !== i ? (k = () => {
+    const e = Z.current;
+    if (!e || h || r <= 0 || i <= 0)
+      return;
+    const a = requestAnimationFrame(() => {
+      const C = e.getContext("2d");
+      C && (lt(C, s), m());
+    });
+    return () => cancelAnimationFrame(a);
+  }, t[0] = s, t[1] = m, t[2] = h, t[3] = r, t[4] = i, t[5] = k) : k = t[5];
+  let D;
+  t[6] !== s || t[7] !== m || t[8] !== o || t[9] !== h || t[10] !== r || t[11] !== i || t[12] !== n ? (D = [s, n, o, r, i, h, m], t[6] = s, t[7] = m, t[8] = o, t[9] = h, t[10] = r, t[11] = i, t[12] = n, t[13] = D) : D = t[13], ct(k, D);
+  let H;
+  t[14] !== u || t[15] !== f || t[16] !== l || t[17] !== d || t[18] !== c ? (H = (e, a) => {
+    u(P(e - l / 2, 0, Math.max(0, d - l)), P(a - f / 2, 0, Math.max(0, c - f)));
+  }, t[14] = u, t[15] = f, t[16] = l, t[17] = d, t[18] = c, t[19] = H) : H = t[19];
+  const F = H;
+  let I;
+  t[20] !== F || t[21] !== S || t[22] !== r || t[23] !== i ? (I = (e) => {
+    if (S) {
+      S();
+      return;
+    }
+    if (r <= 0 || i <= 0)
+      return;
+    const a = e.currentTarget.getBoundingClientRect();
+    F((e.clientX - a.left) / r, (e.clientY - a.top) / i);
+  }, t[20] = F, t[21] = S, t[22] = r, t[23] = i, t[24] = I) : I = t[24];
+  const K = I, L = nt(null);
+  let E;
+  t[25] !== v || t[26] !== T ? (E = (e) => {
+    e.stopPropagation(), e.currentTarget.setPointerCapture(e.pointerId), L.current = {
+      x: e.clientX,
+      y: e.clientY,
+      left: v,
+      top: T
+    };
+  }, t[25] = v, t[26] = T, t[27] = E) : E = t[27];
+  const U = E;
+  let A;
+  t[28] !== u || t[29] !== r || t[30] !== i || t[31] !== f || t[32] !== l || t[33] !== d || t[34] !== c ? (A = (e) => {
+    const a = L.current;
+    !a || r <= 0 || i <= 0 || !e.currentTarget.hasPointerCapture(e.pointerId) || u(P(a.left + (e.clientX - a.x) / r, 0, Math.max(0, d - l)), P(a.top + (e.clientY - a.y) / i, 0, Math.max(0, c - f)));
+  }, t[28] = u, t[29] = r, t[30] = i, t[31] = f, t[32] = l, t[33] = d, t[34] = c, t[35] = A) : A = t[35];
+  const q = A;
+  let O;
+  t[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = (e) => {
+    e.currentTarget.releasePointerCapture(e.pointerId), L.current = null;
+  }, t[36] = O) : O = t[36];
+  const it = O;
+  let X;
+  t[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = () => {
+    L.current = null;
+  }, t[37] = X) : X = t[37];
+  const at = X, {
+    columns: Y,
+    rows: z
+  } = s.selectionMarks, B = s.data.length, {
+    numRows: N
+  } = s, tt = ht, W = P(v * r, 0, n), $ = P(T * i, 0, o), _ = Math.max(0, Math.min(l * r, n - W)), G = Math.max(0, Math.min(f * i, o - $));
+  let p;
+  t[38] !== o || t[39] !== n ? (p = {
+    position: "relative",
+    width: n,
+    height: o
+  }, t[38] = o, t[39] = n, t[40] = p) : p = t[40];
+  const J = n * (window.devicePixelRatio || 1), Q = o * (window.devicePixelRatio || 1);
+  let x;
+  t[41] !== o || t[42] !== n ? (x = {
+    width: n,
+    height: o,
+    display: "block",
+    cursor: "pointer",
+    border: "1px solid #d5d5d5",
+    boxSizing: "border-box"
+  }, t[41] = o, t[42] = n, t[43] = x) : x = t[43];
+  let g;
+  t[44] !== K || t[45] !== J || t[46] !== Q || t[47] !== x ? (g = /* @__PURE__ */ y("canvas", { ref: Z, width: J, height: Q, style: x, onPointerDown: K }), t[44] = K, t[45] = J, t[46] = Q, t[47] = x, t[48] = g) : g = t[48];
+  let M;
+  t[49] !== G || t[50] !== W || t[51] !== $ || t[52] !== _ ? (M = {
+    position: "absolute",
+    left: W,
+    top: $,
+    width: _,
+    height: G,
+    border: "2px solid #0d0f98",
+    backgroundColor: "rgba(13, 15, 152, 0.15)",
+    cursor: "grab",
+    boxSizing: "border-box"
+  }, t[49] = G, t[50] = W, t[51] = $, t[52] = _, t[53] = M) : M = t[53];
+  let b;
+  t[54] !== U || t[55] !== q || t[56] !== M ? (b = /* @__PURE__ */ y("div", { onPointerDown: U, onPointerMove: q, onPointerUp: it, onLostPointerCapture: at, style: M }), t[54] = U, t[55] = q, t[56] = M, t[57] = b) : b = t[57];
+  let w;
+  t[58] !== Y || t[59] !== o || t[60] !== B || t[61] !== N || t[62] !== z || t[63] !== n ? (w = (Y.size > 0 || z.size > 0) && /* @__PURE__ */ y("svg", { width: n, height: o, style: {
+    position: "absolute",
+    inset: 0,
+    pointerEvents: "none"
+  }, "aria-hidden": !0, children: /* @__PURE__ */ et("g", { fill: dt, children: [
+    [...Y].map((e) => {
+      const [a, C] = tt(e, B, n);
+      return /* @__PURE__ */ y("rect", { x: a, y: 0, width: C, height: ot }, `c${e}`);
+    }),
+    [...z].map((e) => {
+      const [a, C] = tt(N - 1 - e, N, o);
+      return /* @__PURE__ */ y("rect", { x: 0, y: a, width: ot, height: C }, `r${e}`);
+    })
+  ] }) }), t[58] = Y, t[59] = o, t[60] = B, t[61] = N, t[62] = z, t[63] = n, t[64] = w) : w = t[64];
+  let j;
+  return t[65] !== p || t[66] !== g || t[67] !== b || t[68] !== w ? (j = /* @__PURE__ */ et("div", { style: p, children: [
+    g,
+    b,
+    w
+  ] }), t[65] = p, t[66] = g, t[67] = b, t[68] = w, t[69] = j) : j = t[69], j;
+};
+function ht(R, t, s) {
+  const d = R * s / t, c = s / t, l = Math.max(0, ut - c) / 2;
+  return [d - l, c + 2 * l];
+}
 export {
-  S as CELL_CLASS,
-  d as CELL_SHAPE_CLASS,
-  B as default,
-  z as heatmapCellStyles
+  wt as default
 };
 //# sourceMappingURL=visualization.es134.js.map

package/dist/visualization.es134.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es134.js","sources":["../src/components/Heatmap/HeatmapCell.tsx"],"sourcesContent":["import { memo, MouseEvent } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { getAnimationProps } from \"../../utility\";\nimport type { AnimationType } from \"../../utility\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport type { PlotTooltipRef } from \"../../tooltip\";\n\n/** Class on the <g> wrapping each cell. The hover rule keys off this. */\nexport const CELL_CLASS = \"visx-heatmap-cell\";\n/** Class on the <rect>/<circle> inside each cell. */\nexport const CELL_SHAPE_CLASS = \"visx-heatmap-cell-shape\";\n\n/**\n * Hover styling as plain CSS, which costs no render, placed inside the <svg> so downloads keep it.\n * The stroke is already the cell's fill color, and this rule beats the `strokeWidth={0}` attribute\n * without !important. `pointer-events: all` keeps null cells (fill=\"none\") hoverable for their\n * tooltip.\n */\nexport const heatmapCellStyles = `\n.${CELL_CLASS} { cursor: pointer; }\n.${CELL_SHAPE_CLASS} { transition: stroke-width 0.2s; pointer-events: all; }\n.${CELL_CLASS}:hover .${CELL_SHAPE_CLASS} { stroke-width: 2; }\n`;\n\nexport interface HeatmapCellProps {\n  bin: AnyBin;\n  isRect: boolean;\n  binWidth: number;\n  fill: string;\n  fillOpacity: number;\n  colIndex: number;\n  animationType?: AnimationType;\n  /** Stable for the life of the plot, so it never invalidates this cell's memoization. */\n  tooltipRef: PlotTooltipRef<AnyBin>;\n  onClick?: (bin: AnyBin) => void;\n}\n\n/**\n * visx builds a fresh bin object every render, so memo compares the bin's fields instead: only\n * cells whose appearance changed re-render. `bin.bin` and `bin.datum` are the caller's own data,\n * so a reference check covers data changes.\n */\nconst binsEqual = (a: AnyBin, b: AnyBin): boolean => {\n  if (\n    a.row !== b.row ||\n    a.column !== b.column ||\n    a.count !== b.count ||\n    a.gap !== b.gap ||\n    a.color !== b.color ||\n    a.opacity !== b.opacity ||\n    a.bin !== b.bin ||\n    a.datum !== b.datum\n  ) {\n    return false;\n  }\n  // Rect and circle cells carry different geometry fields\n  if (\"x\" in a) {\n    return \"x\" in b && a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;\n  }\n  return \"cy\" in b && a.cy === b.cy && a.r === b.r && a.radius === b.radius;\n};\n\n/**\n * Must compare every prop in HeatmapCellProps - one left out here would silently stop updating.\n */\nconst cellPropsEqual = (prev: HeatmapCellProps, next: HeatmapCellProps): boolean =>\n  prev.fill === next.fill &&\n  prev.fillOpacity === next.fillOpacity &&\n  prev.isRect === next.isRect &&\n  prev.binWidth === next.binWidth &&\n  prev.colIndex === next.colIndex &&\n  prev.animationType === next.animationType &&\n  prev.tooltipRef === next.tooltipRef &&\n  prev.onClick === next.onClick &&\n  binsEqual(prev.bin, next.bin);\n\nconst HeatmapCell = memo(function HeatmapCell({\n  bin, isRect, binWidth, fill, fillOpacity, colIndex,\n  animationType, tooltipRef, onClick,\n}: HeatmapCellProps) {\n  const isRectCell = isRect && \"width\" in bin && \"height\" in bin && \"x\" in bin && \"y\" in bin;\n  const isCircleCell = !isRect && \"cy\" in bin && \"r\" in bin;\n\n  const sharedProps = { fill, fillOpacity, stroke: fill, strokeWidth: 0 };\n\n  const Wrapper = animationType ? motion.g : \"g\";\n  const animProps = getAnimationProps(animationType as AnimationType, colIndex);\n\n  return (\n    <Wrapper\n      {...animProps}\n      className={CELL_CLASS}\n      onMouseMove={(event: MouseEvent<SVGElement>) => tooltipRef.current?.show(bin, event)}\n      onMouseLeave={() => tooltipRef.current?.hide()}\n      onClick={() => onClick?.(bin)}\n    >\n      {isRectCell ? (\n        <rect\n          className={`visx-heatmap-rect ${CELL_SHAPE_CLASS}`}\n          width={bin.width}\n          height={bin.height}\n          x={bin.x}\n          y={bin.y}\n          {...sharedProps}\n        />\n      ) : isCircleCell ? (\n        <circle\n          className={`visx-heatmap-circle ${CELL_SHAPE_CLASS}`}\n          cx={bin.column * binWidth + binWidth / 2}\n          cy={bin.cy}\n          r={bin.r}\n          {...sharedProps}\n        />\n      ) : null}\n    </Wrapper>\n  );\n}, cellPropsEqual);\n\nexport default HeatmapCell;\n"],"names":["CELL_CLASS","CELL_SHAPE_CLASS","heatmapCellStyles","binsEqual","a","b","row","column","count","gap","color","opacity","bin","datum","x","y","width","height","cy","r","radius","cellPropsEqual","prev","next","fill","fillOpacity","isRect","binWidth","colIndex","animationType","tooltipRef","onClick","HeatmapCell","memo","t0","$","_c","isRectCell","isCircleCell","t1","stroke","strokeWidth","sharedProps","Wrapper","motion","g","t2","t3","getAnimationProps","animProps","t4","event","current","show","t5","hide","t6","t7","jsx","t8"],"mappings":"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"}
+{"version":3,"file":"visualization.es134.js","sources":["../src/components/Heatmap/HeatmapMiniMap.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport { useStableCallback } from \"../../hooks\";\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  // Stable, so an inline onReady doesn't re-run the draw on every parent render.\n  const handleReady = useStableCallback(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      handleReady();\n    });\n    return () => cancelAnimationFrame(raf);\n  }, [canvasCellParams, width, height, scaleX, scaleY, paused, handleReady]);\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   * The pointer and scroll position when the rectangle was grabbed. Each move places it by the\n   * pointer's distance from there, so it stays under the pointer; adding up movementX instead\n   * drifted, as scrollLeft lags a frame and each step's rounding built up.\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","t0","$","_c","canvasCellParams","xMax","yMax","viewportWidth","viewportHeight","scrollLeft","scrollTop","width","height","onNavigate","onCanvasClick","onReady","paused","t1","undefined","canvasRef","useRef","scaleX","scaleY","handleReady","useStableCallback","t2","canvas","current","raf","requestAnimationFrame","ctx","getContext","drawHeatmapOverview","cancelAnimationFrame","t3","useEffect","t4","contentX","contentY","navigateCentered","t5","event","rect","currentTarget","getBoundingClientRect","clientX","left","clientY","top","handleCanvasPointerDown","grabRef","t6","event_0","stopPropagation","setPointerCapture","pointerId","x","y","handleRectPointerDown","t7","event_1","grab","hasPointerCapture","handleRectPointerMove","t8","Symbol","for","event_2","releasePointerCapture","handleRectPointerUp","t9","handleRectLostCapture","columns","rows","selectionMarks","numColumns","data","length","numRows","markSpan","_temp","rectLeft","rectTop","rectWidth","rectHeight","t10","position","t11","window","devicePixelRatio","t12","t13","display","cursor","border","boxSizing","t14","jsx","t15","backgroundColor","t16","t17","size","inset","pointerEvents","jsxs","SELECTION_COLOR","map","column","w","row","h","t18","i","cells","from","run","extra"],"mappings":"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"}

package/dist/visualization.es135.js

@@ -1,5 +1,178 @@
-var e = { exports: {} };
+import { jsx as s, jsxs as g } from "react/jsx-runtime";
+import { c as q } from "react/compiler-runtime";
+import { useRef as B, useState as L, useEffect as F } from "react";
+import { createPortal as J } from "react-dom";
+import Q from "./visualization.es134.js";
+const Y = 94, ee = 90, O = 16, te = 2147483647, T = 440, W = 40, ne = 12, ae = (z) => {
+  const e = q(40);
+  let o, r, a, t;
+  e[0] !== z ? ({
+    onClose: t,
+    containerRef: o,
+    legend: r,
+    ...a
+  } = z, e[0] = z, e[1] = o, e[2] = r, e[3] = a, e[4] = t) : (o = e[1], r = e[2], a = e[3], t = e[4]);
+  const G = B(null), [n, U] = L(null);
+  let _, x;
+  e[5] !== n || e[6] !== o || e[7] !== t ? (_ = () => {
+    const u = (b) => {
+      const l = b.target;
+      o.current?.contains(l) || G.current?.contains(l) || n && l !== n && n.contains(l) || t();
+    }, y = (b) => {
+      b.key === "Escape" && t();
+    };
+    return document.addEventListener("pointerdown", u), document.addEventListener("keydown", y), () => {
+      document.removeEventListener("pointerdown", u), document.removeEventListener("keydown", y);
+    };
+  }, x = [o, t, n], e[5] = n, e[6] = o, e[7] = t, e[8] = _, e[9] = x) : (_ = e[8], x = e[9]), F(_, x);
+  const [i, j] = L(null), [A, $] = L(!1);
+  let v;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = () => $(!0), e[10] = v) : v = e[10];
+  const V = v, C = B(null);
+  let w;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = (u) => {
+    if (C.current?.disconnect(), C.current = null, !u) {
+      j(null);
+      return;
+    }
+    const y = new ResizeObserver((b) => {
+      const [l] = b;
+      if (!l)
+        return;
+      const {
+        width: X,
+        height: Z
+      } = l.contentRect;
+      j({
+        width: Math.floor(X),
+        height: Math.floor(Z)
+      });
+    });
+    y.observe(u), C.current = y;
+  }, e[11] = w) : w = e[11];
+  const K = w, P = Math.min(T, i?.width ?? T);
+  let I, M;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = {
+    position: "fixed",
+    inset: 0,
+    zIndex: te,
+    background: "rgba(0,0,0,0.45)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }, M = /* @__PURE__ */ s("style", { children: "@keyframes heatmapMiniMapSpinnerRotate { to { transform: rotate(360deg); } }" }), e[12] = I, e[13] = M) : (I = e[12], M = e[13]);
+  let S, E, R;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = {
+    position: "relative",
+    width: `${Y}vw`,
+    height: `${ee}vh`,
+    boxSizing: "border-box",
+    display: "flex",
+    flexDirection: "column",
+    background: "#fff",
+    border: "1px solid #d5d5d5",
+    borderRadius: 8,
+    boxShadow: "0 8px 32px rgba(0,0,0,0.25)",
+    overflow: "hidden"
+  }, E = {
+    flexShrink: 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: `10px ${O}px`,
+    background: "#f7f7f8",
+    borderBottom: "1px solid #e5e5e5"
+  }, R = /* @__PURE__ */ s("span", { style: {
+    fontSize: 14,
+    fontWeight: 600,
+    color: "#333"
+  }, children: "Minimap" }), e[14] = S, e[15] = E, e[16] = R) : (S = e[14], E = e[15], R = e[16]);
+  let D;
+  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = {
+    width: 26,
+    height: 26,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 0,
+    border: "none",
+    borderRadius: "50%",
+    background: "#fff",
+    color: "#555",
+    fontSize: 16,
+    lineHeight: 1,
+    cursor: "pointer"
+  }, e[17] = D) : D = e[17];
+  let d;
+  e[18] !== t ? (d = /* @__PURE__ */ g("div", { style: E, children: [
+    R,
+    /* @__PURE__ */ s("button", { type: "button", "aria-label": "Close expanded minimap", onClick: t, style: D, children: "×" })
+  ] }), e[18] = t, e[19] = d) : d = e[19];
+  let k;
+  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = {
+    flex: 1,
+    minHeight: 0,
+    display: "flex",
+    flexDirection: "column",
+    gap: ne,
+    padding: O
+  }, e[20] = k) : k = e[20];
+  let c;
+  e[21] !== n || e[22] !== r || e[23] !== P ? (c = r && /* @__PURE__ */ s("svg", { width: P, height: W, style: {
+    flexShrink: 0,
+    display: "block",
+    overflow: "visible"
+  }, children: r({
+    width: P,
+    height: W,
+    orientation: "horizontal",
+    overlayContainer: n ?? void 0
+  }) }), e[21] = n, e[22] = r, e[23] = P, e[24] = c) : c = e[24];
+  let H;
+  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = {
+    flex: 1,
+    minHeight: 0,
+    position: "relative"
+  }, e[25] = H) : H = e[25];
+  let f;
+  e[26] !== A ? (f = !A && /* @__PURE__ */ s("div", { "aria-label": "Loading minimap", style: {
+    position: "absolute",
+    inset: 0,
+    zIndex: 1,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    pointerEvents: "none"
+  }, children: /* @__PURE__ */ s("div", { style: {
+    width: 40,
+    height: 40,
+    borderRadius: "50%",
+    border: "4px solid #e5e5e5",
+    borderTopColor: "#0d0f98",
+    animation: "heatmapMiniMapSpinnerRotate 0.8s linear infinite"
+  } }) }), e[26] = A, e[27] = f) : f = e[27];
+  let h;
+  e[28] !== a || e[29] !== i ? (h = i && i.width > 0 && i.height > 0 && /* @__PURE__ */ s(Q, { ...a, width: i.width, height: i.height, onReady: V }), e[28] = a, e[29] = i, e[30] = h) : h = e[30];
+  let m;
+  e[31] !== f || e[32] !== h ? (m = /* @__PURE__ */ g("div", { ref: K, style: H, children: [
+    f,
+    h
+  ] }), e[31] = f, e[32] = h, e[33] = m) : m = e[33];
+  let p;
+  e[34] !== c || e[35] !== m ? (p = /* @__PURE__ */ g("div", { style: k, children: [
+    c,
+    m
+  ] }), e[34] = c, e[35] = m, e[36] = p) : p = e[36];
+  let N;
+  return e[37] !== d || e[38] !== p ? (N = J(/* @__PURE__ */ g("div", { ref: U, style: I, children: [
+    M,
+    /* @__PURE__ */ g("div", { ref: G, style: S, children: [
+      d,
+      p
+    ] })
+  ] }), document.body), e[37] = d, e[38] = p, e[39] = N) : N = e[39], N;
+};
 export {
-  e as __module
+  ae as default
 };
 //# sourceMappingURL=visualization.es135.js.map

package/dist/visualization.es135.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es135.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"visualization.es135.js","sources":["../src/components/Heatmap/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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"}