UNPKG

ng-devui

Version:

DevUI components based on Angular

devui.design

DevCloudFE/ng-devui

19 lines • 3.85 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import { animate, group, state, style, transition, trigger } from '@angular/animations'; import { AnimationCurves, AnimationDuration } from './animationParameters'; const easeOut = AnimationCurves.EASE_OUT; const easeIn = AnimationCurves.EASE_IN; const linear = AnimationCurves.LINEAR; const duration = AnimationDuration.FAST; export const wipeInOutAnimation = trigger('wipeInOutAnimation', [ state('void', style({ opacity: 0.2, transform: 'translateY(-24px)' })), state('in', style({ opacity: 1, transform: 'unset' })), transition('void => in', group([ animate(`${duration} ${easeOut}`, style({ opacity: 1 })), animate(`${duration} ${linear}`, style({ transform: 'unset' })) ])), transition('in => void', group([ animate(`${duration} ${easeIn}`, style({ opacity: 0.2 })), animate(`${duration} ${linear}`, style({ transform: 'translateY(-24px)' })) ])), ]); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2lwZS1pbi1vdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9kZXZ1aS91dGlscy9hbmltYXRpb25zL3dpcGUtaW4tb3V0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQTRCLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNsSCxPQUFPLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFM0UsTUFBTSxPQUFPLEdBQUcsZUFBZSxDQUFDLFFBQVEsQ0FBQztBQUN6QyxNQUFNLE1BQU0sR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO0FBQ3ZDLE1BQU0sTUFBTSxHQUFHLGVBQWUsQ0FBQyxNQUFNLENBQUM7QUFDdEMsTUFBTSxRQUFRLEdBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDO0FBRXhDLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUE2QixPQUFPLENBQUMsb0JBQW9CLEVBQUU7SUFDeEYsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxDQUFDLENBQUM7SUFDdEUsS0FBSyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO0lBQ3RELFVBQVUsQ0FBQyxZQUFZLEVBQUUsS0FBSyxDQUFDO1FBQzdCLE9BQU8sQ0FBQyxHQUFHLFFBQVEsSUFBSSxPQUFPLEVBQUUsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN4RCxPQUFPLENBQUMsR0FBRyxRQUFRLElBQUksTUFBTSxFQUFFLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUM7S0FDaEUsQ0FBQyxDQUFDO0lBQ0gsVUFBVSxDQUFDLFlBQVksRUFBRSxLQUFLLENBQUM7UUFDN0IsT0FBTyxDQUFDLEdBQUcsUUFBUSxJQUFJLE1BQU0sRUFBRSxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQ3pELE9BQU8sQ0FBQyxHQUFHLFFBQVEsSUFBSSxNQUFNLEVBQUUsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQyxDQUFDO0tBQzVFLENBQUMsQ0FBQztDQUNKLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YSwgZ3JvdXAsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgQW5pbWF0aW9uQ3VydmVzLCBBbmltYXRpb25EdXJhdGlvbiB9IGZyb20gJy4vYW5pbWF0aW9uUGFyYW1ldGVycyc7XG5cbmNvbnN0IGVhc2VPdXQgPSBBbmltYXRpb25DdXJ2ZXMuRUFTRV9PVVQ7XG5jb25zdCBlYXNlSW4gPSBBbmltYXRpb25DdXJ2ZXMuRUFTRV9JTjtcbmNvbnN0IGxpbmVhciA9IEFuaW1hdGlvbkN1cnZlcy5MSU5FQVI7XG5jb25zdCBkdXJhdGlvbiA9IEFuaW1hdGlvbkR1cmF0aW9uLkZBU1Q7XG5cbmV4cG9ydCBjb25zdCB3aXBlSW5PdXRBbmltYXRpb246IEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YSA9IHRyaWdnZXIoJ3dpcGVJbk91dEFuaW1hdGlvbicsIFtcbiAgc3RhdGUoJ3ZvaWQnLCBzdHlsZSh7IG9wYWNpdHk6IDAuMiwgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgtMjRweCknIH0pKSxcbiAgc3RhdGUoJ2luJywgc3R5bGUoeyBvcGFjaXR5OiAxLCB0cmFuc2Zvcm06ICd1bnNldCcgfSkpLFxuICB0cmFuc2l0aW9uKCd2b2lkID0+IGluJywgZ3JvdXAoW1xuICAgIGFuaW1hdGUoYCR7ZHVyYXRpb259ICR7ZWFzZU91dH1gLCBzdHlsZSh7IG9wYWNpdHk6IDEgfSkpLFxuICAgIGFuaW1hdGUoYCR7ZHVyYXRpb259ICR7bGluZWFyfWAsIHN0eWxlKHsgdHJhbnNmb3JtOiAndW5zZXQnIH0pKVxuICBdKSksXG4gIHRyYW5zaXRpb24oJ2luID0+IHZvaWQnLCBncm91cChbXG4gICAgYW5pbWF0ZShgJHtkdXJhdGlvbn0gJHtlYXNlSW59YCwgc3R5bGUoeyBvcGFjaXR5OiAwLjIgfSkpLFxuICAgIGFuaW1hdGUoYCR7ZHVyYXRpb259ICR7bGluZWFyfWAsIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgtMjRweCknIH0pKVxuICBdKSksXG5dKTtcbiJdfQ==