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

package/dist/visualization.es89.js

@@ -1,22 +1,148 @@
-import "./visualization.es139.js";
-import "react/jsx-runtime";
-function d(i) {
-  let {
-    source: p,
-    target: u,
-    x: c,
-    y: a
-  } = i;
-  return (n) => {
-    const r = p(n), e = u(n), x = c(r), y = a(r), I = c(e), P = a(e), s = x - Math.PI / 2, t = y, o = I - Math.PI / 2, h = P, f = Math.cos(s), g = Math.sin(s), M = Math.cos(o), $ = Math.sin(o), m = Math.abs(o - s) > Math.PI ? o <= s : o > s;
-    return `
-      M${t * f},${t * g}
-      A${t},${t},0,0,${m ? 1 : 0},${t * M},${t * $}
-      L${h * M},${h * $}
-    `;
+import { jsxs as L, Fragment as I, jsx as h } from "react/jsx-runtime";
+import { createRoot as P } from "react-dom/client";
+import { flushSync as O } from "react-dom";
+import { downloadBlob as V, MAX_CANVAS_EXPORT_DIMENSION as y, MAX_CANVAS_EXPORT_PIXELS as F } from "./visualization.es24.js";
+import { LEGEND_GAP as U, xAxisTitleCenter as X } from "./visualization.es88.js";
+import { markTickLabels as T, yAxisTickLabelProps as B, AXIS_TITLE_FONT_SIZE as G, TICK_FONT_FAMILY as H } from "./visualization.es87.js";
+import { drawHeatmapCells as j } from "./visualization.es127.js";
+import k from "./visualization.es128.js";
+import D from "./visualization.es31.js";
+import $ from "./visualization.es30.js";
+const S = "http://www.w3.org/2000/svg", z = "http://www.w3.org/1999/xlink", C = (e, o, n, t, i) => {
+  const r = document.createElementNS(S, "text");
+  r.setAttribute("x", String(n)), r.setAttribute("y", String(t)), i && r.setAttribute("transform", `rotate(-90, ${n}, ${t})`), r.setAttribute("text-anchor", "middle"), r.setAttribute("dominant-baseline", "middle"), r.setAttribute("font-size", String(G)), r.setAttribute("font-family", H), r.textContent = o, e.appendChild(r);
+}, v = (e, o, n, t) => {
+  const i = document.createElementNS(S, "g");
+  i.setAttribute("transform", `translate(${n},${t})`), o.childNodes.forEach((r) => i.appendChild(r.cloneNode(!0))), e.appendChild(i);
+};
+function E(e, o) {
+  const n = window.devicePixelRatio || 2;
+  return Math.min(n, y / e, y / o, Math.sqrt(F / (e * o)));
+}
+function N(e, o) {
+  const {
+    xMax: n,
+    yMax: t,
+    canvasCellParams: i,
+    numRows: r
+  } = e.layout;
+  if (n <= 0 || t <= 0) return null;
+  const a = document.createElement("canvas");
+  a.width = Math.max(1, Math.round(n * o)), a.height = Math.max(1, Math.round(t * o));
+  const s = a.getContext("2d");
+  if (!s) return null;
+  s.setTransform(o, 0, 0, o, 0, 0);
+  const c = {
+    colStart: 0,
+    colEnd: Math.max(0, e.data.length - 1),
+    rowStart: 0,
+    rowEnd: Math.max(0, r - 1)
   };
+  return j(s, {
+    ...i,
+    highlightRange: null
+  }, c, null), a;
+}
+function W(e) {
+  const {
+    xMax: o,
+    yMax: n
+  } = e.layout;
+  if (o <= 0 || n <= 0) return null;
+  const t = N(e, E(o, n));
+  return t ? t.toDataURL("image/png") : null;
+}
+const K = (e, o, n, t, i, r) => {
+  const a = document.createElementNS(S, "image");
+  a.setAttribute("x", String(n)), a.setAttribute("y", String(t)), a.setAttribute("width", String(i)), a.setAttribute("height", String(r)), a.setAttribute("preserveAspectRatio", "none"), a.setAttributeNS(z, "href", o), a.setAttribute("href", o), e.appendChild(a);
+};
+function R(e, {
+  includeCells: o = !0
+} = {}) {
+  const {
+    layout: n
+  } = e, {
+    marg: t,
+    xMax: i,
+    yMax: r,
+    xScale: a,
+    yScale: s,
+    numRows: c,
+    xTickValues: g,
+    yTickValues: x,
+    yTickLabelWidth: p,
+    xTickLabelHeight: f,
+    yTitleWidth: b,
+    xTitleHeight: A,
+    selectionMarks: m
+  } = n, l = document.createElementNS(S, "svg");
+  if (l.setAttribute("width", String(t.left + i + t.right)), l.setAttribute("height", String(t.top + r + t.bottom)), o) {
+    const u = W(e);
+    u && K(l, u, t.left, t.top, i, r);
+  }
+  let d = null, w = null;
+  const _ = document.createElement("div"), M = P(_);
+  if (O(() => {
+    M.render(/* @__PURE__ */ L(I, { children: [
+      /* @__PURE__ */ h("svg", { width: p, height: r, ref: (u) => {
+        d = u;
+      }, children: /* @__PURE__ */ L("g", { transform: `translate(${p},0)`, children: [
+        /* @__PURE__ */ h(D, { scale: s, numTicks: c, tickValues: x, tickFormat: e.yAxisTickFormat, tickLabelProps: T(B, m.rows) }),
+        /* @__PURE__ */ h(k, { axis: "row", marked: m.rows, scale: s })
+      ] }) }),
+      /* @__PURE__ */ L("svg", { width: i, height: f, ref: (u) => {
+        w = u;
+      }, children: [
+        /* @__PURE__ */ h($, { top: 0, scale: a, numTicks: e.data.length, tickFormat: e.xAxisTickFormat, tickValues: g, tickLabelProps: T(e.xAxisTickLabelProps, m.columns) }),
+        /* @__PURE__ */ h(k, { axis: "column", marked: m.columns, scale: a })
+      ] })
+    ] }));
+  }), d && v(l, d, b, t.top), w && v(l, w, t.left, t.top + r), M.unmount(), e.showLegend && e.legendSvg && v(l, e.legendSvg, t.left + i + U, t.top), e.yLabel && C(l, e.yLabel, b / 2, t.top + r / 2, !0), e.xLabel) {
+    const u = X(e.xLabel, t.left + i / 2, t.left + i + t.right);
+    C(l, e.xLabel, u, t.top + r + f + A / 2, !1);
+  }
+  return l;
+}
+function it(e, o) {
+  const {
+    marg: n,
+    xMax: t,
+    yMax: i
+  } = e.layout;
+  if (t <= 0 || i <= 0) return;
+  const r = n.left + t + n.right, a = n.top + i + n.bottom, s = E(r, a), c = document.createElement("canvas");
+  c.width = Math.max(1, Math.round(r * s)), c.height = Math.max(1, Math.round(a * s));
+  const g = c.getContext("2d");
+  if (!g) return;
+  const x = N(e, s);
+  x && g.drawImage(x, n.left * s, n.top * s);
+  const p = (d) => {
+    d && V(d, o);
+  }, f = R(e, {
+    includeCells: !1
+  });
+  if (!f) {
+    c.toBlob(p, "image/png", 1);
+    return;
+  }
+  const b = new XMLSerializer().serializeToString(f), A = new Blob([b], {
+    type: "image/svg+xml;charset=utf-8"
+  }), m = URL.createObjectURL(A), l = new Image();
+  l.onload = () => {
+    g.drawImage(l, 0, 0, c.width, c.height), URL.revokeObjectURL(m), c.toBlob(p, "image/png", 1);
+  }, l.onerror = () => URL.revokeObjectURL(m), l.src = m;
+}
+function at(e, o) {
+  const n = R(e);
+  if (!n) return;
+  const t = document.createElement("div");
+  t.style.position = "absolute", t.style.top = "0", t.style.left = "-99999px", t.appendChild(n), document.body.appendChild(t), o(n, () => {
+    t.parentNode && document.body.removeChild(t);
+  });
 }
 export {
-  d as pathRadialStep
+  R as buildScrollableExportSVG,
+  it as downloadScrollableHeatmapPNG,
+  at as withOffscreenExportSVG
 };
 //# sourceMappingURL=visualization.es89.js.map

package/dist/visualization.es89.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es89.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/link/step/LinkRadialStep.js"],"sourcesContent":["import cx from 'classnames';\nimport { getX, getY, getSource, getTarget } from \"../../../util/accessors.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport function pathRadialStep(_ref) {\n  let {\n    source,\n    target,\n    x,\n    y\n  } = _ref;\n  return link => {\n    const sourceData = source(link);\n    const targetData = target(link);\n    const sx = x(sourceData);\n    const sy = y(sourceData);\n    const tx = x(targetData);\n    const ty = y(targetData);\n    const sa = sx - Math.PI / 2;\n    const sr = sy;\n    const ta = tx - Math.PI / 2;\n    const tr = ty;\n    const sc = Math.cos(sa);\n    const ss = Math.sin(sa);\n    const tc = Math.cos(ta);\n    const ts = Math.sin(ta);\n    const sf = Math.abs(ta - sa) > Math.PI ? ta <= sa : ta > sa;\n    return `\n      M${sr * sc},${sr * ss}\n      A${sr},${sr},0,0,${sf ? 1 : 0},${sr * tc},${sr * ts}\n      L${tr * tc},${tr * ts}\n    `;\n  };\n}\nexport default function LinkRadialStep(_ref2) {\n  let {\n    className,\n    innerRef,\n    data,\n    path,\n    x = getX,\n    y = getY,\n    source = getSource,\n    target = getTarget,\n    children,\n    ...restProps\n  } = _ref2;\n  const pathGen = path || pathRadialStep({\n    source,\n    target,\n    x,\n    y\n  });\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children({\n      path: pathGen\n    })\n  });\n  return /*#__PURE__*/_jsx(\"path\", {\n    ref: innerRef,\n    className: cx('visx-link visx-link-radial-step', className),\n    d: pathGen(data) || '',\n    ...restProps\n  });\n}"],"names":["pathRadialStep","_ref","source","target","x","y","link","sourceData","targetData","sx","sy","tx","ty","sa","sr","ta","tr","sc","ss","tc","ts","sf"],"mappings":";;AAGO,SAASA,EAAeC,GAAM;AACnC,MAAI;AAAA,IACF,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAAC;AAAA,IACA,GAAAC;AAAA,EACJ,IAAMJ;AACJ,SAAO,CAAAK,MAAQ;AACb,UAAMC,IAAaL,EAAOI,CAAI,GACxBE,IAAaL,EAAOG,CAAI,GACxBG,IAAKL,EAAEG,CAAU,GACjBG,IAAKL,EAAEE,CAAU,GACjBI,IAAKP,EAAEI,CAAU,GACjBI,IAAKP,EAAEG,CAAU,GACjBK,IAAKJ,IAAK,KAAK,KAAK,GACpBK,IAAKJ,GACLK,IAAKJ,IAAK,KAAK,KAAK,GACpBK,IAAKJ,GACLK,IAAK,KAAK,IAAIJ,CAAE,GAChBK,IAAK,KAAK,IAAIL,CAAE,GAChBM,IAAK,KAAK,IAAIJ,CAAE,GAChBK,IAAK,KAAK,IAAIL,CAAE,GAChBM,IAAK,KAAK,IAAIN,IAAKF,CAAE,IAAI,KAAK,KAAKE,KAAMF,IAAKE,IAAKF;AACzD,WAAO;AAAA,SACFC,IAAKG,CAAE,IAAIH,IAAKI,CAAE;AAAA,SAClBJ,CAAE,IAAIA,CAAE,QAAQO,IAAK,IAAI,CAAC,IAAIP,IAAKK,CAAE,IAAIL,IAAKM,CAAE;AAAA,SAChDJ,IAAKG,CAAE,IAAIH,IAAKI,CAAE;AAAA;AAAA,EAEzB;AACF;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es89.js","sources":["../src/components/Heatmap/scrollable/heatmapExport.tsx"],"sourcesContent":["import { createRoot } from \"react-dom/client\";\nimport { flushSync } from \"react-dom\";\nimport { AxisLeft, AxisBottom } from \"@visx/axis\";\nimport type { ColumnDatum } from \"../types\";\nimport { MAX_CANVAS_EXPORT_DIMENSION, MAX_CANVAS_EXPORT_PIXELS, downloadBlob } from \"../../../utility\";\nimport type { HeatmapLayout } from \"../heatmapLayout\";\nimport { LEGEND_GAP, xAxisTitleCenter } from \"../heatmapLayout\";\nimport { AXIS_TITLE_FONT_SIZE, TICK_FONT_FAMILY, getXAxisTickLabelProps, markTickLabels, yAxisTickLabelProps } from \"../heatmapAxisProps\";\nimport { drawHeatmapCells } from \"../HeatmapCanvasCells\";\nimport HeatmapSelectionPointers from \"../HeatmapSelectionPointers\";\n\nconst SVG_NS = \"http://www.w3.org/2000/svg\";\nconst XLINK_NS = \"http://www.w3.org/1999/xlink\";\n\ninterface ScrollableExportOptions {\n  layout: HeatmapLayout;\n  data: ColumnDatum[];\n  xLabel?: string;\n  yLabel?: string;\n  showLegend: boolean;\n  legendSvg: SVGSVGElement | null;\n  xAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  yAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;\n}\n\nconst appendTitle = (exportSvg: SVGSVGElement, text: string, x: number, y: number, rotate: boolean) => {\n  const titleEl = document.createElementNS(SVG_NS, \"text\");\n  titleEl.setAttribute(\"x\", String(x));\n  titleEl.setAttribute(\"y\", String(y));\n  if (rotate) titleEl.setAttribute(\"transform\", `rotate(-90, ${x}, ${y})`);\n  titleEl.setAttribute(\"text-anchor\", \"middle\");\n  titleEl.setAttribute(\"dominant-baseline\", \"middle\");\n  titleEl.setAttribute(\"font-size\", String(AXIS_TITLE_FONT_SIZE));\n  titleEl.setAttribute(\"font-family\", TICK_FONT_FAMILY);\n  titleEl.textContent = text;\n  exportSvg.appendChild(titleEl);\n};\n\nconst appendClone = (exportSvg: SVGSVGElement, source: SVGSVGElement, x: number, y: number) => {\n  const group = document.createElementNS(SVG_NS, \"g\");\n  group.setAttribute(\"transform\", `translate(${x},${y})`);\n  source.childNodes.forEach((node) => group.appendChild(node.cloneNode(true)));\n  exportSvg.appendChild(group);\n};\n\n// Capped at what browsers reliably allocate; past that, some return a blank canvas without erroring.\nfunction computeExportScale(width: number, height: number): number {\n  const desiredScale = window.devicePixelRatio || 2;\n  return Math.min(\n    desiredScale,\n    MAX_CANVAS_EXPORT_DIMENSION / width,\n    MAX_CANVAS_EXPORT_DIMENSION / height,\n    Math.sqrt(MAX_CANVAS_EXPORT_PIXELS / (width * height))\n  );\n}\n\n// The whole cell grid painted onto a canvas, as the live grid paints it. As SVG shapes, a large grid\n// would serialize into hundreds of MB and hang the tab.\nfunction rasterizeCells(o: ScrollableExportOptions, scale: number): HTMLCanvasElement | null {\n  const { xMax, yMax, canvasCellParams, numRows } = o.layout;\n  if (xMax <= 0 || yMax <= 0) return null;\n\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = Math.max(1, Math.round(xMax * scale));\n  canvas.height = Math.max(1, Math.round(yMax * scale));\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return null;\n\n  ctx.setTransform(scale, 0, 0, scale, 0, 0);\n  const range = { colStart: 0, colEnd: Math.max(0, o.data.length - 1), rowStart: 0, rowEnd: Math.max(0, numRows - 1) };\n  // A highlight is a passing hover, not part of the figure; the selection is kept.\n  drawHeatmapCells(ctx, { ...canvasCellParams, highlightRange: null }, range, null);\n  return canvas;\n}\n\n// For the .svg download only; the PNG draws the canvas directly.\nfunction renderCellsToDataURL(o: ScrollableExportOptions): string | null {\n  const { xMax, yMax } = o.layout;\n  if (xMax <= 0 || yMax <= 0) return null;\n  const canvas = rasterizeCells(o, computeExportScale(xMax, yMax));\n  return canvas ? canvas.toDataURL(\"image/png\") : null;\n}\n\nconst appendCellsImage = (exportSvg: SVGSVGElement, dataUrl: string, x: number, y: number, width: number, height: number) => {\n  const image = document.createElementNS(SVG_NS, \"image\");\n  image.setAttribute(\"x\", String(x));\n  image.setAttribute(\"y\", String(y));\n  image.setAttribute(\"width\", String(width));\n  image.setAttribute(\"height\", String(height));\n  image.setAttribute(\"preserveAspectRatio\", \"none\");\n  // xlink:href for older SVG renderers and editors, href for SVG2.\n  image.setAttributeNS(XLINK_NS, \"href\", dataUrl);\n  image.setAttribute(\"href\", dataUrl);\n  exportSvg.appendChild(image);\n};\n\n// A standalone <svg> of the whole plot. The on-screen axis panes only hold the visible ticks, so the\n// axes are rendered afresh, in full, in a detached tree; the cells come in as an image.\nexport function buildScrollableExportSVG(o: ScrollableExportOptions, { includeCells = true }: { includeCells?: boolean } = {}): SVGSVGElement | null {\n  const { layout } = o;\n  const {\n    marg, xMax, yMax, xScale, yScale, numRows, xTickValues, yTickValues, yTickLabelWidth, xTickLabelHeight,\n    yTitleWidth, xTitleHeight, selectionMarks,\n  } = layout;\n\n  const exportSvg = document.createElementNS(SVG_NS, \"svg\") as SVGSVGElement;\n  exportSvg.setAttribute(\"width\", String(marg.left + xMax + marg.right));\n  exportSvg.setAttribute(\"height\", String(marg.top + yMax + marg.bottom));\n\n  if (includeCells) {\n    const cellsDataUrl = renderCellsToDataURL(o);\n    if (cellsDataUrl) appendCellsImage(exportSvg, cellsDataUrl, marg.left, marg.top, xMax, yMax);\n  }\n\n  let fullRowAxis: SVGSVGElement | null = null;\n  let fullColAxis: SVGSVGElement | null = null;\n  const exportContainer = document.createElement(\"div\");\n  const exportRoot = createRoot(exportContainer);\n  flushSync(() => {\n    exportRoot.render(\n      <>\n        <svg width={yTickLabelWidth} height={yMax} ref={(el) => { fullRowAxis = el; }}>\n          <g transform={`translate(${yTickLabelWidth},0)`}>\n            <AxisLeft\n              scale={yScale}\n              numTicks={numRows}\n              tickValues={yTickValues}\n              tickFormat={o.yAxisTickFormat}\n              tickLabelProps={markTickLabels(yAxisTickLabelProps, selectionMarks.rows)}\n            />\n            <HeatmapSelectionPointers axis=\"row\" marked={selectionMarks.rows} scale={yScale} />\n          </g>\n        </svg>\n        <svg width={xMax} height={xTickLabelHeight} ref={(el) => { fullColAxis = el; }}>\n          <AxisBottom\n            top={0}\n            scale={xScale}\n            numTicks={o.data.length}\n            tickFormat={o.xAxisTickFormat}\n            tickValues={xTickValues}\n            tickLabelProps={markTickLabels(o.xAxisTickLabelProps, selectionMarks.columns)}\n          />\n          <HeatmapSelectionPointers axis=\"column\" marked={selectionMarks.columns} scale={xScale} />\n        </svg>\n      </>\n    );\n  });\n  if (fullRowAxis) appendClone(exportSvg, fullRowAxis, yTitleWidth, marg.top);\n  if (fullColAxis) appendClone(exportSvg, fullColAxis, marg.left, marg.top + yMax);\n  exportRoot.unmount();\n\n  if (o.showLegend && o.legendSvg) {\n    appendClone(exportSvg, o.legendSvg, marg.left + xMax + LEGEND_GAP, marg.top);\n  }\n\n  // On screen the titles sit in their own fixed panes, so there is nothing to clone: they're drawn here.\n  if (o.yLabel) appendTitle(exportSvg, o.yLabel, yTitleWidth / 2, marg.top + yMax / 2, true);\n  if (o.xLabel) {\n    const center = xAxisTitleCenter(o.xLabel, marg.left + xMax / 2, marg.left + xMax + marg.right);\n    appendTitle(exportSvg, o.xLabel, center, marg.top + yMax + xTickLabelHeight + xTitleHeight / 2, false);\n  }\n\n  return exportSvg;\n}\n\n// The cells are painted straight onto the output canvas, with only the axes, legend and titles\n// going through SVG. Embedding the cells in the SVG as a data URL and decoding it back doubled the\n// memory, enough to crash the tab on a large export.\nexport function downloadScrollableHeatmapPNG(o: ScrollableExportOptions, fileName: string): void {\n  const { marg, xMax, yMax } = o.layout;\n  if (xMax <= 0 || yMax <= 0) return;\n\n  const fullWidth = marg.left + xMax + marg.right;\n  const fullHeight = marg.top + yMax + marg.bottom;\n  const scale = computeExportScale(fullWidth, fullHeight);\n\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = Math.max(1, Math.round(fullWidth * scale));\n  canvas.height = Math.max(1, Math.round(fullHeight * scale));\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return;\n\n  const cellsCanvas = rasterizeCells(o, scale);\n  if (cellsCanvas) ctx.drawImage(cellsCanvas, marg.left * scale, marg.top * scale);\n\n  const finish = (blob: Blob | null) => {\n    if (blob) downloadBlob(blob, fileName);\n  };\n\n  const axesSvg = buildScrollableExportSVG(o, { includeCells: false });\n  if (!axesSvg) {\n    canvas.toBlob(finish, \"image/png\", 1);\n    return;\n  }\n\n  const svgString = new XMLSerializer().serializeToString(axesSvg);\n  const svgBlob = new Blob([svgString], { type: \"image/svg+xml;charset=utf-8\" });\n  const url = URL.createObjectURL(svgBlob);\n  const img = new Image();\n  img.onload = () => {\n    ctx.drawImage(img, 0, 0, canvas.width, canvas.height);\n    URL.revokeObjectURL(url);\n    canvas.toBlob(finish, \"image/png\", 1);\n  };\n  img.onerror = () => URL.revokeObjectURL(url);\n  img.src = url;\n}\n\n// Keeps the export <svg> attached off-screen until `run` is done with it. The offset goes on a\n// wrapper: set on the <svg> itself, it would be serialized into the file.\nexport function withOffscreenExportSVG(o: ScrollableExportOptions, run: (svg: SVGSVGElement, onDone: () => void) => void): void {\n  const svg = buildScrollableExportSVG(o);\n  if (!svg) return;\n  const wrapper = document.createElement(\"div\");\n  wrapper.style.position = \"absolute\";\n  wrapper.style.top = \"0\";\n  wrapper.style.left = \"-99999px\";\n  wrapper.appendChild(svg);\n  document.body.appendChild(wrapper);\n  run(svg, () => {\n    if (wrapper.parentNode) document.body.removeChild(wrapper);\n  });\n}\n"],"names":["SVG_NS","XLINK_NS","appendTitle","exportSvg","text","x","y","rotate","titleEl","document","createElementNS","setAttribute","String","AXIS_TITLE_FONT_SIZE","TICK_FONT_FAMILY","textContent","appendChild","appendClone","source","group","childNodes","forEach","node","cloneNode","computeExportScale","width","height","desiredScale","window","devicePixelRatio","Math","min","MAX_CANVAS_EXPORT_DIMENSION","sqrt","MAX_CANVAS_EXPORT_PIXELS","rasterizeCells","o","scale","xMax","yMax","canvasCellParams","numRows","layout","canvas","createElement","max","round","ctx","getContext","setTransform","range","colStart","colEnd","data","length","rowStart","rowEnd","drawHeatmapCells","highlightRange","renderCellsToDataURL","toDataURL","appendCellsImage","dataUrl","image","setAttributeNS","buildScrollableExportSVG","includeCells","marg","xScale","yScale","xTickValues","yTickValues","yTickLabelWidth","xTickLabelHeight","yTitleWidth","xTitleHeight","selectionMarks","left","right","top","bottom","cellsDataUrl","fullRowAxis","fullColAxis","exportContainer","exportRoot","createRoot","flushSync","render","jsxs","Fragment","jsx","el","AxisLeft","yAxisTickFormat","markTickLabels","yAxisTickLabelProps","rows","HeatmapSelectionPointers","AxisBottom","xAxisTickFormat","xAxisTickLabelProps","columns","unmount","showLegend","legendSvg","LEGEND_GAP","yLabel","xLabel","center","xAxisTitleCenter","downloadScrollableHeatmapPNG","fileName","fullWidth","fullHeight","cellsCanvas","drawImage","finish","blob","downloadBlob","axesSvg","toBlob","svgString","XMLSerializer","serializeToString","svgBlob","Blob","type","url","URL","createObjectURL","img","Image","onload","revokeObjectURL","onerror","src","withOffscreenExportSVG","run","svg","wrapper","style","position","body","parentNode","removeChild"],"mappings":"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"}

