@ntlab/ntjs-assets 2.73.0 → 2.74.0

package/assets/js/highcharts/es-modules/Extensions/Annotations/Popup/PopupAnnotations.js

@@ -87,12 +87,18 @@ function addToolbar(chart, options, callback) {
         showForm.call(this, 'annotation-edit', chart, options, callback);
     });
     button.className += ' highcharts-annotation-edit-button';
-    button.style['background-image'] = 'url(' +
-        this.iconsURL + 'edit.svg)';
+    createElement('span', {
+        className: 'highcharts-icon'
+    }, {
+        backgroundImage: `url(${this.iconsURL}edit.svg)`
+    }, button);
     button = this.addButton(popupDiv, lang.removeButton || 'Remove', 'remove', popupDiv, callback);
     button.className += ' highcharts-annotation-remove-button';
-    button.style['background-image'] = 'url(' +
-        this.iconsURL + 'destroy.svg)';
+    createElement('span', {
+        className: 'highcharts-icon'
+    }, {
+        backgroundImage: `url(${this.iconsURL}destroy.svg)`
+    }, button);
 }
 /**
  * Create annotation's form fields.

package/assets/js/highcharts/es-modules/Extensions/Annotations/Popup/PopupComposition.js

@@ -47,7 +47,7 @@ function onNavigationBindingsShowPopup(config) {
         this.popup = new Popup(this.chart.container, (this.chart.options.navigation.iconsURL ||
             (this.chart.options.stockTools &&
                 this.chart.options.stockTools.gui.iconsURL) ||
-            'https://code.highcharts.com/12.2.0/gfx/stock-icons/'), this.chart);
+            'https://code.highcharts.com/12.3.0/gfx/stock-icons/'), this.chart);
     }
     this.popup.showForm(config.formType, this.chart, config.options, config.onSubmit);
 }

package/assets/js/highcharts/es-modules/Extensions/Annotations/Types/BasicAnnotation.js

@@ -6,8 +6,6 @@
 'use strict';
 import Annotation from '../Annotation.js';
 import MockPoint from '../MockPoint.js';
-import U from '../../../Core/Utilities.js';
-const { merge } = U;
 /* *
  *
  *  Class
@@ -214,7 +212,6 @@ BasicAnnotation.basicControlPoints = {
             }
         }]
 };
-BasicAnnotation.prototype.defaultOptions = merge(Annotation.prototype.defaultOptions, {});
 Annotation.types.basicAnnotation = BasicAnnotation;
 /* *
  *

package/assets/js/highcharts/es-modules/Extensions/Annotations/Types/CrookedLine.js

@@ -6,9 +6,106 @@
 'use strict';
 import Annotation from '../Annotation.js';
 import ControlPoint from '../ControlPoint.js';
+import D from '../../../Core/Defaults.js';
+const { defaultOptions } = D;
 import MockPoint from '../MockPoint.js';
 import U from '../../../Core/Utilities.js';
 const { merge } = U;
+if (defaultOptions.annotations) {
+    /**
+    * Options for the crooked line annotation type.
+    *
+    * @sample highcharts/annotations-advanced/crooked-line/
+    *         Crooked line
+    *
+    * @product      highstock
+    * @optionparent annotations.types.crookedLine
+    */
+    defaultOptions.annotations.types.crookedLine = {
+        /**
+         * @extends   annotations.labelOptions
+         * @apioption annotations.types.crookedLine.labelOptions
+         */
+        /**
+         * @extends   annotations.shapeOptions
+         * @apioption annotations.types.crookedLine.shapeOptions
+         */
+        /**
+         * Additional options for an annotation with the type.
+         */
+        typeOptions: {
+            /**
+             * This number defines which xAxis the point is connected to.
+             * It refers to either the axis id or the index of the axis
+             * in the xAxis array.
+             */
+            xAxis: 0,
+            /**
+             * This number defines which yAxis the point is connected to.
+             * It refers to either the axis id or the index of the axis
+             * in the xAxis array.
+             */
+            yAxis: 0,
+            /**
+             * @type      {Array<*>}
+             * @apioption annotations.types.crookedLine.typeOptions.points
+             */
+            /**
+             * The x position of the point.
+             *
+             * @type      {number}
+             * @apioption annotations.types.crookedLine.typeOptions.points.x
+             */
+            /**
+             * The y position of the point.
+             *
+             * @type      {number}
+             * @apioption annotations.types.crookedLine.typeOptions.points.y
+             */
+            /**
+             * @type      {number}
+             * @excluding positioner, events
+             * @apioption annotations.types.crookedLine.typeOptions.points.controlPoint
+             */
+            /**
+             * Line options.
+             *
+             * @excluding height, point, points, r, type, width
+             */
+            line: {
+                fill: 'none'
+            }
+        },
+        /**
+         * @excluding positioner, events
+         */
+        controlPointOptions: {
+            positioner: function (target) {
+                const graphic = this.graphic, xy = MockPoint.pointToPixels(target.points[this.index]);
+                return {
+                    x: xy.x - (graphic.width || 0) / 2,
+                    y: xy.y - (graphic.height || 0) / 2
+                };
+            },
+            events: {
+                drag: function (e, target) {
+                    if (target.chart.isInsidePlot(e.chartX - target.chart.plotLeft, e.chartY - target.chart.plotTop, {
+                        visiblePlotOnly: true
+                    })) {
+                        const translation = this.mouseMoveToTranslation(e), typeOptions = target.options.typeOptions;
+                        target.translatePoint(translation.x, translation.y, this.index);
+                        // Update options:
+                        typeOptions.points[this.index].x =
+                            target.points[this.index].x;
+                        typeOptions.points[this.index].y =
+                            target.points[this.index].y;
+                        target.redraw(false);
+                    }
+                }
+            }
+        }
+    };
+}
 /* *
  *
  *  Class
@@ -57,100 +154,6 @@ class CrookedLine extends Annotation {
         typeOptions.line = shape.options;
     }
 }
-CrookedLine.prototype.defaultOptions = merge(Annotation.prototype.defaultOptions, 
-/**
- * A crooked line annotation.
- *
- * @sample highcharts/annotations-advanced/crooked-line/
- *         Crooked line
- *
- * @product      highstock
- * @optionparent annotations.crookedLine
- */
-{
-    /**
-     * @extends   annotations.labelOptions
-     * @apioption annotations.crookedLine.labelOptions
-     */
-    /**
-     * @extends   annotations.shapeOptions
-     * @apioption annotations.crookedLine.shapeOptions
-     */
-    /**
-     * Additional options for an annotation with the type.
-     */
-    typeOptions: {
-        /**
-         * This number defines which xAxis the point is connected to.
-         * It refers to either the axis id or the index of the axis
-         * in the xAxis array.
-         */
-        xAxis: 0,
-        /**
-         * This number defines which yAxis the point is connected to.
-         * It refers to either the axis id or the index of the axis
-         * in the xAxis array.
-         */
-        yAxis: 0,
-        /**
-         * @type      {Array<*>}
-         * @apioption annotations.crookedLine.typeOptions.points
-         */
-        /**
-         * The x position of the point.
-         *
-         * @type      {number}
-         * @apioption annotations.crookedLine.typeOptions.points.x
-         */
-        /**
-         * The y position of the point.
-         *
-         * @type      {number}
-         * @apioption annotations.crookedLine.typeOptions.points.y
-         */
-        /**
-         * @type      {number}
-         * @excluding positioner, events
-         * @apioption annotations.crookedLine.typeOptions.points.controlPoint
-         */
-        /**
-         * Line options.
-         *
-         * @excluding height, point, points, r, type, width
-         */
-        line: {
-            fill: 'none'
-        }
-    },
-    /**
-     * @excluding positioner, events
-     */
-    controlPointOptions: {
-        positioner: function (target) {
-            const graphic = this.graphic, xy = MockPoint.pointToPixels(target.points[this.index]);
-            return {
-                x: xy.x - (graphic.width || 0) / 2,
-                y: xy.y - (graphic.height || 0) / 2
-            };
-        },
-        events: {
-            drag: function (e, target) {
-                if (target.chart.isInsidePlot(e.chartX - target.chart.plotLeft, e.chartY - target.chart.plotTop, {
-                    visiblePlotOnly: true
-                })) {
-                    const translation = this.mouseMoveToTranslation(e), typeOptions = target.options.typeOptions;
-                    target.translatePoint(translation.x, translation.y, this.index);
-                    // Update options:
-                    typeOptions.points[this.index].x =
-                        target.points[this.index].x;
-                    typeOptions.points[this.index].y =
-                        target.points[this.index].y;
-                    target.redraw(false);
-                }
-            }
-        }
-    }
-});
 Annotation.types.crookedLine = CrookedLine;
 /* *
  *

package/assets/js/highcharts/es-modules/Extensions/Annotations/Types/ElliottWave.js

@@ -6,8 +6,51 @@
 'use strict';
 import Annotation from '../Annotation.js';
 import CrookedLine from './CrookedLine.js';
+import D from '../../../Core/Defaults.js';
+const { defaultOptions } = D;
 import U from '../../../Core/Utilities.js';
 const { merge } = U;
+if (defaultOptions.annotations) {
+    defaultOptions.annotations.types.elliottWave = merge(defaultOptions.annotations.types.crookedLine, 
+    /**
+     * Options for the elliott wave annotation type.
+     *
+     * @sample highcharts/annotations-advanced/elliott-wave/
+     *         Elliott wave
+     *
+     * @extends      annotations.types.crookedLine
+     * @product      highstock
+     * @optionparent annotations.types.elliottWave
+     */
+    {
+        typeOptions: {
+            /**
+             * @extends   annotations.types.crookedLine.labelOptions
+             * @apioption annotations.types.elliottWave.typeOptions.points.label
+             */
+            /**
+             * @ignore-option
+             */
+            labels: ['(0)', '(A)', '(B)', '(C)', '(D)', '(E)'],
+            line: {
+                strokeWidth: 1
+            }
+        },
+        labelOptions: {
+            align: 'center',
+            allowOverlap: true,
+            crop: true,
+            overflow: 'none',
+            type: 'rect',
+            backgroundColor: 'none',
+            borderWidth: 0,
+            y: -5,
+            style: {
+                color: "#333333" /* Palette.neutralColor80 */
+            }
+        }
+    });
+}
 /* *
  *
  *  Class
@@ -31,42 +74,6 @@ class ElliottWave extends CrookedLine {
         });
     }
 }
-ElliottWave.prototype.defaultOptions = merge(CrookedLine.prototype.defaultOptions, 
-/**
- * An elliott wave annotation.
- *
- * @sample highcharts/annotations-advanced/elliott-wave/
- *         Elliott wave
- *
- * @extends      annotations.crookedLine
- * @product      highstock
- * @optionparent annotations.elliottWave
- */
-{
-    typeOptions: {
-        /**
-         * @extends   annotations.crookedLine.labelOptions
-         * @apioption annotations.elliottWave.typeOptions.points.label
-         */
-        /**
-         * @ignore-option
-         */
-        labels: ['(0)', '(A)', '(B)', '(C)', '(D)', '(E)'],
-        line: {
-            strokeWidth: 1
-        }
-    },
-    labelOptions: {
-        align: 'center',
-        allowOverlap: true,
-        crop: true,
-        overflow: 'none',
-        type: 'rect',
-        backgroundColor: 'none',
-        borderWidth: 0,
-        y: -5
-    }
-});
 Annotation.types.elliottWave = ElliottWave;
 /* *
  *

package/assets/js/highcharts/es-modules/Extensions/Annotations/Types/Fibonacci.js

@@ -5,10 +5,96 @@
  * */
 'use strict';
 import Annotation from '../Annotation.js';
