lightweight-charts-drawing 0.2.2 → 0.2.4

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog
 
+## 0.2.4 (01/10/2026)
+
+### Added
+
+- `Drawing.owner` / `NewDrawing.owner`: id of the study whose pane the drawing
+  lives in (absent = the main series pane). For hosts with several panes.
+- `magnetSnap(dp, coords, mode, snapToIndicators, ohlc = true)`: `ohlc = false`
+  snaps only to the indicator values (a pane without the main series).
+
+### Changed
+
+- Vertical line: factory `extendLine: true` (the line runs through every pane).
+
+## 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).
  *
@@ -442,8 +442,8 @@ export declare type DrawingStyle = {
     showImage?: boolean;
     plateColor?: string;
     signpostPosition?: number;
-    /** TV vertical line "Extend" (extendLine, factory on): the line runs
-     *  through every pane of the chart (OpenTrader draws in the main pane). */
+    /** Vertical line "Extend" (extendLine, factory on): the line runs
+     *  through every pane of the chart; off = its own pane only. */
     extendLine?: boolean;
     /** TV vertical line text orientation (factory vertical). */
     textOrientation?: "vertical" | "horizontal";
@@ -806,6 +806,7 @@ export declare type NewDrawing = (OnePoint | TwoPoint | ThreePoint | FourPoint |
     };
     closed?: boolean;
     fmt?: number;
+    owner?: string;
 };
 
 export declare type OHLC = {
@@ -1358,7 +1359,7 @@ declare type UnitVisibility = {
     to: number;
 };
 
-export declare const VERSION = "0.2.1";
+export declare const VERSION = "0.2.4";
 
 declare type WithId<T> = T & {
     id: string;
@@ -1428,6 +1429,10 @@ declare type WithId<T> = T & {
     /** ObjectTree group tag — drawings sharing a tag render under one group
      *  header in the panel (set/cleared by its Manage mode). */
     group?: string;
+    /** Owner of the drawing's pane: the id of the study whose pane it was
+     *  drawn in (its price scale maps the points). Absent = the main series
+     *  pane. A drawing is drawn and clipped in its owner's pane. */
+    owner?: string;
 };
 
 export { }

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

@@ -213,7 +213,7 @@ const j = "#808080", rt = "#f23645", nt = "#ff9800", it = "#4caf50", q = "#08998
   // 1-point
   "horizontal-line": { kind: "horizontal-line", pointCount: 1, preview: "none", isBbox: !1, hotkey: "Alt + H", defaults: { width: 2, textColor: "#2962ff", showPriceLabels: !0 } },
   "horizontal-ray": { kind: "horizontal-ray", pointCount: 1, preview: "none", isBbox: !1, hotkey: "Alt + J", defaults: { width: 2, showPriceLabels: !0 } },
-  "vertical-line": { kind: "vertical-line", pointCount: 1, preview: "none", isBbox: !1, hotkey: "Alt + V", defaults: { width: 2, textColor: "#2962ff", showTime: !0 } },
+  "vertical-line": { kind: "vertical-line", pointCount: 1, preview: "none", isBbox: !1, hotkey: "Alt + V", defaults: { width: 2, textColor: "#2962ff", showTime: !0, extendLine: !0 } },
   "cross-line": { kind: "cross-line", pointCount: 1, preview: "none", isBbox: !1, hotkey: "Alt + C", defaults: { width: 2, textColor: "#ffffff", showPriceLabels: !0, showTime: !0 } },
   // TV factory (line-tool-arrow-marker): tv-blue-600 body + text, 16px bold.
   "arrow-marker": { kind: "arrow-marker", pointCount: 2, preview: "line", isBbox: !1, defaults: { color: "#1e53e5", width: 2, textColor: "#1e53e5", fontSize: 16, bold: !0 } },
@@ -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) => {
@@ -4504,16 +4503,18 @@ function D(e, t) {
   const n = e.xToTime(t.x), o = e.yToPrice(t.y);
   return n == null || o == null ? null : { time: n, price: o };
 }
-function ko(e, t, n, o) {
-  const i = t.barAt(e.time);
-  if (!i) return null;
-  const r = [i.open, i.high, i.low, i.close], l = t.priceToY(e.price);
-  let s = i.close, a = 1 / 0;
-  for (const c of r) {
-    const f = t.priceToY(c), h = l != null && f != null ? Math.abs(f - l) : Math.abs(e.price - c);
-    h < a && (a = h, s = c);
+function ko(e, t, n, o, i = !0) {
+  const r = t.barAt(e.time);
+  if (!r) return null;
+  const l = i ? [r.open, r.high, r.low, r.close] : [];
+  if (l.length === 0) return null;
+  const s = t.priceToY(e.price);
+  let a = l[0], c = 1 / 0;
+  for (const f of l) {
+    const h = t.priceToY(f), u = s != null && h != null ? Math.abs(h - s) : Math.abs(e.price - f);
+    u < c && (c = u, a = f);
   }
-  return n === "weak" && l != null && a >= Kc ? null : { time: e.time, price: s };
+  return n === "weak" && s != null && c >= Kc ? null : { time: e.time, price: a };
 }
 function U(e, t) {
   switch (e.kind) {
@@ -5030,7 +5031,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 +6319,7 @@ class za {
     });
   }
 }
-const Va = "0.2.1";
+const Va = "0.2.4";
 export {
   pa as ANCHORABLE_KINDS,
   wn as DEFAULT_STYLE,