@pipsend/charts 2.3.4 → 2.3.10

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

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Pipsend Charts v2.3.4
+ * Pipsend Charts v2.3.10
  * Copyright (c) 2026 Pipsend
  * Licensed under MIT License
  * Built on TradingView Lightweight Charts™ (Apache 2.0)
@@ -2486,14 +2486,8 @@
             return this._private__styleGetter(this._private__findBar, this._private__series._internal_options(), barIndex, precomputedBars);
         }
         /**
-         * Like `barStyle`, but returns null instead of throwing when the bar is
-         * gone.
-         *
-         * Recolouring walks items that were laid out against the data as it was. A
-         * bar that has since disappeared is not an error there: the view is about
-         * to be rebuilt from the new data anyway. Letting it throw took down
-         * whatever asked for the repaint — including `setData`, which left the
-         * series without its data and the pane empty until the page was reloaded.
+         * Like `barStyle`, but null instead of throwing when the bar is gone, which
+         * a recolour of items laid out against older data can hit.
          */
         _internal_barStyleOrNull(barIndex, precomputedBars) {
             if (precomputedBars === undefined && this._private__series._internal_bars()._internal_valueAt(barIndex) === null) {
@@ -2895,7 +2889,10 @@
             commonRendererData._internal_additionalPaddingTop = additionalPadding;
             commonRendererData._internal_additionalPaddingBottom = additionalPadding;
             commonRendererData._internal_coordinate = data._internal_coordinate;
-            commonRendererData._internal_fixedCoordinate = data._internal_fixedCoordinate;
+            // Re-runs at draw time, after the axis has moved the label clear of overlaps.
+            if (data._internal_fixedCoordinate !== undefined) {
+                commonRendererData._internal_fixedCoordinate = data._internal_fixedCoordinate;
+            }
             axisRendererData._internal_text = data._internal_text;
             axisRendererData._internal_visible = data._internal_visible;
             axisRendererData._internal_tickVisible = data._internal_tickVisible;
@@ -3772,7 +3769,6 @@
         }
     }
 
-    const TICK_DENSITY = 2.5;
     class PriceTickMarkBuilder {
         constructor(priceScale, base, coordinateToLogicalFunc, logicalToCoordinateFunc) {
             this._private__marks = [];
@@ -3833,7 +3829,7 @@
             return this._private__priceScale._internal_fontSize();
         }
         _private__tickMarkHeight() {
-            return Math.ceil(this._private__fontHeight() * TICK_DENSITY);
+            return Math.max(1, Math.ceil(this._private__fontHeight() * this._private__priceScale._internal_options().tickMarkSpacing));
         }
         _private__updateMarks(firstValue, span, high, low, minCoord, maxCoord) {
             const marks = this._private__marks;
@@ -3998,6 +3994,9 @@
                 this._private__invalidateInternalHeightCache();
                 this._private__marksCache = null;
             }
+            if (options.tickMarkSpacing !== undefined) {
+                this._private__marksCache = null;
+            }
         }
         _internal_isAutoScale() {
             return this._private__options.autoScale;
@@ -5175,6 +5174,9 @@
             this._private__uniformDistribution = val;
             this._private__cache = null;
         }
+        _internal_invalidate() {
+            this._private__cache = null;
+        }
         _internal_setTimeScalePoints(newPoints, firstChangedPointIndex) {
             this._private__removeMarksSinceIndex(firstChangedPointIndex);
             this._private__cache = null;
@@ -5193,7 +5195,7 @@
                 });
             }
         }
