refactor: rename slideStart to slideDidChange

Author: peterpeterparker

doc/features/extra.md

@@ -37,8 +37,8 @@ await deck.print();
 
 | Event                     | Emitted value | Description |
 | -------------------------- |:-----------------:|:-----------------:|
-| slideNextStart | number | Emitted when the next slide has started. Emit the index of the new active slide. |
-| slidePrevStart | number | Emitted when the previous slide has ended. Emit the index of the new active slide. |
+| slideNextDidChange | number | Emitted when the next slide has started. Emit the index of the new active slide. |
+| slidePrevDidChange | number | Emitted when the previous slide has ended. Emit the index of the new active slide. |
 | slideDrag | number | Emitted when the slider is actively being moved. Emit the transformX value of the deck. |
 | slideWillChange | number | Emitted before the active slide has changed. Emit the transformX value of the deck. |
 

doc/features/navigation.md

@@ -32,7 +32,7 @@ const deck = document.getElementsByTagName('deckgo-deck');
 await deck.slideNext();
 ```
 
-*Optional parameter:* Optionally your could provide a boolean parameter to this method in case you would not like the event `slideNextStart` and `slidePrevStart` to be fired.
+*Optional parameter:* Optionally your could provide a boolean parameter to this method in case you would not like the event `slideNextDidChange` and `slidePrevDidChange` to be fired.
 
 ```
 await deck.slideNext(false);
@@ -44,7 +44,7 @@ await deck.slideNext(false);
 await deck.slidePrev();
 ```
 
-*Optional parameter:* Optionally your could provide a boolean parameter to this method in case you would not like the event `slideNextStart` and `slidePrevStart` to be fired.
+*Optional parameter:* Optionally your could provide a boolean parameter to this method in case you would not like the event `slideNextDidChange` and `slidePrevDidChange` to be fired.
 
 ```
 await deck.slidePrev(false);

src/components/deck/deckdeckgo-deck/deckdeckgo-deck.tsx

@@ -34,8 +34,8 @@ export class DeckdeckgoDeck {
   @State()
   private length: number = 0;
 
-  @Event() slideNextStart: EventEmitter<number>;
-  @Event() slidePrevStart: EventEmitter<number>;
+  @Event() slideNextDidChange: EventEmitter<number>;
+  @Event() slidePrevDidChange: EventEmitter<number>;
   @Event() slideDrag: EventEmitter<number>;
   @Event() slideWillChange: EventEmitter<number>;
 
@@ -174,13 +174,13 @@ export class DeckdeckgoDeck {
             this.activeIndex++;
 
             if (emitEvent) {
-              this.slideNextStart.emit(this.activeIndex);
+              this.slideNextDidChange.emit(this.activeIndex);
             }
           } else {
             this.activeIndex--;
 
             if (emitEvent) {
-              this.slidePrevStart.emit(this.activeIndex);
+              this.slidePrevDidChange.emit(this.activeIndex);
             }
           }
         }