minerva-design 1.3.0 → 1.5.0

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

@@ -0,0 +1,3 @@
+var e=[0,.236,.382,.5,.618,.786,1],t=[`#787b86`,`#f23645`,`#ff9800`,`#4caf50`,`#089981`,`#2962ff`,`#787b86`],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)=>e.points.map(e=>({x:t.x(t.index(e.time)),y:t.y(e.price)})),o=(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}]}},s=(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}]}},c=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}},l=(e,t,n)=>{let r=a(e,t);if(i(e.type)){let e=c(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}=o(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},u=(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},d=(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))},f=(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},p=(t,n,r,i=6,u)=>{let p=l(t,n,u);for(let e=0;e<p.length;e++){let t=p[e];if(t&&Math.hypot(t.x-r.x,t.y-r.y)<=i+2)return{part:`handle`,index:e}}let m=a(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 v(Math.abs(r.y-h.y));case`verticalLine`:return v(Math.abs(r.x-h.x));case`trendLine`:case`arrow`:return g?v(d(r,h,g,!1,!1)):null;case`ray`:return g?v(d(r,h,g,!1,!0)):null;case`extendedLine`:return g?v(d(r,h,g,!0,!0)):null;case`text`:{let e=u??{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}=o(h,g,_);return f(r,[h,g,e[1],e[0]])?{part:`body`}:v(Math.min(d(r,h,g,!1,!1),d(r,e[0],e[1],!1,!1)))}case`pitchfork`:{if(!g||!_)return null;let e=s(h,g,_);return v(Math.min(d(r,e.median[0],e.median[1],!1,!0),d(r,e.upper[0],e.upper[1],!1,!0),d(r,e.lower[0],e.lower[1],!1,!0),d(r,g,_,!1,!1)))}case`longPosition`:case`shortPosition`:{let e=c(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(!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=g.y+(h.y-g.y)*t;if(Math.abs(r.y-e)<=i)return{part:`body`}}return null}default:return g&&y(h.x,h.y,g.x,g.y)?{part:`body`}:null}},m=(e,t,n)=>{t===`dashed`?e.setLineDash([6,4]):t===`dotted`?e.setLineDash([Math.max(1,n),3]):e.setLineDash([])},h=(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;return{x:e.x+r/a*o,y:e.y+i/a*o}},g=(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)},_=(e,t,n,r,i)=>{let c=a(t,n),[u,d,f]=c;if(!u)return null;let p=(t.lineWidth??1.5)+(i.hovered?.5:0),g=t.fill!==!1,_=null;e.save(),e.lineWidth=p,e.strokeStyle=r.color,e.fillStyle=r.color,e.font=r.font,e.lineCap=`round`,m(e,t.lineStyle,p);let C=(t,n)=>{e.beginPath(),e.moveTo(t.x,t.y),e.lineTo(n.x,n.y),e.stroke()},w=(t,n=.1)=>{g&&(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`:C({x:n.left,y:u.y},{x:n.right,y:u.y});break;case`verticalLine`:C({x:u.x,y:n.top},{x:u.x,y:n.bottom});break;case`trendLine`:d&&C(u,d);break;case`arrow`:d&&v(e,u,d,p);break;case`ray`:d&&C(u,h(u,d,n));break;case`extendedLine`:d&&C(h(d,u,n),h(u,d,n));break;case`rectangle`:if(d){let t=Math.min(u.x,d.x),n=Math.min(u.y,d.y);w([{x:t,y:n},{x:t+Math.abs(d.x-u.x),y:n},{x:t+Math.abs(d.x-u.x),y:n+Math.abs(d.y-u.y)},{x:t,y:n+Math.abs(d.y-u.y)}]),e.strokeRect(t,n,Math.abs(d.x-u.x),Math.abs(d.y-u.y))}break;case`parallelChannel`:if(d&&f){let{parallel:t}=o(u,d,f);w([u,d,t[1],t[0]]),C(u,d),C(t[0],t[1]),e.save(),e.globalAlpha=.55,e.setLineDash([4,4]),C({x:u.x,y:(u.y+t[0].y)/2},{x:d.x,y:(d.y+t[1].y)/2}),e.restore()}else d&&C(u,d);break;case`pitchfork`:if(d&&f){let t=s(u,d,f),r=e=>h(e[0],e[1],n);w([d,r(t.upper),r(t.lower),f],.07),C(t.median[0],r(t.median)),C(d,r(t.upper)),C(f,r(t.lower)),e.save(),e.globalAlpha=.55,e.setLineDash([4,4]),C(d,f),e.restore()}else d&&C(u,d);break;case`fibRetracement`:d&&x(e,t,u,d,r,g,n);break;case`measure`:d&&S(e,t,u,d,n,r);break;case`text`:_=y(e,t,u,r,g);break;case`longPosition`:case`shortPosition`:b(e,t,c,n,r)}if(i.selected||i.hovered){e.setLineDash([]),e.lineWidth=1.5;for(let a of l(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(),_},v=(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()},y=(e,t,n,r,i)=>{let a=t.fontSize??13,o=(t.text||r.defaultText).split(`
+`);e.font=`500 ${a}px ${r.fontFamily}`;let s=Math.round(a*1.35),c=Math.max(...o.map(t=>e.measureText(t).width))+18,l=o.length*s+10,u={x:n.x,y:n.y,w:c,h:l};return e.setLineDash([]),i&&(g(e,n.x,n.y,c,l,5),e.globalAlpha=.94,e.fillStyle=r.background,e.fill(),e.globalAlpha=.12,e.fillStyle=r.color,e.fill(),e.globalAlpha=1,e.lineWidth=1,e.strokeStyle=r.color,e.stroke(),e.fillStyle=r.color,e.fillRect(n.x+1,n.y+4,3,l-8)),e.fillStyle=i?r.text:r.color,e.textAlign=`left`,e.textBaseline=`middle`,o.forEach((t,r)=>e.fillText(t,n.x+10,n.y+5+s*(r+.5))),u},b=(e,t,n,r,i)=>{let a=c(n),[o,s,l]=t.points;if(!a||!o||!s||!l)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-l.price),_=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;g(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(l.price),change:p(l.price)}),a.stop,i.down,!b);let x=[u?v.long:v.short,i.fill(v.riskReward,{ratio:Number.isFinite(_)?_.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.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;g(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)},x=(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(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},S=(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,_=(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()};p-f>10&&_({x:m,y:c?p:f},{x:m,y:c?f:p}),d-u>10&&_({x:n.x<r.x?u:d,y:h},{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=(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)),g(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)};exports.FIB_LEVELS=e,exports.anchorCount=n,exports.handlePoints=l,exports.hitDrawing=p,exports.isFillable=r,exports.isPosition=i,exports.moveHandle=u,exports.paintDrawing=_,exports.screenPoints=a,exports.setDash=m;
+//# sourceMappingURL=drawings.cjs.map

package/dist/charts/engine/trading/drawings.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawings.cjs","names":["FIB_LEVELS","FIB_COLORS","anchorCount","tool","isFillable","type","isPosition","screenPoints","drawing","m","p","channelLines","dx","b","a","t","c","dy","pitchforkLines","mid","dir","positionGeometry","entry","target","stop","pts","handlePoints","g","edge","parallel","box","moveHandle","points","index","point","distanceToSegment","len2","extendStart","extendEnd","inPolygon","inside","i","j","q","hitDrawing","handles","tolerance","near","d","inRect","x0","x1","y0","y1","r","lines","top","bottom","level","y","setDash","style","ctx","width","extend","len","k","roundRect","x","w","h","paintDrawing","third","state","filled","line","shade","alpha","paintArrow","far","paintFib","paintMeasure","paintText","paintPosition","angle","head","size","lineHeight","long","color","change","price","reward","risk","ratio","texts","label","tw","text","above","fill","targetUp","parts","move","percent","value","center","labelX","p1","p2","ys","rising","midX","midY","arrow","from","to","bars","widths","lx","ly"],"sources":["../../../../../charts/src/engine/trading/drawings.ts"],"sourcesContent":["// Drawings: geometry in CSS pixels, handles, hit tests and Canvas2D\n// painting. Anchors are stored as (time, price) so drawings stay on their\n// bars when the chart scrolls, zooms or receives new bars; a drawing lives\n// in a pane (the price pane or an indicator pane) and uses its scale.\n\nimport type {\n  TradingDrawing,\n  TradingDrawingPoint,\n  TradingDrawingTool,\n  TradingLineStyle,\n} from \"./types\";\n\n/** Converts between anchors and the pixels of a pane */\nexport interface DrawingMapper {\n  /** x (CSS px) of a logical bar index */\n  x(index: number): number;\n  /** y (CSS px) of a price */\n  y(price: number): number;\n  /** Logical index of a time (extrapolated outside the bars) */\n  index(time: number): number;\n  /** Plot rectangle of the pane */\n  left: number;\n  right: number;\n  top: number;\n  bottom: number;\n}\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\n/** Rectangle in CSS pixels (text boxes, measured when painted) */\nexport interface Box {\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n}\n\ntype DrawingType = Exclude<TradingDrawingTool, \"cursor\">;\n\n/** Fibonacci retracement levels */\nexport const FIB_LEVELS = [0, 0.236, 0.382, 0.5, 0.618, 0.786, 1];\nconst FIB_COLORS = [\n  \"#787b86\",\n  \"#f23645\",\n  \"#ff9800\",\n  \"#4caf50\",\n  \"#089981\",\n  \"#2962ff\",\n  \"#787b86\",\n];\n\n/** Clicks that create a drawing (positions get a default target and stop) */\nexport const anchorCount = (tool: DrawingType): number => {\n  switch (tool) {\n    case \"horizontalLine\":\n    case \"verticalLine\":\n    case \"text\":\n    case \"longPosition\":\n    case \"shortPosition\":\n      return 1;\n    case \"parallelChannel\":\n    case \"pitchfork\":\n      return 3;\n    default:\n      return 2;\n  }\n};\n\n/** Drawings with an area that `fill` can turn off */\nexport const isFillable = (type: DrawingType): boolean =>\n  type === \"rectangle\" ||\n  type === \"parallelChannel\" ||\n  type === \"pitchfork\" ||\n  type === \"fibRetracement\" ||\n  type === \"text\";\n\nexport const isPosition = (type: DrawingType): boolean =>\n  type === \"longPosition\" || type === \"shortPosition\";\n\nexport const screenPoints = (\n  drawing: TradingDrawing,\n  m: DrawingMapper,\n): Point[] =>\n  drawing.points.map((p) => ({ x: m.x(m.index(p.time)), y: m.y(p.price) }));\n\n/** Lines of a parallel channel: the base line and the parallel through the third anchor */\nconst channelLines = (a: Point, b: Point, c: Point) => {\n  const dx = b.x - a.x;\n  const t = dx ? (c.x - a.x) / dx : 0;\n  const dy = c.y - (a.y + t * (b.y - a.y));\n  return {\n    base: [a, b] as const,\n    parallel: [\n      { x: a.x, y: a.y + dy },\n      { x: b.x, y: b.y + dy },\n    ] as const,\n  };\n};\n\n/** Median line of a pitchfork: from the pivot through the middle of the other anchors */\nconst pitchforkLines = (a: Point, b: Point, c: Point) => {\n  const mid = { x: (b.x + c.x) / 2, y: (b.y + c.y) / 2 };\n  const dir = { x: mid.x - a.x, y: mid.y - a.y };\n  return {\n    median: [a, mid] as const,\n    upper: [b, { x: b.x + dir.x, y: b.y + dir.y }] as const,\n    lower: [c, { x: c.x + dir.x, y: c.y + dir.y }] as const,\n  };\n};\n\n/** Pixels of a position drawing: the box and its three prices */\nconst positionGeometry = (pts: Point[]) => {\n  const [entry, target, stop] = pts;\n  if (!entry || !target || !stop) return null;\n  const x0 = Math.min(entry.x, target.x);\n  const x1 = Math.max(entry.x, target.x);\n  return { x0, x1, entry: entry.y, target: target.y, stop: stop.y };\n};\n\n/** Handles of a drawing, in the order `moveHandle` understands */\nexport const handlePoints = (\n  drawing: TradingDrawing,\n  m: DrawingMapper,\n  box?: Box,\n): Point[] => {\n  const pts = screenPoints(drawing, m);\n  if (isPosition(drawing.type)) {\n    const g = positionGeometry(pts);\n    const entry = pts[0];\n    if (!g || !entry) return pts.slice(0, 1);\n    const edge = pts[1] ? pts[1].x : entry.x;\n    return [\n      { x: entry.x, y: g.entry },\n      { x: entry.x, y: g.target },\n      { x: entry.x, y: g.stop },\n      { x: edge, y: g.entry },\n    ];\n  }\n  if (drawing.type === \"parallelChannel\") {\n    const [a, b, c] = pts;\n    if (!a || !b || !c) return pts;\n    const { parallel } = channelLines(a, b, c);\n    return [\n      a,\n      b,\n      {\n        x: (parallel[0].x + parallel[1].x) / 2,\n        y: (parallel[0].y + parallel[1].y) / 2,\n      },\n    ];\n  }\n  if (drawing.type === \"text\" && box && pts[0]) return [pts[0]];\n  return pts;\n};\n\n/** New anchors after dragging handle `index` to `point` */\nexport const moveHandle = (\n  drawing: TradingDrawing,\n  index: number,\n  point: TradingDrawingPoint,\n): TradingDrawingPoint[] => {\n  const points = [...drawing.points];\n  if (isPosition(drawing.type)) {\n    const [entry, target, stop] = points;\n    if (!entry || !target || !stop) return points;\n    switch (index) {\n      case 0:\n        return [point, target, stop];\n      case 1:\n        return [entry, { ...target, price: point.price }, stop];\n      case 2:\n        return [entry, target, { ...stop, price: point.price }];\n      default:\n        return [\n          entry,\n          { ...target, time: point.time },\n          { ...stop, time: point.time },\n        ];\n    }\n  }\n  if (index >= 0 && index < points.length) points[index] = point;\n  return points;\n};\n\nconst distanceToSegment = (\n  p: Point,\n  a: Point,\n  b: Point,\n  extendStart: boolean,\n  extendEnd: boolean,\n) => {\n  const dx = b.x - a.x;\n  const dy = b.y - a.y;\n  const len2 = dx * dx + dy * dy;\n  if (len2 === 0) return Math.hypot(p.x - a.x, p.y - a.y);\n  let t = ((p.x - a.x) * dx + (p.y - a.y) * dy) / len2;\n  if (!extendStart) t = Math.max(0, t);\n  if (!extendEnd) t = Math.min(1, t);\n  return Math.hypot(p.x - (a.x + t * dx), p.y - (a.y + t * dy));\n};\n\n/** Whether `p` is inside the quadrilateral `q` (convex or not, even-odd rule) */\nconst inPolygon = (p: Point, q: readonly Point[]) => {\n  let inside = false;\n  for (let i = 0, j = q.length - 1; i < q.length; j = i++) {\n    const a = q[i];\n    const b = q[j];\n    if (!a || !b) continue;\n    if (\n      a.y > p.y !== b.y > p.y &&\n      p.x < ((b.x - a.x) * (p.y - a.y)) / (b.y - a.y || 1e-9) + a.x\n    )\n      inside = !inside;\n  }\n  return inside;\n};\n\n/** Part of a drawing under the pointer */\nexport type DrawingHit = { part: \"handle\"; index: number } | { part: \"body\" };\n\nexport const hitDrawing = (\n  drawing: TradingDrawing,\n  m: DrawingMapper,\n  p: Point,\n  tolerance = 6,\n  box?: Box,\n): DrawingHit | null => {\n  const handles = handlePoints(drawing, m, box);\n  for (let i = 0; i < handles.length; i++) {\n    const q = handles[i];\n    if (q && Math.hypot(q.x - p.x, q.y - p.y) <= tolerance + 2)\n      return { part: \"handle\", index: i };\n  }\n  const pts = screenPoints(drawing, m);\n  const [a, b, c] = pts;\n  if (!a) return null;\n  const near = (d: number) =>\n    d <= tolerance ? { part: \"body\" as const } : null;\n  const inRect = (x0: number, y0: number, x1: number, y1: number) =>\n    p.x >= Math.min(x0, x1) - tolerance &&\n    p.x <= Math.max(x0, x1) + tolerance &&\n    p.y >= Math.min(y0, y1) - tolerance &&\n    p.y <= Math.max(y0, y1) + tolerance;\n  switch (drawing.type) {\n    case \"horizontalLine\":\n      return near(Math.abs(p.y - a.y));\n    case \"verticalLine\":\n      return near(Math.abs(p.x - a.x));\n    case \"trendLine\":\n    case \"arrow\":\n      return b ? near(distanceToSegment(p, a, b, false, false)) : null;\n    case \"ray\":\n      return b ? near(distanceToSegment(p, a, b, false, true)) : null;\n    case \"extendedLine\":\n      return b ? near(distanceToSegment(p, a, b, true, true)) : null;\n    case \"text\": {\n      const r = box ?? { x: a.x, y: a.y, w: 40, h: 22 };\n      return inRect(r.x, r.y, r.x + r.w, r.y + r.h) ? { part: \"body\" } : null;\n    }\n    case \"parallelChannel\": {\n      if (!b || !c) return null;\n      const { parallel } = channelLines(a, b, c);\n      if (inPolygon(p, [a, b, parallel[1], parallel[0]]))\n        return { part: \"body\" };\n      return near(\n        Math.min(\n          distanceToSegment(p, a, b, false, false),\n          distanceToSegment(p, parallel[0], parallel[1], false, false),\n        ),\n      );\n    }\n    case \"pitchfork\": {\n      if (!b || !c) return null;\n      const lines = pitchforkLines(a, b, c);\n      return near(\n        Math.min(\n          distanceToSegment(p, lines.median[0], lines.median[1], false, true),\n          distanceToSegment(p, lines.upper[0], lines.upper[1], false, true),\n          distanceToSegment(p, lines.lower[0], lines.lower[1], false, true),\n          distanceToSegment(p, b, c, false, false),\n        ),\n      );\n    }\n    case \"longPosition\":\n    case \"shortPosition\": {\n      const g = positionGeometry(pts);\n      if (!g) return null;\n      const top = Math.min(g.target, g.stop);\n      const bottom = Math.max(g.target, g.stop);\n      return inRect(g.x0, top, g.x1, bottom) ? { part: \"body\" } : null;\n    }\n    case \"fibRetracement\": {\n      if (!b) return null;\n      const x0 = Math.min(a.x, b.x);\n      const x1 = Math.max(a.x, b.x);\n      if (p.x < x0 - tolerance || p.x > x1 + tolerance) return null;\n      for (const level of FIB_LEVELS) {\n        const y = b.y + (a.y - b.y) * level;\n        if (Math.abs(p.y - y) <= tolerance) return { part: \"body\" };\n      }\n      return null;\n    }\n    default:\n      // rectangle, measure: inside or on the outline\n      return b && inRect(a.x, a.y, b.x, b.y) ? { part: \"body\" } : null;\n  }\n};\n\nexport const setDash = (\n  ctx: CanvasRenderingContext2D,\n  style: TradingLineStyle | undefined,\n  width: number,\n) => {\n  if (style === \"dashed\") ctx.setLineDash([6, 4]);\n  else if (style === \"dotted\") ctx.setLineDash([Math.max(1, width), 3]);\n  else ctx.setLineDash([]);\n};\n\n/** Texts of the position tools (templates of the chart labels) */\nexport interface PositionTexts {\n  target: string;\n  stop: string;\n  riskReward: string;\n  profit: string;\n  long: string;\n  short: string;\n}\n\n/** Values and helpers the painter needs from the chart */\nexport interface DrawingPaintContext {\n  /** Resolved CSS color of a drawing */\n  color: string;\n  /** Text color on the plot */\n  text: string;\n  /** Background of the plot (handles) */\n  background: string;\n  /** Up / down colors (measure, positions) */\n  up: string;\n  down: string;\n  font: string;\n  /** Font family of the text drawings */\n  fontFamily: string;\n  formatPrice(price: number): string;\n  formatPercent(value: number): string;\n  /** `\"24 bars, 2d 4h\"` */\n  formatSpan(bars: number, ms: number): string;\n  /** Readable text color on a fill */\n  textOn(fill: string): string;\n  /** Default text of a text drawing */\n  defaultText: string;\n  /** Texts of the position tools */\n  position: PositionTexts;\n  /** Last price (profit of the position tools) */\n  last: number;\n  /** Fills `{name}` placeholders */\n  fill(template: string, values: Record<string, string | number>): string;\n}\n\n/** Point at the end of a line through `a` and `b`, far past the plot */\nconst extend = (a: Point, b: Point, m: DrawingMapper): Point => {\n  const dx = b.x - a.x;\n  const dy = b.y - a.y;\n  const len = Math.hypot(dx, dy);\n  if (!len) return b;\n  const k = (Math.abs(m.right - m.left) + Math.abs(m.bottom - m.top)) * 4;\n  return { x: a.x + (dx / len) * k, y: a.y + (dy / len) * k };\n};\n\nconst roundRect = (\n  ctx: CanvasRenderingContext2D,\n  x: number,\n  y: number,\n  w: number,\n  h: number,\n  r: number,\n) => {\n  ctx.beginPath();\n  if (typeof ctx.roundRect === \"function\") ctx.roundRect(x, y, w, h, r);\n  else ctx.rect(x, y, w, h);\n};\n\n/**\n * Paints a drawing (the context is clipped to its pane). Returns the box of\n * a text drawing, used by the hit tests.\n */\nexport const paintDrawing = (\n  ctx: CanvasRenderingContext2D,\n  drawing: TradingDrawing,\n  m: DrawingMapper,\n  c: DrawingPaintContext,\n  state: { selected: boolean; hovered: boolean },\n): Box | null => {\n  const pts = screenPoints(drawing, m);\n  const [a, b, third] = pts;\n  if (!a) return null;\n  const width = (drawing.lineWidth ?? 1.5) + (state.hovered ? 0.5 : 0);\n  const filled = drawing.fill !== false;\n  let box: Box | null = null;\n  ctx.save();\n  ctx.lineWidth = width;\n  ctx.strokeStyle = c.color;\n  ctx.fillStyle = c.color;\n  ctx.font = c.font;\n  ctx.lineCap = \"round\";\n  setDash(ctx, drawing.lineStyle, width);\n  const line = (p: Point, q: Point) => {\n    ctx.beginPath();\n    ctx.moveTo(p.x, p.y);\n    ctx.lineTo(q.x, q.y);\n    ctx.stroke();\n  };\n  const shade = (points: readonly Point[], alpha = 0.1) => {\n    if (!filled) return;\n    ctx.save();\n    ctx.globalAlpha = alpha;\n    ctx.beginPath();\n    points.forEach((p, i) => (i ? ctx.lineTo(p.x, p.y) : ctx.moveTo(p.x, p.y)));\n    ctx.closePath();\n    ctx.fill();\n    ctx.restore();\n  };\n  switch (drawing.type) {\n    case \"horizontalLine\":\n      line({ x: m.left, y: a.y }, { x: m.right, y: a.y });\n      break;\n    case \"verticalLine\":\n      line({ x: a.x, y: m.top }, { x: a.x, y: m.bottom });\n      break;\n    case \"trendLine\":\n      if (b) line(a, b);\n      break;\n    case \"arrow\":\n      if (b) paintArrow(ctx, a, b, width);\n      break;\n    case \"ray\":\n      if (b) line(a, extend(a, b, m));\n      break;\n    case \"extendedLine\":\n      if (b) line(extend(b, a, m), extend(a, b, m));\n      break;\n    case \"rectangle\":\n      if (b) {\n        const x = Math.min(a.x, b.x);\n        const y = Math.min(a.y, b.y);\n        shade([\n          { x, y },\n          { x: x + Math.abs(b.x - a.x), y },\n          { x: x + Math.abs(b.x - a.x), y: y + Math.abs(b.y - a.y) },\n          { x, y: y + Math.abs(b.y - a.y) },\n        ]);\n        ctx.strokeRect(x, y, Math.abs(b.x - a.x), Math.abs(b.y - a.y));\n      }\n      break;\n    case \"parallelChannel\":\n      if (b && third) {\n        const { parallel } = channelLines(a, b, third);\n        shade([a, b, parallel[1], parallel[0]]);\n        line(a, b);\n        line(parallel[0], parallel[1]);\n        // the middle line, dashed\n        ctx.save();\n        ctx.globalAlpha = 0.55;\n        ctx.setLineDash([4, 4]);\n        line(\n          { x: a.x, y: (a.y + parallel[0].y) / 2 },\n          { x: b.x, y: (b.y + parallel[1].y) / 2 },\n        );\n        ctx.restore();\n      } else if (b) {\n        line(a, b);\n      }\n      break;\n    case \"pitchfork\":\n      if (b && third) {\n        const lines = pitchforkLines(a, b, third);\n        const far = (p: readonly [Point, Point]) => extend(p[0], p[1], m);\n        shade([b, far(lines.upper), far(lines.lower), third], 0.07);\n        line(lines.median[0], far(lines.median));\n        line(b, far(lines.upper));\n        line(third, far(lines.lower));\n        ctx.save();\n        ctx.globalAlpha = 0.55;\n        ctx.setLineDash([4, 4]);\n        line(b, third);\n        ctx.restore();\n      } else if (b) {\n        line(a, b);\n      }\n      break;\n    case \"fibRetracement\":\n      if (b) paintFib(ctx, drawing, a, b, c, filled, m);\n      break;\n    case \"measure\":\n      if (b) paintMeasure(ctx, drawing, a, b, m, c);\n      break;\n    case \"text\":\n      box = paintText(ctx, drawing, a, c, filled);\n      break;\n    case \"longPosition\":\n    case \"shortPosition\":\n      paintPosition(ctx, drawing, pts, m, c);\n      break;\n  }\n  if (state.selected || state.hovered) {\n    ctx.setLineDash([]);\n    ctx.lineWidth = 1.5;\n    for (const p of handlePoints(drawing, m, box ?? undefined)) {\n      ctx.beginPath();\n      ctx.arc(p.x, p.y, state.selected ? 4.5 : 3.5, 0, Math.PI * 2);\n      ctx.fillStyle = c.background;\n      ctx.fill();\n      ctx.strokeStyle = c.color;\n      ctx.stroke();\n    }\n  }\n  ctx.restore();\n  return box;\n};\n\nconst paintArrow = (\n  ctx: CanvasRenderingContext2D,\n  a: Point,\n  b: Point,\n  width: number,\n) => {\n  const angle = Math.atan2(b.y - a.y, b.x - a.x);\n  const head = 8 + width * 2;\n  const len = Math.hypot(b.x - a.x, b.y - a.y);\n  // the shaft stops inside the head so the tip stays sharp\n  const k = len > head ? (len - head * 0.6) / len : 0;\n  ctx.beginPath();\n  ctx.moveTo(a.x, a.y);\n  ctx.lineTo(a.x + (b.x - a.x) * k, a.y + (b.y - a.y) * k);\n  ctx.stroke();\n  ctx.setLineDash([]);\n  ctx.beginPath();\n  ctx.moveTo(b.x, b.y);\n  ctx.lineTo(\n    b.x - head * Math.cos(angle - 0.42),\n    b.y - head * Math.sin(angle - 0.42),\n  );\n  ctx.lineTo(\n    b.x - head * Math.cos(angle + 0.42),\n    b.y - head * Math.sin(angle + 0.42),\n  );\n  ctx.closePath();\n  ctx.fill();\n};\n\nconst paintText = (\n  ctx: CanvasRenderingContext2D,\n  drawing: TradingDrawing,\n  a: Point,\n  c: DrawingPaintContext,\n  filled: boolean,\n): Box => {\n  const size = drawing.fontSize ?? 13;\n  const lines = (drawing.text || c.defaultText).split(\"\\n\");\n  ctx.font = `500 ${size}px ${c.fontFamily}`;\n  const lineHeight = Math.round(size * 1.35);\n  const w = Math.max(...lines.map((t) => ctx.measureText(t).width)) + 18;\n  const h = lines.length * lineHeight + 10;\n  const box = { x: a.x, y: a.y, w, h };\n  ctx.setLineDash([]);\n  if (filled) {\n    // a note card: the plot background, a colored border and accent\n    roundRect(ctx, a.x, a.y, w, h, 5);\n    ctx.globalAlpha = 0.94;\n    ctx.fillStyle = c.background;\n    ctx.fill();\n    ctx.globalAlpha = 0.12;\n    ctx.fillStyle = c.color;\n    ctx.fill();\n    ctx.globalAlpha = 1;\n    ctx.lineWidth = 1;\n    ctx.strokeStyle = c.color;\n    ctx.stroke();\n    ctx.fillStyle = c.color;\n    ctx.fillRect(a.x + 1, a.y + 4, 3, h - 8);\n  }\n  ctx.fillStyle = filled ? c.text : c.color;\n  ctx.textAlign = \"left\";\n  ctx.textBaseline = \"middle\";\n  lines.forEach((t, i) =>\n    ctx.fillText(t, a.x + 10, a.y + 5 + lineHeight * (i + 0.5)),\n  );\n  return box;\n};\n\nconst paintPosition = (\n  ctx: CanvasRenderingContext2D,\n  drawing: TradingDrawing,\n  pts: Point[],\n  m: DrawingMapper,\n  c: DrawingPaintContext,\n) => {\n  const g = positionGeometry(pts);\n  const [entry, target, stop] = drawing.points;\n  if (!g || !entry || !target || !stop) return;\n  const long = drawing.type === \"longPosition\";\n  const w = Math.max(1, g.x1 - g.x0);\n  ctx.setLineDash([]);\n  // the reward zone and the risk zone\n  for (const [y, color] of [\n    [g.target, c.up],\n    [g.stop, c.down],\n  ] as const) {\n    ctx.globalAlpha = 0.16;\n    ctx.fillStyle = color;\n    ctx.fillRect(g.x0, Math.min(y, g.entry), w, Math.abs(y - g.entry));\n    ctx.globalAlpha = 0.7;\n    ctx.strokeStyle = color;\n    ctx.lineWidth = 1;\n    ctx.beginPath();\n    ctx.moveTo(g.x0, Math.round(y) + 0.5);\n    ctx.lineTo(g.x1, Math.round(y) + 0.5);\n    ctx.stroke();\n  }\n  ctx.globalAlpha = 1;\n  ctx.strokeStyle = c.text;\n  ctx.lineWidth = 1;\n  ctx.beginPath();\n  ctx.moveTo(g.x0, Math.round(g.entry) + 0.5);\n  ctx.lineTo(g.x1, Math.round(g.entry) + 0.5);\n  ctx.stroke();\n  const dir = long ? 1 : -1;\n  const change = (price: number) =>\n    c.formatPercent(((price - entry.price) / entry.price) * 100);\n  const reward = Math.abs(target.price - entry.price);\n  const risk = Math.abs(entry.price - stop.price);\n  const ratio = risk > 0 ? reward / risk : NaN;\n  const texts = c.position;\n  const label = (text: string, y: number, fill: string, above: boolean) => {\n    ctx.font = c.font;\n    const tw = ctx.measureText(text).width + 14;\n    const x = Math.max(\n      m.left + 2,\n      Math.min(g.x0 + w / 2 - tw / 2, m.right - tw - 2),\n    );\n    const top = above ? y - 24 : y + 4;\n    roundRect(ctx, x, top, tw, 20, 4);\n    ctx.fillStyle = fill;\n    ctx.fill();\n    ctx.fillStyle = c.textOn(fill);\n    ctx.textAlign = \"center\";\n    ctx.textBaseline = \"middle\";\n    ctx.fillText(text, x + tw / 2, top + 10.5);\n  };\n  const targetUp = g.target < g.entry;\n  label(\n    c.fill(texts.target, {\n      price: c.formatPrice(target.price),\n      change: change(target.price),\n    }),\n    g.target,\n    c.up,\n    targetUp,\n  );\n  label(\n    c.fill(texts.stop, {\n      price: c.formatPrice(stop.price),\n      change: change(stop.price),\n    }),\n    g.stop,\n    c.down,\n    !targetUp,\n  );\n  // the side, the ratio and the profit at the last price\n  const parts = [\n    long ? texts.long : texts.short,\n    c.fill(texts.riskReward, {\n      ratio: Number.isFinite(ratio) ? ratio.toFixed(2) : \"–\",\n    }),\n  ];\n  if (Number.isFinite(c.last) && entry.price) {\n    const move = (c.last - entry.price) * dir;\n    const percent = c.formatPercent((move / entry.price) * 100);\n    const value =\n      drawing.quantity !== undefined\n        ? `${move * drawing.quantity >= 0 ? \"+\" : \"−\"}${c.formatPrice(Math.abs(move * drawing.quantity))} (${percent})`\n        : percent;\n    parts.push(c.fill(texts.profit, { value }));\n  }\n  ctx.font = c.font;\n  const text = parts.join(\"  ·  \");\n  const tw = ctx.measureText(text).width + 16;\n  const x = Math.max(\n    m.left + 2,\n    Math.min(g.x0 + w / 2 - tw / 2, m.right - tw - 2),\n  );\n  const center = g.entry - 10;\n  roundRect(ctx, x, center, tw, 20, 4);\n  ctx.fillStyle = c.text;\n  ctx.fill();\n  ctx.fillStyle = c.background;\n  ctx.textAlign = \"center\";\n  ctx.textBaseline = \"middle\";\n  ctx.fillText(text, x + tw / 2, center + 10.5);\n};\n\nconst paintFib = (\n  ctx: CanvasRenderingContext2D,\n  drawing: TradingDrawing,\n  a: Point,\n  b: Point,\n  c: DrawingPaintContext,\n  filled: boolean,\n  m: DrawingMapper,\n) => {\n  const x0 = Math.min(a.x, b.x);\n  const x1 = Math.max(a.x, b.x);\n  // labels stay readable when the left anchor is scrolled out\n  const labelX = Math.max(x0, m.left) + 4;\n  const p1 = drawing.points[0]?.price ?? 0;\n  const p2 = drawing.points[1]?.price ?? 0;\n  const ys = FIB_LEVELS.map((level) => b.y + (a.y - b.y) * level);\n  // bands between levels\n  if (filled) {\n    for (let i = 0; i + 1 < FIB_LEVELS.length; i++) {\n      ctx.globalAlpha = 0.08;\n      ctx.fillStyle = drawing.color ? c.color : (FIB_COLORS[i + 1] ?? c.color);\n      ctx.fillRect(\n        x0,\n        Math.min(ys[i] ?? 0, ys[i + 1] ?? 0),\n        x1 - x0,\n        Math.abs((ys[i + 1] ?? 0) - (ys[i] ?? 0)),\n      );\n    }\n  }\n  ctx.globalAlpha = 1;\n  ctx.textBaseline = \"bottom\";\n  ctx.textAlign = \"left\";\n  FIB_LEVELS.forEach((level, i) => {\n    const y = Math.round(ys[i] ?? 0) + 0.5;\n    const color = drawing.color ? c.color : (FIB_COLORS[i] ?? c.color);\n    ctx.strokeStyle = color;\n    ctx.fillStyle = color;\n    ctx.beginPath();\n    ctx.moveTo(x0, y);\n    ctx.lineTo(x1, y);\n    ctx.stroke();\n    const price = p2 + (p1 - p2) * level;\n    ctx.fillText(`${level} (${c.formatPrice(price)})`, labelX, y - 2);\n  });\n  // the trend line between the anchors\n  ctx.setLineDash([4, 4]);\n  ctx.strokeStyle = c.color;\n  ctx.globalAlpha = 0.6;\n  ctx.beginPath();\n  ctx.moveTo(a.x, a.y);\n  ctx.lineTo(b.x, b.y);\n  ctx.stroke();\n  ctx.globalAlpha = 1;\n};\n\nconst paintMeasure = (\n  ctx: CanvasRenderingContext2D,\n  drawing: TradingDrawing,\n  a: Point,\n  b: Point,\n  m: DrawingMapper,\n  c: DrawingPaintContext,\n) => {\n  const [p1, p2] = drawing.points as [TradingDrawingPoint, TradingDrawingPoint];\n  const rising = p2.price >= p1.price;\n  const color = drawing.color ? c.color : rising ? c.up : c.down;\n  const x0 = Math.min(a.x, b.x);\n  const x1 = Math.max(a.x, b.x);\n  const y0 = Math.min(a.y, b.y);\n  const y1 = Math.max(a.y, b.y);\n  ctx.setLineDash([]);\n  ctx.fillStyle = color;\n  ctx.globalAlpha = 0.14;\n  ctx.fillRect(x0, y0, x1 - x0, y1 - y0);\n  ctx.globalAlpha = 1;\n  ctx.strokeStyle = color;\n  ctx.lineWidth = 1;\n  // arrows across the box\n  const midX = Math.round((x0 + x1) / 2) + 0.5;\n  const midY = Math.round((y0 + y1) / 2) + 0.5;\n  const arrow = (from: Point, to: Point) => {\n    ctx.beginPath();\n    ctx.moveTo(from.x, from.y);\n    ctx.lineTo(to.x, to.y);\n    ctx.stroke();\n    const angle = Math.atan2(to.y - from.y, to.x - from.x);\n    ctx.beginPath();\n    ctx.moveTo(to.x, to.y);\n    ctx.lineTo(\n      to.x - 6 * Math.cos(angle - 0.5),\n      to.y - 6 * Math.sin(angle - 0.5),\n    );\n    ctx.lineTo(\n      to.x - 6 * Math.cos(angle + 0.5),\n      to.y - 6 * Math.sin(angle + 0.5),\n    );\n    ctx.closePath();\n    ctx.fill();\n  };\n  if (y1 - y0 > 10)\n    arrow({ x: midX, y: rising ? y1 : y0 }, { x: midX, y: rising ? y0 : y1 });\n  if (x1 - x0 > 10)\n    arrow(\n      { x: a.x < b.x ? x0 : x1, y: midY },\n      { x: a.x < b.x ? x1 : x0, y: midY },\n    );\n  // label\n  const change = p2.price - p1.price;\n  const percent = p1.price ? (change / p1.price) * 100 : NaN;\n  const bars = Math.round(m.index(p2.time) - m.index(p1.time));\n  const lines = [\n    `${change >= 0 ? \"+\" : \"−\"}${c.formatPrice(Math.abs(change))} (${c.formatPercent(percent)})`,\n    c.formatSpan(bars, p2.time - p1.time),\n  ];\n  const widths = lines.map((t) => ctx.measureText(t).width);\n  const w = Math.max(...widths) + 16;\n  const h = 38;\n  const lx = (x0 + x1) / 2 - w / 2;\n  const below = !rising;\n  // flip inside the pane when the label would leave it\n  let ly = below ? y1 + 6 : y0 - h - 6;\n  if (ly < m.top + 2) ly = y1 + 6;\n  if (ly + h > m.bottom - 2) ly = Math.max(m.top + 2, y0 - h - 6);\n  roundRect(ctx, lx, ly, w, h, 4);\n  ctx.fillStyle = color;\n  ctx.fill();\n  ctx.fillStyle = c.textOn(color);\n  ctx.textAlign = \"center\";\n  ctx.textBaseline = \"middle\";\n  ctx.fillText(lines[0] ?? \"\", lx + w / 2, ly + 11);\n  ctx.fillText(lines[1] ?? \"\", lx + w / 2, ly + 27);\n};\n"],"mappings":"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"}

package/dist/charts/engine/trading/drawings.d.cts

@@ -0,0 +1,95 @@
+import { TradingDrawing, TradingDrawingPoint, TradingDrawingTool, TradingLineStyle } from './types.cjs';
+/** Converts between anchors and the pixels of a pane */
+export interface DrawingMapper {
+    /** x (CSS px) of a logical bar index */
+    x(index: number): number;
+    /** y (CSS px) of a price */
+    y(price: number): number;
+    /** Logical index of a time (extrapolated outside the bars) */
+    index(time: number): number;
+    /** Plot rectangle of the pane */
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}
+export interface Point {
+    x: number;
+    y: number;
+}
+/** Rectangle in CSS pixels (text boxes, measured when painted) */
+export interface Box {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+type DrawingType = Exclude<TradingDrawingTool, "cursor">;
+/** Fibonacci retracement levels */
+export declare const FIB_LEVELS: number[];
+/** Clicks that create a drawing (positions get a default target and stop) */
+export declare const anchorCount: (tool: DrawingType) => number;
+/** Drawings with an area that `fill` can turn off */
+export declare const isFillable: (type: DrawingType) => boolean;
+export declare const isPosition: (type: DrawingType) => boolean;
+export declare const screenPoints: (drawing: TradingDrawing, m: DrawingMapper) => Point[];
+/** Handles of a drawing, in the order `moveHandle` understands */
+export declare const handlePoints: (drawing: TradingDrawing, m: DrawingMapper, box?: Box) => Point[];
+/** New anchors after dragging handle `index` to `point` */
+export declare const moveHandle: (drawing: TradingDrawing, index: number, point: TradingDrawingPoint) => TradingDrawingPoint[];
+/** Part of a drawing under the pointer */
+export type DrawingHit = {
+    part: "handle";
+    index: number;
+} | {
+    part: "body";
+};
+export declare const hitDrawing: (drawing: TradingDrawing, m: DrawingMapper, p: Point, tolerance?: number, box?: Box) => DrawingHit | null;
+export declare const setDash: (ctx: CanvasRenderingContext2D, style: TradingLineStyle | undefined, width: number) => void;
+/** Texts of the position tools (templates of the chart labels) */
+export interface PositionTexts {
+    target: string;
+    stop: string;
+    riskReward: string;
+    profit: string;
+    long: string;
+    short: string;
+}
+/** Values and helpers the painter needs from the chart */
+export interface DrawingPaintContext {
+    /** Resolved CSS color of a drawing */
+    color: string;
+    /** Text color on the plot */
+    text: string;
+    /** Background of the plot (handles) */
+    background: string;
+    /** Up / down colors (measure, positions) */
+    up: string;
+    down: string;
+    font: string;
+    /** Font family of the text drawings */
+    fontFamily: string;
+    formatPrice(price: number): string;
+    formatPercent(value: number): string;
+    /** `"24 bars, 2d 4h"` */
+    formatSpan(bars: number, ms: number): string;
+    /** Readable text color on a fill */
+    textOn(fill: string): string;
+    /** Default text of a text drawing */
+    defaultText: string;
+    /** Texts of the position tools */
+    position: PositionTexts;
+    /** Last price (profit of the position tools) */
+    last: number;
+    /** Fills `{name}` placeholders */
+    fill(template: string, values: Record<string, string | number>): string;
+}
+/**
+ * Paints a drawing (the context is clipped to its pane). Returns the box of
+ * a text drawing, used by the hit tests.
+ */
+export declare const paintDrawing: (ctx: CanvasRenderingContext2D, drawing: TradingDrawing, m: DrawingMapper, c: DrawingPaintContext, state: {
+    selected: boolean;
+    hovered: boolean;
+}) => Box | null;
+export {};

package/dist/charts/engine/trading/drawings.d.ts

@@ -0,0 +1,95 @@
+import { TradingDrawing, TradingDrawingPoint, TradingDrawingTool, TradingLineStyle } from './types.js';
+/** Converts between anchors and the pixels of a pane */
+export interface DrawingMapper {
+    /** x (CSS px) of a logical bar index */
+    x(index: number): number;
+    /** y (CSS px) of a price */
+    y(price: number): number;
+    /** Logical index of a time (extrapolated outside the bars) */
+    index(time: number): number;
+    /** Plot rectangle of the pane */
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}
+export interface Point {
+    x: number;
+    y: number;
+}
+/** Rectangle in CSS pixels (text boxes, measured when painted) */
+export interface Box {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+type DrawingType = Exclude<TradingDrawingTool, "cursor">;
+/** Fibonacci retracement levels */
+export declare const FIB_LEVELS: number[];
+/** Clicks that create a drawing (positions get a default target and stop) */
+export declare const anchorCount: (tool: DrawingType) => number;
+/** Drawings with an area that `fill` can turn off */
+export declare const isFillable: (type: DrawingType) => boolean;
+export declare const isPosition: (type: DrawingType) => boolean;
+export declare const screenPoints: (drawing: TradingDrawing, m: DrawingMapper) => Point[];
+/** Handles of a drawing, in the order `moveHandle` understands */
+export declare const handlePoints: (drawing: TradingDrawing, m: DrawingMapper, box?: Box) => Point[];
+/** New anchors after dragging handle `index` to `point` */
+export declare const moveHandle: (drawing: TradingDrawing, index: number, point: TradingDrawingPoint) => TradingDrawingPoint[];
+/** Part of a drawing under the pointer */
+export type DrawingHit = {
+    part: "handle";
+    index: number;
+} | {
+    part: "body";
+};
+export declare const hitDrawing: (drawing: TradingDrawing, m: DrawingMapper, p: Point, tolerance?: number, box?: Box) => DrawingHit | null;
+export declare const setDash: (ctx: CanvasRenderingContext2D, style: TradingLineStyle | undefined, width: number) => void;
+/** Texts of the position tools (templates of the chart labels) */
+export interface PositionTexts {
+    target: string;
+    stop: string;
+    riskReward: string;
+    profit: string;
+    long: string;
+    short: string;
+}
+/** Values and helpers the painter needs from the chart */
+export interface DrawingPaintContext {
+    /** Resolved CSS color of a drawing */
+    color: string;
+    /** Text color on the plot */
+    text: string;
+    /** Background of the plot (handles) */
+    background: string;
+    /** Up / down colors (measure, positions) */
+    up: string;
+    down: string;
+    font: string;
+    /** Font family of the text drawings */
+    fontFamily: string;
+    formatPrice(price: number): string;
+    formatPercent(value: number): string;
+    /** `"24 bars, 2d 4h"` */
+    formatSpan(bars: number, ms: number): string;
+    /** Readable text color on a fill */
+    textOn(fill: string): string;
+    /** Default text of a text drawing */
+    defaultText: string;
+    /** Texts of the position tools */
+    position: PositionTexts;
+    /** Last price (profit of the position tools) */
+    last: number;
+    /** Fills `{name}` placeholders */
+    fill(template: string, values: Record<string, string | number>): string;
+}
+/**
+ * Paints a drawing (the context is clipped to its pane). Returns the box of
+ * a text drawing, used by the hit tests.
+ */
+export declare const paintDrawing: (ctx: CanvasRenderingContext2D, drawing: TradingDrawing, m: DrawingMapper, c: DrawingPaintContext, state: {
+    selected: boolean;
+    hovered: boolean;
+}) => Box | null;
+export {};