@carto/ps-react-ui 5.0.0 → 6.0.0

package/dist/widgets/scatterplot.js

@@ -1,226 +1,330 @@
-import { a as e } from "../shared-resize-observer-BEiP2rQt.js";
-import { n as t } from "../csv-modifiers-D6HGC24b.js";
-import { c as n, n as r, r as i, s as a, t as o, u as s } from "../chart-config-B_fdIcD3.js";
-import { t as c } from "../echart-BkaV3V5G.js";
-import { t as l } from "../styles-Y-qGBELO.js";
-import { c as u } from "react/compiler-runtime";
-import { Box as d, Skeleton as f } from "@mui/material";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/widgets/scatterplot/config.ts
-var h = o(t);
-function g(t) {
+import { r as e } from "../zoom-toggle-D_VuA01l.js";
+import { n as t, t as n } from "../download-Vlzn2jzb.js";
+import { r, t as i } from "../utils-BStJWhZN.js";
+import { a, n as o, o as s, r as c, s as l, t as u } from "../option-builders-DQivvvbb.js";
+import { c as d } from "react/compiler-runtime";
+import { Box as f, Skeleton as p } from "@mui/material";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import * as g from "echarts";
+//#region src/widgets/scatterplot/options.ts
+function _({ theme: e, xFormatter: t, yFormatter: n }) {
 	return {
-		type: "scatterplot",
-		option: e(c(t), _(t)),
-		formatter: t.formatter,
-		labelFormatter: t.labelFormatter
-	};
-}
-function _({ data: e = [], theme: t, formatter: o, labelFormatter: c }) {
-	let l = e.length > 1, u = {
-		type: "value",
-		axisLine: { show: !1 },
-		axisTick: { show: !1 },
-		axisLabel: {
-			fontSize: t.typography.overlineDelicate.fontSize,
-			fontFamily: t.typography.overlineDelicate.fontFamily,
-			showMinLabel: !0,
-			showMaxLabel: !0,
-			hideOverlap: !0,
-			padding: [
-				parseInt(t.spacing(.5)),
-				parseInt(t.spacing(.5)),
-				0,
-				parseInt(t.spacing(.5))
-			],
-			color: t.palette.black[60]
-		},
-		splitLine: {
-			show: !0,
-			lineStyle: { color: t.palette.black[4] }
-		}
-	}, d = {
-		type: "value",
-		axisLabel: {
-			fontSize: t.typography.overlineDelicate.fontSize,
-			fontFamily: t.typography.overlineDelicate.fontFamily,
-			inside: !1,
-			padding: [
-				0,
-				0,
-				parseInt(t.spacing(1.25)),
-				parseInt(t.spacing(3.25))
-			],
-			margin: 0,
-			show: !0,
-			showMaxLabel: !0,
-			showMinLabel: !1,
-			align: "right",
-			verticalAlign: "bottom"
-		},
-		axisLine: { show: !1 },
-		axisTick: { show: !1 },
-		splitLine: {
-			show: !0,
-			lineStyle: { color: t.palette.black[4] }
-		}
-	};
-	return {
-		legend: a({
-			hasLegend: l,
-			labelFormatter: c
-		}),
 		grid: {
-			...!l && { bottom: parseInt(t.spacing(1)) },
-			...l && { bottom: parseInt(t.spacing(10)) }
+			left: parseInt(e.spacing(1)),
+			top: parseInt(e.spacing(3)),
+			right: parseInt(e.spacing(1)),
+			...o(!1, e),
+			containLabel: !0
 		},
-		xAxis: r(u, c),
-		yAxis: i(d, o),
 		tooltip: {
 			trigger: "item",
-			formatter: s((e) => {
-				let t = e.value[e.encode?.y?.at(0) ?? ""], n = typeof t == "number" && o ? o(t) : t ?? "", r = typeof e.marker == "string" ? e.marker : "";
+			backgroundColor: e.palette.grey[900],
+			borderWidth: 0,
+			padding: [parseInt(e.spacing(1)), parseInt(e.spacing(1))],
+			textStyle: {
+				color: e.palette.common.white,
+				fontSize: 11,
+				fontFamily: e.typography.caption.fontFamily
+			},
+			position: s(e),
+			formatter: x(t, n)
+		},
+		legend: { ...c({
+			hasLegend: !1,
+			labelFormatter: void 0
+		}) },
+		axisPointer: { lineStyle: { color: e.palette.grey[400] } },
+		color: [e.palette.secondary.main, ...Object.values(e.palette.qualitative?.bold ?? {})],
+		xAxis: {
+			type: "value",
+			axisLine: { show: !1 },
+			axisTick: { show: !1 },
+			axisLabel: {
+				...u(e),
+				margin: parseInt(e.spacing(1)),
+				hideOverlap: !0,
+				showMinLabel: !0,
+				showMaxLabel: !0,
+				...t && { formatter: t }
+			},
+			splitLine: {
+				show: !0,
+				lineStyle: { color: e.palette.black?.[4] ?? e.palette.divider }
+			}
+		},
+		yAxis: {
+			type: "value",
+			axisLine: { show: !1 },
+			axisTick: { show: !1 },
+			axisLabel: {
+				...u(e),
+				margin: parseInt(e.spacing(1)),
+				hideOverlap: !0,
+				showMinLabel: !0,
+				showMaxLabel: !0,
+				...n && { formatter: n }
+			},
+			splitLine: {
+				show: !0,
+				lineStyle: { color: e.palette.black?.[4] ?? e.palette.divider }
+			}
+		}
+	};
+}
+function v(t) {
+	let { theme: n, xFormatter: a, yFormatter: o, optionsOverride: s } = t, c = t.series, l = t.symbolSize ?? 8, u = t.selection, d = u && u.length > 0 ? new Set(u) : null;
+	return (t, u, f) => {
+		if (t == null) {
+			let e = _({
+				theme: n,
+				xFormatter: a,
+				yFormatter: o
+			});
+			return s ? r(e, s) : e;
+		}
+		let p = Array.isArray(u) ? u : [];
+		if (p.length === 0) return {
+			...t,
+			dataset: [],
+			series: []
+		};
+		let m = p.length > 1, h = typeof t.legend == "object" && !Array.isArray(t.legend) ? t.legend : {}, v = typeof t.grid == "object" && !Array.isArray(t.grid) ? t.grid : {}, x = typeof t.tooltip == "object" && !Array.isArray(t.tooltip) ? t.tooltip : {}, C = typeof t.xAxis == "object" && !Array.isArray(t.xAxis) ? t.xAxis : {}, w = typeof t.yAxis == "object" && !Array.isArray(t.yAxis) ? t.yAxis : {}, T = f?.formatter, { niceMinX: E, niceMaxX: D, niceMinY: O, niceMaxY: k } = S(p), A = (e) => (t) => {
+			let n = t.color;
+			if (!d) return n;
+			let r = `${e}:${t.dataIndex}`;
+			return d.has(r) ? n : g.color.modifyAlpha(n, .15);
+		}, j = y(t.dataZoom, m), M = j?.hasXSlider ?? !1, N = j?.hasYSlider ?? !1, P = typeof v.bottom == "number" ? v.bottom : 24, F = m ? 56 : P, I = M ? F + e.sliderHeight + e.sliderGap : F, L = typeof v.right == "number" ? v.right : 8, R = N ? L + e.sliderHeight + e.sliderGap : L;
+		return {
+			...t,
+			dataset: p.map((e) => ({ source: e })),
+			series: p.map((e, t) => {
+				let r = i(n, c?.[t]?.color);
 				return {
-					name: c ? String(c(e.seriesName ?? "")) : e.seriesName ?? "",
-					seriesName: "",
-					marker: r,
-					value: n
+					type: "scatter",
+					datasetIndex: t,
+					name: c?.[t]?.name ?? `Series ${t + 1}`,
+					encode: {
+						x: 0,
+						y: 1
+					},
+					symbolSize: l,
+					emphasis: { focus: "series" },
+					itemStyle: { color: A(t) },
+					...r ? { color: r } : {}
 				};
-			})
-		},
-		color: Object.values(t.palette.qualitative.bold),
-		series: e.map((e, t) => ({
-			datasetIndex: t,
-			type: "scatter",
-			symbolSize: 8,
-			...n(o)
-		}))
+			}),
+			legend: {
+				...h,
+				show: m
+			},
+			grid: {
+				...v,
+				bottom: I,
+				right: R
+			},
+			...j ? { dataZoom: j.entries } : {},
+			xAxis: {
+				...C,
+				min: E,
+				max: D
+			},
+			yAxis: {
+				...w,
+				min: O,
+				max: k,
+				axisLabel: {
+					...w.axisLabel ?? {},
+					...T ? { formatter: T } : {}
+				}
+			},
+			tooltip: {
+				...x,
+				formatter: b(x.formatter, T, a)
+			}
+		};
+	};
+}
+function y(t, n) {
+	if (!Array.isArray(t) || t.length === 0) return null;
+	let r = !1, i = !1;
+	return {
+		entries: t.map((t) => {
+			if (typeof t != "object" || !t) return t;
+			let a = t;
+			return a.type === "slider" ? a.yAxisIndex === void 0 ? (r = !0, n ? {
+				...a,
+				bottom: e.sliderBottomWithLegend
+			} : a) : (i = !0, a) : a;
+		}),
+		hasXSlider: r,
+		hasYSlider: i
+	};
+}
+function b(e, t, n) {
+	return t ? a((e) => {
+		let r = e.value, i = r?.[0], a = r?.[1], o = typeof i == "number" ? n ? n(i) : String(i) : "", s = typeof a == "number" ? t(a) : String(a ?? ""), c = typeof e.marker == "string" ? e.marker : "", l = e.seriesName ? `${e.seriesName}: ` : "";
+		return {
+			name: `(${o}, ${s})`,
+			seriesName: l,
+			marker: c,
+			value: ""
+		};
+	}) : e;
+}
+function x(e, t) {
+	return a((n) => {
+		let r = n.value, i = r?.[0], a = r?.[1], o = typeof i == "number" ? e ? e(i) : String(i) : "", s = typeof a == "number" ? t ? t(a) : String(a) : "", c = typeof n.marker == "string" ? n.marker : "", l = n.seriesName ? `${n.seriesName}: ` : "";
+		return {
+			name: `(${o}, ${s})`,
+			seriesName: l,
+			marker: c,
+			value: ""
+		};
+	});
+}
+function S(e) {
+	let t = Infinity, n = -Infinity, r = Infinity, i = -Infinity;
+	for (let a of e) for (let e of a) {
+		let a = e?.[0], o = e?.[1];
+		typeof a == "number" && Number.isFinite(a) && (a < t && (t = a), a > n && (n = a)), typeof o == "number" && Number.isFinite(o) && (o < r && (r = o), o > i && (i = o));
+	}
+	let a = Number.isFinite(n) ? n <= 0 ? 1 : l(n) : 1, o = Number.isFinite(i) ? i <= 0 ? 1 : l(i) : 1;
+	return {
+		niceMinX: Number.isFinite(t) && t < 0 ? l(t) : 0,
+		niceMaxX: a,
+		niceMinY: Number.isFinite(r) && r < 0 ? l(r) : 0,
+		niceMaxY: o
 	};
 }
 //#endregion
