@orvui/vue 0.0.0-stage → 0.1.1

package/dist/timeline-DNs6vEXj.js

@@ -0,0 +1,360 @@
+import { s as e, t } from "./composables-BJ1sih_H.js";
+import { n } from "./state-DWNDjqAL.js";
+import { d as r } from "./ease-rIvCM4O3.js";
+import { t as i } from "./_plugin-vue_export-helper-Djzt4Yr7.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, resolveDynamicComponent as S, toDisplayString as C, unref as w, useId as T, watch as E, withKeys as D, withModifiers as O } from "vue";
+import { animate as k } from "motion-v";
+// src/motion/timeline/src/track.ts
+function A(e, t, n) {
+	return Math.max(t, Math.min(n, e));
+}
+function j(e, n, i, a) {
+	let s = o(() => Math.max(0, n.events.findIndex((e) => e.id === i.value))), c = o(() => Math.max(0, n.events.length - 1)), l = y(800), u = y(s.value), d = o(() => Math.min(n.itemWidth, l.value * (l.value < 640 ? .58 : .36))), f = o(() => A(d.value * .22, 40, 72)), m = o(() => d.value * .72 + f.value), h = o(() => d.value * .86 + f.value), v = /* @__PURE__ */ new Map(), b, x, S = !1, C = 0, w = 0, T, D, O = null, j, M = !1, N = 0, P = u.value, F = 0, I = n.events[s.value]?.id;
+	function L() {
+		clearTimeout(j), j = void 0;
+	}
+	function R(e) {
+		let t = n.events[e]?.id;
+		t !== void 0 && t !== I && (I = t, i.value = t);
+	}
+	function z() {
+		++C, x = void 0, b?.stop(), b = void 0;
+	}
+	function B(e, t = N, n = !0) {
+		if (z(), x = e, n && R(e), a.value || u.value === e && t === 0) {
+			u.value = e, x = void 0, N = 0;
+			return;
+		}
+		let i = C;
+		b = k(u.value, e, {
+			...r,
+			velocity: t,
+			restDelta: .001,
+			onUpdate: (e) => {
+				!S && i === C && (u.value = e);
+			},
+			onComplete: () => {
+				S || i !== C || (u.value = e, x = void 0, b = void 0, N = 0);
+			}
+		});
+	}
+	function V(e) {
+		let t = u.value + A(e * .3, -4, 4);
+		B(A(Math.round(t), 0, c.value), e);
+	}
+	function H() {
+		let e = T;
+		if (T = void 0, e) try {
+			e.element.hasPointerCapture(e.id) && e.element.releasePointerCapture(e.id);
+		} catch {}
+		return e;
+	}
+	function ee(e, t = !1) {
+		L(), H(), I = n.events[s.value]?.id;
+		let r = A(e, 0, c.value);
+		if (B(r), t) {
+			let e = ++w;
+			p(() => {
+				!S && e === w && v.get(n.events[r]?.id)?.focus({ preventScroll: !0 });
+			});
+		}
+	}
+	function te(e) {
+		if (e.button !== 0 || e.isPrimary === !1 || T) return;
+		let r = t(e.currentTarget);
+		if (!r) return;
+		L(), z(), M = !1, I = n.events[s.value]?.id;
+		let i = performance.now();
+		T = {
+			id: e.pointerId,
+			element: r,
+			originX: e.clientX,
+			originPosition: u.value,
+			moved: !1,
+			previousX: e.clientX,
+			latestX: e.clientX,
+			previousTime: i,
+			latestTime: i
+		};
+	}
+	function ne(e) {
+		let t = T;
+		if (!t || t.id !== e.pointerId) return;
+		let n = e.clientX - t.originX;
+		if (!t.moved) {
+			if (Math.abs(n) < 4) return;
+			t.moved = !0, M = !0;
+			try {
+				t.element.setPointerCapture(t.id);
+			} catch {}
+		}
+		let r = t.originPosition - n / m.value;
+		u.value = r < 0 ? r * .3 : r > c.value ? c.value + (r - c.value) * .3 : r, t.previousX = t.latestX, t.previousTime = t.latestTime, t.latestX = e.clientX, t.latestTime = performance.now();
+	}
+	function U(e) {
+		if (T?.id !== e.pointerId) return;
+		let t = H();
+		if (!t.moved) return;
+		let n = t.latestTime - t.previousTime;
+		V(performance.now() - t.latestTime < 100 && n > 0 ? -(t.latestX - t.previousX) / n * 1e3 / m.value : 0);
+	}
+	function W(e) {
+		T?.id === e.pointerId && G();
+	}
+	function G() {
+		H()?.moved && V(0);
+	}
+	function re(e) {
+		M && e.detail !== 0 && (M = !1, e.preventDefault(), e.stopPropagation());
+	}
+	function K(e) {
+		if (e.ctrlKey || T || Math.abs(e.deltaX) <= Math.abs(e.deltaY)) return;
+		e.preventDefault(), j === void 0 && (I = n.events[s.value]?.id), z();
+		let t = e.deltaX * (e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? l.value : 1);
+		u.value = A(u.value + t / m.value, -.3, c.value + .3), L(), j = setTimeout(() => {
+			j = void 0, S || B(A(Math.round(u.value), 0, c.value), 0);
+		}, 140);
+	}
+	E(u, (e) => {
+		let t = performance.now(), n = t - F;
+		F && n > 0 && (N = (e - P) / n * 1e3), P = e, F = t, x === void 0 && R(A(Math.round(e), 0, c.value));
+	}, { flush: "sync" }), E([i, () => n.events.map((e) => e.id)], ([e, t], [r, i]) => {
+		(t.length !== i.length || t.some((e, t) => e !== i[t]) || e !== I && e !== r) && (L(), H(), I = n.events[s.value]?.id, B(s.value, 0, !1));
+	}), E(a, (e) => {
+		e && x !== void 0 && B(x, 0, !1);
+	}), _(() => {
+		O = t(e.value), O && (l.value = O.clientWidth || 800, typeof ResizeObserver < "u" && (D = new ResizeObserver((e) => {
+			S || (l.value = e[0]?.contentRect.width || O?.clientWidth || 800);
+		}), D.observe(O)), O.addEventListener("wheel", K, { passive: !1 }), O.ownerDocument.addEventListener("pointerup", U, !0), O.ownerDocument.addEventListener("pointercancel", W, !0), O.ownerDocument.defaultView?.addEventListener("blur", G));
+	}), g(() => {
+		S = !0, ++w, L(), H(), z(), D?.disconnect(), O?.removeEventListener("wheel", K), O?.ownerDocument.removeEventListener("pointerup", U, !0), O?.ownerDocument.removeEventListener("pointercancel", W, !0), O?.ownerDocument.defaultView?.removeEventListener("blur", G), v.clear();
+	});
+	function q(e) {
+		let t = Math.abs(e);
+		return Math.sign(e) * (t <= 1 ? t * h.value : h.value + (t - 1) * m.value);
+	}
+	function J(e) {
+		return 1 - .28 * Math.min(Math.abs(e), 1);
+	}
+	function Y(e) {
+		let t = e - u.value;
+		return {
+			top: "50%",
+			width: `${d.value}px`,
+			marginLeft: `${-d.value / 2}px`,
+			transform: `translateX(${q(t)}px) scale(${J(t)})`,
+			zIndex: 100 - Math.round(Math.abs(t) * 10)
+		};
+	}
+	function ie(e) {
+		let t = e - u.value, n = l.value / 2 + q(t), r = d.value / 2 * J(t) * .8;
+		return {
+			left: n - r,
+			right: n + r,
+			opacity: A((1.6 - Math.abs(t)) / .6, 0, 1)
+		};
+	}
+	function X(e) {
+		let t = e - u.value;
+		return (q(t) + d.value * J(t) / 2 + q(t + 1) - d.value * J(t + 1) / 2) / 2;
+	}
+	return {
+		active: s,
+		width: l,
+		scroll: u,
+		cardWidth: d,
+		gap: f,
+		step: m,
+		buttons: v,
+		cardStyle: Y,
+		cable: ie,
+		gapX: X,
+		down: te,
+		move: ne,
+		up: U,
+		cancel: W,
+		clickCapture: re,
+		select: ee
+	};
+}
+// src/motion/timeline/src/Timeline.vue?vue&type=script&setup=true&lang.ts
+var M = ["aria-label", "aria-describedby"], N = ["id"], P = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "pointer-events-none absolute inset-0 size-full stroke-foreground/[0.14] [mask-image:linear-gradient(to_bottom,transparent,black_6%,black_94%,transparent)]",
+	fill: "none",
+	"stroke-width": "1"
+}, F = ["opacity"], I = [
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+], L = { class: "absolute inset-0" }, R = ["data-active"], z = { class: "relative -translate-y-1/2" }, B = { class: "timeline-card relative overflow-hidden rounded-3xl border border-border bg-card" }, V = { class: "px-3.5 pb-2 pt-3" }, H = ["id"], ee = ["id"], te = { class: "px-2" }, ne = { class: "aspect-[16/10] overflow-hidden rounded-2xl border border-border bg-background" }, U = ["src"], W = {
+	key: 0,
+	class: "flex items-center gap-1.5 px-3.5 py-2.5 text-sm tabular-nums text-muted-foreground"
+}, G = {
+	key: 1,
+	class: "h-2"
+}, re = [
+	"tabindex",
+	"aria-current",
+	"aria-labelledby",
+	"onClick",
+	"onKeydown"
+], K = /* @__PURE__ */ i(/* @__PURE__ */ f({
+	__name: "Timeline",
+	props: {
+		events: {},
+		modelValue: {},
+		defaultValue: {},
+		itemWidth: { default: 340 },
+		height: { default: 600 },
+		years: {
+			type: Boolean,
+			default: !0
+		},
+		ruler: {
+			type: Boolean,
+			default: !0
+		},
+		cables: {
+			type: Boolean,
+			default: !0
+		},
+		formatDate: {},
+		formatYear: {},
+		ariaLabel: { default: "Timeline" }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(r, { emit: i }) {
+		let f = r, p = n(f, i, "modelValue", f.defaultValue ?? f.events[0]?.id ?? ""), g = y(null), _ = T(), { active: E, width: k, scroll: A, cardWidth: K, gap: q, step: J, buttons: Y, cardStyle: ie, cable: X, gapX: ae, down: oe, move: se, up: ce, cancel: Z, clickCapture: Q, select: $ } = j(g, f, p, e()), le = o(() => {
+			let e = [], t;
+			return f.events.forEach((n, r) => {
+				let i = new Date(n.date), a = i.getUTCFullYear();
+				a !== t && e.push({
+					key: `${a}-${r}`,
+					label: f.formatYear?.(i) ?? `’${String(a).slice(-2)}`,
+					position: r ? r - .5 : 0
+				}), t = a;
+			}), e;
+		}), ue = new Intl.DateTimeFormat("en-US", {
+			month: "short",
+			timeZone: "UTC"
+		});
+		function de(e) {
+			let t = new Date(e.date);
+			return f.formatDate?.(t) ?? `${ue.format(t)} ${t.getUTCDate()} ’${String(t.getUTCFullYear()).slice(-2)}`;
+		}
+		function fe(e, n) {
+			let r = t(n);
+			r ? Y.set(e, r) : Y.delete(e);
+		}
+		return (e, t) => (v(), l("section", {
+			ref_key: "root",
+			ref: g,
+			"aria-label": r.ariaLabel,
+			"aria-describedby": w(_),
+			class: "relative w-full cursor-grab touch-pan-y overscroll-x-contain select-none [-webkit-touch-callout:none] [clip-path:inset(0)] [mask-image:linear-gradient(to_right,transparent,black_6%,black_94%,transparent)] active:cursor-grabbing",
+			style: h({ height: `${r.height}px` }),
+			onPointerdown: t[2] ||= (...e) => w(oe) && w(oe)(...e),
+			onPointermove: t[3] ||= (...e) => w(se) && w(se)(...e),
+			onPointerup: t[4] ||= (...e) => w(ce) && w(ce)(...e),
+			onPointercancel: t[5] ||= (...e) => w(Z) && w(Z)(...e),
+			onLostpointercapture: t[6] ||= (...e) => w(Z) && w(Z)(...e),
+			onClickCapture: t[7] ||= (...e) => w(Q) && w(Q)(...e)
+		}, [
+			u("p", {
+				id: w(_),
+				class: "sr-only"
+			}, " Use the left and right arrow keys to move between events. ", 8, N),
+			(v(!0), l(a, null, b(r.years ? le.value : [], (e) => (v(), l("div", {
+				key: e.key,
+				"aria-hidden": "true",
+				class: "absolute left-1/2",
+				style: h({
+					transform: `translateX(${(e.position - w(A)) * w(J) * .5}px)`,
+					top: `${r.height * .2 * .33}px`
+				})
+			}, [u("span", {
+				class: "block -translate-x-1/2 font-medium leading-none tracking-tighter tabular-nums text-foreground/[0.06]",
+				style: h({ fontSize: `${r.height * .2}px` })
+			}, C(e.label), 5)], 4))), 128)),
+			r.cables ? (v(), l("svg", P, [(v(!0), l(a, null, b(r.events, (e, t) => (v(), l("g", {
+				key: e.id,
+				opacity: w(X)(t).opacity
+			}, [(v(), l(a, null, b(["left", "right"], (e) => (v(), l(a, { key: e }, [(v(!0), l(a, null, b([0, r.height], (n) => (v(), l("line", {
+				key: n,
+				x1: w(k) / 2,
+				y1: n,
+				x2: w(X)(t)[e],
+				y2: r.height * .5
+			}, null, 8, I))), 128))], 64))), 64))], 8, F))), 128))])) : c("", !0),
+			t[8] ||= u("div", {
+				"aria-hidden": "true",
+				class: "pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 text-foreground/80",
+				style: { "background-image": "linear-gradient(\n          to bottom,\n          transparent,\n          currentColor 6%,\n          currentColor 94%,\n          transparent\n        )" }
+			}, null, -1),
+			r.ruler ? (v(!0), l(a, { key: 1 }, b(r.events.slice(0, -1), (e, t) => (v(), l("div", {
+				key: e.id,
+				"aria-hidden": "true",
+				class: "absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center",
+				style: h({
+					transform: `translateX(${w(ae)(t)}px)`,
+					gap: `${w(q) * .7 / 4 - 1}px`
+				})
+			}, [(v(), l(a, null, b(5, (e) => u("span", {
+				key: e,
+				class: m(["block w-px rounded-full", e === 3 ? "bg-foreground/45" : "bg-foreground/25"]),
+				style: h({ height: `${w(K) * (e === 3 ? .2 : .13)}px` })
+			}, null, 6)), 64))], 4))), 128)) : c("", !0),
+			u("ul", L, [(v(!0), l(a, null, b(r.events, (n, i) => (v(), l("li", {
+				key: n.id,
+				"data-slot": "timeline-event",
+				"data-active": i === w(E) || void 0,
+				class: "absolute left-1/2",
+				style: h(w(ie)(i))
+			}, [u("div", z, [u("div", B, [
+				u("div", V, [u("p", {
+					id: `${w(_)}-${i}-date`,
+					class: "text-xs tabular-nums text-muted-foreground"
+				}, C(de(n)), 9, H), u("h3", {
+					id: `${w(_)}-${i}-title`,
+					class: "truncate text-base font-medium tracking-tight text-foreground"
+				}, C(n.title), 9, ee)]),
+				u("div", te, [u("div", ne, [x(e.$slots, "media", {
+					event: n,
+					active: i === w(E)
+				}, () => [typeof n.media == "string" ? (v(), l("img", {
+					key: 0,
+					src: n.media,
+					alt: "",
+					class: "size-full object-cover"
+				}, null, 8, U)) : n.media ? (v(), s(S(n.media), { key: 1 })) : c("", !0)], !0)])]),
+				n.meta || e.$slots.meta ? (v(), l("div", W, [x(e.$slots, "meta", { event: n }, () => [d(C(n.meta), 1)], !0)])) : (v(), l("div", G)),
+				u("div", {
+					"aria-hidden": "true",
+					class: "pointer-events-none absolute inset-0 bg-background",
+					style: h({ opacity: .45 * Math.min(Math.abs(i - w(A)), 1) })
+				}, null, 4)
+			]), u("button", {
+				ref_for: !0,
+				ref: (e) => fe(n.id, e),
+				type: "button",
+				tabindex: i === w(E) ? 0 : -1,
+				"aria-current": i === w(E) ? "step" : void 0,
+				"aria-labelledby": `${w(_)}-${i}-date ${w(_)}-${i}-title`,
+				onClick: (e) => w($)(i),
+				onKeydown: [
+					D(O((e) => w($)(i + 1, !0), ["prevent"]), ["right"]),
+					D(O((e) => w($)(i - 1, !0), ["prevent"]), ["left"]),
+					t[0] ||= D(O((e) => w($)(0, !0), ["prevent"]), ["home"]),
+					t[1] ||= D(O((e) => w($)(r.events.length - 1, !0), ["prevent"]), ["end"])
+				],
+				class: "absolute inset-0 cursor-pointer rounded-3xl outline-none focus-visible:ring-2 focus-visible:ring-foreground"
+			}, null, 40, re)])], 12, R))), 128))])
+		], 44, M));
+	}
+}), [["__scopeId", "data-v-306bf6ed"]]);
+export { K as t };
+
+//# sourceMappingURL=timeline-DNs6vEXj.js.map

package/dist/timeline-DNs6vEXj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-DNs6vEXj.js","names":["$slots","emit","_openBlock","_createElementBlock","_unref","_normalizeStyle","_createElementVNode","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_normalizeClass","_renderSlot","_createBlock","_resolveDynamicComponent","_createTextVNode","_withKeys","_withModifiers","_sfc_main","useReducedMotion","SPRING_TIMELINE","_plugin_vue_export_helper_default","clamp","lower","upper","value","useTimelineTrack","active","computed","props","event","last","width","ref","scroll","cardWidth","gap","step","near","buttons","animation","destination","disposed","revision","focusRevision","pointer","observer","host","wheelTimer","clickBlocked","velocity","samplePosition","sampleTime","requestedId","clearWheel","commit","id","index","stop","glide","target","notify","reduced","initialVelocity","current","animate","position","settle","projected","releaseVelocity","release","select","focus","down","element","resolveElement","time","move","distance","raw","up","elapsed","cancel","abandon","clickCapture","wheel","pixels","watch","now","ids","previousId","previousIds","entry","reduce","onMounted","root","entries","onBeforeUnmount","x","offset","scale","cardStyle","cable","center","reach","gapX","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","Timeline_default","defineComponent","__emit","__props","useMotionState","hintId","useId","yearMarks","marks","prior","date","year","month","dateLabel","register","node","openBlock","createElementBlock","unref","normalizeStyle","_cache","args","createElementVNode","Fragment","renderList","mark","toDisplayString","edge","start","createCommentVNode","tick","normalizeClass","renderSlot","_ctx","createBlock","resolveDynamicComponent","createTextVNode","withKeys","withModifiers"],"sources":["../src/motion/timeline/src/track.ts","../src/motion/timeline/src/Timeline.vue","../src/motion/timeline/src/Timeline.vue"],"sourcesContent":["import {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n  type Ref,\n} from \"vue\";\nimport { animate } from \"motion-v\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport { SPRING_TIMELINE } from \"../../../lib/ease\";\n\nexport function clamp(value: number, lower: number, upper: number) {\n  return Math.max(lower, Math.min(upper, value));\n}\n\ninterface TimelineTrackOptions {\n  events: { id: string }[];\n  itemWidth: number;\n}\ninterface DragSession {\n  id: number;\n  element: HTMLElement;\n  originX: number;\n  originPosition: number;\n  moved: boolean;\n  previousX: number;\n  previousTime: number;\n  latestX: number;\n  latestTime: number;\n}\n\nexport function useTimelineTrack(\n  root: Ref<HTMLElement | null>,\n  props: TimelineTrackOptions,\n  value: Ref<string>,\n  reduced: Ref<boolean>,\n) {\n  const active = computed(() =>\n    Math.max(\n      0,\n      props.events.findIndex((event) => event.id === value.value),\n    ),\n  );\n  const last = computed(() => Math.max(0, props.events.length - 1));\n  // The same fallback is used on the server and while a preview is hidden.\n  const width = ref(800);\n  const scroll = ref(active.value);\n  const cardWidth = computed(() =>\n    Math.min(props.itemWidth, width.value * (width.value < 640 ? 0.58 : 0.36)),\n  );\n  const gap = computed(() => clamp(cardWidth.value * 0.22, 40, 72));\n  const step = computed(() => cardWidth.value * 0.72 + gap.value);\n  const near = computed(() => cardWidth.value * 0.86 + gap.value);\n  const buttons = new Map<string, HTMLButtonElement>();\n\n  let animation: ReturnType<typeof animate> | undefined;\n  let destination: number | undefined;\n  let disposed = false;\n  let revision = 0;\n  let focusRevision = 0;\n  let pointer: DragSession | undefined;\n  let observer: ResizeObserver | undefined;\n  let host: HTMLElement | null = null;\n  let wheelTimer: ReturnType<typeof setTimeout> | undefined;\n  let clickBlocked = false;\n  let velocity = 0;\n  let samplePosition = scroll.value;\n  let sampleTime = 0;\n  let requestedId = props.events[active.value]?.id;\n\n  function clearWheel() {\n    clearTimeout(wheelTimer);\n    wheelTimer = undefined;\n  }\n\n  function commit(index: number) {\n    const id = props.events[index]?.id;\n    // A controlled parent can echo a request later. Emit once per boundary\n    // even when several pointer samples arrive before that echo.\n    if (id === undefined || id === requestedId) return;\n    requestedId = id;\n    value.value = id;\n  }\n\n  function stop() {\n    ++revision;\n    destination = undefined;\n    animation?.stop();\n    animation = undefined;\n  }\n\n  function glide(target: number, initialVelocity = velocity, notify = true) {\n    stop();\n    destination = target;\n    if (notify) commit(target);\n    if (reduced.value || (scroll.value === target && initialVelocity === 0)) {\n      scroll.value = target;\n      destination = undefined;\n      velocity = 0;\n      return;\n    }\n    const current = revision;\n    animation = animate(scroll.value, target, {\n      ...SPRING_TIMELINE,\n      velocity: initialVelocity,\n      restDelta: 0.001,\n      onUpdate: (position) => {\n        if (!disposed && current === revision) scroll.value = position;\n      },\n      onComplete: () => {\n        if (disposed || current !== revision) return;\n        scroll.value = target;\n        destination = undefined;\n        animation = undefined;\n        velocity = 0;\n      },\n    });\n  }\n\n  function settle(releaseVelocity: number) {\n    const projected = scroll.value + clamp(releaseVelocity * 0.3, -4, 4);\n    glide(clamp(Math.round(projected), 0, last.value), releaseVelocity);\n  }\n\n  function release() {\n    const current = pointer;\n    pointer = undefined;\n    if (current) {\n      try {\n        if (current.element.hasPointerCapture(current.id))\n          current.element.releasePointerCapture(current.id);\n      } catch {\n        /* The browser may already have canceled capture. */\n      }\n    }\n    return current;\n  }\n\n  function select(index: number, focus = false) {\n    clearWheel();\n    release();\n    requestedId = props.events[active.value]?.id;\n    const target = clamp(index, 0, last.value);\n    glide(target);\n    if (focus) {\n      const current = ++focusRevision;\n      void nextTick(() => {\n        if (!disposed && current === focusRevision)\n          buttons.get(props.events[target]?.id)?.focus({ preventScroll: true });\n      });\n    }\n  }\n\n  function down(event: PointerEvent) {\n    if (event.button !== 0 || event.isPrimary === false || pointer) return;\n    const element = resolveElement<HTMLElement>(event.currentTarget);\n    if (!element) return;\n    clearWheel();\n    stop();\n    clickBlocked = false;\n    requestedId = props.events[active.value]?.id;\n    const time = performance.now();\n    pointer = {\n      id: event.pointerId,\n      element,\n      originX: event.clientX,\n      originPosition: scroll.value,\n      moved: false,\n      previousX: event.clientX,\n      latestX: event.clientX,\n      previousTime: time,\n      latestTime: time,\n    };\n  }\n\n  function move(event: PointerEvent) {\n    const current = pointer;\n    if (!current || current.id !== event.pointerId) return;\n    const distance = event.clientX - current.originX;\n    if (!current.moved) {\n      if (Math.abs(distance) < 4) return;\n      current.moved = true;\n      clickBlocked = true;\n      try {\n        current.element.setPointerCapture(current.id);\n      } catch {\n        /* Synthetic or canceled pointer. */\n      }\n    }\n    const raw = current.originPosition - distance / step.value;\n    scroll.value =\n      raw < 0\n        ? raw * 0.3\n        : raw > last.value\n          ? last.value + (raw - last.value) * 0.3\n          : raw;\n    current.previousX = current.latestX;\n    current.previousTime = current.latestTime;\n    current.latestX = event.clientX;\n    current.latestTime = performance.now();\n  }\n\n  function up(event: PointerEvent) {\n    if (pointer?.id !== event.pointerId) return;\n    const current = release()!;\n    if (!current.moved) return;\n    const elapsed = current.latestTime - current.previousTime;\n    // A held pointer has no remaining flick velocity.\n    const fresh = performance.now() - current.latestTime < 100;\n    settle(\n      fresh && elapsed > 0\n        ? ((-(current.latestX - current.previousX) / elapsed) * 1000) /\n            step.value\n        : 0,\n    );\n  }\n\n  function cancel(event: PointerEvent) {\n    if (pointer?.id !== event.pointerId) return;\n    abandon();\n  }\n\n  function abandon() {\n    const current = release()!;\n    if (current?.moved) settle(0);\n  }\n\n  function clickCapture(event: MouseEvent) {\n    // Capture normally routes the generated click to the stage. Also guard\n    // browsers that release capture before choosing the click target.\n    if (!clickBlocked || event.detail === 0) return;\n    clickBlocked = false;\n    event.preventDefault();\n    event.stopPropagation();\n  }\n\n  function wheel(event: WheelEvent) {\n    if (\n      event.ctrlKey ||\n      pointer ||\n      Math.abs(event.deltaX) <= Math.abs(event.deltaY)\n    )\n      return;\n    event.preventDefault();\n    if (wheelTimer === undefined) requestedId = props.events[active.value]?.id;\n    stop();\n    const pixels =\n      event.deltaX *\n      (event.deltaMode === 1 ? 16 : event.deltaMode === 2 ? width.value : 1);\n    scroll.value = clamp(\n      scroll.value + pixels / step.value,\n      -0.3,\n      last.value + 0.3,\n    );\n    clearWheel();\n    wheelTimer = setTimeout(() => {\n      wheelTimer = undefined;\n      if (!disposed) glide(clamp(Math.round(scroll.value), 0, last.value), 0);\n    }, 140);\n  }\n\n  watch(\n    scroll,\n    (position) => {\n      const now = performance.now();\n      const elapsed = now - sampleTime;\n      if (sampleTime && elapsed > 0)\n        velocity = ((position - samplePosition) / elapsed) * 1000;\n      samplePosition = position;\n      sampleTime = now;\n      if (destination === undefined)\n        commit(clamp(Math.round(position), 0, last.value));\n    },\n    { flush: \"sync\" },\n  );\n\n  watch(\n    [value, () => props.events.map((event) => event.id)],\n    ([id, ids], [previousId, previousIds]) => {\n      const listChanged =\n        ids.length !== previousIds.length ||\n        ids.some((entry, index) => entry !== previousIds[index]);\n      const external = id !== requestedId && id !== previousId;\n      if (!listChanged && !external) return;\n      clearWheel();\n      release();\n      requestedId = props.events[active.value]?.id;\n      glide(active.value, 0, false);\n    },\n  );\n\n  watch(reduced, (reduce) => {\n    if (reduce && destination !== undefined) glide(destination, 0, false);\n  });\n\n  onMounted(() => {\n    host = resolveElement<HTMLElement>(root.value);\n    if (!host) return;\n    width.value = host.clientWidth || 800;\n    if (typeof ResizeObserver !== \"undefined\") {\n      observer = new ResizeObserver((entries) => {\n        if (!disposed)\n          width.value =\n            entries[0]?.contentRect.width || host?.clientWidth || 800;\n      });\n      observer.observe(host);\n    }\n    host.addEventListener(\"wheel\", wheel, { passive: false });\n    // A press is not captured until it becomes a horizontal drag. Its release\n    // can therefore happen outside the stage, or while the window loses focus.\n    host.ownerDocument.addEventListener(\"pointerup\", up, true);\n    host.ownerDocument.addEventListener(\"pointercancel\", cancel, true);\n    host.ownerDocument.defaultView?.addEventListener(\"blur\", abandon);\n  });\n\n  onBeforeUnmount(() => {\n    disposed = true;\n    ++focusRevision;\n    clearWheel();\n    release();\n    stop();\n    observer?.disconnect();\n    host?.removeEventListener(\"wheel\", wheel);\n    host?.ownerDocument.removeEventListener(\"pointerup\", up, true);\n    host?.ownerDocument.removeEventListener(\"pointercancel\", cancel, true);\n    host?.ownerDocument.defaultView?.removeEventListener(\"blur\", abandon);\n    buttons.clear();\n  });\n\n  function x(offset: number) {\n    const distance = Math.abs(offset);\n    return (\n      Math.sign(offset) *\n      (distance <= 1\n        ? distance * near.value\n        : near.value + (distance - 1) * step.value)\n    );\n  }\n  function scale(offset: number) {\n    return 1 - 0.28 * Math.min(Math.abs(offset), 1);\n  }\n  function cardStyle(index: number) {\n    const offset = index - scroll.value;\n    return {\n      top: \"50%\",\n      width: `${cardWidth.value}px`,\n      marginLeft: `${-cardWidth.value / 2}px`,\n      transform: `translateX(${x(offset)}px) scale(${scale(offset)})`,\n      zIndex: 100 - Math.round(Math.abs(offset) * 10),\n    };\n  }\n  function cable(index: number) {\n    const offset = index - scroll.value;\n    const center = width.value / 2 + x(offset);\n    const reach = (cardWidth.value / 2) * scale(offset) * 0.8;\n    return {\n      left: center - reach,\n      right: center + reach,\n      opacity: clamp((1.6 - Math.abs(offset)) / 0.6, 0, 1),\n    };\n  }\n  function gapX(index: number) {\n    const offset = index - scroll.value;\n    return (\n      (x(offset) +\n        (cardWidth.value * scale(offset)) / 2 +\n        x(offset + 1) -\n        (cardWidth.value * scale(offset + 1)) / 2) /\n      2\n    );\n  }\n  return {\n    active,\n    width,\n    scroll,\n    cardWidth,\n    gap,\n    step,\n    buttons,\n    cardStyle,\n    cable,\n    gapX,\n    down,\n    move,\n    up,\n    cancel,\n    clickCapture,\n    select,\n  };\n}\n","<script setup lang=\"ts\">\nimport { computed, ref, useId } from \"vue\";\nimport { resolveElement, useReducedMotion } from \"../../../lib/composables\";\nimport { useMotionState } from \"../../state\";\nimport { useTimelineTrack } from \"./track\";\nexport type TimelineEvent = {\n  id: string;\n  date: string | Date;\n  title: string;\n  media?: any;\n  meta?: any;\n  [key: string]: any;\n};\nconst props = withDefaults(\n  defineProps<{\n    events: TimelineEvent[];\n    modelValue?: string;\n    defaultValue?: string;\n    itemWidth?: number;\n    height?: number;\n    years?: boolean;\n    ruler?: boolean;\n    cables?: boolean;\n    formatDate?: (date: Date) => string;\n    formatYear?: (date: Date) => string;\n    ariaLabel?: string;\n  }>(),\n  {\n    itemWidth: 340,\n    height: 600,\n    years: true,\n    ruler: true,\n    cables: true,\n    ariaLabel: \"Timeline\",\n  },\n);\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst value = useMotionState(\n  props,\n  emit,\n  \"modelValue\",\n  props.defaultValue ?? props.events[0]?.id ?? \"\",\n);\nconst root = ref<HTMLElement | null>(null);\nconst hintId = useId();\nconst reduced = useReducedMotion();\nconst {\n  active,\n  width,\n  scroll,\n  cardWidth,\n  gap,\n  step,\n  buttons,\n  cardStyle,\n  cable,\n  gapX,\n  down,\n  move,\n  up,\n  cancel,\n  clickCapture,\n  select,\n} = useTimelineTrack(root, props, value, reduced);\nconst yearMarks = computed(() => {\n  const marks: { key: string; label: string; position: number }[] = [];\n  let prior: number | undefined;\n  props.events.forEach((event, index) => {\n    const date = new Date(event.date);\n    const year = date.getUTCFullYear();\n    if (year !== prior)\n      marks.push({\n        key: `${year}-${index}`,\n        label: props.formatYear?.(date) ?? `’${String(year).slice(-2)}`,\n        position: index ? index - 0.5 : 0,\n      });\n    prior = year;\n  });\n  return marks;\n});\nconst month = new Intl.DateTimeFormat(\"en-US\", {\n  month: \"short\",\n  timeZone: \"UTC\",\n});\nfunction dateLabel(event: TimelineEvent) {\n  const date = new Date(event.date);\n  return (\n    props.formatDate?.(date) ??\n    `${month.format(date)} ${date.getUTCDate()} ’${String(date.getUTCFullYear()).slice(-2)}`\n  );\n}\nfunction register(id: string, node: unknown) {\n  const element = resolveElement<HTMLButtonElement>(node);\n  if (element) buttons.set(id, element);\n  else buttons.delete(id);\n}\n</script>\n<template>\n  <section\n    ref=\"root\"\n    :aria-label=\"ariaLabel\"\n    :aria-describedby=\"hintId\"\n    class=\"relative w-full cursor-grab touch-pan-y overscroll-x-contain select-none [-webkit-touch-callout:none] [clip-path:inset(0)] [mask-image:linear-gradient(to_right,transparent,black_6%,black_94%,transparent)] active:cursor-grabbing\"\n    :style=\"{ height: `${height}px` }\"\n    @pointerdown=\"down\"\n    @pointermove=\"move\"\n    @pointerup=\"up\"\n    @pointercancel=\"cancel\"\n    @lostpointercapture=\"cancel\"\n    @click.capture=\"clickCapture\"\n  >\n    <p :id=\"hintId\" class=\"sr-only\">\n      Use the left and right arrow keys to move between events.\n    </p>\n    <div\n      v-for=\"mark in years ? yearMarks : []\"\n      :key=\"mark.key\"\n      aria-hidden=\"true\"\n      class=\"absolute left-1/2\"\n      :style=\"{\n        transform: `translateX(${(mark.position - scroll) * step * 0.5}px)`,\n        top: `${height * 0.2 * 0.33}px`,\n      }\"\n    >\n      <span\n        class=\"block -translate-x-1/2 font-medium leading-none tracking-tighter tabular-nums text-foreground/[0.06]\"\n        :style=\"{ fontSize: `${height * 0.2}px` }\"\n        >{{ mark.label }}</span\n      >\n    </div>\n    <svg\n      v-if=\"cables\"\n      aria-hidden=\"true\"\n      class=\"pointer-events-none absolute inset-0 size-full stroke-foreground/[0.14] [mask-image:linear-gradient(to_bottom,transparent,black_6%,black_94%,transparent)]\"\n      fill=\"none\"\n      stroke-width=\"1\"\n    >\n      <g\n        v-for=\"(event, index) in events\"\n        :key=\"event.id\"\n        :opacity=\"cable(index).opacity\"\n      >\n        <template v-for=\"edge in ['left', 'right'] as const\" :key=\"edge\">\n          <line\n            v-for=\"start in [0, height]\"\n            :key=\"start\"\n            :x1=\"width / 2\"\n            :y1=\"start\"\n            :x2=\"cable(index)[edge]\"\n            :y2=\"height * 0.5\"\n          />\n        </template>\n      </g>\n    </svg>\n    <div\n      aria-hidden=\"true\"\n      class=\"pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 text-foreground/80\"\n      style=\"\n        background-image: linear-gradient(\n          to bottom,\n          transparent,\n          currentColor 6%,\n          currentColor 94%,\n          transparent\n        );\n      \"\n    />\n    <template v-if=\"ruler\"\n      ><div\n        v-for=\"(event, index) in events.slice(0, -1)\"\n        :key=\"event.id\"\n        aria-hidden=\"true\"\n        class=\"absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center\"\n        :style=\"{\n          transform: `translateX(${gapX(index)}px)`,\n          gap: `${(gap * 0.7) / 4 - 1}px`,\n        }\"\n      >\n        <span\n          v-for=\"tick in 5\"\n          :key=\"tick\"\n          :class=\"[\n            'block w-px rounded-full',\n            tick === 3 ? 'bg-foreground/45' : 'bg-foreground/25',\n          ]\"\n          :style=\"{ height: `${cardWidth * (tick === 3 ? 0.2 : 0.13)}px` }\"\n        /></div\n    ></template>\n    <ul class=\"absolute inset-0\">\n      <li\n        v-for=\"(event, index) in events\"\n        :key=\"event.id\"\n        data-slot=\"timeline-event\"\n        :data-active=\"index === active || undefined\"\n        class=\"absolute left-1/2\"\n        :style=\"cardStyle(index)\"\n      >\n        <div class=\"relative -translate-y-1/2\">\n          <div\n            class=\"timeline-card relative overflow-hidden rounded-3xl border border-border bg-card\"\n          >\n            <div class=\"px-3.5 pb-2 pt-3\">\n              <p\n                :id=\"`${hintId}-${index}-date`\"\n                class=\"text-xs tabular-nums text-muted-foreground\"\n              >\n                {{ dateLabel(event) }}\n              </p>\n              <h3\n                :id=\"`${hintId}-${index}-title`\"\n                class=\"truncate text-base font-medium tracking-tight text-foreground\"\n              >\n                {{ event.title }}\n              </h3>\n            </div>\n            <div class=\"px-2\">\n              <div\n                class=\"aspect-[16/10] overflow-hidden rounded-2xl border border-border bg-background\"\n              >\n                <slot name=\"media\" :event=\"event\" :active=\"index === active\"\n                  ><img\n                    v-if=\"typeof event.media === 'string'\"\n                    :src=\"event.media\"\n                    alt=\"\"\n                    class=\"size-full object-cover\" /><component\n                    v-else-if=\"event.media\"\n                    :is=\"event.media\"\n                /></slot>\n              </div>\n            </div>\n            <div\n              v-if=\"event.meta || $slots.meta\"\n              class=\"flex items-center gap-1.5 px-3.5 py-2.5 text-sm tabular-nums text-muted-foreground\"\n            >\n              <slot name=\"meta\" :event=\"event\">{{ event.meta }}</slot>\n            </div>\n            <div v-else class=\"h-2\" />\n            <div\n              aria-hidden=\"true\"\n              class=\"pointer-events-none absolute inset-0 bg-background\"\n              :style=\"{ opacity: 0.45 * Math.min(Math.abs(index - scroll), 1) }\"\n            />\n          </div>\n          <button\n            :ref=\"(node) => register(event.id, node)\"\n            type=\"button\"\n            :tabindex=\"index === active ? 0 : -1\"\n            :aria-current=\"index === active ? 'step' : undefined\"\n            :aria-labelledby=\"`${hintId}-${index}-date ${hintId}-${index}-title`\"\n            @click=\"select(index)\"\n            @keydown.right.prevent=\"select(index + 1, true)\"\n            @keydown.left.prevent=\"select(index - 1, true)\"\n            @keydown.home.prevent=\"select(0, true)\"\n            @keydown.end.prevent=\"select(events.length - 1, true)\"\n            class=\"absolute inset-0 cursor-pointer rounded-3xl outline-none focus-visible:ring-2 focus-visible:ring-foreground\"\n          />\n        </div>\n      </li>\n    </ul>\n  </section>\n</template>\n<style scoped>\n[data-slot=\"timeline-event\"][data-active] > div > .timeline-card {\n  border-color: color-mix(in oklab, var(--primary) 42%, var(--border));\n  background-color: color-mix(in oklab, var(--primary) 4%, var(--card));\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref, useId } from \"vue\";\nimport { resolveElement, useReducedMotion } from \"../../../lib/composables\";\nimport { useMotionState } from \"../../state\";\nimport { useTimelineTrack } from \"./track\";\nexport type TimelineEvent = {\n  id: string;\n  date: string | Date;\n  title: string;\n  media?: any;\n  meta?: any;\n  [key: string]: any;\n};\nconst props = withDefaults(\n  defineProps<{\n    events: TimelineEvent[];\n    modelValue?: string;\n    defaultValue?: string;\n    itemWidth?: number;\n    height?: number;\n    years?: boolean;\n    ruler?: boolean;\n    cables?: boolean;\n    formatDate?: (date: Date) => string;\n    formatYear?: (date: Date) => string;\n    ariaLabel?: string;\n  }>(),\n  {\n    itemWidth: 340,\n    height: 600,\n    years: true,\n    ruler: true,\n    cables: true,\n    ariaLabel: \"Timeline\",\n  },\n);\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst value = useMotionState(\n  props,\n  emit,\n  \"modelValue\",\n  props.defaultValue ?? props.events[0]?.id ?? \"\",\n);\nconst root = ref<HTMLElement | null>(null);\nconst hintId = useId();\nconst reduced = useReducedMotion();\nconst {\n  active,\n  width,\n  scroll,\n  cardWidth,\n  gap,\n  step,\n  buttons,\n  cardStyle,\n  cable,\n  gapX,\n  down,\n  move,\n  up,\n  cancel,\n  clickCapture,\n  select,\n} = useTimelineTrack(root, props, value, reduced);\nconst yearMarks = computed(() => {\n  const marks: { key: string; label: string; position: number }[] = [];\n  let prior: number | undefined;\n  props.events.forEach((event, index) => {\n    const date = new Date(event.date);\n    const year = date.getUTCFullYear();\n    if (year !== prior)\n      marks.push({\n        key: `${year}-${index}`,\n        label: props.formatYear?.(date) ?? `’${String(year).slice(-2)}`,\n        position: index ? index - 0.5 : 0,\n      });\n    prior = year;\n  });\n  return marks;\n});\nconst month = new Intl.DateTimeFormat(\"en-US\", {\n  month: \"short\",\n  timeZone: \"UTC\",\n});\nfunction dateLabel(event: TimelineEvent) {\n  const date = new Date(event.date);\n  return (\n    props.formatDate?.(date) ??\n    `${month.format(date)} ${date.getUTCDate()} ’${String(date.getUTCFullYear()).slice(-2)}`\n  );\n}\nfunction register(id: string, node: unknown) {\n  const element = resolveElement<HTMLButtonElement>(node);\n  if (element) buttons.set(id, element);\n  else buttons.delete(id);\n}\n</script>\n<template>\n  <section\n    ref=\"root\"\n    :aria-label=\"ariaLabel\"\n    :aria-describedby=\"hintId\"\n    class=\"relative w-full cursor-grab touch-pan-y overscroll-x-contain select-none [-webkit-touch-callout:none] [clip-path:inset(0)] [mask-image:linear-gradient(to_right,transparent,black_6%,black_94%,transparent)] active:cursor-grabbing\"\n    :style=\"{ height: `${height}px` }\"\n    @pointerdown=\"down\"\n    @pointermove=\"move\"\n    @pointerup=\"up\"\n    @pointercancel=\"cancel\"\n    @lostpointercapture=\"cancel\"\n    @click.capture=\"clickCapture\"\n  >\n    <p :id=\"hintId\" class=\"sr-only\">\n      Use the left and right arrow keys to move between events.\n    </p>\n    <div\n      v-for=\"mark in years ? yearMarks : []\"\n      :key=\"mark.key\"\n      aria-hidden=\"true\"\n      class=\"absolute left-1/2\"\n      :style=\"{\n        transform: `translateX(${(mark.position - scroll) * step * 0.5}px)`,\n        top: `${height * 0.2 * 0.33}px`,\n      }\"\n    >\n      <span\n        class=\"block -translate-x-1/2 font-medium leading-none tracking-tighter tabular-nums text-foreground/[0.06]\"\n        :style=\"{ fontSize: `${height * 0.2}px` }\"\n        >{{ mark.label }}</span\n      >\n    </div>\n    <svg\n      v-if=\"cables\"\n      aria-hidden=\"true\"\n      class=\"pointer-events-none absolute inset-0 size-full stroke-foreground/[0.14] [mask-image:linear-gradient(to_bottom,transparent,black_6%,black_94%,transparent)]\"\n      fill=\"none\"\n      stroke-width=\"1\"\n    >\n      <g\n        v-for=\"(event, index) in events\"\n        :key=\"event.id\"\n        :opacity=\"cable(index).opacity\"\n      >\n        <template v-for=\"edge in ['left', 'right'] as const\" :key=\"edge\">\n          <line\n            v-for=\"start in [0, height]\"\n            :key=\"start\"\n            :x1=\"width / 2\"\n            :y1=\"start\"\n            :x2=\"cable(index)[edge]\"\n            :y2=\"height * 0.5\"\n          />\n        </template>\n      </g>\n    </svg>\n    <div\n      aria-hidden=\"true\"\n      class=\"pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 text-foreground/80\"\n      style=\"\n        background-image: linear-gradient(\n          to bottom,\n          transparent,\n          currentColor 6%,\n          currentColor 94%,\n          transparent\n        );\n      \"\n    />\n    <template v-if=\"ruler\"\n      ><div\n        v-for=\"(event, index) in events.slice(0, -1)\"\n        :key=\"event.id\"\n        aria-hidden=\"true\"\n        class=\"absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center\"\n        :style=\"{\n          transform: `translateX(${gapX(index)}px)`,\n          gap: `${(gap * 0.7) / 4 - 1}px`,\n        }\"\n      >\n        <span\n          v-for=\"tick in 5\"\n          :key=\"tick\"\n          :class=\"[\n            'block w-px rounded-full',\n            tick === 3 ? 'bg-foreground/45' : 'bg-foreground/25',\n          ]\"\n          :style=\"{ height: `${cardWidth * (tick === 3 ? 0.2 : 0.13)}px` }\"\n        /></div\n    ></template>\n    <ul class=\"absolute inset-0\">\n      <li\n        v-for=\"(event, index) in events\"\n        :key=\"event.id\"\n        data-slot=\"timeline-event\"\n        :data-active=\"index === active || undefined\"\n        class=\"absolute left-1/2\"\n        :style=\"cardStyle(index)\"\n      >\n        <div class=\"relative -translate-y-1/2\">\n          <div\n            class=\"timeline-card relative overflow-hidden rounded-3xl border border-border bg-card\"\n          >\n            <div class=\"px-3.5 pb-2 pt-3\">\n              <p\n                :id=\"`${hintId}-${index}-date`\"\n                class=\"text-xs tabular-nums text-muted-foreground\"\n              >\n                {{ dateLabel(event) }}\n              </p>\n              <h3\n                :id=\"`${hintId}-${index}-title`\"\n                class=\"truncate text-base font-medium tracking-tight text-foreground\"\n              >\n                {{ event.title }}\n              </h3>\n            </div>\n            <div class=\"px-2\">\n              <div\n                class=\"aspect-[16/10] overflow-hidden rounded-2xl border border-border bg-background\"\n              >\n                <slot name=\"media\" :event=\"event\" :active=\"index === active\"\n                  ><img\n                    v-if=\"typeof event.media === 'string'\"\n                    :src=\"event.media\"\n                    alt=\"\"\n                    class=\"size-full object-cover\" /><component\n                    v-else-if=\"event.media\"\n                    :is=\"event.media\"\n                /></slot>\n              </div>\n            </div>\n            <div\n              v-if=\"event.meta || $slots.meta\"\n              class=\"flex items-center gap-1.5 px-3.5 py-2.5 text-sm tabular-nums text-muted-foreground\"\n            >\n              <slot name=\"meta\" :event=\"event\">{{ event.meta }}</slot>\n            </div>\n            <div v-else class=\"h-2\" />\n            <div\n              aria-hidden=\"true\"\n              class=\"pointer-events-none absolute inset-0 bg-background\"\n              :style=\"{ opacity: 0.45 * Math.min(Math.abs(index - scroll), 1) }\"\n            />\n          </div>\n          <button\n            :ref=\"(node) => register(event.id, node)\"\n            type=\"button\"\n            :tabindex=\"index === active ? 0 : -1\"\n            :aria-current=\"index === active ? 'step' : undefined\"\n            :aria-labelledby=\"`${hintId}-${index}-date ${hintId}-${index}-title`\"\n            @click=\"select(index)\"\n            @keydown.right.prevent=\"select(index + 1, true)\"\n            @keydown.left.prevent=\"select(index - 1, true)\"\n            @keydown.home.prevent=\"select(0, true)\"\n            @keydown.end.prevent=\"select(events.length - 1, true)\"\n            class=\"absolute inset-0 cursor-pointer rounded-3xl outline-none focus-visible:ring-2 focus-visible:ring-foreground\"\n          />\n        </div>\n      </li>\n    </ul>\n  </section>\n</template>\n<style scoped>\n[data-slot=\"timeline-event\"][data-active] > div > .timeline-card {\n  border-color: color-mix(in oklab, var(--primary) 42%, var(--border));\n  background-color: color-mix(in oklab, var(--primary) 4%, var(--card));\n}\n</style>\n"],"mappings":"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"}