@astrato-io/visualizations 0.6.4 → 0.6.5

package/chunks/{standalone-jiz0L2Dg.js → standalone-DC-aUgXC.js}

@@ -1,18 +1,18 @@
 import { o as e, t } from "./rolldown-runtime-DleVn1XH.js";
-import { Ko as n, No as r, Oa as i, Qo as a, Ta as o, Ti as s, Xs as c, Yn as l, pc as u, qs as d, ta as f } from "./interfaces-VUY4_yVO.js";
-import { I as p, P as m, Zt as h, o as g, wi as _ } from "./utils-Ba9T0TqC.js";
-import { Ft as v, Wt as y, X as b, Z as x, _t as S, ht as ee, i as te, in as ne, j as re, nn as ie, rt as ae, un as oe, xt as se } from "./escobar-BGqT1EsE.js";
-import { vt as ce } from "./_baseFlatten-DPXPOrea.js";
-import { t as le } from "./coloring-C16AUZEi.js";
+import { Gn as n, Go as r, Ks as i, Mo as a, Qi as o, Sa as s, Si as c, Ta as l, Ys as u, Zo as d, fc as f } from "./isEqual-BDxAhUo8.js";
+import { $t as p, Ei as m, I as h, P as g, o as _ } from "./utils-Bg7K-t6K.js";
+import { Vt as v } from "./ui-DQWtv2iM.js";
+import { Ft as y, Wt as b, X as x, Z as S, _t as ee, an as te, dn as ne, ht as re, i as ie, j as ae, rn as oe, rt as se, xt as ce } from "./escobar-eDjtGpkC.js";
+import { t as le } from "./coloring-B1XAfg6b.js";
 import { t as ue } from "./set-coloring-datafield-B3uIS1Pe.js";
