@orvui/vue 0.0.0-stage → 0.1.0

package/dist/volume-profile-GTHNUYya.js

@@ -0,0 +1,422 @@
+import { a as e, s as t } from "./composables-BJ1sih_H.js";
+import { o as n, r } from "./ease-rIvCM4O3.js";
+import { t as i } from "./utils-DIrLOK2M.js";
+import { t as a } from "./number-Dz4iLJiS.js";
+import { i as o, n as s, t as c } from "./shared-BY_cwEzO.js";
+import { t as l } from "./ChartTooltip-BY8iAlEo.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, mergeProps as y, normalizeClass as b, normalizeStyle as x, onBeforeUnmount as S, onMounted as C, openBlock as w, provide as T, reactive as E, ref as D, renderList as O, renderSlot as k, toDisplayString as A, unref as j, useId as ee, watch as te, withCtx as ne } from "vue";
+import { motion as M } from "motion-v";
+// src/charts/volume-profile/src/model.ts
+function N(e) {
+	let t = e.slice().sort((e, t) => e.priceLow - t.priceLow), n = /* @__PURE__ */ new Set(), r = 0, i = 0, a = -1;
+	t.forEach((e, o) => {
+		if (n.has(e.id)) throw Error(`VolumeProfile: duplicate bin ID "${e.id}".`);
+		if (n.add(e.id), !Number.isFinite(e.priceLow) || !Number.isFinite(e.priceHigh) || e.priceHigh <= e.priceLow || !Number.isFinite(e.volume) || e.volume < 0) throw Error("VolumeProfile: bins need finite increasing price bounds and nonnegative volume.");
+		if (o && e.priceLow < t[o - 1].priceHigh) throw Error("VolumeProfile: price ranges must not overlap.");
+		r += e.volume, e.volume > i && (a = o, i = e.volume);
+	});
+	let o = t[0]?.priceLow ?? 0, s = t.at(-1)?.priceHigh ?? 1;
+	if (!Number.isFinite(r) || !Number.isFinite(s - o)) throw Error("VolumeProfile: the total volume and price span must remain finite.");
+	return {
+		bins: t,
+		total: r,
+		maximum: i,
+		peak: a,
+		priceLow: o,
+		priceHigh: s
+	};
+}
+function P(e, t, n, r) {
+	let i = t, a = t, o = t >= 0 ? e[t].volume : 0;
+	if (t >= 0 && n === 1) return {
+		low: 0,
+		high: e.length - 1,
+		volume: r
+	};
+	if (t < 0 || n === !1) return {
+		low: i,
+		high: a,
+		volume: o
+	};
+	for (; o < r * n;) {
+		let s = e[i - 1], c = e[a + 1];
+		if (!c && !s) break;
+		let l = !s || !!c && (c.volume > s.volume || c.volume === s.volume && a + 1 - t <= t - i + 1), u = l ? c : s;
+		if (!u || o + u.volume > r * n) break;
+		o += u.volume, l ? a++ : i--;
+	}
+	return {
+		low: i,
+		high: a,
+		volume: o
+	};
+}
+function F(e, t) {
+	if (t !== !1 && (!Number.isFinite(t) || t <= 0 || t > 1)) throw Error("VolumeProfile: valueArea must be a fraction above 0 and at most 1, or false.");
+	let { bins: n, total: r, maximum: i, peak: a, priceLow: o, priceHigh: s } = N(e), c = P(n, a, t, r), l = t !== !1 && a >= 0 ? {
+		priceLow: n[c.low].priceLow,
+		priceHigh: n[c.high].priceHigh,
+		volume: c.volume,
+		share: c.volume / r,
+		target: t
+	} : null, u = s - o, d = n.map((e, t) => {
+		let n = e.priceLow + (e.priceHigh - e.priceLow) / 2;
+		return {
+			...e,
+			price: n,
+			top: (s - e.priceHigh) / u,
+			height: (e.priceHigh - e.priceLow) / u,
+			center: (s - n) / u,
+			proportion: i ? e.volume / i : 0,
+			share: r ? e.volume / r : 0,
+			isPoc: t === a,
+			inValueArea: l !== null && t >= c.low && t <= c.high
+		};
+	});
+	return {
+		rows: d,
+		poc: d[a] ?? null,
+		valueArea: l,
+		totalVolume: r,
+		maxVolume: i,
+		priceLow: o,
+		priceHigh: s
+	};
+}
+// src/charts/volume-profile/src/context.ts
+function I(n, r) {
+	let i = d(() => F(n.data, n.valueArea ?? .7)), a = c(() => n.activeId, n.defaultActiveId ?? null, d(() => i.value.rows.map((e) => e.id)), (e) => {
+		r("update:activeId", e), r("activeChange", e);
+	}), s = d(() => i.value.rows.findIndex((e) => e.id === a.value));
+	return E({
+		model: i,
+		rows: d(() => i.value.rows),
+		poc: d(() => i.value.poc),
+		valueArea: d(() => i.value.valueArea),
+		totalVolume: d(() => i.value.totalVolume),
+		maxVolume: d(() => i.value.maxVolume),
+		priceLow: d(() => i.value.priceLow),
+		priceHigh: d(() => i.value.priceHigh),
+		activeIndex: s,
+		active: d(() => i.value.rows[s.value] ?? null),
+		setActive(e) {
+			a.value = e;
+		},
+		plotRef: D(null),
+		tooltipOpen: D(!1),
+		tooltipId: ee(),
+		label: d(() => n.label ?? "Volume profile"),
+		unit: d(() => n.unit ?? "units"),
+		formatPrice: d(() => n.formatPrice ?? o),
+		formatVolume: d(() => n.formatVolume ?? o),
+		color: d(() => n.color ?? "#6366f1"),
+		pocColor: d(() => n.pocColor ?? "#f59e0b"),
+		reduce: t(),
+		canHover: e("(hover: hover)")
+	});
+}
+var L = s("VolumeProfile"), R = L.use, z = {
+	key: 0,
+	class: "py-12 text-center text-sm text-muted-foreground"
+}, B = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "relative shrink-0 text-right font-mono text-[10px] text-muted-foreground sm:text-xs"
+}, V = { class: "invisible block" }, H = {
+	"aria-hidden": "true",
+	class: "pointer-events-none absolute inset-0"
+}, U = [
+	"data-volume-bin",
+	"data-poc",
+	"data-value-area"
+], W = [
+	"max",
+	"value",
+	"aria-label",
+	"aria-valuetext",
+	"aria-describedby"
+], G = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "absolute inset-x-0 top-full mt-2 flex justify-between font-mono text-[10px] text-muted-foreground sm:text-xs"
+}, K = /* @__PURE__ */ v({
+	inheritAttrs: !1,
+	__name: "VolumeProfilePlot",
+	props: {
+		barClassName: {},
+		showAxes: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		let t = R(), a = D(!1), o = D(null), s = d(() => [
+			1,
+			.75,
+			.5,
+			.25,
+			0
+		].map((e) => ({
+			fraction: e,
+			label: t.formatPrice(t.priceLow + (t.priceHigh - t.priceLow) * e)
+		}))), c = d(() => t.active ? `${t.formatPrice(t.active.priceLow)} to ${t.formatPrice(t.active.priceHigh)}, ${t.formatVolume(t.active.volume)} ${t.unit}` : void 0);
+		C(() => {
+			t.plotRef = o.value;
+		}), te(o, (e) => {
+			t.plotRef = e;
+		}, { flush: "post" }), S(() => {
+			t.plotRef === o.value && (t.plotRef = null);
+		});
+		function l(e) {
+			let n = e.currentTarget.getBoundingClientRect();
+			if (!n.height || !t.rows.length) return;
+			let r = Math.max(0, Math.min(1, (e.clientY - n.top) / n.height)), i = t.rows.find((e) => r >= e.top && r <= e.top + e.height);
+			if (!i) {
+				i = t.rows[0];
+				for (let e of t.rows) Math.abs(e.center - r) < Math.abs(i.center - r) && (i = e);
+			}
+			t.setActive(i.id), t.tooltipOpen = !0;
+		}
+		function f() {
+			t.setActive(t.rows[Math.max(0, t.activeIndex)].id), t.tooltipOpen = !0;
+		}
+		function g(e) {
+			if (a.value) return;
+			let n = t.rows[Number(e.target.value)];
+			n && (t.setActive(n.id), t.tooltipOpen = !0);
+		}
+		function v(e) {
+			a.value = !1, t.tooltipOpen = e.key !== "Escape";
+		}
+		return (d, S) => j(t).rows.length ? (w(), m("div", {
+			key: 1,
+			"data-slot": "volume-profile-plot",
+			class: b(["min-w-0", e.showAxes ? "pb-6" : ""])
+		}, [h("div", y(d.$attrs, { class: j(i)("flex h-80 min-w-0 gap-3", d.$attrs.class) }), [e.showAxes ? (w(), m("div", B, [(w(!0), m(u, null, O(s.value, (e) => (w(), m("span", { key: e.fraction }, [h("span", V, A(e.label), 1), h("span", {
+			class: "absolute right-0 -translate-y-1/2",
+			style: x({ top: (1 - e.fraction) * 100 + "%" })
+		}, A(e.label), 5)]))), 128))])) : p("", !0), h("div", {
+			ref_key: "anchor",
+			ref: o,
+			class: "relative min-w-0 flex-1 rounded-sm has-focus-visible:outline-2 has-focus-visible:outline-offset-4 has-focus-visible:outline-ring"
+		}, [
+			h("div", H, [(w(), m(u, null, O([
+				0,
+				.25,
+				.5,
+				.75,
+				1
+			], (e) => h("span", {
+				key: e,
+				class: "absolute inset-y-0 border-l border-border/60",
+				style: x({ left: e * 100 + "%" })
+			}, null, 4)), 64)), (w(!0), m(u, null, O(j(t).rows, (i, a) => (w(), m("div", {
+				key: i.id,
+				"data-volume-bin": i.id,
+				"data-poc": i.isPoc || void 0,
+				"data-value-area": i.inValueArea || void 0,
+				class: "absolute inset-x-0 overflow-hidden py-px",
+				style: x({
+					top: i.top * 100 + "%",
+					height: i.height * 100 + "%"
+				})
+			}, [
+				_(j(M).div, {
+					class: b(["h-full w-full origin-left rounded-r-sm", e.barClassName]),
+					style: x({ backgroundColor: i.isPoc ? j(t).pocColor : j(t).color }),
+					initial: {
+						opacity: 0,
+						scaleX: i.proportion
+					},
+					animate: {
+						opacity: i.isPoc || i.inValueArea || !j(t).valueArea ? .9 : .3,
+						scaleX: i.proportion
+					},
+					transition: {
+						scaleX: j(t).reduce ? { duration: 0 } : j(n),
+						opacity: {
+							duration: .18,
+							ease: j(r)
+						}
+					}
+				}, null, 8, [
+					"class",
+					"style",
+					"initial",
+					"animate",
+					"transition"
+				]),
+				_(j(M).div, {
+					class: "absolute inset-0 bg-foreground/5",
+					initial: !1,
+					animate: { opacity: j(t).tooltipOpen && j(t).activeIndex === a ? 1 : 0 },
+					transition: {
+						duration: .1,
+						ease: j(r)
+					}
+				}, null, 8, ["animate", "transition"]),
+				i.isPoc ? (w(), m("span", {
+					key: 0,
+					class: "absolute inset-x-0 top-1/2 border-t border-dashed",
+					style: x({ borderColor: j(t).pocColor })
+				}, [...S[7] ||= [h("span", { class: "absolute right-0 -translate-y-1/2 rounded bg-background px-1.5 py-0.5 font-mono text-[10px] font-medium text-foreground" }, "POC", -1)]], 4)) : p("", !0)
+			], 12, U))), 128))]),
+			h("input", {
+				type: "range",
+				min: "0",
+				max: j(t).rows.length - 1,
+				step: "1",
+				value: Math.max(0, j(t).activeIndex),
+				"aria-label": j(t).label + ": inspect price level",
+				"aria-orientation": "vertical",
+				"aria-valuetext": c.value,
+				"aria-describedby": j(t).tooltipOpen && j(t).active ? j(t).tooltipId : void 0,
+				class: "absolute inset-0 m-0 size-full cursor-crosshair opacity-0",
+				style: {
+					writingMode: "vertical-lr",
+					direction: "rtl",
+					touchAction: "pan-x"
+				},
+				onFocus: f,
+				onBlur: S[0] ||= (e) => {
+					j(t).tooltipOpen = !1, a.value = !1;
+				},
+				onPointerenter: S[1] ||= (e) => j(t).canHover && l(e),
+				onPointermove: S[2] ||= (e) => (j(t).canHover || e.buttons === 1) && l(e),
+				onPointerleave: S[3] ||= (e) => j(t).tooltipOpen = !1,
+				onPointerdown: S[4] ||= (e) => {
+					a.value = !0, l(e);
+				},
+				onPointercancel: S[5] ||= (e) => {
+					a.value = !1, j(t).tooltipOpen = !1;
+				},
+				onClick: S[6] ||= (e) => a.value = !1,
+				onKeydown: v,
+				onInput: g
+			}, null, 40, W),
+			e.showAxes ? (w(), m("div", G, [
+				S[8] ||= h("span", null, "0", -1),
+				h("span", null, A(j(t).formatVolume(j(t).maxVolume / 2)), 1),
+				h("span", null, A(j(t).formatVolume(j(t).maxVolume)), 1)
+			])) : p("", !0),
+			k(d.$slots, "default")
+		], 512)], 16)], 2)) : (w(), m("p", z, " No volume data "));
+	}
+}), q = {
+	key: 0,
+	class: "grid grid-cols-2 gap-x-4 gap-y-4 border-t border-border pt-4 text-xs sm:grid-cols-3"
+}, re = { class: "space-y-1.5" }, J = { class: "font-mono font-medium tabular-nums" }, Y = { class: "space-y-1.5" }, X = { class: "flex items-center gap-1.5 text-muted-foreground" }, ie = { class: "font-mono font-medium tabular-nums" }, ae = {
+	key: 0,
+	class: "col-span-2 space-y-1.5 sm:col-span-1"
+}, oe = { class: "flex items-center gap-1.5 text-muted-foreground" }, se = { class: "font-mono font-medium tabular-nums" }, ce = { class: "text-muted-foreground" }, Z = /* @__PURE__ */ v({
+	__name: "VolumeProfileSummary",
+	setup(e) {
+		let t = R();
+		return (e, n) => j(t).rows.length ? (w(), m("dl", q, [
+			h("div", re, [n[0] ||= h("dt", { class: "text-muted-foreground" }, "Total volume", -1), h("dd", J, A(j(t).formatVolume(j(t).totalVolume)) + " " + A(j(t).unit), 1)]),
+			h("div", Y, [h("dt", X, [h("span", {
+				"aria-hidden": "true",
+				class: "size-1.5 rounded-full",
+				style: x({ backgroundColor: j(t).pocColor })
+			}, null, 4), n[1] ||= g("Point of control ", -1)]), h("dd", ie, A(j(t).poc ? j(t).formatPrice(j(t).poc.price) : "—"), 1)]),
+			j(t).valueArea ? (w(), m("div", ae, [
+				h("dt", oe, [h("span", {
+					"aria-hidden": "true",
+					class: "size-1.5 rounded-full",
+					style: x({ backgroundColor: j(t).color })
+				}, null, 4), g("Value area · " + A(Math.round(j(t).valueArea.target * 100)) + "% target ", 1)]),
+				h("dd", se, A(j(t).formatPrice(j(t).valueArea.priceLow)) + " – " + A(j(t).formatPrice(j(t).valueArea.priceHigh)), 1),
+				h("dd", ce, A((j(t).valueArea.share * 100).toFixed(1)) + "% of volume ", 1)
+			])) : p("", !0)
+		])) : p("", !0);
+	}
+}), le = { class: "text-muted-foreground" }, ue = { class: "mt-1 font-mono" }, Q = {
+	key: 0,
+	class: "mt-1 text-muted-foreground"
+}, $ = /* @__PURE__ */ v({
+	__name: "VolumeProfileTooltip",
+	props: { side: { default: "top" } },
+	setup(e) {
+		let t = R();
+		return (n, r) => (w(), f(l, {
+			open: j(t).tooltipOpen && j(t).active !== null,
+			anchor: j(t).plotRef,
+			id: j(t).tooltipId,
+			point: {
+				x: .55,
+				y: j(t).active?.center ?? .5
+			},
+			side: e.side,
+			"follow-cursor": !0,
+			"onUpdate:open": r[0] ||= (e) => j(t).tooltipOpen = e
+		}, {
+			default: ne(() => [j(t).active ? k(n.$slots, "default", { row: j(t).active }, () => [
+				h("p", le, A(j(t).formatPrice(j(t).active.priceLow)) + " – " + A(j(t).formatPrice(j(t).active.priceHigh)), 1),
+				h("p", ue, [_(j(a), {
+					value: j(t).active.volume,
+					format: () => j(t).formatVolume(j(t).active.volume),
+					"start-on-view": !1,
+					duration: .2,
+					stagger: 0
+				}, null, 8, ["value", "format"]), g(" " + A(j(t).unit) + " · " + A((j(t).active.share * 100).toFixed(1)) + "% ", 1)]),
+				j(t).active.isPoc || j(t).active.inValueArea ? (w(), m("p", Q, A(j(t).active.isPoc ? "Point of control" : "Inside value area"), 1)) : p("", !0)
+			], void 0, 0) : p("", !0)]),
+			_: 3
+		}, 8, [
+			"open",
+			"anchor",
+			"id",
+			"point",
+			"side"
+		]));
+	}
+}), de = ["aria-label"], fe = { class: "sr-only" }, pe = /* @__PURE__ */ v({
+	__name: "VolumeProfile",
+	props: {
+		data: {},
+		label: {},
+		unit: {},
+		formatPrice: {},
+		formatVolume: {},
+		valueArea: {
+			type: [Number, Boolean],
+			default: void 0
+		},
+		color: {},
+		pocColor: {},
+		activeId: {},
+		defaultActiveId: {},
+		className: {}
+	},
+	emits: ["update:activeId", "activeChange"],
+	setup(e, { emit: t }) {
+		let n = e, r = I(n, t);
+		return T(L.key, r), (e, t) => (w(), m("section", {
+			"aria-label": j(r).label,
+			class: b(["relative w-full space-y-5", n.className])
+		}, [k(e.$slots, "default", {}, () => [
+			_(K),
+			_(Z),
+			_($)
+		]), h("div", fe, [h("table", null, [
+			h("caption", null, A(j(r).label) + " data ", 1),
+			t[0] ||= h("thead", null, [h("tr", null, [
+				h("th", null, "Price range"),
+				h("th", null, "Volume"),
+				h("th", null, "Share"),
+				h("th", null, "Point of control"),
+				h("th", null, "Value area")
+			])], -1),
+			h("tbody", null, [(w(!0), m(u, null, O(j(r).rows, (e) => (w(), m("tr", { key: e.id }, [
+				h("th", null, A(j(r).formatPrice(e.priceLow)) + " to " + A(j(r).formatPrice(e.priceHigh)), 1),
+				h("td", null, A(j(r).formatVolume(e.volume)), 1),
+				h("td", null, A((e.share * 100).toFixed(1)) + "%", 1),
+				h("td", null, A(e.isPoc ? "Yes" : "No"), 1),
+				h("td", null, A(e.inValueArea ? "Yes" : "No"), 1)
+			]))), 128))])
+		])])], 10, de));
+	}
+});
+export { R as a, K as i, $ as n, Z as r, pe as t };
+
+//# sourceMappingURL=volume-profile-GTHNUYya.js.map

