@astrato-io/visualizations 0.0.0-stage → 0.6.4

package/chunks/standalone-DQxxNwF8.js

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