@ntlab/ntjs-assets 2.0.26 → 2.0.28

package/assets/js/highcharts/modules/accessibility.src.js

@@ -1,5 +1,5 @@
 /**
- * @license Highcharts JS v11.4.3 (2024-05-22)
+ * @license Highcharts JS v11.4.4 (2024-07-02)
  *
  * Accessibility module
  *
@@ -29,7 +29,7 @@
             obj[path] = fn.apply(null, args);
 
             if (typeof CustomEvent === 'function') {
-                window.dispatchEvent(new CustomEvent(
+                Highcharts.win.dispatchEvent(new CustomEvent(
                     'HighchartsModuleLoaded',
                     { detail: { path: path, module: obj[path] } }
                 ));
@@ -240,7 +240,7 @@
                 const headingLevel = parseInt(tagName.slice(1), 10), newLevel = Math.min(6, headingLevel + 1);
                 return 'h' + newLevel;
             };
-            const isHeading = (tagName) => /H[1-6]/.test(tagName);
+            const isHeading = (tagName) => /^H[1-6]$/i.test(tagName);
             const getPreviousSiblingsHeading = (el) => {
                 let sibling = el;
                 while (sibling = sibling.previousSibling) { // eslint-disable-line
@@ -1044,7 +1044,7 @@
             addEvent() {
                 const remover = addEvent.apply(H, arguments);
                 this.eventRemovers.push({
-                    element: arguments[0],
+                    element: arguments[0], // HTML element
                     remover
                 });
                 return remover;
@@ -1108,7 +1108,7 @@
          * @sample highcharts/accessibility/custom-component
          *         Custom accessibility component
          *
-         * @requires module:modules/accessibility
+         * @requires modules/accessibility
          * @class
          * @name Highcharts.AccessibilityComponent
          */
@@ -1236,7 +1236,7 @@
          * layer for keyboard navigation, and defines a map of keyCodes to handler
          * functions.
          *
-         * @requires module:modules/accessibility
+         * @requires modules/accessibility
          *
          * @sample highcharts/accessibility/custom-component
          *         Custom accessibility component
@@ -1264,10 +1264,10 @@
                 this.terminate = options.terminate;
                 // Response enum
                 this.response = {
-                    success: 1,
-                    prev: 2,
-                    next: 3,
-                    noHandler: 4,
+                    success: 1, // Keycode was handled
+                    prev: 2, // Move to prev module
+                    next: 3, // Move to next module
+                    noHandler: 4, // There is no handler for this keycode
                     fail: 5 // Handler failed
                 };
             }
@@ -2999,7 +2999,7 @@
          * The KeyboardNavigation class, containing the overall keyboard navigation
          * logic for the chart.
          *
-         * @requires module:modules/accessibility
+         * @requires modules/accessibility
          *
          * @private
          * @class
@@ -4558,7 +4558,7 @@
                  *
                  * @type {Highcharts.ColorString|null}
                  */
-                lineColor: null,
+                lineColor: null, // #4602
                 marker: {
                     enabled: false
                 },
@@ -5274,7 +5274,7 @@
              *
              * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
              */
-            trackBackgroundColor: 'rgba(255, 255, 255, 0.001)',
+            trackBackgroundColor: 'rgba(255, 255, 255, 0.001)', // #18922
             /**
              * The color of the border of the scrollbar track.
              *
@@ -5964,7 +5964,7 @@
 
         return Scrollbar;
     });
-    _registerModule(_modules, 'Stock/Navigator/Navigator.js', [_modules['Core/Axis/Axis.js'], _modules['Stock/Navigator/ChartNavigatorComposition.js'], _modules['Core/Defaults.js'], _modules['Core/Globals.js'], _modules['Core/Axis/NavigatorAxisComposition.js'], _modules['Stock/Navigator/NavigatorComposition.js'], _modules['Stock/Scrollbar/Scrollbar.js'], _modules['Core/Utilities.js']], function (Axis, ChartNavigatorComposition, D, H, NavigatorAxisAdditions, NavigatorComposition, Scrollbar, U) {
+    _registerModule(_modules, 'Stock/Navigator/Navigator.js', [_modules['Core/Axis/Axis.js'], _modules['Stock/Navigator/ChartNavigatorComposition.js'], _modules['Core/Defaults.js'], _modules['Core/Globals.js'], _modules['Core/Axis/NavigatorAxisComposition.js'], _modules['Stock/Navigator/NavigatorComposition.js'], _modules['Stock/Scrollbar/Scrollbar.js'], _modules['Core/Renderer/SVG/SVGRenderer.js'], _modules['Core/Utilities.js']], function (Axis, ChartNavigatorComposition, D, H, NavigatorAxisAdditions, NavigatorComposition, Scrollbar, SVGRenderer, U) {
         /* *
          *
          *  (c) 2010-2024 Torstein Honsi
@@ -5976,6 +5976,7 @@
          * */
         const { defaultOptions } = D;
         const { isTouchDevice } = H;
