@milaboratories/miplots4 1.0.171 → 1.0.172

package/dist/dendro/ChartRenderer.js

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