highcharts 9.2.2 → 9.3.3

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;
 /**
@@ -95,7 +95,7 @@ var TreeGridAxis;
      *
      * @param {number} numberOfSeries
      *
-     * @return {object}
+     * @return {Object}
      * Returns an object containing categories, mapOfIdToNode,
      * mapOfPosToGridNode, and tree.
      *
@@ -105,7 +105,8 @@ var TreeGridAxis;
      * @todo Add unit-tests.
      */
     function getTreeGridFromData(data, uniqueNames, numberOfSeries) {
-        var categories = [], collapsedNodes = [], mapOfIdToNode = {}, uniqueNamesEnabled = typeof uniqueNames === 'boolean' ? uniqueNames : false;
+        var categories = [], collapsedNodes = [], mapOfIdToNode = {}, uniqueNamesEnabled = typeof uniqueNames === 'boolean' ?
+            uniqueNames : false;
         var mapOfPosToGridNode = {}, posIterator = -1;
         // Build the tree from the series data.
         var treeParams = {
@@ -125,7 +126,9 @@ var TreeGridAxis;
             },
             // Before the children has been created.
             before: function (node) {
-                var data = isObject(node.data, true) ? node.data : {}, name = isString(data.name) ? data.name : '', parentNode = mapOfIdToNode[node.parent], parentGridNode = (isObject(parentNode, true) ?
+                var data = isObject(node.data, true) ?
+                    node.data :
+                    {}, name = isString(data.name) ? data.name : '', parentNode = mapOfIdToNode[node.parent], parentGridNode = (isObject(parentNode, true) ?
                     mapOfPosToGridNode[parentNode.pos] :
                     null), hasSameName = function (x) {
                     return x.name === name;
@@ -222,8 +225,8 @@ var TreeGridAxis;
     /**
      * Builds the tree of categories and calculates its positions.
      * @private
-     * @param {object} e Event object
-     * @param {object} e.target The chart instance which the event was fired on.
+     * @param {Object} e Event object
+     * @param {Object} e.target The chart instance which the event was fired on.
      * @param {object[]} e.target.axes The axes of the chart.
      */
     function onBeforeRender(e) {
@@ -234,8 +237,8 @@ var TreeGridAxis;
             var options = axis.options || {}, labelOptions = options.labels, uniqueNames = options.uniqueNames, max = options.max, 
             // Check whether any of series is rendering for the first
             // time, visibility has changed, or its data is dirty, and
-            // only then update. #10570, #10580
-            // Also check if mapOfPosToGridNode exists. #10887
+            // only then update. #10570, #10580. Also check if
+            // mapOfPosToGridNode exists. #10887
             isDirty = (!axis.treeGrid.mapOfPosToGridNode ||
                 axis.series.some(function (series) {
                     return !series.hasRendered ||
@@ -251,13 +254,15 @@ var TreeGridAxis;
                         (s.options.data || []).forEach(function (data) {
                             // For using keys - rebuild the data structure
                             if (s.options.keys && s.options.keys.length) {
-                                data = s.pointClass.prototype.optionsToObject.call({ series: s }, data);
+                                data = s.pointClass.prototype
+                                    .optionsToObject
+                                    .call({ series: s }, data);
                                 s.pointClass.setGanttPointAliases(data);
                             }
                             if (isObject(data, true)) {
                                 // Set series index on data. Removed again
                                 // after use.
-                                data.seriesIndex = numberOfSeries;
+                                data.seriesIndex = (numberOfSeries);
                                 arr.push(data);
                             }
                         });
@@ -284,17 +289,20 @@ var TreeGridAxis;
                 treeGrid = getTreeGridFromData(data, uniqueNames || false, (uniqueNames === true) ? numberOfSeries : 1);
                 // Assign values to the axis.
                 axis.categories = treeGrid.categories;
-                axis.treeGrid.mapOfPosToGridNode = treeGrid.mapOfPosToGridNode;
+                axis.treeGrid.mapOfPosToGridNode = (treeGrid.mapOfPosToGridNode);
                 axis.hasNames = true;
                 axis.treeGrid.tree = treeGrid.tree;
                 // Update yData now that we have calculated the y values
                 axis.series.forEach(function (series) {
                     var axisData = (series.options.data || []).map(function (d) {
-                        if (isArray(d) && series.options.keys && series.options.keys.length) {
+                        if (isArray(d) &&
+                            series.options.keys &&
+                            series.options.keys.length) {
                             // Get the axisData from the data array used to
                             // build the treeGrid where has been modified
                             data.forEach(function (point) {
-                                if (d.indexOf(point.x) >= 0 && d.indexOf(point.x2) >= 0) {
+                                if (d.indexOf(point.x) >= 0 &&
+                                    d.indexOf(point.x2) >= 0) {
                                     d = point;
                                 }
                             });
@@ -396,10 +404,11 @@ var TreeGridAxis;
                             axis.brokenAxis.setBreaks(breaks, false);
                             // remove the node from the axis collapsedNodes
                             if (axis.treeGrid.collapsedNodes) {
-                                axis.treeGrid.collapsedNodes = axis.treeGrid.collapsedNodes.filter(function (n) {
-                                    return node.collapseStart !== n.collapseStart ||
-                                        node.collapseEnd !== n.collapseEnd;
-                                });
+                                axis.treeGrid.collapsedNodes = axis.treeGrid
+                                    .collapsedNodes
+                                    .filter(function (n) { return ((node.collapseStart !==
+                                    n.collapseStart) ||
+                                    node.collapseEnd !== n.collapseEnd); });
                             }
                         }
                     });
@@ -668,7 +677,7 @@ var TreeGridAxis;
          * @param {Highcharts.Axis} axis
          * The axis to check against.
          *
-         * @param {object} node
+         * @param {Object} node
          * The node to check if is collapsed.
          *
          * @param {number} pos

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
@@ -170,7 +169,10 @@ var TreeGridTick;
             node.descendants > 0) {
             collapsed = axis.treeGrid.isCollapsed(node);
             renderLabelIcon(tick, {
-                color: !styledMode && label.styles && label.styles.color || '',
+                color: (!styledMode &&
+                    label.styles &&
+                    label.styles.color ||
+                    ''),
                 collapsed: collapsed,
                 group: label.parentGroup,
                 options: symbolOptions,

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

@@ -58,7 +58,7 @@ var WaterfallAxis;
          * @function Highcharts.Axis#renderWaterfallStackTotals
          */
         Composition.prototype.renderStackTotals = function () {
-            var yAxis = this.axis, waterfallStacks = yAxis.waterfall.stacks, stackTotalGroup = yAxis.stacking && yAxis.stacking.stackTotalGroup, dummyStackItem = new StackItem(yAxis, yAxis.options.stackLabels, false, 0, void 0);
+            var yAxis = this.axis, waterfallStacks = yAxis.waterfall.stacks, stackTotalGroup = (yAxis.stacking && yAxis.stacking.stackTotalGroup), dummyStackItem = new StackItem(yAxis, yAxis.options.stackLabels, false, 0, void 0);
             this.dummyStackItem = dummyStackItem;
             // Render each waterfall stack total
             objectEach(waterfallStacks, function (type) {

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

@@ -99,7 +99,7 @@ var ZAxis = /** @class */ (function (_super) {
         var chart = axis.chart;
         axis.hasVisibleSeries = false;
         // Reset properties in case we're redrawing (#3353)
-        axis.dataMin = axis.dataMax = axis.ignoreMinPadding = axis.ignoreMaxPadding = void 0;
+        axis.dataMin = axis.dataMax = axis.ignoreMinPadding = (axis.ignoreMaxPadding = void 0);
         if (axis.stacking) {
             axis.stacking.buildStacks();
         }

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';
@@ -152,8 +151,8 @@ var Chart = /** @class */ (function () {
      * @param {...Array<*>} arguments
      * All arguments for the constructor.
      *
-     * @fires Highcharts.Chart#event:init
-     * @fires Highcharts.Chart#event:afterInit
+     * @emits Highcharts.Chart#event:init
+     * @emits Highcharts.Chart#event:afterInit
      */
     Chart.prototype.getArgs = function (a, b, c) {
         // Remove the optional first argument, renderTo, and
@@ -179,10 +178,9 @@ var Chart = /** @class */ (function () {
      *        Function to run when the chart has loaded and and all external
      *        images are loaded.
      *
-     * @return {void}
      *
-     * @fires Highcharts.Chart#event:init
-     * @fires Highcharts.Chart#event:afterInit
+     * @emits Highcharts.Chart#event:init
+     * @emits Highcharts.Chart#event:afterInit
      */
     Chart.prototype.init = function (userOptions, callback) {
         // Handle regular options
@@ -356,7 +354,6 @@ var Chart = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Series#getSeriesOrderByLinks
-     * @return {Array<Highcharts.Series>}
      */
     Chart.prototype.getSeriesOrderByLinks = function () {
         return this.series.concat().sort(function (a, b) {
@@ -427,7 +424,8 @@ var Chart = /** @class */ (function () {
                 pos: plotLeft,
                 len: Infinity
             };
-            var chartX = options.paneCoordinates ? xAxis.pos + x : plotLeft + x;
+            var chartX = options.paneCoordinates ?
+                xAxis.pos + x : plotLeft + x;
             if (!(chartX >= Math.max(scrollLeft + plotLeft, xAxis.pos) &&
                 chartX <= Math.min(scrollLeft + plotLeft + box.width, xAxis.pos + xAxis.len))) {
                 e.isInsidePlot = false;
@@ -438,7 +436,8 @@ var Chart = /** @class */ (function () {
                 pos: plotTop,
                 len: Infinity
             };
-            var chartY = options.paneCoordinates ? yAxis.pos + y : plotTop + y;
+            var chartY = options.paneCoordinates ?
+                yAxis.pos + y : plotTop + y;
             if (!(chartY >= Math.max(scrollTop + plotTop, yAxis.pos) &&
                 chartY <= Math.min(scrollTop + plotTop + box.height, yAxis.pos + yAxis.len))) {
                 e.isInsidePlot = false;
@@ -461,12 +460,12 @@ var Chart = /** @class */ (function () {
      * @param {boolean|Partial<Highcharts.AnimationOptionsObject>} [animation]
      * If or how to apply animation to the redraw.
      *
-     * @fires Highcharts.Chart#event:afterSetExtremes
-     * @fires Highcharts.Chart#event:beforeRedraw
-     * @fires Highcharts.Chart#event:predraw
-     * @fires Highcharts.Chart#event:redraw
-     * @fires Highcharts.Chart#event:render
-     * @fires Highcharts.Chart#event:updatedData
+     * @emits Highcharts.Chart#event:afterSetExtremes
+     * @emits Highcharts.Chart#event:beforeRedraw
+     * @emits Highcharts.Chart#event:predraw
+     * @emits Highcharts.Chart#event:redraw
+     * @emits Highcharts.Chart#event:render
+     * @emits Highcharts.Chart#event:updatedData
      */
     Chart.prototype.redraw = function (animation) {
         fireEvent(this, 'beforeRedraw');
@@ -615,8 +614,6 @@ var Chart = /** @class */ (function () {
         var series = this.series;
         /**
          * @private
-         * @param {Highcharts.Axis|Highcharts.Series} item
-         * @return {boolean}
          */
         function itemById(item) {
             return (item.id === id ||
@@ -638,8 +635,8 @@ var Chart = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Chart#getAxes
-     * @fires Highcharts.Chart#event:afterGetAxes
-     * @fires Highcharts.Chart#event:getAxes
+     * @emits Highcharts.Chart#event:afterGetAxes
+     * @emits Highcharts.Chart#event:getAxes
      */
     Chart.prototype.getAxes = function () {
         var chart = this, options = this.options, xAxisOptions = options.xAxis = splat(options.xAxis || {}), yAxisOptions = options.yAxis = splat(options.yAxis || {});
@@ -750,10 +747,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(
@@ -816,20 +813,21 @@ var Chart = /** @class */ (function () {
      * @function Highcharts.Chart#layOutTitles
      *
      * @param {boolean} [redraw=true]
-     * @fires Highcharts.Chart#event:afterLayOutTitles
+     * @emits Highcharts.Chart#event:afterLayOutTitles
      */
     Chart.prototype.layOutTitles = function (redraw) {
         var titleOffset = [0, 0, 0], renderer = this.renderer, spacingBox = this.spacingBox;
         // Lay out the title and the subtitle respectively
         ['title', 'subtitle', 'caption'].forEach(function (key) {
-            var title = this[key], titleOptions = this.options[key], verticalAlign = titleOptions.verticalAlign || 'top', offset = key === 'title' ?
+            var title = this[key], titleOptions = (this.options[key]), verticalAlign = titleOptions.verticalAlign || 'top', offset = key === 'title' ?
                 verticalAlign === 'top' ? -3 : 0 :
                 // Floating subtitle (#6574)
                 verticalAlign === 'top' ? titleOffset[0] + 2 : 0;
             var titleSize, height;
             if (title) {
                 if (!this.styledMode) {
-                    titleSize = titleOptions.style && titleOptions.style.fontSize;
+                    titleSize = (titleOptions.style &&
+                        titleOptions.style.fontSize);
                 }
                 titleSize = renderer.fontMetrics(titleSize, title).b;
                 title
@@ -999,7 +997,7 @@ var Chart = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Chart#afterGetContainer
-     * @fires Highcharts.Chart#event:afterGetContainer
+     * @emits Highcharts.Chart#event:afterGetContainer
      */
     Chart.prototype.getContainer = function () {
         var chart = this, options = chart.options, optionsChart = options.chart, indexAttrName = 'data-highcharts-chart', containerId = uniqueKey();
@@ -1030,7 +1028,7 @@ var Chart = /** @class */ (function () {
         // Make a reference to the chart from the div
         attr(renderTo, indexAttrName, chart.index);
         // remove previous chart
-        renderTo.innerHTML = '';
+        renderTo.innerHTML = AST.emptyHTML;
         // If the container doesn't have an offsetWidth, it has or is a child of
         // a node that has display:none. We need to temporarily move it out to a
         // visible state to determine the size, else the legend and tooltips
@@ -1113,7 +1111,7 @@ var Chart = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Chart#getMargins
-     * @fires Highcharts.Chart#event:getMargins
+     * @emits Highcharts.Chart#event:getMargins
      */
     Chart.prototype.getMargins = function (skipAxes) {
         var _a = this, spacing = _a.spacing, margin = _a.margin, titleOffset = _a.titleOffset;
@@ -1273,10 +1271,9 @@ var Chart = /** @class */ (function () {
      * @param {boolean|Partial<Highcharts.AnimationOptionsObject>} [animation=true]
      *        Whether and how to apply animation.
      *
-     * @return {void}
      *
-     * @fires Highcharts.Chart#event:endResize
-     * @fires Highcharts.Chart#event:resize
+     * @emits Highcharts.Chart#event:endResize
+     * @emits Highcharts.Chart#event:resize
      */
     Chart.prototype.setSize = function (width, height, animation) {
         var chart = this, renderer = chart.renderer;
@@ -1332,7 +1329,7 @@ var Chart = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Chart#setChartSize
-     * @fires Highcharts.Chart#event:afterSetChartSize
+     * @emits Highcharts.Chart#event:afterSetChartSize
      */
     Chart.prototype.setChartSize = function (skipAxes) {
         var chart = this, inverted = chart.inverted, renderer = chart.renderer, chartWidth = chart.chartWidth, chartHeight = chart.chartHeight, optionsChart = chart.options.chart, spacing = chart.spacing, clipOffset = chart.clipOffset;
@@ -1436,7 +1433,7 @@ var Chart = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Chart#drawChartBox
-     * @fires Highcharts.Chart#event:afterDrawChartBox
+     * @emits Highcharts.Chart#event:afterDrawChartBox
      */
     Chart.prototype.drawChartBox = function () {
         var chart = this, optionsChart = chart.options.chart, renderer = chart.renderer, chartWidth = chart.chartWidth, chartHeight = chart.chartHeight, styledMode = chart.styledMode, plotBGImage = chart.plotBGImage, chartBackgroundColor = optionsChart.backgroundColor, plotBackgroundColor = optionsChart.plotBackgroundColor, plotBackgroundImage = optionsChart.plotBackgroundImage, plotLeft = chart.plotLeft, plotTop = chart.plotTop, plotWidth = chart.plotWidth, plotHeight = chart.plotHeight, plotBox = chart.plotBox, clipRect = chart.clipRect, clipBox = chart.clipBox;
@@ -1548,7 +1545,6 @@ var Chart = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Chart#propFromSeries
-     * @return {void}
      */
     Chart.prototype.propFromSeries = function () {
         var chart = this, optionsChart = chart.options.chart, seriesOptions = chart.options.series;
@@ -1588,7 +1584,7 @@ var Chart = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Chart#linkSeries
-     * @fires Highcharts.Chart#event:afterLinkSeries
+     * @emits Highcharts.Chart#event:afterLinkSeries
      */
     Chart.prototype.linkSeries = function () {
         var chart = this, chartSeries = chart.series;
@@ -1803,7 +1799,7 @@ var Chart = /** @class */ (function () {
      *
      * @function Highcharts.Chart#destroy
      *
-     * @fires Highcharts.Chart#event:destroy
+     * @emits Highcharts.Chart#event:destroy
      */
     Chart.prototype.destroy = function () {
         var chart = this, axes = chart.axes, series = chart.series, container = chart.container, parentNode = container && container.parentNode;
@@ -1851,7 +1847,7 @@ var Chart = /** @class */ (function () {
         // Remove container and all SVG, check container as it can break in IE
         // when destroyed before finished loading
         if (container) {
-            container.innerHTML = '';
+            container.innerHTML = AST.emptyHTML;
             removeEvent(container);
             if (parentNode) {
                 discardElement(container);
@@ -1867,7 +1863,7 @@ var Chart = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Chart#firstRender
-     * @fires Highcharts.Chart#event:beforeRender
+     * @emits Highcharts.Chart#event:beforeRender
      */
     Chart.prototype.firstRender = function () {
         var chart = this, options = chart.options;
@@ -1930,8 +1926,8 @@ var Chart = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Chart#onload
-     * @fires Highcharts.Chart#event:load
-     * @fires Highcharts.Chart#event:render
+     * @emits Highcharts.Chart#event:load
+     * @emits Highcharts.Chart#event:render
      */
     Chart.prototype.onload = function () {
         // Run callbacks, first the ones registered by modules, then user's one
@@ -1977,8 +1973,8 @@ var Chart = /** @class */ (function () {
      * @return {Highcharts.Series}
      *         The newly created series object.
      *
-     * @fires Highcharts.Chart#event:addSeries
-     * @fires Highcharts.Chart#event:afterAddSeries
+     * @emits Highcharts.Chart#event:addSeries
+     * @emits Highcharts.Chart#event:afterAddSeries
      */
     Chart.prototype.addSeries = function (options, redraw, animation) {
         var chart = this;
@@ -2231,8 +2227,8 @@ var Chart = /** @class */ (function () {
      *        Whether to apply animation, and optionally animation
      *        configuration.
      *
-     * @fires Highcharts.Chart#event:update
-     * @fires Highcharts.Chart#event:afterUpdate
+     * @emits Highcharts.Chart#event:update
+     * @emits Highcharts.Chart#event:afterUpdate
      */
     Chart.prototype.update = function (options, redraw, oneToOne, animation) {
         var chart = this, adders = {
@@ -2494,8 +2490,8 @@ var Chart = /** @class */ (function () {
      *
      * @function Highcharts.Chart#showResetZoom
      *
-     * @fires Highcharts.Chart#event:afterShowResetZoom
-     * @fires Highcharts.Chart#event:beforeShowResetZoom
+     * @emits Highcharts.Chart#event:afterShowResetZoom
+     * @emits Highcharts.Chart#event:beforeShowResetZoom
      */
     Chart.prototype.showResetZoom = function () {
         var chart = this, lang = defaultOptions.lang, btnOptions = chart.options.chart.resetZoomButton, theme = btnOptions.theme, states = theme.states, alignTo = (btnOptions.relativeTo === 'chart' ||
@@ -2527,7 +2523,7 @@ var Chart = /** @class */ (function () {
      *
      * @function Highcharts.Chart#zoomOut
      *
-     * @fires Highcharts.Chart#event:selection
+     * @emits Highcharts.Chart#event:selection
      */
     Chart.prototype.zoomOut = function () {
         fireEvent(this, 'selection', { resetSelection: true }, this.zoom);
@@ -2540,7 +2536,8 @@ var Chart = /** @class */ (function () {
      * @param {Highcharts.SelectEventObject} event
      */
     Chart.prototype.zoom = function (event) {
-        var chart = this, pointer = chart.pointer, mouseDownPos = (chart.inverted ? pointer.mouseDownX : pointer.mouseDownY);
+        var chart = this, pointer = chart.pointer, mouseDownPos = chart.inverted ?
+            pointer.mouseDownX : pointer.mouseDownY;
         var displayButton = false, hasZoomed;
         // If zoom is called with no arguments, reset the axes
         if (!event || event.resetSelection) {

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

@@ -320,12 +320,22 @@ var Chart3D;
             else {
                 ret.axes = {
                     y: {
-                        'left': { x: xm, z: zm, xDir: { x: 1, y: 0, z: 0 } },
-                        'right': { x: xp, z: zm, xDir: { x: 0, y: 0, z: 1 } }
+                        'left': {
+                            x: xm, z: zm, xDir: { x: 1, y: 0, z: 0 }
+                        },
+                        'right': {
+                            x: xp, z: zm, xDir: { x: 0, y: 0, z: 1 }
+                        }
                     },
                     x: {
-                        'top': { y: ym, z: zm, xDir: { x: 1, y: 0, z: 0 } },
-                        'bottom': { y: yp, z: zm, xDir: { x: 1, y: 0, z: 0 } }
+                        'top': {
+                            y: ym, z: zm, xDir: { x: 1, y: 0, z: 0 }
+                        },
+                        'bottom': {
+                            y: yp,
+                            z: zm,
+                            xDir: { x: 1, y: 0, z: 0 }
+                        }
                     },
                     z: {
                         'top': {
@@ -351,7 +361,7 @@ var Chart3D;
          * Calculate scale of the 3D view. That is required to fit chart's 3D
          * projection into the actual plotting area. Reported as #4933.
          *
-         * @notice
+         * **Note:**
          * This function should ideally take the plot values instead of a chart
          * object, but since the chart object is needed for perspective it is
          * not practical. Possible to make both getScale and perspective more
@@ -640,7 +650,8 @@ var Chart3D;
             var interpolated;
             if (this.pos < 1 &&
                 (isArray(this.start) || isArray(this.end))) {
-                var start = this.start || [1, 0, 0, 1, 0, 0], end = this.end || [1, 0, 0, 1, 0, 0];
+                var start = (this.start ||
+                    [1, 0, 0, 1, 0, 0]), end = this.end || [1, 0, 0, 1, 0, 0];
                 interpolated = [];
                 for (var i = 0; i < 6; i++) {
                     interpolated.push(this.pos * end[i] + (1 - this.pos) * start[i]);
@@ -1559,14 +1570,16 @@ var Chart3D;
             chart.is3d()) {
             // Add a 0-360 normalisation for alfa and beta angles in 3d graph
             if (options3d) {
-                options3d.alpha = options3d.alpha % 360 + (options3d.alpha >= 0 ? 0 : 360);
-                options3d.beta = options3d.beta % 360 + (options3d.beta >= 0 ? 0 : 360);
+                options3d.alpha = options3d.alpha % 360 +
+                    (options3d.alpha >= 0 ? 0 : 360);
+                options3d.beta = options3d.beta % 360 +
+                    (options3d.beta >= 0 ? 0 : 360);
             }
             var inverted = chart.inverted, clipBox = chart.clipBox, margin = chart.margin, x = inverted ? 'y' : 'x', y = inverted ? 'x' : 'y', w = inverted ? 'height' : 'width', h = inverted ? 'width' : 'height';
             clipBox[x] = -(margin[3] || 0);
             clipBox[y] = -(margin[0] || 0);
-            clipBox[w] = chart.chartWidth + (margin[3] || 0) + (margin[1] || 0);
-            clipBox[h] = chart.chartHeight + (margin[0] || 0) + (margin[2] || 0);
+            clipBox[w] = (chart.chartWidth + (margin[3] || 0) + (margin[1] || 0));
+            clipBox[h] = (chart.chartHeight + (margin[0] || 0) + (margin[2] || 0));
             // Set scale, used later in perspective method():
             // getScale uses perspective, so scale3d has to be reset.
             chart.scale3d = 1;

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;