From af86b6f631c4c5eebd20aebfc4afdfde45c1f568 Mon Sep 17 00:00:00 2001 From: Shiva Prasad Date: Thu, 21 Mar 2024 15:20:22 +1300 Subject: [PATCH 1/2] chore(docs): updated slides.md for angular to use the correct event names for swiper elements Swiper elements are prefixed with `swiper` by default, but it is configurable. Read more: https://swiperjs.com/element#events --- versioned_docs/version-v7/angular/slides.md | 37 +++++++++++---------- 1 file changed, 19 insertions(+), 18 deletions(-) diff --git a/versioned_docs/version-v7/angular/slides.md b/versioned_docs/version-v7/angular/slides.md index d6d365f6ebf..d34a52734a1 100644 --- a/versioned_docs/version-v7/angular/slides.md +++ b/versioned_docs/version-v7/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 @@ -258,25 +258,26 @@ Below is a full list of event name changes when going from `ion-slides` to Swipe | 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` | +| `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 Element can be found at https://swiperjs.com/swiper-api#events. +All events need to have a prefix of `swiper`, it is configurable via events-prefix parameter). [Read more](https://swiperjs.com/element#events). ::: ## Methods From 031417acacf9f26032543ca2c92fc462e25d5c69 Mon Sep 17 00:00:00 2001 From: Shiva Prasad Date: Thu, 21 Mar 2024 15:44:41 +1300 Subject: [PATCH 2/2] chore: removed a stray bracket --- versioned_docs/version-v7/angular/slides.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/versioned_docs/version-v7/angular/slides.md b/versioned_docs/version-v7/angular/slides.md index d34a52734a1..eb46a833b72 100644 --- a/versioned_docs/version-v7/angular/slides.md +++ b/versioned_docs/version-v7/angular/slides.md @@ -277,7 +277,7 @@ Below is a full list of event name changes when going from `ion-slides` to Swipe :::note All events available in Swiper Element can be found at https://swiperjs.com/swiper-api#events. -All events need to have a prefix of `swiper`, it is configurable via events-prefix parameter). [Read more](https://swiperjs.com/element#events). +All events need to have a prefix of `swiper`, it is configurable via `events-prefix` parameter. [Read more](https://swiperjs.com/element#events). ::: ## Methods