highcharts 8.1.0 → 8.2.2

package/es-modules/{parts-map → Core/Axis}/ColorAxis.js

@@ -21,25 +21,28 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-import Axis from '../parts/Axis.js';
-import Color from '../parts/Color.js';
+import Axis from './Axis.js';
+import Chart from '../Chart/Chart.js';
+import Color from '../Color/Color.js';
 var color = Color.parse;
-import H from '../parts/Globals.js';
-import Legend from '../parts/Legend.js';
-import LegendSymbolMixin from '../mixins/legend-symbol.js';
-import Point from '../parts/Point.js';
-import U from '../parts/Utilities.js';
-var addEvent = U.addEvent, erase = U.erase, extend = U.extend, Fx = U.Fx, isNumber = U.isNumber, merge = U.merge, pick = U.pick, splat = U.splat;
+import ColorSeriesModule from '../../Mixins/ColorSeries.js';
+var colorPointMixin = ColorSeriesModule.colorPointMixin, colorSeriesMixin = ColorSeriesModule.colorSeriesMixin;
+import Fx from '../Animation/Fx.js';
+import H from '../Globals.js';
+var noop = H.noop;
+import Legend from '../Legend.js';
+import LegendSymbolMixin from '../../Mixins/LegendSymbol.js';
+import LineSeries from '../../Series/LineSeries.js';
+import Point from '../Series/Point.js';
+import U from '../Utilities.js';
+var addEvent = U.addEvent, erase = U.erase, extend = U.extend, isNumber = U.isNumber, merge = U.merge, pick = U.pick, splat = U.splat;
 /**
  * Color axis types
  *
  * @typedef {"linear"|"logarithmic"} Highcharts.ColorAxisTypeValue
  */
 ''; // detach doclet above
-import '../parts/Chart.js';
-import './ColorSeriesMixin.js';
-var Chart = H.Chart, Series = H.Series, colorPointMixin = H.colorPointMixin, colorSeriesMixin = H.colorSeriesMixin, noop = H.noop;
-extend(Series.prototype, colorSeriesMixin);
+extend(LineSeries.prototype, colorSeriesMixin);
 extend(Point.prototype, colorPointMixin);
 Chart.prototype.collectionsWithUpdate.push('colorAxis');
 Chart.prototype.collectionsWithInit.colorAxis = [Chart.prototype.addColorAxis];
@@ -416,7 +419,7 @@ var ColorAxis = /** @class */ (function (_super) {
                 cSeries.maxColorValue = cSeries[colorKey + 'Max'];
             }
             else {
-                var cExtremes = Series.prototype.getExtremes.call(cSeries, colorValArray);
+                var cExtremes = LineSeries.prototype.getExtremes.call(cSeries, colorValArray);
                 cSeries.minColorValue = cExtremes.dataMin;
                 cSeries.maxColorValue = cExtremes.dataMax;
             }
@@ -427,7 +430,7 @@ var ColorAxis = /** @class */ (function (_super) {
                     Math.max(this.dataMax, cSeries.maxColorValue);
             }
             if (!calculatedExtremes) {
-                Series.prototype.applyExtremes.call(cSeries);
+                LineSeries.prototype.applyExtremes.call(cSeries);
             }
         }
     };
