highcharts 9.2.2 → 9.3.0

package/es-modules/Accessibility/Utils/DOMElementProvider.js

@@ -13,38 +13,50 @@
 'use strict';
 import H from '../../Core/Globals.js';
 var doc = H.doc;
-import HTMLUtilities from './HTMLUtilities.js';
-var removeElement = HTMLUtilities.removeElement;
-import U from '../../Core/Utilities.js';
-var extend = U.extend;
-/* eslint-disable no-invalid-this, valid-jsdoc */
+import HU from './HTMLUtilities.js';
+var removeElement = HU.removeElement;
+/* *
+ *
+ *  Class
+ *
+ * */
 /**
  * @private
- * @class
  */
-var DOMElementProvider = function () {
-    this.elements = [];
-};
-extend(DOMElementProvider.prototype, {
+var DOMElementProvider = /** @class */ (function () {
+    /* *
+     *
+     *  Constructor
+     *
+     * */
+    function DOMElementProvider() {
+        this.elements = [];
+    }
     /**
      * Create an element and keep track of it for later removal.
      * Same args as document.createElement
      * @private
      */
-    createElement: function () {
+    DOMElementProvider.prototype.createElement = function () {
         var el = doc.createElement.apply(doc, arguments);
         this.elements.push(el);
         return el;
-    },
+    };
     /**
      * Destroy all created elements, removing them from the DOM.
      * @private
      */
-    destroyCreatedElements: function () {
+    DOMElementProvider.prototype.destroyCreatedElements = function () {
         this.elements.forEach(function (element) {
             removeElement(element);
         });
         this.elements = [];
-    }
-});
+    };
+    return DOMElementProvider;
+}());
+/* *
+ *
+ *  Default Export
+ *
+ * */
 export default DOMElementProvider;

package/es-modules/Accessibility/Utils/EventProvider.js

@@ -12,37 +12,47 @@
 'use strict';
 import H from '../../Core/Globals.js';
 import U from '../../Core/Utilities.js';
-var addEvent = U.addEvent, extend = U.extend;
-/* eslint-disable no-invalid-this, valid-jsdoc */
+var addEvent = U.addEvent;
+/* *
+ *
+ *  Class
+ *
+ * */
 /**
  * @private
- * @class
  */
-var EventProvider = function () {
-    this.eventRemovers = [];
-};
-extend(EventProvider.prototype, {
+var EventProvider = /** @class */ (function () {
+    /* *
+     *
+     *  Constructor
+     *
+     * */
+    function EventProvider() {
+        this.eventRemovers = [];
+    }
     /**
      * Add an event to an element and keep track of it for later removal.
      * Same args as Highcharts.addEvent.
      * @private
-     * @return {Function}
      */
-    addEvent: function () {
+    EventProvider.prototype.addEvent = function () {
         var remover = addEvent.apply(H, arguments);
         this.eventRemovers.push(remover);
         return remover;
-    },
+    };
     /**
      * Remove all added events.
      * @private
-     * @return {void}
      */
-    removeAddedEvents: function () {
-        this.eventRemovers.forEach(function (remover) {
-            remover();
-        });
+    EventProvider.prototype.removeAddedEvents = function () {
+        this.eventRemovers.forEach(function (remover) { return remover(); });
         this.eventRemovers = [];
-    }
-});
+    };
+    return EventProvider;
+}());
+/* *
+ *
+ *  Default Export
+ *
+ * */
 export default EventProvider;

package/es-modules/Accessibility/Utils/HTMLUtilities.js

@@ -9,10 +9,16 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
+'use strict';
 import H from '../../Core/Globals.js';
 var doc = H.doc, win = H.win;
 import U from '../../Core/Utilities.js';
