@milaboratories/graph-maker 1.1.138 → 1.1.140

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/ChartRenderer.js

@@ -1,83 +1,83 @@
 import { j as k } from "../node_modules/react/jsx-runtime.js";
-import { BLACK as U } from "../constants.js";
-import { updateLinksHeight as X, updateNodesHorizontalPosition as Q } from "./getHierarchyData.js";
-import { DEFAULT_DOT_AES as Y, LEGEND_OFFSET as Z } from "../scatterplot/constants.js";
-import { isCategoricalAes as V, isContinuousAes as $ } from "../types/common.js";
+import { createRoot as U } from "../node_modules/react-dom/client.js";
+import { Error as X } from "../common/Error.js";
+import { BLACK as Q } from "../constants.js";
+import { DEFAULT_DOT_AES as Y, LEGEND_OFFSET as J } from "../scatterplot/constants.js";
+import { isCategoricalAes as $, isContinuousAes as j } from "../types/common.js";
 import "../types/discrete.js";
 import "../types/scatterplot.js";
 import "../types/heatmap.js";
 import "../types/dendro.js";
 import "../types/histogram.js";
 import "../types/bubble.js";
-import { getContinuousLegendTicks as J } from "../utils/getContinuousLegendTicks.js";
+import { getContinuousLegendTicks as Z } from "../utils/getContinuousLegendTicks.js";
 import { getContinuousLegendWidth as ee, getDiscreteLegendWidth as te } from "../utils/getLegendWidth.js";
-import { TextMeasurer as K } from "../utils/TextMeasurer.js";
-import { createRoot as ae } from "../node_modules/react-dom/client.js";
-import { MAX_HEATMAP_WIDTH as ie, COLOR_NULL as _, MAX_LEGEND_HEIGHT as se, MARGIN as w, HEATMAP_LEFT_OFFSET as P, HEIGHT as j, WIDTH as D } from "./constants.js";
-import { Chart as oe } from "./components/Chart.js";
-import { Error as he } from "../common/Error.js";
-import H from "../node_modules/d3-scale/src/ordinal.js";
-import re from "../node_modules/d3-scale/src/linear.js";
+import { TextMeasurer as G } from "../utils/TextMeasurer/TextMeasurer.js";
+import { Chart as ae } from "./components/Chart.js";
+import { MAX_HEATMAP_WIDTH as ie, COLOR_NULL as F, MAX_LEGEND_HEIGHT as se, MARGIN as E, HEATMAP_LEFT_OFFSET as P, HEIGHT as V, WIDTH as D } from "./constants.js";
+import { updateLinksHeight as oe, updateNodesHorizontalPosition as he } from "./getHierarchyData.js";
+import W from "../node_modules/d3-scale/src/ordinal.js";
+import le from "../node_modules/d3-scale/src/linear.js";
 import { sqrt as q } from "../node_modules/d3-scale/src/pow.js";
