feat(autoplay): autoplayPause and autoplayResume events

nolimits4web · Jan 28, 2022 · aea56ed · aea56ed
1 parent 1288271
commit aea56ed
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 0 deletions.
diff --git a/src/angular/src/swiper.component.ts b/src/angular/src/swiper.component.ts
@@ -277,6 +277,14 @@ export class SwiperComponent implements OnInit {
     Parameters<SwiperEvents['autoplayStop']>
   >();
 
+  @Output('autoplayPause') s_autoplayPause = new EventEmitter<
+    Parameters<SwiperEvents['autoplayPause']>
+  >();
+
+  @Output('autoplayResume') s_autoplayResume = new EventEmitter<
+    Parameters<SwiperEvents['autoplayResume']>
+  >();
+
   @Output('beforeDestroy') s_beforeDestroy = new EventEmitter<
     Parameters<SwiperEvents['beforeDestroy']>
   >();

diff --git a/src/modules/autoplay/autoplay.js b/src/modules/autoplay/autoplay.js
@@ -131,6 +131,7 @@ export default function Autoplay({ swiper, extendParams, on, emit }) {
     if (swiper.params.autoplay.disableOnInteraction) {
       stop();
     } else {
+      emit('autoplayPause');
       pause();
     }
 
@@ -143,6 +144,7 @@ export default function Autoplay({ swiper, extendParams, on, emit }) {
       return;
     }
     swiper.autoplay.paused = false;
+    emit('autoplayResume');
     run();
   }
   function attachMouseEvents() {

diff --git a/src/types/modules/autoplay.d.ts b/src/types/modules/autoplay.d.ts
@@ -26,6 +26,14 @@ export interface AutoplayEvents {
    * Event will be fired when autoplay stopped
    */
   autoplayStop: (swiper: Swiper) => void;
+  /**
+   * Event will be fired on autoplay pause (on mouse/pointer enter), when `pauseOnMouseEnter` enabled
+   */
+  autoplayPause: (swiper: Swiper) => void;
+  /**
+   * Event will be fired on autoplay resume (on mouse/pointer leave), when `pauseOnMouseEnter` enabled
+   */
+  autoplayResume: (swiper: Swiper) => void;
   /**
    * Event will be fired when slide changed with autoplay
    */

diff --git a/src/vue/swiper.js b/src/vue/swiper.js
@@ -150,6 +150,8 @@ const Swiper = {
     'autoplay',
     'autoplayStart',
     'autoplayStop',
+    'autoplayPause',
+    'autoplayResume',
     'beforeDestroy',
     'beforeInit',
     'beforeLoopFix',