render(indent) {
    if ( ![`sm`, `lg`, `xl`, ``].includes(this.size()) )
      throw new RangeError(`Modal.render(): Invalid size, must be 'sm', 'lg', or 'xl' if set.`);
    
    const div = new html.Div().addClass(`modal fade`).attr('tabindex', '-1').attr('role', 'dialog').id(this.id());
    const div2 = new html.Div().addClass(`modal-dialog`).attr('role', 'document');
    const div3 = new html.Div();
    
    if ( this.size().length > 0 )
      div2.addClass(`modal-${this.size()}`);
    
    if ( this.middle() )
      div2.addClass(`modal-dialog-centered`);
    
    div.append(div2);
    div2.append(div3);
    
    div3.attributes(this.attributes());
    div3.classes(this.classes());
    div3.content(this.content());
    div3.id('');
    div3.style(this.style());
    div3.title(this.title());
    div3.addClass(`modal-content`);
    
    return div.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) {
    if ( ![`sm`, `lg`, `xl`, ``].includes(this.size()) )
      throw new RangeError(`Modal.render(): Invalid size, must be 'sm', 'lg', or 'xl' if set.`);
    const div = new html.Div().addClass(`modal fade`).attr('tabindex', '-1').attr('role', 'dialog').id(this.id());
    const div2 = new html.Div().addClass(`modal-dialog`).attr('role', 'document');
    const div3 = new html.Div();
    if ( this.size().length > 0 )
      div2.addClass(`modal-${this.size()}`);
    if ( this.middle() )
      div2.addClass(`modal-dialog-centered`);
    div.append(div2);
    div2.append(div3);
    div3.attributes(this.attributes());
    div3.classes(this.classes());
    div3.content(this.content());
    div3.id('');
    div3.style(this.style());
    div3.title(this.title());
    div3.addClass(`modal-content`);
    return div.render(indent);
  }
render ( indent ) { if ( ! [ ` ` , ` ` , ` ` , ` ` ] . includes ( this . size ( ) ) ) throw new RangeError ( ` ` ) ; const div = new html . Div ( ) . addClass ( ` ` ) . attr ( 'tabindex' , '-1' ) . attr ( 'role' , 'dialog' ) . id ( this . id ( ) ) ; const div2 = new html . Div ( ) . addClass ( ` ` ) . attr ( 'role' , 'document' ) ; const div3 = new html . Div ( ) ; if ( this . size ( ) . length > 0 ) div2 . addClass ( ` ${ this . size ( ) } ` ) ; if ( this . middle ( ) ) div2 . addClass ( ` ` ) ; div . append ( div2 ) ; div2 . append ( div3 ) ; div3 . attributes ( this . attributes ( ) ) ; div3 . classes ( this . classes ( ) ) ; div3 . content ( this . content ( ) ) ; div3 . id ( '' ) ; div3 . style ( this . style ( ) ) ; div3 . title ( this . title ( ) ) ; div3 . addClass ( ` ` ) ; return div . render ( indent ) ; }
Render the component.
Render the component .