@astrato-io/visualizations 0.0.0-stage → 0.6.4

package/chunks/standalone-DzixzZAL.js

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

package/chunks/standalone-QJ1kKMnO.js

@@ -0,0 +1,6 @@
+import "./rolldown-runtime-DleVn1XH.js";
+import { Ki as e, Zt as t, wi as n } from "./utils-Ba9T0TqC.js";
+import { n as r } from "./standalone-DS9T0FZ-.js";
+e();
+var i = n(), a = t((e) => /* @__PURE__ */ (0, i.jsx)(r, { ...e }));
+export { a as HistogramChart };