<commit_before><article #toggle igxToggle
    class="igx-excel-filter__secondary"
    [ngClass]="{
        'igx-excel-filter__secondary--cosy': grid.displayDensity === 'cosy',
        'igx-excel-filter__secondary--compact': grid.displayDensity === 'compact'
    }"
    (keydown)="onKeyDown($event)"
    (onOpening)="onCustomDialogOpening()"
    (onOpened)="onCustomDialogOpened()">
    <header class="igx-excel-filter__secondary-header">
        <h4 class="igx-typography__h6">
            {{ grid.resourceStrings.igx_grid_excel_custom_dialog_header }}{{ column.header || column.field }}
        </h4>
    </header>

    <article #expressionsContainer class="igx-excel-filter__secondary-main">
        <ng-container *ngIf="column.dataType === 'date' || column.dataType === 'dateTime' || column.dataType === 'time'">
            <igx-excel-style-date-expression *ngFor="let expression of expressionsList;"
                class="igx-excel-filter__condition"
                [expressionUI]="expression"
                [column]="column"
                [grid]="grid"
                [displayDensity]="displayDensity"
                [expressionsList]="expressionsList"
                (expressionRemoved)="onExpressionRemoved($event)"
                (logicOperatorChanged)="onLogicOperatorChanged($event)">
            </igx-excel-style-date-expression>
        </ng-container>

        <ng-container *ngIf="column.dataType !== 'date' && column.dataType !== 'dateTime' && column.dataType !== 'time'">
            <igx-excel-style-default-expression *ngFor="let expression of expressionsList;"
                class="igx-excel-filter__condition"
                [expressionUI]="expression"
                [column]="column"
                [grid]="grid"
                [displayDensity]="displayDensity"
                [expressionsList]="expressionsList"
                (expressionRemoved)="onExpressionRemoved($event)"
                (logicOperatorChanged)="onLogicOperatorChanged($event)">
            </igx-excel-style-default-expression>
        </ng-container>

        <button igxButton [displayDensity]="displayDensity"
            class="igx-excel-filter__add-filter"
            (click)="onAddButtonClick()">
            <igx-icon>add</igx-icon>
            <span>{{ grid.resourceStrings.igx_grid_excel_custom_dialog_add }}</span>
        </button>
    </article>

    <footer class="igx-excel-filter__secondary-footer">
        <button igxButton [displayDensity]="displayDensity" (click)="onClearButtonClick()">{{ grid.resourceStrings.igx_grid_excel_custom_dialog_clear }}</button>

        <div>
            <button igxButton [displayDensity]="displayDensity" (click)="closeDialog()">{{ grid.resourceStrings.igx_grid_excel_cancel }}</button>
            <button igxButton="raised" [displayDensity]="displayDensity" (click)="onApplyButtonClick()" (keydown)="onApplyButtonKeyDown($event)">
                {{ grid.resourceStrings.igx_grid_excel_apply }}
            </button>
        </div>
    </footer>
</article><commit_msg>refactor(grid-filtering): add button wrappers to secondary menu<commit_after><article #toggle igxToggle
    class="igx-excel-filter__secondary"
    [ngClass]="{
        'igx-excel-filter__secondary--cosy': grid.displayDensity === 'cosy',
        'igx-excel-filter__secondary--compact': grid.displayDensity === 'compact'
    }"
    (keydown)="onKeyDown($event)"
    (onOpening)="onCustomDialogOpening()"
    (onOpened)="onCustomDialogOpened()">
    <header class="igx-excel-filter__secondary-header">
        <h4 class="igx-typography__h6">
            {{ grid.resourceStrings.igx_grid_excel_custom_dialog_header }}{{ column.header || column.field }}
        </h4>
    </header>

    <article #expressionsContainer class="igx-excel-filter__secondary-main">
        <ng-container *ngIf="column.dataType === 'date' || column.dataType === 'dateTime' || column.dataType === 'time'">
            <igx-excel-style-date-expression *ngFor="let expression of expressionsList;"
                class="igx-excel-filter__condition"
                [expressionUI]="expression"
                [column]="column"
                [grid]="grid"
                [displayDensity]="displayDensity"
                [expressionsList]="expressionsList"
                (expressionRemoved)="onExpressionRemoved($event)"
                (logicOperatorChanged)="onLogicOperatorChanged($event)">
            </igx-excel-style-date-expression>
        </ng-container>

        <ng-container *ngIf="column.dataType !== 'date' && column.dataType !== 'dateTime' && column.dataType !== 'time'">
            <igx-excel-style-default-expression *ngFor="let expression of expressionsList;"
                class="igx-excel-filter__condition"
                [expressionUI]="expression"
                [column]="column"
                [grid]="grid"
                [displayDensity]="displayDensity"
                [expressionsList]="expressionsList"
                (expressionRemoved)="onExpressionRemoved($event)"
                (logicOperatorChanged)="onLogicOperatorChanged($event)">
            </igx-excel-style-default-expression>
        </ng-container>

        <button igxButton [displayDensity]="displayDensity"
            class="igx-excel-filter__add-filter"
            (click)="onAddButtonClick()">
            <igx-icon>add</igx-icon>
            <span>{{ grid.resourceStrings.igx_grid_excel_custom_dialog_add }}</span>
        </button>
    </article>

    <footer class="igx-excel-filter__secondary-footer">
        <div class="igx-excel-filter__clear">
            <button
                igxButton="flat"
                [displayDensity]="displayDensity"
                (click)="onClearButtonClick()">
                    {{ grid.resourceStrings.igx_grid_excel_custom_dialog_clear }}
            </button>
        </div>
        <div class="igx-excel-filter__cancel">
            <button
                igxButton="flat"
                [displayDensity]="displayDensity"
                (click)="closeDialog()">
                    {{ grid.resourceStrings.igx_grid_excel_cancel }}
            </button>
        </div>
        <div class="igx-excel-filter__apply">
            <button
                igxButton="raised"
                [displayDensity]="displayDensity"
                (click)="onApplyButtonClick()"
                (keydown)="onApplyButtonKeyDown($event)">
                {{ grid.resourceStrings.igx_grid_excel_apply }}
            </button>
        </div>
    </footer>
</article>
{'fraction_non_alphanumeric': 0.1423973022685469, 'fraction_numerical': 0.0009196811771919068, 'mean_word_length': 2.527027027027027, 'pattern_counts': {'":': 0, '<': 71, '<?xml version=': 0, '>': 71, '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': '145979', 'n_tokens_mistral': 1938, 'n_tokens_neox': 1844, 'n_words': 224}