package/dist/visualization.es9.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import { c as u } from "react/compiler-runtime";
 import { useState as P } from "react";
-import g from "./visualization.es66.js";
+import g from "./visualization.es35.js";
 const y = (m) => {
   const t = u(11), {
     children: e,

package/dist/visualization.es90.js

@@ -1,38 +1,191 @@
-import l from "./visualization.es139.js";
-import n from "./visualization.es171.js";
-import f from "./visualization.es176.js";
-import { jsx as m } from "react/jsx-runtime";
-const c = {
-  dx: "0.25em",
-  dy: "0.25em",
-  fill: "#222",
-  fontFamily: "Arial",
-  fontSize: 10,
-  textAnchor: "start"
-};
-function g(i) {
-  let {
-    axisClassName: o,
-    labelOffset: r = 36,
-    tickLength: e = 8,
-    tickLabelProps: t,
-    ...s
-  } = i;
-  const a = typeof t == "function" ? t : {
-    ...c,
-    ...t
-  };
-  return /* @__PURE__ */ m(n, {
-    axisClassName: l("visx-axis-right", o),
-    labelOffset: r,
-    orientation: f.right,
-    tickLabelProps: a,
-    tickLength: e,
-    ...s
+import { jsxs as a, Fragment as mi, jsx as i } from "react/jsx-runtime";
+import { useMemo as H, useId as pi, useCallback as gi, useState as fi, useRef as vi } from "react";
+import xi from "./visualization.es124.js";
+import S from "./visualization.es128.js";
+import ui from "./visualization.es129.js";
+import wi from "./visualization.es130.js";
+import { markTickLabels as _, yAxisTickLabelProps as yi, TICK_FONT_FAMILY as A, AXIS_TITLE_FONT_SIZE as E } from "./visualization.es87.js";
+import { MINI_MAP_HEIGHT as Ti, LEGEND_GAP as N } from "./visualization.es88.js";
+import { useHeatmapCanvasGrid as ki } from "./visualization.es131.js";
+import { useScrollToSelection as Ci } from "./visualization.es132.js";
+import Mi from "./visualization.es31.js";
+import bi from "./visualization.es13.js";
+import Pi from "./visualization.es30.js";
+const V = 10, Oi = ({
+  legendSvgRef: F,
+  layout: G,
+  data: O,
+  showMiniMap: v,
+  showLegend: m,
+  renderLegend: x,
+  xLabel: W,
+  yLabel: X,
+  tooltipBody: u,
+  onClick: j,
+  selectedCells: B,
+  scrollToSelection: Y,
+  xAxisTickFormat: z,
+  yAxisTickFormat: D,
+  xAxisTickLabelProps: w
+}) => {
+  const {
+    numRows: K,
+    marg: Z,
+    xMax: p,
+    yMax: g,
+    viewportWidth: e,
+    viewportHeight: t,
+    yTitleWidth: l,
+    yTickLabelWidth: n,
+    xTitleHeight: c,
+    xTickLabelHeight: d,
+    binWidth: q,
+    xTickLeftOverhangMax: y,
+    legendWidth: h,
+    xScale: T,
+    yScale: k,
+    xTickValues: J,
+    yTickValues: Q,
+    stableColors: U,
+    minValue: ii,
+    maxValue: ei,
+    canvasCellParams: f,
+    selectionMarks: s
+  } = G, ti = H(() => _(w, s.columns), [w, s]), li = H(() => _(yi, s.rows), [s]), {
+    canvasRef: oi,
+    mainPaneRef: C,
+    canvasTooltipRef: ri,
+    setMainPaneNode: ai,
+    handleGridScroll: ni,
+    axisScrollPos: o,
+    visibleXTickValues: si,
+    visibleYTickValues: di,
+    canvasHandlers: ci
+  } = ki({
+    canvasCellParams: f,
+    viewportWidth: e,
+    viewportHeight: t,
+    xTickValues: J,
+    yTickValues: Q,
+    onClick: j
+  });
+  Ci({
+    mainPaneRef: C,
+    selectedCells: B,
+    scrollToSelection: Y,
+    binWidth: q,
+    viewportWidth: e
   });
-}
+  const M = pi(), b = Math.max(0, y - o.left), P = gi((r, hi) => {
+    C.current?.scrollTo({
+      left: r,
+      top: hi
+    });
+  }, []), [R, $] = fi(!1), I = vi(null), L = (r) => x ? x(r) : /* @__PURE__ */ i(xi, { colors: U, minValue: ii, maxValue: ei, length: r.orientation === "vertical" ? r.height : r.width, orientation: r.orientation });
+  return /* @__PURE__ */ a(mi, { children: [
+    /* @__PURE__ */ a("div", { style: {
+      display: "flex",
+      flexDirection: "column"
+    }, children: [
+      v && /* @__PURE__ */ i("div", { ref: I, style: {
+        marginLeft: l + n,
+        position: "relative",
+        width: e
+      }, children: /* @__PURE__ */ i(ui, { canvasCellParams: f, xMax: p, yMax: g, viewportWidth: e, viewportHeight: t, scrollLeft: o.left, scrollTop: o.top, width: e, height: Ti, onNavigate: P, onCanvasClick: () => $(!0), paused: R }) }),
+      /* @__PURE__ */ a("div", { style: {
+        display: "grid",
+        gridTemplateColumns: m ? `${l}px ${n}px ${e}px ${N + h}px` : `${l}px ${n}px ${e}px`,
+        gridTemplateRows: `${Z.top}px ${t}px ${d}px ${c}px`
+      }, children: [
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 1,
+          gridRow: 2,
+          width: l,
+          height: t,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        }, children: /* @__PURE__ */ i("svg", { width: l, height: t, children: /* @__PURE__ */ i("text", { x: l / 2, y: t / 2, transform: `rotate(-90, ${l / 2}, ${t / 2})`, textAnchor: "middle", dominantBaseline: "middle", fontSize: E, fontFamily: A, children: X ?? "" }) }) }),
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 2,
+          gridRow: 2,
+          width: n,
+          height: t,
+          overflow: "hidden"
+        }, children: /* @__PURE__ */ i("svg", { width: n, height: t, children: /* @__PURE__ */ a("g", { transform: `translate(${n},${-o.top})`, children: [
+          /* @__PURE__ */ i(Mi, { scale: k, numTicks: K, tickValues: di, tickFormat: D, tickLabelProps: li }),
+          /* @__PURE__ */ i(S, { axis: "row", marked: s.rows, scale: k })
+        ] }) }) }),
+        /* @__PURE__ */ i("div", { ref: ai, onScroll: ni, style: {
+          gridColumn: 3,
+          gridRow: 2,
+          width: e,
+          height: t,
+          overflow: "auto",
+          overscrollBehavior: "contain",
+          position: "relative"
+        }, children: /* @__PURE__ */ i("div", { style: {
+          width: p,
+          height: g,
+          position: "relative"
+        }, children: /* @__PURE__ */ i("canvas", { ref: oi, width: e * (window.devicePixelRatio || 1), height: t * (window.devicePixelRatio || 1), style: {
+          width: e,
+          height: t,
+          position: "sticky",
+          top: 0,
+          left: 0,
+          display: "block",
+          cursor: "default"
+        }, ...ci }) }) }),
+        u && /* @__PURE__ */ i(bi, { ref: ri, children: u }),
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 3,
+          gridRow: 3,
+          width: e,
+          height: d,
+          overflow: "visible"
+        }, children: /* @__PURE__ */ a("svg", { width: e, height: d, style: {
+          overflow: "visible"
+        }, children: [
+          /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ a("clipPath", { id: M, children: [
+            /* @__PURE__ */ i("rect", { x: 0, y: 0, width: e, height: d }),
+            y > 0 && /* @__PURE__ */ i("rect", { x: -b, y: V, width: b, height: Math.max(0, d - V) })
+          ] }) }),
+          /* @__PURE__ */ i("g", { clipPath: `url(#${M})`, children: /* @__PURE__ */ a("g", { transform: `translate(${-o.left},0)`, children: [
+            /* @__PURE__ */ i(Pi, { top: 0, scale: T, numTicks: O.length, tickFormat: z, tickValues: si, tickLabelProps: ti }),
+            /* @__PURE__ */ i(S, { axis: "column", marked: s.columns, scale: T })
+          ] }) })
+        ] }) }),
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 3,
+          gridRow: 4,
+          width: e,
+          height: c,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        }, children: /* @__PURE__ */ i("svg", { width: e, height: c, style: {
+          overflow: "visible"
+        }, children: /* @__PURE__ */ i("text", { x: e / 2, y: c / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: E, fontFamily: A, children: W ?? "" }) }) }),
+        m && /* @__PURE__ */ i("div", { style: {
+          gridColumn: 4,
+          gridRow: 2,
+          width: h,
+          marginLeft: N,
+          height: t
+        }, children: /* @__PURE__ */ i("svg", { width: h, height: t, ref: F, style: {
+          overflow: "visible"
+        }, children: L({
+          width: h,
+          height: t,
+          orientation: "vertical"
+        }) }) })
+      ] })
+    ] }),
+    v && R && /* @__PURE__ */ i(wi, { onClose: () => $(!1), containerRef: I, canvasCellParams: f, xMax: p, yMax: g, viewportWidth: e, viewportHeight: t, scrollLeft: o.left, scrollTop: o.top, onNavigate: P, legend: m ? L : void 0 })
+  ] });
+};
 export {
-  g as default,
-  c as rightTickLabelProps
+  Oi as default
 };
 //# sourceMappingURL=visualization.es90.js.map

