@ntlab/ntjs-assets 2.0.26 → 2.0.28

package/assets/js/highcharts/es-modules/Stock/StockTools/StockToolbar.js

@@ -11,7 +11,10 @@
  * */
 'use strict';
 import U from '../../Core/Utilities.js';
-const { addEvent, createElement, css, fireEvent, getStyle, isArray, merge, pick } = U;
+import AST from '../../Core/Renderer/HTML/AST.js';
+import StockToolsUtilities from './StockToolsUtilities.js';
+const { addEvent, createElement, css, defined, fireEvent, getStyle, isArray, merge, pick } = U;
+const { shallowArraysEqual } = StockToolsUtilities;
 /* *
  *
  *  Classes
@@ -39,6 +42,8 @@ class Toolbar {
      *
      * */
     constructor(options, langOptions, chart) {
+        this.width = 0;
+        this.isDirty = false;
         this.chart = chart;
         this.options = options;
         this.lang = langOptions;
@@ -46,14 +51,15 @@ class Toolbar {
         this.iconsURL = this.getIconsURL();
         this.guiEnabled = options.enabled;
         this.visible = pick(options.visible, true);
-        this.placed = pick(options.placed, false);
+        this.guiClassName = options.className;
+        this.toolbarClassName = options.toolbarClassName;
         // General events collection which should be removed upon
         // destroy/update:
         this.eventsToUnbind = [];
         if (this.guiEnabled) {
-            this.createHTML();
-            this.init();
-            this.showHideNavigatorion();
+            this.createContainer();
+            this.createButtons();
+            this.showHideNavigation();
         }
         fireEvent(this, 'afterInit');
     }
@@ -63,12 +69,12 @@ class Toolbar {
      *
      * */
     /**
-     * Initialize the toolbar. Create buttons and submenu for each option
-     * defined in `stockTools.gui`.
+     * Create and set up stockTools buttons with their events and submenus.
      * @private
      */
-    init() {
+    createButtons() {
         const lang = this.lang, guiOptions = this.options, toolbar = this.toolbar, buttons = guiOptions.buttons, defs = guiOptions.definitions, allButtons = toolbar.childNodes;
+        this.buttonList = buttons;
         // Create buttons
         buttons.forEach((btnName) => {
             const button = this.addButton(toolbar, defs, btnName, lang);
@@ -292,11 +298,11 @@ class Toolbar {
         }));
     }
     /*
-     * Create stockTools HTML main elements.
+     * Create the stockTools container and sets up event bindings.
      *
      */
-    createHTML() {
-        const chart = this.chart, guiOptions = this.options, container = chart.container, navigation = chart.options.navigation, bindingsClassName = navigation && navigation.bindingsClassName;
+    createContainer() {
+        const chart = this.chart, guiOptions = this.options, container = chart.container, navigation = chart.options.navigation, bindingsClassName = navigation?.bindingsClassName, self = this;
         let listWrapper, toolbar;
         // Create main container
         const wrapper = this.wrapper = createElement('div', {
@@ -304,6 +310,17 @@ class Toolbar {
                 guiOptions.className + ' ' + bindingsClassName
         });
         container.appendChild(wrapper);
+        this.showHideBtn = createElement('div', {
+            className: 'highcharts-toggle-toolbar highcharts-arrow-left'
+        }, void 0, wrapper);
+        // Toggle menu
+        this.eventsToUnbind.push(addEvent(this.showHideBtn, 'click', () => {
+            this.update({
+                gui: {
+                    visible: !self.visible
+                }
+            });
+        }));
         // Mimic event behaviour of being outside chart.container
         [
             'mousedown',
@@ -333,7 +350,7 @@ class Toolbar {
      * Function called in redraw verifies if the navigation should be visible.
      * @private
      */
-    showHideNavigatorion() {
+    showHideNavigation() {
         // Arrows
         // 50px space for arrows
         if (this.visible &&
@@ -352,42 +369,31 @@ class Toolbar {
      * @private
      */
     showHideToolbar() {
-        const chart = this.chart, wrapper = this.wrapper, toolbar = this.listWrapper, submenu = this.submenu, 
+        const wrapper = this.wrapper, toolbar = this.listWrapper, submenu = this.submenu, 
         // Show hide toolbar
-        showhideBtn = this.showhideBtn = createElement('div', {
-            className: 'highcharts-toggle-toolbar highcharts-arrow-left'
-        }, void 0, wrapper);
+        showHideBtn = this.showHideBtn;
         let visible = this.visible;
-        showhideBtn.style.backgroundImage =
+        showHideBtn.style.backgroundImage =
             'url(' + this.iconsURL + 'arrow-right.svg)';
         if (!visible) {
             // Hide
             if (submenu) {
                 submenu.style.display = 'none';
             }
-            showhideBtn.style.left = '0px';
+            showHideBtn.style.left = '0px';
             visible = this.visible = false;
             toolbar.classList.add('highcharts-hide');
-            showhideBtn.classList.toggle('highcharts-arrow-right');
-            wrapper.style.height = showhideBtn.offsetHeight + 'px';
+            showHideBtn.classList.add('highcharts-arrow-right');
+            wrapper.style.height = showHideBtn.offsetHeight + 'px';
         }
         else {
             wrapper.style.height = '100%';
-            showhideBtn.style.top = getStyle(toolbar, 'padding-top') + 'px';
-            showhideBtn.style.left = (wrapper.offsetWidth +
+            toolbar.classList.remove('highcharts-hide');
+            showHideBtn.classList.remove('highcharts-arrow-right');
+            showHideBtn.style.top = getStyle(toolbar, 'padding-top') + 'px';
+            showHideBtn.style.left = (wrapper.offsetWidth +
                 getStyle(toolbar, 'padding-left')) + 'px';
         }
-        // Toggle menu
-        this.eventsToUnbind.push(addEvent(showhideBtn, 'click', () => {
-            chart.update({
-                stockTools: {
-                    gui: {
-                        visible: !visible,
-                        placed: true
-                    }
-                }
-            });
-        }));
     }
     /*
      * In main GUI button, replace icon and class with submenu button's
@@ -451,9 +457,10 @@ class Toolbar {
      * @private
      */
     update(options, redraw) {
+        this.isDirty = !!options.gui.definitions;
         merge(true, this.chart.options.stockTools, options);
-        this.destroy();
-        this.chart.setStockTools(options);
+        merge(true, this.options, options.gui);
+        this.visible = pick(this.options.visible && this.options.enabled, true);
         // If Stock Tools are updated, then bindings should be updated too:
         if (this.chart.navigationBindings) {
             this.chart.navigationBindings.update();
@@ -476,11 +483,82 @@ class Toolbar {
         }
     }
     /**
-     * Redraw, GUI requires to verify if the navigation should be visible.
+     * Redraws the toolbar based on the current state of the options.
      * @private
      */
     redraw() {
-        this.showHideNavigatorion();
+        if (this.options.enabled !== this.guiEnabled) {
+            this.handleGuiEnabledChange();
+        }
+        else {
+            if (!this.guiEnabled) {
+                return;
+            }
+            this.updateClassNames();
+            this.updateButtons();
+            this.updateVisibility();
+            this.showHideNavigation();
+            this.showHideToolbar();
+        }
+    }
+    /**
+     * Hadles the change of the `enabled` option.
+     * @private
+     */
+    handleGuiEnabledChange() {
+        if (this.options.enabled === false) {
+            this.destroy();
+            this.visible = false;
+        }
+        if (this.options.enabled === true) {
+            this.createContainer();
+            this.createButtons();
+        }
+        this.guiEnabled = this.options.enabled;
+    }
+    /**
+     * Updates the class names of the GUI and toolbar elements.
+     * @private
+     */
+    updateClassNames() {
+        if (this.options.className !== this.guiClassName) {
+            if (this.guiClassName) {
+                this.wrapper.classList.remove(this.guiClassName);
+            }
+            if (this.options.className) {
+                this.wrapper.classList.add(this.options.className);
+            }
+            this.guiClassName = this.options.className;
+        }
+        if (this.options.toolbarClassName !== this.toolbarClassName) {
+            if (this.toolbarClassName) {
+                this.toolbar.classList.remove(this.toolbarClassName);
+            }
+            if (this.options.toolbarClassName) {
+                this.toolbar.classList.add(this.options.toolbarClassName);
+            }
+            this.toolbarClassName = this.options.toolbarClassName;
+        }
+    }
+    /**
+     * Updates the buttons in the toolbar if the button options have changed.
+     * @private
+     */
+    updateButtons() {
+        if (!shallowArraysEqual(this.options.buttons, this.buttonList) ||
+            this.isDirty) {
+            this.toolbar.innerHTML = AST.emptyHTML;
+            this.createButtons();
+        }
+    }
+    /**
+     * Updates visibility based on current options.
+     * @private
+     */
+    updateVisibility() {
+        if (defined(this.options.visible)) {
+            this.visible = this.options.visible;
+        }
     }
     /**
      * @private

package/assets/js/highcharts/es-modules/Stock/StockTools/StockToolsDefaults.js

@@ -1176,7 +1176,13 @@ const stockTools = {
                  */
                 symbol: 'save-chart.svg'
             }
-        }
+        },
+        /**
+         * Whether the stock tools toolbar is visible.
+         *
+         * @since 11.4.4
+         */
+        visible: true
     }
 };
 /* *

package/assets/js/highcharts/es-modules/Stock/StockTools/StockToolsGui.js

@@ -43,7 +43,6 @@ function compose(ChartClass, NavigationBindingsClass) {
         addEvent(ChartClass, 'beforeRender', onChartBeforeRedraw);
         addEvent(ChartClass, 'destroy', onChartDestroy);
         addEvent(ChartClass, 'getMargins', onChartGetMargins, { order: 0 });
-        addEvent(ChartClass, 'redraw', onChartRedraw);
         addEvent(ChartClass, 'render', onChartRender);
         chartProto.setStockTools = chartSetStockTools;
         addEvent(NavigationBindingsClass, 'deselectButton', onNavigationBindingsDeselectButton);
@@ -64,25 +63,37 @@ function onChartAfterGetContainer() {
  */
 function onChartBeforeRedraw() {
     if (this.stockTools) {
-        const optionsChart = this.options.chart;
-        const listWrapper = this.stockTools.listWrapper, offsetWidth = listWrapper && ((listWrapper.startWidth +
+        this.stockTools.redraw();
+        setOffset(this);
+    }
+}
+/**
+ * Function to calculate and set the offset width for stock tools.
+ * @private
+ */
+function setOffset(chart) {
+    if (chart.stockTools?.guiEnabled) {
+        const optionsChart = chart.options.chart;
+        const listWrapper = chart.stockTools.listWrapper;
+        const offsetWidth = listWrapper && ((listWrapper.startWidth +
             getStyle(listWrapper, 'padding-left') +
             getStyle(listWrapper, 'padding-right')) || listWrapper.offsetWidth);
+        chart.stockTools.width = offsetWidth;
         let dirty = false;
-        if (offsetWidth && offsetWidth < this.plotWidth) {
+        if (offsetWidth < chart.plotWidth) {
             const nextX = pick(optionsChart.spacingLeft, optionsChart.spacing && optionsChart.spacing[3], 0) + offsetWidth;
-            const diff = nextX - this.spacingBox.x;
-            this.spacingBox.x = nextX;
-            this.spacingBox.width -= diff;
+            const diff = nextX - chart.spacingBox.x;
+            chart.spacingBox.x = nextX;
+            chart.spacingBox.width -= diff;
             dirty = true;
         }
         else if (offsetWidth === 0) {
             dirty = true;
         }
-        if (offsetWidth !== this.stockTools.prevOffsetWidth) {
-            this.stockTools.prevOffsetWidth = offsetWidth;
+        if (offsetWidth !== chart.stockTools.prevOffsetWidth) {
+            chart.stockTools.prevOffsetWidth = offsetWidth;
             if (dirty) {
-                this.isDirtyLegend = true;
+                chart.isDirtyLegend = true;
             }
         }
     }
@@ -99,22 +110,13 @@ function onChartDestroy() {
  * @private
  */
 function onChartGetMargins() {
-    const listWrapper = this.stockTools && this.stockTools.listWrapper, offsetWidth = listWrapper && ((listWrapper.startWidth +
-        getStyle(listWrapper, 'padding-left') +
-        getStyle(listWrapper, 'padding-right')) || listWrapper.offsetWidth);
+    const offsetWidth = this.stockTools?.visible && this.stockTools.guiEnabled ?
+        this.stockTools.width : 0;
     if (offsetWidth && offsetWidth < this.plotWidth) {
         this.plotLeft += offsetWidth;
         this.spacing[3] += offsetWidth;
     }
 }
-/**
- * @private
- */
-function onChartRedraw() {
-    if (this.stockTools && this.stockTools.guiEnabled) {
-        this.stockTools.redraw();
-    }
-}
 /**
  * Check if the correct price indicator button is displayed, #15029.
  * @private
@@ -150,8 +152,7 @@ function onNavigationBindingsDeselectButton(event) {
         if (button.parentNode.className.indexOf(className) >= 0) {
             button = button.parentNode.parentNode;
         }
-        // Set active class on the current button
-        gui.toggleButtonActiveClass(button);
+        button.classList.remove('highcharts-active');
     }
 }
 /**

package/assets/js/highcharts/es-modules/Stock/StockTools/StockToolsUtilities.js

@@ -401,6 +401,31 @@ function updateRectSize(event, annotation) {
         });
     }
 }
+/**
+ * Compares two arrays of strings, checking their length and if corresponding
+ * elements are equal.
+ *
+ * @param {string[]} a
+ *        The first array to compare.
+ * @param {string[]} b
+ *        The second array to compare.
+ * @return {boolean}
+ *          Return `true` if the arrays are equal, otherwise `false`.
+ */
+function shallowArraysEqual(a, b) {
+    if (!defined(a) || !defined(b)) {
+        return false;
+    }
+    if (a.length !== b.length) {
+        return false;
+    }
+    for (let i = 0; i < a.length; i++) {
+        if (a[i] !== b[i]) {
+            return false;
+        }
+    }
+    return true;
+}
 /* *
  *
  *  Default Export
@@ -415,6 +440,7 @@ const StockToolsUtilities = {
     isNotNavigatorYAxis,
     isPriceIndicatorEnabled,
     manageIndicators,
+    shallowArraysEqual,
     updateHeight,
     updateNthPoint,
     updateRectSize

package/assets/js/highcharts/es-modules/masters/highcharts-more.src.js

@@ -26,8 +26,8 @@ import RadialAxis from '../Core/Axis/RadialAxis.js';
 import WaterfallSeries from '../Series/Waterfall/WaterfallSeries.js';
 const G = Highcharts;
 G.RadialAxis = RadialAxis;
-BubbleSeries.compose(G.Axis, G.Chart, G.Legend, G.Series);
-PackedBubbleSeries.compose(G.Axis, G.Chart, G.Legend, G.Series);
+BubbleSeries.compose(G.Axis, G.Chart, G.Legend);
+PackedBubbleSeries.compose(G.Axis, G.Chart, G.Legend);
 Pane.compose(G.Chart, G.Pointer);
 PolarAdditions.compose(G.Axis, G.Chart, G.Pointer, G.Series, G.Tick, G.Point, SeriesRegistry.seriesTypes.areasplinerange, SeriesRegistry.seriesTypes.column, SeriesRegistry.seriesTypes.line, SeriesRegistry.seriesTypes.spline);
 WaterfallSeries.compose(G.Axis, G.Chart);

package/assets/js/highcharts/es-modules/masters/indicators/acceleration-bands.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/acceleration-bands
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/accumulation-distribution.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/accumulation-distribution
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/ao.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/ao
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/apo.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/apo
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/aroon-oscillator.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/aroon-oscillator
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/aroon.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/aroon
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/atr.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/atr
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/bollinger-bands.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/bollinger-bands
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/cci.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/cci
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/chaikin.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/chaikin
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/cmf.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/cmf
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * (c) 2010-2024 Highsoft AS
  * Author: Sebastian Domas

package/assets/js/highcharts/es-modules/masters/indicators/cmo.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/cmo
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/dema.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/dema
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/disparity-index.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/disparity-index
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highstock
  *

package/assets/js/highcharts/es-modules/masters/indicators/dmi.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/dmi
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/dpo.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/dpo
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/ichimoku-kinko-hyo.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/ichimoku-kinko-hyo
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/indicators-all.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/indicators-all
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * All technical indicators for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/indicators.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/indicators
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/keltner-channels.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/keltner-channels
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/klinger.src.js

@@ -2,7 +2,7 @@
  * @license Highcharts Stock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/klinger
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/macd.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/macd
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/mfi.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/mfi
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Money Flow Index indicator for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/momentum.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/momentum
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *

package/assets/js/highcharts/es-modules/masters/indicators/natr.src.js

@@ -2,7 +2,7 @@
  * @license Highstock JS v@product.version@ (@product.date@)
  * @module highcharts/indicators/natr
  * @requires highcharts
- * @requires highcharts/modules/stock
+ * @requires modules/stock
  *
  * Indicator series type for Highcharts Stock
  *