highcharts 11.3.0 → 11.4.0

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

@@ -887,6 +887,7 @@ export default Options;
 /**
  * Sonification/audio chart options for a series.
  *
+ * @declare    Highcharts.SeriesSonificationOptions
  * @since 11.0.0
  * @requires   modules/sonification
  * @apioption  plotOptions.series.sonification

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

@@ -45,7 +45,7 @@ class SonificationSpeaker {
      * @function Highcharts.SonificationSpeaker#say
      * @param {string} message The message to speak.
      * @param {SonificationSpeakerOptionsObject} [options]
-     * Optionally override spaker configuration.
+     * Optionally override speaker configuration.
      */
     say(message, options) {
         if (this.synthesis) {
@@ -69,7 +69,7 @@ class SonificationSpeaker {
      * @param {string} message
      * The message to speak.
      * @param {SonificationSpeakerOptionsObject} [options]
-     * Optionally override spaker configuration.
+     * Optionally override speaker configuration.
      */
     sayAtTime(time, message, options) {
         this.scheduled.push(setTimeout(this.say.bind(this, message, options), time));

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

@@ -14,11 +14,11 @@
 import U from '../../Core/Utilities.js';
 const { clamp, defined, pick } = U;
 /**
- * Get the multipler value from a pitch tracked multiplier. The parameter
+ * Get the multiplier value from a pitch tracked multiplier. The parameter
  * specifies the multiplier at ca 3200Hz. It is 1 at ca 50Hz. In between
  * it is mapped logarithmically.
  * @private
- * @param {number} multiplier The multipler to track.
+ * @param {number} multiplier The multiplier to track.
  * @param {number} freq The current frequency.
  */
 function getPitchTrackedMultiplierVal(multiplier, freq) {
@@ -217,7 +217,7 @@ class Oscillator {
     getVMTarget() {
         return this.vmNode && this.vmNode.gain;
     }
-    // Schedule one of the osciallator envelopes at a specified time in
+    // Schedule one of the oscillator envelopes at a specified time in
     // seconds (in AudioContext timespace).
     runEnvelopeAtTime(type, time) {
         if (!this.gainNode) {

package/es-modules/Extensions/StaticScale.js

@@ -8,10 +8,8 @@
  *
  * */
 'use strict';
-import H from '../Core/Globals.js';
-const { composed } = H;
 import U from '../Core/Utilities.js';
-const { addEvent, defined, isNumber, pick, pushUnique } = U;
+const { addEvent, defined, isNumber, pick } = U;
 /* *
  *
  *  Composition
@@ -19,8 +17,8 @@ const { addEvent, defined, isNumber, pick, pushUnique } = U;
  * */
 /** @private */
 function compose(AxisClass, ChartClass) {
-    if (pushUnique(composed, compose)) {
-        const chartProto = ChartClass.prototype;
+    const chartProto = ChartClass.prototype;
+    if (!chartProto.adjustHeight) {
         addEvent(AxisClass, 'afterSetOptions', onAxisAfterSetOptions);
         chartProto.adjustHeight = chartAdjustHeight;
         addEvent(ChartClass, 'render', chartProto.adjustHeight);

package/es-modules/Gantt/Legacy.js

@@ -51,7 +51,7 @@ function calculateObstacleMargin(obstacles) {
             }
         }
     }
-    // Ensure we always have at least one value, even in very spaceous charts
+    // Ensure we always have at least one value, even in very spacious charts
     distances.push(80);
     return max(Math.floor(distances.sort((a, b) => (a - b))[
     // Discard first 10% of the relevant distances, and then grab

package/es-modules/Gantt/Pathfinder.js

@@ -106,7 +106,7 @@ function calculateObstacleMargin(obstacles) {
             }
         }
     }
-    // Ensure we always have at least one value, even in very spaceous charts
+    // Ensure we always have at least one value, even in very spacious charts
     distances.push(80);
     return max(Math.floor(distances.sort(function (a, b) {
         return (a - b);
@@ -295,7 +295,7 @@ class Pathfinder {
      * @function Highcharts.Pathfinder#getChartObstacles
      *
      * @param {Object} options
-     *        Options for the calculation. Currenlty only
+     *        Options for the calculation. Currently only
      *        options.algorithmMargin.
      *
      * @return {Array<object>}

package/es-modules/Gantt/PathfinderComposition.js

@@ -12,10 +12,8 @@
 import ConnectorsDefaults from './ConnectorsDefaults.js';
 import D from '../Core/Defaults.js';
 const { setOptions } = D;
-import H from '../Core/Globals.js';
-const { composed } = H;
 import U from '../Core/Utilities.js';
-const { defined, error, merge, pushUnique } = U;
+const { defined, error, merge } = U;
 /* *
  *
  *  Functions
@@ -87,8 +85,8 @@ var ConnectionComposition;
      * */
     /** @private */
     function compose(ChartClass, PathfinderClass, PointClass) {
-        if (pushUnique(composed, compose)) {
-            const pointProto = PointClass.prototype;
+        const pointProto = PointClass.prototype;
+        if (!pointProto.getPathfinderAnchorPoint) {
             // Initialize Pathfinder for charts
             ChartClass.prototype.callbacks.push(function (chart) {
                 const options = chart.options;

package/es-modules/Gantt/Tree.js

@@ -23,7 +23,7 @@ const { extend, isNumber, pick } = U;
  *
  * */
 /**
- * Creates an object map from parent id to childrens index.
+ * Creates an object map from parent id to children's index.
  *
  * @private
  * @function Highcharts.Tree#getListOfParents
@@ -52,7 +52,7 @@ function getListOfParents(data) {
     Object.keys(listOfParents).forEach((node) => {
         if ((node !== root) && (ids.indexOf(node) === -1)) {
             const adoptedByRoot = listOfParents[node].map(function (orphan) {
-                const { parent, ...parentExcluded } = orphan; // #15196
+                const { ...parentExcluded } = orphan; // #15196
                 return parentExcluded;
             });
             listOfParents[root].push(...adoptedByRoot);
@@ -75,7 +75,7 @@ function getNode(id, parent, level, data, mapOfIdToChildren, options) {
     if (typeof before === 'function') {
         before(node, options);
     }
-    // Call getNode recursively on the children. Calulate the height of the
+    // Call getNode recursively on the children. Calculate the height of the
     // node, and the number of descendants.
     const children = ((mapOfIdToChildren[id] || [])).map((child) => {
         const node = getNode(child.id, id, (level + 1), child, mapOfIdToChildren, options), childStart = child.start || NaN, childEnd = (child.milestone === true ?

package/es-modules/Maps/GeoJSONComposition.js

@@ -9,11 +9,11 @@
  * */
 'use strict';
 import H from '../Core/Globals.js';
-const { composed, win } = H;
+const { win } = H;
 import T from '../Core/Templating.js';
 const { format } = T;
 import U from '../Core/Utilities.js';
-const { error, extend, merge, pushUnique, wrap } = U;
+const { error, extend, merge, wrap } = U;
 /* *
  *
  *  Composition
@@ -160,13 +160,13 @@ var GeoJSONComposition;
     }
     /** @private */
     function compose(ChartClass) {
-        if (pushUnique(composed, compose)) {
-            const proto = ChartClass.prototype;
-            proto.fromLatLonToPoint = chartFromLatLonToPoint;
-            proto.fromPointToLatLon = chartFromPointToLatLon;
-            proto.transformFromLatLon = chartTransformFromLatLon;
-            proto.transformToLatLon = chartTransformToLatLon;
-            wrap(proto, 'addCredits', wrapChartAddCredit);
+        const chartProto = ChartClass.prototype;
+        if (!chartProto.transformFromLatLon) {
+            chartProto.fromLatLonToPoint = chartFromLatLonToPoint;
+            chartProto.fromPointToLatLon = chartFromPointToLatLon;
+            chartProto.transformFromLatLon = chartTransformFromLatLon;
+            chartProto.transformToLatLon = chartTransformToLatLon;
+            wrap(chartProto, 'addCredits', wrapChartAddCredit);
         }
     }
     GeoJSONComposition.compose = compose;
@@ -262,8 +262,9 @@ var GeoJSONComposition;
             objectName = Object.keys(topology.objects)[0];
         }
         const obj = topology.objects[objectName];
-        // Already decoded => return cache
-        if (obj['hc-decoded-geojson']) {
+        // Already decoded with the same title => return cache
+        if (obj['hc-decoded-geojson'] &&
+            obj['hc-decoded-geojson'].title === topology.title) {
             return obj['hc-decoded-geojson'];
         }
         // Do the initial transform
@@ -285,7 +286,7 @@ var GeoJSONComposition;
                 }
             }
         }
-        // Recurse down any depth of multi-dimentional arrays of arcs and insert
+        // Recurse down any depth of multi-dimensional arrays of arcs and insert
         // the coordinates
         const arcsToCoordinates = (arcs) => {
             if (typeof arcs[0] === 'number') {
@@ -424,7 +425,7 @@ export default GeoJSONComposition;
 * @name Highcharts.GeoJSONTranslation#crs
 * @type {string}
 */ /**
-* Define the portion of the map that this defintion applies to. Defined as a
+* Define the portion of the map that this definition applies to. Defined as a
 * GeoJSON polygon feature object, with `type` and `coordinates` properties.
 * @name Highcharts.GeoJSONTranslation#hitZone
 * @type {Highcharts.Dictionary<*>|undefined}
@@ -498,6 +499,12 @@ export default GeoJSONComposition;
  *
  * @typedef {Array<number>} Highcharts.LonLatArray
  */
+/**
+ * An array of GeoJSON or TopoJSON objects or strings used as map data for
+ * series.
+ *
+ * @typedef {Array<*>|GeoJSON|TopoJSON|string} Highcharts.MapDataType
+ */
 /**
  * A TopoJSON object, see description on the
  * [project's GitHub page](https://github.com/topojson/topojson).

package/es-modules/Maps/MapNavigation.js

@@ -61,7 +61,7 @@ class MapNavigation {
     static compose(MapChartClass, PointerClass, SVGRendererClass) {
         MapPointer.compose(PointerClass);
         MapSymbols.compose(SVGRendererClass);
-        if (pushUnique(composed, this.compose)) {
+        if (pushUnique(composed, 'Map.Navigation')) {
             // Extend the Chart.render method to add zooming and panning
             addEvent(MapChartClass, 'beforeRender', function () {
                 // Render the plus and minus buttons. Doing this before the
@@ -116,7 +116,7 @@ class MapNavigation {
             if (!mapNav.navButtonsGroup) {
                 mapNav.navButtonsGroup = chart.renderer.g()
                     .attr({
-                    zIndex: 4 // #4955, // #8392
+                    zIndex: 7 // #4955, #8392, #20476
                 })
                     .add();
             }

package/es-modules/Maps/MapPointer.js

@@ -8,10 +8,8 @@
  *
  * */
 'use strict';
-import H from '../Core/Globals.js';
-const { composed } = H;
 import U from '../Core/Utilities.js';
-const { defined, extend, pick, pushUnique, wrap } = U;
+const { defined, extend, pick, wrap } = U;
 /* *
  *
  *  Composition
@@ -36,14 +34,13 @@ var MapPointer;
      * @private
      */
     function compose(PointerClass) {
-        if (pushUnique(composed, compose)) {
-            const pointerProto = PointerClass.prototype;
+        const pointerProto = PointerClass.prototype;
+        if (!pointerProto.onContainerDblClick) {
             extend(pointerProto, {
                 onContainerDblClick,
                 onContainerMouseWheel
             });
             wrap(pointerProto, 'normalize', wrapNormalize);
-            wrap(pointerProto, 'pinchTranslate', wrapPinchTranslate);
             wrap(pointerProto, 'zoomOption', wrapZoomOption);
         }
     }
@@ -117,19 +114,6 @@ var MapPointer;
         }
         return e;
     }
-    /**
-     * Extend the pinchTranslate method to preserve fixed ratio when zooming.
-     * @private
-     */
-    function wrapPinchTranslate(proceed, pinchDown, touches, transform, selectionMarker, clip, lastValidTouch) {
-        let xBigger;
-        proceed.call(this, pinchDown, touches, transform, selectionMarker, clip, lastValidTouch);
-        // Keep ratio
-        if (this.chart.options.chart.type === 'map' && this.hasZoom) {
-            xBigger = transform.scaleX > transform.scaleY;
-            this.pinchTranslateDirection(!xBigger, pinchDown, touches, transform, selectionMarker, clip, lastValidTouch, xBigger ? transform.scaleX : transform.scaleY);
-        }
-    }
     /**
      * The pinchType is inferred from mapNavigation options.
      * @private

package/es-modules/Maps/MapSymbols.js

@@ -8,10 +8,6 @@
  *
  * */
 'use strict';
-import H from '../Core/Globals.js';
-const { composed } = H;
-import U from '../Core/Utilities.js';
-const { pushUnique } = U;
 /* *
  *
  *  Variables
@@ -32,11 +28,9 @@ function bottomButton(x, y, w, h, options) {
     return symbols.roundedRect(x, y, w, h, options);
 }
 function compose(SVGRendererClass) {
-    if (pushUnique(composed, compose)) {
-        symbols = SVGRendererClass.prototype.symbols;
-        symbols.bottombutton = bottomButton;
-        symbols.topbutton = topButton;
-    }
+    symbols = SVGRendererClass.prototype.symbols;
+    symbols.bottombutton = bottomButton;
+    symbols.topbutton = topButton;
 }
 function topButton(x, y, w, h, options) {
     if (options) {

package/es-modules/Maps/MapView.js

@@ -50,6 +50,19 @@ function zoomFromBounds(b, playingField) {
     const { width, height } = playingField, scaleToField = Math.max((b.x2 - b.x1) / (width / tileSize), (b.y2 - b.y1) / (height / tileSize));
     return Math.log(worldSize / scaleToField) / Math.log(2);
 }
+/**
+ * Calculate and set the recommended map view drilldown or drillup if mapData
+ * is set for the series.
+ * @private
+ */
+function recommendedMapViewAfterDrill(e) {
+    if (e.seriesOptions.mapData) {
+        this.mapView?.recommendMapView(this, [
+            this.options.chart.map,
+            e.seriesOptions.mapData
+        ], this.options.drilldown?.mapZooming);
+    }
+}
 /*
 const mergeCollections = <
     T extends Array<AnyRecord|undefined>
@@ -99,7 +112,7 @@ class MapView {
      *
      * */
     static compose(MapChartClass) {
-        if (pushUnique(composed, this.compose)) {
+        if (pushUnique(composed, 'MapView')) {
             maps = MapChartClass.maps;
             // Initialize MapView after initialization, but before firstRender
             addEvent(MapChartClass, 'afterInit', function () {
@@ -112,6 +125,8 @@ class MapView {
                  */
                 this.mapView = new MapView(this, this.options.mapView);
             }, { order: 0 });
+            addEvent(MapChartClass, 'addSeriesAsDrilldown', recommendedMapViewAfterDrill);
+            addEvent(MapChartClass, 'afterDrillUp', recommendedMapViewAfterDrill);
         }
     }
     /**
@@ -164,66 +179,17 @@ class MapView {
         this.eventsToUnbind = [];
         this.insets = [];
         this.padding = [0, 0, 0, 0];
-        let recommendedMapView;
-        let recommendedProjection;
+        this.recommendedMapView = {};
         if (!(this instanceof MapViewInset)) {
-            // Handle the global map and series-level mapData
-            const geoMaps = [
+            this.recommendMapView(chart, [
                 chart.options.chart.map,
                 ...(chart.options.series || []).map((s) => s.mapData)
-            ]
-                .map((mapData) => this.getGeoMap(mapData));
-            const allGeoBounds = [];
-            geoMaps.forEach((geoMap) => {
-                if (geoMap) {
-                    // Use the first geo map as main
-                    if (!recommendedMapView) {
-                        recommendedMapView =
-                            geoMap['hc-recommended-mapview'];
-                    }
-                    // Combine the bounding boxes of all loaded maps
-                    if (geoMap.bbox) {
-                        const [x1, y1, x2, y2] = geoMap.bbox;
-                        allGeoBounds.push({ x1, y1, x2, y2 });
-                    }
-                }
-            });
-            // Get the composite bounds
-            const geoBounds = (allGeoBounds.length &&
-                MapView.compositeBounds(allGeoBounds));
-            // Provide a best-guess recommended projection if not set in
-            // the map or in user options
-            fireEvent(chart, 'beforeMapViewInit', {
-                geoBounds
-            }, function () {
-                if (geoBounds) {
-                    const { x1, y1, x2, y2 } = geoBounds;
-                    recommendedProjection =
-                        (x2 - x1 > 180 && y2 - y1 > 90) ?
-                            // Wide angle, go for the world view
-                            {
-                                name: 'EqualEarth'
-                            } :
-                            // Narrower angle, use a projection better
-                            // suited for local view
-                            {
-                                name: 'LambertConformalConic',
-                                parallels: [y1, y2],
-                                rotation: [-(x1 + x2) / 2]
-                            };
-                }
-            });
-            // Register the main geo map (from options.chart.map) if set
-            this.geoMap = geoMaps[0];
+            ]);
         }
         this.userOptions = options || {};
-        if (chart.options.mapView &&
-            chart.options.mapView.recommendedMapView) {
-            recommendedMapView = chart.options.mapView.recommendedMapView;
-        }
-        const o = merge(MapViewDefaults, { projection: recommendedProjection }, recommendedMapView, options);
+        const o = merge(MapViewDefaults, this.recommendedMapView, options);
         // Merge the inset collections by id, or index if id missing
-        const recInsets = recommendedMapView && recommendedMapView.insets, optInsets = options && options.insets;
+        const recInsets = this.recommendedMapView?.insets, optInsets = options && options.insets;
         if (recInsets && optInsets) {
             o.insets = MapView.mergeInsets(recInsets, optInsets);
         }
@@ -520,6 +486,90 @@ class MapView {
         const coordinates = this.projection.inverse([point.x, point.y]);
         return { lon: coordinates[0], lat: coordinates[1] };
     }
+    /**
+     * Calculate and set the recommended map view based on provided map data
+     * from series.
+     *
+     * @requires modules/map
+     *
+     * @function Highcharts.MapView#recommendMapView
+     *
+     * @since @next
+     *
+     * @param {Highcharts.Chart} chart
+     *        Chart object
+     *
+     * @param {Array<MapDataType | undefined>} mapDataArray
+     *        Array of map data from all series.
+     *
+     * @param {boolean} [update=false]
+     *        Whether to update the chart with recommended map view.
+     *
+     * @return {Highcharts.MapViewOptions|undefined} Best suitable map view.
+     */
+    recommendMapView(chart, mapDataArray, update = false) {
+        // Reset recommended map view
+        this.recommendedMapView = {};
+        // Handle the global map and series-level mapData
+        const geoMaps = mapDataArray.map((mapData) => this.getGeoMap(mapData));
+        const allGeoBounds = [];
+        geoMaps.forEach((geoMap) => {
+            if (geoMap) {
+                // Use the first geo map as main
+                if (!Object.keys(this.recommendedMapView).length) {
+                    this.recommendedMapView =
+                        geoMap['hc-recommended-mapview'] || {};
+                }
+                // Combine the bounding boxes of all loaded maps
+                if (geoMap.bbox) {
+                    const [x1, y1, x2, y2] = geoMap.bbox;
+                    allGeoBounds.push({ x1, y1, x2, y2 });
+                }
+            }
+        });
+        // Get the composite bounds
+        const geoBounds = (allGeoBounds.length &&
+            MapView.compositeBounds(allGeoBounds));
+        // Provide a best-guess recommended projection if not set in
+        // the map or in user options
+        fireEvent(this, 'onRecommendMapView', {
+            geoBounds,
+            chart
+        }, function () {
+            if (geoBounds &&
+                this.recommendedMapView) {
+                if (!this.recommendedMapView.projection) {
+                    const { x1, y1, x2, y2 } = geoBounds;
+                    this.recommendedMapView.projection =
+                        (x2 - x1 > 180 && y2 - y1 > 90) ?
+                            // Wide angle, go for the world view
+                            {
+                                name: 'EqualEarth',
+                                parallels: [0, 0],
+                                rotation: [0]
+                            } :
+                            // Narrower angle, use a projection better
+                            // suited for local view
+                            {
+                                name: 'LambertConformalConic',
+                                parallels: [y1, y2],
+                                rotation: [-(x1 + x2) / 2]
+                            };
+                }
+                if (!this.recommendedMapView.insets) {
+                    this.recommendedMapView.insets = void 0; // Reset insets
+                }
+            }
+        });
+        // Register the main geo map (from options.chart.map) if set
+        this.geoMap = geoMaps[0];
+        if (update &&
+            chart.hasRendered &&
+            !chart.userOptions.mapView?.projection &&
+            this.recommendedMapView) {
+            this.update(this.recommendedMapView);
+        }
+    }
     redraw(animation) {
         this.chart.series.forEach((s) => {
             if (s.useMapGeometry) {
@@ -665,21 +715,34 @@ class MapView {
     }
     setUpEvents() {
         const { chart } = this;
-        // Set up panning for maps. In orthographic projections the globe will
-        // rotate, otherwise adjust the map center.
-        let mouseDownCenterProjected;
-        let mouseDownKey;
-        let mouseDownRotation;
+        // Set up panning and touch zoom for maps. In orthographic projections
+        // the globe will rotate, otherwise adjust the map center and zoom.
+        let mouseDownCenterProjected, mouseDownKey, mouseDownRotation;
         const onPan = (e) => {
-            const pinchDown = chart.pointer.pinchDown, projection = this.projection;
-            let { mouseDownX, mouseDownY } = chart;
-            if (pinchDown.length === 1) {
+            const { lastTouches, pinchDown } = chart.pointer, projection = this.projection, touches = e.touches;
+            let { mouseDownX, mouseDownY } = chart, howMuch = 0;
+            if (pinchDown?.length === 1) {
                 mouseDownX = pinchDown[0].chartX;
                 mouseDownY = pinchDown[0].chartY;
             }
-            if (typeof mouseDownX === 'number' &&
-                typeof mouseDownY === 'number') {
-                const key = `${mouseDownX},${mouseDownY}`, { chartX, chartY } = e.originalEvent;
+            else if (pinchDown?.length === 2) {
+                mouseDownX = (pinchDown[0].chartX + pinchDown[1].chartX) / 2;
+                mouseDownY = (pinchDown[0].chartY + pinchDown[1].chartY) / 2;
+            }
+            // How much has the distance between the fingers changed?
+            if (touches?.length === 2 && lastTouches) {
+                const startDistance = Math.sqrt(Math.pow(lastTouches[0].chartX - lastTouches[1].chartX, 2) +
+                    Math.pow(lastTouches[0].chartY - lastTouches[1].chartY, 2)), endDistance = Math.sqrt(Math.pow(touches[0].chartX - touches[1].chartX, 2) +
+                    Math.pow(touches[0].chartY - touches[1].chartY, 2));
+                howMuch = Math.log(startDistance / endDistance) / Math.log(0.5);
+            }
+            if (isNumber(mouseDownX) && isNumber(mouseDownY)) {
+                const key = `${mouseDownX},${mouseDownY}`;
+                let { chartX, chartY } = e.originalEvent;
+                if (touches?.length === 2) {
+                    chartX = (touches[0].chartX + touches[1].chartX) / 2;
+                    chartY = (touches[0].chartY + touches[1].chartY) / 2;
+                }
                 // Reset starting position
                 if (key !== mouseDownKey) {
                     mouseDownKey = key;
@@ -693,6 +756,7 @@ class MapView {
                     zoomFromBounds(worldBounds, this.playingField)) || -Infinity;
                 // Panning rotates the globe
                 if (projection.options.name === 'Orthographic' &&
+                    (touches?.length || 0) < 2 &&
                     // ... but don't rotate if we're loading only a part of the
                     // world
                     (this.minZoom || Infinity) < worldZoom * 1.3) {
@@ -726,7 +790,7 @@ class MapView {
                     ]);
                     // #19190 Skip NaN coords
                     if (!isNaN(newCenter[0] + newCenter[1])) {
-                        this.setView(newCenter, void 0, true, false);
+                        this.zoomBy(howMuch, newCenter, void 0, false);
                     }
                 }
                 e.preventDefault();
@@ -856,13 +920,10 @@ class MapView {
      *        The animation to apply to a the redraw
      */
     zoomBy(howMuch, coords, chartCoords, animation) {
-        const chart = this.chart;
-        const projectedCenter = this.projection.forward(this.center);
-        // let { x, y } = coords || {};
-        let [x, y] = coords ? this.projection.forward(coords) : [];
+        const chart = this.chart, projectedCenter = this.projection.forward(this.center);
         if (typeof howMuch === 'number') {
             const zoom = this.zoom + howMuch;
-            let center;
+            let center, x, y;
             // Keep chartX and chartY stationary - convert to lat and lng
             if (chartCoords) {
                 const [chartX, chartY] = chartCoords;
@@ -875,14 +936,13 @@ class MapView {
             // Keep lon and lat stationary by adjusting the center
             if (typeof x === 'number' && typeof y === 'number') {
                 const scale = 1 - Math.pow(2, this.zoom) / Math.pow(2, zoom);
-                // const projectedCenter = this.projection.forward(this.center);
                 const offsetX = projectedCenter[0] - x;
                 const offsetY = projectedCenter[1] - y;
                 projectedCenter[0] -= offsetX * scale;
                 projectedCenter[1] += offsetY * scale;
                 center = this.projection.inverse(projectedCenter);
             }
-            this.setView(center, zoom, void 0, animation);
+            this.setView(coords || center, zoom, void 0, animation);
             // Undefined howMuch => reset zoom
         }
         else {

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

@@ -148,14 +148,13 @@ class ArcDiagramSeries extends SankeySeries {
                 ((fromNode.shapeArgs.height || 0) - linkWeight) / 2 :
             getX(fromNode, 'linksFrom'), toX = centeredLinks ? toNode.nodeX +
             ((toNode.shapeArgs.height || 0) - linkWeight) / 2 :
-            getX(toNode, 'linksTo'), bottom = nodeTop, linkWidth = linkWeight;
+            getX(toNode, 'linksTo'), bottom = nodeTop;
         if (fromX > toX) {
             [fromX, toX] = [toX, fromX];
         }
         if (seriesOptions.reversed) {
             [fromX, toX] = [toX, fromX];
             bottom = (chart.plotSizeY || 0) - bottom;
-            linkWidth = -linkWidth;
         }
         point.shapeType = 'path';
         point.linkBase = [
@@ -295,9 +294,11 @@ class ArcDiagramSeries extends SankeySeries {
             this.options.dataLabels.textPath = textPath;
         }
     }
-    pointAttribs(point, state) {
+    pointAttribs(point, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    state) {
         if (point && point.isNode) {
-            const { opacity, ...attrs } = Series.prototype.pointAttribs
+            const { ...attrs } = Series.prototype.pointAttribs
                 .apply(this, arguments);
             return attrs;
         }