highcharts 11.4.3 → 11.4.5

package/es-modules/Extensions/Data.js

@@ -67,7 +67,7 @@ function hasURLOption(options) {
 /**
  * The Data class
  *
- * @requires module:modules/data
+ * @requires modules/data
  *
  * @class
  * @name Highcharts.Data
@@ -130,7 +130,7 @@ class Data {
          */
         this.dateFormats = {
             'YYYY/mm/dd': {
-                regex: /^([0-9]{4})[\-\/\.]([0-9]{1,2})[\-\/\.]([0-9]{1,2})$/,
+                regex: /^(\d{4})[\-\/\.](\d{1,2})[\-\/\.](\d{1,2})$/,
                 parser: function (match) {
                     return (match ?
                         Date.UTC(+match[1], match[2] - 1, +match[3]) :
@@ -138,7 +138,7 @@ class Data {
                 }
             },
             'dd/mm/YYYY': {
-                regex: /^([0-9]{1,2})[\-\/\.]([0-9]{1,2})[\-\/\.]([0-9]{4})$/,
+                regex: /^(\d{1,2})[\-\/\.](\d{1,2})[\-\/\.](\d{4})$/,
                 parser: function (match) {
                     return (match ?
                         Date.UTC(+match[3], match[2] - 1, +match[1]) :
@@ -147,7 +147,7 @@ class Data {
                 alternative: 'mm/dd/YYYY' // Different format with the same regex
             },
             'mm/dd/YYYY': {
-                regex: /^([0-9]{1,2})[\-\/\.]([0-9]{1,2})[\-\/\.]([0-9]{4})$/,
+                regex: /^(\d{1,2})[\-\/\.](\d{1,2})[\-\/\.](\d{4})$/,
                 parser: function (match) {
                     return (match ?
                         Date.UTC(+match[3], match[1] - 1, +match[2]) :
@@ -155,7 +155,7 @@ class Data {
                 }
             },
             'dd/mm/YY': {
-                regex: /^([0-9]{1,2})[\-\/\.]([0-9]{1,2})[\-\/\.]([0-9]{2})$/,
+                regex: /^(\d{1,2})[\-\/\.](\d{1,2})[\-\/\.](\d{2})$/,
                 parser: function (match) {
                     if (!match) {
                         return NaN;
@@ -173,7 +173,7 @@ class Data {
                 alternative: 'mm/dd/YY' // Different format with the same regex
             },
             'mm/dd/YY': {
-                regex: /^([0-9]{1,2})[\-\/\.]([0-9]{1,2})[\-\/\.]([0-9]{2})$/,
+                regex: /^(\d{1,2})[\-\/\.](\d{1,2})[\-\/\.](\d{2})$/,
                 parser: function (match) {
                     return (match ?
                         Date.UTC(+match[3] + 2000, match[1] - 1, +match[2]) :
@@ -1023,7 +1023,7 @@ class Data {
         if (typeof str === 'string') {
             str = str.replace(/^\s+|\s+$/g, '');
             // Clear white space inside the string, like thousands separators
-            if (inside && /^-?[0-9\s]+$/.test(str)) {
+            if (inside && /[\d\s]+/.test(str)) {
                 str = str.replace(/\s/g, '');
             }
             if (this.decimalRegex) {
@@ -1195,10 +1195,10 @@ class Data {
             }
             // Fall back to Date.parse
             if (!match) {
-                if (val.match(/:.+(GMT|UTC|[Z+-])/)) {
+                if (val.match(/:.+(GMT|UTC|[Z+\-])/)) {
                     val = val
-                        .replace(/\s*(?:GMT|UTC)?([+-])(\d\d)(\d\d)$/, '$1$2:$3')
-                        .replace(/(?:\s+|GMT|UTC)([+-])/, '$1')
+                        .replace(/\s*(?:GMT|UTC)?([+\-])(\d\d)(\d\d)$/, '$1$2:$3')
+                        .replace(/(?:\s+|GMT|UTC)([+\-])/, '$1')
                         .replace(/(\d)\s*(?:GMT|UTC|Z)$/, '$1+00:00');
                 }
                 match = Date.parse(val);
@@ -1712,7 +1712,7 @@ export default Data;
  * A callback function to modify the CSV before parsing it. Return the modified
  * string.
  *
- * @sample {highcharts} highcharts/demo/line-ajax/
+ * @sample {highcharts} highcharts/demo/line-csv/
  *         Modify CSV before parse
  *
  * @type      {Highcharts.DataBeforeParseCallbackFunction}

package/es-modules/Extensions/DataGrouping/DataGrouping.js

@@ -187,8 +187,7 @@ export default DataGroupingComposition;
  *
  * @declare   Highcharts.DataGroupingOptionsObject
  * @product   highstock
- * @requires  product:highstock
- * @requires  module:modules/datagrouping
+ * @requires  modules/stock
  * @apioption plotOptions.series.dataGrouping
  */
 /**

package/es-modules/Extensions/DataGrouping/DataGroupingDefaults.js

@@ -105,7 +105,7 @@ const seriesSpecific = {
  */
 const units = [
     [
-        'millisecond',
+        'millisecond', // Unit name
         [1, 2, 5, 10, 20, 25, 50, 100, 200, 500] // Allowed multiples
     ], [
         'second',

package/es-modules/Extensions/DownloadURL.js

@@ -40,7 +40,7 @@ const domurl = win.URL || win.webkitURL || win;
 function dataURLtoBlob(dataURL) {
     const parts = dataURL
         .replace(/filename=.*;/, '')
-        .match(/data:([^;]*)(;base64)?,([0-9A-Za-z+/]+)/);
+        .match(/data:([^;]*)(;base64)?,([A-Z+\d\/]+)/i);
     if (parts &&
         parts.length > 3 &&
         (win.atob) &&

package/es-modules/Extensions/Drilldown/Drilldown.js

@@ -76,8 +76,6 @@ function axisGetDDPoints(x) {
  * This method creates an array of arrays containing a level number
  * with the corresponding series/point.
  *
- * @requires  modules/breadcrumbs
- *
  * @private
  * @param {Highcharts.Chart} chart
  *        Highcharts Chart object.

package/es-modules/Extensions/Exporting/Exporting.js

@@ -42,17 +42,17 @@ var Exporting;
      * */
     // These CSS properties are not inlined. Remember camelCase.
     const inlineDenylist = [
-        /-/,
-        /^(clipPath|cssText|d|height|width)$/,
-        /^font$/,
+        /-/, // In Firefox, both hyphened and camelCased names are listed
+        /^(clipPath|cssText|d|height|width)$/, // Full words
+        /^font$/, // More specific props are set
         /[lL]ogical(Width|Height)$/,
         /^parentRule$/,
-        /^(cssRules|ownerRules)$/,
+        /^(cssRules|ownerRules)$/, // #19516 read-only properties
         /perspective/,
         /TapHighlightColor/,
         /^transition/,
-        /^length$/,
-        /^[0-9]+$/ // #17538
+        /^length$/, // #7700
+        /^\d+$/ // #17538
     ];
     // These ones are translated to attributes rather than styles
     const inlineToAttributes = [
@@ -636,7 +636,7 @@ var Exporting;
                 .toLowerCase()
                 .replace(/<\/?[^>]+(>|$)/g, '') // Strip HTML tags
                 .replace(/[\s_]+/g, '-')
-                .replace(/[^a-z0-9\-]/g, '') // Preserve only latin
+                .replace(/[^a-z\d\-]/g, '') // Preserve only latin
                 .replace(/^[\-]+/g, '') // Dashes in the start
                 .replace(/[\-]+/g, '-') // Dashes in a row
                 .substr(0, 24)
@@ -708,7 +708,7 @@ var Exporting;
         options.series = [];
         chart.series.forEach(function (serie) {
             seriesOptions = merge(serie.userOptions, {
-                animation: false,
+                animation: false, // Turn off animation
                 enableMouseTracking: false,
                 showCheckbox: false,
                 visible: serie.visible
@@ -797,8 +797,8 @@ var Exporting;
      * Hyphenated property name
      */
     function hyphenate(prop) {
-        return prop.replace(/([A-Z])/g, function (a, b) {
-            return '-' + b.toLowerCase();
+        return prop.replace(/[A-Z]/g, function (match) {
+            return '-' + match.toLowerCase();
         });
     }
     /**
@@ -920,7 +920,7 @@ var Exporting;
                     for (const key in s) {
                         if (key.length < 1000 /* RegexLimits.shortLimit */ &&
                             typeof s[key] === 'string' &&
-                            !/^[0-9]+$/.test(key)) {
+                            !/^\d+$/.test(key)) {
                             defaults[key] = s[key];
                         }
                     }
@@ -1131,14 +1131,14 @@ var Exporting;
         svg = svg
             .replace(/zIndex="[^"]+"/g, '')
             .replace(/symbolName="[^"]+"/g, '')
-            .replace(/jQuery[0-9]+="[^"]+"/g, '')
+            .replace(/jQuery\d+="[^"]+"/g, '')
             .replace(/url\(("|&quot;)(.*?)("|&quot;)\;?\)/g, 'url($2)')
             .replace(/url\([^#]+#/g, 'url(#')
             .replace(/<svg /, '<svg xmlns:xlink="http://www.w3.org/1999/xlink" ')
-            .replace(/ (|NS[0-9]+\:)href=/g, ' xlink:href=') // #3567
+            .replace(/ (NS\d+\:)?href=/g, ' xlink:href=') // #3567
             .replace(/\n+/g, ' ')
             // Batik doesn't support rgba fills and strokes (#3095)
-            .replace(/(fill|stroke)="rgba\(([ 0-9]+,[ 0-9]+,[ 0-9]+),([ 0-9\.]+)\)"/g, // eslint-disable-line max-len
+            .replace(/(fill|stroke)="rgba\(([ \d]+,[ \d]+,[ \d]+),([ \d\.]+)\)"/g, // eslint-disable-line max-len
         '$1="rgb($2)" $1-opacity="$3"')
             // Replace HTML entities, issue #347
             .replace(/&nbsp;/g, '\u00A0') // No-break space

package/es-modules/Extensions/OverlappingDataLabels.js

@@ -11,6 +11,8 @@
  *
  * */
 'use strict';
+import GeometryUtilities from '../Core/Geometry/GeometryUtilities.js';
+const { pointInPolygon } = GeometryUtilities;
 import U from '../Core/Utilities.js';
 const { addEvent, fireEvent, objectEach, pick } = U;
 /* *
@@ -33,7 +35,14 @@ function chartHideOverlappingLabels(labels) {
     const chart = this, len = labels.length, isIntersectRect = (box1, box2) => !(box2.x >= box1.x + box1.width ||
         box2.x + box2.width <= box1.x ||
         box2.y >= box1.y + box1.height ||
-        box2.y + box2.height <= box1.y);
+        box2.y + box2.height <= box1.y), isPolygonOverlap = (box1Poly, box2Poly) => {
+        for (const p of box1Poly) {
+            if (pointInPolygon({ x: p[0], y: p[1] }, box2Poly)) {
+                return true;
+            }
+        }
+        return false;
+    };
     /**
      * Get the box with its position inside the chart, as opposed to getBBox
      * that only reports the position relative to the parent.
@@ -50,7 +59,8 @@ function chartHideOverlappingLabels(labels) {
                 x: pos.x + (label.parentGroup?.translateX || 0) + padding,
                 y: pos.y + (label.parentGroup?.translateY || 0) + padding,
                 width: (label.width || 0) - 2 * padding,
-                height: (label.height || 0) - 2 * padding
+                height: (label.height || 0) - 2 * padding,
+                polygon: bBox?.polygon
             };
         }
     }
@@ -71,9 +81,11 @@ function chartHideOverlappingLabels(labels) {
     for (let i = 0; i < len; ++i) {
         label1 = labels[i];
         box1 = label1 && label1.absoluteBox;
+        const box1Poly = box1?.polygon;
         for (let j = i + 1; j < len; ++j) {
             label2 = labels[j];
             box2 = label2 && label2.absoluteBox;
+            let toHide = false;
             if (box1 &&
                 box2 &&
                 label1 !== label2 && // #6465, polar chart with connectEnds
@@ -82,9 +94,28 @@ function chartHideOverlappingLabels(labels) {
                 // #15863 dataLabels are no longer hidden by translation
                 label1.visibility !== 'hidden' &&
                 label2.visibility !== 'hidden') {
-                if (isIntersectRect(box1, box2)) {
-                    (label1.labelrank < label2.labelrank ? label1 : label2)
-                        .newOpacity = 0;
+                const box2Poly = box2.polygon;
+                // If labels have polygons, only evaluate
+                // based on polygons
+                if (box1Poly &&
+                    box2Poly &&
+                    box1Poly !== box2Poly) {
+                    if (isPolygonOverlap(box1Poly, box2Poly)) {
+                        toHide = true;
+                    }
+                    // If there are no polygons, evaluate rectangles coliding
+                }
+                else if (isIntersectRect(box1, box2)) {
+                    toHide = true;
+                }
+                if (toHide) {
+                    const overlappingLabel = (label1.labelrank < label2.labelrank ?
+                        label1 :
+                        label2), labelText = overlappingLabel.text;
+                    overlappingLabel.newOpacity = 0;
+                    if (labelText?.element.querySelector('textPath')) {
+                        labelText.hide();
+                    }
                 }
             }
         }

package/es-modules/Extensions/Pane/PaneDefaults.js

@@ -92,7 +92,7 @@ const background = {
         ]
     },
     /** @ignore-option */
-    from: -Number.MAX_VALUE,
+    from: -Number.MAX_VALUE, // Corrected to axis min
     /**
      * The inner radius of the pane background. Can be either numeric
      * (pixels) or a percentage string.
@@ -103,7 +103,7 @@ const background = {
      */
     innerRadius: 0,
     /** @ignore-option */
-    to: Number.MAX_VALUE,
+    to: Number.MAX_VALUE, // Corrected to axis max
     /**
      * The outer radius of the circular pane background. Can be either
      * numeric (pixels) or a percentage string.
@@ -118,6 +118,7 @@ const background = {
  * The pane serves as a container for axes and backgrounds for circular
  * gauges and polar charts.
  *
+ * @type         {*|Array<*>}
  * @since        2.3.0
  * @product      highcharts
  * @requires     highcharts-more

package/es-modules/Extensions/ParallelCoordinates/ParallelCoordinates.js

@@ -105,7 +105,7 @@ var ParallelCoordinates;
          * Flag used in parallel coordinates plot to check if chart has
          * ||-coords (parallel coords).
          *
-         * @requires module:modules/parallel-coordinates
+         * @requires modules/parallel-coordinates
          *
          * @name Highcharts.Chart#hasParallelCoordinates
          * @type {boolean}

package/es-modules/Extensions/Sonification/MIDI.js

@@ -15,10 +15,10 @@ import SonificationInstrument from './SonificationInstrument.js';
 import U from '../../Core/Utilities.js';
 const { pick } = U;
 const freqToNote = (f) => Math.round(12 * Math.log(f) / Math.LN2 - 48.37632), b = (byte, n) => n >>> 8 * byte & 0xFF, getHeader = (nTracks) => [
-    0x4D, 0x54, 0x68, 0x64,
-    0, 0, 0, 6,
-    0, nTracks > 1 ? 1 : 0,
-    b(1, nTracks), b(0, nTracks),
+    0x4D, 0x54, 0x68, 0x64, // HD_TYPE
+    0, 0, 0, 6, // HD_SIZE
+    0, nTracks > 1 ? 1 : 0, // HD_FORMAT
+    b(1, nTracks), b(0, nTracks), // HD_NTRACKS
     // SMTPE: 0xE7 0x28
     // -25/40 time div gives us millisecond SMTPE, but not widely supported.
     1, 0xF4 // HD_TIMEDIV, 500 ticks per beat = millisecond at 120bpm
@@ -51,7 +51,7 @@ varLenEnc = (n) => {
         const o = e.instrumentEventOptions || {}, t = e.time, dur = cachedDur = pick(o.noteDuration, cachedDur), tNOF = dur && e.time + dur, ctrl = [{
                 valMap: (n) => 64 + 63 * n & 0x7F,
                 data: {
-                    0x0A: o.pan,
+                    0x0A: o.pan, // Use MSB only, no need for fine adjust
                     0x5C: o.tremoloDepth,
                     0x5D: o.tremoloSpeed
                 }
@@ -122,8 +122,8 @@ varLenEnc = (n) => {
         metaEvents.length +
         trackEvents.length + trackEnd.length;
     return [
-        0x4D, 0x54, 0x72, 0x6B,
-        b(3, size), b(2, size),
+        0x4D, 0x54, 0x72, 0x6B, // TRK_TYPE
+        b(3, size), b(2, size), // TRK_SIZE
         b(1, size), b(0, size)
     ].concat(addTimeInfo ? timeInfo : [], metaEvents, trackEvents, trackEnd // SYSEX_TRACK_END
     );

package/es-modules/Extensions/Sonification/SonificationInstrument.js

@@ -234,7 +234,6 @@ class SonificationInstrument {
      * @private
      */
     static noteStringToC0Distance(note) {
-        // eslint-disable-next-line require-unicode-regexp
         const match = note.match(/^([a-g][#b]?)([0-8])$/i), semitone = match ? match[1] : 'a', wholetone = semitone[0].toLowerCase(), accidental = semitone[1], octave = match ? parseInt(match[2], 10) : 4, accidentalOffset = accidental === '#' ?
             1 : accidental === 'b' ? -1 : 0;
         return ({

package/es-modules/Extensions/Sonification/TimelineFromChart.js

@@ -17,9 +17,7 @@ import U from '../../Core/Utilities.js';
 const { clamp, defined, extend, getNestedProperty, merge, pick } = U;
 import T from '../../Core/Templating.js';
 const { format } = T;
-const isNoteDefinition = (str) => 
-// eslint-disable-next-line require-unicode-regexp
-(/^([a-g][#b]?)[0-8]$/i).test(str);
+const isNoteDefinition = (str) => (/^([a-g][#b]?)[0-8]$/i).test(str);
 /**
  * Get the value of a point property from string.
  * @private

package/es-modules/Extensions/TextPath.js

@@ -0,0 +1,227 @@
+/* *
+ *
+ *  Highcharts module with textPath functionality.
+ *
+ *  (c) 2009-2024 Torstein Honsi
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+'use strict';
+import H from '../Core/Globals.js';
+import U from '../Core/Utilities.js';
+const { deg2rad } = H;
+const { addEvent, merge, uniqueKey, defined, extend } = U;
+/**
+ * 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
+ *
+ * @sample highcharts/members/renderer-textpath/ Text path demonstrated
+ *
+ * @function Highcharts.SVGElement#setTextPath
+ *
+ * @param {Highcharts.SVGElement|undefined} path
+ *        Path to follow. If undefined, it allows changing options for the
+ *        existing path.
+ *
+ * @param {Highcharts.DataLabelsTextPathOptionsObject} textPathOptions
+ *        Options.
+ *
+ * @return {Highcharts.SVGElement} Returns the SVGElement for chaining.
+ */
+function setTextPath(path, textPathOptions) {
+    // Defaults
+    textPathOptions = merge(true, {
+        enabled: true,
+        attributes: {
+            dy: -5,
+            startOffset: '50%',
+            textAnchor: 'middle'
+        }
+    }, textPathOptions);
+    const url = this.renderer.url, textWrapper = this.text || this, textPath = textWrapper.textPath, { attributes, enabled } = textPathOptions;
+    path = path || (textPath && textPath.path);
+    // Remove previously added event
+    if (textPath) {
+        textPath.undo();
+    }
+    if (path && enabled) {
+        const undo = addEvent(textWrapper, 'afterModifyTree', (e) => {
+            if (path && enabled) {
+                // Set ID for the path
+                let textPathId = path.attr('id');
+                if (!textPathId) {
+                    path.attr('id', textPathId = uniqueKey());
+                }
+                // Set attributes for the <text>
+                const textAttribs = {
+                    // `dx`/`dy` options must by set on <text> (parent), the
+                    // rest should be set on <textPath>
+                    x: 0,
+                    y: 0
+                };
+                if (defined(attributes.dx)) {
+                    textAttribs.dx = attributes.dx;
+                    delete attributes.dx;
+                }
+                if (defined(attributes.dy)) {
+                    textAttribs.dy = attributes.dy;
+                    delete attributes.dy;
+                }
+                textWrapper.attr(textAttribs);
+                // Handle label properties
+                this.attr({ transform: '' });
+                if (this.box) {
+                    this.box = this.box.destroy();
+                }
+                // Wrap the nodes in a textPath
+                const children = e.nodes.slice(0);
+                e.nodes.length = 0;
+                e.nodes[0] = {
+                    tagName: 'textPath',
+                    attributes: extend(attributes, {
+                        'text-anchor': attributes.textAnchor,
+                        href: `${url}#${textPathId}`
+                    }),
+                    children
+                };
+            }
+        });
+        // Set the reference
+        textWrapper.textPath = { path, undo };
+    }
+    else {
+        textWrapper.attr({ dx: 0, dy: 0 });
+        delete textWrapper.textPath;
+    }
+    if (this.added) {
+        // Rebuild text after added
+        textWrapper.textCache = '';
+        this.renderer.buildText(textWrapper);
+    }
+    return this;
+}
+/**
+ * Attach a polygon to a bounding box if the element contains a textPath.
+ *
+ * @function Highcharts.SVGElement#setPolygon
+ *
+ * @param {any} event
+ *        An event containing a bounding box object
+ *
+ * @return {Highcharts.BBoxObject} Returns the bounding box object.
+ */
+function setPolygon(event) {
+    const bBox = event.bBox, tp = this.element?.querySelector('textPath');
+    if (tp) {
+        const polygon = [], { b, h } = this.renderer.fontMetrics(this.element), descender = h - b, lineCleanerRegex = new RegExp('(<tspan>|' +
+            '<tspan(?!\\sclass="highcharts-br")[^>]*>|' +
+            '<\\/tspan>)', 'g'), lines = tp
+            .innerHTML
+            .replace(lineCleanerRegex, '')
+            .split(/<tspan class="highcharts-br"[^>]*>/), numOfLines = lines.length;
+        // Calculate top and bottom coordinates for
+        // either the start or the end of a single
+        // character, and append it to the polygon.
+        const appendTopAndBottom = (charIndex, positionOfChar) => {
+            const { x, y } = positionOfChar, rotation = (tp.getRotationOfChar(charIndex) - 90) * deg2rad, cosRot = Math.cos(rotation), sinRot = Math.sin(rotation);
+            return [
+                [
+                    x - descender * cosRot,
+                    y - descender * sinRot
+                ],
+                [
+                    x + b * cosRot,
+                    y + b * sinRot
+                ]
+            ];
+        };
+        for (let i = 0, lineIndex = 0; lineIndex < numOfLines; lineIndex++) {
+            const line = lines[lineIndex], lineLen = line.length;
+            for (let lineCharIndex = 0; lineCharIndex < lineLen; lineCharIndex += 5) {
+                try {
+                    const srcCharIndex = (i +
+                        lineCharIndex +
+                        lineIndex), [lower, upper] = appendTopAndBottom(srcCharIndex, tp.getStartPositionOfChar(srcCharIndex));
+                    if (lineCharIndex === 0) {
+                        polygon.push(upper);
+                        polygon.push(lower);
+                    }
+                    else {
+                        if (lineIndex === 0) {
+                            polygon.unshift(upper);
+                        }
+                        if (lineIndex === numOfLines - 1) {
+                            polygon.push(lower);
+                        }
+                    }
+                }
+                catch (e) {
+                    // Safari fails on getStartPositionOfChar even if the
+                    // character is within the `textContent.length`
+                    break;
+                }
+            }
+            i += lineLen - 1;
+            try {
+                const srcCharIndex = i + lineIndex, charPos = tp.getEndPositionOfChar(srcCharIndex), [lower, upper] = appendTopAndBottom(srcCharIndex, charPos);
+                polygon.unshift(upper);
+                polygon.unshift(lower);
+            }
+            catch (e) {
+                // Safari fails on getStartPositionOfChar even if the character
+                // is within the `textContent.length`
+                break;
+            }
+        }
+        // Close it
+        if (polygon.length) {
+            polygon.push(polygon[0].slice());
+        }
+        bBox.polygon = polygon;
+    }
+    return bBox;
+}
+/**
+ * Draw text along a textPath for a dataLabel.
+ *
+ * @function Highcharts.SVGElement#setTextPath
+ *
+ * @param {any} event
+ *        An event containing label options
+ *
+ * @return {void}
+ */
+function drawTextPath(event) {
+    const labelOptions = event.labelOptions, point = event.point, textPathOptions = (labelOptions[point.formatPrefix + 'TextPath'] ||
+        labelOptions.textPath);
+    if (textPathOptions && !labelOptions.useHTML) {
+        this.setTextPath(point.getDataLabelPath?.(this) || point.graphic, textPathOptions);
+        if (point.dataLabelPath &&
+            !textPathOptions.enabled) {
+            // Clean the DOM
+            point.dataLabelPath = (point.dataLabelPath.destroy());
+        }
+    }
+}
+function compose(SVGElementClass) {
+    addEvent(SVGElementClass, 'afterGetBBox', setPolygon);
+    addEvent(SVGElementClass, 'beforeAddingDataLabel', drawTextPath);
+    const svgElementProto = SVGElementClass.prototype;
+    if (!svgElementProto.setTextPath) {
+        svgElementProto.setTextPath = setTextPath;
+    }
+}
+const TextPath = {
+    compose
+};
+export default TextPath;

package/es-modules/Maps/MapUtilities.js

@@ -26,31 +26,12 @@ const boundsFromPath = function (path) {
         return { x1, y1, x2, y2 };
     }
 };
-/**
- * Test for point in polygon. Polygon defined as array of [x,y] points.
- * @private
- */
-const pointInPolygon = function ({ x, y }, polygon) {
-    let i, j, rel1, rel2, c = false;
-    for (i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
-        rel1 = polygon[i][1] > y;
-        rel2 = polygon[j][1] > y;
-        if (rel1 !== rel2 &&
-            (x < (polygon[j][0] - polygon[i][0]) * (y - polygon[i][1]) /
-                (polygon[j][1] - polygon[i][1]) +
-                polygon[i][0])) {
-            c = !c;
-        }
-    }
-    return c;
-};
 /* *
  *
  *  Default Export
  *
  * */
 const MapUtilities = {
-    boundsFromPath,
-    pointInPolygon
+    boundsFromPath
 };
 export default MapUtilities;

package/es-modules/Maps/MapView.js

@@ -12,9 +12,11 @@ import H from '../Core/Globals.js';
 const { composed } = H;
 import MapViewDefaults from './MapViewDefaults.js';
 import GeoJSONComposition from './GeoJSONComposition.js';
+import GeometryUtilities from '../Core/Geometry/GeometryUtilities.js';
+const { pointInPolygon } = GeometryUtilities;
 const { topo2geo } = GeoJSONComposition;
 import MU from './MapUtilities.js';
-const { boundsFromPath, pointInPolygon } = MU;
+const { boundsFromPath } = MU;
 import Projection from './Projection.js';
 import U from '../Core/Utilities.js';
 const { addEvent, clamp, crisp, fireEvent, isArray, isNumber, isObject, isString, merge, pick, pushUnique, relativeLength } = U;

package/es-modules/Series/ArcDiagram/ArcDiagramSeries.js

@@ -17,6 +17,9 @@ import Series from '../../Core/Series/Series.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 import SVGRenderer from '../../Core/Renderer/SVG/SVGRenderer.js';
 import U from '../../Core/Utilities.js';
+import SVGElement from '../../Core/Renderer/SVG/SVGElement.js';
+import TextPath from '../../Extensions/TextPath.js';
+TextPath.compose(SVGElement);
 const { prototype: { symbols } } = SVGRenderer;
 const { seriesTypes: { column: ColumnSeries, sankey: SankeySeries } } = SeriesRegistry;
 const { crisp, extend, merge, pick, relativeLength } = U;