<commit_before>Ext.ux.form.trigger.Clear
=====================================

Ext JS 5 trigger that adds a clear icon to textfields and comboboxes. A click on this icon clears the value of the field.


**Examples**:


- Adds a clear trigger to a textfield that is only visible when the field has a value/text
  ```
  { 
    xtype: 'textfield',
    name: 'aSimpleTextField',
    fieldLabel: 'A textfield',
    triggers: {
      clear: {
        type: 'clear'
      }
    }
  }
  ```


- Adds a clear trigger to a combobox that is always visible
  ```
  {
    xtype: 'combobox',
    displayField: 'label',
    valueField: 'value',
    store: store,
    triggers: {
      clear: {
        type: 'clear',
        hideWhenEmpty: false
      }
    }
  }
  ```


- Adds a clear trigger to a textfield that is only visible when the field has a value 
and the mouse hovers over the field
  ```
  {
    xtype: 'textfield',
    name: 'aSimpleTextField',
    fieldLabel: 'A textfield',
    triggers: {
      clear: {
        type: 'clear',
        hideWhenMouseOut: true
      }
    }
  }
  ```
<commit_msg>Add link to online demo<commit_after>Ext.ux.form.trigger.Clear
=====================================

Ext JS 5 trigger that adds a clear icon to textfields and comboboxes. A click on this icon clears the value of the field.

See the online demo: http://ralscha.github.io/Ext.ux.form.trigger.Clear

**Examples**:


- Adds a clear trigger to a textfield that is only visible when the field has a value/text
  ```
  { 
    xtype: 'textfield',
    name: 'aSimpleTextField',
    fieldLabel: 'A textfield',
    triggers: {
      clear: {
        type: 'clear'
      }
    }
  }
  ```


- Adds a clear trigger to a combobox that is always visible
  ```
  {
    xtype: 'combobox',
    displayField: 'label',
    valueField: 'value',
    store: store,
    triggers: {
      clear: {
        type: 'clear',
        hideWhenEmpty: false
      }
    }
  }
  ```


- Adds a clear trigger to a textfield that is only visible when the field has a value 
and the mouse hovers over the field
  ```
  {
    xtype: 'textfield',
    name: 'aSimpleTextField',
    fieldLabel: 'A textfield',
    triggers: {
      clear: {
        type: 'clear',
        hideWhenMouseOut: true
      }
    }
  }
  ```

{'fraction_non_alphanumeric': 0.13488576449912126, 'fraction_numerical': 0.0008787346221441124, 'mean_word_length': 2.363367799113737, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '6140329', 'n_tokens_mistral': 734, 'n_tokens_neox': 710, 'n_words': 241}