-        _internal_build(spacing, maxWidth, checkIndicesForData, indicesWithDataMap, indicesWithDataId) {
+        _internal_build(spacing, maxWidth, checkIndicesForData, indicesWithDataMap, indicesWithDataId, allows = () => true) {
             const maxIndexesPerMark = Math.ceil(maxWidth / spacing);
             if (this._private__cache === null ||
                 this._private__cache._internal_maxIndexesPerMark !== maxIndexesPerMark ||
@@ -5202,7 +5204,7 @@
                 this._private__cache = {
                     _internal_indicesWithDataId: indicesWithDataId,
                     _internal_checkIndicesForData: checkIndicesForData,
-                    _internal_marks: this._private__buildMarksImpl(maxIndexesPerMark, checkIndicesForData, indicesWithDataMap),
+                    _internal_marks: this._private__buildMarksImpl(maxIndexesPerMark, checkIndicesForData, indicesWithDataMap, allows),
                     _internal_maxIndexesPerMark: maxIndexesPerMark,
                 };
             }
@@ -5226,7 +5228,7 @@
                 this._private__marksByWeight.delete(weight);
             }
         }
-        _private__buildMarksImpl(maxIndexesPerMark, checkIndicesForData, indicesWithDataMap) {
+        _private__buildMarksImpl(maxIndexesPerMark, checkIndicesForData, indicesWithDataMap, allows) {
             let marks = [];
             const canBeIncluded = (mark) => !checkIndicesForData || indicesWithDataMap.has(mark.index);
             for (const weight of Array.from(this._private__marksByWeight.keys()).sort((a, b) => b - a)) {
@@ -5244,6 +5246,11 @@
                 let leftIndex = -Infinity;
                 for (let i = 0; i < currentWeightLength; i++) {
                     const mark = currentWeight[i];
+                    // Skipped before the fit check: a rejected mark must not count as one
+                    // that did not fit, which with uniform distribution drops its whole weight.
+                    if (!allows(mark, maxIndexesPerMark)) {
+                        continue;
+                    }
                     const currentIndex = mark.index;
                     // Determine indexes with which current index will be compared
                     // All marks to the right is moved to new array
@@ -5550,7 +5557,7 @@
             const visibleBars = ensureNotNull(this._internal_visibleStrictRange());
             const firstBar = Math.max(visibleBars._internal_left(), visibleBars._internal_left() - indexPerLabel);
             const lastBar = Math.max(visibleBars._internal_right(), visibleBars._internal_right() - indexPerLabel);
-            const items = this._private__tickMarks._internal_build(spacing, maxLabelWidth, this._private__options.ignoreWhitespaceIndices, this._private__indicesWithData, this._private__indicesWithDataUpdateId);
+            const items = this._private__tickMarks._internal_build(spacing, maxLabelWidth, this._private__options.ignoreWhitespaceIndices, this._private__indicesWithData, this._private__indicesWithDataUpdateId, (mark, barsPerMark) => this._private__horzScaleBehavior.allowsTickMark?.(mark, barsPerMark) ?? true);
             // according to indexPerLabel value this value means "earliest index which _might be_ used as the second label on time scale"
             const earliestIndexOfSecondLabel = this._private__firstIndex() + indexPerLabel;
             // according to indexPerLabel value this value means "earliest index which _might be_ used as the second last label on time scale"
@@ -5928,6 +5935,7 @@
         _private__invalidateTickMarks() {
             this._private__resetTimeMarksCache();
             this._private__formattedByWeight.clear();
+            this._private__tickMarks._internal_invalidate();
         }
         _private__updateDateTimeFormatter() {
             this._private__horzScaleBehavior.updateFormatter(this._private__localizationOptions);
@@ -7042,6 +7050,14 @@
             const tp = item;
             return this._private__dateTimeFormatter._internal_format(new Date(tp._internal_timestamp * 1000));
         }
+        allowsTickMark(tickMark, barsPerMark) {
+            const filter = this._private__options.timeScale.tickMarkFilter;
+            if (filter === undefined) {
+                return true;
+            }
+            const tickMarkType = weightToTickMarkType(tickMark.weight, this._private__options.timeScale.timeVisible, this._private__options.timeScale.secondsVisible);
+            return filter(tickMark.originalTime, tickMarkType, barsPerMark);
+        }
         formatTickmark(tickMark, localizationOptions) {
             const tickMarkType = weightToTickMarkType(tickMark.weight, this._private__options.timeScale.timeVisible, this._private__options.timeScale.secondsVisible);
             const options = this._private__options.timeScale;
@@ -11446,9 +11462,6 @@
         _internal__updateOptions() {
             const colorer = this._internal__series._internal_barColorer();
             this._internal__items = this._internal__items.map((item) => {
-                // An item whose bar is gone keeps the colour it had. Throwing here
-                // took down whatever asked for the repaint — `setData` among them,
-                // which left the series without its data and the pane empty.
                 const style = colorer._internal_barStyleOrNull(item._internal_time);
                 return style === null ? item : { ...item, ...style };
             });
@@ -11751,6 +11764,7 @@
         },
         minimumWidth: 0,
         ensureEdgeTickMarksVisible: false,
+        tickMarkSpacing: 2.5,
     };
 
     const timeScaleOptionsDefaults = {
@@ -12846,8 +12860,6 @@
             const colorer = this._internal__series._internal_barColorer();
             this._internal__items = this._internal__series._internal_bars()._internal_rows().map((row) => {
                 const value = row._internal_value[3 /* PlotRowValueIndex.Close */];
-                // The row travels with the point: without it the colorer looks it up
-                // again by index, and that lookup could fail and take the repaint down.
                 return this._internal__createRawItem(row._internal_index, value, colorer, row);
             });
         }
@@ -12870,10 +12882,10 @@
             if (point) {
                 const style = styleGetter(renderingScope, point);
                 if (style !== prevStyle) {
-                    context.beginPath();
                     if (prevStyle !== null) {
                         context.fill();
                     }
+                    context.beginPath();
                     context.fillStyle = style;
                     prevStyle = style;
                 }
@@ -13812,9 +13824,6 @@
         }
         _internal__fillRawPoints() {
             const colorer = this._internal__series._internal_barColorer();
-            // The row goes to the colorer as it is. Asking for the style by index
-            // alone made it look the row up again, and that second lookup could come
-            // back empty and throw, taking the whole repaint down with it.
             this._internal__items = this._internal__series._internal_bars()._internal_rows().map((row) => this._internal__createRawItem(row._internal_index, row, colorer));
         }
     }
@@ -17885,7 +17894,7 @@
             hideSource: options.hideSource ?? true,
         };
         const sourceOptions = series.options();
-        // Same price scale and the same formatting as the source: the candles are a
+        // Same price scale, formatting and axis labels as the source: the candles are a
         // restatement of that series, not a second instrument, so they must not
         // autoscale on their own axis or round to a different precision.
         const haSeries = chart.addSeries(candlestickSeries, {
@@ -17899,6 +17908,8 @@
             wickDownColor: resolved.wickDownColor,
             priceScaleId: sourceOptions.priceScaleId,
             priceFormat: sourceOptions.priceFormat,
+            lastValueVisible: sourceOptions.lastValueVisible,
+            priceLineVisible: sourceOptions.priceLineVisible,
         }, resolved.paneIndex);
         let restoreSourcePaint = null;
         const blankSource = (blank) => {
@@ -18100,12 +18111,14 @@
         const macdSeries = chart.addSeries(lineSeries, {
             color: resolved.colorMACD,
         }, paneIndex);
+        // An index past the last pane opens a new one, so the rest follow MACD to where it landed.
+        const macdPane = paneIndexOf(chart, macdSeries, paneIndex);
         const signalSeries = chart.addSeries(lineSeries, {
             color: resolved.colorSignal,
-        }, paneIndex);
+        }, macdPane);
         const histogramSeries$1 = chart.addSeries(histogramSeries, {
             color: resolved.colorHistogramUp,
-        }, paneIndex);
+        }, macdPane);
         // Calculate EMA
         const calculateEMA = (prices, period) => {
             const ema = [];
@@ -18237,13 +18250,13 @@
             // Stochastic is bounded to 0-100; pinning it keeps the pane readable
             autoscaleInfoProvider: boundedScale,
         }, paneIndex);
