highcharts 9.3.1 → 10.0.0

package/bower.json

@@ -1,6 +1,6 @@
 {
   "name": "highcharts",
-  "version": "9.3.1",
+  "version": "10.0.0",
   "main": "highcharts.js",
   "license": "https://www.highcharts.com/license",
   "types": "highcharts.d.ts"

package/css/annotations/popup.css

@@ -273,4 +273,4 @@ input.highcharts-input-search-indicators {
   color: #fff;
   background-color: #335cad;
   cursor: pointer;
-}
+}

package/css/highcharts.css

@@ -813,16 +813,16 @@ input.highcharts-range-selector {
   font-weight: bold;
 }
 
-/* Highmaps */
+/* Highcharts Maps */
 .highcharts-map-series .highcharts-point {
   transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
   stroke: #cccccc;
+  stroke-width: inherit;
 }
 
 .highcharts-map-series .highcharts-point-hover {
   transition: fill 0ms, fill-opacity 0ms;
   fill-opacity: 0.5;
-  stroke-width: 2px;
 }
 
 .highcharts-mapline-series .highcharts-point {
@@ -839,6 +839,12 @@ input.highcharts-range-selector {
   text-align: center;
 }
 
+.highcharts-mapview-inset-border {
+  stroke: #cccccc;
+  stroke-width: 1px;
+  fill: none;
+}
+
 .highcharts-coloraxis {
   stroke-width: 0;
 }
@@ -894,6 +900,17 @@ input.highcharts-range-selector {
   color: #ffffff;
 }
 
+/* Breadcrumbs */
+.highcharts-breadcrumbs-button {
+  fill: none;
+  stroke-width: 0;
+  cursor: pointer;
+}
+
+.highcharts-breadcrumbs-separator {
+  fill: #666666;
+}
+
 /* Drilldown module */
 .highcharts-drilldown-point {
   cursor: pointer;
@@ -965,7 +982,7 @@ text.highcharts-drilldown-data-label,
   position: absolute;
 }
 
-.highcharts-a11y-proxy-group ul {
+.highcharts-a11y-proxy-group li {
   list-style: none;
 }
 
@@ -1010,4 +1027,4 @@ g.highcharts-series, .highcharts-markers, .highcharts-point {
 
 .highcharts-grid-axis .highcharts-axis-line {
   stroke-width: 1px;
-}
+}

package/css/highcharts.scss

@@ -719,15 +719,15 @@ input.highcharts-range-selector {
     font-weight: bold;
 }
 
-/* Highmaps */
+/* Highcharts Maps */
 .highcharts-map-series .highcharts-point {
     transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
     stroke: $neutral-color-20;
+    stroke-width: inherit;
 }
 .highcharts-map-series .highcharts-point-hover {
     transition: fill 0ms, fill-opacity 0ms;
     fill-opacity: 0.5;
-    stroke-width: 2px;
 }
 .highcharts-mapline-series .highcharts-point {
     fill: none;
@@ -740,6 +740,11 @@ input.highcharts-range-selector {
     font-weight: bold;
     text-align: center;
 }
+.highcharts-mapview-inset-border {
+    stroke: $neutral-color-20;
+    stroke-width: 1px;
+    fill: none;
+}
 .highcharts-coloraxis {
     stroke-width: 0;
 }
@@ -787,6 +792,16 @@ input.highcharts-range-selector {
     color: $background-color;
 }
 
+/* Breadcrumbs */
+.highcharts-breadcrumbs-button {
+    fill: none;
+    stroke-width: 0;
+    cursor: pointer;
+}
+.highcharts-breadcrumbs-separator {
+    fill: $neutral-color-60;
+}
+
 /* Drilldown module */
 .highcharts-drilldown-point {
     cursor: pointer;
@@ -854,7 +869,7 @@ text.highcharts-drilldown-data-label,
     display: block;
     position: absolute;
 }
-.highcharts-a11y-proxy-group ul {
+.highcharts-a11y-proxy-group li {
     list-style: none;
 }
 .highcharts-visually-hidden {

package/css/stocktools/gui.css

@@ -268,4 +268,4 @@
 
 li.highcharts-disabled-btn:hover, .highcharts-disabled-btn .highcharts-submenu-item-arrow:hover {
   background-color: #f7f7f7;
-}
+}

package/css/themes/dark-unica.css

@@ -874,16 +874,16 @@ input.highcharts-range-selector {
   font-weight: bold;
 }
 
-/* Highmaps */
+/* Highcharts Maps */
 .highcharts-map-series .highcharts-point {
   transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
   stroke: #606063;
+  stroke-width: inherit;
 }
 
 .highcharts-map-series .highcharts-point-hover {
   transition: fill 0ms, fill-opacity 0ms;
   fill-opacity: 0.5;
-  stroke-width: 2px;
 }
 
 .highcharts-mapline-series .highcharts-point {
@@ -900,6 +900,12 @@ input.highcharts-range-selector {
   text-align: center;
 }
 
+.highcharts-mapview-inset-border {
+  stroke: #606063;
+  stroke-width: 1px;
+  fill: none;
+}
+
 .highcharts-coloraxis {
   stroke-width: 0;
 }
@@ -955,6 +961,17 @@ input.highcharts-range-selector {
   color: #2a2a2b;
 }
 
+/* Breadcrumbs */
+.highcharts-breadcrumbs-button {
+  fill: none;
+  stroke-width: 0;
+  cursor: pointer;
+}
+
+.highcharts-breadcrumbs-separator {
+  fill: #E0E0E3;
+}
+
 /* Drilldown module */
 .highcharts-drilldown-point {
   cursor: pointer;
@@ -1026,7 +1043,7 @@ text.highcharts-drilldown-data-label,
   position: absolute;
 }
 
-.highcharts-a11y-proxy-group ul {
+.highcharts-a11y-proxy-group li {
   list-style: none;
 }
 
@@ -1071,4 +1088,4 @@ g.highcharts-series, .highcharts-markers, .highcharts-point {
 
 .highcharts-grid-axis .highcharts-axis-line {
   stroke-width: 1px;
-}
+}

package/css/themes/grid-light.css

@@ -827,16 +827,16 @@ input.highcharts-range-selector {
   font-weight: bold;
 }
 
-/* Highmaps */
+/* Highcharts Maps */
 .highcharts-map-series .highcharts-point {
   transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
   stroke: #cccccc;
+  stroke-width: inherit;
 }
 
 .highcharts-map-series .highcharts-point-hover {
   transition: fill 0ms, fill-opacity 0ms;
   fill-opacity: 0.5;
-  stroke-width: 2px;
 }
 
 .highcharts-mapline-series .highcharts-point {
@@ -853,6 +853,12 @@ input.highcharts-range-selector {
   text-align: center;
 }
 
+.highcharts-mapview-inset-border {
+  stroke: #cccccc;
+  stroke-width: 1px;
+  fill: none;
+}
+
 .highcharts-coloraxis {
   stroke-width: 0;
 }
@@ -908,6 +914,17 @@ input.highcharts-range-selector {
   color: #ffffff;
 }
 
+/* Breadcrumbs */
+.highcharts-breadcrumbs-button {
+  fill: none;
+  stroke-width: 0;
+  cursor: pointer;
+}
+
+.highcharts-breadcrumbs-separator {
+  fill: #666666;
+}
+
 /* Drilldown module */
 .highcharts-drilldown-point {
   cursor: pointer;
@@ -979,7 +996,7 @@ text.highcharts-drilldown-data-label,
   position: absolute;
 }
 
-.highcharts-a11y-proxy-group ul {
+.highcharts-a11y-proxy-group li {
   list-style: none;
 }
 
@@ -1024,4 +1041,4 @@ g.highcharts-series, .highcharts-markers, .highcharts-point {
 
 .highcharts-grid-axis .highcharts-axis-line {
   stroke-width: 1px;
-}
+}

package/css/themes/sand-signika.css

@@ -843,16 +843,16 @@ input.highcharts-range-selector {
   font-weight: bold;
 }
 
-/* Highmaps */
+/* Highcharts Maps */
 .highcharts-map-series .highcharts-point {
   transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
   stroke: #cccccc;
+  stroke-width: inherit;
 }
 
 .highcharts-map-series .highcharts-point-hover {
   transition: fill 0ms, fill-opacity 0ms;
   fill-opacity: 0.5;
-  stroke-width: 2px;
 }
 
 .highcharts-mapline-series .highcharts-point {
@@ -869,6 +869,12 @@ input.highcharts-range-selector {
   text-align: center;
 }
 
+.highcharts-mapview-inset-border {
+  stroke: #cccccc;
+  stroke-width: 1px;
+  fill: none;
+}
+
 .highcharts-coloraxis {
   stroke-width: 0;
 }
@@ -924,6 +930,17 @@ input.highcharts-range-selector {
   color: none;
 }
 
+/* Breadcrumbs */
+.highcharts-breadcrumbs-button {
+  fill: none;
+  stroke-width: 0;
+  cursor: pointer;
+}
+
+.highcharts-breadcrumbs-separator {
+  fill: #666666;
+}
+
 /* Drilldown module */
 .highcharts-drilldown-point {
   cursor: pointer;
@@ -995,7 +1012,7 @@ text.highcharts-drilldown-data-label,
   position: absolute;
 }
 
-.highcharts-a11y-proxy-group ul {
+.highcharts-a11y-proxy-group li {
   list-style: none;
 }
 
@@ -1040,4 +1057,4 @@ g.highcharts-series, .highcharts-markers, .highcharts-point {
 
 .highcharts-grid-axis .highcharts-axis-line {
   stroke-width: 1px;
-}
+}

package/es-modules/Accessibility/A11yI18n.js

@@ -59,13 +59,9 @@ var A11yI18nComposition;
      *
      * @private
      * @function formatExtendedStatement
-     *
      * @param {string} statement
-     *
      * @param {Highcharts.Dictionary<*>} ctx
      * Context to apply to the format string.
-     *
-     * @return {string}
      */
     function formatExtendedStatement(statement, ctx) {
         var eachStart = statement.indexOf('#each('), pluralStart = statement.indexOf('#plural('), indexStart = statement.indexOf('['), indexEnd = statement.indexOf(']');
@@ -90,7 +86,7 @@ var A11yI18nComposition;
         }
         // Dealing with a plural-function?
         if (pluralStart > -1) {
-            var pluralEnd = statement.slice(pluralStart).indexOf(')') + pluralStart, pluralStatement = statement.substring(pluralStart + 8, pluralEnd), pluralArguments = pluralStatement.split(','), num = Number(ctx[pluralArguments[0]]);
+            var pluralEnd = (statement.slice(pluralStart).indexOf(')') + pluralStart), pluralStatement = statement.substring(pluralStart + 8, pluralEnd), pluralArguments = pluralStatement.split(','), num = Number(ctx[pluralArguments[0]]);
             switch (num) {
                 case 0:
                     result = pick(pluralArguments[4], pluralArguments[1]);

package/es-modules/Accessibility/Accessibility.js

@@ -95,7 +95,6 @@ var Accessibility = /** @class */ (function () {
         this.proxyProvider = new ProxyProvider(this.chart);
         this.initComponents();
         this.keyboardNavigation = new KeyboardNavigation(chart, this.components);
-        this.update();
     };
     /**
      * @private
@@ -298,6 +297,9 @@ var Accessibility = /** @class */ (function () {
             }
             else {
                 this.accessibility = a11y = new Accessibility(this);
+                if (a11y && !a11y.zombie) {
+                    a11y.update();
+                }
             }
         }
         else if (a11y) {
@@ -315,13 +317,17 @@ var Accessibility = /** @class */ (function () {
     /**
      * @private
      */
-    function compose(ChartClass, PointClass, SeriesClass, SVGElementClass, RangeSelectorClass) {
-        A11yI18n.compose(ChartClass);
-        FocusBorder.compose(ChartClass, SVGElementClass);
+    function compose(AxisClass, ChartClass, LegendClass, PointClass, SeriesClass, SVGElementClass, RangeSelectorClass) {
+        // ordered:
         KeyboardNavigation.compose(ChartClass);
-        MenuComponent.compose(ChartClass);
         NewDataAnnouncer.compose(SeriesClass);
+        LegendComponent.compose(ChartClass, LegendClass);
+        MenuComponent.compose(ChartClass);
         SeriesComponent.compose(ChartClass, PointClass, SeriesClass);
+        ZoomComponent.compose(AxisClass);
+        // RangeSelector
+        A11yI18n.compose(ChartClass);
+        FocusBorder.compose(ChartClass, SVGElementClass);
         if (RangeSelectorClass) {
             RangeSelectorComponent.compose(ChartClass, RangeSelectorClass);
         }
@@ -339,7 +345,7 @@ var Accessibility = /** @class */ (function () {
                 });
             });
             // Direct updates (events happen after render)
-            ['afterDrilldown', 'drillupall'].forEach(function (event) {
+            ['afterApplyDrilldown', 'drillupall'].forEach(function (event) {
                 addEvent(ChartClass, event, function chartOnAfterDrilldown() {
                     var a11y = this.accessibility;
                     if (a11y && !a11y.zombie) {

package/es-modules/Accessibility/AccessibilityComponent.js

@@ -128,7 +128,7 @@ extend(AccessibilityComponent.prototype,
     init: function () { },
     /**
      * Get keyboard navigation handler for this component.
-     * @return {Highcharts.KeyboardNavigationHandler}
+     * @private
      */
     getKeyboardNavigation: function () { },
     /**

package/es-modules/Accessibility/Components/AnnotationsA11y.js

@@ -38,7 +38,7 @@ function getChartAnnotationLabels(chart) {
  * Get the text of an annotation label.
  *
  * @private
- * @param {object} label The annotation label object
+ * @param {Object} label The annotation label object
  * @return {string} The text in the label.
  */
 function getLabelText(label) {
@@ -54,7 +54,7 @@ function getLabelText(label) {
  * Describe an annotation label.
  *
  * @private
- * @param {object} label The annotation label object to describe
+ * @param {Object} label The annotation label object to describe
  * @return {string} The description for the label.
  */
 function getAnnotationLabelDescription(label) {
@@ -83,10 +83,14 @@ function getAnnotationLabelDescription(label) {
     var pointValueDescriptions = points
         .filter(function (p) { return !!p.graphic; }) // Filter out mock points
         .map(getValueDesc)
-        .filter(function (desc) { return !!desc; }); // Filter out points we can't describe
+        // Filter out points we can't describe
+        .filter(function (desc) { return !!desc; });
     var numPoints = pointValueDescriptions.length;
-    var pointsSelector = numPoints > 1 ? 'MultiplePoints' : numPoints ? 'SinglePoint' : 'NoPoints';
-    var langFormatStr = 'accessibility.screenReaderSection.annotations.description' + pointsSelector;
+    var pointsSelector = numPoints > 1 ?
+        'MultiplePoints' : numPoints ?
+        'SinglePoint' : 'NoPoints';
+    var langFormatStr = ('accessibility.screenReaderSection.annotations.description' +
+        pointsSelector);
     var context = {
         annotationText: labelText,
         annotation: label,

package/es-modules/Accessibility/Components/ContainerComponent.js

@@ -126,7 +126,7 @@ var ContainerComponent = /** @class */ (function (_super) {
     };
     /**
      * Empty handler to just set focus on chart
-     * @return {Highcharts.KeyboardNavigationHandler}
+     * @private
      */
     ContainerComponent.prototype.getKeyboardNavigation = function () {
         var chart = this.chart;

package/es-modules/Accessibility/Components/InfoRegionsComponent.js

@@ -193,7 +193,8 @@ var InfoRegionsComponent = /** @class */ (function (_super) {
             after: {
                 element: null,
                 buildContent: function (chart) {
-                    var formatter = chart.options.accessibility.screenReaderSection
+                    var formatter = chart.options.accessibility
+                        .screenReaderSection
                         .afterChartFormatter;
                     return formatter ? formatter(chart) :
                         component.defaultAfterChartFormatter();
@@ -304,11 +305,10 @@ var InfoRegionsComponent = /** @class */ (function (_super) {
     };
     /**
      * @private
-     * @return {string}
      */
     InfoRegionsComponent.prototype.defaultBeforeChartFormatter = function () {
-        var chart = this.chart;
-        var format = chart.options.accessibility.screenReaderSection.beforeChartFormat;
+        var chart = this.chart, format = chart.options.accessibility.screenReaderSection
+            .beforeChartFormat;
         if (!format) {
             return '';
         }
@@ -337,11 +337,11 @@ var InfoRegionsComponent = /** @class */ (function (_super) {
     };
     /**
      * @private
-     * @return {string}
      */
     InfoRegionsComponent.prototype.defaultAfterChartFormatter = function () {
         var chart = this.chart;
-        var format = chart.options.accessibility.screenReaderSection.afterChartFormat;
+        var format = chart.options.accessibility.screenReaderSection
+            .afterChartFormat;
         if (!format) {
             return '';
         }
@@ -351,7 +351,6 @@ var InfoRegionsComponent = /** @class */ (function (_super) {
     };
     /**
      * @private
-     * @return {string}
      */
     InfoRegionsComponent.prototype.getLinkedDescription = function () {
         var el = this.linkedDescriptionElement, content = el && el.innerHTML || '';
@@ -359,7 +358,6 @@ var InfoRegionsComponent = /** @class */ (function (_super) {
     };
     /**
      * @private
-     * @return {string}
      */
     InfoRegionsComponent.prototype.getLongdescText = function () {
         var chartOptions = this.chart.options, captionOptions = chartOptions.caption, captionText = captionOptions && captionOptions.text, linkedDescription = this.getLinkedDescription();
@@ -370,7 +368,6 @@ var InfoRegionsComponent = /** @class */ (function (_super) {
     };
     /**
      * @private
-     * @return {string}
      */
     InfoRegionsComponent.prototype.getTypeDescriptionText = function () {
         var chart = this.chart;
@@ -380,8 +377,6 @@ var InfoRegionsComponent = /** @class */ (function (_super) {
     };
     /**
      * @private
-     * @param {string} buttonId
-     * @return {string}
      */
     InfoRegionsComponent.prototype.getDataTableButtonText = function (buttonId) {
         var chart = this.chart, buttonText = chart.langFormat('accessibility.table.viewAsDataTableButtonText', { chart: chart, chartTitle: getChartTitle(chart) });
@@ -389,8 +384,6 @@ var InfoRegionsComponent = /** @class */ (function (_super) {
     };
     /**
      * @private
-     * @param {string} buttonId
-     * @return {string}
      */
     InfoRegionsComponent.prototype.getSonifyButtonText = function (buttonId) {
         var chart = this.chart;
@@ -403,7 +396,6 @@ var InfoRegionsComponent = /** @class */ (function (_super) {
     };
     /**
      * @private
-     * @return {string}
      */
     InfoRegionsComponent.prototype.getSubtitleText = function () {
         var subtitle = (this.chart.options.subtitle);
@@ -411,7 +403,6 @@ var InfoRegionsComponent = /** @class */ (function (_super) {
     };
     /**
      * @private
-     * @return {string}
      */
     InfoRegionsComponent.prototype.getEndOfChartMarkerText = function () {
         var chart = this.chart, markerText = chart.langFormat('accessibility.screenReaderSection.endOfChartMarker', { chart: chart }), id = 'highcharts-end-of-chart-marker-' + chart.index;
@@ -473,7 +464,8 @@ var InfoRegionsComponent = /** @class */ (function (_super) {
             el.setAttribute('tabindex', -1);
             el.onclick = function (e) {
                 var onPlayAsSoundClick = (chart.options.accessibility &&
-                    chart.options.accessibility.screenReaderSection.onPlayAsSoundClick);
+                    chart.options.accessibility.screenReaderSection
+                        .onPlayAsSoundClick);
                 (onPlayAsSoundClick || defaultHandler).call(this, e, chart);
             };
         }
@@ -500,7 +492,6 @@ var InfoRegionsComponent = /** @class */ (function (_super) {
     /**
      * Return object with text description of each of the chart's axes.
      * @private
-     * @return {Highcharts.Dictionary<string>}
      */
     InfoRegionsComponent.prototype.getAxesDescription = function () {
         var chart = this.chart, shouldDescribeColl = function (collectionKey, defaultCondition) {
@@ -519,8 +510,6 @@ var InfoRegionsComponent = /** @class */ (function (_super) {
     };
     /**
      * @private
-     * @param {string} collectionKey
-     * @return {string}
      */
     InfoRegionsComponent.prototype.getAxisDescriptionText = function (collectionKey) {
         var chart = this.chart;