<commit_before><template>
  <div>
    <div class="layout-padding input-example" style="max-width: 600px;">
      <q-input ref="xi" :attributes="{gigi: 'yes'}" @change="onChange" v-model="text" />
      <q-btn @click="$refs.xi.select()">Select</q-btn>
      <q-input v-model="text" stack-label="Stack Label" />
      <q-card>
        <q-card-title class="bg-dark text-white q-px-small q-py-smaller">Text value: {{JSON.stringify(text)}}</q-card-title>
        <q-card-main>
          <q-input v-model="text" float-label="Text" placeholder="Placeholder" @input="onInput" @change="onChange" clearable />
          <q-input v-model="text" hide-underline float-label="Text (hide underline)" placeholder="Placeholder" @input="onInput" @change="onChange" clearable />
          <q-input :value="text" float-label="Text (onChange)" placeholder="Placeholder" @input="onInput" @change="val => { text = val, onChange(val) }" clearable />
        </q-card-main>
      </q-card>

      <q-card>
        <q-card-title class="bg-dark text-white q-px-small q-py-smaller">Numeric value: {{JSON.stringify(numberNull)}}</q-card-title>
        <q-card-main>
          <q-input v-model="numberNull" type="number" prefix="$" float-label="Number (initial null)" @input="onInput" @change="onChange" clearable />
          <q-input :value="numberNull" type="number" prefix="$" float-label="Number (initial null, onChange)" @input="onInput" @change="val => { numberNull = val, onChange(val) }" clearable />
          <q-input v-model="numberNull" type="number" :decimals="2" prefix="$" float-label="Number (initial null, 2 decimals)" @input="onInput" @change="onChange" clearable />
          <q-input :value="numberNull" type="number" :decimals="2" prefix="$" float-label="Number (initial null, 2 decimals, onChange)" @input="onInput" @change="val => { numberNull = val, onChange(val) }" clearable />
        </q-card-main>
      </q-card>

      <q-card>
        <q-card-title class="bg-dark text-white q-px-small q-py-smaller">Numeric value: {{JSON.stringify(numberInt)}}</q-card-title>
        <q-card-main>
          <q-input v-model="numberInt" type="number" prefix="$" float-label="Number (initial int)" @input="onInput" @change="onChange" clearable />
          <q-input :value="numberInt" type="number" prefix="$" float-label="Number (initial int, onChange)" @input="onInput" @change="val => { numberInt = val, onChange(val) }" clearable />
          <q-input v-model="numberInt" type="number" :decimals="2" prefix="$" float-label="Number (initial int, 2 decimals)" @input="onInput" @change="onChange" clearable />
          <q-input :value="numberInt" type="number" :decimals="2" prefix="$" float-label="Number (initial int, 2 decimals, onChange)" @input="onInput" @change="val => { numberInt = val, onChange(val) }" clearable />
        </q-card-main>
      </q-card>

      <q-card>
        <q-card-title class="bg-dark text-white q-px-small q-py-smaller">Numeric value: {{JSON.stringify(numberFloat)}}</q-card-title>
        <q-card-main>
          <q-input v-model="numberFloat" type="number" prefix="$" float-label="Number (initial float)" @input="onInput" @change="onChange" clearable />
          <q-input :value="numberFloat" type="number" prefix="$" float-label="Number (initial float, onChange)" @input="onInput" @change="val => { numberFLoat = val, onChange(val) }" clearable />
          <q-input v-model="numberFloat" type="number" :decimals="2" prefix="$" float-label="Number (initial float, 2 decimals)" @input="onInput" @change="onChange" clearable />
          <q-input :value="numberFloat" type="number" :decimals="2" prefix="$" float-label="Number (initial float, 2 decimals, onChange)" @input="onInput" @change="val => { numberFloat = val, onChange(val) }" clearable />
        </q-card-main>
      </q-card>

      <q-card>
        <q-card-title class="bg-dark text-white q-px-small q-py-smaller">Numeric value: {{JSON.stringify(numberFloatText)}}</q-card-title>
        <q-card-main>
          <q-input v-model="numberFloatText" type="number" prefix="$" float-label="Number (initial float as text)" @input="onInput" @change="onChange" clearable />
          <q-input :value="numberFloatText" type="number" prefix="$" float-label="Number (initial float as text, onChange)" @input="onInput" @change="val => { numberFloatText = val, onChange(val) }" clearable />
          <q-input v-model="numberFloatText" type="number" :decimals="2" prefix="$" float-label="Number (initial float as text, 2 decimals)" @input="onInput" @change="onChange" clearable />
          <q-input :value="numberFloatText" type="number" :decimals="2" prefix="$" float-label="Number (initial float as text, 2 decimals, onChange)" @input="onInput" @change="val => { numberFloatText = val, onChange(val) }" clearable />
        </q-card-main>
      </q-card>

      <q-card>
        <q-card-title class="bg-dark text-white q-px-small q-py-smaller">Password: {{JSON.stringify(text)}}</q-card-title>
        <q-card-main>
          <q-input v-model="text" type="password" float-label="Password" @input="onInput" @change="onChange" />
          <q-input :value="text" type="password" float-label="Password (onChange)" @input="onInput" @change="val => { text = val, onChange(val) }" />
          <q-input v-model="text" type="password" float-label="Password" @input="onInput" @change="onChange" clearable />
          <q-input :value="text" type="password" float-label="Password (onChange)" @input="onInput" @change="val => { text = val, onChange(val) }" clearable />
        </q-card-main>
      </q-card>

      <q-input v-model="text" suffix="@gmail.com" float-label="Clearable" clearable />
      <q-input v-model="text" type="password" float-label="Password & no-pass-toggle" no-pass-toggle />

      <q-input disable v-model="text" float-label="Float Label disabled" placeholder="Gigi" />
      <q-input inverted disable v-model="text" float-label="Float Label disabled" placeholder="Gigi" clearable />

      <q-input readonly v-model="text" float-label="Float Label readonly" placeholder="Gigi" />
      <q-input inverted readonly v-model="text" float-label="Float Label readonly" placeholder="Gigi" clearable />

      <q-input v-model="text" float-label="Colored" color="amber" />
      <q-input v-model="text" float-label="Colored" color="amber" error />

      <q-input v-model="text" float-label="Has warning" warning />
      <q-input v-model="text" float-label="Has both error and warning" error warning />
