highcharts 9.2.1 → 9.3.2

package/es-modules/Series/OHLC/OHLCSeries.js

@@ -23,14 +23,9 @@ var __extends = (this && this.__extends) || (function () {
 })();
 import OHLCPoint from './OHLCPoint.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
-var ColumnSeries = SeriesRegistry.seriesTypes.column;
+var Series = SeriesRegistry.series, HLCSeries = SeriesRegistry.seriesTypes.hlc;
 import U from '../../Core/Utilities.js';
-var extend = U.extend, merge = U.merge;
-/* *
- *
- *  Class
- *
- * */
+var addEvent = U.addEvent, extend = U.extend, merge = U.merge;
 /**
  * The ohlc series type.
  *
@@ -57,85 +52,25 @@ var OHLCSeries = /** @class */ (function (_super) {
         _this.data = void 0;
         _this.options = void 0;
         _this.points = void 0;
-        _this.yData = void 0;
         return _this;
-        /* eslint-enable valid-jsdoc */
     }
     /* *
      *
      *  Functions
      *
      * */
-    /* eslint-disable valid-jsdoc */
-    /**
-     * Draw the data points
-     * @private
-     */
-    OHLCSeries.prototype.drawPoints = function () {
-        var series = this, points = series.points, chart = series.chart, 
-        /**
-         * Extend vertical stem to open and close values.
-         */
-        extendStem = function (path, halfStrokeWidth, openOrClose) {
-            var start = path[0];
-            var end = path[1];
-            // We don't need to worry about crisp - openOrClose value
-            // is already crisped and halfStrokeWidth should remove it.
-            if (typeof start[2] === 'number') {
-                start[2] = Math.max(openOrClose + halfStrokeWidth, start[2]);
-            }
-            if (typeof end[2] === 'number') {
-                end[2] = Math.min(openOrClose - halfStrokeWidth, end[2]);
-            }
-        };
-        points.forEach(function (point) {
-            var plotOpen, plotClose, crispCorr, halfWidth, path, graphic = point.graphic, crispX, isNew = !graphic, strokeWidth;
-            if (typeof point.plotY !== 'undefined') {
-                // Create and/or update the graphic
-                if (!graphic) {
-                    point.graphic = graphic = chart.renderer.path()
-                        .add(series.group);
-                }
-                if (!chart.styledMode) {
-                    graphic.attr(series.pointAttribs(point, (point.selected && 'select'))); // #3897
-                }
-                // crisp vector coordinates
-                strokeWidth = graphic.strokeWidth();
-                crispCorr = (strokeWidth % 2) / 2;
-                // #2596:
-                crispX = Math.round(point.plotX) - crispCorr;
-                halfWidth = Math.round(point.shapeArgs.width / 2);
-                // the vertical stem
-                path = [
-                    ['M', crispX, Math.round(point.yBottom)],
-                    ['L', crispX, Math.round(point.plotHigh)]
-                ];
-                // open
-                if (point.open !== null) {
-                    plotOpen = Math.round(point.plotOpen) + crispCorr;
-                    path.push(['M', crispX, plotOpen], ['L', crispX - halfWidth, plotOpen]);
-                    extendStem(path, strokeWidth / 2, plotOpen);
-                }
-                // close
-                if (point.close !== null) {
-                    plotClose = Math.round(point.plotClose) + crispCorr;
-                    path.push(['M', crispX, plotClose], ['L', crispX + halfWidth, plotClose]);
-                    extendStem(path, strokeWidth / 2, plotClose);
-                }
-                graphic[isNew ? 'attr' : 'animate']({ d: path })
-                    .addClass(point.getClassName(), true);
-            }
-        });
-    };
-    /**
-     * @private
-     * @function Highcarts.seriesTypes.ohlc#init
-     * @return {void}
-     */
-    OHLCSeries.prototype.init = function () {
-        _super.prototype.init.apply(this, arguments);
-        this.options.stacking = void 0; // #8817
+    OHLCSeries.prototype.getPointPath = function (point, graphic) {
+        var path = _super.prototype.getPointPath.call(this, point, graphic), strokeWidth = graphic.strokeWidth(), crispCorr = (strokeWidth % 2) / 2, crispX = Math.round(point.plotX) - crispCorr, halfWidth = Math.round(point.shapeArgs.width / 2);
+        var plotOpen = point.plotOpen;
+        // crisp vector coordinates
+        if (point.open !== null) {
+            plotOpen = Math.round(point.plotOpen) + crispCorr;
+            path.push(['M', crispX, plotOpen], ['L', crispX - halfWidth, plotOpen]);
+            _super.prototype.extendStem.call(this, path, strokeWidth / 2, plotOpen);
+        }
+        return path;
     };
+    /* eslint-disable valid-jsdoc */
     /**
      * Postprocess mapping between options and SVG attributes
      * @private
@@ -154,40 +89,6 @@ var OHLCSeries = /** @class */ (function (_super) {
         // return a plain array for speedy calculation
         return [point.open, point.high, point.low, point.close];
     };
-    /**
-     * Translate data points from raw values x and y to plotX and plotY
-     *
-     * @private
-     * @function Highcharts.seriesTypes.ohlc#translate
-     * @return {void}
-     */
-    OHLCSeries.prototype.translate = function () {
-        var series = this, yAxis = series.yAxis, hasModifyValue = !!series.modifyValue, translated = [
-            'plotOpen',
-            'plotHigh',
-            'plotLow',
-            'plotClose',
-            'yBottom'
-        ]; // translate OHLC for
-        _super.prototype.translate.apply(series);
-        // Do the translation
-        series.points.forEach(function (point) {
-            [point.open, point.high, point.low, point.close, point.low]
-                .forEach(function (value, i) {
-                if (value !== null) {
-                    if (hasModifyValue) {
-                        value = series.modifyValue(value);
-                    }
-                    point[translated[i]] =
-                        yAxis.toPixels(value, true);
-                }
-            });
-            // Align the tooltip to the high value to avoid covering the
-            // point
-            point.tooltipPos[1] =
-                point.plotHigh + yAxis.pos - series.chart.plotTop;
-        });
-    };
     /**
      * An OHLC chart is a style of financial chart used to describe price
      * movements over time. It displays open, high, low and close values per
@@ -196,39 +97,28 @@ var OHLCSeries = /** @class */ (function (_super) {
      * @sample stock/demo/ohlc/
      *         OHLC chart
      *
-     * @extends      plotOptions.column
-     * @excluding    borderColor, borderRadius, borderWidth, crisp, stacking,
-     *               stack
+     * @extends      plotOptions.hlc
      * @product      highstock
      * @optionparent plotOptions.ohlc
      */
-    OHLCSeries.defaultOptions = merge(ColumnSeries.defaultOptions, {
+    /**
+     * The parameter allows setting line series type and use OHLC indicators.
+     * Data in OHLC format is required.
+     *
+     * @sample {highstock} stock/indicators/use-ohlc-data
+     *         Use OHLC data format to plot line chart
+     *
+     * @type      {boolean}
+     * @product   highstock
+     * @apioption plotOptions.line.useOhlcData
+     */
+    OHLCSeries.defaultOptions = merge(HLCSeries.defaultOptions, {
         /**
-         * The approximate pixel width of each group. If for example a series
-         * with 30 points is displayed over a 600 pixel wide plot area, no
-         * grouping is performed. If however the series contains so many points
-         * that the spacing is less than the groupPixelWidth, Highcharts will
-         * try to group it into appropriate groups so that each is more or less
-         * two pixels wide. Defaults to `5`.
-         *
-         * @type      {number}
-         * @default   5
+         * @type      {Highcharts.DataGroupingApproximationValue|Function}
+         * @default   ohlc
          * @product   highstock
-         * @apioption plotOptions.ohlc.dataGrouping.groupPixelWidth
-         */
-        /**
-         * The pixel width of the line/border. Defaults to `1`.
-         *
-         * @sample {highstock} stock/plotoptions/ohlc-linewidth/
-         *         A greater line width
-         *
-         * @type    {number}
-         * @default 1
-         * @product highstock
-         *
-         * @private
+         * @apioption plotOptions.ohlc.dataGrouping.approximation
          */
-        lineWidth: 1,
         tooltip: {
             pointFormat: '<span style="color:{point.color}">\u25CF</span> ' +
                 '<b> {series.name}</b><br/>' +
@@ -236,42 +126,17 @@ var OHLCSeries = /** @class */ (function (_super) {
                 'High: {point.high}<br/>' +
                 'Low: {point.low}<br/>' +
                 'Close: {point.close}<br/>'
-        },
-        threshold: null,
-        states: {
-            /**
-             * @extends plotOptions.column.states.hover
-             * @product highstock
-             */
-            hover: {
-                /**
-                 * The pixel width of the line representing the OHLC point.
-                 *
-                 * @type    {number}
-                 * @default 3
-                 * @product highstock
-                 */
-                lineWidth: 3
-            }
-        },
+        }
         /**
-         * Determines which one of `open`, `high`, `low`, `close` values should
+         * Determines which one of  `open`, `high`, `low`, `close` values should
          * be represented as `point.y`, which is later used to set dataLabel
          * position and [compare](#plotOptions.series.compare).
          *
-         * @sample {highstock} stock/plotoptions/ohlc-pointvalkey/
-         *         Possible values
-         *
-         * @type       {string}
          * @default    close
          * @validvalue ["open", "high", "low", "close"]
          * @product    highstock
          * @apioption  plotOptions.ohlc.pointValKey
          */
-        /**
-         * @default   close
-         * @apioption plotOptions.ohlc.colorKey
-         */
         /**
          * Line color for up points.
          *
@@ -279,19 +144,11 @@ var OHLCSeries = /** @class */ (function (_super) {
          * @product   highstock
          * @apioption plotOptions.ohlc.upColor
          */
-        stickyTracking: true
     });
     return OHLCSeries;
-}(ColumnSeries));
+}(HLCSeries));
 extend(OHLCSeries.prototype, {
-    animate: null,
-    directTouch: false,
-    pointArrayMap: ['open', 'high', 'low', 'close'],
-    pointAttrToOptions: {
-        stroke: 'color',
-        'stroke-width': 'lineWidth'
-    },
-    pointValKey: 'close'
+    pointArrayMap: ['open', 'high', 'low', 'close']
 });
 OHLCSeries.prototype.pointClass = OHLCPoint;
 SeriesRegistry.registerSeriesType('ohlc', OHLCSeries);
@@ -301,6 +158,28 @@ SeriesRegistry.registerSeriesType('ohlc', OHLCSeries);
  *
  * */
 export default OHLCSeries;
+// Add useOhlcData option
+addEvent(Series, 'init', function (eventOptions) {
+    // eslint-disable-next-line no-invalid-this
+    var series = this, options = eventOptions.options;
+    if (options.useOhlcData &&
+        options.id !== 'highcharts-navigator-series') {
+        extend(series, {
+            pointValKey: OHLCSeries.prototype.pointValKey,
+            // keys: ohlcProto.keys, // @todo potentially nonsense
+            pointArrayMap: OHLCSeries.prototype.pointArrayMap,
+            toYData: OHLCSeries.prototype.toYData
+        });
+    }
+});
+addEvent(Series, 'afterSetOptions', function (e) {
+    var options = e.options, dataGrouping = options.dataGrouping;
+    if (dataGrouping &&
+        options.useOhlcData &&
+        options.id !== 'highcharts-navigator-series') {
+        dataGrouping.approximation = 'ohlc';
+    }
+});
 /* *
  *
  *  API Options
@@ -365,13 +244,6 @@ export default OHLCSeries;
  * @product   highstock
  * @apioption series.ohlc.data
  */
-/**
- * The closing value of each data point.
- *
- * @type      {number}
- * @product   highstock
- * @apioption series.ohlc.data.close
- */
 /**
  * The opening value of each data point.
  *

package/es-modules/{Mixins/OnSeries.js → Series/OnSeriesComposition.js}

@@ -8,41 +8,70 @@
  *
  * */
 'use strict';
-import ColumnSeries from '../Series/Column/ColumnSeries.js';
+import ColumnSeries from './Column/ColumnSeries.js';
 var columnProto = ColumnSeries.prototype;
 import Series from '../Core/Series/Series.js';
 var seriesProto = Series.prototype;
 import U from '../Core/Utilities.js';
 var defined = U.defined, stableSort = U.stableSort;
-/**
- * @private
- * @mixin onSeriesMixin
- */
-var onSeriesMixin = {
+/* *
+ *
+ *  Composition
+ *
+ * */
+var OnSeriesComposition;
+(function (OnSeriesComposition) {
+    /* *
+     *
+     *  Declarations
+     *
+     * */
+    /* *
+     *
+     *  Properties
+     *
+     * */
+    var composedClasses = [];
+    /* *
+     *
+     *  Functions
+     *
+     * */
     /* eslint-disable valid-jsdoc */
+    /**
+     * @private
+     */
+    function compose(SeriesClass) {
+        if (composedClasses.indexOf(SeriesClass) === -1) {
+            composedClasses.push(SeriesClass);
+            var seriesProto_1 = SeriesClass.prototype;
+            seriesProto_1.getPlotBox = getPlotBox;
+            seriesProto_1.translate = translate;
+        }
+        return SeriesClass;
+    }
+    OnSeriesComposition.compose = compose;
     /**
      * Override getPlotBox. If the onSeries option is valid, return the plot box
      * of the onSeries, otherwise proceed as usual.
      *
      * @private
-     * @function onSeriesMixin.getPlotBox
-     * @return {Highcharts.SeriesPlotBoxObject}
      */
-    getPlotBox: function () {
+    function getPlotBox() {
         return seriesProto.getPlotBox.call((this.options.onSeries &&
             this.chart.get(this.options.onSeries)) || this);
-    },
+    }
+    OnSeriesComposition.getPlotBox = getPlotBox;
     /**
      * Extend the translate method by placing the point on the related series
      *
      * @private
-     * @function onSeriesMixin.translate
-     * @return {void}
      */
-    translate: function () {
+    function translate() {
         columnProto.translate.apply(this);
-        var series = this, options = series.options, chart = series.chart, points = series.points, cursor = points.length - 1, point, lastPoint, optionsOnSeries = options.onSeries, onSeries = (optionsOnSeries &&
-            chart.get(optionsOnSeries)), onKey = options.onKey || 'y', step = onSeries && onSeries.options.step, onData = (onSeries && onSeries.points), i = onData && onData.length, inverted = chart.inverted, xAxis = series.xAxis, yAxis = series.yAxis, xOffset = 0, leftPoint, lastX, rightPoint, currentDataGrouping, distanceRatio;
+        var series = this, options = series.options, chart = series.chart, points = series.points, optionsOnSeries = options.onSeries, onSeries = (optionsOnSeries &&
+            chart.get(optionsOnSeries)), step = onSeries && onSeries.options.step, onData = (onSeries && onSeries.points), inverted = chart.inverted, xAxis = series.xAxis, yAxis = series.yAxis;
+        var cursor = points.length - 1, point, lastPoint, onKey = options.onKey || 'y', i = onData && onData.length, xOffset = 0, leftPoint, lastX, rightPoint, currentDataGrouping, distanceRatio;
         // relate to a master series
         if (onSeries && onSeries.visible && i) {
             xOffset = (onSeries.pointXOffset || 0) + (onSeries.barW || 0) / 2;
@@ -50,9 +79,7 @@ var onSeriesMixin = {
             lastX = (onData[i - 1].x +
                 (currentDataGrouping ? currentDataGrouping.totalRange : 0)); // #2374
             // sort the data points
-            stableSort(points, function (a, b) {
-                return (a.x - b.x);
-            });
+            stableSort(points, function (a, b) { return (a.x - b.x); });
             onKey = 'plot' + onKey[0].toUpperCase() + onKey.substr(1);
             while (i-- && points[cursor]) {
                 leftPoint = onData[i];
@@ -131,6 +158,11 @@ var onSeriesMixin = {
         });
         this.onSeries = onSeries;
     }
-    /* eslint-enable valid-jsdoc */
-};
-export default onSeriesMixin;
+    OnSeriesComposition.translate = translate;
+})(OnSeriesComposition || (OnSeriesComposition = {}));
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default OnSeriesComposition;

package/es-modules/Series/Organization/OrganizationSeries.js

@@ -24,7 +24,6 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 import OrganizationPoint from './OrganizationPoint.js';
-import palette from '../../Core/Color/Palette.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var SankeySeries = SeriesRegistry.seriesTypes.sankey;
 import U from '../../Core/Utilities.js';
@@ -180,7 +179,8 @@ var OrganizationSeries = /** @class */ (function (_super) {
         return node;
     };
     OrganizationSeries.prototype.createNodeColumn = function () {
-        var column = _super.prototype.createNodeColumn.call(this);
+        var column = _super.prototype.createNodeColumn
+            .call(this);
         // Wrap the offset function so that the hanging node's children are
         // aligned to their parent
         wrap(column, 'offset', function (proceed, node, factor) {
@@ -196,7 +196,8 @@ var OrganizationSeries = /** @class */ (function (_super) {
         return column;
     };
     OrganizationSeries.prototype.pointAttribs = function (point, state) {
-        var series = this, attribs = SankeySeries.prototype.pointAttribs.call(series, point, state), level = point.isNode ? point.level : point.fromNode.level, levelOptions = series.mapOptionsToLevel[level || 0] || {}, options = point.options, stateOptions = (levelOptions.states && levelOptions.states[state]) || {}, values = ['borderRadius', 'linkColor', 'linkLineWidth']
+        var series = this, attribs = SankeySeries.prototype.pointAttribs.call(series, point, state), level = point.isNode ? point.level : point.fromNode.level, levelOptions = series.mapOptionsToLevel[level || 0] || {}, options = point.options, stateOptions = (levelOptions.states &&
+            levelOptions.states[state]) || {}, values = ['borderRadius', 'linkColor', 'linkLineWidth']
             .reduce(function (obj, key) {
             obj[key] = pick(stateOptions[key], options[key], levelOptions[key], series.options[key]);
             return obj;
@@ -303,7 +304,7 @@ var OrganizationSeries = /** @class */ (function (_super) {
          * @type {Highcharts.ColorString}
          * @private
          */
-        borderColor: palette.neutralColor60,
+        borderColor: "#666666" /* neutralColor60 */,
         /**
          * The border radius of the node cards.
          *
@@ -433,7 +434,7 @@ var OrganizationSeries = /** @class */ (function (_super) {
          * @type {Highcharts.ColorString}
          * @private
          */
-        linkColor: palette.neutralColor60,
+        linkColor: "#666666" /* neutralColor60 */,
         /**
          * The line width of the links connecting nodes, in pixels.
          *

package/es-modules/Series/PackedBubble/PackedBubbleComposition.js

@@ -80,6 +80,7 @@ H.layouts.packedbubble = extendClass(Reingold, {
             });
         }
     },
+    // #14439, new stable check.
     isStable: function () {
         var tempDiff = Math.abs(this.prevSystemTemperature -
             this.systemTemperature);

package/es-modules/Series/PackedBubble/PackedBubblePoint.js

@@ -69,7 +69,7 @@ var PackedBubblePoint = /** @class */ (function (_super) {
         var point = this, series = this.series, seriesOptions = series.options;
         if (this.isParentNode && seriesOptions.parentNode) {
             var temp = seriesOptions.allowPointSelect;
-            seriesOptions.allowPointSelect = seriesOptions.parentNode.allowPointSelect;
+            seriesOptions.allowPointSelect = (seriesOptions.parentNode.allowPointSelect);
             Point.prototype.firePointEvent.apply(this, arguments);
             seriesOptions.allowPointSelect = temp;
         }

package/es-modules/Series/PackedBubble/PackedBubbleSeries.js

@@ -200,9 +200,6 @@ var PackedBubbleSeries = /** @class */ (function (_super) {
     /**
      * Check if two bubbles overlaps.
      * @private
-     * @param {Array} first bubble
-     * @param {Array} second bubble
-     * @return {Boolean} overlap or not
      */
     PackedBubbleSeries.prototype.checkOverlap = function (bubble1, bubble2) {
         var diffX = bubble1[0] - bubble2[0], // diff of X center values
@@ -217,7 +214,14 @@ var PackedBubbleSeries = /** @class */ (function (_super) {
      * @private
      */
     PackedBubbleSeries.prototype.createParentNodes = function () {
-        var series = this, chart = series.chart, parentNodeLayout = series.parentNodeLayout, nodeAdded, parentNode = series.parentNode, PackedBubblePoint = series.pointClass;
+        var series = this, chart = series.chart, parentNodeLayout = series.parentNodeLayout, nodeAdded, parentNode = series.parentNode, PackedBubblePoint = series.pointClass, layoutOptions = series.layout.options, parentMarkerOptions = {
+            radius: series.parentNodeRadius,
+            lineColor: series.color,
+            fillColor: color(series.color).brighten(0.4).get()
+        };
+        if (layoutOptions.parentNodeOptions) {
+            parentMarkerOptions = merge(layoutOptions.parentNodeOptions.marker || {}, parentMarkerOptions);
+        }
         series.parentNodeMass = 0;
         series.points.forEach(function (p) {
             series.parentNodeMass +=
@@ -234,12 +238,18 @@ var PackedBubbleSeries = /** @class */ (function (_super) {
             if (!parentNode) {
                 parentNode = (new PackedBubblePoint()).init(this, {
                     mass: series.parentNodeRadius / 2,
-                    marker: {
-                        radius: series.parentNodeRadius
-                    },
+                    marker: parentMarkerOptions,
                     dataLabels: {
                         inside: false
                     },
+                    states: {
+                        normal: {
+                            marker: parentMarkerOptions
+                        },
+                        hover: {
+                            marker: parentMarkerOptions
+                        }
+                    },
                     dataLabelOnNull: true,
                     degree: series.parentNodeRadius,
                     isParentNode: true,
@@ -319,10 +329,11 @@ var PackedBubbleSeries = /** @class */ (function (_super) {
             return;
         }
         var series = this, chart = series.chart, parentAttribs = {}, nodeMarker = this.layout.options.parentNodeOptions.marker, parentOptions = {
-            fill: nodeMarker.fillColor || color(series.color).brighten(0.4).get(),
+            fill: (nodeMarker.fillColor ||
+                color(series.color).brighten(0.4).get()),
             opacity: nodeMarker.fillOpacity,
             stroke: nodeMarker.lineColor || series.color,
-            'stroke-width': nodeMarker.lineWidth
+            'stroke-width': pick(nodeMarker.lineWidth, series.options.lineWidth)
         };
         // create the group for parent Nodes if doesn't exist
         if (!this.parentNodesGroup) {
@@ -547,6 +558,33 @@ var PackedBubbleSeries = /** @class */ (function (_super) {
         }
         return arr;
     };
+    /**
+     * Function that checks for a parentMarker and sets the correct opacity.
+     * @private
+     * @param {Highcharts.Pack} point
+     * Candidate point for opacity correction.
+     * @param {string} [state]
+     * The point state, can be either `hover`, `select` or 'normal'. If
+     * undefined, normal state is assumed.
+     *
+     * @return {Highcharts.SVGAttributes}
+     * The presentational attributes to be set on the point.
+     */
+    PackedBubbleSeries.prototype.pointAttribs = function (point, state) {
+        var options = this.options, hasParentMarker = point && point.isParentNode;
+        var attr, fillOpacity, markerOptions = options.marker;
+        if (hasParentMarker &&
+            options.layoutAlgorithm &&
+            options.layoutAlgorithm.parentNodeOptions) {
+            markerOptions = options.layoutAlgorithm.parentNodeOptions.marker;
+        }
+        fillOpacity = markerOptions.fillOpacity;
+        attr = Series.prototype.pointAttribs.call(this, point, state);
+        if (fillOpacity !== 1) {
+            attr['fill-opacity'] = fillOpacity;
+        }
+        return attr;
+    };
     /**
      * Function that is adding one bubble based on positions and sizes of
      * two other bubbles, lastBubble is the last added bubble, newOrigin is
@@ -1038,7 +1076,7 @@ var PackedBubbleSeries = /** @class */ (function (_super) {
                 marker: {
                     fillColor: null,
                     fillOpacity: 1,
-                    lineWidth: 1,
+                    lineWidth: null,
                     lineColor: null,
                     symbol: 'circle'
                 }

package/es-modules/Series/ParetoSeries/ParetoSeries.js

@@ -21,7 +21,7 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-import DerivedSeriesMixin from '../../Mixins/DerivedSeries.js';
+import DerivedComposition from '../DerivedComposition.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var LineSeries = SeriesRegistry.seriesTypes.line;
 import U from '../../Core/Utilities.js';
@@ -148,13 +148,9 @@ var ParetoSeries = /** @class */ (function (_super) {
     return ParetoSeries;
 }(LineSeries));
 extend(ParetoSeries.prototype, {
-    addBaseSeriesEvents: DerivedSeriesMixin.addBaseSeriesEvents,
-    addEvents: DerivedSeriesMixin.addEvents,
-    destroy: DerivedSeriesMixin.destroy,
-    hasDerivedData: DerivedSeriesMixin.hasDerivedData,
-    init: DerivedSeriesMixin.init,
-    setBaseSeries: DerivedSeriesMixin.setBaseSeries
+    hasDerivedData: DerivedComposition.hasDerivedData
 });
+DerivedComposition.compose(ParetoSeries);
 SeriesRegistry.registerSeriesType('pareto', ParetoSeries);
 /* *
  *

package/es-modules/Series/Pie/PieDataLabel.js

@@ -11,7 +11,6 @@
 import DataLabel from '../../Core/Series/DataLabel.js';
 import H from '../../Core/Globals.js';
 var noop = H.noop;
-import Palette from '../../Core/Color/Palette.js';
 import R from '../../Core/Renderer/RendererUtilities.js';
 var distribute = R.distribute;
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
@@ -332,7 +331,7 @@ var ColumnDataLabel;
                                     'stroke-width': connectorWidth,
                                     'stroke': (pointDataLabelsOptions.connectorColor ||
                                         point.color ||
-                                        Palette.neutralColor60)
+                                        "#666666" /* neutralColor60 */)
                                 });
                             }
                         }

package/es-modules/Series/Pie/PiePoint.js

@@ -167,10 +167,10 @@ var PiePoint = /** @class */ (function (_super) {
      * @param {boolean} sliced
      * When undefined, the slice state is toggled.
      *
-     * @param {boolean} redraw
+     * @param {boolean} [redraw]
      * Whether to redraw the chart. True by default.
      *
-     * @param {boolean|Partial<Highcharts.AnimationOptionsObject>}
+     * @param {boolean|Partial<Highcharts.AnimationOptionsObject>} [animation]
      * Animation options.
      */
     PiePoint.prototype.slice = function (sliced, redraw, animation) {