@elastic/charts 45.1.1 → 46.1.0

package/dist/chart_types/xy_chart/renderer/canvas/animations/animation.d.ts

@@ -0,0 +1,57 @@
+import { $Keys } from 'utility-types';
+import { TimeMs } from '../../../../../common/geometry';
+import { TimeFunction } from './../../../../../utils/time_functions';
+/**
+ * TODO add logic for other types like colors
+ * @public
+ */
+export declare type AnimatedValue = number;
+/**
+ * Shared animation speeds in ms
+ * @public
+ */
+export declare const AnimationSpeed: Readonly<{
+    extraFast: number;
+    fast: number;
+    normal: number;
+    slow: number;
+    extraSlow: number;
+}>;
+/** @public */
+export declare type AnimationSpeed = $Keys<typeof AnimationSpeed>;
+/** @public */
+export interface AnimationOptions {
+    /**
+     * Enables animations on annotations
+     */
+    enabled?: boolean;
+    /**
+     * Set initial value for initial render animations.
+     * By default, the initial value is determined on the initial render
+     * then animates any change thereafter.
+     *
+     * @example
+     * ```ts
+     * // Initially animates the height from 0 to 100 with no value change
+     * atx.getValue('bar-height', 100, { initialValue: 0 })
+     * ```
+     */
+    initialValue?: AnimatedValue;
+    /**
+     * start delay in ms
+     */
+    delay?: TimeMs | AnimationSpeed;
+    /**
+     * Snaps back to initial value instantly
+     */
+    snapValues?: AnimatedValue[];
+    /**
+     * The speed curve of the animation
+     */
+    timeFunction?: TimeFunction;
+    /**
+     * Duration from start of animation to completion in ms
+     */
+    duration?: TimeMs | AnimationSpeed;
+}
+//# sourceMappingURL=animation.d.ts.map