-var merge = U.merge;
+var css = U.css;
+/* *
+ *
+ *  Functions
+ *
+ * */
 /* eslint-disable valid-jsdoc */
 /**
  * @private
@@ -28,8 +34,84 @@ function addClass(el, className) {
         // Note: Dumb check for class name exists, should be fine for practical
         // use cases, but will return false positives if the element has a class
         // that contains the className.
-        el.className += className;
+        el.className += ' ' + className;
+    }
+}
+/**
+ * @private
+ * @param {Highcharts.HTMLDOMElement} el
+ * @param {string} className
+ * @return {void}
+ */
+function removeClass(el, className) {
+    if (el.classList) {
+        el.classList.remove(className);
+    }
+    else {
+        // Note: Dumb logic that will break if the element has a class name that
+        // consists of className plus something else.
+        el.className = el.className.replace(new RegExp(className, 'g'), '');
+    }
+}
+/**
+ * Utility function to clone a mouse event for re-dispatching.
+ * @private
+ */
+function cloneMouseEvent(e) {
+    if (typeof win.MouseEvent === 'function') {
+        return new win.MouseEvent(e.type, e);
+    }
+    // No MouseEvent support, try using initMouseEvent
+    if (doc.createEvent) {
+        var evt = doc.createEvent('MouseEvent');
+        if (evt.initMouseEvent) {
+            evt.initMouseEvent(e.type, e.bubbles, // #10561, #12161
+            e.cancelable, e.view || win, e.detail, e.screenX, e.screenY, e.clientX, e.clientY, e.ctrlKey, e.altKey, e.shiftKey, e.metaKey, e.button, e.relatedTarget);
+            return evt;
+        }
+    }
+    return getFakeMouseEvent(e.type);
+}
+/**
+ * Utility function to clone a touch event for re-dispatching.
+ * @private
+ */
+function cloneTouchEvent(e) {
+    var touchListToTouchArray = function (l) {
+        var touchArray = [];
+        for (var i = 0; i < l.length; ++i) {
+            var item = l.item(i);
+            if (item) {
+                touchArray.push(item);
+            }
+        }
+        return touchArray;
+    };
+    if (typeof win.TouchEvent === 'function') {
+        var newEvent = new win.TouchEvent(e.type, {
+            touches: touchListToTouchArray(e.touches),
+            targetTouches: touchListToTouchArray(e.targetTouches),
+            changedTouches: touchListToTouchArray(e.changedTouches),
+            ctrlKey: e.ctrlKey,
+            shiftKey: e.shiftKey,
+            altKey: e.altKey,
+            metaKey: e.metaKey,
+            bubbles: e.bubbles,
+            cancelable: e.cancelable,
+            composed: e.composed,
+            detail: e.detail,
+            view: e.view
+        });
+        if (e.defaultPrevented) {
+            newEvent.preventDefault();
+        }
+        return newEvent;
     }
+    var fakeEvt = cloneMouseEvent(e);
+    fakeEvt.touches = e.touches;
+    fakeEvt.changedTouches = e.changedTouches;
+    fakeEvt.targetTouches = e.targetTouches;
+    return fakeEvt;
 }
 /**
  * @private
@@ -60,9 +142,23 @@ function getElement(id) {
  * @private
  * @return {global.MouseEvent}
  */
