@milaboratories/miplots4 1.0.151 → 1.0.153

package/dist/bubble/ChartRenderer.js

@@ -1,89 +1,89 @@
-var P = Object.defineProperty;
-var v = (r, t, e) => t in r ? P(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var d = (r, t, e) => v(r, typeof t != "symbol" ? t + "" : t, e);
-import { j as E } from "../node_modules/react/jsx-runtime.js";
-import { createRoot as F } from "../node_modules/react-dom/client.js";
-import { Error as G } from "../common/Error.js";
-import { DataFrameProvider as j } from "../common/useDataFrame.js";
-import { DEFAULT_HEIGHT as M, DEFAULT_WIDTH as b, TITLE_LINE_HEIGHT as k, TITLE_MARGIN as K, DEFAULT_HEIGHT_SMALL as B } from "../constants.js";
-import { arrangeLegendParts as U } from "../utils/arrangeLegendParts.js";
-import { getChartEdgeSides as V } from "../utils/getChartEdgeSides.js";
+var W = Object.defineProperty;
+var K = (l, t, e) => t in l ? W(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e;
+var p = (l, t, e) => K(l, typeof t != "symbol" ? t + "" : t, e);
+import { j as M } from "../node_modules/react/jsx-runtime.js";
+import { createRoot as P } from "../node_modules/react-dom/client.js";
+import { Error as v } from "../common/Error.js";
+import { DataFrameProvider as F } from "../common/useDataFrame.js";
+import { DEFAULT_HEIGHT as N, DEFAULT_WIDTH as w, TITLE_LINE_HEIGHT as j, TITLE_MARGIN as k, DEFAULT_HEIGHT_SMALL as B } from "../constants.js";
+import { arrangeLegendParts as V } from "../utils/arrangeLegendParts.js";
+import { getChartEdgeSides as U } from "../utils/getChartEdgeSides.js";
 import { getContinuousLegendTicks as X } from "../utils/getContinuousLegendTicks.js";
 import { TextMeasurer as Y } from "../utils/TextMeasurer/TextMeasurer.js";
 import { ChartsGroup as q } from "./components/ChartsGroup.js";
-import { MIN_MARGIN as T, LEGEND_OFFSET as O, TITLE_LINE as I, CHART_SIDE_ELEMENTS as J, MIN_PADDING as Q } from "./constants.js";
+import { MIN_MARGIN as E, LEGEND_OFFSET as J, TITLE_LINE as I, CHART_SIDE_ELEMENTS as O, MIN_PADDING as Q } from "./constants.js";
 import { calculateChartSideElementSizes as Z } from "./utils/calculateChartSideElementSizes.js";
 import { calculateSideElementsBBoxes as $ } from "./utils/calculateSideElementsBBoxes.js";
 import { calculateCaptionTails as tt } from "./utils/calculateCaptionTails.js";
-import N from "../node_modules/d3-scale/src/ordinal.js";
-import w from "../node_modules/d3-scale/src/linear.js";
-import { sqrt as D } from "../node_modules/d3-scale/src/pow.js";
-const et = (r, t) => {
+import b from "../node_modules/d3-scale/src/ordinal.js";
+import H from "../node_modules/d3-scale/src/linear.js";
+import { sqrt as G } from "../node_modules/d3-scale/src/pow.js";
+const et = (l, t) => {
   const e = Math.min(...t), s = Math.max(...t);
   if (e === s) {
-    const n = r % 2 === 0 ? [] : [e];
-    for (let c = 1; c < r / 2 + 1; c++)
-      n.push(e + c), n.unshift(e - c);
-    return n;
+    const a = l % 2 === 0 ? [] : [e];
+    for (let d = 1; d < l / 2 + 1; d++)
+      a.push(e + d), a.unshift(e - d);
+    return a;
   }
-  if (r < 2)
+  if (l < 2)
     return [e, s];
-  const a = (s - e) / (r - 1), i = [];
-  for (let n = 0; n < r - 1; n++)
-    i.push(e + a * n);
+  const r = (s - e) / (l - 1), i = [];
+  for (let a = 0; a < l - 1; a++)
+    i.push(e + r * a);
   return i.push(s), i;
 };
-function st(r, t, e) {
+function st(l, t, e) {
   let s = e;
-  return r && (r.colorRange && (s = r.colorRange), r.method === "standardScaling" && (s = [-2, 2]), r.method === "meanNormalization" && (s = [-0.75, 0.75])), et(t, s);
+  return l && (l.colorRange && (s = l.colorRange), l.method === "standardScaling" && (s = [-2, 2]), l.method === "meanNormalization" && (s = [-0.75, 0.75])), et(t, s);
 }
-class yt {
+class Ct {
   constructor() {
-    d(this, "reactRoot", null);
-    d(this, "parentNode", null);
-    d(this, "rootNode", null);
-    d(this, "component", /* @__PURE__ */ E.jsx(E.Fragment, {}));
-    d(this, "chartsDimensions", {});
-    d(this, "chartSizes", {
-      chartWidth: b,
+    p(this, "reactRoot", null);
+    p(this, "parentNode", null);
+    p(this, "rootNode", null);
+    p(this, "component", /* @__PURE__ */ M.jsx(M.Fragment, {}));
+    p(this, "chartsDimensions", {});
+    p(this, "chartSizes", {
+      chartWidth: w,
       // width of single chart
-      chartHeight: M,
+      chartHeight: N,
       // height of single chart
-      chartsWidth: b,
+      chartsWidth: w,
       // width of all charts in charts row
-      chartsHeight: M,
+      chartsHeight: N,
       // width of all charts in charts column, without axes
-      totalWidth: b,
+      totalWidth: w,
       // width of all charts in charts row, plus left axis, plus legend
-      totalHeight: M
+      totalHeight: N
       // width of all charts in charts height, plus bottom axis, plus top title
     });
-    d(this, "margins", {
-      top: T,
-      bottom: T,
-      left: T,
-      right: T
+    p(this, "margins", {
+      top: E,
+      bottom: E,
+      left: E,
+      right: E
     });
-    d(this, "captionsSizes", {
+    p(this, "captionsSizes", {
       xAxisCaptions: 100,
       yAxisCaptions: 100,
       xCaptionTail: 0,
       yCaptionTail: 0
     });
-    d(this, "labelAngles", {
+    p(this, "labelAngles", {
       xAxisLabels: 0,
       yAxisLabels: 0
     });
-    d(this, "columnsCount", 1);
-    d(this, "rowsCount", 1);
-    d(this, "scales", {
-      x: N().domain(["null"]).range([1]),
-      y: N().domain(["null"]).range([1])
+    p(this, "columnsCount", 1);
+    p(this, "rowsCount", 1);
+    p(this, "scales", {
+      x: b().domain(["null"]).range([1]),
+      y: b().domain(["null"]).range([1])
     });
-    d(this, "step", { x: 10, y: 10 });
-    d(this, "colorScale", w().domain([0, 1]).range(["white", "black"]));
-    d(this, "sizeScale", D().domain([0, 1]).range([3, 20]));
-    d(this, "legend", {
+    p(this, "step", { x: 10, y: 10 });
+    p(this, "colorScale", H().domain([0, 1]).range(["white", "black"]));
+    p(this, "sizeScale", G().domain([0, 1]).range([3, 20]));
+    p(this, "legend", {
       width: 0,
       height: 0,
       items: []
@@ -97,181 +97,181 @@ class yt {
     });
   }
   init(t) {
-    this.parentNode === null && (this.parentNode = t, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = F(this.rootNode));
+    this.parentNode === null && (this.parentNode = t, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = P(this.rootNode));
   }
   updateMargins(t) {
     this.margins = {
-      top: t.show ? k + K * 2 : T,
-      bottom: T,
-      left: T,
+      top: t.show ? j + k * 2 : E,
+      bottom: E,
+      left: E,
       right: this.legend.width
     }, 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(t, e, s, a) {
+  updateLegendSize(t, e, s, r) {
     if (!t.show) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
     }
-    const i = [], n = Math.min(
+    const i = [], a = Math.min(
       Math.max(this.chartSizes.chartHeight, B),
-      M
-    ), c = Math.max(this.chartSizes.chartHeight, n), g = { width: 0, height: 0, left: 0, top: 0 }, x = this.colorScale.domain(), S = X(this.colorScale, [
-      x[0],
-      x[x.length - 1]
-    ]), C = e.label ?? e.value, m = w([S[0], S[S.length - 1]], [n, 0]);
+      N
+    ), d = Math.max(this.chartSizes.chartHeight, a), x = { width: 0, height: 0, left: 0, top: 0 }, h = this.colorScale.domain(), g = X(this.colorScale, [
+      h[0],
+      h[h.length - 1]
+    ]), C = e.label ?? e.value, S = H([g[0], g[g.length - 1]], [a, 0]);
     i.push({
       id: "colorValue",
       type: "continuous",
       scale: this.colorScale,
-      tickPositionScale: m,
-      values: S,
+      tickPositionScale: S,
+      values: g,
       title: C,
-      ...g
+      ...x
     });
-    const p = s.label ?? s.value, z = this.sizeScale.ticks(3), u = this.sizeScale.tickFormat(3), o = z.reduce((L, A) => (L[String(A)] = u(A), L), {});
+    const u = s.label ?? s.value, A = this.sizeScale.ticks(3), f = this.sizeScale.tickFormat(3), c = A.reduce((n, m) => (n[String(m)] = f(m), n), {});
     if (i.push({
       id: "sizeValue",
       type: "size",
-      title: p,
+      title: u,
       scale: this.sizeScale,
-      values: z,
-      labels: o,
-      ...g
+      values: A,
+      labels: c,
+      ...x
     }), !i.length) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
     }
-    const h = U(i, c, n), l = h[h.length - 1], y = l.left + l.width + 2 * O, f = this.chartsDimensions[a[0]].padding;
+    const y = V(i, d, a), L = y[y.length - 1], T = L.left + L.width + 2 * J, o = this.chartsDimensions[r[0]].padding;
     this.legend = {
-      width: y,
-      height: c + f.top,
-      items: h
+      width: T,
+      height: d + o.top,
+      items: y
     };
   }
   updateCaptionsSize(t, e, s) {
-    const a = new Y("bold 14px Arial"), { xKeys: i, yKeys: n, xLabels: c, yLabels: g } = t.meta;
+    const r = new Y("bold 14px Arial"), { xKeys: i, yKeys: a, xLabels: d, yLabels: x } = t.meta;
     this.labelAngles = {
       xAxisLabels: e.axisLabelsAngle,
       yAxisLabels: s.axisLabelsAngle
     };
-    let x = 0, S = 0;
-    for (const u of i) {
-      const o = a.getTextWidth(c[u]);
-      o > x && (x = o);
+    let h = 0, g = 0;
+    for (const f of i) {
+      const c = r.getTextWidth(d[f]);
+      c > h && (h = c);
     }
-    for (const u of n) {
-      const o = a.getTextWidth(g[u]);
-      o > S && (S = o);
+    for (const f of a) {
+      const c = r.getTextWidth(x[f]);
+      c > g && (g = c);
     }
-    const { xCaptionTail: C, yCaptionTail: m } = tt(
+    const { xCaptionTail: C, yCaptionTail: S } = tt(
       this.labelAngles,
       this.step,
       t,
-      a
-    ), p = this.labelAngles.xAxisLabels / 180 * Math.PI, z = this.labelAngles.yAxisLabels / 180 * Math.PI;
+      r
+    ), u = this.labelAngles.xAxisLabels / 180 * Math.PI, A = this.labelAngles.yAxisLabels / 180 * Math.PI;
     this.captionsSizes = {
       xCaptionTail: C,
-      yCaptionTail: m,
-      xAxisCaptions: x * Math.sin(p) || I,
-      yAxisCaptions: S * Math.sin(z) || I
+      yCaptionTail: S,
+      xAxisCaptions: h * Math.sin(u) || I,
+      yAxisCaptions: g * Math.sin(A) || I
     };
   }
-  updateChartDimensions(t, e, s, a) {
-    const i = t.length, n = Math.min(e.nRows ?? i, i), c = Math.min(e.nCols ?? i, i);
-    this.columnsCount = e.nRows ? Math.ceil(i / n) : c, this.rowsCount = Math.ceil(i / this.columnsCount), this.chartsDimensions = {};
-    let g = 0, x = 0;
-    t.forEach((m, p) => {
-      const z = p % this.columnsCount + 1, u = V(p, t.length, this.columnsCount, this.rowsCount), o = this.chartSizes.chartWidth, h = this.chartSizes.chartHeight, l = Z(
+  updateChartDimensions(t, e, s, r) {
+    const i = t.length, a = Math.min(e.nRows ?? i, i), d = Math.min(e.nCols ?? i, i);
+    this.columnsCount = e.nRows ? Math.ceil(i / a) : d, this.rowsCount = Math.ceil(i / this.columnsCount), this.chartsDimensions = {};
+    let x = 0, h = 0;
+    t.forEach((S, u) => {
+      const A = u % this.columnsCount + 1, f = U(u, t.length, this.columnsCount, this.rowsCount), c = this.chartSizes.chartWidth, y = this.chartSizes.chartHeight, L = Z(
         s,
-        a,
+        r,
         this.captionsSizes,
-        u,
+        f,
         t,
         this.step.x,
         this.step.y
       );
-      function y(R) {
+      function T(R) {
         return Math.max(
-          J[R].reduce((_, W) => _ + l[R][W], 0),
+          O[R].reduce((D, _) => D + L[R][_], 0),
           Q
         );
       }
-      const f = {
-        left: y("left"),
-        right: y("right"),
-        top: y("top"),
-        bottom: y("bottom")
+      const o = {
+        left: T("left"),
+        right: T("right"),
+        top: T("top"),
+        bottom: T("bottom")
       };
-      f.left < this.captionsSizes.xCaptionTail && (f.left = this.captionsSizes.xCaptionTail), f.bottom < this.captionsSizes.yCaptionTail && (f.bottom = this.captionsSizes.yCaptionTail);
-      const L = $(l, o, h), A = o + f.left + f.right, H = h + f.top + f.bottom;
-      this.chartsDimensions[m] = {
-        left: g,
-        top: x,
-        inner: { width: o, height: h },
-        outer: { width: A, height: H },
-        padding: f,
-        sideElementBBoxes: L,
-        chartEdgeSides: u
-      }, g += A, z === this.columnsCount && (g = 0, x += H);
+      o.left < this.captionsSizes.xCaptionTail && (o.left = this.captionsSizes.xCaptionTail), o.bottom < this.captionsSizes.yCaptionTail && (o.bottom = this.captionsSizes.yCaptionTail);
+      const n = $(L, c, y), m = c + o.left + o.right, z = y + o.top + o.bottom;
+      this.chartsDimensions[S] = {
+        left: x,
+        top: h,
+        inner: { width: c, height: y },
+        outer: { width: m, height: z },
+        padding: o,
+        sideElementBBoxes: n,
+        chartEdgeSides: f
+      }, x += m, A === this.columnsCount && (x = 0, h += z);
     });
-    const S = t.slice(0, this.columnsCount).reduce((m, p) => m + this.chartsDimensions[p].outer.width, 0), C = t.filter((m, p) => p % this.columnsCount === 0).reduce((m, p) => m + this.chartsDimensions[p].outer.height, 0);
-    this.chartSizes.chartsWidth = S, this.chartSizes.chartsHeight = C;
+    const g = t.slice(0, this.columnsCount).reduce((S, u) => S + this.chartsDimensions[u].outer.width, 0), C = t.filter((S, u) => u % this.columnsCount === 0).reduce((S, u) => S + this.chartsDimensions[u].outer.height, 0);
+    this.chartSizes.chartsWidth = g, this.chartSizes.chartsHeight = C;
   }
   updateChartsSizes(t, e) {
-    const { width: s, height: a, cellSize: i } = e;
-    i && (this.chartSizes.chartWidth = t.meta.xKeys.length * i, this.chartSizes.chartHeight = t.meta.yKeys.length * i), s && a && (this.chartSizes.chartWidth = s, this.chartSizes.chartHeight = a);
+    const { width: s, height: r, cellSize: i } = e;
+    i && (this.chartSizes.chartWidth = t.meta.xKeys.length * i, this.chartSizes.chartHeight = t.meta.yKeys.length * i), s && r && (this.chartSizes.chartWidth = s, this.chartSizes.chartHeight = r);
   }
   // update scales for cell positions, x and y for each facet
-  updateScales(t, e, s, a) {
-    const { width: i, height: n, cellSize: c } = e, { meta: g } = t, x = (u, o = {}) => [...u].sort(
-      (h, l) => s.sorting === "asc" ? (o[h] ?? h).localeCompare(o[l] ?? l, "en", { numeric: !0 }) : (o[l] ?? l).localeCompare(o[h] ?? h, "en", { numeric: !0 })
-    ), S = (u, o = {}) => [...u].sort(
-      (h, l) => a.sorting === "asc" ? (o[h] ?? h).localeCompare(o[l] ?? l, "en", { numeric: !0 }) : (o[l] ?? l).localeCompare(o[h] ?? h, "en", { numeric: !0 })
-    ), C = x(g.xKeys, g.xLabels), m = S(g.yKeys, g.yLabels);
-    c ? (this.step.x = c, this.step.y = c) : i && n && (this.step.x = i / C.length, this.step.y = n / m.length);
-    const p = new Array(C.length).fill(null).map((u, o) => o * this.step.x), z = new Array(m.length).fill(null).map((u, o) => o * this.step.y);
-    this.scales.x = N().domain(C).range(p), this.scales.y = N().domain(m).range(z);
+  updateScales(t, e, s, r, i) {
+    const { width: a, height: d, cellSize: x } = e, { meta: h } = t, g = (o, n = {}) => [...o].sort(
+      (m, z) => s.sorting === "asc" ? (n[m] ?? m).localeCompare(n[z] ?? z, "en", { numeric: !0 }) : (n[z] ?? z).localeCompare(n[m] ?? m, "en", { numeric: !0 })
+    ), C = (o, n = {}) => [...o].sort(
+      (m, z) => r.sorting === "asc" ? (n[m] ?? m).localeCompare(n[z] ?? z, "en", { numeric: !0 }) : (n[z] ?? z).localeCompare(n[m] ?? m, "en", { numeric: !0 })
+    ), S = i.xGroup ? h.xGroupKeys : g(h.xGroupKeys), u = i.yGroup ? h.yGroupKeys : C(h.yGroupKeys), { xKeysByGroups: A, yKeysByGroups: f } = h, c = S.reduce((o, n) => (o = o.concat(g(A[n], h.xLabels)), o), []), y = u.reduce((o, n) => (o = o.concat(C(f[n], h.yLabels)), o), []);
+    x ? (this.step.x = x, this.step.y = x) : a && d && (this.step.x = a / c.length, this.step.y = d / y.length);
+    const L = new Array(c.length).fill(null).map((o, n) => n * this.step.x), T = new Array(y.length).fill(null).map((o, n) => n * this.step.y);
+    this.scales.x = b().domain(c).range(L), this.scales.y = b().domain(y).range(T);
   }
-  updateAesScale(t, e, s, a) {
-    this.colorScale = w().domain(st(a, t.colorsList.length, s)).range(t.colorsList), this.sizeScale = D(e, [t.minRadius, t.maxRadius]);
+  updateAesScale(t, e, s, r) {
+    this.colorScale = H().domain(st(r, t.colorsList.length, s)).range(t.colorsList), this.sizeScale = G(e, [t.minRadius, t.maxRadius]);
   }
-  render(t, e, s, a, i, n, c, g, x, S, C) {
-    var A;
-    const { meta: m, facets: p, meta: { facetKeys: z } } = i, { valueExtentSize: u, valueExtentColor: o } = m, { xAxis: h, yAxis: l, title: y, size: f } = s;
-    this.updateChartsSizes(i, f), this.updateAesScale(x, u, o, g), this.updateScales(i, f, s.xAxis, s.yAxis), this.updateCaptionsSize(i, h, l), this.updateChartDimensions(z, a, h, l), this.updateLegendSize(s.legend, n, c, z), this.updateMargins(y);
-    const L = /* @__PURE__ */ E.jsx(j, { dataFrame: t, children: /* @__PURE__ */ E.jsx(
+  render(t, e, s, r, i, a, d, x, h, g, C, S) {
+    var m;
+    const { meta: u, facets: A, meta: { facetKeys: f } } = i, { valueExtent: c } = u, { xAxis: y, yAxis: L, title: T, size: o } = s;
+    this.updateChartsSizes(i, o), this.updateAesScale(h, c.sizeValue, c.colorValue, x), this.updateScales(i, o, s.xAxis, s.yAxis, S), this.updateCaptionsSize(i, y, L), this.updateChartDimensions(f, r, y, L), this.updateLegendSize(s.legend, a, d, f), this.updateMargins(T);
+    const n = /* @__PURE__ */ M.jsx(F, { dataFrame: t, children: /* @__PURE__ */ M.jsx(
       q,
       {
-        aes: x,
+        aes: h,
         captionsSizes: this.captionsSizes,
-        cellsMeta: m,
+        cellsMeta: u,
         columnsCount: this.columnsCount,
         chartsDimensions: this.chartsDimensions,
         chartSettings: s,
         chartSizes: this.chartSizes,
         sizeScale: this.sizeScale,
         colorScale: this.colorScale,
-        facetKeys: z,
-        facetSettings: a,
-        groupedCells: p,
+        facetKeys: f,
+        facetSettings: r,
+        groupedCells: A,
         labelAngles: this.labelAngles,
         legend: this.legend,
         margins: this.margins,
         scales: this.scales,
         settingsId: e,
         step: this.step,
-        getCellTooltip: S,
+        getCellTooltip: g,
         onTooltipHintSwitch: C
       }
     ) });
-    this.component = L, (A = this.reactRoot) == null || A.render(L);
+    this.component = n, (m = this.reactRoot) == null || m.render(n);
   }
   renderError(t) {
     var e;
-    (e = this.reactRoot) == null || e.render(/* @__PURE__ */ E.jsx(G, { message: t }));
+    (e = this.reactRoot) == null || e.render(/* @__PURE__ */ M.jsx(v, { message: t }));
   }
 }
 export {
-  yt as default
+  Ct as default
 };
 //# sourceMappingURL=ChartRenderer.js.map

package/dist/bubble/ChartRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartRenderer.js","sources":["../../src/bubble/ChartRenderer.tsx"],"sourcesContent":["import type { ScaleLinear, ScalePower } from 'd3-scale';\nimport { scaleLinear, scaleOrdinal, scaleSqrt } 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_HEIGHT_SMALL, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN } from '../constants';\nimport type { DataFrame } from '../DataFrame';\nimport type { ColumnName, DataValue } from '../types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { getChartEdgeSides } from '../utils/getChartEdgeSides';\nimport { getContinuousLegendTicks } from '../utils/getContinuousLegendTicks';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport type { BubbleSettingsImpl } from './BubbleSettingsImpl';\nimport { ChartsGroup } from './components/ChartsGroup';\nimport type {\n    CaptionsSizes,\n    ChartDimensionsData, ChartScales, ChartSizes,\n    LabelAngles,\n    Margins\n} from './components/types';\nimport { CHART_SIDE_ELEMENTS, LEGEND_OFFSET, MIN_MARGIN, MIN_PADDING, TITLE_LINE } from './constants';\nimport type { Cell, GroupedCellsData } from './getGroupedCellsData';\nimport { calculateChartSideElementSizes, calculateSideElementsBBoxes } from './utils';\nimport { calculateCaptionTails } from './utils/calculateCaptionTails';\n\nconst getSteps = (count: number, valueExtent: number[]) => {\n    const min = Math.min(...valueExtent);\n    const max = Math.max(...valueExtent);\n    if (min === max) {\n        const steps = count % 2 === 0 ? [] : [min];\n        for (let i = 1; i < count / 2 + 1; i++) {\n            steps.push(min + i);\n            steps.unshift(min - i);\n        }\n        return steps;\n    }\n    if (count < 2) {\n        return [min, max];\n    }\n    const step = (max - min) / (count - 1);\n    const steps = [];\n    for (let i = 0; i < count - 1; i++) {\n        steps.push(min + step * i);\n    }\n    steps.push(max);\n    return steps;\n};\n\nfunction getContinuousColorRange(\n    normalization: BubbleSettingsImpl['normalization'],\n    colorsCount: number,\n    valueExtent: number[]\n) {\n    let extent = valueExtent;\n    if (normalization) {\n        if (normalization.colorRange) {\n            extent = normalization.colorRange;\n        }\n        if (normalization.method === 'standardScaling') {\n            extent = [-2, 2];\n        }\n        if (normalization.method === 'meanNormalization') {\n            extent = [-0.75, 0.75];\n        }\n    }\n    return getSteps(colorsCount, extent);\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    component: ReactElement = (<></>);\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    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptions: 100,\n        yAxisCaptions: 100,\n        xCaptionTail: 0,\n        yCaptionTail: 0,\n    };\n    labelAngles: LabelAngles = {\n        xAxisLabels: 0,\n        yAxisLabels: 0,\n    };\n    columnsCount = 1;\n    rowsCount = 1;\n    scales: ChartScales = {\n        x: scaleOrdinal<string, number>().domain(['null']).range([1]),\n        y: scaleOrdinal<string, number>().domain(['null']).range([1]),\n    };\n    step: {x: number; y: number} = {x: 10, y: 10};\n    colorScale: ScaleLinear<string, string> = scaleLinear<string, string>().domain([0, 1]).range(['white', 'black']);\n    sizeScale: ScalePower<number, number> = scaleSqrt().domain([0, 1]).range([3, 20]);\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    updateMargins(title: BubbleSettingsImpl['chartSettings']['title']) {\n        this.margins = {\n            top: title.show ? TITLE_LINE_HEIGHT + TITLE_MARGIN * 2 : MIN_MARGIN,\n            bottom: MIN_MARGIN,\n            left: MIN_MARGIN,\n            right: this.legend.width,\n        };\n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right;\n        this.chartSizes.totalHeight =\n            this.margins.top + Math.max(this.chartSizes.chartsHeight, this.legend.height) + this.margins.bottom;\n    }\n\n    updateLegendSize(\n        legend: BubbleSettingsImpl['chartSettings']['legend'],\n        columnValueColor: ColumnName,\n        columnValueSize: ColumnName,\n        facetKeys: string[]\n    ) {\n        if (!legend.show) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const legendItems: LegendItem[] = [];\n        const continuousHeight = Math.min(\n            Math.max(this.chartSizes.chartHeight, DEFAULT_HEIGHT_SMALL),\n            DEFAULT_HEIGHT\n        );\n        const legendHeight = Math.max(this.chartSizes.chartHeight, continuousHeight);\n        const emptySizes = {width:0, height:0, left:0, top: 0};\n\n        const colorDomain = this.colorScale.domain();\n        const colorValues = getContinuousLegendTicks(this.colorScale, [\n            colorDomain[0],\n            colorDomain[colorDomain.length - 1],\n        ]);\n        const colorTitle = columnValueColor.label ?? columnValueColor.value;\n        const tickPositionScale = scaleLinear([colorValues[0], colorValues[colorValues.length - 1]], [continuousHeight, 0]); //TODO: update during adding log scale for heatmap\n        \n        legendItems.push({\n            id: 'colorValue',\n            type: 'continuous',\n            scale: this.colorScale,\n            tickPositionScale,\n            values: colorValues,\n            title: colorTitle,\n            ...emptySizes\n        });\n\n        const sizeTitle = columnValueSize.label ?? columnValueSize.value;\n        const sizeValues = this.sizeScale.ticks(3);\n        const format = this.sizeScale.tickFormat(3);\n        const labels = sizeValues.reduce((res: Record<string, string>, v) => {\n            res[String(v)] = format(v);\n            return res;\n        }, {});\n        legendItems.push({\n            id: 'sizeValue',\n            type: 'size',\n            title: sizeTitle,\n            scale: this.sizeScale,\n            values: sizeValues,\n            labels,\n            ...emptySizes\n        });\n\n        if (!legendItems.length) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, legendHeight, continuousHeight);\n\n        const lastItem = items[items.length - 1];\n        const legendWidth = lastItem.left + lastItem.width + 2 * LEGEND_OFFSET;\n\n        const leftTopChartPadding = this.chartsDimensions[facetKeys[0]].padding; // additional offset of legend for alignment with chart\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight + leftTopChartPadding.top,\n            items: items,\n        };\n    }\n\n    updateCaptionsSize(\n        groupedCells: GroupedCellsData,\n        xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n        yAxis: BubbleSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const textMeasurer = new TextMeasurer('bold 14px Arial');\n        const {xKeys, yKeys, xLabels, yLabels} = groupedCells.meta;\n        this.labelAngles = {\n            xAxisLabels: xAxis.axisLabelsAngle,\n            yAxisLabels: yAxis.axisLabelsAngle,\n        };\n        let maxXLabelSize = 0;\n        let maxYLabelSize = 0;\n        for (const xKey of xKeys) {\n            const l = textMeasurer.getTextWidth(xLabels[xKey]);\n            if (l > maxXLabelSize) {\n                maxXLabelSize = l;\n            }\n        }\n        for (const yKey of yKeys) {\n            const l = textMeasurer.getTextWidth(yLabels[yKey]);\n            if (l > maxYLabelSize) {\n                maxYLabelSize = l;\n            }\n        }\n        const {xCaptionTail, yCaptionTail} = calculateCaptionTails(\n            this.labelAngles,\n            this.step,\n            groupedCells,\n            textMeasurer\n        );\n        const xLabelAngle = (this.labelAngles.xAxisLabels / 180) * Math.PI;\n        const yLabelAngle = (this.labelAngles.yAxisLabels / 180) * Math.PI;\n        this.captionsSizes = {\n            xCaptionTail,\n            yCaptionTail,\n            xAxisCaptions: maxXLabelSize * Math.sin(xLabelAngle) || TITLE_LINE,\n            yAxisCaptions: maxYLabelSize * Math.sin(yLabelAngle) || TITLE_LINE,\n        };\n    }\n\n    updateChartDimensions(\n        facetKeys: string[],\n        facetSettings: BubbleSettingsImpl['facetSettings'],\n        xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n        yAxis: BubbleSettingsImpl['chartSettings']['yAxis']\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        this.chartsDimensions = {};\n\n        let currentLeft = 0;\n        let currentTop = 0;\n        facetKeys.forEach((key, index) => {\n            const currentColumn = (index % this.columnsCount) + 1;\n            const chartSides = getChartEdgeSides(index, facetKeys.length, this.columnsCount, this.rowsCount);\n            const width = this.chartSizes.chartWidth;\n            const height = this.chartSizes.chartHeight;\n            const sideElementSizes = calculateChartSideElementSizes(\n                xAxis,\n                yAxis,\n                this.captionsSizes,\n                chartSides,\n                facetKeys,\n                this.step.x,\n                this.step.y\n            );\n\n            function getPadding(side: 'left' | 'right' | 'top' | 'bottom') {\n                return Math.max(\n                    CHART_SIDE_ELEMENTS[side].reduce((res, el) => res + sideElementSizes[side][el], 0),\n                    MIN_PADDING\n                );\n            }\n\n            const padding = {\n                left: getPadding('left'),\n                right: getPadding('right'),\n                top: getPadding('top'),\n                bottom: getPadding('bottom'),\n            };\n            if (padding.left < this.captionsSizes.xCaptionTail) {\n                padding.left = this.captionsSizes.xCaptionTail;\n            }\n            if (padding.bottom < this.captionsSizes.yCaptionTail) {\n                padding.bottom = this.captionsSizes.yCaptionTail;\n            }\n            const sideElementBBoxes = calculateSideElementsBBoxes(sideElementSizes, width, height);\n            const outerWidth = width + padding.left + padding.right;\n            const outerHeight = height + padding.top + padding.bottom;\n            this.chartsDimensions[key] = {\n                left: currentLeft,\n                top: currentTop,\n                inner: {width, height},\n                outer: {width: outerWidth, height: outerHeight},\n                padding,\n                sideElementBBoxes,\n                chartEdgeSides: chartSides,\n            };\n            currentLeft += outerWidth;\n            if (currentColumn === this.columnsCount) {\n                currentLeft = 0;\n                currentTop += outerHeight;\n            }\n        });\n\n        // sum of widths of first row\n        const chartsWidth = facetKeys\n            .slice(0, this.columnsCount)\n            .reduce((sum, key) => sum + this.chartsDimensions[key].outer.width, 0);\n        // sum of heights of first column\n        const chartsHeight = facetKeys\n            .filter((_key, index) => index % this.columnsCount === 0)\n            .reduce((sum, key) => sum + this.chartsDimensions[key].outer.height, 0);\n        this.chartSizes.chartsWidth = chartsWidth;\n        this.chartSizes.chartsHeight = chartsHeight;\n    }\n\n    updateChartsSizes(groupedCellsData: GroupedCellsData, size: BubbleSettingsImpl['chartSettings']['size']) {\n        const {width, height, cellSize} = size;\n        if (cellSize) {\n            this.chartSizes.chartWidth = groupedCellsData.meta.xKeys.length * cellSize;\n            this.chartSizes.chartHeight = groupedCellsData.meta.yKeys.length * cellSize;\n        }\n        if (width && height) {\n            this.chartSizes.chartWidth = width;\n            this.chartSizes.chartHeight = height;\n        }\n    }\n\n    // update scales for cell positions, x and y for each facet\n    updateScales(\n        groupedCells: GroupedCellsData,\n        size: BubbleSettingsImpl['chartSettings']['size'],\n        xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n        yAxis: BubbleSettingsImpl['chartSettings']['yAxis'],\n    ) {\n        const {width, height, cellSize} = size;\n        const {meta} = groupedCells;\n        const sortX = (arr: string[], labels: Record<string, string> = {}) => {\n            return [...arr].sort((a, b) => xAxis.sorting === 'asc'\n                ? (labels[a] ?? a).localeCompare((labels[b] ?? b), 'en', {numeric: true})\n                : (labels[b] ?? b).localeCompare((labels[a] ?? a), 'en', {numeric: true})\n            );\n        };\n        const sortY = (arr: string[], labels: Record<string, string> = {}) => {\n            return [...arr].sort((a, b) => yAxis.sorting === 'asc'\n                ? (labels[a] ?? a).localeCompare((labels[b] ?? b), 'en', {numeric: true})\n                : (labels[b] ?? b).localeCompare((labels[a] ?? a), 'en', {numeric: true})\n            );\n        };\n        const xKeys = sortX(meta.xKeys, meta.xLabels);\n        const yKeys = sortY(meta.yKeys, meta.yLabels);\n        if (cellSize) {\n            this.step.x = cellSize;\n            this.step.y = cellSize;\n        } else if (width && height) {\n            this.step.x = width / xKeys.length;\n            this.step.y = height / yKeys.length;\n        }\n        const xPositions: number[] = new Array(xKeys.length).fill(null).map((_v, idx) => idx * this.step.x);\n        const yPositions: number[] = new Array(yKeys.length).fill(null).map((_v, idx) => idx * this.step.y);\n        this.scales.x = scaleOrdinal<string, number>().domain(xKeys).range(xPositions);\n        this.scales.y = scaleOrdinal<string, number>().domain(yKeys).range(yPositions);\n    }\n\n    updateAesScale(\n        aes: BubbleSettingsImpl['aes'],\n        valueExtentSize: [number, number],\n        valueExtentColor: [number, number],\n        normalization: BubbleSettingsImpl['normalization']\n    ) {\n        this.colorScale = scaleLinear<string, string>()\n            .domain(getContinuousColorRange(normalization, aes.colorsList.length, valueExtentColor))\n            .range(aes.colorsList);\n        this.sizeScale = scaleSqrt(valueExtentSize, [aes.minRadius, aes.maxRadius]);\n    }\n\n    render(\n        dataFrame: DataFrame,\n        settingsId: string,\n        chartSettings: BubbleSettingsImpl['chartSettings'],\n        facetSettings: BubbleSettingsImpl['facetSettings'],\n        groupedCellsData: GroupedCellsData,\n        valueColumnColor: ColumnName,\n        valueColumnSize: ColumnName,\n        normalization: BubbleSettingsImpl['normalization'],\n        aes: BubbleSettingsImpl['aes'],\n        getCellTooltip: (cell: Cell) => string[],\n        onTooltipHintSwitch: (v:boolean) => void\n    ) {\n        const {meta, facets, meta: { facetKeys }} = groupedCellsData;\n        const {valueExtentSize, valueExtentColor} = meta;\n        const {xAxis, yAxis, title, size} = chartSettings;\n        this.updateChartsSizes(groupedCellsData, size);\n        this.updateAesScale(aes, valueExtentSize, valueExtentColor, normalization);\n        this.updateScales(groupedCellsData, size, chartSettings.xAxis, chartSettings.yAxis);\n        // caption sizes are needed for chart paddings in chart dimensions\n        this.updateCaptionsSize(groupedCellsData, xAxis, yAxis);\n        this.updateChartDimensions(facetKeys, facetSettings, xAxis, yAxis);\n        this.updateLegendSize(chartSettings.legend, valueColumnColor, valueColumnSize, facetKeys);\n        this.updateMargins(title);\n        const component = (\n            <DataFrameProvider dataFrame={dataFrame}>\n                <ChartsGroup\n                    aes={aes}\n                    captionsSizes={this.captionsSizes}\n                    cellsMeta={meta}\n                    columnsCount={this.columnsCount}\n                    chartsDimensions={this.chartsDimensions}\n                    chartSettings={chartSettings}\n                    chartSizes={this.chartSizes}\n                    sizeScale={this.sizeScale as (v: DataValue) => number}\n                    colorScale={this.colorScale as (v: DataValue) => string}\n                    facetKeys={facetKeys}\n                    facetSettings={facetSettings}\n                    groupedCells={facets}\n                    labelAngles={this.labelAngles}\n                    legend={this.legend}\n                    margins={this.margins}\n                    scales={this.scales}\n                    settingsId={settingsId}\n                    step={this.step}\n                    getCellTooltip={getCellTooltip}\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":["getSteps","count","valueExtent","min","max","steps","i","step","getContinuousColorRange","normalization","colorsCount","extent","ChartRenderer","__publicField","jsx","Fragment","DEFAULT_WIDTH","DEFAULT_HEIGHT","MIN_MARGIN","scaleOrdinal","scaleLinear","scaleSqrt","_a","node","createRoot","title","TITLE_LINE_HEIGHT","TITLE_MARGIN","legend","columnValueColor","columnValueSize","facetKeys","legendItems","continuousHeight","DEFAULT_HEIGHT_SMALL","legendHeight","emptySizes","colorDomain","colorValues","getContinuousLegendTicks","colorTitle","tickPositionScale","sizeTitle","sizeValues","format","labels","res","v","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","leftTopChartPadding","groupedCells","xAxis","yAxis","textMeasurer","TextMeasurer","xKeys","yKeys","xLabels","yLabels","maxXLabelSize","maxYLabelSize","xKey","l","yKey","xCaptionTail","yCaptionTail","calculateCaptionTails","xLabelAngle","yLabelAngle","TITLE_LINE","facetSettings","facetCount","maxNRows","maxNCols","currentLeft","currentTop","key","index","currentColumn","chartSides","getChartEdgeSides","width","height","sideElementSizes","calculateChartSideElementSizes","getPadding","side","CHART_SIDE_ELEMENTS","el","MIN_PADDING","padding","sideElementBBoxes","calculateSideElementsBBoxes","outerWidth","outerHeight","chartsWidth","sum","chartsHeight","_key","groupedCellsData","size","cellSize","meta","sortX","arr","a","b","sortY","xPositions","_v","idx","yPositions","aes","valueExtentSize","valueExtentColor","dataFrame","settingsId","chartSettings","valueColumnColor","valueColumnSize","getCellTooltip","onTooltipHintSwitch","facets","component","DataFrameProvider","ChartsGroup","message","Error"],"mappings":"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"}
+{"version":3,"file":"ChartRenderer.js","sources":["../../src/bubble/ChartRenderer.tsx"],"sourcesContent":["import type { ScaleLinear, ScalePower } from 'd3-scale';\nimport { scaleLinear, scaleOrdinal, scaleSqrt } 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_HEIGHT_SMALL, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN } from '../constants';\nimport type { DataFrame } from '../DataFrame';\nimport type { ColumnName, DataValue } from '../types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { getChartEdgeSides } from '../utils/getChartEdgeSides';\nimport { getContinuousLegendTicks } from '../utils/getContinuousLegendTicks';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport type { BubbleSettingsImpl } from './BubbleSettingsImpl';\nimport { ChartsGroup } from './components/ChartsGroup';\nimport type {\n    CaptionsSizes,\n    ChartDimensionsData, ChartScales, ChartSizes,\n    LabelAngles,\n    Margins\n} from './components/types';\nimport { CHART_SIDE_ELEMENTS, LEGEND_OFFSET, MIN_MARGIN, MIN_PADDING, TITLE_LINE } from './constants';\nimport type { CellBubble, GroupedCellsBubble } from './getGroupedCellsData';\nimport { calculateChartSideElementSizes, calculateSideElementsBBoxes } from './utils';\nimport { calculateCaptionTails } from './utils/calculateCaptionTails';\n\nconst getSteps = (count: number, valueExtent: number[]) => {\n    const min = Math.min(...valueExtent);\n    const max = Math.max(...valueExtent);\n    if (min === max) {\n        const steps = count % 2 === 0 ? [] : [min];\n        for (let i = 1; i < count / 2 + 1; i++) {\n            steps.push(min + i);\n            steps.unshift(min - i);\n        }\n        return steps;\n    }\n    if (count < 2) {\n        return [min, max];\n    }\n    const step = (max - min) / (count - 1);\n    const steps = [];\n    for (let i = 0; i < count - 1; i++) {\n        steps.push(min + step * i);\n    }\n    steps.push(max);\n    return steps;\n};\n\nfunction getContinuousColorRange(\n    normalization: BubbleSettingsImpl['normalization'],\n    colorsCount: number,\n    valueExtent: number[]\n) {\n    let extent = valueExtent;\n    if (normalization) {\n        if (normalization.colorRange) {\n            extent = normalization.colorRange;\n        }\n        if (normalization.method === 'standardScaling') {\n            extent = [-2, 2];\n        }\n        if (normalization.method === 'meanNormalization') {\n            extent = [-0.75, 0.75];\n        }\n    }\n    return getSteps(colorsCount, extent);\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    component: ReactElement = (<></>);\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    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptions: 100,\n        yAxisCaptions: 100,\n        xCaptionTail: 0,\n        yCaptionTail: 0,\n    };\n    labelAngles: LabelAngles = {\n        xAxisLabels: 0,\n        yAxisLabels: 0,\n    };\n    columnsCount = 1;\n    rowsCount = 1;\n    scales: ChartScales = {\n        x: scaleOrdinal<string, number>().domain(['null']).range([1]),\n        y: scaleOrdinal<string, number>().domain(['null']).range([1]),\n    };\n    step: {x: number; y: number} = {x: 10, y: 10};\n    colorScale: ScaleLinear<string, string> = scaleLinear<string, string>().domain([0, 1]).range(['white', 'black']);\n    sizeScale: ScalePower<number, number> = scaleSqrt().domain([0, 1]).range([3, 20]);\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    updateMargins(title: BubbleSettingsImpl['chartSettings']['title']) {\n        this.margins = {\n            top: title.show ? TITLE_LINE_HEIGHT + TITLE_MARGIN * 2 : MIN_MARGIN,\n            bottom: MIN_MARGIN,\n            left: MIN_MARGIN,\n            right: this.legend.width,\n        };\n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right;\n        this.chartSizes.totalHeight =\n            this.margins.top + Math.max(this.chartSizes.chartsHeight, this.legend.height) + this.margins.bottom;\n    }\n\n    updateLegendSize(\n        legend: BubbleSettingsImpl['chartSettings']['legend'],\n        columnValueColor: ColumnName,\n        columnValueSize: ColumnName,\n        facetKeys: string[]\n    ) {\n        if (!legend.show) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const legendItems: LegendItem[] = [];\n        const continuousHeight = Math.min(\n            Math.max(this.chartSizes.chartHeight, DEFAULT_HEIGHT_SMALL),\n            DEFAULT_HEIGHT\n        );\n        const legendHeight = Math.max(this.chartSizes.chartHeight, continuousHeight);\n        const emptySizes = {width:0, height:0, left:0, top: 0};\n\n        const colorDomain = this.colorScale.domain();\n        const colorValues = getContinuousLegendTicks(this.colorScale, [\n            colorDomain[0],\n            colorDomain[colorDomain.length - 1],\n        ]);\n        const colorTitle = columnValueColor.label ?? columnValueColor.value;\n        const tickPositionScale = scaleLinear([colorValues[0], colorValues[colorValues.length - 1]], [continuousHeight, 0]); //TODO: update during adding log scale for heatmap\n        \n        legendItems.push({\n            id: 'colorValue',\n            type: 'continuous',\n            scale: this.colorScale,\n            tickPositionScale,\n            values: colorValues,\n            title: colorTitle,\n            ...emptySizes\n        });\n\n        const sizeTitle = columnValueSize.label ?? columnValueSize.value;\n        const sizeValues = this.sizeScale.ticks(3);\n        const format = this.sizeScale.tickFormat(3);\n        const labels = sizeValues.reduce((res: Record<string, string>, v) => {\n            res[String(v)] = format(v);\n            return res;\n        }, {});\n        legendItems.push({\n            id: 'sizeValue',\n            type: 'size',\n            title: sizeTitle,\n            scale: this.sizeScale,\n            values: sizeValues,\n            labels,\n            ...emptySizes\n        });\n\n        if (!legendItems.length) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, legendHeight, continuousHeight);\n\n        const lastItem = items[items.length - 1];\n        const legendWidth = lastItem.left + lastItem.width + 2 * LEGEND_OFFSET;\n\n        const leftTopChartPadding = this.chartsDimensions[facetKeys[0]].padding; // additional offset of legend for alignment with chart\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight + leftTopChartPadding.top,\n            items: items,\n        };\n    }\n\n    updateCaptionsSize(\n        groupedCells: GroupedCellsBubble,\n        xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n        yAxis: BubbleSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const textMeasurer = new TextMeasurer('bold 14px Arial');\n        const {xKeys, yKeys, xLabels, yLabels} = groupedCells.meta;\n        this.labelAngles = {\n            xAxisLabels: xAxis.axisLabelsAngle,\n            yAxisLabels: yAxis.axisLabelsAngle,\n        };\n        let maxXLabelSize = 0;\n        let maxYLabelSize = 0;\n        for (const xKey of xKeys) {\n            const l = textMeasurer.getTextWidth(xLabels[xKey]);\n            if (l > maxXLabelSize) {\n                maxXLabelSize = l;\n            }\n        }\n        for (const yKey of yKeys) {\n            const l = textMeasurer.getTextWidth(yLabels[yKey]);\n            if (l > maxYLabelSize) {\n                maxYLabelSize = l;\n            }\n        }\n        const {xCaptionTail, yCaptionTail} = calculateCaptionTails(\n            this.labelAngles,\n            this.step,\n            groupedCells,\n            textMeasurer\n        );\n        const xLabelAngle = (this.labelAngles.xAxisLabels / 180) * Math.PI;\n        const yLabelAngle = (this.labelAngles.yAxisLabels / 180) * Math.PI;\n        this.captionsSizes = {\n            xCaptionTail,\n            yCaptionTail,\n            xAxisCaptions: maxXLabelSize * Math.sin(xLabelAngle) || TITLE_LINE,\n            yAxisCaptions: maxYLabelSize * Math.sin(yLabelAngle) || TITLE_LINE,\n        };\n    }\n\n    updateChartDimensions(\n        facetKeys: string[],\n        facetSettings: BubbleSettingsImpl['facetSettings'],\n        xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n        yAxis: BubbleSettingsImpl['chartSettings']['yAxis']\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        this.chartsDimensions = {};\n\n        let currentLeft = 0;\n        let currentTop = 0;\n        facetKeys.forEach((key, index) => {\n            const currentColumn = (index % this.columnsCount) + 1;\n            const chartSides = getChartEdgeSides(index, facetKeys.length, this.columnsCount, this.rowsCount);\n            const width = this.chartSizes.chartWidth;\n            const height = this.chartSizes.chartHeight;\n            const sideElementSizes = calculateChartSideElementSizes(\n                xAxis,\n                yAxis,\n                this.captionsSizes,\n                chartSides,\n                facetKeys,\n                this.step.x,\n                this.step.y\n            );\n\n            function getPadding(side: 'left' | 'right' | 'top' | 'bottom') {\n                return Math.max(\n                    CHART_SIDE_ELEMENTS[side].reduce((res, el) => res + sideElementSizes[side][el], 0),\n                    MIN_PADDING\n                );\n            }\n\n            const padding = {\n                left: getPadding('left'),\n                right: getPadding('right'),\n                top: getPadding('top'),\n                bottom: getPadding('bottom'),\n            };\n            if (padding.left < this.captionsSizes.xCaptionTail) {\n                padding.left = this.captionsSizes.xCaptionTail;\n            }\n            if (padding.bottom < this.captionsSizes.yCaptionTail) {\n                padding.bottom = this.captionsSizes.yCaptionTail;\n            }\n            const sideElementBBoxes = calculateSideElementsBBoxes(sideElementSizes, width, height);\n            const outerWidth = width + padding.left + padding.right;\n            const outerHeight = height + padding.top + padding.bottom;\n            this.chartsDimensions[key] = {\n                left: currentLeft,\n                top: currentTop,\n                inner: {width, height},\n                outer: {width: outerWidth, height: outerHeight},\n                padding,\n                sideElementBBoxes,\n                chartEdgeSides: chartSides,\n            };\n            currentLeft += outerWidth;\n            if (currentColumn === this.columnsCount) {\n                currentLeft = 0;\n                currentTop += outerHeight;\n            }\n        });\n\n        // sum of widths of first row\n        const chartsWidth = facetKeys\n            .slice(0, this.columnsCount)\n            .reduce((sum, key) => sum + this.chartsDimensions[key].outer.width, 0);\n        // sum of heights of first column\n        const chartsHeight = facetKeys\n            .filter((_key, index) => index % this.columnsCount === 0)\n            .reduce((sum, key) => sum + this.chartsDimensions[key].outer.height, 0);\n        this.chartSizes.chartsWidth = chartsWidth;\n        this.chartSizes.chartsHeight = chartsHeight;\n    }\n\n    updateChartsSizes(groupedCellsData: GroupedCellsBubble, size: BubbleSettingsImpl['chartSettings']['size']) {\n        const {width, height, cellSize} = size;\n        if (cellSize) {\n            this.chartSizes.chartWidth = groupedCellsData.meta.xKeys.length * cellSize;\n            this.chartSizes.chartHeight = groupedCellsData.meta.yKeys.length * cellSize;\n        }\n        if (width && height) {\n            this.chartSizes.chartWidth = width;\n            this.chartSizes.chartHeight = height;\n        }\n    }\n\n    // update scales for cell positions, x and y for each facet\n    updateScales(\n        groupedCells: GroupedCellsBubble,\n        size: BubbleSettingsImpl['chartSettings']['size'],\n        xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n        yAxis: BubbleSettingsImpl['chartSettings']['yAxis'],\n        customOrder: {x: boolean, y: boolean, xGroup: boolean, yGroup: boolean},\n    ) {\n        const {width, height, cellSize} = size;\n        const {meta} = groupedCells;\n        const sortX = (arr: string[], labels: Record<string, string> = {}) => {\n            return [...arr].sort((a, b) => xAxis.sorting === 'asc'\n                ? (labels[a] ?? a).localeCompare((labels[b] ?? b), 'en', {numeric: true})\n                : (labels[b] ?? b).localeCompare((labels[a] ?? a), 'en', {numeric: true})\n            );\n        };\n        const sortY = (arr: string[], labels: Record<string, string> = {}) => {\n            return [...arr].sort((a, b) => yAxis.sorting === 'asc'\n                ? (labels[a] ?? a).localeCompare((labels[b] ?? b), 'en', {numeric: true})\n                : (labels[b] ?? b).localeCompare((labels[a] ?? a), 'en', {numeric: true})\n            );\n        };\n        const xGroupKeys = customOrder.xGroup ? meta.xGroupKeys : sortX(meta.xGroupKeys);\n        const yGroupKeys = customOrder.yGroup ? meta.yGroupKeys : sortY(meta.yGroupKeys);\n        const { xKeysByGroups, yKeysByGroups } = meta;\n\n        const xKeys = xGroupKeys.reduce((res: string[], xGroupKey: string) => {\n            res = res.concat(sortX(xKeysByGroups[xGroupKey], meta.xLabels));\n            return res;\n        }, []);\n        const yKeys = yGroupKeys.reduce((res: string[], yGroupKey: string) => {\n            res = res.concat(sortY(yKeysByGroups[yGroupKey], meta.yLabels));\n            return res;\n        }, []);\n        if (cellSize) {\n            this.step.x = cellSize;\n            this.step.y = cellSize;\n        } else if (width && height) {\n            this.step.x = width / xKeys.length;\n            this.step.y = height / yKeys.length;\n        }\n        const xPositions: number[] = new Array(xKeys.length).fill(null).map((_v, idx) => idx * this.step.x);\n        const yPositions: number[] = new Array(yKeys.length).fill(null).map((_v, idx) => idx * this.step.y);\n        this.scales.x = scaleOrdinal<string, number>().domain(xKeys).range(xPositions);\n        this.scales.y = scaleOrdinal<string, number>().domain(yKeys).range(yPositions);\n    }\n\n    updateAesScale(\n        aes: BubbleSettingsImpl['aes'],\n        valueExtentSize: [number, number],\n        valueExtentColor: [number, number],\n        normalization: BubbleSettingsImpl['normalization']\n    ) {\n        this.colorScale = scaleLinear<string, string>()\n            .domain(getContinuousColorRange(normalization, aes.colorsList.length, valueExtentColor))\n            .range(aes.colorsList);\n        this.sizeScale = scaleSqrt(valueExtentSize, [aes.minRadius, aes.maxRadius]);\n    }\n\n    render(\n        dataFrame: DataFrame,\n        settingsId: string,\n        chartSettings: BubbleSettingsImpl['chartSettings'],\n        facetSettings: BubbleSettingsImpl['facetSettings'],\n        groupedCellsData: GroupedCellsBubble,\n        valueColumnColor: ColumnName,\n        valueColumnSize: ColumnName,\n        normalization: BubbleSettingsImpl['normalization'],\n        aes: BubbleSettingsImpl['aes'],\n        getCellTooltip: (cell: CellBubble) => string[],\n        onTooltipHintSwitch: (v:boolean) => void,\n        customOrder: {x: boolean, y: boolean, xGroup: boolean, yGroup: boolean},\n    ) {\n        const {meta, facets, meta: { facetKeys }} = groupedCellsData;\n        const {valueExtent} = meta;\n        const {xAxis, yAxis, title, size} = chartSettings;\n        this.updateChartsSizes(groupedCellsData, size);\n        this.updateAesScale(aes, valueExtent.sizeValue, valueExtent.colorValue, normalization);\n        this.updateScales(groupedCellsData, size, chartSettings.xAxis, chartSettings.yAxis, customOrder);\n        // caption sizes are needed for chart paddings in chart dimensions\n        this.updateCaptionsSize(groupedCellsData, xAxis, yAxis);\n        this.updateChartDimensions(facetKeys, facetSettings, xAxis, yAxis);\n        this.updateLegendSize(chartSettings.legend, valueColumnColor, valueColumnSize, facetKeys);\n        this.updateMargins(title);\n        const component = (\n            <DataFrameProvider dataFrame={dataFrame}>\n                <ChartsGroup\n                    aes={aes}\n                    captionsSizes={this.captionsSizes}\n                    cellsMeta={meta}\n                    columnsCount={this.columnsCount}\n                    chartsDimensions={this.chartsDimensions}\n                    chartSettings={chartSettings}\n                    chartSizes={this.chartSizes}\n                    sizeScale={this.sizeScale as (v: DataValue) => number}\n                    colorScale={this.colorScale as (v: DataValue) => string}\n                    facetKeys={facetKeys}\n                    facetSettings={facetSettings}\n                    groupedCells={facets}\n                    labelAngles={this.labelAngles}\n                    legend={this.legend}\n                    margins={this.margins}\n                    scales={this.scales}\n                    settingsId={settingsId}\n                    step={this.step}\n                    getCellTooltip={getCellTooltip}\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":["getSteps","count","valueExtent","min","max","steps","i","step","getContinuousColorRange","normalization","colorsCount","extent","ChartRenderer","__publicField","jsx","Fragment","DEFAULT_WIDTH","DEFAULT_HEIGHT","MIN_MARGIN","scaleOrdinal","scaleLinear","scaleSqrt","_a","node","createRoot","title","TITLE_LINE_HEIGHT","TITLE_MARGIN","legend","columnValueColor","columnValueSize","facetKeys","legendItems","continuousHeight","DEFAULT_HEIGHT_SMALL","legendHeight","emptySizes","colorDomain","colorValues","getContinuousLegendTicks","colorTitle","tickPositionScale","sizeTitle","sizeValues","format","labels","res","v","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","leftTopChartPadding","groupedCells","xAxis","yAxis","textMeasurer","TextMeasurer","xKeys","yKeys","xLabels","yLabels","maxXLabelSize","maxYLabelSize","xKey","l","yKey","xCaptionTail","yCaptionTail","calculateCaptionTails","xLabelAngle","yLabelAngle","TITLE_LINE","facetSettings","facetCount","maxNRows","maxNCols","currentLeft","currentTop","key","index","currentColumn","chartSides","getChartEdgeSides","width","height","sideElementSizes","calculateChartSideElementSizes","getPadding","side","CHART_SIDE_ELEMENTS","el","MIN_PADDING","padding","sideElementBBoxes","calculateSideElementsBBoxes","outerWidth","outerHeight","chartsWidth","sum","chartsHeight","_key","groupedCellsData","size","cellSize","customOrder","meta","sortX","arr","a","b","sortY","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","xGroupKey","yGroupKey","xPositions","_v","idx","yPositions","aes","valueExtentSize","valueExtentColor","dataFrame","settingsId","chartSettings","valueColumnColor","valueColumnSize","getCellTooltip","onTooltipHintSwitch","facets","component","DataFrameProvider","ChartsGroup","message","Error"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,KAAW,CAACC,GAAeC,MAA0B;AACvD,QAAMC,IAAM,KAAK,IAAI,GAAGD,CAAW,GAC7BE,IAAM,KAAK,IAAI,GAAGF,CAAW;AACnC,MAAIC,MAAQC,GAAK;AACb,UAAMC,IAAQJ,IAAQ,MAAM,IAAI,CAAA,IAAK,CAACE,CAAG;AACzC,aAASG,IAAI,GAAGA,IAAIL,IAAQ,IAAI,GAAGK;AAC/BD,MAAAA,EAAM,KAAKF,IAAMG,CAAC,GAClBD,EAAM,QAAQF,IAAMG,CAAC;AAEzB,WAAOD;AAAAA,EACX;AACA,MAAIJ,IAAQ;AACR,WAAO,CAACE,GAAKC,CAAG;AAEpB,QAAMG,KAAQH,IAAMD,MAAQF,IAAQ,IAC9BI,IAAQ,CAAA;AACd,WAASC,IAAI,GAAGA,IAAIL,IAAQ,GAAGK;AAC3B,IAAAD,EAAM,KAAKF,IAAMI,IAAOD,CAAC;AAE7B,SAAAD,EAAM,KAAKD,CAAG,GACPC;AACX;AAEA,SAASG,GACLC,GACAC,GACAR,GACF;AACE,MAAIS,IAAST;AACb,SAAIO,MACIA,EAAc,eACdE,IAASF,EAAc,aAEvBA,EAAc,WAAW,sBACzBE,IAAS,CAAC,IAAI,CAAC,IAEfF,EAAc,WAAW,wBACzBE,IAAS,CAAC,OAAO,IAAI,KAGtBX,GAASU,GAAaC,CAAM;AACvC;AAEA,MAAMC,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,0BAAwD,CAAA;AACxD,IAAAA,EAAA,oBAAyB;AAAA,MACrB,YAAYG;AAAA;AAAA,MACZ,aAAaC;AAAA;AAAA,MACb,aAAaD;AAAA;AAAA,MACb,cAAcC;AAAA;AAAA,MACd,YAAYD;AAAA;AAAA,MACZ,aAAaC;AAAA;AAAA,IAAA;AAEjB,IAAAJ,EAAA,iBAAmB;AAAA,MACf,KAAKK;AAAA,MACL,QAAQA;AAAA,MACR,MAAMA;AAAA,MACN,OAAOA;AAAA,IAAA;AAEX,IAAAL,EAAA,uBAA+B;AAAA,MAC3B,eAAe;AAAA,MACf,eAAe;AAAA,MACf,cAAc;AAAA,MACd,cAAc;AAAA,IAAA;AAElB,IAAAA,EAAA,qBAA2B;AAAA,MACvB,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAEjB,IAAAA,EAAA,sBAAe;AACf,IAAAA,EAAA,mBAAY;AACZ,IAAAA,EAAA,gBAAsB;AAAA,MAClB,GAAGM,EAAA,EAA+B,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAAA,MAC5D,GAAGA,EAAA,EAA+B,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAAA,IAAA;AAEhE,IAAAN,EAAA,cAA+B,EAAC,GAAG,IAAI,GAAG,GAAA;AAC1C,IAAAA,EAAA,oBAA0CO,EAAA,EAA8B,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,SAAS,OAAO,CAAC;AAC/G,IAAAP,EAAA,mBAAwCQ,EAAA,EAAY,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,EAAE,CAAC;AAChF,IAAAR,EAAA,gBAAqB;AAAA,MACjB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO,CAAA;AAAA,IAAC;AAAA;AAAA,EAGZ,QAAQ;;AACJ,IAAI,KAAK,cAAc,KAAK,cACxBS,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,KAAKC,GAAmB;AACpB,IAAI,KAAK,eAAe,SACpB,KAAK,aAAaA,GAClB,KAAK,WAAW,SAAS,cAAc,KAAK,GAC5C,KAAK,WAAW,YAAY,KAAK,QAAQ,GACzC,KAAK,YAAYC,EAAW,KAAK,QAAQ;AAAA,EAEjD;AAAA,EAEA,cAAcC,GAAqD;AAC/D,SAAK,UAAU;AAAA,MACX,KAAKA,EAAM,OAAOC,IAAoBC,IAAe,IAAIT;AAAA,MACzD,QAAQA;AAAA,MACR,MAAMA;AAAA,MACN,OAAO,KAAK,OAAO;AAAA,IAAA,GAEvB,KAAK,WAAW,aAAa,KAAK,QAAQ,OAAO,KAAK,WAAW,cAAc,KAAK,QAAQ,OAC5F,KAAK,WAAW,cACZ,KAAK,QAAQ,MAAM,KAAK,IAAI,KAAK,WAAW,cAAc,KAAK,OAAO,MAAM,IAAI,KAAK,QAAQ;AAAA,EACrG;AAAA,EAEA,iBACIU,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,IAAmB,KAAK;AAAA,MAC1B,KAAK,IAAI,KAAK,WAAW,aAAaC,CAAoB;AAAA,MAC1DjB;AAAA,IAAA,GAEEkB,IAAe,KAAK,IAAI,KAAK,WAAW,aAAaF,CAAgB,GACrEG,IAAa,EAAC,OAAM,GAAG,QAAO,GAAG,MAAK,GAAG,KAAK,EAAA,GAE9CC,IAAc,KAAK,WAAW,OAAA,GAC9BC,IAAcC,EAAyB,KAAK,YAAY;AAAA,MAC1DF,EAAY,CAAC;AAAA,MACbA,EAAYA,EAAY,SAAS,CAAC;AAAA,IAAA,CACrC,GACKG,IAAaX,EAAiB,SAASA,EAAiB,OACxDY,IAAoBrB,EAAY,CAACkB,EAAY,CAAC,GAAGA,EAAYA,EAAY,SAAS,CAAC,CAAC,GAAG,CAACL,GAAkB,CAAC,CAAC;AAElH,IAAAD,EAAY,KAAK;AAAA,MACb,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,KAAK;AAAA,MACZ,mBAAAS;AAAA,MACA,QAAQH;AAAA,MACR,OAAOE;AAAA,MACP,GAAGJ;AAAA,IAAA,CACN;AAED,UAAMM,IAAYZ,EAAgB,SAASA,EAAgB,OACrDa,IAAa,KAAK,UAAU,MAAM,CAAC,GACnCC,IAAS,KAAK,UAAU,WAAW,CAAC,GACpCC,IAASF,EAAW,OAAO,CAACG,GAA6BC,OAC3DD,EAAI,OAAOC,CAAC,CAAC,IAAIH,EAAOG,CAAC,GAClBD,IACR,CAAA,CAAE;AAWL,QAVAd,EAAY,KAAK;AAAA,MACb,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAOU;AAAA,MACP,OAAO,KAAK;AAAA,MACZ,QAAQC;AAAA,MACR,QAAAE;AAAA,MACA,GAAGT;AAAA,IAAA,CACN,GAEG,CAACJ,EAAY,QAAQ;AACrB,WAAK,SAAS,EAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAC;AAC5C;AAAA,IACJ;AAEA,UAAMgB,IAAQC,EAAmBjB,GAAaG,GAAcF,CAAgB,GAEtEiB,IAAWF,EAAMA,EAAM,SAAS,CAAC,GACjCG,IAAcD,EAAS,OAAOA,EAAS,QAAQ,IAAIE,GAEnDC,IAAsB,KAAK,iBAAiBtB,EAAU,CAAC,CAAC,EAAE;AAEhE,SAAK,SAAS;AAAA,MACV,OAAOoB;AAAA,MACP,QAAQhB,IAAekB,EAAoB;AAAA,MAC3C,OAAAL;AAAA,IAAA;AAAA,EAER;AAAA,EAEA,mBACIM,GACAC,GACAC,GACF;AACE,UAAMC,IAAe,IAAIC,EAAa,iBAAiB,GACjD,EAAC,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,SAAAC,EAAA,IAAWR,EAAa;AACtD,SAAK,cAAc;AAAA,MACf,aAAaC,EAAM;AAAA,MACnB,aAAaC,EAAM;AAAA,IAAA;AAEvB,QAAIO,IAAgB,GAChBC,IAAgB;AACpB,eAAWC,KAAQN,GAAO;AACtB,YAAMO,IAAIT,EAAa,aAAaI,EAAQI,CAAI,CAAC;AACjD,MAAIC,IAAIH,MACJA,IAAgBG;AAAA,IAExB;AACA,eAAWC,KAAQP,GAAO;AACtB,YAAMM,IAAIT,EAAa,aAAaK,EAAQK,CAAI,CAAC;AACjD,MAAID,IAAIF,MACJA,IAAgBE;AAAA,IAExB;AACA,UAAM,EAAC,cAAAE,GAAc,cAAAC,EAAA,IAAgBC;AAAA,MACjC,KAAK;AAAA,MACL,KAAK;AAAA,MACLhB;AAAA,MACAG;AAAA,IAAA,GAEEc,IAAe,KAAK,YAAY,cAAc,MAAO,KAAK,IAC1DC,IAAe,KAAK,YAAY,cAAc,MAAO,KAAK;AAChE,SAAK,gBAAgB;AAAA,MACjB,cAAAJ;AAAA,MACA,cAAAC;AAAA,MACA,eAAeN,IAAgB,KAAK,IAAIQ,CAAW,KAAKE;AAAA,MACxD,eAAeT,IAAgB,KAAK,IAAIQ,CAAW,KAAKC;AAAA,IAAA;AAAA,EAEhE;AAAA,EAEA,sBACI1C,GACA2C,GACAnB,GACAC,GACF;AACE,UAAMmB,IAAa5C,EAAU,QACvB6C,IAAW,KAAK,IAAIF,EAAc,SAASC,GAAYA,CAAU,GACjEE,IAAW,KAAK,IAAIH,EAAc,SAASC,GAAYA,CAAU;AAEvE,SAAK,eAAeD,EAAc,QAAQ,KAAK,KAAKC,IAAaC,CAAQ,IAAIC,GAC7E,KAAK,YAAY,KAAK,KAAKF,IAAa,KAAK,YAAY,GACzD,KAAK,mBAAmB,CAAA;AAExB,QAAIG,IAAc,GACdC,IAAa;AACjB,IAAAhD,EAAU,QAAQ,CAACiD,GAAKC,MAAU;AAC9B,YAAMC,IAAiBD,IAAQ,KAAK,eAAgB,GAC9CE,IAAaC,EAAkBH,GAAOlD,EAAU,QAAQ,KAAK,cAAc,KAAK,SAAS,GACzFsD,IAAQ,KAAK,WAAW,YACxBC,IAAS,KAAK,WAAW,aACzBC,IAAmBC;AAAA,QACrBjC;AAAA,QACAC;AAAA,QACA,KAAK;AAAA,QACL2B;AAAA,QACApD;AAAA,QACA,KAAK,KAAK;AAAA,QACV,KAAK,KAAK;AAAA,MAAA;AAGd,eAAS0D,EAAWC,GAA2C;AAC3D,eAAO,KAAK;AAAA,UACRC,EAAoBD,CAAI,EAAE,OAAO,CAAC5C,GAAK8C,MAAO9C,IAAMyC,EAAiBG,CAAI,EAAEE,CAAE,GAAG,CAAC;AAAA,UACjFC;AAAA,QAAA;AAAA,MAER;AAEA,YAAMC,IAAU;AAAA,QACZ,MAAML,EAAW,MAAM;AAAA,QACvB,OAAOA,EAAW,OAAO;AAAA,QACzB,KAAKA,EAAW,KAAK;AAAA,QACrB,QAAQA,EAAW,QAAQ;AAAA,MAAA;AAE/B,MAAIK,EAAQ,OAAO,KAAK,cAAc,iBAClCA,EAAQ,OAAO,KAAK,cAAc,eAElCA,EAAQ,SAAS,KAAK,cAAc,iBACpCA,EAAQ,SAAS,KAAK,cAAc;AAExC,YAAMC,IAAoBC,EAA4BT,GAAkBF,GAAOC,CAAM,GAC/EW,IAAaZ,IAAQS,EAAQ,OAAOA,EAAQ,OAC5CI,IAAcZ,IAASQ,EAAQ,MAAMA,EAAQ;AACnD,WAAK,iBAAiBd,CAAG,IAAI;AAAA,QACzB,MAAMF;AAAA,QACN,KAAKC;AAAA,QACL,OAAO,EAAC,OAAAM,GAAO,QAAAC,EAAA;AAAA,QACf,OAAO,EAAC,OAAOW,GAAY,QAAQC,EAAA;AAAA,QACnC,SAAAJ;AAAA,QACA,mBAAAC;AAAA,QACA,gBAAgBZ;AAAA,MAAA,GAEpBL,KAAemB,GACXf,MAAkB,KAAK,iBACvBJ,IAAc,GACdC,KAAcmB;AAAA,IAEtB,CAAC;AAGD,UAAMC,IAAcpE,EACf,MAAM,GAAG,KAAK,YAAY,EAC1B,OAAO,CAACqE,GAAKpB,MAAQoB,IAAM,KAAK,iBAAiBpB,CAAG,EAAE,MAAM,OAAO,CAAC,GAEnEqB,IAAetE,EAChB,OAAO,CAACuE,GAAMrB,MAAUA,IAAQ,KAAK,iBAAiB,CAAC,EACvD,OAAO,CAACmB,GAAKpB,MAAQoB,IAAM,KAAK,iBAAiBpB,CAAG,EAAE,MAAM,QAAQ,CAAC;AAC1E,SAAK,WAAW,cAAcmB,GAC9B,KAAK,WAAW,eAAeE;AAAA,EACnC;AAAA,EAEA,kBAAkBE,GAAsCC,GAAmD;AACvG,UAAM,EAAC,OAAAnB,GAAO,QAAAC,GAAQ,UAAAmB,EAAA,IAAYD;AAClC,IAAIC,MACA,KAAK,WAAW,aAAaF,EAAiB,KAAK,MAAM,SAASE,GAClE,KAAK,WAAW,cAAcF,EAAiB,KAAK,MAAM,SAASE,IAEnEpB,KAASC,MACT,KAAK,WAAW,aAAaD,GAC7B,KAAK,WAAW,cAAcC;AAAA,EAEtC;AAAA;AAAA,EAGA,aACIhC,GACAkD,GACAjD,GACAC,GACAkD,GACF;AACE,UAAM,EAAC,OAAArB,GAAO,QAAAC,GAAQ,UAAAmB,EAAA,IAAYD,GAC5B,EAAC,MAAAG,MAAQrD,GACTsD,IAAQ,CAACC,GAAehE,IAAiC,CAAA,MACpD,CAAC,GAAGgE,CAAG,EAAE;AAAA,MAAK,CAACC,GAAGC,MAAMxD,EAAM,YAAY,SAC1CV,EAAOiE,CAAC,KAAKA,GAAG,cAAejE,EAAOkE,CAAC,KAAKA,GAAI,MAAM,EAAC,SAAS,GAAA,CAAK,KACrElE,EAAOkE,CAAC,KAAKA,GAAG,cAAelE,EAAOiE,CAAC,KAAKA,GAAI,MAAM,EAAC,SAAS,IAAK;AAAA,IAAA,GAG1EE,IAAQ,CAACH,GAAehE,IAAiC,CAAA,MACpD,CAAC,GAAGgE,CAAG,EAAE;AAAA,MAAK,CAACC,GAAGC,MAAMvD,EAAM,YAAY,SAC1CX,EAAOiE,CAAC,KAAKA,GAAG,cAAejE,EAAOkE,CAAC,KAAKA,GAAI,MAAM,EAAC,SAAS,GAAA,CAAK,KACrElE,EAAOkE,CAAC,KAAKA,GAAG,cAAelE,EAAOiE,CAAC,KAAKA,GAAI,MAAM,EAAC,SAAS,IAAK;AAAA,IAAA,GAG1EG,IAAaP,EAAY,SAASC,EAAK,aAAaC,EAAMD,EAAK,UAAU,GACzEO,IAAaR,EAAY,SAASC,EAAK,aAAaK,EAAML,EAAK,UAAU,GACzE,EAAE,eAAAQ,GAAe,eAAAC,EAAA,IAAkBT,GAEnChD,IAAQsD,EAAW,OAAO,CAACnE,GAAeuE,OAC5CvE,IAAMA,EAAI,OAAO8D,EAAMO,EAAcE,CAAS,GAAGV,EAAK,OAAO,CAAC,GACvD7D,IACR,CAAA,CAAE,GACCc,IAAQsD,EAAW,OAAO,CAACpE,GAAewE,OAC5CxE,IAAMA,EAAI,OAAOkE,EAAMI,EAAcE,CAAS,GAAGX,EAAK,OAAO,CAAC,GACvD7D,IACR,CAAA,CAAE;AACL,IAAI2D,KACA,KAAK,KAAK,IAAIA,GACd,KAAK,KAAK,IAAIA,KACPpB,KAASC,MAChB,KAAK,KAAK,IAAID,IAAQ1B,EAAM,QAC5B,KAAK,KAAK,IAAI2B,IAAS1B,EAAM;AAEjC,UAAM2D,IAAuB,IAAI,MAAM5D,EAAM,MAAM,EAAE,KAAK,IAAI,EAAE,IAAI,CAAC6D,GAAIC,MAAQA,IAAM,KAAK,KAAK,CAAC,GAC5FC,IAAuB,IAAI,MAAM9D,EAAM,MAAM,EAAE,KAAK,IAAI,EAAE,IAAI,CAAC4D,GAAIC,MAAQA,IAAM,KAAK,KAAK,CAAC;AAClG,SAAK,OAAO,IAAItG,EAAA,EAA+B,OAAOwC,CAAK,EAAE,MAAM4D,CAAU,GAC7E,KAAK,OAAO,IAAIpG,EAAA,EAA+B,OAAOyC,CAAK,EAAE,MAAM8D,CAAU;AAAA,EACjF;AAAA,EAEA,eACIC,GACAC,GACAC,GACApH,GACF;AACE,SAAK,aAAaW,EAAA,EACb,OAAOZ,GAAwBC,GAAekH,EAAI,WAAW,QAAQE,CAAgB,CAAC,EACtF,MAAMF,EAAI,UAAU,GACzB,KAAK,YAAYtG,EAAUuG,GAAiB,CAACD,EAAI,WAAWA,EAAI,SAAS,CAAC;AAAA,EAC9E;AAAA,EAEA,OACIG,GACAC,GACAC,GACAtD,GACA6B,GACA0B,GACAC,GACAzH,GACAkH,GACAQ,GACAC,GACA1B,GACF;;AACE,UAAM,EAAC,MAAAC,GAAM,QAAA0B,GAAQ,MAAM,EAAE,WAAAtG,EAAA,MAAewE,GACtC,EAAC,aAAArG,MAAeyG,GAChB,EAAC,OAAApD,GAAO,OAAAC,GAAO,OAAA/B,GAAO,MAAA+E,MAAQwB;AACpC,SAAK,kBAAkBzB,GAAkBC,CAAI,GAC7C,KAAK,eAAemB,GAAKzH,EAAY,WAAWA,EAAY,YAAYO,CAAa,GACrF,KAAK,aAAa8F,GAAkBC,GAAMwB,EAAc,OAAOA,EAAc,OAAOtB,CAAW,GAE/F,KAAK,mBAAmBH,GAAkBhD,GAAOC,CAAK,GACtD,KAAK,sBAAsBzB,GAAW2C,GAAenB,GAAOC,CAAK,GACjE,KAAK,iBAAiBwE,EAAc,QAAQC,GAAkBC,GAAiBnG,CAAS,GACxF,KAAK,cAAcN,CAAK;AACxB,UAAM6G,IACFxH,gBAAAA,EAAAA,IAACyH,GAAA,EAAkB,WAAAT,GACf,UAAAhH,gBAAAA,EAAAA;AAAAA,MAAC0H;AAAA,MAAA;AAAA,QACG,KAAAb;AAAA,QACA,eAAe,KAAK;AAAA,QACpB,WAAWhB;AAAA,QACX,cAAc,KAAK;AAAA,QACnB,kBAAkB,KAAK;AAAA,QACvB,eAAAqB;AAAA,QACA,YAAY,KAAK;AAAA,QACjB,WAAW,KAAK;AAAA,QAChB,YAAY,KAAK;AAAA,QACjB,WAAAjG;AAAA,QACA,eAAA2C;AAAA,QACA,cAAc2D;AAAA,QACd,aAAa,KAAK;AAAA,QAClB,QAAQ,KAAK;AAAA,QACb,SAAS,KAAK;AAAA,QACd,QAAQ,KAAK;AAAA,QACb,YAAAN;AAAA,QACA,MAAM,KAAK;AAAA,QACX,gBAAAI;AAAA,QACA,qBAAAC;AAAA,MAAA;AAAA,IAAA,GAER;AAEJ,SAAK,YAAYE,IACjBhH,IAAA,KAAK,cAAL,QAAAA,EAAgB,OAAOgH;AAAA,EAC3B;AAAA,EAEA,YAAYG,GAAiB;;AACzB,KAAAnH,IAAA,KAAK,cAAL,QAAAA,EAAgB,OAAOR,gBAAAA,EAAAA,IAAC4H,GAAA,EAAM,SAAAD,GAAkB;AAAA,EACpD;AACJ;"}

package/dist/bubble/components/Chart.d.ts

@@ -1,7 +1,7 @@
 import { TooltipsData } from '../../common/Tooltip';
 import { DataValue } from '../../types';
 import { BubbleSettingsImpl } from '../BubbleSettingsImpl';
-import { Cell, GroupedCellsData } from '../getGroupedCellsData';
+import { CellBubble, GroupedCellsBubble } from '../getGroupedCellsData';
 import { CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, LabelAngles, Margins } from './types';
 export declare function Chart({ facetKey, dimensions, scales, cells, colorScale, sizeScale, chartSettings, cellsMeta, stepX, stepY, aes, labelAngles, chartSizes, margins, tooltipsContainer, tooltipsData, getTooltip }: {
     facetKey: string;
@@ -9,18 +9,18 @@ export declare function Chart({ facetKey, dimensions, scales, cells, colorScale,
     captionsSizes: CaptionsSizes;
     dimensions: ChartDimensionsData;
     scales: ChartScales;
-    cells: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['cells'];
+    cells: GroupedCellsBubble['facets'][keyof GroupedCellsBubble['facets']]['cells'];
     colorScale: (value: DataValue) => string;
     sizeScale: (value: DataValue) => number;
     chartSettings: BubbleSettingsImpl['chartSettings'];
-    cellsMeta: GroupedCellsData['meta'];
+    cellsMeta: GroupedCellsBubble['meta'];
     stepX: number;
     stepY: number;
     aes: BubbleSettingsImpl['aes'];
     labelAngles: LabelAngles;
     margins: Margins;
     tooltipsContainer?: Element;
-    tooltipsData: TooltipsData<Cell>;
-    getTooltip: (cell: Cell) => string[];
+    tooltipsData: TooltipsData<CellBubble>;
+    getTooltip: (cell: CellBubble) => string[];
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Chart.d.ts.map