feat(core): new slidesUpdated event

nolimits4web · Nov 22, 2023 · 8a0c7c4 · 8a0c7c4
1 parent bb7c66f
commit 8a0c7c4
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/src/core/update/updateSlides.mjs b/src/core/update/updateSlides.mjs
@@ -315,6 +315,8 @@ export default function updateSlides() {
     swiper.updateSlidesOffset();
   }
 
+  swiper.emit('slidesUpdated');
+
   if (!isVirtual && !params.cssMode && (params.effect === 'slide' || params.effect === 'fade')) {
     const backFaceHiddenClass = `${params.containerModifierClass}backface-hidden`;
     const hasClassBackfaceClassAdded = swiper.el.classList.contains(backFaceHiddenClass);

diff --git a/src/types/swiper-events.d.ts b/src/types/swiper-events.d.ts
@@ -63,6 +63,10 @@ export interface SwiperEvents {
    */
   beforeDestroy: (swiper: Swiper) => void;
 
+  /**
+   * Event will be fired after slides and their sizes are calculated and updated
+   */
+  slidesUpdated: (swiper: Swiper) => void;
   /**
    * Event will be fired when currently active slide is changed
    */

diff --git a/src/vue/swiper.mjs b/src/vue/swiper.mjs
@@ -196,6 +196,7 @@ const Swiper = {
     'scrollbarDragStart',
     'setTransition',
     'setTranslate',
+    'slidesUpdated',
     'slideChange',
     'slideChangeTransitionEnd',
     'slideChangeTransitionStart',