-import le from "../node_modules/d3-hierarchy/src/cluster.js";
-var ne = Object.defineProperty, de = (i, e, t) => e in i ? ne(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, L = (i, e, t) => de(i, typeof e != "symbol" ? e + "" : e, t);
-function F(i) {
-  if (V(i))
-    return (e) => i.valuesMap[String(e[i.columnName.value])];
-  if ($(i)) {
-    const { domain: e, range: t } = i, s = q().domain(e).range(t);
-    return (h) => {
-      const n = s(Number(h[i.columnName.value]));
-      return Math.max(1, n);
+import re from "../node_modules/d3-hierarchy/src/cluster.js";
+var ne = Object.defineProperty, de = (h, e, t) => e in h ? ne(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t, z = (h, e, t) => de(h, typeof e != "symbol" ? e + "" : e, t);
+function K(h, e) {
+  if ($(e))
+    return (t) => e.valuesMap[String(h.getColumnValue(e.columnName.value, t))];
+  if (j(e)) {
+    const { domain: t, range: i } = e, n = q().domain(t).range(i);
+    return (l) => {
+      const s = n(Number(h.getColumnValue(e.columnName.value, l)));
+      return Math.max(1, s);
     };
   }
-  return (e) => i;
+  return (t) => e;
 }
-function pe(i) {
+function pe(h, e) {
   return {
-    nodeShape: F(i.nodeShape),
-    nodeColor: F(i.nodeColor),
-    nodeSize: F(i.nodeSize),
-    lineShape: F(i.lineShape),
-    lineColor: F(i.lineColor)
+    nodeShape: K(h, e.nodeShape),
+    nodeColor: K(h, e.nodeColor),
+    nodeSize: K(h, e.nodeSize),
+    lineShape: K(h, e.lineShape),
+    lineColor: K(h, e.lineColor)
   };
 }
-const me = (i, e) => {
-  const t = Math.min(...e), s = Math.max(...e);
-  if (t === s) {
-    const l = i % 2 === 0 ? [] : [t];
-    for (let p = 1; p < i / 2 + 1; p++)
-      l.push(t + p), l.unshift(t - p);
-    return l;
+const me = (h, e) => {
+  const t = Math.min(...e), i = Math.max(...e);
+  if (t === i) {
+    const s = h % 2 === 0 ? [] : [t];
+    for (let c = 1; c < h / 2 + 1; c++)
+      s.push(t + c), s.unshift(t - c);
+    return s;
   }
-  if (i < 2)
-    return [t, s];
-  const h = (s - t) / (i - 1), n = [];
-  for (let l = 0; l < i - 1; l++)
-    n.push(t + h * l);
-  return n.push(s), n;
+  if (h < 2)
+    return [t, i];
+  const n = (i - t) / (h - 1), l = [];
+  for (let s = 0; s < h - 1; s++)
+    l.push(t + n * s);
+  return l.push(i), l;
 };
-function ce(i, e = 1, t, s) {
-  const h = (i < 16 ? 40 : i < 49 ? 32 : 24) * e;
-  return Math.max(Math.min(h, s ?? 1 / 0), t ?? -1 / 0);
+function ce(h, e = 1, t, i) {
+  const n = (h < 16 ? 40 : h < 49 ? 32 : 24) * e;
+  return Math.max(Math.min(n, i ?? 1 / 0), t ?? -1 / 0);
 }
-class Fe {
+class Ke {
   constructor() {
-    L(this, "component", /* @__PURE__ */ k.jsx(k.Fragment, {})), L(this, "reactRoot", null), L(this, "parentNode", null), L(this, "rootNode", null), L(this, "chartSizes", {
+    z(this, "component", /* @__PURE__ */ k.jsx(k.Fragment, {})), z(this, "reactRoot", null), z(this, "parentNode", null), z(this, "rootNode", null), z(this, "chartSizes", {
       treeWidth: D,
-      treeHeight: j,
+      treeHeight: V,
       heatmapWidth: 0,
       heatmapHeight: 0,
-      totalWidth: D + D + w.LEFT + w.RIGHT,
-      totalHeight: j + w.TOP + w.BOTTOM,
+      totalWidth: D + D + E.LEFT + E.RIGHT,
+      totalHeight: V + E.TOP + E.BOTTOM,
       labelsOffset: 0
-    }), L(this, "legend", { width: 0, height: 0, items: [] }), L(this, "heatmapScales", {
-      x: H().domain(["null"]).range([1]),
-      y: H().domain(["null"]).range([1])
-    }), L(this, "heatmapStep", { x: 0, y: 0 }), L(this, "heatmapColorScale", {
-      scale: H([]),
+    }), z(this, "legend", { width: 0, height: 0, items: [] }), z(this, "heatmapScales", {
+      x: W().domain(["null"]).range([1]),
+      y: W().domain(["null"]).range([1])
+    }), z(this, "heatmapStep", { x: 0, y: 0 }), z(this, "heatmapColorScale", {
+      scale: W([]),
       getter: () => "white"
-    }), L(this, "heatmapLabels", []);
+    }), z(this, "heatmapLabels", []);
   }
   clear() {
     var e;
@@ -87,30 +87,30 @@ class Fe {
     });
   }
   init(e) {
-    this.parentNode === null && (this.parentNode = e, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = ae(this.rootNode));
+    this.parentNode === null && (this.parentNode = e, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = U(this.rootNode));
   }
-  updateHeatmapScales(e, t, s) {
+  updateHeatmapScales(e, t, i) {
     if (e === null) {
       this.chartSizes.heatmapWidth = 0;
       return;
     }
-    const { xKeysByGroups: h, xGroupKeys: n, xKeys: l, yKeys: p } = e, S = 5, z = n.map((o) => h[o].length), O = z.reduce((o, a) => o + a, 0), W = this.chartSizes.treeHeight / p.length, C = Math.min(
+    const { xKeysByGroups: n, xGroupKeys: l, xKeys: s, yKeys: c } = e, T = 5, x = l.map((o) => n[o].length), A = x.reduce((o, a) => o + a, 0), L = this.chartSizes.treeHeight / c.length, w = Math.min(
       Math.max(
-        (ie - (z.filter((o) => o > 0).length - 1) * S) / O,
-        s.minCellWidth
+        (ie - (x.filter((o) => o > 0).length - 1) * T) / A,
+        i.minCellWidth
       ),
-      s.maxCellWidth
-    ), v = [];
-    let x = 0;
-    n.forEach((o) => {
-      const a = h[o];
+      i.maxCellWidth
+    ), H = [];
+    let v = 0;
+    l.forEach((o) => {
+      const a = n[o];
       a.forEach(() => {
-        v.push(x), x += C;
-      }), a.length > 0 && (x += S);
-    }), this.heatmapScales.x = H().domain(l).range(v), this.heatmapScales.y = H().domain(p).range(p.map((o, a) => a * W)), this.heatmapStep.x = C, this.heatmapStep.y = W;
-    const { colorsList: T, colorsMap: f } = t.aes;
-    if (t.valueType === "continuous" && T) {
-      const o = re().domain(me(T.length, e.meta.valueExtent)).range(T);
+        H.push(v), v += w;
+      }), a.length > 0 && (v += T);
+    }), this.heatmapScales.x = W().domain(s).range(H), this.heatmapScales.y = W().domain(c).range(c.map((o, a) => a * L)), this.heatmapStep.x = w, this.heatmapStep.y = L;
+    const { colorsList: S, colorsMap: f } = t.aes;
+    if (t.valueType === "continuous" && S) {
+      const o = le().domain(me(S.length, e.meta.valueExtent)).range(S);
       this.heatmapColorScale = {
         scale: o,
         getter: (a) => o(a)
@@ -119,26 +119,26 @@ class Fe {
     if (t.valueType === "discrete" && f) {
       const o = Object.keys(f).filter((a) => e.meta.uniqueValues.has(a));
       this.heatmapColorScale = {
-        scale: H(
+        scale: W(
           o,
           o.map((a) => f[a])
-        ).unknown(_),
-        getter: (a) => a ? f[a] ?? _ : _
+        ).unknown(F),
+        getter: (a) => a ? f[a] ?? F : F
       };
     }
-    if (t.valueType === "stringSource" && T) {
-      const o = [...e.meta.uniqueValues], a = H(
+    if (t.valueType === "stringSource" && S) {
+      const o = [...e.meta.uniqueValues], a = W(
         o,
-        o.map((N, y) => T[y % T.length])
-      ).unknown(_);
+        o.map((y, O) => S[O % S.length])
+      ).unknown(F);
       this.heatmapColorScale = {
         scale: a,
-        getter: (N) => N ? a(N) : _
+        getter: (y) => y ? a(y) : F
       };
     }
     this.chartSizes.heatmapWidth = this.heatmapScales.x(e.xKeys[e.xKeys.length - 1]) + this.heatmapStep.x;
   }
-  updateLegendSize(e, t, s, h, n, l) {
+  updateLegendSize(e, t, i, n, l, s) {
     if (!e.show) {
       this.legend = {
         width: 0,
@@ -147,37 +147,37 @@ class Fe {
       };
       return;
     }
-    const p = new K("600 14px Arial"), S = 16, z = 48, O = 20, W = 24;
-    function C(c, r) {
+    const c = new G("600 14px Arial"), T = 16, x = 48, A = 20, L = 24;
+    function w(d, r) {
       return Math.max(
-        ...c.map((u) => p.getTextWidth(String(u)) + O),
-        p.getTextWidth(r)
+        ...d.map((p) => c.getTextWidth(String(p)) + A),
+        c.getTextWidth(r)
       );
     }
-    const v = [];
-    [s.nodeColor, s.nodeShape, s.lineColor].filter(V).map((c) => c.columnName).forEach((c) => {
-      const r = t[c.value];
+    const H = [];
+    [i.nodeColor, i.nodeShape, i.lineColor].filter($).map((d) => d.columnName).forEach((d) => {
+      const r = t[d.value];
       if (r.usedAes.length === 0 || !r.aesMap)
         return;
-      const u = c.label ?? c.value, b = r.values, d = {};
-      b.forEach((m) => {
-        d[m] || (d[m] = { ...Y }), r.usedAes.forEach((g) => {
-          var M, A, E;
-          (g === "dotFill" || g === "lineColor") && (d[m].color = ((M = r.aesMap[m]) == null ? void 0 : M[g]) ?? U), g === "dotShape" && (d[m].shape = ((A = r.aesMap[m]) == null ? void 0 : A[g]) ?? "21"), g === "dotSize" && (d[m].size = ((E = r.aesMap[m]) == null ? void 0 : E[g]) ?? 3);
+      const p = d.label ?? d.value, b = r.values, m = {};
+      b.forEach((u) => {
+        m[u] || (m[u] = { ...Y }), r.usedAes.forEach((g) => {
+          var M, N, C;
+          (g === "dotFill" || g === "lineColor") && (m[u].color = ((M = r.aesMap[u]) == null ? void 0 : M[g]) ?? Q), g === "dotShape" && (m[u].shape = ((N = r.aesMap[u]) == null ? void 0 : N[g]) ?? "21"), g === "dotSize" && (m[u].size = ((C = r.aesMap[u]) == null ? void 0 : C[g]) ?? 3);
         });
-      }), v.push({
-        columnKey: u,
-        data: d,
+      }), H.push({
+        columnKey: p,
+        data: m,
         values: r.values,
         labels: r.labels
       });
     });
-    const x = [];
-    let T = 0, f = 0, o = 0, a = Math.min(this.chartSizes.treeHeight, se);
-    if (h && n) {
-      const c = l.valueType, r = h.label ?? h.value;
-      if (c === "continuous") {
-        const u = this.heatmapColorScale.scale, b = J(u, n.meta.valueExtent, 4), d = {
+    const v = [];
+    let S = 0, f = 0, o = 0, a = Math.min(this.chartSizes.treeHeight, se);
+    if (n && l) {
+      const d = s.valueType, r = n.label ?? n.value;
+      if (d === "continuous") {
+        const p = this.heatmapColorScale.scale, b = Z(p, l.meta.valueExtent, 4), m = {
           id: "heatmapValue",
           type: "continuous",
           width: ee(b, r),
@@ -185,136 +185,136 @@ class Fe {
           left: 0,
           top: 0,
           title: r,
-          scale: u,
+          scale: p,
           values: b,
           labels: {}
         };
-        x.push(d), f = d.height + z, T = d.width;
+        v.push(m), f = m.height + x, S = m.width;
       } else {
-        const u = this.heatmapColorScale.scale, b = te(u, r), d = u.domain(), m = d.length * S, g = {
+        const p = this.heatmapColorScale.scale, b = te(p, r), m = p.domain(), u = m.length * T, g = {
           id: "heatmapValue",
           type: "discrete",
           width: b,
-          height: m,
+          height: u,
           left: 0,
           top: 0,
           title: r,
-          scale: u,
-          values: d,
+          scale: p,
+          values: m,
           labels: {}
         };
-        x.push(g), f = g.height + z, T = g.width;
+        v.push(g), f = g.height + x, S = g.width;
       }
     }
-    if (v.map(({ columnKey: c, labels: r, values: u, data: b }) => {
-      f > a && (f = 0, o += T + W);
-      const d = c, m = C(
-        u.map((R) => r[R]),
-        d
-      ), g = u.length * S;
+    if (H.map(({ columnKey: d, labels: r, values: p, data: b }) => {
+      f > a && (f = 0, o += S + L);
+      const m = d, u = w(
+        p.map((_) => r[_]),
+        m
+      ), g = p.length * T;
       g > a && (a = g);
-      const M = H().domain(u).range(u.map((R) => b[R])), A = o, E = f;
-      x.push({ id: c, type: "nodes", width: m, height: g, left: A, top: E, title: d, scale: M, values: u, labels: r }), T = m, f += g + z;
-    }), $(s.nodeSize)) {
-      f > a && (f = 0, o += T + W);
-      const { columnName: c, domain: r, range: u } = s.nodeSize, b = c.label ?? c.value, d = q(r, u), m = d.ticks(3), g = d.tickFormat(3), M = m.reduce((G, I) => (G[String(I)] = g(I), G), {}), A = C(
-        m.map((G) => M[G]),
+      const M = W().domain(p).range(p.map((_) => b[_])), N = o, C = f;
+      v.push({ id: d, type: "nodes", width: u, height: g, left: N, top: C, title: m, scale: M, values: p, labels: r }), S = u, f += g + x;
+    }), j(i.nodeSize)) {
+      f > a && (f = 0, o += S + L);
+      const { columnName: d, domain: r, range: p } = i.nodeSize, b = d.label ?? d.value, m = q(r, p), u = m.ticks(3), g = m.tickFormat(3), M = u.reduce((R, I) => (R[String(I)] = g(I), R), {}), N = w(
+        u.map((R) => M[R]),
         b
-      ), E = (d(Math.max(...m)) * 2 + 4) * m.length;
-      E > a && (a = E);
-      const R = o, B = f;
-      x.push({ id: c.value, type: "size", width: A, height: E, left: R, top: B, title: b, scale: d, values: m, labels: M }), T = A, f += E + z;
+      ), C = (m(Math.max(...u)) * 2 + 4) * u.length;
+      C > a && (a = C);
+      const _ = o, B = f;
+      v.push({ id: d.value, type: "size", width: N, height: C, left: _, top: B, title: b, scale: m, values: u, labels: M }), S = N, f += C + x;
     }
-    const N = o + T + 2 * Z, y = a;
+    const y = o + S + 2 * J, O = a;
     this.legend = {
-      width: N,
-      height: y,
-      items: x
+      width: y,
+      height: O,
+      items: v
     };
   }
-  updateChartSizes(e, t, s) {
-    const h = s.leaves().length;
+  updateChartSizes(e, t, i) {
+    const n = i.leaves().length;
     this.chartSizes.treeWidth = t ? e.width / 2 : e.width;
-    const n = ce(h, e.scale, e.minCellHeight, e.maxCellHeight) * h;
-    this.chartSizes.treeHeight = n, this.chartSizes.heatmapHeight = n;
+    const l = ce(n, e.scale, e.minCellHeight, e.maxCellHeight) * n;
+    this.chartSizes.treeHeight = l, this.chartSizes.heatmapHeight = l;
   }
   updateTotalSizes(e) {
-    this.chartSizes.totalWidth = this.chartSizes.treeWidth + this.chartSizes.heatmapWidth + this.legend.width + w.LEFT + w.RIGHT, e && (this.chartSizes.totalWidth += P), this.legend.width > 0 && (this.chartSizes.totalWidth += P), this.chartSizes.totalHeight = Math.max(this.chartSizes.treeHeight, this.legend.height) + w.TOP + w.BOTTOM;
+    this.chartSizes.totalWidth = this.chartSizes.treeWidth + this.chartSizes.heatmapWidth + this.legend.width + E.LEFT + E.RIGHT, e && (this.chartSizes.totalWidth += P), this.legend.width > 0 && (this.chartSizes.totalWidth += P), this.chartSizes.totalHeight = Math.max(this.chartSizes.treeHeight, this.legend.height) + E.TOP + E.BOTTOM;
   }
   prepareTableLabels(e) {
-    const t = new K("bold 14px Arial"), s = "…";
+    const t = new G("bold 14px Arial"), i = "…";
     if (this.heatmapStep.x < 12 || !e) {
       this.heatmapLabels = [];
       return;
     }
-    const h = this.heatmapStep.x - 4;
-    this.heatmapLabels = e.xKeys.map((n) => {
-      const l = e.meta.xLabels[n];
-      let p = t.getTextWidth(l);
-      if (p < h)
-        return l;
-      let S = l, z = S == null ? void 0 : S.length;
-      for (; p > h && z > 0; )
-        z--, S = (l == null ? void 0 : l.substring(0, z)) + s, p = t.getTextWidth(S);
-      return z > 0 ? S : "";
+    const n = this.heatmapStep.x - 4;
+    this.heatmapLabels = e.xKeys.map((l) => {
+      const s = e.meta.xLabels[l];
+      let c = t.getTextWidth(s);
+      if (c < n)
+        return s;
+      let T = s, x = T == null ? void 0 : T.length;
+      for (; c > n && x > 0; )
+        x--, T = (s == null ? void 0 : s.substring(0, x)) + i, c = t.getTextWidth(T);
+      return x > 0 ? T : "";
     });
   }
   addLabelsWidthToTreeArea(e, t) {
     if (!t)
       return;
-    const s = e.leaves(), h = new K("bold 14px Manrope");
-    let n = 0;
-    s.forEach((l) => {
-      if (!l.data.label)
+    const i = e.leaves(), n = new G("bold 14px Manrope");
+    let l = 0;
+    i.forEach((s) => {
+      if (!s.data.label)
         return;
-      const p = h.getTextWidth(l.data.label), S = l.y + p - this.chartSizes.treeWidth + 8;
-      S > n && (n = S);
-    }), this.chartSizes.treeWidth += n;
+      const c = n.getTextWidth(s.data.label), T = s.y + c - this.chartSizes.treeWidth + 8;
+      T > l && (l = T);
+    }), this.chartSizes.treeWidth += l;
   }
-  render(e, t, s, h, n, l, p, S, z, O, W, C, v, x, T, f, o) {
-    var a;
-    this.updateChartSizes(e.size, v, t), this.updateHeatmapScales(v, x, e.size), this.updateLegendSize(e.legend, T, O, C, v, x), this.prepareTableLabels(v);
-    const N = h === "top" ? [this.chartSizes.treeWidth, this.chartSizes.treeHeight] : [this.chartSizes.treeHeight, this.chartSizes.treeWidth];
-    le().size(N).separation(() => 1)(t);
-    const y = t;
-    X(
-      y,
-      h === "top" ? this.chartSizes.treeHeight : this.chartSizes.treeWidth,
-      f === "alignLeavesToLine"
-    ), Q(y), this.addLabelsWidthToTreeArea(y, S), this.updateTotalSizes(v);
-    const c = pe(O), r = /* @__PURE__ */ k.jsx(
-      oe,
+  render(e, t, i, n, l, s, c, T, x, A, L, w, H, v, S, f, o, a) {
+    var y;
+    this.updateChartSizes(t.size, v, i), this.updateHeatmapScales(v, S, t.size), this.updateLegendSize(t.legend, f, L, H, v, S), this.prepareTableLabels(v);
+    const O = l === "top" ? [this.chartSizes.treeWidth, this.chartSizes.treeHeight] : [this.chartSizes.treeHeight, this.chartSizes.treeWidth];
+    re().size(O).separation(() => 1)(i);
+    const d = i;
+    oe(
+      d,
+      l === "top" ? this.chartSizes.treeHeight : this.chartSizes.treeWidth,
+      o === "alignLeavesToLine"
+    ), he(d), this.addLabelsWidthToTreeArea(d, x), this.updateTotalSizes(v);
+    const r = pe(e, L), p = /* @__PURE__ */ k.jsx(
+      ae,
       {
         chartSizes: this.chartSizes,
-        chartSettings: e,
-        nodes: y.descendants(),
-        links: y.links(),
-        connectionType: s,
-        rootPosition: h,
-        edgeInheritance: n,
-        showNodes: l,
-        showEdges: p,
-        showLeavesLabels: S,
-        showNodesLabels: z,
-        aesGetters: c,
-        labels: W,
+        chartSettings: t,
+        nodes: d.descendants(),
+        links: d.links(),
+        connectionType: n,
+        rootPosition: l,
+        edgeInheritance: s,
+        showNodes: c,
+        showEdges: T,
+        showLeavesLabels: x,
+        showNodesLabels: A,
+        aesGetters: r,
+        labels: w,
         heatmapData: v,
         heatmapScales: this.heatmapScales,
         heatmapStep: this.heatmapStep,
         heatmapColor: this.heatmapColorScale.getter,
         heatmapLabels: this.heatmapLabels,
         legendData: this.legend,
-        onClick: o
+        onClick: a
       }
     );
-    this.component = r, (a = this.reactRoot) == null || a.render(r);
+    this.component = p, (y = this.reactRoot) == null || y.render(p);
   }
   renderError(e) {
     var t;
-    (t = this.reactRoot) == null || t.render(/* @__PURE__ */ k.jsx(he, { message: e }));
+    (t = this.reactRoot) == null || t.render(/* @__PURE__ */ k.jsx(X, { message: e }));
   }
 }
 export {
-  Fe as default
+  Ke as default
 };
 //# sourceMappingURL=ChartRenderer.js.map