highcharts 9.2.1 → 9.3.2

package/es-modules/Series/DerivedComposition.js

@@ -0,0 +1,137 @@
+/* *
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+'use strict';
+import H from '../Core/Globals.js';
+var noop = H.noop;
+import Series from '../Core/Series/Series.js';
+import U from '../Core/Utilities.js';
+var addEvent = U.addEvent, defined = U.defined;
+/* *
+ *
+ *  Composition
+ *
+ * */
+/**
+ * Provides methods for auto setting/updating series data based on the based
+ * series data.
+ * @private
+ */
+var DerivedComposition;
+(function (DerivedComposition) {
+    /* *
+     *
+     *  Declarations
+     *
+     * */
+    /* *
+     *
+     *  Constants
+     *
+     * */
+    var composedClasses = [];
+    DerivedComposition.hasDerivedData = true;
+    /**
+     * Method to be implemented - inside the method the series has already
+     * access to the base series via m `this.baseSeries` and the bases data is
+     * initialised. It should return data in the format accepted by
+     * `Series.setData()` method
+     * @private
+     */
+    DerivedComposition.setDerivedData = noop;
+    /* *
+     *
+     *  Functions
+     *
+     * */
+    /* eslint-disable valid-jsdoc */
+    /**
+     * @private
+     */
+    function compose(SeriesClass) {
+        if (composedClasses.indexOf(SeriesClass) === -1) {
+            composedClasses.push(SeriesClass);
+            var seriesProto = SeriesClass.prototype;
+            seriesProto.addBaseSeriesEvents = addBaseSeriesEvents;
+            seriesProto.addEvents = addEvents;
+            seriesProto.destroy = destroy;
+            seriesProto.init = init;
+            seriesProto.setBaseSeries = setBaseSeries;
+        }
+        return SeriesClass;
+    }
+    DerivedComposition.compose = compose;
+    /**
+     * Initialise series
+     * @private
+     */
+    function init() {
+        Series.prototype.init.apply(this, arguments);
+        this.initialised = false;
+        this.baseSeries = null;
+        this.eventRemovers = [];
+        this.addEvents();
+    }
+    DerivedComposition.init = init;
+    /**
+     * Sets base series for the series
+     * @private
+     */
+    function setBaseSeries() {
+        var chart = this.chart, baseSeriesOptions = this.options.baseSeries, baseSeries = (defined(baseSeriesOptions) &&
+            (chart.series[baseSeriesOptions] ||
+                chart.get(baseSeriesOptions)));
+        this.baseSeries = baseSeries || null;
+    }
+    DerivedComposition.setBaseSeries = setBaseSeries;
+    /**
+     * Adds events for the series
+     * @private
+     */
+    function addEvents() {
+        var _this = this;
+        this.eventRemovers.push(addEvent(this.chart, 'afterLinkSeries', function () {
+            _this.setBaseSeries();
+            if (_this.baseSeries && !_this.initialised) {
+                _this.setDerivedData();
+                _this.addBaseSeriesEvents();
+                _this.initialised = true;
+            }
+        }));
+    }
+    DerivedComposition.addEvents = addEvents;
+    /**
+     * Adds events to the base series - it required for recalculating the data
+     * in the series if the base series is updated / removed / etc.
+     * @private
+     */
+    function addBaseSeriesEvents() {
+        var _this = this;
+        this.eventRemovers.push(addEvent(this.baseSeries, 'updatedData', function () {
+            _this.setDerivedData();
+        }), addEvent(this.baseSeries, 'destroy', function () {
+            _this.baseSeries = null;
+            _this.initialised = false;
+        }));
+    }
+    DerivedComposition.addBaseSeriesEvents = addBaseSeriesEvents;
+    /**
+     * Destroys the series
+     * @private
+     */
+    function destroy() {
+        this.eventRemovers.forEach(function (remover) {
+            remover();
+        });
+        Series.prototype.destroy.apply(this, arguments);
+    }
+    DerivedComposition.destroy = destroy;
+})(DerivedComposition || (DerivedComposition = {}));
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default DerivedComposition;

package/es-modules/Series/DrawPointComposition.js

