@orvui/vue 0.0.0-stage → 0.1.0

package/dist/composables-BJ1sih_H.js

@@ -0,0 +1,192 @@
+import { computed as e, getCurrentInstance as t, nextTick as n, onBeforeUnmount as r, onMounted as i, ref as a, watch as o } from "vue";
+// src/lib/layers.ts
+var s = [], c = /* @__PURE__ */ new Set();
+function l(e, t) {
+	if (!t) return !1;
+	for (let n = e; n; n = n.parent) if (n === t) return !0;
+	return !1;
+}
+function u(e) {
+	let t = s.indexOf(e);
+	return t < 0 ? [] : s.slice(t + 1);
+}
+var d = {
+	attach(e) {
+		if (s.includes(e)) return !1;
+		e.returnTo = document.activeElement;
+		let t = s.findIndex((t) => t.owner !== e.owner && l(t.owner, e.owner));
+		return s.splice(t < 0 ? s.length : t, 0, e), !0;
+	},
+	detach(e, t) {
+		let n = s.indexOf(e);
+		if (n < 0) return;
+		let r = n === s.length - 1, i = e.surface();
+		for (let t of u(e)) t.returnTo && i?.contains(t.returnTo) && (t.returnTo = e.returnTo);
+		s.splice(n, 1), t && r && e.returnTo?.isConnected && e.returnTo.focus({ preventScroll: !0 });
+	},
+	top(e) {
+		return s.at(-1) === e;
+	},
+	modal(e) {
+		return s.slice().reverse().find((e) => e.modal) === e;
+	},
+	higher(e, t) {
+		return !!t && typeof t.nodeType == "number" && u(e).some((e) => e.surface()?.contains(t));
+	},
+	scopes(e) {
+		let t = [e.surface()];
+		for (let n of u(e)) !n.modal && l(n.owner, e.owner) && t.push(n.surface());
+		return t.filter((e) => e !== null);
+	},
+	portal(e, t) {
+		let n = {
+			owner: e,
+			surface: t
+		};
+		return c.add(n), () => c.delete(n);
+	},
+	containsPortal(e, t) {
+		for (let n of c) {
+			let r = n.surface();
+			if (r && l(n.owner, e) && t.contains(r)) return !0;
+		}
+		return !1;
+	}
+};
+// src/lib/composables.ts
+function f(t, n, r, i) {
+	let o = a(i), s = () => t[n];
+	return e({
+		get() {
+			let e = s();
+			return e === void 0 ? o.value : e;
+		},
+		set(e) {
+			s() === void 0 && (o.value = e), r(`update:${n}`, e);
+		}
+	});
+}
+function p(e) {
+	let t = a(!1), n;
+	return i(() => {
+		if (typeof window.matchMedia != "function") return;
+		let r = window.matchMedia(e), i = () => {
+			t.value = r.matches;
+		};
+		i(), r.addEventListener?.("change", i), n = () => r.removeEventListener?.("change", i);
+	}), r(() => n?.()), t;
+}
+function m() {
+	return p("(prefers-reduced-motion: reduce)");
+}
+var h = [
+	"overflow",
+	"position",
+	"top",
+	"left",
+	"right",
+	"width"
+], g = 0, _;
+function v() {
+	if (g++ === 0) {
+		let e = document.body.style, t = h.map((t) => ({
+			name: t,
+			value: e.getPropertyValue(t),
+			priority: e.getPropertyPriority(t)
+		})), n = window.scrollX, r = window.scrollY;
+		e.setProperty("overflow", "hidden"), e.setProperty("position", "fixed"), e.setProperty("left", `${-n}px`), e.setProperty("top", `${-r}px`), e.setProperty("right", "0px"), e.setProperty("width", "100%"), _ = () => {
+			for (let n of t) n.value ? e.setProperty(n.name, n.value, n.priority) : e.removeProperty(n.name);
+			let i = document.documentElement.style, a = i.getPropertyValue("scroll-behavior"), o = i.getPropertyPriority("scroll-behavior");
+			i.setProperty("scroll-behavior", "auto"), window.scrollTo(n, r), a ? i.setProperty("scroll-behavior", a, o) : i.removeProperty("scroll-behavior");
+		};
+	}
+	let e = !1;
+	return () => {
+		e || (e = !0, --g === 0 && (_?.(), _ = void 0));
+	};
+}
+function y(e) {
+	let t = !1, n, a = (e) => {
+		t && (e && !n && (n = v()), !e && n && (n(), n = void 0));
+	};
+	i(() => {
+		t = !0, a(e.value);
+	}), o(e, a), r(() => {
+		n?.(), n = void 0, t = !1;
+	});
+}
+function b(e) {
+	if (!e) return null;
+	let t = e.$el ?? e;
+	return typeof t.nodeType == "number" && t.nodeType === 1 ? t : null;
+}
+var x = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])";
+function S(e, n) {
+	return {
+		key: Symbol("orvui-layer"),
+		modal: e,
+		owner: t(),
+		surface: () => b(n?.value),
+		returnTo: null
+	};
+}
+function C(e, t, a, s) {
+	let c = S(!0, t), l = !1, u = 0, f = async (t) => {
+		let r = ++u;
+		l && (t ? d.attach(c) && (await n(), l && r === u && e.value && d.top(c) && (s?.() ?? c.surface()?.querySelector(x) ?? c.surface())?.focus({ preventScroll: !0 })) : d.detach(c, !0));
+	}, p = (t) => {
+		if (t.defaultPrevented || !e.value) return;
+		if (t.key === "Escape" && d.top(c)) {
+			t.preventDefault(), t.stopPropagation(), a();
+			return;
+		}
+		if (t.key !== "Tab" || !d.modal(c)) return;
+		let n = /* @__PURE__ */ new Set();
+		for (let e of d.scopes(c)) for (let t of e.querySelectorAll(x)) t.getClientRects().length > 0 && !t.closest("[inert]") && n.add(t);
+		t.preventDefault();
+		let r = [...n];
+		if (!r.length) {
+			c.surface()?.focus();
+			return;
+		}
+		let i = r.indexOf(document.activeElement);
+		r[i < 0 ? t.shiftKey ? r.length - 1 : 0 : (i + (t.shiftKey ? -1 : 1) + r.length) % r.length].focus();
+	};
+	return y(e), i(() => {
+		l = !0, document.addEventListener("keydown", p), f(e.value);
+	}), o(e, (e) => void f(e)), r(() => {
+		l = !1, u++, document.removeEventListener("keydown", p), d.detach(c, !0);
+	}), {
+		isTop: () => e.value && d.top(c),
+		containsHigher: (e) => d.higher(c, e),
+		containsOwnedPortal: (e) => d.containsPortal(c.owner, e)
+	};
+}
+function w(e, t) {
+	let n = S(!1, t), a = !1, s, c = (e) => {
+		a && (e ? d.attach(n) : d.detach(n, !1));
+	};
+	i(() => {
+		a = !0, s = d.portal(n.owner, n.surface), c(e.value);
+	}), o(e, c, { flush: "sync" }), r(() => {
+		a = !1, s?.(), d.detach(n, !1);
+	});
+	let l = () => e.value && d.top(n);
+	return {
+		isTop: l,
+		claimEscape(e) {
+			return e.key !== "Escape" || e.defaultPrevented || !l() ? !1 : (e.preventDefault(), e.stopImmediatePropagation(), !0);
+		},
+		containsHigher: (e) => d.higher(n, e)
+	};
+}
+function T(e, t, n, a) {
+	let o;
+	i(() => {
+		let r = e();
+		r?.addEventListener(t, n, a), o = () => r?.removeEventListener(t, n, a);
+	}), r(() => o?.());
+}
+export { p as a, y as c, w as i, f as n, C as o, T as r, m as s, b as t };
+
+//# sourceMappingURL=composables-BJ1sih_H.js.map

