minerva-design 1.6.1 → 1.7.0

package/dist/charts/engine/orderbook/heatmap.js

@@ -4,31 +4,31 @@ import { linearTicks as l } from "../scale.js";
 import { followDefaultRenderer as u } from "../renderers/follow.js";
 import { timeTicks as d } from "../time.js";
 import { createOrderBookStore as f, decimalsOf as p, inferPriceDecimals as m, inferSizeDecimals as h, inferTickSize as g, roundToStep as _ } from "./book.js";
-import { clamp as ee, createFormatters as v, ease as y, fontOf as te, formatClock as ne, roundRect as re, sideColors as ie } from "./format.js";
-import { createEmitter as ae, createHost as b, localPoint as oe, tooltipHtml as se } from "./host.js";
-import { HEAT_TABLE_SIZE as x, buildHeatGrid as S, createHeatFieldRenderer as C, heatTable as w, paintHeatGrid as ce, percentile as T } from "./field.js";
-import { fineCeil as E, fitPriceRange as le, fitTimeRange as ue, layoutAxisLabels as de } from "./layout.js";
+import { clamp as v, createFormatters as y, ease as b, fontOf as x, formatClock as ee, roundRect as te, sideColors as S } from "./format.js";
+import { createEmitter as ne, createHost as C, localPoint as w, tooltipHtml as T } from "./host.js";
+import { HEAT_TABLE_SIZE as E, buildHeatGrid as D, createHeatFieldRenderer as O, heatTable as k, paintHeatGrid as re, percentile as A } from "./field.js";
+import { fineCeil as j, fitPriceRange as ie, fitTimeRange as ae, layoutAxisLabels as oe } from "./layout.js";
 //#region src/engine/orderbook/heatmap.ts
-var D = 256, fe = 4096, pe = .99, O = 2, me = [
+var M = 256, se = 4096, ce = .99, N = 2, le = [
 	[0, "#0b1322"],
-	[.3, "#0e1c36"],
-	[.5, "#11306a"],
-	[.63, "#1556a8"],
-	[.74, "#1b95c8"],
-	[.83, "#59d6d0"],
-	[.9, "#f2e14b"],
+	[.3, "#0d1a2e"],
+	[.5, "#102a4e"],
+	[.65, "#154a8a"],
+	[.76, "#1b86b8"],
+	[.85, "#3fc3c0"],
+	[.91, "#e8d84a"],
 	[.96, "#ff8c2b"],
-	[1, "#fff6e8"]
-], he = [
-	[0, "#f7f9fc"],
-	[.3, "#eef3fa"],
-	[.5, "#d6e3f5"],
-	[.63, "#9dbde9"],
-	[.74, "#4f86d6"],
+	[1, "#ffe6c2"]
+], ue = [
+	[0, "#fbfcfe"],
+	[.3, "#f3f6fc"],
+	[.5, "#dde7f7"],
+	[.65, "#a8c4ec"],
+	[.76, "#5b8bd6"],
 	[.85, "#2f4fb0"],
 	[.93, "#6a2a9c"],
 	[1, "#c4173f"]
-], ge = 16, _e = 6, ve = 14, k = 3, ye = (t, n = D) => {
+], de = 16, fe = 6, pe = 14, P = 3, me = (t, n = M) => {
 	let r = new Uint32Array(n);
 	if (!t.length) return r;
 	let a = t.map(([, e]) => s(e)), o = 0;
@@ -44,16 +44,16 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 		]));
 	}
 	return r;
