@milaboratories/miplots4 1.0.169 → 1.0.170

package/dist/heatmap/ChartRenderer.js

@@ -1,6 +1,6 @@
 var ot = Object.defineProperty;
-var it = (d, e, t) => e in d ? ot(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t;
-var C = (d, e, t) => it(d, typeof e != "symbol" ? e + "" : e, t);
+var it = (p, e, t) => e in p ? ot(p, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[e] = t;
+var C = (p, e, t) => it(p, typeof e != "symbol" ? e + "" : e, t);
 import { j as O } from "../_virtual/jsx-runtime.js";
 import nt from "../_virtual/lodash.js";
 import { c as at } from "../_virtual/client.js";
@@ -12,59 +12,59 @@ import { getChartEdgeSides as mt } from "../utils/getChartEdgeSides.js";
 import { getContinuousLegendTicks as Q } from "../utils/getContinuousLegendTicks.js";
 import { TextMeasurer as gt } from "../utils/TextMeasurer/TextMeasurer.js";
 import { ChartsGroup as xt } from "./components/ChartsGroup.js";
-import { MIN_MARGIN as F, TITLE_LINE as V, LEGEND_OFFSET as ft, DEFAULT_AES as Z, CHART_SIDE_ELEMENTS as St } from "./constants.js";
+import { MIN_MARGIN as F, TITLE_LINE as V, DEFAULT_AES as Z, LEGEND_OFFSET as ft, CHART_SIDE_ELEMENTS as St } from "./constants.js";
 import { calculateChartSideElementSizes as yt } from "./utils/calculateChartSideElementSizes.js";
 import { calculateSideElementsBBoxes as Ct } from "./utils/calculateSideElementsBBoxes.js";
-import { createDiscreteColorScale as Lt, createDiscreteRoundColorScale as Gt, createContinuousColorScale as Et } from "./utils/createColorScales.js";
+import { createDiscreteColorScale as Lt, createDiscreteRoundColorScale as Et, createContinuousColorScale as Gt } from "./utils/createColorScales.js";
 import { calculateAnnotationTitleSizes as bt } from "./utils/calculateAnnotationTitleSizes.js";
 import { calculateCaptionTails as zt } from "./utils/calculateCaptionTails.js";
 import _ from "../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/ordinal.js";
-import I from "../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/linear.js";
+import R from "../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/linear.js";
 import At from "../node_modules/.pnpm/d3-array@3.2.4/node_modules/d3-array/src/extent.js";
 import $ from "../node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/cluster.js";
 const Tt = Math.cos(Math.PI / 4), Ht = 5;
-function tt(d, e, t) {
+function tt(p, e, t) {
   function s(r) {
     r[t] = e(r.data.height), r.children && r.children.forEach(s);
   }
-  s(d);
+  s(p);
 }
-function st(d, e, t, s = t) {
-  function r(i) {
-    i[s] = i[t] + e, i.children && i.children.forEach(r);
+function st(p, e, t, s = t) {
+  function r(n) {
+    n[s] = n[t] + e, n.children && n.children.forEach(r);
   }
-  r(d);
+  r(p);
 }
-const Mt = (d, e) => {
+const Mt = (p, e) => {
   const t = Math.min(...e), s = Math.max(...e);
   if (t === s) {
-    const a = d % 2 === 0 ? [] : [t];
-    for (let l = 1; l < d / 2 + 1; l++)
+    const a = p % 2 === 0 ? [] : [t];
+    for (let l = 1; l < p / 2 + 1; l++)
       a.push(t + l), a.unshift(t - l);
     return a;
   }
-  if (d < 2)
+  if (p < 2)
     return [t, s];
-  const r = (s - t) / (d - 1), i = [];
-  for (let a = 0; a < d - 1; a++)
-    i.push(t + r * a);
-  return i.push(s), i;
+  const r = (s - t) / (p - 1), n = [];
+  for (let a = 0; a < p - 1; a++)
+    n.push(t + r * a);
+  return n.push(s), n;
 };
-function et(d, e, t) {
+function et(p, e, t) {
   let s = t;
-  return d && (d.colorRange && (s = d.colorRange), d.method === "standardScaling" && (s = [-2, 2]), d.method === "meanNormalization" && (s = [-0.75, 0.75])), Mt(e, s);
+  return p && (p.colorRange && (s = p.colorRange), p.method === "standardScaling" && (s = [-2, 2]), p.method === "meanNormalization" && (s = [-0.75, 0.75])), Mt(e, s);
 }
-function P(d, e, t) {
+function P(p, e, t) {
   let s = 0;
-  for (const r of d) {
+  for (const r of p) {
     if (e[r] === void 0) continue;
-    const i = t.getTextWidth(e[r]);
-    i > s && (s = i);
+    const n = t.getTextWidth(e[r]);
+    n > s && (s = n);
   }
   return s;
 }
-function K(d, e) {
-  return e === 90 ? d : e === 45 ? d * Tt + (d > 0 ? 2 * Ht : 0) : V;
+function K(p, e) {
+  return e === 90 ? p : e === 45 ? p * Tt + (p > 0 ? 2 * Ht : 0) : V;
 }
 class Zt {
   constructor() {
@@ -115,7 +115,7 @@ class Zt {
       y: { null: _().domain(["null"]).range([1]) }
     });
     C(this, "step", { x: {}, y: {} });
-    C(this, "colorScale", I().domain([0, 1]).range(["white", "black"]));
+    C(this, "colorScale", R().domain([0, 1]).range(["white", "black"]));
     C(this, "annotationColorScales", {});
     C(this, "dendrogramAesScales", {});
     C(this, "legend", {
@@ -143,7 +143,7 @@ class Zt {
       right: this.legend.width + t.outerOffset
     }, this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right, this.chartSizes.totalHeight = this.margins.top + Math.max(this.chartSizes.chartsHeight + this.margins.bottom, this.legend.height);
   }
-  updateLegendSize(e, t, s, r, i) {
+  updateLegendSize(e, t, s, r, n) {
     if (!t.show) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
@@ -151,95 +151,95 @@ class Zt {
     const a = Math.min(
       Math.max(this.chartSizes.chartHeight, ut),
       pt
-    ), l = Math.max(this.chartSizes.chartHeight, a), c = [], x = { width: 0, height: 0, left: 0, top: 0 }, m = (n) => n.reduce((o, h) => (o[h] = String(h), o), {});
+    ), l = Math.max(this.chartSizes.chartHeight, a), c = [], x = { width: 0, height: 0, left: 0, top: 0 }, d = (i) => i.reduce((o, h) => (o[h] = String(h), o), {});
     if (e === "continuous") {
-      const n = this.colorScale, o = Q(n, i), h = I([o[0], o[o.length - 1]], [a, 0]), u = r.label ?? r.value;
+      const i = this.colorScale, o = Q(i, n), h = R([o[0], o[o.length - 1]], [a, 0]), u = r.label ?? r.value;
       c.push({
         ...x,
         type: "continuous",
         id: "heatmapValue",
-        scale: n,
+        scale: i,
         values: o,
         title: u,
         tickPositionScale: h
       });
     } else if (e === "discrete") {
-      const n = this.colorScale, o = r.label ?? r.value, h = n.domain(), u = m(h);
-      c.push({ ...x, type: "discreteColor", id: "heatmapValue", title: o, scale: n, values: h, labels: u });
+      const i = this.colorScale, o = r.label ?? r.value, h = i.domain(), u = d(h);
+      c.push({ ...x, type: "discreteColor", id: "heatmapValue", title: o, scale: i, values: h, labels: u });
     }
-    if (s.forEach((n) => {
-      const o = n.valueColumn.label ?? n.valueColumn.value;
-      if (n.type === "continuous") {
-        const h = this.annotationColorScales[n.id].scale, u = Q(h, i), G = I([u[0], u[u.length - 1]], [a, 0]);
-        c.push({ ...x, type: "continuous", id: n.id, tickPositionScale: G, title: o, scale: h, values: u });
+    if (s.forEach((i) => {
+      const o = i.valueColumn.label ?? i.valueColumn.value;
+      if (i.type === "continuous") {
+        const h = this.annotationColorScales[i.id].scale, u = Q(h, n), L = R([u[0], u[u.length - 1]], [a, 0]);
+        c.push({ ...x, type: "continuous", id: i.id, tickPositionScale: L, title: o, scale: h, values: u });
       }
-      if (n.type === "discrete") {
-        const h = this.annotationColorScales[n.id].scale, u = h.domain(), G = m(u);
-        c.push({ ...x, type: "discreteColor", id: n.id, title: o, scale: h, values: u, labels: G });
+      if (i.type === "discrete") {
+        const h = this.annotationColorScales[i.id].scale, u = h.domain(), L = d(u);
+        c.push({ ...x, type: "discreteColor", id: i.id, title: o, scale: h, values: u, labels: L });
       }
     }), !c.length) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
     }
-    const p = dt(c, this.chartSizes.chartHeight, a), L = p[p.length - 1], f = L.left + L.width + ft;
+    const m = dt(c, this.chartSizes.chartHeight, a), f = m.reduce((i, o) => Math.max(i, o.left + o.width), 0) + ft;
     this.legend = {
       width: f,
       height: l,
-      items: p
+      items: m
     };
   }
   updateCaptionsSize(e, t, s, r) {
-    const i = new gt("bold 16px Manrope"), { xGroupKeys: a, yGroupKeys: l, xGroupLabels: c, yGroupLabels: x, xKeysByGroups: m, yKeysByGroups: p, xLabels: L, yLabels: f } = e.meta;
+    const n = new gt("bold 16px Manrope"), { xGroupKeys: a, yGroupKeys: l, xGroupLabels: c, yGroupLabels: x, xKeysByGroups: d, yKeysByGroups: m, xLabels: z, yLabels: f } = e.meta;
     this.labelAngles = {
       xAxisLabels: t.axisLabelsAngle,
       yAxisLabels: s.axisLabelsAngle,
       xGroupLabels: t.groupLabelsAngle,
       yGroupLabels: s.groupLabelsAngle
     };
-    const n = a.reduce((S, g) => Math.max(S, P(m[g], L, i)), 0), o = l.reduce((S, g) => Math.max(S, P(p[g], f, i)), 0), h = P(a, c, i), u = P(l, x, i), { xCaptionTail: G, yCaptionTail: M } = zt(
+    const i = a.reduce((S, g) => Math.max(S, P(d[g], z, n)), 0), o = l.reduce((S, g) => Math.max(S, P(m[g], f, n)), 0), h = P(a, c, n), u = P(l, x, n), { xCaptionTail: L, yCaptionTail: M } = zt(
       this.labelAngles,
       r,
       this.scales,
       this.step,
       e,
-      i
+      n
     );
     this.captionsSizes = {
-      xCaptionTail: G,
+      xCaptionTail: L,
       yCaptionTail: M,
       xGroupCaptions: K(h, this.labelAngles.xGroupLabels),
       yGroupCaptions: K(u, this.labelAngles.yGroupLabels),
-      xAxisCaptions: K(n, this.labelAngles.xAxisLabels),
+      xAxisCaptions: K(i, this.labelAngles.xAxisLabels),
       yAxisCaptions: K(o, this.labelAngles.yAxisLabels)
     };
   }
-  updateChartDimensions(e, t, s, r, i, a, l, c, x, m) {
-    const p = t.length, L = Math.min(i.nRows ?? p, p), f = Math.min(i.nCols ?? p, p);
-    this.columnsCount = i.nRows ? Math.ceil(p / L) : f, this.rowsCount = Math.ceil(p / this.columnsCount);
-    const { sharedX: n, sharedY: o } = i;
+  updateChartDimensions(e, t, s, r, n, a, l, c, x, d) {
+    const m = t.length, z = Math.min(n.nRows ?? m, m), f = Math.min(n.nCols ?? m, m);
+    this.columnsCount = n.nRows ? Math.ceil(m / z) : f, this.rowsCount = Math.ceil(m / this.columnsCount);
+    const { sharedX: i, sharedY: o } = n;
     this.chartsDimensions = {};
     let h = 0, u = 0;
     t.forEach((S, g) => {
-      const E = g % this.columnsCount + 1, y = mt(g, t.length, this.columnsCount, this.rowsCount), b = this.step.x[S], w = this.step.y[S], D = yt(
+      const E = g % this.columnsCount + 1, y = mt(g, t.length, this.columnsCount, this.rowsCount), G = this.step.x[S], w = this.step.y[S], D = yt(
         a,
         l,
         this.captionsSizes,
         c,
         x,
-        m,
+        d,
         y,
-        n,
+        i,
         o,
         t,
         s,
         r,
-        b,
+        G,
         w
-      ), N = bt(c, y, n, o);
-      function H(R) {
+      ), N = bt(c, y, i, o);
+      function H(v) {
         return Math.max(
-          St[R].reduce((k, j) => k + D[R][j], 0),
-          N[R],
+          St[v].reduce((k, j) => k + D[v][j], 0),
+          N[v],
           e.innerOffset
         );
       }
@@ -250,117 +250,117 @@ class Zt {
         bottom: H("bottom")
       };
       A.left < this.captionsSizes.xCaptionTail && (A.left = this.captionsSizes.xCaptionTail), A.bottom < this.captionsSizes.yCaptionTail && (A.bottom = this.captionsSizes.yCaptionTail);
-      const v = Ct(D, this.chartSizes.chartWidth, this.chartSizes.chartHeight), B = this.chartSizes.chartWidth + A.left + A.right, W = this.chartSizes.chartHeight + A.top + A.bottom;
+      const I = Ct(D, this.chartSizes.chartWidth, this.chartSizes.chartHeight), B = this.chartSizes.chartWidth + A.left + A.right, W = this.chartSizes.chartHeight + A.top + A.bottom;
       this.chartsDimensions[S] = {
         left: h,
         top: u,
         inner: { width: this.chartSizes.chartWidth, height: this.chartSizes.chartHeight },
         outer: { width: B, height: W },
         padding: A,
-        sideElementBBoxes: v,
+        sideElementBBoxes: I,
         chartEdgeSides: y
       }, h += B, E === this.columnsCount && (h = 0, u += W);
     });
-    const G = t.slice(0, this.columnsCount).reduce((S, g) => S + this.chartsDimensions[g].outer.width, 0), M = t.filter((S, g) => g % this.columnsCount === 0).reduce((S, g) => S + this.chartsDimensions[g].outer.height, 0);
-    this.chartSizes.chartsWidth = G, this.chartSizes.chartsHeight = M;
+    const L = t.slice(0, this.columnsCount).reduce((S, g) => S + this.chartsDimensions[g].outer.width, 0), M = t.filter((S, g) => g % this.columnsCount === 0).reduce((S, g) => S + this.chartsDimensions[g].outer.height, 0);
+    this.chartSizes.chartsWidth = L, this.chartSizes.chartsHeight = M;
   }
   updateChartsSizes(e, t, s) {
-    const { width: r, height: i, cellWidth: a, cellHeight: l } = e, c = t.meta.facetKeys[0];
+    const { width: r, height: n, cellWidth: a, cellHeight: l } = e, c = t.meta.facetKeys[0];
     if (a && c) {
-      const x = t.facets[c].xKeys.length, m = t.meta.xGroupKeys.length;
-      this.chartSizes.chartWidth = x * a + s * (m - 1);
+      const x = t.facets[c].xKeys.length, d = t.meta.xGroupKeys.length;
+      this.chartSizes.chartWidth = x * a + s * (d - 1);
     } else
       this.chartSizes.chartWidth = r;
     if (l && c) {
-      const x = t.facets[c].yKeys.length, m = t.meta.yGroupKeys.length;
-      this.chartSizes.chartHeight = x * l + s * (m - 1);
+      const x = t.facets[c].yKeys.length, d = t.meta.yGroupKeys.length;
+      this.chartSizes.chartHeight = x * l + s * (d - 1);
     } else
-      this.chartSizes.chartHeight = i;
+      this.chartSizes.chartHeight = n;
   }
   // update scales for cell positions, x and y for each facet
-  updateScales(e, t, s, r, i, a, l, c, x, m) {
-    const { width: p, height: L, cellWidth: f, cellHeight: n } = i, { meta: o, facets: h } = t, { sharedX: u, sharedY: G } = r, M = (g, E = {}) => g.sort(
-      (y, b) => a.sorting === "asc" ? (E[y] ?? y).localeCompare(E[b] ?? b, "en", { numeric: !0 }) : (E[b] ?? b).localeCompare(E[y] ?? y, "en", { numeric: !0 })
+  updateScales(e, t, s, r, n, a, l, c, x, d) {
+    const { width: m, height: z, cellWidth: f, cellHeight: i } = n, { meta: o, facets: h } = t, { sharedX: u, sharedY: L } = r, M = (g, E = {}) => g.sort(
+      (y, G) => a.sorting === "asc" ? (E[y] ?? y).localeCompare(E[G] ?? G, "en", { numeric: !0 }) : (E[G] ?? G).localeCompare(E[y] ?? y, "en", { numeric: !0 })
     ), S = (g, E = {}) => g.sort(
-      (y, b) => l.sorting === "asc" ? (E[y] ?? y).localeCompare(E[b] ?? b, "en", { numeric: !0 }) : (E[b] ?? b).localeCompare(E[y] ?? y, "en", { numeric: !0 })
+      (y, G) => l.sorting === "asc" ? (E[y] ?? y).localeCompare(E[G] ?? G, "en", { numeric: !0 }) : (E[G] ?? G).localeCompare(E[y] ?? y, "en", { numeric: !0 })
     );
     e.forEach((g) => {
-      const E = h[g], y = m.xGroup ? o.xGroupKeys : M(o.xGroupKeys), b = m.yGroup ? o.yGroupKeys : S(o.yGroupKeys), { xKeysByGroups: w } = u ? o : E, { yKeysByGroups: D } = G ? o : E, N = y.map((z) => w[z].length), H = b.map((z) => D[z].length), A = N.reduce((z, T) => z + T, 0), v = H.reduce((z, T) => z + T, 0), B = f || (p - (N.filter((z) => z > 0).length - 1) * s) / A, W = n || (L - (H.filter((z) => z > 0).length - 1) * s) / v, R = [];
+      const E = h[g], y = d.xGroup ? o.xGroupKeys : M(o.xGroupKeys), G = d.yGroup ? o.yGroupKeys : S(o.yGroupKeys), { xKeysByGroups: w } = u ? o : E, { yKeysByGroups: D } = L ? o : E, N = y.map((b) => w[b].length), H = G.map((b) => D[b].length), A = N.reduce((b, T) => b + T, 0), I = H.reduce((b, T) => b + T, 0), B = f || (m - (N.filter((b) => b > 0).length - 1) * s) / A, W = i || (z - (H.filter((b) => b > 0).length - 1) * s) / I, v = [];
       let k = [], j = 0;
-      y.forEach((z) => {
-        const T = c || m.x ? w[z] : M(w[z], o.xLabels);
+      y.forEach((b) => {
+        const T = c || d.x ? w[b] : M(w[b], o.xLabels);
         k = k.concat(T), T.forEach(() => {
-          R.push(j), j += B;
+          v.push(j), j += B;
         }), T.length > 0 && (j += s);
       });
       const J = [];
       let X = [], U = 0;
-      b.forEach((z) => {
-        const T = x || m.y ? D[z] : S(D[z], o.yLabels);
+      G.forEach((b) => {
+        const T = x || d.y ? D[b] : S(D[b], o.yLabels);
         X = X.concat(T), T.forEach(() => {
           J.push(U), U += W;
         }), T.length > 0 && (U += s);
-      }), this.scales.x[g] = _().domain(k).range(R), this.scales.y[g] = _().domain(X).range(J), this.step.x[g] = B, this.step.y[g] = W;
+      }), this.scales.x[g] = _().domain(k).range(v), this.scales.y[g] = _().domain(X).range(J), this.step.x[g] = B, this.step.y[g] = W;
     });
   }
-  updateAesScale(e, t, s, r, i, a, l) {
+  updateAesScale(e, t, s, r, n, a, l) {
     if (e === "continuous")
-      s.valueColors ? this.colorScale = I().domain(s.valuesByColors ?? et(l, s.valueColors.length, t)).range(s.valueColors) : s.colorsList && (this.colorScale = I().domain(et(l, s.colorsList.length, t)).range(s.colorsList));
+      s.valueColors ? this.colorScale = R().domain(s.valuesByColors ?? et(l, s.valueColors.length, t)).range(s.valueColors) : s.colorsList && (this.colorScale = R().domain(et(l, s.colorsList.length, t)).range(s.colorsList));
     else if (s.colorsMap) {
-      const m = Object.entries(s.colorsMap);
-      this.colorScale = _().domain(m.map((p) => p[0])).range(m.map((p) => p[1])).unknown("#ccc");
+      const d = Object.entries(s.colorsMap);
+      this.colorScale = _().domain(d.map((m) => m[0])).range(d.map((m) => m[1])).unknown("#ccc");
     } else s.colorsList && (this.colorScale = Lt(s.colorsList, a.map(String)));
-    const { xDataByKeys: c, yDataByKeys: x } = i.meta;
-    r.forEach((m) => {
-      const { colors: p, type: L, axis: f, valueColumn: n } = m, o = (f === "x" ? c : x)[n.valueLabels ?? n.value];
-      if (L === "discrete") {
+    const { xDataByKeys: c, yDataByKeys: x } = n.meta;
+    r.forEach((d) => {
+      const { colors: m, type: z, axis: f, valueColumn: i } = d, o = (f === "x" ? c : x)[i.valueLabels ?? i.value];
+      if (z === "discrete") {
         const h = nt.uniq(Object.values(o).map(String)).sort();
-        this.annotationColorScales[m.id] = {
+        this.annotationColorScales[d.id] = {
           type: "discrete",
-          scale: Gt(p, h)
+          scale: Et(m, h)
         };
       } else {
         const h = Object.values(o).map(Number);
         if (!h.length)
           return;
-        const [u = h[0], G = h[0]] = At(h);
-        this.annotationColorScales[m.id] = {
+        const [u = h[0], L = h[0]] = At(h);
+        this.annotationColorScales[d.id] = {
           type: "continuous",
-          scale: Et(p, u, G, 0, 0.5, 1)
+          scale: Gt(m, u, L, 0, 0.5, 1)
         };
       }
     });
   }
-  updateDendrogram(e, t, s, r, i, a, l) {
+  updateDendrogram(e, t, s, r, n, a, l) {
     e.forEach((c) => {
       this.dendrograms[c] = { x: { treesByGroupKey: {}, data: a }, y: { treesByGroupKey: {}, data: l } };
-      const { xKeysByGroups: x, yKeysByGroups: m } = r[c];
+      const { xKeysByGroups: x, yKeysByGroups: d } = r[c];
       if (a) {
-        const { hierarchyByGroupX: p } = i[c], L = t.reduce((f, n) => {
+        const { hierarchyByGroupX: m } = n[c], z = t.reduce((f, i) => {
           var o;
-          return Math.max(f, (o = p[n]) == null ? void 0 : o.data.height);
+          return Math.max(f, (o = m[i]) == null ? void 0 : o.data.height);
         }, 0);
-        this.dendrograms[c].x.treesByGroupKey = t.reduce((f, n) => {
-          const o = p[n], h = x[n];
+        this.dendrograms[c].x.treesByGroupKey = t.reduce((f, i) => {
+          const o = m[i], h = x[i];
           $().separation(() => 1).size([h.length * this.step.x[c], a.size])(
             o
           );
-          const u = o, G = I().domain(a.position === "top" ? [0, L] : [L, 0]).range([a.size, 0]);
-          return tt(u, G, "y"), st(u, this.scales.x[c](h[0]), "x"), f[n] = u, f;
+          const u = o, L = R().domain(a.position === "top" ? [0, z] : [z, 0]).range([a.size, 0]);
+          return tt(u, L, "y"), st(u, this.scales.x[c](h[0]), "x"), f[i] = u, f;
         }, {}), this.dendrograms[c].x.data = a;
       }
       if (l) {
-        const { hierarchyByGroupY: p } = i[c], L = s.reduce((f, n) => {
+        const { hierarchyByGroupY: m } = n[c], z = s.reduce((f, i) => {
           var o;
-          return Math.max(f, (o = p[n]) == null ? void 0 : o.data.height);
+          return Math.max(f, (o = m[i]) == null ? void 0 : o.data.height);
         }, 0);
-        this.dendrograms[c].y.treesByGroupKey = s.reduce((f, n) => {
-          const o = p[n], h = m[n];
+        this.dendrograms[c].y.treesByGroupKey = s.reduce((f, i) => {
+          const o = m[i], h = d[i];
           $().separation(() => 1).size([h.length * this.step.y[c], l.size])(
             o
           );
-          const u = o, G = I().domain(l.position === "left" ? [0, L] : [L, 0]).range([l.size, 0]);
-          return st(u, this.scales.y[c](h[0]), "x", "y"), tt(u, G, "x"), f[n] = u, f;
+          const u = o, L = R().domain(l.position === "left" ? [0, z] : [z, 0]).range([l.size, 0]);
+          return st(u, this.scales.y[c](h[0]), "x", "y"), tt(u, L, "x"), f[i] = u, f;
         }, {}), this.dendrograms[c].y.data = l;
       }
     });
@@ -370,38 +370,38 @@ class Zt {
       return;
     const t = Object.keys(e);
     this.dendrogramAesScales = t.reduce((s, r) => {
-      const i = e[r], a = Object.keys(i);
+      const n = e[r], a = Object.keys(n);
       return s[r] = _().domain(a).range(
         a.map((l) => ({
           ...Z,
-          ...i[l]
+          ...n[l]
         }))
       ).unknown(Z), s;
     }, {});
   }
-  render(e, t, s, r, i, a, l, c, x, m, p, L, f, n, o, h, u) {
-    var v;
-    const { meta: G, facets: M } = a, { facetKeys: S, xGroupKeys: g, yGroupKeys: E, valueExtent: y } = G, { xAxis: b, yAxis: w, title: D, size: N, valueType: H } = s;
-    this.updateChartsSizes(N, a, i.groupGap), this.updateAesScale(H, y.dataSource, i, l, a, f, n), this.updateScales(S, a, i.groupGap, r, N, s.xAxis, s.yAxis, x, m, h), this.updateCaptionsSize(a, b, w, r), this.updateChartDimensions(
+  render(e, t, s, r, n, a, l, c, x, d, m, z, f, i, o, h, u) {
+    var I;
+    const { meta: L, facets: M } = a, { facetKeys: S, xGroupKeys: g, yGroupKeys: E, valueExtent: y } = L, { xAxis: G, yAxis: w, title: D, size: N, valueType: H } = s;
+    this.updateChartsSizes(N, a, n.groupGap), this.updateAesScale(H, y.dataSource, n, l, a, f, i), this.updateScales(S, a, n.groupGap, r, N, s.xAxis, s.yAxis, x, d, h), this.updateCaptionsSize(a, G, w, r), this.updateChartDimensions(
       N,
       S,
       g,
       E,
       r,
-      b,
+      G,
       w,
       l,
       x,
-      m
-    ), this.updateLegendSize(H, s.legend, l, c, y.dataSource), this.updateMargins(D, N), this.updateDendrogram(S, g, E, M, p, x, m), this.updateDendrogramAesScales(L);
+      d
+    ), this.updateLegendSize(H, s.legend, l, c, y.dataSource), this.updateMargins(D, N), this.updateDendrogram(S, g, E, M, m, x, d), this.updateDendrogramAesScales(z);
     const A = /* @__PURE__ */ O.jsx(ht, { dataFrame: e, children: /* @__PURE__ */ O.jsx(
       xt,
       {
-        aes: i,
+        aes: n,
         annotations: l,
         annotationColorScales: this.annotationColorScales,
         captionsSizes: this.captionsSizes,
-        cellsMeta: G,
+        cellsMeta: L,
         columnsCount: this.columnsCount,
         chartsDimensions: this.chartsDimensions,
         chartSettings: s,
@@ -424,7 +424,7 @@ class Zt {
         cellsRenderingMode: u
       }
     ) });
-    this.component = A, (v = this.reactRoot) == null || v.render(A);
+    this.component = A, (I = this.reactRoot) == null || I.render(A);
   }
   renderError(e) {
     var t;