<commit_before><tl-form [showConfirmOnChange]="true" [messageDialogConfirmation]="'Are you sure ?'" [cancelButtonShortcut]="'ctrl+f6'">
  <div class="row">
    <div class="col-md-12">
      <div class="form-group">
        <tl-input [name]="'name'" [labelSize]="100" [ngModel]="person?.name" [label]="'Name'"></tl-input>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="form-group">
        <tl-input [name]="'lastname'" [labelSize]="100" [validations]="{required: true}" [ngModel]="person?.lastname"
                  [label]="'LastName'"></tl-input>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-6">
      <div class="form-group">
        <tl-input [name]="'city'" [labelSize]="100" [ngModel]="person?.city" [label]="'City'"></tl-input>
      </div>
    </div>
    <div class="col-md-6">
      <div class="form-group">
        <div class="col-md-6">
          <tl-panelgroup [labelGroup]="'Gender'" [width]="'210px'">
            <tl-radio-group [nameGroup]="'gender'" [ngModel]="person?.gender">
              <tl-radiobutton [label]="'Male'" [value]="'M'"></tl-radiobutton>
              <tl-radiobutton [label]="'Female'" [value]="'F'" [checked]="true"></tl-radiobutton>
            </tl-radio-group>
          </tl-panelgroup>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-6">
      <div class="form-group">
        <tl-input [name]="'country'" [labelSize]="100" [ngModel]="person?.country" [label]="'Country'"></tl-input>
      </div>
    </div>
    <div class="col-md-6">
      <div class="form-group">
        <tl-input [name]="'birthday'" [labelSize]="100" [validations]="{required: true}" [ngModel]="person?.birthday"
                  [label]="'Birthday'" [mask]="{mask: '00/00/0000', withLiteralChar: false }" ></tl-input>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-6">
      <tl-input [name]="'state'" [labelSize]="100" [ngModel]="person?.state" [label]="'State'"></tl-input>
    </div>
    <div class="col-md-5 col-md-offset-1">
      <tl-checkbox [name]="'notification'" [label]="'Notify ?'" [ngModel]="person?.notification"></tl-checkbox>
    </div>
  </div>
  <br>
  <div class="row">
    <div class="col-md-12">
      <div class="form-group">
        <tl-multiselect
          [data]="dataBasic"
          [ngModel]="person?.dependents"
          [labelSize]="100"
          [defaultColorTag]="'#8EC2F4'"
          [name]="'dependents'"
          [placeholder]="'Select...'"
          [label]="'Dependents'"
          [openFocus]="false"
          [labelTag]="'firstName'"
          [detail]="'email'"
          [query]="'firstName'">
        </tl-multiselect>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="form-group">
        <tl-autocomplete [data]="dataAuto"
                         [openFocus]="true"
                         [name]="'clients'"
                         [label]="'Clients'"
                         [labelName]="'firstName'"
                         [clearButton]="true"
                         [rowHeight]="35"
                         [placeholder]="'Search...'"
                         [ngModel]="person?.clients">
          <ng-template let-item="item" let-index="index">
            <li class="list-template-demo">
              <img class="img-circle" src="../assets/img/avatar.png"
                   width="20">{{item.firstName}} - <span>{{item.lastName}}</span>
              <span class="list-bagde badge">{{item.id}}</span>
            </li>
          </ng-template>
        </tl-autocomplete>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="form-group">
        <tl-input [name]="'cpf'" [label]="'CPF'" [type]="'cpf'" [ngModel]="person?.cpf"></tl-input>
      </div>
    </div>
  </div>
