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

package/dist/visualization.es125.js

@@ -1,61 +1,27 @@
-import { jsx as l, jsxs as _ } from "react/jsx-runtime";
-import { c as k } from "react/compiler-runtime";
-import { Add as y, Remove as C, SettingsBackupRestore as Z, Timeline as z } from "@mui/icons-material";
-import { Tooltip as b, IconButton as g } from "@mui/material";
-const T = (u) => {
-  const e = k(22), {
-    scaleZoom: t,
-    resetZoom: x,
-    toggleBranchLength: S
-  } = u;
-  let m;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
-    position: "absolute",
-    margin: "4px",
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "flex-start",
-    background: "rgba(255, 255, 255, 0.6)",
-    backdropFilter: "blur(2px)",
-    WebkitBackdropFilter: "blur(2px)",
-    border: "1px solid rgba(255, 255, 255, 0.3)",
-    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)"
-  }, e[0] = m) : m = e[0];
-  let o;
-  e[1] !== t ? (o = () => t({
-    scaleX: 1.2,
-    scaleY: 1.2
-  }), e[1] = t, e[2] = o) : o = e[2];
-  let a;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ l(y, { fontSize: "small" }), e[3] = a) : a = e[3];
-  let i;
-  e[4] !== o ? (i = /* @__PURE__ */ l(b, { title: "Zoom In", placement: "right", children: /* @__PURE__ */ l(g, { onClick: o, children: a }) }), e[4] = o, e[5] = i) : i = e[5];
-  let r;
-  e[6] !== t ? (r = () => t({
-    scaleX: 0.8333333333333334,
-    scaleY: 0.8333333333333334
-  }), e[6] = t, e[7] = r) : r = e[7];
-  let f;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ l(C, { fontSize: "small" }), e[8] = f) : f = e[8];
-  let n;
-  e[9] !== r ? (n = /* @__PURE__ */ l(b, { title: "Zoom Out", placement: "right", children: /* @__PURE__ */ l(g, { onClick: r, children: f }) }), e[9] = r, e[10] = n) : n = e[10];
-  let h;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ l(Z, { fontSize: "small" }), e[11] = h) : h = e[11];
-  let c;
-  e[12] !== x ? (c = /* @__PURE__ */ l(b, { title: "Reset Zoom", placement: "right", children: /* @__PURE__ */ l(g, { onClick: x, children: h }) }), e[12] = x, e[13] = c) : c = e[13];
-  let p;
-  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ l(z, { fontSize: "small" }), e[14] = p) : p = e[14];
-  let s;
-  e[15] !== S ? (s = /* @__PURE__ */ l(b, { title: "Toggle Evolutionary Distance", placement: "right", children: /* @__PURE__ */ l(g, { onClick: S, children: p }) }), e[15] = S, e[16] = s) : s = e[16];
-  let d;
-  return e[17] !== s || e[18] !== i || e[19] !== n || e[20] !== c ? (d = /* @__PURE__ */ _("div", { style: m, children: [
-    i,
-    n,
-    c,
-    s
-  ] }), e[17] = s, e[18] = i, e[19] = n, e[20] = c, e[21] = d) : d = e[21], d;
-};
+import i from "./visualization.es26.js";
+const u = 0.12, r = "none";
+function o(e, l) {
+  const [n, a] = l;
+  return i({
+    range: e,
+    domain: e.map((c, t) => n + t * (a - n) / (e.length - 1)),
+    // Held at the end colors rather than extrapolated past them, which interpolates the RGB channels
+    // out of range into colors that aren't on the gradient at all.
+    clamp: !0
+  });
+}
+const p = (e, l) => !!l && e != null && (e < l[0] || e > l[1]);
+function s(e, l, n = !1) {
+  const a = e == null;
+  return {
+    fill: a || l === void 0 ? r : l,
+    fillOpacity: a ? 0 : n ? u : 1
+  };
+}
 export {
-  T as ControlPanel
+  u as DIMMED_OPACITY,
+  o as getHeatmapColorScale,
+  p as isOutsideRange,
+  s as resolveCellAppearance
 };
 //# sourceMappingURL=visualization.es125.js.map

package/dist/visualization.es125.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es125.js","sources":["../src/components/PhyloTree/ControlPanel.tsx"],"sourcesContent":["import { Add, Remove, SettingsBackupRestore, Timeline } from \"@mui/icons-material\";\nimport { Tooltip, IconButton } from \"@mui/material\";\nimport { ProvidedZoom } from \"@visx/zoom\";\n\nexport type ControlPanelProps = {\n  scaleZoom: ProvidedZoom<SVGSVGElement>[\"scale\"]\n  resetZoom: ProvidedZoom<SVGSVGElement>[\"reset\"]\n  toggleBranchLength: () => void\n}\n\nexport const ControlPanel = ({scaleZoom, resetZoom, toggleBranchLength}: ControlPanelProps) => {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        margin: \"4px\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"flex-start\",\n        background: \"rgba(255, 255, 255, 0.6)\",\n        backdropFilter: \"blur(2px)\",\n        WebkitBackdropFilter: \"blur(2px)\", // Safari support\n        border: \"1px solid rgba(255, 255, 255, 0.3)\",\n        boxShadow: \"0 2px 8px rgba(0, 0, 0, 0.1)\",\n      }}\n    >\n      <Tooltip title=\"Zoom In\" placement=\"right\">\n        <IconButton onClick={() => scaleZoom({ scaleX: 1.2, scaleY: 1.2 })}>\n          <Add fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Zoom Out\" placement=\"right\">\n        <IconButton onClick={() => scaleZoom({ scaleX: 1 / 1.2, scaleY: 1 / 1.2 })}>\n          <Remove fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Reset Zoom\" placement=\"right\">\n        <IconButton onClick={resetZoom}>\n          <SettingsBackupRestore fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Toggle Evolutionary Distance\" placement=\"right\">\n        <IconButton onClick={toggleBranchLength}>\n          <Timeline fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n}"],"names":["ControlPanel","t0","$","_c","scaleZoom","resetZoom","toggleBranchLength","t1","Symbol","for","position","margin","display","flexDirection","alignItems","background","backdropFilter","WebkitBackdropFilter","border","boxShadow","t2","scaleX","scaleY","t3","Add","t4","jsx","Tooltip","IconButton","t5","t6","Remove","t7","t8","SettingsBackupRestore","t9","t10","Timeline","t11","t12","jsxs"],"mappings":"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"}
+{"version":3,"file":"visualization.es125.js","sources":["../src/components/Heatmap/heatmapCellAppearance.ts"],"sourcesContent":["import { scaleLinear } from \"@visx/scale\";\n\n/** A cell outside highlightRange: faint enough that the cells inside it carry the grid. */\nexport const DIMMED_OPACITY = 0.12;\nconst NULL_VALUE_COLOR = \"none\";\n\nexport function getHeatmapColorScale(colors: [string, string, ...string[]], domain: [number, number]) {\n  const [minValue, maxValue] = domain;\n  return scaleLinear<string>({\n    range: colors,\n    domain: colors.map((_, i) => minValue + (i * (maxValue - minValue)) / (colors.length - 1)),\n    // Held at the end colors rather than extrapolated past them, which interpolates the RGB channels\n    // out of range into colors that aren't on the gradient at all.\n    clamp: true,\n  });\n}\n\n/** Whether a count falls outside highlightRange, and so fades. Nothing fades without a range. */\nexport const isOutsideRange = (count: number | null | undefined, range: [number, number] | null | undefined) =>\n  !!range && count != null && (count < range[0] || count > range[1]);\n\n/**\n * A cell's fill, shared by the SVG and canvas renderers so they can't drift apart. Selection isn't\n * part of it: selected cells are framed instead (see heatmapSelection.ts).\n */\nexport function resolveCellAppearance(\n  count: number | null | undefined,\n  color: string | undefined,\n  isDimmed = false\n): { fill: string; fillOpacity: number } {\n  const isNullValue = count == null;\n  return {\n    fill: isNullValue || color === undefined ? NULL_VALUE_COLOR : color,\n    fillOpacity: isNullValue ? 0 : isDimmed ? DIMMED_OPACITY : 1,\n  };\n}\n"],"names":["DIMMED_OPACITY","NULL_VALUE_COLOR","getHeatmapColorScale","colors","domain","minValue","maxValue","scaleLinear","range","map","_","i","length","clamp","isOutsideRange","count","resolveCellAppearance","color","isDimmed","isNullValue","fill","undefined","fillOpacity"],"mappings":";AAGO,MAAMA,IAAiB,MACxBC,IAAmB;AAElB,SAASC,EAAqBC,GAAuCC,GAA0B;AACpG,QAAM,CAACC,GAAUC,CAAQ,IAAIF;AAC7B,SAAOG,EAAoB;AAAA,IACzBC,OAAOL;AAAAA,IACPC,QAAQD,EAAOM,IAAI,CAACC,GAAGC,MAAMN,IAAYM,KAAKL,IAAWD,MAAcF,EAAOS,SAAS,EAAE;AAAA;AAAA;AAAA,IAGzFC,OAAO;AAAA,EAAA,CACR;AACH;AAGO,MAAMC,IAAiBA,CAACC,GAAkCP,MAC/D,CAAC,CAACA,KAASO,KAAS,SAASA,IAAQP,EAAM,CAAC,KAAKO,IAAQP,EAAM,CAAC;AAM3D,SAASQ,EACdD,GACAE,GACAC,IAAW,IAC4B;AACvC,QAAMC,IAAcJ,KAAS;AAC7B,SAAO;AAAA,IACLK,MAAMD,KAAeF,MAAUI,SAAYpB,IAAmBgB;AAAAA,IAC9DK,aAAaH,IAAc,IAAID,IAAWlB,IAAiB;AAAA,EAAA;AAE/D;"}

