@pipsend/charts 2.3.12 → 2.3.13

package/dist/pipsend-charts.standalone.development.js

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Pipsend Charts v2.3.12
+ * Pipsend Charts v2.3.13-dev+202609280001
  * Copyright (c) 2026 Pipsend
  * Licensed under MIT License
  * Built on TradingView Lightweight Charts™ (Apache 2.0)
@@ -14677,6 +14677,8 @@
                 return size(originalSize, 0.7);
             case 'tag':
                 return size(originalSize, 1);
+            case 'xcross':
+                return size(originalSize, 0.7);
         }
     }
     function calculateShapeHeight(barSpacing) {
@@ -14877,6 +14879,27 @@
             y >= textY - halfHeight && y <= textY + halfHeight;
     }
 
+    function drawXCross(ctx, coords, size) {
+        const crossSize = shapeSize('xcross', size);
+        const halfSize = ((crossSize - 1) / 2) * coords._internal_pixelRatio;
+        ctx.save();
+        ctx.strokeStyle = ctx.fillStyle;
+        ctx.lineWidth = Math.max(1, Math.round(1.5 * coords._internal_pixelRatio));
+        ctx.lineCap = 'round';
+        ctx.beginPath();
+        ctx.moveTo(coords._internal_x - halfSize, coords._internal_y - halfSize);
+        ctx.lineTo(coords._internal_x + halfSize, coords._internal_y + halfSize);
+        ctx.moveTo(coords._internal_x + halfSize, coords._internal_y - halfSize);
+        ctx.lineTo(coords._internal_x - halfSize, coords._internal_y + halfSize);
+        ctx.stroke();
+        ctx.restore();
+    }
+    function hitTestXCross(centerX, centerY, size, x, y) {
+        const crossSize = shapeSize('xcross', size);
+        const tolerance = 2 + crossSize / 2;
+        return Math.abs(x - centerX) <= tolerance && Math.abs(y - centerY) <= tolerance;
+    }
+
     class SeriesMarkersRenderer {
         constructor() {
             this._private__data = null;
@@ -15020,6 +15043,9 @@
             case 'square':
                 drawSquare(ctx, coordinates, item._internal_size);
                 return;
+            case 'xcross':
+                drawXCross(ctx, coordinates, item._internal_size);
+                return;
             case 'tag':
                 // Handled by drawTagItem, which needs both pixel ratios and the text.
                 return;
@@ -15048,6 +15074,8 @@
                 return hitTestCircle(item._internal_x, item._internal_y, item._internal_size, x, y);
             case 'square':
                 return hitTestSquare(item._internal_x, item._internal_y, item._internal_size, x, y);
+            case 'xcross':
+                return hitTestXCross(item._internal_x, item._internal_y, item._internal_size, x, y);
             case 'tag':
                 return false;
         }
@@ -26127,17 +26155,19 @@
             // Draw border
             const borderColor = this._private__rectOptions.borderColor;
             const borderWidth = this._private__isSelected ? this._private__rectOptions.borderWidth + 1 : this._private__rectOptions.borderWidth;
-            ctx.strokeStyle = borderColor;
-            ctx.lineWidth = borderWidth * horizontalPixelRatio;
-            // Set border style
-            if (this._private__rectOptions.borderStyle === 'dashed') {
-                ctx.setLineDash([10 * horizontalPixelRatio, 5 * horizontalPixelRatio]);
-            }
-            else if (this._private__rectOptions.borderStyle === 'dotted') {
-                ctx.setLineDash([2 * horizontalPixelRatio, 3 * horizontalPixelRatio]);
+            if (borderWidth > 0) {
+                ctx.strokeStyle = borderColor;
+                ctx.lineWidth = borderWidth * horizontalPixelRatio;
+                // Set border style
+                if (this._private__rectOptions.borderStyle === 'dashed') {
+                    ctx.setLineDash([10 * horizontalPixelRatio, 5 * horizontalPixelRatio]);
+                }
+                else if (this._private__rectOptions.borderStyle === 'dotted') {
+                    ctx.setLineDash([2 * horizontalPixelRatio, 3 * horizontalPixelRatio]);
+                }
+                ctx.strokeRect(minX, minY, width, height);
+                ctx.setLineDash([]);
             }
-            ctx.strokeRect(minX, minY, width, height);
-            ctx.setLineDash([]);
             // Draw corner handles if selected
             if ((this._private__isSelected || this._private__isHovered) && !this._private__isDrawing && !this.isLocked()) {
                 this._private__drawCornerHandles(ctx, minX, minY, maxX, maxY, horizontalPixelRatio, borderColor);
@@ -26165,17 +26195,20 @@
         }
         _private__drawLabel(ctx, minX, minY, maxX, maxY, horizontalPixelRatio, verticalPixelRatio, color) {
             const padding = 6 * horizontalPixelRatio;
-            const fontSize = 12 * horizontalPixelRatio;
+            const fontSize = (this._private__rectOptions.labelFontSize ?? 12) * horizontalPixelRatio;
             ctx.font = `${fontSize}px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`;
             const textMetrics = ctx.measureText(this._private__rectOptions.labelText);
             const textWidth = textMetrics.width;
             const textHeight = fontSize;
+            const middleY = (minY + maxY) / 2 - textHeight / 2 - padding;
+            // A box extended far past the pane keeps right-hand and centred labels on screen.
+            const visibleMaxX = Math.min(maxX, ctx.canvas.width);
             // Calculate label position based on labelPosition option
             let labelX = minX + padding;
             let labelY = minY + padding;
             switch (this._private__rectOptions.labelPosition) {
                 case 'top-right':
-                    labelX = maxX - textWidth - padding * 2;
+                    labelX = visibleMaxX - textWidth - padding * 2;
                     labelY = minY + padding;
                     break;
                 case 'bottom-left':
@@ -26183,19 +26216,27 @@
                     labelY = maxY - textHeight - padding * 2;
                     break;
                 case 'bottom-right':
-                    labelX = maxX - textWidth - padding * 2;
+                    labelX = visibleMaxX - textWidth - padding * 2;
                     labelY = maxY - textHeight - padding * 2;
                     break;
                 case 'center':
-                    labelX = (minX + maxX) / 2 - textWidth / 2 - padding;
-                    labelY = (minY + maxY) / 2 - textHeight / 2 - padding;
+                    labelX = (Math.max(minX, 0) + visibleMaxX) / 2 - textWidth / 2 - padding;
+                    labelY = middleY;
+                    break;
+                case 'left':
+                    labelX = minX + padding;
+                    labelY = middleY;
+                    break;
+                case 'right':
+                    labelX = visibleMaxX - textWidth - padding * 2;
+                    labelY = middleY;
                     break;
             }
             // Draw background
-            ctx.fillStyle = color;
+            ctx.fillStyle = this._private__rectOptions.labelBackgroundColor ?? color;
             ctx.fillRect(labelX, labelY, textWidth + padding * 2, textHeight + padding * 2);
             // Draw text
-            ctx.fillStyle = '#ffffff';
+            ctx.fillStyle = this._private__rectOptions.labelColor ?? '#ffffff';
             ctx.textBaseline = 'top';
             ctx.fillText(this._private__rectOptions.labelText, labelX + padding, labelY + padding);
         }
@@ -26433,6 +26474,9 @@
                     showLabel: this._private__rectOptions.showLabel,
                     labelText: this._private__rectOptions.labelText,
                     labelPosition: this._private__rectOptions.labelPosition,
+                    labelColor: this._private__rectOptions.labelColor,
+                    labelBackgroundColor: this._private__rectOptions.labelBackgroundColor,
+                    labelFontSize: this._private__rectOptions.labelFontSize,
                 },
             };
         }
