highcharts 9.2.2 → 9.3.3

package/es-modules/Stock/StockToolsGui.js

@@ -53,10 +53,12 @@ setOptions({
                 typeOHLC: 'OHLC',
                 typeLine: 'Line',
                 typeCandlestick: 'Candlestick',
+                typeHLC: 'HLC',
                 typeHollowCandlestick: 'Hollow Candlestick',
                 typeHeikinAshi: 'Heikin Ashi',
                 // Basic shapes:
                 circle: 'Circle',
+                ellipse: 'Ellipse',
                 label: 'Label',
                 rectangle: 'Rectangle',
                 // Flags:
@@ -74,7 +76,7 @@ setOptions({
                 ray: 'Ray',
                 arrowRay: 'Arrow ray',
                 line: 'Line',
-                arrowLine: 'Arrow line',
+                arrowInfinityLine: 'Arrow line',
                 horizontalLine: 'Horizontal line',
                 verticalLine: 'Vertical line',
                 infinityLine: 'Infinity line',
@@ -89,14 +91,17 @@ setOptions({
                 verticalArrow: 'Vertical arrow',
                 // Advanced:
                 fibonacci: 'Fibonacci',
+                fibonacciTimeZones: 'Fibonacci Time Zones',
                 pitchfork: 'Pitchfork',
-                parallelChannel: 'Parallel channel'
+                parallelChannel: 'Parallel channel',
+                timeCycles: 'Time Cycles'
             }
         },
         navigation: {
             popup: {
                 // Annotations:
                 circle: 'Circle',
+                ellipse: 'Ellipse',
                 rectangle: 'Rectangle',
                 label: 'Label',
                 segment: 'Segment',
@@ -104,7 +109,7 @@ setOptions({
                 ray: 'Ray',
                 arrowRay: 'Arrow ray',
                 line: 'Line',
-                arrowLine: 'Arrow line',
+                arrowInfinityLine: 'Arrow line',
                 horizontalLine: 'Horizontal line',
                 verticalLine: 'Vertical line',
                 crooked3: 'Crooked 3 line',
@@ -115,6 +120,7 @@ setOptions({
                 verticalLabel: 'Vertical label',
                 verticalArrow: 'Vertical arrow',
                 fibonacci: 'Fibonacci',
+                fibonacciTimeZones: 'Fibonacci Time Zones',
                 pitchfork: 'Pitchfork',
                 parallelChannel: 'Parallel channel',
                 infinityLine: 'Infinity line',
@@ -122,6 +128,7 @@ setOptions({
                 measureXY: 'Measure XY',
                 measureX: 'Measure X',
                 measureY: 'Measure Y',
+                timeCycles: 'Time Cycles',
                 // Flags:
                 flags: 'Flags',
                 // GUI elements:
@@ -139,7 +146,11 @@ setOptions({
                 crosshairY: 'Crosshair Y',
                 tunnel: 'Tunnel',
                 background: 'Background',
+                // Indicators' searchbox (#16019):
+                noFilterMatch: 'No match',
                 // Indicators' params (#15170):
+                searchIndicators: 'Search Indicators',
+                clearFilter: '\u2715 clear filter',
                 index: 'Index',
                 period: 'Period',
                 periods: 'Periods',
@@ -167,7 +178,346 @@ setOptions({
                 factor: 'Factor',
                 fastAvgPeriod: 'Fast average period',
                 slowAvgPeriod: 'Slow average period',
-                average: 'Average'
+                average: 'Average',
+                /**
+                 * Configure the aliases for indicator names.
+                 *
+                 * @product highstock
+                 * @since 9.3.0
+                 */
+                indicatorAliases: {
+                    // Overlays
+                    /**
+                     * Acceleration Bands alias.
+                     *
+                     * @default ['Acceleration Bands']
+                     * @type    {Array<string>}
+                     */
+                    abands: ['Acceleration Bands'],
+                    /**
+                     * Bollinger Bands alias.
+                     *
+                     * @default ['Bollinger Bands']
+                     * @type    {Array<string>}
+                     */
+                    bb: ['Bollinger Bands'],
+                    /**
+                     * Double Exponential Moving Average alias.
+                     *
+                     * @default ['Double Exponential Moving Average']
+                     * @type    {Array<string>}
+                     */
+                    dema: ['Double Exponential Moving Average'],
+                    /**
+                     *  Exponential Moving Average alias.
+                     *
+                     * @default ['Exponential Moving Average']
+                     * @type    {Array<string>}
+                     */
+                    ema: ['Exponential Moving Average'],
+                    /**
+                     *  Ichimoku Kinko Hyo alias.
+                     *
+                     * @default ['Ichimoku Kinko Hyo']
+                     * @type    {Array<string>}
+                     */
+                    ikh: ['Ichimoku Kinko Hyo'],
+                    /**
+                     *  Keltner Channels alias.
+                     *
+                     * @default ['Keltner Channels']
+                     * @type    {Array<string>}
+                     */
+                    keltnerchannels: ['Keltner Channels'],
+                    /**
+                     *  Linear Regression alias.
+                     *
+                     * @default ['Linear Regression']
+                     * @type    {Array<string>}
+                     */
+                    linearRegression: ['Linear Regression'],
+                    /**
+                     *  Pivot Points alias.
+                     *
+                     * @default ['Pivot Points']
+                     * @type    {Array<string>}
+                     */
+                    pivotpoints: ['Pivot Points'],
+                    /**
+                     *  Price Channel alias.
+                     *
+                     * @default ['Price Channel']
+                     * @type    {Array<string>}
+                     */
+                    pc: ['Price Channel'],
+                    /**
+                     *  Price Envelopes alias.
+                     *
+                     * @default ['Price Envelopes']
+                     * @type    {Array<string>}
+                     */
+                    priceenvelopes: ['Price Envelopes'],
+                    /**
+                     *  Parabolic SAR alias.
+                     *
+                     * @default ['Parabolic SAR']
+                     * @type    {Array<string>}
+                     */
+                    psar: ['Parabolic SAR'],
+                    /**
+                     *  Simple Moving Average alias.
+                     *
+                     * @default ['Simple Moving Average']
+                     * @type    {Array<string>}
+                     */
+                    sma: ['Simple Moving Average'],
+                    /**
+                     *  Super Trend alias.
+                     *
+                     * @default ['Super Trend']
+                     * @type    {Array<string>}
+                     */
+                    supertrend: ['Super Trend'],
+                    /**
+                     *  Triple Exponential Moving Average alias.
+                     *
+                     * @default ['Triple Exponential Moving Average']
+                     * @type    {Array<string>}
+                     */
+                    tema: ['Triple Exponential Moving Average'],
+                    /**
+                     *  Volume by Price alias.
+                     *
+                     * @default ['Volume by Price']
+                     * @type    {Array<string>}
+                     */
+                    vbp: ['Volume by Price'],
+                    /**
+                     *  Volume Weighted Moving Average alias.
+                     *
+                     * @default ['Volume Weighted Moving Average']
+                     * @type    {Array<string>}
+                     */
+                    vwap: ['Volume Weighted Moving Average'],
+                    /**
+                     *  Weighted Moving Average alias.
+                     *
+                     * @default ['Weighted Moving Average']
+                     * @type    {Array<string>}
+                     */
+                    wma: ['Weighted Moving Average'],
+                    /**
+                     *  Zig Zagalias.
+                     *
+                     * @default ['Zig Zag']
+                     * @type    {Array<string>}
+                     */
+                    zigzag: ['Zig Zag'],
+                    // Oscilators
+                    /**
+                     *  Absolute price indicator alias.
+                     *
+                     * @default ['Absolute price indicator']
+                     * @type    {Array<string>}
+                     */
+                    apo: ['Absolute price indicator'],
+                    /**
+                     * Accumulation/Distribution alias.
+                     *
+                     * @default ['Accumulation/Distribution’]
+                     * @type    {Array<string>}
+                     */
+                    ad: ['Accumulation/Distribution'],
+                    /**
+                     *  Aroon alias.
+                     *
+                     * @default ['Aroon']
+                     * @type    {Array<string>}
+                     */
+                    aroon: ['Aroon'],
+                    /**
+                     *  Aroon oscillator alias.
+                     *
+                     * @default ['Aroon oscillator']
+                     * @type    {Array<string>}
+                     */
+                    aroonoscillator: ['Aroon oscillator'],
+                    /**
+                     *  Average True Range alias.
+                     *
+                     * @default ['Average True Range’]
+                     * @type    {Array<string>}
+                     */
+                    atr: ['Average True Range'],
+                    /**
+                     *  Awesome oscillator alias.
+                     *
+                     * @default ['Awesome oscillator’]
+                     * @type    {Array<string>}
+                     */
+                    ao: ['Awesome oscillator'],
+                    /**
+                     *  Commodity Channel Index alias.
+                     *
+                     * @default ['Commodity Channel Index’]
+                     * @type    {Array<string>}
+                     */
+                    cci: ['Commodity Channel Index'],
+                    /**
+                     *  Chaikin alias.
+                     *
+                     * @default ['Chaikin’]
+                     * @type    {Array<string>}
+                     */
+                    chaikin: ['Chaikin'],
+                    /**
+                     *  Chaikin Money Flow alias.
+                     *
+                     * @default ['Chaikin Money Flow’]
+                     * @type    {Array<string>}
+                     */
+                    cmf: ['Chaikin Money Flow'],
+                    /**
+                     *  Chande Momentum Oscillator alias.
+                     *
+                     * @default ['Chande Momentum Oscillator’]
+                     * @type    {Array<string>}
+                     */
+                    cmo: ['Chande Momentum Oscillator'],
+                    /**
+                     *  Disparity Index alias.
+                     *
+                     * @default ['Disparity Index’]
+                     * @type    {Array<string>}
+                     */
+                    disparityindex: ['Disparity Index'],
+                    /**
+                     *  Directional Movement Index alias.
+                     *
+                     * @default ['Directional Movement Index’]
+                     * @type    {Array<string>}
+                     */
+                    dmi: ['Directional Movement Index'],
+                    /**
+                     *  Detrended price oscillator alias.
+                     *
+                     * @default ['Detrended price oscillator’]
+                     * @type    {Array<string>}
+                     */
+                    dpo: ['Detrended price oscillator'],
+                    /**
+                     *  Klinger Oscillator alias.
+                     *
+                     * @default [‘Klinger Oscillator’]
+                     * @type    {Array<string>}
+                     */
+                    klinger: ['Klinger Oscillator'],
+                    /**
+                     *  Linear Regression Angle alias.
+                     *
+                     * @default [‘Linear Regression Angle’]
+                     * @type    {Array<string>}
+                     */
+                    linearRegressionAngle: ['Linear Regression Angle'],
+                    /**
+                     *  Linear Regression Intercept alias.
+                     *
+                     * @default [‘Linear Regression Intercept’]
+                     * @type    {Array<string>}
+                     */
+                    linearRegressionIntercept: ['Linear Regression Intercept'],
+                    /**
+                     *  Linear Regression Slope alias.
+                     *
+                     * @default [‘Linear Regression Slope’]
+                     * @type    {Array<string>}
+                     */
+                    linearRegressionSlope: ['Linear Regression Slope'],
+                    /**
+                     *  Moving Average Convergence Divergence alias.
+                     *
+                     * @default ['Moving Average Convergence Divergence’]
+                     * @type    {Array<string>}
+                     */
+                    macd: ['Moving Average Convergence Divergence'],
+                    /**
+                     *  Money Flow Index alias.
+                     *
+                     * @default ['Money Flow Index’]
+                     * @type    {Array<string>}
+                     */
+                    mfi: ['Money Flow Index'],
+                    /**
+                     *  Momentum alias.
+                     *
+                     * @default [‘Momentum’]
+                     * @type    {Array<string>}
+                     */
+                    momentum: ['Momentum'],
+                    /**
+                     *  Normalized Average True Range alias.
+                     *
+                     * @default ['Normalized Average True Range’]
+                     * @type    {Array<string>}
+                     */
+                    natr: ['Normalized Average True Range'],
+                    /**
+                     *  On-Balance Volume alias.
+                     *
+                     * @default ['On-Balance Volume’]
+                     * @type    {Array<string>}
+                     */
+                    obv: ['On-Balance Volume'],
+                    /**
+                     * Percentage Price oscillator alias.
+                     *
+                     * @default ['Percentage Price oscillator’]
+                     * @type    {Array<string>}
+                     */
+                    ppo: ['Percentage Price oscillator'],
+                    /**
+                     *  Rate of Change alias.
+                     *
+                     * @default ['Rate of Change’]
+                     * @type    {Array<string>}
+                     */
+                    roc: ['Rate of Change'],
+                    /**
+                     *  Relative Strength Index alias.
+                     *
+                     * @default ['Relative Strength Index’]
+                     * @type    {Array<string>}
+                     */
+                    rsi: ['Relative Strength Index'],
+                    /**
+                     *  Slow Stochastic alias.
+                     *
+                     * @default [‘Slow Stochastic’]
+                     * @type    {Array<string>}
+                     */
+                    slowstochastic: ['Slow Stochastic'],
+                    /**
+                     *  Stochastic alias.
+                     *
+                     * @default [‘Stochastic’]
+                     * @type    {Array<string>}
+                     */
+                    stochastic: ['Stochastic'],
+                    /**
+                     *  TRIX alias.
+                     *
+                     * @default [‘TRIX’]
+                     * @type    {Array<string>}
+                     */
+                    trix: ['TRIX'],
+                    /**
+                     *  Williams %R alias.
+                     *
+                     * @default [‘Williams %R’]
+                     * @type    {Array<string>}
+                     */
+                    williamsr: ['Williams %R']
+                }
             }
         }
     },
@@ -278,10 +628,11 @@ setOptions({
                      * A collection of strings pointing to config options for
                      * the items.
                      *
-                     * @type {array}
+                     * @type {Array}
                      * @default [
                      *   'label',
                      *   'circle',
+                     *   'ellipse',
                      *   'rectangle'
                      * ]
                      *
@@ -289,6 +640,7 @@ setOptions({
                     items: [
                         'label',
                         'circle',
+                        'ellipse',
                         'rectangle'
                     ],
                     circle: {
@@ -300,6 +652,15 @@ setOptions({
                          */
                         symbol: 'circle.svg'
                     },
+                    ellipse: {
+                        /**
+                         * A predefined background symbol for the button.
+                         *
+                         * @type   {string}
+                         *
+                         */
+                        symbol: 'ellipse.svg'
+                    },
                     rectangle: {
                         /**
                          * A predefined background symbol for the button.
@@ -324,7 +685,7 @@ setOptions({
                      * A collection of strings pointing to config options for
                      * the items.
                      *
-                     * @type {array}
+                     * @type {Array}
                      * @default [
                      *   'flagCirclepin',
                      *   'flagDiamondpin',
@@ -379,14 +740,14 @@ setOptions({
                      * A collection of strings pointing to config options for
                      * the items.
                      *
-                     * @type {array}
+                     * @type {Array}
                      * @default [
                      *   'segment',
                      *   'arrowSegment',
                      *   'ray',
                      *   'arrowRay',
                      *   'line',
-                     *   'arrowLine',
+                     *   'arrowInfinityLine',
                      *   'horizontalLine',
                      *   'verticalLine'
                      * ]
@@ -397,7 +758,7 @@ setOptions({
                         'ray',
                         'arrowRay',
                         'line',
-                        'arrowLine',
+                        'arrowInfinityLine',
                         'horizontalLine',
                         'verticalLine'
                     ],
@@ -441,7 +802,7 @@ setOptions({
                          */
                         symbol: 'line.svg'
                     },
-                    arrowLine: {
+                    arrowInfinityLine: {
                         /**
                          * A predefined background symbol for the button.
                          *
@@ -471,7 +832,7 @@ setOptions({
                      * A collection of strings pointing to config options for
                      * the items.
                      *
-                     * @type {array}
+                     * @type {Array}
                      * @default [
                      *   'elliott3',
                      *   'elliott5',
@@ -524,7 +885,7 @@ setOptions({
                      * A collection of strings pointing to config options for
                      * the items.
                      *
-                     * @type {array}
+                     * @type {Array}
                      * @default [
                      *   'verticalCounter',
                      *   'verticalLabel',
@@ -566,17 +927,21 @@ setOptions({
                      * A collection of strings pointing to config options for
                      * the items.
                      *
-                     * @type {array}
+                     * @type {Array}
                      * @default [
                      *   'fibonacci',
+                     *   'fibonacciTimeZones',
                      *   'pitchfork',
-                     *   'parallelChannel'
+                     *   'parallelChannel',
+                     *   'timeCycles'
                      * ]
                      */
                     items: [
                         'fibonacci',
+                        'fibonacciTimeZones',
                         'pitchfork',
-                        'parallelChannel'
+                        'parallelChannel',
+                        'timeCycles'
                     ],
                     pitchfork: {
                         /**
@@ -594,6 +959,14 @@ setOptions({
                          */
                         symbol: 'fibonacci.svg'
                     },
+                    fibonacciTimeZones: {
+                        /**
+                         * A predefined background symbol for the button.
+                         *
+                         * @type   {string}
+                         */
+                        symbol: 'fibonacci-timezone.svg'
+                    },
                     parallelChannel: {
                         /**
                          * A predefined background symbol for the button.
@@ -601,6 +974,14 @@ setOptions({
                          * @type   {string}
                          */
                         symbol: 'parallel-channel.svg'
+                    },
+                    timeCycles: {
+                        /**
+                         * A predefined backgroud symbol for the button.
+                         *
+                         * @type {string}
+                         */
+                        symbol: 'time-cycles.svg'
                     }
                 },
                 measure: {
@@ -608,7 +989,7 @@ setOptions({
                      * A collection of strings pointing to config options for
                      * the items.
                      *
-                     * @type {array}
+                     * @type {Array}
                      * @default [
                      *   'measureXY',
                      *   'measureX',
@@ -674,7 +1055,7 @@ setOptions({
                      * A collection of strings pointing to config options for
                      * the items.
                      *
-                     * @type {array}
+                     * @type {Array}
                      * @default [
                      *   'zoomX',
                      *   'zoomY',
@@ -716,7 +1097,7 @@ setOptions({
                      * A collection of strings pointing to config options for
                      * the items.
                      *
-                     * @type {array}
+                     * @type {Array}
                      * @default [
                      *   'typeOHLC',
                      *   'typeLine',
@@ -729,6 +1110,7 @@ setOptions({
                         'typeLine',
                         'typeCandlestick',
                         'typeHollowCandlestick',
+                        'typeHLC',
                         'typeHeikinAshi'
                     ],
                     typeOHLC: {
@@ -755,6 +1137,14 @@ setOptions({
                          */
                         symbol: 'series-candlestick.svg'
                     },
+                    typeHLC: {
+                        /**
+                         * A predefined background symbol for the button.
+                         *
+                         * @type   {string}
+                         */
+                        symbol: 'series-hlc.svg'
+                    },
                     typeHeikinAshi: {
                         /**
                          * A predefined background symbol for the button.
@@ -848,9 +1238,11 @@ addEvent(Chart, 'redraw', function () {
 /**
  * Toolbar Class
  * @private
- * @constructor
- * @param {Object} - options of toolbar
- * @param {Chart} - Reference to chart
+ * @class
+ * @param {Object}
+ * Options of toolbar
+ * @param {Highcharts.Chart}
+ * Reference to chart
  */
 var Toolbar = /** @class */ (function () {
     function Toolbar(options, langOptions, chart) {
@@ -902,11 +1294,14 @@ var Toolbar = /** @class */ (function () {
     /**
      * Create submenu (list of buttons) for the option. In example main button
      * is Line, in submenu will be buttons with types of lines.
+     *
      * @private
-     * @param {Highcharts.Dictionary<Highcharts.HTMLDOMElement>}
-     * button which has submenu
-     * @param {Highcharts.StockToolsGuiDefinitionsButtonsOptions}
-     * list of all buttons
+     *
+     * @param {Highcharts.Dictionary<Highcharts.HTMLDOMElement>} parentBtn
+     * Button which has submenu
+     *
+     * @param {Highcharts.StockToolsGuiDefinitionsButtonsOptions} button
+     * List of all buttons
      */
     Toolbar.prototype.addSubmenu = function (parentBtn, button) {
         var _self = this, submenuArrow = parentBtn.submenuArrow, buttonWrapper = parentBtn.buttonWrapper, buttonWidth = getStyle(buttonWrapper, 'width'), wrapper = this.wrapper, menuWrapper = this.listWrapper, allButtons = this.toolbar.childNodes, topMargin = 0, submenuWrapper;
@@ -960,12 +1355,14 @@ var Toolbar = /** @class */ (function () {
     };
     /**
      * Create buttons in submenu
+     *
      * @private
-     * @param {Highcharts.HTMLDOMElement}
-     * button where submenu is placed
-     * @param {Highcharts.StockToolsGuiDefinitionsButtonsOptions}
-     * list of all buttons options
      *
+     * @param {Highcharts.HTMLDOMElement} buttonWrapper
+     * Button where submenu is placed
+     *
+     * @param {Highcharts.StockToolsGuiDefinitionsButtonsOptions} button
+     * List of all buttons options
      */
     Toolbar.prototype.addSubmenuItems = function (buttonWrapper, button) {
         var _self = this, submenuWrapper = this.submenu, lang = this.lang, menuWrapper = this.listWrapper, items = button.items, firstSubmenuItem, submenuBtn;
@@ -1226,7 +1623,7 @@ var Toolbar = /** @class */ (function () {
             button.style.backgroundImage;
         // set active class
         if (redraw) {
-            this.selectButton(mainNavButton);
+            this.toggleButtonAciveClass(mainNavButton);
         }
     };
     /*
@@ -1235,7 +1632,7 @@ var Toolbar = /** @class */ (function () {
      * @param {HTMLDOMElement} - button
      *
      */
-    Toolbar.prototype.selectButton = function (button) {
+    Toolbar.prototype.toggleButtonAciveClass = function (button) {
         if (button.className.indexOf(activeClass) >= 0) {
             button.classList.remove(activeClass);
         }
@@ -1300,7 +1697,7 @@ var Toolbar = /** @class */ (function () {
     Toolbar.prototype.getIconsURL = function () {
         return this.chart.options.navigation.iconsURL ||
             this.options.iconsURL ||
-            'https://code.highcharts.com/9.2.2/gfx/stock-icons/';
+            'https://code.highcharts.com/9.3.3/gfx/stock-icons/';
     };
     return Toolbar;
 }());
@@ -1310,6 +1707,7 @@ var Toolbar = /** @class */ (function () {
  */
 Toolbar.prototype.classMapping = {
     circle: PREFIX + 'circle-annotation',
+    ellipse: PREFIX + 'ellipse-annotation',
     rectangle: PREFIX + 'rectangle-annotation',
     label: PREFIX + 'label-annotation',
     segment: PREFIX + 'segment',
@@ -1317,7 +1715,7 @@ Toolbar.prototype.classMapping = {
     ray: PREFIX + 'ray',
     arrowRay: PREFIX + 'arrow-ray',
     line: PREFIX + 'infinity-line',
-    arrowLine: PREFIX + 'arrow-infinity-line',
+    arrowInfinityLine: PREFIX + 'arrow-infinity-line',
     verticalLine: PREFIX + 'vertical-line',
     horizontalLine: PREFIX + 'horizontal-line',
     crooked3: PREFIX + 'crooked3',
@@ -1326,10 +1724,12 @@ Toolbar.prototype.classMapping = {
     elliott5: PREFIX + 'elliott5',
     pitchfork: PREFIX + 'pitchfork',
     fibonacci: PREFIX + 'fibonacci',
+    fibonacciTimeZones: PREFIX + 'fibonacci-time-zones',
     parallelChannel: PREFIX + 'parallel-channel',
     measureX: PREFIX + 'measure-x',
     measureY: PREFIX + 'measure-y',
     measureXY: PREFIX + 'measure-xy',
+    timeCycles: PREFIX + 'time-cycles',
     verticalCounter: PREFIX + 'vertical-counter',
     verticalLabel: PREFIX + 'vertical-label',
     verticalArrow: PREFIX + 'vertical-arrow',
@@ -1344,6 +1744,7 @@ Toolbar.prototype.classMapping = {
     zoomXY: PREFIX + 'zoom-xy',
     typeLine: PREFIX + 'series-type-line',
     typeOHLC: PREFIX + 'series-type-ohlc',
+    typeHLC: PREFIX + 'series-type-hlc',
     typeCandlestick: PREFIX + 'series-type-candlestick',
     typeHollowCandlestick: PREFIX + 'series-type-hollowcandlestick',
     typeHeikinAshi: PREFIX + 'series-type-heikinashi',
@@ -1377,7 +1778,7 @@ addEvent(NavigationBindings, 'selectButton', function (event) {
             button = button.parentNode.parentNode;
         }
         // Set active class on the current button
-        gui.selectButton(button);
+        gui.toggleButtonAciveClass(button);
     }
 });
 addEvent(NavigationBindings, 'deselectButton', function (event) {
@@ -1387,7 +1788,7 @@ addEvent(NavigationBindings, 'deselectButton', function (event) {
         if (button.parentNode.className.indexOf(className) >= 0) {
             button = button.parentNode.parentNode;
         }
-        gui.selectButton(button);
+        gui.toggleButtonAciveClass(button);
     }
 });
 // Check if the correct price indicator button is displayed, #15029.
@@ -1396,8 +1797,12 @@ addEvent(Chart, 'render', function () {
         stockTools.toolbar &&
         stockTools.toolbar.querySelector('.highcharts-current-price-indicator');
     // Change the initial button background.
-    if (stockTools && chart.navigationBindings && chart.options.series && button) {
-        if (chart.navigationBindings.constructor.prototype.utils.isPriceIndicatorEnabled(chart.series)) {
+    if (stockTools &&
+        chart.navigationBindings &&
+        chart.options.series &&
+        button) {
+        if (chart.navigationBindings.constructor.prototype.utils
+            .isPriceIndicatorEnabled(chart.series)) {
             button.firstChild.style['background-image'] =
                 'url("' + stockTools.getIconsURL() + 'current-price-hide.svg")';
         }