package/dist/composables-BJ1sih_H.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composables-BJ1sih_H.js","names":["active","portals","belongsTo","parent","node","child","later","index","layer","layerManager","before","entry","wasLast","surface","successor","restore","target","result","portal","owner","useControllable","local","ref","fallback","read","props","key","computed","supplied","value","emit","useMediaQuery","matches","disconnect","onMounted","media","query","update","onBeforeUnmount","useReducedMotion","lockedProperties","scrollOwners","unlockPage","acquirePage","body","saved","name","x","y","root","behavior","priority","released","useScrollLock","mounted","release","locked","watch","resolveElement","unwrapped","focusable","createLayer","getCurrentInstance","panel","useOverlay","revision","sync","current","nextTick","open","initialFocus","onKey","event","close","candidates","nodes","position","useFloatingLayer","unregister","isTop","useEventListener","remove","element","handler","options"],"sources":["../src/lib/layers.ts","../src/lib/composables.ts"],"sourcesContent":["import type { ComponentInternalInstance } from \"vue\";\n\ntype Surface = () => HTMLElement | null;\nexport interface Layer {\n  key: symbol;\n  modal: boolean;\n  owner: ComponentInternalInstance | null;\n  surface: Surface;\n  returnTo: HTMLElement | null;\n}\nconst active: Layer[] = [];\nconst portals = new Set<{ owner: ComponentInternalInstance | null; surface: Surface }>();\n\nfunction belongsTo(child: ComponentInternalInstance | null, parent: ComponentInternalInstance | null) {\n  if (!parent) return false;\n  for (let node = child; node; node = node.parent) if (node === parent) return true;\n  return false;\n}\nfunction later(layer: Layer) {\n  const index = active.indexOf(layer);\n  return index < 0 ? [] : active.slice(index + 1);\n}\nexport const layerManager = {\n  attach(layer: Layer) {\n    if (active.includes(layer)) return false;\n    layer.returnTo = document.activeElement as HTMLElement | null;\n    const before = active.findIndex(entry => entry.owner !== layer.owner && belongsTo(entry.owner, layer.owner));\n    active.splice(before < 0 ? active.length : before, 0, layer);\n    return true;\n  },\n  detach(layer: Layer, restore: boolean) {\n    const index = active.indexOf(layer);\n    if (index < 0) return;\n    const wasLast = index === active.length - 1;\n    const surface = layer.surface();\n    for (const successor of later(layer)) {\n      if (successor.returnTo && surface?.contains(successor.returnTo)) successor.returnTo = layer.returnTo;\n    }\n    active.splice(index, 1);\n    if (restore && wasLast && layer.returnTo?.isConnected) layer.returnTo.focus({ preventScroll: true });\n  },\n  top(layer: Layer) { return active.at(-1) === layer; },\n  modal(layer: Layer) { return active.slice().reverse().find(entry => entry.modal) === layer; },\n  higher(layer: Layer, target: EventTarget | null) {\n    return !!target && typeof (target as Node).nodeType === \"number\" && later(layer).some(entry => entry.surface()?.contains(target as Node));\n  },\n  scopes(layer: Layer) {\n    const result = [layer.surface()];\n    for (const entry of later(layer)) if (!entry.modal && belongsTo(entry.owner, layer.owner)) result.push(entry.surface());\n    return result.filter((surface): surface is HTMLElement => surface !== null);\n  },\n  portal(owner: ComponentInternalInstance | null, surface: Surface) {\n    const portal = { owner, surface };\n    portals.add(portal);\n    return () => portals.delete(portal);\n  },\n  containsPortal(owner: ComponentInternalInstance | null, target: HTMLElement) {\n    for (const portal of portals) {\n      const node = portal.surface();\n      if (node && belongsTo(portal.owner, owner) && target.contains(node)) return true;\n    }\n    return false;\n  },\n};\n","import { computed, getCurrentInstance, nextTick, onBeforeUnmount, onMounted, ref, watch, type Ref } from \"vue\";\nimport { layerManager, type Layer } from \"./layers\";\n\nexport function useControllable<T>(props: Record<string, any>, key: string, emit: (...args: any[]) => void, fallback: T) {\n  const local = ref<T>(fallback) as Ref<T>;\n  const read = () => props[key] as T | undefined;\n  return computed<T>({\n    get() { const supplied = read(); return supplied === undefined ? local.value : supplied; },\n    set(value) { if (read() === undefined) local.value = value; emit(`update:${key}`, value); },\n  });\n}\n\nexport function useMediaQuery(query: string) {\n  const matches = ref(false);\n  let disconnect: (() => void) | undefined;\n  onMounted(() => {\n    if (typeof window.matchMedia !== \"function\") return;\n    const media = window.matchMedia(query);\n    const update = () => { matches.value = media.matches; };\n    update();\n    media.addEventListener?.(\"change\", update);\n    disconnect = () => media.removeEventListener?.(\"change\", update);\n  });\n  onBeforeUnmount(() => disconnect?.());\n  return matches;\n}\nexport function useReducedMotion() { return useMediaQuery(\"(prefers-reduced-motion: reduce)\"); }\n\nconst lockedProperties = [\"overflow\", \"position\", \"top\", \"left\", \"right\", \"width\"] as const;\nlet scrollOwners = 0;\nlet unlockPage: (() => void) | undefined;\nfunction acquirePage() {\n  if (scrollOwners++ === 0) {\n    const body = document.body.style;\n    const saved = lockedProperties.map(name => ({ name, value: body.getPropertyValue(name), priority: body.getPropertyPriority(name) }));\n    const x = window.scrollX, y = window.scrollY;\n    body.setProperty(\"overflow\", \"hidden\");\n    body.setProperty(\"position\", \"fixed\");\n    body.setProperty(\"left\", `${-x}px`);\n    body.setProperty(\"top\", `${-y}px`);\n    body.setProperty(\"right\", \"0px\");\n    body.setProperty(\"width\", \"100%\");\n    unlockPage = () => {\n      for (const entry of saved) {\n        if (entry.value) body.setProperty(entry.name, entry.value, entry.priority);\n        else body.removeProperty(entry.name);\n      }\n      const root = document.documentElement.style;\n      const behavior = root.getPropertyValue(\"scroll-behavior\");\n      const priority = root.getPropertyPriority(\"scroll-behavior\");\n      root.setProperty(\"scroll-behavior\", \"auto\");\n      window.scrollTo(x, y);\n      if (behavior) root.setProperty(\"scroll-behavior\", behavior, priority);\n      else root.removeProperty(\"scroll-behavior\");\n    };\n  }\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    if (--scrollOwners === 0) { unlockPage?.(); unlockPage = undefined; }\n  };\n}\nexport function useScrollLock(locked: Ref<boolean>) {\n  let mounted = false;\n  let release: (() => void) | undefined;\n  const update = (value: boolean) => {\n    if (!mounted) return;\n    if (value && !release) release = acquirePage();\n    if (!value && release) { release(); release = undefined; }\n  };\n  onMounted(() => { mounted = true; update(locked.value); });\n  watch(locked, update);\n  onBeforeUnmount(() => { release?.(); release = undefined; mounted = false; });\n}\n\nexport function resolveElement<T extends Element = HTMLElement>(value: unknown): T | null {\n  if (!value) return null;\n  const unwrapped = (value as { $el?: unknown }).$el ?? value;\n  return typeof (unwrapped as Element).nodeType === \"number\" && (unwrapped as Element).nodeType === 1 ? unwrapped as T : null;\n}\nconst focusable = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])';\nfunction createLayer(modal: boolean, panel?: { readonly value: unknown }): Layer {\n  return { key: Symbol(\"orvui-layer\"), modal, owner: getCurrentInstance(), surface: () => resolveElement(panel?.value), returnTo: null };\n}\nexport function useOverlay(open: Ref<boolean>, panel: Ref<HTMLElement | null>, close: () => void, initialFocus?: () => HTMLElement | undefined) {\n  const layer = createLayer(true, panel);\n  let mounted = false;\n  let revision = 0;\n  const sync = async (value: boolean) => {\n    const current = ++revision;\n    if (!mounted) return;\n    if (!value) { layerManager.detach(layer, true); return; }\n    if (!layerManager.attach(layer)) return;\n    await nextTick();\n    if (!mounted || current !== revision || !open.value || !layerManager.top(layer)) return;\n    (initialFocus?.() ?? layer.surface()?.querySelector<HTMLElement>(focusable) ?? layer.surface())?.focus({ preventScroll: true });\n  };\n  const onKey = (event: KeyboardEvent) => {\n    if (event.defaultPrevented || !open.value) return;\n    if (event.key === \"Escape\" && layerManager.top(layer)) {\n      event.preventDefault(); event.stopPropagation(); close(); return;\n    }\n    if (event.key !== \"Tab\" || !layerManager.modal(layer)) return;\n    const candidates = new Set<HTMLElement>();\n    for (const surface of layerManager.scopes(layer)) {\n      for (const node of surface.querySelectorAll<HTMLElement>(focusable)) {\n        if (node.getClientRects().length > 0 && !node.closest(\"[inert]\")) candidates.add(node);\n      }\n    }\n    event.preventDefault();\n    const nodes = [...candidates];\n    if (!nodes.length) { layer.surface()?.focus(); return; }\n    const position = nodes.indexOf(document.activeElement as HTMLElement);\n    const next = position < 0 ? (event.shiftKey ? nodes.length - 1 : 0) : (position + (event.shiftKey ? -1 : 1) + nodes.length) % nodes.length;\n    nodes[next].focus();\n  };\n  useScrollLock(open);\n  onMounted(() => { mounted = true; document.addEventListener(\"keydown\", onKey); void sync(open.value); });\n  watch(open, value => void sync(value));\n  onBeforeUnmount(() => { mounted = false; revision++; document.removeEventListener(\"keydown\", onKey); layerManager.detach(layer, true); });\n  return {\n    isTop: () => open.value && layerManager.top(layer),\n    containsHigher: (target: EventTarget | null) => layerManager.higher(layer, target),\n    containsOwnedPortal: (target: HTMLElement) => layerManager.containsPortal(layer.owner, target),\n  };\n}\nexport function useFloatingLayer(open: Ref<boolean>, panel?: { readonly value: unknown }) {\n  const layer = createLayer(false, panel);\n  let mounted = false;\n  let unregister: (() => void) | undefined;\n  const sync = (value: boolean) => {\n    if (!mounted) return;\n    if (value) layerManager.attach(layer); else layerManager.detach(layer, false);\n  };\n  onMounted(() => { mounted = true; unregister = layerManager.portal(layer.owner, layer.surface); sync(open.value); });\n  watch(open, sync, { flush: \"sync\" });\n  onBeforeUnmount(() => { mounted = false; unregister?.(); layerManager.detach(layer, false); });\n  const isTop = () => open.value && layerManager.top(layer);\n  return {\n    isTop,\n    claimEscape(event: KeyboardEvent) {\n      if (event.key !== \"Escape\" || event.defaultPrevented || !isTop()) return false;\n      event.preventDefault(); event.stopImmediatePropagation(); return true;\n    },\n    containsHigher: (target: EventTarget | null) => layerManager.higher(layer, target),\n  };\n}\nexport function useEventListener(target: () => EventTarget | null | undefined, event: string, handler: EventListener, options?: AddEventListenerOptions) {\n  let remove: (() => void) | undefined;\n  onMounted(() => { const element = target(); element?.addEventListener(event, handler, options); remove = () => element?.removeEventListener(event, handler, options); });\n  onBeforeUnmount(() => remove?.());\n}\n"],"mappings":"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"}

