@astrato-io/visualizations 0.0.0-stage → 0.6.4

package/chunks/standalone-CDQnr6qT.js

@@ -0,0 +1,345 @@
+import { o as e } from "./rolldown-runtime-DleVn1XH.js";
+import { La as t, No as n, Ta as r, Ti as i, Wc as a, Xs as o, Yn as s, pc as c, qs as l, ti as u } from "./interfaces-VUY4_yVO.js";
+import { Ki as d, P as f, Zt as p, o as m, wi as h } from "./utils-Ba9T0TqC.js";
+import { Bn as g, Vn as _ } from "./event-bus-KiSiCJrC.js";
+import { n as v } from "./pie-uv42Eqal.js";
+import { F as y, Ft as b, Jt as x, M as S, P as C, Q as w, Qt as T, St as E, Vt as D, Wt as O, X as k, Z as A, _t as j, et as M, ht as ee, i as te, it as ne, j as re, n as ie, nn as ae, rt as oe, tt as N, un as P } from "./escobar-BGqT1EsE.js";
+import { l as F, vt as I } from "./_baseFlatten-DPXPOrea.js";
+import { t as L } from "./coloring-C16AUZEi.js";
+import { t as R } from "./set-coloring-datafield-B3uIS1Pe.js";
+var z = /* @__PURE__ */ e(d()), B = (e, n, r) => {
+	let { coloring: a } = e || {}, s = a?.fieldId, l = e.dimensions.filter((e) => i(e)), u = e.measures.filter((e) => i(e)), d = u.filter((e) => e.role === t.PIE_CHART_SLICE), f = u.filter((e) => e.role === t.PIE_CHART_LENGTH);
+	s || (e.coloring?.type === o.Gradient ? s = c(d[0]?.dataItem) : e.coloring?.type === o.Categorical && (s = c(l[0]?.dataItem))), ee(r, 0, { color: { field: s } });
+	let p = E(R(e, s), n, {});
+	if (f.length > 0) {
+		let e = c(f[0]?.dataItem);
+		p[e] = { data: { field: e } };
+	}
+	return {
+		...r,
+		scales: p
+	};
+}, V = /* @__PURE__ */ function(e) {
+	return e.num = "num", e.rad = "rad", e.group = "group", e;
+}({}), H = (e, n, r) => {
+	if (!e.dimensions[0]) return r;
+	let a = e.measures.filter((e) => i(e)), o = S((e.supportingMeasures ?? []).filter((e) => i(e))), s = e.dimensions.filter((e) => i(e))?.[0], l = a.filter((e) => e.role === t.PIE_CHART_SLICE)?.[0], u = a.filter((e) => e.role === t.PIE_CHART_LENGTH)?.[0], d = c(l?.dataItem), f = c(u?.dataItem), p = c(s?.dataItem), m = [{
+		key: T.Collection,
+		data: { extract: [{
+			field: p,
+			props: {
+				num: l?.dataItem?.name ? { field: d } : void 0,
+				rad: u?.dataItem?.name ? { field: f } : void 0,
+				...o
+			}
+		}] }
+	}];
+	return d && (m[0].data.extract[0].props[d] = { field: d }), f && (m[0].data.extract[0].props[f] = { field: f }), {
+		...r,
+		collections: m
+	};
+}, U = "pie-alternates-switcher", W = "pie-alternates-switcher", G = (e) => s(e) || e.label || e.dataItem?.name || "Field", K = (e, t, n, r) => {
+	let i = n ? c(n.dataItem) : void 0;
+	return {
+		type: "native",
+		key: `${W}-interaction`,
+		events: { click(o) {
+			let s = this.element.getBoundingClientRect(), c = {
+				x: o.clientX - s.left,
+				y: o.clientY - s.top
+			}, l = this.chart.shapesAt(c, {
+				components: [{
+					key: W,
+					propagation: "stop"
+				}],
+				propagation: "stop"
+			}).find((e) => e.data?.target === "measure" || e.data?.target === "dimension");
+			if (l?.data?.target === "measure" && n && i) {
+				r(P.Text, "click", `text-${i}`, o, l, {
+					dataItemType: a.Measure,
+					dataItemRole: n.role
+				});
+				return;
+			}
+			l?.data?.target === "dimension" && e && r(P.Text, "click", `text-${e}`, o, l, {
+				dataItemType: a.Dimension,
+				dataItemRole: t
+			});
+		} }
+	};
+}, se = (e, r, o, s, l, d, f, p) => {
+	let m = u(e.dimensions, e.enableAlternate, d?.isPrintMode), h = e.dimensions.filter((e) => i(e)), g = h[0], _ = g ? c(g.dataItem) : void 0, v = e.measures.filter((e) => e.role === t.PIE_CHART_SLICE), y = u(v, e.enableAlternate, d?.isPrintMode), b = v.filter((e) => i(e))[0], x = m && h.length ? h.map((e) => G(e)).join(", ") : void 0, S = y && b ? G(b) : void 0;
+	if (!x && !S) return o;
+	let C = {
+		type: U,
+		key: W,
+		dimensionDataItemType: _ ? a.Dimension : void 0,
+		dimensionDataItemRole: g?.role,
+		measureDataItemType: b ? a.Measure : void 0,
+		measureDataItemRole: b?.role,
+		layout: {
+			dock: n.Bottom,
+			displayOrder: 0
+		},
+		settings: {
+			dimensionLabel: x ? D(x) : void 0,
+			measureLabel: S ? D(S) : void 0,
+			fontFamily: r.fonts.general.fontFamily,
+			fontSize: `${I.fieldTitle.fontSize}px`,
+			color: r.fonts.general.color,
+			paddingLeft: 5,
+			paddingRight: 5,
+			paddingVertical: 5,
+			labelGap: 12
+		}
+	}, w = p ? [K(_, g?.role, b, p)] : [];
+	return {
+		...o,
+		components: [...o.components, C],
+		interactions: o.interactions ? [...o.interactions, ...w] : w
+	};
+}, q = {
+	outerRadius: .8,
+	outerRadiusWithoutLabels: .95,
+	cornerRadius: v.pie,
+	strokeWidth: 0,
+	strokeEnabled: !1,
+	strokeColor: "#C6C6C6",
+	multiMeasureMinRadius: .3,
+	donut: {
+		innerRadius: .55,
+		cornerRadius: v.donut,
+		multiMeasureMinRadius: .6
+	}
+};
+function J(e) {
+	return e.pieSettings?.donut ?? !1;
+}
+var ce = (e, n, r, a, o, s) => {
+	let l = e.measures.filter((e) => i(e)), u = l.filter((e) => e.role === t.PIE_CHART_SLICE), d = l.filter((e) => e.role === t.PIE_CHART_LENGTH), f = u[0], p = d[0], m = new L(e, n, o?.[0]?.itemsNotAffectedByFiltering), h = J(e) ? q.donut.innerRadius : 0, g = f?.dataLabels?.show === !1 ? q.outerRadiusWithoutLabels : q.outerRadius, _ = e.pieSettings?.cornerRadius ?? (J(e) ? q.donut.cornerRadius : q.cornerRadius), v = e.pieSettings?.strokeEnabled ?? q.strokeEnabled, y = e.pieSettings?.strokeWidth ?? q.strokeWidth, b = e.pieSettings?.strokeColor ?? q.strokeColor;
+	if (p) {
+		let t = g, n = J(e) ? q.donut.multiMeasureMinRadius : q.multiMeasureMinRadius;
+		g = (e) => e.resources.scale(c(p.dataItem))(e.datum.rad.value) * (t - n) + n;
+	}
+	let x = {
+		type: P.Pie,
+		key: `${P.Pie}`,
+		data: { collection: T.Collection },
+		animations: {
+			enabled: !0,
+			presetId: "pie-chart"
+		},
+		settings: { slice: {
+			arc: { ref: "num" },
+			stroke: b,
+			strokeWidth: v ? y : 0,
+			cornerRadius: _,
+			innerRadius: h,
+			outerRadius: g,
+			fill: m.getColorDefinition({ ref: "color" })
+		} },
+		brush: O([""], s, { valuePickerMode: s?.valuePickerMode })
+	};
+	return {
+		...r,
+		components: [...r.components, x]
+	};
+}, le = (e, t, n) => ({ data: r, formatter: a }) => {
+	let o = e.dimensions.filter((e) => i(e))[0], s = r.value, c = r[V.num].value, l = o.formatter && s && a ? a(o.formatter)(s) : `${s}`, u = t.formatter && c && a ? a(t.formatter)(c, void 0, r) : `${c}`, d = c != null && n && a ? a(ne)(c / n) : null, f = () => t.dataLabels?.measureLabelFormat === g.Percentage ? [d] : t.dataLabels?.measureLabelFormat === g.ValueAndPercentage ? [u, d] : [u];
+	switch (t.dataLabels?.labelFormat) {
+		case _.Measure: {
+			let e = f();
+			return e.length === 1 ? e[0] : e;
+		}
+		case _.DimensionAndMeasure: return [l, ...f()];
+		default: return l;
+	}
+}, ue = (e, n, r, a, o, s) => {
+	let c = e.dimensions.filter((e) => i(e)), l = e.measures.filter((e) => i(e)), u = c[0], d = l.find((e) => e.role === t.PIE_CHART_SLICE) ?? l[0];
+	if (!u || !d || !d.dataLabels?.show) return r;
+	let f = new F(n.fonts.general.color), p = d.dataLabels.showBackdrop ? C(d.dataLabels.backdropColor ? { fill: d.dataLabels.backdropColor } : void 0) : void 0, m = p ? y(f) : d.dataLabels.textColor || "#000", { strokeEnabled: h, strokeWidth: g = q.strokeWidth } = e.pieSettings, _ = h ? g / 2 : 0, v = {
+		type: P.Labels,
+		key: "pie-labels",
+		animations: {
+			enabled: !0,
+			presetId: "chart-labels"
+		},
+		layout: { displayOrder: b.Labels },
+		settings: { sources: [{
+			component: `${P.Pie}`,
+			selector: ae.Path,
+			strategy: {
+				type: "slice",
+				settings: {
+					fontSize: x(d.dataLabels.size),
+					fontFamily: n.fonts.general.fontFamily,
+					labels: [{
+						label: le(e, d, o[0].sum),
+						placements: [{
+							position: "outside",
+							fill: m,
+							backdrop: p
+						}],
+						strokeDelta: _,
+						linkData: ({ data: e }) => e
+					}]
+				}
+			}
+		}] },
+		brush: O([""], s, { valuePickerMode: s?.valuePickerMode })
+	};
+	return {
+		...r,
+		components: [...r.components, v]
+	};
+}, Y = (e, t, n, r, i) => {
+	let a = n.data[t]?.value, o = s(e) || e.label || e.dataItem.name || "", c = a;
+	return !i && e.formatter ? c = r.formatter(e.formatter)(a, void 0, n.data) : i && (c = r.formatter(oe(e.formatter))(a, void 0, n.data)), {
+		label: o,
+		value: c
+	};
+}, de = (e, n, r, a, o) => {
+	let s = !!e.measures.filter(i).filter((e) => e.role === t.PIE_CHART_LENGTH)?.[0], c = {
+		filter: (e) => e.filter((e) => e.key === P.Pie),
+		placement: {
+			type: "slice",
+			area: "target"
+		}
+	};
+	if (s) return k(e, n, r, c, "tooltip", o);
+	let l = N(e, o), u = A(e, n, fe, w, o?.[0]?.sum, l);
+	return k(e, n, r, {
+		...c,
+		extract: u
+	}, "tooltip", o);
+}, fe = (e, t, n, r, a, o, s, l) => {
+	let u = [], d = e.filter(i), f = M(n), p = d.filter((e) => !f.has(c(e.dataItem)))?.[0] ?? d?.[0], m = Object.keys(t.data).find((e) => t.data[e]?.source?.field === c(p?.dataItem));
+	if (!m || !p ? u.push({
+		label: "",
+		value: ""
+	}) : u.push(Y(p, m, t, n, l)), d.filter((e) => f.has(c(e.dataItem))).forEach((e) => {
+		let r = c(e.dataItem), i = Object.keys(t.data).find((e) => t.data[e]?.source?.field === r);
+		i && u.push(Y(e, i, t, n, l));
+	}), s) return u;
+	let h = Object.values(o ?? {}).reduce((e, t) => e + Number(t), 0);
+	return u.push({
+		label: "Total",
+		value: p?.formatter ? n.formatter(p.formatter)(h) : h
+	}), u;
+}, pe = class extends re {
+	constructor() {
+		super([
+			H,
+			B,
+			ce,
+			se,
+			ue,
+			j,
+			de
+		]);
+	}
+	preCompile(e) {
+		let t = e.dimensions.filter((e) => i(e))?.[0], n = e.measures.filter((e) => i(e))?.[0];
+		if (!t || !n) throw Error("Charts w/o dimensions or measures are not supported ATM.");
+	}
+}, X = " ▼", Z = "...", Q = (e, t, n, r) => e.measureText({
+	text: t,
+	fontFamily: n,
+	fontSize: r
+}).width, $ = (e, t, n, r, i) => {
+	if (t <= 0 || Q(n, e, r, i) <= t) return e;
+	let a = e.endsWith(X), o = a ? X : "", s = a ? e.slice(0, -2) : e;
+	if (Q(n, `${Z}${o}`, r, i) > t) return Z;
+	let c = 0, l = s.length;
+	for (; c < l;) {
+		let e = Math.ceil((c + l) / 2);
+		Q(n, `${s.slice(0, e)}${Z}${o}`, r, i) <= t ? c = e : l = e - 1;
+	}
+	return `${s.slice(0, c)}${Z}${o}`;
+}, me = {
+	require: ["renderer"],
+	defaultSettings: { settings: {
+		dimensionLabel: "",
+		measureLabel: "",
+		fontSize: "12px",
+		color: "#000",
+		paddingLeft: 5,
+		paddingRight: 5,
+		paddingVertical: 5,
+		labelGap: 12
+	} },
+	preferredSize() {
+		let { fontFamily: e = "Arial", fontSize: t, paddingVertical: n } = this.settings.settings;
+		return this.renderer.measureText({
+			fontFamily: e,
+			fontSize: t
+		}).height + n * 2;
+	},
+	render() {
+		let { dimensionLabel: e, measureLabel: t, fontFamily: n = "Arial", fontSize: r, color: i, paddingLeft: a, paddingRight: o, labelGap: s } = this.settings.settings, c = t ? Q(this.renderer, t, n, r) : 0, l = this.rect.width - o, u = l - c, d = Math.max(Math.min(t ? u - s - a : this.rect.width - a - o, this.rect.width / 2), 0), f = e ? $(e, d, this.renderer, n, r) : "", p = f ? Q(this.renderer, f, n, r) : 0, m = [];
+		return t && m.push({
+			type: "rect",
+			x: Math.max(u, 0),
+			y: 0,
+			width: Math.min(c, this.rect.width),
+			height: this.rect.height,
+			fill: "rgba(0, 0, 0, 0)",
+			strokeWidth: 0,
+			data: { target: "measure" }
+		}), e && (m.push({
+			type: "rect",
+			x: a,
+			y: 0,
+			width: p,
+			height: this.rect.height,
+			fill: "rgba(0, 0, 0, 0)",
+			strokeWidth: 0,
+			data: { target: "dimension" }
+		}), m.push({
+			type: "text",
+			text: f,
+			x: a,
+			y: this.rect.height / 2,
+			anchor: "start",
+			baseline: "central",
+			fontFamily: n,
+			fontSize: r,
+			fill: i,
+			maxWidth: d,
+			data: { target: "dimension" }
+		})), t && m.push({
+			type: "text",
+			text: t,
+			x: l,
+			y: this.rect.height / 2,
+			anchor: "end",
+			baseline: "central",
+			fontFamily: n,
+			fontSize: r,
+			fill: i,
+			data: { target: "measure" }
+		}), m;
+	}
+};
+function he(e) {
+	e.component(U, me);
+}
+var ge = h(), _e = p(({ vSpec: e, vTheme: t, data: n, elementSize: i, vizProperties: a }) => {
+	let o = f(), [s] = (0, z.useState)(() => new pe()), { activeKey: u } = m(), d = {
+		...a,
+		valuePickerMode: !!u
+	}, p = t || r;
+	if (n?.[0]?.items && e?.measures?.length) {
+		let t = n[0].items.reduce((t, n) => t + n[c(e.measures[0].dataItem)], 0);
+		n[0].sum = t;
+	}
+	let h = s.compile(e, p, n, i, d, l.Pie, o, void 0, ie());
+	return h ? /* @__PURE__ */ (0, ge.jsx)(te, {
+		config: d,
+		definition: h,
+		size: i,
+		vSpec: e,
+		escobarPlugins: [he]
+	}) : null;
+});
+export { _e as PieChart };