@ntlab/ntjs-assets 2.72.0 → 2.74.0

package/assets/js/highcharts/es-modules/Maps/MapNavigation.js

@@ -196,7 +196,7 @@ class MapNavigation {
             // Check the mapNavigation buttons collision with exporting button
             // and translate the mapNavigation button if they overlap.
             const adjustMapNavBtn = function () {
-                const expBtnBBox = chart.exportingGroup?.getBBox();
+                const expBtnBBox = chart.exporting?.group?.getBBox();
                 if (expBtnBBox) {
                     const navBtnsBBox = mapNav.navButtonsGroup.getBBox();
                     // If buttons overlap

package/assets/js/highcharts/es-modules/Series/Bubble/BubblePoint.js

@@ -34,8 +34,8 @@ class BubblePoint extends ScatterPoint {
                 0 :
             0) + size;
         if (this.series.chart.inverted) {
-            const pos = this.pos() || [0, 0], { xAxis, yAxis, chart } = this.series;
-            return chart.renderer.symbols.circle(xAxis.len - pos[1] - computedSize, yAxis.len - pos[0] - computedSize, computedSize * 2, computedSize * 2);
+            const pos = this.pos() || [0, 0], { xAxis, yAxis, chart } = this.series, diameter = computedSize * 2;
+            return chart.renderer.symbols.circle((xAxis?.len || 0) - pos[1] - computedSize, (yAxis?.len || 0) - pos[0] - computedSize, diameter, diameter);
         }
         return Point.prototype.haloPath.call(this, 
         // #6067

package/assets/js/highcharts/es-modules/Series/Column/ColumnSeriesDefaults.js

@@ -258,8 +258,7 @@ const ColumnSeriesDefaults = {
              * @apioption plotOptions.column.states.hover.color
              */
             /**
-             * How much to brighten the point on interaction. Requires the
-             * main color to be defined in hex or rgb(a) format.
+             * How much to brighten the point on interaction.
              *
              * In styled mode, the hover brightening is by default replaced
              * with a fill-opacity set in the `.highcharts-point:hover`

package/assets/js/highcharts/es-modules/Series/DragNodesComposition.js

@@ -75,6 +75,10 @@ function onChartLoad() {
  *        Browser event, before normalization.
  */
 function onMouseDown(point, event) {
+    const { panKey } = this.chart.options.chart, panKeyPressed = panKey && event[`${panKey}Key`];
+    if (panKeyPressed) {
+        return;
+    }
     const normalizedEvent = this.chart.pointer?.normalize(event) || event;
     point.fixedPosition = {
         chartX: normalizedEvent.chartX,

package/assets/js/highcharts/es-modules/Series/Flags/FlagsSeriesDefaults.js

@@ -225,6 +225,8 @@ const FlagsSeriesDefaults = {
      * @product highstock
      */
     style: {
+        /** @ignore-option */
+        color: "#000000" /* Palette.neutralColor100 */,
         /** @ignore-option */
         fontSize: '0.7em',
         /** @ignore-option */

package/assets/js/highcharts/es-modules/Series/GraphLayoutComposition.js

@@ -98,7 +98,8 @@ function onChartRender() {
             afterRender = true;
         }
     };
-    if (this.graphLayoutsLookup) {
+    // Don't animate layout when series is dragged
+    if (this.graphLayoutsLookup && !this.pointer?.hasDragged) {
         setAnimation(false, this);
         // Start simulation
         this.graphLayoutsLookup.forEach((layout) => layout.start());

package/assets/js/highcharts/es-modules/Series/Heatmap/HeatmapSeriesDefaults.js

@@ -291,8 +291,7 @@ const HeatmapSeriesDefaults = {
             /** @ignore-option */
             halo: false, // #3406, halo is disabled on heatmaps by default
             /**
-             * How much to brighten the point on interaction. Requires the
-             * main color to be defined in hex or rgb(a) format.
+             * How much to brighten the point on interaction.
              *
              * In styled mode, the hover brightening is by default replaced
              * with a fill-opacity set in the `.highcharts-point:hover`

package/assets/js/highcharts/es-modules/Series/Item/ItemSeries.js

@@ -174,7 +174,7 @@ class ItemSeries extends PieSeries {
             rows = Math.sqrt(total);
             if (ratio > 1) {
                 rows = Math.ceil(rows);
-                while (rows > 0) {
+                while (rows > 1) {
                     cols = total / rows;
                     if (cols / rows > ratio) {
                         break;

package/assets/js/highcharts/es-modules/Series/PackedBubble/PackedBubblePoint.js

@@ -58,6 +58,11 @@ class PackedBubblePoint extends BubblePoint {
             Point.prototype.select.apply(this, arguments);
         }
     }
+    setState(state, move) {
+        if (this?.graphic?.parentGroup?.element) {
+            super.setState(state, move);
+        }
+    }
 }
 /* *
  *

package/assets/js/highcharts/es-modules/Series/Pie/PieSeriesDefaults.js

@@ -563,8 +563,7 @@ const PieSeriesDefaults = {
          */
         hover: {
             /**
-             * How much to brighten the point on interaction. Requires the
-             * main color to be defined in hex or rgb(a) format.
+             * How much to brighten the point on interaction.
              *
              * In styled mode, the hover brightness is by default replaced
              * by a fill-opacity given in the `.highcharts-point-hover`

package/assets/js/highcharts/es-modules/Series/PolarComposition.js

@@ -161,7 +161,7 @@ function onChartCreateAxes() {
         this.pane = [];
     }
     this.options.pane = splat(this.options.pane || {});
-    this.options.pane.forEach((paneOptions) => {
+    splat(this.userOptions.pane || {}).forEach((paneOptions) => {
         new Pane(// eslint-disable-line no-new
         paneOptions, this);
     }, this);

package/assets/js/highcharts/es-modules/Series/SolidGauge/SolidGaugeSeries.js

@@ -68,7 +68,7 @@ class SolidGaugeSeries extends GaugeSeries {
                 )) * center[2]) / 200), innerRadius = ((pInt(pick(point.options.innerRadius, options.innerRadius, 60 // %
                 )) * center[2]) / 200), axisMinAngle = Math.min(yAxis.startAngleRad, yAxis.endAngleRad), axisMaxAngle = Math.max(yAxis.startAngleRad, yAxis.endAngleRad);
                 let graphic = point.graphic, rotation = (yAxis.startAngleRad +
-                    yAxis.translate(point.y, void 0, void 0, void 0, true)), shapeArgs, d, toColor = yAxis.toColor(point.y, point);
+                    yAxis.translate(point.y, void 0, void 0, void 0, true)), shapeArgs, d, toColor = yAxis.toColor(point.y, point), className = point.getClassName();
                 if (toColor === 'none') { // #3708
                     toColor = point.color || series.color || 'none';
                 }
@@ -131,8 +131,13 @@ class SolidGaugeSeries extends GaugeSeries {
                         'stroke-width': options.borderWidth || 0
                     });
                 }
+                else if (series.yAxis?.stops) {
+                    className = className
+                        .replace(/highcharts-color-\d/gm, '')
+                        .trim();
+                }
                 if (graphic) {
-                    graphic.addClass(point.getClassName(), true);
+                    graphic.addClass(className);
                 }
             }
         }

package/assets/js/highcharts/es-modules/Series/Treegraph/TreegraphSeries.js

@@ -446,9 +446,11 @@ class TreegraphSeries extends TreemapSeries {
 }
 TreegraphSeries.defaultOptions = merge(TreemapSeries.defaultOptions, TreegraphSeriesDefaults);
 extend(TreegraphSeries.prototype, {
+    forceDL: true,
     pointClass: TreegraphPoint,
     NodeClass: TreegraphNode,
-    LinkClass: TreegraphLink
+    LinkClass: TreegraphLink,
+    isCartesian: false
 });
 SeriesRegistry.registerSeriesType('treegraph', TreegraphSeries);
 /* *

package/assets/js/highcharts/es-modules/Series/Variwide/VariwideSeries.js

@@ -16,7 +16,7 @@ import VariwideComposition from './VariwideComposition.js';
 import VariwidePoint from './VariwidePoint.js';
 import VariwideSeriesDefaults from './VariwideSeriesDefaults.js';
 import U from '../../Core/Utilities.js';
-const { addEvent, crisp, extend, merge, pick } = U;
+const { addEvent, arrayMin, arrayMax, crisp, extend, merge, pick } = U;
 /* *
  *
  *  Class
@@ -120,6 +120,13 @@ class VariwideSeries extends ColumnSeries {
             }
         }
     }
+    getXExtremes(xData) {
+        const max = arrayMax(xData), maxZ = this.getColumn('z')[xData.indexOf(max)];
+        return {
+            min: arrayMin(xData),
+            max: max + (this.xAxis.categories ? 0 : maxZ)
+        };
+    }
 }
 /* *
  *

package/assets/js/highcharts/es-modules/Series/Waterfall/WaterfallSeries.js

@@ -139,7 +139,7 @@ class WaterfallSeries extends ColumnSeries {
             if (!box || !prevBox) {
                 continue;
             }
-            const prevStack = yAxis.waterfall.stacks[this.stackKey], isPos = prevY > 0 ? -prevBox.height : 0;
+            const prevStack = yAxis.waterfall?.stacks[this.stackKey], isPos = prevY > 0 ? -prevBox.height : 0;
             if (prevStack && prevBox && box) {
                 const prevStackX = prevStack[i - 1];
                 // Y position of the connector is different when series are
@@ -304,11 +304,9 @@ class WaterfallSeries extends ColumnSeries {
     // Extremes for a non-stacked series are recorded in processData.
     // In case of stacking, use Series.stackedYData to calculate extremes.
     getExtremes() {
-        const stacking = this.options.stacking;
-        let yAxis, waterfallStacks, stackedYNeg, stackedYPos;
-        if (stacking) {
-            yAxis = this.yAxis;
-            waterfallStacks = yAxis.waterfall.stacks;
+        const stacking = this.options.stacking, yAxis = this.yAxis, waterfallStacks = yAxis.waterfall?.stacks;
+        let stackedYNeg, stackedYPos;
+        if (stacking && waterfallStacks) {
             stackedYNeg = this.stackedYNeg = [];
             stackedYPos = this.stackedYPos = [];
             // The visible y range can be different when stacking is set to
@@ -354,7 +352,7 @@ extend(WaterfallSeries.prototype, {
 });
 // Translate data points from raw values
 addEvent(WaterfallSeries, 'afterColumnTranslate', function () {
-    const series = this, { options, points, yAxis } = series, minPointLength = pick(options.minPointLength, 5), halfMinPointLength = minPointLength / 2, threshold = options.threshold || 0, stacking = options.stacking, actualStack = yAxis.waterfall.stacks[series.stackKey], processedYData = series.getColumn('y', true);
+    const series = this, { options, points, yAxis } = series, minPointLength = pick(options.minPointLength, 5), halfMinPointLength = minPointLength / 2, threshold = options.threshold || 0, stacking = options.stacking, actualStack = yAxis.waterfall?.stacks[series.stackKey], processedYData = series.getColumn('y', true);
     let previousIntermediate = threshold, previousY = threshold, y, total, yPos, hPos;
     for (let i = 0; i < points.length; i++) {
         const point = points[i], yValue = processedYData[i], shapeArgs = point.shapeArgs, box = extend({
@@ -430,7 +428,7 @@ addEvent(WaterfallSeries, 'afterColumnTranslate', function () {
                 box.y = yAxis.translate(yPos, false, true, false, true);
                 box.height = Math.abs(box.y -
                     yAxis.translate(hPos, false, true, false, true));
-                const dummyStackItem = yAxis.waterfall.dummyStackItem;
+                const dummyStackItem = yAxis.waterfall?.dummyStackItem;
                 if (dummyStackItem) {
                     dummyStackItem.x = i;
                     dummyStackItem.label = actualStack[i].label;

package/assets/js/highcharts/es-modules/Series/Wordcloud/WordcloudSeries.js

@@ -70,6 +70,11 @@ class WordcloudSeries extends ColumnSeries {
         return Math.floor(Math.max(min, weight * max));
     }
     drawPoints() {
+        if (this.zooming ||
+            (this.defaultScale &&
+                this.group.scaleX !== this.defaultScale)) {
+            return;
+        }
         const series = this, hasRendered = series.hasRendered, xAxis = series.xAxis, yAxis = series.yAxis, chart = series.chart, group = series.group, options = series.options, animation = options.animation, allowExtendPlayingField = options.allowExtendPlayingField, renderer = chart.renderer, placed = [], placementStrategy = series.placementStrategy[options.placementStrategy], rotation = options.rotation, weights = series.points.map(function (p) {
             return p.weight;
         }), maxWeight = Math.max.apply(null, weights), 
@@ -197,10 +202,11 @@ class WordcloudSeries extends ColumnSeries {
         // Destroy the element after use.
         testElement = testElement.destroy();
         // Scale the series group to fit within the plotArea.
-        const scale = getScale(xAxis.len, yAxis.len, field);
+        series.defaultScale = getScale(xAxis.len, yAxis.len, field);
+        series.field = field;
         series.group.attr({
-            scaleX: scale,
-            scaleY: scale
+            scaleX: series.defaultScale,
+            scaleY: series.defaultScale
         });
     }
     hasData() {
@@ -210,15 +216,86 @@ class WordcloudSeries extends ColumnSeries {
             isArray(series.points) &&
             series.points.length > 0);
     }
-    getPlotBox() {
-        const series = this, chart = series.chart, inverted = chart.inverted, 
+    getPlotBox(name) {
+        const series = this, { chart, group, zooming } = this, { plotSizeX = 0, plotSizeY = 0, inverted } = chart, 
         // Swap axes for inverted (#2339)
-        xAxis = series[(inverted ? 'yAxis' : 'xAxis')], yAxis = series[(inverted ? 'xAxis' : 'yAxis')], width = xAxis ? xAxis.len : chart.plotWidth, height = yAxis ? yAxis.len : chart.plotHeight, x = xAxis ? xAxis.left : chart.plotLeft, y = yAxis ? yAxis.top : chart.plotTop;
+        xAxis = series[(inverted ? 'yAxis' : 'xAxis')], yAxis = series[(inverted ? 'xAxis' : 'yAxis')], width = xAxis ? xAxis.len : chart.plotWidth, height = yAxis ? yAxis.len : chart.plotHeight, x = xAxis ? xAxis.left : chart.plotLeft, y = yAxis ? yAxis.top : chart.plotTop, field = series.field;
+        let left = 0, top = 0, translateX = x + width / 2, translateY = y + height / 2, initLeft = translateX, initTop = translateY, scale = series.defaultScale || 1, seriesHeight = 0, seriesWidth = 0;
+        if (field) {
+            seriesHeight =
+                Math.max(Math.abs(field.top), Math.abs(field.bottom)) * 2;
+            seriesWidth =
+                Math.max(Math.abs(field.left), Math.abs(field.right)) * 2;
+        }
+        if (inverted) {
+            [seriesWidth, seriesHeight] = [seriesHeight, seriesWidth];
+        }
+        if (group && zooming) {
+            // Uncomment this block to visualize the zooming
+            // bounding box and the point, which is normalized
+            // position to zoom-in
+            // chart.renderer.rect(
+            //    (plotSizeX - seriesWidth) / 2 + zooming.x * plotSizeX +
+            //        chart.plotLeft,
+            //    (plotSizeY - seriesHeight) / 2 + zooming.y * plotSizeY +
+            //        chart.plotTop,
+            //    zooming.width * plotSizeX,
+            //    zooming.height * plotSizeY,
+            //    0,
+            //    2
+            // ).attr({
+            //    stroke: 'red'
+            // }).add();
+            // chart.renderer.circle(
+            //    (plotSizeX - seriesWidth) / 2 + zooming.zoomX * plotSizeX +
+            //        chart.plotLeft,
+            //    (plotSizeY - seriesHeight) / 2 + zooming.zoomY * plotSizeY +
+            //        chart.plotTop,
+            //    2
+            // ).attr({
+            //    stroke: 'blue'
+            // }).add();
+            scale = Math.max(zooming.scale, series.defaultScale || 1);
+            const newWidth = Math.max(seriesWidth * scale, width), newHeight = Math.max(seriesHeight * scale, height), newMiddleX = x + newWidth / 2, newMiddleY = y + newHeight / 2, scaleDiff = scale - (group.scaleX || 1);
+            left = scaleDiff * ((plotSizeX - seriesWidth) / 2 +
+                zooming.zoomX * plotSizeX - width / 2);
+            top = scaleDiff * ((plotSizeY - seriesHeight) / 2 +
+                zooming.zoomY * plotSizeY - height / 2);
+            if (name === 'series') {
+                zooming.x = Math.max(0, Math.min(1 - zooming.width, zooming.x + (zooming.panX / zooming.scale)));
+                left += zooming.panX * plotSizeX;
+                zooming.panX = 0;
+                zooming.y = Math.max(0, Math.min(1 - zooming.height, zooming.y + (zooming.panY / zooming.scale)));
+                top += zooming.panY * plotSizeY;
+                zooming.panY = 0;
+            }
+            if (isNumber(group.translateX) && isNumber(group.translateY)) {
+                initLeft = group.translateX;
+                initTop = group.translateY;
+            }
+            translateX = initLeft - left;
+            translateY = initTop - top;
+            // Do not allow to move outside the chart
+            // Vertical lock
+            if (translateY > newMiddleY) {
+                translateY = newMiddleY;
+            }
+            else if (translateY < 2 * y + height - newMiddleY) {
+                translateY = 2 * y + height - newMiddleY;
+            }
+            // Horizontal lock
+            if (translateX > newMiddleX) {
+                translateX = newMiddleX;
+            }
+            else if (translateX < 2 * x + width - newMiddleX) {
+                translateX = 2 * x + width - newMiddleX;
+            }
+        }
         return {
-            translateX: x + (width / 2),
-            translateY: y + (height / 2),
-            scaleX: 1, // #1623
-            scaleY: 1
+            translateX: translateX,
+            translateY: translateY,
+            scaleX: scale,
+            scaleY: scale
         };
     }
 }

package/assets/js/highcharts/es-modules/Shared/BaseForm.js

@@ -65,9 +65,12 @@ class BaseForm {
         const popup = this, iconsURL = this.iconsURL;
         // Create close popup button.
         const closeButton = createElement('button', { className }, void 0, this.container);
-        closeButton.style['background-image'] = 'url(' +
-            (iconsURL.match(/png|svg|jpeg|jpg|gif/ig) ?
-                iconsURL : iconsURL + 'close.svg') + ')';
+        createElement('span', {
+            className: 'highcharts-icon'
+        }, {
+            backgroundImage: 'url(' + (iconsURL.match(/png|svg|jpeg|jpg|gif/ig) ?
+                iconsURL : iconsURL + 'close.svg') + ')'
+        }, closeButton);
         ['click', 'touchstart'].forEach((eventName) => {
             addEvent(closeButton, eventName, popup.closeButtonEvents.bind(popup));
         });

package/assets/js/highcharts/es-modules/Shared/TimeBase.js

@@ -123,7 +123,7 @@ class TimeBase {
     update(options = {}) {
         this.dTLCache = {};
         this.options = options = merge(true, this.options, options);
-        const { timezoneOffset, useUTC } = options;
+        const { timezoneOffset, useUTC, locale } = options;
         // Allow using a different Date class
         this.Date = options.Date || win.Date || Date;
         // Assign the time zone. Handle the legacy, deprecated `useUTC` option.
@@ -143,6 +143,10 @@ class TimeBase {
         this.variableTimezone = timezone !== 'UTC' &&
             timezone?.indexOf('Etc/GMT') !== 0;
         this.timezone = timezone;
+        // Update locale.
+        if (this.lang && locale) {
+            this.lang.locale = locale;
+        }
         // Assign default time formats from locale strings
         ['months', 'shortMonths', 'weekdays', 'shortWeekdays'].forEach((name) => {
             const isMonth = /months/i.test(name), isShort = /short/.test(name), options = {

package/assets/js/highcharts/es-modules/Stock/Navigator/NavigatorComposition.js

@@ -9,7 +9,7 @@
  * */
 'use strict';
 import D from '../../Core/Defaults.js';
-const { setOptions } = D;
+const { defaultOptions } = D;
 import H from '../../Core/Globals.js';
 const { composed } = H;
 import NavigatorAxisAdditions from '../../Core/Axis/NavigatorAxisComposition.js';
@@ -39,8 +39,8 @@ function compose(ChartClass, AxisClass, SeriesClass) {
     if (pushUnique(composed, 'Navigator')) {
         ChartClass.prototype.setFixedRange = setFixedRange;
         extend(getRendererType().prototype.symbols, NavigatorSymbols);
+        extend(defaultOptions, { navigator: NavigatorDefaults });
         addEvent(SeriesClass, 'afterUpdate', onSeriesAfterUpdate);
-        setOptions({ navigator: NavigatorDefaults });
     }
 }
 /**

package/assets/js/highcharts/es-modules/Stock/Scrollbar/Scrollbar.js

@@ -11,10 +11,11 @@
 import D from '../../Core/Defaults.js';
 const { defaultOptions } = D;
 import H from '../../Core/Globals.js';
+const { composed } = H;
 import ScrollbarAxis from '../../Core/Axis/ScrollbarAxis.js';
 import ScrollbarDefaults from './ScrollbarDefaults.js';
 import U from '../../Core/Utilities.js';
-const { addEvent, correctFloat, crisp, defined, destroyObjectProperties, fireEvent, merge, pick, removeEvent } = U;
+const { addEvent, correctFloat, crisp, defined, destroyObjectProperties, extend, fireEvent, merge, pick, pushUnique, removeEvent } = U;
 /* *
  *
  *  Constants
@@ -40,6 +41,9 @@ class Scrollbar {
      * */
     static compose(AxisClass) {
         ScrollbarAxis.compose(AxisClass, Scrollbar);
+        if (pushUnique(composed, 'Scrollbar')) {
+            extend(defaultOptions, { scrollbar: ScrollbarDefaults });
+        }
     }
     /**
      * When we have vertical scrollbar, rifles and arrow in buttons should be
@@ -646,12 +650,6 @@ class Scrollbar {
  *
  * */
 Scrollbar.defaultOptions = ScrollbarDefaults;
-/* *
- *
- *  Registry
- *
- * */
-defaultOptions.scrollbar = merge(true, Scrollbar.defaultOptions, defaultOptions.scrollbar);
 /* *
  *
  *  Default Export

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

@@ -566,7 +566,7 @@ class Toolbar {
     getIconsURL() {
         return this.chart.options.navigation.iconsURL ||
             this.options.iconsURL ||
-            'https://code.highcharts.com/12.2.0/gfx/stock-icons/';
+            'https://code.highcharts.com/12.3.0/gfx/stock-icons/';
     }
 }
 Toolbar.prototype.classMapping = {