@pipsend/charts 2.2.0 → 2.2.1

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

@@ -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)
@@ -20408,6 +20408,9 @@
         get type() {
             return this._type;
         }
+        isComplete() {
+            return true;
+        }
         /**
          * Lets a tool hand the base its own options object, once, in the constructor.
          *
@@ -20735,6 +20738,7 @@
             this._private__dragStartPoint2 = null;
             // Interactive mode
             this._private__isComplete = false;
+            this._private__interactive = null;
             this._private__previewPoint = null;
             this._private__trendOptions = {
                 lineColor: '#2962ff',
@@ -20782,7 +20786,7 @@
                     this._private__isComplete = true;
                 }
             });
-            // Start the interactive drawing mode
+            this._private__interactive = manager;
             manager._internal_startDrawing();
         }
         _private__createPrimitive() {
@@ -21112,7 +21116,14 @@
         _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);
@@ -22019,6 +22030,9 @@
         points() {
             return this._private__points;
         }
+        isComplete() {
+            return this._private__isComplete;
+        }
         remove() {
             this._private__stopDrawing();
             if (this._private__primitive) {
@@ -22489,6 +22503,9 @@
         isHovered() {
             return this._private__isHovered;
         }
+        isComplete() {
+            return this._private__isComplete;
+        }
         remove() {
             this._private__stopDrawing();
             if (this._private__primitive) {
@@ -22953,6 +22970,9 @@
         isHovered() {
             return this._private__isHovered;
         }
+        isComplete() {
+            return this._private__isComplete;
+        }
         remove() {
             this._private__stopDrawing();
             if (this._private__primitive) {
@@ -23883,6 +23903,9 @@
             }
             return false;
         }
+        isComplete() {
+            return this._private__isComplete;
+        }
         remove() {
             if (this._private__primitive) {
                 this._series.detachPrimitive(this._private__primitive);
@@ -24773,6 +24796,9 @@
         _update() {
             this._private__requestUpdate();
         }
+        isComplete() {
+            return !this._private__isDrawing;
+        }
         remove() {
             if (this._private__clickHandler) {
                 this._chart.unsubscribeClick(this._private__clickHandler);
@@ -25316,6 +25342,9 @@
         _update() {
             this._private__requestUpdate();
         }
+        isComplete() {
+            return !this._private__isDrawing;
+        }
         remove() {
             if (this._private__clickHandler) {
                 this._chart.unsubscribeClick(this._private__clickHandler);
@@ -25779,6 +25808,9 @@
         _update() {
             this._private__requestUpdate();
         }
+        isComplete() {
+            return !this._private__isDrawing;
+        }
         remove() {
             if (this._private__clickHandler) {
                 this._chart.unsubscribeClick(this._private__clickHandler);
@@ -26321,6 +26353,9 @@
         _update() {
             this._private__requestUpdate();
         }
+        isComplete() {
+            return !this._private__isDrawing;
+        }
         remove() {
             // Clean up click handler
             if (this._private__clickHandler) {
@@ -26887,7 +26922,7 @@
         }
         _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
@@ -26903,7 +26938,9 @@
                         this.remove();
                     }
                 }
-            });
+            };
+            this._private__clickOutsideHandler = handler;
+            this._chart.subscribeClick(handler);
         }
         _private__createPrimitive() {
             this._private__paneView = this._private__createPaneView();
@@ -29052,6 +29089,9 @@
             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 = {
@@ -29090,9 +29130,63 @@
         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
          */
@@ -29104,6 +29198,7 @@
                 }
                 tool.remove();
                 this._private__tools.delete(id);
+                this._private__pendingToolIds.delete(id);
                 this.recordChange();
                 return true;
             }
@@ -29303,6 +29398,7 @@
             this._private__applySelection(null);
             this._private__tools.forEach((tool) => tool.remove());
             this._private__tools.clear();
