@weng-lab/visualization 2.2.2 → 2.3.1

package/dist/visualization.es65.js

@@ -1,116 +1,172 @@
-import { j as s } from "./visualization.es18.js";
-import le, { useMemo as S, useCallback as oe } from "react";
-import ce from "./visualization.es136.js";
-import { calculateBoxStats as se, scottRule as ne, silvermanRule as re, kernelDensityEstimator as me, seededRandom as he, gaussian as pe } from "./visualization.es51.js";
-import ue from "./visualization.es137.js";
-import fe from "./visualization.es28.js";
-import de from "./visualization.es57.js";
-import ie from "./visualization.es24.js";
-import xe from "./visualization.es138.js";
-import { line as ve } from "./visualization.es61.js";
-import ye from "./visualization.es43.js";
-import ke from "./visualization.es62.js";
-const Le = ({
-  distribution: t,
-  distIndex: $,
-  violinProps: l,
-  crossProps: C,
-  valueScale: h,
-  labelScale: j,
-  offset: O,
-  labels: Q,
-  disableCrossPlot: z,
-  disableViolinPlot: H,
-  horizontal: o,
-  pointTooltipBody: y,
-  onViolinClicked: b,
-  onPointClicked: A
-}) => {
-  const {
-    tooltipData: a,
-    tooltipLeft: X,
-    tooltipTop: N,
-    tooltipOpen: V,
-    showTooltip: Y,
-    hideTooltip: P
-  } = fe(), u = t.data.flatMap((e) => e.value), {
-    min: D,
-    max: w,
-    firstQuartile: T,
-    thirdQuartile: F,
-    median: E,
-    outliers: q
-  } = se(u, C?.outliers ?? "all"), _ = t.data.filter((e) => q.includes(e.value)).map((e) => ({
-    ...e,
-    outlier: !0
-  })), ee = t.data.filter((e) => !q.includes(e.value)), G = S(() => {
-    const e = (w - D) / Math.max(100, u.length), r = de(D, w, e), m = typeof l?.bandwidth == "number" ? l.bandwidth : typeof l?.bandwidth == "function" ? l.bandwidth(u) : l?.bandwidth === "scott" ? ne(u) : re(u);
-    return [...me(pe(m), r)(u)].sort((d, c) => d.value - c.value);
-  }, [u, w, D, l]), R = Math.min(j.bandwidth(), 50), te = C?.medianWidth ?? R * 0.25, W = S(() => ({
-    label: t.label,
-    sampleSize: t.data.length,
-    median: E.toFixed(2),
-    firstQuartile: T.toFixed(2),
-    thirdQuartile: F.toFixed(2)
-  }), [t.label, t.data.length, E, T, F]), M = oe((e, r, m) => {
-    Y({
-      tooltipData: m && y ? {
-        point: m
-      } : r,
-      tooltipLeft: e.pageX,
-      tooltipTop: e.pageY
-    });
-  }, [y, Y]), J = () => {
-    !b || !a || a && b(t);
-  }, L = (e) => {
-    !A || !a || a && A(e);
-  }, n = o ? (j(Q[$]) ?? 0) + R / 2 : (j(Q[$]) ?? 0) + O + j.bandwidth() / 2, K = ie().domain([0, xe(G, (e) => Math.abs(e.count)) || 1]).range([0, R / 2]), U = G.filter((e) => e && e.count != null && e.value != null);
-  let k = [...U.map((e) => ({
-    x: n + K(e.count),
-    y: h(e.value)
-  })), ...U.slice().reverse().map((e) => ({
-    x: n - K(e.count),
-    y: h(e.value)
-  }))];
-  if (k.length > 2) {
-    const e = k.slice(1);
-    e.push(k[0]), e.push(k[1]), k = e;
-  }
-  const Z = ve().x((e) => o ? e.y : e.x).y((e) => o ? e.x : e.y).curve(ke)(k) ?? null;
-  return /* @__PURE__ */ s.jsxs(le.Fragment, {
-    //display plots if enough data provided
-    children: [
-      /* @__PURE__ */ s.jsxs("g", { onMouseLeave: P, transform: o ? `translate(${O}, 0)` : "translate(0, 0)", children: [
-        t.data.length >= (l?.pointDisplayThreshold ?? 3) && !H && Z && /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsx("path", { d: Z, fill: t.violinColor ?? "none", fillOpacity: t.opacity ?? 0.3, stroke: t.violinColor ?? "black", strokeOpacity: t.opacity ?? 1, strokeWidth: a === W ? (l?.stroke ?? 1) + 1 : l?.stroke ?? 1, pointerEvents: "all", onMouseMove: (e) => M(e, W), onClick: J }) }),
-        t.data.length >= (l?.pointDisplayThreshold ?? 3) && !z && /* @__PURE__ */ s.jsx(ce, { crossProps: C, left: o ? 0 : n, top: o ? n : 0, median: E, firstQuartile: T, thirdQuartile: F, valueScale: h, medianWidth: te, tooltipData: a ?? {}, handleMouseMove: M, handleCrossClick: J, disableViolinPlot: H, tooltip: W, horizontal: o }),
-        _.map((e, r) => {
-          const m = h(e.value), g = h(e.value), f = o ? g : n, d = o ? n : m, c = {
-            outlier: !0,
-            label: t.label,
-            value: e.value.toFixed(2)
-          }, p = y ? a?.point === e : a?.label === c.label && a?.value === c.value, i = e.radius ?? 4;
-          return /* @__PURE__ */ s.jsx("circle", { cx: f, cy: d, r: p ? i + 1 : i, stroke: p ? "#000000" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "#000000", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (x) => M(x, c, e), onClick: () => L(e) }, `outlier-${r}`);
-        }),
-        t.data.length >= (l?.pointDisplayThreshold ?? 3) && l?.showAllPoints && ee.map((e, r) => {
-          const m = h(e.value), g = h(e.value), f = l?.jitter ?? 0, d = `${t.label}-${e}-${r}`, c = f > 0 ? (he(d) - 0.5) * 2 * f : 0, p = o ? g : n + c, i = o ? n + c : m, x = {
-            label: t.label,
-            value: e.value.toFixed(2)
-          }, B = y ? a?.point === e : a?.label === x.label && a?.value === x.value, I = e.radius ?? 2, v = B ? I + 1 : I;
-          return /* @__PURE__ */ s.jsx("path", { d: `M ${p},${i} m -${v},0 a ${v},${v} 0 1,0 ${2 * v},0 a ${v},${v} 0 1,0 -${2 * v},0`, stroke: B ? "black" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "black", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (ae) => M(ae, x, e), onClick: () => L(e) }, `${$}-point-${r}`);
-        }),
-        t.data.length < (l?.pointDisplayThreshold ?? 3) && t.data.map((e, r) => {
-          const m = h(e.value), g = h(e.value), f = o ? g : n, d = o ? n : m, c = e.radius ?? 2, p = {
-            label: t.label,
-            value: e.value.toFixed(2)
-          }, i = y ? a?.point === e : a?.label === p.label && a?.value === p.value;
-          return /* @__PURE__ */ s.jsx("circle", { cx: f, cy: d, r: i ? c + 1 : c, stroke: i ? "black" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "black", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (x) => M(x, p, e), onClick: () => L(e) }, `thresh-${r}`);
-        })
-      ] }, `group-${$}`),
-      V && a && /* @__PURE__ */ s.jsx(ye, { children: /* @__PURE__ */ s.jsx(ue, { left: X ?? 0, top: N ?? 0, data: a, open: V, pointTooltipBody: y }, `${X}-${N}`) })
-    ]
-  }, `frag-${$}`);
-};
+import { c as Ht } from "react/compiler-runtime";
+import { measureTextWidth as _t } from "./visualization.es20.js";
+import { getHeatmapLegendWidth as It } from "./visualization.es145.js";
+import { getHeatmapColorScale as Wt, cellKey as Nt, DEFAULT_DESELECTED_COLOR as yt } from "./visualization.es146.js";
+import { TICK_FONT_FAMILY as dt, TICK_FONT_SIZE as it } from "./visualization.es64.js";
+import ut from "./visualization.es22.js";
+const vt = 16, ft = 12, at = 40, ct = 70, pt = 1.15, Dt = 50, gt = (o) => o.rows;
+function st(o, t) {
+  return o.reduce((e, T) => {
+    const r = t(T);
+    return r == null ? e : Math.max(e, r);
+  }, 0);
+}
+function Zt(o) {
+  const t = Ht(76), {
+    data: e,
+    colorDomain: T,
+    colors: r,
+    xLabelOrientation: k,
+    margin: B,
+    showLegend: Tt,
+    isScrollable: x,
+    cellWidth: xt,
+    cellHeight: Lt,
+    parentWidth: Mt,
+    parentHeight: St,
+    showMiniMap: Ct,
+    gap: G,
+    isRect: X,
+    selectedCells: M,
+    deselectedColor: wt
+  } = o;
+  let S;
+  t[0] !== e ? (S = e.map(Gt), t[0] = e, t[1] = S) : S = t[1];
+  const C = S;
+  let w;
+  t[2] !== e[0]?.rows ? (w = e[0]?.rows.map(Bt) ?? [], t[2] = e[0]?.rows, t[3] = w) : w = t[3];
+  const E = w;
+  let b;
+  t[4] !== e ? (b = st(e, Vt), t[4] = e, t[5] = b) : b = t[5];
+  const Y = b;
+  let A;
+  t[6] !== T || t[7] !== Y ? (A = T ?? [0, Y], t[6] = T, t[7] = Y, t[8] = A) : A = t[8];
+  const [s, i] = A, l = st(e, Pt), Et = C.reduce(Kt, 0) * pt, m = E.reduce(Ft, 0) * pt, rt = Et, L = k === "horizontal" ? 12 : k === "vertical" ? rt : rt * Math.SQRT1_2, j = k === "leftDiagonal" ? L : 0;
+  let H;
+  t[9] !== r ? (H = r.join("\0"), t[9] = r, t[10] = H) : H = t[10];
+  const z = H;
+  let I;
+  t[11] !== z ? (I = z.split("\0"), t[11] = z, t[12] = I) : I = t[12];
+  const h = I, W = It(s, i), Q = Tt ? W + vt : 10, U = L + ft + ct;
+  let N;
+  t[13] !== Q || t[14] !== U || t[15] !== B || t[16] !== m ? (N = B ?? {
+    top: 20,
+    left: m + ft + at,
+    right: Q,
+    bottom: U + it
+  }, t[13] = Q, t[14] = U, t[15] = B, t[16] = m, t[17] = N) : N = t[17];
+  const a = N, bt = x && Ct ? Dt : 0, mt = Math.max(0, Mt - a.left - a.right), ht = Math.max(0, St - a.bottom - a.top - bt), c = x ? e.length * xt : mt, n = x ? l * Lt : ht, Z = x ? Math.min(c, mt) : c, $ = x ? Math.min(n, ht) : n, q = Math.max(0, a.left - at), J = Math.max(0, a.bottom - ct), u = c / e.length, f = n / l;
+  let y;
+  t[18] !== e.length || t[19] !== c ? (y = ut({
+    domain: [0, e.length],
+    range: [0, c]
+  }), t[18] = e.length, t[19] = c, t[20] = y) : y = t[20];
+  const p = y;
+  let v;
+  t[21] !== l || t[22] !== n ? (v = ut({
+    domain: [0, l],
+    range: [n, 0]
+  }), t[21] = l, t[22] = n, t[23] = v) : v = t[23];
+  const _ = v;
+  let D;
+  t[24] !== _ ? (D = (At) => _(At + 1), t[24] = _, t[25] = D) : D = t[25];
+  const d = D;
+  let O;
+  t[26] !== e ? (O = e.map(Rt), t[26] = e, t[27] = O) : O = t[27];
+  const tt = O;
+  let R;
+  t[28] !== e[0]?.rows ? (R = e[0]?.rows.map(Ot) ?? [], t[28] = e[0]?.rows, t[29] = R) : R = t[29];
+  const et = R, ot = wt ?? yt;
+  let F;
+  t[30] !== i || t[31] !== s || t[32] !== h ? (F = Wt(h, [s, i]), t[30] = i, t[31] = s, t[32] = h, t[33] = F) : F = t[33];
+  const g = F;
+  let K;
+  t[34] !== M ? (K = M?.length ? new Set(M.map(Nt)) : null, t[34] = M, t[35] = K) : K = t[35];
+  const nt = K;
+  let P;
+  t[36] !== f || t[37] !== u || t[38] !== d || t[39] !== g || t[40] !== e || t[41] !== G || t[42] !== X || t[43] !== l || t[44] !== ot || t[45] !== nt || t[46] !== p || t[47] !== n ? (P = {
+    data: e,
+    numRows: l,
+    xScale: p,
+    cellYScale: d,
+    colorScale: g,
+    gap: G,
+    isRect: X,
+    binWidth: u,
+    binHeight: f,
+    yMax: n,
+    selectedKeys: nt,
+    deselectedColor: ot
+  }, t[36] = f, t[37] = u, t[38] = d, t[39] = g, t[40] = e, t[41] = G, t[42] = X, t[43] = l, t[44] = ot, t[45] = nt, t[46] = p, t[47] = n, t[48] = P) : P = t[48];
+  const lt = P;
+  let V;
+  return t[49] !== C || t[50] !== E || t[51] !== f || t[52] !== u || t[53] !== lt || t[54] !== d || t[55] !== L || t[56] !== g || t[57] !== W || t[58] !== a || t[59] !== m || t[60] !== i || t[61] !== s || t[62] !== l || t[63] !== h || t[64] !== $ || t[65] !== Z || t[66] !== c || t[67] !== p || t[68] !== J || t[69] !== j || t[70] !== tt || t[71] !== n || t[72] !== _ || t[73] !== q || t[74] !== et ? (V = {
+    allColNames: C,
+    allRowNames: E,
+    numRows: l,
+    minValue: s,
+    maxValue: i,
+    marg: a,
+    xMax: c,
+    yMax: n,
+    viewportWidth: Z,
+    viewportHeight: $,
+    yTitleWidth: at,
+    yTickLabelWidth: q,
+    xTitleHeight: ct,
+    xTickLabelHeight: J,
+    binWidth: u,
+    binHeight: f,
+    colLabelHeight: L,
+    xTickLeftOverhangMax: j,
+    maxRowNameWidth: m,
+    legendWidth: W,
+    xScale: p,
+    yScale: _,
+    cellYScale: d,
+    xTickValues: tt,
+    yTickValues: et,
+    stableColors: h,
+    colorScale: g,
+    canvasCellParams: lt
+  }, t[49] = C, t[50] = E, t[51] = f, t[52] = u, t[53] = lt, t[54] = d, t[55] = L, t[56] = g, t[57] = W, t[58] = a, t[59] = m, t[60] = i, t[61] = s, t[62] = l, t[63] = h, t[64] = $, t[65] = Z, t[66] = c, t[67] = p, t[68] = J, t[69] = j, t[70] = tt, t[71] = n, t[72] = _, t[73] = q, t[74] = et, t[75] = V) : V = t[75], V;
+}
+function Ot(o, t) {
+  return t + 0.5;
+}
+function Rt(o, t) {
+  return t + 0.5;
+}
+function Ft(o, t) {
+  return Math.max(o, _t(t, it, dt));
+}
+function Kt(o, t) {
+  return Math.max(o, _t(t, it, dt));
+}
+function Pt(o) {
+  return gt(o).length;
+}
+function Vt(o) {
+  return st(gt(o), kt);
+}
+function kt(o) {
+  return o.count;
+}
+function Bt(o) {
+  return o.rowName;
+}
+function Gt(o) {
+  return o.columnName;
+}
 export {
-  Le as default
+  ft as AXIS_LABEL_GAP,
+  vt as LEGEND_GAP,
+  Dt as MINI_MAP_HEIGHT,
+  pt as TICK_LABEL_WIDTH_SAFETY_FACTOR,
+  ct as X_AXIS_TITLE_SPACE,
+  at as Y_AXIS_TITLE_SPACE,
+  gt as getBins,
+  st as maxOf,
+  Zt as useHeatmapLayout
 };
 //# sourceMappingURL=visualization.es65.js.map

