@milaboratories/miplots4 1.2.0 → 1.2.2

package/dist/common/ContinuousGrid.js

@@ -1,92 +1,126 @@
 import { BLACK as e, GRID_GRAY as t } from "../constants.js";
-import { getLineShape as n } from "../utils/getLineShape.js";
-import { useEffect as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-var s = 1;
-function c({ scaleX: c, scaleY: l, width: u, height: d, axisX: f, axisY: p, frameType: m, updatingKey: h = "" }) {
-	let [g, _] = i(c.ticks()), [v, y] = i(l.ticks()), { significantLines: b = [] } = f, { significantLines: x = [] } = p;
-	return r(() => {
-		let e = c.ticks().filter((e) => !b.includes(e)), t = l.ticks().filter((e) => !x.includes(e));
-		_(e), y(t);
+import { numberFormat as n } from "../utils/numberFormat.js";
+import { getLineShape as r } from "../utils/getLineShape.js";
+import { resolveSignificantLinesStyle as i } from "../utils/significantLinesStyle.js";
+import { useEffect as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+var l = 1, u = 11;
+function d({ scaleX: d, scaleY: f, width: p, height: m, axisX: h, axisY: g, frameType: _, updatingKey: v = "" }) {
+	let [y, b] = o(d.ticks()), [x, S] = o(f.ticks()), { significantLines: C = [] } = h, { significantLines: w = [] } = g, T = i(h.significantLinesStyle, "x"), E = i(g.significantLinesStyle, "y");
+	return a(() => {
+		let e = d.ticks().filter((e) => !C.includes(e)), t = f.ticks().filter((e) => !w.includes(e));
+		b(e), S(t);
 	}, [
-		c,
-		l,
-		h
-	]), /* @__PURE__ */ o("g", {
+		d,
+		f,
+		v
+	]), /* @__PURE__ */ c("g", {
 		stroke: t,
 		children: [
-			f.showGrid && g.map((e) => {
-				let t = c(e);
-				return /* @__PURE__ */ a("line", {
+			h.showGrid && y.map((e) => {
+				let t = d(e);
+				return /* @__PURE__ */ s("line", {
 					x1: t,
 					x2: t,
 					y1: 0,
-					y2: d
-				}, `x_${t}_${d}`);
+					y2: m
+				}, `x_${t}_${m}`);
 			}),
-			p.showGrid && v.map((e) => {
-				let t = l(e);
-				return /* @__PURE__ */ a("line", {
+			g.showGrid && x.map((e) => {
+				let t = f(e);
+				return /* @__PURE__ */ s("line", {
 					x1: 0,
-					x2: u,
+					x2: p,
 					y1: t,
 					y2: t
-				}, `y_${t}_${u}`);
+				}, `y_${t}_${p}`);
 			}),
-			/* @__PURE__ */ a("g", {
-				strokeDasharray: n(f.significantLinesStyle),
+			/* @__PURE__ */ s("g", {
+				strokeDasharray: r(T.shape),
 				stroke: e,
-				children: b.map((e) => {
-					let t = c(e);
-					return t < 0 || t > u ? null : /* @__PURE__ */ a("line", {
+				children: C.map((e) => {
+					let t = d(e);
+					return t < 0 || t > p ? null : /* @__PURE__ */ s("line", {
 						x1: t,
 						x2: t,
 						y1: 0,
-						y2: d
-					}, `significant_${t}_${d}`);
+						y2: m
+					}, `significant_${t}_${m}`);
 				})
 			}),
-			/* @__PURE__ */ a("g", {
-				strokeDasharray: n(p.significantLinesStyle),
+			T.showLabel && /* @__PURE__ */ s("g", {
+				fill: "#110529",
+				fontSize: 10,
+				stroke: "none",
+				children: C.map((e) => {
+					let t = d(e);
+					if (t < 0 || t > p) return null;
+					let r = t < 24 ? "start" : t > p - 24 ? "end" : "middle", i = r === "start" ? 3 : r === "end" ? -3 : 0, a = T.labelPosition === "bottom" ? m - 3 : u;
+					return /* @__PURE__ */ s("text", {
+						x: t + i,
+						y: a,
+						textAnchor: r,
+						children: n(e)
+					}, `significant_label_${t}`);
+				})
+			}),
+			/* @__PURE__ */ s("g", {
+				strokeDasharray: r(E.shape),
 				stroke: e,
-				children: x.map((e) => {
-					let t = l(e);
-					return t < 0 || t > d ? null : /* @__PURE__ */ a("line", {
+				children: w.map((e) => {
+					let t = f(e);
+					return t < 0 || t > m ? null : /* @__PURE__ */ s("line", {
 						x1: 0,
-						x2: u,
+						x2: p,
 						y1: t,
 						y2: t
-					}, `significant_${t}_${u}`);
+					}, `significant_${t}_${p}`);
+				})
+			}),
+			E.showLabel && /* @__PURE__ */ s("g", {
+				fill: "#110529",
+				fontSize: 10,
+				stroke: "none",
+				children: w.map((e) => {
+					let t = f(e);
+					if (t < 0 || t > m) return null;
+					let r = t < u + 3 ? t + u : (m - u, t - 3), i = E.labelPosition === "right";
+					return /* @__PURE__ */ s("text", {
+						x: i ? p - 4 : 4,
+						y: r,
+						textAnchor: i ? "end" : "start",
+						children: n(e)
+					}, `significant_label_${t}`);
 				})
 			}),
-			m !== "empty" && /* @__PURE__ */ o("g", {
-				strokeWidth: s,
+			_ !== "empty" && /* @__PURE__ */ c("g", {
+				strokeWidth: l,
 				children: [
-					(f.showGrid || m !== "left") && /* @__PURE__ */ a("line", {
-						stroke: m === "left" ? "#E1E3EB" : "#110529",
+					(h.showGrid || _ !== "left") && /* @__PURE__ */ s("line", {
+						stroke: _ === "left" ? "#E1E3EB" : "#110529",
 						x1: "0",
-						x2: u,
-						y1: d,
-						y2: d
+						x2: p,
+						y1: m,
+						y2: m
 					}),
-					(f.showGrid || m !== "bottom") && /* @__PURE__ */ a("line", {
-						stroke: m === "bottom" ? "#E1E3EB" : "#110529",
+					(h.showGrid || _ !== "bottom") && /* @__PURE__ */ s("line", {
+						stroke: _ === "bottom" ? "#E1E3EB" : "#110529",
 						x1: "0",
 						x2: "0",
 						y1: "0",
-						y2: d
+						y2: m
 					}),
-					(f.showGrid || m === "full") && /* @__PURE__ */ a("line", {
-						stroke: m === "full" ? "#110529" : "#E1E3EB",
-						x1: u,
-						x2: u,
+					(h.showGrid || _ === "full") && /* @__PURE__ */ s("line", {
+						stroke: _ === "full" ? "#110529" : "#E1E3EB",
+						x1: p,
+						x2: p,
 						y1: "0",
-						y2: d
+						y2: m
 					}),
-					(p.showGrid || m === "full") && /* @__PURE__ */ a("line", {
-						stroke: m === "full" ? "#110529" : "#E1E3EB",
+					(g.showGrid || _ === "full") && /* @__PURE__ */ s("line", {
+						stroke: _ === "full" ? "#110529" : "#E1E3EB",
 						x1: "0",
-						x2: u,
+						x2: p,
 						y1: "0",
 						y2: "0"
 					})
@@ -95,6 +129,6 @@ function c({ scaleX: c, scaleY: l, width: u, height: d, axisX: f, axisY: p, fram
 		]
 	});
 }
-export { c as ContinuousGrid };
+export { d as ContinuousGrid };
 
 //# sourceMappingURL=ContinuousGrid.js.map

package/dist/common/ContinuousGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContinuousGrid.js","names":[],"sources":["../../src/common/ContinuousGrid.tsx"],"sourcesContent":["import {BLACK, GRID_GRAY} from '../constants';\nimport type {AxisSettingsContinuous, FrameType} from '../types';\nimport {getLineShape} from '../utils/getLineShape';\nimport type {ScaleLinear, ScaleLogarithmic, ScaleSymLog} from 'd3-scale';\nimport React from 'react';\nimport {useEffect, useState} from 'react';\n\nconst GRID_FRAME_WIDTH = 1;\n\ninterface GridProps {\n    scaleY: ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ScaleSymLog<number, number>;\n    scaleX: ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ScaleSymLog<number, number>;\n    width: number;\n    height: number;\n    axisX: AxisSettingsContinuous;\n    axisY: AxisSettingsContinuous;\n    frameType: FrameType;\n    updatingKey?: string;\n}\n\nexport function ContinuousGrid({scaleX, scaleY, width, height, axisX, axisY, frameType, updatingKey = ''}: GridProps) {\n    const [ticksX, setTicksX] = useState<number[]>(scaleX.ticks());\n    const [ticksY, setTicksY] = useState<number[]>(scaleY.ticks());\n\n    const {significantLines: significantLinesX = []} = axisX;\n    const {significantLines: significantLinesY = []} = axisY;\n\n    useEffect(() => {\n        const ticksX = scaleX.ticks().filter(t => !significantLinesX.includes(t));\n        const ticksY = scaleY.ticks().filter(t => !significantLinesY.includes(t));\n        setTicksX(ticksX);\n        setTicksY(ticksY);\n    }, [scaleX, scaleY, updatingKey]);\n\n    return (\n        <g stroke={GRID_GRAY}>\n            {axisX.showGrid &&\n                ticksX.map((tick) => {\n                    const x = scaleX(tick);\n                    return (\n                        <line key={`x_${x}_${height}`} x1={x} x2={x} y1={0} y2={height} />\n                    );\n                })}\n            {axisY.showGrid &&\n                ticksY.map(tick => {\n                    const y = scaleY(tick);\n                    return (\n                        <line key={`y_${y}_${width}`} x1={0} x2={width} y1={y} y2={y} />\n                    );\n                })}\n            <g strokeDasharray={getLineShape(axisX.significantLinesStyle)} stroke={BLACK}>\n                {significantLinesX.map(v => {\n                    const x = scaleX(v);\n                    if (x < 0 || x > width) {\n                        return null;\n                    }\n                    return (\n                        <line key={`significant_${x}_${height}`} x1={x} x2={x} y1={0} y2={height} />\n                    );\n                })}\n            </g>\n            <g strokeDasharray={getLineShape(axisY.significantLinesStyle)} stroke={BLACK}>\n                {significantLinesY.map(v => {\n                    const y = scaleY(v);\n                    if (y < 0 || y > height) {\n                        return null;\n                    }\n                    return (\n                        <line key={`significant_${y}_${width}`} x1={0} x2={width} y1={y} y2={y} />\n                    );\n                })}\n            </g>\n            {frameType !== 'empty' && (\n                <g strokeWidth={GRID_FRAME_WIDTH}>\n                    {(axisX.showGrid || frameType !== 'left') && <line stroke={frameType === 'left' ? GRID_GRAY : BLACK} x1=\"0\" x2={width} y1={height} y2={height} />}\n                    {(axisX.showGrid || frameType !== 'bottom') && <line stroke={frameType === 'bottom' ? GRID_GRAY : BLACK} x1=\"0\" x2=\"0\" y1=\"0\" y2={height} />}\n                    {(axisX.showGrid || frameType === 'full') && <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1={width} x2={width} y1=\"0\" y2={height} />}\n                    {(axisY.showGrid || frameType === 'full') && <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1=\"0\" x2={width} y1=\"0\" y2=\"0\" />}\n                </g>\n            )}\n        </g>\n    );\n}\n"],"mappings":";;;;AAOA,IAAM,IAAmB;AAazB,SAAgB,EAAe,EAAC,WAAQ,WAAQ,UAAO,WAAQ,UAAO,UAAO,cAAW,iBAAc,MAAgB;CAClH,IAAM,CAAC,GAAQ,KAAa,EAAmB,EAAO,OAAO,CAAC,EACxD,CAAC,GAAQ,KAAa,EAAmB,EAAO,OAAO,CAAC,EAExD,EAAC,kBAAkB,IAAoB,EAAE,KAAI,GAC7C,EAAC,kBAAkB,IAAoB,EAAE,KAAI;AASnD,QAPA,QAAgB;EACZ,IAAM,IAAS,EAAO,OAAO,CAAC,QAAO,MAAK,CAAC,EAAkB,SAAS,EAAE,CAAC,EACnE,IAAS,EAAO,OAAO,CAAC,QAAO,MAAK,CAAC,EAAkB,SAAS,EAAE,CAAC;AAEzE,EADA,EAAU,EAAO,EACjB,EAAU,EAAO;IAClB;EAAC;EAAQ;EAAQ;EAAY,CAAC,EAG7B,kBAAC,KAAD;EAAG,QAAQ;YAAX;GACK,EAAM,YACH,EAAO,KAAK,MAAS;IACjB,IAAM,IAAI,EAAO,EAAK;AACtB,WACI,kBAAC,QAAD;KAA+B,IAAI;KAAG,IAAI;KAAG,IAAI;KAAG,IAAI;KAAU,EAAvD,KAAK,EAAE,GAAG,IAA6C;KAExE;GACL,EAAM,YACH,EAAO,KAAI,MAAQ;IACf,IAAM,IAAI,EAAO,EAAK;AACtB,WACI,kBAAC,QAAD;KAA8B,IAAI;KAAG,IAAI;KAAO,IAAI;KAAG,IAAI;KAAK,EAArD,KAAK,EAAE,GAAG,IAA2C;KAEtE;GACN,kBAAC,KAAD;IAAG,iBAAiB,EAAa,EAAM,sBAAsB;IAAE,QAAQ;cAClE,EAAkB,KAAI,MAAK;KACxB,IAAM,IAAI,EAAO,EAAE;AAInB,YAHI,IAAI,KAAK,IAAI,IACN,OAGP,kBAAC,QAAD;MAAyC,IAAI;MAAG,IAAI;MAAG,IAAI;MAAG,IAAI;MAAU,EAAjE,eAAe,EAAE,GAAG,IAA6C;MAElF;IACF,CAAA;GACJ,kBAAC,KAAD;IAAG,iBAAiB,EAAa,EAAM,sBAAsB;IAAE,QAAQ;cAClE,EAAkB,KAAI,MAAK;KACxB,IAAM,IAAI,EAAO,EAAE;AAInB,YAHI,IAAI,KAAK,IAAI,IACN,OAGP,kBAAC,QAAD;MAAwC,IAAI;MAAG,IAAI;MAAO,IAAI;MAAG,IAAI;MAAK,EAA/D,eAAe,EAAE,GAAG,IAA2C;MAEhF;IACF,CAAA;GACH,MAAc,WACX,kBAAC,KAAD;IAAG,aAAa;cAAhB;MACM,EAAM,YAAY,MAAc,WAAW,kBAAC,QAAD;MAAM,QAAQ,MAAc,SAAA,YAAA;MAA4B,IAAG;MAAI,IAAI;MAAO,IAAI;MAAQ,IAAI;MAAU,CAAA;MAC/I,EAAM,YAAY,MAAc,aAAa,kBAAC,QAAD;MAAM,QAAQ,MAAc,WAAA,YAAA;MAA8B,IAAG;MAAI,IAAG;MAAI,IAAG;MAAI,IAAI;MAAU,CAAA;MAC1I,EAAM,YAAY,MAAc,WAAW,kBAAC,QAAD;MAAM,QAAQ,MAAc,SAAA,YAAA;MAA4B,IAAI;MAAO,IAAI;MAAO,IAAG;MAAI,IAAI;MAAU,CAAA;MAC9I,EAAM,YAAY,MAAc,WAAW,kBAAC,QAAD;MAAM,QAAQ,MAAc,SAAA,YAAA;MAA4B,IAAG;MAAI,IAAI;MAAO,IAAG;MAAI,IAAG;MAAM,CAAA;KACvI;;GAER"}
+{"version":3,"file":"ContinuousGrid.js","names":[],"sources":["../../src/common/ContinuousGrid.tsx"],"sourcesContent":["import {BLACK, GRID_GRAY} from '../constants';\nimport type {AxisSettingsContinuous, FrameType} from '../types';\nimport {getLineShape} from '../utils/getLineShape';\nimport {numberFormat} from '../utils/numberFormat';\nimport {resolveSignificantLinesStyle} from '../utils/significantLinesStyle';\nimport type {ScaleLinear, ScaleLogarithmic, ScaleSymLog} from 'd3-scale';\nimport React from 'react';\nimport {useEffect, useState} from 'react';\n\nconst GRID_FRAME_WIDTH = 1;\n// Label sits ~11px from the chart edge. Switch to inside placement\n// (`+11`) when the line is too close to the corresponding edge to fit\n// the outward label without clipping.\nconst LABEL_EDGE_OFFSET = 11;\n\ninterface GridProps {\n    scaleY: ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ScaleSymLog<number, number>;\n    scaleX: ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ScaleSymLog<number, number>;\n    width: number;\n    height: number;\n    axisX: AxisSettingsContinuous;\n    axisY: AxisSettingsContinuous;\n    frameType: FrameType;\n    updatingKey?: string;\n}\n\nexport function ContinuousGrid({scaleX, scaleY, width, height, axisX, axisY, frameType, updatingKey = ''}: GridProps) {\n    const [ticksX, setTicksX] = useState<number[]>(scaleX.ticks());\n    const [ticksY, setTicksY] = useState<number[]>(scaleY.ticks());\n\n    const {significantLines: significantLinesX = []} = axisX;\n    const {significantLines: significantLinesY = []} = axisY;\n\n    const xStyle = resolveSignificantLinesStyle(axisX.significantLinesStyle, 'x');\n    const yStyle = resolveSignificantLinesStyle(axisY.significantLinesStyle, 'y');\n\n    useEffect(() => {\n        const ticksX = scaleX.ticks().filter(t => !significantLinesX.includes(t));\n        const ticksY = scaleY.ticks().filter(t => !significantLinesY.includes(t));\n        setTicksX(ticksX);\n        setTicksY(ticksY);\n    }, [scaleX, scaleY, updatingKey]);\n\n    return (\n        <g stroke={GRID_GRAY}>\n            {axisX.showGrid &&\n                ticksX.map((tick) => {\n                    const x = scaleX(tick);\n                    return (\n                        <line key={`x_${x}_${height}`} x1={x} x2={x} y1={0} y2={height} />\n                    );\n                })}\n            {axisY.showGrid &&\n                ticksY.map(tick => {\n                    const y = scaleY(tick);\n                    return (\n                        <line key={`y_${y}_${width}`} x1={0} x2={width} y1={y} y2={y} />\n                    );\n                })}\n            <g strokeDasharray={getLineShape(xStyle.shape)} stroke={BLACK}>\n                {significantLinesX.map(v => {\n                    const x = scaleX(v);\n                    if (x < 0 || x > width) {\n                        return null;\n                    }\n                    return (\n                        <line key={`significant_${x}_${height}`} x1={x} x2={x} y1={0} y2={height} />\n                    );\n                })}\n            </g>\n            {xStyle.showLabel && (\n                <g fill={BLACK} fontSize={10} stroke=\"none\">\n                    {significantLinesX.map(v => {\n                        const x = scaleX(v);\n                        if (x < 0 || x > width) {\n                            return null;\n                        }\n                        const anchor = x < 24 ? 'start' : x > width - 24 ? 'end' : 'middle';\n                        const dx = anchor === 'start' ? 3 : anchor === 'end' ? -3 : 0;\n                        // 'top' = above plot area, 'bottom' = below.\n                        const y = xStyle.labelPosition === 'bottom'\n                            ? height - 3\n                            : LABEL_EDGE_OFFSET;\n                        return (\n                            <text key={`significant_label_${x}`} x={x + dx} y={y} textAnchor={anchor}>\n                                {numberFormat(v)}\n                            </text>\n                        );\n                    })}\n                </g>\n            )}\n            <g strokeDasharray={getLineShape(yStyle.shape)} stroke={BLACK}>\n                {significantLinesY.map(v => {\n                    const y = scaleY(v);\n                    if (y < 0 || y > height) {\n                        return null;\n                    }\n                    return (\n                        <line key={`significant_${y}_${width}`} x1={0} x2={width} y1={y} y2={y} />\n                    );\n                })}\n            </g>\n            {yStyle.showLabel && (\n                <g fill={BLACK} fontSize={10} stroke=\"none\">\n                    {significantLinesY.map(v => {\n                        const y = scaleY(v);\n                        if (y < 0 || y > height) {\n                            return null;\n                        }\n                        // Flip the label below the line when the line is\n                        // near the top of the chart, so the label is not\n                        // clipped above y=0. Symmetric for near-bottom.\n                        const labelY = y < LABEL_EDGE_OFFSET + 3\n                            ? y + LABEL_EDGE_OFFSET\n                            : y > height - LABEL_EDGE_OFFSET\n                                ? y - 3\n                                : y - 3;\n                        // 'left' = inside left edge of plot; 'right' =\n                        // inside right edge.\n                        const onRight = yStyle.labelPosition === 'right';\n                        const x = onRight ? width - 4 : 4;\n                        return (\n                            <text key={`significant_label_${y}`} x={x} y={labelY} textAnchor={onRight ? 'end' : 'start'}>\n                                {numberFormat(v)}\n                            </text>\n                        );\n                    })}\n                </g>\n            )}\n            {frameType !== 'empty' && (\n                <g strokeWidth={GRID_FRAME_WIDTH}>\n                    {(axisX.showGrid || frameType !== 'left') && <line stroke={frameType === 'left' ? GRID_GRAY : BLACK} x1=\"0\" x2={width} y1={height} y2={height} />}\n                    {(axisX.showGrid || frameType !== 'bottom') && <line stroke={frameType === 'bottom' ? GRID_GRAY : BLACK} x1=\"0\" x2=\"0\" y1=\"0\" y2={height} />}\n                    {(axisX.showGrid || frameType === 'full') && <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1={width} x2={width} y1=\"0\" y2={height} />}\n                    {(axisY.showGrid || frameType === 'full') && <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1=\"0\" x2={width} y1=\"0\" y2=\"0\" />}\n                </g>\n            )}\n        </g>\n    );\n}\n"],"mappings":"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"}

package/dist/heatmap/ChartRenderer.d.ts

@@ -37,21 +37,11 @@ declare class ChartRenderer {
     updateCaptionsSize(groupedCells: GroupedCellsHeatmap, xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'], yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'], facetSettings: HeatmapSettingsImpl['facetSettings']): void;
     updateChartDimensions(size: HeatmapSettingsImpl['chartSettings']['size'], facetKeys: string[], xGroupKeys: string[], yGroupKeys: string[], facetSettings: HeatmapSettingsImpl['facetSettings'], xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'], yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'], annotations: HeatmapSettingsImpl['annotations'], dendrogramX: HeatmapSettingsImpl['dendrogramX'], dendrogramY: HeatmapSettingsImpl['dendrogramY']): void;
     updateChartsSizes(size: HeatmapSettingsImpl['chartSettings']['size'], groupedCells: GroupedCellsHeatmap, groupGap: number): void;
-    updateScales(facetKeys: string[], groupedCells: GroupedCellsHeatmap, groupGap: number, facetSettings: HeatmapSettingsImpl['facetSettings'], size: HeatmapSettingsImpl['chartSettings']['size'], xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'], yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'], dendrogramX: HeatmapSettingsImpl['dendrogramX'], dendrogramY: HeatmapSettingsImpl['dendrogramY'], customOrder: {
-        x: boolean;
-        y: boolean;
-        xGroup: boolean;
-        yGroup: boolean;
-    }): void;
+    updateScales(facetKeys: string[], groupedCells: GroupedCellsHeatmap, groupGap: number, facetSettings: HeatmapSettingsImpl['facetSettings'], size: HeatmapSettingsImpl['chartSettings']['size']): void;
     updateAesScale(valueType: 'discrete' | 'continuous', valueExtent: [number, number], aes: HeatmapSettingsImpl['aes'], annotations: HeatmapSettingsImpl['annotations'], groupedCellsData: GroupedCellsHeatmap, cellUniqValues: DataValue[], normalization: HeatmapSettingsImpl['normalization']): void;
     updateDendrogram(facetKeys: string[], xGroupKeys: string[], yGroupKeys: string[], groups: GroupedCellsHeatmap['facets'], dendrogramsData: DendrogramsData, dendrogramX: HeatmapSettingsImpl['dendrogramX'], dendrogramY: HeatmapSettingsImpl['dendrogramY']): void;
     updateDendrogramAesScales(inheritedAes: HeatmapSettingsImpl['inheritedDendrogramAes']): void;
-    render(dataFrame: DataFrame, settingsId: string, chartSettings: HeatmapSettingsImpl['chartSettings'], facetSettings: HeatmapSettingsImpl['facetSettings'], aes: HeatmapSettingsImpl['aes'], groupedCellsData: GroupedCellsHeatmap, annotations: HeatmapSettingsImpl['annotations'], valueColumn: ColumnName, dendrogramX: HeatmapSettingsImpl['dendrogramX'], dendrogramY: HeatmapSettingsImpl['dendrogramY'], dendrogramsData: DendrogramsData, inheritedDendrogramAes: HeatmapSettingsImpl['inheritedDendrogramAes'], cellUniqValues: DataValue[], normalization: HeatmapSettingsImpl['normalization'], onTooltipHintSwitch: (v: boolean) => void, customOrder: {
-        x: boolean;
-        y: boolean;
-        xGroup: boolean;
-        yGroup: boolean;
-    }, cellsRenderingMode: 'canvas' | 'svg'): void;
+    render(dataFrame: DataFrame, settingsId: string, chartSettings: HeatmapSettingsImpl['chartSettings'], facetSettings: HeatmapSettingsImpl['facetSettings'], aes: HeatmapSettingsImpl['aes'], groupedCellsData: GroupedCellsHeatmap, annotations: HeatmapSettingsImpl['annotations'], valueColumn: ColumnName, dendrogramX: HeatmapSettingsImpl['dendrogramX'], dendrogramY: HeatmapSettingsImpl['dendrogramY'], dendrogramsData: DendrogramsData, inheritedDendrogramAes: HeatmapSettingsImpl['inheritedDendrogramAes'], cellUniqValues: DataValue[], normalization: HeatmapSettingsImpl['normalization'], onTooltipHintSwitch: (v: boolean) => void, cellsRenderingMode: 'canvas' | 'svg'): void;
     renderError(message: string): void;
 }
 export default ChartRenderer;

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

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

package/dist/heatmap/ChartRenderer.js

@@ -274,25 +274,25 @@ var M = class {
 			this.chartSizes.chartHeight = e * o + n * (r - 1);
 		} else this.chartSizes.chartHeight = i;
 	}
-	updateScales(e, t, n, r, i, a, o, s, c, l) {
-		let { width: u, height: d, cellWidth: f, cellHeight: p } = i, { meta: m, facets: h } = t, { sharedX: g, sharedY: _ } = r, v = (e, t = {}) => e.sort((e, n) => a.sorting === "asc" ? (t[e] ?? e).localeCompare(t[n] ?? n, "en", { numeric: !0 }) : (t[n] ?? n).localeCompare(t[e] ?? e, "en", { numeric: !0 })), b = (e, t = {}) => e.sort((e, n) => o.sorting === "asc" ? (t[e] ?? e).localeCompare(t[n] ?? n, "en", { numeric: !0 }) : (t[n] ?? n).localeCompare(t[e] ?? e, "en", { numeric: !0 }));
+	updateScales(e, t, n, r, i) {
+		let { width: a, height: o, cellWidth: s, cellHeight: c } = i, { meta: l, facets: u } = t, { sharedX: d, sharedY: f } = r;
 		e.forEach((e) => {
-			let t = h[e], r = l.xGroup ? m.xGroupKeys : v(m.xGroupKeys), i = l.yGroup ? m.yGroupKeys : b(m.yGroupKeys), { xKeysByGroups: a } = g ? m : t, { yKeysByGroups: o } = _ ? m : t, x = r.map((e) => a[e].length), S = i.map((e) => o[e].length), C = x.reduce((e, t) => e + t, 0), w = S.reduce((e, t) => e + t, 0), T = f || (u - (x.filter((e) => e > 0).length - 1) * n) / C, E = p || (d - (S.filter((e) => e > 0).length - 1) * n) / w, D = [], O = [], k = 0, A = r.map((e) => s || l.x ? a[e] : v(a[e], m.xLabels));
-			A.forEach((e, t) => {
-				O = O.concat(e), e.forEach(() => {
-					D.push(k), k += T;
+			let t = u[e], r = l.xGroupKeys, i = l.yGroupKeys, { xKeysByGroups: p } = d ? l : t, { yKeysByGroups: m } = f ? l : t, h = r.map((e) => p[e].length), g = i.map((e) => m[e].length), _ = h.reduce((e, t) => e + t, 0), v = g.reduce((e, t) => e + t, 0), b = s || (a - (h.filter((e) => e > 0).length - 1) * n) / _, x = c || (o - (g.filter((e) => e > 0).length - 1) * n) / v, S = [], C = [], w = 0, T = r.map((e) => p[e]);
+			T.forEach((e, t) => {
+				C = C.concat(e), e.forEach(() => {
+					S.push(w), w += b;
 				});
-				let r = A.slice(t + 1).some((e) => e.length > 0);
-				e.length > 0 && r && (k += n);
+				let r = T.slice(t + 1).some((e) => e.length > 0);
+				e.length > 0 && r && (w += n);
 			});
-			let j = [], M = [], N = 0, P = i.map((e) => c || l.y ? o[e] : b(o[e], m.yLabels));
-			P.forEach((e, t) => {
-				M = M.concat(e), e.forEach(() => {
-					j.push(N), N += E;
+			let E = [], D = [], O = 0, k = i.map((e) => m[e]);
+			k.forEach((e, t) => {
+				D = D.concat(e), e.forEach(() => {
+					E.push(O), O += x;
 				});
-				let r = P.slice(t + 1).some((e) => e.length > 0);
-				e.length > 0 && r && (N += n);
-			}), this.scales.x[e] = y().domain(O).range(D), this.scales.y[e] = y().domain(M).range(j), this.step.x[e] = T, this.step.y[e] = E;
+				let r = k.slice(t + 1).some((e) => e.length > 0);
+				e.length > 0 && r && (O += n);
+			}), this.scales.x[e] = y().domain(C).range(S), this.scales.y[e] = y().domain(D).range(E), this.step.x[e] = b, this.step.y[e] = x;
 		});
 	}
 	updateAesScale(e, t, n, r, i, a, o) {
@@ -367,17 +367,17 @@ var M = class {
 			}))).unknown(s), t;
 		}, {}));
 	}
-	render(e, t, n, i, a, o, s, l, u, d, f, p, m, h, g, _, v) {
-		let { meta: y, facets: b } = o, { facetKeys: x, xGroupKeys: C, yGroupKeys: w, valueExtent: T } = y, { xAxis: E, yAxis: D, title: O, size: k, valueType: A } = n;
-		this.updateChartsSizes(k, o, a.groupGap), this.updateAesScale(A, T.dataSource, a, s, o, m, h), this.updateScales(x, o, a.groupGap, i, k, n.xAxis, n.yAxis, u, d, _), this.updateCaptionsSize(o, E, D, i), this.updateChartDimensions(k, x, C, w, i, E, D, s, u, d), this.updateLegendSize(A, n.legend, s, l, T.dataSource), this.updateMargins(O, k), this.updateDendrogram(x, C, w, b, f, u, d), this.updateDendrogramAesScales(p);
-		let j = /* @__PURE__ */ S(r, {
+	render(e, t, n, i, a, o, s, l, u, d, f, p, m, h, g, _) {
+		let { meta: v, facets: y } = o, { facetKeys: b, xGroupKeys: x, yGroupKeys: C, valueExtent: w } = v, { xAxis: T, yAxis: E, title: D, size: O, valueType: k } = n;
+		this.updateChartsSizes(O, o, a.groupGap), this.updateAesScale(k, w.dataSource, a, s, o, m, h), this.updateScales(b, o, a.groupGap, i, O), this.updateCaptionsSize(o, T, E, i), this.updateChartDimensions(O, b, x, C, i, T, E, s, u, d), this.updateLegendSize(k, n.legend, s, l, w.dataSource), this.updateMargins(D, O), this.updateDendrogram(b, x, C, y, f, u, d), this.updateDendrogramAesScales(p);
+		let A = /* @__PURE__ */ S(r, {
 			dataFrame: e,
 			children: /* @__PURE__ */ S(c, {
 				aes: a,
 				annotations: s,
 				annotationColorScales: this.annotationColorScales,
 				captionsSizes: this.captionsSizes,
-				cellsMeta: y,
+				cellsMeta: v,
 				columnsCount: this.columnsCount,
 				chartsDimensions: this.chartsDimensions,
 				chartSettings: n,
@@ -385,22 +385,22 @@ var M = class {
 				colorScale: this.colorScale,
 				dendrogramAesScales: this.dendrogramAesScales,
 				dendrograms: this.dendrograms,
-				facetKeys: x,
+				facetKeys: b,
 				facetSettings: i,
-				groupedCells: b,
+				groupedCells: y,
 				labelAngles: this.labelAngles,
 				legend: this.legend,
 				margins: this.margins,
 				scales: this.scales,
 				settingsId: t,
 				step: this.step,
-				xGroupKeys: C,
-				yGroupKeys: w,
+				xGroupKeys: x,
+				yGroupKeys: C,
 				onTooltipHintSwitch: g,
-				cellsRenderingMode: v
+				cellsRenderingMode: _
 			})
 		});
-		this.component = j, this.reactRoot?.render(j);
+		this.component = A, this.reactRoot?.render(A);
 	}
 	renderError(t) {
 		this.reactRoot?.render(/* @__PURE__ */ S(e, { message: t }));

package/dist/heatmap/ChartRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartRenderer.js","names":[],"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, MAX_LEGEND_GRADIENT_HEIGHT, MIN_LEGEND_GRADIENT_HEIGHT, 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 continuousHeight = Math.min(\n            Math.max(this.chartSizes.chartHeight, MIN_LEGEND_GRADIENT_HEIGHT),\n            MAX_LEGEND_GRADIENT_HEIGHT\n        );\n        const legendHeight = Math.max(this.chartSizes.chartHeight, continuousHeight);\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]], [continuousHeight, 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]], [continuousHeight, 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,continuousHeight);\n        const maxRightEdge = items.reduce((max, item) => Math.max(max, item.left + item.width), 0);\n\n        const legendWidth = maxRightEdge + 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        groupedCells: GroupedCellsHeatmap,\n        groupGap: number,\n    ) {\n        const { width, height, cellWidth, cellHeight } = size;\n        const firstFacet = groupedCells.meta.facetKeys[0];\n        if (cellWidth && firstFacet) {\n            const keysCount = groupedCells.facets[firstFacet].xKeys.length;\n            const nonEmptyXGroupsCount = groupedCells.meta.xGroupKeys.filter(\n                k => (groupedCells.facets[firstFacet]?.xKeysByGroups[k]?.length ?? 0) > 0\n            ).length;\n            this.chartSizes.chartWidth = keysCount * cellWidth + groupGap * (nonEmptyXGroupsCount - 1);\n        } else {\n            this.chartSizes.chartWidth = width;\n        }\n\n        if (cellHeight && firstFacet) {\n            const keysCount = groupedCells.facets[firstFacet].yKeys.length;\n            const nonEmptyYGroupsCount = groupedCells.meta.yGroupKeys.filter(\n                k => (groupedCells.facets[firstFacet]?.yKeysByGroups[k]?.length ?? 0) > 0\n            ).length;\n            this.chartSizes.chartHeight = keysCount * cellHeight + groupGap * (nonEmptyYGroupsCount - 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 = cellWidth ? cellWidth : (width - (xCounts.filter(count => count > 0).length - 1) * groupGap) / xCellsCount;\n            const yStep = 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            const resolvedXGroups = xGroupKeys.map(xKey =>\n                dendrogramX || customOrder.x ? xKeysByGroups[xKey] : sortX(xKeysByGroups[xKey], meta.xLabels)\n            );\n            resolvedXGroups.forEach((axisKeys, idx) => {\n                xKeys = xKeys.concat(axisKeys);\n                axisKeys.forEach(() => {\n                    xPositions.push(currentX);\n                    currentX += xStep;\n                });\n                // add gap only if a non-empty group follows (skip trailing gap after last visible group)\n                const hasMoreNonEmpty = resolvedXGroups.slice(idx + 1).some(keys => keys.length > 0);\n                if (axisKeys.length > 0 && hasMoreNonEmpty) {\n                    currentX += groupGap;\n                }\n            });\n\n            const yPositions: number[] = [];\n            let yKeys: string[] = [];\n            let currentY = 0;\n            const resolvedYGroups = yGroupKeys.map(yKey =>\n                dendrogramY || customOrder.y ? yKeysByGroups[yKey] : sortY(yKeysByGroups[yKey], meta.yLabels)\n            );\n            resolvedYGroups.forEach((axisKeys, idx) => {\n                yKeys = yKeys.concat(axisKeys);\n                axisKeys.forEach(() => {\n                    yPositions.push(currentY);\n                    currentY += yStep;\n                });\n                // add gap only if a non-empty group follows (skip trailing gap after last visible group)\n                const hasMoreNonEmpty = resolvedYGroups.slice(idx + 1).some(keys => keys.length > 0);\n                if (axisKeys.length > 0 && hasMoreNonEmpty) {\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), 0);\n                this.dendrograms[facetKey].x.treesByGroupKey = xGroupKeys.reduce((res, groupKey) => {\n                    const hierarchy = hierarchyByGroupX[groupKey];\n                    if (!hierarchy) return res;\n                    const xKeys = xKeysByGroups[groupKey];\n                    cluster()\n                        .separation(() => 1)\n                        .size([hierarchy.leaves().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), 0);\n                this.dendrograms[facetKey].y.treesByGroupKey = yGroupKeys.reduce((res, groupKey) => {\n                    const hierarchy = hierarchyByGroupY[groupKey];\n                    if (!hierarchy) return res;\n                    const yKeys = yKeysByGroups[groupKey];\n                    cluster()\n                        .separation(() => 1)\n                        .size([hierarchy.leaves().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, 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"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8CA,IAAM,IAAW,KAAK,IAAI,KAAK,KAAK,EAAE,EAChC,IAAiB;AACvB,SAAS,EAAkB,GAAmC,GAA8B,GAAkB;CAC1G,SAAS,EAAU,GAAgC;AAE/C,EADA,EAAE,KAAS,EAAM,EAAE,KAAK,OAAO,EAC3B,EAAE,YAAU,EAAE,SAAS,QAAQ,EAAU;;AAEjD,GAAU,EAAK;;AAInB,SAAS,EACL,GACA,GACA,GACA,IAAU,GACZ;CACE,SAAS,EAAK,GAAgC;AAE1C,EADA,EAAE,KAAW,EAAE,KAAa,GACxB,EAAE,YAAU,EAAE,SAAS,QAAQ,EAAK;;AAE5C,GAAK,EAAK;;AAGd,IAAM,KAAY,GAAe,MAA0B;CACvD,IAAM,IAAM,KAAK,IAAI,GAAG,EAAY,EAC9B,IAAM,KAAK,IAAI,GAAG,EAAY;AACpC,KAAI,MAAQ,GAAK;EACb,IAAM,IAAQ,IAAQ,KAAM,IAAI,EAAE,GAAG,CAAC,EAAI;AAC1C,OAAK,IAAI,IAAI,GAAG,IAAI,IAAQ,IAAI,GAAG,IAE/B,CADA,EAAM,KAAK,IAAM,EAAE,EACnB,EAAM,QAAQ,IAAM,EAAE;AAE1B,SAAO;;AAEX,KAAI,IAAQ,EACR,QAAO,CAAC,GAAK,EAAI;CAErB,IAAM,KAAQ,IAAM,MAAQ,IAAQ,IAC9B,IAAQ,EAAE;AAChB,MAAK,IAAI,IAAI,GAAG,IAAI,IAAQ,GAAG,IAC3B,GAAM,KAAK,IAAM,IAAO,EAAE;AAG9B,QADA,EAAM,KAAK,EAAI,EACR;;AAGX,SAAS,EAAwB,GAAqD,GAAqB,GAAuB;CAC9H,IAAI,IAAS;AAYb,QAXI,MACI,EAAc,eACd,IAAS,EAAc,aAEvB,EAAc,WAAW,sBACzB,IAAS,CAAC,IAAI,EAAE,GAEhB,EAAc,WAAW,wBACzB,IAAS,CAAC,MAAO,IAAK,IAGvB,EAAS,GAAa,EAAO;;AAGxC,SAAS,EAAiB,GAAgB,GAAgC,GAA4B;CAClG,IAAI,IAAe;AACnB,MAAK,IAAM,KAAO,GAAM;AACpB,MAAI,EAAO,OAAS,KAAA,EAAW;EAC/B,IAAM,IAAI,EAAa,aAAa,EAAO,GAAK;AAChD,EAAI,IAAI,MAAc,IAAe;;AAEzC,QAAO;;AAGX,SAAS,EAAiB,GAAc,GAAe;AAOnD,QANI,MAAU,KACH,IAEP,MAAU,KACH,IAAO,KAAY,IAAO,IAAI,IAAI,IAAiB,KAE9D;;AAGJ,IAAM,IAAN,MAAoB;CAChB,YAAyB;CACzB,aAAiC;CACjC,WAA+B;CAC/B,YAA2B,kBAAA,GAAA,EAAK,CAAA;CAChC,mBAAwD,EAAE;CAC1D,aAAyB;EACrB,YAAA;EACA,aAAA;EACA,aAAA;EACA,cAAA;EACA,YAAA;EACA,aAAA;EACH;CACD,UAAmB;EACf,KAAA;EACA,QAAA;EACA,MAAA;EACA,OAAA;EACH;CACD,gBAA+B;EAC3B,eAAe;EACf,eAAe;EACf,gBAAA;EACA,gBAAA;EACA,cAAc;EACd,cAAc;EACjB;CACD,cAA2B;EACvB,aAAa;EACb,aAAa;EACb,cAAc;EACd,cAAc;EACjB;CACD,eAAe;CACf,YAAY;CACZ,SAAuB;EAEnB,GAAG,EAAE,MAAM,GAA8B,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE;EACvE,GAAG,EAAE,MAAM,GAA8B,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE;EAC1E;CACD,OAGI;EAAE,GAAG,EAAE;EAAE,GAAG,EAAE;EAAE;CACpB,aAAiF,GAA6B,CACzG,OAAO,CAAC,GAAG,EAAE,CAAC,CACd,MAAM,CAAC,SAAS,QAAQ,CAAC;CAC9B,wBAA+C,EAAE;CACjD,sBAA2C,EAAE;CAC7C,SAAqB;EACjB,OAAO;EACP,QAAQ;EACR,OAAO,EAAE;EACZ;CACD,cAAgD,EAAE;CAElD,QAAQ;AAOJ,EANI,KAAK,cAAc,KAAK,aACxB,KAAK,YAAY,YAAY,KAAK,SAAS,EAC3C,KAAK,aAAa,MAClB,KAAK,WAAW,OAGpB,iBAAiB;AAEb,GADA,KAAK,WAAW,SAAS,EACzB,KAAK,YAAY;IACnB;;CAGN,KAAK,GAAmB;AACpB,EAAI,KAAK,eAAe,SACpB,KAAK,aAAa,GAClB,KAAK,WAAW,SAAS,cAAc,MAAM,EAC7C,KAAK,WAAW,YAAY,KAAK,SAAS,EAC1C,KAAK,YAAY,EAAW,KAAK,SAAS;;CAIlD,cAAc,GAAsD,GAAoD;AAQpH,EAPA,KAAK,UAAU;GACX,KAAK,EAAM,OAAA,KAA8C,EAAK;GAC9D,QAAQ,EAAK;GACb,MAAM,EAAK;GACX,OAAO,KAAK,OAAO,QAAQ,EAAK;GACnC,EACD,KAAK,WAAW,aAAa,KAAK,QAAQ,OAAO,KAAK,WAAW,cAAc,KAAK,QAAQ,OAC5F,KAAK,WAAW,cACZ,KAAK,QAAQ,MAAM,KAAK,IAAI,KAAK,WAAW,eAAe,KAAK,QAAQ,QAAQ,KAAK,OAAO,OAAO;;CAG3G,iBACI,GACA,GACA,GACA,GACA,GACF;AACE,MAAI,CAAC,EAAO,MAAM;AACd,QAAK,SAAS;IAAE,OAAO;IAAG,QAAQ;IAAG,OAAO,EAAE;IAAE;AAChD;;EAEJ,IAAM,IAAmB,KAAK,IAC1B,KAAK,IAAI,KAAK,WAAW,aAAA,IAAwC,EAAA,IAEpE,EACK,IAAe,KAAK,IAAI,KAAK,WAAW,aAAa,EAAiB,EACtE,IAA4B,EAAE,EAC9B,IAAa;GAAE,OAAO;GAAG,QAAQ;GAAG,MAAM;GAAG,KAAK;GAAG,EAErD,KAAoB,MAAgC,EAAO,QAAQ,GAA6B,OAAyB,EAAI,KAAK,OAAO,EAAE,EAAS,IAAQ,EAAE,CAAC;AACrK,MAAI,MAAc,cAAc;GAC5B,IAAM,IAAQ,KAAK,YACb,IAAS,EAAyB,GAAO,EAAY,EACrD,IAAoB,EAAY,CAAC,EAAO,IAAI,EAAO,EAAO,SAAS,GAAG,EAAE,CAAC,GAAkB,EAAE,CAAC,EAC9F,IAAQ,EAAY,SAAS,EAAY;AAC/C,KAAY,KAAK;IACb,GAAG;IACH,MAAM;IACN,IAAI;IACJ;IACA;IACA;IACA;IACH,CAAC;aACK,MAAc,YAAY;GACjC,IAAM,IAAQ,KAAK,YACb,IAAQ,EAAY,SAAS,EAAY,OACzC,IAAS,EAAM,QAAQ,EACvB,IAAS,EAAiB,EAAO;AAEvC,KAAY,KAAK;IAAE,GAAG;IAAY,MAAM;IAAiB,IAAI;IAAgB;IAAO;IAAO;IAAQ;IAAQ,CAAC;;AAoBhH,MAlBA,EAAY,SAAQ,MAAQ;GACxB,IAAM,IAAQ,EAAK,YAAY,SAAS,EAAK,YAAY;AACzD,OAAI,EAAK,SAAS,cAAc;IAC5B,IAAM,IAAQ,KAAK,sBAAsB,EAAK,IAAI,OAC5C,IAAS,EAAyB,GAAO,EAAY,EACrD,IAAoB,EAAY,CAAC,EAAO,IAAI,EAAO,EAAO,SAAS,GAAG,EAAE,CAAC,GAAkB,EAAE,CAAC;AAEpG,MAAY,KAAK;KAAE,GAAG;KAAY,MAAM;KAAc,IAAI,EAAK;KAAI;KAAmB;KAAO;KAAO;KAAQ,CAAC;;AAEjH,OAAI,EAAK,SAAS,YAAY;IAC1B,IAAM,IAAQ,KAAK,sBAAsB,EAAK,IAAI,OAC5C,IAAS,EAAM,QAAQ,EACvB,IAAS,EAAiB,EAAO;AAEvC,MAAY,KAAK;KAAE,GAAG;KAAY,MAAM;KAAiB,IAAI,EAAK;KAAI;KAAO;KAAO;KAAQ;KAAQ,CAAC;;IAE3G,EAEE,CAAC,EAAY,QAAQ;AACrB,QAAK,SAAS;IAAE,OAAO;IAAG,QAAQ;IAAG,OAAO,EAAE;IAAE;AAChD;;EAGJ,IAAM,IAAQ,EAAmB,GAAa,KAAK,WAAW,aAAY,EAAiB;AAK3F,OAAK,SAAS;GACV,OALiB,EAAM,QAAQ,GAAK,MAAS,KAAK,IAAI,GAAK,EAAK,OAAO,EAAK,MAAM,EAAE,EAAE,GAAA;GAMtF,QAAQ;GACR;GACH;;CAGL,mBACI,GACA,GACA,GACA,GACF;EACE,IAAM,IAAe,IAAI,EAAa,oBAAoB,EACpD,EAAE,eAAY,eAAY,iBAAc,iBAAc,kBAAe,kBAAe,YAAS,eAAY,EAAa;AAC5H,OAAK,cAAc;GACf,aAAa,EAAM;GACnB,aAAa,EAAM;GACnB,cAAc,EAAM;GACpB,cAAc,EAAM;GACvB;EAED,IAAM,IAAgB,EAAW,QAAQ,GAAK,MAAQ,KAAK,IAAI,GAAK,EAAiB,EAAc,IAAM,GAAS,EAAa,CAAC,EAAE,EAAE,EAC9H,IAAgB,EAAW,QAAQ,GAAK,MAAQ,KAAK,IAAI,GAAK,EAAiB,EAAc,IAAM,GAAS,EAAa,CAAC,EAAE,EAAE,EAC9H,IAAqB,EAAiB,GAAY,GAAc,EAAa,EAC7E,IAAqB,EAAiB,GAAY,GAAc,EAAa,EAC7E,EAAE,iBAAc,oBAAiB,EACnC,KAAK,aACL,GACA,KAAK,QACL,KAAK,MACL,GACA,EACH;AACD,OAAK,gBAAgB;GACjB;GACA;GACA,gBAAgB,EAAiB,GAAoB,KAAK,YAAY,aAAa;GACnF,gBAAgB,EAAiB,GAAoB,KAAK,YAAY,aAAa;GACnF,eAAe,EAAiB,GAAe,KAAK,YAAY,YAAY;GAC5E,eAAe,EAAiB,GAAe,KAAK,YAAY,YAAY;GAC/E;;CAGL,sBACI,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACF;EACE,IAAM,IAAa,EAAU,QACvB,IAAW,KAAK,IAAI,EAAc,SAAS,GAAY,EAAW,EAClE,IAAW,KAAK,IAAI,EAAc,SAAS,GAAY,EAAW;AAGxE,EADA,KAAK,eAAe,EAAc,QAAQ,KAAK,KAAK,IAAa,EAAS,GAAG,GAC7E,KAAK,YAAY,KAAK,KAAK,IAAa,KAAK,aAAa;EAC1D,IAAM,EAAE,YAAS,eAAY;AAE7B,OAAK,mBAAmB,EAAE;EAE1B,IAAI,IAAc,GACd,IAAa;AACjB,IAAU,SAAS,GAAK,MAAU;GAC9B,IAAM,IAAiB,IAAQ,KAAK,eAAgB,GAC9C,IAAa,EAAkB,GAAO,EAAU,QAAQ,KAAK,cAAc,KAAK,UAAU,EAC1F,IAAQ,KAAK,KAAK,EAAE,IACpB,IAAQ,KAAK,KAAK,EAAE,IACpB,IAAmB,EACrB,GACA,GACA,KAAK,eACL,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,EACH,EACK,IAAwB,EAA8B,GAAa,GAAY,GAAS,EAAQ;GACtG,SAAS,EAAW,GAA2C;AAC3D,WAAO,KAAK,IACR,EAAoB,GAAM,QAAQ,GAAK,MAAO,IAAM,EAAiB,GAAM,IAAK,EAAE,EAClF,EAAsB,IACtB,EAAK,YACR;;GAEL,IAAM,IAAU;IACZ,MAAM,EAAW,OAAO;IACxB,OAAO,EAAW,QAAQ;IAC1B,KAAK,EAAW,MAAM;IACtB,QAAQ,EAAW,SAAS;IAC/B;AAID,GAHI,EAAQ,OAAO,KAAK,cAAc,iBAClC,EAAQ,OAAO,KAAK,cAAc,eAElC,EAAQ,SAAS,KAAK,cAAc,iBACpC,EAAQ,SAAS,KAAK,cAAc;GAExC,IAAM,IAAoB,EAA4B,GAAkB,KAAK,WAAW,YAAY,KAAK,WAAW,YAAY,EAC1H,IAAa,KAAK,WAAW,aAAa,EAAQ,OAAO,EAAQ,OACjE,IAAc,KAAK,WAAW,cAAc,EAAQ,MAAM,EAAQ;AAWxE,GAVA,KAAK,iBAAiB,KAAO;IACzB,MAAM;IACN,KAAK;IACL,OAAO;KAAE,OAAO,KAAK,WAAW;KAAY,QAAQ,KAAK,WAAW;KAAa;IACjF,OAAO;KAAE,OAAO;KAAY,QAAQ;KAAa;IACjD;IACA;IACA,gBAAgB;IACnB,EACD,KAAe,GACX,MAAkB,KAAK,iBACvB,IAAc,GACd,KAAc;IAEpB;EAGF,IAAM,IAAc,EACf,MAAM,GAAG,KAAK,aAAa,CAC3B,QAAQ,GAAK,MAAQ,IAAM,KAAK,iBAAiB,GAAK,MAAM,OAAO,EAAE,EAEpE,IAAe,EAChB,QAAQ,GAAM,MAAU,IAAQ,KAAK,iBAAiB,EAAE,CACxD,QAAQ,GAAK,MAAQ,IAAM,KAAK,iBAAiB,GAAK,MAAM,QAAQ,EAAE;AAE3E,EADA,KAAK,WAAW,cAAc,GAC9B,KAAK,WAAW,eAAe;;CAGnC,kBACI,GACA,GACA,GACF;EACE,IAAM,EAAE,UAAO,WAAQ,cAAW,kBAAe,GAC3C,IAAa,EAAa,KAAK,UAAU;AAC/C,MAAI,KAAa,GAAY;GACzB,IAAM,IAAY,EAAa,OAAO,GAAY,MAAM,QAClD,IAAuB,EAAa,KAAK,WAAW,QACtD,OAAM,EAAa,OAAO,IAAa,cAAc,IAAI,UAAU,KAAK,EAC3E,CAAC;AACF,QAAK,WAAW,aAAa,IAAY,IAAY,KAAY,IAAuB;QAExF,MAAK,WAAW,aAAa;AAGjC,MAAI,KAAc,GAAY;GAC1B,IAAM,IAAY,EAAa,OAAO,GAAY,MAAM,QAClD,IAAuB,EAAa,KAAK,WAAW,QACtD,OAAM,EAAa,OAAO,IAAa,cAAc,IAAI,UAAU,KAAK,EAC3E,CAAC;AACF,QAAK,WAAW,cAAc,IAAY,IAAa,KAAY,IAAuB;QAE1F,MAAK,WAAW,cAAc;;CAKtC,aACI,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACF;EACE,IAAM,EAAE,UAAO,WAAQ,cAAW,kBAAe,GAC3C,EAAE,SAAM,cAAW,GACnB,EAAE,YAAS,eAAY,GACvB,KAAS,GAAe,IAAiC,EAAE,KACtD,EAAI,MAAM,GAAG,MAAM,EAAM,YAAY,SACrC,EAAO,MAAM,GAAG,cAAe,EAAO,MAAM,GAAI,MAAM,EAAE,SAAS,IAAM,CAAC,IACxE,EAAO,MAAM,GAAG,cAAe,EAAO,MAAM,GAAI,MAAM,EAAE,SAAS,IAAM,CAAC,CAC9E,EAEC,KAAS,GAAe,IAAiC,EAAE,KACtD,EAAI,MAAM,GAAG,MAAM,EAAM,YAAY,SACrC,EAAO,MAAM,GAAG,cAAe,EAAO,MAAM,GAAI,MAAM,EAAE,SAAS,IAAM,CAAC,IACxE,EAAO,MAAM,GAAG,cAAe,EAAO,MAAM,GAAI,MAAM,EAAE,SAAS,IAAM,CAAC,CAC9E;AAEL,IAAU,SAAQ,MAAY;GAC1B,IAAM,IAAa,EAAO,IACpB,IAAa,EAAY,SAAS,EAAK,aAAa,EAAM,EAAK,WAAW,EAC1E,IAAa,EAAY,SAAS,EAAK,aAAa,EAAM,EAAK,WAAW,EAC1E,EAAE,qBAAkB,IAAU,IAAO,GACrC,EAAE,qBAAkB,IAAU,IAAO,GAErC,IAAU,EAAW,KAAI,MAAa,EAAc,GAAW,OAAO,EACtE,IAAU,EAAW,KAAI,MAAa,EAAc,GAAW,OAAO,EACtE,IAAc,EAAQ,QAAQ,GAAK,MAAU,IAAM,GAAO,EAAE,EAC5D,IAAc,EAAQ,QAAQ,GAAK,MAAU,IAAM,GAAO,EAAE,EAC5D,IAAQ,MAAyB,KAAS,EAAQ,QAAO,MAAS,IAAQ,EAAE,CAAC,SAAS,KAAK,KAAY,GACvG,IAAQ,MAA2B,KAAU,EAAQ,QAAO,MAAS,IAAQ,EAAE,CAAC,SAAS,KAAK,KAAY,GAE1G,IAAuB,EAAE,EAC3B,IAAkB,EAAE,EACpB,IAAW,GACT,IAAkB,EAAW,KAAI,MACnC,KAAe,EAAY,IAAI,EAAc,KAAQ,EAAM,EAAc,IAAO,EAAK,QAAQ,CAChG;AACD,KAAgB,SAAS,GAAU,MAAQ;AAEvC,IADA,IAAQ,EAAM,OAAO,EAAS,EAC9B,EAAS,cAAc;AAEnB,KADA,EAAW,KAAK,EAAS,EACzB,KAAY;MACd;IAEF,IAAM,IAAkB,EAAgB,MAAM,IAAM,EAAE,CAAC,MAAK,MAAQ,EAAK,SAAS,EAAE;AACpF,IAAI,EAAS,SAAS,KAAK,MACvB,KAAY;KAElB;GAEF,IAAM,IAAuB,EAAE,EAC3B,IAAkB,EAAE,EACpB,IAAW,GACT,IAAkB,EAAW,KAAI,MACnC,KAAe,EAAY,IAAI,EAAc,KAAQ,EAAM,EAAc,IAAO,EAAK,QAAQ,CAChG;AAiBD,GAhBA,EAAgB,SAAS,GAAU,MAAQ;AAEvC,IADA,IAAQ,EAAM,OAAO,EAAS,EAC9B,EAAS,cAAc;AAEnB,KADA,EAAW,KAAK,EAAS,EACzB,KAAY;MACd;IAEF,IAAM,IAAkB,EAAgB,MAAM,IAAM,EAAE,CAAC,MAAK,MAAQ,EAAK,SAAS,EAAE;AACpF,IAAI,EAAS,SAAS,KAAK,MACvB,KAAY;KAElB,EAEF,KAAK,OAAO,EAAE,KAAY,GAA8B,CAAC,OAAO,EAAM,CAAC,MAAM,EAAW,EACxF,KAAK,OAAO,EAAE,KAAY,GAA8B,CAAC,OAAO,EAAM,CAAC,MAAM,EAAW,EACxF,KAAK,KAAK,EAAE,KAAY,GACxB,KAAK,KAAK,EAAE,KAAY;IAC1B;;CAGN,eACI,GACA,GACA,GACA,GACA,GACA,GACA,GACF;AACE,MAAI,MAAc,cACV,EAAI,cACJ,KAAK,aAAa,GAA6B,CAC1C,OAAO,EAAI,kBAAkB,EAAwB,GAAe,EAAI,YAAY,QAAQ,EAAY,CAAC,CACzG,MAAM,EAAI,YAAY,GACpB,EAAI,eACX,KAAK,aAAa,GAA6B,CAC1C,OAAO,EAAwB,GAAe,EAAI,WAAW,QAAQ,EAAY,CAAC,CAClF,MAAM,EAAI,WAAW;WAG1B,EAAI,WAAW;GACf,IAAM,IAAY,OAAO,QAAQ,EAAI,UAAU;AAC/C,QAAK,aAAa,GAA8B,CAC3C,OAAO,EAAU,KAAI,MAAK,EAAE,GAAG,CAAC,CAChC,MAAM,EAAU,KAAI,MAAK,EAAE,GAAG,CAAC,CAC/B,QAAQ,OAAO;SACb,EAAI,eACX,KAAK,aAAa,EAAyB,EAAI,YAAY,EAAe,IAAI,OAAO,CAAC;EAI9F,IAAM,EAAE,gBAAa,mBAAgB,EAAiB;AACtD,IAAY,SAAQ,MAAQ;GACxB,IAAM,EAAE,WAAQ,SAAM,SAAM,mBAAgB,GACtC,KAAQ,MAAS,MAAM,IAAc,GAAa,EAAY,eAAe,EAAY;AAC/F,OAAI,MAAS,YAAY;IACrB,IAAM,IAAiB,EAAO,KAAK,OAAO,OAAO,EAAK,CAAC,IAAI,OAAO,CAAC,CAAC,MAAM;AAC1E,SAAK,sBAAsB,EAAK,MAAM;KAClC,MAAM;KACN,OAAO,EAA8B,GAAQ,EAAe;KAC/D;UACE;IACH,IAAM,IAAS,OAAO,OAAO,EAAK,CAAC,IAAI,OAAO;AAC9C,QAAI,CAAC,EAAO,OACR;IAEJ,IAAM,CAAC,IAAM,EAAO,IAAI,IAAM,EAAO,MAAM,EAAO,EAAO;AACzD,SAAK,sBAAsB,EAAK,MAAM;KAClC,MAAM;KACN,OAAO,EAA2B,GAAQ,GAAK,GAAK,GAAG,IAAK,EAAE;KACjE;;IAEP;;CAGN,iBACI,GACA,GACA,GACA,GACA,GACA,GACA,GACF;AACE,IAAU,SAAQ,MAAY;AAC1B,QAAK,YAAY,KAAY;IAAE,GAAG;KAAE,iBAAiB,EAAE;KAAE,MAAM;KAAa;IAAE,GAAG;KAAE,iBAAiB,EAAE;KAAE,MAAM;KAAa;IAAE;GAC7H,IAAM,EAAE,kBAAe,qBAAkB,EAAO;AAChD,OAAI,GAAa;IACb,IAAM,EAAE,yBAAsB,EAAgB,IACxC,IAAa,EAAW,QAAQ,GAAK,MAAS,KAAK,IAAI,GAAK,EAAkB,IAAO,KAAK,UAAU,EAAE,EAAE,EAAE;AAmBhH,IAlBA,KAAK,YAAY,GAAU,EAAE,kBAAkB,EAAW,QAAQ,GAAK,MAAa;KAChF,IAAM,IAAY,EAAkB;AACpC,SAAI,CAAC,EAAW,QAAO;KACvB,IAAM,IAAQ,EAAc;AAC5B,QAAS,CACJ,iBAAiB,EAAE,CACnB,KAAK,CAAC,EAAU,QAAQ,CAAC,SAAS,KAAK,KAAK,EAAE,IAAW,EAAY,KAAK,CAAC,CACxE,EACH;KACL,IAAM,IAAO;AAOb,YAHA,EAAkB,GAHE,GAAa,CAC5B,OAAO,EAAY,aAAa,QAAQ,CAAC,GAAG,EAAW,GAAG,CAAC,GAAY,EAAE,CAAC,CAC1E,MAAM,CAAC,EAAY,MAAM,EAAE,CAAC,EACI,IAAI,EACzC,EAAoB,GAAM,KAAK,OAAO,EAAE,GAAU,EAAM,GAAG,EAAE,IAAI,EACjE,EAAI,KAAY,GACT;OACR,EAAE,CAAgD,EACrD,KAAK,YAAY,GAAU,EAAE,OAAO;;AAExC,OAAI,GAAa;IACb,IAAM,EAAE,yBAAsB,EAAgB,IACxC,IAAa,EAAW,QAAQ,GAAK,MAAS,KAAK,IAAI,GAAK,EAAkB,IAAO,KAAK,UAAU,EAAE,EAAE,EAAE;AAmBhH,IAlBA,KAAK,YAAY,GAAU,EAAE,kBAAkB,EAAW,QAAQ,GAAK,MAAa;KAChF,IAAM,IAAY,EAAkB;AACpC,SAAI,CAAC,EAAW,QAAO;KACvB,IAAM,IAAQ,EAAc;AAC5B,QAAS,CACJ,iBAAiB,EAAE,CACnB,KAAK,CAAC,EAAU,QAAQ,CAAC,SAAS,KAAK,KAAK,EAAE,IAAW,EAAY,KAAK,CAAC,CACxE,EACH;KACL,IAAM,IAAO,GACP,IAAc,GAAa,CAC5B,OAAO,EAAY,aAAa,SAAS,CAAC,GAAG,EAAW,GAAG,CAAC,GAAY,EAAE,CAAC,CAC3E,MAAM,CAAC,EAAY,MAAM,EAAE,CAAC;AAIjC,YAHA,EAAoB,GAAM,KAAK,OAAO,EAAE,GAAU,EAAM,GAAG,EAAE,KAAK,IAAI,EACtE,EAAkB,GAAM,GAAa,IAAI,EACzC,EAAI,KAAY,GACT;OACR,EAAE,CAAgD,EACrD,KAAK,YAAY,GAAU,EAAE,OAAO;;IAE1C;;CAGN,0BAA0B,GAA6D;AAC9E,QAIL,KAAK,sBADe,OAAO,KAAK,EAAa,CACN,QAAQ,GAA0B,MAAe;GACpF,IAAM,IAAS,EAAa,IACtB,IAAyB,OAAO,KAAK,EAAO;AAUlD,UATA,EAAI,KAAc,GAAwC,CACrD,OAAO,EAAa,CACpB,MACG,EAAa,KAAI,OAAU;IACvB,GAAG;IACH,GAAG,EAAO;IACb,EAAE,CACN,CACA,QAAQ,EAAY,EAClB;KACR,EAAE,CAAC;;CAGV,OACI,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACF;EACE,IAAM,EAAE,SAAM,cAAW,GACnB,EAAE,cAAW,eAAY,eAAY,mBAAgB,GACrD,EAAE,UAAO,UAAO,UAAO,SAAM,iBAAc;AAqBjD,EApBA,KAAK,kBAAkB,GAAM,GAAkB,EAAI,SAAS,EAC5D,KAAK,eAAe,GAAW,EAAY,YAAY,GAAK,GAAa,GAAkB,GAAgB,EAAc,EACzH,KAAK,aAAa,GAAW,GAAkB,EAAI,UAAU,GAAe,GAAM,EAAc,OAAO,EAAc,OAAO,GAAa,GAAa,EAAY,EAElK,KAAK,mBAAmB,GAAkB,GAAO,GAAO,EAAc,EACtE,KAAK,sBACD,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,EACH,EACD,KAAK,iBAAiB,GAAW,EAAc,QAAQ,GAAa,GAAa,EAAY,WAAW,EACxG,KAAK,cAAc,GAAO,EAAK,EAC/B,KAAK,iBAAiB,GAAW,GAAY,GAAY,GAAQ,GAAiB,GAAa,EAAY,EAC3G,KAAK,0BAA0B,EAAuB;EACtD,IAAM,IACF,kBAAC,GAAD;GAA8B;aAC1B,kBAAC,GAAD;IACS;IACQ;IACb,uBAAuB,KAAK;IAC5B,eAAe,KAAK;IACpB,WAAW;IACX,cAAc,KAAK;IACnB,kBAAkB,KAAK;IACR;IACf,YAAY,KAAK;IACjB,YAAY,KAAK;IACjB,qBAAqB,KAAK;IAC1B,aAAa,KAAK;IACP;IACI;IACf,cAAc;IACd,aAAa,KAAK;IAClB,QAAQ,KAAK;IACb,SAAS,KAAK;IACd,QAAQ,KAAK;IACD;IACZ,MAAM,KAAK;IACC;IACA;IACS;IACD;IACtB,CAAA;GACc,CAAA;AAGxB,EADA,KAAK,YAAY,GACjB,KAAK,WAAW,OAAO,EAAU;;CAGrC,YAAY,GAAiB;AACzB,OAAK,WAAW,OAAO,kBAAC,GAAD,EAAgB,YAAW,CAAA,CAAC"}
+{"version":3,"file":"ChartRenderer.js","names":[],"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, MAX_LEGEND_GRADIENT_HEIGHT, MIN_LEGEND_GRADIENT_HEIGHT, 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 continuousHeight = Math.min(\n            Math.max(this.chartSizes.chartHeight, MIN_LEGEND_GRADIENT_HEIGHT),\n            MAX_LEGEND_GRADIENT_HEIGHT\n        );\n        const legendHeight = Math.max(this.chartSizes.chartHeight, continuousHeight);\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]], [continuousHeight, 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]], [continuousHeight, 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,continuousHeight);\n        const maxRightEdge = items.reduce((max, item) => Math.max(max, item.left + item.width), 0);\n\n        const legendWidth = maxRightEdge + 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        groupedCells: GroupedCellsHeatmap,\n        groupGap: number,\n    ) {\n        const { width, height, cellWidth, cellHeight } = size;\n        const firstFacet = groupedCells.meta.facetKeys[0];\n        if (cellWidth && firstFacet) {\n            const keysCount = groupedCells.facets[firstFacet].xKeys.length;\n            const nonEmptyXGroupsCount = groupedCells.meta.xGroupKeys.filter(\n                k => (groupedCells.facets[firstFacet]?.xKeysByGroups[k]?.length ?? 0) > 0\n            ).length;\n            this.chartSizes.chartWidth = keysCount * cellWidth + groupGap * (nonEmptyXGroupsCount - 1);\n        } else {\n            this.chartSizes.chartWidth = width;\n        }\n\n        if (cellHeight && firstFacet) {\n            const keysCount = groupedCells.facets[firstFacet].yKeys.length;\n            const nonEmptyYGroupsCount = groupedCells.meta.yGroupKeys.filter(\n                k => (groupedCells.facets[firstFacet]?.yKeysByGroups[k]?.length ?? 0) > 0\n            ).length;\n            this.chartSizes.chartHeight = keysCount * cellHeight + groupGap * (nonEmptyYGroupsCount - 1);\n        } else {\n            this.chartSizes.chartHeight = height;\n        }\n    }\n\n    // update scales for cell positions, x and y for each facet.\n    // Keys arrive pre-sorted from fillCellsData (and re-ordered by getDendrograms for clustered axes).\n    updateScales(\n        facetKeys: string[],\n        groupedCells: GroupedCellsHeatmap,\n        groupGap: number,\n        facetSettings: HeatmapSettingsImpl['facetSettings'],\n        size: HeatmapSettingsImpl['chartSettings']['size'],\n    ) {\n        const { width, height, cellWidth, cellHeight } = size;\n        const { meta, facets } = groupedCells;\n        const { sharedX, sharedY } = facetSettings;\n        // All sorting is done upstream in fillCellsData; keys arrive already ordered.\n        facetKeys.forEach(facetKey => {\n            const facetGroup = facets[facetKey];\n            const xGroupKeys = meta.xGroupKeys;\n            const yGroupKeys = 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 = cellWidth ? cellWidth : (width - (xCounts.filter(count => count > 0).length - 1) * groupGap) / xCellsCount;\n            const yStep = 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            const resolvedXGroups = xGroupKeys.map(xKey => xKeysByGroups[xKey]);\n            resolvedXGroups.forEach((axisKeys, idx) => {\n                xKeys = xKeys.concat(axisKeys);\n                axisKeys.forEach(() => {\n                    xPositions.push(currentX);\n                    currentX += xStep;\n                });\n                // add gap only if a non-empty group follows (skip trailing gap after last visible group)\n                const hasMoreNonEmpty = resolvedXGroups.slice(idx + 1).some(keys => keys.length > 0);\n                if (axisKeys.length > 0 && hasMoreNonEmpty) {\n                    currentX += groupGap;\n                }\n            });\n\n            const yPositions: number[] = [];\n            let yKeys: string[] = [];\n            let currentY = 0;\n            const resolvedYGroups = yGroupKeys.map(yKey => yKeysByGroups[yKey]);\n            resolvedYGroups.forEach((axisKeys, idx) => {\n                yKeys = yKeys.concat(axisKeys);\n                axisKeys.forEach(() => {\n                    yPositions.push(currentY);\n                    currentY += yStep;\n                });\n                // add gap only if a non-empty group follows (skip trailing gap after last visible group)\n                const hasMoreNonEmpty = resolvedYGroups.slice(idx + 1).some(keys => keys.length > 0);\n                if (axisKeys.length > 0 && hasMoreNonEmpty) {\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), 0);\n                this.dendrograms[facetKey].x.treesByGroupKey = xGroupKeys.reduce((res, groupKey) => {\n                    const hierarchy = hierarchyByGroupX[groupKey];\n                    if (!hierarchy) return res;\n                    const xKeys = xKeysByGroups[groupKey];\n                    cluster()\n                        .separation(() => 1)\n                        .size([hierarchy.leaves().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), 0);\n                this.dendrograms[facetKey].y.treesByGroupKey = yGroupKeys.reduce((res, groupKey) => {\n                    const hierarchy = hierarchyByGroupY[groupKey];\n                    if (!hierarchy) return res;\n                    const yKeys = yKeysByGroups[groupKey];\n                    cluster()\n                        .separation(() => 1)\n                        .size([hierarchy.leaves().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        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, groupedCellsData, aes.groupGap);\n        this.updateAesScale(valueType, valueExtent.dataSource, aes, annotations, groupedCellsData, cellUniqValues, normalization);\n        this.updateScales(facetKeys, groupedCellsData, aes.groupGap, facetSettings, size);\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"],"mappings":"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"}