package/dist/visualization.es126.js

@@ -1,35 +1,87 @@
-import { jsx as u } from "react/jsx-runtime";
-import { c as p } from "react/compiler-runtime";
-import { memo as g } from "react";
-import M from "./visualization.es62.js";
-const D = g((a) => {
-  const o = p(11), {
-    dragStart: r,
-    dragMove: s,
-    dragEnd: e,
-    scale: c,
-    isDragging: l
-  } = a;
-  let t;
-  o[0] !== e || o[1] !== l ? (t = () => {
-    l && e();
-  }, o[0] = e, o[1] = l, o[2] = t) : t = o[2];
-  let n;
-  o[3] !== c ? (n = (m) => {
-    const f = M(m) || {
-      x: 0,
-      y: 0
-    };
-    c({
-      scaleX: 1.5,
-      scaleY: 1.5,
-      point: f
+const d = "#1a1c1e", C = "#ffffff";
+const x = (n) => `${n.row}-${n.column}`, y = (n) => {
+  const [f, r] = n.split("-").map(Number);
+  return {
+    row: f,
+    column: r
+  };
+};
+function* $(n, {
+  colStart: f,
+  colEnd: r,
+  rowStart: i,
+  rowEnd: H
+}) {
+  if ((r - f + 1) * (H - i + 1) <= n.size) {
+    for (let t = f; t <= r; t++) for (let o = i; o <= H; o++) n.has(x({
+      row: o,
+      column: t
+    })) && (yield {
+      row: o,
+      column: t
     });
-  }, o[3] = c, o[4] = n) : n = o[4];
-  let i;
-  return o[5] !== e || o[6] !== s || o[7] !== r || o[8] !== t || o[9] !== n ? (i = /* @__PURE__ */ u("rect", { width: "100%", height: "100%", fill: "transparent", onTouchStart: r, onTouchMove: s, onTouchEnd: e, onMouseDown: r, onMouseMove: s, onMouseUp: e, onMouseLeave: t, onDoubleClick: n }), o[5] = e, o[6] = s, o[7] = r, o[8] = t, o[9] = n, o[10] = i) : i = o[10], i;
-});
+    return;
+  }
+  for (const t of n) {
+    const o = y(t);
+    o.column >= f && o.column <= r && o.row >= i && o.row <= H && (yield o);
+  }
+}
+function v(n, f, r, i) {
+  const {
+    xScale: H,
+    cellYScale: t,
+    binWidth: o,
+    binHeight: E,
+    gap: e
+  } = r, c = (s, l) => n.has(x({
+    row: s,
+    column: l
+  })), u = [], R = [], _ = (s, l, A, a, M, m) => s.push({
+    x: A,
+    y: a,
+    width: M,
+    height: m,
+    fill: l
+  });
+  for (const {
+    row: s,
+    column: l
+  } of f) {
+    if (!c(s, l)) continue;
+    const A = H(l), a = A + o - e, M = t(s) + e, m = t(s) + E, I = A - 2 < 0 ? A + 2 : A, O = a + 2 > i.width ? a - 2 : a, T = M - 2 < 0 ? M + 2 : M, h = m + 2 > i.height ? m - 2 : m, w = c(s + 1, l), S = c(s - 1, l), F = c(s, l - 1), N = c(s, l + 1), D = (k) => k ? e : 2, W = (k) => k ? e : 0, p = [I - D(F), O - I + D(F) + D(N)], L = [T - D(w), h - T + D(w) + D(S)], g = [I - W(F), O - I + W(F) + W(N)], b = [T - W(w), h - T + W(w) + W(S)];
+    w || (_(u, d, p[0], T - 2, p[1], 2), _(R, C, g[0], T, g[1], 1)), S || (_(u, d, p[0], h, p[1], 2), _(R, C, g[0], h - 1, g[1], 1)), F || (_(u, d, I - 2, L[0], 2, L[1]), _(R, C, I, b[0], 1, b[1])), N || (_(u, d, O, L[0], 2, L[1]), _(R, C, O - 1, b[0], 1, b[1]));
+  }
+  return [...u, ...R];
+}
+const z = {
+  columns: /* @__PURE__ */ new Set(),
+  rows: /* @__PURE__ */ new Set()
+};
+function B(n, f, r) {
+  if (!n?.size) return z;
+  const i = [...n].map(y), H = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
+  for (const {
+    row: e,
+    column: c
+  } of i)
+    H.set(c, (H.get(c) ?? 0) + 1), t.set(e, (t.get(e) ?? 0) + 1);
+  const o = /* @__PURE__ */ new Set(), E = /* @__PURE__ */ new Set();
+  for (const {
+    row: e,
+    column: c
+  } of i)
+    (t.get(e) ?? 0) < f && o.add(c), (H.get(c) ?? 0) < r && E.add(e);
+  return {
+    columns: o,
+    rows: E
+  };
+}
 export {
-  D as ZoomSurface
+  d as SELECTION_COLOR,
+  x as cellKey,
+  $ as selectedCellsIn,
+  v as selectionFrame,
+  B as selectionMarks
 };
 //# sourceMappingURL=visualization.es126.js.map

package/dist/visualization.es126.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es126.js","sources":["../src/components/PhyloTree/ZoomSurface.tsx"],"sourcesContent":["import { localPoint } from \"@visx/event\";\nimport { memo } from \"react\";\n\ntype ZoomSurfaceProps = {\n  dragStart: (event: React.TouchEvent | React.MouseEvent) => void;\n  dragMove: (event: React.TouchEvent | React.MouseEvent) => void;\n  dragEnd: () => void;\n  scale: (args: { scaleX: number; scaleY: number; point?: { x: number; y: number } }) => void;\n  isDragging: boolean;\n};\n\n\n/**\n * rect which catches and handles zoom events\n */\n\nexport const ZoomSurface = memo(\n  ({ dragStart, dragMove, dragEnd, scale, isDragging }: ZoomSurfaceProps) => {\n    return (\n      <rect\n        width=\"100%\"\n        height=\"100%\"\n        fill=\"transparent\"\n        onTouchStart={dragStart}\n        onTouchMove={dragMove}\n        onTouchEnd={dragEnd}\n        onMouseDown={dragStart}\n        onMouseMove={dragMove}\n        onMouseUp={dragEnd}\n        onMouseLeave={() => {\n          if (isDragging) dragEnd();\n        }}\n        onDoubleClick={(event) => {\n          const point = localPoint(event) || { x: 0, y: 0 };\n          scale({ scaleX: 1.5, scaleY: 1.5, point });\n        }}\n      />\n    );\n  }\n);"],"names":["ZoomSurface","memo","t0","$","_c","dragStart","dragMove","dragEnd","scale","isDragging","t1","t2","event","point","localPoint","x","y","scaleX","scaleY","t3","jsx"],"mappings":";;;;AAgBO,MAAMA,IAAcC,EACzBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,WAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAAAP;AAAqE,MAAAQ;AAAA,EAAAP,EAAA,CAAA,MAAAI,KAAAJ,SAAAM,KAYlDC,IAAAA,MAAA;AACZ,IAAID,KAAYF,EAAAA;AAAAA,EAAU,GAC3BJ,OAAAI,GAAAJ,OAAAM,GAAAN,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAQ;AAAA,EAAAR,SAAAK,KACcG,IAAAC,CAAAA,MAAA;AACb,UAAAC,IAAcC,EAAWF,CAAuB,KAAlC;AAAA,MAAAG,GAA0B;AAAA,MAACC,GAAK;AAAA,IAAA;AAC9CR,IAAAA,EAAM;AAAA,MAAAS,QAAU;AAAA,MAAGC,QAAU;AAAA,MAAGL,OAAAA;AAAAA,IAAAA,CAAS;AAAA,EAAC,GAC3CV,OAAAK,GAAAL,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAgB;AAAA,SAAAhB,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAO,KAAAP,SAAAQ,KAhBHQ,IAAA,gBAAAC,EAAA,UACQ,OAAA,QACC,QAAA,QACF,MAAA,eACSf,cAAAA,GACDC,aAAAA,GACDC,YAAAA,GACCF,aAAAA,GACAC,aAAAA,GACFC,WAAAA,GACG,cAAAG,GAGC,eAAAC,EAAAA,CAGd,GACDR,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAE,GAAAF,OAAAO,GAAAP,OAAAQ,GAAAR,QAAAgB,KAAAA,IAAAhB,EAAA,EAAA,GAjBFgB;AAiBE,CAGR;"}
+{"version":3,"file":"visualization.es126.js","sources":["../src/components/Heatmap/heatmapSelection.ts"],"sourcesContent":["/**\n * How a selection shows: a frame around the selected cells, and marks on the axes and minimap for\n * the columns and rows holding them. Cells keep their own colors, so the rest of the grid can\n * still be read for what to select next.\n */\n\nimport type { HeatmapCellId } from \"./types\";\n\n/** The frame's dark line, and the white one just inside it that holds it against a dark cell. */\nexport const SELECTION_COLOR = \"#1a1c1e\";\nconst HALO_COLOR = \"#ffffff\";\n/** Laid outside the selected cells: at the default gap of 2 it fills the gap and covers no cell. */\nconst FRAME_WIDTH = 2;\nconst HALO_WIDTH = 1;\n\nexport type SelectionBand = { x: number; y: number; width: number; height: number; fill: string };\n\ntype FrameGeometry = {\n  xScale: (column: number) => number;\n  cellYScale: (row: number) => number;\n  binWidth: number;\n  binHeight: number;\n  gap: number;\n};\n\ntype GridBounds = { width: number; height: number };\n\nexport const cellKey = (cell: HeatmapCellId) => `${cell.row}-${cell.column}`;\n\nconst parseKey = (key: string): HeatmapCellId => {\n  const [row, column] = key.split(\"-\").map(Number);\n  return { row, column };\n};\n\n/** The selected cells within a block, walking whichever of the block and the selection is smaller. */\nexport function* selectedCellsIn(\n  selectedKeys: Set<string>,\n  { colStart, colEnd, rowStart, rowEnd }: { colStart: number; colEnd: number; rowStart: number; rowEnd: number }\n): Generator<HeatmapCellId> {\n  if ((colEnd - colStart + 1) * (rowEnd - rowStart + 1) <= selectedKeys.size) {\n    for (let column = colStart; column <= colEnd; column++)\n      for (let row = rowStart; row <= rowEnd; row++) if (selectedKeys.has(cellKey({ row, column }))) yield { row, column };\n    return;\n  }\n  for (const key of selectedKeys) {\n    const cell = parseKey(key);\n    if (cell.column >= colStart && cell.column <= colEnd && cell.row >= rowStart && cell.row <= rowEnd) yield cell;\n  }\n}\n\n/**\n * The frame around the selected cells among `cells`, as rectangles to fill in order: a dark band\n * outside each edge not shared with another selected cell, then a white line just inside it.\n * Adjacent selected cells share one frame, so a selected column is one tall box.\n */\nexport function selectionFrame(\n  selectedKeys: Set<string>,\n  cells: Iterable<HeatmapCellId>,\n  geometry: FrameGeometry,\n  bounds: GridBounds\n): SelectionBand[] {\n  const { xScale, cellYScale, binWidth, binHeight, gap } = geometry;\n  const isSelected = (row: number, column: number) => selectedKeys.has(cellKey({ row, column }));\n  const dark: SelectionBand[] = [];\n  const halo: SelectionBand[] = [];\n  const band = (into: SelectionBand[], fill: string, x: number, y: number, width: number, height: number) =>\n    into.push({ x, y, width, height, fill });\n\n  for (const { row, column } of cells) {\n    if (!isSelected(row, column)) continue;\n    // The cell as drawn, with its gap to its right and above it (see getCellGeometry).\n    const cellLeft = xScale(column);\n    const cellRight = cellLeft + binWidth - gap;\n    const cellTop = cellYScale(row) + gap;\n    const cellBottom = cellYScale(row) + binHeight;\n    // The cell, pulled in wherever the line outside it would fall past the grid's edge.\n    const left = cellLeft - FRAME_WIDTH < 0 ? cellLeft + FRAME_WIDTH : cellLeft;\n    const right = cellRight + FRAME_WIDTH > bounds.width ? cellRight - FRAME_WIDTH : cellRight;\n    const top = cellTop - FRAME_WIDTH < 0 ? cellTop + FRAME_WIDTH : cellTop;\n    const bottom = cellBottom + FRAME_WIDTH > bounds.height ? cellBottom - FRAME_WIDTH : cellBottom;\n    // Row 0 is at the bottom of the grid, so the row above is row + 1.\n    const above = isSelected(row + 1, column);\n    const below = isSelected(row - 1, column);\n    const before = isSelected(row, column - 1);\n    const after = isSelected(row, column + 1);\n    // How far an edge's line runs past the box: across the gap to a selected neighbor, or round\n    // the corner where there is none.\n    const reach = (selected: boolean) => (selected ? gap : FRAME_WIDTH);\n    const bridge = (selected: boolean) => (selected ? gap : 0);\n    const across = [left - reach(before), right - left + reach(before) + reach(after)] as const;\n    const down = [top - reach(above), bottom - top + reach(above) + reach(below)] as const;\n    const haloAcross = [left - bridge(before), right - left + bridge(before) + bridge(after)] as const;\n    const haloDown = [top - bridge(above), bottom - top + bridge(above) + bridge(below)] as const;\n\n    if (!above) {\n      band(dark, SELECTION_COLOR, across[0], top - FRAME_WIDTH, across[1], FRAME_WIDTH);\n      band(halo, HALO_COLOR, haloAcross[0], top, haloAcross[1], HALO_WIDTH);\n    }\n    if (!below) {\n      band(dark, SELECTION_COLOR, across[0], bottom, across[1], FRAME_WIDTH);\n      band(halo, HALO_COLOR, haloAcross[0], bottom - HALO_WIDTH, haloAcross[1], HALO_WIDTH);\n    }\n    if (!before) {\n      band(dark, SELECTION_COLOR, left - FRAME_WIDTH, down[0], FRAME_WIDTH, down[1]);\n      band(halo, HALO_COLOR, left, haloDown[0], HALO_WIDTH, haloDown[1]);\n    }\n    if (!after) {\n      band(dark, SELECTION_COLOR, right, down[0], FRAME_WIDTH, down[1]);\n      band(halo, HALO_COLOR, right - HALO_WIDTH, haloDown[0], HALO_WIDTH, haloDown[1]);\n    }\n  }\n  return [...dark, ...halo];\n}\n\n/** The columns and rows the axes and minimap mark as holding the selection. */\nexport type SelectionMarks = { columns: Set<number>; rows: Set<number> };\n\nconst NO_SELECTION_MARKS: SelectionMarks = { columns: new Set(), rows: new Set() };\n\n/**\n * Which columns and rows to mark. A column is marked for a selected cell whose row isn't fully\n * selected, and a row for one whose column isn't: a whole selected column marks only its column,\n * and a single cell marks both.\n */\nexport function selectionMarks(selectedKeys: Set<string> | null, numColumns: number, numRows: number): SelectionMarks {\n  if (!selectedKeys?.size) return NO_SELECTION_MARKS;\n  const cells = [...selectedKeys].map(parseKey);\n  const perColumn = new Map<number, number>();\n  const perRow = new Map<number, number>();\n  for (const { row, column } of cells) {\n    perColumn.set(column, (perColumn.get(column) ?? 0) + 1);\n    perRow.set(row, (perRow.get(row) ?? 0) + 1);\n  }\n  const columns = new Set<number>();\n  const rows = new Set<number>();\n  for (const { row, column } of cells) {\n    if ((perRow.get(row) ?? 0) < numColumns) columns.add(column);\n    if ((perColumn.get(column) ?? 0) < numRows) rows.add(row);\n  }\n  return { columns, rows };\n}\n"],"names":["SELECTION_COLOR","HALO_COLOR","cellKey","cell","row","column","parseKey","key","split","map","Number","selectedCellsIn","selectedKeys","colStart","colEnd","rowStart","rowEnd","size","has","selectionFrame","cells","geometry","bounds","xScale","cellYScale","binWidth","binHeight","gap","isSelected","dark","halo","band","into","fill","x","y","width","height","push","cellLeft","cellRight","cellTop","cellBottom","left","FRAME_WIDTH","right","top","bottom","above","below","before","after","reach","selected","bridge","across","down","haloAcross","haloDown","HALO_WIDTH","NO_SELECTION_MARKS","columns","Set","rows","selectionMarks","numColumns","numRows","perColumn","Map","perRow","set","get","add"],"mappings":"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"}

