@progress/kendo-charts/dist/es/chart/mixins/clip-animation-mixin.js

Kendo UI platform-independent Charts library

import { drawing as draw } from '@progress/kendo-drawing';

import ClipAnimation from '../animations/clip-animation';
import anyHasZIndex from '../utils/any-has-z-index';
import { defined } from '../../common';

const ClipAnimationMixin = {
    createAnimation: function() {
        const root = this.getRoot();
        const transitions = ((root && root.options) || {}).transitions;
        if (root && transitions !== false) {
            const box = (this.parent && this.parent.clipBox) || root.size();
            const clipPath = draw.Path.fromRect(box.toRect());
            this.visual.clip(clipPath);
            this.animation = new ClipAnimation(clipPath, {
                box: box
            });
            if (anyHasZIndex(this.options.series)) {
                this._setChildrenAnimation(clipPath);
            }
        }
    },

    _setChildrenAnimation: function(clipPath) {
        const points = this.animationPoints();

        for (let idx = 0; idx < points.length; idx++) {
            const point = points[idx];
            if (point && point.visual && defined(point.visual.options.zIndex)) {
                point.visual.clip(clipPath);
            }
        }
    }
};

export default ClipAnimationMixin;