<commit_before>////
/// @group themes
/// @access private
/// @author <a href="https://github.com/simeonoff" target="_blank"><NAME></a>
/// @author <a href="https://github.com/desig9stein" target="_blank"><NAME></a>
////

/// @param {Map} $theme - The grid theme used to style the component.
/// @param {Map} $palette - The palette map used as base for the component.
/// @requires igx-color
/// @requires rem
/// @requires --var
@mixin _excel-filtering($theme, $palette) {
    $left: if-ltr(left, right);
    $right: if-ltr(right, left);
    $variant: map-get($theme, 'variant');

    %grid-excel-filter {
        display: block;
        width: 100%;
        height: 100%;
        flex-grow: 1;
        box-shadow: igx-elevation($elevations, 12);
        overflow: auto;
        min-width: rem(320px);
    }

    %grid-excel-filter--inline {
        box-shadow: none;

        %grid-excel-menu {
            width: 100%;
        }
    }

    %igx-excel-filter__loading {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    %grid-excel-icon {
        cursor: pointer;

        &.igx-icon {
            width: rem(15px);
            height: rem(15px);
            font-size: rem(15px);
        }
    }

    %grid-excel-icon--filtered {
        &.igx-icon {
            color: igx-color($palette, 'secondary');
        }
    }

    %grid-excel-menu {
        display: flex;
        flex-direction: column;
        height: 100%;
        background: --var($theme, 'filtering-row-background');
        // TODO The border-radius should not be hardcoded.
        border-radius: rem(4px);

        @include igx-button-group(igx-button-group-theme(
            $shadow: none,
            $schema: $dark-schema,
            $item-background: --var($theme, 'filtering-row-background'),
            $item-hover-background: igx-color($palette, 'grays', 100),
            $item-selected-background: igx-color($palette, 'grays', 100),
            $item-text-color: igx-color($palette, 'grays', 700),
            $item-hover-text-color: igx-color($palette, 'grays', 800),
            $item-selected-text-color: if(
                $variant == 'indigo-design',
                igx-contrast-color($palette, 'surface'),
                igx-color($palette, 'secondary', 500)
            ),
            $item-border-color: transparent,
            $item-selected-border-color: transparent
        ));
    }

    %grid-excel-menu__header {
        display: flex;
        align-items: center;
        padding: rem(16px);
        color: igx-color($palette, 'grays', 700);
    }

    %grid-excel-menu__header-actions {
        display: flex;
        margin-#{$left}: auto;

        [igxButton] + [igxButton] {
            margin-#{$left}: rem(4px);
        }
    }

    %grid-excel-menu__footer {
        display: flex;
        justify-content: space-between;
        padding: rem(8px) rem(16px);

        [igxButton] {
            flex-grow: 1;

            + [igxButton] {
                margin-#{$left}: rem(16px);
            }
        }
    }

    %grid-excel-sort {
        display: block;
        padding-top: rem(8px);
        padding-bottom: rem(8px);

        header {<commit_msg>fix(ESF): misaligned icon<commit_after>////
/// @group themes
/// @access private
/// @author <a href="https://github.com/simeonoff" target="_blank"><NAME></a>
/// @author <a href="https://github.com/desig9stein" target="_blank"><NAME></a>
////

/// @param {Map} $theme - The grid theme used to style the component.
/// @param {Map} $palette - The palette map used as base for the component.
/// @requires igx-color
/// @requires rem
/// @requires --var
@mixin _excel-filtering($theme, $palette) {
    $left: if-ltr(left, right);
    $right: if-ltr(right, left);
    $variant: map-get($theme, 'variant');

    %grid-excel-filter {
        display: block;
        width: 100%;
        height: 100%;
        flex-grow: 1;
        box-shadow: igx-elevation($elevations, 12);
        overflow: auto;
        min-width: rem(320px);
    }

    %grid-excel-filter--inline {
        box-shadow: none;

        %grid-excel-menu {
            width: 100%;
        }
    }

    %igx-excel-filter__loading {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    %grid-excel-icon {
        cursor: pointer;

        &.igx-icon {
            width: rem(15px);
            height: rem(15px);
            font-size: rem(15px);
        }
    }

    %grid-excel-icon--filtered {
        &.igx-icon {
            color: igx-color($palette, 'secondary');
        }
    }

    %grid-excel-menu {
        display: flex;
        flex-direction: column;
        height: 100%;
        background: --var($theme, 'filtering-row-background');
        // TODO The border-radius should not be hardcoded.
        border-radius: rem(4px);

        @include igx-button-group(igx-button-group-theme(
            $shadow: none,
            $schema: $dark-schema,
            $item-background: --var($theme, 'filtering-row-background'),
            $item-hover-background: igx-color($palette, 'grays', 100),
            $item-selected-background: igx-color($palette, 'grays', 100),
            $item-text-color: igx-color($palette, 'grays', 700),
            $item-hover-text-color: igx-color($palette, 'grays', 800),
            $item-selected-text-color: if(
                $variant == 'indigo-design',
                igx-contrast-color($palette, 'surface'),
                igx-color($palette, 'secondary', 500)
            ),
            $item-border-color: transparent,
            $item-selected-border-color: transparent
        ));
    }

    %grid-excel-menu__header {
        display: flex;
        align-items: center;
        padding: rem(16px);
        color: igx-color($palette, 'grays', 700);
    }

    %grid-excel-menu__header-actions {
        display: flex;
        margin-#{$left}: auto;

        [igxButton] + [igxButton] {
            margin-#{$left}: rem(4px);
        }

        %grid-excel-actions__action {
            padding: 0 !important;
            margin: 0 !important;
        }

        %grid-excel-actions__action,
        %grid-excel-actions--selected {
            justify-content: center;
        }
    }

    %grid-excel-menu__footer {
        display: flex;
        justify-content: space-between;
        padding: rem(8px) rem(16px);

        [igxButton] {
            flex-grow: 1;

            + [igxButton] {
                margin-#{$left}: rem(16px);
            }
        }
    }

    %grid-excel-sort {
        display: block;
        padding-top: rem(8px);
        padding-bottom: rem(8px);

        header {
{'fraction_non_alphanumeric': 0.15640449438202247, 'fraction_numerical': 0.016779026217228463, 'mean_word_length': 1.7689755288262132, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 15, 'https://': 4, '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': '2148576', 'n_tokens_mistral': 2240, 'n_tokens_neox': 2090, 'n_words': 407}