highcharts 9.2.2 → 9.3.3

package/es-modules/{Mixins/TreeSeries.js → Series/TreeUtilities.js}

@@ -1,4 +1,10 @@
 /* *
+ *
+ *  (c) 2014-2021 Highsoft AS
+ *
+ *  Authors: Jon Arild Nygard / Oystein Moseng
+ *
+ *  License: www.highcharts.com/license
  *
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
@@ -7,68 +13,31 @@
 import Color from '../Core/Color/Color.js';
 import U from '../Core/Utilities.js';
 var extend = U.extend, isArray = U.isArray, isNumber = U.isNumber, isObject = U.isObject, merge = U.merge, pick = U.pick;
-var isBoolean = function (x) {
-    return typeof x === 'boolean';
-}, isFn = function (x) {
-    return typeof x === 'function';
-};
+/* *
+ *
+ *  Functions
+ *
+ * */
 /* eslint-disable valid-jsdoc */
 /**
- * @todo Combine buildTree and buildNode with setTreeValues
- * @todo Remove logic from Treemap and make it utilize this mixin.
  * @private
  */
-var setTreeValues = function setTreeValues(tree, options) {
-    var before = options.before, idRoot = options.idRoot, mapIdToNode = options.mapIdToNode, nodeRoot = mapIdToNode[idRoot], levelIsConstant = (isBoolean(options.levelIsConstant) ?
-        options.levelIsConstant :
-        true), points = options.points, point = points[tree.i], optionsPoint = point && point.options || {}, childrenTotal = 0, children = [], value;
-    tree.levelDynamic = tree.level - (levelIsConstant ? 0 : nodeRoot.level);
-    tree.name = pick(point && point.name, '');
-    tree.visible = (idRoot === tree.id ||
-        (isBoolean(options.visible) ? options.visible : false));
-    if (isFn(before)) {
-        tree = before(tree, options);
-    }
-    // First give the children some values
-    tree.children.forEach(function (child, i) {
-        var newOptions = extend({}, options);
-        extend(newOptions, {
-            index: i,
-            siblings: tree.children.length,
-            visible: tree.visible
-        });
-        child = setTreeValues(child, newOptions);
-        children.push(child);
-        if (child.visible) {
-            childrenTotal += child.val;
-        }
-    });
-    // Set the values
-    value = pick(optionsPoint.value, childrenTotal);
-    tree.visible = value >= 0 && (childrenTotal > 0 || tree.visible);
-    tree.children = children;
-    tree.childrenTotal = childrenTotal;
-    tree.isLeaf = tree.visible && !childrenTotal;
-    tree.val = value;
-    return tree;
-};
-/**
- * @private
- */
-var getColor = function getColor(node, options) {
-    var index = options.index, mapOptionsToLevel = options.mapOptionsToLevel, parentColor = options.parentColor, parentColorIndex = options.parentColorIndex, series = options.series, colors = options.colors, siblings = options.siblings, points = series.points, getColorByPoint, chartOptionsChart = series.chart.options.chart, point, level, colorByPoint, colorIndexByPoint, color, colorIndex;
+function getColor(node, options) {
+    var index = options.index, mapOptionsToLevel = options.mapOptionsToLevel, parentColor = options.parentColor, parentColorIndex = options.parentColorIndex, series = options.series, colors = options.colors, siblings = options.siblings, points = series.points, chartOptionsChart = series.chart.options.chart;
+    var getColorByPoint, point, level, colorByPoint, colorIndexByPoint, color, colorIndex;
     /**
      * @private
      */
-    function variation(color) {
+    var variateColor = function (color) {
         var colorVariation = level && level.colorVariation;
-        if (colorVariation) {
-            if (colorVariation.key === 'brightness') {
-                return Color.parse(color).brighten(colorVariation.to * (index / siblings)).get();
-            }
+        if (colorVariation &&
+            colorVariation.key === 'brightness' &&
+            index &&
+            siblings) {
+            return Color.parse(color).brighten(colorVariation.to * (index / siblings)).get();
         }
         return color;
-    }
+    };
     if (node) {
         point = points[node.i];
         level = mapOptionsToLevel[node.level] || {};
@@ -81,7 +50,7 @@ var getColor = function getColor(node, options) {
         }
         // Select either point color, level color or inherited color.
         if (!series.chart.styledMode) {
-            color = pick(point && point.options.color, level && level.color, colorByPoint, parentColor && variation(parentColor), series.color);
+            color = pick(point && point.options.color, level && level.color, colorByPoint, parentColor && variateColor(parentColor), series.color);
         }
         colorIndex = pick(point && point.options.colorIndex, level && level.colorIndex, colorIndexByPoint, parentColorIndex, options.colorIndex);
     }
@@ -89,24 +58,25 @@ var getColor = function getColor(node, options) {
         color: color,
         colorIndex: colorIndex
     };
-};
+}
 /**
  * Creates a map from level number to its given options.
  *
  * @private
- * @function getLevelOptions
- * @param {object} params
- *        Object containing parameters.
- *        - `defaults` Object containing default options. The default options
- *           are merged with the userOptions to get the final options for a
- *           specific level.
- *        - `from` The lowest level number.
- *        - `levels` User options from series.levels.
- *        - `to` The highest level number.
+ *
+ * @param {Object} params
+ * Object containing parameters.
+ * - `defaults` Object containing default options. The default options are
+ *   merged with the userOptions to get the final options for a specific
+ *   level.
+ * - `from` The lowest level number.
+ * - `levels` User options from series.levels.
+ * - `to` The highest level number.
+ *
  * @return {Highcharts.Dictionary<object>|null}
- *         Returns a map from level number to its given options.
+ * Returns a map from level number to its given options.
  */
-var getLevelOptions = function getLevelOptions(params) {
+function getLevelOptions(params) {
     var result = null, defaults, converted, i, from, to, levels;
     if (isObject(params)) {
         result = {};
@@ -119,16 +89,14 @@ var getLevelOptions = function getLevelOptions(params) {
                 var level, levelIsConstant, options;
                 if (isObject(item) && isNumber(item.level)) {
                     options = merge({}, item);
-                    levelIsConstant = (isBoolean(options.levelIsConstant) ?
-                        options.levelIsConstant :
-                        defaults.levelIsConstant);
+                    levelIsConstant = pick(options.levelIsConstant, defaults.levelIsConstant);
                     // Delete redundant properties.
                     delete options.levelIsConstant;
                     delete options.level;
                     // Calculate which level these options apply to.
                     level = item.level + (levelIsConstant ? 0 : from - 1);
                     if (isObject(obj[level])) {
-                        extend(obj[level], options);
+                        merge(true, obj[level], options); // #16329
                     }
                     else {
                         obj[level] = options;
@@ -143,21 +111,58 @@ var getLevelOptions = function getLevelOptions(params) {
         }
     }
     return result;
-};
+}
+/**
+ * @private
+ * @todo Combine buildTree and buildNode with setTreeValues
+ * @todo Remove logic from Treemap and make it utilize this mixin.
+ */
+function setTreeValues(tree, options) {
+    var before = options.before, idRoot = options.idRoot, mapIdToNode = options.mapIdToNode, nodeRoot = mapIdToNode[idRoot], levelIsConstant = (options.levelIsConstant !== false), points = options.points, point = points[tree.i], optionsPoint = point && point.options || {}, children = [];
+    var childrenTotal = 0;
+    tree.levelDynamic = tree.level - (levelIsConstant ? 0 : nodeRoot.level);
+    tree.name = pick(point && point.name, '');
+    tree.visible = (idRoot === tree.id ||
+        options.visible === true);
+    if (typeof before === 'function') {
+        tree = before(tree, options);
+    }
+    // First give the children some values
+    tree.children.forEach(function (child, i) {
+        var newOptions = extend({}, options);
+        extend(newOptions, {
+            index: i,
+            siblings: tree.children.length,
+            visible: tree.visible
+        });
+        child = setTreeValues(child, newOptions);
+        children.push(child);
+        if (child.visible) {
+            childrenTotal += child.val;
+        }
+    });
+    // Set the values
+    var value = pick(optionsPoint.value, childrenTotal);
+    tree.visible = value >= 0 && (childrenTotal > 0 || tree.visible);
+    tree.children = children;
+    tree.childrenTotal = childrenTotal;
+    tree.isLeaf = tree.visible && !childrenTotal;
+    tree.val = value;
+    return tree;
+}
 /**
  * Update the rootId property on the series. Also makes sure that it is
  * accessible to exporting.
  *
  * @private
- * @function updateRootId
  *
- * @param {object} series
- *        The series to operate on.
+ * @param {Object} series
+ * The series to operate on.
  *
  * @return {string}
- *         Returns the resulting rootId after update.
+ * Returns the resulting rootId after update.
  */
-var updateRootId = function (series) {
+function updateRootId(series) {
     var rootId, options;
     if (isObject(series)) {
         // Get the series options.
@@ -172,11 +177,16 @@ var updateRootId = function (series) {
         series.rootNode = rootId;
     }
     return rootId;
-};
-var result = {
+}
+/* *
+ *
+ *  Default Export
+ *
+ * */
+var TreeUtilities = {
     getColor: getColor,
     getLevelOptions: getLevelOptions,
     setTreeValues: setTreeValues,
     updateRootId: updateRootId
 };
-export default result;
+export default TreeUtilities;

package/es-modules/Series/Treemap/TreemapPoint.js

@@ -23,7 +23,7 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-import DrawPointMixin from '../../Mixins/DrawPoint.js';
+import DrawPointComposition from '../DrawPointComposition.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var Point = SeriesRegistry.series.prototype.pointClass, _a = SeriesRegistry.seriesTypes, PiePoint = _a.pie.prototype.pointClass, ScatterPoint = _a.scatter.prototype.pointClass;
 import U from '../../Core/Utilities.js';
@@ -96,9 +96,9 @@ var TreemapPoint = /** @class */ (function (_super) {
     return TreemapPoint;
 }(ScatterPoint));
 extend(TreemapPoint.prototype, {
-    draw: DrawPointMixin.drawPoint,
     setVisible: PiePoint.prototype.setVisible
 });
+DrawPointComposition.compose(TreemapPoint);
 /* *
  *
  *  Default Export

package/es-modules/Series/Treemap/TreemapSeries.js

@@ -25,19 +25,17 @@ var __extends = (this && this.__extends) || (function () {
 })();
 import Color from '../../Core/Color/Color.js';
 var color = Color.parse;
-import ColorMapMixin from '../../Mixins/ColorMapSeries.js';
-var colorMapSeriesMixin = ColorMapMixin.colorMapSeriesMixin;
+import ColorMapMixin from '../ColorMapMixin.js';
 import H from '../../Core/Globals.js';
 var noop = H.noop;
 import LegendSymbol from '../../Core/Legend/LegendSymbol.js';
-import palette from '../../Core/Color/Palette.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var Series = SeriesRegistry.series, _a = SeriesRegistry.seriesTypes, ColumnSeries = _a.column, HeatmapSeries = _a.heatmap, ScatterSeries = _a.scatter;
 import TreemapAlgorithmGroup from './TreemapAlgorithmGroup.js';
 import TreemapPoint from './TreemapPoint.js';
 import TreemapUtilities from './TreemapUtilities.js';
-import TreeSeriesMixin from '../../Mixins/TreeSeries.js';
-var getColor = TreeSeriesMixin.getColor, getLevelOptions = TreeSeriesMixin.getLevelOptions, updateRootId = TreeSeriesMixin.updateRootId;
+import TU from '../TreeUtilities.js';
+var getColor = TU.getColor, getLevelOptions = TU.getLevelOptions, updateRootId = TU.updateRootId;
 import U from '../../Core/Utilities.js';
 var addEvent = U.addEvent, correctFloat = U.correctFloat, defined = U.defined, error = U.error, extend = U.extend, fireEvent = U.fireEvent, isArray = U.isArray, isObject = U.isObject, isString = U.isString, merge = U.merge, pick = U.pick, stableSort = U.stableSort;
 import './TreemapComposition.js';
@@ -251,11 +249,11 @@ var TreemapSeries = /** @class */ (function (_super) {
      * @private
      * @function Highcharts.Series#calculateChildrenAreas
      *
-     * @param {object} node
-     *        The node which is parent to the children.
+     * @param {Object} node
+     * The node which is parent to the children.
      *
-     * @param {object} area
-     *        The rectangular area of the parent.
+     * @param {Object} area
+     * The rectangular area of the parent.
      */
     TreemapSeries.prototype.calculateChildrenAreas = function (parent, area) {
         var series = this, options = series.options, mapOptionsToLevel = series.mapOptionsToLevel, level = mapOptionsToLevel[parent.level + 1], algorithm = pick((series[(level && level.layoutAlgorithm)] &&
@@ -463,7 +461,7 @@ var TreemapSeries = /** @class */ (function (_super) {
      * @param {Array<string>} [existingIds]
      *        List of all point ids.
      *
-     * @return {object}
+     * @return {Object}
      *         Map from parent id to children index in data.
      */
     TreemapSeries.prototype.getListOfParents = function (data, existingIds) {
@@ -510,9 +508,7 @@ var TreemapSeries = /** @class */ (function (_super) {
     TreemapSeries.prototype.init = function (chart, options) {
         var series = this, setOptionsEvent;
         // If color series logic is loaded, add some properties
-        if (colorMapSeriesMixin) {
-            this.colorAttribs = colorMapSeriesMixin.colorAttribs;
-        }
+        this.colorAttribs = ColorMapMixin.SeriesMixin.colorAttribs;
         setOptionsEvent = addEvent(series, 'setOptions', function (event) {
             var options = event.userOptions;
             if (defined(options.allowDrillToNode) &&
@@ -593,7 +589,8 @@ var TreemapSeries = /** @class */ (function (_super) {
         return attr;
     };
     TreemapSeries.prototype.renderTraverseUpButton = function (rootId) {
-        var series = this, nodeMap = series.nodeMap, node = nodeMap[rootId], name = node.name, buttonOptions = series.options.traverseUpButton, backText = pick(buttonOptions.text, name, '◁ Back'), attr, states;
+        var series = this, nodeMap = series.nodeMap, node = nodeMap[rootId], name = node.name, buttonOptions = series.options
+            .traverseUpButton, backText = pick(buttonOptions.text, name, '◁ Back'), attr, states;
         if (rootId === '' || (series.is('sunburst') &&
             series.tree.children.length === 1 &&
             rootId === series.tree.children[0].id)) {
@@ -704,7 +701,7 @@ var TreemapSeries = /** @class */ (function (_super) {
      * @param {boolean} [redraw=true]
      * Wether to redraw the chart or not.
      *
-     * @param {object} [eventArguments]
+     * @param {Object} [eventArguments]
      * Arguments to be accessed in event handler.
      *
      * @param {string} [eventArguments.newRootId]
@@ -716,14 +713,14 @@ var TreemapSeries = /** @class */ (function (_super) {
      * @param {boolean} [eventArguments.redraw]
      * Wether to redraw the chart after.
      *
-     * @param {object} [eventArguments.series]
+     * @param {Object} [eventArguments.series]
      * The series to update the root of.
      *
      * @param {string} [eventArguments.trigger]
      * The action which triggered the event. Undefined if the setRootNode is
      * called directly.
      *
-     * @fires Highcharts.Series#event:setRootNode
+     * @emits Highcharts.Series#event:setRootNode
      */
     TreemapSeries.prototype.setRootNode = function (id, redraw, eventArguments) {
         var series = this, eventArgs = extend({
@@ -736,16 +733,15 @@ var TreemapSeries = /** @class */ (function (_super) {
          * The default functionality of the setRootNode event.
          *
          * @private
-         * @param {object} args The event arguments.
+         * @param {Object} args The event arguments.
          * @param {string} args.newRootId Id of the new root.
          * @param {string} args.previousRootId Id of the previous root.
          * @param {boolean} args.redraw Wether to redraw the chart after.
-         * @param {object} args.series The series to update the root of.
+         * @param {Object} args.series The series to update the root of.
          * @param {string} [args.trigger=undefined] The action which
          * triggered the event. Undefined if the setRootNode is called
          * directly.
-         * @return {void}
-         */
+             */
         var defaultFn = function (args) {
             var series = args.series;
             // Store previous and new root ids on the series.
@@ -960,10 +956,11 @@ var TreemapSeries = /** @class */ (function (_super) {
          * additional properties `newRootId`, `previousRootId`, `redraw` and
          * `trigger`.
          *
-         * @type {function}
-         * @default undefined
          * @sample {highcharts} highcharts/plotoptions/treemap-events-setrootnode/
          *         Alert update information on setRootNode event.
+         *
+         * @type {Function}
+         * @default undefined
          * @since 7.0.3
          * @product highcharts
          * @apioption plotOptions.treemap.events.setRootNode
@@ -1305,7 +1302,7 @@ var TreemapSeries = /** @class */ (function (_super) {
          *
          * @type {Highcharts.ColorString}
          */
-        borderColor: palette.neutralColor10,
+        borderColor: "#e6e6e6" /* neutralColor10 */,
         /**
          * The width of the border surrounding each tree map item.
          */
@@ -1334,7 +1331,7 @@ var TreemapSeries = /** @class */ (function (_super) {
                 /**
                  * The border color for the hovered state.
                  */
-                borderColor: palette.neutralColor40,
+                borderColor: "#999999" /* neutralColor40 */,
                 /**
                  * Brightness for the hovered point. Defaults to 0 if the
                  * heatmap series is loaded first, otherwise 0.1.

package/es-modules/Series/Variwide/VariwideSeries.js

@@ -100,7 +100,11 @@ var VariwideSeries = /** @class */ (function (_super) {
      *         Distorted X position
      */
     VariwideSeries.prototype.postTranslate = function (index, x, point) {
-        var axis = this.xAxis, relZ = this.relZ, i = axis.reversed ? relZ.length - index : index, goRight = axis.reversed ? -1 : 1, minPx = axis.toPixels(axis.reversed ? (axis.dataMax || 0) + axis.pointRange : (axis.dataMin || 0)), maxPx = axis.toPixels(axis.reversed ? (axis.dataMin || 0) : (axis.dataMax || 0) + axis.pointRange), len = Math.abs(maxPx - minPx), totalZ = this.totalZ, left = this.chart.inverted ?
+        var axis = this.xAxis, relZ = this.relZ, i = axis.reversed ? relZ.length - index : index, goRight = axis.reversed ? -1 : 1, minPx = axis.toPixels(axis.reversed ?
+            (axis.dataMax || 0) + axis.pointRange :
+            (axis.dataMin || 0)), maxPx = axis.toPixels(axis.reversed ?
+            (axis.dataMin || 0) :
+            (axis.dataMax || 0) + axis.pointRange), len = Math.abs(maxPx - minPx), totalZ = this.totalZ, left = this.chart.inverted ?
             maxPx - (this.chart.plotTop - goRight * axis.minPixelPadding) :
             minPx - this.chart.plotLeft - goRight * axis.minPixelPadding, linearSlotLeft = i / relZ.length * len, linearSlotRight = (i + goRight) / relZ.length * len, slotLeft = (pick(relZ[i], totalZ) / totalZ) * len, slotRight = (pick(relZ[i + goRight], totalZ) / totalZ) * len, xInsideLinearSlot = (x - (left + linearSlotLeft));
         // Set crosshairWidth for every point (#8173)

package/es-modules/Series/Venn/VennPoint.js

@@ -1,8 +1,20 @@
 /* *
  *
- *  Imports
+ *  Experimental Highcharts module which enables visualization of a Venn
+ *  diagram.
+ *
+ *  (c) 2016-2021 Highsoft AS
+ *  Authors: Jon Arild Nygard
+ *
+ *  Layout algorithm by Ben Frederickson:
+ *  https://www.benfrederickson.com/better-venn-diagrams/
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
+'use strict';
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -16,7 +28,7 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-import DrawPointMixin from '../../Mixins/DrawPoint.js';
+import DrawPointComposition from '../DrawPointComposition.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var ScatterSeries = SeriesRegistry.seriesTypes.scatter;
 import U from '../../Core/Utilities.js';
@@ -50,15 +62,12 @@ var VennPoint = /** @class */ (function (_super) {
         return isNumber(this.value);
     };
     VennPoint.prototype.shouldDraw = function () {
-        var point = this;
         // Only draw points with single sets.
-        return !!point.shapeArgs;
+        return !!this.shapeArgs;
     };
     return VennPoint;
 }(ScatterSeries.prototype.pointClass));
-extend(VennPoint.prototype, {
-    draw: DrawPointMixin.drawPoint
-});
+DrawPointComposition.compose(VennPoint);
 /* *
  *
  *  Default Export

package/es-modules/Series/Venn/VennSeries.js

@@ -36,9 +36,6 @@ import CU from '../../Core/Geometry/CircleUtilities.js';
 var getAreaOfIntersectionBetweenCircles = CU.getAreaOfIntersectionBetweenCircles, getCirclesIntersectionPolygon = CU.getCirclesIntersectionPolygon, isCircle1CompletelyOverlappingCircle2 = CU.isCircle1CompletelyOverlappingCircle2, isPointInsideAllCircles = CU.isPointInsideAllCircles, isPointOutsideAllCircles = CU.isPointOutsideAllCircles;
 import GU from '../../Core/Geometry/GeometryUtilities.js';
 var getCenterOfPoints = GU.getCenterOfPoints;
-import NelderMeadMixin from '../../Mixins/NelderMead.js';
-var nelderMead = NelderMeadMixin.nelderMead;
-import palette from '../../Core/Color/Palette.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var ScatterSeries = SeriesRegistry.seriesTypes.scatter;
 import VennPoint from './VennPoint.js';
@@ -110,12 +107,12 @@ var VennSeries = /** @class */ (function (_super) {
                 { x: circle.x, y: circle.y + d },
                 { x: circle.x, y: circle.y - d }
             ]
-                // Iterate the given points and return the one with the largest
-                // margin.
+                // Iterate the given points and return the one with the
+                // largest margin.
                 .reduce(function (best, point) {
                 var margin = VennUtils.getMarginFromCircles(point, internal, external);
-                // If the margin better than the current best, then update
-                // sbest.
+                // If the margin better than the current best, then
+                // update sbest.
                 if (best.margin < margin) {
                     best.point = point;
                     best.margin = margin;
@@ -127,7 +124,7 @@ var VennSeries = /** @class */ (function (_super) {
             margin: -Number.MAX_VALUE
         }).point;
         // Use nelder mead to optimize the initial label position.
-        var optimal = nelderMead(function (p) {
+        var optimal = VennUtils.nelderMead(function (p) {
             return -(VennUtils.getMarginFromCircles({ x: p[0], y: p[1] }, internal, external));
         }, [best.x, best.y]);
         // Update best to be the point which was found to have the best margin.
@@ -213,16 +210,13 @@ var VennSeries = /** @class */ (function (_super) {
         if (relations.length > 0) {
             var mapOfIdToCircles_1 = VennUtils.layoutGreedyVenn(relations);
             var setRelations_1 = relations.filter(VennUtils.isSet);
-            relations
-                .forEach(function (relation) {
+            relations.forEach(function (relation) {
                 var sets = relation.sets;
                 var id = sets.join();
                 // Get shape from map of circles, or calculate intersection.
                 var shape = VennUtils.isSet(relation) ?
                     mapOfIdToCircles_1[id] :
-                    getAreaOfIntersectionBetweenCircles(sets.map(function (set) {
-                        return mapOfIdToCircles_1[set];
-                    }));
+                    getAreaOfIntersectionBetweenCircles(sets.map(function (set) { return mapOfIdToCircles_1[set]; }));
                 // Calculate label values if the set has a shape
                 if (shape) {
                     mapOfIdToShape[id] = shape;
@@ -484,7 +478,7 @@ var VennSeries = /** @class */ (function (_super) {
      * @optionparent plotOptions.venn
      */
     VennSeries.defaultOptions = merge(ScatterSeries.defaultOptions, {
-        borderColor: palette.neutralColor20,
+        borderColor: "#cccccc" /* neutralColor20 */,
         borderDashStyle: 'solid',
         borderWidth: 1,
         brighten: 0,
@@ -511,14 +505,14 @@ var VennSeries = /** @class */ (function (_super) {
              */
             hover: {
                 opacity: 1,
-                borderColor: palette.neutralColor80
+                borderColor: "#333333" /* neutralColor80 */
             },
             /**
              * @excluding halo
              */
             select: {
-                color: palette.neutralColor20,
-                borderColor: palette.neutralColor100,
+                color: "#cccccc" /* neutralColor20 */,
+                borderColor: "#000000" /* neutralColor100 */,
                 animation: false
             },
             inactive: {