@pipsend/charts 1.2.1 → 1.2.2

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

@@ -17472,6 +17472,20 @@
                 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({
@@ -17480,7 +17494,7 @@
                 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() {
@@ -17521,22 +17535,28 @@
                     // 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) => {
@@ -17584,7 +17604,8 @@
                         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;
@@ -17682,11 +17703,16 @@
         _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 };
@@ -17694,14 +17720,36 @@
             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 });
             }
         }
         /**
@@ -17711,7 +17759,7 @@
             return this._private__options.price;
         }
         /**
-         * Set price programmatically
+         * Set price programmatically. Triggers formatTitle if configured.
          */
         setPrice(price) {
             this._private__updatePrice(price);
@@ -17834,6 +17882,7 @@
             onDragMove: options.onDragMove,
             onDragEnd: options.onDragEnd,
             onClick: options.onClick,
+            formatTitle: options.formatTitle,
         };
         return new DraggablePriceLine(chart, series, lineOptions);
     }

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

@@ -17469,6 +17469,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({
@@ -17477,7 +17491,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() {
@@ -17518,22 +17532,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) => {
@@ -17581,7 +17601,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;
@@ -17679,11 +17700,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 };
@@ -17691,14 +17717,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 });
         }
     }
     /**
@@ -17708,7 +17756,7 @@ class DraggablePriceLine {
         return this._private__options.price;
     }
     /**
-     * Set price programmatically
+     * Set price programmatically. Triggers formatTitle if configured.
      */
     setPrice(price) {
         this._private__updatePrice(price);
@@ -17831,6 +17879,7 @@ function createTradingLine(series, chart, options) {
         onDragMove: options.onDragMove,
         onDragEnd: options.onDragEnd,
         onClick: options.onClick,
+        formatTitle: options.formatTitle,
     };
     return new DraggablePriceLine(chart, series, lineOptions);
 }