highcharts 10.2.1 → 10.3.1

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

@@ -13,8 +13,8 @@
 import AST from '../../Core/Renderer/HTML/AST.js';
 import Chart from '../../Core/Chart/Chart.js';
 import ChartNavigationComposition from '../../Core/Chart/ChartNavigationComposition.js';
-import D from '../../Core/DefaultOptions.js';
-var defaultOptions = D.defaultOptions;
+import D from '../../Core/Defaults.js';
+var defaultOptions = D.defaultOptions, setOptions = D.setOptions;
 import ExportingDefaults from './ExportingDefaults.js';
 import ExportingSymbols from './ExportingSymbols.js';
 import Fullscreen from './Fullscreen.js';
@@ -42,16 +42,17 @@ var Exporting;
      * */
     var composedClasses = [];
     // These CSS properties are not inlined. Remember camelCase.
-    var inlineBlacklist = [
+    var inlineDenylist = [
         /-/,
         /^(clipPath|cssText|d|height|width)$/,
         /^font$/,
         /[lL]ogical(Width|Height)$/,
+        /^parentRule$/,
         /perspective/,
         /TapHighlightColor/,
         /^transition/,
-        /^length$/ // #7700
-        // /^text (border|color|cursor|height|webkitBorder)/
+        /^length$/,
+        /^[0-9]+$/ // #17538
     ];
     // These ones are translated to attributes rather than styles
     var inlineToAttributes = [
@@ -64,7 +65,7 @@ var Exporting;
         'x',
         'y'
     ];
-    Exporting.inlineWhitelist = [];
+    Exporting.inlineAllowlist = [];
     var unstyledElements = [
         'clipPath',
         'defs',
@@ -144,7 +145,7 @@ var Exporting;
             attr.stroke = pick(attr.stroke, 'none');
         }
         var button = renderer
-            .button(btnOptions.text, 0, 0, callback, attr)
+            .button(btnOptions.text, 0, 0, callback, attr, void 0, void 0, void 0, void 0, btnOptions.useHTML)
             .addClass(options.className)
             .attr({
             title: pick(chart.options.lang[btnOptions._titleKey || btnOptions.titleKey], '')
@@ -343,6 +344,15 @@ var Exporting;
                 });
             }
         }
