@astrato-io/visualizations 0.0.0-stage → 0.6.5

package/chunks/standalone-BvaKdky9.js

@@ -0,0 +1,344 @@
+import { o as e } from "./rolldown-runtime-DleVn1XH.js";
+import { Fa as t, Gn as n, Ks as r, Mo as i, Sa as a, Si as o, Uc as s, Ys as c, Zr as l, fc as u } from "./isEqual-BDxAhUo8.js";
+import { $t as d, Ei as f, P as p, Yi as m, o as h } from "./utils-Bg7K-t6K.js";
+import { Lm as g, Rm as _, bm as v } from "./handlers-VTBfIZYZ.js";
+import { Vt as y, mt as b } from "./ui-DQWtv2iM.js";
+import { F as x, Ft as S, Jt as C, M as w, P as T, Q as E, Qt as D, St as ee, Vt as O, Wt as k, X as A, Z as j, _t as M, dn as N, et as te, ht as ne, i as re, it as ie, j as ae, n as oe, rn as P, rt as F, tt as I } from "./escobar-eDjtGpkC.js";
+import { t as L } from "./coloring-B1XAfg6b.js";
+import { t as R } from "./set-coloring-datafield-B3uIS1Pe.js";
+var z = /* @__PURE__ */ e(m()), B = (e, n, r) => {
+	let { coloring: i } = e || {}, a = i?.fieldId, s = e.dimensions.filter((e) => o(e)), l = e.measures.filter((e) => o(e)), d = l.filter((e) => e.role === t.PIE_CHART_SLICE), f = l.filter((e) => e.role === t.PIE_CHART_LENGTH);
+	a || (e.coloring?.type === c.Gradient ? a = u(d[0]?.dataItem) : e.coloring?.type === c.Categorical && (a = u(s[0]?.dataItem))), ne(r, 0, { color: { field: a } });
+	let p = ee(R(e, a), n, {});
+	if (f.length > 0) {
+		let e = u(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 i = e.measures.filter((e) => o(e)), a = w((e.supportingMeasures ?? []).filter((e) => o(e))), s = e.dimensions.filter((e) => o(e))?.[0], c = i.filter((e) => e.role === t.PIE_CHART_SLICE)?.[0], l = i.filter((e) => e.role === t.PIE_CHART_LENGTH)?.[0], d = u(c?.dataItem), f = u(l?.dataItem), p = u(s?.dataItem), m = [{
+		key: D.Collection,
+		data: { extract: [{
+			field: p,
+			props: {
+				num: c?.dataItem?.name ? { field: d } : void 0,
+				rad: l?.dataItem?.name ? { field: f } : void 0,
+				...a
+			}
+		}] }
+	}];
+	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) => n(e) || e.label || e.dataItem?.name || "Field", K = (e, t, n, r) => {
+	let i = n ? u(n.dataItem) : void 0;
+	return {
+		type: "native",
+		key: `${W}-interaction`,
+		events: { click(a) {
+			let o = this.element.getBoundingClientRect(), c = {
+				x: a.clientX - o.left,
+				y: a.clientY - o.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(N.Text, "click", `text-${i}`, a, l, {
+					dataItemType: s.Measure,
+					dataItemRole: n.role
+				});
+				return;
+			}
+			l?.data?.target === "dimension" && e && r(N.Text, "click", `text-${e}`, a, l, {
+				dataItemType: s.Dimension,
+				dataItemRole: t
+			});
+		} }
+	};
+}, se = (e, n, r, a, c, d, f, p) => {
+	let m = l(e.dimensions, e.enableAlternate, d?.isPrintMode), h = e.dimensions.filter((e) => o(e)), g = h[0], _ = g ? u(g.dataItem) : void 0, v = e.measures.filter((e) => e.role === t.PIE_CHART_SLICE), b = l(v, e.enableAlternate, d?.isPrintMode), x = v.filter((e) => o(e))[0], S = m && h.length ? h.map((e) => G(e)).join(", ") : void 0, C = b && x ? G(x) : void 0;
+	if (!S && !C) return r;
+	let w = {
+		type: U,
+		key: W,
+		dimensionDataItemType: _ ? s.Dimension : void 0,
+		dimensionDataItemRole: g?.role,
+		measureDataItemType: x ? s.Measure : void 0,
+		measureDataItemRole: x?.role,
+		layout: {
+			dock: i.Bottom,
+			displayOrder: 0
+		},
+		settings: {
+			dimensionLabel: S ? O(S) : void 0,
+			measureLabel: C ? O(C) : void 0,
+			fontFamily: n.fonts.general.fontFamily,
+			fontSize: `${y.fieldTitle.fontSize}px`,
+			color: n.fonts.general.color,
+			paddingLeft: 5,
+			paddingRight: 5,
+			paddingVertical: 5,
+			labelGap: 12
+		}
+	}, T = p ? [K(_, g?.role, x, p)] : [];
+	return {
+		...r,
+		components: [...r.components, w],
+		interactions: r.interactions ? [...r.interactions, ...T] : T
+	};
+}, 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, i, a, s) => {
+	let c = e.measures.filter((e) => o(e)), l = c.filter((e) => e.role === t.PIE_CHART_SLICE), d = c.filter((e) => e.role === t.PIE_CHART_LENGTH), f = l[0], p = d[0], m = new L(e, n, a?.[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(u(p.dataItem))(e.datum.rad.value) * (t - n) + n;
+	}
+	let x = {
+		type: N.Pie,
+		key: `${N.Pie}`,
+		data: { collection: D.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: k([""], s, { valuePickerMode: s?.valuePickerMode })
+	};
+	return {
+		...r,
+		components: [...r.components, x]
+	};
+}, le = (e, t, n) => ({ data: r, formatter: i }) => {
+	let a = e.dimensions.filter((e) => o(e))[0], s = r.value, c = r[V.num].value, l = a.formatter && s && i ? i(a.formatter)(s) : `${s}`, u = t.formatter && c && i ? i(t.formatter)(c, void 0, r) : `${c}`, d = c != null && n && i ? i(ie)(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, i, a, s) => {
+	let c = e.dimensions.filter((e) => o(e)), l = e.measures.filter((e) => o(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 b(n.fonts.general.color), p = d.dataLabels.showBackdrop ? T(d.dataLabels.backdropColor ? { fill: d.dataLabels.backdropColor } : void 0) : void 0, m = p ? x(f) : d.dataLabels.textColor || "#000", { strokeEnabled: h, strokeWidth: g = q.strokeWidth } = e.pieSettings, _ = h ? g / 2 : 0, v = {
+		type: N.Labels,
+		key: "pie-labels",
+		animations: {
+			enabled: !0,
+			presetId: "chart-labels"
+		},
+		layout: { displayOrder: S.Labels },
+		settings: { sources: [{
+			component: `${N.Pie}`,
+			selector: P.Path,
+			strategy: {
+				type: "slice",
+				settings: {
+					fontSize: C(d.dataLabels.size),
+					fontFamily: n.fonts.general.fontFamily,
+					labels: [{
+						label: le(e, d, a[0].sum),
+						placements: [{
+							position: "outside",
+							fill: m,
+							backdrop: p
+						}],
+						strokeDelta: _,
+						linkData: ({ data: e }) => e
+					}]
+				}
+			}
+		}] },
+		brush: k([""], s, { valuePickerMode: s?.valuePickerMode })
+	};
+	return {
+		...r,
+		components: [...r.components, v]
+	};
+}, Y = (e, t, r, i, a) => {
+	let o = r.data[t]?.value, s = n(e) || e.label || e.dataItem.name || "", c = o;
+	return !a && e.formatter ? c = i.formatter(e.formatter)(o, void 0, r.data) : a && (c = i.formatter(F(e.formatter))(o, void 0, r.data)), {
+		label: s,
+		value: c
+	};
+}, de = (e, n, r, i, a) => {
+	let s = !!e.measures.filter(o).filter((e) => e.role === t.PIE_CHART_LENGTH)?.[0], c = {
+		filter: (e) => e.filter((e) => e.key === N.Pie),
+		placement: {
+			type: "slice",
+			area: "target"
+		}
+	};
+	if (s) return A(e, n, r, c, "tooltip", a);
+	let l = I(e, a), u = j(e, n, fe, E, a?.[0]?.sum, l);
+	return A(e, n, r, {
+		...c,
+		extract: u
+	}, "tooltip", a);
+}, fe = (e, t, n, r, i, a, s, c) => {
+	let l = [], d = e.filter(o), f = te(n), p = d.filter((e) => !f.has(u(e.dataItem)))?.[0] ?? d?.[0], m = Object.keys(t.data).find((e) => t.data[e]?.source?.field === u(p?.dataItem));
+	if (!m || !p ? l.push({
+		label: "",
+		value: ""
+	}) : l.push(Y(p, m, t, n, c)), d.filter((e) => f.has(u(e.dataItem))).forEach((e) => {
+		let r = u(e.dataItem), i = Object.keys(t.data).find((e) => t.data[e]?.source?.field === r);
+		i && l.push(Y(e, i, t, n, c));
+	}), s) return l;
+	let h = Object.values(a ?? {}).reduce((e, t) => e + Number(t), 0);
+	return l.push({
+		label: "Total",
+		value: p?.formatter ? n.formatter(p.formatter)(h) : h
+	}), l;
+}, pe = class extends ae {
+	constructor() {
+		super([
+			H,
+			B,
+			ce,
+			se,
+			ue,
+			M,
+			de
+		]);
+	}
+	preCompile(e) {
+		let t = e.dimensions.filter((e) => o(e))?.[0], n = e.measures.filter((e) => o(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 = f(), _e = d(({ vSpec: e, vTheme: t, data: n, elementSize: i, vizProperties: o }) => {
+	let s = p(), [c] = (0, z.useState)(() => new pe()), { activeKey: l } = h(), d = {
+		...o,
+		valuePickerMode: !!l
+	}, f = t || a;
+	if (n?.[0]?.items && e?.measures?.length) {
+		let t = n[0].items.reduce((t, n) => t + n[u(e.measures[0].dataItem)], 0);
+		n[0].sum = t;
+	}
+	let m = c.compile(e, f, n, i, d, r.Pie, s, void 0, oe());
+	return m ? /* @__PURE__ */ (0, ge.jsx)(re, {
+		config: d,
+		definition: m,
+		size: i,
+		vSpec: e,
+		escobarPlugins: [he]
+	}) : null;
+});
+export { _e as PieChart };

package/chunks/standalone-BwtM31-f.js

@@ -0,0 +1,2 @@
+import { t as e } from "./view-Bn83C8d9.js";
+export { e as DatePicker };