angular-animations
Version:
Angular Animations Utilities
1,029 lines (998 loc) • 137 kB
JavaScript
import { query, animateChild, group, useAnimation, animation, animate, keyframes, style, AUTO_STYLE, trigger, transition, state } from '@angular/animations';
function useAnimationIncludingChildren(animation, options) {
return [
...(options && options.animateChildren === 'before' ? [query('@*', animateChild(), { optional: true })] : []),
group([
useAnimation(animation),
...(!options || !options.animateChildren || options.animateChildren === 'together'
? [query('@*', animateChild(), { optional: true })]
: [])
]),
...(options && options.animateChildren === 'after' ? [query('@*', animateChild(), { optional: true })] : [])
];
}
const bounce = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: AUTO_STYLE, transform: 'translate3d(0, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
style({ transform: 'translate3d(0, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.2 }),
style({ transform: 'translate3d(0, -30px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.4 }),
style({ transform: 'translate3d(0, -30px, 0)', easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)', offset: 0.43 }),
style({ transform: 'translate3d(0, 0, 0)', easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)', offset: 0.53 }),
style({ transform: 'translate3d(0, -15px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.7 }),
style({ transform: 'translate3d(0, 0, 0)', easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)', offset: 0.8 }),
style({ transform: 'translate3d(0, -4px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.9 }),
style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0 = bounce;
const DEFAULT_DURATION = 1000;
function bounceAnimation(options) {
return trigger((options && options.anchor) || 'bounce', [
transition(`0 ${(options && options.direction) || '<=>'} 1`, [style({ 'transform-origin': 'center bottom' }), ...useAnimationIncludingChildren(bounce(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION
}
})
]);
}
function bounceOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'bounceOnEnter', [
transition(':enter', [
style({ visibility: 'hidden' }),
style({ 'transform-origin': 'center bottom' }),
...useAnimationIncludingChildren(bounce(), options)
], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION
}
})
]);
}
const flash = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: AUTO_STYLE, opacity: 1, easing: 'ease', offset: 0 }),
style({ opacity: 0, easing: 'ease', offset: 0.25 }),
style({ opacity: 1, easing: 'ease', offset: 0.5 }),
style({ opacity: 0, easing: 'ease', offset: 0.75 }),
style({ opacity: 1, easing: 'ease', offset: 1 })
]))
]);
const ɵ0$1 = flash;
const DEFAULT_DURATION$1 = 1000;
function flashAnimation(options) {
return trigger((options && options.anchor) || 'flash', [
transition(`0 ${(options && options.direction) || '<=>'} 1`, [...useAnimationIncludingChildren(flash(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$1
}
})
]);
}
function flashOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'flashOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(flash(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$1
}
})
]);
}
const headShake = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: AUTO_STYLE, transform: 'translateX(0)', easing: 'ease-in-out', offset: 0 }),
style({ transform: 'translateX(-6px) rotateY(-9deg)', easing: 'ease-in-out', offset: 0.065 }),
style({ transform: 'translateX(5px) rotateY(7deg)', easing: 'ease-in-out', offset: 0.185 }),
style({ transform: 'translateX(-3px) rotateY(-5deg)', easing: 'ease-in-out', offset: 0.315 }),
style({ transform: 'translateX(2px) rotateY(3deg)', easing: 'ease-in-out', offset: 0.435 }),
style({ transform: 'translateX(0)', easing: 'ease-in-out', offset: 0.5 })
]))
]);
const ɵ0$2 = headShake;
const DEFAULT_DURATION$2 = 1000;
function headShakeAnimation(options) {
return trigger((options && options.anchor) || 'headShake', [
transition(`0 ${(options && options.direction) || '<=>'} 1`, [...useAnimationIncludingChildren(headShake(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$2
}
})
]);
}
function headShakeOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'headShakeOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(headShake(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$2
}
})
]);
}
const heartBeat = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: AUTO_STYLE, transform: 'scale(1)', easing: 'ease-in-out', offset: 0 }),
style({ transform: 'scale({{scale}})', easing: 'ease-in-out', offset: 0.14 }),
style({ transform: 'scale(1)', easing: 'ease-in-out', offset: 0.28 }),
style({ transform: 'scale({{scale}})', easing: 'ease-in-out', offset: 0.42 }),
style({ transform: 'scale(1)', easing: 'ease-in-out', offset: 0.7 })
]))
]);
const ɵ0$3 = heartBeat;
const DEFAULT_DURATION$3 = 1300;
const DEFAULT_SCALE = 1.3;
function heartBeatAnimation(options) {
return trigger((options && options.anchor) || 'heartBeat', [
transition(`0 ${(options && options.direction) || '<=>'} 1`, [...useAnimationIncludingChildren(heartBeat(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$3,
scale: (options && options.scale) || DEFAULT_SCALE
}
})
]);
}
function heartBeatOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'heartBeatOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(heartBeat(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$3,
scale: (options && options.scale) || DEFAULT_SCALE
}
})
]);
}
const jello = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: AUTO_STYLE, transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 0 }),
style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 0.111 }),
style({ transform: 'skewX(-12.5deg) skewY(-12.5deg)', easing: 'ease', offset: 0.222 }),
style({ transform: 'skewX(6.25deg) skewY(6.25deg)', easing: 'ease', offset: 0.333 }),
style({ transform: 'skewX(-3.125deg) skewY(-3.125deg)', easing: 'ease', offset: 0.444 }),
style({ transform: 'skewX(1.5625deg) skewY(1.5625deg)', easing: 'ease', offset: 0.555 }),
style({ transform: 'skewX(-0.78125deg) skewY(-0.78125deg)', easing: 'ease', offset: 0.666 }),
style({ transform: 'skewX(0.390625deg) skewY(0.390625deg)', easing: 'ease', offset: 0.777 }),
style({ transform: 'skewX(-0.1953125deg) skewY(-0.1953125deg)', easing: 'ease', offset: 0.888 }),
style({ transform: 'skewX(0deg) skewY(0deg)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$4 = jello;
const DEFAULT_DURATION$4 = 1000;
function jelloAnimation(options) {
return trigger((options && options.anchor) || 'jello', [
transition(`0 ${(options && options.direction) || '<=>'} 1`, [style({ 'transform-origin': 'center' }), ...useAnimationIncludingChildren(jello(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$4
}
})
]);
}
function jelloOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'jelloOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), style({ 'transform-origin': 'center' }), ...useAnimationIncludingChildren(jello(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$4
}
})
]);
}
const pulse = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: AUTO_STYLE, transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 0 }),
style({ transform: 'scale3d({{scale}}, {{scale}}, {{scale}})', easing: 'ease', offset: 0.5 }),
style({ transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$5 = pulse;
const DEFAULT_DURATION$5 = 1000;
function pulseAnimation(options) {
return trigger((options && options.anchor) || 'pulse', [
transition(`0 ${(options && options.direction) || '<=>'} 1`, [...useAnimationIncludingChildren(pulse(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$5,
scale: (options && options.scale) || 1.05
}
})
]);
}
function pulseOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'pulseOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(pulse(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$5,
scale: (options && options.scale) || 1.05
}
})
]);
}
const rubberBand = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: AUTO_STYLE, transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 0 }),
style({ transform: 'scale3d(1.25, 0.75, 1)', easing: 'ease', offset: 0.3 }),
style({ transform: 'scale3d(0.75, 1.25, 1)', easing: 'ease', offset: 0.4 }),
style({ transform: 'scale3d(1.15, 0.85, 1)', easing: 'ease', offset: 0.5 }),
style({ transform: 'scale3d(0.95, 1.05, 1)', easing: 'ease', offset: 0.65 }),
style({ transform: 'scale3d(1.05, 0.95, 1)', easing: 'ease', offset: 0.75 }),
style({ transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$6 = rubberBand;
const DEFAULT_DURATION$6 = 1000;
function rubberBandAnimation(options) {
return trigger((options && options.anchor) || 'rubberBand', [
transition(`0 ${(options && options.direction) || '<=>'} 1`, [...useAnimationIncludingChildren(rubberBand(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$6
}
})
]);
}
function rubberBandOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'rubberBandOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(rubberBand(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$6
}
})
]);
}
const shake = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: AUTO_STYLE, transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 0 }),
style({ transform: 'translate3d(-{{translate}}, 0, 0)', easing: 'ease', offset: 0.1 }),
style({ transform: 'translate3d({{translate}}, 0, 0)', easing: 'ease', offset: 0.2 }),
style({ transform: 'translate3d(-{{translate}}, 0, 0)', easing: 'ease', offset: 0.3 }),
style({ transform: 'translate3d({{translate}}, 0, 0)', easing: 'ease', offset: 0.4 }),
style({ transform: 'translate3d(-{{translate}}, 0, 0)', easing: 'ease', offset: 0.5 }),
style({ transform: 'translate3d({{translate}}, 0, 0)', easing: 'ease', offset: 0.6 }),
style({ transform: 'translate3d(-{{translate}}, 0, 0)', easing: 'ease', offset: 0.7 }),
style({ transform: 'translate3d({{translate}}, 0, 0)', easing: 'ease', offset: 0.8 }),
style({ transform: 'translate3d(-{{translate}}, 0, 0)', easing: 'ease', offset: 0.9 }),
style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$7 = shake;
const DEFAULT_DURATION$7 = 1000;
function shakeAnimation(options) {
return trigger((options && options.anchor) || 'shake', [
transition(`0 ${(options && options.direction) || '<=>'} 1`, [...useAnimationIncludingChildren(shake(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$7,
translate: (options && options.translate) || '10px'
}
})
]);
}
function shakeOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'shakeOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(shake(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$7,
translate: (options && options.translate) || '10px'
}
})
]);
}
const swing = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ 'transform-origin': 'top center', offset: 0 }),
style({ visibility: AUTO_STYLE, transform: 'rotate3d(0, 0, 1, 0deg)', easing: 'ease', offset: 0 }),
style({ transform: 'rotate3d(0, 0, 1, 15deg)', easing: 'ease', offset: 0.2 }),
style({ transform: 'rotate3d(0, 0, 1, -10deg)', easing: 'ease', offset: 0.4 }),
style({ transform: 'rotate3d(0, 0, 1, 5deg)', easing: 'ease', offset: 0.6 }),
style({ transform: 'rotate3d(0, 0, 1, -5deg)', easing: 'ease', offset: 0.8 }),
style({ transform: 'rotate3d(0, 0, 1, 0deg)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$8 = swing;
const DEFAULT_DURATION$8 = 1000;
function swingAnimation(options) {
return trigger((options && options.anchor) || 'swing', [
transition(`0 ${(options && options.direction) || '<=>'} 1`, [...useAnimationIncludingChildren(swing(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$8
}
})
]);
}
function swingOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'swingOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), style({ 'transform-origin': 'top center' }), ...useAnimationIncludingChildren(swing(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$8
}
})
]);
}
const tada = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: AUTO_STYLE, transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 0 }),
style({ transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)', easing: 'ease', offset: 0.1 }),
style({ transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)', easing: 'ease', offset: 0.2 }),
style({ transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)', easing: 'ease', offset: 0.3 }),
style({ transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)', easing: 'ease', offset: 0.4 }),
style({ transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)', easing: 'ease', offset: 0.5 }),
style({ transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)', easing: 'ease', offset: 0.6 }),
style({ transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)', easing: 'ease', offset: 0.7 }),
style({ transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)', easing: 'ease', offset: 0.8 }),
style({ transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)', easing: 'ease', offset: 0.9 }),
style({ transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$9 = tada;
const DEFAULT_DURATION$9 = 1000;
function tadaAnimation(options) {
return trigger((options && options.anchor) || 'tada', [
transition(`0 ${(options && options.direction) || '<=>'} 1`, [...useAnimationIncludingChildren(tada(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$9
}
})
]);
}
function tadaOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'tadaOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(tada(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$9
}
})
]);
}
const wobble = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: AUTO_STYLE, transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 0 }),
style({ transform: 'translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)', easing: 'ease', offset: 0.15 }),
style({ transform: 'translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)', easing: 'ease', offset: 0.3 }),
style({ transform: 'translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)', easing: 'ease', offset: 0.45 }),
style({ transform: 'translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)', easing: 'ease', offset: 0.6 }),
style({ transform: 'translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)', easing: 'ease', offset: 0.75 }),
style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$a = wobble;
const DEFAULT_DURATION$a = 1000;
function wobbleAnimation(options) {
return trigger((options && options.anchor) || 'wobble', [
transition(`0 ${(options && options.direction) || '<=>'} 1`, [...useAnimationIncludingChildren(wobble(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$a
}
})
]);
}
function wobbleOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'wobbleOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(wobble(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$a
}
})
]);
}
const bounceInDown = () => animation(group([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ transform: 'translate3d(0, -{{translate}}, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
style({ transform: 'translate3d(0, 25px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
style({ transform: 'translate3d(0, -10px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.75 }),
style({ transform: 'translate3d(0, 5px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.9 }),
style({ transform: 'translate3d(0, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
])),
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: 'visible', opacity: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
]))
]));
const ɵ0$b = bounceInDown;
const DEFAULT_DURATION$b = 1000;
function bounceInDownAnimation(options) {
return trigger((options && options.anchor) || 'bounceInDown', [
transition('0 => 1', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(bounceInDown(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$b,
translate: (options && options.translate) || '3000px'
}
})
]);
}
function bounceInDownOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'bounceInDownOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(bounceInDown(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$b,
translate: (options && options.translate) || '3000px'
}
})
]);
}
const bounceInLeft = () => animation(group([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ transform: 'translate3d(-{{translate}}, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
style({ transform: 'translate3d(25px, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
style({ transform: 'translate3d(-10px, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.75 }),
style({ transform: 'translate3d(5px, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.9 }),
style({ transform: 'translate3d(0, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
])),
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: 'visible', opacity: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
]))
]));
const ɵ0$c = bounceInLeft;
const DEFAULT_DURATION$c = 1000;
function bounceInLeftAnimation(options) {
return trigger((options && options.anchor) || 'bounceInLeft', [
transition('0 => 1', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(bounceInLeft(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$c,
translate: (options && options.translate) || '3000px'
}
})
]);
}
function bounceInLeftOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'bounceInLeftOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(bounceInLeft(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$c,
translate: (options && options.translate) || '3000px'
}
})
]);
}
const bounceInRight = () => animation(group([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ transform: 'translate3d({{translate}}, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
style({ transform: 'translate3d(-25px, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
style({ transform: 'translate3d(10px, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.75 }),
style({ transform: 'translate3d(-5px, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.9 }),
style({ transform: 'translate3d(0, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
])),
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: 'visible', opacity: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
]))
]));
const ɵ0$d = bounceInRight;
const DEFAULT_DURATION$d = 1000;
function bounceInRightAnimation(options) {
return trigger((options && options.anchor) || 'bounceInRight', [
transition('0 => 1', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(bounceInRight(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$d,
translate: (options && options.translate) || '3000px'
}
})
]);
}
function bounceInRightOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'bounceInRightOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(bounceInRight(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$d,
translate: (options && options.translate) || '3000px'
}
})
]);
}
const bounceInUp = () => animation(group([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ transform: 'translate3d(0, {{translate}}, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
style({ transform: 'translate3d(0, -20px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
style({ transform: 'translate3d(0, 10px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.75 }),
style({ transform: 'translate3d(0, -5px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.9 }),
style({ transform: 'translate3d(0, -5px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
])),
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: 'visible', opacity: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
]))
]));
const ɵ0$e = bounceInUp;
const DEFAULT_DURATION$e = 1000;
function bounceInUpAnimation(options) {
return trigger((options && options.anchor) || 'bounceInUp', [
transition('0 => 1', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(bounceInUp(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$e,
translate: (options && options.translate) || '3000px'
}
})
]);
}
function bounceInUpOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'bounceInUpOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(bounceInUp(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$e,
translate: (options && options.translate) || '3000px'
}
})
]);
}
const bounceIn = () => animation(group([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ transform: 'scale3d(0.3, 0.3, 0.3)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
style({ transform: 'scale3d(1.1, 1.1, 1.1)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.2 }),
style({ transform: 'scale3d(0.9, 0.9, 0.9)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.4 }),
style({ transform: 'scale3d(1.03, 1.03, 1.03)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
style({ transform: 'scale3d(0.97, 0.97, 0.97)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.8 }),
style({ transform: 'scale3d(1, 1, 1)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
])),
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: 'visible', opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
]))
]));
const ɵ0$f = bounceIn;
const DEFAULT_DURATION$f = 750;
function bounceInAnimation(options) {
return trigger((options && options.anchor) || 'bounceIn', [
transition('0 => 1', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(bounceIn(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$f
}
})
]);
}
function bounceInOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'bounceInOnEnter', [
transition(':enter', animation([style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(bounceIn(), options)]), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$f
}
})
]);
}
const bounceOutDown = () => animation(group([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 0 }),
style({ transform: 'translate3d(0, 10px, 0)', easing: 'ease', offset: 0.2 }),
style({ transform: 'translate3d(0, -20px, 0)', easing: 'ease', offset: 0.4 }),
style({ transform: 'translate3d(0, -20px, 0)', easing: 'ease', offset: 0.45 }),
style({ transform: 'translate3d(0, {{translate}}, 0)', easing: 'ease', offset: 1 })
])),
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ opacity: 1, easing: 'ease', offset: 0 }),
style({ opacity: 1, easing: 'ease', offset: 0.45 }),
style({ opacity: 0, easing: 'ease', offset: 1 })
]))
]));
const ɵ0$g = bounceOutDown;
const DEFAULT_DURATION$g = 1000;
function bounceOutDownAnimation(options) {
return trigger((options && options.anchor) || 'bounceOutDown', [
transition('0 => 1', [...useAnimationIncludingChildren(bounceOutDown(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$g,
translate: (options && options.translate) || '2000px'
}
})
]);
}
function bounceOutDownOnLeaveAnimation(options) {
return trigger((options && options.anchor) || 'bounceOutDownOnLeave', [
transition(':leave', [...useAnimationIncludingChildren(bounceOutDown(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$g,
translate: (options && options.translate) || '2000px'
}
})
]);
}
const bounceOutLeft = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ opacity: 1, transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 0 }),
style({ opacity: 1, transform: 'translate3d(20px, 0, 0)', easing: 'ease', offset: 0.2 }),
style({ opacity: 0, transform: 'translate3d(-{{translate}}, 0, 0)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$h = bounceOutLeft;
const DEFAULT_DURATION$h = 1000;
function bounceOutLeftAnimation(options) {
return trigger((options && options.anchor) || 'bounceOutLeft', [
transition('0 => 1', [...useAnimationIncludingChildren(bounceOutLeft(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$h,
translate: (options && options.translate) || '2000px'
}
})
]);
}
function bounceOutLeftOnLeaveAnimation(options) {
return trigger((options && options.anchor) || 'bounceOutLeftOnLeave', [
transition(':leave', [...useAnimationIncludingChildren(bounceOutLeft(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$h,
translate: (options && options.translate) || '2000px'
}
})
]);
}
const bounceOutRight = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ opacity: 1, transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 0 }),
style({ opacity: 1, transform: 'translate3d(-20px, 0, 0)', easing: 'ease', offset: 0.2 }),
style({ opacity: 0, transform: 'translate3d({{translate}}, 0, 0)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$i = bounceOutRight;
const DEFAULT_DURATION$i = 1000;
function bounceOutRightAnimation(options) {
return trigger((options && options.anchor) || 'bounceOutRight', [
transition('0 => 1', [...useAnimationIncludingChildren(bounceOutRight(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$i,
translate: (options && options.translate) || '2000px'
}
})
]);
}
function bounceOutRightOnLeaveAnimation(options) {
return trigger((options && options.anchor) || 'bounceOutRightOnLeave', [
transition(':leave', [...useAnimationIncludingChildren(bounceOutRight(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$i,
translate: (options && options.translate) || '2000px'
}
})
]);
}
const bounceOutUp = () => animation(group([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 0 }),
style({ transform: 'translate3d(0, -10px, 0)', easing: 'ease', offset: 0.2 }),
style({ transform: 'translate3d(0, 20px, 0)', easing: 'ease', offset: 0.4 }),
style({ transform: 'translate3d(0, 20px, 0)', easing: 'ease', offset: 0.45 }),
style({ transform: 'translate3d(0, -{{translate}}, 0)', easing: 'ease', offset: 1 })
])),
animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ opacity: 1, easing: 'ease', offset: 0 }),
style({ opacity: 1, easing: 'ease', offset: 0.45 }),
style({ opacity: 0, easing: 'ease', offset: 1 })
]))
])
]));
const ɵ0$j = bounceOutUp;
const DEFAULT_DURATION$j = 1000;
function bounceOutUpAnimation(options) {
return trigger((options && options.anchor) || 'bounceOutUp', [
transition('0 => 1', [...useAnimationIncludingChildren(bounceOutUp(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$j,
translate: (options && options.translate) || '2000px'
}
})
]);
}
function bounceOutUpOnLeaveAnimation(options) {
return trigger((options && options.anchor) || 'bounceOutUpOnLeave', [
transition(':leave', [...useAnimationIncludingChildren(bounceOutUp(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$j,
translate: (options && options.translate) || '2000px'
}
})
]);
}
const bounceOut = () => animation(group([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 0 }),
style({ transform: 'scale3d(0.9, 0.9, 0.9)', easing: 'ease', offset: 0.2 }),
style({ transform: 'scale3d(1.1, 1.1, 1.1)', easing: 'ease', offset: 0.5 }),
style({ transform: 'scale3d(1.1, 1.1, 1.1)', easing: 'ease', offset: 0.55 }),
style({ transform: 'scale3d(0.3, 0.3, 0.3)', easing: 'ease', offset: 1 })
])),
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ opacity: 1, easing: 'ease', offset: 0 }),
style({ opacity: 1, easing: 'ease', offset: 0.55 }),
style({ opacity: 0, easing: 'ease', offset: 1 })
]))
]));
const ɵ0$k = bounceOut;
const DEFAULT_DURATION$k = 750;
function bounceOutAnimation(options) {
return trigger((options && options.anchor) || 'bounceOut', [
transition('0 => 1', [...useAnimationIncludingChildren(bounceOut(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$k
}
})
]);
}
function bounceOutOnLeaveAnimation(options) {
return trigger((options && options.anchor) || 'bounceOutOnLeave', [
transition(':leave', [...useAnimationIncludingChildren(bounceOut(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$k
}
})
]);
}
const fadeInDownBig = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: 'visible', opacity: 0, transform: 'translate3d(0, -{{translate}}, 0)', easing: 'ease', offset: 0 }),
style({ opacity: 1, transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$l = fadeInDownBig;
const DEFAULT_DURATION$l = 1000;
function fadeInDownBigAnimation(options) {
return trigger((options && options.anchor) || 'fadeInDownBig', [
transition('0 => 1', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(fadeInDownBig(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$l,
translate: (options && options.translate) || '2000px'
}
})
]);
}
function fadeInDownBigOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'fadeInDownBigOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(fadeInDownBig(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$l,
translate: (options && options.translate) || '2000px'
}
})
]);
}
const fadeInDown = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: 'visible', opacity: 0, transform: 'translate3d(0, -{{translate}}, 0)', easing: 'ease', offset: 0 }),
style({ opacity: 1, transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$m = fadeInDown;
const DEFAULT_DURATION$m = 1000;
function fadeInDownAnimation(options) {
return trigger((options && options.anchor) || 'fadeInDown', [
transition('0 => 1', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(fadeInDown(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$m,
translate: (options && options.translate) || '100%'
}
})
]);
}
function fadeInDownOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'fadeInDownOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(fadeInDown(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$m,
translate: (options && options.translate) || '100%'
}
})
]);
}
const fadeInLeftBig = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: 'visible', opacity: 0, transform: 'translate3d(-{{translate}}, 0, 0)', easing: 'ease', offset: 0 }),
style({ opacity: 1, transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$n = fadeInLeftBig;
const DEFAULT_DURATION$n = 1000;
function fadeInLeftBigAnimation(options) {
return trigger((options && options.anchor) || 'fadeInLeftBig', [
transition('0 => 1', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(fadeInLeftBig(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$n,
translate: (options && options.translate) || '2000px'
}
})
]);
}
function fadeInLeftBigOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'fadeInLeftBigOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(fadeInLeftBig(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$n,
translate: (options && options.translate) || '2000px'
}
})
]);
}
const fadeInLeft = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: 'visible', opacity: 0, transform: 'translate3d(-{{translate}}, 0, 0)', easing: 'ease', offset: 0 }),
style({ opacity: 1, transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$o = fadeInLeft;
const DEFAULT_DURATION$o = 1000;
function fadeInLeftAnimation(options) {
return trigger((options && options.anchor) || 'fadeInLeft', [
transition('0 => 1', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(fadeInLeft(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$o,
translate: (options && options.translate) || '100%'
}
})
]);
}
function fadeInLeftOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'fadeInLeftOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(fadeInLeft(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$o,
translate: (options && options.translate) || '100%'
}
})
]);
}
const fadeInRightBig = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: 'visible', opacity: 0, transform: 'translate3d({{translate}}, 0, 0)', easing: 'ease', offset: 0 }),
style({ opacity: 1, transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$p = fadeInRightBig;
const DEFAULT_DURATION$p = 1000;
function fadeInRightBigAnimation(options) {
return trigger((options && options.anchor) || 'fadeInRightBig', [
transition('0 => 1', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(fadeInRightBig(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$p,
translate: (options && options.translate) || '2000px'
}
})
]);
}
function fadeInRightBigOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'fadeInRightBigOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(fadeInRightBig(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$p,
translate: (options && options.translate) || '2000px'
}
})
]);
}
const fadeInRight = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: 'visible', opacity: 0, transform: 'translate3d({{translate}}, 0, 0)', easing: 'ease', offset: 0 }),
style({ opacity: 1, transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$q = fadeInRight;
const DEFAULT_DURATION$q = 1000;
function fadeInRightAnimation(options) {
return trigger((options && options.anchor) || 'fadeInRight', [
transition('0 => 1', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(fadeInRight(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$q,
translate: (options && options.translate) || '100%'
}
})
]);
}
function fadeInRightOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'fadeInRightOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(fadeInRight(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$q,
translate: (options && options.translate) || '100%'
}
})
]);
}
const fadeInUpBig = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: 'visible', opacity: 0, transform: 'translate3d(0, {{translate}}, 0)', easing: 'ease', offset: 0 }),
style({ opacity: 1, transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$r = fadeInUpBig;
const DEFAULT_DURATION$r = 1000;
function fadeInUpBigAnimation(options) {
return trigger((options && options.anchor) || 'fadeInUpBig', [
transition('0 => 1', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(fadeInUpBig(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$r,
translate: (options && options.translate) || '2000px'
}
})
]);
}
function fadeInUpBigOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'fadeInUpBigOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(fadeInUpBig(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$r,
translate: (options && options.translate) || '2000px'
}
})
]);
}
const fadeInUp = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([
style({ visibility: 'visible', opacity: 0, transform: 'translate3d(0, {{translate}}, 0)', easing: 'ease', offset: 0 }),
style({ opacity: 1, transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 })
]))
]);
const ɵ0$s = fadeInUp;
const DEFAULT_DURATION$s = 1000;
function fadeInUpAnimation(options) {
return trigger((options && options.anchor) || 'fadeInUp', [
transition('0 => 1', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(fadeInUp(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$s,
translate: (options && options.translate) || '100%'
}
})
]);
}
function fadeInUpOnEnterAnimation(options) {
return trigger((options && options.anchor) || 'fadeInUpOnEnter', [
transition(':enter', [style({ visibility: 'hidden' }), ...useAnimationIncludingChildren(fadeInUp(), options)], {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$s,
translate: (options && options.translate) || '100%'
}
})
]);
}
const fadeIn = () => animation([
animate('{{duration}}ms {{delay}}ms', keyframes([style({ visibility: 'visible', opacity: 0, easing: 'ease', offset: 0 }), style({ opacity: 1, easin