@milaboratories/graph-maker 1.1.142 → 1.1.144

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

@@ -1,373 +1,300 @@
-import { j as A } from "../node_modules/react/jsx-runtime.js";
-import j from "../node_modules/lodash/lodash.js";
-import { createRoot as G } from "../node_modules/react-dom/client.js";
-import { Error as Y } from "../common/Error.js";
-import { DataFrameProvider as U } from "../common/useDataFrame.js";
-import { DEFAULT_HEIGHT as v, DEFAULT_WIDTH as L, TITLE_LINE_HEIGHT as B, TITLE_MARGIN as K } from "../constants.js";
-import { DEFAULT_COMMON_AES as _, DEFAULT_TICKS_SIZE as W } from "../scatterplot/constants.js";
-import { arrangeLegendParts as V } from "../utils/arrangeLegendParts.js";
-import { TextMeasurer as Z } from "../utils/TextMeasurer/TextMeasurer.js";
-import { ChartsGroup as q } from "./components/ChartsGroup.js";
-import { DEFAULT_AES as H, CAPTION_LINE_HEIGHT as N, LEGEND_OFFSET as J, TICK_OFFSET as k, TITLE_LINE as D, MIN_PADDING as F, FACET_TITLE_OFFSET as Q, FACET_TITLE_LINE as tt } from "./constants.js";
-import { getChartStatsPadding as O } from "./utils/getChartStatsPadding.js";
-import { splitTextByWidth as I } from "./utils/splitTextByWidth.js";
+import { j as L } from "../node_modules/react/jsx-runtime.js";
+import O from "../node_modules/lodash/lodash.js";
+import { createRoot as j } from "../node_modules/react-dom/client.js";
+import { Error as B } from "../common/Error.js";
+import { DataFrameProvider as G } from "../common/useDataFrame.js";
+import { DEFAULT_HEIGHT as z, DEFAULT_WIDTH as w, TITLE_LINE_HEIGHT as X, TITLE_MARGIN as Y } from "../constants.js";
+import { DEFAULT_COMMON_AES as F, DEFAULT_TICKS_SIZE as I } from "../scatterplot/constants.js";
+import { arrangeLegendParts as U } from "../utils/arrangeLegendParts.js";
+import { TextMeasurer as K } from "../utils/TextMeasurer/TextMeasurer.js";
+import { ChartsGroup as V } from "./components/ChartsGroup.js";
+import { DEFAULT_AES as _, LEGEND_OFFSET as Z, TICK_OFFSET as P, TITLE_LINE as W, MIN_PADDING as N, FACET_TITLE_OFFSET as q, FACET_TITLE_LINE as J } from "./constants.js";
+import { getChartStatsPadding as H } from "./utils/getChartStatsPadding.js";
+import { splitTextByWidth as $ } from "../utils/splitTextByWidth.js";
+import { createMultilineDiscreteLabels as Q } from "../utils/createMultilineDiscreteLabels.js";
+import { measureMultilineDiscreteLabels as tt } from "../utils/measureMultilineDiscreteLabels.js";
+import { getFacetRows as st } from "../utils/getFacetRowsColumns.js";
 import R from "../node_modules/d3-scale/src/ordinal.js";
