@pipsend/charts 1.2.0 → 1.2.1

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

@@ -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)
@@ -17443,8 +17443,9 @@
         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) {
@@ -17454,6 +17455,8 @@
             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 = {
@@ -17464,8 +17467,9 @@
                 ...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() {
@@ -17479,26 +17483,33 @@
                 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) {
@@ -17519,7 +17530,7 @@
                     }
                     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 {
@@ -17529,13 +17540,40 @@
                 }
             };
             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) => {
@@ -17549,6 +17587,8 @@
                 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);
@@ -17793,6 +17833,7 @@
             onDragStart: options.onDragStart,
             onDragMove: options.onDragMove,
             onDragEnd: options.onDragEnd,
+            onClick: options.onClick,
         };
         return new DraggablePriceLine(chart, series, lineOptions);
     }
@@ -24863,7 +24904,7 @@
      * Returns the current version as a string. For example `'1.0.0'`.
      */
     function version() {
-        return "1.2.0";
+        return "1.2.1";
     }
 
     var PipsendChartsModule = /*#__PURE__*/Object.freeze({

package/dist/pipsend-charts.standalone.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)
@@ -17440,8 +17440,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) {
@@ -17451,6 +17452,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 = {
@@ -17461,8 +17464,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() {
@@ -17476,26 +17480,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) {
@@ -17516,7 +17527,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 {
@@ -17526,13 +17537,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) => {
@@ -17546,6 +17584,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);
@@ -17790,6 +17830,7 @@ function createTradingLine(series, chart, options) {
         onDragStart: options.onDragStart,
         onDragMove: options.onDragMove,
         onDragEnd: options.onDragEnd,
+        onClick: options.onClick,
     };
     return new DraggablePriceLine(chart, series, lineOptions);
 }
@@ -24860,7 +24901,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 };