@astrato-io/visualizations 0.0.0-stage → 0.6.4

package/chunks/standalone-Dx3MLlrO.js

@@ -0,0 +1,512 @@
+import "./rolldown-runtime-DleVn1XH.js";
+import { Jo as e, No as t, Oa as n, Pn as r, Po as i, Ta as a, Ti as o, Yn as s, is as c, pc as l, qs as u, ti as d } from "./interfaces-VUY4_yVO.js";
+import { I as f, Ki as p, P as m, Zt as h, o as ee, wi as g, xn as _ } from "./utils-Ba9T0TqC.js";
+import { Rn as v } from "./event-bus-KiSiCJrC.js";
+import { t as te } from "./stroke-dash-UgMEcCS4.js";
+import { n as ne, v as re } from "./src-Cum_2NLV.js";
+import { Bt as ie, Ft as y, G as b, Jt as ae, M as oe, N as se, Pt as ce, Qt as x, Rt as le, X as ue, Xt as de, Z as fe, Zt as S, et as pe, i as me, in as he, j as ge, mt as C, n as _e, nn as ve, rt as w, un as T, vt as ye, zt as E } from "./escobar-BGqT1EsE.js";
+import { vt as D } from "./_baseFlatten-DPXPOrea.js";
+p();
+function O(e) {
+	let { measureProps: t, index: n, items: r, vSpec: i } = e, { positive: a, negative: o } = k(t, i), s;
+	return s = n === 0 ? r[0] > 0 ? a : o : r[n] > r[n - 1] ? a : o, s;
+}
+function k(e, t) {
+	let n = t.colors;
+	if (!e?.customColorEnabled) return j({ ...n }, t);
+	let { customColor: r } = e;
+	return j({
+		positive: r.positive ?? n.positive,
+		negative: r.negative ?? n.negative,
+		subTotal: r.subTotal ?? n.subTotal
+	}, t);
+}
+function A(e, t) {
+	let n = e.measureProps[t];
+	return n?.customColorEnabled && n?.customColor.subTotal ? n?.customColor.subTotal : e.colors.subTotal;
+}
+function j(e, t) {
+	return t.barSettings.translucentBars ? {
+		positive: P(e.positive, t),
+		negative: P(e.negative, t),
+		subTotal: P(e.subTotal, t)
+	} : e;
+}
+var M = .65, N = 1;
+function P(e, t) {
+	return (n) => {
+		if (typeof n.datum.end.value != "number" || typeof n.datum.start.value != "number") return null;
+		let r = n.datum.end.value - n.datum.start.value;
+		n.datum.reverted.value && (r *= -1);
+		let i = [{
+			color: e,
+			opacity: N,
+			offset: +(r < 0)
+		}, {
+			color: e,
+			opacity: M,
+			offset: r < 0 ? 0 : 1
+		}];
+		return r < 0 && i.reverse(), {
+			type: "gradient",
+			degree: S(t) ? 0 : 90,
+			stops: i
+		};
+	};
+}
+var be = (e, t) => t || e.colors.brandColors[0], xe = "subTotal-measure", F = (e) => `${xe}-${e}`, I = "total-measure", L = (e) => `${u.Waterfall}.subTotal.${e}`, R = `${u.Waterfall}.total`;
+function z(e) {
+	return ({ data: t, formatter: n }) => {
+		let r = t?.end.value - t?.start.value;
+		return t?.reverted?.value && (r *= -1), e.formatter && r && n ? n(e.formatter)(`${r}`) : `${r}`;
+	};
+}
+var B = "waterfall-chart", V = {
+	scale: "onlyMeasures",
+	ref: "series"
+};
+function H(e) {
+	return {
+		collection: "collection-no-dimension",
+		filter: (t) => t?.source?.field === e
+	};
+}
+function Se(e, t, n) {
+	let r = H(F(n)), a = {
+		scale: e.orientation === i.Horizontal ? x.XAxisScale : x.YAxisScale,
+		ref: "end"
+	}, o = A(e, n);
+	return {
+		type: T.Box,
+		layout: { displayOrder: y.VisualizationElement },
+		key: L(n),
+		data: r,
+		settings: U(e, t, V, a, o),
+		animations: {
+			enabled: !0,
+			presetId: B
+		}
+	};
+}
+function Ce(e, t) {
+	let n = H(I), r = {
+		scale: e.orientation === i.Horizontal ? x.XAxisScale : x.YAxisScale,
+		ref: "end"
+	}, a = e.total.color;
+	return {
+		type: T.Box,
+		layout: { displayOrder: y.VisualizationElement },
+		key: R,
+		data: n,
+		settings: U(e, t, V, r, a),
+		animations: {
+			enabled: !0,
+			presetId: B
+		}
+	};
+}
+var we = (e, t, n, r) => ({
+	type: T.Box,
+	layout: { displayOrder: y.VisualizationElement },
+	key: C(e, t, u.Waterfall),
+	data: r,
+	settings: n,
+	animations: {
+		enabled: !0,
+		presetId: B
+	}
+}), U = (e, t, a, o, s) => {
+	let c = {
+		orientation: e.orientation ?? i.Vertical,
+		major: a,
+		minor: o,
+		box: {
+			minWidthPx: 2,
+			ref: "",
+			rx: r(e.barSettings.barRadius, 0),
+			fill: s,
+			stacked: !1,
+			grouped: !1,
+			boxPadding: e.barSettings.barPadding ?? 0,
+			groupPadding: 0,
+			itemsInStackCount: 0,
+			roundAllEdges: e.barSettings.roundAllEdges ?? !1,
+			useCustomBoxRounding: e.barSettings.useCustomBoxRounding ?? !1,
+			ignoreOutOfBounds: e.barSettings.ignoreOutOfBounds ?? !1
+		}
+	};
+	return e.barSettings?.strokeEnabled ? (c.box.stroke = be(t, e.barSettings?.strokeColor), c.box.strokeWidth = e.barSettings?.strokeWidth) : c.box.stroke = n.transparent, c;
+}, W = "collection-no-dimension", G = "onlyMeasures";
+v.Inside, v.Outside, v.Opposite;
+function K(e, t) {
+	let n = e.measures.filter((e) => o(e));
+	return n.filter((r, i) => {
+		let a = l(r.dataItem), o = t[0].items[0][a], s = e.measureProps[a];
+		if (i === 0) return !!o || !s?.hideIfEmpty;
+		let c = l(n[i - 1].dataItem);
+		return o !== t[0].items[0][c] || !s?.hideIfEmpty;
+	});
+}
+var Te = (e, n, r, i, a, s, c, l) => {
+	r = le(e, n, r, i, a, s, c, l);
+	let u = [], f = [];
+	if ("axes" in e) {
+		let r = e.axes?.dimension || {};
+		if (!r.disabled) {
+			let i = S(e) ? t.Left : t.Bottom;
+			if (u.push(E(G, r, {
+				...n.axis.measure,
+				...n.fonts
+			}, i)), r.showAxisName) {
+				let t = e.measures.filter((e) => o(e)), a = t.length ? t : e.measures;
+				if (a.length) {
+					let t = d(e.measures, !!e.enableAlternate, s?.isPrintMode);
+					f.push(ie(a, t, i, {
+						...n.axis.measure,
+						...n.fonts
+					}, void 0, r.axisTitle ?? "Measures", r.titleFontSize, "waterfall-measures-axis-label"));
+				}
+			}
+		}
+	}
+	return {
+		...r,
+		components: [
+			...r.components,
+			...u,
+			...f
+		]
+	};
+}, Ee = (e, t, n, r, i) => {
+	let a = b(e, {});
+	(e.axes?.primaryMeasure?.axisRange?.axisRangeOption ?? c.Auto) === c.Auto && (S(e) ? a[x.XAxisScale].expand = .3 : a[x.YAxisScale].expand = .3);
+	let o = [];
+	return K(e, i).forEach((t, n) => {
+		let r = l(t.dataItem), i = s(t);
+		o.push({
+			value: r,
+			label: i || t.label || t.dataItem.name
+		});
+		let a = e.measureProps[r];
+		a?.subTotalEnabled && o.push({
+			value: F(n),
+			label: a?.subTotalLabel || "Sub-Total"
+		});
+	}), e.total.enabled && o.push({
+		value: I,
+		label: e.total.label || "Total"
+	}), a.onlyMeasures = {
+		data: { items: o },
+		padding: e.barSettings.barPadding ?? 0,
+		type: he.Band,
+		value: (e) => `${e.datum.value.value}`,
+		label: (e) => `${e.datum.value.label}`
+	}, {
+		...n,
+		scales: a
+	};
+}, q = "measures", De = (e, t, n, r, i) => {
+	let a = [], s, c = K(e, i), u = oe((e.supportingMeasures ?? []).filter((e) => o(e)));
+	if (c.forEach((t, n) => {
+		let r = l(t.dataItem), i, o;
+		if (n === 0) i = 0, o = { field: r }, s = "end";
+		else if (s === "start") i = { field: l(c[n - 1].dataItem) }, o = { field: r }, s = "end";
+		else {
+			let e = l(c[n - 1].dataItem);
+			i = { field: r }, o = { field: e }, s = "start";
+		}
+		a.push({
+			field: r,
+			props: {
+				stackKey: q,
+				[r]: { field: r },
+				...u,
+				series: r,
+				start: i,
+				color: r,
+				end: o,
+				secondaryAxis: t.secondaryAxis,
+				isMultipleMeasures: !0,
+				subTotal: !1,
+				reverted: s === "start"
+			}
+		});
+		let d = e.measureProps[r];
+		if (d?.subTotalEnabled) {
+			let e = F(n), t, i;
+			s === "end" ? (t = 0, i = { field: r }) : (t = { field: r }, i = 0), a.push({
+				field: e,
+				props: {
+					stackKey: q,
+					...u,
+					series: e,
+					start: t,
+					color: e,
+					end: i,
+					secondaryAxis: !1,
+					isMultipleMeasures: !0,
+					label: d?.subTotalLabel || "Sub-Total",
+					subTotal: !0,
+					reverted: s === "start"
+				}
+			});
+		}
+	}), e.total.enabled) {
+		let t = l(c[c.length - 1].dataItem), n, r;
+		s === "end" ? (n = 0, r = { field: t }) : (n = { field: t }, r = 0), a.push({
+			field: I,
+			props: {
+				stackKey: q,
+				...u,
+				series: I,
+				start: n,
+				color: I,
+				end: r,
+				secondaryAxis: !1,
+				isMultipleMeasures: !0,
+				label: e.total.label || "Total",
+				subTotal: !0,
+				reverted: s === "start"
+			}
+		});
+	}
+	let d = {
+		key: W,
+		data: { extract: a }
+	};
+	return {
+		...n,
+		collections: [d]
+	};
+}, Oe = (e, t, n, r, i) => {
+	let a = Object.values(i[0].items[0]), o = K(e, i).reduce((n, r, i) => {
+		let o = l(r.dataItem), s = H(o), c = {
+			scale: de(e, r),
+			ref: "end"
+		}, u = O({
+			measureProps: e.measureProps[o],
+			index: i,
+			items: a,
+			vSpec: e
+		}), d = [...n], f = U(e, t, V, c, u);
+		return d.push(we(e, r, f, s)), e.measureProps[o]?.subTotalEnabled && d.push(Se(e, t, i)), d;
+	}, []);
+	return e.total.enabled && o.push(Ce(e, t)), {
+		...n,
+		components: [...n.components, ...o]
+	};
+}, J = [{ position: v.Outside }, {
+	position: v.Inside,
+	justify: 1
+}], ke = (e, t, n, r, i) => {
+	let a = [], o = K(e, i);
+	return o.forEach((n, r) => {
+		if (!n.dataLabels?.show) return;
+		a.push(Me(e, t, n, r));
+		let i = l(n.dataItem);
+		e.measureProps[i]?.subTotalEnabled && a.push(je(e, t, n, r));
+	}), e.total.enabled && e.total.showDataLabel && a.push(Ae(e, t, o)), {
+		...n,
+		components: [...n.components, ...a]
+	};
+}, Y = {
+	layout: { displayOrder: y.Labels },
+	animations: {
+		enabled: !0,
+		presetId: "chart-labels"
+	}
+};
+function Ae(e, t, n) {
+	let r = n[n.length - 1], i = z(r);
+	return {
+		...Y,
+		type: T.Labels,
+		key: "bar-labels-normal-total",
+		settings: X(e, t, R, i, e.total?.showLabelBackdrop, e.total?.labelFontSize)
+	};
+}
+function je(e, t, n, r) {
+	return {
+		...Y,
+		type: T.Labels,
+		key: `bar-labels-normal-${r}-sub`,
+		settings: X(e, t, L(r), z(n), n.dataLabels?.showBackdrop, n.dataLabels?.size)
+	};
+}
+function Me(e, t, n, r) {
+	let i = C(e, n, u.Waterfall);
+	return {
+		...Y,
+		type: T.Labels,
+		key: `bar-labels-normal-${r}`,
+		settings: X(e, t, i, z(n), n.dataLabels?.showBackdrop, n.dataLabels?.size)
+	};
+}
+function X(e, t, n, r, i = !1, a = D.dataPoint.valueFontSize) {
+	return { sources: [{
+		component: n,
+		selector: ve.Rect,
+		strategy: {
+			type: "bar",
+			settings: {
+				direction: Ne(e),
+				fontSize: ae(a),
+				fontFamily: t.fonts.general.fontFamily,
+				labels: [{
+					label: r,
+					placements: i ? J.map((n) => se(n, t, S(e))) : J
+				}]
+			}
+		}
+	}] };
+}
+function Ne(e) {
+	return ({ data: t }) => {
+		if (!t) return null;
+		let n = t.end.value > t.start.value;
+		return (t.reverted?.value ? !n : n) ? S(e) ? "right" : "up" : S(e) ? "left" : "down";
+	};
+}
+var Pe = {
+	curve: e.Linear,
+	line: {
+		stroke: n.grey1,
+		strokeWidth: 2,
+		strokeDasharray: te({
+			space: 1,
+			width: 4
+		}),
+		show: !0
+	}
+}, Fe = {
+	scale: G,
+	ref: "series"
+}, Ie = {
+	enabled: !0,
+	presetId: "simple-opacity"
+}, Z = (e, t, n) => {
+	if (!e.showLines) return n;
+	let r = n.collections[0].data.extract, i = "end", a = r.map((t, n) => {
+		if (n === r.length - 1) return;
+		let a = i;
+		return r[n + 1].props.subTotal || (i = i === "start" ? "end" : "start"), {
+			type: T.Line,
+			layout: { displayOrder: y.VisualizationElement },
+			key: `${u.Line}.${n}`,
+			data: {
+				collection: W,
+				filter: (e, t) => [n, n + 1].includes(t)
+			},
+			settings: Le(e, a),
+			animations: Ie
+		};
+	});
+	return {
+		...n,
+		components: [...n.components, ...a.filter(Boolean)]
+	};
+};
+function Le(e, t) {
+	let n = S(e);
+	return {
+		layers: Pe,
+		coordinates: {
+			major: Fe,
+			minor: {
+				scale: n ? x.XAxisScale : x.YAxisScale,
+				ref: t
+			}
+		},
+		orientation: n ? i.Vertical : i.Horizontal
+	};
+}
+var Re = (e, t, n) => {
+	let r = e.measures.filter(o), i = r.map((t) => C(e, t, u.Waterfall));
+	return ue(e, t, n, {
+		filter: (e) => e.filter((e) => e.data?.subTotal?.value || i.findIndex((t) => t === e.key) !== -1),
+		placement: {
+			type: "bounds",
+			area: "target"
+		},
+		extract: fe({
+			...e,
+			measures: r
+		}, t, ze, () => "")
+	}, `tooltip-${T.Box}`);
+}, ze = (e, t, n, r, i, a, o, c) => {
+	let { formatter: u } = n, d = t.data, f = pe(n), p = e.filter((e) => !f.has(l(e.dataItem))), m = e.filter((e) => f.has(l(e.dataItem))).flatMap((e) => {
+		let n = l(e.dataItem), r = Object.keys(t.data).find((e) => t.data[e]?.source?.field === n);
+		if (!r) return [];
+		let i = t.data[r]?.value, a = i;
+		return !c && e?.formatter && u ? a = u(e.formatter)(i) : c && u && (a = u(w(e?.formatter))(i)), [{
+			label: s(e) || e.label || e.dataItem.name || "",
+			value: a
+		}];
+	});
+	if (d.subTotal.value) {
+		let e = d.label, n = d.reverted.value ? d.start.value : d.end.value, r;
+		if (t.key === R) {
+			let e = p[p.length - 1];
+			r = !c && e?.formatter && u ? u(e.formatter)(n) : n;
+		} else {
+			let e = parseInt(t.data._configOrder, 10), i = e > 0 ? p[e - 1] : void 0;
+			r = !c && i?.formatter && u ? u(i.formatter)(n) : n;
+		}
+		return [{
+			label: e.value.toString(),
+			value: r
+		}, ...m];
+	} else {
+		let t = d.series.value.toString(), n = e.find((e) => l(e.dataItem) === t), r = (d.reverted.value ? -1 : 1) * (d.end.value - d.start.value), i = r;
+		return !c && n?.formatter && u ? i = u(n.formatter)(r) : c && u && (i = u(w(n?.formatter))(r)), [{
+			label: (n ? s(n) : "") || n?.label || n?.dataItem.name || "",
+			value: i
+		}, ...m];
+	}
+}, Be = class extends ge {
+	constructor() {
+		super([
+			De,
+			Ee,
+			Te,
+			ye,
+			Oe,
+			ke,
+			Z,
+			Re,
+			ce
+		]);
+	}
+	preCompile(e, t) {
+		let n = [];
+		Object.entries(t[0].items[0]).forEach(([e, t]) => {
+			if (n.length === 0) n.push([e, t]);
+			else {
+				let r = t + n[n.length - 1][1];
+				n.push([e, r]);
+			}
+		}), t[0].items[0] = Object.fromEntries(n), Ve(e) && (e.measureProps = re);
+	}
+};
+function Ve(e) {
+	return e.measures.filter((e) => o(e)).every((e) => e.dataItem.internalKey.startsWith("internalKeyMeasure"));
+}
+var Q = g(), He = new Be(), Ue = h(({ vSpec: e, vTheme: t, data: n, elementSize: r, vizProperties: i }) => {
+	let o = m(), { activeKey: s } = ee(), c = f(), l = _(), d = _e();
+	if (!i.isFetchingData && $(n)) return /* @__PURE__ */ (0, Q.jsx)(ne, { vBackendAPI: l });
+	if ($(n)) return null;
+	let p = {
+		...i,
+		valuePickerMode: !!s
+	}, h = t || a, g = He.compile(e, h, structuredClone(n), r, p, u.Waterfall, o, c, d);
+	return g ? /* @__PURE__ */ (0, Q.jsx)(me, {
+		config: p,
+		definition: g,
+		size: r,
+		vSpec: e
+	}) : null;
+});
+function $(e) {
+	return e?.[0].items.length === 0 || !Object.values(e[0].items[0]).some(Boolean);
+}
+export { Ue as WaterfallChart };