@pipsend/charts 2.3.13 → 2.3.14

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

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Pipsend Charts v2.3.13-dev+202609280001
+ * Pipsend Charts v2.3.14
  * Copyright (c) 2026 Pipsend
  * Licensed under MIT License
  * Built on TradingView Lightweight Charts™ (Apache 2.0)
@@ -21641,6 +21641,13 @@ class DrawingToolBase {
     series() {
         return this._series;
     }
+    /**
+     * Box the selection toolbar anchors to, in pane pixels. Null falls back to
+     * the serialized points, which cannot place a line across the whole pane.
+     */
+    selectionBox() {
+        return null;
+    }
     getState() {
         return this._state;
     }
@@ -22317,6 +22324,53 @@ function createTrendLineTool(context, options) {
     return new TrendLineTool(context, options);
 }
 
+const END_HANDLE_MARGIN = 10;
+/**
+ * Hands the next `clicks` clicks on the chart to `onClick`, past the last bar
+ * too. A press that grabbed another drawing does not count.
+ */
+function placeByClicks(chart, series, clicks, onClick) {
+    let placed = 0;
+    let handler = null;
+    const stop = () => {
+        if (handler !== null) {
+            chart.unsubscribeClick(handler);
+            handler = null;
+        }
+    };
+    handler = (param) => {
+        if (!param.point || consumeInputClaim(chart)) {
+            return;
+        }
+        const price = series.coordinateToPrice(param.point.y);
+        const time = timeFromCoordinate(chart, series, param.point.x);
+        if (price === null || time === null) {
+            return;
+        }
+        placed++;
+        if (placed >= clicks) {
+            stop();
+        }
+        onClick({ _internal_time: time, _internal_price: price, _internal_x: param.point.x, _internal_y: param.point.y }, placed - 1);
+    };
+    chart.subscribeClick(handler);
+    return {
+        _internal_pending: () => handler !== null,
+        _internal_stop: stop,
+    };
+}
+/** A fifth of the pane, and never less than a bar. */
+function defaultWidth(chart) {
+    const timeScale = chart.timeScale();
+    return Math.max(timeScale.width() / 5, timeScale.options().barSpacing);
+}
+/** Kept inside the pane: past it, the handles on the end hide under the price axis. */
+function placedEndX(chart, x) {
+    const timeScale = chart.timeScale();
+    const onScreen = Math.min(x + defaultWidth(chart), timeScale.width() - END_HANDLE_MARGIN);
+    return Math.max(onScreen, x + timeScale.options().barSpacing);
+}
+
 class HorizontalLinePaneRenderer {
     constructor(tool) {
         this._private__tool = tool;
@@ -22357,6 +22411,7 @@ class HorizontalLineTool extends DrawingToolBase {
         this._private__isDragging = false;
         this._private__grab = null;
         this._private__moveStartPrice = 0;
+        this._private__placement = null;
         this._private__hLineOptions = {
             lineColor: '#2962ff',
             lineWidth: 2,
@@ -22369,6 +22424,26 @@ class HorizontalLineTool extends DrawingToolBase {
         };
         this._registerOptions(this._private__hLineOptions);
         this._private__createPrimitive();
+        if (this._private__hLineOptions.interactive) {
+            this._private__placement = placeByClicks(this._chart, this._series, 1, (point) => this._private__placeAt(point));
+        }
+    }
+    _private__placeAt(point) {
+        this._private__hLineOptions.price = point._internal_price;
+        if (this._private__hLineOptions.startTime !== undefined) {
+            this._private__hLineOptions.startTime = point._internal_time;
+        }
+        this._private__requestUpdate();
+    }
+    isComplete() {
+        return !this._private__placement?._internal_pending();
+    }
+    selectionBox() {
+        const y = this._private__hLineOptions.price === undefined ? null : this._series.priceToCoordinate(this._private__hLineOptions.price);
+        if (y === null) {
+            return null;
+        }
+        return { left: this._private__startX(), right: this._chart.timeScale().width(), top: y, bottom: y };
     }
     _private__createPrimitive() {
         this._private__paneView = this._private__createPaneView();
@@ -22406,7 +22481,7 @@ class HorizontalLineTool extends DrawingToolBase {
         return coordinateFromTime(this._chart, this._series, this._private__hLineOptions.startTime) ?? 0;
     }
     drawToCanvas(ctx, horizontalPixelRatio, verticalPixelRatio) {
-        if (this._private__hLineOptions.price === undefined)
+        if (!this.isComplete() || this._private__hLineOptions.price === undefined)
             return;
         const y = (this._series.priceToCoordinate(this._private__hLineOptions.price) ?? 0) * verticalPixelRatio;
         const chartWidth = this._chart.chartElement().clientWidth * horizontalPixelRatio;
@@ -22500,7 +22575,7 @@ class HorizontalLineTool extends DrawingToolBase {
         return this.hitTest(x, y) ? toolHoveredItem(this.id, 'body', false) : null;
     }
     hitTest(x, y) {
-        if (this._private__hLineOptions.price === undefined) {
+        if (!this.isComplete() || this._private__hLineOptions.price === undefined) {
             return false;
         }
         const lineY = this._series.priceToCoordinate(this._private__hLineOptions.price) ?? 0;
@@ -22575,6 +22650,7 @@ class HorizontalLineTool extends DrawingToolBase {
         this._private__requestUpdate();
     }
     remove() {
+        this._private__placement?._internal_stop();
         if (this._private__primitive) {
             this._series.detachPrimitive(this._private__primitive);
             this._private__primitive = null;
@@ -22634,6 +22710,7 @@ class CrossLineTool extends DrawingToolBase {
         this._private__grab = null;
         this._private__moveStartTime = 0;
         this._private__moveStartPrice = 0;
+        this._private__placement = null;
         this._private__crossOptions = {
             lineColor: '#787b86',
             lineWidth: 1,
@@ -22643,6 +22720,16 @@ class CrossLineTool extends DrawingToolBase {
         };
         this._registerOptions(this._private__crossOptions);
         this._private__createPrimitive();
+        if (this._private__crossOptions.interactive) {
+            this._private__placement = placeByClicks(this._chart, this._series, 1, (point) => {
+                this._private__crossOptions.time = point._internal_time;
+                this._private__crossOptions.price = point._internal_price;
+                this._private__requestUpdate();
+            });
+        }
+    }
+    isComplete() {
+        return !this._private__placement?._internal_pending();
     }
     _private__createPrimitive() {
         this._private__paneView = new CrossLinePaneView(this);
@@ -22670,7 +22757,7 @@ class CrossLineTool extends DrawingToolBase {
         this._private__requestUpdate();
     }
     _private__coordinates() {
-        if (this._private__crossOptions.time === undefined || this._private__crossOptions.price === undefined) {
+        if (!this.isComplete() || this._private__crossOptions.time === undefined || this._private__crossOptions.price === undefined) {
             return null;
         }
         const x = coordinateFromTime(this._chart, this._series, this._private__crossOptions.time);
@@ -22793,6 +22880,7 @@ class CrossLineTool extends DrawingToolBase {
         return this._private__isHovered;
     }
     remove() {
+        this._private__placement?._internal_stop();
         if (this._private__primitive) {
             try {
                 this._series.detachPrimitive(this._private__primitive);
@@ -24215,6 +24303,7 @@ class VerticalLineTool extends DrawingToolBase {
         this._private__isDragging = false;
         this._private__grab = null;
         this._private__moveStartTime = 0;
+        this._private__placement = null;
         this._private__vLineOptions = {
             lineColor: '#787b86',
             lineWidth: 1,
@@ -24226,6 +24315,29 @@ class VerticalLineTool extends DrawingToolBase {
         };
         this._registerOptions(this._private__vLineOptions);
         this._private__createPrimitive();
+        if (this._private__vLineOptions.interactive) {
+            this._private__placement = placeByClicks(this._chart, this._series, 1, (point) => {
+                this._private__vLineOptions.time = point._internal_time;
+                this._private__requestUpdate();
+            });
+        }
+    }
+    isComplete() {
+        return !this._private__placement?._internal_pending();
+    }
+    selectionBox() {
+        const x = coordinateFromTime(this._chart, this._series, this._private__vLineOptions.time);
+        if (x === null) {
+            return null;
+        }
+        let middle;
+        try {
+            middle = this._series.getPane().getHeight() / 2;
+        }
+        catch (error) {
+            return null;
+        }
+        return { left: x, right: x, top: middle, bottom: middle };
     }
     _private__createPrimitive() {
         this._private__paneView = this._private__createPaneView();
@@ -24256,7 +24368,7 @@ class VerticalLineTool extends DrawingToolBase {
         return new VerticalLinePaneView(this);
     }
     drawToCanvas(ctx, horizontalPixelRatio, verticalPixelRatio) {
-        if (this._private__vLineOptions.time === undefined)
+        if (!this.isComplete() || this._private__vLineOptions.time === undefined)
             return;
         const x = (coordinateFromTime(this._chart, this._series, this._private__vLineOptions.time) ?? 0) * horizontalPixelRatio;
         const chartHeight = this._chart.chartElement().clientHeight * verticalPixelRatio;
@@ -24343,7 +24455,7 @@ class VerticalLineTool extends DrawingToolBase {
         return this.hitTest(x, y) ? toolHoveredItem(this.id, 'body', false) : null;
     }
     hitTest(x, y) {
-        if (this._private__vLineOptions.time === undefined) {
+        if (!this.isComplete() || this._private__vLineOptions.time === undefined) {
             return false;
         }
         const lineX = coordinateFromTime(this._chart, this._series, this._private__vLineOptions.time) ?? 0;
@@ -24413,6 +24525,7 @@ class VerticalLineTool extends DrawingToolBase {
         this._private__requestUpdate();
     }
     remove() {
+        this._private__placement?._internal_stop();
         if (this._private__primitive) {
             this._series.detachPrimitive(this._private__primitive);
             this._private__primitive = null;
@@ -25134,6 +25247,7 @@ class FibonacciExtensionTool extends DrawingToolBase {
         this._private__isHovered = false;
         this._private__isDragging = false;
         this._private__dragTarget = null;
+        this._private__placement = null;
         this._private__fibOptions = {
             levels: [
                 { level: 0, color: '#787B86', label: '0%' },
@@ -25149,6 +25263,20 @@ class FibonacciExtensionTool extends DrawingToolBase {
             ...options,
         };
         this._private__createPrimitive();
+        if (this._private__fibOptions.interactive) {
+            this._private__placement = placeByClicks(this._chart, this._series, 3, (point, index) => {
+                const placed = { time: point._internal_time, price: point._internal_price };
+                if (index === 0) {
+                    this.setPoint1(placed);
+                }
+                else if (index === 1) {
+                    this.setPoint2(placed);
+                }
+                else {
+                    this.setPoint3(placed);
+                }
+            });
+        }
     }
     _private__createPrimitive() {
         this._private__paneView = this._private__createPaneView();
@@ -25206,7 +25334,7 @@ class FibonacciExtensionTool extends DrawingToolBase {
         this._private__requestUpdate();
     }
     isComplete() {
-        return !!(this._private__fibOptions.point1 && this._private__fibOptions.point2 && this._private__fibOptions.point3);
+        return !this._private__placement?._internal_pending() && !!(this._private__fibOptions.point1 && this._private__fibOptions.point2 && this._private__fibOptions.point3);
     }
     setColor(color) {
         this._private__fibOptions.lineColor = color;
@@ -25501,6 +25629,7 @@ class FibonacciExtensionTool extends DrawingToolBase {
         this._private__requestUpdate();
     }
     remove() {
+        this._private__placement?._internal_stop();
         if (this._private__primitive) {
             this._series.detachPrimitive(this._private__primitive);
             this._private__primitive = null;
@@ -28066,6 +28195,7 @@ class TextTool extends DrawingToolBase {
         this._private__moveStart = null;
         this._private__isEditing = false;
         this._private__clickOutsideHandler = null;
+        this._private__placement = null;
         this._private__textOptions = {
             text: 'Double-click to edit',
             fontSize: 14,
@@ -28086,6 +28216,14 @@ class TextTool extends DrawingToolBase {
         this._registerOptions(this._private__textOptions);
         this._private__createPrimitive();
         this._private__setupClickOutsideHandler();
+        if (this._private__textOptions.interactive) {
+            this._private__placement = placeByClicks(this._chart, this._series, 1, (point) => {
+                this.setPosition(point._internal_time, point._internal_price);
+                if (this._private__textOptions.onComplete) {
+                    this._private__textOptions.onComplete();
+                }
+            });
+        }
     }
     _private__setupClickOutsideHandler() {
         // Set up click handler to finish editing when clicking outside
@@ -28171,7 +28309,7 @@ class TextTool extends DrawingToolBase {
         this._private__requestUpdate();
     }
     isComplete() {
-        return !!(this._private__textOptions.time && this._private__textOptions.price !== undefined);
+        return !this._private__placement?._internal_pending() && !!(this._private__textOptions.time && this._private__textOptions.price !== undefined);
     }
     setColor(color) {
         this._private__textOptions.textColor = color;
@@ -28454,6 +28592,7 @@ class TextTool extends DrawingToolBase {
         };
     }
     remove() {
+        this._private__placement?._internal_stop();
         // Clean up click handler
         if (this._private__clickOutsideHandler) {
             this._chart.unsubscribeClick(this._private__clickOutsideHandler);
@@ -29312,6 +29451,7 @@ class PositionTool extends DrawingToolBase {
         this._private__paneView = null;
         this._private__isSelected = false;
         this._private__isHovered = false;
+        this._private__placement = null;
         this._private__isDragging = false;
         this._private__dragTarget = null;
         this._private__grab = null;
@@ -29334,6 +29474,32 @@ class PositionTool extends DrawingToolBase {
         // Create primitive and setup
         this._private__createPrimitive();
         this._private__updateMetrics();
+        if (this._private__positionOptions.interactive) {
+            this._private__placement = placeByClicks(this._chart, this._series, 1, (point) => this._private__placeAt(point));
+        }
+    }
+    _private__placeAt(point) {
+        const options = this._private__positionOptions;
+        const shift = point._internal_price - options.entryPrice;
+        options.entryPrice = point._internal_price;
+        options.entryTime = point._internal_time;
+        if (options.stopLoss !== undefined) {
+            options.stopLoss += shift;
+        }
+        if (options.takeProfit !== undefined) {
+            options.takeProfit += shift;
+        }
+        options.endTime = timeFromCoordinate(this._chart, this._series, placedEndX(this._chart, point._internal_x)) ?? undefined;
+        this._private__updateMetrics();
+        this._private__requestUpdate();
+    }
+    isComplete() {
+        return !this._private__placement?._internal_pending();
+    }
+    _private__span() {
+        const entryX = coordinateFromTime(this._chart, this._series, this._private__positionOptions.entryTime) ?? 0;
+        const endX = coordinateFromTime(this._chart, this._series, this._private__positionOptions.endTime) ?? entryX + defaultWidth(this._chart);
+        return { _internal_entryX: entryX, _internal_endX: endX };
     }
     _private__createPrimitive() {
         // Create and cache the paneView once
@@ -29365,6 +29531,9 @@ class PositionTool extends DrawingToolBase {
         return new PositionPaneView(this);
     }
     drawToCanvas(ctx, horizontalPixelRatio, verticalPixelRatio) {
+        if (!this.isComplete()) {
+            return;
+        }
         // Draw profit rectangle (green)
         if (this._private__profitRect && this._private__positionOptions.takeProfit) {
             const timeScale = this._chart.timeScale();
@@ -29398,16 +29567,9 @@ class PositionTool extends DrawingToolBase {
         }
     }
     _private__drawRectangle(ctx, rect, horizontalPixelRatio, verticalPixelRatio, timeScale) {
-        const entryX = (coordinateFromTime(this._chart, this._series, this._private__positionOptions.entryTime) ?? 0) * horizontalPixelRatio;
-        // Use endTime if specified, otherwise extend to chart edge
-        let endX;
-        if (this._private__positionOptions.endTime) {
-            endX = (coordinateFromTime(this._chart, this._series, this._private__positionOptions.endTime) ?? 0) * horizontalPixelRatio;
-        }
-        else {
-            const chartWidth = this._chart.chartElement().clientWidth * horizontalPixelRatio;
-            endX = chartWidth;
-        }
+        const span = this._private__span();
+        const entryX = span._internal_entryX * horizontalPixelRatio;
+        const endX = span._internal_endX * horizontalPixelRatio;
         const y1 = (this._series.priceToCoordinate(rect._internal_price1) ?? 0) * verticalPixelRatio;
         const y2 = (this._series.priceToCoordinate(rect._internal_price2) ?? 0) * verticalPixelRatio;
         // Draw filled rectangle with semi-transparent fill
@@ -29422,16 +29584,10 @@ class PositionTool extends DrawingToolBase {
         ctx.stroke();
     }
     _private__drawEntryLine(ctx, horizontalPixelRatio, verticalPixelRatio, timeScale) {
-        const entryX = (coordinateFromTime(this._chart, this._series, this._private__positionOptions.entryTime) ?? 0) * horizontalPixelRatio;
+        const span = this._private__span();
+        const entryX = span._internal_entryX * horizontalPixelRatio;
+        const endX = span._internal_endX * horizontalPixelRatio;
         const entryY = (this._series.priceToCoordinate(this._private__positionOptions.entryPrice) ?? 0) * verticalPixelRatio;
-        let endX;
-        if (this._private__positionOptions.endTime) {
-            endX = (coordinateFromTime(this._chart, this._series, this._private__positionOptions.endTime) ?? 0) * horizontalPixelRatio;
-        }
-        else {
-            const chartWidth = this._chart.chartElement().clientWidth * horizontalPixelRatio;
-            endX = chartWidth;
-        }
         // Draw horizontal entry line (divider)
         const lineColor = this._private__positionOptions.entryLineColor;
         ctx.strokeStyle = lineColor;
@@ -29545,9 +29701,11 @@ class PositionTool extends DrawingToolBase {
         const padding = 6 * horizontalPixelRatio;
         const labelWidth = textMetrics.width + padding * 2;
         const labelHeight = 20 * horizontalPixelRatio;
-        // Position label at the start of the line
+        // Outside the box, so a label wider than it does not cover the handles on its edge
+        const entryY = (this._series.priceToCoordinate(this._private__positionOptions.entryPrice) ?? 0) * verticalPixelRatio;
+        const gap = 3 * verticalPixelRatio;
         const labelX = entryX + 8 * horizontalPixelRatio;
-        const labelY = y - labelHeight / 2;
+        const labelY = y <= entryY ? y - labelHeight - gap : y + gap;
         // Draw label background
         ctx.fillStyle = rect._internal_color;
         ctx.fillRect(labelX, labelY, labelWidth, labelHeight);
@@ -29555,10 +29713,12 @@ class PositionTool extends DrawingToolBase {
         ctx.fillStyle = '#ffffff';
         ctx.textAlign = 'left';
         ctx.textBaseline = 'middle';
-        ctx.fillText(labelText, labelX + padding, y);
+        ctx.fillText(labelText, labelX + padding, labelY + labelHeight / 2);
     }
     _private__drawEndpoint(ctx, price, color, horizontalPixelRatio, verticalPixelRatio, timeScale) {
-        const entryX = (coordinateFromTime(this._chart, this._series, this._private__positionOptions.entryTime) ?? 0) * horizontalPixelRatio;
+        const span = this._private__span();
+        const entryX = span._internal_entryX * horizontalPixelRatio;
+        const endX = span._internal_endX * horizontalPixelRatio;
         const y = (this._series.priceToCoordinate(price) ?? 0) * verticalPixelRatio;
         // Draw circle endpoint at entry
         const circleColor = color;
@@ -29570,14 +29730,6 @@ class PositionTool extends DrawingToolBase {
         ctx.fill();
         ctx.stroke();
         // Draw square endpoint at the right edge
-        let endX;
-        if (this._private__positionOptions.endTime) {
-            endX = (coordinateFromTime(this._chart, this._series, this._private__positionOptions.endTime) ?? 0) * horizontalPixelRatio;
-        }
-        else {
-            const chartWidth = this._chart.chartElement().clientWidth * horizontalPixelRatio;
-            endX = chartWidth - 10 * horizontalPixelRatio;
-        }
         const size = 8 * horizontalPixelRatio;
         const squareColor = color;
         ctx.fillStyle = squareColor;
@@ -29698,18 +29850,12 @@ class PositionTool extends DrawingToolBase {
         return this.hitTest(x, y) ? toolHoveredItem(this.id, 'body', false) : null;
     }
     hitTest(x, y) {
-        if (!this._private__positionOptions.stopLoss && !this._private__positionOptions.takeProfit) {
+        if (!this.isComplete() || (!this._private__positionOptions.stopLoss && !this._private__positionOptions.takeProfit)) {
             return false;
         }
-        const entryX = coordinateFromTime(this._chart, this._series, this._private__positionOptions.entryTime) ?? 0;
-        let endX;
-        if (this._private__positionOptions.endTime) {
-            endX = coordinateFromTime(this._chart, this._series, this._private__positionOptions.endTime) ?? 0;
-        }
-        else {
-            const chartWidth = this._chart.chartElement().clientWidth;
-            endX = chartWidth;
-        }
+        const { _internal_entryX: entryX, _internal_endX: endX } = this._private__span();
+        const left = Math.min(entryX, endX);
+        const right = Math.max(entryX, endX);
         // Check if inside the entire Position Tool area (rectangles)
         if (this._private__positionOptions.takeProfit && this._private__positionOptions.stopLoss) {
             const tpY = this._series.priceToCoordinate(this._private__positionOptions.takeProfit) ?? 0;
@@ -29717,7 +29863,7 @@ class PositionTool extends DrawingToolBase {
             const minY = Math.min(tpY, slY);
             const maxY = Math.max(tpY, slY);
             // Check if inside the rectangle bounds (entire tool area)
-            if (x >= entryX && x <= endX && y >= minY && y <= maxY) {
+            if (x >= left && x <= right && y >= minY && y <= maxY) {
                 return true;
             }
             // Also check entry line area
@@ -29729,15 +29875,12 @@ class PositionTool extends DrawingToolBase {
         return false;
     }
     hitTestEndpoint(x, y) {
-        const entryX = coordinateFromTime(this._chart, this._series, this._private__positionOptions.entryTime) ?? 0;
-        let endX;
-        if (this._private__positionOptions.endTime) {
-            endX = coordinateFromTime(this._chart, this._series, this._private__positionOptions.endTime) ?? 0;
-        }
-        else {
-            const chartWidth = this._chart.chartElement().clientWidth;
-            endX = chartWidth;
+        if (!this.isComplete()) {
+            return null;
         }
+        const { _internal_entryX: entryX, _internal_endX: endX } = this._private__span();
+        const left = Math.min(entryX, endX);
+        const right = Math.max(entryX, endX);
         const tolerance = 10;
         // Check TP left endpoint (circle)
         if (this._private__positionOptions.takeProfit) {
@@ -29774,7 +29917,7 @@ class PositionTool extends DrawingToolBase {
         // Check entry line (middle divider line) - higher priority than 'move'
         const entryY = this._series.priceToCoordinate(this._private__positionOptions.entryPrice) ?? 0;
         const lineTolerance = 8;
-        if (x >= entryX && x <= endX && Math.abs(y - entryY) <= lineTolerance) {
+        if (x >= left && x <= right && Math.abs(y - entryY) <= lineTolerance) {
             return 'entry';
         }
         // Check if clicking on the body (rectangles) for moving entire tool
@@ -29784,7 +29927,7 @@ class PositionTool extends DrawingToolBase {
             const minY = Math.min(tpY, slY);
             const maxY = Math.max(tpY, slY);
             // Check if inside the rectangle bounds
-            if (x >= entryX && x <= endX && y >= minY && y <= maxY) {
+            if (x >= left && x <= right && y >= minY && y <= maxY) {
                 return 'move';
             }
         }
@@ -29884,6 +30027,7 @@ class PositionTool extends DrawingToolBase {
         this._private__requestUpdate();
     }
     remove() {
+        this._private__placement?._internal_stop();
         if (this._private__primitive) {
             this._series.detachPrimitive(this._private__primitive);
             this._private__primitive = null;
@@ -29930,6 +30074,7 @@ class GanttPaneView {
     }
 }
 
+const TOP_PADDING = 50;
 class GanttTool extends DrawingToolBase {
     constructor(context, options) {
         super(context, 'gantt', options);
@@ -29943,6 +30088,7 @@ class GanttTool extends DrawingToolBase {
         this._private__grab = null;
         this._private__moveStart = null;
         this._private__hoveredSegmentIndex = -1;
+        this._private__placement = null;
         this._private__ganttOptions = {
             segments: [],
             rowHeight: 40,
@@ -29955,6 +30101,43 @@ class GanttTool extends DrawingToolBase {
         };
         this._registerOptions(this._private__ganttOptions);
         this._private__createPrimitive();
+        if (this._private__ganttOptions.interactive) {
+            this._private__placement = placeByClicks(this._chart, this._series, 1, (point) => this._private__placeAt(point));
+        }
+    }
+    _private__placeAt(point) {
+        const segments = this._private__ganttOptions.segments ?? [];
+        const endTime = timeFromCoordinate(this._chart, this._series, placedEndX(this._chart, point._internal_x)) ?? point._internal_time;
+        const rowPitch = this._private__ganttOptions.rowHeight + this._private__ganttOptions.rowSpacing;
+        const row = Math.max(0, Math.floor((point._internal_y - TOP_PADDING) / rowPitch));
+        const shift = segments.length > 0 ? row - segments[0].level : 0;
+        for (const segment of segments) {
+            segment.startTime = point._internal_time;
+            segment.endTime = endTime;
+            segment.level = Math.max(0, segment.level + shift);
+        }
+        this._private__requestUpdate();
+    }
+    isComplete() {
+        return !this._private__placement?._internal_pending();
+    }
+    selectionBox() {
+        const segments = this._private__ganttOptions.segments ?? [];
+        if (segments.length === 0) {
+            return null;
+        }
+        const rowHeight = this._private__ganttOptions.rowHeight;
+        const pitch = rowHeight + this._private__ganttOptions.rowSpacing;
+        // Typed as the public shape: an inferred one gets its keys renamed by the build
+        const box = { left: Infinity, top: Infinity, right: -Infinity, bottom: -Infinity };
+        for (const segment of segments) {
+            const top = TOP_PADDING + segment.level * pitch;
+            box.left = Math.min(box.left, coordinateFromTime(this._chart, this._series, segment.startTime) ?? 0);
+            box.right = Math.max(box.right, coordinateFromTime(this._chart, this._series, segment.endTime) ?? 0);
+            box.top = Math.min(box.top, top);
+            box.bottom = Math.max(box.bottom, top + rowHeight);
+        }
+        return box;
     }
     _private__createPrimitive() {
         this._private__paneView = this._private__createPaneView();
@@ -29985,11 +30168,10 @@ class GanttTool extends DrawingToolBase {
         return new GanttPaneView(this);
     }
     drawToCanvas(ctx, horizontalPixelRatio, verticalPixelRatio) {
-        if (!this._private__ganttOptions.segments || this._private__ganttOptions.segments.length === 0)
+        if (!this.isComplete() || !this._private__ganttOptions.segments || this._private__ganttOptions.segments.length === 0)
             return;
         // Position gantt at top of chart with padding
-        const topPadding = 50; // pixels from top
-        const baseY = topPadding * verticalPixelRatio;
+        const baseY = TOP_PADDING * verticalPixelRatio;
         const rowHeight = this._private__ganttOptions.rowHeight * verticalPixelRatio;
         const rowSpacing = this._private__ganttOptions.rowSpacing * verticalPixelRatio;
         // Draw grid lines if enabled
@@ -30168,11 +30350,10 @@ class GanttTool extends DrawingToolBase {
         this._private__moveStart = null;
     }
     hitTest(x, y) {
-        if (!this._private__ganttOptions.segments || this._private__ganttOptions.segments.length === 0) {
+        if (!this.isComplete() || !this._private__ganttOptions.segments || this._private__ganttOptions.segments.length === 0) {
             return false;
         }
-        const topPadding = 50;
-        const baseY = topPadding;
+        const baseY = TOP_PADDING;
         const rowHeight = this._private__ganttOptions.rowHeight;
         const rowSpacing = this._private__ganttOptions.rowSpacing;
         // Check each segment
@@ -30226,6 +30407,7 @@ class GanttTool extends DrawingToolBase {
         this._private__requestUpdate();
     }
     remove() {
+        this._private__placement?._internal_stop();
         if (this._private__primitive) {
             this._series.detachPrimitive(this._private__primitive);
             this._private__primitive = null;
@@ -30361,6 +30543,7 @@ class DrawingToolsManager {
         }
         this._private__completionCheck = setTimeout(() => {
             this._private__completionCheck = null;
+            const completed = [];
             for (const id of Array.from(this._private__pendingToolIds)) {
                 const tool = this._private__tools.get(id);
                 if (!tool) {
@@ -30369,9 +30552,15 @@ class DrawingToolsManager {
                 }
                 if (tool.isComplete()) {
                     this._private__pendingToolIds.delete(id);
-                    this._private__drawingCompleted._internal_fire(id);
+                    completed.push(id);
                 }
             }
+            if (completed.length > 0) {
+                this.recordChange();
+            }
+            for (const id of completed) {
+                this._private__drawingCompleted._internal_fire(id);
+            }
         }, 0);
     }
     /**
@@ -30431,12 +30620,16 @@ class DrawingToolsManager {
         if (this._private__restoring) {
             return;
         }
+        const next = this.serializeAll();
+        if (JSON.stringify(next) === JSON.stringify(this._private__committed)) {
+            return;
+        }
         this._private__past.push(this._private__committed);
         if (this._private__past.length > UNDO_HISTORY_LIMIT) {
             this._private__past.shift();
         }
         this._private__future = [];
-        this._private__committed = this.serializeAll();
+        this._private__committed = next;
     }
     canUndo() {
         return this._private__past.length > 0;
@@ -30492,11 +30685,25 @@ class DrawingToolsManager {
         const tool = this._private__tools.get(this._private__selectedToolId);
         return tool ? this._private__boundsOf(tool) : null;
     }
+    /** Relative to the chart element; the tool's box is relative to its pane. */
+    _private__boundsOf(tool) {
+        const box = tool.selectionBox() ?? this._private__boxFromPoints(tool);
+        if (box === null) {
+            return null;
+        }
+        const offset = this._private__paneOffsetOf(tool);
+        return {
+            left: box.left + offset._internal_x,
+            right: box.right + offset._internal_x,
+            top: box.top + offset._internal_y,
+            bottom: box.bottom + offset._internal_y,
+        };
+    }
     /**
      * Bounds come from the tool's own serialized points, so this works for every
      * tool without each one having to report a box.
      */
-    _private__boundsOf(tool) {
+    _private__boxFromPoints(tool) {
         const series = tool.series();
         const points = tool.serialize().points;
         let left = Number.POSITIVE_INFINITY;
@@ -30519,13 +30726,7 @@ class DrawingToolsManager {
         if (!found) {
             return null;
         }
-        const offset = this._private__paneOffsetOf(tool);
-        return {
-            left: left + offset._internal_x,
-            right: right + offset._internal_x,
-            top: top + offset._internal_y,
-            bottom: bottom + offset._internal_y,
-        };
+        return { left, top, right, bottom };
     }
     /** Panes below the first one are offset inside the chart element. */
     _private__paneOffsetOf(tool) {
@@ -30609,7 +30810,10 @@ class DrawingToolsManager {
     serializeAll() {
         const result = [];
         for (const tool of this._private__tools.values()) {
-            result.push(tool.serialize());
+            // Not drawn yet: undo would bring it back as a finished drawing
+            if (tool.isComplete()) {
+                result.push(tool.serialize());
+            }
         }
         return result;
     }
@@ -31234,7 +31438,7 @@ const customSeriesDefaultOptions = {
  * Returns the current version as a string. For example `'1.0.0'`.
  */
 function version() {
-    return "2.3.13-dev+202609280001";
+    return "2.3.14";
 }
 
 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 };