highcharts 10.0.0 → 10.2.1

package/es-modules/Extensions/SeriesLabel/SeriesLabelDefaults.js

@@ -0,0 +1,124 @@
+/* *
+ *
+ *  (c) 2009-2021 Torstein Honsi
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+'use strict';
+/* *
+ *
+ *  Constants
+ *
+ * */
+/**
+ * Series labels are placed as close to the series as possible in a
+ * natural way, seeking to avoid other series. The goal of this
+ * feature is to make the chart more easily readable, like if a
+ * human designer placed the labels in the optimal position.
+ *
+ * The series labels currently work with series types having a
+ * `graph` or an `area`.
+ *
+ * @sample highcharts/series-label/line-chart
+ *         Line chart
+ * @sample highcharts/demo/streamgraph
+ *         Stream graph
+ * @sample highcharts/series-label/stock-chart
+ *         Stock chart
+ *
+ * @declare  Highcharts.SeriesLabelOptionsObject
+ * @since    6.0.0
+ * @product  highcharts highstock gantt
+ * @requires modules/series-label
+ * @optionparent plotOptions.series.label
+ */
+var SeriesLabelDefaults = {
+    /**
+     * Enable the series label per series.
+     */
+    enabled: true,
+    /**
+     * Allow labels to be placed distant to the graph if necessary,
+     * and draw a connector line to the graph. Setting this option
+     * to true may decrease the performance significantly, since the
+     * algorithm with systematically search for open spaces in the
+     * whole plot area. Visually, it may also result in a more
+     * cluttered chart, though more of the series will be labeled.
+     */
+    connectorAllowed: false,
+    /**
+     * If the label is closer than this to a neighbour graph, draw a
+     * connector.
+     */
+    connectorNeighbourDistance: 24,
+    /**
+     * A format string for the label, with support for a subset of
+     * HTML. Variables are enclosed by curly brackets. Available
+     * variables are `name`, `options.xxx`, `color` and other
+     * members from the `series` object. Use this option also to set
+     * a static text for the label.
+     *
+     * @type string
+     * @since 8.1.0
+     */
+    format: void 0,
+    /**
+     * Callback function to format each of the series' labels. The
+     * `this` keyword refers to the series object. By default the
+     * `formatter` is undefined and the `series.name` is rendered.
+     *
+     * @type {Highcharts.FormatterCallbackFunction<Series>}
+     * @since 8.1.0
+     */
+    formatter: void 0,
+    /**
+     * For area-like series, allow the font size to vary so that
+     * small areas get a smaller font size. The default applies this
+     * effect to area-like series but not line-like series.
+     *
+     * @type {number|null}
+     */
+    minFontSize: null,
+    /**
+     * For area-like series, allow the font size to vary so that
+     * small areas get a smaller font size. The default applies this
+     * effect to area-like series but not line-like series.
+     *
+     * @type {number|null}
+     */
+    maxFontSize: null,
+    /**
+     * Draw the label on the area of an area series. By default it
+     * is drawn on the area. Set it to `false` to draw it next to
+     * the graph instead.
+     *
+     * @type {boolean|null}
+     */
+    onArea: null,
+    /**
+     * Styles for the series label. The color defaults to the series
+     * color, or a contrast color if `onArea`.
+     *
+     * @type {Highcharts.CSSObject}
+     */
+    style: {
+        /** @internal */
+        fontWeight: 'bold'
+    },
+    /**
+     * An array of boxes to avoid when laying out the labels. Each
+     * item has a `left`, `right`, `top` and `bottom` property.
+     *
+     * @type {Array<Highcharts.LabelIntersectBoxObject>}
+     */
+    boxesToAvoid: []
+};
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default SeriesLabelDefaults;

package/es-modules/Extensions/SeriesLabel/SeriesLabelUtilities.js

