@carto/ps-react-ui 4.20.0 → 4.20.1

package/dist/widgets-v2/scatterplot.js

@@ -1,405 +1,330 @@
-import * as W from "echarts";
-import { h as M, d as q, g as U, c as J, n as A, f as Y } from "../option-builders-DPeoyQaM.js";
-import { jsx as x, jsxs as X } from "react/jsx-runtime";
-import { c as K } from "react/compiler-runtime";
-import { Skeleton as k, Box as S } from "@mui/material";
-import "../widget-store-Bw5zRUGg.js";
-import "zustand/shallow";
-import "@mui/icons-material";
-import "react";
-import "html2canvas";
-import "../lasso-tool-YLFRgb-S.js";
-import "../cjs-D4KH3azB.js";
-import "@carto/ps-utils";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-import "react-dom";
-import "../widget-context-DTGO0Yta.js";
-import "zustand";
-import "zustand/vanilla";
-import "zustand/middleware";
-import "zustand/react/shallow";
-import { Z as b } from "../transforms-Cdx4fkU5.js";
-import { m as Q, r as V } from "../resolve-theme-color-BdojIw0K.js";
-import { b as ee } from "../png-item-9dNbB37T.js";
-import { b as te } from "../csv-item-hH_Gt7ur.js";
-function re({
-  theme: t,
-  xFormatter: e,
-  yFormatter: r
-}) {
-  return {
-    grid: {
-      left: parseInt(t.spacing(1)),
-      top: parseInt(t.spacing(3)),
-      right: parseInt(t.spacing(1)),
-      // Default: no legend. Merger bumps `bottom` when there are >1 series.
-      ...J(!1, t),
-      containLabel: !0
-    },
-    tooltip: {
-      // Per-point trigger — different from Bar's 'axis' trigger because
-      // points don't share an x-coordinate.
-      trigger: "item",
-      backgroundColor: t.palette.grey[900],
-      borderWidth: 0,
-      padding: [parseInt(t.spacing(1)), parseInt(t.spacing(1))],
-      textStyle: {
-        color: t.palette.common.white,
-        fontSize: 11,
-        fontFamily: t.typography.caption.fontFamily
-      },
-      position: U(t),
-      formatter: ne(e, r)
-    },
-    // Legend styling baked here; `show` is toggled by the merger based on
-    // series count.
-    legend: {
-      ...q({
-        hasLegend: !1,
-        labelFormatter: void 0
-      })
-    },
-    axisPointer: {
-      lineStyle: {
-        color: t.palette.grey[400]
-      }
-    },
-    color: [t.palette.secondary.main, ...Object.values(t.palette.qualitative?.bold ?? {})],
-    xAxis: {
-      type: "value",
-      axisLine: {
-        show: !1
-      },
-      axisTick: {
-        show: !1
-      },
-      axisLabel: {
-        ...M(t),
-        margin: parseInt(t.spacing(1)),
-        hideOverlap: !0,
-        showMinLabel: !0,
-        showMaxLabel: !0,
-        ...e && {
-          formatter: e
-        }
-      },
-      splitLine: {
-        show: !0,
-        lineStyle: {
-          color: t.palette.black?.[4] ?? t.palette.divider
-        }
-      }
-    },
-    yAxis: {
-      type: "value",
-      axisLine: {
-        show: !1
-      },
-      axisTick: {
-        show: !1
-      },
-      axisLabel: {
-        ...M(t),
-        margin: parseInt(t.spacing(1)),
-        hideOverlap: !0,
-        showMinLabel: !0,
-        showMaxLabel: !0,
-        ...r && {
-          formatter: r
-        }
-      },
-      splitLine: {
-        show: !0,
-        lineStyle: {
-          color: t.palette.black?.[4] ?? t.palette.divider
-        }
-      }
-    }
-  };
+import { r as e } from "../zoom-toggle-CA0ifG23.js";
+import { n as t, t as n } from "../download-BT6qBamM.js";
+import { r, t as i } from "../utils-DtvTjjMq.js";
+import { a, d as o, f as s, i as c, s as l, u } from "../chart-config-BGt7wkK7.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-v2/scatterplot/options.ts
+function _({ theme: e, xFormatter: t, yFormatter: n }) {
+	return {
+		grid: {
+			left: parseInt(e.spacing(1)),
+			top: parseInt(e.spacing(3)),
+			right: parseInt(e.spacing(1)),
+			...a(!1, e),
+			containLabel: !0
+		},
+		tooltip: {
+			trigger: "item",
+			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: o(e),
+			formatter: x(t, n)
+		},
+		legend: { ...l({
+			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: {
+				...c(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: {
+				...c(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 Oe(t) {
-  const {
-    theme: e,
-    xFormatter: r,
-    yFormatter: o,
-    optionsOverride: i
-  } = t, s = t.series, a = t.symbolSize ?? 8, l = t.selection, c = l && l.length > 0 ? new Set(l) : null;
-  return (n, p, u) => {
-    if (n == null) {
-      const d = re({
-        theme: e,
-        xFormatter: r,
-        yFormatter: o
-      });
-      return i ? Q(d, i) : d;
-    }
-    const f = Array.isArray(p) ? p : [];
-    if (f.length === 0)
-      return {
-        ...n,
-        dataset: [],
-        series: []
-      };
-    const w = f.length > 1, F = typeof n.legend == "object" && !Array.isArray(n.legend) ? n.legend : {}, g = typeof n.grid == "object" && !Array.isArray(n.grid) ? n.grid : {}, I = typeof n.tooltip == "object" && !Array.isArray(n.tooltip) ? n.tooltip : {}, j = typeof n.xAxis == "object" && !Array.isArray(n.xAxis) ? n.xAxis : {}, N = typeof n.yAxis == "object" && !Array.isArray(n.yAxis) ? n.yAxis : {}, L = u?.formatter, {
-      niceMinX: O,
-      niceMaxX: _,
-      niceMinY: B,
-      niceMaxY: D
-    } = se(f), R = (d) => (m) => {
-      const y = m.color;
-      if (!c) return y;
-      const H = `${d}:${m.dataIndex}`;
-      return c.has(H) ? y : W.color.modifyAlpha(y, 0.15);
-    }, h = oe(n.dataZoom, w), z = h?.hasXSlider ?? !1, P = h?.hasYSlider ?? !1, G = typeof g.bottom == "number" ? g.bottom : 24, $ = w ? 56 : G, Z = z ? $ + b.sliderHeight + b.sliderGap : $, C = typeof g.right == "number" ? g.right : 8, E = P ? C + b.sliderHeight + b.sliderGap : C;
-    return {
-      ...n,
-      // ECharts dataset.source wants a mutable [number, number][] shape; we
-      // hold readonly tuples internally, so cast at the boundary.
-      dataset: f.map((d) => ({
-        source: d
-      })),
-      series: f.map((d, m) => {
-        const y = V(e, s?.[m]?.color);
-        return {
-          type: "scatter",
-          datasetIndex: m,
-          name: s?.[m]?.name ?? `Series ${m + 1}`,
-          encode: {
-            x: 0,
-            y: 1
-          },
-          symbolSize: a,
-          emphasis: {
-            focus: "series"
-          },
-          itemStyle: {
-            color: R(m)
-          },
-          ...y ? {
-            color: y
-          } : {}
-        };
-      }),
-      legend: {
-        ...F,
-        show: w
-      },
-      grid: {
-        ...g,
-        bottom: Z,
-        right: E
-      },
-      ...h ? {
-        dataZoom: h.entries
-      } : {},
-      xAxis: {
-        ...j,
-        min: O,
-        max: _
-      },
-      yAxis: {
-        ...N,
-        min: B,
-        max: D,
-        axisLabel: {
-          ...N.axisLabel ?? {},
-          // Re-derive the y-axis formatter at fusion time so RelativeData's
-          // percent formatter (written to `state.formatter`) flows through
-          // without rebuilding the structural option. Falls back to the
-          // structural `yFormatter` already baked in `baseYAxis.axisLabel`
-          // (which `String(value)` if neither is set).
-          ...L ? {
-            formatter: L
-          } : {}
-        }
-      },
-      tooltip: {
-        ...I,
-        // Rebuild the tooltip formatter so the live y-axis formatter is
-        // applied to the y-coordinate in the (x, y) label. xFormatter is
-        // structural — relative is a values-axis concept, so xFormatter
-        // doesn't change under RelativeData.
-        formatter: ie(I.formatter, L, r)
-      }
-    };
-  };
+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 {
+					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 } : {}
+				};
+			}),
+			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 oe(t, e) {
-  if (!Array.isArray(t) || t.length === 0) return null;
-  let r = !1, o = !1;
-  return {
-    entries: t.map((s) => {
-      if (s == null || typeof s != "object") return s;
-      const a = s;
-      return a.type !== "slider" ? a : a.yAxisIndex !== void 0 ? (o = !0, a) : (r = !0, e ? {
-        ...a,
-        bottom: b.sliderBottomWithLegend
-      } : a);
-    }),
-    hasXSlider: r,
-    hasYSlider: o
-  };
+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 ie(t, e, r) {
-  return e ? Y((o) => {
-    const i = o.value, s = i?.[0], a = i?.[1], l = typeof s == "number" ? r ? r(s) : String(s) : "", c = typeof a == "number" ? e(a) : String(a ?? ""), n = typeof o.marker == "string" ? o.marker : "", p = o.seriesName ? `${o.seriesName}: ` : "";
-    return {
-      name: `(${l}, ${c})`,
-      seriesName: p,
-      marker: n,
-      value: ""
-    };
-  }) : t;
+function b(e, t, n) {
+	return t ? u((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 ne(t, e) {
-  return Y((r) => {
-    const o = r.value, i = o?.[0], s = o?.[1], a = typeof i == "number" ? t ? t(i) : String(i) : "", l = typeof s == "number" ? e ? e(s) : String(s) : "", c = typeof r.marker == "string" ? r.marker : "", n = r.seriesName ? `${r.seriesName}: ` : "";
-    return {
-      name: `(${a}, ${l})`,
-      seriesName: n,
-      marker: c,
-      value: ""
-    };
-  });
+function x(e, t) {
+	return u((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 se(t) {
-  let e = 1 / 0, r = -1 / 0, o = 1 / 0, i = -1 / 0;
-  for (const n of t)
-    for (const p of n) {
-      const u = p?.[0], f = p?.[1];
-      typeof u == "number" && Number.isFinite(u) && (u < e && (e = u), u > r && (r = u)), typeof f == "number" && Number.isFinite(f) && (f < o && (o = f), f > i && (i = f));
-    }
-  const s = Number.isFinite(r) ? r <= 0 ? 1 : A(r) : 1, a = Number.isFinite(i) ? i <= 0 ? 1 : A(i) : 1, l = Number.isFinite(e) && e < 0 ? A(e) : 0, c = Number.isFinite(o) && o < 0 ? A(o) : 0;
-  return {
-    niceMinX: l,
-    niceMaxX: s,
-    niceMinY: c,
-    niceMaxY: a
-  };
+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 : s(n) : 1, o = Number.isFinite(i) ? i <= 0 ? 1 : s(i) : 1;
+	return {
+		niceMinX: Number.isFinite(t) && t < 0 ? s(t) : 0,
+		niceMaxX: a,
+		niceMinY: Number.isFinite(r) && r < 0 ? s(r) : 0,
+		niceMaxY: o
+	};
 }
-const v = {
-  container: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    flexDirection: "column",
-    gap: ({
-      spacing: t
-    }) => t(1),
-    height: ({
-      spacing: t
-    }) => t(38)
-  },
-  grid: {
-    position: "relative",
-    flex: "1 1 auto",
-    width: "100%"
-  },
-  legend: {
-    display: "flex",
-    alignItems: "center",
-    gap: ({
-      spacing: t
-    }) => t(2),
-    height: ({
-      spacing: t
-    }) => t(5)
-  },
-  legendItem: {
-    display: "flex",
-    alignItems: "center",
-    gap: ({
-      spacing: t
-    }) => t(1.5)
-  }
-}, ae = (t, e, r) => ({
-  position: "absolute",
-  top: t,
-  left: e,
-  width: r,
-  height: r,
-  borderRadius: "50%"
+//#endregion
+//#region src/widgets-v2/scatterplot/skeleton.tsx
+var C = {
+	container: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "space-between",
+		flexDirection: "column",
+		gap: ({ spacing: e }) => e(1),
+		height: ({ spacing: e }) => e(38)
+	},
+	grid: {
+		position: "relative",
+		flex: "1 1 auto",
+		width: "100%"
+	},
+	legend: {
+		display: "flex",
+		alignItems: "center",
+		gap: ({ spacing: e }) => e(2),
+		height: ({ spacing: e }) => e(5)
+	},
+	legendItem: {
+		display: "flex",
+		alignItems: "center",
+		gap: ({ spacing: e }) => e(1.5)
+	}
+}, w = (e, t, n) => ({
+	position: "absolute",
+	top: e,
+	left: t,
+	width: n,
+	height: n,
+	borderRadius: "50%"
 });
-function _e(t) {
-  const e = K(15), {
-    count: r
-  } = t, o = r === void 0 ? 24 : r;
-  let i, s, a, l, c;
-  if (e[0] !== o) {
-    const f = Array.from({
-      length: o
-    }, fe);
-    s = S, c = v.container, i = S, a = v.grid, l = f.map(ce), e[0] = o, e[1] = i, e[2] = s, e[3] = a, e[4] = l, e[5] = c;
-  } else
-    i = e[1], s = e[2], a = e[3], l = e[4], c = e[5];
-  let n;
-  e[6] !== i || e[7] !== a || e[8] !== l ? (n = /* @__PURE__ */ x(i, { sx: a, children: l }), e[6] = i, e[7] = a, e[8] = l, e[9] = n) : n = e[9];
-  let p;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ x(S, { sx: v.legend, children: [0, 1].map(le) }), e[10] = p) : p = e[10];
-  let u;
-  return e[11] !== s || e[12] !== c || e[13] !== n ? (u = /* @__PURE__ */ X(s, { sx: c, children: [
-    n,
-    p
-  ] }), e[11] = s, e[12] = c, e[13] = n, e[14] = u) : u = e[14], u;
+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 le(t) {
-  return /* @__PURE__ */ X(S, { sx: v.legendItem, children: [
-    /* @__PURE__ */ x(k, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ x(k, { width: 48, height: 8 })
-  ] }, `legend-${t}`);
+function E(e) {
+	return /* @__PURE__ */ h(f, {
+		sx: C.legendItem,
+		children: [/* @__PURE__ */ m(p, {
+			variant: "circular",
+			width: 8,
+			height: 8
+		}), /* @__PURE__ */ m(p, {
+			width: 48,
+			height: 8
+		})]
+	}, `legend-${e}`);
 }
-function ce(t, e) {
-  return /* @__PURE__ */ x(k, { variant: "circular", sx: ae(t.top, t.left, t.size) }, `dot-${e}`);
+function D(e, t) {
+	return /* @__PURE__ */ m(p, {
+		variant: "circular",
+		sx: w(e.top, e.left, e.size)
+	}, `dot-${t}`);
 }
-function fe(t, e) {
-  const r = 10 + e * 37 % 80, o = 5 + e * 53 % 90, i = 8 + e * 7 % 6;
-  return {
-    top: `${r}%`,
-    left: `${o}%`,
-    size: i
-  };
+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
+	};
 }
-function Be(t) {
-  const e = [];
-  return t.getCaptureEl && e.push(ee({
-    filename: t.filename,
-    getCaptureEl: t.getCaptureEl,
-    pixelRatio: t.pngPixelRatio,
-    backgroundColor: t.pngBackgroundColor
-  })), e.push(te({
-    filename: t.filename,
-    getRows: () => {
-      const r = t.getData(), o = [["series", "x", "y"]];
-      for (const [i, s] of r.entries()) {
-        const a = t.seriesNames?.[i] ?? `series_${i + 1}`;
-        for (const [l, c] of s)
-          o.push([a, l, c]);
-      }
-      return o;
-    }
-  })), e;
+//#endregion
+//#region src/widgets-v2/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;
+		}
+	})), r;
 }
-const De = (t) => Array.isArray(t) ? t.map((e) => {
-  if (!T(e)) return e;
-  const r = e.reduce((o, [, i]) => o + Math.abs(i), 0);
-  return r <= 0 ? e : e.map(([o, i]) => [o, i / r * 100]);
-}) : t;
-function T(t) {
-  return Array.isArray(t) ? t.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;
+//#endregion
+//#region src/widgets-v2/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 Re(t, e) {
-  if (e.length === 0 || !Array.isArray(t)) return t;
-  const r = new Set(e.map(String));
-  return t.map((o, i) => T(o) ? o.filter((s, a) => r.has(`${i}:${a}`)) : o);
+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);
 }
-export {
-  _e as ScatterplotSkeleton,
-  Be as createScatterplotDownloadConfig,
-  Oe as createScatterplotOptionFactory,
-  Re as filterScatterplotByLockedPoints,
-  re as scatterplotOptions,
-  De as toRelativeScatterplotData
-};
-//# sourceMappingURL=scatterplot.js.map
+//#endregion
+export { T as ScatterplotSkeleton, k as createScatterplotDownloadConfig, v as createScatterplotOptionFactory, M as filterScatterplotByLockedPoints, _ as scatterplotOptions, A as toRelativeScatterplotData };
+
+//# sourceMappingURL=scatterplot.js.map