minerva-design 1.4.0 → 1.6.0

package/dist/charts/engine/trading/drawings.js

@@ -15,51 +15,229 @@ var e = [
 	"#089981",
 	"#2962ff",
 	"#787b86"
-], n = (e) => e === "horizontalLine" || e === "verticalLine" ? 1 : 2, r = (e, t) => e.points.map((e) => ({
+], n = (e) => {
+	switch (e) {
+		case "horizontalLine":
+		case "verticalLine":
+		case "text":
+		case "longPosition":
+		case "shortPosition": return 1;
+		case "parallelChannel":
+		case "pitchfork": return 3;
+		default: return 2;
+	}
+}, r = (e) => e === "rectangle" || e === "parallelChannel" || e === "pitchfork" || e === "fibRetracement" || e === "text", i = (e) => e === "longPosition" || e === "shortPosition", a = (e, t, n, r) => {
+	let i = e.points, a = i[0];
+	if (!a || e.type === "verticalLine") return [];
+	if (e.type === "horizontalLine") return Number.isFinite(a.price) ? [a.price] : [];
+	let o = i.map((e) => t(e.time)), s = Math.min(...o), c = Math.max(...o);
+	if ((e.type === "ray" || e.type === "pitchfork") && (c = Infinity), e.type === "extendedLine" && (s = -Infinity, c = Infinity), c < n || s > r) return [];
+	let l = i.map((e) => e.price), u = i[1], d = i[2];
+	if (e.type === "parallelChannel" && u && d) {
+		let e = o[0] ?? 0, t = (o[1] ?? 0) - e, n = t ? ((o[2] ?? 0) - e) / t : 0, r = d.price - (a.price + n * (u.price - a.price));
+		l.push(a.price + r, u.price + r);
+	}
+	return l.filter(Number.isFinite);
+}, o = (e, t) => e.points.map((e) => ({
 	x: t.x(t.index(e.time)),
 	y: t.y(e.price)
-})), i = (e, t, n, r, i) => {
+})), s = (e, t, n) => {
+	let r = t.x - e.x, i = r ? (n.x - e.x) / r : 0, a = n.y - (e.y + i * (t.y - e.y));
+	return {
+		base: [e, t],
+		parallel: [{
+			x: e.x,
+			y: e.y + a
+		}, {
+			x: t.x,
+			y: t.y + a
+		}]
+	};
+}, c = (e, t, n) => {
+	let r = {
+		x: (t.x + n.x) / 2,
+		y: (t.y + n.y) / 2
+	}, i = {
+		x: r.x - e.x,
+		y: r.y - e.y
+	};
+	return {
+		median: [e, r],
+		upper: [t, {
+			x: t.x + i.x,
+			y: t.y + i.y
+		}],
+		lower: [n, {
+			x: n.x + i.x,
+			y: n.y + i.y
+		}]
+	};
+}, l = (e) => {
+	let [t, n, r] = e;
+	return !t || !n || !r ? null : {
+		x0: Math.min(t.x, n.x),
+		x1: Math.max(t.x, n.x),
+		entry: t.y,
+		target: n.y,
+		stop: r.y
+	};
+}, u = (e, t, n) => {
+	let r = o(e, t);
+	if (i(e.type)) {
+		let e = l(r), t = r[0];
+		if (!e || !t) return r.slice(0, 1);
+		let n = r[1] ? r[1].x : t.x;
+		return [
+			{
+				x: t.x,
+				y: e.entry
+			},
+			{
+				x: t.x,
+				y: e.target
+			},
+			{
+				x: t.x,
+				y: e.stop
+			},
+			{
+				x: n,
+				y: e.entry
+			}
+		];
+	}
+	if (e.type === "parallelChannel") {
+		let [e, t, n] = r;
+		if (!e || !t || !n) return r;
+		let { parallel: i } = s(e, t, n);
+		return [
+			e,
+			t,
+			{
+				x: (i[0].x + i[1].x) / 2,
+				y: (i[0].y + i[1].y) / 2
+			}
+		];
+	}
+	return e.type === "text" && n && r[0] ? [r[0]] : r;
+}, d = (e, t, n) => {
+	let r = [...e.points];
+	if (i(e.type)) {
+		let [e, i, a] = r;
+		if (!e || !i || !a) return r;
+		switch (t) {
+			case 0: return [
+				n,
+				i,
+				a
+			];
+			case 1: return [
+				e,
+				{
+					...i,
+					price: n.price
+				},
+				a
+			];
+			case 2: return [
+				e,
+				i,
+				{
+					...a,
+					price: n.price
+				}
+			];
+			default: return [
+				e,
+				{
+					...i,
+					time: n.time
+				},
+				{
+					...a,
+					time: n.time
+				}
+			];
+		}
+	}
+	return t >= 0 && t < r.length && (r[t] = n), r;
+}, f = (e, t, n, r, i) => {
 	let a = n.x - t.x, o = n.y - t.y, s = a * a + o * o;
 	if (s === 0) return Math.hypot(e.x - t.x, e.y - t.y);
 	let c = ((e.x - t.x) * a + (e.y - t.y) * o) / s;
 	return r || (c = Math.max(0, c)), i || (c = Math.min(1, c)), Math.hypot(e.x - (t.x + c * a), e.y - (t.y + c * o));
-}, a = (t, n, a, o = 6) => {
-	let s = r(t, n);
-	for (let e = 0; e < s.length; e++) {
-		let t = s[e];
-		if (Math.hypot(t.x - a.x, t.y - a.y) <= o + 2) return {
+}, p = (e, t) => {
+	let n = !1;
+	for (let r = 0, i = t.length - 1; r < t.length; i = r++) {
+		let a = t[r], o = t[i];
+		a && o && a.y > e.y != o.y > e.y && e.x < (o.x - a.x) * (e.y - a.y) / (o.y - a.y || 1e-9) + a.x && (n = !n);
+	}
+	return n;
+}, m = (t, n, r, i = 6, a) => {
+	let d = u(t, n, a);
+	for (let e = 0; e < d.length; e++) {
+		let t = d[e];
+		if (t && Math.hypot(t.x - r.x, t.y - r.y) <= i + 2) return {
 			part: "handle",
 			index: e
 		};
 	}
-	let [c, l] = s;
-	if (!c) return null;
-	let u = (e) => e <= o ? { part: "body" } : null;
+	let m = o(t, n), [h, g, _] = m;
+	if (!h) return null;
+	let v = (e) => e <= i ? { part: "body" } : null, y = (e, t, n, a) => r.x >= Math.min(e, n) - i && r.x <= Math.max(e, n) + i && r.y >= Math.min(t, a) - i && r.y <= Math.max(t, a) + i;
 	switch (t.type) {
-		case "horizontalLine": return u(Math.abs(a.y - c.y));
-		case "verticalLine": return u(Math.abs(a.x - c.x));
-		case "trendLine": return l ? u(i(a, c, l, !1, !1)) : null;
-		case "ray": return l ? u(i(a, c, l, !1, !0)) : null;
-		case "extendedLine": return l ? u(i(a, c, l, !0, !0)) : null;
+		case "horizontalLine": return v(Math.abs(r.y - h.y));
+		case "verticalLine": return v(Math.abs(r.x - h.x));
+		case "trendLine":
+		case "arrow": return g ? v(f(r, h, g, !1, !1)) : null;
+		case "ray": return g ? v(f(r, h, g, !1, !0)) : null;
+		case "extendedLine": return g ? v(f(r, h, g, !0, !0)) : null;
+		case "text": {
+			let e = a ?? {
+				x: h.x,
+				y: h.y,
+				w: 40,
+				h: 22
+			};
+			return y(e.x, e.y, e.x + e.w, e.y + e.h) ? { part: "body" } : null;
+		}
+		case "parallelChannel": {
+			if (!g || !_) return null;
+			let { parallel: e } = s(h, g, _);
+			return p(r, [
+				h,
+				g,
+				e[1],
+				e[0]
+			]) ? { part: "body" } : v(Math.min(f(r, h, g, !1, !1), f(r, e[0], e[1], !1, !1)));
+		}
+		case "pitchfork": {
+			if (!g || !_) return null;
+			let e = c(h, g, _);
+			return v(Math.min(f(r, e.median[0], e.median[1], !1, !0), f(r, e.upper[0], e.upper[1], !1, !0), f(r, e.lower[0], e.lower[1], !1, !0), f(r, g, _, !1, !1)));
+		}
+		case "longPosition":
+		case "shortPosition": {
+			let e = l(m);
+			if (!e) return null;
+			let t = Math.min(e.target, e.stop), n = Math.max(e.target, e.stop);
+			return y(e.x0, t, e.x1, n) ? { part: "body" } : null;
+		}
 		case "fibRetracement": {
-			if (!l) return null;
-			let t = Math.min(c.x, l.x), n = Math.max(c.x, l.x);
-			if (a.x < t - o || a.x > n + o) return null;
+			if (!g) return null;
+			let t = Math.min(h.x, g.x), n = Math.max(h.x, g.x);
+			if (r.x < t - i || r.x > n + i) return null;
 			for (let t of e) {
-				let e = l.y + (c.y - l.y) * t;
-				if (Math.abs(a.y - e) <= o) return { part: "body" };
+				let e = g.y + (h.y - g.y) * t;
+				if (Math.abs(r.y - e) <= i) return { part: "body" };
 			}
 			return null;
 		}
-		default: {
-			if (!l) return null;
-			let e = Math.min(c.x, l.x) - o, t = Math.max(c.x, l.x) + o, n = Math.min(c.y, l.y) - o, r = Math.max(c.y, l.y) + o;
-			return a.x >= e && a.x <= t && a.y >= n && a.y <= r ? { part: "body" } : null;
-		}
+		default: return g && y(h.x, h.y, g.x, g.y) ? { part: "body" } : null;
 	}
-}, o = (e, t, n) => {
+}, h = (e, t, n) => {
 	t === "dashed" ? e.setLineDash([6, 4]) : t === "dotted" ? e.setLineDash([Math.max(1, n), 3]) : e.setLineDash([]);
-}, s = (e, t, n) => {
+}, g = (e, t, n) => {
 	let r = t.x - e.x, i = t.y - e.y, a = Math.hypot(r, i);
 	if (!a) return t;
 	let o = (Math.abs(n.right - n.left) + Math.abs(n.bottom - n.top)) * 4;
@@ -67,19 +245,21 @@ var e = [
 		x: e.x + r / a * o,
 		y: e.y + i / a * o
 	};
-}, c = (e, t, n, r, i, a) => {
+}, _ = (e, t, n, r, i, a) => {
 	e.beginPath(), typeof e.roundRect == "function" ? e.roundRect(t, n, r, i, a) : e.rect(t, n, r, i);
-}, l = (e, t, n, i, a) => {
-	let c = r(t, n), [l, f] = c;
-	if (!l) return;
-	let p = (t.lineWidth ?? 1.5) + (a.hovered ? .5 : 0);
-	e.save(), e.lineWidth = p, e.strokeStyle = i.color, e.fillStyle = i.color, e.font = i.font, o(e, t.lineStyle, p);
-	let m = (t, n) => {
+}, v = (e, t, n, r, i) => {
+	let a = o(t, n), [l, d, f] = a;
+	if (!l) return null;
+	let p = (t.lineWidth ?? 1.5) + (i.hovered ? .5 : 0), m = t.fill !== !1, _ = null;
+	e.save(), e.lineWidth = p, e.strokeStyle = r.color, e.fillStyle = r.color, e.font = r.font, e.lineCap = "round", h(e, t.lineStyle, p);
+	let v = (t, n) => {
 		e.beginPath(), e.moveTo(t.x, t.y), e.lineTo(n.x, n.y), e.stroke();
+	}, w = (t, n = .1) => {
+		m && (e.save(), e.globalAlpha = n, e.beginPath(), t.forEach((t, n) => n ? e.lineTo(t.x, t.y) : e.moveTo(t.x, t.y)), e.closePath(), e.fill(), e.restore());
 	};
 	switch (t.type) {
 		case "horizontalLine":
-			m({
+			v({
 				x: n.left,
 				y: l.y
 			}, {
@@ -88,7 +268,7 @@ var e = [
 			});
 			break;
 		case "verticalLine":
-			m({
+			v({
 				x: l.x,
 				y: n.top
 			}, {
@@ -97,64 +277,159 @@ var e = [
 			});
 			break;
 		case "trendLine":
-			f && m(l, f);
+			d && v(l, d);
+			break;
+		case "arrow":
+			d && y(e, l, d, p);
 			break;
 		case "ray":
-			f && m(l, s(l, f, n));
+			d && v(l, g(l, d, n));
 			break;
 		case "extendedLine":
-			f && m(s(f, l, n), s(l, f, n));
+			d && v(g(d, l, n), g(l, d, n));
 			break;
 		case "rectangle":
-			if (f) {
-				let t = Math.min(l.x, f.x), n = Math.min(l.y, f.y), r = Math.abs(f.x - l.x), i = Math.abs(f.y - l.y);
-				e.globalAlpha = .12, e.fillRect(t, n, r, i), e.globalAlpha = 1, e.strokeRect(t, n, r, i);
+			if (d) {
+				let t = Math.min(l.x, d.x), n = Math.min(l.y, d.y);
+				w([
+					{
+						x: t,
+						y: n
+					},
+					{
+						x: t + Math.abs(d.x - l.x),
+						y: n
+					},
+					{
+						x: t + Math.abs(d.x - l.x),
+						y: n + Math.abs(d.y - l.y)
+					},
+					{
+						x: t,
+						y: n + Math.abs(d.y - l.y)
+					}
+				]), e.strokeRect(t, n, Math.abs(d.x - l.x), Math.abs(d.y - l.y));
 			}
 			break;
+		case "parallelChannel":
+			if (d && f) {
+				let { parallel: t } = s(l, d, f);
+				w([
+					l,
+					d,
+					t[1],
+					t[0]
+				]), v(l, d), v(t[0], t[1]), e.save(), e.globalAlpha = .55, e.setLineDash([4, 4]), v({
+					x: l.x,
+					y: (l.y + t[0].y) / 2
+				}, {
+					x: d.x,
+					y: (d.y + t[1].y) / 2
+				}), e.restore();
+			} else d && v(l, d);
+			break;
+		case "pitchfork":
+			if (d && f) {
+				let t = c(l, d, f), r = (e) => g(e[0], e[1], n);
+				w([
+					d,
+					r(t.upper),
+					r(t.lower),
+					f
+				], .07), v(t.median[0], r(t.median)), v(d, r(t.upper)), v(f, r(t.lower)), e.save(), e.globalAlpha = .55, e.setLineDash([4, 4]), v(d, f), e.restore();
+			} else d && v(l, d);
+			break;
 		case "fibRetracement":
-			f && u(e, t, l, f, i);
+			d && S(e, t, l, d, r, m, n);
+			break;
+		case "measure":
+			d && C(e, t, l, d, n, r);
 			break;
-		case "measure": f && d(e, t, l, f, n, i);
+		case "text":
+			_ = b(e, t, l, r, m);
+			break;
+		case "longPosition":
+		case "shortPosition": x(e, t, a, n, r);
 	}
-	if (a.selected || a.hovered) {
+	if (i.selected || i.hovered) {
 		e.setLineDash([]), e.lineWidth = 1.5;
-		for (let t of c) e.beginPath(), e.arc(t.x, t.y, a.selected ? 4.5 : 3.5, 0, Math.PI * 2), e.fillStyle = i.background, e.fill(), e.strokeStyle = i.color, e.stroke();
+		for (let a of u(t, n, _ ?? void 0)) e.beginPath(), e.arc(a.x, a.y, i.selected ? 4.5 : 3.5, 0, Math.PI * 2), e.fillStyle = r.background, e.fill(), e.strokeStyle = r.color, e.stroke();
+	}
+	return e.restore(), _;
+}, y = (e, t, n, r) => {
+	let i = Math.atan2(n.y - t.y, n.x - t.x), a = 8 + r * 2, o = Math.hypot(n.x - t.x, n.y - t.y), s = o > a ? (o - a * .6) / o : 0;
+	e.beginPath(), e.moveTo(t.x, t.y), e.lineTo(t.x + (n.x - t.x) * s, t.y + (n.y - t.y) * s), e.stroke(), e.setLineDash([]), e.beginPath(), e.moveTo(n.x, n.y), e.lineTo(n.x - a * Math.cos(i - .42), n.y - a * Math.sin(i - .42)), e.lineTo(n.x - a * Math.cos(i + .42), n.y - a * Math.sin(i + .42)), e.closePath(), e.fill();
+}, b = (e, t, n, r, i) => {
+	let a = t.fontSize ?? 13, o = (t.text || r.defaultText).split("\n");
+	e.font = `500 ${a}px ${r.fontFamily}`;
+	let s = Math.round(a * 1.35), c = i ? 22 : 10, l = Math.max(...o.map((t) => e.measureText(t).width)) + c + 8, u = o.length * s + 10, d = {
+		x: n.x,
+		y: n.y,
+		w: l,
+		h: u
+	};
+	return e.setLineDash([]), i && (_(e, n.x + .5, n.y + .5, l - 1, u - 1, 5), e.globalAlpha = .94, e.fillStyle = r.background, e.fill(), e.globalAlpha = .1, e.fillStyle = r.color, e.fill(), e.globalAlpha = .55, e.lineWidth = 1, e.strokeStyle = r.color, e.stroke(), e.globalAlpha = 1, e.fillStyle = r.color, e.beginPath(), e.arc(n.x + 11, n.y + 5 + s / 2, 3.5, 0, Math.PI * 2), e.fill()), e.fillStyle = i ? r.text : r.color, e.textAlign = "left", e.textBaseline = "middle", o.forEach((t, r) => e.fillText(t, n.x + c, n.y + 5 + s * (r + .5))), d;
+}, x = (e, t, n, r, i) => {
+	let a = l(n), [o, s, c] = t.points;
+	if (!a || !o || !s || !c) return;
+	let u = t.type === "longPosition", d = Math.max(1, a.x1 - a.x0);
+	e.setLineDash([]);
+	for (let [t, n] of [[a.target, i.up], [a.stop, i.down]]) e.globalAlpha = .16, e.fillStyle = n, e.fillRect(a.x0, Math.min(t, a.entry), d, Math.abs(t - a.entry)), e.globalAlpha = .7, e.strokeStyle = n, e.lineWidth = 1, e.beginPath(), e.moveTo(a.x0, Math.round(t) + .5), e.lineTo(a.x1, Math.round(t) + .5), e.stroke();
+	e.globalAlpha = 1, e.strokeStyle = i.text, e.lineWidth = 1, e.beginPath(), e.moveTo(a.x0, Math.round(a.entry) + .5), e.lineTo(a.x1, Math.round(a.entry) + .5), e.stroke();
+	let f = u ? 1 : -1, p = (e) => i.formatPercent((e - o.price) / o.price * 100), m = Math.abs(s.price - o.price), h = Math.abs(o.price - c.price), g = h > 0 ? m / h : NaN, v = i.position, y = (t, n, o, s) => {
+		e.font = i.font;
+		let c = e.measureText(t).width + 14, l = Math.max(r.left + 2, Math.min(a.x0 + d / 2 - c / 2, r.right - c - 2)), u = s ? n - 24 : n + 4;
+		_(e, l, u, c, 20, 4), e.fillStyle = o, e.fill(), e.fillStyle = i.textOn(o), e.textAlign = "center", e.textBaseline = "middle", e.fillText(t, l + c / 2, u + 10.5);
+	}, b = a.target < a.entry;
+	y(i.fill(v.target, {
+		price: i.formatPrice(s.price),
+		change: p(s.price)
+	}), a.target, i.up, b), y(i.fill(v.stop, {
+		price: i.formatPrice(c.price),
+		change: p(c.price)
+	}), a.stop, i.down, !b);
+	let x = [u ? v.long : v.short, i.fill(v.riskReward, { ratio: Number.isFinite(g) ? g.toFixed(2) : "–" })];
+	if (Number.isFinite(i.last) && o.price) {
+		let e = (i.last - o.price) * f, n = i.formatPercent(e / o.price * 100), r = t.quantity === void 0 ? n : `${e * t.quantity >= 0 ? "+" : "−"}${i.formatPrice(Math.abs(e * t.quantity))} (${n})`;
+		x.push(i.fill(v.profit, { value: r }));
 	}
-	e.restore();
-}, u = (n, r, i, a, o) => {
-	let s = Math.min(i.x, a.x), c = Math.max(i.x, a.x), l = r.points[0]?.price ?? 0, u = r.points[1]?.price ?? 0, d = e.map((e) => a.y + (i.y - a.y) * e);
-	for (let i = 0; i + 1 < e.length; i++) n.globalAlpha = .08, n.fillStyle = r.color ? o.color : t[i + 1], n.fillRect(s, Math.min(d[i], d[i + 1]), c - s, Math.abs(d[i + 1] - d[i]));
+	e.font = i.font;
+	let S = x.join("  ·  "), C = e.measureText(S).width + 16, w = Math.max(r.left + 2, Math.min(a.x0 + d / 2 - C / 2, r.right - C - 2)), T = a.entry - 10;
+	_(e, w, T, C, 20, 4), e.fillStyle = i.text, e.fill(), e.fillStyle = i.background, e.textAlign = "center", e.textBaseline = "middle", e.fillText(S, w + C / 2, T + 10.5);
+}, S = (n, r, i, a, o, s, c) => {
+	let l = Math.min(i.x, a.x), u = Math.max(i.x, a.x), d = Math.max(l, c.left) + 4, f = r.points[0]?.price ?? 0, p = r.points[1]?.price ?? 0, m = e.map((e) => a.y + (i.y - a.y) * e);
+	if (s) for (let i = 0; i + 1 < e.length; i++) n.globalAlpha = .08, n.fillStyle = r.color ? o.color : t[i + 1] ?? o.color, n.fillRect(l, Math.min(m[i] ?? 0, m[i + 1] ?? 0), u - l, Math.abs((m[i + 1] ?? 0) - (m[i] ?? 0)));
 	n.globalAlpha = 1, n.textBaseline = "bottom", n.textAlign = "left", e.forEach((e, i) => {
-		let a = Math.round(d[i]) + .5, f = r.color ? o.color : t[i];
-		n.strokeStyle = f, n.fillStyle = f, n.beginPath(), n.moveTo(s, a), n.lineTo(c, a), n.stroke();
-		let p = u + (l - u) * e;
-		n.fillText(`${e} (${o.formatPrice(p)})`, s + 4, a - 2);
+		let a = Math.round(m[i] ?? 0) + .5, s = r.color ? o.color : t[i] ?? o.color;
+		n.strokeStyle = s, n.fillStyle = s, n.beginPath(), n.moveTo(l, a), n.lineTo(u, a), n.stroke();
+		let c = p + (f - p) * e;
+		n.fillText(`${e} (${o.formatPrice(c)})`, d, a - 2);
 	}), n.setLineDash([4, 4]), n.strokeStyle = o.color, n.globalAlpha = .6, n.beginPath(), n.moveTo(i.x, i.y), n.lineTo(a.x, a.y), n.stroke(), n.globalAlpha = 1;
-}, d = (e, t, n, r, i, a) => {
-	let [o, s] = t.points, l = s.price >= o.price, u = t.color ? a.color : l ? a.up : a.down, d = Math.min(n.x, r.x), f = Math.max(n.x, r.x), p = Math.min(n.y, r.y), m = Math.max(n.y, r.y);
-	e.setLineDash([]), e.fillStyle = u, e.globalAlpha = .14, e.fillRect(d, p, f - d, m - p), e.globalAlpha = 1, e.strokeStyle = u, e.lineWidth = 1;
-	let h = Math.round((d + f) / 2) + .5, g = Math.round((p + m) / 2) + .5, _ = (t, n) => {
+}, C = (e, t, n, r, i, a) => {
+	let [o, s] = t.points, c = s.price >= o.price, l = t.color ? a.color : c ? a.up : a.down, u = Math.min(n.x, r.x), d = Math.max(n.x, r.x), f = Math.min(n.y, r.y), p = Math.max(n.y, r.y);
+	e.setLineDash([]), e.fillStyle = l, e.globalAlpha = .14, e.fillRect(u, f, d - u, p - f), e.globalAlpha = 1, e.strokeStyle = l, e.lineWidth = 1;
+	let m = Math.round((u + d) / 2) + .5, h = Math.round((f + p) / 2) + .5, g = (t, n) => {
 		e.beginPath(), e.moveTo(t.x, t.y), e.lineTo(n.x, n.y), e.stroke();
 		let r = Math.atan2(n.y - t.y, n.x - t.x);
 		e.beginPath(), e.moveTo(n.x, n.y), e.lineTo(n.x - 6 * Math.cos(r - .5), n.y - 6 * Math.sin(r - .5)), e.lineTo(n.x - 6 * Math.cos(r + .5), n.y - 6 * Math.sin(r + .5)), e.closePath(), e.fill();
 	};
-	m - p > 10 && _({
-		x: h,
-		y: l ? m : p
+	p - f > 10 && g({
+		x: m,
+		y: c ? p : f
 	}, {
-		x: h,
-		y: l ? p : m
-	}), f - d > 10 && _({
-		x: n.x < r.x ? d : f,
-		y: g
+		x: m,
+		y: c ? f : p
+	}), d - u > 10 && g({
+		x: n.x < r.x ? u : d,
+		y: h
 	}, {
-		x: n.x < r.x ? f : d,
-		y: g
+		x: n.x < r.x ? d : u,
+		y: h
 	});
-	let v = s.price - o.price, y = o.price ? v / o.price * 100 : NaN, b = Math.round(i.index(s.time) - i.index(o.time)), x = [`${v >= 0 ? "+" : "−"}${a.formatPrice(Math.abs(v))} (${a.formatPercent(y)})`, a.formatSpan(b, s.time - o.time)], S = x.map((t) => e.measureText(t).width), C = Math.max(...S) + 16, w = (d + f) / 2 - C / 2, T = l ? p - 38 - 6 : m + 6;
-	c(e, w, T, C, 38, 4), e.fillStyle = u, e.fill(), e.fillStyle = a.textOn(u), e.textAlign = "center", e.textBaseline = "middle", e.fillText(x[0], w + C / 2, T + 11), e.fillText(x[1], w + C / 2, T + 27);
+	let v = s.price - o.price, y = o.price ? v / o.price * 100 : NaN, b = Math.round(i.index(s.time) - i.index(o.time)), x = [`${v >= 0 ? "+" : "−"}${a.formatPrice(Math.abs(v))} (${a.formatPercent(y)})`, a.formatSpan(b, s.time - o.time)], S = x.map((t) => e.measureText(t).width), C = Math.max(...S) + 16, w = (u + d) / 2 - C / 2, T = c ? f - 38 - 6 : p + 6;
+	T < i.top + 2 && (T = p + 6), T + 38 > i.bottom - 2 && (T = Math.max(i.top + 2, f - 38 - 6)), _(e, w, T, C, 38, 4), e.fillStyle = l, e.fill(), e.fillStyle = a.textOn(l), e.textAlign = "center", e.textBaseline = "middle", e.fillText(x[0] ?? "", w + C / 2, T + 11), e.fillText(x[1] ?? "", w + C / 2, T + 27);
 };
 //#endregion
-export { e as FIB_LEVELS, n as anchorCount, a as hitDrawing, l as paintDrawing, r as screenPoints, o as setDash };
+export { e as FIB_LEVELS, n as anchorCount, a as drawingPrices, u as handlePoints, m as hitDrawing, r as isFillable, i as isPosition, d as moveHandle, v as paintDrawing, o as screenPoints, h as setDash };
 
 //# sourceMappingURL=drawings.js.map