highcharts 11.3.0 → 11.4.0

package/es-modules/Core/Chart/StockChart.js

@@ -13,14 +13,13 @@ import F from '../Templating.js';
 const { format } = F;
 import D from '../Defaults.js';
 const { getOptions } = D;
-import H from '../Globals.js';
-const { composed } = H;
 import NavigatorDefaults from '../../Stock/Navigator/NavigatorDefaults.js';
 import RangeSelectorDefaults from '../../Stock/RangeSelector/RangeSelectorDefaults.js';
 import ScrollbarDefaults from '../../Stock/Scrollbar/ScrollbarDefaults.js';
+import StockUtilities from '../../Stock/Utilities/StockUtilities.js';
+const { setFixedRange } = StockUtilities;
 import U from '../Utilities.js';
-const { addEvent, clamp, defined, extend, find, isNumber, isString, merge, pick, pushUnique, splat } = U;
-import '../Pointer.js';
+const { addEvent, clamp, defined, extend, find, isNumber, isString, merge, pick, splat } = U;
 /* *
  *
  *  Functions
@@ -113,7 +112,7 @@ class StockChart extends Chart {
      *        Custom options.
      *
      * @param {Function} [callback]
-     *        Function to run when the chart has loaded and and all external
+     *        Function to run when the chart has loaded and all external
      *        images are loaded.
      *
      *
@@ -168,12 +167,12 @@ class StockChart extends Chart {
         userOptions.xAxis = xAxisOptions;
         userOptions.yAxis = yAxisOptions;
         // Apply X axis options to both single and multi y axes
-        options.xAxis = splat(userOptions.xAxis || {}).map((xAxisOptions, i) => merge(getDefaultAxisOptions('xAxis', xAxisOptions, defaultOptions.xAxis), 
+        options.xAxis = splat(userOptions.xAxis || {}).map((xAxisOptions) => merge(getDefaultAxisOptions('xAxis', xAxisOptions, defaultOptions.xAxis), 
         // #7690
         xAxisOptions, // User options
         getForcedAxisOptions('xAxis', userOptions)));
         // Apply Y axis options to both single and multi y axes
-        options.yAxis = splat(userOptions.yAxis || {}).map((yAxisOptions, i) => merge(getDefaultAxisOptions('yAxis', yAxisOptions, defaultOptions.yAxis), 
+        options.yAxis = splat(userOptions.yAxis || {}).map((yAxisOptions) => merge(getDefaultAxisOptions('yAxis', yAxisOptions, defaultOptions.yAxis), 
         // #7690
         yAxisOptions // User options
         ));
@@ -218,14 +217,16 @@ addEvent(Chart, 'update', function (e) {
      *
      * */
     /** @private */
