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

package/dist/visualization.es111.js

@@ -1,28 +1,27 @@
-import { popperGenerator as r } from "./visualization.es497.js";
-import o from "./visualization.es506.js";
-import e from "./visualization.es507.js";
-import p from "./visualization.es508.js";
-import t from "./visualization.es112.js";
-import m from "./visualization.es509.js";
-import f from "./visualization.es510.js";
-import i from "./visualization.es511.js";
-import s from "./visualization.es512.js";
-import a from "./visualization.es513.js";
-var l = [o, e, p, t, m, f, i, s, a], h = /* @__PURE__ */ r({
-  defaultModifiers: l
-});
+import i from "./visualization.es28.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 applyStyles,
-  s as arrow,
-  p as computeStyles,
-  h as createPopper,
-  l as defaultModifiers,
-  o as eventListeners,
-  f as flip,
-  a as hide,
-  m as offset,
-  r as popperGenerator,
-  e as popperOffsets,
-  i as preventOverflow
+  u as DIMMED_OPACITY,
+  o as getHeatmapColorScale,
+  p as isOutsideRange,
+  s as resolveCellAppearance
 };
 //# sourceMappingURL=visualization.es111.js.map

package/dist/visualization.es111.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es111.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/popper.js"],"sourcesContent":["import { popperGenerator, detectOverflow } from \"./createPopper.js\";\nimport eventListeners from \"./modifiers/eventListeners.js\";\nimport popperOffsets from \"./modifiers/popperOffsets.js\";\nimport computeStyles from \"./modifiers/computeStyles.js\";\nimport applyStyles from \"./modifiers/applyStyles.js\";\nimport offset from \"./modifiers/offset.js\";\nimport flip from \"./modifiers/flip.js\";\nimport preventOverflow from \"./modifiers/preventOverflow.js\";\nimport arrow from \"./modifiers/arrow.js\";\nimport hide from \"./modifiers/hide.js\";\nvar defaultModifiers = [eventListeners, popperOffsets, computeStyles, applyStyles, offset, flip, preventOverflow, arrow, hide];\nvar createPopper = /*#__PURE__*/popperGenerator({\n  defaultModifiers: defaultModifiers\n}); // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper, popperGenerator, defaultModifiers, detectOverflow }; // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper as createPopperLite } from \"./popper-lite.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport * from \"./modifiers/index.js\";"],"names":["defaultModifiers","eventListeners","popperOffsets","computeStyles","applyStyles","offset","flip","preventOverflow","arrow","hide","createPopper","popperGenerator"],"mappings":";;;;;;;;;;AAUG,IAACA,IAAmB,CAACC,GAAgBC,GAAeC,GAAeC,GAAaC,GAAQC,GAAMC,GAAiBC,GAAOC,CAAI,GACzHC,IAA4B,gBAAAC,EAAgB;AAAA,EAC9C,kBAAkBX;AACpB,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es111.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. Selection isn't part of it: selected cells are framed instead (see\n * 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.es112.js

@@ -1,48 +1,87 @@
-import c from "./visualization.es557.js";
-import { isHTMLElement as f } from "./visualization.es505.js";
-function p(l) {
-  var e = l.state;
-  Object.keys(e.elements).forEach(function(t) {
-    var r = e.styles[t] || {}, s = e.attributes[t] || {}, a = e.elements[t];
-    !f(a) || !c(a) || (Object.assign(a.style, r), Object.keys(s).forEach(function(o) {
-      var i = s[o];
-      i === !1 ? a.removeAttribute(o) : a.setAttribute(o, i === !0 ? "" : i);
-    }));
-  });
-}
-function y(l) {
-  var e = l.state, t = {
-    popper: {
-      position: e.options.strategy,
-      left: "0",
-      top: "0",
-      margin: "0"
-    },
-    arrow: {
-      position: "absolute"
-    },
-    reference: {}
+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
   };
-  return Object.assign(e.elements.popper.style, t.popper), e.styles = t, e.elements.arrow && Object.assign(e.elements.arrow.style, t.arrow), function() {
-    Object.keys(e.elements).forEach(function(r) {
-      var s = e.elements[r], a = e.attributes[r] || {}, o = Object.keys(e.styles.hasOwnProperty(r) ? e.styles[r] : t[r]), i = o.reduce(function(n, u) {
-        return n[u] = "", n;
-      }, {});
-      !f(s) || !c(s) || (Object.assign(s.style, i), Object.keys(a).forEach(function(n) {
-        s.removeAttribute(n);
-      }));
+};
+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
     });
-  };
+    return;
+  }
+  for (const t of n) {
+    const o = y(t);
+    o.column >= f && o.column <= r && o.row >= i && o.row <= H && (yield o);
+  }
 }
