@elastic/charts 46.0.1 → 46.3.0

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

@@ -4,10 +4,12 @@ exports.renderAnnotations = void 0;
 var merge_utils_1 = require("../../../../../utils/themes/merge_utils");
 var spec_1 = require("../../../state/utils/spec");
 var specs_1 = require("../../../utils/specs");
+var utils_1 = require("../../common/utils");
 var lines_1 = require("./lines");
 var rect_1 = require("./rect");
-function renderAnnotations(ctx, annotationDimensions, annotationSpecs, rotation, renderingArea, renderOnBackground) {
+function renderAnnotations(ctx, aCtx, annotationDimensions, annotationSpecs, rotation, renderingArea, sharedStyle, hoveredAnnotationIds, renderOnBackground) {
     if (renderOnBackground === void 0) { renderOnBackground = true; }
+    var getHoverParams = (0, utils_1.getAnnotationHoverParamsFn)(hoveredAnnotationIds, sharedStyle);
     annotationDimensions.forEach(function (annotation, id) {
         var _a;
         var spec = (0, spec_1.getSpecsById)(annotationSpecs, id);
@@ -15,11 +17,11 @@ function renderAnnotations(ctx, annotationDimensions, annotationSpecs, rotation,
         if (spec && isBackground === renderOnBackground) {
             if ((0, specs_1.isLineAnnotation)(spec)) {
                 var lineStyle = (0, merge_utils_1.mergeWithDefaultAnnotationLine)(spec.style);
-                (0, lines_1.renderLineAnnotations)(ctx, annotation, lineStyle, rotation, renderingArea);
+                (0, lines_1.renderLineAnnotations)(ctx, aCtx, annotation, lineStyle, getHoverParams, rotation, renderingArea);
             }
             else if ((0, specs_1.isRectAnnotation)(spec)) {
                 var rectStyle = (0, merge_utils_1.mergeWithDefaultAnnotationRect)(spec.style);
-                (0, rect_1.renderRectAnnotations)(ctx, annotation, rectStyle, rotation, renderingArea);
+                (0, rect_1.renderRectAnnotations)(ctx, aCtx, annotation, rectStyle, getHoverParams, rotation, renderingArea);
             }
         }
     });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/canvas/annotations/index.ts"],"names":[],"mappings":";;;AAWA,uEAGiD;AAIjD,kDAAyD;AACzD,8CAA0F;AAC1F,iCAAgD;AAChD,+BAA+C;AAG/C,SAAgB,iBAAiB,CAC/B,GAA6B,EAC7B,oBAA6D,EAC7D,eAAiC,EACjC,QAAkB,EAClB,aAAyB,EACzB,kBAAkC;IAAlC,mCAAA,EAAA,yBAAkC;IAElC,oBAAoB,CAAC,OAAO,CAAC,UAAC,UAAU,EAAE,EAAE;;QAC1C,IAAM,IAAI,GAAG,IAAA,mBAAY,EAAiB,eAAe,EAAE,EAAE,CAAC,CAAC;QAC/D,IAAM,YAAY,GAAG,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,mCAAI,CAAC,CAAC,IAAI,CAAC,CAAC;QAC9C,IAAI,IAAI,IAAI,YAAY,KAAK,kBAAkB,EAAE;YAC/C,IAAI,IAAA,wBAAgB,EAAC,IAAI,CAAC,EAAE;gBAC1B,IAAM,SAAS,GAAG,IAAA,4CAA8B,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC7D,IAAA,6BAAqB,EAAC,GAAG,EAAE,UAAmC,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC;aACrG;iBAAM,IAAI,IAAA,wBAAgB,EAAC,IAAI,CAAC,EAAE;gBACjC,IAAM,SAAS,GAAG,IAAA,4CAA8B,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC7D,IAAA,4BAAqB,EAAC,GAAG,EAAE,UAAmC,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC;aACrG;SACF;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AArBD,8CAqBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/canvas/annotations/index.ts"],"names":[],"mappings":";;;AAWA,uEAGiD;AAKjD,kDAAyD;AACzD,8CAA0F;AAC1F,4CAAgE;AAEhE,iCAAgD;AAChD,+BAA+C;AAG/C,SAAgB,iBAAiB,CAC/B,GAA6B,EAC7B,IAAsB,EACtB,oBAA6D,EAC7D,eAAiC,EACjC,QAAkB,EAClB,aAAyB,EACzB,WAAqC,EACrC,oBAA8B,EAC9B,kBAAkC;IAAlC,mCAAA,EAAA,yBAAkC;IAElC,IAAM,cAAc,GAAG,IAAA,kCAA0B,EAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC;IACrF,oBAAoB,CAAC,OAAO,CAAC,UAAC,UAAU,EAAE,EAAE;;QAC1C,IAAM,IAAI,GAAG,IAAA,mBAAY,EAAiB,eAAe,EAAE,EAAE,CAAC,CAAC;QAC/D,IAAM,YAAY,GAAG,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,mCAAI,CAAC,CAAC,IAAI,CAAC,CAAC;QAE9C,IAAI,IAAI,IAAI,YAAY,KAAK,kBAAkB,EAAE;YAC/C,IAAI,IAAA,wBAAgB,EAAC,IAAI,CAAC,EAAE;gBAC1B,IAAM,SAAS,GAAG,IAAA,4CAA8B,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC7D,IAAA,6BAAqB,EACnB,GAAG,EACH,IAAI,EACJ,UAAmC,EACnC,SAAS,EACT,cAAc,EACd,QAAQ,EACR,aAAa,CACd,CAAC;aACH;iBAAM,IAAI,IAAA,wBAAgB,EAAC,IAAI,CAAC,EAAE;gBACjC,IAAM,SAAS,GAAG,IAAA,4CAA8B,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC7D,IAAA,4BAAqB,EACnB,GAAG,EACH,IAAI,EACJ,UAAmC,EACnC,SAAS,EACT,cAAc,EACd,QAAQ,EACR,aAAa,CACd,CAAC;aACH;SACF;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AA1CD,8CA0CC"}

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

@@ -4,16 +4,24 @@ exports.renderLineAnnotations = void 0;
 var color_library_wrappers_1 = require("../../../../../common/color_library_wrappers");
 var line_1 = require("../primitives/line");
 var panel_transform_1 = require("../utils/panel_transform");
-function renderLineAnnotations(ctx, annotations, lineStyle, rotation, renderingArea) {
-    var strokeColor = (0, color_library_wrappers_1.overrideOpacity)((0, color_library_wrappers_1.colorToRgba)(lineStyle.line.stroke), function (opacity) { return opacity * lineStyle.line.opacity; });
-    var stroke = {
-        color: strokeColor,
-        width: lineStyle.line.strokeWidth,
-        dash: lineStyle.line.dash,
+function renderLineAnnotations(ctx, aCtx, annotations, lineStyle, getHoverParams, rotation, renderingArea) {
+    var getAnimatedValue = aCtx.getValue(lineStyle.animations);
+    var getStroke = function (id) {
+        var style = getHoverParams(id).style;
+        var opacityKey = "anno-rect-opacity--" + id;
+        var hoverOpacity = getAnimatedValue(opacityKey, style.opacity);
+        var strokeColor = (0, color_library_wrappers_1.overrideOpacity)((0, color_library_wrappers_1.colorToRgba)(lineStyle.line.stroke), function (opacity) { return opacity * lineStyle.line.opacity * hoverOpacity; });
+        return {
+            color: strokeColor,
+            width: lineStyle.line.strokeWidth,
+            dash: lineStyle.line.dash,
+        };
     };
     annotations.forEach(function (_a) {
-        var linePathPoints = _a.linePathPoints, panel = _a.panel;
-        return (0, panel_transform_1.withPanelTransform)(ctx, panel, rotation, renderingArea, function () { return (0, line_1.renderMultiLine)(ctx, [linePathPoints], stroke); });
+        var linePathPoints = _a.linePathPoints, panel = _a.panel, id = _a.id;
+        return (0, panel_transform_1.withPanelTransform)(ctx, panel, rotation, renderingArea, function () {
+            return (0, line_1.renderMultiLine)(ctx, [linePathPoints], getStroke(id));
+        });
     });
 }
 exports.renderLineAnnotations = renderLineAnnotations;

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

@@ -1 +1 @@
-{"version":3,"file":"lines.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/canvas/annotations/lines.ts"],"names":[],"mappings":";;;AAQA,uFAA4F;AAM5F,2CAAqD;AACrD,4DAA8D;AAG9D,SAAgB,qBAAqB,CACnC,GAA6B,EAC7B,WAAkC,EAClC,SAA8B,EAC9B,QAAkB,EAClB,aAAyB;IAEzB,IAAM,WAAW,GAAG,IAAA,wCAAe,EACjC,IAAA,oCAAW,EAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAClC,UAAC,OAAO,IAAK,OAAA,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,EAAhC,CAAgC,CAC9C,CAAC;IACF,IAAM,MAAM,GAAW;QACrB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW;QACjC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI;KAC1B,CAAC;IAEF,WAAW,CAAC,OAAO,CAAC,UAAC,EAAyB;YAAvB,cAAc,oBAAA,EAAE,KAAK,WAAA;QAC1C,OAAA,IAAA,oCAAkB,EAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAM,OAAA,IAAA,sBAAe,EAAC,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,EAA9C,CAA8C,CAAC;IAA7G,CAA6G,CAC9G,CAAC;AACJ,CAAC;AApBD,sDAoBC"}
+{"version":3,"file":"lines.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/canvas/annotations/lines.ts"],"names":[],"mappings":";;;AAQA,uFAA4F;AAQ5F,2CAAqD;AACrD,4DAA8D;AAG9D,SAAgB,qBAAqB,CACnC,GAA6B,EAC7B,IAAsB,EACtB,WAAkC,EAClC,SAA8B,EAC9B,cAAqD,EACrD,QAAkB,EAClB,aAAyB;IAEzB,IAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7D,IAAM,SAAS,GAAG,UAAC,EAAU;QACnB,IAAA,KAAK,GAAK,cAAc,CAAC,EAAE,CAAC,MAAvB,CAAwB;QAErC,IAAM,UAAU,GAAG,wBAAsB,EAAI,CAAC;QAC9C,IAAM,YAAY,GAAG,gBAAgB,CAAC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;QAEjE,IAAM,WAAW,GAAG,IAAA,wCAAe,EACjC,IAAA,oCAAW,EAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAClC,UAAC,OAAO,IAAK,OAAA,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,GAAG,YAAY,EAA/C,CAA+C,CAC7D,CAAC;QACF,OAAO;YACL,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW;YACjC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI;SAC1B,CAAC;IACJ,CAAC,CAAC;IAEF,WAAW,CAAC,OAAO,CAAC,UAAC,EAA6B;YAA3B,cAAc,oBAAA,EAAE,KAAK,WAAA,EAAE,EAAE,QAAA;QAC9C,OAAA,IAAA,oCAAkB,EAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE;YACtD,OAAA,IAAA,sBAAe,EAAC,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;QAArD,CAAqD,CACtD;IAFD,CAEC,CACF,CAAC;AACJ,CAAC;AAhCD,sDAgCC"}

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

@@ -1,20 +1,52 @@
 "use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderRectAnnotations = void 0;
 var color_library_wrappers_1 = require("../../../../../common/color_library_wrappers");
 var rect_1 = require("../primitives/rect");
 var panel_transform_1 = require("../utils/panel_transform");
-function renderRectAnnotations(ctx, annotations, rectStyle, rotation, renderingArea) {
-    var fill = {
-        color: (0, color_library_wrappers_1.overrideOpacity)((0, color_library_wrappers_1.colorToRgba)(rectStyle.fill), function (opacity) { return opacity * rectStyle.opacity; }),
-    };
-    var stroke = {
-        color: (0, color_library_wrappers_1.overrideOpacity)((0, color_library_wrappers_1.colorToRgba)(rectStyle.stroke), function (opacity) { return opacity * rectStyle.opacity; }),
-        width: rectStyle.strokeWidth,
+function renderRectAnnotations(ctx, aCtx, annotations, rectStyle, getHoverParams, rotation, renderingArea) {
+    var getAnimatedValue = aCtx.getValue(rectStyle.animations);
+    var getFillAndStroke = function (id) {
+        var style = getHoverParams(id).style;
+        var opacityKey = "anno-rect-opacity--" + id;
+        var hoverOpacity = getAnimatedValue(opacityKey, style.opacity);
+        var fill = {
+            color: (0, color_library_wrappers_1.overrideOpacity)((0, color_library_wrappers_1.colorToRgba)(rectStyle.fill), function (opacity) { return opacity * rectStyle.opacity * hoverOpacity; }),
+        };
+        var stroke = {
+            color: (0, color_library_wrappers_1.overrideOpacity)((0, color_library_wrappers_1.colorToRgba)(rectStyle.stroke), function (opacity) { return opacity * rectStyle.opacity * hoverOpacity; }),
+            width: rectStyle.strokeWidth,
+        };
+        return [fill, stroke];
     };
     annotations.forEach(function (_a) {
-        var rect = _a.rect, panel = _a.panel;
-        return (0, panel_transform_1.withPanelTransform)(ctx, panel, rotation, renderingArea, function () { return (0, rect_1.renderRect)(ctx, rect, fill, stroke); });
+        var rect = _a.rect, panel = _a.panel, id = _a.id;
+        return (0, panel_transform_1.withPanelTransform)(ctx, panel, rotation, renderingArea, function () { return rect_1.renderRect.apply(void 0, __spreadArray([ctx, rect], __read(getFillAndStroke(id)), false)); });
     });
 }
 exports.renderRectAnnotations = renderRectAnnotations;

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

@@ -1 +1 @@
-{"version":3,"file":"rect.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/canvas/annotations/rect.ts"],"names":[],"mappings":";;;AAQA,uFAA4F;AAM5F,2CAAgD;AAChD,4DAA8D;AAG9D,SAAgB,qBAAqB,CACnC,GAA6B,EAC7B,WAAkC,EAClC,SAA8B,EAC9B,QAAkB,EAClB,aAAyB;IAEzB,IAAM,IAAI,GAAS;QACjB,KAAK,EAAE,IAAA,wCAAe,EAAC,IAAA,oCAAW,EAAC,SAAS,CAAC,IAAI,CAAC,EAAE,UAAC,OAAO,IAAK,OAAA,OAAO,GAAG,SAAS,CAAC,OAAO,EAA3B,CAA2B,CAAC;KAC9F,CAAC;IACF,IAAM,MAAM,GAAW;QACrB,KAAK,EAAE,IAAA,wCAAe,EAAC,IAAA,oCAAW,EAAC,SAAS,CAAC,MAAM,CAAC,EAAE,UAAC,OAAO,IAAK,OAAA,OAAO,GAAG,SAAS,CAAC,OAAO,EAA3B,CAA2B,CAAC;QAC/F,KAAK,EAAE,SAAS,CAAC,WAAW;KAC7B,CAAC;IAEF,WAAW,CAAC,OAAO,CAAC,UAAC,EAAe;YAAb,IAAI,UAAA,EAAE,KAAK,WAAA;QAChC,OAAA,IAAA,oCAAkB,EAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAM,OAAA,IAAA,iBAAU,EAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAnC,CAAmC,CAAC;IAAlG,CAAkG,CACnG,CAAC;AACJ,CAAC;AAlBD,sDAkBC"}
+{"version":3,"file":"rect.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/canvas/annotations/rect.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,uFAA4F;AAQ5F,2CAAgD;AAChD,4DAA8D;AAG9D,SAAgB,qBAAqB,CACnC,GAA6B,EAC7B,IAAsB,EACtB,WAAkC,EAClC,SAA8B,EAC9B,cAAqD,EACrD,QAAkB,EAClB,aAAyB;IAEzB,IAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7D,IAAM,gBAAgB,GAAG,UAAC,EAAU;QAC1B,IAAA,KAAK,GAAK,cAAc,CAAC,EAAE,CAAC,MAAvB,CAAwB;QAErC,IAAM,UAAU,GAAG,wBAAsB,EAAI,CAAC;QAC9C,IAAM,YAAY,GAAG,gBAAgB,CAAC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;QAEjE,IAAM,IAAI,GAAS;YACjB,KAAK,EAAE,IAAA,wCAAe,EAAC,IAAA,oCAAW,EAAC,SAAS,CAAC,IAAI,CAAC,EAAE,UAAC,OAAO,IAAK,OAAA,OAAO,GAAG,SAAS,CAAC,OAAO,GAAG,YAAY,EAA1C,CAA0C,CAAC;SAC7G,CAAC;QACF,IAAM,MAAM,GAAW;YACrB,KAAK,EAAE,IAAA,wCAAe,EAAC,IAAA,oCAAW,EAAC,SAAS,CAAC,MAAM,CAAC,EAAE,UAAC,OAAO,IAAK,OAAA,OAAO,GAAG,SAAS,CAAC,OAAO,GAAG,YAAY,EAA1C,CAA0C,CAAC;YAC9G,KAAK,EAAE,SAAS,CAAC,WAAW;SAC7B,CAAC;QAEF,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,WAAW,CAAC,OAAO,CAAC,UAAC,EAAmB;YAAjB,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,EAAE,QAAA;QACpC,OAAA,IAAA,oCAAkB,EAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAM,OAAA,iBAAU,8BAAC,GAAG,EAAE,IAAI,UAAK,gBAAgB,CAAC,EAAE,CAAC,YAA7C,CAA8C,CAAC;IAA7G,CAA6G,CAC9G,CAAC;AACJ,CAAC;AA9BD,sDA8BC"}

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,74 +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, 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, annotationDimensions, annotationSpecs, rotation, renderingArea, 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,
+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, annotationSpecs, rotation, 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,6 +40,7 @@ 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");
@@ -52,6 +53,7 @@ var XYChartComponent = (function (_super) {
         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 () {
@@ -73,9 +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) {
-            (0, renderers_1.renderXYChartCanvas2d)(this.ctx, this.devicePixelRatio, this.props);
+            (0, renderers_1.renderXYChartCanvas2d)(this.ctx, this.devicePixelRatio, this.props, this.animationState);
         }
     };
     XYChartComponent.prototype.tryCanvasContext = function () {
@@ -141,6 +147,7 @@ var DEFAULT_PROPS = {
     perPanelAxisGeoms: [],
     perPanelGridLines: [],
     axesStyles: new Map(),
+    hoveredAnnotationIds: [],
     annotationDimensions: new Map(),
     annotationSpecs: [],
     panelGeoms: [],
@@ -163,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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"}