UNPKG

@qrsln/utils

Version:

Utils

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

krsln/Showcase

11 lines (9 loc) • 1.62 kB
1
2
3
4
5
6
7
8
9
10
11
import { animate, state, style, transition, trigger } from '@angular/animations'; export const Overlay = trigger('Overlay', [ state('void', style({ transform: 'scale(0)', opacity: 0 })), transition('void <=> *', [style({ opacity: 1 }), animate('150ms cubic-bezier(0.25, 0.8, 0.25, 1)')]) ]); /* usage <div [@Overlay]="'enter'"></div> */ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3ZlcmxheS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3V0aWxzL0FuaW1hdGlvbnMvc3JjL0FuaW1zL092ZXJsYXkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUUvRSxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsT0FBTyxDQUFDLFNBQVMsRUFBRTtJQUN4QyxLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7SUFDekQsVUFBVSxDQUFDLFlBQVksRUFBRSxDQUFDLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxFQUFFLE9BQU8sQ0FBQyx3Q0FBd0MsQ0FBQyxDQUFDLENBQUM7Q0FDbkcsQ0FBQyxDQUFDO0FBRUg7Ozs7RUFJRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7YW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcbmV4cG9ydCBjb25zdCBPdmVybGF5ID0gdHJpZ2dlcignT3ZlcmxheScsIFtcclxuICBzdGF0ZSgndm9pZCcsIHN0eWxlKHt0cmFuc2Zvcm06ICdzY2FsZSgwKScsIG9wYWNpdHk6IDB9KSksXHJcbiAgdHJhbnNpdGlvbigndm9pZCA8PT4gKicsIFtzdHlsZSh7b3BhY2l0eTogMX0pLCBhbmltYXRlKCcxNTBtcyBjdWJpYy1iZXppZXIoMC4yNSwgMC44LCAwLjI1LCAxKScpXSlcclxuXSk7XHJcblxyXG4vKiB1c2FnZVxyXG5cclxuPGRpdiBbQE92ZXJsYXldPVwiJ2VudGVyJ1wiPjwvZGl2PlxyXG5cclxuKi9cclxuIl19