+        // An index past the last pane opens a new one, so %D follows %K to where it landed.
+        const scalePane = paneIndexOf(chart, kSeries, paneIndex);
         // Create %D line (slow - signal)
         const dSeries = chart.addSeries(lineSeries, {
             color: resolved.colorD,
             autoscaleInfoProvider: boundedScale,
-        }, paneIndex);
-        // The pane the series landed in, which is not always the one asked for.
-        const scalePane = paneIndexOf(chart, kSeries, paneIndex);
+        }, scalePane);
         chart.priceScale(kSeries.options().priceScaleId ?? 'right', scalePane).applyOptions({
             scaleMargins: {
                 top: 0.1,
@@ -18585,15 +18598,16 @@
             color: resolved.colorADX,
             autoscaleInfoProvider: boundedScale,
         }, paneIndex);
+        // An index past the last pane opens a new one, so the DI lines follow ADX to where it landed.
+        const scalePane = paneIndexOf(chart, adxSeries, paneIndex);
         const plusSeries = chart.addSeries(lineSeries, {
             color: resolved.colorPlusDI,
             autoscaleInfoProvider: boundedScale,
-        }, paneIndex);
+        }, scalePane);
         const minusSeries = chart.addSeries(lineSeries, {
             color: resolved.colorMinusDI,
             autoscaleInfoProvider: boundedScale,
-        }, paneIndex);
-        const scalePane = paneIndexOf(chart, adxSeries, paneIndex);
+        }, scalePane);
         chart.priceScale(adxSeries.options().priceScaleId ?? 'right', scalePane).applyOptions({
             scaleMargins: {
                 top: 0.1,
@@ -31006,7 +31020,7 @@
      * Returns the current version as a string. For example `'1.0.0'`.
      */
     function version() {
-        return "2.3.4";
+        return "2.3.10";
     }
 
     var PipsendChartsModule = /*#__PURE__*/Object.freeze({

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

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Pipsend Charts v2.3.4
+ * Pipsend Charts v2.3.10
  * Copyright (c) 2026 Pipsend
  * Licensed under MIT License
  * Built on TradingView Lightweight Charts™ (Apache 2.0)
@@ -2483,14 +2483,8 @@ class SeriesBarColorer {
         return this._private__styleGetter(this._private__findBar, this._private__series._internal_options(), barIndex, precomputedBars);
     }
     /**
-     * Like `barStyle`, but returns null instead of throwing when the bar is
-     * gone.
-     *
-     * Recolouring walks items that were laid out against the data as it was. A
-     * bar that has since disappeared is not an error there: the view is about
-     * to be rebuilt from the new data anyway. Letting it throw took down
-     * whatever asked for the repaint — including `setData`, which left the
-     * series without its data and the pane empty until the page was reloaded.
+     * Like `barStyle`, but null instead of throwing when the bar is gone, which
+     * a recolour of items laid out against older data can hit.
      */
     _internal_barStyleOrNull(barIndex, precomputedBars) {
         if (precomputedBars === undefined && this._private__series._internal_bars()._internal_valueAt(barIndex) === null) {
@@ -2892,7 +2886,10 @@ class SeriesPrimitivePriceAxisViewWrapper extends PriceAxisView {
         commonRendererData._internal_additionalPaddingTop = additionalPadding;
         commonRendererData._internal_additionalPaddingBottom = additionalPadding;
         commonRendererData._internal_coordinate = data._internal_coordinate;
-        commonRendererData._internal_fixedCoordinate = data._internal_fixedCoordinate;
+        // Re-runs at draw time, after the axis has moved the label clear of overlaps.
+        if (data._internal_fixedCoordinate !== undefined) {
+            commonRendererData._internal_fixedCoordinate = data._internal_fixedCoordinate;
+        }
         axisRendererData._internal_text = data._internal_text;
         axisRendererData._internal_visible = data._internal_visible;
         axisRendererData._internal_tickVisible = data._internal_tickVisible;
@@ -3769,7 +3766,6 @@ class PriceTickSpanCalculator {
     }
 }
 
-const TICK_DENSITY = 2.5;
 class PriceTickMarkBuilder {
     constructor(priceScale, base, coordinateToLogicalFunc, logicalToCoordinateFunc) {
         this._private__marks = [];
@@ -3830,7 +3826,7 @@ class PriceTickMarkBuilder {
         return this._private__priceScale._internal_fontSize();
     }
     _private__tickMarkHeight() {
-        return Math.ceil(this._private__fontHeight() * TICK_DENSITY);
+        return Math.max(1, Math.ceil(this._private__fontHeight() * this._private__priceScale._internal_options().tickMarkSpacing));
     }
     _private__updateMarks(firstValue, span, high, low, minCoord, maxCoord) {
         const marks = this._private__marks;
@@ -3995,6 +3991,9 @@ class PriceScale {
             this._private__invalidateInternalHeightCache();
             this._private__marksCache = null;
         }
+        if (options.tickMarkSpacing !== undefined) {
+            this._private__marksCache = null;
+        }
     }
     _internal_isAutoScale() {
         return this._private__options.autoScale;
@@ -5172,6 +5171,9 @@ class TickMarks {
         this._private__uniformDistribution = val;
         this._private__cache = null;
     }
+    _internal_invalidate() {
+        this._private__cache = null;
+    }
     _internal_setTimeScalePoints(newPoints, firstChangedPointIndex) {
         this._private__removeMarksSinceIndex(firstChangedPointIndex);
         this._private__cache = null;
@@ -5190,7 +5192,7 @@ class TickMarks {
             });
         }
     }
-    _internal_build(spacing, maxWidth, checkIndicesForData, indicesWithDataMap, indicesWithDataId) {
+    _internal_build(spacing, maxWidth, checkIndicesForData, indicesWithDataMap, indicesWithDataId, allows = () => true) {
         const maxIndexesPerMark = Math.ceil(maxWidth / spacing);
         if (this._private__cache === null ||
             this._private__cache._internal_maxIndexesPerMark !== maxIndexesPerMark ||
@@ -5199,7 +5201,7 @@ class TickMarks {
             this._private__cache = {
                 _internal_indicesWithDataId: indicesWithDataId,
                 _internal_checkIndicesForData: checkIndicesForData,
-                _internal_marks: this._private__buildMarksImpl(maxIndexesPerMark, checkIndicesForData, indicesWithDataMap),
+                _internal_marks: this._private__buildMarksImpl(maxIndexesPerMark, checkIndicesForData, indicesWithDataMap, allows),
                 _internal_maxIndexesPerMark: maxIndexesPerMark,
             };
         }
@@ -5223,7 +5225,7 @@ class TickMarks {
             this._private__marksByWeight.delete(weight);
         }
     }
-    _private__buildMarksImpl(maxIndexesPerMark, checkIndicesForData, indicesWithDataMap) {
+    _private__buildMarksImpl(maxIndexesPerMark, checkIndicesForData, indicesWithDataMap, allows) {
         let marks = [];
         const canBeIncluded = (mark) => !checkIndicesForData || indicesWithDataMap.has(mark.index);
         for (const weight of Array.from(this._private__marksByWeight.keys()).sort((a, b) => b - a)) {
@@ -5241,6 +5243,11 @@ class TickMarks {
             let leftIndex = -Infinity;
             for (let i = 0; i < currentWeightLength; i++) {
                 const mark = currentWeight[i];
+                // Skipped before the fit check: a rejected mark must not count as one
+                // that did not fit, which with uniform distribution drops its whole weight.
+                if (!allows(mark, maxIndexesPerMark)) {
+                    continue;
+                }
                 const currentIndex = mark.index;
                 // Determine indexes with which current index will be compared
                 // All marks to the right is moved to new array
@@ -5547,7 +5554,7 @@ class TimeScale {
         const visibleBars = ensureNotNull(this._internal_visibleStrictRange());
         const firstBar = Math.max(visibleBars._internal_left(), visibleBars._internal_left() - indexPerLabel);
         const lastBar = Math.max(visibleBars._internal_right(), visibleBars._internal_right() - indexPerLabel);
-        const items = this._private__tickMarks._internal_build(spacing, maxLabelWidth, this._private__options.ignoreWhitespaceIndices, this._private__indicesWithData, this._private__indicesWithDataUpdateId);
+        const items = this._private__tickMarks._internal_build(spacing, maxLabelWidth, this._private__options.ignoreWhitespaceIndices, this._private__indicesWithData, this._private__indicesWithDataUpdateId, (mark, barsPerMark) => this._private__horzScaleBehavior.allowsTickMark?.(mark, barsPerMark) ?? true);
         // according to indexPerLabel value this value means "earliest index which _might be_ used as the second label on time scale"
         const earliestIndexOfSecondLabel = this._private__firstIndex() + indexPerLabel;
         // according to indexPerLabel value this value means "earliest index which _might be_ used as the second last label on time scale"
@@ -5925,6 +5932,7 @@ class TimeScale {
     _private__invalidateTickMarks() {
         this._private__resetTimeMarksCache();
         this._private__formattedByWeight.clear();
+        this._private__tickMarks._internal_invalidate();
     }
     _private__updateDateTimeFormatter() {
         this._private__horzScaleBehavior.updateFormatter(this._private__localizationOptions);
@@ -7039,6 +7047,14 @@ class HorzScaleBehaviorTime {
         const tp = item;
         return this._private__dateTimeFormatter._internal_format(new Date(tp._internal_timestamp * 1000));
     }
+    allowsTickMark(tickMark, barsPerMark) {
+        const filter = this._private__options.timeScale.tickMarkFilter;
+        if (filter === undefined) {
+            return true;
+        }
+        const tickMarkType = weightToTickMarkType(tickMark.weight, this._private__options.timeScale.timeVisible, this._private__options.timeScale.secondsVisible);
+        return filter(tickMark.originalTime, tickMarkType, barsPerMark);
+    }
     formatTickmark(tickMark, localizationOptions) {
         const tickMarkType = weightToTickMarkType(tickMark.weight, this._private__options.timeScale.timeVisible, this._private__options.timeScale.secondsVisible);
         const options = this._private__options.timeScale;
@@ -11443,9 +11459,6 @@ class SeriesPaneViewBase {
     _internal__updateOptions() {
         const colorer = this._internal__series._internal_barColorer();
         this._internal__items = this._internal__items.map((item) => {
-            // An item whose bar is gone keeps the colour it had. Throwing here
-            // took down whatever asked for the repaint — `setData` among them,
-            // which left the series without its data and the pane empty.
             const style = colorer._internal_barStyleOrNull(item._internal_time);
             return style === null ? item : { ...item, ...style };
         });
@@ -11748,6 +11761,7 @@ const priceScaleOptionsDefaults = {
     },
     minimumWidth: 0,
     ensureEdgeTickMarksVisible: false,
+    tickMarkSpacing: 2.5,
 };
 
 const timeScaleOptionsDefaults = {
@@ -12843,8 +12857,6 @@ class LinePaneViewBase extends SeriesPaneViewBase {
         const colorer = this._internal__series._internal_barColorer();
         this._internal__items = this._internal__series._internal_bars()._internal_rows().map((row) => {
             const value = row._internal_value[3 /* PlotRowValueIndex.Close */];
-            // The row travels with the point: without it the colorer looks it up
-            // again by index, and that lookup could fail and take the repaint down.
             return this._internal__createRawItem(row._internal_index, value, colorer, row);
         });
     }
@@ -12867,10 +12879,10 @@ styleGetter) {
         if (point) {
             const style = styleGetter(renderingScope, point);
             if (style !== prevStyle) {
-                context.beginPath();
                 if (prevStyle !== null) {
                     context.fill();
                 }
+                context.beginPath();
                 context.fillStyle = style;
                 prevStyle = style;
             }
@@ -13809,9 +13821,6 @@ class BarsPaneViewBase extends SeriesPaneViewBase {
     }
     _internal__fillRawPoints() {
         const colorer = this._internal__series._internal_barColorer();
-        // The row goes to the colorer as it is. Asking for the style by index
-        // alone made it look the row up again, and that second lookup could come
-        // back empty and throw, taking the whole repaint down with it.
         this._internal__items = this._internal__series._internal_bars()._internal_rows().map((row) => this._internal__createRawItem(row._internal_index, row, colorer));
     }
 }
@@ -17882,7 +17891,7 @@ function applyHeikinAshi(series, chart, options = {}) {
         hideSource: options.hideSource ?? true,
     };
     const sourceOptions = series.options();
-    // Same price scale and the same formatting as the source: the candles are a
+    // Same price scale, formatting and axis labels as the source: the candles are a
     // restatement of that series, not a second instrument, so they must not
     // autoscale on their own axis or round to a different precision.
     const haSeries = chart.addSeries(candlestickSeries, {
@@ -17896,6 +17905,8 @@ function applyHeikinAshi(series, chart, options = {}) {
         wickDownColor: resolved.wickDownColor,
         priceScaleId: sourceOptions.priceScaleId,
         priceFormat: sourceOptions.priceFormat,
+        lastValueVisible: sourceOptions.lastValueVisible,
+        priceLineVisible: sourceOptions.priceLineVisible,
     }, resolved.paneIndex);
     let restoreSourcePaint = null;
     const blankSource = (blank) => {
@@ -18097,12 +18108,14 @@ function applyMACD(series, chart, options = {}) {
     const macdSeries = chart.addSeries(lineSeries, {
         color: resolved.colorMACD,
     }, paneIndex);
+    // An index past the last pane opens a new one, so the rest follow MACD to where it landed.
+    const macdPane = paneIndexOf(chart, macdSeries, paneIndex);
     const signalSeries = chart.addSeries(lineSeries, {
         color: resolved.colorSignal,
-    }, paneIndex);
+    }, macdPane);
     const histogramSeries$1 = chart.addSeries(histogramSeries, {
         color: resolved.colorHistogramUp,
-    }, paneIndex);
+    }, macdPane);
     // Calculate EMA
     const calculateEMA = (prices, period) => {
         const ema = [];
@@ -18234,13 +18247,13 @@ function applyStochastic(series, chart, options = {}) {
         // Stochastic is bounded to 0-100; pinning it keeps the pane readable
         autoscaleInfoProvider: boundedScale,
     }, paneIndex);
+    // An index past the last pane opens a new one, so %D follows %K to where it landed.
+    const scalePane = paneIndexOf(chart, kSeries, paneIndex);
     // Create %D line (slow - signal)
     const dSeries = chart.addSeries(lineSeries, {
         color: resolved.colorD,
         autoscaleInfoProvider: boundedScale,
-    }, paneIndex);
-    // The pane the series landed in, which is not always the one asked for.
-    const scalePane = paneIndexOf(chart, kSeries, paneIndex);
+    }, scalePane);
     chart.priceScale(kSeries.options().priceScaleId ?? 'right', scalePane).applyOptions({
         scaleMargins: {
             top: 0.1,
@@ -18582,15 +18595,16 @@ function applyADX(series, chart, options = {}) {
         color: resolved.colorADX,
         autoscaleInfoProvider: boundedScale,
     }, paneIndex);
+    // An index past the last pane opens a new one, so the DI lines follow ADX to where it landed.
+    const scalePane = paneIndexOf(chart, adxSeries, paneIndex);
     const plusSeries = chart.addSeries(lineSeries, {
         color: resolved.colorPlusDI,
         autoscaleInfoProvider: boundedScale,
-    }, paneIndex);
+    }, scalePane);
     const minusSeries = chart.addSeries(lineSeries, {
         color: resolved.colorMinusDI,
         autoscaleInfoProvider: boundedScale,
-    }, paneIndex);
-    const scalePane = paneIndexOf(chart, adxSeries, paneIndex);
+    }, scalePane);
     chart.priceScale(adxSeries.options().priceScaleId ?? 'right', scalePane).applyOptions({
         scaleMargins: {
             top: 0.1,
@@ -31003,7 +31017,7 @@ const customSeriesDefaultOptions = {
  * Returns the current version as a string. For example `'1.0.0'`.
  */
 function version() {
-    return "2.3.4";
+    return "2.3.10";
 }
 
 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 };