-import { t as de } from "./range-DrzdfBX4.js";
+import { t as de } from "./range-CiwTbMig.js";
 var fe = (e, t, n) => {
-	let r = e.dimensions.filter((e) => s(e)), i = e.measures.filter((e) => s(e)), a = u(r[0]?.dataItem), o = u(r[1]?.dataItem), c = {
+	let r = e.dimensions.filter((e) => c(e)), i = e.measures.filter((e) => c(e)), a = f(r[0]?.dataItem), o = f(r[1]?.dataItem), s = {
 		key: "defaultCollection",
 		data: { extract: [{
 			field: a,
 			props: {
-				score: { field: u(i[0]?.dataItem) },
+				score: { field: f(i[0]?.dataItem) },
 				attribute: { field: o || a },
 				...o ? { stackedDimension: { field: a } } : {}
 			}
@@ -20,34 +20,34 @@ var fe = (e, t, n) => {
 	};
 	return {
 		...n,
-		collections: [c]
+		collections: [s]
 	};
-}, pe = (e, t, n) => {
-	let r = {
+}, pe = (e, t, r) => {
+	let i = {
 		key: "defaultCollection",
-		data: { extract: e.measures.filter((e) => s(e)).map((e) => {
-			let t = u(e.dataItem);
+		data: { extract: e.measures.filter((e) => c(e)).map((e) => {
+			let t = f(e.dataItem);
 			return {
 				field: t,
 				props: {
 					score: { field: t },
 					attribute: e.label,
 					color: t,
-					label: l(e) || e.label || e.dataItem.name
+					label: n(e) || e.label || e.dataItem.name
 				},
 				getValue: () => e.label
 			};
 		}) }
 	};
 	return {
-		...n,
-		collections: [r]
+		...r,
+		collections: [i]
 	};
-}, me = (e, ...t) => e.dimensions.filter((e) => s(e)).length ? fe(e, ...t) : pe(e, ...t), he = (e, t, n, r, i, a) => {
-	let o = u(e.dimensions.filter((e) => s(e))[1]?.dataItem), l = new le(e, t, i?.[0]?.itemsNotAffectedByFiltering), d = e.coloring.color == null && e.coloring.type === c.Single, p = {
-		type: oe.Radar,
-		key: `${oe.Radar}`,
-		layout: { displayOrder: v.VisualizationElement },
+}, me = (e, ...t) => e.dimensions.filter((e) => c(e)).length ? fe(e, ...t) : pe(e, ...t), he = (e, t, n, r, i, a) => {
+	let s = f(e.dimensions.filter((e) => c(e))[1]?.dataItem), l = new le(e, t, i?.[0]?.itemsNotAffectedByFiltering), d = e.coloring.color == null && e.coloring.type === u.Single, p = {
+		type: ne.Radar,
+		key: `${ne.Radar}`,
+		layout: { displayOrder: y.VisualizationElement },
 		data: { collection: "defaultCollection" },
 		settings: {
 			dimensionAxis: e.dimensionAxis,
@@ -55,16 +55,16 @@ var fe = (e, t, n) => {
 			gridType: e.gridType,
 			lineType: e.lineType,
 			isDefaultColor: d,
-			isSingleDimension: !o,
+			isSingleDimension: !s,
 			scale: "attributes",
-			categoricalOpacity: e.coloring?.categoricalColorTransparency ?? f.categoricalColorTransparency,
+			categoricalOpacity: e.coloring?.categoricalColorTransparency ?? o.categoricalColorTransparency,
 			pointStyles: e.pointStyles,
 			fill: l.getColorDefinition({
 				overwriteSources: [l.MAIN_FIELD],
 				ref: "color"
 			})
 		},
-		brush: y(ge(e), a, { valuePickerMode: a?.valuePickerMode })
+		brush: b(ge(e), a, { valuePickerMode: a?.valuePickerMode })
 	};
 	return {
 		...n,
@@ -72,70 +72,70 @@ var fe = (e, t, n) => {
 	};
 };
 function ge(e) {
-	let t = [], n = e.dimensions.filter((e) => s(e));
+	let t = [], n = e.dimensions.filter((e) => c(e));
 	return n[0] && t.push(""), n[1] && t.push("attribute"), t;
 }
 var _e = (e, t, n) => {
-	let r = e.dimensions.filter((e) => s(e)), i = e.measures.filter((e) => s(e)), a = u(r[0]?.dataItem), o = u(r[1]?.dataItem), c = u(i[0]?.dataItem);
+	let r = e.dimensions.filter((e) => c(e)), i = e.measures.filter((e) => c(e)), a = f(r[0]?.dataItem), o = f(r[1]?.dataItem), s = f(i[0]?.dataItem);
 	return {
 		...n,
 		scales: {
 			...n.scales,
 			...be(e, t, n),
 			values: {
-				data: { field: c },
+				data: { field: s },
 				include: [0],
 				nice: !0
 			},
 			attributes: { data: { extract: { field: o || a } } }
 		}
 	};
-}, ve = (e, t, n) => {
-	let r = e.measures.filter((e) => s(e));
+}, ve = (e, t, r) => {
+	let i = e.measures.filter((e) => c(e));
 	return {
-		...n,
+		...r,
 		scales: {
-			...n.scales,
+			...r.scales,
 			...xe(e, t),
 			values: {
-				data: { fields: r.map((e) => u(e.dataItem)) },
+				data: { fields: i.map((e) => f(e.dataItem)) },
 				include: [0],
 				nice: !0
 			},
 			attributes: {
-				type: ne.Band,
-				data: r.map((e) => l(e) || e.label || e.dataItem.name)
+				type: te.Band,
+				data: i.map((e) => n(e) || e.label || e.dataItem.name)
 			}
 		}
 	};
-}, ye = (e, ...t) => e.dimensions.filter((e) => s(e)).length ? _e(e, ...t) : ve(e, ...t);
+}, ye = (e, ...t) => e.dimensions.filter((e) => c(e)).length ? _e(e, ...t) : ve(e, ...t);
 function be(e, t, n) {
-	let r = u(e.dimensions.filter((e) => s(e))[0]?.dataItem);
-	switch (ee(n, 0, { color: { field: r } }), e.coloring?.type) {
-		case c.Single: return { [c.Single]: {
+	let r = f(e.dimensions.filter((e) => c(e))[0]?.dataItem);
+	switch (re(n, 0, { color: { field: r } }), e.coloring?.type) {
+		case u.Single: return { [u.Single]: {
 			data: { extract: { field: r } },
-			type: ne.CategoricalColor,
+			type: te.CategoricalColor,
 			range: [e?.coloring?.color ?? t.colors.brandColors[0]]
 		} };
-		case c.Categorical: return { [c.Categorical]: se(ue(e, r), t, r, {
-			customPalette: e.coloring.customPalette ?? f.customPalette,
+		case u.Categorical: return { [u.Categorical]: ce(ue(e, r), t, r, {
+			customPalette: e.coloring.customPalette ?? o.customPalette,
 			palette: e.coloring.palette,
 			sortOrder: e.coloring.sortOrder
 		}, n.collections) };
 	}
 }
 function xe(e, t) {
-	let n = e.measures.filter((e) => s(e));
-	return { [c.Single]: {
-		data: { items: n.map((e) => {
-			let t = l(e) || e.label || e.dataItem.name;
+	let r = e.measures.filter((e) => c(e));
+	return { [u.Single]: {
+		data: { items: r.map((e) => {
+			let t = n(e) || e.label || e.dataItem.name;
 			return {
-				value: u(e.dataItem),
+				value: f(e.dataItem),
 				label: t
 			};
 		}) },
-		type: ne.CategoricalColor,
-		range: Array(n.length).fill(e?.coloring?.color ?? t.colors.brandColors[0]),
+		type: te.CategoricalColor,
+		range: Array(r.length).fill(e?.coloring?.color ?? t.colors.brandColors[0]),
 		value: (e) => `${e.datum.value.value}`,
 		label: (e) => `${e.datum.value.label}`
 	} };
@@ -164,8 +164,8 @@ var Se = .9, Ce = "attributesLines", we = "dataPoint", Te = "white", Ee = "rgba(
 		evenCustomBackgroundColor: null,
 		oddCustomBackgroundColor: null
 	},
-	gridType: a.Circles,
-	lineType: n.Straight,
+	gridType: d.Circles,
+	lineType: r.Straight,
 	isSingleDimension: !1,
 	scale: "attributes",
 	pointStyles: {
@@ -177,17 +177,17 @@ var Se = .9, Ce = "attributesLines", we = "dataPoint", Te = "white", Ee = "rgba(
 } }, Oe = (e, t, n, r, i, a) => {
 	if (!e.dimensionAxis.showLabel) return n;
 	let o = {
-		type: oe.Labels,
+		type: ne.Labels,
 		key: "radar-labels",
 		animations: { enabled: !1 },
-		layout: { displayOrder: v.Labels },
+		layout: { displayOrder: y.Labels },
 		settings: { sources: [{
-			component: `${oe.Radar}`,
+			component: `${ne.Radar}`,
 			selector: `.${Ce}`,
 			strategy: {
 				type: "slice",
 				settings: {
-					fontSize: ce.dataPoint.valueFontSize,
+					fontSize: v.dataPoint.valueFontSize,
 					fontFamily: t.fonts.general.fontFamily,
 					labels: [{
 						linkData: ({ data: e }) => e,
@@ -200,7 +200,7 @@ var Se = .9, Ce = "attributesLines", we = "dataPoint", Te = "white", Ee = "rgba(
 				}
 			}
 		}] },
-		brush: y([""], a, { valuePickerMode: a?.valuePickerMode })
+		brush: b([""], a, { valuePickerMode: a?.valuePickerMode })
 	};
 	return {
 		...n,
@@ -3537,31 +3537,31 @@ function Ne(e) {
 	}), t;
 }
 function Pe(e, t) {
-	let r = [], { cp1: i, cp2: a } = Fe(e), o = "M ";
+	let n = [], { cp1: i, cp2: a } = Fe(e), o = "M ";
 	e.forEach(({ x: s, y: c, ...l }, u) => {
-		if (o += `${s} ${c} `, t.lineType === n.Curve) {
+		if (o += `${s} ${c} `, t.lineType === r.Curve) {
 			let t = (u + 1) % e.length;
 			o += `C ${a[u].x} ${a[u].y}, ${i[t].x} ${i[t].y}, `;
 		}
 		if (!t.isGrid && "tooltip" in l) {
-			let { fill: e, pointStyles: n } = t;
-			r.push({
-				type: ie.Circle,
+			let { fill: e, pointStyles: r } = t;
+			n.push({
+				type: oe.Circle,
 				tag: we,
 				cx: s,
 				cy: c,
-				r: n.size / 2,
-				stroke: n.color ?? e,
+				r: r.size / 2,
+				stroke: r.color ?? e,
 				strokeWidth: 1,
-				fill: n.color ?? e,
+				fill: r.color ?? e,
 				desc: { tooltip: l.tooltip },
 				data: l?.data
 			});
 		}
-	}), t.lineType === n.Curve && (o += `${e[0].x} ${e[0].y}`);
+	}), t.lineType === r.Curve && (o += `${e[0].x} ${e[0].y}`);
 	let s, c;
-	t.isGrid ? (s = t.lineStroke, c = t.lineStrokeWidth) : (s = Ie(t.fill), c = 1), r.push({
-		type: ie.Path,
+	t.isGrid ? (s = t.lineStroke, c = t.lineStrokeWidth) : (s = Ie(t.fill), c = 1), n.push({
+		type: oe.Path,
 		d: `${o}Z`,
 		stroke: s,
 		strokeWidth: c,
@@ -3575,13 +3575,13 @@ function Pe(e, t) {
 		let { isDefaultColor: e, opacity: n } = t;
 		u = e ? .4 : n ?? 1;
 	}
-	return r.push({
-		type: ie.Path,
+	return n.push({
+		type: oe.Path,
 		d: `${o}Z`,
 		fill: l,
 		opacity: u,
 		tag: t.isGrid ? "gridarea" : "dataarea"
-	}), r;
+	}), n;
 }
 function Fe(e) {
 	let t = e.length, n = [], r = [];
@@ -3606,7 +3606,7 @@ function Ie(e) {
 var Le = /* @__PURE__ */ e(de());
 function Re(e, t, n) {
 	let r = [];
-	return t.gridType === a.Lines ? r.push(...Be(e, t.measureAxis)) : r.push(...ze({
+	return t.gridType === d.Lines ? r.push(...Be(e, t.measureAxis)) : r.push(...ze({
 		center: e.center,
 		radius: e.radius,
 		domain: e.domain
@@ -3615,7 +3615,7 @@ function Re(e, t, n) {
 function ze({ center: e, radius: t, domain: n }, r) {
 	let i = Ue(r);
 	return He(r.rangeLayers, n).reverse().filter((e) => e > 0).map((a, o) => ({
-		type: ie.Circle,
+		type: oe.Circle,
 		cx: e.x,
 		cy: e.y,
 		r: t * a / n,
@@ -3649,7 +3649,7 @@ function Ve(e, t, n) {
 	}), c = (0, Le.default)(r).map((e) => s(e)), l = [], u = 2 * Math.PI / r, d = 360 / r;
 	return c.forEach(({ x: e, y: r }, s) => {
 		l.push({
-			type: ie.Line,
+			type: oe.Line,
 			x1: i.x,
 			y1: i.y,
 			x2: e,
@@ -3657,7 +3657,7 @@ function Ve(e, t, n) {
 			stroke: t.lineColor ?? "black",
 			strokeWidth: +!!t.showLine
 		}), l.push({
-			type: ie.Rect,
+			type: oe.Rect,
 			tag: Ce,
 			data: {
 				label: o[s],
@@ -3703,7 +3703,7 @@ var We = {
 	],
 	defaultSettings: De,
 	render({ data: e }) {
-		let { width: t, height: n } = this.rect, r = je(t, n), i = Me(t, n), a = this.chart.scale("attributes"), o = this.chart.scale("values"), s = a.ticks().length, l = a.domain(), u = o.domain()[1], d = this.settings.settings, { items: f } = this.resolver.resolve({
+		let { width: t, height: n } = this.rect, r = je(t, n), i = Me(t, n), a = this.chart.scale("attributes"), o = this.chart.scale("values"), s = a.ticks().length, c = a.domain(), l = o.domain()[1], d = this.settings.settings, { items: f } = this.resolver.resolve({
 			data: e,
 			settings: d
 		}), p = d.isSingleDimension ? [f] : Object.values((0, ke.groupBy)(f, "data.value")), m = Ae({
@@ -3713,7 +3713,7 @@ var We = {
 		}), h = [];
 		return p.forEach((e) => {
 			let t = e.map((e) => {
-				let t = l.findIndex((t) => t === e.data.attribute.value), n = e.data.score.value / u;
+				let t = c.findIndex((t) => t === e.data.attribute.value), n = e.data.score.value / l;
 				return {
 					...m(t, n),
 					tooltip: {
@@ -3727,14 +3727,14 @@ var We = {
 				isGrid: !1,
 				fill: e[0].fill,
 				isDefaultColor: d.isDefaultColor,
-				opacity: this.chart.scale(c.Categorical) ? d?.categoricalOpacity : null,
+				opacity: this.chart.scale(u.Categorical) ? d?.categoricalOpacity : null,
 				pointStyles: d.pointStyles,
 				lineType: d.lineType
 			};
 			h.push(...Pe(t, n));
 		}), [...Re({
 			center: r,
-			domain: u,
+			domain: l,
 			radius: i,
 			attributesAmount: s,
 			labels: a.labels()
@@ -3742,22 +3742,22 @@ var We = {
 	}
 };
 function Ge(e) {
-	e.component(oe.Radar, We);
+	e.component(ne.Radar, We);
 }
-var Ke = (e, t, n) => b(e, t, b(e, t, n, {
+var Ke = (e, t, n) => x(e, t, x(e, t, n, {
 	filter: qe,
 	placement: {
 		type: "bounds",
 		area: "target"
 	},
-	extract: x(e, t, Je, Xe)
+	extract: S(e, t, Je, Xe)
 }, "points-tooltip"), {
 	filter: C,
 	placement: {
 		type: "slice",
 		area: "target"
 	},
-	extract: x(e, t, Ye, Xe)
+	extract: S(e, t, Ye, Xe)
 }, "attributes-lines-tooltip");
 function qe(e) {
 	let t = e.find((e) => e.tag === we);
@@ -3770,19 +3770,19 @@ function C(e) {
 }
 var Je = (e, t, { formatter: n }, r, i, a, o) => {
 	if (t.tag === "dataPoint") {
-		let r = e.filter((e) => s(e)), { label: i, value: a } = t.desc.tooltip, c = a;
-		return !o && r[0]?.formatter ? c = n(r[0].formatter)(c) : o && (c = n(ae(r[0].formatter))(c)), [{
-			value: c,
+		let r = e.filter((e) => c(e)), { label: i, value: a } = t.desc.tooltip, s = a;
+		return !o && r[0]?.formatter ? s = n(r[0].formatter)(s) : o && (s = n(se(r[0].formatter))(s)), [{
+			value: s,
 			label: i
 		}];
 	}
 	return [];
 }, Ye = (e, t, { formatter: n }, r, i, a, o) => {
 	if (t.tag === "attributesLines") {
-		let r = e.filter((e) => s(e));
+		let r = e.filter((e) => c(e));
 		return t.desc.tooltip.values.map(({ label: e, value: t }) => {
 			let i = t;
-			return !o && r[0]?.formatter ? i = n(r[0].formatter)(i) : o && (i = n(ae(r[0].formatter))(i)), {
+			return !o && r[0]?.formatter ? i = n(r[0].formatter)(i) : o && (i = n(se(r[0].formatter))(i)), {
 				value: i,
 				label: e
 			};
@@ -3791,12 +3791,12 @@ var Je = (e, t, { formatter: n }, r, i, a, o) => {
 	return [];
 };
 function Xe(e, t) {
-	let n = e.filter((e) => s(e));
+	let n = e.filter((e) => c(e));
 	return n.length ? n.length === 1 ? n[0].label : t.desc.tooltip.title : "";
 }
 var Ze = (e, t, n) => {
-	let a = {
-		type: oe.Axis,
+	let r = {
+		type: ne.Axis,
 		key: "radar-axis",
 		scale: "values",
 		settings: {
@@ -3806,28 +3806,28 @@ var Ze = (e, t, n) => {
 			},
 			line: {
 				show: e.measureAxis.showAxis,
-				stroke: e.measureAxis.axisColor ?? i.mainDarkNavy,
+				stroke: e.measureAxis.axisColor ?? l.mainDarkNavy,
 				strokeDasharray: "none"
 			},
 			labels: {
 				show: e.measureAxis.showAxisLabels,
-				fill: e.measureAxis.axisLabelsColor ?? i.mainDarkNavy
+				fill: e.measureAxis.axisLabelsColor ?? l.mainDarkNavy
 			},
 			ticks: {
 				show: e.measureAxis.showAxisTicks,
-				stroke: e.measureAxis.axisTicksColor ?? i.mainDarkNavy
+				stroke: e.measureAxis.axisTicksColor ?? l.mainDarkNavy
 			}
 		},
 		layout: {
-			dock: r.Center,
-			displayOrder: v.CustomComponent
+			dock: a.Center,
+			displayOrder: y.CustomComponent
 		}
 	};
 	return {
 		...n,
-		components: [...n.components, a]
+		components: [...n.components, r]
 	};
-}, Qe = class extends re {
+}, Qe = class extends ae {
 	constructor() {
 		super([
 			me,
@@ -3836,16 +3836,16 @@ var Ze = (e, t, n) => {
 			Oe,
 			Ze,
 			Ke,
-			S
+			ee
 		]);
 	}
-}, $e = _(), et = new Qe(), tt = [Ge], nt = h(({ vSpec: e, vTheme: t, data: n, elementSize: r, vizProperties: i }) => {
-	let a = m(), { activeKey: s } = g(), c = p(), l = {
-		...i,
-		valuePickerMode: !!s
-	}, u = t || o, f = et.compile(e, u, n, r, l, d.Radar, a, c);
-	return f ? /* @__PURE__ */ (0, $e.jsx)(te, {
-		config: l,
+}, $e = m(), et = new Qe(), tt = [Ge], nt = p(({ vSpec: e, vTheme: t, data: n, elementSize: r, vizProperties: a }) => {
+	let o = g(), { activeKey: c } = _(), l = h(), u = {
+		...a,
+		valuePickerMode: !!c
+	}, d = t || s, f = et.compile(e, d, n, r, u, i.Radar, o, l);
+	return f ? /* @__PURE__ */ (0, $e.jsx)(ie, {
+		config: u,
 		definition: f,
 		size: r,
 		vSpec: e,