highcharts 10.2.0 → 10.2.1

package/es-modules/Core/Axis/TreeGridTick.js

@@ -1,317 +0,0 @@
-/* *
- *
- *  (c) 2016 Highsoft AS
- *  Authors: Jon Arild Nygard
- *
- *  License: www.highcharts.com/license
- *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
-'use strict';
-import U from '../Utilities.js';
-var addEvent = U.addEvent, isObject = U.isObject, isNumber = U.isNumber, pick = U.pick, wrap = U.wrap;
-/* eslint-disable no-invalid-this, valid-jsdoc */
-/**
- * @private
- */
-var TreeGridTick;
-(function (TreeGridTick) {
-    /* *
-     *
-     *  Interfaces
-     *
-     * */
-    /* *
-     *
-     *  Variables
-     *
-     * */
-    var applied = false;
-    /* *
-     *
-     *  Functions
-     *
-     * */
-    /**
-     * @private
-     */
-    function compose(TickClass) {
-        if (!applied) {
-            addEvent(TickClass, 'init', onInit);
-            wrap(TickClass.prototype, 'getLabelPosition', wrapGetLabelPosition);
-            wrap(TickClass.prototype, 'renderLabel', wrapRenderLabel);
-            // backwards compatibility
-            TickClass.prototype.collapse = function (redraw) {
-                this.treeGrid.collapse(redraw);
-            };
-            TickClass.prototype.expand = function (redraw) {
-                this.treeGrid.expand(redraw);
-            };
-            TickClass.prototype.toggleCollapse = function (redraw) {
-                this.treeGrid.toggleCollapse(redraw);
-            };
-            applied = true;
-        }
-    }
-    TreeGridTick.compose = compose;
-    /**
-     * @private
-     */
-    function onInit() {
-        var tick = this;
-        if (!tick.treeGrid) {
-            tick.treeGrid = new Additions(tick);
-        }
-    }
-    /**
-     * @private
-     */
-    function onTickHover(label) {
-        label.addClass('highcharts-treegrid-node-active');
-        if (!label.renderer.styledMode) {
-            label.css({
-                textDecoration: 'underline'
-            });
-        }
-    }
-    /**
-     * @private
-     */
-    function onTickHoverExit(label, options) {
-        var css = isObject(options.style) ? options.style : {};
-        label.removeClass('highcharts-treegrid-node-active');
-        if (!label.renderer.styledMode) {
-            label.css({ textDecoration: css.textDecoration });
-        }
-    }
-    /**
-     * @private
-     */
-    function renderLabelIcon(tick, params) {
-        var treeGrid = tick.treeGrid, isNew = !treeGrid.labelIcon, renderer = params.renderer, labelBox = params.xy, options = params.options, width = options.width || 0, height = options.height || 0, iconCenter = {
-            x: labelBox.x - (width / 2) - (options.padding || 0),
-            y: labelBox.y - (height / 2)
-        }, rotation = params.collapsed ? 90 : 180, shouldRender = params.show && isNumber(iconCenter.y);
-        var icon = treeGrid.labelIcon;
-        if (!icon) {
-            treeGrid.labelIcon = icon = renderer
-                .path(renderer.symbols[options.type](options.x || 0, options.y || 0, width, height))
-                .addClass('highcharts-label-icon')
-                .add(params.group);
-        }
-        // Set the new position, and show or hide
-        icon[shouldRender ? 'show' : 'hide'](); // #14904, #1338
-        // Presentational attributes
-        if (!renderer.styledMode) {
-            icon
-                .attr({
-                cursor: 'pointer',
-                'fill': pick(params.color, "#666666" /* Palette.neutralColor60 */),
-                'stroke-width': 1,
-                stroke: options.lineColor,
-                strokeWidth: options.lineWidth || 0
-            });
-        }
-        // Update the icon positions
-        icon[isNew ? 'attr' : 'animate']({
-            translateX: iconCenter.x,
-            translateY: iconCenter.y,
-            rotation: rotation
-        });
-    }
-    /**
-     * @private
-     */
-    function wrapGetLabelPosition(proceed, x, y, label, horiz, labelOptions, tickmarkOffset, index, step) {
-        var tick = this, lbOptions = pick(tick.options && tick.options.labels, labelOptions), pos = tick.pos, axis = tick.axis, options = axis.options, isTreeGrid = options.type === 'treegrid', result = proceed.apply(tick, [x, y, label, horiz, lbOptions, tickmarkOffset, index, step]);
-        var symbolOptions, indentation, mapOfPosToGridNode, node, level;
-        if (isTreeGrid) {
-            symbolOptions = (lbOptions && isObject(lbOptions.symbol, true) ?
-                lbOptions.symbol :
-                {});
-            indentation = (lbOptions && isNumber(lbOptions.indentation) ?
-                lbOptions.indentation :
-                0);
-            mapOfPosToGridNode = axis.treeGrid.mapOfPosToGridNode;
-            node = mapOfPosToGridNode && mapOfPosToGridNode[pos];
-            level = (node && node.depth) || 1;
-            result.x += (
-            // Add space for symbols
-            ((symbolOptions.width || 0) +
-                ((symbolOptions.padding || 0) * 2)) +
-                // Apply indentation
-                ((level - 1) * indentation));
-        }
-        return result;
-    }
-    /**
-     * @private
-     */
-    function wrapRenderLabel(proceed) {
-        var tick = this, pos = tick.pos, axis = tick.axis, label = tick.label, mapOfPosToGridNode = axis.treeGrid.mapOfPosToGridNode, options = axis.options, labelOptions = pick(tick.options && tick.options.labels, options && options.labels), symbolOptions = (labelOptions && isObject(labelOptions.symbol, true) ?
-            labelOptions.symbol :
-            {}), node = mapOfPosToGridNode && mapOfPosToGridNode[pos], level = node && node.depth, isTreeGrid = options.type === 'treegrid', shouldRender = axis.tickPositions.indexOf(pos) > -1, prefixClassName = 'highcharts-treegrid-node-', styledMode = axis.chart.styledMode;
-        var collapsed, addClassName, removeClassName;
-        if (isTreeGrid && node) {
-            // Add class name for hierarchical styling.
-            if (label &&
-                label.element) {
-                label.addClass(prefixClassName + 'level-' + level);
-            }
-        }
-        proceed.apply(tick, Array.prototype.slice.call(arguments, 1));
-        if (isTreeGrid &&
-            label &&
-            label.element &&
-            node &&
-            node.descendants &&
-            node.descendants > 0) {
-            collapsed = axis.treeGrid.isCollapsed(node);
-            renderLabelIcon(tick, {
-                color: (!styledMode &&
-                    label.styles &&
-                    label.styles.color ||
-                    ''),
-                collapsed: collapsed,
-                group: label.parentGroup,
-                options: symbolOptions,
-                renderer: label.renderer,
-                show: shouldRender,
-                xy: label.xy
-            });
-            // Add class name for the node.
-            addClassName = prefixClassName +
-                (collapsed ? 'collapsed' : 'expanded');
-            removeClassName = prefixClassName +
-                (collapsed ? 'expanded' : 'collapsed');
-            label
-                .addClass(addClassName)
-                .removeClass(removeClassName);
-            if (!styledMode) {
-                label.css({
-                    cursor: 'pointer'
-                });
-            }
-            // Add events to both label text and icon
-            [label, tick.treeGrid.labelIcon].forEach(function (object) {
-                if (object && !object.attachedTreeGridEvents) {
-                    // On hover
-                    addEvent(object.element, 'mouseover', function () {
-                        onTickHover(label);
-                    });
-                    // On hover out
-                    addEvent(object.element, 'mouseout', function () {
-                        onTickHoverExit(label, labelOptions);
-                    });
-                    addEvent(object.element, 'click', function () {
-                        tick.treeGrid.toggleCollapse();
-                    });
-                    object.attachedTreeGridEvents = true;
-                }
-            });
-        }
-    }
-    /* *
-     *
-     *  Classes
-     *
-     * */
-    /**
-     * @private
-     * @class
-     */
-    var Additions = /** @class */ (function () {
-        /* *
-         *
-         *  Constructors
-         *
-         * */
-        /**
-         * @private
-         */
-        function Additions(tick) {
-            this.tick = tick;
-        }
-        /* *
-         *
-         *  Functions
-         *
-         * */
-        /**
-         * Collapse the grid cell. Used when axis is of type treegrid.
-         *
-         * @see gantt/treegrid-axis/collapsed-dynamically/demo.js
-         *
-         * @private
-         * @function Highcharts.Tick#collapse
-         *
-         * @param {boolean} [redraw=true]
-         * Whether to redraw the chart or wait for an explicit call to
-         * {@link Highcharts.Chart#redraw}
-         */
-        Additions.prototype.collapse = function (redraw) {
-            var tick = this.tick, axis = tick.axis, brokenAxis = axis.brokenAxis;
-            if (brokenAxis &&
-                axis.treeGrid.mapOfPosToGridNode) {
-                var pos = tick.pos, node = axis.treeGrid.mapOfPosToGridNode[pos], breaks = axis.treeGrid.collapse(node);
-                brokenAxis.setBreaks(breaks, pick(redraw, true));
-            }
-        };
-        /**
-         * Destroy remaining labelIcon if exist.
-         *
-         * @private
-         * @function Highcharts.Tick#destroy
-         */
-        Additions.prototype.destroy = function () {
-            if (this.labelIcon) {
-                this.labelIcon.destroy();
-            }
-        };
-        /**
-         * Expand the grid cell. Used when axis is of type treegrid.
-         *
-         * @see gantt/treegrid-axis/collapsed-dynamically/demo.js
-         *
-         * @private
-         * @function Highcharts.Tick#expand
-         *
-         * @param {boolean} [redraw=true]
-         * Whether to redraw the chart or wait for an explicit call to
-         * {@link Highcharts.Chart#redraw}
-         */
-        Additions.prototype.expand = function (redraw) {
-            var tick = this.tick, axis = tick.axis, brokenAxis = axis.brokenAxis;
-            if (brokenAxis &&
-                axis.treeGrid.mapOfPosToGridNode) {
-                var pos = tick.pos, node = axis.treeGrid.mapOfPosToGridNode[pos], breaks = axis.treeGrid.expand(node);
-                brokenAxis.setBreaks(breaks, pick(redraw, true));
-            }
-        };
-        /**
-         * Toggle the collapse/expand state of the grid cell. Used when axis is
-         * of type treegrid.
-         *
-         * @see gantt/treegrid-axis/collapsed-dynamically/demo.js
-         *
-         * @private
-         * @function Highcharts.Tick#toggleCollapse
-         *
-         * @param {boolean} [redraw=true]
-         * Whether to redraw the chart or wait for an explicit call to
-         * {@link Highcharts.Chart#redraw}
-         */
-        Additions.prototype.toggleCollapse = function (redraw) {
-            var tick = this.tick, axis = tick.axis, brokenAxis = axis.brokenAxis;
-            if (brokenAxis &&
-                axis.treeGrid.mapOfPosToGridNode) {
-                var pos = tick.pos, node = axis.treeGrid.mapOfPosToGridNode[pos], breaks = axis.treeGrid.toggleCollapse(node);
-                brokenAxis.setBreaks(breaks, pick(redraw, true));
-            }
-        };
-        return Additions;
-    }());
-    TreeGridTick.Additions = Additions;
-})(TreeGridTick || (TreeGridTick = {}));
-export default TreeGridTick;

