highcharts 9.2.0 → 9.3.1

package/es-modules/Core/Axis/AxisDefaults.js

@@ -8,7 +8,6 @@
  *
  * */
 'use strict';
-import Palette from '../Color/Palette.js';
 /* *
  *
  *  Namespace
@@ -429,7 +428,7 @@ var AxisDefaults;
          * same axis.
          *
          * For an overview of the replacement codes, see
-         * [dateFormat](/class-reference/Highcharts#.dateFormat).
+         * [dateFormat](/class-reference/Highcharts.Time#dateFormat).
          *
          * Defaults to:
          * ```js
@@ -523,9 +522,9 @@ var AxisDefaults;
          * In Highcharts Stock, `endOnTick` is always `false` when the navigator
          * is enabled, to prevent jumpy scrolling.
          *
-         * @sample {highcharts} highcharts/chart/reflow-true/
-         *         True by default
          * @sample {highcharts} highcharts/yaxis/endontick/
+         *         True by default
+         * @sample {highcharts} highcharts/yaxis/endontick-false/
          *         False
          * @sample {highstock} stock/demo/basic-line/
          *         True by default
@@ -967,7 +966,7 @@ var AxisDefaults;
              */
             style: {
                 /** @internal */
-                color: Palette.neutralColor60,
+                color: "#666666" /* neutralColor60 */,
                 /** @internal */
                 cursor: 'default',
                 /** @internal */
@@ -1032,8 +1031,6 @@ var AxisDefaults;
          *         Y axis max on logarithmic axis
          * @sample {highstock} stock/xaxis/min-max/
          *         Fixed min and max on X axis
-         * @sample {highmaps} maps/axis/min-max/
-         *         Pre-zoomed to a specific area
          *
          * @type      {number|null}
          * @apioption xAxis.max
@@ -1088,8 +1085,6 @@ var AxisDefaults;
          *         -50 with startOnTick true by default
          * @sample {highstock} stock/xaxis/min-max/
          *         Set min and max on X axis
-         * @sample {highmaps} maps/axis/min-max/
-         *         Pre-zoomed to a specific area
          *
          * @type      {number|null}
          * @apioption xAxis.min
@@ -1241,8 +1236,6 @@ var AxisDefaults;
          *         Minimum range of 5
          * @sample {highstock} stock/xaxis/minrange/
          *         Max zoom of 6 months overrides user selections
-         * @sample {highmaps} maps/axis/minrange/
-         *         Minimum range of 1000
          *
          * @type      {number}
          * @apioption xAxis.minRange
@@ -1808,7 +1801,7 @@ var AxisDefaults;
              */
             style: {
                 /** @internal */
-                color: Palette.neutralColor60
+                color: "#666666" /* neutralColor60 */
             }
         },
         /**
@@ -1925,7 +1918,7 @@ var AxisDefaults;
          * @type    {Highcharts.ColorType}
          * @default #f2f2f2
          */
-        minorGridLineColor: Palette.neutralColor5,
+        minorGridLineColor: "#f2f2f2" /* neutralColor5 */,
         /**
          * Width of the minor, secondary grid lines.
          *
@@ -1951,7 +1944,7 @@ var AxisDefaults;
          * @type    {Highcharts.ColorType}
          * @default #999999
          */
-        minorTickColor: Palette.neutralColor40,
+        minorTickColor: "#999999" /* neutralColor40 */,
         /**
          * The color of the line marking the axis itself.
          *
@@ -1972,7 +1965,7 @@ var AxisDefaults;
          * @type    {Highcharts.ColorType}
          * @default #ccd6eb
          */
-        lineColor: Palette.highlightColor20,
+        lineColor: "#ccd6eb" /* highlightColor20 */,
         /**
          * The width of the line marking the axis itself.
          *
@@ -2009,7 +2002,7 @@ var AxisDefaults;
          * @type    {Highcharts.ColorType}
          * @default #e6e6e6
          */
-        gridLineColor: Palette.neutralColor10,
+        gridLineColor: "#e6e6e6" /* neutralColor10 */,
         /**
          * The width of the grid lines extending the ticks across the plot area.
          * Defaults to 1 on the Y axis and 0 on the X axis, except for 3d
@@ -2067,7 +2060,7 @@ var AxisDefaults;
          * @type    {Highcharts.ColorType}
          * @default #ccd6eb
          */