+import D from '../../../Core/Defaults.js';
+const { defaultOptions } = D;
 import MockPoint from '../MockPoint.js';
 import Tunnel from './Tunnel.js';
 import U from '../../../Core/Utilities.js';
 const { merge } = U;
+if (defaultOptions.annotations) {
+    defaultOptions.annotations.types.fibonacci = merge(defaultOptions.annotations.types.tunnel, 
+    /**
+     * Options for the fibonacci annotation type.
+     *
+     * @sample highcharts/annotations-advanced/fibonacci/
+     *         Fibonacci
+     *
+     * @extends      annotations.types.crookedLine
+     * @product      highstock
+     * @optionparent annotations.types.fibonacci
+     */
+    {
+        typeOptions: {
+            /**
+             * Whether the annotation levels should be reversed. By default
+             * they start from 0 and go to 1.
+             *
+             * @sample highcharts/annotations-advanced/fibonacci-reversed/
+             *         Fibonacci annotation reversed
+             *
+             * @type {boolean}
+             * @apioption annotations.types.fibonacci.typeOptions.reversed
+             */
+            reversed: false,
+            /**
+             * The height of the fibonacci in terms of yAxis.
+             */
+            height: 2,
+            /**
+             * An array of background colors:
+             * Default to:
+             * ```
+             * [
+             * 'rgba(130, 170, 255, 0.4)',
+             * 'rgba(139, 191, 216, 0.4)',
+             * 'rgba(150, 216, 192, 0.4)',
+             * 'rgba(156, 229, 161, 0.4)',
+             * 'rgba(162, 241, 130, 0.4)',
+             * 'rgba(169, 255, 101, 0.4)'
+             * ]
+             * ```
+             */
+            backgroundColors: [
+                'rgba(130, 170, 255, 0.4)',
+                'rgba(139, 191, 216, 0.4)',
+                'rgba(150, 216, 192, 0.4)',
+                'rgba(156, 229, 161, 0.4)',
+                'rgba(162, 241, 130, 0.4)',
+                'rgba(169, 255, 101, 0.4)'
+            ],
+            /**
+             * The color of line.
+             */
+            lineColor: "#999999" /* Palette.neutralColor40 */,
+            /**
+             * An array of colors for the lines.
+             */
+            lineColors: [],
+            /**
+             * An array with options for the labels.
+             *
+             * @type      {Array<*>}
+             * @extends   annotations.types.crookedLine.labelOptions
+             * @apioption annotations.types.fibonacci.typeOptions.labels
+             */
+            labels: []
+        },
+        labelOptions: {
+            allowOverlap: true,
+            align: 'right',
+            backgroundColor: 'none',
+            borderWidth: 0,
+            crop: false,
+            overflow: 'none',
+            shape: 'rect',
+            style: {
+                color: "#333333" /* Palette.neutralColor80 */
+            },
+            verticalAlign: 'middle',
+            y: 0
+        }
+    });
+}
 /* *
  *
  *  Functions
@@ -117,88 +203,6 @@ class Fibonacci extends Tunnel {
  *
  * */
 Fibonacci.levels = [0, 0.236, 0.382, 0.5, 0.618, 0.786, 1];