@@ -0,0 +1,111 @@
+/* *
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+'use strict';
+/* *
+ *
+ *  Composition
+ *
+ * */
+var DrawPointComposition;
+(function (DrawPointComposition) {
+    /* *
+     *
+     *  Declarations
+     *
+     * */
+    /* *
+     *
+     *  Constants
+     *
+     * */
+    var composedClasses = [];
+    /* *
+     *
+     *  Functions
+     *
+     * */
+    /* eslint-disable valid-jsdoc */
+    /**
+     * @private
+     */
+    function compose(PointClass) {
+        if (composedClasses.indexOf(PointClass) === -1) {
+            composedClasses.push(PointClass);
+            var pointProto = PointClass.prototype;
+            pointProto.draw = draw;
+            if (!pointProto.shouldDraw) {
+                pointProto.shouldDraw = shouldDraw;
+            }
+        }
+        return PointClass;
+    }
+    DrawPointComposition.compose = compose;
+    /**
+     * Handles the drawing of a component.
+     * Can be used for any type of component that reserves the graphic property,
+     * and provides a shouldDraw on its context.
+     *
+     * @private
+     *
+     * @todo add type checking.
+     * @todo export this function to enable usage
+     */
+    function draw(params) {
+        var _this = this;
+        var animatableAttribs = params.animatableAttribs, onComplete = params.onComplete, css = params.css, renderer = params.renderer;
+        var animation = (this.series && this.series.chart.hasRendered) ?
+            // Chart-level animation on updates
+            void 0 :
+            // Series-level animation on new points
+            (this.series &&
+                this.series.options.animation);
+        var graphic = this.graphic;
+        params.attribs = params.attribs || {};
+        // Assigning class in dot notation does go well in IE8
+        // eslint-disable-next-line dot-notation
+        params.attribs['class'] = this.getClassName();
+        if (this.shouldDraw()) {
+            if (!graphic) {
+                this.graphic = graphic =
+                    renderer[params.shapeType](params.shapeArgs)
+                        .add(params.group);
+            }
+            graphic
+                .css(css)
+                .attr(params.attribs)
+                .animate(animatableAttribs, params.isNew ? false : animation, onComplete);
+        }
+        else if (graphic) {
+            var destroy_1 = function () {
+                _this.graphic = graphic = (graphic && graphic.destroy());
+                if (typeof onComplete === 'function') {
+                    onComplete();
+                }
+            };
+            // animate only runs complete callback if something was animated.
+            if (Object.keys(animatableAttribs).length) {
+                graphic.animate(animatableAttribs, void 0, function () {
+                    destroy_1();
+                });
+            }
+            else {
+                destroy_1();
+            }
+        }
+    }
+    /**
+     * @private
+     */
+    function shouldDraw() {
+        return !this.isNull;
+    }
+})(DrawPointComposition || (DrawPointComposition = {}));
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default DrawPointComposition;

package/es-modules/Series/Dumbbell/DumbbellPoint.js