-//#region src/widgets/scatterplot/style.ts
-var v = { skeleton: {
-	graph: { container: {
-		...l.graph.container,
-		position: "relative"
-	} },
-	legend: {
+//#region src/widgets/scatterplot/skeleton.tsx
+var C = {
+	container: {
 		display: "flex",
 		alignItems: "center",
-		gap: ({ spacing: e }) => e(2),
-		height: ({ spacing: e }) => e(5),
-		position: "absolute",
-		bottom: 0
-	}
-} }, y = [
-	{
-		left: "20%",
-		top: "62%"
+		justifyContent: "space-between",
+		flexDirection: "column",
+		gap: ({ spacing: e }) => e(1),
+		height: ({ spacing: e }) => e(38)
 	},
-	{
-		left: "26%",
-		top: "70%"
+	grid: {
+		position: "relative",
+		flex: "1 1 auto",
+		width: "100%"
 	},
-	{
-		left: "29%",
-		top: "73%"
-	},
-	{
-		left: "38%",
-		top: "63%"
-	},
-	{
-		left: "41%",
-		top: "68%"
-	},
-	{
-		left: "47%",
-		top: "62%"
-	},
-	{
-		left: "53%",
-		top: "49%"
-	},
-	{
-		left: "56%",
-		top: "55%"
-	},
-	{
-		left: "65%",
-		top: "37%"
-	},
-	{
-		left: "68%",
-		top: "43%"
-	},
-	{
-		left: "77%",
-		top: "59%"
-	},
-	{
-		left: "25%",
-		top: "30%"
-	},
-	{
-		left: "60%",
-		top: "70%"
-	},
-	{
-		left: "10%",
-		top: "55%"
+	legend: {
+		display: "flex",
+		alignItems: "center",
+		gap: ({ spacing: e }) => e(2),
+		height: ({ spacing: e }) => e(5)
 	},
-	{
-		left: "40%",
-		top: "40%"
+	legendItem: {
+		display: "flex",
+		alignItems: "center",
+		gap: ({ spacing: e }) => e(1.5)
 	}
-];
-function b() {
-	let e = u(2), t;
-	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = y.map(C), e[0] = t) : t = e[0];
-	let n;
-	return e[1] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ m(d, {
-		sx: v.skeleton.graph.container,
-		children: [t, /* @__PURE__ */ p(d, {
-			sx: v.skeleton.legend,
-			children: [, ,].fill(0).map(x)
-		})]
-	}), e[1] = n) : n = e[1], n;
+}, w = (e, t, n) => ({
+	position: "absolute",
+	top: e,
+	left: t,
+	width: n,
+	height: n,
+	borderRadius: "50%"
+});
+function T(e) {
+	let t = d(15), { count: n } = e, r = n === void 0 ? 24 : n, i, a, o, s, c;
+	if (t[0] !== r) {
+		let e = Array.from({ length: r }, O);
+		a = f, c = C.container, i = f, o = C.grid, s = e.map(D), t[0] = r, t[1] = i, t[2] = a, t[3] = o, t[4] = s, t[5] = c;
+	} else i = t[1], a = t[2], o = t[3], s = t[4], c = t[5];
+	let l;
+	t[6] !== i || t[7] !== o || t[8] !== s ? (l = /* @__PURE__ */ m(i, {
+		sx: o,
+		children: s
+	}), t[6] = i, t[7] = o, t[8] = s, t[9] = l) : l = t[9];
+	let u;
+	t[10] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ m(f, {
+		sx: C.legend,
+		children: [0, 1].map(E)
+	}), t[10] = u) : u = t[10];
+	let p;
+	return t[11] !== a || t[12] !== c || t[13] !== l ? (p = /* @__PURE__ */ h(a, {
+		sx: c,
+		children: [l, u]
+	}), t[11] = a, t[12] = c, t[13] = l, t[14] = p) : p = t[14], p;
 }
-function x(e, t) {
-	return /* @__PURE__ */ m(d, {
-		sx: {
-			display: "flex",
-			alignItems: "center",
-			gap: S
-		},
-		children: [/* @__PURE__ */ p(f, {
+function E(e) {
+	return /* @__PURE__ */ h(f, {
+		sx: C.legendItem,
+		children: [/* @__PURE__ */ m(p, {
 			variant: "circular",
 			width: 8,
 			height: 8
-		}), /* @__PURE__ */ p(f, {
+		}), /* @__PURE__ */ m(p, {
 			width: 48,
 			height: 8
 		})]
-	}, `skeleton-${t}`);
-}
-function S(e) {
-	let { spacing: t } = e;
-	return t(1.5);
+	}, `legend-${e}`);
 }
-function C(e, t) {
-	return /* @__PURE__ */ p(f, {
+function D(e, t) {
+	return /* @__PURE__ */ m(p, {
 		variant: "circular",
-		width: 12,
-		height: 12,
-		sx: {
-			position: "absolute",
-			top: e.top,
-			left: e.left,
-			transform: "translate(-50%, -50%)"
+		sx: w(e.top, e.left, e.size)
+	}, `dot-${t}`);
+}
+function O(e, t) {
+	let n = 10 + t * 37 % 80, r = 5 + t * 53 % 90, i = 8 + t * 7 % 6;
+	return {
+		top: `${n}%`,
+		left: `${r}%`,
+		size: i
+	};
+}
+//#endregion
+//#region src/widgets/scatterplot/download.ts
+function k(e) {
+	let r = [];
+	return e.getCaptureEl && r.push(t({
+		filename: e.filename,
+		getCaptureEl: e.getCaptureEl,
+		pixelRatio: e.pngPixelRatio,
+		backgroundColor: e.pngBackgroundColor
+	})), r.push(n({
+		filename: e.filename,
+		getRows: () => {
+			let t = e.getData(), n = [[
+				"series",
+				"x",
+				"y"
+			]];
+			for (let [r, i] of t.entries()) {
+				let t = e.seriesNames?.[r] ?? `series_${r + 1}`;
+				for (let [e, r] of i) n.push([
+					t,
+					e,
+					r
+				]);
+			}
+			return n;
 		}
-	}, `skeleton-point-${t}`);
+	})), r;
+}
+//#endregion
+//#region src/widgets/scatterplot/transforms.ts
+var A = (e) => Array.isArray(e) ? e.map((e) => {
+	if (!j(e)) return e;
+	let t = e.reduce((e, [, t]) => e + Math.abs(t), 0);
+	return t <= 0 ? e : e.map(([e, n]) => [e, n / t * 100]);
+}) : e;
+function j(e) {
+	return Array.isArray(e) ? e.every((e) => Array.isArray(e) && e.length === 2 && typeof e[0] == "number" && Number.isFinite(e[0]) && typeof e[1] == "number" && Number.isFinite(e[1])) : !1;
+}
+function M(e, t) {
+	if (t.length === 0 || !Array.isArray(e)) return e;
+	let n = new Set(t.map(String));
+	return e.map((e, t) => j(e) ? e.filter((e, r) => n.has(`${t}:${r}`)) : e);
 }
 //#endregion
-export { b as ScatterplotSkeleton, g as scatterplotConfig, h as scatterplotDownloadConfig };
+export { T as ScatterplotSkeleton, k as createScatterplotDownloadConfig, v as createScatterplotOptionFactory, M as filterScatterplotByLockedPoints, _ as scatterplotOptions, A as toRelativeScatterplotData };
 
 //# sourceMappingURL=scatterplot.js.map

package/dist/widgets/scatterplot.js.map

@@ -1 +1 @@
-{"version":3,"file":"scatterplot.js","names":["SCATTER_POINTS.map((point, index) => (\n        <Skeleton\n          key={`skeleton-point-${index}`}\n          variant='circular'\n          width={12}\n          height={12}\n          sx={{\n            position: 'absolute',\n            top: point.top,\n            left: point.left,\n            transform: 'translate(-50%, -50%)',\n          }}\n        />\n      ))","(point, index) => (\n        <Skeleton\n          key={`skeleton-point-${index}`}\n          variant='circular'\n          width={12}\n          height={12}\n          sx={{\n            position: 'absolute',\n            top: point.top,\n            left: point.left,\n            transform: 'translate(-50%, -50%)',\n          }}\n        />\n      )","<Box sx={styles.skeleton.graph.container}>\n      {SCATTER_POINTS.map((point, index) => (\n        <Skeleton\n          key={`skeleton-point-${index}`}\n          variant='circular'\n          width={12}\n          height={12}\n          sx={{\n            position: 'absolute',\n            top: point.top,\n            left: point.left,\n            transform: 'translate(-50%, -50%)',\n          }}\n        />\n      ))}\n      {/* Legend */}\n      <Box sx={styles.skeleton.legend}>\n        {Array(2)\n          .fill(0)\n          .map((_, i) => (\n            <Box\n              key={`skeleton-${i}`}\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: ({ spacing }) => spacing(1.5),\n              }}\n            >\n              <Skeleton variant='circular' width={8} height={8} />\n              <Skeleton width={48} height={8} />\n            </Box>\n          ))}\n      </Box>\n    </Box>","(_, i) => (\n            <Box\n              key={`skeleton-${i}`}\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: ({ spacing }) => spacing(1.5),\n              }}\n            >\n              <Skeleton variant='circular' width={8} height={8} />\n              <Skeleton width={48} height={8} />\n            </Box>\n          )","({ spacing }) => spacing(1.5)","{ spacing }"],"sources":["../../src/widgets/scatterplot/config.ts","../../src/widgets/scatterplot/style.ts","../../src/widgets/scatterplot/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type {\n  ScatterplotConfig,\n  ScatterplotWidgetConfig,\n  ScatterplotWidgetData,\n} from './types'\nimport {\n  scatterplotDataToCSV,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createChartDownloadConfig,\n  applyYAxisFormatter,\n  applyXAxisFormatter,\n  buildSeriesLabelConfig,\n} from '../utils/chart-config'\n\nexport const scatterplotDownloadConfig =\n  createChartDownloadConfig<ScatterplotWidgetData>(scatterplotDataToCSV)\n\n/**\n * Generates ECharts configuration for X-Y scatter plot widgets with value axes, legend support, and CARTO qualitative color palette.\n *\n * @param props - Scatterplot configuration including data points and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function scatterplotConfig(\n  props: ScatterplotConfig,\n): ScatterplotWidgetConfig {\n  return {\n    type: 'scatterplot',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n    formatter: props.formatter,\n    labelFormatter: props.labelFormatter,\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n  formatter,\n  labelFormatter,\n}: ScatterplotConfig): EchartOptionsProps {\n  const hasLegend = data.length > 1\n\n  const xAxis = {\n    type: 'value' as const,\n    axisLine: { show: false },\n    axisTick: { show: false },\n    axisLabel: {\n      fontSize: theme.typography.overlineDelicate.fontSize,\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n      showMinLabel: true,\n      showMaxLabel: true,\n      hideOverlap: true,\n      padding: [\n        parseInt(theme.spacing(0.5)),\n        parseInt(theme.spacing(0.5)),\n        0,\n        parseInt(theme.spacing(0.5)),\n      ],\n      color: theme.palette.black[60],\n    },\n    splitLine: {\n      show: true,\n      lineStyle: { color: theme.palette.black[4] },\n    },\n  }\n\n  const yAxis = {\n    type: 'value' as const,\n    axisLabel: {\n      fontSize: theme.typography.overlineDelicate.fontSize,\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n      inside: false,\n      padding: [\n        0,\n        0,\n        parseInt(theme.spacing(1.25)),\n        parseInt(theme.spacing(3.25)),\n      ],\n      margin: 0,\n      show: true,\n      showMaxLabel: true,\n      showMinLabel: false,\n      align: 'right',\n      verticalAlign: 'bottom',\n    },\n    axisLine: { show: false },\n    axisTick: { show: false },\n    splitLine: {\n      show: true,\n      lineStyle: { color: theme.palette.black[4] },\n    },\n  }\n\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: {\n      ...(!hasLegend && { bottom: parseInt(theme.spacing(1)) }),\n      ...(hasLegend && { bottom: parseInt(theme.spacing(10)) }),\n    },\n    xAxis: applyXAxisFormatter(xAxis, labelFormatter),\n    yAxis: applyYAxisFormatter(yAxis, formatter),\n    tooltip: {\n      trigger: 'item',\n      // position: createTooltipPositioner(theme),\n      formatter: createTooltipFormatter((item) => {\n        const value = item.value as Record<string, string | number>\n        const index = item.encode?.y?.at(0)\n        const _value = value[index ?? '']\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : (_value ?? '')\n        const marker = typeof item.marker === 'string' ? item.marker : ''\n        const name = labelFormatter\n          ? String(labelFormatter(item.seriesName ?? ''))\n          : (item.seriesName ?? '')\n\n        return { name, seriesName: '', marker, value: formattedValue }\n      }),\n    },\n    color: Object.values(theme.palette.qualitative.bold),\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'scatter',\n      symbolSize: 8,\n      ...buildSeriesLabelConfig(formatter),\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../utils/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: {\n      container: {\n        ...baseSkeletonStyles.graph.container,\n        position: 'relative',\n      },\n    },\n    legend: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: ({ spacing }) => spacing(2),\n      height: ({ spacing }) => spacing(5),\n      position: 'absolute',\n      bottom: 0,\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst SCATTER_POINTS = [\n  { left: '20%', top: '62%' },\n  { left: '26%', top: '70%' },\n  { left: '29%', top: '73%' },\n  { left: '38%', top: '63%' },\n  { left: '41%', top: '68%' },\n  { left: '47%', top: '62%' },\n  { left: '53%', top: '49%' },\n  { left: '56%', top: '55%' },\n  { left: '65%', top: '37%' },\n  { left: '68%', top: '43%' },\n  { left: '77%', top: '59%' },\n  { left: '25%', top: '30%' },\n  { left: '60%', top: '70%' },\n  { left: '10%', top: '55%' },\n  { left: '40%', top: '40%' },\n]\n\nexport function ScatterplotSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      {SCATTER_POINTS.map((point, index) => (\n        <Skeleton\n          key={`skeleton-point-${index}`}\n          variant='circular'\n          width={12}\n          height={12}\n          sx={{\n            position: 'absolute',\n            top: point.top,\n            left: point.left,\n            transform: 'translate(-50%, -50%)',\n          }}\n        />\n      ))}\n      {/* Legend */}\n      <Box sx={styles.skeleton.legend}>\n        {Array(2)\n          .fill(0)\n          .map((_, i) => (\n            <Box\n              key={`skeleton-${i}`}\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: ({ spacing }) => spacing(1.5),\n              }}\n            >\n              <Skeleton variant='circular' width={8} height={8} />\n              <Skeleton width={48} height={8} />\n            </Box>\n          ))}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"scatterplot.js","names":["{ count = 24 }: ScatterplotSkeletonProps","count = 24","Box","styles.grid","dots.map((d, i) => (\n          <Skeleton\n            key={`dot-${i}`}\n            variant='circular'\n            sx={dotSx(d.top, d.left, d.size)}\n          />\n        ))","styles.container","(_, i) => {\n    const top = 10 + ((i * 37) % 80)\n    const left = 5 + ((i * 53) % 90)\n    const size = 8 + ((i * 7) % 6)\n    return { top: `${top}%`, left: `${left}%`, size }\n  }","(d, i) => (\n          <Skeleton\n            key={`dot-${i}`}\n            variant='circular'\n            sx={dotSx(d.top, d.left, d.size)}\n          />\n        )","<Box sx={styles.grid}>\n        {dots.map((d, i) => (\n          <Skeleton\n            key={`dot-${i}`}\n            variant='circular'\n            sx={dotSx(d.top, d.left, d.size)}\n          />\n        ))}\n      </Box>","<Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>","(i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        )","<Box sx={styles.container}>\n      <Box sx={styles.grid}>\n        {dots.map((d, i) => (\n          <Skeleton\n            key={`dot-${i}`}\n            variant='circular'\n            sx={dotSx(d.top, d.left, d.size)}\n          />\n        ))}\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>","i"],"sources":["../../src/widgets/scatterplot/options.ts","../../src/widgets/scatterplot/skeleton.tsx","../../src/widgets/scatterplot/download.ts","../../src/widgets/scatterplot/transforms.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n  buildAxisLabelStyle,\n  buildGridConfig,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createTooltipPositioner,\n  niceNum,\n} from '../utils/option-builders'\nimport { ZOOM_LAYOUT } from '../actions/zoom-toggle'\nimport type { OptionFactory } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\nimport type {\n  ScatterplotEChartsOption,\n  ScatterplotOptionFactoryInput,\n  ScatterplotOptionsInput,\n  ScatterplotWidgetData,\n} from './types'\n\n/**\n * Builds the **structural** ECharts option for a scatterplot widget — both\n * axes `type: 'value'` (not category, unlike Bar/Histogram), grid, tooltip\n * triggered per-item rather than per-axis. Intentionally data-agnostic: no\n * series, no dataset, no `legend.show` (those depend on data and are added\n * by {@link createScatterplotOptionFactory}).\n *\n * Styling parity with v1: dark themed tooltip via `createTooltipFormatter`\n * + `createTooltipPositioner`, `buildGridConfig`-based grid, polished\n * axisLine/Tick/splitLine, `overlineDelicate` axis labels, structural\n * legend wired via `buildLegendConfig` (toggled by the merger), and the\n * CARTO `qualitative.bold + secondary` palette — same pattern bar /\n * histogram / pie already use. {@link createScatterplotOptionFactory}\n * wraps this builder in its structural-phase branch.\n */\nexport function scatterplotOptions({\n  theme,\n  xFormatter,\n  yFormatter,\n}: ScatterplotOptionsInput): ScatterplotEChartsOption {\n  return {\n    grid: {\n      left: parseInt(theme.spacing(1)),\n      top: parseInt(theme.spacing(3)),\n      right: parseInt(theme.spacing(1)),\n      // Default: no legend. Merger bumps `bottom` when there are >1 series.\n      ...buildGridConfig(false, theme),\n      containLabel: true,\n    },\n    tooltip: {\n      // Per-point trigger — different from Bar's 'axis' trigger because\n      // points don't share an x-coordinate.\n      trigger: 'item',\n      backgroundColor: theme.palette.grey[900],\n      borderWidth: 0,\n      padding: [parseInt(theme.spacing(1)), parseInt(theme.spacing(1))],\n      textStyle: {\n        color: theme.palette.common.white,\n        fontSize: 11,\n        fontFamily: theme.typography.caption.fontFamily,\n      },\n      position: createTooltipPositioner(theme),\n      formatter: buildScatterTooltipFormatter(xFormatter, yFormatter),\n    },\n    // Legend styling baked here; `show` is toggled by the merger based on\n    // series count.\n    legend: {\n      ...buildLegendConfig({ hasLegend: false, labelFormatter: undefined }),\n    },\n    axisPointer: { lineStyle: { color: theme.palette.grey[400] } },\n    color: [\n      theme.palette.secondary.main,\n      ...Object.values(\n        (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n          .qualitative?.bold ?? {},\n      ),\n    ],\n    xAxis: {\n      type: 'value',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        margin: parseInt(theme.spacing(1)),\n        hideOverlap: true,\n        showMinLabel: true,\n        showMaxLabel: true,\n        ...(xFormatter && { formatter: xFormatter }),\n      },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n      },\n    },\n    yAxis: {\n      type: 'value',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        margin: parseInt(theme.spacing(1)),\n        hideOverlap: true,\n        showMinLabel: true,\n        showMaxLabel: true,\n        ...(yFormatter && { formatter: yFormatter }),\n      },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n      },\n    },\n  } as ScatterplotEChartsOption\n}\n\n/**\n * Returns the scatterplot widget's {@link OptionFactory} — one closure\n * that owns BOTH phases of option construction:\n *\n *   - **Structural phase** (`option == null`) — builds the theme-aware\n *     structural option via {@link scatterplotOptions}, optionally merging\n *     the consumer-supplied `optionsOverride`. Called once by Provider to\n *     seed `rawOptions` in the store.\n *   - **Merge phase** (`option != null`) — fuses post-pipeline `state.data`\n *     (`ScatterplotWidgetData`) into the option via the dataset API. Each\n *     series's `[x, y]` tuples land in `dataset[i].source` as 2-column\n *     rows; the series uses positional encoding (`encode: { x: 0, y: 1 }`)\n *     and `type: 'scatter'`. niceMin/niceMax are computed over both axes\n *     so the chart frames data on rounded extents and numeric jitters\n *     don't shift gridlines per render. Reactive `ctx.formatter` (driven\n *     by RelativeData) re-derives the y-axis label and tooltip at fusion\n *     time; `xFormatter` stays baked at structural-build time (relative\n *     is a values-axis concept; x is coordinate-space).\n *\n * When `ZoomToggle` installs a `dataZoom` slider, grid bottom is\n * extended and the slider is positioned above the legend row (if any) —\n * same layout dance bar / histogram / timeseries do.\n */\nexport function createScatterplotOptionFactory(\n  options: ScatterplotOptionFactoryInput,\n): OptionFactory {\n  const { theme, xFormatter, yFormatter, optionsOverride } = options\n  const series = options.series\n  const symbolSize = options.symbolSize ?? 8\n  const selection = options.selection\n  const selectionSet =\n    selection && selection.length > 0 ? new Set<string>(selection) : null\n  return (option, data, ctx) => {\n    if (option == null) {\n      const structural = scatterplotOptions({ theme, xFormatter, yFormatter })\n      return optionsOverride\n        ? (mergeOptions(\n            structural as unknown as Record<string, unknown>,\n            optionsOverride as Partial<Record<string, unknown>>,\n          ) as EChartsOption)\n        : structural\n    }\n\n    const seriesArr = Array.isArray(data) ? (data as ScatterplotWidgetData) : []\n    if (seriesArr.length === 0) {\n      return { ...option, dataset: [], series: [] }\n    }\n    const hasLegend = seriesArr.length > 1\n    const baseLegend =\n      typeof option.legend === 'object' && !Array.isArray(option.legend)\n        ? option.legend\n        : {}\n    const baseGrid =\n      typeof option.grid === 'object' && !Array.isArray(option.grid)\n        ? option.grid\n        : {}\n    const baseTooltip =\n      typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n        ? option.tooltip\n        : {}\n    const baseXAxis =\n      typeof option.xAxis === 'object' && !Array.isArray(option.xAxis)\n        ? option.xAxis\n        : {}\n    const baseYAxis =\n      typeof option.yAxis === 'object' && !Array.isArray(option.yAxis)\n        ? option.yAxis\n        : {}\n\n    const reactiveFormatter = ctx?.formatter\n\n    const { niceMinX, niceMaxX, niceMinY, niceMaxY } =\n      computeScatterBounds(seriesArr)\n\n    // Dim non-selected points via `series.itemStyle.color`. The selection\n    // key is `${seriesIndex}:${dataIndex}`; we read those off the params\n    // ECharts hands to the callback per-data.\n    //\n    // We *always* emit `itemStyle.color` (a passthrough when nothing is\n    // selected), not conditionally — dropping the key between renders\n    // would let ECharts' default merge keep the previous callback alive\n    // and items would stay dimmed forever after an external clear.\n    // Keeping the key always-present means a plain setOption merge swaps\n    // the callback in place, no `replaceMerge` and no entry-animation\n    // flash on selection on/off.\n    const makeDimColor =\n      (seriesIdx: number) => (params: CallbackDataParams) => {\n        const base = params.color as string\n        if (!selectionSet) return base\n        const key = `${seriesIdx}:${params.dataIndex}`\n        return selectionSet.has(key)\n          ? base\n          : echarts.color.modifyAlpha(base, 0.15)\n      }\n\n    // Zoom slider layout: when ZoomToggle has installed `dataZoom`,\n    // reserve grid space and lift any x-slider above the legend (if\n    // present). Scatter supports 2D zoom via `axes: ['x', 'y']` — in\n    // that case there's also a vertical y-slider on the right edge, so\n    // we reserve `grid.right` separately. Inside-only dataZoom entries\n    // (no `type: 'slider'`) take no grid space.\n    const dataZoomLayout = layoutDataZoomForScatter(option.dataZoom, hasLegend)\n    const hasXSlider = dataZoomLayout?.hasXSlider ?? false\n    const hasYSlider = dataZoomLayout?.hasYSlider ?? false\n    const fallbackBottom =\n      typeof baseGrid.bottom === 'number' ? baseGrid.bottom : 24\n    const baseBottom = hasLegend ? 56 : fallbackBottom\n    const gridBottom = hasXSlider\n      ? baseBottom + ZOOM_LAYOUT.sliderHeight + ZOOM_LAYOUT.sliderGap\n      : baseBottom\n    const fallbackRight =\n      typeof baseGrid.right === 'number' ? baseGrid.right : 8\n    const gridRight = hasYSlider\n      ? fallbackRight + ZOOM_LAYOUT.sliderHeight + ZOOM_LAYOUT.sliderGap\n      : fallbackRight\n\n    return {\n      ...option,\n      // ECharts dataset.source wants a mutable [number, number][] shape; we\n      // hold readonly tuples internally, so cast at the boundary.\n      dataset: seriesArr.map((s) => ({ source: s as unknown as number[][] })),\n      series: seriesArr.map((_, i) => {\n        const overrideColor = resolveThemeColor(theme, series?.[i]?.color)\n        return {\n          type: 'scatter' as const,\n          datasetIndex: i,\n          name: series?.[i]?.name ?? `Series ${i + 1}`,\n          encode: { x: 0, y: 1 },\n          symbolSize,\n          emphasis: { focus: 'series' },\n          itemStyle: { color: makeDimColor(i) },\n          ...(overrideColor ? { color: overrideColor } : {}),\n        }\n      }),\n      legend: { ...baseLegend, show: hasLegend },\n      grid: { ...baseGrid, bottom: gridBottom, right: gridRight },\n      ...(dataZoomLayout ? { dataZoom: dataZoomLayout.entries } : {}),\n      xAxis: {\n        ...baseXAxis,\n        min: niceMinX,\n        max: niceMaxX,\n      } as EChartsOption['xAxis'],\n      yAxis: {\n        ...baseYAxis,\n        min: niceMinY,\n        max: niceMaxY,\n        axisLabel: {\n          ...((baseYAxis as { axisLabel?: object }).axisLabel ?? {}),\n          // Re-derive the y-axis formatter at fusion time so RelativeData's\n          // percent formatter (written to `state.formatter`) flows through\n          // without rebuilding the structural option. Falls back to the\n          // structural `yFormatter` already baked in `baseYAxis.axisLabel`\n          // (which `String(value)` if neither is set).\n          ...(reactiveFormatter ? { formatter: reactiveFormatter } : {}),\n        },\n      } as EChartsOption['yAxis'],\n      tooltip: {\n        ...baseTooltip,\n        // Rebuild the tooltip formatter so the live y-axis formatter is\n        // applied to the y-coordinate in the (x, y) label. xFormatter is\n        // structural — relative is a values-axis concept, so xFormatter\n        // doesn't change under RelativeData.\n        formatter: buildReactiveScatterTooltipFormatter(\n          (baseTooltip as { formatter?: unknown }).formatter,\n          reactiveFormatter,\n          xFormatter,\n        ),\n      },\n    } as EChartsOption\n  }\n}\n\n/**\n * Lay out the `dataZoom` array for the scatter chart:\n *   - Detect whether any horizontal (x-axis) slider is present — if so\n *     lift it above the legend row when a legend is shown.\n *   - Detect whether any vertical (y-axis) slider is present — the\n *     caller reserves `grid.right` so the slider doesn't overlap the\n *     plot area.\n *\n * Returns `null` when there's no `dataZoom` so callers can skip the\n * layout adjustment entirely. An entry is considered an \"x-slider\" if\n * it has `xAxisIndex` set (or no axis index — defaults to x in ECharts).\n * A \"y-slider\" has `yAxisIndex` set.\n */\nfunction layoutDataZoomForScatter(\n  dataZoom: unknown,\n  hasLegend: boolean,\n): { entries: unknown[]; hasXSlider: boolean; hasYSlider: boolean } | null {\n  if (!Array.isArray(dataZoom) || dataZoom.length === 0) return null\n  let hasXSlider = false\n  let hasYSlider = false\n  const entries = dataZoom.map((entry: unknown) => {\n    if (entry == null || typeof entry !== 'object') return entry\n    const dz = entry as {\n      type?: string\n      xAxisIndex?: unknown\n      yAxisIndex?: unknown\n      bottom?: number\n    }\n    if (dz.type !== 'slider') return dz\n    const targetsY = dz.yAxisIndex !== undefined\n    if (targetsY) {\n      hasYSlider = true\n      return dz\n    }\n    // Either explicit x or defaulted (ECharts defaults sliders to xAxis\n    // when no axis index is provided).\n    hasXSlider = true\n    if (hasLegend) {\n      return { ...dz, bottom: ZOOM_LAYOUT.sliderBottomWithLegend }\n    }\n    return dz\n  })\n  return { entries, hasXSlider, hasYSlider }\n}\n\n/**\n * If a reactive (store-driven) y formatter is provided, re-build the\n * scatter tooltip formatter using it. Otherwise, return the structural\n * formatter unchanged so the original `xFormatter` / `yFormatter`\n * baked into `scatterplotOptions` still applies. The structural\n * formatter has stable identity per `scatterplotOptions` call, so this\n * path doesn't churn ECharts on every render.\n */\nfunction buildReactiveScatterTooltipFormatter(\n  structuralFormatter: unknown,\n  reactiveYFormatter: ((value: number) => string) | undefined,\n  xFormatter: ((value: number) => string) | undefined,\n) {\n  if (!reactiveYFormatter) return structuralFormatter\n  return createTooltipFormatter((item) => {\n    const value = item.value as readonly [number, number] | undefined\n    const x = value?.[0]\n    const y = value?.[1]\n    const formattedX =\n      typeof x === 'number' ? (xFormatter ? xFormatter(x) : String(x)) : ''\n    const formattedY =\n      typeof y === 'number' ? reactiveYFormatter(y) : String(y ?? '')\n    const marker = typeof item.marker === 'string' ? item.marker : ''\n    const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n    return {\n      name: `(${formattedX}, ${formattedY})`,\n      seriesName,\n      marker,\n      value: '',\n    }\n  })\n}\n\nfunction buildScatterTooltipFormatter(\n  xFormatter: ((value: number) => string) | undefined,\n  yFormatter: ((value: number) => string) | undefined,\n) {\n  return createTooltipFormatter((item) => {\n    const value = item.value as readonly [number, number] | undefined\n    const x = value?.[0]\n    const y = value?.[1]\n    const formattedX =\n      typeof x === 'number' ? (xFormatter ? xFormatter(x) : String(x)) : ''\n    const formattedY =\n      typeof y === 'number' ? (yFormatter ? yFormatter(y) : String(y)) : ''\n    const marker = typeof item.marker === 'string' ? item.marker : ''\n    const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n    return {\n      name: `(${formattedX}, ${formattedY})`,\n      seriesName,\n      marker,\n      value: '',\n    }\n  })\n}\n\nfunction computeScatterBounds(seriesArr: ScatterplotWidgetData): {\n  niceMinX: number\n  niceMaxX: number\n  niceMinY: number\n  niceMaxY: number\n} {\n  let minX = Infinity\n  let maxX = -Infinity\n  let minY = Infinity\n  let maxY = -Infinity\n  for (const series of seriesArr) {\n    for (const point of series) {\n      const x = point?.[0]\n      const y = point?.[1]\n      if (typeof x === 'number' && Number.isFinite(x)) {\n        if (x < minX) minX = x\n        if (x > maxX) maxX = x\n      }\n      if (typeof y === 'number' && Number.isFinite(y)) {\n        if (y < minY) minY = y\n        if (y > maxY) maxY = y\n      }\n    }\n  }\n  // Mirror bar's `computeNiceBounds`: clamp min to 0 when data is\n  // non-negative (gridline reads cleanly from zero), apply `niceNum` to\n  // negative mins, and floor max=0 to 1 so the chart always has range.\n  // Scatter can have free coordinates so we apply this per-axis.\n  const niceMaxX = Number.isFinite(maxX) ? (maxX <= 0 ? 1 : niceNum(maxX)) : 1\n  const niceMaxY = Number.isFinite(maxY) ? (maxY <= 0 ? 1 : niceNum(maxY)) : 1\n  const niceMinX = Number.isFinite(minX) ? (minX < 0 ? niceNum(minX) : 0) : 0\n  const niceMinY = Number.isFinite(minY) ? (minY < 0 ? niceNum(minY) : 0) : 0\n  return { niceMinX, niceMaxX, niceMinY, niceMaxY }\n}\n","import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n    gap: ({ spacing }) => spacing(1),\n    height: ({ spacing }) => spacing(38),\n  },\n  grid: {\n    position: 'relative',\n    flex: '1 1 auto',\n    width: '100%',\n  },\n  legend: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(2),\n    height: ({ spacing }) => spacing(5),\n  },\n  legendItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n\n// `sx` callback that needs runtime args — extracted at module scope so the\n// `styles` object can satisfy `Record<string, SxProps<Theme>>` cleanly\n// (function `sx`-with-args isn't assignable to plain `SxProps<Theme>`).\nconst dotSx = (top: string, left: string, size: number): SxProps<Theme> => ({\n  position: 'absolute',\n  top,\n  left,\n  width: size,\n  height: size,\n  borderRadius: '50%',\n})\n\nexport interface ScatterplotSkeletonProps {\n  /** Number of dots to render. */\n  count?: number\n}\n\n/**\n * Loading state for the Scatterplot widget. Mirrors a scatter chart's\n * silhouette — a deterministic spread of small circular dots in the plot\n * area plus a legend stub — so the skeleton reads as \"a scatter chart\"\n * rather than a generic list. Matches bar/histogram/pie skeleton structure\n * (grid stub + legend stub in a flex column).\n */\nexport function ScatterplotSkeleton({ count = 24 }: ScatterplotSkeletonProps) {\n  // Deterministic pseudo-scatter positions so the skeleton doesn't flicker.\n  const dots = Array.from({ length: count }, (_, i) => {\n    const top = 10 + ((i * 37) % 80)\n    const left = 5 + ((i * 53) % 90)\n    const size = 8 + ((i * 7) % 6)\n    return { top: `${top}%`, left: `${left}%`, size }\n  })\n  return (\n    <Box sx={styles.container}>\n      <Box sx={styles.grid}>\n        {dots.map((d, i) => (\n          <Skeleton\n            key={`dot-${i}`}\n            variant='circular'\n            sx={dotSx(d.top, d.left, d.size)}\n          />\n        ))}\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  )\n}\n","import {\n  buildCsvDownloadItem,\n  buildPngDownloadItem,\n  type DownloadItem,\n} from '../actions/download'\nimport type { ScatterplotWidgetData } from './types'\n\n/**\n * Download menu items for the Scatterplot widget. Always includes a CSV\n * item with `series, x, y` columns (one row per point). When\n * `getCaptureEl` is supplied, prepends a PNG item that rasterises the\n * captured element via `html2canvas`.\n */\nexport function createScatterplotDownloadConfig(args: {\n  filename: string\n  getData: () => ScatterplotWidgetData\n  seriesNames?: readonly string[]\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push(\n    buildCsvDownloadItem({\n      filename: args.filename,\n      getRows: () => {\n        const data = args.getData()\n        const rows: unknown[][] = [['series', 'x', 'y']]\n        for (const [i, series] of data.entries()) {\n          const seriesName = args.seriesNames?.[i] ?? `series_${i + 1}`\n          for (const [x, y] of series) {\n            rows.push([seriesName, x, y])\n          }\n        }\n        return rows\n      },\n    }),\n  )\n  return items\n}\n","/**\n * Scatterplot-specific `RelativeData` transform. Scatter data is\n * `[number, number][]` — each series is a list of `[x, y]` tuples.\n * Relative is a values-axis concept, so this rewrites `y` to its\n * share of the series's total `y` (0–100) and leaves `x` raw — x is\n * coordinate space, not part of the cohort total.\n *\n * Pass to `<Widget.RelativeData transform={toRelativeScatterplotData} />`.\n *\n * The denominator is the sum of |y| across the series so mixed-sign\n * y values produce sane signed shares-of-magnitude. A series whose\n * total y-magnitude is zero (all-zero or empty input) is returned\n * unchanged so a stalled or empty data set doesn't show misleading 0%\n * values. Inputs whose shape isn't `[number, number][]` fall through\n * untouched.\n */\nexport const toRelativeScatterplotData = (input: unknown): unknown => {\n  if (!Array.isArray(input)) return input\n  return input.map((series: unknown): unknown => {\n    if (!isXyTupleArray(series)) return series\n    const total = series.reduce((acc, [, y]) => acc + Math.abs(y), 0)\n    if (total <= 0) return series\n    return series.map(([x, y]) => [x, (y / total) * 100] as [number, number])\n  })\n}\n\nfunction isXyTupleArray(v: unknown): v is [number, number][] {\n  if (!Array.isArray(v)) return false\n  return v.every(\n    (item) =>\n      Array.isArray(item) &&\n      item.length === 2 &&\n      typeof item[0] === 'number' &&\n      Number.isFinite(item[0]) &&\n      typeof item[1] === 'number' &&\n      Number.isFinite(item[1]),\n  )\n}\n\n/**\n * `LockSelection` filter for Scatterplot. Data is `[number, number][][]` —\n * points have no `name`, so selection (and locking) is keyed on a synthetic\n * `${seriesIndex}:${dataIndex}` string (same format `useChartSelection`'s\n * `keyFromClick`/`keysFromBrush` produce for this widget). Unlike Histogram,\n * a point's position carries no external meaning (no `ticks` to desync from),\n * so non-locked points are removed outright rather than zeroed.\n */\nexport function filterScatterplotByLockedPoints(\n  input: unknown,\n  lockedItems: readonly (string | number)[],\n): unknown {\n  if (lockedItems.length === 0) return input\n  if (!Array.isArray(input)) return input\n  const locked = new Set<string>(lockedItems.map(String))\n  return input.map((series: unknown, seriesIndex: number): unknown => {\n    if (!isXyTupleArray(series)) return series\n    return series.filter((_, dataIndex) =>\n      locked.has(`${seriesIndex}:${dataIndex}`),\n    )\n  })\n}\n"],"mappings":"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"}