import { trigger , state , style , transition , animate , AnimationEntryMetadata } from '@angular/core' ; let animationDuration = 0.5 ; let animationEasing = 'ease-in-out' ; let animationEnterEasing = animationDuration + 's ' + animationDuration + 's ' + animationEasing ; let animationExitEasing = animationDuration + 's ' + animationEasing ; export const flyInOut = trigger ( 'flyInOut' , [ state ( 'void' , style ( { position : 'absolute' } ) ) , state ( '*' , style ( { position : 'absolute' } ) ) , transition ( ':enter' , [ style ( { transform : 'translateX(100%)' , opacity : 0 } ) , animate ( animationEnterEasing , style ( { transform : 'translateX(0%)' , opacity : 1 } ) ) ] ) , transition ( ':leave' , [ style ( { transform : 'translateX(0%)' , opacity : 1 } ) , animate ( animationExitEasing , style ( { transform : 'translateX(-100%)' , opacity : 0 } ) ) ] ) ] ) ; export const fadeInOut = trigger ( 'fadeInOut' , [ state ( 'void' , style ( { position : 'absolute' } ) ) , state ( '*' , style ( { position : 'absolute' } ) ) , transition ( ':enter' , [ style ( { opacity : 0 } ) , animate ( animationEnterEasing , style ( { opacity : 1 } ) ) ] ) , transition ( ':leave' , [ style ( { transform : 'translateX(0%)' , opacity : 1 } ) , animate ( animationExitEasing , style ( { opacity : 0 } ) ) ] ) ] ) ; export const fadeInOutNoDelay = trigger ( 'fadeInOutNoDelay' , [ transition ( ':enter' , [ style ( { opacity : 0 } ) , animate ( animationExitEasing , style ( { opacity : 1 } ) ) ] ) , transition ( ':leave' , [ style ( { transform : 'translateX(0%)' , opacity : 1 } ) , animate ( animationExitEasing , style ( { opacity : 0 } ) ) ] ) ] ) ; export const fadeInNoDelay = trigger ( 'fadeInNoDelay' , [ state ( 'void' , style ( { position : 'absolute' } ) ) , state ( '*' , style ( { position : 'absolute' } ) ) , transition ( ':enter' , [ style ( { opacity : 0 } ) , animate ( animationExitEasing , style ( { opacity : 1 } ) ) ] ) ] ) ; export const flyInOutRight = trigger ( 'flyInOutRight' , [ transition ( ':enter' , [ style ( { transform : 'translateX(100%)' , opacity : 0 } ) , animate ( animationEnterEasing , style ( { transform : 'translateX(0%)' , opacity : 1 } ) ) ] ) , transition ( ':leave' , [ style ( { transform : 'translateX(0%)' , opacity : 1 } ) , animate ( animationExitEasing , style ( { transform : 'translateX(100%)' , opacity : 0 } ) ) ] ) ] ) ; export const slideUpDownNoDelay = trigger ( 'slideUpDownNoDelay' , [ transition ( ':enter' , [ style ( { transform : 'translateX(-100%)' } ) , animate ( '1000ms linear' , style ( { transform : 'translateX(0%)' } ) ) ] ) , transition ( ':leave' , [ style ( { transform : 'translateX(0%)' } ) , animate ( '1000ms linear' , style ( { transform : 'translateX(-100%)' } ) ) ] ) ] ) ;