package/es-modules/Extensions/Annotations/Mixins/MarkerMixin.js

@@ -1,179 +0,0 @@
-/* *
- *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
-'use strict';
-import Chart from '../../../Core/Chart/Chart.js';
-import SVGRenderer from '../../../Core/Renderer/SVG/SVGRenderer.js';
-import U from '../../../Core/Utilities.js';
-var addEvent = U.addEvent, defined = U.defined, merge = U.merge, uniqueKey = U.uniqueKey;
-/**
- * Options for configuring markers for annotations.
- *
- * An example of the arrow marker:
- * <pre>
- * {
- *   arrow: {
- *     id: 'arrow',
- *     tagName: 'marker',
- *     refY: 5,
- *     refX: 5,
- *     markerWidth: 10,
- *     markerHeight: 10,
- *     children: [{
- *       tagName: 'path',
- *       attrs: {
- *         d: 'M 0 0 L 10 5 L 0 10 Z',
- *         'stroke-width': 0
- *       }
- *     }]
- *   }
- * }
- * </pre>
- *
- * @sample highcharts/annotations/custom-markers/
- *         Define a custom marker for annotations
- *
- * @sample highcharts/css/annotations-markers/
- *         Define markers in a styled mode
- *
- * @type         {Highcharts.Dictionary<Highcharts.ASTNode>}
- * @since        6.0.0
- * @optionparent defs
- */
-var defaultMarkers = {
-    /**
-     * @type {Highcharts.ASTNode}
-     */
-    arrow: {
-        tagName: 'marker',
-        attributes: {
-            id: 'arrow',
-            refY: 5,
-            refX: 9,
-            markerWidth: 10,
-            markerHeight: 10
-        },
-        /**
-         * @type {Array<Highcharts.DefsOptions>}
-         */
-        children: [{
-                tagName: 'path',
-                attributes: {
-                    d: 'M 0 0 L 10 5 L 0 10 Z',
-                    'stroke-width': 0
-                }
-            }]
-    },
-    /**
-     * @type {Highcharts.ASTNode}
-     */
-    'reverse-arrow': {
-        tagName: 'marker',
-        attributes: {
-            id: 'reverse-arrow',
-            refY: 5,
-            refX: 1,
-            markerWidth: 10,
-            markerHeight: 10
-        },
-        children: [{
-                tagName: 'path',
-                attributes: {
-                    // reverse triangle (used as an arrow)
-                    d: 'M 0 5 L 10 0 L 10 10 Z',
-                    'stroke-width': 0
-                }
-            }]
-    }
-};
-SVGRenderer.prototype.addMarker = function (id, markerOptions) {
-    var options = { attributes: { id: id } };
-    var attrs = {
-        stroke: markerOptions.color || 'none',
-        fill: markerOptions.color || 'rgba(0, 0, 0, 0.75)'
-    };
-    options.children = (markerOptions.children &&
-        markerOptions.children.map(function (child) {
-            return merge(attrs, child);
-        }));
-    var ast = merge(true, {
-        attributes: {
-            markerWidth: 20,
-            markerHeight: 20,
-            refX: 0,
-            refY: 0,
-            orient: 'auto'
-        }
-    }, markerOptions, options);
-    var marker = this.definition(ast);
-    marker.id = id;
-    return marker;
-};
-/* eslint-disable no-invalid-this, valid-jsdoc */
-/**
- * @private
- */
-function createMarkerSetter(markerType) {
-    return function (value) {
-        this.attr(markerType, 'url(#' + value + ')');
-    };
-}
-/**
- * @private
- * @mixin
- * @name Highcharts.AnnotaitonMarkerMixin
- */
-var markerMixin = {
-    markerEndSetter: createMarkerSetter('marker-end'),
-    markerStartSetter: createMarkerSetter('marker-start'),
-    /**
-     * Set markers.
-     * @private
-     * @param {Highcharts.AnnotationControllablePath} item
-     */
-    setItemMarkers: function (item) {
-        var itemOptions = item.options, chart = item.chart, defs = chart.options.defs, fill = itemOptions.fill, color = defined(fill) && fill !== 'none' ?
-            fill :
-            itemOptions.stroke;
-        var setMarker = function (markerType) {
-            var markerId = itemOptions[markerType], def, predefinedMarker, key, marker;
-            if (markerId) {
-                for (key in defs) { // eslint-disable-line guard-for-in
-                    def = defs[key];
-                    if ((markerId === (def.attributes && def.attributes.id) ||
-                        // Legacy, for
-                        // unit-tests/annotations/annotations-shapes
-                        markerId === def.id) &&
-                        def.tagName === 'marker') {
-                        predefinedMarker = def;
-                        break;
-                    }
-                }
-                if (predefinedMarker) {
-                    marker = item[markerType] = chart.renderer
-                        .addMarker((itemOptions.id || uniqueKey()) + '-' + markerId, merge(predefinedMarker, { color: color }));
-                    item.attr(markerType, marker.getAttribute('id'));
-                }
-            }
-        };
-        ['markerStart', 'markerEnd']
-            .forEach(setMarker);
-    }
-};
-addEvent(Chart, 'afterGetContainer', function () {
-    this.options.defs = merge(defaultMarkers, this.options.defs || {});
-    // objectEach(this.options.defs, function (def): void {
-    //     const attributes = def.attributes;
-    //     if (
-    //         def.tagName === 'marker' &&
-    //         attributes &&
-    //         attributes.id &&
-    //         attributes.display !== 'none'
-    //     ) {
-    //         this.renderer.addMarker(attributes.id, def);
-    //     }
-    // }, this);
-});
-export default markerMixin;