@pipsend/charts 1.2.0 → 1.2.1

package/dist/pipsend-charts.development.mjs

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Pipsend Charts v1.2.0
+ * Pipsend Charts v1.2.1
  * Copyright (c) 2026 Pipsend
  * Licensed under MIT License
  * Built on TradingView Lightweight Charts™ (Apache 2.0)
@@ -17047,8 +17047,9 @@ function setVolumeProfileData(indicator, data) {
     indicator.setVolumeData(volumeMap);
 }
 
+const CLICK_TOLERANCE_PX = 4;
 /**
- * Draggable Price Line - Línea de precio que se puede arrastrar con el mouse
+ * Draggable Price Line - Línea de precio que se puede arrastrar y/o hacer click
  */
 class DraggablePriceLine {
     constructor(chart, series, options) {
@@ -17058,6 +17059,8 @@ class DraggablePriceLine {
         this._private__unsubscribeHandlers = [];
         this._private__isHovering = false;
         this._private__originalColor = '';
+        this._private__mouseDownPos = null;
+        this._private__mouseDownOnLine = false;
         this._private__chart = chart;
         this._private__series = series;
         this._private__options = {
@@ -17068,8 +17071,9 @@ class DraggablePriceLine {
             ...options,
         };
         this._private__createPriceLine();
-        if (this._private__options.draggable) {
-            this._private__setupDragHandlers();
+        // Set up handlers if line is interactive (draggable or clickable)
+        if (this._private__options.draggable || this._private__options.onClick) {
+            this._private__setupInteractionHandlers();
         }
     }
     _private__createPriceLine() {
@@ -17083,26 +17087,33 @@ class DraggablePriceLine {
             title: this._private__options.title || '',
         });
     }
-    _private__setupDragHandlers() {
+    _private__setupInteractionHandlers() {
         const chartElement = this._private__chart.chartElement?.() || document.querySelector('.tv-lightweight-charts');
         if (!chartElement)
             return;
         this._private__container = chartElement;
         const handleMouseDown = (e) => {
-            // Solo permitir drag desde el área del gráfico (no desde el price axis)
+            // Solo permitir interacción desde el área del gráfico (no desde el price axis)
             if (!this._private__isInChartArea(e)) {
                 return;
             }
             const price = this._private__getPriceFromY(e.clientY);
-            if (this._private__isOnLine(e, price)) {
+            if (!this._private__isOnLine(e, price)) {
+                return;
+            }
+            // Track press for click vs drag detection
+            this._private__mouseDownPos = { _internal_x: e.clientX, _internal_y: e.clientY };
+            this._private__mouseDownOnLine = true;
+            // Only start drag if line is draggable
+            if (this._private__options.draggable) {
                 this._private__isDragging = true;
                 this._private__container.style.cursor = 'ns-resize';
                 if (this._private__options.onDragStart) {
                     this._private__options.onDragStart(this._private__options.price);
                 }
-                e.preventDefault();
-                e.stopPropagation();
             }
+            e.preventDefault();
+            e.stopPropagation();
         };
         const handleMouseMove = (e) => {
             if (this._private__isDragging) {
@@ -17123,7 +17134,7 @@ class DraggablePriceLine {
                 }
                 const price = this._private__getPriceFromY(e.clientY);
                 if (this._private__isOnLine(e, price)) {
-                    this._private__container.style.cursor = 'ns-resize';
+                    this._private__container.style.cursor = this._private__options.draggable ? 'ns-resize' : 'pointer';
                     this._private__setHoverState(true);
                 }
                 else {
@@ -17133,13 +17144,40 @@ class DraggablePriceLine {
             }
         };
         const handleMouseUp = (e) => {
-            if (this._private__isDragging) {
-                this._private__isDragging = false;
+            const wasDragging = this._private__isDragging;
+            const downOnLine = this._private__mouseDownOnLine;
+            const downPos = this._private__mouseDownPos;
+            // Reset state regardless of outcome
+            this._private__isDragging = false;
+            this._private__mouseDownOnLine = false;
+            this._private__mouseDownPos = null;
+            if (wasDragging) {
+                // Drag-end path
                 this._private__container.style.cursor = 'default';
                 this._private__setHoverState(false);
-                if (this._private__options.onDragEnd) {
+                const movedFromDown = downPos &&
+                    (Math.abs(e.clientX - downPos._internal_x) > CLICK_TOLERANCE_PX ||
+                        Math.abs(e.clientY - downPos._internal_y) > CLICK_TOLERANCE_PX);
+                // If barely moved, treat as click instead of drag
+                if (!movedFromDown && this._private__options.onClick) {
+                    this._private__options.onClick(this._private__options.price);
+                }
+                else if (this._private__options.onDragEnd) {
                     this._private__options.onDragEnd(this._private__options.price);
                 }
+                return;
+            }
+            // Pure click path (non-draggable line or draggable that didn't start drag)
+            if (downOnLine && downPos && this._private__options.onClick) {
+                const moved = Math.abs(e.clientX - downPos._internal_x) > CLICK_TOLERANCE_PX ||
+                    Math.abs(e.clientY - downPos._internal_y) > CLICK_TOLERANCE_PX;
+                if (!moved) {
+                    // Confirm release was still on the line area
+                    const price = this._private__getPriceFromY(e.clientY);
+                    if (this._private__isOnLine(e, price)) {
+                        this._private__options.onClick(this._private__options.price);
+                    }
+                }
             }
         };
         const handleMouseLeave = (e) => {
@@ -17153,6 +17191,8 @@ class DraggablePriceLine {
             else {
                 this._private__setHoverState(false);
             }
+            this._private__mouseDownOnLine = false;
+            this._private__mouseDownPos = null;
         };
         this._private__container.addEventListener('mousedown', handleMouseDown);
         this._private__container.addEventListener('mousemove', handleMouseMove);
@@ -17397,6 +17437,7 @@ function createTradingLine(series, chart, options) {
         onDragStart: options.onDragStart,
         onDragMove: options.onDragMove,
         onDragEnd: options.onDragEnd,
+        onClick: options.onClick,
     };
     return new DraggablePriceLine(chart, series, lineOptions);
 }
@@ -24467,7 +24508,7 @@ const customSeriesDefaultOptions = {
  * Returns the current version as a string. For example `'1.0.0'`.
  */
 function version() {
-    return "1.2.0";
+    return "1.2.1";
 }
 
 export { areaSeries as AreaSeries, ArrowTool, barSeries as BarSeries, baselineSeries as BaselineSeries, BrushTool, candlestickSeries as CandlestickSeries, CircleTool, ColorType, 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, PositionCalculator, PositionMarkersManager, PositionTool, PriceLineSource, PriceScaleMode, RectangleTool, RulerCalculator, RulerTool, STANDARD_FIBONACCI_RATIOS, TextTool, TickMarkType, TrackingModeExitMode, TradingSessionsIndicator, TrendLineTool, VerticalLineTool, VolumeProfileIndicator, applyATR, applyBollingerBands, applyEMA, applyMACD, applyOBV, applyRSI, applySMA, applyStochastic, applyVolume, applyWMA, calculatePipConfig, createArrowTool, createBrushTool, createChart, createChartEx, createCircleTool, createFibonacciExtensionTool, createFibonacciFanTool, createFibonacciTool, createGanttTool, createHorizontalLineTool, createImageWatermark, createInteractiveLineManager, createOptionsChart, createPositionMarkers, createPositionTool, createRectangleTool, createRulerTool, createSeriesMarkers, createTextTool, createTextWatermark, createTradingLine, createTradingSessionsIndicator, createTrendLineTool, createUpDownMarkers, createVerticalLineTool, createVolumeProfileIndicator, createYieldCurveChart, customSeriesDefaultOptions, defaultHorzScaleBehavior, getPipConfig, isBusinessDay, isUTCTimestamp, setOBVVolumeData, setVolumeData, setVolumeProfileData, version };