@milaboratories/miplots4 1.0.162 → 1.0.164

package/dist/histogram/ChartRenderer.js

@@ -1,20 +1,20 @@
-var v = Object.defineProperty;
-var j = (e, t, i) => t in e ? v(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
-var g = (e, t, i) => j(e, typeof t != "symbol" ? t + "" : t, i);
+var j = Object.defineProperty;
+var G = (e, t, i) => t in e ? j(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var g = (e, t, i) => G(e, typeof t != "symbol" ? t + "" : t, i);
 import { j as A } from "../_virtual/jsx-runtime.js";
-import { c as G } from "../_virtual/client.js";
-import { Error as Y } from "../common/Error.js";
-import { DataFrameProvider as O } from "../common/useDataFrame.js";
-import { DEFAULT_HEIGHT as w, DEFAULT_WIDTH as N, TITLE_LINE_HEIGHT as P, TITLE_MARGIN as U } from "../constants.js";
-import { splitTextByWidth as D } from "../utils/splitTextByWidth.js";
-import { LEGEND_OFFSET as V, DEFAULT_COMMON_AES as B } from "../scatterplot/constants.js";
+import { c as Y } from "../_virtual/client.js";
+import { Error as O } from "../common/Error.js";
+import { DataFrameProvider as P } from "../common/useDataFrame.js";
+import { DEFAULT_HEIGHT as w, DEFAULT_WIDTH as N, TITLE_LINE_HEIGHT as U, TITLE_MARGIN as V } from "../constants.js";
+import { splitTextByWidth as _ } from "../utils/splitTextByWidth.js";
+import { DEFAULT_COMMON_AES as X, LEGEND_OFFSET as B } from "../scatterplot/constants.js";
 import { getTicksAndFormat as Z } from "../scatterplot/utils/getTicksAndFormat.js";
 import { arrangeLegendParts as k } from "../utils/arrangeLegendParts.js";
 import { getContinuousColorScale as q } from "../utils/getContinuousColorScale.js";
 import { TextMeasurer as J } from "../utils/TextMeasurer/TextMeasurer.js";
 import { ChartsGroup as Q } from "./components/ChartsGroup.js";
-import { MIN_MARGIN as H, DEFAULT_TICKS_SIZE as _, TICK_OFFSET as R, MIN_PADDING as S, FACET_TITLE_OFFSET as $, FACET_TITLE_LINE as y, TITLE_LINE as K } from "./constants.js";
-import I from "../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/linear.js";
+import { MIN_MARGIN as H, TICK_OFFSET as I, DEFAULT_TICKS_SIZE as R, MIN_PADDING as b, FACET_TITLE_OFFSET as $, FACET_TITLE_LINE as y, TITLE_LINE as K } from "./constants.js";
+import W from "../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/linear.js";
 import F from "../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/symlog.js";
 import tt from "../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/ordinal.js";
 function it(e, t, i, o) {
@@ -22,12 +22,12 @@ function it(e, t, i, o) {
   return e % i === i - 1 && s.push("right"), e % i === 0 && s.push("left"), e < i && s.push("top"), (Math.ceil((e + 1) / i) === o || Math.ceil((e + 1) / i) === o - 1 && e % i > (t - 1) % i) && s.push("bottom"), s;
 }
 function st(e, t, i, o, s, h, d, n) {
-  const r = h.includes("left") || !(n != null && n.sharedY), u = h.includes("bottom") || !(n != null && n.sharedX), C = h.includes("bottom") && e.title !== "", a = i.yAxisCaptionsWidth, x = (t.showTicks ? _ : 0) + (t.hiddenLabels ? 0 : R), p = i.xAxisCaptionsWidth, E = (e.showTicks ? _ : 0) + (e.hiddenLabels ? 0 : R), c = C ? K : 0, l = a + x, m = E + p + c, T = Math.max(...o.map((f) => s[f].length));
+  const r = h.includes("left") || !(n != null && n.sharedY), u = h.includes("bottom") || !(n != null && n.sharedX), C = h.includes("bottom") && e.title !== "", a = i.yAxisCaptionsWidth + 2 * I, x = (t.showTicks ? R : 0) + (t.hiddenLabels ? 0 : I), p = i.xAxisCaptionsWidth + 2 * I, E = (e.showTicks ? R : 0) + (e.hiddenLabels ? 0 : I), m = C ? K : 0, c = a + x, l = E + p + m, f = Math.max(...o.map((T) => s[T].length));
   return {
-    left: r ? l : S,
-    top: T === 0 ? 0 : $ * 2 + T * y,
-    bottom: u ? m : S,
-    right: d ? 0 : S
+    left: r ? c : b,
+    top: f === 0 ? 0 : $ * 2 + f * y,
+    bottom: u ? l + 8 : b,
+    right: d ? 0 : b
   };
 }
 function et(e, t, i) {
@@ -40,7 +40,7 @@ function ot(e, t) {
   const i = Math.floor(e / t), o = e - i * t;
   return [i, o];
 }
-function X(e) {
+function v(e) {
   return typeof e == "object" && e !== null && "type" in e && "value" in e && e.type === "grouping";
 }
 function nt(e) {
@@ -53,9 +53,9 @@ function ht(e, t, i, o) {
       const { domain: r = o, range: u, type: C = "linear" } = s, a = q(u, r, C);
       return a.clamp(!0), a(d);
     }
-    if (X(s)) {
+    if (v(s)) {
       const r = s.value, u = t[r];
-      return (n = (u == null ? void 0 : u[String(e.getColumnValue(r, h))]) ?? B) == null ? void 0 : n[i];
+      return (n = (u == null ? void 0 : u[String(e.getColumnValue(r, h))]) ?? X) == null ? void 0 : n[i];
     }
     return s;
   };
@@ -90,8 +90,8 @@ class wt {
     g(this, "columnsCount", 1);
     g(this, "rowsCount", 1);
     g(this, "scales", {
-      x: { null: I().domain([0, 10]).range([0, N]) },
-      y: { null: I().domain([0, 10]).range([w, 0]) }
+      x: { null: W().domain([0, 10]).range([0, N]) },
+      y: { null: W().domain([0, 10]).range([w, 0]) }
     });
     g(this, "captionsSizes", {
       xAxisCaptionsWidth: 30,
@@ -115,7 +115,7 @@ class wt {
     });
   }
   init(t) {
-    this.parentNode === null && (this.parentNode = t, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = G.createRoot(this.rootNode));
+    this.parentNode === null && (this.parentNode = t, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = Y.createRoot(this.rootNode));
   }
   updateChartSizes(t) {
     this.chartSizes.chartWidth = t.width, this.chartSizes.chartHeight = t.height;
@@ -124,24 +124,24 @@ class wt {
     const { chartWidth: h, chartHeight: d } = this.chartSizes;
     let n = 0, r = 0;
     this.chartsDimensions = t.reduce((a, x, p) => {
-      const [E, c] = ot(p, this.columnsCount), l = it(p, t.length, this.columnsCount, this.rowsCount), m = st(
+      const [E, m] = ot(p, this.columnsCount), c = it(p, t.length, this.columnsCount, this.rowsCount), l = st(
         o,
         s,
         this.captionsSizes,
         et(t, this.rowsCount, this.columnsCount)[E],
         this.facetTitles,
-        l,
-        c === this.columnsCount - 1,
+        c,
+        m === this.columnsCount - 1,
         i
-      ), T = h + m.left + m.right, f = d + m.top + m.bottom;
+      ), f = h + l.left + l.right, T = d + l.top + l.bottom;
       return a[x] = {
         left: n,
         top: r,
-        chartEdgeSides: l,
-        padding: m,
+        chartEdgeSides: c,
+        padding: l,
         inner: { width: h, height: d },
-        outer: { width: T, height: f }
-      }, n += T, c === this.columnsCount - 1 && (n = 0, r += f), a;
+        outer: { width: f, height: T }
+      }, n += f, m === this.columnsCount - 1 && (n = 0, r += T), a;
     }, {});
     const u = Math.max(
       ...t.map((a) => this.chartsDimensions[a].outer.width + this.chartsDimensions[a].left)
@@ -154,21 +154,21 @@ class wt {
     const r = t.length, u = Math.min(i.nRows ?? r, r), C = Math.min(i.nCols ?? r, r);
     this.columnsCount = i.nRows ? Math.ceil(r / u) : C, this.rowsCount = Math.ceil(r / this.columnsCount);
     let [a, x] = [1 / 0, -1 / 0], p = -1 / 0;
-    const E = t.reduce((c, l) => {
-      const m = h[l], { minX: T, maxX: f, maxCount: z, maxCountFromGroups: M } = m;
-      return a = Math.min(a, T), x = Math.max(x, f), p = Math.max(p, n === "vertical" ? z : M), c[l] = { minX: T, maxX: f, maxY: n === "vertical" ? z : M }, c;
+    const E = t.reduce((m, c) => {
+      const l = h[c], { minX: f, maxX: T, maxCount: z, maxCountFromGroups: M } = l;
+      return a = Math.min(a, f), x = Math.max(x, T), p = Math.max(p, n === "vertical" ? z : M), m[c] = { minX: f, maxX: T, maxY: n === "vertical" ? z : M }, m;
     }, {});
-    t.forEach((c) => {
-      const l = o.scale === "log" ? F() : I(), m = E[c], T = i.sharedX ? a : m.minX, f = i.sharedX ? x : m.maxX;
-      l.domain([T, f]).range([0, this.chartSizes.chartWidth]), this.scales.x[c] = l;
-    }), t.forEach((c) => {
-      const l = s.scale === "log" ? F() : I(), m = E[c], T = 0, f = i.sharedY ? p : m.maxY, z = [this.chartSizes.chartHeight, 0], M = l.copy().domain([T, f]).range([
+    t.forEach((m) => {
+      const c = o.scale === "log" ? F() : W(), l = E[m], f = i.sharedX ? a : l.minX, T = i.sharedX ? x : l.maxX;
+      c.domain([f, T]).range([0, this.chartSizes.chartWidth]), this.scales.x[m] = c;
+    }), t.forEach((m) => {
+      const c = s.scale === "log" ? F() : W(), l = E[m], f = 0, T = i.sharedY ? p : l.maxY, z = [this.chartSizes.chartHeight, 0], M = c.copy().domain([f, T]).range([
         this.chartSizes.chartHeight,
         d.innerOffset
       ]);
-      l.domain([M.invert(this.chartSizes.chartHeight), M.invert(0)]).range(
+      c.domain([M.invert(this.chartSizes.chartHeight), M.invert(0)]).range(
         z
-      ), this.scales.y[c] = l;
+      ), this.scales.y[m] = c;
     });
   }
   updateCaptionsSize(t, i) {
@@ -187,14 +187,14 @@ class wt {
   }
   createMainTitle(t, i) {
     const o = this.chartsDimensions[t[0]], s = this.chartsDimensions[t[t.length - 1]];
-    this.mainTitle = D(
+    this.mainTitle = _(
       i.name,
       this.chartSizes.chartsWidth - o.padding.left - s.padding.right,
       20
     );
   }
   createFacetTitles(t, i) {
-    this.facetTitles = t.reduce((o, s, h) => (i[h].length === 1 && i[h][0] === "null" ? o[s] = [] : o[s] = D(i[h].join(", "), this.chartSizes.chartWidth, 14), o), {});
+    this.facetTitles = t.reduce((o, s, h) => (i[h].length === 1 && i[h][0] === "null" ? o[s] = [] : o[s] = _(i[h].join(", "), this.chartSizes.chartWidth, 14), o), {});
   }
   updateLegendSize(t, i, o, s) {
     if (!t.show) {
@@ -203,15 +203,18 @@ class wt {
     }
     const h = [], d = { width: 0, height: 0, left: 0, top: 0 };
     if (s.forEach((a) => {
-      if (X(a.aes.fillColor) && o) {
-        const x = a.aes.fillColor.value, p = i[o.value], E = o.label ?? o.value, c = tt().domain(p.values).range(p.values.map((l) => p.aesMap[l].fillColor));
-        h.push({ ...d, id: x, type: "discreteColor", title: E, scale: c, values: p.values, labels: p.labels });
+      if (v(a.aes.fillColor) && o) {
+        const x = a.aes.fillColor.value, p = i[o.value], E = o.label ?? o.value, m = tt().domain(p.values).range(p.values.map((c) => {
+          var l;
+          return ((l = p.aesMap[c]) == null ? void 0 : l.fillColor) ?? X.fillColor;
+        }));
+        h.push({ ...d, id: x, type: "discreteColor", title: E, scale: m, values: p.values, labels: p.labels });
       }
     }), !h.length) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
     }
-    const n = k(h, this.chartSizes.chartHeight), r = n[n.length - 1], u = r.left + r.width + V, C = this.chartSizes.chartHeight;
+    const n = k(h, this.chartSizes.chartHeight), r = n[n.length - 1], u = r.left + r.width + B, C = this.chartSizes.chartHeight;
     this.legend = {
       width: u,
       height: C,
@@ -219,7 +222,7 @@ class wt {
     };
   }
   updateMargins(t) {
-    const i = P * this.mainTitle.length, o = i > 0 ? i + U * 2 : 0, s = t.outerOffset;
+    const i = U * this.mainTitle.length, o = i > 0 ? i + V * 2 : 0, s = t.outerOffset;
     this.margins = {
       top: Math.max(o, s),
       bottom: s,
@@ -228,10 +231,10 @@ class wt {
     }, this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right, this.chartSizes.totalHeight = this.margins.top + this.chartSizes.chartsHeight + this.margins.bottom;
   }
   render(t, i, o, s, h, d, n, r, u, C, a, x, p, E) {
-    var b;
-    const { xAxis: c, yAxis: l, size: m, title: T } = o;
-    this.updateChartSizes(m), this.updateViewport(h, s, c, l, n, m, x), this.updateCaptionsSize(c, l), this.createFacetTitles(h, d), this.updateChartDimensions(h, s, c, l), this.createMainTitle(h, T), this.updateLegendSize(o.legend, r, a, u), this.updateMargins(m);
-    const f = h.reduce((W, L) => Math.min(W, n[L].minX), 1 / 0), z = h.reduce((W, L) => Math.max(W, n[L].maxX), -1 / 0), M = /* @__PURE__ */ A.jsx(O, { dataFrame: t, children: /* @__PURE__ */ A.jsx(
+    var D;
+    const { xAxis: m, yAxis: c, size: l, title: f } = o;
+    this.updateChartSizes(l), this.updateViewport(h, s, m, c, n, l, x), this.updateCaptionsSize(m, c), this.createFacetTitles(h, d), this.updateChartDimensions(h, s, m, c), this.createMainTitle(h, f), this.updateLegendSize(o.legend, r, a, u), this.updateMargins(l);
+    const T = h.reduce((L, S) => Math.min(L, n[S].minX), 1 / 0), z = h.reduce((L, S) => Math.max(L, n[S].maxX), -1 / 0), M = /* @__PURE__ */ A.jsx(P, { dataFrame: t, children: /* @__PURE__ */ A.jsx(
       Q,
       {
         settingsId: i,
@@ -248,7 +251,7 @@ class wt {
         captionsSizes: this.captionsSizes,
         histogramDataByFacets: n,
         layers: u,
-        aesColorGetter: ht(t, C, "fillColor", [f, z]),
+        aesColorGetter: ht(t, C, "fillColor", [T, z]),
         groupingDirection: p,
         groupingStack: x,
         groupingLabels: a ? r[a.value].labels : {},
@@ -256,11 +259,11 @@ class wt {
         onTooltipHintSwitch: E
       }
     ) });
-    this.component = M, (b = this.reactRoot) == null || b.render(M);
+    this.component = M, (D = this.reactRoot) == null || D.render(M);
   }
   renderError(t) {
     var i;
-    (i = this.reactRoot) == null || i.render(/* @__PURE__ */ A.jsx(Y, { message: t }));
+    (i = this.reactRoot) == null || i.render(/* @__PURE__ */ A.jsx(O, { message: t }));
   }
 }
 export {

package/dist/histogram/ChartRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartRenderer.js","sources":["../../src/histogram/ChartRenderer.tsx"],"sourcesContent":["import type { ScaleLogarithmic, ScaleOrdinal } from 'd3-scale';\nimport { scaleLinear, scaleOrdinal, scaleSymlog } from 'd3-scale';\nimport type { ReactElement } from 'react';\nimport type { Root } from 'react-dom/client';\nimport { createRoot } from 'react-dom/client';\nimport { Error } from '../common/Error';\nimport type { LegendData, LegendItem } from '../common/types';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN } from '../constants';\nimport type { DataFrame, RowIndex } from '../DataFrame';\nimport { splitTextByWidth } from '../discrete/utils';\nimport { DEFAULT_COMMON_AES, LEGEND_OFFSET } from '../scatterplot/constants';\nimport { getTicksAndFormat } from '../scatterplot/utils/getTicksAndFormat';\nimport type { AesItem, ColumnName, ContinuousAesHistogram, InheritAesHistogram } from '../types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { getContinuousColorScale } from '../utils/getContinuousColorScale';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport { ChartsGroup } from './components/ChartsGroup';\nimport type { CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, ChartsScales, HistogramLegendInfo, Margins } from './components/types';\nimport {\n    DEFAULT_TICKS_SIZE, FACET_TITLE_LINE, FACET_TITLE_OFFSET,\n    MIN_MARGIN,\n    MIN_PADDING,\n    TICK_OFFSET,\n    TITLE_LINE\n} from './constants';\nimport type { GroupedHistogramData } from './getHistogramData';\nimport type { HistogramLayer, HistogramSettingsImpl } from './HistogramSettingsImpl';\n\nfunction getChartEdgeSides(index: number, facetsCount: number, columnsCount: number, rowsCount: number) {\n    const chartSides: ('left' | 'right' | 'top' | 'bottom')[] = [];\n    if (index % columnsCount === columnsCount - 1) {\n        chartSides.push('right');\n    }\n    if (index % columnsCount === 0) {\n        chartSides.push('left');\n    }\n    if (index < columnsCount) {\n        chartSides.push('top');\n    }\n    if (\n        Math.ceil((index + 1) / columnsCount) === rowsCount ||\n        (Math.ceil((index + 1) / columnsCount) === rowsCount - 1 &&\n            index % columnsCount > (facetsCount - 1) % columnsCount)\n    ) {\n        chartSides.push('bottom');\n    }\n    return chartSides;\n}\n\nfunction calculatePaddings(\n    xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n    yAxis: HistogramSettingsImpl['chartSettings']['yAxis'],\n    captionsSizes: CaptionsSizes,\n    currentRowFacetKeys: string[],\n    facetTitles: Record<string, string[]>,\n    chartEdgeSides: ('left' | 'right' | 'top' | 'bottom')[],\n    lastInRow: boolean,\n    facetSettings?: HistogramSettingsImpl['facetSettings']\n) {\n    const needLeftAxis = chartEdgeSides.includes('left') || !facetSettings?.sharedY;\n    const needBottomAxis = chartEdgeSides.includes('bottom') || !facetSettings?.sharedX;\n    const needBottomAxisTitle = chartEdgeSides.includes('bottom') && xAxis.title !== '';\n\n    const yCaptions = captionsSizes.yAxisCaptionsWidth;\n    const yTicks = (yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + (yAxis.hiddenLabels ? 0 : TICK_OFFSET);\n\n    const xCaptions = captionsSizes.xAxisCaptionsWidth;\n    const xTicks = (xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + (xAxis.hiddenLabels ? 0 : TICK_OFFSET);\n    const xAxisTitle = needBottomAxisTitle ? TITLE_LINE : 0;\n\n    const leftAxisElements = yCaptions + yTicks;\n    const bottomAxisElements = xTicks + xCaptions + xAxisTitle;\n\n    const facetTitlesLinesCount = Math.max(...currentRowFacetKeys.map(key => facetTitles[key].length));\n    return {\n        left: needLeftAxis ? leftAxisElements : MIN_PADDING,\n        top: facetTitlesLinesCount === 0 ? 0 : FACET_TITLE_OFFSET * 2 + facetTitlesLinesCount * FACET_TITLE_LINE,\n        bottom: needBottomAxis ? bottomAxisElements : MIN_PADDING,\n        right: lastInRow ? 0 : MIN_PADDING,\n    };\n}\n\n// facet keys grouped by rows\nfunction getFacetRows(facetKeys: string[], nRows: number, nColumns: number): string[][] {\n    const result: string[][] = [];\n    for (let i = 0; i < nRows; i++) {\n        result.push(facetKeys.slice(i * nColumns, i * nColumns + nColumns));\n    }\n    return result;\n}\n\nfunction getRowColumn(idx: number, columnsCount: number) {\n    const row = Math.floor(idx / columnsCount);\n    const column = idx - row * columnsCount;\n    return [row, column];\n}\n\nfunction isInheritedAes(v: InheritAesHistogram | unknown): v is InheritAesHistogram {\n    return typeof v === 'object' && v !== null && 'type' in v && 'value' in v && v.type === 'grouping';\n}\nfunction isContinuousAes(v: ContinuousAesHistogram | unknown): v is ContinuousAesHistogram {\n    return typeof v === 'object' && v !== null && 'range' in v;\n}\nfunction createAesGetter(dataFrame: DataFrame, aesData: HistogramSettingsImpl['inheritedAes'], field: keyof AesItem, defaultDomain:number[]) {\n    return function (aesItem: string | InheritAesHistogram | ContinuousAesHistogram, idx: RowIndex, height:number) {\n        if (isContinuousAes(aesItem)) {\n            const {domain = defaultDomain, range, type = 'linear'} = aesItem;\n            const scale = getContinuousColorScale(range as string[], domain, type);\n            scale.clamp(true);\n            return scale(height);\n        }\n        if (isInheritedAes(aesItem)) {\n            const columnId = aesItem.value;\n            const mapping = aesData[columnId];\n            return (mapping?.[String(dataFrame.getColumnValue(columnId, idx))] ?? DEFAULT_COMMON_AES)?.[field] as string;\n        }\n        return aesItem;\n    };\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    component: ReactElement = (<></>);\n    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    chartsDimensions: Record<string, ChartDimensionsData> = {};\n    chartSizes: ChartSizes = {\n        chartWidth: DEFAULT_WIDTH, // width of single chart\n        chartHeight: DEFAULT_HEIGHT, // height of single chart\n        chartsWidth: DEFAULT_WIDTH, // width of all charts in charts row\n        chartsHeight: DEFAULT_HEIGHT, // width of all charts in charts column, without axes\n        totalWidth: DEFAULT_WIDTH, // width of all charts in charts row, plus left axis, plus legend\n        totalHeight: DEFAULT_HEIGHT, // width of all charts in charts height, plus bottom axis, plus top title\n    };\n    columnsCount = 1;\n    rowsCount = 1;\n    scales: ChartsScales = {\n        x: {null: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH])},\n        y: {null: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0])},\n    };\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptionsWidth: 30,\n        yAxisCaptionsWidth: 100,\n    };\n    facetTitles: Record<string, string[]> = {}; // can be multiline\n    mainTitle: string[] = []; // can be multiline\n    legend: LegendData = {\n        width: 0,\n        height: 0,\n        items: [],\n    };\n\n    clear() {\n        if (this.parentNode && this.rootNode) {\n            this.parentNode?.removeChild(this.rootNode);\n            this.parentNode = null;\n            this.rootNode = null;\n        }\n        // timeout to avoid trying to unmount during rendering\n        setTimeout(() => {\n            this.reactRoot?.unmount();\n            this.reactRoot = null;\n        });\n    }\n\n    init(node: HTMLElement) {\n        if (this.parentNode === null) {\n            this.parentNode = node;\n            this.rootNode = document.createElement('div');\n            this.parentNode.appendChild(this.rootNode);\n            this.reactRoot = createRoot(this.rootNode);\n        }\n    }\n\n    updateChartSizes(size: HistogramSettingsImpl['chartSettings']['size']) {\n        this.chartSizes.chartWidth = size.width;\n        this.chartSizes.chartHeight = size.height;\n    }\n\n    updateChartDimensions(\n        facetKeys: string[],\n        facetSettings: HistogramSettingsImpl['facetSettings'],\n        xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HistogramSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const {chartWidth, chartHeight} = this.chartSizes;\n        let currentLeft = 0;\n        let currentTop = 0;\n        this.chartsDimensions = facetKeys.reduce((res: Record<string, ChartDimensionsData>, key: string, index) => {\n            const [currentRow, currentColumn] = getRowColumn(index, this.columnsCount);\n            const chartEdgeSides = getChartEdgeSides(index, facetKeys.length, this.columnsCount, this.rowsCount);\n            const padding = calculatePaddings(\n                xAxis,\n                yAxis,\n                this.captionsSizes,\n                getFacetRows(facetKeys, this.rowsCount, this.columnsCount)[currentRow],\n                this.facetTitles,\n                chartEdgeSides,\n                currentColumn === this.columnsCount - 1,\n                facetSettings\n            );\n            const outerWidth = chartWidth + padding.left + padding.right;\n            const outerHeight = chartHeight + padding.top + padding.bottom;\n            res[key] = {\n                left: currentLeft,\n                top: currentTop,\n                chartEdgeSides,\n                padding,\n                inner: {width: chartWidth, height: chartHeight},\n                outer: {width: outerWidth, height: outerHeight},\n            };\n            currentLeft += outerWidth;\n            if (currentColumn === this.columnsCount - 1) {\n                currentLeft = 0;\n                currentTop += outerHeight;\n            }\n            return res;\n        }, {});\n\n        const chartsWidth = Math.max(\n            ...facetKeys.map(key => this.chartsDimensions[key].outer.width + this.chartsDimensions[key].left)\n        );\n        const chartsHeight = Math.max(\n            ...facetKeys.map(key => this.chartsDimensions[key].outer.height + this.chartsDimensions[key].top)\n        );\n        this.chartSizes.chartsWidth = chartsWidth;\n        this.chartSizes.chartsHeight = chartsHeight;\n    }\n\n    updateViewport(\n        facetKeys: string[],\n        facetSettings: HistogramSettingsImpl['facetSettings'],\n        xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HistogramSettingsImpl['chartSettings']['yAxis'],\n        histogramDataByFacets: Record<string, GroupedHistogramData>,\n        size: HistogramSettingsImpl['chartSettings']['size'],\n        groupingStack: HistogramSettingsImpl['groupingStack'],\n    ) {\n        const facetCount = facetKeys.length;\n        const maxNRows = Math.min(facetSettings.nRows ?? facetCount, facetCount);\n        const maxNCols = Math.min(facetSettings.nCols ?? facetCount, facetCount);\n        // Use columns/rows count from settings if some of them defined, else make 1 column\n        this.columnsCount = facetSettings.nRows ? Math.ceil(facetCount / maxNRows) : maxNCols;\n        this.rowsCount = Math.ceil(facetCount / this.columnsCount);\n\n        let [minXAll, maxXAll] = [Infinity, -Infinity];\n        let maxYAll = -Infinity;\n        const histogramExtentsByKeys = facetKeys.reduce((res: Record<string, Record<string, number>>, key) => {\n            const histogramData = histogramDataByFacets[key];\n            const {minX, maxX, maxCount, maxCountFromGroups} = histogramData;\n            minXAll = Math.min(minXAll, minX);\n            maxXAll = Math.max(maxXAll, maxX);\n            maxYAll = Math.max(maxYAll, groupingStack === 'vertical' ? maxCount : maxCountFromGroups);\n            res[key] = {minX, maxX, maxY: groupingStack === 'vertical' ? maxCount : maxCountFromGroups};\n            return res;\n        }, {});\n\n        facetKeys.forEach(key => {\n            const scaleX: ChartScales['x'] = xAxis.scale === 'log' ? scaleSymlog() : scaleLinear();\n\n            const extents = histogramExtentsByKeys[key];\n            const minX = facetSettings.sharedX ? minXAll : extents.minX;\n            const maxX = facetSettings.sharedX ? maxXAll : extents.maxX;\n\n            (scaleX.domain([minX, maxX]) as ChartScales['x']).range([0, this.chartSizes.chartWidth]);\n            this.scales.x[key] = scaleX;\n        });\n        facetKeys.forEach(key => {\n            const scaleY = yAxis.scale === 'log' ? scaleSymlog() : scaleLinear();\n            const extents = histogramExtentsByKeys[key];\n\n            const minY = 0;\n            const maxY = facetSettings.sharedY ? maxYAll : extents.maxY;\n\n            const rangeV = [this.chartSizes.chartHeight, 0];\n            // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n            const tempY: ChartScales['y'] = (scaleY.copy().domain([minY, maxY]) as ChartScales['y']).range([\n                this.chartSizes.chartHeight,\n                size.innerOffset,\n            ]) as ChartScales['y'];\n            (scaleY.domain([tempY.invert(this.chartSizes.chartHeight), tempY.invert(0)]) as ChartScales['y']).range(\n                rangeV\n            );\n            this.scales.y[key] = scaleY;\n        });\n    }\n\n    updateCaptionsSize(\n        xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HistogramSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const textMeasurer = new TextMeasurer('600 14px Arial');\n\n        let maxYTick = 0;\n\n        function getMaxTickWidth(ticks: string[]) {\n            return Math.max(...ticks.map(key => textMeasurer.getTextWidth(key)));\n        }\n\n        if (!yAxis.hiddenLabels) {\n            Object.values(this.scales.y).forEach(scale => {\n                const {ticks, format} = getTicksAndFormat(scale as ScaleLogarithmic<number, number>, false);\n                maxYTick = Math.max(maxYTick, getMaxTickWidth(ticks.map(format)));\n            });\n        }\n        this.captionsSizes = {\n            xAxisCaptionsWidth: xAxis.hiddenLabels ? 0 : 20,\n            yAxisCaptionsWidth: maxYTick,\n        };\n    }\n\n    createMainTitle(facetKeys: string[], title: HistogramSettingsImpl['chartSettings']['title']) {\n        const firstChart = this.chartsDimensions[facetKeys[0]];\n        const lastChart = this.chartsDimensions[facetKeys[facetKeys.length - 1]];\n\n        this.mainTitle = splitTextByWidth(\n            title.name,\n            this.chartSizes.chartsWidth - firstChart.padding.left - lastChart.padding.right,\n            20\n        );\n    }\n\n    createFacetTitles(facetKeys: string[], facetLabels: string[][]) {\n        this.facetTitles = facetKeys.reduce((res: Record<string, string[]>, key, idx) => {\n            if (facetLabels[idx].length === 1 && facetLabels[idx][0] === 'null') {\n                res[key] = [];\n            } else {\n                res[key] = splitTextByWidth(facetLabels[idx].join(', '), this.chartSizes.chartWidth, 14);\n            }\n            return res;\n        }, {});\n    }\n\n    updateLegendSize(\n        legend: HistogramSettingsImpl['chartSettings']['legend'],\n        legendInfo: HistogramLegendInfo,\n        grouping: ColumnName | null,\n        layers: HistogramLayer[]\n    ) {\n        if (!legend.show) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const legendItems: LegendItem[] = [];\n        const emptySizes = {width:0, height:0, left:0, top: 0};\n\n        layers.forEach(layer => {\n            if (isInheritedAes(layer.aes.fillColor) && grouping) {\n                const columnId = layer.aes.fillColor.value;\n                const info = legendInfo[grouping.value];\n                const title = grouping.label ?? grouping.value;\n                const scale:ScaleOrdinal<string, string> = scaleOrdinal<string, string>()\n                    .domain(info.values)\n                    .range(info.values.map(value => info.aesMap[value].fillColor as string));\n                legendItems.push({...emptySizes, id: columnId, type: 'discreteColor', title, scale, values: info.values, labels: info.labels});\n            }\n        });\n\n        if (!legendItems.length) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, this.chartSizes.chartHeight);\n\n        const lastItem = items[items.length - 1];\n        const legendWidth = lastItem.left + lastItem.width + LEGEND_OFFSET;\n        const legendHeight = this.chartSizes.chartHeight;\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight,\n            items,\n        };\n    }\n\n    updateMargins(size:HistogramSettingsImpl['chartSettings']['size']) {\n        const titleTextHeight = TITLE_LINE_HEIGHT * this.mainTitle.length;\n        const titleHeight = titleTextHeight > 0 ? titleTextHeight + TITLE_MARGIN * 2 : 0;\n\n        const minMargin = size.outerOffset;\n\n        this.margins = {\n            top: Math.max(titleHeight, minMargin),\n            bottom: minMargin,\n            left: minMargin,\n            right: this.legend.width + minMargin,\n        };\n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right;\n        this.chartSizes.totalHeight = this.margins.top + this.chartSizes.chartsHeight + this.margins.bottom;\n    }\n\n    render(\n        dataFrame: DataFrame,\n        settingsId: string,\n        chartSettings: HistogramSettingsImpl['chartSettings'],\n        facetSettings: HistogramSettingsImpl['facetSettings'],\n        facetKeys: string[],\n        facetLabels: string[][],\n        histogramDataByFacets: Record<string, GroupedHistogramData>,\n        legendInfo: HistogramLegendInfo,\n        layers: HistogramLayer[],\n        inheritedAes: HistogramSettingsImpl['inheritedAes'],\n        grouping: ColumnName | null,\n        groupingStack: HistogramSettingsImpl['groupingStack'],\n        groupingDirection: HistogramSettingsImpl['groupingDirection'],\n        onTooltipHintSwitch: (v:boolean) => void,\n    ) {\n        const {xAxis, yAxis, size, title} = chartSettings;\n        this.updateChartSizes(size);\n        this.updateViewport(facetKeys, facetSettings, xAxis, yAxis, histogramDataByFacets, size, groupingStack);\n        this.updateCaptionsSize(xAxis, yAxis);\n        this.createFacetTitles(facetKeys, facetLabels);\n        this.updateChartDimensions(facetKeys, facetSettings, xAxis, yAxis);\n        this.createMainTitle(facetKeys, title);\n        this.updateLegendSize(chartSettings.legend, legendInfo, grouping, layers);\n        this.updateMargins(size);\n        const minHeight = facetKeys.reduce((v, key) => {\n            return Math.min(v, histogramDataByFacets[key].minX);\n        }, Infinity);\n        const maxHeight = facetKeys.reduce((v, key) => {\n            return Math.max(v, histogramDataByFacets[key].maxX);\n        }, -Infinity);\n        const component = (\n            <DataFrameProvider dataFrame={dataFrame}>\n                <ChartsGroup\n                    settingsId={settingsId}\n                    chartSettings={chartSettings}\n                    facetKeys={facetKeys}\n                    facetSettings={facetSettings}\n                    chartSizes={this.chartSizes}\n                    chartsDimensions={this.chartsDimensions}\n                    scales={this.scales}\n                    columnsCount={this.columnsCount}\n                    margins={this.margins}\n                    mainTitle={this.mainTitle}\n                    facetTitles={this.facetTitles}\n                    captionsSizes={this.captionsSizes}\n                    histogramDataByFacets={histogramDataByFacets}\n                    layers={layers}\n                    aesColorGetter={createAesGetter(dataFrame, inheritedAes, 'fillColor', [minHeight, maxHeight])}\n                    groupingDirection={groupingDirection}\n                    groupingStack={groupingStack}\n                    groupingLabels={grouping ? legendInfo[grouping.value].labels : {}}\n                    legend={this.legend}\n                    onTooltipHintSwitch={onTooltipHintSwitch}\n                />\n            </DataFrameProvider>\n        );\n        this.component = component;\n        this.reactRoot?.render(component);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n}\n\nexport default ChartRenderer;\n"],"names":["getChartEdgeSides","index","facetsCount","columnsCount","rowsCount","chartSides","calculatePaddings","xAxis","yAxis","captionsSizes","currentRowFacetKeys","facetTitles","chartEdgeSides","lastInRow","facetSettings","needLeftAxis","needBottomAxis","needBottomAxisTitle","yCaptions","yTicks","DEFAULT_TICKS_SIZE","TICK_OFFSET","xCaptions","xTicks","xAxisTitle","TITLE_LINE","leftAxisElements","bottomAxisElements","facetTitlesLinesCount","key","MIN_PADDING","FACET_TITLE_OFFSET","FACET_TITLE_LINE","getFacetRows","facetKeys","nRows","nColumns","result","i","getRowColumn","idx","row","column","isInheritedAes","v","isContinuousAes","createAesGetter","dataFrame","aesData","field","defaultDomain","aesItem","height","domain","range","type","scale","getContinuousColorScale","columnId","mapping","_a","DEFAULT_COMMON_AES","ChartRenderer","__publicField","jsx","Fragment","MIN_MARGIN","DEFAULT_WIDTH","DEFAULT_HEIGHT","scaleLinear","node","createRoot","size","chartWidth","chartHeight","currentLeft","currentTop","res","currentRow","currentColumn","padding","outerWidth","outerHeight","chartsWidth","chartsHeight","histogramDataByFacets","groupingStack","facetCount","maxNRows","maxNCols","minXAll","maxXAll","maxYAll","histogramExtentsByKeys","histogramData","minX","maxX","maxCount","maxCountFromGroups","scaleX","scaleSymlog","extents","scaleY","minY","maxY","rangeV","tempY","textMeasurer","TextMeasurer","maxYTick","getMaxTickWidth","ticks","format","getTicksAndFormat","title","firstChart","lastChart","splitTextByWidth","facetLabels","legend","legendInfo","grouping","layers","legendItems","emptySizes","layer","info","scaleOrdinal","value","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","legendHeight","titleTextHeight","TITLE_LINE_HEIGHT","titleHeight","TITLE_MARGIN","minMargin","settingsId","chartSettings","inheritedAes","groupingDirection","onTooltipHintSwitch","minHeight","maxHeight","component","DataFrameProvider","ChartsGroup","message","Error"],"mappings":";;;;;;;;;;;;;;;;;;;AA6BA,SAASA,GAAkBC,GAAeC,GAAqBC,GAAsBC,GAAmB;AACpG,QAAMC,IAAsD,CAAA;AAC5D,SAAIJ,IAAQE,MAAiBA,IAAe,KACxCE,EAAW,KAAK,OAAO,GAEvBJ,IAAQE,MAAiB,KACzBE,EAAW,KAAK,MAAM,GAEtBJ,IAAQE,KACRE,EAAW,KAAK,KAAK,IAGrB,KAAK,MAAMJ,IAAQ,KAAKE,CAAY,MAAMC,KACzC,KAAK,MAAMH,IAAQ,KAAKE,CAAY,MAAMC,IAAY,KACnDH,IAAQE,KAAgBD,IAAc,KAAKC,MAE/CE,EAAW,KAAK,QAAQ,GAErBA;AACX;AAEA,SAASC,GACLC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACF;AACE,QAAMC,IAAeH,EAAe,SAAS,MAAM,KAAK,EAACE,KAAA,QAAAA,EAAe,UAClEE,IAAiBJ,EAAe,SAAS,QAAQ,KAAK,EAACE,KAAA,QAAAA,EAAe,UACtEG,IAAsBL,EAAe,SAAS,QAAQ,KAAKL,EAAM,UAAU,IAE3EW,IAAYT,EAAc,oBAC1BU,KAAUX,EAAM,YAAYY,IAAqB,MAAMZ,EAAM,eAAe,IAAIa,IAEhFC,IAAYb,EAAc,oBAC1Bc,KAAUhB,EAAM,YAAYa,IAAqB,MAAMb,EAAM,eAAe,IAAIc,IAChFG,IAAaP,IAAsBQ,IAAa,GAEhDC,IAAmBR,IAAYC,GAC/BQ,IAAqBJ,IAASD,IAAYE,GAE1CI,IAAwB,KAAK,IAAI,GAAGlB,EAAoB,IAAI,CAAAmB,MAAOlB,EAAYkB,CAAG,EAAE,MAAM,CAAC;AACjG,SAAO;AAAA,IACH,MAAMd,IAAeW,IAAmBI;AAAA,IACxC,KAAKF,MAA0B,IAAI,IAAIG,IAAqB,IAAIH,IAAwBI;AAAA,IACxF,QAAQhB,IAAiBW,IAAqBG;AAAA,IAC9C,OAAOjB,IAAY,IAAIiB;AAAA,EAAA;AAE/B;AAGA,SAASG,GAAaC,GAAqBC,GAAeC,GAA8B;AACpF,QAAMC,IAAqB,CAAA;AAC3B,WAASC,IAAI,GAAGA,IAAIH,GAAOG;AACvB,IAAAD,EAAO,KAAKH,EAAU,MAAMI,IAAIF,GAAUE,IAAIF,IAAWA,CAAQ,CAAC;AAEtE,SAAOC;AACX;AAEA,SAASE,GAAaC,GAAarC,GAAsB;AACrD,QAAMsC,IAAM,KAAK,MAAMD,IAAMrC,CAAY,GACnCuC,IAASF,IAAMC,IAAMtC;AAC3B,SAAO,CAACsC,GAAKC,CAAM;AACvB;AAEA,SAASC,EAAeC,GAA4D;AAChF,SAAO,OAAOA,KAAM,YAAYA,MAAM,QAAQ,UAAUA,KAAK,WAAWA,KAAKA,EAAE,SAAS;AAC5F;AACA,SAASC,GAAgBD,GAAkE;AACvF,SAAO,OAAOA,KAAM,YAAYA,MAAM,QAAQ,WAAWA;AAC7D;AACA,SAASE,GAAgBC,GAAsBC,GAAgDC,GAAsBC,GAAwB;AACzI,SAAO,SAAUC,GAAgEX,GAAeY,GAAe;;AAC3G,QAAIP,GAAgBM,CAAO,GAAG;AAC1B,YAAM,EAAC,QAAAE,IAASH,GAAe,OAAAI,GAAO,MAAAC,IAAO,aAAYJ,GACnDK,IAAQC,EAAwBH,GAAmBD,GAAQE,CAAI;AACrE,aAAAC,EAAM,MAAM,EAAI,GACTA,EAAMJ,CAAM;AAAA,IACvB;AACA,QAAIT,EAAeQ,CAAO,GAAG;AACzB,YAAMO,IAAWP,EAAQ,OACnBQ,IAAUX,EAAQU,CAAQ;AAChC,cAAQE,KAAAD,KAAA,gBAAAA,EAAU,OAAOZ,EAAU,eAAeW,GAAUlB,CAAG,CAAC,OAAMqB,MAA9D,gBAAAD,EAAoFX;AAAA,IAChG;AACA,WAAOE;AAAA,EACX;AACJ;AAEA,MAAMW,GAAc;AAAA,EAApB;AACI,IAAAC,EAAA,mBAAyB;AACzB,IAAAA,EAAA,oBAAiC;AACjC,IAAAA,EAAA,kBAA+B;AAC/B,IAAAA,EAAA,mBAA2BC,gBAAAA,EAAAA,IAAAC,EAAAA,UAAA,EAAE;AAC7B,IAAAF,EAAA,iBAAmB;AAAA,MACf,KAAKG;AAAA,MACL,QAAQA;AAAA,MACR,MAAMA;AAAA,MACN,OAAOA;AAAA,IAAA;AAEX,IAAAH,EAAA,0BAAwD,CAAA;AACxD,IAAAA,EAAA,oBAAyB;AAAA,MACrB,YAAYI;AAAA;AAAA,MACZ,aAAaC;AAAA;AAAA,MACb,aAAaD;AAAA;AAAA,MACb,cAAcC;AAAA;AAAA,MACd,YAAYD;AAAA;AAAA,MACZ,aAAaC;AAAA;AAAA,IAAA;AAEjB,IAAAL,EAAA,sBAAe;AACf,IAAAA,EAAA,mBAAY;AACZ,IAAAA,EAAA,gBAAuB;AAAA,MACnB,GAAG,EAAC,MAAMM,EAAA,EAAc,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,GAAGF,CAAa,CAAC,EAAA;AAAA,MAChE,GAAG,EAAC,MAAME,EAAA,EAAc,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,MAAM,CAACD,GAAgB,CAAC,CAAC,EAAA;AAAA,IAAC;AAEtE,IAAAL,EAAA,uBAA+B;AAAA,MAC3B,oBAAoB;AAAA,MACpB,oBAAoB;AAAA,IAAA;AAExB,IAAAA,EAAA,qBAAwC,CAAA;AACxC;AAAA,IAAAA,EAAA,mBAAsB,CAAA;AACtB;AAAA,IAAAA,EAAA,gBAAqB;AAAA,MACjB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO,CAAA;AAAA,IAAC;AAAA;AAAA,EAGZ,QAAQ;;AACJ,IAAI,KAAK,cAAc,KAAK,cACxBH,IAAA,KAAK,eAAL,QAAAA,EAAiB,YAAY,KAAK,WAClC,KAAK,aAAa,MAClB,KAAK,WAAW,OAGpB,WAAW,MAAM;;AACb,OAAAA,IAAA,KAAK,cAAL,QAAAA,EAAgB,WAChB,KAAK,YAAY;AAAA,IACrB,CAAC;AAAA,EACL;AAAA,EAEA,KAAKU,GAAmB;AACpB,IAAI,KAAK,eAAe,SACpB,KAAK,aAAaA,GAClB,KAAK,WAAW,SAAS,cAAc,KAAK,GAC5C,KAAK,WAAW,YAAY,KAAK,QAAQ,GACzC,KAAK,YAAYC,aAAW,KAAK,QAAQ;AAAA,EAEjD;AAAA,EAEA,iBAAiBC,GAAsD;AACnE,SAAK,WAAW,aAAaA,EAAK,OAClC,KAAK,WAAW,cAAcA,EAAK;AAAA,EACvC;AAAA,EAEA,sBACItC,GACApB,GACAP,GACAC,GACF;AACE,UAAM,EAAC,YAAAiE,GAAY,aAAAC,EAAA,IAAe,KAAK;AACvC,QAAIC,IAAc,GACdC,IAAa;AACjB,SAAK,mBAAmB1C,EAAU,OAAO,CAAC2C,GAA0ChD,GAAa5B,MAAU;AACvG,YAAM,CAAC6E,GAAYC,CAAa,IAAIxC,GAAatC,GAAO,KAAK,YAAY,GACnEW,IAAiBZ,GAAkBC,GAAOiC,EAAU,QAAQ,KAAK,cAAc,KAAK,SAAS,GAC7F8C,IAAU1E;AAAA,QACZC;AAAA,QACAC;AAAA,QACA,KAAK;AAAA,QACLyB,GAAaC,GAAW,KAAK,WAAW,KAAK,YAAY,EAAE4C,CAAU;AAAA,QACrE,KAAK;AAAA,QACLlE;AAAA,QACAmE,MAAkB,KAAK,eAAe;AAAA,QACtCjE;AAAA,MAAA,GAEEmE,IAAaR,IAAaO,EAAQ,OAAOA,EAAQ,OACjDE,IAAcR,IAAcM,EAAQ,MAAMA,EAAQ;AACxD,aAAAH,EAAIhD,CAAG,IAAI;AAAA,QACP,MAAM8C;AAAA,QACN,KAAKC;AAAA,QACL,gBAAAhE;AAAA,QACA,SAAAoE;AAAA,QACA,OAAO,EAAC,OAAOP,GAAY,QAAQC,EAAA;AAAA,QACnC,OAAO,EAAC,OAAOO,GAAY,QAAQC,EAAA;AAAA,MAAW,GAElDP,KAAeM,GACXF,MAAkB,KAAK,eAAe,MACtCJ,IAAc,GACdC,KAAcM,IAEXL;AAAA,IACX,GAAG,CAAA,CAAE;AAEL,UAAMM,IAAc,KAAK;AAAA,MACrB,GAAGjD,EAAU,IAAI,CAAAL,MAAO,KAAK,iBAAiBA,CAAG,EAAE,MAAM,QAAQ,KAAK,iBAAiBA,CAAG,EAAE,IAAI;AAAA,IAAA,GAE9FuD,IAAe,KAAK;AAAA,MACtB,GAAGlD,EAAU,IAAI,CAAAL,MAAO,KAAK,iBAAiBA,CAAG,EAAE,MAAM,SAAS,KAAK,iBAAiBA,CAAG,EAAE,GAAG;AAAA,IAAA;AAEpG,SAAK,WAAW,cAAcsD,GAC9B,KAAK,WAAW,eAAeC;AAAA,EACnC;AAAA,EAEA,eACIlD,GACApB,GACAP,GACAC,GACA6E,GACAb,GACAc,GACF;AACE,UAAMC,IAAarD,EAAU,QACvBsD,IAAW,KAAK,IAAI1E,EAAc,SAASyE,GAAYA,CAAU,GACjEE,IAAW,KAAK,IAAI3E,EAAc,SAASyE,GAAYA,CAAU;AAEvE,SAAK,eAAezE,EAAc,QAAQ,KAAK,KAAKyE,IAAaC,CAAQ,IAAIC,GAC7E,KAAK,YAAY,KAAK,KAAKF,IAAa,KAAK,YAAY;AAEzD,QAAI,CAACG,GAASC,CAAO,IAAI,CAAC,OAAU,MAAS,GACzCC,IAAU;AACd,UAAMC,IAAyB3D,EAAU,OAAO,CAAC2C,GAA6ChD,MAAQ;AAClG,YAAMiE,IAAgBT,EAAsBxD,CAAG,GACzC,EAAC,MAAAkE,GAAM,MAAAC,GAAM,UAAAC,GAAU,oBAAAC,MAAsBJ;AACnD,aAAAJ,IAAU,KAAK,IAAIA,GAASK,CAAI,GAChCJ,IAAU,KAAK,IAAIA,GAASK,CAAI,GAChCJ,IAAU,KAAK,IAAIA,GAASN,MAAkB,aAAaW,IAAWC,CAAkB,GACxFrB,EAAIhD,CAAG,IAAI,EAAC,MAAAkE,GAAM,MAAAC,GAAM,MAAMV,MAAkB,aAAaW,IAAWC,EAAA,GACjErB;AAAA,IACX,GAAG,CAAA,CAAE;AAEL,IAAA3C,EAAU,QAAQ,CAAAL,MAAO;AACrB,YAAMsE,IAA2B5F,EAAM,UAAU,QAAQ6F,EAAA,IAAgB/B,EAAA,GAEnEgC,IAAUR,EAAuBhE,CAAG,GACpCkE,IAAOjF,EAAc,UAAU4E,IAAUW,EAAQ,MACjDL,IAAOlF,EAAc,UAAU6E,IAAUU,EAAQ;AAEtD,MAAAF,EAAO,OAAO,CAACJ,GAAMC,CAAI,CAAC,EAAuB,MAAM,CAAC,GAAG,KAAK,WAAW,UAAU,CAAC,GACvF,KAAK,OAAO,EAAEnE,CAAG,IAAIsE;AAAA,IACzB,CAAC,GACDjE,EAAU,QAAQ,CAAAL,MAAO;AACrB,YAAMyE,IAAS9F,EAAM,UAAU,QAAQ4F,EAAA,IAAgB/B,EAAA,GACjDgC,IAAUR,EAAuBhE,CAAG,GAEpC0E,IAAO,GACPC,IAAO1F,EAAc,UAAU8E,IAAUS,EAAQ,MAEjDI,IAAS,CAAC,KAAK,WAAW,aAAa,CAAC,GAExCC,IAA2BJ,EAAO,OAAO,OAAO,CAACC,GAAMC,CAAI,CAAC,EAAuB,MAAM;AAAA,QAC3F,KAAK,WAAW;AAAA,QAChBhC,EAAK;AAAA,MAAA,CACR;AACA,MAAA8B,EAAO,OAAO,CAACI,EAAM,OAAO,KAAK,WAAW,WAAW,GAAGA,EAAM,OAAO,CAAC,CAAC,CAAC,EAAuB;AAAA,QAC9FD;AAAA,MAAA,GAEJ,KAAK,OAAO,EAAE5E,CAAG,IAAIyE;AAAA,IACzB,CAAC;AAAA,EACL;AAAA,EAEA,mBACI/F,GACAC,GACF;AACE,UAAMmG,IAAe,IAAIC,EAAa,gBAAgB;AAEtD,QAAIC,IAAW;AAEf,aAASC,EAAgBC,GAAiB;AACtC,aAAO,KAAK,IAAI,GAAGA,EAAM,IAAI,OAAOJ,EAAa,aAAa9E,CAAG,CAAC,CAAC;AAAA,IACvE;AAEA,IAAKrB,EAAM,gBACP,OAAO,OAAO,KAAK,OAAO,CAAC,EAAE,QAAQ,CAAAgD,MAAS;AAC1C,YAAM,EAAC,OAAAuD,GAAO,QAAAC,EAAA,IAAUC,EAAkBzD,GAA2C,EAAK;AAC1F,MAAAqD,IAAW,KAAK,IAAIA,GAAUC,EAAgBC,EAAM,IAAIC,CAAM,CAAC,CAAC;AAAA,IACpE,CAAC,GAEL,KAAK,gBAAgB;AAAA,MACjB,oBAAoBzG,EAAM,eAAe,IAAI;AAAA,MAC7C,oBAAoBsG;AAAA,IAAA;AAAA,EAE5B;AAAA,EAEA,gBAAgB3E,GAAqBgF,GAAwD;AACzF,UAAMC,IAAa,KAAK,iBAAiBjF,EAAU,CAAC,CAAC,GAC/CkF,IAAY,KAAK,iBAAiBlF,EAAUA,EAAU,SAAS,CAAC,CAAC;AAEvE,SAAK,YAAYmF;AAAA,MACbH,EAAM;AAAA,MACN,KAAK,WAAW,cAAcC,EAAW,QAAQ,OAAOC,EAAU,QAAQ;AAAA,MAC1E;AAAA,IAAA;AAAA,EAER;AAAA,EAEA,kBAAkBlF,GAAqBoF,GAAyB;AAC5D,SAAK,cAAcpF,EAAU,OAAO,CAAC2C,GAA+BhD,GAAKW,OACjE8E,EAAY9E,CAAG,EAAE,WAAW,KAAK8E,EAAY9E,CAAG,EAAE,CAAC,MAAM,SACzDqC,EAAIhD,CAAG,IAAI,CAAA,IAEXgD,EAAIhD,CAAG,IAAIwF,EAAiBC,EAAY9E,CAAG,EAAE,KAAK,IAAI,GAAG,KAAK,WAAW,YAAY,EAAE,GAEpFqC,IACR,CAAA,CAAE;AAAA,EACT;AAAA,EAEA,iBACI0C,GACAC,GACAC,GACAC,GACF;AACE,QAAI,CAACH,EAAO,MAAM;AACd,WAAK,SAAS,EAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAC;AAC5C;AAAA,IACJ;AAEA,UAAMI,IAA4B,CAAA,GAC5BC,IAAa,EAAC,OAAM,GAAG,QAAO,GAAG,MAAK,GAAG,KAAK,EAAA;AAcpD,QAZAF,EAAO,QAAQ,CAAAG,MAAS;AACpB,UAAIlF,EAAekF,EAAM,IAAI,SAAS,KAAKJ,GAAU;AACjD,cAAM/D,IAAWmE,EAAM,IAAI,UAAU,OAC/BC,IAAON,EAAWC,EAAS,KAAK,GAChCP,IAAQO,EAAS,SAASA,EAAS,OACnCjE,IAAqCuE,KACtC,OAAOD,EAAK,MAAM,EAClB,MAAMA,EAAK,OAAO,IAAI,CAAAE,MAASF,EAAK,OAAOE,CAAK,EAAE,SAAmB,CAAC;AAC3E,QAAAL,EAAY,KAAK,EAAC,GAAGC,GAAY,IAAIlE,GAAU,MAAM,iBAAiB,OAAAwD,GAAO,OAAA1D,GAAO,QAAQsE,EAAK,QAAQ,QAAQA,EAAK,QAAO;AAAA,MACjI;AAAA,IACJ,CAAC,GAEG,CAACH,EAAY,QAAQ;AACrB,WAAK,SAAS,EAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAC;AAC5C;AAAA,IACJ;AAEA,UAAMM,IAAQC,EAAmBP,GAAa,KAAK,WAAW,WAAW,GAEnEQ,IAAWF,EAAMA,EAAM,SAAS,CAAC,GACjCG,IAAcD,EAAS,OAAOA,EAAS,QAAQE,GAC/CC,IAAe,KAAK,WAAW;AAErC,SAAK,SAAS;AAAA,MACV,OAAOF;AAAA,MACP,QAAQE;AAAA,MACR,OAAAL;AAAA,IAAA;AAAA,EAER;AAAA,EAEA,cAAczD,GAAqD;AAC/D,UAAM+D,IAAkBC,IAAoB,KAAK,UAAU,QACrDC,IAAcF,IAAkB,IAAIA,IAAkBG,IAAe,IAAI,GAEzEC,IAAYnE,EAAK;AAEvB,SAAK,UAAU;AAAA,MACX,KAAK,KAAK,IAAIiE,GAAaE,CAAS;AAAA,MACpC,QAAQA;AAAA,MACR,MAAMA;AAAA,MACN,OAAO,KAAK,OAAO,QAAQA;AAAA,IAAA,GAE/B,KAAK,WAAW,aAAa,KAAK,QAAQ,OAAO,KAAK,WAAW,cAAc,KAAK,QAAQ,OAC5F,KAAK,WAAW,cAAc,KAAK,QAAQ,MAAM,KAAK,WAAW,eAAe,KAAK,QAAQ;AAAA,EACjG;AAAA,EAEA,OACI5F,GACA6F,GACAC,GACA/H,GACAoB,GACAoF,GACAjC,GACAmC,GACAE,GACAoB,GACArB,GACAnC,GACAyD,GACAC,GACF;;AACE,UAAM,EAAC,OAAAzI,GAAO,OAAAC,GAAO,MAAAgE,GAAM,OAAA0C,MAAS2B;AACpC,SAAK,iBAAiBrE,CAAI,GAC1B,KAAK,eAAetC,GAAWpB,GAAeP,GAAOC,GAAO6E,GAAuBb,GAAMc,CAAa,GACtG,KAAK,mBAAmB/E,GAAOC,CAAK,GACpC,KAAK,kBAAkB0B,GAAWoF,CAAW,GAC7C,KAAK,sBAAsBpF,GAAWpB,GAAeP,GAAOC,CAAK,GACjE,KAAK,gBAAgB0B,GAAWgF,CAAK,GACrC,KAAK,iBAAiB2B,EAAc,QAAQrB,GAAYC,GAAUC,CAAM,GACxE,KAAK,cAAclD,CAAI;AACvB,UAAMyE,IAAY/G,EAAU,OAAO,CAACU,GAAGf,MAC5B,KAAK,IAAIe,GAAGyC,EAAsBxD,CAAG,EAAE,IAAI,GACnD,KAAQ,GACLqH,IAAYhH,EAAU,OAAO,CAACU,GAAGf,MAC5B,KAAK,IAAIe,GAAGyC,EAAsBxD,CAAG,EAAE,IAAI,GACnD,MAAS,GACNsH,IACFnF,gBAAAA,EAAAA,IAACoF,GAAA,EAAkB,WAAArG,GACf,UAAAiB,gBAAAA,EAAAA;AAAAA,MAACqF;AAAA,MAAA;AAAA,QACG,YAAAT;AAAA,QACA,eAAAC;AAAA,QACA,WAAA3G;AAAA,QACA,eAAApB;AAAA,QACA,YAAY,KAAK;AAAA,QACjB,kBAAkB,KAAK;AAAA,QACvB,QAAQ,KAAK;AAAA,QACb,cAAc,KAAK;AAAA,QACnB,SAAS,KAAK;AAAA,QACd,WAAW,KAAK;AAAA,QAChB,aAAa,KAAK;AAAA,QAClB,eAAe,KAAK;AAAA,QACpB,uBAAAuE;AAAA,QACA,QAAAqC;AAAA,QACA,gBAAgB5E,GAAgBC,GAAW+F,GAAc,aAAa,CAACG,GAAWC,CAAS,CAAC;AAAA,QAC5F,mBAAAH;AAAA,QACA,eAAAzD;AAAA,QACA,gBAAgBmC,IAAWD,EAAWC,EAAS,KAAK,EAAE,SAAS,CAAA;AAAA,QAC/D,QAAQ,KAAK;AAAA,QACb,qBAAAuB;AAAA,MAAA;AAAA,IAAA,GAER;AAEJ,SAAK,YAAYG,IACjBvF,IAAA,KAAK,cAAL,QAAAA,EAAgB,OAAOuF;AAAA,EAC3B;AAAA,EAEA,YAAYG,GAAiB;;AACzB,KAAA1F,IAAA,KAAK,cAAL,QAAAA,EAAgB,OAAOI,gBAAAA,EAAAA,IAACuF,GAAA,EAAM,SAAAD,GAAkB;AAAA,EACpD;AACJ;"}
+{"version":3,"file":"ChartRenderer.js","sources":["../../src/histogram/ChartRenderer.tsx"],"sourcesContent":["import type { ScaleLogarithmic, ScaleOrdinal } from 'd3-scale';\nimport { scaleLinear, scaleOrdinal, scaleSymlog } from 'd3-scale';\nimport type { ReactElement } from 'react';\nimport type { Root } from 'react-dom/client';\nimport { createRoot } from 'react-dom/client';\nimport { Error } from '../common/Error';\nimport type { LegendData, LegendItem } from '../common/types';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN } from '../constants';\nimport type { DataFrame, RowIndex } from '../DataFrame';\nimport { splitTextByWidth } from '../discrete/utils';\nimport { DEFAULT_COMMON_AES, LEGEND_OFFSET } from '../scatterplot/constants';\nimport { getTicksAndFormat } from '../scatterplot/utils/getTicksAndFormat';\nimport type { AesItem, ColumnName, ContinuousAesHistogram, InheritAesHistogram } from '../types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { getContinuousColorScale } from '../utils/getContinuousColorScale';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport { ChartsGroup } from './components/ChartsGroup';\nimport type { CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, ChartsScales, HistogramLegendInfo, Margins } from './components/types';\nimport {\n    DEFAULT_TICKS_SIZE, FACET_TITLE_LINE, FACET_TITLE_OFFSET,\n    MIN_MARGIN,\n    MIN_PADDING,\n    TICK_OFFSET,\n    TITLE_LINE\n} from './constants';\nimport type { GroupedHistogramData } from './getHistogramData';\nimport type { HistogramLayer, HistogramSettingsImpl } from './HistogramSettingsImpl';\n\nfunction getChartEdgeSides(index: number, facetsCount: number, columnsCount: number, rowsCount: number) {\n    const chartSides: ('left' | 'right' | 'top' | 'bottom')[] = [];\n    if (index % columnsCount === columnsCount - 1) {\n        chartSides.push('right');\n    }\n    if (index % columnsCount === 0) {\n        chartSides.push('left');\n    }\n    if (index < columnsCount) {\n        chartSides.push('top');\n    }\n    if (\n        Math.ceil((index + 1) / columnsCount) === rowsCount ||\n        (Math.ceil((index + 1) / columnsCount) === rowsCount - 1 &&\n            index % columnsCount > (facetsCount - 1) % columnsCount)\n    ) {\n        chartSides.push('bottom');\n    }\n    return chartSides;\n}\n\nfunction calculatePaddings(\n    xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n    yAxis: HistogramSettingsImpl['chartSettings']['yAxis'],\n    captionsSizes: CaptionsSizes,\n    currentRowFacetKeys: string[],\n    facetTitles: Record<string, string[]>,\n    chartEdgeSides: ('left' | 'right' | 'top' | 'bottom')[],\n    lastInRow: boolean,\n    facetSettings?: HistogramSettingsImpl['facetSettings']\n) {\n    const needLeftAxis = chartEdgeSides.includes('left') || !facetSettings?.sharedY;\n    const needBottomAxis = chartEdgeSides.includes('bottom') || !facetSettings?.sharedX;\n    const needBottomAxisTitle = chartEdgeSides.includes('bottom') && xAxis.title !== '';\n\n    const yCaptions = captionsSizes.yAxisCaptionsWidth + 2 * TICK_OFFSET;\n    const yTicks = (yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + (yAxis.hiddenLabels ? 0 : TICK_OFFSET);\n\n    const xCaptions = captionsSizes.xAxisCaptionsWidth + 2 * TICK_OFFSET;\n    const xTicks = (xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + (xAxis.hiddenLabels ? 0 : TICK_OFFSET);\n    const xAxisTitle = needBottomAxisTitle ? TITLE_LINE : 0;\n\n    const leftAxisElements = yCaptions + yTicks;\n    const bottomAxisElements = xTicks + xCaptions + xAxisTitle;\n\n    const facetTitlesLinesCount = Math.max(...currentRowFacetKeys.map(key => facetTitles[key].length));\n    return {\n        left: needLeftAxis ? leftAxisElements : MIN_PADDING,\n        top: facetTitlesLinesCount === 0 ? 0 : FACET_TITLE_OFFSET * 2 + facetTitlesLinesCount * FACET_TITLE_LINE,\n        bottom: needBottomAxis ? bottomAxisElements + 8 : MIN_PADDING,\n        right: lastInRow ? 0 : MIN_PADDING,\n    };\n}\n\n// facet keys grouped by rows\nfunction getFacetRows(facetKeys: string[], nRows: number, nColumns: number): string[][] {\n    const result: string[][] = [];\n    for (let i = 0; i < nRows; i++) {\n        result.push(facetKeys.slice(i * nColumns, i * nColumns + nColumns));\n    }\n    return result;\n}\n\nfunction getRowColumn(idx: number, columnsCount: number) {\n    const row = Math.floor(idx / columnsCount);\n    const column = idx - row * columnsCount;\n    return [row, column];\n}\n\nfunction isInheritedAes(v: InheritAesHistogram | unknown): v is InheritAesHistogram {\n    return typeof v === 'object' && v !== null && 'type' in v && 'value' in v && v.type === 'grouping';\n}\nfunction isContinuousAes(v: ContinuousAesHistogram | unknown): v is ContinuousAesHistogram {\n    return typeof v === 'object' && v !== null && 'range' in v;\n}\nfunction createAesGetter(dataFrame: DataFrame, aesData: HistogramSettingsImpl['inheritedAes'], field: keyof AesItem, defaultDomain:number[]) {\n    return function (aesItem: string | InheritAesHistogram | ContinuousAesHistogram, idx: RowIndex, height:number) {\n        if (isContinuousAes(aesItem)) {\n            const {domain = defaultDomain, range, type = 'linear'} = aesItem;\n            const scale = getContinuousColorScale(range as string[], domain, type);\n            scale.clamp(true);\n            return scale(height);\n        }\n        if (isInheritedAes(aesItem)) {\n            const columnId = aesItem.value;\n            const mapping = aesData[columnId];\n            return (mapping?.[String(dataFrame.getColumnValue(columnId, idx))] ?? DEFAULT_COMMON_AES)?.[field] as string;\n        }\n        return aesItem;\n    };\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    component: ReactElement = (<></>);\n    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    chartsDimensions: Record<string, ChartDimensionsData> = {};\n    chartSizes: ChartSizes = {\n        chartWidth: DEFAULT_WIDTH, // width of single chart\n        chartHeight: DEFAULT_HEIGHT, // height of single chart\n        chartsWidth: DEFAULT_WIDTH, // width of all charts in charts row\n        chartsHeight: DEFAULT_HEIGHT, // width of all charts in charts column, without axes\n        totalWidth: DEFAULT_WIDTH, // width of all charts in charts row, plus left axis, plus legend\n        totalHeight: DEFAULT_HEIGHT, // width of all charts in charts height, plus bottom axis, plus top title\n    };\n    columnsCount = 1;\n    rowsCount = 1;\n    scales: ChartsScales = {\n        x: {null: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH])},\n        y: {null: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0])},\n    };\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptionsWidth: 30,\n        yAxisCaptionsWidth: 100,\n    };\n    facetTitles: Record<string, string[]> = {}; // can be multiline\n    mainTitle: string[] = []; // can be multiline\n    legend: LegendData = {\n        width: 0,\n        height: 0,\n        items: [],\n    };\n\n    clear() {\n        if (this.parentNode && this.rootNode) {\n            this.parentNode?.removeChild(this.rootNode);\n            this.parentNode = null;\n            this.rootNode = null;\n        }\n        // timeout to avoid trying to unmount during rendering\n        setTimeout(() => {\n            this.reactRoot?.unmount();\n            this.reactRoot = null;\n        });\n    }\n\n    init(node: HTMLElement) {\n        if (this.parentNode === null) {\n            this.parentNode = node;\n            this.rootNode = document.createElement('div');\n            this.parentNode.appendChild(this.rootNode);\n            this.reactRoot = createRoot(this.rootNode);\n        }\n    }\n\n    updateChartSizes(size: HistogramSettingsImpl['chartSettings']['size']) {\n        this.chartSizes.chartWidth = size.width;\n        this.chartSizes.chartHeight = size.height;\n    }\n\n    updateChartDimensions(\n        facetKeys: string[],\n        facetSettings: HistogramSettingsImpl['facetSettings'],\n        xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HistogramSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const {chartWidth, chartHeight} = this.chartSizes;\n        let currentLeft = 0;\n        let currentTop = 0;\n        this.chartsDimensions = facetKeys.reduce((res: Record<string, ChartDimensionsData>, key: string, index) => {\n            const [currentRow, currentColumn] = getRowColumn(index, this.columnsCount);\n            const chartEdgeSides = getChartEdgeSides(index, facetKeys.length, this.columnsCount, this.rowsCount);\n            const padding = calculatePaddings(\n                xAxis,\n                yAxis,\n                this.captionsSizes,\n                getFacetRows(facetKeys, this.rowsCount, this.columnsCount)[currentRow],\n                this.facetTitles,\n                chartEdgeSides,\n                currentColumn === this.columnsCount - 1,\n                facetSettings\n            );\n            const outerWidth = chartWidth + padding.left + padding.right;\n            const outerHeight = chartHeight + padding.top + padding.bottom;\n            res[key] = {\n                left: currentLeft,\n                top: currentTop,\n                chartEdgeSides,\n                padding,\n                inner: {width: chartWidth, height: chartHeight},\n                outer: {width: outerWidth, height: outerHeight},\n            };\n            currentLeft += outerWidth;\n            if (currentColumn === this.columnsCount - 1) {\n                currentLeft = 0;\n                currentTop += outerHeight;\n            }\n            return res;\n        }, {});\n\n        const chartsWidth = Math.max(\n            ...facetKeys.map(key => this.chartsDimensions[key].outer.width + this.chartsDimensions[key].left)\n        );\n        const chartsHeight = Math.max(\n            ...facetKeys.map(key => this.chartsDimensions[key].outer.height + this.chartsDimensions[key].top)\n        );\n        this.chartSizes.chartsWidth = chartsWidth;\n        this.chartSizes.chartsHeight = chartsHeight;\n    }\n\n    updateViewport(\n        facetKeys: string[],\n        facetSettings: HistogramSettingsImpl['facetSettings'],\n        xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HistogramSettingsImpl['chartSettings']['yAxis'],\n        histogramDataByFacets: Record<string, GroupedHistogramData>,\n        size: HistogramSettingsImpl['chartSettings']['size'],\n        groupingStack: HistogramSettingsImpl['groupingStack'],\n    ) {\n        const facetCount = facetKeys.length;\n        const maxNRows = Math.min(facetSettings.nRows ?? facetCount, facetCount);\n        const maxNCols = Math.min(facetSettings.nCols ?? facetCount, facetCount);\n        // Use columns/rows count from settings if some of them defined, else make 1 column\n        this.columnsCount = facetSettings.nRows ? Math.ceil(facetCount / maxNRows) : maxNCols;\n        this.rowsCount = Math.ceil(facetCount / this.columnsCount);\n\n        let [minXAll, maxXAll] = [Infinity, -Infinity];\n        let maxYAll = -Infinity;\n        const histogramExtentsByKeys = facetKeys.reduce((res: Record<string, Record<string, number>>, key) => {\n            const histogramData = histogramDataByFacets[key];\n            const {minX, maxX, maxCount, maxCountFromGroups} = histogramData;\n            minXAll = Math.min(minXAll, minX);\n            maxXAll = Math.max(maxXAll, maxX);\n            maxYAll = Math.max(maxYAll, groupingStack === 'vertical' ? maxCount : maxCountFromGroups);\n            res[key] = {minX, maxX, maxY: groupingStack === 'vertical' ? maxCount : maxCountFromGroups};\n            return res;\n        }, {});\n\n        facetKeys.forEach(key => {\n            const scaleX: ChartScales['x'] = xAxis.scale === 'log' ? scaleSymlog() : scaleLinear();\n\n            const extents = histogramExtentsByKeys[key];\n            const minX = facetSettings.sharedX ? minXAll : extents.minX;\n            const maxX = facetSettings.sharedX ? maxXAll : extents.maxX;\n\n            (scaleX.domain([minX, maxX]) as ChartScales['x']).range([0, this.chartSizes.chartWidth]);\n            this.scales.x[key] = scaleX;\n        });\n        facetKeys.forEach(key => {\n            const scaleY = yAxis.scale === 'log' ? scaleSymlog() : scaleLinear();\n            const extents = histogramExtentsByKeys[key];\n\n            const minY = 0;\n            const maxY = facetSettings.sharedY ? maxYAll : extents.maxY;\n\n            const rangeV = [this.chartSizes.chartHeight, 0];\n            // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n            const tempY: ChartScales['y'] = (scaleY.copy().domain([minY, maxY]) as ChartScales['y']).range([\n                this.chartSizes.chartHeight,\n                size.innerOffset,\n            ]) as ChartScales['y'];\n            (scaleY.domain([tempY.invert(this.chartSizes.chartHeight), tempY.invert(0)]) as ChartScales['y']).range(\n                rangeV\n            );\n            this.scales.y[key] = scaleY;\n        });\n    }\n\n    updateCaptionsSize(\n        xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HistogramSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const textMeasurer = new TextMeasurer('600 14px Arial');\n\n        let maxYTick = 0;\n\n        function getMaxTickWidth(ticks: string[]) {\n            return Math.max(...ticks.map(key => textMeasurer.getTextWidth(key)));\n        }\n\n        if (!yAxis.hiddenLabels) {\n            Object.values(this.scales.y).forEach(scale => {\n                const {ticks, format} = getTicksAndFormat(scale as ScaleLogarithmic<number, number>, false);\n                maxYTick = Math.max(maxYTick, getMaxTickWidth(ticks.map(format)));\n            });\n        }\n        this.captionsSizes = {\n            xAxisCaptionsWidth: xAxis.hiddenLabels ? 0 : 20,\n            yAxisCaptionsWidth: maxYTick,\n        };\n    }\n\n    createMainTitle(facetKeys: string[], title: HistogramSettingsImpl['chartSettings']['title']) {\n        const firstChart = this.chartsDimensions[facetKeys[0]];\n        const lastChart = this.chartsDimensions[facetKeys[facetKeys.length - 1]];\n\n        this.mainTitle = splitTextByWidth(\n            title.name,\n            this.chartSizes.chartsWidth - firstChart.padding.left - lastChart.padding.right,\n            20\n        );\n    }\n\n    createFacetTitles(facetKeys: string[], facetLabels: string[][]) {\n        this.facetTitles = facetKeys.reduce((res: Record<string, string[]>, key, idx) => {\n            if (facetLabels[idx].length === 1 && facetLabels[idx][0] === 'null') {\n                res[key] = [];\n            } else {\n                res[key] = splitTextByWidth(facetLabels[idx].join(', '), this.chartSizes.chartWidth, 14);\n            }\n            return res;\n        }, {});\n    }\n\n    updateLegendSize(\n        legend: HistogramSettingsImpl['chartSettings']['legend'],\n        legendInfo: HistogramLegendInfo,\n        grouping: ColumnName | null,\n        layers: HistogramLayer[]\n    ) {\n        if (!legend.show) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const legendItems: LegendItem[] = [];\n        const emptySizes = {width:0, height:0, left:0, top: 0};\n\n        layers.forEach(layer => {\n            if (isInheritedAes(layer.aes.fillColor) && grouping) {\n                const columnId = layer.aes.fillColor.value;\n                const info = legendInfo[grouping.value];\n                const title = grouping.label ?? grouping.value;\n                const scale:ScaleOrdinal<string, string> = scaleOrdinal<string, string>()\n                    .domain(info.values)\n                    .range(info.values.map(value => info.aesMap[value]?.fillColor ?? DEFAULT_COMMON_AES.fillColor));\n                legendItems.push({...emptySizes, id: columnId, type: 'discreteColor', title, scale, values: info.values, labels: info.labels});\n            }\n        });\n\n        if (!legendItems.length) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, this.chartSizes.chartHeight);\n\n        const lastItem = items[items.length - 1];\n        const legendWidth = lastItem.left + lastItem.width + LEGEND_OFFSET;\n        const legendHeight = this.chartSizes.chartHeight;\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight,\n            items,\n        };\n    }\n\n    updateMargins(size:HistogramSettingsImpl['chartSettings']['size']) {\n        const titleTextHeight = TITLE_LINE_HEIGHT * this.mainTitle.length;\n        const titleHeight = titleTextHeight > 0 ? titleTextHeight + TITLE_MARGIN * 2 : 0;\n\n        const minMargin = size.outerOffset;\n\n        this.margins = {\n            top: Math.max(titleHeight, minMargin),\n            bottom: minMargin,\n            left: minMargin,\n            right: this.legend.width + minMargin,\n        };\n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right;\n        this.chartSizes.totalHeight = this.margins.top + this.chartSizes.chartsHeight + this.margins.bottom;\n    }\n\n    render(\n        dataFrame: DataFrame,\n        settingsId: string,\n        chartSettings: HistogramSettingsImpl['chartSettings'],\n        facetSettings: HistogramSettingsImpl['facetSettings'],\n        facetKeys: string[],\n        facetLabels: string[][],\n        histogramDataByFacets: Record<string, GroupedHistogramData>,\n        legendInfo: HistogramLegendInfo,\n        layers: HistogramLayer[],\n        inheritedAes: HistogramSettingsImpl['inheritedAes'],\n        grouping: ColumnName | null,\n        groupingStack: HistogramSettingsImpl['groupingStack'],\n        groupingDirection: HistogramSettingsImpl['groupingDirection'],\n        onTooltipHintSwitch: (v:boolean) => void,\n    ) {\n        const {xAxis, yAxis, size, title} = chartSettings;\n        this.updateChartSizes(size);\n        this.updateViewport(facetKeys, facetSettings, xAxis, yAxis, histogramDataByFacets, size, groupingStack);\n        this.updateCaptionsSize(xAxis, yAxis);\n        this.createFacetTitles(facetKeys, facetLabels);\n        this.updateChartDimensions(facetKeys, facetSettings, xAxis, yAxis);\n        this.createMainTitle(facetKeys, title);\n        this.updateLegendSize(chartSettings.legend, legendInfo, grouping, layers);\n        this.updateMargins(size);\n        const minHeight = facetKeys.reduce((v, key) => {\n            return Math.min(v, histogramDataByFacets[key].minX);\n        }, Infinity);\n        const maxHeight = facetKeys.reduce((v, key) => {\n            return Math.max(v, histogramDataByFacets[key].maxX);\n        }, -Infinity);\n        const component = (\n            <DataFrameProvider dataFrame={dataFrame}>\n                <ChartsGroup\n                    settingsId={settingsId}\n                    chartSettings={chartSettings}\n                    facetKeys={facetKeys}\n                    facetSettings={facetSettings}\n                    chartSizes={this.chartSizes}\n                    chartsDimensions={this.chartsDimensions}\n                    scales={this.scales}\n                    columnsCount={this.columnsCount}\n                    margins={this.margins}\n                    mainTitle={this.mainTitle}\n                    facetTitles={this.facetTitles}\n                    captionsSizes={this.captionsSizes}\n                    histogramDataByFacets={histogramDataByFacets}\n                    layers={layers}\n                    aesColorGetter={createAesGetter(dataFrame, inheritedAes, 'fillColor', [minHeight, maxHeight])}\n                    groupingDirection={groupingDirection}\n                    groupingStack={groupingStack}\n                    groupingLabels={grouping ? legendInfo[grouping.value].labels : {}}\n                    legend={this.legend}\n                    onTooltipHintSwitch={onTooltipHintSwitch}\n                />\n            </DataFrameProvider>\n        );\n        this.component = component;\n        this.reactRoot?.render(component);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n}\n\nexport default ChartRenderer;\n"],"names":["getChartEdgeSides","index","facetsCount","columnsCount","rowsCount","chartSides","calculatePaddings","xAxis","yAxis","captionsSizes","currentRowFacetKeys","facetTitles","chartEdgeSides","lastInRow","facetSettings","needLeftAxis","needBottomAxis","needBottomAxisTitle","yCaptions","TICK_OFFSET","yTicks","DEFAULT_TICKS_SIZE","xCaptions","xTicks","xAxisTitle","TITLE_LINE","leftAxisElements","bottomAxisElements","facetTitlesLinesCount","key","MIN_PADDING","FACET_TITLE_OFFSET","FACET_TITLE_LINE","getFacetRows","facetKeys","nRows","nColumns","result","i","getRowColumn","idx","row","column","isInheritedAes","v","isContinuousAes","createAesGetter","dataFrame","aesData","field","defaultDomain","aesItem","height","domain","range","type","scale","getContinuousColorScale","columnId","mapping","_a","DEFAULT_COMMON_AES","ChartRenderer","__publicField","jsx","Fragment","MIN_MARGIN","DEFAULT_WIDTH","DEFAULT_HEIGHT","scaleLinear","node","createRoot","size","chartWidth","chartHeight","currentLeft","currentTop","res","currentRow","currentColumn","padding","outerWidth","outerHeight","chartsWidth","chartsHeight","histogramDataByFacets","groupingStack","facetCount","maxNRows","maxNCols","minXAll","maxXAll","maxYAll","histogramExtentsByKeys","histogramData","minX","maxX","maxCount","maxCountFromGroups","scaleX","scaleSymlog","extents","scaleY","minY","maxY","rangeV","tempY","textMeasurer","TextMeasurer","maxYTick","getMaxTickWidth","ticks","format","getTicksAndFormat","title","firstChart","lastChart","splitTextByWidth","facetLabels","legend","legendInfo","grouping","layers","legendItems","emptySizes","layer","info","scaleOrdinal","value","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","legendHeight","titleTextHeight","TITLE_LINE_HEIGHT","titleHeight","TITLE_MARGIN","minMargin","settingsId","chartSettings","inheritedAes","groupingDirection","onTooltipHintSwitch","minHeight","maxHeight","component","DataFrameProvider","ChartsGroup","message","Error"],"mappings":"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"}

package/dist/histogram/constants.d.ts

@@ -6,7 +6,7 @@ export declare const MIN_PADDING = 12;
 export declare const TITLE_LINE = 20;
 export declare const DEFAULT_TICKS_SIZE = 4;
 export declare const TICK_OFFSET = 6;
-export declare const LEGEND_OFFSET = 10;
+export declare const LEGEND_OFFSET = 20;
 export declare const PADDINGS: {
     TOP: number;
     BOTTOM: number;

package/dist/histogram/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../src/histogram/constants.ts"],"sourcesContent":["export const FACET_TITLE_LINE = 20;\nexport const FACET_TITLE_OFFSET = 6;\nexport const FACET_AXIS_OFFSET = 8;\nexport const MIN_MARGIN = 24;\nexport const MIN_PADDING = 12;\n\nexport const TITLE_LINE = 20;\nexport const DEFAULT_TICKS_SIZE = 4;\nexport const TICK_OFFSET = 6;\n\nexport const LEGEND_OFFSET = 10;\n\n// inner paddings in chart area\nexport const PADDINGS = {\n    TOP: 30,\n    BOTTOM: 0,\n    LEFT: 10,\n    RIGHT: 10\n};\n"],"names":["FACET_TITLE_LINE","FACET_TITLE_OFFSET","MIN_MARGIN","MIN_PADDING","TITLE_LINE","DEFAULT_TICKS_SIZE","TICK_OFFSET","PADDINGS"],"mappings":"AAAO,MAAMA,IAAmB,IACnBC,IAAqB,GAErBC,IAAa,IACbC,IAAc,IAEdC,IAAa,IACbC,IAAqB,GACrBC,IAAc,GAKdC,IAAW;AAAA,EACpB,KAAK;AAIT;"}
+{"version":3,"file":"constants.js","sources":["../../src/histogram/constants.ts"],"sourcesContent":["export const FACET_TITLE_LINE = 20;\nexport const FACET_TITLE_OFFSET = 6;\nexport const FACET_AXIS_OFFSET = 8;\nexport const MIN_MARGIN = 24;\nexport const MIN_PADDING = 12;\n\nexport const TITLE_LINE = 20;\nexport const DEFAULT_TICKS_SIZE = 4;\nexport const TICK_OFFSET = 6;\n\nexport const LEGEND_OFFSET = 20;\n\n// inner paddings in chart area\nexport const PADDINGS = {\n    TOP: 30,\n    BOTTOM: 0,\n    LEFT: 10,\n    RIGHT: 10\n};\n"],"names":["FACET_TITLE_LINE","FACET_TITLE_OFFSET","MIN_MARGIN","MIN_PADDING","TITLE_LINE","DEFAULT_TICKS_SIZE","TICK_OFFSET","PADDINGS"],"mappings":"AAAO,MAAMA,IAAmB,IACnBC,IAAqB,GAErBC,IAAa,IACbC,IAAc,IAEdC,IAAa,IACbC,IAAqB,GACrBC,IAAc,GAKdC,IAAW;AAAA,EACpB,KAAK;AAIT;"}

package/dist/histogram/index.js

@@ -1,9 +1,9 @@
-var v = Object.defineProperty;
-var b = (u, c, a) => c in u ? v(u, c, { enumerable: !0, configurable: !0, writable: !0, value: a }) : u[c] = a;
-var d = (u, c, a) => b(u, typeof c != "symbol" ? c + "" : c, a);
-import { l as E } from "../_virtual/lodash.js";
-import { s as I } from "../_virtual/server.browser.js";
-import { AbstractChart as x } from "../AbstractChart.js";
+var E = Object.defineProperty;
+var b = (c, h, a) => h in c ? E(c, h, { enumerable: !0, configurable: !0, writable: !0, value: a }) : c[h] = a;
+var g = (c, h, a) => b(c, typeof h != "symbol" ? h + "" : h, a);
+import { l as x } from "../_virtual/lodash.js";
+import { s as w } from "../_virtual/server.browser.js";
+import { AbstractChart as A } from "../AbstractChart.js";
 import { getUnknownErrorInfo as p, isErrorInfo as m } from "../types/common.js";
 import "../types/discrete.js";
 import "../types/scatterplot.js";
@@ -11,32 +11,32 @@ import "../types/heatmap.js";
 import "../types/dendro.js";
 import "../types/histogram.js";
 import "../types/bubble.js";
-import { getKeysCombinations as w } from "../utils/getKeysCombination.js";
-import A from "./ChartRenderer.js";
-import { createHistogramDataByFacets as B } from "./getHistogramData.js";
+import { getKeysCombinations as S } from "../utils/getKeysCombination.js";
+import B from "./ChartRenderer.js";
+import { createHistogramDataByFacets as O } from "./getHistogramData.js";
 import { HistogramSettingsImpl as f } from "./HistogramSettingsImpl.js";
-import { MAX_FACETS_COUNT as C } from "../constants.js";
-function S(u, c, a) {
-  return c.reduce((t, e) => {
-    const n = u.getColumnCategories(e.value, !1), l = (r) => e.valueLabels ? String(u.getColumnValue(
+import { MAX_FACETS_COUNT as C, MAX_GROUPS_COUNT as y } from "../constants.js";
+function D(c, h, a) {
+  return h.reduce((t, e) => {
+    const n = c.getColumnCategories(e.value, !1), l = (r) => e.valueLabels ? String(c.getColumnValue(
       e.valueLabels,
-      u.getColumnCategoryRowIndex(e.value, r)
-    )) : r, i = n.reduce((r, s) => (r[s] = l(s), r), {});
+      c.getColumnCategoryRowIndex(e.value, r)
+    )) : r, s = n.reduce((r, o) => (r[o] = l(o), r), {});
     return t[e.value] = {
-      values: n.sort((r, s) => i[r].localeCompare(i[s], "en", { numeric: !0 })),
+      values: n.sort((r, o) => s[r].localeCompare(s[o], "en", { numeric: !0 })),
       aesMap: a[e.value],
-      labels: i
+      labels: s
     }, t;
   }, {});
 }
-class z extends x {
+class z extends A {
   constructor(a, t, e) {
     super(a, t);
-    d(this, "settings");
-    d(this, "chartRenderer", new A());
-    d(this, "onTooltipHintSwitch", () => {
+    g(this, "settings");
+    g(this, "chartRenderer", new B());
+    g(this, "onTooltipHintSwitch", () => {
     });
-    d(this, "calculatedData", null);
+    g(this, "calculatedData", null);
     this.settings = new f(t), e && (this.onTooltipHintSwitch = e[0]);
   }
   mount(a) {
@@ -61,46 +61,53 @@ class z extends x {
     console.warn("no chart state for histogram");
   }
   export() {
-    return this._updateChart(), I.renderToString(this.chartRenderer.component);
+    return this._updateChart(), w.renderToString(this.chartRenderer.component);
   }
   _needUpdateCalculatedDataBySettings(a, t) {
-    var e, n, l, i;
-    return a.valueColumn.value !== t.valueColumn.value || a.facetBy.some((r, s) => {
-      var o;
-      return r.value !== ((o = t.facetBy[s]) == null ? void 0 : o.value);
-    }) || ((e = a.grouping) == null ? void 0 : e.value) !== ((n = t.grouping) == null ? void 0 : n.value) || a.layers.length !== t.layers.length || a.layers.some((r, s) => r.type !== t.layers[s].type) || a.binsCount !== t.binsCount || a.chartSettings.xAxis.scale !== t.chartSettings.xAxis.scale || ((l = a.groupingOrder) == null ? void 0 : l.some((r, s) => {
-      var o;
-      return r !== ((o = t.groupingOrder) == null ? void 0 : o[s]);
-    })) || ((i = t.groupingOrder) == null ? void 0 : i.some((r, s) => {
-      var o;
-      return r !== ((o = a.groupingOrder) == null ? void 0 : o[s]);
+    var e, n, l, s;
+    return a.valueColumn.value !== t.valueColumn.value || a.facetBy.some((r, o) => {
+      var i;
+      return r.value !== ((i = t.facetBy[o]) == null ? void 0 : i.value);
+    }) || ((e = a.grouping) == null ? void 0 : e.value) !== ((n = t.grouping) == null ? void 0 : n.value) || a.layers.length !== t.layers.length || a.layers.some((r, o) => r.type !== t.layers[o].type) || a.binsCount !== t.binsCount || a.chartSettings.xAxis.scale !== t.chartSettings.xAxis.scale || ((l = a.groupingOrder) == null ? void 0 : l.some((r, o) => {
+      var i;
+      return r !== ((i = t.groupingOrder) == null ? void 0 : i[o]);
+    })) || ((s = t.groupingOrder) == null ? void 0 : s.some((r, o) => {
+      var i;
+      return r !== ((i = a.groupingOrder) == null ? void 0 : i[o]);
     }));
   }
   _needUpdateCalculatedDataByData(a, t) {
     const e = Object.keys(a.data), n = Object.keys(t.data);
     return a.id !== t.id || e.length !== n.length || e.some((l) => {
-      var i;
-      return a.data[l].length !== ((i = t.data[l]) == null ? void 0 : i.length);
+      var s;
+      return a.data[l].length !== ((s = t.data[l]) == null ? void 0 : s.length);
     });
   }
   _updateData() {
-    const { valueColumn: a, facetBy: t, grouping: e, binsCount: n, chartSettings: l, inheritedAes: i, groupingOrder: r } = this.settings, s = t.map((h) => this.data.getColumnCategories(h.value)), o = s.length ? w([...s]) : [["null"]];
-    if (o.length > C) {
-      const h = {
+    const { valueColumn: a, facetBy: t, grouping: e, binsCount: n, chartSettings: l, inheritedAes: s, groupingOrder: r } = this.settings, o = t.map((u) => this.data.getColumnCategories(u.value)), i = o.length ? S([...o]) : [["null"]];
+    if (i.length > C) {
+      const u = {
         type: "tooManyFacets",
-        info: { count: o.length, maxCount: C }
+        info: { count: i.length, maxCount: C }
+      };
+      throw Error(u.type, { cause: u });
+    }
+    const _ = t.map((u) => u.value) ?? null, I = e ? [e.value] : [];
+    let d = e ? this.data.getColumnCategories(e.value) : ["null"];
+    if (d.length > y) {
+      const u = {
+        type: "tooManyHistogramGroups",
+        info: { count: d.length, maxCount: y }
       };
-      throw Error(h.type, { cause: h });
+      throw Error(u.type, { cause: u });
     }
-    const y = t.map((h) => h.value) ?? null, D = e ? [e.value] : [];
-    let g = e ? this.data.getColumnCategories(e.value) : ["null"];
-    r && (g = E.intersection(r, g)), this.data.setGrouping([...y, ...D]);
-    const _ = B(this.data, o, g, a, n, l.xAxis.scale);
+    r && (d = x.intersection(r, d)), this.data.setGrouping([..._, ...I]);
+    const v = O(this.data, i, d, a, n, l.xAxis.scale);
     this.calculatedData = {
-      facetKeys: o.map((h) => h.join(", ")),
-      facetKeysCombinations: o,
-      histogramDataByFacets: _,
-      legendInfo: S(this.data, e ? [e] : [], i)
+      facetKeys: i.map((u) => u.join(", ")),
+      facetKeysCombinations: i,
+      histogramDataByFacets: v,
+      legendInfo: D(this.data, e ? [e] : [], s)
     };
   }
   _updateAesInData() {
@@ -109,8 +116,8 @@ class z extends x {
   _updateChart() {
     if (!this.calculatedData)
       return;
-    const { id: a, chartSettings: t, facetSettings: e, inheritedAes: n, layers: l, grouping: i, groupingDirection: r, groupingStack: s } = this.settings;
-    this.chartRenderer.render(
+    const { id: a, chartSettings: t, facetSettings: e, inheritedAes: n, layers: l, grouping: s, groupingDirection: r, groupingStack: o } = this.settings;
+    this.calculatedData.legendInfo = D(this.data, s ? [s] : [], n), this.chartRenderer.render(
       this.data,
       a,
       t,
@@ -122,8 +129,8 @@ class z extends x {
       this.calculatedData.legendInfo,
       l,
       n,
-      i,
       s,
+      o,
       r,
       this.onTooltipHintSwitch
     );