<commit_before><template>

  <form
    class="search-box"
    @submit.prevent="search"
    @keydown.esc.prevent="handleEscKey"
  >
    <div class="search-box-row">
      <label class="visuallyhidden" for="searchfield">{{ $tr('searchBoxLabel') }}</label>
      <input
        id="searchfield"
        ref="searchInput"
        v-model.trim="searchQuery"
        type="search"
        :class="[ 'search-input', $computedClass(searchInputStyle) ]"
        :style="{ color: $coreTextDefault }"
        dir="auto"
        :placeholder="$tr('searchBoxLabel')"
      >
      <div class="search-buttons-wrapper">
        <UiIconButton
          color="black"
          size="small"
          class="search-clear-button"
          :class="searchQuery === '' ? '' : 'search-clear-button-visible'"
          :style="{ color: $coreTextDefault }"
          :ariaLabel="$tr('clearButtonLabel')"
          @click="searchQuery = ''"
        >
          <mat-svg
            name="clear"
            category="content"
          />
        </UiIconButton>

        <div class="search-submit-button-wrapper" :style="{ backgroundColor: $themeTokens.primaryDark }"><commit_msg>fix linting<commit_after><template>

  <form
    class="search-box"
    @submit.prevent="search"
    @keydown.esc.prevent="handleEscKey"
  >
    <div class="search-box-row">
      <label class="visuallyhidden" for="searchfield">{{ $tr('searchBoxLabel') }}</label>
      <input
        id="searchfield"
        ref="searchInput"
        v-model.trim="searchQuery"
        type="search"
        :class="[ 'search-input', $computedClass(searchInputStyle) ]"
        :style="{ color: $coreTextDefault }"
        dir="auto"
        :placeholder="$tr('searchBoxLabel')"
      >
      <div class="search-buttons-wrapper">
        <UiIconButton
          color="black"
          size="small"
          class="search-clear-button"
          :class="searchQuery === '' ? '' : 'search-clear-button-visible'"
          :style="{ color: $coreTextDefault }"
          :ariaLabel="$tr('clearButtonLabel')"
          @click="searchQuery = ''"
        >
          <mat-svg
            name="clear"
            category="content"
          />
        </UiIconButton>

        <div
          class="search-submit-button-wrapper"
          :style="{ backgroundColor: $themeTokens.primaryDark }"
        >
{'fraction_non_alphanumeric': 0.16232379325074756, 'fraction_numerical': 0.0, 'mean_word_length': 2.2847124824684433, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 25, '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': '1557948', 'n_tokens_mistral': 690, 'n_tokens_neox': 677, 'n_words': 95}