@milaboratories/miplots4 1.0.145 → 1.0.147

package/dist/heatmap/ChartRenderer.d.ts

@@ -51,7 +51,7 @@ declare class ChartRenderer {
         y: boolean;
         xGroup: boolean;
         yGroup: boolean;
-    }): void;
+    }, cellsRenderingMode: 'canvas' | 'svg'): void;
     renderError(message: string): void;
 }
 export default ChartRenderer;

package/dist/heatmap/ChartRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartRenderer.d.ts","sourceRoot":"","sources":["../../src/heatmap/ChartRenderer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChartRenderer.d.ts","sourceRoot":"","sources":["../../src/heatmap/ChartRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAG7C,OAAO,KAAK,EAAE,UAAU,EAAc,MAAM,iBAAiB,CAAC;AAG9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAW,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAM/D,OAAO,KAAK,EACR,qBAAqB,EACrB,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACV,YAAY,EAEZ,mBAAmB,EACnB,WAAW,EACX,OAAO,EACV,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AA6FjE,cAAM,aAAa;IACf,SAAS,EAAE,IAAI,GAAG,IAAI,CAAQ;IAC9B,UAAU,EAAE,WAAW,GAAG,IAAI,CAAQ;IACtC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAQ;IACpC,SAAS,EAAE,YAAY,CAAW;IAClC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAM;IAC3D,UAAU,EAAE,UAAU,CAOpB;IACF,OAAO,EAAE,OAAO,CAKd;IACF,aAAa,EAAE,aAAa,CAO1B;IACF,WAAW,EAAE,WAAW,CAKtB;IACF,YAAY,SAAK;IACjB,SAAS,SAAK;IACd,MAAM,EAAE,YAAY,CAIlB;IACF,IAAI,EAAE;QACF,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC7B,CAAoB;IACrB,UAAU,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAE/C;IAC/B,qBAAqB,EAAE,qBAAqB,CAAM;IAClD,mBAAmB,EAAE,mBAAmB,CAAM;IAC9C,MAAM,EAAE,UAAU,CAIhB;IACF,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAM;IAEnD,KAAK;IAaL,IAAI,CAAC,IAAI,EAAE,WAAW;IAStB,aAAa,CAAC,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC;IAYtH,gBAAgB,CACZ,SAAS,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,WAAW,CAAC,EAC5D,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,EACtD,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,EAC/C,WAAW,EAAE,UAAU,EACvB,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;IAmEjC,kBAAkB,CACd,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,EACpD,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,EACpD,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC;IAiCvD,qBAAqB,CACjB,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,EAClD,SAAS,EAAE,MAAM,EAAE,EACnB,UAAU,EAAE,MAAM,EAAE,EACpB,UAAU,EAAE,MAAM,EAAE,EACpB,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,EACnD,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,EACpD,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,EACpD,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,EAC/C,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,EAC/C,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC;IAsFnD,iBAAiB,CACb,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,EAClD,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,EACnD,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,MAAM;IAsBpB,YAAY,CACR,SAAS,EAAE,MAAM,EAAE,EACnB,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,EACnD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,EAClD,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,EACpD,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,EACpD,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,EAC/C,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,EAC/C,WAAW,EAAE;QAAC,CAAC,EAAE,OAAO,CAAC;QAAC,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAC;IAsE3E,cAAc,CACV,SAAS,EAAE,UAAU,GAAG,YAAY,EACpC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAC7B,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAC/B,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,EAC/C,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,SAAS,EAAE,EAC3B,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC;IAgDvD,gBAAgB,CACZ,SAAS,EAAE,MAAM,EAAE,EACnB,UAAU,EAAE,MAAM,EAAE,EACpB,UAAU,EAAE,MAAM,EAAE,EACpB,MAAM,EAAE,gBAAgB,CAAC,QAAQ,CAAC,EAClC,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,EAC/C,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC;IAmDnD,yBAAyB,CAAC,YAAY,EAAE,mBAAmB,CAAC,wBAAwB,CAAC;IAqBrF,MAAM,CACF,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,EACnD,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,EACnD,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAC/B,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,EAC/C,WAAW,EAAE,UAAU,EACvB,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,EAC/C,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,EAC/C,eAAe,EAAE,eAAe,EAChC,sBAAsB,EAAE,mBAAmB,CAAC,wBAAwB,CAAC,EACrE,cAAc,EAAE,SAAS,EAAE,EAC3B,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,EACnD,mBAAmB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,EACzC,WAAW,EAAE;QAAC,CAAC,EAAE,OAAO,CAAC;QAAC,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAC,EACvE,kBAAkB,EAAE,QAAQ,GAAG,KAAK;IA6DxC,WAAW,CAAC,OAAO,EAAE,MAAM;CAG9B;AAED,eAAe,aAAa,CAAC"}

package/dist/heatmap/ChartRenderer.js

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