package/dist/visualization.es127.js

@@ -1,21 +1,226 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useBranchLengthTransition as m } from "./visualization.es7.js";
-import { memo as a } from "react";
-import { motion as s } from "./visualization.es34.js";
-const c = a(function({
-  scaledLinkPath: o,
-  baseLinkPath: n,
-  color: r,
-  strokeWidth: i,
-  useBranchLengths: t
-}) {
-  return /* @__PURE__ */ e(s.path, { stroke: r, strokeWidth: i, fill: "none", initial: !1, strokeLinecap: "round", strokeLinejoin: "round", animate: {
-    d: t ? o : n
-  }, transition: {
-    d: m
-  } });
-});
+import { isOutsideRange as z, resolveCellAppearance as tt, DIMMED_OPACITY as nt } from "./visualization.es125.js";
+import { selectionFrame as ot, selectedCellsIn as et } from "./visualization.es126.js";
+const H = (t, n, o) => Math.min(Math.max(t, n), o);
+function Q(t, n, o) {
+  const {
+    xScale: l,
+    cellYScale: i,
+    gap: c,
+    isRect: e,
+    binWidth: a,
+    binHeight: u
+  } = t;
+  if (e)
+    return {
+      isRect: !0,
+      x: l(n),
+      y: i(o) + c,
+      width: a - c,
+      height: u - c
+    };
+  const r = Math.min(a, u) / 2;
+  return {
+    isRect: !1,
+    cx: n * a + a / 2,
+    cy: i(o) + c + r,
+    r: r - c,
+    radius: r
+  };
+}
+function ut(t, n, o, l, i, c) {
+  const {
+    data: e,
+    numRows: a,
+    binWidth: u,
+    binHeight: r,
+    yMax: h
+  } = t;
+  return {
+    colStart: H(Math.floor(n / u) - c, 0, Math.max(0, e.length - 1)),
+    colEnd: H(Math.ceil((n + l) / u) + c, 0, Math.max(0, e.length - 1)),
+    rowStart: H(Math.floor((h - (o + i)) / r) - c, 0, Math.max(0, a - 1)),
+    rowEnd: H(Math.floor((h - o) / r) + c, 0, Math.max(0, a - 1))
+  };
+}
+function ht(t, n, o, l) {
+  const {
+    data: i,
+    colorScale: c,
+    selectedKeys: e,
+    highlightRange: a
+  } = n;
+  let u = null, r = -1;
+  for (let h = o.colStart; h <= o.colEnd; h++) {
+    const y = i[h];
+    if (y)
+      for (let g = o.rowStart; g <= o.rowEnd; g++) {
+        const b = y.rows[g];
+        if (!b) continue;
+        const d = b.count, f = d == null ? void 0 : c(d), p = z(d, a), {
+          fill: E,
+          fillOpacity: R
+        } = tt(d, f, p);
+        if (R <= 0) continue;
+        const s = Q(n, h, g);
+        R !== r && (t.globalAlpha = R, r = R), E !== u && (t.fillStyle = E, u = E);
+        const w = l !== null && l.row === g && l.column === h;
+        if (s.isRect) {
+          const x = Math.max(s.width, 0), m = Math.max(s.height, 0);
+          t.fillRect(s.x, s.y, x, m), w && (t.beginPath(), t.rect(s.x, s.y, x, m));
+        } else
+          t.beginPath(), t.arc(s.cx, s.cy, Math.max(s.r, 0), 0, Math.PI * 2), t.fill();
+        w && (t.globalAlpha = 1, r = 1, t.lineWidth = 2, t.strokeStyle = E, t.stroke());
+      }
+  }
+  if (t.globalAlpha = 1, e) {
+    const h = {
+      colStart: o.colStart - 1,
+      colEnd: o.colEnd + 1,
+      rowStart: o.rowStart - 1,
+      rowEnd: o.rowEnd + 1
+    }, y = {
+      width: i.length * n.binWidth,
+      height: n.yMax
+    };
+    for (const {
+      x: g,
+      y: b,
+      width: d,
+      height: f,
+      fill: p
+    } of ot(e, et(e, h), n, y))
+      t.fillStyle = p, t.fillRect(g, b, d, f);
+  }
+}
+const V = 256;
+let S = null;
+function lt(t) {
+  if (S ??= document.createElement("canvas").getContext("2d", {
+    willReadFrequently: !0
+  }), !S) return [0, 0, 0];
+  S.clearRect(0, 0, 1, 1), S.fillStyle = "#000", S.fillStyle = t, S.fillRect(0, 0, 1, 1);
+  const [n, o, l] = S.getImageData(0, 0, 1, 1).data;
+  return [n, o, l];
+}
+const j = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap();
+function ct(t) {
+  const n = j.get(t.colorScale);
+  if (n) return n;
+  const {
+    colorScale: o,
+    minValue: l,
+    maxValue: i
+  } = t, c = new Uint8ClampedArray(V * 3);
+  for (let e = 0; e < V; e++) {
+    const [a, u, r] = lt(o(l + (i - l) * e / (V - 1)) ?? "#000");
+    c.set([a, u, r], e * 3);
+  }
+  return j.set(t.colorScale, c), c;
+}
+function it(t, n) {
+  const o = J.get(t);
+  if (o && o.length === t.length * n) return o;
+  const l = new Float64Array(t.length * n).fill(NaN);
+  return t.forEach((i, c) => i.rows.forEach((e, a) => {
+    a < n && e.count != null && (l[c * n + a] = e.count);
+  })), J.set(t, l), l;
+}
+function at(t, n, o) {
+  const {
+    data: l,
+    numRows: i,
+    highlightRange: c,
+    minValue: e,
+    maxValue: a
+  } = t, u = l.length;
+  if (u === 0 || i === 0 || n < 1 || o < 1) return null;
+  const r = ct(t), h = it(l, i), y = a - e, [g, b] = c ?? [-1 / 0, 1 / 0], d = new ImageData(n, o), f = d.data, p = (s, w) => Array.from({
+    length: w
+  }, (x, m) => {
+    const A = Math.min(Math.floor(m * s / w), s - 1);
+    return [A, Math.max(A + 1, Math.floor((m + 1) * s / w))];
+  }), E = p(u, n), R = p(i, o);
+  for (let s = 0; s < o; s++) {
+    const [w, x] = R[s];
+    for (let m = 0; m < n; m++) {
+      const [A, Z] = E[m];
+      let T = 0, k = 0, _ = 0, v = 0, L = 0, N = 0, q = 0, B = 0, C = 0;
+      for (let F = A; F < Z; F++) {
+        const $ = F * i;
+        for (let O = w; O < x; O++) {
+          const X = $ + i - 1 - O;
+          L++;
+          const I = h[X];
+          if (I !== I) continue;
+          const P = y > 0 ? Math.round(Math.min(Math.max((I - e) / y, 0), 1) * (V - 1)) * 3 : 0, G = r[P], K = r[P + 1], U = r[P + 2], Y = I >= g && I <= b;
+          Y && c && (N += G, q += K, B += U, C++);
+          const W = Y ? 1 : nt;
+          T += G * W, k += K * W, _ += U * W, v += W;
+        }
+      }
+      const M = (s * n + m) * 4;
+      C > 0 ? (f[M] = N / C, f[M + 1] = q / C, f[M + 2] = B / C, f[M + 3] = 255) : v > 0 && (f[M] = T / v, f[M + 1] = k / v, f[M + 2] = _ / v, f[M + 3] = v / L * 255);
+    }
+  }
+  return d;
+}
+let D = null;
+function ft(t, n) {
+  const {
+    width: o,
+    height: l
+  } = t.canvas;
+  t.setTransform(1, 0, 0, 1, 0, 0), t.clearRect(0, 0, o, l);
+  const i = Math.min(o, n.data.length), c = Math.min(l, n.numRows), e = at(n, i, c);
+  e && (i === o && c === l ? t.putImageData(e, 0, 0) : (D ??= document.createElement("canvas"), D.width = i, D.height = c, D.getContext("2d")?.putImageData(e, 0, 0), t.imageSmoothingEnabled = !1, t.drawImage(D, 0, 0, o, l)));
+}
+function mt(t, n, o) {
+  const {
+    data: l,
+    numRows: i,
+    binWidth: c,
+    binHeight: e,
+    yMax: a
+  } = t;
+  if (n < 0 || o < 0) return null;
+  const u = Math.floor(n / c), r = Math.floor((a - o) / e);
+  return u < 0 || u >= l.length || r < 0 || r >= i || !l[u]?.rows[r] ? null : {
+    row: r,
+    column: u
+  };
+}
+function gt(t, n) {
+  const o = t.data[n.column], l = o?.rows[n.row];
+  if (!o || !l) return null;
+  const i = l.count, c = i == null ? void 0 : t.colorScale(i), e = Q(t, n.column, n.row), a = {
+    bin: l,
+    row: n.row,
+    column: n.column,
+    datum: o,
+    gap: t.gap,
+    count: i,
+    color: c,
+    opacity: i == null ? void 0 : 1
+  };
+  return e.isRect ? {
+    ...a,
+    x: e.x,
+    y: e.y,
+    width: e.width,
+    height: e.height
+  } : {
+    ...a,
+    cx: e.cx,
+    cy: e.cy,
+    r: e.r,
+    radius: e.radius
+  };
+}
 export {
-  c as TreeLink
+  gt as buildBin,
+  ht as drawHeatmapCells,
+  ft as drawHeatmapOverview,
+  ut as getVisibleRange,
+  mt as hitTestCell
 };
 //# sourceMappingURL=visualization.es127.js.map

