@ntlab/ntjs-assets 2.0.21 → 2.0.22

package/assets/js/highcharts/es-modules/Series/Sankey/SankeySeries.js

@@ -22,7 +22,7 @@ const { parse: color } = Color;
 import TU from '../TreeUtilities.js';
 const { getLevelOptions, getNodeWidth } = TU;
 import U from '../../Core/Utilities.js';
-const { clamp, extend, isObject, merge, pick, relativeLength, stableSort } = U;
+const { clamp, crisp, extend, isObject, merge, pick, relativeLength, stableSort } = U;
 /* *
  *
  *  Class
@@ -386,12 +386,11 @@ class SankeySeries extends ColumnSeries {
      * @private
      */
     translateNode(node, column) {
-        const translationFactor = this.translationFactor, chart = this.chart, options = this.options, { borderRadius, borderWidth = 0 } = options, sum = node.getSum(), nodeHeight = Math.max(Math.round(sum * translationFactor), this.options.minLinkWidth), nodeWidth = Math.round(this.nodeWidth), crisp = Math.round(borderWidth) % 2 / 2, nodeOffset = column.sankeyColumn.offset(node, translationFactor), fromNodeTop = Math.floor(pick(nodeOffset.absoluteTop, (column.sankeyColumn.top(translationFactor) +
-            nodeOffset.relativeTop))) + crisp, left = Math.floor(this.colDistance * node.column +
-            borderWidth / 2) + relativeLength(node.options[chart.inverted ?
+        const translationFactor = this.translationFactor, chart = this.chart, options = this.options, { borderRadius, borderWidth = 0 } = options, sum = node.getSum(), nodeHeight = Math.max(Math.round(sum * translationFactor), this.options.minLinkWidth), nodeWidth = Math.round(this.nodeWidth), nodeOffset = column.sankeyColumn.offset(node, translationFactor), fromNodeTop = crisp(pick(nodeOffset.absoluteTop, (column.sankeyColumn.top(translationFactor) +
+            nodeOffset.relativeTop)), borderWidth), left = crisp(this.colDistance * node.column +
+            borderWidth / 2, borderWidth) + relativeLength(node.options[chart.inverted ?
             'offsetVertical' :
-            'offsetHorizontal'] || 0, nodeWidth) +
-            crisp, nodeLeft = chart.inverted ?
+            'offsetHorizontal'] || 0, nodeWidth), nodeLeft = chart.inverted ?
             chart.plotSizeX - left :
             left;
         node.sum = sum;

package/assets/js/highcharts/es-modules/Series/Sankey/SankeySeriesDefaults.js

@@ -184,7 +184,7 @@ const SankeySeriesDefaults = {
      *         Sankey diagram with gradients and explanation
      *
      * @type      {('from'|'gradient'|'to')}
-     * @since     @next
+     * @since     11.2.0
      */
     linkColorMode: 'from',
     /**

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

@@ -150,7 +150,7 @@ var SeriesOnPointComposition;
                 d: SVGRenderer.prototype.crispLine([
                     ['M', xFrom, yFrom],
                     ['L', xTo, yTo]
-                ], width, 'ceil'),
+                ], width),
                 'stroke-width': width
             };
             if (!chart.styledMode) {
@@ -223,7 +223,7 @@ var SeriesOnPointComposition;
         seriesShowOrHide() {
             const allSeries = this.chart.series;
             // When toggling a series visibility, loop through all points
-            this.points.forEach((point) => {
+            this.points?.forEach((point) => {
                 // Find all series that are on toggled points
                 const series = find(allSeries, (series) => {
                     const id = ((series.onPoint || {}).options || {}).id;

package/assets/js/highcharts/es-modules/Series/Sunburst/SunburstSeriesDefaults.js

@@ -44,7 +44,7 @@ const SunburstSeriesDefaults = {
      * @since 10.0.0
      * @product   highcharts
      * @extends   navigation.breadcrumbs
-     * @optionparent plotOptions.sunburst.breadcrumbs
+     * @apioption plotOptions.sunburst.breadcrumbs
      */
     /**
      * Set options on specific levels. Takes precedence over series options,

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

@@ -25,22 +25,22 @@ const { seriesTypes: { column: { prototype: { pointClass: ColumnPoint } } } } =
 class LinkPoint extends ColumnPoint {
     /* *
      *
-     *  Functions
+     *  Constructor
      *
      * */
     constructor(series, options, x, point) {
         super(series, options, x);
         /* *
-        *
-        *  Class properties
-        *
-        * */
+         *
+         *  Properties
+         *
+         * */
+        this.dataLabelOnNull = true;
+        this.formatPrefix = 'link';
         this.isLink = true;
         this.node = {};
         this.formatPrefix = 'link';
         this.dataLabelOnNull = true;
-        this.formatPrefix = 'link';
-        this.dataLabelOnNull = true;
         if (point) {
             this.fromNode = point.node.parentNode.point;
             this.visible = point.visible;
@@ -48,6 +48,11 @@ class LinkPoint extends ColumnPoint {
             this.id = this.toNode.id + '-' + this.fromNode.id;
         }
     }
+    /* *
+     *
+     *  Functions
+     *
+     * */
     update(options, redraw, animation, runEvent) {
         const oldOptions = {
             id: this.id,

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

@@ -19,7 +19,7 @@ import TreegraphPoint from './TreegraphPoint.js';
 import TU from '../TreeUtilities.js';
 const { getLevelOptions, getNodeWidth } = TU;
 import U from '../../Core/Utilities.js';
-const { arrayMax, extend, merge, pick, relativeLength, splat } = U;
+const { arrayMax, crisp, extend, merge, pick, relativeLength, splat } = U;
 import TreegraphLink from './TreegraphLink.js';
 import TreegraphLayout from './TreegraphLayout.js';
 import TreegraphSeriesDefaults from './TreegraphSeriesDefaults.js';
@@ -209,13 +209,12 @@ class TreegraphSeries extends TreemapSeries {
         }
     }
     translateLink(link) {
-        const fromNode = link.fromNode, toNode = link.toNode, linkWidth = this.options.link.lineWidth, crisp = (Math.round(linkWidth) % 2) / 2, factor = pick(this.options.link.curveFactor, 0.5), type = pick(link.options.link && link.options.link.type, this.options.link.type);
+        const fromNode = link.fromNode, toNode = link.toNode, linkWidth = this.options.link?.lineWidth || 0, factor = pick(this.options.link?.curveFactor, 0.5), type = pick(link.options.link?.type, this.options.link?.type, 'default');
         if (fromNode.shapeArgs && toNode.shapeArgs) {
-            const fromNodeWidth = (fromNode.shapeArgs.width || 0), inverted = this.chart.inverted, y1 = Math.floor((fromNode.shapeArgs.y || 0) +
-                (fromNode.shapeArgs.height || 0) / 2) + crisp, y2 = Math.floor((toNode.shapeArgs.y || 0) +
-                (toNode.shapeArgs.height || 0) / 2) + crisp;
-            let x1 = Math.floor((fromNode.shapeArgs.x || 0) + fromNodeWidth) +
-                crisp, x2 = Math.floor(toNode.shapeArgs.x || 0) + crisp;
+            const fromNodeWidth = (fromNode.shapeArgs.width || 0), inverted = this.chart.inverted, y1 = crisp((fromNode.shapeArgs.y || 0) +
+                (fromNode.shapeArgs.height || 0) / 2, linkWidth), y2 = crisp((toNode.shapeArgs.y || 0) +
+                (toNode.shapeArgs.height || 0) / 2, linkWidth);
+            let x1 = crisp((fromNode.shapeArgs.x || 0) + fromNodeWidth, linkWidth), x2 = crisp(toNode.shapeArgs.x || 0, linkWidth);
             if (inverted) {
                 x1 -= fromNodeWidth;
                 x2 += (toNode.shapeArgs.width || 0);
@@ -223,7 +222,7 @@ class TreegraphSeries extends TreemapSeries {
             const diff = toNode.node.xPosition - fromNode.node.xPosition;
             link.shapeType = 'path';
             const fullWidth = Math.abs(x2 - x1) + fromNodeWidth, width = (fullWidth / diff) - fromNodeWidth, offset = width * factor * (inverted ? -1 : 1);
-            const xMiddle = Math.floor((x2 + x1) / 2) + crisp;
+            const xMiddle = crisp((x2 + x1) / 2, linkWidth);
             link.plotX = xMiddle;
             link.plotY = y2;
             link.shapeArgs = {
@@ -236,7 +235,7 @@ class TreegraphSeries extends TreemapSeries {
                     offset,
                     inverted,
                     parentVisible: toNode.visible,
-                    radius: this.options.link.radius
+                    radius: this.options.link?.radius
                 })
             };
             link.dlBox = {

package/assets/js/highcharts/es-modules/Series/Treemap/TreemapSeries.js

@@ -26,7 +26,7 @@ import TreemapUtilities from './TreemapUtilities.js';
 import TU from '../TreeUtilities.js';
 const { getColor, getLevelOptions, updateRootId } = TU;
 import U from '../../Core/Utilities.js';
-const { addEvent, correctFloat, defined, error, extend, fireEvent, isArray, isObject, isString, merge, pick, pushUnique, stableSort } = U;
+const { addEvent, correctFloat, crisp, defined, error, extend, fireEvent, isArray, isObject, isString, merge, pick, pushUnique, stableSort } = U;
 /* *
  *
  *  Constants
@@ -710,19 +710,19 @@ class TreemapSeries extends ScatterSeries {
         // using point.graphic.strokeWidth(), then modify and apply the
         // shapeArgs. This applies also to column series, but the
         // downside is performance and code complexity.
-        const getCrispCorrection = (point) => (styledMode ?
+        const getStrokeWidth = (point) => (styledMode ?
             0 :
-            ((series.pointAttribs(point)['stroke-width'] || 0) % 2) / 2);
+            (series.pointAttribs(point)['stroke-width'] || 0));
         for (const point of points) {
             const { pointValues: values, visible } = point.node;
             // Points which is ignored, have no values.
             if (values && visible) {
                 const { height, width, x, y } = values;
-                const crispCorr = getCrispCorrection(point);
-                const x1 = Math.round(xAxis.toPixels(x, true)) - crispCorr;
-                const x2 = Math.round(xAxis.toPixels(x + width, true)) - crispCorr;
-                const y1 = Math.round(yAxis.toPixels(y, true)) - crispCorr;
-                const y2 = Math.round(yAxis.toPixels(y + height, true)) - crispCorr;
+                const strokeWidth = getStrokeWidth(point);
+                const x1 = crisp(xAxis.toPixels(x, true), strokeWidth, true);
+                const x2 = crisp(xAxis.toPixels(x + width, true), strokeWidth, true);
+                const y1 = crisp(yAxis.toPixels(y, true), strokeWidth, true);
+                const y2 = crisp(yAxis.toPixels(y + height, true), strokeWidth, true);
                 // Set point values
                 const shapeArgs = {
                     x: Math.min(x1, x2),

package/assets/js/highcharts/es-modules/Series/Treemap/TreemapSeriesDefaults.js

@@ -71,7 +71,7 @@ const TreemapSeriesDefaults = {
      * @since 10.0.0
      * @product   highcharts
      * @extends   navigation.breadcrumbs
-     * @optionparent plotOptions.treemap.breadcrumbs
+     * @apioption plotOptions.treemap.breadcrumbs
      */
     /**
      * When the series contains less points than the crop threshold, all

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, extend, merge, pick } = U;
+const { addEvent, crisp, extend, merge, pick } = U;
 /* *
  *
  *  Class
@@ -130,7 +130,7 @@ VariwideSeries.defaultOptions = merge(ColumnSeries.defaultOptions, VariwideSerie
 // Extend translation by distorting X position based on Z.
 addEvent(VariwideSeries, 'afterColumnTranslate', function () {
     // Temporarily disable crisping when computing original shapeArgs
-    const xAxis = this.xAxis, inverted = this.chart.inverted, crisp = this.borderWidth % 2 / 2;
+    const xAxis = this.xAxis, inverted = this.chart.inverted;
     let i = -1;
     // Distort the points to reflect z dimension
     for (const point of this.points) {
@@ -148,8 +148,8 @@ addEvent(VariwideSeries, 'afterColumnTranslate', function () {
             right = xAxis.translate(point.x + z, false, false, false, true);
         }
         if (this.crispOption) {
-            left = Math.round(left) - crisp;
-            right = Math.round(right) - crisp;
+            left = crisp(left, this.borderWidth);
+            right = crisp(right, this.borderWidth);
         }
         shapeArgs.x = left;
         shapeArgs.width = Math.max(right - left, 1);

package/assets/js/highcharts/es-modules/Series/Venn/VennSeriesDefaults.js

@@ -136,7 +136,7 @@ const VennSeriesDefaults = {
  * @sample {highcharts} highcharts/demo/euler-diagram/
  *         Euler diagram
  *
- * @type      {number}
+ * @type      {string}
  * @since     7.0.0
  * @product   highcharts
  * @apioption series.venn.data.name
@@ -178,7 +178,7 @@ const VennSeriesDefaults = {
  * @excluding halo
  * @apioption series.venn.states.select
  */
-''; // Detach doclets above
+''; // Detachs doclets above
 /* *
  *
  *  Default Export

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

@@ -11,7 +11,7 @@
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { column: ColumnSeries, line: LineSeries } = SeriesRegistry.seriesTypes;
 import U from '../../Core/Utilities.js';
-const { addEvent, arrayMax, arrayMin, correctFloat, extend, isNumber, merge, objectEach, pick } = U;
+const { addEvent, arrayMax, arrayMin, correctFloat, crisp, extend, isNumber, merge, objectEach, pick } = U;
 import WaterfallAxis from '../../Core/Axis/WaterfallAxis.js';
 import WaterfallPoint from './WaterfallPoint.js';
 import WaterfallSeriesDefaults from './WaterfallSeriesDefaults.js';
@@ -134,7 +134,7 @@ class WaterfallSeries extends ColumnSeries {
     // Draw columns' connector lines
     getCrispPath() {
         const // Skip points where Y is not a number (#18636)
-        data = this.data.filter((d) => isNumber(d.y)), yAxis = this.yAxis, length = data.length, graphNormalizer = Math.round(this.graph.strokeWidth()) % 2 / 2, borderNormalizer = Math.round(this.borderWidth) % 2 / 2, reversedXAxis = this.xAxis.reversed, reversedYAxis = this.yAxis.reversed, stacking = this.options.stacking, path = [];
+        data = this.data.filter((d) => isNumber(d.y)), yAxis = this.yAxis, length = data.length, graphLineWidth = this.graph?.strokeWidth() || 0, reversedXAxis = this.xAxis.reversed, reversedYAxis = this.yAxis.reversed, stacking = this.options.stacking, path = [];
         for (let i = 1; i < length; i++) {
             if (!( // Skip lines that would pass over the null point (#18636)
             this.options.connectNulls ||
@@ -154,13 +154,11 @@ class WaterfallSeries extends ColumnSeries {
                 let yPos;
                 if (stacking) {
                     const connectorThreshold = prevStackX.connectorThreshold;
-                    yPos = Math.round((yAxis.translate(connectorThreshold, false, true, false, true) +
-                        (reversedYAxis ? isPos : 0))) - graphNormalizer;
+                    yPos = crisp(yAxis.translate(connectorThreshold, false, true, false, true) +
+                        (reversedYAxis ? isPos : 0), graphLineWidth);
                 }
                 else {
-                    yPos =
-                        prevBox.y + prevPoint.minPointLengthOffset +
-                            borderNormalizer - graphNormalizer;
+                    yPos = crisp(prevBox.y + (prevPoint.minPointLengthOffset || 0), graphLineWidth);
                 }
                 path.push([
                     'M',
@@ -492,15 +490,12 @@ addEvent(WaterfallSeries, 'afterColumnTranslate', function () {
                 box.height *= -1;
             }
         }
-        point.plotY = box.y =
-            Math.round(box.y || 0) - (series.borderWidth % 2) / 2;
-        // #3151
-        box.height =
-            Math.max(Math.round(box.height || 0), 0.001);
+        point.plotY = box.y;
         point.yBottom = box.y + box.height;
         if (box.height <= minPointLength && !point.isNull) {
             box.height = minPointLength;
             box.y -= halfMinPointLength;
+            point.yBottom = box.y + box.height;
             point.plotY = box.y;
             if (pointY < 0) {
                 point.minPointLengthOffset = -halfMinPointLength;
@@ -531,6 +526,10 @@ addEvent(WaterfallSeries, 'afterColumnTranslate', function () {
         }
         // Check point position after recalculation (#16788)
         point.isInside = this.isPointInside(point);
+        // Crisp vector coordinates
+        const crispBottom = crisp(point.yBottom, series.borderWidth);
+        box.y = crisp(box.y, series.borderWidth);
+        box.height = crispBottom - box.y;
         merge(true, point.shapeArgs, box);
     }
 }, { order: 2 });

package/assets/js/highcharts/es-modules/Series/XRange/XRangeSeries.js

@@ -17,7 +17,7 @@ const { parse: color } = Color;
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { column: ColumnSeries } = SeriesRegistry.seriesTypes;
 import U from '../../Core/Utilities.js';
-const { addEvent, clamp, defined, extend, find, isNumber, isObject, merge, pick, pushUnique, relativeLength } = U;
+const { addEvent, clamp, crisp, defined, extend, find, isNumber, isObject, merge, pick, pushUnique, relativeLength } = U;
 import XRangeSeriesDefaults from './XRangeSeriesDefaults.js';
 import XRangePoint from './XRangePoint.js';
 /* *
@@ -166,7 +166,7 @@ class XRangeSeries extends ColumnSeries {
     translatePoint(point) {
         const xAxis = this.xAxis, yAxis = this.yAxis, metrics = this.columnMetrics, options = this.options, minPointLength = options.minPointLength || 0, oldColWidth = (point.shapeArgs && point.shapeArgs.width || 0) / 2, seriesXOffset = this.pointXOffset = metrics.offset, posX = pick(point.x2, point.x + (point.len || 0)), borderRadius = options.borderRadius, plotTop = this.chart.plotTop, plotLeft = this.chart.plotLeft;
         let plotX = point.plotX, plotX2 = xAxis.translate(posX, 0, 0, 0, 1);
-        const length = Math.abs(plotX2 - plotX), inverted = this.chart.inverted, borderWidth = pick(options.borderWidth, 1), crisper = borderWidth % 2 / 2;
+        const length = Math.abs(plotX2 - plotX), inverted = this.chart.inverted, borderWidth = pick(options.borderWidth, 1);
         let widthDifference, partialFill, yOffset = metrics.offset, pointHeight = Math.round(metrics.width), dlLeft, dlRight, dlWidth, clipRectWidth;
         if (minPointLength) {
             widthDifference = minPointLength - length;
@@ -189,13 +189,13 @@ class XRangeSeries extends ColumnSeries {
             yAxis.categories) {
             point.plotY = yAxis.translate(point.y, 0, 1, 0, 1, options.pointPlacement);
         }
-        const x = Math.floor(Math.min(plotX, plotX2)) + crisper, x2 = Math.floor(Math.max(plotX, plotX2)) + crisper, width = x2 - x;
+        const x = crisp(Math.min(plotX, plotX2), borderWidth), x2 = crisp(Math.max(plotX, plotX2), borderWidth), width = x2 - x;
         const r = Math.min(relativeLength((typeof borderRadius === 'object' ?
             borderRadius.radius :
             borderRadius || 0), pointHeight), Math.min(width, pointHeight) / 2);
         const shapeArgs = {
             x,
-            y: Math.floor(point.plotY + yOffset) + crisper,
+            y: crisp((point.plotY || 0) + yOffset, borderWidth),
             width,
             height: pointHeight,
             r

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

@@ -840,8 +840,6 @@ class Navigator {
                 ordinal: baseXaxis.options.ordinal,
                 overscroll: baseXaxis.options.overscroll
             }, navigatorOptions.xAxis, {
-                id: 'navigator-x-axis',
-                yAxis: 'navigator-y-axis',
                 type: 'datetime',
                 index: xAxisIndex,
                 isInternal: true,
@@ -860,7 +858,6 @@ class Navigator {
                 height: height
             }), 'xAxis');
             navigator.yAxis = new Axis(chart, merge(navigatorOptions.yAxis, {
-                id: 'navigator-y-axis',
                 alignTicks: false,
                 offset: 0,
                 index: yAxisIndex,
@@ -1012,8 +1009,8 @@ class Navigator {
             linkedTo: null,
             group: 'nav',
             padXAxis: false,
-            xAxis: 'navigator-x-axis',
-            yAxis: 'navigator-y-axis',
+            xAxis: this.navigatorOptions.xAxis?.id,
+            yAxis: this.navigatorOptions.yAxis?.id,
             showInLegend: false,
             stacking: void 0,
             isInternal: true,

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

@@ -114,6 +114,15 @@ const NavigatorDefaults = {
          * @since   6.0.0
          */
         width: 7,
+        /**
+         * Border radius of the handles.
+         *
+         * @sample {highstock} stock/navigator/handles-border-radius/
+         *      Border radius on the navigator handles.
+         *
+         * @since 11.4.2
+         */
+        borderRadius: 0,
         /**
          * Height for handles.
          *
@@ -425,6 +434,7 @@ const NavigatorDefaults = {
         tickLength: 0,
         lineWidth: 0,
         gridLineColor: "#e6e6e6" /* Palette.neutralColor10 */,
+        id: 'navigator-x-axis',
         gridLineWidth: 1,
         tickPixelInterval: 200,
         labels: {
@@ -478,6 +488,7 @@ const NavigatorDefaults = {
         startOnTick: false,
         endOnTick: false,
         minPadding: 0.1,
+        id: 'navigator-y-axis',
         maxPadding: 0.1,
         labels: {
             enabled: false

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

@@ -8,6 +8,9 @@
  *
  * */
 'use strict';
+import rect from '../../Core/Renderer/SVG/Symbols.js';
+import U from '../../Core/Utilities.js';
+const { relativeLength } = U;
 /* *
  *
  *  Constants
@@ -18,18 +21,14 @@
  * @private
  */
 function navigatorHandle(_x, _y, width, height, options = {}) {
-    const halfWidth = options.width ? options.width / 2 : width, markerPosition = Math.round(halfWidth / 3) + 0.5;
+    const halfWidth = options.width ? options.width / 2 : width, markerPosition = 1.5, r = relativeLength(options.borderRadius || 0, Math.min(halfWidth * 2, height));
     height = options.height || height;
     return [
-        ['M', -halfWidth - 1, 0.5],
-        ['L', halfWidth, 0.5],
-        ['L', halfWidth, height + 0.5],
-        ['L', -halfWidth - 1, height + 0.5],
-        ['L', -halfWidth - 1, 0.5],
-        ['M', -markerPosition, 4],
-        ['L', -markerPosition, height - 3],
-        ['M', markerPosition - 1, 4],
-        ['L', markerPosition - 1, height - 3]
+        ['M', -markerPosition, height / 2 - 3.5],
+        ['L', -markerPosition, height / 2 + 4.5],
+        ['M', markerPosition - 1, height / 2 - 3.5],
+        ['L', markerPosition - 1, height / 2 + 4.5],
+        ...rect.rect(-halfWidth - 1, 0.5, halfWidth * 2 + 1, height, { r })
     ];
 }
 /* *