highcharts 9.1.1 → 9.1.2

package/bower.json

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

package/css/annotations/popup.css

@@ -27,7 +27,7 @@
   top: 5%;
   left: 15%;
   overflow-x: hidden;
-  overflow-y: auto;
+  overflow-y: hidden;
   width: 75%;
   min-width: 300px;
   max-width: 600px;
@@ -39,7 +39,7 @@
 }
 
 .highcharts-popup div, .highcharts-popup span {
-  box-sizing: content-box;
+  box-sizing: border-box;
 }
 
 .highcharts-popup input, .highcharts-popup label, .highcharts-popup select {
@@ -47,56 +47,56 @@
   float: left;
   width: 100%;
   margin-bottom: 10px;
+  box-sizing: border-box;
 }
 
 .highcharts-popup input {
   border: 1px solid #e6e6e6;
   padding: 5px;
-  width: calc(100% - 12px);
+  width: 100%;
 }
 
 .highcharts-popup-lhs-col, .highcharts-popup-rhs-col {
-  padding: 20px;
-  height: calc(100% - 84px);
-  /* 44px - padding, 40px - tabs*/
+  height: 100%;
   float: left;
+  overflow-y: auto;
 }
 
 .highcharts-popup-lhs-col.highcharts-popup-lhs-full {
-  width: calc(100% - 52px);
-  overflow-y: auto;
+  width: 100%;
   overflow-x: hidden;
-  height: calc(100% - 140px);
+  height: calc(100% - 104px);
   border: none;
-  padding: 0px 20px 20px 20px;
+  padding: 20px;
+  padding-bottom: 10px;
 }
 
 .highcharts-popup-lhs-col.highcharts-popup-lhs-full + .highcharts-popup-bottom-row {
-  width: calc(100% - 32px);
+  width: 100%;
 }
 
 .highcharts-popup-lhs-col {
   clear: both;
-  width: calc(30% - 44px);
+  width: 30%;
   border-right: 1px solid #e6e6e6;
 }
 
 .highcharts-popup-bottom-row {
   float: left;
   padding: 0px 20px;
-  width: calc(100% - 40px);
+  padding-bottom: 12px;
+  width: 100%;
+  border-top: 1px solid #e6e6e6;
 }
 
 .highcharts-popup-rhs-col {
-  width: calc(70% - 40px);
+  width: 70%;
+  height: calc(100% - 40px);
+  padding: 20px;
 }
 
 .highcharts-popup-rhs-col-wrapper {
-  float: left;
-  width: calc(100% - 20px);
-  padding-right: 20px;
-  height: calc(100% - 40px);
-  overflow-y: auto;
+  width: 100%;
   overflow-x: hidden;
 }
 
