lightweight-charts-drawing 0.2.2 → 0.2.3

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## 0.2.3 (01/10/2026)
+
+### Changed
+
+- The drawing core folder is `src/core` (was `src/tv`). Internal only: the
+  package entry and its exports are unchanged.
+
+### Fixed
+
+- Long / short position: the stop and target handles are hit where they are
+  drawn (entry x). The hit test used the middle of the box, so dragging a
+  drawn stop or target square moved the whole drawing.
+
 ## 0.2.2 (28/09/2026)
 
 ### Changed

package/README.md

@@ -90,7 +90,7 @@ dialogs, text / table editors, toolbar, context menu.
 ## Architecture
 
 ```
-src/tv/        shared drawing core, no UI and no lightweight-charts runtime:
+src/core/      shared drawing core, no UI and no lightweight-charts runtime:
                tool model + TradingView factory defaults (specs), hit tests,
                placement and drag rules (interact), saved-drawing migration
                (serialize), renderer-neutral scenes per tool (scene)

package/dist/index.d.ts

@@ -2,7 +2,7 @@
  * lightweight-charts-drawing 0.2
  *
  * TradingView-style drawing tools for lightweight-charts v5, built on a shared
- * drawing core (src/tv: tool model + TradingView factory defaults, hit tests,
+ * drawing core (src/core: tool model + TradingView factory defaults, hit tests,
  * placement / drag rules, renderer-neutral scenes) and a canvas runtime
  * (src/runtime: DrawingManager).
  *
@@ -1358,7 +1358,7 @@ declare type UnitVisibility = {
     to: number;
 };
 
-export declare const VERSION = "0.2.1";
+export declare const VERSION = "0.2.3";
 
 declare type WithId<T> = T & {
     id: string;

package/dist/lightweight-charts-drawing.es.js

@@ -517,7 +517,7 @@ function gr(e, t, n, o, i) {
 ` : "") + (r ? String(i) : `Risk/reward ratio: ${i}`)), l;
 }
 const pe = { accountSize: 1e3, risk: 25, leverage: 1e4 };