package/dist/visualization.es65.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es65.js","sources":["../src/components/ViolinPlot/singleViolin.tsx"],"sourcesContent":["import { scaleLinear } from '@visx/scale';\nimport { max as d3max } from '@visx/vendor/d3-array';\nimport { curveBasis } from '@visx/curve';\nimport { line } from '@visx/shape';\nimport { range } from '@visx/vendor/d3-array';\nimport React, { useCallback, useMemo } from \"react\";\nimport CrossPlot from \"./crossPlot\";\nimport { calculateBoxStats, scottRule, silvermanRule, kernelDensityEstimator, gaussian, seededRandom } from \"./helpers\";\nimport { ViolinPoint, SingleViolinProps, TooltipData } from \"./types\";\nimport ViolinTooltip from \"./violinTooltip\";\nimport { Portal, useTooltip } from \"@visx/tooltip\";\n\nconst SingleViolin = <T,>({\n    distribution,\n    distIndex,\n    violinProps,\n    crossProps,\n    valueScale,\n    labelScale,\n    offset,\n    labels,\n    disableCrossPlot,\n    disableViolinPlot,\n    horizontal,\n    pointTooltipBody,\n    onViolinClicked,\n    onPointClicked\n}: SingleViolinProps<T>) => {\n\n    const {\n        tooltipData,\n        tooltipLeft,\n        tooltipTop,\n        tooltipOpen,\n        showTooltip,\n        hideTooltip,\n    } = useTooltip<TooltipData<T>>();\n\n    const data = distribution.data.flatMap(d => d.value)\n\n    //get all the stats for the box plot\n    const { min, max, firstQuartile, thirdQuartile, median, outliers } = calculateBoxStats(data, crossProps?.outliers ?? \"all\");\n\n    const outlierPoints: ViolinPoint<T>[] = distribution.data\n        .filter(d => outliers.includes(d.value))\n        .map(d => ({\n            ...d,\n            outlier: true\n        }));\n    const pointsNoOutliers: ViolinPoint<T>[] = distribution.data.filter(d => !outliers.includes(d.value))\n\n    const violinData = useMemo(() => {\n        const step = (max - min) / Math.max(100, data.length);\n        const ticks = range(min, max, step);\n\n        //bandwidth / binwidth for smoothing, based on user input\n        const bandwidth = typeof violinProps?.bandwidth === \"number\"\n            ? violinProps.bandwidth\n            : typeof violinProps?.bandwidth === \"function\"\n                ? violinProps.bandwidth(data)\n                : violinProps?.bandwidth === \"scott\"\n                    ? scottRule(data)\n                    : silvermanRule(data);\n\n        const kde = kernelDensityEstimator(gaussian(bandwidth), ticks);\n\n        const densityData = kde(data);\n\n        return [...densityData].sort((a, b) => a.value - b.value)\n    }, [data, max, min, violinProps])\n\n    const violinWidth = Math.min(labelScale.bandwidth(), 50);\n    const boxWidth = crossProps?.medianWidth ?? violinWidth * .25;\n\n    const violinTooltip: TooltipData<T> = useMemo(() => ({\n        label: distribution.label,\n        sampleSize: distribution.data.length,\n        median: median.toFixed(2),\n        firstQuartile: firstQuartile.toFixed(2),\n        thirdQuartile: thirdQuartile.toFixed(2)\n    }), [distribution.label, distribution.data.length, median, firstQuartile, thirdQuartile]);\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGPathElement>, data: TooltipData<T>, point?: ViolinPoint<T>) => {\n        showTooltip({\n            tooltipData: point && pointTooltipBody ? { point: point } : data,\n            tooltipLeft: event.pageX,\n            tooltipTop: event.pageY,\n        });\n    }, [pointTooltipBody, showTooltip]);\n\n    const handleViolinClick = () => {\n        if (!onViolinClicked || !tooltipData) return;\n\n        if (tooltipData) {\n            onViolinClicked(distribution);\n        }\n    };\n\n    const handlePointClick = (point: ViolinPoint<T>) => {\n        if (!onPointClicked || !tooltipData) return;\n\n        if (tooltipData) {\n            onPointClicked(point);\n        }\n    };\n\n    //center of each Violin\n    const violinCenter = horizontal ? (labelScale(labels[distIndex]) ?? 0) + violinWidth / 2 : (labelScale(labels[distIndex]) ?? 0) + offset + labelScale.bandwidth() / 2;\n    const widthScale = scaleLinear()\n        .domain([0, d3max(violinData, d => Math.abs(d.count)) || 1])\n        .range([0, violinWidth / 2]);\n\n    //filter out nan values if any\n    const filteredData = violinData.filter(d => d && d.count != null && d.value != null);\n\n    //mirror the data so that both sides are drawn\n    let points = [\n        ...filteredData.map(d => ({\n            x: violinCenter + (widthScale(d.count) as number),\n            y: valueScale(d.value),\n        })),\n        ...filteredData.slice().reverse().map(d => ({\n            x: violinCenter - (widthScale(d.count) as number),\n            y: valueScale(d.value),\n        }))\n    ];\n\n    // close the path at the second point instead of the first since points 0,1 are closer together\n    if (points.length > 2) {\n        const modifiedPoints = points.slice(1);\n        modifiedPoints.push(points[0]);\n        modifiedPoints.push(points[1]);\n        points = modifiedPoints;\n    }\n\n    const violinPath = line<{ x: number; y: number }>()\n        .x(d => horizontal ? d.y : d.x)\n        .y(d => horizontal ? d.x : d.y)\n        .curve(curveBasis)(points) ?? null;\n\n    return (\n        <React.Fragment key={`frag-${distIndex}`}>\n            {\n                //display plots if enough data provided\n                <g\n                    key={`group-${distIndex}`}\n                    onMouseLeave={hideTooltip}\n                    transform={horizontal ? `translate(${offset}, 0)` : `translate(0, 0)`}\n                >\n                    {distribution.data.length >= (violinProps?.pointDisplayThreshold ?? 3) && !disableViolinPlot && violinPath && (\n                        <>\n                            <path\n                                d={violinPath}\n                                fill={distribution.violinColor ?? 'none'}\n                                fillOpacity={distribution.opacity ?? 0.3}\n                                stroke={distribution.violinColor ?? 'black'}\n                                strokeOpacity={distribution.opacity ?? 1}\n                                strokeWidth={\n                                    tooltipData === violinTooltip\n                                        ? (violinProps?.stroke ?? 1) + 1\n                                        : violinProps?.stroke ?? 1\n                                }\n                                pointerEvents=\"all\"\n                                onMouseMove={(e) => handleMouseMove(e, violinTooltip)}\n                                onClick={handleViolinClick}\n                            />\n                        </>\n                    )\n                    }\n                    {distribution.data.length >= (violinProps?.pointDisplayThreshold ?? 3) && !disableCrossPlot &&\n                        <CrossPlot\n                            crossProps={crossProps}\n                            left={horizontal ? 0 : violinCenter}\n                            top={horizontal ? violinCenter : 0}\n                            median={median}\n                            firstQuartile={firstQuartile}\n                            thirdQuartile={thirdQuartile}\n                            valueScale={valueScale}\n                            medianWidth={boxWidth}\n                            tooltipData={tooltipData ?? {}}\n                            handleMouseMove={handleMouseMove}\n                            handleCrossClick={handleViolinClick}\n                            disableViolinPlot={disableViolinPlot}\n                            tooltip={violinTooltip}\n                            horizontal={horizontal}\n                        />\n                    }\n                    {/* Outliers */}\n                    {outlierPoints.map((outlier, index) => {\n                        const vertcy = valueScale(outlier.value);\n                        const horizoncx = valueScale(outlier.value)\n                        const cx = horizontal ? horizoncx : violinCenter\n                        const cy = horizontal ? violinCenter : vertcy\n\n                        const pointTooltip = {\n                            outlier: true,\n                            label: distribution.label,\n                            value: outlier.value.toFixed(2),\n                        };\n\n                        const isHighlighted = pointTooltipBody\n                            ? tooltipData?.point === outlier :\n                            tooltipData?.label === pointTooltip.label &&\n                            tooltipData?.value === pointTooltip.value;\n\n                        const radius = outlier.radius ?? 4\n\n                        return (\n                            <circle\n                                key={`outlier-${index}`}\n                                cx={cx}\n                                cy={cy}\n                                r={isHighlighted ? radius + 1 : radius}\n                                stroke={isHighlighted ? \"#000000\" : (outlier.stroke ?? \"none\")}\n                                fill={outlier.color ?? distribution.violinColor ?? \"#000000\"}\n                                opacity={outlier.opacity ?? distribution.opacity ?? 1}\n                                pointerEvents=\"all\"\n                                onMouseMove={(e) => handleMouseMove(e, pointTooltip, outlier)}\n                                onClick={() => handlePointClick(outlier)}\n                            />\n                        )\n                    })}\n                    {/* show all poionts for each distribution */}\n                    {distribution.data.length >= (violinProps?.pointDisplayThreshold ?? 3) && violinProps?.showAllPoints &&\n                        pointsNoOutliers.map((point: ViolinPoint<T>, index: number) => {\n\n                            const vertcy = valueScale(point.value);\n                            const horizoncx = valueScale(point.value)\n\n                            const jitterAmount = violinProps?.jitter ?? 0;\n                            const seed = `${distribution.label}-${point}-${index}`;\n                            const jitterX = jitterAmount > 0\n                                ? (seededRandom(seed) - 0.5) * 2 * jitterAmount\n                                : 0;\n\n                            const cx = horizontal ? horizoncx : violinCenter + jitterX;\n                            const cy = horizontal ? violinCenter + jitterX : vertcy\n\n                            const pointTooltip = {\n                                label: distribution.label,\n                                value: point.value.toFixed(2),\n                            };\n\n                            const isHighlighted = pointTooltipBody\n                                ? tooltipData?.point === point :\n                                tooltipData?.label === pointTooltip.label &&\n                                tooltipData?.value === pointTooltip.value;\n\n                            const r = point.radius ?? 2\n                            const radius = isHighlighted ? r + 1 : r;\n\n                            return (\n                                <path\n                                    key={`${distIndex}-point-${index}`}\n                                    d={`M ${cx},${cy} m -${radius},0 a ${radius},${radius} 0 1,0 ${2 * radius},0 a ${radius},${radius} 0 1,0 -${2 * radius},0`}\n                                    stroke={isHighlighted ? \"black\" : (point.stroke ?? \"none\")}\n                                    fill={point.color ?? distribution.violinColor ?? \"black\"}\n                                    opacity={point.opacity ?? distribution.opacity ?? 1}\n                                    pointerEvents=\"all\"\n                                    onMouseMove={(e) => handleMouseMove(e, pointTooltip, point)}\n                                    onClick={() => handlePointClick(point)}\n                                />\n                            );\n                        })\n                    }\n                    {/* display points if data points are less than threshold (3) */}\n                    {distribution.data.length < (violinProps?.pointDisplayThreshold ?? 3) &&\n                        distribution.data.map((point: ViolinPoint<T>, index: number) => {\n                            const vertcy = valueScale(point.value);\n                            const horizoncx = valueScale(point.value)\n                            const cx = horizontal ? horizoncx : violinCenter\n                            const cy = horizontal ? violinCenter : vertcy\n                            const radius = point.radius ?? 2;\n\n                            const pointTooltip = {\n                                label: distribution.label,\n                                value: point.value.toFixed(2),\n                            };\n\n                            const isHighlighted = pointTooltipBody\n                                ? tooltipData?.point === point :\n                                tooltipData?.label === pointTooltip.label &&\n                                tooltipData?.value === pointTooltip.value;\n\n                            return (\n                                <circle\n                                    key={`thresh-${index}`}\n                                    cx={cx}\n                                    cy={cy}\n                                    r={isHighlighted ? radius + 1 : radius}\n                                    stroke={isHighlighted ? \"black\" : (point.stroke ?? \"none\")}\n                                    fill={point.color ?? distribution.violinColor ?? \"black\"}\n                                    opacity={point.opacity ?? distribution.opacity ?? 1}\n                                    pointerEvents=\"all\"\n                                    onMouseMove={(e) => handleMouseMove(e, pointTooltip, point)}\n                                    onClick={() => handlePointClick(point)}\n                                />\n                            );\n                        })}\n\n                </g>\n            }\n            {tooltipOpen && tooltipData && (\n                <Portal>\n                    <ViolinTooltip\n                        left={tooltipLeft ?? 0}\n                        top={tooltipTop ?? 0}\n                        data={tooltipData}\n                        open={tooltipOpen}\n                        key={`${tooltipLeft}-${tooltipTop}`}\n                        pointTooltipBody={pointTooltipBody}\n                    />\n                </Portal>\n            )}\n        </React.Fragment>\n    )\n}\n\nexport default SingleViolin;"],"names":["SingleViolin","distribution","distIndex","violinProps","crossProps","valueScale","labelScale","offset","labels","disableCrossPlot","disableViolinPlot","horizontal","pointTooltipBody","onViolinClicked","onPointClicked","tooltipData","tooltipLeft","tooltipTop","tooltipOpen","showTooltip","hideTooltip","useTooltip","data","flatMap","d","value","min","max","firstQuartile","thirdQuartile","median","outliers","calculateBoxStats","outlierPoints","filter","includes","map","outlier","pointsNoOutliers","violinData","useMemo","step","Math","length","ticks","range","bandwidth","scottRule","silvermanRule","kernelDensityEstimator","gaussian","sort","a","b","violinWidth","boxWidth","medianWidth","violinTooltip","label","sampleSize","toFixed","handleMouseMove","useCallback","event","point","pageX","pageY","handleViolinClick","handlePointClick","violinCenter","widthScale","scaleLinear","domain","d3max","abs","count","filteredData","points","x","y","slice","reverse","modifiedPoints","push","violinPath","line","curve","curveBasis","jsxs","React","pointDisplayThreshold","jsx","Fragment","violinColor","opacity","stroke","e","CrossPlot","index","vertcy","horizoncx","cx","cy","pointTooltip","isHighlighted","radius","color","showAllPoints","jitterAmount","jitter","seed","jitterX","seededRandom","r","Portal","ViolinTooltip"],"mappings":"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"}
+{"version":3,"file":"visualization.es65.js","sources":["../src/components/Heatmap/heatmapLayout.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport type { ColumnDatum, HeatmapCellId } from \"./types\";\nimport type { HeatmapProps } from \"./types\";\nimport { measureTextWidth } from \"../../utility\";\nimport { getHeatmapLegendWidth } from \"./HeatmapLegend\";\nimport { DEFAULT_DESELECTED_COLOR, cellKey, getHeatmapColorScale } from \"./heatmapCellAppearance\";\nimport { type CanvasCellParams } from \"./HeatmapCanvasCells\";\nimport { TICK_FONT_SIZE, TICK_FONT_FAMILY } from \"./heatmapAxisProps\";\n\nexport const LEGEND_GAP = 16;\n// Extra breathing room between the tick labels and the axis title, beyond the space\n// reserved for the tick labels themselves.\nexport const AXIS_LABEL_GAP = 12;\n// Space reserved for the axis title itself (the \"X-Axis Label\" / \"Y-Axis Label\" text), beyond\n// the tick labels. In scrollable mode this is carved out into its own always-visible pane so\n// the title can't be scrolled out of view - see yTitleWidth/xTitleHeight in HeatmapLayout.\nexport const Y_AXIS_TITLE_SPACE = 40;\nexport const X_AXIS_TITLE_SPACE = 70;\n// Canvas's measureText and the browser's actual SVG text layout don't agree to the sub-pixel,\n// and the gap widens with string length - pad generously so long tick labels aren't clipped.\nexport const TICK_LABEL_WIDTH_SAFETY_FACTOR = 1.15;\nexport const MINI_MAP_HEIGHT = 50;\n\nexport const getBins = (d: ColumnDatum) => d.rows;\n\nexport function maxOf<Datum>(data: Datum[], value: (d: Datum) => number | null): number {\n  // Null counts are gaps in the data and don't participate in the max. reduce rather than\n  // Math.max(...spread): returns 0 (not -Infinity) for empty/all-null input, with no\n  // argument-count ceiling.\n  return data.reduce((max, datum) => {\n    const datumValue = value(datum);\n    return datumValue == null ? max : Math.max(max, datumValue);\n  }, 0);\n}\n\nexport interface HeatmapLayout {\n  allColNames: string[];\n  allRowNames: string[];\n  numRows: number;\n  minValue: number;\n  maxValue: number;\n  marg: { top: number; right: number; bottom: number; left: number };\n  xMax: number;\n  yMax: number;\n  viewportWidth: number;\n  viewportHeight: number;\n  yTitleWidth: number;\n  yTickLabelWidth: number;\n  xTitleHeight: number;\n  xTickLabelHeight: number;\n  binWidth: number;\n  binHeight: number;\n  colLabelHeight: number;\n  xTickLeftOverhangMax: number;\n  maxRowNameWidth: number;\n  legendWidth: number;\n  xScale: ScaleLinear<number, number, never>;\n  yScale: ScaleLinear<number, number, never>;\n  cellYScale: (row: number) => number;\n  xTickValues: number[];\n  yTickValues: number[];\n  stableColors: [string, string, ...string[]];\n  colorScale: (count: number) => string | undefined;\n  canvasCellParams: CanvasCellParams;\n}\n\nexport interface UseHeatmapLayoutArgs {\n  data: ColumnDatum[];\n  colorDomain?: [number, number];\n  colors: [string, string, ...string[]];\n  xLabelOrientation: NonNullable<HeatmapProps[\"xLabelOrientation\"]>;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  showLegend: boolean;\n  isScrollable: boolean;\n  cellWidth?: number;\n  cellHeight?: number;\n  parentWidth: number;\n  parentHeight: number;\n  showMiniMap: boolean;\n  gap: number;\n  isRect: boolean;\n  selectedCells?: HeatmapCellId[];\n  deselectedColor?: string;\n}\n\nexport function useHeatmapLayout({\n  data, colorDomain, colors, xLabelOrientation, margin, showLegend, isScrollable,\n  cellWidth, cellHeight, parentWidth, parentHeight, showMiniMap, gap, isRect,\n  selectedCells, deselectedColor,\n}: UseHeatmapLayoutArgs): HeatmapLayout {\n  const allColNames = useMemo(() => data.map((d) => d.columnName), [data]);\n  const allRowNames = useMemo(() => data[0]?.rows.map((r) => r.rowName) ?? [], [data]);\n  const dataMaxValue = useMemo(() => maxOf(data, (d) => maxOf(getBins(d), (r) => r.count)), [data]);\n  const [minValue, maxValue] = colorDomain ?? [0, dataMaxValue];\n  const numRows = useMemo(() => maxOf(data, (d) => getBins(d).length), [data]);\n\n  // Measured (not estimated) pixel width of the longest label, so any label - short or long,\n  // narrow or wide characters - gets exactly the room it needs rather than a per-character guess.\n  const maxColNameWidth = useMemo(\n    () => allColNames.reduce((m, name) => Math.max(m, measureTextWidth(name, TICK_FONT_SIZE, TICK_FONT_FAMILY)), 0) * TICK_LABEL_WIDTH_SAFETY_FACTOR,\n    [allColNames]\n  );\n  const maxRowNameWidth = useMemo(\n    () => allRowNames.reduce((m, name) => Math.max(m, measureTextWidth(name, TICK_FONT_SIZE, TICK_FONT_FAMILY)), 0) * TICK_LABEL_WIDTH_SAFETY_FACTOR,\n    [allRowNames]\n  );\n\n  const rotatedColNameSpace = maxColNameWidth;\n  const colLabelHeight = xLabelOrientation === \"horizontal\" ? 12 : xLabelOrientation === \"vertical\" ? rotatedColNameSpace : rotatedColNameSpace * Math.SQRT1_2;\n\n  const xTickLeftOverhangMax = xLabelOrientation === \"leftDiagonal\" ? colLabelHeight : 0;\n\n  const colorsKey = colors.join(\"\\u0000\");\n  const stableColors = useMemo(\n    () => colorsKey.split(\"\\u0000\") as [string, string, ...string[]],\n    [colorsKey]\n  );\n\n  const legendWidth = useMemo(() => getHeatmapLegendWidth(minValue, maxValue), [minValue, maxValue]);\n  const defaultRight = showLegend ? legendWidth + LEGEND_GAP : 10;\n  const defaultTop = 20;\n  const labelBottomSpace = colLabelHeight + AXIS_LABEL_GAP + X_AXIS_TITLE_SPACE;\n  const marg = margin ?? {\n    top: defaultTop,\n    left: maxRowNameWidth + AXIS_LABEL_GAP + Y_AXIS_TITLE_SPACE,\n    right: defaultRight,\n    bottom: labelBottomSpace + TICK_FONT_SIZE,\n  };\n\n  const miniMapSpace = isScrollable && showMiniMap ? MINI_MAP_HEIGHT : 0;\n  const availableWidth = Math.max(0, parentWidth - marg.left - marg.right);\n  const availableHeight = Math.max(0, parentHeight - marg.bottom - marg.top - miniMapSpace);\n\n  const xMax = isScrollable ? data.length * (cellWidth as number) : availableWidth;\n  const yMax = isScrollable ? numRows * (cellHeight as number) : availableHeight;\n  const viewportWidth = isScrollable ? Math.min(xMax, availableWidth) : xMax;\n  const viewportHeight = isScrollable ? Math.min(yMax, availableHeight) : yMax;\n\n  const yTitleWidth = Y_AXIS_TITLE_SPACE;\n  const yTickLabelWidth = Math.max(0, marg.left - yTitleWidth);\n  const xTitleHeight = X_AXIS_TITLE_SPACE;\n  const xTickLabelHeight = Math.max(0, marg.bottom - xTitleHeight);\n\n  const binWidth = xMax / data.length;\n  const binHeight = yMax / numRows;\n\n  const xScale = useMemo(\n    () => scaleLinear<number>({ domain: [0, data.length], range: [0, xMax] }),\n    [data.length, xMax]\n  );\n  const yScale = useMemo(\n    () => scaleLinear<number>({ domain: [0, numRows], range: [yMax, 0] }),\n    [numRows, yMax]\n  );\n  const cellYScale = useCallback((row: number) => yScale(row + 1), [yScale]);\n\n  const xTickValues = useMemo(() => data.map((_, i) => i + 0.5), [data]);\n  const yTickValues = useMemo(() => data[0]?.rows.map((_, i) => i + 0.5) ?? [], [data]);\n\n  const resolvedDeselectedColor = deselectedColor ?? DEFAULT_DESELECTED_COLOR;\n  const colorScale = useMemo(\n    () => getHeatmapColorScale(stableColors, [minValue, maxValue]),\n    [stableColors, minValue, maxValue]\n  );\n  const selectedKeys = useMemo(\n    () => (selectedCells?.length ? new Set(selectedCells.map(cellKey)) : null),\n    [selectedCells]\n  );\n\n  // Everything the canvas draw loop and hit-testing need to place/color a cell. Only changes when\n  // a prop that actually affects appearance/geometry changes - never on scroll or hover, so\n  // drawCanvas (and, through it, handleGridScroll) keeps a stable identity across scroll events.\n  const canvasCellParams: CanvasCellParams = useMemo(\n    () => ({\n      data, numRows, xScale, cellYScale, colorScale, gap, isRect, binWidth, binHeight,\n      yMax, selectedKeys, deselectedColor: resolvedDeselectedColor,\n    }),\n    [data, numRows, xScale, cellYScale, colorScale, gap, isRect, binWidth, binHeight, yMax, selectedKeys, resolvedDeselectedColor]\n  );\n\n  return {\n    allColNames, allRowNames, numRows, minValue, maxValue, marg, xMax, yMax,\n    viewportWidth, viewportHeight, yTitleWidth, yTickLabelWidth, xTitleHeight, xTickLabelHeight,\n    binWidth, binHeight, colLabelHeight, xTickLeftOverhangMax, maxRowNameWidth, legendWidth,\n    xScale, yScale, cellYScale, xTickValues, yTickValues, stableColors, colorScale, canvasCellParams,\n  };\n}\n"],"names":["LEGEND_GAP","AXIS_LABEL_GAP","Y_AXIS_TITLE_SPACE","X_AXIS_TITLE_SPACE","TICK_LABEL_WIDTH_SAFETY_FACTOR","MINI_MAP_HEIGHT","getBins","d","rows","maxOf","data","value","reduce","max","datum","datumValue","Math","useHeatmapLayout","t0","$","_c","colorDomain","colors","xLabelOrientation","margin","showLegend","isScrollable","cellWidth","cellHeight","parentWidth","parentHeight","showMiniMap","gap","isRect","selectedCells","deselectedColor","t1","map","_temp","allColNames","t2","_temp2","allRowNames","t3","_temp4","dataMaxValue","t4","minValue","maxValue","numRows","_temp5","maxColNameWidth","_temp6","maxRowNameWidth","_temp7","rotatedColNameSpace","colLabelHeight","SQRT1_2","xTickLeftOverhangMax","t5","join","colorsKey","t6","split","stableColors","legendWidth","getHeatmapLegendWidth","defaultRight","labelBottomSpace","t7","top","left","right","bottom","TICK_FONT_SIZE","marg","miniMapSpace","availableWidth","availableHeight","xMax","length","yMax","viewportWidth","min","viewportHeight","yTickLabelWidth","xTickLabelHeight","binWidth","binHeight","t8","scaleLinear","domain","range","xScale","t9","yScale","t10","row","cellYScale","t11","_temp8","xTickValues","t12","_temp9","yTickValues","resolvedDeselectedColor","DEFAULT_DESELECTED_COLOR","t13","getHeatmapColorScale","colorScale","t14","Set","cellKey","selectedKeys","t15","canvasCellParams","t16","yTitleWidth","xTitleHeight","__0","i_0","i","_","m_0","name_0","m","measureTextWidth","name","TICK_FONT_FAMILY","d_1","d_0","_temp3","r_0","r","count","rowName","columnName"],"mappings":"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"}

