highcharts 10.2.1 → 10.3.1

package/es-modules/Series/Treegraph/TreegraphSeriesDefaults.js

@@ -0,0 +1,231 @@
+/* *
+ *
+ *  (c) 2010-2022 Pawel Lysy Grzegorz Blachlinski
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+'use strict';
+/* *
+ *
+ *  Constants
+ *
+ * */
+/**
+ * A treegraph series is a diagram, which shows a relation between ancestors
+ * and descendants with a clear parent - child relation.
+ * The best examples of the dataStructures, which best reflect this chart
+ * are e.g. genealogy tree or directory structure.
+ *
+ * TODO change back the demo path
+ * @sample highcharts/demo/treegraph-chart
+ *         Treegraph Chart
+ *
+ * @extends      plotOptions.treemap
+ * @excluding    layoutAlgorithm, dashStyle, linecap, lineWidth,
+ *               negativeColor, threshold, zones, zoneAxis, colorAxis,
+ *               colorKey, compare, dataGrouping, endAgle, gapSize, gapUnit,
+ *               ignoreHiddenPoint, innerSize, joinBy, legendType, linecap,
+ *               minSize, navigatorOptions, pointRange, allowTraversingTree,
+ *               alternateStartingDirection, borderRadius, breadcrumbs,
+ *               interactByLeaf, layoutStartingDirection, levelIsConstant,
+ *               lineWidth, negativeColor, nodes, sortIndex, zoneAxis,
+ *               zones
+ *
+ * @product      highcharts
+ * @since 10.3.0
+ * @requires     modules/treemap.js
+ * @requires     modules/treegraph.js
+ * @optionparent plotOptions.treegraph
+ */
+var TreegraphSeriesDefaults = {
+    /**
+     * Flips the positions of the nodes of a treegraph along the
+     * horizontal axis (vertical if chart is inverted).
+     *
+     * @sample highcharts/series-treegraph/reversed-nodes
+     *         Treegraph series with reversed nodes.
+     *
+     * @type    {boolean}
+     * @default false
+     * @product highcharts
+     * @since 10.3.0
+     */
+    reversed: false,
+    /**
+     * @extends   plotOptions.series.marker
+     * @excluding enabled, enabledThreshold
+     */
+    marker: {
+        radius: 10,
+        lineWidth: 0,
+        symbol: 'circle',
+        fillOpacity: 1,
+        states: {}
+    },
+    link: {
+        /**
+         * Modifier of the shape of the curved link. Works best for
+         * values between 0 and 1, where 0 is a straight line, and 1 is
+         * a shape close to the default one.
+         *
+         * @type      {number}
+         * @default   0.5
+         * @product   highcharts
+         * @since 10.3.0
+         * @apioption series.treegraph.link.curveFactor
+         */
+        /**
+         * The color of the links between nodes.
+         *
+         * @type {Highcharts.ColorString}
+         * @private
+         */
+        color: "#666666" /* Palette.neutralColor60 */,
+        /**
+         * The line width of the links connecting nodes, in pixels.
+         * @type {number}
+         *
+         * @private
+         */
+        lineWidth: 1,
+        /**
+         * Radius for the rounded corners of the links between nodes.
+         * Works for `default` link type.
+         *
+         * @private
+         */
+        radius: 10,
+        cursor: 'default',
+        /**
+         * Type of the link shape.
+         *
+         * @sample   highcharts/series-treegraph/link-types
+         *           Different link types
+         *
+         * @type {'default' | 'curved' | 'straight'}
+         * @product highcharts
+         *
+         */
+        type: 'curved'
+    },
+    /**
+     * Options applied to collapse Button. The collape button is the
+     * small button which indicates, that the node is collapsable.
+     */
+    collapseButton: {
+        /**
+         * Whether the button should be visible only when the node is
+         * hovered. When set to true, the button is hidden for nodes,
+         * which are not collapsed, and shown for the collapsed ones.
+         */
+        onlyOnHover: true,
+        /**
+         * Whether the button should be visible.
+         */
+        enabled: true,
+        /**
+         * Offset of the button in the x direction.
+         */
+        x: 0,
+        /**
+         * Offset of the button in the y direction.
+         */
+        y: 0,
+        /**
+         * Height of the button.
+         */
+        height: 10,
+        /**
+         * Width of the button.
+         */
+        width: 10,
+        /**
+         * The symbol of the collapse button.
+         */
+        shape: 'circle'
+        /**
+         * CSS styles for the collapse button.
+         *
+         * In styled mode, the collapse button style is given in the
+         * `.highcharts-collapse-button` class.
+         *
+         *
+         * @type      {Highcharts.CSSObject}
+         * @apioption series.treegraph.collapseButton.style
+         */
+    },
+    /**
+     * @extends plotOptions.series.tooltip
+     */
+    tooltip: {
+        /**
+         * The HTML of the point's line in the tooltip. Variables are
+         * enclosed by curly brackets. Available variables are
+         * `point.id`,  `point.fromNode.id`, `point.toNode.id`,
+         * `series.name`, `series.color` and other properties on the
+         * same form. Furthermore, This can also be overridden for each
+         * series, which makes it a good hook for displaying units. In
+         * styled mode, the dot is colored by a class name rather than
+         * the point color.
+         *
+         * @type {string}
+         * @since 10.3.0
+         * @product highcharts
+         */
+        linkFormat: '{point.fromNode.id} \u2192 {point.toNode.id}',
+        pointFormat: '{point.id}'
+        /**
+         * A callback function for formatting the HTML output for a
+         * single link in the tooltip. Like the `linkFormat` string,
+         * but with more flexibility.
+         *
+         * @type {Highcharts.FormatterCallbackFunction.<Highcharts.Point>}
+         * @apioption series.treegraph.tooltip.linkFormatter
+         *
+         */
+    },
+    /**
+     * Options for the data labels appearing on top of the nodes and
+     * links. For treegraph charts, data labels are visible for the
+     * nodes by default, but hidden for links. This is controlled by
+     * modifying the `nodeFormat`, and the `format` that applies to
+     * links and is an empty string by default.
+     *
+     * @declare Highcharts.SeriesTreegraphDataLabelsOptionsObject
+     */
+    dataLabels: {
+        /**
+         * Options for a _link_ label text which should follow link
+         * connection. Border and background are disabled for a label
+         * that follows a path.
+         *
+         * **Note:** Only SVG-based renderer supports this option.
+         * Setting `useHTML` to true will disable this option.
+         *
+         * @sample highcharts/series-treegraph/link-text-path
+         *         Treegraph series with link text path dataLabels.
+         *
+         * @extends plotOptions.treegraph.dataLabels.linkTextPath
+         * @since 10.3.0
+         */
+        linkTextPath: {
+            attributes: {
+                startOffset: '50%'
+            }
+        },
+        enabled: true,
+        linkFormatter: function () { return ''; },
+        formatter: function () {
+            return this.point.id;
+        }
+    }
+};
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default TreegraphSeriesDefaults;