-const m = {
-  name: "applyStyles",
-  enabled: !0,
-  phase: "write",
-  fn: p,
-  effect: y,
-  requires: ["computeStyles"]
+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 {
-  m as default
+  d as SELECTION_COLOR,
+  x as cellKey,
+  $ as selectedCellsIn,
+  v as selectionFrame,
+  B as selectionMarks
 };
 //# sourceMappingURL=visualization.es112.js.map

package/dist/visualization.es112.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es112.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/modifiers/applyStyles.js"],"sourcesContent":["import getNodeName from \"../dom-utils/getNodeName.js\";\nimport { isHTMLElement } from \"../dom-utils/instanceOf.js\"; // This modifier takes the styles prepared by the `computeStyles` modifier\n// and applies them to the HTMLElements such as popper and arrow\n\nfunction applyStyles(_ref) {\n  var state = _ref.state;\n  Object.keys(state.elements).forEach(function (name) {\n    var style = state.styles[name] || {};\n    var attributes = state.attributes[name] || {};\n    var element = state.elements[name]; // arrow is optional + virtual elements\n\n    if (!isHTMLElement(element) || !getNodeName(element)) {\n      return;\n    } // Flow doesn't support to extend this property, but it's the most\n    // effective way to apply styles to an HTMLElement\n    // $FlowFixMe[cannot-write]\n\n\n    Object.assign(element.style, style);\n    Object.keys(attributes).forEach(function (name) {\n      var value = attributes[name];\n\n      if (value === false) {\n        element.removeAttribute(name);\n      } else {\n        element.setAttribute(name, value === true ? '' : value);\n      }\n    });\n  });\n}\n\nfunction effect(_ref2) {\n  var state = _ref2.state;\n  var initialStyles = {\n    popper: {\n      position: state.options.strategy,\n      left: '0',\n      top: '0',\n      margin: '0'\n    },\n    arrow: {\n      position: 'absolute'\n    },\n    reference: {}\n  };\n  Object.assign(state.elements.popper.style, initialStyles.popper);\n  state.styles = initialStyles;\n\n  if (state.elements.arrow) {\n    Object.assign(state.elements.arrow.style, initialStyles.arrow);\n  }\n\n  return function () {\n    Object.keys(state.elements).forEach(function (name) {\n      var element = state.elements[name];\n      var attributes = state.attributes[name] || {};\n      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them\n\n      var style = styleProperties.reduce(function (style, property) {\n        style[property] = '';\n        return style;\n      }, {}); // arrow is optional + virtual elements\n\n      if (!isHTMLElement(element) || !getNodeName(element)) {\n        return;\n      }\n\n      Object.assign(element.style, style);\n      Object.keys(attributes).forEach(function (attribute) {\n        element.removeAttribute(attribute);\n      });\n    });\n  };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'applyStyles',\n  enabled: true,\n  phase: 'write',\n  fn: applyStyles,\n  effect: effect,\n  requires: ['computeStyles']\n};"],"names":["applyStyles","_ref","state","name","style","attributes","element","isHTMLElement","getNodeName","value","effect","_ref2","initialStyles","styleProperties","property","attribute","applyStyles$1"],"mappings":";;AAIA,SAASA,EAAYC,GAAM;AACzB,MAAIC,IAAQD,EAAK;AACjB,SAAO,KAAKC,EAAM,QAAQ,EAAE,QAAQ,SAAUC,GAAM;AAClD,QAAIC,IAAQF,EAAM,OAAOC,CAAI,KAAK,CAAA,GAC9BE,IAAaH,EAAM,WAAWC,CAAI,KAAK,CAAA,GACvCG,IAAUJ,EAAM,SAASC,CAAI;AAEjC,IAAI,CAACI,EAAcD,CAAO,KAAK,CAACE,EAAYF,CAAO,MAOnD,OAAO,OAAOA,EAAQ,OAAOF,CAAK,GAClC,OAAO,KAAKC,CAAU,EAAE,QAAQ,SAAUF,GAAM;AAC9C,UAAIM,IAAQJ,EAAWF,CAAI;AAE3B,MAAIM,MAAU,KACZH,EAAQ,gBAAgBH,CAAI,IAE5BG,EAAQ,aAAaH,GAAMM,MAAU,KAAO,KAAKA,CAAK;AAAA,IAE1D,CAAC;AAAA,EACH,CAAC;AACH;AAEA,SAASC,EAAOC,GAAO;AACrB,MAAIT,IAAQS,EAAM,OACdC,IAAgB;AAAA,IAClB,QAAQ;AAAA,MACN,UAAUV,EAAM,QAAQ;AAAA,MACxB,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,IACd;AAAA,IACI,OAAO;AAAA,MACL,UAAU;AAAA,IAChB;AAAA,IACI,WAAW,CAAA;AAAA,EACf;AACE,gBAAO,OAAOA,EAAM,SAAS,OAAO,OAAOU,EAAc,MAAM,GAC/DV,EAAM,SAASU,GAEXV,EAAM,SAAS,SACjB,OAAO,OAAOA,EAAM,SAAS,MAAM,OAAOU,EAAc,KAAK,GAGxD,WAAY;AACjB,WAAO,KAAKV,EAAM,QAAQ,EAAE,QAAQ,SAAUC,GAAM;AAClD,UAAIG,IAAUJ,EAAM,SAASC,CAAI,GAC7BE,IAAaH,EAAM,WAAWC,CAAI,KAAK,CAAA,GACvCU,IAAkB,OAAO,KAAKX,EAAM,OAAO,eAAeC,CAAI,IAAID,EAAM,OAAOC,CAAI,IAAIS,EAAcT,CAAI,CAAC,GAE1GC,IAAQS,EAAgB,OAAO,SAAUT,GAAOU,GAAU;AAC5D,eAAAV,EAAMU,CAAQ,IAAI,IACXV;AAAA,MACT,GAAG,CAAA,CAAE;AAEL,MAAI,CAACG,EAAcD,CAAO,KAAK,CAACE,EAAYF,CAAO,MAInD,OAAO,OAAOA,EAAQ,OAAOF,CAAK,GAClC,OAAO,KAAKC,CAAU,EAAE,QAAQ,SAAUU,GAAW;AACnD,QAAAT,EAAQ,gBAAgBS,CAAS;AAAA,MACnC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAGA,MAAAC,IAAe;AAAA,EACb,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,IAAIhB;AAAA,EACJ,QAAQU;AAAA,EACR,UAAU,CAAC,eAAe;AAC5B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es112.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.es113.js

