@orvui/vue 0.0.0-stage → 0.1.0

package/dist/price-target-fan-C5Q3RE-I.js

@@ -0,0 +1,741 @@
+import { a as e, s as t } from "./composables-BJ1sih_H.js";
+import { a as n, c as r, r as i } from "./ease-rIvCM4O3.js";
+import { t as a } from "./number-Dz4iLJiS.js";
+import { n as o, o as s, s as c } from "./shared-BY_cwEzO.js";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, h as _, mergeProps as v, normalizeClass as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, openBlock as C, provide as w, ref as T, renderList as E, renderSlot as D, toDisplayString as O, unref as k, useAttrs as ee, useId as A, useSlots as te, watch as ne, withCtx as j } from "vue";
+import { AnimatePresence as re, motion as M } from "motion-v";
+// src/charts/price-target-fan/src/utils.ts
+var N = new Intl.DateTimeFormat("en-US", {
+	timeZone: "UTC",
+	weekday: "short",
+	month: "short",
+	day: "numeric"
+}), P = "var(--success)", ie = "var(--accent)", ae = "var(--warning)", F = {
+	l: 36,
+	r: 108,
+	t: 16,
+	b: 28
+}, I = (e) => `oklch(from ${e} min(l, var(--ink-l, 1)) c h)`, oe = new Intl.DateTimeFormat("en-US", {
+	timeZone: "UTC",
+	month: "short",
+	year: "numeric"
+}), L = (e) => oe.format(new Date(e));
+// src/charts/price-target-fan/src/geometry.ts
+function se(e) {
+	let t = e.history ?? [], n = e.targets, r = e.current, i = -Infinity, a = [], o = [];
+	for (let e of t) {
+		let t = Date.parse(e.date);
+		if (!/^\d{4}-\d{2}-\d{2}(?:T.*(?:Z|[+-]\d{2}:\d{2}))?$/.test(e.date) || !Number.isFinite(t) || t <= i || !Number.isFinite(e.price) || e.price <= 0) throw RangeError("PriceTargetFan history must contain positive prices and ascending, unique ISO dates");
+		i = t, a.push(t), o.push(e.price);
+	}
+	if (!Number.isFinite(r) || r <= 0 || n.length !== 3 || n.some((e) => !Number.isFinite(e.price) || e.price <= 0) || new Set(n.map((e) => e.key)).size !== 3) throw RangeError("PriceTargetFan requires a positive current price and three positive targets with unique keys");
+	let s = r, c = r;
+	for (let e of o) s = Math.min(s, e), c = Math.max(c, e);
+	for (let e of n) s = Math.min(s, e.price), c = Math.max(c, e.price);
+	let l = Math.max((c - s) * .06, .5), u = s - l, d = c + l, f = (e) => F.t + (1 - (e - u) / (d - u)) * (236 - F.t - F.b), p = (e) => (e - r) / r * 100, m = (e) => "$" + e.toFixed(2), h = (520 - F.l - F.r) * .56, g = F.l + h, _ = f(r), v = 520 - F.r, y = a[0] ?? 0, b = a.at(-1) ?? y, x = (e) => b === y ? g - 12 : F.l + (a[e] - y) / (b - y) * (h - 12), S = o.map((e, t) => `${t ? "L" : "M"}${x(t).toFixed(1)},${f(e).toFixed(1)}`).join(" ") + (o.length ? ` L${g},${_}` : ""), C = [
+		P,
+		ie,
+		ae
+	], w = n.map((e, t) => {
+		let n = f(e.price), r = g + (v - g) * .5, i = _ + (n - _) * .15;
+		return {
+			...e,
+			color: e.color ?? C[t],
+			ty: n,
+			cx: r,
+			cy: i,
+			d: `M${g},${_} Q${r},${i} ${v},${n}`
+		};
+	}), T = d - u, E = 10 ** Math.floor(Math.log10(T / 3.2)), D = [
+		1,
+		2,
+		2.5,
+		5,
+		10
+	].map((e) => e * E).find((e) => T / e <= 4.2) ?? 10 * E, O = [];
+	for (let e = Math.ceil(u / D) * D; e <= d; e += D) O.push(e);
+	return {
+		hist: o,
+		history: t,
+		targets: n,
+		current: r,
+		dates: e.dates ?? {},
+		y: f,
+		pct: p,
+		fmt: m,
+		geo: {
+			hx: x,
+			nowX: g,
+			nowY: _,
+			endX: v,
+			line: S,
+			proj: w
+		},
+		gridVals: {
+			step: D,
+			out: O
+		}
+	};
+}
+function ce(e, t, n) {
+	let { nowX: r, nowY: i, endX: a, proj: o } = e.geo, s = Math.min(1, (t - r) / (a - r)), c = o.map((e) => (1 - s) * (1 - s) * i + 2 * (1 - s) * s * e.cy + s * s * e.ty);
+	if (Math.max(...c) - Math.min(...c) < 24) return null;
+	let l = 0;
+	for (let e = 1; e < c.length; e++) Math.abs(n - c[e]) < Math.abs(n - c[l]) && (l = e);
+	return l;
+}
+// src/charts/price-target-fan/src/context.ts
+function le(n, r) {
+	let i = t(), a = e("(hover: hover)"), o = s(() => n.active, n.defaultActive ?? null, (e) => {
+		r("update:active", e), r("activeChange", e);
+	}), l = A().replace(/[^\w-]/g, ""), d = l + "-fade", f = A(), p = T(null), m = u(() => se(n));
+	function h(e) {
+		o.value = e;
+	}
+	function g(e) {
+		h(e === null ? null : {
+			type: "target",
+			key: n.targets[e].key
+		});
+	}
+	function _(e) {
+		h(e === null ? null : {
+			type: "history",
+			date: m.value.history[e].date
+		});
+	}
+	function v(e) {
+		if (!a.value || e.pointerType === "touch" || !p.value) return;
+		let t = p.value.getBoundingClientRect();
+		if (!t.width || !t.height) return;
+		let n = m.value, r = (e.clientX - t.left) / t.width * 520;
+		if (r > n.geo.nowX + 6) {
+			g(ce(n, r, (e.clientY - t.top) / t.height * 236));
+			return;
+		}
+		if (!n.hist.length || r > n.geo.nowX - 6) {
+			h(null);
+			return;
+		}
+		let i = 0;
+		for (let e = 1; e < n.hist.length; e++) Math.abs(n.geo.hx(e) - r) < Math.abs(n.geo.hx(i) - r) && (i = e);
+		_(i);
+	}
+	let y = u(() => {
+		let e = m.value, t = o.value, r = t?.type === "target" ? e.targets.findIndex((e) => e.key === t.key) : -1, a = t?.type === "history" ? e.history.findIndex((e) => e.date === t.date) : -1, s = r >= 0 || a >= 0 ? t : null, c = r < 0 ? null : r, u = a < 0 ? null : a, y = null;
+		if (c !== null) {
+			let t = e.geo.proj[c];
+			y = {
+				px: e.geo.endX,
+				py: t.ty,
+				title: `${t.key} target${e.dates.horizon ? " · " + e.dates.horizon : ""}`,
+				metrics: [{
+					label: "Price",
+					value: e.fmt(t.price)
+				}, {
+					label: "Analysts",
+					value: String(t.analysts)
+				}],
+				accent: {
+					label: "vs now",
+					value: `${t.price >= e.current ? "+" : "−"}${Math.abs(e.pct(t.price)).toFixed(1)}%`,
+					color: t.color
+				}
+			};
+		} else u !== null && (y = {
+			px: e.geo.hx(u),
+			py: e.y(e.hist[u]),
+			title: N.format(new Date(e.history[u].date)),
+			metrics: [{
+				label: "Price",
+				value: e.fmt(e.hist[u])
+			}],
+			accent: null
+		});
+		let b = e.targets[1], x = c === null ? {
+			key: b.key,
+			price: b.price,
+			color: void 0
+		} : e.geo.proj[c];
+		return {
+			...e,
+			reduce: i.value,
+			clipId: l,
+			fadeId: d,
+			svgRef: p,
+			tooltipId: f,
+			active: s,
+			setActive: h,
+			scrub: u,
+			hotT: c,
+			setHotT: g,
+			setScrub: _,
+			label: n.label ?? "Price target · 12 months",
+			overlay: y,
+			mean: b,
+			head: x,
+			headPct: e.pct(x.price),
+			onMove: v
+		};
+	});
+	return ne(() => y.value.active, (e) => {
+		!e && o.value && n.active === void 0 && (o.value = null);
+	}), c(y);
+}
+var R = o("PriceTargetFan"), z = R.use, B = { class: "mb-1 flex items-end justify-between px-1" }, V = {
+	class: "flex flex-wrap items-center gap-2",
+	"aria-live": "polite"
+}, H = { class: "text-xs text-muted-foreground" }, U = /* @__PURE__ */ g({
+	__name: "PriceTargetFanHeader",
+	setup(e) {
+		let t = z();
+		return (e, n) => (C(), p("div", B, [D(e.$slots, "default", {}, () => [m("div", V, [
+			h(k(a), {
+				value: Math.round(k(t).head.price * 100),
+				format: (e) => (e / 100).toFixed(2),
+				prefix: "$",
+				duration: .5,
+				class: "font-mono text-2xl font-semibold tracking-tight text-foreground tabular-nums"
+			}, null, 8, ["value", "format"]),
+			m("span", {
+				class: "font-mono text-xs font-medium tabular-nums",
+				style: b({ color: k(I)(k(t).head.color ?? (k(t).headPct >= 0 ? k("var(--success)") : k("var(--warning)"))) })
+			}, [h(k(a), {
+				value: Math.round(Math.abs(k(t).headPct) * 10),
+				format: (e) => (e / 10).toFixed(1),
+				prefix: k(t).headPct >= 0 ? "+" : "−",
+				suffix: "%",
+				duration: .5
+			}, null, 8, [
+				"value",
+				"format",
+				"prefix"
+			])], 4),
+			m("span", H, O(k(t).head.key) + " target", 1)
+		])])]));
+	}
+}), W = [
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+], ue = ["x", "y"], de = [
+	"x",
+	"y",
+	"text-anchor"
+], fe = [
+	"x1",
+	"y1",
+	"x2",
+	"y2",
+	"stroke"
+], G = /* @__PURE__ */ g({
+	__name: "PriceTargetFanAxes",
+	setup(e) {
+		let t = z(), n = u(() => {
+			let e = [];
+			if (t.history.length && e.push({
+				x: t.geo.hx(0),
+				text: t.dates.start ?? L(t.history[0].date),
+				anchor: "start"
+			}), t.history.length > 2) {
+				let n = Math.floor(t.history.length / 2);
+				e.push({
+					x: t.geo.hx(n),
+					text: t.dates.mid ?? L(t.history[n].date),
+					anchor: "middle"
+				});
+			}
+			return e.push({
+				x: t.geo.nowX,
+				text: "Now",
+				anchor: "middle"
+			}, {
+				x: t.geo.endX,
+				text: t.dates.horizon ?? "Target",
+				anchor: "middle"
+			}), e;
+		});
+		return (e, r) => (C(), p("g", null, [
+			(C(!0), p(l, null, E(k(t).gridVals.out, (e) => (C(), p("g", { key: e }, [m("line", {
+				x1: k(F).l,
+				y1: k(t).y(e),
+				x2: k(t).geo.endX,
+				y2: k(t).y(e),
+				stroke: "var(--border)",
+				"stroke-dasharray": "2 5"
+			}, null, 8, W), m("text", {
+				x: k(F).l - 8,
+				y: k(t).y(e) + 3,
+				"text-anchor": "end",
+				"font-size": "9",
+				fill: "var(--muted-foreground)",
+				class: "font-mono tabular-nums"
+			}, O(k(t).gridVals.step >= 1 ? Math.round(e) : e.toFixed(1)), 9, ue)]))), 128)),
+			(C(!0), p(l, null, E(n.value, (e) => (C(), p("text", {
+				key: e.x,
+				x: e.x,
+				y: k(236) - 8,
+				"text-anchor": e.anchor,
+				"font-size": "9",
+				fill: "var(--muted-foreground)",
+				class: "font-mono"
+			}, O(e.text), 9, de))), 128)),
+			m("line", {
+				x1: k(t).geo.nowX,
+				y1: k(F).t,
+				x2: k(t).geo.nowX,
+				y2: k(236) - k(F).b,
+				stroke: `url(#${k(t).fadeId})`,
+				"stroke-width": "1",
+				"stroke-dasharray": "3 3"
+			}, null, 8, fe)
+		]));
+	}
+}), pe = [
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext",
+	"aria-describedby"
+], K = /* @__PURE__ */ g({
+	__name: "PriceTargetFanHistory",
+	setup(e) {
+		let t = z(), n = u(() => t.scrub ?? t.hist.length - 1);
+		function r(e) {
+			if (e.key === "Escape") {
+				e.preventDefault(), t.setActive(null);
+				return;
+			}
+			let r = {
+				Home: 0,
+				End: t.hist.length - 1,
+				ArrowLeft: n.value - 1,
+				ArrowRight: n.value + 1
+			};
+			e.key in r && (e.preventDefault(), t.setScrub(Math.max(0, Math.min(t.hist.length - 1, r[e.key]))));
+		}
+		return (e, a) => (C(), p("g", null, [k(t).hist.length ? (C(), p("g", {
+			key: 0,
+			role: "slider",
+			tabindex: "0",
+			"aria-label": "Price history",
+			"aria-valuemin": 0,
+			"aria-valuemax": k(t).hist.length - 1,
+			"aria-valuenow": n.value,
+			"aria-valuetext": `${k(t).history[n.value].date}: ${k(t).fmt(k(t).hist[n.value])}`,
+			"aria-describedby": k(t).scrub === null ? void 0 : k(t).tooltipId,
+			onFocus: a[0] ||= (e) => k(t).setScrub(k(t).hist.length - 1),
+			onBlur: a[1] ||= (e) => k(t).setActive(null),
+			onKeydown: r
+		}, [h(k(M).path, {
+			"data-price-history": "",
+			d: k(t).geo.line,
+			fill: "none",
+			stroke: "var(--foreground)",
+			"stroke-width": "1.5",
+			"stroke-linecap": "round",
+			initial: { pathLength: +!!k(t).reduce },
+			animate: { pathLength: 1 },
+			transition: k(t).reduce ? { duration: 0 } : {
+				duration: .9,
+				ease: k(i)
+			}
+		}, null, 8, [
+			"d",
+			"initial",
+			"transition"
+		])], 40, pe)) : f("", !0)]));
+	}
+}), me = ["clip-path"], he = ["d"], ge = [
+	"d",
+	"stroke",
+	"stroke-width",
+	"stroke-opacity"
+], _e = [
+	"x",
+	"y",
+	"fill"
+], q = /* @__PURE__ */ g({
+	__name: "PriceTargetFanTargets",
+	setup(e) {
+		let t = z();
+		function n(e) {
+			t.setHotT(t.hotT === e ? null : e);
+		}
+		function a(e, t) {
+			e.pointerType === "touch" && (e.preventDefault(), n(t));
+		}
+		function o(e, r) {
+			e.key === "Escape" ? (e.preventDefault(), t.setActive(null)) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), n(r));
+		}
+		return (e, n) => (C(), p("g", null, [m("g", { "clip-path": `url(#${k(t).clipId})` }, [(C(!0), p(l, null, E(k(t).geo.proj, (e, s) => (C(), d(k(M).g, {
+			key: e.key,
+			role: "button",
+			tabindex: "0",
+			"aria-label": `${e.key} target ${k(t).fmt(e.price)}, ${e.analysts} analysts`,
+			class: "outline-none",
+			"aria-pressed": k(t).hotT === s,
+			"aria-describedby": k(t).hotT === s ? k(t).tooltipId : void 0,
+			initial: { opacity: 1 },
+			animate: { opacity: k(t).hotT !== null && k(t).hotT !== s ? .3 : 1 },
+			transition: k(t).reduce ? { duration: 0 } : {
+				duration: .25,
+				ease: k(i)
+			},
+			onFocus: (e) => k(t).setHotT(s),
+			onBlur: n[0] ||= (e) => k(t).setHotT(null),
+			onPointerenter: (e) => k(t).setHotT(s),
+			onPointerdown: (e) => a(e, s),
+			onKeydown: (e) => o(e, s)
+		}, {
+			default: j(() => [
+				m("path", {
+					d: e.d,
+					fill: "none",
+					stroke: "transparent",
+					"stroke-width": "16"
+				}, null, 8, he),
+				m("path", {
+					d: e.d,
+					fill: "none",
+					stroke: e.color,
+					"stroke-width": k(t).hotT === s ? 2.2 : 1.4,
+					"stroke-opacity": k(t).hotT === s ? 1 : .75,
+					"stroke-dasharray": "2 4",
+					"stroke-linecap": "round"
+				}, null, 8, ge),
+				k(t).hotT === s ? (C(), d(k(M).path, {
+					key: 0,
+					d: e.d,
+					fill: "none",
+					stroke: e.color,
+					"stroke-width": "2.2",
+					"stroke-linecap": "round",
+					initial: { pathLength: +!!k(t).reduce },
+					animate: { pathLength: 1 },
+					transition: k(t).reduce ? { duration: 0 } : {
+						duration: .35,
+						ease: k(i)
+					}
+				}, null, 8, [
+					"d",
+					"stroke",
+					"initial",
+					"transition"
+				])) : f("", !0),
+				h(k(M).circle, {
+					cx: k(t).geo.endX,
+					cy: e.ty,
+					fill: "var(--background)",
+					stroke: e.color,
+					"stroke-width": "1.6",
+					r: "3.2",
+					animate: { r: k(t).hotT === s ? 4.5 : 3.2 },
+					transition: k(t).reduce ? { duration: 0 } : k(r)
+				}, null, 8, [
+					"cx",
+					"cy",
+					"stroke",
+					"animate",
+					"transition"
+				]),
+				m("text", {
+					x: k(t).geo.endX + 10,
+					y: e.ty + 4,
+					"font-size": "11",
+					"font-weight": "600",
+					fill: k(I)(e.color),
+					class: "font-mono tabular-nums"
+				}, O(e.price), 9, _e)
+			]),
+			_: 2
+		}, 1032, [
+			"aria-label",
+			"aria-pressed",
+			"aria-describedby",
+			"animate",
+			"transition",
+			"onFocus",
+			"onPointerenter",
+			"onPointerdown",
+			"onKeydown"
+		]))), 128))], 8, me)]));
+	}
+}), J = /* @__PURE__ */ g({
+	__name: "PriceTargetFanNow",
+	setup(e) {
+		let t = z(), n = u(() => ({ transformOrigin: `${t.geo.nowX}px ${t.geo.nowY}px` }));
+		return (e, a) => (C(), p("g", null, [h(k(M).circle, {
+			cx: k(t).geo.nowX,
+			cy: k(t).geo.nowY,
+			r: "3.2",
+			fill: "var(--foreground)",
+			initial: {
+				opacity: +!!k(t).reduce,
+				scale: +!!k(t).reduce
+			},
+			animate: {
+				opacity: 1,
+				scale: 1
+			},
+			transition: k(t).reduce ? { duration: 0 } : {
+				...k(r),
+				delay: .85
+			},
+			style: b(n.value)
+		}, null, 8, [
+			"cx",
+			"cy",
+			"initial",
+			"transition",
+			"style"
+		]), k(t).reduce ? f("", !0) : (C(), d(k(M).circle, {
+			key: 0,
+			cx: k(t).geo.nowX,
+			cy: k(t).geo.nowY,
+			r: "3.2",
+			fill: "none",
+			stroke: "var(--foreground)",
+			"stroke-width": "1",
+			initial: {
+				opacity: 0,
+				scale: 1
+			},
+			animate: {
+				opacity: [.45, 0],
+				scale: [1, 2.8]
+			},
+			transition: {
+				duration: 2.2,
+				ease: k(i),
+				repeat: Infinity,
+				repeatDelay: 1.6,
+				delay: 1.6
+			},
+			style: b(n.value)
+		}, null, 8, [
+			"cx",
+			"cy",
+			"transition",
+			"style"
+		]))]));
+	}
+}), ve = {
+	key: 0,
+	"pointer-events": "none"
+}, Y = /* @__PURE__ */ g({
+	__name: "PriceTargetFanCursor",
+	setup(e) {
+		let t = z();
+		return (e, r) => (C(), p("g", null, [k(t).scrub === null ? f("", !0) : (C(), p("g", ve, [h(k(M).line, {
+			y1: k(F).t,
+			y2: k(236) - k(F).b,
+			stroke: `url(#${k(t).fadeId})`,
+			"stroke-width": "1",
+			initial: !1,
+			animate: {
+				x1: k(t).geo.hx(k(t).scrub),
+				x2: k(t).geo.hx(k(t).scrub)
+			},
+			transition: k(t).reduce ? { duration: 0 } : {
+				type: "spring",
+				...k(n)
+			}
+		}, null, 8, [
+			"y1",
+			"y2",
+			"stroke",
+			"animate",
+			"transition"
+		]), h(k(M).circle, {
+			r: "3.2",
+			fill: "var(--foreground)",
+			stroke: "var(--background)",
+			"stroke-width": "1.5",
+			initial: !1,
+			animate: {
+				cx: k(t).geo.hx(k(t).scrub),
+				cy: k(t).y(k(t).hist[k(t).scrub])
+			},
+			transition: k(t).reduce ? { duration: 0 } : {
+				type: "spring",
+				...k(n)
+			}
+		}, null, 8, ["animate", "transition"])]))]));
+	}
+}), ye = ["viewBox", "aria-label"], be = [
+	"id",
+	"y1",
+	"y2"
+], xe = ["id"], X = /* @__PURE__ */ g({
+	__name: "PriceTargetFanSvg",
+	setup(e) {
+		let t = z(), n = T(null);
+		return S(() => {
+			t.svgRef.value = n.value;
+		}), x(() => {
+			t.svgRef.value === n.value && (t.svgRef.value = null);
+		}), (e, r) => (C(), p("svg", {
+			ref_key: "element",
+			ref: n,
+			viewBox: `0 0 ${k(520)} ${k(236)}`,
+			class: "block h-auto w-full cursor-crosshair [&_*]:cursor-crosshair",
+			role: "group",
+			"aria-label": `${k(t).label}: mean ${k(t).fmt(k(t).mean.price)}, now ${k(t).fmt(k(t).current)}`,
+			onPointermove: r[0] ||= (...e) => k(t).onMove && k(t).onMove(...e),
+			onPointerleave: r[1] ||= (e) => e.pointerType !== "touch" && k(t).setActive(null)
+		}, [m("defs", null, [m("linearGradient", {
+			id: k(t).fadeId,
+			gradientUnits: "userSpaceOnUse",
+			x1: "0",
+			y1: k(F).t,
+			x2: "0",
+			y2: k(236) - k(F).b
+		}, [...r[2] ||= [
+			m("stop", {
+				offset: "0",
+				"stop-color": "var(--border-strong)",
+				"stop-opacity": "0"
+			}, null, -1),
+			m("stop", {
+				offset: ".45",
+				"stop-color": "var(--border-strong)",
+				"stop-opacity": "1"
+			}, null, -1),
+			m("stop", {
+				offset: "1",
+				"stop-color": "var(--border-strong)",
+				"stop-opacity": "1"
+			}, null, -1)
+		]], 8, be), m("clipPath", { id: k(t).clipId }, [h(k(M).rect, {
+			x: k(t).geo.nowX,
+			y: "0",
+			height: k(236),
+			initial: { width: k(t).reduce ? k(520) - k(t).geo.nowX : 0 },
+			animate: { width: k(520) - k(t).geo.nowX },
+			transition: k(t).reduce ? { duration: 0 } : {
+				duration: .8,
+				ease: k(i),
+				delay: .85
+			}
+		}, null, 8, [
+			"x",
+			"height",
+			"initial",
+			"animate",
+			"transition"
+		])], 8, xe)]), D(e.$slots, "default", {}, () => [
+			h(G),
+			h(K),
+			h(q),
+			h(J),
+			h(Y)
+		])], 40, ye));
+	}
+}), Se = { class: "mb-2 text-[10px] text-muted-foreground" }, Z = { class: "text-muted-foreground" }, Ce = { class: "font-mono" }, we = {
+	key: 0,
+	class: "mt-1 flex justify-between gap-4 border-t border-border pt-2"
+}, Te = { class: "text-muted-foreground" }, Q = /* @__PURE__ */ g({
+	__name: "PriceTargetFanTooltip",
+	setup(e) {
+		let t = z();
+		return (e, n) => (C(), d(k(re), null, {
+			default: j(() => [k(t).overlay ? (C(), d(k(M).div, {
+				key: 0,
+				id: k(t).tooltipId,
+				role: "tooltip",
+				class: "pointer-events-none absolute z-20 w-40 rounded-xl border border-border bg-popover p-3 text-xs shadow-lg",
+				style: b({
+					left: Math.max(0, Math.min(65, k(t).overlay.px / k(520) * 100 - 20)) + "%",
+					top: Math.max(0, k(t).overlay.py / k(236) * 100 - 40) + "%"
+				}),
+				initial: {
+					opacity: 0,
+					scale: .96
+				},
+				animate: {
+					opacity: 1,
+					scale: 1
+				},
+				exit: {
+					opacity: 0,
+					scale: .96
+				},
+				transition: k(t).reduce ? { duration: 0 } : k(r)
+			}, {
+				default: j(() => [D(e.$slots, "default", { overlay: k(t).overlay }, () => [
+					m("p", Se, O(k(t).overlay.title), 1),
+					(C(!0), p(l, null, E(k(t).overlay.metrics, (e) => (C(), p("div", {
+						key: e.label,
+						class: "flex justify-between gap-4 py-1"
+					}, [m("span", Z, O(e.label), 1), m("span", Ce, O(e.value), 1)]))), 128)),
+					k(t).overlay.accent ? (C(), p("div", we, [m("span", Te, O(k(t).overlay.accent.label), 1), m("span", {
+						class: "font-mono",
+						style: b({ color: k(I)(k(t).overlay.accent.color) })
+					}, O(k(t).overlay.accent.value), 5)])) : f("", !0)
+				])]),
+				_: 3
+			}, 8, [
+				"id",
+				"style",
+				"transition"
+			])) : f("", !0)]),
+			_: 3
+		}));
+	}
+}), $ = /* @__PURE__ */ g({
+	inheritAttrs: !1,
+	__name: "PriceTargetFanPlot",
+	setup(e) {
+		let t = te(), n = ee(), r = [X, Q], i = () => _("div", v({ class: "relative" }, n), [D(t, "default", {}, () => r.map((e) => _(e)))]);
+		return (e, t) => (C(), d(i));
+	}
+}), Ee = ["aria-label"], De = { class: "sr-only" }, Oe = /* @__PURE__ */ g({
+	__name: "PriceTargetFan",
+	props: {
+		label: {},
+		current: {},
+		targets: {},
+		dates: {},
+		history: {},
+		active: {},
+		defaultActive: {},
+		onActiveChange: { type: Function },
+		className: {}
+	},
+	emits: ["update:active", "activeChange"],
+	setup(e, { emit: t }) {
+		let n = e, r = le(n, t);
+		return w(R.key, r), (e, t) => (C(), p("section", {
+			"aria-label": k(r).label,
+			class: y(["w-[520px] max-w-full [--ink-l:0.5] dark:[--ink-l:1]", n.className])
+		}, [D(e.$slots, "default", {}, () => [h(U), h($)]), m("div", De, [m("table", null, [
+			m("caption", null, O(k(r).label) + " data ", 1),
+			t[3] ||= m("thead", null, [m("tr", null, [
+				m("th", null, "Observation"),
+				m("th", null, "Price"),
+				m("th", null, "Analysts")
+			])], -1),
+			m("tbody", null, [
+				(C(!0), p(l, null, E(k(r).history, (e) => (C(), p("tr", { key: e.date }, [
+					m("th", null, O(e.date), 1),
+					m("td", null, O(k(r).fmt(e.price)), 1),
+					t[0] ||= m("td", null, null, -1)
+				]))), 128)),
+				m("tr", null, [
+					t[1] ||= m("th", null, "Current", -1),
+					m("td", null, O(k(r).fmt(k(r).current)), 1),
+					t[2] ||= m("td", null, null, -1)
+				]),
+				(C(!0), p(l, null, E(k(r).targets, (e) => (C(), p("tr", { key: e.key }, [
+					m("th", null, O(e.key) + " target", 1),
+					m("td", null, O(k(r).fmt(e.price)), 1),
+					m("td", null, O(e.analysts), 1)
+				]))), 128))
+			])
+		])])], 10, Ee));
+	}
+});
+export { Y as a, K as c, z as d, X as i, G as l, $ as n, J as o, Q as r, q as s, Oe as t, U as u };
+
+//# sourceMappingURL=price-target-fan-C5Q3RE-I.js.map