package/dist/volume-profile-GTHNUYya.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"volume-profile-GTHNUYya.js","names":["$attrs","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_unref","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_mergeProps","_Fragment","_renderList","_toDisplayString","_normalizeStyle","_createCommentVNode","_createVNode","_renderSlot","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_unref","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_normalizeStyle","_createTextVNode","_createCommentVNode","_sfc_main","_hoisted_1","_hoisted_2","_openBlock","_createBlock","ChartTooltip","_unref","_withCtx","_renderSlot","_createElementVNode","_toDisplayString","_createVNode","NumberTicker","_createTextVNode","_createElementBlock","_createCommentVNode","_sfc_main","emit","_openBlock","_createElementBlock","_unref","_normalizeClass","_renderSlot","_createVNode","VolumeProfilePlot","VolumeProfileSummary","VolumeProfileTooltip","_createElementVNode","_toDisplayString","_Fragment","_renderList","_sfc_main","useMediaQuery","useReducedMotion","SPRING_LAYOUT","cn","NumberTicker_default","formatNumber","context","activeSelection","ChartTooltip_default","validate","bins","data","a","b","identities","total","maximum","peak","bin","index","priceLow","priceHigh","growArea","low","high","volume","target","below","above","up","adjacent","buildVolumeProfile","area","valueArea","span","rows","price","createVolumeModel","model","computed","props","activeId","row","emit","id","activeIndex","reactive","ref","useId","volumeContext","useVolumeProfile","_hoisted_1$3","_hoisted_2$3","_hoisted_3$2","_hoisted_4$1","_hoisted_5$1","_hoisted_6$1","_hoisted_7$1","VolumeProfilePlot_default","defineComponent","profile","pointer","anchor","ticks","fraction","valueText","onMounted","watch","element","onBeforeUnmount","inspect","rect","event","selected","focus","input","keydown","unref","openBlock","createElementBlock","normalizeClass","__props","createElementVNode","mergeProps","_ctx","Fragment","renderList","tick","toDisplayString","normalizeStyle","createCommentVNode","createVNode","motion","EASE_OUT","_cache","$event","renderSlot","_hoisted_1$2","_hoisted_2$2","_hoisted_3$1","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","VolumeProfileSummary_default","createTextVNode","_hoisted_1$1","_hoisted_2$1","_hoisted_3","VolumeProfileTooltip_default","createBlock","withCtx","_hoisted_1","_hoisted_2","VolumeProfile_default","__emit","provide"],"sources":["../src/charts/volume-profile/src/model.ts","../src/charts/volume-profile/src/context.ts","../src/charts/volume-profile/src/VolumeProfilePlot.vue","../src/charts/volume-profile/src/VolumeProfilePlot.vue","../src/charts/volume-profile/src/VolumeProfileSummary.vue","../src/charts/volume-profile/src/VolumeProfileSummary.vue","../src/charts/volume-profile/src/VolumeProfileTooltip.vue","../src/charts/volume-profile/src/VolumeProfileTooltip.vue","../src/charts/volume-profile/src/VolumeProfile.vue","../src/charts/volume-profile/src/VolumeProfile.vue"],"sourcesContent":["export interface VolumeProfileBin {\n  id: string;\n  priceLow: number;\n  priceHigh: number;\n  volume: number;\n}\n\nfunction validate(data: readonly VolumeProfileBin[]) {\n  const bins = data.slice().sort((a, b) => a.priceLow - b.priceLow);\n  const identities = new Set<string>();\n  let total = 0,\n    maximum = 0,\n    peak = -1;\n  bins.forEach((bin, index) => {\n    if (identities.has(bin.id))\n      throw new Error(`VolumeProfile: duplicate bin ID \"${bin.id}\".`);\n    identities.add(bin.id);\n    if (\n      !Number.isFinite(bin.priceLow) ||\n      !Number.isFinite(bin.priceHigh) ||\n      bin.priceHigh <= bin.priceLow ||\n      !Number.isFinite(bin.volume) ||\n      bin.volume < 0\n    )\n      throw new Error(\n        \"VolumeProfile: bins need finite increasing price bounds and nonnegative volume.\",\n      );\n    if (index && bin.priceLow < bins[index - 1].priceHigh)\n      throw new Error(\"VolumeProfile: price ranges must not overlap.\");\n    total += bin.volume;\n    if (bin.volume > maximum) {\n      peak = index;\n      maximum = bin.volume;\n    }\n  });\n  const priceLow = bins[0]?.priceLow ?? 0;\n  const priceHigh = bins.at(-1)?.priceHigh ?? 1;\n  if (!Number.isFinite(total) || !Number.isFinite(priceHigh - priceLow))\n    throw new Error(\n      \"VolumeProfile: the total volume and price span must remain finite.\",\n    );\n  return { bins, total, maximum, peak, priceLow, priceHigh };\n}\n\nfunction growArea(\n  bins: readonly VolumeProfileBin[],\n  peak: number,\n  target: number | false,\n  total: number,\n) {\n  let low = peak,\n    high = peak;\n  let volume = peak >= 0 ? bins[peak].volume : 0;\n  if (peak >= 0 && target === 1)\n    return { low: 0, high: bins.length - 1, volume: total };\n  if (peak < 0 || target === false) return { low, high, volume };\n  while (volume < total * target) {\n    const below = bins[low - 1];\n    const above = bins[high + 1];\n    if (!above && !below) break;\n    const up =\n      !below ||\n      (!!above &&\n        (above.volume > below.volume ||\n          (above.volume === below.volume &&\n            high + 1 - peak <= peak - low + 1)));\n    const adjacent = up ? above : below;\n    if (!adjacent || volume + adjacent.volume > total * target) break;\n    volume += adjacent.volume;\n    if (up) high++;\n    else low--;\n  }\n  return { low, high, volume };\n}\n\nexport function buildVolumeProfile(\n  data: readonly VolumeProfileBin[],\n  target: number | false,\n) {\n  if (\n    target !== false &&\n    (!Number.isFinite(target) || target <= 0 || target > 1)\n  )\n    throw new Error(\n      \"VolumeProfile: valueArea must be a fraction above 0 and at most 1, or false.\",\n    );\n  const { bins, total, maximum, peak, priceLow, priceHigh } = validate(data);\n  const area = growArea(bins, peak, target, total);\n  const valueArea =\n    target !== false && peak >= 0\n      ? {\n          priceLow: bins[area.low].priceLow,\n          priceHigh: bins[area.high].priceHigh,\n          volume: area.volume,\n          share: area.volume / total,\n          target,\n        }\n      : null;\n  const span = priceHigh - priceLow;\n  const rows = bins.map((bin, index) => {\n    const price = bin.priceLow + (bin.priceHigh - bin.priceLow) / 2;\n    return {\n      ...bin,\n      price,\n      top: (priceHigh - bin.priceHigh) / span,\n      height: (bin.priceHigh - bin.priceLow) / span,\n      center: (priceHigh - price) / span,\n      proportion: maximum ? bin.volume / maximum : 0,\n      share: total ? bin.volume / total : 0,\n      isPoc: index === peak,\n      inValueArea:\n        valueArea !== null && index >= area.low && index <= area.high,\n    };\n  });\n  return {\n    rows,\n    poc: rows[peak] ?? null,\n    valueArea,\n    totalVolume: total,\n    maxVolume: maximum,\n    priceLow,\n    priceHigh,\n  };\n}\nexport type VolumeProfileRow = ReturnType<\n  typeof buildVolumeProfile\n>[\"rows\"][number];\n","import { computed, reactive, ref, useId } from \"vue\";\nimport { useMediaQuery, useReducedMotion } from \"../../../lib/composables\";\nimport { activeSelection, context, formatNumber } from \"../../shared\";\nimport { buildVolumeProfile, type VolumeProfileBin } from \"./model\";\nexport interface VolumeProfileProps {\n  data: readonly VolumeProfileBin[];\n  label?: string;\n  unit?: string;\n  formatPrice?: (value: number) => string;\n  formatVolume?: (value: number) => string;\n  valueArea?: number | false;\n  color?: string;\n  pocColor?: string;\n  activeId?: string | null;\n  defaultActiveId?: string | null;\n  className?: string;\n}\nexport function createVolumeModel(\n  props: VolumeProfileProps,\n  emit: (event: any, ...args: any[]) => void,\n) {\n  const model = computed(() =>\n    buildVolumeProfile(props.data, props.valueArea ?? 0.7),\n  );\n  const activeId = activeSelection(\n    () => props.activeId,\n    props.defaultActiveId ?? null,\n    computed(() => model.value.rows.map((row) => row.id)),\n    (id) => {\n      emit(\"update:activeId\", id);\n      emit(\"activeChange\", id);\n    },\n  );\n  const activeIndex = computed(() =>\n    model.value.rows.findIndex((row) => row.id === activeId.value),\n  );\n  return reactive({\n    model,\n    rows: computed(() => model.value.rows),\n    poc: computed(() => model.value.poc),\n    valueArea: computed(() => model.value.valueArea),\n    totalVolume: computed(() => model.value.totalVolume),\n    maxVolume: computed(() => model.value.maxVolume),\n    priceLow: computed(() => model.value.priceLow),\n    priceHigh: computed(() => model.value.priceHigh),\n    activeIndex,\n    active: computed(() => model.value.rows[activeIndex.value] ?? null),\n    setActive(id: string | null) {\n      activeId.value = id;\n    },\n    plotRef: ref<HTMLElement | null>(null),\n    tooltipOpen: ref(false),\n    tooltipId: useId(),\n    label: computed(() => props.label ?? \"Volume profile\"),\n    unit: computed(() => props.unit ?? \"units\"),\n    formatPrice: computed(() => props.formatPrice ?? formatNumber),\n    formatVolume: computed(() => props.formatVolume ?? formatNumber),\n    color: computed(() => props.color ?? \"#6366f1\"),\n    pocColor: computed(() => props.pocColor ?? \"#f59e0b\"),\n    reduce: useReducedMotion(),\n    canHover: useMediaQuery(\"(hover: hover)\"),\n  });\n}\nexport const volumeContext =\n  context<ReturnType<typeof createVolumeModel>>(\"VolumeProfile\");\nexport const useVolumeProfile = volumeContext.use;\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useVolumeProfile } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nwithDefaults(defineProps<{ barClassName?: string; showAxes?: boolean }>(), {\n  showAxes: true,\n});\nconst profile = useVolumeProfile();\nconst pointer = ref(false),\n  anchor = ref<HTMLElement | null>(null);\nconst ticks = computed(() =>\n  [1, 0.75, 0.5, 0.25, 0].map((fraction) => ({\n    fraction,\n    label: profile.formatPrice(\n      profile.priceLow + (profile.priceHigh - profile.priceLow) * fraction,\n    ),\n  })),\n);\nconst valueText = computed(() =>\n  profile.active\n    ? `${profile.formatPrice(profile.active.priceLow)} to ${profile.formatPrice(profile.active.priceHigh)}, ${profile.formatVolume(profile.active.volume)} ${profile.unit}`\n    : undefined,\n);\nonMounted(() => {\n  profile.plotRef = anchor.value;\n});\nwatch(\n  anchor,\n  (element) => {\n    profile.plotRef = element;\n  },\n  { flush: \"post\" },\n);\nonBeforeUnmount(() => {\n  if (profile.plotRef === anchor.value) profile.plotRef = null;\n});\nfunction inspect(event: PointerEvent) {\n  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n  if (!rect.height || !profile.rows.length) return;\n  const fraction = Math.max(\n    0,\n    Math.min(1, (event.clientY - rect.top) / rect.height),\n  );\n  let selected = profile.rows.find(\n    (row) => fraction >= row.top && fraction <= row.top + row.height,\n  );\n  if (!selected) {\n    selected = profile.rows[0];\n    for (const row of profile.rows)\n      if (\n        Math.abs(row.center - fraction) < Math.abs(selected.center - fraction)\n      )\n        selected = row;\n  }\n  profile.setActive(selected.id);\n  profile.tooltipOpen = true;\n}\nfunction focus() {\n  profile.setActive(profile.rows[Math.max(0, profile.activeIndex)].id);\n  profile.tooltipOpen = true;\n}\nfunction input(event: Event) {\n  if (pointer.value) return;\n  const row = profile.rows[Number((event.target as HTMLInputElement).value)];\n  if (row) {\n    profile.setActive(row.id);\n    profile.tooltipOpen = true;\n  }\n}\nfunction keydown(event: KeyboardEvent) {\n  pointer.value = false;\n  profile.tooltipOpen = event.key !== \"Escape\";\n}\n</script>\n<template>\n  <p\n    v-if=\"!profile.rows.length\"\n    class=\"py-12 text-center text-sm text-muted-foreground\"\n  >\n    No volume data\n  </p>\n  <div\n    v-else\n    data-slot=\"volume-profile-plot\"\n    class=\"min-w-0\"\n    :class=\"showAxes ? 'pb-6' : ''\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :class=\"cn('flex h-80 min-w-0 gap-3', $attrs.class as string)\"\n    >\n      <div\n        v-if=\"showAxes\"\n        aria-hidden=\"true\"\n        class=\"relative shrink-0 text-right font-mono text-[10px] text-muted-foreground sm:text-xs\"\n      >\n        <span v-for=\"tick in ticks\" :key=\"tick.fraction\"\n          ><span class=\"invisible block\">{{ tick.label }}</span\n          ><span\n            class=\"absolute right-0 -translate-y-1/2\"\n            :style=\"{ top: (1 - tick.fraction) * 100 + '%' }\"\n            >{{ tick.label }}</span\n          ></span\n        >\n      </div>\n      <div\n        ref=\"anchor\"\n        class=\"relative min-w-0 flex-1 rounded-sm has-focus-visible:outline-2 has-focus-visible:outline-offset-4 has-focus-visible:outline-ring\"\n      >\n        <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0\">\n          <span\n            v-for=\"fraction in [0, 0.25, 0.5, 0.75, 1]\"\n            :key=\"fraction\"\n            class=\"absolute inset-y-0 border-l border-border/60\"\n            :style=\"{ left: fraction * 100 + '%' }\"\n          />\n          <div\n            v-for=\"(row, index) in profile.rows\"\n            :key=\"row.id\"\n            :data-volume-bin=\"row.id\"\n            :data-poc=\"row.isPoc || undefined\"\n            :data-value-area=\"row.inValueArea || undefined\"\n            class=\"absolute inset-x-0 overflow-hidden py-px\"\n            :style=\"{\n              top: row.top * 100 + '%',\n              height: row.height * 100 + '%',\n            }\"\n          >\n            <motion.div\n              :class=\"['h-full w-full origin-left rounded-r-sm', barClassName]\"\n              :style=\"{\n                backgroundColor: row.isPoc ? profile.pocColor : profile.color,\n              }\"\n              :initial=\"{ opacity: 0, scaleX: row.proportion }\"\n              :animate=\"{\n                opacity:\n                  row.isPoc || row.inValueArea || !profile.valueArea\n                    ? 0.9\n                    : 0.3,\n                scaleX: row.proportion,\n              }\"\n              :transition=\"{\n                scaleX: profile.reduce ? { duration: 0 } : SPRING_LAYOUT,\n                opacity: { duration: 0.18, ease: EASE_OUT },\n              }\"\n            />\n            <motion.div\n              class=\"absolute inset-0 bg-foreground/5\"\n              :initial=\"false\"\n              :animate=\"{\n                opacity:\n                  profile.tooltipOpen && profile.activeIndex === index ? 1 : 0,\n              }\"\n              :transition=\"{ duration: 0.1, ease: EASE_OUT }\"\n            />\n            <span\n              v-if=\"row.isPoc\"\n              class=\"absolute inset-x-0 top-1/2 border-t border-dashed\"\n              :style=\"{ borderColor: profile.pocColor }\"\n              ><span\n                class=\"absolute right-0 -translate-y-1/2 rounded bg-background px-1.5 py-0.5 font-mono text-[10px] font-medium text-foreground\"\n                >POC</span\n              ></span\n            >\n          </div>\n        </div>\n        <input\n          type=\"range\"\n          min=\"0\"\n          :max=\"profile.rows.length - 1\"\n          step=\"1\"\n          :value=\"Math.max(0, profile.activeIndex)\"\n          :aria-label=\"profile.label + ': inspect price level'\"\n          aria-orientation=\"vertical\"\n          :aria-valuetext=\"valueText\"\n          :aria-describedby=\"\n            profile.tooltipOpen && profile.active\n              ? profile.tooltipId\n              : undefined\n          \"\n          class=\"absolute inset-0 m-0 size-full cursor-crosshair opacity-0\"\n          :style=\"{\n            writingMode: 'vertical-lr',\n            direction: 'rtl',\n            touchAction: 'pan-x',\n          }\"\n          @focus=\"focus\"\n          @blur=\"\n            profile.tooltipOpen = false;\n            pointer = false;\n          \"\n          @pointerenter=\"profile.canHover && inspect($event)\"\n          @pointermove=\"\n            (profile.canHover || $event.buttons === 1) && inspect($event)\n          \"\n          @pointerleave=\"profile.tooltipOpen = false\"\n          @pointerdown=\"\n            pointer = true;\n            inspect($event);\n          \"\n          @pointercancel=\"\n            pointer = false;\n            profile.tooltipOpen = false;\n          \"\n          @click=\"pointer = false\"\n          @keydown=\"keydown\"\n          @input=\"input\"\n        />\n        <div\n          v-if=\"showAxes\"\n          aria-hidden=\"true\"\n          class=\"absolute inset-x-0 top-full mt-2 flex justify-between font-mono text-[10px] text-muted-foreground sm:text-xs\"\n        >\n          <span>0</span\n          ><span>{{ profile.formatVolume(profile.maxVolume / 2) }}</span\n          ><span>{{ profile.formatVolume(profile.maxVolume) }}</span>\n        </div>\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useVolumeProfile } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nwithDefaults(defineProps<{ barClassName?: string; showAxes?: boolean }>(), {\n  showAxes: true,\n});\nconst profile = useVolumeProfile();\nconst pointer = ref(false),\n  anchor = ref<HTMLElement | null>(null);\nconst ticks = computed(() =>\n  [1, 0.75, 0.5, 0.25, 0].map((fraction) => ({\n    fraction,\n    label: profile.formatPrice(\n      profile.priceLow + (profile.priceHigh - profile.priceLow) * fraction,\n    ),\n  })),\n);\nconst valueText = computed(() =>\n  profile.active\n    ? `${profile.formatPrice(profile.active.priceLow)} to ${profile.formatPrice(profile.active.priceHigh)}, ${profile.formatVolume(profile.active.volume)} ${profile.unit}`\n    : undefined,\n);\nonMounted(() => {\n  profile.plotRef = anchor.value;\n});\nwatch(\n  anchor,\n  (element) => {\n    profile.plotRef = element;\n  },\n  { flush: \"post\" },\n);\nonBeforeUnmount(() => {\n  if (profile.plotRef === anchor.value) profile.plotRef = null;\n});\nfunction inspect(event: PointerEvent) {\n  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n  if (!rect.height || !profile.rows.length) return;\n  const fraction = Math.max(\n    0,\n    Math.min(1, (event.clientY - rect.top) / rect.height),\n  );\n  let selected = profile.rows.find(\n    (row) => fraction >= row.top && fraction <= row.top + row.height,\n  );\n  if (!selected) {\n    selected = profile.rows[0];\n    for (const row of profile.rows)\n      if (\n        Math.abs(row.center - fraction) < Math.abs(selected.center - fraction)\n      )\n        selected = row;\n  }\n  profile.setActive(selected.id);\n  profile.tooltipOpen = true;\n}\nfunction focus() {\n  profile.setActive(profile.rows[Math.max(0, profile.activeIndex)].id);\n  profile.tooltipOpen = true;\n}\nfunction input(event: Event) {\n  if (pointer.value) return;\n  const row = profile.rows[Number((event.target as HTMLInputElement).value)];\n  if (row) {\n    profile.setActive(row.id);\n    profile.tooltipOpen = true;\n  }\n}\nfunction keydown(event: KeyboardEvent) {\n  pointer.value = false;\n  profile.tooltipOpen = event.key !== \"Escape\";\n}\n</script>\n<template>\n  <p\n    v-if=\"!profile.rows.length\"\n    class=\"py-12 text-center text-sm text-muted-foreground\"\n  >\n    No volume data\n  </p>\n  <div\n    v-else\n    data-slot=\"volume-profile-plot\"\n    class=\"min-w-0\"\n    :class=\"showAxes ? 'pb-6' : ''\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :class=\"cn('flex h-80 min-w-0 gap-3', $attrs.class as string)\"\n    >\n      <div\n        v-if=\"showAxes\"\n        aria-hidden=\"true\"\n        class=\"relative shrink-0 text-right font-mono text-[10px] text-muted-foreground sm:text-xs\"\n      >\n        <span v-for=\"tick in ticks\" :key=\"tick.fraction\"\n          ><span class=\"invisible block\">{{ tick.label }}</span\n          ><span\n            class=\"absolute right-0 -translate-y-1/2\"\n            :style=\"{ top: (1 - tick.fraction) * 100 + '%' }\"\n            >{{ tick.label }}</span\n          ></span\n        >\n      </div>\n      <div\n        ref=\"anchor\"\n        class=\"relative min-w-0 flex-1 rounded-sm has-focus-visible:outline-2 has-focus-visible:outline-offset-4 has-focus-visible:outline-ring\"\n      >\n        <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0\">\n          <span\n            v-for=\"fraction in [0, 0.25, 0.5, 0.75, 1]\"\n            :key=\"fraction\"\n            class=\"absolute inset-y-0 border-l border-border/60\"\n            :style=\"{ left: fraction * 100 + '%' }\"\n          />\n          <div\n            v-for=\"(row, index) in profile.rows\"\n            :key=\"row.id\"\n            :data-volume-bin=\"row.id\"\n            :data-poc=\"row.isPoc || undefined\"\n            :data-value-area=\"row.inValueArea || undefined\"\n            class=\"absolute inset-x-0 overflow-hidden py-px\"\n            :style=\"{\n              top: row.top * 100 + '%',\n              height: row.height * 100 + '%',\n            }\"\n          >\n            <motion.div\n              :class=\"['h-full w-full origin-left rounded-r-sm', barClassName]\"\n              :style=\"{\n                backgroundColor: row.isPoc ? profile.pocColor : profile.color,\n              }\"\n              :initial=\"{ opacity: 0, scaleX: row.proportion }\"\n              :animate=\"{\n                opacity:\n                  row.isPoc || row.inValueArea || !profile.valueArea\n                    ? 0.9\n                    : 0.3,\n                scaleX: row.proportion,\n              }\"\n              :transition=\"{\n                scaleX: profile.reduce ? { duration: 0 } : SPRING_LAYOUT,\n                opacity: { duration: 0.18, ease: EASE_OUT },\n              }\"\n            />\n            <motion.div\n              class=\"absolute inset-0 bg-foreground/5\"\n              :initial=\"false\"\n              :animate=\"{\n                opacity:\n                  profile.tooltipOpen && profile.activeIndex === index ? 1 : 0,\n              }\"\n              :transition=\"{ duration: 0.1, ease: EASE_OUT }\"\n            />\n            <span\n              v-if=\"row.isPoc\"\n              class=\"absolute inset-x-0 top-1/2 border-t border-dashed\"\n              :style=\"{ borderColor: profile.pocColor }\"\n              ><span\n                class=\"absolute right-0 -translate-y-1/2 rounded bg-background px-1.5 py-0.5 font-mono text-[10px] font-medium text-foreground\"\n                >POC</span\n              ></span\n            >\n          </div>\n        </div>\n        <input\n          type=\"range\"\n          min=\"0\"\n          :max=\"profile.rows.length - 1\"\n          step=\"1\"\n          :value=\"Math.max(0, profile.activeIndex)\"\n          :aria-label=\"profile.label + ': inspect price level'\"\n          aria-orientation=\"vertical\"\n          :aria-valuetext=\"valueText\"\n          :aria-describedby=\"\n            profile.tooltipOpen && profile.active\n              ? profile.tooltipId\n              : undefined\n          \"\n          class=\"absolute inset-0 m-0 size-full cursor-crosshair opacity-0\"\n          :style=\"{\n            writingMode: 'vertical-lr',\n            direction: 'rtl',\n            touchAction: 'pan-x',\n          }\"\n          @focus=\"focus\"\n          @blur=\"\n            profile.tooltipOpen = false;\n            pointer = false;\n          \"\n          @pointerenter=\"profile.canHover && inspect($event)\"\n          @pointermove=\"\n            (profile.canHover || $event.buttons === 1) && inspect($event)\n          \"\n          @pointerleave=\"profile.tooltipOpen = false\"\n          @pointerdown=\"\n            pointer = true;\n            inspect($event);\n          \"\n          @pointercancel=\"\n            pointer = false;\n            profile.tooltipOpen = false;\n          \"\n          @click=\"pointer = false\"\n          @keydown=\"keydown\"\n          @input=\"input\"\n        />\n        <div\n          v-if=\"showAxes\"\n          aria-hidden=\"true\"\n          class=\"absolute inset-x-0 top-full mt-2 flex justify-between font-mono text-[10px] text-muted-foreground sm:text-xs\"\n        >\n          <span>0</span\n          ><span>{{ profile.formatVolume(profile.maxVolume / 2) }}</span\n          ><span>{{ profile.formatVolume(profile.maxVolume) }}</span>\n        </div>\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useVolumeProfile } from \"./context\";\nconst profile = useVolumeProfile();\n</script>\n<template>\n  <dl\n    v-if=\"profile.rows.length\"\n    class=\"grid grid-cols-2 gap-x-4 gap-y-4 border-t border-border pt-4 text-xs sm:grid-cols-3\"\n  >\n    <div class=\"space-y-1.5\">\n      <dt class=\"text-muted-foreground\">Total volume</dt>\n      <dd class=\"font-mono font-medium tabular-nums\">\n        {{ profile.formatVolume(profile.totalVolume) }} {{ profile.unit }}\n      </dd>\n    </div>\n    <div class=\"space-y-1.5\">\n      <dt class=\"flex items-center gap-1.5 text-muted-foreground\">\n        <span\n          aria-hidden=\"true\"\n          class=\"size-1.5 rounded-full\"\n          :style=\"{ backgroundColor: profile.pocColor }\"\n        />Point of control\n      </dt>\n      <dd class=\"font-mono font-medium tabular-nums\">\n        {{ profile.poc ? profile.formatPrice(profile.poc.price) : \"—\" }}\n      </dd>\n    </div>\n    <div v-if=\"profile.valueArea\" class=\"col-span-2 space-y-1.5 sm:col-span-1\">\n      <dt class=\"flex items-center gap-1.5 text-muted-foreground\">\n        <span\n          aria-hidden=\"true\"\n          class=\"size-1.5 rounded-full\"\n          :style=\"{ backgroundColor: profile.color }\"\n        />Value area · {{ Math.round(profile.valueArea.target * 100) }}% target\n      </dt>\n      <dd class=\"font-mono font-medium tabular-nums\">\n        {{ profile.formatPrice(profile.valueArea.priceLow) }} –\n        {{ profile.formatPrice(profile.valueArea.priceHigh) }}\n      </dd>\n      <dd class=\"text-muted-foreground\">\n        {{ (profile.valueArea.share * 100).toFixed(1) }}% of volume\n      </dd>\n    </div>\n  </dl>\n</template>\n","<script setup lang=\"ts\">\nimport { useVolumeProfile } from \"./context\";\nconst profile = useVolumeProfile();\n</script>\n<template>\n  <dl\n    v-if=\"profile.rows.length\"\n    class=\"grid grid-cols-2 gap-x-4 gap-y-4 border-t border-border pt-4 text-xs sm:grid-cols-3\"\n  >\n    <div class=\"space-y-1.5\">\n      <dt class=\"text-muted-foreground\">Total volume</dt>\n      <dd class=\"font-mono font-medium tabular-nums\">\n        {{ profile.formatVolume(profile.totalVolume) }} {{ profile.unit }}\n      </dd>\n    </div>\n    <div class=\"space-y-1.5\">\n      <dt class=\"flex items-center gap-1.5 text-muted-foreground\">\n        <span\n          aria-hidden=\"true\"\n          class=\"size-1.5 rounded-full\"\n          :style=\"{ backgroundColor: profile.pocColor }\"\n        />Point of control\n      </dt>\n      <dd class=\"font-mono font-medium tabular-nums\">\n        {{ profile.poc ? profile.formatPrice(profile.poc.price) : \"—\" }}\n      </dd>\n    </div>\n    <div v-if=\"profile.valueArea\" class=\"col-span-2 space-y-1.5 sm:col-span-1\">\n      <dt class=\"flex items-center gap-1.5 text-muted-foreground\">\n        <span\n          aria-hidden=\"true\"\n          class=\"size-1.5 rounded-full\"\n          :style=\"{ backgroundColor: profile.color }\"\n        />Value area · {{ Math.round(profile.valueArea.target * 100) }}% target\n      </dt>\n      <dd class=\"font-mono font-medium tabular-nums\">\n        {{ profile.formatPrice(profile.valueArea.priceLow) }} –\n        {{ profile.formatPrice(profile.valueArea.priceHigh) }}\n      </dd>\n      <dd class=\"text-muted-foreground\">\n        {{ (profile.valueArea.share * 100).toFixed(1) }}% of volume\n      </dd>\n    </div>\n  </dl>\n</template>\n","<script setup lang=\"ts\">\nimport { NumberTicker } from \"../../../motion/number\";\nimport ChartTooltip from \"../../ChartTooltip.vue\";\nimport { useVolumeProfile } from \"./context\";\nwithDefaults(defineProps<{ side?: \"top\" | \"right\" | \"bottom\" | \"left\" }>(), {\n  side: \"top\",\n});\nconst profile = useVolumeProfile();\n</script>\n<template>\n  <ChartTooltip\n    :open=\"profile.tooltipOpen && profile.active !== null\"\n    :anchor=\"profile.plotRef\"\n    :id=\"profile.tooltipId\"\n    :point=\"{ x: 0.55, y: profile.active?.center ?? 0.5 }\"\n    :side=\"side\"\n    :follow-cursor=\"true\"\n    @update:open=\"profile.tooltipOpen = $event\"\n    ><slot v-if=\"profile.active\" :row=\"profile.active\"\n      ><p class=\"text-muted-foreground\">\n        {{ profile.formatPrice(profile.active.priceLow) }} –\n        {{ profile.formatPrice(profile.active.priceHigh) }}\n      </p>\n      <p class=\"mt-1 font-mono\">\n        <NumberTicker\n          :value=\"profile.active.volume\"\n          :format=\"() => profile.formatVolume(profile.active!.volume)\"\n          :start-on-view=\"false\"\n          :duration=\"0.2\"\n          :stagger=\"0\"\n        />\n        {{ profile.unit }} · {{ (profile.active.share * 100).toFixed(1) }}%\n      </p>\n      <p\n        v-if=\"profile.active.isPoc || profile.active.inValueArea\"\n        class=\"mt-1 text-muted-foreground\"\n      >\n        {{ profile.active.isPoc ? \"Point of control\" : \"Inside value area\" }}\n      </p></slot\n    ></ChartTooltip\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { NumberTicker } from \"../../../motion/number\";\nimport ChartTooltip from \"../../ChartTooltip.vue\";\nimport { useVolumeProfile } from \"./context\";\nwithDefaults(defineProps<{ side?: \"top\" | \"right\" | \"bottom\" | \"left\" }>(), {\n  side: \"top\",\n});\nconst profile = useVolumeProfile();\n</script>\n<template>\n  <ChartTooltip\n    :open=\"profile.tooltipOpen && profile.active !== null\"\n    :anchor=\"profile.plotRef\"\n    :id=\"profile.tooltipId\"\n    :point=\"{ x: 0.55, y: profile.active?.center ?? 0.5 }\"\n    :side=\"side\"\n    :follow-cursor=\"true\"\n    @update:open=\"profile.tooltipOpen = $event\"\n    ><slot v-if=\"profile.active\" :row=\"profile.active\"\n      ><p class=\"text-muted-foreground\">\n        {{ profile.formatPrice(profile.active.priceLow) }} –\n        {{ profile.formatPrice(profile.active.priceHigh) }}\n      </p>\n      <p class=\"mt-1 font-mono\">\n        <NumberTicker\n          :value=\"profile.active.volume\"\n          :format=\"() => profile.formatVolume(profile.active!.volume)\"\n          :start-on-view=\"false\"\n          :duration=\"0.2\"\n          :stagger=\"0\"\n        />\n        {{ profile.unit }} · {{ (profile.active.share * 100).toFixed(1) }}%\n      </p>\n      <p\n        v-if=\"profile.active.isPoc || profile.active.inValueArea\"\n        class=\"mt-1 text-muted-foreground\"\n      >\n        {{ profile.active.isPoc ? \"Point of control\" : \"Inside value area\" }}\n      </p></slot\n    ></ChartTooltip\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createVolumeModel,\n  volumeContext,\n  type VolumeProfileProps,\n} from \"./context\";\nimport VolumeProfilePlot from \"./VolumeProfilePlot.vue\";\nimport VolumeProfileSummary from \"./VolumeProfileSummary.vue\";\nimport VolumeProfileTooltip from \"./VolumeProfileTooltip.vue\";\nconst props = withDefaults(defineProps<VolumeProfileProps>(), {\n  valueArea: undefined,\n});\nconst emit = defineEmits([\"update:activeId\", \"activeChange\"]);\nconst profile = createVolumeModel(props, emit);\nprovide(volumeContext.key, profile);\n</script>\n<template>\n  <section\n    :aria-label=\"profile.label\"\n    :class=\"['relative w-full space-y-5', props.className]\"\n  >\n    <slot\n      ><VolumeProfilePlot /><VolumeProfileSummary /><VolumeProfileTooltip\n    /></slot>\n    <div class=\"sr-only\">\n      <table>\n        <caption>\n          {{\n            profile.label\n          }}\n          data\n        </caption>\n        <thead>\n          <tr>\n            <th>Price range</th>\n            <th>Volume</th>\n            <th>Share</th>\n            <th>Point of control</th>\n            <th>Value area</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"row in profile.rows\" :key=\"row.id\">\n            <th>\n              {{ profile.formatPrice(row.priceLow) }} to\n              {{ profile.formatPrice(row.priceHigh) }}\n            </th>\n            <td>{{ profile.formatVolume(row.volume) }}</td>\n            <td>{{ (row.share * 100).toFixed(1) }}%</td>\n            <td>{{ row.isPoc ? \"Yes\" : \"No\" }}</td>\n            <td>{{ row.inValueArea ? \"Yes\" : \"No\" }}</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </section>\n</template>\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createVolumeModel,\n  volumeContext,\n  type VolumeProfileProps,\n} from \"./context\";\nimport VolumeProfilePlot from \"./VolumeProfilePlot.vue\";\nimport VolumeProfileSummary from \"./VolumeProfileSummary.vue\";\nimport VolumeProfileTooltip from \"./VolumeProfileTooltip.vue\";\nconst props = withDefaults(defineProps<VolumeProfileProps>(), {\n  valueArea: undefined,\n});\nconst emit = defineEmits([\"update:activeId\", \"activeChange\"]);\nconst profile = createVolumeModel(props, emit);\nprovide(volumeContext.key, profile);\n</script>\n<template>\n  <section\n    :aria-label=\"profile.label\"\n    :class=\"['relative w-full space-y-5', props.className]\"\n  >\n    <slot\n      ><VolumeProfilePlot /><VolumeProfileSummary /><VolumeProfileTooltip\n    /></slot>\n    <div class=\"sr-only\">\n      <table>\n        <caption>\n          {{\n            profile.label\n          }}\n          data\n        </caption>\n        <thead>\n          <tr>\n            <th>Price range</th>\n            <th>Volume</th>\n            <th>Share</th>\n            <th>Point of control</th>\n            <th>Value area</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"row in profile.rows\" :key=\"row.id\">\n            <th>\n              {{ profile.formatPrice(row.priceLow) }} to\n              {{ profile.formatPrice(row.priceHigh) }}\n            </th>\n            <td>{{ profile.formatVolume(row.volume) }}</td>\n            <td>{{ (row.share * 100).toFixed(1) }}%</td>\n            <td>{{ row.isPoc ? \"Yes\" : \"No\" }}</td>\n            <td>{{ row.inValueArea ? \"Yes\" : \"No\" }}</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </section>\n</template>\n"],"mappings":"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"}