highcharts 13.0.0 → 13.0.2

package/esm/modules/annotations-advanced.src.js

@@ -1,6 +1,6 @@
 // SPDX-License-Identifier: LicenseRef-Highcharts
 /**
- * @license Highcharts JS v13.0.0 (2026-06-11)
+ * @license Highcharts JS v13.0.2 (2026-08-27)
  * @module highcharts/modules/annotations-advanced
  * @requires highcharts
  *
@@ -14,14 +14,14 @@
  */
 import * as __WEBPACK_EXTERNAL_MODULE__highcharts_src_js_8202131d__ from "../highcharts.src.js";
 /******/ // The require scope
-/******/ var __webpack_require__ = {};
+/******/ const __webpack_require__ = {};
 /******/ 
 /************************************************************************/
 /******/ /* webpack/runtime/compat get default export */
 /******/ (() => {
 /******/ 	// getDefaultExport function for compatibility with non-harmony modules
 /******/ 	__webpack_require__.n = (module) => {
-/******/ 		var getter = module && module.__esModule ?
+/******/ 		const getter = module && module.__esModule ?
 /******/ 			() => (module['default']) :
 /******/ 			() => (module);
 /******/ 		__webpack_require__.d(getter, { a: getter });
@@ -31,11 +31,26 @@ import * as __WEBPACK_EXTERNAL_MODULE__highcharts_src_js_8202131d__ from "../hig
 /******/ 
 /******/ /* webpack/runtime/define property getters */
 /******/ (() => {
-/******/ 	// define getter functions for harmony exports
+/******/ 	// define getter/value functions for harmony exports
 /******/ 	__webpack_require__.d = (exports, definition) => {
-/******/ 		for(var key in definition) {
-/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 		if(Array.isArray(definition)) {
+/******/ 			var i = 0;
+/******/ 			while(i < definition.length) {
+/******/ 				var key = definition[i++];
+/******/ 				var binding = definition[i++];
+/******/ 				if(!__webpack_require__.o(exports, key)) {
+/******/ 					if(binding === 0) {
+/******/ 						Object.defineProperty(exports, key, { enumerable: true, value: definition[i++] });
+/******/ 					} else {
+/******/ 						Object.defineProperty(exports, key, { enumerable: true, get: binding });
+/******/ 					}
+/******/ 				} else if(binding === 0) { i++; }
+/******/ 			}
+/******/ 		} else {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
 /******/ 			}
 /******/ 		}
 /******/ 	};
@@ -47,7 +62,6 @@ import * as __WEBPACK_EXTERNAL_MODULE__highcharts_src_js_8202131d__ from "../hig
 /******/ })();
 /******/ 
 /************************************************************************/
-var __webpack_exports__ = {};
 
 ;// external ["../highcharts.src.js","default"]
 const external_highcharts_src_js_default_namespaceObject = __WEBPACK_EXTERNAL_MODULE__highcharts_src_js_8202131d__["default"];
@@ -90,7 +104,7 @@ var external_highcharts_src_js_default_default = /*#__PURE__*/__webpack_require_
 function chartAddAnnotation(options, redraw) {
     const annotation = this.initAnnotation(options);
     this.options.annotations.push(annotation.options);
-    if ((0,external_highcharts_src_js_default_namespaceObject.pick)(redraw, true)) {
+    if (redraw ?? true) {
         annotation.redraw();
         annotation.graphic.attr({
             opacity: 1
@@ -1045,19 +1059,19 @@ const AnnotationDefaults = {
      * @apioption annotations.typeOptions.type
      */
     /**
-     * This number defines which `xAxis` the point is connected to.
+     * This option defines which `xAxis` the point is connected to.
      * It refers to either the axis id or the index of the axis
      * in the `xAxis` array.
      *
-     * @type {number}
+     * @type {number|string}
      * @apioption annotations.typeOptions.xAxis
      */
     /**
-     * This number defines which `yAxis` the point is connected to.
+     * This option defines which `yAxis` the point is connected to.
      * It refers to either the axis id or the index of the axis
      * in the `yAxis` array.
      *
-     * @type {number}
+     * @type {number|string}
      * @apioption annotations.typeOptions.yAxis
      */
     },
@@ -1288,7 +1302,8 @@ class EventEmitter {
         emitter.removeMouseUp = (0,external_highcharts_src_js_default_namespaceObject.addEvent)(doc, isTouchDevice || firesTouchEvents ? 'touchend' : 'mouseup', function () {
             // Sometimes the target is the annotation and sometimes its the
             // controllable
-            const annotation = (0,external_highcharts_src_js_default_namespaceObject.pick)(emitter.target && emitter.target.annotation, emitter.target);
+            const annotation = ((emitter.target && emitter.target.annotation) ??
+                emitter.target);
             if (annotation) {
                 // Keep annotation selected after dragging control point
                 annotation.cancelClick = emitter.hasDragged;
@@ -1297,8 +1312,7 @@ class EventEmitter {
             emitter.chart.hasDraggedAnnotation = false;
             if (emitter.hasDragged) {
                 // ControlPoints vs Annotation:
-                (0,external_highcharts_src_js_default_namespaceObject.fireEvent)((0,external_highcharts_src_js_default_namespaceObject.pick)(annotation, // #15952
-                emitter), 'afterUpdate');
+                (0,external_highcharts_src_js_default_namespaceObject.fireEvent)((annotation ?? emitter), 'afterUpdate');
             }
             emitter.hasDragged = false;
             emitter.onMouseUp();
@@ -1387,7 +1401,7 @@ class ControlPoint extends Annotations_EventEmitter {
         this.chart = chart;
         this.target = target;
         this.options = options;
-        this.index = (0,external_highcharts_src_js_default_namespaceObject.pick)(options.index, index);
+        this.index = (options.index ?? index);
     }
     /* *
      *
@@ -1480,6 +1494,135 @@ class ControlPoint extends Annotations_EventEmitter {
  */
 (''); // Keeps doclets above in JS file
 
+;// ./code/es-modules/Extensions/Annotations/NavigationBindingsUtilities.js
+/* *
+ *
+ *  (c) 2009-2026 Highsoft AS
+ *  Author: Highsoft, Black Label
+ *
+ *  Integration of this software requires a license.
+ *  - For commercial use, see www.highcharts.com/license
+ *  - For non-commercial, see www.highcharts.com/license-eula
+ *
+ *
+ * */
+
+
+/* *
+ *
+ *  Constants
+ *
+ * */
+/**
+ * Define types for editable fields per annotation. There is no need to define
+ * numbers, because they won't change their type to string.
+ * @internal
+ */
+const annotationsFieldsTypes = {
+    backgroundColor: 'color',
+    backgroundColors: 'color',
+    borderColor: 'color',
+    borderRadius: 'string',
+    color: 'color',
+    fill: 'color',
+    fontSize: 'string',
+    labels: 'string',
+    name: 'string',
+    stroke: 'color',
+    title: 'string'
+};
+/* *
+ *
+ *  Functions
+ *
+ * */
+/**
+ * Returns the first xAxis or yAxis that was clicked with its value.
+ *
+ * @internal
+ *
+ * @param {Array<Highcharts.PointerAxisCoordinateObject>} coords
+ *        All the chart's x or y axes with a current pointer's axis value.
+ *
+ * @return {Highcharts.PointerAxisCoordinateObject}
+ *         Object with a first found axis and its value that pointer
+ *         is currently pointing.
+ */
+function getAssignedAxis(coords) {
+    return coords.filter((coord) => {
+        const extremes = coord.axis.getExtremes(), axisMin = extremes.min, axisMax = extremes.max, 
+        // Correct axis edges when axis has series
+        // with pointRange (like column)
+        minPointOffset = (coord.axis.minPointOffset ?? 0);
+        return (0,external_highcharts_src_js_default_namespaceObject.isNumber)(axisMin) && (0,external_highcharts_src_js_default_namespaceObject.isNumber)(axisMax) &&
+            coord.value >= (axisMin - minPointOffset) &&
+            coord.value <= (axisMax + minPointOffset) &&
+            // Don't count navigator axis
+            !coord.axis.options.isInternal;
+    })[0]; // If the axes overlap, return the first axis that was found.
+}
+/**
+ * Resolve an axis from an annotation option that can reference it either by its
+ * index (number) or by its id (string).
+ *
+ * @internal
+ *
+ * @param {Highcharts.Chart} chart
+ *        The chart instance.
+ *
+ * @param {'xAxis'|'yAxis'} coll
+ *        The axis collection to look in.
+ *
+ * @param {number|string|undefined} idOrIndex
+ *        The axis index or id.
+ *
+ * @return {Highcharts.Axis|undefined}
+ *         The matching axis, or `undefined` if none was found.
+ */
+function getAxisFromOptions(chart, coll, idOrIndex) {
+    if ((0,external_highcharts_src_js_default_namespaceObject.isNumber)(idOrIndex)) {
+        return chart[coll][idOrIndex];
+    }
+    return (0,external_highcharts_src_js_default_namespaceObject.defined)(idOrIndex) ?
+        (0,external_highcharts_src_js_default_namespaceObject.find)(chart[coll], (axis) => axis.options.id === idOrIndex) :
+        void 0;
+}
+/**
+ * Get field type according to value
+ *
+ * @internal
+ *
+ * @return {'checkbox'|'color'|'number'|'text'}
+ * Field type (one of: text, number, checkbox, color)
+ */
+function getFieldType(key, value) {
+    const predefinedType = annotationsFieldsTypes[key];
+    let fieldType = typeof value;
+    if ((0,external_highcharts_src_js_default_namespaceObject.defined)(predefinedType)) {
+        fieldType = predefinedType;
+    }
+    return {
+        'string': 'text',
+        'number': 'number',
+        'boolean': 'checkbox',
+        'color': 'color'
+    }[fieldType];
+}
+/* *
+ *
+ *  Default Export
+ *
+ * */
+/** @internal */
+const NavigationBindingsUtilities = {
+    annotationsFieldsTypes,
+    getAssignedAxis,
+    getAxisFromOptions,
+    getFieldType
+};
+/** @internal */
+/* harmony default export */ const Annotations_NavigationBindingsUtilities = (NavigationBindingsUtilities);
+
 ;// external ["../highcharts.src.js","default","SeriesRegistry"]
 const external_highcharts_src_js_default_SeriesRegistry_namespaceObject = __WEBPACK_EXTERNAL_MODULE__highcharts_src_js_8202131d__["default"].SeriesRegistry;
 var external_highcharts_src_js_default_SeriesRegistry_default = /*#__PURE__*/__webpack_require__.n(external_highcharts_src_js_default_SeriesRegistry_namespaceObject);
@@ -1490,6 +1633,8 @@ var external_highcharts_src_js_default_SeriesRegistry_default = /*#__PURE__*/__w
  * */
 
 
+const { getAxisFromOptions: MockPoint_getAxisFromOptions } = Annotations_NavigationBindingsUtilities;
+
 const { series: { prototype: seriesProto } } = (external_highcharts_src_js_default_SeriesRegistry_default());
 
 /* *
@@ -1827,11 +1972,7 @@ class MockPoint {
         this.series[axisName] =
             typeof axisOptions === 'object' ?
                 axisOptions :
-                (0,external_highcharts_src_js_default_namespaceObject.defined)(axisOptions) ?
-                    (chart[axisName][axisOptions] ||
-                        // @todo v--- (axisName)[axisOptions] ?
-                        chart.get(axisOptions)) :
-                    null;
+                MockPoint_getAxisFromOptions(chart, axisName, axisOptions) || null;
     }
     /**
      * Transform the mock point to an anchor (relative position on the chart).
@@ -1905,18 +2046,18 @@ class MockPoint {
 * @type      {number}
 * @name      Highcharts.AnnotationMockPointOptionsObject.y
 */ /**
-* This number defines which xAxis the point is connected to.
+* This option defines which `xAxis` the point is connected to.
 * It refers to either the axis id or the index of the axis in
-* the xAxis array. If the option is not configured or the axis
+* the `xAxis` array. If the option is not configured or the axis
 * is not found the point's x coordinate refers to the chart
 * pixels.
 *
 * @type      {number|string|null}
 * @name      Highcharts.AnnotationMockPointOptionsObject.xAxis
 */ /**
-* This number defines which yAxis the point is connected to.
+* This option defines which `yAxis` the point is connected to.
 * It refers to either the axis id or the index of the axis in
-* the yAxis array. If the option is not configured or the axis
+* the `yAxis` array. If the option is not configured or the axis
 * is not found the point's y coordinate refers to the chart
 * pixels.
 *
@@ -3652,7 +3793,7 @@ class ControllableLabel extends Controllables_Controllable {
             if (itemOptions.distance && tooltip) {
                 itemPosition = tooltip.getPosition.call({
                     chart,
-                    distance: (0,external_highcharts_src_js_default_namespaceObject.pick)(itemOptions.distance, 16),
+                    distance: (itemOptions.distance ?? 16),
                     getPlayingField: tooltip.getPlayingField,
                     pointer: tooltip.pointer
                 }, width, height, {
@@ -4148,11 +4289,9 @@ function addToolbar(chart, options, callback) {
         className: 'highcharts-annotation-label'
     }, void 0, popupDiv);
     label.setAttribute('aria-label', 'Annotation type');
-    label.appendChild(PopupAnnotations_doc.createTextNode((0,external_highcharts_src_js_default_namespaceObject.pick)(
-    // Advanced annotations:
-    lang[options.langKey] || options.langKey, 
-    // Basic shapes:
-    options.shapes && options.shapes[0].type, '')));
+    label.appendChild(PopupAnnotations_doc.createTextNode(((lang[options.langKey] || options.langKey) ??
+        (options.shapes && options.shapes[0].type) ??
+        '')));
     // Add buttons
     let button = this.addButton(popupDiv, lang.editButton || 'Edit', 'edit', popupDiv, () => {
         showForm.call(this, 'annotation-edit', chart, options, callback);
@@ -5205,7 +5344,8 @@ class Popup extends Shared_BaseForm {
      *         Return created input element.
      */
     addInput(option, indicatorType, parentDiv, inputAttributes) {
-        const optionParamList = option.split('.'), optionName = optionParamList[optionParamList.length - 1], lang = this.lang, inputName = 'highcharts-' + indicatorType + '-' + (0,external_highcharts_src_js_default_namespaceObject.pick)(inputAttributes.htmlFor, optionName);
+        const optionParamList = option.split('.'), optionName = optionParamList[optionParamList.length - 1], lang = this.lang, inputName = 'highcharts-' + indicatorType + '-' +
+            (inputAttributes.htmlFor ?? optionName);
         if (!optionName.match(/^\d+$/)) {
             // Add label
             (0,external_highcharts_src_js_default_namespaceObject.createElement)('label', {
@@ -5485,7 +5625,6 @@ const PopupComposition = {
  * */
 
 
-const { getDeferredAnimation } = (external_highcharts_src_js_default_default());
 
 
 
@@ -5770,7 +5909,7 @@ class Annotation extends Annotations_EventEmitter {
         this.addShapes();
         this.addLabels();
         this.setLabelCollector();
-        this.animationConfig = getDeferredAnimation(chart, animOptions);
+        this.animationConfig = (0,external_highcharts_src_js_default_namespaceObject.getDeferredAnimation)(chart, animOptions);
     }
     /**
      * Initialization of a single label.
@@ -5829,7 +5968,7 @@ class Annotation extends Annotations_EventEmitter {
             if (!item.graphic) {
                 this.renderItem(item);
             }
-            item.redraw((0,external_highcharts_src_js_default_namespaceObject.pick)(animation, true) && item.graphic.placed);
+            item.redraw((animation ?? true) && item.graphic.placed);
             if (item.points.length) {
                 adjustVisibility(item);
             }
@@ -5972,7 +6111,7 @@ class Annotation extends Annotations_EventEmitter {
      * annotation's visibility is toggled.
      */
     setVisibility(visible) {
-        const options = this.options, navigation = this.chart.navigationBindings, visibility = (0,external_highcharts_src_js_default_namespaceObject.pick)(visible, !options.visible);
+        const options = this.options, navigation = this.chart.navigationBindings, visibility = (visible ?? !options.visible);
         this.graphic.attr('visibility', visibility ? 'inherit' : 'hidden');
         if (!visibility) {
             const setItemControlPointsVisibility = function (item) {
@@ -6008,7 +6147,7 @@ class Annotation extends Annotations_EventEmitter {
         // Update options in chart options, used in exporting (#9767, #21507):
         chart.options.annotations[userOptionsIndex] = this.options;
         this.isUpdating = true;
-        if ((0,external_highcharts_src_js_default_namespaceObject.pick)(redraw, true)) {
+        if (redraw ?? true) {
             chart.drawAnnotations();
         }
         (0,external_highcharts_src_js_default_namespaceObject.fireEvent)(this, 'afterUpdate');
@@ -6197,108 +6336,6 @@ var ChartNavigationComposition;
 /** @internal */
 /* harmony default export */ const Chart_ChartNavigationComposition = (ChartNavigationComposition);
 
-;// ./code/es-modules/Extensions/Annotations/NavigationBindingsUtilities.js
-/* *
- *
- *  (c) 2009-2026 Highsoft AS
- *  Author: Highsoft, Black Label
- *
- *  Integration of this software requires a license.
- *  - For commercial use, see www.highcharts.com/license
- *  - For non-commercial, see www.highcharts.com/license-eula
- *
- *
- * */
-
-
-/* *
- *
- *  Constants
- *
- * */
-/**
- * Define types for editable fields per annotation. There is no need to define
- * numbers, because they won't change their type to string.
- * @internal
- */
-const annotationsFieldsTypes = {
-    backgroundColor: 'color',
-    backgroundColors: 'color',
-    borderColor: 'color',
-    borderRadius: 'string',
-    color: 'color',
-    fill: 'color',
-    fontSize: 'string',
-    labels: 'string',
-    name: 'string',
-    stroke: 'color',
-    title: 'string'
-};
-/* *
- *
- *  Functions
- *
- * */
-/**
- * Returns the first xAxis or yAxis that was clicked with its value.
- *
- * @internal
- *
- * @param {Array<Highcharts.PointerAxisCoordinateObject>} coords
- *        All the chart's x or y axes with a current pointer's axis value.
- *
- * @return {Highcharts.PointerAxisCoordinateObject}
- *         Object with a first found axis and its value that pointer
- *         is currently pointing.
- */
-function getAssignedAxis(coords) {
-    return coords.filter((coord) => {
-        const extremes = coord.axis.getExtremes(), axisMin = extremes.min, axisMax = extremes.max, 
-        // Correct axis edges when axis has series
-        // with pointRange (like column)
-        minPointOffset = (0,external_highcharts_src_js_default_namespaceObject.pick)(coord.axis.minPointOffset, 0);
-        return (0,external_highcharts_src_js_default_namespaceObject.isNumber)(axisMin) && (0,external_highcharts_src_js_default_namespaceObject.isNumber)(axisMax) &&
-            coord.value >= (axisMin - minPointOffset) &&
-            coord.value <= (axisMax + minPointOffset) &&
-            // Don't count navigator axis
-            !coord.axis.options.isInternal;
-    })[0]; // If the axes overlap, return the first axis that was found.
-}
-/**
- * Get field type according to value
- *
- * @internal
- *
- * @return {'checkbox'|'color'|'number'|'text'}
- * Field type (one of: text, number, checkbox, color)
- */
-function getFieldType(key, value) {
-    const predefinedType = annotationsFieldsTypes[key];
-    let fieldType = typeof value;
-    if ((0,external_highcharts_src_js_default_namespaceObject.defined)(predefinedType)) {
-        fieldType = predefinedType;
-    }
-    return {
-        'string': 'text',
-        'number': 'number',
-        'boolean': 'checkbox',
-        'color': 'color'
-    }[fieldType];
-}
-/* *
- *
- *  Default Export
- *
- * */
-/** @internal */
-const NavigationBindingUtilities = {
-    annotationsFieldsTypes,
-    getAssignedAxis,
-    getFieldType
-};
-/** @internal */
-/* harmony default export */ const NavigationBindingsUtilities = (NavigationBindingUtilities);
-
 ;// ./code/es-modules/Extensions/Annotations/NavigationBindingsDefaults.js
 /* *
  *
@@ -6313,7 +6350,7 @@ const NavigationBindingUtilities = {
  * */
 
 
-const { getAssignedAxis: NavigationBindingsDefaults_getAssignedAxis } = NavigationBindingsUtilities;
+const { getAssignedAxis: NavigationBindingsDefaults_getAssignedAxis } = Annotations_NavigationBindingsUtilities;
 
 /* *
  *
@@ -6747,7 +6784,7 @@ const { format: NavigationBindings_format } = (external_highcharts_src_js_defaul
 const { composed: NavigationBindings_composed, doc: NavigationBindings_doc, win } = (external_highcharts_src_js_default_default());
 
 
-const { getAssignedAxis: NavigationBindings_getAssignedAxis, getFieldType: NavigationBindings_getFieldType } = NavigationBindingsUtilities;
+const { getAssignedAxis: NavigationBindings_getAssignedAxis, getFieldType: NavigationBindings_getFieldType } = Annotations_NavigationBindingsUtilities;
 
 /* *
  *
@@ -7219,7 +7256,7 @@ class NavigationBindings {
                 let parent = config;
                 path.forEach((name, index) => {
                     if (name !== '__proto__' && name !== 'constructor') {
-                        const nextName = (0,external_highcharts_src_js_default_namespaceObject.pick)(path[index + 1], '');
+                        const nextName = (path[index + 1] ?? '');
                         if (pathLength === index) {
                             // Last index, put value:
                             parent[name] = value;
@@ -7265,7 +7302,10 @@ class NavigationBindings {
      *         Annotation options to be displayed in popup box
      */
     annotationToFields(annotation) {
-        const options = annotation.options, editables = NavigationBindings.annotationsEditable, nestedEditables = editables.nestedOptions, type = (0,external_highcharts_src_js_default_namespaceObject.pick)(options.type, options.shapes?.[0]?.type, options.labels?.[0]?.type, 'label'), nonEditables = NavigationBindings.annotationsNonEditable[options.langKey] || [], visualOptions = {
+        const options = annotation.options, editables = NavigationBindings.annotationsEditable, nestedEditables = editables.nestedOptions, type = options.type ??
+            options.shapes?.[0]?.type ??
+            options.labels?.[0]?.type ??
+            'label', nonEditables = NavigationBindings.annotationsNonEditable[options.langKey] || [], visualOptions = {
             langKey: options.langKey,
             type: type
         };
@@ -7800,15 +7840,15 @@ if (CrookedLine_defaultOptions.annotations?.types) {
          */
         typeOptions: {
             /**
-             * This number defines which xAxis the point is connected to.
+             * This option defines which `xAxis` the point is connected to.
              * It refers to either the axis id or the index of the axis
-             * in the xAxis array.
+             * in the `xAxis` array.
              */
             xAxis: 0,
             /**
-             * This number defines which yAxis the point is connected to.
+             * This option defines which `yAxis` the point is connected to.
              * It refers to either the axis id or the index of the axis
-             * in the xAxis array.
+             * in the `yAxis` array.
              */
             yAxis: 0,
             /**
@@ -8030,6 +8070,8 @@ Annotations_Annotation.types.elliottWave = ElliottWave;
 const { defaultOptions: Tunnel_defaultOptions } = (external_highcharts_src_js_default_default());
 
 
+const { getAxisFromOptions: Tunnel_getAxisFromOptions } = Annotations_NavigationBindingsUtilities;
+
 if (Tunnel_defaultOptions.annotations?.types) {
     Tunnel_defaultOptions.annotations.types.tunnel = (0,external_highcharts_src_js_default_namespaceObject.merge)(Tunnel_defaultOptions.annotations.types.crookedLine, 
     /**
@@ -8131,7 +8173,7 @@ class Tunnel extends Types_CrookedLine {
      *
      * */
     getPointsOptions() {
-        const pointsOptions = Types_CrookedLine.prototype.getPointsOptions.call(this), yAxisIndex = this.options.typeOptions?.yAxis || 0, yAxis = this.chart.yAxis[yAxisIndex];
+        const pointsOptions = Types_CrookedLine.prototype.getPointsOptions.call(this), yAxis = Tunnel_getAxisFromOptions(this.chart, 'yAxis', this.options.typeOptions?.yAxis ?? 0);
         pointsOptions[2] = this.heightPointOptions(pointsOptions[1]);
         pointsOptions[3] = this.heightPointOptions(pointsOptions[0]);
         // In case of log axis, translate the bottom left point again, #16769
@@ -8376,6 +8418,8 @@ Annotations_Annotation.types.infinityLine = InfinityLine;
 const { defaultOptions: TimeCycles_defaultOptions } = (external_highcharts_src_js_default_default());
 
 
+const { getAxisFromOptions: TimeCycles_getAxisFromOptions } = Annotations_NavigationBindingsUtilities;
+
 if (TimeCycles_defaultOptions.annotations?.types) {
     TimeCycles_defaultOptions.annotations.types.timeCycles = (0,external_highcharts_src_js_default_namespaceObject.merge)(TimeCycles_defaultOptions.annotations.types.crookedLine, 
     /**
@@ -8531,8 +8575,8 @@ class TimeCycles extends Types_CrookedLine {
         if (!points) {
             return;
         }
-        const point1 = points[0], point2 = points[1], xAxisNumber = options.xAxis || 0, yAxisNumber = options.yAxis || 0, xAxis = this.chart.xAxis[xAxisNumber], yAxis = this.chart.yAxis[yAxisNumber], xValue1 = point1.x, yValue = point1.y, xValue2 = point2.x;
-        if (!xValue1 || !xValue2) {
+        const point1 = points[0], point2 = points[1], xAxis = TimeCycles_getAxisFromOptions(this.chart, 'xAxis', options.xAxis ?? 0), yAxis = TimeCycles_getAxisFromOptions(this.chart, 'yAxis', options.yAxis ?? 0), xValue1 = point1.x, yValue = point1.y, xValue2 = point2.x;
+        if (!xValue1 || !xValue2 || !xAxis || !yAxis) {
             return;
         }
         const y = (0,external_highcharts_src_js_default_namespaceObject.isNumber)(yValue) ?
@@ -9240,7 +9284,7 @@ class VerticalLine extends Annotations_Annotation {
      *
      * */
     static connectorFirstPoint(target) {
-        const annotation = target.annotation, chart = annotation.chart, inverted = chart.inverted, point = annotation.points[0], left = (0,external_highcharts_src_js_default_namespaceObject.pick)(point.series.yAxis?.left, 0), top = (0,external_highcharts_src_js_default_namespaceObject.pick)(point.series.yAxis?.top, 0), offset = annotation.options.typeOptions?.label?.offset || 0, y = Annotations_MockPoint.pointToPixels(point, true)[inverted ? 'x' : 'y'];
+        const annotation = target.annotation, chart = annotation.chart, inverted = chart.inverted, point = annotation.points[0], left = (point.series.yAxis?.left ?? 0), top = (point.series.yAxis?.top ?? 0), offset = annotation.options.typeOptions?.label?.offset || 0, y = Annotations_MockPoint.pointToPixels(point, true)[inverted ? 'x' : 'y'];
         return {
             x: point.x,
             xAxis: point.series.xAxis,
@@ -9249,7 +9293,7 @@ class VerticalLine extends Annotations_Annotation {
         };
     }
     static connectorSecondPoint(target) {
-        const annotation = target.annotation, chart = annotation.chart, inverted = chart.inverted, typeOptions = annotation.options.typeOptions, point = annotation.points[0], left = (0,external_highcharts_src_js_default_namespaceObject.pick)(point.series.yAxis && point.series.yAxis.left, 0), top = (0,external_highcharts_src_js_default_namespaceObject.pick)(point.series.yAxis && point.series.yAxis.top, 0), y = Annotations_MockPoint.pointToPixels(point, true)[inverted ? 'x' : 'y'];
+        const annotation = target.annotation, chart = annotation.chart, inverted = chart.inverted, typeOptions = annotation.options.typeOptions, point = annotation.points[0], left = ((point.series.yAxis && point.series.yAxis.left) ?? 0), top = ((point.series.yAxis && point.series.yAxis.top) ?? 0), y = Annotations_MockPoint.pointToPixels(point, true)[inverted ? 'x' : 'y'];
         let yOffset = typeOptions?.yOffset || 0;
         if ((typeOptions?.label?.offset || 0) < 0) {
             yOffset *= -1;
@@ -9321,6 +9365,8 @@ Annotations_Annotation.types.verticalLine = VerticalLine;
 
 const { defaultOptions: Measure_defaultOptions } = (external_highcharts_src_js_default_default());
 
+const { getAxisFromOptions: Measure_getAxisFromOptions } = Annotations_NavigationBindingsUtilities;
+
 if (Measure_defaultOptions.annotations?.types) {
     /**
      * Options for the measure annotation type.
@@ -9507,7 +9553,10 @@ if (Measure_defaultOptions.annotations?.types) {
         },
         controlPointOptions: {
             positioner: function (target) {
-                const cpIndex = this.index, chart = target.chart, options = target.options, typeOptions = options.typeOptions, selectType = typeOptions.selectType, controlPointOptions = options.controlPointOptions, inverted = chart.inverted, xAxis = chart.xAxis[typeOptions.xAxis], yAxis = chart.yAxis[typeOptions.yAxis], ext = getExtremes(target.xAxisMin, target.xAxisMax, target.yAxisMin, target.yAxisMax);
+                const cpIndex = this.index, chart = target.chart, options = target.options, typeOptions = options.typeOptions, selectType = typeOptions.selectType, controlPointOptions = options.controlPointOptions, inverted = chart.inverted, xAxis = Measure_getAxisFromOptions(chart, 'xAxis', typeOptions.xAxis), yAxis = Measure_getAxisFromOptions(chart, 'yAxis', typeOptions.yAxis), ext = getExtremes(target.xAxisMin, target.xAxisMax, target.yAxisMin, target.yAxisMax);
+                if (!xAxis || !yAxis) {
+                    return { x: 0, y: 0 };
+                }
                 let targetX = target.xAxisMax, targetY = target.yAxisMax, x, y;
                 if (selectType === 'x') {
                     targetY = (ext.yAxisMax + ext.yAxisMin) / 2;
@@ -9644,7 +9693,11 @@ function getPointPos(axis, value, offset) {
  * @internal
  */
 function Measure_init() {
-    const options = this.options.typeOptions, chart = this.chart, inverted = chart.inverted, xAxis = chart.xAxis[options.xAxis], yAxis = chart.yAxis[options.yAxis], bg = options.background, width = inverted ? bg.height : bg.width, height = inverted ? bg.width : bg.height, selectType = options.selectType, top = inverted ? xAxis.left : yAxis.top, // #13664
+    const options = this.options.typeOptions, chart = this.chart, inverted = chart.inverted, xAxis = Measure_getAxisFromOptions(chart, 'xAxis', options.xAxis), yAxis = Measure_getAxisFromOptions(chart, 'yAxis', options.yAxis), bg = options.background, width = inverted ? bg.height : bg.width, height = inverted ? bg.width : bg.height, selectType = options.selectType;
+    if (!xAxis || !yAxis) {
+        return;
+    }
+    const top = inverted ? xAxis.left : yAxis.top, // #13664
     left = inverted ? yAxis.top : xAxis.left; // #13664
     this.startXMin = options.point.x;
     this.startYMin = options.point.y;
@@ -9726,7 +9779,10 @@ function min() {
  *        Flag if shape is resized.
  */
 function recalculate(resize) {
-    const options = this.options.typeOptions, xAxis = this.chart.xAxis[options.xAxis], yAxis = this.chart.yAxis[options.yAxis], offsetX = this.offsetX, offsetY = this.offsetY;
+    const options = this.options.typeOptions, xAxis = Measure_getAxisFromOptions(this.chart, 'xAxis', options.xAxis), yAxis = Measure_getAxisFromOptions(this.chart, 'yAxis', options.yAxis), offsetX = this.offsetX, offsetY = this.offsetY;
+    if (!xAxis || !yAxis) {
+        return;
+    }
     this.xAxisMin = getPointPos(xAxis, this.startXMin, offsetX);
     this.xAxisMax = getPointPos(xAxis, this.startXMax, offsetX);
     this.yAxisMin = getPointPos(yAxis, this.startYMin, offsetY);
@@ -9752,7 +9808,10 @@ function recalculate(resize) {
  */
 function updateStartPoints(redraw, resize, cpIndex, dx, dy) {
     var _a;
-    const options = this.options.typeOptions, selectType = options.selectType, xAxis = this.chart.xAxis[options.xAxis], yAxis = this.chart.yAxis[options.yAxis], startXMin = this.startXMin, startXMax = this.startXMax, startYMin = this.startYMin, startYMax = this.startYMax, offsetX = this.offsetX, offsetY = this.offsetY;
+    const options = this.options.typeOptions, selectType = options.selectType, xAxis = Measure_getAxisFromOptions(this.chart, 'xAxis', options.xAxis), yAxis = Measure_getAxisFromOptions(this.chart, 'yAxis', options.yAxis), startXMin = this.startXMin, startXMax = this.startXMax, startYMin = this.startYMin, startYMax = this.startYMax, offsetX = this.offsetX, offsetY = this.offsetY;
+    if (!xAxis || !yAxis) {
+        return;
+    }
     if (resize) {
         if (selectType === 'x') {
             if (cpIndex === 0) {
@@ -9823,8 +9882,8 @@ class Measure extends Annotations_Annotation {
      * Overrides default setter to get axes from typeOptions.
      */
     setClipAxes() {
-        this.clipXAxis = this.chart.xAxis[this.options.typeOptions.xAxis];
-        this.clipYAxis = this.chart.yAxis[this.options.typeOptions.yAxis];
+        this.clipXAxis = Measure_getAxisFromOptions(this.chart, 'xAxis', this.options.typeOptions.xAxis);
+        this.clipYAxis = Measure_getAxisFromOptions(this.chart, 'yAxis', this.options.typeOptions.yAxis);
     }
     /**
      * Get points configuration objects for shapes.
@@ -9916,8 +9975,8 @@ class Measure extends Annotations_Annotation {
                     return {
                         x: annotation.xAxisMin,
                         y: annotation.yAxisMin,
-                        xAxis: (0,external_highcharts_src_js_default_namespaceObject.pick)(typeOptions.xAxis, options.xAxis),
-                        yAxis: (0,external_highcharts_src_js_default_namespaceObject.pick)(typeOptions.yAxis, options.yAxis)
+                        xAxis: (typeOptions.xAxis ?? options.xAxis),
+                        yAxis: (typeOptions.yAxis ?? options.yAxis)
                     };
                 },
                 text: (formatter?.call(this, this) ||
@@ -9950,10 +10009,13 @@ class Measure extends Annotations_Annotation {
      * Add internal crosshair shapes (on top and bottom).
      */
     addCrosshairs() {
-        const chart = this.chart, options = this.options.typeOptions, point = this.options.typeOptions.point, xAxis = chart.xAxis[options.xAxis], yAxis = chart.yAxis[options.yAxis], inverted = chart.inverted, defaultOptions = {
+        const chart = this.chart, options = this.options.typeOptions, point = this.options.typeOptions.point, xAxis = Measure_getAxisFromOptions(chart, 'xAxis', options.xAxis), yAxis = Measure_getAxisFromOptions(chart, 'yAxis', options.yAxis), inverted = chart.inverted, defaultOptions = {
             point: point,
             type: 'path'
         };
+        if (!xAxis || !yAxis) {
+            return;
+        }
         let xAxisMin = xAxis.toPixels(this.xAxisMin), xAxisMax = xAxis.toPixels(this.xAxisMax), yAxisMin = yAxis.toPixels(this.yAxisMin), yAxisMax = yAxis.toPixels(this.yAxisMax), pathH = [], pathV = [], crosshairOptionsX, crosshairOptionsY, temp;
         if (inverted) {
             temp = xAxisMin;