@milaboratories/miplots4 1.0.178 → 1.1.0

package/dist/scatterplot-umap/components/LowerSVG.js

@@ -1,160 +1,211 @@
 import { BLACK as e } from "../../constants.js";
 import t from "../../common/fonts.js";
 import { Tooltip as n } from "../../common/Tooltip.js";
-import { useDataFrame as r } from "../../common/useDataFrame.js";
-import { ChartsTitle as i } from "../../common/ChartsTitle.js";
-import { Legend as a } from "../../common/Legend.js";
-import { ContinuousAxis as o } from "../../common/ContinuousAxis.js";
-import { ContinuousGrid as s } from "../../common/ContinuousGrid.js";
-import { formatColumnValue as c } from "../../scatterplot/utils/formatColumnValue.js";
-import l, { useEffect as u, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { format as m } from "d3-format";
-import { curveBasis as h, line as g } from "d3-shape";
-function _(e, t, n = []) {
+import { getPointShape as r } from "../../utils/getPointShape.js";
+import { useDataFrame as i } from "../../common/useDataFrame.js";
+import { getLineShape as a } from "../../utils/getLineShape.js";
+import { ChartsTitle as o } from "../../common/ChartsTitle.js";
+import { Legend as s } from "../../common/Legend.js";
+import { ContinuousAxis as c } from "../../common/ContinuousAxis.js";
+import { ContinuousGrid as l } from "../../common/ContinuousGrid.js";
+import { formatColumnValue as u } from "../../scatterplot/utils/formatColumnValue.js";
+import d, { useEffect as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { format as _ } from "d3-format";
+import { curveBasis as v, line as y } from "d3-shape";
+var b = "21", x = 3;
+function S({ dots: e, scales: t, stroke: n, strokeWidth: r, dash: i, smoothing: a }) {
+	return a ? /* @__PURE__ */ h("path", {
+		d: y().curve(v).x((e) => t.x(e.x)).y((e) => t.y(e.y))(e) ?? "",
+		fill: "none",
+		stroke: n,
+		strokeWidth: r,
+		strokeDasharray: i
+	}) : /* @__PURE__ */ h("polyline", {
+		points: e.map((e) => `${t.x(e.x)},${t.y(e.y)}`).join(" "),
+		fill: "none",
+		stroke: n,
+		strokeWidth: r,
+		strokeDasharray: i
+	});
+}
+function C({ dots: e, scales: t, stroke: n, keyPrefix: i }) {
+	return /* @__PURE__ */ h(m, { children: e.map((e, a) => /* @__PURE__ */ h("g", {
+		transform: `translate(${t.x(e.x)},${t.y(e.y)})`,
+		children: r(b, x, n)
+	}, `${i}-dot-${a}`)) });
+}
+function w({ curveData: t, entryIdx: n, scales: r, aesGetters: i }) {
+	let { entry: o, dotsByGrouping: s, smoothing: c } = t, l = i.additionalCurveLineColor[n] ?? (() => "#110529"), u = a(o.lineShape);
+	return /* @__PURE__ */ h("g", {
+		clipPath: "url(#viewportClipPath)",
+		opacity: o.opacity,
+		children: Object.entries(s).map(([t, n]) => {
+			let i = n.length > 0 ? l(n[0].idx) : e;
+			return /* @__PURE__ */ g(d.Fragment, { children: [/* @__PURE__ */ h(S, {
+				dots: n,
+				scales: r,
+				stroke: i,
+				strokeWidth: o.lineWidth,
+				dash: u,
+				smoothing: c
+			}), o.showDots && /* @__PURE__ */ h(C, {
+				dots: n,
+				scales: r,
+				stroke: i,
+				keyPrefix: t
+			})] }, t);
+		})
+	});
+}
+function T(e, t, n = []) {
 	let r = [];
 	for (let i of n) {
-		let n = i?.format ? m(i.format) : void 0;
-		r.push(`${i.label}: ${c(e, t.idx, i, n)}`);
+		let n = i?.format ? _(i.format) : void 0;
+		r.push(`${i.label}: ${u(e, t.idx, i, n)}`);
 	}
 	return r;
 }
-function v(e) {
+function E(e) {
 	return typeof e == "string" ? e : e.label ?? e.value;
 }
-var y = g().curve(h);
-function b({ scales: c, chartSettings: l, mainTitle: m, keyColumn: h, margins: g, chartSizes: b, container: x, zoomStateKey: S, legendData: C, dotsByGrouping: w, layers: T, aesGetters: E, tooltipData: D }) {
-	let O = r(), { title: k, xAxis: A, yAxis: j, frame: M, legend: N } = l, P = A.showTicks ? 4 : 0, F = j.showTicks ? 4 : 0, I = A.title, L = j.title, R = {
+var D = y().curve(v);
+function O({ scales: r, chartSettings: a, mainTitle: u, keyColumn: d, margins: m, chartSizes: _, container: v, zoomStateKey: y, legendData: b, dotsByGrouping: x, layers: S, additionalCurves: C, aesGetters: O, tooltipData: k }) {
+	let A = i(), { title: j, xAxis: M, yAxis: N, frame: P, legend: F } = a, I = M.showTicks ? 4 : 0, L = N.showTicks ? 4 : 0, R = M.title, z = N.title, B = {
 		left: 0,
-		right: b.chartWidth,
+		right: _.chartWidth,
 		top: 0,
-		bottom: b.chartHeight
+		bottom: _.chartHeight
 	};
-	if (!x) return null;
-	let z = T.find((e) => e.type === "curve"), [B, V] = d([]);
-	function H() {
-		V(Object.entries(w).map(([e, t]) => ({
+	if (!v) return null;
+	let V = S.find((e) => e.type === "curve"), [H, U] = p([]);
+	function W() {
+		U(Object.entries(x).map(([e, t]) => ({
 			key: e,
-			d: z?.smoothing ? y(t) ?? "" : t.map((e) => `${c.x(e.x)},${c.y(e.y)}`).join(" "),
+			d: V?.smoothing ? D(t) ?? "" : t.map((e) => `${r.x(e.x)},${r.y(e.y)}`).join(" "),
 			dot: t[0]
 		})));
 	}
-	return u(() => {
-		z && (y.x((e) => c.x(e.x)).y((e) => c.y(e.y)), H());
+	return f(() => {
+		V && (D.x((e) => r.x(e.x)).y((e) => r.y(e.y)), W());
 	}, [
-		S,
-		b.chartWidth,
-		b.chartHeight
-	]), u(() => {
-		z && H();
-	}, [z?.smoothing]), /* @__PURE__ */ p("svg", {
+		y,
+		_.chartWidth,
+		_.chartHeight
+	]), f(() => {
+		V && W();
+	}, [V?.smoothing]), /* @__PURE__ */ g("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: `0 0 ${b.totalWidth} ${b.totalHeight}`,
-		width: b.totalWidth,
-		height: b.totalHeight,
+		viewBox: `0 0 ${_.totalWidth} ${_.totalHeight}`,
+		width: _.totalWidth,
+		height: _.totalHeight,
 		style: { pointerEvents: "none" },
-		children: [/* @__PURE__ */ f("defs", { children: t }), /* @__PURE__ */ p("g", {
-			transform: `translate(${g.left},${g.top})`,
+		children: [/* @__PURE__ */ h("defs", { children: t }), /* @__PURE__ */ g("g", {
+			transform: `translate(${m.left},${m.top})`,
 			fontFamily: "Manrope",
 			children: [
-				/* @__PURE__ */ f("clipPath", {
+				/* @__PURE__ */ h("clipPath", {
 					id: "viewportClipPath",
-					children: /* @__PURE__ */ f("rect", {
+					children: /* @__PURE__ */ h("rect", {
 						x: "0",
 						y: "0",
-						width: b.chartWidth,
-						height: b.chartHeight
+						width: _.chartWidth,
+						height: _.chartHeight
 					})
 				}),
-				/* @__PURE__ */ f(i, {
-					title: m,
-					show: k.show,
-					position: k.position,
-					leftPadding: -g.left,
-					rightPadding: g.right,
-					chartsWidth: b.totalWidth
+				/* @__PURE__ */ h(o, {
+					title: u,
+					show: j.show,
+					position: j.position,
+					leftPadding: -m.left,
+					rightPadding: m.right,
+					chartsWidth: _.totalWidth
 				}),
-				/* @__PURE__ */ p("g", {
+				/* @__PURE__ */ g("g", {
 					dominantBaseline: "central",
 					textAnchor: "middle",
 					fontWeight: "500",
 					fontSize: "14px",
 					fill: e,
-					children: [I && /* @__PURE__ */ f("text", {
-						x: b.chartWidth / 2,
-						y: b.chartHeight + g.bottom - 20 / 2,
-						children: v(I)
-					}), L && /* @__PURE__ */ f("text", {
-						x: -g.left + 20 / 2,
-						y: b.chartHeight / 2,
-						transform: `rotate(-90,${-g.left + 20 / 2},${b.chartHeight / 2})`,
-						children: v(L)
+					children: [R && /* @__PURE__ */ h("text", {
+						x: _.chartWidth / 2,
+						y: _.chartHeight + m.bottom - 20 / 2,
+						children: E(R)
+					}), z && /* @__PURE__ */ h("text", {
+						x: -m.left + 20 / 2,
+						y: _.chartHeight / 2,
+						transform: `rotate(-90,${-m.left + 20 / 2},${_.chartHeight / 2})`,
+						children: E(z)
 					})]
 				}),
-				/* @__PURE__ */ f(s, {
-					width: b.chartWidth,
-					height: b.chartHeight,
-					scaleX: c.x,
-					scaleY: c.y,
-					axisX: A,
-					axisY: j,
-					updatingKey: S,
-					frameType: M.type
+				/* @__PURE__ */ h(l, {
+					width: _.chartWidth,
+					height: _.chartHeight,
+					scaleX: r.x,
+					scaleY: r.y,
+					axisX: M,
+					axisY: N,
+					updatingKey: y,
+					frameType: P.type
 				}),
-				/* @__PURE__ */ f("g", {
-					transform: `translate(0,${b.chartHeight})`,
-					children: /* @__PURE__ */ f(o, {
-						scale: c.x,
+				/* @__PURE__ */ h("g", {
+					transform: `translate(0,${_.chartHeight})`,
+					children: /* @__PURE__ */ h(c, {
+						scale: r.x,
 						orient: "bottom",
-						tickSize: P,
-						hiddenLabels: A.hiddenLabels
+						tickSize: I,
+						hiddenLabels: M.hiddenLabels
 					})
 				}),
-				/* @__PURE__ */ f("g", { children: /* @__PURE__ */ f(o, {
-					scale: c.y,
+				/* @__PURE__ */ h("g", { children: /* @__PURE__ */ h(c, {
+					scale: r.y,
 					orient: "left",
-					tickSize: F,
-					hiddenLabels: j.hiddenLabels
+					tickSize: L,
+					hiddenLabels: N.hiddenLabels
 				}) }),
-				z && z.smoothing && /* @__PURE__ */ f("g", {
-					clipPath: "url(#viewportClipPath)",
-					children: B.map(({ key: e, d: t, dot: n }) => /* @__PURE__ */ f("path", {
-						d: t,
-						fill: "none",
-						stroke: E.dotFill(n.idx),
-						strokeWidth: z.aes?.lineWidth,
-						strokeDasharray: E.lineType(n.idx)
-					}, e))
-				}),
-				z && !z.smoothing && /* @__PURE__ */ f("g", {
+				V && /* @__PURE__ */ h("g", {
 					clipPath: "url(#viewportClipPath)",
-					children: B.map(({ key: e, d: t, dot: n }) => /* @__PURE__ */ f("polyline", {
-						points: t,
-						fill: "none",
-						stroke: E.dotFill(n.idx),
-						strokeWidth: z.aes?.lineWidth,
-						strokeDasharray: E.lineType(n.idx)
-					}, e))
+					children: H.map(({ key: e, d: t, dot: n }) => {
+						let r = {
+							fill: "none",
+							stroke: O.dotFill(n.idx),
+							strokeWidth: V.aes?.lineWidth,
+							strokeDasharray: O.lineType(n.idx)
+						};
+						return V.smoothing ? /* @__PURE__ */ h("path", {
+							d: t,
+							...r
+						}, e) : /* @__PURE__ */ h("polyline", {
+							points: t,
+							...r
+						}, e);
+					})
 				}),
-				l.tooltips.show && D.selectedData && /* @__PURE__ */ f(n, {
-					content: _(O, D.selectedData, l.tooltips?.content),
-					x: c.x(D.selectedData.x),
-					y: c.y(D.selectedData.y),
+				C.map((e, t) => /* @__PURE__ */ h(w, {
+					curveData: e,
+					entryIdx: t,
+					scales: r,
+					aesGetters: O
+				}, `additional-${t}`)),
+				a.tooltips.show && k.selectedData && /* @__PURE__ */ h(n, {
+					content: T(A, k.selectedData, a.tooltips?.content),
+					x: r.x(k.selectedData.x),
+					y: r.y(k.selectedData.y),
 					active: !0,
-					fixed: D.fixed,
-					sideDistances: R,
-					container: x,
-					onClose: D.onClose
+					fixed: k.fixed,
+					sideDistances: B,
+					container: v,
+					onClose: k.onClose
 				}),
-				N.show && /* @__PURE__ */ f("g", {
-					transform: `translate(${b.chartWidth + 24},0)`,
-					children: /* @__PURE__ */ f(a, { legendData: C })
+				F.show && /* @__PURE__ */ h("g", {
+					transform: `translate(${_.chartWidth + 24},0)`,
+					children: /* @__PURE__ */ h(s, { legendData: b })
 				})
 			]
 		})]
 	});
 }
-var x = l.memo(b);
-export { x as default };
+var k = d.memo(O);
+export { k as default };
 
 //# sourceMappingURL=LowerSVG.js.map

package/dist/scatterplot-umap/components/LowerSVG.js.map

@@ -1 +1 @@
-{"version":3,"file":"LowerSVG.js","names":[],"sources":["../../../src/scatterplot-umap/components/LowerSVG.tsx"],"sourcesContent":["import {format} from 'd3-format';\nimport { curveBasis, line } from 'd3-shape';\nimport React, { useEffect, useState } from 'react';\nimport { ChartsTitle } from '../../common/ChartsTitle';\nimport { ContinuousGrid } from '../../common/ContinuousGrid';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport type { LegendData } from '../../common/types';\nimport { useDataFrame } from '../../common/useDataFrame';\nimport { BLACK } from '../../constants';\nimport type { DataFrame } from '../../DataFrame';\nimport { ContinuousAxis } from '../../common/ContinuousAxis';\nimport {formatColumnValue} from '../../scatterplot/utils/formatColumnValue';\nimport type { ColumnName } from '../../types';\nimport type { CurveUmapLayer } from '../../types/scatterplot-umap';\nimport { DEFAULT_TICKS_SIZE, LEGEND_OFFSET, TITLE_LINE } from '../constants';\nimport type { ScatterplotUmapSettingsImpl } from '../SettingsImpl';\nimport type { CaptionsSizes, ChartScales, ChartSizes, Dot, DotInfo, Margins, SVGLayerProps } from '../types';\n\nfunction getTooltipContent(dataFrame: DataFrame, dot: DotInfo, columnsList: ColumnName[] = []) {\n    const lines: string[] = [];\n    for (const column of columnsList) {\n        const columnFormatter = column?.format ? format(column.format) : undefined;\n        lines.push(`${column.label}: ${formatColumnValue(dataFrame, dot.idx, column, columnFormatter)}`);\n    }\n    return lines;\n}\n\nfunction getTitle(title: string | ColumnName): string {\n    if (typeof title === 'string') {\n        return title;\n    }\n    return title.label ?? title.value;\n}\n\nconst lineGenerator = line<Dot>().curve(curveBasis);\n\nfunction LowerSvg({\n    scales,\n    chartSettings,\n    mainTitle,\n    keyColumn: _,\n    margins,\n    chartSizes,\n    container,\n    zoomStateKey,\n    legendData,\n    dotsByGrouping,\n    layers,\n    aesGetters,\n    tooltipData\n}: {\n    aesGetters: SVGLayerProps['aesGetters'];\n    scales: ChartScales;\n    chartSettings: ScatterplotUmapSettingsImpl['chartSettings'];\n    mainTitle: string[];\n    keyColumn: ColumnName | null;\n    margins: Margins;\n    chartSizes: ChartSizes;\n    captionsSizes: CaptionsSizes;\n    selectedDot?: DotInfo | null;\n    container: SVGElement | null;\n    zoomStateKey: string;\n    legendData: LegendData;\n    dotsByGrouping: Record<string, Dot[]>;\n    layers: ScatterplotUmapSettingsImpl['layers'];\n    tooltipData: TooltipsData<DotInfo>;\n}) {\n    const dataFrame = useDataFrame();\n    const {title, xAxis, yAxis, frame, legend} = chartSettings;\n    const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const xTitle = xAxis.title;\n    const yTitle = yAxis.title;\n    const needLeftAxis = true;\n    const needBottomAxis = true;\n\n    const sideDistances = {\n        left: 0,\n        right: chartSizes.chartWidth,\n        top: 0,\n        bottom: chartSizes.chartHeight,\n    };\n\n    if (!container) {\n        return null;\n    }\n\n    const curveLayer = layers.find(layer => layer.type === 'curve') as CurveUmapLayer | undefined;\n    const [lines, setLines] = useState<{key: string, d:string, dot: Dot}[]>([]);\n\n    function updateLines() {\n        const data = Object.entries(dotsByGrouping);\n        const nextLines = data.map(([key, dots]) => ({\n            key,\n            d: curveLayer?.smoothing ? lineGenerator(dots) ?? '' : dots.map(d => `${scales.x(d.x)},${scales.y(d.y)}`).join(' '),\n            dot: dots[0]\n        }));\n        setLines(nextLines);\n    }\n    useEffect(() => {\n        if (!curveLayer) {\n            return;\n        }\n        lineGenerator\n            .x((d: Dot) => scales.x(d.x))\n            .y((d: Dot) => scales.y(d.y));\n        updateLines();\n    }, [zoomStateKey, chartSizes.chartWidth, chartSizes.chartHeight]);\n\n    useEffect(() => {\n        if (!curveLayer) {\n            return;\n        }\n        updateLines();\n    }, [curveLayer?.smoothing]);\n\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox={`0 0 ${chartSizes.totalWidth} ${chartSizes.totalHeight}`}\n            width={chartSizes.totalWidth}\n            height={chartSizes.totalHeight}\n            style={{pointerEvents: 'none'}}\n        >\n            <defs>{fonts}</defs>\n            <g transform={`translate(${margins.left},${margins.top})`} fontFamily=\"Manrope\">\n                <clipPath id=\"viewportClipPath\">\n                    <rect x=\"0\" y=\"0\" width={chartSizes.chartWidth} height={chartSizes.chartHeight}/>\n                </clipPath>\n                <ChartsTitle\n                    title={mainTitle}\n                    show={title.show}\n                    position={title.position}\n                    leftPadding={-margins.left}\n                    rightPadding={margins.right}\n                    chartsWidth={chartSizes.totalWidth}\n                />\n                <g dominantBaseline=\"central\" textAnchor=\"middle\" fontWeight=\"500\" fontSize=\"14px\" fill={BLACK}>\n                    {xTitle && (\n                        <text\n                            x={chartSizes.chartWidth / 2}\n                            y={chartSizes.chartHeight + margins.bottom - TITLE_LINE / 2}\n                        >\n                            {getTitle(xTitle)}\n                        </text>\n                    )}\n                    {yTitle && (\n                        <text\n                            x={-margins.left + TITLE_LINE / 2}\n                            y={chartSizes.chartHeight / 2}\n                            transform={`rotate(-90,${-margins.left + TITLE_LINE / 2},${\n                                chartSizes.chartHeight / 2\n                            })`}\n                        >\n                            {getTitle(yTitle)}\n                        </text>\n                    )}\n                </g>\n                <ContinuousGrid\n                    width={chartSizes.chartWidth}\n                    height={chartSizes.chartHeight}\n                    scaleX={scales.x}\n                    scaleY={scales.y}\n                    axisX={xAxis}\n                    axisY={yAxis}\n                    updatingKey={zoomStateKey}\n                    frameType={frame.type}\n                />\n                {needBottomAxis && (\n                    <g transform={`translate(0,${chartSizes.chartHeight})`}>\n                        <ContinuousAxis scale={scales.x} orient=\"bottom\" tickSize={tickSizeX} hiddenLabels={xAxis.hiddenLabels} />\n                    </g>\n                )}\n                {needLeftAxis && (\n                    <g>\n                        <ContinuousAxis scale={scales.y} orient=\"left\" tickSize={tickSizeY} hiddenLabels={yAxis.hiddenLabels} />\n                    </g>\n                )}\n                {curveLayer && curveLayer.smoothing && (\n                    <g clipPath=\"url(#viewportClipPath)\">\n                        {lines.map(({key, d, dot}) => (\n                            <path\n                                key={key}\n                                d={d}\n                                fill=\"none\"\n                                stroke={aesGetters.dotFill(dot.idx)}\n                                strokeWidth={curveLayer.aes?.lineWidth}\n                                strokeDasharray={aesGetters.lineType(dot.idx)}\n                            />\n                        ))}\n                    </g>\n                )}\n                {curveLayer && !curveLayer.smoothing && (\n                    <g clipPath=\"url(#viewportClipPath)\">\n                        {lines.map(({key, d, dot}) => (\n                            <polyline\n                                key={key}\n                                points={d}\n                                fill=\"none\"\n                                stroke={aesGetters.dotFill(dot.idx)}\n                                strokeWidth={curveLayer.aes?.lineWidth}\n                                strokeDasharray={aesGetters.lineType(dot.idx)}\n                            />\n                        ))}\n                    </g>\n                )}\n                {chartSettings.tooltips.show && tooltipData.selectedData && (\n                    <Tooltip\n                        content={getTooltipContent(dataFrame, tooltipData.selectedData, chartSettings.tooltips?.content)}\n                        x={scales.x(tooltipData.selectedData.x)}\n                        y={scales.y(tooltipData.selectedData.y)}\n                        active={true}\n                        fixed={tooltipData.fixed}\n                        sideDistances={sideDistances}\n                        container={container}\n                        onClose={tooltipData.onClose}\n                    />\n                )}\n                {legend.show && (\n                    <g transform={`translate(${chartSizes.chartWidth + LEGEND_OFFSET},0)`}>\n                        <Legend legendData={legendData} />\n                    </g>\n                )}\n            </g>\n        </svg>\n    );\n}\n\nexport default React.memo(LowerSvg);\n"],"mappings":"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"}
+{"version":3,"file":"LowerSVG.js","names":[],"sources":["../../../src/scatterplot-umap/components/LowerSVG.tsx"],"sourcesContent":["import {format} from 'd3-format';\nimport { curveBasis, line } from 'd3-shape';\nimport React, { useEffect, useState } from 'react';\nimport { ChartsTitle } from '../../common/ChartsTitle';\nimport { ContinuousGrid } from '../../common/ContinuousGrid';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport type { LegendData } from '../../common/types';\nimport { useDataFrame } from '../../common/useDataFrame';\nimport { BLACK } from '../../constants';\nimport type { DataFrame } from '../../DataFrame';\nimport { ContinuousAxis } from '../../common/ContinuousAxis';\nimport {formatColumnValue} from '../../scatterplot/utils/formatColumnValue';\nimport type { ColumnName } from '../../types';\nimport type { CurveUmapLayer } from '../../types/scatterplot-umap';\nimport { getLineShape } from '../../utils/getLineShape';\nimport { getPointShape } from '../../utils/getPointShape';\nimport { DEFAULT_TICKS_SIZE, LEGEND_OFFSET, TITLE_LINE } from '../constants';\nimport type { ScatterplotUmapSettingsImpl } from '../SettingsImpl';\nimport type { AdditionalCurveRenderData, CaptionsSizes, ChartScales, ChartSizes, Dot, DotInfo, Margins, SVGLayerProps } from '../types';\n\nconst ADDITIONAL_CURVE_DOT_SHAPE = '21';\nconst ADDITIONAL_CURVE_DOT_SIZE = 3;\n\nfunction UmapAdditionalCurveLine({\n    dots, scales, stroke, strokeWidth, dash, smoothing,\n}: {\n    dots: Dot[];\n    scales: ChartScales;\n    stroke: string;\n    strokeWidth: number | undefined;\n    dash: string | undefined;\n    smoothing: boolean;\n}) {\n    if (smoothing) {\n        const gen = line<Dot>().curve(curveBasis).x((d) => scales.x(d.x)).y((d) => scales.y(d.y));\n        return <path d={gen(dots) ?? ''} fill=\"none\" stroke={stroke} strokeWidth={strokeWidth} strokeDasharray={dash} />;\n    }\n    const points = dots.map(d => `${scales.x(d.x)},${scales.y(d.y)}`).join(' ');\n    return <polyline points={points} fill=\"none\" stroke={stroke} strokeWidth={strokeWidth} strokeDasharray={dash} />;\n}\n\nfunction UmapAdditionalCurveDots({ dots, scales, stroke, keyPrefix }: {\n    dots: Dot[];\n    scales: ChartScales;\n    stroke: string;\n    keyPrefix: string;\n}) {\n    return <>\n        {dots.map((dot, i) => (\n            <g key={`${keyPrefix}-dot-${i}`} transform={`translate(${scales.x(dot.x)},${scales.y(dot.y)})`}>\n                {getPointShape(ADDITIONAL_CURVE_DOT_SHAPE, ADDITIONAL_CURVE_DOT_SIZE, stroke)}\n            </g>\n        ))}\n    </>;\n}\n\nfunction UmapAdditionalCurveEntry({\n    curveData, entryIdx, scales, aesGetters,\n}: {\n    curveData: AdditionalCurveRenderData;\n    entryIdx: number;\n    scales: ChartScales;\n    aesGetters: SVGLayerProps['aesGetters'];\n}) {\n    const { entry, dotsByGrouping, smoothing } = curveData;\n    const lineColorGetter = aesGetters.additionalCurveLineColor[entryIdx] ?? (() => BLACK);\n    const dash = getLineShape(entry.lineShape);\n    return (\n        <g clipPath=\"url(#viewportClipPath)\" opacity={entry.opacity}>\n            {Object.entries(dotsByGrouping).map(([groupKey, dots]) => {\n                const stroke = dots.length > 0 ? lineColorGetter(dots[0].idx) : BLACK;\n                return <React.Fragment key={groupKey}>\n                    <UmapAdditionalCurveLine\n                        dots={dots}\n                        scales={scales}\n                        stroke={stroke}\n                        strokeWidth={entry.lineWidth}\n                        dash={dash}\n                        smoothing={smoothing}\n                    />\n                    {entry.showDots && <UmapAdditionalCurveDots\n                        dots={dots}\n                        scales={scales}\n                        stroke={stroke}\n                        keyPrefix={groupKey}\n                    />}\n                </React.Fragment>;\n            })}\n        </g>\n    );\n}\n\nfunction getTooltipContent(dataFrame: DataFrame, dot: DotInfo, columnsList: ColumnName[] = []) {\n    const lines: string[] = [];\n    for (const column of columnsList) {\n        const columnFormatter = column?.format ? format(column.format) : undefined;\n        lines.push(`${column.label}: ${formatColumnValue(dataFrame, dot.idx, column, columnFormatter)}`);\n    }\n    return lines;\n}\n\nfunction getTitle(title: string | ColumnName): string {\n    if (typeof title === 'string') {\n        return title;\n    }\n    return title.label ?? title.value;\n}\n\nconst lineGenerator = line<Dot>().curve(curveBasis);\n\nfunction LowerSvg({\n    scales,\n    chartSettings,\n    mainTitle,\n    keyColumn: _,\n    margins,\n    chartSizes,\n    container,\n    zoomStateKey,\n    legendData,\n    dotsByGrouping,\n    layers,\n    additionalCurves,\n    aesGetters,\n    tooltipData\n}: {\n    aesGetters: SVGLayerProps['aesGetters'];\n    scales: ChartScales;\n    chartSettings: ScatterplotUmapSettingsImpl['chartSettings'];\n    mainTitle: string[];\n    keyColumn: ColumnName | null;\n    margins: Margins;\n    chartSizes: ChartSizes;\n    captionsSizes: CaptionsSizes;\n    selectedDot?: DotInfo | null;\n    container: SVGElement | null;\n    zoomStateKey: string;\n    legendData: LegendData;\n    dotsByGrouping: Record<string, Dot[]>;\n    layers: ScatterplotUmapSettingsImpl['layers'];\n    additionalCurves: AdditionalCurveRenderData[];\n    tooltipData: TooltipsData<DotInfo>;\n}) {\n    const dataFrame = useDataFrame();\n    const {title, xAxis, yAxis, frame, legend} = chartSettings;\n    const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const xTitle = xAxis.title;\n    const yTitle = yAxis.title;\n    const needLeftAxis = true;\n    const needBottomAxis = true;\n\n    const sideDistances = {\n        left: 0,\n        right: chartSizes.chartWidth,\n        top: 0,\n        bottom: chartSizes.chartHeight,\n    };\n\n    if (!container) {\n        return null;\n    }\n\n    const curveLayer = layers.find(layer => layer.type === 'curve') as CurveUmapLayer | undefined;\n    const [lines, setLines] = useState<{key: string, d:string, dot: Dot}[]>([]);\n\n    function updateLines() {\n        const data = Object.entries(dotsByGrouping);\n        const nextLines = data.map(([key, dots]) => ({\n            key,\n            d: curveLayer?.smoothing ? lineGenerator(dots) ?? '' : dots.map(d => `${scales.x(d.x)},${scales.y(d.y)}`).join(' '),\n            dot: dots[0]\n        }));\n        setLines(nextLines);\n    }\n    useEffect(() => {\n        if (!curveLayer) {\n            return;\n        }\n        lineGenerator\n            .x((d: Dot) => scales.x(d.x))\n            .y((d: Dot) => scales.y(d.y));\n        updateLines();\n    }, [zoomStateKey, chartSizes.chartWidth, chartSizes.chartHeight]);\n\n    useEffect(() => {\n        if (!curveLayer) {\n            return;\n        }\n        updateLines();\n    }, [curveLayer?.smoothing]);\n\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox={`0 0 ${chartSizes.totalWidth} ${chartSizes.totalHeight}`}\n            width={chartSizes.totalWidth}\n            height={chartSizes.totalHeight}\n            style={{pointerEvents: 'none'}}\n        >\n            <defs>{fonts}</defs>\n            <g transform={`translate(${margins.left},${margins.top})`} fontFamily=\"Manrope\">\n                <clipPath id=\"viewportClipPath\">\n                    <rect x=\"0\" y=\"0\" width={chartSizes.chartWidth} height={chartSizes.chartHeight}/>\n                </clipPath>\n                <ChartsTitle\n                    title={mainTitle}\n                    show={title.show}\n                    position={title.position}\n                    leftPadding={-margins.left}\n                    rightPadding={margins.right}\n                    chartsWidth={chartSizes.totalWidth}\n                />\n                <g dominantBaseline=\"central\" textAnchor=\"middle\" fontWeight=\"500\" fontSize=\"14px\" fill={BLACK}>\n                    {xTitle && (\n                        <text\n                            x={chartSizes.chartWidth / 2}\n                            y={chartSizes.chartHeight + margins.bottom - TITLE_LINE / 2}\n                        >\n                            {getTitle(xTitle)}\n                        </text>\n                    )}\n                    {yTitle && (\n                        <text\n                            x={-margins.left + TITLE_LINE / 2}\n                            y={chartSizes.chartHeight / 2}\n                            transform={`rotate(-90,${-margins.left + TITLE_LINE / 2},${\n                                chartSizes.chartHeight / 2\n                            })`}\n                        >\n                            {getTitle(yTitle)}\n                        </text>\n                    )}\n                </g>\n                <ContinuousGrid\n                    width={chartSizes.chartWidth}\n                    height={chartSizes.chartHeight}\n                    scaleX={scales.x}\n                    scaleY={scales.y}\n                    axisX={xAxis}\n                    axisY={yAxis}\n                    updatingKey={zoomStateKey}\n                    frameType={frame.type}\n                />\n                {needBottomAxis && (\n                    <g transform={`translate(0,${chartSizes.chartHeight})`}>\n                        <ContinuousAxis scale={scales.x} orient=\"bottom\" tickSize={tickSizeX} hiddenLabels={xAxis.hiddenLabels} />\n                    </g>\n                )}\n                {needLeftAxis && (\n                    <g>\n                        <ContinuousAxis scale={scales.y} orient=\"left\" tickSize={tickSizeY} hiddenLabels={yAxis.hiddenLabels} />\n                    </g>\n                )}\n                {curveLayer && (\n                    <g clipPath=\"url(#viewportClipPath)\">\n                        {lines.map(({key, d, dot}) => {\n                            const shared = {\n                                fill: 'none',\n                                stroke: aesGetters.dotFill(dot.idx),\n                                strokeWidth: curveLayer.aes?.lineWidth,\n                                strokeDasharray: aesGetters.lineType(dot.idx),\n                            };\n                            return curveLayer.smoothing\n                                ? <path key={key} d={d} {...shared} />\n                                : <polyline key={key} points={d} {...shared} />;\n                        })}\n                    </g>\n                )}\n                {additionalCurves.map((curveData, entryIdx) => (\n                    <UmapAdditionalCurveEntry\n                        key={`additional-${entryIdx}`}\n                        curveData={curveData}\n                        entryIdx={entryIdx}\n                        scales={scales}\n                        aesGetters={aesGetters}\n                    />\n                ))}\n                {chartSettings.tooltips.show && tooltipData.selectedData && (\n                    <Tooltip\n                        content={getTooltipContent(dataFrame, tooltipData.selectedData, chartSettings.tooltips?.content)}\n                        x={scales.x(tooltipData.selectedData.x)}\n                        y={scales.y(tooltipData.selectedData.y)}\n                        active={true}\n                        fixed={tooltipData.fixed}\n                        sideDistances={sideDistances}\n                        container={container}\n                        onClose={tooltipData.onClose}\n                    />\n                )}\n                {legend.show && (\n                    <g transform={`translate(${chartSizes.chartWidth + LEGEND_OFFSET},0)`}>\n                        <Legend legendData={legendData} />\n                    </g>\n                )}\n            </g>\n        </svg>\n    );\n}\n\nexport default React.memo(LowerSvg);\n"],"mappings":"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"}

package/dist/scatterplot-umap/components/SVGLayer.d.ts

@@ -1,3 +1,3 @@
 import { SVGLayerProps } from '../types';
-export declare function SVGLayer({ settingsId, scales, chartSettings, mainTitle, keyColumn, margins, chartSizes, captionsSizes, container, zoomStateKey, aesGetters, legendData, labels, onPolygonUpdate, onTooltipHintSwitch, onLassoControlsStateUpdate, dotsByGrouping, layers, defaultPolygons, selectedDot, }: SVGLayerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SVGLayer({ settingsId, scales, chartSettings, mainTitle, keyColumn, margins, chartSizes, captionsSizes, container, zoomStateKey, aesGetters, legendData, labels, onPolygonUpdate, onTooltipHintSwitch, onLassoControlsStateUpdate, dotsByGrouping, layers, additionalCurves, defaultPolygons, selectedDot, }: SVGLayerProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=SVGLayer.d.ts.map

package/dist/scatterplot-umap/components/SVGLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SVGLayer.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/SVGLayer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAW,aAAa,EAAE,MAAM,UAAU,CAAC;AAIvD,wBAAgB,QAAQ,CAAC,EACrB,UAAU,EACV,MAAM,EACN,aAAa,EACb,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,aAAa,EACb,SAAS,EACT,YAAY,EACZ,UAAU,EACV,UAAU,EACV,MAAM,EACN,eAAe,EACf,mBAAmB,EACnB,0BAA0B,EAC1B,cAAc,EACd,MAAM,EACN,eAAe,EACf,WAAkB,GACrB,EAAE,aAAa,kDAmDf"}
+{"version":3,"file":"SVGLayer.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/SVGLayer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAW,aAAa,EAAE,MAAM,UAAU,CAAC;AAIvD,wBAAgB,QAAQ,CAAC,EACrB,UAAU,EACV,MAAM,EACN,aAAa,EACb,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,aAAa,EACb,SAAS,EACT,YAAY,EACZ,UAAU,EACV,UAAU,EACV,MAAM,EACN,eAAe,EACf,mBAAmB,EACnB,0BAA0B,EAC1B,cAAc,EACd,MAAM,EACN,gBAAgB,EAChB,eAAe,EACf,WAAkB,GACrB,EAAE,aAAa,kDAoDf"}

package/dist/scatterplot-umap/components/SVGLayer.js

@@ -5,17 +5,18 @@ import r from "./UpperSVG.js";
 import { useEffect as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { createPortal as s } from "react-dom";
-function c({ settingsId: c, scales: l, chartSettings: u, mainTitle: d, keyColumn: f, margins: p, chartSizes: m, captionsSizes: h, container: g, zoomStateKey: _, aesGetters: v, legendData: y, labels: b, onPolygonUpdate: x, onTooltipHintSwitch: S, onLassoControlsStateUpdate: C, dotsByGrouping: w, layers: T, defaultPolygons: E, selectedDot: D = null }) {
+function c({ settingsId: c, scales: l, chartSettings: u, mainTitle: d, keyColumn: f, margins: p, chartSizes: m, captionsSizes: h, container: g, zoomStateKey: _, aesGetters: v, legendData: y, labels: b, onPolygonUpdate: x, onTooltipHintSwitch: S, onLassoControlsStateUpdate: C, dotsByGrouping: w, layers: T, additionalCurves: E, defaultPolygons: D, selectedDot: O = null }) {
 	if (!g) return null;
-	let O = e(S, u.tooltips);
+	let k = e(S, u.tooltips);
 	return i(() => {
-		D ? O.onMouseEnter(D) : O.onMouseLeave();
-	}, [D]), /* @__PURE__ */ a("div", { children: /* @__PURE__ */ o(t, {
+		O ? k.onMouseEnter(O) : k.onMouseLeave();
+	}, [O]), /* @__PURE__ */ a("div", { children: /* @__PURE__ */ o(t, {
 		dataId: c,
 		children: [/* @__PURE__ */ a(n, {
 			aesGetters: v,
 			dotsByGrouping: w,
 			layers: T,
+			additionalCurves: E,
 			scales: l,
 			keyColumn: f,
 			margins: p,
@@ -26,7 +27,7 @@ function c({ settingsId: c, scales: l, chartSettings: u, mainTitle: d, keyColumn
 			container: g,
 			zoomStateKey: _,
 			legendData: y,
-			tooltipData: O
+			tooltipData: k
 		}), s(/* @__PURE__ */ a(r, {
 			scales: l,
 			container: g,
@@ -34,11 +35,11 @@ function c({ settingsId: c, scales: l, chartSettings: u, mainTitle: d, keyColumn
 			labels: b,
 			chartSizes: m,
 			zoomStateKey: _,
-			selectedDot: D,
-			defaultPolygons: E,
+			selectedDot: O,
+			defaultPolygons: D,
 			onPolygonUpdate: x,
 			onLassoControlsStateUpdate: C,
-			tooltipData: O
+			tooltipData: k
 		}), g)]
 	}) });
 }

package/dist/scatterplot-umap/components/SVGLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVGLayer.js","names":[],"sources":["../../../src/scatterplot-umap/components/SVGLayer.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ErrorBoundary } from '../../common/ErrorBoundary';\nimport { useTooltip } from '../../common/Tooltip';\nimport type { DotInfo, SVGLayerProps } from '../types';\nimport LowerSvg from './LowerSVG';\nimport UpperSVG from './UpperSVG';\n\nexport function SVGLayer({\n    settingsId,\n    scales,\n    chartSettings,\n    mainTitle,\n    keyColumn,\n    margins,\n    chartSizes,\n    captionsSizes,\n    container,\n    zoomStateKey,\n    aesGetters,\n    legendData,\n    labels,\n    onPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate,\n    dotsByGrouping,\n    layers,\n    defaultPolygons,\n    selectedDot = null,\n}: SVGLayerProps) {\n    if (!container) {\n        return null;\n    }\n    const tooltipData = useTooltip<DotInfo>(onTooltipHintSwitch, chartSettings.tooltips);\n    useEffect(() => {\n        if (selectedDot) {\n            tooltipData.onMouseEnter(selectedDot);\n        } else {\n            tooltipData.onMouseLeave();\n        }\n    }, [selectedDot]);\n\n    return (\n        <div>\n        <ErrorBoundary dataId={settingsId}>\n            <LowerSvg\n                aesGetters={aesGetters}\n                dotsByGrouping={dotsByGrouping}\n                layers={layers}\n                scales={scales}\n                keyColumn={keyColumn}\n                margins={margins}\n                mainTitle={mainTitle}\n                captionsSizes={captionsSizes}\n                chartSettings={chartSettings}\n                chartSizes={chartSizes}\n                container={container}\n                zoomStateKey={zoomStateKey}\n                legendData={legendData}\n                tooltipData={tooltipData}\n            />\n            {createPortal(\n                <UpperSVG\n                    scales={scales}\n                    container={container}\n                    aesGetters={aesGetters}\n                    labels={labels}\n                    chartSizes={chartSizes}\n                    zoomStateKey={zoomStateKey}\n                    selectedDot={selectedDot}\n                    defaultPolygons={defaultPolygons}\n                    onPolygonUpdate={onPolygonUpdate}\n                    onLassoControlsStateUpdate={onLassoControlsStateUpdate}\n                    tooltipData={tooltipData}\n                />,\n                container\n            )}\n        </ErrorBoundary>\n        </div>\n    );\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,EAAS,EACrB,eACA,WACA,kBACA,cACA,cACA,YACA,eACA,kBACA,cACA,iBACA,eACA,eACA,WACA,oBACA,wBACA,+BACA,mBACA,WACA,oBACA,iBAAc,QACA;AACd,KAAI,CAAC,EACD,QAAO;CAEX,IAAM,IAAc,EAAoB,GAAqB,EAAc,SAAS;AASpF,QARA,QAAgB;AACZ,EAAI,IACA,EAAY,aAAa,EAAY,GAErC,EAAY,cAAc;IAE/B,CAAC,EAAY,CAAC,EAGb,kBAAC,OAAD,EAAA,UACA,kBAAC,GAAD;EAAe,QAAQ;YAAvB,CACI,kBAAC,GAAD;GACgB;GACI;GACR;GACA;GACG;GACF;GACE;GACI;GACA;GACH;GACD;GACG;GACF;GACC;GACf,CAAA,EACD,EACG,kBAAC,GAAD;GACY;GACG;GACC;GACJ;GACI;GACE;GACD;GACI;GACA;GACW;GACf;GACf,CAAA,EACF,EACH,CACW;KACV,CAAA"}
+{"version":3,"file":"SVGLayer.js","names":[],"sources":["../../../src/scatterplot-umap/components/SVGLayer.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ErrorBoundary } from '../../common/ErrorBoundary';\nimport { useTooltip } from '../../common/Tooltip';\nimport type { DotInfo, SVGLayerProps } from '../types';\nimport LowerSvg from './LowerSVG';\nimport UpperSVG from './UpperSVG';\n\nexport function SVGLayer({\n    settingsId,\n    scales,\n    chartSettings,\n    mainTitle,\n    keyColumn,\n    margins,\n    chartSizes,\n    captionsSizes,\n    container,\n    zoomStateKey,\n    aesGetters,\n    legendData,\n    labels,\n    onPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate,\n    dotsByGrouping,\n    layers,\n    additionalCurves,\n    defaultPolygons,\n    selectedDot = null,\n}: SVGLayerProps) {\n    if (!container) {\n        return null;\n    }\n    const tooltipData = useTooltip<DotInfo>(onTooltipHintSwitch, chartSettings.tooltips);\n    useEffect(() => {\n        if (selectedDot) {\n            tooltipData.onMouseEnter(selectedDot);\n        } else {\n            tooltipData.onMouseLeave();\n        }\n    }, [selectedDot]);\n\n    return (\n        <div>\n        <ErrorBoundary dataId={settingsId}>\n            <LowerSvg\n                aesGetters={aesGetters}\n                dotsByGrouping={dotsByGrouping}\n                layers={layers}\n                additionalCurves={additionalCurves}\n                scales={scales}\n                keyColumn={keyColumn}\n                margins={margins}\n                mainTitle={mainTitle}\n                captionsSizes={captionsSizes}\n                chartSettings={chartSettings}\n                chartSizes={chartSizes}\n                container={container}\n                zoomStateKey={zoomStateKey}\n                legendData={legendData}\n                tooltipData={tooltipData}\n            />\n            {createPortal(\n                <UpperSVG\n                    scales={scales}\n                    container={container}\n                    aesGetters={aesGetters}\n                    labels={labels}\n                    chartSizes={chartSizes}\n                    zoomStateKey={zoomStateKey}\n                    selectedDot={selectedDot}\n                    defaultPolygons={defaultPolygons}\n                    onPolygonUpdate={onPolygonUpdate}\n                    onLassoControlsStateUpdate={onLassoControlsStateUpdate}\n                    tooltipData={tooltipData}\n                />,\n                container\n            )}\n        </ErrorBoundary>\n        </div>\n    );\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,EAAS,EACrB,eACA,WACA,kBACA,cACA,cACA,YACA,eACA,kBACA,cACA,iBACA,eACA,eACA,WACA,oBACA,wBACA,+BACA,mBACA,WACA,qBACA,oBACA,iBAAc,QACA;AACd,KAAI,CAAC,EACD,QAAO;CAEX,IAAM,IAAc,EAAoB,GAAqB,EAAc,SAAS;AASpF,QARA,QAAgB;AACZ,EAAI,IACA,EAAY,aAAa,EAAY,GAErC,EAAY,cAAc;IAE/B,CAAC,EAAY,CAAC,EAGb,kBAAC,OAAD,EAAA,UACA,kBAAC,GAAD;EAAe,QAAQ;YAAvB,CACI,kBAAC,GAAD;GACgB;GACI;GACR;GACU;GACV;GACG;GACF;GACE;GACI;GACA;GACH;GACD;GACG;GACF;GACC;GACf,CAAA,EACD,EACG,kBAAC,GAAD;GACY;GACG;GACC;GACJ;GACI;GACE;GACD;GACI;GACA;GACW;GACf;GACf,CAAA,EACF,EACH,CACW;KACV,CAAA"}

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

@@ -18,6 +18,11 @@ export declare class ChartScatterplotUmap extends AbstractChart {
         dotsByGrouping: Record<string, Dot[]>;
         dotsExtents: DotsExtents;
         legendLabels: ScatterplotUmapLegendInfo;
+        additionalCurves: {
+            entry: NonNullable<ScatterplotUmapSettingsImpl['additionalCurves']>['curves'][number];
+            dotsByGrouping: Record<string, Dot[]>;
+            smoothing: boolean;
+        }[];
     } | null;
     constructor(data: DataFrame, settings: ScatterplotUmapSettings, eventHandlers?: ScatterplotEventHandlers);
     mount(node: HTMLElement): void;
@@ -25,7 +30,7 @@ export declare class ChartScatterplotUmap extends AbstractChart {
     updateSettingsAndData(data: DataFrame, settings: ScatterplotUmapSettings): void;
     updateChartState(field: string, value: unknown): void;
     export(): string;
-    _needUpdateCalculatedDataBySettings(prevSettings: ScatterplotUmapSettingsImpl, settings: ScatterplotUmapSettingsImpl): boolean | "" | undefined;
+    _needUpdateCalculatedDataBySettings(prevSettings: ScatterplotUmapSettingsImpl, settings: ScatterplotUmapSettingsImpl): boolean;
     _needUpdateCalculatedDataByData(prevData: DataFrame, data: DataFrame): boolean;
     _updateData(): void;
     _updateAesInData(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scatterplot-umap/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,EAA2F,KAAK,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAClJ,OAAO,KAAK,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpG,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,kBAAkB,EAAa,OAAO,EAAE,MAAM,SAAS,CAAC;AAmBxF,qBAAa,oBAAqB,SAAQ,aAAa;IACnD,QAAQ,EAAE,2BAA2B,CAAC;IACtC,aAAa,EAAE,aAAa,CAAC;IAE7B,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,IAAI,CAAmB;IACjF,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAmB;IAC3D,0BAA0B,EAAE,CAAC,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAmB;IAC9E,YAAY,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAmB;IAEjE,cAAc,EAAE;QACZ,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,YAAY,EAAE,MAAM,EAAE,CAAC;QACvB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;QACtC,WAAW,EAAE,WAAW,CAAC;QACzB,YAAY,EAAE,yBAAyB,CAAC;KAC3C,GAAG,IAAI,CAAQ;gBAEJ,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,uBAAuB,EAAE,aAAa,CAAC,EAAE,wBAAwB;IAcxG,KAAK,CAAC,IAAI,EAAE,WAAW;IAgBvB,OAAO;IAIP,qBAAqB,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,uBAAuB;IAgCxE,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO;IAkC9C,MAAM,IAAI,MAAM;IAOhB,mCAAmC,CAAC,YAAY,EAAE,2BAA2B,EAAE,QAAQ,EAAE,2BAA2B;IAiBpH,+BAA+B,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS;IAUpE,WAAW;IAqFX,gBAAgB;IA0BhB,YAAY;CAsBf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scatterplot-umap/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,EAA2F,KAAK,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAClJ,OAAO,KAAK,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpG,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,kBAAkB,EAAa,OAAO,EAAE,MAAM,SAAS,CAAC;AAmBxF,qBAAa,oBAAqB,SAAQ,aAAa;IACnD,QAAQ,EAAE,2BAA2B,CAAC;IACtC,aAAa,EAAE,aAAa,CAAC;IAE7B,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,IAAI,CAAmB;IACjF,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAmB;IAC3D,0BAA0B,EAAE,CAAC,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAmB;IAC9E,YAAY,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAmB;IAEjE,cAAc,EAAE;QACZ,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,YAAY,EAAE,MAAM,EAAE,CAAC;QACvB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;QACtC,WAAW,EAAE,WAAW,CAAC;QACzB,YAAY,EAAE,yBAAyB,CAAC;QAGxC,gBAAgB,EAAE;YAAE,KAAK,EAAE,WAAW,CAAC,2BAA2B,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;YAAC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;YAAC,SAAS,EAAE,OAAO,CAAA;SAAE,EAAE,CAAC;KAC5K,GAAG,IAAI,CAAQ;gBAEJ,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,uBAAuB,EAAE,aAAa,CAAC,EAAE,wBAAwB;IAcxG,KAAK,CAAC,IAAI,EAAE,WAAW;IAgBvB,OAAO;IAIP,qBAAqB,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,uBAAuB;IAgCxE,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO;IAkC9C,MAAM,IAAI,MAAM;IAOhB,mCAAmC,CAAC,YAAY,EAAE,2BAA2B,EAAE,QAAQ,EAAE,2BAA2B;IAsBpH,+BAA+B,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS;IAUpE,WAAW;IA8GX,gBAAgB;IAqDhB,YAAY;CAyBf"}