@orvui/vue 0.0.0-stage → 0.1.1

package/dist/sankey-chart-BBWohlgh.js

@@ -0,0 +1,600 @@
+import { a as e, s as t } from "./composables-BJ1sih_H.js";
+import { o as n, r } from "./ease-rIvCM4O3.js";
+import { t as i } from "./number-Dz4iLJiS.js";
+import { c as a, i as o, n as s, t as c } from "./shared-BY_cwEzO.js";
+import { t as l } from "./ChartTooltip-BY8iAlEo.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, nextTick as v, normalizeClass as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, openBlock as C, provide as w, reactive as T, ref as E, renderList as D, renderSlot as O, toDisplayString as k, unref as A, useId as j, watch as M, withCtx as N } from "vue";
+import { motion as P } from "motion-v";
+// src/charts/sankey-chart/src/model.ts
+var F = [
+	"#1d4ed8",
+	"#7c3aed",
+	"#0f766e",
+	"#b45309",
+	"#be123c",
+	"#475569"
+], I = (e) => e.id ?? `${e.source}:${e.target}`;
+function L(e, t, n) {
+	let r = e.get(t);
+	r ? r.push(n) : e.set(t, [n]);
+}
+function ee(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	e.forEach((e) => {
+		n.has(e.id) || n.set(e.id, e);
+	});
+	let r = [], i = /* @__PURE__ */ new Map();
+	for (let e of t) {
+		if (!n.has(e.source) || !n.has(e.target) || e.source === e.target || !Number.isFinite(e.value) || e.value <= 0) {
+			r.push(e);
+			continue;
+		}
+		let t = I(e), a = i.get(t);
+		a ? e.id === void 0 && a.source === e.source && a.target === e.target ? a.value += e.value : r.push(e) : i.set(t, {
+			...e,
+			id: t
+		});
+	}
+	let a = /* @__PURE__ */ new Map();
+	i.forEach((e) => L(a, e.source, e));
+	let o = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set();
+	for (let e of n.keys()) {
+		if (o.has(e)) continue;
+		o.add(e);
+		let t = [{
+			id: e,
+			next: 0
+		}];
+		for (; t.length;) {
+			let e = t[t.length - 1], n = a.get(e.id)?.[e.next++];
+			n ? o.has(n.target) ? s.has(n.target) || c.add(n) : (o.add(n.target), t.push({
+				id: n.target,
+				next: 0
+			})) : (s.add(e.id), t.pop());
+		}
+	}
+	let l = [], u = [];
+	return i.forEach((e) => (c.has(e) ? u : l).push(e)), {
+		nodes: [...n.values()],
+		links: l,
+		dropped: {
+			invalid: r,
+			cycle: u
+		}
+	};
+}
+function te(e, t) {
+	let { width: n, height: r, nodeWidth: i, nodePadding: a, colors: o } = t, s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
+	for (let t of e.links) L(s, t.target, t), L(c, t.source, t), l.set(t.target, (l.get(t.target) ?? 0) + t.value), u.set(t.source, (u.get(t.source) ?? 0) + t.value);
+	let d = new Map(e.nodes.map((e) => [e.id, s.get(e.id)?.length ?? 0])), f = /* @__PURE__ */ new Map(), p = e.nodes.filter((e) => !d.get(e.id)).map((e) => e.id);
+	p.forEach((e) => f.set(e, 0));
+	for (let e = 0; e < p.length; e++) {
+		let t = p[e];
+		for (let e of c.get(t) ?? []) {
+			f.set(e.target, Math.max(f.get(e.target) ?? 0, (f.get(t) ?? 0) + 1));
+			let n = (d.get(e.target) ?? 0) - 1;
+			d.set(e.target, n), n === 0 && p.push(e.target);
+		}
+	}
+	let m = e.nodes.filter((e) => l.has(e.id) || u.has(e.id));
+	if (!m.length || n <= 0 || r <= 0) return {
+		nodes: [],
+		links: [],
+		columns: 0,
+		step: 0
+	};
+	let h = 0;
+	for (let e of m) h = Math.max(h, f.get(e.id) ?? 0);
+	let g = h + 1, _ = g > 1 ? (n - i) / (g - 1) : 0, v = new Map(e.nodes.map((e, t) => [e.id, t])), y = m.map((e) => {
+		let t = l.get(e.id) ?? 0, n = u.get(e.id) ?? 0, r = u.has(e.id) ? f.get(e.id) ?? 0 : h;
+		return {
+			id: e.id,
+			label: e.label,
+			description: e.description,
+			color: e.color ?? o[(v.get(e.id) ?? 0) % o.length],
+			value: Math.max(t, n),
+			inValue: t,
+			outValue: n,
+			depth: r,
+			x0: r * _,
+			x1: r * _ + i,
+			y0: 0,
+			y1: 0
+		};
+	}), b = new Map(y.map((e) => [e.id, e])), x = Array.from({ length: g }, () => []);
+	for (let e of y) x[e.depth].push(e);
+	let S = a;
+	for (let e of x) e.length > 1 && (S = Math.min(S, r * .5 / (e.length - 1)));
+	let C = Infinity;
+	for (let e of x) {
+		if (!e.length) continue;
+		let t = e.reduce((e, t) => e + t.value, 0);
+		C = Math.min(C, (r - (e.length - 1) * S) / t);
+	}
+	for (let e of x) {
+		let t = 0;
+		for (let n of e) n.y0 = t, n.y1 = t + n.value * C, t = n.y1 + S;
+		let n = (r - (t - S)) / 2;
+		for (let t of e) t.y0 += n, t.y1 += n;
+	}
+	function w(e) {
+		let t = 0;
+		for (let n of e) {
+			let e = t - n.y0;
+			e > 0 && (n.y0 += e, n.y1 += e), t = n.y1 + S;
+		}
+		t = r;
+		for (let n = e.length - 1; n >= 0; n--) {
+			let r = e[n], i = r.y1 - t;
+			i > 0 && (r.y0 -= i, r.y1 -= i), t = r.y0 - S;
+		}
+	}
+	function T(e, t, n) {
+		for (let r of e) {
+			let e = 0, i = 0;
+			for (let t of (n ? s : c).get(r.id) ?? []) {
+				let r = b.get(n ? t.source : t.target);
+				r && (e += (r.y0 + r.y1) / 2 * t.value, i += t.value);
+			}
+			if (i) {
+				let n = (e / i - (r.y0 + r.y1) / 2) * t;
+				r.y0 += n, r.y1 += n;
+			}
+		}
+		w(e);
+	}
+	for (let e = 0; e < 6; e++) {
+		let t = .99 ** e;
+		for (let e = 1; e < g; e++) T(x[e], t, !0);
+		for (let e = g - 2; e >= 0; e--) T(x[e], t, !1);
+	}
+	let E = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), O = e.links.map((e) => ({
+		link: e,
+		source: b.get(e.source),
+		target: b.get(e.target),
+		from: 0,
+		to: 0
+	}));
+	for (let e of O) L(E, e.source.id, e), L(D, e.target.id, e);
+	for (let e of y) {
+		let t = e.y0;
+		for (let n of (E.get(e.id) ?? []).sort((e, t) => e.target.y0 - t.target.y0)) n.from = t, t += n.link.value * C;
+		t = e.y0;
+		for (let n of (D.get(e.id) ?? []).sort((e, t) => e.source.y0 - t.source.y0)) n.to = t, t += n.link.value * C;
+	}
+	let k = O.map(({ link: e, source: t, target: n, from: r, to: i }) => {
+		let a = e.value * C, o = t.x1, s = n.x0, c = r + a / 2, l = i + a / 2, u = (o + s) / 2;
+		return {
+			id: I(e),
+			source: t,
+			target: n,
+			value: e.value,
+			share: t.value ? e.value / t.value : 0,
+			width: a,
+			x0: o,
+			x1: s,
+			y0: c,
+			y1: l,
+			path: `M ${o} ${c} C ${u} ${c} ${u} ${l} ${s} ${l}`
+		};
+	});
+	return {
+		nodes: x.flat(),
+		links: k,
+		columns: g,
+		step: _
+	};
+}
+// src/charts/sankey-chart/src/context.ts
+function ne(n, r) {
+	let i = E(null), s = a(i, {
+		width: 640,
+		height: 320
+	}), l = d(() => ee(n.nodes, n.links)), u = d(() => te(l.value, {
+		...s.value,
+		nodeWidth: n.nodeWidth ?? 12,
+		nodePadding: n.nodePadding ?? 16,
+		colors: n.colors ?? F
+	})), f = c(() => n.activeId, n.defaultActiveId ?? null, d(() => [...u.value.nodes.map((e) => e.id), ...u.value.links.map((e) => e.id)]), (e) => {
+		r("update:activeId", e), r("activeChange", e);
+	}), p = d(() => {
+		let e = u.value.nodes.find((e) => e.id === f.value);
+		if (e) return {
+			type: "node",
+			node: e
+		};
+		let t = u.value.links.find((e) => e.id === f.value);
+		return t ? {
+			type: "link",
+			link: t
+		} : null;
+	});
+	return T({
+		nodes: d(() => u.value.nodes),
+		links: d(() => u.value.links),
+		columns: d(() => u.value.columns),
+		step: d(() => u.value.step),
+		size: s,
+		plotRef: i,
+		activeId: f,
+		active: p,
+		setActive(e) {
+			f.value = e;
+		},
+		tooltipOpen: E(!1),
+		tooltipId: j(),
+		gradientId: j().replace(/[^\w-]/g, ""),
+		label: d(() => n.label ?? "Sankey chart"),
+		formatValue: d(() => n.formatValue ?? o),
+		empty: d(() => l.value.links.length ? null : n.nodes.length ? "No flows to show" : "No sankey data"),
+		reduce: t(),
+		canHover: e("(hover: hover)")
+	});
+}
+var R = s("SankeyChart"), z = R.use;
+function B(e) {
+	function t(t) {
+		return e ? e.type === "node" ? t.id === e.node.id : t.id === e.link.source.id || t.id === e.link.target.id : !0;
+	}
+	function n(t) {
+		return e ? e.type === "node" ? t.source.id === e.node.id || t.target.id === e.node.id : t.id === e.link.id : !0;
+	}
+	return {
+		node: t,
+		link: n
+	};
+}
+// src/charts/sankey-chart/src/SankeyChartPlot.vue?vue&type=script&setup=true&lang.ts
+var V = { class: "-m-2 overflow-x-auto overflow-y-hidden p-2" }, H = ["aria-label"], U = {
+	key: 0,
+	class: "flex h-full items-center justify-center text-sm text-muted-foreground"
+}, W = ["viewBox"], G = [
+	"id",
+	"x1",
+	"x2"
+], K = ["stop-color"], q = ["stop-color"], J = [
+	"d",
+	"stroke-width",
+	"onPointerenter",
+	"onClick"
+], Y = ["x", "dy"], X = ["x"], re = [
+	"data-node",
+	"tabindex",
+	"aria-label",
+	"aria-describedby",
+	"onFocus",
+	"onClick",
+	"onPointerenter",
+	"onKeydown"
+], Z = /* @__PURE__ */ _({
+	__name: "SankeyChartPlot",
+	props: { showValues: {
+		type: Boolean,
+		default: !0
+	} },
+	setup(e) {
+		let t = e, i = z(), a = E(null), o = null, s = !1;
+		S(() => {
+			s = !0, i.plotRef = a.value;
+		}), x(() => {
+			s = !1, i.plotRef === a.value && (i.plotRef = null);
+		}), M(() => i.nodes.map((e) => e.id), async (e) => {
+			o && !e.includes(o) && (o = null, await v(), s && (document.activeElement === document.body || !a.value?.contains(document.activeElement)) && (a.value?.querySelector("[data-node]") ?? a.value)?.focus());
+		});
+		let c = d(() => B(i.active)), l = d(() => i.links.map((e, t) => ({
+			link: e,
+			gradient: `${i.gradientId}-${t}`,
+			opacity: i.active ? c.value.link(e) ? .6 : .08 : .32
+		}))), _ = d(() => {
+			let e = i.columns > 1 ? i.step - (i.nodes[0] ? i.nodes[0].x1 - i.nodes[0].x0 : 12) - 16 : i.size.width, n = Math.floor(e / 6.6), r = /* @__PURE__ */ new Set();
+			if (i.active?.type === "node") for (let e of i.links) e.source.id === i.activeId && r.add(e.target.id), e.target.id === i.activeId && r.add(e.source.id);
+			return i.nodes.map((a) => {
+				let o = i.columns > 1 && a.depth === i.columns - 1, s = a.y1 - a.y0;
+				return {
+					node: a,
+					label: n >= a.label.length ? a.label : n < 4 ? "" : a.label.slice(0, n - 1).trimEnd() + "…",
+					twoLines: t.showValues && s >= 12 * 2.4 && i.formatValue(a.value).length * 6.6 <= e,
+					labelX: o ? a.x0 - 8 : a.x1 + 8,
+					align: o ? "end" : "start",
+					lit: c.value.node(a) || r.has(a.id),
+					bounds: {
+						left: (a.x0 - 4) / i.size.width * 100 + "%",
+						top: ((a.y0 + a.y1) / 2 - Math.max(24, s) / 2) / i.size.height * 100 + "%",
+						width: (a.x1 - a.x0 + 8) / i.size.width * 100 + "%",
+						height: Math.max(24, s) / i.size.height * 100 + "%"
+					}
+				};
+			});
+		});
+		function y(e) {
+			i.setActive(e), i.tooltipOpen = !0;
+		}
+		function w(e) {
+			o = e.target.dataset.node ?? null;
+		}
+		function T() {
+			i.tooltipOpen = !1, i.setActive(null);
+		}
+		function O(e, t) {
+			if (t === "Home") return i.nodes[0];
+			if (t === "End") return i.nodes.at(-1);
+			if (t === "ArrowUp" || t === "ArrowDown") {
+				let n = i.nodes.filter((t) => t.depth === e.depth);
+				return n[n.indexOf(e) + (t === "ArrowUp" ? -1 : 1)];
+			}
+			let n = t === "ArrowLeft" ? -1 : 1, r = (e.y0 + e.y1) / 2;
+			for (let t = e.depth + n; t >= 0 && t < i.columns; t += n) {
+				let e = i.nodes.filter((e) => e.depth === t);
+				if (e.length) return e.sort((e, t) => Math.abs((e.y0 + e.y1) / 2 - r) - Math.abs((t.y0 + t.y1) / 2 - r))[0];
+			}
+		}
+		function j(e, t) {
+			if (e.key === "Escape") {
+				i.tooltipOpen = !1;
+				return;
+			}
+			if (![
+				"ArrowUp",
+				"ArrowDown",
+				"ArrowLeft",
+				"ArrowRight",
+				"Home",
+				"End"
+			].includes(e.key)) return;
+			e.preventDefault();
+			let n = O(t, e.key) ?? t;
+			Array.from(a.value?.querySelectorAll("[data-node]") ?? []).find((e) => e.dataset.node === n.id)?.focus();
+		}
+		return (e, t) => (C(), m("div", V, [h("div", {
+			ref_key: "element",
+			ref: a,
+			role: "group",
+			"aria-label": A(i).label,
+			tabindex: "-1",
+			class: "relative h-80 w-full min-w-[32rem] outline-none",
+			"data-slot": "sankey-chart-plot",
+			onFocusin: w,
+			onFocusout: t[0] ||= (e) => !a.value?.contains(e.relatedTarget) && T(),
+			onPointerleave: t[1] ||= (e) => e.pointerType !== "touch" && T()
+		}, [A(i).empty ? (C(), m("p", U, k(A(i).empty), 1)) : (C(), m(u, { key: 1 }, [(C(), m("svg", {
+			viewBox: `0 0 ${A(i).size.width} ${A(i).size.height}`,
+			class: "size-full overflow-visible",
+			"aria-hidden": "true"
+		}, [
+			h("defs", null, [(C(!0), m(u, null, D(l.value, (e) => (C(), m("linearGradient", {
+				id: e.gradient,
+				key: e.link.id,
+				gradientUnits: "userSpaceOnUse",
+				x1: e.link.x0,
+				x2: e.link.x1
+			}, [h("stop", {
+				offset: "0",
+				"stop-color": e.link.source.color
+			}, null, 8, K), h("stop", {
+				offset: "1",
+				"stop-color": e.link.target.color
+			}, null, 8, q)], 8, G))), 128))]),
+			(C(!0), m(u, null, D(l.value, ({ link: e, gradient: t, opacity: a }) => (C(), m("g", { key: e.id }, [g(A(P).path, {
+				d: e.path,
+				"stroke-width": e.width,
+				stroke: `url(#${t})`,
+				fill: "none",
+				initial: A(i).reduce ? {
+					d: e.path,
+					strokeWidth: e.width,
+					opacity: a
+				} : {
+					d: e.path,
+					strokeWidth: e.width,
+					pathLength: 0,
+					opacity: 0
+				},
+				"while-in-view": {
+					d: e.path,
+					strokeWidth: e.width,
+					pathLength: 1,
+					opacity: a
+				},
+				animate: {
+					d: e.path,
+					strokeWidth: e.width,
+					opacity: a
+				},
+				"in-view-options": { once: !0 },
+				transition: A(i).reduce ? { duration: 0 } : {
+					d: A(n),
+					strokeWidth: A(n),
+					pathLength: {
+						duration: .7,
+						delay: e.source.depth * .12,
+						ease: A(r)
+					},
+					opacity: { duration: .18 }
+				}
+			}, null, 8, [
+				"d",
+				"stroke-width",
+				"stroke",
+				"initial",
+				"while-in-view",
+				"animate",
+				"transition"
+			]), h("path", {
+				d: e.path,
+				fill: "none",
+				stroke: "transparent",
+				"stroke-width": Math.max(8, e.width),
+				onPointerenter: (t) => A(i).canHover && y(e.id),
+				onClick: (t) => y(e.id)
+			}, null, 40, J)]))), 128)),
+			(C(!0), m(u, null, D(_.value, (e) => (C(), f(A(P).g, {
+				key: e.node.id,
+				animate: { opacity: e.lit ? 1 : .3 },
+				transition: { duration: A(i).reduce ? 0 : .18 }
+			}, {
+				default: N(() => [g(A(P).rect, {
+					fill: e.node.color,
+					rx: "2",
+					initial: !1,
+					animate: {
+						x: e.node.x0,
+						y: e.node.y0,
+						width: e.node.x1 - e.node.x0,
+						height: e.node.y1 - e.node.y0
+					},
+					transition: A(i).reduce ? { duration: 0 } : A(n)
+				}, null, 8, [
+					"fill",
+					"animate",
+					"transition"
+				]), e.node.y1 - e.node.y0 >= 12 && e.label ? (C(), f(A(P).text, {
+					key: 0,
+					x: e.labelX,
+					"text-anchor": e.align,
+					"dominant-baseline": "middle",
+					class: "fill-foreground stroke-background text-xs [paint-order:stroke]",
+					"stroke-width": "3",
+					"stroke-linejoin": "round",
+					initial: !A(i).reduce && {
+						y: (e.node.y0 + e.node.y1) / 2,
+						opacity: 0
+					},
+					animate: {
+						y: (e.node.y0 + e.node.y1) / 2,
+						opacity: 1
+					},
+					transition: A(i).reduce ? { duration: 0 } : {
+						y: A(n),
+						opacity: {
+							duration: .2,
+							ease: A(r)
+						}
+					}
+				}, {
+					default: N(() => [h("tspan", {
+						x: e.labelX,
+						dy: e.twoLines ? "-0.6em" : 0,
+						class: "font-medium"
+					}, k(e.label), 9, Y), e.twoLines ? (C(), m("tspan", {
+						key: 0,
+						x: e.labelX,
+						dy: "1.2em",
+						class: "fill-muted-foreground tabular-nums"
+					}, k(A(i).formatValue(e.node.value)), 9, X)) : p("", !0)]),
+					_: 2
+				}, 1032, [
+					"x",
+					"text-anchor",
+					"initial",
+					"animate",
+					"transition"
+				])) : p("", !0)]),
+				_: 2
+			}, 1032, ["animate", "transition"]))), 128))
+		], 8, W)), (C(!0), m(u, null, D(_.value, ({ node: e, bounds: t }) => (C(), m("button", {
+			key: e.id,
+			type: "button",
+			"data-node": e.id,
+			tabindex: e.id === (A(i).active?.type === "node" ? A(i).activeId : A(i).nodes[0]?.id) ? 0 : -1,
+			"aria-label": `${e.label}. ${A(i).formatValue(e.value)}`,
+			"aria-describedby": A(i).tooltipOpen && A(i).activeId === e.id ? A(i).tooltipId : void 0,
+			class: "absolute rounded outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+			style: b(t),
+			onFocus: (t) => y(e.id),
+			onClick: (t) => y(e.id),
+			onPointerenter: (t) => A(i).canHover && y(e.id),
+			onKeydown: (t) => j(t, e)
+		}, null, 44, re))), 128))], 64))], 40, H)]));
+	}
+}), ie = { class: "font-medium" }, ae = { class: "mt-1 font-mono" }, oe = { class: "text-muted-foreground" }, se = {
+	key: 0,
+	class: "mt-1 text-muted-foreground"
+}, Q = { class: "mt-1 font-mono" }, $ = /* @__PURE__ */ _({
+	__name: "SankeyChartTooltip",
+	props: { side: { default: "top" } },
+	setup(e) {
+		let t = z(), n = d(() => {
+			let e = t.active;
+			return e ? e.type === "node" ? {
+				x: (e.node.x0 + e.node.x1) / 2 / t.size.width,
+				y: e.node.y0 / t.size.height
+			} : {
+				x: (e.link.x0 + e.link.x1) / 2 / t.size.width,
+				y: (e.link.y0 + e.link.y1) / 2 / t.size.height
+			} : {
+				x: .5,
+				y: .5
+			};
+		});
+		function r() {
+			return t.formatValue(t.active?.type === "node" ? t.active.node.value : 0);
+		}
+		return (a, o) => (C(), f(l, {
+			open: A(t).tooltipOpen && A(t).active !== null,
+			anchor: A(t).plotRef,
+			id: A(t).tooltipId,
+			point: n.value,
+			side: e.side,
+			"follow-cursor": !0,
+			"onUpdate:open": o[0] ||= (e) => A(t).tooltipOpen = e
+		}, {
+			default: N(() => [A(t).active ? O(a.$slots, "default", { active: A(t).active }, () => [A(t).active.type === "node" ? (C(), m(u, { key: 0 }, [
+				h("p", ie, k(A(t).active.node.label), 1),
+				h("p", ae, [g(A(i), {
+					value: A(t).active.node.value,
+					format: r,
+					"start-on-view": !1,
+					duration: .2,
+					stagger: 0
+				}, null, 8, ["value"])]),
+				h("p", oe, " In " + k(A(t).formatValue(A(t).active.node.inValue)) + " · Out " + k(A(t).formatValue(A(t).active.node.outValue)), 1),
+				A(t).active.node.description ? (C(), m("p", se, k(A(t).active.node.description), 1)) : p("", !0)
+			], 64)) : (C(), m(u, { key: 1 }, [h("p", null, k(A(t).active.link.source.label) + " → " + k(A(t).active.link.target.label), 1), h("p", Q, k(A(t).formatValue(A(t).active.link.value)) + " · " + k((A(t).active.link.share * 100).toFixed(1)) + "% ", 1)], 64))], void 0, 0) : p("", !0)]),
+			_: 3
+		}, 8, [
+			"open",
+			"anchor",
+			"id",
+			"point",
+			"side"
+		]));
+	}
+}), ce = ["aria-label"], le = { class: "sr-only" }, ue = /* @__PURE__ */ _({
+	__name: "SankeyChart",
+	props: {
+		nodes: {},
+		links: {},
+		label: {},
+		formatValue: { type: Function },
+		colors: {},
+		nodeWidth: {},
+		nodePadding: {},
+		activeId: {},
+		defaultActiveId: {},
+		className: {}
+	},
+	emits: ["update:activeId", "activeChange"],
+	setup(e, { emit: t }) {
+		let n = e, r = ne(n, t);
+		return w(R.key, r), (e, t) => (C(), m("section", {
+			"aria-label": A(r).label,
+			class: y(["relative w-full min-w-0", n.className]),
+			"data-slot": "sankey-chart"
+		}, [O(e.$slots, "default", {}, () => [g(Z), g($)]), h("div", le, [h("table", null, [
+			h("caption", null, k(A(r).label) + " data ", 1),
+			t[0] ||= h("thead", null, [h("tr", null, [
+				h("th", null, "Flow"),
+				h("th", null, "Value"),
+				h("th", null, "Share of source")
+			])], -1),
+			h("tbody", null, [(C(!0), m(u, null, D(A(r).links, (e) => (C(), m("tr", { key: e.id }, [
+				h("th", null, k(e.source.label) + " to " + k(e.target.label), 1),
+				h("td", null, k(A(r).formatValue(e.value)), 1),
+				h("td", null, k((e.share * 100).toFixed(1)) + "%", 1)
+			]))), 128))])
+		])])], 10, ce));
+	}
+});
+export { z as i, $ as n, Z as r, ue as t };
+
+//# sourceMappingURL=sankey-chart-BBWohlgh.js.map