@milaboratories/graph-maker 1.1.138 → 1.1.139

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

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