<commit_msg>QInput - No Number Toggle - Demo Tests (#1471)<commit_after><template>
  <div>
    <div class="layout-padding input-example" style="max-width: 600px;">
      <q-input ref="xi" :attributes="{gigi: 'yes'}" @change="onChange" v-model="text" />
      <q-btn @click="$refs.xi.select()">Select</q-btn>
      <q-input v-model="text" stack-label="Stack Label" />
      <q-card>
        <q-card-title class="bg-dark text-white q-px-small q-py-smaller">Text value: {{JSON.stringify(text)}}</q-card-title>
        <q-card-main>
          <q-input v-model="text" float-label="Text" placeholder="Placeholder" @input="onInput" @change="onChange" clearable />
          <q-input v-model="text" hide-underline float-label="Text (hide underline)" placeholder="Placeholder" @input="onInput" @change="onChange" clearable />
          <q-input :value="text" float-label="Text (onChange)" placeholder="Placeholder" @input="onInput" @change="val => { text = val, onChange(val) }" clearable />
        </q-card-main>
      </q-card>

      <q-card>
        <q-card-title class="bg-dark text-white q-px-small q-py-smaller">Numeric value: {{JSON.stringify(numberNull)}}</q-card-title>
        <q-card-main>
          <q-input v-model="numberNull" type="number" prefix="$" float-label="Number (initial null)" @input="onInput" @change="onChange" clearable />
          <q-input :value="numberNull" type="number" prefix="$" float-label="Number (initial null, onChange)" @input="onInput" @change="val => { numberNull = val, onChange(val) }" clearable />
          <q-input v-model="numberNull" type="number" :decimals="2" prefix="$" float-label="Number (initial null, 2 decimals)" @input="onInput" @change="onChange" clearable />
          <q-input :value="numberNull" type="number" :decimals="2" prefix="$" float-label="Number (initial null, 2 decimals, onChange)" @input="onInput" @change="val => { numberNull = val, onChange(val) }" clearable />
        </q-card-main>
      </q-card>

      <q-card>
        <q-card-title class="bg-dark text-white q-px-small q-py-smaller">Numeric value: {{JSON.stringify(numberInt)}}</q-card-title>
        <q-card-main>
          <q-input v-model="numberInt" type="number" prefix="$" float-label="Number (initial int)" @input="onInput" @change="onChange" clearable />
          <q-input :value="numberInt" type="number" prefix="$" float-label="Number (initial int, onChange)" @input="onInput" @change="val => { numberInt = val, onChange(val) }" clearable />
          <q-input v-model="numberInt" type="number" :decimals="2" prefix="$" float-label="Number (initial int, 2 decimals)" @input="onInput" @change="onChange" clearable />
          <q-input :value="numberInt" type="number" :decimals="2" prefix="$" float-label="Number (initial int, 2 decimals, onChange)" @input="onInput" @change="val => { numberInt = val, onChange(val) }" clearable />
        </q-card-main>
      </q-card>

      <q-card>
        <q-card-title class="bg-dark text-white q-px-small q-py-smaller">Numeric value: {{JSON.stringify(numberFloat)}}</q-card-title>
        <q-card-main>
          <q-input v-model="numberFloat" type="number" prefix="$" float-label="Number (initial float)" @input="onInput" @change="onChange" clearable />
          <q-input :value="numberFloat" type="number" prefix="$" float-label="Number (initial float, onChange)" @input="onInput" @change="val => { numberFLoat = val, onChange(val) }" clearable />
          <q-input v-model="numberFloat" type="number" :decimals="2" prefix="$" float-label="Number (initial float, 2 decimals)" @input="onInput" @change="onChange" clearable />
          <q-input :value="numberFloat" type="number" :decimals="2" prefix="$" float-label="Number (initial float, 2 decimals, onChange)" @input="onInput" @change="val => { numberFloat = val, onChange(val) }" clearable />
        </q-card-main>
      </q-card>

      <q-card>
        <q-card-title class="bg-dark text-white q-px-small q-py-smaller">Numeric value: {{JSON.stringify(numberFloatText)}}</q-card-title>
        <q-card-main>
          <q-input v-model="numberFloatText" type="number" prefix="$" float-label="Number (initial float as text)" @input="onInput" @change="onChange" clearable />
          <q-input :value="numberFloatText" type="number" prefix="$" float-label="Number (initial float as text, onChange)" @input="onInput" @change="val => { numberFloatText = val, onChange(val) }" clearable />
          <q-input v-model="numberFloatText" type="number" :decimals="2" prefix="$" float-label="Number (initial float as text, 2 decimals)" @input="onInput" @change="onChange" clearable />
          <q-input :value="numberFloatText" type="number" :decimals="2" prefix="$" float-label="Number (initial float as text, 2 decimals, onChange)" @input="onInput" @change="val => { numberFloatText = val, onChange(val) }" clearable />
        </q-card-main>
      </q-card>

      <q-card>
        <q-card-title class="bg-dark text-white q-px-small q-py-smaller">Numeric value: {{JSON.stringify(numberInt)}}, No Number Toggle</q-card-title>
        <q-card-main>
          <q-input v-model="numberInt" type="number" prefix="$" float-label="Number (initial int)" @input="onInput" @change="onChange" clearable no-number-toggle />
          <q-input :value="numberInt" type="number" prefix="$" float-label="Number (initial int, onChange)" @input="onInput" @change="val => { numberInt = val, onChange(val) }" clearable no-number-toggle />
          <q-input v-model="numberInt" type="number" :decimals="2" prefix="$" float-label="Number (initial int, 2 decimals)" @input="onInput" @change="onChange" clearable no-number-toggle />
          <q-input :value="numberInt" type="number" :decimals="2" prefix="$" float-label="Number (initial int, 2 decimals, onChange)" @input="onInput" @change="val => { numberInt = val, onChange(val) }" clearable no-number-toggle />
        </q-card-main>
      </q-card>
      
      <q-card>
        <q-card-title class="bg-dark text-white q-px-small q-py-smaller">Password: {{JSON.stringify(text)}}</q-card-title>
        <q-card-main>
          <q-input v-model="text" type="password" float-label="Password" @input="onInput" @change="onChange" />
          <q-input :value="text" type="password" float-label="Password (onChange)" @input="onInput" @change="val => { text = val, onChange(val) }" />
          <q-input v-model="text" type="password" float-label="Password" @input="onInput" @change="onChange" clearable />
          <q-input :value="text" type="password" float-label="Password (onChange)" @input="onInput" @change="val => { text = val, onChange(val) }" clearable />
        </q-card-main>
      </q-card>

      <q-input v-model="text" suffix="@gmail.com" float-label="Clearable" clearable />
      <q-input v-model="text" type="password" float-label="Password & no-pass-toggle" no-pass-toggle />

      <q-input disable v-model="text" float-label="Float Label disabled" placeholder="Gigi" />
      <q-input inverted disable v-model="text" float-label="Float Label disabled" placeholder="Gigi" clearable />

      <q-input readonly v-model="text" float-label="Float Label readonly" placeholder="Gigi" />
      <q-input inverted readonly v-model="text" float-label="Float Label readonly" placeholder="Gigi" clearable />

      <q-input v-model="text" float-label="Colored" color="amber" />
      <q-input v-model="text" float-label="Colored" color="amber" error />

      <q-input v-model="text" float-label="Has warning" warning />
      <q-input v-model="text" float-label="Has both error and warning" error warning />

{'fraction_non_alphanumeric': 0.19120051176345157, 'fraction_numerical': 0.003269599829412183, 'mean_word_length': 3.926470588235294, 'pattern_counts': {'":': 0, '<': 165, '<?xml version=': 0, '>': 189, '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': '2986855', 'n_tokens_mistral': 4538, 'n_tokens_neox': 4478, 'n_words': 950}