3.10: Carousel Slide changed event example
============================
**Primary Actor**: User

**Scope**: Ngx-bootstrap DEMO / BS version 3&4

**Goal**: Show user how to detect carousel events

Main success scenario:
----------------------
1. User open Carousel demo page
2. User click on Slide changed event sub-menus
3. User see carousel component with 3 slides and 2 arrows: left, right
4. User see carousel info: "Slide has been switched: 0"
5. When user click on left arrow - info changed to "Slide has been switched: 2"
6. When user click on left arrow again - info changed to "Slide has been switched: 1"
7. When user click on right arrow - info changed to "Slide has been switched: 2"
8. When user click on right arrow again - info changed to "Slide has been switched: 0"

Variations:
-----------
2*. User scroll to Slide changed event sub-menu