Ced 1746 es carousel

[hroth1994]

🔗 Linked issue

https://energysage.atlassian.net/browse/CED-1746

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Putting a PR up to get initial feedback on the new EsCarousel component that uses PrimeVue's Carousel. I'm still working on getting a few things working (see Feedback section).

🥼 Testing

Tested locally on http://localhost:8500/molecules/carousel - rotated through the carousel on different viewports and pausing autoplay

🧐 Feedback Requested / Focus Areas

A few known issues:

• At the end of the carousel, it restarts rather than continuing one by one
• When stopping autoplay, the carousel restarts
• Refreshing shows a different order of items - seems to be a known issue with circular

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.
• I have documented testing approach

[tomleo]

👀

[tomleo]

Looking good! A few comments inline.

Also I think a Carousel might be better categorized as an Organism given it's composed of other molecules

[nathanielwarner]

My one suggestion at this point is to add primevue/carousel to the optimizeDeps in the nuxt config in es-ds-components, to stop the annoying auto-refresh while loading

[nathanielwarner]

I like the cats! Other than merge conflicts, I think the issues you identified are the only ones I see. Do you think it's gonna be possible to address them with the PrimeVue carousel? I guess it's a product question as to whether it's acceptable, but they don't affect our current carousels.

[tomleo]

Looks good, only question is where nuxt/image should live (in the layer or in the docs)

[hroth1994]

I like the cats! Other than merge conflicts, I think the issues you identified are the only ones I see. Do you think it's gonna be possible to address them with the PrimeVue carousel? I guess it's a product question as to whether it's acceptable, but they don't affect our current carousels.

I think it could be possible with more investigation, and I'm also curious to see if it's improved in the next version.