-function $n(e, t) {
+function Wo(e, t) {
   const n = e.points[0], o = e.points[1], i = n && o ? Math.abs(o.price - n.price) : 0;
   return {
     stop: e.style.stopLevel ?? (i || t * 100),
@@ -537,9 +537,9 @@ function kr(e, t, n) {
   const o = e.accountSize ?? pe.accountSize, i = e.leverage ?? pe.leverage, r = n > 0 ? wr(e) / n : 1 / 0, l = t > 0 ? i * o / t : 1 / 0, s = Math.min(r, l), a = Number.isFinite(s) ? s : 0, c = e.lotSize && e.lotSize > 0 ? e.lotSize : 1;
   return { qty: a, shown: Mr(a / c, e.qtyPrecision) };
 }
-function Wo(e, t, n) {
+function $n(e, t, n) {
   if (e.kind !== "long-position" && e.kind !== "short-position") return null;
-  const [o, i] = t, r = e.points[0].price, { stop: l, profit: s } = $n(e, (n == null ? void 0 : n.pipSize()) ?? 0.01), a = e.kind === "long-position" ? 1 : -1, c = (n == null ? void 0 : n.priceToY(r + a * s)) ?? o.y - 40, f = (n == null ? void 0 : n.priceToY(r - a * l)) ?? o.y + 40;
+  const [o, i] = t, r = e.points[0].price, { stop: l, profit: s } = Wo(e, (n == null ? void 0 : n.pipSize()) ?? 0.01), a = e.kind === "long-position" ? 1 : -1, c = (n == null ? void 0 : n.priceToY(r + a * s)) ?? o.y - 40, f = (n == null ? void 0 : n.priceToY(r - a * l)) ?? o.y + 40;
   return c == null || f == null ? null : {
     anchors: [o, { x: i.x, y: o.y }, { x: o.x, y: f }, { x: o.x, y: c }],
     yStop: f,
@@ -1477,14 +1477,13 @@ function ki(e, t, n = L) {
   return o || (_(t.x, t.y, e[0], e[1]) <= n ? { hit: "body" } : null);
 }
 function hl(e, t, n, o) {
-  const i = t[0], r = t[1], l = e.points[0], s = e.points[1];
-  if (!l || !s) return null;
-  const a = l.price, { stop: c, profit: f } = $n(e, (o == null ? void 0 : o.pipSize()) ?? 0.01), h = e.kind === "long-position" ? 1 : -1, u = (o == null ? void 0 : o.priceToY(a + h * f)) ?? i.y - 40, x = (o == null ? void 0 : o.priceToY(a - h * c)) ?? i.y + 40;
-  if (u == null || x == null) return null;
-  const d = (i.x + r.x) / 2, p = [i, { x: r.x, y: i.y }, { x: d, y: x }, { x: d, y: u }], y = z(p, n);
-  if (y) return y;
-  const b = Math.min(i.x, r.x), m = Math.max(i.x, r.x), g = Math.min(u, x), w = Math.max(u, x);
-  return n.x >= b - L && n.x <= m + L && n.y >= g - L && n.y <= w + L ? { hit: "body" } : null;
+  if (!e.points[0] || !e.points[1]) return null;
+  const i = $n(e, t, o);
+  if (!i) return null;
+  const { anchors: r, yStop: l, yTarget: s } = i, [a, c] = t, f = z(r, n);
+  if (f) return f;
+  const h = Math.min(a.x, c.x), u = Math.max(a.x, c.x), x = Math.min(s, l), d = Math.max(s, l);
+  return n.x >= h - L && n.x <= u + L && n.y >= x - L && n.y <= d + L ? { hit: "body" } : null;
 }
 function Ve(e, t, n, o, i) {
   const r = t.x - e.x, l = t.y - e.y, s = Math.hypot(r, l) || 1;
@@ -2194,7 +2193,7 @@ function ql(e, t, n) {
   const o = e.style, i = [], r = [];
   if ((e.kind === "vertical-line" || e.kind === "cross-line") && o.showTime && e.points[0] && r.push(Gt({ time: e.points[0].time }, ct(o.color).hex)), e.kind === "long-position" || e.kind === "short-position") {
     if (o.showPriceLabels !== !1) {
-      const l = Wo(e, t, n);
+      const l = $n(e, t, n);
       if (l) {
         const s = e.points[0].price, a = e.kind === "long-position" ? 1 : -1;
         i.push(Gt({ price: s }, "#787b86"), Gt({ price: s + a * l.profit }, "#089981"), Gt({ price: s - a * l.stop }, "#f23645"));
@@ -3894,7 +3893,7 @@ function Qe(e, t, n, o, i, r, l, s) {
   };
 }
 function mo(e, t, n, o, i, r) {
-  const l = Wo(e, t, r);
+  const l = $n(e, t, r);
   if (!l) return [];
   const [s, a] = t, c = e.points[0].price, f = Math.min(s.x, a.x), h = Math.max(s.x, a.x), u = Math.max(8, h - f), x = (f + h) / 2, d = ct(i.stopColor ?? "#f23645").hex, p = ct(i.targetColor ?? "#089981").hex, y = i.stopTransparency ?? 80, b = i.targetTransparency ?? 80, m = kt(p, 100 - b), g = kt(d, 100 - y), { yStop: w, yTarget: M, stop: k, profit: v } = l, S = i.accountSize ?? 1e3, { qty: T, shown: E } = kr(i, c, k), A = (fe) => parseFloat(fe.toFixed(2)), F = A(S + v * T), O = A(S - k * T), C = k > 0 ? Math.round(100 * v / k) / 100 : 0, P = o === "long" ? 1 : -1, I = vr(e, o, c - P * k, c + P * v, r), B = I ? (I.closePrice - c) * P : null, R = (r == null ? void 0 : r.pipSize()) ?? 0.01, Y = Math.max(0, Math.min(8, Math.round(-Math.log10(R)))), K = Kn(i, "tp", v, c, R, Y, F, v * T), xt = Kn(i, "sl", k, c, R, Y, O, -k * T), Ut = gr(i, B != null ? bt(B, Y) : null, !!(I != null && I.closed), E, C), wt = Ut ? Ut.split(`
 `) : [], Vt = B != null && B < 0 ? d : B != null && B > 0 ? p : i.color, le = (fe) => {
@@ -5030,7 +5029,7 @@ function sa(e, t, n) {
 function ca(e, t, n, o) {
   const i = e.start;
   if (i.kind !== "long-position" && i.kind !== "short-position" || e.mode.hit !== "handle") return null;
-  const r = e.mode.handleIndex, [l, s] = i.points, a = n.pipSize(), c = i.kind === "long-position" ? 1 : -1, { stop: f, profit: h } = $n(i, a);
+  const r = e.mode.handleIndex, [l, s] = i.points, a = n.pipSize(), c = i.kind === "long-position" ? 1 : -1, { stop: f, profit: h } = Wo(i, a);
   if (r === 0) {
     const x = D(n, t);
     if (!x) return null;
@@ -6318,7 +6317,7 @@ class za {
     });
   }
 }
-const Va = "0.2.1";
+const Va = "0.2.3";
 export {
   pa as ANCHORABLE_KINDS,
   wn as DEFAULT_STYLE,