<commit_before><template>
  <div class="facet" id="">
    <div class="">
      <div class="panel-group" id="accordion">
        <div class="panel panel-default">
          <div class="panel-heading">
            <a data-toggle="collapse" v-bind:href="'#facet-' + this.id"><h4 class="panel-title">{{title}}</h4></a>
          </div>
          <div v-bind:id="'facet-' + id" class="panel-collapse collapse in">
            <ul class="list-group">
              <li>
                <label>
                  <input type="checkbox" class="select-all" id="select_all"
                    v-model="allSelected"/>
                  Select <span v-show="allSelected">None</span><span v-show="!allSelected">All</span>
                </label>
              </li>
              <ul v-for="(features, group) in outline" class="displayFeaturesList">
                <label>{{group}}</label>
                <li v-for="(value, index) in features" class="list-group-item">
                  <label>
                    <input type="checkbox" class="checker"
                      v-bind:value="value"
                      v-bind:checked="selected[value] || allSelected"
                      v-on:change="updateSelection"/>
                    <span>{{ value }} ({{content[value] || 0}})</span>
                  </label>
                </li>
              </ul>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>

</template>

<script>
  export default {
    props: ['title', 'outline', 'constraint', 'content'],
    data: function() {
      return {
        id: -1,
        selected: {},
        allSelected: false
      }
    },
    methods: {<commit_msg>check for null content<commit_after><template>
  <div class="facet" id="">
    <div class="">
      <div class="panel-group" id="accordion">
        <div class="panel panel-default">
          <div class="panel-heading">
            <a data-toggle="collapse" v-bind:href="'#facet-' + this.id"><h4 class="panel-title">{{title}}</h4></a>
          </div>
          <div v-bind:id="'facet-' + id" class="panel-collapse collapse in">
            <ul class="list-group">
              <li>
                <label>
                  <input type="checkbox" class="select-all" id="select_all"
                    v-model="allSelected"/>
                  Select <span v-show="allSelected">None</span><span v-show="!allSelected">All</span>
                </label>
              </li>
              <ul v-for="(features, group) in outline" class="displayFeaturesList">
                <label>{{group}}</label>
                <li v-for="(value, index) in features" class="list-group-item">
                  <label>
                    <input type="checkbox" class="checker"
                      v-bind:value="value"
                      v-bind:checked="selected[value] || allSelected"
                      v-on:change="updateSelection"/>
                    <span>{{ value }} ({{content ? content[value] : 0}})</span>
                  </label>
                </li>
              </ul>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>

</template>

<script>
  export default {
    props: ['title', 'outline', 'constraint', 'content'],
    data: function() {
      return {
        id: -1,
        selected: {},
        allSelected: false
      }
    },
    methods: {
{'fraction_non_alphanumeric': 0.17298578199052134, 'fraction_numerical': 0.002369668246445498, 'mean_word_length': 1.5661094224924013, 'pattern_counts': {'":': 0, '<': 85, '<?xml version=': 0, '>': 85, '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': '6406221', 'n_tokens_mistral': 994, 'n_tokens_neox': 939, 'n_words': 190}