-}, be = (e) => {
-	if (!(e > 0) || e >= O) return 1;
-	let t = O / e;
+}, he = (e) => {
+	if (!(e > 0) || e >= N) return 1;
+	let t = N / e;
 	for (let e = 1; e < 0xe8d4a51000; e *= 10) for (let n of [
 		1,
 		2,
 		5
 	]) if (n * e >= t) return n * e;
 	return 1;
-}, xe = {
+}, ge = {
 	en: {
 		time: "Time",
 		price: "Price",
@@ -64,6 +64,7 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 		ask: "Ask",
 		bidSide: "Bid side",
 		askSide: "Ask side",
+		bubbleHint: "Bubble area = trade size",
 		name: "Liquidity heatmap"
 	},
 	zh: {
@@ -76,6 +77,7 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 		ask: "卖一",
 		bidSide: "买盘",
 		askSide: "卖盘",
+		bubbleHint: "气泡面积 = 成交量",
 		name: "订单簿热力图"
 	},
 	ja: {
@@ -88,6 +90,7 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 		ask: "最良売気配",
 		bidSide: "買い板",
 		askSide: "売り板",
+		bubbleHint: "バブル面積 = 出来高",
 		name: "板ヒートマップ"
 	},
 	fr: {
@@ -100,18 +103,50 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 		ask: "Meilleure vente",
 		bidSide: "Côté achat",
 		askSide: "Côté vente",
+		bubbleHint: "Aire de la bulle = volume",
 		name: "Carte de chaleur de la liquidité"
 	}
-}, Se = (e, t, n, r) => {
+}, _e = (e, t, n, r) => {
 	if (!(e > 0) || !(t > 0)) return 0;
 	let i = Math.min(1, e * r / t);
 	switch (n) {
 		case "linear": return i;
-		case "log": return Math.log10(1 + 9 * i);
+		case "log": return Math.log10(1 + 9 * i) ** 1.2;
 		default: return Math.sqrt(i);
 	}
-}, A = (e, i = {}) => {
-	let s = i, O = f(), A = ae(), j = v(s, 2, 4), M = {
+}, F = 48, I = (e, t) => {
+	if (!(t >= e.min) || !(e.max > e.min)) return 0;
+	let n = Math.log(t / e.min) / Math.log(e.max / e.min), r = Math.min(47.999999, Math.max(0, n * F)), i = Math.floor(r), a = r - i, o = e.cdf[i] ?? 0;
+	return o + ((e.cdf[i + 1] ?? o) - o) * a;
+}, ve = (e, t = 0) => {
+	let n = Infinity, r = 0, i = 0;
+	for (let t = 0; t < e.length; t++) {
+		let a = e[t];
+		a > 0 && (i++, a < n && (n = a), a > r && (r = a));
+	}
+	if (!i || !(r > n)) return null;
+	let a = /* @__PURE__ */ new Float32Array(49), o = Math.log(r / n);
+	for (let t = 0; t < e.length; t++) {
+		let r = e[t];
+		if (!(r > 0)) continue;
+		let i = Math.log(r / n) / o;
+		a[Math.min(F, Math.floor(i * F))] += 1;
+	}
+	let s = 0;
+	for (let e = 0; e <= F; e++) s += a[e], a[e] = s / i;
+	return {
+		version: t,
+		min: n,
+		max: r,
+		cdf: a
+	};
+}, ye = (e, t, n) => (r) => {
+	let i = Math.min(1, Math.max(0, n(r)));
+	if (!e || !(t > 0)) return i;
+	let a = I(e, r * t);
+	return Math.min(1, .55 * i + .45 * a);
+}, L = (e, i = {}) => {
+	let s = i, N = f(), F = ne(), I = y(s, 2, 4), L = {
 		up: [
 			0,
 			0,
@@ -124,41 +159,41 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 			0,
 			1
 		]
-	}, Ce = new Uint32Array(D), we = new Uint32Array(x + 1), N = [
+	}, be = new Uint32Array(M), xe = new Uint32Array(E + 1), Se = (e) => Math.sqrt(e), Ce = null, we = [
 		0,
 		0,
 		0,
 		1
-	], P = !1, F = 0, I = [], Te = 0, L = NaN, R = {
+	], Te = !1, R = 0, z = [], Ee = 0, B = NaN, V = {
 		buyVolume: 0,
 		buyNotional: 0,
 		sellVolume: 0,
 		sellNotional: 0
-	}, Ee = null, z = NaN, De = 0, B = 0, Oe = 0, ke = -Infinity, Ae = 0, V = 0, H = null, je = "", Me = "", Ne = null, U = null, Pe = 0, Fe = !1, Ie = () => {}, Le = new Promise((e) => {
-		Ie = e;
-	}), Re = !0, W = NaN, G = [0, 1], K = [0, 1], ze = !1, q = null, J = NaN, Be = NaN, Ve = 0, Y = {
+	}, De = null, Oe = NaN, ke = 0, H = 0, Ae = 0, je = -Infinity, Me = 0, Ne = 0, U = null, Pe = "", Fe = "", Ie = null, W = null, Le = 0, Re = !1, ze = () => {}, Be = new Promise((e) => {
+		ze = e;
+	}), Ve = !0, G = NaN, K = [0, 1], q = [0, 1], He = !1, J = null, Ue = NaN, We = NaN, Ge = 0, Y = {
 		x: 0,
 		y: 0,
 		w: 0,
 		h: 0
-	}, He = null, Ue = "", X = null, Z = b(e, {
+	}, Ke = null, qe = "", X = null, Z = C(e, {
 		className: "minerva-orderbook-heatmap",
-		draw: vt,
+		draw: Tt,
 		onTheme: () => {
-			Qe(), Z.invalidate();
+			nt(), Z.invalidate();
 		}
-	}), { root: Q, doc: We } = Z;
+	}), { root: Q, doc: Je } = Z;
 	Q.tabIndex = 0, Q.setAttribute("role", "figure"), Q.style.touchAction = "none";
-	let Ge = c(xe, s.locale, s.labels), Ke = () => Ge, qe = () => {
-		Ge = c(xe, s.locale, s.labels), Q.setAttribute("aria-label", s.ariaLabel ?? Ge.name);
-	}, $ = () => Math.max(10, s.interval ?? 100), Je = () => Math.max($() * 4, s.history ?? 3e5), Ye = () => Math.max(4, Math.round(s.depth ?? 160)), Xe = () => {
-		if (!Number.isFinite(z)) return Date.now();
-		let e = Ze() - De;
-		return z + Math.min(Math.max(0, e), $() * 3);
-	}, Ze = () => typeof performance < "u" ? performance.now() : Date.now();
-	function Qe() {
+	let Ye = c(ge, s.locale, s.labels), Xe = () => Ye, Ze = () => {
+		Ye = c(ge, s.locale, s.labels), Q.setAttribute("aria-label", s.ariaLabel ?? Ye.name);
+	}, $ = () => Math.max(10, s.interval ?? 100), Qe = () => Math.max($() * 4, s.history ?? 3e5), $e = () => Math.max(4, Math.round(s.depth ?? 160)), et = () => {
+		if (!Number.isFinite(Oe)) return Date.now();
+		let e = tt() - ke;
+		return Oe + Math.min(Math.max(0, e), $() * 3);
+	}, tt = () => typeof performance < "u" ? performance.now() : Date.now();
+	function nt() {
 		let e = Z.theme;
-		M = ie(e, s);
+		L = S(e, s);
 		let n = (t) => {
 			let n = e.resolve ? e.resolve(t, e.primary) : e.primary;
 			return [
@@ -173,24 +208,27 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 			e.background[2],
 			1
 		];
-		if (P = e.background[3] > 0 && t(i) < .4, s.colors?.length) {
+		if (Te = e.background[3] > 0 && t(i) < .4, s.colors?.length) {
 			let e = s.colors.map(n);
-			N = e[0] ?? i, Ce = r(e.length > 1 ? e : [N, N], D);
+			we = e[0] ?? i, be = r(e.length > 1 ? e : [we, we], M);
 		} else {
-			let e = (P ? me : he).map(([e, t]) => [e, a(t) ?? i]);
-			N = e[0][1], Ce = ye(e, D);
+			let e = (Te ? le : ue).map(([e, t]) => [e, a(t) ?? i]);
+			we = e[0][1], be = me(e, M);
 		}
 		let o = s.colorScale ?? "sqrt";
-		we = w(Ce, (e) => Se(e, 1, o, 1)), Me = "";
+		Se = (e) => _e(e, 1, o, 1), xe = k(be, Se), Fe = "";
 	}
-	let $e = () => {
-		j = v(s, F > 0 ? Math.max(p(F), m(O)) : m(O), h(O));
-	}, et = () => {
-		I = [], H = null, je = Me = "", Ne = null, L = NaN, B = Oe = 0, ke = -Infinity, Ae = 0, V = 0, Be = NaN, R.buyVolume = R.buyNotional = R.sellVolume = R.sellNotional = 0;
-	}, tt = () => {
-		if (F > 0) return;
-		let e = g(O), t = O.mid();
-		if (s.tickSize && s.tickSize > 0) F = s.tickSize;
+	let rt = () => {
+		I = y(s, R > 0 ? Math.max(p(R), m(N)) : m(N), h(N));
+	}, it = (e) => {
+		let t = s.sizeUnit?.trim();
+		return t ? `${e} ${t}` : e;
+	}, at = () => {
+		z = [], U = null, Pe = Fe = "", Ie = null, Ce = null, B = NaN, H = Ae = 0, je = -Infinity, Me = 0, Ne = 0, We = NaN, V.buyVolume = V.buyNotional = V.sellVolume = V.sellNotional = 0;
+	}, ot = () => {
+		if (R > 0) return;
+		let e = g(N), t = N.mid();
+		if (s.tickSize && s.tickSize > 0) R = s.tickSize;
 		else if (e > 0 && Number.isFinite(t)) {
 			let n = t * 1e-5 / e, r = 1;
 			for (let e = 1; e <= 1e9 && r < n * .75; e *= 10) for (let t of [
@@ -198,15 +236,15 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 				2,
 				5
 			]) if (r = t * e, r >= n * .75) break;
-			F = _(e * r, e);
-		} else F = Number.isFinite(t) ? Math.max(1e-8, t * 1e-5) : 0;
-		F > 0 && $e();
-	}, nt = () => {
-		let e = Ye(), t = new Float64Array(e * 2), n = new Float32Array(e * 2), r = 0;
+			R = _(e * r, e);
+		} else R = Number.isFinite(t) ? Math.max(1e-8, t * 1e-5) : 0;
+		R > 0 && rt();
+	}, st = () => {
+		let e = $e(), t = new Float64Array(e * 2), n = new Float32Array(e * 2), r = 0;
 		for (let i of ["bid", "ask"]) {
-			let a = O.count(i), o = 0;
+			let a = N.count(i), o = 0;
 			for (let s = 0; s < a; s++) {
-				let a = Math.round(O.priceAt(i, s) / F), c = O.sizeAt(i, s);
+				let a = Math.round(N.priceAt(i, s) / R), c = N.sizeAt(i, s);
 				if (r > 0 && t[r - 1] === a && o > 0) {
 					n[r - 1] += c;
 					continue;
@@ -219,76 +257,76 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 			bins: t.slice(0, r),
 			sizes: n.slice(0, r)
 		};
-	}, rt = (e) => {
-		if (!(F > 0)) return;
-		let { bins: t, sizes: n } = nt(), r = {
-			seq: Te++,
+	}, ct = (e) => {
+		if (!(R > 0)) return;
+		let { bins: t, sizes: n } = st(), r = {
+			seq: Ee++,
 			time: e,
 			bins: t,
 			sizes: n,
-			bestBid: O.bestBid(),
-			bestAsk: O.bestAsk(),
-			buyVolume: R.buyVolume,
-			buyNotional: R.buyNotional,
-			sellVolume: R.sellVolume,
-			sellNotional: R.sellNotional
+			bestBid: N.bestBid(),
+			bestAsk: N.bestAsk(),
+			buyVolume: V.buyVolume,
+			buyNotional: V.buyNotional,
+			sellVolume: V.sellVolume,
+			sellNotional: V.sellNotional
 		};
-		R.buyVolume = R.buyNotional = R.sellVolume = R.sellNotional = 0, I.push(r);
-		let i = e - Je(), a = 0;
-		for (; a < I.length && I[a].time < i;) a++;
-		a && (I = I.slice(a));
-	}, it = (e) => {
+		V.buyVolume = V.buyNotional = V.sellVolume = V.sellNotional = 0, z.push(r);
+		let i = e - Qe(), a = 0;
+		for (; a < z.length && z[a].time < i;) a++;
+		a && (z = z.slice(a));
+	}, lt = (e) => {
 		if (!Number.isFinite(e)) return;
 		let t = $();
-		if (!Number.isFinite(L)) {
-			L = Math.floor(e / t) * t;
+		if (!Number.isFinite(B)) {
+			B = Math.floor(e / t) * t;
 			return;
 		}
-		if (e - L > Je()) {
-			rt(L), L = Math.floor(e / t) * t;
+		if (e - B > Qe()) {
+			ct(B), B = Math.floor(e / t) * t;
 			return;
 		}
-		for (; e >= L + t;) rt(L), L += t;
-	}, at = (e) => e === void 0 || !Number.isFinite(e) ? Date.now() : ((!Number.isFinite(z) || e >= z) && (z = e, De = Ze()), e), ot = (e) => {
-		if (Number.isFinite(L) && e >= L) return null;
-		let t = 0, n = I.length;
+		for (; e >= B + t;) ct(B), B += t;
+	}, ut = (e) => e === void 0 || !Number.isFinite(e) ? Date.now() : ((!Number.isFinite(Oe) || e >= Oe) && (Oe = e, ke = tt()), e), dt = (e) => {
+		if (Number.isFinite(B) && e >= B) return null;
+		let t = 0, n = z.length;
 		for (; t < n;) {
 			let r = t + n >>> 1;
-			I[r].time <= e ? t = r + 1 : n = r;
+			z[r].time <= e ? t = r + 1 : n = r;
 		}
-		return t > 0 ? I[t - 1] : null;
-	}, st = () => {
-		if (!Number.isFinite(L) || !(F > 0)) return null;
-		let e = O.version();
-		return (!Ne || Ne.version !== e) && (Ne = {
+		return t > 0 ? z[t - 1] : null;
+	}, ft = () => {
+		if (!Number.isFinite(B) || !(R > 0)) return null;
+		let e = N.version();
+		return (!Ie || Ie.version !== e) && (Ie = {
 			version: e,
-			...nt()
+			...st()
 		}), {
-			time: L,
-			bins: Ne.bins,
-			sizes: Ne.sizes
+			time: B,
+			bins: Ie.bins,
+			sizes: Ie.sizes
 		};
-	}, ct = (e, t, n, r, i, a) => {
-		let o = $(), c = st(), l = Math.min(fe, Math.ceil(Y.w)), u = Math.min(fe, Math.ceil(Y.h)), d = be(F / (r - n) * Y.h), f = I.length ? I[I.length - 1].seq : -1, p = [
+	}, pt = (e, t, n, r, i, a) => {
+		let o = $(), c = ft(), l = Math.min(se, Math.ceil(Y.w)), u = Math.min(se, Math.ceil(Y.h)), d = he(R / (r - n) * Y.h), f = z.length ? z[z.length - 1].seq : -1, p = [
 			e,
 			t,
 			n,
 			r,
 			Math.floor(i / o),
-			I.length,
+			z.length,
 			f,
-			Ne?.version ?? -1,
+			Ie?.version ?? -1,
 			l,
 			u,
 			d,
-			F
+			R
 		].join("|");
-		if (p !== je) {
-			let a = c ? [...I, c] : I;
-			H = S({
+		if (p !== Pe) {
+			let a = c ? [...z, c] : z;
+			U = D({
 				sources: a,
 				step: o,
-				tick: F,
+				tick: R,
 				x0: e,
 				x1: t,
 				y0: n,
@@ -297,35 +335,35 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 				maxWidth: l,
 				maxHeight: u,
 				rowBins: d
-			}, H), je = p, Me = "";
+			}, U), Pe = p, Fe = "";
 		}
-		if (!H) return null;
+		if (!U) return null;
 		let m = s.maxSize;
-		if (m !== void 0 && m > 0) B = m;
+		if (m !== void 0 && m > 0) H = m;
 		else {
-			let e = Ze();
-			if (e - ke > 250 || !(Oe > 0)) {
-				let t = T(H.cells, pe);
-				t > 0 && (Oe = t), ke = e;
+			let e = tt();
+			if (e - je > 250 || !(Ae > 0)) {
+				let t = A(U.cells, ce);
+				t > 0 && (Ae = t), je = e, Ce = ve(U.cells, U.version);
 			}
-			B > 0 ? Oe > 0 && Math.abs(Oe / B - 1) > .001 && (B += (Oe - B) * y(a, 700)) : B = Oe;
+			H > 0 ? Ae > 0 && Math.abs(Ae / H - 1) > .001 && (H += (Ae - H) * b(a, 700)) : H = Ae;
 		}
-		let h = Math.max(.01, s.contrast ?? 1), g = B > 0 ? x * h / B : 0;
-		return `${H.version}|${g}` !== Me && (ce(H, we, g), Me = `${H.version}|${g}`), H;
-	}, lt = () => {
-		let e = $(), t = [], n = 0, r = I.length;
+		let h = Math.max(.01, s.contrast ?? 1), g = H > 0 ? E * h / H : 0, _ = `${U.version}|${g}|${Ce?.version ?? -1}`;
+		return _ !== Fe && (xe = k(be, ye(Ce, H / h, Se)), re(U, xe, g), Fe = _), U;
+	}, mt = () => {
+		let e = $(), t = [], n = 0, r = z.length;
 		for (; n < r;) {
 			let t = n + r >>> 1;
-			I[t].time + e < G[0] ? n = t + 1 : r = t;
+			z[t].time + e < K[0] ? n = t + 1 : r = t;
 		}
-		for (let e = n; e < I.length; e++) {
-			let n = I[e];
-			if (n.time > G[1]) break;
+		for (let e = n; e < z.length; e++) {
+			let n = z[e];
+			if (n.time > K[1]) break;
 			t.push(n);
 		}
 		return t;
-	}, ut = (e, t) => {
-		let n = $(), r = Math.max(1, Math.ceil(_e / Math.max(1e-6, t))), i = [], a = NaN, o = 0, s = 0, c = {
+	}, ht = (e, t) => {
+		let n = $(), r = Math.max(1, Math.ceil(fe / Math.max(1e-6, t))), i = [], a = NaN, o = 0, s = 0, c = {
 			bv: 0,
 			bn: 0,
 			sv: 0,
@@ -348,10 +386,10 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 			u !== a && (Number.isFinite(a) && l(), a = u, o = t), s = t + n, c.bv += i.buyVolume, c.bn += i.buyNotional, c.sv += i.sellVolume, c.sn += i.sellNotional;
 		};
 		for (let t of e) u(t.seq, t.time, t);
-		return Number.isFinite(L) && L <= G[1] && u(Te, L, R), Number.isFinite(a) && l(), i;
-	}, dt = (e) => {
+		return Number.isFinite(B) && B <= K[1] && u(Ee, B, V), Number.isFinite(a) && l(), i;
+	}, gt = (e) => {
 		e.save(), e.beginPath(), e.rect(Y.x, Y.y, Y.w, Y.h), e.clip();
-	}, ft = (e, t, n, r, i) => {
+	}, _t = (e, t, n, r, i) => {
 		if (s.bestLines === !1) return;
 		let a = $(), c = t.map((e) => [
 			e.time,
@@ -359,18 +397,18 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 			e.bestBid,
 			e.bestAsk
 		]);
-		if (Number.isFinite(L) && c.push([
-			L,
-			L + a,
-			O.bestBid(),
-			O.bestAsk()
+		if (Number.isFinite(B) && c.push([
+			B,
+			B + a,
+			N.bestBid(),
+			N.bestAsk()
 		]), !c.length) return;
 		for (let e = 0; e + 1 < c.length; e++) c[e][1] = c[e + 1][0];
 		let l = i >= 2, u = (e) => {
 			let t = n(e[0]), r = n(e[1]);
 			return l ? [t, r] : [(t + r) / 2, (t + r) / 2];
 		};
-		dt(e), e.beginPath();
+		gt(e), e.beginPath();
 		let d = [], f = () => {
 			if (d.length) {
 				d.forEach((t, n) => {
@@ -388,8 +426,8 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 			let [, , t, n] = e;
 			Number.isFinite(t) && Number.isFinite(n) && n > t ? d.push(e) : f();
 		}
-		f(), e.fillStyle = o(Z.theme.text, P ? .08 : .07), e.fill(), e.lineJoin = "round";
-		for (let [t, n] of [[2, M.up], [3, M.down]]) {
+		f(), e.fillStyle = o(Z.theme.text, Te ? .08 : .07), e.fill(), e.lineJoin = "round";
+		for (let [t, n] of [[2, L.up], [3, L.down]]) {
 			e.beginPath();
 			let i = !1;
 			for (let n of c) {
@@ -401,25 +439,25 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 				let o = r(a), [s, c] = u(n);
 				i ? e.lineTo(s, o) : e.moveTo(s, o), l && e.lineTo(c, o), i = !0;
 			}
-			e.strokeStyle = o(N, .55), e.lineWidth = 3.5, e.stroke(), e.strokeStyle = o(n), e.lineWidth = 1.5, e.stroke();
+			e.strokeStyle = o(we, .55), e.lineWidth = 3.5, e.stroke(), e.strokeStyle = o(n), e.lineWidth = 1.5, e.stroke();
 		}
 		e.restore();
-	}, pt = (e, t, r, i, a) => {
+	}, vt = (e, t, r, i, a) => {
 		if (!t.length) return;
 		let c = 0;
 		for (let e of t) {
 			let t = r(e.time);
 			t >= Y.x && t <= Y.x + Y.w && (c = Math.max(c, e.volume));
 		}
-		c > 0 && (Ae = Ae > 0 ? Math.max(c, Ae * .995) : c);
-		let l = s.bubbleVolume ?? Ae;
+		c > 0 && (Me = Me > 0 ? Math.max(c, Me * .995) : c);
+		let l = s.bubbleVolume ?? Me;
 		if (!(l > 0)) return;
-		let u = Math.max(k, s.bubbleSize ?? ve), d = Math.min(k, u), f = t.map((e) => ({
+		let u = Math.max(P, s.bubbleSize ?? pe), d = Math.min(P, u), f = t.map((e) => ({
 			...e,
-			d: ee(Math.sqrt(e.volume / l) * u, d, u)
+			d: v(Math.sqrt(e.volume / l) * u, d, u)
 		})).sort((e, t) => e.d - t.d);
-		dt(e), e.lineWidth = 1, e.textAlign = "center", e.textBaseline = "middle", e.font = te(Z.theme, s, 600, Math.max(8, a - 1));
-		let p = P ? [
+		gt(e), e.lineWidth = 1, e.textAlign = "center", e.textBaseline = "middle", e.font = x(Z.theme, s, 600, Math.max(8, a - 1));
+		let p = Te ? [
 			1,
 			1,
 			1,
@@ -433,10 +471,10 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 		for (let t of f) {
 			let a = r(t.time), s = i(t.price), c = t.d / 2;
 			if (a < Y.x - c || a > Y.x + Y.w + c || s < Y.y - c || s > Y.y + Y.h + c) continue;
-			let l = t.buy ? M.up : M.down;
+			let l = t.buy ? L.up : L.down;
 			if (e.beginPath(), e.arc(a, s, Math.max(1, c - .5), 0, Math.PI * 2), e.fillStyle = o(l, .35), e.fill(), e.strokeStyle = o(n(l, p, .2), .9), e.stroke(), t.d >= 26) {
-				let n = j.compact(t.volume);
-				e.measureText(n).width <= t.d - 6 && (e.fillStyle = o(P ? [
+				let n = I.compact(t.volume);
+				e.measureText(n).width <= t.d - 6 && (e.fillStyle = o(Te ? [
 					1,
 					1,
 					1,
@@ -450,15 +488,15 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 			}
 		}
 		e.restore();
-	}, mt = (e, t) => {
-		let n = [], r = [], i = O.count(e), a = 0, o = NaN;
+	}, yt = (e, t) => {
+		let n = [], r = [], i = N.count(e), a = 0, o = NaN;
 		for (let s = 0; s < i; s++) {
-			let i = Math.round(O.priceAt(e, s) / F);
+			let i = Math.round(N.priceAt(e, s) / R);
 			if (i !== o) {
-				if (++a > Ye()) break;
+				if (++a > $e()) break;
 				o = i;
 			}
-			let c = Math.floor(i / t), l = O.sizeAt(e, s);
+			let c = Math.floor(i / t), l = N.sizeAt(e, s);
 			n.length && n[n.length - 1] === c ? r[r.length - 1] += l : (n.push(c), r.push(l));
 		}
 		return {
@@ -466,14 +504,14 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 			buckets: n,
 			sizes: r
 		};
-	}, ht = (e, t, n, r, i, a) => {
-		let c = Z.theme, [l, u] = K, d = Math.max(1, F * a / (u - l) * Y.h), f = (e) => (e * a - .5) * F, p = (e) => (e * a + a - .5) * F, m = 0, h = ["bid", "ask"].map((e) => {
-			let t = mt(e, a);
+	}, bt = (e, t, n, r, i, a) => {
+		let c = Z.theme, [l, u] = q, d = Math.max(1, R * a / (u - l) * Y.h), f = (e) => (e * a - .5) * R, p = (e) => (e * a + a - .5) * R, m = 0, h = ["bid", "ask"].map((e) => {
+			let t = yt(e, a);
 			return t.buckets.forEach((e, n) => {
 				p(e) >= l && f(e) <= u && (m = Math.max(m, t.sizes[n]));
 			}), t;
 		});
-		if ((m > V || m < V * .6 || !(V > 0)) && (V = E(m)), !(V > 0)) return;
+		if ((m > Ne || m < Ne * .6 || !(Ne > 0)) && (Ne = j(m)), !(Ne > 0)) return;
 		let g = t + 2, _ = Math.max(4, n - 6);
 		e.strokeStyle = o(c.text, .07), e.lineWidth = 1, e.setLineDash([2, 3]), e.beginPath();
 		for (let t of [.5, 1]) {
@@ -481,45 +519,45 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 			e.moveTo(n, Y.y), e.lineTo(n, Y.y + Y.h);
 		}
 		e.stroke(), e.setLineDash([]), e.save(), e.beginPath(), e.rect(t, Y.y, n, Y.h), e.clip();
-		let ee = +(d >= 4), v = (t, n) => {
-			let i = Math.round(r(p(t))), a = Math.max(i + 1, Math.round(r(f(t))) - ee), o = Math.max(1, Math.min(_, n / V * _));
+		let v = +(d >= 4), y = (t, n) => {
+			let i = Math.round(r(p(t))), a = Math.max(i + 1, Math.round(r(f(t))) - v), o = Math.max(1, Math.min(_, n / Ne * _));
 			e.rect(g, i, o, a - i);
 		};
 		for (let { side: t, buckets: n, sizes: r } of h) {
-			let i = t === "bid" ? M.up : M.down;
+			let i = t === "bid" ? L.up : L.down;
 			e.beginPath();
 			for (let e = 1; e < n.length; e++) {
 				let t = n[e];
-				p(t) >= l && f(t) <= u && v(t, r[e]);
+				p(t) >= l && f(t) <= u && y(t, r[e]);
 			}
-			e.fillStyle = o(i, P ? .62 : .55), e.fill();
+			e.fillStyle = o(i, Te ? .62 : .55), e.fill();
 			let a = n[0];
-			a !== void 0 && p(a) >= l && f(a) <= u && (e.beginPath(), v(a, r[0]), e.fillStyle = o(i), e.fill());
+			a !== void 0 && p(a) >= l && f(a) <= u && (e.beginPath(), y(a, r[0]), e.fillStyle = o(i), e.fill());
 		}
 		e.restore();
-		let y = Math.round(Y.y + Y.h + 4) + .5;
-		e.strokeStyle = o(c.textMuted, .7), e.beginPath(), e.moveTo(g, y), e.lineTo(g + _, y);
+		let b = Math.round(Y.y + Y.h + 4) + .5;
+		e.strokeStyle = o(c.textMuted, .7), e.beginPath(), e.moveTo(g, b), e.lineTo(g + _, b);
 		for (let t of [
 			0,
 			.5,
 			1
 		]) {
 			let n = Math.round(g + _ * t) + .5;
-			e.moveTo(n, y), e.lineTo(n, y + 3);
+			e.moveTo(n, b), e.lineTo(n, b + 3);
 		}
-		e.stroke(), e.font = te(c, s, 400, Math.max(8, i - 1)), e.fillStyle = o(c.textMuted), e.textBaseline = "top";
-		let ne = j.compact(V), re = e.measureText(ne).width;
-		e.textAlign = "right", e.fillText(ne, g + _ + 2, y + 4), re + e.measureText("0").width + 8 < _ && (e.textAlign = "left", e.fillText("0", g - 1, y + 4));
-	}, gt = (e) => {
-		if (!He || s.tooltip === !1 || !(F > 0) || X || !ze) return null;
-		let [t, n] = He;
+		e.stroke(), e.font = x(c, s, 400, Math.max(8, i - 1)), e.fillStyle = o(c.textMuted), e.textBaseline = "top";
+		let ee = I.compact(Ne), te = e.measureText(ee).width;
+		e.textAlign = "right", e.fillText(ee, g + _ + 2, b + 4), te + e.measureText("0").width + 8 < _ && (e.textAlign = "left", e.fillText("0", g - 1, b + 4));
+	}, xt = (e) => {
+		if (!Ke || s.tooltip === !1 || !(R > 0) || X || !He) return null;
+		let [t, n] = Ke;
 		if (t < Y.x || t > Y.x + Y.w || n < Y.y || n > Y.y + Y.h) return null;
-		let [r, i] = G, [a, o] = K, c = r + (t - Y.x) / Y.w * (i - r), l = a + (Y.y + Y.h - n) / Y.h * (o - a), u = Math.floor(Math.round(l / F) / e), d = Math.min(12, p(F) + 2), f = +(u * e * F).toFixed(d), m = +((u * e + e - 1) * F).toFixed(d), h = +((f + m) / 2).toFixed(d), g = ot(c);
+		let [r, i] = K, [a, o] = q, c = r + (t - Y.x) / Y.w * (i - r), l = a + (Y.y + Y.h - n) / Y.h * (o - a), u = Math.floor(Math.round(l / R) / e), d = Math.min(12, p(R) + 2), f = +(u * e * R).toFixed(d), m = +((u * e + e - 1) * R).toFixed(d), h = +((f + m) / 2).toFixed(d), g = dt(c);
 		return {
 			hx: t,
 			hy: n,
 			time: c,
-			start: g ? g.time : Number.isFinite(L) && c >= L ? L : NaN,
+			start: g ? g.time : Number.isFinite(B) && c >= B ? B : NaN,
 			column: g,
 			bucket: u,
 			ry: e,
@@ -527,177 +565,201 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 			high: m,
 			rowPrice: h
 		};
-	}, _t = (e, n, r, i, a, s, c, l = "left") => {
+	}, St = (e, n, r, i, a, s, c, l = "left") => {
 		let u = Math.min(e.measureText(n).width + 10, a), d = l === "center" ? r - u / 2 : r;
-		e.fillStyle = o(c ? s : N), re(e, d, i - ge / 2, u, ge, 3), e.fill(), c || (e.strokeStyle = o(s), e.lineWidth = 1, e.stroke()), e.fillStyle = c ? t(s) > .6 ? "#111" : "#fff" : o(s), e.textAlign = l, e.textBaseline = "middle", e.fillText(n, l === "center" ? r : d + 5, i + .5);
+		e.fillStyle = o(c ? s : we), te(e, d, i - de / 2, u, de, 3), e.fill(), c || (e.strokeStyle = o(s), e.lineWidth = 1, e.stroke()), e.fillStyle = c ? t(s) > .6 ? "#111" : "#fff" : o(s), e.textAlign = l, e.textBaseline = "middle", e.fillText(n, l === "center" ? r : d + 5, i + .5);
+	}, Ct = (e) => `rgb(${e & 255}, ${e >>> 8 & 255}, ${e >>> 16 & 255})`, wt = (e, t) => {
+		if (Y.w < 200 || Y.h < 96) return;
+		let n = Z.theme, r = Xe(), i = s.sizeUnit?.trim(), a = i ? `${r.liquidity} · ${i}` : r.liquidity, c = x(n, s, 600, t - 1), l = x(n, s, 400, t - 1), u = t - 2, d = H > 0 ? I.size(H) : "–";
+		e.font = c;
+		let f = e.measureText(a).width;
+		e.font = x(n, s, 400, u);
+		let p = e.measureText("0").width, m = e.measureText(d).width;
+		e.font = l;
+		let h = e.measureText(r.bubbleHint).width, g = u + 10, _ = Math.max(76, f, h + g) + 14, v = t - 1, y = 14 + v + 3 + 7 + 2 + u + 6 + v, b = Y.x + 8, ee = Y.y + 8;
+		if (b + _ > Y.x + Y.w - 8) return;
+		e.fillStyle = o(n.background, Te ? .82 : .88), e.strokeStyle = o(n.axis, .6), e.lineWidth = 1, te(e, b + .5, ee + .5, _, y, 6), e.fill(), e.stroke();
+		let S = b + 7;
+		e.textAlign = "left", e.textBaseline = "middle", e.font = c, e.fillStyle = o(n.textMuted), e.fillText(a, S, ee + 7 + v / 2);
+		let ne = ee + 7 + v + 3, C = e.createLinearGradient(S, ne, S + 76, ne);
+		for (let e = 0; e <= 8; e++) {
+			let t = e / 8, n = be[Math.round(t * (be.length - 1))] ?? 0;
+			C.addColorStop(t, Ct(n));
+		}
+		e.fillStyle = C, te(e, S, ne, 76, 7, 2), e.fill(), e.font = x(n, s, 400, u), e.fillStyle = o(n.textMuted);
+		let w = ne + 7 + 2 + u / 2;
+		e.fillText("0", S, w), e.textAlign = "right", e.fillText(d, S + Math.max(76, m + p), w), e.textAlign = "left";
+		let T = w + u / 2 + 6 + v / 2, E = u / 2;
+		for (let [t, n] of [L.up, L.down].entries()) e.fillStyle = o(n, .9), e.beginPath(), e.arc(S + E + t * (u + 4), T, E, 0, Math.PI * 2), e.fill();
+		e.font = l, e.fillStyle = o(n.textMuted), e.fillText(r.bubbleHint, S + g, T);
 	};
-	function vt(e) {
+	function Tt(e) {
 		let t = Z.ctx;
 		if (!t) return !1;
-		let { width: n, height: r, dpr: i, theme: a } = Z, c = Ve ? e - Ve : 0;
-		Ve = e;
-		let u = Ke(), f = s.fontSize ?? (n < 420 ? 10 : 11), p = te(a, s, 400, f), m = te(a, s, 600, f), h = $(), g = !Number.isFinite(z);
-		g && O.count("bid") + O.count("ask") > 0 && it(Date.now());
-		let _ = Xe();
-		Be = Number.isFinite(Be) && _ > Be - h * 4 ? Math.max(Be, _) : _;
-		let v = Be;
-		t.setTransform(i, 0, 0, i, 0, 0), t.clearRect(0, 0, n, r), tt();
-		let re = O.mid();
+		let { width: n, height: r, dpr: i, theme: a } = Z, c = Ge ? e - Ge : 0;
+		Ge = e;
+		let u = Xe(), f = s.fontSize ?? (n < 420 ? 10 : 11), p = x(a, s, 400, f), m = x(a, s, 600, f), h = $(), g = !Number.isFinite(Oe);
+		g && N.count("bid") + N.count("ask") > 0 && lt(Date.now());
+		let _ = et();
+		We = Number.isFinite(We) && _ > We - h * 4 ? Math.max(We, _) : _;
+		let y = We;
+		t.setTransform(i, 0, 0, i, 0, 0), t.clearRect(0, 0, n, r), ot();
+		let te = N.mid();
 		t.font = m;
-		let ie = j.price(Number.isFinite(re) ? re * 1.0001 : 0), ae = Math.ceil(t.measureText(ie).width) + 18;
+		let S = I.price(Number.isFinite(te) ? te * 1.0001 : 0), ne = Math.ceil(t.measureText(S).width) + 18;
 		t.font = p;
-		let b = s.profile === !1 ? 0 : Math.round(ee(n * .12, 56, 120)), oe = f + 12;
+		let C = s.profile === !1 ? 0 : Math.round(v(n * .12, 56, 120)), w = f + 12;
 		Y = {
 			x: 0,
 			y: 0,
-			w: Math.max(10, n - ae - b),
-			h: Math.max(10, r - oe)
+			w: Math.max(10, n - ne - C),
+			h: Math.max(10, r - w)
 		};
-		let se = Y.x + Y.w, x = se + b;
-		if (Number.isFinite(W) || (W = Math.max(h * 10, s.window ?? 6e4)), Re) {
-			let e = I.length ? I[0].time : L;
-			G = ue(e, v, W, Math.min(W, h * 60));
-			let t = O.bestBid(), n = O.bestAsk();
-			for (let e of lt()) Number.isFinite(e.bestBid) && !(e.bestBid >= t) && (t = e.bestBid), Number.isFinite(e.bestAsk) && !(e.bestAsk <= n) && (n = e.bestAsk);
+		let T = Y.x + Y.w, E = T + C;
+		if (Number.isFinite(G) || (G = Math.max(h * 10, s.window ?? 6e4)), Ve) {
+			let e = z.length ? z[0].time : B;
+			K = ae(e, y, G, Math.min(G, h * 60));
+			let t = N.bestBid(), n = N.bestAsk();
+			for (let e of mt()) Number.isFinite(e.bestBid) && !(e.bestBid >= t) && (t = e.bestBid), Number.isFinite(e.bestAsk) && !(e.bestAsk <= n) && (n = e.bestAsk);
 			Number.isFinite(t) || (t = n), Number.isFinite(n) || (n = t);
-			let r = F > 0 ? F * Math.max(40, Y.h / 6) : 0, i = s.priceSpan ?? (Number.isFinite(J) ? J : void 0);
+			let r = R > 0 ? R * Math.max(40, Y.h / 6) : 0, i = s.priceSpan ?? (Number.isFinite(Ue) ? Ue : void 0);
 			if (r > 0 || i !== void 0) {
-				q = le(q, t, n, r, i);
-				let [e, a] = q;
+				J = ie(J, t, n, r, i);
+				let [e, a] = J;
 				if (Number.isFinite(e) && Number.isFinite(a)) {
-					if (!ze) K = [e, a], ze = !0;
+					if (!He) q = [e, a], He = !0;
 					else {
-						let t = y(c, 280);
-						K = [K[0] + (e - K[0]) * t, K[1] + (a - K[1]) * t];
+						let t = b(c, 280);
+						q = [q[0] + (e - q[0]) * t, q[1] + (a - q[1]) * t];
 					}
 				}
 			}
 		}
-		let [S, C] = G, [w, ce] = K, T = (e) => Y.x + (e - S) / (C - S) * Y.w, E = (e) => Y.y + Y.h - (e - w) / (ce - w) * Y.h, D = ze && F > 0, fe = lt(), pe = h / (C - S) * Y.w, me = D ? be(F / (ce - w) * Y.h) : 1, he = o(N);
-		if (U) {
-			let e = U.canvas;
+		let [D, O] = K, [k, re] = q, A = (e) => Y.x + (e - D) / (O - D) * Y.w, j = (e) => Y.y + Y.h - (e - k) / (re - k) * Y.h, M = He && R > 0, se = mt(), ce = h / (O - D) * Y.w, le = M ? he(R / (re - k) * Y.h) : 1, ue = o(we);
+		if (W) {
+			let e = W.canvas;
 			e.style.left = `${Y.x}px`, e.style.top = `${Y.y}px`, e.style.width = `${Y.w}px`, e.style.height = `${Y.h}px`;
 			let t = Math.max(1, Math.round(Y.w * i)), n = Math.max(1, Math.round(Y.h * i));
-			(e.width !== t || e.height !== n) && U.resize(t, n);
-			let r = D && Number.isFinite(L) ? ct(S, C, w, ce, v, c) : null;
-			r && (me = r.rowBins);
+			(e.width !== t || e.height !== n) && W.resize(t, n);
+			let r = M && Number.isFinite(B) ? pt(D, O, k, re, y, c) : null;
+			r && (le = r.rowBins);
 			let a = t / Y.w, o = n / Y.h, s = r ? [
-				(T(r.t0) - Y.x) * a,
-				(E(r.p1) - Y.y) * o,
-				(T(r.t1) - Y.x) * a,
-				(E(r.p0) - Y.y) * o
+				(A(r.t0) - Y.x) * a,
+				(j(r.p1) - Y.y) * o,
+				(A(r.t1) - Y.x) * a,
+				(j(r.p0) - Y.y) * o
 			] : [
 				0,
 				0,
 				0,
 				0
 			];
-			U.render(r, s, N);
-		} else t.fillStyle = he, t.fillRect(Y.x, Y.y, Y.w, Y.h);
-		let _e = D ? l(w, ce, Math.max(2, Math.floor(Y.h / 44))) : [], ve = d(S, C, Math.max(2, Math.floor(Y.w / 75)), void 0, s.timeZone ?? "local");
+			W.render(r, s, we);
+		} else t.fillStyle = ue, t.fillRect(Y.x, Y.y, Y.w, Y.h);
+		let fe = M ? l(k, re, Math.max(2, Math.floor(Y.h / 44))) : [], pe = d(D, O, Math.max(2, Math.floor(Y.w / 75)), void 0, s.timeZone ?? "local");
 		t.strokeStyle = o(a.axis), t.lineWidth = 1, t.beginPath();
-		for (let e of _e) {
-			let n = Math.round(E(e)) + .5;
-			t.moveTo(x, n), t.lineTo(x + 4, n);
+		for (let e of fe) {
+			let n = Math.round(j(e)) + .5;
+			t.moveTo(E, n), t.lineTo(E + 4, n);
 		}
-		for (let e of ve.values) {
-			let n = Math.round(T(e)) + .5;
-			n <= Y.x + 1 || n >= se - 1 || (t.moveTo(n, Y.y + Y.h), t.lineTo(n, Y.y + Y.h + 4));
+		for (let e of pe.values) {
+			let n = Math.round(A(e)) + .5;
+			n <= Y.x + 1 || n >= T - 1 || (t.moveTo(n, Y.y + Y.h), t.lineTo(n, Y.y + Y.h + 4));
 		}
-		t.stroke(), D && (s.bubbles !== !1 && pt(t, ut(fe, pe), T, E, f), ft(t, fe, T, E, pe), b && ht(t, se, b, E, f, me)), t.strokeStyle = o(a.axis), t.lineWidth = 1, t.beginPath(), t.moveTo(0, Math.round(Y.y + Y.h) + .5), t.lineTo(n, Math.round(Y.y + Y.h) + .5), b && (t.moveTo(Math.round(se) + .5, Y.y), t.lineTo(Math.round(se) + .5, Y.y + Y.h)), t.moveTo(Math.round(x) + .5, Y.y), t.lineTo(Math.round(x) + .5, Y.y + Y.h), t.stroke();
-		let k = D ? gt(me) : null;
+		t.stroke(), M && (s.bubbles !== !1 && vt(t, ht(se, ce), A, j, f), _t(t, se, A, j, ce), C && bt(t, T, C, j, f, le)), t.strokeStyle = o(a.axis), t.lineWidth = 1, t.beginPath(), t.moveTo(0, Math.round(Y.y + Y.h) + .5), t.lineTo(n, Math.round(Y.y + Y.h) + .5), C && (t.moveTo(Math.round(T) + .5, Y.y), t.lineTo(Math.round(T) + .5, Y.y + Y.h)), t.moveTo(Math.round(E) + .5, Y.y), t.lineTo(Math.round(E) + .5, Y.y + Y.h), t.stroke(), s.legend !== !1 && wt(t, f);
+		let P = M ? xt(le) : null;
 		t.font = p;
-		let ye = k ? ne(Number.isFinite(k.start) ? k.start : k.time, h < 1e3, s.timeZone) : "", xe = k ? t.measureText(ye).width / 2 + 8 : 0;
+		let me = P ? ee(Number.isFinite(P.start) ? P.start : P.time, h < 1e3, s.timeZone) : "", ge = P ? t.measureText(me).width / 2 + 8 : 0;
 		t.fillStyle = o(a.textMuted), t.textAlign = "center", t.textBaseline = "top";
-		for (let e of ve.values) {
-			let n = T(e), r = ve.format(e), i = t.measureText(r).width / 2;
-			n - i < Y.x + 2 || n + i > se - 2 || k && Math.abs(n - k.hx) < xe + i || t.fillText(r, n, Y.y + Y.h + 6);
+		for (let e of pe.values) {
+			let n = A(e), r = pe.format(e), i = t.measureText(r).width / 2;
+			n - i < Y.x + 2 || n + i > T - 2 || P && Math.abs(n - P.hx) < ge + i || t.fillText(r, n, Y.y + Y.h + 6);
 		}
-		let Se = Ee, A = [{
-			price: O.bestAsk(),
-			color: M.down,
+		let _e = De, F = [{
+			price: N.bestAsk(),
+			color: L.down,
 			filled: !0
 		}, {
-			price: O.bestBid(),
-			color: M.up,
+			price: N.bestBid(),
+			color: L.up,
 			filled: !0
 		}];
-		Se && Se.price !== O.bestBid() && Se.price !== O.bestAsk() && A.push({
-			price: Se.price,
-			color: Se.side === "buy" ? M.up : M.down,
+		_e && _e.price !== N.bestBid() && _e.price !== N.bestAsk() && F.push({
+			price: _e.price,
+			color: _e.side === "buy" ? L.up : L.down,
 			filled: !1
 		});
-		let Ce = D ? A.filter((e) => Number.isFinite(e.price) && e.price >= w && e.price <= ce) : [], we = k ? Math.round(E(k.rowPrice)) + .5 : NaN, P = de(Ce.map((e) => ({
-			y: E(e.price),
-			h: ge
-		})), k ? {
-			y: we,
-			h: ge
-		} : null, _e.map(E), f + 2, [Y.y, Y.y + Y.h]);
-		t.fillStyle = o(a.textMuted), t.textAlign = "left", t.textBaseline = "middle", _e.forEach((e, n) => {
-			P.ticks[n] && t.fillText(j.price(e), x + 6, E(e));
-		}), t.font = m, Ce.forEach((e, r) => {
-			let i = P.pinned[r];
+		let ve = M ? F.filter((e) => Number.isFinite(e.price) && e.price >= k && e.price <= re) : [], ye = P ? Math.round(j(P.rowPrice)) + .5 : NaN, be = oe(ve.map((e) => ({
+			y: j(e.price),
+			h: de
+		})), P ? {
+			y: ye,
+			h: de
+		} : null, fe.map(j), f + 2, [Y.y, Y.y + Y.h]);
+		t.fillStyle = o(a.textMuted), t.textAlign = "left", t.textBaseline = "middle", fe.forEach((e, n) => {
+			be.ticks[n] && t.fillText(I.price(e), E + 6, j(e));
+		}), t.font = m, ve.forEach((e, r) => {
+			let i = be.pinned[r];
 			if (i == null) return;
-			let a = E(e.price);
-			Math.abs(i - a) > 1 && (t.strokeStyle = o(e.color), t.lineWidth = 1, t.beginPath(), t.moveTo(x - 4, a), t.lineTo(x + 1, i), t.stroke()), _t(t, j.price(e.price), x + 1, i, n - x - 2, e.color, e.filled);
-		}), yt(t, T, E, x, u, k, we, ye), t.font = p, Z.describe(`${s.ariaLabel ?? u.name}. ${u.bid} ${j.price(O.bestBid())}, ${u.ask} ${j.price(O.bestAsk())}.`);
-		let Te = g || Ze() - De < 2e3;
-		return Re && Te && Number.isFinite(L) || ze && q !== null && Math.abs(K[0] - q[0]) > 1e-9;
+			let a = j(e.price);
+			Math.abs(i - a) > 1 && (t.strokeStyle = o(e.color), t.lineWidth = 1, t.beginPath(), t.moveTo(E - 4, a), t.lineTo(E + 1, i), t.stroke()), St(t, I.price(e.price), E + 1, i, n - E - 2, e.color, e.filled);
+		}), Et(t, A, j, E, u, P, ye, me), t.font = p, Z.describe(`${s.ariaLabel ?? u.name}. ${u.bid} ${I.price(N.bestBid())}, ${u.ask} ${I.price(N.bestAsk())}.`);
+		let xe = g || tt() - ke < 2e3;
+		return Ve && xe && Number.isFinite(B) || He && J !== null && Math.abs(q[0] - J[0]) > 1e-9;
 	}
-	function yt(e, t, n, r, i, a, c, l) {
+	function Et(e, t, n, r, i, a, c, l) {
 		let { theme: u } = Z;
 		if (!a) {
-			Z.tooltip.style.display = "none", Ue && (Ue = "", A.emit("hover", null));
+			Z.tooltip.style.display = "none", qe && (qe = "", F.emit("hover", null));
 			return;
 		}
-		let { hx: d, hy: f, time: p, start: m, column: h, bucket: g, ry: _, low: v, high: y, rowPrice: re } = a, ie = (e) => Math.floor(e / _) === g, ae = $(), b = 0, oe = NaN, x = NaN, S = 0, C = 0;
+		let { hx: d, hy: f, time: p, start: m, column: h, bucket: g, ry: _, low: y, high: b, rowPrice: te } = a, S = (e) => Math.floor(e / _) === g, ne = $(), C = 0, w = NaN, E = NaN, D = 0, O = 0;
 		if (h) {
-			for (let e = 0; e < h.bins.length; e++) ie(h.bins[e]) && (b += h.sizes[e]);
-			({bestBid: oe, bestAsk: x, buyVolume: S, sellVolume: C} = h);
+			for (let e = 0; e < h.bins.length; e++) S(h.bins[e]) && (C += h.sizes[e]);
+			({bestBid: w, bestAsk: E, buyVolume: D, sellVolume: O} = h);
 		} else if (Number.isFinite(m)) {
-			let e = st();
-			if (e) for (let t = 0; t < e.bins.length; t++) ie(e.bins[t]) && (b += e.sizes[t]);
-			oe = O.bestBid(), x = O.bestAsk(), S = R.buyVolume, C = R.sellVolume;
+			let e = ft();
+			if (e) for (let t = 0; t < e.bins.length; t++) S(e.bins[t]) && (C += e.sizes[t]);
+			w = N.bestBid(), E = N.bestAsk(), D = V.buyVolume, O = V.sellVolume;
 		}
-		let w = y <= oe ? "bid" : v >= x ? "ask" : null;
+		let k = b <= w ? "bid" : y >= E ? "ask" : null;
 		if (e.strokeStyle = o(u.text, .5), e.lineWidth = 1, e.setLineDash([3, 3]), e.beginPath(), e.moveTo(Math.round(d) + .5, Y.y), e.lineTo(Math.round(d) + .5, Y.y + Y.h), e.moveTo(Y.x, c), e.lineTo(r, c), e.stroke(), e.setLineDash([]), Number.isFinite(m)) {
-			let r = t(m), i = t(m + ae), a = n((g * _ + _ - .5) * F), s = n((g * _ - .5) * F);
+			let r = t(m), i = t(m + ne), a = n((g * _ + _ - .5) * R), s = n((g * _ - .5) * R);
 			e.strokeStyle = o(u.text, .85), e.strokeRect(r, a, Math.max(2, i - r), Math.max(2, s - a));
 		}
-		e.font = te(u, s, 600, s.fontSize ?? (Z.width < 420 ? 10 : 11)), _t(e, j.price(re), r + 1, c, Z.width - r - 2, u.text, !0), _t(e, l, ee(d, Y.x + 40, Y.x + Y.w - 40), Y.y + Y.h + ge / 2 + 2, Y.w, u.text, !0, "center");
-		let ce = w === "bid" ? M.up : w === "ask" ? M.down : null;
-		se(We, Z.tooltip, {
-			text: ne(Number.isFinite(m) ? m : p, !0, s.timeZone),
+		e.font = x(u, s, 600, s.fontSize ?? (Z.width < 420 ? 10 : 11)), St(e, I.price(te), r + 1, c, Z.width - r - 2, u.text, !0), St(e, l, v(d, Y.x + 40, Y.x + Y.w - 40), Y.y + Y.h + de / 2 + 2, Y.w, u.text, !0, "center");
+		let re = k === "bid" ? L.up : k === "ask" ? L.down : null;
+		T(Je, Z.tooltip, {
+			text: ee(Number.isFinite(m) ? m : p, !0, s.timeZone),
 			color: void 0,
-			badge: w && ce ? {
-				text: w === "bid" ? i.bidSide : i.askSide,
-				color: o(ce)
+			badge: k && re ? {
+				text: k === "bid" ? i.bidSide : i.askSide,
+				color: o(re)
 			} : void 0
 		}, [
-			[i.price, _ > 1 ? `${j.price(v)} – ${j.price(y)}` : j.price(re)],
-			[i.liquidity, j.size(b)],
-			[i.buys, j.size(S)],
-			[i.sells, j.size(C)]
+			[i.price, _ > 1 ? `${I.price(y)} – ${I.price(b)}` : I.price(te)],
+			[i.liquidity, it(I.size(C))],
+			[i.buys, it(I.size(D))],
+			[i.sells, it(I.size(O))]
 		]), Z.tooltip.style.display = "block", Z.placeTooltip(Z.tooltip, d, f, d > Y.w * .6 ? "left" : "right");
-		let T = `${m}|${g}|${_}|${b}|${S}|${C}`;
-		if (T !== Ue) {
-			Ue = T;
+		let A = `${m}|${g}|${_}|${C}|${D}|${O}`;
+		if (A !== qe) {
+			qe = A;
 			let e = {
 				time: Number.isFinite(m) ? m : p,
-				price: v,
-				priceHigh: y,
-				size: b,
-				side: w,
-				buyVolume: S,
-				sellVolume: C
+				price: y,
+				priceHigh: b,
+				size: C,
+				side: k,
+				buyVolume: D,
+				sellVolume: O
 			};
-			A.emit("hover", e);
+			F.emit("hover", e);
 		}
 	}
-	let bt = async (e = /* @__PURE__ */ new Set()) => {
-		let t = ++Pe, n = await C(s.renderer ?? "auto", () => {
-			let e = We.createElement("canvas");
+	let Dt = async (e = /* @__PURE__ */ new Set()) => {
+		let t = ++Le, n = await O(s.renderer ?? "auto", () => {
+			let e = Je.createElement("canvas");
 			return Object.assign(e.style, {
 				position: "absolute",
 				left: "0",
@@ -705,151 +767,151 @@ var D = 256, fe = 4096, pe = .99, O = 2, me = [
 				pointerEvents: "none"
 			}), e.setAttribute("aria-hidden", "true"), e;
 		}, (t) => {
-			Fe || U?.kind !== t || (U.destroy(), U.canvas.remove(), U = null, bt(/* @__PURE__ */ new Set([...e, t])));
+			Re || W?.kind !== t || (W.destroy(), W.canvas.remove(), W = null, Dt(/* @__PURE__ */ new Set([...e, t])));
 		}, e);
-		if (Fe || t !== Pe) {
+		if (Re || t !== Le) {
 			n?.destroy();
 			return;
 		}
-		U && (U.destroy(), U.canvas.remove()), U = n, n ? (Q.dataset.renderer = n.kind, Q.insertBefore(n.canvas, Z.canvas), A.emit("renderer", n.kind)) : delete Q.dataset.renderer, Ie(n?.kind ?? null), Z.invalidate();
-	}, xt = u(() => s.renderer, () => void bt()), St = (e) => {
-		Re !== e && (Re = e, A.emit("follow", e));
-	}, Ct = (e) => {
-		let t = I.length ? I[0].time : L;
+		W && (W.destroy(), W.canvas.remove()), W = n, n ? (Q.dataset.renderer = n.kind, Q.insertBefore(n.canvas, Z.canvas), F.emit("renderer", n.kind)) : delete Q.dataset.renderer, ze(n?.kind ?? null), Z.invalidate();
+	}, Ot = u(() => s.renderer, () => void Dt()), kt = (e) => {
+		Ve !== e && (Ve = e, F.emit("follow", e));
+	}, At = (e) => {
+		let t = z.length ? z[0].time : B;
 		if (!Number.isFinite(t)) return e;
-		let n = e[1] - e[0], r = (Number.isFinite(Be) ? Be : Xe()) + $() + n / 2, i = Math.max(t - n / 2, Math.min(e[0], r - n));
+		let n = e[1] - e[0], r = (Number.isFinite(We) ? We : et()) + $() + n / 2, i = Math.max(t - n / 2, Math.min(e[0], r - n));
 		return [i, i + n];
-	}, wt = (e) => {
+	}, jt = (e) => {
 		if (s.interactive === !1) return;
-		let [t, n] = oe(Q, e);
+		let [t, n] = w(Q, e);
 		Q.setPointerCapture?.(e.pointerId), X = {
 			x: t,
 			y: n,
-			viewX: [...G],
-			viewY: [...K],
+			viewX: [...K],
+			viewY: [...q],
 			axis: t > Y.x + Y.w,
-			span: K[1] - K[0]
+			span: q[1] - q[0]
 		};
-	}, Tt = (e) => {
-		let [t, n] = oe(Q, e);
-		if (He = [t, n], X) {
+	}, Mt = (e) => {
+		let [t, n] = w(Q, e);
+		if (Ke = [t, n], X) {
 			let e = t - X.x, r = n - X.y;
 			if (X.axis) {
 				let e = X.span * Math.exp(r * .006), t = (X.viewY[0] + X.viewY[1]) / 2;
-				J = e, K = [t - e / 2, t + e / 2], q = [K[0], K[1]];
+				Ue = e, q = [t - e / 2, t + e / 2], J = [q[0], q[1]];
 			} else if (Math.abs(e) + Math.abs(r) > 3) {
-				St(!1);
+				kt(!1);
 				let t = (X.viewX[1] - X.viewX[0]) / Y.w * e, n = (X.viewY[1] - X.viewY[0]) / Y.h * r;
-				G = Ct([X.viewX[0] - t, X.viewX[1] - t]), K = [X.viewY[0] + n, X.viewY[1] + n];
+				K = At([X.viewX[0] - t, X.viewX[1] - t]), q = [X.viewY[0] + n, X.viewY[1] + n];
 			}
 		}
 		Z.invalidate();
-	}, Et = (e) => {
+	}, Nt = (e) => {
 		Q.releasePointerCapture?.(e.pointerId), X = null, Z.invalidate();
-	}, Dt = () => {
-		X || (He = null, Z.invalidate());
-	}, Ot = (e, t) => {
-		let [n, r] = G, i = ee((Re ? W : r - n) * e, $() * 10, Je());
-		if (W = i, !Re) {
+	}, Pt = () => {
+		X || (Ke = null, Z.invalidate());
+	}, Ft = (e, t) => {
+		let [n, r] = K, i = v((Ve ? G : r - n) * e, $() * 10, Qe());
+		if (G = i, !Ve) {
 			let e = n + (t - Y.x) / Y.w * (r - n), a = (e - n) / (r - n);
-			G = Ct([e - i * a, e + i * (1 - a)]);
+			K = At([e - i * a, e + i * (1 - a)]);
 		}
 		Z.invalidate();
-	}, kt = (e) => {
-		let t = ee((K[1] - K[0]) * e, F * 6 || 1e-9, Infinity), n = (K[0] + K[1]) / 2;
-		J = t, K = [n - t / 2, n + t / 2], q = [K[0], K[1]], Z.invalidate();
-	}, At = (e) => {
+	}, It = (e) => {
+		let t = v((q[1] - q[0]) * e, R * 6 || 1e-9, Infinity), n = (q[0] + q[1]) / 2;
+		Ue = t, q = [n - t / 2, n + t / 2], J = [q[0], q[1]], Z.invalidate();
+	}, Lt = (e) => {
 		if (s.interactive === !1 || !(e.ctrlKey || e.metaKey)) return;
 		e.preventDefault();
-		let [t] = oe(Q, e), n = Math.exp(e.deltaY * .002);
-		e.shiftKey || t > Y.x + Y.w ? kt(n) : Ot(n, t);
-	}, jt = () => {
-		s.interactive !== !1 && Pt.resetView();
-	}, Mt = (e) => {
+		let [t] = w(Q, e), n = Math.exp(e.deltaY * .002);
+		e.shiftKey || t > Y.x + Y.w ? It(n) : Ft(n, t);
+	}, Rt = () => {
+		s.interactive !== !1 && Vt.resetView();
+	}, zt = (e) => {
 		if (s.interactive !== !1) {
 			switch (e.key) {
 				case "+":
 				case "=":
-					Ot(.8, Y.x + Y.w);
+					Ft(.8, Y.x + Y.w);
 					break;
 				case "-":
-					Ot(1.25, Y.x + Y.w);
+					Ft(1.25, Y.x + Y.w);
 					break;
 				case "ArrowUp":
 				case "ArrowDown": {
 					if (e.shiftKey) {
-						kt(e.key === "ArrowUp" ? .8 : 1.25);
+						It(e.key === "ArrowUp" ? .8 : 1.25);
 						break;
 					}
-					St(!1);
-					let t = (K[1] - K[0]) * .1 * (e.key === "ArrowUp" ? 1 : -1);
-					K = [K[0] + t, K[1] + t], Z.invalidate();
+					kt(!1);
+					let t = (q[1] - q[0]) * .1 * (e.key === "ArrowUp" ? 1 : -1);
+					q = [q[0] + t, q[1] + t], Z.invalidate();
 					break;
 				}
 				case "ArrowLeft":
 				case "ArrowRight": {
-					St(!1);
-					let t = (G[1] - G[0]) * .1 * (e.key === "ArrowLeft" ? -1 : 1);
-					G = Ct([G[0] + t, G[1] + t]), Z.invalidate();
+					kt(!1);
+					let t = (K[1] - K[0]) * .1 * (e.key === "ArrowLeft" ? -1 : 1);
+					K = At([K[0] + t, K[1] + t]), Z.invalidate();
 					break;
 				}
 				case "0":
 				case "Home":
-					Pt.resetView();
+					Vt.resetView();
 					break;
 				default: return;
 			}
 			e.preventDefault();
 		}
 	};
-	Q.addEventListener("pointerdown", wt), Q.addEventListener("pointermove", Tt), Q.addEventListener("pointerup", Et), Q.addEventListener("pointercancel", Et), Q.addEventListener("pointerleave", Dt), Q.addEventListener("wheel", At, { passive: !1 }), Q.addEventListener("dblclick", jt), Q.addEventListener("keydown", Mt);
-	let Nt = (e) => {
-		let t = at(e.time);
-		O.count("bid") + O.count("ask") > 0 && (tt(), it(t)), O.applyDelta(e);
-	}, Pt = {
+	Q.addEventListener("pointerdown", jt), Q.addEventListener("pointermove", Mt), Q.addEventListener("pointerup", Nt), Q.addEventListener("pointercancel", Nt), Q.addEventListener("pointerleave", Pt), Q.addEventListener("wheel", Lt, { passive: !1 }), Q.addEventListener("dblclick", Rt), Q.addEventListener("keydown", zt);
+	let Bt = (e) => {
+		let t = ut(e.time);
+		N.count("bid") + N.count("ask") > 0 && (ot(), lt(t)), N.applyDelta(e);
+	}, Vt = {
 		setBook(e) {
-			let t = at(e.time);
-			O.count("bid") + O.count("ask") > 0 && it(t), O.setSnapshot(e), tt(), $e(), Number.isFinite(L) || it(t), Z.invalidate();
+			let t = ut(e.time);
+			N.count("bid") + N.count("ask") > 0 && lt(t), N.setSnapshot(e), ot(), rt(), Number.isFinite(B) || lt(t), Z.invalidate();
 		},
 		applyDeltas(e) {
-			if (Array.isArray(e)) for (let t of e) Nt(t);
-			else Nt(e);
-			!Number.isFinite(L) && F > 0 && it(Xe()), Z.invalidate();
+			if (Array.isArray(e)) for (let t of e) Bt(t);
+			else Bt(e);
+			!Number.isFinite(B) && R > 0 && lt(et()), Z.invalidate();
 		},
 		addTrades(e) {
 			let t = Array.isArray(e) ? e : [e];
 			for (let e of t) {
 				if (!(e.size > 0) || !Number.isFinite(e.price)) continue;
-				Number.isFinite(z) && (at(e.time), it(e.time));
-				let t = !Number.isFinite(L) || e.time >= L ? R : ot(e.time);
-				t && (e.side === "buy" ? (t.buyVolume += e.size, t.buyNotional += e.size * e.price) : (t.sellVolume += e.size, t.sellNotional += e.size * e.price)), (!Ee || e.time >= Ee.time) && (Ee = e);
+				Number.isFinite(Oe) && (ut(e.time), lt(e.time));
+				let t = !Number.isFinite(B) || e.time >= B ? V : dt(e.time);
+				t && (e.side === "buy" ? (t.buyVolume += e.size, t.buyNotional += e.size * e.price) : (t.sellVolume += e.size, t.sellNotional += e.size * e.price)), (!De || e.time >= De.time) && (De = e);
 			}
 			Z.invalidate();
 		},
 		clear() {
-			O.clear(), et(), Ee = null, z = NaN, F = 0, J = NaN, q = null, ze = !1, Z.invalidate();
+			N.clear(), at(), De = null, Oe = NaN, R = 0, Ue = NaN, J = null, He = !1, Z.invalidate();
 		},
 		setOptions(e) {
 			let t = s;
-			s = e, qe(), (e.tickSize !== t.tickSize || (e.interval ?? 100) !== (t.interval ?? 100)) && (et(), F = 0, J = NaN, tt()), e.window !== t.window && (W = NaN), e.priceSpan !== t.priceSpan && (J = NaN), (e.renderer ?? "auto") !== (t.renderer ?? "auto") && bt(), Qe(), $e(), Z.invalidate();
+			s = e, Ze(), (e.tickSize !== t.tickSize || (e.interval ?? 100) !== (t.interval ?? 100)) && (at(), R = 0, Ue = NaN, ot()), e.window !== t.window && (G = NaN), e.priceSpan !== t.priceSpan && (Ue = NaN), (e.renderer ?? "auto") !== (t.renderer ?? "auto") && Dt(), nt(), rt(), Z.invalidate();
 		},
 		resetView() {
-			W = NaN, J = NaN, q = null, St(!0), Z.invalidate();
+			G = NaN, Ue = NaN, J = null, kt(!0), Z.invalidate();
 		},
-		getRenderer: () => U?.kind ?? null,
-		ready: Le,
-		getStore: () => O,
-		on: (e, t) => A.on(e, t),
+		getRenderer: () => W?.kind ?? null,
+		ready: Be,
+		getStore: () => N,
+		on: (e, t) => F.on(e, t),
 		resize() {
 			Z.invalidate();
 		},
 		destroy() {
-			Fe = !0, xt(), Q.removeEventListener("pointerdown", wt), Q.removeEventListener("pointermove", Tt), Q.removeEventListener("pointerup", Et), Q.removeEventListener("pointercancel", Et), Q.removeEventListener("pointerleave", Dt), Q.removeEventListener("wheel", At), Q.removeEventListener("dblclick", jt), Q.removeEventListener("keydown", Mt), U?.destroy(), U = null, A.clear(), Z.destroy(), Ie(null);
+			Re = !0, Ot(), Q.removeEventListener("pointerdown", jt), Q.removeEventListener("pointermove", Mt), Q.removeEventListener("pointerup", Nt), Q.removeEventListener("pointercancel", Nt), Q.removeEventListener("pointerleave", Pt), Q.removeEventListener("wheel", Lt), Q.removeEventListener("dblclick", Rt), Q.removeEventListener("keydown", zt), W?.destroy(), W = null, F.clear(), Z.destroy(), ze(null);
 		}
 	};
-	return qe(), Qe(), bt(), Pt;
+	return Ze(), nt(), Dt(), Vt;
 };
 //#endregion
-export { A as createOrderBookHeatmap, Se as heatIntensity, ye as positionedRamp, be as rowBucket };
+export { L as createOrderBookHeatmap, ye as heatCurve, _e as heatIntensity, me as positionedRamp, he as rowBucket, ve as sizeCdf };
 
 //# sourceMappingURL=heatmap.js.map