@@ -486,21 +489,18 @@ var ColorAxis = /** @class */ (function (_super) {
      * @private
      */
     ColorAxis.prototype.getPlotLinePath = function (options) {
-        var axis = this;
-        var left = axis.left;
-        var pos = options.translatedValue;
-        var top = axis.top;
+        var axis = this, left = axis.left, pos = options.translatedValue, top = axis.top;
         // crosshairs only
         return isNumber(pos) ? // pos can be 0 (#3969)
             (axis.horiz ? [
-                ['M', pos - 4, this.top - 6],
-                ['L', pos + 4, this.top - 6],
-                ['L', pos, this.top],
+                ['M', pos - 4, top - 6],
+                ['L', pos + 4, top - 6],
+                ['L', pos, top],
                 ['Z']
             ] : [
-                ['M', this.left, pos],
-                ['L', this.left - 6, pos + 6],
-                ['L', this.left - 6, pos - 6],
+                ['M', left, pos],
+                ['L', left - 6, pos + 6],
+                ['L', left - 6, pos - 6],
                 ['Z']
             ]) :
             _super.prototype.getPlotLinePath.call(this, options);
@@ -522,10 +522,7 @@ var ColorAxis = /** @class */ (function (_super) {
      * and call {@link Highcharts.Chart#redraw} after.
      */
     ColorAxis.prototype.update = function (newOptions, redraw) {
-        var axis = this;
-        var chart = axis.chart;
-        var legend = chart.legend;
-        var updatedOptions = ColorAxis.buildOptions(chart, {}, newOptions);
+        var axis = this, chart = axis.chart, legend = chart.legend, updatedOptions = ColorAxis.buildOptions(chart, {}, newOptions);
         this.series.forEach(function (series) {
             // Needed for Axis.update when choropleth colors change
             series.isDirtyData = true;
@@ -908,7 +905,7 @@ var ColorAxis = /** @class */ (function (_super) {
              * Animation for the marker as it moves between values. Set to
              * `false` to disable animation. Defaults to `{ duration: 50 }`.
              *
-             * @type    {boolean|Highcharts.AnimationOptionsObject}
+             * @type    {boolean|Partial<Highcharts.AnimationOptionsObject>}
              * @product highcharts highstock highmaps
              */
             animation: {
@@ -1096,7 +1093,7 @@ addEvent(Chart, 'afterGetAxes', function () {
     }
 });
 // Add colorAxis to series axisTypes
-addEvent(Series, 'bindAxes', function () {
+addEvent(LineSeries, 'bindAxes', function () {
     var axisTypes = this.axisTypes;
     if (!axisTypes) {
         this.axisTypes = ['colorAxis'];
@@ -1159,7 +1156,7 @@ addEvent(Legend, 'afterUpdate', function () {
     }
 });
 // Calculate and set colors for points
-addEvent(Series, 'afterTranslate', function () {
+addEvent(LineSeries, 'afterTranslate', function () {
     if (this.chart.colorAxis &&
         this.chart.colorAxis.length ||
         this.colorAttribs) {

package/es-modules/{parts → Core/Axis}/DateTimeAxis.js

@@ -9,7 +9,7 @@
  * */
 'use strict';
 import Axis from './Axis.js';
-import U from './Utilities.js';
+import U from '../Utilities.js';
 var addEvent = U.addEvent, getMagnitude = U.getMagnitude, normalizeTickInterval = U.normalizeTickInterval, timeUnits = U.timeUnits;
 /* eslint-disable valid-jsdoc */
 var DateTimeAxisAdditions = /** @class */ (function () {

package/es-modules/{parts-gantt → Core/Axis}/GridAxis.js

@@ -9,14 +9,16 @@
  *
  * */
 'use strict';
-import Axis from '../parts/Axis.js';
-import H from '../parts/Globals.js';
-import Tick from '../parts/Tick.js';
-import U from '../parts/Utilities.js';
+import Axis from './Axis.js';
+import H from '../Globals.js';
+import O from '../Options.js';
+var dateFormat = O.dateFormat;
+import Tick from './Tick.js';
+import U from '../Utilities.js';
 var addEvent = U.addEvent, defined = U.defined, erase = U.erase, find = U.find, isArray = U.isArray, isNumber = U.isNumber, merge = U.merge, pick = U.pick, timeUnits = U.timeUnits, wrap = U.wrap;
 var argsToArray = function (args) {
     return Array.prototype.slice.call(args, 1);
-}, dateFormat = H.dateFormat, isObject = function (x) {
+}, isObject = function (x) {
     // Always use strict mode
     return U.isObject(x, true);
 }, Chart = H.Chart;
@@ -41,6 +43,27 @@ var applyGridOptions = function applyGridOptions(axis) {
     axis.labelRotation = 0;
     options.labels.rotation = 0;
 };
+/**
+ * @productdesc {gantt}
+ * For grid axes (like in Gantt charts),
+ * it is possible to declare as a list to provide different
+ * formats depending on available space.
+ *
+ * Defaults to:
+ * ```js
+ * {
+ *     hour: { list: ['%H:%M', '%H'] },
+ *     day: { list: ['%A, %e. %B', '%a, %e. %b', '%E'] },
+ *     week: { list: ['Week %W', 'W%W'] },
+ *     month: { list: ['%B', '%b', '%o'] }
+ * }
+ * ```
+ *
+ * @sample {gantt} gantt/grid-axis/date-time-label-formats
+ *         Gantt chart with custom axis date format.
+ *
+ * @apioption xAxis.dateTimeLabelFormats
+ */
 /**
  * Set grid options for the axis labels. Requires Highcharts Gantt.
  *
@@ -114,21 +137,26 @@ Axis.prototype.getMaxLabelDimensions = function (ticks, tickPositions) {
         height: 0
     };
     tickPositions.forEach(function (pos) {
-        var tick = ticks[pos], tickHeight = 0, tickWidth = 0, label;
+        var tick = ticks[pos], labelHeight = 0, labelWidth = 0, label;
         if (isObject(tick)) {
             label = isObject(tick.label) ? tick.label : {};
-            // Find width and height of tick
-            tickHeight = label.getBBox ? label.getBBox().height : 0;
+            // Find width and height of label
+            labelHeight = label.getBBox ? label.getBBox().height : 0;
             if (label.textStr && !isNumber(label.textPxLength)) {
                 label.textPxLength = label.getBBox().width;
             }
-            tickWidth = isNumber(label.textPxLength) ?
+            labelWidth = isNumber(label.textPxLength) ?
                 // Math.round ensures crisp lines
                 Math.round(label.textPxLength) :
                 0;
+            if (label.textStr) {
+                // Set the tickWidth same as the label width after ellipsis
+                // applied #10281
+                labelWidth = Math.round(label.getBBox().width);
+            }
             // Update the result if width and/or height are larger
-            dimensions.height = Math.max(tickHeight, dimensions.height);
-            dimensions.width = Math.max(tickWidth, dimensions.width);
+            dimensions.height = Math.max(labelHeight, dimensions.height);
+            dimensions.width = Math.max(labelWidth, dimensions.width);
         }
     });
     return dimensions;
@@ -149,7 +177,7 @@ H.dateFormats.W = function (timestamp) {
 };
 // First letter of the day of the week, e.g. 'M' for 'Monday'.
 H.dateFormats.E = function (timestamp) {
-    return dateFormat('%a', timestamp, true).charAt(0);
+    return this.dateFormat('%a', timestamp, true).charAt(0);
 };
 /* eslint-disable no-invalid-this */
 addEvent(Chart, 'afterSetChartSize', function () {
@@ -289,6 +317,29 @@ var GridAxisAdditions = /** @class */ (function () {
         return (lastIndex === thisIndex &&
             (isNumber(columnIndex) ? columns.length === columnIndex : true));
     };
+    /**
+     * Add extra border based on the provided path.
+     *  *
+     * @private
+     *
+     * @param {SVGPath} path
+     * The path of the border.
+     *
+     * @return {Highcharts.SVGElement}
+     */
+    GridAxisAdditions.prototype.renderBorder = function (path) {
+        var axis = this.axis, renderer = axis.chart.renderer, options = axis.options, extraBorderLine = renderer.path(path)
+            .addClass('highcharts-axis-line')
+            .add(axis.axisBorder);
+        if (!renderer.styledMode) {
+            extraBorderLine.attr({
+                stroke: options.lineColor,
+                'stroke-width': options.lineWidth,
+                zIndex: 7
+            });
+        }
+        return extraBorderLine;
+    };
     return GridAxisAdditions;
 }());
 /**
@@ -394,11 +445,18 @@ var GridAxis = /** @class */ (function () {
                 var point = series && find(series.options.data, function (p) {
                     return p[axis.isXAxis ? 'x' : 'y'] === value;
                 });
+                var pointCopy;
+                if (point && series.is('gantt')) {
+                    // For the Gantt set point aliases to the pointCopy
+                    // to do not change the original point
+                    pointCopy = merge(point);
+                    H.seriesTypes.gantt.prototype.setGanttPointAliases(pointCopy);
+                }
                 // Make additional properties available for the
                 // formatter
                 this.isFirst = isFirst;
                 this.isLast = isLast;
-                this.point = point;
+                this.point = pointCopy;
                 // Call original labelFormatter
                 return proceed.call(this);
             });
@@ -411,7 +469,11 @@ var GridAxis = /** @class */ (function () {
                 var columnOptions = merge(userOptions, gridOptions.columns[gridOptions.columns.length - columnIndex - 1], {
                     linkedTo: 0,
                     // Force to behave like category axis
-                    type: 'category'
+                    type: 'category',
+                    // Disable by default the scrollbar on the grid axis
+                    scrollbar: {
+                        enabled: false
+                    }
                 });
                 delete columnOptions.grid.columns; // Prevent recursion
                 var column = new Axis(axis.chart, columnOptions);
@@ -439,12 +501,8 @@ var GridAxis = /** @class */ (function () {
      * @private
      */
     GridAxis.onAfterRender = function () {
-        var axis = this;
-        var grid = axis.grid;
-        var options = axis.options;
-        var renderer = axis.chart.renderer;
-        var gridOptions = options.grid || {};
-        var yStartIndex, yEndIndex, xStartIndex, xEndIndex;
+        var _a;
+        var axis = this, grid = axis.grid, options = axis.options, gridOptions = options.grid || {};
         if (gridOptions.enabled === true) {
             // @todo acutual label padding (top, bottom, left, right)
             axis.maxLabelDimensions = axis.getMaxLabelDimensions(axis.ticks, axis.tickPositions);
@@ -463,13 +521,10 @@ var GridAxis = /** @class */ (function () {
             if (axis.grid && axis.grid.isOuterAxis() && axis.axisLine) {
                 var lineWidth = options.lineWidth;
                 if (lineWidth) {
-                    var linePath = axis.getLinePath(lineWidth);
-                    var startPoint = linePath[0];
-                    var endPoint = linePath[1];
+                    var linePath = axis.getLinePath(lineWidth), startPoint = linePath[0], endPoint = linePath[1], 
                     // Negate distance if top or left axis
                     // Subtract 1px to draw the line at the end of the tick
-                    var tickLength = (axis.tickSize('tick') || [1])[0];
-                    var distance = (tickLength - 1) * ((axis.side === GridAxis.Side.top ||
+                    tickLength = (axis.tickSize('tick') || [1])[0], distance = (tickLength - 1) * ((axis.side === GridAxis.Side.top ||
                         axis.side === GridAxis.Side.left) ? -1 : 1);
                     // If axis is horizontal, reposition line path vertically
                     if (startPoint[0] === 'M' && endPoint[0] === 'L') {
@@ -478,26 +533,35 @@ var GridAxis = /** @class */ (function () {
                             endPoint[2] += distance;
                         }
                         else {
-                            // If axis is vertical, reposition line path
-                            // horizontally
                             startPoint[1] += distance;
                             endPoint[1] += distance;
                         }
                     }
-                    if (!axis.grid.axisLineExtra) {
-                        axis.grid.axisLineExtra = renderer
-                            .path(linePath)
-                            .attr({
-                            zIndex: 7
-                        })
-                            .addClass('highcharts-axis-line')
-                            .add(axis.axisGroup);
-                        if (!renderer.styledMode) {
-                            axis.grid.axisLineExtra.attr({
-                                stroke: options.lineColor,
-                                'stroke-width': lineWidth
+                    // If it doesn't exist, add an upper and lower border
+                    // for the vertical grid axis.
+                    if (!axis.horiz && axis.chart.marginRight) {
+                        var upperBorderStartPoint = startPoint, upperBorderEndPoint = ['L', axis.left, startPoint[2]], upperBorderPath = [upperBorderStartPoint, upperBorderEndPoint], lowerBorderEndPoint = ['L', axis.chart.chartWidth - axis.chart.marginRight, axis.toPixels(axis.max + axis.tickmarkOffset)], lowerBorderStartPoint = ['M', endPoint[1], axis.toPixels(axis.max + axis.tickmarkOffset)], lowerBorderPath = [lowerBorderStartPoint, lowerBorderEndPoint];
+                        if (!axis.grid.upperBorder && axis.min % 1 !== 0) {
+                            axis.grid.upperBorder = axis.grid.renderBorder(upperBorderPath);
+                        }
+                        if (axis.grid.upperBorder) {
+                            axis.grid.upperBorder.animate({
+                                d: upperBorderPath
                             });
                         }
+                        if (!axis.grid.lowerBorder && axis.max % 1 !== 0) {
+                            axis.grid.lowerBorder = axis.grid.renderBorder(lowerBorderPath);
+                        }
+                        if (axis.grid.lowerBorder) {
+                            axis.grid.lowerBorder.animate({
+                                d: lowerBorderPath
+                            });
+                        }
+                    }
+                    // Render an extra line parallel to the existing axes,
+                    // to close the grid.
+                    if (!axis.grid.axisLineExtra) {
+                        axis.grid.axisLineExtra = axis.grid.renderBorder(linePath);
                     }
                     else {
                         axis.grid.axisLineExtra.animate({
@@ -512,12 +576,38 @@ var GridAxis = /** @class */ (function () {
             (grid && grid.columns || []).forEach(function (column) {
                 column.render();
             });
+            // Manipulate the tick mark visibility
+            // based on the axis.max- allows smooth scrolling.
+            if (!axis.horiz && axis.chart.hasRendered && (axis.scrollbar || ((_a = axis.linkedParent) === null || _a === void 0 ? void 0 : _a.scrollbar))) {
+                var max = axis.max, min = axis.min, tickmarkOffset = axis.tickmarkOffset, lastTick = axis.tickPositions[axis.tickPositions.length - 1], firstTick = axis.tickPositions[0];
+                // Hide/show firts tick label.
+                if (min - firstTick > tickmarkOffset) {
+                    axis.ticks[firstTick].label.hide();
+                }
+                else {
+                    axis.ticks[firstTick].label.show();
+                }
+                // Hide/show last tick mark/label.
+                if (lastTick - max > tickmarkOffset) {
+                    axis.ticks[lastTick].label.hide();
+                }
+                else {
+                    axis.ticks[lastTick].label.show();
+                }
+                if (lastTick - max < tickmarkOffset && lastTick - max > 0 && axis.ticks[lastTick].isLast) {
+                    axis.ticks[lastTick].mark.hide();
+                }
+                else {
+                    axis.ticks[lastTick - 1].mark.show();
+                }
+            }
         }
     };
     /**
      * @private
      */
     GridAxis.onAfterSetAxisTranslation = function () {
+        var _a;
         var axis = this;
         var tickInfo = axis.tickPositions && axis.tickPositions.info;
         var options = axis.options;
@@ -546,6 +636,13 @@ var GridAxis = /** @class */ (function () {
                 }
             }
         }
+        else {
+            // Don't trim ticks which not in min/max range but
+            // they are still in the min/max plus tickInterval.
+            if (this.options.type !== 'treegrid' && ((_a = axis.grid) === null || _a === void 0 ? void 0 : _a.columns)) {
+                this.minPointOffset = this.tickInterval;
+            }
+        }
     };
     /**
      * Creates a left and right wall on horizontal axes:

package/es-modules/{parts → Core/Axis}/LogarithmicAxis.js

@@ -9,7 +9,7 @@
  * */
 'use strict';
 import Axis from './Axis.js';
-import U from './Utilities.js';
+import U from '../Utilities.js';
 var addEvent = U.addEvent, getMagnitude = U.getMagnitude, normalizeTickInterval = U.normalizeTickInterval, pick = U.pick;
 /* eslint-disable valid-jsdoc */
 /**

package/es-modules/{parts-map → Core/Axis}/MapAxis.js

@@ -8,8 +8,8 @@
  *
  * */
 'use strict';
-import Axis from '../parts/Axis.js';
-import U from '../parts/Utilities.js';
+import Axis from './Axis.js';
+import U from '../Utilities.js';
 var addEvent = U.addEvent, pick = U.pick;
 /**
  * Map support for axes.

package/es-modules/{parts → Core/Axis}/NavigatorAxis.js

@@ -8,9 +8,9 @@
  *
  * */
 'use strict';
-import H from './Globals.js';
+import H from '../Globals.js';
 var isTouchDevice = H.isTouchDevice;
-import U from './Utilities.js';
+import U from '../Utilities.js';
 var addEvent = U.addEvent, correctFloat = U.correctFloat, defined = U.defined, isNumber = U.isNumber, pick = U.pick;
 /* eslint-disable valid-jsdoc */
 /**