render(indent) {
    const carousel = new html.Div();

    carousel.attributes(this.attributes());
    carousel.classes(this.classes());
    carousel.id(this.id());
    carousel.title(this.title());
    
    carousel.addClass(`carousel slide`).attr('data-ride', 'carousel');
    
    if ( this.indicators() ) {
      const list = new html.OrderedList().addClass('carousel-indicators');
      
      this.content().forEach((carouselItem, index) => {
        const item = new html.ListItem().attr('data-target', `#${this.id()}`).attr('data-slide-to', index);
      
        if ( index === 0 )
          item.addClass('active');
        
        list.append(item);
      });
      
      carousel.append(list);
    }
    
    const carouselInner = new html.Div().addClass('carousel-inner');
    
    this.content().forEach((carouselItem, index) => {
      if ( index === 0 )
        carouselItem.addClass('active');
      
      carouselInner.append(carouselItem);
    });

    carousel.append(carouselInner);

    if ( this.controls() ) {
      const prev = new html.Anchor().addClass('carousel-control-prev').href(`#${this.id()}`).attr('data-slide', 'prev');
      const next = new html.Anchor().addClass('carousel-control-next').href(`#${this.id()}`).attr('data-slide', 'next');
      
      prev.append(new html.Span().addClass('carousel-control-prev-icon'));
      next.append(new html.Span().addClass('carousel-control-next-icon'));
      
      carousel.append(prev);
      carousel.append(next);
    }
    
    return carousel.render(indent);
  }
/**
   * Render the component.
   * @signature render(number) Render this component with (number) spaces of indentation
   * @return The rendered HTML
   */
Render the component.
@signature render(number) Render this component with (number) spaces of indentation
@return The rendered HTML
Render the component . @signature render ( number ) Render this component with ( number ) spaces of indentation @return The rendered HTML
render(indent) {
    const carousel = new html.Div();
    carousel.attributes(this.attributes());
    carousel.classes(this.classes());
    carousel.id(this.id());
    carousel.title(this.title());
    carousel.addClass(`carousel slide`).attr('data-ride', 'carousel');
    if ( this.indicators() ) {
      const list = new html.OrderedList().addClass('carousel-indicators');
      this.content().forEach((carouselItem, index) => {
        const item = new html.ListItem().attr('data-target', `#${this.id()}`).attr('data-slide-to', index);
        if ( index === 0 )
          item.addClass('active');
        list.append(item);
      });
      carousel.append(list);
    }
    const carouselInner = new html.Div().addClass('carousel-inner');
    this.content().forEach((carouselItem, index) => {
      if ( index === 0 )
        carouselItem.addClass('active');
      carouselInner.append(carouselItem);
    });
    carousel.append(carouselInner);
    if ( this.controls() ) {
      const prev = new html.Anchor().addClass('carousel-control-prev').href(`#${this.id()}`).attr('data-slide', 'prev');
      const next = new html.Anchor().addClass('carousel-control-next').href(`#${this.id()}`).attr('data-slide', 'next');
      prev.append(new html.Span().addClass('carousel-control-prev-icon'));
      next.append(new html.Span().addClass('carousel-control-next-icon'));
      carousel.append(prev);
      carousel.append(next);
    }
    return carousel.render(indent);
  }
render ( indent ) { const carousel = new html . Div ( ) ; carousel . attributes ( this . attributes ( ) ) ; carousel . classes ( this . classes ( ) ) ; carousel . id ( this . id ( ) ) ; carousel . title ( this . title ( ) ) ; carousel . addClass ( ` ` ) . attr ( 'data-ride' , 'carousel' ) ; if ( this . indicators ( ) ) { const list = new html . OrderedList ( ) . addClass ( 'carousel-indicators' ) ; this . content ( ) . forEach ( ( carouselItem , index ) => { const item = new html . ListItem ( ) . attr ( 'data-target' , ` ${ this . id ( ) } ` ) . attr ( 'data-slide-to' , index ) ; if ( index === 0 ) item . addClass ( 'active' ) ; list . append ( item ) ; } ) ; carousel . append ( list ) ; } const carouselInner = new html . Div ( ) . addClass ( 'carousel-inner' ) ; this . content ( ) . forEach ( ( carouselItem , index ) => { if ( index === 0 ) carouselItem . addClass ( 'active' ) ; carouselInner . append ( carouselItem ) ; } ) ; carousel . append ( carouselInner ) ; if ( this . controls ( ) ) { const prev = new html . Anchor ( ) . addClass ( 'carousel-control-prev' ) . href ( ` ${ this . id ( ) } ` ) . attr ( 'data-slide' , 'prev' ) ; const next = new html . Anchor ( ) . addClass ( 'carousel-control-next' ) . href ( ` ${ this . id ( ) } ` ) . attr ( 'data-slide' , 'next' ) ; prev . append ( new html . Span ( ) . addClass ( 'carousel-control-prev-icon' ) ) ; next . append ( new html . Span ( ) . addClass ( 'carousel-control-next-icon' ) ) ; carousel . append ( prev ) ; carousel . append ( next ) ; } return carousel . render ( indent ) ; }
Render the component.
Render the component .