@@ -0,0 +1,67 @@
+/* *
+ *
+ *  (c) 2009-2021 Torstein Honsi
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+'use strict';
+/* *
+ *
+ *  Functions
+ *
+ * */
+/**
+ * Counter-clockwise, part of the fast line intersection logic.
+ *
+ * @private
+ * @function ccw
+ */
+function ccw(x1, y1, x2, y2, x3, y3) {
+    var cw = ((y3 - y1) * (x2 - x1)) - ((y2 - y1) * (x3 - x1));
+    return cw > 0 ? true : !(cw < 0);
+}
+/**
+ * Detect if two lines intersect.
+ *
+ * @private
+ * @function intersectLine
+ */
+function intersectLine(x1, y1, x2, y2, x3, y3, x4, y4) {
+    return ccw(x1, y1, x3, y3, x4, y4) !== ccw(x2, y2, x3, y3, x4, y4) &&
+        ccw(x1, y1, x2, y2, x3, y3) !== ccw(x1, y1, x2, y2, x4, y4);
+}
+/**
+ * Detect if a box intersects with a line.
+ *
+ * @private
+ * @function boxIntersectLine
+ */
+function boxIntersectLine(x, y, w, h, x1, y1, x2, y2) {
+    return (intersectLine(x, y, x + w, y, x1, y1, x2, y2) || // top of label
+        intersectLine(x + w, y, x + w, y + h, x1, y1, x2, y2) || // right
+        intersectLine(x, y + h, x + w, y + h, x1, y1, x2, y2) || // bottom
+        intersectLine(x, y, x, y + h, x1, y1, x2, y2) // left of label
+    );
+}
+/**
+ * @private
+ */
+function intersectRect(r1, r2) {
+    return !(r2.left > r1.right ||
+        r2.right < r1.left ||
+        r2.top > r1.bottom ||
+        r2.bottom < r1.top);
+}
+/* *
+ *
+ *  Default Export
+ *
+ * */
+var SeriesLabelUtilities = {
+    boxIntersectLine: boxIntersectLine,
+    intersectRect: intersectRect
+};
+export default SeriesLabelUtilities;

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

@@ -604,7 +604,7 @@ export default ChartSonify;
 * receives the point as argument, and should return a numeric value. The points
 * with the lowest numeric values are then played first, and the time between
 * points will be proportional to the distance between the numeric values. This
