Swiper Angular Virtual slides showing blank swiper with no slides

[maudvd]

Check that this is really a bug

• I confirm

Reproduction link

https://codesandbox.io/s/ib09c

Bug description

When clicking on the Angular demo link for the Virtual Slides (https://swiperjs.com/demos#virtual-slides) you get only a blank swiper with no slides.

I have tried implementing Virtual Slides in my Angular 12 project but I can't get any slides to show when using Virtual Slides. When removing the virtual part, it works as expected.

Expected Behavior

I expect to find Virtual Slides as described in the docs. The core demo on the demo page (https://swiperjs.com/demos#virtual-slides) works as expected. The Angular demo does not work.

Actual Behavior

When clicking on the Angular demo for Virtual Slides (https://codesandbox.io/s/ib09c) you get a blank swiper with no slides.

Swiper version

7.0.2

Platform/Target and Browser Versions

macOS Big Sur (11.5.2) Google Chrome (92.0.4515.159)

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

[maudvd]

It seems like the same problem is happening with Vue and React.
The demos for Vue and React show an empty slider as well.
Vue : https://codesandbox.io/s/u7j7g
React : https://codesandbox.io/s/gynpf