highcharts 11.4.3 → 11.4.4

package/modules/stock.src.js

@@ -1,5 +1,5 @@
 /**
- * @license Highstock JS v11.4.3 (2024-05-22)
+ * @license Highstock JS v11.4.4 (2024-07-02)
  *
  * Highcharts Stock as a plugin for Highcharts
  *
@@ -28,7 +28,7 @@
             obj[path] = fn.apply(null, args);
 
             if (typeof CustomEvent === 'function') {
-                window.dispatchEvent(new CustomEvent(
+                Highcharts.win.dispatchEvent(new CustomEvent(
                     'HighchartsModuleLoaded',
                     { detail: { path: path, module: obj[path] } }
                 ));
@@ -1263,7 +1263,7 @@
                  *
                  * @type {Highcharts.ColorString|null}
                  */
-                lineColor: null,
+                lineColor: null, // #4602
                 marker: {
                     enabled: false
                 },
@@ -1979,7 +1979,7 @@
              *
              * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
              */
-            trackBackgroundColor: 'rgba(255, 255, 255, 0.001)',
+            trackBackgroundColor: 'rgba(255, 255, 255, 0.001)', // #18922
             /**
              * The color of the border of the scrollbar track.
              *
@@ -2669,7 +2669,7 @@
 
         return Scrollbar;
     });
-    _registerModule(_modules, 'Stock/Navigator/Navigator.js', [_modules['Core/Axis/Axis.js'], _modules['Stock/Navigator/ChartNavigatorComposition.js'], _modules['Core/Defaults.js'], _modules['Core/Globals.js'], _modules['Core/Axis/NavigatorAxisComposition.js'], _modules['Stock/Navigator/NavigatorComposition.js'], _modules['Stock/Scrollbar/Scrollbar.js'], _modules['Core/Utilities.js']], function (Axis, ChartNavigatorComposition, D, H, NavigatorAxisAdditions, NavigatorComposition, Scrollbar, U) {
+    _registerModule(_modules, 'Stock/Navigator/Navigator.js', [_modules['Core/Axis/Axis.js'], _modules['Stock/Navigator/ChartNavigatorComposition.js'], _modules['Core/Defaults.js'], _modules['Core/Globals.js'], _modules['Core/Axis/NavigatorAxisComposition.js'], _modules['Stock/Navigator/NavigatorComposition.js'], _modules['Stock/Scrollbar/Scrollbar.js'], _modules['Core/Renderer/SVG/SVGRenderer.js'], _modules['Core/Utilities.js']], function (Axis, ChartNavigatorComposition, D, H, NavigatorAxisAdditions, NavigatorComposition, Scrollbar, SVGRenderer, U) {
         /* *
          *
          *  (c) 2010-2024 Torstein Honsi
@@ -2681,6 +2681,7 @@
          * */
         const { defaultOptions } = D;
         const { isTouchDevice } = H;
+        const { prototype: { symbols } } = SVGRenderer;
         const { addEvent, clamp, correctFloat, defined, destroyObjectProperties, erase, extend, find, fireEvent, isArray, isNumber, merge, pick, removeEvent, splat } = U;
         /* *
          *
@@ -2730,6 +2731,7 @@
              *
              * */
             constructor(chart) {
+                this.isDirty = false;
                 this.scrollbarHeight = 0;
                 this.init(chart);
             }
@@ -2800,9 +2802,9 @@
                         ],
                         // Top right of zoomed range
                         ['L', left + height, verticalMin],