+        const { prototype: { symbols } } = SVGRenderer;
         const { addEvent, clamp, correctFloat, defined, destroyObjectProperties, erase, extend, find, fireEvent, isArray, isNumber, merge, pick, removeEvent, splat } = U;
         /* *
          *
@@ -6025,6 +6026,7 @@
              *
              * */
             constructor(chart) {
+                this.isDirty = false;
                 this.scrollbarHeight = 0;
                 this.init(chart);
             }
@@ -6095,9 +6097,9 @@
                         ],
                         // Top right of zoomed range
                         ['L', left + height, verticalMin],
-                        ['L', left, verticalMin],
-                        ['M', left, zoomedMax],
-                        ['L', left + height, zoomedMax],
+                        ['L', left, verticalMin], // Top left of z.r.
+                        ['M', left, zoomedMax], // Bottom left of z.r.
+                        ['L', left + height, zoomedMax], // Bottom right of z.r.
                         [
                             'L',
                             left + height,
@@ -6135,7 +6137,7 @@
                         [
                             'L',
                             left + navigatorSize + scrollButtonSize * 2,
-                            navigatorTop + halfOutline
+                            lineTop
                         ]
                     ];
                     if (maskInside) {
@@ -6203,7 +6205,7 @@
                 });
             }
             /**
-             * Generate DOM elements for a navigator:
+             * Generate and update DOM elements for a navigator:
              *
              * - main navigator group
              *
@@ -6221,39 +6223,40 @@
                     cursor: inverted ? 'ns-resize' : 'ew-resize'
                 }, 
                 // Create the main navigator group
-                navigatorGroup = navigator.navigatorGroup = renderer
-                    .g('navigator')
-                    .attr({
-                    zIndex: 8,
-                    visibility: 'hidden'
-                })
-                    .add();
+                navigatorGroup = navigator.navigatorGroup ??
+                    (navigator.navigatorGroup = renderer
+                        .g('navigator')
+                        .attr({
+                        zIndex: 8,
+                        visibility: 'hidden'
+                    })
+                        .add());
                 // Create masks, each mask will get events and fill:
                 [
                     !maskInside,
                     maskInside,
                     !maskInside
                 ].forEach((hasMask, index) => {
-                    const shade = renderer.rect()
-                        .addClass('highcharts-navigator-mask' +
-                        (index === 1 ? '-inside' : '-outside'))
-                        .add(navigatorGroup);
+                    const shade = navigator.shades[index] ??
+                        (navigator.shades[index] = renderer.rect()
+                            .addClass('highcharts-navigator-mask' +
+                            (index === 1 ? '-inside' : '-outside'))
+                            .add(navigatorGroup));
                     if (!chart.styledMode) {
                         shade.attr({
-                            fill: hasMask ?
-                                navigatorOptions.maskFill :
-                                'rgba(0,0,0,0)'
+                            fill: hasMask ? navigatorOptions.maskFill : 'rgba(0,0,0,0)'
                         });
                         if (index === 1) {
                             shade.css(mouseCursor);
                         }
                     }
-                    navigator.shades[index] = shade;
                 });
                 // Create the outline:
-                navigator.outline = renderer.path()
-                    .addClass('highcharts-navigator-outline')
-                    .add(navigatorGroup);
+                if (!navigator.outline) {
+                    navigator.outline = renderer.path()
+                        .addClass('highcharts-navigator-outline')
+                        .add(navigatorGroup);
+                }
                 if (!chart.styledMode) {
                     navigator.outline.attr({
                         'stroke-width': navigatorOptions.outlineWidth,
@@ -6261,10 +6264,27 @@
                     });
                 }
                 // Create the handlers:
-                if (navigatorOptions.handles && navigatorOptions.handles.enabled) {
+                if (navigatorOptions.handles?.enabled) {
                     const handlesOptions = navigatorOptions.handles, { height, width } = handlesOptions;
                     [0, 1].forEach((index) => {
-                        navigator.handles[index] = renderer.symbol(handlesOptions.symbols[index], -width / 2 - 1, 0, width, height, handlesOptions);
+                        const symbolName = handlesOptions.symbols[index];
+                        if (!navigator.handles[index]) {
+                            navigator.handles[index] = renderer.symbol(symbolName, -width / 2 - 1, 0, width, height, handlesOptions);
+                            // Z index is 6 for right handle, 7 for left. Can't be 10,
+                            // because of the tooltip in inverted chart (#2908).
+                            navigator.handles[index].attr({ zIndex: 7 - index })
+                                .addClass('highcharts-navigator-handle ' +
+                                'highcharts-navigator-handle-' +
+                                ['left', 'right'][index]).add(navigatorGroup);
+                            // If the navigator symbol changed, update its path and name
+                        }
+                        else if (symbolName !== navigator.handles[index].symbolName) {
+                            const symbolFn = symbols[symbolName], path = symbolFn.call(symbols, -width / 2 - 1, 0, width, height);
+                            navigator.handles[index].attr({
+                                d: path
+                            });
+                            navigator.handles[index].symbolName = symbolName;
+                        }
                         if (chart.inverted) {
                             navigator.handles[index].attr({
                                 rotation: 90,
@@ -6272,18 +6292,16 @@
                                 rotationOriginY: (height + width) / 2
                             });
                         }
-                        // Z index is 6 for right handle, 7 for left. Can't be 10,
-                        // because of the tooltip in inverted chart (#2908).
-                        navigator.handles[index].attr({ zIndex: 7 - index })
-                            .addClass('highcharts-navigator-handle ' +
-                            'highcharts-navigator-handle-' +
-                            ['left', 'right'][index]).add(navigatorGroup);
                         if (!chart.styledMode) {
                             navigator.handles[index]
                                 .attr({
                                 fill: handlesOptions.backgroundColor,
                                 stroke: handlesOptions.borderColor,
-                                'stroke-width': handlesOptions.lineWidth
+                                'stroke-width': handlesOptions.lineWidth,
+                                width: handlesOptions.width,
+                                height: handlesOptions.height,
+                                x: -width / 2 - 1,
+                                y: 0
                             })
                                 .css(mouseCursor);
                         }
@@ -6299,18 +6317,53 @@
              * @param {Highcharts.NavigatorOptions} options
              *        Options to merge in when updating navigator
              */
