@astrato-io/visualizations 0.0.0-stage → 0.6.5

package/chunks/standalone-_DeX21JJ.js

@@ -0,0 +1,383 @@
+import { o as e, t } from "./rolldown-runtime-DleVn1XH.js";
+import { Eo as n, Ks as r, Mt as i, No as a, Nt as o, R as s, Sa as c, Si as l, Ta as u, Xt as d, Ys as f, fc as p, in as m, zt as h } from "./isEqual-BDxAhUo8.js";
+import { $t as ee, Ei as te, I as ne, Jn as g, P as _, Yi as v, o as y } from "./utils-Bg7K-t6K.js";
+import { b } from "./ui-DQWtv2iM.js";
+import { At as x, Ct as re, Et as S, Ft as C, H as ie, M as ae, Mt as oe, Nt as se, Ot as w, Qt as ce, Rt as le, St as T, Tt as E, U as D, Ut as O, Wt as k, X as A, Xt as j, Yt as M, Z as N, Zt as P, an as F, dn as I, gt as L, ht as R, i as z, j as B, jt as V, n as H, on as U, ot as W, rn as ue, rt as G, st as de, un as fe, ut as pe, vt as me, xt as he } from "./escobar-eDjtGpkC.js";
+import { t as ge } from "./coloring-B1XAfg6b.js";
+import { t as K } from "./set-coloring-datafield-B3uIS1Pe.js";
+import { t as _e } from "./range-CiwTbMig.js";
+v();
+var ve = (e, t, n, r, i, a, o) => {
+	let s = e.dimensions.filter((e) => l(e)), c = e.measures.filter((e) => l(e)), u = ye(e, t, n, o);
+	return s[0] && (n.collections.push({
+		key: S.DimensionDomain,
+		data: { extract: [{ field: p(s[0].dataItem) }] }
+	}), u[M(e)] = {
+		data: { collection: S.DimensionDomain },
+		type: F.Band
+	}), c[0] && (u[j(e, c[0])] = {
+		data: { field: p(c[0].dataItem) },
+		expand: .02,
+		invert: D(!1, e.axes?.primaryMeasure),
+		...ie(e.axes?.primaryMeasure?.axisRange, !0)
+	}), {
+		...n,
+		scales: u
+	};
+};
+function ye(e, t, n, r) {
+	let i = e.dimensions.filter((e) => l(e)), a = e.measures.filter((e) => l(e));
+	switch (e.coloring?.type) {
+		case f.Categorical: {
+			let a = re(e, r, i[1]);
+			return R(n, 1, { color: { field: a } }), { categorical: he(K(e, a), t, a, {
+				customPalette: e.coloring.customPalette,
+				palette: e.coloring.palette,
+				sortOrder: e.coloring.sortOrder
+			}, n.collections) };
+		}
+		case f.Gradient: {
+			let r = E(e);
+			return R(n, 1, { color: { field: r } }), T(K(e, r), t, {});
+		}
+		case f.Single: {
+			let r = p(a[0]?.dataItem);
+			r && R(n, 1, { color: { field: r } });
+			let i = e?.coloring?.color ?? t.colors.brandColors[0];
+			return { [f.Single]: {
+				data: [],
+				unknown: i,
+				type: F.CategoricalColor,
+				range: [i]
+			} };
+		}
+		default: return {};
+	}
+}
+var be = (e, t, n) => {
+	let r = e.dimensions.filter((e) => l(e)), i = e.measures.filter((e) => l(e)), a = (e.supportingMeasures ?? []).filter((e) => l(e)), [o, s] = r, c = p(o?.dataItem), u = p(s?.dataItem), d = p(i[0]?.dataItem), f = ae(a), m = {
+		key: S.DotBarCollection,
+		data: { extract: [{
+			field: c,
+			trackBy: (e) => e,
+			reduce: "first",
+			props: {
+				start: {
+					field: d,
+					reduce: "min"
+				},
+				med: {
+					field: d,
+					reduce: "avg"
+				},
+				end: {
+					field: d,
+					reduce: "max"
+				}
+			}
+		}] }
+	}, h = {
+		key: S.DotPointsCollection,
+		data: { extract: [{
+			field: u,
+			props: {
+				x: { field: d },
+				group: { field: c },
+				[d]: { field: d },
+				...f
+			}
+		}] }
+	};
+	return {
+		...n,
+		collections: [m, h]
+	};
+}, xe = /* @__PURE__ */ t(((e, t) => {
+	var n = Math.floor, r = Math.random;
+	function i(e, t) {
+		return e + n(r() * (t - e + 1));
+	}
+	t.exports = i;
+})), q = /* @__PURE__ */ t(((e, t) => {
+	var n = xe();
+	function r(e, t) {
+		var r = -1, i = e.length, a = i - 1;
+		for (t = t === void 0 ? i : t; ++r < t;) {
+			var o = n(r, a), s = e[o];
+			e[o] = e[r], e[r] = s;
+		}
+		return e.length = t, e;
+	}
+	t.exports = r;
+})), Se = /* @__PURE__ */ t(((e, t) => {
+	var n = s(), r = q();
+	function i(e) {
+		return r(n(e));
+	}
+	t.exports = i;
+})), Ce = /* @__PURE__ */ t(((e, t) => {
+	var n = o();
+	function r(e, t) {
+		return n(t, function(t) {
+			return e[t];
+		});
+	}
+	t.exports = r;
+})), we = /* @__PURE__ */ t(((e, t) => {
+	var n = Ce(), r = h();
+	function i(e) {
+		return e == null ? [] : n(e, r(e));
+	}
+	t.exports = i;
+})), Te = /* @__PURE__ */ t(((e, t) => {
+	var n = q(), r = we();
+	function i(e) {
+		return n(r(e));
+	}
+	t.exports = i;
+})), Ee = /* @__PURE__ */ t(((e, t) => {
+	var n = Se(), r = Te(), i = d();
+	function a(e) {
+		return (i(e) ? n : r)(e);
+	}
+	t.exports = a;
+})), De = /* @__PURE__ */ e(_e()), Oe = /* @__PURE__ */ e(Ee()), J = (e) => 1 - (e.barSettings.barPadding ?? 0);
+function ke(e, t, n) {
+	let r = new ge(e, t, n?.[0]?.itemsNotAffectedByFiltering);
+	return r.getColorDefinition({
+		overwriteSources: [r.MAIN_FIELD],
+		ref: "color"
+	});
+}
+function Ae(e) {
+	let t = k([""], e, { valuePickerMode: e?.valuePickerMode }), n = t?.consume?.[1]?.style?.active?.strokeWidth;
+	return typeof n == "function" && (t.consume[1].style.active.strokeWidth = (e) => e.type === ue.Line ? 1 : n(e)), t;
+}
+function Y(e) {
+	return O({
+		triggerData: [""],
+		consumeData: ["", "group"],
+		consumerMode: fe.Or
+	}, e, { valuePickerMode: e?.valuePickerMode });
+}
+var X = 100, Z = .1, Q = .9, je = (0, Oe.default)((0, De.default)(Z, Q, (Q - Z) / X));
+function Me(e, t) {
+	return ({ datum: n, resources: { scale: r } }, i) => {
+		let a = r(M(t)), o = t.jitterPoints ? je[i % X] : .5;
+		return a(n.group.value) + .5 * (1 - e) * a.bandwidth() + e * a.bandwidth() * o;
+	};
+}
+var Ne = (e, t, n, r, i, a) => {
+	let o = Pe(e, t, a), s = $(e, ke(e, t, i), a);
+	return {
+		...n,
+		components: [
+			...n.components,
+			o,
+			s
+		]
+	};
+};
+function Pe(e, t, n) {
+	let r = {
+		orientation: e.orientation,
+		major: { scale: M(e) },
+		minor: { scale: j(e, e.measures.filter((e) => l(e))[0]) },
+		box: {
+			width: J(e),
+			fill: e.barColor ?? "rgba(100, 100, 100, 0.2)",
+			rx: e.barSettings?.barRadius ?? 0,
+			roundAllEdges: !0
+		},
+		median: {
+			stroke: u.mainDarkNavy,
+			strokeWidth: 2
+		}
+	};
+	return e.barSettings?.strokeEnabled ? (r.box.stroke = e.barSettings?.strokeColor || t.colors.brandColors[0], r.box.strokeWidth = e.barSettings?.strokeWidth) : r.box.stroke = u.transparent, {
+		type: I.Box,
+		layout: { displayOrder: C.VisualizationElement },
+		key: "min-max-box",
+		data: { collection: S.DotBarCollection },
+		settings: r,
+		animations: {
+			enabled: !0,
+			presetId: "bar-chart"
+		},
+		brush: Ae(n)
+	};
+}
+function $(e, t, r) {
+	let i = Me(J(e) * .9, e);
+	return {
+		type: I.Point,
+		key: "dot-point",
+		layout: { displayOrder: C.VisualizationElement },
+		data: { collection: S.DotPointsCollection },
+		settings: {
+			x: { scale: j(e, e.measures.filter((e) => l(e))[0]) },
+			y: {
+				scale: M(e),
+				fn: i
+			},
+			shape: n.Circle,
+			size: e.pointSize,
+			strokeWidth: 2,
+			opacity: .8,
+			fill: t,
+			id: ({ datum: e }) => `${e.group.value}::${e.value}`
+		},
+		animations: { enabled: !0 },
+		brush: Y(r)
+	};
+}
+function Fe(e, t, n) {
+	if (!e.refLines?.x) return n;
+	let r = e.refLines.x.map((e) => W(e, ce.XAxisScale, t)), i = {
+		type: I.RefLine,
+		layout: { displayOrder: C.RefLine },
+		lines: { x: r }
+	};
+	return {
+		...n,
+		components: [...n.components, i]
+	};
+}
+var Ie = /* @__PURE__ */ t(((e, t) => {
+	var n = m(), r = b(), a = g(), o = i(), s = n.isFinite, c = Math.min;
+	function l(e) {
+		var t = Math[e];
+		return function(e, n) {
+			if (e = a(e), n = n == null ? 0 : c(r(n), 292), n && s(e)) {
+				var i = (o(e) + "e").split("e");
+				return i = (o(t(i[0] + "e" + (+i[1] + n))) + "e").split("e"), +(i[0] + "e" + (+i[1] - n));
+			}
+			return t(e);
+		};
+	}
+	t.exports = l;
+})), Le = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
+	t.exports = Ie()("round");
+})))());
+function Re(e, t, n) {
+	let r = e.measures.filter((e) => l(e))[0];
+	return A(e, t, n, {
+		filter: ze,
+		placement: {
+			type: "bounds",
+			area: "target"
+		},
+		extract: N(e, t, Be(r?.formatter), Ve)
+	}, "tooltip", void 0, {
+		componentKeys: ["dot-point"],
+		yieldToComponentKeys: ["min-max-box"]
+	});
+}
+function ze(e) {
+	if (e.length === 0) return [];
+	let t = e[0];
+	return ["dot-point", "min-max-box"].includes(t.key) ? [t] : [];
+}
+function Be(e) {
+	return (t, n, r, i, a, o, s, c) => {
+		if (n.key === "dot-point") {
+			let t = n.data.x.value;
+			return !c && e ? t = r.formatter(e)(t, void 0, n.data) : c && (t = r.formatter(G(e))(n.data.x.value, void 0, n.data)), [{
+				label: n.data.label,
+				value: t
+			}];
+		} else if (n.key === "min-max-box") {
+			let t = n.data.start.value, i = (0, Le.default)(n.data.med.value, 2), a = n.data.end.value;
+			return !c && e ? (t = r.formatter(e)(t), i = r.formatter(e)(i), a = r.formatter(e)(a)) : c && (t = r.formatter(G(e))(t), i = r.formatter(G(e))(i), a = r.formatter(G(e))(a)), [
+				{
+					label: "Min",
+					value: t
+				},
+				{
+					label: "Avg",
+					value: i
+				},
+				{
+					label: "Max",
+					value: a
+				}
+			];
+		}
+		return [];
+	};
+}
+function Ve(e) {
+	return e.filter((e) => l(e))[1]?.label ?? "";
+}
+var He = (e, t, n) => {
+	let r = e.dimensions.filter((e) => l(e)), i = e.measures.filter((e) => l(e)), o = {
+		showAxisTooltip: e?.axes?.dimension?.showAxisTooltip,
+		formatter: r[0]?.formatter || {
+			type: "string",
+			format: ""
+		},
+		scale: M(e),
+		key: `${w.Dimension}-${e.orientation ?? a.Vertical}`,
+		settings: { direction: x(e) }
+	}, s = i[0], [c, u] = se([o, {
+		showAxisTooltip: e?.axes?.primaryMeasure?.showAxisTooltip,
+		formatter: s?.formatter,
+		scale: j(e, s),
+		key: `${w.Measure}-${e.orientation ?? a.Vertical}`,
+		settings: {
+			direction: oe(e),
+			labelDock: V(P(e), s?.secondaryAxis)
+		}
+	}]);
+	return {
+		...n,
+		components: [...n.components ?? [], ...c],
+		interactions: [...n.interactions ?? [], ...u]
+	};
+};
+function Ue(e, t, n, r, i, a) {
+	let { components: o, interactions: s } = L(e, t, n, r, i, a);
+	if (!e.coloring || e.coloring.type === f.Single) return {
+		...n,
+		components: o,
+		interactions: s
+	};
+	let c = e.dimensions?.find((t) => e.coloring.fieldId === t.dataItem.internalKey), l = o.map((e) => (e.type === U.CategoricalLegend || e.type === U.SequentialLegend) && c ? {
+		...e,
+		brush: Y(a)
+	} : e);
+	return {
+		...n,
+		components: l,
+		interactions: s
+	};
+}
+var We = class extends B {
+	constructor() {
+		super([
+			be,
+			ve,
+			le,
+			me,
+			Ue,
+			de,
+			Ne,
+			Fe,
+			Re,
+			He,
+			pe
+		]);
+	}
+}, Ge = te(), Ke = new We(), qe = ee(({ vSpec: e, vTheme: t, data: n, elementSize: i, vizProperties: a }) => {
+	let o = _(), { activeKey: s } = y(), l = ne(), u = {
+		...a,
+		valuePickerMode: !!s
+	}, d = t || c, f = Ke.compile(e, d, n, i, u, r.Dot, o, l, H());
+	return f ? /* @__PURE__ */ (0, Ge.jsx)(z, {
+		config: u,
+		definition: f,
+		size: i,
+		vSpec: e
+	}) : null;
+});
+export { qe as DotChart };