package/dist/composition-chart-DFroPUqu.js

@@ -0,0 +1,328 @@
+import { a as e, s as t } from "./composables-BJ1sih_H.js";
+import { o as n } from "./ease-rIvCM4O3.js";
+import { i as r, n as i, o as a } from "./shared-BY_cwEzO.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, normalizeStyle as g, openBlock as _, provide as v, reactive as y, ref as b, renderList as x, renderSlot as S, toDisplayString as C, unref as w, useId as T, withKeys as E } from "vue";
+import { motion as D } from "motion-v";
+// src/charts/composition-chart/src/model.ts
+function ee(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let t of e) n.has(t.id) || n.set(t.id, t);
+	let r = [...n.values()], i = /* @__PURE__ */ new Set(), a = [];
+	for (let e = 0; e < t.length; e++) {
+		let n = t[e];
+		if (i.has(n)) continue;
+		i.add(n);
+		let o = r.map((t) => t.values[e]), s = o.length > 0 && o.every((e) => typeof e == "number" && Number.isFinite(e) && e >= 0), c = 0;
+		if (s) for (let e of o) c = Math.max(c, e ?? 0);
+		let l = 0;
+		if (c > 0) for (let e of o) l += (e ?? 0) / c;
+		let u = 0, d = r.map((e, t) => {
+			let n = o[t] ?? null, r = l > 0 ? (n ?? 0) / c / l * 100 : 0, i = {
+				...e,
+				value: n,
+				share: r,
+				offset: u
+			};
+			return u += r, i;
+		});
+		a.push({
+			id: n,
+			valid: s && l > 0,
+			segments: d
+		});
+	}
+	return {
+		rows: r,
+		columns: a
+	};
+}
+function O(e, t) {
+	let n = [];
+	for (let r = 0; r < e.length;) {
+		if (!e[r].valid) {
+			r++;
+			continue;
+		}
+		let i = r + 1;
+		for (; i < e.length && e[i].valid;) i++;
+		if (i - r === 1) {
+			let i = e[r].segments[t], a = r / e.length * 100, o = (r + 1) / e.length * 100, s = 100 - i.offset, c = s - i.share;
+			n.push(`M${a},${s} L${a},${c} L${o},${c} L${o},${s} Z`);
+		} else {
+			let a = [];
+			for (let n = r; n < i; n++) {
+				let r = e[n].segments[t];
+				a.push(`${(n + .5) / e.length * 100},${100 - r.offset - r.share}`);
+			}
+			for (let n = i - 1; n >= r; n--) a.push(`${(n + .5) / e.length * 100},${100 - e[n].segments[t].offset}`);
+			n.push(`M${a.join(" L")} Z`);
+		}
+		r = i;
+	}
+	return n.join(" ");
+}
+// src/charts/composition-chart/src/context.ts
+function k(n, i) {
+	let o = s(() => ee(n.series, n.periods)), c = a(() => n.period, n.defaultPeriod ?? "", (e) => {
+		i("update:period", e), i("periodChange", e);
+	}), l = b(null), u = b(null), d = b(null), f = s(() => {
+		let e = o.value.columns.findIndex((e) => e.id === c.value);
+		return e === -1 ? o.value.columns.length - 1 : e;
+	}), p = s(() => {
+		let e = new Set(o.value.rows.map((e) => e.id));
+		for (let t of [
+			u.value,
+			d.value,
+			l.value
+		]) if (t !== null && e.has(t)) return t;
+		return null;
+	});
+	return y({
+		rows: s(() => o.value.rows),
+		columns: s(() => o.value.columns),
+		index: f,
+		column: s(() => o.value.columns[f.value]),
+		pinned: l,
+		highlight: p,
+		select(e) {
+			c.value = e;
+		},
+		setPinned(e) {
+			l.value = e;
+		},
+		setHovered(e) {
+			u.value = e;
+		},
+		setFocused(e) {
+			d.value = e;
+		},
+		view: s(() => n.view ?? "bar"),
+		label: s(() => n.label ?? "Composition over time"),
+		formatValue: s(() => n.formatValue ?? r),
+		reduce: t(),
+		canHover: e("(hover: hover)")
+	});
+}
+var A = i("CompositionChart"), j = A.use, M = { class: "min-w-40" }, N = { class: "mb-2 text-muted-foreground" }, P = { class: "flex items-center gap-2" }, F = { class: "font-mono" }, I = { key: 1 }, L = /* @__PURE__ */ m({
+	__name: "CompositionTooltipContent",
+	setup(e) {
+		let t = j();
+		return (e, n) => (_(), u("div", M, [d("p", N, C(w(t).column?.id), 1), w(t).column?.valid ? (_(!0), u(o, { key: 0 }, x(w(t).column.segments, (e) => (_(), u("div", {
+			key: e.id,
+			class: "flex items-center justify-between gap-6 py-1"
+		}, [d("span", P, [d("span", {
+			class: "size-2 rounded-full",
+			style: g({ backgroundColor: e.color })
+		}, null, 4), f(C(e.name), 1)]), d("span", F, C(w(t).formatValue(e.value ?? 0)) + " · " + C(e.share.toFixed(1)) + "%", 1)]))), 128)) : (_(), u("p", I, "No data"))]));
+	}
+}), R = {
+	key: 0,
+	class: "flex min-h-64 items-center justify-center text-sm text-muted-foreground"
+}, z = {
+	key: 1,
+	class: "min-w-0 space-y-3"
+}, B = { class: "flex justify-between text-[11px] text-muted-foreground" }, V = {
+	"aria-hidden": "true",
+	viewBox: "0 0 100 100",
+	preserveAspectRatio: "none",
+	class: "size-full overflow-visible"
+}, H = ["y1", "y2"], U = [
+	"max",
+	"value",
+	"aria-valuetext",
+	"aria-describedby"
+], W = ["id"], G = { class: "flex justify-between text-[11px] text-muted-foreground" }, K = { class: "sr-only" }, q = /* @__PURE__ */ m({
+	__name: "CompositionChartPlot",
+	setup(e) {
+		let t = j(), r = b(!1), i = T(), a = s(() => t.rows.map((e, n) => ({
+			...e,
+			path: O(t.columns, n)
+		}))), f = s(() => t.columns.flatMap((e, n) => e.valid ? e.segments.map((r) => ({
+			...r,
+			key: JSON.stringify([e.id, r.id]),
+			x: n / t.columns.length * 100 + 10 / t.columns.length
+		})) : [])), m = s(() => (t.index + .5) / t.columns.length * 100), h = s(() => `${Math.min(65, t.index / t.columns.length * 100)}%`);
+		function v(e) {
+			let n = e.currentTarget.getBoundingClientRect();
+			if (!n.width || !t.columns.length) return;
+			let i = Math.max(0, Math.min(1, (e.clientX - n.left) / n.width)), a = Math.min(t.columns.length - 1, Math.floor(i * t.columns.length));
+			t.select(t.columns[a].id), r.value = !0;
+		}
+		function y(e) {
+			let n = t.columns[Number(e.target.value)];
+			n && (t.select(n.id), r.value = !0);
+		}
+		function S(e) {
+			return t.highlight && t.highlight !== e ? .18 : .9;
+		}
+		return (e, s) => !w(t).columns.length || !w(t).rows.length ? (_(), u("p", R, " No composition data ")) : (_(), u("div", z, [
+			d("div", B, [d("span", null, C(w(t).column?.id) + C(w(t).column?.valid ? "" : " · No data"), 1), s[5] ||= d("span", { class: "font-mono" }, "100%", -1)]),
+			d("div", {
+				class: "relative h-64 rounded-sm has-focus-visible:outline-2 has-focus-visible:outline-offset-4 has-focus-visible:outline-ring sm:h-80",
+				onPointerleave: s[3] ||= (e) => r.value = !1,
+				onPointerdown: v,
+				onPointermove: s[4] ||= (e) => (w(t).canHover || e.buttons === 1) && v(e)
+			}, [
+				(_(), u("svg", V, [
+					(_(), u(o, null, x([
+						0,
+						25,
+						50,
+						75,
+						100
+					], (e) => d("line", {
+						key: e,
+						x1: "0",
+						x2: "100",
+						y1: e,
+						y2: e,
+						stroke: "var(--border)",
+						"stroke-width": "1",
+						"vector-effect": "non-scaling-stroke"
+					}, null, 8, H)), 64)),
+					w(t).view === "area" ? (_(!0), u(o, { key: 0 }, x(a.value, (e) => (_(), c(w(D).path, {
+						key: e.id,
+						d: e.path,
+						fill: e.color,
+						initial: { opacity: 0 },
+						animate: { opacity: S(e.id) },
+						transition: { duration: .18 }
+					}, null, 8, [
+						"d",
+						"fill",
+						"animate"
+					]))), 128)) : (_(!0), u(o, { key: 1 }, x(f.value, (e) => (_(), c(w(D).rect, {
+						key: e.key,
+						x: e.x,
+						y: "0",
+						width: 80 / w(t).columns.length,
+						height: "1",
+						fill: e.color,
+						initial: !1,
+						animate: {
+							y: 100 - e.offset - e.share,
+							scaleY: e.share,
+							opacity: S(e.id)
+						},
+						style: {
+							originY: "0px",
+							originX: "0px"
+						},
+						transition: w(t).reduce ? { duration: 0 } : w(n)
+					}, null, 8, [
+						"x",
+						"width",
+						"fill",
+						"animate",
+						"transition"
+					]))), 128)),
+					p(w(D).line, {
+						initial: !1,
+						animate: { x: m.value },
+						transition: w(t).reduce ? { duration: 0 } : w(n),
+						x1: "0",
+						x2: "0",
+						y1: "0",
+						y2: "100",
+						stroke: "var(--foreground)",
+						"stroke-width": "1",
+						"vector-effect": "non-scaling-stroke",
+						"stroke-dasharray": "3 3"
+					}, null, 8, ["animate", "transition"])
+				])),
+				d("input", {
+					type: "range",
+					"aria-label": "Inspect period",
+					min: "0",
+					max: w(t).columns.length - 1,
+					step: "1",
+					value: w(t).index,
+					"aria-valuetext": w(t).column?.id,
+					"aria-describedby": r.value ? w(i) : void 0,
+					onFocus: s[0] ||= (e) => r.value = !0,
+					onBlur: s[1] ||= (e) => r.value = !1,
+					onKeydown: s[2] ||= E((e) => r.value = !1, ["esc"]),
+					onInput: y,
+					class: "absolute inset-0 size-full cursor-crosshair opacity-0"
+				}, null, 40, U),
+				r.value ? (_(), u("div", {
+					key: 0,
+					id: w(i),
+					role: "tooltip",
+					class: "pointer-events-none absolute top-4 z-10 rounded-xl border border-border bg-popover p-3 text-xs shadow-lg",
+					style: g({ left: h.value })
+				}, [p(L)], 12, W)) : l("", !0)
+			], 32),
+			d("div", G, [d("span", null, C(w(t).columns[0]?.id), 1), d("span", null, C(w(t).columns.at(-1)?.id), 1)]),
+			d("div", K, [d("table", null, [
+				d("caption", null, C(w(t).label) + " data ", 1),
+				d("thead", null, [d("tr", null, [s[6] ||= d("th", null, "Series", -1), (_(!0), u(o, null, x(w(t).columns, (e) => (_(), u("th", { key: e.id }, C(e.id), 1))), 128))])]),
+				d("tbody", null, [(_(!0), u(o, null, x(w(t).rows, (e, n) => (_(), u("tr", { key: e.id }, [d("th", null, C(e.name), 1), (_(!0), u(o, null, x(w(t).columns, (e) => (_(), u("td", { key: e.id }, C(e.valid ? w(t).formatValue(e.segments[n]?.value ?? 0) : "No data"), 1))), 128))]))), 128))])
+			])])
+		]));
+	}
+}), J = {
+	key: 0,
+	class: "grid min-w-0 grid-cols-2 gap-x-4 gap-y-1 @min-[480px]:grid-cols-3 @min-[900px]:grid-cols-6"
+}, Y = [
+	"aria-label",
+	"aria-pressed",
+	"onClick",
+	"onPointerenter",
+	"onFocus"
+], X = { class: "grid min-w-0 gap-0.5" }, Z = { class: "truncate text-muted-foreground" }, Q = ["title"], $ = /* @__PURE__ */ m({
+	__name: "CompositionChartLegend",
+	setup(e) {
+		let t = j();
+		function n() {
+			t.setPinned(null), t.setHovered(null), t.setFocused(null);
+		}
+		return (e, r) => w(t).column ? (_(), u("div", J, [(_(!0), u(o, null, x(w(t).column.segments, (e) => (_(), u("button", {
+			key: e.id,
+			type: "button",
+			"aria-label": `Highlight ${e.name}`,
+			"aria-pressed": w(t).pinned === e.id,
+			class: h([
+				"flex min-h-12 min-w-0 items-center gap-2.5 rounded-md px-2 py-1.5 text-left text-xs transition-opacity duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+				w(t).pinned === e.id ? "bg-muted/60 ring-1 ring-inset ring-border" : void 0,
+				w(t).highlight && w(t).highlight !== e.id ? "opacity-40" : void 0
+			]),
+			onClick: (n) => w(t).setPinned(w(t).pinned === e.id ? null : e.id),
+			onPointerenter: (n) => w(t).canHover && w(t).setHovered(e.id),
+			onPointerleave: r[0] ||= (e) => w(t).setHovered(null),
+			onFocus: (n) => w(t).setFocused(e.id),
+			onBlur: r[1] ||= (e) => w(t).setFocused(null),
+			onKeydown: E(n, ["esc"])
+		}, [d("span", {
+			"aria-hidden": "true",
+			class: "h-6 w-1 shrink-0 rounded-full",
+			style: g({ backgroundColor: e.color })
+		}, null, 4), d("span", X, [d("span", Z, C(e.name), 1), d("span", {
+			title: e.value === null ? "Missing value" : w(t).formatValue(e.value),
+			class: "shrink-0 font-mono tabular-nums"
+		}, C(w(t).column.valid ? e.share.toFixed(1) + "%" : "—"), 9, Q)])], 42, Y))), 128))])) : l("", !0);
+	}
+}), te = ["aria-label"], ne = /* @__PURE__ */ m({
+	__name: "CompositionChart",
+	props: {
+		series: {},
+		periods: {},
+		view: {},
+		period: {},
+		defaultPeriod: {},
+		formatValue: { type: Function },
+		label: {},
+		className: {}
+	},
+	emits: ["update:period", "periodChange"],
+	setup(e, { emit: t }) {
+		let n = e, r = k(n, t);
+		return v(A.key, r), (e, t) => (_(), u("section", {
+			"aria-label": w(r).label,
+			class: h(["@container w-full space-y-4", n.className])
+		}, [S(e.$slots, "default", {}, () => [p(q), p($)])], 10, te));
+	}
+});
+export { j as a, L as i, $ as n, q as r, ne as t };
+
+//# sourceMappingURL=composition-chart-DFroPUqu.js.map