-                        ['L', left, verticalMin],
-                        ['M', left, zoomedMax],
-                        ['L', left + height, zoomedMax],
+                        ['L', left, verticalMin], // Top left of z.r.
+                        ['M', left, zoomedMax], // Bottom left of z.r.
+                        ['L', left + height, zoomedMax], // Bottom right of z.r.
                         [
                             'L',
                             left + height,
@@ -2840,7 +2842,7 @@
                         [
                             'L',
                             left + navigatorSize + scrollButtonSize * 2,
-                            navigatorTop + halfOutline
+                            lineTop
                         ]
                     ];
                     if (maskInside) {
@@ -2908,7 +2910,7 @@
                 });
             }
             /**
-             * Generate DOM elements for a navigator:
+             * Generate and update DOM elements for a navigator:
              *
              * - main navigator group
              *
@@ -2926,39 +2928,40 @@
                     cursor: inverted ? 'ns-resize' : 'ew-resize'
                 }, 
                 // Create the main navigator group
-                navigatorGroup = navigator.navigatorGroup = renderer
-                    .g('navigator')
-                    .attr({
-                    zIndex: 8,
-                    visibility: 'hidden'
-                })
-                    .add();
+                navigatorGroup = navigator.navigatorGroup ??
+                    (navigator.navigatorGroup = renderer
+                        .g('navigator')
+                        .attr({
+                        zIndex: 8,
+                        visibility: 'hidden'
+                    })
+                        .add());
                 // Create masks, each mask will get events and fill:
                 [
                     !maskInside,
                     maskInside,
                     !maskInside
                 ].forEach((hasMask, index) => {
-                    const shade = renderer.rect()
-                        .addClass('highcharts-navigator-mask' +
-                        (index === 1 ? '-inside' : '-outside'))
-                        .add(navigatorGroup);
+                    const shade = navigator.shades[index] ??
+                        (navigator.shades[index] = renderer.rect()
+                            .addClass('highcharts-navigator-mask' +
+                            (index === 1 ? '-inside' : '-outside'))
+                            .add(navigatorGroup));
                     if (!chart.styledMode) {
                         shade.attr({
-                            fill: hasMask ?
-                                navigatorOptions.maskFill :
-                                'rgba(0,0,0,0)'
+                            fill: hasMask ? navigatorOptions.maskFill : 'rgba(0,0,0,0)'
                         });
                         if (index === 1) {
                             shade.css(mouseCursor);
                         }
                     }
-                    navigator.shades[index] = shade;
                 });
                 // Create the outline:
-                navigator.outline = renderer.path()
-                    .addClass('highcharts-navigator-outline')
-                    .add(navigatorGroup);
+                if (!navigator.outline) {
+                    navigator.outline = renderer.path()
+                        .addClass('highcharts-navigator-outline')
+                        .add(navigatorGroup);
+                }
                 if (!chart.styledMode) {
                     navigator.outline.attr({
                         'stroke-width': navigatorOptions.outlineWidth,
@@ -2966,10 +2969,27 @@
                     });
                 }
                 // Create the handlers:
-                if (navigatorOptions.handles && navigatorOptions.handles.enabled) {
+                if (navigatorOptions.handles?.enabled) {
                     const handlesOptions = navigatorOptions.handles, { height, width } = handlesOptions;
                     [0, 1].forEach((index) => {
-                        navigator.handles[index] = renderer.symbol(handlesOptions.symbols[index], -width / 2 - 1, 0, width, height, handlesOptions);
+                        const symbolName = handlesOptions.symbols[index];
+                        if (!navigator.handles[index]) {
+                            navigator.handles[index] = renderer.symbol(symbolName, -width / 2 - 1, 0, width, height, handlesOptions);
+                            // Z index is 6 for right handle, 7 for left. Can't be 10,
+                            // because of the tooltip in inverted chart (#2908).
+                            navigator.handles[index].attr({ zIndex: 7 - index })
+                                .addClass('highcharts-navigator-handle ' +
+                                'highcharts-navigator-handle-' +
+                                ['left', 'right'][index]).add(navigatorGroup);
+                            // If the navigator symbol changed, update its path and name
+                        }
+                        else if (symbolName !== navigator.handles[index].symbolName) {
+                            const symbolFn = symbols[symbolName], path = symbolFn.call(symbols, -width / 2 - 1, 0, width, height);
+                            navigator.handles[index].attr({
+                                d: path
+                            });
+                            navigator.handles[index].symbolName = symbolName;
+                        }
                         if (chart.inverted) {
                             navigator.handles[index].attr({
                                 rotation: 90,
@@ -2977,18 +2997,16 @@
                                 rotationOriginY: (height + width) / 2
                             });
                         }
-                        // Z index is 6 for right handle, 7 for left. Can't be 10,
-                        // because of the tooltip in inverted chart (#2908).
-                        navigator.handles[index].attr({ zIndex: 7 - index })
-                            .addClass('highcharts-navigator-handle ' +
-                            'highcharts-navigator-handle-' +
-                            ['left', 'right'][index]).add(navigatorGroup);
                         if (!chart.styledMode) {
                             navigator.handles[index]
                                 .attr({
                                 fill: handlesOptions.backgroundColor,
                                 stroke: handlesOptions.borderColor,
-                                'stroke-width': handlesOptions.lineWidth
+                                'stroke-width': handlesOptions.lineWidth,
+                                width: handlesOptions.width,
+                                height: handlesOptions.height,
+                                x: -width / 2 - 1,
+                                y: 0
                             })
                                 .css(mouseCursor);
                         }
@@ -3004,18 +3022,53 @@
              * @param {Highcharts.NavigatorOptions} options
              *        Options to merge in when updating navigator
              */
