// #region Imports
import { EaseInOut } from '../AnimationEasings';
// #endregion
export var Animate;
(function (Animate) {
    // #region Fade
    Animate.fadeIn = {
        from: { opacity: 0 },
        to: { opacity: 1 },
        options: {
            delay: 0,
            duration: 1000,
            easing: EaseInOut.Quad
        }
    };
    Animate.fadeOut = {
        from: { opacity: 1 },
        to: { opacity: 0 },
        options: {
            delay: 0,
            duration: 1000,
            easing: EaseInOut.Quad
        }
    };
    // #endregion
    // #region Slide
    Animate.slideInTop = {
        from: {
            opacity: 0,
            transform: 'translateY(-16px)'
        },
        to: {
            opacity: 1,
            transform: 'translateY(0)'
        }
    };
    Animate.slideInBottom = {
        from: {
            opacity: 0,
            transform: 'translateY(16px)'
        },
        to: {
            opacity: 1,
            transform: 'translateY(0)'
        }
    };
    Animate.slideInLeft = {
        from: {
            opacity: 0,
            transform: 'translateX(-16px)'
        },
        to: {
            opacity: 1,
            transform: 'translateX(0)'
        }
    };
    Animate.slideInRight = {
        from: {
            opacity: 0,
            transform: 'translateX(16px)'
        },
        to: {
            opacity: 1,
            transform: 'translateX(0)'
        }
    };
    // #endregion
    // #region Rotate
    Animate.rotate = {
        from: { transform: 'rotate(0deg)' },
        to: { transform: 'rotate(360deg)' }
    };
    // #endregion
})(Animate || (Animate = {}));
//# sourceMappingURL=Animate.js.map