-        tickColor: Palette.highlightColor20
+        tickColor: "#ccd6eb" /* highlightColor20 */
         // tickWidth: 1
     };
     /**
@@ -2227,9 +2220,9 @@ var AxisDefaults;
          * @see [type](#chart.panning.type)
          *
          *
-         * @sample {highcharts} highcharts/chart/reflow-true/
-         *         True by default
          * @sample {highcharts} highcharts/yaxis/endontick/
+         *         True by default
+         * @sample {highcharts} highcharts/yaxis/endontick-false/
          *         False
          * @sample {highstock} stock/demo/basic-line/
          *         True by default
@@ -2382,8 +2375,6 @@ var AxisDefaults;
          *         Y axis max on logarithmic axis
          * @sample {highstock} stock/yaxis/min-max/
          *         Fixed min and max on Y axis
-         * @sample {highmaps} maps/axis/min-max/
-         *         Pre-zoomed to a specific area
          *
          * @apioption yAxis.max
          */
@@ -2394,8 +2385,6 @@ var AxisDefaults;
          *         -50 with startOnTick true by default
          * @sample {highstock} stock/yaxis/min-max/
          *         Fixed min and max on Y axis
-         * @sample {highmaps} maps/axis/min-max/
-         *         Pre-zoomed to a specific area
          *
          * @apioption yAxis.min
          */
@@ -2438,6 +2427,28 @@ var AxisDefaults;
          * @product   highstock
          * @apioption yAxis.scrollbar.margin
          */
