@ntlab/ntjs-assets 2.0.38 → 2.0.39

package/assets/js/cdn.json

@@ -130,7 +130,7 @@
     "cdnjs": "blueimp-gallery"
   },
   "highcharts": {
-    "version": "11.4.7",
+    "version": "11.4.8",
     "highcharts": ""
   },
   "hotkeys": {

package/assets/js/highcharts/es-modules/Accessibility/Accessibility.js

@@ -287,7 +287,7 @@ class Accessibility {
      */
     function chartUpdateA11yEnabled() {
         let a11y = this.accessibility;
-        const accessibilityOptions = this.options.accessibility;
+        const accessibilityOptions = this.options.accessibility, svg = this.renderer.boxWrapper.element, title = this.title;
         if (accessibilityOptions && accessibilityOptions.enabled) {
             if (a11y && !a11y.zombie) {
                 a11y.update();
@@ -297,6 +297,10 @@ class Accessibility {
                 if (a11y && !a11y.zombie) {
                     a11y.update();
                 }
+                // If a11y has been disabled, and is now enabled
+                if (svg.getAttribute('role') === 'img') {
+                    svg.removeAttribute('role');
+                }
             }
         }
         else if (a11y) {
@@ -307,8 +311,16 @@ class Accessibility {
             delete this.accessibility;
         }
         else {
-            // Just hide container
-            this.renderTo.setAttribute('aria-hidden', true);
+            // If a11y has been disabled dynamically or is disabled
+            this.renderTo.setAttribute('role', 'img');
+            this.renderTo.setAttribute('aria-hidden', false);
+            this.renderTo.setAttribute('aria-label', ((title && title.element.textContent) || '').replace(/</g, '&lt;'));
+            svg.setAttribute('aria-hidden', true);
+            const description = document.getElementsByClassName('highcharts-description')[0];
+            if (description) {
+                description.setAttribute('aria-hidden', false);
+                description.classList.remove('highcharts-linked-description');
+            }
         }
     }
     /**

package/assets/js/highcharts/es-modules/Accessibility/AccessibilityComponent.js

@@ -16,8 +16,6 @@ import DOMElementProvider from './Utils/DOMElementProvider.js';
 import EventProvider from './Utils/EventProvider.js';
 import HU from './Utils/HTMLUtilities.js';
 const { getFakeMouseEvent } = HU;
-import U from '../Core/Utilities.js';
-const { extend } = U;
 /* *
  *
  *  Class
@@ -29,8 +27,8 @@ const { extend } = U;
  * create a custom accessibility component for a chart.
  *
  * Components should take care to destroy added elements and unregister event
- * handlers on destroy. This is handled automatically if using this.addEvent and
- * this.createElement.
+ * handlers on destroy. This is handled automatically if using `this.addEvent`
+ * and `this.createElement`.
  *
  * @sample highcharts/accessibility/custom-component
  *         Custom accessibility component
@@ -45,6 +43,41 @@ class AccessibilityComponent {
      *  Functions
      *
      * */
+    /**
+     * Called when accessibility is disabled or chart is destroyed.
+     *
+     * @function Highcharts.AccessibilityComponent#destroy
+     */
+    destroy() { }
+    /**
+     * Get keyboard navigation handler for this component.
+     *
+     * @function Highcharts.AccessibilityComponent#getKeyboardNavigation
+     * @return   {Highcharts.KeyboardNavigationHandler|Array<Highcharts.KeyboardNavigationHandler>}
+     *           The keyboard navigation handler(s) for this component.
+     */
+    getKeyboardNavigation() {
+        return [];
+    }
+    /**
+     * Called on component initialization.
+     *
+     * @function Highcharts.AccessibilityComponent#init
+     */
+    init() { }
+    /**
+     * Called on every chart render.
+     *
+     * @function Highcharts.AccessibilityComponent#onChartRender
+     */
+    onChartRender() { }
+    /**
+     * Called on updates to the chart, including options changes.
+     * Note that this is also called on first render of chart.
+     *
+     * @function Highcharts.AccessibilityComponent#onChartUpdate
+     */
+    onChartUpdate() { }
     /**
      * Initialize the class
      * @private
@@ -91,6 +124,7 @@ class AccessibilityComponent {
     /**
      * Fire a fake click event on an element. It is useful to have this on
      * AccessibilityComponent for users of custom components.
+     * @private
      */
     fakeClickEvent(el) {
         const fakeEvent = getFakeMouseEvent('click');
@@ -105,32 +139,6 @@ class AccessibilityComponent {
         this.eventProvider.removeAddedEvents();
     }
 }
-extend(AccessibilityComponent.prototype, 
-/** @lends Highcharts.AccessibilityComponent */
-{
-    /**
-     * Called on component initialization.
-     */
-    init() { },
-    /**
-     * Get keyboard navigation handler for this component.
-     * @private
-     */
-    getKeyboardNavigation: function () { },
-    /**
-     * Called on updates to the chart, including options changes.
-     * Note that this is also called on first render of chart.
-     */
-    onChartUpdate() { },
-    /**
-     * Called on every chart render.
-     */
-    onChartRender() { },
-    /**
-     * Called when accessibility is disabled or chart is destroyed.
-     */
-    destroy() { }
-});
 /* *
  *
  *  Default Export

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

@@ -150,7 +150,11 @@ class Axis {
          * @type {Highcharts.AxisOptions}
          */
         axis.setOptions(userOptions);
-        const options = this.options, labelsOptions = options.labels, type = options.type;
+        const options = axis.options, labelsOptions = options.labels;
+        // Set the type and fire an event
+        axis.type ?? (axis.type = options.type || 'linear');
+        axis.uniqueNames ?? (axis.uniqueNames = options.uniqueNames ?? true);
+        fireEvent(axis, 'afterSetType');
         /**
          * User's options for this axis without defaults.
          *
@@ -170,7 +174,7 @@ class Axis {
         axis.visible = options.visible;
         axis.zoomEnabled = options.zoomEnabled;
         // Initial categories
-        axis.hasNames = type === 'category' || options.categories === true;
+        axis.hasNames = this.type === 'category' || options.categories === true;
         /**
          * If categories are present for the axis, names are used instead of
          * numbers for that axis.
@@ -543,7 +547,7 @@ class Axis {
      * @param {number} value
      * A value in terms of axis units.
      *
-     * @param {boolean} paneCoordinates
+     * @param {boolean} [paneCoordinates=false]
      * Whether to return the pixel coordinate relative to the chart or just the
      * axis/pane itself.
      *
@@ -618,7 +622,7 @@ class Axis {
             translatedValue = pick(translatedValue, axis.translate(value, void 0, void 0, old));
             // Keep the translated value within sane bounds, and avoid Infinity
             // to fail the isNumber test (#7709).
-            translatedValue = clamp(translatedValue, -1e5, 1e5);
+            translatedValue = clamp(translatedValue, -1e9, 1e9);
             x1 = x2 = translatedValue + transB;
             y1 = y2 = cHeight - translatedValue - transB;
             if (!isNumber(translatedValue)) { // No min or max
@@ -893,7 +897,7 @@ class Axis {
         let nameX = point.options.x, x;
         point.series.requireSorting = false;
         if (!defined(nameX)) {
-            nameX = this.options.uniqueNames && names ?
+            nameX = this.uniqueNames && names ?
                 (explicitCategories ?
                     names.indexOf(point.name) :
                     pick(names.keys[point.name], -1)) :
@@ -1079,7 +1083,7 @@ class Axis {
             linkedParentExtremes = linkedParent.getExtremes();
             axis.min = pick(linkedParentExtremes.min, linkedParentExtremes.dataMin);
             axis.max = pick(linkedParentExtremes.max, linkedParentExtremes.dataMax);
-            if (options.type !== linkedParent.options.type) {
+            if (this.type !== linkedParent.type) {
                 // Can't link axes of different type
                 error(11, true, chart);
             }
@@ -1286,12 +1290,6 @@ class Axis {
         this.tickmarkOffset = (this.categories &&
             options.tickmarkPlacement === 'between' &&
             this.tickInterval === 1) ? 0.5 : 0; // #3202
-        // Get minorTickInterval
-        this.minorTickInterval =
-            minorTickIntervalOption === 'auto' &&
-                this.tickInterval ?
-                this.tickInterval / options.minorTicksPerMajor :
-                minorTickIntervalOption;
         // When there is only one point, or all points have the same value on
         // this axis, then min and max are equal and tickPositions.length is 0
         // or 1. In this case, add some padding in order to center the point,
@@ -1379,6 +1377,11 @@ class Axis {
             }
         }
         this.tickPositions = tickPositions;
+        // Get minorTickInterval
+        this.minorTickInterval =
+            minorTickIntervalOption === 'auto' && this.tickInterval ?
+                this.tickInterval / options.minorTicksPerMajor :
+                minorTickIntervalOption;
         // Reset min/max or remove extremes based on start/end on tick
         this.paddedTicks = tickPositions.slice(0); // Used for logarithmic minor
         this.trimTicks(tickPositions, startOnTick, endOnTick);

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

@@ -1958,9 +1958,10 @@ var AxisDefaults;
          *         Logarithmic with extension to emulate negative values
          *
          * @type    {Highcharts.AxisTypeValue}
+         * @default linear
          * @product highcharts gantt
+         * @apioption xAxis.type
          */
-        type: 'linear',
         /**
          * If there are multiple axes on the same side of the chart, the pixel
          * margin between the axes. Defaults to 0 on vertical axes, 15 on
@@ -1986,8 +1987,9 @@ var AxisDefaults;
          *
          * @since     4.2.7
          * @product   highcharts gantt
+         * @type      {boolean}
+         * @default   true
          */
-        uniqueNames: true,
         /**
          * Datetime axis only. An array determining what time intervals the
          * ticks are allowed to fall on. Each array item is an array where the

package/assets/js/highcharts/es-modules/Core/Axis/DateTimeAxis.js

@@ -37,7 +37,7 @@ var DateTimeAxis;
             AxisClass.keepProps.push('dateTime');
             const axisProto = AxisClass.prototype;
             axisProto.getTimeTicks = getTimeTicks;
-            addEvent(AxisClass, 'afterSetOptions', onAfterSetOptions);
+            addEvent(AxisClass, 'afterSetType', onAfterSetType);
         }
         return AxisClass;
     }
@@ -63,8 +63,8 @@ var DateTimeAxis;
     /**
      * @private
      */
-    function onAfterSetOptions() {
-        if (this.options.type !== 'datetime') {
+    function onAfterSetType() {
+        if (this.type !== 'datetime') {
             this.dateTime = void 0;
             return;
         }

package/assets/js/highcharts/es-modules/Core/Axis/GridAxis.js

@@ -151,7 +151,7 @@ function getMaxLabelDimensions(ticks, tickPositions) {
         }
     });
     // For tree grid, add indentation
-    if (this.options.type === 'treegrid' &&
+    if (this.type === 'treegrid' &&
         this.treeGrid &&
         this.treeGrid.mapOfPosToGridNode) {
         const treeDepth = this.treeGrid.mapOfPosToGridNode[-1].height || 0;
@@ -465,7 +465,7 @@ function onAfterSetAxisTranslation() {
         else {
             // Don't trim ticks which not in min/max range but
             // they are still in the min/max plus tickInterval.
-            if (this.options.type !== 'treegrid' &&
+            if (this.type !== 'treegrid' &&
                 axis.grid &&
                 axis.grid.columns) {
                 this.minPointOffset = this.tickInterval;

package/assets/js/highcharts/es-modules/Core/Axis/LogarithmicAxis.js

@@ -37,7 +37,7 @@ var LogarithmicAxis;
     function compose(AxisClass) {
         if (!AxisClass.keepProps.includes('logarithmic')) {
             AxisClass.keepProps.push('logarithmic');
-            addEvent(AxisClass, 'init', onInit);
+            addEvent(AxisClass, 'afterSetType', onAfterSetType);
             addEvent(AxisClass, 'afterInit', onAfterInit);
         }
         return AxisClass;
@@ -46,17 +46,12 @@ var LogarithmicAxis;
     /**
      * @private
      */
-    function onInit(e) {
-        const axis = this;
-        const options = e.userOptions;
-        let logarithmic = axis.logarithmic;
-        if (options.type !== 'logarithmic') {
-            axis.logarithmic = void 0;
+    function onAfterSetType() {
+        if (this.type !== 'logarithmic') {
+            this.logarithmic = void 0;
         }
         else {
-            if (!logarithmic) {
-                logarithmic = axis.logarithmic = new Additions(axis);
-            }
+            this.logarithmic ?? (this.logarithmic = new Additions(this));
         }
     }
     /**

package/assets/js/highcharts/es-modules/Core/Axis/PlotLineOrBand/PlotLineOrBand.js

@@ -10,7 +10,7 @@
 'use strict';
 import PlotLineOrBandAxis from './PlotLineOrBandAxis.js';
 import U from '../../Utilities.js';
-const { arrayMax, arrayMin, defined, destroyObjectProperties, erase, fireEvent, merge, objectEach, pick } = U;
+const { addEvent, arrayMax, arrayMin, defined, destroyObjectProperties, erase, fireEvent, merge, objectEach, pick } = U;
 /* *
  *
  *  Class
@@ -34,7 +34,20 @@ class PlotLineOrBand {
      *  Static Functions
      *
      * */
-    static compose(AxisClass) {
+    static compose(ChartClass, AxisClass) {
+        addEvent(ChartClass, 'afterInit', function () {
+            this.labelCollectors.push(() => {
+                const labels = [];
+                for (const axis of this.axes) {
+                    for (const { label, options } of axis.plotLinesAndBands) {
+                        if (label && !options?.label?.allowOverlap) {
+                            labels.push(label);
+                        }
+                    }
+                }
+                return labels;
+            });
+        });
         return PlotLineOrBandAxis.compose(PlotLineOrBand, AxisClass);
     }
     /* *
@@ -173,7 +186,8 @@ class PlotLineOrBand {
                 x: horiz ? !isBand && 4 : 10,
                 verticalAlign: !horiz && isBand ? 'middle' : void 0,
                 y: horiz ? isBand ? 16 : 10 : isBand ? 6 : -4,
-                rotation: horiz && !isBand ? 90 : 0
+                rotation: horiz && !isBand ? 90 : 0,
+                ...(isBand ? { inside: true } : {})
             }, optionsLabel);
             this.renderLabel(optionsLabel, path, isBand, zIndex);
             // Move out of sight
@@ -190,7 +204,7 @@ class PlotLineOrBand {
      * @function Highcharts.PlotLineOrBand#renderLabel
      */
     renderLabel(optionsLabel, path, isBand, zIndex) {
-        const plotLine = this, axis = plotLine.axis, renderer = axis.chart.renderer;
+        const plotLine = this, axis = plotLine.axis, renderer = axis.chart.renderer, inside = optionsLabel.inside;
         let label = plotLine.label;
         // Add the SVG element
         if (!label) {
@@ -212,7 +226,7 @@ class PlotLineOrBand {
             if (!axis.chart.styledMode) {
                 label.css(merge({
                     fontSize: '0.8em',
-                    textOverflow: 'ellipsis'
+                    textOverflow: (isBand && !inside) ? '' : 'ellipsis'
                 }, optionsLabel.style));
             }
             label.add();
@@ -221,20 +235,24 @@ class PlotLineOrBand {
         // #3000 changed to better handle choice between plotband or plotline
         const xBounds = path.xBounds ||
             [path[0][1], path[1][1], (isBand ? path[2][1] : path[0][1])], yBounds = path.yBounds ||
-            [path[0][2], path[1][2], (isBand ? path[2][2] : path[0][2])], x = arrayMin(xBounds), y = arrayMin(yBounds);
+            [path[0][2], path[1][2], (isBand ? path[2][2] : path[0][2])], x = arrayMin(xBounds), y = arrayMin(yBounds), bBoxWidth = arrayMax(xBounds) - x;
         label.align(optionsLabel, false, {
             x,
             y,
-            width: arrayMax(xBounds) - x,
+            width: bBoxWidth,
             height: arrayMax(yBounds) - y
         });
-        if (!label.alignValue || label.alignValue === 'left') {
-            const width = optionsLabel.clip ?
-                axis.width : axis.chart.chartWidth;
+        if (!label.alignValue ||
+            label.alignValue === 'left' ||
+            defined(inside)) {
             label.css({
-                width: (label.rotation === 90 ?
-                    axis.height - (label.alignAttr.y - axis.top) :
-                    width - (label.alignAttr.x - axis.left)) + 'px'
+                width: (optionsLabel.style?.width || ((!isBand ||
+                    !inside) ? (label.rotation === 90 ?
+                    axis.height - (label.alignAttr.y -
+                        axis.top) : (optionsLabel.clip ?
+                    axis.width :
+                    axis.chart.chartWidth) - (label.alignAttr.x - axis.left)) :
+                    bBoxWidth)) + 'px'
             });
         }
         label.show(true);
@@ -474,6 +492,29 @@ export default PlotLineOrBand;
  * @since     2.1
  * @apioption xAxis.plotBands.label.align
  */
+/**
+ * Whether or not the label can be hidden if it overlaps with another label.
+ *
+ * @sample {highcharts} highcharts/xaxis/plotbands-label-allowoverlap/
+ *         A Plotband label overlapping another
+ *
+ * @type      {boolean}
+ * @default   undefined
+ * @since     11.4.8
+ * @apioption xAxis.plotBands.label.allowOverlap
+ */
+/**
+ * Wether or not the text of the label can exceed the width of the label.
+ *
+ * @type      {boolean}
+ * @product   highcharts highstock gantt
+ * @sample {highcharts} highcharts/xaxis/plotbands-label-textwidth/
+ *         Displaying text with text-wrapping/ellipsis, or the full text.
+ *
+ * @default   true
+ * @since     11.4.6
+ * @apioption xAxis.plotBands.label.inside
+ */
 /**
  * Rotation of the text label in degrees .
  *

package/assets/js/highcharts/es-modules/Core/Axis/ScrollbarAxis.js

@@ -174,13 +174,23 @@ var ScrollbarAxis;
                 isNaN(scrollMax) ||
                 !defined(axis.min) ||
                 !defined(axis.max) ||
-                axis.min === axis.max // #10733
+                axis.dataMin === axis.dataMax // #10733
             ) {
-                // Default action: when extremes are the same or there is
+                // Default action: when data extremes are the same or there is
                 // not extremes on the axis, but scrollbar exists, make it
                 // full size
                 scrollbar.setRange(0, 1);
             }
+            else if (axis.min === axis.max) { // #20359
+                // When the extremes are the same, set the scrollbar to a point
+                // within the extremes range. Utilize pointRange to perform the
+                // calculations. (#20359)
+                const interval = axis.pointRange / (axis.dataMax +
+                    1);
+                from = interval * axis.min;
+                to = interval * (axis.max + 1);
+                scrollbar.setRange(from, to);
+            }
             else {
                 from = ((axis.min - scrollMin) /
                     (scrollMax - scrollMin));

package/assets/js/highcharts/es-modules/Core/Axis/Tick.js

@@ -291,7 +291,7 @@ class Tick {
                     axis.transB)
         };
         // Chrome workaround for #10516
-        pos.y = clamp(pos.y, -1e5, 1e5);
+        pos.y = clamp(pos.y, -1e9, 1e9);
         fireEvent(this, 'afterGetPosition', { pos: pos });
         return pos;
     }

package/assets/js/highcharts/es-modules/Core/Axis/TreeGrid/TreeGridAxis.js

@@ -74,8 +74,7 @@ function getBreakFromNode(node, max) {
  * @todo Add unit-tests.
  */
 function getTreeGridFromData(data, uniqueNames, numberOfSeries) {
-    const categories = [], collapsedNodes = [], mapOfIdToNode = {}, uniqueNamesEnabled = typeof uniqueNames === 'boolean' ?
-        uniqueNames : false;
+    const categories = [], collapsedNodes = [], mapOfIdToNode = {}, uniqueNamesEnabled = uniqueNames || false;
     let mapOfPosToGridNode = {}, posIterator = -1;
     // Build the tree from the series data.
     const treeParams = {
@@ -200,10 +199,8 @@ function getTreeGridFromData(data, uniqueNames, numberOfSeries) {
  */
 function onBeforeRender(e) {
     const chart = e.target, axes = chart.axes;
-    axes.filter(function (axis) {
-        return axis.options.type === 'treegrid';
-    }).forEach(function (axis) {
-        const options = axis.options || {}, labelOptions = options.labels, uniqueNames = options.uniqueNames, max = options.max, 
+    axes.filter((axis) => axis.type === 'treegrid').forEach(function (axis) {
+        const options = axis.options || {}, labelOptions = options.labels, uniqueNames = axis.uniqueNames, max = options.max, 
         // Check whether any of series is rendering for the first
         // time, visibility has changed, or its data is dirty, and
         // only then update. #10570, #10580. Also check if
@@ -311,7 +308,7 @@ function onBeforeRender(e) {
  * The tick position in axis values.
  */
 function wrapGenerateTick(proceed, pos) {
-    const axis = this, mapOptionsToLevel = axis.treeGrid.mapOptionsToLevel || {}, isTreeGrid = axis.options.type === 'treegrid', ticks = axis.ticks;
+    const axis = this, mapOptionsToLevel = axis.treeGrid.mapOptionsToLevel || {}, isTreeGrid = axis.type === 'treegrid', ticks = axis.ticks;
     let tick = ticks[pos], levelOptions, options, gridNode;
     if (isTreeGrid &&
         axis.treeGrid.mapOfPosToGridNode) {
@@ -491,7 +488,7 @@ function wrapInit(proceed, chart, userOptions, coll) {
 function wrapSetTickInterval(proceed) {
     const axis = this, options = axis.options, linkedParent = typeof options.linkedTo === 'number' ?
         this.chart[axis.coll]?.[options.linkedTo] :
-        void 0, isTreeGrid = options.type === 'treegrid';
+        void 0, isTreeGrid = axis.type === 'treegrid';
     if (isTreeGrid) {
         axis.min = pick(axis.userMin, options.min, axis.dataMin);
         axis.max = pick(axis.userMax, options.max, axis.dataMax);
@@ -526,7 +523,7 @@ function wrapSetTickInterval(proceed) {
  * The original setTickInterval function.
  */
 function wrapRedraw(proceed) {
-    const axis = this, options = axis.options, isTreeGrid = options.type === 'treegrid';
+    const axis = this, isTreeGrid = this.type === 'treegrid';
     if (isTreeGrid && axis.visible) {
         axis.tickPositions.forEach(function (pos) {
             const tick = axis.ticks[pos];

package/assets/js/highcharts/es-modules/Core/Axis/TreeGrid/TreeGridTick.js

@@ -85,7 +85,7 @@ function renderLabelIcon(tick, params) {
  * @private
  */
 function wrapGetLabelPosition(proceed, x, y, label, horiz, labelOptions, tickmarkOffset, index, step) {
-    const tick = this, lbOptions = pick(tick.options && tick.options.labels, labelOptions), pos = tick.pos, axis = tick.axis, options = axis.options, isTreeGrid = options.type === 'treegrid', result = proceed.apply(tick, [x, y, label, horiz, lbOptions, tickmarkOffset, index, step]);
+    const tick = this, lbOptions = pick(tick.options && tick.options.labels, labelOptions), pos = tick.pos, axis = tick.axis, isTreeGrid = axis.type === 'treegrid', result = proceed.apply(tick, [x, y, label, horiz, lbOptions, tickmarkOffset, index, step]);
     let mapOfPosToGridNode, node, level;
     if (isTreeGrid) {
         const { width = 0, padding = axis.linkedParent ? 0 : 5 } = (lbOptions && isObject(lbOptions.symbol, true) ?
@@ -110,7 +110,7 @@ function wrapGetLabelPosition(proceed, x, y, label, horiz, labelOptions, tickmar
 function wrapRenderLabel(proceed) {
     const tick = this, { pos, axis, label, treeGrid: tickGrid, options: tickOptions } = tick, icon = tickGrid?.labelIcon, labelElement = label?.element, { treeGrid: axisGrid, options: axisOptions, chart, tickPositions } = axis, mapOfPosToGridNode = axisGrid.mapOfPosToGridNode, labelOptions = pick(tickOptions?.labels, axisOptions?.labels), symbolOptions = (labelOptions && isObject(labelOptions.symbol, true) ?
         labelOptions.symbol :
-        {}), node = mapOfPosToGridNode && mapOfPosToGridNode[pos], { descendants, depth } = node || {}, hasDescendants = node && descendants && descendants > 0, level = depth, isTreeGridElement = (axisOptions.type === 'treegrid') && labelElement, shouldRender = tickPositions.indexOf(pos) > -1, prefixClassName = 'highcharts-treegrid-node-', prefixLevelClass = prefixClassName + 'level-', styledMode = chart.styledMode;
+        {}), node = mapOfPosToGridNode && mapOfPosToGridNode[pos], { descendants, depth } = node || {}, hasDescendants = node && descendants && descendants > 0, level = depth, isTreeGridElement = (axis.type === 'treegrid') && labelElement, shouldRender = tickPositions.indexOf(pos) > -1, prefixClassName = 'highcharts-treegrid-node-', prefixLevelClass = prefixClassName + 'level-', styledMode = chart.styledMode;
     let collapsed, addClassName, removeClassName;
     if (isTreeGridElement && node) {
         // Add class name for hierarchical styling.

package/assets/js/highcharts/es-modules/Core/Chart/Chart.js

@@ -852,10 +852,22 @@ class Chart {
      * @function Highcharts.Chart#getContainerBox
      */
     getContainerBox() {
-        return {
+        // Temporarily hide support divs from a11y and others, #21888
+        const nonContainers = [].map.call(this.renderTo.children, (child) => {
+            if (child !== this.container) {
+                const display = child.style.display;
+                child.style.display = 'none';
+                return [child, display];
+            }
+        }), box = {
             width: getStyle(this.renderTo, 'width', true) || 0,
-            height: getStyle(this.renderTo, 'height', true) || 0
+            height: (getStyle(this.renderTo, 'height', true) || 0)
         };
+        // Restore the non-containers
+        nonContainers.filter(Boolean).forEach(([div, display]) => {
+            div.style.display = display;
+        });
+        return box;
     }
     /**
      * Internal function to get the chart width and height according to options
@@ -866,7 +878,10 @@ class Chart {
      * @function Highcharts.Chart#getChartSize
      */
     getChartSize() {
-        const chart = this, optionsChart = chart.options.chart, widthOption = optionsChart.width, heightOption = optionsChart.height, containerBox = chart.getContainerBox();
+        const chart = this, optionsChart = chart.options.chart, widthOption = optionsChart.width, heightOption = optionsChart.height, containerBox = chart.getContainerBox(), enableDefaultHeight = containerBox.height > 1 &&
+            !( // #21510, prevent infinite reflow
+            !chart.renderTo.parentElement?.style.height &&
+                chart.renderTo.style.height === '100%');
         /**
          * The current pixel width of the chart.
          *
@@ -883,7 +898,7 @@ class Chart {
          * @type {number}
          */
         chart.chartHeight = Math.max(0, relativeLength(heightOption, chart.chartWidth) ||
-            (containerBox.height > 1 ? containerBox.height : 400));
+            (enableDefaultHeight ? containerBox.height : 400));
         chart.containerBox = containerBox;
     }
     /**
@@ -1031,7 +1046,8 @@ class Chart {
                 '-webkit-tap-highlight-color': 'rgba(0,0,0,0)',
                 userSelect: 'none', // #13503
                 'touch-action': 'manipulation',
-                outline: 'none'
+                outline: 'none',
+                padding: '0px'
             }, optionsChart.style || {});
         }
         /**
@@ -2599,8 +2615,11 @@ class Chart {
             }
             let newMin = axis.toValue(minPx, true) +
                 // Don't apply offset for selection (#20784)
-                (selection ? 0 : minPointOffset * pointRangeDirection), newMax = axis.toValue(minPx + len / scale, true) -
-                (selection ? // Don't apply offset for selection (#20784)
+                (selection || axis.isOrdinal ?
+                    0 : minPointOffset * pointRangeDirection), newMax = axis.toValue(minPx + len / scale, true) -
+                (
+                // Don't apply offset for selection (#20784)
+                selection || axis.isOrdinal ?
                     0 :
                     ((minPointOffset * pointRangeDirection) ||
                         // Polar zoom tests failed when this was not
@@ -2645,7 +2664,10 @@ class Chart {
             // It is not necessary to calculate extremes on ordinal axis,
             // because they are already calculated, so we don't want to override
             // them.
-            if (!axis.isOrdinal || scale !== 1 || reset) {
+            if (!axis.isOrdinal ||
+                axis.options.overscroll || // #21316
+                scale !== 1 ||
+                reset) {
                 // If the new range spills over, either to the min or max,
                 // adjust it.
                 if (newMin < floor) {

package/assets/js/highcharts/es-modules/Core/Color/Color.js

@@ -252,6 +252,7 @@ Color.names = {
 /**
  * Collection of parsers. This can be extended from the outside by pushing
  * parsers to `Color.parsers`.
+ * @private
  */
 Color.parsers = [{
         // RGBA color