@pipsend/charts 2.2.0 → 2.2.1

package/dist/pipsend-charts.development.mjs

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Pipsend Charts v2.2.0
+ * Pipsend Charts v2.2.1
  * Copyright (c) 2026 Pipsend
  * Licensed under MIT License
  * Built on TradingView Lightweight Charts™ (Apache 2.0)
@@ -20012,6 +20012,9 @@ class DrawingToolBase {
     get type() {
         return this._type;
     }
+    isComplete() {
+        return true;
+    }
     /**
      * Lets a tool hand the base its own options object, once, in the constructor.
      *
@@ -20339,6 +20342,7 @@ class TrendLineTool extends DrawingToolBase {
         this._private__dragStartPoint2 = null;
         // Interactive mode
         this._private__isComplete = false;
+        this._private__interactive = null;
         this._private__previewPoint = null;
         this._private__trendOptions = {
             lineColor: '#2962ff',
@@ -20386,7 +20390,7 @@ class TrendLineTool extends DrawingToolBase {
                 this._private__isComplete = true;
             }
         });
-        // Start the interactive drawing mode
+        this._private__interactive = manager;
         manager._internal_startDrawing();
     }
     _private__createPrimitive() {
@@ -20716,7 +20720,14 @@ class TrendLineTool extends DrawingToolBase {
     _update() {
         this._private__requestUpdate();
     }
+    isComplete() {
+        return this._private__isComplete;
+    }
     remove() {
+        if (this._private__interactive) {
+            this._private__interactive._internal_destroy();
+            this._private__interactive = null;
+        }
         if (this._private__primitive) {
             // Detach from series
             this._series.detachPrimitive(this._private__primitive);
@@ -21623,6 +21634,9 @@ class PolygonTool extends DrawingToolBase {
     points() {
         return this._private__points;
     }
+    isComplete() {
+        return this._private__isComplete;
+    }
     remove() {
         this._private__stopDrawing();
         if (this._private__primitive) {
@@ -22093,6 +22107,9 @@ class ParallelChannelTool extends DrawingToolBase {
     isHovered() {
         return this._private__isHovered;
     }
+    isComplete() {
+        return this._private__isComplete;
+    }
     remove() {
         this._private__stopDrawing();
         if (this._private__primitive) {
@@ -22557,6 +22574,9 @@ class PitchforkTool extends DrawingToolBase {
     isHovered() {
         return this._private__isHovered;
     }
+    isComplete() {
+        return this._private__isComplete;
+    }
     remove() {
         this._private__stopDrawing();
         if (this._private__primitive) {
@@ -23487,6 +23507,9 @@ class FibonacciTool extends DrawingToolBase {
         }
         return false;
     }
+    isComplete() {
+        return this._private__isComplete;
+    }
     remove() {
         if (this._private__primitive) {
             this._series.detachPrimitive(this._private__primitive);
@@ -24377,6 +24400,9 @@ class FibonacciFanTool extends DrawingToolBase {
     _update() {
         this._private__requestUpdate();
     }
+    isComplete() {
+        return !this._private__isDrawing;
+    }
     remove() {
         if (this._private__clickHandler) {
             this._chart.unsubscribeClick(this._private__clickHandler);
@@ -24920,6 +24946,9 @@ class RectangleTool extends DrawingToolBase {
     _update() {
         this._private__requestUpdate();
     }
+    isComplete() {
+        return !this._private__isDrawing;
+    }
     remove() {
         if (this._private__clickHandler) {
             this._chart.unsubscribeClick(this._private__clickHandler);
@@ -25383,6 +25412,9 @@ class CircleTool extends DrawingToolBase {
     _update() {
         this._private__requestUpdate();
     }
+    isComplete() {
+        return !this._private__isDrawing;
+    }
     remove() {
         if (this._private__clickHandler) {
             this._chart.unsubscribeClick(this._private__clickHandler);
@@ -25925,6 +25957,9 @@ class ArrowTool extends DrawingToolBase {
     _update() {
         this._private__requestUpdate();
     }
+    isComplete() {
+        return !this._private__isDrawing;
+    }
     remove() {
         // Clean up click handler
         if (this._private__clickHandler) {
@@ -26491,7 +26526,7 @@ class TextTool extends DrawingToolBase {
     }
     _private__setupClickOutsideHandler() {
         // Set up click handler to finish editing when clicking outside
-        this._private__clickOutsideHandler = this._chart.subscribeClick((param) => {
+        const handler = (param) => {
             if (!this._private__isEditing)
                 return;
             // Get click coordinates
@@ -26507,7 +26542,9 @@ class TextTool extends DrawingToolBase {
                     this.remove();
                 }
             }
-        });
+        };
+        this._private__clickOutsideHandler = handler;
+        this._chart.subscribeClick(handler);
     }
     _private__createPrimitive() {
         this._private__paneView = this._private__createPaneView();
@@ -28656,6 +28693,9 @@ class DrawingToolsManager {
         this._private__selectionChanged = new Delegate();
         this._private__isDragging = false;
         this._private__draggedToolId = null;
+        this._private__pendingToolIds = new Set();
+        this._private__completionCheck = null;
+        this._private__drawingCompleted = new Delegate();
         this._private__chart = chart;
         this._private__series = series;
         this._private__options = {
@@ -28694,9 +28734,63 @@ class DrawingToolsManager {
     addTool(tool, id) {
         const toolId = id ?? tool.id;
         this._private__tools.set(toolId, tool);
+        if (!tool.isComplete()) {
+            this._private__pendingToolIds.add(toolId);
+        }
         this.recordChange();
         return toolId;
     }
+    hasPendingDrawing() {
+        return this._private__pendingToolIds.size > 0;
+    }
+    /** Removes every tool still waiting for points; returns how many were dropped. */
+    cancelPendingDrawings() {
+        if (this._private__pendingToolIds.size === 0) {
+            return 0;
+        }
+        let cancelled = 0;
+        for (const id of Array.from(this._private__pendingToolIds)) {
+            const tool = this._private__tools.get(id);
+            if (tool) {
+                if (this._private__selectedToolId === id) {
+                    this._private__applySelection(null);
+                }
+                tool.remove();
+                this._private__tools.delete(id);
+                cancelled++;
+            }
+        }
+        this._private__pendingToolIds.clear();
+        if (cancelled > 0) {
+            this.recordChange();
+        }
+        return cancelled;
+    }
+    subscribeDrawingCompleted(handler) {
+        this._private__drawingCompleted._internal_subscribe(handler);
+    }
+    unsubscribeDrawingCompleted(handler) {
+        this._private__drawingCompleted._internal_unsubscribe(handler);
+    }
+    _private__scheduleCompletionCheck() {
+        if (this._private__pendingToolIds.size === 0 || this._private__completionCheck !== null) {
+            return;
+        }
+        this._private__completionCheck = setTimeout(() => {
+            this._private__completionCheck = null;
+            for (const id of Array.from(this._private__pendingToolIds)) {
+                const tool = this._private__tools.get(id);
+                if (!tool) {
+                    this._private__pendingToolIds.delete(id);
+                    continue;
+                }
+                if (tool.isComplete()) {
+                    this._private__pendingToolIds.delete(id);
+                    this._private__drawingCompleted._internal_fire(id);
+                }
+            }
+        }, 0);
+    }
     /**
      * Remove a tool by ID
      */
@@ -28708,6 +28802,7 @@ class DrawingToolsManager {
             }
             tool.remove();
             this._private__tools.delete(id);
+            this._private__pendingToolIds.delete(id);
             this.recordChange();
             return true;
         }
