@astrato-io/visualizations 0.6.4 → 0.6.5

package/chunks/standalone-DCtRoTWg.js

@@ -0,0 +1,675 @@
+import { o as e } from "./rolldown-runtime-DleVn1XH.js";
+import { An as t, Ao as n, Eo as r, Fa as i, Ks as a, Mo as o, No as s, Sa as c, Si as l, Ta as u, Ys as d, Zr as f, fc as p, i as m, ia as h, io as g, oi as _, qa as v, sc as y, xa as b } from "./isEqual-BDxAhUo8.js";
+import { $t as x, Ei as S, I as C, P as w, Yi as T, d as E, hn as ee, o as D } from "./utils-Bg7K-t6K.js";
+import { $ as O, At as k, Bt as A, Ct as j, Dt as M, Ft as N, H as te, It as ne, Jt as P, M as re, Mt as ie, Nt as ae, Ot as F, Qt as I, R as oe, St as L, Tt as se, U as ce, W as le, Wt as R, X as ue, Xt as de, Yt as fe, Z as pe, Zt as me, _t as he, an as z, dn as B, en as ge, ht as V, i as _e, in as H, j as ve, jt as ye, n as be, nt as xe, on as Se, ot as U, q as Ce, rn as we, sn as W, un as Te, yt as Ee, z as De, zt as G } from "./escobar-eDjtGpkC.js";
+import { t as Oe } from "./coloring-B1XAfg6b.js";
+import { t as K } from "./set-coloring-datafield-B3uIS1Pe.js";
+var ke = /* @__PURE__ */ e(T()), Ae = (e, t, n, r, a, s, c, u) => {
+	let d = [], p = [], m = e.measures.filter((e) => l(e)), h = {
+		...t.axis.measure,
+		...t.fonts
+	}, g = [];
+	if (u) {
+		let e = ne(B.Text, u);
+		g.push(e);
+	}
+	let _ = m.filter((e) => e.role === i.SCATTER_HORIZONTAL), v = m.filter((e) => e.role === i.SCATTER_VERTICAL), y = e.measures.filter((e) => e.role === i.SCATTER_HORIZONTAL), b = e.measures.filter((e) => e.role === i.SCATTER_VERTICAL), x = _[0], S = v[0], C = {};
+	if (x) {
+		let t = o.Bottom, n = e.axes?.primaryMeasure || C;
+		if (d.push(G(I.XAxisScale, n, h, t, x.formatter)), e.axes?.primaryMeasure?.showAxisName) {
+			let r = f(y, e.enableAlternate, s?.isPrintMode);
+			p.push(A(_, r, t, h, n.colors?.title, n.axisTitle, n.titleFontSize));
+		}
+	}
+	if (S) {
+		let t = o.Left, n = e.axes?.secondaryMeasure || C;
+		if (d.push(G(I.YAxisScale, n, h, t, S.formatter)), e.axes?.secondaryMeasure?.showAxisName) {
+			let r = f(b, e.enableAlternate, s?.isPrintMode);
+			p.push(A(v, r, t, h, n.colors?.title, n.axisTitle, n.titleFontSize));
+		}
+	}
+	return {
+		...n,
+		components: [
+			...n.components,
+			...d,
+			...p
+		],
+		interactions: n.interactions ? [...n.collections, ...g] : [...g]
+	};
+}, je = (e, t) => {
+	let n = e.dimensions.filter((e) => l(e)), r = e.measures.filter((e) => l(e)), a = n.filter((e) => e.role === v.SCATTER_DIMENSION), o = r.filter((e) => e.role === i.SCATTER_SIZE), s = a[0], c = o[0], { coloring: u } = e || {};
+	switch (u?.type) {
+		case d.Categorical: return j(e, t);
+		case d.Gradient: return se(e, c);
+		case d.Single: return p(s.dataItem);
+		default: return null;
+	}
+}, Me = (e, n, r, a, o, s, c) => {
+	let u = e.dimensions.filter((e) => l(e)), f = e.measures.filter((e) => l(e)), g = u.filter((e) => e.role === v.SCATTER_DIMENSION), _ = f.filter((e) => e.role === i.SCATTER_HORIZONTAL), y = f.filter((e) => e.role === i.SCATTER_VERTICAL), x = f.filter((e) => e.role === i.SCATTER_SIZE), S = g[0], C = _[0], w = y[0], T = x[0], E = {}, { coloring: D } = e || {}, O = u.length < 2 && e.scatterSettings?.spatialHeatmap?.show, k = O && !D?.fieldId ? null : je(e, c);
+	switch (D?.type) {
+		case d.Categorical:
+			E = L(K(e, k), n, E, null, c);
+			break;
+		case d.Gradient:
+			E = L(K(e, k), n, E, null, c);
+			break;
+		case d.Single: {
+			let t = p(S.dataItem);
+			E[d.Single] = {
+				data: { extract: { field: t } },
+				range: [e?.coloring?.color ?? n.colors.brandColors[0]],
+				type: z.CategoricalColor,
+				label: (e) => S?.formatter?.format ? ee(S.formatter, e.datum.value) : e.datum.label
+			};
+			break;
+		}
+		default: break;
+	}
+	if (O) {
+		E[I.Density] = {
+			data: k ? { field: k } : void 0,
+			min: 0,
+			max: (n) => (n.data?.fields?.[0] ? n.data.fields[0].max() : 1) * t(e.scatterSettings.spatialHeatmap.maxDensity ?? h.heatmapMaxDensity),
+			nice: !0
+		}, E[I.DensityInverted] = {
+			...E[I.Density],
+			invert: !0
+		};
+		let i = [...m(D.type, n), ...D.customGradient ? [D.customGradient] : []].find((e) => e.id === (D.palette ?? n.colors.defaultGradient ?? b.id))?.colors;
+		E[I.DensityGradient] = {
+			...E[I.Density],
+			range: i ?? b.colors,
+			type: z.SequentialColor
+		}, k && V(r, 0, { density: { field: k } });
+	} else k && V(r, 0, { color: { field: k } });
+	let A = p(C?.dataItem), j = p(w?.dataItem), M = p(T?.dataItem), N = te(e?.axes?.primaryMeasure?.axisRange, !0), ne = le(N);
+	E[I.XAxisScale] = {
+		type: z.Linear,
+		data: { field: A },
+		invert: ce(!1, e?.axes?.primaryMeasure),
+		nice: !ne && W.scale.nice,
+		expandMax: .06,
+		...N
+	};
+	let P = te(e?.axes?.secondaryMeasure?.axisRange, !0), re = le(P);
+	return E[I.YAxisScale] = {
+		type: z.Linear,
+		data: { fields: [j] },
+		invert: ce(!0, e?.axes?.secondaryMeasure),
+		nice: !re && W.scale.nice,
+		expandMax: .06,
+		...P
+	}, T && (E[M] = {
+		type: z.Linear,
+		data: { field: M }
+	}), {
+		...r,
+		scales: E
+	};
+}, q = "spatial-heatmap", Ne = "shape", J = (e) => {
+	let t = e.scatterSettings?.shape ?? r.Circle;
+	return `${B.Point}-${t}`;
+}, Pe = (e, t, n, r, a, o) => {
+	let s = e.dimensions.filter((e) => l(e)), c = e.measures.filter((e) => l(e)), u = re((e.supportingMeasures ?? []).filter((e) => l(e))), d = s.filter((e) => e.role === v.SCATTER_IMAGE), f = c.filter((e) => e.role === i.SCATTER_HORIZONTAL), m = c.filter((e) => e.role === i.SCATTER_VERTICAL), h = c.filter((e) => e.role === i.SCATTER_SIZE), g = d[0], _ = f[0], y = m[0], b = h[0], x = p(_?.dataItem), S = p(y?.dataItem);
+	V(n, 0, {
+		x: { field: x },
+		y: { field: S },
+		[x]: { field: x },
+		[S]: { field: S },
+		...u
+	});
+	let C = e.scatterSettings?.pointSize ?? .1, w = {};
+	if (b) {
+		let t = p(b.dataItem);
+		w = { field: t }, C = (t) => {
+			let n = e.scatterSettings?.pointSize ?? 0, r = e.scatterSettings?.maxPointSize ?? Math.max(n, 1);
+			return t.resources.scale(p(b.dataItem))(t.datum.size.value) * (r - n) + n;
+		}, V(n, 0, {
+			size: w,
+			[t]: { field: t }
+		});
+	}
+	let T;
+	return g ? (V(n, 0, { imageUrl: { field: p(g.dataItem) } }), T = [Fe(e, t, C, o, !0, a), Le(e, C, o)]) : T = e.scatterSettings?.spatialHeatmap?.show ? [Ie(e, t, n, C, o, a)] : [Fe(e, t, C, o, !1, a)], {
+		...n,
+		components: [...n.components, ...T]
+	};
+}, Fe = (e, t, n, i, a, o) => {
+	let s = new Oe(e, t, o?.[0]?.itemsNotAffectedByFiltering), c = e.scatterSettings?.shape ?? r.Circle, l = e.scatterSettings?.stroke;
+	return {
+		type: B.Point,
+		layout: { displayOrder: N.VisualizationElement },
+		key: J(e),
+		data: { collection: I.Collection },
+		animations: {
+			enabled: !a,
+			presetId: "scatter-chart"
+		},
+		settings: {
+			x: {
+				scale: I.XAxisScale,
+				ref: "x"
+			},
+			y: {
+				scale: I.YAxisScale,
+				ref: "y"
+			},
+			opacity: a ? 0 : .8,
+			stroke: l?.color,
+			strokeWidth: l?.enabled ? l.width : 0,
+			shape: c,
+			size: n,
+			fill: a ? "transparent" : s.getColorDefinition({
+				overwriteSources: [s.MAIN_FIELD, "color"],
+				ref: "color"
+			}),
+			tag: Ne
+		},
+		brush: a ? null : R([""], i, { valuePickerMode: i?.valuePickerMode })
+	};
+}, Ie = (e, t, n, r, i, a) => {
+	let o = n.scales[I.Density]?.data, s = n.collections?.[0]?.data?.extract?.[0]?.props?.density?.field && o?.field ? {
+		scale: I.Density,
+		ref: "density"
+	} : {
+		scale: I.Density,
+		fn: ({ scale: e }) => e(1)
+	};
+	return {
+		type: B.Heatmap,
+		layout: { displayOrder: N.VisualizationElement },
+		key: "spatial-heatmap",
+		animations: a?.[0]?.items?.length < 1e3 ? { enabled: !0 } : void 0,
+		data: { collection: I.Collection },
+		settings: {
+			point: {
+				x: {
+					scale: I.XAxisScale,
+					ref: "x"
+				},
+				y: {
+					scale: I.YAxisScale,
+					ref: "y"
+				},
+				size: r,
+				density: s
+			},
+			gradient: I.DensityGradient,
+			blur: e.scatterSettings.spatialHeatmap.blur,
+			minOpacity: 1e-4
+		},
+		brush: i?.disable?.brushing ? void 0 : { consume: [{
+			context: H.Selection,
+			data: [""],
+			mode: Te.And,
+			style: { inactive: { opacity: .1 } }
+		}] }
+	};
+}, Le = (e, t, n) => ({
+	type: B.DomPoint,
+	layout: { displayOrder: N.VisualizationElement },
+	key: B.DomPoint,
+	data: { collection: I.Collection },
+	settings: {
+		x: {
+			scale: I.XAxisScale,
+			ref: "x"
+		},
+		y: {
+			scale: I.YAxisScale,
+			ref: "y"
+		},
+		opacity: .8,
+		size: t,
+		url: { ref: "imageUrl" },
+		renderCallback: (...e) => {
+			e.length === 0 && n.onRenderDone();
+		},
+		borderWidth: e.scatterSettings?.borderWidth,
+		borderColor: e.scatterSettings?.borderColor
+	},
+	brush: R([""], n, { valuePickerMode: n?.valuePickerMode })
+}), Re = (e, t, n) => {
+	let { measures: r, grid: i = [] } = e, a = i.filter((e) => e.enabled).map((e) => {
+		let n = y(r[0].dataItem, e.dataItem);
+		return Ee(e, n ? "x" : "y", n ? I.XAxisScale : I.YAxisScale, t);
+	}).filter((e) => !!e);
+	return {
+		...n,
+		components: [...n.components, ...a]
+	};
+}, ze = (e, t, n) => {
+	let r = [], i = [];
+	if (!e.refLines?.x && !e.refLines?.y) return n;
+	if (e.refLines.x) {
+		let n = e.refLines.x.map((e) => U(e, I.XAxisScale, t));
+		r.push(...n);
+	}
+	if (e.refLines.y) {
+		let n = e.refLines.y.map((e) => U(e, I.YAxisScale, t));
+		i.push(...n);
+	}
+	let a = {
+		type: B.RefLine,
+		layout: { displayOrder: N.RefLine },
+		lines: {
+			x: r,
+			y: i
+		}
+	};
+	return {
+		...n,
+		components: [...n.components, a]
+	};
+}, Be = "scatter-reference-areas", Y = "scatter-reference-area", Ve = _("scatter-reference-areas-stage", "#6B7280"), X = (e) => {
+	if (e == null) return null;
+	let n = t(e);
+	if (n === null) return null;
+	let r = typeof n == "number" ? n : Number(n);
+	return Number.isNaN(r) ? null : r;
+}, He = (e) => {
+	if (e == null) return;
+	let n = t(e);
+	if (n === null || typeof n != "string") return;
+	let r = n.trim();
+	return r.length > 0 ? r : void 0;
+}, Ue = (e, t) => {
+	if (e.enabled === !1) return;
+	let n = X(e.xMin), r = X(e.xMax), i = X(e.yMin), a = X(e.yMax);
+	if (n === null || r === null || i === null || a === null) {
+		Ve.warn("Skipping reference area due to incomplete bounds", {
+			id: e.id,
+			index: t
+		});
+		return;
+	}
+	let o = He(e.label), s = e.fillColor ?? h.referenceArea.fillColor, c = e.border?.enabled ?? h.referenceArea.border?.enabled ?? !1, l = c ? e.border?.color ?? h.referenceArea.border?.color ?? void 0 : void 0, u = c ? e.border?.width ?? h.referenceArea.border?.width ?? 1 : void 0, [d, f] = n <= r ? [n, r] : [r, n], [p, m] = i <= a ? [i, a] : [a, i], g = e.labelMode ?? h.referenceArea.labelMode, _ = e.labelPlacement ?? h.referenceArea.labelPlacement, v = e.labelColor ?? h.referenceArea.labelColor, y = e.labelFontSize ?? h.referenceArea.labelFontSize;
+	return {
+		id: e.id,
+		label: o,
+		labelMode: g,
+		labelPlacement: _,
+		labelColor: v,
+		labelFontSize: y,
+		xMin: d,
+		xMax: f,
+		yMin: p,
+		yMax: m,
+		fillColor: s,
+		borderColor: l,
+		borderWidth: u
+	};
+}, We = (e) => {
+	let t = {
+		id: { value: e.id },
+		labelMode: { value: e.labelMode },
+		labelPlacement: { value: e.labelPlacement },
+		labelColor: { value: e.labelColor },
+		labelFontSize: { value: e.labelFontSize },
+		start: { value: e.yMin },
+		end: { value: e.yMax },
+		binStart: { value: e.xMin },
+		binEnd: { value: e.xMax },
+		xMin: { value: e.xMin },
+		xMax: { value: e.xMax },
+		yMin: { value: e.yMin },
+		yMax: { value: e.yMax },
+		fillColor: { value: e.fillColor }
+	};
+	return e.label && (t.label = { value: e.label }), e.borderColor && (t.borderColor = { value: e.borderColor }), typeof e.borderWidth == "number" && (t.borderWidth = { value: e.borderWidth }), t;
+}, Ge = (e) => {
+	switch (e) {
+		case n.TopLeft: return {
+			align: 0,
+			justify: 0
+		};
+		case n.Top: return {
+			align: .5,
+			justify: 0
+		};
+		case n.TopRight: return {
+			align: 1,
+			justify: 0
+		};
+		case n.Left: return {
+			align: 0,
+			justify: .5
+		};
+		case n.Right: return {
+			align: 1,
+			justify: .5
+		};
+		case n.BottomLeft: return {
+			align: 0,
+			justify: 1
+		};
+		case n.Bottom: return {
+			align: .5,
+			justify: 1
+		};
+		case n.BottomRight: return {
+			align: 1,
+			justify: 1
+		};
+		case n.Center:
+		default: return {
+			align: .5,
+			justify: .5
+		};
+	}
+}, Ke = (e, t, n) => {
+	if (e.labelMode !== g.Fixed || !e.label) return null;
+	let { align: r, justify: i } = Ge(e.labelPlacement), a = h.referenceArea.labelColor, o = h.referenceArea.labelFontSize, s = e.labelColor ?? a, c = e.labelFontSize ?? o;
+	return {
+		type: B.Labels,
+		key: `${Y}-${e.id}-label`,
+		layout: { displayOrder: t },
+		settings: { sources: [{
+			component: `${Y}-${e.id}`,
+			selector: we.Rect,
+			strategy: {
+				type: "rows",
+				settings: {
+					align: r,
+					justify: i,
+					fontSize: c,
+					fontFamily: n.fonts?.general?.fontFamily,
+					padding: 2,
+					labels: [{
+						label: () => e.label ?? "",
+						fill: s
+					}]
+				}
+			}
+		}] },
+		animations: { enabled: !1 },
+		brush: null
+	};
+}, qe = (e, t, n) => {
+	let r = {
+		orientation: s.Vertical,
+		major: {
+			scale: I.XAxisScale,
+			ref: "binEnd",
+			binStart: { ref: "binStart" },
+			binEnd: { ref: "binEnd" }
+		},
+		minor: {
+			scale: I.YAxisScale,
+			ref: "end"
+		},
+		minor0: {
+			scale: I.YAxisScale,
+			ref: "start"
+		},
+		box: {
+			fill: e.fillColor ?? h.referenceArea.fillColor,
+			opacity: 1,
+			stroke: e.borderColor ?? "transparent",
+			strokeWidth: e.borderWidth ?? 0,
+			ignoreOutOfBounds: !0
+		}
+	};
+	return {
+		type: B.Box,
+		key: `${Y}-${e.id}`,
+		layout: { displayOrder: t },
+		data: {
+			collection: Be,
+			filter: (e, t) => t === n
+		},
+		settings: r,
+		animations: { enabled: !1 },
+		brush: null
+	};
+}, Je = (e, t, n) => {
+	let r = e.referenceAreas ?? [];
+	if (!r.length) return n;
+	let i = r.map(Ue).filter((e) => e !== void 0);
+	if (!i.length) return n;
+	let a = i.map(We), o = n.collections ? [...n.collections] : [];
+	o.push({
+		key: Be,
+		data: {
+			items: a,
+			map: ({ value: e }) => e,
+			extract: []
+		}
+	});
+	let s = n.components ? [...n.components] : [], c = i.length;
+	return i.forEach((e, n) => {
+		let r = N.ReferenceArea + (c - n) * .001, i = qe(e, r, n);
+		s.push(i);
+		let a = Ke(e, r + 5e-4, t);
+		a && s.push(a);
+	}), {
+		...n,
+		collections: o,
+		components: s
+	};
+}, Ye = (e, t, n) => {
+	let r = t.data.value, i = e.filter((e) => l(e)).filter((e) => e.role === v.SCATTER_DIMENSION)[0];
+	return i?.formatter && (r = n.formatter(i.formatter)(r)), `${r}`;
+}, Z = (e) => typeof e == "string" && e.startsWith("scatter-reference-area") && !e.endsWith("-label"), Q = (e) => {
+	let t = e.data?.labelMode;
+	if (typeof t == "string") return t;
+	if (t && typeof t == "object" && "value" in t) {
+		let e = t.value;
+		if (typeof e == "string") return e;
+	}
+}, $ = (e) => {
+	let t = e.data?.label, n;
+	if (typeof t == "string") n = t;
+	else if (t && typeof t == "object" && t && "value" in t) {
+		let e = t.value;
+		n = typeof e == "string" ? e : void 0;
+	}
+	if (!n) return;
+	let r = n.trim();
+	return r.length > 0 ? r : void 0;
+}, Xe = (e) => ({
+	title: e,
+	props: []
+}), Ze = (e, t, n) => {
+	let r = {
+		filter: (t) => {
+			let n = [
+				J(e),
+				oe,
+				q
+			];
+			return t.filter((e) => e.key ? Z(e.key) ? Q(e) !== g.Fixed && !!$(e) : n.includes(e.key) : !1);
+		},
+		placement: {
+			type: "pointer",
+			area: "target"
+		}
+	};
+	if (n.components.find((e) => e.key === "spatial-heatmap")) {
+		let e = ({ node: e, resources: t }) => ({
+			title: e.data.label,
+			props: [
+				"x",
+				"y",
+				"size",
+				"density"
+			].filter((t) => !!e.data[t]?.source?.field).map((n) => ({
+				label: t.dataset("").field(e.data[n].source.field)?.title(),
+				value: e.data[n].label
+			}))
+		});
+		r.extract = (t) => {
+			if (Z(t.node.key)) {
+				let e = $(t.node), n = Q(t.node);
+				if (e && n !== g.Fixed) return Xe(e);
+			}
+			return e(t);
+		};
+		let t = O();
+		r.content = ({ h: e, data: n }) => {
+			if (n.length > 8) {
+				let e = n.length;
+				n = n.slice(0, 5), n.push({
+					title: `+ ${e - n.length} more`,
+					props: []
+				});
+			}
+			return t({
+				h: e,
+				data: n
+			});
+		};
+	} else {
+		let n = pe(e, t, xe, Ye);
+		r.extract = (e) => {
+			if (Z(e.node.key)) {
+				let t = $(e.node), n = Q(e.node);
+				if (t && n !== g.Fixed) return Xe(t);
+			}
+			return n(e);
+		};
+	}
+	return ue(e, t, n, r, "tooltip", void 0, {
+		componentKeys: [J(e)],
+		yieldToComponentKeys: [oe, q]
+	});
+}, Qe = (e, t, n) => {
+	let r = e?.measures[0], i = {
+		showAxisTooltip: e?.axes?.primaryMeasure?.showAxisTooltip,
+		formatter: r?.formatter,
+		scale: fe(e),
+		key: F.Measure,
+		settings: { direction: k(e) }
+	}, a = e?.measures[1], [o, s] = ae([i, {
+		showAxisTooltip: e?.axes?.secondaryMeasure?.showAxisTooltip,
+		formatter: a?.formatter,
+		scale: de(e, a),
+		key: F.MeasureSec,
+		settings: {
+			direction: ie(e),
+			labelDock: ye(me(e), a?.secondaryAxis)
+		}
+	}]);
+	return {
+		...n,
+		components: [...n.components ?? [], ...o],
+		interactions: [...n.interactions ?? [], ...s]
+	};
+}, $e = (e, t, n) => Ce(e, t, n), et = (e) => {
+	try {
+		return !!e && ge(e);
+	} catch {
+		return !1;
+	}
+}, tt = (e, t, n, r, i, a) => {
+	if (a?.disable?.brushing || a?.disable?.brushingLasso) return n;
+	let o = et(t?.colors?.sheetBackgroundColor) ? u.white : u.mainDarkNavy, s = e.scatterSettings?.lasso, c = s?.strokeColor ?? o, l = {
+		type: B.Lasso,
+		key: B.Lasso,
+		layout: { displayOrder: N.VisualizationElement + 1 },
+		settings: {
+			brush: { components: [{
+				key: J(e),
+				contexts: [H.Selection],
+				action: "toggle"
+			}, {
+				key: q,
+				contexts: [H.Selection],
+				action: "toggle"
+			}] },
+			lasso: {
+				strokeWidth: 2,
+				strokeDasharray: "4",
+				stroke: c
+			},
+			snapIndicator: { stroke: c },
+			startPoint: {
+				r: 3,
+				fill: s?.startPointColor ?? u.secondaryPurple,
+				stroke: c
+			}
+		}
+	}, d = {
+		type: "native",
+		key: `${B.Lasso}-interaction`,
+		events: {
+			mousedown(e) {
+				this.chart.component(B.Lasso).emit("lassoStart", { center: {
+					x: e.clientX,
+					y: e.clientY
+				} });
+			},
+			mousemove(e) {
+				this.chart.component(B.Lasso).emit("lassoMove", { center: {
+					x: e.clientX,
+					y: e.clientY
+				} });
+			},
+			mouseup(e) {
+				this.chart.component(B.Lasso).emit("lassoEnd", { center: {
+					x: e.clientX,
+					y: e.clientY
+				} });
+			}
+		}
+	};
+	return {
+		...n,
+		components: [...n.components, l],
+		interactions: [...n.interactions, d]
+	};
+}, nt = (e, t, n, r, i, a) => {
+	let o = e.scatterSettings?.spatialHeatmap?.show && e.dimensions.length < 2;
+	if (!e.pointLabeling?.enabled || o) return n;
+	let s = e.pointLabeling, c = 4 + (e.scatterSettings?.stroke?.enabled ? e.scatterSettings.stroke.width / 2 : 0), l = De({
+		targetComponentKeys: [J(e)],
+		targetSelector: `.${Ne}`,
+		offset: c,
+		fontSize: P(e.pointLabeling?.fontSize)
+	}, s, a, t);
+	return {
+		...n,
+		components: [...n.components, l]
+	};
+}, rt = (...e) => {
+	let t = he(...e), n = t.components.find((e) => e.type === Se.SequentialLegend), r = t.scales[I.Density];
+	return n && r && (n.settings.fill = I.DensityGradient, n.settings.major = [o.Left, o.Right].includes(n.layout.dock) ? I.DensityInverted : I.Density), t;
+}, it = class extends ve {
+	constructor() {
+		super([
+			M,
+			Me,
+			Re,
+			Je,
+			Pe,
+			Ae,
+			ze,
+			rt,
+			$e,
+			nt,
+			Ze,
+			tt,
+			Qe
+		]);
+	}
+	preCompile(e) {
+		let t = e.dimensions.filter((e) => l(e)), n = e.measures.filter((e) => l(e)), r = t.filter((e) => e.role === v.SCATTER_DIMENSION), a = n.filter((e) => e.role === i.SCATTER_HORIZONTAL), o = n.filter((e) => e.role === i.SCATTER_VERTICAL), s = r[0], c = a[0], u = o[0];
+		if (!s || !c || !u) throw Error("Scatter chart requires at least 1 scatter dimension, 1 horizontal measure, and 1 vertical measure.");
+	}
+}, at = S(), ot = x(({ vSpec: e, vTheme: t, data: n, elementSize: r, vizProperties: i }) => {
+	let o = w(), [s] = (0, ke.useState)(() => new it()), l = E(), { activeKey: u } = D(), d = C(), f = {
+		...i,
+		valuePickerMode: !!u
+	}, p = t || c, m = s.compile(e, p, n, r, {
+		...f,
+		onRenderDone: l
+	}, a.Scatter, o, d, be());
+	return m ? /* @__PURE__ */ (0, at.jsx)(_e, {
+		config: f,
+		definition: m,
+		size: r,
+		vSpec: e
+	}) : null;
+});
+export { ot as ScatterChart };