package/dist/chart_types/xy_chart/renderer/canvas/animations/animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/canvas/animations/animation.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAExD,OAAO,EAAE,YAAY,EAAmB,MAAM,uCAAuC,CAAC;AAEtF;;;GAGG;AACH,oBAAY,aAAa,GAAG,MAAM,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;EAMzB,CAAC;AAEH,cAAc;AACd,oBAAY,cAAc,GAAG,KAAK,CAAC,OAAO,cAAc,CAAC,CAAC;AAkH1D,cAAc;AACd,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;OAUG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;CACpC"}

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

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Animation = exports.AnimationSpeed = void 0;
+var common_1 = require("../../../../../utils/common");
+var time_functions_1 = require("./../../../../../utils/time_functions");
+exports.AnimationSpeed = Object.freeze({
+    extraFast: 90,
+    fast: 150,
+    normal: 250,
+    slow: 350,
+    extraSlow: 500,
+});
+var Animation = (function () {
+    function Animation(value, options) {
+        if (options === void 0) { options = {}; }
+        var _a, _b, _c, _d, _e, _f;
+        this.timingFn = time_functions_1.TimingFunctions.linear;
+        this.initial = (_a = options === null || options === void 0 ? void 0 : options.initialValue) !== null && _a !== void 0 ? _a : value;
+        this.current = (_b = options === null || options === void 0 ? void 0 : options.initialValue) !== null && _b !== void 0 ? _b : value;
+        this.target = value;
+        this.previousTarget = value;
+        this.timeOffset = 0;
+        this.delay = (_c = (typeof (options === null || options === void 0 ? void 0 : options.delay) === 'string' ? exports.AnimationSpeed[options.delay] : options === null || options === void 0 ? void 0 : options.delay)) !== null && _c !== void 0 ? _c : 0;
+        this.duration =
+            typeof (options === null || options === void 0 ? void 0 : options.duration) === 'string'
+                ? exports.AnimationSpeed[options.duration]
+                : (_d = options === null || options === void 0 ? void 0 : options.duration) !== null && _d !== void 0 ? _d : exports.AnimationSpeed.slow;
+        this.timeFunction = (_e = options === null || options === void 0 ? void 0 : options.timeFunction) !== null && _e !== void 0 ? _e : time_functions_1.TimeFunction.linear;
+        this.snapValues = (_f = options === null || options === void 0 ? void 0 : options.snapValues) !== null && _f !== void 0 ? _f : [];
+        this.setTimingFn();
+    }
+    Animation.prototype.isDelayed = function (t) {
+        if (this.timeOffset !== 0)
+            return false;
+        return t < this.delay;
+    };
+    Animation.prototype.isActive = function (t) {
+        if (!(0, common_1.isFiniteNumber)(this.initial) || !(0, common_1.isFiniteNumber)(this.target) || this.initial === this.target) {
+            return false;
+        }
+        return t - this.delay + this.timeOffset < this.duration;
+    };
+    Animation.prototype.setTarget = function (value) {
+        if (this.snapValues.includes(value)) {
+            this.current = value;
+            this.clear();
+        }
+        else if (this.target !== value) {
+            if (this.previousTarget) {
+                this.initial = this.previousTarget;
+                this.target = value;
+                this.setTimingFn();
+                this.timeOffset = this.invertTimingFn();
+            }
+            else {
+                this.timeOffset = 0;
+                this.initial = this.current;
+                this.target = value;
+                this.setTimingFn();
+            }
+        }
+    };
+    Animation.prototype.invertTimingFn = function () {
+        var scaledValue = this.current - this.initial;
+        var scalar = this.target - this.initial;
+        var multiplier = scaledValue / scalar;
+        var timeDelta = (0, common_1.clamp)(time_functions_1.TimingFunctions[this.timeFunction].inverse(multiplier), 0, 1);
+        return timeDelta * this.duration + this.delay;
+    };
+    Animation.prototype.setTimingFn = function () {
+        var _this = this;
+        var scalar = this.target - this.initial;
+        this.timingFn =
+            scalar === 0
+                ? function () { return _this.initial; }
+                : function (t) {
+                    var multiplier = time_functions_1.TimingFunctions[_this.timeFunction](t);
+                    return _this.initial + scalar * multiplier;
+                };
+    };
+    Animation.prototype.valueAtTime = function (t) {
+        if (this.isDelayed(t))
+            return this.initial;
+        var unitNormalizedTime = Math.max(0, Math.min(1, (t - this.delay + this.timeOffset) / this.duration));
+        var value = this.timingFn(unitNormalizedTime);
+        this.current = value;
+        return value;
+    };
+    Animation.prototype.clear = function () {
+        this.previousTarget = this.current === this.target ? null : this.target;
+        this.initial = this.current;
+        this.target = this.current;
+        this.setTimingFn();
+    };
+    return Animation;
+}());
+exports.Animation = Animation;
+//# sourceMappingURL=animation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animation.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/canvas/animations/animation.ts"],"names":[],"mappings":";;;AAWA,sDAAoE;AACpE,wEAAsF;AAYzE,QAAA,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC;IAC1C,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,SAAS,EAAE,GAAG;CACf,CAAC,CAAC;AAMH;IAYE,mBAAY,KAAoB,EAAE,OAA8B;QAA9B,wBAAA,EAAA,YAA8B;;QAFxD,aAAQ,GAA0B,gCAAe,CAAC,MAAM,CAAC;QAG/D,IAAI,CAAC,OAAO,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,mCAAI,KAAK,CAAC;QAC9C,IAAI,CAAC,OAAO,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,mCAAI,KAAK,CAAC;QAC9C,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,MAAA,CAAC,OAAO,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAA,KAAK,QAAQ,CAAC,CAAC,CAAC,sBAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,mCAAI,CAAC,CAAC;QACxG,IAAI,CAAC,QAAQ;YACX,OAAO,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAA,KAAK,QAAQ;gBACnC,CAAC,CAAC,sBAAc,CAAC,OAAO,CAAC,QAAQ,CAAC;gBAClC,CAAC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,sBAAc,CAAC,IAAI,CAAC;QAC/C,IAAI,CAAC,YAAY,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,mCAAI,6BAAY,CAAC,MAAM,CAAC;QACjE,IAAI,CAAC,UAAU,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,mCAAI,EAAE,CAAC;QAC5C,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAKD,6BAAS,GAAT,UAAU,CAAS;QACjB,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QACxC,OAAO,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;IACxB,CAAC;IAKD,4BAAQ,GAAR,UAAS,CAAS;QAChB,IAAI,CAAC,IAAA,uBAAc,EAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAA,uBAAc,EAAC,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,MAAM,EAAE;YACjG,OAAO,KAAK,CAAC;SACd;QAGD,OAAO,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC1D,CAAC;IAKD,6BAAS,GAAT,UAAU,KAAoB;QAC5B,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YACnC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,KAAK,EAAE,CAAC;SACd;aAAM,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE;YAChC,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC;gBACnC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;gBACpB,IAAI,CAAC,WAAW,EAAE,CAAC;gBACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;aACzC;iBAAM;gBACL,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;gBACpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;gBAC5B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;gBACpB,IAAI,CAAC,WAAW,EAAE,CAAC;aACpB;SACF;IACH,CAAC;IAEO,kCAAc,GAAtB;QACE,IAAM,WAAW,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAChD,IAAM,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC1C,IAAM,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC;QACxC,IAAM,SAAS,GAAG,IAAA,cAAK,EAAC,gCAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACtF,OAAO,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;IAChD,CAAC;IAEO,+BAAW,GAAnB;QAAA,iBASC;QARC,IAAM,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC1C,IAAI,CAAC,QAAQ;YACX,MAAM,KAAK,CAAC;gBACV,CAAC,CAAC,cAAM,OAAA,KAAI,CAAC,OAAO,EAAZ,CAAY;gBACpB,CAAC,CAAC,UAAC,CAAC;oBACA,IAAM,UAAU,GAAG,gCAAe,CAAC,KAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;oBACzD,OAAO,KAAI,CAAC,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;gBAC5C,CAAC,CAAC;IACV,CAAC;IAKD,+BAAW,GAAX,UAAY,CAAS;QACnB,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;YAAE,OAAO,IAAI,CAAC,OAAO,CAAC;QAC3C,IAAM,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QACxG,IAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;QAChD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,OAAO,KAAK,CAAC;IACf,CAAC;IAKD,yBAAK,GAAL;QACE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;QACxE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC3B,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IACH,gBAAC;AAAD,CAAC,AA7GD,IA6GC;AA7GY,8BAAS"}

