@wizdm/animate/esm2015/lib/entrances/fade-in.js

On Scroll Animation for Angular

import { state, animate, style, transition } from '@angular/animations';
export const fadeIn = [
    state('idle-fadeIn', style({ opacity: 0 })),
    state('idle-fadeInRight', style({ opacity: 0 })),
    state('idle-fadeInLeft', style({ opacity: 0 })),
    state('idle-fadeInUp', style({ opacity: 0 })),
    state('idle-fadeInDown', style({ opacity: 0 })),
    transition('* => fadeIn', [
        style({ opacity: 0 }),
        animate('{{timing}} {{delay}} ease-in', style('*'))
    ], { params: { timing: '1s', delay: '' } }),
    transition('* => fadeInRight', [
        style({ opacity: 0, transform: 'translateX(-20px)' }),
        animate('{{timing}} {{delay}} ease-in', style('*'))
    ], { params: { timing: '1s', delay: '' } }),
    transition('* => fadeInLeft', [
        style({ opacity: 0, transform: 'translateX(20px)' }),
        animate('{{timing}} {{delay}} ease-in', style('*'))
    ], { params: { timing: '1s', delay: '' } }),
    transition('* => fadeInUp', [
        style({ opacity: 0, transform: 'translateY(20px)' }),
        animate('{{timing}} {{delay}} ease-in', style('*'))
    ], { params: { timing: '1s', delay: '' } }),
    transition('* => fadeInDown', [
        style({ opacity: 0, transform: 'translateY(-20px)' }),
        animate('{{timing}} {{delay}} ease-in', style('*'))
    ], { params: { timing: '1s', delay: '' } }),
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFkZS1pbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2FuaW1hdGUvc3JjL2xpYi9lbnRyYW5jZXMvZmFkZS1pbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFeEUsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHO0lBRXBCLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUU7SUFDNUMsS0FBSyxDQUFDLGtCQUFrQixFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFFO0lBQ2pELEtBQUssQ0FBQyxpQkFBaUIsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBRTtJQUNoRCxLQUFLLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFFO0lBQzlDLEtBQUssQ0FBQyxpQkFBaUIsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBRTtJQUVoRCxVQUFVLENBQUMsYUFBYSxFQUFFO1FBRXhCLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQztRQUVyQixPQUFPLENBQUMsOEJBQThCLEVBQUUsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0tBRXBELEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsRUFBQyxDQUFFO0lBRTNDLFVBQVUsQ0FBQyxrQkFBa0IsRUFBRTtRQUU3QixLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxDQUFDO1FBRXJELE9BQU8sQ0FBQyw4QkFBOEIsRUFBRSxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7S0FFcEQsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFDLENBQUU7SUFFM0MsVUFBVSxDQUFDLGlCQUFpQixFQUFFO1FBRTVCLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUM7UUFFcEQsT0FBTyxDQUFDLDhCQUE4QixFQUFFLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztLQUVwRCxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUMsQ0FBRTtJQUUzQyxVQUFVLENBQUMsZUFBZSxFQUFFO1FBRTFCLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUM7UUFFcEQsT0FBTyxDQUFDLDhCQUE4QixFQUFFLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztLQUVwRCxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUMsQ0FBRTtJQUUzQyxVQUFVLENBQUMsaUJBQWlCLEVBQUU7UUFFNUIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQztRQUVyRCxPQUFPLENBQUMsOEJBQThCLEVBQUUsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0tBRXBELEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsRUFBQyxDQUFFO0NBRTVDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzdGF0ZSwgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24gfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcbmV4cG9ydCBjb25zdCBmYWRlSW4gPSBbXHJcblxyXG4gIHN0YXRlKCdpZGxlLWZhZGVJbicsIHN0eWxlKHsgb3BhY2l0eTogMCB9KSApLFxyXG4gIHN0YXRlKCdpZGxlLWZhZGVJblJpZ2h0Jywgc3R5bGUoeyBvcGFjaXR5OiAwIH0pICksXHJcbiAgc3RhdGUoJ2lkbGUtZmFkZUluTGVmdCcsIHN0eWxlKHsgb3BhY2l0eTogMCB9KSApLFxyXG4gIHN0YXRlKCdpZGxlLWZhZGVJblVwJywgc3R5bGUoeyBvcGFjaXR5OiAwIH0pICksXHJcbiAgc3RhdGUoJ2lkbGUtZmFkZUluRG93bicsIHN0eWxlKHsgb3BhY2l0eTogMCB9KSApLFxyXG5cclxuICB0cmFuc2l0aW9uKCcqID0+IGZhZGVJbicsIFtcclxuXHJcbiAgICBzdHlsZSh7IG9wYWNpdHk6IDAgfSksXHJcbiAgICBcclxuICAgIGFuaW1hdGUoJ3t7dGltaW5nfX0ge3tkZWxheX19IGVhc2UtaW4nLCBzdHlsZSgnKicpKVxyXG5cclxuICBdLCB7IHBhcmFtczogeyB0aW1pbmc6ICcxcycsIGRlbGF5OiAnJyB9fSApLFxyXG5cclxuICB0cmFuc2l0aW9uKCcqID0+IGZhZGVJblJpZ2h0JywgW1xyXG5cclxuICAgIHN0eWxlKHsgb3BhY2l0eTogMCwgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMjBweCknIH0pLFxyXG5cclxuICAgIGFuaW1hdGUoJ3t7dGltaW5nfX0ge3tkZWxheX19IGVhc2UtaW4nLCBzdHlsZSgnKicpKVxyXG5cclxuICBdLCB7IHBhcmFtczogeyB0aW1pbmc6ICcxcycsIGRlbGF5OiAnJyB9fSApLFxyXG5cclxuICB0cmFuc2l0aW9uKCcqID0+IGZhZGVJbkxlZnQnLCBbXHJcblxyXG4gICAgc3R5bGUoeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDIwcHgpJyB9KSxcclxuXHJcbiAgICBhbmltYXRlKCd7e3RpbWluZ319IHt7ZGVsYXl9fSBlYXNlLWluJywgc3R5bGUoJyonKSlcclxuXHJcbiAgXSwgeyBwYXJhbXM6IHsgdGltaW5nOiAnMXMnLCBkZWxheTogJycgfX0gKSxcclxuXHJcbiAgdHJhbnNpdGlvbignKiA9PiBmYWRlSW5VcCcsIFtcclxuXHJcbiAgICBzdHlsZSh7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMjBweCknIH0pLFxyXG5cclxuICAgIGFuaW1hdGUoJ3t7dGltaW5nfX0ge3tkZWxheX19IGVhc2UtaW4nLCBzdHlsZSgnKicpKVxyXG5cclxuICBdLCB7IHBhcmFtczogeyB0aW1pbmc6ICcxcycsIGRlbGF5OiAnJyB9fSApLFxyXG5cclxuICB0cmFuc2l0aW9uKCcqID0+IGZhZGVJbkRvd24nLCBbXHJcblxyXG4gICAgc3R5bGUoeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC0yMHB4KScgfSksXHJcblxyXG4gICAgYW5pbWF0ZSgne3t0aW1pbmd9fSB7e2RlbGF5fX0gZWFzZS1pbicsIHN0eWxlKCcqJykpXHJcblxyXG4gIF0sIHsgcGFyYW1zOiB7IHRpbWluZzogJzFzJywgZGVsYXk6ICcnIH19ICksXHJcbiAgXHJcbl07Il19