-function getFakeMouseEvent(type) {
+function getFakeMouseEvent(type, position) {
+    var pos = position || {
+        x: 0,
+        y: 0
+    };
     if (typeof win.MouseEvent === 'function') {
-        return new win.MouseEvent(type);
+        return new win.MouseEvent(type, {
+            bubbles: true,
+            cancelable: true,
+            composed: true,
+            view: win,
+            detail: type === 'click' ? 1 : 0,
+            screenX: pos.x,
+            screenY: pos.y,
+            clientX: pos.x,
+            clientY: pos.y
+        });
     }
     // No MouseEvent support, try using initMouseEvent
     if (doc.createEvent) {
@@ -73,7 +169,7 @@ function getFakeMouseEvent(type) {
             win, // View
             type === 'click' ? 1 : 0, // Detail
             // Coords
-            0, 0, 0, 0, 
+            pos.x, pos.y, pos.x, pos.y, 
             // Pressed keys
             false, false, false, false, 0, // button
             null // related target
@@ -100,8 +196,7 @@ function getFakeMouseEvent(type) {
  */
 function getHeadingTagNameForElement(element) {
     var getIncreasedHeadingLevel = function (tagName) {
-        var headingLevel = parseInt(tagName.slice(1), 10);
-        var newLevel = Math.min(6, headingLevel + 1);
+        var headingLevel = parseInt(tagName.slice(1), 10), newLevel = Math.min(6, headingLevel + 1);
         return 'h' + newLevel;
     };
     var isHeading = function (tagName) { return /H[1-6]/.test(tagName); };
@@ -144,6 +239,17 @@ function removeElement(element) {
         element.parentNode.removeChild(element);
     }
 }
+/**
+ * Remove all child nodes from an element.
+ * @private
+ * @param {Highcharts.HTMLDOMElement|Highcharts.SVGDOMElement} [element]
+ * @return {void}
+ */
+function removeChildNodes(element) {
+    while (element.lastChild) {
+        element.removeChild(element.lastChild);
+    }
+}
 /**
  * Utility function. Reverses child nodes of a DOM element.
  * @private
@@ -156,24 +262,6 @@ function reverseChildNodes(node) {
         node.appendChild(node.childNodes[i]);
     }
 }
-/**
- * Set attributes on element. Set to null to remove attribute.
- * @private
- * @param {Highcharts.HTMLDOMElement|Highcharts.SVGDOMElement} el
- * @param {Highcharts.HTMLAttributes|Highcharts.SVGAttributes} attrs
- * @return {void}
- */
-function setElAttrs(el, attrs) {
-    Object.keys(attrs).forEach(function (attr) {
-        var val = attrs[attr];
-        if (val === null) {
-            el.removeAttribute(attr);
-        }
-        else {
-            el.setAttribute(attr, val);
-        }
-    });
-}
 /**
  * Used for aria-label attributes, painting on a canvas will fail if the
  * text contains tags.
@@ -193,7 +281,7 @@ function stripHTMLTagsFromString(str) {
  * @return {void}
  */
 function visuallyHideElement(element) {
-    var hiddenStyle = {
+    css(element, {
         position: 'absolute',
         width: '1px',
         height: '1px',
@@ -203,19 +291,26 @@ function visuallyHideElement(element) {
         marginTop: '-3px',
         '-ms-filter': 'progid:DXImageTransform.Microsoft.Alpha(Opacity=1)',
         filter: 'alpha(opacity=1)',
-        opacity: '0.01'
-    };
-    merge(true, element.style, hiddenStyle);
+        opacity: 0.01
+    });
 }
+/* *
+ *
+ *  Default Export
+ *
+ * */
 var HTMLUtilities = {
     addClass: addClass,
+    cloneMouseEvent: cloneMouseEvent,
+    cloneTouchEvent: cloneTouchEvent,
     escapeStringForHTML: escapeStringForHTML,
     getElement: getElement,
     getFakeMouseEvent: getFakeMouseEvent,
     getHeadingTagNameForElement: getHeadingTagNameForElement,
+    removeChildNodes: removeChildNodes,
+    removeClass: removeClass,
     removeElement: removeElement,
     reverseChildNodes: reverseChildNodes,
-    setElAttrs: setElAttrs,
     stripHTMLTagsFromString: stripHTMLTagsFromString,
     visuallyHideElement: visuallyHideElement
 };

package/es-modules/Core/Axis/Axis.js

@@ -12,7 +12,6 @@ import A from '../Animation/AnimationUtilities.js';
 var animObject = A.animObject;
 import AxisDefaults from './AxisDefaults.js';
 import Color from '../Color/Color.js';
-import Palette from '../Color/Palette.js';
 import D from '../DefaultOptions.js';
 var defaultOptions = D.defaultOptions;
 import F from '../Foundation.js';
@@ -813,7 +812,10 @@ var Axis = /** @class */ (function () {
         if (axis.isXAxis &&
             typeof axis.minRange === 'undefined' &&
             !log) {
-            if (defined(options.min) || defined(options.max)) {
+            if (defined(options.min) ||
+                defined(options.max) ||
+                defined(options.floor) ||
+                defined(options.ceiling)) {
                 axis.minRange = null; // don't do this again
             }
             else {
@@ -1091,7 +1093,10 @@ var Axis = /** @class */ (function () {
      */
     Axis.prototype.setTickInterval = function (secondPass) {
         var axis = this, chart = axis.chart, log = axis.logarithmic, options = axis.options, isXAxis = axis.isXAxis, isLinked = axis.isLinked, tickPixelIntervalOption = options.tickPixelInterval, categories = axis.categories, softThreshold = axis.softThreshold;
-        var maxPadding = options.maxPadding, minPadding = options.minPadding, length, linkedParentExtremes, tickIntervalOption = options.tickInterval, threshold = isNumber(axis.threshold) ? axis.threshold : null, thresholdMin, thresholdMax, hardMin, hardMax;
+        var maxPadding = options.maxPadding, minPadding = options.minPadding, length, linkedParentExtremes, 
+        // Only non-negative tickInterval is valid, #12961
+        tickIntervalOption = isNumber(options.tickInterval) && options.tickInterval >= 0 ?
+            options.tickInterval : void 0, threshold = isNumber(axis.threshold) ? axis.threshold : null, thresholdMin, thresholdMax, hardMin, hardMax;
         if (!axis.dateTime && !categories && !isLinked) {
             this.getTickAmount();
         }
@@ -1260,15 +1265,18 @@ var Axis = /** @class */ (function () {
         // This is in turn needed in order to find tick positions in ordinal
         // axes.
         if (isXAxis && !secondPass) {
+            var hasExtemesChanged_1 = axis.min !== (axis.old && axis.old.min) ||
+                axis.max !== (axis.old && axis.old.max);
             // First process all series assigned to that axis.
             axis.series.forEach(function (series) {
                 // Allows filtering out points outside the plot area.
                 series.forceCrop = series.forceCropping && series.forceCropping();
-                series.processData(axis.min !== (axis.old && axis.old.min) ||
-                    axis.max !== (axis.old && axis.old.max));
+                series.processData(hasExtemesChanged_1);
             });
             // Then apply grouping if needed.
-            fireEvent(this, 'postProcessData');
+            // The hasExtemesChanged helps to decide if the data grouping should
+            // be skipped in the further calculations #16319.
+            fireEvent(this, 'postProcessData', { hasExtemesChanged: hasExtemesChanged_1 });
         }
         // set the translation factor used in translate function
         axis.setAxisTranslation();
@@ -1666,8 +1674,6 @@ var Axis = /** @class */ (function () {
      *         Set extremes off ticks
      * @sample stock/members/axis-setextremes/
      *         Set extremes in Highcharts Stock
-     * @sample maps/members/axis-setextremes/
-     *         Set extremes in Highmaps
      *
      * @function Highcharts.Axis#setExtremes
      *
@@ -1792,8 +1798,6 @@ var Axis = /** @class */ (function () {
      *
      * @sample highcharts/members/axis-getextremes/
      *         Report extremes by click on a button
-     * @sample maps/members/axis-getextremes/
-     *         Get extremes in Highmaps
      *
      * @function Highcharts.Axis#getExtremes
      *
@@ -2243,9 +2247,10 @@ var Axis = /** @class */ (function () {
      */
     Axis.prototype.getOffset = function () {
         var _this = this;
-        var axis = this, chart = axis.chart, renderer = chart.renderer, options = axis.options, tickPositions = axis.tickPositions, ticks = axis.ticks, horiz = axis.horiz, side = axis.side, invertedSide = (chart.inverted && !axis.isZAxis ?
+        var axis = this, chart = axis.chart, horiz = axis.horiz, options = axis.options, side = axis.side, ticks = axis.ticks, tickPositions = axis.tickPositions, coll = axis.coll, axisParent = axis.axisParent // Used in color axis
+        , renderer = chart.renderer, invertedSide = (chart.inverted && !axis.isZAxis ?
             [1, 0, 3, 2][side] :
-            side), hasData = axis.hasData(), axisTitleOptions = options.title, labelOptions = options.labels, axisOffset = chart.axisOffset, clipOffset = chart.clipOffset, directionFactor = [-1, 1, 1, -1][side], className = options.className, axisParent = axis.axisParent; // Used in color axis
+            side), hasData = axis.hasData(), axisTitleOptions = options.title, labelOptions = options.labels, axisOffset = chart.axisOffset, clipOffset = chart.clipOffset, directionFactor = [-1, 1, 1, -1][side], className = options.className;
         var showAxis, titleOffset = 0, titleOffsetOption, titleMargin = 0, labelOffset = 0, // reset
         labelOffsetPadded, lineHeightCorrection;
         // For reuse in Axis.render
@@ -2256,7 +2261,7 @@ var Axis = /** @class */ (function () {
         if (!axis.axisGroup) {
             var createGroup = function (name, suffix, zIndex) { return renderer.g(name)
                 .attr({ zIndex: zIndex })
-                .addClass("highcharts-" + _this.coll.toLowerCase() + suffix + " " +
+                .addClass("highcharts-" + coll.toLowerCase() + suffix + " " +
                 (_this.isRadial ? "highcharts-radial-axis" + suffix + " " : '') +
                 (className || ''))
                 .add(axisParent); };
@@ -2334,21 +2339,23 @@ var Axis = /** @class */ (function () {
         }
         // Due to GridAxis.tickSize, tickSize should be calculated after ticks
         // has rendered.
-        var tickSize = this.tickSize('tick');
-        axisOffset[side] = Math.max(axisOffset[side], (axis.axisTitleMargin || 0) + titleOffset +
-            directionFactor * axis.offset, labelOffsetPadded, // #3027
-        tickPositions && tickPositions.length && tickSize ?
-            tickSize[0] + directionFactor * axis.offset :
-            0 // #4866
-        );
-        // Decide the clipping needed to keep the graph inside
-        // the plot area and axis lines
-        var clip = options.offset ?
-            0 :
-            // #4308, #4371:
-            Math.floor(axis.axisLine.strokeWidth() / 2) * 2;
-        clipOffset[invertedSide] =
-            Math.max(clipOffset[invertedSide], clip);
+        if (coll !== 'colorAxis') {
+            var tickSize = this.tickSize('tick');
+            axisOffset[side] = Math.max(axisOffset[side], (axis.axisTitleMargin || 0) + titleOffset +
+                directionFactor * axis.offset, labelOffsetPadded, // #3027
+            tickPositions && tickPositions.length && tickSize ?
+                tickSize[0] + directionFactor * axis.offset :
+                0 // #4866
+            );
+            // Decide the clipping needed to keep the graph inside
+            // the plot area and axis lines
+            var clip = !axis.axisLine || options.offset ?
+                0 :
+                // #4308, #4371:
+                Math.floor(axis.axisLine.strokeWidth() / 2) * 2;
+            clipOffset[invertedSide] =
+                Math.max(clipOffset[invertedSide], clip);
+        }
         fireEvent(this, 'afterGetOffset');
     };
     /**
@@ -2834,10 +2841,10 @@ var Axis = /** @class */ (function () {
                         stroke: options.color ||
                             (categorized ?
                                 Color
-                                    .parse(Palette.highlightColor20)
+                                    .parse("#ccd6eb" /* highlightColor20 */)
                                     .setOpacity(0.25)
                                     .get() :
-                                Palette.neutralColor20),
+                                "#cccccc" /* neutralColor20 */),
                         'stroke-width': pick(options.width, 1)
                     }).css({
                         'pointer-events': 'none'

package/es-modules/Core/Axis/AxisDefaults.js

@@ -8,7 +8,6 @@
  *
  * */
 'use strict';
-import Palette from '../Color/Palette.js';
 /* *
  *
  *  Namespace
@@ -429,7 +428,7 @@ var AxisDefaults;
          * same axis.
          *
          * For an overview of the replacement codes, see
-         * [dateFormat](/class-reference/Highcharts#.dateFormat).
+         * [dateFormat](/class-reference/Highcharts.Time#dateFormat).
          *
          * Defaults to:
          * ```js
@@ -523,9 +522,9 @@ var AxisDefaults;
          * In Highcharts Stock, `endOnTick` is always `false` when the navigator
          * is enabled, to prevent jumpy scrolling.
          *
-         * @sample {highcharts} highcharts/chart/reflow-true/
-         *         True by default
          * @sample {highcharts} highcharts/yaxis/endontick/
+         *         True by default
+         * @sample {highcharts} highcharts/yaxis/endontick-false/
          *         False
          * @sample {highstock} stock/demo/basic-line/
          *         True by default
@@ -967,7 +966,7 @@ var AxisDefaults;
              */
             style: {
                 /** @internal */
-                color: Palette.neutralColor60,
+                color: "#666666" /* neutralColor60 */,
                 /** @internal */
                 cursor: 'default',
                 /** @internal */
@@ -1032,8 +1031,6 @@ var AxisDefaults;
          *         Y axis max on logarithmic axis
          * @sample {highstock} stock/xaxis/min-max/
          *         Fixed min and max on X axis
-         * @sample {highmaps} maps/axis/min-max/
-         *         Pre-zoomed to a specific area
          *
          * @type      {number|null}
          * @apioption xAxis.max
@@ -1088,8 +1085,6 @@ var AxisDefaults;
          *         -50 with startOnTick true by default
          * @sample {highstock} stock/xaxis/min-max/
          *         Set min and max on X axis
-         * @sample {highmaps} maps/axis/min-max/
-         *         Pre-zoomed to a specific area
          *
          * @type      {number|null}
          * @apioption xAxis.min
@@ -1241,8 +1236,6 @@ var AxisDefaults;
          *         Minimum range of 5
          * @sample {highstock} stock/xaxis/minrange/
          *         Max zoom of 6 months overrides user selections
-         * @sample {highmaps} maps/axis/minrange/
-         *         Minimum range of 1000
          *
          * @type      {number}
          * @apioption xAxis.minRange
@@ -1808,7 +1801,7 @@ var AxisDefaults;
              */
             style: {
                 /** @internal */
-                color: Palette.neutralColor60
+                color: "#666666" /* neutralColor60 */
             }
         },
         /**
@@ -1925,7 +1918,7 @@ var AxisDefaults;
          * @type    {Highcharts.ColorType}
          * @default #f2f2f2
          */
-        minorGridLineColor: Palette.neutralColor5,
+        minorGridLineColor: "#f2f2f2" /* neutralColor5 */,
         /**
          * Width of the minor, secondary grid lines.
          *
@@ -1951,7 +1944,7 @@ var AxisDefaults;
          * @type    {Highcharts.ColorType}
          * @default #999999
          */
-        minorTickColor: Palette.neutralColor40,
+        minorTickColor: "#999999" /* neutralColor40 */,
         /**
          * The color of the line marking the axis itself.
          *
@@ -1972,7 +1965,7 @@ var AxisDefaults;
          * @type    {Highcharts.ColorType}
          * @default #ccd6eb
          */
-        lineColor: Palette.highlightColor20,
+        lineColor: "#ccd6eb" /* highlightColor20 */,
         /**
          * The width of the line marking the axis itself.
          *
@@ -2009,7 +2002,7 @@ var AxisDefaults;
          * @type    {Highcharts.ColorType}
          * @default #e6e6e6
          */
-        gridLineColor: Palette.neutralColor10,
+        gridLineColor: "#e6e6e6" /* neutralColor10 */,
         /**
          * The width of the grid lines extending the ticks across the plot area.
          * Defaults to 1 on the Y axis and 0 on the X axis, except for 3d
@@ -2067,7 +2060,7 @@ var AxisDefaults;
          * @type    {Highcharts.ColorType}
          * @default #ccd6eb
          */
-        tickColor: Palette.highlightColor20
+        tickColor: "#ccd6eb" /* highlightColor20 */
         // tickWidth: 1
     };
     /**
@@ -2227,9 +2220,9 @@ var AxisDefaults;
          * @see [type](#chart.panning.type)
          *
          *
-         * @sample {highcharts} highcharts/chart/reflow-true/
-         *         True by default
          * @sample {highcharts} highcharts/yaxis/endontick/
+         *         True by default
+         * @sample {highcharts} highcharts/yaxis/endontick-false/
          *         False
          * @sample {highstock} stock/demo/basic-line/
          *         True by default
@@ -2382,8 +2375,6 @@ var AxisDefaults;
          *         Y axis max on logarithmic axis
          * @sample {highstock} stock/yaxis/min-max/
          *         Fixed min and max on Y axis
-         * @sample {highmaps} maps/axis/min-max/
-         *         Pre-zoomed to a specific area
          *
          * @apioption yAxis.max
          */
@@ -2394,8 +2385,6 @@ var AxisDefaults;
          *         -50 with startOnTick true by default
          * @sample {highstock} stock/yaxis/min-max/
          *         Fixed min and max on Y axis
-         * @sample {highmaps} maps/axis/min-max/
-         *         Pre-zoomed to a specific area
          *
          * @apioption yAxis.min
          */
@@ -2438,6 +2427,28 @@ var AxisDefaults;
          * @product   highstock
          * @apioption yAxis.scrollbar.margin
          */
+        /* eslint-disable highcharts/doclet-apioption-last */
+        /**
+         * Defines the position of the scrollbar. By default, it is positioned
+         * on the opposite of the main axis (right side of the chart).
+         * However, in the case of RTL languages could be set to `false`
+         * which positions the scrollbar on the left.
+         *
+         * Works only for vertical axes.
+         * This means yAxis in a non-inverted chart and xAxis in the inverted.
+         *
+         * @sample stock/yaxis/scrollbar-opposite/
+         *         A scrollbar not on the opposite side
+         *
+         * @type      {boolean}
+         * @default   true
+         * @since 9.3.0
+         *
+         * @apioption yAxis.scrollbar.opposite
+         * @apioption xAxis.scrollbar.opposite
+         *
+         */
+        /* eslint-enable highcharts/doclet-apioption-last */
         /**
          * Whether to show the scrollbar when it is fully zoomed out at max
          * range. Setting it to `false` on the Y axis makes the scrollbar stay
@@ -2839,7 +2850,7 @@ var AxisDefaults;
              */
             style: {
                 /** @internal */
-                color: Palette.neutralColor100,
+                color: "#000000" /* neutralColor100 */,
                 /** @internal */
                 fontSize: '11px',
                 /** @internal */