ng-devui/esm2022/utils/animations/fade-in-out.mjs

DevUI components based on Angular

import { animate, state, style, transition, trigger } from '@angular/animations';
import { AnimationCurves, AnimationDuration } from './animationParameters';
const easeIn = AnimationCurves.EASE_IN;
const easeOut = AnimationCurves.EASE_OUT;
const duration = AnimationDuration.BASE;
export const fadeInOut = trigger('fadeInOut', [
    state('void', style({ transform: 'scaleY(0) translateY(-4px)', opacity: 0, transformOrigin: '0 0%', display: 'block' })),
    state('bottom', style({ transform: 'scaleY(0.9999) translateY(0)', opacity: 1, transformOrigin: '0 0%', display: 'block' })),
    state('top', style({ transform: 'scaleY(0.9999) translateY(0)', opacity: 1, transformOrigin: '0 100%', display: 'block' })),
    transition('void => bottom', [
        style({ opacity: 0.8, transform: 'scaleY(0.8) translateY(-4px)' }),
        animate(`${duration} ${easeOut}`)
    ]),
    transition('bottom => void', [
        animate(`${duration} ${easeIn}`, style({ transform: 'scaleY(0.8) translateY(-4px)', opacity: 0, transformOrigin: '0 0%', display: 'none' })),
    ]),
    transition('void => top', [
        style({ transform: 'scaleY(0.8) translateY(4px)', opacity: 0.8, transformOrigin: '0 100%', display: 'block' }),
        animate(`${duration} ${easeOut}`)
    ]),
    transition('top => void', [
        animate(`${duration} ${easeIn}`, style({ transform: 'scaleY(0.8) translateY(4px)', opacity: 0, transformOrigin: '0 100%', display: 'none' }))
    ])
]);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFkZS1pbi1vdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9kZXZ1aS91dGlscy9hbmltYXRpb25zL2ZhZGUtaW4tb3V0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQTRCLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzNHLE9BQU8sRUFBRSxlQUFlLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUUzRSxNQUFNLE1BQU0sR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO0FBQ3ZDLE1BQU0sT0FBTyxHQUFHLGVBQWUsQ0FBQyxRQUFRLENBQUM7QUFDekMsTUFBTSxRQUFRLEdBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDO0FBQ3hDLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBNkIsT0FBTyxDQUFDLFdBQVcsRUFBRTtJQUN0RSxLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSw0QkFBNEIsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLGVBQWUsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUM7SUFDeEgsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsOEJBQThCLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxlQUFlLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO0lBQzVILEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLDhCQUE4QixFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsZUFBZSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztJQUMzSCxVQUFVLENBQUMsZ0JBQWdCLEVBQUU7UUFDM0IsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsOEJBQThCLEVBQUUsQ0FBQztRQUNsRSxPQUFPLENBQUMsR0FBRyxRQUFRLElBQUksT0FBTyxFQUFFLENBQUM7S0FDbEMsQ0FBQztJQUNGLFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRTtRQUMzQixPQUFPLENBQUMsR0FBRyxRQUFRLElBQUksTUFBTSxFQUFFLEVBQzdCLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSw4QkFBOEIsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLGVBQWUsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7S0FDOUcsQ0FBQztJQUNGLFVBQVUsQ0FBQyxhQUFhLEVBQUU7UUFDeEIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLDZCQUE2QixFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsZUFBZSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLENBQUM7UUFDOUcsT0FBTyxDQUFDLEdBQUcsUUFBUSxJQUFJLE9BQU8sRUFBRSxDQUFDO0tBQUMsQ0FBQztJQUNyQyxVQUFVLENBQUMsYUFBYSxFQUFFO1FBQ3hCLE9BQU8sQ0FBQyxHQUFHLFFBQVEsSUFBSSxNQUFNLEVBQUUsRUFDN0IsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLDZCQUE2QixFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsZUFBZSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQztLQUMvRyxDQUFDO0NBQUMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IEFuaW1hdGlvbkN1cnZlcywgQW5pbWF0aW9uRHVyYXRpb24gfSBmcm9tICcuL2FuaW1hdGlvblBhcmFtZXRlcnMnO1xuXG5jb25zdCBlYXNlSW4gPSBBbmltYXRpb25DdXJ2ZXMuRUFTRV9JTjtcbmNvbnN0IGVhc2VPdXQgPSBBbmltYXRpb25DdXJ2ZXMuRUFTRV9PVVQ7XG5jb25zdCBkdXJhdGlvbiA9IEFuaW1hdGlvbkR1cmF0aW9uLkJBU0U7XG5leHBvcnQgY29uc3QgZmFkZUluT3V0OiBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGEgPSB0cmlnZ2VyKCdmYWRlSW5PdXQnLCBbXG4gIHN0YXRlKCd2b2lkJywgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZVkoMCkgdHJhbnNsYXRlWSgtNHB4KScsIG9wYWNpdHk6IDAsIHRyYW5zZm9ybU9yaWdpbjogJzAgMCUnLCBkaXNwbGF5OiAnYmxvY2snIH0pKSxcbiAgc3RhdGUoJ2JvdHRvbScsIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGVZKDAuOTk5OSkgdHJhbnNsYXRlWSgwKScsIG9wYWNpdHk6IDEsIHRyYW5zZm9ybU9yaWdpbjogJzAgMCUnLCBkaXNwbGF5OiAnYmxvY2snIH0pKSxcbiAgc3RhdGUoJ3RvcCcsIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGVZKDAuOTk5OSkgdHJhbnNsYXRlWSgwKScsIG9wYWNpdHk6IDEsIHRyYW5zZm9ybU9yaWdpbjogJzAgMTAwJScsIGRpc3BsYXk6ICdibG9jaycgfSkpLFxuICB0cmFuc2l0aW9uKCd2b2lkID0+IGJvdHRvbScsIFtcbiAgICBzdHlsZSh7IG9wYWNpdHk6IDAuOCwgdHJhbnNmb3JtOiAnc2NhbGVZKDAuOCkgdHJhbnNsYXRlWSgtNHB4KScgfSksXG4gICAgYW5pbWF0ZShgJHtkdXJhdGlvbn0gJHtlYXNlT3V0fWApXG4gIF0pLFxuICB0cmFuc2l0aW9uKCdib3R0b20gPT4gdm9pZCcsIFtcbiAgICBhbmltYXRlKGAke2R1cmF0aW9ufSAke2Vhc2VJbn1gLFxuICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZVkoMC44KSB0cmFuc2xhdGVZKC00cHgpJywgb3BhY2l0eTogMCwgdHJhbnNmb3JtT3JpZ2luOiAnMCAwJScsIGRpc3BsYXk6ICdub25lJyB9KSksXG4gIF0pLFxuICB0cmFuc2l0aW9uKCd2b2lkID0+IHRvcCcsIFtcbiAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3NjYWxlWSgwLjgpIHRyYW5zbGF0ZVkoNHB4KScsIG9wYWNpdHk6IDAuOCwgdHJhbnNmb3JtT3JpZ2luOiAnMCAxMDAlJywgZGlzcGxheTogJ2Jsb2NrJyB9KSxcbiAgICBhbmltYXRlKGAke2R1cmF0aW9ufSAke2Vhc2VPdXR9YCldKSxcbiAgdHJhbnNpdGlvbigndG9wID0+IHZvaWQnLCBbXG4gICAgYW5pbWF0ZShgJHtkdXJhdGlvbn0gJHtlYXNlSW59YCxcbiAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGVZKDAuOCkgdHJhbnNsYXRlWSg0cHgpJywgb3BhY2l0eTogMCwgdHJhbnNmb3JtT3JpZ2luOiAnMCAxMDAlJywgZGlzcGxheTogJ25vbmUnIH0pKVxuICBdKV0pO1xuIl19