@@ -28907,6 +29002,7 @@ class DrawingToolsManager {
         this._private__applySelection(null);
         this._private__tools.forEach((tool) => tool.remove());
         this._private__tools.clear();
+        this._private__pendingToolIds.clear();
         this.recordChange();
     }
     /**
@@ -29127,6 +29223,11 @@ class DrawingToolsManager {
      * Destroy the manager and cleanup
      */
     destroy() {
+        if (this._private__completionCheck !== null) {
+            clearTimeout(this._private__completionCheck);
+            this._private__completionCheck = null;
+        }
+        this._private__drawingCompleted._internal_destroy();
         this.clearAll();
         this._private__detachEventHandlers();
     }
@@ -29146,8 +29247,8 @@ class DrawingToolsManager {
         const chartElement = this._private__chart.chartElement();
         if (chartElement) {
             this._private__pointerDownHandler = (event) => this._private__handlePointerDown(event);
-            this._private__pointerUpHandler = (event) => this._private__handlePointerUp();
-            this._private__pointerCancelHandler = (event) => this._private__handlePointerUp();
+            this._private__pointerUpHandler = (event) => this._private__handlePointerUp(event);
+            this._private__pointerCancelHandler = (event) => this._private__handlePointerUp(event);
             chartElement.addEventListener('pointerdown', this._private__pointerDownHandler);
             chartElement.addEventListener('pointerup', this._private__pointerUpHandler);
             chartElement.addEventListener('pointercancel', this._private__pointerCancelHandler);
@@ -29190,6 +29291,7 @@ class DrawingToolsManager {
         }
     }
     _private__handleClick(param) {
+        this._private__scheduleCompletionCheck();
         if (!param.point) {
             return;
         }
@@ -29269,6 +29371,9 @@ class DrawingToolsManager {
         return null;
     }
     _private__handlePointerDown(event) {
+        if (this._private__isDragging) {
+            return;
+        }
         // Cleared for every press, then raised only if this one grabs a drawing
         setInputClaim(this._private__chart, false);
         const chartElement = this._private__chart.chartElement();
@@ -29311,10 +29416,13 @@ class DrawingToolsManager {
         // mouse events, and those are what drive the crosshair the drag reads.
         this._private__disableChartInteractions();
     }
-    _private__handlePointerUp() {
+    _private__handlePointerUp(event) {
         if (!this._private__isDragging || this._private__draggedToolId === null) {
             return;
         }
+        if (event && this._private__pointerId !== null && event.pointerId !== this._private__pointerId) {
+            return;
+        }
         const tool = this._private__tools.get(this._private__draggedToolId);
         if (tool) {
             tool.stopDrag();
@@ -29372,6 +29480,9 @@ class DrawingToolsManager {
         this._private__pointerId = null;
     }
     _private__disableChartInteractions() {
+        if (this._private__interactionsBeforeDrag !== null) {
+            return;
+        }
         const options = this._private__chart.options();
         this._private__interactionsBeforeDrag = {
             _internal_handleScroll: options.handleScroll,
@@ -29396,6 +29507,14 @@ class DrawingToolsManager {
         });
     }
     _private__handleKeyboard(event) {
+        const target = event.target;
+        const typing = !!target && (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable);
+        if (typing) {
+            return;
+        }
+        if (event.key === 'Enter') {
+            this._private__scheduleCompletionCheck();
+        }
         // Delete or Backspace to remove selected tool
         if (event.key === 'Delete' || event.key === 'Backspace') {
             if (this.deleteSelected()) {
@@ -29416,8 +29535,8 @@ class DrawingToolsManager {
             }
             return;
         }
-        // Escape to deselect
         if (event.key === 'Escape') {
+            this.cancelPendingDrawings();
             this._private__handlePointerUp();
             this._private__deselectAll();
             this.stopDrawing();
@@ -29453,7 +29572,7 @@ const customSeriesDefaultOptions = {
  * Returns the current version as a string. For example `'1.0.0'`.
  */
 function version() {
-    return "2.2.0";
+    return "2.2.1";
 }
 
 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, 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, createPositionMarkers, createPositionTool, createRectangleTool, createRulerTool, createSeriesMarkers, createTextTool, createTextWatermark, createTradingLine, createTradingSessionsIndicator, createTrendLineTool, createUpDownMarkers, createVerticalLineTool, createVolumeProfileIndicator, createYieldCurveChart, customSeriesDefaultOptions, defaultHorzScaleBehavior, getPipConfig, hideSeriesPaint, isBusinessDay, isUTCTimestamp, setSeriesVolumes, setVolumeProfileData, timeFromCoordinate, version };