-import X from "../node_modules/d3-scale/src/linear.js";
-import z from "../node_modules/d3-scale/src/band.js";
-import et from "../node_modules/d3-scale/src/log.js";
-var st = Object.defineProperty, it = (u, e, t) => e in u ? st(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t, C = (u, e, t) => it(u, typeof e != "symbol" ? e + "" : e, t);
-function at(u, e, t, s) {
-  const i = [];
-  return u % t === t - 1 && i.push("right"), u % t === 0 && i.push("left"), u < t && i.push("top"), (Math.ceil((u + 1) / t) === s || Math.ceil((u + 1) / t) === s - 1 && u % t > (e - 1) % t) && i.push("bottom"), i;
+import k from "../node_modules/d3-scale/src/linear.js";
+import D from "../node_modules/d3-scale/src/band.js";
+import it from "../node_modules/d3-scale/src/log.js";
+var et = Object.defineProperty, at = (d, s, t) => s in d ? et(d, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[s] = t, S = (d, s, t) => at(d, typeof s != "symbol" ? s + "" : s, t);
+function nt(d, s, t, i) {
+  const e = [];
+  return d % t === t - 1 && e.push("right"), d % t === 0 && e.push("left"), d < t && e.push("top"), (Math.ceil((d + 1) / t) === i || Math.ceil((d + 1) / t) === i - 1 && d % t > (s - 1) % t) && e.push("bottom"), e;
 }
-function nt(u, e, t, s, i, r, p, h, l, c, f) {
-  const g = u === "vertical", d = p.includes("left") || g && !(h != null && h.sharedY) || !g && !(h != null && h.sharedX), T = p.includes("left") && t.title !== "", y = p.includes("bottom") || g && !(h != null && h.sharedX) || !g && !(h != null && h.sharedY), a = p.includes("bottom") && e.title !== "", n = s.yAxisCaptionsWidth, o = (t.showTicks ? W : 0) + (t.hiddenLabels ? 0 : k), m = T ? D : 0, x = s.xAxisCaptionsWidthByRows[g ? l : c], S = (e.showTicks ? W : 0) + (e.hiddenLabels ? 0 : k), w = a ? D : 0, E = g ? n + o + m : x + S + w, P = g ? S + x + w : o + 2 * D, b = Math.max(...i.map((M) => r[M].length));
+function ot(d, s, t, i, e, n, r, a, h, u, p) {
+  const c = d === "vertical", m = r.includes("left") || c && !(a != null && a.sharedY) || !c && !(a != null && a.sharedX), o = r.includes("left") && t.title !== "", T = r.includes("bottom") || c && !(a != null && a.sharedX) || !c && !(a != null && a.sharedY), l = r.includes("bottom") && s.title !== "", f = i.leftAxisCaptionsWidth, g = (t.showTicks ? I : 0) + (t.hiddenLabels ? 0 : P), C = o ? W : 0, x = c ? i.bottomAxisCaptionsWidthByRows[h] : i.leftAxisCaptionsWidthByColumns[u], y = (s.showTicks ? I : 0) + (s.hiddenLabels ? 0 : P), A = c && l || !c && o ? W : 0, E = c ? f + g + C : x + y + A, v = c ? y + x + A : g + 2 * W, b = Math.max(...e.map((M) => n[M].length));
   return {
-    left: d ? E : F,
-    top: b === 0 ? 0 : Q * 2 + b * tt,
-    bottom: y ? P : F,
-    right: f ? 0 : F
+    left: m ? E : N,
+    top: b === 0 ? 0 : q * 2 + b * J,
+    bottom: T ? v : N,
+    right: p ? 0 : N
   };
 }
-function ht(u, e, t) {
-  const s = new Array(t).fill(null).map(() => []);
-  for (let i = 0; i < t; i++)
-    for (let r = 0; r < e; r++)
-      r * t + i < u.length && s[i].push(u[r * t + i]);
-  return s;
+function rt(d, s) {
+  const t = Math.floor(d / s), i = d - t * s;
+  return [t, i];
 }
-function $(u, e, t) {
-  const s = [];
-  for (let i = 0; i < e; i++)
-    s.push(u.slice(i * t, i * t + t));
-  return s;
+function ht(d) {
+  return typeof d == "object" && "type" in d;
 }
-function rt(u, e) {
-  const t = Math.floor(u / e), s = u - t * e;
-  return [t, s];
-}
-function ot(u) {
-  return typeof u == "object" && "type" in u;
-}
-class wt {
+class Dt {
   constructor() {
-    C(this, "reactRoot", null), C(this, "parentNode", null), C(this, "rootNode", null), C(this, "component", /* @__PURE__ */ A.jsx(A.Fragment, {})), C(this, "chartsDimensions", {}), C(this, "chartSizes", {
-      chartWidth: L,
+    S(this, "reactRoot", null), S(this, "parentNode", null), S(this, "rootNode", null), S(this, "component", /* @__PURE__ */ L.jsx(L.Fragment, {})), S(this, "chartsDimensions", {}), S(this, "chartSizes", {
+      chartWidth: w,
       // width of single chart
-      chartHeight: v,
+      chartHeight: z,
       // height of single chart
-      chartsWidth: L,
+      chartsWidth: w,
       // width of all charts in charts row
-      chartsHeight: v,
+      chartsHeight: z,
       // width of all charts in charts column, without axes
-      totalWidth: L,
+      totalWidth: w,
       // width of all charts in charts row, plus left axis, plus legend
-      totalHeight: v
+      totalHeight: z
       // width of all charts in charts height, plus bottom axis, plus top title
-    }), C(this, "columnsCount", 1), C(this, "rowsCount", 1), C(this, "scales", {
+    }), S(this, "columnsCount", 1), S(this, "rowsCount", 1), S(this, "scales", {
       // Scale from primary grouping categories to every category x coordinate
-      xPrimary: { null: z().range([0, L]).domain(["1"]) },
+      xPrimary: { null: D().range([0, w]).domain(["1"]) },
       // Scale from secondary grouping categories to x shift inside corresponding primary group
-      xSecondary: { null: z().range([0, L]).domain(["1"]) },
+      xSecondary: { null: D().range([0, w]).domain(["1"]) },
       // Scale from y value to y coordinate, by facet
-      y: { null: X().domain([0, 10]).range([v, 0]).nice() },
+      y: { null: k().domain([0, 10]).range([z, 0]).nice() },
       // Scale for link primary grouping category and aesthetics
-      xPrimaryAes: R().unknown(H),
+      xPrimaryAes: R().unknown(_),
       // Scale for link secondary grouping category and aesthetics
-      xSecondaryAes: R().unknown(H)
-    }), C(this, "facetTitles", {}), C(this, "mainTitle", []), C(this, "axisLabelsX", {}), C(this, "captionsSizes", {
-      xAxisCaptionsWidthByRows: [],
-      xCaptionsTail: 0,
-      yAxisCaptionsWidth: 100
-    }), C(this, "legend", { width: 0, height: 0, items: [] }), C(this, "margins", { left: 0, right: 0, top: 0, bottom: 0 });
+      xSecondaryAes: R().unknown(_)
+    }), S(this, "facetTitles", {}), S(this, "mainTitle", []), S(this, "axisLabelsX", {}), S(this, "captionsSizes", {
+      bottomAxisCaptionsWidthByRows: [],
+      leftAxisCaptionsWidthByColumns: [],
+      bottomCaptionsTail: 0,
+      leftCaptionsTail: 0,
+      leftAxisCaptionsWidth: 100
+    }), S(this, "legend", { width: 0, height: 0, items: [] }), S(this, "margins", { left: 0, right: 0, top: 0, bottom: 0 });
   }
   clear() {
-    var e;
-    this.parentNode && this.rootNode && ((e = this.parentNode) == null || e.removeChild(this.rootNode), this.parentNode = null, this.rootNode = null), setTimeout(() => {
+    var s;
+    this.parentNode && this.rootNode && ((s = this.parentNode) == null || s.removeChild(this.rootNode), this.parentNode = null, this.rootNode = null), setTimeout(() => {
       var t;
       (t = this.reactRoot) == null || t.unmount(), this.reactRoot = null;
     });
   }
-  init(e) {
-    this.parentNode === null && (this.parentNode = e, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = G(this.rootNode));
+  init(s) {
+    this.parentNode === null && (this.parentNode = s, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = j(this.rootNode));
   }
-  updateChartSize(e, t, s, i, r, p) {
-    const h = e.innerOffset, l = e.innerOffset, c = O(p, i, e.innerOffset), f = t.length, g = Math.min((s == null ? void 0 : s.nRows) ?? f, f), d = Math.min((s == null ? void 0 : s.nCols) ?? f, f);
-    this.columnsCount = s != null && s.nRows ? Math.ceil(f / g) : d, this.rowsCount = Math.ceil(f / this.columnsCount);
-    let { width: T, height: y } = e;
-    r === "vertical" && c > h && (y += c), r === "horizontal" && c > l && (T += c), this.chartSizes.chartWidth = T, this.chartSizes.chartHeight = y;
+  updateChartSize(s, t, i, e, n, r) {
+    const a = s.innerOffset, h = s.innerOffset, u = H(r, e, s.innerOffset), p = t.length, c = Math.min((i == null ? void 0 : i.nRows) ?? p, p), m = Math.min((i == null ? void 0 : i.nCols) ?? p, p);
+    this.columnsCount = i != null && i.nRows ? Math.ceil(p / c) : m, this.rowsCount = Math.ceil(p / this.columnsCount);
+    let { width: o, height: T } = s;
+    n === "vertical" && u > a && (T += u), n === "horizontal" && u > h && (o += u), this.chartSizes.chartWidth = o, this.chartSizes.chartHeight = T;
   }
-  updateChartDimensions(e, t, s, i, r) {
-    const { chartWidth: p, chartHeight: h } = this.chartSizes;
-    let l = 0, c = 0;
-    this.chartsDimensions = e.reduce((d, T, y) => {
-      const [a, n] = rt(y, this.columnsCount), o = at(y, e.length, this.columnsCount, this.rowsCount), m = nt(
-        s,
+  updateChartDimensions(s, t, i, e, n) {
+    const { chartWidth: r, chartHeight: a } = this.chartSizes;
+    let h = 0, u = 0;
+    const p = st(s, this.rowsCount, this.columnsCount);
+    this.chartsDimensions = s.reduce((o, T, l) => {
+      const [f, g] = rt(l, this.columnsCount), C = nt(l, s.length, this.columnsCount, this.rowsCount), x = ot(
         i,
-        r,
+        e,
+        n,
         this.captionsSizes,
-        $(e, this.rowsCount, this.columnsCount)[a],
+        p[f],
         this.facetTitles,
-        o,
+        C,
         t,
-        a,
-        n,
-        n === this.columnsCount - 1
-      ), x = p + m.left + m.right, S = h + m.top + m.bottom;
-      return d[T] = {
-        left: l,
-        top: c,
-        chartEdgeSides: o,
-        padding: m,
-        inner: { width: p, height: h },
-        outer: { width: x, height: S }
-      }, l += x, n === this.columnsCount - 1 && (l = 0, c += S), d;
+        f,
+        g,
+        g === this.columnsCount - 1
+      ), y = r + x.left + x.right, A = a + x.top + x.bottom;
+      return o[T] = {
+        left: h,
+        top: u,
+        chartEdgeSides: C,
+        padding: x,
+        inner: { width: r, height: a },
+        outer: { width: y, height: A }
+      }, h += y, g === this.columnsCount - 1 && (h = 0, u += A), o;
     }, {});
-    const f = Math.max(
-      ...e.map((d) => this.chartsDimensions[d].outer.width + this.chartsDimensions[d].left)
-    ), g = Math.max(
-      ...e.map((d) => this.chartsDimensions[d].outer.height + this.chartsDimensions[d].top)
+    const c = Math.max(
+      ...s.map((o) => this.chartsDimensions[o].outer.width + this.chartsDimensions[o].left)
+    ), m = Math.max(
+      ...s.map((o) => this.chartsDimensions[o].outer.height + this.chartsDimensions[o].top)
     );
-    this.chartSizes.chartsWidth = f, this.chartSizes.chartsHeight = g;
+    this.chartSizes.chartsWidth = c, this.chartSizes.chartsHeight = m;
   }
-  updateViewport(e, t, s, i, r, p, h, l, c, f) {
-    const g = c.innerOffset, d = e === "vertical", T = O(l, t, c.innerOffset), y = r === null || r.sharedX, a = r === null || r.sharedY, { chartHeight: n, chartWidth: o } = this.chartSizes;
-    i.forEach((m) => {
-      const x = p.scale === "log" ? et() : X(), S = Math.min(...a ? h.map(({ meta: b }) => b.minY) : h.map(({ geoms: b }) => Math.min(...b[m].map(({ boundsY: M }) => M.min)))), w = Math.max(...a ? h.map(({ meta: b }) => b.maxY) : h.map(({ geoms: b }) => Math.max(...b[m].map(({ boundsY: M }) => M.max)))), E = x.copy().domain([S, w]).range(
-        d ? [n - g, T] : [g, o - T]
+  updateViewport(s, t, i, e, n, r, a, h, u, p) {
+    const c = u.innerOffset, m = s === "vertical", o = H(h, t, u.innerOffset), T = n === null || n.sharedX, l = n === null || n.sharedY, { chartHeight: f, chartWidth: g } = this.chartSizes;
+    e.forEach((C) => {
+      const x = r.scale === "log" ? it() : k(), y = Math.min(...l ? a.map(({ meta: b }) => b.minY) : a.map(({ geoms: b }) => Math.min(...b[C].map(({ boundsY: M }) => M.min)))), A = Math.max(...l ? a.map(({ meta: b }) => b.maxY) : a.map(({ geoms: b }) => Math.max(...b[C].map(({ boundsY: M }) => M.max)))), E = x.copy().domain([y, A]).range(
+        m ? [f - c, o] : [c, g - o]
       );
-      x.domain([E.invert(d ? n : 0), E.invert(d ? 0 : o)]).range(d ? [n, 0] : [0, o]), this.scales.y[m] = x;
-      const P = y ? t : f[m];
-      this.scales.xPrimary[m] = z().domain(P).range(d ? [0, o] : [n, 0]), this.scales.xSecondary[m] = z().domain(s).range([0, this.scales.xPrimary[m].bandwidth()]);
+      x.domain([E.invert(m ? f : 0), E.invert(m ? 0 : g)]).range(m ? [f, 0] : [0, g]), this.scales.y[C] = x;
+      const v = T ? t : p[C];
+      this.scales.xPrimary[C] = D().domain(v).range(m ? [0, g] : [f, 0]), this.scales.xSecondary[C] = D().domain(i).range([0, this.scales.xPrimary[C].bandwidth()]);
     });
   }
-  createFacetTitles(e, t) {
-    this.facetTitles = e.reduce((s, i, r) => (t[r].length === 1 && t[r][0] === "null" ? s[i] = [] : s[i] = I(t[r].join(", "), this.chartSizes.chartWidth, 14), s), {});
+  createFacetTitles(s, t) {
+    this.facetTitles = s.reduce((i, e, n) => (t[n].length === 1 && t[n][0] === "null" ? i[e] = [] : i[e] = $(t[n].join(", "), this.chartSizes.chartWidth, 14), i), {});
   }
-  createMainTitle(e, t) {
-    const s = this.chartsDimensions[e[0]], i = this.chartsDimensions[e[e.length - 1]];
-    this.mainTitle = I(
+  createMainTitle(s, t) {
+    const i = this.chartsDimensions[s[0]], e = this.chartsDimensions[s[s.length - 1]];
+    this.mainTitle = $(
       t.name,
-      this.chartSizes.chartsWidth - s.padding.left - i.padding.right,
+      this.chartSizes.chartsWidth - i.padding.left - e.padding.right,
       20
     );
   }
-  createAxisLabels(e, t, s, i) {
-    const r = {
-      center: 120,
-      "45deg": 256,
-      "90deg": 320
-    }, p = i === "vertical";
-    function h(l, c) {
-      return l === "center" ? 1 / 0 : Math.floor(l === "45deg" ? c * Math.sin(Math.PI / 4) / N : c / N);
-    }
-    this.axisLabelsX = e.reduce((l, c) => {
-      const f = this.scales.xPrimary[c], g = f.bandwidth(), d = r[t.labelsPosition], T = t.labelsPosition === "center" ? Math.min(d, g) : d, y = s.valueLabels;
-      return l[c] = f.domain().reduce((a, n) => {
-        if (t.hiddenLabels)
-          return a[n] = [], a;
-        const o = y[n];
-        if (!p)
-          a[n] = [o];
-        else {
-          const m = h(t.labelsPosition, g), x = I(o, T, 14);
-          a[n] = x.length > m ? [o] : x;
-        }
-        return a;
-      }, {}), l;
-    }, {});
+  createAxisLabels(s, t, i, e) {
+    this.axisLabelsX = Q(
+      s,
+      t.labelsPosition,
+      i.valueLabels,
+      t.hiddenLabels,
+      e,
+      this.scales.xPrimary
+    );
   }
-  updateAesScales(e, t) {
-    if (e.inheritedAes) {
-      const { inheritedAes: s, keys: i } = e;
-      this.scales.xPrimaryAes.domain(i).range(i.map((r) => s[r] ?? _));
+  updateAesScales(s, t) {
+    if (s.inheritedAes) {
+      const { inheritedAes: i, keys: e } = s;
+      this.scales.xPrimaryAes.domain(e).range(e.map((n) => i[n] ?? F));
     } else
       this.scales.xPrimaryAes.domain([]).range([]);
     if (t.inheritedAes) {
-      const { inheritedAes: s, keys: i } = t;
-      this.scales.xSecondaryAes.domain(i).range(i.map((r) => s[r] ?? _));
+      const { inheritedAes: i, keys: e } = t;
+      this.scales.xSecondaryAes.domain(e).range(e.map((n) => i[n] ?? F));
     } else
       this.scales.xSecondaryAes.domain([]).range([]);
   }
-  updateCaptionsSize(e, t, s, i) {
-    const r = new Z("600 14px Manrope"), p = e === "vertical";
-    function h(a) {
-      return a.length ? Math.max(...a.map((n) => r.getTextWidth(n))) : 0;
+  updateCaptionsSize(s, t, i, e) {
+    const n = new K("600 14px Manrope");
+    function r(m) {
+      return m.length ? Math.max(...m.map((o) => n.getTextWidth(o))) : 0;
     }
-    function l(a) {
-      return a.length ? Math.max(...a.map(h)) : 0;
-    }
-    let c = [], f = 0;
-    const g = $(t, this.rowsCount, this.columnsCount), d = ht(t, this.rowsCount, this.columnsCount);
-    if (!p)
-      c = d.map(
-        (a) => Math.max(
-          ...a.map(
-            (n) => l(
-              this.scales.xPrimary[n].domain().map((o) => this.axisLabelsX[n][o])
-            )
-          )
-        )
-      );
-    else {
-      if (s.labelsPosition === "center" && (c = g.map(
-        (a) => Math.max(
-          ...a.map(
-            (n) => Math.max(
-              ...this.scales.xPrimary[n].domain().map(
-                (o) => o ? this.axisLabelsX[n][o].length * N : 0
-              )
-            )
-          )
-        )
-      )), s.labelsPosition === "45deg") {
-        const a = Math.sin(Math.PI / 4);
-        c = g.map((n) => Math.max(
-          ...n.map((o) => {
-            const m = this.scales.xPrimary[o].domain().map((S) => this.axisLabelsX[o][S]), x = l(m);
-            return x > 0 ? x * a + 14 : 0;
-          })
-        )), f = Math.max(
-          ...d[0].map((n) => {
-            const o = this.scales.xPrimary[n].domain(), m = this.axisLabelsX[n][o[0]];
-            return Math.max(
-              h(m) * a - this.scales.xPrimary[n].bandwidth() / 2 + 14,
-              0
-            );
-          })
-        );
-      }
-      s.labelsPosition === "90deg" && (c = g.map(
-        (a) => Math.max(
-          ...a.map(
-            (n) => l(
-              this.scales.xPrimary[n].domain().map((o) => this.axisLabelsX[n][o])
-            )
-          )
-        )
-      ));
-    }
-    const T = j.flatten(
-      t.map((a) => {
-        if (i.hiddenLabels)
+    const { xTail: a, yTail: h, axisCaptionsWidthByRows: u, axisCaptionsWidthByColumns: p } = tt(t, this.rowsCount, this.columnsCount, i.labelsPosition, this.axisLabelsX, s, this.scales.xPrimary), c = O.flatten(
+      t.map((m) => {
+        if (e.hiddenLabels)
           return [];
-        const n = this.scales.y[a], o = n.ticks(), m = o.some((S) => Math.abs(S) < 1e-4 && S !== 0 || S > 1e4) ? ",e" : ",f", x = n.tickFormat(10, m);
-        return o.map(x);
+        const o = this.scales.y[m], T = o.ticks(), l = T.some((g) => Math.abs(g) < 1e-4 && g !== 0 || g > 1e4) ? ",e" : ",f", f = o.tickFormat(10, l);
+        return T.map(f);
       })
-    ), y = h(T);
+    );
     this.captionsSizes = {
-      xCaptionsTail: f,
-      xAxisCaptionsWidthByRows: c,
-      yAxisCaptionsWidth: y
+      bottomCaptionsTail: a,
+      leftCaptionsTail: h,
+      bottomAxisCaptionsWidthByRows: u,
+      leftAxisCaptionsWidthByColumns: p,
+      leftAxisCaptionsWidth: r(c)
     };
   }
-  updateMargins(e, t, s) {
-    const i = this.chartsDimensions[t[0]], r = this.chartsDimensions[t[t.length - 1]], p = e === "vertical", h = this.mainTitle.length ? B * this.mainTitle.length + K * 2 : 0, l = s.outerOffset;
+  updateMargins(s, t, i) {
+    const e = this.chartsDimensions[t[0]], n = this.chartsDimensions[t[t.length - 1]], r = s === "vertical", a = this.mainTitle.length ? X * this.mainTitle.length + Y * 2 : 0, h = i.outerOffset;
     this.margins = {
-      left: Math.max(l, p ? this.captionsSizes.xCaptionsTail - i.padding.left : 0),
-      right: this.legend.width + l,
-      top: Math.max(h, l),
-      bottom: Math.max(l, p ? 0 : this.captionsSizes.xCaptionsTail - r.padding.bottom)
+      left: Math.max(h, r ? this.captionsSizes.bottomCaptionsTail - e.padding.left : 0),
+      right: this.legend.width + h,
+      top: Math.max(a, h),
+      bottom: Math.max(h, r ? 0 : this.captionsSizes.leftCaptionsTail - n.padding.bottom)
     }, this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right, this.chartSizes.totalHeight = this.margins.top + Math.max(this.chartSizes.chartsHeight, this.legend.height) + this.margins.bottom;
   }
-  updateLegendSize(e, t, s, i) {
-    if (!e.show) {
+  updateLegendSize(s, t, i, e) {
+    if (!s.show) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
     }
-    const r = this.chartSizes.chartHeight, p = { width: 0, height: 0, left: 0, top: 0 }, h = [];
-    function l(a, n) {
-      return i.some((o) => {
-        const m = o.aes[n];
-        return m && ot(m) && m.type === a;
+    const n = this.chartSizes.chartHeight, r = { width: 0, height: 0, left: 0, top: 0 }, a = [];
+    function h(l, f) {
+      return e.some((g) => {
+        const C = g.aes[f];
+        return C && ht(C) && C.type === l;
       });
     }
-    function c(a) {
+    function u(l) {
       return {
-        dotFill: l(a, "dotFill"),
-        fillColor: l(a, "fillColor"),
-        lineColor: l(a, "lineColor"),
-        dotShape: l(a, "dotShape"),
-        lineShape: l(a, "lineShape")
+        dotFill: h(l, "dotFill"),
+        fillColor: h(l, "fillColor"),
+        lineColor: h(l, "lineColor"),
+        dotShape: h(l, "dotShape"),
+        lineShape: h(l, "lineShape")
       };
     }
-    const f = c("primaryGrouping"), g = c("secondaryGrouping");
-    if (Object.values(f).some((a) => a) && t.inheritedAes && h.push({
+    const p = u("primaryGrouping"), c = u("secondaryGrouping");
+    if (Object.values(p).some((l) => l) && t.inheritedAes && a.push({
       type: "discreteMulti",
       id: "primary",
       title: t.label,
       scale: this.scales.xPrimaryAes,
       values: t.keys,
       labels: t.valueLabels,
-      usedAes: f,
-      ...p
-    }), Object.values(g).some((a) => a) && s.inheritedAes && h.push({
+      usedAes: p,
+      ...r
+    }), Object.values(c).some((l) => l) && i.inheritedAes && a.push({
       type: "discreteMulti",
       id: "secondary",
-      title: s.label,
+      title: i.label,
       scale: this.scales.xSecondaryAes,
-      values: s.keys,
-      labels: s.valueLabels,
-      usedAes: g,
-      ...p
-    }), !h.length) {
+      values: i.keys,
+      labels: i.valueLabels,
+      usedAes: c,
+      ...r
+    }), !a.length) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
     }
-    const d = V(h, this.chartSizes.chartHeight), T = d[d.length - 1], y = T.left + T.width + J;
+    const m = U(a, this.chartSizes.chartHeight), o = m[m.length - 1], T = o.left + o.width + Z;
     this.legend = {
-      width: y,
-      height: r,
-      items: d
+      width: T,
+      height: n,
+      items: m
     };
   }
-  render(e, t, s, i, r, p, h, l, c, f, g, d, T, y) {
-    var a;
-    const { orientation: n, xAxis: o, yAxis: m, size: x } = s;
-    this.updateChartSize(x, h, p, i.keys, n, f), this.updateViewport(
-      n,
-      i.keys,
-      r.keys,
-      h,
-      p,
-      m,
-      c,
+  render(s, t, i, e, n, r, a, h, u, p, c, m, o, T) {
+    var l;
+    const { orientation: f, xAxis: g, yAxis: C, size: x } = i;
+    this.updateChartSize(x, a, r, e.keys, f, p), this.updateViewport(
       f,
+      e.keys,
+      n.keys,
+      a,
+      r,
+      C,
+      u,
+      p,
       x,
-      d
-    ), this.createAxisLabels(h, o, i, n), this.createFacetTitles(h, l), this.updateCaptionsSize(n, h, o, m), this.updateChartDimensions(h, p, n, o, m), this.updateLegendSize(s.legend, i, r, c), this.createMainTitle(h, s.title), this.updateMargins(n, h, x), this.updateAesScales(i, r);
-    const S = /* @__PURE__ */ A.jsx(U, { dataFrame: e, children: /* @__PURE__ */ A.jsx(
-      q,
+      m
+    ), this.createAxisLabels(a, g, e, f), this.createFacetTitles(a, h), this.updateCaptionsSize(f, a, g, C), this.updateChartDimensions(a, r, f, g, C), this.updateLegendSize(i.legend, e, n, u), this.createMainTitle(a, i.title), this.updateMargins(f, a, x), this.updateAesScales(e, n);
+    const y = /* @__PURE__ */ L.jsx(G, { dataFrame: s, children: /* @__PURE__ */ L.jsx(
+      V,
       {
         settingsId: t,
-        chartSettings: s,
-        facetKeys: h,
-        facetSettings: p,
+        chartSettings: i,
+        facetKeys: a,
+        facetSettings: r,
         facetTitles: this.facetTitles,
         chartSizes: this.chartSizes,
         chartsDimensions: this.chartsDimensions,
         scales: this.scales,
-        layersData: c,
-        statsData: f,
+        layersData: u,
+        statsData: p,
         legendData: this.legend,
         margins: this.margins,
         columnsCount: this.columnsCount,
-        keyColumn: g,
+        keyColumn: c,
         xLabels: this.axisLabelsX,
         chartTitle: this.mainTitle,
-        onlyPositive: T,
-        secondaryGrouping: r,
-        onTooltipHintSwitch: y
+        onlyPositive: o,
+        secondaryGrouping: n,
+        onTooltipHintSwitch: T
       }
     ) });
-    this.component = S, (a = this.reactRoot) == null || a.render(S);
+    this.component = y, (l = this.reactRoot) == null || l.render(y);
   }
-  renderError(e) {
+  renderError(s) {
     var t;
-    (t = this.reactRoot) == null || t.render(/* @__PURE__ */ A.jsx(Y, { message: e }));
+    (t = this.reactRoot) == null || t.render(/* @__PURE__ */ L.jsx(B, { message: s }));
   }
 }
 export {
-  wt as default
+  Dt as default
 };
 //# sourceMappingURL=ChartRenderer.js.map