Carousel: keep all carousel items adjacent when loop and navigation is on

[diegovogel]

When using <sl-carousel> with loop, it copies a couple of the slides and appends them at the end of <sl-carousel>. If you also have navigation on, the copied slides are appended after the nav icons.

It would be nice if all the slides were kept next to each other, instead of being separated by the icons. That would make styling certain things easier.

For example: I have three slides in view and I want the middle one to be highlighted. I can use sibling selectors in CSS to do this, but it breaks when I reach the end of the slides because the icons are separating the slides that are in view.