<commit_before><ng-container>
    <div class="form-control" [class.blank]="styleBlank" [class.gray]="styleGray" #form (click)="input.focus()" 
        [class.single-line]="singleLine"
        [class.focus]="snapshot.hasFocus" 
        [class.disabled]="addInput.disabled">
        <span class="item" *ngFor="let item of snapshot.items; let i = index" [class.disabled]="addInput.disabled">
            {{item}} <i class="icon-close" *ngIf="!addInput.disabled" (click)="remove(i)"></i>
        </span>

        <input type="text" class="blank" #input
            (blur)="markTouched()"
            (cut)="onCut($event)"
            (copy)="onCopy($event)"
            (paste)="onPaste($event)"
            (focus)="focus()"
            (keydown)="onKeyDown($event)"
            [formControl]="addInput"
            [attr.name]="inputName"
            [attr.placeholder]="placeholder"
            autocomplete="off" 
            autocorrect="off"
            autocapitalize="off"
            spellcheck="false">
    </div>

    <div *ngIf="snapshot.suggestedItems.length > 0" [sqxModalTarget]="form" class="control-dropdown" #container position="bottom-left">
        <div *ngFor="let item of snapshot.suggestedItems; let i = index" class="control-dropdown-item control-dropdown-item-selectable"
            [class.active]="i === snapshot.suggestedIndex"
            [container]="container"
            (mousedown)="selectValue(item)" 
            (mouseover)="selectIndex(i)"
            [sqxScrollActive]="i === snapshot.suggestedIndex">
            <ng-container>{{item}}</ng-container>
        </div>
    </div>
</ng-container><commit_msg>Styling fixes<commit_after><div class="form-control tags" [class.blank]="styleBlank" [class.gray]="styleGray" #form (click)="input.focus()" 
    [class.single-line]="singleLine"
    [class.focus]="snapshot.hasFocus" 
    [class.disabled]="addInput.disabled">
    <span class="item" *ngFor="let item of snapshot.items; let i = index" [class.disabled]="addInput.disabled">
        {{item}} <i class="icon-close" *ngIf="!addInput.disabled" (click)="remove(i)"></i>
    </span>

    <input type="text" class="blank" #input
        (blur)="markTouched()"
        (cut)="onCut($event)"
        (copy)="onCopy($event)"
        (paste)="onPaste($event)"
        (focus)="focus()"
        (keydown)="onKeyDown($event)"
        [formControl]="addInput"
        [attr.name]="inputName"
        [attr.placeholder]="placeholder"
        autocomplete="off" 
        autocorrect="off"
        autocapitalize="off"
        spellcheck="false">
</div>

<div *ngIf="snapshot.suggestedItems.length > 0" [sqxModalTarget]="form" class="control-dropdown" #container position="bottom-left">
    <div *ngFor="let item of snapshot.suggestedItems; let i = index" class="control-dropdown-item control-dropdown-item-selectable"
        [class.active]="i === snapshot.suggestedIndex"
        [container]="container"
        (mousedown)="selectValue(item)" 
        (mouseover)="selectIndex(i)"
        [sqxScrollActive]="i === snapshot.suggestedIndex">
        <ng-container>{{item}}</ng-container>
    </div>
</div>
{'fraction_non_alphanumeric': 0.1820217530390275, 'fraction_numerical': 0.0006397952655150352, 'mean_word_length': 3.136243386243386, 'pattern_counts': {'":': 0, '<': 31, '<?xml version=': 0, '>': 33, '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': '4332876', 'n_tokens_mistral': 1005, 'n_tokens_neox': 965, 'n_words': 143}