highcharts 8.2.0 → 8.2.2

package/es-modules/Series/AreaSplineSeries.js

@@ -7,16 +7,13 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../Core/Globals.js';
+import BaseSeries from '../Core/Series/Series.js';
 import LegendSymbolMixin from '../Mixins/LegendSymbol.js';
 import O from '../Core/Options.js';
 var defaultOptions = O.defaultOptions;
-import U from '../Core/Utilities.js';
-var seriesType = U.seriesType;
 import './AreaSeries.js';
 import './SplineSeries.js';
-var areaProto = H.seriesTypes.area.prototype;
+var areaProto = BaseSeries.seriesTypes.area.prototype;
 /**
  * AreaSpline series type.
  *
@@ -26,7 +23,7 @@ var areaProto = H.seriesTypes.area.prototype;
  *
  * @augments Highcharts.Series
  */
-seriesType('areaspline', 'spline', 
+BaseSeries.seriesType('areaspline', 'spline', 
 /**
  * The area spline series is an area series where the graph between the
  * points is smoothed into a spline.
@@ -41,6 +38,26 @@ seriesType('areaspline', 'spline',
  * @product   highcharts highstock
  * @apioption plotOptions.areaspline
  */
+/**
+ * @see [fillColor](#plotOptions.areaspline.fillColor)
+ * @see [fillOpacity](#plotOptions.areaspline.fillOpacity)
+ *
+ * @apioption plotOptions.areaspline.color
+ */
+/**
+ * @see [color](#plotOptions.areaspline.color)
+ * @see [fillOpacity](#plotOptions.areaspline.fillOpacity)
+ *
+ * @apioption plotOptions.areaspline.fillColor
+ */
+/**
+ * @see [color](#plotOptions.areaspline.color)
+ * @see [fillColor](#plotOptions.areaspline.fillColor)
+ *
+ * @default   {highcharts} 0.75
+ * @default   {highstock} 0.75
+ * @apioption plotOptions.areaspline.fillOpacity
+ */
 defaultOptions.plotOptions.area, {
     getStackPoints: areaProto.getStackPoints,
     getGraphPath: areaProto.getGraphPath,
@@ -57,6 +74,12 @@ defaultOptions.plotOptions.area, {
  * @product   highcharts highstock
  * @apioption series.areaspline
  */
+/**
+ * @see [fillColor](#series.areaspline.fillColor)
+ * @see [fillOpacity](#series.areaspline.fillOpacity)
+ *
+ * @apioption series.areaspline.color
+ */
 /**
  * An array of data points for the series. For the `areaspline` series
  * type, points can be given in the following ways:
@@ -116,4 +139,18 @@ defaultOptions.plotOptions.area, {
  * @product   highcharts highstock
  * @apioption series.areaspline.data
  */
+/**
+ * @see [color](#series.areaspline.color)
+ * @see [fillOpacity](#series.areaspline.fillOpacity)
+ *
+ * @apioption series.areaspline.fillColor
+ */
+/**
+ * @see [color](#series.areaspline.color)
+ * @see [fillColor](#series.areaspline.fillColor)
+ *
+ * @default   {highcharts} 0.75
+ * @default   {highstock} 0.75
+ * @apioption series.areaspline.fillOpacity
+ */
 ''; // adds doclets above into transpilat

package/es-modules/Series/BarSeries.js

@@ -7,10 +7,7 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import U from '../Core/Utilities.js';
-var seriesType = U.seriesType;
-import './ColumnSeries.js';
+import Series from '../Core/Series/Series.js';
 /**
  * Bar series type.
  *
@@ -20,7 +17,7 @@ import './ColumnSeries.js';
  *
  * @augments Highcharts.Series
  */
-seriesType('bar', 'column', 
+Series.seriesType('bar', 'column', 
 /**
  * A bar series is a special type of column series where the columns are
  * horizontal.

package/es-modules/Series/BellcurveSeries.js

@@ -9,10 +9,10 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
+import BaseSeries from '../Core/Series/Series.js';
+import DerivedSeriesMixin from '../Mixins/DerivedSeries.js';
 import U from '../Core/Utilities.js';
-var correctFloat = U.correctFloat, isNumber = U.isNumber, merge = U.merge, seriesType = U.seriesType;
-import derivedSeriesMixin from '../Mixins/DerivedSeries.js';
+var correctFloat = U.correctFloat, isNumber = U.isNumber, merge = U.merge;
 /* ************************************************************************** *
  *  BELL CURVE                                                                *
  * ************************************************************************** */
@@ -56,7 +56,7 @@ function normalDensity(x, mean, standardDeviation) {
  *
  * @augments Highcharts.Series
  */
-seriesType('bellcurve', 'areaspline'
+BaseSeries.seriesType('bellcurve', 'areaspline'
 /**
  * A bell curve is an areaspline series which represents the probability
  * density function of the normal distribution. It calculates mean and
@@ -75,6 +75,26 @@ seriesType('bellcurve', 'areaspline'
  * @optionparent plotOptions.bellcurve
  */
 , {
+    /**
+     * @see [fillColor](#plotOptions.bellcurve.fillColor)
+     * @see [fillOpacity](#plotOptions.bellcurve.fillOpacity)
+     *
+     * @apioption plotOptions.bellcurve.color
+     */
+    /**
+     * @see [color](#plotOptions.bellcurve.color)
+     * @see [fillOpacity](#plotOptions.bellcurve.fillOpacity)
+     *
+     * @apioption plotOptions.bellcurve.fillColor
+     */
+    /**
+     * @see [color](#plotOptions.bellcurve.color)
+     * @see [fillColor](#plotOptions.bellcurve.fillColor)
+     *
+     * @default   {highcharts} 0.75
+     * @default   {highstock} 0.75
+     * @apioption plotOptions.bellcurve.fillOpacity
+     */
     /**
      * This option allows to define the length of the bell curve. A unit of
      * the length of the bell curve is standard deviation.
@@ -94,7 +114,7 @@ seriesType('bellcurve', 'areaspline'
     marker: {
         enabled: false
     }
-}, merge(derivedSeriesMixin, {
+}, merge(DerivedSeriesMixin, {
     setMean: function () {
         this.mean = correctFloat(mean(this.baseSeries.yData));
     },
@@ -141,4 +161,24 @@ seriesType('bellcurve', 'areaspline'
  * @type      {number|string}
  * @apioption series.bellcurve.baseSeries
  */
+/**
+ * @see [fillColor](#series.bellcurve.fillColor)
+ * @see [fillOpacity](#series.bellcurve.fillOpacity)
+ *
+ * @apioption series.bellcurve.color
+ */
+/**
+ * @see [color](#series.bellcurve.color)
+ * @see [fillOpacity](#series.bellcurve.fillOpacity)
+ *
+ * @apioption series.bellcurve.fillColor
+ */
+/**
+ * @see [color](#series.bellcurve.color)
+ * @see [fillColor](#series.bellcurve.fillColor)
+ *
+ * @default   {highcharts} 0.75
+ * @default   {highstock} 0.75
+ * @apioption series.bellcurve.fillOpacity
+ */
 ''; // adds doclets above to transpiled file

package/es-modules/Series/BoxPlotSeries.js

@@ -7,12 +7,13 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
+import Series from '../Core/Series/Series.js';
+import ColumnSeries from './ColumnSeries.js';
+var columnProto = ColumnSeries.prototype;
 import H from '../Core/Globals.js';
+var noop = H.noop;
 import U from '../Core/Utilities.js';
-var pick = U.pick, seriesType = U.seriesType;
-import '../Core/Options.js';
-var noop = H.noop, seriesTypes = H.seriesTypes;
+var pick = U.pick;
 /**
  * The boxplot series type.
  *
@@ -38,7 +39,7 @@ var noop = H.noop, seriesTypes = H.seriesTypes;
  * @requires     highcharts-more
  * @optionparent plotOptions.boxplot
  */
-seriesType('boxplot', 'column', {
+Series.seriesType('boxplot', 'column', {
     threshold: null,
     tooltip: {
         pointFormat: '<span style="color:{point.color}">\u25CF</span> <b> ' +
@@ -295,7 +296,7 @@ seriesType('boxplot', 'column', {
     // Translate data points from raw values x and y to plotX and plotY
     translate: function () {
         var series = this, yAxis = series.yAxis, pointArrayMap = series.pointArrayMap;
-        seriesTypes.column.prototype.translate.apply(series);
+        columnProto.translate.apply(series);
         // do the translation on each point dimension
         series.points.forEach(function (point) {
             pointArrayMap.forEach(function (key) {

package/es-modules/Series/Bubble/BubbleLegend.js

@@ -11,7 +11,7 @@
  * */
 'use strict';
 import Chart from '../../Core/Chart/Chart.js';
-import Color from '../../Core/Color.js';
+import Color from '../../Core/Color/Color.js';
 var color = Color.parse;
 import H from '../../Core/Globals.js';
 import Legend from '../../Core/Legend.js';
@@ -55,7 +55,7 @@ setOptions({
              * individual range.
              *
              * @sample highcharts/bubble-legend/similartoseries/
-             *         Similat look to the bubble series
+             *         Similar look to the bubble series
              * @sample highcharts/bubble-legend/bordercolor/
              *         Individual bubble border color
              *
@@ -83,7 +83,7 @@ setOptions({
              * individual color is not defined.
              *
              * @sample highcharts/bubble-legend/similartoseries/
-             *         Similat look to the bubble series
+             *         Similar look to the bubble series
              * @sample highcharts/bubble-legend/color/
              *         Individual bubble color
              *

package/es-modules/Series/Bubble/BubbleSeries.js

@@ -7,21 +7,23 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../../Core/Globals.js';
-/**
- * @typedef {"area"|"width"} Highcharts.BubbleSizeByValue
- */
-import Color from '../../Core/Color.js';
+import Axis from '../../Core/Axis/Axis.js';
+import BaseSeries from '../../Core/Series/Series.js';
+import Color from '../../Core/Color/Color.js';
 var color = Color.parse;
+import H from '../../Core/Globals.js';
+var noop = H.noop;
 import Point from '../../Core/Series/Point.js';
 import U from '../../Core/Utilities.js';
-var arrayMax = U.arrayMax, arrayMin = U.arrayMin, clamp = U.clamp, extend = U.extend, isNumber = U.isNumber, pick = U.pick, pInt = U.pInt, seriesType = U.seriesType;
-import '../../Core/Axis/Axis.js';
-import '../../Core/Series/Series.js';
+var arrayMax = U.arrayMax, arrayMin = U.arrayMin, clamp = U.clamp, extend = U.extend, isNumber = U.isNumber, pick = U.pick, pInt = U.pInt;
+import '../../Series/LineSeries.js';
 import '../../Series/ScatterSeries.js';
 import './BubbleLegend.js';
-var Axis = H.Axis, noop = H.noop, Series = H.Series, seriesTypes = H.seriesTypes;
+var Series = H.Series, seriesTypes = BaseSeries.seriesTypes;
+/**
+ * @typedef {"area"|"width"} Highcharts.BubbleSizeByValue
+ */
+''; // detach doclets above
 /**
  * A bubble series is a three dimensional series type where each point renders
  * an X, Y and Z value. Each points is drawn as a bubble where the position
@@ -37,7 +39,7 @@ var Axis = H.Axis, noop = H.noop, Series = H.Series, seriesTypes = H.seriesTypes
  * @requires     highcharts-more
  * @optionparent plotOptions.bubble
  */
-seriesType('bubble', 'scatter', {
+BaseSeries.seriesType('bubble', 'scatter', {
     dataLabels: {
         formatter: function () {
             return this.point.z;

package/es-modules/Series/BulletSeries.js

@@ -7,11 +7,11 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../Core/Globals.js';
+import BaseSeries from '../Core/Series/Series.js';
 import U from '../Core/Utilities.js';
-var isNumber = U.isNumber, merge = U.merge, pick = U.pick, relativeLength = U.relativeLength, seriesType = U.seriesType;
-var columnProto = H.seriesTypes.column.prototype;
+var isNumber = U.isNumber, merge = U.merge, pick = U.pick, relativeLength = U.relativeLength;
+import './ColumnSeries.js';
+var columnProto = BaseSeries.seriesTypes.column.prototype;
 /**
  * The bullet series type.
  *
@@ -21,7 +21,7 @@ var columnProto = H.seriesTypes.column.prototype;
  *
  * @augments Highcharts.Series
  */
-seriesType('bullet', 'column'
+BaseSeries.seriesType('bullet', 'column'
 /**
  * A bullet graph is a variation of a bar graph. The bullet graph features
  * a single measure, compares it to a target, and displays it in the context

package/es-modules/Series/CandlestickSeries.js

@@ -7,13 +7,14 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../Core/Globals.js';
+import BaseSeries from '../Core/Series/Series.js';
 import O from '../Core/Options.js';
 var defaultOptions = O.defaultOptions;
 import U from '../Core/Utilities.js';
-var merge = U.merge, seriesType = U.seriesType;
-var seriesTypes = H.seriesTypes;
+var merge = U.merge;
+import './ColumnSeries.js';
+import './OHLCSeries.js';
+var columnProto = BaseSeries.seriesTypes.column.prototype;
 /**
  * A candlestick chart is a style of financial chart used to describe price
  * movements over time.
@@ -124,7 +125,7 @@ var candlestickOptions = {
  *
  * @augments Highcharts.seriesTypes.ohlc
  */
-seriesType('candlestick', 'ohlc', merge(defaultOptions.plotOptions.column, candlestickOptions), 
+BaseSeries.seriesType('candlestick', 'ohlc', merge(defaultOptions.plotOptions.column, candlestickOptions), 
 /**
  * @lends seriesTypes.candlestick
  */
@@ -140,7 +141,7 @@ seriesType('candlestick', 'ohlc', merge(defaultOptions.plotOptions.column, candl
      * @return {Highcharts.SVGAttributes}
      */
     pointAttribs: function (point, state) {
-        var attribs = seriesTypes.column.prototype.pointAttribs.call(this, point, state), options = this.options, isUp = point.open < point.close, stroke = options.lineColor || this.color, stateOptions;
+        var attribs = columnProto.pointAttribs.call(this, point, state), options = this.options, isUp = point.open < point.close, stroke = options.lineColor || this.color, stateOptions;
         attribs['stroke-width'] = options.lineWidth;
         attribs.fill = point.options.color ||
             (isUp ? (options.upColor || this.color) : this.color);

package/es-modules/Series/Column3DSeries.js

@@ -7,15 +7,16 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
+import BaseSeries from '../Core/Series/Series.js';
 import H from '../Core/Globals.js';
 import Math3D from '../Extensions/Math3D.js';
 var perspective = Math3D.perspective;
 import StackItem from '../Extensions/Stacking.js';
 import U from '../Core/Utilities.js';
 var addEvent = U.addEvent, pick = U.pick, wrap = U.wrap;
-import '../Core/Series/Series.js';
-var Series = H.Series, seriesTypes = H.seriesTypes, svg = H.svg;
+import './ColumnSeries.js';
+import '../Series/LineSeries.js';
+var Series = H.Series, columnProto = BaseSeries.seriesTypes.column.prototype, svg = H.svg;
 /**
  * Depth of the columns in a 3D column chart.
  *
@@ -79,7 +80,7 @@ function retrieveStacks(chart, stacking) {
     stacks.totalStacks = i + 1;
     return stacks;
 }
-wrap(seriesTypes.column.prototype, 'translate', function (proceed) {
+wrap(columnProto, 'translate', function (proceed) {
     proceed.apply(this, [].slice.call(arguments, 1));
     // Do not do this if the chart is not 3D
     if (this.chart.is3d()) {
@@ -92,8 +93,8 @@ wrap(Series.prototype, 'justifyDataLabel', function (proceed) {
         proceed.apply(this, [].slice.call(arguments, 1)) :
         false;
 });
-seriesTypes.column.prototype.translate3dPoints = function () { };
-seriesTypes.column.prototype.translate3dShapes = function () {
+columnProto.translate3dPoints = function () { };
+columnProto.translate3dShapes = function () {
     var series = this, chart = series.chart, seriesOptions = series.options, depth = seriesOptions.depth, stack = seriesOptions.stacking ?
         (seriesOptions.stack || 0) :
         series.index, // #4743
@@ -182,7 +183,7 @@ seriesTypes.column.prototype.translate3dShapes = function () {
     // store for later use #4067
     series.z = z;
 };
-wrap(seriesTypes.column.prototype, 'animate', function (proceed) {
+wrap(columnProto, 'animate', function (proceed) {
     if (!this.chart.is3d()) {
         proceed.apply(this, [].slice.call(arguments, 1));
     }
@@ -232,7 +233,7 @@ wrap(seriesTypes.column.prototype, 'animate', function (proceed) {
 // In case of 3d columns there is no sense to add this columns to a specific
 // series group - if series is added to a group all columns will have the same
 // zIndex in comparison with different series.
-wrap(seriesTypes.column.prototype, 'plotGroup', function (proceed, prop, name, visibility, zIndex, parent) {
+wrap(columnProto, 'plotGroup', function (proceed, prop, name, visibility, zIndex, parent) {
     if (prop !== 'dataLabelsGroup') {
         if (this.chart.is3d()) {
             if (this[prop]) {
@@ -257,7 +258,7 @@ wrap(seriesTypes.column.prototype, 'plotGroup', function (proceed, prop, name, v
 });
 // When series is not added to group it is needed to change setVisible method to
 // allow correct Legend funcionality. This wrap is basing on pie chart series.
-wrap(seriesTypes.column.prototype, 'setVisible', function (proceed, vis) {
+wrap(columnProto, 'setVisible', function (proceed, vis) {
     var series = this, pointVis;
     if (series.chart.is3d()) {
         series.data.forEach(function (point) {
@@ -276,8 +277,7 @@ wrap(seriesTypes.column.prototype, 'setVisible', function (proceed, vis) {
     }
     proceed.apply(this, Array.prototype.slice.call(arguments, 1));
 });
-seriesTypes.column.prototype
-    .handle3dGrouping = true;
+columnProto.handle3dGrouping = true;
 addEvent(Series, 'afterInit', function () {
     if (this.chart.is3d() &&
         this.handle3dGrouping) {
@@ -347,17 +347,16 @@ function hasNewShapeType(proceed) {
         this.graphic && this.graphic.element.nodeName !== 'g' :
         proceed.apply(this, args);
 }
-wrap(seriesTypes.column.prototype, 'pointAttribs', pointAttribs);
-wrap(seriesTypes.column.prototype, 'setState', setState);
-wrap(seriesTypes.column.prototype.pointClass.prototype, 'hasNewShapeType', hasNewShapeType);
-if (seriesTypes.columnrange) {
-    wrap(seriesTypes.columnrange.prototype, 'pointAttribs', pointAttribs);
-    wrap(seriesTypes.columnrange.prototype, 'setState', setState);
-    wrap(seriesTypes.columnrange.prototype.pointClass.prototype, 'hasNewShapeType', hasNewShapeType);
-    seriesTypes.columnrange.prototype.plotGroup =
-        seriesTypes.column.prototype.plotGroup;
-    seriesTypes.columnrange.prototype.setVisible =
-        seriesTypes.column.prototype.setVisible;
+wrap(columnProto, 'pointAttribs', pointAttribs);
+wrap(columnProto, 'setState', setState);
+wrap(columnProto.pointClass.prototype, 'hasNewShapeType', hasNewShapeType);
+if (BaseSeries.seriesTypes.columnRange) {
+    var columnRangeProto = BaseSeries.seriesTypes.columnrange.prototype;
+    wrap(columnRangeProto, 'pointAttribs', pointAttribs);
+    wrap(columnRangeProto, 'setState', setState);
+    wrap(columnRangeProto.pointClass.prototype, 'hasNewShapeType', hasNewShapeType);
+    columnRangeProto.plotGroup = columnProto.plotGroup;
+    columnRangeProto.setVisible = columnProto.setVisible;
 }
 wrap(Series.prototype, 'alignDataLabel', function (proceed, point, dataLabel, options, alignTo) {
     var chart = this.chart;
@@ -409,7 +408,7 @@ wrap(StackItem.prototype, 'getStackBox', function (proceed, chart, stackItem, x,
         // use its barW, z and depth parameters
         // for correct stackLabels position calculation
         if (columnSeries &&
-            columnSeries instanceof seriesTypes.column) {
+            columnSeries instanceof BaseSeries.seriesTypes.column) {
             var dLPosition = {
                 x: stackBox.x + (chart.inverted ? h : xWidth / 2),
                 y: stackBox.y,
@@ -433,3 +432,58 @@ wrap(StackItem.prototype, 'getStackBox', function (proceed, chart, stackItem, x,
     }
     return stackBox;
 });
+/*
+    @merge v6.2
+    @todo
+    EXTENSION FOR 3D CYLINDRICAL COLUMNS
+    Not supported
+*/
+/*
+var defaultOptions = H.getOptions();
+defaultOptions.plotOptions.cylinder =
+    merge(defaultOptions.plotOptions.column);
+var CylinderSeries = extendClass(seriesTypes.column, {
+    type: 'cylinder'
+});
+seriesTypes.cylinder = CylinderSeries;
+
+wrap(seriesTypes.cylinder.prototype, 'translate', function (proceed) {
+    proceed.apply(this, [].slice.call(arguments, 1));
+
+    // Do not do this if the chart is not 3D
+    if (!this.chart.is3d()) {
+        return;
+    }
+
+    var series = this,
+        chart = series.chart,
+        options = chart.options,
+        cylOptions = options.plotOptions.cylinder,
+        options3d = options.chart.options3d,
+        depth = cylOptions.depth || 0,
+        alpha = chart.alpha3d;
+
+    var z = cylOptions.stacking ?
+        (this.options.stack || 0) * depth :
+        series._i * depth;
+    z += depth / 2;
+
+    if (cylOptions.grouping !== false) { z = 0; }
+
+    each(series.data, function (point) {
+        var shapeArgs = point.shapeArgs,
+            deg2rad = H.deg2rad;
+        point.shapeType = 'arc3d';
+        shapeArgs.x += depth / 2;
+        shapeArgs.z = z;
+        shapeArgs.start = 0;
+        shapeArgs.end = 2 * PI;
+        shapeArgs.r = depth * 0.95;
+        shapeArgs.innerR = 0;
+        shapeArgs.depth =
+            shapeArgs.height * (1 / sin((90 - alpha) * deg2rad)) - z;
+        shapeArgs.alpha = 90 - alpha;
+        shapeArgs.beta = 0;
+    });
+});
+*/

package/es-modules/Series/ColumnPyramidSeries.js

@@ -7,12 +7,11 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../Core/Globals.js';
+import BaseSeries from '../Core/Series/Series.js';
+import ColumnSeries from './ColumnSeries.js';
+var colProto = ColumnSeries.prototype;
 import U from '../Core/Utilities.js';
-var clamp = U.clamp, pick = U.pick, seriesType = U.seriesType;
-var seriesTypes = H.seriesTypes;
-var colProto = seriesTypes.column.prototype;
+var clamp = U.clamp, pick = U.pick;
 /**
  * The ColumnPyramidSeries class
  *
@@ -22,7 +21,7 @@ var colProto = seriesTypes.column.prototype;
  *
  * @augments Highcharts.Series
  */
-seriesType('columnpyramid', 'column', 
+BaseSeries.seriesType('columnpyramid', 'column', 
 /**
  * Column pyramid series display one pyramid per value along an X axis.
  * To display horizontal pyramids, set [chart.inverted](#chart.inverted) to

package/es-modules/Series/ColumnRangeSeries.js

@@ -7,14 +7,15 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
+import BaseSeries from '../Core/Series/Series.js';
 import H from '../Core/Globals.js';
+var noop = H.noop;
 import O from '../Core/Options.js';
 var defaultOptions = O.defaultOptions;
 import U from '../Core/Utilities.js';
-var clamp = U.clamp, merge = U.merge, pick = U.pick, seriesType = U.seriesType;
-var noop = H.noop, seriesTypes = H.seriesTypes;
-var colProto = seriesTypes.column.prototype;
+var clamp = U.clamp, merge = U.merge, pick = U.pick;
+import './ColumnSeries.js';
+var columnProto = BaseSeries.seriesTypes.column.prototype;
 /**
  * The column range is a cartesian series type with higher and lower
  * Y values along an X axis. To display horizontal bars, set
@@ -62,7 +63,7 @@ var columnRangeOptions = {
  *
  * @augments Highcharts.Series
  */
-seriesType('columnrange', 'arearange', merge(defaultOptions.plotOptions.column, defaultOptions.plotOptions.arearange, columnRangeOptions), {
+BaseSeries.seriesType('columnrange', 'arearange', merge(defaultOptions.plotOptions.column, defaultOptions.plotOptions.arearange, columnRangeOptions), {
     // eslint-disable-next-line valid-jsdoc
     /**
      * Translate data points from raw values x and y to plotX and plotY
@@ -78,7 +79,7 @@ seriesType('columnrange', 'arearange', merge(defaultOptions.plotOptions.column,
         function safeBounds(pixelPos) {
             return clamp(pixelPos, -safeDistance, safeDistance);
         }
-        colProto.translate.apply(series);
+        columnProto.translate.apply(series);
         // Set plotLow and plotHigh
         series.points.forEach(function (point) {
             var shapeArgs = point.shapeArgs, minPointLength = series.options.minPointLength, heightDifference, height, y;
@@ -128,34 +129,34 @@ seriesType('columnrange', 'arearange', merge(defaultOptions.plotOptions.column,
     getSymbol: noop,
     // Overrides from modules that may be loaded after this module
     crispCol: function () {
-        return colProto.crispCol.apply(this, arguments);
+        return columnProto.crispCol.apply(this, arguments);
     },
     drawPoints: function () {
-        return colProto.drawPoints.apply(this, arguments);
+        return columnProto.drawPoints.apply(this, arguments);
     },
     drawTracker: function () {
-        return colProto.drawTracker.apply(this, arguments);
+        return columnProto.drawTracker.apply(this, arguments);
     },
     getColumnMetrics: function () {
-        return colProto.getColumnMetrics.apply(this, arguments);
+        return columnProto.getColumnMetrics.apply(this, arguments);
     },
     pointAttribs: function () {
-        return colProto.pointAttribs.apply(this, arguments);
+        return columnProto.pointAttribs.apply(this, arguments);
     },
     animate: function () {
-        return colProto.animate.apply(this, arguments);
+        return columnProto.animate.apply(this, arguments);
     },
     polarArc: function () {
-        return colProto.polarArc.apply(this, arguments);
+        return columnProto.polarArc.apply(this, arguments);
     },
     translate3dPoints: function () {
-        return colProto.translate3dPoints.apply(this, arguments);
+        return columnProto.translate3dPoints.apply(this, arguments);
     },
     translate3dShapes: function () {
-        return colProto.translate3dShapes.apply(this, arguments);
+        return columnProto.translate3dShapes.apply(this, arguments);
     }
 }, {
-    setState: colProto.pointClass.prototype.setState
+    setState: columnProto.pointClass.prototype.setState
 });
 /**
  * A `columnrange` series. If the [type](#series.columnrange.type)