<commit_before><div class="sample-content">
        <div class="sample-column">
            <div class="density-chooser">
                <igx-buttongroup [values]="displayDensities" (onSelect)="selectDensity($event)"></igx-buttongroup>
            </div>

            <igx-grid
                #grid1
                [data]="data"
                [displayDensity]="density"
                [allowFiltering]="true"
                [filterMode]="'excelStyleFilter'"
                [allowAdvancedFiltering]="true"
                [advancedFilteringExpressionsTree]="advancedFilteringTree"
                [rowSelection]="selectionMode"
                [paging]="false"
                [width]="'980px'"
                [height]="'600px'"
                [showToolbar]="true"
                [columnHiding]="true"
                [columnPinning]="true"
                [columnSelection]="'single'"
                [exportExcel]="true"
                [exportCsv]="true"
                exportText="Export"
                exportExcelText="Export to Excel"
                exportCsvText="Export to CSV">
                <igx-column *ngFor="let c of columns" [field]="c.field"
                                                    [header]="c.header"
                                                    [movable]="c.movable"
                                                    [groupable]="true"
                                                    [resizable]="c.resizable"
                                                    [width]="c.width"
                                                    [sortable]="true"
                                                    [filterable]="true"
                                                    [editable]="true"
                                                    [hidden]="c.hidden"
                                                    [minWidth]="c.minWidth"
                                                    [maxWidth]="c.maxWidth"
                                                    [dataType]="c.type">
                </igx-column>
            </igx-grid>

            <div class="sample-buttons">
                <igx-checkbox [checked]="grid1.allowFiltering" (change)="onAllowFilteringChanged($event)">Allow Filtering</igx-checkbox>
                <igx-buttongroup [multiSelection]="false" [values]="filterModes" (onSelect)="selectFilterMode($event)"></igx-buttongroup>
            </div>
            <div class="sample-buttons">
                <igx-checkbox [(ngModel)]="grid1.allowAdvancedFiltering">Allow Advanced Filtering</igx-checkbox>
                <button igxButton="raised" (click)="openAdvancedFiltering()">Open Advanced Filtering</button>
                <button igxButton="raised" (click)="closeAdvancedFiltering()">Close Advanced Filtering</button>
                <igx-checkbox #applyChangesCheckbox checked="true">Apply Changes</igx-checkbox>
                <button igxButton="raised" (click)="clearAdvancedFiltering()">Clear Advanced Filtering</button>
            </div>

            <h3>ESF Templates</h3>
            <igx-grid
                #grid2
                [data]="data"
                [displayDensity]="density"
                [allowFiltering]="true"
                [filterMode]="'excelStyleFilter'"
                [allowAdvancedFiltering]="true"
                [rowSelection]="selectionMode"
                [paging]="false"
                [width]="'980px'"
                [height]="'600px'"
                [showToolbar]="true"
                [columnHiding]="true"
                [columnPinning]="true"
                [columnSelection]="'single'"
                [exportExcel]="true"
                [exportCsv]="true"
                exportText="Export"
                exportExcelText="Export to Excel"
                exportCsvText="Export to CSV">
                <igx-column *ngFor="let c of columns" [field]="c.field"
                                                    [header]="c.header"
                                                    [movable]="c.movable"
                                                    [groupable]="true"
                                                    [resizable]="c.resizable"
                                                    [width]="c.width"
                                                    [sortable]="true"
                                                    [filterable]="true"
                                                    [editable]="true"
                                                    [hidden]="c.hidden"
                                                    [minWidth]="c.minWidth"
                                                    [maxWidth]="c.maxWidth"
                                                    [dataType]="c.type">
                </igx-column>

                <igx-grid-excel-style-filtering [minHeight]="'700px'" [maxHeight]="'none'">
                    <div igxExcelStyleColumnOperations>COLUMN OPERATIONS
                        <igx-excel-style-header></igx-excel-style-header>
                        <igx-excel-style-sorting></igx-excel-style-sorting>
                        <igx-excel-style-moving></igx-excel-style-moving>
                        <igx-excel-style-pinning></igx-excel-style-pinning>
                        <igx-excel-style-hiding></igx-excel-style-hiding>
                        <igx-excel-style-selecting></igx-excel-style-selecting>
                    </div>
                    <igx-excel-style-filter-operations>FILTER OPERATIONS
                        <igx-excel-style-clear-filters></igx-excel-style-clear-filters>
                        <igx-excel-style-conditional-filter></igx-excel-style-conditional-filter>
                        <igx-excel-style-search></igx-excel-style-search>
                    </igx-excel-style-filter-operations>
                </igx-grid-excel-style-filtering>
            </igx-grid>
        </div>
    </div><commit_msg>feat(esf): add esf header icon template to the dev demo<commit_after><div class="sample-content">
        <div class="sample-column">
            <div class="density-chooser">
                <igx-buttongroup [values]="displayDensities" (onSelect)="selectDensity($event)"></igx-buttongroup>
            </div>

            <igx-grid
                #grid1
                [data]="data"
                [displayDensity]="density"
                [allowFiltering]="true"
                [filterMode]="'excelStyleFilter'"
                [allowAdvancedFiltering]="true"
                [advancedFilteringExpressionsTree]="advancedFilteringTree"
                [rowSelection]="selectionMode"
                [paging]="false"
                [width]="'980px'"
                [height]="'600px'"
                [showToolbar]="true"
                [columnHiding]="true"
                [columnPinning]="true"
                [columnSelection]="'single'"
                [exportExcel]="true"
                [exportCsv]="true"
                exportText="Export"
                exportExcelText="Export to Excel"
                exportCsvText="Export to CSV">
                <igx-column *ngFor="let c of columns" [field]="c.field"
                                                    [header]="c.header"
                                                    [movable]="c.movable"
                                                    [groupable]="true"
                                                    [resizable]="c.resizable"
                                                    [width]="c.width"
                                                    [sortable]="true"
                                                    [filterable]="true"
                                                    [editable]="true"
                                                    [hidden]="c.hidden"
                                                    [minWidth]="c.minWidth"
                                                    [maxWidth]="c.maxWidth"
                                                    [dataType]="c.type">
                </igx-column>
            </igx-grid>

            <div class="sample-buttons">
                <igx-checkbox [checked]="grid1.allowFiltering" (change)="onAllowFilteringChanged($event)">Allow Filtering</igx-checkbox>
                <igx-buttongroup [multiSelection]="false" [values]="filterModes" (onSelect)="selectFilterMode($event)"></igx-buttongroup>
            </div>
            <div class="sample-buttons">
                <igx-checkbox [(ngModel)]="grid1.allowAdvancedFiltering">Allow Advanced Filtering</igx-checkbox>
                <button igxButton="raised" (click)="openAdvancedFiltering()">Open Advanced Filtering</button>
                <button igxButton="raised" (click)="closeAdvancedFiltering()">Close Advanced Filtering</button>
                <igx-checkbox #applyChangesCheckbox checked="true">Apply Changes</igx-checkbox>
                <button igxButton="raised" (click)="clearAdvancedFiltering()">Clear Advanced Filtering</button>
            </div>

            <h3>ESF Templates</h3>
            <igx-grid
                #grid2
                [data]="data"
                [displayDensity]="density"
                [allowFiltering]="true"
                [filterMode]="'excelStyleFilter'"
                [allowAdvancedFiltering]="true"
                [rowSelection]="selectionMode"
                [paging]="false"
                [width]="'980px'"
                [height]="'600px'"
                [showToolbar]="true"
                [columnHiding]="true"
                [columnPinning]="true"
                [columnSelection]="'single'"
                [exportExcel]="true"
                [exportCsv]="true"
                exportText="Export"
                exportExcelText="Export to Excel"
                exportCsvText="Export to CSV">
                <igx-column *ngFor="let c of columns" [field]="c.field"
                                                    [header]="c.header"
                                                    [movable]="c.movable"
                                                    [groupable]="true"
                                                    [resizable]="c.resizable"
                                                    [width]="c.width"
                                                    [sortable]="true"
                                                    [filterable]="true"
                                                    [editable]="true"
                                                    [hidden]="c.hidden"
                                                    [minWidth]="c.minWidth"
                                                    [maxWidth]="c.maxWidth"
                                                    [dataType]="c.type">
                </igx-column>

                <ng-template igxExcelStyleHeaderIcon>
                    <igx-icon>filter_alt</igx-icon>
                </ng-template>

                <igx-grid-excel-style-filtering [minHeight]="'700px'" [maxHeight]="'none'">
                    <div igxExcelStyleColumnOperations>COLUMN OPERATIONS
                        <igx-excel-style-header></igx-excel-style-header>
                        <igx-excel-style-sorting></igx-excel-style-sorting>
                        <igx-excel-style-moving></igx-excel-style-moving>
                        <igx-excel-style-pinning></igx-excel-style-pinning>
                        <igx-excel-style-hiding></igx-excel-style-hiding>
                        <igx-excel-style-selecting></igx-excel-style-selecting>
                    </div>
                    <igx-excel-style-filter-operations>FILTER OPERATIONS
                        <igx-excel-style-clear-filters></igx-excel-style-clear-filters>
                        <igx-excel-style-conditional-filter></igx-excel-style-conditional-filter>
                        <igx-excel-style-search></igx-excel-style-search>
                    </igx-excel-style-filter-operations>
                </igx-grid-excel-style-filtering>
            </igx-grid>
        </div>
    </div>
{'fraction_non_alphanumeric': 0.1190790559498267, 'fraction_numerical': 0.0034659184683941244, 'mean_word_length': 1.0963501124372945, 'pattern_counts': {'":': 0, '<': 127, '<?xml version=': 0, '>': 127, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 96, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '669507', 'n_tokens_mistral': 3032, 'n_tokens_neox': 2790, 'n_words': 332}