package/chunks/standalone-gFhKZh8m.js

@@ -0,0 +1,179 @@
+import { o as e } from "./rolldown-runtime-DleVn1XH.js";
+import { Ko as t, Sa as n, eo as r, to as i } from "./isEqual-BDxAhUo8.js";
+import { $t as a, Ei as o, G as s, W as c, Yi as l, d as u } from "./utils-Bg7K-t6K.js";
+import { t as d } from "./stroke-dash-UgMEcCS4.js";
+import { _ as f } from "./coloring-B1XAfg6b.js";
+var p = /* @__PURE__ */ e(l()), m = (e) => e === i.Line || e === i.Elbow, h = {
+	shape: i.Square,
+	backgroundColor: { code: "#c4c4c4" },
+	backgroundType: "color",
+	lineThickness: 2,
+	borderEnabled: !1,
+	borderRadiusX: 0,
+	borderRadiusY: 0,
+	preserveAspectRatio: !0,
+	strokeColor: { code: "#8d8d8d" },
+	imageFit: r.Fill,
+	strokeDash: null,
+	imageURL: null,
+	scale: 1,
+	rotate: 0,
+	heightBasedSize: !1
+}, g = (e, n) => {
+	let r = { ...e?.shapeSettings }, a = 0, o = 0, s = r?.borderEnabled ?? h.borderEnabled;
+	(r?.shape === i.Square || r?.shape === i.Rectangle) && r?.borderRadius && (a = r?.borderRadius, o = a, r?.preserveAspectRatio || (n?.width > n?.height ? o = (n?.width || 1) / (n?.height || 1) * o : a = (n?.height || 1) / (n?.width || 1) * a)), m(r?.shape) && (r.backgroundColor = { code: "none" }, s = !0);
+	let c = r?.rotate ?? h.rotate;
+	r?.shape === i.Line && r?.heightBasedSize && (c += 90);
+	let l = r?.borderStyle === t.Line ? void 0 : r?.strokeDash ?? h.strokeDash;
+	return {
+		backgroundType: r?.backgroundType ?? "color",
+		shape: r?.shape ?? h.shape,
+		backgroundColor: r?.backgroundColor?.code ? r?.backgroundColor : h.backgroundColor,
+		imageURL: r?.imageURL ?? h.imageURL,
+		imageFit: r?.imageFit ?? h.imageFit,
+		strokeDash: l,
+		lineThickness: r?.lineThickness ?? h.lineThickness,
+		borderEnabled: s,
+		strokeColor: r?.strokeColor?.code ? r?.strokeColor : h.strokeColor,
+		preserveAspectRatio: r?.preserveAspectRatio ?? h.preserveAspectRatio,
+		scale: r?.scale ?? h.scale,
+		rotate: c,
+		heightBasedSize: r?.heightBasedSize ?? h.heightBasedSize,
+		borderRadiusX: a,
+		borderRadiusY: o
+	};
+}, _ = o(), v = ({ ...e }) => /* @__PURE__ */ (0, _.jsx)("path", {
+	d: "M0,50 L70,40 L70,20 L100,50 L70,80 L70,60 Z",
+	vectorEffect: "non-scaling-stroke",
+	...e
+}), y = ({ ...e }) => /* @__PURE__ */ (0, _.jsx)("circle", {
+	cx: "50",
+	cy: "50",
+	r: "49.5",
+	strokeWidth: "{0.02em}",
+	vectorEffect: "non-scaling-stroke",
+	...e
+}), b = ({ ...e }) => /* @__PURE__ */ (0, _.jsx)("path", {
+	d: "M0,0L100, 0L100, 100",
+	vectorEffect: "non-scaling-stroke",
+	...e
+}), x = ({ ...e }) => /* @__PURE__ */ (0, _.jsx)("path", {
+	d: "M50,7.2857421875 l38.7369140625,21.4685546875 v42.4912109375 L50,92.7142578125 L11.2630859375,71.245703125 V28.754296875 L50,7.2857421875 M50,0z",
+	vectorEffect: "non-scaling-stroke",
+	...e
+}), S = ({ heightBasedSize: e, ...t }) => e ? /* @__PURE__ */ (0, _.jsx)("path", {
+	d: "M50,0L50, 100",
+	vectorEffect: "non-scaling-stroke",
+	...t
+}) : /* @__PURE__ */ (0, _.jsx)("path", {
+	d: "M0,50L100, 50",
+	vectorEffect: "non-scaling-stroke",
+	...t
+}), C = ({ ...e }) => /* @__PURE__ */ (0, _.jsx)("rect", {
+	x: "0",
+	y: "0",
+	width: "100",
+	height: "100",
+	strokeWidth: "{0.02em}",
+	vectorEffect: "non-scaling-stroke",
+	...e
+}), w = ({ ...e }) => /* @__PURE__ */ (0, _.jsx)("polygon", {
+	points: "50,0 93.3,75 6.7,75",
+	vectorEffect: "non-scaling-stroke",
+	...e
+}), T = (e) => {
+	switch (e) {
+		case i.Circle: return y;
+		case i.Rectangle:
+		case i.Square: return C;
+		case i.Triangle: return w;
+		case i.Hexagon: return x;
+		case i.Line: return S;
+		case i.Arrow: return v;
+		case i.Elbow: return b;
+		default: return C;
+	}
+}, E = s({
+	mainContainer: {
+		width: "100%",
+		height: "100%",
+		display: "flex",
+		lineHeight: 1,
+		overflow: "hidden"
+	},
+	svg: {
+		width: "100%",
+		height: "100%",
+		transition: "ease-in-out 300ms"
+	},
+	shapeGroup: {
+		width: "100%",
+		height: "100%",
+		transition: "ease-in-out 300ms"
+	}
+}), D = ({ patternId: e, imgUrl: t, onLoadCallback: n, imageFit: i = r.Fill }) => /* @__PURE__ */ (0, _.jsx)("defs", { children: /* @__PURE__ */ (0, _.jsx)("pattern", {
+	id: e,
+	viewBox: "0 0 1 1",
+	patternUnits: "objectBoundingBox",
+	width: "100%",
+	height: "100%",
+	preserveAspectRatio: i,
+	children: /* @__PURE__ */ (0, _.jsx)("image", {
+		xlinkHref: t,
+		x: "0",
+		y: "0",
+		width: "1",
+		height: "1",
+		preserveAspectRatio: i,
+		onLoad: n,
+		onError: n
+	})
+}) }), O = a(({ vSpec: e, vTheme: t, elementSize: r }) => {
+	let a = t || n, o = g(e, r), s = E(), l = u(), h = T(o.shape), v = `${c()}-background-image-fill`, y = `${c()}-insideStroke`, b = f(a, o.backgroundColor?.code), x = f(a, o.strokeColor?.code), S = d(o.strokeDash), C = o.shape === i.Line ? o.lineThickness / 2 : o.lineThickness;
+	return (0, p.useEffect)(() => {
+		(!o.imageURL || o.backgroundType === "color") && l();
+	}, []), /* @__PURE__ */ (0, _.jsx)("div", {
+		className: s.mainContainer,
+		"data-testid": "shape-container",
+		children: /* @__PURE__ */ (0, _.jsxs)("svg", {
+			viewBox: "0 0 100 100",
+			className: s.svg,
+			style: { transform: `rotate(${o.rotate ?? 0}deg) scale(${o.scale ?? 1})` },
+			preserveAspectRatio: o.preserveAspectRatio ? "" : "none",
+			children: [
+				o.backgroundType === "image" ? /* @__PURE__ */ (0, _.jsx)(D, {
+					patternId: v,
+					imgUrl: o.imageURL,
+					imageFit: o.imageFit,
+					onLoadCallback: () => l()
+				}) : null,
+				/* @__PURE__ */ (0, _.jsx)("defs", { children: /* @__PURE__ */ (0, _.jsx)("clipPath", {
+					id: y,
+					className: s.shapeGroup,
+					style: { opacity: o.opacity === void 0 ? 1 : o.opacity },
+					children: /* @__PURE__ */ (0, _.jsx)(h, {
+						rx: `${o.borderRadiusX ?? 0}px`,
+						ry: `${o.borderRadiusY ?? 0}px`
+					})
+				}) }),
+				/* @__PURE__ */ (0, _.jsx)("g", {
+					className: s.shapeGroup,
+					style: { opacity: o.opacity === void 0 ? 1 : o.opacity },
+					fill: o.imageURL && o.backgroundType === "image" ? `url(#${v})` : b,
+					stroke: x,
+					strokeWidth: `${o.borderEnabled ? C : 0}px`,
+					strokeDasharray: S,
+					children: /* @__PURE__ */ (0, _.jsx)("g", {
+						clipPath: m(o.shape) ? void 0 : `url(#${y})`,
+						children: /* @__PURE__ */ (0, _.jsx)(h, {
+							rx: `${o.borderRadiusX ?? 0}px`,
+							ry: `${o.borderRadiusY ?? 0}px`,
+							...o.shape === i.Line ? { heightBasedSize: o.heightBasedSize } : {}
+						})
+					})
+				})
+			]
+		})
+	});
+});
+export { O as Shape };