Fix/carousel reset time out #5201 (#5235)

* fix: carousel: restart timer after slide selection Close: #5201 #4853
valor-software · Jun 5, 2019 · 2e9489f · 2e9489f
1 parent b0d7b31
commit 2e9489f
Showing 1 changed file with 20 additions and 6 deletions.
diff --git a/src/carousel/carousel.component.ts b/src/carousel/carousel.component.ts
@@ -187,11 +187,18 @@ export class CarouselComponent implements AfterViewInit, OnDestroy {
     }
   }
 
+  nextSlideFromInterval(force = false): void {
+    this.move(Direction.NEXT, force);
+  }
+
   /**
    * Rolling to next slide
    * @param force: {boolean} if true - will ignore noWrap flag
    */
   nextSlide(force = false): void {
+    if (this.isPlaying) {
+      this.restartTimer();
+    }
     this.move(Direction.NEXT, force);
   }
 
@@ -200,6 +207,9 @@ export class CarouselComponent implements AfterViewInit, OnDestroy {
    * @param force: {boolean} if true - will ignore noWrap flag
    */
   previousSlide(force = false): void {
+    if (this.isPlaying) {
+      this.restartTimer();
+    }
     this.move(Direction.PREV, force);
   }
 
@@ -240,6 +250,10 @@ export class CarouselComponent implements AfterViewInit, OnDestroy {
    * @param index: {number} index of slide, which must be shown
    */
   selectSlide(index: number): void {
+    if (this.isPlaying) {
+      this.restartTimer();
+    }
+
     if (!this.multilist) {
       this.activeSlide = index;
     } else {
@@ -307,8 +321,8 @@ export class CarouselComponent implements AfterViewInit, OnDestroy {
           ...this._slidesWithIndexes,
           ...slidesToAppend
         ]
-        .slice(slidesToAppend.length)
-        .slice(0, this.itemsPerSlide);
+          .slice(slidesToAppend.length)
+          .slice(0, this.itemsPerSlide);
       } else {
         this._slidesWithIndexes = this._slidesWithIndexes.slice(
           startIndex,
@@ -358,8 +372,8 @@ export class CarouselComponent implements AfterViewInit, OnDestroy {
           this._currentActiveSlide > 0
             ? this._currentActiveSlide - 1
             : !force && this.noWrap
-            ? this._currentActiveSlide
-            : this._slides.length - 1;
+              ? this._currentActiveSlide
+              : this._slides.length - 1;
         break;
       default:
         throw new Error('Unknown direction');
@@ -477,7 +491,7 @@ export class CarouselComponent implements AfterViewInit, OnDestroy {
       indexToShow = direction !== Direction.NEXT
         ? firstVisibleIndex - 1
         : !this.isLast(lastVisibleIndex)
-        ? lastVisibleIndex + 1 : 0;
+          ? lastVisibleIndex + 1 : 0;
 
       this._slides.get(indexToHide).active = false;
       this._slides.get(indexToShow).active = true;
@@ -617,7 +631,7 @@ export class CarouselComponent implements AfterViewInit, OnDestroy {
               nInterval > 0 &&
               this.slides.length
             ) {
-              this.nextSlide();
+              this.nextSlideFromInterval();
             } else {
               this.pause();
             }