package/dist/visualization.es66.js

@@ -1,32 +1,68 @@
-import { j as e } from "./visualization.es18.js";
-import { memo as g } from "react";
-import { ControlPanel as o } from "./visualization.es139.js";
-import { ZoomSurface as c } from "./visualization.es140.js";
-import { TOTAL_INNER_DIAMETER as s } from "./visualization.es7.js";
-import d from "./visualization.es25.js";
-const j = g(function({
-  zoom: r,
-  totalWidth: i,
-  totalHeight: t,
-  children: a,
-  toggleBranchLength: n
-}) {
-  return /* @__PURE__ */ e.jsxs("div", { style: {
-    position: "relative",
-    width: i,
-    height: t
-  }, children: [
-    /* @__PURE__ */ e.jsx(o, { scaleZoom: r.scale, resetZoom: r.reset, toggleBranchLength: n }),
-    /* @__PURE__ */ e.jsxs("svg", { width: i, height: t, style: {
-      cursor: r.isDragging ? "grabbing" : "grab",
-      touchAction: "none"
-    }, viewBox: `0 0 ${s} ${s}`, preserveAspectRatio: "xMidYMid meet", ref: r.containerRef, children: [
-      /* @__PURE__ */ e.jsx(c, { dragStart: r.dragStart, dragEnd: r.dragEnd, dragMove: r.dragMove, scale: r.scale, isDragging: r.isDragging }),
-      /* @__PURE__ */ e.jsx(d, { transform: r.toString(), children: a })
-    ] })
-  ] });
-});
+import { jsxs as F, Fragment as _, jsx as s } from "react/jsx-runtime";
+import { createRoot as R } from "react-dom/client";
+import { flushSync as G } from "react-dom";
+import { LEGEND_GAP as I } from "./visualization.es65.js";
+import { yAxisTickLabelProps as P, AXIS_TITLE_FONT_SIZE as $, TICK_FONT_FAMILY as H } from "./visualization.es64.js";
+import M from "./visualization.es147.js";
+import O from "./visualization.es27.js";
+import W from "./visualization.es26.js";
+const u = "http://www.w3.org/2000/svg", b = (t, n, e, i, r) => {
+  const l = document.createElementNS(u, "text");
+  l.setAttribute("x", String(e)), l.setAttribute("y", String(i)), r && l.setAttribute("transform", `rotate(-90, ${e}, ${i})`), l.setAttribute("text-anchor", "middle"), l.setAttribute("dominant-baseline", "middle"), l.setAttribute("font-size", String($)), l.setAttribute("font-family", H), l.textContent = n, t.appendChild(l);
+}, c = (t, n, e, i) => {
+  const r = document.createElementNS(u, "g");
+  r.setAttribute("transform", `translate(${e},${i})`), n.childNodes.forEach((l) => r.appendChild(l.cloneNode(!0))), t.appendChild(r);
+};
+function j(t) {
+  const {
+    layout: n
+  } = t, {
+    marg: e,
+    xMax: i,
+    yMax: r,
+    xScale: l,
+    yScale: S,
+    cellYScale: A,
+    stableColors: y,
+    minValue: C,
+    maxValue: T,
+    binWidth: k,
+    binHeight: L,
+    numRows: w,
+    xTickValues: E,
+    yTickValues: v,
+    yTickLabelWidth: f,
+    xTickLabelHeight: h,
+    yTitleWidth: g,
+    xTitleHeight: N
+  } = n, o = document.createElementNS(u, "svg");
+  o.setAttribute("width", String(e.left + i + e.right)), o.setAttribute("height", String(e.top + r + e.bottom));
+  let d = null, m = null, p = null;
+  const V = document.createElement("div"), x = R(V);
+  return G(() => {
+    x.render(/* @__PURE__ */ F(_, { children: [
+      /* @__PURE__ */ s("svg", { width: i, height: r, ref: (a) => {
+        d = a;
+      }, children: /* @__PURE__ */ s(M, { data: t.data, xScale: l, yScale: A, colors: y, minValue: C, maxValue: T, gap: t.gap, isRect: t.isRect, binWidth: k, binHeight: L, animationType: t.animationType, onClick: t.onClick, selectedCells: t.selectedCells, deselectedColor: t.deselectedColor }) }),
+      /* @__PURE__ */ s("svg", { width: f, height: r, ref: (a) => {
+        m = a;
+      }, children: /* @__PURE__ */ s("g", { transform: `translate(${f},0)`, children: /* @__PURE__ */ s(O, { scale: S, numTicks: w, tickValues: v, tickFormat: t.yAxisTickFormat, tickLabelProps: P }) }) }),
+      /* @__PURE__ */ s("svg", { width: i, height: h, ref: (a) => {
+        p = a;
+      }, children: /* @__PURE__ */ s(W, { top: 0, scale: l, numTicks: t.data.length, tickFormat: t.xAxisTickFormat, tickValues: E, tickLabelProps: t.xAxisTickLabelProps }) })
+    ] }));
+  }), d && c(o, d, e.left, e.top), m && c(o, m, g, e.top), p && c(o, p, e.left, e.top + r), x.unmount(), t.showLegend && t.legendSvg && c(o, t.legendSvg, e.left + i + I, e.top), t.yLabel && b(o, t.yLabel, g / 2, e.top + r / 2, !0), t.xLabel && b(o, t.xLabel, e.left + i / 2, e.top + r + h + N / 2, !1), o;
+}
+function J(t, n) {
+  const e = j(t);
+  if (!e) return;
+  const i = document.createElement("div");
+  i.style.position = "absolute", i.style.top = "0", i.style.left = "-99999px", i.appendChild(e), document.body.appendChild(i), n(e, () => {
+    i.parentNode && document.body.removeChild(i);
+  });
+}
 export {
-  j as ZoomFrame
+  j as buildScrollableExportSVG,
+  J as withOffscreenExportSVG
 };
 //# sourceMappingURL=visualization.es66.js.map

