<commit_before><div class="dataTableScrollable"  (mousedown)="onMouseDown()"  (mouseup)="onMouseUp()" >
    <div class="scrollBoxHeader">
        <table class="datatable">
            <thead class="datatableHeader">
            <tr class="row">
                <th *ngFor="let column of datatable.columns;"
                    [ngStyle]="{width: column.width+'px'}"
                    [class]="' cel ' + datatable.getClassAlignment(column.alignment)">{{column.title}}</th>
            </tr>
            </thead>
        </table>
    </div>


    <div #listComponent id="id-component"
         class="scrollBoxContainer"
         (keydown)="onKeydown($event)"
         [tlLoading]="datatable.loading"
         [ngStyle]="{'height': datatable.height+'px', 'overflow-y' : 'scroll', 'overflow-x' : 'hidden', 'min-height':'300px'}">
        <div [ngStyle]="{height: bodyHeight+'px'}">
            <table class="datatable" [ngStyle]="{position: 'relative'}">
                <tbody (click)="onClick($event)" #listBody class="datatableBody" ></tbody>
            </table>
        </div>
    </div>
</div><commit_msg>refactor(datatable): Removed dependencies for dataSource of scrollable mode #2<commit_after><div class="dataTableScrollable"  (mousedown)="onMouseDown()"  (mouseup)="onMouseUp()" >
    <div class="scrollBoxHeader">
        <table class="datatable">
            <thead class="datatableHeader">
            <tr class="row">
                <th *ngFor="let column of dt.columns;"
                    [ngStyle]="{width: column.width+'px'}"
                    [class]="' cel ' + dt.getClassAlignment(column.alignment)">{{column.title}}</th>
            </tr>
            </thead>
        </table>
    </div>


    <div #listComponent id="id-component"
         class="scrollBoxContainer"
         (keydown)="onKeydown($event)"
         [tlLoading]="dt.loading"
         [ngStyle]="{'height': dt.height+'px', 'overflow-y' : 'scroll', 'overflow-x' : 'hidden', 'min-height':'300px'}">
        <div [ngStyle]="{height: bodyHeight+'px'}">
            <table class="datatable" [ngStyle]="{position: 'relative'}">
                <tbody (click)="onClick($event)" #listBody class="datatableBody" ></tbody>
            </table>
        </div>
    </div>
</div>
{'fraction_non_alphanumeric': 0.18785999113867966, 'fraction_numerical': 0.0031014621178555605, 'mean_word_length': 2.567140600315956, 'pattern_counts': {'":': 0, '<': 43, '<?xml version=': 0, '>': 43, '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': '4042774', 'n_tokens_mistral': 705, 'n_tokens_neox': 670, 'n_words': 117}