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

package/dist/visualization.es89.js

@@ -1,148 +1,285 @@
-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)
+import { useRef as H, useState as P, useCallback as s } from "react";
+import { useGesture as st } from "./visualization.es224.js";
+import { applyMatrixToPoint as rt, applyInverseMatrixToPoint as E, composeMatrices as J, translateMatrix as R, scaleMatrix as ot, inverseMatrix as lt, identityMatrix as ct } from "./visualization.es225.js";
+import { jsx as it, Fragment as ft } from "react/jsx-runtime";
+import W from "./visualization.es37.js";
+const ut = {
+  scaleX: 1,
+  scaleY: 1,
+  translateX: 0,
+  translateY: 0,
+  skewX: 0,
+  skewY: 0
+}, dt = (u) => -u.deltaY > 0 ? {
+  scaleX: 1.1,
+  scaleY: 1.1
+} : {
+  scaleX: 0.9,
+  scaleY: 0.9
+}, xt = (u) => {
+  let {
+    offset: [d],
+    lastOffset: [x]
+  } = u;
+  return {
+    scaleX: d - x < 0 ? 0.9 : 1.1,
+    scaleY: d - x < 0 ? 0.9 : 1.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);
+function ht(u) {
+  let {
+    scaleXMin: d = 0,
+    scaleXMax: x = 1 / 0,
+    scaleYMin: z = 0,
+    scaleYMax: K = 1 / 0,
+    initialTransformMatrix: Y = ut,
+    wheelDelta: O = dt,
+    pinchDelta: j = xt,
+    width: p,
+    height: g,
+    constrain: S,
+    children: L
+  } = u;
+  const h = H(null), M = H(Y), [r, N] = P(Y), [X, B] = P(!1), [v, $] = P(void 0), [f, T] = P(void 0), F = s((e, t) => {
+    if (S) return S(e, t);
+    const {
+      scaleX: n,
+      scaleY: a
+    } = e, o = n > x || n < d, l = a > K || a < z;
+    return o || l ? t : e;
+  }, [S, d, x, z, K]), c = s((e) => {
+    N((t) => {
+      const n = F(e, t);
+      return M.current = n, n;
+    });
+  }, [F]), Q = s((e) => {
+    let {
+      x: t,
+      y: n
+    } = e;
+    return rt(r, {
+      x: t,
+      y: n
+    });
+  }, [r]), D = s((e) => {
+    let {
+      x: t,
+      y: n
+    } = e;
+    return E(r, {
+      x: t,
+      y: n
+    });
+  }, [r]), U = s(() => {
+    c(Y);
+  }, [Y, c]), y = s((e) => {
+    let {
+      scaleX: t,
+      scaleY: n,
+      point: a
+    } = e;
+    const o = n || t, l = a || {
+      x: p / 2,
+      y: g / 2
+    }, i = E(M.current, l), C = J(M.current, R(i.x, i.y), ot(t, o), R(-i.x, -i.y));
+    if (c(C), X) {
+      const {
+        translateX: b,
+        translateY: at
+      } = M.current;
+      T(a), $({
+        translateX: b,
+        translateY: at
+      });
+    }
+  }, [g, p, X, c]), k = s((e) => {
+    let {
+      translateX: t,
+      translateY: n
+    } = e;
+    const a = J(r, R(t, n));
+    c(a);
+  }, [c, r]), m = s((e) => {
+    let {
+      translateX: t,
+      translateY: n
+    } = e;
+    const a = {
+      ...r,
+      translateX: t,
+      translateY: n
+    };
+    c(a);
+  }, [c, r]), V = s((e) => {
+    let {
+      x: t,
+      y: n
+    } = e;
+    const a = E(r, {
+      x: t,
+      y: n
+    });
+    m({
+      translateX: a.x,
+      translateY: a.y
+    });
+  }, [m, r]), I = s(() => lt(r), [r]), _ = s(() => {
+    const {
+      translateX: e,
+      translateY: t,
+      scaleX: n,
+      scaleY: a,
+      skewX: o,
+      skewY: l
+    } = I();
+    return `matrix(${n}, ${l}, ${o}, ${a}, ${e}, ${t})`;
+  }, [I]), G = s((e) => {
+    const {
+      translateX: t,
+      translateY: n
+    } = r;
+    T(W(e) || void 0), $({
+      translateX: t,
+      translateY: n
+    }), B(!0);
+  }, [r]), Z = s((e, t) => {
+    if (!X || !f || !v) return;
+    const n = W(e), a = n ? -(f.x - n.x) : -f.x, o = n ? -(f.y - n.y) : -f.y;
+    let l = v.translateX + a;
+    t?.offsetX && (l += t?.offsetX ?? 0);
+    let i = v.translateY + o;
+    t?.offsetY && (i += t?.offsetY ?? 0), m({
+      translateX: l,
+      translateY: i
+    });
+  }, [X, m, f, v]), w = s(() => {
+    T(void 0), $(void 0), B(!1);
+  }, []), q = s((e) => {
+    e.preventDefault();
+    const t = W(e) || void 0, {
+      scaleX: n,
+      scaleY: a
+    } = O(e);
+    y({
+      scaleX: n,
+      scaleY: a,
+      point: t
+    });
+  }, [y, O]), A = s((e) => {
+    const {
+      origin: [t, n],
+      memo: a
+    } = e;
+    let o = a;
+    if (h.current) {
+      const {
+        top: l,
+        left: i
+      } = o ?? h.current.getBoundingClientRect();
+      o || (o = {
+        top: l,
+        left: i
+      });
+      const {
+        scaleX: C,
+        scaleY: b
+      } = j(e);
+      y({
+        scaleX: C,
+        scaleY: b,
+        point: {
+          x: t - i,
+          y: n - l
+        }
+      });
+    }
+    return o;
+  }, [y, j]), tt = s(() => {
+    const {
+      translateX: e,
+      translateY: t,
+      scaleX: n,
+      scaleY: a,
+      skewX: o,
+      skewY: l
+    } = r;
+    return `matrix(${n}, ${l}, ${o}, ${a}, ${e}, ${t})`;
+  }, [r]), et = s(() => {
+    const e = {
+      x: p / 2,
+      y: g / 2
+    }, t = D(e);
+    k({
+      translateX: t.x - e.x,
+      translateY: t.y - e.y
+    });
+  }, [g, p, D, k]), nt = s(() => {
+    c(ct());
+  }, [c]);
+  return st({
+    onDragStart: (e) => {
+      let {
+        event: t
+      } = e;
+      t instanceof KeyboardEvent || G(t);
+    },
+    onDrag: (e) => {
+      let {
+        event: t,
+        pinching: n,
+        cancel: a
+      } = e;
+      n ? (a(), w()) : t instanceof KeyboardEvent || Z(t);
+    },
+    onDragEnd: w,
+    onPinch: A,
+    onWheel: (e) => {
+      let {
+        event: t,
+        active: n,
+        pinching: a
+      } = e;
+      // Outside of Safari, the wheel event is fired together with the pinch event
+      a || // currently onWheelEnd emits one final wheel event which causes 2x scale
+      // updates for the last tick. ensuring that the gesture is active avoids this
+      !n || q(t);
+    }
+  }, {
+    target: h,
+    eventOptions: {
+      passive: !1
+    },
+    drag: {
+      filterTaps: !0
+    }
+  }), /* @__PURE__ */ it(ft, {
+    children: L({
+      initialTransformMatrix: Y,
+      transformMatrix: r,
+      isDragging: X,
+      center: et,
+      clear: nt,
+      scale: y,
+      translate: k,
+      translateTo: V,
+      setTranslate: m,
+      setTransformMatrix: c,
+      reset: U,
+      handleWheel: q,
+      handlePinch: A,
+      dragEnd: w,
+      dragMove: Z,
+      dragStart: G,
+      toString: tt,
+      invert: I,
+      toStringInvert: _,
+      applyToPoint: Q,
+      applyInverseToPoint: D,
+      containerRef: h
+    })
   });
 }
 export {
-  R as buildScrollableExportSVG,
-  it as downloadScrollableHeatmapPNG,
-  at as withOffscreenExportSVG
+  ht as default
 };
 //# sourceMappingURL=visualization.es89.js.map

package/dist/visualization.es89.js.map

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"visualization.es89.js","sources":["../../../node_modules/.pnpm/@visx+zoom@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/zoom/esm/Zoom.js"],"sourcesContent":["import { useState, useRef, useCallback } from 'react';\nimport { localPoint } from '@visx/event';\nimport { useGesture } from '@use-gesture/react';\nimport { composeMatrices, inverseMatrix, applyMatrixToPoint, applyInverseMatrixToPoint, translateMatrix, identityMatrix, scaleMatrix } from \"./util/matrix.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\n// default prop values\nconst defaultInitialTransformMatrix = {\n  scaleX: 1,\n  scaleY: 1,\n  translateX: 0,\n  translateY: 0,\n  skewX: 0,\n  skewY: 0\n};\nconst defaultWheelDelta = event => -event.deltaY > 0 ? {\n  scaleX: 1.1,\n  scaleY: 1.1\n} : {\n  scaleX: 0.9,\n  scaleY: 0.9\n};\nconst defaultPinchDelta = _ref => {\n  let {\n    offset: [s],\n    lastOffset: [lastS]\n  } = _ref;\n  return {\n    scaleX: s - lastS < 0 ? 0.9 : 1.1,\n    scaleY: s - lastS < 0 ? 0.9 : 1.1\n  };\n};\nfunction Zoom(_ref2) {\n  let {\n    scaleXMin = 0,\n    scaleXMax = Infinity,\n    scaleYMin = 0,\n    scaleYMax = Infinity,\n    initialTransformMatrix = defaultInitialTransformMatrix,\n    wheelDelta = defaultWheelDelta,\n    pinchDelta = defaultPinchDelta,\n    width,\n    height,\n    constrain,\n    children\n  } = _ref2;\n  const containerRef = useRef(null);\n  const matrixStateRef = useRef(initialTransformMatrix);\n  const [transformMatrix, setTransformMatrixState] = useState(initialTransformMatrix);\n  const [isDragging, setIsDragging] = useState(false);\n  const [startTranslate, setStartTranslate] = useState(undefined);\n  const [startPoint, setStartPoint] = useState(undefined);\n  const defaultConstrain = useCallback((newTransformMatrix, prevTransformMatrix) => {\n    if (constrain) return constrain(newTransformMatrix, prevTransformMatrix);\n    const {\n      scaleX,\n      scaleY\n    } = newTransformMatrix;\n    const shouldConstrainScaleX = scaleX > scaleXMax || scaleX < scaleXMin;\n    const shouldConstrainScaleY = scaleY > scaleYMax || scaleY < scaleYMin;\n    if (shouldConstrainScaleX || shouldConstrainScaleY) {\n      return prevTransformMatrix;\n    }\n    return newTransformMatrix;\n  }, [constrain, scaleXMin, scaleXMax, scaleYMin, scaleYMax]);\n  const setTransformMatrix = useCallback(newTransformMatrix => {\n    setTransformMatrixState(prevTransformMatrix => {\n      const updatedTransformMatrix = defaultConstrain(newTransformMatrix, prevTransformMatrix);\n      matrixStateRef.current = updatedTransformMatrix;\n      return updatedTransformMatrix;\n    });\n  }, [defaultConstrain]);\n  const applyToPoint = useCallback(_ref3 => {\n    let {\n      x,\n      y\n    } = _ref3;\n    return applyMatrixToPoint(transformMatrix, {\n      x,\n      y\n    });\n  }, [transformMatrix]);\n  const applyInverseToPoint = useCallback(_ref4 => {\n    let {\n      x,\n      y\n    } = _ref4;\n    return applyInverseMatrixToPoint(transformMatrix, {\n      x,\n      y\n    });\n  }, [transformMatrix]);\n  const reset = useCallback(() => {\n    setTransformMatrix(initialTransformMatrix);\n  }, [initialTransformMatrix, setTransformMatrix]);\n  const scale = useCallback(_ref5 => {\n    let {\n      scaleX,\n      scaleY: maybeScaleY,\n      point\n    } = _ref5;\n    const scaleY = maybeScaleY || scaleX;\n    const cleanPoint = point || {\n      x: width / 2,\n      y: height / 2\n    };\n    // need to use ref value instead of state here because wheel listener does not have access to latest state\n    const translate = applyInverseMatrixToPoint(matrixStateRef.current, cleanPoint);\n    const nextMatrix = composeMatrices(matrixStateRef.current, translateMatrix(translate.x, translate.y), scaleMatrix(scaleX, scaleY), translateMatrix(-translate.x, -translate.y));\n    setTransformMatrix(nextMatrix);\n    if (isDragging) {\n      const {\n        translateX,\n        translateY\n      } = matrixStateRef.current;\n      setStartPoint(point);\n      setStartTranslate({\n        translateX,\n        translateY\n      });\n    }\n  }, [height, width, isDragging, setTransformMatrix]);\n  const translate = useCallback(_ref6 => {\n    let {\n      translateX,\n      translateY\n    } = _ref6;\n    const nextMatrix = composeMatrices(transformMatrix, translateMatrix(translateX, translateY));\n    setTransformMatrix(nextMatrix);\n  }, [setTransformMatrix, transformMatrix]);\n  const setTranslate = useCallback(_ref7 => {\n    let {\n      translateX,\n      translateY\n    } = _ref7;\n    const nextMatrix = {\n      ...transformMatrix,\n      translateX,\n      translateY\n    };\n    setTransformMatrix(nextMatrix);\n  }, [setTransformMatrix, transformMatrix]);\n  const translateTo = useCallback(_ref8 => {\n    let {\n      x,\n      y\n    } = _ref8;\n    const point = applyInverseMatrixToPoint(transformMatrix, {\n      x,\n      y\n    });\n    setTranslate({\n      translateX: point.x,\n      translateY: point.y\n    });\n  }, [setTranslate, transformMatrix]);\n  const invert = useCallback(() => inverseMatrix(transformMatrix), [transformMatrix]);\n  const toStringInvert = useCallback(() => {\n    const {\n      translateX,\n      translateY,\n      scaleX,\n      scaleY,\n      skewX,\n      skewY\n    } = invert();\n    return `matrix(${scaleX}, ${skewY}, ${skewX}, ${scaleY}, ${translateX}, ${translateY})`;\n  }, [invert]);\n  const dragStart = useCallback(event => {\n    const {\n      translateX,\n      translateY\n    } = transformMatrix;\n    setStartPoint(localPoint(event) || undefined);\n    setStartTranslate({\n      translateX,\n      translateY\n    });\n    setIsDragging(true);\n  }, [transformMatrix]);\n  const dragMove = useCallback((event, options) => {\n    if (!isDragging || !startPoint || !startTranslate) return;\n    const currentPoint = localPoint(event);\n    const dx = currentPoint ? -(startPoint.x - currentPoint.x) : -startPoint.x;\n    const dy = currentPoint ? -(startPoint.y - currentPoint.y) : -startPoint.y;\n    let translateX = startTranslate.translateX + dx;\n    if (options?.offsetX) translateX += options?.offsetX ?? 0;\n    let translateY = startTranslate.translateY + dy;\n    if (options?.offsetY) translateY += options?.offsetY ?? 0;\n    setTranslate({\n      translateX,\n      translateY\n    });\n  }, [isDragging, setTranslate, startPoint, startTranslate]);\n  const dragEnd = useCallback(() => {\n    setStartPoint(undefined);\n    setStartTranslate(undefined);\n    setIsDragging(false);\n  }, []);\n  const handleWheel = useCallback(event => {\n    event.preventDefault();\n    const point = localPoint(event) || undefined;\n    const {\n      scaleX,\n      scaleY\n    } = wheelDelta(event);\n    scale({\n      scaleX,\n      scaleY,\n      point\n    });\n  }, [scale, wheelDelta]);\n  const handlePinch = useCallback(state => {\n    const {\n      origin: [ox, oy],\n      memo\n    } = state;\n    let currentMemo = memo;\n    if (containerRef.current) {\n      const {\n        top,\n        left\n      } = currentMemo ?? containerRef.current.getBoundingClientRect();\n      if (!currentMemo) {\n        currentMemo = {\n          top,\n          left\n        };\n      }\n      const {\n        scaleX,\n        scaleY\n      } = pinchDelta(state);\n      scale({\n        scaleX,\n        scaleY,\n        point: {\n          x: ox - left,\n          y: oy - top\n        }\n      });\n    }\n    return currentMemo;\n  }, [scale, pinchDelta]);\n  const toString = useCallback(() => {\n    const {\n      translateX,\n      translateY,\n      scaleX,\n      scaleY,\n      skewX,\n      skewY\n    } = transformMatrix;\n    return `matrix(${scaleX}, ${skewY}, ${skewX}, ${scaleY}, ${translateX}, ${translateY})`;\n  }, [transformMatrix]);\n  const center = useCallback(() => {\n    const centerPoint = {\n      x: width / 2,\n      y: height / 2\n    };\n    const inverseCentroid = applyInverseToPoint(centerPoint);\n    translate({\n      translateX: inverseCentroid.x - centerPoint.x,\n      translateY: inverseCentroid.y - centerPoint.y\n    });\n  }, [height, width, applyInverseToPoint, translate]);\n  const clear = useCallback(() => {\n    setTransformMatrix(identityMatrix());\n  }, [setTransformMatrix]);\n  useGesture({\n    onDragStart: _ref9 => {\n      let {\n        event\n      } = _ref9;\n      if (!(event instanceof KeyboardEvent)) dragStart(event);\n    },\n    onDrag: _ref0 => {\n      let {\n        event,\n        pinching,\n        cancel\n      } = _ref0;\n      if (pinching) {\n        cancel();\n        dragEnd();\n      } else if (!(event instanceof KeyboardEvent)) {\n        dragMove(event);\n      }\n    },\n    onDragEnd: dragEnd,\n    onPinch: handlePinch,\n    onWheel: _ref1 => {\n      let {\n        event,\n        active,\n        pinching\n      } = _ref1;\n      if (\n      // Outside of Safari, the wheel event is fired together with the pinch event\n      pinching ||\n      // currently onWheelEnd emits one final wheel event which causes 2x scale\n      // updates for the last tick. ensuring that the gesture is active avoids this\n      !active) {\n        return;\n      }\n      handleWheel(event);\n    }\n  }, {\n    target: containerRef,\n    eventOptions: {\n      passive: false\n    },\n    drag: {\n      filterTaps: true\n    }\n  });\n  const zoom = {\n    initialTransformMatrix,\n    transformMatrix,\n    isDragging,\n    center,\n    clear,\n    scale,\n    translate,\n    translateTo,\n    setTranslate,\n    setTransformMatrix,\n    reset,\n    handleWheel,\n    handlePinch,\n    dragEnd,\n    dragMove,\n    dragStart,\n    toString,\n    invert,\n    toStringInvert,\n    applyToPoint,\n    applyInverseToPoint,\n    containerRef\n  };\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: children(zoom)\n  });\n}\nexport default Zoom;"],"names":["defaultInitialTransformMatrix","defaultWheelDelta","event","defaultPinchDelta","_ref","s","lastS","Zoom","_ref2","scaleXMin","scaleXMax","scaleYMin","scaleYMax","initialTransformMatrix","wheelDelta","pinchDelta","width","height","constrain","children","containerRef","useRef","matrixStateRef","transformMatrix","setTransformMatrixState","useState","isDragging","setIsDragging","startTranslate","setStartTranslate","startPoint","setStartPoint","defaultConstrain","useCallback","newTransformMatrix","prevTransformMatrix","scaleX","scaleY","shouldConstrainScaleX","shouldConstrainScaleY","setTransformMatrix","updatedTransformMatrix","applyToPoint","_ref3","x","y","applyMatrixToPoint","applyInverseToPoint","_ref4","applyInverseMatrixToPoint","reset","scale","_ref5","maybeScaleY","point","cleanPoint","translate","nextMatrix","composeMatrices","translateMatrix","scaleMatrix","translateX","translateY","_ref6","setTranslate","_ref7","translateTo","_ref8","invert","inverseMatrix","toStringInvert","skewX","skewY","dragStart","localPoint","dragMove","options","currentPoint","dx","dy","dragEnd","handleWheel","handlePinch","state","ox","oy","memo","currentMemo","top","left","toString","center","centerPoint","inverseCentroid","clear","identityMatrix","useGesture","_ref9","_ref0","pinching","cancel","_ref1","active","_jsx","_Fragment"],"mappings":"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","x_google_ignoreList":[0]}

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.es35.js";
+import g from "./visualization.es67.js";
 const y = (m) => {
   const t = u(11), {
     children: e,