ps-toolkit-ui 0.0.213 → 0.0.217

package/src/assets/plugins/highcharts/code/es-modules/Core/Legend/Legend.js

@@ -1,1284 +0,0 @@
-/* *
- *
- *  (c) 2010-2021 Torstein Honsi
- *
- *  License: www.highcharts.com/license
- *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
-'use strict';
-import A from '../Animation/AnimationUtilities.js';
-var animObject = A.animObject, setAnimation = A.setAnimation;
-import F from '../FormatUtilities.js';
-var format = F.format;
-import H from '../Globals.js';
-var isFirefox = H.isFirefox, marginNames = H.marginNames, win = H.win;
-import Point from '../Series/Point.js';
-import R from '../Renderer/RendererUtilities.js';
-var distribute = R.distribute;
-import U from '../Utilities.js';
-var addEvent = U.addEvent, createElement = U.createElement, css = U.css, defined = U.defined, discardElement = U.discardElement, find = U.find, fireEvent = U.fireEvent, isNumber = U.isNumber, merge = U.merge, pick = U.pick, relativeLength = U.relativeLength, stableSort = U.stableSort, syncTimeout = U.syncTimeout, wrap = U.wrap;
-/* *
- *
- *  Class
- *
- * */
-/**
- * The overview of the chart's series. The legend object is instanciated
- * internally in the chart constructor, and is available from the `chart.legend`
- * property. Each chart has only one legend.
- *
- * @class
- * @name Highcharts.Legend
- *
- * @param {Highcharts.Chart} chart
- * The chart instance.
- *
- * @param {Highcharts.LegendOptions} options
- * Legend options.
- */
-var Legend = /** @class */ (function () {
-    /* *
-     *
-     *  Constructors
-     *
-     * */
-    function Legend(chart, options) {
-        /* *
-         *
-         *  Properties
-         *
-         * */
-        this.allItems = [];
-        this.box = void 0;
-        this.contentGroup = void 0;
-        this.display = false;
-        this.group = void 0;
-        this.initialItemY = 0;
-        this.itemHeight = 0;
-        this.itemMarginBottom = 0;
-        this.itemMarginTop = 0;
-        this.itemX = 0;
-        this.itemY = 0;
-        this.lastItemY = 0;
-        this.lastLineHeight = 0;
-        this.legendHeight = 0;
-        this.legendWidth = 0;
-        this.maxItemWidth = 0;
-        this.maxLegendWidth = 0;
-        this.offsetWidth = 0;
-        this.options = {};
-        this.padding = 0;
-        this.pages = [];
-        this.proximate = false;
-        this.scrollGroup = void 0;
-        this.symbolHeight = 0;
-        this.symbolWidth = 0;
-        this.titleHeight = 0;
-        this.totalItemWidth = 0;
-        this.widthOption = 0;
-        this.chart = chart;
-        this.init(chart, options);
-    }
-    /* *
-     *
-     *  Functions
-     *
-     * */
-    /* eslint-disable valid-jsdoc */
-    /**
-     * Initialize the legend.
-     *
-     * @private
-     * @function Highcharts.Legend#init
-     *
-     * @param {Highcharts.Chart} chart
-     * The chart instance.
-     *
-     * @param {Highcharts.LegendOptions} options
-     * Legend options.
-     */
-    Legend.prototype.init = function (chart, options) {
-        /**
-         * Chart of this legend.
-         *
-         * @readonly
-         * @name Highcharts.Legend#chart
-         * @type {Highcharts.Chart}
-         */
-        this.chart = chart;
-        this.setOptions(options);
-        if (options.enabled) {
-            // Render it
-            this.render();
-            // move checkboxes
-            addEvent(this.chart, 'endResize', function () {
-                this.legend.positionCheckboxes();
-            });
-            if (this.proximate) {
-                this.unchartrender = addEvent(this.chart, 'render', function () {
-                    this.legend.proximatePositions();
-                    this.legend.positionItems();
-                });
-            }
-            else if (this.unchartrender) {
-                this.unchartrender();
-            }
-        }
-    };
-    /**
-     * @private
-     * @function Highcharts.Legend#setOptions
-     * @param {Highcharts.LegendOptions} options
-     */
-    Legend.prototype.setOptions = function (options) {
-        var padding = pick(options.padding, 8);
-        /**
-         * Legend options.
-         *
-         * @readonly
-         * @name Highcharts.Legend#options
-         * @type {Highcharts.LegendOptions}
-         */
-        this.options = options;
-        if (!this.chart.styledMode) {
-            this.itemStyle = options.itemStyle;
-            this.itemHiddenStyle = merge(this.itemStyle, options.itemHiddenStyle);
-        }
-        this.itemMarginTop = options.itemMarginTop || 0;
-        this.itemMarginBottom = options.itemMarginBottom || 0;
-        this.padding = padding;
-        this.initialItemY = padding - 5; // 5 is pixels above the text
-        this.symbolWidth = pick(options.symbolWidth, 16);
-        this.pages = [];
-        this.proximate = options.layout === 'proximate' && !this.chart.inverted;
-        // #12705: baseline has to be reset on every update
-        this.baseline = void 0;
-    };
-    /**
-     * Update the legend with new options. Equivalent to running `chart.update`
-     * with a legend configuration option.
-     *
-     * @sample highcharts/legend/legend-update/
-     *         Legend update
-     *
-     * @function Highcharts.Legend#update
-     *
-     * @param {Highcharts.LegendOptions} options
-     * Legend options.
-     *
-     * @param {boolean} [redraw=true]
-     * Whether to redraw the chart after the axis is altered. If doing more
-     * operations on the chart, it is a good idea to set redraw to false and
-     * call {@link Chart#redraw} after. Whether to redraw the chart.
-     *
-     * @emits Highcharts.Legends#event:afterUpdate
-     */
-    Legend.prototype.update = function (options, redraw) {
-        var chart = this.chart;
-        this.setOptions(merge(true, this.options, options));
-        this.destroy();
-        chart.isDirtyLegend = chart.isDirtyBox = true;
-        if (pick(redraw, true)) {
-            chart.redraw();
-        }
-        fireEvent(this, 'afterUpdate');
-    };
-    /**
-     * Set the colors for the legend item.
-     *
-     * @private
-     * @function Highcharts.Legend#colorizeItem
-     * @param {Highcharts.BubbleLegendItem|Highcharts.Point|Highcharts.Series} item
-     *        A Series or Point instance
-     * @param {boolean} [visible=false]
-     *        Dimmed or colored
-     *
-     * @todo
-     * Make events official: Fires the event `afterColorizeItem`.
-     */
-    Legend.prototype.colorizeItem = function (item, visible) {
-        item.legendGroup[visible ? 'removeClass' : 'addClass']('highcharts-legend-item-hidden');
-        if (!this.chart.styledMode) {
-            var legend = this, options = legend.options, legendItem = item.legendItem, legendLine = item.legendLine, legendSymbol = item.legendSymbol, hiddenColor = legend.itemHiddenStyle.color, textColor = visible ?
-                options.itemStyle.color :
-                hiddenColor, symbolColor = visible ?
-                (item.color || hiddenColor) :
-                hiddenColor, markerOptions = item.options && item.options.marker;
-            var symbolAttr = { fill: symbolColor };
-            if (legendItem) {
-                legendItem.css({
-                    fill: textColor,
-                    color: textColor // #1553, oldIE
-                });
-            }
-            if (legendLine) {
-                legendLine.attr({ stroke: symbolColor });
-            }
-            if (legendSymbol) {
-                // Apply marker options
-                if (markerOptions && legendSymbol.isMarker) { // #585
-                    symbolAttr = item.pointAttribs();
-                    if (!visible) {
-                        // #6769
-                        symbolAttr.stroke = symbolAttr.fill = hiddenColor;
-                    }
-                }
-                legendSymbol.attr(symbolAttr);
-            }
-        }
-        fireEvent(this, 'afterColorizeItem', { item: item, visible: visible });
-    };
-    /**
-     * @private
-     * @function Highcharts.Legend#positionItems
-     */
-    Legend.prototype.positionItems = function () {
-        // Now that the legend width and height are established, put the items
-        // in the final position
-        this.allItems.forEach(this.positionItem, this);
-        if (!this.chart.isResizing) {
-            this.positionCheckboxes();
-        }
-    };
-    /**
-     * Position the legend item.
-     *
-     * @private
-     * @function Highcharts.Legend#positionItem
-     * @param {Highcharts.BubbleLegendItem|Highcharts.Point|Highcharts.Series} item
-     * The item to position
-     */
-    Legend.prototype.positionItem = function (item) {
-        var _this = this;
-        var legend = this, options = legend.options, symbolPadding = options.symbolPadding, ltr = !options.rtl, legendItemPos = item._legendItemPos, itemX = legendItemPos[0], itemY = legendItemPos[1], checkbox = item.checkbox, legendGroup = item.legendGroup;
-        if (legendGroup && legendGroup.element) {
-            var attribs = {
-                translateX: ltr ?
-                    itemX :
-                    legend.legendWidth - itemX - 2 * symbolPadding - 4,
-                translateY: itemY
-            };
-            var complete = function () {
-                fireEvent(_this, 'afterPositionItem', { item: item });
-            };
-            if (defined(legendGroup.translateY)) {
-                legendGroup.animate(attribs, void 0, complete);
-            }
-            else {
-                legendGroup.attr(attribs);
-                complete();
-            }
-        }
-        if (checkbox) {
-            checkbox.x = itemX;
-            checkbox.y = itemY;
-        }
-    };
-    /**
-     * Destroy a single legend item, used internally on removing series items.
-     *
-     * @private
-     * @function Highcharts.Legend#destroyItem
-     * @param {Highcharts.BubbleLegendItem|Highcharts.Point|Highcharts.Series} item
-     * The item to remove
-     */
-    Legend.prototype.destroyItem = function (item) {
-        var checkbox = item.checkbox;
-        // destroy SVG elements
-        ['legendItem', 'legendLine', 'legendSymbol', 'legendGroup'].forEach(function (key) {
-            if (item[key]) {
-                item[key] = item[key].destroy();
-            }
-        });
-        if (checkbox) {
-            discardElement(item.checkbox);
-        }
-    };
-    /**
-     * Destroy the legend. Used internally. To reflow objects, `chart.redraw`
-     * must be called after destruction.
-     *
-     * @private
-     * @function Highcharts.Legend#destroy
-     */
-    Legend.prototype.destroy = function () {
-        /**
-         * @private
-         * @param {string} key
-             */
-        function destroyItems(key) {
-            if (this[key]) {
-                this[key] = this[key].destroy();
-            }
-        }
-        // Destroy items
-        this.getAllItems().forEach(function (item) {
-            ['legendItem', 'legendGroup'].forEach(destroyItems, item);
-        });
-        // Destroy legend elements
-        [
-            'clipRect',
-            'up',
-            'down',
-            'pager',
-            'nav',
-            'box',
-            'title',
-            'group'
-        ].forEach(destroyItems, this);
-        this.display = null; // Reset in .render on update.
-    };
-    /**
-     * Position the checkboxes after the width is determined.
-     *
-     * @private
-     * @function Highcharts.Legend#positionCheckboxes
-     */
-    Legend.prototype.positionCheckboxes = function () {
-        var alignAttr = this.group && this.group.alignAttr, clipHeight = this.clipHeight || this.legendHeight, titleHeight = this.titleHeight;
-        var translateY;
-        if (alignAttr) {
-            translateY = alignAttr.translateY;
-            this.allItems.forEach(function (item) {
-                var checkbox = item.checkbox;
-                var top;
-                if (checkbox) {
-                    top = translateY + titleHeight + checkbox.y +
-                        (this.scrollOffset || 0) + 3;
-                    css(checkbox, {
-                        left: (alignAttr.translateX + item.checkboxOffset +
-                            checkbox.x - 20) + 'px',
-                        top: top + 'px',
-                        display: this.proximate || (top > translateY - 6 &&
-                            top < translateY + clipHeight - 6) ?
-                            '' :
-                            'none'
-                    });
-                }
-            }, this);
-        }
-    };
-    /**
-     * Render the legend title on top of the legend.
-     *
-     * @private
-     * @function Highcharts.Legend#renderTitle
-     */
-    Legend.prototype.renderTitle = function () {
-        var options = this.options, padding = this.padding, titleOptions = options.title;
-        var bBox, titleHeight = 0;
-        if (titleOptions.text) {
-            if (!this.title) {
-                /**
-                 * SVG element of the legend title.
-                 *
-                 * @readonly
-                 * @name Highcharts.Legend#title
-                 * @type {Highcharts.SVGElement}
-                 */
-                this.title = this.chart.renderer.label(titleOptions.text, padding - 3, padding - 4, null, null, null, options.useHTML, null, 'legend-title')
-                    .attr({ zIndex: 1 });
-                if (!this.chart.styledMode) {
-                    this.title.css(titleOptions.style);
-                }
-                this.title.add(this.group);
-            }
-            // Set the max title width (#7253)
-            if (!titleOptions.width) {
-                this.title.css({
-                    width: this.maxLegendWidth + 'px'
-                });
-            }
-            bBox = this.title.getBBox();
-            titleHeight = bBox.height;
-            this.offsetWidth = bBox.width; // #1717
-            this.contentGroup.attr({ translateY: titleHeight });
-        }
-        this.titleHeight = titleHeight;
-    };
-    /**
-     * Set the legend item text.
-     *
-     * @function Highcharts.Legend#setText
-     * @param {Highcharts.Point|Highcharts.Series} item
-     *        The item for which to update the text in the legend.
-     */
-    Legend.prototype.setText = function (item) {
-        var options = this.options;
-        item.legendItem.attr({
-            text: options.labelFormat ?
-                format(options.labelFormat, item, this.chart) :
-                options.labelFormatter.call(item)
-        });
-    };
-    /**
-     * Render a single specific legend item. Called internally from the `render`
-     * function.
-     *
-     * @private
-     * @function Highcharts.Legend#renderItem
-     * @param {Highcharts.BubbleLegendItem|Highcharts.Point|Highcharts.Series} item
-     * The item to render.
-     */
-    Legend.prototype.renderItem = function (item) {
-        var legend = this, chart = legend.chart, renderer = chart.renderer, options = legend.options, horizontal = options.layout === 'horizontal', symbolWidth = legend.symbolWidth, symbolPadding = options.symbolPadding || 0, itemStyle = legend.itemStyle, itemHiddenStyle = legend.itemHiddenStyle, itemDistance = horizontal ? pick(options.itemDistance, 20) : 0, ltr = !options.rtl, isSeries = !item.series, series = !isSeries && item.series.drawLegendSymbol ?
-            item.series :
-            item, seriesOptions = series.options, showCheckbox = legend.createCheckboxForItem &&
-            seriesOptions &&
-            seriesOptions.showCheckbox, useHTML = options.useHTML, itemClassName = item.options.className;
-        var li = item.legendItem, 
-        // full width minus text width
-        itemExtraWidth = symbolWidth + symbolPadding +
-            itemDistance + (showCheckbox ? 20 : 0);
-        if (!li) { // generate it once, later move it
-            // Generate the group box, a group to hold the symbol and text. Text
-            // is to be appended in Legend class.
-            item.legendGroup = renderer
-                .g('legend-item')
-                .addClass('highcharts-' + series.type + '-series ' +
-                'highcharts-color-' + item.colorIndex +
-                (itemClassName ? ' ' + itemClassName : '') +
-                (isSeries ?
-                    ' highcharts-series-' + item.index :
-                    ''))
-                .attr({ zIndex: 1 })
-                .add(legend.scrollGroup);
-            // Generate the list item text and add it to the group
-            item.legendItem = li = renderer.text('', ltr ?
-                symbolWidth + symbolPadding :
-                -symbolPadding, legend.baseline || 0, useHTML);
-            if (!chart.styledMode) {
-                // merge to prevent modifying original (#1021)
-                li.css(merge(item.visible ?
-                    itemStyle :
-                    itemHiddenStyle));
-            }
-            li
-                .attr({
-                align: ltr ? 'left' : 'right',
-                zIndex: 2
-            })
-                .add(item.legendGroup);
-            // Get the baseline for the first item - the font size is equal for
-            // all
-            if (!legend.baseline) {
-                legend.fontMetrics = renderer.fontMetrics(chart.styledMode ? 12 : itemStyle.fontSize, li);
-                legend.baseline =
-                    legend.fontMetrics.f + 3 + legend.itemMarginTop;
-                li.attr('y', legend.baseline);
-                legend.symbolHeight =
-                    options.symbolHeight || legend.fontMetrics.f;
-                if (options.squareSymbol) {
-                    legend.symbolWidth = pick(options.symbolWidth, Math.max(legend.symbolHeight, 16));
-                    itemExtraWidth = legend.symbolWidth + symbolPadding +
-                        itemDistance + (showCheckbox ? 20 : 0);
-                    if (ltr) {
-                        li.attr('x', legend.symbolWidth + symbolPadding);
-                    }
-                }
-            }
-            // Draw the legend symbol inside the group box
-            series.drawLegendSymbol(legend, item);
-            if (legend.setItemEvents) {
-                legend.setItemEvents(item, li, useHTML);
-            }
-        }
-        // Add the HTML checkbox on top
-        if (showCheckbox && !item.checkbox && legend.createCheckboxForItem) {
-            legend.createCheckboxForItem(item);
-        }
-        // Colorize the items
-        legend.colorizeItem(item, item.visible);
-        // Take care of max width and text overflow (#6659)
-        if (chart.styledMode || !itemStyle.width) {
-            li.css({
-                width: ((options.itemWidth ||
-                    legend.widthOption ||
-                    chart.spacingBox.width) - itemExtraWidth) + 'px'
-            });
-        }
-        // Always update the text
-        legend.setText(item);
-        // calculate the positions for the next line
-        var bBox = li.getBBox();
-        var fontMetricsH = (legend.fontMetrics && legend.fontMetrics.h) || 0;
-        item.itemWidth = item.checkboxOffset =
-            options.itemWidth ||
-                item.legendItemWidth ||
-                bBox.width + itemExtraWidth;
-        legend.maxItemWidth = Math.max(legend.maxItemWidth, item.itemWidth);
-        legend.totalItemWidth += item.itemWidth;
-        legend.itemHeight = item.itemHeight = Math.round(item.legendItemHeight ||
-            // use bBox for multiline (#16398)
-            (bBox.height > fontMetricsH * 1.5 ? bBox.height : fontMetricsH));
-    };
-    /**
-     * Get the position of the item in the layout. We now know the
-     * maxItemWidth from the previous loop.
-     *
-     * @private
-     * @function Highcharts.Legend#layoutItem
-     * @param {Highcharts.BubbleLegendItem|Highcharts.Point|Highcharts.Series} item
-     */
-    Legend.prototype.layoutItem = function (item) {
-        var options = this.options, padding = this.padding, horizontal = options.layout === 'horizontal', itemHeight = item.itemHeight, itemMarginBottom = this.itemMarginBottom, itemMarginTop = this.itemMarginTop, itemDistance = horizontal ? pick(options.itemDistance, 20) : 0, maxLegendWidth = this.maxLegendWidth, itemWidth = (options.alignColumns &&
-            this.totalItemWidth > maxLegendWidth) ?
-            this.maxItemWidth :
-            item.itemWidth;
-        // If the item exceeds the width, start a new line
-        if (horizontal &&
-            this.itemX - padding + itemWidth > maxLegendWidth) {
-            this.itemX = padding;
-            if (this.lastLineHeight) { // Not for the first line (#10167)
-                this.itemY += (itemMarginTop +
-                    this.lastLineHeight +
-                    itemMarginBottom);
-            }
-            this.lastLineHeight = 0; // reset for next line (#915, #3976)
-        }
-        // Set the edge positions
-        this.lastItemY = itemMarginTop + this.itemY + itemMarginBottom;
-        this.lastLineHeight = Math.max(// #915
-        itemHeight, this.lastLineHeight);
-        // cache the position of the newly generated or reordered items
-        item._legendItemPos = [this.itemX, this.itemY];
-        // advance
-        if (horizontal) {
-            this.itemX += itemWidth;
-        }
-        else {
-            this.itemY +=
-                itemMarginTop + itemHeight + itemMarginBottom;
-            this.lastLineHeight = itemHeight;
-        }
-        // the width of the widest item
-        this.offsetWidth = this.widthOption || Math.max((horizontal ? this.itemX - padding - (item.checkbox ?
-            // decrease by itemDistance only when no checkbox #4853
-            0 :
-            itemDistance) : itemWidth) + padding, this.offsetWidth);
-    };
-    /**
-     * Get all items, which is one item per series for most series and one
-     * item per point for pie series and its derivatives. Fires the event
-     * `afterGetAllItems`.
-     *
-     * @private
-     * @function Highcharts.Legend#getAllItems
-     * @return {Array<(Highcharts.BubbleLegendItem|Highcharts.Point|Highcharts.Series)>}
-     * The current items in the legend.
-     * @emits Highcharts.Legend#event:afterGetAllItems
-     */
-    Legend.prototype.getAllItems = function () {
-        var allItems = [];
-        this.chart.series.forEach(function (series) {
-            var seriesOptions = series && series.options;
-            // Handle showInLegend. If the series is linked to another series,
-            // defaults to false.
-            if (series && pick(seriesOptions.showInLegend, !defined(seriesOptions.linkedTo) ? void 0 : false, true)) {
-                // Use points or series for the legend item depending on
-                // legendType
-                allItems = allItems.concat(series.legendItems ||
-                    (seriesOptions.legendType === 'point' ?
-                        series.data :
-                        series));
-            }
-        });
-        fireEvent(this, 'afterGetAllItems', { allItems: allItems });
-        return allItems;
-    };
-    /**
-     * Get a short, three letter string reflecting the alignment and layout.
-     *
-     * @private
-     * @function Highcharts.Legend#getAlignment
-     * @return {string}
-     * The alignment, empty string if floating
-     */
-    Legend.prototype.getAlignment = function () {
-        var options = this.options;
-        // Use the first letter of each alignment option in order to detect
-        // the side. (#4189 - use charAt(x) notation instead of [x] for IE7)
-        if (this.proximate) {
-            return options.align.charAt(0) + 'tv';
-        }
-        return options.floating ? '' : (options.align.charAt(0) +
-            options.verticalAlign.charAt(0) +
-            options.layout.charAt(0));
-    };
-    /**
-     * Adjust the chart margins by reserving space for the legend on only one
-     * side of the chart. If the position is set to a corner, top or bottom is
-     * reserved for horizontal legends and left or right for vertical ones.
-     *
-     * @private
-     * @function Highcharts.Legend#adjustMargins
-     * @param {Array<number>} margin
-     * @param {Array<number>} spacing
-     */
-    Legend.prototype.adjustMargins = function (margin, spacing) {
-        var chart = this.chart, options = this.options, alignment = this.getAlignment();
-        if (alignment) {
-            ([
-                /(lth|ct|rth)/,
-                /(rtv|rm|rbv)/,
-                /(rbh|cb|lbh)/,
-                /(lbv|lm|ltv)/
-            ]).forEach(function (alignments, side) {
-                if (alignments.test(alignment) && !defined(margin[side])) {
-                    // Now we have detected on which side of the chart we should
-                    // reserve space for the legend
-                    chart[marginNames[side]] = Math.max(chart[marginNames[side]], (chart.legend[(side + 1) % 2 ? 'legendHeight' : 'legendWidth'] +
-                        [1, -1, -1, 1][side] * options[(side % 2) ? 'x' : 'y'] +
-                        pick(options.margin, 12) +
-                        spacing[side] +
-                        (chart.titleOffset[side] || 0)));
-                }
-            });
-        }
-    };
-    /**
-     * @private
-     * @function Highcharts.Legend#proximatePositions
-     */
-    Legend.prototype.proximatePositions = function () {
-        var chart = this.chart, boxes = [], alignLeft = this.options.align === 'left';
-        this.allItems.forEach(function (item) {
-            var lastPoint, height, useFirstPoint = alignLeft, target, top;
-            if (item.yAxis) {
-                if (item.xAxis.options.reversed) {
-                    useFirstPoint = !useFirstPoint;
-                }
-                if (item.points) {
-                    lastPoint = find(useFirstPoint ?
-                        item.points :
-                        item.points.slice(0).reverse(), function (item) {
-                        return isNumber(item.plotY);
-                    });
-                }
-                height = this.itemMarginTop +
-                    item.legendItem.getBBox().height +
-                    this.itemMarginBottom;
-                top = item.yAxis.top - chart.plotTop;
-                if (item.visible) {
-                    target = lastPoint ?
-                        lastPoint.plotY :
-                        item.yAxis.height;
-                    target += top - 0.3 * height;
-                }
-                else {
-                    target = top + item.yAxis.height;
-                }
-                boxes.push({
-                    target: target,
-                    size: height,
-                    item: item
-                });
-            }
-        }, this);
-        distribute(boxes, chart.plotHeight).forEach(function (box) {
-            if (box.item._legendItemPos) {
-                box.item._legendItemPos[1] =
-                    chart.plotTop - chart.spacing[0] + box.pos;
-            }
-        });
-    };
-    /**
-     * Render the legend. This method can be called both before and after
-     * `chart.render`. If called after, it will only rearrange items instead
-     * of creating new ones. Called internally on initial render and after
-     * redraws.
-     *
-     * @private
-     * @function Highcharts.Legend#render
-     */
-    Legend.prototype.render = function () {
-        var legend = this, chart = legend.chart, renderer = chart.renderer, options = legend.options, padding = legend.padding, 
-        // add each series or point
-        allItems = legend.getAllItems();
-        var display, legendWidth, legendHeight, legendGroup = legend.group, allowedWidth, box = legend.box;
-        legend.itemX = padding;
-        legend.itemY = legend.initialItemY;
-        legend.offsetWidth = 0;
-        legend.lastItemY = 0;
-        legend.widthOption = relativeLength(options.width, chart.spacingBox.width - padding);
-        // Compute how wide the legend is allowed to be
-        allowedWidth =
-            chart.spacingBox.width - 2 * padding - options.x;
-        if (['rm', 'lm'].indexOf(legend.getAlignment().substring(0, 2)) > -1) {
-            allowedWidth /= 2;
-        }
-        legend.maxLegendWidth = legend.widthOption || allowedWidth;
-        if (!legendGroup) {
-            /**
-             * SVG group of the legend.
-             *
-             * @readonly
-             * @name Highcharts.Legend#group
-             * @type {Highcharts.SVGElement}
-             */
-            legend.group = legendGroup = renderer.g('legend')
-                .addClass(options.className || '')
-                .attr({ zIndex: 7 })
-                .add();
-            legend.contentGroup = renderer.g()
-                .attr({ zIndex: 1 }) // above background
-                .add(legendGroup);
-            legend.scrollGroup = renderer.g()
-                .add(legend.contentGroup);
-        }
-        legend.renderTitle();
-        // sort by legendIndex
-        stableSort(allItems, function (a, b) {
-            return ((a.options && a.options.legendIndex) || 0) -
-                ((b.options && b.options.legendIndex) || 0);
-        });
-        // reversed legend
-        if (options.reversed) {
-            allItems.reverse();
-        }
-        /**
-         * All items for the legend, which is an array of series for most series
-         * and an array of points for pie series and its derivatives.
-         *
-         * @readonly
-         * @name Highcharts.Legend#allItems
-         * @type {Array<(Highcharts.Point|Highcharts.Series)>}
-         */
-        legend.allItems = allItems;
-        legend.display = display = !!allItems.length;
-        // Render the items. First we run a loop to set the text and properties
-        // and read all the bounding boxes. The next loop computes the item
-        // positions based on the bounding boxes.
-        legend.lastLineHeight = 0;
-        legend.maxItemWidth = 0;
-        legend.totalItemWidth = 0;
-        legend.itemHeight = 0;
-        allItems.forEach(legend.renderItem, legend);
-        allItems.forEach(legend.layoutItem, legend);
-        // Get the box
-        legendWidth = (legend.widthOption || legend.offsetWidth) + padding;
-        legendHeight = legend.lastItemY + legend.lastLineHeight +
-            legend.titleHeight;
-        legendHeight = legend.handleOverflow(legendHeight);
-        legendHeight += padding;
-        // Draw the border and/or background
-        if (!box) {
-            /**
-             * SVG element of the legend box.
-             *
-             * @readonly
-             * @name Highcharts.Legend#box
-             * @type {Highcharts.SVGElement}
-             */
-            legend.box = box = renderer.rect()
-                .addClass('highcharts-legend-box')
-                .attr({
-                r: options.borderRadius
-            })
-                .add(legendGroup);
-            box.isNew = true;
-        }
-        // Presentational
-        if (!chart.styledMode) {
-            box
-                .attr({
-                stroke: options.borderColor,
-                'stroke-width': options.borderWidth || 0,
-                fill: options.backgroundColor || 'none'
-            })
-                .shadow(options.shadow);
-        }
-        if (legendWidth > 0 && legendHeight > 0) {
-            box[box.isNew ? 'attr' : 'animate'](box.crisp.call({}, {
-                x: 0,
-                y: 0,
-                width: legendWidth,
-                height: legendHeight
-            }, box.strokeWidth()));
-            box.isNew = false;
-        }
-        // hide the border if no items
-        box[display ? 'show' : 'hide']();
-        // Open for responsiveness
-        if (chart.styledMode && legendGroup.getStyle('display') === 'none') {
-            legendWidth = legendHeight = 0;
-        }
-        legend.legendWidth = legendWidth;
-        legend.legendHeight = legendHeight;
-        if (display) {
-            legend.align();
-        }
-        if (!this.proximate) {
-            this.positionItems();
-        }
-        fireEvent(this, 'afterRender');
-    };
-    /**
-     * Align the legend to chart's box.
-     *
-     * @private
-     * @function Highcharts.align
-     * @param {Highcharts.BBoxObject} alignTo
-     */
-    Legend.prototype.align = function (alignTo) {
-        if (alignTo === void 0) { alignTo = this.chart.spacingBox; }
-        var chart = this.chart, options = this.options;
-        // If aligning to the top and the layout is horizontal, adjust for
-        // the title (#7428)
-        var y = alignTo.y;
-        if (/(lth|ct|rth)/.test(this.getAlignment()) &&
-            chart.titleOffset[0] > 0) {
-            y += chart.titleOffset[0];
-        }
-        else if (/(lbh|cb|rbh)/.test(this.getAlignment()) &&
-            chart.titleOffset[2] > 0) {
-            y -= chart.titleOffset[2];
-        }
-        if (y !== alignTo.y) {
-            alignTo = merge(alignTo, { y: y });
-        }
-        this.group.align(merge(options, {
-            width: this.legendWidth,
-            height: this.legendHeight,
-            verticalAlign: this.proximate ? 'top' : options.verticalAlign
-        }), true, alignTo);
-    };
-    /**
-     * Set up the overflow handling by adding navigation with up and down arrows
-     * below the legend.
-     *
-     * @private
-     * @function Highcharts.Legend#handleOverflow
-     */
-    Legend.prototype.handleOverflow = function (legendHeight) {
-        var legend = this, chart = this.chart, renderer = chart.renderer, options = this.options, optionsY = options.y, alignTop = options.verticalAlign === 'top', padding = this.padding, maxHeight = options.maxHeight, navOptions = options.navigation, animation = pick(navOptions.animation, true), arrowSize = navOptions.arrowSize || 12, pages = this.pages, allItems = this.allItems, clipToHeight = function (height) {
-            if (typeof height === 'number') {
-                clipRect.attr({
-                    height: height
-                });
-            }
-            else if (clipRect) { // Reset (#5912)
-                legend.clipRect = clipRect.destroy();
-                legend.contentGroup.clip();
-            }
-            // useHTML
-            if (legend.contentGroup.div) {
-                legend.contentGroup.div.style.clip = height ?
-                    'rect(' + padding + 'px,9999px,' +
-                        (padding + height) + 'px,0)' :
-                    'auto';
-            }
-        }, addTracker = function (key) {
-            legend[key] = renderer
-                .circle(0, 0, arrowSize * 1.3)
-                .translate(arrowSize / 2, arrowSize / 2)
-                .add(nav);
-            if (!chart.styledMode) {
-                legend[key].attr('fill', 'rgba(0,0,0,0.0001)');
-            }
-            return legend[key];
-        };
-        var clipHeight, lastY, spaceHeight = (chart.spacingBox.height +
-            (alignTop ? -optionsY : optionsY) - padding), nav = this.nav, clipRect = this.clipRect;
-        // Adjust the height
-        if (options.layout === 'horizontal' &&
-            options.verticalAlign !== 'middle' &&
-            !options.floating) {
-            spaceHeight /= 2;
-        }
-        if (maxHeight) {
-            spaceHeight = Math.min(spaceHeight, maxHeight);
-        }
-        // Reset the legend height and adjust the clipping rectangle
-        pages.length = 0;
-        if (legendHeight &&
-            spaceHeight > 0 &&
-            legendHeight > spaceHeight &&
-            navOptions.enabled !== false) {
-            this.clipHeight = clipHeight =
-                Math.max(spaceHeight - 20 - this.titleHeight - padding, 0);
-            this.currentPage = pick(this.currentPage, 1);
-            this.fullHeight = legendHeight;
-            // Fill pages with Y positions so that the top of each a legend item
-            // defines the scroll top for each page (#2098)
-            allItems.forEach(function (item, i) {
-                var y = item._legendItemPos[1], h = Math.round(item.legendItem.getBBox().height);
-                var len = pages.length;
-                if (!len || (y - pages[len - 1] > clipHeight &&
-                    (lastY || y) !== pages[len - 1])) {
-                    pages.push(lastY || y);
-                    len++;
-                }
-                // Keep track of which page each item is on
-                item.pageIx = len - 1;
-                if (lastY) {
-                    allItems[i - 1].pageIx = len - 1;
-                }
-                // add the last page if needed (#2617, #13683)
-                if (
-                // check the last item
-                i === allItems.length - 1 &&
-                    // if adding next page is needed
-                    y + h - pages[len - 1] > clipHeight &&
-                    // and will fully fit inside a new page
-                    h <= clipHeight) {
-                    pages.push(y);
-                    item.pageIx = len;
-                }
-                if (y !== lastY) {
-                    lastY = y;
-                }
-            });
-            // Only apply clipping if needed. Clipping causes blurred legend in
-            // PDF export (#1787)
-            if (!clipRect) {
-                clipRect = legend.clipRect =
-                    renderer.clipRect(0, padding, 9999, 0);
-                legend.contentGroup.clip(clipRect);
-            }
-            clipToHeight(clipHeight);
-            // Add navigation elements
-            if (!nav) {
-                this.nav = nav = renderer.g()
-                    .attr({ zIndex: 1 })
-                    .add(this.group);
-                this.up = renderer
-                    .symbol('triangle', 0, 0, arrowSize, arrowSize)
-                    .add(nav);
-                addTracker('upTracker')
-                    .on('click', function () {
-                    legend.scroll(-1, animation);
-                });
-                this.pager = renderer.text('', 15, 10)
-                    .addClass('highcharts-legend-navigation');
-                if (!chart.styledMode) {
-                    this.pager.css(navOptions.style);
-                }
-                this.pager.add(nav);
-                this.down = renderer
-                    .symbol('triangle-down', 0, 0, arrowSize, arrowSize)
-                    .add(nav);
-                addTracker('downTracker')
-                    .on('click', function () {
-                    legend.scroll(1, animation);
-                });
-            }
-            // Set initial position
-            legend.scroll(0);
-            legendHeight = spaceHeight;
-            // Reset
-        }
-        else if (nav) {
-            clipToHeight();
-            this.nav = nav.destroy(); // #6322
-            this.scrollGroup.attr({
-                translateY: 1
-            });
-            this.clipHeight = 0; // #1379
-        }
-        return legendHeight;
-    };
-    /**
-     * Scroll the legend by a number of pages.
-     *
-     * @private
-     * @function Highcharts.Legend#scroll
-     *
-     * @param {number} scrollBy
-     *        The number of pages to scroll.
-     *
-     * @param {boolean|Partial<Highcharts.AnimationOptionsObject>} [animation]
-     *        Whether and how to apply animation.
-     *
-     */
-    Legend.prototype.scroll = function (scrollBy, animation) {
-        var _this = this;
-        var chart = this.chart, pages = this.pages, pageCount = pages.length, clipHeight = this.clipHeight, navOptions = this.options.navigation, pager = this.pager, padding = this.padding;
-        var currentPage = this.currentPage + scrollBy;
-        // When resizing while looking at the last page
-        if (currentPage > pageCount) {
-            currentPage = pageCount;
-        }
-        if (currentPage > 0) {
-            if (typeof animation !== 'undefined') {
-                setAnimation(animation, chart);
-            }
-            this.nav.attr({
-                translateX: padding,
-                translateY: clipHeight + this.padding + 7 + this.titleHeight,
-                visibility: 'visible'
-            });
-            [this.up, this.upTracker].forEach(function (elem) {
-                elem.attr({
-                    'class': currentPage === 1 ?
-                        'highcharts-legend-nav-inactive' :
-                        'highcharts-legend-nav-active'
-                });
-            });
-            pager.attr({
-                text: currentPage + '/' + pageCount
-            });
-            [this.down, this.downTracker].forEach(function (elem) {
-                elem.attr({
-                    // adjust to text width
-                    x: 18 + this.pager.getBBox().width,
-                    'class': currentPage === pageCount ?
-                        'highcharts-legend-nav-inactive' :
-                        'highcharts-legend-nav-active'
-                });
-            }, this);
-            if (!chart.styledMode) {
-                this.up
-                    .attr({
-                    fill: currentPage === 1 ?
-                        navOptions.inactiveColor :
-                        navOptions.activeColor
-                });
-                this.upTracker
-                    .css({
-                    cursor: currentPage === 1 ? 'default' : 'pointer'
-                });
-                this.down
-                    .attr({
-                    fill: currentPage === pageCount ?
-                        navOptions.inactiveColor :
-                        navOptions.activeColor
-                });
-                this.downTracker
-                    .css({
-                    cursor: currentPage === pageCount ?
-                        'default' :
-                        'pointer'
-                });
-            }
-            this.scrollOffset = -pages[currentPage - 1] + this.initialItemY;
-            this.scrollGroup.animate({
-                translateY: this.scrollOffset
-            });
-            this.currentPage = currentPage;
-            this.positionCheckboxes();
-            // Fire event after scroll animation is complete
-            var animOptions = animObject(pick(animation, chart.renderer.globalAnimation, true));
-            syncTimeout(function () {
-                fireEvent(_this, 'afterScroll', { currentPage: currentPage });
-            }, animOptions.duration);
-        }
-    };
-    /**
-     * @private
-     * @function Highcharts.Legend#setItemEvents
-     * @param {Highcharts.BubbleLegendItem|Point|Highcharts.Series} item
-     * @param {Highcharts.SVGElement} legendItem
-     * @param {boolean} [useHTML=false]
-     * @emits Highcharts.Point#event:legendItemClick
-     * @emits Highcharts.Series#event:legendItemClick
-     */
-    Legend.prototype.setItemEvents = function (item, legendItem, useHTML) {
-        var legend = this, boxWrapper = legend.chart.renderer.boxWrapper, isPoint = item instanceof Point, 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
-        legendItems = useHTML ?
-            [legendItem, item.legendSymbol] :
-            [item.legendGroup];
-        var setOtherItemsState = function (state) {
-            legend.allItems.forEach(function (otherItem) {
-                if (item !== otherItem) {
-                    [otherItem]
-                        .concat(otherItem.linkedSeries || [])
-                        .forEach(function (otherItem) {
-                        otherItem.setState(state, !isPoint);
-                    });
-                }
-            });
-        };
-        // Set the events on the item group, or in case of useHTML, the item
-        // itself (#1249)
-        legendItems.forEach(function (element) {
-            if (element) {
-                element
-                    .on('mouseover', function () {
-                    if (item.visible) {
-                        setOtherItemsState('inactive');
-                    }
-                    item.setState('hover');
-                    // A CSS class to dim or hide other than the hovered
-                    // series.
-                    // Works only if hovered series is visible (#10071).
-                    if (item.visible) {
-                        boxWrapper.addClass(activeClass);
-                    }
-                    if (!styledMode) {
-                        legendItem.css(legend.options.itemHoverStyle);
-                    }
-                })
-                    .on('mouseout', function () {
-                    if (!legend.chart.styledMode) {
-                        legendItem.css(merge(item.visible ?
-                            legend.itemStyle :
-                            legend.itemHiddenStyle));
-                    }
-                    setOtherItemsState('');
-                    // A CSS class to dim or hide other than the hovered
-                    // series.
-                    boxWrapper.removeClass(activeClass);
-                    item.setState();
-                })
-                    .on('click', function (event) {
-                    var strLegendItemClick = 'legendItemClick', fnLegendItemClick = function () {
-                        if (item.setVisible) {
-                            item.setVisible();
-                        }
-                        // Reset inactive state
-                        setOtherItemsState(item.visible ? 'inactive' : '');
-                    };
-                    // A CSS class to dim or hide other than the hovered
-                    // 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
-                    };
-                    // click the name or symbol
-                    if (item.firePointEvent) { // point
-                        item.firePointEvent(strLegendItemClick, event, fnLegendItemClick);
-                    }
-                    else {
-                        fireEvent(item, strLegendItemClick, event, fnLegendItemClick);
-                    }
-                });
-            }
-        });
-    };
-    /**
-     * @private
-     * @function Highcharts.Legend#createCheckboxForItem
-     * @param {Highcharts.BubbleLegendItem|Point|Highcharts.Series} item
-     * @emits Highcharts.Series#event:checkboxClick
-     */
-    Legend.prototype.createCheckboxForItem = function (item) {
-        var legend = this;
-        item.checkbox = createElement('input', {
-            type: 'checkbox',
-            className: 'highcharts-legend-checkbox',
-            checked: item.selected,
-            defaultChecked: item.selected // required by IE7
-        }, legend.options.itemCheckboxStyle, legend.chart.container);
-        addEvent(item.checkbox, 'click', function (event) {
-            var target = event.target;
-            fireEvent(item.series || item, 'checkboxClick', {
-                checked: target.checked,
-                item: item
-            }, function () {
-                item.select();
-            });
-        });
-    };
-    return Legend;
-}());
-// Workaround for #2030, horizontal legend items not displaying in IE11 Preview,
-// and for #2580, a similar drawing flaw in Firefox 26.
-// Explore if there's a general cause for this. The problem may be related
-// to nested group elements, as the legend item texts are within 4 group
-// elements.
-if (/Trident\/7\.0/.test(win.navigator && win.navigator.userAgent) ||
-    isFirefox) {
-    wrap(Legend.prototype, 'positionItem', function (proceed, item) {
-        var legend = this, 
-        // If chart destroyed in sync, this is undefined (#2030)
-        runPositionItem = function () {
-            if (item._legendItemPos) {
-                proceed.call(legend, item);
-            }
-        };
-        // Do it now, for export and to get checkbox placement
-        runPositionItem();
-        // Do it after to work around the core issue
-        if (!legend.bubbleLegend) {
-            setTimeout(runPositionItem);
-        }
-    });
-}
-/* *
- *
- *  Default Export
- *
- * */
-export default Legend;
-/* *
- *
- *  API Declarations
- *
- * */
-/**
- * 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()`.
- *
- * @callback Highcharts.PointLegendItemClickCallbackFunction
- *
- * @param {Highcharts.Point} this
- *        The point on which the event occured.
- *
- * @param {Highcharts.PointLegendItemClickEventObject} event
- *        The event that occured.
- */
-/**
- * Information about the legend click event.
- *
- * @interface Highcharts.PointLegendItemClickEventObject
- */ /**
-* Related browser event.
-* @name Highcharts.PointLegendItemClickEventObject#browserEvent
-* @type {Highcharts.PointerEvent}
-*/ /**
-* Prevent the default action of toggle the visibility of the point.
-* @name Highcharts.PointLegendItemClickEventObject#preventDefault
-* @type {Function}
-*/ /**
-* Related point.
-* @name Highcharts.PointLegendItemClickEventObject#target
-* @type {Highcharts.Point}
-*/ /**
-* Event type.
-* @name Highcharts.PointLegendItemClickEventObject#type
-* @type {"legendItemClick"}
-*/
-/**
- * Gets fired when the legend item belonging to a series is clicked. The default
- * action is to toggle the visibility of the series. This can be prevented by
- * returning `false` or calling `event.preventDefault()`.
- *
- * @callback Highcharts.SeriesLegendItemClickCallbackFunction
- *
- * @param {Highcharts.Series} this
- *        The series where the event occured.
- *
- * @param {Highcharts.SeriesLegendItemClickEventObject} event
- *        The event that occured.
- */
-/**
- * Information about the legend click event.
- *
- * @interface Highcharts.SeriesLegendItemClickEventObject
- */ /**
-* Related browser event.
-* @name Highcharts.SeriesLegendItemClickEventObject#browserEvent
-* @type {Highcharts.PointerEvent}
-*/ /**
-* Prevent the default action of toggle the visibility of the series.
-* @name Highcharts.SeriesLegendItemClickEventObject#preventDefault
-* @type {Function}
-*/ /**
-* Related series.
-* @name Highcharts.SeriesLegendItemClickEventObject#target
-* @type {Highcharts.Series}
-*/ /**
-* Event type.
-* @name Highcharts.SeriesLegendItemClickEventObject#type
-* @type {"legendItemClick"}
-*/
-(''); // keeps doclets above in JS file