package/es-modules/Series/Treemap/TreemapNode.js

@@ -0,0 +1,48 @@
+/* *
+ *
+ *  (c) 2010-2022 Pawel Lysy
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+'use strict';
+/* *
+*
+*  Class
+*
+* */
+var TreemapNode = /** @class */ (function () {
+    function TreemapNode() {
+        /* *
+        *
+        *  Properties
+        *
+        * */
+        this.childrenTotal = 0;
+        this.visible = false;
+    }
+    /* *
+    *
+    *  Functions
+    *
+    * */
+    TreemapNode.prototype.init = function (id, i, children, height, level, series, parent) {
+        this.id = id;
+        this.i = i;
+        this.children = children;
+        this.height = height;
+        this.level = level;
+        this.series = series;
+        this.parent = parent;
+        return this;
+    };
+    return TreemapNode;
+}());
+/* *
+*
+*  Default Export
+*
+* */
+export default TreemapNode;

package/es-modules/Series/Treemap/TreemapPoint.js

@@ -48,6 +48,7 @@ var TreemapPoint = /** @class */ (function (_super) {
         _this.node = void 0;
         _this.options = void 0;
         _this.series = void 0;
+        _this.shapeType = 'rect';
         _this.value = void 0;
         return _this;
         /* eslint-enable valid-jsdoc */
@@ -96,7 +97,7 @@ var TreemapPoint = /** @class */ (function (_super) {
         }
     };
     TreemapPoint.prototype.shouldDraw = function () {
-        return DPU.shouldDraw(this);
+        return isNumber(this.plotY) && this.y !== null;
     };
     return TreemapPoint;
 }(ScatterPoint));

