WIP 253 add carousel component

[tleperou]

What is it?

• Feature / enhancement
• Bug
• Docs / tests

Description

• expose the state outside of the Root
• add support to multiple visible item per page
• add netflix example
• shorten the public api

Use cases and why

Anywhere users want to use Carousel to display several items.

Screenshots/Demo

Checklist:

• My code follows the developer guidelines of this project
• I have performed a self-review of my own code
• I have made corresponding changes to the documentation
• Added new tests to cover the fix / functionality

[gioboa]

Thanks for your help. I tested the carousel and with Chrome I have this strange effect
https://www.loom.com/share/3b0d4367cbba4b7e8984510cc60a1301
🤔

[tleperou]

I improved the example. And couldn't reproduce the same behaviour.

Could you confirm your still that bahviour?

(tested on Chrome and Arc at the moment)

🙌

[gioboa]

I improved the example. And couldn't reproduce the same behaviour.

Could you confirm your still that bahviour?

(tested on Chrome and Arc at the moment)

🙌

I still have some weird flaws 🤔

[tleperou]

Could you take a screen record with your mouse and keyboard indicators on ? (I think there's this option in the screen recorder)

[shairez]

based on #258 ... can we close this one @tleperou ? is it the same component?

[tleperou]

that the same component,

this MR comes with some improvements about

• the abstraction with the feature / styles (as seen in the doc)
• the support of the auto (one or many slides per view)
• the overall accessibility level

It shall be for tested again since @gioboa found weird behaviours with the auto mode (that I couldn't reproduce)

[shairez]

thanks @tleperou

@gioboa can you please merge this during you and @itaim18 's session?

[gioboa]

thanks @tleperou

@gioboa can you please merge this during you and @itaim18 's session?

Yep sure

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit f63831a. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 2 targets

• nx build headless
• nx affected:lint --base=last-release --exclude=website

---

Sent with 💌 from NxCloud.