-Fibonacci.prototype.defaultOptions = merge(Tunnel.prototype.defaultOptions, 
-/**
- * A fibonacci annotation.
- *
- * @sample highcharts/annotations-advanced/fibonacci/
- *         Fibonacci
- *
- * @extends      annotations.crookedLine
- * @product      highstock
- * @optionparent annotations.fibonacci
- */
-{
-    typeOptions: {
-        /**
-         * Whether the annotation levels should be reversed. By default they
-         * start from 0 and go to 1.
-         *
-         * @sample highcharts/annotations-advanced/fibonacci-reversed/
-         *         Fibonacci annotation reversed
-         *
-         * @type {boolean}
-         * @apioption annotations.fibonacci.typeOptions.reversed
-         */
-        reversed: false,
-        /**
-         * The height of the fibonacci in terms of yAxis.
-         */
-        height: 2,
-        /**
-         * An array of background colors:
-         * Default to:
-         * ```
-         * [
-         * 'rgba(130, 170, 255, 0.4)',
-         * 'rgba(139, 191, 216, 0.4)',
-         * 'rgba(150, 216, 192, 0.4)',
-         * 'rgba(156, 229, 161, 0.4)',
-         * 'rgba(162, 241, 130, 0.4)',
-         * 'rgba(169, 255, 101, 0.4)'
-         * ]
-         * ```
-         */
-        backgroundColors: [
-            'rgba(130, 170, 255, 0.4)',
-            'rgba(139, 191, 216, 0.4)',
-            'rgba(150, 216, 192, 0.4)',
-            'rgba(156, 229, 161, 0.4)',
-            'rgba(162, 241, 130, 0.4)',
-            'rgba(169, 255, 101, 0.4)'
-        ],
-        /**
-         * The color of line.
-         */
-        lineColor: "#999999" /* Palette.neutralColor40 */,
-        /**
-         * An array of colors for the lines.
-         */
-        lineColors: [],
-        /**
-         * An array with options for the labels.
-         *
-         * @type      {Array<*>}
-         * @extends   annotations.crookedLine.labelOptions
-         * @apioption annotations.fibonacci.typeOptions.labels
-         */
-        labels: []
-    },
-    labelOptions: {
-        allowOverlap: true,
-        align: 'right',
-        backgroundColor: 'none',
-        borderWidth: 0,
-        crop: false,
-        overflow: 'none',
-        shape: 'rect',
-        style: {
-            color: 'grey'
-        },
-        verticalAlign: 'middle',
-        y: 0
-    }
-});
 Annotation.types.fibonacci = Fibonacci;
 /* *
  *

package/assets/js/highcharts/es-modules/Extensions/Annotations/Types/FibonacciTimeZones.js

@@ -9,10 +9,84 @@
 import Annotation from '../Annotation.js';
 import ControlPoint from '../ControlPoint.js';
 import CrookedLine from './CrookedLine.js';
+import D from '../../../Core/Defaults.js';
+const { defaultOptions } = D;
 import InfinityLine from './InfinityLine.js';
 import MockPoint from '../MockPoint.js';
 import U from '../../../Core/Utilities.js';
 const { merge } = U;
+if (defaultOptions.annotations) {
+    defaultOptions.annotations.types.fibonacciTimeZones = merge(defaultOptions.annotations.types.crookedLine, 
+    /**
+     * Options for the fibonacci time zones annotation type.
+     *
+     * @sample highcharts/annotations-advanced/fibonacci-time-zones/
+     *         Fibonacci Time Zones
+     *
+     * @extends      annotations.types.crookedLine
+     * @since        9.3.0
+     * @product      highstock
+     * @optionparent annotations.types.fibonacciTimeZones
+     */
+    {
+        typeOptions: {
+            /**
+             * @exclude   y
+             * @since     9.3.0
+             * @product   highstock
+             * @apioption annotations.types.fibonacciTimeZones.typeOptions.points
+             */
+            // Options for showing in popup edit
+            line: {
+                /**
+                 * The color of the lines.
+                 *
+                 * @type      {string}
+                 * @since     9.3.0
+                 * @apioption annotations.types.fibonacciTimeZones.typeOptions.line.stroke
+                 */
+                stroke: "#333333" /* Palette.neutralColor80 */,
+                /**
+                 * The width of the lines.
+                 *
+                 * @type      {number}
+                 * @since     9.3.0
+                 * @default   1
+                 * @apioption annotations.types.fibonacciTimeZones.typeOptions.line.strokeWidth
+                 */
+                strokeWidth: 1,
+                // Don't inherit fill (don't display in popup edit)
+                fill: void 0
+            },
+            controlPointOptions: {
+                positioner: function () {
+                    // The control point is in the middle of the second line
+                    const target = this.target, graphic = this.graphic, edgePoints = target.secondLineEdgePoints, args = { annotation: target }, firstEdgePointY = edgePoints[0](args).y, secondEdgePointY = edgePoints[1](args).y, plotLeft = this.chart.plotLeft, plotTop = this.chart.plotTop;
+                    let x = edgePoints[0](args).x, y = (firstEdgePointY + secondEdgePointY) / 2;
+                    if (this.chart.inverted) {
+                        [x, y] = [y, x];
+                    }
+                    return {
+                        x: plotLeft + x - (graphic.width || 0) / 2,
+                        y: plotTop + y - (graphic.height || 0) / 2
+                    };
+                },
+                events: {
+                    drag: function (e, target) {
+                        const isInsidePlot = target.chart.isInsidePlot(e.chartX - target.chart.plotLeft, e.chartY - target.chart.plotTop, {
+                            visiblePlotOnly: true
+                        });
+                        if (isInsidePlot) {
+                            const translation = this.mouseMoveToTranslation(e);
+                            target.translatePoint(translation.x, 0, 1);
+                            target.redraw(false);
+                        }
+                    }
+                }
+            }
+        }
+    });
+}
 /* *
  *
  *  Functions
@@ -116,77 +190,6 @@ class FibonacciTimeZones extends CrookedLine {
         typeOptions.controlPointOptions = controlPoint.options;
     }
 }
-FibonacciTimeZones.prototype.defaultOptions = merge(CrookedLine.prototype.defaultOptions, 
-/**
- * The Fibonacci Time Zones annotation.
- *
- * @sample highcharts/annotations-advanced/fibonacci-time-zones/
- *         Fibonacci Time Zones
- *
- * @extends      annotations.crookedLine
- * @since        9.3.0
- * @product      highstock
- * @optionparent annotations.fibonacciTimeZones
- */
-{
-    typeOptions: {
-        /**
-         * @exclude   y
-         * @since     9.3.0
-         * @product   highstock
-         * @apioption annotations.fibonacciTimeZones.typeOptions.points
-         */
-        // Options for showing in popup edit
-        line: {
-            /**
-             * The color of the lines.
-             *
-             * @type      {string}
-             * @since     9.3.0
-             * @default   'rgba(0, 0, 0, 0.75)'
-             * @apioption annotations.fibonacciTimeZones.typeOptions.line.stroke
-             */
-            stroke: 'rgba(0, 0, 0, 0.75)',
-            /**
-             * The width of the lines.
-             *
-             * @type      {number}
-             * @since     9.3.0
-             * @default   1
-             * @apioption annotations.fibonacciTimeZones.typeOptions.line.strokeWidth
-             */
-            strokeWidth: 1,
-            // Don't inherit fill (don't display in popup edit)
-            fill: void 0
-        },
-        controlPointOptions: {
-            positioner: function () {
-                // The control point is in the middle of the second line
-                const target = this.target, graphic = this.graphic, edgePoints = target.secondLineEdgePoints, args = { annotation: target }, firstEdgePointY = edgePoints[0](args).y, secondEdgePointY = edgePoints[1](args).y, plotLeft = this.chart.plotLeft, plotTop = this.chart.plotTop;
-                let x = edgePoints[0](args).x, y = (firstEdgePointY + secondEdgePointY) / 2;
-                if (this.chart.inverted) {
-                    [x, y] = [y, x];
-                }
-                return {
-                    x: plotLeft + x - (graphic.width || 0) / 2,
-                    y: plotTop + y - (graphic.height || 0) / 2
-                };
-            },
-            events: {
-                drag: function (e, target) {
-                    const isInsidePlot = target.chart.isInsidePlot(e.chartX - target.chart.plotLeft, e.chartY - target.chart.plotTop, {
-                        visiblePlotOnly: true
-                    });
-                    if (isInsidePlot) {
-                        const translation = this.mouseMoveToTranslation(e);
-                        target.translatePoint(translation.x, 0, 1);
-                        target.redraw(false);
-                    }
-                }
-            }
-        }
-    }
-});
 Annotation.types.fibonacciTimeZones = FibonacciTimeZones;
 /* *
  *