@@ -56,7 +56,6 @@ var DumbbellPoint = /** @class */ (function (_super) {
      * @private
      * @param {Highcharts.Point} this The point to inspect.
      *
-     * @return {void}
      */
     DumbbellPoint.prototype.setState = function () {
         var point = this, series = point.series, chart = series.chart, seriesLowColor = series.options.lowColor, seriesMarker = series.options.marker, pointOptions = point.options, pointLowColor = pointOptions.lowColor, zoneColor = point.zone && point.zone.color, lowerGraphicColor = pick(pointLowColor, seriesLowColor, pointOptions.color, zoneColor, point.color, series.color), verb = 'attr', upperGraphicColor, origProps;

package/es-modules/Series/Dumbbell/DumbbellSeries.js

@@ -26,7 +26,6 @@ var colProto = ColumnSeries.prototype;
 import DumbbellPoint from './DumbbellPoint.js';
 import H from '../../Core/Globals.js';
 var noop = H.noop;
-import palette from '../../Core/Color/Palette.js';
 import Series from '../../Core/Series/Series.js';
 var seriesProto = Series.prototype;
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
@@ -138,7 +137,6 @@ var DumbbellSeries = /** @class */ (function (_super) {
      *
      * @param {Highcharts.Point} point The point to inspect.
      *
-     * @return {void}
      */
     DumbbellSeries.prototype.drawConnector = function (point) {
         var series = this, animationLimit = pick(series.options.animationLimit, 250), verb = point.connector && series.chart.pointCount < animationLimit ?
@@ -181,7 +179,6 @@ var DumbbellSeries = /** @class */ (function (_super) {
      *
      * @param {Highcharts.Series} this The series of points.
      *
-     * @return {void}
      */
     DumbbellSeries.prototype.translate = function () {
         // Calculate shapeargs
@@ -206,7 +203,6 @@ var DumbbellSeries = /** @class */ (function (_super) {
      *
      * @param {Highcharts.Series} this The series of points.
      *
-     * @return {void}
      */
     DumbbellSeries.prototype.drawPoints = function () {
         var series = this, chart = series.chart, pointLength = series.points.length, seriesLowColor = series.lowColor = series.options.lowColor, i = 0, lowerGraphicColor, point, zoneColor;
@@ -320,7 +316,7 @@ var DumbbellSeries = /** @class */ (function (_super) {
          * @since 8.0.0
          * @product   highcharts highstock
          */
-        lowColor: palette.neutralColor80,
+        lowColor: "#333333" /* neutralColor80 */,
         /**
          * Color of the line that connects the dumbbell point's values.
          * By default it is the series' color.
@@ -461,7 +457,7 @@ export default DumbbellSeries;
  *
  * @type        {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
  * @since       8.0.0
- * @default     ${palette.neutralColor80}
+ * @default     #333333
  * @product     highcharts highstock
  * @apioption   series.dumbbell.data.lowColor
  */

package/es-modules/Series/ErrorBar/ErrorBarSeries.js

@@ -23,7 +23,6 @@ var __extends = (this && this.__extends) || (function () {
 })();
 import BoxPlotSeries from '../BoxPlot/BoxPlotSeries.js';
 import ColumnSeries from '../Column/ColumnSeries.js';
-import palette from '../../Core/Color/Palette.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var AreaRangeSeries = SeriesRegistry.seriesTypes.arearange;
 import U from '../../Core/Utilities.js';
@@ -113,7 +112,7 @@ var ErrorBarSeries = /** @class */ (function (_super) {
          * @since   3.0
          * @product highcharts
          */
-        color: palette.neutralColor100,
+        color: "#000000" /* neutralColor100 */,
         grouping: false,
         /**
          * The parent series of the error bar. The default value links it to

package/es-modules/Series/Flags/FlagsSeries.js

@@ -24,8 +24,7 @@ var __extends = (this && this.__extends) || (function () {
 import FlagsPoint from './FlagsPoint.js';
 import H from '../../Core/Globals.js';
 var noop = H.noop;
-import OnSeriesMixin from '../../Mixins/OnSeries.js';
-import palette from '../../Core/Color/Palette.js';
+import OnSeriesComposition from '../OnSeriesComposition.js';
 import R from '../../Core/Renderer/RendererUtilities.js';
 var distribute = R.distribute;
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
@@ -182,11 +181,15 @@ var FlagsSeries = /** @class */ (function (_super) {
         }
         // Handle X-dimension overlapping
         if (!options.allowOverlapX) {
+            var maxDistance_1 = 100;
             objectEach(boxesMap, function (box) {
                 box.plotX = box.anchorX;
                 boxes.push(box);
+                maxDistance_1 = Math.max(box.size, maxDistance_1);
             });
-            distribute(boxes, inverted ? yAxis.len : this.xAxis.len, 100);
+            // If necessary (for overlapping or long labels)  distribute it
+            // depending on the label width or a hardcoded value, #16041.
+            distribute(boxes, inverted ? yAxis.len : this.xAxis.len, maxDistance_1);
             points.forEach(function (point) {
                 var box = point.graphic && boxesMap[point.plotX];
                 if (box) {
@@ -445,7 +448,7 @@ var FlagsSeries = /** @class */ (function (_super) {
          * @type    {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
          * @product highstock
          */
-        fillColor: palette.backgroundColor,
+        fillColor: "#ffffff" /* backgroundColor */,
         /**
          * The color of the line/border of the flag.
          *
@@ -475,14 +478,14 @@ var FlagsSeries = /** @class */ (function (_super) {
                  * @type    {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  * @product highstock
                  */
-                lineColor: palette.neutralColor100,
+                lineColor: "#000000" /* neutralColor100 */,
                 /**
                  * The fill or background color of the flag.
                  *
                  * @type    {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  * @product highstock
                  */
-                fillColor: palette.highlightColor20
+                fillColor: "#ccd6eb" /* highlightColor20 */
             }
         },
         /**
@@ -504,37 +507,27 @@ var FlagsSeries = /** @class */ (function (_super) {
     });
     return FlagsSeries;
 }(ColumnSeries));
+OnSeriesComposition.compose(FlagsSeries);
 extend(FlagsSeries.prototype, {
     allowDG: false,
-    /**
-     * @private
-     * @function Highcharts.seriesTypes.flags#buildKDTree
-     */
-    buildKDTree: noop,
     forceCrop: true,
-    getPlotBox: OnSeriesMixin.getPlotBox,
+    invertible: false,
+    noSharedTooltip: true,
+    pointClass: FlagsPoint,
+    sorted: false,
+    takeOrdinalPosition: false,
+    trackerGroups: ['markerGroup'],
+    buildKDTree: noop,
     /**
      * Inherit the initialization from base Series.
-     *
      * @private
-     * @borrows Highcharts.Series#init as Highcharts.seriesTypes.flags#init
      */
     init: Series.prototype.init,
     /**
      * Don't invert the flag marker group (#4960).
-     *
      * @private
-     * @function Highcharts.seriesTypes.flags#invertGroups
      */
-    invertGroups: noop,
-    // Flags series group should not be invertible (#14063).
-    invertible: false,
-    noSharedTooltip: true,
-    pointClass: FlagsPoint,
-    sorted: false,
-    takeOrdinalPosition: false,
-    trackerGroups: ['markerGroup'],
-    translate: OnSeriesMixin.translate
+    invertGroups: noop
 });
 SeriesRegistry.registerSeriesType('flags', FlagsSeries);
 /* *

package/es-modules/Series/Flags/FlagsSymbols.js

@@ -23,8 +23,8 @@ symbols.flag = function (x, y, w, h, options) {
 /**
  * Create the circlepin and squarepin icons with anchor.
  * @private
- * @param {string} shape - circle or square
- * @return {void}
+ * @param {string} shape
+ * circle or square
  */
 function createPinSymbol(shape) {
     symbols[(shape + 'pin')] = function (x, y, w, h, options) {

package/es-modules/Series/Funnel/FunnelSeries.js

@@ -26,7 +26,6 @@ var __extends = (this && this.__extends) || (function () {
 import Chart from '../../Core/Chart/Chart.js';
 import H from '../../Core/Globals.js';
 var noop = H.noop;
-import palette from '../../Core/Color/Palette.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var Series = SeriesRegistry.series, PieSeries = SeriesRegistry.seriesTypes.pie;
 import U from '../../Core/Utilities.js';
@@ -69,11 +68,13 @@ var FunnelSeries = /** @class */ (function (_super) {
             dataLabel.height), offset = verticalAlign === 'middle' ?
             (dlBox.topWidth - dlBox.bottomWidth) / 4 :
             (widthAtLabel - dlBox.bottomWidth) / 2, y = dlBox.y, x = dlBox.x;
+        // #16176: Only SVGLabel has height set
+        var dataLabelHeight = pick(dataLabel.height, dataLabel.getBBox().height);
         if (verticalAlign === 'middle') {
-            y = dlBox.y - dlBox.height / 2 + dataLabel.height / 2;
+            y = dlBox.y - dlBox.height / 2 + dataLabelHeight / 2;
         }
         else if (verticalAlign === 'top') {
-            y = dlBox.y - dlBox.height + dataLabel.height +
+            y = dlBox.y - dlBox.height + dataLabelHeight +
                 options.padding;
         }
         if (verticalAlign === 'top' && !reversed ||
@@ -410,13 +411,13 @@ var FunnelSeries = /** @class */ (function (_super) {
                  *
                  * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  */
-                color: palette.neutralColor20,
+                color: "#cccccc" /* neutralColor20 */,
                 /**
                  * A specific border color for the selected point.
                  *
                  * @type {Highcharts.ColorString}
                  */
-                borderColor: palette.neutralColor100
+                borderColor: "#000000" /* neutralColor100 */
             }
         }
     });

package/es-modules/Series/Funnel3D/Funnel3DComposition.js

@@ -174,9 +174,12 @@ var Funnel3DComposition;
                 funnel3d.color = funnel3d.fill = fill;
                 // change gradientUnits to userSpaceOnUse for linearGradient
                 if (fillColor.linearGradient) {
-                    [funnel3d.frontLower, funnel3d.frontUpper].forEach(function (part) {
-                        var elem = part.element, grad = elem && funnel3d.renderer.gradients[elem.gradient];
-                        if (grad && grad.attr('gradientUnits') !== 'userSpaceOnUse') {
+                    [funnel3d.frontLower, funnel3d.frontUpper]
+                        .forEach(function (part) {
+                        var elem = part.element, grad = (elem &&
+                            funnel3d.renderer.gradients[elem.gradient]);
+                        if (grad &&
+                            grad.attr('gradientUnits') !== 'userSpaceOnUse') {
                             grad.attr({
                                 gradientUnits: 'userSpaceOnUse'
                             });
@@ -287,8 +290,8 @@ var Funnel3DComposition;
                 var renderer = this, chart = charts[renderer.chartIndex], 
                 // adjust angles for visible edges
                 // based on alpha, selected through visual tests
-                alphaCorrection = shapeArgs.alphaCorrection = 90 -
-                    Math.abs((chart.options.chart.options3d.alpha % 180) - 90), 
+                alphaCorrection = shapeArgs.alphaCorrection = 90 - Math.abs((chart.options.chart.options3d.alpha % 180) -
+                    90), 
                 // set zIndexes of parts based on cubiod logic, for
                 // consistency
                 cuboidData = rendererProto.cuboidPath.call(renderer, merge(shapeArgs, {
@@ -313,7 +316,8 @@ var Funnel3DComposition;
                 if (hasMiddle) {
                     middleWidth = shapeArgs.middle.width;
                     middleTopArgs = merge(shapeArgs, {
-                        y: shapeArgs.y + shapeArgs.middle.fraction * shapeArgs.height,
+                        y: (shapeArgs.y +
+                            shapeArgs.middle.fraction * shapeArgs.height),
                         width: middleWidth,
                         x: shapeArgs.x - middleWidth / 2,
                         z: shapeArgs.z - middleWidth / 2
@@ -340,9 +344,11 @@ var Funnel3DComposition;
                 ret.rightUpper = renderer.getCylinderFront(renderer.getCylinderEnd(chart, merge(shapeArgs, {
                     x: shapeArgs.x - shapeArgs.width / 2,
                     z: shapeArgs.z - shapeArgs.width / 2,
-                    alphaCorrection: useAlphaCorrection ? -alphaCorrection : 0
+                    alphaCorrection: useAlphaCorrection ?
+                        -alphaCorrection : 0
                 }), false), renderer.getCylinderEnd(chart, merge(middleTopArgs, {
-                    alphaCorrection: useAlphaCorrection ? -alphaCorrection : 0
+                    alphaCorrection: useAlphaCorrection ?
+                        -alphaCorrection : 0
                 }), !hasMiddle));
                 if (hasMiddle) {
                     useAlphaCorrection = (Math.min(middleWidth, bottomWidth) /

package/es-modules/Series/Funnel3D/Funnel3DSeries.js

@@ -43,7 +43,8 @@ var extend = U.extend, merge = U.merge, pick = U.pick, relativeLength = U.relati
 /**
  * The funnel3d series type.
  *
- * @constructor seriesTypes.funnel3d
+ * @class
+ * @name Highcharts.seriesTypes.funnel3d
  * @augments seriesTypes.column
  * @requires highcharts-3d
  * @requires modules/cylinder

package/es-modules/Series/Gantt/GanttPoint.js

@@ -77,7 +77,7 @@ var GanttPoint = /** @class */ (function (_super) {
      * @private
      * @function Highcharts.Point#applyOptions
      *
-     * @param {object} options
+     * @param {Object} options
      *        The point options
      *
      * @param {number} x

package/es-modules/Series/Gantt/GanttSeries.js

@@ -89,7 +89,9 @@ var GanttSeries = /** @class */ (function (_super) {
     GanttSeries.prototype.drawPoint = function (point, verb) {
         var series = this, seriesOpts = series.options, renderer = series.chart.renderer, shapeArgs = point.shapeArgs, plotY = point.plotY, graphic = point.graphic, state = point.selected && 'select', cutOff = seriesOpts.stacking && !seriesOpts.borderRadius, diamondShape;
         if (point.options.milestone) {
-            if (isNumber(plotY) && point.y !== null && point.visible !== false) {
+            if (isNumber(plotY) &&
+                point.y !== null &&
+                point.visible !== false) {
                 diamondShape = renderer.symbols.diamond(shapeArgs.x || 0, shapeArgs.y || 0, shapeArgs.width || 0, shapeArgs.height || 0);
                 if (graphic) {
                     graphic[verb]({
@@ -197,8 +199,6 @@ var GanttSeries = /** @class */ (function (_super) {
     return GanttSeries;
 }(XRangeSeries));
 extend(GanttSeries.prototype, {
-    // Keyboard navigation, don't use nearest vertical mode
-    keyboardMoveVertical: false,
     pointArrayMap: ['start', 'end', 'y'],
     pointClass: GanttPoint,
     setData: Series.prototype.setData

package/es-modules/Series/Gauge/GaugePoint.js

@@ -60,7 +60,7 @@ var GaugePoint = /** @class */ (function (_super) {
 }(Point));
 /* *
  *
- *  Default export
+ *  Default Export
  *
  * */
 export default GaugePoint;

package/es-modules/Series/Gauge/GaugeSeries.js

@@ -24,7 +24,6 @@ var __extends = (this && this.__extends) || (function () {
 import GaugePoint from './GaugePoint.js';
 import H from '../../Core/Globals.js';
 var noop = H.noop;
-import palette from '../../Core/Color/Palette.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var Series = SeriesRegistry.series, ColumnSeries = SeriesRegistry.seriesTypes.column;
 import U from '../../Core/Utilities.js';
@@ -82,7 +81,8 @@ var GaugeSeries = /** @class */ (function (_super) {
             var dialOptions = merge(options.dial, point.dial), radius = ((pInt(pick(dialOptions.radius, '80%')) * center[2]) /
                 200), baseLength = ((pInt(pick(dialOptions.baseLength, '70%')) * radius) /
                 100), rearLength = ((pInt(pick(dialOptions.rearLength, '10%')) * radius) /
-                100), baseWidth = dialOptions.baseWidth || 3, topWidth = dialOptions.topWidth || 1, overshoot = options.overshoot, rotation = yAxis.startAngleRad + yAxis.translate(point.y, null, null, null, true);
+                100), baseWidth = dialOptions.baseWidth || 3, topWidth = dialOptions.topWidth || 1;
+            var overshoot = options.overshoot, rotation = yAxis.startAngleRad + yAxis.translate(point.y, null, null, null, true);
             // Handle the wrap and overshoot options
             if (isNumber(overshoot) || options.wrap === false) {
                 overshoot = isNumber(overshoot) ?
@@ -140,7 +140,7 @@ var GaugeSeries = /** @class */ (function (_super) {
                     stroke: dialOptions.borderColor || 'none',
                     'stroke-width': dialOptions.borderWidth || 0,
                     fill: dialOptions.backgroundColor ||
-                        palette.neutralColor100
+                        "#000000" /* neutralColor100 */
                 });
             }
         });
@@ -165,9 +165,9 @@ var GaugeSeries = /** @class */ (function (_super) {
                 series.pivot.attr({
                     'stroke-width': pivotOptions.borderWidth || 0,
                     stroke: pivotOptions.borderColor ||
-                        palette.neutralColor20,
+                        "#cccccc" /* neutralColor20 */,
                     fill: pivotOptions.backgroundColor ||
-                        palette.neutralColor100
+                        "#000000" /* neutralColor100 */
                 });
             }
         }
@@ -264,7 +264,7 @@ var GaugeSeries = /** @class */ (function (_super) {
          * @product highcharts
          */
         dataLabels: {
-            borderColor: palette.neutralColor20,
+            borderColor: "#cccccc" /* neutralColor20 */,
             borderRadius: 3,
             borderWidth: 1,
             crop: false,
@@ -502,7 +502,7 @@ extend(GaugeSeries.prototype, {
 SeriesRegistry.registerSeriesType('gauge', GaugeSeries);
 /* *
  *
- *  Default export
+ *  Default Export
  *
  * */
 export default GaugeSeries;