Show pause indicator when autoplay is paused on focus

[weaseldotro]

When pauseOnFocus is true and the carousel is paused, a visual indicator should be shown on the carousel. Maybe a pause icon or text or something, but I think it would be best if a slot would be used, so the user can add whatever they want.

[vadimkorr]

Hi @weaseldotro,
Nice idea, ok

[vadimkorr]

@weaseldotro could you please send a sketch or smth visual of
how do you want this pause indicator should look like, and
where exactly in the carousel?

[weaseldotro]

Hmm, how about a 2px or 3px progress bar at the top or at the bottom of the image that will start at 100% and then decrease according to the duration? https://css-tricks.com/timer-bars-in-css-with-custom-properties/

When the mouse is hovered on the image, the progress bar should pause.
On mobile, when the user taps the image the progress bar shoud pause, and the on the second tap it should resume.

I think this is the best solution.