package/dist/chart_types/xy_chart/renderer/canvas/animations/index.d.ts

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

package/dist/chart_types/xy_chart/renderer/canvas/animations/index.d.ts.map

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

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

@@ -0,0 +1,77 @@
+"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.getAnimationPoolFn = void 0;
+var ts_debounce_1 = require("ts-debounce");
+var logger_1 = require("./../../../../../utils/logger");
+var animation_1 = require("./animation");
+var DISABLE_ANIMATIONS = Boolean(process.env.VRT);
+var getAnimationPoolFn = function (animationState, renderFn) {
+    window.cancelAnimationFrame(animationState.rafId);
+    animationState.pool.forEach(function (a) { return a.clear(); });
+    return (0, ts_debounce_1.debounce)(function getAnimationPoolFnDebounce() {
+        var propValuesForRun = new Map();
+        var getAnimatedValueFn = function (t) { return function (options) { return function (key, value) {
+            var _a;
+            if (t === 0 && propValuesForRun.has(key) && propValuesForRun.get(key) !== value) {
+                logger_1.Logger.error("aCtx.getValue(`" + key + "`, <value>) was called multiple times in a single render with different values. Please animate these values independently to avoid collisions.");
+            }
+            if (DISABLE_ANIMATIONS || !((_a = options === null || options === void 0 ? void 0 : options.enabled) !== null && _a !== void 0 ? _a : true))
+                return value;
+            propValuesForRun.set(key, value);
+            if (!animationState.pool.has(key)) {
+                animationState.pool.set(key, new animation_1.Animation(value, options));
+            }
+            var animation = animationState.pool.get(key);
+            if (!animation)
+                return value;
+            animation.setTarget(value);
+            return animation.valueAtTime(t);
+        }; }; };
+        function getAnimationContext(t) {
+            return {
+                getValue: getAnimatedValueFn(t),
+            };
+        }
+        renderFn(getAnimationContext(0));
+        animationState.rafId = window.requestAnimationFrame(function (epochStartTime) {
+            var anim = function (t) {
+                var elapsed = t - epochStartTime;
+                var animations = __spreadArray([], __read(animationState.pool.values()), false);
+                if (!animations.every(function (a) { return a.isDelayed(elapsed); })) {
+                    renderFn(getAnimationContext(elapsed));
+                }
+                if (animations.some(function (a) { return a.isActive(elapsed); })) {
+                    animationState.rafId = window.requestAnimationFrame(anim);
+                }
+            };
+            animationState.rafId = window.requestAnimationFrame(anim);
+        });
+    }, 300, { isImmediate: true })();
+};
+exports.getAnimationPoolFn = getAnimationPoolFn;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -4,11 +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, _a, renderOnBackground) {
-    var annotationDimensions = _a.annotationDimensions, annotationSpecs = _a.annotationSpecs, rotation = _a.rotation, renderingArea = _a.renderingArea;
+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);
@@ -16,11 +17,11 @@ function renderAnnotations(ctx, _a, renderOnBackground) {
         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;AAU/C,SAAgB,iBAAiB,CAC/B,GAA6B,EAC7B,EAAmF,EACnF,kBAAkC;QADhC,oBAAoB,0BAAA,EAAE,eAAe,qBAAA,EAAE,QAAQ,cAAA,EAAE,aAAa,mBAAA;IAChE,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;AAlBD,8CAkBC"}
+{"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/areas.js

@@ -6,17 +6,18 @@ var canvas_1 = require("../../../../renderers/canvas");
 var common_1 = require("../../../../utils/common");
 var utils_1 = require("../../rendering/utils");
 var texture_1 = require("../../utils/texture");
+var panel_clipping_1 = require("./panel_clipping");
 var points_1 = require("./points");
 var path_1 = require("./primitives/path");
 var area_1 = require("./styles/area");
 var line_1 = require("./styles/line");
 var panel_transform_1 = require("./utils/panel_transform");
-function renderAreas(ctx, imgCanvas, props) {
-    var sharedStyle = props.sharedStyle, highlightedLegendItem = props.highlightedLegendItem, areas = props.areas, rotation = props.rotation, clippings = props.clippings, renderingArea = props.renderingArea;
+function renderAreas(ctx, imgCanvas, areas, sharedStyle, rotation, renderingArea, highlightedLegendItem) {
     (0, canvas_1.withContext)(ctx, function () {
         areas.forEach(function (_a) {
             var panel = _a.panel, area = _a.value;
             var style = area.style;
+            var clippings = (0, panel_clipping_1.getPanelClipping)(panel, rotation);
             if (style.area.visible) {
                 (0, panel_transform_1.withPanelTransform)(ctx, panel, rotation, renderingArea, function () { return renderArea(ctx, imgCanvas, area, sharedStyle, clippings, highlightedLegendItem); }, { area: clippings, shouldClip: true });
             }
@@ -36,7 +37,7 @@ function renderAreas(ctx, imgCanvas, props) {
                 return;
             }
             var geometryStateStyle = (0, utils_1.getGeometryStateStyle)(seriesIdentifier, sharedStyle, highlightedLegendItem);
-            (0, panel_transform_1.withPanelTransform)(ctx, panel, rotation, renderingArea, function () { return (0, points_1.renderPoints)(ctx, visiblePoints, geometryStateStyle); }, { area: clippings, shouldClip: ((_b = points[0]) === null || _b === void 0 ? void 0 : _b.value.mark) !== null });
+            (0, panel_transform_1.withPanelTransform)(ctx, panel, rotation, renderingArea, function () { return (0, points_1.renderPoints)(ctx, visiblePoints, geometryStateStyle); }, { area: (0, panel_clipping_1.getPanelClipping)(panel, rotation), shouldClip: ((_b = points[0]) === null || _b === void 0 ? void 0 : _b.value.mark) !== null });
         });
     });
 }

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

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

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

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderBars = void 0;
 var utils_1 = require("../../rendering/utils");
+var panel_clipping_1 = require("./panel_clipping");
 var rect_1 = require("./primitives/rect");
 var bar_1 = require("./styles/bar");
 var panel_transform_1 = require("./utils/panel_transform");
-function renderBars(ctx, imgCanvas, geoms, sharedStyle, clippings, renderingArea, highlightedLegendItem, rotation) {
-    if (rotation === void 0) { rotation = 0; }
+function renderBars(ctx, imgCanvas, geoms, sharedStyle, rotation, renderingArea, highlightedLegendItem) {
     geoms.forEach(function (_a) {
         var panel = _a.panel, bars = _a.value;
         return (0, panel_transform_1.withPanelTransform)(ctx, panel, rotation, renderingArea, function () {
@@ -17,7 +17,7 @@ function renderBars(ctx, imgCanvas, geoms, sharedStyle, clippings, renderingArea
                 var barStyle = (0, bar_1.buildBarStyle)(ctx, imgCanvas, color, style.rect, style.rectBorder, geometryStateStyle, rect);
                 (0, rect_1.renderRect)(ctx, rect, barStyle.fill, barStyle.stroke);
             });
-        }, { area: clippings, shouldClip: true });
+        }, { area: (0, panel_clipping_1.getPanelClipping)(panel, rotation), shouldClip: true });
     });
 }
 exports.renderBars = renderBars;

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

@@ -1 +1 @@
-{"version":3,"file":"bars.js","sourceRoot":"","sources":["../../../../../src/chart_types/xy_chart/renderer/canvas/bars.ts"],"names":[],"mappings":";;;AAcA,+CAA8D;AAC9D,0CAA+C;AAC/C,oCAA6C;AAC7C,2DAA6D;AAG7D,SAAgB,UAAU,CACxB,GAA6B,EAC7B,SAA4B,EAC5B,KAAqC,EACrC,WAAqC,EACrC,SAAe,EACf,aAAyB,EACzB,qBAAkC,EAClC,QAAsB;IAAtB,yBAAA,EAAA,YAAsB;IAEtB,KAAK,CAAC,OAAO,CAAC,UAAC,EAA+C;YAA7C,KAAK,WAAA,EAAS,IAAI,WAAA;QACjC,OAAA,IAAA,oCAAkB,EAChB,GAAG,EACH,KAAK,EACL,QAAQ,EACR,aAAa,EACb;YACE,OAAA,IAAI,CAAC,OAAO,CAAC,UAAC,WAAW;gBACf,IAAA,CAAC,GAAoE,WAAW,EAA/E,EAAE,CAAC,GAAiE,WAAW,EAA5E,EAAE,KAAK,GAA0D,WAAW,MAArE,EAAE,MAAM,GAAkD,WAAW,OAA7D,EAAE,KAAK,GAA2C,WAAW,MAAtD,EAAe,KAAK,GAAuB,WAAW,YAAlC,EAAE,gBAAgB,GAAK,WAAW,iBAAhB,CAAiB;gBACzF,IAAM,IAAI,GAAG,EAAE,CAAC,GAAA,EAAE,CAAC,GAAA,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,CAAC;gBACrC,IAAM,kBAAkB,GAAG,IAAA,6BAAqB,EAAC,gBAAgB,EAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC;gBACvG,IAAM,QAAQ,GAAG,IAAA,mBAAa,EAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;gBAC9G,IAAA,iBAAU,EAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;YACxD,CAAC,CAAC;QANF,CAME,EACJ,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,CACtC;IAdD,CAcC,CACF,CAAC;AACJ,CAAC;AA3BD,gCA2BC"}
+{"version":3,"file":"bars.js","sourceRoot":"","sources":["../../../../../src/chart_types/xy_chart/renderer/canvas/bars.ts"],"names":[],"mappings":";;;AAaA,+CAA8D;AAC9D,mDAAoD;AACpD,0CAA+C;AAC/C,oCAA6C;AAC7C,2DAA6D;AAG7D,SAAgB,UAAU,CACxB,GAA6B,EAC7B,SAA4B,EAC5B,KAAqC,EACrC,WAAqC,EACrC,QAAkB,EAClB,aAAyB,EACzB,qBAAkC;IAElC,KAAK,CAAC,OAAO,CAAC,UAAC,EAA+C;YAA7C,KAAK,WAAA,EAAS,IAAI,WAAA;QACjC,OAAA,IAAA,oCAAkB,EAChB,GAAG,EACH,KAAK,EACL,QAAQ,EACR,aAAa,EACb;YACE,OAAA,IAAI,CAAC,OAAO,CAAC,UAAC,WAAW;gBACf,IAAA,CAAC,GAAoE,WAAW,EAA/E,EAAE,CAAC,GAAiE,WAAW,EAA5E,EAAE,KAAK,GAA0D,WAAW,MAArE,EAAE,MAAM,GAAkD,WAAW,OAA7D,EAAE,KAAK,GAA2C,WAAW,MAAtD,EAAe,KAAK,GAAuB,WAAW,YAAlC,EAAE,gBAAgB,GAAK,WAAW,iBAAhB,CAAiB;gBACzF,IAAM,IAAI,GAAG,EAAE,CAAC,GAAA,EAAE,CAAC,GAAA,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,CAAC;gBACrC,IAAM,kBAAkB,GAAG,IAAA,6BAAqB,EAAC,gBAAgB,EAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC;gBACvG,IAAM,QAAQ,GAAG,IAAA,mBAAa,EAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;gBAC9G,IAAA,iBAAU,EAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;YACxD,CAAC,CAAC;QANF,CAME,EACJ,EAAE,IAAI,EAAE,IAAA,iCAAgB,EAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAC9D;IAdD,CAcC,CACF,CAAC;AACJ,CAAC;AA1BD,gCA0BC"}

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

@@ -4,10 +4,9 @@ exports.renderBubbles = void 0;
 var canvas_1 = require("../../../../renderers/canvas");
 var utils_1 = require("../../rendering/utils");
 var points_1 = require("./points");
-function renderBubbles(ctx, props) {
+function renderBubbles(ctx, bubbles, sharedStyle, rotation, renderingArea, highlightedLegendItem) {
     (0, canvas_1.withContext)(ctx, function () {
         var _a;
-        var bubbles = props.bubbles, sharedStyle = props.sharedStyle, highlightedLegendItem = props.highlightedLegendItem, clippings = props.clippings, rotation = props.rotation, renderingArea = props.renderingArea;
         var styles = {};
         var allPoints = bubbles.flatMap(function (_a) {
             var _b = _a.value, seriesIdentifier = _b.seriesIdentifier, points = _b.points;
@@ -15,7 +14,7 @@ function renderBubbles(ctx, props) {
             return points;
         });
         var shouldClip = ((_a = allPoints[0]) === null || _a === void 0 ? void 0 : _a.value.mark) !== null;
-        (0, points_1.renderPointGroup)(ctx, allPoints, styles, rotation, renderingArea, clippings, shouldClip);
+        (0, points_1.renderPointGroup)(ctx, allPoints, styles, rotation, renderingArea, shouldClip);
     });
 }
 exports.renderBubbles = renderBubbles;

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

@@ -1 +1 @@
-{"version":3,"file":"bubbles.js","sourceRoot":"","sources":["../../../../../src/chart_types/xy_chart/renderer/canvas/bubbles.ts"],"names":[],"mappings":";;;AAWA,uDAA2D;AAK3D,+CAA8D;AAC9D,mCAA4C;AAa5C,SAAgB,aAAa,CAAC,GAA6B,EAAE,KAAgC;IAC3F,IAAA,oBAAW,EAAC,GAAG,EAAE;;QACP,IAAA,OAAO,GAA6E,KAAK,QAAlF,EAAE,WAAW,GAAgE,KAAK,YAArE,EAAE,qBAAqB,GAAyC,KAAK,sBAA9C,EAAE,SAAS,GAA8B,KAAK,UAAnC,EAAE,QAAQ,GAAoB,KAAK,SAAzB,EAAE,aAAa,GAAK,KAAK,cAAV,CAAW;QAClG,IAAM,MAAM,GAA0C,EAAE,CAAC;QACzD,IAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,UAAC,EAAuC;gBAArC,aAAmC,EAA1B,gBAAgB,sBAAA,EAAE,MAAM,YAAA;YACpE,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,IAAA,6BAAqB,EAAC,gBAAgB,EAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC;YAC3G,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,CAAC;QAEH,IAAM,UAAU,GAAG,CAAA,MAAA,SAAS,CAAC,CAAC,CAAC,0CAAE,KAAK,CAAC,IAAI,MAAK,IAAI,CAAC;QACrD,IAAA,yBAAgB,EAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IAC3F,CAAC,CAAC,CAAC;AACL,CAAC;AAZD,sCAYC"}
+{"version":3,"file":"bubbles.js","sourceRoot":"","sources":["../../../../../src/chart_types/xy_chart/renderer/canvas/bubbles.ts"],"names":[],"mappings":";;;AAUA,uDAA2D;AAK3D,+CAA8D;AAC9D,mCAA4C;AAG5C,SAAgB,aAAa,CAC3B,GAA6B,EAC7B,OAAwC,EACxC,WAAqC,EACrC,QAAkB,EAClB,aAAyB,EACzB,qBAAkC;IAElC,IAAA,oBAAW,EAAC,GAAG,EAAE;;QACf,IAAM,MAAM,GAA0C,EAAE,CAAC;QACzD,IAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,UAAC,EAAuC;gBAArC,aAAmC,EAA1B,gBAAgB,sBAAA,EAAE,MAAM,YAAA;YACpE,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,IAAA,6BAAqB,EAAC,gBAAgB,EAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC;YAC3G,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,CAAC;QAEH,IAAM,UAAU,GAAG,CAAA,MAAA,SAAS,CAAC,CAAC,CAAC,0CAAE,KAAK,CAAC,IAAI,MAAK,IAAI,CAAC;QACrD,IAAA,yBAAgB,EAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC;IAChF,CAAC,CAAC,CAAC;AACL,CAAC;AAlBD,sCAkBC"}

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

@@ -5,17 +5,18 @@ var color_library_wrappers_1 = require("../../../../common/color_library_wrapper
 var canvas_1 = require("../../../../renderers/canvas");
 var common_1 = require("../../../../utils/common");
 var utils_1 = require("../../rendering/utils");
+var panel_clipping_1 = require("./panel_clipping");
 var points_1 = require("./points");
 var path_1 = require("./primitives/path");
 var line_1 = require("./styles/line");
 var panel_transform_1 = require("./utils/panel_transform");
-function renderLines(ctx, props) {
+function renderLines(ctx, lines, sharedStyle, rotation, renderingArea, highlightedLegendItem) {
     (0, canvas_1.withContext)(ctx, function () {
-        var lines = props.lines, sharedStyle = props.sharedStyle, highlightedLegendItem = props.highlightedLegendItem, clippings = props.clippings, renderingArea = props.renderingArea, rotation = props.rotation;
         lines.forEach(function (_a) {
             var _b;
             var panel = _a.panel, line = _a.value;
             var style = line.style, points = line.points;
+            var clippings = (0, panel_clipping_1.getPanelClipping)(panel, rotation);
             if (style.line.visible) {
                 (0, panel_transform_1.withPanelTransform)(ctx, panel, rotation, renderingArea, function () { return renderLine(ctx, line, sharedStyle, clippings, highlightedLegendItem); }, { area: clippings, shouldClip: true });
             }

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

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

package/dist/chart_types/xy_chart/renderer/canvas/panel_clipping.d.ts

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

package/dist/chart_types/xy_chart/renderer/canvas/panel_clipping.d.ts.map

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

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPanelClipping = void 0;
+var CLIPPING_MARGIN = 0.5;
+function getPanelClipping(panel, rotation) {
+    var vertical = Math.abs(rotation) === 90;
+    var width = (vertical ? panel.height : panel.width) + CLIPPING_MARGIN * 2;
+    var height = (vertical ? panel.width : panel.height) + CLIPPING_MARGIN * 2;
+    return { x: -CLIPPING_MARGIN, y: -CLIPPING_MARGIN, width: width, height: height };
+}
+exports.getPanelClipping = getPanelClipping;
+//# sourceMappingURL=panel_clipping.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel_clipping.js","sourceRoot":"","sources":["../../../../../src/chart_types/xy_chart/renderer/canvas/panel_clipping.ts"],"names":[],"mappings":";;;AAWA,IAAM,eAAe,GAAG,GAAG,CAAC;AAG5B,SAAgB,gBAAgB,CAAC,KAAiB,EAAE,QAAkB;IACpE,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;IAC3C,IAAM,KAAK,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,eAAe,GAAG,CAAC,CAAC;IAC5E,IAAM,MAAM,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,eAAe,GAAG,CAAC,CAAC;IAC7E,OAAO,EAAE,CAAC,EAAE,CAAC,eAAe,EAAE,CAAC,EAAE,CAAC,eAAe,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,CAAC;AACrE,CAAC;AALD,4CAKC"}