highcharts 9.2.0 → 9.3.1

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

@@ -10,13 +10,40 @@
  *
  * */
 'use strict';
-import HTMLUtilities from './HTMLUtilities.js';
-var stripHTMLTags = HTMLUtilities.stripHTMLTagsFromString;
 import H from '../../Core/Globals.js';
 var doc = H.doc;
+import HU from './HTMLUtilities.js';
+var stripHTMLTags = HU.stripHTMLTagsFromString;
 import U from '../../Core/Utilities.js';
 var defined = U.defined, find = U.find, fireEvent = U.fireEvent;
+/* *
+ *
+ *  Functions
+ *
+ * */
 /* eslint-disable valid-jsdoc */
+/**
+ * Fire an event on an element that is either wrapped by Highcharts,
+ * or a DOM element
+ */
+function fireEventOnWrappedOrUnwrappedElement(el, eventObject) {
+    var type = eventObject.type;
+    var hcEvents = el.hcEvents;
+    if (doc.createEvent && (el.dispatchEvent || el.fireEvent)) {
+        if (el.dispatchEvent) {
+            el.dispatchEvent(eventObject);
+        }
+        else {
+            el.fireEvent(type, eventObject);
+        }
+    }
+    else if (hcEvents && hcEvents[type]) {
+        fireEvent(el, type, eventObject);
+    }
+    else if (el.element) {
+        fireEventOnWrappedOrUnwrappedElement(el.element, eventObject);
+    }
+}
 /**
  * @return {string}
  */
@@ -84,8 +111,7 @@ function getCategoryAxisRangeDesc(axis) {
  * @return {string}
  */
 function getAxisTimeLengthDesc(axis) {
-    var chart = axis.chart;
-    var range = {};
+    var chart = axis.chart, range = {};
     var rangeUnit = 'Seconds';
     range.Seconds = ((axis.max || 0) - (axis.min || 0)) / 1000;
     range.Minutes = range.Seconds / 60;
@@ -112,12 +138,10 @@ function getAxisTimeLengthDesc(axis) {
  * @return {string}
  */
 function getAxisFromToDescription(axis) {
-    var chart = axis.chart;
-    var dateRangeFormat = (chart.options &&
+    var chart = axis.chart, dateRangeFormat = (chart.options &&
         chart.options.accessibility &&
         chart.options.accessibility.screenReaderSection.axisRangeDateFormat ||
-        '');
-    var format = function (axisKey) {
+        ''), format = function (axisKey) {
         return axis.dateTime ? chart.time.dateFormat(dateRangeFormat, axis[axisKey]) : axis[axisKey];
     };
     return chart.langFormat('accessibility.axis.rangeFromTo', {
@@ -240,11 +264,9 @@ function getRelativePointAxisPosition(axis, point) {
     if (!defined(axis.dataMin) || !defined(axis.dataMax)) {
         return 0;
     }
-    var axisStart = axis.toPixels(axis.dataMin);
-    var axisEnd = axis.toPixels(axis.dataMax);
+    var axisStart = axis.toPixels(axis.dataMin), axisEnd = axis.toPixels(axis.dataMax), 
     // We have to use pixel position because of axis breaks, log axis etc.
-    var positionProp = axis.coll === 'xAxis' ? 'x' : 'y';
-    var pointPos = axis.toPixels(point[positionProp] || 0);
+    positionProp = axis.coll === 'xAxis' ? 'x' : 'y', pointPos = axis.toPixels(point[positionProp] || 0);
     return (pointPos - axisStart) / (axisEnd - axisStart);
 }
 /**
@@ -253,10 +275,7 @@ function getRelativePointAxisPosition(axis, point) {
  * @param {Highcharts.Point} point
  */
 function scrollToPoint(point) {
-    var xAxis = point.series.xAxis;
-    var yAxis = point.series.yAxis;
-    var axis = (xAxis && xAxis.scrollbar ? xAxis : yAxis);
-    var scrollbar = (axis && axis.scrollbar);
+    var xAxis = point.series.xAxis, yAxis = point.series.yAxis, axis = (xAxis && xAxis.scrollbar ? xAxis : yAxis), scrollbar = (axis && axis.scrollbar);
     if (scrollbar && defined(scrollbar.to) && defined(scrollbar.from)) {
         var range = scrollbar.to - scrollbar.from;
         var pos = getRelativePointAxisPosition(axis, point);
@@ -269,7 +288,13 @@ function scrollToPoint(point) {
         });
     }
 }
+/* *
+ *
+ *  Default Export
+ *
+ * */
 var ChartUtilities = {
+    fireEventOnWrappedOrUnwrappedElement: fireEventOnWrappedOrUnwrappedElement,
     getChartTitle: getChartTitle,
     getAxisDescription: getAxisDescription,
     getAxisRangeDescription: getAxisRangeDescription,

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'