<commit_before><div class="container-fluid">

  <div class="row">

    <div class="col-md-12">
      <div on-mouseover='expand(item)' on-mouseleave='collapse(item)' [@flyVerticalOut]='item.id' [@animationState]='item.animationState'
        class="col-md-2" style="padding-left: 0 !important; padding-right: 0 !important;" *ngFor="let item of horizontalItems; let i = index; trackBy: trackByFn">
        <item-horizontal [item]="item"></item-horizontal>
      </div>
    </div>

  </div>

</div>

<div class="container">

  <div class="row">

    <div class="col-md-8">

      <div on-mouseover='expand(item)' on-mouseleave='collapse(item)' [@flyHorizontalOut]='item.id' [@animationState]='item.animationState'
        *ngFor="let item of items; let i = index; trackBy: trackByFn">
        <item-detail [item]="item"></item-detail>
      </div>

    </div>

    <div class="col-md-4">

      <div *ngFor="let item of items; let i = index; trackBy: trackByFn">
        <item-vertical [item]="item"></item-vertical>
      </div>

    </div>

  </div>

</div><commit_msg>vertical component<commit_after><div class="container-fluid">

  <div class="row">

    <div class="col-md-12">
      <div on-mouseover='expand(item)' on-mouseleave='collapse(item)' [@flyVerticalOut]='item.id' [@animationState]='item.animationState'
        class="col-md-2" style="padding-left: 0 !important; padding-right: 0 !important;" *ngFor="let item of horizontalItems; let i = index; trackBy: trackByFn">
        <item-horizontal [item]="item"></item-horizontal>
      </div>
    </div>

  </div>

</div>

<div class="container">

  <div class="row">

    <div class="col-md-8">
      <div on-mouseover='expand(item)' on-mouseleave='collapse(item)' [@flyHorizontalOut]='item.id' [@animationState]='item.animationState'
        *ngFor="let item of items; let i = index; trackBy: trackByFn">
        <item-detail [item]="item"></item-detail>
      </div>
    </div>

    <div class="col-md-4">
      <div *ngFor="let item of items; let i = index; trackBy: trackByFn">
        <item-vertical [item]="item"></item-vertical>
      </div>
    </div>

  </div>

</div>
{'fraction_non_alphanumeric': 0.19560131024801122, 'fraction_numerical': 0.006551240056153486, 'mean_word_length': 3.5296610169491527, 'pattern_counts': {'":': 0, '<': 55, '<?xml version=': 0, '>': 55, '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': '6873336', 'n_tokens_mistral': 745, 'n_tokens_neox': 710, 'n_words': 150}