@pipsend/charts 2.3.16 → 2.3.18

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

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Pipsend Charts v2.3.16-dev+202610080459
+ * Pipsend Charts v2.3.18-dev+202610170141
  * Copyright (c) 2026 Pipsend
  * Licensed under MIT License
  * Built on TradingView Lightweight Charts™ (Apache 2.0)
@@ -15924,6 +15924,127 @@
         return wrapper;
     }
 
+    const timeLabelsOptionsDefaults = {
+        position: 'bottom',
+        offset: 4,
+        fontSize: 11,
+        fontFamily: '',
+        color: '#787B86',
+    };
+
+    class TimeLabelsRenderer {
+        constructor(data) {
+            this._private__data = data;
+        }
+        draw(target) {
+            const { _internal_items: items, _internal_position: position, _internal_offset: offset } = this._private__data;
+            if (items.length === 0) {
+                return;
+            }
+            target.useMediaCoordinateSpace(({ context: ctx, mediaSize }) => {
+                const y = position === 'top' ? offset : mediaSize.height - offset;
+                ctx.save();
+                ctx.textAlign = 'center';
+                ctx.textBaseline = position === 'top' ? 'top' : 'bottom';
+                for (const item of items) {
+                    if (item._internal_x < -100 /* Constants.OffscreenMargin */ || item._internal_x > mediaSize.width + 100 /* Constants.OffscreenMargin */) {
+                        continue;
+                    }
+                    ctx.font = item._internal_font;
+                    ctx.fillStyle = item._internal_color;
+                    ctx.fillText(item._internal_text, item._internal_x, y);
+                }
+                ctx.restore();
+            });
+        }
+    }
+    class TimeLabelsPaneView {
+        constructor() {
+            this._private__data = { _internal_items: [], _internal_position: 'bottom', _internal_offset: 0 };
+        }
+        _internal_update(data) {
+            this._private__data = data;
+        }
+        zOrder() {
+            return 'top';
+        }
+        renderer() {
+            return new TimeLabelsRenderer(this._private__data);
+        }
+    }
+    class TimeLabelsPrimitive {
+        constructor(options) {
+            this._private__chart = null;
+            this._private__requestUpdate = null;
+            this._private__labels = [];
+            this._private__paneView = new TimeLabelsPaneView();
+            this._private__options = { ...timeLabelsOptionsDefaults, ...options };
+        }
+        attached(param) {
+            this._private__chart = param.chart;
+            this._private__requestUpdate = param.requestUpdate;
+            this._private__requestUpdate();
+        }
+        detached() {
+            this._private__chart = null;
+            this._private__requestUpdate = null;
+        }
+        _internal_setLabels(labels) {
+            this._private__labels = labels.slice();
+            this._private__requestUpdate?.();
+        }
+        _internal_labels() {
+            return this._private__labels;
+        }
+        _internal_applyOptions(options) {
+            this._private__options = { ...this._private__options, ...options };
+            this._private__requestUpdate?.();
+        }
+        updateAllViews() {
+            const chart = this._private__chart;
+            const options = this._private__options;
+            if (chart === null) {
+                this._private__paneView._internal_update({ _internal_items: [], _internal_position: options.position, _internal_offset: options.offset });
+                return;
+            }
+            const timeScale = chart.timeScale();
+            const family = options.fontFamily || chart.options().layout.fontFamily;
+            const items = [];
+            for (const label of this._private__labels) {
+                const x = timeScale.timeToCoordinate(label.time);
+                if (x === null) {
+                    continue;
+                }
+                items.push({
+                    _internal_x: x,
+                    _internal_text: label.text,
+                    _internal_color: label.color ?? options.color,
+                    _internal_font: makeFont(label.size ?? options.fontSize, family),
+                });
+            }
+            this._private__paneView._internal_update({ _internal_items: items, _internal_position: options.position, _internal_offset: options.offset });
+        }
+        paneViews() {
+            return [this._private__paneView];
+        }
+    }
+
+    class TimeLabelsPrimitiveWrapper extends SeriesPrimitiveAdapter {
+        setLabels(labels) {
+            this._internal__primitive._internal_setLabels(labels);
+        }
+        labels() {
+            return this._internal__primitive._internal_labels();
+        }
+    }
+    function createTimeLabels(series, labels, options) {
+        const wrapper = new TimeLabelsPrimitiveWrapper(series, new TimeLabelsPrimitive(options));
+        if (labels) {
+            wrapper.setLabels(labels);
+        }
+        return wrapper;
+    }
+
     class PositionMarkersManager {
         constructor(series, options) {
             this._private__markersPlugin = null;
@@ -20612,8 +20733,11 @@
          * move — which is invisible, and cheaper than forcing a second pass.
          */
         _internal_setClaims(ownerId, claims) {
+            const previous = this._private__claims.get(ownerId);
             this._private__claims.set(ownerId, claims);
-            this._private__invalidated = true;
+            if (previous === undefined || !sameClaims(previous, claims)) {
+                this._private__invalidated = true;
+            }
         }
         /** How far down a label has to move to clear the ones already placed. */
         _internal_offsetFor(ownerId, level) {
@@ -20634,7 +20758,10 @@
                     // them only need the few pixels they are short of — stepping by a
                     // full gap each time is what made the fan look flung open.
                     let y = claim._internal_y;
-                    for (const other of [...placed].sort(byY)) {
+                    for (const other of placed) {
+                        if (other._internal_y >= y + gap) {
+                            break;
+                        }
                         if (Math.abs(y - other._internal_y) < gap) {
                             y = other._internal_y + gap;
                         }
@@ -20645,7 +20772,7 @@
                         // no worse than before and keeps the pile from running off.
                         offset = 0;
                     }
-                    placed.push({ _internal_y: claim._internal_y + offset, _internal_height: claim._internal_height });
+                    insertByY(placed, { _internal_y: claim._internal_y + offset, _internal_height: claim._internal_height });
                     offsets.set(key(ownerId, claim._internal_level), offset);
                 }
             }
@@ -20663,8 +20790,30 @@
     function minGap(height) {
         return Math.max(9, Math.round(height * 0.4));
     }
-    function byY(a, b) {
-        return a._internal_y - b._internal_y;
+    function insertByY(placed, claim) {
+        let low = 0;
+        let high = placed.length;
+        while (low < high) {
+            const middle = (low + high) >> 1;
+            if (placed[middle]._internal_y <= claim._internal_y) {
+                low = middle + 1;
+            }
+            else {
+                high = middle;
+            }
+        }
+        placed.splice(low, 0, claim);
+    }
+    function sameClaims(a, b) {
+        if (a.length !== b.length) {
+            return false;
+        }
+        for (let i = 0; i < a.length; i++) {
+            if (a[i]._internal_level !== b[i]._internal_level || a[i]._internal_y !== b[i]._internal_y || a[i]._internal_height !== b[i]._internal_height) {
+                return false;
+            }
+        }
+        return true;
     }
     const layouts = new WeakMap();
     /** The layout is shared by every position line on the same chart. */
@@ -21019,6 +21168,7 @@
         constructor(chart, series, options) {
             this._private__paneView = new PositionLinePaneView();
             this._private__colorParser = new ColorParser([]);
+            this._private__axisLabels = new Map();
             this._private__attached = false;
             this._private__hoveredLevel = null;
             this._private__hoveredPart = null;
@@ -21310,12 +21460,22 @@
                 return null;
             }
             const color = options.color ?? positionLineDefaultColors[level];
-            return {
+            const formatter = this._private__series.priceFormatter();
+            const cached = this._private__axisLabels.get(level);
+            if (cached !== undefined && cached._internal_price === options.price && cached._internal_color === color && cached._internal_formatter === formatter) {
+                if (cached._internal_label._internal_coordinate !== y) {
+                    cached._internal_label = { ...cached._internal_label, _internal_coordinate: y };
+                }
+                return cached._internal_label;
+            }
+            const label = {
                 _internal_coordinate: y,
-                _internal_text: this._private__series.priceFormatter().format(options.price),
+                _internal_text: formatter.format(options.price),
                 _internal_color: color,
                 _internal_textColor: this._private__colorParser._internal_generateContrastColors(color)._internal_foreground,
             };
+            this._private__axisLabels.set(level, { _internal_price: options.price, _internal_color: color, _internal_formatter: formatter, _internal_label: label });
+            return label;
         }
         _private__levelOptions(level) {
             const options = level === 'entry' ? this._private__options.entry : this._private__options[level];
@@ -31446,7 +31606,7 @@
      * Returns the current version as a string. For example `'1.0.0'`.
      */
     function version() {
-        return "2.3.16-dev+202610080459";
+        return "2.3.18-dev+202610170141";
     }
 
     var PipsendChartsModule = /*#__PURE__*/Object.freeze({
@@ -31548,6 +31708,7 @@
         createSeriesMarkers: createSeriesMarkers,
         createTextTool: createTextTool,
         createTextWatermark: createTextWatermark,
+        createTimeLabels: createTimeLabels,
         createTradingLine: createTradingLine,
         createTradingSessionsIndicator: createTradingSessionsIndicator,
         createTrendLineTool: createTrendLineTool,

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

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Pipsend Charts v2.3.16-dev+202610080459
+ * Pipsend Charts v2.3.18-dev+202610170141
  * Copyright (c) 2026 Pipsend
  * Licensed under MIT License
  * Built on TradingView Lightweight Charts™ (Apache 2.0)
@@ -15921,6 +15921,127 @@ function createUpDownMarkers(series, options = {}) {
     return wrapper;
 }
 
+const timeLabelsOptionsDefaults = {
+    position: 'bottom',
+    offset: 4,
+    fontSize: 11,
+    fontFamily: '',
+    color: '#787B86',
+};
+
+class TimeLabelsRenderer {
+    constructor(data) {
+        this._private__data = data;
+    }
+    draw(target) {
+        const { _internal_items: items, _internal_position: position, _internal_offset: offset } = this._private__data;
+        if (items.length === 0) {
+            return;
+        }
+        target.useMediaCoordinateSpace(({ context: ctx, mediaSize }) => {
+            const y = position === 'top' ? offset : mediaSize.height - offset;
+            ctx.save();
+            ctx.textAlign = 'center';
+            ctx.textBaseline = position === 'top' ? 'top' : 'bottom';
+            for (const item of items) {
+                if (item._internal_x < -100 /* Constants.OffscreenMargin */ || item._internal_x > mediaSize.width + 100 /* Constants.OffscreenMargin */) {
+                    continue;
+                }
+                ctx.font = item._internal_font;
+                ctx.fillStyle = item._internal_color;
+                ctx.fillText(item._internal_text, item._internal_x, y);
+            }
+            ctx.restore();
+        });
+    }
+}
+class TimeLabelsPaneView {
+    constructor() {
+        this._private__data = { _internal_items: [], _internal_position: 'bottom', _internal_offset: 0 };
+    }
+    _internal_update(data) {
+        this._private__data = data;
+    }
+    zOrder() {
+        return 'top';
+    }
+    renderer() {
+        return new TimeLabelsRenderer(this._private__data);
+    }
+}
+class TimeLabelsPrimitive {
+    constructor(options) {
+        this._private__chart = null;
+        this._private__requestUpdate = null;
+        this._private__labels = [];
+        this._private__paneView = new TimeLabelsPaneView();
+        this._private__options = { ...timeLabelsOptionsDefaults, ...options };
+    }
+    attached(param) {
+        this._private__chart = param.chart;
+        this._private__requestUpdate = param.requestUpdate;
+        this._private__requestUpdate();
+    }
+    detached() {
+        this._private__chart = null;
+        this._private__requestUpdate = null;
+    }
+    _internal_setLabels(labels) {
+        this._private__labels = labels.slice();
+        this._private__requestUpdate?.();
+    }
+    _internal_labels() {
+        return this._private__labels;
+    }
+    _internal_applyOptions(options) {
+        this._private__options = { ...this._private__options, ...options };
+        this._private__requestUpdate?.();
+    }
+    updateAllViews() {
+        const chart = this._private__chart;
+        const options = this._private__options;
+        if (chart === null) {
+            this._private__paneView._internal_update({ _internal_items: [], _internal_position: options.position, _internal_offset: options.offset });
+            return;
+        }
+        const timeScale = chart.timeScale();
+        const family = options.fontFamily || chart.options().layout.fontFamily;
+        const items = [];
+        for (const label of this._private__labels) {
+            const x = timeScale.timeToCoordinate(label.time);
+            if (x === null) {
+                continue;
+            }
+            items.push({
+                _internal_x: x,
+                _internal_text: label.text,
+                _internal_color: label.color ?? options.color,
+                _internal_font: makeFont(label.size ?? options.fontSize, family),
+            });
+        }
+        this._private__paneView._internal_update({ _internal_items: items, _internal_position: options.position, _internal_offset: options.offset });
+    }
+    paneViews() {
+        return [this._private__paneView];
+    }
+}
+
+class TimeLabelsPrimitiveWrapper extends SeriesPrimitiveAdapter {
+    setLabels(labels) {
+        this._internal__primitive._internal_setLabels(labels);
+    }
+    labels() {
+        return this._internal__primitive._internal_labels();
+    }
+}
+function createTimeLabels(series, labels, options) {
+    const wrapper = new TimeLabelsPrimitiveWrapper(series, new TimeLabelsPrimitive(options));
+    if (labels) {
+        wrapper.setLabels(labels);
+    }
+    return wrapper;
+}
+
 class PositionMarkersManager {
     constructor(series, options) {
         this._private__markersPlugin = null;
@@ -20609,8 +20730,11 @@ class PositionLineLabelLayout {
      * move — which is invisible, and cheaper than forcing a second pass.
      */
     _internal_setClaims(ownerId, claims) {
+        const previous = this._private__claims.get(ownerId);
         this._private__claims.set(ownerId, claims);
-        this._private__invalidated = true;
+        if (previous === undefined || !sameClaims(previous, claims)) {
+            this._private__invalidated = true;
+        }
     }
     /** How far down a label has to move to clear the ones already placed. */
     _internal_offsetFor(ownerId, level) {
@@ -20631,7 +20755,10 @@ class PositionLineLabelLayout {
                 // them only need the few pixels they are short of — stepping by a
                 // full gap each time is what made the fan look flung open.
                 let y = claim._internal_y;
-                for (const other of [...placed].sort(byY)) {
+                for (const other of placed) {
+                    if (other._internal_y >= y + gap) {
+                        break;
+                    }
                     if (Math.abs(y - other._internal_y) < gap) {
                         y = other._internal_y + gap;
                     }
@@ -20642,7 +20769,7 @@ class PositionLineLabelLayout {
                     // no worse than before and keeps the pile from running off.
                     offset = 0;
                 }
-                placed.push({ _internal_y: claim._internal_y + offset, _internal_height: claim._internal_height });
+                insertByY(placed, { _internal_y: claim._internal_y + offset, _internal_height: claim._internal_height });
                 offsets.set(key(ownerId, claim._internal_level), offset);
             }
         }
@@ -20660,8 +20787,30 @@ function key(ownerId, level) {
 function minGap(height) {
     return Math.max(9, Math.round(height * 0.4));
 }
-function byY(a, b) {
-    return a._internal_y - b._internal_y;
+function insertByY(placed, claim) {
+    let low = 0;
+    let high = placed.length;
+    while (low < high) {
+        const middle = (low + high) >> 1;
+        if (placed[middle]._internal_y <= claim._internal_y) {
+            low = middle + 1;
+        }
+        else {
+            high = middle;
+        }
+    }
+    placed.splice(low, 0, claim);
+}
+function sameClaims(a, b) {
+    if (a.length !== b.length) {
+        return false;
+    }
+    for (let i = 0; i < a.length; i++) {
+        if (a[i]._internal_level !== b[i]._internal_level || a[i]._internal_y !== b[i]._internal_y || a[i]._internal_height !== b[i]._internal_height) {
+            return false;
+        }
+    }
+    return true;
 }
 const layouts = new WeakMap();
 /** The layout is shared by every position line on the same chart. */
@@ -21016,6 +21165,7 @@ class PositionLine {
     constructor(chart, series, options) {
         this._private__paneView = new PositionLinePaneView();
         this._private__colorParser = new ColorParser([]);
+        this._private__axisLabels = new Map();
         this._private__attached = false;
         this._private__hoveredLevel = null;
         this._private__hoveredPart = null;
@@ -21307,12 +21457,22 @@ class PositionLine {
             return null;
         }
         const color = options.color ?? positionLineDefaultColors[level];
-        return {
+        const formatter = this._private__series.priceFormatter();
+        const cached = this._private__axisLabels.get(level);
+        if (cached !== undefined && cached._internal_price === options.price && cached._internal_color === color && cached._internal_formatter === formatter) {
+            if (cached._internal_label._internal_coordinate !== y) {
+                cached._internal_label = { ...cached._internal_label, _internal_coordinate: y };
+            }
+            return cached._internal_label;
+        }
+        const label = {
             _internal_coordinate: y,
-            _internal_text: this._private__series.priceFormatter().format(options.price),
+            _internal_text: formatter.format(options.price),
             _internal_color: color,
             _internal_textColor: this._private__colorParser._internal_generateContrastColors(color)._internal_foreground,
         };
+        this._private__axisLabels.set(level, { _internal_price: options.price, _internal_color: color, _internal_formatter: formatter, _internal_label: label });
+        return label;
     }
     _private__levelOptions(level) {
         const options = level === 'entry' ? this._private__options.entry : this._private__options[level];
@@ -31443,7 +31603,7 @@ const customSeriesDefaultOptions = {
  * Returns the current version as a string. For example `'1.0.0'`.
  */
 function version() {
-    return "2.3.16-dev+202610080459";
+    return "2.3.18-dev+202610170141";
 }
 
-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, PositionLine, 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, createPositionLine, createPositionMarkers, createPositionTool, createRectangleTool, createRulerTool, createSeriesMarkers, createTextTool, createTextWatermark, createTradingLine, createTradingSessionsIndicator, createTrendLineTool, createUpDownMarkers, createVerticalLineTool, createVolumeProfileIndicator, createYieldCurveChart, customSeriesDefaultOptions, defaultHorzScaleBehavior, getPipConfig, hideSeriesPaint, isBusinessDay, isUTCTimestamp, setSeriesVolumes, setVolumeProfileData, timeFromCoordinate, version };
+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, PositionLine, 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, createPositionLine, createPositionMarkers, createPositionTool, createRectangleTool, createRulerTool, createSeriesMarkers, createTextTool, createTextWatermark, createTimeLabels, createTradingLine, createTradingSessionsIndicator, createTrendLineTool, createUpDownMarkers, createVerticalLineTool, createVolumeProfileIndicator, createYieldCurveChart, customSeriesDefaultOptions, defaultHorzScaleBehavior, getPipConfig, hideSeriesPaint, isBusinessDay, isUTCTimestamp, setSeriesVolumes, setVolumeProfileData, timeFromCoordinate, version };