All files / src/app/core/animations bottom-out.animation.ts

1
2
3
4
5
6
7
8
9
2x
 
2x
2x
 
 
 
 
 
import { AnimationTriggerMetadata, animate, state, style, transition, trigger } from '@angular/animations';
 
export default (durationMillSeconds = 1000): AnimationTriggerMetadata =>
  trigger('bottomOut', [
    state('*', style({ transform: 'translateY(0)' })),
    state('bottom-out', style({ transform: 'translateY(100%)' })),
    transition('* => bottom-out', animate(`${durationMillSeconds}ms ease-out`)),
  ]);