@pipsend/charts 1.2.1 → 1.2.2

package/dist/pipsend-charts.development.mjs

@@ -17076,6 +17076,20 @@ class DraggablePriceLine {
             this._private__setupInteractionHandlers();
         }
     }
+    /**
+     * Resolve the effective title: formatTitle(price) wins over the static title.
+     */
+    _private__resolveTitle() {
+        if (this._private__options.formatTitle) {
+            try {
+                return this._private__options.formatTitle(this._private__options.price);
+            }
+            catch (error) {
+                console.error('Error in formatTitle:', error);
+            }
+        }
+        return this._private__options.title || '';
+    }
     _private__createPriceLine() {
         this._private__originalColor = this._private__options.color;
         this._private__priceLine = this._private__series.createPriceLine({
@@ -17084,7 +17098,7 @@ class DraggablePriceLine {
             lineWidth: this._private__options.lineWidth,
             lineStyle: this._private__options.lineStyle,
             axisLabelVisible: this._private__options.axisLabelVisible,
-            title: this._private__options.title || '',
+            title: this._private__resolveTitle(),
         });
     }
     _private__setupInteractionHandlers() {
@@ -17125,22 +17139,28 @@ class DraggablePriceLine {
                 // Prevenir que el gráfico se mueva mientras arrastramos la línea
                 e.preventDefault();
                 e.stopPropagation();
+                return;
             }
-            else {
-                // Solo mostrar hover si está en el área del gráfico
-                if (!this._private__isInChartArea(e)) {
-                    this._private__setHoverState(false);
-                    return;
-                }
-                const price = this._private__getPriceFromY(e.clientY);
-                if (this._private__isOnLine(e, price)) {
-                    this._private__container.style.cursor = this._private__options.draggable ? 'ns-resize' : 'pointer';
-                    this._private__setHoverState(true);
-                }
-                else {
+            // Hover state — only mutate cursor for transitions involving THIS line.
+            // Multiple lines can share the same chart element listener (one per line).
+            // Blindly resetting the cursor here would clobber another line's drag/hover.
+            if (!this._private__isInChartArea(e)) {
+                if (this._private__isHovering) {
                     this._private__container.style.cursor = 'default';
                     this._private__setHoverState(false);
                 }
+                return;
+            }
+            const price = this._private__getPriceFromY(e.clientY);
+            const onThisLine = this._private__isOnLine(e, price);
+            if (onThisLine) {
+                this._private__container.style.cursor = this._private__options.draggable ? 'ns-resize' : 'pointer';
+                this._private__setHoverState(true);
+            }
+            else if (this._private__isHovering) {
+                // Only revert when actually leaving — don't override another line's cursor.
+                this._private__container.style.cursor = 'default';
+                this._private__setHoverState(false);
             }
         };
         const handleMouseUp = (e) => {
@@ -17188,7 +17208,8 @@ class DraggablePriceLine {
                     this._private__options.onDragEnd(this._private__options.price);
                 }
             }
-            else {
+            else if (this._private__isHovering) {
+                this._private__container.style.cursor = 'default';
                 this._private__setHoverState(false);
             }
             this._private__mouseDownOnLine = false;
@@ -17286,11 +17307,16 @@ class DraggablePriceLine {
     _private__updatePrice(newPrice) {
         this._private__options.price = newPrice;
         if (this._private__priceLine) {
-            this._private__priceLine.applyOptions({ price: newPrice });
+            // Re-resolve title so formatTitle reflects the new price.
+            this._private__priceLine.applyOptions({
+                price: newPrice,
+                title: this._private__resolveTitle(),
+            });
         }
     }
     /**
-     * Update the price line options
+     * Update the price line options. Any subset of options can be passed.
+     * Title is recomputed from `formatTitle` if available, otherwise from `title`.
      */
     applyOptions(options) {
         this._private__options = { ...this._private__options, ...options };
@@ -17298,14 +17324,36 @@ class DraggablePriceLine {
         if (options.color) {
             this._private__originalColor = options.color;
         }
-        if (this._private__priceLine && options.price !== undefined) {
-            this._private__priceLine.applyOptions({
-                price: options.price,
-                color: options.color,
-                lineWidth: options.lineWidth,
-                lineStyle: options.lineStyle,
-                title: options.title,
-            });
+        if (!this._private__priceLine)
+            return;
+        // Apply visual options. Any field not in `options` is left untouched on the
+        // underlying price line, except `title` which we always re-resolve so that
+        // formatTitle stays in sync with whatever changed.
+        const patch = {
+            title: this._private__resolveTitle(),
+        };
+        if (options.price !== undefined)
+            patch.price = options.price;
+        if (options.color !== undefined)
+            patch.color = options.color;
+        if (options.lineWidth !== undefined)
+            patch.lineWidth = options.lineWidth;
+        if (options.lineStyle !== undefined)
+            patch.lineStyle = options.lineStyle;
+        this._private__priceLine.applyOptions(patch);
+    }
+    /**
+     * Set the title directly. Use this for updates that don't depend on the
+     * line's price (e.g. live PnL on a fixed entry line). Bypasses formatTitle.
+     */
+    setTitle(text) {
+        this._private__options.title = text;
+        // If a formatter is set we still write the static title to options, but
+        // the visual title comes from the formatter on the next price update.
+        // To make this call effective immediately, we override the rendered title
+        // here unconditionally.
+        if (this._private__priceLine) {
+            this._private__priceLine.applyOptions({ title: text });
         }
     }
     /**
@@ -17315,7 +17363,7 @@ class DraggablePriceLine {
         return this._private__options.price;
     }
     /**
-     * Set price programmatically
+     * Set price programmatically. Triggers formatTitle if configured.
      */
     setPrice(price) {
         this._private__updatePrice(price);
@@ -17438,6 +17486,7 @@ function createTradingLine(series, chart, options) {
         onDragMove: options.onDragMove,
         onDragEnd: options.onDragEnd,
         onClick: options.onClick,
+        formatTitle: options.formatTitle,
     };
     return new DraggablePriceLine(chart, series, lineOptions);
 }