package/dist/composition-chart-DFroPUqu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composition-chart-DFroPUqu.js","names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref","_Fragment","_renderList","_normalizeStyle","_createTextVNode","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_unref","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_Fragment","_renderList","_createBlock","_createVNode","_withKeys","_normalizeStyle","CompositionTooltipContent","_createCommentVNode","_sfc_main","_hoisted_1","_unref","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_withKeys","_createElementVNode","_normalizeStyle","_toDisplayString","_createCommentVNode","_sfc_main","emit","_openBlock","_createElementBlock","_unref","_normalizeClass","_renderSlot","_createVNode","CompositionChartPlot","CompositionChartLegend","_sfc_main","useMediaQuery","useReducedMotion","SPRING_LAYOUT","formatNumber","context","selection","buildComposition","unique","item","series","rows","used","columns","index","periods","id","observations","row","valid","value","scale","denominator","position","segments","seriesIndex","share","segment","compositionArea","paths","start","end","left","right","bottom","top","points","i","createCompositionModel","model","computed","props","period","emit","pinned","ref","hovered","focused","found","column","highlight","ids","candidate","reactive","compositionContext","useCompositionChart","_hoisted_1$3","_hoisted_2$2","_hoisted_3$2","_hoisted_4$2","_hoisted_5$2","CompositionTooltipContent_default","defineComponent","chart","openBlock","createElementBlock","createElementVNode","toDisplayString","unref","Fragment","renderList","normalizeStyle","createTextVNode","_hoisted_1$2","_hoisted_2$1","_hoisted_3$1","_hoisted_4$1","_hoisted_5$1","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","CompositionChartPlot_default","open","tooltipId","useId","areas","bars","inspectX","tooltipLeft","inspect","box","event","fraction","input","opacity","_cache","$event","y","createBlock","motion","area","bar","createVNode","withKeys","createCommentVNode","_hoisted_1$1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","CompositionChartLegend_default","clear","normalizeClass","_hoisted_1","CompositionChart_default","__emit","__props","provide","renderSlot","_ctx"],"sources":["../src/charts/composition-chart/src/model.ts","../src/charts/composition-chart/src/context.ts","../src/charts/composition-chart/src/CompositionTooltipContent.vue","../src/charts/composition-chart/src/CompositionTooltipContent.vue","../src/charts/composition-chart/src/CompositionChartPlot.vue","../src/charts/composition-chart/src/CompositionChartPlot.vue","../src/charts/composition-chart/src/CompositionChartLegend.vue","../src/charts/composition-chart/src/CompositionChartLegend.vue","../src/charts/composition-chart/src/CompositionChart.vue","../src/charts/composition-chart/src/CompositionChart.vue"],"sourcesContent":["export interface CompositionSeries {\n  id: string;\n  name: string;\n  color: string;\n  values: readonly (number | null)[];\n}\n\nexport function buildComposition(\n  series: readonly CompositionSeries[],\n  periods: readonly string[],\n) {\n  const unique = new Map<string, CompositionSeries>();\n  for (const item of series)\n    if (!unique.has(item.id)) unique.set(item.id, item);\n  const rows = [...unique.values()];\n  const used = new Set<string>();\n  const columns: {\n    id: string;\n    valid: boolean;\n    segments: (CompositionSeries & {\n      value: number | null;\n      share: number;\n      offset: number;\n    })[];\n  }[] = [];\n  for (let index = 0; index < periods.length; index++) {\n    const id = periods[index];\n    if (used.has(id)) continue;\n    used.add(id);\n    const observations = rows.map((row) => row.values[index]);\n    const valid =\n      observations.length > 0 &&\n      observations.every(\n        (value) =>\n          typeof value === \"number\" && Number.isFinite(value) && value >= 0,\n      );\n    let scale = 0;\n    if (valid)\n      for (const value of observations) scale = Math.max(scale, value ?? 0);\n    let denominator = 0;\n    if (scale > 0)\n      for (const value of observations) denominator += (value ?? 0) / scale;\n    let position = 0;\n    const segments = rows.map((row, seriesIndex) => {\n      const value = observations[seriesIndex] ?? null;\n      const share =\n        denominator > 0 ? ((value ?? 0) / scale / denominator) * 100 : 0;\n      const segment = { ...row, value, share, offset: position };\n      position += share;\n      return segment;\n    });\n    columns.push({ id, valid: valid && denominator > 0, segments });\n  }\n  return { rows, columns };\n}\n\nexport function compositionArea(\n  columns: ReturnType<typeof buildComposition>[\"columns\"],\n  row: number,\n) {\n  const paths: string[] = [];\n  for (let start = 0; start < columns.length;) {\n    if (!columns[start].valid) {\n      start++;\n      continue;\n    }\n    let end = start + 1;\n    while (end < columns.length && columns[end].valid) end++;\n    if (end - start === 1) {\n      const segment = columns[start].segments[row];\n      const left = (start / columns.length) * 100;\n      const right = ((start + 1) / columns.length) * 100;\n      const bottom = 100 - segment.offset;\n      const top = bottom - segment.share;\n      paths.push(\n        `M${left},${bottom} L${left},${top} L${right},${top} L${right},${bottom} Z`,\n      );\n    } else {\n      const points: string[] = [];\n      for (let i = start; i < end; i++) {\n        const segment = columns[i].segments[row];\n        points.push(\n          `${((i + 0.5) / columns.length) * 100},${100 - segment.offset - segment.share}`,\n        );\n      }\n      for (let i = end - 1; i >= start; i--)\n        points.push(\n          `${((i + 0.5) / columns.length) * 100},${100 - columns[i].segments[row].offset}`,\n        );\n      paths.push(`M${points.join(\" L\")} Z`);\n    }\n    start = end;\n  }\n  return paths.join(\" \");\n}\n","import { computed, reactive, ref } from \"vue\";\nimport { useMediaQuery, useReducedMotion } from \"../../../lib/composables\";\nimport { context, selection, formatNumber } from \"../../shared\";\nimport { buildComposition, type CompositionSeries } from \"./model\";\nexport interface CompositionChartProps {\n  series: readonly CompositionSeries[];\n  periods: readonly string[];\n  view?: \"bar\" | \"area\";\n  period?: string;\n  defaultPeriod?: string;\n  formatValue?: (value: number) => string;\n  label?: string;\n  className?: string;\n}\nexport function createCompositionModel(\n  props: CompositionChartProps,\n  emit: (event: any, ...args: any[]) => void,\n) {\n  const model = computed(() => buildComposition(props.series, props.periods));\n  const period = selection(\n    () => props.period,\n    props.defaultPeriod ?? \"\",\n    (value) => {\n      emit(\"update:period\", value);\n      emit(\"periodChange\", value);\n    },\n  );\n  const pinned = ref<string | null>(null),\n    hovered = ref<string | null>(null),\n    focused = ref<string | null>(null);\n  const index = computed(() => {\n    const found = model.value.columns.findIndex(\n      (column) => column.id === period.value,\n    );\n    return found === -1 ? model.value.columns.length - 1 : found;\n  });\n  const highlight = computed(() => {\n    const ids = new Set(model.value.rows.map((row) => row.id));\n    for (const candidate of [hovered.value, focused.value, pinned.value])\n      if (candidate !== null && ids.has(candidate)) return candidate;\n    return null;\n  });\n  return reactive({\n    rows: computed(() => model.value.rows),\n    columns: computed(() => model.value.columns),\n    index,\n    column: computed(() => model.value.columns[index.value]),\n    pinned,\n    highlight,\n    select(value: string) {\n      period.value = value;\n    },\n    setPinned(value: string | null) {\n      pinned.value = value;\n    },\n    setHovered(value: string | null) {\n      hovered.value = value;\n    },\n    setFocused(value: string | null) {\n      focused.value = value;\n    },\n    view: computed(() => props.view ?? \"bar\"),\n    label: computed(() => props.label ?? \"Composition over time\"),\n    formatValue: computed(() => props.formatValue ?? formatNumber),\n    reduce: useReducedMotion(),\n    canHover: useMediaQuery(\"(hover: hover)\"),\n  });\n}\nexport const compositionContext =\n  context<ReturnType<typeof createCompositionModel>>(\"CompositionChart\");\nexport const useCompositionChart = compositionContext.use;\n","<script setup lang=\"ts\">\nimport { useCompositionChart } from \"./context\";\nconst chart = useCompositionChart();\n</script>\n<template>\n  <div class=\"min-w-40\">\n    <p class=\"mb-2 text-muted-foreground\">{{ chart.column?.id }}</p>\n    <template v-if=\"chart.column?.valid\"\n      ><div\n        v-for=\"segment in chart.column.segments\"\n        :key=\"segment.id\"\n        class=\"flex items-center justify-between gap-6 py-1\"\n      >\n        <span class=\"flex items-center gap-2\"\n          ><span\n            class=\"size-2 rounded-full\"\n            :style=\"{ backgroundColor: segment.color }\"\n          />{{ segment.name }}</span\n        ><span class=\"font-mono\"\n          >{{ chart.formatValue(segment.value ?? 0) }} ·\n          {{ segment.share.toFixed(1) }}%</span\n        >\n      </div></template\n    >\n    <p v-else>No data</p>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useCompositionChart } from \"./context\";\nconst chart = useCompositionChart();\n</script>\n<template>\n  <div class=\"min-w-40\">\n    <p class=\"mb-2 text-muted-foreground\">{{ chart.column?.id }}</p>\n    <template v-if=\"chart.column?.valid\"\n      ><div\n        v-for=\"segment in chart.column.segments\"\n        :key=\"segment.id\"\n        class=\"flex items-center justify-between gap-6 py-1\"\n      >\n        <span class=\"flex items-center gap-2\"\n          ><span\n            class=\"size-2 rounded-full\"\n            :style=\"{ backgroundColor: segment.color }\"\n          />{{ segment.name }}</span\n        ><span class=\"font-mono\"\n          >{{ chart.formatValue(segment.value ?? 0) }} ·\n          {{ segment.share.toFixed(1) }}%</span\n        >\n      </div></template\n    >\n    <p v-else>No data</p>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { compositionArea } from \"./model\";\nimport { useCompositionChart } from \"./context\";\nimport CompositionTooltipContent from \"./CompositionTooltipContent.vue\";\nconst chart = useCompositionChart();\nconst open = ref(false),\n  tooltipId = useId();\nconst areas = computed(() =>\n  chart.rows.map((row, index) => ({\n    ...row,\n    path: compositionArea(chart.columns, index),\n  })),\n);\nconst bars = computed(() =>\n  chart.columns.flatMap((column, index) =>\n    column.valid\n      ? column.segments.map((segment) => ({\n          ...segment,\n          key: JSON.stringify([column.id, segment.id]),\n          x: (index / chart.columns.length) * 100 + 10 / chart.columns.length,\n        }))\n      : [],\n  ),\n);\nconst inspectX = computed(\n  () => ((chart.index + 0.5) / chart.columns.length) * 100,\n);\nconst tooltipLeft = computed(\n  () => `${Math.min(65, (chart.index / chart.columns.length) * 100)}%`,\n);\nfunction inspect(event: PointerEvent) {\n  const box = (event.currentTarget as HTMLElement).getBoundingClientRect();\n  if (!box.width || !chart.columns.length) return;\n  const fraction = Math.max(\n    0,\n    Math.min(1, (event.clientX - box.left) / box.width),\n  );\n  const index = Math.min(\n    chart.columns.length - 1,\n    Math.floor(fraction * chart.columns.length),\n  );\n  chart.select(chart.columns[index].id);\n  open.value = true;\n}\nfunction input(event: Event) {\n  const column =\n    chart.columns[Number((event.target as HTMLInputElement).value)];\n  if (column) {\n    chart.select(column.id);\n    open.value = true;\n  }\n}\nfunction opacity(id: string) {\n  return chart.highlight && chart.highlight !== id ? 0.18 : 0.9;\n}\n</script>\n<template>\n  <p\n    v-if=\"!chart.columns.length || !chart.rows.length\"\n    class=\"flex min-h-64 items-center justify-center text-sm text-muted-foreground\"\n  >\n    No composition data\n  </p>\n  <div v-else class=\"min-w-0 space-y-3\">\n    <div class=\"flex justify-between text-[11px] text-muted-foreground\">\n      <span\n        >{{ chart.column?.id\n        }}{{ chart.column?.valid ? \"\" : \" · No data\" }}</span\n      ><span class=\"font-mono\">100%</span>\n    </div>\n    <div\n      class=\"relative h-64 rounded-sm has-focus-visible:outline-2 has-focus-visible:outline-offset-4 has-focus-visible:outline-ring sm:h-80\"\n      @pointerleave=\"open = false\"\n      @pointerdown=\"inspect\"\n      @pointermove=\"(chart.canHover || $event.buttons === 1) && inspect($event)\"\n    >\n      <svg\n        aria-hidden=\"true\"\n        viewBox=\"0 0 100 100\"\n        preserveAspectRatio=\"none\"\n        class=\"size-full overflow-visible\"\n      >\n        <line\n          v-for=\"y in [0, 25, 50, 75, 100]\"\n          :key=\"y\"\n          x1=\"0\"\n          x2=\"100\"\n          :y1=\"y\"\n          :y2=\"y\"\n          stroke=\"var(--border)\"\n          stroke-width=\"1\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n        <template v-if=\"chart.view === 'area'\">\n          <motion.path\n            v-for=\"area in areas\"\n            :key=\"area.id\"\n            :d=\"area.path\"\n            :fill=\"area.color\"\n            :initial=\"{ opacity: 0 }\"\n            :animate=\"{ opacity: opacity(area.id) }\"\n            :transition=\"{ duration: 0.18 }\"\n          />\n        </template>\n        <template v-else>\n          <motion.rect\n            v-for=\"bar in bars\"\n            :key=\"bar.key\"\n            :x=\"bar.x\"\n            y=\"0\"\n            :width=\"80 / chart.columns.length\"\n            height=\"1\"\n            :fill=\"bar.color\"\n            :initial=\"false\"\n            :animate=\"{\n              y: 100 - bar.offset - bar.share,\n              scaleY: bar.share,\n              opacity: opacity(bar.id),\n            }\"\n            :style=\"{ originY: '0px', originX: '0px' }\"\n            :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n          />\n        </template>\n        <motion.line\n          :initial=\"false\"\n          :animate=\"{ x: inspectX }\"\n          :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n          x1=\"0\"\n          x2=\"0\"\n          y1=\"0\"\n          y2=\"100\"\n          stroke=\"var(--foreground)\"\n          stroke-width=\"1\"\n          vector-effect=\"non-scaling-stroke\"\n          stroke-dasharray=\"3 3\"\n        />\n      </svg>\n      <input\n        type=\"range\"\n        aria-label=\"Inspect period\"\n        min=\"0\"\n        :max=\"chart.columns.length - 1\"\n        step=\"1\"\n        :value=\"chart.index\"\n        :aria-valuetext=\"chart.column?.id\"\n        :aria-describedby=\"open ? tooltipId : undefined\"\n        @focus=\"open = true\"\n        @blur=\"open = false\"\n        @keydown.esc=\"open = false\"\n        @input=\"input\"\n        class=\"absolute inset-0 size-full cursor-crosshair opacity-0\"\n      />\n      <div\n        v-if=\"open\"\n        :id=\"tooltipId\"\n        role=\"tooltip\"\n        class=\"pointer-events-none absolute top-4 z-10 rounded-xl border border-border bg-popover p-3 text-xs shadow-lg\"\n        :style=\"{ left: tooltipLeft }\"\n      >\n        <CompositionTooltipContent />\n      </div>\n    </div>\n    <div class=\"flex justify-between text-[11px] text-muted-foreground\">\n      <span>{{ chart.columns[0]?.id }}</span\n      ><span>{{ chart.columns.at(-1)?.id }}</span>\n    </div>\n    <div class=\"sr-only\">\n      <table>\n        <caption>\n          {{\n            chart.label\n          }}\n          data\n        </caption>\n        <thead>\n          <tr>\n            <th>Series</th>\n            <th v-for=\"column in chart.columns\" :key=\"column.id\">\n              {{ column.id }}\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"(row, index) in chart.rows\" :key=\"row.id\">\n            <th>{{ row.name }}</th>\n            <td v-for=\"column in chart.columns\" :key=\"column.id\">\n              {{\n                column.valid\n                  ? chart.formatValue(column.segments[index]?.value ?? 0)\n                  : \"No data\"\n              }}\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { compositionArea } from \"./model\";\nimport { useCompositionChart } from \"./context\";\nimport CompositionTooltipContent from \"./CompositionTooltipContent.vue\";\nconst chart = useCompositionChart();\nconst open = ref(false),\n  tooltipId = useId();\nconst areas = computed(() =>\n  chart.rows.map((row, index) => ({\n    ...row,\n    path: compositionArea(chart.columns, index),\n  })),\n);\nconst bars = computed(() =>\n  chart.columns.flatMap((column, index) =>\n    column.valid\n      ? column.segments.map((segment) => ({\n          ...segment,\n          key: JSON.stringify([column.id, segment.id]),\n          x: (index / chart.columns.length) * 100 + 10 / chart.columns.length,\n        }))\n      : [],\n  ),\n);\nconst inspectX = computed(\n  () => ((chart.index + 0.5) / chart.columns.length) * 100,\n);\nconst tooltipLeft = computed(\n  () => `${Math.min(65, (chart.index / chart.columns.length) * 100)}%`,\n);\nfunction inspect(event: PointerEvent) {\n  const box = (event.currentTarget as HTMLElement).getBoundingClientRect();\n  if (!box.width || !chart.columns.length) return;\n  const fraction = Math.max(\n    0,\n    Math.min(1, (event.clientX - box.left) / box.width),\n  );\n  const index = Math.min(\n    chart.columns.length - 1,\n    Math.floor(fraction * chart.columns.length),\n  );\n  chart.select(chart.columns[index].id);\n  open.value = true;\n}\nfunction input(event: Event) {\n  const column =\n    chart.columns[Number((event.target as HTMLInputElement).value)];\n  if (column) {\n    chart.select(column.id);\n    open.value = true;\n  }\n}\nfunction opacity(id: string) {\n  return chart.highlight && chart.highlight !== id ? 0.18 : 0.9;\n}\n</script>\n<template>\n  <p\n    v-if=\"!chart.columns.length || !chart.rows.length\"\n    class=\"flex min-h-64 items-center justify-center text-sm text-muted-foreground\"\n  >\n    No composition data\n  </p>\n  <div v-else class=\"min-w-0 space-y-3\">\n    <div class=\"flex justify-between text-[11px] text-muted-foreground\">\n      <span\n        >{{ chart.column?.id\n        }}{{ chart.column?.valid ? \"\" : \" · No data\" }}</span\n      ><span class=\"font-mono\">100%</span>\n    </div>\n    <div\n      class=\"relative h-64 rounded-sm has-focus-visible:outline-2 has-focus-visible:outline-offset-4 has-focus-visible:outline-ring sm:h-80\"\n      @pointerleave=\"open = false\"\n      @pointerdown=\"inspect\"\n      @pointermove=\"(chart.canHover || $event.buttons === 1) && inspect($event)\"\n    >\n      <svg\n        aria-hidden=\"true\"\n        viewBox=\"0 0 100 100\"\n        preserveAspectRatio=\"none\"\n        class=\"size-full overflow-visible\"\n      >\n        <line\n          v-for=\"y in [0, 25, 50, 75, 100]\"\n          :key=\"y\"\n          x1=\"0\"\n          x2=\"100\"\n          :y1=\"y\"\n          :y2=\"y\"\n          stroke=\"var(--border)\"\n          stroke-width=\"1\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n        <template v-if=\"chart.view === 'area'\">\n          <motion.path\n            v-for=\"area in areas\"\n            :key=\"area.id\"\n            :d=\"area.path\"\n            :fill=\"area.color\"\n            :initial=\"{ opacity: 0 }\"\n            :animate=\"{ opacity: opacity(area.id) }\"\n            :transition=\"{ duration: 0.18 }\"\n          />\n        </template>\n        <template v-else>\n          <motion.rect\n            v-for=\"bar in bars\"\n            :key=\"bar.key\"\n            :x=\"bar.x\"\n            y=\"0\"\n            :width=\"80 / chart.columns.length\"\n            height=\"1\"\n            :fill=\"bar.color\"\n            :initial=\"false\"\n            :animate=\"{\n              y: 100 - bar.offset - bar.share,\n              scaleY: bar.share,\n              opacity: opacity(bar.id),\n            }\"\n            :style=\"{ originY: '0px', originX: '0px' }\"\n            :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n          />\n        </template>\n        <motion.line\n          :initial=\"false\"\n          :animate=\"{ x: inspectX }\"\n          :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n          x1=\"0\"\n          x2=\"0\"\n          y1=\"0\"\n          y2=\"100\"\n          stroke=\"var(--foreground)\"\n          stroke-width=\"1\"\n          vector-effect=\"non-scaling-stroke\"\n          stroke-dasharray=\"3 3\"\n        />\n      </svg>\n      <input\n        type=\"range\"\n        aria-label=\"Inspect period\"\n        min=\"0\"\n        :max=\"chart.columns.length - 1\"\n        step=\"1\"\n        :value=\"chart.index\"\n        :aria-valuetext=\"chart.column?.id\"\n        :aria-describedby=\"open ? tooltipId : undefined\"\n        @focus=\"open = true\"\n        @blur=\"open = false\"\n        @keydown.esc=\"open = false\"\n        @input=\"input\"\n        class=\"absolute inset-0 size-full cursor-crosshair opacity-0\"\n      />\n      <div\n        v-if=\"open\"\n        :id=\"tooltipId\"\n        role=\"tooltip\"\n        class=\"pointer-events-none absolute top-4 z-10 rounded-xl border border-border bg-popover p-3 text-xs shadow-lg\"\n        :style=\"{ left: tooltipLeft }\"\n      >\n        <CompositionTooltipContent />\n      </div>\n    </div>\n    <div class=\"flex justify-between text-[11px] text-muted-foreground\">\n      <span>{{ chart.columns[0]?.id }}</span\n      ><span>{{ chart.columns.at(-1)?.id }}</span>\n    </div>\n    <div class=\"sr-only\">\n      <table>\n        <caption>\n          {{\n            chart.label\n          }}\n          data\n        </caption>\n        <thead>\n          <tr>\n            <th>Series</th>\n            <th v-for=\"column in chart.columns\" :key=\"column.id\">\n              {{ column.id }}\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"(row, index) in chart.rows\" :key=\"row.id\">\n            <th>{{ row.name }}</th>\n            <td v-for=\"column in chart.columns\" :key=\"column.id\">\n              {{\n                column.valid\n                  ? chart.formatValue(column.segments[index]?.value ?? 0)\n                  : \"No data\"\n              }}\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useCompositionChart } from \"./context\";\nconst chart = useCompositionChart();\nfunction clear() {\n  chart.setPinned(null);\n  chart.setHovered(null);\n  chart.setFocused(null);\n}\n</script>\n<template>\n  <div\n    v-if=\"chart.column\"\n    class=\"grid min-w-0 grid-cols-2 gap-x-4 gap-y-1 @min-[480px]:grid-cols-3 @min-[900px]:grid-cols-6\"\n  >\n    <button\n      v-for=\"segment in chart.column.segments\"\n      :key=\"segment.id\"\n      type=\"button\"\n      :aria-label=\"`Highlight ${segment.name}`\"\n      :aria-pressed=\"chart.pinned === segment.id\"\n      :class=\"[\n        'flex min-h-12 min-w-0 items-center gap-2.5 rounded-md px-2 py-1.5 text-left text-xs transition-opacity duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring',\n        chart.pinned === segment.id ? 'bg-muted/60 ring-1 ring-inset ring-border' : undefined,\n        chart.highlight && chart.highlight !== segment.id\n          ? 'opacity-40'\n          : undefined,\n      ]\"\n      @click=\"chart.setPinned(chart.pinned === segment.id ? null : segment.id)\"\n      @pointerenter=\"chart.canHover && chart.setHovered(segment.id)\"\n      @pointerleave=\"chart.setHovered(null)\"\n      @focus=\"chart.setFocused(segment.id)\"\n      @blur=\"chart.setFocused(null)\"\n      @keydown.esc=\"clear\"\n    >\n      <span\n        aria-hidden=\"true\"\n        class=\"h-6 w-1 shrink-0 rounded-full\"\n        :style=\"{ backgroundColor: segment.color }\"\n      />\n      <span class=\"grid min-w-0 gap-0.5\"\n        ><span class=\"truncate text-muted-foreground\">{{ segment.name }}</span\n        ><span\n          :title=\"\n            segment.value === null\n              ? 'Missing value'\n              : chart.formatValue(segment.value)\n          \"\n          class=\"shrink-0 font-mono tabular-nums\"\n          >{{ chart.column.valid ? segment.share.toFixed(1) + \"%\" : \"—\" }}</span\n        ></span\n      >\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useCompositionChart } from \"./context\";\nconst chart = useCompositionChart();\nfunction clear() {\n  chart.setPinned(null);\n  chart.setHovered(null);\n  chart.setFocused(null);\n}\n</script>\n<template>\n  <div\n    v-if=\"chart.column\"\n    class=\"grid min-w-0 grid-cols-2 gap-x-4 gap-y-1 @min-[480px]:grid-cols-3 @min-[900px]:grid-cols-6\"\n  >\n    <button\n      v-for=\"segment in chart.column.segments\"\n      :key=\"segment.id\"\n      type=\"button\"\n      :aria-label=\"`Highlight ${segment.name}`\"\n      :aria-pressed=\"chart.pinned === segment.id\"\n      :class=\"[\n        'flex min-h-12 min-w-0 items-center gap-2.5 rounded-md px-2 py-1.5 text-left text-xs transition-opacity duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring',\n        chart.pinned === segment.id ? 'bg-muted/60 ring-1 ring-inset ring-border' : undefined,\n        chart.highlight && chart.highlight !== segment.id\n          ? 'opacity-40'\n          : undefined,\n      ]\"\n      @click=\"chart.setPinned(chart.pinned === segment.id ? null : segment.id)\"\n      @pointerenter=\"chart.canHover && chart.setHovered(segment.id)\"\n      @pointerleave=\"chart.setHovered(null)\"\n      @focus=\"chart.setFocused(segment.id)\"\n      @blur=\"chart.setFocused(null)\"\n      @keydown.esc=\"clear\"\n    >\n      <span\n        aria-hidden=\"true\"\n        class=\"h-6 w-1 shrink-0 rounded-full\"\n        :style=\"{ backgroundColor: segment.color }\"\n      />\n      <span class=\"grid min-w-0 gap-0.5\"\n        ><span class=\"truncate text-muted-foreground\">{{ segment.name }}</span\n        ><span\n          :title=\"\n            segment.value === null\n              ? 'Missing value'\n              : chart.formatValue(segment.value)\n          \"\n          class=\"shrink-0 font-mono tabular-nums\"\n          >{{ chart.column.valid ? segment.share.toFixed(1) + \"%\" : \"—\" }}</span\n        ></span\n      >\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createCompositionModel,\n  compositionContext,\n  type CompositionChartProps,\n} from \"./context\";\nimport CompositionChartPlot from \"./CompositionChartPlot.vue\";\nimport CompositionChartLegend from \"./CompositionChartLegend.vue\";\nconst props = defineProps<CompositionChartProps>();\nconst emit = defineEmits([\"update:period\", \"periodChange\"]);\nconst chart = createCompositionModel(props, emit);\nprovide(compositionContext.key, chart);\n</script>\n<template>\n  <section\n    :aria-label=\"chart.label\"\n    :class=\"['@container w-full space-y-4', props.className]\"\n  >\n    <slot><CompositionChartPlot /><CompositionChartLegend /></slot>\n  </section>\n</template>\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createCompositionModel,\n  compositionContext,\n  type CompositionChartProps,\n} from \"./context\";\nimport CompositionChartPlot from \"./CompositionChartPlot.vue\";\nimport CompositionChartLegend from \"./CompositionChartLegend.vue\";\nconst props = defineProps<CompositionChartProps>();\nconst emit = defineEmits([\"update:period\", \"periodChange\"]);\nconst chart = createCompositionModel(props, emit);\nprovide(compositionContext.key, chart);\n</script>\n<template>\n  <section\n    :aria-label=\"chart.label\"\n    :class=\"['@container w-full space-y-4', props.className]\"\n  >\n    <slot><CompositionChartPlot /><CompositionChartLegend /></slot>\n  </section>\n</template>\n"],"mappings":"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"}