![\"first](\"assets/images/nature/1.jpg\")
\r\n ![\"second](\"assets/images/nature/2.jpg\")
\r\n ![\"third](\"assets/images/nature/3.jpg\")
\r\n A slideshow component for cycling through elements—images or slides of text—like a carousel. Nested\r\n carousels are not supported.
\r\nThe easiest way to add the carousel component to your app (will be added to the root module)
\r\nng add ngx-bootstrap --component carousel\r\n
Add captions to your slides easily with the .carousel-caption\r\n element within any <slide>. Place just about any optional HTML within there\r\n and it will be automatically aligned and formatted.
If noPause is set to false\r\n , carousel autoplay will be stopped when carousel receives hover.
If pauseOnFocus is set to true\r\n , carousel autoplay will be stopped when carousel receives focus.
The alt attribute is meant to help users not miss any content, so make sure your text is helpful to anyone not seeing the image.
\r\n \r\n LEFT_ARROW\r\n \r\n | \r\n \r\n Move to a previous slide\r\n | \r\n
\r\n \r\n RIGHT_ARROW\r\n \r\n | \r\n \r\n Move to a next slide\r\n | \r\n
\r\n SPACE or ENTER\r\n | \r\n \r\n Move to a next slide\r\n | \r\n
\r\n \r\n \r\n \r\n \r\n \r\n ![\"first](\"assets/images/nature/4.jpg\")
\r\n Nulla vitae elit libero, a pharetra augue mollis interdum.
\r\n![\"second](\"assets/images/nature/5.jpg\")
\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.
\r\n![\"third](\"assets/images/nature/6.jpg\")
\r\n Praesent commodo cursus magna, vel scelerisque nisl consectetur.
\r\n![\"first](\"assets/images/nature/7.jpg\")
\r\n Nulla vitae elit libero, a pharetra augue mollis interdum.
\r\n![\"second](\"assets/images/nature/8.jpg\")
\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.
\r\n\r\n Praesent commodo cursus magna, vel scelerisque nisl consectetur.
\r\nNulla vitae elit libero, a pharetra augue mollis interdum.
\r\nNulla vitae elit libero, a pharetra augue mollis interdum.
\r\nNulla vitae elit libero, a pharetra augue mollis interdum.
\r\n{{slide.text}}
\r\n{{slide.text}}
\r\n{{slide.text}}
\r\n{{slide.text}}
\r\n\r\n You can set specific index to start from it\r\n
\r\n\r\n If `true` - carousel indicators indicate slides chunks works ONLY if singleSlideOffset = FALSE\r\n
\r\n\r\n There is ability to shift slide not only by amount of all visible slides but also for one item\r\n
\r\n{{slidesChangeMessage}}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-carousel-pause-on-focus',\r\n templateUrl: './pause-on-focus.html'\r\n})\r\nexport class DemoCarouselPauseOnFocusComponent {}\r\n","\r\n Nulla vitae elit libero, a pharetra augue mollis interdum.
\r\n\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.
\r\n\r\n Praesent commodo cursus magna, vel scelerisque nisl consectetur.
\r\n\r\n Nulla vitae elit libero, a pharetra augue mollis interdum.
\r\n\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.
\r\n\r\n Praesent commodo cursus magna, vel scelerisque nisl consectetur.
\r\n{{slide.text}}
\r\n{{slideChangeMessage}}\r\n","export default \"![\\\"first](\\\"assets/images/nature/1.jpg\\\")
\\r\\n ![\\\"second](\\\"assets/images/nature/2.jpg\\\")
\\r\\n ![\\\"third](\\\"assets/images/nature/3.jpg\\\")
\\r\\n \\r\\n \\r\\n \\r\\n ![\\\"first](\\\"assets/images/nature/4.jpg\\\")
\\r\\n Nulla vitae elit libero, a pharetra augue mollis interdum.
\\r\\n![\\\"second](\\\"assets/images/nature/5.jpg\\\")
\\r\\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.
\\r\\n![\\\"third](\\\"assets/images/nature/6.jpg\\\")
\\r\\n Praesent commodo cursus magna, vel scelerisque nisl consectetur.
\\r\\n![\\\"first](\\\"assets/images/nature/7.jpg\\\")
\\r\\n Nulla vitae elit libero, a pharetra augue mollis interdum.
\\r\\n![\\\"second](\\\"assets/images/nature/8.jpg\\\")
\\r\\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.
\\r\\n\\r\\n Praesent commodo cursus magna, vel scelerisque nisl consectetur.
\\r\\nNulla vitae elit libero, a pharetra augue mollis interdum.
\\r\\nNulla vitae elit libero, a pharetra augue mollis interdum.
\\r\\nNulla vitae elit libero, a pharetra augue mollis interdum.
\\r\\n{{slide.text}}
\\r\\n{{slide.text}}
\\r\\n{{slide.text}}
\\r\\n{{slide.text}}
\\r\\n\\r\\n You can set specific index to start from it\\r\\n
\\r\\n\\r\\n If `true` - carousel indicators indicate slides chunks works ONLY if singleSlideOffset = FALSE\\r\\n
\\r\\n\\r\\n There is ability to shift slide not only by amount of all visible slides but also for one item\\r\\n
\\r\\n{{slidesChangeMessage}}\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-carousel-multilist',\\r\\n templateUrl: './multilist.html'\\r\\n})\\r\\nexport class DemoCarouselMultilistComponent {\\r\\n itemsPerSlide = 3;\\r\\n singleSlideOffset = false;\\r\\n noWrap = false;\\r\\n\\r\\n slidesChangeMessage = '';\\r\\n\\r\\n slides = [\\r\\n {image: 'assets/images/nature/1.jpg'},\\r\\n {image: 'assets/images/nature/2.jpg'},\\r\\n {image: 'assets/images/nature/3.jpg'},\\r\\n {image: 'assets/images/nature/4.jpg'},\\r\\n {image: 'assets/images/nature/5.jpg'},\\r\\n {image: 'assets/images/nature/6.jpg'},\\r\\n {image: 'assets/images/nature/7.jpg'},\\r\\n {image: 'assets/images/nature/8.jpg'},\\r\\n {image: 'assets/images/nature/1.jpg'},\\r\\n {image: 'assets/images/nature/2.jpg'}\\r\\n ];\\r\\n\\r\\n onSlideRangeChange(indexes: number[]): void {\\r\\n this.slidesChangeMessage = `Slides have been switched: ${indexes}`;\\r\\n }\\r\\n}\\r\\n\";","export default \"\\r\\n Nulla vitae elit libero, a pharetra augue mollis interdum.
\\r\\n\\r\\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.
\\r\\n\\r\\n Praesent commodo cursus magna, vel scelerisque nisl consectetur.
\\r\\n\\r\\n Nulla vitae elit libero, a pharetra augue mollis interdum.
\\r\\n\\r\\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.
\\r\\n\\r\\n Praesent commodo cursus magna, vel scelerisque nisl consectetur.
\\r\\n{{slide.text}}
\\r\\n{{slideChangeMessage}}\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-carousel-slide-changed-event',\\r\\n templateUrl: './slide-changed-event.html'\\r\\n})\\r\\nexport class DemoCarouselSlideChangedEventComponent {\\r\\n slideChangeMessage = '';\\r\\n\\r\\n slides = [\\r\\n {image: 'assets/images/nature/7.jpg'},\\r\\n {image: 'assets/images/nature/5.jpg'},\\r\\n {image: 'assets/images/nature/3.jpg'}\\r\\n ];\\r\\n\\r\\n log(event: number) {\\r\\n this.slideChangeMessage = `Slide has been switched: ${event}`;\\r\\n }\\r\\n}\\r\\n\";","export default \"// RECOMMENDED\\r\\nimport { CarouselModule } from 'ngx-bootstrap/carousel';\\r\\n// NOT RECOMMENDED (Angular 9 doesn't support this kind of import)\\r\\nimport { CarouselModule } from 'ngx-bootstrap';\\r\\n\\r\\n@NgModule({\\r\\n imports: [CarouselModule.forRoot(),...]\\r\\n})\\r\\nexport class AppModule(){}\\r\\n\";"],"names":[],"sourceRoot":"webpack:///"}