package/es-modules/Series/Treemap/TreemapSeries.js

@@ -42,6 +42,7 @@ var getColor = TU.getColor, getLevelOptions = TU.getLevelOptions, updateRootId =
 import U from '../../Core/Utilities.js';
 var addEvent = U.addEvent, correctFloat = U.correctFloat, defined = U.defined, error = U.error, extend = U.extend, fireEvent = U.fireEvent, isArray = U.isArray, isNumber = U.isNumber, isObject = U.isObject, isString = U.isString, merge = U.merge, pick = U.pick, stableSort = U.stableSort;
 import './TreemapComposition.js';
+import TreemapNode from './TreemapNode.js';
 /* *
  *
  *  Class
@@ -72,6 +73,7 @@ var TreemapSeries = /** @class */ (function (_super) {
         _this.data = void 0;
         _this.mapOptionsToLevel = void 0;
         _this.nodeMap = void 0;
+        _this.nodeList = void 0;
         _this.options = void 0;
         _this.points = void 0;
         _this.rootNode = void 0;
@@ -223,29 +225,6 @@ var TreemapSeries = /** @class */ (function (_super) {
             point.dataLabel.attr({ zIndex: (point.node.zIndex || 0) + 1 });
         }
     };
-    TreemapSeries.prototype.buildNode = function (id, i, level, list, parent) {
-        var series = this, children = [], point = series.points[i], height = 0, node, child;
-        // Actions
-        ((list[id] || [])).forEach(function (i) {
-            child = series.buildNode(series.points[i].id, i, (level + 1), list, id);
-            height = Math.max(child.height + 1, height);
-            children.push(child);
-        });
-        node = {
-            id: id,
-            i: i,
-            children: children,
-            height: height,
-            level: level,
-            parent: parent,
-            visible: false // @todo move this to better location
-        };
-        series.nodeMap[node.id] = node;
-        if (point) {
-            point.node = node;
-        }
-        return node;
-    };
     /**
      * Recursive function which calculates the area for all children of a
      * node.
@@ -378,8 +357,9 @@ var TreemapSeries = /** @class */ (function (_super) {
      * Override drawPoints
      * @private
      */
-    TreemapSeries.prototype.drawPoints = function () {
-        var series = this, chart = series.chart, renderer = chart.renderer, points = series.points, styledMode = chart.styledMode, options = series.options, shadow = styledMode ? {} : options.shadow, borderRadius = options.borderRadius, withinAnimationLimit = chart.pointCount < options.animationLimit, allowTraversingTree = options.allowTraversingTree;
+    TreemapSeries.prototype.drawPoints = function (points) {
+        if (points === void 0) { points = this.points; }
+        var series = this, chart = series.chart, renderer = chart.renderer, styledMode = chart.styledMode, options = series.options, shadow = styledMode ? {} : options.shadow, borderRadius = options.borderRadius, withinAnimationLimit = chart.pointCount < options.animationLimit, allowTraversingTree = options.allowTraversingTree;
         points.forEach(function (point) {
             var levelDynamic = point.node.levelDynamic, animatableAttribs = {}, attribs = {}, css = {}, groupKey = 'level-group-' + point.node.level, hasGraphic = !!point.graphic, shouldAnimate = withinAnimationLimit && hasGraphic, shapeArgs = point.shapeArgs;
             // Don't bother with calculate styling if the point is not drawn
@@ -424,7 +404,7 @@ var TreemapSeries = /** @class */ (function (_super) {
                 renderer: renderer,
                 shadow: shadow,
                 shapeArgs: shapeArgs,
-                shapeType: 'rect'
+                shapeType: point.shapeType
             });
             // If setRootNode is allowed, set a point cursor on clickables &
             // add drillId to point
@@ -537,7 +517,28 @@ var TreemapSeries = /** @class */ (function (_super) {
             return d.id;
         }), parentList = series.getListOfParents(this.data, allIds);
         series.nodeMap = {};
-        return series.buildNode('', -1, 0, parentList);
+        series.nodeList = [];
+        return series.buildTree('', -1, 0, parentList);
+    };
+    TreemapSeries.prototype.buildTree = function (id, index, level, list, parent) {
+        var series = this, children = [], point = series.points[index], height = 0, node, child;
+        // Actions
+        (list[id] || []).forEach(function (i) {
+            child = series.buildTree(series.points[i].id, i, level + 1, list, id);
+            height = Math.max(child.height + 1, height);
+            children.push(child);
+        });
+        node = new series.NodeClass().init(id, index, children, height, level, series, parent);
+        children.forEach(function (child) {
+            child.parentNode = node;
+        });
+        series.nodeMap[node.id] = node;
+        series.nodeList.push(node);
+        if (point) {
+            point.node = node;
+            node.point = point;
+        }
+        return node;
     };
     /**
      * Define hasData function for non-cartesian series. Returns true if the
@@ -1380,6 +1381,7 @@ extend(TreemapSeries.prototype, {
     parallelArrays: ['x', 'y', 'value', 'colorValue'],
     pointArrayMap: ['value'],
     pointClass: TreemapPoint,
+    NodeClass: TreemapNode,
     trackerGroups: ['group', 'dataLabelsGroup'],
     utils: {
         recursive: TreemapUtilities.recursive

package/es-modules/Series/Variwide/VariwideComposition.js

@@ -10,36 +10,50 @@
  *
  * */
 'use strict';
-import Tick from '../../Core/Axis/Tick.js';
-import Axis from '../../Core/Axis/Axis.js';
 import U from '../../Core/Utilities.js';
 var addEvent = U.addEvent, wrap = U.wrap;
 /* *
  *
- * Composition
+ *  Constants
  *
  * */
-Tick.prototype.postTranslate = function (xy, xOrY, index) {
-    var axis = this.axis;
-    var pos = xy[xOrY] - axis.pos;
-    if (!axis.horiz) {
-        pos = axis.len - pos;
+var composedMembers = [];
+/* *
+ *
+ *  Functions
+ *
+ * */
+/**
+ * @private
+ */
+function compose(AxisClass, TickClass) {
+    if (composedMembers.indexOf(AxisClass) === -1) {
+        composedMembers.push(AxisClass);
+        addEvent(AxisClass, 'afterDrawCrosshair', onAxisAfterDrawCrosshair);
+        addEvent(AxisClass, 'afterRender', onAxisAfterRender);
     }
-    pos = axis.series[0].postTranslate(index, pos);
-    if (!axis.horiz) {
-        pos = axis.len - pos;
+    if (composedMembers.indexOf(TickClass) === -1) {
+        composedMembers.push(TickClass);
+        addEvent(TickClass, 'afterGetPosition', onTickAfterGetPosition);
+        var tickProto = TickClass.prototype;
+        tickProto.postTranslate = tickPostTranslate;
+        wrap(tickProto, 'getLabelPosition', wrapTickGetLabelPosition);
     }
-    xy[xOrY] = axis.pos + pos;
-};
-/* eslint-disable no-invalid-this */
-// Same width as the category (#8083)
-addEvent(Axis, 'afterDrawCrosshair', function (e) {
+}
+/**
+ * Same width as the category (#8083)
+ * @private
+ */
+function onAxisAfterDrawCrosshair(e) {
     if (this.variwide && this.cross) {
         this.cross.attr('stroke-width', (e.point && e.point.crosshairWidth));
     }
-});
-// On a vertical axis, apply anti-collision logic to the labels.
-addEvent(Axis, 'afterRender', function () {
+}
+/**
+ * On a vertical axis, apply anti-collision logic to the labels.
+ * @private
+ */
+function onAxisAfterRender() {
     var axis = this;
     if (!this.horiz && this.variwide) {
         this.chart.labelCollectors.push(function () {
@@ -54,25 +68,55 @@ addEvent(Axis, 'afterRender', function () {
             });
         });
     }
-});
-addEvent(Tick, 'afterGetPosition', function (e) {
+}
+/**
+ * @private
+ */
+function onTickAfterGetPosition(e) {
     var axis = this.axis, xOrY = axis.horiz ? 'x' : 'y';
     if (axis.variwide) {
         this[xOrY + 'Orig'] = e.pos[xOrY];
         this.postTranslate(e.pos, xOrY, this.pos);
     }
-});
-wrap(Tick.prototype, 'getLabelPosition', function (proceed, x, y, label, horiz, labelOptions, tickmarkOffset, index) {
-    var args = Array.prototype.slice.call(arguments, 1), xy, xOrY = horiz ? 'x' : 'y';
+}
+/**
+ * @private
+ */
+function tickPostTranslate(xy, xOrY, index) {
+    var axis = this.axis;
+    var pos = xy[xOrY] - axis.pos;
+    if (!axis.horiz) {
+        pos = axis.len - pos;
+    }
+    pos = axis.series[0].postTranslate(index, pos);
+    if (!axis.horiz) {
+        pos = axis.len - pos;
+    }
+    xy[xOrY] = axis.pos + pos;
+}
+/**
+ * @private
+ */
+function wrapTickGetLabelPosition(proceed, x, y, label, horiz, labelOptions, tickmarkOffset, index) {
+    var args = Array.prototype.slice.call(arguments, 1), xOrY = horiz ? 'x' : 'y';
     // Replace the x with the original x
     if (this.axis.variwide &&
         typeof this[xOrY + 'Orig'] === 'number') {
         args[horiz ? 0 : 1] = this[xOrY + 'Orig'];
     }
-    xy = proceed.apply(this, args);
+    var xy = proceed.apply(this, args);
     // Post-translate
     if (this.axis.variwide && this.axis.categories) {
         this.postTranslate(xy, xOrY, this.pos);
     }
     return xy;
-});
+}
+/* *
+ *
+ *  Default Export
+ *
+ * */
+var VariwideComposition = {
+    compose: compose
+};
+export default VariwideComposition;

package/es-modules/Series/Variwide/VariwidePoint.js

@@ -9,6 +9,7 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
+'use strict';
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -25,23 +26,23 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
-var ColumnSeries = SeriesRegistry.seriesTypes.column;
+var ColumnPoint = SeriesRegistry.seriesTypes.column.prototype.pointClass;
 import U from '../../Core/Utilities.js';
 var isNumber = U.isNumber;
 /* *
  *
- * Class
+ *  Class
  *
  * */
 var VariwidePoint = /** @class */ (function (_super) {
     __extends(VariwidePoint, _super);
     function VariwidePoint() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
         /* *
          *
-         * Properites
+         *  Properites
          *
          * */
+        var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.crosshairWidth = void 0;
         _this.options = void 0;
         _this.series = void 0;
@@ -49,17 +50,17 @@ var VariwidePoint = /** @class */ (function (_super) {
     }
     /* *
      *
-     * Functions
+     *  Functions
      *
      * */
     VariwidePoint.prototype.isValid = function () {
         return isNumber(this.y) && isNumber(this.z);
     };
     return VariwidePoint;
-}(ColumnSeries.prototype.pointClass));
+}(ColumnPoint));
 /* *
  *
- * Export
+ *  Default Export
  *
  * */
 export default VariwidePoint;

package/es-modules/Series/Variwide/VariwideSeries.js

@@ -27,10 +27,10 @@ var __extends = (this && this.__extends) || (function () {
 })();
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var ColumnSeries = SeriesRegistry.seriesTypes.column;
+import VariwideComposition from './VariwideComposition.js';
 import VariwidePoint from './VariwidePoint.js';
 import U from '../../Core/Utilities.js';
 var extend = U.extend, merge = U.merge, pick = U.pick;
-import './VariwideComposition.js';
 /* *
  *
  *  Class
@@ -46,10 +46,15 @@ import './VariwideComposition.js';
 var VariwideSeries = /** @class */ (function (_super) {
     __extends(VariwideSeries, _super);
     function VariwideSeries() {
+        /* *
+         *
+         *  Static Properties
+         *
+         * */
         var _this = _super !== null && _super.apply(this, arguments) || this;
         /* *
          *
-         * Properties
+         *  Properties
          *
          * */
         _this.data = void 0;
@@ -81,7 +86,6 @@ var VariwideSeries = /** @class */ (function (_super) {
         }
         return;
     };
-    /* eslint-disable valid-jsdoc */
     /**
      * Translate an x value inside a given category index into the distorted
      * axis translation.
@@ -166,10 +170,15 @@ var VariwideSeries = /** @class */ (function (_super) {
             this.correctStackLabels();
         }
     };
-    // Function that corrects stack labels positions
+    /**
+     * Function that corrects stack labels positions
+     * @private
+     */
     VariwideSeries.prototype.correctStackLabels = function () {
-        var series = this, options = series.options, yAxis = series.yAxis, pointStack, pointWidth, stack, xValue;
-        series.points.forEach(function (point) {
+        var series = this, options = series.options, yAxis = series.yAxis;
+        var pointStack, pointWidth, stack, xValue;
+        for (var _i = 0, _a = series.points; _i < _a.length; _i++) {
+            var point = _a[_i];
             xValue = point.x;
             pointWidth = point.shapeArgs.width;
             stack = yAxis.stacking.stacks[(series.negStacks &&
@@ -184,13 +193,9 @@ var VariwideSeries = /** @class */ (function (_super) {
                     pointStack.setOffset(-(pointWidth / 2) || 0, pointWidth || 0, void 0, void 0, point.plotX);
                 }
             }
-        });
+        }
     };
-    /* *
-     *
-     * Static properties
-     *
-     * */
+    VariwideSeries.compose = VariwideComposition.compose;
     /**
      * A variwide chart (related to marimekko chart) is a column chart with a
      * variable width expressing a third dimension.
@@ -233,13 +238,13 @@ extend(VariwideSeries.prototype, {
 SeriesRegistry.registerSeriesType('variwide', VariwideSeries);
 /* *
  *
- * Default export
+ *  Default Export
  *
  * */
 export default VariwideSeries;
 /* *
  *
- * API Options
+ *  API Options
  *
  * */
 /**

package/es-modules/Series/Vector/VectorSeries.js

@@ -126,7 +126,7 @@ var VectorSeries = /** @class */ (function (_super) {
             }, {
                 length: 1
             });
-        item.legendLine = this.chart.renderer.path(path)
+        legendItem.line = this.chart.renderer.path(path)
         .addClass('highcharts-point')
         .attr({
             zIndex: 3,
@@ -134,7 +134,7 @@ var VectorSeries = /** @class */ (function (_super) {
             rotation: 270,
             'stroke-width': 1,
             'stroke': 'black'
-        }).add(item.legendGroup);
+        }).add(item.legendItem.group);
     },
     */
     /**