@astrato-io/visualizations 0.0.0-stage → 0.6.5

package/chunks/standalone-0ashe9w1.js

@@ -0,0 +1,411 @@
+import { o as e } from "./rolldown-runtime-DleVn1XH.js";
+import { Eo as t, Fa as n, Ja as r, Ks as i, Mo as a, Sa as o, Si as s, To as c, Ys as l, Zr as u, fc as d, mn as f, qa as p } from "./isEqual-BDxAhUo8.js";
+import { $t as m, Cn as h, Ei as g, I as _, P as v, R as y, W as b, Yi as x, mn as S } from "./utils-Bg7K-t6K.js";
+import { Fm as C, Pm as w } from "./handlers-VTBfIZYZ.js";
+import { g as T } from "./builder-B6dWSIdD.js";
+import { At as E, Bt as D, It as ee, Jt as O, M as te, Mt as ne, Nt as re, Ot as k, Qt as A, St as j, Wt as M, X as N, Yt as ie, an as P, dn as F, gt as ae, ht as oe, i as se, j as ce, qt as I, rn as L, t as R, un as z, zt as B } from "./escobar-eDjtGpkC.js";
+import { t as V } from "./coloring-B1XAfg6b.js";
+import { t as H } from "./debounce-fn-CUixuz45.js";
+import { t as U } from "./set-coloring-datafield-B3uIS1Pe.js";
+var W = 100, G = (e, t, n) => {
+	let r = e.element.getBoundingClientRect(), i = {
+		x: t.clientX - r.left,
+		y: t.clientY - r.top
+	};
+	return e.chart?.shapesAt(i, {
+		components: [{
+			key: n,
+			opts: { propagation: "stop" }
+		}],
+		propagation: "stop"
+	})?.[0];
+}, le = (e, t) => {
+	let n = null, r = H((r, i) => {
+		let a = G(r, i, e);
+		!a && n && (t(e, "mouseleave", n.key, i, n), n = null), a?.data?._ID && n?.data?._ID && a.data._ID !== n.data._ID && (t(e, "mouseleave", n.key, i, n), n = null), a && (t(e, "mousemove", a.key, i, a), n = a);
+	}, W), i = H((r) => {
+		n &&= (t(e, "mouseleave", n.key, r, n), null);
+	}, W);
+	return {
+		type: "native",
+		key: "action-events-interaction",
+		events: {
+			click(n) {
+				let r = G(this, n, e);
+				r && t(e, "click", r.key, n, r);
+			},
+			mousemove(e) {
+				r(this, e);
+			},
+			mouseleave(e) {
+				i(e);
+			}
+		}
+	};
+}, K = /* @__PURE__ */ e(x()), ue = t.Rectangle, q = (e) => ({
+	shape: e?.heatMapSettings?.shape ?? ue,
+	minSize: e?.heatMapSettings?.minSize ?? .1,
+	maxSize: e?.heatMapSettings?.maxSize ?? 1
+}), de = (e, t, n, r, i, a, o, s) => {
+	let c = [], { shape: l } = q(e), u = `${F.Point}-${l}`;
+	if ((e?.enableEmitEvents ?? !1) && s) {
+		let e = le(u, s);
+		c.push(e);
+	}
+	return {
+		...n,
+		interactions: n.interactions ? [...n.interactions, ...c] : [...c]
+	};
+}, fe = (e, t, n) => {
+	let r = e.dimensions.filter(s), i = r.filter((e) => e.role === p.HEAT_MAP_HORIZONTAL), a = r.filter((e) => e.role === p.HEAT_MAP_VERTICAL), o = i[0], c = a[0], [l, u] = re([{
+		showAxisTooltip: e?.axes?.dimension?.showAxisTooltip,
+		formatter: o?.formatter,
+		scale: ie(e),
+		key: k.Dimension,
+		settings: { direction: E(e) }
+	}, {
+		showAxisTooltip: e?.axes?.secondaryDimension?.showAxisTooltip,
+		formatter: c?.formatter,
+		scale: A.YAxisScale,
+		key: k.DimensionSec,
+		settings: {
+			direction: ne(e),
+			isVerticalDimension: !0
+		}
+	}]);
+	return {
+		...n,
+		components: [...n.components ?? [], ...l],
+		interactions: [...n.interactions ?? [], ...u]
+	};
+}, pe = (e, t, r, i, o, c, l, d) => {
+	let f = [], m = [], h = [];
+	if (d) {
+		let e = ee(F.Text, d);
+		h.push(e);
+	}
+	let g = e.dimensions.filter((e) => e.role === p.HEAT_MAP_HORIZONTAL), _ = g.filter(s), v = e.dimensions.filter((e) => e.role === p.HEAT_MAP_VERTICAL), y = v.filter(s), b = {
+		...t.axis.dimension,
+		...t.fonts
+	}, x = {
+		...t.axis.measure,
+		...t.fonts
+	}, S = _[0], C = y[0], w = e.measures.filter((e) => e.role === n.HEAT_MAP_COLOR), T = w.filter(s), E = {};
+	if (S) {
+		let t = e.axes?.dimension || E, n = t.secondaryAxis ? a.Top : a.Bottom;
+		if (f.push(B(A.XAxisScale, t, b, n, S.formatter, c)), t.showAxisName) {
+			let r = u(g, e.enableAlternate, c?.isPrintMode);
+			m.push(D(_, r, n, b, t.colors?.title, t.axisTitle ? t.axisTitle : I(S, l), t.titleFontSize));
+		}
+	}
+	if (C) {
+		let t = e.axes?.secondaryDimension || E, n = t.secondaryAxis ? a.Right : a.Left;
+		if (f.push(B(A.YAxisScale, t, b, n, C.formatter, c)), t.showAxisName) {
+			let r = u(v, e.enableAlternate, c?.isPrintMode);
+			m.push(D(y, r, n, b, t.colors?.title, t.axisTitle ? t.axisTitle : I(C, l), t.titleFontSize));
+		}
+	}
+	if (w.length > 1) {
+		let t = e.axes?.primaryMeasure || {}, n = u(w, e.enableAlternate, c?.isPrintMode);
+		m.push(D(T, n, a.Right, x, t.colors?.title, t.axisTitle, t.titleFontSize));
+	}
+	return {
+		...r,
+		components: [
+			...r.components,
+			...f,
+			...m
+		],
+		interactions: r.interactions ? [...r.collections, ...h] : [...h]
+	};
+}, me = /* @__PURE__ */ e(f()), he = (e) => (t, n) => t.value === e ? -1 : +(n.value === e), ge = (e) => (t, n) => t.value === e ? 1 : n.value === e ? -1 : 0, J = (e, t = 0) => (n, r) => {
+	let i = e ? n[e] : n, a = e ? r[e] : r;
+	return i.value !== a.value && i.value === null ? -t : i.value !== a.value && a.value === null ? t : i.value === a.value ? 0 : i.value < a.value ? -t : t;
+}, _e = (e) => (t, n) => {
+	let r = 0;
+	for (let i = 0; i < e.length; i++) if (r = e[i](t, n), r !== 0) return r;
+	return r;
+}, ve = (e) => [
+	"SUM",
+	"MIN",
+	"MAX",
+	"AVG"
+].includes(e.aggregation?.funcName) ? e.aggregation?.funcName.toLowerCase() : e.aggregation?.funcName === "COUNT" ? "sum" : "avg", Y = (e, t, n) => {
+	let r = n?.sortingOrder.findIndex((t) => d(t.dataItem) === d(e));
+	if (r < 0) return;
+	let i = n?.sortingOrder[r], a = n?.sortingOrder.slice(0, r).filter((e) => e.fieldType === "measure");
+	if (i) {
+		let e, r = [];
+		n?.topN?.enabled && n.topN.showOthers && ((0, me.default)(n.topN.dimensionIdx) || n.topN.dimensionIdx === t) && (e = n.topN.othersPosition === C.First ? he(n.topN.othersLabel?.stringLabel ?? "Others") : n.topN.othersPosition === C.Last ? ge(n.topN.othersLabel?.stringLabel ?? "Others") : void 0, e && r.push(e));
+		let o = {};
+		return a.forEach((e, t) => {
+			let n = `m${t}`;
+			r.push(J(n, e.sortDirection === c.Asc ? 1 : -1)), o[n] = {
+				field: d(e.dataItem),
+				reduce: ve(e.dataItem)
+			};
+		}), r.push(J("", i.sortDirection === c.Asc ? 1 : -1)), {
+			props: o,
+			sort: _e(r)
+		};
+	}
+}, ye = (e, t, r) => {
+	let i = e.dimensions.filter(s), a = e.measures.filter(s), o = i.filter((e) => e.role === p.HEAT_MAP_HORIZONTAL), c = i.filter((e) => e.role === p.HEAT_MAP_VERTICAL), u = a.filter((e) => e.role === n.HEAT_MAP_COLOR), f = a.filter((e) => e.role === n.HEAT_MAP_SIZE), m = o[0], h = c[0], g = u[0], _ = f[0], { coloring: v } = e || {}, y = v?.fieldId;
+	e.coloring?.type === l.Gradient && (y ||= d(g.dataItem)), y && oe(r, 0, { color: { field: y } });
+	let b = j(U(e, y), t, {});
+	if (m) {
+		let t = Y(m.dataItem, 0, e.querySettings);
+		b[A.XAxisScale] = {
+			data: {
+				extract: {
+					field: d(m.dataItem),
+					trackBy: (e) => e,
+					reduce: "first",
+					props: t?.props
+				},
+				sort: t?.sort
+			},
+			type: P.Band
+		};
+	}
+	if (h) {
+		let t = Y(h.dataItem, 1, e.querySettings);
+		b[A.YAxisScale] = {
+			data: {
+				extract: {
+					field: d(h.dataItem),
+					trackBy: (e) => e,
+					reduce: "first",
+					props: t?.props
+				},
+				sort: t?.sort
+			},
+			type: P.Band
+		};
+	}
+	let x = d(g.dataItem);
+	if (b[x] = { data: { field: x } }, _) {
+		let e = d(_.dataItem);
+		b[e] = {
+			type: P.Linear,
+			data: { extract: { field: e } }
+		};
+	}
+	return {
+		...r,
+		scales: b
+	};
+}, X = /* @__PURE__ */ function(e) {
+	return e.measure = "measure", e.group = "group", e.size = "size", e;
+}({}), be = (e, t, r) => {
+	let i = e.dimensions.filter(s), a = e.measures.filter(s), o = te((e.supportingMeasures ?? []).filter(s)), c = i.filter((e) => e.role === p.HEAT_MAP_HORIZONTAL), l = i.filter((e) => e.role === p.HEAT_MAP_VERTICAL), u = a.filter((e) => e.role === n.HEAT_MAP_COLOR), f = a.filter((e) => e.role === n.HEAT_MAP_SIZE);
+	if (!i.length) return r;
+	let m = c[0], h = l[0], g = u[0], _ = f[0], v = d(g?.dataItem), y = d(_?.dataItem), b = d(m?.dataItem), x = d(h?.dataItem), S = [{
+		key: A.Collection,
+		data: { extract: [{
+			field: b,
+			props: {
+				measure: { field: v },
+				group: { field: x },
+				size: _ ? { field: y } : void 0,
+				secondColorOverwrite: { field: x },
+				...o
+			}
+		}] }
+	}];
+	return v && (S[0].data.extract[0].props[v] = { field: v }), y && (S[0].data.extract[0].props[y] = { field: y }), {
+		...r,
+		collections: S
+	};
+}, xe = (e, t, r, i, a, o) => {
+	let c = e.measures.filter(s), u = c.filter((e) => e.role === n.HEAT_MAP_COLOR), f = c.filter((e) => e.role === n.HEAT_MAP_SIZE), p = u[0], m = f[0], { shape: h, minSize: g, maxSize: _ } = q(e), v = _;
+	m && (v = (e) => e.resources.scale(d(m.dataItem))(e.datum.size.value) * (_ - g) + g);
+	let y = new V(e, t, a?.[0]?.itemsNotAffectedByFiltering), b = {
+		type: F.Point,
+		key: `${F.Point}-${h}`,
+		data: { collection: A.Collection },
+		settings: {
+			x: { scale: A.XAxisScale },
+			y: {
+				scale: A.YAxisScale,
+				ref: X.group
+			},
+			fill: y.getColorDefinition({
+				ref: "color",
+				overwriteSources: [
+					y.MAIN_FIELD,
+					"secondColorOverwrite",
+					"color"
+				],
+				dataItemId: e.coloring?.type === l.Single ? d(p?.dataItem) : null
+			}),
+			shape: h,
+			size: v
+		},
+		animations: {
+			enabled: !0,
+			presetId: "simple-opacity"
+		},
+		brush: M(["", X.group], o, void 0, z.AndSubset)
+	};
+	return {
+		...r,
+		components: [...r.components, b]
+	};
+}, Z = {
+	top: 0,
+	bottom: 0,
+	left: 2,
+	right: 2
+}, Se = (e, t, n, r) => {
+	let i;
+	return d(e.dataItem) === d(n.dataItem) ? i = r?.measure : d(t.dataItem) === d(n.dataItem) && (i = r?.size), i ? i.value === null ? "-" : i.label ?? "" : "";
+}, Ce = (e, t, n, r) => {
+	if (d(e.dataItem) === d(n.dataItem)) return r.measure?.value;
+	if (d(t.dataItem) === d(n.dataItem)) return r.size?.value;
+}, we = (e, i, a) => {
+	let o, c = e.measures.filter(s), l = c.filter((e) => e.role === n.HEAT_MAP_COLOR), u = c.filter((e) => e.role === n.HEAT_MAP_SIZE), d = l[0], f = u[0], { shape: p } = q(e), m;
+	switch (p) {
+		case t.Circle:
+			m = L.Circle;
+			break;
+		case t.Square:
+		case t.Rectangle:
+		case t.Bar:
+			m = L.Rect;
+			break;
+		default: m = L.Path;
+	}
+	if (d?.dataLabels?.show) o = d;
+	else if (f?.dataLabels?.show) o = f;
+	else return a;
+	let h = {
+		type: F.Labels,
+		key: "heat-map-label",
+		settings: { sources: [{
+			component: `${F.Point}-${p}`,
+			selector: m,
+			strategy: {
+				type: "bar",
+				settings: {
+					direction: "right",
+					fontFamily: i.fonts.general.fontFamily,
+					fontSize: O(o.dataLabels?.size),
+					labels: [{
+						label({ data: e, formatter: t }) {
+							if (!e) return "";
+							let n = Se(d, f, o, e);
+							if (r(o.formatter)) {
+								let t = Ce(d, f, o, e);
+								return t === null ? "-" : t === void 0 ? "" : S(o.formatter.format, o.formatter)(t, void 0, e);
+							}
+							return o.formatter && t && n && n !== "-" ? t(o.formatter)(n) : n;
+						},
+						placements: [{
+							position: w.Inside,
+							fill: "#fff",
+							align: .5,
+							justify: .5,
+							padding: Z
+						}, {
+							position: w.Inside,
+							fill: "#000",
+							align: .5,
+							justify: .5,
+							padding: Z
+						}]
+					}]
+				}
+			}
+		}] },
+		animations: {
+			enabled: !0,
+			presetId: "chart-labels"
+		}
+	};
+	return {
+		...a,
+		components: [...a?.components ?? [], h]
+	};
+}, Q = (e, t, n) => {
+	let { shape: r } = q(e), i = `${F.Point}-${r}`;
+	return N(e, t, n, {
+		filter: (e) => e.filter((e) => e.key === i),
+		placement: {
+			type: "pointer",
+			area: "target"
+		}
+	});
+}, Te = class extends ce {
+	constructor() {
+		super([
+			be,
+			ye,
+			pe,
+			xe,
+			ae,
+			Q,
+			we,
+			fe,
+			de
+		]);
+	}
+	preCompile(e) {
+		let t = e.dimensions.filter(s), r = e.measures.filter(s), i = t.filter((e) => e.role === p.HEAT_MAP_HORIZONTAL), a = t.filter((e) => e.role === p.HEAT_MAP_VERTICAL), o = r.filter((e) => e.role === n.HEAT_MAP_COLOR), c = i[0], l = a[0], u = o[0];
+		if (!c || !l || !u) throw Error("Charts w/o horizontal or vertical dimension or color measure are not supported ATM.");
+	}
+}, Ee = ({ id: e, clientX: t, clientY: n, vBackendAPI: r, ...i }) => {
+	let { top: a, left: o } = r.daedalus.convertCoordinatesToContainerPosition(t, n);
+	T({
+		id: e,
+		top: a,
+		left: o,
+		...i
+	}, { vBackendAPI: r });
+}, $ = (e, t, n, r, i) => {
+	let a, o, [s, c, l, u] = r, f = s.name, p = c.name, m = l.name, h = n.data.value, g = n.data.group.value, _ = n.data.measure.value;
+	if (u) {
+		let e = d(u);
+		a = n.data[e].value, o = u.name;
+	}
+	Ee({
+		id: e,
+		clientX: t.clientX,
+		clientY: t.clientY,
+		xAxisValue: h,
+		yAxisValue: g,
+		measureColorValue: _,
+		measureSizeValue: a,
+		xAxisName: f,
+		yAxisName: p,
+		measureColorName: m,
+		measureSizeName: o,
+		vBackendAPI: i
+	});
+}, De = (e) => T({ id: "onCellLeave" }, { vBackendAPI: e }), Oe = () => {
+	let e = h(), t = y(), n = b();
+	return (0, K.useCallback)((r, i, a, o, s) => {
+		let c;
+		switch (i) {
+			case "click":
+				r === F.Text ? c = R(r, n, o, a) : s.key && $("onCellClick", o, s, t, e);
+				break;
+			case "mousemove":
+				$("onCellHover", o, s, t, e);
+				break;
+			case "mouseleave":
+				De(e);
+				break;
+		}
+		c && e.emitEvent(c.action, c.payload);
+	}, [e, t]);
+}, ke = g(), Ae = m(({ vSpec: e, vTheme: t, data: n, elementSize: r, vizProperties: a }) => {
+	let s = v(), [c] = (0, K.useState)(() => new Te()), l = _(), u = Oe(), d = t || o, f = c.compile(e, d, n, r, a, i.HeatMap, s, l, u);
+	return f ? /* @__PURE__ */ (0, ke.jsx)(se, {
+		config: a,
+		definition: f,
+		size: r,
+		vSpec: e
+	}) : null;
+});
+export { Ae as HeatMapChart };