item:3 not work with autoWidth:true

[BrachiWeiss]

Hi,
I use a carousel with a setting of autoWidth: true,
and items: 3,
And it doesn't work.
dots are shown as the number of components and not (the number of components/3)
How can I arrange it to work?
Attached is a link to a sample code.

https://stackblitz.com/edit/angular-ivy-phtrhv?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.component.css

The need to use autoWidth: true,
is from 2 things-

1. The width of each element is not correct and they overlap each other.
2. I present the carousel inside PRIMENG's TAB.
   Then the carousel sometimes gets each element width 0 and they appear on top of each other.
   Thank you for your answer