UNPKG

@qrsln/utils

Version:

Utils

github.com/krsln/Showcase/tree/master/Docs/Libraries/Utils

krsln/Showcase

11 lines (9 loc) • 1.97 kB
1
2
3
4
5
6
7
8
9
10
11
import { animate, animation, style, transition, trigger, useAnimation } from '@angular/animations'; export const FadeInOut = trigger('FadeInOut', [ transition('void => *', useAnimation(animation([style({ opacity: 0 }), animate('200ms', style({ opacity: 1 }))]))), transition('* => void', useAnimation(animation(animate('200ms', style({ opacity: 0 }))))) ]); /* usage <div [@FadeInOut]></div> */ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFkZUluT3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdXRpbHMvQW5pbWF0aW9ucy9zcmMvQW5pbXMvRmFkZUluT3V0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxPQUFPLEVBQUUsU0FBUyxFQUFTLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBRXhHLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxPQUFPLENBQUMsV0FBVyxFQUFFO0lBQzVDLFVBQVUsQ0FBQyxXQUFXLEVBQUUsWUFBWSxDQUNsQyxTQUFTLENBQUMsQ0FBQyxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUMsRUFBRSxPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUN4RSxDQUFDO0lBQ0YsVUFBVSxDQUFDLFdBQVcsRUFBRSxZQUFZLENBQ2xDLFNBQVMsQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDakQsQ0FBQztDQUNILENBQUMsQ0FBQztBQUVIOzs7O0VBSUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge2FuaW1hdGUsIGFuaW1hdGlvbiwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyLCB1c2VBbmltYXRpb259IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5cclxuZXhwb3J0IGNvbnN0IEZhZGVJbk91dCA9IHRyaWdnZXIoJ0ZhZGVJbk91dCcsIFtcclxuICB0cmFuc2l0aW9uKCd2b2lkID0+IConLCB1c2VBbmltYXRpb24oXHJcbiAgICBhbmltYXRpb24oW3N0eWxlKHtvcGFjaXR5OiAwfSksIGFuaW1hdGUoJzIwMG1zJywgc3R5bGUoe29wYWNpdHk6IDF9KSldKVxyXG4gICkpLFxyXG4gIHRyYW5zaXRpb24oJyogPT4gdm9pZCcsIHVzZUFuaW1hdGlvbihcclxuICAgIGFuaW1hdGlvbihhbmltYXRlKCcyMDBtcycsIHN0eWxlKHtvcGFjaXR5OiAwfSkpKVxyXG4gICkpXHJcbl0pO1xyXG5cclxuLyogdXNhZ2VcclxuXHJcbjxkaXYgW0BGYWRlSW5PdXRdPjwvZGl2PlxyXG5cclxuKi9cclxuIl19