@@ -1,147 +1,248 @@
-import { jsxs as m, jsx as u } from "react/jsx-runtime";
-import { c as B } from "react/compiler-runtime";
-import w from "@mui/material/Checkbox";
-import { Typography as y } from "@mui/material";
-const G = (q) => {
-  const e = B(33), {
-    toggles: s,
-    onToggle: o,
-    simpleCategories: E,
-    edgeType: F,
-    colorFunc: n,
-    elements: h,
-    edges: p,
-    legendToggle: i,
-    legendNodeLabel: I,
-    legendEdgeLabel: g,
-    order: x,
-    uniqueCat: C
-  } = q;
-  let b;
-  if (e[0] !== p || e[1] !== i) {
-    let l;
-    e[3] !== i ? (l = (r) => i ? i(r) : r.category ? r.category : void 0, e[3] = i, e[4] = l) : l = e[4], b = Array.from(new Set(p.map(l))), e[0] = p, e[1] = i, e[2] = b;
-  } else
-    b = e[2];
-  const v = b;
-  let z;
-  e[5] !== x || e[6] !== E ? (z = x || Array.from(new Set(E)), e[5] = x, e[6] = E, e[7] = z) : z = e[7];
-  const S = z;
-  let k;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = {
-    bottom: "10px",
-    zIndex: 1e3,
-    backgroundColor: "white",
-    borderRadius: "5px",
-    width: "225px",
-    padding: "5px"
-  }, e[8] = k) : k = e[8];
-  let A;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = {
-    fontSize: "18px",
-    margin: "3px",
-    fontFamily: "Arial"
-  }, e[9] = A) : A = e[9];
-  const L = I || "Node Type";
-  let f;
-  e[10] !== L ? (f = /* @__PURE__ */ u(y, { style: A, children: L }), e[10] = L, e[11] = f) : f = e[11];
-  let d;
-  e[12] !== n || e[13] !== h || e[14] !== i || e[15] !== o || e[16] !== s || e[17] !== C || e[18] !== S ? (d = C ? C.map((l) => {
-    let r = "grey", t = "";
-    return h.forEach((a) => {
-      S.forEach((j) => {
-        if (n && i && i(a) === j && a.category === l) {
-          r = n(a), t = j;
-          return;
+import { getAnimationPose as z } from "./visualization.es26.js";
+import { isOutsideRange as tt, resolveCellAppearance as nt, DIMMED_OPACITY as ot } from "./visualization.es111.js";
+import { selectionFrame as et, selectedCellsIn as lt } from "./visualization.es112.js";
+const O = (t, n, o) => Math.min(Math.max(t, n), o);
+function L(t, n, o) {
+  const {
+    xScale: e,
+    cellYScale: i,
+    gap: c,
+    isRect: l,
+    binWidth: a,
+    binHeight: s
+  } = t;
+  if (l)
+    return {
+      isRect: !0,
+      x: e(n),
+      y: i(o) + c,
+      width: a - c,
+      height: s - c
+    };
+  const r = Math.min(a, s) / 2;
+  return {
+    isRect: !1,
+    cx: n * a + a / 2,
+    cy: i(o) + c + r,
+    r: r - c,
+    radius: r
+  };
+}
+function it(t, n) {
+  if (t.isRect) {
+    const o = t.width * n.scale, e = t.height * n.scale;
+    return {
+      isRect: !0,
+      x: t.x + (t.width - o) / 2 + n.x,
+      y: t.y + (t.height - e) / 2 + n.y,
+      width: o,
+      height: e
+    };
+  }
+  return {
+    ...t,
+    cx: t.cx + n.x,
+    cy: t.cy + n.y,
+    r: t.r * n.scale
+  };
+}
+function dt(t, n, o, e, i, c) {
+  const {
+    data: l,
+    numRows: a,
+    binWidth: s,
+    binHeight: r,
+    yMax: S
+  } = t;
+  return {
+    colStart: O(Math.floor(n / s) - c, 0, Math.max(0, l.length - 1)),
+    colEnd: O(Math.ceil((n + e) / s) + c, 0, Math.max(0, l.length - 1)),
+    rowStart: O(Math.floor((S - (o + i)) / r) - c, 0, Math.max(0, a - 1)),
+    rowEnd: O(Math.floor((S - o) / r) + c, 0, Math.max(0, a - 1))
+  };
+}
+function mt(t, n, o, e, i = null) {
+  const {
+    data: c,
+    colorScale: l,
+    selectedKeys: a,
+    highlightRange: s
+  } = n;
+  let r = !1, S = null, b = -1;
+  for (let d = o.colStart; d <= o.colEnd; d++) {
+    const E = c[d];
+    if (!E) continue;
+    const f = i ? z(i.type, Math.max(0, d - i.firstColumn), i.elapsed) : null, u = f !== null && !f.done;
+    if (!(u && (r = !0, f.opacity <= 0 || f.scale <= 0)))
+      for (let m = o.rowStart; m <= o.rowEnd; m++) {
+        const v = E.rows[m];
+        if (!v) continue;
+        const M = v.count, w = M == null ? void 0 : l(M), p = tt(M, s), {
+          fill: x,
+          fillOpacity: g
+        } = nt(M, w, p);
+        if (g <= 0) continue;
+        const h = u ? it(L(n, d, m), f) : L(n, d, m), I = u ? g * f.opacity : g;
+        I !== b && (t.globalAlpha = I, b = I), x !== S && (t.fillStyle = x, S = x);
+        const D = e !== null && e.row === m && e.column === d;
+        if (h.isRect) {
+          const A = Math.max(h.width, 0), W = Math.max(h.height, 0);
+          t.fillRect(h.x, h.y, A, W), D && (t.beginPath(), t.rect(h.x, h.y, A, W));
+        } else
+          t.beginPath(), t.arc(h.cx, h.cy, Math.max(h.r, 0), 0, Math.PI * 2), t.fill();
+        D && (b = u ? f.opacity : 1, t.globalAlpha = b, t.lineWidth = 2, t.strokeStyle = x, t.stroke());
+      }
+  }
+  if (t.globalAlpha = 1, a) {
+    const d = {
+      colStart: o.colStart - 1,
+      colEnd: o.colEnd + 1,
+      rowStart: o.rowStart - 1,
+      rowEnd: o.rowEnd + 1
+    }, E = {
+      width: c.length * n.binWidth,
+      height: n.yMax
+    };
+    for (const {
+      x: f,
+      y: u,
+      width: m,
+      height: v,
+      fill: M
+    } of et(a, lt(a, d), n, E))
+      t.fillStyle = M, t.fillRect(f, u, m, v);
+  }
+  return r;
+}
+const T = 256;
+let R = null;
+function ct(t) {
+  if (R ??= document.createElement("canvas").getContext("2d", {
+    willReadFrequently: !0
+  }), !R) return [0, 0, 0];
+  R.clearRect(0, 0, 1, 1), R.fillStyle = "#000", R.fillStyle = t, R.fillRect(0, 0, 1, 1);
+  const [n, o, e] = R.getImageData(0, 0, 1, 1).data;
+  return [n, o, e];
+}
+const Q = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakMap();
+function at(t) {
+  const n = Q.get(t.colorScale);
+  if (n) return n;
+  const {
+    colorScale: o,
+    minValue: e,
+    maxValue: i
+  } = t, c = new Uint8ClampedArray(T * 3);
+  for (let l = 0; l < T; l++) {
+    const [a, s, r] = ct(o(e + (i - e) * l / (T - 1)) ?? "#000");
+    c.set([a, s, r], l * 3);
+  }
+  return Q.set(t.colorScale, c), c;
+}
+function rt(t, n) {
+  const o = Z.get(t);
+  if (o && o.length === t.length * n) return o;
+  const e = new Float64Array(t.length * n).fill(NaN);
+  return t.forEach((i, c) => i.rows.forEach((l, a) => {
+    a < n && l.count != null && (e[c * n + a] = l.count);
+  })), Z.set(t, e), e;
+}
+function st(t, n, o) {
+  const {
+    data: e,
+    numRows: i,
+    highlightRange: c,
+    minValue: l,
+    maxValue: a
+  } = t, s = e.length;
+  if (s === 0 || i === 0 || n < 1 || o < 1) return null;
+  const r = at(t), S = rt(e, i), b = a - l, [d, E] = c ?? [-1 / 0, 1 / 0], f = new ImageData(n, o), u = f.data, m = (w, p) => Array.from({
+    length: p
+  }, (x, g) => {
+    const h = Math.min(Math.floor(g * w / p), w - 1);
+    return [h, Math.max(h + 1, Math.floor((g + 1) * w / p))];
+  }), v = m(s, n), M = m(i, o);
+  for (let w = 0; w < o; w++) {
+    const [p, x] = M[w];
+    for (let g = 0; g < n; g++) {
+      const [h, I] = v[g];
+      let D = 0, A = 0, W = 0, C = 0, N = 0, q = 0, B = 0, K = 0, H = 0;
+      for (let k = h; k < I; k++) {
+        const $ = k * i;
+        for (let _ = p; _ < x; _++) {
+          const X = $ + i - 1 - _;
+          N++;
+          const V = S[X];
+          if (V !== V) continue;
+          const G = b > 0 ? Math.round(Math.min(Math.max((V - l) / b, 0), 1) * (T - 1)) * 3 : 0, U = r[G], Y = r[G + 1], j = r[G + 2], J = V >= d && V <= E;
+          J && c && (q += U, B += Y, K += j, H++);
+          const F = J ? 1 : ot;
+          D += U * F, A += Y * F, W += j * F, C += F;
         }
-      });
-    }), /* @__PURE__ */ m("div", { style: {
-      display: "flex",
-      alignItems: "center",
-      marginBottom: "4px"
-    }, children: [
-      /* @__PURE__ */ u(w, { checked: s[l], onChange: () => o(l), color: "primary", size: "small", style: {
-        padding: 0
-      } }),
-      /* @__PURE__ */ m(y, { variant: "body2", style: {
-        color: r,
-        marginLeft: "4px",
-        cursor: "pointer",
-        fontSize: "14px",
-        fontFamily: "Arial"
-      }, onClick: () => o(l), children: [
-        t,
-        " ",
-        i ? "(" : null,
-        i ? l : null,
-        i ? ")" : null
-      ] })
-    ] }, l);
-  }) : S.map((l) => {
-    let r = "grey", t = "";
-    return h.forEach((a) => {
-      n && i && i(a) === l && (r = n(a), t = a.category);
-    }), /* @__PURE__ */ m("div", { style: {
-      display: "flex",
-      alignItems: "center",
-      marginBottom: "4px"
-    }, children: [
-      /* @__PURE__ */ u(w, { checked: s[l], onChange: () => o(l), color: "primary", size: "small", style: {
-        padding: 0
-      } }),
-      /* @__PURE__ */ m(y, { variant: "body2", style: {
-        color: r,
-        marginLeft: "4px",
-        cursor: "pointer",
-        fontSize: "14px",
-        fontFamily: "Arial"
-      }, onClick: () => o(l), children: [
-        l,
-        " ",
-        i ? "(" : null,
-        i ? t : null,
-        i ? ")" : null
-      ] })
-    ] }, l);
-  }), e[12] = n, e[13] = h, e[14] = i, e[15] = o, e[16] = s, e[17] = C, e[18] = S, e[19] = d) : d = e[19];
-  let c;
-  e[20] !== n || e[21] !== F || e[22] !== v || e[23] !== p || e[24] !== g || e[25] !== i || e[26] !== o || e[27] !== s ? (c = F && v !== null ? /* @__PURE__ */ m("div", { children: [
-    /* @__PURE__ */ u(y, { style: {
-      fontSize: "18px",
-      margin: "3px",
-      fontFamily: "Arial"
-    }, children: g || "Edge Type" }),
-    v.map((l) => {
-      if (l === void 0)
-        return null;
-      let r = "grey";
-      return p.forEach((t) => {
-        (n && i && i(t) === l || n && t.category && t.category === l) && (r = n(t));
-      }), /* @__PURE__ */ m("div", { style: {
-        display: "flex",
-        alignItems: "center"
-      }, children: [
-        /* @__PURE__ */ u(w, { checked: s[l], onChange: () => o(l), color: "primary", size: "small", style: {
-          padding: 0
-        } }),
-        /* @__PURE__ */ u(y, { variant: "body2", style: {
-          color: r,
-          marginLeft: "4px",
-          cursor: "pointer",
-          fontSize: "14px",
-          fontFamily: "Arial"
-        }, onClick: () => o(l), children: l })
-      ] }, l);
-    })
-  ] }) : null, e[20] = n, e[21] = F, e[22] = v, e[23] = p, e[24] = g, e[25] = i, e[26] = o, e[27] = s, e[28] = c) : c = e[28];
-  let T;
-  return e[29] !== f || e[30] !== d || e[31] !== c ? (T = /* @__PURE__ */ m("div", { style: k, children: [
-    f,
-    d,
-    c
-  ] }), e[29] = f, e[30] = d, e[31] = c, e[32] = T) : T = e[32], T;
-};
+      }
+      const y = (w * n + g) * 4;
+      H > 0 ? (u[y] = q / H, u[y + 1] = B / H, u[y + 2] = K / H, u[y + 3] = 255) : C > 0 && (u[y] = D / C, u[y + 1] = A / C, u[y + 2] = W / C, u[y + 3] = C / N * 255);
+    }
+  }
+  return f;
+}
+let P = null;
+function gt(t, n) {
+  const {
+    width: o,
+    height: e
+  } = t.canvas;
+  t.setTransform(1, 0, 0, 1, 0, 0), t.clearRect(0, 0, o, e);
+  const i = Math.min(o, n.data.length), c = Math.min(e, n.numRows), l = st(n, i, c);
+  l && (i === o && c === e ? t.putImageData(l, 0, 0) : (P ??= document.createElement("canvas"), P.width = i, P.height = c, P.getContext("2d")?.putImageData(l, 0, 0), t.imageSmoothingEnabled = !1, t.drawImage(P, 0, 0, o, e)));
+}
+function wt(t, n, o) {
+  const {
+    data: e,
+    numRows: i,
+    binWidth: c,
+    binHeight: l,
+    yMax: a
+  } = t;
+  if (n < 0 || o < 0) return null;
+  const s = Math.floor(n / c), r = Math.floor((a - o) / l);
+  return s < 0 || s >= e.length || r < 0 || r >= i || !e[s]?.rows[r] ? null : {
+    row: r,
+    column: s
+  };
+}
+function Mt(t, n) {
+  const o = t.data[n.column], e = o?.rows[n.row];
+  if (!o || !e) return null;
+  const i = e.count, c = i == null ? void 0 : t.colorScale(i), l = L(t, n.column, n.row), a = {
+    bin: e,
+    row: n.row,
+    column: n.column,
+    datum: o,
+    gap: t.gap,
+    count: i,
+    color: c,
+    opacity: i == null ? void 0 : 1
+  };
+  return l.isRect ? {
+    ...a,
+    x: l.x,
+    y: l.y,
+    width: l.width,
+    height: l.height
+  } : {
+    ...a,
+    cx: l.cx,
+    cy: l.cy,
+    r: l.r,
+    radius: l.radius
+  };
+}
 export {
-  G as default
+  Mt as buildBin,
+  mt as drawHeatmapCells,
+  gt as drawHeatmapOverview,
+  dt as getVisibleRange,
+  wt as hitTestCell
 };
 //# sourceMappingURL=visualization.es113.js.map