package/dist/visualization.es127.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es127.js","sources":["../src/components/PhyloTree/TreeLink.tsx"],"sourcesContent":["import { TreeNode } from \"./types\";\nimport { motion } from \"framer-motion\";\nimport { useBranchLengthTransition } from \"./PhyloTree\";\nimport { memo } from \"react\";\n\nexport type TreeLinkProps = {\n  scaledLinkPath: TreeNode[\"scaledLinkPath\"]\n  baseLinkPath: TreeNode[\"baseLinkPath\"]\n  color: TreeNode[\"color\"]\n  strokeWidth: TreeNode[\"linkStrokeWidth\"]\n  useBranchLengths: boolean;\n};\n\n/**\n * Link from node to its parent\n */\nexport const TreeLink = memo(function TreeLink({\n  scaledLinkPath,\n  baseLinkPath,\n  color,\n  strokeWidth,\n  useBranchLengths,\n}: TreeLinkProps) {\n  return (\n    <motion.path\n      stroke={color}\n      strokeWidth={strokeWidth}\n      fill=\"none\"\n      initial={false}\n      strokeLinecap={\"round\"}\n      strokeLinejoin={\"round\"}\n      animate={{\n        d: useBranchLengths ? scaledLinkPath : baseLinkPath,\n      }}\n      transition={{\n        d: useBranchLengthTransition,\n      }}\n    />\n  );\n})\n"],"names":["TreeLink","memo","scaledLinkPath","baseLinkPath","color","strokeWidth","useBranchLengths","jsx","motion","d","useBranchLengthTransition"],"mappings":";;;;AAgBO,MAAMA,IAAWC,EAAK,SAAkB;AAAA,EAC7CC,gBAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,kBAAAA;AACa,GAAG;AAChB,SACE,gBAAAC,EAACC,EAAO,MAAP,EACC,QAAQJ,GACR,aAAAC,GACA,MAAK,QACL,SAAS,IACT,eAAe,SACf,gBAAgB,SAChB,SAAS;AAAA,IACPI,GAAGH,IAAmBJ,IAAiBC;AAAAA,EAAAA,GAEzC,YAAY;AAAA,IACVM,GAAGC;AAAAA,EAAAA,GACH;AAGR,CAAC;"}
+{"version":3,"file":"visualization.es127.js","sources":["../src/components/Heatmap/HeatmapCanvasCells.ts"],"sourcesContent":["import type { ColumnDatum, HeatmapCellId } from \"./types\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport { DIMMED_OPACITY, isOutsideRange, resolveCellAppearance } from \"./heatmapCellAppearance\";\nimport { selectedCellsIn, selectionFrame, type SelectionMarks } from \"./heatmapSelection\";\n\n/** What the canvas renderers and hit-testing need to place and color cells as the SVG renderer does. */\nexport interface CanvasCellParams {\n  data: ColumnDatum[];\n  numRows: number;\n  xScale: (column: number) => number;\n  cellYScale: (row: number) => number;\n  colorScale: (count: number) => string | undefined;\n  /** The counts colorScale spans, which the overview samples it across. */\n  minValue: number;\n  maxValue: number;\n  gap: number;\n  isRect: boolean;\n  binWidth: number;\n  binHeight: number;\n  yMax: number;\n  /** The selected cells' keys, which the grid frames; null where nothing is selected. */\n  selectedKeys: Set<string> | null;\n  /** The columns and rows holding the selection, which the minimap marks along its edges. */\n  selectionMarks: SelectionMarks;\n  highlightRange: [number, number] | null;\n}\n\nexport interface CanvasDrawRange {\n  colStart: number;\n  colEnd: number;\n  rowStart: number;\n  rowEnd: number;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\n// Mirrors @visx/heatmap's HeatmapRect/HeatmapCircle geometry, so canvas cells land on the pixels SVG\n// cells would. A circle's x is centered in its cell, as HeatmapCell.tsx recomputes it.\ntype CellGeometry =\n  | { isRect: true; x: number; y: number; width: number; height: number }\n  | { isRect: false; cx: number; cy: number; r: number; radius: number };\n\nfunction getCellGeometry(params: CanvasCellParams, col: number, row: number): CellGeometry {\n  const { xScale, cellYScale, gap, isRect, binWidth, binHeight } = params;\n  if (isRect) {\n    return { isRect: true, x: xScale(col), y: cellYScale(row) + gap, width: binWidth - gap, height: binHeight - gap };\n  }\n  const radius = Math.min(binWidth, binHeight) / 2;\n  return { isRect: false, cx: col * binWidth + binWidth / 2, cy: cellYScale(row) + gap + radius, r: radius - gap, radius };\n}\n\n/**\n * The columns and rows (inclusive) within the scrolled viewport, plus `overscan` either side. Row 0\n * is at the bottom, so the row under content y is floor((yMax - y) / binHeight).\n */\nexport function getVisibleRange(\n  params: CanvasCellParams,\n  scrollLeft: number,\n  scrollTop: number,\n  viewportWidth: number,\n  viewportHeight: number,\n  overscan: number\n): CanvasDrawRange {\n  const { data, numRows, binWidth, binHeight, yMax } = params;\n  return {\n    colStart: clamp(Math.floor(scrollLeft / binWidth) - overscan, 0, Math.max(0, data.length - 1)),\n    colEnd: clamp(Math.ceil((scrollLeft + viewportWidth) / binWidth) + overscan, 0, Math.max(0, data.length - 1)),\n    rowStart: clamp(Math.floor((yMax - (scrollTop + viewportHeight)) / binHeight) - overscan, 0, Math.max(0, numRows - 1)),\n    rowEnd: clamp(Math.floor((yMax - scrollTop) / binHeight) + overscan, 0, Math.max(0, numRows - 1)),\n  };\n}\n\n/** Paints the cells in `range` onto `ctx`, whose origin is already at content-space (0,0), and the selection's frame over them. */\nexport function drawHeatmapCells(\n  ctx: CanvasRenderingContext2D,\n  params: CanvasCellParams,\n  range: CanvasDrawRange,\n  hoveredCell: HeatmapCellId | null\n) {\n  const { data, colorScale, selectedKeys, highlightRange } = params;\n  // Setting fillStyle re-parses the color even when unchanged, so repeats are skipped: an export\n  // runs this for every cell. A path is built only for the hovered cell, to stroke its outline.\n  let lastFill: string | null = null;\n  let lastAlpha = -1;\n  for (let col = range.colStart; col <= range.colEnd; col++) {\n    const columnDatum = data[col];\n    if (!columnDatum) continue;\n    for (let row = range.rowStart; row <= range.rowEnd; row++) {\n      const rowDatum = columnDatum.rows[row];\n      if (!rowDatum) continue;\n      const count = rowDatum.count;\n      const color = count == null ? undefined : colorScale(count);\n      const isDimmed = isOutsideRange(count, highlightRange);\n      const { fill, fillOpacity } = resolveCellAppearance(count, color, isDimmed);\n      if (fillOpacity <= 0) continue;\n\n      const geometry = getCellGeometry(params, col, row);\n      if (fillOpacity !== lastAlpha) {\n        ctx.globalAlpha = fillOpacity;\n        lastAlpha = fillOpacity;\n      }\n      if (fill !== lastFill) {\n        ctx.fillStyle = fill;\n        lastFill = fill;\n      }\n\n      const isHovered = hoveredCell !== null && hoveredCell.row === row && hoveredCell.column === col;\n      if (geometry.isRect) {\n        const width = Math.max(geometry.width, 0);\n        const height = Math.max(geometry.height, 0);\n        ctx.fillRect(geometry.x, geometry.y, width, height);\n        if (isHovered) {\n          ctx.beginPath();\n          ctx.rect(geometry.x, geometry.y, width, height);\n        }\n      } else {\n        ctx.beginPath();\n        ctx.arc(geometry.cx, geometry.cy, Math.max(geometry.r, 0), 0, Math.PI * 2);\n        ctx.fill();\n      }\n\n      if (isHovered) {\n        ctx.globalAlpha = 1;\n        lastAlpha = 1;\n        ctx.lineWidth = 2;\n        ctx.strokeStyle = fill;\n        ctx.stroke();\n      }\n    }\n  }\n  ctx.globalAlpha = 1;\n\n  if (selectedKeys) {\n    // Past the range by a cell, so the frame's line for a selected cell just outside it still shows.\n    const around = {\n      colStart: range.colStart - 1,\n      colEnd: range.colEnd + 1,\n      rowStart: range.rowStart - 1,\n      rowEnd: range.rowEnd + 1,\n    };\n    const bounds = { width: data.length * params.binWidth, height: params.yMax };\n    for (const { x, y, width, height, fill } of selectionFrame(selectedKeys, selectedCellsIn(selectedKeys, around), params, bounds)) {\n      ctx.fillStyle = fill;\n      ctx.fillRect(x, y, width, height);\n    }\n  }\n}\n\n// Colors sampled from colorScale for the overview, which looks them up rather than calling it per cell.\nconst OVERVIEW_LEVELS = 256;\n\nlet colorParser: CanvasRenderingContext2D | null = null;\n/** Any CSS color as RGB, read back off a 1px canvas, so a color the browser understands is one this does. */\nfunction parseColor(css: string): [number, number, number] {\n  colorParser ??= document.createElement(\"canvas\").getContext(\"2d\", { willReadFrequently: true });\n  if (!colorParser) return [0, 0, 0];\n  colorParser.clearRect(0, 0, 1, 1);\n  colorParser.fillStyle = \"#000\";\n  colorParser.fillStyle = css;\n  colorParser.fillRect(0, 0, 1, 1);\n  const [r, g, b] = colorParser.getImageData(0, 0, 1, 1).data;\n  return [r, g, b];\n}\n\n// Keyed on identities the layout memoizes, which a highlight sweep leaves alone.\nconst lutCache = new WeakMap<object, Uint8ClampedArray>();\nconst countsCache = new WeakMap<ColumnDatum[], Float64Array>();\n\nfunction colorLut(params: CanvasCellParams): Uint8ClampedArray {\n  const cached = lutCache.get(params.colorScale);\n  if (cached) return cached;\n  const { colorScale, minValue, maxValue } = params;\n  const lut = new Uint8ClampedArray(OVERVIEW_LEVELS * 3);\n  for (let i = 0; i < OVERVIEW_LEVELS; i++) {\n    const [r, g, b] = parseColor(colorScale(minValue + ((maxValue - minValue) * i) / (OVERVIEW_LEVELS - 1)) ?? \"#000\");\n    lut.set([r, g, b], i * 3);\n  }\n  lutCache.set(params.colorScale, lut);\n  return lut;\n}\n\n/** Every count in one column-major array, NaN where there is none: several times faster to scan than the row objects. */\nfunction flatCounts(data: ColumnDatum[], numRows: number): Float64Array {\n  const cached = countsCache.get(data);\n  if (cached && cached.length === data.length * numRows) return cached;\n  const counts = new Float64Array(data.length * numRows).fill(NaN);\n  data.forEach((column, c) =>\n    column.rows.forEach((row, r) => {\n      if (r < numRows && row.count != null) counts[c * numRows + r] = row.count;\n    })\n  );\n  countsCache.set(data, counts);\n  return counts;\n}\n\n/**\n * The whole grid resampled to `width` x `height` pixels for the minimap, written straight into an\n * ImageData: a fillRect per cell took ~400ms on a million-cell grid.\n *\n * Each pixel averages the cells under it. While highlightRange is set, a pixel holding any cell in\n * the range shows those cells alone at full strength, so a lone outlier isn't averaged away. Cells\n * are drawn as solid squares, without gaps, circles or the selection frame - the minimap marks the\n * selection along its edges instead.\n */\nfunction renderHeatmapOverview(params: CanvasCellParams, width: number, height: number): ImageData | null {\n  const { data, numRows, highlightRange, minValue, maxValue } = params;\n  const numColumns = data.length;\n  if (numColumns === 0 || numRows === 0 || width < 1 || height < 1) return null;\n\n  const lut = colorLut(params);\n  const counts = flatCounts(data, numRows);\n  const span = maxValue - minValue;\n  // With no range, every cell is inside it: nothing fades and nothing is singled out.\n  const [low, high] = highlightRange ?? [-Infinity, Infinity];\n  const image = new ImageData(width, height);\n  const pixels = image.data;\n\n  // The run of columns (rows) each pixel column (row) covers: at least one, and between them every one.\n  const spans = (cells: number, size: number) =>\n    Array.from({ length: size }, (_, i) => {\n      const start = Math.min(Math.floor((i * cells) / size), cells - 1);\n      return [start, Math.max(start + 1, Math.floor(((i + 1) * cells) / size))] as const;\n    });\n  const columnSpans = spans(numColumns, width);\n  // From the top down, where row 0 sits at the bottom of the grid (see cellYScale).\n  const rowSpans = spans(numRows, height);\n\n  // Scalars and typed arrays only in here: it runs once per cell per redraw.\n  for (let y = 0; y < height; y++) {\n    const [rowFrom, rowTo] = rowSpans[y];\n    for (let x = 0; x < width; x++) {\n      const [columnFrom, columnTo] = columnSpans[x];\n      // Opacity-weighted sums over every cell, and plain sums over the highlighted ones.\n      let r = 0, g = 0, b = 0, a = 0, cells = 0;\n      let hr = 0, hg = 0, hb = 0, highlighted = 0;\n      for (let column = columnFrom; column < columnTo; column++) {\n        const base = column * numRows;\n        for (let fromTop = rowFrom; fromTop < rowTo; fromTop++) {\n          const index = base + numRows - 1 - fromTop;\n          cells++;\n          const count = counts[index];\n          if (count !== count) continue; // NaN: transparent, as a null cell is drawn nowhere.\n          // Held at the ends, as the color scale itself clamps.\n          const level = span > 0 ? Math.round(Math.min(Math.max((count - minValue) / span, 0), 1) * (OVERVIEW_LEVELS - 1)) * 3 : 0;\n          const cr = lut[level], cg = lut[level + 1], cb = lut[level + 2];\n          // isOutsideRange, inlined.\n          const inRange = count >= low && count <= high;\n          if (inRange && highlightRange) {\n            hr += cr; hg += cg; hb += cb; highlighted++;\n          }\n          const opacity = inRange ? 1 : DIMMED_OPACITY;\n          r += cr * opacity; g += cg * opacity; b += cb * opacity; a += opacity;\n        }\n      }\n      const offset = (y * width + x) * 4;\n      if (highlighted > 0) {\n        pixels[offset] = hr / highlighted;\n        pixels[offset + 1] = hg / highlighted;\n        pixels[offset + 2] = hb / highlighted;\n        pixels[offset + 3] = 255;\n      } else if (a > 0) {\n        pixels[offset] = r / a;\n        pixels[offset + 1] = g / a;\n        pixels[offset + 2] = b / a;\n        pixels[offset + 3] = (a / cells) * 255;\n      }\n    }\n  }\n  return image;\n}\n\nlet overviewScratch: HTMLCanvasElement | null = null;\n\n/**\n * The whole grid, filling the canvas. Rendered at no more than a pixel per cell and stretched\n * nearest-neighbor from there: resampling every pixel of the expanded minimap took over 100ms.\n */\nexport function drawHeatmapOverview(ctx: CanvasRenderingContext2D, params: CanvasCellParams) {\n  const { width, height } = ctx.canvas;\n  ctx.setTransform(1, 0, 0, 1, 0, 0);\n  ctx.clearRect(0, 0, width, height);\n  const overviewWidth = Math.min(width, params.data.length);\n  const overviewHeight = Math.min(height, params.numRows);\n  const overview = renderHeatmapOverview(params, overviewWidth, overviewHeight);\n  if (!overview) return;\n  if (overviewWidth === width && overviewHeight === height) {\n    ctx.putImageData(overview, 0, 0);\n  } else {\n    overviewScratch ??= document.createElement(\"canvas\");\n    overviewScratch.width = overviewWidth;\n    overviewScratch.height = overviewHeight;\n    overviewScratch.getContext(\"2d\")?.putImageData(overview, 0, 0);\n    ctx.imageSmoothingEnabled = false;\n    ctx.drawImage(overviewScratch, 0, 0, width, height);\n  }\n}\n\n/** Content-space (post-scroll-offset) coordinates -> the cell under them, or null if none. */\nexport function hitTestCell(params: CanvasCellParams, contentX: number, contentY: number): HeatmapCellId | null {\n  const { data, numRows, binWidth, binHeight, yMax } = params;\n  if (contentX < 0 || contentY < 0) return null;\n  const column = Math.floor(contentX / binWidth);\n  const row = Math.floor((yMax - contentY) / binHeight);\n  if (column < 0 || column >= data.length || row < 0 || row >= numRows) return null;\n  if (!data[column]?.rows[row]) return null;\n  return { row, column };\n}\n\n/** Builds the same bin shape @visx/heatmap's RectCell/CircleCell provide, for onClick/tooltipBody. */\nexport function buildBin(params: CanvasCellParams, cell: HeatmapCellId): AnyBin | null {\n  const columnDatum = params.data[cell.column];\n  const rowDatum = columnDatum?.rows[cell.row];\n  if (!columnDatum || !rowDatum) return null;\n\n  const count = rowDatum.count;\n  const color = count == null ? undefined : params.colorScale(count);\n  const geometry = getCellGeometry(params, cell.column, cell.row);\n  const shared = { bin: rowDatum, row: cell.row, column: cell.column, datum: columnDatum, gap: params.gap, count, color, opacity: count == null ? undefined : 1 };\n\n  return geometry.isRect\n    ? ({ ...shared, x: geometry.x, y: geometry.y, width: geometry.width, height: geometry.height } as AnyBin)\n    : ({ ...shared, cx: geometry.cx, cy: geometry.cy, r: geometry.r, radius: geometry.radius } as AnyBin);\n}\n"],"names":["clamp","value","min","max","Math","getCellGeometry","params","col","row","xScale","cellYScale","gap","isRect","binWidth","binHeight","x","y","width","height","radius","cx","cy","r","getVisibleRange","scrollLeft","scrollTop","viewportWidth","viewportHeight","overscan","data","numRows","yMax","colStart","floor","length","colEnd","ceil","rowStart","rowEnd","drawHeatmapCells","ctx","range","hoveredCell","colorScale","selectedKeys","highlightRange","lastFill","lastAlpha","columnDatum","rowDatum","rows","count","color","undefined","isDimmed","isOutsideRange","fill","fillOpacity","resolveCellAppearance","geometry","globalAlpha","fillStyle","isHovered","column","fillRect","beginPath","rect","arc","PI","lineWidth","strokeStyle","stroke","around","bounds","selectionFrame","selectedCellsIn","OVERVIEW_LEVELS","colorParser","parseColor","css","document","createElement","getContext","willReadFrequently","clearRect","g","b","getImageData","lutCache","WeakMap","countsCache","colorLut","cached","get","minValue","maxValue","lut","Uint8ClampedArray","i","set","flatCounts","counts","Float64Array","NaN","forEach","c","renderHeatmapOverview","numColumns","span","low","high","Infinity","image","ImageData","pixels","spans","cells","size","Array","from","_","start","columnSpans","rowSpans","rowFrom","rowTo","columnFrom","columnTo","a","hr","hg","hb","highlighted","base","fromTop","index","level","round","cr","cg","cb","inRange","opacity","DIMMED_OPACITY","offset","overviewScratch","drawHeatmapOverview","canvas","setTransform","overviewWidth","overviewHeight","overview","putImageData","imageSmoothingEnabled","drawImage","hitTestCell","contentX","contentY","buildBin","cell","shared","bin","datum"],"mappings":"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"}

