@weng-lab/visualization 2.4.0-beta.7 → 2.4.0-beta.8

package/dist/visualization.es496.js

@@ -1,18 +1,38 @@
-function p(t) {
-  for (var e = this, r = n(e, t), o = [e]; e !== r; )
-    e = e.parent, o.push(e);
-  for (var s = o.length; t !== r; )
-    o.splice(s, 0, t), t = t.parent;
-  return o;
+import d from "./visualization.es60.js";
+import p from "./visualization.es498.js";
+function b(c) {
+  let u, o, s;
+  c.length !== 2 ? (u = d, o = (n, e) => d(c(n), e), s = (n, e) => c(n) - e) : (u = c === d || c === p ? c : l, o = c, s = c);
+  function f(n, e, t = 0, r = n.length) {
+    if (t < r) {
+      if (u(e, e) !== 0) return r;
+      do {
+        const i = t + r >>> 1;
+        o(n[i], e) < 0 ? t = i + 1 : r = i;
+      } while (t < r);
+    }
+    return t;
+  }
+  function m(n, e, t = 0, r = n.length) {
+    if (t < r) {
+      if (u(e, e) !== 0) return r;
+      do {
+        const i = t + r >>> 1;
+        o(n[i], e) <= 0 ? t = i + 1 : r = i;
+      } while (t < r);
+    }
+    return t;
+  }
+  function g(n, e, t = 0, r = n.length) {
+    const i = f(n, e, t, r - 1);
+    return i > t && s(n[i - 1], e) > -s(n[i], e) ? i - 1 : i;
+  }
+  return { left: f, center: g, right: m };
 }
-function n(t, e) {
-  if (t === e) return t;
-  var r = t.ancestors(), o = e.ancestors(), s = null;
-  for (t = r.pop(), e = o.pop(); t === e; )
-    s = t, t = r.pop(), e = o.pop();
-  return s;
+function l() {
+  return 0;
 }
 export {
-  p as default
+  b as default
 };
 //# sourceMappingURL=visualization.es496.js.map

package/dist/visualization.es496.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es496.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/hierarchy/path.js"],"sourcesContent":["export default function(end) {\n  var start = this,\n      ancestor = leastCommonAncestor(start, end),\n      nodes = [start];\n  while (start !== ancestor) {\n    start = start.parent;\n    nodes.push(start);\n  }\n  var k = nodes.length;\n  while (end !== ancestor) {\n    nodes.splice(k, 0, end);\n    end = end.parent;\n  }\n  return nodes;\n}\n\nfunction leastCommonAncestor(a, b) {\n  if (a === b) return a;\n  var aNodes = a.ancestors(),\n      bNodes = b.ancestors(),\n      c = null;\n  a = aNodes.pop();\n  b = bNodes.pop();\n  while (a === b) {\n    c = a;\n    a = aNodes.pop();\n    b = bNodes.pop();\n  }\n  return c;\n}\n"],"names":["node_path","end","start","ancestor","leastCommonAncestor","nodes","k","a","b","aNodes","bNodes","c"],"mappings":"AAAe,SAAAA,EAASC,GAAK;AAI3B,WAHIC,IAAQ,MACRC,IAAWC,EAAoBF,GAAOD,CAAG,GACzCI,IAAQ,CAACH,CAAK,GACXA,MAAUC;AACf,IAAAD,IAAQA,EAAM,QACdG,EAAM,KAAKH,CAAK;AAGlB,WADII,IAAID,EAAM,QACPJ,MAAQE;AACb,IAAAE,EAAM,OAAOC,GAAG,GAAGL,CAAG,GACtBA,IAAMA,EAAI;AAEZ,SAAOI;AACT;AAEA,SAASD,EAAoBG,GAAGC,GAAG;AACjC,MAAID,MAAMC,EAAG,QAAOD;AACpB,MAAIE,IAASF,EAAE,UAAS,GACpBG,IAASF,EAAE,UAAS,GACpBG,IAAI;AAGR,OAFAJ,IAAIE,EAAO,IAAG,GACdD,IAAIE,EAAO,IAAG,GACPH,MAAMC;AACX,IAAAG,IAAIJ,GACJA,IAAIE,EAAO,IAAG,GACdD,IAAIE,EAAO,IAAG;AAEhB,SAAOC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es496.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/bisector.js"],"sourcesContent":["import ascending from \"./ascending.js\";\nimport descending from \"./descending.js\";\n\nexport default function bisector(f) {\n  let compare1, compare2, delta;\n\n  // If an accessor is specified, promote it to a comparator. In this case we\n  // can test whether the search value is (self-) comparable. We can’t do this\n  // for a comparator (except for specific, known comparators) because we can’t\n  // tell if the comparator is symmetric, and an asymmetric comparator can’t be\n  // used to test whether a single value is comparable.\n  if (f.length !== 2) {\n    compare1 = ascending;\n    compare2 = (d, x) => ascending(f(d), x);\n    delta = (d, x) => f(d) - x;\n  } else {\n    compare1 = f === ascending || f === descending ? f : zero;\n    compare2 = f;\n    delta = f;\n  }\n\n  function left(a, x, lo = 0, hi = a.length) {\n    if (lo < hi) {\n      if (compare1(x, x) !== 0) return hi;\n      do {\n        const mid = (lo + hi) >>> 1;\n        if (compare2(a[mid], x) < 0) lo = mid + 1;\n        else hi = mid;\n      } while (lo < hi);\n    }\n    return lo;\n  }\n\n  function right(a, x, lo = 0, hi = a.length) {\n    if (lo < hi) {\n      if (compare1(x, x) !== 0) return hi;\n      do {\n        const mid = (lo + hi) >>> 1;\n        if (compare2(a[mid], x) <= 0) lo = mid + 1;\n        else hi = mid;\n      } while (lo < hi);\n    }\n    return lo;\n  }\n\n  function center(a, x, lo = 0, hi = a.length) {\n    const i = left(a, x, lo, hi - 1);\n    return i > lo && delta(a[i - 1], x) > -delta(a[i], x) ? i - 1 : i;\n  }\n\n  return {left, center, right};\n}\n\nfunction zero() {\n  return 0;\n}\n"],"names":["bisector","f","compare1","compare2","delta","ascending","d","x","descending","zero","left","a","lo","hi","mid","right","center"],"mappings":";;AAGe,SAASA,EAASC,GAAG;AAClC,MAAIC,GAAUC,GAAUC;AAOxB,EAAIH,EAAE,WAAW,KACfC,IAAWG,GACXF,IAAW,CAACG,GAAGC,MAAMF,EAAUJ,EAAEK,CAAC,GAAGC,CAAC,GACtCH,IAAQ,CAACE,GAAGC,MAAMN,EAAEK,CAAC,IAAIC,MAEzBL,IAAWD,MAAMI,KAAaJ,MAAMO,IAAaP,IAAIQ,GACrDN,IAAWF,GACXG,IAAQH;AAGV,WAASS,EAAKC,GAAGJ,GAAGK,IAAK,GAAGC,IAAKF,EAAE,QAAQ;AACzC,QAAIC,IAAKC,GAAI;AACX,UAAIX,EAASK,GAAGA,CAAC,MAAM,EAAG,QAAOM;AACjC,SAAG;AACD,cAAMC,IAAOF,IAAKC,MAAQ;AAC1B,QAAIV,EAASQ,EAAEG,CAAG,GAAGP,CAAC,IAAI,IAAGK,IAAKE,IAAM,IACnCD,IAAKC;AAAA,MACZ,SAASF,IAAKC;AAAA,IAChB;AACA,WAAOD;AAAA,EACT;AAEA,WAASG,EAAMJ,GAAGJ,GAAGK,IAAK,GAAGC,IAAKF,EAAE,QAAQ;AAC1C,QAAIC,IAAKC,GAAI;AACX,UAAIX,EAASK,GAAGA,CAAC,MAAM,EAAG,QAAOM;AACjC,SAAG;AACD,cAAMC,IAAOF,IAAKC,MAAQ;AAC1B,QAAIV,EAASQ,EAAEG,CAAG,GAAGP,CAAC,KAAK,IAAGK,IAAKE,IAAM,IACpCD,IAAKC;AAAA,MACZ,SAASF,IAAKC;AAAA,IAChB;AACA,WAAOD;AAAA,EACT;AAEA,WAASI,EAAOL,GAAGJ,GAAGK,IAAK,GAAGC,IAAKF,EAAE,QAAQ;AAC3C,UAAM,IAAID,EAAKC,GAAGJ,GAAGK,GAAIC,IAAK,CAAC;AAC/B,WAAO,IAAID,KAAMR,EAAMO,EAAE,IAAI,CAAC,GAAGJ,CAAC,IAAI,CAACH,EAAMO,EAAE,CAAC,GAAGJ,CAAC,IAAI,IAAI,IAAI;AAAA,EAClE;AAEA,SAAO,EAAC,MAAAG,GAAM,QAAAM,GAAQ,OAAAD,EAAK;AAC7B;AAEA,SAASN,IAAO;AACd,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/visualization.es497.js

@@ -1,9 +1,7 @@
-function t() {
-  for (var e = this, n = [e]; e = e.parent; )
-    n.push(e);
-  return n;
+function u(n) {
+  return n === null ? NaN : +n;
 }
 export {
-  t as default
+  u as default
 };
 //# sourceMappingURL=visualization.es497.js.map

package/dist/visualization.es497.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es497.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/hierarchy/ancestors.js"],"sourcesContent":["export default function() {\n  var node = this, nodes = [node];\n  while (node = node.parent) {\n    nodes.push(node);\n  }\n  return nodes;\n}\n"],"names":["node_ancestors","node","nodes"],"mappings":"AAAe,SAAAA,IAAW;AAExB,WADIC,IAAO,MAAMC,IAAQ,CAACD,CAAI,GACvBA,IAAOA,EAAK;AACjB,IAAAC,EAAM,KAAKD,CAAI;AAEjB,SAAOC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es497.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/number.js"],"sourcesContent":["export default function number(x) {\n  return x === null ? NaN : +x;\n}\n\nexport function* numbers(values, valueof) {\n  if (valueof === undefined) {\n    for (let value of values) {\n      if (value != null && (value = +value) >= value) {\n        yield value;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if ((value = valueof(value, ++index, values)) != null && (value = +value) >= value) {\n        yield value;\n      }\n    }\n  }\n}\n"],"names":["number","x"],"mappings":"AAAe,SAASA,EAAOC,GAAG;AAChC,SAAOA,MAAM,OAAO,MAAM,CAACA;AAC7B;","x_google_ignoreList":[0]}

package/dist/visualization.es498.js

@@ -1,10 +1,7 @@
-function t() {
-  var n = [];
-  return this.each(function(e) {
-    n.push(e);
-  }), n;
+function l(n, e) {
+  return n == null || e == null ? NaN : e < n ? -1 : e > n ? 1 : e >= n ? 0 : NaN;
 }
 export {
-  t as default
+  l as default
 };
 //# sourceMappingURL=visualization.es498.js.map

package/dist/visualization.es498.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es498.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/hierarchy/descendants.js"],"sourcesContent":["export default function() {\n  var nodes = [];\n  this.each(function(node) {\n    nodes.push(node);\n  });\n  return nodes;\n}\n"],"names":["node_descendants","nodes","node"],"mappings":"AAAe,SAAAA,IAAW;AACxB,MAAIC,IAAQ,CAAA;AACZ,cAAK,KAAK,SAASC,GAAM;AACvB,IAAAD,EAAM,KAAKC,CAAI;AAAA,EACjB,CAAC,GACMD;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es498.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/descending.js"],"sourcesContent":["export default function descending(a, b) {\n  return a == null || b == null ? NaN\n    : b < a ? -1\n    : b > a ? 1\n    : b >= a ? 0\n    : NaN;\n}\n"],"names":["descending","a","b"],"mappings":"AAAe,SAASA,EAAWC,GAAGC,GAAG;AACvC,SAAOD,KAAK,QAAQC,KAAK,OAAO,MAC5BA,IAAID,IAAI,KACRC,IAAID,IAAI,IACRC,KAAKD,IAAI,IACT;AACN;","x_google_ignoreList":[0]}

package/dist/visualization.es499.js

@@ -1,10 +1,10 @@
-function n() {
-  var e = [];
-  return this.eachBefore(function(a) {
-    a.children || e.push(a);
-  }), e;
+function o(e, l) {
+  let u = 0;
+  for (let t of e)
+    t != null && (t = +t) >= t && ++u;
+  return u;
 }
 export {
-  n as default
+  o as default
 };
 //# sourceMappingURL=visualization.es499.js.map

package/dist/visualization.es499.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es499.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/hierarchy/leaves.js"],"sourcesContent":["export default function() {\n  var leaves = [];\n  this.eachBefore(function(node) {\n    if (!node.children) {\n      leaves.push(node);\n    }\n  });\n  return leaves;\n}\n"],"names":["node_leaves","leaves","node"],"mappings":"AAAe,SAAAA,IAAW;AACxB,MAAIC,IAAS,CAAA;AACb,cAAK,WAAW,SAASC,GAAM;AAC7B,IAAKA,EAAK,YACRD,EAAO,KAAKC,CAAI;AAAA,EAEpB,CAAC,GACMD;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es499.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/count.js"],"sourcesContent":["export default function count(values, valueof) {\n  let count = 0;\n  if (valueof === undefined) {\n    for (let value of values) {\n      if (value != null && (value = +value) >= value) {\n        ++count;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if ((value = valueof(value, ++index, values)) != null && (value = +value) >= value) {\n        ++count;\n      }\n    }\n  }\n  return count;\n}\n"],"names":["count","values","valueof","value"],"mappings":"AAAe,SAASA,EAAMC,GAAQC,GAAS;AAC7C,MAAIF,IAAQ;AAEV,WAASG,KAASF;AAChB,IAAIE,KAAS,SAASA,IAAQ,CAACA,MAAUA,KACvC,EAAEH;AAWR,SAAOA;AACT;","x_google_ignoreList":[0]}

package/dist/visualization.es5.js

@@ -1,319 +1,122 @@
-import { jsx as o, jsxs as G, Fragment as Ve } from "react/jsx-runtime";
-import { useRef as M, useEffect as St, useMemo as f, useCallback as D, useState as Ne, useId as Fe, useImperativeHandle as He } from "react";
-import { createRoot as Ge } from "react-dom/client";
-import { flushSync as De } from "react-dom";
-import { measureTextWidth as jt, downloadSVGAsPNG as qt, downloadAsSVG as Qt } from "./visualization.es29.js";
-import Ut from "./visualization.es66.js";
-import { heatmapCellStyles as We } from "./visualization.es67.js";
-import Zt, { getHeatmapLegendWidth as Xe } from "./visualization.es68.js";
-import { getHeatmapColorScale as ze, cellKey as At, DEFAULT_DESELECTED_COLOR as Ye } from "./visualization.es69.js";
-import { getVisibleRange as Jt, drawHeatmapCells as Be, hitTestCell as te, buildBin as ee } from "./visualization.es70.js";
-import Ke from "./visualization.es71.js";
-import { useResponsiveParentSize as Oe } from "./visualization.es18.js";
-import oe from "./visualization.es31.js";
-import { ResponsiveContainer as je } from "./visualization.es14.js";
-import Ct from "./visualization.es36.js";
-import qe from "./visualization.es12.js";
-import bt from "./visualization.es35.js";
-const kt = "http://www.w3.org/2000/svg", U = 16, ct = 12, ne = 40, ie = 70, Rt = 12, re = "sans-serif", le = 1.15, se = 4, ce = 50, ae = 10, fe = (n) => n.rows;
-function he(n, g, A, w) {
-  return w - A > g || A < n ? A : w > n + g ? w - g : n;
-}
-function _t(n, g) {
-  return n.reduce((A, w) => {
-    const Z = g(w);
-    return Z == null ? A : Math.max(A, Z);
-  }, 0);
-}
-const uo = ({
-  data: n,
-  onClick: g,
-  ref: A,
-  downloadFileName: w,
-  colors: Z,
-  xLabel: J,
-  yLabel: tt,
-  tooltipBody: at,
-  margin: me,
-  gap: et = 2,
-  isRect: ot = !0,
-  animationType: Et,
-  showLegend: K = !0,
-  width: de,
-  height: ue,
-  xLabelOrientation: C = "vertical",
-  selectedCells: L,
-  deselectedColor: ft,
-  cellWidth: Pt,
-  cellHeight: Mt,
-  scrollToSelection: Lt,
-  showMiniMap: It = !1
-}) => {
+import { jsx as K } from "react/jsx-runtime";
+import { c as re } from "react/compiler-runtime";
+import { useRef as te, useImperativeHandle as ce } from "react";
+import { downloadSVGAsPNG as oe, downloadAsSVG as le } from "./visualization.es31.js";
+import { makeTickFormat as ie, getXAxisTickLabelProps as me } from "./visualization.es46.js";
+import { useHeatmapLayout as pe } from "./visualization.es47.js";
+import { withOffscreenExportSVG as ne } from "./visualization.es48.js";
+import de from "./visualization.es49.js";
+import fe from "./visualization.es50.js";
+import { useResponsiveParentSize as ue } from "./visualization.es18.js";
+import { ResponsiveContainer as ge } from "./visualization.es14.js";
+const He = (se) => {
+  const e = re(71), {
+    data: t,
+    onClick: c,
+    ref: ae,
+    downloadFileName: v,
+    colors: O,
+    colorDomain: V,
+    xLabel: m,
+    yLabel: p,
+    tooltipBody: L,
+    margin: E,
+    gap: Q,
+    isRect: U,
+    animationType: w,
+    showLegend: Y,
+    width: W,
+    height: j,
+    xLabelOrientation: Z,
+    selectedCells: o,
+    deselectedColor: n,
+    cellWidth: k,
+    cellHeight: y,
+    scrollToSelection: z,
+    showMiniMap: _
+  } = se, s = Q === void 0 ? 2 : Q, a = U === void 0 ? !0 : U, l = Y === void 0 ? !0 : Y, x = Z === void 0 ? "vertical" : Z, S = _ === void 0 ? !1 : _;
+  let G;
+  e[0] !== j || e[1] !== W ? (G = {
+    width: W,
+    height: j
+  }, e[0] = j, e[1] = W, e[2] = G) : G = e[2];
   const {
-    parentRef: pe,
-    containerStyle: ge,
-    width: ht,
-    height: mt
-  } = Oe({
-    width: de,
-    height: ue
-  }), O = M(null), u = Pt != null && Mt != null, I = M(null), $t = M(null), dt = M(null), j = M(null), nt = M(null), q = M(null), Vt = M(/* @__PURE__ */ new Set());
-  St(() => () => {
-    q.current != null && cancelAnimationFrame(q.current);
-  }, []);
-  const ut = f(() => n.map((t) => t.columnName), [n]), pt = f(() => n[0]?.rows.map((t) => t.rowName) ?? [], [n]), R = f(() => _t(n, (t) => _t(fe(t), (e) => e.count)), [n]), T = f(() => _t(n, (t) => fe(t).length), [n]), ve = f(() => ut.reduce((t, e) => Math.max(t, jt(e, Rt, re)), 0) * le, [ut]), Nt = f(() => pt.reduce((t, e) => Math.max(t, jt(e, Rt, re)), 0) * le, [pt]), xe = C === "horizontal" ? 0 : C === "vertical" ? -90 : C === "leftDiagonal" ? -45 : 45, we = C === "horizontal" ? "middle" : C === "rightDiagonal" ? "start" : "end", Ft = ve, gt = C === "horizontal" ? 12 : C === "vertical" ? Ft : Ft * Math.SQRT1_2, vt = C === "leftDiagonal" ? gt : 0, Ht = Z.join("\0"), W = f(() => Ht.split("\0"), [Ht]), it = f(() => Xe(0, R), [R]), Te = K ? it + U : 10, ye = 20, Se = gt + ct + ie, r = me ?? {
-    top: ye,
-    left: Nt + ct + ne,
-    right: Te,
-    bottom: Se + Rt
-  }, Ae = u && It ? ce : 0, Gt = Math.max(0, ht - r.left - r.right), Dt = Math.max(0, mt - r.bottom - r.top - Ae), d = u ? n.length * Pt : Gt, s = u ? T * Mt : Dt, c = u ? Math.min(d, Gt) : d, l = u ? Math.min(s, Dt) : s, y = ne, _ = Math.max(0, r.left - y), X = ie, $ = Math.max(0, r.bottom - X), V = d / n.length, N = s / T, F = f(() => oe({
-    domain: [0, n.length],
-    range: [0, d]
-  }), [n.length, d]), Q = f(() => oe({
-    domain: [0, T],
-    range: [s, 0]
-  }), [T, s]), rt = D((t) => Q(t + 1), [Q]), lt = f(() => n.map((t, e) => e + 0.5), [n]), st = f(() => n[0]?.rows.map((t, e) => e + 0.5) ?? [], [n]), Wt = ft ?? Ye, Xt = f(() => ze(W, R), [W, R]), zt = f(() => L?.length ? new Set(L.map(At)) : null, [L]), p = f(() => ({
-    data: n,
-    numRows: T,
-    xScale: F,
-    cellYScale: rt,
-    colorScale: Xt,
-    gap: et,
-    isRect: ot,
-    binWidth: V,
-    binHeight: N,
-    yMax: s,
-    selectedKeys: zt,
-    deselectedColor: Wt
-  }), [n, T, F, rt, Xt, et, ot, V, N, s, zt, Wt]), E = D(() => {
-    const t = $t.current, e = I.current;
-    if (!t || !e) return;
-    const i = t.getContext("2d");
-    if (!i) return;
-    const h = window.devicePixelRatio || 1;
-    i.setTransform(h, 0, 0, h, 0, 0), i.clearRect(0, 0, c, l);
-    const a = Jt(p, e.scrollLeft, e.scrollTop, c, l, se);
-    i.translate(-e.scrollLeft, -e.scrollTop), Be(i, p, a, j.current);
-  }, [p, c, l]);
-  St(() => {
-    u && E();
-  }, [u, E]);
-  const [b, Ce] = Ne({
-    left: 0,
-    top: 0
-  }), Yt = Fe(), Bt = Math.max(0, vt - b.left), P = f(() => Jt(p, b.left, b.top, c, l, se), [p, b.left, b.top, c, l]), be = f(() => lt.slice(P.colStart, P.colEnd + 1), [lt, P.colStart, P.colEnd]), ke = f(() => st.slice(P.rowStart, P.rowEnd + 1), [st, P.rowStart, P.rowEnd]);
-  St(() => {
-    const t = Vt.current, e = L ?? [], i = e.filter((S) => !t.has(At(S)));
-    Vt.current = new Set(e.map(At));
-    const h = I.current;
-    if (!Lt || !u || !h || i.length === 0) return;
-    let a = 1 / 0, v = -1 / 0, k = 1 / 0, z = -1 / 0;
-    for (const S of i)
-      S.column < a && (a = S.column), S.column > v && (v = S.column), S.row < k && (k = S.row), S.row > z && (z = S.row);
-    const x = a * V, Y = (v + 1) * V, B = s - (z + 1) * N, H = s - k * N, m = he(h.scrollLeft, c, x, Y), Ot = he(h.scrollTop, l, B, H);
-    (m !== h.scrollLeft || Ot !== h.scrollTop) && h.scrollTo({
-      left: m,
-      top: Ot,
-      behavior: "smooth"
-    });
-  }, [L, Lt, u, V, N, s, c, l]);
-  const Re = D(() => {
-    const t = I.current;
-    t && q.current == null && (q.current = requestAnimationFrame(() => {
-      q.current = null, E(), Ce({
-        left: t.scrollLeft,
-        top: t.scrollTop
-      });
-    }));
-  }, [E]), _e = D((t, e) => {
-    I.current?.scrollTo({
-      left: t,
-      top: e
-    });
-  }, []), Ee = D((t) => {
-    const e = I.current;
-    if (!e) return;
-    const i = t.nativeEvent.offsetX + e.scrollLeft, h = t.nativeEvent.offsetY + e.scrollTop, a = te(p, i, h);
-    t.currentTarget.style.cursor = a ? "pointer" : "default";
-    const v = j.current;
-    if ((v?.row !== a?.row || v?.column !== a?.column) && (j.current = a, E()), a) {
-      const k = ee(p, a);
-      k && nt.current?.show(k, t);
-    } else
-      nt.current?.hide();
-  }, [p, E]), Pe = D((t) => {
-    t.currentTarget.style.cursor = "default", j.current && (j.current = null, E()), nt.current?.hide();
-  }, [E]), Me = D((t) => {
-    const e = I.current;
-    if (!e || !g) return;
-    const i = t.nativeEvent.offsetX + e.scrollLeft, h = t.nativeEvent.offsetY + e.scrollTop, a = te(p, i, h);
-    if (!a) return;
-    const v = ee(p, a);
-    v && g(v);
-  }, [p, g]), Le = () => {
-    const t = document.createElementNS(kt, "svg");
-    t.setAttribute("width", String(r.left + d + r.right)), t.setAttribute("height", String(r.top + s + r.bottom));
-    const e = (x, Y, B) => {
-      const H = document.createElementNS(kt, "g");
-      H.setAttribute("transform", `translate(${Y},${B})`), x.childNodes.forEach((m) => H.appendChild(m.cloneNode(!0))), t.appendChild(H);
-    };
-    let i = null, h = null, a = null;
-    const v = document.createElement("div"), k = Ge(v);
-    De(() => {
-      k.render(/* @__PURE__ */ G(Ve, { children: [
-        /* @__PURE__ */ o("svg", { width: d, height: s, ref: (x) => {
-          i = x;
-        }, children: /* @__PURE__ */ o(Ut, { data: n, xScale: F, yScale: rt, colors: W, maxValue: R, gap: et, isRect: ot, binWidth: V, binHeight: N, animationType: Et, onClick: g, selectedCells: L, deselectedColor: ft }) }),
-        /* @__PURE__ */ o("svg", { width: _, height: s, ref: (x) => {
-          h = x;
-        }, children: /* @__PURE__ */ o("g", { transform: `translate(${_},0)`, children: /* @__PURE__ */ o(Ct, { scale: Q, numTicks: T, tickValues: st, tickFormat: Tt, tickLabelProps: yt }) }) }),
-        /* @__PURE__ */ o("svg", { width: d, height: $, ref: (x) => {
-          a = x;
-        }, children: /* @__PURE__ */ o(bt, { top: 0, scale: F, numTicks: n.length, tickFormat: xt, tickValues: lt, tickLabelProps: wt }) })
-      ] }));
-    }), i && e(i, r.left, r.top), h && e(h, y, r.top), a && e(a, r.left, r.top + s), k.unmount(), K && dt.current && e(dt.current, r.left + d + U, r.top);
-    const z = (x, Y, B, H) => {
-      const m = document.createElementNS(kt, "text");
-      m.setAttribute("x", String(Y)), m.setAttribute("y", String(B)), H && m.setAttribute("transform", `rotate(-90, ${Y}, ${B})`), m.setAttribute("text-anchor", "middle"), m.setAttribute("dominant-baseline", "middle"), m.setAttribute("font-size", "14"), m.setAttribute("font-family", "sans-serif"), m.textContent = x, t.appendChild(m);
-    };
-    return tt && z(tt, y / 2, r.top + s / 2, !0), J && z(J, r.left + d / 2, r.top + s + $ + X / 2, !1), t;
-  }, Kt = (t) => {
-    const e = Le();
-    if (!e) return;
-    const i = document.createElement("div");
-    i.style.position = "absolute", i.style.top = "0", i.style.left = "-99999px", i.appendChild(e), document.body.appendChild(i), t(e, () => {
-      i.parentNode && document.body.removeChild(i);
-    });
-  };
-  He(A, () => ({
+    parentRef: B,
+    containerStyle: D,
+    width: d,
+    height: f
+  } = ue(G), b = te(null), ee = te(null), i = k != null && y != null;
+  let H;
+  e[3] !== y || e[4] !== k || e[5] !== V || e[6] !== O || e[7] !== t || e[8] !== n || e[9] !== s || e[10] !== a || e[11] !== i || e[12] !== E || e[13] !== f || e[14] !== d || e[15] !== o || e[16] !== l || e[17] !== S || e[18] !== x ? (H = {
+    data: t,
+    colorDomain: V,
+    colors: O,
+    xLabelOrientation: x,
+    margin: E,
+    showLegend: l,
+    isScrollable: i,
+    cellWidth: k,
+    cellHeight: y,
+    parentWidth: d,
+    parentHeight: f,
+    showMiniMap: S,
+    gap: s,
+    isRect: a,
+    selectedCells: o,
+    deselectedColor: n
+  }, e[3] = y, e[4] = k, e[5] = V, e[6] = O, e[7] = t, e[8] = n, e[9] = s, e[10] = a, e[11] = i, e[12] = E, e[13] = f, e[14] = d, e[15] = o, e[16] = l, e[17] = S, e[18] = x, e[19] = H) : H = e[19];
+  const r = pe(H), {
+    allColNames: I,
+    allRowNames: X,
+    numRows: $
+  } = r;
+  let T;
+  e[20] !== I ? (T = ie(I), e[20] = I, e[21] = T) : T = e[21];
+  const u = T;
+  let A;
+  e[22] !== X ? (A = ie(X), e[22] = X, e[23] = A) : A = e[23];
+  const g = A;
+  let C;
+  e[24] !== x ? (C = me(x), e[24] = x, e[25] = C) : C = e[25];
+  const h = C;
+  let N;
+  e[26] !== w || e[27] !== t || e[28] !== n || e[29] !== s || e[30] !== a || e[31] !== r || e[32] !== c || e[33] !== o || e[34] !== l || e[35] !== u || e[36] !== h || e[37] !== m || e[38] !== g || e[39] !== p ? (N = () => ({
+    layout: r,
+    data: t,
+    gap: s,
+    isRect: a,
+    animationType: w,
+    onClick: c,
+    selectedCells: o,
+    deselectedColor: n,
+    xLabel: m,
+    yLabel: p,
+    showLegend: l,
+    legendSvg: ee.current,
+    xAxisTickFormat: u,
+    yAxisTickFormat: g,
+    xAxisTickLabelProps: h
+  }), e[26] = w, e[27] = t, e[28] = n, e[29] = s, e[30] = a, e[31] = r, e[32] = c, e[33] = o, e[34] = l, e[35] = u, e[36] = h, e[37] = m, e[38] = g, e[39] = p, e[40] = N) : N = e[40];
+  const P = N;
+  let F;
+  e[41] !== P || e[42] !== v || e[43] !== i ? (F = () => ({
     downloadSVG: () => {
-      u ? Kt((t, e) => {
-        Qt(t, w ?? "heatmap.svg"), e();
-      }) : O.current && Qt(O.current, w ?? "heatmap.svg");
+      i ? ne(P(), (q, J) => {
+        le(q, v ?? "heatmap.svg"), J();
+      }) : b.current && le(b.current, v ?? "heatmap.svg");
     },
     downloadPNG: () => {
-      u ? Kt((t, e) => {
-        qt(t, w ?? "heatmap.png", void 0, e);
-      }) : O.current && qt(O.current, w ?? "heatmap.png");
+      i ? ne(P(), (q, J) => {
+        oe(q, v ?? "heatmap.png", void 0, J);
+      }) : b.current && oe(b.current, v ?? "heatmap.png");
     }
-  }));
-  const xt = (t) => ut[Math.floor(+t)] ?? "", wt = () => ({
-    fontSize: 12,
-    fontFamily: "sans-serif",
-    textAnchor: we,
-    angle: xe,
-    dy: C === "horizontal" ? "0.71em" : "0.25em"
-  }), Ie = {
-    fontSize: 14,
-    fontFamily: "sans-serif",
-    textAnchor: "middle",
-    dy: "-0.5em"
-  }, Tt = (t) => pt[Math.floor(+t)] ?? "", yt = () => ({
-    fontSize: 12,
-    fontFamily: "sans-serif",
-    textAnchor: "end",
-    dx: "-0.25em",
-    dy: "0.25em"
-  }), $e = {
-    fontSize: 14,
-    fontFamily: "sans-serif",
-    textAnchor: "middle"
-  };
-  return /* @__PURE__ */ o(je, { parentRef: pe, containerStyle: ge, children: !ht || !mt || n.length === 0 || T === 0 ? null : u ? /* @__PURE__ */ G("div", { style: {
-    display: "flex",
-    flexDirection: "column"
-  }, children: [
-    It && /* @__PURE__ */ o("div", { style: {
-      marginLeft: y + _
-    }, children: /* @__PURE__ */ o(Ke, { canvasCellParams: p, xMax: d, yMax: s, viewportWidth: c, viewportHeight: l, scrollLeft: b.left, scrollTop: b.top, width: c, height: ce, onNavigate: _e }) }),
-    /* @__PURE__ */ G("div", { style: {
-      display: "grid",
-      gridTemplateColumns: K ? `${y}px ${_}px ${c}px ${U + it}px` : `${y}px ${_}px ${c}px`,
-      gridTemplateRows: `${r.top}px ${l}px ${$}px ${X}px`
-    }, children: [
-      /* @__PURE__ */ o("div", { style: {
-        gridColumn: 1,
-        gridRow: 2,
-        width: y,
-        height: l,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center"
-      }, children: /* @__PURE__ */ o("svg", { width: y, height: l, children: /* @__PURE__ */ o("text", { x: y / 2, y: l / 2, transform: `rotate(-90, ${y / 2}, ${l / 2})`, textAnchor: "middle", dominantBaseline: "middle", fontSize: 14, fontFamily: "sans-serif", children: tt ?? "" }) }) }),
-      /* @__PURE__ */ o("div", { style: {
-        gridColumn: 2,
-        gridRow: 2,
-        width: _,
-        height: l,
-        overflow: "hidden"
-      }, children: /* @__PURE__ */ o("svg", { width: _, height: l, children: /* @__PURE__ */ o("g", { transform: `translate(${_},${-b.top})`, children: /* @__PURE__ */ o(Ct, { scale: Q, numTicks: T, tickValues: ke, tickFormat: Tt, tickLabelProps: yt }) }) }) }),
-      /* @__PURE__ */ o("div", { ref: I, onScroll: Re, style: {
-        gridColumn: 3,
-        gridRow: 2,
-        width: c,
-        height: l,
-        overflow: "auto",
-        overscrollBehavior: "contain",
-        position: "relative"
-      }, children: /* @__PURE__ */ o("div", { style: {
-        width: d,
-        height: s,
-        position: "relative"
-      }, children: /* @__PURE__ */ o("canvas", { ref: $t, width: c * (window.devicePixelRatio || 1), height: l * (window.devicePixelRatio || 1), style: {
-        width: c,
-        height: l,
-        position: "sticky",
-        top: 0,
-        left: 0,
-        display: "block",
-        cursor: "default"
-      }, onMouseMove: Ee, onMouseLeave: Pe, onClick: Me }) }) }),
-      at && /* @__PURE__ */ o(qe, { ref: nt, children: at }),
-      /* @__PURE__ */ o("div", { style: {
-        gridColumn: 3,
-        gridRow: 3,
-        width: c,
-        height: $,
-        overflow: "visible"
-      }, children: /* @__PURE__ */ G("svg", { width: c, height: $, style: {
-        overflow: "visible"
-      }, children: [
-        vt > 0 && /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ G("clipPath", { id: Yt, children: [
-          /* @__PURE__ */ o("rect", { x: 0, y: 0, width: c, height: $ }),
-          /* @__PURE__ */ o("rect", { x: -Bt, y: ae, width: Bt, height: Math.max(0, $ - ae) })
-        ] }) }),
-        /* @__PURE__ */ o("g", { clipPath: vt > 0 ? `url(#${Yt})` : void 0, children: /* @__PURE__ */ o("g", { transform: `translate(${-b.left},0)`, children: /* @__PURE__ */ o(bt, { top: 0, scale: F, numTicks: n.length, tickFormat: xt, tickValues: be, tickLabelProps: wt }) }) })
-      ] }) }),
-      /* @__PURE__ */ o("div", { style: {
-        gridColumn: 3,
-        gridRow: 4,
-        width: c,
-        height: X,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center"
-      }, children: /* @__PURE__ */ o("svg", { width: c, height: X, children: /* @__PURE__ */ o("text", { x: c / 2, y: X / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: 14, fontFamily: "sans-serif", children: J ?? "" }) }) }),
-      K && /* @__PURE__ */ o("div", { style: {
-        gridColumn: 4,
-        gridRow: 2,
-        width: it,
-        marginLeft: U,
-        height: l
-      }, children: /* @__PURE__ */ o("svg", { width: it, height: l, ref: dt, style: {
-        overflow: "visible"
-      }, children: /* @__PURE__ */ o(Zt, { colors: W, minValue: 0, maxValue: R, height: l }) }) })
-    ] })
-  ] }) : /* @__PURE__ */ G("svg", { width: ht, height: mt, ref: O, children: [
-    /* @__PURE__ */ o("style", { children: We }),
-    /* @__PURE__ */ G("g", { transform: `translate(${r.left},${r.top})`, children: [
-      /* @__PURE__ */ o(Ut, { data: n, xScale: F, yScale: rt, colors: W, maxValue: R, gap: et, isRect: ot, binWidth: V, binHeight: N, animationType: Et, tooltipBody: at, onClick: g, selectedCells: L, deselectedColor: ft }),
-      /* @__PURE__ */ o(bt, { top: s, scale: F, numTicks: n.length, tickFormat: xt, tickValues: lt, tickLabelProps: wt, label: J ?? "", labelOffset: gt + ct, labelProps: Ie }),
-      /* @__PURE__ */ o(Ct, { scale: Q, numTicks: T, tickValues: st, tickFormat: Tt, tickLabelProps: yt, label: tt ?? "", labelOffset: Nt + ct, labelProps: $e }),
-      K && /* @__PURE__ */ o("g", { transform: `translate(${d + U}, 0)`, children: /* @__PURE__ */ o(Zt, { colors: W, minValue: 0, maxValue: R, height: s }) })
-    ] })
-  ] }) });
+  }), e[41] = P, e[42] = v, e[43] = i, e[44] = F) : F = e[44], ce(ae, F);
+  let R;
+  e[45] !== w || e[46] !== t || e[47] !== n || e[48] !== s || e[49] !== a || e[50] !== i || e[51] !== r || e[52] !== $ || e[53] !== c || e[54] !== f || e[55] !== d || e[56] !== z || e[57] !== o || e[58] !== l || e[59] !== S || e[60] !== L || e[61] !== u || e[62] !== h || e[63] !== m || e[64] !== g || e[65] !== p ? (R = !d || !f || t.length === 0 || $ === 0 ? null : i ? /* @__PURE__ */ K(de, { legendSvgRef: ee, layout: r, data: t, showMiniMap: S, showLegend: l, xLabel: m, yLabel: p, tooltipBody: L, onClick: c, selectedCells: o, scrollToSelection: z, xAxisTickFormat: u, yAxisTickFormat: g, xAxisTickLabelProps: h }) : /* @__PURE__ */ K(fe, { svgRef: b, layout: r, parentWidth: d, parentHeight: f, data: t, gap: s, isRect: a, animationType: w, tooltipBody: L, onClick: c, selectedCells: o, deselectedColor: n, xLabel: m, yLabel: p, showLegend: l, xAxisTickFormat: u, yAxisTickFormat: g, xAxisTickLabelProps: h }), e[45] = w, e[46] = t, e[47] = n, e[48] = s, e[49] = a, e[50] = i, e[51] = r, e[52] = $, e[53] = c, e[54] = f, e[55] = d, e[56] = z, e[57] = o, e[58] = l, e[59] = S, e[60] = L, e[61] = u, e[62] = h, e[63] = m, e[64] = g, e[65] = p, e[66] = R) : R = e[66];
+  let M;
+  return e[67] !== D || e[68] !== B || e[69] !== R ? (M = /* @__PURE__ */ K(ge, { parentRef: B, containerStyle: D, children: R }), e[67] = D, e[68] = B, e[69] = R, e[70] = M) : M = e[70], M;
 };
 export {
-  uo as default
+  He as default
 };
 //# sourceMappingURL=visualization.es5.js.map