@milaboratories/miplots4 1.0.156 → 1.0.157

package/dist/heatmap/ChartRenderer.js

@@ -1,18 +1,18 @@
 var ot = Object.defineProperty;
 var it = (m, e, s) => e in m ? ot(m, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : m[e] = s;
 var C = (m, e, s) => it(m, typeof e != "symbol" ? e + "" : e, s);
-import { j } from "../node_modules/react/jsx-runtime.js";
+import { j as O } from "../node_modules/react/jsx-runtime.js";
 import nt from "../node_modules/lodash/lodash.js";
 import { createRoot as rt } from "../node_modules/react-dom/client.js";
 import { Error as at } from "../common/Error.js";
 import { DataFrameProvider as ht } from "../common/useDataFrame.js";
-import { DEFAULT_HEIGHT as U, DEFAULT_WIDTH as Y, TITLE_LINE_HEIGHT as ct, TITLE_MARGIN as lt } from "../constants.js";
+import { DEFAULT_HEIGHT as Y, DEFAULT_WIDTH as q, TITLE_LINE_HEIGHT as ct, TITLE_MARGIN as lt } from "../constants.js";
 import { arrangeLegendParts as ut } from "../utils/arrangeLegendParts.js";
 import { getChartEdgeSides as pt } from "../utils/getChartEdgeSides.js";
 import { getContinuousLegendTicks as Q } from "../utils/getContinuousLegendTicks.js";
 import { TextMeasurer as dt } from "../utils/TextMeasurer/TextMeasurer.js";
 import { ChartsGroup as mt } from "./components/ChartsGroup.js";
-import { MIN_MARGIN as F, TITLE_LINE as q, LEGEND_OFFSET as gt, DEFAULT_AES as Z, CHART_SIDE_ELEMENTS as xt } from "./constants.js";
+import { MIN_MARGIN as F, TITLE_LINE as V, LEGEND_OFFSET as gt, DEFAULT_AES as Z, CHART_SIDE_ELEMENTS as xt } from "./constants.js";
 import { calculateChartSideElementSizes as ft } from "./utils/calculateChartSideElementSizes.js";
 import { calculateSideElementsBBoxes as St } from "./utils/calculateSideElementsBBoxes.js";
 import { createDiscreteColorScale as yt, createDiscreteRoundColorScale as Ct, createContinuousColorScale as Lt } from "./utils/createColorScales.js";
@@ -64,27 +64,27 @@ function P(m, e, s) {
   return t;
 }
 function K(m, e) {
-  return e === 90 ? m : e === 45 ? m * At + (m > 0 ? 2 * Et : 0) : q;
+  return e === 90 ? m : e === 45 ? m * At + (m > 0 ? 2 * Et : 0) : V;
 }
 class Jt {
   constructor() {
     C(this, "reactRoot", null);
     C(this, "parentNode", null);
     C(this, "rootNode", null);
-    C(this, "component", /* @__PURE__ */ j.jsx(j.Fragment, {}));
+    C(this, "component", /* @__PURE__ */ O.jsx(O.Fragment, {}));
     C(this, "chartsDimensions", {});
     C(this, "chartSizes", {
-      chartWidth: Y,
+      chartWidth: q,
       // width of single chart
-      chartHeight: U,
+      chartHeight: Y,
       // height of single chart
-      chartsWidth: Y,
+      chartsWidth: q,
       // width of all charts in charts row
-      chartsHeight: U,
+      chartsHeight: Y,
       // width of all charts in charts column, without axes
-      totalWidth: Y,
+      totalWidth: q,
       // width of all charts in charts row, plus left axis, plus legend
-      totalHeight: U
+      totalHeight: Y
       // width of all charts in charts height, plus bottom axis, plus top title
     });
     C(this, "margins", {
@@ -96,8 +96,8 @@ class Jt {
     C(this, "captionsSizes", {
       xAxisCaptions: 100,
       yAxisCaptions: 100,
-      xGroupCaptions: q,
-      yGroupCaptions: q,
+      xGroupCaptions: V,
+      yGroupCaptions: V,
       xCaptionTail: 0,
       yCaptionTail: 0
     });
@@ -235,7 +235,7 @@ class Jt {
       ), N = bt(p, y, c, o);
       function H(R) {
         return Math.max(
-          xt[R].reduce((O, k) => O + v[R][k], 0),
+          xt[R].reduce((k, j) => k + v[R][j], 0),
           N[R],
           e.innerOffset
         );
@@ -282,22 +282,22 @@ class Jt {
       (y, z) => a.sorting === "asc" ? (L[y] ?? y).localeCompare(L[z] ?? z, "en", { numeric: !0 }) : (L[z] ?? z).localeCompare(L[y] ?? y, "en", { numeric: !0 })
     );
     e.forEach((g) => {
-      const L = l[g], y = d.xGroup ? o.xGroupKeys : M(o.xGroupKeys), z = d.yGroup ? o.yGroupKeys : S(o.yGroupKeys), { xKeysByGroups: w } = x ? o : L, { yKeysByGroups: v } = A ? o : L, N = y.map((G) => w[G].length), H = z.map((G) => v[G].length), E = N.reduce((G, T) => G + T, 0), B = H.reduce((G, T) => G + T, 0), W = x && h ? h : (u - (N.filter((G) => G > 0).length - 1) * t) / E, _ = A && c ? c : (b - (H.filter((G) => G > 0).length - 1) * t) / B, R = [], O = [];
-      let k = 0;
+      const L = l[g], y = d.xGroup ? o.xGroupKeys : M(o.xGroupKeys), z = d.yGroup ? o.yGroupKeys : S(o.yGroupKeys), { xKeysByGroups: w } = x ? o : L, { yKeysByGroups: v } = A ? o : L, N = y.map((G) => w[G].length), H = z.map((G) => v[G].length), E = N.reduce((G, T) => G + T, 0), B = H.reduce((G, T) => G + T, 0), W = x && h ? h : (u - (N.filter((G) => G > 0).length - 1) * t) / E, _ = A && c ? c : (b - (H.filter((G) => G > 0).length - 1) * t) / B, R = [];
+      let k = [], j = 0;
       y.forEach((G) => {
         const T = p || d.x ? w[G] : M(w[G], o.xLabels);
-        O.push(...T), T.forEach(() => {
-          R.push(k), k += W;
-        }), T.length > 0 && (k += t);
+        k = k.concat(T), T.forEach(() => {
+          R.push(j), j += W;
+        }), T.length > 0 && (j += t);
       });
-      const V = [], J = [];
-      let X = 0;
+      const J = [];
+      let X = [], U = 0;
       z.forEach((G) => {
         const T = f || d.y ? v[G] : S(v[G], o.yLabels);
-        J.push(...T), T.forEach(() => {
-          V.push(X), X += _;
-        }), T.length > 0 && (X += t);
-      }), this.scales.x[g] = I().domain(O).range(R), this.scales.y[g] = I().domain(J).range(V), this.step.x[g] = W, this.step.y[g] = _;
+        X = X.concat(T), T.forEach(() => {
+          J.push(U), U += _;
+        }), T.length > 0 && (U += t);
+      }), this.scales.x[g] = I().domain(k).range(R), this.scales.y[g] = I().domain(X).range(J), this.step.x[g] = W, this.step.y[g] = _;
     });
   }
   updateAesScale(e, s, t, n, i, r, a) {
@@ -391,7 +391,7 @@ class Jt {
       f,
       d
     ), this.updateLegendSize(H, t.legend, a, p, y.dataSource), this.updateMargins(v, N), this.updateDendrogram(S, g, L, M, u, f, d), this.updateDendrogramAesScales(b);
-    const E = /* @__PURE__ */ j.jsx(ht, { dataFrame: e, children: /* @__PURE__ */ j.jsx(
+    const E = /* @__PURE__ */ O.jsx(ht, { dataFrame: e, children: /* @__PURE__ */ O.jsx(
       mt,
       {
         aes: i,
@@ -425,7 +425,7 @@ class Jt {
   }
   renderError(e) {
     var s;
-    (s = this.reactRoot) == null || s.render(/* @__PURE__ */ j.jsx(at, { message: e }));
+    (s = this.reactRoot) == null || s.render(/* @__PURE__ */ O.jsx(at, { message: e }));
   }
 }
 export {

package/dist/heatmap/ChartRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartRenderer.js","sources":["../../src/heatmap/ChartRenderer.tsx"],"sourcesContent":["import { 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 type { ReactElement } from 'react';\nimport type { Root } from 'react-dom/client';\nimport { createRoot } from 'react-dom/client';\nimport { Error } from '../common/Error';\nimport type { LegendData, LegendItem } from '../common/types';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN } from '../constants';\nimport type { DataFrame } from '../DataFrame';\nimport type { AesItem, 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 { ChartsGroup } from './components/ChartsGroup';\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 { CHART_SIDE_ELEMENTS, DEFAULT_AES, LEGEND_OFFSET, MIN_MARGIN, TITLE_LINE } from './constants';\nimport type { GroupedCellsHeatmap } from './getCells';\nimport type { DendrogramsData } from './getDendrograms';\nimport type { HeatmapSettingsImpl } from './HeatmapSettingsImpl';\nimport {\n    calculateAnnotationTitleSizes,\n    calculateChartSideElementSizes,\n    calculateSideElementsBBoxes,\n    createContinuousColorScale,\n    createDiscreteColorScale,\n    createDiscreteRoundColorScale,\n} from './utils';\nimport { calculateCaptionTails } from './utils/calculateCaptionTails';\n\nconst COS_PI_4 = Math.cos(Math.PI / 4);\nconst INCLINE_OFFSET = 5; // height of little triangle of text for captions inclined 45deg\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\nfunction getMaxTextLength(keys: string[], labels: Record<string, string>, textMeasurer: TextMeasurer) {\n    let maxLabelSize = 0;\n    for (const key of keys) {\n        if (labels[key] === undefined) continue;\n        const l = textMeasurer.getTextWidth(labels[key]);\n        if (l > maxLabelSize) maxLabelSize = l;\n    }\n    return maxLabelSize;\n}\n\nfunction getCaptionHeight(size: number, angle: number) {\n    if (angle === 90) {\n        return size;\n    }\n    if (angle === 45) {\n        return size * COS_PI_4 + (size > 0 ? 2 * INCLINE_OFFSET : 0);\n    }\n    return TITLE_LINE;\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'], size: HeatmapSettingsImpl['chartSettings']['size']) {\n        this.margins = {\n            top: title.show ? TITLE_LINE_HEIGHT + TITLE_MARGIN * 2 : size.outerOffset,\n            bottom: size.outerOffset,\n            left: size.outerOffset,\n            right: this.legend.width + size.outerOffset,\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: GroupedCellsHeatmap,\n        xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'],\n        facetSettings: HeatmapSettingsImpl['facetSettings']\n    ) {\n        const textMeasurer = new TextMeasurer('bold 16px Manrope');\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\n        const maxXLabelSize = xGroupKeys.reduce((res, key) => Math.max(res, getMaxTextLength(xKeysByGroups[key], xLabels, textMeasurer)), 0);\n        const maxYLabelSize = yGroupKeys.reduce((res, key) => Math.max(res, getMaxTextLength(yKeysByGroups[key], yLabels, textMeasurer)), 0);\n        const maxXGroupLabelSize = getMaxTextLength(xGroupKeys, xGroupLabels, textMeasurer);\n        const maxYGroupLabelSize = getMaxTextLength(yGroupKeys, yGroupLabels, textMeasurer);\n        const { xCaptionTail, yCaptionTail } = calculateCaptionTails(\n            this.labelAngles,\n            facetSettings,\n            this.scales,\n            this.step,\n            groupedCells,\n            textMeasurer\n        );\n        this.captionsSizes = {\n            xCaptionTail,\n            yCaptionTail,\n            xGroupCaptions: getCaptionHeight(maxXGroupLabelSize, this.labelAngles.xGroupLabels),\n            yGroupCaptions: getCaptionHeight(maxYGroupLabelSize, this.labelAngles.yGroupLabels),\n            xAxisCaptions: getCaptionHeight(maxXLabelSize, this.labelAngles.xAxisLabels),\n            yAxisCaptions: getCaptionHeight(maxYLabelSize, this.labelAngles.yAxisLabels),\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 { 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                    size.innerOffset\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, this.chartSizes.chartWidth, this.chartSizes.chartHeight);\n            const outerWidth = this.chartSizes.chartWidth + padding.left + padding.right;\n            const outerHeight = this.chartSizes.chartHeight + padding.top + padding.bottom;\n            this.chartsDimensions[key] = {\n                left: currentLeft,\n                top: currentTop,\n                inner: { width: this.chartSizes.chartWidth, height: this.chartSizes.chartHeight },\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(\n        size: HeatmapSettingsImpl['chartSettings']['size'],\n        facetSettings: HeatmapSettingsImpl['facetSettings'],\n        groupedCells: GroupedCellsHeatmap,\n        groupGap: number,\n    ) {\n        const { width, height, cellWidth, cellHeight } = size;\n        const firstFacet = groupedCells.meta.facetKeys[0];\n        if (cellWidth && facetSettings.sharedX && firstFacet) {\n            const keysCount = groupedCells.facets[firstFacet].xKeys.length;\n            const groupsCount = groupedCells.meta.xGroupKeys.length;\n            this.chartSizes.chartWidth = keysCount * cellWidth + groupGap * (groupsCount - 1);\n        } else {\n            this.chartSizes.chartWidth = width;\n        }\n\n        if (cellHeight && facetSettings.sharedY && firstFacet) {\n            const keysCount = groupedCells.facets[firstFacet].yKeys.length;\n            const groupsCount = groupedCells.meta.yGroupKeys.length;\n            this.chartSizes.chartHeight = keysCount * cellHeight + groupGap * (groupsCount - 1);\n        } else {\n            this.chartSizes.chartHeight = height;\n        }\n    }\n\n    // update scales for cell positions, x and y for each facet\n    updateScales(\n        facetKeys: string[],\n        groupedCells: GroupedCellsHeatmap,\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        customOrder: {x: boolean, y: boolean, xGroup: boolean, yGroup: boolean},\n    ) {\n        const { width, height, cellWidth, cellHeight } = 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 = customOrder.xGroup ? meta.xGroupKeys : sortX(meta.xGroupKeys);\n            const yGroupKeys = customOrder.yGroup ? meta.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 = sharedX && cellWidth ? cellWidth : (width - (xCounts.filter(count => count > 0).length - 1) * groupGap) / xCellsCount;\n            const yStep = sharedY && cellHeight ? cellHeight : (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 || customOrder.x ? 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 || customOrder.y ? 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: GroupedCellsHeatmap,\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.valueLabels ?? 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: createDiscreteRoundColorScale(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: GroupedCellsHeatmap['facets'],\n        dendrogramsData: DendrogramsData,\n        dendrogramX: HeatmapSettingsImpl['dendrogramX'],\n        dendrogramY: HeatmapSettingsImpl['dendrogramY']\n    ) {\n        facetKeys.forEach(facetKey => {\n            this.dendrograms[facetKey] = { x: { treesByGroupKey: {}, data: dendrogramX }, y: { treesByGroupKey: {}, data: dendrogramY } };\n            const { xKeysByGroups, yKeysByGroups } = groups[facetKey];\n            if (dendrogramX) {\n                const { hierarchyByGroupX } = dendrogramsData[facetKey];\n                const maxHeightX = xGroupKeys.reduce((res, xKey) => Math.max(res, hierarchyByGroupX[xKey]?.data.height), 0);\n                this.dendrograms[facetKey].x.treesByGroupKey = xGroupKeys.reduce((res, groupKey) => {\n                    const hierarchy = hierarchyByGroupX[groupKey];\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                    res[groupKey] = root;\n                    return res;\n                }, {} as Record<string, HierarchyPointNode<Cluster>>);\n                this.dendrograms[facetKey].x.data = dendrogramX;\n            }\n            if (dendrogramY) {\n                const { hierarchyByGroupY } = dendrogramsData[facetKey];\n                const maxHeightY = yGroupKeys.reduce((res, yKey) => Math.max(res, hierarchyByGroupY[yKey]?.data.height), 0);\n                this.dendrograms[facetKey].y.treesByGroupKey = yGroupKeys.reduce((res, groupKey) => {\n                    const hierarchy = hierarchyByGroupY[groupKey];\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                    res[groupKey] = root;\n                    return res;\n                }, {} as Record<string, HierarchyPointNode<Cluster>>);\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        dataFrame: DataFrame,\n        settingsId: string,\n        chartSettings: HeatmapSettingsImpl['chartSettings'],\n        facetSettings: HeatmapSettingsImpl['facetSettings'],\n        aes: HeatmapSettingsImpl['aes'],\n        groupedCellsData: GroupedCellsHeatmap,\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        customOrder: {x: boolean, y: boolean, xGroup: boolean, yGroup: boolean},\n        cellsRenderingMode: 'canvas' | 'svg'\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, facetSettings, groupedCellsData, aes.groupGap);\n        this.updateAesScale(valueType, valueExtent.dataSource, aes, annotations, groupedCellsData, cellUniqValues, normalization);\n        this.updateScales(facetKeys, groupedCellsData, aes.groupGap, facetSettings, size, chartSettings.xAxis, chartSettings.yAxis, dendrogramX, dendrogramY, customOrder);\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.dataSource);\n        this.updateMargins(title, size);\n        this.updateDendrogram(facetKeys, xGroupKeys, yGroupKeys, facets, dendrogramsData, dendrogramX, dendrogramY);\n        this.updateDendrogramAesScales(inheritedDendrogramAes);\n        const component = (\n            <DataFrameProvider dataFrame={dataFrame}>\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                    cellsRenderingMode={cellsRenderingMode}\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":["COS_PI_4","INCLINE_OFFSET","updateLinksHeight","root","scale","coord","setHeight","d","addShiftToLinkCoord","shift","coordFrom","coordTo","setX","getSteps","count","valueExtent","min","max","steps","i","step","getContinuousColorRange","normalization","colorsCount","extent","getMaxTextLength","keys","labels","textMeasurer","maxLabelSize","key","l","getCaptionHeight","size","angle","TITLE_LINE","ChartRenderer","__publicField","jsx","Fragment","DEFAULT_WIDTH","DEFAULT_HEIGHT","MIN_MARGIN","scaleOrdinal","scaleLinear","_a","node","createRoot","title","TITLE_LINE_HEIGHT","TITLE_MARGIN","valueType","legend","annotations","columnValue","legendHeight","legendItems","emptySizes","getDefaultLabels","values","res","v","getContinuousLegendTicks","tickPositionScale","item","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","groupedCells","xAxis","yAxis","facetSettings","TextMeasurer","xGroupKeys","yGroupKeys","xGroupLabels","yGroupLabels","xKeysByGroups","yKeysByGroups","xLabels","yLabels","maxXLabelSize","maxYLabelSize","maxXGroupLabelSize","maxYGroupLabelSize","xCaptionTail","yCaptionTail","calculateCaptionTails","facetKeys","dendrogramX","dendrogramY","facetCount","maxNRows","maxNCols","sharedX","sharedY","currentLeft","currentTop","index","currentColumn","chartSides","getChartEdgeSides","stepX","stepY","sideElementSizes","calculateChartSideElementSizes","annotationsTitleSizes","calculateAnnotationTitleSizes","getPadding","side","CHART_SIDE_ELEMENTS","el","padding","sideElementBBoxes","calculateSideElementsBBoxes","outerWidth","outerHeight","chartsWidth","sum","chartsHeight","_key","groupGap","width","height","cellWidth","cellHeight","firstFacet","keysCount","groupsCount","customOrder","meta","facets","sortX","arr","a","b","sortY","facetKey","facetGroup","xCounts","xGroupKey","yCounts","yGroupKey","xCellsCount","yCellsCount","xStep","yStep","xPositions","xKeys","currentX","xKey","axisKeys","yPositions","yKeys","currentY","yKey","aes","groupedCellsData","cellUniqValues","valueKeys","createDiscreteColorScale","xDataByKeys","yDataByKeys","colors","type","axis","valueColumn","data","discreteValues","lodash","createDiscreteRoundColorScale","createContinuousColorScale","groups","dendrogramsData","hierarchyByGroupX","maxHeightX","groupKey","hierarchy","cluster","heightScale","hierarchyByGroupY","maxHeightY","inheritedAes","usedColumns","columnName","aesMap","columnValues","value","DEFAULT_AES","dataFrame","settingsId","chartSettings","inheritedDendrogramAes","onTooltipHintSwitch","cellsRenderingMode","component","DataFrameProvider","ChartsGroup","message","Error"],"mappings":"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"}
+{"version":3,"file":"ChartRenderer.js","sources":["../../src/heatmap/ChartRenderer.tsx"],"sourcesContent":["import { 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 type { ReactElement } from 'react';\nimport type { Root } from 'react-dom/client';\nimport { createRoot } from 'react-dom/client';\nimport { Error } from '../common/Error';\nimport type { LegendData, LegendItem } from '../common/types';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN } from '../constants';\nimport type { DataFrame } from '../DataFrame';\nimport type { AesItem, 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 { ChartsGroup } from './components/ChartsGroup';\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 { CHART_SIDE_ELEMENTS, DEFAULT_AES, LEGEND_OFFSET, MIN_MARGIN, TITLE_LINE } from './constants';\nimport type { GroupedCellsHeatmap } from './getCells';\nimport type { DendrogramsData } from './getDendrograms';\nimport type { HeatmapSettingsImpl } from './HeatmapSettingsImpl';\nimport {\n    calculateAnnotationTitleSizes,\n    calculateChartSideElementSizes,\n    calculateSideElementsBBoxes,\n    createContinuousColorScale,\n    createDiscreteColorScale,\n    createDiscreteRoundColorScale,\n} from './utils';\nimport { calculateCaptionTails } from './utils/calculateCaptionTails';\n\nconst COS_PI_4 = Math.cos(Math.PI / 4);\nconst INCLINE_OFFSET = 5; // height of little triangle of text for captions inclined 45deg\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\nfunction getMaxTextLength(keys: string[], labels: Record<string, string>, textMeasurer: TextMeasurer) {\n    let maxLabelSize = 0;\n    for (const key of keys) {\n        if (labels[key] === undefined) continue;\n        const l = textMeasurer.getTextWidth(labels[key]);\n        if (l > maxLabelSize) maxLabelSize = l;\n    }\n    return maxLabelSize;\n}\n\nfunction getCaptionHeight(size: number, angle: number) {\n    if (angle === 90) {\n        return size;\n    }\n    if (angle === 45) {\n        return size * COS_PI_4 + (size > 0 ? 2 * INCLINE_OFFSET : 0);\n    }\n    return TITLE_LINE;\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'], size: HeatmapSettingsImpl['chartSettings']['size']) {\n        this.margins = {\n            top: title.show ? TITLE_LINE_HEIGHT + TITLE_MARGIN * 2 : size.outerOffset,\n            bottom: size.outerOffset,\n            left: size.outerOffset,\n            right: this.legend.width + size.outerOffset,\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: GroupedCellsHeatmap,\n        xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'],\n        facetSettings: HeatmapSettingsImpl['facetSettings']\n    ) {\n        const textMeasurer = new TextMeasurer('bold 16px Manrope');\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\n        const maxXLabelSize = xGroupKeys.reduce((res, key) => Math.max(res, getMaxTextLength(xKeysByGroups[key], xLabels, textMeasurer)), 0);\n        const maxYLabelSize = yGroupKeys.reduce((res, key) => Math.max(res, getMaxTextLength(yKeysByGroups[key], yLabels, textMeasurer)), 0);\n        const maxXGroupLabelSize = getMaxTextLength(xGroupKeys, xGroupLabels, textMeasurer);\n        const maxYGroupLabelSize = getMaxTextLength(yGroupKeys, yGroupLabels, textMeasurer);\n        const { xCaptionTail, yCaptionTail } = calculateCaptionTails(\n            this.labelAngles,\n            facetSettings,\n            this.scales,\n            this.step,\n            groupedCells,\n            textMeasurer\n        );\n        this.captionsSizes = {\n            xCaptionTail,\n            yCaptionTail,\n            xGroupCaptions: getCaptionHeight(maxXGroupLabelSize, this.labelAngles.xGroupLabels),\n            yGroupCaptions: getCaptionHeight(maxYGroupLabelSize, this.labelAngles.yGroupLabels),\n            xAxisCaptions: getCaptionHeight(maxXLabelSize, this.labelAngles.xAxisLabels),\n            yAxisCaptions: getCaptionHeight(maxYLabelSize, this.labelAngles.yAxisLabels),\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 { 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                    size.innerOffset\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, this.chartSizes.chartWidth, this.chartSizes.chartHeight);\n            const outerWidth = this.chartSizes.chartWidth + padding.left + padding.right;\n            const outerHeight = this.chartSizes.chartHeight + padding.top + padding.bottom;\n            this.chartsDimensions[key] = {\n                left: currentLeft,\n                top: currentTop,\n                inner: { width: this.chartSizes.chartWidth, height: this.chartSizes.chartHeight },\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(\n        size: HeatmapSettingsImpl['chartSettings']['size'],\n        facetSettings: HeatmapSettingsImpl['facetSettings'],\n        groupedCells: GroupedCellsHeatmap,\n        groupGap: number,\n    ) {\n        const { width, height, cellWidth, cellHeight } = size;\n        const firstFacet = groupedCells.meta.facetKeys[0];\n        if (cellWidth && facetSettings.sharedX && firstFacet) {\n            const keysCount = groupedCells.facets[firstFacet].xKeys.length;\n            const groupsCount = groupedCells.meta.xGroupKeys.length;\n            this.chartSizes.chartWidth = keysCount * cellWidth + groupGap * (groupsCount - 1);\n        } else {\n            this.chartSizes.chartWidth = width;\n        }\n\n        if (cellHeight && facetSettings.sharedY && firstFacet) {\n            const keysCount = groupedCells.facets[firstFacet].yKeys.length;\n            const groupsCount = groupedCells.meta.yGroupKeys.length;\n            this.chartSizes.chartHeight = keysCount * cellHeight + groupGap * (groupsCount - 1);\n        } else {\n            this.chartSizes.chartHeight = height;\n        }\n    }\n\n    // update scales for cell positions, x and y for each facet\n    updateScales(\n        facetKeys: string[],\n        groupedCells: GroupedCellsHeatmap,\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        customOrder: {x: boolean, y: boolean, xGroup: boolean, yGroup: boolean},\n    ) {\n        const { width, height, cellWidth, cellHeight } = 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 = customOrder.xGroup ? meta.xGroupKeys : sortX(meta.xGroupKeys);\n            const yGroupKeys = customOrder.yGroup ? meta.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 = sharedX && cellWidth ? cellWidth : (width - (xCounts.filter(count => count > 0).length - 1) * groupGap) / xCellsCount;\n            const yStep = sharedY && cellHeight ? cellHeight : (height - (yCounts.filter(count => count > 0).length - 1) * groupGap) / yCellsCount;\n\n            const xPositions: number[] = [];\n            let xKeys: string[] = [];\n            let currentX = 0;\n            xGroupKeys.forEach(xKey => {\n                const axisKeys = dendrogramX || customOrder.x ? xKeysByGroups[xKey] : sortX(xKeysByGroups[xKey], meta.xLabels);\n                xKeys = xKeys.concat(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            let yKeys: string[] = [];\n            let currentY = 0;\n            yGroupKeys.forEach(yKey => {\n                const axisKeys = dendrogramY || customOrder.y ? yKeysByGroups[yKey] : sortY(yKeysByGroups[yKey], meta.yLabels);\n                yKeys = yKeys.concat(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: GroupedCellsHeatmap,\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.valueLabels ?? 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: createDiscreteRoundColorScale(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: GroupedCellsHeatmap['facets'],\n        dendrogramsData: DendrogramsData,\n        dendrogramX: HeatmapSettingsImpl['dendrogramX'],\n        dendrogramY: HeatmapSettingsImpl['dendrogramY']\n    ) {\n        facetKeys.forEach(facetKey => {\n            this.dendrograms[facetKey] = { x: { treesByGroupKey: {}, data: dendrogramX }, y: { treesByGroupKey: {}, data: dendrogramY } };\n            const { xKeysByGroups, yKeysByGroups } = groups[facetKey];\n            if (dendrogramX) {\n                const { hierarchyByGroupX } = dendrogramsData[facetKey];\n                const maxHeightX = xGroupKeys.reduce((res, xKey) => Math.max(res, hierarchyByGroupX[xKey]?.data.height), 0);\n                this.dendrograms[facetKey].x.treesByGroupKey = xGroupKeys.reduce((res, groupKey) => {\n                    const hierarchy = hierarchyByGroupX[groupKey];\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                    res[groupKey] = root;\n                    return res;\n                }, {} as Record<string, HierarchyPointNode<Cluster>>);\n                this.dendrograms[facetKey].x.data = dendrogramX;\n            }\n            if (dendrogramY) {\n                const { hierarchyByGroupY } = dendrogramsData[facetKey];\n                const maxHeightY = yGroupKeys.reduce((res, yKey) => Math.max(res, hierarchyByGroupY[yKey]?.data.height), 0);\n                this.dendrograms[facetKey].y.treesByGroupKey = yGroupKeys.reduce((res, groupKey) => {\n                    const hierarchy = hierarchyByGroupY[groupKey];\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                    res[groupKey] = root;\n                    return res;\n                }, {} as Record<string, HierarchyPointNode<Cluster>>);\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        dataFrame: DataFrame,\n        settingsId: string,\n        chartSettings: HeatmapSettingsImpl['chartSettings'],\n        facetSettings: HeatmapSettingsImpl['facetSettings'],\n        aes: HeatmapSettingsImpl['aes'],\n        groupedCellsData: GroupedCellsHeatmap,\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        customOrder: {x: boolean, y: boolean, xGroup: boolean, yGroup: boolean},\n        cellsRenderingMode: 'canvas' | 'svg'\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, facetSettings, groupedCellsData, aes.groupGap);\n        this.updateAesScale(valueType, valueExtent.dataSource, aes, annotations, groupedCellsData, cellUniqValues, normalization);\n        this.updateScales(facetKeys, groupedCellsData, aes.groupGap, facetSettings, size, chartSettings.xAxis, chartSettings.yAxis, dendrogramX, dendrogramY, customOrder);\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.dataSource);\n        this.updateMargins(title, size);\n        this.updateDendrogram(facetKeys, xGroupKeys, yGroupKeys, facets, dendrogramsData, dendrogramX, dendrogramY);\n        this.updateDendrogramAesScales(inheritedDendrogramAes);\n        const component = (\n            <DataFrameProvider dataFrame={dataFrame}>\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                    cellsRenderingMode={cellsRenderingMode}\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":["COS_PI_4","INCLINE_OFFSET","updateLinksHeight","root","scale","coord","setHeight","d","addShiftToLinkCoord","shift","coordFrom","coordTo","setX","getSteps","count","valueExtent","min","max","steps","i","step","getContinuousColorRange","normalization","colorsCount","extent","getMaxTextLength","keys","labels","textMeasurer","maxLabelSize","key","l","getCaptionHeight","size","angle","TITLE_LINE","ChartRenderer","__publicField","jsx","Fragment","DEFAULT_WIDTH","DEFAULT_HEIGHT","MIN_MARGIN","scaleOrdinal","scaleLinear","_a","node","createRoot","title","TITLE_LINE_HEIGHT","TITLE_MARGIN","valueType","legend","annotations","columnValue","legendHeight","legendItems","emptySizes","getDefaultLabels","values","res","v","getContinuousLegendTicks","tickPositionScale","item","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","groupedCells","xAxis","yAxis","facetSettings","TextMeasurer","xGroupKeys","yGroupKeys","xGroupLabels","yGroupLabels","xKeysByGroups","yKeysByGroups","xLabels","yLabels","maxXLabelSize","maxYLabelSize","maxXGroupLabelSize","maxYGroupLabelSize","xCaptionTail","yCaptionTail","calculateCaptionTails","facetKeys","dendrogramX","dendrogramY","facetCount","maxNRows","maxNCols","sharedX","sharedY","currentLeft","currentTop","index","currentColumn","chartSides","getChartEdgeSides","stepX","stepY","sideElementSizes","calculateChartSideElementSizes","annotationsTitleSizes","calculateAnnotationTitleSizes","getPadding","side","CHART_SIDE_ELEMENTS","el","padding","sideElementBBoxes","calculateSideElementsBBoxes","outerWidth","outerHeight","chartsWidth","sum","chartsHeight","_key","groupGap","width","height","cellWidth","cellHeight","firstFacet","keysCount","groupsCount","customOrder","meta","facets","sortX","arr","a","b","sortY","facetKey","facetGroup","xCounts","xGroupKey","yCounts","yGroupKey","xCellsCount","yCellsCount","xStep","yStep","xPositions","xKeys","currentX","xKey","axisKeys","yPositions","yKeys","currentY","yKey","aes","groupedCellsData","cellUniqValues","valueKeys","createDiscreteColorScale","xDataByKeys","yDataByKeys","colors","type","axis","valueColumn","data","discreteValues","lodash","createDiscreteRoundColorScale","createContinuousColorScale","groups","dendrogramsData","hierarchyByGroupX","maxHeightX","groupKey","hierarchy","cluster","heightScale","hierarchyByGroupY","maxHeightY","inheritedAes","usedColumns","columnName","aesMap","columnValues","value","DEFAULT_AES","dataFrame","settingsId","chartSettings","inheritedDendrogramAes","onTooltipHintSwitch","cellsRenderingMode","component","DataFrameProvider","ChartsGroup","message","Error"],"mappings":"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"}

package/dist/scatterplot-umap/ChartRenderer.js

@@ -1,7 +1,7 @@
 var B = Object.defineProperty;
 var k = (S, t, e) => t in S ? B(S, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : S[t] = e;
 var h = (S, t, e) => k(S, typeof t != "symbol" ? t + "" : t, e);
-import { j as b } from "../node_modules/react/jsx-runtime.js";
+import { j as T } from "../node_modules/react/jsx-runtime.js";
 import K from "../node_modules/@d3fc/d3fc-chart/src/cartesian.js";
 import "../node_modules/@d3fc/d3fc-webgl/src/scale/scaleMapper.js";
 import X from "../node_modules/@d3fc/d3fc-webgl/src/style/fillColor.js";
@@ -14,7 +14,7 @@ import { createRoot as Q } from "../node_modules/react-dom/client.js";
 import { Error as J } from "../common/Error.js";
 import { BLACK as G, DEFAULT_HEIGHT as w, DEFAULT_WIDTH as D, TITLE_LINE_HEIGHT as Z, MAX_SHOWN_UNIQUE_VALUES_IN_LABELS as tt, TITLE_MARGIN as et } from "../constants.js";
 import { splitTextByWidth as it } from "../utils/splitTextByWidth.js";
-import { MIN_MARGIN as C, DEFAULT_DOT_AES as F } from "../scatterplot/constants.js";
+import { MIN_MARGIN as L, DEFAULT_DOT_AES as F } from "../scatterplot/constants.js";
 import { createAesGetter as H } from "../scatterplot/utils/createAesGetter.js";
 import { getTicksAndFormat as st } from "../scatterplot/utils/getTicksAndFormat.js";
 import { createLabelPositioner as ot } from "../scatterplot/utils/getVisibleLabels.js";
@@ -36,7 +36,7 @@ import { DataFrameProvider as dt } from "../common/useDataFrame.js";
 import { DataFrame as mt } from "../DataFrame.js";
 import { arrangeLegendParts as pt } from "../utils/arrangeLegendParts.js";
 import { stringToNumberRgba as M, getColorWithFakeOpacity as P, GET_BLACK as O } from "./colors.js";
-import L from "../node_modules/d3-scale/src/linear.js";
+import C from "../node_modules/d3-scale/src/linear.js";
 import U from "../node_modules/d3-scale/src/log.js";
 import N from "../node_modules/d3-selection/src/select.js";
 import gt from "../node_modules/d3-scale/src/ordinal.js";
@@ -64,7 +64,7 @@ class re {
     h(this, "rootNode", null);
     h(this, "canvasNode", null);
     h(this, "svgLayerElement", null);
-    h(this, "svgLayerComponent", /* @__PURE__ */ b.jsx(b.Fragment, {}));
+    h(this, "svgLayerComponent", /* @__PURE__ */ T.jsx(T.Fragment, {}));
     h(this, "aesGetters", {
       dotSize: () => 2,
       dotFill: () => G,
@@ -72,10 +72,10 @@ class re {
     });
     h(this, "tools", null);
     h(this, "margins", {
-      top: C,
-      bottom: C,
-      left: C,
-      right: C
+      top: L,
+      bottom: L,
+      left: L,
+      right: L
     });
     h(this, "chartSizes", {
       chartWidth: D,
@@ -88,10 +88,10 @@ class re {
       // width of all charts in charts height, plus bottom axis, plus top title
     });
     h(this, "scales", {
-      x: L().domain([0, 10]).range([0, D]),
-      y: L().domain([0, 10]).range([w, 0]),
-      xOriginal: L().domain([0, 10]).range([0, D]),
-      yOriginal: L().domain([0, 10]).range([w, 0])
+      x: C().domain([0, 10]).range([0, D]),
+      y: C().domain([0, 10]).range([w, 0]),
+      xOriginal: C().domain([0, 10]).range([0, D]),
+      yOriginal: C().domain([0, 10]).range([w, 0])
     });
     h(this, "polygons", []);
     h(this, "onPolygonUpdateOutside", () => {
@@ -134,7 +134,7 @@ class re {
     (t.width !== this.chartSizes.chartWidth || t.height !== this.chartSizes.chartHeight) && (this.chartSizes.chartWidth = t.width, this.chartSizes.chartHeight = t.height, this.scales.x.range([0, this.chartSizes.chartWidth]), this.scales.y.range([this.chartSizes.chartHeight, 0]));
   }
   updateViewport(t, e, i) {
-    const l = t.scale === "log" ? U() : L();
+    const l = t.scale === "log" ? U() : C();
     let { minX: o, minY: c, maxX: m, maxY: u } = i;
     if (t.lowerValue !== void 0 && (o = Math.max(o, t.lowerValue)), t.upperValue !== void 0 && (m = Math.min(m, t.upperValue)), e.lowerValue !== void 0 && (c = Math.max(c, e.lowerValue)), e.upperValue !== void 0 && (u = Math.min(u, e.upperValue)), t.symmetricRange !== void 0) {
       const r = t.symmetricRange;
@@ -152,7 +152,7 @@ class re {
     }
     const y = [0, this.chartSizes.chartWidth], x = l.copy().domain([o, m]).range([W.LEFT, this.chartSizes.chartWidth - W.RIGHT]);
     l.domain([x.invert(0), x.invert(this.chartSizes.chartWidth)]).range(y).nice(), this.scales.x = l, this.scales.xOriginal = l.copy();
-    const d = e.scale === "log" ? U() : L(), n = [this.chartSizes.chartHeight, 0], g = d.copy().domain([c, u]).range([this.chartSizes.chartHeight - W.BOTTOM, W.TOP]);
+    const d = e.scale === "log" ? U() : C(), n = [this.chartSizes.chartHeight, 0], g = d.copy().domain([c, u]).range([this.chartSizes.chartHeight - W.BOTTOM, W.TOP]);
     d.domain([g.invert(this.chartSizes.chartHeight), g.invert(0)]).range(n).nice(), this.scales.y = d, this.scales.yOriginal = d.copy();
   }
   updateCaptionsSize() {
@@ -176,10 +176,10 @@ class re {
   updateMargins() {
     const t = Z * this.mainTitle.length, e = t > 0 ? t + et * 2 : 0;
     this.margins = {
-      top: Math.max(e, C),
-      bottom: C + this.captionsSizes.xAxisCaptionsWidth + I,
-      left: C + this.captionsSizes.yAxisCaptionsWidth + I,
-      right: this.legend.width + C
+      top: Math.max(e, L),
+      bottom: L + this.captionsSizes.xAxisCaptionsWidth + I,
+      left: L + this.captionsSizes.yAxisCaptionsWidth + I,
+      right: this.legend.width + L
     }, this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartWidth + this.margins.right, this.chartSizes.totalHeight = this.margins.top + Math.max(this.chartSizes.chartHeight, this.legend.height) + this.margins.bottom, N(this.canvasNode).style("width", this.chartSizes.chartWidth + "px").style("height", this.chartSizes.chartHeight + "px").style("top", this.margins.top + "px").style("left", this.margins.left + "px");
   }
   updateLegendSize(t, e, i, l) {
@@ -206,11 +206,11 @@ class re {
       o.push({ ...c, id: d.value, type: "dots", title: r, scale: f, values: n.values, labels: n.labels });
     }), l.forEach((d) => {
       if (d.type === "dots" && A(d.aes.dotFill)) {
-        const { domain: n, range: g, columnName: r, type: f = "linear" } = d.aes.dotFill, p = r.label ?? r.value, s = at(g, n, "linear"), a = (f === "log" ? ut() : L()).domain(n).range([this.chartSizes.chartHeight, 0]), z = nt(a, n);
+        const { domain: n, range: g, columnName: r, type: f = "linear" } = d.aes.dotFill, p = r.label ?? r.value, s = at(g, n, "linear"), a = (f === "log" ? ut() : C()).domain(n).range([this.chartSizes.chartHeight, 0]), z = nt(a, n);
         o.push({ ...c, id: "dotFill", type: "continuous", title: p, scale: s, tickPositionScale: a, values: z });
       }
       if (d.type === "dots" && A(d.aes.dotSize)) {
-        const { columnName: n, domain: g, range: r } = d.aes.dotSize, f = n.label ?? n.value, p = ft(g, r), s = p.ticks(3), a = p.tickFormat(3), z = s.reduce((v, T) => (v[String(T)] = a(T), v), {});
+        const { columnName: n, domain: g, range: r } = d.aes.dotSize, f = n.label ?? n.value, p = ft(g, r), s = p.ticks(3), a = p.tickFormat(3), z = s.reduce((v, b) => (v[String(b)] = a(b), v), {});
         o.push({ ...c, id: n.value, type: "size", title: f, scale: p, values: s, labels: z });
       }
     }), !o.length) {
@@ -287,8 +287,8 @@ class re {
     const i = (r = this.tools) == null ? void 0 : r.qt;
     if (!i) return null;
     const l = this.allDots, o = this.scales.x.invert(t), c = this.scales.y.invert(e), m = 1 / (((f = this.zoomTransform) == null ? void 0 : f.k) || 1), u = o - m, y = o + m, x = c - m, d = c + m, n = i.range(u, x, y, d), g = n.reduce((p, s) => {
-      const a = l[s], z = this.scales.x(a.x) - t, v = this.scales.y(a.y) - e, T = Math.hypot(z, v);
-      return (p === null || T < p.distance) && (p.index = s, p.distance = T), p;
+      const a = l[s], z = this.scales.x(a.x) - t, v = this.scales.y(a.y) - e, b = Math.hypot(z, v);
+      return (p === null || b < p.distance) && (p.index = s, p.distance = b), p;
     }, {
       index: -1,
       distance: 1 / 0
@@ -314,7 +314,7 @@ class re {
       const { title: f, legend: p, size: s } = i;
       this.updateChartSizes(s), this.updateLegendSize(p, y, x, u), this.createMainTitle(f), this.updateMargins(), this.updateAes(y, u);
     }
-    this.onPolygonUpdateOutside = d, this.onTooltipHintSwitch = n, this.onLassoControlsStateUpdate = g, this.allDots !== o && this.updateDots(o), (this.allDots !== o || r) && (this.visibleLabels = this.computeLabels(o)), this.notCalculatedProps = {
+    this.onPolygonUpdateOutside = d, this.onTooltipHintSwitch = n, this.onLassoControlsStateUpdate = g, this.allDots !== o ? (this.updateDots(o), this.visibleLabels = this.computeLabels(o)) : r && (this.visibleLabels = this.computeLabels(o)), this.notCalculatedProps = {
       settingsId: e,
       chartSettings: i,
       keyColumn: l,
@@ -350,11 +350,11 @@ class re {
       onTooltipHintSwitch: this.onTooltipHintSwitch,
       onLassoControlsStateUpdate: this.onLassoControlsStateUpdate
     };
-    this.svgLayerComponent = /* @__PURE__ */ b.jsx(dt, { dataFrame: this.dataFrame, children: /* @__PURE__ */ b.jsx(rt, { ...t }) }), (e = this.reactRoot) == null || e.render(this.svgLayerComponent);
+    this.svgLayerComponent = /* @__PURE__ */ T.jsx(dt, { dataFrame: this.dataFrame, children: /* @__PURE__ */ T.jsx(rt, { ...t }) }), (e = this.reactRoot) == null || e.render(this.svgLayerComponent);
   }
   renderError(t) {
     var e;
-    (e = this.reactRoot) == null || e.render(/* @__PURE__ */ b.jsx(J, { message: t }));
+    (e = this.reactRoot) == null || e.render(/* @__PURE__ */ T.jsx(J, { message: t }));
   }
   computeLabels(t) {
     const e = new R("16px Manrope"), i = ot(this.chartSizes.chartWidth, this.chartSizes.chartHeight), l = [];

package/dist/scatterplot-umap/ChartRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartRenderer.js","sources":["../../src/scatterplot-umap/ChartRenderer.tsx"],"sourcesContent":["import { chartCartesian } from '@d3fc/d3fc-chart';\nimport type { CartesianChart } from '@d3fc/d3fc-chart/src/cartesian';\nimport type { ScaleLinear } from 'd3-scale';\nimport { scaleLinear, scaleLog, scaleOrdinal, scaleSqrt, scaleSymlog } from 'd3-scale';\nimport { select } from 'd3-selection';\nimport type { D3ZoomEvent, ZoomBehavior, ZoomTransform } from 'd3-zoom';\nimport { zoom } from 'd3-zoom';\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 { DotAesItem, LegendData, LegendItem } from '../common/types';\nimport {\n    BLACK,\n    DEFAULT_HEIGHT,\n    DEFAULT_WIDTH,\n    MAX_SHOWN_UNIQUE_VALUES_IN_LABELS,\n    TITLE_LINE_HEIGHT,\n    TITLE_MARGIN\n} from '../constants';\nimport { splitTextByWidth } from '../discrete/utils';\nimport { DEFAULT_DOT_AES, MIN_MARGIN } from '../scatterplot/constants';\nimport { createAesGetter } from '../scatterplot/utils/createAesGetter';\nimport { getTicksAndFormat } from '../scatterplot/utils/getTicksAndFormat';\nimport type { Label } from '../scatterplot/utils/getVisibleLabels';\nimport { createLabelPositioner } from '../scatterplot/utils/getVisibleLabels';\nimport type { ColumnName, ScatterplotEventHandlers } from '../types';\nimport { isContinuousAes } from '../types';\nimport type { ScatterplotUmapLegendInfo } from '../types/scatterplot-umap';\nimport { getContinuousColorScale } from '../utils/getContinuousColorScale';\nimport { getContinuousLegendTicks } from '../utils/getContinuousLegendTicks';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport { SVGLayer } from './components/SVGLayer';\nimport { LEGEND_OFFSET, PADDINGS, TITLE_LINE } from './constants';\nimport type { CurveLayer, DotsLayer, ScatterplotUmapLayer, ScatterplotUmapSettingsImpl } from './SettingsImpl';\nimport type {\n    AesGetters,\n    CaptionsSizes,\n    ChartScales, ChartSizes,\n    Dot,\n    DotsExtents,\n    LassoControlsState,\n    Margins,\n    Polygon,\n    SVGLayerProps,\n} from './types';\n// @ts-ignore\nimport { seriesSvgMulti, seriesWebglMulti, seriesWebglPoint } from '@d3fc/d3fc-series';\n// @ts-ignore\nimport { webglFillColor } from '@d3fc/d3fc-webgl';\n// @ts-ignore\nimport { pointer } from '@d3fc/d3fc-pointer';\nimport { polygonContains } from 'd3-polygon';\nimport KDBush from 'kdbush';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport { DataFrame } from '../DataFrame';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { GET_BLACK, getColorWithFakeOpacity, stringToNumberRgba } from './colors';\n\nfunction convertDotRToSymbolSize(r:number) {\n    return (r / 2.35) * (r / 2.35) * 64;\n}\n\nfunction isDotInsidePolygons(x:number, y:number, polygons: Polygon[]) {\n    if (polygons.length === 0) {\n        return true;\n    }\n    return polygons.some((p) => p.closed && p.points.length > 2 && polygonContains(p.points, [x, y]));\n}\n\nfunction getGettersFromLayers(\n    dataFrame: DataFrame,\n    legendInfo: ScatterplotUmapLegendInfo,\n    layers: ScatterplotUmapSettingsImpl['layers'],\n): AesGetters {\n    const dotLayer = layers.find(l => l.type === 'dots') as DotsLayer | undefined;\n    const curveLayer = layers.find(l => l.type === 'curve') as CurveLayer | undefined;\n    return {\n        dotFill: createAesGetter(dataFrame, legendInfo, dotLayer?.aes.dotFill ?? DEFAULT_DOT_AES.color, 'dotFill'),\n        dotSize: createAesGetter(dataFrame, legendInfo, dotLayer?.aes.dotSize ?? DEFAULT_DOT_AES.size, 'dotSize'),\n        lineType: createAesGetter(dataFrame, legendInfo, curveLayer?.aes.lineShape ?? 'solid', 'lineShape')\n    };\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    canvasNode: HTMLElement | null = null;\n\n    svgLayerElement: SVGElement | null = null;\n    svgLayerComponent: ReactElement = (<></>);\n\n    aesGetters: AesGetters = {\n        dotSize: () => 2,\n        dotFill: () => BLACK,\n        lineType: () => 'solid'\n    };\n\n    tools: {\n        webglChart: CartesianChart<any, any>;\n        qt?: KDBush;\n        fillColor: () => {\n            value: (setter: (d: Dot) => [number, number, number, number]) => void;\n            data: (setter: () => Dot[]) => void;\n        };\n        pointSeries: () => any;\n        zoom: ZoomBehavior<any, any>;\n    } | null = null;\n\n    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    chartSizes: ChartSizes = {\n        chartWidth: DEFAULT_WIDTH, // width of single chart\n        chartHeight: DEFAULT_HEIGHT, // height of single chart\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    scales: ChartScales = {\n        x: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH]),\n        y: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0]),\n        xOriginal: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH]),\n        yOriginal: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0]),\n    };\n\n    polygons:Polygon[] = [];\n    onPolygonUpdateOutside: ScatterplotEventHandlers['onPolygonUpdate'] = () => undefined;\n    onTooltipHintSwitch: ScatterplotEventHandlers['onTooltipHintSwitch'] = () => undefined;\n    onLassoControlsStateUpdate: ScatterplotEventHandlers['onLassoControlsStateUpdate'] = () => undefined;\n\n    zoomTransform: ZoomTransform | null =  null;\n    zoomStateKey = '';\n    selectedDot: Dot | null = null;\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptionsWidth: 30,\n        yAxisCaptionsWidth: 100,\n    };\n    mainTitle: string[] = []; // can be multiline\n    legend: LegendData = {width: 0, height: 0, items: []};\n\n    notCalculatedProps: Partial<SVGLayerProps> = {};\n\n    allDots: Dot[] = [];\n    visibleLabels: Label[] = [];\n    dataFrame: DataFrame = new DataFrame('', {});\n\n    clear() {\n        if (this.parentNode && this.rootNode && this.canvasNode) {\n            this.parentNode?.removeChild(this.rootNode);\n            this.parentNode?.removeChild(this.canvasNode);\n            this.parentNode = null;\n            this.rootNode = null;\n            this.canvasNode = null;\n            this.svgLayerElement = null;\n            this.tools = 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.canvasNode = document.createElement('div');\n            this.parentNode.appendChild(this.rootNode);\n            this.parentNode.appendChild(this.canvasNode);\n            this.reactRoot = createRoot(this.rootNode);\n        }\n    }\n\n    updateChartSizes(size: ScatterplotUmapSettingsImpl['chartSettings']['size']) {\n        if (size.width !== this.chartSizes.chartWidth || size.height !== this.chartSizes.chartHeight) {\n            // NB: now chart sizes always change with one multiplier for width/height so qt stays without changes\n            this.chartSizes.chartWidth = size.width;\n            this.chartSizes.chartHeight = size.height;\n            this.scales.x.range([0, this.chartSizes.chartWidth]);\n            this.scales.y.range([this.chartSizes.chartHeight, 0]);\n        }\n        \n    }\n\n    updateViewport(\n        xAxis: ScatterplotUmapSettingsImpl['chartSettings']['xAxis'],\n        yAxis: ScatterplotUmapSettingsImpl['chartSettings']['yAxis'],\n        dotsExtents: DotsExtents\n    ) {\n        const scaleX = xAxis.scale === 'log' ? scaleLog() : scaleLinear();\n\n        let {minX, minY, maxX, maxY} = dotsExtents;\n        if (xAxis.lowerValue !== undefined) {\n            minX = Math.max(minX, xAxis.lowerValue);\n        }\n        if (xAxis.upperValue !== undefined) {\n            maxX = Math.min(maxX, xAxis.upperValue);\n        }\n        if (yAxis.lowerValue !== undefined) {\n            minY = Math.max(minY, yAxis.lowerValue);\n        }\n        if (yAxis.upperValue !== undefined) {\n            maxY = Math.min(maxY, yAxis.upperValue);\n        }\n        if (xAxis.symmetricRange !== undefined) {\n            const middle = xAxis.symmetricRange;\n            if (middle >= minX && middle <= maxX) {\n                const halfRange = Math.max(middle - minX, maxX - middle);\n                minX = middle - halfRange;\n                maxX = middle + halfRange;\n            }\n        }\n        if (typeof yAxis.symmetricRange !== 'undefined') {\n            const middle = yAxis.symmetricRange;\n            if (middle >= minY && middle <= maxY) {\n                const halfRange = Math.max(middle - minY, maxY - middle);\n                minY = middle - halfRange;\n                maxY = middle + halfRange;\n            }\n        }\n\n        const rangeH = [0, this.chartSizes.chartWidth];\n        // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n        const tempX = scaleX\n            .copy()\n            .domain([minX, maxX])\n            .range([PADDINGS.LEFT, this.chartSizes.chartWidth - PADDINGS.RIGHT]);\n        scaleX\n            .domain([tempX.invert(0), tempX.invert(this.chartSizes.chartWidth)])\n            .range(rangeH)\n            .nice();\n        this.scales.x = scaleX;\n        this.scales.xOriginal = scaleX.copy();\n\n        const scaleY = yAxis.scale === 'log' ? scaleLog() : scaleLinear();\n        const rangeV = [this.chartSizes.chartHeight, 0];\n        // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n        const tempY = scaleY\n            .copy()\n            .domain([minY, maxY])\n            .range([this.chartSizes.chartHeight - PADDINGS.BOTTOM, PADDINGS.TOP]);\n        scaleY\n            .domain([tempY.invert(this.chartSizes.chartHeight), tempY.invert(0)])\n            .range(rangeV)\n            .nice();\n        this.scales.y = scaleY;\n        this.scales.yOriginal = scaleY.copy();\n    }\n\n    updateCaptionsSize() {\n        const textMeasurer = new TextMeasurer('600 14px Arial');\n\n        function getMaxTickWidth(ticks: string[]) {\n            return Math.max(...ticks.map(key => textMeasurer.getTextWidth(key)));\n        }\n\n        const {ticks, format} = getTicksAndFormat(this.scales.y, false);\n        const maxYTick = getMaxTickWidth(ticks.map(format));\n\n        this.captionsSizes = {\n            xAxisCaptionsWidth: 20,\n            yAxisCaptionsWidth: maxYTick,\n        };\n    }\n\n    createMainTitle(title: ScatterplotUmapSettingsImpl['chartSettings']['title']) {\n        this.mainTitle = splitTextByWidth(\n            title.name,\n            this.chartSizes.totalWidth - this.margins.left - this.margins.right,\n            20\n        );\n    }\n\n    updateMargins() {\n        const titleTextHeight = TITLE_LINE_HEIGHT * this.mainTitle.length;\n        const titleHeight = titleTextHeight > 0 ? titleTextHeight + TITLE_MARGIN * 2 : 0;\n        this.margins = {\n            top: Math.max(titleHeight, MIN_MARGIN),\n            bottom: MIN_MARGIN + this.captionsSizes.xAxisCaptionsWidth + TITLE_LINE,\n            left: MIN_MARGIN + this.captionsSizes.yAxisCaptionsWidth + TITLE_LINE,\n            right: this.legend.width + MIN_MARGIN,\n        };\n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartWidth + this.margins.right;\n        this.chartSizes.totalHeight =\n            this.margins.top + Math.max(this.chartSizes.chartHeight, this.legend.height) + this.margins.bottom;\n\n        select(this.canvasNode)\n            .style('width', this.chartSizes.chartWidth + 'px')\n            .style('height', this.chartSizes.chartHeight + 'px')\n            .style('top', this.margins.top + 'px')\n            .style('left', this.margins.left + 'px');\n    }\n\n    updateLegendSize(\n        legend: ScatterplotUmapSettingsImpl['chartSettings']['legend'],\n        legendLabels: ScatterplotUmapLegendInfo,\n        grouping: ColumnName[],\n        layers: ScatterplotUmapLayer[]\n    ) {\n        if (!legend.show) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const legendItems: LegendItem[] = [];\n        const emptySizes = {width:0, height:0, left:0, top: 0};\n    \n        grouping.forEach(column => {\n            const info = legendLabels[column.value];\n            if (info.usedAes.length === 0 || !info.aesMap) {\n                return;\n            }\n            if (info.values.length > MAX_SHOWN_UNIQUE_VALUES_IN_LABELS) {\n                console.warn(`Too many values for discrete legend (${info.values.length})`);\n                return;\n            }\n            const aesData: Record<string, DotAesItem> = {};\n            info.values.forEach(category => {\n                if (!aesData[category]) {\n                    aesData[category] = {...DEFAULT_DOT_AES} as DotAesItem;\n                }\n                info.usedAes.forEach(key => {\n                    if (key === 'dotFill') {\n                        aesData[category].color = (info.aesMap(category, key) ?? BLACK) as string;\n                    }\n                    if (key === 'dotSize') {\n                        aesData[category].size = Number(info.aesMap(category, key) ?? 3);\n                    }\n                });\n            });\n\n            const title = column.label ?? column.value;\n            const scale = scaleOrdinal<DotAesItem>()\n                .domain(info.values)\n                .range(info.values.map(value => aesData[value]));\n            legendItems.push({...emptySizes, id: column.value, type: 'dots', title, scale, values:info.values, labels:info.labels});\n        });\n\n        layers.forEach(layer => {\n            if (layer.type === 'dots' && isContinuousAes(layer.aes.dotFill)) {\n                const {domain, range, columnName, type = 'linear'} = layer.aes.dotFill;\n                const title = columnName.label ?? columnName.value;\n                const colorScale = getContinuousColorScale(range, domain, 'linear') as ScaleLinear<string, string>; // always linear for legend - scale to render gradient, not for dots\n                const tickPositionScale = (type === 'log' ? scaleSymlog<string, string>() : scaleLinear<string, string>())\n                    .domain(domain)\n                    // @ts-ignore\n                    .range([this.chartSizes.chartHeight, 0]);\n                const values = getContinuousLegendTicks(tickPositionScale, domain as [number, number]);\n                legendItems.push({...emptySizes, id: 'dotFill', type: 'continuous', title, scale: colorScale, tickPositionScale, values});\n            }\n            if (layer.type === 'dots' && isContinuousAes(layer.aes.dotSize)) {\n                const {columnName, domain, range} = layer.aes.dotSize;\n                const title = columnName.label ?? columnName.value;\n                const scale = scaleSqrt(domain, range);\n                const values = scale.ticks(3);\n                const format = scale.tickFormat(3);\n                const labels = values.reduce((res: Record<string, string>, v) => {\n                    res[String(v)] = format(v);\n                    return res;\n                }, {});\n                legendItems.push({...emptySizes, id: columnName.value, type: 'size', 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        const legendHeight = this.chartSizes.chartHeight;\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight,\n            items,\n        };\n    }\n\n    initSettings(\n        dots: Dot[],\n        chartSettings: ScatterplotUmapSettingsImpl['chartSettings'],\n        dotExtents: DotsExtents,\n        legendInfo: ScatterplotUmapLegendInfo,\n        layers: ScatterplotUmapSettingsImpl['layers'],\n        grouping: ColumnName[]\n    ) {\n        const {xAxis, yAxis, size, title, legend} = chartSettings;\n        this.updateChartSizes(size);\n        this.updateViewport(xAxis, yAxis, dotExtents);\n        this.updateCaptionsSize();\n        this.updateLegendSize(legend, legendInfo, grouping, layers);\n        this.createMainTitle(title);\n        this.updateMargins();\n\n        this.aesGetters = getGettersFromLayers(this.dataFrame, legendInfo, layers);\n\n        const fillColor = webglFillColor()\n            .data(dots)\n            .value((d: Dot) => {\n                const rgba = stringToNumberRgba(this.aesGetters.dotFill(d.idx));\n                rgba[3] = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n                return getColorWithFakeOpacity(rgba, rgba);\n            });\n\n        const pointSeries = seriesWebglPoint()\n            .equals((a: Dot[], b: Dot[]) => a === b)\n            .size((d: Dot) => convertDotRToSymbolSize(this.aesGetters.dotSize(d.idx)))\n            .crossValue((d: Dot) => d.x)\n            .mainValue((d: Dot) => d.y)\n            .decorate((program: unknown) => fillColor(program));\n\n        const z = zoom()\n            .scaleExtent([0.1, 1000])\n            .filter((e:MouseEvent) => {\n                return e.type === 'wheel' || e.metaKey || e.ctrlKey;\n            })\n            .on('start', () => {\n                this.selectedDot = null;\n            })\n            .on('zoom', (e: D3ZoomEvent<SVGElement, unknown>) => {\n                const transform = e.transform;\n                const x = transform.rescaleX(this.scales.xOriginal);\n                const y = transform.rescaleY(this.scales.yOriginal);\n                this.scales.x.domain(x.domain());\n                this.scales.y.domain(y.domain());\n\n                this.zoomTransform = transform;\n                this.zoomStateKey = `${transform.x}_${transform.y}_${transform.k}`; // need it to update axes\n\n                this.updateLabelsPosition(this.visibleLabels);\n                this.renderSvgLayer();\n                this.renderWebglLayer();\n            }).on('end', () => {\n                this.visibleLabels = this.computeLabels(this.allDots);\n                this.renderSvgLayer();\n            });\n\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        const p = pointer().on('point', ([coord]) => {\n            let closestDatum;\n            if (coord) {\n                closestDatum = this.getClosestDot(coord.x, coord.y);\n            }\n            \n            const needRedraw =\n                (this.selectedDot && !closestDatum) ||\n                (!this.selectedDot && closestDatum) ||\n                this.selectedDot?.idx !== closestDatum?.idx;\n\n            this.selectedDot = closestDatum ?? null;\n\n            if (needRedraw) {\n                this.renderSvgLayer();\n            }\n        });\n\n        const webglChart = chartCartesian({\n            xScale: this.scales.x,\n            yScale: this.scales.y,\n        })\n            .xAxisHeight(() => '0') // removing build-in axes from chartCartesian\n            .yAxisWidth(() => '0') // removing build-in axes from chartCartesian\n            .svgPlotArea(seriesSvgMulti())\n            .webglPlotArea(\n                // only render the point series on the WebGL layer\n                seriesWebglMulti()\n                    .series([pointSeries])\n                    .mapping((d: unknown) => d)\n            )\n            .decorate(selection => {\n                const s = selection.enter();\n                if (s && !this.svgLayerElement) {\n                    s.style('grid-template-columns', '0 auto 1fr auto 0'); // removing build-in axes from chartCartesian\n                    s.style('grid-template-rows', '0 auto 1fr auto 0'); // removing build-in axes from chartCartesian\n                    this.svgLayerElement = s.select('.svg-plot-area.plot-area svg').node() as SVGElement;\n                }\n                s.select('.svg-plot-area.plot-area').attr('class', 'svg-plot-area plot-area miplots-scatterplot-plot-area')\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    .call(z)\n                    .call(p);\n            });\n\n        this.tools = {\n            webglChart,\n            zoom: z,\n            fillColor,\n            pointSeries,\n        };\n\n        select(this.canvasNode)\n            .datum(dots)\n            .style('position', 'absolute')\n            .style('width', this.chartSizes.chartWidth + 'px')\n            .style('height', this.chartSizes.chartHeight + 'px')\n            .style('top', this.margins.top + 'px')\n            .style('left', this.margins.left + 'px');\n    }\n\n    updateAes(\n        legendInfo: ScatterplotUmapLegendInfo,\n        layers: ScatterplotUmapSettingsImpl['layers']\n    ) {\n        if (this.tools === null) {\n            return;\n        }\n        this.aesGetters = getGettersFromLayers(this.dataFrame, legendInfo, layers);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.fillColor.value((d: Dot) => {\n            const colorGetter = this.aesGetters.dotFill ?? GET_BLACK;\n            const rgba = stringToNumberRgba(colorGetter(d.idx));\n            rgba[3] = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n            return getColorWithFakeOpacity(rgba, rgba);\n        });\n    }\n\n    updatePointSize() {\n        if (this.tools === null) {\n            return;\n        }\n        // TODO: try remove array copy\n        select(this.canvasNode).datum([...this.allDots]);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.pointSeries.size((d: Dot) => convertDotRToSymbolSize(this.aesGetters.dotSize(d.data)));\n    }\n\n    updateByLasso() {\n        if (this.tools === null) {\n            return;\n        }\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools?.fillColor.value((d: Dot) => {\n            const colorGetter = this.aesGetters.dotFill ?? GET_BLACK;\n            const rgba = stringToNumberRgba(colorGetter(d.idx));\n            rgba[3] = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n            return getColorWithFakeOpacity(rgba, rgba);\n        });\n        this.renderWebglLayer();\n    }\n\n    createQuadtree(dots: Dot[]): KDBush {\n        const tree = new KDBush(dots.length, 512);\n\n        for (let i = 0; i < dots.length; i++) {\n            tree.add(dots[i].x, dots[i].y);\n        }  \n\n        return tree.finish();\n    }\n\n    getClosestDot(_x: number, _y: number): Dot | null {\n        const tree = this.tools?.qt;\n        if (!tree) return null;\n        const dots = this.allDots;\n        const x = this.scales.x.invert(_x);\n        const y = this.scales.y.invert(_y);\n        const radius = 1 / (this.zoomTransform?.k || 1);\n        const minX = x - radius;\n        const maxX = x + radius;\n        const minY = y - radius;\n        const maxY = y + radius;\n\n        const indexes = tree.range(minX, minY, maxX, maxY);\n        const closest = indexes.reduce((closest, idx: number) => {\n            const dot = dots[idx];\n            const dX = this.scales.x(dot.x) - _x;\n            const dY = this.scales.y(dot.y) - _y;\n            const distance = Math.hypot(dX, dY);\n            if (closest === null || distance < closest.distance) {\n                closest.index = idx;\n                closest.distance = distance;\n            }\n            return closest;\n        }, {\n            index: -1,\n            distance: Infinity\n        });\n        return indexes.length === 0 || closest.index === -1 ? null : dots[closest.index];\n    }\n\n    updateDots(dots: Dot[]) {\n        if (this.tools === null) {\n            return;\n        }\n        select(this.canvasNode).datum(dots);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.fillColor.data(dots);\n        this.tools.qt = this.createQuadtree(dots);\n        this.allDots = dots;\n    }\n\n    render(\n        dataFrame: DataFrame,\n        settingsId: string,\n        chartSettings: ScatterplotUmapSettingsImpl['chartSettings'],\n        keyColumn: ColumnName | null,\n        dots: Dot[],\n        dotExtents: DotsExtents,\n        dotsByGrouping: Record<string, Dot[]>,\n        layers: ScatterplotUmapSettingsImpl['layers'],\n        legendInfo: ScatterplotUmapLegendInfo,\n        grouping: ColumnName[],\n        onPolygonUpdateOutside: ScatterplotEventHandlers['onPolygonUpdate'],\n        onTooltipHintSwitch: (v:boolean) => void,\n        onLassoControlsStateUpdate: (v:LassoControlsState) => void,\n    ) {\n        this.dataFrame = dataFrame;\n        const sizesChanged = chartSettings.size.width !== this.chartSizes.chartWidth || chartSettings.size.height !== this.chartSizes.chartHeight;   \n        if (this.tools === null) {\n            this.initSettings(\n                dots,\n                chartSettings,\n                dotExtents,\n                legendInfo,\n                layers,\n                grouping\n            );    \n        } else {\n            const {title, legend, size} = chartSettings;\n            this.updateChartSizes(size);\n            this.updateLegendSize(legend, legendInfo, grouping, layers);\n            this.createMainTitle(title);\n            this.updateMargins();\n            this.updateAes(legendInfo, layers);\n        }\n\n        this.onPolygonUpdateOutside = onPolygonUpdateOutside;\n        this.onTooltipHintSwitch = onTooltipHintSwitch;\n        this.onLassoControlsStateUpdate = onLassoControlsStateUpdate;\n\n        if (this.allDots !== dots) {\n            this.updateDots(dots);\n        }\n        if (this.allDots !== dots || sizesChanged) {\n            this.visibleLabels = this.computeLabels(dots);\n        }\n\n        this.notCalculatedProps = {\n            settingsId,\n            chartSettings,\n            keyColumn,\n            dotsByGrouping,\n            layers\n        };\n\n        this.renderWebglLayer();\n        this.renderSvgLayer();\n    }\n\n    renderWebglLayer() {\n        if (this.tools?.webglChart) {\n            select(this.canvasNode).call(this.tools?.webglChart);\n        }\n    }\n\n    onPolygonUpdate = (p:Polygon[]) => {\n        this.polygons = p;\n        this.updateByLasso();\n        const filteredDotsIndexes = this.allDots\n            .filter(d => isDotInsidePolygons(d.x, d.y, this.polygons))\n            .map(d => d.idx);\n        this.onPolygonUpdateOutside(filteredDotsIndexes, p);\n    };\n\n    renderSvgLayer() {\n        const props = {\n            settingsId: this.notCalculatedProps.settingsId,\n            chartSettings: this.notCalculatedProps.chartSettings,\n            keyColumn: this.notCalculatedProps.keyColumn,\n            dotsByGrouping: this.notCalculatedProps.dotsByGrouping,\n            layers: this.notCalculatedProps.layers,\n            chartSizes: this.chartSizes,\n            scales: this.scales,\n            margins: this.margins,\n            mainTitle: this.mainTitle,\n            captionsSizes: this.captionsSizes,\n            container: this.svgLayerElement,\n            zoomStateKey: this.zoomStateKey,\n            selectedDot: this.selectedDot,\n            aesGetters: this.aesGetters,\n            legendData: this.legend,\n            labels: this.visibleLabels,\n            defaultPolygons: this.polygons,\n            onPolygonUpdate: this.onPolygonUpdate,\n            onTooltipHintSwitch: this.onTooltipHintSwitch,\n            onLassoControlsStateUpdate: this.onLassoControlsStateUpdate,\n        } as SVGLayerProps;\n        this.svgLayerComponent = (\n            <DataFrameProvider dataFrame={this.dataFrame}>\n                <SVGLayer {...props} />\n            </DataFrameProvider>\n        );\n        this.reactRoot?.render(this.svgLayerComponent);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n\n    private computeLabels(dots: Dot[]) {\n        const textMeasurer = new TextMeasurer('16px Manrope');\n        const getPosition = createLabelPositioner(this.chartSizes.chartWidth, this.chartSizes.chartHeight);\n        const labels = [];\n\n        for (let i = 0; i < dots.length; i++) {\n            const dot = dots[i];\n            if (dot.label == null) {\n                continue;\n            }\n            const name = String(dot.label);\n            const metrics = textMeasurer.getTextMetrics(name);\n            const x = this.scales.x(dot.x);\n            const y = this.scales.y(dot.y);\n            const w = metrics.width;\n            const h = (metrics.actualBoundingBoxAscent) + (metrics.actualBoundingBoxDescent);\n            const p = 10;\n            const position = getPosition(x, y, w, h, p);\n            if (!position) {\n                continue;\n            }\n\n            labels.push({\n                x,\n                y,\n                dot,\n                name,\n                width: w,\n                height: h,\n                padding: p,\n                xPosition: position[0],\n                yPosition: position[1],\n            } satisfies Label);\n        }\n\n        return labels;\n    }\n\n    private updateLabelsPosition(labels: Label[]) {\n        for (let i = 0; i < labels.length; i++) {\n            const label = labels[i];\n            label.x = this.scales.x(label.dot.x as number);\n            label.y = this.scales.y(label.dot.y as number);\n        }\n    }\n}\n\nexport default ChartRenderer;\n"],"names":["convertDotRToSymbolSize","r","isDotInsidePolygons","x","y","polygons","p","polygonContains","getGettersFromLayers","dataFrame","legendInfo","layers","dotLayer","l","curveLayer","createAesGetter","DEFAULT_DOT_AES","ChartRenderer","__publicField","jsx","Fragment","BLACK","MIN_MARGIN","DEFAULT_WIDTH","DEFAULT_HEIGHT","scaleLinear","DataFrame","filteredDotsIndexes","d","_a","_b","node","createRoot","size","xAxis","yAxis","dotsExtents","scaleX","scaleLog","minX","minY","maxX","maxY","middle","halfRange","rangeH","tempX","PADDINGS","scaleY","rangeV","tempY","textMeasurer","TextMeasurer","getMaxTickWidth","ticks","key","format","getTicksAndFormat","maxYTick","title","splitTextByWidth","titleTextHeight","TITLE_LINE_HEIGHT","titleHeight","TITLE_MARGIN","TITLE_LINE","select","legend","legendLabels","grouping","legendItems","emptySizes","column","info","MAX_SHOWN_UNIQUE_VALUES_IN_LABELS","aesData","category","scale","scaleOrdinal","value","layer","isContinuousAes","domain","range","columnName","type","colorScale","getContinuousColorScale","tickPositionScale","scaleSymlog","values","getContinuousLegendTicks","scaleSqrt","labels","res","v","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","legendHeight","dots","chartSettings","dotExtents","fillColor","webglFillColor","rgba","stringToNumberRgba","getColorWithFakeOpacity","pointSeries","seriesWebglPoint","a","b","program","z","zoom","e","transform","pointer","coord","closestDatum","needRedraw","webglChart","chartCartesian","seriesSvgMulti","seriesWebglMulti","selection","s","colorGetter","GET_BLACK","tree","KDBush","_x","_y","radius","indexes","closest","idx","dot","dX","dY","distance","settingsId","keyColumn","dotsByGrouping","onPolygonUpdateOutside","onTooltipHintSwitch","onLassoControlsStateUpdate","sizesChanged","props","DataFrameProvider","SVGLayer","message","Error","getPosition","createLabelPositioner","i","name","metrics","w","h","position","label"],"mappings":"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"}
+{"version":3,"file":"ChartRenderer.js","sources":["../../src/scatterplot-umap/ChartRenderer.tsx"],"sourcesContent":["import { chartCartesian } from '@d3fc/d3fc-chart';\nimport type { CartesianChart } from '@d3fc/d3fc-chart/src/cartesian';\nimport type { ScaleLinear } from 'd3-scale';\nimport { scaleLinear, scaleLog, scaleOrdinal, scaleSqrt, scaleSymlog } from 'd3-scale';\nimport { select } from 'd3-selection';\nimport type { D3ZoomEvent, ZoomBehavior, ZoomTransform } from 'd3-zoom';\nimport { zoom } from 'd3-zoom';\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 { DotAesItem, LegendData, LegendItem } from '../common/types';\nimport {\n    BLACK,\n    DEFAULT_HEIGHT,\n    DEFAULT_WIDTH,\n    MAX_SHOWN_UNIQUE_VALUES_IN_LABELS,\n    TITLE_LINE_HEIGHT,\n    TITLE_MARGIN\n} from '../constants';\nimport { splitTextByWidth } from '../discrete/utils';\nimport { DEFAULT_DOT_AES, MIN_MARGIN } from '../scatterplot/constants';\nimport { createAesGetter } from '../scatterplot/utils/createAesGetter';\nimport { getTicksAndFormat } from '../scatterplot/utils/getTicksAndFormat';\nimport type { Label } from '../scatterplot/utils/getVisibleLabels';\nimport { createLabelPositioner } from '../scatterplot/utils/getVisibleLabels';\nimport type { ColumnName, ScatterplotEventHandlers } from '../types';\nimport { isContinuousAes } from '../types';\nimport type { ScatterplotUmapLegendInfo } from '../types/scatterplot-umap';\nimport { getContinuousColorScale } from '../utils/getContinuousColorScale';\nimport { getContinuousLegendTicks } from '../utils/getContinuousLegendTicks';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport { SVGLayer } from './components/SVGLayer';\nimport { LEGEND_OFFSET, PADDINGS, TITLE_LINE } from './constants';\nimport type { CurveLayer, DotsLayer, ScatterplotUmapLayer, ScatterplotUmapSettingsImpl } from './SettingsImpl';\nimport type {\n    AesGetters,\n    CaptionsSizes,\n    ChartScales, ChartSizes,\n    Dot,\n    DotsExtents,\n    LassoControlsState,\n    Margins,\n    Polygon,\n    SVGLayerProps,\n} from './types';\n// @ts-ignore\nimport { seriesSvgMulti, seriesWebglMulti, seriesWebglPoint } from '@d3fc/d3fc-series';\n// @ts-ignore\nimport { webglFillColor } from '@d3fc/d3fc-webgl';\n// @ts-ignore\nimport { pointer } from '@d3fc/d3fc-pointer';\nimport { polygonContains } from 'd3-polygon';\nimport KDBush from 'kdbush';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport { DataFrame } from '../DataFrame';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { GET_BLACK, getColorWithFakeOpacity, stringToNumberRgba } from './colors';\n\nfunction convertDotRToSymbolSize(r:number) {\n    return (r / 2.35) * (r / 2.35) * 64;\n}\n\nfunction isDotInsidePolygons(x:number, y:number, polygons: Polygon[]) {\n    if (polygons.length === 0) {\n        return true;\n    }\n    return polygons.some((p) => p.closed && p.points.length > 2 && polygonContains(p.points, [x, y]));\n}\n\nfunction getGettersFromLayers(\n    dataFrame: DataFrame,\n    legendInfo: ScatterplotUmapLegendInfo,\n    layers: ScatterplotUmapSettingsImpl['layers'],\n): AesGetters {\n    const dotLayer = layers.find(l => l.type === 'dots') as DotsLayer | undefined;\n    const curveLayer = layers.find(l => l.type === 'curve') as CurveLayer | undefined;\n    return {\n        dotFill: createAesGetter(dataFrame, legendInfo, dotLayer?.aes.dotFill ?? DEFAULT_DOT_AES.color, 'dotFill'),\n        dotSize: createAesGetter(dataFrame, legendInfo, dotLayer?.aes.dotSize ?? DEFAULT_DOT_AES.size, 'dotSize'),\n        lineType: createAesGetter(dataFrame, legendInfo, curveLayer?.aes.lineShape ?? 'solid', 'lineShape')\n    };\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    canvasNode: HTMLElement | null = null;\n\n    svgLayerElement: SVGElement | null = null;\n    svgLayerComponent: ReactElement = (<></>);\n\n    aesGetters: AesGetters = {\n        dotSize: () => 2,\n        dotFill: () => BLACK,\n        lineType: () => 'solid'\n    };\n\n    tools: {\n        webglChart: CartesianChart<any, any>;\n        qt?: KDBush;\n        fillColor: () => {\n            value: (setter: (d: Dot) => [number, number, number, number]) => void;\n            data: (setter: () => Dot[]) => void;\n        };\n        pointSeries: () => any;\n        zoom: ZoomBehavior<any, any>;\n    } | null = null;\n\n    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    chartSizes: ChartSizes = {\n        chartWidth: DEFAULT_WIDTH, // width of single chart\n        chartHeight: DEFAULT_HEIGHT, // height of single chart\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    scales: ChartScales = {\n        x: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH]),\n        y: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0]),\n        xOriginal: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH]),\n        yOriginal: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0]),\n    };\n\n    polygons:Polygon[] = [];\n    onPolygonUpdateOutside: ScatterplotEventHandlers['onPolygonUpdate'] = () => undefined;\n    onTooltipHintSwitch: ScatterplotEventHandlers['onTooltipHintSwitch'] = () => undefined;\n    onLassoControlsStateUpdate: ScatterplotEventHandlers['onLassoControlsStateUpdate'] = () => undefined;\n\n    zoomTransform: ZoomTransform | null =  null;\n    zoomStateKey = '';\n    selectedDot: Dot | null = null;\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptionsWidth: 30,\n        yAxisCaptionsWidth: 100,\n    };\n    mainTitle: string[] = []; // can be multiline\n    legend: LegendData = {width: 0, height: 0, items: []};\n\n    notCalculatedProps: Partial<SVGLayerProps> = {};\n\n    allDots: Dot[] = [];\n    visibleLabels: Label[] = [];\n    dataFrame: DataFrame = new DataFrame('', {});\n\n    clear() {\n        if (this.parentNode && this.rootNode && this.canvasNode) {\n            this.parentNode?.removeChild(this.rootNode);\n            this.parentNode?.removeChild(this.canvasNode);\n            this.parentNode = null;\n            this.rootNode = null;\n            this.canvasNode = null;\n            this.svgLayerElement = null;\n            this.tools = 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.canvasNode = document.createElement('div');\n            this.parentNode.appendChild(this.rootNode);\n            this.parentNode.appendChild(this.canvasNode);\n            this.reactRoot = createRoot(this.rootNode);\n        }\n    }\n\n    updateChartSizes(size: ScatterplotUmapSettingsImpl['chartSettings']['size']) {\n        if (size.width !== this.chartSizes.chartWidth || size.height !== this.chartSizes.chartHeight) {\n            // NB: now chart sizes always change with one multiplier for width/height so qt stays without changes\n            this.chartSizes.chartWidth = size.width;\n            this.chartSizes.chartHeight = size.height;\n            this.scales.x.range([0, this.chartSizes.chartWidth]);\n            this.scales.y.range([this.chartSizes.chartHeight, 0]);\n        }\n        \n    }\n\n    updateViewport(\n        xAxis: ScatterplotUmapSettingsImpl['chartSettings']['xAxis'],\n        yAxis: ScatterplotUmapSettingsImpl['chartSettings']['yAxis'],\n        dotsExtents: DotsExtents\n    ) {\n        const scaleX = xAxis.scale === 'log' ? scaleLog() : scaleLinear();\n\n        let {minX, minY, maxX, maxY} = dotsExtents;\n        if (xAxis.lowerValue !== undefined) {\n            minX = Math.max(minX, xAxis.lowerValue);\n        }\n        if (xAxis.upperValue !== undefined) {\n            maxX = Math.min(maxX, xAxis.upperValue);\n        }\n        if (yAxis.lowerValue !== undefined) {\n            minY = Math.max(minY, yAxis.lowerValue);\n        }\n        if (yAxis.upperValue !== undefined) {\n            maxY = Math.min(maxY, yAxis.upperValue);\n        }\n        if (xAxis.symmetricRange !== undefined) {\n            const middle = xAxis.symmetricRange;\n            if (middle >= minX && middle <= maxX) {\n                const halfRange = Math.max(middle - minX, maxX - middle);\n                minX = middle - halfRange;\n                maxX = middle + halfRange;\n            }\n        }\n        if (typeof yAxis.symmetricRange !== 'undefined') {\n            const middle = yAxis.symmetricRange;\n            if (middle >= minY && middle <= maxY) {\n                const halfRange = Math.max(middle - minY, maxY - middle);\n                minY = middle - halfRange;\n                maxY = middle + halfRange;\n            }\n        }\n\n        const rangeH = [0, this.chartSizes.chartWidth];\n        // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n        const tempX = scaleX\n            .copy()\n            .domain([minX, maxX])\n            .range([PADDINGS.LEFT, this.chartSizes.chartWidth - PADDINGS.RIGHT]);\n        scaleX\n            .domain([tempX.invert(0), tempX.invert(this.chartSizes.chartWidth)])\n            .range(rangeH)\n            .nice();\n        this.scales.x = scaleX;\n        this.scales.xOriginal = scaleX.copy();\n\n        const scaleY = yAxis.scale === 'log' ? scaleLog() : scaleLinear();\n        const rangeV = [this.chartSizes.chartHeight, 0];\n        // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n        const tempY = scaleY\n            .copy()\n            .domain([minY, maxY])\n            .range([this.chartSizes.chartHeight - PADDINGS.BOTTOM, PADDINGS.TOP]);\n        scaleY\n            .domain([tempY.invert(this.chartSizes.chartHeight), tempY.invert(0)])\n            .range(rangeV)\n            .nice();\n        this.scales.y = scaleY;\n        this.scales.yOriginal = scaleY.copy();\n    }\n\n    updateCaptionsSize() {\n        const textMeasurer = new TextMeasurer('600 14px Arial');\n\n        function getMaxTickWidth(ticks: string[]) {\n            return Math.max(...ticks.map(key => textMeasurer.getTextWidth(key)));\n        }\n\n        const {ticks, format} = getTicksAndFormat(this.scales.y, false);\n        const maxYTick = getMaxTickWidth(ticks.map(format));\n\n        this.captionsSizes = {\n            xAxisCaptionsWidth: 20,\n            yAxisCaptionsWidth: maxYTick,\n        };\n    }\n\n    createMainTitle(title: ScatterplotUmapSettingsImpl['chartSettings']['title']) {\n        this.mainTitle = splitTextByWidth(\n            title.name,\n            this.chartSizes.totalWidth - this.margins.left - this.margins.right,\n            20\n        );\n    }\n\n    updateMargins() {\n        const titleTextHeight = TITLE_LINE_HEIGHT * this.mainTitle.length;\n        const titleHeight = titleTextHeight > 0 ? titleTextHeight + TITLE_MARGIN * 2 : 0;\n        this.margins = {\n            top: Math.max(titleHeight, MIN_MARGIN),\n            bottom: MIN_MARGIN + this.captionsSizes.xAxisCaptionsWidth + TITLE_LINE,\n            left: MIN_MARGIN + this.captionsSizes.yAxisCaptionsWidth + TITLE_LINE,\n            right: this.legend.width + MIN_MARGIN,\n        };\n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartWidth + this.margins.right;\n        this.chartSizes.totalHeight =\n            this.margins.top + Math.max(this.chartSizes.chartHeight, this.legend.height) + this.margins.bottom;\n\n        select(this.canvasNode)\n            .style('width', this.chartSizes.chartWidth + 'px')\n            .style('height', this.chartSizes.chartHeight + 'px')\n            .style('top', this.margins.top + 'px')\n            .style('left', this.margins.left + 'px');\n    }\n\n    updateLegendSize(\n        legend: ScatterplotUmapSettingsImpl['chartSettings']['legend'],\n        legendLabels: ScatterplotUmapLegendInfo,\n        grouping: ColumnName[],\n        layers: ScatterplotUmapLayer[]\n    ) {\n        if (!legend.show) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const legendItems: LegendItem[] = [];\n        const emptySizes = {width:0, height:0, left:0, top: 0};\n    \n        grouping.forEach(column => {\n            const info = legendLabels[column.value];\n            if (info.usedAes.length === 0 || !info.aesMap) {\n                return;\n            }\n            if (info.values.length > MAX_SHOWN_UNIQUE_VALUES_IN_LABELS) {\n                console.warn(`Too many values for discrete legend (${info.values.length})`);\n                return;\n            }\n            const aesData: Record<string, DotAesItem> = {};\n            info.values.forEach(category => {\n                if (!aesData[category]) {\n                    aesData[category] = {...DEFAULT_DOT_AES} as DotAesItem;\n                }\n                info.usedAes.forEach(key => {\n                    if (key === 'dotFill') {\n                        aesData[category].color = (info.aesMap(category, key) ?? BLACK) as string;\n                    }\n                    if (key === 'dotSize') {\n                        aesData[category].size = Number(info.aesMap(category, key) ?? 3);\n                    }\n                });\n            });\n\n            const title = column.label ?? column.value;\n            const scale = scaleOrdinal<DotAesItem>()\n                .domain(info.values)\n                .range(info.values.map(value => aesData[value]));\n            legendItems.push({...emptySizes, id: column.value, type: 'dots', title, scale, values:info.values, labels:info.labels});\n        });\n\n        layers.forEach(layer => {\n            if (layer.type === 'dots' && isContinuousAes(layer.aes.dotFill)) {\n                const {domain, range, columnName, type = 'linear'} = layer.aes.dotFill;\n                const title = columnName.label ?? columnName.value;\n                const colorScale = getContinuousColorScale(range, domain, 'linear') as ScaleLinear<string, string>; // always linear for legend - scale to render gradient, not for dots\n                const tickPositionScale = (type === 'log' ? scaleSymlog<string, string>() : scaleLinear<string, string>())\n                    .domain(domain)\n                    // @ts-ignore\n                    .range([this.chartSizes.chartHeight, 0]);\n                const values = getContinuousLegendTicks(tickPositionScale, domain as [number, number]);\n                legendItems.push({...emptySizes, id: 'dotFill', type: 'continuous', title, scale: colorScale, tickPositionScale, values});\n            }\n            if (layer.type === 'dots' && isContinuousAes(layer.aes.dotSize)) {\n                const {columnName, domain, range} = layer.aes.dotSize;\n                const title = columnName.label ?? columnName.value;\n                const scale = scaleSqrt(domain, range);\n                const values = scale.ticks(3);\n                const format = scale.tickFormat(3);\n                const labels = values.reduce((res: Record<string, string>, v) => {\n                    res[String(v)] = format(v);\n                    return res;\n                }, {});\n                legendItems.push({...emptySizes, id: columnName.value, type: 'size', 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        const legendHeight = this.chartSizes.chartHeight;\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight,\n            items,\n        };\n    }\n\n    initSettings(\n        dots: Dot[],\n        chartSettings: ScatterplotUmapSettingsImpl['chartSettings'],\n        dotExtents: DotsExtents,\n        legendInfo: ScatterplotUmapLegendInfo,\n        layers: ScatterplotUmapSettingsImpl['layers'],\n        grouping: ColumnName[]\n    ) {\n        const {xAxis, yAxis, size, title, legend} = chartSettings;\n        this.updateChartSizes(size);\n        this.updateViewport(xAxis, yAxis, dotExtents);\n        this.updateCaptionsSize();\n        this.updateLegendSize(legend, legendInfo, grouping, layers);\n        this.createMainTitle(title);\n        this.updateMargins();\n\n        this.aesGetters = getGettersFromLayers(this.dataFrame, legendInfo, layers);\n\n        const fillColor = webglFillColor()\n            .data(dots)\n            .value((d: Dot) => {\n                const rgba = stringToNumberRgba(this.aesGetters.dotFill(d.idx));\n                rgba[3] = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n                return getColorWithFakeOpacity(rgba, rgba);\n            });\n\n        const pointSeries = seriesWebglPoint()\n            .equals((a: Dot[], b: Dot[]) => a === b)\n            .size((d: Dot) => convertDotRToSymbolSize(this.aesGetters.dotSize(d.idx)))\n            .crossValue((d: Dot) => d.x)\n            .mainValue((d: Dot) => d.y)\n            .decorate((program: unknown) => fillColor(program));\n\n        const z = zoom()\n            .scaleExtent([0.1, 1000])\n            .filter((e:MouseEvent) => {\n                return e.type === 'wheel' || e.metaKey || e.ctrlKey;\n            })\n            .on('start', () => {\n                this.selectedDot = null;\n            })\n            .on('zoom', (e: D3ZoomEvent<SVGElement, unknown>) => {\n                const transform = e.transform;\n                const x = transform.rescaleX(this.scales.xOriginal);\n                const y = transform.rescaleY(this.scales.yOriginal);\n                this.scales.x.domain(x.domain());\n                this.scales.y.domain(y.domain());\n\n                this.zoomTransform = transform;\n                this.zoomStateKey = `${transform.x}_${transform.y}_${transform.k}`; // need it to update axes\n\n                this.updateLabelsPosition(this.visibleLabels);\n                this.renderSvgLayer();\n                this.renderWebglLayer();\n            }).on('end', () => {\n                this.visibleLabels = this.computeLabels(this.allDots);\n                this.renderSvgLayer();\n            });\n\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        const p = pointer().on('point', ([coord]) => {\n            let closestDatum;\n            if (coord) {\n                closestDatum = this.getClosestDot(coord.x, coord.y);\n            }\n            \n            const needRedraw =\n                (this.selectedDot && !closestDatum) ||\n                (!this.selectedDot && closestDatum) ||\n                this.selectedDot?.idx !== closestDatum?.idx;\n\n            this.selectedDot = closestDatum ?? null;\n\n            if (needRedraw) {\n                this.renderSvgLayer();\n            }\n        });\n\n        const webglChart = chartCartesian({\n            xScale: this.scales.x,\n            yScale: this.scales.y,\n        })\n            .xAxisHeight(() => '0') // removing build-in axes from chartCartesian\n            .yAxisWidth(() => '0') // removing build-in axes from chartCartesian\n            .svgPlotArea(seriesSvgMulti())\n            .webglPlotArea(\n                // only render the point series on the WebGL layer\n                seriesWebglMulti()\n                    .series([pointSeries])\n                    .mapping((d: unknown) => d)\n            )\n            .decorate(selection => {\n                const s = selection.enter();\n                if (s && !this.svgLayerElement) {\n                    s.style('grid-template-columns', '0 auto 1fr auto 0'); // removing build-in axes from chartCartesian\n                    s.style('grid-template-rows', '0 auto 1fr auto 0'); // removing build-in axes from chartCartesian\n                    this.svgLayerElement = s.select('.svg-plot-area.plot-area svg').node() as SVGElement;\n                }\n                s.select('.svg-plot-area.plot-area').attr('class', 'svg-plot-area plot-area miplots-scatterplot-plot-area')\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    .call(z)\n                    .call(p);\n            });\n\n        this.tools = {\n            webglChart,\n            zoom: z,\n            fillColor,\n            pointSeries,\n        };\n\n        select(this.canvasNode)\n            .datum(dots)\n            .style('position', 'absolute')\n            .style('width', this.chartSizes.chartWidth + 'px')\n            .style('height', this.chartSizes.chartHeight + 'px')\n            .style('top', this.margins.top + 'px')\n            .style('left', this.margins.left + 'px');\n    }\n\n    updateAes(\n        legendInfo: ScatterplotUmapLegendInfo,\n        layers: ScatterplotUmapSettingsImpl['layers']\n    ) {\n        if (this.tools === null) {\n            return;\n        }\n        this.aesGetters = getGettersFromLayers(this.dataFrame, legendInfo, layers);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.fillColor.value((d: Dot) => {\n            const colorGetter = this.aesGetters.dotFill ?? GET_BLACK;\n            const rgba = stringToNumberRgba(colorGetter(d.idx));\n            rgba[3] = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n            return getColorWithFakeOpacity(rgba, rgba);\n        });\n    }\n\n    updatePointSize() {\n        if (this.tools === null) {\n            return;\n        }\n        // TODO: try remove array copy\n        select(this.canvasNode).datum([...this.allDots]);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.pointSeries.size((d: Dot) => convertDotRToSymbolSize(this.aesGetters.dotSize(d.data)));\n    }\n\n    updateByLasso() {\n        if (this.tools === null) {\n            return;\n        }\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools?.fillColor.value((d: Dot) => {\n            const colorGetter = this.aesGetters.dotFill ?? GET_BLACK;\n            const rgba = stringToNumberRgba(colorGetter(d.idx));\n            rgba[3] = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n            return getColorWithFakeOpacity(rgba, rgba);\n        });\n        this.renderWebglLayer();\n    }\n\n    createQuadtree(dots: Dot[]): KDBush {\n        const tree = new KDBush(dots.length, 512);\n\n        for (let i = 0; i < dots.length; i++) {\n            tree.add(dots[i].x, dots[i].y);\n        }  \n\n        return tree.finish();\n    }\n\n    getClosestDot(_x: number, _y: number): Dot | null {\n        const tree = this.tools?.qt;\n        if (!tree) return null;\n        const dots = this.allDots;\n        const x = this.scales.x.invert(_x);\n        const y = this.scales.y.invert(_y);\n        const radius = 1 / (this.zoomTransform?.k || 1);\n        const minX = x - radius;\n        const maxX = x + radius;\n        const minY = y - radius;\n        const maxY = y + radius;\n\n        const indexes = tree.range(minX, minY, maxX, maxY);\n        const closest = indexes.reduce((closest, idx: number) => {\n            const dot = dots[idx];\n            const dX = this.scales.x(dot.x) - _x;\n            const dY = this.scales.y(dot.y) - _y;\n            const distance = Math.hypot(dX, dY);\n            if (closest === null || distance < closest.distance) {\n                closest.index = idx;\n                closest.distance = distance;\n            }\n            return closest;\n        }, {\n            index: -1,\n            distance: Infinity\n        });\n        return indexes.length === 0 || closest.index === -1 ? null : dots[closest.index];\n    }\n\n    updateDots(dots: Dot[]) {\n        if (this.tools === null) {\n            return;\n        }\n        select(this.canvasNode).datum(dots);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.fillColor.data(dots);\n        this.tools.qt = this.createQuadtree(dots);\n        this.allDots = dots;\n    }\n\n    render(\n        dataFrame: DataFrame,\n        settingsId: string,\n        chartSettings: ScatterplotUmapSettingsImpl['chartSettings'],\n        keyColumn: ColumnName | null,\n        dots: Dot[],\n        dotExtents: DotsExtents,\n        dotsByGrouping: Record<string, Dot[]>,\n        layers: ScatterplotUmapSettingsImpl['layers'],\n        legendInfo: ScatterplotUmapLegendInfo,\n        grouping: ColumnName[],\n        onPolygonUpdateOutside: ScatterplotEventHandlers['onPolygonUpdate'],\n        onTooltipHintSwitch: (v:boolean) => void,\n        onLassoControlsStateUpdate: (v:LassoControlsState) => void,\n    ) {\n        this.dataFrame = dataFrame;\n        const sizesChanged = chartSettings.size.width !== this.chartSizes.chartWidth || chartSettings.size.height !== this.chartSizes.chartHeight;   \n        if (this.tools === null) {\n            this.initSettings(\n                dots,\n                chartSettings,\n                dotExtents,\n                legendInfo,\n                layers,\n                grouping\n            );    \n        } else {\n            const {title, legend, size} = chartSettings;\n            this.updateChartSizes(size);\n            this.updateLegendSize(legend, legendInfo, grouping, layers);\n            this.createMainTitle(title);\n            this.updateMargins();\n            this.updateAes(legendInfo, layers);\n        }\n\n        this.onPolygonUpdateOutside = onPolygonUpdateOutside;\n        this.onTooltipHintSwitch = onTooltipHintSwitch;\n        this.onLassoControlsStateUpdate = onLassoControlsStateUpdate;\n\n        if (this.allDots !== dots) {\n            this.updateDots(dots);\n            this.visibleLabels = this.computeLabels(dots);\n        } else if (sizesChanged) {\n            this.visibleLabels = this.computeLabels(dots);\n        }\n\n        this.notCalculatedProps = {\n            settingsId,\n            chartSettings,\n            keyColumn,\n            dotsByGrouping,\n            layers\n        };\n\n        this.renderWebglLayer();\n        this.renderSvgLayer();\n    }\n\n    renderWebglLayer() {\n        if (this.tools?.webglChart) {\n            select(this.canvasNode).call(this.tools?.webglChart);\n        }\n    }\n\n    onPolygonUpdate = (p:Polygon[]) => {\n        this.polygons = p;\n        this.updateByLasso();\n        const filteredDotsIndexes = this.allDots\n            .filter(d => isDotInsidePolygons(d.x, d.y, this.polygons))\n            .map(d => d.idx);\n        this.onPolygonUpdateOutside(filteredDotsIndexes, p);\n    };\n\n    renderSvgLayer() {\n        const props = {\n            settingsId: this.notCalculatedProps.settingsId,\n            chartSettings: this.notCalculatedProps.chartSettings,\n            keyColumn: this.notCalculatedProps.keyColumn,\n            dotsByGrouping: this.notCalculatedProps.dotsByGrouping,\n            layers: this.notCalculatedProps.layers,\n            chartSizes: this.chartSizes,\n            scales: this.scales,\n            margins: this.margins,\n            mainTitle: this.mainTitle,\n            captionsSizes: this.captionsSizes,\n            container: this.svgLayerElement,\n            zoomStateKey: this.zoomStateKey,\n            selectedDot: this.selectedDot,\n            aesGetters: this.aesGetters,\n            legendData: this.legend,\n            labels: this.visibleLabels,\n            defaultPolygons: this.polygons,\n            onPolygonUpdate: this.onPolygonUpdate,\n            onTooltipHintSwitch: this.onTooltipHintSwitch,\n            onLassoControlsStateUpdate: this.onLassoControlsStateUpdate,\n        } as SVGLayerProps;\n        this.svgLayerComponent = (\n            <DataFrameProvider dataFrame={this.dataFrame}>\n                <SVGLayer {...props} />\n            </DataFrameProvider>\n        );\n        this.reactRoot?.render(this.svgLayerComponent);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n\n    private computeLabels(dots: Dot[]) {\n        const textMeasurer = new TextMeasurer('16px Manrope');\n        const getPosition = createLabelPositioner(this.chartSizes.chartWidth, this.chartSizes.chartHeight);\n        const labels = [];\n\n        for (let i = 0; i < dots.length; i++) {\n            const dot = dots[i];\n            if (dot.label == null) {\n                continue;\n            }\n            const name = String(dot.label);\n            const metrics = textMeasurer.getTextMetrics(name);\n            const x = this.scales.x(dot.x);\n            const y = this.scales.y(dot.y);\n            const w = metrics.width;\n            const h = (metrics.actualBoundingBoxAscent) + (metrics.actualBoundingBoxDescent);\n            const p = 10;\n            const position = getPosition(x, y, w, h, p);\n            if (!position) {\n                continue;\n            }\n\n            labels.push({\n                x,\n                y,\n                dot,\n                name,\n                width: w,\n                height: h,\n                padding: p,\n                xPosition: position[0],\n                yPosition: position[1],\n            } satisfies Label);\n        }\n\n        return labels;\n    }\n\n    private updateLabelsPosition(labels: Label[]) {\n        for (let i = 0; i < labels.length; i++) {\n            const label = labels[i];\n            label.x = this.scales.x(label.dot.x as number);\n            label.y = this.scales.y(label.dot.y as number);\n        }\n    }\n}\n\nexport default ChartRenderer;\n"],"names":["convertDotRToSymbolSize","r","isDotInsidePolygons","x","y","polygons","p","polygonContains","getGettersFromLayers","dataFrame","legendInfo","layers","dotLayer","l","curveLayer","createAesGetter","DEFAULT_DOT_AES","ChartRenderer","__publicField","jsx","Fragment","BLACK","MIN_MARGIN","DEFAULT_WIDTH","DEFAULT_HEIGHT","scaleLinear","DataFrame","filteredDotsIndexes","d","_a","_b","node","createRoot","size","xAxis","yAxis","dotsExtents","scaleX","scaleLog","minX","minY","maxX","maxY","middle","halfRange","rangeH","tempX","PADDINGS","scaleY","rangeV","tempY","textMeasurer","TextMeasurer","getMaxTickWidth","ticks","key","format","getTicksAndFormat","maxYTick","title","splitTextByWidth","titleTextHeight","TITLE_LINE_HEIGHT","titleHeight","TITLE_MARGIN","TITLE_LINE","select","legend","legendLabels","grouping","legendItems","emptySizes","column","info","MAX_SHOWN_UNIQUE_VALUES_IN_LABELS","aesData","category","scale","scaleOrdinal","value","layer","isContinuousAes","domain","range","columnName","type","colorScale","getContinuousColorScale","tickPositionScale","scaleSymlog","values","getContinuousLegendTicks","scaleSqrt","labels","res","v","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","legendHeight","dots","chartSettings","dotExtents","fillColor","webglFillColor","rgba","stringToNumberRgba","getColorWithFakeOpacity","pointSeries","seriesWebglPoint","a","b","program","z","zoom","e","transform","pointer","coord","closestDatum","needRedraw","webglChart","chartCartesian","seriesSvgMulti","seriesWebglMulti","selection","s","colorGetter","GET_BLACK","tree","KDBush","_x","_y","radius","indexes","closest","idx","dot","dX","dY","distance","settingsId","keyColumn","dotsByGrouping","onPolygonUpdateOutside","onTooltipHintSwitch","onLassoControlsStateUpdate","sizesChanged","props","DataFrameProvider","SVGLayer","message","Error","getPosition","createLabelPositioner","i","name","metrics","w","h","position","label"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@milaboratories/miplots4",
-    "version": "1.0.156",
+    "version": "1.0.157",
     "description": "Data visualization library",
     "author": "erohinaelena",
     "license": "ISC",