<commit_before><div class="es-control" {{action "focus" on="mouseDown"}}>
  <div class="es-input">
    {{#if this.hasValues}}
      <span class="es-selections">
        {{#each @values as |option|}}
          <span {{action "remove" option}}>
            {{if (get option this.labelKey) (get option this.labelKey) option}} ×
          </span>
        {{/each}}
      </span>
    {{/if}}

    <input
      type="text"
      autocomplete="off"
      autofocus={{this.autofocus}}
      placeholder={{unless this.hasValues this.placeholder ""}}
      readonly={{unless this.canSearch "readonly"}}
      oninput={{action "change" value="target.value"}}
      onkeydown={{action "keypress"}}
      onfocus={{action "focus"}}
      onblur={{action "blur"}}
    >
  </div>

  {{#if this.canClear}}
    <span class="es-clear-zone" title="Clear" aria-label="Clear" {{action "clear"}}>
      <span class="es-clear">×</span>
    </span>
  {{/if}}

  {{#if this.hasDropdown}}
    <span class="es-arrow-zone" {{action "dropdown" on="mouseDown" bubbles=false}}>
      <span class="es-arrow"></span>
    </span>
  {{/if}}
</div>

{{#if this.isOpen}}
  <div class="es-options">
    {{component dropdown
      parent=this
      model=@model
      token=this.token
      values=@values
      labelKey=this.labelKey
      valueKey=this.valueKey
      freeText=this.freeText
      shouldFilter=this.shouldFilter
      select=(action "select")
    }}
  </div>
{{/if}}<commit_msg>Use this for dropdown type<commit_after><div class="es-control" {{action "focus" on="mouseDown"}}>
  <div class="es-input">
    {{#if this.hasValues}}
      <span class="es-selections">
        {{#each @values as |option|}}
          <span {{action "remove" option}}>
            {{if (get option this.labelKey) (get option this.labelKey) option}} ×
          </span>
        {{/each}}
      </span>
    {{/if}}

    <input
      type="text"
      autocomplete="off"
      autofocus={{this.autofocus}}
      placeholder={{unless this.hasValues this.placeholder ""}}
      readonly={{unless this.canSearch "readonly"}}
      oninput={{action "change" value="target.value"}}
      onkeydown={{action "keypress"}}
      onfocus={{action "focus"}}
      onblur={{action "blur"}}
    >
  </div>

  {{#if this.canClear}}
    <span class="es-clear-zone" title="Clear" aria-label="Clear" {{action "clear"}}>
      <span class="es-clear">×</span>
    </span>
  {{/if}}

  {{#if this.hasDropdown}}
    <span class="es-arrow-zone" {{action "dropdown" on="mouseDown" bubbles=false}}>
      <span class="es-arrow"></span>
    </span>
  {{/if}}
</div>

{{#if this.isOpen}}
  <div class="es-options">
    {{component this.dropdown
      parent=this
      model=@model
      token=this.token
      values=@values
      labelKey=this.labelKey
      valueKey=this.valueKey
      freeText=this.freeText
      shouldFilter=this.shouldFilter
      select=(action "select")
    }}
  </div>
{{/if}}
{'fraction_non_alphanumeric': 0.18860845839017734, 'fraction_numerical': 0.0, 'mean_word_length': 2.8490813648293964, 'pattern_counts': {'":': 0, '<': 41, '<?xml version=': 0, '>': 41, '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': '2750905', 'n_tokens_mistral': 977, 'n_tokens_neox': 968, 'n_words': 193}