From 6e8e15083b9ed4b5642ae84f1a34c5e4bbe191d6 Mon Sep 17 00:00:00 2001 From: Santiago Mejia Date: Fri, 9 Feb 2024 12:44:22 -0400 Subject: [PATCH 1/6] Update slides.md The documentation is outdated, now the methods will only be triggered if they are prefixed with the work 'swiper'. --- docs/angular/slides.md | 38 +++++++++++++++++++------------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/docs/angular/slides.md b/docs/angular/slides.md index 1d9efbc2bcc..f057a2a5d15 100644 --- a/docs/angular/slides.md +++ b/docs/angular/slides.md @@ -256,27 +256,27 @@ To migrate, we would change the name of the event to `slidechange`: Below is a full list of event name changes when going from `ion-slides` to Swiper Angular: -| ion-slides Event | Swiper Event | -| ------------------------- | ---------------------------- | -| `ionSlideWillChange` | `slidechangetransitionstart` | -| `ionSlideDidChange` | `slidechangetransitionend` | -| `ionSlideDoubleTap` | `doubletap` | -| `ionSlideDrag` | `slidermove` | -| `ionSlideNextStart` | `slidenexttransitionstart` | -| `ionSlideNextEnd` | `slidenexttransitionend` | -| `ionSlidePrevStart` | `slideprevtransitionstart` | -| `ionSlidePrevEnd` | `slideprevtransitionend` | -| `ionSlideReachStart` | `reachbeginning` | -| `ionSlideReachEnd` | `reachend` | -| `ionSlideTap` | `tap` | -| `ionSlideTouchStart` | `touchstart` | -| `ionSlideTouchEnd` | `touchend` | -| `ionSlideTransitionStart` | `transitionstart` | -| `ionSlideTransitionEnd` | `transitionend` | -| `ionSlidesDidLoad` | `init` | +| ion-slides Event | Swiper Event | +| ------------------------- | ---------------------------------- | +| `ionSlideWillChange` | `swiperslidechangetransitionstart` | +| `ionSlideDidChange` | `swiperslidechange` | +| `ionSlideDoubleTap` | `swiperdoubletap` | +| `ionSlideDrag` | `swiperslidermove` | +| `ionSlideNextStart` | `swiperslidenexttransitionstart` | +| `ionSlideNextEnd` | `swiperslidenexttransitionend` | +| `ionSlidePrevStart` | `swiperslideprevtransitionstart` | +| `ionSlidePrevEnd` | `swiperslideprevtransitionend` | +| `ionSlideReachStart` | `swiperreachbeginning` | +| `ionSlideReachEnd` | `swiperreachend` | +| `ionSlideTap` | `swipertap` | +| `ionSlideTouchStart` | `swipertouchstart` | +| `ionSlideTouchEnd` | `swipertouchend` | +| `ionSlideTransitionStart` | `swipertransitionstart` | +| `ionSlideTransitionEnd` | `swipertransitionend` | +| `ionSlidesDidLoad` | `swiperinit` | :::note -All events available in Swiper Element can be found at https://swiperjs.com/swiper-api#events. +All events available in Swiper Element can be found at https://swiperjs.com/swiper-api#events and should be lowercased and prefixed with the word `swiper`. ::: ## Methods From 5ad94bddd380e99596e7796ef2331c59b513d7d6 Mon Sep 17 00:00:00 2001 From: Santiago Mejia Date: Mon, 8 Apr 2024 15:04:53 -0400 Subject: [PATCH 2/6] Update slides.md --- docs/react/slides.md | 38 +++++++++++++++++++------------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/docs/react/slides.md b/docs/react/slides.md index 9d1c37d4c3f..f23dd4f616d 100644 --- a/docs/react/slides.md +++ b/docs/react/slides.md @@ -393,27 +393,27 @@ const MyComponent: React.FC = () => { Below is a full list of event name changes when going from `IonSlides` to Swiper React: -| IonSlides Event | Swiper Event | -| --------------------------- | ------------------------------ | -| `onIonSlideWillChange` | `onSlideChangeTransitionStart` | -| `onIonSlideDidChange` | `onSlideChangeTransitionEnd` | -| `onIonSlideDoubleTap` | `onDoubleTap` | -| `onIonSlideDrag` | `onSliderMove` | -| `onIonSlideNextStart` | `onSlideNextTransitionStart` | -| `onIonSlideNextEnd` | `onSlideNextTransitionEnd` | -| `onIonSlidePrevStart` | `onSlidePrevTransitionStart` | -| `onIonSlidePrevEnd` | `onSlidePrevTransitionEnd` | -| `onIonSlideReachStart` | `onReachBeginning` | -| `onIonSlideReachEnd` | `onReachEnd` | -| `onIonSlideTap` | `onTap` | -| `onIonSlideTouchStart` | `onTouchStart` | -| `onIonSlideTouchEnd` | `onTouchEnd` | -| `onIonSlideTransitionStart` | `onTransitionStart` | -| `onIonSlideTransitionEnd` | `onTransitionEnd` | -| `onIonSlidesDidLoad` | `onInit` | +| IonSlides Event | Swiper Event | +| --------------------------- | ------------------------------------ | +| `onIonSlideWillChange` | `swiperonSlideChangeTransitionStart` | +| `onIonSlideDidChange` | `swiperonSlideChangeTransitionEnd` | +| `onIonSlideDoubleTap` | `swiperonDoubleTap` | +| `onIonSlideDrag` | `swiperonSliderMove` | +| `onIonSlideNextStart` | `swiperonSlideNextTransitionStart` | +| `onIonSlideNextEnd` | `swiperonSlideNextTransitionEnd` | +| `onIonSlidePrevStart` | `swiperonSlidePrevTransitionStart` | +| `onIonSlidePrevEnd` | `swiperonSlidePrevTransitionEnd` | +| `onIonSlideReachStart` | `swiperonReachBeginning` | +| `onIonSlideReachEnd` | `swiperonReachEnd` | +| `onIonSlideTap` | `swiperonTap` | +| `onIonSlideTouchStart` | `swiperonTouchStart` | +| `onIonSlideTouchEnd` | `swiperonTouchEnd` | +| `onIonSlideTransitionStart` | `swiperonTransitionStart` | +| `onIonSlideTransitionEnd` | `swiperonTransitionEnd` | +| `onIonSlidesDidLoad` | `swiperonInit` | :::note -All events available in Swiper can be found at https://swiperjs.com/swiper-api#events. +All events available in Swiper can be found at https://swiperjs.com/swiper-api#events and should be lowercased and prefixed with the word `swiper`. ::: ## Methods From f14f59dd0fb39108df8fe6feec70913cf7b5c5b5 Mon Sep 17 00:00:00 2001 From: Santiago Mejia Date: Mon, 8 Apr 2024 15:06:48 -0400 Subject: [PATCH 3/6] Update slides.md --- docs/vue/slides.md | 38 +++++++++++++++++++------------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/docs/vue/slides.md b/docs/vue/slides.md index 946b39dec4a..ccacd329d10 100644 --- a/docs/vue/slides.md +++ b/docs/vue/slides.md @@ -372,27 +372,27 @@ To migrate, we would change the name of the event to `slideChange`: Below is a full list of event name changes when going from `ion-slides` to Swiper Vue: -| ion-slides Event | Swiper Event | -| ------------------------- | ---------------------------- | -| `ionSlideWillChange` | `slideChangeTransitionStart` | -| `ionSlideDidChange` | `slideChangeTransitionEnd` | -| `ionSlideDoubleTap` | `doubleTap` | -| `ionSlideDrag` | `sliderMove` | -| `ionSlideNextStart` | `slideNextTransitionStart` | -| `ionSlideNextEnd` | `slideNextTransitionEnd` | -| `ionSlidePrevStart` | `slidePrevTransitionStart` | -| `ionSlidePrevEnd` | `slidePrevTransitionEnd` | -| `ionSlideReachStart` | `reachBeginning` | -| `ionSlideReachEnd` | `reachEnd` | -| `ionSlideTap` | `tap` | -| `ionSlideTouchStart` | `touchStart` | -| `ionSlideTouchEnd` | `touchEnd` | -| `ionSlideTransitionStart` | `transitionStart` | -| `ionSlideTransitionEnd` | `transitionEnd` | -| `ionSlidesDidLoad` | `init` | +| ion-slides Event | Swiper Event | +| ------------------------- | ---------------------------------- | +| `ionSlideWillChange` | `swiperslideChangeTransitionStart` | +| `ionSlideDidChange` | `swiperslideChangeTransitionEnd` | +| `ionSlideDoubleTap` | `swiperdoubleTap` | +| `ionSlideDrag` | `swipersliderMove` | +| `ionSlideNextStart` | `swiperslideNextTransitionStart` | +| `ionSlideNextEnd` | `swiperslideNextTransitionEnd` | +| `ionSlidePrevStart` | `swiperslidePrevTransitionStart` | +| `ionSlidePrevEnd` | `swiperslidePrevTransitionEnd` | +| `ionSlideReachStart` | `swiperreachBeginning` | +| `ionSlideReachEnd` | `swiperreachEnd` | +| `ionSlideTap` | `swipertap` | +| `ionSlideTouchStart` | `swipertouchStart` | +| `ionSlideTouchEnd` | `swipertouchEnd` | +| `ionSlideTransitionStart` | `swipertransitionStart` | +| `ionSlideTransitionEnd` | `swipertransitionEnd` | +| `ionSlidesDidLoad` | `swiperinit` | :::note -All events available in Swiper Vue can be found at https://swiperjs.com/vue#swiper-events. +All events available in Swiper Vue can be found at https://swiperjs.com/vue#swiper-events and should be lowercased and prefixed with the word `swiper`. ::: ## Methods From fa27aad247418e02c6e8834aa94a515362fba98c Mon Sep 17 00:00:00 2001 From: Santiago Mejia Date: Mon, 8 Apr 2024 16:11:12 -0400 Subject: [PATCH 4/6] undo Update slides.md changes --- docs/react/slides.md | 38 +++++++++++++++++++------------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/docs/react/slides.md b/docs/react/slides.md index f23dd4f616d..9d1c37d4c3f 100644 --- a/docs/react/slides.md +++ b/docs/react/slides.md @@ -393,27 +393,27 @@ const MyComponent: React.FC = () => { Below is a full list of event name changes when going from `IonSlides` to Swiper React: -| IonSlides Event | Swiper Event | -| --------------------------- | ------------------------------------ | -| `onIonSlideWillChange` | `swiperonSlideChangeTransitionStart` | -| `onIonSlideDidChange` | `swiperonSlideChangeTransitionEnd` | -| `onIonSlideDoubleTap` | `swiperonDoubleTap` | -| `onIonSlideDrag` | `swiperonSliderMove` | -| `onIonSlideNextStart` | `swiperonSlideNextTransitionStart` | -| `onIonSlideNextEnd` | `swiperonSlideNextTransitionEnd` | -| `onIonSlidePrevStart` | `swiperonSlidePrevTransitionStart` | -| `onIonSlidePrevEnd` | `swiperonSlidePrevTransitionEnd` | -| `onIonSlideReachStart` | `swiperonReachBeginning` | -| `onIonSlideReachEnd` | `swiperonReachEnd` | -| `onIonSlideTap` | `swiperonTap` | -| `onIonSlideTouchStart` | `swiperonTouchStart` | -| `onIonSlideTouchEnd` | `swiperonTouchEnd` | -| `onIonSlideTransitionStart` | `swiperonTransitionStart` | -| `onIonSlideTransitionEnd` | `swiperonTransitionEnd` | -| `onIonSlidesDidLoad` | `swiperonInit` | +| IonSlides Event | Swiper Event | +| --------------------------- | ------------------------------ | +| `onIonSlideWillChange` | `onSlideChangeTransitionStart` | +| `onIonSlideDidChange` | `onSlideChangeTransitionEnd` | +| `onIonSlideDoubleTap` | `onDoubleTap` | +| `onIonSlideDrag` | `onSliderMove` | +| `onIonSlideNextStart` | `onSlideNextTransitionStart` | +| `onIonSlideNextEnd` | `onSlideNextTransitionEnd` | +| `onIonSlidePrevStart` | `onSlidePrevTransitionStart` | +| `onIonSlidePrevEnd` | `onSlidePrevTransitionEnd` | +| `onIonSlideReachStart` | `onReachBeginning` | +| `onIonSlideReachEnd` | `onReachEnd` | +| `onIonSlideTap` | `onTap` | +| `onIonSlideTouchStart` | `onTouchStart` | +| `onIonSlideTouchEnd` | `onTouchEnd` | +| `onIonSlideTransitionStart` | `onTransitionStart` | +| `onIonSlideTransitionEnd` | `onTransitionEnd` | +| `onIonSlidesDidLoad` | `onInit` | :::note -All events available in Swiper can be found at https://swiperjs.com/swiper-api#events and should be lowercased and prefixed with the word `swiper`. +All events available in Swiper can be found at https://swiperjs.com/swiper-api#events. ::: ## Methods From 12f34d26b7db5f099cc5d06dbd9490f08b5cce47 Mon Sep 17 00:00:00 2001 From: Santiago Mejia Date: Mon, 8 Apr 2024 17:11:21 -0400 Subject: [PATCH 5/6] undo Update slides.md --- docs/vue/slides.md | 38 +++++++++++++++++++------------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/docs/vue/slides.md b/docs/vue/slides.md index ccacd329d10..946b39dec4a 100644 --- a/docs/vue/slides.md +++ b/docs/vue/slides.md @@ -372,27 +372,27 @@ To migrate, we would change the name of the event to `slideChange`: Below is a full list of event name changes when going from `ion-slides` to Swiper Vue: -| ion-slides Event | Swiper Event | -| ------------------------- | ---------------------------------- | -| `ionSlideWillChange` | `swiperslideChangeTransitionStart` | -| `ionSlideDidChange` | `swiperslideChangeTransitionEnd` | -| `ionSlideDoubleTap` | `swiperdoubleTap` | -| `ionSlideDrag` | `swipersliderMove` | -| `ionSlideNextStart` | `swiperslideNextTransitionStart` | -| `ionSlideNextEnd` | `swiperslideNextTransitionEnd` | -| `ionSlidePrevStart` | `swiperslidePrevTransitionStart` | -| `ionSlidePrevEnd` | `swiperslidePrevTransitionEnd` | -| `ionSlideReachStart` | `swiperreachBeginning` | -| `ionSlideReachEnd` | `swiperreachEnd` | -| `ionSlideTap` | `swipertap` | -| `ionSlideTouchStart` | `swipertouchStart` | -| `ionSlideTouchEnd` | `swipertouchEnd` | -| `ionSlideTransitionStart` | `swipertransitionStart` | -| `ionSlideTransitionEnd` | `swipertransitionEnd` | -| `ionSlidesDidLoad` | `swiperinit` | +| ion-slides Event | Swiper Event | +| ------------------------- | ---------------------------- | +| `ionSlideWillChange` | `slideChangeTransitionStart` | +| `ionSlideDidChange` | `slideChangeTransitionEnd` | +| `ionSlideDoubleTap` | `doubleTap` | +| `ionSlideDrag` | `sliderMove` | +| `ionSlideNextStart` | `slideNextTransitionStart` | +| `ionSlideNextEnd` | `slideNextTransitionEnd` | +| `ionSlidePrevStart` | `slidePrevTransitionStart` | +| `ionSlidePrevEnd` | `slidePrevTransitionEnd` | +| `ionSlideReachStart` | `reachBeginning` | +| `ionSlideReachEnd` | `reachEnd` | +| `ionSlideTap` | `tap` | +| `ionSlideTouchStart` | `touchStart` | +| `ionSlideTouchEnd` | `touchEnd` | +| `ionSlideTransitionStart` | `transitionStart` | +| `ionSlideTransitionEnd` | `transitionEnd` | +| `ionSlidesDidLoad` | `init` | :::note -All events available in Swiper Vue can be found at https://swiperjs.com/vue#swiper-events and should be lowercased and prefixed with the word `swiper`. +All events available in Swiper Vue can be found at https://swiperjs.com/vue#swiper-events. ::: ## Methods From 8ddc683688c66fc961c14f7fffa8c306ece03560 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Thu, 11 Apr 2024 10:05:35 -0400 Subject: [PATCH 6/6] Update slides.md --- docs/angular/slides.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/angular/slides.md b/docs/angular/slides.md index f057a2a5d15..b0097e771b5 100644 --- a/docs/angular/slides.md +++ b/docs/angular/slides.md @@ -244,10 +244,10 @@ Let's say in an app with `ion-slides` we used the `ionSlideDidChange` event: ``` -To migrate, we would change the name of the event to `slidechange`: +To migrate, we would change the name of the event to `swiperslidechange`: ```html - + Slide 1 Slide 2 Slide 3