Recursion not supported #5
Description
hey man, before everything just wanted to say a good job on animations, I really love it!
So here's my problem, I followed your project here and I am getting this error "ERROR in Recursion not supported, resolving symbol LayoutComponent". Probably I did something wrong here, but I think query in the query isn't something that's working here.
Here's my code below:
trigger('routerAnimations', [
transition('* => *', [
query(':enter, :leave',
style({
position: 'absolute',
top: 0,
left: 0,
right: 0
}), {
optional: true
}),
query(':enter .project', [
style({
opacity: 1,
transform: 'translate(0%, 150px) matrix(1.0, 0.07, 0, 1, 0, 0)'
})
]),
query(':enter', [
style({
opacity: 1
}),
query('.project', [
style({
opacity: 0,
transform: 'translate(0%, 150px) matrix(1.0, 0.07, 0, 1, 0, 0)'
})
], {
optional: true
}),
query('.resources__open-sources .card', [
style({
opacity: 0,
transform: 'translate(0%, -50px) matrix(1.0, 0.07, 0, 1, 0, 0)'
})
], {
optional: true
}),
query('.content__header-intro h2 span', [
style({
opacity: 0,
transform: 'translate(0%, 100%) matrix(1.0, 0.07, 0, 1, 0, 0)'
})
], {
optional: true
})
], {
optional: true
}),
query(':leave', [
animate('400ms cubic-bezier(.17,.67,.27,1.2)', style({
opacity: 0
}))
], {
optional: true
}),
group([
query(':enter', [
animate('400ms cubic-bezier(.17,.67,.27,1.2)', style('*'))
], {
optional: true
}),
query(':enter .project', [
stagger(50, [
animate('400ms cubic-bezier(.17,.67,.27,1.2)', style('*'))
])
], {
optional: true
}),
query(':enter .resources__open-sources .card', [
stagger(50, [
animate('400ms cubic-bezier(.17,.67,.27,1.2)', style('*'))
])
], {
optional: true
}),
query(':enter .content__header-intro h2 span', [
stagger(50, [
animate('400ms cubic-bezier(.17,.67,.27,1.2)', style('*'))
])
], {
optional: true
})
])
])
])