@milaboratories/miplots4 1.0.179 → 1.2.0

package/dist/scatterplot-umap/index.js

@@ -41,7 +41,7 @@ var p = class extends e {
 			let n = this.settings, r = this.data;
 			this.settings = new l(t), this.data = e, this._needUpdateCalculatedDataBySettings(n, this.settings) || this._needUpdateCalculatedDataByData(r, this.data) ? this._updateData() : this._updateAesInData();
 			let i = n.layers.find((e) => e.type === "dots"), a = this.settings.layers.find((e) => e.type === "dots");
-			f(i.aes.dotSize, a.aes.dotSize) && this.calculatedData && this.chartRenderer.updatePointSize(this.calculatedData.legendLabels, this.settings.layers), this._updateChart(), this.hasError = !1;
+			f(i.aes.dotSize, a.aes.dotSize) && this.calculatedData && this.chartRenderer.updatePointSize(this.calculatedData.legendLabels, this.settings.layers, this.settings.additionalCurves), this._updateChart(), this.hasError = !1;
 		} catch (e) {
 			this.hasError = !0, e instanceof Error && (this.chartRenderer.renderError(e.message), console.error(e));
 		}
@@ -69,70 +69,104 @@ var p = class extends e {
 		return console.warn("export not implemented"), "";
 	}
 	_needUpdateCalculatedDataBySettings(e, t) {
-		return n(e.grouping.map((e) => e.columnName.value), t.grouping.map((e) => e.columnName.value)) || n(e.grouping.map((e) => e.columnName.nullValueLabel), t.grouping.map((e) => e.columnName.nullValueLabel)) || e.grouping.some((e, r) => n(e.order, t.grouping?.[r].order)) || e.layers.length !== t.layers.length || e.layers.some((e, n) => e.type !== t.layers[n].type) || (e.label?.value || t.label?.value) && e.label?.value !== t.label?.value;
+		let r = e.additionalCurves?.curves ?? [], i = t.additionalCurves?.curves ?? [];
+		return n(e.grouping.map((e) => e.columnName.value), t.grouping.map((e) => e.columnName.value)) || n(e.grouping.map((e) => e.columnName.nullValueLabel), t.grouping.map((e) => e.columnName.nullValueLabel)) || e.grouping.some((e, r) => n(e.order, t.grouping?.[r].order)) || e.layers.length !== t.layers.length || e.layers.some((e, n) => e.type !== t.layers[n].type) || (e.label?.value || t.label?.value) && e.label?.value !== t.label?.value || r.length !== i.length || n(r.map((e) => e.columnName.value), i.map((e) => e.columnName.value));
 	}
 	_needUpdateCalculatedDataByData(e, t) {
 		let n = Object.keys(e.data), r = Object.keys(t.data);
 		return e.id !== t.id || n.length !== r.length || n.some((n) => e.data[n].length !== t.data[n]?.length);
 	}
 	_updateData() {
-		let { x: e, y: t, label: n, highlight: a, grouping: s, layers: c } = this.settings, l = {
+		let { x: e, y: t, label: n, highlight: a, grouping: s, layers: c, additionalCurves: l } = this.settings, d = {
 			minX: Infinity,
 			maxX: -Infinity,
 			minY: Infinity,
 			maxY: -Infinity
-		}, d = c.some((e) => e.type === "curve"), f = /* @__PURE__ */ new Set(), p = {}, m = [], h = n?.format ? u(n.format) : void 0;
+		}, f = c.some((e) => e.type === "curve"), p = /* @__PURE__ */ new Set(), m = {}, h = [], g = n?.format ? u(n.format) : void 0;
 		for (let i = 0; i < this.data.rowsCount; i++) {
 			let o = this.data.getColumnValue(e.value, i), c = this.data.getColumnValue(t.value, i);
 			if (typeof o != "number" || typeof c != "number" || !isFinite(o) || !isFinite(c)) continue;
-			o < l.minX && (l.minX = o), o > l.maxX && (l.maxX = o), c < l.minY && (l.minY = c), c > l.maxY && (l.maxY = c);
-			let u = a ? !this.data.getColumnValue(a.value, i) : !1, g = {
+			o < d.minX && (d.minX = o), o > d.maxX && (d.maxX = o), c < d.minY && (d.minY = c), c > d.maxY && (d.maxY = c);
+			let l = a ? !this.data.getColumnValue(a.value, i) : !1, u = {
 				x: o,
 				y: c,
 				idx: i,
-				label: r(this.data, i, n, h),
-				dimmed: u
+				label: r(this.data, i, n, g),
+				dimmed: l
 			};
-			if (d) {
+			if (f) {
 				let e = s.map(({ columnName: e }) => this.data.getColumnValue(e.value, i)).join("_");
-				f.add(e), p[e] || (p[e] = []), p[e].push(g);
+				p.add(e), m[e] || (m[e] = []), m[e].push(u);
 			}
-			m.push(g);
+			h.push(u);
 		}
-		let g = [...f];
-		d && g.forEach((e) => {
-			p[e].sort((e, t) => e.x - t.x);
-		}), i(this.data, m, s, a, c.find((e) => e.type === "dots"));
-		let _ = o(this.data, s, c), v = this.calculatedData?.dotsExtents ?? null;
-		if (v) {
-			let { minX: e, maxX: t, minY: n, maxY: r } = v;
-			(e !== l.minX || t !== l.maxX || n !== l.minY || r !== l.maxY) && this.onZoomChange(!0);
+		let _ = [...p];
+		f && _.forEach((e) => {
+			m[e].sort((e, t) => e.x - t.x);
+		});
+		let v = [];
+		if (l) for (let t of l.curves) {
+			let n = t.columnName.value, r = {};
+			for (let t = 0; t < this.data.rowsCount; t++) {
+				let i = this.data.getColumnValue(e.value, t), a = this.data.getColumnValue(n, t);
+				if (typeof i != "number" || !isFinite(i) || typeof a != "number" || !isFinite(a)) continue;
+				let o = s.map(({ columnName: e }) => this.data.getColumnValue(e.value, t)).join("_");
+				r[o] || (r[o] = []), r[o].push({
+					idx: t,
+					x: i,
+					y: a,
+					label: null,
+					dimmed: !1
+				});
+			}
+			for (let e of Object.keys(r)) r[e].sort((e, t) => e.x - t.x);
+			v.push({
+				entry: t,
+				dotsByGrouping: r,
+				smoothing: l.smoothing
+			});
+		}
+		i(this.data, h, s, a, c.find((e) => e.type === "dots"));
+		let y = o(this.data, s, c, l), b = this.calculatedData?.dotsExtents ?? null;
+		if (b) {
+			let { minX: e, maxX: t, minY: n, maxY: r } = b;
+			(e !== d.minX || t !== d.maxX || n !== d.minY || r !== d.maxY) && this.onZoomChange(!0);
 		}
 		this.calculatedData = {
-			dots: m,
-			dotsByGrouping: p,
-			groupingKeys: g,
-			dotsExtents: l,
-			legendLabels: _
+			dots: h,
+			dotsByGrouping: m,
+			groupingKeys: _,
+			dotsExtents: d,
+			legendLabels: y,
+			additionalCurves: v
 		};
 	}
 	_updateAesInData() {
 		let e = this.calculatedData;
 		if (!e) return;
-		let { layers: t, grouping: n } = this.settings;
-		n.forEach(({ columnName: n, inheritedAes: r }) => {
-			let i = /* @__PURE__ */ new Set(), o = {};
+		let { layers: t, grouping: n, additionalCurves: r } = this.settings;
+		r && (e.additionalCurves = e.additionalCurves.map((e, t) => {
+			let n = r.curves[t];
+			return n ? {
+				...e,
+				entry: n,
+				smoothing: r.smoothing
+			} : e;
+		})), n.forEach(({ columnName: n, inheritedAes: i }) => {
+			let o = /* @__PURE__ */ new Set(), s = {};
 			t.forEach((e) => {
 				e.aes && Object.entries(e.aes).forEach(([e, t]) => {
-					d(t) && t.value === n.value && (i.add(e), t.palette && (o[e] = t.palette));
+					d(t) && t.value === n.value && (o.add(e), t.palette && (s[e] = t.palette));
 				});
-			}), e.legendLabels[n.value].usedAes = [...i], e.legendLabels[n.value].aesMap = a(n, o, r);
+			});
+			for (let e of r?.curves ?? []) d(e.lineColor) && e.lineColor.value === n.value && (o.add("lineColor"), e.lineColor.palette && (s.lineColor = e.lineColor.palette));
+			e.legendLabels[n.value].usedAes = [...o], e.legendLabels[n.value].aesMap = a(n, s, i);
 		});
 	}
 	_updateChart() {
 		if (!this.calculatedData) return;
-		let { id: e, chartSettings: t, keyColumn: n, layers: r, grouping: i } = this.settings;
-		this.chartRenderer.render(this.data, e, t, n, this.calculatedData.dots, this.calculatedData.dotsExtents, this.calculatedData.dotsByGrouping, r, this.calculatedData.legendLabels, i.map((e) => e.columnName), this.onPolygonUpdate, this.onTooltipHintSwitch, this.onLassoControlsStateUpdate, this.onZoomChange);
+		let { id: e, chartSettings: t, keyColumn: n, layers: r, grouping: i, additionalCurves: a, y: o } = this.settings;
+		this.chartRenderer.render(this.data, e, t, n, this.calculatedData.dots, this.calculatedData.dotsExtents, this.calculatedData.dotsByGrouping, r, this.calculatedData.legendLabels, i.map((e) => e.columnName), this.onPolygonUpdate, this.onTooltipHintSwitch, this.onLassoControlsStateUpdate, this.onZoomChange, this.calculatedData.additionalCurves, a, o);
 	}
 };
 export { p as ChartScatterplotUmap };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/scatterplot-umap/index.ts"],"sourcesContent":["import {format} from 'd3-format';\nimport { AbstractChart } from '../AbstractChart';\nimport type { DataFrame } from '../DataFrame';\nimport { addPalettesToAesMapping, createLegendInfo } from '../scatterplot/utils/createLegendInfo';\nimport {formatColumnValue} from '../scatterplot/utils/formatColumnValue';\nimport {sortDotsByGrouping} from '../scatterplot/utils/sortDotsByGrouping';\nimport { type AesItem, type ContinuousAesFromColumn, type InheritAesScatterplot, isContinuousAes, type ScatterplotEventHandlers } from '../types';\nimport type { ScatterplotUmapLegendInfo, ScatterplotUmapSettings } from '../types/scatterplot-umap';\nimport {arraysAreDifferent} from '../utils/arraysAreDifferent';\nimport ChartRenderer from './ChartRenderer';\nimport { SCATTERPLOT_CONTROLS_EVENTS } from './constants';\nimport type { DotsLayer } from './SettingsImpl';\nimport { ScatterplotUmapSettingsImpl } from './SettingsImpl';\nimport type { Dot, DotsExtents, LassoControlsState, LassoMode, Polygon } from './types';\n\nfunction isInheritMapping<T extends (string | number)>(value:T | InheritAesScatterplot | ContinuousAesFromColumn<T>):value is InheritAesScatterplot {\n    return typeof value === 'object' && 'type' in value && value.type === 'grouping';\n}\n\nfunction dotSizeChanged(prevDotSize?: number | ContinuousAesFromColumn<number>, currentDotSize?: number | ContinuousAesFromColumn<number> ) {\n    if (typeof prevDotSize === 'number' && typeof currentDotSize === 'number') {\n        return prevDotSize !== currentDotSize;\n    }\n    if ((!prevDotSize && currentDotSize) || (!currentDotSize && prevDotSize)) {\n        return true;\n    }\n    if (isContinuousAes(prevDotSize) && isContinuousAes(currentDotSize)) {\n        return prevDotSize.range[0] !== currentDotSize.range[0] || prevDotSize.range[1] !== currentDotSize.range[1];\n    }\n    return false;\n}\n\nexport class ChartScatterplotUmap extends AbstractChart {\n    settings: ScatterplotUmapSettingsImpl;\n    chartRenderer: ChartRenderer;\n\n    onPolygonUpdate: (data: number[], polygons: Polygon[]) => void = () => undefined; // dots indexes from input data\n    onTooltipHintSwitch: (v:boolean) => void = () => undefined;\n    onLassoControlsStateUpdate: (v: LassoControlsState) => void = () => undefined;\n    onZoomChange: (isZoomChanged: boolean) => void = () => undefined;\n\n    calculatedData: {\n        dots: Dot[],\n        groupingKeys: string[],\n        dotsByGrouping: Record<string, Dot[]>,\n        dotsExtents: DotsExtents,\n        legendLabels: ScatterplotUmapLegendInfo,\n    } | null = null;\n\n    constructor(data: DataFrame, settings: ScatterplotUmapSettings, eventHandlers?: ScatterplotEventHandlers) {\n        super(data, settings);\n\n        this.settings = new ScatterplotUmapSettingsImpl(settings);\n        this.chartRenderer = new ChartRenderer();\n\n        if (eventHandlers) {\n            this.onPolygonUpdate = eventHandlers.onPolygonUpdate;\n            this.onTooltipHintSwitch = eventHandlers.onTooltipHintSwitch;\n            this.onLassoControlsStateUpdate = eventHandlers.onLassoControlsStateUpdate;\n            this.onZoomChange = eventHandlers.onZoomChange;\n        }\n    }\n\n    mount(node: HTMLElement) {\n        try {\n            this.chartRenderer.init(node);\n            this._updateData();\n            this._updateChart();\n            this.hasError = false;\n        } catch (err) {\n            this.hasError = true;\n            console.error(err);\n            if (err instanceof Error) {\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    unmount() {\n        this.chartRenderer.clear();\n    }\n\n    updateSettingsAndData(data: DataFrame, settings: ScatterplotUmapSettings) {\n        try {\n            const previousSettings = this.settings;\n            const previousData = this.data;\n            this.settings = new ScatterplotUmapSettingsImpl(settings);\n            this.data = data;\n            if (\n                this._needUpdateCalculatedDataBySettings(previousSettings, this.settings) ||\n                this._needUpdateCalculatedDataByData(previousData, this.data)\n            ) {\n                this._updateData();\n            } else {\n                this._updateAesInData();\n            }\n\n            // for some reason it's not enough for size updating to do like with fillColor\n            const prevLayer = previousSettings.layers.find(l => l.type === 'dots') as DotsLayer;\n            const currentLayer = this.settings.layers.find(l => l.type === 'dots') as DotsLayer;\n            if (dotSizeChanged(prevLayer.aes.dotSize, currentLayer.aes.dotSize) && this.calculatedData) {\n                this.chartRenderer.updatePointSize(this.calculatedData.legendLabels, this.settings.layers);\n            }\n            this._updateChart();\n            this.hasError = false;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    updateChartState(field: string, value: unknown) {\n        if (field === 'polygon') {\n            this.chartRenderer.polygons = value as Polygon[];\n            this._updateChart();\n        }\n        if (field === SCATTERPLOT_CONTROLS_EVENTS.lassoDelete) {\n            if (document) {\n                const event = new CustomEvent(SCATTERPLOT_CONTROLS_EVENTS.lassoDelete);\n                document.dispatchEvent(event);\n            }}\n        if (field === SCATTERPLOT_CONTROLS_EVENTS.lassoSelectMode) {\n            if (document) {\n                const event = new CustomEvent(SCATTERPLOT_CONTROLS_EVENTS.lassoSelectMode, {detail: value as LassoMode});\n                document.dispatchEvent(event);\n            }\n        }\n        if (field === SCATTERPLOT_CONTROLS_EVENTS.lassoForward) {\n            if (document) {\n                const event = new CustomEvent(SCATTERPLOT_CONTROLS_EVENTS.lassoForward);\n                document.dispatchEvent(event);\n            }\n        }\n        if (field === SCATTERPLOT_CONTROLS_EVENTS.lassoBack) {\n            if (document) {\n                const event = new CustomEvent(SCATTERPLOT_CONTROLS_EVENTS.lassoBack);\n                document.dispatchEvent(event);\n            }\n        }\n        if (field === SCATTERPLOT_CONTROLS_EVENTS.resetViewport) {\n            this.chartRenderer.resetZoom(this.settings.chartSettings.xAxis, this.settings.chartSettings.yAxis, this.calculatedData?.dotsExtents);\n            this.onZoomChange(false);\n        }\n    }\n\n    export(): string {\n        console.warn('export not implemented');\n        return '';\n        // this._updateChart();\n        // return renderToString(this.chartRenderer.component);\n    }\n\n    _needUpdateCalculatedDataBySettings(prevSettings: ScatterplotUmapSettingsImpl, settings: ScatterplotUmapSettingsImpl) {\n        return (\n            arraysAreDifferent(\n                prevSettings.grouping.map(v => v.columnName.value),\n                settings.grouping.map(v => v.columnName.value),\n            ) ||\n            arraysAreDifferent(\n                prevSettings.grouping.map(v => v.columnName.nullValueLabel),\n                settings.grouping.map(v => v.columnName.nullValueLabel),\n            ) ||\n            prevSettings.grouping.some((v, idx) => arraysAreDifferent(v.order, settings.grouping?.[idx].order)) ||\n            prevSettings.layers.length !== settings.layers.length ||\n            prevSettings.layers.some((l, idx) => l.type !== settings.layers[idx].type) ||\n            (prevSettings.label?.value || settings.label?.value) && prevSettings.label?.value !== settings.label?.value\n        );\n    }\n\n    _needUpdateCalculatedDataByData(prevData: DataFrame, data: DataFrame) {\n        const prevKeys = Object.keys(prevData.data);\n        const keys = Object.keys(data.data);\n        return (\n            prevData.id !== data.id ||\n            prevKeys.length !== keys.length ||\n            prevKeys.some(key => prevData.data[key].length !== data.data[key]?.length)\n        );\n    }\n\n    _updateData() {\n        const {x, y, label, highlight, grouping, layers} = this.settings;\n\n        const dotsExtents = {\n            minX: Infinity,\n            maxX: -Infinity,\n            minY: Infinity,\n            maxY: -Infinity,\n        };\n\n        const hasCurve = layers.some(layer => layer.type === 'curve');\n        const groupingKeysSet = new Set<string>();\n        const dotsByGrouping:Record<string, Dot[]> = {};\n\n        const dots: Dot[] = [];\n        const labelFormatter = label?.format ? format(label.format) : undefined;\n        for (let idx = 0; idx < this.data.rowsCount; idx++) {\n            const xv = this.data.getColumnValue(x.value, idx);\n            const yv = this.data.getColumnValue(y.value, idx);\n\n            if (typeof xv !== 'number' || typeof yv !== 'number') {\n                continue;\n            }\n            if (!isFinite(xv) || !isFinite(yv)) {\n                continue;\n            }\n\n            if (xv < dotsExtents.minX) {\n                dotsExtents.minX = xv;\n            }\n            if (xv > dotsExtents.maxX) {\n                dotsExtents.maxX = xv;\n            }\n            if (yv < dotsExtents.minY) {\n                dotsExtents.minY = yv;\n            }\n            if (yv > dotsExtents.maxY) {\n                dotsExtents.maxY = yv;\n            }\n\n            const dimmed = highlight ? !this.data.getColumnValue(highlight.value, idx) : false;\n            const dot: Dot = {\n                x: xv,\n                y: yv,\n                idx,\n                label: formatColumnValue(this.data, idx, label, labelFormatter),\n                dimmed\n            };\n            if (hasCurve) {\n                const groupingKey = grouping.map(({columnName}) => this.data.getColumnValue(columnName.value, idx)).join('_');\n                groupingKeysSet.add(groupingKey);\n                if (!dotsByGrouping[groupingKey]) {\n                    dotsByGrouping[groupingKey] = [];\n                }\n                dotsByGrouping[groupingKey].push(dot);\n            }\n            dots.push(dot);\n        }\n\n        const groupingKeys = [...groupingKeysSet];\n        if (hasCurve) {\n            groupingKeys.forEach(key => {\n                dotsByGrouping[key].sort((a, b) => a.x - b.x);\n            });\n        }\n        sortDotsByGrouping(this.data, dots, grouping, highlight, layers.find(l => l.type === 'dots'));\n        const legendLabels = createLegendInfo(this.data, grouping, layers);\n\n        const prevDotExtents = this.calculatedData?.dotsExtents ?? null;\n        if (prevDotExtents) {\n            const {minX, maxX, minY, maxY} = prevDotExtents;\n            if (minX !== dotsExtents.minX || maxX !== dotsExtents.maxX \n                || minY !== dotsExtents.minY || maxY !== dotsExtents.maxY) {\n                this.onZoomChange(true); // dots viewport is changed but it will not be changed automatically; this call is to undisable reset button\n            }\n        }\n        this.calculatedData = {\n            dots,\n            dotsByGrouping,\n            groupingKeys,\n            dotsExtents,\n            legendLabels,\n        };\n    }\n\n    _updateAesInData() {\n        const calculated = this.calculatedData;\n        if (!calculated) {\n            return;\n        }\n        const {layers, grouping} = this.settings;\n        grouping.forEach(({columnName, inheritedAes}) => {\n            const usedAes = new Set<keyof AesItem>();\n            const usedAesFromPalettes:Partial<Record<keyof AesItem, string[]>> = {}; // if there is palette in mapping then\n            layers.forEach(layer => {\n                if (!layer.aes) return;\n                \n                Object.entries(layer.aes).forEach(([key, value]) => {\n                    if (!(isInheritMapping(value) && value.value === columnName.value)) return;\n                    usedAes.add(key as keyof AesItem);\n                    if (value.palette) {\n                        usedAesFromPalettes[key as keyof AesItem] = value.palette;\n                    }\n                });\n            });\n\n            calculated.legendLabels[columnName.value].usedAes = [...usedAes];\n            calculated.legendLabels[columnName.value].aesMap = addPalettesToAesMapping(columnName, usedAesFromPalettes, inheritedAes);\n        });\n    }\n\n    _updateChart() {\n        if (!this.calculatedData) {\n            return;\n        }\n        const {id, chartSettings, keyColumn, layers, grouping} = this.settings;\n        this.chartRenderer.render(\n            this.data,\n            id,\n            chartSettings,\n            keyColumn,\n            this.calculatedData.dots,\n            this.calculatedData.dotsExtents,\n            this.calculatedData.dotsByGrouping,\n            layers,\n            this.calculatedData.legendLabels,\n            grouping.map(v => v.columnName),\n            this.onPolygonUpdate,\n            this.onTooltipHintSwitch,\n            this.onLassoControlsStateUpdate,\n            this.onZoomChange\n        );\n    }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/scatterplot-umap/index.ts"],"sourcesContent":["import {format} from 'd3-format';\nimport { AbstractChart } from '../AbstractChart';\nimport type { DataFrame } from '../DataFrame';\nimport { addPalettesToAesMapping, createLegendInfo } from '../scatterplot/utils/createLegendInfo';\nimport {formatColumnValue} from '../scatterplot/utils/formatColumnValue';\nimport {sortDotsByGrouping} from '../scatterplot/utils/sortDotsByGrouping';\nimport { type AesItem, type ContinuousAesFromColumn, type InheritAesScatterplot, isContinuousAes, type ScatterplotEventHandlers } from '../types';\nimport type { ScatterplotUmapLegendInfo, ScatterplotUmapSettings } from '../types/scatterplot-umap';\nimport {arraysAreDifferent} from '../utils/arraysAreDifferent';\nimport ChartRenderer from './ChartRenderer';\nimport { SCATTERPLOT_CONTROLS_EVENTS } from './constants';\nimport type { DotsLayer } from './SettingsImpl';\nimport { ScatterplotUmapSettingsImpl } from './SettingsImpl';\nimport type { Dot, DotsExtents, LassoControlsState, LassoMode, Polygon } from './types';\n\nfunction isInheritMapping<T extends (string | number)>(value:T | InheritAesScatterplot | ContinuousAesFromColumn<T>):value is InheritAesScatterplot {\n    return typeof value === 'object' && 'type' in value && value.type === 'grouping';\n}\n\nfunction dotSizeChanged(prevDotSize?: number | ContinuousAesFromColumn<number>, currentDotSize?: number | ContinuousAesFromColumn<number> ) {\n    if (typeof prevDotSize === 'number' && typeof currentDotSize === 'number') {\n        return prevDotSize !== currentDotSize;\n    }\n    if ((!prevDotSize && currentDotSize) || (!currentDotSize && prevDotSize)) {\n        return true;\n    }\n    if (isContinuousAes(prevDotSize) && isContinuousAes(currentDotSize)) {\n        return prevDotSize.range[0] !== currentDotSize.range[0] || prevDotSize.range[1] !== currentDotSize.range[1];\n    }\n    return false;\n}\n\nexport class ChartScatterplotUmap extends AbstractChart {\n    settings: ScatterplotUmapSettingsImpl;\n    chartRenderer: ChartRenderer;\n\n    onPolygonUpdate: (data: number[], polygons: Polygon[]) => void = () => undefined; // dots indexes from input data\n    onTooltipHintSwitch: (v:boolean) => void = () => undefined;\n    onLassoControlsStateUpdate: (v: LassoControlsState) => void = () => undefined;\n    onZoomChange: (isZoomChanged: boolean) => void = () => undefined;\n\n    calculatedData: {\n        dots: Dot[],\n        groupingKeys: string[],\n        dotsByGrouping: Record<string, Dot[]>,\n        dotsExtents: DotsExtents,\n        legendLabels: ScatterplotUmapLegendInfo,\n        // One entry per additional curve; dots share primary x but source y from entry.columnName.\n        // Grouped using the same grouping-key logic as the primary curve layer.\n        additionalCurves: { entry: NonNullable<ScatterplotUmapSettingsImpl['additionalCurves']>['curves'][number], dotsByGrouping: Record<string, Dot[]>, smoothing: boolean }[],\n    } | null = null;\n\n    constructor(data: DataFrame, settings: ScatterplotUmapSettings, eventHandlers?: ScatterplotEventHandlers) {\n        super(data, settings);\n\n        this.settings = new ScatterplotUmapSettingsImpl(settings);\n        this.chartRenderer = new ChartRenderer();\n\n        if (eventHandlers) {\n            this.onPolygonUpdate = eventHandlers.onPolygonUpdate;\n            this.onTooltipHintSwitch = eventHandlers.onTooltipHintSwitch;\n            this.onLassoControlsStateUpdate = eventHandlers.onLassoControlsStateUpdate;\n            this.onZoomChange = eventHandlers.onZoomChange;\n        }\n    }\n\n    mount(node: HTMLElement) {\n        try {\n            this.chartRenderer.init(node);\n            this._updateData();\n            this._updateChart();\n            this.hasError = false;\n        } catch (err) {\n            this.hasError = true;\n            console.error(err);\n            if (err instanceof Error) {\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    unmount() {\n        this.chartRenderer.clear();\n    }\n\n    updateSettingsAndData(data: DataFrame, settings: ScatterplotUmapSettings) {\n        try {\n            const previousSettings = this.settings;\n            const previousData = this.data;\n            this.settings = new ScatterplotUmapSettingsImpl(settings);\n            this.data = data;\n            if (\n                this._needUpdateCalculatedDataBySettings(previousSettings, this.settings) ||\n                this._needUpdateCalculatedDataByData(previousData, this.data)\n            ) {\n                this._updateData();\n            } else {\n                this._updateAesInData();\n            }\n\n            // for some reason it's not enough for size updating to do like with fillColor\n            const prevLayer = previousSettings.layers.find(l => l.type === 'dots') as DotsLayer;\n            const currentLayer = this.settings.layers.find(l => l.type === 'dots') as DotsLayer;\n            if (dotSizeChanged(prevLayer.aes.dotSize, currentLayer.aes.dotSize) && this.calculatedData) {\n                this.chartRenderer.updatePointSize(this.calculatedData.legendLabels, this.settings.layers, this.settings.additionalCurves);\n            }\n            this._updateChart();\n            this.hasError = false;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    updateChartState(field: string, value: unknown) {\n        if (field === 'polygon') {\n            this.chartRenderer.polygons = value as Polygon[];\n            this._updateChart();\n        }\n        if (field === SCATTERPLOT_CONTROLS_EVENTS.lassoDelete) {\n            if (document) {\n                const event = new CustomEvent(SCATTERPLOT_CONTROLS_EVENTS.lassoDelete);\n                document.dispatchEvent(event);\n            }}\n        if (field === SCATTERPLOT_CONTROLS_EVENTS.lassoSelectMode) {\n            if (document) {\n                const event = new CustomEvent(SCATTERPLOT_CONTROLS_EVENTS.lassoSelectMode, {detail: value as LassoMode});\n                document.dispatchEvent(event);\n            }\n        }\n        if (field === SCATTERPLOT_CONTROLS_EVENTS.lassoForward) {\n            if (document) {\n                const event = new CustomEvent(SCATTERPLOT_CONTROLS_EVENTS.lassoForward);\n                document.dispatchEvent(event);\n            }\n        }\n        if (field === SCATTERPLOT_CONTROLS_EVENTS.lassoBack) {\n            if (document) {\n                const event = new CustomEvent(SCATTERPLOT_CONTROLS_EVENTS.lassoBack);\n                document.dispatchEvent(event);\n            }\n        }\n        if (field === SCATTERPLOT_CONTROLS_EVENTS.resetViewport) {\n            this.chartRenderer.resetZoom(this.settings.chartSettings.xAxis, this.settings.chartSettings.yAxis, this.calculatedData?.dotsExtents);\n            this.onZoomChange(false);\n        }\n    }\n\n    export(): string {\n        console.warn('export not implemented');\n        return '';\n        // this._updateChart();\n        // return renderToString(this.chartRenderer.component);\n    }\n\n    _needUpdateCalculatedDataBySettings(prevSettings: ScatterplotUmapSettingsImpl, settings: ScatterplotUmapSettingsImpl) {\n        const prevCurves = prevSettings.additionalCurves?.curves ?? [];\n        const curves = settings.additionalCurves?.curves ?? [];\n        return (\n            arraysAreDifferent(\n                prevSettings.grouping.map(v => v.columnName.value),\n                settings.grouping.map(v => v.columnName.value),\n            ) ||\n            arraysAreDifferent(\n                prevSettings.grouping.map(v => v.columnName.nullValueLabel),\n                settings.grouping.map(v => v.columnName.nullValueLabel),\n            ) ||\n            prevSettings.grouping.some((v, idx) => arraysAreDifferent(v.order, settings.grouping?.[idx].order)) ||\n            prevSettings.layers.length !== settings.layers.length ||\n            prevSettings.layers.some((l, idx) => l.type !== settings.layers[idx].type) ||\n            (prevSettings.label?.value || settings.label?.value) && prevSettings.label?.value !== settings.label?.value ||\n            // Curve count or columnName change triggers full recalc. UMAP has no per-entry trend.\n            prevCurves.length !== curves.length ||\n            arraysAreDifferent(prevCurves.map(c => c.columnName.value), curves.map(c => c.columnName.value))\n        );\n    }\n\n    _needUpdateCalculatedDataByData(prevData: DataFrame, data: DataFrame) {\n        const prevKeys = Object.keys(prevData.data);\n        const keys = Object.keys(data.data);\n        return (\n            prevData.id !== data.id ||\n            prevKeys.length !== keys.length ||\n            prevKeys.some(key => prevData.data[key].length !== data.data[key]?.length)\n        );\n    }\n\n    _updateData() {\n        const {x, y, label, highlight, grouping, layers, additionalCurves} = this.settings;\n\n        const dotsExtents = {\n            minX: Infinity,\n            maxX: -Infinity,\n            minY: Infinity,\n            maxY: -Infinity,\n        };\n\n        const hasCurve = layers.some(layer => layer.type === 'curve');\n        const groupingKeysSet = new Set<string>();\n        const dotsByGrouping:Record<string, Dot[]> = {};\n\n        const dots: Dot[] = [];\n        const labelFormatter = label?.format ? format(label.format) : undefined;\n        for (let idx = 0; idx < this.data.rowsCount; idx++) {\n            const xv = this.data.getColumnValue(x.value, idx);\n            const yv = this.data.getColumnValue(y.value, idx);\n\n            if (typeof xv !== 'number' || typeof yv !== 'number') {\n                continue;\n            }\n            if (!isFinite(xv) || !isFinite(yv)) {\n                continue;\n            }\n\n            if (xv < dotsExtents.minX) {\n                dotsExtents.minX = xv;\n            }\n            if (xv > dotsExtents.maxX) {\n                dotsExtents.maxX = xv;\n            }\n            if (yv < dotsExtents.minY) {\n                dotsExtents.minY = yv;\n            }\n            if (yv > dotsExtents.maxY) {\n                dotsExtents.maxY = yv;\n            }\n\n            const dimmed = highlight ? !this.data.getColumnValue(highlight.value, idx) : false;\n            const dot: Dot = {\n                x: xv,\n                y: yv,\n                idx,\n                label: formatColumnValue(this.data, idx, label, labelFormatter),\n                dimmed\n            };\n            if (hasCurve) {\n                const groupingKey = grouping.map(({columnName}) => this.data.getColumnValue(columnName.value, idx)).join('_');\n                groupingKeysSet.add(groupingKey);\n                if (!dotsByGrouping[groupingKey]) {\n                    dotsByGrouping[groupingKey] = [];\n                }\n                dotsByGrouping[groupingKey].push(dot);\n            }\n            dots.push(dot);\n        }\n\n        const groupingKeys = [...groupingKeysSet];\n        if (hasCurve) {\n            groupingKeys.forEach(key => {\n                dotsByGrouping[key].sort((a, b) => a.x - b.x);\n            });\n        }\n\n        // Build per-entry grouped dots sourced from each entry's column as y. Same grouping-key logic as primary;\n        // skip rows where overlay y is null or non-finite (they'd propagate NaN into d3 scales).\n        const additionalCurvesData: NonNullable<typeof this.calculatedData>['additionalCurves'] = [];\n        if (additionalCurves) {\n            for (const entry of additionalCurves.curves) {\n                const overlayColumn = entry.columnName.value;\n                const entryDotsByGrouping: Record<string, Dot[]> = {};\n                for (let idx = 0; idx < this.data.rowsCount; idx++) {\n                    const xv = this.data.getColumnValue(x.value, idx);\n                    const overlayY = this.data.getColumnValue(overlayColumn, idx);\n                    if (typeof xv !== 'number' || !isFinite(xv)) continue;\n                    if (typeof overlayY !== 'number' || !isFinite(overlayY)) continue;\n                    const groupingKey = grouping.map(({columnName}) => this.data.getColumnValue(columnName.value, idx)).join('_');\n                    if (!entryDotsByGrouping[groupingKey]) entryDotsByGrouping[groupingKey] = [];\n                    entryDotsByGrouping[groupingKey].push({ idx, x: xv, y: overlayY, label: null, dimmed: false });\n                }\n                for (const key of Object.keys(entryDotsByGrouping)) {\n                    entryDotsByGrouping[key].sort((a, b) => a.x - b.x);\n                }\n                additionalCurvesData.push({ entry, dotsByGrouping: entryDotsByGrouping, smoothing: additionalCurves.smoothing });\n            }\n        }\n\n        sortDotsByGrouping(this.data, dots, grouping, highlight, layers.find(l => l.type === 'dots'));\n        const legendLabels = createLegendInfo(this.data, grouping, layers, additionalCurves);\n\n        const prevDotExtents = this.calculatedData?.dotsExtents ?? null;\n        if (prevDotExtents) {\n            const {minX, maxX, minY, maxY} = prevDotExtents;\n            if (minX !== dotsExtents.minX || maxX !== dotsExtents.maxX \n                || minY !== dotsExtents.minY || maxY !== dotsExtents.maxY) {\n                this.onZoomChange(true); // dots viewport is changed but it will not be changed automatically; this call is to undisable reset button\n            }\n        }\n        this.calculatedData = {\n            dots,\n            dotsByGrouping,\n            groupingKeys,\n            dotsExtents,\n            legendLabels,\n            additionalCurves: additionalCurvesData,\n        };\n    }\n\n    _updateAesInData() {\n        const calculated = this.calculatedData;\n        if (!calculated) {\n            return;\n        }\n        const {layers, grouping, additionalCurves} = this.settings;\n        // Aesthetic-only refresh for additional-curve entries (UMAP has no facets; calculated.additionalCurves\n        // is a flat array). Re-point entry + smoothing at the new settings so lineShape/lineWidth/lineColor/\n        // opacity/showDots + shared smoothing flow into the renderer without a full recompute.\n        //\n        // The array AND each entry must be replaced (not mutated) — LowerSvg is React.memo'd on the\n        // additionalCurves prop, so a stable reference would cause the renderer to skip the update.\n        if (additionalCurves) {\n            calculated.additionalCurves = calculated.additionalCurves.map((existing, i) => {\n                const next = additionalCurves.curves[i];\n                if (!next) return existing;\n                return {\n                    ...existing,\n                    entry: next,\n                    smoothing: additionalCurves.smoothing,\n                };\n            });\n        }\n        grouping.forEach(({columnName, inheritedAes}) => {\n            const usedAes = new Set<keyof AesItem>();\n            const usedAesFromPalettes:Partial<Record<keyof AesItem, string[]>> = {}; // if there is palette in mapping then\n            layers.forEach(layer => {\n                if (!layer.aes) return;\n\n                Object.entries(layer.aes).forEach(([key, value]) => {\n                    if (!(isInheritMapping(value) && value.value === columnName.value)) return;\n                    usedAes.add(key as keyof AesItem);\n                    if (value.palette) {\n                        usedAesFromPalettes[key as keyof AesItem] = value.palette;\n                    }\n                });\n            });\n            // Mirrors scatterplot: ensure grouping-inherited lineColor on additional curves contributes\n            // to the legend-info aes map, so the renderer can resolve per-group colors.\n            for (const entry of additionalCurves?.curves ?? []) {\n                if (isInheritMapping(entry.lineColor) && entry.lineColor.value === columnName.value) {\n                    usedAes.add('lineColor');\n                    if (entry.lineColor.palette) {\n                        usedAesFromPalettes['lineColor'] = entry.lineColor.palette;\n                    }\n                }\n            }\n\n            calculated.legendLabels[columnName.value].usedAes = [...usedAes];\n            calculated.legendLabels[columnName.value].aesMap = addPalettesToAesMapping(columnName, usedAesFromPalettes, inheritedAes);\n        });\n    }\n\n    _updateChart() {\n        if (!this.calculatedData) {\n            return;\n        }\n        const {id, chartSettings, keyColumn, layers, grouping, additionalCurves, y} = this.settings;\n        this.chartRenderer.render(\n            this.data,\n            id,\n            chartSettings,\n            keyColumn,\n            this.calculatedData.dots,\n            this.calculatedData.dotsExtents,\n            this.calculatedData.dotsByGrouping,\n            layers,\n            this.calculatedData.legendLabels,\n            grouping.map(v => v.columnName),\n            this.onPolygonUpdate,\n            this.onTooltipHintSwitch,\n            this.onLassoControlsStateUpdate,\n            this.onZoomChange,\n            this.calculatedData.additionalCurves,\n            additionalCurves,\n            y,\n        );\n    }\n}\n"],"mappings":"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"}

package/dist/scatterplot-umap/types.d.ts

@@ -43,6 +43,11 @@ export interface CaptionsSizes {
     xAxisCaptionsWidth: number;
     yAxisCaptionsWidth: number;
 }
+export type AdditionalCurveRenderData = {
+    entry: NonNullable<ScatterplotUmapSettingsImpl['additionalCurves']>['curves'][number];
+    dotsByGrouping: Record<string, Dot[]>;
+    smoothing: boolean;
+};
 export interface SVGLayerProps {
     settingsId: string;
     scales: ChartScales;
@@ -60,6 +65,7 @@ export interface SVGLayerProps {
     labels: Label[];
     dotsByGrouping: Record<string, Dot[]>;
     layers: ScatterplotUmapSettingsImpl['layers'];
+    additionalCurves: AdditionalCurveRenderData[];
     defaultPolygons: Polygon[];
     onPolygonUpdate: (data: Polygon[]) => void;
     onTooltipHintSwitch: (v: boolean) => void;
@@ -76,6 +82,7 @@ export type AesGetters = {
     dotFill: (idx: number) => string;
     dotSize: (idx: number) => number;
     lineType: (idx: number) => LineShape;
+    additionalCurveLineColor: ((idx: number) => string)[];
 };
 export type LassoControlsState = {
     mode: LassoMode;

package/dist/scatterplot-umap/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/scatterplot-umap/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/scatterplot-umap/types.ts"],"names":[],"mappings":"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"}

package/dist/selection/ChartRenderer.d.ts

@@ -0,0 +1,90 @@
+import { ReactElement } from 'react';
+import { Root } from 'react-dom/client';
+import { LegendData } from '../common/types';
+import { ColumnName, FrameType, TitlePosition } from '../types';
+import { Margins } from './components/types';
+import { FacetedSelectionData } from './createSelectionData';
+import { SelectionFillColor, SelectionSettingsImpl, SelectionXAxisSettings, SelectionYAxisSettings } from './SelectionSettingsImpl';
+type GroupingSettings = NonNullable<SelectionSettingsImpl['grouping']>;
+declare class ChartRenderer {
+    reactRoot: Root | null;
+    parentNode: HTMLElement | null;
+    rootNode: HTMLElement | null;
+    component: ReactElement;
+    cellPlotWidth: number;
+    cellPlotHeight: number;
+    nCols: number;
+    nRows: number;
+    isFaceted: boolean;
+    cellLabelHeight: number;
+    orderedFaceted: FacetedSelectionData;
+    facetLabels: Record<string, string[]>;
+    facetTitles: Record<string, string[]>;
+    grouped: boolean;
+    groupNames: string[];
+    colorMap: Map<string, string>;
+    solidColor: string;
+    xLabelsByFacet: Record<string, Record<string, string[]>>;
+    xCountsByFacet: Record<string, Record<string, string>>;
+    xLabelsPosition: 'center' | '45deg' | '90deg';
+    maxLabelLines: number;
+    maxLabelPx: number;
+    yTickWidth: number;
+    labelBlock: number;
+    xTitleHeight: number;
+    yTitleWidth: number;
+    yTickReserve: number;
+    xLabelTopReserve: number;
+    topPad: number;
+    rightPad: number;
+    fullLeftPad: number;
+    fullBottomPad: number;
+    colLeftPads: number[];
+    rowBottomPads: number[];
+    colXOffsets: number[];
+    rowYOffsets: number[];
+    gridWidth: number;
+    gridHeight: number;
+    legend: LegendData;
+    mainTitle: string[];
+    margins: Margins;
+    totalWidth: number;
+    totalHeight: number;
+    clear(): void;
+    init(node: HTMLElement): void;
+    updateChartSizes(width: number, height: number): void;
+    updateGrid({ faceted, facetLabels, facetBy, facetSettings, }: {
+        faceted: FacetedSelectionData;
+        facetLabels: Record<string, string[]>;
+        facetBy: ColumnName[];
+        facetSettings: SelectionSettingsImpl['facetSettings'];
+    }): void;
+    updateGroupingMaps(grouping: GroupingSettings | undefined, fillColor: SelectionFillColor): void;
+    createAxisLabels(xAxis: SelectionXAxisSettings): void;
+    updateCaptionsSize(xAxis: SelectionXAxisSettings, yAxis: SelectionYAxisSettings): void;
+    updateChartDimensions(): void;
+    updateLegendSize(showLegend: boolean, grouping: GroupingSettings | undefined): void;
+    createMainTitle(title: string, showTitle: boolean): void;
+    updateMargins(): void;
+    render({ faceted, facetLabels, width, height, title, showTitle, grouping, showLegend, facetBy, facetSettings, xAxis, yAxis, frame, titlePosition, fillColor, opacity, }: {
+        faceted: FacetedSelectionData;
+        facetLabels: Record<string, string[]>;
+        width: number;
+        height: number;
+        title: string;
+        showTitle: boolean;
+        grouping: GroupingSettings | undefined;
+        showLegend: boolean;
+        facetBy: ColumnName[];
+        facetSettings: SelectionSettingsImpl['facetSettings'];
+        xAxis: SelectionXAxisSettings;
+        yAxis: SelectionYAxisSettings;
+        frame: FrameType;
+        titlePosition: TitlePosition;
+        fillColor: SelectionFillColor;
+        opacity: number;
+    }): void;
+    renderError(message: string): void;
+}
+export default ChartRenderer;
+//# sourceMappingURL=ChartRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartRenderer.d.ts","sourceRoot":"","sources":["../../src/selection/ChartRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/selection/ChartRenderer.js

@@ -0,0 +1,254 @@
+import { Error as e } from "../common/Error.js";
+import { TextMeasurer as t } from "../utils/TextMeasurer/TextMeasurer.js";
+import { arrangeLegendParts as n } from "../utils/arrangeLegendParts.js";
+import { splitTextByWidth as r } from "../utils/splitTextByWidth.js";
+import "../discrete/utils/index.js";
+import { AGGREGATE_RIBBON_COLOR as i } from "./constants.js";
+import { formatCount as a, formatPercent as o } from "./utils.js";
+import { ChartsGroup as s } from "./components/ChartsGroup.js";
+import { scaleOrdinal as c } from "d3-scale";
+import { createRoot as l } from "react-dom/client";
+import { Fragment as u, jsx as d } from "react/jsx-runtime";
+var f = class {
+	reactRoot = null;
+	parentNode = null;
+	rootNode = null;
+	component = /* @__PURE__ */ d(u, {});
+	cellPlotWidth = 0;
+	cellPlotHeight = 0;
+	nCols = 1;
+	nRows = 1;
+	isFaceted = !1;
+	cellLabelHeight = 0;
+	orderedFaceted = {
+		facetKeys: [],
+		byFacet: {},
+		groupNames: []
+	};
+	facetLabels = {};
+	facetTitles = {};
+	grouped = !1;
+	groupNames = [];
+	colorMap = /* @__PURE__ */ new Map();
+	solidColor = "";
+	xLabelsByFacet = {};
+	xCountsByFacet = {};
+	xLabelsPosition = "center";
+	maxLabelLines = 1;
+	maxLabelPx = 0;
+	yTickWidth = 0;
+	labelBlock = 0;
+	xTitleHeight = 0;
+	yTitleWidth = 0;
+	yTickReserve = 0;
+	xLabelTopReserve = 0;
+	topPad = 0;
+	rightPad = 12;
+	fullLeftPad = 0;
+	fullBottomPad = 0;
+	colLeftPads = [];
+	rowBottomPads = [];
+	colXOffsets = [0];
+	rowYOffsets = [0];
+	gridWidth = 0;
+	gridHeight = 0;
+	legend = {
+		width: 0,
+		height: 0,
+		items: []
+	};
+	mainTitle = [];
+	margins = {
+		top: 24,
+		bottom: 24,
+		left: 24,
+		right: 24
+	};
+	totalWidth = 0;
+	totalHeight = 0;
+	clear() {
+		this.parentNode && this.rootNode && (this.parentNode.removeChild(this.rootNode), this.parentNode = null, this.rootNode = null), setTimeout(() => {
+			this.reactRoot?.unmount(), this.reactRoot = null;
+		});
+	}
+	init(e) {
+		this.parentNode === null && (this.parentNode = e, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = l(this.rootNode));
+	}
+	updateChartSizes(e, t) {
+		this.cellPlotWidth = e, this.cellPlotHeight = t;
+	}
+	updateGrid({ faceted: e, facetLabels: t, facetBy: n, facetSettings: i }) {
+		let a = i.order?.length ? i.order.filter((t) => e.facetKeys.includes(t)) : e.facetKeys;
+		if (this.orderedFaceted = {
+			...e,
+			facetKeys: a
+		}, this.facetLabels = t, this.isFaceted = n.length > 0, this.isFaceted) {
+			let e = Math.max(this.cellPlotWidth, 40);
+			this.facetTitles = {};
+			let n = 1;
+			for (let i of a) {
+				let a = (t[i] ?? []).join(" / "), o = a ? r(a, e, 20) : [];
+				this.facetTitles[i] = o, o.length > n && (n = o.length);
+			}
+			this.cellLabelHeight = 48 + (n - 1) * 24;
+		} else this.facetTitles = {}, this.cellLabelHeight = 0;
+		let o = a.length;
+		this.nCols = Math.min(o, i.nCols ?? Math.max(1, Math.ceil(Math.sqrt(o)))), this.nRows = i.nRows ?? Math.max(1, Math.ceil(o / this.nCols));
+	}
+	updateGroupingMaps(e, t) {
+		let n = typeof t == "object" && !!t;
+		this.grouped = n && !!e;
+		let r = e?.order ? e.order.map(String).filter((e) => this.orderedFaceted.groupNames.includes(e)) : this.orderedFaceted.groupNames;
+		this.groupNames = [...r, ...this.orderedFaceted.groupNames.filter((e) => !r.includes(e))];
+		let a = e?.inheritedAes;
+		if (this.colorMap = /* @__PURE__ */ new Map(), this.grouped && a) for (let e of this.groupNames) {
+			let t = a[e]?.fillColor;
+			t && this.colorMap.set(e, t);
+		}
+		this.solidColor = n ? i : t;
+	}
+	createAxisLabels(e) {
+		let n = new t("500 14px Manrope"), i = this.orderedFaceted.facetKeys, o = i.map((e) => this.orderedFaceted.byFacet[e]?.stages.length ?? 0).reduce((e, t) => Math.max(e, t), 0), s = 0;
+		for (let e of i) for (let t of this.orderedFaceted.byFacet[e]?.stages ?? []) s = Math.max(s, n.getTextWidth(t.label));
+		this.maxLabelPx = s;
+		let c = o > 0 ? this.cellPlotWidth / o : this.cellPlotWidth;
+		this.xLabelsPosition = e.labelsPosition ?? (s > c * .65 ? "90deg" : "center");
+		let l = this.xLabelsPosition !== "center";
+		this.xLabelsByFacet = {}, this.xCountsByFacet = {}, this.maxLabelLines = 1;
+		for (let e of i) {
+			let t = this.orderedFaceted.byFacet[e]?.stages ?? [], n = {}, i = {};
+			for (let [e, o] of t.entries()) {
+				let t = l ? [o.label] : r(o.label, 120, 14);
+				n[String(e)] = t, i[String(e)] = a(o.total), this.maxLabelLines = Math.max(this.maxLabelLines, t.length);
+			}
+			this.xLabelsByFacet[e] = n, this.xCountsByFacet[e] = i;
+		}
+	}
+	updateCaptionsSize(e, n) {
+		let r = new t("500 14px Manrope");
+		n.hiddenLabels ? (this.yTickWidth = 0, this.yTickReserve = n.showTicks ? 4 : 0) : (this.yTickWidth = r.getTextWidth(o(100)), this.yTickReserve = 40), e.hiddenLabels ? (this.labelBlock = 0, this.xLabelTopReserve = e.showTicks ? 4 : 0) : (this.labelBlock = this.xLabelsPosition === "center" ? this.maxLabelLines * 20 : this.xLabelsPosition === "45deg" ? Math.ceil(this.maxLabelPx * .71) + 10 : Math.ceil(this.maxLabelPx) + 10, this.xLabelTopReserve = 6), this.xTitleHeight = e.title ? 26 : 0, this.yTitleWidth = n.title ? 24 : 0;
+	}
+	updateChartDimensions() {
+		this.fullLeftPad = this.yTitleWidth + this.yTickWidth + this.yTickReserve, this.fullBottomPad = this.xLabelTopReserve + this.labelBlock + this.xTitleHeight, this.topPad = 20, this.rightPad = 12, this.colLeftPads = Array.from({ length: this.nCols }, (e, t) => !this.isFaceted || t === 0 ? this.fullLeftPad : 12);
+		let e = this.orderedFaceted.facetKeys.length % this.nCols !== 0;
+		this.rowBottomPads = Array.from({ length: this.nRows }, (t, n) => {
+			let r = n === this.nRows - 1 || n === this.nRows - 2 && e;
+			return !this.isFaceted || r ? this.fullBottomPad : 12;
+		}), this.colXOffsets = [0];
+		for (let [e, t] of this.colLeftPads.entries()) this.colXOffsets.push(this.colXOffsets[e] + t + this.cellPlotWidth + this.rightPad);
+		this.rowYOffsets = [0];
+		for (let [e, t] of this.rowBottomPads.entries()) this.rowYOffsets.push(this.rowYOffsets[e] + this.topPad + this.cellLabelHeight + this.cellPlotHeight + t);
+		this.gridWidth = this.colXOffsets[this.nCols], this.gridHeight = this.rowYOffsets[this.nRows];
+	}
+	updateLegendSize(e, t) {
+		if (!e || !this.grouped || this.groupNames.length === 0) {
+			this.legend = {
+				width: 0,
+				height: 0,
+				items: []
+			};
+			return;
+		}
+		let r = n([{
+			id: "selection-group",
+			type: "discreteColor",
+			title: t?.columnName.label ?? t?.columnName.value ?? "",
+			width: 0,
+			height: 0,
+			left: 0,
+			top: 0,
+			values: this.groupNames,
+			scale: c().domain(this.groupNames).range(this.groupNames.map((e) => this.colorMap.get(e) ?? "")),
+			labels: Object.fromEntries(this.groupNames.map((e) => [e, e === "null" ? t?.columnName.nullValueLabel ?? "N/A" : e]))
+		}], this.cellPlotHeight);
+		this.legend = {
+			width: r.reduce((e, t) => Math.max(e, t.left + t.width), 0) + 24,
+			height: this.cellPlotHeight,
+			items: r
+		};
+	}
+	createMainTitle(e, t) {
+		this.mainTitle = t && e ? r(e, Math.max(this.cellPlotWidth, 40), 20) : [];
+	}
+	updateMargins() {
+		let e = this.mainTitle.length > 0 ? this.mainTitle.length * 24 + 48 : 0;
+		this.margins = {
+			top: Math.max(e, 24),
+			bottom: 24,
+			left: 24,
+			right: 24 + this.legend.width
+		}, this.totalWidth = this.margins.left + this.gridWidth + this.margins.right, this.totalHeight = this.margins.top + this.gridHeight + this.margins.bottom;
+	}
+	render({ faceted: e, facetLabels: t, width: n, height: r, title: i, showTitle: a, grouping: o, showLegend: c, facetBy: l, facetSettings: u, xAxis: f, yAxis: p, frame: m, titlePosition: h, fillColor: g, opacity: _ }) {
+		this.updateChartSizes(n, r), this.updateGrid({
+			faceted: e,
+			facetLabels: t,
+			facetBy: l,
+			facetSettings: u
+		}), this.updateGroupingMaps(o, g), this.createAxisLabels(f), this.updateCaptionsSize(f, p), this.updateChartDimensions(), this.updateLegendSize(c, o), this.createMainTitle(i, a), this.updateMargins();
+		let v = /* @__PURE__ */ d(s, {
+			facetData: {
+				faceted: this.orderedFaceted,
+				facetLabels: this.facetLabels,
+				facetTitles: this.facetTitles
+			},
+			gridLayout: {
+				nRows: this.nRows,
+				nCols: this.nCols,
+				totalWidth: this.totalWidth,
+				totalHeight: this.totalHeight,
+				margins: this.margins,
+				cellPlotWidth: this.cellPlotWidth,
+				cellPlotHeight: this.cellPlotHeight,
+				cellLabelHeight: this.cellLabelHeight,
+				topPad: this.topPad,
+				rightPad: this.rightPad,
+				colLeftPads: this.colLeftPads,
+				rowBottomPads: this.rowBottomPads,
+				colXOffsets: this.colXOffsets,
+				rowYOffsets: this.rowYOffsets,
+				sharedX: this.isFaceted,
+				sharedY: this.isFaceted
+			},
+			xAxis: {
+				labelsByFacet: this.xLabelsByFacet,
+				countsByFacet: this.xCountsByFacet,
+				countsFontSize: 14,
+				labelsPosition: this.xLabelsPosition,
+				showGrid: f.showGrid,
+				showTicks: f.showTicks,
+				hiddenLabels: f.hiddenLabels,
+				title: f.title
+			},
+			yAxis: {
+				showGrid: p.showGrid,
+				showTicks: p.showTicks,
+				hiddenLabels: p.hiddenLabels,
+				title: p.title
+			},
+			style: {
+				frameType: this.isFaceted ? "full" : m,
+				barColor: this.solidColor,
+				opacity: _,
+				colorMap: this.colorMap,
+				nullValueLabel: o?.columnName.nullValueLabel
+			},
+			title: {
+				text: this.mainTitle,
+				show: this.mainTitle.length > 0,
+				position: h
+			},
+			legend: this.legend,
+			showFacetLabels: this.isFaceted,
+			grouped: this.grouped,
+			orderedGroupNames: this.groupNames
+		});
+		this.component = v, this.reactRoot?.render(v);
+	}
+	renderError(t) {
+		this.reactRoot?.render(/* @__PURE__ */ d(e, { message: t }));
+	}
+};
+export { f as default };
+
+//# sourceMappingURL=ChartRenderer.js.map