+        /* eslint-disable highcharts/doclet-apioption-last */
+        /**
+         * Defines the position of the scrollbar. By default, it is positioned
+         * on the opposite of the main axis (right side of the chart).
+         * However, in the case of RTL languages could be set to `false`
+         * which positions the scrollbar on the left.
+         *
+         * Works only for vertical axes.
+         * This means yAxis in a non-inverted chart and xAxis in the inverted.
+         *
+         * @sample stock/yaxis/scrollbar-opposite/
+         *         A scrollbar not on the opposite side
+         *
+         * @type      {boolean}
+         * @default   true
+         * @since 9.3.0
+         *
+         * @apioption yAxis.scrollbar.opposite
+         * @apioption xAxis.scrollbar.opposite
+         *
+         */
+        /* eslint-enable highcharts/doclet-apioption-last */
         /**
          * Whether to show the scrollbar when it is fully zoomed out at max
          * range. Setting it to `false` on the Y axis makes the scrollbar stay
@@ -2839,7 +2850,7 @@ var AxisDefaults;
              */
             style: {
                 /** @internal */
-                color: Palette.neutralColor100,
+                color: "#000000" /* neutralColor100 */,
                 /** @internal */
                 fontSize: '11px',
                 /** @internal */

package/es-modules/Core/Axis/Color/ColorAxisComposition.js

@@ -10,8 +10,6 @@
 'use strict';
 import Color from '../../Color/Color.js';
 var color = Color.parse;
-import ColorSeriesMixins from '../../../Mixins/ColorSeries.js';
-var colorPointMixin = ColorSeriesMixins.colorPointMixin, colorSeriesMixin = ColorSeriesMixins.colorSeriesMixin;
 import U from '../../Utilities.js';
 var addEvent = U.addEvent, extend = U.extend, merge = U.merge, pick = U.pick, splat = U.splat;
 /* *
@@ -21,6 +19,11 @@ var addEvent = U.addEvent, extend = U.extend, merge = U.merge, pick = U.pick, sp
  * */
 var ColorAxisComposition;
 (function (ColorAxisComposition) {
+    /* *
+     *
+     *  Declarations
+     *
+     * */
     /* *
      *
      *  Constants
@@ -68,8 +71,13 @@ var ColorAxisComposition;
         }
         if (composedClasses.indexOf(SeriesClass) === -1) {
             composedClasses.push(SeriesClass);
-            extend(SeriesClass.prototype, colorSeriesMixin);
-            extend(SeriesClass.prototype.pointClass.prototype, colorPointMixin);
+            extend(SeriesClass.prototype, {
+                optionalAxis: 'colorAxis',
+                translateColors: seriesTranslateColors
+            });
+            extend(SeriesClass.prototype.pointClass.prototype, {
+                setVisible: pointSetVisible
+            });
             addEvent(SeriesClass, 'afterTranslate', onSeriesAfterTranslate);
             addEvent(SeriesClass, 'bindAxes', onSeriesBindAxes);
         }
@@ -186,6 +194,48 @@ var ColorAxisComposition;
             axisTypes.push('colorAxis');
         }
     }
+    /**
+     * Set the visibility of a single point
+     * @private
+     * @function Highcharts.colorPointMixin.setVisible
+     * @param {boolean} visible
+     * @return {void}
+     */
+    function pointSetVisible(vis) {
+        var point = this, method = vis ? 'show' : 'hide';
+        point.visible = point.options.visible = Boolean(vis);
+        // Show and hide associated elements
+        ['graphic', 'dataLabel'].forEach(function (key) {
+            if (point[key]) {
+                point[key][method]();
+            }
+        });
+        this.series.buildKDTree(); // rebuild kdtree #13195
+    }
+    ColorAxisComposition.pointSetVisible = pointSetVisible;
+    /**
+     * In choropleth maps, the color is a result of the value, so this needs
+     * translation too
+     * @private
+     * @function Highcharts.colorSeriesMixin.translateColors
+     * @return {void}
+     */
+    function seriesTranslateColors() {
+        var series = this, points = this.data.length ? this.data : this.points, nullColor = this.options.nullColor, colorAxis = this.colorAxis, colorKey = this.colorKey;
+        points.forEach(function (point) {
+            var value = point.getNestedProperty(colorKey), color = point.options.color || (point.isNull || point.value === null ?
+                nullColor :
+                (colorAxis && typeof value !== 'undefined') ?
+                    colorAxis.toColor(value, point) :
+                    point.color || series.color);
+            if (color && point.color !== color) {
+                point.color = color;
+                if (series.options.legendType === 'point' && point.legendItem) {
+                    series.chart.legend.colorizeItem(point, point.visible);
+                }
+            }
+        });
+    }
     /**
      * @private
      */

package/es-modules/Core/Axis/Color/ColorAxisDefaults.js

@@ -8,7 +8,6 @@
  *
  * */
 'use strict';
-import Palette from '../../Color/Palette.js';
 /* *
  *
  *  API Options
@@ -62,7 +61,8 @@ import Palette from '../../Color/Palette.js';
  *               categories, crosshair, dateTimeLabelFormats, height, left,
  *               lineWidth, linkedTo, maxZoom, minRange, minTickInterval,
  *               offset, opposite, pane, plotBands, plotLines,
- *               reversedStacks, showEmpty, title, top, width, zoomEnabled
+ *               reversedStacks, scrollbar, showEmpty, title, top, width,
+ *               zoomEnabled
  * @product      highcharts highstock highmaps
  * @type         {*|Array<*>}
  * @optionparent colorAxis
@@ -297,7 +297,7 @@ var colorAxisDefaults = {
          * @type    {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
          * @product highcharts highstock highmaps
          */
-        color: Palette.neutralColor40
+        color: "#999999" /* neutralColor40 */
     },
     /**
      * The axis labels show the number for each tick.
@@ -339,7 +339,7 @@ var colorAxisDefaults = {
      * @type    {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
      * @product highcharts highstock highmaps
      */
-    minColor: Palette.highlightColor10,
+    minColor: "#e6ebf5" /* highlightColor10 */,
     /**
      * The color to represent the maximum of the color axis. Unless
      * [dataClasses](#colorAxis.dataClasses) or
@@ -358,7 +358,7 @@ var colorAxisDefaults = {
      * @type    {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
      * @product highcharts highstock highmaps
      */
-    maxColor: Palette.highlightColor100,
+    maxColor: "#003399" /* highlightColor100 */,
     /**
      * Color stops for the gradient of a scalar color axis. Use this in
      * cases where a linear gradient between a `minColor` and `maxColor`

package/es-modules/Core/Axis/OrdinalAxis.js

@@ -310,7 +310,7 @@ var OrdinalAxis;
             var index = ordinal.getIndexOfPoint(pixelVal, positions), mantissa = correctFloat(index % 1);
             // Check if the index is inside position array.
             // If true, read/approximate value for that exact index.
-            if (index >= 0 && index < positions.length) {
+            if (index >= 0 && index < positions.length - 1) {
                 var leftNeighbour = positions[Math.floor(index)], rightNeighbour = positions[Math.ceil(index)], distance = rightNeighbour - leftNeighbour;
                 return positions[Math.floor(index)] + mantissa * distance;
             }
@@ -397,9 +397,8 @@ var OrdinalAxis;
         }
     }
     /**
-     * @private
-     *
      * Extending the Chart.pan method for ordinal axes
+     * @private
      */
     function onChartPan(e) {
         var chart = this, xAxis = chart.xAxis[0], overscroll = xAxis.options.overscroll, chartX = e.originalEvent.chartX, panning = chart.options.chart.panning;
@@ -607,7 +606,7 @@ var OrdinalAxis;
          */
         Additions.prototype.beforeSetTickPositions = function () {
             var axis = this.axis, ordinal = axis.ordinal, extremes = axis.getExtremes(), min = extremes.min, max = extremes.max, hasBreaks = axis.isXAxis && !!axis.options.breaks, isOrdinal = axis.options.ordinal, ignoreHiddenSeries = axis.chart.options.chart.ignoreHiddenSeries;
-            var len, uniqueOrdinalPositions, dist, minIndex, maxIndex, slope, i, hasBoostedSeries, ordinalPositions = [], overscrollPointsRange = Number.MAX_VALUE, useOrdinal = false;
+            var len, uniqueOrdinalPositions, dist, minIndex, maxIndex, slope, i, ordinalPositions = [], overscrollPointsRange = Number.MAX_VALUE, useOrdinal = false;
             // Apply the ordinal logic
             if (isOrdinal || hasBreaks) { // #4167 YAxis is never ordinal ?
                 axis.series.forEach(function (series, i) {
@@ -641,13 +640,7 @@ var OrdinalAxis;
                             ordinalPositions = uniqueOrdinalPositions;
                         }
                     }
-                    if (series.isSeriesBoosting) {
-                        hasBoostedSeries = true;
-                    }
                 });
-                if (hasBoostedSeries) {
-                    ordinalPositions.length = 0;
-                }
                 // cache the length
                 len = ordinalPositions.length;
                 // Check if we really need the overhead of mapping axis data
@@ -834,8 +827,6 @@ var OrdinalAxis;
                     fakeAxis.series.push(fakeSeries);
                     series.processData.apply(fakeSeries);
                 });
-                // Apply grouping if needed.
-                axis.applyGrouping.call(fakeAxis);
                 // Force to use the ordinal when points are evenly spaced
                 // (e.g. weeks), #3825.
                 if (fakeSeries.closestPointRange !== fakeSeries.basePointRange &&
@@ -922,7 +913,8 @@ var OrdinalAxis;
             // When more series assign to axis, find the smallest one, #15987.
             if (axis.series.length > 1) {
                 axis.series.forEach(function (series) {
-                    if (defined(series.points[0]) &&
+                    if (series.points &&
+                        defined(series.points[0]) &&
                         defined(series.points[0].plotX) &&
                         series.points[0].plotX < firstPointX) {
                         firstPointX = series.points[0].plotX;

package/es-modules/Core/Axis/PlotLineOrBand/PlotLineOrBand.js

@@ -8,7 +8,6 @@
  *
  * */
 'use strict';
-import Palette from '../../Color/Palette.js';
 import PlotLineOrBandAxis from './PlotLineOrBandAxis.js';
 import U from '../../Utilities.js';
 var arrayMax = U.arrayMax, arrayMin = U.arrayMin, defined = U.defined, destroyObjectProperties = U.destroyObjectProperties, erase = U.erase, fireEvent = U.fireEvent, merge = U.merge, objectEach = U.objectEach, pick = U.pick;
@@ -80,7 +79,7 @@ var PlotLineOrBand = /** @class */ (function () {
         // Set the presentational attributes
         if (!axis.chart.styledMode) {
             if (isLine) {
-                attribs.stroke = color || Palette.neutralColor40;
+                attribs.stroke = color || "#999999" /* neutralColor40 */;
                 attribs['stroke-width'] = pick(options.width, 1);
                 if (options.dashStyle) {
                     attribs.dashstyle =
@@ -88,7 +87,7 @@ var PlotLineOrBand = /** @class */ (function () {
                 }
             }
             else if (isBand) { // plot band
-                attribs.fill = color || Palette.highlightColor10;
+                attribs.fill = color || "#e6ebf5" /* highlightColor10 */;
                 if (options.borderWidth) {
                     attribs.stroke = options.borderColor;
                     attribs['stroke-width'] = options.borderWidth;
@@ -350,7 +349,7 @@ export default PlotLineOrBand;
  *         Plot band on Y axis
  *
  * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
- * @default   ${palette.highlightColor10}
+ * @default   #e6ebf5
  * @apioption xAxis.plotBands.color
  */
 /**
@@ -598,7 +597,7 @@ export default PlotLineOrBand;
  *         Plot line on Y axis
  *
  * @type      {Highcharts.ColorString}
- * @default   ${palette.neutralColor40}
+ * @default   #999999
  * @apioption xAxis.plotLines.color
  */
 /**

package/es-modules/Core/Axis/ScrollbarAxis.js

@@ -113,8 +113,15 @@ var ScrollbarAxis = /** @class */ (function () {
                     if (axis.opposite) {
                         scrollbarsOffsets[0] += offset;
                     }
-                    scrollbar.position(axis.left + axis.width + 2 + scrollbarsOffsets[0] -
-                        (axis.opposite ? 0 : axisMargin), axis.top, axis.width, axis.height);
+                    var xPosition = void 0;
+                    if (!scrollbar.options.opposite) {
+                        xPosition = axis.opposite ? 0 : axisMargin;
+                    }
+                    else {
+                        xPosition = axis.left + axis.width + 2 + scrollbarsOffsets[0] -
+                            (axis.opposite ? 0 : axisMargin);
+                    }
+                    scrollbar.position(xPosition, axis.top, axis.width, axis.height);
                     // Next scrollbar should reserve space for margin (if set)
                     if (axis.opposite) {
                         scrollbarsOffsets[0] += axisMargin;
@@ -152,7 +159,7 @@ var ScrollbarAxis = /** @class */ (function () {
         });
         // Make space for a scrollbar:
         addEvent(AxisClass, 'afterGetOffset', function () {
-            var axis = this, index = axis.horiz ? 2 : 1, scrollbar = axis.scrollbar;
+            var axis = this, opposite = axis.scrollbar && !axis.scrollbar.options.opposite, index = axis.horiz ? 2 : opposite ? 3 : 1, scrollbar = axis.scrollbar;
             if (scrollbar) {
                 axis.chart.scrollbarsOffsets = [0, 0]; // reset scrollbars offsets
                 axis.chart.axisOffset[index] +=

package/es-modules/Core/Axis/TreeGridAxis.js

@@ -13,8 +13,8 @@ import BrokenAxis from './BrokenAxis.js';
 import GridAxis from './GridAxis.js';
 import Tree from '../../Gantt/Tree.js';
 import TreeGridTick from './TreeGridTick.js';
-import mixinTreeSeries from '../../Mixins/TreeSeries.js';
-var getLevelOptions = mixinTreeSeries.getLevelOptions;
+import TU from '../../Series/TreeUtilities.js';
+var getLevelOptions = TU.getLevelOptions;
 import U from '../Utilities.js';
 var addEvent = U.addEvent, find = U.find, fireEvent = U.fireEvent, isArray = U.isArray, isObject = U.isObject, isString = U.isString, merge = U.merge, pick = U.pick, wrap = U.wrap;
 /**

package/es-modules/Core/Axis/TreeGridTick.js

@@ -9,7 +9,6 @@
  *
  * */
 'use strict';
-import palette from '../../Core/Color/Palette.js';
 import U from '../Utilities.js';
 var addEvent = U.addEvent, isObject = U.isObject, isNumber = U.isNumber, pick = U.pick, wrap = U.wrap;
 /* eslint-disable no-invalid-this, valid-jsdoc */
@@ -108,7 +107,7 @@ var TreeGridTick;
             icon
                 .attr({
                 cursor: 'pointer',
-                'fill': pick(params.color, palette.neutralColor60),
+                'fill': pick(params.color, "#666666" /* neutralColor60 */),
                 'stroke-width': 1,
                 stroke: options.lineColor,
                 strokeWidth: options.lineWidth || 0

package/es-modules/Core/Chart/Chart.js

@@ -21,7 +21,6 @@ import Legend from '../Legend/Legend.js';
 import MSPointer from '../MSPointer.js';
 import D from '../DefaultOptions.js';
 var defaultOptions = D.defaultOptions, defaultTime = D.defaultTime;
-import palette from '../../Core/Color/Palette.js';
 import Pointer from '../Pointer.js';
 import RendererRegistry from '../Renderer/RendererRegistry.js';
 import SeriesRegistry from '../Series/SeriesRegistry.js';
@@ -750,10 +749,10 @@ var Chart = /** @class */ (function () {
         var chart = this;
         // Default style
         var style = name === 'title' ? {
-            color: palette.neutralColor80,
+            color: "#333333" /* neutralColor80 */,
             fontSize: this.options.isStock ? '16px' : '18px' // #2944
         } : {
-            color: palette.neutralColor60
+            color: "#666666" /* neutralColor60 */
         };
         // Merge default options with explicit options
         var options = this.options[name] = merge(

package/es-modules/Core/Chart/ChartDefaults.js

@@ -8,7 +8,6 @@
  *
  * */
 'use strict';
-import Palette from '../Color/Palette.js';
 /* *
  *
  *  API Options
@@ -948,7 +947,7 @@ var ChartDefaults = {
      *
      * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
      */
-    borderColor: Palette.highlightColor80,
+    borderColor: "#335cad" /* highlightColor80 */,
     /**
      * The pixel width of the outer chart border.
      *
@@ -987,7 +986,7 @@ var ChartDefaults = {
      *
      * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
      */
-    backgroundColor: Palette.backgroundColor,
+    backgroundColor: "#ffffff" /* backgroundColor */,
     /**
      * The background color or gradient for the plot area.
      *
@@ -1044,7 +1043,7 @@ var ChartDefaults = {
      *
      * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
      */
-    plotBorderColor: Palette.neutralColor20
+    plotBorderColor: "#cccccc" /* neutralColor20 */
 };
 /* *
  *

package/es-modules/Core/Chart/ChartNavigationComposition.js

@@ -0,0 +1,92 @@
+/**
+ *
+ *  (c) 2010-2021 Paweł Fus
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+'use strict';
+/* *
+ *
+ *  Composition
+ *
+ * */
+var ChartNavigationComposition;
+(function (ChartNavigationComposition) {
+    /* *
+     *
+     *  Declarations
+     *
+     * */
+    /* *
+     *
+     *  Functions
+     *
+     * */
+    /* eslint-disable valid-jsdoc */
+    /**
+     * @private
+     */
+    function compose(chart) {
+        if (!chart.navigation) {
+            chart.navigation = new Additions(chart);
+        }
+        return chart;
+    }
+    ChartNavigationComposition.compose = compose;
+    /* *
+     *
+     *  Class
+     *
+     * */
+    /**
+     * Initializes `chart.navigation` object which delegates `update()` methods
+     * to all other common classes (used in exporting and navigationBindings).
+     * @private
+     */
+    var Additions = /** @class */ (function () {
+        /* *
+         *
+         *  Constructor
+         *
+         * */
+        function Additions(chart) {
+            this.updates = [];
+            this.chart = chart;
+        }
+        /* *
+         *
+         *  Functions
+         *
+         * */
+        /**
+         * Registers an `update()` method in the `chart.navigation` object.
+         *
+         * @private
+         * @param {UpdateFunction} updateFn
+         * The `update()` method that will be called in `chart.update()`.
+         */
+        Additions.prototype.addUpdate = function (updateFn) {
+            this.chart.navigation.updates.push(updateFn);
+        };
+        /**
+         * @private
+         */
+        Additions.prototype.update = function (options, redraw) {
+            var _this = this;
+            this.updates.forEach(function (updateFn) {
+                updateFn.call(_this.chart, options, redraw);
+            });
+        };
+        return Additions;
+    }());
+    ChartNavigationComposition.Additions = Additions;
+})(ChartNavigationComposition || (ChartNavigationComposition = {}));
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default ChartNavigationComposition;