+            this._private__pendingToolIds.clear();
             this.recordChange();
         }
         /**
@@ -29523,6 +29619,11 @@
          * 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();
         }
@@ -29542,8 +29643,8 @@
             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);
@@ -29586,6 +29687,7 @@
             }
         }
         _private__handleClick(param) {
+            this._private__scheduleCompletionCheck();
             if (!param.point) {
                 return;
             }
@@ -29665,6 +29767,9 @@
             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();
@@ -29707,10 +29812,13 @@
             // 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();
@@ -29768,6 +29876,9 @@
             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,
@@ -29792,6 +29903,14 @@
             });
         }
         _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()) {
@@ -29812,8 +29931,8 @@
                 }
                 return;
             }
-            // Escape to deselect
             if (event.key === 'Escape') {
+                this.cancelPendingDrawings();
                 this._private__handlePointerUp();
                 this._private__deselectAll();
                 this.stopDrawing();
@@ -29849,7 +29968,7 @@
      * Returns the current version as a string. For example `'1.0.0'`.
      */
     function version() {
-        return "2.2.0";
+        return "2.2.1";
     }
 
     var PipsendChartsModule = /*#__PURE__*/Object.freeze({

package/dist/pipsend-charts.standalone.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)
@@ -20405,6 +20405,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.
      *
@@ -20732,6 +20735,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',
@@ -20779,7 +20783,7 @@ class TrendLineTool extends DrawingToolBase {
                 this._private__isComplete = true;
             }
         });
-        // Start the interactive drawing mode
+        this._private__interactive = manager;
         manager._internal_startDrawing();
     }
     _private__createPrimitive() {
@@ -21109,7 +21113,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);
@@ -22016,6 +22027,9 @@ class PolygonTool extends DrawingToolBase {
     points() {
         return this._private__points;
     }
+    isComplete() {
+        return this._private__isComplete;
+    }
     remove() {
         this._private__stopDrawing();
         if (this._private__primitive) {
@@ -22486,6 +22500,9 @@ class ParallelChannelTool extends DrawingToolBase {
     isHovered() {
         return this._private__isHovered;
     }
+    isComplete() {
+        return this._private__isComplete;
+    }
     remove() {
         this._private__stopDrawing();
         if (this._private__primitive) {
@@ -22950,6 +22967,9 @@ class PitchforkTool extends DrawingToolBase {
     isHovered() {
         return this._private__isHovered;
     }
+    isComplete() {
+        return this._private__isComplete;
+    }
     remove() {
         this._private__stopDrawing();
         if (this._private__primitive) {
@@ -23880,6 +23900,9 @@ class FibonacciTool extends DrawingToolBase {
         }
         return false;
     }
+    isComplete() {
+        return this._private__isComplete;
+    }
     remove() {
         if (this._private__primitive) {
             this._series.detachPrimitive(this._private__primitive);
@@ -24770,6 +24793,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);
@@ -25313,6 +25339,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);
@@ -25776,6 +25805,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);
@@ -26318,6 +26350,9 @@ class ArrowTool extends DrawingToolBase {
     _update() {
         this._private__requestUpdate();
     }
+    isComplete() {
+        return !this._private__isDrawing;
+    }
     remove() {
         // Clean up click handler
         if (this._private__clickHandler) {
@@ -26884,7 +26919,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
@@ -26900,7 +26935,9 @@ class TextTool extends DrawingToolBase {
                     this.remove();
                 }
             }
-        });
+        };
+        this._private__clickOutsideHandler = handler;
+        this._chart.subscribeClick(handler);
     }
     _private__createPrimitive() {
         this._private__paneView = this._private__createPaneView();
@@ -29049,6 +29086,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 = {
@@ -29087,9 +29127,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
      */
@@ -29101,6 +29195,7 @@ class DrawingToolsManager {
             }
             tool.remove();
             this._private__tools.delete(id);
+            this._private__pendingToolIds.delete(id);
             this.recordChange();
             return true;
         }
@@ -29300,6 +29395,7 @@ class DrawingToolsManager {
         this._private__applySelection(null);
         this._private__tools.forEach((tool) => tool.remove());
         this._private__tools.clear();
+        this._private__pendingToolIds.clear();
         this.recordChange();
     }
     /**
@@ -29520,6 +29616,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();
     }
@@ -29539,8 +29640,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);
@@ -29583,6 +29684,7 @@ class DrawingToolsManager {
         }
     }
     _private__handleClick(param) {
+        this._private__scheduleCompletionCheck();
         if (!param.point) {
             return;
         }
@@ -29662,6 +29764,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();
@@ -29704,10 +29809,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();
@@ -29765,6 +29873,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,
@@ -29789,6 +29900,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()) {
@@ -29809,8 +29928,8 @@ class DrawingToolsManager {
             }
             return;
         }
-        // Escape to deselect
         if (event.key === 'Escape') {
+            this.cancelPendingDrawings();
             this._private__handlePointerUp();
             this._private__deselectAll();
             this.stopDrawing();
@@ -29846,7 +29965,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 };