ng-devui
Version:
DevUI components based on Angular
16 lines • 3.01 kB
JavaScript
import { animate, group, state, style, transition, trigger } from '@angular/animations';
import { AnimationCurves, AnimationDuration } from './animationParameters';
const duration = AnimationDuration.FAST;
const linear = AnimationCurves.LINEAR;
export const backdropFadeInOut = trigger('backdropAnimation', [
state('void', style({ display: 'none', opacity: 0 })),
state('in', style({ display: 'block', opacity: 1 })),
transition('void => in', [
style({ display: 'block' }),
animate(`${duration} ${linear}`, style({ opacity: 1 }))
]),
transition('in => void', group([
animate(`${duration} ${linear}`, style({ opacity: 0 }))
])),
]);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AtZmFkZS1pbi1vdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9kZXZ1aS91dGlscy9hbmltYXRpb25zL2JhY2tkcm9wLWZhZGUtaW4tb3V0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQTRCLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNsSCxPQUFPLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDM0UsTUFBTSxRQUFRLEdBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDO0FBQ3hDLE1BQU0sTUFBTSxHQUFHLGVBQWUsQ0FBQyxNQUFNLENBQUM7QUFFdEMsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQTZCLE9BQU8sQ0FBQyxtQkFBbUIsRUFBRTtJQUN0RixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDckQsS0FBSyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3BELFVBQVUsQ0FBQyxZQUFZLEVBQUU7UUFDdkIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFDO1FBQzNCLE9BQU8sQ0FBQyxHQUFHLFFBQVEsSUFBSSxNQUFNLEVBQUUsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztLQUN4RCxDQUFDO0lBQ0YsVUFBVSxDQUFDLFlBQVksRUFBRSxLQUFLLENBQUM7UUFDN0IsT0FBTyxDQUFDLEdBQUcsUUFBUSxJQUFJLE1BQU0sRUFBRSxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0tBQ3hELENBQUMsQ0FBQztDQUNKLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YSwgZ3JvdXAsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgQW5pbWF0aW9uQ3VydmVzLCBBbmltYXRpb25EdXJhdGlvbiB9IGZyb20gJy4vYW5pbWF0aW9uUGFyYW1ldGVycyc7XG5jb25zdCBkdXJhdGlvbiA9IEFuaW1hdGlvbkR1cmF0aW9uLkZBU1Q7XG5jb25zdCBsaW5lYXIgPSBBbmltYXRpb25DdXJ2ZXMuTElORUFSO1xuXG5leHBvcnQgY29uc3QgYmFja2Ryb3BGYWRlSW5PdXQ6IEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YSA9IHRyaWdnZXIoJ2JhY2tkcm9wQW5pbWF0aW9uJywgW1xuICBzdGF0ZSgndm9pZCcsIHN0eWxlKHsgZGlzcGxheTogJ25vbmUnLCBvcGFjaXR5OiAwIH0pKSxcbiAgc3RhdGUoJ2luJywgc3R5bGUoeyBkaXNwbGF5OiAnYmxvY2snLCBvcGFjaXR5OiAxIH0pKSxcbiAgdHJhbnNpdGlvbigndm9pZCA9PiBpbicsIFtcbiAgICBzdHlsZSh7IGRpc3BsYXk6ICdibG9jaycgfSksXG4gICAgYW5pbWF0ZShgJHtkdXJhdGlvbn0gJHtsaW5lYXJ9YCwgc3R5bGUoeyBvcGFjaXR5OiAxIH0pKVxuICBdKSxcbiAgdHJhbnNpdGlvbignaW4gPT4gdm9pZCcsIGdyb3VwKFtcbiAgICBhbmltYXRlKGAke2R1cmF0aW9ufSAke2xpbmVhcn1gLCBzdHlsZSh7IG9wYWNpdHk6IDAgfSkpXG4gIF0pKSxcbl0pO1xuIl19