[FEATURE]: CAROUSEL

[jpradocueva]

CAROUSEL

Auto-scroll left to right whatever component has been inserted into the carousel

Example

• Video:
• Image

Properties

• [x] Carousel Title:
• [x] Carousel SubTitle:
• [x] Slide handle (left, right)
• [x] Slide position

Constraints

• Find a VUE.js library that provides what we need
• The Carousel content can be an image, card, text, etc

[FroudeDescartes]

Beside Nuxt UI Carousel, there is also a independent library for vue.js Carousel

[FroudeDescartes]

@rubystream In OMA website, under the ShCarousel branch, there is this component. The issue with it is that I cannot find a way to count the number of components in a markdown file and to use that number in an array called items. This problem invokes two additional problems:

1. Components inserted inside the Carousel are treated as one element of an array and thus they are badly rendered
2. Because they are treated as one element, Carousel doesn`t work properly as it has to count elements inside the array to create the same number of navigation dots

[FroudeDescartes]

PR connected to this issue

[jpradocueva]

@FroudeDescartes nice functionality. I am playing with the look and feel, and it works nicely.

New Feature

• [x] Improve the transition from the last slide to the first without the other visual of returning all the slides.
• Can the view be blocked with a top background image of the same color as the wrapper for a fraction of a second while the carousel reverses the images? In this way, the user won't see the carousel returning to the first image.
• [x] Add carousel elements and attributes to the master spreadsheet
• [x] It is not possible to add ShTwoColumns as a constructor to Carousel

[jpradocueva]

Identified Issues

• [ ] The slot components is not working as expected. It doesn't render corrected embedded components.