@milaboratories/graph-maker 1.1.154 → 1.1.156

package/dist/node_modules/@milaboratories/miplots4/dist/MiPlots.js

@@ -12,27 +12,27 @@ class h {
   constructor(t) {
     i(this, "node"), i(this, "chart"), this.chart = t;
   }
-  static createChart(t, r, e) {
-    const { type: a } = r;
-    if (a === "discrete")
-      return new c(t, r, e);
-    if (a === "dendro")
-      return new n(t, r, e);
-    if (a === "scatterplot")
-      return new p(t, r, e);
-    if (a === "scatterplot-umap")
-      return new f(t, r, e);
-    if (a === "heatmap")
-      return new u(t, r, e);
-    if (a === "histogram")
-      return new m(t, r, e);
-    if (a === "bubble")
-      return new d(t, r, e);
-    l(a, `Unknown chart type: ${a}`);
+  static createChart(t, r, a) {
+    const { type: e } = r;
+    if (e === "discrete")
+      return new c(t, r, a);
+    if (e === "dendro")
+      return new n(t, r, a);
+    if (e === "scatterplot")
+      return new p(t, r, a);
+    if (e === "scatterplot-umap")
+      return new f(t, r, a);
+    if (e === "heatmap")
+      return new u(t, r, a);
+    if (e === "histogram")
+      return new m(t, r, a);
+    if (e === "bubble")
+      return new d(t, r, a);
+    l(e, `Unknown chart type: ${e}`);
   }
-  static newPlot(t, r, e) {
-    const a = s.from(t);
-    return new this(h.createChart(a, r, e));
+  static newPlot(t, r, a) {
+    const e = s.from(t);
+    return new this(h.createChart(e, r, a));
   }
   get calculatedData() {
     return this.chart.calculatedData;
@@ -48,8 +48,8 @@ class h {
   }
   updateSettingsAndData(t, r) {
     if (r.type !== this.chart.settings.type) {
-      const e = h.createChart(this.chart.data, r);
-      this.node ? (this.chart.unmount(), this.chart = e, this.chart.mount(this.node)) : this.chart = e;
+      const a = h.createChart(this.chart.data, r);
+      this.node ? (this.chart.unmount(), this.chart = a, this.chart.mount(this.node)) : this.chart = a;
     } else
       this.chart.updateSettingsAndData(s.from(t), r);
   }

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

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