@ntlab/ntjs-assets 2.0.20 → 2.0.22

package/assets/js/highcharts/es-modules/Core/Axis/RadialAxisDefaults.js

@@ -0,0 +1,128 @@
+/* *
+ *
+ *  (c) 2010-2024 Torstein Honsi
+ *
+ *  Extension for radial axes
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+'use strict';
+/**
+     * Circular axis around the perimeter of a polar chart.
+     * @private
+     */
+const defaultCircularOptions = {
+    gridLineWidth: 1,
+    labels: {
+        align: void 0,
+        x: 0,
+        y: void 0,
+        style: {
+            textOverflow: 'none' // Wrap lines by default (#7248)
+        }
+    },
+    maxPadding: 0,
+    minPadding: 0,
+    showLastLabel: false,
+    tickLength: 0
+};
+/**
+ * The default options extend defaultYAxisOptions.
+ * @private
+ */
+const defaultRadialGaugeOptions = {
+    endOnTick: false,
+    gridLineWidth: 0,
+    labels: {
+        align: 'center',
+        distance: -25,
+        x: 0,
+        y: void 0 // Auto
+    },
+    lineWidth: 1,
+    minorGridLineWidth: 0,
+    minorTickInterval: 'auto',
+    minorTickLength: 10,
+    minorTickPosition: 'inside',
+    minorTickWidth: 1,
+    startOnTick: false,
+    tickLength: 10,
+    tickPixelInterval: 100,
+    tickPosition: 'inside',
+    tickWidth: 2,
+    title: {
+        rotation: 0,
+        text: ''
+    },
+    zIndex: 2 // Behind dials, points in the series group
+};
+/**
+ * Radial axis, like a spoke in a polar chart.
+ * @private
+ */
+const defaultRadialOptions = {
+    /**
+     * In a polar chart, this is the angle of the Y axis in degrees, where
+     * 0 is up and 90 is right. The angle determines the position of the
+     * axis line and the labels, though the coordinate system is unaffected.
+     * Since v8.0.0 this option is also applicable for X axis (inverted
+     * polar).
+     *
+     * @sample {highcharts} highcharts/xaxis/angle/
+     *         Custom X axis' angle on inverted polar chart
+     * @sample {highcharts} highcharts/yaxis/angle/
+     *         Dual axis polar chart
+     *
+     * @type      {number}
+     * @default   0
+     * @since     4.2.7
+     * @product   highcharts
+     * @apioption xAxis.angle
+     */
+    /**
+     * Polar charts only. Whether the grid lines should draw as a polygon
+     * with straight lines between categories, or as circles. Can be either
+     * `circle` or `polygon`. Since v8.0.0 this option is also applicable
+     * for X axis (inverted polar).
+     *
+     * @sample {highcharts} highcharts/demo/polar-spider/
+     *         Polygon grid lines
+     * @sample {highcharts} highcharts/xaxis/gridlineinterpolation/
+     *         Circle and polygon on inverted polar
+     * @sample {highcharts} highcharts/yaxis/gridlineinterpolation/
+     *         Circle and polygon
+     *
+     * @type       {string}
+     * @product    highcharts
+     * @validvalue ["circle", "polygon"]
+     * @apioption  xAxis.gridLineInterpolation
+     */
+    gridLineInterpolation: 'circle',
+    gridLineWidth: 1,
+    labels: {
+        align: 'right',
+        padding: 5,
+        x: -3,
+        y: -2
+    },
+    showLastLabel: false,
+    title: {
+        x: 4,
+        text: null,
+        rotation: 90
+    }
+};
+/* *
+ *
+ *  Default Export
+ *
+ * */
+const RadialAxisDefaults = {
+    circular: defaultCircularOptions,
+    radial: defaultRadialOptions,
+    radialGauge: defaultRadialGaugeOptions
+};
+export default RadialAxisDefaults;

package/assets/js/highcharts/es-modules/Core/Axis/Tick.js

@@ -173,7 +173,7 @@ class Tick {
                     });
                     if (label.getBBox().width <
                         axis.getSlotWidth(tick) - 2 *
-                            labelOptions.padding) {
+                            (labelOptions.padding || 0)) {
                         return;
                     }
                 }
