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

package/dist/visualization.es90.js

@@ -1,22 +1,191 @@
-import "./visualization.es137.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 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 {
-  d as pathRadialStep
+  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+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.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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"}

package/dist/visualization.es91.js

@@ -1,67 +1,123 @@
-import { useState as b, useCallback as S, useRef as A, useMemo as C, useEffect as D } from "react";
-import { debounce as O } from "./visualization.es178.js";
-const k = [], g = {
-  width: 0,
-  height: 0,
-  top: 0,
-  left: 0
+import { jsx as o, jsxs as ae } from "react/jsx-runtime";
+import { c as be } from "react/compiler-runtime";
+import ue from "./visualization.es133.js";
+import { heatmapCellStyles as ke } from "./visualization.es134.js";
+import Le from "./visualization.es124.js";
+import ne from "./visualization.es128.js";
+import { xAxisLabelProps as ce, markTickLabels as me, yAxisTickLabelProps as we, yAxisLabelProps as ye } from "./visualization.es87.js";
+import { selectionFrame as Ae, selectedCellsIn as Pe } from "./visualization.es126.js";
+import { xAxisTitleCenter as Se, LEGEND_GAP as Te, AXIS_LABEL_GAP as fe } from "./visualization.es88.js";
+import He from "./visualization.es30.js";
+import Ce from "./visualization.es31.js";
+const Ie = (K) => {
+  const e = be(108), {
+    svgRef: X,
+    layout: pe,
+    parentWidth: x,
+    parentHeight: Y,
+    data: i,
+    gap: g,
+    isRect: W,
+    animationType: B,
+    tooltipBody: G,
+    onClick: M,
+    xLabel: h,
+    yLabel: he,
+    showLegend: q,
+    renderLegend: N,
+    xAxisTickFormat: z,
+    yAxisTickFormat: J,
+    xAxisTickLabelProps: Q
+  } = K, {
+    marg: a,
+    xMax: r,
+    yMax: s,
+    xScale: t,
+    yScale: d,
+    cellYScale: b,
+    stableColors: n,
+    minValue: c,
+    maxValue: m,
+    binWidth: u,
+    binHeight: k,
+    numRows: L,
+    xTickValues: U,
+    yTickValues: Z,
+    colLabelHeight: xe,
+    maxRowNameWidth: ge,
+    legendWidth: ee,
+    highlightRange: j,
+    selectedKeys: I,
+    selectionMarks: l
+  } = pe;
+  let w, f, y, A, P, S, p, T;
+  if (e[0] !== B || e[1] !== k || e[2] !== u || e[3] !== b || e[4] !== i || e[5] !== g || e[6] !== j || e[7] !== W || e[8] !== a || e[9] !== m || e[10] !== c || e[11] !== L || e[12] !== M || e[13] !== Y || e[14] !== x || e[15] !== I || e[16] !== n || e[17] !== X || e[18] !== G || e[19] !== h || e[20] !== r || e[21] !== t || e[22] !== s) {
+    const re = I ? Ae(I, Pe(I, {
+      colStart: 0,
+      colEnd: i.length - 1,
+      rowStart: 0,
+      rowEnd: L - 1
+    }), {
+      xScale: t,
+      cellYScale: b,
+      binWidth: u,
+      binHeight: k,
+      gap: g
+    }, {
+      width: r,
+      height: s
+    }) : [];
+    let D;
+    e[31] !== a.left || e[32] !== x || e[33] !== h || e[34] !== r ? (D = h ? {
+      ...ce,
+      x: Se(h, a.left + r / 2, x) - a.left
+    } : ce, e[31] = a.left, e[32] = x, e[33] = h, e[34] = r, e[35] = D) : D = e[35], T = D, A = x, P = Y, S = X, e[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ o("style", { children: ke }), e[36] = p) : p = e[36], w = `translate(${a.left},${a.top})`, e[37] !== B || e[38] !== k || e[39] !== u || e[40] !== b || e[41] !== i || e[42] !== g || e[43] !== j || e[44] !== W || e[45] !== m || e[46] !== c || e[47] !== M || e[48] !== n || e[49] !== G || e[50] !== t ? (f = /* @__PURE__ */ o(ue, { data: i, xScale: t, yScale: b, colors: n, minValue: c, maxValue: m, gap: g, isRect: W, binWidth: u, binHeight: k, animationType: B, tooltipBody: G, onClick: M, highlightRange: j }), e[37] = B, e[38] = k, e[39] = u, e[40] = b, e[41] = i, e[42] = g, e[43] = j, e[44] = W, e[45] = m, e[46] = c, e[47] = M, e[48] = n, e[49] = G, e[50] = t, e[51] = f) : f = e[51], y = re.length > 0 && /* @__PURE__ */ o("g", { pointerEvents: "none", children: re.map(Ee) }), e[0] = B, e[1] = k, e[2] = u, e[3] = b, e[4] = i, e[5] = g, e[6] = j, e[7] = W, e[8] = a, e[9] = m, e[10] = c, e[11] = L, e[12] = M, e[13] = Y, e[14] = x, e[15] = I, e[16] = n, e[17] = X, e[18] = G, e[19] = h, e[20] = r, e[21] = t, e[22] = s, e[23] = w, e[24] = f, e[25] = y, e[26] = A, e[27] = P, e[28] = S, e[29] = p, e[30] = T;
+  } else
+    w = e[23], f = e[24], y = e[25], A = e[26], P = e[27], S = e[28], p = e[29], T = e[30];
+  const de = i.length;
+  let H;
+  e[52] !== l.columns || e[53] !== Q ? (H = me(Q, l.columns), e[52] = l.columns, e[53] = Q, e[54] = H) : H = e[54];
+  const te = h ?? "", le = xe + fe;
+  let C;
+  e[55] !== i.length || e[56] !== te || e[57] !== le || e[58] !== H || e[59] !== z || e[60] !== T || e[61] !== t || e[62] !== U || e[63] !== s ? (C = /* @__PURE__ */ o(He, { top: s, scale: t, numTicks: de, tickFormat: z, tickValues: U, tickLabelProps: H, label: te, labelOffset: le, labelProps: T }), e[55] = i.length, e[56] = te, e[57] = le, e[58] = H, e[59] = z, e[60] = T, e[61] = t, e[62] = U, e[63] = s, e[64] = C) : C = e[64];
+  let E;
+  e[65] !== l.rows ? (E = me(we, l.rows), e[65] = l.rows, e[66] = E) : E = e[66];
+  const se = he ?? "", oe = ge + fe;
+  let V;
+  e[67] !== L || e[68] !== E || e[69] !== se || e[70] !== oe || e[71] !== J || e[72] !== d || e[73] !== Z ? (V = /* @__PURE__ */ o(Ce, { scale: d, numTicks: L, tickValues: Z, tickFormat: J, tickLabelProps: E, label: se, labelOffset: oe, labelProps: ye }), e[67] = L, e[68] = E, e[69] = se, e[70] = oe, e[71] = J, e[72] = d, e[73] = Z, e[74] = V) : V = e[74];
+  const ie = `translate(0,${s})`;
+  let _;
+  e[75] !== l.columns || e[76] !== t ? (_ = /* @__PURE__ */ o(ne, { axis: "column", marked: l.columns, scale: t }), e[75] = l.columns, e[76] = t, e[77] = _) : _ = e[77];
+  let v;
+  e[78] !== ie || e[79] !== _ ? (v = /* @__PURE__ */ o("g", { transform: ie, children: _ }), e[78] = ie, e[79] = _, e[80] = v) : v = e[80];
+  let F;
+  e[81] !== l.rows || e[82] !== d ? (F = /* @__PURE__ */ o(ne, { axis: "row", marked: l.rows, scale: d }), e[81] = l.rows, e[82] = d, e[83] = F) : F = e[83];
+  let R;
+  e[84] !== ee || e[85] !== m || e[86] !== c || e[87] !== N || e[88] !== q || e[89] !== n || e[90] !== r || e[91] !== s ? (R = q && /* @__PURE__ */ o("g", { transform: `translate(${r + Te}, 0)`, children: N ? N({
+    width: ee,
+    height: s,
+    orientation: "vertical"
+  }) : /* @__PURE__ */ o(Le, { colors: n, minValue: c, maxValue: m, length: s }) }), e[84] = ee, e[85] = m, e[86] = c, e[87] = N, e[88] = q, e[89] = n, e[90] = r, e[91] = s, e[92] = R) : R = e[92];
+  let $;
+  e[93] !== w || e[94] !== C || e[95] !== V || e[96] !== v || e[97] !== f || e[98] !== F || e[99] !== R || e[100] !== y ? ($ = /* @__PURE__ */ ae("g", { transform: w, children: [
+    f,
+    y,
+    C,
+    V,
+    v,
+    F,
+    R
+  ] }), e[93] = w, e[94] = C, e[95] = V, e[96] = v, e[97] = f, e[98] = F, e[99] = R, e[100] = y, e[101] = $) : $ = e[101];
+  let O;
+  return e[102] !== $ || e[103] !== A || e[104] !== P || e[105] !== S || e[106] !== p ? (O = /* @__PURE__ */ ae("svg", { width: A, height: P, ref: S, children: [
+    p,
+    $
+  ] }), e[102] = $, e[103] = A, e[104] = P, e[105] = S, e[106] = p, e[107] = O) : O = e[107], O;
 };
-function B() {
-  let {
-    initialSize: w = g,
-    debounceTime: c = 300,
-    ignoreDimensions: i = k,
-    enableDebounceLeadingCall: l = !0,
-    resizeObserverPolyfill: u,
-    externalRef: n
-  } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  const [a, y] = b(null), z = S((e) => {
-    y(e), typeof n == "function" ? n(e) : n != null && (n.current = e);
-  }, [n]), f = A(0), [p, v] = b({
-    ...g,
-    ...w
-  }), s = C(() => {
-    const e = Array.isArray(i) ? i : [i];
-    return O((r) => {
-      v((o) => Object.keys(o).filter((t) => o[t] !== r[t]).every((t) => e.includes(t)) ? o : r);
-    }, c, {
-      leading: l
-    });
-  }, [c, l, i]);
-  return D(() => {
-    if (!a) {
-      s.cancel();
-      return;
-    }
-    const e = u || window.ResizeObserver, r = new e((o) => {
-      o.forEach((d) => {
-        const {
-          left: m,
-          top: h,
-          width: t,
-          height: R
-        } = d?.contentRect ?? {};
-        f.current = window.requestAnimationFrame(() => {
-          s({
-            width: t,
-            height: R,
-            top: h,
-            left: m
-          });
-        });
-      });
-    });
-    return r.observe(a), () => {
-      window.cancelAnimationFrame(f.current), r.disconnect(), s.cancel();
-    };
-  }, [a, s, u]), {
-    parentRef: z,
-    node: a,
-    resize: s,
-    ...p
-  };
+function Ee(K, e) {
+  return /* @__PURE__ */ o("rect", { ...K }, e);
 }
 export {
-  B as default
+  Ie as default
 };
 //# sourceMappingURL=visualization.es91.js.map

package/dist/visualization.es91.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es91.js","sources":["../../../node_modules/.pnpm/@visx+responsive@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/responsive/esm/hooks/useParentSize.js"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { debounce } from \"../utils/debounce.js\";\nconst defaultIgnoreDimensions = [];\nconst defaultInitialSize = {\n  width: 0,\n  height: 0,\n  top: 0,\n  left: 0\n};\nexport default function useParentSize() {\n  let {\n    initialSize = defaultInitialSize,\n    debounceTime = 300,\n    ignoreDimensions = defaultIgnoreDimensions,\n    enableDebounceLeadingCall = true,\n    resizeObserverPolyfill,\n    externalRef\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const [node, setNode] = useState(null);\n  const parentRef = useCallback(el => {\n    setNode(el);\n    if (typeof externalRef === 'function') {\n      externalRef(el);\n    } else if (externalRef != null) {\n      // eslint-disable-next-line no-param-reassign -- standard ref-merging pattern\n      externalRef.current = el;\n    }\n  }, [externalRef]);\n  const animationFrameID = useRef(0);\n  const [state, setState] = useState({\n    ...defaultInitialSize,\n    ...initialSize\n  });\n  const resize = useMemo(() => {\n    const normalized = Array.isArray(ignoreDimensions) ? ignoreDimensions : [ignoreDimensions];\n    return debounce(incoming => {\n      setState(existing => {\n        const stateKeys = Object.keys(existing);\n        const keysWithChanges = stateKeys.filter(key => existing[key] !== incoming[key]);\n        const shouldBail = keysWithChanges.every(key => normalized.includes(key));\n        return shouldBail ? existing : incoming;\n      });\n    }, debounceTime, {\n      leading: enableDebounceLeadingCall\n    });\n  }, [debounceTime, enableDebounceLeadingCall, ignoreDimensions]);\n  useEffect(() => {\n    if (!node) {\n      resize.cancel();\n      return;\n    }\n    const LocalResizeObserver = resizeObserverPolyfill || window.ResizeObserver;\n    const observer = new LocalResizeObserver(entries => {\n      entries.forEach(entry => {\n        const {\n          left,\n          top,\n          width,\n          height\n        } = entry?.contentRect ?? {};\n        animationFrameID.current = window.requestAnimationFrame(() => {\n          resize({\n            width,\n            height,\n            top,\n            left\n          });\n        });\n      });\n    });\n    observer.observe(node);\n    return () => {\n      window.cancelAnimationFrame(animationFrameID.current);\n      observer.disconnect();\n      resize.cancel();\n    };\n  }, [node, resize, resizeObserverPolyfill]);\n  return {\n    parentRef,\n    node,\n    resize,\n    ...state\n  };\n}"],"names":["defaultIgnoreDimensions","defaultInitialSize","useParentSize","initialSize","debounceTime","ignoreDimensions","enableDebounceLeadingCall","resizeObserverPolyfill","externalRef","node","setNode","useState","parentRef","useCallback","el","animationFrameID","useRef","state","setState","resize","useMemo","normalized","debounce","incoming","existing","key","useEffect","LocalResizeObserver","observer","entries","entry","left","top","width","height"],"mappings":";;AAEA,MAAMA,IAA0B,CAAA,GAC1BC,IAAqB;AAAA,EACzB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AACR;AACe,SAASC,IAAgB;AACtC,MAAI;AAAA,IACF,aAAAC,IAAcF;AAAA,IACd,cAAAG,IAAe;AAAA,IACf,kBAAAC,IAAmBL;AAAA,IACnB,2BAAAM,IAA4B;AAAA,IAC5B,wBAAAC;AAAA,IACA,aAAAC;AAAA,EACJ,IAAM,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI,CAAA;AACxE,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,IAAI,GAC/BC,IAAYC,EAAY,CAAAC,MAAM;AAClC,IAAAJ,EAAQI,CAAE,GACN,OAAON,KAAgB,aACzBA,EAAYM,CAAE,IACLN,KAAe,SAExBA,EAAY,UAAUM;AAAA,EAE1B,GAAG,CAACN,CAAW,CAAC,GACVO,IAAmBC,EAAO,CAAC,GAC3B,CAACC,GAAOC,CAAQ,IAAIP,EAAS;AAAA,IACjC,GAAGV;AAAA,IACH,GAAGE;AAAA,EACP,CAAG,GACKgB,IAASC,EAAQ,MAAM;AAC3B,UAAMC,IAAa,MAAM,QAAQhB,CAAgB,IAAIA,IAAmB,CAACA,CAAgB;AACzF,WAAOiB,EAAS,CAAAC,MAAY;AAC1B,MAAAL,EAAS,CAAAM,MACW,OAAO,KAAKA,CAAQ,EACJ,OAAO,CAAAC,MAAOD,EAASC,CAAG,MAAMF,EAASE,CAAG,CAAC,EAC5C,MAAM,CAAAA,MAAOJ,EAAW,SAASI,CAAG,CAAC,IACpDD,IAAWD,CAChC;AAAA,IACH,GAAGnB,GAAc;AAAA,MACf,SAASE;AAAA,IACf,CAAK;AAAA,EACH,GAAG,CAACF,GAAcE,GAA2BD,CAAgB,CAAC;AAC9D,SAAAqB,EAAU,MAAM;AACd,QAAI,CAACjB,GAAM;AACT,MAAAU,EAAO,OAAM;AACb;AAAA,IACF;AACA,UAAMQ,IAAsBpB,KAA0B,OAAO,gBACvDqB,IAAW,IAAID,EAAoB,CAAAE,MAAW;AAClD,MAAAA,EAAQ,QAAQ,CAAAC,MAAS;AACvB,cAAM;AAAA,UACJ,MAAAC;AAAA,UACA,KAAAC;AAAA,UACA,OAAAC;AAAA,UACA,QAAAC;AAAA,QACV,IAAYJ,GAAO,eAAe,CAAA;AAC1B,QAAAf,EAAiB,UAAU,OAAO,sBAAsB,MAAM;AAC5D,UAAAI,EAAO;AAAA,YACL,OAAAc;AAAA,YACA,QAAAC;AAAA,YACA,KAAAF;AAAA,YACA,MAAAD;AAAA,UACZ,CAAW;AAAA,QACH,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;AACD,WAAAH,EAAS,QAAQnB,CAAI,GACd,MAAM;AACX,aAAO,qBAAqBM,EAAiB,OAAO,GACpDa,EAAS,WAAU,GACnBT,EAAO,OAAM;AAAA,IACf;AAAA,EACF,GAAG,CAACV,GAAMU,GAAQZ,CAAsB,CAAC,GAClC;AAAA,IACL,WAAAK;AAAA,IACA,MAAAH;AAAA,IACA,QAAAU;AAAA,IACA,GAAGF;AAAA,EACP;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es91.js","sources":["../src/components/Heatmap/HeatmapStaticSvg.tsx"],"sourcesContent":["import { useMemo, type ReactElement, type ReactNode, type RefObject } from \"react\";\nimport { AxisLeft, AxisBottom } from \"@visx/axis\";\nimport type { ColumnDatum, HeatmapLegendFrame } from \"./types\";\nimport type { AnimationType } from \"../../utility\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport HeatmapCells from \"./HeatmapCells\";\nimport { heatmapCellStyles } from \"./HeatmapCell\";\nimport HeatmapLegend from \"./HeatmapLegend\";\nimport HeatmapSelectionPointers from \"./HeatmapSelectionPointers\";\nimport { xAxisLabelProps, yAxisTickLabelProps, yAxisLabelProps, markTickLabels, type getXAxisTickLabelProps } from \"./heatmapAxisProps\";\nimport { selectedCellsIn, selectionFrame } from \"./heatmapSelection\";\nimport { LEGEND_GAP, AXIS_LABEL_GAP, xAxisTitleCenter, type HeatmapLayout } from \"./heatmapLayout\";\n\nexport interface HeatmapStaticSvgProps {\n  svgRef: RefObject<SVGSVGElement | null>;\n  layout: HeatmapLayout;\n  parentWidth: number;\n  parentHeight: number;\n  data: ColumnDatum[];\n  gap: number;\n  isRect: boolean;\n  animationType?: AnimationType;\n  tooltipBody?: (bin: AnyBin) => ReactElement;\n  onClick?: (bin: AnyBin) => void;\n  xLabel?: string;\n  yLabel?: string;\n  showLegend: boolean;\n  renderLegend?: (frame: HeatmapLegendFrame) => ReactNode;\n  xAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  yAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;\n}\n\nconst HeatmapStaticSvg = ({\n  svgRef, layout, parentWidth, parentHeight, data, gap, isRect, animationType, tooltipBody,\n  onClick, xLabel, yLabel, showLegend, renderLegend,\n  xAxisTickFormat, yAxisTickFormat, xAxisTickLabelProps,\n}: HeatmapStaticSvgProps) => {\n  const {\n    marg, xMax, yMax, xScale, yScale, cellYScale, stableColors, minValue, maxValue,\n    binWidth, binHeight, numRows, xTickValues, yTickValues, colLabelHeight, maxRowNameWidth, legendWidth,\n    highlightRange, selectedKeys, selectionMarks,\n  } = layout;\n  // Every selected cell is in view on a grid this size, so the frame is worked out whole.\n  const frame = selectedKeys\n    ? selectionFrame(\n        selectedKeys,\n        selectedCellsIn(selectedKeys, { colStart: 0, colEnd: data.length - 1, rowStart: 0, rowEnd: numRows - 1 }),\n        { xScale, cellYScale, binWidth, binHeight, gap },\n        { width: xMax, height: yMax }\n      )\n    : [];\n\n  const xAxisTitleLabelProps = useMemo(\n    () =>\n      xLabel\n        ? { ...xAxisLabelProps, x: xAxisTitleCenter(xLabel, marg.left + xMax / 2, parentWidth) - marg.left }\n        : xAxisLabelProps,\n    [xLabel, marg.left, xMax, parentWidth]\n  );\n\n  return (\n    <svg width={parentWidth} height={parentHeight} ref={svgRef}>\n      {/* Inside the <svg> so cell hover styling survives the SVG/PNG download serialization */}\n      <style>{heatmapCellStyles}</style>\n      <g transform={`translate(${marg.left},${marg.top})`}>\n        <HeatmapCells\n          data={data}\n          xScale={xScale}\n          yScale={cellYScale}\n          colors={stableColors}\n          minValue={minValue}\n          maxValue={maxValue}\n          gap={gap}\n          isRect={isRect}\n          binWidth={binWidth}\n          binHeight={binHeight}\n          animationType={animationType}\n          tooltipBody={tooltipBody}\n          onClick={onClick}\n          highlightRange={highlightRange}\n        />\n        {frame.length > 0 && (\n          <g pointerEvents=\"none\">\n            {frame.map((band, i) => (\n              <rect key={i} {...band} />\n            ))}\n          </g>\n        )}\n        <AxisBottom\n          top={yMax}\n          scale={xScale}\n          numTicks={data.length}\n          tickFormat={xAxisTickFormat}\n          tickValues={xTickValues}\n          tickLabelProps={markTickLabels(xAxisTickLabelProps, selectionMarks.columns)}\n          label={xLabel ?? \"\"}\n          labelOffset={colLabelHeight + AXIS_LABEL_GAP}\n          labelProps={xAxisTitleLabelProps}\n        />\n        <AxisLeft\n          scale={yScale}\n          numTicks={numRows}\n          tickValues={yTickValues}\n          tickFormat={yAxisTickFormat}\n          tickLabelProps={markTickLabels(yAxisTickLabelProps, selectionMarks.rows)}\n          label={yLabel ?? \"\"}\n          labelOffset={maxRowNameWidth + AXIS_LABEL_GAP}\n          labelProps={yAxisLabelProps}\n        />\n        <g transform={`translate(0,${yMax})`}>\n          <HeatmapSelectionPointers axis=\"column\" marked={selectionMarks.columns} scale={xScale} />\n        </g>\n        <HeatmapSelectionPointers axis=\"row\" marked={selectionMarks.rows} scale={yScale} />\n        {showLegend && (\n          <g transform={`translate(${xMax + LEGEND_GAP}, 0)`}>\n            {renderLegend ? (\n              renderLegend({ width: legendWidth, height: yMax, orientation: \"vertical\" })\n            ) : (\n              <HeatmapLegend\n                colors={stableColors}\n                minValue={minValue}\n                maxValue={maxValue}\n                length={yMax}\n              />\n            )}\n          </g>\n        )}\n      </g>\n    </svg>\n  );\n};\n\nexport default HeatmapStaticSvg;\n"],"names":["HeatmapStaticSvg","t0","$","_c","svgRef","layout","parentWidth","parentHeight","data","gap","isRect","animationType","tooltipBody","onClick","xLabel","yLabel","showLegend","renderLegend","xAxisTickFormat","yAxisTickFormat","xAxisTickLabelProps","marg","xMax","yMax","xScale","yScale","cellYScale","stableColors","minValue","maxValue","binWidth","binHeight","numRows","xTickValues","yTickValues","colLabelHeight","maxRowNameWidth","legendWidth","highlightRange","selectedKeys","selectionMarks","t1","t2","t3","t4","t5","t6","t7","xAxisTitleLabelProps","frame","selectionFrame","selectedCellsIn","colStart","colEnd","length","rowStart","rowEnd","width","height","t8","left","xAxisLabelProps","x","xAxisTitleCenter","Symbol","for","jsx","heatmapCellStyles","top","HeatmapCells","map","_temp","t9","columns","markTickLabels","t10","t11","AXIS_LABEL_GAP","t12","AxisBottom","t13","rows","yAxisTickLabelProps","t14","t15","t16","AxisLeft","yAxisLabelProps","t17","t18","HeatmapSelectionPointers","t19","t20","t21","LEGEND_GAP","orientation","HeatmapLegend","t22","jsxs","t23","band","i"],"mappings":"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"}