@@ -28037,6 +28081,9 @@
                 borderWidth: 1,
                 textAlign: 'left',
                 maxWidth: 200,
+                anchor: 'top-left',
+                pointer: false,
+                borderRadius: 0,
                 ...options,
             };
             this._registerOptions(this._private__textOptions);
@@ -28188,18 +28235,59 @@
             const py = this._series.priceToCoordinate(price) ?? 0;
             // Calculate text box dimensions
             const fontSize = this._private__textOptions.fontSize || 14;
-            const padding = this._private__textOptions.padding || 8;
+            const padding = this._private__textOptions.padding ?? 8;
             const text = this._private__textOptions.text || '';
             // Rough estimate of text width (will be more accurate in canvas)
             const charWidth = fontSize * 0.6;
             const textWidth = Math.min(text.length * charWidth, this._private__textOptions.maxWidth || 200);
-            const textHeight = fontSize + padding * 2;
-            // Check if click is within text box bounds
-            const left = px;
-            const right = px + textWidth + padding * 2;
-            const top = py;
-            const bottom = py + textHeight;
-            return x >= left && x <= right && y >= top && y <= bottom;
+            const boxWidth = textWidth + padding * 2;
+            const boxHeight = fontSize + padding * 2;
+            const tail = this._private__tailSize(boxHeight);
+            const box = this._private__boxOrigin(px, py, boxWidth, boxHeight, tail);
+            const left = box._internal_left - (this._private__textOptions.anchor === 'left' ? tail : 0);
+            const right = box._internal_left + boxWidth + (this._private__textOptions.anchor === 'right' ? tail : 0);
+            return x >= left && x <= right && y >= box._internal_top && y <= box._internal_top + boxHeight;
+        }
+        _private__tailSize(boxHeight) {
+            const anchor = this._private__textOptions.anchor;
+            return this._private__textOptions.pointer && (anchor === 'left' || anchor === 'right') ? Math.round(boxHeight * 0.35) : 0;
+        }
+        _private__boxOrigin(x, y, width, height, tail) {
+            switch (this._private__textOptions.anchor) {
+                case 'left':
+                    return { _internal_left: x + tail, _internal_top: y - height / 2 };
+                case 'right':
+                    return { _internal_left: x - tail - width, _internal_top: y - height / 2 };
+                case 'center':
+                    return { _internal_left: x - width / 2, _internal_top: y - height / 2 };
+                default:
+                    return { _internal_left: x, _internal_top: y };
+            }
+        }
+        // eslint-disable-next-line max-params
+        _private__traceBox(ctx, left, top, width, height, tail, anchorX, anchorY, radius) {
+            const r = Math.max(0, Math.min(radius, width / 2, height / 2));
+            ctx.beginPath();
+            ctx.moveTo(left + r, top);
+            ctx.lineTo(left + width - r, top);
+            ctx.arcTo(left + width, top, left + width, top + r, r);
+            if (tail > 0 && this._private__textOptions.anchor === 'right') {
+                ctx.lineTo(left + width, anchorY - tail);
+                ctx.lineTo(anchorX, anchorY);
+                ctx.lineTo(left + width, anchorY + tail);
+            }
+            ctx.lineTo(left + width, top + height - r);
+            ctx.arcTo(left + width, top + height, left + width - r, top + height, r);
+            ctx.lineTo(left + r, top + height);
+            ctx.arcTo(left, top + height, left, top + height - r, r);
+            if (tail > 0 && this._private__textOptions.anchor === 'left') {
+                ctx.lineTo(left, anchorY + tail);
+                ctx.lineTo(anchorX, anchorY);
+                ctx.lineTo(left, anchorY - tail);
+            }
+            ctx.lineTo(left, top + r);
+            ctx.arcTo(left, top, left + r, top, r);
+            ctx.closePath();
         }
         hitTestEndpoint(x, y) {
             if (!this.isComplete())
@@ -28251,7 +28339,7 @@
             const x = (coordinateFromTime(this._chart, this._series, time) ?? 0) * horizontalPixelRatio;
             const y = (this._series.priceToCoordinate(price) ?? 0) * verticalPixelRatio;
             const fontSize = (this._private__textOptions.fontSize || 14) * horizontalPixelRatio;
-            const padding = (this._private__textOptions.padding || 8) * horizontalPixelRatio;
+            const padding = (this._private__textOptions.padding ?? 8) * horizontalPixelRatio;
             const maxWidth = (this._private__textOptions.maxWidth || 200) * horizontalPixelRatio;
             // Set font
             ctx.font = `${fontSize}px ${this._private__textOptions.fontFamily || 'Arial'}`;
@@ -28283,32 +28371,39 @@
             const boxWidth = maxLineWidth + padding * 2;
             const lineHeight = fontSize * 1.2;
             const boxHeight = lines.length * lineHeight + padding * 2;
+            const tail = this._private__tailSize(boxHeight);
+            const { _internal_left: left, _internal_top: top } = this._private__boxOrigin(x, y, boxWidth, boxHeight, tail);
+            const radius = (this._private__textOptions.borderRadius ?? 0) * horizontalPixelRatio;
             // Draw background
-            const bgOpacity = this._private__textOptions.backgroundOpacity || 0.8;
+            const bgOpacity = this._private__textOptions.backgroundOpacity ?? 0.8;
             const bgColor = this._private__textOptions.backgroundColor || '#2962FF';
-            ctx.fillStyle = this._private__hexToRgba(bgColor, bgOpacity);
-            ctx.fillRect(x, y, boxWidth, boxHeight);
+            if (bgOpacity > 0) {
+                ctx.fillStyle = this._private__hexToRgba(bgColor, bgOpacity);
+                this._private__traceBox(ctx, left, top, boxWidth, boxHeight, tail, x, y, radius);
+                ctx.fill();
+            }
             // Draw border
             if (this._private__isSelected || this._private__isHovered) {
                 ctx.strokeStyle = this._private__textOptions.borderColor ?? '#FFFFFF';
                 ctx.lineWidth = (this._private__textOptions.borderWidth || 1) * horizontalPixelRatio * (this._private__isSelected ? 2 : 1);
-                ctx.strokeRect(x, y, boxWidth, boxHeight);
+                this._private__traceBox(ctx, left, top, boxWidth, boxHeight, tail, x, y, radius);
+                ctx.stroke();
             }
             // Draw text
             ctx.fillStyle = this._private__textOptions.textColor || '#FFFFFF';
             for (let i = 0; i < lines.length; i++) {
                 const line = lines[i];
-                let textX = x + padding;
+                let textX = left + padding;
                 // Handle text alignment
                 if (this._private__textOptions.textAlign === 'center') {
                     const metrics = ctx.measureText(line);
-                    textX = x + (boxWidth - metrics.width) / 2;
+                    textX = left + (boxWidth - metrics.width) / 2;
                 }
                 else if (this._private__textOptions.textAlign === 'right') {
                     const metrics = ctx.measureText(line);
-                    textX = x + boxWidth - metrics.width - padding;
+                    textX = left + boxWidth - metrics.width - padding;
                 }
-                const textY = y + padding + i * lineHeight;
+                const textY = top + padding + i * lineHeight;
                 ctx.fillText(line, textX, textY);
             }
             // Draw anchor point if selected
@@ -28352,6 +28447,9 @@
                     borderWidth: this._private__textOptions.borderWidth,
                     textAlign: this._private__textOptions.textAlign,
                     maxWidth: this._private__textOptions.maxWidth,
+                    anchor: this._private__textOptions.anchor,
+                    pointer: this._private__textOptions.pointer,
+                    borderRadius: this._private__textOptions.borderRadius,
                 },
                 extra: {
                     text: this._private__textOptions.text,
@@ -31139,7 +31237,7 @@
      * Returns the current version as a string. For example `'1.0.0'`.
      */
     function version() {
-        return "2.3.12";
+        return "2.3.13-dev+202609280001";
     }
 
     var PipsendChartsModule = /*#__PURE__*/Object.freeze({

package/dist/pipsend-charts.standalone.development.mjs

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Pipsend Charts v2.3.12
+ * Pipsend Charts v2.3.13-dev+202609280001
  * Copyright (c) 2026 Pipsend
  * Licensed under MIT License
  * Built on TradingView Lightweight Charts™ (Apache 2.0)
@@ -14674,6 +14674,8 @@ function shapeSize(shape, originalSize) {
             return size(originalSize, 0.7);
         case 'tag':
             return size(originalSize, 1);
+        case 'xcross':
+            return size(originalSize, 0.7);
     }
 }
 function calculateShapeHeight(barSpacing) {
@@ -14874,6 +14876,27 @@ function hitTestText(textX, textY, textWidth, textHeight, x, y) {
         y >= textY - halfHeight && y <= textY + halfHeight;
 }
 
+function drawXCross(ctx, coords, size) {
+    const crossSize = shapeSize('xcross', size);
+    const halfSize = ((crossSize - 1) / 2) * coords._internal_pixelRatio;
+    ctx.save();
+    ctx.strokeStyle = ctx.fillStyle;
+    ctx.lineWidth = Math.max(1, Math.round(1.5 * coords._internal_pixelRatio));
+    ctx.lineCap = 'round';
+    ctx.beginPath();
+    ctx.moveTo(coords._internal_x - halfSize, coords._internal_y - halfSize);
+    ctx.lineTo(coords._internal_x + halfSize, coords._internal_y + halfSize);
+    ctx.moveTo(coords._internal_x + halfSize, coords._internal_y - halfSize);
+    ctx.lineTo(coords._internal_x - halfSize, coords._internal_y + halfSize);
+    ctx.stroke();
+    ctx.restore();
+}
+function hitTestXCross(centerX, centerY, size, x, y) {
+    const crossSize = shapeSize('xcross', size);
+    const tolerance = 2 + crossSize / 2;
+    return Math.abs(x - centerX) <= tolerance && Math.abs(y - centerY) <= tolerance;
+}
+
 class SeriesMarkersRenderer {
     constructor() {
         this._private__data = null;
@@ -15017,6 +15040,9 @@ function drawShape(item, ctx, coordinates) {
         case 'square':
             drawSquare(ctx, coordinates, item._internal_size);
             return;
+        case 'xcross':
+            drawXCross(ctx, coordinates, item._internal_size);
+            return;
         case 'tag':
             // Handled by drawTagItem, which needs both pixel ratios and the text.
             return;
@@ -15045,6 +15071,8 @@ function hitTestShape(item, x, y) {
             return hitTestCircle(item._internal_x, item._internal_y, item._internal_size, x, y);
         case 'square':
             return hitTestSquare(item._internal_x, item._internal_y, item._internal_size, x, y);
+        case 'xcross':
+            return hitTestXCross(item._internal_x, item._internal_y, item._internal_size, x, y);
         case 'tag':
             return false;
     }
@@ -26124,17 +26152,19 @@ class RectangleTool extends DrawingToolBase {
         // Draw border
         const borderColor = this._private__rectOptions.borderColor;
         const borderWidth = this._private__isSelected ? this._private__rectOptions.borderWidth + 1 : this._private__rectOptions.borderWidth;
-        ctx.strokeStyle = borderColor;
-        ctx.lineWidth = borderWidth * horizontalPixelRatio;
-        // Set border style
-        if (this._private__rectOptions.borderStyle === 'dashed') {
-            ctx.setLineDash([10 * horizontalPixelRatio, 5 * horizontalPixelRatio]);
-        }
-        else if (this._private__rectOptions.borderStyle === 'dotted') {
-            ctx.setLineDash([2 * horizontalPixelRatio, 3 * horizontalPixelRatio]);
+        if (borderWidth > 0) {
+            ctx.strokeStyle = borderColor;
+            ctx.lineWidth = borderWidth * horizontalPixelRatio;
+            // Set border style
+            if (this._private__rectOptions.borderStyle === 'dashed') {
+                ctx.setLineDash([10 * horizontalPixelRatio, 5 * horizontalPixelRatio]);
+            }
+            else if (this._private__rectOptions.borderStyle === 'dotted') {
+                ctx.setLineDash([2 * horizontalPixelRatio, 3 * horizontalPixelRatio]);
+            }
+            ctx.strokeRect(minX, minY, width, height);
+            ctx.setLineDash([]);
         }
-        ctx.strokeRect(minX, minY, width, height);
-        ctx.setLineDash([]);
         // Draw corner handles if selected
         if ((this._private__isSelected || this._private__isHovered) && !this._private__isDrawing && !this.isLocked()) {
             this._private__drawCornerHandles(ctx, minX, minY, maxX, maxY, horizontalPixelRatio, borderColor);
@@ -26162,17 +26192,20 @@ class RectangleTool extends DrawingToolBase {
     }
     _private__drawLabel(ctx, minX, minY, maxX, maxY, horizontalPixelRatio, verticalPixelRatio, color) {
         const padding = 6 * horizontalPixelRatio;
-        const fontSize = 12 * horizontalPixelRatio;
+        const fontSize = (this._private__rectOptions.labelFontSize ?? 12) * horizontalPixelRatio;
         ctx.font = `${fontSize}px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`;
         const textMetrics = ctx.measureText(this._private__rectOptions.labelText);
         const textWidth = textMetrics.width;
         const textHeight = fontSize;
+        const middleY = (minY + maxY) / 2 - textHeight / 2 - padding;
+        // A box extended far past the pane keeps right-hand and centred labels on screen.
+        const visibleMaxX = Math.min(maxX, ctx.canvas.width);
         // Calculate label position based on labelPosition option
         let labelX = minX + padding;
         let labelY = minY + padding;
         switch (this._private__rectOptions.labelPosition) {
             case 'top-right':
-                labelX = maxX - textWidth - padding * 2;
+                labelX = visibleMaxX - textWidth - padding * 2;
                 labelY = minY + padding;
                 break;
             case 'bottom-left':
@@ -26180,19 +26213,27 @@ class RectangleTool extends DrawingToolBase {
                 labelY = maxY - textHeight - padding * 2;
                 break;
             case 'bottom-right':
-                labelX = maxX - textWidth - padding * 2;
+                labelX = visibleMaxX - textWidth - padding * 2;
                 labelY = maxY - textHeight - padding * 2;
                 break;
             case 'center':
-                labelX = (minX + maxX) / 2 - textWidth / 2 - padding;
-                labelY = (minY + maxY) / 2 - textHeight / 2 - padding;
+                labelX = (Math.max(minX, 0) + visibleMaxX) / 2 - textWidth / 2 - padding;
+                labelY = middleY;
+                break;
+            case 'left':
+                labelX = minX + padding;
+                labelY = middleY;
+                break;
+            case 'right':
+                labelX = visibleMaxX - textWidth - padding * 2;
+                labelY = middleY;
                 break;
         }
         // Draw background
-        ctx.fillStyle = color;
+        ctx.fillStyle = this._private__rectOptions.labelBackgroundColor ?? color;
         ctx.fillRect(labelX, labelY, textWidth + padding * 2, textHeight + padding * 2);
         // Draw text
-        ctx.fillStyle = '#ffffff';
+        ctx.fillStyle = this._private__rectOptions.labelColor ?? '#ffffff';
         ctx.textBaseline = 'top';
         ctx.fillText(this._private__rectOptions.labelText, labelX + padding, labelY + padding);
     }
@@ -26430,6 +26471,9 @@ class RectangleTool extends DrawingToolBase {
                 showLabel: this._private__rectOptions.showLabel,
                 labelText: this._private__rectOptions.labelText,
                 labelPosition: this._private__rectOptions.labelPosition,
+                labelColor: this._private__rectOptions.labelColor,
+                labelBackgroundColor: this._private__rectOptions.labelBackgroundColor,
+                labelFontSize: this._private__rectOptions.labelFontSize,
             },
         };
     }
@@ -28034,6 +28078,9 @@ class TextTool extends DrawingToolBase {
             borderWidth: 1,
             textAlign: 'left',
             maxWidth: 200,
+            anchor: 'top-left',
+            pointer: false,
+            borderRadius: 0,
             ...options,
         };
         this._registerOptions(this._private__textOptions);
@@ -28185,18 +28232,59 @@ class TextTool extends DrawingToolBase {
         const py = this._series.priceToCoordinate(price) ?? 0;
         // Calculate text box dimensions
         const fontSize = this._private__textOptions.fontSize || 14;
-        const padding = this._private__textOptions.padding || 8;
+        const padding = this._private__textOptions.padding ?? 8;
         const text = this._private__textOptions.text || '';
         // Rough estimate of text width (will be more accurate in canvas)
         const charWidth = fontSize * 0.6;
         const textWidth = Math.min(text.length * charWidth, this._private__textOptions.maxWidth || 200);
-        const textHeight = fontSize + padding * 2;
-        // Check if click is within text box bounds
-        const left = px;
-        const right = px + textWidth + padding * 2;
-        const top = py;
-        const bottom = py + textHeight;
-        return x >= left && x <= right && y >= top && y <= bottom;
+        const boxWidth = textWidth + padding * 2;
+        const boxHeight = fontSize + padding * 2;
+        const tail = this._private__tailSize(boxHeight);
+        const box = this._private__boxOrigin(px, py, boxWidth, boxHeight, tail);
+        const left = box._internal_left - (this._private__textOptions.anchor === 'left' ? tail : 0);
+        const right = box._internal_left + boxWidth + (this._private__textOptions.anchor === 'right' ? tail : 0);
+        return x >= left && x <= right && y >= box._internal_top && y <= box._internal_top + boxHeight;
+    }
+    _private__tailSize(boxHeight) {
+        const anchor = this._private__textOptions.anchor;
+        return this._private__textOptions.pointer && (anchor === 'left' || anchor === 'right') ? Math.round(boxHeight * 0.35) : 0;
+    }
+    _private__boxOrigin(x, y, width, height, tail) {
+        switch (this._private__textOptions.anchor) {
+            case 'left':
+                return { _internal_left: x + tail, _internal_top: y - height / 2 };
+            case 'right':
+                return { _internal_left: x - tail - width, _internal_top: y - height / 2 };
+            case 'center':
+                return { _internal_left: x - width / 2, _internal_top: y - height / 2 };
+            default:
+                return { _internal_left: x, _internal_top: y };
+        }
+    }
+    // eslint-disable-next-line max-params
+    _private__traceBox(ctx, left, top, width, height, tail, anchorX, anchorY, radius) {
+        const r = Math.max(0, Math.min(radius, width / 2, height / 2));
+        ctx.beginPath();
+        ctx.moveTo(left + r, top);
+        ctx.lineTo(left + width - r, top);
+        ctx.arcTo(left + width, top, left + width, top + r, r);
+        if (tail > 0 && this._private__textOptions.anchor === 'right') {
+            ctx.lineTo(left + width, anchorY - tail);
+            ctx.lineTo(anchorX, anchorY);
+            ctx.lineTo(left + width, anchorY + tail);
+        }
+        ctx.lineTo(left + width, top + height - r);
+        ctx.arcTo(left + width, top + height, left + width - r, top + height, r);
+        ctx.lineTo(left + r, top + height);
+        ctx.arcTo(left, top + height, left, top + height - r, r);
+        if (tail > 0 && this._private__textOptions.anchor === 'left') {
+            ctx.lineTo(left, anchorY + tail);
+            ctx.lineTo(anchorX, anchorY);
+            ctx.lineTo(left, anchorY - tail);
+        }
+        ctx.lineTo(left, top + r);
+        ctx.arcTo(left, top, left + r, top, r);
+        ctx.closePath();
     }
     hitTestEndpoint(x, y) {
         if (!this.isComplete())
@@ -28248,7 +28336,7 @@ class TextTool extends DrawingToolBase {
         const x = (coordinateFromTime(this._chart, this._series, time) ?? 0) * horizontalPixelRatio;
         const y = (this._series.priceToCoordinate(price) ?? 0) * verticalPixelRatio;
         const fontSize = (this._private__textOptions.fontSize || 14) * horizontalPixelRatio;
-        const padding = (this._private__textOptions.padding || 8) * horizontalPixelRatio;
+        const padding = (this._private__textOptions.padding ?? 8) * horizontalPixelRatio;
         const maxWidth = (this._private__textOptions.maxWidth || 200) * horizontalPixelRatio;
         // Set font
         ctx.font = `${fontSize}px ${this._private__textOptions.fontFamily || 'Arial'}`;
@@ -28280,32 +28368,39 @@ class TextTool extends DrawingToolBase {
         const boxWidth = maxLineWidth + padding * 2;
         const lineHeight = fontSize * 1.2;
         const boxHeight = lines.length * lineHeight + padding * 2;
+        const tail = this._private__tailSize(boxHeight);
+        const { _internal_left: left, _internal_top: top } = this._private__boxOrigin(x, y, boxWidth, boxHeight, tail);
+        const radius = (this._private__textOptions.borderRadius ?? 0) * horizontalPixelRatio;
         // Draw background
-        const bgOpacity = this._private__textOptions.backgroundOpacity || 0.8;
+        const bgOpacity = this._private__textOptions.backgroundOpacity ?? 0.8;
         const bgColor = this._private__textOptions.backgroundColor || '#2962FF';
-        ctx.fillStyle = this._private__hexToRgba(bgColor, bgOpacity);
-        ctx.fillRect(x, y, boxWidth, boxHeight);
+        if (bgOpacity > 0) {
+            ctx.fillStyle = this._private__hexToRgba(bgColor, bgOpacity);
+            this._private__traceBox(ctx, left, top, boxWidth, boxHeight, tail, x, y, radius);
+            ctx.fill();
+        }
         // Draw border
         if (this._private__isSelected || this._private__isHovered) {
             ctx.strokeStyle = this._private__textOptions.borderColor ?? '#FFFFFF';
             ctx.lineWidth = (this._private__textOptions.borderWidth || 1) * horizontalPixelRatio * (this._private__isSelected ? 2 : 1);
-            ctx.strokeRect(x, y, boxWidth, boxHeight);
+            this._private__traceBox(ctx, left, top, boxWidth, boxHeight, tail, x, y, radius);
+            ctx.stroke();
         }
         // Draw text
         ctx.fillStyle = this._private__textOptions.textColor || '#FFFFFF';
         for (let i = 0; i < lines.length; i++) {
             const line = lines[i];
-            let textX = x + padding;
+            let textX = left + padding;
             // Handle text alignment
             if (this._private__textOptions.textAlign === 'center') {
                 const metrics = ctx.measureText(line);
-                textX = x + (boxWidth - metrics.width) / 2;
+                textX = left + (boxWidth - metrics.width) / 2;
             }
             else if (this._private__textOptions.textAlign === 'right') {
                 const metrics = ctx.measureText(line);
-                textX = x + boxWidth - metrics.width - padding;
+                textX = left + boxWidth - metrics.width - padding;
             }
-            const textY = y + padding + i * lineHeight;
+            const textY = top + padding + i * lineHeight;
             ctx.fillText(line, textX, textY);
         }
         // Draw anchor point if selected
@@ -28349,6 +28444,9 @@ class TextTool extends DrawingToolBase {
                 borderWidth: this._private__textOptions.borderWidth,
                 textAlign: this._private__textOptions.textAlign,
                 maxWidth: this._private__textOptions.maxWidth,
+                anchor: this._private__textOptions.anchor,
+                pointer: this._private__textOptions.pointer,
+                borderRadius: this._private__textOptions.borderRadius,
             },
             extra: {
                 text: this._private__textOptions.text,
@@ -31136,7 +31234,7 @@ const customSeriesDefaultOptions = {
  * Returns the current version as a string. For example `'1.0.0'`.
  */
 function version() {
-    return "2.3.12";
+    return "2.3.13-dev+202609280001";
 }
 
 export { areaSeries as AreaSeries, ArrowTool, barSeries as BarSeries, baselineSeries as BaselineSeries, BrushTool, candlestickSeries as CandlestickSeries, CircleTool, ColorType, CrossLineTool, CrosshairMode, DEFAULT_SESSIONS, DraggablePriceLine, DrawingToolsManager, EXTENDED_FIBONACCI_RATIOS, FibonacciCalculator, FibonacciExtensionTool, FibonacciFanTool, FibonacciTool, GanttTool, histogramSeries as HistogramSeries, HorizontalLineTool, InteractiveLineManager, LastPriceAnimationMode, lineSeries as LineSeries, LineStyle, LineType, MismatchDirection, ParallelChannelTool, PitchforkTool, PolygonTool, PositionCalculator, PositionLine, PositionMarkersManager, PositionTool, PriceLineSource, PriceScaleMode, RectangleTool, RulerCalculator, RulerTool, STANDARD_FIBONACCI_RATIOS, TextTool, TickMarkType, TrackingModeExitMode, TradingSessionsIndicator, TrendLineTool, VerticalLineTool, VolumeProfileIndicator, applyADX, applyATR, applyBollingerBands, applyCCI, applyDonchianChannels, applyEMA, applyHeikinAshi, applyIchimoku, applyKeltnerChannels, applyMACD, applyMFI, applyOBV, applyParabolicSAR, applyPivotPoints, applyRSI, applySMA, applyStochastic, applySuperTrend, applyVWAP, applyVolume, applyWMA, applyWilliamsR, calculateHeikinAshi, calculatePipConfig, coordinateFromTime, createArrowTool, createBrushTool, createChart, createChartEx, createCircleTool, createCrossLineTool, createFibonacciExtensionTool, createFibonacciFanTool, createFibonacciTool, createGanttTool, createHorizontalLineTool, createImageWatermark, createInteractiveLineManager, createOptionsChart, createParallelChannelTool, createPitchforkTool, createPolygonTool, createPositionLine, createPositionMarkers, createPositionTool, createRectangleTool, createRulerTool, createSeriesMarkers, createTextTool, createTextWatermark, createTradingLine, createTradingSessionsIndicator, createTrendLineTool, createUpDownMarkers, createVerticalLineTool, createVolumeProfileIndicator, createYieldCurveChart, customSeriesDefaultOptions, defaultHorzScaleBehavior, getPipConfig, hideSeriesPaint, isBusinessDay, isUTCTimestamp, setSeriesVolumes, setVolumeProfileData, timeFromCoordinate, version };