-            update(options) {
-                // Remove references to old navigator series in base series
-                (this.series || []).forEach((series) => {
-                    if (series.baseSeries) {
-                        delete series.baseSeries.navigatorSeries;
+            update(options, redraw = false) {
+                const chart = this.chart, invertedUpdate = chart.options.chart.inverted !==
+                    chart.scrollbar?.options.vertical;
+                merge(true, chart.options.navigator, options);
+                this.navigatorOptions = chart.options.navigator || {};
+                this.setOpposite();
+                // Revert to destroy/init for navigator/scrollbar enabled toggle
+                if (defined(options.enabled) || invertedUpdate) {
+                    this.destroy();
+                    this.navigatorEnabled = options.enabled || this.navigatorEnabled;
+                    return this.init(chart);
+                }
+                if (this.navigatorEnabled) {
+                    this.isDirty = true;
+                    if (options.adaptToUpdatedData === false) {
+                        this.baseSeries.forEach((series) => {
+                            removeEvent(series, 'updatedData', this.updatedDataHandler);
+                        }, this);
                     }
-                });
-                // Destroy and rebuild navigator
-                this.destroy();
-                const chartOptions = this.chart.options;
-                merge(true, chartOptions.navigator, options);
-                this.init(this.chart);
+                    if (options.adaptToUpdatedData) {
+                        this.baseSeries.forEach((series) => {
+                            series.eventsToUnbind.push(addEvent(series, 'updatedData', this.updatedDataHandler));
+                        }, this);
+                    }
+                    // Update navigator series
+                    if (options.series || options.baseSeries) {
+                        this.setBaseSeries(void 0, false);
+                    }
+                    // Update navigator axis
+                    if (options.height || options.xAxis || options.yAxis) {
+                        this.height = options.height ?? this.height;
+                        const offsets = this.getXAxisOffsets();
+                        this.xAxis.update({
+                            ...options.xAxis,
+                            offsets,
+                            [chart.inverted ? 'width' : 'height']: this.height,
+                            [chart.inverted ? 'height' : 'width']: void 0
+                        }, false);
+                        this.yAxis.update({
+                            ...options.yAxis,
+                            [chart.inverted ? 'width' : 'height']: this.height
+                        }, false);
+                    }
+                }
+                if (redraw) {
+                    chart.redraw();
+                }
             }
             /**
              * Render the navigator
@@ -3038,6 +3091,10 @@
                 if (this.hasDragged && !defined(pxMin)) {
                     return;
                 }
+                if (this.isDirty) {
+                    // Update DOM navigator elements
+                    this.renderElements();
+                }
                 min = correctFloat(min - pointRange / 2);
                 max = correctFloat(max + pointRange / 2);
                 // Don't render the navigator until we have data (#486, #4202, #5172).
@@ -3138,6 +3195,7 @@
                     navigator.zoomedMin / (navigatorSize || 1), navigator.zoomedMax / (navigatorSize || 1));
                 }
                 navigator.rendered = true;
+                this.isDirty = false;
                 fireEvent(this, 'afterRender');
             }
             /**
@@ -3472,6 +3530,16 @@
                     }
                 }
             }
+            /**
+             * Calculate the navigator xAxis offsets
+             *
+             * @private
+             */
+            getXAxisOffsets() {
+                return (this.chart.inverted ?
+                    [this.scrollButtonSize, 0, -this.scrollButtonSize, 0] :
+                    [0, -this.scrollButtonSize, 0, this.scrollButtonSize]);
+            }
             /**
              * Initialize the Navigator object
              *
@@ -3491,11 +3559,12 @@
                 this.navigatorEnabled = navigatorEnabled;
                 this.navigatorOptions = navigatorOptions;
                 this.scrollbarOptions = scrollbarOptions;
-                this.opposite = pick(navigatorOptions.opposite, Boolean(!navigatorEnabled && chart.inverted)); // #6262
+                this.setOpposite();
                 const navigator = this, baseSeries = navigator.baseSeries, xAxisIndex = chart.xAxis.length, yAxisIndex = chart.yAxis.length, baseXaxis = baseSeries && baseSeries[0] && baseSeries[0].xAxis ||
                     chart.xAxis[0] || { options: {} };
                 chart.isDirtyBox = true;
                 if (navigator.navigatorEnabled) {
+                    const offsets = this.getXAxisOffsets();
                     // An x axis is required for scrollbar also
                     navigator.xAxis = new Axis(chart, merge({
                         // Inherit base xAxis' break, ordinal options and overscroll
@@ -3507,18 +3576,21 @@
                         index: xAxisIndex,
                         isInternal: true,
                         offset: 0,
-                        keepOrdinalPadding: true,
+                        keepOrdinalPadding: true, // #2436
                         startOnTick: false,
                         endOnTick: false,
-                        minPadding: 0,
-                        maxPadding: 0,
+                        // Inherit base xAxis' padding when ordinal is false (#16915).
+                        minPadding: baseXaxis.options.ordinal ? 0 :
+                            baseXaxis.options.minPadding,
+                        maxPadding: baseXaxis.options.ordinal ? 0 :
+                            baseXaxis.options.maxPadding,
                         zoomEnabled: false
                     }, chart.inverted ? {
-                        offsets: [scrollButtonSize, 0, -scrollButtonSize, 0],
+                        offsets,
                         width: height
                     } : {
-                        offsets: [0, -scrollButtonSize, 0, scrollButtonSize],
-                        height: height
+                        offsets,
+                        height
                     }), 'xAxis');
                     navigator.yAxis = new Axis(chart, merge(navigatorOptions.yAxis, {
                         alignTicks: false,
@@ -3526,7 +3598,7 @@
                         index: yAxisIndex,
                         isInternal: true,
                         reversed: pick((navigatorOptions.yAxis &&
-                            navigatorOptions.yAxis.reversed), (chart.yAxis[0] && chart.yAxis[0].reversed), false),
+                            navigatorOptions.yAxis.reversed), (chart.yAxis[0] && chart.yAxis[0].reversed), false), // #14060
                         zoomEnabled: false
                     }, chart.inverted ? {
                         width: height
@@ -3601,6 +3673,15 @@
                 // Add redraw events
                 navigator.addChartEvents();
             }
+            /**
+             * Set the opposite property on navigator
+             *
+             * @private
+             */
+            setOpposite() {
+                const navigatorOptions = this.navigatorOptions, navigatorEnabled = this.navigatorEnabled, chart = this.chart;
+                this.opposite = pick(navigatorOptions.opposite, Boolean(!navigatorEnabled && chart.inverted)); // #6262
+            }
             /**
              * Get the union data extremes of the chart - the outer data extremes of the
              * base X axis and the navigator axis.
@@ -3668,14 +3749,14 @@
             updateNavigatorSeries(addEvents, redraw) {
                 const navigator = this, chart = navigator.chart, baseSeries = navigator.baseSeries, navSeriesMixin = {
                     enableMouseTracking: false,
-                    index: null,
-                    linkedTo: null,
-                    group: 'nav',
+                    index: null, // #6162
+                    linkedTo: null, // #6734
+                    group: 'nav', // For columns
                     padXAxis: false,
                     xAxis: this.navigatorOptions.xAxis?.id,
                     yAxis: this.navigatorOptions.yAxis?.id,
                     showInLegend: false,
-                    stacking: void 0,
+                    stacking: void 0, // #4823
                     isInternal: true,
                     states: {
                         inactive: {
@@ -3830,6 +3911,9 @@
                     }
                     // Handle series removal
                     base.eventsToUnbind.push(addEvent(base, 'remove', function () {
+                        if (baseSeries) {
+                            erase(baseSeries, base); // #21043
+                        }
                         if (this.navigatorSeries) {
                             erase(navigator.series, this.navigatorSeries);
                             if (defined(this.navigatorSeries.options)) {
@@ -4046,6 +4130,7 @@
                 [this.handles].forEach((coll) => {
                     destroyObjectProperties(coll);
                 });
+                this.navigatorEnabled = false;
             }
         }
         /* *
@@ -4116,6 +4201,7 @@
                     addEvent(AxisClass, 'afterSetScale', onAxisAfterSetScale);
                     addEvent(AxisClass, 'initialAxisTranslation', onAxisInitialAxisTranslation);
                     addEvent(ChartClass, 'pan', onChartPan);
+                    addEvent(ChartClass, 'touchpan', onChartPan);
                     addEvent(SeriesClass, 'updatedData', onSeriesUpdatedData);
                 }
                 return AxisClass;
@@ -4425,7 +4511,9 @@
                 if (panning &&
                     panning.type !== 'y' &&
                     xAxis.options.ordinal &&
-                    xAxis.series.length) {
+                    xAxis.series.length &&
+                    // On touch devices, let default function handle the pinching
+                    (!e.touches || e.touches.length <= 1)) {
                     const mouseDownX = chart.mouseDownX, extremes = xAxis.getExtremes(), dataMin = extremes.dataMin, dataMax = extremes.dataMax, min = extremes.min, max = extremes.max, hoverPoints = chart.hoverPoints, closestPointRange = (xAxis.closestPointRange ||
                         (xAxis.ordinal && xAxis.ordinal.overscrollPointsRange)), pointPixelWidth = (xAxis.translationSlope *
                         (xAxis.ordinal.slope || closestPointRange)), 
@@ -4846,7 +4934,7 @@
                             ordinal: {
                                 getGroupIntervalFactor: this.getGroupIntervalFactor
                             },
-                            ordinal2lin: axisProto.ordinal2lin,
+                            ordinal2lin: axisProto.ordinal2lin, // #6276
                             getIndexOfPoint: axisProto.getIndexOfPoint,
                             val2lin: axisProto.val2lin // #2590
                         };
@@ -5423,7 +5511,7 @@
              * @type  {number|undefined}
              * @since 2.1.9
              */
-            height: void 0,
+            height: void 0, // Reserved space for buttons and input
             /**
              * The border color of the date input boxes.
              *
@@ -6541,7 +6629,7 @@
                         position: 'absolute',
                         border: 0,
                         boxShadow: '0 0 15px rgba(0,0,0,0.3)',
-                        width: '1px',
+                        width: '1px', // Chrome needs a pixel to see it
                         height: '1px',
                         padding: 0,
                         textAlign: 'center',
@@ -7562,7 +7650,7 @@
             // case (#6615)
             if ('scrollbar' in options && chart.navigator) {
                 merge(true, chart.options.scrollbar, options.scrollbar);
-                chart.navigator.update({});
+                chart.navigator.update({ enabled: !!chart.navigator.navigatorEnabled });
                 delete options.scrollbar;
             }
         });
@@ -8392,7 +8480,7 @@
         HLCSeries.defaultOptions = merge(ColumnSeries.defaultOptions, HLCSeriesDefaults);
         extend(HLCSeries.prototype, {
             pointClass: HLCPoint,
-            animate: null,
+            animate: null, // Disable animation
             directTouch: false,
             pointArrayMap: ['high', 'low', 'close'],
             pointAttrToOptions: {
@@ -9215,7 +9303,7 @@
              * @product   highstock
              * @apioption plotOptions.flags.onSeries
              */
-            pointRange: 0,
+            pointRange: 0, // #673
             /**
              * Whether the flags are allowed to overlap sideways. If `false`, the
              * flags are moved sideways using an algorithm that seeks to place every
@@ -10046,11 +10134,11 @@
         extend(FlagsSeries.prototype, {
             allowDG: false,
             forceCrop: true,
-            invertible: false,
+            invertible: false, // Flags series group should not be invertible (#14063).
             noSharedTooltip: true,
             pointClass: FlagsPoint,
             sorted: false,
-            takeOrdinalPosition: false,
+            takeOrdinalPosition: false, // #1074
             trackerGroups: ['markerGroup'],
             buildKDTree: noop,
             /**
@@ -10992,7 +11080,7 @@
          */
         const units = [
             [
-                'millisecond',
+                'millisecond', // Unit name
                 [1, 2, 5, 10, 20, 25, 50, 100, 200, 500] // Allowed multiples
             ], [
                 'second',
@@ -11866,8 +11954,7 @@
          *
          * @declare   Highcharts.DataGroupingOptionsObject
          * @product   highstock
-         * @requires  product:highstock
-         * @requires  module:modules/datagrouping
+         * @requires  modules/stock
          * @apioption plotOptions.series.dataGrouping
          */
         /**
@@ -12481,4 +12568,4 @@
 
         return Highcharts;
     });
-}));
+}));

package/modules/streamgraph.js

@@ -1,9 +1,9 @@
 !/**
- * Highcharts JS v11.4.3 (2024-05-22)
+ * Highcharts JS v11.4.4 (2024-07-02)
  *
  * Streamgraph module
  *
  * (c) 2010-2024 Torstein Honsi
  *
  * License: www.highcharts.com/license
- */function(e){"object"==typeof module&&module.exports?(e.default=e,module.exports=e):"function"==typeof define&&define.amd?define("highcharts/modules/streamgraph",["highcharts"],function(t){return e(t),e.Highcharts=t,e}):e("undefined"!=typeof Highcharts?Highcharts:void 0)}(function(e){"use strict";var t=e?e._modules:{};function r(e,t,r,s){e.hasOwnProperty(t)||(e[t]=s.apply(null,r),"function"==typeof CustomEvent&&window.dispatchEvent(new CustomEvent("HighchartsModuleLoaded",{detail:{path:t,module:e[t]}})))}r(t,"Series/Streamgraph/StreamgraphSeriesDefaults.js",[],function(){return{fillOpacity:1,lineWidth:0,marker:{enabled:!1},stacking:"stream"}}),r(t,"Series/Streamgraph/StreamgraphSeries.js",[t["Core/Series/SeriesRegistry.js"],t["Series/Streamgraph/StreamgraphSeriesDefaults.js"],t["Core/Utilities.js"]],function(e,t,r){let{areaspline:s}=e.seriesTypes,{merge:a,extend:i}=r;class n extends s{streamStacker(e,t,r){e[0]-=t.total/2,e[1]-=t.total/2,this.stackedYData[r]=e}}return n.defaultOptions=a(s.defaultOptions,t),i(n.prototype,{negStacks:!1}),e.registerSeriesType("streamgraph",n),n}),r(t,"masters/modules/streamgraph.src.js",[t["Core/Globals.js"]],function(e){return e})});
+ */function(e){"object"==typeof module&&module.exports?(e.default=e,module.exports=e):"function"==typeof define&&define.amd?define("highcharts/modules/streamgraph",["highcharts"],function(t){return e(t),e.Highcharts=t,e}):e("undefined"!=typeof Highcharts?Highcharts:void 0)}(function(e){"use strict";var t=e?e._modules:{};function r(t,r,s,a){t.hasOwnProperty(r)||(t[r]=a.apply(null,s),"function"==typeof CustomEvent&&e.win.dispatchEvent(new CustomEvent("HighchartsModuleLoaded",{detail:{path:r,module:t[r]}})))}r(t,"Series/Streamgraph/StreamgraphSeriesDefaults.js",[],function(){return{fillOpacity:1,lineWidth:0,marker:{enabled:!1},stacking:"stream"}}),r(t,"Series/Streamgraph/StreamgraphSeries.js",[t["Core/Series/SeriesRegistry.js"],t["Series/Streamgraph/StreamgraphSeriesDefaults.js"],t["Core/Utilities.js"]],function(e,t,r){let{areaspline:s}=e.seriesTypes,{merge:a,extend:i}=r;class n extends s{streamStacker(e,t,r){e[0]-=t.total/2,e[1]-=t.total/2,this.stackedYData[r]=e}}return n.defaultOptions=a(s.defaultOptions,t),i(n.prototype,{negStacks:!1}),e.registerSeriesType("streamgraph",n),n}),r(t,"masters/modules/streamgraph.src.js",[t["Core/Globals.js"]],function(e){return e})});

package/modules/streamgraph.src.js

@@ -1,5 +1,5 @@
 /**
- * @license Highcharts JS v11.4.3 (2024-05-22)
+ * @license Highcharts JS v11.4.4 (2024-07-02)
  *
  * Streamgraph module
  *
@@ -28,7 +28,7 @@
             obj[path] = fn.apply(null, args);
 
             if (typeof CustomEvent === 'function') {
-                window.dispatchEvent(new CustomEvent(
+                Highcharts.win.dispatchEvent(new CustomEvent(
                     'HighchartsModuleLoaded',
                     { detail: { path: path, module: obj[path] } }
                 ));
@@ -252,4 +252,4 @@
 
         return Highcharts;
     });
-}));
+}));

package/modules/sunburst.d.ts

@@ -16,6 +16,46 @@ declare module "../highcharts" {
     interface BreadcrumbsOptions {
         buttonTheme?: SVGAttributes;
     }
+    interface SVGElement {
+        /**
+         * Attach a polygon to a bounding box if the element contains a
+         * textPath.
+         *
+         * @param event
+         *        An event containing a bounding box object
+         *
+         * @return Returns the bounding box object.
+         */
+        setPolygon(event: any): BBoxObject;
+        /**
+         * Draw text along a textPath for a dataLabel.
+         *
+         * @param event
+         *        An event containing label options
+         */
+        setTextPath(event: any): void;
+        /**
+         * Set a text path for a `text` or `label` element, allowing the text to
+         * flow along a path.
+         *
+         * In order to unset the path for an existing element, call
+         * `setTextPath` with `{ enabled: false }` as the second argument.
+         *
+         * Text path support is not bundled into `highcharts.js`, and requires
+         * the `modules/textpath.js` file. However, it is included in the script
+         * files of those series types that use it by default
+         *
+         * @param path
+         *        Path to follow. If undefined, it allows changing options for
+         *        the existing path.
+         *
+         * @param textPathOptions
+         *        Options.
+         *
+         * @return Returns the SVGElement for chaining.
+         */
+        setTextPath(path: (SVGElement|undefined), textPathOptions: DataLabelsTextPathOptionsObject): SVGElement;
+    }
     function recursive(): void;
 }
 export default factory;