-            update(options) {
-                // Remove references to old navigator series in base series
-                (this.series || []).forEach((series) => {
-                    if (series.baseSeries) {
-                        delete series.baseSeries.navigatorSeries;
+            update(options, redraw = false) {
+                const chart = this.chart, invertedUpdate = chart.options.chart.inverted !==
+                    chart.scrollbar?.options.vertical;
+                merge(true, chart.options.navigator, options);
+                this.navigatorOptions = chart.options.navigator || {};
+                this.setOpposite();
+                // Revert to destroy/init for navigator/scrollbar enabled toggle
+                if (defined(options.enabled) || invertedUpdate) {
+                    this.destroy();
+                    this.navigatorEnabled = options.enabled || this.navigatorEnabled;
+                    return this.init(chart);
+                }
+                if (this.navigatorEnabled) {
+                    this.isDirty = true;
+                    if (options.adaptToUpdatedData === false) {
+                        this.baseSeries.forEach((series) => {
+                            removeEvent(series, 'updatedData', this.updatedDataHandler);
+                        }, this);
                     }
-                });
-                // Destroy and rebuild navigator
-                this.destroy();
-                const chartOptions = this.chart.options;
-                merge(true, chartOptions.navigator, options);
-                this.init(this.chart);
+                    if (options.adaptToUpdatedData) {
+                        this.baseSeries.forEach((series) => {
+                            series.eventsToUnbind.push(addEvent(series, 'updatedData', this.updatedDataHandler));
+                        }, this);
+                    }
+                    // Update navigator series
+                    if (options.series || options.baseSeries) {
+                        this.setBaseSeries(void 0, false);
+                    }
+                    // Update navigator axis
+                    if (options.height || options.xAxis || options.yAxis) {
+                        this.height = options.height ?? this.height;
+                        const offsets = this.getXAxisOffsets();
+                        this.xAxis.update({
+                            ...options.xAxis,
+                            offsets,
+                            [chart.inverted ? 'width' : 'height']: this.height,
+                            [chart.inverted ? 'height' : 'width']: void 0
+                        }, false);
+                        this.yAxis.update({
+                            ...options.yAxis,
+                            [chart.inverted ? 'width' : 'height']: this.height
+                        }, false);
+                    }
+                }
+                if (redraw) {
+                    chart.redraw();
+                }
             }
             /**
              * Render the navigator
@@ -6333,6 +6386,10 @@
                 if (this.hasDragged && !defined(pxMin)) {
                     return;
                 }
+                if (this.isDirty) {
+                    // Update DOM navigator elements
+                    this.renderElements();
+                }
                 min = correctFloat(min - pointRange / 2);
                 max = correctFloat(max + pointRange / 2);
                 // Don't render the navigator until we have data (#486, #4202, #5172).
@@ -6433,6 +6490,7 @@
                     navigator.zoomedMin / (navigatorSize || 1), navigator.zoomedMax / (navigatorSize || 1));
                 }
                 navigator.rendered = true;
+                this.isDirty = false;
                 fireEvent(this, 'afterRender');
             }
             /**
@@ -6767,6 +6825,16 @@
                     }
                 }
             }
+            /**
+             * Calculate the navigator xAxis offsets
+             *
+             * @private
+             */
+            getXAxisOffsets() {
+                return (this.chart.inverted ?
+                    [this.scrollButtonSize, 0, -this.scrollButtonSize, 0] :
+                    [0, -this.scrollButtonSize, 0, this.scrollButtonSize]);
+            }
             /**
              * Initialize the Navigator object
              *
@@ -6786,11 +6854,12 @@
                 this.navigatorEnabled = navigatorEnabled;
                 this.navigatorOptions = navigatorOptions;
                 this.scrollbarOptions = scrollbarOptions;
-                this.opposite = pick(navigatorOptions.opposite, Boolean(!navigatorEnabled && chart.inverted)); // #6262
+                this.setOpposite();
                 const navigator = this, baseSeries = navigator.baseSeries, xAxisIndex = chart.xAxis.length, yAxisIndex = chart.yAxis.length, baseXaxis = baseSeries && baseSeries[0] && baseSeries[0].xAxis ||
                     chart.xAxis[0] || { options: {} };
                 chart.isDirtyBox = true;
                 if (navigator.navigatorEnabled) {
+                    const offsets = this.getXAxisOffsets();
                     // An x axis is required for scrollbar also
                     navigator.xAxis = new Axis(chart, merge({
                         // Inherit base xAxis' break, ordinal options and overscroll
@@ -6802,18 +6871,21 @@
                         index: xAxisIndex,
                         isInternal: true,
                         offset: 0,
-                        keepOrdinalPadding: true,
+                        keepOrdinalPadding: true, // #2436
                         startOnTick: false,
                         endOnTick: false,
-                        minPadding: 0,
-                        maxPadding: 0,
+                        // Inherit base xAxis' padding when ordinal is false (#16915).
+                        minPadding: baseXaxis.options.ordinal ? 0 :
+                            baseXaxis.options.minPadding,
+                        maxPadding: baseXaxis.options.ordinal ? 0 :
+                            baseXaxis.options.maxPadding,
                         zoomEnabled: false
                     }, chart.inverted ? {
-                        offsets: [scrollButtonSize, 0, -scrollButtonSize, 0],
+                        offsets,
                         width: height
                     } : {
-                        offsets: [0, -scrollButtonSize, 0, scrollButtonSize],
-                        height: height
+                        offsets,
+                        height
                     }), 'xAxis');
                     navigator.yAxis = new Axis(chart, merge(navigatorOptions.yAxis, {
                         alignTicks: false,
@@ -6821,7 +6893,7 @@
                         index: yAxisIndex,
                         isInternal: true,
                         reversed: pick((navigatorOptions.yAxis &&
-                            navigatorOptions.yAxis.reversed), (chart.yAxis[0] && chart.yAxis[0].reversed), false),
+                            navigatorOptions.yAxis.reversed), (chart.yAxis[0] && chart.yAxis[0].reversed), false), // #14060
                         zoomEnabled: false
                     }, chart.inverted ? {
                         width: height
@@ -6896,6 +6968,15 @@
                 // Add redraw events
                 navigator.addChartEvents();
             }
+            /**
+             * Set the opposite property on navigator
+             *
+             * @private
+             */
+            setOpposite() {
+                const navigatorOptions = this.navigatorOptions, navigatorEnabled = this.navigatorEnabled, chart = this.chart;
+                this.opposite = pick(navigatorOptions.opposite, Boolean(!navigatorEnabled && chart.inverted)); // #6262
+            }
             /**
              * Get the union data extremes of the chart - the outer data extremes of the
              * base X axis and the navigator axis.
@@ -6963,14 +7044,14 @@
             updateNavigatorSeries(addEvents, redraw) {
                 const navigator = this, chart = navigator.chart, baseSeries = navigator.baseSeries, navSeriesMixin = {
                     enableMouseTracking: false,
-                    index: null,
-                    linkedTo: null,
-                    group: 'nav',
+                    index: null, // #6162
+                    linkedTo: null, // #6734
+                    group: 'nav', // For columns
                     padXAxis: false,
                     xAxis: this.navigatorOptions.xAxis?.id,
                     yAxis: this.navigatorOptions.yAxis?.id,
                     showInLegend: false,
-                    stacking: void 0,
+                    stacking: void 0, // #4823
                     isInternal: true,
                     states: {
                         inactive: {
@@ -7125,6 +7206,9 @@
                     }
                     // Handle series removal
                     base.eventsToUnbind.push(addEvent(base, 'remove', function () {
+                        if (baseSeries) {
+                            erase(baseSeries, base); // #21043
+                        }
                         if (this.navigatorSeries) {
                             erase(navigator.series, this.navigatorSeries);
                             if (defined(this.navigatorSeries.options)) {
@@ -7341,6 +7425,7 @@
                 [this.handles].forEach((coll) => {
                     destroyObjectProperties(coll);
                 });
+                this.navigatorEnabled = false;
             }
         }
         /* *
@@ -7406,8 +7491,8 @@
              * @private
              */
             onChartUpdate() {
-                const chart = this.chart, options = chart.options;
-                if (options.navigator.accessibility?.enabled) {
+                const chart = this.chart, options = chart.options, navigator = options.navigator;
+                if (navigator.enabled && navigator.accessibility?.enabled) {
                     const verbosity = options.accessibility.landmarkVerbosity, groupFormatStr = options.lang
                         .accessibility?.navigator.groupLabel;
                     // We just recreate the group for simplicity. Could consider
@@ -11448,7 +11533,7 @@
                  * @type  {string|Highcharts.HTMLDOMElement}
                  * @since 8.0.0
                  */
-                linkedDescription: '*[data-highcharts-chart="{index}"] + .highcharts-description',
+                linkedDescription: '*[data-highcharts-chart="{index}"] + .highcharts-description', // eslint-disable-line
                 /**
                  * A hook for adding custom components to the accessibility module.
                  * Should be an object mapping component names to instances of classes
@@ -12262,7 +12347,7 @@
                     bubbleSingle: 'Bubble chart with {numPoints} ' +
                         '{#eq numPoints 1}bubbles{else}bubble{/eq}.',
                     bubbleMultiple: 'Bubble chart with {numSeries} data series.'
-                },
+                }, /* eslint-enable max-len */
                 /**
                  * Axis description format strings.
                  *
@@ -12280,7 +12365,7 @@
                     timeRangeSeconds: 'Data range: {range} seconds.',
                     rangeFromTo: 'Data ranges from {rangeFrom} to {rangeTo}.',
                     rangeCategories: 'Data range: {numCategories} categories.'
-                },
+                }, /* eslint-enable max-len */
                 /**
                  * Exporting menu format strings for accessibility module.
                  *
@@ -12343,7 +12428,7 @@
                         maplineCombination: '{series.name}, series {seriesNumber} of {chart.series.length}. Line with {series.points.length} data {#eq series.points.length 1}point{else}points{/eq}.',
                         mapbubble: '{series.name}, bubble series {seriesNumber} of {chart.series.length} with {series.points.length} {#eq series.points.length 1}bubble{else}bubbles{/eq}.',
                         mapbubbleCombination: '{series.name}, series {seriesNumber} of {chart.series.length}. Bubble series with {series.points.length} {#eq series.points.length 1}bubble{else}bubbles{/eq}.'
-                    },
+                    }, /* eslint-enable max-len */
                     /**
                      * User supplied description text. This is added in the point
                      * comment description by default if present.
@@ -12684,7 +12769,7 @@
          * The Accessibility class
          *
          * @private
-         * @requires module:modules/accessibility
+         * @requires modules/accessibility
          *
          * @class
          * @name Highcharts.Accessibility
@@ -13044,4 +13129,4 @@
 
         return Highcharts;
     });
-}));
+}));