highcharts 10.2.0 → 10.2.1

package/modules/xrange.src.js

@@ -1,5 +1,5 @@
 /**
- * @license Highcharts JS v10.2.0 (2022-07-05)
+ * @license Highcharts JS v10.2.1 (2022-08-29)
  *
  * X-range series
  *
@@ -37,7 +37,225 @@
             }
         }
     }
-    _registerModule(_modules, 'Series/XRange/XRangePoint.js', [_modules['Core/Series/Point.js'], _modules['Core/Series/SeriesRegistry.js'], _modules['Core/Utilities.js']], function (Point, SeriesRegistry, U) {
+    _registerModule(_modules, 'Series/XRange/XRangeSeriesDefaults.js', [_modules['Core/Utilities.js']], function (U) {
+        /* *
+         *
+         *  X-range series module
+         *
+         *  (c) 2010-2021 Torstein Honsi, Lars A. V. Cabrera
+         *
+         *  License: www.highcharts.com/license
+         *
+         *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+         *
+         * */
+        var correctFloat = U.correctFloat,
+            isNumber = U.isNumber,
+            isObject = U.isObject;
+        /* *
+         *
+         *  Constants
+         *
+         * */
+        /**
+         * The X-range series displays ranges on the X axis, typically time
+         * intervals with a start and end date.
+         *
+         * @sample {highcharts} highcharts/demo/x-range/
+         *         X-range
+         * @sample {highcharts} highcharts/css/x-range/
+         *         Styled mode X-range
+         * @sample {highcharts} highcharts/chart/inverted-xrange/
+         *         Inverted X-range
+         *
+         * @extends      plotOptions.column
+         * @since        6.0.0
+         * @product      highcharts highstock gantt
+         * @excluding    boostThreshold, crisp, cropThreshold, depth, edgeColor,
+         *               edgeWidth, findNearestPointBy, getExtremesFromAll,
+         *               negativeColor, pointInterval, pointIntervalUnit,
+         *               pointPlacement, pointRange, pointStart, softThreshold,
+         *               stacking, threshold, data, dataSorting, boostBlending
+         * @requires     modules/xrange
+         * @optionparent plotOptions.xrange
+         */
+        var XRangeSeriesDefaults = {
+                /**
+                 * A partial fill for each point,
+            typically used to visualize how much
+                 * of a task is performed. The partial fill object can be set either on
+                 * series or point level.
+                 *
+                 * @sample {highcharts} highcharts/demo/x-range
+                 *         X-range with partial fill
+                 *
+                 * @product   highcharts highstock gantt
+                 * @apioption plotOptions.xrange.partialFill
+                 */
+                /**
+                 * The fill color to be used for partial fills. Defaults to a darker
+                 * shade of the point color.
+                 *
+                 * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
+                 * @product   highcharts highstock gantt
+                 * @apioption plotOptions.xrange.partialFill.fill
+                 */
+                /**
+                 * A partial fill for each point,
+            typically used to visualize how much
+                 * of a task is performed. See [completed](series.gantt.data.completed).
+                 *
+                 * @sample gantt/demo/progress-indicator
+                 *         Gantt with progress indicator
+                 *
+                 * @product   gantt
+                 * @apioption plotOptions.gantt.partialFill
+                 */
+                /**
+                 * In an X-range series,
+            this option makes all points of the same Y-axis
+                 * category the same color.
+                 */
+                colorByPoint: true,
+                dataLabels: {
+                    formatter: function () {
+                        var point = this.point,
+            amount = point.partialFill;
+                    if (isObject(amount)) {
+                        amount = amount.amount;
+                    }
+                    if (isNumber(amount) && amount > 0) {
+                        return correctFloat(amount * 100) + '%';
+                    }
+                },
+                inside: true,
+                verticalAlign: 'middle'
+            },
+            tooltip: {
+                headerFormat: '<span style="font-size: 10px">{point.x} - {point.x2}</span><br/>',
+                pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>{point.yCategory}</b><br/>'
+            },
+            borderRadius: 3,
+            pointRange: 0
+        };
+        /* *
+         *
+         *  Export Default
+         *
+         * */
+        /* *
+         *
+         * API Options
+         *
+         * */
+        /**
+         * An `xrange` series. If the [type](#series.xrange.type) option is not
+         * specified, it is inherited from [chart.type](#chart.type).
+         *
+         * @extends   series,plotOptions.xrange
+         * @excluding boostThreshold, crisp, cropThreshold, depth, edgeColor, edgeWidth,
+         *            findNearestPointBy, getExtremesFromAll, negativeColor,
+         *            pointInterval, pointIntervalUnit, pointPlacement, pointRange,
+         *            pointStart, softThreshold, stacking, threshold, dataSorting,
+         *            boostBlending
+         * @product   highcharts highstock gantt
+         * @requires  modules/xrange
+         * @apioption series.xrange
+         */
+        /**
+         * An array of data points for the series. For the `xrange` series type,
+         * points can be given in the following ways:
+         *
+         * 1. An array of objects with named values. The objects are point configuration
+         *    objects as seen below.
+         *    ```js
+         *    data: [{
+         *        x: Date.UTC(2017, 0, 1),
+         *        x2: Date.UTC(2017, 0, 3),
+         *        name: "Test",
+         *        y: 0,
+         *        color: "#00FF00"
+         *    }, {
+         *        x: Date.UTC(2017, 0, 4),
+         *        x2: Date.UTC(2017, 0, 5),
+         *        name: "Deploy",
+         *        y: 1,
+         *        color: "#FF0000"
+         *    }]
+         *    ```
+         *
+         * @sample {highcharts} highcharts/series/data-array-of-objects/
+         *         Config objects
+         *
+         * @declare   Highcharts.XrangePointOptionsObject
+         * @type      {Array<*>}
+         * @extends   series.line.data
+         * @product   highcharts highstock gantt
+         * @apioption series.xrange.data
+         */
+        /**
+         * The starting X value of the range point.
+         *
+         * @sample {highcharts} highcharts/demo/x-range
+         *         X-range
+         *
+         * @type      {number}
+         * @product   highcharts highstock gantt
+         * @apioption series.xrange.data.x
+         */
+        /**
+         * The ending X value of the range point.
+         *
+         * @sample {highcharts} highcharts/demo/x-range
+         *         X-range
+         *
+         * @type      {number}
+         * @product   highcharts highstock gantt
+         * @apioption series.xrange.data.x2
+         */
+        /**
+         * The Y value of the range point.
+         *
+         * @sample {highcharts} highcharts/demo/x-range
+         *         X-range
+         *
+         * @type      {number}
+         * @product   highcharts highstock gantt
+         * @apioption series.xrange.data.y
+         */
+        /**
+         * A partial fill for each point, typically used to visualize how much of
+         * a task is performed. The partial fill object can be set either on series
+         * or point level.
+         *
+         * @sample {highcharts} highcharts/demo/x-range
+         *         X-range with partial fill
+         *
+         * @declare   Highcharts.XrangePointPartialFillOptionsObject
+         * @product   highcharts highstock gantt
+         * @apioption series.xrange.data.partialFill
+         */
+        /**
+         * The amount of the X-range point to be filled. Values can be 0-1 and are
+         * converted to percentages in the default data label formatter.
+         *
+         * @type      {number}
+         * @product   highcharts highstock gantt
+         * @apioption series.xrange.data.partialFill.amount
+         */
+        /**
+         * The fill color to be used for partial fills. Defaults to a darker shade
+         * of the point color.
+         *
+         * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
+         * @product   highcharts highstock gantt
+         * @apioption series.xrange.data.partialFill.fill
+         */
+        (''); // adds doclets above to transpiled file
+
+        return XRangeSeriesDefaults;
+    });
+    _registerModule(_modules, 'Series/XRange/XRangePoint.js', [_modules['Core/Series/SeriesRegistry.js'], _modules['Core/Utilities.js']], function (SeriesRegistry, U) {
         /* *
          *
          *  X-range series module
@@ -65,7 +283,8 @@
                 d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
             };
         })();
-        var ColumnSeries = SeriesRegistry.seriesTypes.column;
+        var pointProto = SeriesRegistry.series.prototype.pointClass.prototype,
+            ColumnPoint = SeriesRegistry.seriesTypes.column.prototype.pointClass;
         var extend = U.extend;
         /* *
          *
@@ -75,37 +294,36 @@
         var XRangePoint = /** @class */ (function (_super) {
                 __extends(XRangePoint, _super);
             function XRangePoint() {
+                /* *
+                 *
+                 *  Static Functions
+                 *
+                 * */
                 var _this = _super !== null && _super.apply(this,
                     arguments) || this;
                 /* *
                  *
-                 * Properties
+                 *  Properties
                  *
                  * */
                 _this.options = void 0;
                 _this.series = void 0;
                 return _this;
-                /* eslint-enable valid-jsdoc */
             }
-            /* *
-             *
-             * Static properties
-             *
-             * */
             /**
              * Return color of a point based on its category.
              *
              * @private
              * @function getColorByCategory
              *
-             * @param {Object} series
-             * The series which the point belongs to.
+             * @param {object} series
+             *        The series which the point belongs to.
              *
-             * @param {Object} point
-             * The point to calculate its color for.
+             * @param {object} point
+             *        The point to calculate its color for.
              *
-             * @return {Object}
-             * Returns an object containing the properties color and colorIndex.
+             * @return {object}
+             *         Returns an object containing the properties color and colorIndex.
              */
             XRangePoint.getColorByCategory = function (series, point) {
                 var colors = series.options.colors || series.chart.options.colors,
@@ -121,33 +339,17 @@
             };
             /* *
              *
-             * Functions
+             *  Functions
              *
              * */
-            /**
-             * The ending X value of the range point.
-             * @name Highcharts.Point#x2
-             * @type {number|undefined}
-             * @requires modules/xrange
-             */
-            /**
-             * Extend applyOptions so that `colorByPoint` for x-range means that one
-             * color is applied per Y axis category.
-             *
-             * @private
-             * @function Highcharts.Point#applyOptions
-             *
-             * @return {Highcharts.Series}
-             */
-            /* eslint-disable valid-jsdoc */
             /**
              * @private
              */
             XRangePoint.prototype.resolveColor = function () {
-                var series = this.series,
-                    colorByPoint;
+                var series = this.series;
                 if (series.options.colorByPoint && !this.options.color) {
-                    colorByPoint = XRangePoint.getColorByCategory(series, this);
+                    var colorByPoint = XRangePoint.getColorByCategory(series,
+                        this);
                     if (!series.chart.styledMode) {
                         this.color = colorByPoint.color;
                     }
@@ -163,10 +365,9 @@
              * Extend init to have y default to 0.
              *
              * @private
-             * @function Highcharts.Point#init
              */
             XRangePoint.prototype.init = function () {
-                Point.prototype.init.apply(this, arguments);
+                pointProto.init.apply(this, arguments);
                 if (!this.y) {
                     this.y = 0;
                 }
@@ -174,35 +375,32 @@
             };
             /**
              * @private
-             * @function Highcharts.Point#setState
              */
             XRangePoint.prototype.setState = function () {
-                Point.prototype.setState.apply(this, arguments);
+                pointProto.setState.apply(this, arguments);
                 this.series.drawPoint(this, this.series.getAnimationVerb());
             };
             /**
+             * Add x2 and yCategory to the available properties for tooltip formats.
+             *
              * @private
-             * @function Highcharts.Point#getLabelConfig
              */
-            // Add x2 and yCategory to the available properties for tooltip formats
             XRangePoint.prototype.getLabelConfig = function () {
-                var point = this,
-                    cfg = Point.prototype.getLabelConfig.call(point),
-                    yCats = point.series.yAxis.categories;
-                cfg.x2 = point.x2;
-                cfg.yCategory = point.yCategory = yCats && yCats[point.y];
+                var cfg = pointProto.getLabelConfig.call(this),
+                    yCats = this.series.yAxis.categories;
+                cfg.x2 = this.x2;
+                cfg.yCategory = this.yCategory = yCats && yCats[this.y];
                 return cfg;
             };
             /**
              * @private
-             * @function Highcharts.Point#isValid
              */
             XRangePoint.prototype.isValid = function () {
                 return typeof this.x === 'number' &&
                     typeof this.x2 === 'number';
             };
             return XRangePoint;
-        }(ColumnSeries.prototype.pointClass));
+        }(ColumnPoint));
         extend(XRangePoint.prototype, {
             ttBelow: false,
             tooltipDateKeys: ['x', 'x2']
@@ -212,62 +410,39 @@
          *  Default Export
          *
          * */
-
-        return XRangePoint;
-    });
-    _registerModule(_modules, 'Series/XRange/XRangeComposition.js', [_modules['Core/Axis/Axis.js'], _modules['Core/Utilities.js']], function (Axis, U) {
         /* *
          *
-         *  X-range series module
-         *
-         *  (c) 2010-2021 Torstein Honsi, Lars A. V. Cabrera
-         *
-         *  License: www.highcharts.com/license
-         *
-         *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+         *  API Declarations
          *
          * */
-        /* *
-         *
-         * Imports
-         *
-         * */
-        /* *
+        /**
+         * The ending X value of the range point.
+         * @name Highcharts.Point#x2
+         * @type {number|undefined}
+         * @requires modules/xrange
+         */
+        /**
+         * Extend applyOptions so that `colorByPoint` for x-range means that one
+         * color is applied per Y axis category.
          *
-         *  Imports
+         * @private
+         * @function Highcharts.Point#applyOptions
          *
-         * */
-        var addEvent = U.addEvent,
-            pick = U.pick;
-        /**
-         * Max x2 should be considered in xAxis extremes
+         * @return {Highcharts.Series}
          */
-        addEvent(Axis, 'afterGetSeriesExtremes', function () {
-            var axis = this, // eslint-disable-line no-invalid-this
-                axisSeries = axis.series,
-                dataMax,
-                modMax;
-            if (axis.isXAxis) {
-                dataMax = pick(axis.dataMax, -Number.MAX_VALUE);
-                axisSeries.forEach(function (series) {
-                    if (series.x2Data) {
-                        series.x2Data
-                            .forEach(function (val) {
-                            if (val > dataMax) {
-                                dataMax = val;
-                                modMax = true;
-                            }
-                        });
-                    }
-                });
-                if (modMax) {
-                    axis.dataMax = dataMax;
-                }
-            }
-        });
+        /**
+         * @interface Highcharts.PointOptionsObject in parts/Point.ts
+         */ /**
+        * The ending X value of the range point.
+        * @name Highcharts.PointOptionsObject#x2
+        * @type {number|undefined}
+        * @requires modules/xrange
+        */
+        (''); // keeps doclets above in JS file
 
+        return XRangePoint;
     });
-    _registerModule(_modules, 'Series/XRange/XRangeSeries.js', [_modules['Core/Globals.js'], _modules['Core/Color/Color.js'], _modules['Core/Series/SeriesRegistry.js'], _modules['Core/Utilities.js'], _modules['Series/XRange/XRangePoint.js']], function (H, Color, SeriesRegistry, U, XRangePoint) {
+    _registerModule(_modules, 'Series/XRange/XRangeSeries.js', [_modules['Core/Globals.js'], _modules['Core/Color/Color.js'], _modules['Core/Series/SeriesRegistry.js'], _modules['Core/Utilities.js'], _modules['Series/XRange/XRangeSeriesDefaults.js'], _modules['Series/XRange/XRangePoint.js']], function (H, Color, SeriesRegistry, U, XRangeSeriesDefaults, XRangePoint) {
         /* *
          *
          *  X-range series module
@@ -295,12 +470,12 @@
                 d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
             };
         })();
+        var noop = H.noop;
         var color = Color.parse;
-        var Series = SeriesRegistry.series,
+        var seriesProto = SeriesRegistry.series.prototype,
             ColumnSeries = SeriesRegistry.seriesTypes.column;
-        var columnProto = ColumnSeries.prototype;
-        var clamp = U.clamp,
-            correctFloat = U.correctFloat,
+        var addEvent = U.addEvent,
+            clamp = U.clamp,
             defined = U.defined,
             extend = U.extend,
             find = U.find,
@@ -309,13 +484,47 @@
             merge = U.merge,
             pick = U.pick;
         /* *
-         * @interface Highcharts.PointOptionsObject in parts/Point.ts
-         */ /**
-        * The ending X value of the range point.
-        * @name Highcharts.PointOptionsObject#x2
-        * @type {number|undefined}
-        * @requires modules/xrange
-        */
+         *
+         *  Constants
+         *
+         * */
+        var composedClasses = [];
+        /* *
+         *
+         *  Functions
+         *
+         * */
+        /**
+         * Max x2 should be considered in xAxis extremes
+         * @private
+         */
+        function onAxisAfterGetSeriesExtremes() {
+            var dataMax,
+                modMax;
+            if (this.isXAxis) {
+                dataMax = pick(this.dataMax, -Number.MAX_VALUE);
+                for (var _i = 0, _a = this.series; _i < _a.length; _i++) {
+                    var series = _a[_i];
+                    if (series.x2Data) {
+                        for (var _b = 0, _c = series.x2Data; _b < _c.length; _b++) {
+                            var val = _c[_b];
+                            if (val && val > dataMax) {
+                                dataMax = val;
+                                modMax = true;
+                            }
+                        }
+                    }
+                }
+                if (modMax) {
+                    this.dataMax = dataMax;
+                }
+            }
+        }
+        /* *
+         *
+         *  Class
+         *
+         * */
         /**
          * @private
          * @class
@@ -326,11 +535,16 @@
         var XRangeSeries = /** @class */ (function (_super) {
                 __extends(XRangeSeries, _super);
             function XRangeSeries() {
+                /* *
+                 *
+                 *  Static Properties
+                 *
+                 * */
                 var _this = _super !== null && _super.apply(this,
                     arguments) || this;
                 /* *
                  *
-                 * Properties
+                 *  Properties
                  *
                  * */
                 _this.data = void 0;
@@ -352,54 +566,56 @@
             }
             /* *
              *
-             * Functions
+             *  Static Functions
+             *
+             * */
+            XRangeSeries.compose = function (AxisClass) {
+                if (composedClasses.indexOf(AxisClass) === -1) {
+                    composedClasses.push(AxisClass);
+                    addEvent(AxisClass, 'afterGetSeriesExtremes', onAxisAfterGetSeriesExtremes);
+                }
+            };
+            /* *
+             *
+             *  Functions
              *
              * */
-            /* eslint-disable valid-jsdoc */
             /**
              * @private
-             * @function Highcarts.seriesTypes.xrange#init
              */
             XRangeSeries.prototype.init = function () {
-                ColumnSeries.prototype.init.apply(this, arguments);
+                _super.prototype.init.apply(this, arguments);
                 this.options.stacking = void 0; // #13161
             };
             /**
              * Borrow the column series metrics, but with swapped axes. This gives
              * free access to features like groupPadding, grouping, pointWidth etc.
-             *
              * @private
-             * @function Highcharts.Series#getColumnMetrics
              */
             XRangeSeries.prototype.getColumnMetrics = function () {
-                var metrics,
-                    chart = this.chart;
-                /**
-                 * @private
-                 */
-                function swapAxes() {
-                    chart.series.forEach(function (s) {
-                        var xAxis = s.xAxis;
-                        s.xAxis = s.yAxis;
-                        s.yAxis = xAxis;
-                    });
-                }
+                var _this = this;
+                var swapAxes = function () {
+                        for (var _i = 0,
+                    _a = _this.chart.series; _i < _a.length; _i++) {
+                            var series = _a[_i];
+                        var xAxis = series.xAxis;
+                        series.xAxis = series.yAxis;
+                        series.yAxis = xAxis;
+                    }
+                };
                 swapAxes();
-                metrics = columnProto.getColumnMetrics.call(this);
+                var metrics = _super.prototype.getColumnMetrics.call(this);
                 swapAxes();
                 return metrics;
             };
             /**
-             * Override cropData to show a point where x or x2 is outside visible
-             * range, but one of them is inside.
-             *
+             * Override cropData to show a point where x or x2 is outside visible range,
+             * but one of them is inside.
              * @private
-             * @function Highcharts.Series#cropData
              */
             XRangeSeries.prototype.cropData = function (xData, yData, min, max) {
                 // Replace xData with x2Data to find the appropriate cropStart
-                var cropData = Series.prototype.cropData,
-                    crop = cropData.call(this,
+                var crop = seriesProto.cropData.call(this,
                     this.x2Data,
                     yData,
                     min,
@@ -413,37 +629,34 @@
              * options.
              *
              * @private
-             * @function Highcharts.Series#findPointIndex
-             * @param {Object} options
-             * The options of the point.
+             *
+             * @param {Highcharts.XRangePointOptions} options
+             *        The options of the point.
+             *
              * @return {number|undefined}
-             * Returns index of a matching point, or undefined if no match is found.
+             *         Returns index of a matching point, or undefined if no match is
+             *         found.
              */
             XRangeSeries.prototype.findPointIndex = function (options) {
                 var _a = this,
-                    cropped = _a.cropped,
                     cropStart = _a.cropStart,
                     points = _a.points;
                 var id = options.id;
                 var pointIndex;
                 if (id) {
                     var point = find(points,
-                        function (point) {
-                            return point.id === id;
-                    });
+                        function (point) { return point.id === id; });
                     pointIndex = point ? point.index : void 0;
                 }
                 if (typeof pointIndex === 'undefined') {
                     var point = find(points,
-                        function (point) {
-                            return (point.x === options.x &&
-                                point.x2 === options.x2 &&
-                                !point.touched);
-                    });
+                        function (point) { return (point.x === options.x &&
+                            point.x2 === options.x2 &&
+                            !point.touched); });
                     pointIndex = point ? point.index : void 0;
                 }
                 // Reduce pointIndex if data is cropped
-                if (cropped &&
+                if (this.cropped &&
                     isNumber(pointIndex) &&
                     isNumber(cropStart) &&
                     pointIndex >= cropStart) {
@@ -453,36 +666,31 @@
             };
             /**
              * @private
-             * @function Highcharts.Series#translatePoint
-             *
-             * @param {Highcharts.Point} point
              */
             XRangeSeries.prototype.translatePoint = function (point) {
-                var series = this,
-                    xAxis = series.xAxis,
-                    yAxis = series.yAxis,
-                    metrics = series.columnMetrics,
-                    options = series.options,
+                var xAxis = this.xAxis,
+                    yAxis = this.yAxis,
+                    metrics = this.columnMetrics,
+                    options = this.options,
                     minPointLength = options.minPointLength || 0,
                     oldColWidth = (point.shapeArgs && point.shapeArgs.width || 0) / 2,
-                    seriesXOffset = series.pointXOffset = metrics.offset,
-                    plotX = point.plotX,
+                    seriesXOffset = this.pointXOffset = metrics.offset,
                     posX = pick(point.x2,
-                    point.x + (point.len || 0)),
-                    plotX2 = xAxis.translate(posX, 0, 0, 0, 1),
-                    length = Math.abs(plotX2 - plotX),
-                    widthDifference,
-                    partialFill,
+                    point.x + (point.len || 0));
+                var plotX = point.plotX,
+                    plotX2 = xAxis.translate(posX, 0, 0, 0, 1);
+                var length = Math.abs(plotX2 - plotX),
                     inverted = this.chart.inverted,
                     borderWidth = pick(options.borderWidth, 1),
-                    crisper = borderWidth % 2 / 2,
+                    crisper = borderWidth % 2 / 2;
+                var widthDifference,
+                    partialFill,
                     yOffset = metrics.offset,
                     pointHeight = Math.round(metrics.width),
                     dlLeft,
                     dlRight,
                     dlWidth,
-                    clipRectWidth,
-                    tooltipYOffset;
+                    clipRectWidth;
                 if (minPointLength) {
                     widthDifference = minPointLength - length;
                     if (widthDifference < 0) {
@@ -513,7 +721,7 @@
                         y: Math.floor(point.plotY + yOffset) + crisper,
                         width: x2 - x,
                         height: pointHeight,
-                        r: series.options.borderRadius
+                        r: this.options.borderRadius
                     };
                 point.shapeArgs = shapeArgs;
                 // Move tooltip to default position
@@ -546,8 +754,9 @@
                 var tooltipPos = point.tooltipPos;
                 var xIndex = !inverted ? 0 : 1;
                 var yIndex = !inverted ? 1 : 0;
-                tooltipYOffset = series.columnMetrics ?
-                    series.columnMetrics.offset : -metrics.width / 2;
+                var tooltipYOffset = (this.columnMetrics ?
+                        this.columnMetrics.offset :
+                        -metrics.width / 2);
                 // Centering tooltip position (#14147)
                 if (!inverted) {
                     tooltipPos[xIndex] += (xAxis.reversed ? -1 : 0) * shapeArgs.width;
@@ -568,7 +777,7 @@
                         partialFill = 0;
                     }
                     point.partShapeArgs = merge(shapeArgs, {
-                        r: series.options.borderRadius
+                        r: this.options.borderRadius
                     });
                     clipRectWidth = Math.max(Math.round(length * partialFill + point.plotX -
                         plotX), 0);
@@ -584,13 +793,13 @@
             };
             /**
              * @private
-             * @function Highcharts.Series#translate
              */
             XRangeSeries.prototype.translate = function () {
-                columnProto.translate.apply(this, arguments);
-                this.points.forEach(function (point) {
+                _super.prototype.translate.apply(this, arguments);
+                for (var _i = 0, _a = this.points; _i < _a.length; _i++) {
+                    var point = _a[_i];
                     this.translatePoint(point);
-                }, this);
+                }
             };
             /**
              * Draws a single point in the series. Needed for partial fill.
@@ -599,7 +808,6 @@
              * original graphic and an overlay displaying the partial fill.
              *
              * @private
-             * @function Highcharts.Series#drawPoint
              *
              * @param {Highcharts.Point} point
              *        An instance of Point in the series.
@@ -608,26 +816,24 @@
              *        'animate' (animates changes) or 'attr' (sets options)
              */
             XRangeSeries.prototype.drawPoint = function (point, verb) {
-                var series = this,
-                    seriesOpts = series.options,
-                    renderer = series.chart.renderer,
-                    graphic = point.graphic,
+                var seriesOpts = this.options,
+                    renderer = this.chart.renderer,
                     type = point.shapeType,
                     shapeArgs = point.shapeArgs,
                     partShapeArgs = point.partShapeArgs,
                     clipRectArgs = point.clipRectArgs,
-                    pfOptions = point.partialFill,
                     cutOff = seriesOpts.stacking && !seriesOpts.borderRadius,
                     pointState = point.state,
                     stateOpts = (seriesOpts.states[pointState || 'normal'] ||
                         {}),
                     pointStateVerb = typeof pointState === 'undefined' ?
                         'attr' : verb,
-                    pointAttr = series.pointAttribs(point,
+                    pointAttr = this.pointAttribs(point,
                     pointState),
-                    animation = pick(series.chart.options.chart.animation,
-                    stateOpts.animation),
-                    fill;
+                    animation = pick(this.chart.options.chart.animation,
+                    stateOpts.animation);
+                var graphic = point.graphic,
+                    pfOptions = point.partialFill;
                 if (!point.isNull && point.visible !== false) {
                     // Original graphic
                     if (graphic) { // update
@@ -636,7 +842,7 @@
                     else {
                         point.graphic = graphic = renderer.g('point')
                             .addClass(point.getClassName())
-                            .add(point.group || series.group);
+                            .add(point.group || this.group);
                         graphic.rect = renderer[type](merge(shapeArgs))
                             .addClass(point.getClassName())
                             .addClass('highcharts-partfill-original')
@@ -658,7 +864,7 @@
                         }
                     }
                     // Presentational
-                    if (!series.chart.styledMode) {
+                    if (!this.chart.styledMode) {
                         graphic
                             .rect[verb](pointAttr, animation)
                             .shadow(seriesOpts.shadow, null, cutOff);
@@ -670,10 +876,10 @@
                             if (isObject(seriesOpts.partialFill)) {
                                 pfOptions = merge(seriesOpts.partialFill, pfOptions);
                             }
-                            fill = (pfOptions.fill ||
-                                color(pointAttr.fill).brighten(-0.3).get() ||
-                                color(point.color || series.color)
-                                    .brighten(-0.3).get());
+                            var fill = (pfOptions.fill ||
+                                    color(pointAttr.fill).brighten(-0.3).get() ||
+                                    color(point.color || this.color)
+                                        .brighten(-0.3).get());
                             pointAttr.fill = fill;
                             graphic
                                 .partRect[pointStateVerb](pointAttr, animation)
@@ -687,22 +893,20 @@
             };
             /**
              * @private
-             * @function Highcharts.Series#drawPoints
              */
             XRangeSeries.prototype.drawPoints = function () {
-                var series = this,
-                    verb = series.getAnimationVerb();
+                var verb = this.getAnimationVerb();
                 // Draw the columns
-                series.points.forEach(function (point) {
-                    series.drawPoint(point, verb);
-                });
+                for (var _i = 0, _a = this.points; _i < _a.length; _i++) {
+                    var point = _a[_i];
+                    this.drawPoint(point, verb);
+                }
             };
             /**
              * Returns "animate", or "attr" if the number of points is above the
              * animation limit.
              *
              * @private
-             * @function Highcharts.Series#getAnimationVerb
              */
             XRangeSeries.prototype.getAnimationVerb = function () {
                 return (this.chart.pointCount < (this.options.animationLimit || 250) ?
@@ -711,7 +915,6 @@
             };
             /**
              * @private
-             * @function Highcharts.XRangeSeries#isPointInside
              */
             XRangeSeries.prototype.isPointInside = function (point) {
                 var shapeArgs = point.shapeArgs,
@@ -728,101 +931,19 @@
                         plotX <= this.xAxis.len;
                 return isInside;
             };
-            /* *
-             *
-             * Static properties
-             *
-             * */
-            /**
-             * The X-range series displays ranges on the X axis, typically time
-             * intervals with a start and end date.
-             *
-             * @sample {highcharts} highcharts/demo/x-range/
-             *         X-range
-             * @sample {highcharts} highcharts/css/x-range/
-             *         Styled mode X-range
-             * @sample {highcharts} highcharts/chart/inverted-xrange/
-             *         Inverted X-range
-             *
-             * @extends      plotOptions.column
-             * @since        6.0.0
-             * @product      highcharts highstock gantt
-             * @excluding    boostThreshold, crisp, cropThreshold, depth, edgeColor,
-             *               edgeWidth, findNearestPointBy, getExtremesFromAll,
-             *               negativeColor, pointInterval, pointIntervalUnit,
-             *               pointPlacement, pointRange, pointStart, softThreshold,
-             *               stacking, threshold, data, dataSorting, boostBlending
-             * @requires     modules/xrange
-             * @optionparent plotOptions.xrange
-             */
-            XRangeSeries.defaultOptions = merge(ColumnSeries.defaultOptions, {
-                /**
-                 * A partial fill for each point, typically used to visualize how much
-                 * of a task is performed. The partial fill object can be set either on
-                 * series or point level.
-                 *
-                 * @sample {highcharts} highcharts/demo/x-range
-                 *         X-range with partial fill
-                 *
-                 * @product   highcharts highstock gantt
-                 * @apioption plotOptions.xrange.partialFill
-                 */
-                /**
-                 * The fill color to be used for partial fills. Defaults to a darker
-                 * shade of the point color.
-                 *
-                 * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-                 * @product   highcharts highstock gantt
-                 * @apioption plotOptions.xrange.partialFill.fill
-                 */
-                /**
-                 * A partial fill for each point, typically used to visualize how much
-                 * of a task is performed. See [completed](series.gantt.data.completed).
-                 *
-                 * @sample gantt/demo/progress-indicator
-                 *         Gantt with progress indicator
-                 *
-                 * @product   gantt
-                 * @apioption plotOptions.gantt.partialFill
-                 */
-                /**
-                 * In an X-range series, this option makes all points of the same Y-axis
-                 * category the same color.
-                 */
-                colorByPoint: true,
-                dataLabels: {
-                    formatter: function () {
-                        var point = this.point,
-                            amount = point.partialFill;
-                        if (isObject(amount)) {
-                            amount = amount.amount;
-                        }
-                        if (isNumber(amount) && amount > 0) {
-                            return correctFloat(amount * 100) + '%';
-                        }
-                    },
-                    inside: true,
-                    verticalAlign: 'middle'
-                },
-                tooltip: {
-                    headerFormat: '<span style="font-size: 10px">{point.x} - {point.x2}</span><br/>',
-                    pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>{point.yCategory}</b><br/>'
-                },
-                borderRadius: 3,
-                pointRange: 0
-            });
+            XRangeSeries.defaultOptions = merge(ColumnSeries.defaultOptions, XRangeSeriesDefaults);
             return XRangeSeries;
         }(ColumnSeries));
         extend(XRangeSeries.prototype, {
-            type: 'xrange',
-            parallelArrays: ['x', 'x2', 'y'],
-            requireSorting: false,
-            animate: Series.prototype.animate,
+            pointClass: XRangePoint,
             cropShoulder: 1,
             getExtremesFromAll: true,
-            autoIncrement: H.noop,
-            buildKDTree: H.noop,
-            pointClass: XRangePoint
+            parallelArrays: ['x', 'x2', 'y'],
+            requireSorting: false,
+            type: 'xrange',
+            animate: seriesProto.animate,
+            autoIncrement: noop,
+            buildKDTree: noop
         });
         SeriesRegistry.registerSeriesType('xrange', XRangeSeries);
         /* *
@@ -830,120 +951,13 @@
          * Default Export
          *
          * */
-        /* *
-         *
-         * API Options
-         *
-         * */
-        /**
-         * An `xrange` series. If the [type](#series.xrange.type) option is not
-         * specified, it is inherited from [chart.type](#chart.type).
-         *
-         * @extends   series,plotOptions.xrange
-         * @excluding boostThreshold, crisp, cropThreshold, depth, edgeColor, edgeWidth,
-         *            findNearestPointBy, getExtremesFromAll, negativeColor,
-         *            pointInterval, pointIntervalUnit, pointPlacement, pointRange,
-         *            pointStart, softThreshold, stacking, threshold, dataSorting,
-         *            boostBlending
-         * @product   highcharts highstock gantt
-         * @requires  modules/xrange
-         * @apioption series.xrange
-         */
-        /**
-         * An array of data points for the series. For the `xrange` series type,
-         * points can be given in the following ways:
-         *
-         * 1. An array of objects with named values. The objects are point configuration
-         *    objects as seen below.
-         *    ```js
-         *    data: [{
-         *        x: Date.UTC(2017, 0, 1),
-         *        x2: Date.UTC(2017, 0, 3),
-         *        name: "Test",
-         *        y: 0,
-         *        color: "#00FF00"
-         *    }, {
-         *        x: Date.UTC(2017, 0, 4),
-         *        x2: Date.UTC(2017, 0, 5),
-         *        name: "Deploy",
-         *        y: 1,
-         *        color: "#FF0000"
-         *    }]
-         *    ```
-         *
-         * @sample {highcharts} highcharts/series/data-array-of-objects/
-         *         Config objects
-         *
-         * @declare   Highcharts.XrangePointOptionsObject
-         * @type      {Array<*>}
-         * @extends   series.line.data
-         * @product   highcharts highstock gantt
-         * @apioption series.xrange.data
-         */
-        /**
-         * The starting X value of the range point.
-         *
-         * @sample {highcharts} highcharts/demo/x-range
-         *         X-range
-         *
-         * @type      {number}
-         * @product   highcharts highstock gantt
-         * @apioption series.xrange.data.x
-         */
-        /**
-         * The ending X value of the range point.
-         *
-         * @sample {highcharts} highcharts/demo/x-range
-         *         X-range
-         *
-         * @type      {number}
-         * @product   highcharts highstock gantt
-         * @apioption series.xrange.data.x2
-         */
-        /**
-         * The Y value of the range point.
-         *
-         * @sample {highcharts} highcharts/demo/x-range
-         *         X-range
-         *
-         * @type      {number}
-         * @product   highcharts highstock gantt
-         * @apioption series.xrange.data.y
-         */
-        /**
-         * A partial fill for each point, typically used to visualize how much of
-         * a task is performed. The partial fill object can be set either on series
-         * or point level.
-         *
-         * @sample {highcharts} highcharts/demo/x-range
-         *         X-range with partial fill
-         *
-         * @declare   Highcharts.XrangePointPartialFillOptionsObject
-         * @product   highcharts highstock gantt
-         * @apioption series.xrange.data.partialFill
-         */
-        /**
-         * The amount of the X-range point to be filled. Values can be 0-1 and are
-         * converted to percentages in the default data label formatter.
-         *
-         * @type      {number}
-         * @product   highcharts highstock gantt
-         * @apioption series.xrange.data.partialFill.amount
-         */
-        /**
-         * The fill color to be used for partial fills. Defaults to a darker shade
-         * of the point color.
-         *
-         * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-         * @product   highcharts highstock gantt
-         * @apioption series.xrange.data.partialFill.fill
-         */
-        ''; // adds doclets above to transpiled file
 
         return XRangeSeries;
     });
-    _registerModule(_modules, 'masters/modules/xrange.src.js', [], function () {
+    _registerModule(_modules, 'masters/modules/xrange.src.js', [_modules['Core/Globals.js'], _modules['Series/XRange/XRangeSeries.js']], function (Highcharts, XRangeSeries) {
 
+        var G = Highcharts;
+        XRangeSeries.compose(G.Axis);
 
     });
 }));