<commit_before><template>
  <!--
    ===================================================
   Analytics Opt-in Dialog
    ===================================================
    -->
  <div>
    <v-dialog
      :value="!displayedTrackingPopup"
      width="360"
      max-width="360"
      overlay-opacity="0"
      :content-class="
        $vuetify.breakpoint.smAndUp
          ? 'position-right matomo-analytics-dialog ma-0'
          : 'matomo-analytics-dialog ma-0'
      "
      scrollable
    >
      <v-card>
        <!--
    ===================================================
   Titles
    ===================================================
    -->
        <v-card-text class="pa-0">
          <div
            class="
              titlePrimary--text
              mew-heading-2
              font-weight-regular
              pa-8
              pb-4
            "
          >
            <span v-if="!onWhatWeCollect" class="break-word"
              >Help us make MEW better by allowing us to measure a few
              things?</span
            >
            <span v-else class="cursor-pointer" @click="backToOverview"
              ><v-icon class="mb-1" color="titleSecondary" size="30px">
                mdi-chevron-left
              </v-icon>
              Back to overview</span
            >
          </div>
          <!--
    ===================================================
   Content (on mount)
    ===================================================
    -->
          <div v-if="!onWhatWeCollect">
            <div
              v-for="(option, idx) in options"
              :key="idx"
              :class="option.clickFn ? 'cursor--pointer clickable-content' : ''"
            >
              <v-divider />
              <v-row class="ma-0" @click="option.clickFn">
                <v-col v-if="option.iconLeft" class="py-13 pl-9" cols="2">
                  <v-icon :color="option.color">
                    {{ option.iconLeft }}
                  </v-icon>
                </v-col>
                <v-col cols="8" :class="['py-4 pl-6', option.color + '--text']">
                  <p
                    v-if="option.title"
                    class="font-weight-bold mb-2 titlePrimary--text"
                  >
                    {{ option.title }}
                  </p>
                  <p v-if="option.text" class="mb-0">
                    {{ option.text }}
                  </p>
                  <div :class="option.linkClass">
                    <a
                      :href="option.link"
                      rel="noopener noreferrer"
                      target="_blank"
                      >{{ option.linkText }}
                      <v-icon
                        v-if="option.linkIcon"
                        size="small"
                        color="primary"
                      >
                        {{ option.linkIcon }}</v-icon
                      ></a
                    >
                  </div>
                </v-col>
                <v-col v-if="option.iconRight" class="py-13 pr-7" cols="2">
                  <v-icon :color="option.color">
                    {{ option.iconRight }}
                  </v-icon>
                </v-col>
              </v-row>
            </div>
          </div>
          <!--
    ===================================================
   Content (expanded on: What we collect)
    ===================================================
    -->
          <div v-show="onWhatWeCollect">
            <v-divider />
            <div class="py-4 px-8">
              <p class="font-weight-bold titlePrimary--text mb-2">
                What we collect
              </p>
              <ul class="what-we-collect-ul titleSecondary--text pl-5">
                <li
                  v-for="(item, idx) in whatWeCollectItems"
                  :key="item + idx"
                  class="pb-1"<commit_msg>ui: 🎨 fix padding<commit_after><template>
  <!--
    ===================================================
   Analytics Opt-in Dialog
    ===================================================
    -->
  <div>
    <v-dialog
      :value="!displayedTrackingPopup"
      width="360"
      max-width="360"
      overlay-opacity="0"
      :content-class="
        $vuetify.breakpoint.smAndUp
          ? 'position-right matomo-analytics-dialog ma-0'
          : 'matomo-analytics-dialog ma-0'
      "
      scrollable
    >
      <v-card>
        <!--
    ===================================================
   Titles
    ===================================================
    -->
        <v-card-text class="pa-0">
          <div
            class="
              titlePrimary--text
              mew-heading-2
              font-weight-regular
              pa-8
              pb-4
            "
          >
            <span v-if="!onWhatWeCollect" class="break-word"
              >Help us make MEW better by allowing us to measure a few
              things?</span
            >
            <span v-else class="cursor-pointer" @click="backToOverview"
              ><v-icon class="mb-1" color="titleSecondary" size="30px">
                mdi-chevron-left
              </v-icon>
              Back to overview</span
            >
          </div>
          <!--
    ===================================================
   Content (on mount)
    ===================================================
    -->
          <div v-if="!onWhatWeCollect">
            <div
              v-for="(option, idx) in options"
              :key="idx"
              :class="option.clickFn ? 'cursor--pointer clickable-content' : ''"
            >
              <v-divider />
              <v-row class="ma-0" @click="option.clickFn">
                <v-col v-if="option.iconLeft" class="pt-13 pl-9" cols="2">
                  <v-icon :color="option.color">
                    {{ option.iconLeft }}
                  </v-icon>
                </v-col>
                <v-col cols="8" :class="['py-4 pl-6', option.color + '--text']">
                  <p
                    v-if="option.title"
                    class="font-weight-bold mb-2 titlePrimary--text"
                  >
                    {{ option.title }}
                  </p>
                  <p v-if="option.text" class="mb-0">
                    {{ option.text }}
                  </p>
                  <div :class="option.linkClass">
                    <a
                      :href="option.link"
                      rel="noopener noreferrer"
                      target="_blank"
                      >{{ option.linkText }}
                      <v-icon
                        v-if="option.linkIcon"
                        size="small"
                        color="primary"
                      >
                        {{ option.linkIcon }}</v-icon
                      ></a
                    >
                  </div>
                </v-col>
                <v-col v-if="option.iconRight" class="pt-13 pr-7" cols="2">
                  <v-icon :color="option.color">
                    {{ option.iconRight }}
                  </v-icon>
                </v-col>
              </v-row>
            </div>
          </div>
          <!--
    ===================================================
   Content (expanded on: What we collect)
    ===================================================
    -->
          <div v-show="onWhatWeCollect">
            <v-divider />
            <div class="py-4 px-8">
              <p class="font-weight-bold titlePrimary--text mb-2">
                What we collect
              </p>
              <ul class="what-we-collect-ul titleSecondary--text pl-5">
                <li
                  v-for="(item, idx) in whatWeCollectItems"
                  :key="item + idx"
                  class="pb-1"
{'fraction_non_alphanumeric': 0.22506393861892582, 'fraction_numerical': 0.008951406649616368, 'mean_word_length': 1.1628871681415929, 'pattern_counts': {'":': 0, '<': 105, '<?xml version=': 0, '>': 103, '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': '5318420', 'n_tokens_mistral': 2111, 'n_tokens_neox': 1948, 'n_words': 336}