@weng-lab/visualization 2.4.1 → 2.4.2

package/dist/visualization.es108.js

@@ -1,73 +1,127 @@
-function x(t, c, a, r) {
-  const n = (t.x0 + t.x1) / 2, e = (t.y0 + t.y1) / 2;
-  switch (c) {
-    case "topLeft":
-      return {
-        textX: t.x0 + 6,
-        textY: t.y0 + 10,
-        valueY: r ? t.y0 + 17 : t.y0 + 40,
-        valueX: r ? t.x1 - 6 : t.x0 + 6,
-        textAnchor: "start",
-        valueAnchor: r ? "end" : "start",
-        baseline: "hanging"
-      };
-    case "topRight":
-      return {
-        textX: t.x1 - 6,
-        textY: t.y0 + 10,
-        valueY: t.y0 + 40,
-        valueX: t.x1 - 6,
-        textAnchor: "end",
-        valueAnchor: "end",
-        baseline: "hanging"
-      };
-    case "bottomLeft":
-      return {
-        textX: t.x0 + 6,
-        textY: a ? t.y1 - 35 : t.y1 - 15,
-        valueY: t.y1 - 15,
-        valueX: t.x0 + 6,
-        textAnchor: "start",
-        valueAnchor: "start",
-        baseline: "alphabetic"
-      };
-    case "bottomRight":
-      return {
-        textX: t.x1 - 6,
-        textY: a ? t.y1 - 35 : t.y1 - 15,
-        valueY: t.y1 - 15,
-        valueX: t.x1 - 6,
-        textAnchor: "end",
-        valueAnchor: "end",
-        baseline: "alphabetic"
-      };
-    default:
-      return {
-        textX: n,
-        textY: a ? e - 5 : e + 5,
-        valueY: e + 15,
-        valueX: n,
-        textAnchor: "middle",
-        valueAnchor: "middle",
-        baseline: "middle"
-      };
+import { cellKey as D, resolveCellAppearance as H } from "./visualization.es107.js";
+const w = (t, o, n) => Math.min(Math.max(t, o), n);
+function x(t, o, n) {
+  const {
+    xScale: a,
+    cellYScale: r,
+    gap: i,
+    isRect: l,
+    binWidth: c,
+    binHeight: u
+  } = t;
+  if (l)
+    return {
+      isRect: !0,
+      x: a(o),
+      y: r(n) + i,
+      width: c - i,
+      height: u - i
+    };
+  const e = Math.min(c, u) / 2;
+  return {
+    isRect: !1,
+    cx: o * c + c / 2,
+    cy: r(n) + i + e,
+    r: e - i,
+    radius: e
+  };
+}
+function W(t, o, n, a, r, i) {
+  const {
+    data: l,
+    numRows: c,
+    binWidth: u,
+    binHeight: e,
+    yMax: s
+  } = t;
+  return {
+    colStart: w(Math.floor(o / u) - i, 0, Math.max(0, l.length - 1)),
+    colEnd: w(Math.ceil((o + a) / u) + i, 0, Math.max(0, l.length - 1)),
+    rowStart: w(Math.floor((s - (n + r)) / e) - i, 0, Math.max(0, c - 1)),
+    rowEnd: w(Math.floor((s - n) / e) + i, 0, Math.max(0, c - 1))
+  };
+}
+function C(t, o, n, a) {
+  const {
+    data: r,
+    colorScale: i,
+    selectedKeys: l,
+    deselectedColor: c
+  } = o;
+  let u = null, e = -1;
+  for (let s = n.colStart; s <= n.colEnd; s++) {
+    const y = r[s];
+    if (y)
+      for (let f = n.rowStart; f <= n.rowEnd; f++) {
+        const M = y.rows[f];
+        if (!M) continue;
+        const g = M.count, R = g == null ? void 0 : i(g), A = !!l && !l.has(D({
+          row: f,
+          column: s
+        })), {
+          fill: d,
+          fillOpacity: m
+        } = H(g, R, A, c);
+        if (m <= 0) continue;
+        const h = x(o, s, f);
+        m !== e && (t.globalAlpha = m, e = m), d !== u && (t.fillStyle = d, u = d);
+        const b = a !== null && a.row === f && a.column === s;
+        if (h.isRect) {
+          const p = Math.max(h.width, 0), S = Math.max(h.height, 0);
+          t.fillRect(h.x, h.y, p, S), b && (t.beginPath(), t.rect(h.x, h.y, p, S));
+        } else
+          t.beginPath(), t.arc(h.cx, h.cy, Math.max(h.r, 0), 0, Math.PI * 2), t.fill();
+        b && (t.globalAlpha = 1, e = 1, t.lineWidth = 2, t.strokeStyle = d, t.stroke());
+      }
   }
+  t.globalAlpha = 1;
 }
-function l(t, c, a) {
-  const u = document.createElement("canvas").getContext("2d");
-  return u ? (u.font = `${c}px ${a}`, u.measureText(t).width) : 0;
+function P(t, o, n) {
+  const {
+    data: a,
+    numRows: r,
+    binWidth: i,
+    binHeight: l,
+    yMax: c
+  } = t;
+  if (o < 0 || n < 0) return null;
+  const u = Math.floor(o / i), e = Math.floor((c - n) / l);
+  return u < 0 || u >= a.length || e < 0 || e >= r || !a[u]?.rows[e] ? null : {
+    row: e,
+    column: u
+  };
 }
-function s(t, c, a, r) {
-  const n = document.createElement("canvas").getContext("2d");
-  if (!n || (n.font = `${a}px ${r}`, n.measureText(t).width <= c)) return t;
-  let e = t;
-  for (; e.length > 0 && n.measureText(e + "…").width > c; )
-    e = e.slice(0, -1);
-  return e === "" ? "" : e + "...";
+function k(t, o) {
+  const n = t.data[o.column], a = n?.rows[o.row];
+  if (!n || !a) return null;
+  const r = a.count, i = r == null ? void 0 : t.colorScale(r), l = x(t, o.column, o.row), c = {
+    bin: a,
+    row: o.row,
+    column: o.column,
+    datum: n,
+    gap: t.gap,
+    count: r,
+    color: i,
+    opacity: r == null ? void 0 : 1
+  };
+  return l.isRect ? {
+    ...c,
+    x: l.x,
+    y: l.y,
+    width: l.width,
+    height: l.height
+  } : {
+    ...c,
+    cx: l.cx,
+    cy: l.cy,
+    r: l.r,
+    radius: l.radius
+  };
 }
 export {
-  x as getLabelPlacement,
-  l as measureTextWidth,
-  s as truncateTextToWidth
+  k as buildBin,
+  C as drawHeatmapCells,
+  W as getVisibleRange,
+  P as hitTestCell
 };
 //# sourceMappingURL=visualization.es108.js.map

package/dist/visualization.es108.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es108.js","sources":["../src/components/TreeMap/helpers.ts"],"sourcesContent":["import { HierarchyRectangularNode } from \"@visx/hierarchy\";\nimport { TreemapNode, TreemapProps } from \"./types\";\n\n//get coords for label placement based on user input\nexport function getLabelPlacement(\n    node: HierarchyRectangularNode<TreemapNode<any>>,\n    placement: TreemapProps<any>[\"labelPlacement\"],\n    showValue?: boolean,\n    hasChildren?: boolean\n) {\n    const padding = 6;\n    const cx = (node.x0 + node.x1) / 2;\n    const cy = (node.y0 + node.y1) / 2;\n\n    switch (placement) {\n        case \"topLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: node.y0 + 10,\n                valueY: hasChildren ? node.y0 + 17 : node.y0 + 40,\n                valueX: hasChildren ? node.x1 - padding : node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: hasChildren ? \"end\" : \"start\",\n                baseline: \"hanging\",\n            } as const;\n        case \"topRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: node.y0 + 10,\n                valueY: node.y0 + 40,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"hanging\",\n            } as const;\n        case \"bottomLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15 ,\n                valueY: node.y1 - 15,\n                valueX: node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: \"start\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"bottomRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15,\n                valueY: node.y1 - 15,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"middle\":\n        default:\n            return {\n                textX: cx,\n                textY: showValue ? cy - 5 : cy + 5,\n                valueY: cy + 15,\n                valueX: cx,\n                textAnchor: \"middle\",\n                valueAnchor: \"middle\",\n                baseline: \"middle\",\n            } as const;\n    }\n}\n\n//Check if text exceeds box\nexport function measureTextWidth(text: string, fontSize: number, fontFamily: string) {\n    const canvas = document.createElement(\"canvas\");\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return 0;\n    ctx.font = `${fontSize}px ${fontFamily}`;\n    return ctx.measureText(text).width;\n}\n\n//truncate text with ... to fit in box\nexport function truncateTextToWidth(\n  text: string,\n  maxWidth: number,\n  fontSize: number,\n  fontFamily: string\n): string {\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return text;\n\n  ctx.font = `${fontSize}px ${fontFamily}`;\n  if (ctx.measureText(text).width <= maxWidth) return text;\n\n  let truncated = text;\n  while (truncated.length > 0 && ctx.measureText(truncated + \"…\").width > maxWidth) {\n    truncated = truncated.slice(0, -1);\n  }\n\n  const result = truncated === \"\" ? \"\" : truncated + \"...\"\n\n  return result;\n}\n"],"names":["getLabelPlacement","node","placement","showValue","hasChildren","cx","x0","x1","cy","y0","y1","textX","padding","textY","valueY","valueX","textAnchor","valueAnchor","baseline","measureTextWidth","text","fontSize","fontFamily","ctx","document","createElement","getContext","font","measureText","width","truncateTextToWidth","maxWidth","truncated","length","slice"],"mappings":"AAIO,SAASA,EACZC,GACAC,GACAC,GACAC,GACF;AAEE,QAAMC,KAAMJ,EAAKK,KAAKL,EAAKM,MAAM,GAC3BC,KAAMP,EAAKQ,KAAKR,EAAKS,MAAM;AAEjC,UAAQR,GAAAA;AAAAA,IACJ,KAAK;AACD,aAAO;AAAA,QACHS,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQV,IAAcH,EAAKQ,KAAK,KAAKR,EAAKQ,KAAK;AAAA,QAC/CM,QAAQX,IAAcH,EAAKM,KAAKK,IAAUX,EAAKK,KAAKM;AAAAA,QACpDI,YAAY;AAAA,QACZC,aAAab,IAAc,QAAQ;AAAA,QACnCc,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQb,EAAKQ,KAAK;AAAA,QAClBM,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKK,KAAKM;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAGlB;AACI,aAAO;AAAA,QACHP,OAAON;AAAAA,QACPQ,OAAOV,IAAYK,IAAK,IAAIA,IAAK;AAAA,QACjCM,QAAQN,IAAK;AAAA,QACbO,QAAQV;AAAAA,QACRW,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,EACd;AAEZ;AAGO,SAASC,EAAiBC,GAAcC,GAAkBC,GAAoB;AAEjF,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAClC,SAAKH,KACLA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAC/BC,EAAIK,YAAYR,CAAI,EAAES,SAFZ;AAGrB;AAGO,SAASC,EACdV,GACAW,GACAV,GACAC,GACQ;AAER,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAIlC,MAHI,CAACH,MAELA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAClCC,EAAIK,YAAYR,CAAI,EAAES,SAASE,GAAU,QAAOX;AAEpD,MAAIY,IAAYZ;AAChB,SAAOY,EAAUC,SAAS,KAAKV,EAAIK,YAAYI,IAAY,GAAG,EAAEH,QAAQE;AACtEC,IAAAA,IAAYA,EAAUE,MAAM,GAAG,EAAE;AAKnC,SAFeF,MAAc,KAAK,KAAKA,IAAY;AAGrD;"}
+{"version":3,"file":"visualization.es108.js","sources":["../src/components/Heatmap/HeatmapCanvasCells.ts"],"sourcesContent":["import type { ColumnDatum, HeatmapCellId } from \"./types\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport { cellKey, resolveCellAppearance } from \"./heatmapCellAppearance\";\n\n/**\n * Everything the canvas draw loop and hit-testing need to place a cell exactly where the SVG\n * path (HeatmapCells.tsx, via @visx/heatmap's HeatmapRect/HeatmapCircle) would. xScale/cellYScale\n * are the same functions Heatmap.tsx already builds and passes to HeatmapCells.\n */\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  gap: number;\n  isRect: boolean;\n  binWidth: number;\n  binHeight: number;\n  yMax: number;\n  selectedKeys: Set<string> | null;\n  deselectedColor: string;\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 bin geometry exactly (see their source:\n// node_modules/@visx/heatmap/lib/heatmaps/{HeatmapRect,HeatmapCircle}.js) so canvas-drawn cells\n// land on the same pixels the SVG path (export, non-scrollable mode) would draw them at. The\n// circle center's x mirrors HeatmapCell.tsx's own recomputation (col*binWidth + binWidth/2)\n// rather than @visx/heatmap's raw cx, for the same reason that file does it: keeps circles\n// centered in their cell regardless of the configured radius.\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 * Column/row index bounds (inclusive) that intersect the given scroll viewport, plus a small\n * overscan so a cell is already drawn just before it scrolls into view rather than popping in a\n * frame late. Row bounds are derived from cellYScale's own convention (row 0 at the bottom of\n * the grid, row numRows-1 at the top): a cell at row r occupies content-y band\n * [yMax-(r+1)*binHeight, yMax-r*binHeight), so the row under a given y is\n * 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). */\nexport function drawHeatmapCells(\n  ctx: CanvasRenderingContext2D,\n  params: CanvasCellParams,\n  range: CanvasDrawRange,\n  hoveredCell: HeatmapCellId | null\n) {\n  const { data, colorScale, selectedKeys, deselectedColor } = params;\n  // fillStyle/globalAlpha assignment forces the browser to re-parse the CSS color string even\n  // when it's unchanged from the previous cell - skipping redundant writes matters at this scale\n  // (this loop runs per-cell, up to hundreds of thousands of times for the minimap's full-dataset\n  // draw). Rects also use fillRect directly (no beginPath/rect/fill trio) since it's a faster\n  // native path for solid fills; a path is only built for a cell when it's the hovered one, so\n  // its outline can still be stroked.\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 isDeselected = !!selectedKeys && !selectedKeys.has(cellKey({ row, column: col }));\n      const { fill, fillOpacity } = resolveCellAppearance(count, color, isDeselected, deselectedColor);\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\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","deselectedColor","lastFill","lastAlpha","columnDatum","rowDatum","rows","count","color","undefined","isDeselected","has","cellKey","column","fill","fillOpacity","resolveCellAppearance","geometry","globalAlpha","fillStyle","isHovered","fillRect","beginPath","rect","arc","PI","lineWidth","strokeStyle","stroke","hitTestCell","contentX","contentY","buildBin","cell","shared","bin","datum","opacity"],"mappings":"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"}

package/dist/visualization.es109.js

@@ -1,225 +1,83 @@
-import { __module as O } from "./visualization.es110.js";
-import { __require as q } from "./visualization.es111.js";
-var j = O.exports, x;
-function W() {
-  return x ? O.exports : (x = 1, (function(b, Q) {
-    (function(c, d) {
-      b.exports = d(q());
-    })(j, function(F) {
-      return (
-        /******/
-        (function(c) {
-          var d = {};
-          function o(i) {
-            if (d[i])
-              return d[i].exports;
-            var n = d[i] = {
-              /******/
-              i,
-              /******/
-              l: !1,
-              /******/
-              exports: {}
-              /******/
-            };
-            return c[i].call(n.exports, n, n.exports, o), n.l = !0, n.exports;
-          }
-          return o.m = c, o.c = d, o.i = function(i) {
-            return i;
-          }, o.d = function(i, n, s) {
-            o.o(i, n) || Object.defineProperty(i, n, {
-              /******/
-              configurable: !1,
-              /******/
-              enumerable: !0,
-              /******/
-              get: s
-              /******/
-            });
-          }, o.n = function(i) {
-            var n = i && i.__esModule ? (
-              /******/
-              function() {
-                return i.default;
-              }
-            ) : (
-              /******/
-              function() {
-                return i;
-              }
-            );
-            return o.d(n, "a", n), n;
-          }, o.o = function(i, n) {
-            return Object.prototype.hasOwnProperty.call(i, n);
-          }, o.p = "", o(o.s = 1);
-        })([
-          /* 0 */
-          /***/
-          (function(c, d) {
-            c.exports = F;
-          }),
-          /* 1 */
-          /***/
-          (function(c, d, o) {
-            var i = o(0).layoutBase.LayoutConstants, n = o(0).layoutBase.FDLayoutConstants, s = o(0).CoSEConstants, H = o(0).CoSELayout, G = o(0).CoSENode, B = o(0).layoutBase.PointD, V = o(0).layoutBase.DimensionD, Y = {
-              // Called on `layoutready`
-              ready: function() {
-              },
-              // Called on `layoutstop`
-              stop: function() {
-              },
-              // 'draft', 'default' or 'proof" 
-              // - 'draft' fast cooling rate 
-              // - 'default' moderate cooling rate 
-              // - "proof" slow cooling rate
-              quality: "default",
-              // include labels in node dimensions
-              nodeDimensionsIncludeLabels: !1,
-              // number of ticks per frame; higher is faster but more jerky
-              refresh: 30,
-              // Whether to fit the network view after when done
-              fit: !0,
-              // Padding on fit
-              padding: 10,
-              // Whether to enable incremental mode
-              randomize: !0,
-              // Node repulsion (non overlapping) multiplier
-              nodeRepulsion: 4500,
-              // Ideal edge (non nested) length
-              idealEdgeLength: 50,
-              // Divisor to compute edge forces
-              edgeElasticity: 0.45,
-              // Nesting factor (multiplier) to compute ideal edge length for nested edges
-              nestingFactor: 0.1,
-              // Gravity force (constant)
-              gravity: 0.25,
-              // Maximum number of iterations to perform
-              numIter: 2500,
-              // For enabling tiling
-              tile: !0,
-              // Type of layout animation. The option set is {'during', 'end', false}
-              animate: "end",
-              // Duration for animate:end
-              animationDuration: 500,
-              // Represents the amount of the vertical space to put between the zero degree members during the tiling operation(can also be a function)
-              tilingPaddingVertical: 10,
-              // Represents the amount of the horizontal space to put between the zero degree members during the tiling operation(can also be a function)
-              tilingPaddingHorizontal: 10,
-              // Gravity range (constant) for compounds
-              gravityRangeCompound: 1.5,
-              // Gravity force (constant) for compounds
-              gravityCompound: 1,
-              // Gravity range (constant)
-              gravityRange: 3.8,
-              // Initial cooling factor for incremental layout
-              initialEnergyOnIncremental: 0.5
-            };
-            function h(u, t) {
-              var l = {};
-              for (var r in u)
-                l[r] = u[r];
-              for (var r in t)
-                l[r] = t[r];
-              return l;
-            }
-            function p(u) {
-              this.options = h(Y, u), w(this.options);
-            }
-            var w = function(t) {
-              t.nodeRepulsion != null && (s.DEFAULT_REPULSION_STRENGTH = n.DEFAULT_REPULSION_STRENGTH = t.nodeRepulsion), t.idealEdgeLength != null && (s.DEFAULT_EDGE_LENGTH = n.DEFAULT_EDGE_LENGTH = t.idealEdgeLength), t.edgeElasticity != null && (s.DEFAULT_SPRING_STRENGTH = n.DEFAULT_SPRING_STRENGTH = t.edgeElasticity), t.nestingFactor != null && (s.PER_LEVEL_IDEAL_EDGE_LENGTH_FACTOR = n.PER_LEVEL_IDEAL_EDGE_LENGTH_FACTOR = t.nestingFactor), t.gravity != null && (s.DEFAULT_GRAVITY_STRENGTH = n.DEFAULT_GRAVITY_STRENGTH = t.gravity), t.numIter != null && (s.MAX_ITERATIONS = n.MAX_ITERATIONS = t.numIter), t.gravityRange != null && (s.DEFAULT_GRAVITY_RANGE_FACTOR = n.DEFAULT_GRAVITY_RANGE_FACTOR = t.gravityRange), t.gravityCompound != null && (s.DEFAULT_COMPOUND_GRAVITY_STRENGTH = n.DEFAULT_COMPOUND_GRAVITY_STRENGTH = t.gravityCompound), t.gravityRangeCompound != null && (s.DEFAULT_COMPOUND_GRAVITY_RANGE_FACTOR = n.DEFAULT_COMPOUND_GRAVITY_RANGE_FACTOR = t.gravityRangeCompound), t.initialEnergyOnIncremental != null && (s.DEFAULT_COOLING_FACTOR_INCREMENTAL = n.DEFAULT_COOLING_FACTOR_INCREMENTAL = t.initialEnergyOnIncremental), t.quality == "draft" ? i.QUALITY = 0 : t.quality == "proof" ? i.QUALITY = 2 : i.QUALITY = 1, s.NODE_DIMENSIONS_INCLUDE_LABELS = n.NODE_DIMENSIONS_INCLUDE_LABELS = i.NODE_DIMENSIONS_INCLUDE_LABELS = t.nodeDimensionsIncludeLabels, s.DEFAULT_INCREMENTAL = n.DEFAULT_INCREMENTAL = i.DEFAULT_INCREMENTAL = !t.randomize, s.ANIMATE = n.ANIMATE = i.ANIMATE = t.animate, s.TILE = t.tile, s.TILING_PADDING_VERTICAL = typeof t.tilingPaddingVertical == "function" ? t.tilingPaddingVertical.call() : t.tilingPaddingVertical, s.TILING_PADDING_HORIZONTAL = typeof t.tilingPaddingHorizontal == "function" ? t.tilingPaddingHorizontal.call() : t.tilingPaddingHorizontal;
-            };
-            p.prototype.run = function() {
-              var u, t, l = this.options;
-              this.idToLNode = {};
-              var r = this.layout = new H(), a = this;
-              a.stopped = !1, this.cy = this.options.cy, this.cy.trigger({ type: "layoutstart", layout: this });
-              var e = r.newGraphManager();
-              this.gm = e;
-              var g = this.options.eles.nodes(), f = this.options.eles.edges();
-              this.root = e.addRoot(), this.processChildrenList(this.root, this.getTopMostNodes(g), r);
-              for (var E = 0; E < f.length; E++) {
-                var A = f[E], v = this.idToLNode[A.data("source")], D = this.idToLNode[A.data("target")];
-                if (v !== D && v.getEdgesBetween(D).length == 0) {
-                  var N = e.add(r.newEdge(), v, D);
-                  N.id = A.id();
-                }
-              }
-              var U = function(L, m) {
-                typeof L == "number" && (L = m);
-                var I = L.data("id"), R = a.idToLNode[I];
-                return {
-                  x: R.getRect().getCenterX(),
-                  y: R.getRect().getCenterY()
-                };
-              }, z = function S() {
-                for (var L = function() {
-                  l.fit && l.cy.fit(l.eles, l.padding), u || (u = !0, a.cy.one("layoutready", l.ready), a.cy.trigger({ type: "layoutready", layout: a }));
-                }, m = a.options.refresh, I, R = 0; R < m && !I; R++)
-                  I = a.stopped || a.layout.tick();
-                if (I) {
-                  r.checkLayoutSuccess() && !r.isSubLayout && r.doPostLayout(), r.tilingPostLayout && r.tilingPostLayout(), r.isLayoutFinished = !0, a.options.eles.nodes().positions(U), L(), a.cy.one("layoutstop", a.options.stop), a.cy.trigger({ type: "layoutstop", layout: a }), t && cancelAnimationFrame(t), u = !1;
-                  return;
-                }
-                var C = a.layout.getPositionsData();
-                l.eles.nodes().positions(function(y, k) {
-                  if (typeof y == "number" && (y = k), !y.isParent()) {
-                    for (var M = y.id(), T = C[M], _ = y; T == null && (T = C[_.data("parent")] || C["DummyCompound_" + _.data("parent")], C[M] = T, _ = _.parent()[0], _ != null); )
-                      ;
-                    return T != null ? {
-                      x: T.x,
-                      y: T.y
-                    } : {
-                      x: y.position("x"),
-                      y: y.position("y")
-                    };
-                  }
-                }), L(), t = requestAnimationFrame(S);
-              };
-              return r.addListener("layoutstarted", function() {
-                a.options.animate === "during" && (t = requestAnimationFrame(z));
-              }), r.runLayout(), this.options.animate !== "during" && (a.options.eles.nodes().not(":parent").layoutPositions(a, a.options, U), u = !1), this;
-            }, p.prototype.getTopMostNodes = function(u) {
-              for (var t = {}, l = 0; l < u.length; l++)
-                t[u[l].id()] = !0;
-              var r = u.filter(function(a, e) {
-                typeof a == "number" && (a = e);
-                for (var g = a.parent()[0]; g != null; ) {
-                  if (t[g.id()])
-                    return !1;
-                  g = g.parent()[0];
-                }
-                return !0;
-              });
-              return r;
-            }, p.prototype.processChildrenList = function(u, t, l) {
-              for (var r = t.length, a = 0; a < r; a++) {
-                var e = t[a], g = e.children(), f, E = e.layoutDimensions({
-                  nodeDimensionsIncludeLabels: this.options.nodeDimensionsIncludeLabels
-                });
-                if (e.outerWidth() != null && e.outerHeight() != null ? f = u.add(new G(l.graphManager, new B(e.position("x") - E.w / 2, e.position("y") - E.h / 2), new V(parseFloat(E.w), parseFloat(E.h)))) : f = u.add(new G(this.graphManager)), f.id = e.data("id"), f.paddingLeft = parseInt(e.css("padding")), f.paddingTop = parseInt(e.css("padding")), f.paddingRight = parseInt(e.css("padding")), f.paddingBottom = parseInt(e.css("padding")), this.options.nodeDimensionsIncludeLabels && e.isParent()) {
-                  var A = e.boundingBox({ includeLabels: !0, includeNodes: !1 }).w, v = e.boundingBox({ includeLabels: !0, includeNodes: !1 }).h, D = e.css("text-halign");
-                  f.labelWidth = A, f.labelHeight = v, f.labelPos = D;
-                }
-                if (this.idToLNode[e.data("id")] = f, isNaN(f.rect.x) && (f.rect.x = 0), isNaN(f.rect.y) && (f.rect.y = 0), g != null && g.length > 0) {
-                  var N;
-                  N = l.getGraphManager().add(l.newGraph(), f), this.processChildrenList(N, g, l);
-                }
-              }
-            }, p.prototype.stop = function() {
-              return this.stopped = !0, this;
-            };
-            var P = function(t) {
-              t("layout", "cose-bilkent", p);
-            };
-            typeof cytoscape < "u" && P(cytoscape), c.exports = P;
-          })
-          /******/
-        ])
-      );
+import { jsxs as U, jsx as X } from "react/jsx-runtime";
+import { useRef as Y, useEffect as k, useCallback as l } from "react";
+import { drawHeatmapCells as q } from "./visualization.es108.js";
+const m = (c, o, e) => Math.min(Math.max(c, o), e), J = ({
+  canvasCellParams: c,
+  xMax: o,
+  yMax: e,
+  viewportWidth: a,
+  viewportHeight: s,
+  scrollLeft: b,
+  scrollTop: P,
+  width: i,
+  height: d,
+  onNavigate: f,
+  onCanvasClick: R,
+  onReady: g
+}) => {
+  const D = Y(null), n = o > 0 ? i / o : 0, r = e > 0 ? d / e : 0, S = Y(g);
+  S.current = g, k(() => {
+    const t = D.current;
+    if (!t || n <= 0 || r <= 0) return;
+    const u = requestAnimationFrame(() => {
+      const p = t.getContext("2d");
+      if (!p) return;
+      const I = window.devicePixelRatio || 1;
+      p.setTransform(I * n, 0, 0, I * r, 0, 0), p.clearRect(0, 0, o, e);
+      const M = {
+        colStart: 0,
+        colEnd: Math.max(0, c.data.length - 1),
+        rowStart: 0,
+        rowEnd: Math.max(0, c.numRows - 1)
+      };
+      q(p, c, M, null), S.current?.();
     });
-  })(O), O.exports);
-}
+    return () => cancelAnimationFrame(u);
+  }, [c, o, e, n, r]);
+  const T = l((t, u) => {
+    f(m(t - a / 2, 0, Math.max(0, o - a)), m(u - s / 2, 0, Math.max(0, e - s)));
+  }, [f, a, s, o, e]), h = l((t) => {
+    if (R) {
+      R();
+      return;
+    }
+    if (n <= 0 || r <= 0) return;
+    const u = t.currentTarget.getBoundingClientRect();
+    T((t.clientX - u.left) / n, (t.clientY - u.top) / r);
+  }, [R, T, n, r]), j = l((t) => {
+    t.stopPropagation(), t.currentTarget.setPointerCapture(t.pointerId);
+  }, []), x = l((t) => {
+    n <= 0 || r <= 0 || !t.currentTarget.hasPointerCapture(t.pointerId) || f(m(b + t.movementX / n, 0, Math.max(0, o - a)), m(P + t.movementY / r, 0, Math.max(0, e - s)));
+  }, [b, P, n, r, o, e, a, s, f]), z = l((t) => {
+    t.currentTarget.releasePointerCapture(t.pointerId);
+  }, []), C = m(b * n, 0, i), E = m(P * r, 0, d), A = Math.max(0, Math.min(a * n, i - C)), F = Math.max(0, Math.min(s * r, d - E));
+  return /* @__PURE__ */ U("div", { style: {
+    position: "relative",
+    width: i,
+    height: d
+  }, children: [
+    /* @__PURE__ */ X("canvas", { ref: D, width: i * (window.devicePixelRatio || 1), height: d * (window.devicePixelRatio || 1), style: {
+      width: i,
+      height: d,
+      display: "block",
+      cursor: "pointer",
+      border: "1px solid #d5d5d5",
+      boxSizing: "border-box"
+    }, onPointerDown: h }),
+    /* @__PURE__ */ X("div", { onPointerDown: j, onPointerMove: x, onPointerUp: z, style: {
+      position: "absolute",
+      left: C,
+      top: E,
+      width: A,
+      height: F,
+      border: "2px solid #0d0f98",
+      backgroundColor: "rgba(13, 15, 152, 0.15)",
+      cursor: "grab",
+      boxSizing: "border-box"
+    } })
+  ] });
+};
 export {
-  W as __require
+  J as default
 };
 //# sourceMappingURL=visualization.es109.js.map

package/dist/visualization.es109.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es109.js","sources":["../../../node_modules/.pnpm/cytoscape-cose-bilkent@4.1.0_cytoscape@3.33.1/node_modules/cytoscape-cose-bilkent/cytoscape-cose-bilkent.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"cose-base\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"cose-base\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"cytoscapeCoseBilkent\"] = factory(require(\"cose-base\"));\n\telse\n\t\troot[\"cytoscapeCoseBilkent\"] = factory(root[\"coseBase\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_0__) {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// identity function for calling harmony imports with the correct context\n/******/ \t__webpack_require__.i = function(value) { return value; };\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 1);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports) {\n\nmodule.exports = __WEBPACK_EXTERNAL_MODULE_0__;\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar LayoutConstants = __webpack_require__(0).layoutBase.LayoutConstants;\nvar FDLayoutConstants = __webpack_require__(0).layoutBase.FDLayoutConstants;\nvar CoSEConstants = __webpack_require__(0).CoSEConstants;\nvar CoSELayout = __webpack_require__(0).CoSELayout;\nvar CoSENode = __webpack_require__(0).CoSENode;\nvar PointD = __webpack_require__(0).layoutBase.PointD;\nvar DimensionD = __webpack_require__(0).layoutBase.DimensionD;\n\nvar defaults = {\n  // Called on `layoutready`\n  ready: function ready() {},\n  // Called on `layoutstop`\n  stop: function stop() {},\n  // 'draft', 'default' or 'proof\" \n  // - 'draft' fast cooling rate \n  // - 'default' moderate cooling rate \n  // - \"proof\" slow cooling rate\n  quality: 'default',\n  // include labels in node dimensions\n  nodeDimensionsIncludeLabels: false,\n  // number of ticks per frame; higher is faster but more jerky\n  refresh: 30,\n  // Whether to fit the network view after when done\n  fit: true,\n  // Padding on fit\n  padding: 10,\n  // Whether to enable incremental mode\n  randomize: true,\n  // Node repulsion (non overlapping) multiplier\n  nodeRepulsion: 4500,\n  // Ideal edge (non nested) length\n  idealEdgeLength: 50,\n  // Divisor to compute edge forces\n  edgeElasticity: 0.45,\n  // Nesting factor (multiplier) to compute ideal edge length for nested edges\n  nestingFactor: 0.1,\n  // Gravity force (constant)\n  gravity: 0.25,\n  // Maximum number of iterations to perform\n  numIter: 2500,\n  // For enabling tiling\n  tile: true,\n  // Type of layout animation. The option set is {'during', 'end', false}\n  animate: 'end',\n  // Duration for animate:end\n  animationDuration: 500,\n  // Represents the amount of the vertical space to put between the zero degree members during the tiling operation(can also be a function)\n  tilingPaddingVertical: 10,\n  // Represents the amount of the horizontal space to put between the zero degree members during the tiling operation(can also be a function)\n  tilingPaddingHorizontal: 10,\n  // Gravity range (constant) for compounds\n  gravityRangeCompound: 1.5,\n  // Gravity force (constant) for compounds\n  gravityCompound: 1.0,\n  // Gravity range (constant)\n  gravityRange: 3.8,\n  // Initial cooling factor for incremental layout\n  initialEnergyOnIncremental: 0.5\n};\n\nfunction extend(defaults, options) {\n  var obj = {};\n\n  for (var i in defaults) {\n    obj[i] = defaults[i];\n  }\n\n  for (var i in options) {\n    obj[i] = options[i];\n  }\n\n  return obj;\n};\n\nfunction _CoSELayout(_options) {\n  this.options = extend(defaults, _options);\n  getUserOptions(this.options);\n}\n\nvar getUserOptions = function getUserOptions(options) {\n  if (options.nodeRepulsion != null) CoSEConstants.DEFAULT_REPULSION_STRENGTH = FDLayoutConstants.DEFAULT_REPULSION_STRENGTH = options.nodeRepulsion;\n  if (options.idealEdgeLength != null) CoSEConstants.DEFAULT_EDGE_LENGTH = FDLayoutConstants.DEFAULT_EDGE_LENGTH = options.idealEdgeLength;\n  if (options.edgeElasticity != null) CoSEConstants.DEFAULT_SPRING_STRENGTH = FDLayoutConstants.DEFAULT_SPRING_STRENGTH = options.edgeElasticity;\n  if (options.nestingFactor != null) CoSEConstants.PER_LEVEL_IDEAL_EDGE_LENGTH_FACTOR = FDLayoutConstants.PER_LEVEL_IDEAL_EDGE_LENGTH_FACTOR = options.nestingFactor;\n  if (options.gravity != null) CoSEConstants.DEFAULT_GRAVITY_STRENGTH = FDLayoutConstants.DEFAULT_GRAVITY_STRENGTH = options.gravity;\n  if (options.numIter != null) CoSEConstants.MAX_ITERATIONS = FDLayoutConstants.MAX_ITERATIONS = options.numIter;\n  if (options.gravityRange != null) CoSEConstants.DEFAULT_GRAVITY_RANGE_FACTOR = FDLayoutConstants.DEFAULT_GRAVITY_RANGE_FACTOR = options.gravityRange;\n  if (options.gravityCompound != null) CoSEConstants.DEFAULT_COMPOUND_GRAVITY_STRENGTH = FDLayoutConstants.DEFAULT_COMPOUND_GRAVITY_STRENGTH = options.gravityCompound;\n  if (options.gravityRangeCompound != null) CoSEConstants.DEFAULT_COMPOUND_GRAVITY_RANGE_FACTOR = FDLayoutConstants.DEFAULT_COMPOUND_GRAVITY_RANGE_FACTOR = options.gravityRangeCompound;\n  if (options.initialEnergyOnIncremental != null) CoSEConstants.DEFAULT_COOLING_FACTOR_INCREMENTAL = FDLayoutConstants.DEFAULT_COOLING_FACTOR_INCREMENTAL = options.initialEnergyOnIncremental;\n\n  if (options.quality == 'draft') LayoutConstants.QUALITY = 0;else if (options.quality == 'proof') LayoutConstants.QUALITY = 2;else LayoutConstants.QUALITY = 1;\n\n  CoSEConstants.NODE_DIMENSIONS_INCLUDE_LABELS = FDLayoutConstants.NODE_DIMENSIONS_INCLUDE_LABELS = LayoutConstants.NODE_DIMENSIONS_INCLUDE_LABELS = options.nodeDimensionsIncludeLabels;\n  CoSEConstants.DEFAULT_INCREMENTAL = FDLayoutConstants.DEFAULT_INCREMENTAL = LayoutConstants.DEFAULT_INCREMENTAL = !options.randomize;\n  CoSEConstants.ANIMATE = FDLayoutConstants.ANIMATE = LayoutConstants.ANIMATE = options.animate;\n  CoSEConstants.TILE = options.tile;\n  CoSEConstants.TILING_PADDING_VERTICAL = typeof options.tilingPaddingVertical === 'function' ? options.tilingPaddingVertical.call() : options.tilingPaddingVertical;\n  CoSEConstants.TILING_PADDING_HORIZONTAL = typeof options.tilingPaddingHorizontal === 'function' ? options.tilingPaddingHorizontal.call() : options.tilingPaddingHorizontal;\n};\n\n_CoSELayout.prototype.run = function () {\n  var ready;\n  var frameId;\n  var options = this.options;\n  var idToLNode = this.idToLNode = {};\n  var layout = this.layout = new CoSELayout();\n  var self = this;\n\n  self.stopped = false;\n\n  this.cy = this.options.cy;\n\n  this.cy.trigger({ type: 'layoutstart', layout: this });\n\n  var gm = layout.newGraphManager();\n  this.gm = gm;\n\n  var nodes = this.options.eles.nodes();\n  var edges = this.options.eles.edges();\n\n  this.root = gm.addRoot();\n  this.processChildrenList(this.root, this.getTopMostNodes(nodes), layout);\n\n  for (var i = 0; i < edges.length; i++) {\n    var edge = edges[i];\n    var sourceNode = this.idToLNode[edge.data(\"source\")];\n    var targetNode = this.idToLNode[edge.data(\"target\")];\n    if (sourceNode !== targetNode && sourceNode.getEdgesBetween(targetNode).length == 0) {\n      var e1 = gm.add(layout.newEdge(), sourceNode, targetNode);\n      e1.id = edge.id();\n    }\n  }\n\n  var getPositions = function getPositions(ele, i) {\n    if (typeof ele === \"number\") {\n      ele = i;\n    }\n    var theId = ele.data('id');\n    var lNode = self.idToLNode[theId];\n\n    return {\n      x: lNode.getRect().getCenterX(),\n      y: lNode.getRect().getCenterY()\n    };\n  };\n\n  /*\n   * Reposition nodes in iterations animatedly\n   */\n  var iterateAnimated = function iterateAnimated() {\n    // Thigs to perform after nodes are repositioned on screen\n    var afterReposition = function afterReposition() {\n      if (options.fit) {\n        options.cy.fit(options.eles, options.padding);\n      }\n\n      if (!ready) {\n        ready = true;\n        self.cy.one('layoutready', options.ready);\n        self.cy.trigger({ type: 'layoutready', layout: self });\n      }\n    };\n\n    var ticksPerFrame = self.options.refresh;\n    var isDone;\n\n    for (var i = 0; i < ticksPerFrame && !isDone; i++) {\n      isDone = self.stopped || self.layout.tick();\n    }\n\n    // If layout is done\n    if (isDone) {\n      // If the layout is not a sublayout and it is successful perform post layout.\n      if (layout.checkLayoutSuccess() && !layout.isSubLayout) {\n        layout.doPostLayout();\n      }\n\n      // If layout has a tilingPostLayout function property call it.\n      if (layout.tilingPostLayout) {\n        layout.tilingPostLayout();\n      }\n\n      layout.isLayoutFinished = true;\n\n      self.options.eles.nodes().positions(getPositions);\n\n      afterReposition();\n\n      // trigger layoutstop when the layout stops (e.g. finishes)\n      self.cy.one('layoutstop', self.options.stop);\n      self.cy.trigger({ type: 'layoutstop', layout: self });\n\n      if (frameId) {\n        cancelAnimationFrame(frameId);\n      }\n\n      ready = false;\n      return;\n    }\n\n    var animationData = self.layout.getPositionsData(); // Get positions of layout nodes note that all nodes may not be layout nodes because of tiling\n\n    // Position nodes, for the nodes whose id does not included in data (because they are removed from their parents and included in dummy compounds)\n    // use position of their ancestors or dummy ancestors\n    options.eles.nodes().positions(function (ele, i) {\n      if (typeof ele === \"number\") {\n        ele = i;\n      }\n      // If ele is a compound node, then its position will be defined by its children\n      if (!ele.isParent()) {\n        var theId = ele.id();\n        var pNode = animationData[theId];\n        var temp = ele;\n        // If pNode is undefined search until finding position data of its first ancestor (It may be dummy as well)\n        while (pNode == null) {\n          pNode = animationData[temp.data('parent')] || animationData['DummyCompound_' + temp.data('parent')];\n          animationData[theId] = pNode;\n          temp = temp.parent()[0];\n          if (temp == undefined) {\n            break;\n          }\n        }\n        if (pNode != null) {\n          return {\n            x: pNode.x,\n            y: pNode.y\n          };\n        } else {\n          return {\n            x: ele.position('x'),\n            y: ele.position('y')\n          };\n        }\n      }\n    });\n\n    afterReposition();\n\n    frameId = requestAnimationFrame(iterateAnimated);\n  };\n\n  /*\n  * Listen 'layoutstarted' event and start animated iteration if animate option is 'during'\n  */\n  layout.addListener('layoutstarted', function () {\n    if (self.options.animate === 'during') {\n      frameId = requestAnimationFrame(iterateAnimated);\n    }\n  });\n\n  layout.runLayout(); // Run cose layout\n\n  /*\n   * If animate option is not 'during' ('end' or false) perform these here (If it is 'during' similar things are already performed)\n   */\n  if (this.options.animate !== \"during\") {\n    self.options.eles.nodes().not(\":parent\").layoutPositions(self, self.options, getPositions); // Use layout positions to reposition the nodes it considers the options parameter\n    ready = false;\n  }\n\n  return this; // chaining\n};\n\n//Get the top most ones of a list of nodes\n_CoSELayout.prototype.getTopMostNodes = function (nodes) {\n  var nodesMap = {};\n  for (var i = 0; i < nodes.length; i++) {\n    nodesMap[nodes[i].id()] = true;\n  }\n  var roots = nodes.filter(function (ele, i) {\n    if (typeof ele === \"number\") {\n      ele = i;\n    }\n    var parent = ele.parent()[0];\n    while (parent != null) {\n      if (nodesMap[parent.id()]) {\n        return false;\n      }\n      parent = parent.parent()[0];\n    }\n    return true;\n  });\n\n  return roots;\n};\n\n_CoSELayout.prototype.processChildrenList = function (parent, children, layout) {\n  var size = children.length;\n  for (var i = 0; i < size; i++) {\n    var theChild = children[i];\n    var children_of_children = theChild.children();\n    var theNode;\n\n    var dimensions = theChild.layoutDimensions({\n      nodeDimensionsIncludeLabels: this.options.nodeDimensionsIncludeLabels\n    });\n\n    if (theChild.outerWidth() != null && theChild.outerHeight() != null) {\n      theNode = parent.add(new CoSENode(layout.graphManager, new PointD(theChild.position('x') - dimensions.w / 2, theChild.position('y') - dimensions.h / 2), new DimensionD(parseFloat(dimensions.w), parseFloat(dimensions.h))));\n    } else {\n      theNode = parent.add(new CoSENode(this.graphManager));\n    }\n    // Attach id to the layout node\n    theNode.id = theChild.data(\"id\");\n    // Attach the paddings of cy node to layout node\n    theNode.paddingLeft = parseInt(theChild.css('padding'));\n    theNode.paddingTop = parseInt(theChild.css('padding'));\n    theNode.paddingRight = parseInt(theChild.css('padding'));\n    theNode.paddingBottom = parseInt(theChild.css('padding'));\n\n    //Attach the label properties to compound if labels will be included in node dimensions  \n    if (this.options.nodeDimensionsIncludeLabels) {\n      if (theChild.isParent()) {\n        var labelWidth = theChild.boundingBox({ includeLabels: true, includeNodes: false }).w;\n        var labelHeight = theChild.boundingBox({ includeLabels: true, includeNodes: false }).h;\n        var labelPos = theChild.css(\"text-halign\");\n        theNode.labelWidth = labelWidth;\n        theNode.labelHeight = labelHeight;\n        theNode.labelPos = labelPos;\n      }\n    }\n\n    // Map the layout node\n    this.idToLNode[theChild.data(\"id\")] = theNode;\n\n    if (isNaN(theNode.rect.x)) {\n      theNode.rect.x = 0;\n    }\n\n    if (isNaN(theNode.rect.y)) {\n      theNode.rect.y = 0;\n    }\n\n    if (children_of_children != null && children_of_children.length > 0) {\n      var theNewGraph;\n      theNewGraph = layout.getGraphManager().add(layout.newGraph(), theNode);\n      this.processChildrenList(theNewGraph, children_of_children, layout);\n    }\n  }\n};\n\n/**\n * @brief : called on continuous layouts to stop them before they finish\n */\n_CoSELayout.prototype.stop = function () {\n  this.stopped = true;\n\n  return this; // chaining\n};\n\nvar register = function register(cytoscape) {\n  //  var Layout = getLayout( cytoscape );\n\n  cytoscape('layout', 'cose-bilkent', _CoSELayout);\n};\n\n// auto reg for globals\nif (typeof cytoscape !== 'undefined') {\n  register(cytoscape);\n}\n\nmodule.exports = register;\n\n/***/ })\n/******/ ]);\n});"],"names":["root","factory","module","require$$0","this","__WEBPACK_EXTERNAL_MODULE_0__","modules","installedModules","__webpack_require__","moduleId","value","exports","name","getter","object","property","LayoutConstants","FDLayoutConstants","CoSEConstants","CoSELayout","CoSENode","PointD","DimensionD","defaults","extend","options","obj","i","_CoSELayout","_options","getUserOptions","ready","frameId","layout","self","gm","nodes","edges","edge","sourceNode","targetNode","e1","getPositions","ele","theId","lNode","iterateAnimated","afterReposition","ticksPerFrame","isDone","animationData","pNode","temp","nodesMap","roots","parent","children","size","theChild","children_of_children","theNode","dimensions","labelWidth","labelHeight","labelPos","theNewGraph","register","cytoscape"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es109.js","sources":["../src/components/Heatmap/scrollable/HeatmapMiniMap.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport { drawHeatmapCells, type CanvasCellParams } from \"../HeatmapCanvasCells\";\n\nexport interface HeatmapMiniMapProps {\n  canvasCellParams: CanvasCellParams;\n  xMax: number;\n  yMax: number;\n  viewportWidth: number;\n  viewportHeight: number;\n  scrollLeft: number;\n  scrollTop: number;\n  width: number;\n  height: number;\n  onNavigate: (left: number, top: number) => void;\n  onCanvasClick?: () => void;\n  /** Fires after each draw completes, so a caller (e.g. the expanded popup) can show its own\n   * loading state for the full-dataset draw without this component needing to know about it. */\n  onReady?: () => void;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\nconst HeatmapMiniMap = ({\n  canvasCellParams,\n  xMax,\n  yMax,\n  viewportWidth,\n  viewportHeight,\n  scrollLeft,\n  scrollTop,\n  width,\n  height,\n  onNavigate,\n  onCanvasClick,\n  onReady,\n}: HeatmapMiniMapProps) => {\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const scaleX = xMax > 0 ? width / xMax : 0;\n  const scaleY = yMax > 0 ? height / yMax : 0;\n\n  // Read via a ref rather than as an effect dependency below - onReady is commonly passed as an\n  // inline arrow function, and putting it in the deps array would re-trigger (and re-run) the\n  // draw effect on every parent render instead of only when the drawable content actually changes.\n  const onReadyRef = useRef(onReady);\n  onReadyRef.current = onReady;\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas || scaleX <= 0 || scaleY <= 0) return;\n    // The full-dataset draw below is synchronous and can take a while for large grids (the\n    // minimap has no windowing, unlike the main grid). Deferring it a frame lets the surrounding\n    // UI - the expanded popup's backdrop, border, and title bar - paint first, so opening the\n    // minimap feels immediate instead of the whole popup appearing to hang.\n    const raf = requestAnimationFrame(() => {\n      const ctx = canvas.getContext(\"2d\");\n      if (!ctx) return;\n      const dpr = window.devicePixelRatio || 1;\n      ctx.setTransform(dpr * scaleX, 0, 0, dpr * scaleY, 0, 0);\n      ctx.clearRect(0, 0, xMax, yMax);\n      const range = {\n        colStart: 0,\n        colEnd: Math.max(0, canvasCellParams.data.length - 1),\n        rowStart: 0,\n        rowEnd: Math.max(0, canvasCellParams.numRows - 1),\n      };\n      drawHeatmapCells(ctx, canvasCellParams, range, null);\n      onReadyRef.current?.();\n    });\n    return () => cancelAnimationFrame(raf);\n  }, [canvasCellParams, xMax, yMax, scaleX, scaleY]);\n\n  const navigateCentered = useCallback(\n    (contentX: number, contentY: number) => {\n      onNavigate(\n        clamp(contentX - viewportWidth / 2, 0, Math.max(0, xMax - viewportWidth)),\n        clamp(contentY - viewportHeight / 2, 0, Math.max(0, yMax - viewportHeight))\n      );\n    },\n    [onNavigate, viewportWidth, viewportHeight, xMax, yMax]\n  );\n\n  const handleCanvasPointerDown = useCallback(\n    (event: React.PointerEvent<HTMLCanvasElement>) => {\n      if (onCanvasClick) {\n        onCanvasClick();\n        return;\n      }\n      if (scaleX <= 0 || scaleY <= 0) return;\n      const rect = event.currentTarget.getBoundingClientRect();\n      navigateCentered((event.clientX - rect.left) / scaleX, (event.clientY - rect.top) / scaleY);\n    },\n    [onCanvasClick, navigateCentered, scaleX, scaleY]\n  );\n\n  const handleRectPointerDown = useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    event.stopPropagation();\n    event.currentTarget.setPointerCapture(event.pointerId);\n  }, []);\n\n  const handleRectPointerMove = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      if (scaleX <= 0 || scaleY <= 0 || !event.currentTarget.hasPointerCapture(event.pointerId)) return;\n      onNavigate(\n        clamp(scrollLeft + event.movementX / scaleX, 0, Math.max(0, xMax - viewportWidth)),\n        clamp(scrollTop + event.movementY / scaleY, 0, Math.max(0, yMax - viewportHeight))\n      );\n    },\n    [scrollLeft, scrollTop, scaleX, scaleY, xMax, yMax, viewportWidth, viewportHeight, onNavigate]\n  );\n\n  const handleRectPointerUp = useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    event.currentTarget.releasePointerCapture(event.pointerId);\n  }, []);\n\n  const rectLeft = clamp(scrollLeft * scaleX, 0, width);\n  const rectTop = clamp(scrollTop * scaleY, 0, height);\n  const rectWidth = Math.max(0, Math.min(viewportWidth * scaleX, width - rectLeft));\n  const rectHeight = Math.max(0, Math.min(viewportHeight * scaleY, height - rectTop));\n\n  return (\n    <div style={{ position: \"relative\", width, height }}>\n      <canvas\n        ref={canvasRef}\n        width={width * (window.devicePixelRatio || 1)}\n        height={height * (window.devicePixelRatio || 1)}\n        style={{ width, height, display: \"block\", cursor: \"pointer\", border: \"1px solid #d5d5d5\", boxSizing: \"border-box\" }}\n        onPointerDown={handleCanvasPointerDown}\n      />\n      <div\n        onPointerDown={handleRectPointerDown}\n        onPointerMove={handleRectPointerMove}\n        onPointerUp={handleRectPointerUp}\n        style={{\n          position: \"absolute\",\n          left: rectLeft,\n          top: rectTop,\n          width: rectWidth,\n          height: rectHeight,\n          border: \"2px solid #0d0f98\",\n          backgroundColor: \"rgba(13, 15, 152, 0.15)\",\n          cursor: \"grab\",\n          boxSizing: \"border-box\",\n        }}\n      />\n    </div>\n  );\n};\n\nexport default HeatmapMiniMap;\n"],"names":["clamp","value","min","max","Math","HeatmapMiniMap","canvasCellParams","xMax","yMax","viewportWidth","viewportHeight","scrollLeft","scrollTop","width","height","onNavigate","onCanvasClick","onReady","canvasRef","useRef","scaleX","scaleY","onReadyRef","current","useEffect","canvas","raf","requestAnimationFrame","ctx","getContext","dpr","window","devicePixelRatio","setTransform","clearRect","range","colStart","colEnd","data","length","rowStart","rowEnd","numRows","drawHeatmapCells","cancelAnimationFrame","navigateCentered","useCallback","contentX","contentY","handleCanvasPointerDown","event","rect","currentTarget","getBoundingClientRect","clientX","left","clientY","top","handleRectPointerDown","stopPropagation","setPointerCapture","pointerId","handleRectPointerMove","hasPointerCapture","movementX","movementY","handleRectPointerUp","releasePointerCapture","rectLeft","rectTop","rectWidth","rectHeight","jsxs","position","jsx","display","cursor","border","boxSizing","backgroundColor"],"mappings":"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"}