@milaboratories/miplots4 1.0.143 → 1.0.144

package/dist/heatmap/ChartRenderer.js

@@ -1,99 +1,99 @@
-var st = Object.defineProperty;
-var et = (p, s, e) => s in p ? st(p, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[s] = e;
-var b = (p, s, e) => et(p, typeof s != "symbol" ? s + "" : s, e);
-import { j as P } from "../node_modules/react/jsx-runtime.js";
-import ot from "../node_modules/lodash/lodash.js";
-import { createRoot as it } from "../node_modules/react-dom/client.js";
-import { Error as nt } from "../common/Error.js";
-import { DataFrameProvider as rt } from "../common/useDataFrame.js";
-import { DEFAULT_HEIGHT as X, DEFAULT_WIDTH as Y, TITLE_LINE_HEIGHT as at, TITLE_MARGIN as ht } from "../constants.js";
-import { arrangeLegendParts as ct } from "../utils/arrangeLegendParts.js";
-import { getChartEdgeSides as lt } from "../utils/getChartEdgeSides.js";
-import { getContinuousLegendTicks as K } from "../utils/getContinuousLegendTicks.js";
-import { TextMeasurer as ut } from "../utils/TextMeasurer/TextMeasurer.js";
-import { ChartsGroup as pt } from "./components/ChartsGroup.js";
-import { MIN_MARGIN as w, TITLE_LINE as q, LEGEND_OFFSET as dt, DEFAULT_AES as V, CHART_SIDE_ELEMENTS as mt, MIN_PADDING as gt } from "./constants.js";
-import { calculateChartSideElementSizes as xt } from "./utils/calculateChartSideElementSizes.js";
-import { calculateSideElementsBBoxes as Ct } from "./utils/calculateSideElementsBBoxes.js";
-import { createDiscreteColorScale as J, createContinuousColorScale as ft } from "./utils/createColorScales.js";
-import { calculateAnnotationTitleSizes as St } from "./utils/calculateAnnotationTitleSizes.js";
-import { calculateCaptionTails as yt } from "./utils/calculateCaptionTails.js";
-import _ from "../node_modules/d3-scale/src/ordinal.js";
-import v from "../node_modules/d3-scale/src/linear.js";
-import Lt from "../node_modules/d3-array/src/extent.js";
-import Q from "../node_modules/d3-hierarchy/src/cluster.js";
-const bt = Math.cos(Math.PI / 4), At = 5;
-function Z(p, s, e) {
-  function t(r) {
-    r[e] = s(r.data.height), r.children && r.children.forEach(t);
+var it = Object.defineProperty;
+var nt = (p, e, t) => e in p ? it(p, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[e] = t;
+var C = (p, e, t) => nt(p, typeof e != "symbol" ? e + "" : e, t);
+import { j as k } from "../node_modules/react/jsx-runtime.js";
+import rt from "../node_modules/lodash/lodash.js";
+import { createRoot as at } from "../node_modules/react-dom/client.js";
+import { Error as ht } from "../common/Error.js";
+import { DataFrameProvider as ct } from "../common/useDataFrame.js";
+import { DEFAULT_HEIGHT as U, DEFAULT_WIDTH as Y, TITLE_LINE_HEIGHT as lt, TITLE_MARGIN as ut } from "../constants.js";
+import { arrangeLegendParts as pt } from "../utils/arrangeLegendParts.js";
+import { getChartEdgeSides as dt } from "../utils/getChartEdgeSides.js";
+import { getContinuousLegendTicks as Q } from "../utils/getContinuousLegendTicks.js";
+import { TextMeasurer as mt } from "../utils/TextMeasurer/TextMeasurer.js";
+import { ChartsGroup as gt } from "./components/ChartsGroup.js";
+import { MIN_MARGIN as O, TITLE_LINE as q, LEGEND_OFFSET as xt, DEFAULT_AES as Z, CHART_SIDE_ELEMENTS as ft } from "./constants.js";
+import { calculateChartSideElementSizes as yt } from "./utils/calculateChartSideElementSizes.js";
+import { calculateSideElementsBBoxes as St } from "./utils/calculateSideElementsBBoxes.js";
+import { createDiscreteColorScale as $, createContinuousColorScale as Ct } from "./utils/createColorScales.js";
+import { calculateAnnotationTitleSizes as Lt } from "./utils/calculateAnnotationTitleSizes.js";
+import { calculateCaptionTails as bt } from "./utils/calculateCaptionTails.js";
+import I from "../node_modules/d3-scale/src/ordinal.js";
+import D from "../node_modules/d3-scale/src/linear.js";
+import zt from "../node_modules/d3-array/src/extent.js";
+import tt from "../node_modules/d3-hierarchy/src/cluster.js";
+const Gt = Math.cos(Math.PI / 4), At = 5;
+function st(p, e, t) {
+  function s(a) {
+    a[t] = e(a.data.height), a.children && a.children.forEach(s);
   }
-  t(p);
+  s(p);
 }
-function $(p, s, e, t = e) {
-  function r(i) {
-    i[t] = i[e] + s, i.children && i.children.forEach(r);
+function et(p, e, t, s = t) {
+  function a(i) {
+    i[s] = i[t] + e, i.children && i.children.forEach(a);
   }
-  r(p);
+  a(p);
 }
-const zt = (p, s) => {
-  const e = Math.min(...s), t = Math.max(...s);
-  if (e === t) {
-    const a = p % 2 === 0 ? [] : [e];
+const Et = (p, e) => {
+  const t = Math.min(...e), s = Math.max(...e);
+  if (t === s) {
+    const r = p % 2 === 0 ? [] : [t];
     for (let h = 1; h < p / 2 + 1; h++)
-      a.push(e + h), a.unshift(e - h);
-    return a;
+      r.push(t + h), r.unshift(t - h);
+    return r;
   }
   if (p < 2)
-    return [e, t];
-  const r = (t - e) / (p - 1), i = [];
-  for (let a = 0; a < p - 1; a++)
-    i.push(e + r * a);
-  return i.push(t), i;
+    return [t, s];
+  const a = (s - t) / (p - 1), i = [];
+  for (let r = 0; r < p - 1; r++)
+    i.push(t + a * r);
+  return i.push(s), i;
 };
-function tt(p, s, e) {
-  let t = e;
-  return p && (p.colorRange && (t = p.colorRange), p.method === "standardScaling" && (t = [-2, 2]), p.method === "meanNormalization" && (t = [-0.75, 0.75])), zt(s, t);
+function ot(p, e, t) {
+  let s = t;
+  return p && (p.colorRange && (s = p.colorRange), p.method === "standardScaling" && (s = [-2, 2]), p.method === "meanNormalization" && (s = [-0.75, 0.75])), Et(e, s);
 }
-function O(p, s, e) {
-  let t = 0;
-  for (const r of p) {
-    if (s[r] === void 0) continue;
-    const i = e.getTextWidth(s[r]);
-    i > t && (t = i);
+function P(p, e, t) {
+  let s = 0;
+  for (const a of p) {
+    if (e[a] === void 0) continue;
+    const i = t.getTextWidth(e[a]);
+    i > s && (s = i);
   }
-  return t;
+  return s;
 }
-function U(p, s) {
-  return s === 90 ? p : s === 45 ? p * bt + (p > 0 ? 2 * At : 0) : q;
+function F(p, e) {
+  return e === 90 ? p : e === 45 ? p * Gt + (p > 0 ? 2 * At : 0) : q;
 }
-class qt {
+class Vt {
   constructor() {
-    b(this, "reactRoot", null);
-    b(this, "parentNode", null);
-    b(this, "rootNode", null);
-    b(this, "component", /* @__PURE__ */ P.jsx(P.Fragment, {}));
-    b(this, "chartsDimensions", {});
-    b(this, "chartSizes", {
+    C(this, "reactRoot", null);
+    C(this, "parentNode", null);
+    C(this, "rootNode", null);
+    C(this, "component", /* @__PURE__ */ k.jsx(k.Fragment, {}));
+    C(this, "chartsDimensions", {});
+    C(this, "chartSizes", {
       chartWidth: Y,
       // width of single chart
-      chartHeight: X,
+      chartHeight: U,
       // height of single chart
       chartsWidth: Y,
       // width of all charts in charts row
-      chartsHeight: X,
+      chartsHeight: U,
       // width of all charts in charts column, without axes
       totalWidth: Y,
       // width of all charts in charts row, plus left axis, plus legend
-      totalHeight: X
+      totalHeight: U
       // width of all charts in charts height, plus bottom axis, plus top title
     });
-    b(this, "margins", {
-      top: w,
-      bottom: w,
-      left: w,
-      right: w
+    C(this, "margins", {
+      top: O,
+      bottom: O,
+      left: O,
+      right: O
     });
-    b(this, "captionsSizes", {
+    C(this, "captionsSizes", {
       xAxisCaptions: 100,
       yAxisCaptions: 100,
       xGroupCaptions: q,
@@ -101,324 +101,333 @@ class qt {
       xCaptionTail: 0,
       yCaptionTail: 0
     });
-    b(this, "labelAngles", {
+    C(this, "labelAngles", {
       xAxisLabels: 0,
       yAxisLabels: 0,
       xGroupLabels: 0,
       yGroupLabels: 0
     });
-    b(this, "columnsCount", 1);
-    b(this, "rowsCount", 1);
-    b(this, "scales", {
+    C(this, "columnsCount", 1);
+    C(this, "rowsCount", 1);
+    C(this, "scales", {
       // scales grouped by facet
-      x: { null: _().domain(["null"]).range([1]) },
-      y: { null: _().domain(["null"]).range([1]) }
+      x: { null: I().domain(["null"]).range([1]) },
+      y: { null: I().domain(["null"]).range([1]) }
     });
-    b(this, "step", { x: {}, y: {} });
-    b(this, "colorScale", v().domain([0, 1]).range(["white", "black"]));
-    b(this, "annotationColorScales", {});
-    b(this, "dendrogramAesScales", {});
-    b(this, "legend", {
+    C(this, "step", { x: {}, y: {} });
+    C(this, "colorScale", D().domain([0, 1]).range(["white", "black"]));
+    C(this, "annotationColorScales", {});
+    C(this, "dendrogramAesScales", {});
+    C(this, "legend", {
       width: 0,
       height: 0,
       items: []
     });
-    b(this, "dendrograms", {});
+    C(this, "dendrograms", {});
   }
   clear() {
-    var s;
-    this.parentNode && this.rootNode && ((s = this.parentNode) == null || s.removeChild(this.rootNode), this.parentNode = null, this.rootNode = null), setTimeout(() => {
-      var e;
-      (e = this.reactRoot) == null || e.unmount(), this.reactRoot = null;
+    var e;
+    this.parentNode && this.rootNode && ((e = this.parentNode) == null || e.removeChild(this.rootNode), this.parentNode = null, this.rootNode = null), setTimeout(() => {
+      var t;
+      (t = this.reactRoot) == null || t.unmount(), this.reactRoot = null;
     });
   }
-  init(s) {
-    this.parentNode === null && (this.parentNode = s, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = it(this.rootNode));
+  init(e) {
+    this.parentNode === null && (this.parentNode = e, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = at(this.rootNode));
   }
-  updateMargins(s) {
+  updateMargins(e, t) {
     this.margins = {
-      top: s.show ? at + ht * 2 : w,
-      bottom: w,
-      left: w,
-      right: this.legend.width + w
+      top: e.show ? lt + ut * 2 : t.outerOffset,
+      bottom: t.outerOffset,
+      left: t.outerOffset,
+      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(s, e, t, r, i) {
-    if (!e.show) {
+  updateLegendSize(e, t, s, a, i) {
+    if (!t.show) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
     }
-    const a = this.chartSizes.chartHeight, h = [], d = { width: 0, height: 0, left: 0, top: 0 }, A = (l) => l.reduce((c, n) => (c[n] = String(n), c), {});
-    if (s === "continuous") {
-      const l = this.colorScale, c = K(l, i), n = v([c[0], c[c.length - 1]], [a, 0]), o = r.label ?? r.value;
+    const r = this.chartSizes.chartHeight, h = [], u = { width: 0, height: 0, left: 0, top: 0 }, G = (l) => l.reduce((c, o) => (c[o] = String(o), c), {});
+    if (e === "continuous") {
+      const l = this.colorScale, c = Q(l, i), o = D([c[0], c[c.length - 1]], [r, 0]), n = a.label ?? a.value;
       h.push({
-        ...d,
+        ...u,
         type: "continuous",
         id: "heatmapValue",
         scale: l,
         values: c,
-        title: o,
-        tickPositionScale: n
+        title: n,
+        tickPositionScale: o
       });
-    } else if (s === "discrete") {
-      const l = this.colorScale, c = r.label ?? r.value, n = l.domain(), o = A(n);
-      h.push({ ...d, type: "discreteColor", id: "heatmapValue", title: c, scale: l, values: n, labels: o });
+    } else if (e === "discrete") {
+      const l = this.colorScale, c = a.label ?? a.value, o = l.domain(), n = G(o);
+      h.push({ ...u, type: "discreteColor", id: "heatmapValue", title: c, scale: l, values: o, labels: n });
     }
-    if (t.forEach((l) => {
+    if (s.forEach((l) => {
       const c = l.valueColumn.label ?? l.valueColumn.value;
       if (l.type === "continuous") {
-        const n = this.annotationColorScales[l.id].scale, o = K(n, i), C = v([o[0], o[o.length - 1]], [a, 0]);
-        h.push({ ...d, type: "continuous", id: l.id, tickPositionScale: C, title: c, scale: n, values: o });
+        const o = this.annotationColorScales[l.id].scale, n = Q(o, i), x = D([n[0], n[n.length - 1]], [r, 0]);
+        h.push({ ...u, type: "continuous", id: l.id, tickPositionScale: x, title: c, scale: o, values: n });
       }
       if (l.type === "discrete") {
-        const n = this.annotationColorScales[l.id].scale, o = n.domain(), C = A(o);
-        h.push({ ...d, type: "discreteColor", id: l.id, title: c, scale: n, values: o, labels: C });
+        const o = this.annotationColorScales[l.id].scale, n = o.domain(), x = G(n);
+        h.push({ ...u, type: "discreteColor", id: l.id, title: c, scale: o, values: n, labels: x });
       }
     }), !h.length) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
     }
-    const x = ct(h, this.chartSizes.chartHeight), m = x[x.length - 1], y = m.left + m.width + dt;
+    const m = pt(h, this.chartSizes.chartHeight), g = m[m.length - 1], E = g.left + g.width + xt;
     this.legend = {
-      width: y,
-      height: a,
-      items: x
+      width: E,
+      height: r,
+      items: m
     };
   }
-  updateCaptionsSize(s, e, t, r) {
-    const i = new ut("bold 16px Manrope"), { xGroupKeys: a, yGroupKeys: h, xGroupLabels: d, yGroupLabels: A, xKeysByGroups: x, yKeysByGroups: m, xLabels: y, yLabels: l } = s.meta;
+  updateCaptionsSize(e, t, s, a) {
+    const i = new mt("bold 16px Manrope"), { xGroupKeys: r, yGroupKeys: h, xGroupLabels: u, yGroupLabels: G, xKeysByGroups: m, yKeysByGroups: g, xLabels: E, yLabels: l } = e.meta;
     this.labelAngles = {
-      xAxisLabels: e.axisLabelsAngle,
-      yAxisLabels: t.axisLabelsAngle,
-      xGroupLabels: e.groupLabelsAngle,
-      yGroupLabels: t.groupLabelsAngle
+      xAxisLabels: t.axisLabelsAngle,
+      yAxisLabels: s.axisLabelsAngle,
+      xGroupLabels: t.groupLabelsAngle,
+      yGroupLabels: s.groupLabelsAngle
     };
-    const c = a.reduce((f, S) => Math.max(f, O(x[S], y, i)), 0), n = h.reduce((f, S) => Math.max(f, O(m[S], l, i)), 0), o = O(a, d, i), C = O(h, A, i), { xCaptionTail: u, yCaptionTail: g } = yt(
+    const c = r.reduce((y, d) => Math.max(y, P(m[d], E, i)), 0), o = h.reduce((y, d) => Math.max(y, P(g[d], l, i)), 0), n = P(r, u, i), x = P(h, G, i), { xCaptionTail: f, yCaptionTail: A } = bt(
       this.labelAngles,
-      r,
+      a,
       this.scales,
       this.step,
-      s,
+      e,
       i
     );
     this.captionsSizes = {
-      xCaptionTail: u,
-      yCaptionTail: g,
-      xGroupCaptions: U(o, this.labelAngles.xGroupLabels),
-      yGroupCaptions: U(C, this.labelAngles.yGroupLabels),
-      xAxisCaptions: U(c, this.labelAngles.xAxisLabels),
-      yAxisCaptions: U(n, this.labelAngles.yAxisLabels)
+      xCaptionTail: f,
+      yCaptionTail: A,
+      xGroupCaptions: F(n, this.labelAngles.xGroupLabels),
+      yGroupCaptions: F(x, this.labelAngles.yGroupLabels),
+      xAxisCaptions: F(c, this.labelAngles.xAxisLabels),
+      yAxisCaptions: F(o, this.labelAngles.yAxisLabels)
     };
   }
-  updateChartDimensions(s, e, t, r, i, a, h, d, A, x) {
-    const m = e.length, y = Math.min(i.nRows ?? m, m), l = Math.min(i.nCols ?? m, m);
-    this.columnsCount = i.nRows ? Math.ceil(m / y) : l, this.rowsCount = Math.ceil(m / this.columnsCount);
-    const { width: c, height: n } = s, { sharedX: o, sharedY: C } = i;
+  updateChartDimensions(e, t, s, a, i, r, h, u, G, m) {
+    const g = t.length, E = Math.min(i.nRows ?? g, g), l = Math.min(i.nCols ?? g, g);
+    this.columnsCount = i.nRows ? Math.ceil(g / E) : l, this.rowsCount = Math.ceil(g / this.columnsCount);
+    const { sharedX: c, sharedY: o } = i;
     this.chartsDimensions = {};
-    let u = 0, g = 0;
-    e.forEach((z, E) => {
-      const I = E % this.columnsCount + 1, M = lt(E, e.length, this.columnsCount, this.rowsCount), B = this.step.x[z], R = this.step.y[z], N = xt(
-        a,
+    let n = 0, x = 0;
+    t.forEach((y, d) => {
+      const L = d % this.columnsCount + 1, S = dt(d, t.length, this.columnsCount, this.rowsCount), b = this.step.x[y], w = this.step.y[y], H = yt(
+        r,
         h,
         this.captionsSizes,
-        d,
-        A,
-        x,
-        M,
+        u,
+        G,
+        m,
+        S,
+        c,
         o,
-        C,
-        e,
         t,
-        r,
-        B,
-        R
-      ), F = St(d, M, o, C);
-      function D(H) {
+        s,
+        a,
+        b,
+        w
+      ), v = Lt(u, S, c, o);
+      function N(B) {
         return Math.max(
-          mt[H].reduce((L, G) => L + N[H][G], 0),
-          F[H],
-          gt
+          ft[B].reduce((j, _) => j + H[B][_], 0),
+          v[B],
+          e.innerOffset
         );
       }
       const T = {
-        left: D("left"),
-        right: D("right"),
-        top: D("top"),
-        bottom: D("bottom")
+        left: N("left"),
+        right: N("right"),
+        top: N("top"),
+        bottom: N("bottom")
       };
       T.left < this.captionsSizes.xCaptionTail && (T.left = this.captionsSizes.xCaptionTail), T.bottom < this.captionsSizes.yCaptionTail && (T.bottom = this.captionsSizes.yCaptionTail);
-      const W = Ct(N, c, n), j = c + T.left + T.right, k = n + T.top + T.bottom;
-      this.chartsDimensions[z] = {
-        left: u,
-        top: g,
-        inner: { width: c, height: n },
-        outer: { width: j, height: k },
+      const K = St(H, this.chartSizes.chartWidth, this.chartSizes.chartHeight), R = this.chartSizes.chartWidth + T.left + T.right, W = this.chartSizes.chartHeight + T.top + T.bottom;
+      this.chartsDimensions[y] = {
+        left: n,
+        top: x,
+        inner: { width: this.chartSizes.chartWidth, height: this.chartSizes.chartHeight },
+        outer: { width: R, height: W },
         padding: T,
-        sideElementBBoxes: W,
-        chartEdgeSides: M
-      }, u += j, I === this.columnsCount && (u = 0, g += k);
+        sideElementBBoxes: K,
+        chartEdgeSides: S
+      }, n += R, L === this.columnsCount && (n = 0, x += W);
     });
-    const f = e.slice(0, this.columnsCount).reduce((z, E) => z + this.chartsDimensions[E].outer.width, 0), S = e.filter((z, E) => E % this.columnsCount === 0).reduce((z, E) => z + this.chartsDimensions[E].outer.height, 0);
-    this.chartSizes.chartsWidth = f, this.chartSizes.chartsHeight = S;
+    const f = t.slice(0, this.columnsCount).reduce((y, d) => y + this.chartsDimensions[d].outer.width, 0), A = t.filter((y, d) => d % this.columnsCount === 0).reduce((y, d) => y + this.chartsDimensions[d].outer.height, 0);
+    this.chartSizes.chartsWidth = f, this.chartSizes.chartsHeight = A;
   }
-  updateChartsSizes(s) {
-    const { width: e, height: t } = s;
-    this.chartSizes.chartWidth = e, this.chartSizes.chartHeight = t;
+  updateChartsSizes(e, t, s) {
+    const { width: a, height: i, cellWidth: r, cellHeight: h } = e;
+    if (r && t.sharedX) {
+      const u = s.facets[s.meta.facetKeys[0]].xKeys.length;
+      this.chartSizes.chartWidth = u * r;
+    } else
+      this.chartSizes.chartWidth = a;
+    if (h && t.sharedY) {
+      const u = s.facets[s.meta.facetKeys[0]].yKeys.length;
+      this.chartSizes.chartHeight = u * h;
+    } else
+      this.chartSizes.chartHeight = i;
   }
   // update scales for cell positions, x and y for each facet
-  updateScales(s, e, t, r, i, a, h, d, A) {
-    const { width: x, height: m } = i, { meta: y, facets: l } = e, { sharedX: c, sharedY: n } = r, o = (u, g = {}) => u.sort(
-      (f, S) => a.sorting === "asc" ? (g[f] ?? f).localeCompare(g[S] ?? S, "en", { numeric: !0 }) : (g[S] ?? S).localeCompare(g[f] ?? f, "en", { numeric: !0 })
-    ), C = (u, g = {}) => u.sort(
-      (f, S) => h.sorting === "asc" ? (g[f] ?? f).localeCompare(g[S] ?? S, "en", { numeric: !0 }) : (g[S] ?? S).localeCompare(g[f] ?? f, "en", { numeric: !0 })
+  updateScales(e, t, s, a, i, r, h, u, G, m) {
+    const { width: g, height: E, cellWidth: l, cellHeight: c } = i, { meta: o, facets: n } = t, { sharedX: x, sharedY: f } = a, A = (d, L = {}) => d.sort(
+      (S, b) => r.sorting === "asc" ? (L[S] ?? S).localeCompare(L[b] ?? b, "en", { numeric: !0 }) : (L[b] ?? b).localeCompare(L[S] ?? S, "en", { numeric: !0 })
+    ), y = (d, L = {}) => d.sort(
+      (S, b) => h.sorting === "asc" ? (L[S] ?? S).localeCompare(L[b] ?? b, "en", { numeric: !0 }) : (L[b] ?? b).localeCompare(L[S] ?? S, "en", { numeric: !0 })
     );
-    s.forEach((u) => {
-      const g = l[u], f = o(y.xGroupKeys), S = C(y.yGroupKeys), { xKeysByGroups: z } = c ? y : g, { yKeysByGroups: E } = n ? y : g, I = f.map((L) => z[L].length), M = S.map((L) => E[L].length), B = I.reduce((L, G) => L + G, 0), R = M.reduce((L, G) => L + G, 0), N = (x - (I.filter((L) => L > 0).length - 1) * t) / B, F = (m - (M.filter((L) => L > 0).length - 1) * t) / R, D = [], T = [];
-      let W = 0;
-      f.forEach((L) => {
-        const G = d ? z[L] : o(z[L], y.xLabels);
-        T.push(...G), G.forEach(() => {
-          D.push(W), W += N;
-        }), G.length > 0 && (W += t);
+    e.forEach((d) => {
+      const L = n[d], S = m.xGroup ? o.xGroupKeys : A(o.xGroupKeys), b = m.yGroup ? o.yGroupKeys : y(o.yGroupKeys), { xKeysByGroups: w } = x ? o : L, { yKeysByGroups: H } = f ? o : L, v = S.map((z) => w[z].length), N = b.map((z) => H[z].length), T = v.reduce((z, M) => z + M, 0), K = N.reduce((z, M) => z + M, 0), R = x && l ? l : (g - (v.filter((z) => z > 0).length - 1) * s) / T, W = f && c ? c : (E - (N.filter((z) => z > 0).length - 1) * s) / K, B = [], j = [];
+      let _ = 0;
+      S.forEach((z) => {
+        const M = u || m.x ? w[z] : A(w[z], o.xLabels);
+        j.push(...M), M.forEach(() => {
+          B.push(_), _ += R;
+        }), M.length > 0 && (_ += s);
       });
-      const j = [], k = [];
-      let H = 0;
-      S.forEach((L) => {
-        const G = A ? E[L] : C(E[L], y.yLabels);
-        k.push(...G), G.forEach(() => {
-          j.push(H), H += F;
-        }), G.length > 0 && (H += t);
-      }), this.scales.x[u] = _().domain(T).range(D), this.scales.y[u] = _().domain(k).range(j), this.step.x[u] = N, this.step.y[u] = F;
+      const V = [], J = [];
+      let X = 0;
+      b.forEach((z) => {
+        const M = G || m.y ? H[z] : y(H[z], o.yLabels);
+        J.push(...M), M.forEach(() => {
+          V.push(X), X += W;
+        }), M.length > 0 && (X += s);
+      }), this.scales.x[d] = I().domain(j).range(B), this.scales.y[d] = I().domain(J).range(V), this.step.x[d] = R, this.step.y[d] = W;
     });
   }
-  updateAesScale(s, e, t, r, i, a, h) {
-    if (s === "continuous")
-      t.valueColors ? this.colorScale = v().domain(t.valuesByColors ?? tt(h, t.valueColors.length, e)).range(t.valueColors) : t.colorsList && (this.colorScale = v().domain(tt(h, t.colorsList.length, e)).range(t.colorsList));
-    else if (t.colorsMap) {
-      const x = Object.entries(t.colorsMap);
-      this.colorScale = _().domain(x.map((m) => m[0])).range(x.map((m) => m[1])).unknown("#ccc");
-    } else t.colorsList && (this.colorScale = J(t.colorsList, a.map(String)));
-    const { xDataByKeys: d, yDataByKeys: A } = i.meta;
-    r.forEach((x) => {
-      const { colors: m, type: y, axis: l, valueColumn: c } = x, n = (l === "x" ? d : A)[c.value];
-      if (y === "discrete") {
-        const o = ot.uniq(Object.values(n).map(String)).sort();
-        this.annotationColorScales[x.id] = {
+  updateAesScale(e, t, s, a, i, r, h) {
+    if (e === "continuous")
+      s.valueColors ? this.colorScale = D().domain(s.valuesByColors ?? ot(h, s.valueColors.length, t)).range(s.valueColors) : s.colorsList && (this.colorScale = D().domain(ot(h, s.colorsList.length, t)).range(s.colorsList));
+    else if (s.colorsMap) {
+      const m = Object.entries(s.colorsMap);
+      this.colorScale = I().domain(m.map((g) => g[0])).range(m.map((g) => g[1])).unknown("#ccc");
+    } else s.colorsList && (this.colorScale = $(s.colorsList, r.map(String)));
+    const { xDataByKeys: u, yDataByKeys: G } = i.meta;
+    a.forEach((m) => {
+      const { colors: g, type: E, axis: l, valueColumn: c } = m, o = (l === "x" ? u : G)[c.value];
+      if (E === "discrete") {
+        const n = rt.uniq(Object.values(o).map(String)).sort();
+        this.annotationColorScales[m.id] = {
           type: "discrete",
-          scale: J(m, o)
+          scale: $(g, n)
         };
       } else {
-        const o = Object.values(n).map(Number);
-        if (!o.length)
+        const n = Object.values(o).map(Number);
+        if (!n.length)
           return;
-        const [C = o[0], u = o[0]] = Lt(o);
-        this.annotationColorScales[x.id] = {
+        const [x = n[0], f = n[0]] = zt(n);
+        this.annotationColorScales[m.id] = {
           type: "continuous",
-          scale: ft(m, C, u, 0, 0.5, 1)
+          scale: Ct(g, x, f, 0, 0.5, 1)
         };
       }
     });
   }
-  updateDendrogram(s, e, t, r, i, a, h) {
-    s.forEach((d) => {
-      this.dendrograms[d] = { x: { treesByGroupKey: {}, data: a }, y: { treesByGroupKey: {}, data: h } };
-      const { xKeysByGroups: A, yKeysByGroups: x } = r[d], { hierarchyByGroupX: m, hierarchyByGroupY: y } = i[d];
-      if (a) {
-        const l = e.reduce((c, n) => {
-          var o;
-          return Math.max(c, (o = m[n]) == null ? void 0 : o.data.height);
+  updateDendrogram(e, t, s, a, i, r, h) {
+    e.forEach((u) => {
+      this.dendrograms[u] = { x: { treesByGroupKey: {}, data: r }, y: { treesByGroupKey: {}, data: h } };
+      const { xKeysByGroups: G, yKeysByGroups: m } = a[u], { hierarchyByGroupX: g, hierarchyByGroupY: E } = i[u];
+      if (r) {
+        const l = t.reduce((c, o) => {
+          var n;
+          return Math.max(c, (n = g[o]) == null ? void 0 : n.data.height);
         }, 0);
-        this.dendrograms[d].x.treesByGroupKey = e.reduce((c, n) => {
-          const o = m[n], C = A[n];
-          Q().separation(() => 1).size([C.length * this.step.x[d], a.size])(
-            o
+        this.dendrograms[u].x.treesByGroupKey = t.reduce((c, o) => {
+          const n = g[o], x = G[o];
+          tt().separation(() => 1).size([x.length * this.step.x[u], r.size])(
+            n
           );
-          const u = o, g = v().domain(a.position === "top" ? [0, l] : [l, 0]).range([a.size, 0]);
-          return Z(u, g, "y"), $(u, this.scales.x[d](C[0]), "x"), c[n] = u, c;
-        }, {}), this.dendrograms[d].x.data = a;
+          const f = n, A = D().domain(r.position === "top" ? [0, l] : [l, 0]).range([r.size, 0]);
+          return st(f, A, "y"), et(f, this.scales.x[u](x[0]), "x"), c[o] = f, c;
+        }, {}), this.dendrograms[u].x.data = r;
       }
       if (h) {
-        const l = t.reduce((c, n) => {
-          var o;
-          return Math.max(c, (o = y[n]) == null ? void 0 : o.data.height);
+        const l = s.reduce((c, o) => {
+          var n;
+          return Math.max(c, (n = E[o]) == null ? void 0 : n.data.height);
         }, 0);
-        this.dendrograms[d].y.treesByGroupKey = t.reduce((c, n) => {
-          const o = y[n], C = x[n];
-          Q().separation(() => 1).size([C.length * this.step.y[d], h.size])(
-            o
+        this.dendrograms[u].y.treesByGroupKey = s.reduce((c, o) => {
+          const n = E[o], x = m[o];
+          tt().separation(() => 1).size([x.length * this.step.y[u], h.size])(
+            n
           );
-          const u = o, g = v().domain(h.position === "left" ? [0, l] : [l, 0]).range([h.size, 0]);
-          return $(u, this.scales.y[d](C[0]), "x", "y"), Z(u, g, "x"), c[n] = u, c;
-        }, {}), this.dendrograms[d].y.data = h;
+          const f = n, A = D().domain(h.position === "left" ? [0, l] : [l, 0]).range([h.size, 0]);
+          return et(f, this.scales.y[u](x[0]), "x", "y"), st(f, A, "x"), c[o] = f, c;
+        }, {}), this.dendrograms[u].y.data = h;
       }
     });
   }
-  updateDendrogramAesScales(s) {
-    if (!s)
+  updateDendrogramAesScales(e) {
+    if (!e)
       return;
-    const e = Object.keys(s);
-    this.dendrogramAesScales = e.reduce((t, r) => {
-      const i = s[r], a = Object.keys(i);
-      return t[r] = _().domain(a).range(
-        a.map((h) => ({
-          ...V,
+    const t = Object.keys(e);
+    this.dendrogramAesScales = t.reduce((s, a) => {
+      const i = e[a], r = Object.keys(i);
+      return s[a] = I().domain(r).range(
+        r.map((h) => ({
+          ...Z,
           ...i[h]
         }))
-      ).unknown(V), t;
+      ).unknown(Z), s;
     }, {});
   }
-  render(s, e, t, r, i, a, h, d, A, x, m, y, l, c, n) {
-    var N;
-    const { meta: o, facets: C } = a, { facetKeys: u, xGroupKeys: g, yGroupKeys: f, valueExtent: S } = o, { xAxis: z, yAxis: E, title: I, size: M, valueType: B } = t;
-    this.updateChartsSizes(M), this.updateAesScale(B, S, i, h, a, l, c), this.updateScales(u, a, i.groupGap, r, M, t.xAxis, t.yAxis, A, x), this.updateCaptionsSize(a, z, E, r), this.updateChartDimensions(
-      M,
-      u,
-      g,
-      f,
-      r,
-      z,
-      E,
-      h,
+  render(e, t, s, a, i, r, h, u, G, m, g, E, l, c, o, n) {
+    var T;
+    const { meta: x, facets: f } = r, { facetKeys: A, xGroupKeys: y, yGroupKeys: d, valueExtent: L } = x, { xAxis: S, yAxis: b, title: w, size: H, valueType: v } = s;
+    this.updateChartsSizes(H, a, r), this.updateAesScale(v, L, i, h, r, l, c), this.updateScales(A, r, i.groupGap, a, H, s.xAxis, s.yAxis, G, m, n), this.updateCaptionsSize(r, S, b, a), this.updateChartDimensions(
+      H,
       A,
-      x
-    ), this.updateLegendSize(B, t.legend, h, d, S), this.updateMargins(I), this.updateDendrogram(u, g, f, C, m, A, x), this.updateDendrogramAesScales(y);
-    const R = /* @__PURE__ */ P.jsx(rt, { dataFrame: s, children: /* @__PURE__ */ P.jsx(
-      pt,
+      y,
+      d,
+      a,
+      S,
+      b,
+      h,
+      G,
+      m
+    ), this.updateLegendSize(v, s.legend, h, u, L), this.updateMargins(w, H), this.updateDendrogram(A, y, d, f, g, G, m), this.updateDendrogramAesScales(E);
+    const N = /* @__PURE__ */ k.jsx(ct, { dataFrame: e, children: /* @__PURE__ */ k.jsx(
+      gt,
       {
         aes: i,
         annotations: h,
         annotationColorScales: this.annotationColorScales,
         captionsSizes: this.captionsSizes,
-        cellsMeta: o,
+        cellsMeta: x,
         columnsCount: this.columnsCount,
         chartsDimensions: this.chartsDimensions,
-        chartSettings: t,
+        chartSettings: s,
         chartSizes: this.chartSizes,
         colorScale: this.colorScale,
         dendrogramAesScales: this.dendrogramAesScales,
         dendrograms: this.dendrograms,
-        facetKeys: u,
-        facetSettings: r,
-        groupedCells: C,
+        facetKeys: A,
+        facetSettings: a,
+        groupedCells: f,
         labelAngles: this.labelAngles,
         legend: this.legend,
         margins: this.margins,
         scales: this.scales,
-        settingsId: e,
+        settingsId: t,
         step: this.step,
-        xGroupKeys: g,
-        yGroupKeys: f,
-        onTooltipHintSwitch: n
+        xGroupKeys: y,
+        yGroupKeys: d,
+        onTooltipHintSwitch: o
       }
     ) });
-    this.component = R, (N = this.reactRoot) == null || N.render(R);
+    this.component = N, (T = this.reactRoot) == null || T.render(N);
   }
-  renderError(s) {
-    var e;
-    (e = this.reactRoot) == null || e.render(/* @__PURE__ */ P.jsx(nt, { message: s }));
+  renderError(e) {
+    var t;
+    (t = this.reactRoot) == null || t.render(/* @__PURE__ */ k.jsx(ht, { message: e }));
   }
 }
 export {
-  qt as default
+  Vt as default
 };
 //# sourceMappingURL=ChartRenderer.js.map