render(indent) {
    this.addClass(`alert alert-${this.color()}`);
    
    if ( this.dismissable() )
      this.addClass(`alert-dismissable fade show`);
    
    this.attr('role', 'alert');
    
    if ( this.dismissable() ) {
      const button = new html.Button().classes('close').attr('data-dismiss', 'alert').attr('aria-label', 'Close');
      
      button.append(new html.Span().attr('aria-hidden', 'true').append(new html.Text().text('&times;')));
    
      this.append(button);
    }
        
    return super.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) {
    this.addClass(`alert alert-${this.color()}`);
    if ( this.dismissable() )
      this.addClass(`alert-dismissable fade show`);
    this.attr('role', 'alert');
    if ( this.dismissable() ) {
      const button = new html.Button().classes('close').attr('data-dismiss', 'alert').attr('aria-label', 'Close');
      button.append(new html.Span().attr('aria-hidden', 'true').append(new html.Text().text('&times;')));
      this.append(button);
    }
    return super.render(indent);
  }
render ( indent ) { this . addClass ( ` ${ this . color ( ) } ` ) ; if ( this . dismissable ( ) ) this . addClass ( ` ` ) ; this . attr ( 'role' , 'alert' ) ; if ( this . dismissable ( ) ) { const button = new html . Button ( ) . classes ( 'close' ) . attr ( 'data-dismiss' , 'alert' ) . attr ( 'aria-label' , 'Close' ) ; button . append ( new html . Span ( ) . attr ( 'aria-hidden' , 'true' ) . append ( new html . Text ( ) . text ( '&times;' ) ) ) ; this . append ( button ) ; } return super . render ( indent ) ; }
Render the component.
Render the component .