package/dist/visualization.es128.js

@@ -1,17 +1,21 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useBranchLengthTransition as m } from "./visualization.es7.js";
-import { memo as s } from "react";
-import { motion as a } from "./visualization.es34.js";
-const k = s(function({
-  useBranchLengths: n,
-  color: i,
-  baseLeafLinkExtension: o,
-  scaledLeafLinkExtension: t,
-  strokeWidth: r
-}) {
-  return /* @__PURE__ */ e(a.line, { strokeWidth: r, initial: !1, animate: n ? t : o, stroke: i, transition: m });
-});
+import { jsx as i } from "react/jsx-runtime";
+import { c as p } from "react/compiler-runtime";
+import { SELECTION_COLOR as f } from "./visualization.es126.js";
+const m = 6, n = 4, u = ($) => {
+  const t = p(6), {
+    axis: r,
+    marked: s,
+    scale: l
+  } = $;
+  let e;
+  t[0] !== s ? (e = [...s], t[0] = s, t[1] = e) : e = t[1];
+  let o;
+  return t[2] !== r || t[3] !== l || t[4] !== e ? (o = /* @__PURE__ */ i("g", { fill: f, pointerEvents: "none", children: e.map((c) => {
+    const a = l(c + 0.5);
+    return /* @__PURE__ */ i("path", { d: r === "column" ? `M${a},1 l${n},${m} h${-2 * n} z` : `M-1,${a} l${-m},${-n} v${2 * n} z` }, c);
+  }) }), t[2] = r, t[3] = l, t[4] = e, t[5] = o) : o = t[5], o;
+};
 export {
-  k as LeafLinkExtension
+  u as default
 };
 //# sourceMappingURL=visualization.es128.js.map