package/dist/visualization.es66.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es66.js","sources":["../src/components/PhyloTree/ZoomFrame.tsx"],"sourcesContent":["import { ProvidedZoom } from \"@visx/zoom\";\nimport { memo, ReactNode, useState } from \"react\";\nimport { ZoomState } from \"./types\";\nimport { ControlPanel } from \"./ControlPanel\";\nimport { ZoomSurface } from \"./ZoomSurface\";\nimport { Group } from \"@visx/group\";\nimport { TOTAL_INNER_DIAMETER } from \"./PhyloTree\";\n\nexport type ZoomFrameProps = {\n  zoom: ProvidedZoom<SVGSVGElement> & ZoomState;\n  totalHeight: number;\n  totalWidth: number;\n  toggleBranchLength: () => void;\n  children: ReactNode\n};\n\nexport const ZoomFrame = memo(function({ zoom, totalWidth, totalHeight, children, toggleBranchLength }: ZoomFrameProps) {\n  return (\n    <div\n      style={{\n        position: \"relative\",\n        width: totalWidth,\n        height: totalHeight,\n      }}\n    >\n      <ControlPanel scaleZoom={zoom.scale} resetZoom={zoom.reset} toggleBranchLength={toggleBranchLength} />\n      <svg\n        width={totalWidth}\n        height={totalHeight}\n        style={{ cursor: zoom.isDragging ? \"grabbing\" : \"grab\", touchAction: \"none\" }}\n        viewBox={`0 0 ${TOTAL_INNER_DIAMETER} ${TOTAL_INNER_DIAMETER}`}\n        preserveAspectRatio=\"xMidYMid meet\"\n        ref={zoom.containerRef}\n      >\n        <ZoomSurface\n          dragStart={zoom.dragStart}\n          dragEnd={zoom.dragEnd}\n          dragMove={zoom.dragMove}\n          scale={zoom.scale}\n          isDragging={zoom.isDragging}\n        />\n        <Group transform={zoom.toString()}>\n          {children}\n        </Group>\n      </svg>\n    </div>\n  );\n});\n"],"names":["ZoomFrame","memo","zoom","totalWidth","totalHeight","children","toggleBranchLength","jsxs","position","width","height","jsx","ControlPanel","scale","reset","cursor","isDragging","touchAction","TOTAL_INNER_DIAMETER","containerRef","ZoomSurface","dragStart","dragEnd","dragMove","Group","toString"],"mappings":";;;;;;AAgBO,MAAMA,IAAYC,EAAK,SAAS;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,YAAAA;AAAAA,EAAYC,aAAAA;AAAAA,EAAaC,UAAAA;AAAAA,EAAUC,oBAAAA;AAAmC,GAAG;AACtH,SACEC,gBAAAA,EAAAA,KAAC,SACC,OAAO;AAAA,IACLC,UAAU;AAAA,IACVC,OAAON;AAAAA,IACPO,QAAQN;AAAAA,EAAAA,GAGV,UAAA;AAAA,IAAAO,gBAAAA,MAACC,KAAa,WAAWV,EAAKW,OAAO,WAAWX,EAAKY,OAAO,oBAAAR,GAAuC;AAAA,2BAClG,OAAA,EACC,OAAOH,GACP,QAAQC,GACR,OAAO;AAAA,MAAEW,QAAQb,EAAKc,aAAa,aAAa;AAAA,MAAQC,aAAa;AAAA,IAAA,GACrE,SAAS,OAAOC,CAAoB,IAAIA,CAAoB,IAC5D,qBAAoB,iBACpB,KAAKhB,EAAKiB,cAEV,UAAA;AAAA,MAAAR,gBAAAA,EAAAA,IAACS,GAAA,EACC,WAAWlB,EAAKmB,WAChB,SAASnB,EAAKoB,SACd,UAAUpB,EAAKqB,UACf,OAAOrB,EAAKW,OACZ,YAAYX,EAAKc,YAAW;AAAA,4BAE7BQ,GAAA,EAAM,WAAWtB,EAAKuB,SAAAA,GACpBpB,UAAAA,EAAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"visualization.es66.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, HeatmapCellId } from \"../types\";\nimport type { AnimationType } from \"../../../utility\";\nimport type { HeatmapLayout } from \"../heatmapLayout\";\nimport { LEGEND_GAP } from \"../heatmapLayout\";\nimport { AXIS_TITLE_FONT_SIZE, TICK_FONT_FAMILY, getXAxisTickLabelProps, yAxisTickLabelProps } from \"../heatmapAxisProps\";\nimport HeatmapCells, { type AnyBin } from \"../HeatmapCells\";\n\nconst SVG_NS = \"http://www.w3.org/2000/svg\";\n\ninterface ScrollableExportOptions {\n  layout: HeatmapLayout;\n  data: ColumnDatum[];\n  gap: number;\n  isRect: boolean;\n  animationType?: AnimationType;\n  onClick?: (bin: AnyBin) => void;\n  selectedCells?: HeatmapCellId[];\n  deselectedColor?: string;\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// Builds a standalone, off-DOM <svg> at full content size for export. Both the on-screen cell\n// layer (a canvas painting only the current scroll viewport) and the on-screen row/column axis\n// panes (SVGs windowed to the visible tick range) only ever hold a slice of the full grid -\n// neither can just be cloned for export without capturing an incomplete/mispositioned snapshot.\n// So all three (cells, row axis, column axis) are instead rendered fresh here in one detached\n// tree - synchronously, full grid, no windowing - purely to snapshot into the export SVG below.\nexport function buildScrollableExportSVG(o: ScrollableExportOptions): SVGSVGElement | null {\n  const { layout } = o;\n  const {\n    marg, xMax, yMax, xScale, yScale, cellYScale, stableColors, minValue, maxValue,\n    binWidth, binHeight, numRows, xTickValues, yTickValues, yTickLabelWidth, xTickLabelHeight,\n    yTitleWidth, xTitleHeight,\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  let fullCells: SVGSVGElement | null = null;\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={xMax} height={yMax} ref={(el) => { fullCells = el; }}>\n          <HeatmapCells\n            data={o.data}\n            xScale={xScale}\n            yScale={cellYScale}\n            colors={stableColors}\n            minValue={minValue}\n            maxValue={maxValue}\n            gap={o.gap}\n            isRect={o.isRect}\n            binWidth={binWidth}\n            binHeight={binHeight}\n            animationType={o.animationType}\n            onClick={o.onClick}\n            selectedCells={o.selectedCells}\n            deselectedColor={o.deselectedColor}\n          />\n        </svg>\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={yAxisTickLabelProps}\n            />\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={o.xAxisTickLabelProps}\n          />\n        </svg>\n      </>\n    );\n  });\n  if (fullCells) appendClone(exportSvg, fullCells, marg.left, marg.top);\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  // The axis titles live in their own always-visible panes on screen (so scrolling can't\n  // carry them out of view) rather than as visx's built-in centered-on-the-full-axis label,\n  // so they're added here directly instead of being cloned from a live pane.\n  if (o.yLabel) appendTitle(exportSvg, o.yLabel, yTitleWidth / 2, marg.top + yMax / 2, true);\n  if (o.xLabel) appendTitle(exportSvg, o.xLabel, marg.left + xMax / 2, marg.top + yMax + xTickLabelHeight + xTitleHeight / 2, false);\n\n  return exportSvg;\n}\n\n// downloadSVGAsPNG reads the element's layout box asynchronously (after its image loads), so\n// an off-DOM export node has to stay attached (off-screen) until onComplete fires. The\n// off-screen positioning goes on a wrapper div, never on the <svg> itself - that svg is what\n// gets serialized and downloaded, so any inline style set directly on it (e.g. `left:\n// -99999px`) would be baked into the exported file, rendering everything pushed off-canvas\n// and out of view - the exact \"blank image\" bug this replaced.\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","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","buildScrollableExportSVG","o","layout","marg","xMax","yMax","xScale","yScale","cellYScale","stableColors","minValue","maxValue","binWidth","binHeight","numRows","xTickValues","yTickValues","yTickLabelWidth","xTickLabelHeight","yTitleWidth","xTitleHeight","left","right","top","bottom","fullCells","fullRowAxis","fullColAxis","exportContainer","createElement","exportRoot","createRoot","flushSync","render","jsxs","Fragment","jsx","el","HeatmapCells","data","gap","isRect","animationType","onClick","selectedCells","deselectedColor","AxisLeft","yAxisTickFormat","yAxisTickLabelProps","AxisBottom","length","xAxisTickFormat","xAxisTickLabelProps","unmount","showLegend","legendSvg","LEGEND_GAP","yLabel","xLabel","withOffscreenExportSVG","run","svg","wrapper","style","position","body","parentNode","removeChild"],"mappings":"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"}