-    function compose(AxisClass, SeriesClass, SVGRendererClass) {
-        if (pushUnique(composed, compose)) {
+    function compose(ChartClass, AxisClass, SeriesClass, SVGRendererClass) {
+        const seriesProto = SeriesClass.prototype;
+        if (!seriesProto.forceCropping) {
             addEvent(AxisClass, 'afterDrawCrosshair', onAxisAfterDrawCrosshair);
             addEvent(AxisClass, 'afterHideCrosshair', onAxisAfterHideCrosshair);
             addEvent(AxisClass, 'autoLabelAlign', onAxisAutoLabelAlign);
             addEvent(AxisClass, 'destroy', onAxisDestroy);
             addEvent(AxisClass, 'getPlotLinePath', onAxisGetPlotLinePath);
-            SeriesClass.prototype.forceCropping = seriesForceCropping;
+            ChartClass.prototype.setFixedRange = setFixedRange;
+            seriesProto.forceCropping = seriesForceCropping;
             addEvent(SeriesClass, 'setOptions', onSeriesSetOptions);
             SVGRendererClass.prototype.crispPolyLine = svgRendererCrispPolyLine;
         }
@@ -638,7 +639,7 @@ addEvent(Chart, 'update', function (e) {
         for (let i = 0; i < points.length; i = i + 2) {
             const start = points[i], end = points[i + 1];
             if (start[1] === end[1]) {
-                // Substract due to #1129. Now bottom and left axis gridlines
+                // Subtract due to #1129. Now bottom and left axis gridlines
                 // behave the same.
                 start[1] = end[1] =
                     Math.round(start[1]) - (width % 2 / 2);

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

@@ -24,7 +24,7 @@ const { isNumber, merge, pInt } = U;
  * @name Highcharts.Color
  *
  * @param {Highcharts.ColorType} input
- * The input color in either rbga or hex format
+ * The input color in either rgba or hex format
  */
 class Color {
     /* *
@@ -38,7 +38,7 @@ class Color {
      * @function Highcharts.Color.parse
      *
      * @param {Highcharts.ColorType} [input]
-     * The input color in either rbga or hex format.
+     * The input color in either rgba or hex format.
      *
      * @return {Highcharts.Color}
      * Color instance.
@@ -394,7 +394,7 @@ export default Color;
  * @function Highcharts.color
  *
  * @param {Highcharts.ColorType} input
- *        The input color in either rbga or hex format
+ *        The input color in either rgba or hex format
  *
  * @return {Highcharts.Color}
  *         Color instance

package/es-modules/Core/Color/Palettes.js

@@ -1,4 +1,4 @@
-/**
+/*
  * Series palettes for Highcharts. Series colors are defined in highcharts.css.
  * **Do not edit this file!** This file is generated using the 'gulp palette' task.
  */
@@ -17,6 +17,6 @@ const SeriesPalettes = {
         '#fa4b42',
         '#feb56a',
         '#91e8e1'
-    ]
+    ],
 };
 export default SeriesPalettes;

package/es-modules/Core/Defaults.js

@@ -358,7 +358,7 @@ const defaultOptions = {
      * );
      * ```
      *
-     * Since v6.0.5, the time options were moved from the `global` obect to the
+     * Since v6.0.5, the time options were moved from the `global` object to the
      * `time` object, and time options can be set on each individual chart.
      *
      * @sample {highcharts|highstock}
@@ -1348,7 +1348,7 @@ const defaultOptions = {
          * are inherited from `style` unless overridden here.
          *
          * @see In styled mode, the hovered legend items can be styled with
-         *      the `.highcharts-legend-item:hover` pesudo-class.
+         *      the `.highcharts-legend-item:hover` pseudo-class.
          *
          * @sample {highcharts} highcharts/legend/itemhoverstyle/
          *         Red on hover
@@ -2548,9 +2548,12 @@ const defaultOptions = {
     }
 };
 /* eslint-disable spaced-comment */
-
+/*= if (!build.classic) { =*/
+// Legacy build for styled mode, set the styledMode option to true by default.
+defaultOptions.chart.styledMode = true;
+/*= } else { =*/
 defaultOptions.chart.styledMode = false;
-
+/*= } =*/
 '';
 const defaultTime = new Time(defaultOptions.time);
 /**
@@ -2631,10 +2634,10 @@ export default DefaultOptions;
  * @callback Highcharts.ChartAddSeriesCallbackFunction
  *
  * @param {Highcharts.Chart} this
- *        The chart on which the event occured.
+ *        The chart on which the event occurred.
  *
  * @param {Highcharts.ChartAddSeriesEventObject} event
- *        The event that occured.
+ *        The event that occurred.
  */
 /**
  * Contains common event information. Through the `options` property you can
@@ -2664,10 +2667,10 @@ export default DefaultOptions;
  * @callback Highcharts.ChartClickCallbackFunction
  *
  * @param {Highcharts.Chart} this
- *        The chart on which the event occured.
+ *        The chart on which the event occurred.
  *
  * @param {Highcharts.PointerEventObject} event
- *        The event that occured.
+ *        The event that occurred.
  */
 /**
  * Contains an axes of the clicked spot.
@@ -2707,10 +2710,10 @@ export default DefaultOptions;
  * @callback Highcharts.ChartLoadCallbackFunction
  *
  * @param {Highcharts.Chart} this
- *        The chart on which the event occured.
+ *        The chart on which the event occurred.
  *
  * @param {global.Event} event
- *        The event that occured.
+ *        The event that occurred.
  */
 /**
  * Fires when the chart is redrawn, either after a call to `chart.redraw()` or
@@ -2720,10 +2723,10 @@ export default DefaultOptions;
  * @callback Highcharts.ChartRedrawCallbackFunction
  *
  * @param {Highcharts.Chart} this
- *        The chart on which the event occured.
+ *        The chart on which the event occurred.
  *
  * @param {global.Event} event
- *        The event that occured.
+ *        The event that occurred.
  */
 /**
  * Gets fired after initial load of the chart (directly after the `load` event),
@@ -2732,10 +2735,10 @@ export default DefaultOptions;
  * @callback Highcharts.ChartRenderCallbackFunction
  *
  * @param {Highcharts.Chart} this
- *        The chart on which the event occured.
+ *        The chart on which the event occurred.
  *
  * @param {global.Event} event
- *        The event that occured.
+ *        The event that occurred.
  */
 /**
  * Gets fired when an area of the chart has been selected. The default action
@@ -2745,7 +2748,7 @@ export default DefaultOptions;
  * @callback Highcharts.ChartSelectionCallbackFunction
  *
  * @param {Highcharts.Chart} this
- *        The chart on which the event occured.
+ *        The chart on which the event occurred.
  *
  * @param {Highcharts.SelectEventObject} event
  *        Event informations

package/es-modules/Core/Geometry/CircleUtilities.js

@@ -134,7 +134,7 @@ var CircleUtilities;
      * The first circle.
      *
      * @param {Highcharts.CircleObject} c2
-     * The second sircle.
+     * The second circle.
      *
      * @return {Array<Highcharts.PositionObject>}
      * Returns the resulting intersection points.
@@ -173,7 +173,7 @@ var CircleUtilities;
         return circles.reduce((points, c1, i, arr) => {
             const additional = arr
                 .slice(i + 1)
-                .reduce((points, c2, j, arr) => {
+                .reduce((points, c2, j) => {
                 const indexes = [i, j + i + 1];
                 return points.concat(getCircleCircleIntersection(c1, c2).map((p) => {
                     p.indexes = indexes;
@@ -194,7 +194,7 @@ var CircleUtilities;
      * The first circle.
      *
      * @param {Highcharts.CircleObject} circle2
-     * The The second circle.
+     * The second circle.
      *
      * @return {boolean}
      * Returns true if circle1 is completely overlapping circle2, false if not.

package/es-modules/Core/Globals.js

@@ -24,14 +24,14 @@ var Globals;
      *  Constants
      *
      * */
-    Globals.SVG_NS = 'http://www.w3.org/2000/svg', Globals.product = 'Highcharts', Globals.version = '11.3.0', Globals.win = (typeof window !== 'undefined' ?
+    Globals.SVG_NS = 'http://www.w3.org/2000/svg', Globals.product = 'Highcharts', Globals.version = '@product.version@', Globals.win = (typeof window !== 'undefined' ?
         window :
         {}), // eslint-disable-line node/no-unsupported-features/es-builtins
     Globals.doc = Globals.win.document, Globals.svg = (Globals.doc &&
         Globals.doc.createElementNS &&
         !!Globals.doc.createElementNS(Globals.SVG_NS, 'svg').createSVGRect), Globals.userAgent = (Globals.win.navigator && Globals.win.navigator.userAgent) || '', Globals.isChrome = Globals.userAgent.indexOf('Chrome') !== -1, Globals.isFirefox = Globals.userAgent.indexOf('Firefox') !== -1, Globals.isMS = /(edge|msie|trident)/i.test(Globals.userAgent) && !Globals.win.opera, Globals.isSafari = !Globals.isChrome && Globals.userAgent.indexOf('Safari') !== -1, Globals.isTouchDevice = /(Mobile|Android|Windows Phone)/.test(Globals.userAgent), Globals.isWebKit = Globals.userAgent.indexOf('AppleWebKit') !== -1, Globals.deg2rad = Math.PI * 2 / 360, Globals.hasBidiBug = (Globals.isFirefox &&
         parseInt(Globals.userAgent.split('Firefox/')[1], 10) < 4 // issue #38
-    ), Globals.hasTouch = !!Globals.win.TouchEvent, Globals.marginNames = [
+    ), Globals.marginNames = [
         'plotTop',
         'marginRight',
         'marginBottom',

package/es-modules/Core/HttpUtilities.js

@@ -9,9 +9,9 @@
  * */
 'use strict';
 import G from '../Core/Globals.js';
-const { doc, win } = G;
+const { win } = G;
 import U from '../Core/Utilities.js';
-const { createElement, discardElement, merge, objectEach } = U;
+const { discardElement, objectEach } = U;
 /* *
  *
  *  Functions
@@ -26,7 +26,7 @@ const { createElement, discardElement, merge, objectEach } = U;
  *        The Ajax settings to use.
  *
  * @return {false|undefined}
- *         Returns false, if error occured.
+ *         Returns false, if error occurred.
  */
 function ajax(settings) {
     const headers = {
@@ -41,7 +41,7 @@ function ajax(settings) {
      * @param {XMLHttpRequest} xhr
      * Internal request object.
      * @param {string|Error} err
-     * Occured error.
+     * Occurred error.
      */
     function handleError(xhr, err) {
         if (settings.error) {

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

@@ -25,7 +25,7 @@ const { addEvent, createElement, css, defined, discardElement, find, fireEvent,
  *
  * */
 /**
- * The overview of the chart's series. The legend object is instanciated
+ * The overview of the chart's series. The legend object is instantiated
  * internally in the chart constructor, and is available from the `chart.legend`
  * property. Each chart has only one legend.
  *
@@ -1171,7 +1171,7 @@ class Legend {
      * @private
      */
     function compose(ChartClass) {
-        if (pushUnique(composed, compose)) {
+        if (pushUnique(composed, 'Core.Legend')) {
             addEvent(ChartClass, 'beforeMargins', function () {
                 /**
                  * The legend contains an interactive overview over chart items,
@@ -1219,10 +1219,10 @@ export default Legend;
  * @callback Highcharts.PointLegendItemClickCallbackFunction
  *
  * @param {Highcharts.Point} this
- *        The point on which the event occured.
+ *        The point on which the event occurred.
  *
  * @param {Highcharts.PointLegendItemClickEventObject} event
- *        The event that occured.
+ *        The event that occurred.
  */
 /**
  * Information about the legend click event.
@@ -1263,10 +1263,10 @@ export default Legend;
  * @callback Highcharts.SeriesLegendItemClickCallbackFunction
  *
  * @param {Highcharts.Series} this
- *        The series where the event occured.
+ *        The series where the event occurred.
  *
  * @param {Highcharts.SeriesLegendItemClickEventObject} event
- *        The event that occured.
+ *        The event that occurred.
  */
 /**
  * Information about the legend click event.

package/es-modules/Core/MSPointer.js

@@ -44,12 +44,12 @@ function getWebkitTouches() {
 }
 /** @private */
 function translateMSPointer(e, method, wktype, func) {
-    const chart = charts[Pointer.hoverChartIndex || NaN];
-    if ((e.pointerType === 'touch' ||
-        e.pointerType === e.MSPOINTER_TYPE_TOUCH) && chart) {
-        const p = chart.pointer;
+    const pointer = charts[Pointer.hoverChartIndex ?? -1]?.pointer;
+    if (pointer &&
+        (e.pointerType === 'touch' ||
+            e.pointerType === e.MSPOINTER_TYPE_TOUCH)) {
         func(e);
-        p[method]({
+        pointer[method]({
             type: wktype,
             target: e.currentTarget,
             preventDefault: noop,
@@ -70,7 +70,7 @@ class MSPointer extends Pointer {
      *
      * */
     static isRequired() {
-        return !!(!H.hasTouch && (win.PointerEvent || win.MSPointerEvent));
+        return !!(!win.TouchEvent && (win.PointerEvent || win.MSPointerEvent));
     }
     /* *
      *
@@ -161,7 +161,7 @@ class MSPointer extends Pointer {
      * @private
      */
     function compose(ChartClass) {
-        if (pushUnique(composed, compose)) {
+        if (pushUnique(composed, 'Core.MSPointer')) {
             addEvent(ChartClass, 'beforeRender', function () {
                 this.pointer = new MSPointer(this, this.options);
             });