@milaboratories/graph-maker 1.1.131 → 1.1.133

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

@@ -0,0 +1,385 @@
+import { j as W } from "../node_modules/react/jsx-runtime.js";
+import { Error as tt } from "../common/Error.js";
+import { MIN_MARGIN as I, LEGEND_OFFSET as et, TITLE_LINE as _, DEFAULT_AES as Y, CHART_SIDE_ELEMENTS as st, MIN_PADDING as it } from "./constants.js";
+import { calculateChartSideElementSizes as at } from "./utils/calculateChartSideElementSizes.js";
+import { calculateSideElementsBBoxes as ot } from "./utils/calculateSideElementsBBoxes.js";
+import { createDiscreteColorScale as q, createContinuousColorScale as nt } from "./utils/createColorScales.js";
+import { calculateAnnotationTitleSizes as rt } from "./utils/calculateAnnotationTitleSizes.js";
+import { calculateCaptionTails as lt } from "./utils/calculateCaptionTails.js";
+import { getChartEdgeSides as ht } from "../utils/getChartEdgeSides.js";
+import { getContinuousLegendTicks as V } from "../utils/getContinuousLegendTicks.js";
+import F from "../node_modules/lodash/lodash.js";
+import { TITLE_LINE_HEIGHT as ct, TITLE_MARGIN as ut, DEFAULT_HEIGHT as X, DEFAULT_WIDTH as U } from "../constants.js";
+import { createRoot as pt } from "../node_modules/react-dom/client.js";
+import { ChartsGroup as dt } from "./components/ChartsGroup.js";
+import { TextMeasurer as mt } from "../utils/TextMeasurer.js";
+import { arrangeLegendParts as gt } from "../utils/arrangeLegendParts.js";
+import B from "../node_modules/d3-scale/src/ordinal.js";
+import j from "../node_modules/d3-scale/src/linear.js";
+import ft from "../node_modules/d3-array/src/extent.js";
+import J from "../node_modules/d3-hierarchy/src/cluster.js";
+var yt = Object.defineProperty, Ct = (f, s, t) => s in f ? yt(f, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : f[s] = t, A = (f, s, t) => Ct(f, typeof s != "symbol" ? s + "" : s, t);
+function Q(f, s, t) {
+  function e(r) {
+    r[t] = s(r.data.height), r.children && r.children.forEach(e);
+  }
+  e(f);
+}
+function Z(f, s, t, e = t) {
+  function r(o) {
+    o[e] = o[t] + s, o.children && o.children.forEach(r);
+  }
+  r(f);
+}
+const St = (f, s) => {
+  const t = Math.min(...s), e = Math.max(...s);
+  if (t === e) {
+    const a = f % 2 === 0 ? [] : [t];
+    for (let l = 1; l < f / 2 + 1; l++)
+      a.push(t + l), a.unshift(t - l);
+    return a;
+  }
+  if (f < 2)
+    return [t, e];
+  const r = (e - t) / (f - 1), o = [];
+  for (let a = 0; a < f - 1; a++)
+    o.push(t + r * a);
+  return o.push(e), o;
+};
+function $(f, s, t) {
+  let e = t;
+  return f && (f.colorRange && (e = f.colorRange), f.method === "standardScaling" && (e = [-2, 2]), f.method === "meanNormalization" && (e = [-0.75, 0.75])), St(s, e);
+}
+class kt {
+  constructor() {
+    A(this, "reactRoot", null), A(this, "parentNode", null), A(this, "rootNode", null), A(this, "component", /* @__PURE__ */ W.jsx(W.Fragment, {})), A(this, "chartsDimensions", {}), A(this, "chartSizes", {
+      chartWidth: U,
+      // width of single chart
+      chartHeight: X,
+      // height of single chart
+      chartsWidth: U,
+      // width of all charts in charts row
+      chartsHeight: X,
+      // width of all charts in charts column, without axes
+      totalWidth: U,
+      // width of all charts in charts row, plus left axis, plus legend
+      totalHeight: X
+      // width of all charts in charts height, plus bottom axis, plus top title
+    }), A(this, "margins", {
+      top: I,
+      bottom: I,
+      left: I,
+      right: I
+    }), A(this, "captionsSizes", {
+      xAxisCaptions: 100,
+      yAxisCaptions: 100,
+      xGroupCaptions: _,
+      yGroupCaptions: _,
+      xCaptionTail: 0,
+      yCaptionTail: 0
+    }), A(this, "labelAngles", {
+      xAxisLabels: 0,
+      yAxisLabels: 0,
+      xGroupLabels: 0,
+      yGroupLabels: 0
+    }), A(this, "columnsCount", 1), A(this, "rowsCount", 1), A(this, "scales", {
+      // scales grouped by facet
+      x: { null: B().domain(["null"]).range([1]) },
+      y: { null: B().domain(["null"]).range([1]) }
+    }), A(this, "step", { x: {}, y: {} }), A(this, "colorScale", j().domain([0, 1]).range(["white", "black"])), A(this, "annotationColorScales", {}), A(this, "dendrogramAesScales", {}), A(this, "legend", {
+      width: 0,
+      height: 0,
+      items: []
+    }), A(this, "dendrograms", {});
+  }
+  clear() {
+    var s;
+    this.parentNode && this.rootNode && ((s = this.parentNode) == null || s.removeChild(this.rootNode), this.parentNode = null, this.rootNode = null), setTimeout(() => {
+      var t;
+      (t = this.reactRoot) == null || t.unmount(), this.reactRoot = null;
+    });
+  }
+  init(s) {
+    this.parentNode === null && (this.parentNode = s, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = pt(this.rootNode));
+  }
+  updateMargins(s) {
+    this.margins = {
+      top: s.show ? ct + ut * 2 : I,
+      bottom: I,
+      left: I,
+      right: this.legend.width + I
+    }, this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right, this.chartSizes.totalHeight = this.margins.top + Math.max(this.chartSizes.chartsHeight + this.margins.bottom, this.legend.height);
+  }
+  updateLegendSize(s, t, e, r, o) {
+    if (!t.show) {
+      this.legend = { width: 0, height: 0, items: [] };
+      return;
+    }
+    const a = this.chartSizes.chartHeight, l = [], c = { width: 0, height: 0, left: 0, top: 0 }, L = (u) => u.reduce((h, i) => (h[i] = String(i), h), {});
+    if (s === "continuous") {
+      const u = this.colorScale, h = V(u, o), i = j([h[0], h[h.length - 1]], [a, 0]), n = r.label ?? r.value;
+      l.push({
+        ...c,
+        type: "continuous",
+        id: "heatmapValue",
+        scale: u,
+        values: h,
+        title: n,
+        tickPositionScale: i
+      });
+    } else if (s === "discrete") {
+      const u = this.colorScale, h = r.label ?? r.value, i = u.domain(), n = L(i);
+      l.push({ ...c, type: "discreteColor", id: "heatmapValue", title: h, scale: u, values: i, labels: n });
+    }
+    if (e.forEach((u) => {
+      const h = u.valueColumn.label ?? u.valueColumn.value;
+      if (u.type === "continuous") {
+        const i = this.annotationColorScales[u.id].scale, n = V(i, o), C = j([n[0], n[n.length - 1]], [a, 0]);
+        l.push({ ...c, type: "continuous", id: u.id, tickPositionScale: C, title: h, scale: i, values: n });
+      }
+      if (u.type === "discrete") {
+        const i = this.annotationColorScales[u.id].scale, n = i.domain(), C = L(n);
+        l.push({ ...c, type: "discreteColor", id: u.id, title: h, scale: i, values: n, labels: C });
+      }
+    }), !l.length) {
+      this.legend = { width: 0, height: 0, items: [] };
+      return;
+    }
+    const y = gt(l, this.chartSizes.chartHeight), m = y[y.length - 1], S = m.left + m.width + et;
+    this.legend = {
+      width: S,
+      height: a,
+      items: y
+    };
+  }
+  updateCaptionsSize(s, t, e, r) {
+    const o = new mt("bold 14px Arial"), { xGroupKeys: a, yGroupKeys: l, xGroupLabels: c, yGroupLabels: L, xKeysByGroups: y, yKeysByGroups: m, xLabels: S, yLabels: u } = s.meta;
+    this.labelAngles = {
+      xAxisLabels: t.axisLabelsAngle,
+      yAxisLabels: e.axisLabelsAngle,
+      xGroupLabels: t.groupLabelsAngle,
+      yGroupLabels: e.groupLabelsAngle
+    };
+    function h(D, K) {
+      let H = 0;
+      for (const M of D) {
+        const G = o.getTextWidth(K[M]);
+        G > H && (H = G);
+      }
+      return H;
+    }
+    const i = F.flatten(Object.values(y)), n = F.flatten(Object.values(m)), C = h(i, S), d = h(n, u), p = h(a, c), g = h(l, L), { xCaptionTail: x, yCaptionTail: z } = lt(
+      this.labelAngles,
+      r,
+      this.step,
+      s,
+      o
+    ), E = this.labelAngles.xGroupLabels / 180 * Math.PI, w = this.labelAngles.yGroupLabels / 180 * Math.PI, v = this.labelAngles.xAxisLabels / 180 * Math.PI, N = this.labelAngles.yAxisLabels / 180 * Math.PI;
+    this.captionsSizes = {
+      xCaptionTail: x,
+      yCaptionTail: z,
+      xGroupCaptions: p * Math.sin(E) || _,
+      yGroupCaptions: g * Math.sin(w) || _,
+      xAxisCaptions: C * Math.sin(v) || _,
+      yAxisCaptions: d * Math.sin(N) || _
+    };
+  }
+  updateChartDimensions(s, t, e, r, o, a, l, c, L, y) {
+    const m = t.length, S = Math.min(o.nRows ?? m, m), u = Math.min(o.nCols ?? m, m);
+    this.columnsCount = o.nRows ? Math.ceil(m / S) : u, this.rowsCount = Math.ceil(m / this.columnsCount);
+    const { width: h, height: i } = s, { sharedX: n, sharedY: C } = o;
+    this.chartsDimensions = {};
+    let d = 0, p = 0;
+    t.forEach((z, E) => {
+      const w = E % this.columnsCount + 1, v = ht(E, t.length, this.columnsCount, this.rowsCount), N = this.step.x[z], D = this.step.y[z], K = at(
+        a,
+        l,
+        this.captionsSizes,
+        c,
+        L,
+        y,
+        v,
+        n,
+        C,
+        t,
+        e,
+        r,
+        N,
+        D
+      ), H = rt(c, v, n, C);
+      function M(R) {
+        return Math.max(
+          st[R].reduce((b, T) => b + K[R][T], 0),
+          H[R],
+          it
+        );
+      }
+      const G = {
+        left: M("left"),
+        right: M("right"),
+        top: M("top"),
+        bottom: M("bottom")
+      };
+      G.left < this.captionsSizes.xCaptionTail && (G.left = this.captionsSizes.xCaptionTail), G.bottom < this.captionsSizes.yCaptionTail && (G.bottom = this.captionsSizes.yCaptionTail);
+      const k = ot(K, h, i), O = h + G.left + G.right, P = i + G.top + G.bottom;
+      this.chartsDimensions[z] = {
+        left: d,
+        top: p,
+        inner: { width: h, height: i },
+        outer: { width: O, height: P },
+        padding: G,
+        sideElementBBoxes: k,
+        chartEdgeSides: v
+      }, d += O, w === this.columnsCount && (d = 0, p += P);
+    });
+    const g = t.slice(0, this.columnsCount).reduce((z, E) => z + this.chartsDimensions[E].outer.width, 0), x = t.filter((z, E) => E % this.columnsCount === 0).reduce((z, E) => z + this.chartsDimensions[E].outer.height, 0);
+    this.chartSizes.chartsWidth = g, this.chartSizes.chartsHeight = x;
+  }
+  updateChartsSizes(s) {
+    const { width: t, height: e } = s;
+    this.chartSizes.chartWidth = t, this.chartSizes.chartHeight = e;
+  }
+  // update scales for cell positions, x and y for each facet
+  updateScales(s, t, e, r, o, a, l, c, L) {
+    const { width: y, height: m } = o, { meta: S, facets: u } = t, { sharedX: h, sharedY: i } = r, n = (d, p = {}) => d.sort(
+      (g, x) => a.sorting === "asc" ? (p[g] ?? g).localeCompare(p[x] ?? x, "en", { numeric: !0 }) : (p[x] ?? x).localeCompare(p[g] ?? g, "en", { numeric: !0 })
+    ), C = (d, p = {}) => d.sort(
+      (g, x) => l.sorting === "asc" ? (p[g] ?? g).localeCompare(p[x] ?? x, "en", { numeric: !0 }) : (p[x] ?? x).localeCompare(p[g] ?? g, "en", { numeric: !0 })
+    );
+    s.forEach((d) => {
+      const p = u[d], g = n(S.xGroupKeys), x = C(S.yGroupKeys), { xKeysByGroups: z } = h ? S : p, { yKeysByGroups: E } = i ? S : p, w = g.map((b) => z[b].length), v = x.map((b) => E[b].length), N = w.reduce((b, T) => b + T, 0), D = v.reduce((b, T) => b + T, 0), K = (y - (w.filter((b) => b > 0).length - 1) * e) / N, H = (m - (v.filter((b) => b > 0).length - 1) * e) / D, M = [], G = [];
+      let k = 0;
+      g.forEach((b) => {
+        const T = c ? z[b] : n(z[b], S.xLabels);
+        G.push(...T), T.forEach(() => {
+          M.push(k), k += K;
+        }), T.length > 0 && (k += e);
+      });
+      const O = [], P = [];
+      let R = 0;
+      x.forEach((b) => {
+        const T = L ? E[b] : C(E[b], S.yLabels);
+        P.push(...T), T.forEach(() => {
+          O.push(R), R += H;
+        }), T.length > 0 && (R += e);
+      }), this.scales.x[d] = B().domain(G).range(M), this.scales.y[d] = B().domain(P).range(O), this.step.x[d] = K, this.step.y[d] = H;
+    });
+  }
+  updateAesScale(s, t, e, r, o, a, l) {
+    if (s === "continuous")
+      e.valueColors ? this.colorScale = j().domain(e.valuesByColors ?? $(l, e.valueColors.length, t)).range(e.valueColors) : e.colorsList && (this.colorScale = j().domain($(l, e.colorsList.length, t)).range(e.colorsList));
+    else if (e.colorsMap) {
+      const y = Object.entries(e.colorsMap);
+      this.colorScale = B().domain(y.map((m) => m[0])).range(y.map((m) => m[1])).unknown("#ccc");
+    } else e.colorsList && (this.colorScale = q(e.colorsList, a.map(String)));
+    const { xDataByKeys: c, yDataByKeys: L } = o.meta;
+    r.forEach((y) => {
+      const { colors: m, type: S, axis: u, valueColumn: h } = y, i = (u === "x" ? c : L)[h.value];
+      if (S === "discrete") {
+        const n = F.uniq(Object.values(i).map(String)).sort();
+        this.annotationColorScales[y.id] = {
+          type: "discrete",
+          scale: q(m, n)
+        };
+      } else {
+        const n = Object.values(i).map(Number);
+        if (!n.length)
+          return;
+        const [C = n[0], d = n[0]] = ft(n);
+        this.annotationColorScales[y.id] = {
+          type: "continuous",
+          scale: nt(m, C, d, 0, 0.5, 1)
+        };
+      }
+    });
+  }
+  updateDendrogram(s, t, e, r, o, a, l) {
+    s.forEach((c) => {
+      this.dendrograms[c] = { x: { trees: [], data: a }, y: { trees: [], data: l } };
+      const { xKeysByGroups: L, yKeysByGroups: y } = r[c], { hierarchyX: m, hierarchyY: S } = o[c], u = Math.max(...m.map((i) => i.data.height)), h = Math.max(...S.map((i) => i.data.height));
+      a && (this.dendrograms[c].x.trees = m.map((i, n) => {
+        const C = t[n], d = L[C];
+        J().separation(() => 1).size([d.length * this.step.x[c], a.size])(
+          i
+        );
+        const p = i, g = j().domain(a.position === "top" ? [0, u] : [u, 0]).range([a.size, 0]);
+        return Q(p, g, "y"), Z(p, this.scales.x[c](d[0]), "x"), p;
+      }), this.dendrograms[c].x.data = a), l && (this.dendrograms[c].y.trees = S.map((i, n) => {
+        const C = e[n], d = y[C];
+        J().separation(() => 1).size([d.length * this.step.y[c], l.size])(
+          i
+        );
+        const p = i, g = j().domain(l.position === "left" ? [0, h] : [h, 0]).range([l.size, 0]);
+        return Z(p, this.scales.y[c](d[0]), "x", "y"), Q(p, g, "x"), p;
+      }), this.dendrograms[c].y.data = l);
+    });
+  }
+  updateDendrogramAesScales(s) {
+    if (!s)
+      return;
+    const t = Object.keys(s);
+    this.dendrogramAesScales = t.reduce((e, r) => {
+      const o = s[r], a = Object.keys(o);
+      return e[r] = B().domain(a).range(
+        a.map((l) => ({
+          ...Y,
+          ...o[l]
+        }))
+      ).unknown(Y), e;
+    }, {});
+  }
+  render(s, t, e, r, o, a, l, c, L, y, m, S, u, h) {
+    var i;
+    const { meta: n, facets: C } = o, { facetKeys: d, xGroupKeys: p, yGroupKeys: g, valueExtent: x } = n, { xAxis: z, yAxis: E, title: w, size: v, valueType: N } = t;
+    this.updateChartsSizes(v), this.updateAesScale(N, x, r, a, o, S, u), this.updateScales(d, o, r.groupGap, e, v, t.xAxis, t.yAxis, c, L), this.updateCaptionsSize(o, z, E, e), this.updateChartDimensions(
+      v,
+      d,
+      p,
+      g,
+      e,
+      z,
+      E,
+      a,
+      c,
+      L
+    ), this.updateLegendSize(N, t.legend, a, l, x), this.updateMargins(w), this.updateDendrogram(d, p, g, C, y, c, L), this.updateDendrogramAesScales(m);
+    const D = /* @__PURE__ */ W.jsx(
+      dt,
+      {
+        aes: r,
+        annotations: a,
+        annotationColorScales: this.annotationColorScales,
+        captionsSizes: this.captionsSizes,
+        cellsMeta: n,
+        columnsCount: this.columnsCount,
+        chartsDimensions: this.chartsDimensions,
+        chartSettings: t,
+        chartSizes: this.chartSizes,
+        colorScale: this.colorScale,
+        dendrogramAesScales: this.dendrogramAesScales,
+        dendrograms: this.dendrograms,
+        facetKeys: d,
+        facetSettings: e,
+        groupedCells: C,
+        labelAngles: this.labelAngles,
+        legend: this.legend,
+        margins: this.margins,
+        scales: this.scales,
+        settingsId: s,
+        step: this.step,
+        xGroupKeys: p,
+        yGroupKeys: g,
+        onTooltipHintSwitch: h
+      }
+    );
+    this.component = D, (i = this.reactRoot) == null || i.render(D);
+  }
+  renderError(s) {
+    var t;
+    (t = this.reactRoot) == null || t.render(/* @__PURE__ */ W.jsx(tt, { message: s }));
+  }
+}
+export {
+  kt as default
+};
+//# sourceMappingURL=ChartRenderer.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/ChartRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartRenderer.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/ChartRenderer.tsx"],"sourcesContent":["import {Error} from '../common/Error';\nimport {DEFAULT_AES} from './constants';\nimport type {\n    AnnotationColorScales,\n    CaptionsSizes,\n    ChartDendrograms,\n    ChartDimensionsData,\n    ChartSizes,\n    ChartsScales,\n    Cluster,\n    DendrogramAesScales,\n    LabelAngles,\n    Margins,\n} from './components/types';\nimport type {GroupedCellsData} from './getCells';\nimport type {DendrogramsData} from './getDendrograms';\nimport type {HeatmapSettingsImpl} from './HeatmapSettingsImpl';\nimport {\n    calculateAnnotationTitleSizes,\n    calculateChartSideElementSizes,\n    calculateSideElementsBBoxes,\n    createContinuousColorScale,\n    createDiscreteColorScale,\n} from './utils';\nimport {calculateCaptionTails} from './utils/calculateCaptionTails';\nimport type {AesItem, ColumnName, DataValue} from '../types';\nimport {getChartEdgeSides} from '../utils/getChartEdgeSides';\nimport {getContinuousLegendTicks} from '../utils/getContinuousLegendTicks';\nimport {extent} from 'd3-array';\nimport type {HierarchyNode, HierarchyPointNode} from 'd3-hierarchy';\nimport {cluster} from 'd3-hierarchy';\nimport type {ScaleLinear, ScaleOrdinal} from 'd3-scale';\nimport {scaleLinear, scaleOrdinal} from 'd3-scale';\nimport lodash from 'lodash';\nimport {CHART_SIDE_ELEMENTS, LEGEND_OFFSET, MIN_MARGIN, MIN_PADDING, TITLE_LINE} from './constants';\nimport {DEFAULT_HEIGHT, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN} from '../constants';\nimport type {ReactElement} from 'react';\nimport React from 'react';\nimport type {Root} from 'react-dom/client';\nimport {createRoot} from 'react-dom/client';\nimport {ChartsGroup} from './components/ChartsGroup';\nimport {TextMeasurer} from '../utils/TextMeasurer';\nimport type { LegendData, LegendItem } from '../common/types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\n\nfunction updateLinksHeight(root: HierarchyPointNode<Cluster>, scale: (v: number) => number, coord: 'x' | 'y') {\n    function setHeight(d: HierarchyPointNode<Cluster>) {\n        d[coord] = scale(d.data.height);\n        if (d.children) d.children.forEach(setHeight);\n    }\n    setHeight(root);\n}\n\n// add shift to move nodes positions with group gaps\nfunction addShiftToLinkCoord(\n    root: HierarchyPointNode<Cluster>,\n    shift: number,\n    coordFrom: 'x' | 'y',\n    coordTo = coordFrom\n) {\n    function setX(d: HierarchyPointNode<Cluster>) {\n        d[coordTo] = d[coordFrom] + shift;\n        if (d.children) d.children.forEach(setX);\n    }\n    setX(root);\n}\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(normalization:HeatmapSettingsImpl['normalization'], colorsCount: number, valueExtent: number[]) {\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        xGroupCaptions: TITLE_LINE,\n        yGroupCaptions: TITLE_LINE,\n        xCaptionTail: 0,\n        yCaptionTail: 0,\n    };\n    labelAngles: LabelAngles = {\n        xAxisLabels: 0,\n        yAxisLabels: 0,\n        xGroupLabels: 0,\n        yGroupLabels: 0,\n    };\n    columnsCount = 1;\n    rowsCount = 1;\n    scales: ChartsScales = {\n        // scales grouped by facet\n        x: {null: scaleOrdinal<string, number>().domain(['null']).range([1])},\n        y: {null: scaleOrdinal<string, number>().domain(['null']).range([1])},\n    };\n    step: {\n        x: Record<string, number>;\n        y: Record<string, number>;\n    } = {x: {}, y: {}};\n    colorScale: ScaleLinear<string, string> | ScaleOrdinal<string, string, string> = scaleLinear<string, string>()\n        .domain([0, 1])\n        .range(['white', 'black']);\n    annotationColorScales: AnnotationColorScales = {};\n    dendrogramAesScales: DendrogramAesScales = {};\n    legend: LegendData = {\n        width: 0,\n        height: 0,\n        items: [],\n    };\n    dendrograms: Record<string, ChartDendrograms> = {};\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: HeatmapSettingsImpl['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 + MIN_MARGIN,\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.margins.bottom, this.legend.height);\n    }\n\n    updateLegendSize(\n        valueType: HeatmapSettingsImpl['chartSettings']['valueType'],\n        legend: HeatmapSettingsImpl['chartSettings']['legend'],\n        annotations: HeatmapSettingsImpl['annotations'],\n        columnValue: ColumnName,\n        valueExtent: [number, number]\n    ) {\n        if (!legend.show) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n        const legendHeight = this.chartSizes.chartHeight;\n        const legendItems: LegendItem[] = [];\n        const emptySizes = {width:0, height:0, left:0, top: 0};\n   \n        const getDefaultLabels = (values:(string|number)[]) => values.reduce((res:Record<string, string>, v:string|number) => {res[v] = String(v); return res;}, {});\n        if (valueType === 'continuous') {\n            const scale = this.colorScale as ScaleLinear<string, string>;\n            const values = getContinuousLegendTicks(scale, valueExtent);\n            const tickPositionScale = scaleLinear([values[0], values[values.length - 1]], [legendHeight, 0]); //TODO: update during adding log scale for heatmap\n            const title = columnValue.label ?? columnValue.value;\n            legendItems.push({\n                ...emptySizes,\n                type: 'continuous',\n                id: 'heatmapValue',\n                scale,\n                values,\n                title,\n                tickPositionScale\n            });\n        } else if (valueType === 'discrete') {\n            const scale = this.colorScale as ScaleOrdinal<string, string>;\n            const title = columnValue.label ?? columnValue.value;\n            const values = scale.domain();\n            const labels = getDefaultLabels(values);\n\n            legendItems.push({...emptySizes, type: 'discreteColor', id: 'heatmapValue', title, scale, values, labels });\n        }\n        annotations.forEach(item => {\n            const title = item.valueColumn.label ?? item.valueColumn.value;\n            if (item.type === 'continuous') {\n                const scale = this.annotationColorScales[item.id].scale as ScaleLinear<string, string>;\n                const values = getContinuousLegendTicks(scale, valueExtent);\n                const tickPositionScale = scaleLinear([values[0], values[values.length - 1]], [legendHeight, 0]); //TODO: update during adding log scale for heatmap\n\n                legendItems.push({...emptySizes,  type: 'continuous', id: item.id, tickPositionScale, title, scale, values});\n            }\n            if (item.type === 'discrete') {\n                const scale = this.annotationColorScales[item.id].scale as ScaleOrdinal<string, string>;\n                const values = scale.domain();\n                const labels = getDefaultLabels(values);\n\n                legendItems.push({...emptySizes, type: 'discreteColor', id: item.id, title, scale, values, labels });\n            }\n        });\n\n        if (!legendItems.length) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, this.chartSizes.chartHeight);\n        const lastItem = items[items.length - 1];\n        const legendWidth = lastItem.left + lastItem.width + LEGEND_OFFSET;\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight,\n            items\n        };\n    }\n\n    updateCaptionsSize(\n        groupedCells: GroupedCellsData,\n        xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'],\n        facetSettings: HeatmapSettingsImpl['facetSettings']\n    ) {\n        const textMeasurer = new TextMeasurer('bold 14px Arial');\n        const {xGroupKeys, yGroupKeys, xGroupLabels, yGroupLabels, xKeysByGroups, yKeysByGroups, xLabels, yLabels} = groupedCells.meta;\n        this.labelAngles = {\n            xAxisLabels: xAxis.axisLabelsAngle,\n            yAxisLabels: yAxis.axisLabelsAngle,\n            xGroupLabels: xAxis.groupLabelsAngle,\n            yGroupLabels: yAxis.groupLabelsAngle,\n        };\n        // check auto-rotations, if some labels longer then width of cells group or cell\n        // facetKeys.forEach((facetKey) => {\n        //     const stepX = this.step.x[facetKey];\n        //     const stepY = this.step.y[facetKey];\n        //     const facetGroup = groupedCells.groups[facetKey];\n        //     const {xKeysByGroups, yKeysByGroups} = facetGroup;\n        //\n        //     // if some group has title longer than width of its cells, title should be rotated\n        //     if (xGroupKeys.some((key) => textMeasurer.getTextWidth(key) > xKeysByGroups[key].length * stepX)) {\n        //         this.captionsAngles.xGroupCaptions = 90;\n        //     }\n        //     if (yGroupKeys.some((key) => textMeasurer.getTextWidth(key) > yKeysByGroups[key].length * stepY)) {\n        //         this.captionsAngles.yGroupCaptions = 90;\n        //     }\n        //     // if some axis cell label longer than cell width/height, label should be rotated\n        //     if (xGroupKeys.some((key) => xKeysByGroups[key].some((xKey) => textMeasurer.getTextWidth(xKey) > stepX))) {\n        //         this.captionsAngles.xAxisCaptions = 90;\n        //     }\n        //     if (yGroupKeys.some((key) => yKeysByGroups[key].some((yKey) => textMeasurer.getTextWidth(yKey) > stepY))) {\n        //         this.captionsAngles.yAxisCaptions = 90;\n        //     }\n        // });\n        function getMaxTextLength (keys:string[], labels:Record<string, string>) {\n            let maxLabelSize = 0;\n            for (const key of keys) {\n                const l = textMeasurer.getTextWidth(labels[key]);\n                if (l > maxLabelSize) {\n                    maxLabelSize = l;\n                }\n            }\n            return maxLabelSize;\n        }\n        const xKeys = lodash.flatten(Object.values(xKeysByGroups));\n        const yKeys = lodash.flatten(Object.values(yKeysByGroups));\n\n        const maxXLabelSize = getMaxTextLength(xKeys, xLabels);\n        const maxYLabelSize = getMaxTextLength(yKeys, yLabels);\n        const maxXGroupLabelSize = getMaxTextLength(xGroupKeys, xGroupLabels);\n        const maxYGroupLabelSize = getMaxTextLength(yGroupKeys, yGroupLabels);\n        const {xCaptionTail, yCaptionTail} = calculateCaptionTails(\n            this.labelAngles,\n            facetSettings,\n            this.step,\n            groupedCells,\n            textMeasurer\n        );\n        const xGroupAngle = (this.labelAngles.xGroupLabels / 180) * Math.PI;\n        const yGroupAngle = (this.labelAngles.yGroupLabels / 180) * Math.PI;\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            xGroupCaptions: maxXGroupLabelSize * Math.sin(xGroupAngle) || TITLE_LINE,\n            yGroupCaptions: maxYGroupLabelSize * Math.sin(yGroupAngle) || TITLE_LINE,\n            xAxisCaptions: maxXLabelSize * Math.sin(xLabelAngle) || TITLE_LINE,\n            yAxisCaptions: maxYLabelSize * Math.sin(yLabelAngle) || TITLE_LINE,\n        };\n    }\n\n    updateChartDimensions(\n        size: HeatmapSettingsImpl['chartSettings']['size'],\n        facetKeys: string[],\n        xGroupKeys: string[],\n        yGroupKeys: string[],\n        facetSettings: HeatmapSettingsImpl['facetSettings'],\n        xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'],\n        annotations: HeatmapSettingsImpl['annotations'],\n        dendrogramX: HeatmapSettingsImpl['dendrogramX'],\n        dendrogramY: HeatmapSettingsImpl['dendrogramY']\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        const {width, height} = size;\n        const {sharedX, sharedY} = facetSettings;\n\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 stepX = this.step.x[key];\n            const stepY = this.step.y[key];\n            const sideElementSizes = calculateChartSideElementSizes(\n                xAxis,\n                yAxis,\n                this.captionsSizes,\n                annotations,\n                dendrogramX,\n                dendrogramY,\n                chartSides,\n                sharedX,\n                sharedY,\n                facetKeys,\n                xGroupKeys,\n                yGroupKeys,\n                stepX,\n                stepY\n            );\n            const annotationsTitleSizes = calculateAnnotationTitleSizes(annotations, chartSides, sharedX, sharedY);\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                    annotationsTitleSizes[side],\n                    MIN_PADDING\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(size: HeatmapSettingsImpl['chartSettings']['size']) {\n        const {width, height} = size;\n        this.chartSizes.chartWidth = width;\n        this.chartSizes.chartHeight = height;\n    }\n\n    // update scales for cell positions, x and y for each facet\n    updateScales(\n        facetKeys: string[],\n        groupedCells: GroupedCellsData,\n        groupGap: number,\n        facetSettings: HeatmapSettingsImpl['facetSettings'],\n        size: HeatmapSettingsImpl['chartSettings']['size'],\n        xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'],\n        dendrogramX: HeatmapSettingsImpl['dendrogramX'],\n        dendrogramY: HeatmapSettingsImpl['dendrogramY'],\n    ) {\n        const {width, height} = size;\n        const {meta, facets} = groupedCells;\n        const {sharedX, sharedY} = facetSettings;\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        facetKeys.forEach(facetKey => {\n            const facetGroup = facets[facetKey];\n            const xGroupKeys = sortX(meta.xGroupKeys);\n            const yGroupKeys = sortY(meta.yGroupKeys);\n            const {xKeysByGroups} = sharedX ? meta : facetGroup;\n            const {yKeysByGroups} = sharedY ? meta : facetGroup;\n            // for shared facets max cells counts in group should be used\n            const xCounts = xGroupKeys.map(xGroupKey => xKeysByGroups[xGroupKey].length);\n            const yCounts = yGroupKeys.map(yGroupKey => yKeysByGroups[yGroupKey].length);\n            const xCellsCount = xCounts.reduce((sum, count) => sum + count, 0);\n            const yCellsCount = yCounts.reduce((sum, count) => sum + count, 0);\n            const xStep = (width - (xCounts.filter(count => count > 0).length - 1) * groupGap) / xCellsCount;\n            const yStep = (height - (yCounts.filter(count => count > 0).length - 1) * groupGap) / yCellsCount;\n\n            const xPositions: number[] = [];\n            const xKeys: string[] = [];\n            let currentX = 0;\n            xGroupKeys.forEach(xKey => {\n                const axisKeys = dendrogramX ? xKeysByGroups[xKey] : sortX(xKeysByGroups[xKey], meta.xLabels);\n                xKeys.push(...axisKeys);\n                axisKeys.forEach(() => {\n                    xPositions.push(currentX);\n                    currentX += xStep;\n                });\n                // do not add offset for empty group\n                if (axisKeys.length > 0) {\n                    currentX += groupGap;\n                }\n            });\n\n            const yPositions: number[] = [];\n            const yKeys: string[] = [];\n            let currentY = 0;\n            yGroupKeys.forEach(yKey => {\n                const axisKeys = dendrogramY ? yKeysByGroups[yKey] : sortY(yKeysByGroups[yKey], meta.yLabels);\n                yKeys.push(...axisKeys);\n                axisKeys.forEach(() => {\n                    yPositions.push(currentY);\n                    currentY += yStep;\n                });\n                // do not add offset for empty group\n                if (axisKeys.length > 0) {\n                    currentY += groupGap;\n                }\n            });\n\n            this.scales.x[facetKey] = scaleOrdinal<string, number>().domain(xKeys).range(xPositions);\n            this.scales.y[facetKey] = scaleOrdinal<string, number>().domain(yKeys).range(yPositions);\n            this.step.x[facetKey] = xStep;\n            this.step.y[facetKey] = yStep;\n        });\n    }\n\n    updateAesScale(\n        valueType: 'discrete' | 'continuous',\n        valueExtent: [number, number],\n        aes: HeatmapSettingsImpl['aes'],\n        annotations: HeatmapSettingsImpl['annotations'],\n        groupedCellsData: GroupedCellsData,\n        cellUniqValues: DataValue[],\n        normalization: HeatmapSettingsImpl['normalization']\n    ) {\n        if (valueType === 'continuous') {\n            if (aes.valueColors) {\n                this.colorScale = scaleLinear<string, string>()\n                    .domain(aes.valuesByColors ?? getContinuousColorRange(normalization, aes.valueColors.length, valueExtent))\n                    .range(aes.valueColors);\n            } else if (aes.colorsList) {\n                this.colorScale = scaleLinear<string, string>()\n                    .domain(getContinuousColorRange(normalization, aes.colorsList.length, valueExtent))\n                    .range(aes.colorsList);\n            }\n        } else {\n            if (aes.colorsMap) {\n                const valueKeys = Object.entries(aes.colorsMap);\n                this.colorScale = scaleOrdinal<string, string>()\n                    .domain(valueKeys.map(v => v[0]))\n                    .range(valueKeys.map(v => v[1]))\n                    .unknown('#ccc');\n            } else if (aes.colorsList) {\n                this.colorScale = createDiscreteColorScale(aes.colorsList, cellUniqValues.map(String));\n            }\n        }\n\n        const {xDataByKeys, yDataByKeys} = groupedCellsData.meta;\n        annotations.forEach(item => {\n            const {colors, type, axis, valueColumn} = item;\n            const data = (axis === 'x' ? xDataByKeys : yDataByKeys)[valueColumn.value];\n            if (type === 'discrete') {\n                const discreteValues = lodash.uniq(Object.values(data).map(String)).sort();\n                this.annotationColorScales[item.id] = {\n                    type: 'discrete',\n                    scale: createDiscreteColorScale(colors, discreteValues),\n                };\n            } else {\n                const values = Object.values(data).map(Number);\n                if (!values.length) {\n                    return;\n                }\n                const [min = values[0], max = values[0]] = extent(values);\n                this.annotationColorScales[item.id] = {\n                    type: 'continuous',\n                    scale: createContinuousColorScale(colors, min, max, 0, 0.5, 1),\n                };\n            }\n        });\n    }\n\n    updateDendrogram(\n        facetKeys: string[],\n        xGroupKeys: string[],\n        yGroupKeys: string[],\n        groups: GroupedCellsData['facets'],\n        dendrogramsData: DendrogramsData,\n        dendrogramX: HeatmapSettingsImpl['dendrogramX'],\n        dendrogramY: HeatmapSettingsImpl['dendrogramY']\n    ) {\n        facetKeys.forEach(facetKey => {\n            this.dendrograms[facetKey] = {x: {trees: [], data: dendrogramX}, y: {trees: [], data: dendrogramY}};\n            const {xKeysByGroups, yKeysByGroups} = groups[facetKey];\n            const {hierarchyX, hierarchyY} = dendrogramsData[facetKey];\n            const maxHeightX = Math.max(...hierarchyX.map(root => root.data.height));\n            const maxHeightY = Math.max(...hierarchyY.map(root => root.data.height));\n            if (dendrogramX) {\n                this.dendrograms[facetKey].x.trees = hierarchyX.map((hierarchy, idx) => {\n                    const groupKey = xGroupKeys[idx];\n                    const xKeys = xKeysByGroups[groupKey];\n                    cluster()\n                        .separation(() => 1)\n                        .size([xKeys.length * this.step.x[facetKey], dendrogramX.size])(\n                        hierarchy as HierarchyNode<unknown>\n                    );\n                    const root = hierarchy as HierarchyPointNode<Cluster>;\n                    const heightScale = scaleLinear()\n                        .domain(dendrogramX.position === 'top' ? [0, maxHeightX] : [maxHeightX, 0])\n                        .range([dendrogramX.size, 0]);\n                    updateLinksHeight(root, heightScale, 'y');\n                    addShiftToLinkCoord(root, this.scales.x[facetKey](xKeys[0]), 'x');\n                    return root;\n                });\n                this.dendrograms[facetKey].x.data = dendrogramX;\n            }\n            if (dendrogramY) {\n                this.dendrograms[facetKey].y.trees = hierarchyY.map((hierarchy, idx) => {\n                    const groupKey = yGroupKeys[idx];\n                    const yKeys = yKeysByGroups[groupKey];\n                    cluster()\n                        .separation(() => 1)\n                        .size([yKeys.length * this.step.y[facetKey], dendrogramY.size])(\n                        hierarchy as HierarchyNode<unknown>\n                    );\n                    const root = hierarchy as HierarchyPointNode<Cluster>;\n                    const heightScale = scaleLinear()\n                        .domain(dendrogramY.position === 'left' ? [0, maxHeightY] : [maxHeightY, 0])\n                        .range([dendrogramY.size, 0]);\n                    addShiftToLinkCoord(root, this.scales.y[facetKey](yKeys[0]), 'x', 'y');\n                    updateLinksHeight(root, heightScale, 'x');\n                    return root;\n                });\n                this.dendrograms[facetKey].y.data = dendrogramY;\n            }\n        });\n    }\n\n    updateDendrogramAesScales(inheritedAes: HeatmapSettingsImpl['inheritedDendrogramAes']) {\n        if (!inheritedAes) {\n            return;\n        }\n        const usedColumns = Object.keys(inheritedAes);\n        this.dendrogramAesScales = usedColumns.reduce((res: DendrogramAesScales, columnName) => {\n            const aesMap = inheritedAes[columnName];\n            const columnValues: string[] = Object.keys(aesMap);\n            res[columnName] = scaleOrdinal<string, AesItem, AesItem>()\n                .domain(columnValues)\n                .range(\n                    columnValues.map(value => ({\n                        ...DEFAULT_AES,\n                        ...aesMap[value],\n                    }))\n                )\n                .unknown(DEFAULT_AES);\n            return res;\n        }, {});\n    }\n\n    render(\n        settingsId: string,\n        chartSettings: HeatmapSettingsImpl['chartSettings'],\n        facetSettings: HeatmapSettingsImpl['facetSettings'],\n        aes: HeatmapSettingsImpl['aes'],\n        groupedCellsData: GroupedCellsData,\n        annotations: HeatmapSettingsImpl['annotations'],\n        valueColumn: ColumnName,\n        dendrogramX: HeatmapSettingsImpl['dendrogramX'],\n        dendrogramY: HeatmapSettingsImpl['dendrogramY'],\n        dendrogramsData: DendrogramsData,\n        inheritedDendrogramAes: HeatmapSettingsImpl['inheritedDendrogramAes'],\n        cellUniqValues: DataValue[],\n        normalization: HeatmapSettingsImpl['normalization'],\n        onTooltipHintSwitch: (v:boolean) => void\n    ) {\n        const {meta, facets} = groupedCellsData;\n        const {facetKeys, xGroupKeys, yGroupKeys, valueExtent} = meta;\n        const {xAxis, yAxis, title, size, valueType} = chartSettings;\n        this.updateChartsSizes(size);\n        this.updateAesScale(valueType, valueExtent, aes, annotations, groupedCellsData, cellUniqValues, normalization);\n        this.updateScales(facetKeys, groupedCellsData, aes.groupGap, facetSettings, size, chartSettings.xAxis, chartSettings.yAxis, dendrogramX, dendrogramY);\n        // caption sizes are needed for chart paddings in chart dimensions\n        this.updateCaptionsSize(groupedCellsData, xAxis, yAxis, facetSettings);\n        this.updateChartDimensions(\n            size,\n            facetKeys,\n            xGroupKeys,\n            yGroupKeys,\n            facetSettings,\n            xAxis,\n            yAxis,\n            annotations,\n            dendrogramX,\n            dendrogramY\n        );\n        this.updateLegendSize(valueType, chartSettings.legend, annotations, valueColumn, valueExtent);\n        this.updateMargins(title);\n        this.updateDendrogram(facetKeys, xGroupKeys, yGroupKeys, facets, dendrogramsData, dendrogramX, dendrogramY);\n        this.updateDendrogramAesScales(inheritedDendrogramAes);\n        const component = (\n            <ChartsGroup\n                aes={aes}\n                annotations={annotations}\n                annotationColorScales={this.annotationColorScales}\n                captionsSizes={this.captionsSizes}\n                cellsMeta={meta}\n                columnsCount={this.columnsCount}\n                chartsDimensions={this.chartsDimensions}\n                chartSettings={chartSettings}\n                chartSizes={this.chartSizes}\n                colorScale={this.colorScale as (v: unknown) => string}\n                dendrogramAesScales={this.dendrogramAesScales}\n                dendrograms={this.dendrograms}\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                xGroupKeys={xGroupKeys}\n                yGroupKeys={yGroupKeys}\n                onTooltipHintSwitch={onTooltipHintSwitch}\n            />\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":["updateLinksHeight","root","scale","coord","setHeight","d","addShiftToLinkCoord","shift","coordFrom","coordTo","setX","getSteps","count","valueExtent","min","max","steps","i","step","getContinuousColorRange","normalization","colorsCount","extent","ChartRenderer","__publicField","jsx","Fragment","DEFAULT_WIDTH","DEFAULT_HEIGHT","MIN_MARGIN","TITLE_LINE","scaleOrdinal","scaleLinear","_a","node","createRoot","title","TITLE_LINE_HEIGHT","TITLE_MARGIN","valueType","legend","annotations","columnValue","legendHeight","legendItems","emptySizes","getDefaultLabels","values","res","v","getContinuousLegendTicks","tickPositionScale","labels","item","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","groupedCells","xAxis","yAxis","facetSettings","textMeasurer","TextMeasurer","xGroupKeys","yGroupKeys","xGroupLabels","yGroupLabels","xKeysByGroups","yKeysByGroups","xLabels","yLabels","getMaxTextLength","keys","maxLabelSize","key","l","xKeys","lodash","yKeys","maxXLabelSize","maxYLabelSize","maxXGroupLabelSize","maxYGroupLabelSize","xCaptionTail","yCaptionTail","calculateCaptionTails","xGroupAngle","yGroupAngle","xLabelAngle","yLabelAngle","size","facetKeys","dendrogramX","dendrogramY","facetCount","maxNRows","maxNCols","width","height","sharedX","sharedY","currentLeft","currentTop","index","currentColumn","chartSides","getChartEdgeSides","stepX","stepY","sideElementSizes","calculateChartSideElementSizes","annotationsTitleSizes","calculateAnnotationTitleSizes","getPadding","side","CHART_SIDE_ELEMENTS","el","MIN_PADDING","padding","sideElementBBoxes","calculateSideElementsBBoxes","outerWidth","outerHeight","chartsWidth","sum","chartsHeight","_key","groupGap","meta","facets","sortX","arr","a","b","sortY","facetKey","facetGroup","xCounts","L","xGroupKey","yCounts","yGroupKey","xCellsCount","yCellsCount","xStep","yStep","xPositions","currentX","xKey","axisKeys","yPositions","currentY","yKey","aes","groupedCellsData","cellUniqValues","valueKeys","createDiscreteColorScale","xDataByKeys","yDataByKeys","colors","type","axis","valueColumn","data","discreteValues","createContinuousColorScale","groups","dendrogramsData","hierarchyX","hierarchyY","maxHeightX","maxHeightY","hierarchy","idx","groupKey","cluster","heightScale","inheritedAes","usedColumns","columnName","aesMap","columnValues","value","DEFAULT_AES","settingsId","chartSettings","inheritedDendrogramAes","onTooltipHintSwitch","component","ChartsGroup","message","Error"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/HeatmapSettingsImpl.js

@@ -0,0 +1,134 @@
+import { DEFAULT_HEIGHT_SMALL as f, DEFAULT_HEIGHT as w, DEFAULT_WIDTH_SMALL as T, DEFAULT_WIDTH as b, BLACK as C } from "../constants.js";
+import "../types/common.js";
+import "../types/discrete.js";
+import "../types/scatterplot.js";
+import { HeatmapSettingsSchema as L } from "../types/heatmap.js";
+import "../types/dendro.js";
+import "../types/histogram.js";
+import "../types/bubble.js";
+import o from "../node_modules/lodash/lodash.js";
+var S = Object.defineProperty, B = (s, t, l) => t in s ? S(s, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : s[t] = l, e = (s, t, l) => B(s, typeof t != "symbol" ? t + "" : t, l);
+const n = {
+  lineColor: C,
+  dotShape: "21",
+  dotFill: C,
+  dotSize: 3,
+  lineShape: "solid",
+  lineWidth: 1
+}, x = {
+  size: 150,
+  distance: "euclidean",
+  linkage: "average",
+  fillNA: 0,
+  showNodes: !0,
+  hidden: !1,
+  edgeInheritance: "up",
+  aes: n
+};
+class X {
+  constructor(t) {
+    e(this, "id"), e(this, "type", "heatmap"), e(this, "facetSettings"), e(this, "xColumn"), e(this, "xGroupBy"), e(this, "yColumn"), e(this, "yGroupBy"), e(this, "valueColumn"), e(this, "facetBy"), e(this, "normalization"), e(this, "chartSettings"), e(this, "aes"), e(this, "annotations"), e(this, "dendrogramX"), e(this, "dendrogramY"), e(this, "inheritedDendrogramAes"), e(this, "NAValueAs");
+    var l, a, r, u, h, d, p, m, g, c, y, v, A;
+    if (L.parse(t), this.id = o.uniqueId("settings"), this.facetSettings = {
+      sharedX: (t.facetBy ?? []).length > 0,
+      sharedY: (t.facetBy ?? []).length > 0,
+      ...t.facetSettings
+    }, this.xColumn = t.xColumn, this.xGroupBy = t.xGroupBy ?? [], this.yColumn = t.yColumn, this.yGroupBy = t.yGroupBy ?? [], this.valueColumn = t.valueColumn, this.facetBy = t.facetBy ?? [], this.chartSettings = {
+      title: {
+        position: "left",
+        show: !0,
+        ...t.title,
+        name: ((l = t.title) == null ? void 0 : l.name) ?? "Chart"
+      },
+      size: {
+        width: ((a = t == null ? void 0 : t.size) == null ? void 0 : a.width) ?? (this.facetBy.length ? T : b),
+        height: ((r = t == null ? void 0 : t.size) == null ? void 0 : r.height) ?? (this.facetBy.length ? f : w)
+      },
+      frame: { type: ((u = t.frame) == null ? void 0 : u.type) ?? "none" },
+      valueType: t.valueType ?? "continuous",
+      yAxis: {
+        title: t.yColumn.label ?? t.yColumn.value,
+        showTicks: !0,
+        showTitle: !0,
+        showAxisLabels: !0,
+        showGroupLabels: !0,
+        position: "left",
+        groupingPosition: "left",
+        axisLabelsAngle: 90,
+        groupLabelsAngle: 0,
+        sorting: "asc",
+        ...t.yAxis
+      },
+      xAxis: {
+        title: t.xColumn.label ?? t.xColumn.value,
+        showTicks: !0,
+        showTitle: !0,
+        showAxisLabels: !0,
+        showGroupLabels: !0,
+        position: "bottom",
+        groupingPosition: "bottom",
+        axisLabelsAngle: 90,
+        groupLabelsAngle: 0,
+        sorting: "asc",
+        ...t.xAxis
+      },
+      legend: {
+        show: !0,
+        position: "right",
+        ...t.legend
+      },
+      tooltips: {
+        show: !0,
+        ...t.tooltips
+      }
+    }, this.normalization = this.chartSettings.valueType === "continuous" ? t.normalization ?? null : null, this.NAValueAs = t.NAValueAs ?? null, this.aes = {
+      colorsList: ((h = t.aes) == null ? void 0 : h.colorsList) ?? ["black", "white", "red"],
+      colorsMap: ((d = t.aes) == null ? void 0 : d.colorsMap) ?? null,
+      valueColors: ((p = t.aes) == null ? void 0 : p.valueColors) ?? null,
+      valuesByColors: ((m = t.aes) == null ? void 0 : m.valuesByColors) ?? null,
+      cellStrokeColor: ((g = t.aes) == null ? void 0 : g.cellStrokeColor) ?? "none",
+      groupGap: ((c = t.aes) == null ? void 0 : c.groupGap) ?? 3,
+      emptyCellColor: ((y = t.aes) == null ? void 0 : y.emptyCellColor) ?? "white"
+    }, this.annotations = (t.annotations ?? []).map((i) => i.axis === "x" ? {
+      id: o.uniqueId("annotation"),
+      axis: "x",
+      valueColumn: i.valueColumn,
+      position: i.position ?? this.chartSettings.xAxis.position,
+      titlePosition: i.titlePosition ?? "right",
+      showTitle: i.showTitle ?? !0,
+      type: i.type,
+      colors: i.colors ?? ["white", "black"]
+    } : {
+      id: o.uniqueId("annotation"),
+      axis: "y",
+      valueColumn: i.valueColumn,
+      position: i.position ?? this.chartSettings.yAxis.position,
+      titlePosition: i.titlePosition ?? "top",
+      showTitle: i.showTitle ?? !0,
+      type: i.type,
+      colors: i.colors ?? ["white", "black"]
+    }), t.valueType === "discrete" && (t.dendrogramX || t.dendrogramY))
+      throw Error("Dendrogram is not available with discrete cells values");
+    this.dendrogramX = t.dendrogramX ? {
+      ...x,
+      position: "top",
+      ...t.dendrogramX,
+      aes: {
+        ...n,
+        ...(v = t.dendrogramX) == null ? void 0 : v.aes
+      }
+    } : null, this.dendrogramY = t.dendrogramY ? {
+      ...x,
+      position: "left",
+      ...t.dendrogramY,
+      aes: {
+        ...n,
+        ...(A = t.dendrogramY) == null ? void 0 : A.aes
+      }
+    } : null, this.inheritedDendrogramAes = t.inheritedDendrogramAes ?? null;
+  }
+}
+export {
+  X as HeatmapSettingsImpl
+};
+//# sourceMappingURL=HeatmapSettingsImpl.js.map