package/dist/visualization.es90.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es90.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/axis/AxisRight.js"],"sourcesContent":["import cx from 'classnames';\nimport Axis from \"./Axis.js\";\nimport Orientation from \"../constants/orientation.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const rightTickLabelProps = {\n  dx: '0.25em',\n  dy: '0.25em',\n  fill: '#222',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  textAnchor: 'start'\n};\nexport default function AxisRight(_ref) {\n  let {\n    axisClassName,\n    labelOffset = 36,\n    tickLength = 8,\n    tickLabelProps,\n    ...restProps\n  } = _ref;\n  const tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : {\n    ...rightTickLabelProps,\n    ...tickLabelProps\n  };\n  return /*#__PURE__*/_jsx(Axis, {\n    axisClassName: cx('visx-axis-right', axisClassName),\n    labelOffset: labelOffset,\n    orientation: Orientation.right,\n    tickLabelProps: tickLabelPropsFinal,\n    tickLength: tickLength,\n    ...restProps\n  });\n}"],"names":["rightTickLabelProps","AxisRight","_ref","axisClassName","labelOffset","tickLength","tickLabelProps","restProps","tickLabelPropsFinal","_jsx","Axis","cx","Orientation"],"mappings":";;;;AAIY,MAACA,IAAsB;AAAA,EACjC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AACd;AACe,SAASC,EAAUC,GAAM;AACtC,MAAI;AAAA,IACF,eAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,gBAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML;AACJ,QAAMM,IAAsB,OAAOF,KAAmB,aAAaA,IAAiB;AAAA,IAClF,GAAGN;AAAA,IACH,GAAGM;AAAA,EACP;AACE,SAAoBG,gBAAAA,EAAKC,GAAM;AAAA,IAC7B,eAAeC,EAAG,mBAAmBR,CAAa;AAAA,IAClD,aAAaC;AAAA,IACb,aAAaQ,EAAY;AAAA,IACzB,gBAAgBJ;AAAA,IAChB,YAAYH;AAAA,IACZ,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es90.js","sources":["../src/components/Heatmap/scrollable/HeatmapScrollableGrid.tsx"],"sourcesContent":["import { useCallback, useId, useMemo, useRef, useState, type ReactElement, type ReactNode, type RefObject } from \"react\";\nimport { AxisLeft, AxisBottom } from \"@visx/axis\";\nimport type { ColumnDatum, HeatmapCellId, HeatmapLegendFrame } from \"../types\";\nimport type { AnyBin } from \"../HeatmapCells\";\nimport HeatmapLegend from \"../HeatmapLegend\";\nimport HeatmapSelectionPointers from \"../HeatmapSelectionPointers\";\nimport HeatmapMiniMap from \"./HeatmapMiniMap\";\nimport HeatmapMiniMapPopup from \"./HeatmapMiniMapPopup\";\nimport { PlotTooltip } from \"../../../tooltip\";\nimport { TICK_FONT_FAMILY, AXIS_TITLE_FONT_SIZE, markTickLabels, yAxisTickLabelProps, type getXAxisTickLabelProps } from \"../heatmapAxisProps\";\nimport { LEGEND_GAP, MINI_MAP_HEIGHT, type HeatmapLayout } from \"../heatmapLayout\";\nimport { useHeatmapCanvasGrid } from \"../hooks/useHeatmapCanvasGrid\";\nimport { useScrollToSelection } from \"../hooks/useScrollToSelection\";\n\nconst X_AXIS_OVERHANG_CLIP_HEIGHT = 10;\n\nexport interface HeatmapScrollableGridProps {\n  legendSvgRef: RefObject<SVGSVGElement | null>;\n  layout: HeatmapLayout;\n  data: ColumnDatum[];\n  showMiniMap: boolean;\n  showLegend: boolean;\n  renderLegend?: (frame: HeatmapLegendFrame) => ReactNode;\n  xLabel?: string;\n  yLabel?: string;\n  tooltipBody?: (bin: AnyBin) => ReactElement;\n  onClick?: (bin: AnyBin) => void;\n  selectedCells?: HeatmapCellId[];\n  scrollToSelection?: boolean;\n  xAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  yAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;\n}\n\nconst HeatmapScrollableGrid = ({\n  legendSvgRef, layout, data, showMiniMap, showLegend, renderLegend, xLabel, yLabel, tooltipBody, onClick,\n  selectedCells, scrollToSelection, xAxisTickFormat, yAxisTickFormat, xAxisTickLabelProps,\n}: HeatmapScrollableGridProps) => {\n  const {\n    numRows, marg, xMax, yMax, viewportWidth, viewportHeight, yTitleWidth, yTickLabelWidth,\n    xTitleHeight, xTickLabelHeight, binWidth, xTickLeftOverhangMax, legendWidth,\n    xScale, yScale, xTickValues, yTickValues, stableColors, minValue, maxValue, canvasCellParams,\n    selectionMarks,\n  } = layout;\n  const markedXTickLabelProps = useMemo(\n    () => markTickLabels(xAxisTickLabelProps, selectionMarks.columns),\n    [xAxisTickLabelProps, selectionMarks]\n  );\n  const markedYTickLabelProps = useMemo(() => markTickLabels(yAxisTickLabelProps, selectionMarks.rows), [selectionMarks]);\n\n  const {\n    canvasRef, mainPaneRef, canvasTooltipRef, setMainPaneNode, handleGridScroll, axisScrollPos,\n    visibleXTickValues, visibleYTickValues, canvasHandlers,\n  } = useHeatmapCanvasGrid({\n    canvasCellParams, viewportWidth, viewportHeight, xTickValues, yTickValues, onClick,\n  });\n  useScrollToSelection({ mainPaneRef, selectedCells, scrollToSelection, binWidth, viewportWidth });\n\n  const xTickClipId = useId();\n  // Room for the first column's slanted label to hang left over the y-axis pane, only while\n  // scrolled to the start: anywhere else, the column to its left would show through.\n  const xTickLeftOverhang = Math.max(0, xTickLeftOverhangMax - axisScrollPos.left);\n\n  // The resulting scroll event repaints the grid and moves the minimap's rectangle, as a manual scroll does.\n  const handleMiniMapNavigate = useCallback((left: number, top: number) => {\n    mainPaneRef.current?.scrollTo({ left, top });\n  }, []);\n\n  const [isMiniMapExpanded, setIsMiniMapExpanded] = useState(false);\n  const miniMapContainerRef = useRef<HTMLDivElement | null>(null);\n\n  // The caller's legend or the built-in one, beside the grid or across the expanded minimap.\n  const legend = (frame: HeatmapLegendFrame) =>\n    renderLegend ? (\n      renderLegend(frame)\n    ) : (\n      <HeatmapLegend\n        colors={stableColors}\n        minValue={minValue}\n        maxValue={maxValue}\n        length={frame.orientation === \"vertical\" ? frame.height : frame.width}\n        orientation={frame.orientation}\n      />\n    );\n\n  return (\n    <>\n      <div style={{ display: \"flex\", flexDirection: \"column\" }}>\n        {showMiniMap && (\n          <div ref={miniMapContainerRef} style={{ marginLeft: yTitleWidth + yTickLabelWidth, position: \"relative\", width: viewportWidth }}>\n            <HeatmapMiniMap\n              canvasCellParams={canvasCellParams}\n              xMax={xMax}\n              yMax={yMax}\n              viewportWidth={viewportWidth}\n              viewportHeight={viewportHeight}\n              scrollLeft={axisScrollPos.left}\n              scrollTop={axisScrollPos.top}\n              width={viewportWidth}\n              height={MINI_MAP_HEIGHT}\n              onNavigate={handleMiniMapNavigate}\n              onCanvasClick={() => setIsMiniMapExpanded(true)}\n              paused={isMiniMapExpanded}\n            />\n          </div>\n        )}\n        <div\n          style={{\n            display: \"grid\",\n            gridTemplateColumns: showLegend\n              ? `${yTitleWidth}px ${yTickLabelWidth}px ${viewportWidth}px ${LEGEND_GAP + legendWidth}px`\n              : `${yTitleWidth}px ${yTickLabelWidth}px ${viewportWidth}px`,\n            gridTemplateRows: `${marg.top}px ${viewportHeight}px ${xTickLabelHeight}px ${xTitleHeight}px`,\n          }}\n        >\n          <div style={{ gridColumn: 1, gridRow: 2, width: yTitleWidth, height: viewportHeight, display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}>\n            <svg width={yTitleWidth} height={viewportHeight}>\n              <text\n                x={yTitleWidth / 2}\n                y={viewportHeight / 2}\n                transform={`rotate(-90, ${yTitleWidth / 2}, ${viewportHeight / 2})`}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fontSize={AXIS_TITLE_FONT_SIZE}\n                fontFamily={TICK_FONT_FAMILY}\n              >\n                {yLabel ?? \"\"}\n              </text>\n            </svg>\n          </div>\n          <div style={{ gridColumn: 2, gridRow: 2, width: yTickLabelWidth, height: viewportHeight, overflow: \"hidden\" }}>\n            <svg width={yTickLabelWidth} height={viewportHeight}>\n              <g transform={`translate(${yTickLabelWidth},${-axisScrollPos.top})`}>\n                <AxisLeft\n                  scale={yScale}\n                  numTicks={numRows}\n                  tickValues={visibleYTickValues}\n                  tickFormat={yAxisTickFormat}\n                  tickLabelProps={markedYTickLabelProps}\n                />\n                <HeatmapSelectionPointers axis=\"row\" marked={selectionMarks.rows} scale={yScale} />\n              </g>\n            </svg>\n          </div>\n          <div\n            ref={setMainPaneNode}\n            onScroll={handleGridScroll}\n            style={{ gridColumn: 3, gridRow: 2, width: viewportWidth, height: viewportHeight, overflow: \"auto\", overscrollBehavior: \"contain\", position: \"relative\" }}\n          >\n            <div style={{ width: xMax, height: yMax, position: \"relative\" }}>\n              <canvas\n                ref={canvasRef}\n                width={viewportWidth * (window.devicePixelRatio || 1)}\n                height={viewportHeight * (window.devicePixelRatio || 1)}\n                style={{\n                  width: viewportWidth,\n                  height: viewportHeight,\n                  position: \"sticky\",\n                  top: 0,\n                  left: 0,\n                  display: \"block\",\n                  cursor: \"default\",\n                }}\n                {...canvasHandlers}\n              />\n            </div>\n          </div>\n          {tooltipBody && <PlotTooltip ref={canvasTooltipRef}>{tooltipBody}</PlotTooltip>}\n          <div style={{ gridColumn: 3, gridRow: 3, width: viewportWidth, height: xTickLabelHeight, overflow: \"visible\" }}>\n            <svg width={viewportWidth} height={xTickLabelHeight} style={{ overflow: \"visible\" }}>\n              <defs>\n                <clipPath id={xTickClipId}>\n                  <rect x={0} y={0} width={viewportWidth} height={xTickLabelHeight} />\n                  {xTickLeftOverhangMax > 0 && (\n                    <rect\n                      x={-xTickLeftOverhang}\n                      y={X_AXIS_OVERHANG_CLIP_HEIGHT}\n                      width={xTickLeftOverhang}\n                      height={Math.max(0, xTickLabelHeight - X_AXIS_OVERHANG_CLIP_HEIGHT)}\n                    />\n                  )}\n                </clipPath>\n              </defs>\n              <g clipPath={`url(#${xTickClipId})`}>\n                <g transform={`translate(${-axisScrollPos.left},0)`}>\n                  <AxisBottom\n                    top={0}\n                    scale={xScale}\n                    numTicks={data.length}\n                    tickFormat={xAxisTickFormat}\n                    tickValues={visibleXTickValues}\n                    tickLabelProps={markedXTickLabelProps}\n                  />\n                  <HeatmapSelectionPointers axis=\"column\" marked={selectionMarks.columns} scale={xScale} />\n                </g>\n              </g>\n            </svg>\n          </div>\n          {/* X-axis title: fixed in place and centered on the viewport. A title wider than a narrow\n              grid spills into the empty cells either side rather than being clipped. */}\n          <div style={{ gridColumn: 3, gridRow: 4, width: viewportWidth, height: xTitleHeight, display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}>\n            <svg width={viewportWidth} height={xTitleHeight} style={{ overflow: \"visible\" }}>\n              <text\n                x={viewportWidth / 2}\n                y={xTitleHeight / 2}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fontSize={AXIS_TITLE_FONT_SIZE}\n                fontFamily={TICK_FONT_FAMILY}\n              >\n                {xLabel ?? \"\"}\n              </text>\n            </svg>\n          </div>\n          {showLegend && (\n            <div style={{ gridColumn: 4, gridRow: 2, width: legendWidth, marginLeft: LEGEND_GAP, height: viewportHeight }}>\n              <svg width={legendWidth} height={viewportHeight} ref={legendSvgRef} style={{ overflow: \"visible\" }}>\n                {legend({ width: legendWidth, height: viewportHeight, orientation: \"vertical\" })}\n              </svg>\n            </div>\n          )}\n        </div>\n      </div>\n      {showMiniMap && isMiniMapExpanded && (\n        <HeatmapMiniMapPopup\n          onClose={() => setIsMiniMapExpanded(false)}\n          containerRef={miniMapContainerRef}\n          canvasCellParams={canvasCellParams}\n          xMax={xMax}\n          yMax={yMax}\n          viewportWidth={viewportWidth}\n          viewportHeight={viewportHeight}\n          scrollLeft={axisScrollPos.left}\n          scrollTop={axisScrollPos.top}\n          onNavigate={handleMiniMapNavigate}\n          legend={showLegend ? legend : undefined}\n        />\n      )}\n    </>\n  );\n};\n\nexport default HeatmapScrollableGrid;\n"],"names":["X_AXIS_OVERHANG_CLIP_HEIGHT","HeatmapScrollableGrid","legendSvgRef","layout","data","showMiniMap","showLegend","renderLegend","xLabel","yLabel","tooltipBody","onClick","selectedCells","scrollToSelection","xAxisTickFormat","yAxisTickFormat","xAxisTickLabelProps","numRows","marg","xMax","yMax","viewportWidth","viewportHeight","yTitleWidth","yTickLabelWidth","xTitleHeight","xTickLabelHeight","binWidth","xTickLeftOverhangMax","legendWidth","xScale","yScale","xTickValues","yTickValues","stableColors","minValue","maxValue","canvasCellParams","selectionMarks","markedXTickLabelProps","useMemo","markTickLabels","columns","markedYTickLabelProps","yAxisTickLabelProps","rows","canvasRef","mainPaneRef","canvasTooltipRef","setMainPaneNode","handleGridScroll","axisScrollPos","visibleXTickValues","visibleYTickValues","canvasHandlers","useHeatmapCanvasGrid","useScrollToSelection","xTickClipId","useId","xTickLeftOverhang","Math","max","left","handleMiniMapNavigate","useCallback","top","current","scrollTo","isMiniMapExpanded","setIsMiniMapExpanded","useState","miniMapContainerRef","useRef","legend","frame","jsx","HeatmapLegend","orientation","height","width","jsxs","Fragment","display","flexDirection","marginLeft","position","HeatmapMiniMap","MINI_MAP_HEIGHT","gridTemplateColumns","LEGEND_GAP","gridTemplateRows","gridColumn","gridRow","alignItems","justifyContent","AXIS_TITLE_FONT_SIZE","TICK_FONT_FAMILY","overflow","AxisLeft","HeatmapSelectionPointers","overscrollBehavior","window","devicePixelRatio","cursor","PlotTooltip","AxisBottom","length","HeatmapMiniMapPopup","undefined"],"mappings":"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"}