+        if (composedClasses.indexOf(setOptions) === -1) {
+            composedClasses.push(setOptions);
+            defaultOptions.exporting = merge(ExportingDefaults.exporting, defaultOptions.exporting);
+            defaultOptions.lang = merge(ExportingDefaults.lang, defaultOptions.lang);
+            // Buttons and menus are collected in a separate config option set
+            // called 'navigation'. This can be extended later to add control
+            // buttons like zoom and pan right click menus.
+            defaultOptions.navigation = merge(ExportingDefaults.navigation, defaultOptions.navigation);
+        }
     }
     Exporting.compose = compose;
     /**
@@ -814,7 +824,7 @@ var Exporting;
      * @requires modules/exporting
      */
     function inlineStyles() {
-        var blacklist = inlineBlacklist, whitelist = Exporting.inlineWhitelist, // For IE
+        var denylist = inlineDenylist, allowlist = Exporting.inlineAllowlist, // For IE
         defaultStyles = {};
         var dummySVG;
         // Create an iframe where we read default styles without pollution from
@@ -838,11 +848,9 @@ var Exporting;
              */
         function recurse(node) {
             var filteredStyles = {};
-            var styles, parentStyles, 
-            // cssText = '',
-            dummy, styleAttr, blacklisted, whitelisted, i;
+            var styles, parentStyles, dummy, denylisted, allowlisted, i;
             /**
-             * Check computed styles and whether they are in the white/blacklist
+             * Check computed styles and whether they are in the allow/denylist
              * for styles or atttributes.
              * @private
              * @param {string} val
@@ -851,27 +859,27 @@ var Exporting;
              *        Style property name
                      */
             function filterStyles(val, prop) {
-                // Check against whitelist & blacklist
-                blacklisted = whitelisted = false;
-                if (whitelist.length) {
-                    // Styled mode in IE has a whitelist instead.
-                    // Exclude all props not in this list.
-                    i = whitelist.length;
-                    while (i-- && !whitelisted) {
-                        whitelisted = whitelist[i].test(prop);
+                // Check against allowlist & denylist
+                denylisted = allowlisted = false;
+                if (allowlist.length) {
+                    // Styled mode in IE has a allowlist instead. Exclude all
+                    // props not in this list.
+                    i = allowlist.length;
+                    while (i-- && !allowlisted) {
+                        allowlisted = allowlist[i].test(prop);
                     }
-                    blacklisted = !whitelisted;
+                    denylisted = !allowlisted;
                 }
                 // Explicitly remove empty transforms
                 if (prop === 'transform' && val === 'none') {
-                    blacklisted = true;
+                    denylisted = true;
                 }
-                i = blacklist.length;
-                while (i-- && !blacklisted) {
-                    blacklisted = (blacklist[i].test(prop) ||
+                i = denylist.length;
+                while (i-- && !denylisted) {
+                    denylisted = (denylist[i].test(prop) ||
                         typeof val === 'function');
                 }
-                if (!blacklisted) {
+                if (!denylisted) {
                     // If parent node has the same style, it gets inherited, no
                     // need to inline it. Top-level props should be diffed
                     // against parent (#7687).
@@ -886,7 +894,7 @@ var Exporting;
                             }
                             // Styles
                         }
-                        else if (prop !== 'parentRule') {
+                        else {
                             filteredStyles[prop] = val;
                         }
                     }
@@ -912,8 +920,16 @@ var Exporting;
                     dummySVG = iframeDoc.getElementsByTagName('svg')[0];
                     dummy = iframeDoc.createElementNS(node.namespaceURI, node.nodeName);
                     dummySVG.appendChild(dummy);
-                    // Copy, so we can remove the node
-                    defaultStyles[node.nodeName] = merge(win.getComputedStyle(dummy, null));
+                    // Get the defaults into a standard object (simple merge
+                    // won't do)
+                    var s = win.getComputedStyle(dummy, null), defaults = {};
+                    for (var key in s) {
+                        if (typeof s[key] === 'string' &&
+                            !/^[0-9]+$/.test(key)) {
+                            defaults[key] = s[key];
+                        }
+                    }
+                    defaultStyles[node.nodeName] = defaults;
                     // Remove default fill, otherwise text disappears when
                     // exported
                     if (node.nodeName === 'text') {
@@ -934,15 +950,6 @@ var Exporting;
                     }
                 }
                 // Apply styles
-                /*
-                if (cssText) {
-                    styleAttr = node.getAttribute('style');
-                    node.setAttribute(
-                        'style',
-                        (styleAttr ? styleAttr + ';' : '') + cssText
-                    );
-                }
-                */
                 css(node, filteredStyles);
                 // Set default stroke width (needed at least for IE)
                 if (node.nodeName === 'svg') {
@@ -1143,26 +1150,6 @@ var Exporting;
         return svg;
     }
 })(Exporting || (Exporting = {}));
-/* *
- *
- *  Registry
- *
- * */
-defaultOptions.exporting = merge(ExportingDefaults.exporting, defaultOptions.exporting);
-defaultOptions.lang = merge(ExportingDefaults.lang, defaultOptions.lang);
-// Buttons and menus are collected in a separate config option set called
-// 'navigation'. This can be extended later to add control buttons like
-// zoom and pan right click menus.
-/**
- * A collection of options for buttons and menus appearing in the exporting
- * module or in Stock Tools.
- *
- * @requires     modules/exporting
- * @optionparent navigation
- *
- * @private
- */
-defaultOptions.navigation = merge(ExportingDefaults.navigation, defaultOptions.navigation);
 /* *
  *
  *  Default Export
@@ -1180,7 +1167,7 @@ export default Exporting;
  *
  * @callback Highcharts.ExportingAfterPrintCallbackFunction
  *
- * @param {Highcharts.Chart} chart
+ * @param {Highcharts.Chart} this
  *        The chart on which the event occured.
  *
  * @param {global.Event} event
@@ -1192,7 +1179,7 @@ export default Exporting;
  *
  * @callback Highcharts.ExportingBeforePrintCallbackFunction
  *
- * @param {Highcharts.Chart} chart
+ * @param {Highcharts.Chart} this
  *        The chart on which the event occured.
  *
  * @param {global.Event} event

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

@@ -503,8 +503,6 @@ var lang = {
      * in full screen.
      *
      * @since 8.0.1
-     *
-     * @private
      */
     viewFullscreen: 'View in full screen',
     /**
@@ -512,8 +510,6 @@ var lang = {
      * from full screen.
      *
      * @since 8.0.1
-     *
-     * @private
      */
     exitFullscreen: 'Exit from full screen',
     /**
@@ -521,8 +517,6 @@ var lang = {
      *
      * @since    3.0.1
      * @requires modules/exporting
-     *
-     * @private
      */
     printChart: 'Print chart',
     /**
@@ -530,8 +524,6 @@ var lang = {
      *
      * @since    2.0
      * @requires modules/exporting
-     *
-     * @private
      */
     downloadPNG: 'Download PNG image',
     /**
@@ -539,8 +531,6 @@ var lang = {
      *
      * @since    2.0
      * @requires modules/exporting
-     *
-     * @private
      */
     downloadJPEG: 'Download JPEG image',
     /**
@@ -548,8 +538,6 @@ var lang = {
      *
      * @since    2.0
      * @requires modules/exporting
-     *
-     * @private
      */
     downloadPDF: 'Download PDF document',
     /**
@@ -557,8 +545,6 @@ var lang = {
      *
      * @since    2.0
      * @requires modules/exporting
-     *
-     * @private
      */
     downloadSVG: 'Download SVG vector image',
     /**
@@ -567,11 +553,16 @@ var lang = {
      *
      * @since    3.0
      * @requires modules/exporting
-     *
-     * @private
      */
     contextButtonTitle: 'Chart context menu'
 };
+/**
+ * A collection of options for buttons and menus appearing in the exporting
+ * module or in Stock Tools.
+ *
+ * @requires     modules/exporting
+ * @optionparent navigation
+ */
 var navigation = {
     /**
      * A collection of options for buttons appearing in the exporting
@@ -581,8 +572,6 @@ var navigation = {
      * `.highcharts-contextbutton` and `.highcharts-button-symbol` classes.
      *
      * @requires modules/exporting
-     *
-     * @private
      */
     buttonOptions: {
         /**
@@ -653,6 +642,8 @@ var navigation = {
          *
          * @sample highcharts/exporting/buttons-text/
          *         Full text button
+         * @sample highcharts/exporting/buttons-text-usehtml/
+         *         Icon using CSS font in text
          * @sample highcharts/exporting/buttons-text-symbol/
          *         Combined symbol and text
          *
@@ -661,6 +652,18 @@ var navigation = {
          * @since     3.0
          * @apioption navigation.buttonOptions.text
          */
+        /**
+         * Whether to use HTML for rendering the button. HTML allows for things
+         * like inline CSS or image-based icons.
+         *
+         * @sample highcharts/exporting/buttons-text-usehtml/
+         *         Icon using CSS font in text
+         *
+         * @type      boolean
+         * @default   false
+         * @since 10.3.0
+         * @apioption navigation.buttonOptions.useHTML
+         */
         /**
          * The vertical offset of the button's position relative to its
          * `verticalAlign`.
@@ -745,6 +748,7 @@ var navigation = {
              */
             /**
              * Default stroke for the buttons.
+             *
              * @type      {Highcharts.ColorString}
              * @default   none
              * @apioption navigation.buttonOptions.theme.stroke
@@ -768,8 +772,6 @@ var navigation = {
      * @type    {Highcharts.CSSObject}
      * @default {"border": "1px solid #999999", "background": "#ffffff", "padding": "5px 0"}
      * @since   2.0
-     *
-     * @private
      */
     menuStyle: {
         /** @ignore-option */
@@ -794,8 +796,6 @@ var navigation = {
      * @type    {Highcharts.CSSObject}
      * @default {"padding": "0.5em 1em", "color": "#333333", "background": "none", "fontSize": "11px/14px", "transition": "background 250ms, color 250ms"}
      * @since   2.0
-     *
-     * @private
      */
     menuItemStyle: {
         /** @ignore-option */
@@ -823,8 +823,6 @@ var navigation = {
      * @type    {Highcharts.CSSObject}
      * @default {"background": "#335cad", "color": "#ffffff"}
      * @since   2.0
-     *
-     * @private
      */
     menuItemHoverStyle: {
         /** @ignore-option */

package/es-modules/Extensions/GeoJSON.js

@@ -413,8 +413,10 @@ function geojson(json, hType, series) {
             }
         }
         if (pointOptions) {
-            var name_1 = properties && (properties.name || properties.NAME);
+            var name_1 = properties && (properties.name || properties.NAME), lon = properties && properties.lon, lat = properties && properties.lat;
             mapData.push(extend(pointOptions, {
+                lat: typeof lat === 'number' ? lat : void 0,
+                lon: typeof lon === 'number' ? lon : void 0,
                 name: typeof name_1 === 'string' ? name_1 : void 0,
                 /**
                  * In Highcharts Maps, when data is loaded from GeoJSON, the

package/es-modules/Extensions/MarkerClusters.js

@@ -15,7 +15,7 @@
 import A from '../Core/Animation/AnimationUtilities.js';
 var animObject = A.animObject;
 import Chart from '../Core/Chart/Chart.js';
-import D from '../Core/DefaultOptions.js';
+import D from '../Core/Defaults.js';
 var defaultOptions = D.defaultOptions;
 import Point from '../Core/Series/Point.js';
 import Series from '../Core/Series/Series.js';

package/es-modules/Extensions/NoDataToDisplay.js

@@ -13,7 +13,7 @@
  * */
 import AST from '../Core/Renderer/HTML/AST.js';
 import Chart from '../Core/Chart/Chart.js';
-import D from '../Core/DefaultOptions.js';
+import D from '../Core/Defaults.js';
 var getOptions = D.getOptions;
 import U from '../Core/Utilities.js';
 var addEvent = U.addEvent, extend = U.extend;

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

@@ -13,7 +13,7 @@
 'use strict';
 import AST from '../../Core/Renderer/HTML/AST.js';
 import Chart from '../../Core/Chart/Chart.js';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var defaultOptions = D.defaultOptions;
 import DownloadURL from '../DownloadURL.js';
 var downloadURL = DownloadURL.downloadURL;
@@ -414,11 +414,11 @@ var OfflineExporting;
                     href.indexOf('data:') !== 0);
             });
         };
-        // If we are on IE and in styled mode, add a whitelist to the renderer
+        // If we are on IE and in styled mode, add an allowlist to the renderer
         // for inline styles that we want to pass through. There are so many
-        // styles by default in IE that we don't want to blacklist them all.
-        if (H.isMS && chart.styledMode && !Exporting.inlineWhitelist.length) {
-            Exporting.inlineWhitelist.push(/^blockSize/, /^border/, /^caretColor/, /^color/, /^columnRule/, /^columnRuleColor/, /^cssFloat/, /^cursor/, /^fill$/, /^fillOpacity/, /^font/, /^inlineSize/, /^length/, /^lineHeight/, /^opacity/, /^outline/, /^parentRule/, /^rx$/, /^ry$/, /^stroke/, /^textAlign/, /^textAnchor/, /^textDecoration/, /^transform/, /^vectorEffect/, /^visibility/, /^x$/, /^y$/);
+        // styles by default in IE that we don't want to denylist them all.
+        if (H.isMS && chart.styledMode && !Exporting.inlineAllowlist.length) {
+            Exporting.inlineAllowlist.push(/^blockSize/, /^border/, /^caretColor/, /^color/, /^columnRule/, /^columnRuleColor/, /^cssFloat/, /^cursor/, /^fill$/, /^fillOpacity/, /^font/, /^inlineSize/, /^length/, /^lineHeight/, /^opacity/, /^outline/, /^parentRule/, /^rx$/, /^ry$/, /^stroke/, /^textAlign/, /^textAnchor/, /^textDecoration/, /^transform/, /^vectorEffect/, /^visibility/, /^x$/, /^y$/);
         }
         // Always fall back on:
         // - MS browsers: Embedded images JPEG/PNG, or any PDF

package/es-modules/Extensions/OfflineExporting/OfflineExportingDefaults.js

@@ -14,7 +14,7 @@
  *
  * */
 var OfflineExportingDefaults = {
-    libURL: 'https://code.highcharts.com/10.2.1/lib/',
+    libURL: 'https://code.highcharts.com/10.3.1/lib/',
     // When offline-exporting is loaded, redefine the menu item definitions
     // related to download.
     menuItemDefinitions: {

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

@@ -13,10 +13,10 @@
 import Chart from '../../Core/Chart/Chart.js';
 import Color from '../../Core/Color/Color.js';
 var color = Color.parse;
+import D from '../../Core/Defaults.js';
+var getOptions = D.getOptions;
 import H from '../../Core/Globals.js';
 var deg2rad = H.deg2rad, doc = H.doc, noop = H.noop, svg = H.svg, win = H.win;
-import D from '../../Core/DefaultOptions.js';
-var getOptions = D.getOptions;
 import Pointer from '../../Core/Pointer.js';
 import RendererRegistry from '../../Core/Renderer/RendererRegistry.js';
 import SVGElement from '../../Core/Renderer/SVG/SVGElement.js';
@@ -36,7 +36,7 @@ var VMLRenderer, VMLElement;
  * @apioption global.VMLRadialGradientURL
  */
 getOptions().global.VMLRadialGradientURL =
-    'http://code.highcharts.com/10.2.1/gfx/vml-radial-gradient.png';
+    'http://code.highcharts.com/10.3.1/gfx/vml-radial-gradient.png';
 // Utilites
 if (doc && !doc.defaultView) {
     H.getStyle = U.getStyle = function getStyle(el, prop) {

package/es-modules/Extensions/Oldie/VMLRenderer3D.js

@@ -11,7 +11,7 @@
  * */
 'use strict';
 import Axis from '../../Core/Axis/Axis.js';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 import VMLAxis3D from './VMLAxis3D.js';
 var VMLRenderer3D = /** @class */ (function () {

package/es-modules/Extensions/OldiePolyfills.js

@@ -140,7 +140,7 @@ if (!Object.keys) {
 // Copyright: Eike Send https://eike.se/nd
 // License: MIT License
 if (!document.getElementsByClassName) {
-    document.getElementsByClassName = function (search) {
+    var getElementsByClassNamePolyfill = function (search) {
         var d = document, elements, pattern, i, results = [];
         if (d.querySelectorAll) { // IE8
             return d.querySelectorAll('.' + search);
@@ -164,4 +164,6 @@ if (!document.getElementsByClassName) {
         }
         return results;
     };
+    document.getElementsByClassName = getElementsByClassNamePolyfill;
+    Element.prototype.getElementsByClassName = getElementsByClassNamePolyfill;
 }

package/es-modules/Extensions/Pane.js

@@ -13,7 +13,7 @@ import CU from '../Series/CenteredUtilities.js';
 import H from '../Core/Globals.js';
 import Pointer from '../Core/Pointer.js';
 import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, extend = U.extend, merge = U.merge, pick = U.pick, splat = U.splat;
+var addEvent = U.addEvent, correctFloat = U.correctFloat, defined = U.defined, extend = U.extend, merge = U.merge, pick = U.pick, splat = U.splat;
 /**
  * @typedef {"arc"|"circle"|"solid"} Highcharts.PaneBackgroundShapeValue
  */
@@ -348,18 +348,49 @@ var Pane = /** @class */ (function () {
  * Element's x coordinate
  * @param  {number} y
  * Element's y coordinate
+ * @param  {Array<number>} inverted
+ * `Chart.inverted` param
  * @param  {Array<number>} center
  * Pane's center (x, y) and diameter
+ * @param  {number} startAngle
+ * Pane's normalized start angle in radians (<-PI, PI>)
+ * @param  {number} endAngle
+ * Pane's normalized end angle in radians (<-PI, PI>)
  */
-function isInsidePane(x, y, center) {
-    return Math.sqrt(Math.pow(x - center[0], 2) + Math.pow(y - center[1], 2)) <= center[2] / 2;
+function isInsidePane(x, y, center, startAngle, endAngle) {
+    var insideSlice = true;
+    var cx = center[0], cy = center[1];
+    var distance = Math.sqrt(Math.pow(x - cx, 2) + Math.pow(y - cy, 2));
+    if (defined(startAngle) && defined(endAngle)) {
+        // Round angle to N-decimals to avoid numeric errors
+        var angle = Math.atan2(correctFloat(y - cy, 8), correctFloat(x - cx, 8));
+        // Ignore full circle panes:
+        if (endAngle !== startAngle) {
+            // If normalized start angle is bigger than normalized end,
+            // it means angles have different signs. In such situation we
+            // check the <-PI, startAngle> and <endAngle, PI> ranges.
+            if (startAngle > endAngle) {
+                insideSlice = (angle >= startAngle &&
+                    angle <= Math.PI) || (angle <= endAngle &&
+                    angle >= -Math.PI);
+            }
+            else {
+                // In this case, we simple check if angle is within the
+                // <startAngle, endAngle> range
+                insideSlice = angle >= startAngle &&
+                    angle <= correctFloat(endAngle, 8);
+            }
+        }
+    }
+    // Round up radius because x and y values are rounded
+    return distance <= Math.ceil(center[2] / 2) && insideSlice;
 }
 Chart.prototype.getHoverPane = function (eventArgs) {
     var chart = this;
     var hoverPane;
     if (eventArgs) {
         chart.pane.forEach(function (pane) {
-            var plotX = eventArgs.chartX - chart.plotLeft, plotY = eventArgs.chartY - chart.plotTop, x = chart.inverted ? plotY : plotX, y = chart.inverted ? plotX : plotY;
+            var x = eventArgs.chartX - chart.plotLeft, y = eventArgs.chartY - chart.plotTop;
             if (isInsidePane(x, y, pane.center)) {
                 hoverPane = pane;
             }
@@ -367,10 +398,16 @@ Chart.prototype.getHoverPane = function (eventArgs) {
     }
     return hoverPane;
 };
+// Check if (x, y) position is within pane for polar
 addEvent(Chart, 'afterIsInsidePlot', function (e) {
+    var _a;
     var chart = this;
     if (chart.polar) {
-        e.isInsidePlot = chart.pane.some(function (pane) { return isInsidePane(e.x, e.y, pane.center); });
+        var x_1 = e.x - (e.options.paneCoordinates ? chart.plotLeft : 0), y_1 = e.y - (e.options.paneCoordinates ? chart.plotTop : 0);
+        if (e.options.inverted) {
+            _a = [y_1, x_1], x_1 = _a[0], y_1 = _a[1];
+        }
+        e.isInsidePlot = chart.pane.some(function (pane) { return isInsidePane(x_1, y_1, pane.center, pane.axis && pane.axis.normalizedStartAngleRad, pane.axis && pane.axis.normalizedEndAngleRad); });
     }
 });
 addEvent(Pointer, 'beforeGetHoverData', function (eventArgs) {

package/es-modules/Extensions/ParallelCoordinates.js

@@ -15,7 +15,7 @@ import Chart from '../Core/Chart/Chart.js';
 import F from '../Core/FormatUtilities.js';
 var format = F.format;
 import H from '../Core/Globals.js';
-import D from '../Core/DefaultOptions.js';
+import D from '../Core/Defaults.js';
 var setOptions = D.setOptions;
 import Series from '../Core/Series/Series.js';
 import U from '../Core/Utilities.js';
@@ -247,6 +247,10 @@ addEvent(Series, 'afterTranslate', function () {
                 point.clientX = point.plotX;
                 point.plotY = chart.yAxis[i]
                     .translate(point.y, false, true, void 0, true);
+                // Range series (#15752)
+                if (isNumber(point.high)) {
+                    point.plotHigh = chart.yAxis[i].translate(point.high, false, true, void 0, true);
+                }
                 if (typeof lastPlotX !== 'undefined') {
                     closestPointRangePx = Math.min(closestPointRangePx, Math.abs(point.plotX - lastPlotX));
                 }

package/es-modules/Extensions/PatternFill.js

@@ -15,7 +15,7 @@ import A from '../Core/Animation/AnimationUtilities.js';
 var animObject = A.animObject;
 import Chart from '../Core/Chart/Chart.js';
 import H from '../Core/Globals.js';
-import D from '../Core/DefaultOptions.js';
+import D from '../Core/Defaults.js';
 var getOptions = D.getOptions;
 import Point from '../Core/Series/Point.js';
 import Series from '../Core/Series/Series.js';
@@ -489,11 +489,11 @@ addEvent(Chart, 'redraw', function () {
  */ /**
 * Background color for the pattern if a `path` is set (not images).
 * @name Highcharts.PatternOptionsObject#backgroundColor
-* @type {Highcharts.ColorString}
+* @type {Highcharts.ColorString|undefined}
 */ /**
 * URL to an image to use as the pattern.
 * @name Highcharts.PatternOptionsObject#image
-* @type {string}
+* @type {string|undefined}
 */ /**
 * Width of the pattern. For images this is automatically set to the width of
 * the element bounding box if not supplied. For non-image patterns the default
@@ -501,17 +501,17 @@ addEvent(Chart, 'redraw', function () {
 * box dynamically is only supported for patterns with an automatically
 * calculated ID.
 * @name Highcharts.PatternOptionsObject#width
-* @type {number}
+* @type {number|undefined}
 */ /**
 * Analogous to pattern.width.
 * @name Highcharts.PatternOptionsObject#height
-* @type {number}
+* @type {number|undefined}
 */ /**
 * For automatically calculated width and height on images, it is possible to
 * set an aspect ratio. The image will be zoomed to fill the bounding box,
 * maintaining the aspect ratio defined.
 * @name Highcharts.PatternOptionsObject#aspectRatio
-* @type {number}
+* @type {number|undefined}
 */ /**
 * Horizontal offset of the pattern. Defaults to 0.
 * @name Highcharts.PatternOptionsObject#x
@@ -526,20 +526,20 @@ addEvent(Chart, 'redraw', function () {
 * attributes like `path.stroke` and `path.fill`. If a path is supplied for the
 * pattern, the `image` property is ignored.
 * @name Highcharts.PatternOptionsObject#path
-* @type {string|Highcharts.SVGAttributes}
+* @type {string|Highcharts.SVGAttributes|undefined}
 */ /**
 * SVG `patternTransform` to apply to the entire pattern.
 * @name Highcharts.PatternOptionsObject#patternTransform
-* @type {string}
+* @type {string|undefined}
 * @see [patternTransform demo](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/series/pattern-fill-transform)
 */ /**
 * Pattern color, used as default path stroke.
 * @name Highcharts.PatternOptionsObject#color
-* @type {Highcharts.ColorString}
+* @type {Highcharts.ColorString|undefined}
 */ /**
 * Opacity of the pattern as a float value from 0 to 1.
 * @name Highcharts.PatternOptionsObject#opacity
-* @type {number}
+* @type {number|undefined}
 */ /**
 * ID to assign to the pattern. This is automatically computed if not added, and
 * identical patterns are reused. To refer to an existing pattern for a