f5a98f41fe
This patch removes the deprecated support for animation symbol imports from @angular/core. BREAKING CHANGE: it is no longer possible to import animation-related functions from @angular/core. All animation symbols must now be imported from @angular/animations. PR Close #22692
27 lines
593 B
TypeScript
27 lines
593 B
TypeScript
// #docregion
|
|
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
|
|
// Component transition animations
|
|
export const slideInDownAnimation =
|
|
trigger('routeAnimation', [
|
|
state('*',
|
|
style({
|
|
opacity: 1,
|
|
transform: 'translateX(0)'
|
|
})
|
|
),
|
|
transition(':enter', [
|
|
style({
|
|
opacity: 0,
|
|
transform: 'translateX(-100%)'
|
|
}),
|
|
animate('0.2s ease-in')
|
|
]),
|
|
transition(':leave', [
|
|
animate('0.5s ease-out', style({
|
|
opacity: 0,
|
|
transform: 'translateY(100%)'
|
|
}))
|
|
])
|
|
]);
|