-* option can not be overridden per series.
+* option cannot be overridden per series.
 * @name Highcharts.SonificationOptions#pointPlayTime
 * @type {string|Function}
 */ /**

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

@@ -83,7 +83,7 @@ var Earcon = /** @class */ (function () {
             var instrument = typeof opts.instrument === 'string' ?
                 Instrument.definitions[opts.instrument] : opts.instrument, instrumentOpts = merge(opts.playOptions);
             var instrOnEnd, instrumentCopy, copyId = '';
-            if (instrument && instrument.play) {
+            if (instrument && (instrument.play)) {
                 if (opts.playOptions) {
                     instrumentOpts.pan = pick(masterPan, instrumentOpts.pan);
                     // Handle onEnd

package/es-modules/Extensions/Themes/HighContrastDark.js

@@ -31,16 +31,16 @@ var HighContrastDarkTheme;
     var textBright = '#F0F0F3';
     HighContrastDarkTheme.options = {
         colors: [
-            '#6783E7',
-            '#8AC668',
-            '#9630EF',
-            '#F0A079',
-            '#51ACD1',
-            '#CB3F44',
-            '#CD9FE5',
-            '#4DA9A5',
-            '#BBDEE0',
-            '#E3AF3D'
+            '#67B9EE',
+            '#CEEDA5',
+            '#9F6AE1',
+            '#FEA26E',
+            '#6BA48F',
+            '#EA3535',
+            '#8D96B7',
+            '#ECCA15',
+            '#20AA09',
+            '#E0C3E4'
         ],
         chart: {
             backgroundColor: '#1f1f20',

package/es-modules/Extensions/Themes/HighContrastLight.js

@@ -30,16 +30,16 @@ var HighContrastLightTheme;
      * */
     HighContrastLightTheme.options = {
         colors: [
-            '#4372da',
+            '#265FB5',
             '#222',
-            '#0b7383',
-            '#6B26F0',
-            '#D42D1A',
-            '#3D239E',
-            '#7e7932',
-            '#b06320',
-            '#244a76',
-            '#76767A'
+            '#698F01',
+            '#F4693E',
+            '#4C0684',
+            '#0FA388',
+            '#B7104A',
+            '#AF9023',
+            '#1A704C',
+            '#B02FDD'
         ],
         navigator: {
             series: {

package/es-modules/Maps/MapNavigation.js

@@ -12,7 +12,7 @@ import Chart from '../Core/Chart/Chart.js';
 import H from '../Core/Globals.js';
 var doc = H.doc;
 import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, defined = U.defined, extend = U.extend, isNumber = U.isNumber, merge = U.merge, objectEach = U.objectEach, pick = U.pick;
+var addEvent = U.addEvent, extend = U.extend, isNumber = U.isNumber, merge = U.merge, objectEach = U.objectEach, pick = U.pick;
 import './MapNavigationOptionsDefault.js';
 /* eslint-disable no-invalid-this, valid-jsdoc */
 /**
@@ -69,7 +69,7 @@ MapNavigation.prototype.init = function (chart) {
  * @return {void}
  */
 MapNavigation.prototype.update = function (options) {
-    var mapNav = this, chart = this.chart, o = chart.options.mapNavigation, attr, states, hoverStates, selectStates, outerHandler = function (e) {
+    var mapNav = this, chart = this.chart, o = chart.options.mapNavigation, attr, outerHandler = function (e) {
         this.handler.call(chart, e);
         stopEvent(e); // Stop default click event (#4444)
     }, navButtons = mapNav.navButtons;
@@ -96,13 +96,9 @@ MapNavigation.prototype.update = function (options) {
                 attr = buttonOptions.theme;
                 attr.style = merge(buttonOptions.theme.style, buttonOptions.style // #3203
                 );
-                states = attr.states;
-                hoverStates = states && states.hover;
-                selectStates = states && states.select;
-                delete attr.states;
             }
             var button = chart.renderer
-                .button(buttonOptions.text || '', 0, 0, outerHandler, attr, hoverStates, selectStates, void 0, n === 'zoomIn' ? 'topbutton' : 'bottombutton')
+                .button(buttonOptions.text || '', 0, 0, outerHandler, attr, void 0, void 0, void 0, n === 'zoomIn' ? 'topbutton' : 'bottombutton')
                 .addClass('highcharts-map-navigation highcharts-' + {
                 zoomIn: 'zoom-in',
                 zoomOut: 'zoom-out'

package/es-modules/Maps/MapPointer.js

@@ -83,7 +83,7 @@ wrap(Pointer.prototype, 'zoomOption', function (proceed) {
     var mapNavigation = this.chart.options.mapNavigation;
     // Pinch status
     if (pick(mapNavigation.enableTouchZoom, mapNavigation.enabled)) {
-        this.chart.options.chart.pinchType = 'xy';
+        this.chart.options.chart.zooming.pinchType = 'xy';
     }
     proceed.apply(this, [].slice.call(arguments, 1));
 });

package/es-modules/Maps/MapView.js

@@ -12,21 +12,25 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 import defaultOptions from './MapViewOptionsDefault.js';
 import defaultInsetsOptions from './MapViewInsetsOptionsDefault.js';
@@ -38,10 +42,11 @@ import MU from './MapUtilities.js';
 var boundsFromPath = MU.boundsFromPath, pointInPolygon = MU.pointInPolygon;
 import Projection from './Projection.js';
 import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, clamp = U.clamp, defined = U.defined, fireEvent = U.fireEvent, isArray = U.isArray, isNumber = U.isNumber, isObject = U.isObject, isString = U.isString, merge = U.merge, pick = U.pick, relativeLength = U.relativeLength;
+var addEvent = U.addEvent, clamp = U.clamp, fireEvent = U.fireEvent, isArray = U.isArray, isNumber = U.isNumber, isObject = U.isObject, isString = U.isString, merge = U.merge, pick = U.pick, relativeLength = U.relativeLength;
 /**
  * The world size in terms of 10k meters in the Web Mercator projection, to
- * match a 256 square tile to zoom level 0
+ * match a 256 square tile to zoom level 0.
+ * @private
  */
 var worldSize = 400.979322;
 var tileSize = 256;
@@ -98,9 +103,9 @@ var MapView = /** @class */ (function () {
         var recommendedProjection;
         if (!(this instanceof MapViewInset)) {
             // Handle the global map and series-level mapData
-            var geoMaps = __spreadArrays([
+            var geoMaps = __spreadArray([
                 chart.options.chart.map
-            ], (chart.options.series || []).map(function (s) { return s.mapData; })).map(function (mapData) { return _this.getGeoMap(mapData); });
+            ], (chart.options.series || []).map(function (s) { return s.mapData; }), true).map(function (mapData) { return _this.getGeoMap(mapData); });
             var allGeoBounds_1 = [];
             geoMaps.forEach(function (geoMap) {
                 if (geoMap) {
@@ -174,7 +179,11 @@ var MapView = /** @class */ (function () {
                 _this.minZoom === _this.zoom // When resizing the chart
             ) {
                 _this.fitToBounds(void 0, void 0, false);
-                if (isNumber(_this.userOptions.zoom)) {
+                if (
+                // Set zoom only when initializing the chart
+                // (do not overwrite when zooming in/out, #17082)
+                !_this.chart.hasRendered &&
+                    isNumber(_this.userOptions.zoom)) {
                     _this.zoom = _this.userOptions.zoom;
                 }
                 if (_this.userOptions.center) {
@@ -189,7 +198,7 @@ var MapView = /** @class */ (function () {
         var toObject = function (insets) {
             var ob = {};
             insets.forEach(function (inset, i) {
-                ob[inset && inset.id || "i" + i] = inset;
+                ob[inset && inset.id || "i".concat(i)] = inset;
             });
             return ob;
         };
@@ -455,7 +464,10 @@ var MapView = /** @class */ (function () {
             if (typeof this.options.maxZoom === 'number') {
                 zoom = Math.min(zoom, this.options.maxZoom);
             }
-            this.zoom = zoom;
+            // Use isNumber to prevent Infinity (#17205)
+            if (isNumber(zoom)) {
+                this.zoom = zoom;
+            }
         }
         var bounds = this.getProjectedBounds();
         if (bounds) {
@@ -572,7 +584,7 @@ var MapView = /** @class */ (function () {
             }
             if (typeof mouseDownX === 'number' &&
                 typeof mouseDownY === 'number') {
-                var key = mouseDownX + "," + mouseDownY, _a = e.originalEvent, chartX = _a.chartX, chartY = _a.chartY;
+                var key = "".concat(mouseDownX, ",").concat(mouseDownY), _a = e.originalEvent, chartX = _a.chartX, chartY = _a.chartY;
                 // Reset starting position
                 if (key !== mouseDownKey) {
                     mouseDownKey = key;
@@ -836,8 +848,8 @@ var MapViewInset = /** @class */ (function (_super) {
                     mapView.getMapBBox() ||
                     merge(chart.plotBox, { x: 0, y: 0 });
                 polygon = polygon.map(function (xy) { return [
-                    relativeLength(xy[0] + "%", relativeTo_1.width, relativeTo_1.x),
-                    relativeLength(xy[1] + "%", relativeTo_1.height, relativeTo_1.y)
+                    relativeLength("".concat(xy[0], "%"), relativeTo_1.width, relativeTo_1.x),
+                    relativeLength("".concat(xy[1], "%"), relativeTo_1.height, relativeTo_1.y)
                 ]; });
             }
             return {
@@ -891,8 +903,8 @@ var MapViewInset = /** @class */ (function (_super) {
                 return lineString.reduce(function (d, point, i) {
                     var x = point[0], y = point[1];
                     if (options.units === 'percent') {
-                        x = chart.plotLeft + relativeLength(x + "%", field_1.width, field_1.x);
-                        y = chart.plotTop + relativeLength(y + "%", field_1.height, field_1.y);
+                        x = chart.plotLeft + relativeLength("".concat(x, "%"), field_1.width, field_1.x);
+                        y = chart.plotTop + relativeLength("".concat(y, "%"), field_1.height, field_1.y);
                     }
                     x = Math.floor(x) + crisp_1;
                     y = Math.floor(y) + crisp_1;

package/es-modules/Maps/MapViewInsetsOptionsDefault.js

@@ -24,7 +24,7 @@ var defaultOptions = {
      *         Inset border options
      * @type {Highcharts.ColorType}
      */
-    borderColor: "#cccccc" /* neutralColor20 */,
+    borderColor: "#cccccc" /* Palette.neutralColor20 */,
     /**
      * The pixel border width of the insets.
      *

package/es-modules/Maps/MapViewOptionsDefault.js

@@ -76,8 +76,10 @@ var defaultOptions = {
          * @type   {string}
          * @sample maps/mapview/projection-explorer
          *         Projection explorer
-         * @sample maps/mapview/projection-custom
+         * @sample maps/mapview/projection-custom-proj4js
          *         Custom UTM projection definition
+         * @sample maps/mapview/projection-custom-d3geo
+         *         Custom Robinson projection definition
          * @sample maps/demo/topojson-projection
          *         Orthographic projection
          */

package/es-modules/Maps/Projection.js

@@ -8,12 +8,14 @@
  *
  * */
 'use strict';
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 import PC from '../Core/Geometry/PolygonClip.js';
 var clipLineString = PC.clipLineString, clipPolygon = PC.clipPolygon;
@@ -131,7 +133,7 @@ var Projection = /** @class */ (function () {
             if (roughDistance > 10) {
                 var greatCircle = Projection.greatCircle(poly[i], poly[i + 1]);
                 if (greatCircle.length) {
-                    poly.splice.apply(poly, __spreadArrays([i + 1, 0], greatCircle));
+                    poly.splice.apply(poly, __spreadArray([i + 1, 0], greatCircle, false));
                 }
             }
         }
@@ -268,8 +270,8 @@ var Projection = /** @class */ (function () {
                         intersections[i].direction * floatCorrection);
                     var lonMinus = wrapLon(antimeridian -
                         intersections[i].direction * floatCorrection);
-                    var slice = poly.splice.apply(poly, __spreadArrays([index,
-                        intersections[i + 1].i - index], Projection.greatCircle([lonPlus, intersections[i].lat], [lonPlus, intersections[i + 1].lat], true)));
+                    var slice = poly.splice.apply(poly, __spreadArray([index,
+                        intersections[i + 1].i - index], Projection.greatCircle([lonPlus, intersections[i].lat], [lonPlus, intersections[i + 1].lat], true), false));
                     // Add interpolated points close to the cut
                     slice.push.apply(slice, Projection.greatCircle([lonMinus, intersections[i + 1].lat], [lonMinus, intersections[i].lat], true));
                     polygons.push(slice);
@@ -295,8 +297,8 @@ var Projection = /** @class */ (function () {
                                 polarSegment.push([lon, polarLatitude]);
                             }
                             polarSegment.push.apply(polarSegment, Projection.greatCircle([lon2, polarLatitude], [lon2, polarIntersection.lat], true));
-                            poly_1.splice.apply(poly_1, __spreadArrays([indexOf,
-                                0], polarSegment));
+                            poly_1.splice.apply(poly_1, __spreadArray([indexOf,
+                                0], polarSegment, false));
                             break;
                         }
                     }

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

@@ -14,10 +14,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

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

@@ -14,10 +14,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -250,6 +252,7 @@ var ArcDiagramSeries = /** @class */ (function (_super) {
         ];
         // Pass test in drawPoints
         point.y = point.plotY = 1;
+        point.x = point.plotX = 1;
         if (!point.color) {
             point.color = fromNode.color;
         }
@@ -460,11 +463,18 @@ var ArcDiagramSeries = /** @class */ (function (_super) {
              * **Note:** Only SVG-based renderer supports this option. Setting
              * `useHTML` to true will disable this option.
              *
-             * @extends plotOptions.arcdiagram.dataLabels.linkTextPath
+             * @extends plotOptions.networkgraph.dataLabels.linkTextPath
              * @since 10.0.0
              */
             linkTextPath: {
+                /**
+                 * @type    {Highcharts.SVGAttributes}
+                 * @default {"startOffset":"25%"}
+                 */
                 attributes: {
+                    /**
+                     * @ignore-option
+                     */
                     startOffset: '25%'
                 }
             }