highcharts 10.2.1 → 10.3.1

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

@@ -12,7 +12,7 @@
 'use strict';
 import BubbleLegendDefaults from './BubbleLegendDefaults.js';
 import BubbleLegendItem from './BubbleLegendItem.js';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 import U from '../../Core/Utilities.js';
 var addEvent = U.addEvent, objectEach = U.objectEach, wrap = U.wrap;
@@ -33,7 +33,7 @@ var composedClasses = [];
  */
 function chartDrawChartBox(proceed, options, callback) {
     var chart = this, legend = chart.legend, bubbleSeries = getVisibleBubbleSeriesIndex(chart) >= 0;
-    var bubbleLegendOptions, bubbleSizes;
+    var bubbleLegendOptions, bubbleSizes, legendItem;
     if (legend && legend.options.enabled && legend.bubbleLegend &&
         legend.options.bubbleLegend.autoRanges && bubbleSeries) {
         bubbleLegendOptions = legend.bubbleLegend.options;
@@ -43,7 +43,10 @@ function chartDrawChartBox(proceed, options, callback) {
         if (!bubbleLegendOptions.placed) {
             legend.group.placed = false;
             legend.allItems.forEach(function (item) {
-                item.legendGroup.translateY = null;
+                legendItem = item.legendItem || {};
+                if (legendItem.group) {
+                    legendItem.group.translateY = null;
+                }
             });
         }
         // Create legend with bubbleLegend
@@ -153,17 +156,17 @@ function getVisibleBubbleSeriesIndex(chart) {
  */
 function getLinesHeights(legend) {
     var items = legend.allItems, lines = [], length = items.length;
-    var lastLine, i = 0, j = 0;
+    var lastLine, legendItem, legendItem2, i = 0, j = 0;
     for (i = 0; i < length; i++) {
-        if (items[i].legendItemHeight) {
+        legendItem = items[i].legendItem || {};
+        legendItem2 = (items[i + 1] || {}).legendItem || {};
+        if (legendItem.labelHeight) {
             // for bubbleLegend
-            items[i].itemHeight = items[i].legendItemHeight;
+            items[i].itemHeight = legendItem.labelHeight;
         }
         if ( // Line break
         items[i] === items[length - 1] ||
-            items[i + 1] &&
-                items[i]._legendItemPos[1] !==
-                    items[i + 1]._legendItemPos[1]) {
+            legendItem.y !== legendItem2.y) {
             lines.push({ height: 0 });
             lastLine = lines[lines.length - 1];
             // Find the highest item in line
@@ -239,25 +242,28 @@ function onSeriesLegendItemClick() {
  */
 function retranslateItems(legend, lines) {
     var items = legend.allItems, rtl = legend.options.rtl;
-    var orgTranslateX, orgTranslateY, movementX, actualLine = 0;
+    var orgTranslateX, orgTranslateY, movementX, legendItem, actualLine = 0;
     items.forEach(function (item, index) {
-        orgTranslateX = item.legendGroup.translateX;
-        orgTranslateY = item._legendItemPos[1];
+        legendItem = item.legendItem || {};
+        if (!legendItem.group) {
+            return;
+        }
+        orgTranslateX = legendItem.group.translateX || 0;
+        orgTranslateY = legendItem.y || 0;
         movementX = item.movementX;
         if (movementX || (rtl && item.ranges)) {
             movementX = rtl ?
                 orgTranslateX - item.options.maxSize / 2 :
                 orgTranslateX + movementX;
-            item.legendGroup.attr({ translateX: movementX });
+            legendItem.group.attr({ translateX: movementX });
         }
         if (index > lines[actualLine].step) {
             actualLine++;
         }
-        item.legendGroup.attr({
+        legendItem.group.attr({
             translateY: Math.round(orgTranslateY + lines[actualLine].height / 2)
         });
-        item._legendItemPos[1] = orgTranslateY +
-            lines[actualLine].height / 2;
+        legendItem.y = orgTranslateY + lines[actualLine].height / 2;
     });
 }
 /* *

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

@@ -49,11 +49,6 @@ var BubbleLegendItem = /** @class */ (function () {
         this.chart = void 0;
         this.fontMetrics = void 0;
         this.legend = void 0;
-        this.legendGroup = void 0;
-        this.legendItem = void 0;
-        this.legendItemHeight = void 0;
-        this.legendItemWidth = void 0;
-        this.legendSymbol = void 0;
         this.maxLabel = void 0;
         this.movementX = void 0;
         this.ranges = void 0;
@@ -101,7 +96,7 @@ var BubbleLegendItem = /** @class */ (function () {
      *        Legend instance
      */
     BubbleLegendItem.prototype.drawLegendSymbol = function (legend) {
-        var chart = this.chart, options = this.options, itemDistance = pick(legend.options.itemDistance, 20), ranges = options.ranges, connectorDistance = options.connectorDistance;
+        var chart = this.chart, itemDistance = pick(legend.options.itemDistance, 20), legendItem = this.legendItem || {}, options = this.options, ranges = options.ranges, connectorDistance = options.connectorDistance;
         var connectorSpace;
         // Predict label dimensions
         this.fontMetrics = chart.renderer.fontMetrics(options.labels.style.fontSize);
@@ -127,8 +122,8 @@ var BubbleLegendItem = /** @class */ (function () {
         this.maxLabel = maxLabel;
         this.movementX = options.labels.align === 'left' ?
             connectorSpace : 0;
-        this.legendItemWidth = size + connectorSpace + itemDistance;
-        this.legendItemHeight = size + this.fontMetrics.h / 2;
+        legendItem.labelWidth = size + connectorSpace + itemDistance;
+        legendItem.labelHeight = size + this.fontMetrics.h / 2;
     };
     /**
      * Set style options for each bubbleLegend range.
@@ -188,11 +183,11 @@ var BubbleLegendItem = /** @class */ (function () {
         return bubbleSeries.getRadius.call(this, zMin, zMax, minSize, maxSize, value);
     };
     /**
-     * Render the legendSymbol group.
+     * Render the legendItem group.
      * @private
      */
     BubbleLegendItem.prototype.render = function () {
-        var renderer = this.chart.renderer, zThreshold = this.options.zThreshold;
+        var legendItem = this.legendItem || {}, renderer = this.chart.renderer, zThreshold = this.options.zThreshold;
         if (!this.symbols) {
             this.symbols = {
                 connectors: [],
@@ -201,19 +196,20 @@ var BubbleLegendItem = /** @class */ (function () {
             };
         }
         // Nesting SVG groups to enable handleOverflow
-        this.legendSymbol = renderer.g('bubble-legend');
-        this.legendItem = renderer.g('bubble-legend-item');
+        legendItem.symbol = renderer.g('bubble-legend');
+        legendItem.label = renderer.g('bubble-legend-item');
         // To enable default 'hideOverlappingLabels' method
-        this.legendSymbol.translateX = 0;
-        this.legendSymbol.translateY = 0;
-        this.ranges.forEach(function (range) {
+        legendItem.symbol.translateX = 0;
+        legendItem.symbol.translateY = 0;
+        for (var _i = 0, _a = this.ranges; _i < _a.length; _i++) {
+            var range = _a[_i];
             if (range.value >= zThreshold) {
                 this.renderRange(range);
             }
-        }, this);
+        }
         // To use handleOverflow method
-        this.legendSymbol.add(this.legendItem);
-        this.legendItem.add(this.legendGroup);
+        legendItem.symbol.add(legendItem.label);
+        legendItem.label.add(legendItem.group);
         this.hideOverlappingLabels();
     };
     /**
@@ -247,7 +243,7 @@ var BubbleLegendItem = /** @class */ (function () {
                 bubbleSeries.colorIndex + ' ' :
             '') +
             'highcharts-bubble-legend-symbol ' +
-            (options.className || '')).add(this.legendSymbol));
+            (options.className || '')).add(this.legendItem.symbol));
         // Render connector
         symbols.connectors.push(renderer
             .path(renderer.crispLine([
@@ -259,14 +255,14 @@ var BubbleLegendItem = /** @class */ (function () {
             'highcharts-color-' +
                 this.options.seriesIndex + ' ' : '') +
             'highcharts-bubble-legend-connectors ' +
-            (options.connectorClassName || '')).add(this.legendSymbol));
+            (options.connectorClassName || '')).add(this.legendItem.symbol));
         // Render label
         var label = renderer
             .text(this.formatLabel(range), labelX, labelY + labelMovement)
             .attr((styledMode ? {} : range.labelAttribs))
             .css(styledMode ? {} : labelsOptions.style)
             .addClass('highcharts-bubble-legend-labels ' +
-            (options.labels.className || '')).add(this.legendSymbol);
+            (options.labels.className || '')).add(this.legendItem.symbol);
         labels.push(label);
         // To enable default 'hideOverlappingLabels' method
         label.placed = true;

package/es-modules/Series/Candlestick/CandlestickSeries.js

@@ -23,7 +23,8 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-import D from '../../Core/DefaultOptions.js';
+import CandlestickSeriesDefaults from './CandlestickSeriesDefaults.js';
+import D from '../../Core/Defaults.js';
 var defaultOptions = D.defaultOptions;
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var _a = SeriesRegistry.seriesTypes, ColumnSeries = _a.column, OHLCSeries = _a.ohlc;
@@ -31,7 +32,7 @@ import U from '../../Core/Utilities.js';
 var merge = U.merge;
 /* *
  *
- *  Code
+ *  Class
  *
  * */
 /**
@@ -48,13 +49,13 @@ var CandlestickSeries = /** @class */ (function (_super) {
     function CandlestickSeries() {
         /* *
          *
-         * Static Properties
+         *  Static Properties
          *
          * */
         var _this = _super !== null && _super.apply(this, arguments) || this;
         /* *
          *
-         * Properties
+         *  Properties
          *
          * */
         _this.data = void 0;
@@ -64,10 +65,9 @@ var CandlestickSeries = /** @class */ (function (_super) {
     }
     /* *
      *
-     * Functions
+     *  Functions
      *
      * */
-    /* eslint-disable valid-jsdoc */
     /**
      * Postprocess mapping between options and SVG attributes
      *
@@ -75,8 +75,7 @@ var CandlestickSeries = /** @class */ (function (_super) {
      * @function Highcharts.seriesTypes.candlestick#pointAttribs
      */
     CandlestickSeries.prototype.pointAttribs = function (point, state) {
-        var attribs = ColumnSeries.prototype.pointAttribs.call(this, point, state), options = this.options, isUp = point.open < point.close, stroke = options.lineColor || this.color, color = point.color || this.color, // (#14826)
-        stateOptions;
+        var attribs = ColumnSeries.prototype.pointAttribs.call(this, point, state), options = this.options, isUp = point.open < point.close, stroke = options.lineColor || this.color, color = point.color || this.color; // (#14826)
         attribs['stroke-width'] = options.lineWidth;
         attribs.fill = point.options.color ||
             (isUp ? (options.upColor || color) : color);
@@ -84,7 +83,7 @@ var CandlestickSeries = /** @class */ (function (_super) {
             (isUp ? (options.upLineColor || stroke) : stroke);
         // Select or hover states
         if (state) {
-            stateOptions = options.states[state];
+            var stateOptions = options.states[state];
             attribs.fill = stateOptions.color || attribs.fill;
             attribs.stroke = stateOptions.lineColor || attribs.stroke;
             attribs['stroke-width'] =
@@ -100,8 +99,10 @@ var CandlestickSeries = /** @class */ (function (_super) {
      */
     CandlestickSeries.prototype.drawPoints = function () {
         var series = this, points = series.points, chart = series.chart, reversedYAxis = series.yAxis.reversed;
-        points.forEach(function (point) {
-            var graphic = point.graphic, plotOpen, plotClose, topBox, bottomBox, hasTopWhisker, hasBottomWhisker, crispCorr, crispX, path, halfWidth, isNew = !graphic;
+        for (var _i = 0, points_1 = points; _i < points_1.length; _i++) {
+            var point = points_1[_i];
+            var graphic = point.graphic, plotOpen = void 0, plotClose = void 0, topBox = void 0, bottomBox = void 0, hasTopWhisker = void 0, hasBottomWhisker = void 0, crispCorr = void 0, crispX = void 0, path = void 0, halfWidth = void 0;
+            var isNew = !graphic;
             if (typeof point.plotY !== 'undefined') {
                 if (!graphic) {
                     point.graphic = graphic = chart.renderer.path()
@@ -160,176 +161,15 @@ var CandlestickSeries = /** @class */ (function (_super) {
                 graphic[isNew ? 'attr' : 'animate']({ d: path })
                     .addClass(point.getClassName(), true);
             }
-        });
-        /* eslint-enable valid-jsdoc */
+        }
     };
-    CandlestickSeries.defaultOptions = merge(OHLCSeries.defaultOptions, defaultOptions.plotOptions, 
-    /**
-     * A candlestick chart is a style of financial chart used to describe
-     * price movements over time.
-     *
-     * @sample stock/demo/candlestick/
-     *         Candlestick chart
-     *
-     * @extends      plotOptions.ohlc
-     * @excluding    borderColor,borderRadius,borderWidth
-     * @product      highstock
-     * @optionparent plotOptions.candlestick
-     */
-    {
-        /**
-         * The specific line color for up candle sticks. The default is to
-         * inherit the general `lineColor` setting.
-         *
-         * @sample {highstock} stock/plotoptions/candlestick-linecolor/
-         *         Candlestick line colors
-         *
-         * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-         * @since     1.3.6
-         * @product   highstock
-         * @apioption plotOptions.candlestick.upLineColor
-         */
-        states: {
-            /**
-             * @extends plotOptions.column.states.hover
-             * @product highstock
-             */
-            hover: {
-                /**
-                 * The pixel width of the line/border around the
-                 * candlestick.
-                 *
-                 * @product highstock
-                 */
-                lineWidth: 2
-            }
-        },
-        tooltip: defaultOptions.plotOptions.ohlc.tooltip,
-        /**
-         * @type    {number|null}
-         * @product highstock
-         */
-        threshold: null,
-        /**
-         * The color of the line/border of the candlestick.
-         *
-         * In styled mode, the line stroke can be set with the
-         * `.highcharts-candlestick-series .highcahrts-point` rule.
-         *
-         * @see [upLineColor](#plotOptions.candlestick.upLineColor)
-         *
-         * @sample {highstock} stock/plotoptions/candlestick-linecolor/
-         *         Candlestick line colors
-         *
-         * @type    {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-         * @default #000000
-         * @product highstock
-         */
-        lineColor: "#000000" /* Palette.neutralColor100 */,
-        /**
-         * The pixel width of the candlestick line/border. Defaults to `1`.
-         *
-         *
-         * In styled mode, the line stroke width can be set with the
-         * `.highcharts-candlestick-series .highcahrts-point` rule.
-         *
-         * @product highstock
-         */
-        lineWidth: 1,
-        /**
-         * The fill color of the candlestick when values are rising.
-         *
-         * In styled mode, the up color can be set with the
-         * `.highcharts-candlestick-series .highcharts-point-up` rule.
-         *
-         * @sample {highstock} stock/plotoptions/candlestick-color/
-         *         Custom colors
-         * @sample {highstock} highcharts/css/candlestick/
-         *         Colors in styled mode
-         *
-         * @type    {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-         * @default #ffffff
-         * @product highstock
-        */
-        upColor: "#ffffff" /* Palette.backgroundColor */,
-        /**
-         * @product highstock
-         */
-        stickyTracking: true
-    });
+    CandlestickSeries.defaultOptions = merge(OHLCSeries.defaultOptions, defaultOptions.plotOptions, { tooltip: OHLCSeries.defaultOptions.tooltip }, CandlestickSeriesDefaults);
     return CandlestickSeries;
 }(OHLCSeries));
 SeriesRegistry.registerSeriesType('candlestick', CandlestickSeries);
 /* *
  *
- * Default Export
+ *  Default Export
  *
  * */
 export default CandlestickSeries;
-/* *
- *
- * API Options
- *
- * */
-/**
- * A `candlestick` series. If the [type](#series.candlestick.type)
- * option is not specified, it is inherited from [chart.type](
- * #chart.type).
- *
- * @type      {*}
- * @extends   series,plotOptions.candlestick
- * @excluding dataParser, dataURL, marker
- * @product   highstock
- * @apioption series.candlestick
- */
-/**
- * An array of data points for the series. For the `candlestick` series
- * type, points can be given in the following ways:
- *
- * 1. An array of arrays with 5 or 4 values. In this case, the values correspond
- *    to `x,open,high,low,close`. If the first value is a string, it is applied
- *    as the name of the point, and the `x` value is inferred. The `x` value can
- *    also be omitted, in which case the inner arrays should be of length 4.
- *    Then the `x` value is automatically calculated, either starting at 0 and
- *    incremented by 1, or from `pointStart` and `pointInterval` given in the
- *    series options.
- *    ```js
- *    data: [
- *        [0, 7, 2, 0, 4],
- *        [1, 1, 4, 2, 8],
- *        [2, 3, 3, 9, 3]
- *    ]
- *    ```
- *
- * 2. An array of objects with named values. The following snippet shows only a
- *    few settings, see the complete options set below. If the total number of
- *    data points exceeds the series'
- *    [turboThreshold](#series.candlestick.turboThreshold), this option is not
- *    available.
- *    ```js
- *    data: [{
- *        x: 1,
- *        open: 9,
- *        high: 2,
- *        low: 4,
- *        close: 6,
- *        name: "Point2",
- *        color: "#00FF00"
- *    }, {
- *        x: 1,
- *        open: 1,
- *        high: 4,
- *        low: 7,
- *        close: 7,
- *        name: "Point1",
- *        color: "#FF00FF"
- *    }]
- *    ```
- *
- * @type      {Array<Array<(number|string),number,number,number>|Array<(number|string),number,number,number,number>|*>}
- * @extends   series.ohlc.data
- * @excluding y
- * @product   highstock
- * @apioption series.candlestick.data
- */
-''; // adds doclets above to transpilat

package/es-modules/Series/Candlestick/CandlestickSeriesDefaults.js

@@ -0,0 +1,179 @@
+/* *
+ *
+ *  (c) 2010-2021 Torstein Honsi
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+'use strict';
+import D from '../../Core/Defaults.js';
+var defaultOptions = D.defaultOptions;
+import U from '../../Core/Utilities.js';
+var merge = U.merge;
+/* *
+ *
+ *  API Options
+ *
+ * */
+/**
+ * A candlestick chart is a style of financial chart used to describe
+ * price movements over time.
+ *
+ * @sample stock/demo/candlestick/
+ *         Candlestick chart
+ *
+ * @extends      plotOptions.ohlc
+ * @excluding    borderColor,borderRadius,borderWidth
+ * @product      highstock
+ * @optionparent plotOptions.candlestick
+ */
+var CandlestickSeriesDefaults = {
+    /**
+     * The specific line color for up candle sticks. The default is to
+     * inherit the general `lineColor` setting.
+     *
+     * @sample {highstock} stock/plotoptions/candlestick-linecolor/
+     *         Candlestick line colors
+     *
+     * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
+     * @since     1.3.6
+     * @product   highstock
+     * @apioption plotOptions.candlestick.upLineColor
+     */
+    states: {
+        /**
+         * @extends plotOptions.column.states.hover
+         * @product highstock
+         */
+        hover: {
+            /**
+             * The pixel width of the line/border around the
+             * candlestick.
+             *
+             * @product highstock
+             */
+            lineWidth: 2
+        }
+    },
+    /**
+     * @type    {number|null}
+     * @product highstock
+     */
+    threshold: null,
+    /**
+     * The color of the line/border of the candlestick.
+     *
+     * In styled mode, the line stroke can be set with the
+     * `.highcharts-candlestick-series .highcahrts-point` rule.
+     *
+     * @see [upLineColor](#plotOptions.candlestick.upLineColor)
+     *
+     * @sample {highstock} stock/plotoptions/candlestick-linecolor/
+     *         Candlestick line colors
+     *
+     * @type    {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
+     * @default #000000
+     * @product highstock
+     */
+    lineColor: "#000000" /* Palette.neutralColor100 */,
+    /**
+     * The pixel width of the candlestick line/border. Defaults to `1`.
+     *
+     *
+     * In styled mode, the line stroke width can be set with the
+     * `.highcharts-candlestick-series .highcahrts-point` rule.
+     *
+     * @product highstock
+     */
+    lineWidth: 1,
+    /**
+     * The fill color of the candlestick when values are rising.
+     *
+     * In styled mode, the up color can be set with the
+     * `.highcharts-candlestick-series .highcharts-point-up` rule.
+     *
+     * @sample {highstock} stock/plotoptions/candlestick-color/
+     *         Custom colors
+     * @sample {highstock} highcharts/css/candlestick/
+     *         Colors in styled mode
+     *
+     * @type    {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
+     * @default #ffffff
+     * @product highstock
+    */
+    upColor: "#ffffff" /* Palette.backgroundColor */,
+    /**
+     * @product highstock
+     */
+    stickyTracking: true
+};
+/**
+ * A `candlestick` series. If the [type](#series.candlestick.type)
+ * option is not specified, it is inherited from [chart.type](
+ * #chart.type).
+ *
+ * @type      {*}
+ * @extends   series,plotOptions.candlestick
+ * @excluding dataParser, dataURL, marker
+ * @product   highstock
+ * @apioption series.candlestick
+ */
+/**
+ * An array of data points for the series. For the `candlestick` series
+ * type, points can be given in the following ways:
+ *
+ * 1. An array of arrays with 5 or 4 values. In this case, the values correspond
+ *    to `x,open,high,low,close`. If the first value is a string, it is applied
+ *    as the name of the point, and the `x` value is inferred. The `x` value can
+ *    also be omitted, in which case the inner arrays should be of length 4.
+ *    Then the `x` value is automatically calculated, either starting at 0 and
+ *    incremented by 1, or from `pointStart` and `pointInterval` given in the
+ *    series options.
+ *    ```js
+ *    data: [
+ *        [0, 7, 2, 0, 4],
+ *        [1, 1, 4, 2, 8],
+ *        [2, 3, 3, 9, 3]
+ *    ]
+ *    ```
+ *
+ * 2. An array of objects with named values. The following snippet shows only a
+ *    few settings, see the complete options set below. If the total number of
+ *    data points exceeds the series'
+ *    [turboThreshold](#series.candlestick.turboThreshold), this option is not
+ *    available.
+ *    ```js
+ *    data: [{
+ *        x: 1,
+ *        open: 9,
+ *        high: 2,
+ *        low: 4,
+ *        close: 6,
+ *        name: "Point2",
+ *        color: "#00FF00"
+ *    }, {
+ *        x: 1,
+ *        open: 1,
+ *        high: 4,
+ *        low: 7,
+ *        close: 7,
+ *        name: "Point1",
+ *        color: "#FF00FF"
+ *    }]
+ *    ```
+ *
+ * @type      {Array<Array<(number|string),number,number,number>|Array<(number|string),number,number,number,number>|*>}
+ * @extends   series.ohlc.data
+ * @excluding y
+ * @product   highstock
+ * @apioption series.candlestick.data
+ */
+''; // adds doclets above to transpilat
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default CandlestickSeriesDefaults;