@astrato-io/visualizations 0.6.4 → 0.6.5

package/chunks/{standalone-DFPva_ku.js → standalone-CC1VUjO32.js}

@@ -1,18 +1,18 @@
 import { o as e } from "./rolldown-runtime-DleVn1XH.js";
-import { Fa as t, La as n, Na as r, No as i, Oi as a, Pa as o, Pn as s, Ta as c, Ti as l, os as u, pc as d, ss as f } from "./interfaces-VUY4_yVO.js";
-import { G as p, Ki as m, Wn as h, Zt as g, d as _, pn as v, wi as y } from "./utils-Ba9T0TqC.js";
-import { r as b } from "./ui-D1HQNIBy.js";
-import { s as x } from "./coloring-C16AUZEi.js";
-var S = /* @__PURE__ */ e(m()), C = (e, n) => {
+import { An as t, Fa as n, Ma as r, Mo as i, Na as a, Sa as o, Si as s, Ti as c, as as l, fc as u, ja as d, os as f } from "./isEqual-BDxAhUo8.js";
+import { $t as p, Ei as m, G as h, Kn as g, Yi as _, d as v, hn as y } from "./utils-Bg7K-t6K.js";
+import { u as b } from "./ui-DQWtv2iM.js";
+import { _ as x } from "./coloring-B1XAfg6b.js";
+var S = /* @__PURE__ */ e(_()), C = (e, t) => {
 	switch (e.thresholdType) {
-		case t.Range: return T(n, e.rangeThresholds ?? []);
-		case t.Target: return w(n, e.targetThreshold);
-		case t.None: return {};
+		case a.Range: return T(t, e.rangeThresholds ?? []);
+		case a.Target: return w(t, e.targetThreshold);
+		case a.None: return {};
 	}
-}, w = (e, t) => {
-	let n = s(t?.target, 0), { belowTargetColorAndIcon: r, targetColorAndIcon: i, aboveTargetColorAndIcon: a } = t || {};
-	return e < n * (1 - t.targetTolerance) ? r : e > n * (1 + t.targetTolerance) ? a : i;
-}, T = (e, t) => [...t].sort((e, t) => s(t.rangeTo, 0) - s(e.rangeTo, 0)).reduce((t, n) => e < s(n.rangeTo, 0) ? n.colorAndIcon : t, {}), E = (e) => {
+}, w = (e, n) => {
+	let r = t(n?.target, 0), { belowTargetColorAndIcon: i, targetColorAndIcon: a, aboveTargetColorAndIcon: o } = n || {};
+	return e < r * (1 - n.targetTolerance) ? i : e > r * (1 + n.targetTolerance) ? o : a;
+}, T = (e, n) => [...n].sort((e, n) => t(n.rangeTo, 0) - t(e.rangeTo, 0)).reduce((n, r) => e < t(r.rangeTo, 0) ? r.colorAndIcon : n, {}), E = (e) => {
 	let t = ["numberColor"], n = ["comparisonColor"];
 	switch (e) {
 		case "main": return t;
@@ -30,8 +30,8 @@ var S = /* @__PURE__ */ e(m()), C = (e, n) => {
 	comparisonPosition: i.Bottom
 }, k = {
 	numberValue: 0,
-	textAlign: u.Center,
-	horizontalAlign: u.Center,
+	textAlign: l.Center,
+	horizontalAlign: l.Center,
 	verticalAlign: f.Middle,
 	numberStyle: {
 		fontSize: 12,
@@ -42,21 +42,21 @@ var S = /* @__PURE__ */ e(m()), C = (e, n) => {
 		strikethrough: !1
 	},
 	comparisonStyle: {
-		relativeFontSizePercentage: a.relativeFontSizePercentage,
+		relativeFontSizePercentage: c.relativeFontSizePercentage,
 		fontFamily: "Roboto",
 		bold: !1,
 		italic: !1,
 		underlined: !1,
 		strikethrough: !1
 	},
-	comparisonGap: r.SmallGap,
+	comparisonGap: d.SmallGap,
 	...O
 }, A = (e, t, r) => {
 	if (!r?.length || !e) return k;
-	let i = t || c, a = i.fonts.general.fontFamily, o = F(r, e.measures.find((e) => l(e) && e.role === n.NUMBER_MEASURE), !0), { numberValue: s, numberFormat: u, comparisonNumberValue: d, comparisonFormat: f } = j(e, r);
+	let i = t || o, a = i.fonts.general.fontFamily, c = F(r, e.measures.find((e) => s(e) && e.role === n.NUMBER_MEASURE), !0), { numberValue: l, numberFormat: u, comparisonNumberValue: d, comparisonFormat: f } = j(e, r);
 	return {
-		...N(e, i, o, d),
-		numberValue: s,
+		...N(e, i, c, d),
+		numberValue: l,
 		numberFormat: u,
 		comparisonNumberValue: d,
 		comparisonFormat: f,
@@ -84,7 +84,7 @@ var S = /* @__PURE__ */ e(m()), C = (e, n) => {
 		comparisonGap: e.numberSettings?.position?.comparisonGap ?? k.comparisonGap
 	};
 }, j = (e, t) => {
-	let r, i, a, o, s = e.measures.filter(l), c = s.filter((e) => e.role === n.NUMBER_MEASURE), u = s.filter((e) => e.role === n.NUMBER_COMPARISON), d = c[0], f = u[0];
+	let r, i, a, o, c = e.measures.filter(s), l = c.filter((e) => e.role === n.NUMBER_MEASURE), u = c.filter((e) => e.role === n.NUMBER_COMPARISON), d = l[0], f = u[0];
 	return r = F(t, d, !0), a = M(e, t), d?.formatter && typeof d?.formatter?.format != "string" && (i = d.formatter), f?.formatter && typeof f?.formatter?.format != "string" && (o = f.formatter), f && e.numberSettings?.data?.showOnlyComparison && (r = a, i = o, a = void 0, o = void 0), {
 		numberValue: r,
 		numberFormat: i,
@@ -92,15 +92,15 @@ var S = /* @__PURE__ */ e(m()), C = (e, n) => {
 		comparisonFormat: o
 	};
 }, M = (e, t) => {
-	let r = e.measures.filter(l), i = r.filter((e) => e.role === n.NUMBER_MEASURE), a = r.filter((e) => e.role === n.NUMBER_COMPARISON), s = i[0], c = a[0];
-	if (!c) return;
-	let u = +F(t, s), d = +F(t, c), f = e.numberSettings?.data?.comparisonType, p = Math.abs(d);
-	return f === o.PercentageToComparison ? u === 0 && d === 0 ? 1 : u / p : f === o.PercentageAboveBelow ? u === 0 && d === 0 ? 0 : (u - d) / p : f === o.Difference ? u - d : d;
-}, N = (e, r, i, a) => {
-	let o = e.measures.filter(l), s = o.filter((e) => e.role === n.NUMBER_MEASURE), c = o.filter((e) => e.role === n.NUMBER_COMPARISON), u = s[0], d = c[0];
-	return (e.numberSettings?.thresholds ?? []).filter((e) => e.thresholdType !== t.None).reduce((e, t) => {
+	let i = e.measures.filter(s), a = i.filter((e) => e.role === n.NUMBER_MEASURE), o = i.filter((e) => e.role === n.NUMBER_COMPARISON), c = a[0], l = o[0];
+	if (!l) return;
+	let u = +F(t, c), d = +F(t, l), f = e.numberSettings?.data?.comparisonType, p = Math.abs(d);
+	return f === r.PercentageToComparison ? u === 0 && d === 0 ? 1 : u / p : f === r.PercentageAboveBelow ? u === 0 && d === 0 ? 0 : (u - d) / p : f === r.Difference ? u - d : d;
+}, N = (e, t, r, i) => {
+	let o = e.measures.filter(s), c = o.filter((e) => e.role === n.NUMBER_MEASURE), l = o.filter((e) => e.role === n.NUMBER_COMPARISON), u = c[0], d = l[0];
+	return (e.numberSettings?.thresholds ?? []).filter((e) => e.thresholdType !== a.None).reduce((e, t) => {
 		if (t.measureRule === "main" ? u : d) {
-			let n = C(t, t.measureRule === "main" ? i : a);
+			let n = C(t, t.measureRule === "main" ? r : i);
 			return {
 				...e,
 				...D(n, "icon", ["icon"]),
@@ -110,7 +110,7 @@ var S = /* @__PURE__ */ e(m()), C = (e, n) => {
 			};
 		}
 		return e;
-	}, P(e, r));
+	}, P(e, t));
 }, P = (e, t) => {
 	let { icon: n, iconColor: r } = e.numberSettings?.colorAndIcon || {};
 	return {
@@ -121,15 +121,15 @@ var S = /* @__PURE__ */ e(m()), C = (e, n) => {
 		...I(e, t, e.numberSettings?.comparisonStyle?.fontColor)
 	};
 }, F = (e, t, n = !1) => {
-	let r = d(t?.dataItem), i = (e?.[0])?.items?.[0]?.[r], a = +`${i}`, o = n && (!t?.formatter || t?.formatter?.format === "string") ? `${i}` : 0;
+	let r = u(t?.dataItem), i = (e?.[0])?.items?.[0]?.[r], a = +`${i}`, o = n && (!t?.formatter || t?.formatter?.format === "string") ? `${i}` : 0;
 	return isNaN(a) ? o : a;
-}, I = (e, t, r) => !e.measures.filter(l).filter((e) => e.role === n.NUMBER_COMPARISON)[0] || e.numberSettings.data?.showOnlyComparison ? {
+}, I = (e, t, r) => !e.measures.filter(s).filter((e) => e.role === n.NUMBER_COMPARISON)[0] || e.numberSettings.data?.showOnlyComparison ? {
 	comparisonPosition: void 0,
 	comparisonColor: void 0
 } : {
 	comparisonColor: x(t, r ?? t.fonts.general.color),
 	comparisonPosition: e.numberSettings?.position?.comparisonPosition ?? i.Left
-}, L = p({
+}, L = h({
 	mainContainer: {
 		width: "100%",
 		height: "100%",
@@ -150,9 +150,9 @@ var S = /* @__PURE__ */ e(m()), C = (e, n) => {
 }), R = (e) => {
 	switch (e) {
 		case f.Top:
-		case u.Left: return "flex-start";
+		case l.Left: return "flex-start";
 		case f.Bottom:
-		case u.Right: return "flex-end";
+		case l.Right: return "flex-end";
 		default: return "center";
 	}
 }, z = (e) => {
@@ -167,7 +167,7 @@ var S = /* @__PURE__ */ e(m()), C = (e, n) => {
 		r && (d = Number(d.toFixed(o))), n(d), l < 500 ? i = requestAnimationFrame(s) : (n(e), cancelAnimationFrame(i));
 	};
 	return e !== t && (i = requestAnimationFrame(s)), () => cancelAnimationFrame(i);
-}, V = .5, H = `${V}em`, U = (e, t) => !(t === i.Left || t === i.Right) || !e || e === r.None ? {} : e === r.SmallGap ? { gap: H } : {
+}, V = .5, H = `${V}em`, U = (e, t) => !(t === i.Left || t === i.Right) || !e || e === d.None ? {} : e === d.SmallGap ? { gap: H } : {
 	width: "100%",
 	justifyContent: e
 }, W = (e, t) => e ? t === i.Top || t === i.Bottom ? "0.33em" : "0.5em" : t === i.Top || t === i.Bottom ? "0.5em" : "1.0em", G = (e) => {
@@ -177,34 +177,34 @@ var S = /* @__PURE__ */ e(m()), C = (e, n) => {
 		case i.Right: return "row-reverse";
 		default: return "row";
 	}
-}, K = (e, t) => !e && !t ? "inherit" : `${e ? "underline" : ""} ${t ? "line-through" : ""}`, q = ({ numberSize: e, comparisonNumberSize: t, numberProps: n, elementSize: a, fontSize: o }) => {
-	let s = n.comparisonNumberValue != null && !!t && (n.comparisonPosition === i.Left || n.comparisonPosition === i.Right), c = !!n.icon && (n.iconPosition === i.Left || n.iconPosition === i.Right), l = s ? e.width + t.width : Math.max(e.width, t?.width ?? 0);
-	return s && n.comparisonGap === r.SmallGap && (l += V * o), c && (l += e.height), l <= a.width;
+}, K = (e, t) => !e && !t ? "inherit" : `${e ? "underline" : ""} ${t ? "line-through" : ""}`, q = ({ numberSize: e, comparisonNumberSize: t, numberProps: n, elementSize: r, fontSize: a }) => {
+	let o = n.comparisonNumberValue != null && !!t && (n.comparisonPosition === i.Left || n.comparisonPosition === i.Right), s = !!n.icon && (n.iconPosition === i.Left || n.iconPosition === i.Right), c = o ? e.width + t.width : Math.max(e.width, t?.width ?? 0);
+	return o && n.comparisonGap === d.SmallGap && (c += V * a), s && (c += e.height), c <= r.width;
 }, J = ({ numberSize: e, comparisonNumberSize: t, numberProps: n, elementSize: r }) => {
 	let a = n.comparisonNumberValue != null && !!t && (n.comparisonPosition === i.Top || n.comparisonPosition === i.Bottom), o = !!n.icon && (n.iconPosition === i.Top || n.iconPosition === i.Bottom), s = a ? e.height + t.height : Math.max(e.height, t?.height ?? 0);
 	return o && (s += e.height), s <= r.height;
 }, Y = 1.2, X = ({ number: e, comparisonNumber: t }, n, r) => {
-	let { numberStyle: i, comparisonStyle: o } = n;
+	let { numberStyle: i, comparisonStyle: a } = n;
 	if (r.width === 0) return i.fontSize;
-	let s = h(), c = (o.relativeFontSizePercentage ?? a.relativeFontSizePercentage) / 100, l = 1;
-	for (let a = i.fontSize; a >= 1; --a) {
+	let o = g(), s = (a.relativeFontSizePercentage ?? c.relativeFontSizePercentage) / 100, l = 1;
+	for (let c = i.fontSize; c >= 1; --c) {
 		let u, d;
 		if (e && (u = {
-			width: s.getTextSize({
-				size: a,
+			width: o.getTextSize({
+				size: c,
 				label: e,
 				fontFamily: i.fontFamily,
 				letterSpacing: "0.05em",
 				fontWeight: 400
 			}).width,
-			height: a * Y
+			height: c * Y
 		}), t) {
-			let e = a * c;
+			let e = c * s;
 			d = {
-				width: s.getTextSize({
+				width: o.getTextSize({
 					size: e,
 					label: t,
-					fontFamily: o.fontFamily,
+					fontFamily: a.fontFamily,
 					letterSpacing: "0.05em",
 					fontWeight: 400
 				}).width,
@@ -216,33 +216,33 @@ var S = /* @__PURE__ */ e(m()), C = (e, n) => {
 			comparisonNumberSize: d,
 			numberProps: n,
 			elementSize: r,
-			fontSize: a
+			fontSize: c
 		}) && J({
 			numberSize: u,
 			comparisonNumberSize: d,
 			numberProps: n,
 			elementSize: r,
-			fontSize: a
+			fontSize: c
 		})) {
-			l = a;
+			l = c;
 			break;
 		}
 	}
-	return s.cleanDOM(), l;
-}, Z = y(), Q = g((0, S.memo)(({ vSpec: e, vTheme: t, elementSize: n, data: r, vizProperties: i }) => {
-	let [o, s] = (0, S.useState)(0), c = L(), l = _(), u = A(e, t, r), { numberValue: d, numberFormat: f, comparisonNumberValue: p, comparisonFormat: m, backgroundColor: h } = u, g = o, y = f ? v(f, o) : o, x = m ? v(m, p) : p, C = y === "" || y == null, w = C ? void 0 : `${y}`, T = x === "" || x == null ? void 0 : `${x}`, E = C ? u.numberStyle.fontSize || 14 : X({
+	return o.cleanDOM(), l;
+}, Z = m(), Q = p((0, S.memo)(({ vSpec: e, vTheme: t, elementSize: n, data: r, vizProperties: i }) => {
+	let [a, o] = (0, S.useState)(0), s = L(), l = v(), u = A(e, t, r), { numberValue: d, numberFormat: f, comparisonNumberValue: p, comparisonFormat: m, backgroundColor: h } = u, g = a, _ = f ? y(f, a) : a, x = m ? y(m, p) : p, C = _ === "" || _ == null, w = C ? void 0 : `${_}`, T = x === "" || x == null ? void 0 : `${x}`, E = C ? u.numberStyle.fontSize || 14 : X({
 		number: w,
 		comparisonNumber: T
 	}, u, n);
 	return (0, S.useEffect)(() => {
 		let e;
-		return !i?.disable?.animations && typeof d == "number" ? (typeof g != "number" && (s(0), g = 0), e = B(d, g, s, !f)) : s(d), () => {
+		return !i?.disable?.animations && typeof d == "number" ? (typeof g != "number" && (o(0), g = 0), e = B(d, g, o, !f)) : o(d), () => {
 			e && e();
 		};
 	}, [d]), (0, S.useEffect)(() => {
 		e && l();
 	}, [e]), /* @__PURE__ */ (0, Z.jsx)("div", {
-		className: c.mainContainer,
+		className: s.mainContainer,
 		style: {
 			fontSize: `${E}px`,
 			alignItems: R(u.verticalAlign),
@@ -250,14 +250,14 @@ var S = /* @__PURE__ */ e(m()), C = (e, n) => {
 			backgroundColor: h
 		},
 		children: /* @__PURE__ */ (0, Z.jsxs)("div", {
-			className: c.numbersContainer,
+			className: s.numbersContainer,
 			style: {
 				alignItems: z(u),
 				flexDirection: G(u.comparisonPosition ?? u.iconPosition),
 				...U(u.comparisonGap, u.comparisonPosition)
 			},
 			children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
-				className: c.comparisonIconContainer,
+				className: s.comparisonIconContainer,
 				style: {
 					alignItems: R(u.textAlign),
 					flexDirection: G(u.iconPosition)
@@ -272,7 +272,7 @@ var S = /* @__PURE__ */ e(m()), C = (e, n) => {
 				}), /* @__PURE__ */ (0, Z.jsx)("div", {
 					"data-testid": "number-comparison",
 					style: {
-						fontSize: `${(u.comparisonStyle.relativeFontSizePercentage ?? a.relativeFontSizePercentage) / 100}em`,
+						fontSize: `${(u.comparisonStyle.relativeFontSizePercentage ?? c.relativeFontSizePercentage) / 100}em`,
 						fontFamily: u.comparisonStyle.fontFamily,
 						fontStyle: u.comparisonStyle.italic ? "italic" : "normal",
 						fontWeight: u.comparisonStyle.weight || (u.comparisonStyle.bold ? "bold" : "normal"),
@@ -282,7 +282,7 @@ var S = /* @__PURE__ */ e(m()), C = (e, n) => {
 					children: T
 				})]
 			}), /* @__PURE__ */ (0, Z.jsx)("div", {
-				className: c.number,
+				className: s.number,
 				"data-testid": "number-base",
 				style: {
 					fontFamily: u.numberStyle.fontFamily,
@@ -291,7 +291,7 @@ var S = /* @__PURE__ */ e(m()), C = (e, n) => {
 					textDecoration: K(u.numberStyle.underlined, u.numberStyle.strikethrough),
 					color: u.numberColor
 				},
-				children: f && typeof o == "number" ? v(f, o) : o
+				children: f && typeof a == "number" ? y(f, a) : a
 			})]
 		})
 	});

package/chunks/{standalone-CCNtaJ7s.js → standalone-C_rYnZ0N.js}

@@ -1,8 +1,8 @@
 import { a as e, o as t, t as n } from "./rolldown-runtime-DleVn1XH.js";
-import { $a as r, Qa as i, Ta as a, Ti as o, Xa as s, Xs as c, Yn as l, Za as u, pc as d, qs as f } from "./interfaces-VUY4_yVO.js";
-import { En as p, Ki as m, P as h, Zt as g, d as _, o as v, wi as y } from "./utils-Ba9T0TqC.js";
-import { M as b, Q as x, St as S, Wt as C, X as w, Z as T, i as E, j as D, nn as O, rt as k, un as A } from "./escobar-BGqT1EsE.js";
-import { t as j } from "./coloring-C16AUZEi.js";
+import { Gn as r, Ja as i, Ks as a, Sa as o, Si as s, Xa as c, Ya as l, Ys as u, Za as d, fc as f } from "./isEqual-BDxAhUo8.js";
+import { $t as p, Ei as m, On as h, P as g, Yi as _, d as v, o as y } from "./utils-Bg7K-t6K.js";
+import { M as b, Q as x, St as S, Wt as C, X as w, Z as T, dn as E, i as D, j as O, rn as k, rt as A } from "./escobar-eDjtGpkC.js";
+import { t as j } from "./coloring-B1XAfg6b.js";
 import { n as M, t as N } from "./src-BOS6SqkZ.js";
 var P = /* @__PURE__ */ n(((e, t) => {
 	(function(e, t, n) {
@@ -284,20 +284,20 @@ var P = /* @__PURE__ */ n(((e, t) => {
 })), z = /* @__PURE__ */ n(((e, t) => {
 	var n = P(), r = ee(), i = te(), a = F(), o = I(), s = ne(), c = R();
 	c.alea = n, c.xor128 = r, c.xorwow = i, c.xorshift7 = a, c.xor4096 = o, c.tychei = s, t.exports = c;
-})), re = /* @__PURE__ */ t(m()), B = .7, V = 12 * B, H = /* @__PURE__ */ function(e) {
+})), re = /* @__PURE__ */ t(_()), B = .7, V = 12 * B, H = /* @__PURE__ */ function(e) {
 	return e.RenderDone = "render-done", e;
 }({}), U = /* @__PURE__ */ function(e) {
 	return e.Minimum = "Minimum", e;
 }({}), W = /* @__PURE__ */ function(e) {
 	return e.collectionKey = "coll", e.measureValue = "size", e;
 }({}), G = (e, t, n) => {
-	let r = e.dimensions.filter((e) => o(e)), i = e.measures.filter((e) => o(e)), a = b((e.supportingMeasures ?? []).filter((e) => o(e)));
+	let r = e.dimensions.filter((e) => s(e)), i = e.measures.filter((e) => s(e)), a = b((e.supportingMeasures ?? []).filter((e) => s(e)));
 	if (!r[0] || !i[0]) return n;
-	let s = d(r[0].dataItem), c = d(i[0].dataItem), l = [{
+	let o = f(r[0].dataItem), c = f(i[0].dataItem), l = [{
 		key: "coll",
 		data: {
 			extract: [{
-				field: s,
+				field: o,
 				props: {
 					size: { field: c },
 					[c]: { field: c },
@@ -314,18 +314,18 @@ var P = /* @__PURE__ */ n(((e, t) => {
 }, K = /* @__PURE__ */ function(e) {
 	return e.size = "size", e.gradient = "gradient", e;
 }({}), q = (e, t, n) => {
-	let r = e.dimensions.filter((e) => o(e)), i = e.measures.filter((e) => o(e));
+	let r = e.dimensions.filter((e) => s(e)), i = e.measures.filter((e) => s(e));
 	if (!r[0] || !i[0]) return n;
-	let a = { size: { data: { field: d(i[0].dataItem) } } };
+	let a = { size: { data: { field: f(i[0].dataItem) } } };
 	return a = S(e, t, a), {
 		...n,
 		scales: a
 	};
-}, J = (e, t, n, r, i, a, c, u) => e.filter(o).map((e, r) => {
-	let i = Object.keys(t.data).find((n) => t.data[n]?.source?.field === d(e.dataItem)), a = (t.data[i] || t.data[`measure${r}`])?.value, o = l(e) || e.label || e.dataItem.name || "", c = u && !s(e.formatter) ? k(e.formatter) : e.formatter;
+}, J = (e, t, n, a, o, c, l, u) => e.filter(s).map((e, a) => {
+	let o = Object.keys(t.data).find((n) => t.data[n]?.source?.field === f(e.dataItem)), s = (t.data[String(o)] || t.data[`measure${a}`])?.value, c = r(e) || e.label || e.dataItem.name || "", l = u && !i(e.formatter) ? A(e.formatter) : e.formatter;
 	return {
-		label: o,
-		value: c ? n.formatter(c)(a, void 0, t.data) : a
+		label: c,
+		value: l ? n.formatter(l)(s, void 0, t.data) : s
 	};
 }), Y = (e, t, n, r, i) => {
 	let a = {
@@ -337,14 +337,14 @@ var P = /* @__PURE__ */ n(((e, t) => {
 	};
 	return a.extract = T(e, t, J, x), w(e, t, n, a, "tooltip", i);
 }, ie = (e, t, n, r, i, a) => {
-	let s = e.measures.filter((e) => o(e)), l = new j(e, t, i?.[0]?.itemsNotAffectedByFiltering), u = d(s[0].dataItem), f = C([""], a);
-	f?.trigger.forEach((e) => e.propagation = "stop");
+	let o = e.measures.filter((e) => s(e)), c = new j(e, t, i?.[0]?.itemsNotAffectedByFiltering), l = f(o[0].dataItem), d = C([""], a);
+	d?.trigger.forEach((e) => e.propagation = "stop");
 	let p = {
 		key: "word-cloud",
-		type: A.WordCloud,
+		type: E.WordCloud,
 		data: { collection: W.collectionKey },
 		on: { [H.RenderDone]() {
-			a.onRenderDone?.();
+			a?.onRenderDone?.();
 		} },
 		layout: { minimumLayoutMode: U.Minimum },
 		settings: {
@@ -359,20 +359,20 @@ var P = /* @__PURE__ */ n(((e, t) => {
 					scale: K.size,
 					ref: W.measureValue
 				},
-				fill: l.getColorDefinition({
-					ref: e.coloring?.type === c.Gradient ? W.measureValue : l.MAIN_FIELD,
-					dataItemId: e.coloring?.type === c.Single ? u : void 0,
-					overwriteSources: [l.MAIN_FIELD]
+				fill: c.getColorDefinition({
+					ref: e.coloring?.type === u.Gradient ? W.measureValue : c.MAIN_FIELD,
+					dataItemId: e.coloring?.type === u.Single ? l : void 0,
+					overwriteSources: [c.MAIN_FIELD]
 				})
 			}
 		},
-		brush: f || void 0
+		brush: d || void 0
 	};
 	return {
 		...n,
 		components: [...n.components, p]
 	};
-}, ae = class extends D {
+}, ae = class extends O {
 	onRenderDone;
 	onChartUpdated;
 	constructor(e) {
@@ -387,7 +387,7 @@ var P = /* @__PURE__ */ n(((e, t) => {
 		};
 	}
 	preCompile(e) {
-		let t = e.dimensions.filter((e) => o(e)), n = e.measures.filter((e) => o(e)), r = t[0], i = n[0];
+		let t = e.dimensions.filter((e) => s(e)), n = e.measures.filter((e) => s(e)), r = t[0], i = n[0];
 		if (!r || !i) throw Error("Word cloud w/o a dimension or measure is not supported.");
 	}
 	postCompile(e) {
@@ -638,7 +638,7 @@ function pe(e, t, n) {
 }
 function me(e) {
 	return e.map((e) => ({
-		type: O.Text,
+		type: k.Text,
 		text: e.text,
 		x: e.x,
 		y: e.y,
@@ -659,9 +659,9 @@ function me(e) {
 }
 var Q = {
 	fontFamily: "Arial",
-	fontScaling: u.linear,
-	fontStyle: i.normal,
-	fontWeight: r.normal,
+	fontScaling: l.linear,
+	fontStyle: c.normal,
+	fontWeight: d.normal,
 	seed: 1,
 	maxNumChars: 32,
 	word: {
@@ -717,21 +717,21 @@ var Q = {
 	}
 };
 function ge(e) {
-	e.component(A.WordCloud, he);
+	e.component(E.WordCloud, he);
 }
-var $ = y(), _e = () => {}, ve = g(({ vSpec: e, vTheme: t, data: n, elementSize: r, vizProperties: i }) => {
-	let o = h(), s = _(), [c] = (0, re.useState)(() => new ae(s)), { activeKey: l } = v(), u = {
+var $ = m(), _e = () => {}, ve = p(({ vSpec: e, vTheme: t, data: n, elementSize: r, vizProperties: i }) => {
+	let s = g(), c = v(), [l] = (0, re.useState)(() => new ae(c)), { activeKey: u } = y(), d = {
 		...i,
-		valuePickerMode: !!l
-	}, d = t || a, m = c.compile(e, d, n, r, {
-		...u,
-		onRenderDone: s
-	}, f.WordCloud, o);
-	return m ? /* @__PURE__ */ (0, $.jsx)(p.Provider, {
+		valuePickerMode: !!u
+	}, f = t || o, p = l.compile(e, f, n, r, {
+		...d,
+		onRenderDone: c
+	}, a.WordCloud, s);
+	return p ? /* @__PURE__ */ (0, $.jsx)(h.Provider, {
 		value: _e,
-		children: /* @__PURE__ */ (0, $.jsx)(E, {
-			config: u,
-			definition: m,
+		children: /* @__PURE__ */ (0, $.jsx)(D, {
+			config: d,
+			definition: p,
 			size: r,
 			vSpec: e,
 			escobarPlugins: [ge]