@ntlab/ntjs-assets 2.0.26 → 2.0.28

package/assets/js/cdn.json

@@ -130,7 +130,7 @@
     "cdnjs": "blueimp-gallery"
   },
   "highcharts": {
-    "version": "11.4.3",
+    "version": "11.4.4",
     "highcharts": ""
   },
   "hotkeys": {
@@ -157,7 +157,7 @@
     "cdnjs": "blueimp-JavaScript-Templates"
   },
   "jqGrid": {
-    "version": "5.8.7",
+    "version": "5.8.8",
     "cdnjs": "jqgrid"
   },
   "jquery": {

package/assets/js/highcharts/es-modules/Accessibility/Accessibility.js

@@ -45,7 +45,7 @@ import copyDeprecatedOptions from './Options/DeprecatedOptions.js';
  * The Accessibility class
  *
  * @private
- * @requires module:modules/accessibility
+ * @requires modules/accessibility
  *
  * @class
  * @name Highcharts.Accessibility

package/assets/js/highcharts/es-modules/Accessibility/AccessibilityComponent.js

@@ -35,7 +35,7 @@ const { extend } = U;
  * @sample highcharts/accessibility/custom-component
  *         Custom accessibility component
  *
- * @requires module:modules/accessibility
+ * @requires modules/accessibility
  * @class
  * @name Highcharts.AccessibilityComponent
  */

package/assets/js/highcharts/es-modules/Accessibility/Components/NavigatorComponent.js

@@ -62,8 +62,8 @@ class NavigatorComponent extends AccessibilityComponent {
      * @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

package/assets/js/highcharts/es-modules/Accessibility/KeyboardNavigation.js

@@ -27,7 +27,7 @@ const { getElement, simulatedEventTarget } = HTMLUtilities;
  * The KeyboardNavigation class, containing the overall keyboard navigation
  * logic for the chart.
  *
- * @requires module:modules/accessibility
+ * @requires modules/accessibility
  *
  * @private
  * @class

package/assets/js/highcharts/es-modules/Accessibility/KeyboardNavigationHandler.js

@@ -23,7 +23,7 @@ const { find } = U;
  * 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
@@ -51,10 +51,10 @@ class KeyboardNavigationHandler {
         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
         };
     }

package/assets/js/highcharts/es-modules/Accessibility/Options/A11yDefaults.js

@@ -453,7 +453,7 @@ const Options = {
          * @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

package/assets/js/highcharts/es-modules/Accessibility/Options/LangDefaults.js

@@ -309,7 +309,7 @@ const langOptions = {
             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.
          *
@@ -327,7 +327,7 @@ const langOptions = {
             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.
          *
@@ -390,7 +390,7 @@ const langOptions = {
                 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.

package/assets/js/highcharts/es-modules/Accessibility/Utils/EventProvider.js

@@ -33,7 +33,7 @@ class EventProvider {
     addEvent() {
         const remover = addEvent.apply(H, arguments);
         this.eventRemovers.push({
-            element: arguments[0],
+            element: arguments[0], // HTML element
             remover
         });
         return remover;

package/assets/js/highcharts/es-modules/Accessibility/Utils/HTMLUtilities.js

@@ -204,7 +204,7 @@ function getHeadingTagNameForElement(element) {
         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

package/assets/js/highcharts/es-modules/Core/Animation/Fx.js

@@ -245,9 +245,11 @@ class Fx {
      */
     initPath(elem, fromD, toD) {
         const startX = elem.startX, endX = elem.endX, end = toD.slice(), // Copy
-        isArea = elem.isArea, positionFactor = isArea ? 2 : 1;
+        isArea = elem.isArea, positionFactor = isArea ? 2 : 1, disableAnimation = fromD &&
+            toD.length > fromD.length &&
+            toD.hasStackedCliffs; // #16925
         let shift, fullLength, i, reverse, start = fromD && fromD.slice(); // Copy
-        if (!start) {
+        if (!start || disableAnimation) {
             return [end, end];
         }
         /**

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

@@ -2483,9 +2483,9 @@ class Axis {
                 (opposite ? -1 : 1) * // So does opposite axes
                 (this.axisTitleMargin || 0) +
             [
-                -textHeightOvershoot,
-                textHeightOvershoot,
-                fontMetrics.f,
+                -textHeightOvershoot, // Top
+                textHeightOvershoot, // Right
+                fontMetrics.f, // Bottom
                 -textHeightOvershoot // Left
             ][this.side], titlePosition = {
             x: horiz ?

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

@@ -942,6 +942,7 @@ var AxisDefaults;
              * The pixel padding for axis labels, to ensure white space between
              * them. Defaults to 4 for horizontal axes, 1 for vertical.
              *
+             * @type      {number}
              * @default   undefined
              * @product   highcharts gantt
              * @apioption xAxis.labels.padding

package/assets/js/highcharts/es-modules/Core/Axis/Color/ColorAxisDefaults.js

@@ -413,9 +413,13 @@ const colorAxisDefaults = {
      * Fires when the legend item belonging to the colorAxis is clicked.
      * One parameter, `event`, is passed to the function.
      *
-     * @type      {Function}
-     * @product   highcharts highstock highmaps
-     * @apioption colorAxis.events.legendItemClick
+     * **Note:** This option is deprecated in favor of
+     * [legend.events.itemClick](#legend.events.itemClick).
+     *
+     * @deprecated
+     * @type       {Function}
+     * @product    highcharts highstock highmaps
+     * @apioption  colorAxis.events.legendItemClick
      */
     /**
      * The width of the color axis. If it's a number, it is interpreted as

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

@@ -525,7 +525,7 @@ function onAfterSetOptions(e) {
             // for example we shouldn't have one grid cell spanning
             // two days.
             units: [[
-                    'millisecond',
+                    'millisecond', // Unit name
                     [1, 10, 100]
                 ], [
                     'second',

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

@@ -62,6 +62,7 @@ var OrdinalAxis;
             addEvent(AxisClass, 'afterSetScale', onAxisAfterSetScale);
             addEvent(AxisClass, 'initialAxisTranslation', onAxisInitialAxisTranslation);
             addEvent(ChartClass, 'pan', onChartPan);
+            addEvent(ChartClass, 'touchpan', onChartPan);
             addEvent(SeriesClass, 'updatedData', onSeriesUpdatedData);
         }
         return AxisClass;
@@ -371,7 +372,9 @@ var OrdinalAxis;
         if (panning &&
             panning.type !== 'y' &&
             xAxis.options.ordinal &&
-            xAxis.series.length) {
+            xAxis.series.length &&
+            // On touch devices, let default function handle the pinching
+            (!e.touches || e.touches.length <= 1)) {
             const mouseDownX = chart.mouseDownX, extremes = xAxis.getExtremes(), dataMin = extremes.dataMin, dataMax = extremes.dataMax, min = extremes.min, max = extremes.max, hoverPoints = chart.hoverPoints, closestPointRange = (xAxis.closestPointRange ||
                 (xAxis.ordinal && xAxis.ordinal.overscrollPointsRange)), pointPixelWidth = (xAxis.translationSlope *
                 (xAxis.ordinal.slope || closestPointRange)), 
@@ -792,7 +795,7 @@ var OrdinalAxis;
                     ordinal: {
                         getGroupIntervalFactor: this.getGroupIntervalFactor
                     },
-                    ordinal2lin: axisProto.ordinal2lin,
+                    ordinal2lin: axisProto.ordinal2lin, // #6276
                     getIndexOfPoint: axisProto.getIndexOfPoint,
                     val2lin: axisProto.val2lin // #2590
                 };

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

@@ -15,11 +15,11 @@
      * @private
      */
 const defaultCircularOptions = {
-    gridLineWidth: 1,
+    gridLineWidth: 1, // Spokes
     labels: {
-        align: void 0,
+        align: void 0, // Auto
         x: 0,
-        y: void 0,
+        y: void 0, // Auto
         style: {
             textOverflow: 'none' // Wrap lines by default (#7248)
         }

package/assets/js/highcharts/es-modules/Core/Axis/Stacking/StackItem.js

@@ -223,7 +223,7 @@ class StackItem {
         return inverted ?
             {
                 x: (neg ? y : y - height) - chart.plotLeft,
-                y: xAxis.height - x - width,
+                y: xAxis.height - x - width + xAxis.top - chart.plotTop,
                 width: height,
                 height: width
             } : {

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

@@ -1015,7 +1015,11 @@ class Chart {
         let chartWidth = chart.chartWidth;
         // Allow table cells and flex-boxes to shrink without the chart blocking
         // them out (#6427)
-        css(renderTo, { overflow: 'hidden' });
+        css(renderTo, {
+            overflow: 'hidden',
+            // #21144, retest and remove in future version of Chrome
+            pointerEvents: H.isChrome ? 'fill' : 'auto'
+        });
         // Create the inner container
         if (!chart.styledMode) {
             containerStyle = extend({
@@ -1026,10 +1030,10 @@ class Chart {
                 width: chartWidth + 'px',
                 height: chartHeight + 'px',
                 textAlign: 'left',
-                lineHeight: 'normal',
-                zIndex: 0,
+                lineHeight: 'normal', // #427
+                zIndex: 0, // #1072
                 '-webkit-tap-highlight-color': 'rgba(0,0,0,0)',
-                userSelect: 'none',
+                userSelect: 'none', // #13503
                 'touch-action': 'manipulation',
                 outline: 'none'
             }, optionsChart.style || {});
@@ -2579,7 +2583,7 @@ class Chart {
      */
     transform(params) {
         const { axes = this.axes, event, from = {}, reset, selection, to = {}, trigger } = params, { inverted } = this;
-        let hasZoomed = false, displayButton;
+        let hasZoomed = false, displayButton, isAnyAxisPanning;
         // Remove active points for shared tooltip
         this.hoverPoints?.forEach((point) => point.setState());
         for (const axis of axes) {
@@ -2678,6 +2682,9 @@ class Chart {
                         // panning/zooming hard. Reset and redraw after the
                         // operation has finished.
                         axis.isPanning = trigger !== 'zoom';
+                        if (axis.isPanning) {
+                            isAnyAxisPanning = true; // #21319
+                        }
                         axis.setExtremes(reset ? void 0 : newMin, reset ? void 0 : newMax, false, false, { move, trigger, scale });
                         if (!reset &&
                             (newMin > floor || newMax < ceiling) &&
@@ -2705,8 +2712,10 @@ class Chart {
                 });
             }
             else {
-                // Show or hide the Reset zoom button
-                if (displayButton && !this.resetZoomButton) {
+                // Show or hide the Reset zoom button, but not while panning
+                if (displayButton &&
+                    !isAnyAxisPanning &&
+                    !this.resetZoomButton) {
                     this.showResetZoom();
                 }
                 else if (!displayButton && this.resetZoomButton) {

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

@@ -67,7 +67,7 @@ class MapChart extends Chart {
                     '{geojson.copyrightShort}</a>'),
                 mapTextFull: pick(defaultCreditsOptions.mapTextFull, '{geojson.copyright}')
             },
-            mapView: {},
+            mapView: {}, // Required to enable Chart.mapView
             tooltip: {
                 followTouchMove: false
             }
@@ -203,7 +203,7 @@ class MapChart extends Chart {
         if (typeof path === 'string') {
             path = path
                 // Move letters apart
-                .replace(/([A-Za-z])/g, ' $1 ')
+                .replace(/([A-Z])/gi, ' $1 ')
                 // Trim
                 .replace(/^\s*/, '').replace(/\s*$/, '');
             // Split on spaces and commas. The semicolon is bogus, designed to
@@ -211,7 +211,7 @@ class MapChart extends Chart {
             // specific styled mode files.
             const split = path.split(/[ ,;]+/);
             arr = split.map((item) => {
-                if (!/[A-Za-z]/.test(item)) {
+                if (!/[A-Z]/i.test(item)) {
                     return parseFloat(item);
                 }
                 return item;

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

@@ -201,7 +201,7 @@ addEvent(Chart, 'update', function (e) {
     // case (#6615)
     if ('scrollbar' in options && chart.navigator) {
         merge(true, chart.options.scrollbar, options.scrollbar);
-        chart.navigator.update({});
+        chart.navigator.update({ enabled: !!chart.navigator.navigatorEnabled });
         delete options.scrollbar;
     }
 });

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

@@ -256,7 +256,7 @@ Color.names = {
 Color.parsers = [{
         // RGBA color
         // eslint-disable-next-line max-len
-        regex: /rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]?(?:\.[0-9]+)?)\s*\)/,
+        regex: /rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d?(?:\.\d+)?)\s*\)/,
         parse: function (result) {
             return [
                 pInt(result[1]),
@@ -267,7 +267,7 @@ Color.parsers = [{
         }
     }, {
         // RGB color
-        regex: /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/,
+        regex: /rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/,
         parse: function (result) {
             return [pInt(result[1]), pInt(result[2]), pInt(result[3]), 1];
         }

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

@@ -1036,6 +1036,32 @@ const defaultOptions = {
          * A CSS class name to apply to the legend group.
          */
         className: 'highcharts-no-tooltip',
+        /**
+         * General event handlers for the legend. These event hooks can
+         * also be attached to the legend at run time using the
+         * `Highcharts.addEvent` function.
+         *
+         * @declare Highcharts.LegendEventsOptionsObject
+         *
+         * @private
+         */
+        events: {},
+        /**
+         * Fires when the legend item belonging to the series is clicked. One
+         * parameter, `event`, is passed to the function. The default action
+         * is to toggle the visibility of the series, point or data class. This
+         * can be prevented by returning `false` or calling
+         * `event.preventDefault()`.
+         *
+         * @sample {highcharts} highcharts/legend/series-legend-itemclick/
+         *         Confirm hiding and showing
+         * @sample {highcharts} highcharts/legend/pie-legend-itemclick/
+         *         Confirm toggle visibility of pie slices
+         *
+         * @type      {Highcharts.LegendItemClickCallbackFunction}
+         * @context   Highcharts.Legend
+         * @apioption legend.events.itemClick
+         */
         /**
          * When the legend is floating, the plot area ignores it and is allowed
          * to be placed below it.
@@ -1505,7 +1531,7 @@ const defaultOptions = {
             /**
              * @ignore
              */
-            width: '13px',
+            width: '13px', // For IE precision
             /**
              * @ignore
              */

package/assets/js/highcharts/es-modules/Core/Geometry/GeometryUtilities.js

@@ -74,6 +74,28 @@ var GeometryUtilities;
         return Math.atan2(p2.x - p1.x, p2.y - p1.y);
     }
     GeometryUtilities.getAngleBetweenPoints = getAngleBetweenPoints;
+    /**
+     * Test for point in polygon. Polygon defined as array of [x,y] points.
+     * @private
+     * @param {PositionObject} point The point potentially within a polygon.
+     * @param {Array<Array<number>>} polygon The polygon potentially containing the point.
+     */
+    function pointInPolygon({ x, y }, polygon) {
+        const len = polygon.length;
+        let i, j, inside = false;
+        for (i = 0, j = len - 1; i < len; j = i++) {
+            const [x1, y1] = polygon[i], [x2, y2] = polygon[j];
+            if (y1 > y !== y2 > y &&
+                (x < (x2 - x1) *
+                    (y - y1) /
+                    (y2 - y1) +
+                    x1)) {
+                inside = !inside;
+            }
+        }
+        return inside;
+    }
+    GeometryUtilities.pointInPolygon = pointInPolygon;
 })(GeometryUtilities || (GeometryUtilities = {}));
 /* *
  *

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

@@ -29,7 +29,7 @@ var Globals;
         {}), // eslint-disable-line node/no-unsupported-features/es-builtins
     Globals.doc = Globals.win.document, Globals.svg = (Globals.doc &&
         Globals.doc.createElementNS &&
-        !!Globals.doc.createElementNS(Globals.SVG_NS, 'svg').createSVGRect), Globals.userAgent = (Globals.win.navigator && Globals.win.navigator.userAgent) || '', Globals.isChrome = Globals.userAgent.indexOf('Chrome') !== -1, Globals.isFirefox = Globals.userAgent.indexOf('Firefox') !== -1, Globals.isMS = /(edge|msie|trident)/i.test(Globals.userAgent) && !Globals.win.opera, Globals.isSafari = !Globals.isChrome && Globals.userAgent.indexOf('Safari') !== -1, Globals.isTouchDevice = /(Mobile|Android|Windows Phone)/.test(Globals.userAgent), Globals.isWebKit = Globals.userAgent.indexOf('AppleWebKit') !== -1, Globals.deg2rad = Math.PI * 2 / 360, Globals.hasBidiBug = (Globals.isFirefox &&
+        !!Globals.doc.createElementNS(Globals.SVG_NS, 'svg').createSVGRect), Globals.userAgent = (Globals.win.navigator && Globals.win.navigator.userAgent) || '', Globals.isChrome = Globals.win.chrome, Globals.isFirefox = Globals.userAgent.indexOf('Firefox') !== -1, Globals.isMS = /(edge|msie|trident)/i.test(Globals.userAgent) && !Globals.win.opera, Globals.isSafari = !Globals.isChrome && Globals.userAgent.indexOf('Safari') !== -1, Globals.isTouchDevice = /(Mobile|Android|Windows Phone)/.test(Globals.userAgent), Globals.isWebKit = Globals.userAgent.indexOf('AppleWebKit') !== -1, Globals.deg2rad = Math.PI * 2 / 360, Globals.hasBidiBug = (Globals.isFirefox &&
         parseInt(Globals.userAgent.split('Firefox/')[1], 10) < 4 // Issue #38
     ), Globals.marginNames = [
         'plotTop',

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

@@ -10,13 +10,16 @@
 'use strict';
 import A from '../Animation/AnimationUtilities.js';
 const { animObject, setAnimation } = A;
-import F from '../Templating.js';
-const { format } = F;
+import F from '../Foundation.js';
+const { registerEventOptions } = F;
 import H from '../Globals.js';
 const { composed, marginNames } = H;
+import Series from '../Series/Series.js';
 import Point from '../Series/Point.js';
 import R from '../Renderer/RendererUtilities.js';
 const { distribute } = R;
+import T from '../Templating.js';
+const { format } = T;
 import U from '../Utilities.js';
 const { addEvent, createElement, css, defined, discardElement, find, fireEvent, isNumber, merge, pick, pushUnique, relativeLength, stableSort, syncTimeout } = U;
 /* *
@@ -95,6 +98,7 @@ class Legend {
         if (options.enabled) {
             // Render it
             this.render();
+            registerEventOptions(this, options);
             // Move checkboxes
             addEvent(this.chart, 'endResize', function () {
                 this.legend.positionCheckboxes();
@@ -160,6 +164,10 @@ class Legend {
     update(options, redraw) {
         const chart = this.chart;
         this.setOptions(merge(true, this.options, options));
+        if ('events' in this.options) {
+            // Legend event handlers
+            registerEventOptions(this, this.options);
+        }
         this.destroy();
         chart.isDirtyLegend = chart.isDirtyBox = true;
         if (pick(redraw, true)) {
@@ -1045,11 +1053,10 @@ class Legend {
      * @param {Highcharts.BubbleLegendItem|Point|Highcharts.Series} item
      * @param {Highcharts.SVGElement} legendLabel
      * @param {boolean} [useHTML=false]
-     * @emits Highcharts.Point#event:legendItemClick
-     * @emits Highcharts.Series#event:legendItemClick
+     * @emits Highcharts.Legend#event:itemClick
      */
     setItemEvents(item, legendLabel, useHTML) {
-        const legend = this, legendItem = item.legendItem || {}, boxWrapper = legend.chart.renderer.boxWrapper, isPoint = item instanceof Point, activeClass = 'highcharts-legend-' +
+        const legend = this, legendItem = item.legendItem || {}, boxWrapper = legend.chart.renderer.boxWrapper, isPoint = item instanceof Point, isSeries = item instanceof Series, activeClass = 'highcharts-legend-' +
             (isPoint ? 'point' : 'series') + '-active', styledMode = legend.chart.styledMode, 
         // When `useHTML`, the symbol is rendered in other group, so
         // we need to apply events listeners to both places
@@ -1100,7 +1107,7 @@ class Legend {
                     item.setState();
                 })
                     .on('click', function (event) {
-                    const strLegendItemClick = 'legendItemClick', fnLegendItemClick = function () {
+                    const defaultItemClick = function () {
                         if (item.setVisible) {
                             item.setVisible();
                         }
@@ -1111,16 +1118,22 @@ class Legend {
                     // series. Event handling in iOS causes the activeClass
                     // to be added prior to click in some cases (#7418).
                     boxWrapper.removeClass(activeClass);
-                    // Pass over the click/touch event. #4.
-                    event = {
-                        browserEvent: event
-                    };
+                    fireEvent(legend, 'itemClick', {
+                        // Pass over the click/touch event. #4.
+                        browserEvent: event,
+                        legendItem: item
+                    }, defaultItemClick);
+                    // Deprecated logic
                     // Click the name or symbol
-                    if (item.firePointEvent) { // Point
-                        item.firePointEvent(strLegendItemClick, event, fnLegendItemClick);
+                    if (isPoint) {
+                        item.firePointEvent('legendItemClick', {
+                            browserEvent: event
+                        });
                     }
-                    else {
-                        fireEvent(item, strLegendItemClick, event, fnLegendItemClick);
+                    else if (isSeries) {
+                        fireEvent(item, 'legendItemClick', {
+                            browserEvent: event
+                        });
                     }
                 });
             }
@@ -1211,11 +1224,54 @@ export default Legend;
 * @name Highcharts.LegendItemObject#symbol
 * @type {Highcharts.SVGElement|undefined}
 */
+/**
+ * Gets fired when the legend item is clicked. The default
+ * action is to toggle the visibility of the series or point. This can be
+ * prevented by returning `false` or calling `event.preventDefault()`.
+ *
+ * @callback Highcharts.LegendItemClickCallbackFunction
+ *
+ * @param {Highcharts.Legend} this
+ *        The legend on which the event occurred.
+ *
+ * @param {Highcharts.LegendItemClickEventObject} event
+ *        The event that occurred.
+ */
+/**
+ * Information about the legend click event.
+ *
+ * @interface Highcharts.LegendItemClickEventObject
+ */ /**
+* Related browser event.
+* @name Highcharts.LegendItemClickEventObject#browserEvent
+* @type {Highcharts.PointerEvent}
+*/ /**
+* Prevent the default action of toggle the visibility of the series or point.
+* @name Highcharts.LegendItemClickEventObject#preventDefault
+* @type {Function}
+* */ /**
+* Related legend item, it can be series, point, color axis or data class from
+* color axis.
+* @name Highcharts.LegendItemClickEventObject#legendItem
+* @type {Highcharts.Series|Highcharts.Point|Highcharts.LegendItemObject}
+* */ /**
+* Related legend.
+* @name Highcharts.LegendItemClickEventObject#target
+* @type {Highcharts.Legend}
+*/ /**
+* Event type.
+* @name Highcharts.LegendItemClickEventObject#type
+* @type {"itemClick"}
+*/
 /**
  * Gets fired when the legend item belonging to a point is clicked. The default
  * action is to toggle the visibility of the point. This can be prevented by
  * returning `false` or calling `event.preventDefault()`.
  *
+ * **Note:** This option is deprecated in favor of
+ * Highcharts.LegendItemClickCallbackFunction.
+ *
+ * @deprecated
  * @callback Highcharts.PointLegendItemClickCallbackFunction
  *
  * @param {Highcharts.Point} this
@@ -1227,6 +1283,10 @@ export default Legend;
 /**
  * Information about the legend click event.
  *
+ * **Note:** This option is deprecated in favor of
+ * Highcharts.LegendItemClickEventObject.
+ *
+ * @deprecated
  * @interface Highcharts.PointLegendItemClickEventObject
  */ /**
 * Related browser event.
@@ -1260,6 +1320,10 @@ export default Legend;
  * action is to toggle the visibility of the series. This can be prevented by
  * returning `false` or calling `event.preventDefault()`.
  *
+ * **Note:** This option is deprecated in favor of
+ * Highcharts.LegendItemClickCallbackFunction.
+ *
+ * @deprecated
  * @callback Highcharts.SeriesLegendItemClickCallbackFunction
  *
  * @param {Highcharts.Series} this
@@ -1271,6 +1335,10 @@ export default Legend;
 /**
  * Information about the legend click event.
  *
+ * **Note:** This option is deprecated in favor of
+ * Highcharts.LegendItemClickEventObject.
+ *
+ * @deprecated
  * @interface Highcharts.SeriesLegendItemClickEventObject
  */ /**
 * Related browser event.