@elastic/charts 45.1.1 → 46.1.0

package/dist/chart_types/xy_chart/renderer/canvas/points.js

@@ -13,6 +13,7 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderPointGroup = exports.renderPoints = void 0;
 var color_library_wrappers_1 = require("../../../../common/color_library_wrappers");
+var panel_clipping_1 = require("./panel_clipping");
 var shapes_1 = require("./primitives/shapes");
 var panel_transform_1 = require("./utils/panel_transform");
 function renderPoints(ctx, points, _a) {
@@ -33,7 +34,7 @@ function renderPoints(ctx, points, _a) {
     });
 }
 exports.renderPoints = renderPoints;
-function renderPointGroup(ctx, points, geometryStateStyles, rotation, renderingArea, clippings, shouldClip) {
+function renderPointGroup(ctx, points, geometryStateStyles, rotation, renderingArea, shouldClip) {
     points
         .slice()
         .sort(function (_a, _b) {
@@ -48,7 +49,8 @@ function renderPointGroup(ctx, points, geometryStateStyles, rotation, renderingA
         var stroke = __assign(__assign({}, style.stroke), { color: (0, color_library_wrappers_1.overrideOpacity)(style.stroke.color, function (fillOpacity) { return fillOpacity * opacity; }) });
         var coordinates = { x: x + transform.x, y: y, radius: radius };
         var renderer = function () { return (0, shapes_1.renderShape)(ctx, style.shape, coordinates, fill, stroke); };
-        (0, panel_transform_1.withPanelTransform)(ctx, panel, rotation, renderingArea, renderer, { area: clippings, shouldClip: shouldClip });
+        var clippings = { area: (0, panel_clipping_1.getPanelClipping)(panel, rotation), shouldClip: shouldClip };
+        (0, panel_transform_1.withPanelTransform)(ctx, panel, rotation, renderingArea, renderer, clippings);
     });
 }
 exports.renderPointGroup = renderPointGroup;

package/dist/chart_types/xy_chart/renderer/canvas/points.js.map

@@ -1 +1 @@
-{"version":3,"file":"points.js","sourceRoot":"","sources":["../../../../../src/chart_types/xy_chart/renderer/canvas/points.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"points.js","sourceRoot":"","sources":["../../../../../src/chart_types/xy_chart/renderer/canvas/points.ts"],"names":[],"mappings":"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"}

package/dist/chart_types/xy_chart/renderer/canvas/renderers.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderXYChartCanvas2d = void 0;
 var colors_1 = require("../../../../common/colors");
 var canvas_1 = require("../../../../renderers/canvas");
+var animations_1 = require("./animations");
 var annotations_1 = require("./annotations");
 var areas_1 = require("./areas");
 var bars_1 = require("./bars");
@@ -12,103 +13,83 @@ var lines_1 = require("./lines");
 var panels_1 = require("./panels/panels");
 var debug_1 = require("./utils/debug");
 var bar_1 = require("./values/bar");
-function renderXYChartCanvas2d(ctx, dpr, clippings, props) {
-    var imgCanvas = document.createElement('canvas');
-    (0, canvas_1.withContext)(ctx, function () {
-        ctx.scale(dpr, dpr);
-        var renderingArea = props.renderingArea, chartTransform = props.chartTransform, rotation = props.rotation, geometries = props.geometries, geometriesIndex = props.geometriesIndex, _a = props.theme, sharedAxesStyle = _a.axes, sharedStyle = _a.sharedStyle, barSeriesStyle = _a.barSeriesStyle, background = _a.background, highlightedLegendItem = props.highlightedLegendItem, annotationDimensions = props.annotationDimensions, annotationSpecs = props.annotationSpecs, perPanelAxisGeoms = props.perPanelAxisGeoms, perPanelGridLines = props.perPanelGridLines, axesSpecs = props.axesSpecs, axesStyles = props.axesStyles, debug = props.debug, panelGeoms = props.panelGeoms;
-        var transform = { x: renderingArea.left + chartTransform.x, y: renderingArea.top + chartTransform.y };
-        (0, canvas_1.renderLayers)(ctx, [
-            function () { return (0, canvas_1.clearCanvas)(ctx, 'transparent'); },
-            function () { return debug && (0, panels_1.renderGridPanels)(ctx, transform, panelGeoms); },
-            function () {
-                return (0, grids_1.renderGrids)(ctx, {
-                    axesSpecs: axesSpecs,
-                    renderingArea: renderingArea,
-                    perPanelGridLines: perPanelGridLines,
-                    axesStyles: axesStyles,
-                    sharedAxesStyle: sharedAxesStyle,
-                });
-            },
-            function () {
-                return (0, panels_1.renderPanelSubstrates)(ctx, {
-                    axesSpecs: axesSpecs,
-                    perPanelAxisGeoms: perPanelAxisGeoms,
-                    renderingArea: renderingArea,
-                    debug: debug,
-                    axesStyles: axesStyles,
-                    sharedAxesStyle: sharedAxesStyle,
-                });
-            },
-            function () { return (0, annotations_1.renderAnnotations)(ctx, { rotation: rotation, renderingArea: renderingArea, annotationDimensions: annotationDimensions, annotationSpecs: annotationSpecs }, true); },
-            function () {
-                return (0, bars_1.renderBars)(ctx, imgCanvas, geometries.bars, sharedStyle, clippings, renderingArea, highlightedLegendItem, rotation);
-            },
-            function () {
-                return (0, areas_1.renderAreas)(ctx, imgCanvas, {
-                    areas: geometries.areas,
-                    clippings: clippings,
-                    renderingArea: renderingArea,
-                    rotation: rotation,
-                    highlightedLegendItem: highlightedLegendItem,
-                    sharedStyle: sharedStyle,
-                });
-            },
-            function () {
-                return (0, lines_1.renderLines)(ctx, {
-                    lines: geometries.lines,
-                    clippings: clippings,
-                    renderingArea: renderingArea,
-                    rotation: rotation,
-                    highlightedLegendItem: highlightedLegendItem,
-                    sharedStyle: sharedStyle,
-                });
-            },
-            function () {
-                return (0, bubbles_1.renderBubbles)(ctx, {
-                    bubbles: geometries.bubbles,
-                    clippings: clippings,
-                    highlightedLegendItem: highlightedLegendItem,
-                    sharedStyle: sharedStyle,
-                    rotation: rotation,
-                    renderingArea: renderingArea,
-                });
-            },
-            function () {
-                return geometries.bars.forEach(function (_a) {
-                    var bars = _a.value, panel = _a.panel;
-                    return (0, bar_1.renderBarValues)(ctx, {
-                        bars: bars,
-                        panel: panel,
+function renderXYChartCanvas2d(ctx, dpr, props, animationState) {
+    function render(aCtx) {
+        var imgCanvas = document.createElement('canvas');
+        (0, canvas_1.withContext)(ctx, function () {
+            ctx.scale(dpr, dpr);
+            var renderingArea = props.renderingArea, chartTransform = props.chartTransform, rotation = props.rotation, geometries = props.geometries, geometriesIndex = props.geometriesIndex, _a = props.theme, sharedAxesStyle = _a.axes, sharedStyle = _a.sharedStyle, barSeriesStyle = _a.barSeriesStyle, background = _a.background, highlightedLegendItem = props.highlightedLegendItem, annotationDimensions = props.annotationDimensions, annotationSpecs = props.annotationSpecs, perPanelAxisGeoms = props.perPanelAxisGeoms, perPanelGridLines = props.perPanelGridLines, axesSpecs = props.axesSpecs, axesStyles = props.axesStyles, debug = props.debug, panelGeoms = props.panelGeoms, hoveredAnnotationIds = props.hoveredAnnotationIds;
+            var transform = { x: renderingArea.left + chartTransform.x, y: renderingArea.top + chartTransform.y };
+            (0, canvas_1.renderLayers)(ctx, [
+                function () { return (0, canvas_1.clearCanvas)(ctx, 'transparent'); },
+                function () { return debug && (0, panels_1.renderGridPanels)(ctx, transform, panelGeoms); },
+                function () {
+                    return (0, grids_1.renderGrids)(ctx, {
+                        axesSpecs: axesSpecs,
+                        renderingArea: renderingArea,
+                        perPanelGridLines: perPanelGridLines,
+                        axesStyles: axesStyles,
+                        sharedAxesStyle: sharedAxesStyle,
+                    });
+                },
+                function () {
+                    return (0, panels_1.renderPanelSubstrates)(ctx, {
+                        axesSpecs: axesSpecs,
+                        perPanelAxisGeoms: perPanelAxisGeoms,
                         renderingArea: renderingArea,
-                        rotation: rotation,
                         debug: debug,
-                        barSeriesStyle: barSeriesStyle,
-                        background: background,
+                        axesStyles: axesStyles,
+                        sharedAxesStyle: sharedAxesStyle,
                     });
-                });
-            },
-            function () { return (0, annotations_1.renderAnnotations)(ctx, { annotationDimensions: annotationDimensions, annotationSpecs: annotationSpecs, rotation: rotation, renderingArea: renderingArea }, false); },
-            function () {
-                return debug &&
-                    (0, canvas_1.withContext)(ctx, function () {
-                        var _a;
-                        var left = renderingArea.left, top = renderingArea.top, width = renderingArea.width, height = renderingArea.height;
-                        (0, debug_1.renderDebugRect)(ctx, { x: left, y: top, width: width, height: height }, 0, { color: colors_1.Colors.Transparent.rgba }, { color: colors_1.Colors.Red.rgba, width: 4, dash: [4, 4] });
-                        var renderer = (_a = geometriesIndex.triangulation([0, 0, width, height])) === null || _a === void 0 ? void 0 : _a.render;
-                        if ((0, canvas_1.isCanvasRenderer)(renderer)) {
-                            ctx.beginPath();
-                            ctx.translate(left, top);
-                            ctx.setLineDash([5, 5]);
-                            renderer(ctx);
-                            ctx.lineWidth = 1;
-                            ctx.strokeStyle = 'blue';
-                            ctx.stroke();
-                        }
+                },
+                function () {
+                    return (0, annotations_1.renderAnnotations)(ctx, aCtx, annotationDimensions, annotationSpecs, rotation, renderingArea, sharedStyle, hoveredAnnotationIds, true);
+                },
+                function () { return (0, bars_1.renderBars)(ctx, imgCanvas, geometries.bars, sharedStyle, rotation, renderingArea, highlightedLegendItem); },
+                function () {
+                    return (0, areas_1.renderAreas)(ctx, imgCanvas, geometries.areas, sharedStyle, rotation, renderingArea, highlightedLegendItem);
+                },
+                function () { return (0, lines_1.renderLines)(ctx, geometries.lines, sharedStyle, rotation, renderingArea, highlightedLegendItem); },
+                function () { return (0, bubbles_1.renderBubbles)(ctx, geometries.bubbles, sharedStyle, rotation, renderingArea, highlightedLegendItem); },
+                function () {
+                    return geometries.bars.forEach(function (_a) {
+                        var bars = _a.value, panel = _a.panel;
+                        return (0, bar_1.renderBarValues)(ctx, {
+                            bars: bars,
+                            panel: panel,
+                            renderingArea: renderingArea,
+                            rotation: rotation,
+                            debug: debug,
+                            barSeriesStyle: barSeriesStyle,
+                            background: background,
+                        });
                     });
-            },
-        ]);
-    });
+                },
+                function () {
+                    return (0, annotations_1.renderAnnotations)(ctx, aCtx, annotationDimensions, annotationSpecs, rotation, renderingArea, sharedStyle, hoveredAnnotationIds, false);
+                },
+                function () {
+                    return debug &&
+                        (0, canvas_1.withContext)(ctx, function () {
+                            var _a;
+                            var left = renderingArea.left, top = renderingArea.top, width = renderingArea.width, height = renderingArea.height;
+                            (0, debug_1.renderDebugRect)(ctx, { x: left, y: top, width: width, height: height }, 0, { color: colors_1.Colors.Transparent.rgba }, { color: colors_1.Colors.Red.rgba, width: 4, dash: [4, 4] });
+                            var renderer = (_a = geometriesIndex.triangulation([0, 0, width, height])) === null || _a === void 0 ? void 0 : _a.render;
+                            if ((0, canvas_1.isCanvasRenderer)(renderer)) {
+                                ctx.beginPath();
+                                ctx.translate(left, top);
+                                ctx.setLineDash([5, 5]);
+                                renderer(ctx);
+                                ctx.lineWidth = 1;
+                                ctx.strokeStyle = 'blue';
+                                ctx.stroke();
+                            }
+                        });
+                },
+            ]);
+        });
+    }
+    void (0, animations_1.getAnimationPoolFn)(animationState, render);
 }
 exports.renderXYChartCanvas2d = renderXYChartCanvas2d;
 //# sourceMappingURL=renderers.js.map

package/dist/chart_types/xy_chart/renderer/canvas/renderers.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderers.js","sourceRoot":"","sources":["../../../../../src/chart_types/xy_chart/renderer/canvas/renderers.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"renderers.js","sourceRoot":"","sources":["../../../../../src/chart_types/xy_chart/renderer/canvas/renderers.ts"],"names":[],"mappings":"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"}

package/dist/chart_types/xy_chart/renderer/canvas/xy_chart.js

@@ -40,19 +40,20 @@ var compute_per_panel_axes_geoms_1 = require("../../state/selectors/compute_per_
 var compute_series_geometries_1 = require("../../state/selectors/compute_series_geometries");
 var get_axis_styles_1 = require("../../state/selectors/get_axis_styles");
 var get_grid_lines_1 = require("../../state/selectors/get_grid_lines");
+var get_highlighted_annotation_ids_selector_1 = require("../../state/selectors/get_highlighted_annotation_ids_selector");
 var get_highlighted_series_1 = require("../../state/selectors/get_highlighted_series");
 var get_specs_1 = require("../../state/selectors/get_specs");
 var is_chart_empty_1 = require("../../state/selectors/is_chart_empty");
 var indexed_geometry_map_1 = require("../../utils/indexed_geometry_map");
 var renderers_1 = require("./renderers");
 var has_mostly_rtl_1 = require("./utils/has_mostly_rtl");
-var CLIPPING_MARGINS = 0.5;
 var XYChartComponent = (function (_super) {
     __extends(XYChartComponent, _super);
     function XYChartComponent(props) {
         var _this = _super.call(this, props) || this;
         _this.ctx = null;
         _this.devicePixelRatio = window.devicePixelRatio;
+        _this.animationState = { rafId: NaN, pool: new Map() };
         return _this;
     }
     XYChartComponent.prototype.componentDidMount = function () {
@@ -74,14 +75,13 @@ var XYChartComponent = (function (_super) {
             this.props.onChartRendered();
         }
     };
+    XYChartComponent.prototype.componentWillUnmount = function () {
+        window.cancelAnimationFrame(this.animationState.rafId);
+        this.animationState.pool.clear();
+    };
     XYChartComponent.prototype.drawCanvas = function () {
         if (this.ctx) {
-            var _a = this.props, renderingArea = _a.renderingArea, rotation = _a.rotation;
-            var vertical = Math.abs(rotation) === 90;
-            var width = (vertical ? renderingArea.height : renderingArea.width) + CLIPPING_MARGINS * 2;
-            var height = (vertical ? renderingArea.width : renderingArea.height) + CLIPPING_MARGINS * 2;
-            var clippings = { x: -CLIPPING_MARGINS, y: -CLIPPING_MARGINS, width: width, height: height };
-            (0, renderers_1.renderXYChartCanvas2d)(this.ctx, this.devicePixelRatio, clippings, this.props);
+            (0, renderers_1.renderXYChartCanvas2d)(this.ctx, this.devicePixelRatio, this.props, this.animationState);
         }
     };
     XYChartComponent.prototype.tryCanvasContext = function () {
@@ -147,6 +147,7 @@ var DEFAULT_PROPS = {
     perPanelAxisGeoms: [],
     perPanelGridLines: [],
     axesStyles: new Map(),
+    hoveredAnnotationIds: [],
     annotationDimensions: new Map(),
     annotationSpecs: [],
     panelGeoms: [],
@@ -169,6 +170,7 @@ var mapStateToProps = function (state) {
         theme: (0, get_chart_theme_1.getChartThemeSelector)(state),
         chartContainerDimensions: (0, get_chart_container_dimensions_1.getChartContainerDimensionsSelector)(state),
         highlightedLegendItem: (0, get_highlighted_series_1.getHighlightedSeriesSelector)(state),
+        hoveredAnnotationIds: (0, get_highlighted_annotation_ids_selector_1.getHighlightedAnnotationIdsSelector)(state),
         rotation: (0, get_chart_rotation_1.getChartRotationSelector)(state),
         renderingArea: (0, compute_chart_dimensions_1.computeChartDimensionsSelector)(state).chartDimensions,
         chartTransform: (0, compute_chart_transform_1.computeChartTransformSelector)(state),

package/dist/chart_types/xy_chart/renderer/canvas/xy_chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"xy_chart.js","sourceRoot":"","sources":["../../../../../src/chart_types/xy_chart/renderer/canvas/xy_chart.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"xy_chart.js","sourceRoot":"","sources":["../../../../../src/chart_types/xy_chart/renderer/canvas/xy_chart.tsx"],"names":[],"mappings":"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"}

package/dist/chart_types/xy_chart/renderer/common/utils.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/chart_types/xy_chart/renderer/common/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/chart_types/xy_chart/renderer/common/utils.ts"],"names":[],"mappings":""}

package/dist/chart_types/xy_chart/renderer/common/utils.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAnnotationHoverParamsFn = void 0;
+var getAnnotationHoverParamsFn = function (hoveredElementIds, styles) { return function (id) {
+    var isHighlighted = hoveredElementIds.includes(id);
+    var style = hoveredElementIds.length === 0 ? styles.default : isHighlighted ? styles.highlighted : styles.unhighlighted;
+    var shouldTransition = !isHighlighted && hoveredElementIds.length > 0;
+    return {
+        style: style,
+        isHighlighted: isHighlighted,
+        shouldTransition: shouldTransition,
+    };
+}; };
+exports.getAnnotationHoverParamsFn = getAnnotationHoverParamsFn;
+//# sourceMappingURL=utils.js.map

package/dist/chart_types/xy_chart/renderer/common/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/chart_types/xy_chart/renderer/common/utils.ts"],"names":[],"mappings":";;;AAqBO,IAAM,0BAA0B,GAAG,UAAC,iBAA2B,EAAE,MAAgC,IAAK,OAAA,UAC3G,EAAU;IAEV,IAAM,aAAa,GAAG,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrD,IAAM,KAAK,GACT,iBAAiB,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;IAC9G,IAAM,gBAAgB,GAAG,CAAC,aAAa,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;IAExE,OAAO;QACL,KAAK,OAAA;QACL,aAAa,eAAA;QACb,gBAAgB,kBAAA;KACjB,CAAC;AACJ,CAAC,EAb4G,CAa5G,CAAC;AAbW,QAAA,0BAA0B,8BAarC"}

package/dist/chart_types/xy_chart/renderer/dom/annotations/annotations.js

@@ -36,28 +36,35 @@ var react_redux_1 = require("react-redux");
 var redux_1 = require("redux");
 var dom_element_1 = require("../../../../../state/actions/dom_element");
 var mouse_1 = require("../../../../../state/actions/mouse");
+var get_chart_theme_1 = require("../../../../../state/selectors/get_chart_theme");
 var get_internal_is_intialized_1 = require("../../../../../state/selectors/get_internal_is_intialized");
 var get_settings_specs_1 = require("../../../../../state/selectors/get_settings_specs");
+var light_theme_1 = require("../../../../../utils/themes/light_theme");
+var merge_utils_1 = require("../../../../../utils/themes/merge_utils");
 var compute_annotations_1 = require("../../../state/selectors/compute_annotations");
 var compute_chart_dimensions_1 = require("../../../state/selectors/compute_chart_dimensions");
 var get_annotation_tooltip_state_1 = require("../../../state/selectors/get_annotation_tooltip_state");
+var get_highlighted_annotation_ids_selector_1 = require("../../../state/selectors/get_highlighted_annotation_ids_selector");
 var get_specs_1 = require("../../../state/selectors/get_specs");
 var is_chart_empty_1 = require("../../../state/selectors/is_chart_empty");
 var spec_1 = require("../../../state/utils/spec");
 var specs_1 = require("../../../utils/specs");
+var utils_1 = require("../../common/utils");
 var annotation_tooltip_1 = require("./annotation_tooltip");
 var line_marker_1 = require("./line_marker");
-function renderAnnotationLineMarkers(chartAreaRef, chartDimensions, annotationLines, onDOMElementEnter, onDOMElementLeave, onAnnotationClick) {
+function renderAnnotationLineMarkers(chartAreaRef, chartDimensions, annotationLines, onDOMElementEnter, onDOMElementLeave, hoveredIds, lineStyle, sharedStyle, clickable) {
+    var getHoverStyles = (0, utils_1.getAnnotationHoverParamsFn)(hoveredIds, sharedStyle);
     return annotationLines.reduce(function (acc, props) {
         if (props.markers.length === 0) {
             return acc;
         }
-        acc.push(react_1.default.createElement(line_marker_1.LineMarker, __assign({}, props, { key: "annotation-" + props.id, chartAreaRef: chartAreaRef, chartDimensions: chartDimensions, onDOMElementEnter: onDOMElementEnter, onDOMElementLeave: onDOMElementLeave, onDOMElementClick: dom_element_1.onDOMElementClick, annotationSpec: onAnnotationClick })));
+        var style = getHoverStyles(props.id).style;
+        acc.push(react_1.default.createElement(line_marker_1.LineMarker, __assign({}, props, { key: "annotation-" + props.id, chartAreaRef: chartAreaRef, chartDimensions: chartDimensions, onDOMElementEnter: onDOMElementEnter, onDOMElementLeave: onDOMElementLeave, onDOMElementClick: dom_element_1.onDOMElementClick, clickable: clickable, style: style, animationStyle: lineStyle.animations })));
         return acc;
     }, []);
 }
 var AnnotationsComponent = function (_a) {
-    var tooltipState = _a.tooltipState, isChartEmpty = _a.isChartEmpty, chartDimensions = _a.chartDimensions, annotationSpecs = _a.annotationSpecs, annotationDimensions = _a.annotationDimensions, getChartContainerRef = _a.getChartContainerRef, chartAreaRef = _a.chartAreaRef, chartId = _a.chartId, zIndex = _a.zIndex, onPointerMove = _a.onPointerMove, onDOMElementEnter = _a.onDOMElementEnter, onDOMElementLeave = _a.onDOMElementLeave, onAnnotationClick = _a.onAnnotationClick;
+    var tooltipState = _a.tooltipState, isChartEmpty = _a.isChartEmpty, chartDimensions = _a.chartDimensions, annotationSpecs = _a.annotationSpecs, annotationDimensions = _a.annotationDimensions, getChartContainerRef = _a.getChartContainerRef, chartAreaRef = _a.chartAreaRef, chartId = _a.chartId, zIndex = _a.zIndex, onPointerMove = _a.onPointerMove, onDOMElementEnter = _a.onDOMElementEnter, onDOMElementLeave = _a.onDOMElementLeave, clickable = _a.clickable, hoveredAnnotationIds = _a.hoveredAnnotationIds, sharedStyle = _a.sharedStyle;
     var renderAnnotationMarkers = (0, react_1.useCallback)(function () {
         var markers = [];
         annotationDimensions.forEach(function (dimensions, id) {
@@ -66,8 +73,9 @@ var AnnotationsComponent = function (_a) {
                 return;
             }
             if ((0, specs_1.isLineAnnotation)(annotationSpec)) {
+                var lineStyle = (0, merge_utils_1.mergeWithDefaultAnnotationLine)(annotationSpec.style);
                 var annotationLines = dimensions;
-                var lineMarkers = renderAnnotationLineMarkers(chartAreaRef, chartDimensions, annotationLines, onDOMElementEnter, onDOMElementLeave, onAnnotationClick);
+                var lineMarkers = renderAnnotationLineMarkers(chartAreaRef, chartDimensions, annotationLines, onDOMElementEnter, onDOMElementLeave, hoveredAnnotationIds, lineStyle, sharedStyle, clickable);
                 lineMarkers.forEach(function (m) { return markers.push(m); });
             }
         });
@@ -79,7 +87,9 @@ var AnnotationsComponent = function (_a) {
         chartDimensions,
         onDOMElementEnter,
         onDOMElementLeave,
-        onAnnotationClick,
+        hoveredAnnotationIds,
+        sharedStyle,
+        clickable,
     ]);
     var onScroll = (0, react_1.useCallback)(function () {
         onPointerMove({ x: -1, y: -1 }, Date.now());
@@ -106,23 +116,27 @@ var mapStateToProps = function (state) {
         return {
             isChartEmpty: true,
             chartDimensions: { top: 0, left: 0, width: 0, height: 0 },
+            sharedStyle: light_theme_1.LIGHT_THEME.sharedStyle,
             annotationDimensions: new Map(),
             annotationSpecs: [],
             tooltipState: null,
             chartId: chartId,
             zIndex: zIndex,
-            onAnnotationClick: undefined,
+            hoveredAnnotationIds: [],
+            clickable: false,
         };
     }
     return {
         isChartEmpty: (0, is_chart_empty_1.isChartEmptySelector)(state),
         chartDimensions: (0, compute_chart_dimensions_1.computeChartDimensionsSelector)(state).chartDimensions,
+        sharedStyle: (0, get_chart_theme_1.getChartThemeSelector)(state).sharedStyle,
         annotationDimensions: (0, compute_annotations_1.computeAnnotationDimensionsSelector)(state),
         annotationSpecs: (0, get_specs_1.getAnnotationSpecsSelector)(state),
         tooltipState: (0, get_annotation_tooltip_state_1.getAnnotationTooltipStateSelector)(state),
         chartId: chartId,
         zIndex: zIndex,
-        onAnnotationClick: (0, get_settings_specs_1.getSettingsSpecSelector)(state).onAnnotationClick,
+        hoveredAnnotationIds: (0, get_highlighted_annotation_ids_selector_1.getHighlightedAnnotationIdsSelector)(state),
+        clickable: Boolean((0, get_settings_specs_1.getSettingsSpecSelector)(state).onAnnotationClick),
     };
 };
 exports.Annotations = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(AnnotationsComponent);

package/dist/chart_types/xy_chart/renderer/dom/annotations/annotations.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotations.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/dom/annotations/annotations.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"annotations.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/dom/annotations/annotations.tsx"],"names":[],"mappings":"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"}

package/dist/chart_types/xy_chart/renderer/dom/annotations/line_marker.js

@@ -64,16 +64,11 @@ function getMarkerCentredTransform(alignment, hasMarkerDimensions) {
 }
 function LineMarker(_a) {
     var _b, _c;
-    var id = _a.id, specId = _a.specId, datum = _a.datum, panel = _a.panel, _d = __read(_a.markers, 1), _e = _d[0], icon = _e.icon, body = _e.body, color = _e.color, position = _e.position, alignment = _e.alignment, dimension = _e.dimension, chartAreaRef = _a.chartAreaRef, chartDimensions = _a.chartDimensions, onDOMElementEnter = _a.onDOMElementEnter, onDOMElementLeave = _a.onDOMElementLeave, onDOMElementClick = _a.onDOMElementClick, annotationSpec = _a.annotationSpec;
+    var id = _a.id, specId = _a.specId, datum = _a.datum, panel = _a.panel, _d = __read(_a.markers, 1), _e = _d[0], icon = _e.icon, body = _e.body, color = _e.color, position = _e.position, alignment = _e.alignment, dimension = _e.dimension, chartAreaRef = _a.chartAreaRef, chartDimensions = _a.chartDimensions, onDOMElementEnter = _a.onDOMElementEnter, onDOMElementLeave = _a.onDOMElementLeave, onDOMElementClick = _a.onDOMElementClick, clickable = _a.clickable, style = _a.style, animationStyle = _a.animationStyle;
     var iconRef = (0, react_1.useRef)(null);
     var testRef = (0, react_1.useRef)(null);
     var popper = (0, react_1.useRef)(null);
-    var style = {
-        color: color,
-        top: chartDimensions.top + position.top + panel.top,
-        left: chartDimensions.left + position.left + panel.left,
-        cursor: annotationSpec ? 'pointer' : constants_1.DEFAULT_CSS_CURSOR,
-    };
+    var markerStyle = __assign(__assign(__assign({}, style), getAnimatedStyles(animationStyle, style)), { color: color, top: chartDimensions.top + position.top + panel.top, left: chartDimensions.left + position.left + panel.left, cursor: clickable ? 'pointer' : constants_1.DEFAULT_CSS_CURSOR });
     var transform = { transform: getMarkerCentredTransform(alignment, Boolean(dimension)) };
     var setPopper = (0, react_1.useCallback)(function () {
         if (!iconRef.current || !testRef.current)
@@ -114,25 +109,37 @@ function LineMarker(_a) {
         };
     }, [setPopper, body]);
     void ((_c = (_b = popper === null || popper === void 0 ? void 0 : popper.current) === null || _b === void 0 ? void 0 : _b.update) === null || _c === void 0 ? void 0 : _c.call(_b));
-    return onDOMElementClick ? (react_1.default.createElement("button", { className: "echAnnotation", key: "annotation-" + id, onMouseEnter: function () {
+    return onDOMElementClick ? (react_1.default.createElement("button", { className: "echAnnotation", onMouseEnter: function () {
             onDOMElementEnter({
                 createdBySpecId: specId,
                 id: id,
                 type: dom_element_1.DOMElementType.LineAnnotationMarker,
                 datum: datum,
             });
-        }, onMouseLeave: onDOMElementLeave, onClick: onDOMElementClick, style: __assign(__assign({}, style), transform), type: "button" },
+        }, onMouseLeave: onDOMElementLeave, onClick: onDOMElementClick, style: __assign(__assign({}, markerStyle), transform), type: "button" },
         react_1.default.createElement("div", { ref: iconRef, className: "echAnnotation__icon" }, (0, common_1.renderWithProps)(icon, datum)),
-        body && (react_1.default.createElement("div", { ref: testRef, className: "echAnnotation__body" }, (0, common_1.renderWithProps)(body, datum))))) : (react_1.default.createElement("div", { className: "echAnnotation", key: "annotation-" + id, onMouseEnter: function () {
+        body && (react_1.default.createElement("div", { ref: testRef, className: "echAnnotation__body" }, (0, common_1.renderWithProps)(body, datum))))) : (react_1.default.createElement("div", { className: "echAnnotation", onMouseEnter: function () {
             onDOMElementEnter({
                 createdBySpecId: specId,
                 id: id,
                 type: dom_element_1.DOMElementType.LineAnnotationMarker,
                 datum: datum,
             });
-        }, onMouseLeave: onDOMElementLeave, style: __assign(__assign({}, style), transform) },
+        }, onMouseLeave: onDOMElementLeave, style: __assign(__assign({}, markerStyle), transform) },
         react_1.default.createElement("div", { ref: iconRef, className: "echAnnotation__icon" }, (0, common_1.renderWithProps)(icon, datum)),
         body && (react_1.default.createElement("div", { ref: testRef, className: "echAnnotation__body" }, (0, common_1.renderWithProps)(body, datum)))));
 }
 exports.LineMarker = LineMarker;
+function getAnimatedStyles(_a, _b) {
+    var duration = _a.duration, delay = _a.delay, timeFunction = _a.timeFunction, snapValues = _a.snapValues, enabled = _a.enabled;
+    var opacity = _b.opacity;
+    if (!enabled || (typeof opacity === 'number' && snapValues.includes(opacity)))
+        return {};
+    return {
+        transitionDuration: duration + "ms",
+        transitionDelay: delay + "ms",
+        transitionProperty: 'opacity',
+        transitionTimingFunction: timeFunction,
+    };
+}
 //# sourceMappingURL=line_marker.js.map

package/dist/chart_types/xy_chart/renderer/dom/annotations/line_marker.js.map

@@ -1 +1 @@
-{"version":3,"file":"line_marker.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/dom/annotations/line_marker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"line_marker.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/dom/annotations/line_marker.tsx"],"names":[],"mappings":"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"}

package/dist/chart_types/xy_chart/specs/line_annotation.d.ts

@@ -1,12 +1,12 @@
 import { ComponentProps } from 'react';
 import { SFProps } from '../../../state/spec_factory';
 import { LineAnnotationSpec } from '../utils/specs';
-declare const buildProps: import("../../../state/spec_factory").BuildProps<LineAnnotationSpec<any>, "chartType" | "specType", "style" | "zIndex" | "groupId" | "hideLines" | "hideLinesTooltips" | "annotationType" | "hideTooltips", "offset" | "fallbackPlacements" | "placement" | "boundary" | "boundaryPadding" | "marker" | "customTooltip" | "markerBody" | "markerDimensions" | "markerPosition" | "customTooltipDetails", "id" | "dataValues" | "domainType">;
+declare const buildProps: import("../../../state/spec_factory").BuildProps<LineAnnotationSpec<any>, "chartType" | "specType", "style" | "zIndex" | "groupId" | "hideLines" | "hideLinesTooltips" | "annotationType" | "hideTooltips", "offset" | "fallbackPlacements" | "placement" | "boundary" | "boundaryPadding" | "marker" | "customTooltip" | "markerBody" | "markerDimensions" | "markerPosition" | "customTooltipDetails", "id" | "domainType" | "dataValues">;
 /**
  * Adds bar series to chart specs
  * @public
  */
-export declare const LineAnnotation: <D = any>(props: SFProps<LineAnnotationSpec<D>, "chartType" | "specType", "style" | "zIndex" | "groupId" | "hideLines" | "hideLinesTooltips" | "annotationType" | "hideTooltips", "offset" | "fallbackPlacements" | "placement" | "boundary" | "boundaryPadding" | "marker" | "customTooltip" | "markerBody" | "markerDimensions" | "markerPosition" | "customTooltipDetails", "id" | "dataValues" | "domainType">) => null;
+export declare const LineAnnotation: <D = any>(props: SFProps<LineAnnotationSpec<D>, "chartType" | "specType", "style" | "zIndex" | "groupId" | "hideLines" | "hideLinesTooltips" | "annotationType" | "hideTooltips", "offset" | "fallbackPlacements" | "placement" | "boundary" | "boundaryPadding" | "marker" | "customTooltip" | "markerBody" | "markerDimensions" | "markerPosition" | "customTooltipDetails", "id" | "domainType" | "dataValues">) => null;
 /** @public */
 export declare type LineAnnotationProps = ComponentProps<typeof LineAnnotation>;
 export {};

package/dist/chart_types/xy_chart/state/selectors/compute_legend.js

@@ -22,7 +22,6 @@ exports.computeLegendSelector = (0, create_selector_1.createCustomCachedSelector
     get_si_dataseries_map_1.getSiDataSeriesMapSelector,
 ], function (seriesSpecs, _a, chartTheme, seriesColors, axesSpecs, deselectedDataSeries, settings, siDataSeriesMap) {
     var formattedDataSeries = _a.formattedDataSeries, xDomain = _a.xDomain;
-    var lastValues = (0, get_last_value_1.getLastValues)(formattedDataSeries, xDomain);
-    return (0, legend_1.computeLegend)(formattedDataSeries, lastValues, seriesColors, seriesSpecs, axesSpecs, settings.showLegendExtra, siDataSeriesMap, deselectedDataSeries, chartTheme, settings.rotation);
+    return (0, legend_1.computeLegend)(formattedDataSeries, (0, get_last_value_1.getLastValues)(formattedDataSeries, xDomain), seriesColors, seriesSpecs, axesSpecs, settings, siDataSeriesMap, deselectedDataSeries, chartTheme);
 });
 //# sourceMappingURL=compute_legend.js.map