@ntlab/ntjs-assets 2.41.0 → 2.43.0

package/assets/js/highcharts/es-modules/Core/Renderer/SVG/SVGLabel.js

@@ -1,6 +1,6 @@
 /* *
  *
- *  (c) 2010-2024 Torstein Honsi
+ *  (c) 2010-2025 Torstein Honsi
  *
  *  License: www.highcharts.com/license
  *

package/assets/js/highcharts/es-modules/Core/Renderer/SVG/SVGRenderer.js

@@ -1,6 +1,6 @@
 /* *
  *
- *  (c) 2010-2024 Torstein Honsi
+ *  (c) 2010-2025 Torstein Honsi
  *
  *  License: www.highcharts.com/license
  *
@@ -146,6 +146,8 @@ class SVGRenderer {
      * not when set explicitly through `.attr` and `.css` etc.
      */
     constructor(container, width, height, style, forExport, allowHTML, styledMode) {
+        this.x = 0;
+        this.y = 0;
         const renderer = this, boxWrapper = renderer
             .createElement('svg')
             .attr({
@@ -169,7 +171,7 @@ class SVGRenderer {
         this.url = this.getReferenceURL();
         // Add description
         const desc = this.createElement('desc').add();
-        desc.element.appendChild(doc.createTextNode('Created with @product.name@ @product.version@'));
+        desc.element.appendChild(doc.createTextNode('Created with Highcharts 12.2.0'));
         this.defs = this.createElement('defs').add();
         this.allowHTML = allowHTML;
         this.forExport = forExport;
@@ -300,7 +302,7 @@ class SVGRenderer {
                     zIndex: 9e5
                 });
                 const hitElement = doc.elementFromPoint(6, 6);
-                hasInternalReferenceBug = (hitElement && hitElement.id) === 'hitme';
+                hasInternalReferenceBug = hitElement?.id === 'hitme';
                 doc.body.removeChild(svg);
             }
             if (hasInternalReferenceBug) {
@@ -506,17 +508,36 @@ class SVGRenderer {
      */
     getContrast(color) {
         // #6216, #17273
-        const rgba = Color.parse(color).rgba
-            .map((b8) => {
-            const c = b8 / 255;
-            return c <= 0.03928 ?
-                c / 12.92 :
-                Math.pow((c + 0.055) / 1.055, 2.4);
-        });
-        // Relative luminance
-        const l = 0.2126 * rgba[0] + 0.7152 * rgba[1] + 0.0722 * rgba[2];
-        // Use white or black based on which provides more contrast
-        return 1.05 / (l + 0.05) > (l + 0.05) / 0.05 ? '#FFFFFF' : '#000000';
+        const rgba256 = Color.parse(color).rgba, 
+        // For each rgb channel, compute the luminosity based on all
+        // channels. Subtract this from 0.5 and multiply by a huge number,
+        // so that all colors with luminosity < 0.5 result in a negative
+        // number, and all colors > 0.5 end up very high. This is then
+        // clamped into the range 0-1, to result in either black or white.
+        // The subtraction of 0.5, multiplication by 9e9, and clamping are
+        // workarounds for lack of support for the round() function. As of
+        // 2025, it is too fresh in Chrome, and doesn't work in Safari.
+        channelFunc = ' clamp(0,calc(9e9*(0.5 - (0.2126*r + 0.7152*g + 0.0722*b))),1)';
+        // The color is parsable by the Color class parsers
+        if (isNumber(rgba256[0]) || !Color.useColorMix) {
+            const rgba = rgba256.map((b8) => {
+                const c = b8 / 255;
+                return c <= 0.04 ?
+                    c / 12.92 :
+                    Math.pow((c + 0.055) / 1.055, 2.4);
+            }), 
+            // Relative luminance
+            l = 0.2126 * rgba[0] + 0.7152 * rgba[1] + 0.0722 * rgba[2];
+            // Use white or black based on which provides more contrast
+            return 1.05 / (l + 0.05) > (l + 0.05) / 0.05 ?
+                '#FFFFFF' :
+                '#000000';
+        }
+        // Not parsable, use CSS functions instead
+        return 'color(' +
+            'from ' + color + ' srgb' +
+            channelFunc + channelFunc + channelFunc +
+            ')';
     }
     /**
      * Create a button with preset states. Styles for the button can either be
@@ -633,7 +654,7 @@ class SVGRenderer {
             .on('touchstart', (e) => e.stopPropagation())
             .on('click', function (e) {
             if (curState !== 3) {
-                callback.call(label, e);
+                callback?.call(label, e);
             }
         });
     }
@@ -1083,8 +1104,8 @@ class SVGRenderer {
             // The image width is not always the same as the symbol width. The
             // image may be centered within the symbol, as is the case when
             // image shapes are used as label backgrounds, for example in flags.
-            img.imgwidth = pick(options && options.width, symbolSizes[imageSrc] && symbolSizes[imageSrc].width);
-            img.imgheight = pick(options && options.height, symbolSizes[imageSrc] && symbolSizes[imageSrc].height);
+            img.imgwidth = pick(options?.width, symbolSizes[imageSrc]?.width);
+            img.imgheight = pick(options?.height, symbolSizes[imageSrc]?.height);
             /**
              * Set the size and position
              */

package/assets/js/highcharts/es-modules/Core/Renderer/SVG/SVGRenderer3D.js

@@ -1,6 +1,6 @@
 /* *
  *
- *  (c) 2010-2024 Torstein Honsi
+ *  (c) 2010-2025 Torstein Honsi
  *
  *  Extensions to the SVGRenderer class to enable 3D shapes
  *
@@ -223,7 +223,7 @@ var SVGRenderer3D;
             return elementProto.attr.apply(this, arguments);
         };
         result.animate = function (params, duration, complete) {
-            if (params && params.faces) {
+            if (params?.faces) {
                 while (result.faces.length > params.faces.length) {
                     result.faces.pop().destroy();
                 }

package/assets/js/highcharts/es-modules/Core/Renderer/SVG/Symbols.js

@@ -1,6 +1,6 @@
 /* *
  *
- *  (c) 2010-2024 Torstein Honsi
+ *  (c) 2010-2025 Torstein Honsi
  *
  *  License: www.highcharts.com/license
  *
@@ -22,15 +22,21 @@ const { defined, isNumber, pick } = U;
 function arc(cx, cy, w, h, options) {
     const arc = [];
     if (options) {
-        const start = options.start || 0, rx = pick(options.r, w), ry = pick(options.r, h || w), 
+        let start = options.start || 0, end = options.end || 0;
+        const rx = pick(options.r, w), ry = pick(options.r, h || w), 
         // Subtract a small number to prevent cos and sin of start and end
         // from becoming equal on 360 arcs (#1561). The size of the circle
         // affects the constant, therefore the division by `rx`. If the
         // proximity is too small, the arc disappears. If it is too great, a
         // gap appears. This can be seen in the animation of the official
-        // bubble demo (#20586).
-        proximity = 0.0002 / (options.borderRadius ? 1 : Math.max(rx, 1)), fullCircle = (Math.abs((options.end || 0) - start - 2 * Math.PI) <
-            proximity), end = (options.end || 0) - (fullCircle ? proximity : 0), innerRadius = options.innerR, open = pick(options.open, fullCircle), cosStart = Math.cos(start), sinStart = Math.sin(start), cosEnd = Math.cos(end), sinEnd = Math.sin(end), 
+        // bubble demo (#20585).
+        proximity = 0.0002 / (options.borderRadius ? 1 : Math.max(rx, 1)), fullCircle = (Math.abs(end - start - 2 * Math.PI) <
+            proximity);
+        if (fullCircle) {
+            start = Math.PI / 2;
+            end = Math.PI * 2.5 - proximity;
+        }
+        const innerRadius = options.innerR, open = pick(options.open, fullCircle), cosStart = Math.cos(start), sinStart = Math.sin(start), cosEnd = Math.cos(end), sinEnd = Math.sin(end), 
         // Proximity takes care of rounding errors around PI (#6971)
         longArc = pick(options.longArc, end - start - Math.PI < proximity ? 0 : 1);
         let arcSegment = [
@@ -89,7 +95,7 @@ function arc(cx, cy, w, h, options) {
  * Callout shape used for default tooltips.
  */
 function callout(x, y, w, h, options) {
-    const arrowLength = 6, halfDistance = 6, r = Math.min((options && options.r) || 0, w, h), safeDistance = r + halfDistance, anchorX = options && options.anchorX, anchorY = options && options.anchorY || 0;
+    const arrowLength = 6, halfDistance = 6, r = Math.min((options?.r) || 0, w, h), safeDistance = r + halfDistance, anchorX = options?.anchorX, anchorY = options?.anchorY || 0;
     const path = roundedRect(x, y, w, h, { r });
     if (!isNumber(anchorX)) {
         return path;
@@ -174,7 +180,7 @@ function diamond(x, y, w, h) {
  *
  */
 function rect(x, y, w, h, options) {
-    if (options && options.r) {
+    if (options?.r) {
         return roundedRect(x, y, w, h, options);
     }
     return [

package/assets/js/highcharts/es-modules/Core/Renderer/SVG/TextBuilder.js

@@ -1,6 +1,6 @@
 /* *
  *
- *  (c) 2010-2024 Torstein Honsi
+ *  (c) 2010-2025 Torstein Honsi
  *
  *  License: www.highcharts.com/license
  *
@@ -32,11 +32,11 @@ class TextBuilder {
         this.renderer = svgElement.renderer;
         this.svgElement = svgElement;
         this.width = svgElement.textWidth;
-        this.textLineHeight = textStyles && textStyles.lineHeight;
-        this.textOutline = textStyles && textStyles.textOutline;
-        this.ellipsis = Boolean(textStyles && textStyles.textOverflow === 'ellipsis');
+        this.textLineHeight = textStyles?.lineHeight;
+        this.textOutline = textStyles?.textOutline;
+        this.ellipsis = Boolean(textStyles?.textOverflow === 'ellipsis');
         this.lineClamp = textStyles?.lineClamp;
-        this.noWrap = Boolean(textStyles && textStyles.whiteSpace === 'nowrap');
+        this.noWrap = Boolean(textStyles?.whiteSpace === 'nowrap');
     }
     /**
      * Build an SVG representation of the pseudo HTML given in the object's
@@ -303,7 +303,7 @@ class TextBuilder {
                 }
             }
             // Modify styling
-            if (style && style.color) {
+            if (style?.color) {
                 style.fill = style.color;
             }
             // Handle breaks
@@ -312,7 +312,7 @@ class TextBuilder {
                 node.textContent = '\u200B'; // Zero-width space
                 // Trim whitespace off the beginning of new lines
                 const nextNode = nodes[i + 1];
-                if (nextNode && nextNode.textContent) {
+                if (nextNode?.textContent) {
                     nextNode.textContent =
                         nextNode.textContent.replace(/^ +/gm, '');
                 }

package/assets/js/highcharts/es-modules/Core/Responsive.js

@@ -1,6 +1,6 @@
 /* *
  *
- *  (c) 2010-2024 Torstein Honsi
+ *  (c) 2010-2025 Torstein Honsi
  *
  *  License: www.highcharts.com/license
  *
@@ -84,12 +84,12 @@ var Responsive;
         }
         // Merge matching rules
         const mergedOptions = merge(...ruleIds
-            .map((ruleId) => find((options || {}).rules || [], (rule) => (rule._id === ruleId)))
-            .map((rule) => (rule && rule.chartOptions)));
+            .map((ruleId) => find(options?.rules || [], (rule) => (rule._id === ruleId)))
+            .map((rule) => rule?.chartOptions));
         mergedOptions.isResponsiveOptions = true;
         // Stringified key for the rules that currently apply.
         ruleIds = (ruleIds.toString() || void 0);
-        const currentRuleIds = (currentResponsive && currentResponsive.ruleIds);
+        const currentRuleIds = currentResponsive?.ruleIds;
         // Changes in what rules apply
         if (ruleIds !== currentRuleIds) {
             // Undo previous rules. Before we apply a new set of rules, we

package/assets/js/highcharts/es-modules/Core/Series/DataLabel.js

@@ -1,6 +1,6 @@
 /* *
  *
- *  (c) 2010-2024 Torstein Honsi
+ *  (c) 2010-2025 Torstein Honsi
  *
  *  License: www.highcharts.com/license
  *
@@ -211,6 +211,7 @@ var DataLabel;
             seriesProto.alignDataLabel = alignDataLabel;
             seriesProto.drawDataLabels = drawDataLabels;
             seriesProto.justifyDataLabel = justifyDataLabel;
+            seriesProto.mergeArrays = mergeArrays;
             seriesProto.setDataLabelStartPos = setDataLabelStartPos;
             seriesProto.hasDataLabels = hasDataLabels;
         }
@@ -265,7 +266,7 @@ var DataLabel;
             dataLabelsGroup = this.initDataLabels(animationConfig);
             // Make the labels for each point
             points.forEach((point) => {
-                const dataLabels = point.dataLabels || [];
+                const dataLabels = point.dataLabels || [], pointColor = point.color || series.color;
                 // Merge in series options for the point.
                 // @note dataLabelAttribs (like pointAttribs) would eradicate
                 // the need for dlOptions, and simplify the section below.
@@ -298,8 +299,10 @@ var DataLabel;
                                 if (backgroundColor !== 'none') {
                                     labelBgColor = backgroundColor;
                                 }
-                                point.contrastColor = renderer.getContrast(labelBgColor !== 'auto' && labelBgColor ||
-                                    (point.color || series.color));
+                                point.contrastColor = renderer.getContrast((labelBgColor !== 'auto' &&
+                                    isString(labelBgColor) &&
+                                    labelBgColor) ||
+                                    (isString(pointColor) ? pointColor : ''));
                                 style.color = (labelBgColor || // #20007
                                     (!defined(distance) &&
                                         labelOptions.inside) ||
@@ -342,7 +345,9 @@ var DataLabel;
                     // build a new one below. #678, #820.
                     if (dataLabel && (!labelEnabled ||
                         !defined(labelText) ||
-                        !!dataLabel.div !== !!labelOptions.useHTML ||
+                        // Changed useHTML value
+                        !!(dataLabel.div ||
+                            dataLabel.text?.foreignObject) !== !!labelOptions.useHTML ||
                         (
                         // Change from no rotation to rotation and
                         // vice versa. Don't use defined() because
@@ -413,7 +418,7 @@ var DataLabel;
                 while (j--) {
                     // The item can be undefined if a disabled data label is
                     // succeeded by an enabled one (#19457)
-                    if (!dataLabels[j] || !dataLabels[j].isActive) {
+                    if (!dataLabels[j]?.isActive) {
                         dataLabels[j]?.destroy();
                         dataLabels.splice(j, 1);
                     }

package/assets/js/highcharts/es-modules/Core/Series/DataSeriesComposition.js

@@ -1,6 +1,6 @@
 /* *
  *
- *  (c) 2020-2024 Highsoft AS
+ *  (c) 2020-2025 Highsoft AS
  *
  *  License: www.highcharts.com/license
  *

package/assets/js/highcharts/es-modules/Core/Series/DataSeriesConverter.js

@@ -1,6 +1,6 @@
 /* *
  *
- *  (c) 2020-2024 Highsoft AS
+ *  (c) 2020-2025 Highsoft AS
  *
  *  License: www.highcharts.com/license
  *
@@ -117,7 +117,7 @@ class DataSeriesConverter {
     updateTable(allSeries, eventDetail) {
         const table = this.table;
         let columns, series, seriesMeta, pointArrayMap, pointArrayMapLength, options, keys, data, elem, rowIndex, y, needsArrayMap, xIndex, yIndex, yValueName, yValueIndex, yValueId, id;
-        if (allSeries && allSeries.length) {
+        if (allSeries?.length) {
             this.options.seriesOptions = [];
             this.seriesMeta = [];
             this.seriesIdMap = {};

package/assets/js/highcharts/es-modules/{Extensions → Core/Series}/OverlappingDataLabels.js

@@ -3,7 +3,7 @@
  *  Highcharts module to hide overlapping data labels.
  *  This module is included in Highcharts.
  *
- *  (c) 2009-2024 Torstein Honsi
+ *  (c) 2009-2025 Torstein Honsi
  *
  *  License: www.highcharts.com/license
  *
@@ -11,10 +11,10 @@
  *
  * */
 'use strict';
-import GeometryUtilities from '../Core/Geometry/GeometryUtilities.js';
+import GeometryUtilities from '../Geometry/GeometryUtilities.js';
 const { pointInPolygon } = GeometryUtilities;
-import U from '../Core/Utilities.js';
-const { addEvent, fireEvent, objectEach, pick } = U;
+import U from '../Utilities.js';
+const { addEvent, getAlignFactor, fireEvent, objectEach, pick } = U;
 /* *
  *
  *  Functions
@@ -24,8 +24,6 @@ const { addEvent, fireEvent, objectEach, pick } = U;
  * Hide overlapping labels. Labels are moved and faded in and out on zoom to
  * provide a smooth visual impression.
  *
- * @requires modules/overlapping-datalabels
- *
  * @private
  * @function Highcharts.Chart#hideOverlappingLabels
  * @param {Array<Highcharts.SVGElement>} labels
@@ -52,15 +50,15 @@ function chartHideOverlappingLabels(labels) {
             const padding = label.box ? 0 : (label.padding || 0), pos = label.alignAttr || {
                 x: label.attr('x'),
                 y: label.attr('y')
-            }, bBox = label.getBBox();
-            label.width = bBox.width;
-            label.height = bBox.height;
+            }, { height, polygon, width } = label.getBBox(), alignOffset = getAlignFactor(label.alignValue) * width;
+            label.width = width;
+            label.height = height;
             return {
-                x: pos.x + (label.parentGroup?.translateX || 0) + padding,
+                x: pos.x + (label.parentGroup?.translateX || 0) + padding - alignOffset,
                 y: pos.y + (label.parentGroup?.translateY || 0) + padding,
-                width: (label.width || 0) - 2 * padding,
-                height: (label.height || 0) - 2 * padding,
-                polygon: bBox?.polygon
+                width: width - 2 * padding,
+                height: height - 2 * padding,
+                polygon
             };
         }
     }

package/assets/js/highcharts/es-modules/Core/Series/Point.js

@@ -1,6 +1,6 @@
 /* *
  *
- *  (c) 2010-2024 Torstein Honsi
+ *  (c) 2010-2025 Torstein Honsi
  *
  *  License: www.highcharts.com/license
  *
@@ -92,6 +92,12 @@ class Point {
      * @name Highcharts.Point#percentage
      * @type {number|undefined}
      */
+    /**
+     * Array of all hovered points when using shared tooltips.
+     *
+     * @name Highcharts.Point#points
+     * @type {Array<Highcharts.Point>|undefined}
+     */
     /**
      * The series object associated with the point.
      *
@@ -272,7 +278,7 @@ class Point {
                 point.onMouseOut();
             }
             // Remove properties after animation
-            if (!dataSorting || !dataSorting.enabled) {
+            if (!dataSorting?.enabled) {
                 destroyPoint();
             }
             else {
@@ -297,7 +303,7 @@ class Point {
         });
         props.plural.forEach(function (plural) {
             point[plural].forEach(function (item) {
-                if (item && item.element) {
+                if (item?.element) {
                     item.destroy();
                 }
             });
@@ -355,8 +361,9 @@ class Point {
             (typeof point.colorIndex !== 'undefined' ?
                 ' highcharts-color-' + point.colorIndex : '') +
             (point.options.className ? ' ' + point.options.className : '') +
-            (point.zone && point.zone.className ? ' ' +
-                point.zone.className.replace('highcharts-negative', '') : '');
+            (point.zone?.className ?
+                ' ' + point.zone.className.replace('highcharts-negative', '') :
+                '');
     }
     /**
      * Get props of all existing graphical point elements.
@@ -425,7 +432,7 @@ class Point {
         if (!this.nonZonedColor) {
             this.nonZonedColor = this.color;
         }
-        if (zone && zone.color && !this.options.color) {
+        if (zone?.color && !this.options.color) {
             this.color = zone.color;
         }
         else {
@@ -474,6 +481,7 @@ class Point {
         // Add a unique ID to the point if none is assigned
         this.id ?? (this.id = uniqueKey());
         this.resolveColor();
+        this.dataLabelOnNull ?? (this.dataLabelOnNull = series.options.nullInteraction);
         series.chart.pointCount++;
         fireEvent(this, 'afterInit');
     }
@@ -754,7 +762,7 @@ class Point {
             }
             if (isObject(options, true)) {
                 // Destroy so we can get new elements
-                if (graphic && graphic.element) {
+                if (graphic?.element) {
                     // "null" is also a valid symbol
                     if (options &&
                         options.marker &&
@@ -985,9 +993,8 @@ class Point {
     setState(state, move) {
         const point = this, series = point.series, previousState = point.state, stateOptions = (series.options.states[state || 'normal'] ||
             {}), markerOptions = (defaultOptions.plotOptions[series.type].marker &&
-            series.options.marker), normalDisabled = (markerOptions && markerOptions.enabled === false), markerStateOptions = ((markerOptions &&
-            markerOptions.states &&
-            markerOptions.states[state || 'normal']) || {}), stateDisabled = markerStateOptions.enabled === false, pointMarker = point.marker || {}, chart = series.chart, hasMarkers = (markerOptions && series.markerAttribs);
+            series.options.marker), normalDisabled = (markerOptions && markerOptions.enabled === false), markerStateOptions = markerOptions?.states?.[state || 'normal'] ||
+            {}, stateDisabled = markerStateOptions.enabled === false, pointMarker = point.marker || {}, chart = series.chart, hasMarkers = (markerOptions && series.markerAttribs);
         let halo = series.halo, markerAttribs, pointAttribs, pointAttribsAnimation, stateMarkerGraphic = series.stateMarkerGraphic, newSymbol;
         state = state || ''; // Empty string
         if (
@@ -1095,9 +1102,8 @@ class Point {
         // Show me your halo
         const haloOptions = stateOptions.halo;
         const markerGraphic = (point.graphic || stateMarkerGraphic);
-        const markerVisibility = (markerGraphic && markerGraphic.visibility || 'inherit');
-        if (haloOptions &&
-            haloOptions.size &&
+        const markerVisibility = markerGraphic?.visibility || 'inherit';
+        if (haloOptions?.size &&
             markerGraphic &&
             markerVisibility !== 'hidden' &&
             !point.isCluster) {