fix(carousel): init carousel properly by setting anim on progress ind…

…icator (#2204)

Co-authored-by: Julien Déramond <julien.deramond@orange.com>

js/src/carousel.js

@@ -119,7 +119,10 @@ class Carousel extends BaseComponent {
 
     if (this._config.ride === CLASS_NAME_CAROUSEL) {
       this.cycle()
+    } else if (this._indicatorsElement) { // Boosted mod: set the animation properly on progress indicator
+      this._element.classList.add(CLASS_NAME_PAUSED)
     }
+    // End mod
   }
 
   // Getters

js/tests/unit/carousel.spec.js

@@ -77,6 +77,15 @@ describe('Carousel', () => {
       expect(carousel._interval).toBeNull()
     })
 
+    // Boosted mod
+    it('should add class if `ride`!==`carousel`', () => {
+      fixtureEl.innerHTML = '<div id="myCarousel" class="carousel slide" data-bs-ride="true"><ol class="carousel-indicators"></ol></div>'
+
+      const carousel = new Carousel('#myCarousel')
+      expect(carousel._element.classList).toContain('is-paused')
+    })
+    // End mod
+
     it('should go to next item if right arrow key is pressed', () => {
       return new Promise(resolve => {
         fixtureEl.innerHTML = [