@@ -109,22 +109,22 @@
 .highcharts-indicator-list {
   float: left;
   color: #666;
-  height: 100%;
+  height: calc(100% - 70px);
   width: 100%;
-  overflow-y: auto;
   overflow-x: hidden;
   margin: 0px;
-  padding: 0px;
+  padding: 15px 0px;
 }
 
 .highcharts-indicator-list li {
   cursor: pointer;
-  padding: 0px 0px 5px 0px;
+  padding: 5px 20px;
   margin: 0px;
   width: 100%;
   height: auto;
   overflow: hidden;
   word-break: break-all;
+  box-sizing: border-box;
 }
 
 .highcharts-indicator-list li:hover {
@@ -136,8 +136,9 @@
   cursor: pointer;
   display: block;
   float: left;
-  padding: 10px;
-  height: 20px;
+  padding: 0px 10px;
+  height: 40px;
+  line-height: 40px;
 }
 
 .highcharts-tab-item.highcharts-tab-item-active {
@@ -160,8 +161,8 @@
 .highcharts-popup-close {
   background-repeat: no-repeat;
   background-position: 50% 50%;
-  width: 20px;
-  height: 20px;
+  width: 40px;
+  height: 40px;
   cursor: pointer;
   position: absolute;
   padding: 10px;
@@ -225,7 +226,7 @@
 
 .highcharts-popup .highcharts-popup-main-title {
   border-bottom: 1px solid #e6e6e6;
-  margin: 0px 0px 20px 0px;
+  margin: 0px;
   padding: 8px 0px 6px 20px;
 }
 

package/css/annotations/popup.scss

@@ -33,7 +33,7 @@ $button-hover-color: #e6ebf5;
   top: 5%;
   left: 15%;
   overflow-x: hidden;
-  overflow-y: auto;
+  overflow-y: hidden;
   width: 75%;
   min-width: 300px;
   max-width: 600px;
@@ -45,7 +45,7 @@ $button-hover-color: #e6ebf5;
 }
 
 .highcharts-popup div, .highcharts-popup span {
-  box-sizing: content-box;
+  box-sizing: border-box;
 }
 
 .highcharts-popup input, .highcharts-popup label, .highcharts-popup select {
@@ -53,55 +53,56 @@ $button-hover-color: #e6ebf5;
   float: left;
   width: 100%;
   margin-bottom: 10px;
+  box-sizing: border-box;
 }
 
 .highcharts-popup input {
   border: 1px solid #e6e6e6;
   padding: 5px;
-  width: calc(100% - 12px);
+  width: 100%;
 }
 
 .highcharts-popup-lhs-col, .highcharts-popup-rhs-col {
-  padding: 20px;
-  height: calc(100% - 84px); /* 44px - padding, 40px - tabs*/
+  height: 100%;
   float: left;
+  overflow-y: auto;
 }
 
 .highcharts-popup-lhs-col.highcharts-popup-lhs-full { 
-  width: calc(100% - 52px);
-  overflow-y: auto;
+  width: 100%;
   overflow-x: hidden;
-  height: calc(100% - 140px);
+  height: calc(100% - 104px);
   border: none;
-  padding: 0px 20px 20px 20px;
+  padding: 20px;
+  padding-bottom: 10px;
 }
 
 .highcharts-popup-lhs-col.highcharts-popup-lhs-full + .highcharts-popup-bottom-row {
-  width: calc(100% - 32px);
+  width: 100%;
 }
 
 .highcharts-popup-lhs-col {
   clear: both;
-  width: calc(30% - 44px);
+  width: 30%;
   border-right: 1px solid #e6e6e6;
 }
 
 .highcharts-popup-bottom-row {
   float: left;
   padding: 0px 20px;
-  width: calc(100% - 40px);
+  padding-bottom: 12px;
+  width: 100%;
+  border-top: 1px solid #e6e6e6;
 }
 
 .highcharts-popup-rhs-col {
-  width: calc(70% - 40px);
+  width: 70%;
+  height: calc(100% - 40px);
+  padding: 20px;
 }
 
 .highcharts-popup-rhs-col-wrapper {
-  float: left;
-  width: calc(100% - 20px);
-  padding-right: 20px;
-  height: calc(100% - 40px);
-  overflow-y: auto;
+  width: 100%;
   overflow-x: hidden;
 }
 
@@ -114,22 +115,22 @@ $button-hover-color: #e6ebf5;
 .highcharts-indicator-list {
   float: left;
   color: #666;
-  height: 100%;
+  height: calc(100% - 70px);
   width: 100%;
-  overflow-y: auto;
   overflow-x: hidden;
   margin: 0px;
-  padding: 0px;
+  padding: 15px 0px;
 }
 
 .highcharts-indicator-list li {
   cursor: pointer;
-  padding: 0px 0px 5px 0px;
+  padding: 5px 20px;
   margin: 0px;
   width: 100%;
   height: auto;
   overflow: hidden;
   word-break: break-all;
+  box-sizing: border-box;
 }
 
 .highcharts-indicator-list li:hover {
@@ -141,8 +142,9 @@ $button-hover-color: #e6ebf5;
   cursor: pointer;
   display: block;
   float:left;
-  padding: 10px;
-  height: 20px;
+  padding: 0px 10px;
+  height: 40px;
+  line-height: 40px;
 }
 
 .highcharts-tab-item.highcharts-tab-item-active {
@@ -165,8 +167,8 @@ $button-hover-color: #e6ebf5;
 .highcharts-popup-close {
   background-repeat: no-repeat;
   background-position: 50% 50%;
-  width: 20px;
-  height: 20px;
+  width: 40px;
+  height: 40px;
   cursor: pointer;
   position: absolute;
   padding: 10px;
@@ -229,7 +231,7 @@ $button-hover-color: #e6ebf5;
 
 .highcharts-popup .highcharts-popup-main-title {
   border-bottom: 1px solid #e6e6e6;
-  margin: 0px 0px 20px 0px;
+  margin: 0px;
   padding: 8px 0px 6px 20px;
 }
 

package/es-modules/Core/Axis/Axis.js

@@ -9,18 +9,18 @@
  * */
 'use strict';
 import A from '../Animation/AnimationUtilities.js';
-var animObject = A.animObject;
-import AxisDefaults from './AxisDefaults.js';
 import Color from '../Color/Color.js';
+import Palette from '../Color/Palette.js';
+import D from '../DefaultOptions.js';
 import F from '../Foundation.js';
-var registerEventOptions = F.registerEventOptions;
 import H from '../Globals.js';
+import U from '../Utilities.js';
+import AxisDefaults from './AxisDefaults.js';
+import Tick from './Tick.js';
+var animObject = A.animObject;
+var registerEventOptions = F.registerEventOptions;
 var deg2rad = H.deg2rad;
-import Palette from '../Color/Palette.js';
-import D from '../DefaultOptions.js';
 var defaultOptions = D.defaultOptions;
-import Tick from './Tick.js';
-import U from '../Utilities.js';
 var arrayMax = U.arrayMax, arrayMin = U.arrayMin, clamp = U.clamp, correctFloat = U.correctFloat, defined = U.defined, destroyObjectProperties = U.destroyObjectProperties, erase = U.erase, error = U.error, extend = U.extend, fireEvent = U.fireEvent, getMagnitude = U.getMagnitude, isArray = U.isArray, isNumber = U.isNumber, isString = U.isString, merge = U.merge, normalizeTickInterval = U.normalizeTickInterval, objectEach = U.objectEach, pick = U.pick, relativeLength = U.relativeLength, removeEvent = U.removeEvent, splat = U.splat, syncTimeout = U.syncTimeout;
 /* *
  *
@@ -557,13 +557,13 @@ var Axis = /** @class */ (function () {
             val -= minPixelPadding;
             // from chart pixel to value:
             returnValue = val / localA + localMin;
-            if (doPostTranslate) { // log and ordinal axes
+            if (doPostTranslate) { // log, ordinal and broken axis
                 returnValue = axis.lin2val(returnValue);
             }
             // From value to pixels
         }
         else {
-            if (doPostTranslate) { // log and ordinal axes
+            if (doPostTranslate) { // log, ordinal and broken axis
                 val = axis.val2lin(val);
             }
             returnValue = isNumber(localMin) ?
@@ -2457,16 +2457,18 @@ var Axis = /** @class */ (function () {
      *
      * @param {number} pos
      * The position in axis values.
+     *
+     * @param {boolean} slideIn
+     * Whether the tick should animate in from last computed position
      */
-    Axis.prototype.renderMinorTick = function (pos) {
+    Axis.prototype.renderMinorTick = function (pos, slideIn) {
         var axis = this;
-        var slideInTicks = axis.chart.hasRendered && axis.old;
         var minorTicks = axis.minorTicks;
         if (!minorTicks[pos]) {
             minorTicks[pos] = new Tick(axis, pos, 'minor');
         }
         // Render new ticks in old position
-        if (slideInTicks && minorTicks[pos].isNew) {
+        if (slideIn && minorTicks[pos].isNew) {
             minorTicks[pos].render(null, true);
         }
         minorTicks[pos].render(null, false, 1);
@@ -2482,9 +2484,12 @@ var Axis = /** @class */ (function () {
      *
      * @param {number} i
      * The tick index.
+     *
+     * @param {boolean} slideIn
+     * Whether the tick should animate in from last computed position
      */
-    Axis.prototype.renderTick = function (pos, i) {
-        var axis = this, isLinked = axis.isLinked, ticks = axis.ticks, slideInTicks = axis.chart.hasRendered && axis.old;
+    Axis.prototype.renderTick = function (pos, i, slideIn) {
+        var axis = this, isLinked = axis.isLinked, ticks = axis.ticks;
         // Linked axes need an extra check to find out if
         if (!isLinked ||
             (pos >= axis.min && pos <= axis.max) ||
@@ -2495,7 +2500,7 @@ var Axis = /** @class */ (function () {
             // NOTE this seems like overkill. Could be handled in tick.render by
             // setting old position in attr, then set new position in animate.
             // render new ticks in old position
-            if (slideInTicks && ticks[pos].isNew) {
+            if (slideIn && ticks[pos].isNew) {
                 // Start with negative opacity so that it is visible from
                 // halfway into the animation
                 ticks[pos].render(i, true, -1);
@@ -2525,17 +2530,19 @@ var Axis = /** @class */ (function () {
         });
         // If the series has data draw the ticks. Else only the line and title
         if (axis.hasData() || isLinked) {
+            var slideInTicks_1 = axis.chart.hasRendered &&
+                axis.old && isNumber(axis.old.min);
             // minor ticks
             if (axis.minorTickInterval && !axis.categories) {
                 axis.getMinorTickPositions().forEach(function (pos) {
-                    axis.renderMinorTick(pos);
+                    axis.renderMinorTick(pos, slideInTicks_1);
                 });
             }
             // Major ticks. Pull out the first item and render it last so that
             // we can get the position of the neighbour label. #808.
             if (tickPositions.length) { // #1300
                 tickPositions.forEach(function (pos, i) {
-                    axis.renderTick(pos, i);
+                    axis.renderTick(pos, i, slideInTicks_1);
                 });
                 // In a categorized axis, the tick marks are displayed
                 // between labels. So we need to add a tick mark and

package/es-modules/Core/Axis/AxisDefaults.js

@@ -900,7 +900,6 @@ var AxisDefaults;
              *         Show labels over two lines
              *
              * @since     2.1
-             * @apioption xAxis.labels.staggerLines
              */
             staggerLines: 0,
             /**