<commit_before><dom-module id="jso-opencga-sample-info">
    <style is="custom-style" include="iron-flex iron-flex-reverse iron-flex-alignment iron-flex-factors iron-positioning">
        :host {
            position: relative;
            display: block;
            box-sizing: border-box;
            height: 100%;
            border-top: 1px solid var(--divider-color);
        }

        #sampleList,
        #sampleSelectedList {
            box-sizing: border-box;
            overflow-y: auto;
            height: calc(100% - 59px);
            /*height: 145px;*/
            border: 1px solid #ddd;
        }

        #sampleSelectedList {
            height: calc(100% - 35px);
        }

        #sampleList {
            border-top: 0;
        }

        .sam {
            width: 50%;
            padding: 5px;
        }

        .study-info {
            height: 30px;
            box-sizing: border-box;
            background-color: var(--light-secondary-color);
            border-top: 1px solid var(--divider-color);
            padding: 5px;
        }

        .sample-info {
            height: calc(100% - 30px);
            box-sizing: border-box;
        }

        #variantButton {
            border-radius: 5px;
            width: 150px;
            background-color: var(--dark-button-color) !important;
            color: var(--text-primary-color) !important;
            margin: 5px;
        }

        #addButton {
            width: 25px;
            font-size: 15px;
            color: #435f7a;
            margin-left: 5px;
            font-weight: bold;
        }

        #clearButton {
            width: 50px;
            color: #435f7a;
            font-weight: bold;
        }

        #variantButton:hover {
            background-color: var(--light-button-color) !important;
        }

        .msgError {
            color: #bf4747;
            font-style: italic;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .fileName {
            font-weight: bold;
            color: #445D76;
            margin-left: 5px;
            width: 200px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .check{
          border: 1px solid var(--divider-color);
          border-right:0;
          padding-left: 2px; 
        }
    </style>
    <template>
        <div class="sample-info horizontal layout">
            <div class="sam">
                <div class="horizontal layout center" style="height:25px">
                    <label>Samples from: </label>
                    <div class="flex fileName">{{fileName}}</div>
                </div>
                <div class="horizontal layout center" style="height:100%">
                    <div class="flex" style="width:100%;height:100%">
                        <div class="horizontal layout center">
                            <label class="jso-control horizontal layout check">
                                <input id="checkButton" class="jso" type="checkbox" on-change="handleToggle">
                                <span></span>
                            </label><commit_msg>minor changes<commit_after><dom-module id="jso-opencga-sample-info">
    <style is="custom-style" include="iron-flex iron-flex-reverse iron-flex-alignment iron-flex-factors iron-positioning">
        :host {
            position: relative;
            display: block;
            box-sizing: border-box;
            height: 100%;
            border-top: 1px solid var(--divider-color);
        }

        #sampleList,
        #sampleSelectedList {
            box-sizing: border-box;
            overflow-y: auto;
            height: calc(100% - 59px);
            /*height: 145px;*/
            border: 1px solid #ddd;
        }

        #sampleSelectedList {
            height: calc(100% - 35px);
        }

        #sampleList {
            border-top: 0;
        }

        .sam {
            width: 50%;
            padding: 5px;
        }

        .study-info {
            height: 30px;
            box-sizing: border-box;
            background-color: var(--light-secondary-color);
            border-top: 1px solid var(--divider-color);
            padding: 5px;
        }

        .sample-info {
            height: calc(100% - 30px);
            box-sizing: border-box;
        }

        #variantButton {
            border-radius: 5px;
            width: 150px;
            background-color: var(--dark-button-color) !important;
            color: var(--text-primary-color) !important;
            margin: 5px;
        }

        #addButton {
            width: 25px;
            font-size: 15px;
            color: #435f7a;
            margin-left: 5px;
            font-weight: bold;
        }

        #clearButton {
            width: 50px;
            color: #435f7a;
            font-weight: bold;
        }

        #variantButton:hover {
            background-color: var(--light-button-color) !important;
        }

        .msgError {
            color: #bf4747;
            font-style: italic;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .fileName {
            font-weight: bold;
            color: #445D76;
            margin-left: 5px;
            width: 200px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .check{
          border: 1px solid var(--divider-color);
          border-right:0;
          padding-left: 6px;
        }
    </style>
    <template>
        <div class="sample-info horizontal layout">
            <div class="sam">
                <div class="horizontal layout center" style="height:25px">
                    <label>Samples from: </label>
                    <div class="flex fileName">{{fileName}}</div>
                </div>
                <div class="horizontal layout center" style="height:100%">
                    <div class="flex" style="width:100%;height:100%">
                        <div class="horizontal layout center">
                            <label class="jso-control horizontal layout check">
                                <input id="checkButton" class="jso" type="checkbox" on-change="handleToggle">
                                <span></span>
                            </label>
{'fraction_non_alphanumeric': 0.11618128017442766, 'fraction_numerical': 0.024295281108861547, 'mean_word_length': 1.2572934973637961, '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': '15790', 'n_tokens_mistral': 1893, 'n_tokens_neox': 1720, 'n_words': 362}