highcharts 9.2.2 → 9.3.0

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
@@ -835,7 +828,9 @@ var OrdinalAxis;
                     series.processData.apply(fakeSeries);
                 });
                 // Apply grouping if needed.
-                axis.applyGrouping.call(fakeAxis);
+                axis.applyGrouping.call(fakeAxis, {
+                    hasExtemesChanged: false
+                });
                 // Force to use the ordinal when points are evenly spaced
                 // (e.g. weeks), #3825.
                 if (fakeSeries.closestPointRange !== fakeSeries.basePointRange &&
@@ -922,7 +917,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;

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

@@ -24,9 +24,10 @@ var __extends = (this && this.__extends) || (function () {
 import Chart from './Chart.js';
 import D from '../DefaultOptions.js';
 var getOptions = D.getOptions;
+import MapView from '../../Maps/MapView.js';
 import SVGRenderer from '../Renderer/SVG/SVGRenderer.js';
 import U from '../Utilities.js';
-var merge = U.merge, pick = U.pick;
+var addEvent = U.addEvent, clamp = U.clamp, isNumber = U.isNumber, merge = U.merge, pick = U.pick;
 import '../../Maps/MapSymbols.js';
 /**
  * Map-optimized chart. Use {@link Highcharts.Chart|Chart} for common charts.
@@ -61,18 +62,11 @@ var MapChart = /** @class */ (function (_super) {
      * @fires Highcharts.MapChart#event:afterInit
      */
     MapChart.prototype.init = function (userOptions, callback) {
-        var hiddenAxis = {
-            endOnTick: false,
-            visible: false,
-            minPadding: 0,
-            maxPadding: 0,
-            startOnTick: false
-        }, defaultCreditsOptions = getOptions().credits;
-        /* For visual testing
-        hiddenAxis.gridLineWidth = 1;
-        hiddenAxis.gridZIndex = 10;
-        hiddenAxis.tickPositions = undefined;
-        // */
+        // Initialize the MapView after initialization, but before firstRender
+        addEvent(this, 'afterInit', function () {
+            this.mapView = new MapView(this, this.options.mapView);
+        });
+        var defaultCreditsOptions = getOptions().credits;
         var options = merge({
             chart: {
                 panning: {
@@ -86,18 +80,12 @@ var MapChart = /** @class */ (function (_super) {
                     '{geojson.copyrightShort}</a>'),
                 mapTextFull: pick(defaultCreditsOptions.mapTextFull, '{geojson.copyright}')
             },
+            mapView: {},
             tooltip: {
                 followTouchMove: false
-            },
-            xAxis: hiddenAxis,
-            yAxis: merge(hiddenAxis, { reversed: true })
-        }, userOptions, // user's options
-        {
-            chart: {
-                inverted: false,
-                alignTicks: false
             }
-        });
+        }, userOptions // user's options
+        );
         _super.prototype.init.call(this, options, callback);
     };
     return MapChart;