package/dist/visualization.es128.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es128.js","sources":["../src/components/PhyloTree/LeafLinkExtension.tsx"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { useBranchLengthTransition } from \"./PhyloTree\";\nimport { memo } from \"react\";\nimport { TreeNode } from \"./types\";\n\n\nexport type LeafLinkExtensionProps = {\n  baseLeafLinkExtension: TreeNode[\"baseLeafLinkExtension\"]\n  scaledLeafLinkExtension: TreeNode[\"scaledLeafLinkExtension\"]\n  color: TreeNode[\"color\"];\n  strokeWidth: TreeNode[\"linkStrokeWidth\"]\n  useBranchLengths: boolean\n};\n\nexport const LeafLinkExtension = memo(function LinkExtension({\n  useBranchLengths,\n  color,\n  baseLeafLinkExtension,\n  scaledLeafLinkExtension,\n  strokeWidth\n}: LeafLinkExtensionProps) {\n\n  return (\n    <motion.line\n      strokeWidth={strokeWidth}\n      initial={false}\n      animate={useBranchLengths ? scaledLeafLinkExtension : baseLeafLinkExtension}\n      stroke={color}\n      transition={useBranchLengthTransition}\n    />\n  );\n});\n"],"names":["LeafLinkExtension","memo","useBranchLengths","color","baseLeafLinkExtension","scaledLeafLinkExtension","strokeWidth","jsx","motion","useBranchLengthTransition"],"mappings":";;;;AAcO,MAAMA,IAAoBC,EAAK,SAAuB;AAAA,EAC3DC,kBAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,uBAAAA;AAAAA,EACAC,yBAAAA;AAAAA,EACAC,aAAAA;AACsB,GAAG;AAEzB,SACE,gBAAAC,EAACC,EAAO,MAAP,EACC,aAAAF,GACA,SAAS,IACT,SAASJ,IAAmBG,IAA0BD,GACtD,QAAQD,GACR,YAAYM,GAA0B;AAG5C,CAAC;"}
+{"version":3,"file":"visualization.es128.js","sources":["../src/components/Heatmap/HeatmapSelectionPointers.tsx"],"sourcesContent":["import { SELECTION_COLOR } from \"./heatmapSelection\";\n\n/** How far a pointer reaches from the grid, and half its width. */\nconst POINTER_LENGTH = 6;\nconst POINTER_HALF_WIDTH = 4;\n\ninterface HeatmapSelectionPointersProps {\n  axis: \"column\" | \"row\";\n  /** The columns or rows holding the selection - see selectionMarks. */\n  marked: Set<number>;\n  /** The axis's scale, from a column or row index to its place along the grid. */\n  scale: (value: number) => number;\n}\n\n/**\n * A pointer at the tick of each column or row holding the selection, pointing up at a column from\n * below the grid and right at a row from its left. Drawn in the axis's coordinates, so it scrolls\n * and exports with the axis.\n */\nconst HeatmapSelectionPointers = ({ axis, marked, scale }: HeatmapSelectionPointersProps) => (\n  <g fill={SELECTION_COLOR} pointerEvents=\"none\">\n    {[...marked].map((index) => {\n      const at = scale(index + 0.5);\n      return (\n        <path\n          key={index}\n          d={\n            axis === \"column\"\n              ? `M${at},1 l${POINTER_HALF_WIDTH},${POINTER_LENGTH} h${-2 * POINTER_HALF_WIDTH} z`\n              : `M-1,${at} l${-POINTER_LENGTH},${-POINTER_HALF_WIDTH} v${2 * POINTER_HALF_WIDTH} z`\n          }\n        />\n      );\n    })}\n  </g>\n);\n\nexport default HeatmapSelectionPointers;\n"],"names":["POINTER_LENGTH","POINTER_HALF_WIDTH","HeatmapSelectionPointers","t0","$","_c","axis","marked","scale","t1","t2","SELECTION_COLOR","map","index","at","jsx"],"mappings":";;;AAGA,MAAMA,IAAiB,GACjBC,IAAqB,GAerBC,IAA2BC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAL;AAAsD,MAAAM;AAAA,EAAAL,SAAAG,KAEnFE,IAAA,CAAA,GAAIF,CAAM,GAACH,OAAAG,GAAAH,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAM;AAAA,SAAAN,EAAA,CAAA,MAAAE,KAAAF,SAAAI,KAAAJ,EAAA,CAAA,MAAAK,KADdC,6BAASC,MAAAA,GAA+B,eAAA,QACrCF,UAAAA,EAAWG,IAAKC,CAAAA,MAAA;AACf,UAAAC,IAAWN,EAAMK,IAAQ,GAAG;AAAE,WAE5B,gBAAAE,YAGI,GAAAT,MAAS,WAAT,IACQQ,CAAE,OAAOb,CAAkB,IAAID,CAAc,KAAK,KAAKC,CAAkB,OADjF,OAEWa,CAAE,KAAK,CAACd,CAAc,IAAI,CAACC,CAAkB,KAAK,IAAIA,CAAkB,KAAA,GAJhFY,CAIoF;AAAA,EAEzF,CAEL,EAAA,CACH,GAAIT,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,KAAAA,IAAAN,EAAA,CAAA,GAdJM;AAcI;"}