<commit_before><template>
  <div>
    <div class="q-layout-padding" style="max-width: 1400px;">
      <h4>QMarkupTable</h4>
      <q-markup-table :separator="separator" wrap-cells>
        <thead>
          <tr>
            <th class="text-left">
              Dessert (100g serving)
            </th>
            <th class="text-right">
              Calories
            </th>
            <th class="text-right">
              Fat (g)
            </th>
            <th class="text-right">
              Carbs (g)
            </th>
            <th class="text-right">
              Protein (g)
            </th>
            <th class="text-right">
              Sodium (mg)
            </th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="text-left">
              Frozen Yogurt
            </td>
            <td class="text-right">
              159
            </td>
            <td class="text-right">
              6
            </td>
            <td class="text-right">
              24
            </td>
            <td class="text-right">
              4
            </td>
            <td class="text-right">
              87
            </td>
          </tr>
          <tr>
            <td class="text-left">
              Ice cream sandwich
            </td>
            <td class="text-right">
              237
            </td>
            <td class="text-right">
              9
            </td>
            <td class="text-right">
              37
            </td>
            <td class="text-right">
              4.3
            </td>
            <td class="text-right">
              129
            </td>
          </tr>
          <tr>
            <td class="text-left">
              Eclair
            </td>
            <td class="text-right">
              262
            </td>
            <td class="text-right">
              16
            </td>
            <td class="text-right">
              23
            </td>
            <td class="text-right">
              6
            </td>
            <td class="text-right">
              337
            </td>
          </tr>
          <tr>
            <td class="text-left">
              Cupcake
            </td>
            <td class="text-right">
              305
            </td>
            <td class="text-right">
              3.7
            </td>
            <td class="text-right">
              67
            </td>
            <td class="text-right">
              4.3
            </td>
            <td class="text-right">
              413
            </td>
          </tr>
          <tr>
            <td class="text-left">
              Gingerbread
            </td>
            <td class="text-right">
              356
            </td>
            <td class="text-right">
              16
            </td>
            <td class="text-right">
              49
            </td>
            <td class="text-right">
              3.9
            </td>
            <td class="text-right">
              327
            </td>
          </tr>
        </tbody>
      </q-markup-table>

      <h2>Popup editing</h2>
      <p class="caption">
        Click on Dessert or Calories cells.
      </p>
      <q-table
        :data="data"
        :columns="columns"
        :filter="filter"
        :title="title"
        binary-state-sort
        :rows-per-page-options="[]"
        row-key="name"
      >
        <template v-slot:body="props">
          <q-tr :props="props">
            <q-td key="desc" :props="props">
              {{ props.row.name }}
              <q-popup-edit
                content-class="bg-primary text-white"
                buttons
                color="white"
                v-model="props.row.name"
              >
                <q-input
                  type="textarea"
                  dark
                  color="white"
                  v-model="props.row.name"
                  autofocus
                  @keyup.enter.stop
                />
              </q-popup-edit>
            </q-td>
            <q-td key="calories" :props="props">
              {{ props.row.calories }}
              <q-popup-edit v-model="props.row.calories" title="Update calories" buttons>
                <q-input type="number" v-model="props.row.calories" dense autofocus />
              </q-popup-edit>
            </q-td>
            <q-td key="fat" :props="props">
              <div>
                {{ props.row.fat }}
              </div>
              <q-popup-edit v-model="props.row.fat">
                <q-input type="textarea" v-model="props.row.fat" dense autofocus />
              </q-popup-edit>
            </q-td>
            <q-td key="carbs" :props="props">
              {{ props.row.carbs }}
              <q-popup-edit v-model="props.row.carbs" title="Update carbs" buttons persistent>
                <q-input type="number" v-model="props.row.carbs" dense autofocus hint="Use buttons to close" />
              </q-popup-edit>
            </q-td>
            <q-td key="protein" :props="props">
              {{ props.row.protein }}
              <q-popup-edit v-model="props.row.protein">
                <q-input v-model="props.row.protein" dense autofocus counter />
              </q-popup-edit>
            </q-td>
            <q-td key="sodium" :props="props">
              {{ props.row.sodium }}
              <q-popup-edit persistent v-model="props.row.sodium" :validate="val => val > 10">
                <template v-slot:default="{ initialValue, value, emitValue, validate, set, cancel }">
                  <q-input
                    autofocus
                    dense
                    :value="value"
                    hint="Sodium level"
                    :rules="[
                      val => validate(value) || 'Please enter more than 10'
                    ]"
                    @input="emitValue"
                  ><commit_msg>Update data-table-part1.vue<commit_after><template>
  <div>
    <div class="q-layout-padding" style="max-width: 1400px;">
      <h4>QMarkupTable</h4>
      <q-markup-table :separator="separator" wrap-cells>
        <thead>
          <tr>
            <th class="text-left">
              Dessert (100g serving)
            </th>
            <th class="text-right">
              Calories
            </th>
            <th class="text-right">
              Fat (g)
            </th>
            <th class="text-right">
              Carbs (g)
            </th>
            <th class="text-right">
              Protein (g)
            </th>
            <th class="text-right">
              Sodium (mg)
            </th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="text-left">
              Frozen Yogurt
            </td>
            <td class="text-right">
              159
            </td>
            <td class="text-right">
              6
            </td>
            <td class="text-right">
              24
            </td>
            <td class="text-right">
              4
            </td>
            <td class="text-right">
              87
            </td>
          </tr>
          <tr>
            <td class="text-left">
              Ice cream sandwich
            </td>
            <td class="text-right">
              237
            </td>
            <td class="text-right">
              9
            </td>
            <td class="text-right">
              37
            </td>
            <td class="text-right">
              4.3
            </td>
            <td class="text-right">
              129
            </td>
          </tr>
          <tr>
            <td class="text-left">
              Eclair
            </td>
            <td class="text-right">
              262
            </td>
            <td class="text-right">
              16
            </td>
            <td class="text-right">
              23
            </td>
            <td class="text-right">
              6
            </td>
            <td class="text-right">
              337
            </td>
          </tr>
          <tr>
            <td class="text-left">
              Cupcake
            </td>
            <td class="text-right">
              305
            </td>
            <td class="text-right">
              3.7
            </td>
            <td class="text-right">
              67
            </td>
            <td class="text-right">
              4.3
            </td>
            <td class="text-right">
              413
            </td>
          </tr>
          <tr>
            <td class="text-left">
              Gingerbread
            </td>
            <td class="text-right">
              356
            </td>
            <td class="text-right">
              16
            </td>
            <td class="text-right">
              49
            </td>
            <td class="text-right">
              3.9
            </td>
            <td class="text-right">
              327
            </td>
          </tr>
        </tbody>
      </q-markup-table>

      <h2>Popup editing</h2>
      <p class="caption">
        Click on Dessert or Calories cells.
      </p>
      <q-table
        :data="data"
        :columns="columns"
        :filter="filter"
        :title="title"
        binary-state-sort
        :rows-per-page-options="[]"
        row-key="name"
      >
        <template v-slot:body="props">
          <q-tr :props="props">
            <q-td key="desc" :props="props">
              {{ props.row.name }}
              <q-popup-edit
                content-class="bg-primary text-white"
                buttons
                color="white"
                v-model="props.row.name"
              >
                <q-input
                  type="textarea"
                  dark
                  color="white"
                  v-model="props.row.name"
                  autofocus
                  @keyup.enter.stop
                />
              </q-popup-edit>
            </q-td>
            <q-td key="calories" :props="props">
              {{ props.row.calories }}
              <q-popup-edit v-model="props.row.calories" title="Update calories" buttons>
                <q-input type="number" v-model="props.row.calories" dense autofocus />
              </q-popup-edit>
            </q-td>
            <q-td key="fat" :props="props">
              <div>
                {{ props.row.fat }}
              </div>
              <q-popup-edit v-model="props.row.fat">
                <q-input type="textarea" v-model="props.row.fat" dense autofocus />
              </q-popup-edit>
            </q-td>
            <q-td key="carbs" :props="props">
              {{ props.row.carbs }}
              <q-popup-edit v-model="props.row.carbs" title="Update carbs" buttons persistent>
                <q-input type="number" v-model="props.row.carbs" dense autofocus hint="Use buttons to close" />
              </q-popup-edit>
            </q-td>
            <q-td key="protein" :props="props">
              {{ props.row.protein }}
              <q-popup-edit v-model="props.row.protein">
                <q-input v-model="props.row.protein" dense autofocus counter />
              </q-popup-edit>
            </q-td>
            <q-td key="sodium" :props="props">
              {{ props.row.sodium }}
              <q-popup-edit persistent v-model="props.row.sodium" :validate="val => val > 10">
                <template v-slot="{ initialValue, value, emitValue, validate, set, cancel }">
                  <q-input
                    autofocus
                    dense
                    :value="value"
                    hint="Sodium level"
                    :rules="[
                      val => validate(value) || 'Please enter more than 10'
                    ]"
                    @input="emitValue"
                  >
{'fraction_non_alphanumeric': 0.13816896667788622, 'fraction_numerical': 0.011864692022887917, 'mean_word_length': 0.9092369477911647, 'pattern_counts': {'":': 0, '<': 269, '<?xml version=': 0, '>': 275, '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': '129032', 'n_tokens_mistral': 3431, 'n_tokens_neox': 3253, 'n_words': 641}