@@ -362,7 +362,7 @@ class Tick {
      * Extendible method to return the path of the marker
      * @private
      */
-    getMarkPath(x, y, tickLength, tickWidth, horiz, renderer) {
+    getMarkPath(x, y, tickLength, tickWidth, horiz = false, renderer) {
         return renderer.crispLine([[
                 'M',
                 x,
@@ -490,9 +490,7 @@ class Tick {
      * @param {number} [opacity]
      */
     render(index, old, opacity) {
-        const tick = this, axis = tick.axis, horiz = axis.horiz, pos = tick.pos, tickmarkOffset = pick(tick.tickmarkOffset, axis.tickmarkOffset), xy = tick.getPosition(horiz, pos, tickmarkOffset, old), x = xy.x, y = xy.y, axisStart = axis.pos, axisEnd = axisStart + axis.len, reverseCrisp = ((horiz && x === axisEnd) ||
-            (!horiz && y === axisStart)) ? -1 : 1, // #1480, #1687
-        pxPos = horiz ? x : y;
+        const tick = this, axis = tick.axis, horiz = axis.horiz, pos = tick.pos, tickmarkOffset = pick(tick.tickmarkOffset, axis.tickmarkOffset), xy = tick.getPosition(horiz, pos, tickmarkOffset, old), x = xy.x, y = xy.y, axisStart = axis.pos, axisEnd = axisStart + axis.len, pxPos = horiz ? x : y;
         // Anything that is not between `axis.pos` and `axis.pos + axis.length`
         // should not be visible (#20166). The `correctFloat` is for reversed
         // axes in Safari.
@@ -506,9 +504,9 @@ class Tick {
         opacity = pick(opacity, 1);
         this.isActive = true;
         // Create the grid line
-        this.renderGridLine(old, opacity, reverseCrisp);
+        this.renderGridLine(old, opacity);
         // Create the tick mark
-        this.renderMark(xy, opacity, reverseCrisp);
+        this.renderMark(xy, opacity);
         // The label is created on init - now move it into place
         this.renderLabel(xy, old, labelOpacity, index);
         tick.isNew = false;
@@ -521,9 +519,8 @@ class Tick {
      * @function Highcharts.Tick#renderGridLine
      * @param {boolean} old  Whether or not the tick is old
      * @param {number} opacity  The opacity of the grid line
-     * @param {number} reverseCrisp  Modifier for avoiding overlapping 1 or -1
      */
-    renderGridLine(old, opacity, reverseCrisp) {
+    renderGridLine(old, opacity) {
         const tick = this, axis = tick.axis, options = axis.options, attribs = {}, pos = tick.pos, type = tick.type, tickmarkOffset = pick(tick.tickmarkOffset, axis.tickmarkOffset), renderer = axis.chart.renderer;
         let gridLine = tick.gridLine, gridLinePath, gridLineWidth = options.gridLineWidth, gridLineColor = options.gridLineColor, dashStyle = options.gridLineDashStyle;
         if (tick.type === 'minor') {
@@ -556,7 +553,7 @@ class Tick {
         if (gridLine) {
             gridLinePath = axis.getPlotLinePath({
                 value: pos + tickmarkOffset,
-                lineWidth: gridLine.strokeWidth() * reverseCrisp,
+                lineWidth: gridLine.strokeWidth(),
                 force: 'pass',
                 old: old,
                 acrossPanes: false // #18025
@@ -578,9 +575,8 @@ class Tick {
      * @function Highcharts.Tick#renderMark
      * @param {Highcharts.PositionObject} xy  The position vector of the mark
      * @param {number} opacity  The opacity of the mark
-     * @param {number} reverseCrisp  Modifier for avoiding overlapping 1 or -1
      */
-    renderMark(xy, opacity, reverseCrisp) {
+    renderMark(xy, opacity) {
         const tick = this, axis = tick.axis, options = axis.options, renderer = axis.chart.renderer, type = tick.type, tickSize = axis.tickSize(type ? type + 'Tick' : 'tick'), x = xy.x, y = xy.y, tickWidth = pick(options[type !== 'minor' ? 'tickWidth' : 'minorTickWidth'], !type && axis.isXAxis ? 1 : 0), // X axis defaults to 1
         tickColor = options[type !== 'minor' ? 'tickColor' : 'minorTickColor'];
         let mark = tick.mark;
@@ -608,7 +604,7 @@ class Tick {
                 }
             }
             mark[isNewMark ? 'attr' : 'animate']({
-                d: tick.getMarkPath(x, y, tickSize[0], mark.strokeWidth() * reverseCrisp, axis.horiz, renderer),
+                d: tick.getMarkPath(x, y, tickSize[0], mark.strokeWidth(), axis.horiz, renderer),
                 opacity: opacity
             });
         }

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

@@ -1321,7 +1321,7 @@ class Chart {
      * @emits Highcharts.Chart#event:afterSetChartSize
      */
     setChartSize(skipAxes) {
-        const chart = this, inverted = chart.inverted, renderer = chart.renderer, chartWidth = chart.chartWidth, chartHeight = chart.chartHeight, optionsChart = chart.options.chart, spacing = chart.spacing, clipOffset = chart.clipOffset;
+        const chart = this, { chartHeight, chartWidth, inverted, spacing, renderer } = chart, clipOffset = chart.clipOffset, clipRoundFunc = Math[inverted ? 'floor' : 'round'];
         let plotLeft, plotTop, plotWidth, plotHeight;
         /**
          * The current left position of the plot area in pixels.
@@ -1353,7 +1353,6 @@ class Chart {
         chart.plotHeight = plotHeight = Math.max(0, Math.round(chartHeight - plotTop - chart.marginBottom));
         chart.plotSizeX = inverted ? plotHeight : plotWidth;
         chart.plotSizeY = inverted ? plotWidth : plotHeight;
-        chart.plotBorderWidth = optionsChart.plotBorderWidth || 0;
         // Set boxes used for alignment
         chart.spacingBox = renderer.spacingBox = {
             x: spacing[3],
@@ -1367,17 +1366,15 @@ class Chart {
             width: plotWidth,
             height: plotHeight
         };
-        const plotBorderWidth = 2 * Math.floor(chart.plotBorderWidth / 2), clipX = Math.ceil(Math.max(plotBorderWidth, clipOffset[3]) / 2), clipY = Math.ceil(Math.max(plotBorderWidth, clipOffset[0]) / 2);
-        chart.clipBox = {
-            x: clipX,
-            y: clipY,
-            width: Math.floor(chart.plotSizeX -
-                Math.max(plotBorderWidth, clipOffset[1]) / 2 -
-                clipX),
-            height: Math.max(0, Math.floor(chart.plotSizeY -
-                Math.max(plotBorderWidth, clipOffset[2]) / 2 -
-                clipY))
-        };
+        // Compute the clipping box
+        if (clipOffset) {
+            chart.clipBox = {
+                x: clipRoundFunc(clipOffset[3]),
+                y: clipRoundFunc(clipOffset[0]),
+                width: clipRoundFunc(chart.plotSizeX - clipOffset[1] - clipOffset[3]),
+                height: clipRoundFunc(chart.plotSizeY - clipOffset[0] - clipOffset[2])
+            };
+        }
         if (!skipAxes) {
             chart.axes.forEach(function (axis) {
                 axis.setAxisSize();
@@ -1395,7 +1392,7 @@ class Chart {
      */
     resetMargins() {
         fireEvent(this, 'resetMargins');
-        const chart = this, chartOptions = chart.options.chart;
+        const chart = this, chartOptions = chart.options.chart, plotBorderWidth = chartOptions.plotBorderWidth || 0, halfWidth = plotBorderWidth / 2;
         // Create margin and spacing array
         ['margin', 'spacing'].forEach(function splashArrays(target) {
             const value = chartOptions[target], values = isObject(value) ? value : [value, value, value, value];
@@ -1414,7 +1411,13 @@ class Chart {
             chart[m] = pick(chart.margin[side], chart.spacing[side]);
         });
         chart.axisOffset = [0, 0, 0, 0]; // Top, right, bottom, left
-        chart.clipOffset = [0, 0, 0, 0];
+        chart.clipOffset = [
+            halfWidth,
+            halfWidth,
+            halfWidth,
+            halfWidth
+        ];
+        chart.plotBorderWidth = plotBorderWidth;
     }
     /**
      * Internal function to draw or redraw the borders and backgrounds for chart
@@ -1657,7 +1660,8 @@ class Chart {
         chart.setChartSize();
         for (const axis of axes) {
             const { options } = axis, { labels } = options;
-            if (axis.horiz &&
+            if (chart.hasCartesianSeries && // #20948
+                axis.horiz &&
                 axis.visible &&
                 labels.enabled &&
                 axis.series.length &&
@@ -2579,7 +2583,7 @@ class Chart {
         // Remove active points for shared tooltip
         this.hoverPoints?.forEach((point) => point.setState());
         for (const axis of axes) {
-            const { horiz, len, minPointOffset = 0, options, reversed } = axis, wh = horiz ? 'width' : 'height', xy = horiz ? 'x' : 'y', toLength = to[wh] || axis.len, fromLength = from[wh] || axis.len, 
+            const { horiz, len, minPointOffset = 0, options, reversed } = axis, wh = horiz ? 'width' : 'height', xy = horiz ? 'x' : 'y', toLength = pick(to[wh], axis.len), fromLength = pick(from[wh], axis.len), 
             // If fingers pinched very close on this axis, treat as pan
             scale = Math.abs(toLength) < 10 ?
                 1 :

package/assets/js/highcharts/es-modules/Core/Chart/ChartDefaults.js

@@ -413,7 +413,7 @@ const ChartDefaults = {
      *
      * @type      {number}
      * @default   2
-     * @since     @next
+     * @since     11.3.0
      * @apioption chart.axisLayoutRuns
      */
     /**
@@ -1155,13 +1155,15 @@ const ChartDefaults = {
      * element's height is 0.
      *
      * @sample {highcharts} highcharts/chart/height/
-     *         500px height
+     *         Forced 200px height
      * @sample {highstock} stock/chart/height/
      *         300px height
      * @sample {highmaps} maps/chart/size/
      *         Chart with explicit size
      * @sample highcharts/chart/height-percent/
      *         Highcharts with percentage height
+     * @sample highcharts/chart/height-inherited/
+     *         Chart with inherited height
      *
      * @type {null|number|string}
      */

package/assets/js/highcharts/es-modules/Core/Chart/StockChart.js

@@ -19,7 +19,7 @@ import ScrollbarDefaults from '../../Stock/Scrollbar/ScrollbarDefaults.js';
 import StockUtilities from '../../Stock/Utilities/StockUtilities.js';
 const { setFixedRange } = StockUtilities;
 import U from '../Utilities.js';
-const { addEvent, clamp, defined, extend, find, isNumber, isString, merge, pick, splat } = U;
+const { addEvent, clamp, crisp, defined, extend, find, isNumber, isString, merge, pick, splat } = U;
 /* *
  *
  *  Functions
@@ -638,15 +638,11 @@ addEvent(Chart, 'update', function (e) {
         // normalize to a crisp line
         for (let i = 0; i < points.length; i = i + 2) {
             const start = points[i], end = points[i + 1];
-            if (start[1] === end[1]) {
-                // Subtract due to #1129. Now bottom and left axis gridlines
-                // behave the same.
-                start[1] = end[1] =
-                    Math.round(start[1]) - (width % 2 / 2);
+            if (defined(start[1]) && start[1] === end[1]) {
+                start[1] = end[1] = crisp(start[1], width);
             }
-            if (start[2] === end[2]) {
-                start[2] = end[2] =
-                    Math.round(start[2]) + (width % 2 / 2);
+            if (defined(start[2]) && start[2] === end[2]) {
+                start[2] = end[2] = crisp(start[2], width);
             }
         }
         return points;