</tl-form><commit_msg>docs(form): update form showcase.<commit_after><tl-form [showConfirmOnChange]="true" [messageDialogConfirmation]="'Are you sure ?'" [cancelButtonShortcut]="'ctrl+f6'">
  <div class="row">
    <div class="col-md-12">
      <div class="form-group">
        <tl-panelgroup [labelGroup]="'Name'">
          <tl-input [name]="'name'" [labelSize]="100" [ngModel]="person?.name" [label]="'Name'"></tl-input>
        </tl-panelgroup>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="form-group">
        <tl-panelgroup [labelGroup]="'LastName'">
          <tl-input [name]="'lastname'" [labelSize]="100" [validations]="{required: true}"
                    [ngModel]="person?.lastname" [label]="'LastName'"></tl-input>
        </tl-panelgroup>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-6">
      <div class="form-group">
        <tl-panelgroup [labelGroup]="'City'">
          <tl-input [name]="'city'" [labelSize]="100" [ngModel]="person?.city" [label]="'City'"></tl-input>
        </tl-panelgroup>
      </div>
    </div>
    <div class="col-md-6">
      <div class="form-group">
        <div class="col-md-6">
          <tl-panelgroup [labelGroup]="'Gender'" [width]="'210px'">
            <tl-radio-group [nameGroup]="'gender'" [ngModel]="person?.gender">
              <tl-radiobutton [label]="'Male'" [value]="'M'"></tl-radiobutton>
              <tl-radiobutton [label]="'Female'" [value]="'F'" [checked]="true"></tl-radiobutton>
            </tl-radio-group>
          </tl-panelgroup>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-6">
      <div class="form-group">
        <tl-panelgroup [labelGroup]="'Country'">
            <tl-input [name]="'country'" [labelSize]="100" [ngModel]="person?.country" [label]="'Country'"></tl-input>
        </tl-panelgroup>
      </div>
    </div>
    <div class="col-md-6">
      <div class="form-group">
        <tl-panelgroup [labelGroup]="'Birthday'">
            <tl-input [name]="'birthday'" [labelSize]="100" [validations]="{required: true}" [ngModel]="person?.birthday"
                  [label]="'Birthday'" [mask]="{mask: '00/00/0000', withLiteralChar: false }" ></tl-input>
        </tl-panelgroup>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-6">
      <tl-panelgroup [labelGroup]="'State'">
        <tl-input [name]="'state'" [labelSize]="100" [ngModel]="person?.state" [label]="'State'"></tl-input>
      </tl-panelgroup>
    </div>
    <div class="col-md-6">
      <tl-panelgroup [labelGroup]="'Notification'">
        <tl-checkbox [name]="'notification'" [label]="'Notify ?'" [ngModel]="person?.notification"></tl-checkbox>
      </tl-panelgroup>
    </div>
  </div>
  <br>
  <div class="row">
    <div class="col-md-12">
      <div class="form-group">
        <tl-panelgroup [labelGroup]="'Dependents'">
          <tl-multiselect
            [data]="dataBasic"
            [ngModel]="person?.dependents"
            [labelSize]="100"
            [defaultColorTag]="'#8EC2F4'"
            [name]="'dependents'"
            [placeholder]="'Select...'"
            [label]="'Dependents'"
            [openFocus]="false"
            [labelTag]="'firstName'"
            [detail]="'email'"
            [query]="'firstName'">
          </tl-multiselect>
        </tl-panelgroup>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="form-group">
        <tl-panelgroup [labelGroup]="'Clients'">
          <tl-autocomplete [data]="dataAuto"
                           [openFocus]="true"
                           [name]="'clients'"
                           [label]="'Clients'"
                           [labelName]="'firstName'"
                           [clearButton]="true"
                           [rowHeight]="35"
                           [placeholder]="'Search...'"
                           [ngModel]="person?.clients">
            <ng-template let-item="item" let-index="index">
              <li class="list-template-demo">
                <img class="img-circle" src="../assets/img/avatar.png"
                     width="20">{{item.firstName}} - <span>{{item.lastName}}</span>
                <span class="list-bagde badge">{{item.id}}</span>
              </li>
            </ng-template>
          </tl-autocomplete>
        </tl-panelgroup>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="form-group">
        <tl-panelgroup [labelGroup]="'CPF'">
          <tl-input [name]="'cpf'" [label]="'CPF'" [type]="'cpf'" [ngModel]="person?.cpf"></tl-input>
        </tl-panelgroup>
      </div>
    </div>
  </div>
</tl-form>
{'fraction_non_alphanumeric': 0.22485002307337332, 'fraction_numerical': 0.01326718966312875, 'mean_word_length': 2.21431219873934, 'pattern_counts': {'":': 0, '<': 219, '<?xml version=': 0, '>': 219, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5009263', 'n_tokens_mistral': 3066, 'n_tokens_neox': 2862, 'n_words': 427}