<commit_before><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  <title>Choices</title>
  <meta name=description itemprop=description content="A lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.">
  <link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon.png">
  <link rel="icon" type="image/png" href="assets/images/favicon-32x32.png" sizes="32x32">
  <link rel="icon" type="image/png" href="assets/images/favicon-16x16.png" sizes="16x16">
  <link rel="manifest" href="assets/images/manifest.json">
  <link rel="mask-icon" href="assets/images/safari-pinned-tab.svg" color="#00bcd4">
  <link rel="shortcut icon" href="assets/images/favicon.ico">
  <meta name="msapplication-config" content="/assets/images/browserconfig.xml">
  <meta name="theme-color" content="#ffffff">

  <!-- Ignore these -->
  <link rel="stylesheet" href="assets/styles/css/base.min.css?version=2.1.0">
  <!-- End ignore these -->

  <!-- Optional includes -->
  <script src="https://cdn.polyfill.io/v2/polyfill.js?features=es5,fetch,Element.prototype.classList,requestAnimationFrame,Node.insertBefore,Node.firstChild"></script>
  <!-- End optional includes -->

  <!-- Choices includes -->
  <link rel="stylesheet" href="assets/styles/css/choices.min.css?version=2.1.0">
  <script src="assets/scripts/dist/choices.min.js?version=2.1.0"></script>
  <!-- End Choices includes -->

  <!--[if lt IE 9]>
    <style>
        .hidden-ie { display: none; }
        .visible-ie { display: block; }
    </style>
    <![endif]-->
</head>
<body>
  <div class="container">
    <div class="section">
      <img src="assets/images/logo.svg" alt="Choices.js logo" class="logo hidden-ie">
      <h1 class="visible-ie">Choices.js</h1>
      <p>Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.</p>
      <p>For all config options, visit the <a href="https://github.com/jshjohnson/Choices">GitHub repo</a>.</p>

      <hr>

      <h2>Text inputs</h2>
      <label for="choices-text-remove-button">Limited to 5 values with remove button</label>
      <input class="form-control" id="choices-text-remove-button" type="text" value="preset-1,preset-2" placeholder="Enter something">

      <label for="choices-text-unique-values">Unique values only, no pasting</label>
      <input class="form-control" id="choices-text-unique-values" type="text" value="preset-1, preset-2" placeholder="This is a placeholder" class="custom class">

      <label for="choices-text-email-filter">Email addresses only</label>
      <input class="form-control" id="choices-text-email-filter" type="text" placeholder="This is a placeholder">

      <label for="choices-text-disabled">Disabled</label>
      <input class="form-control" id="choices-text-disabled" type="text" value="<EMAIL>, <EMAIL>" placeholder="This is a placeholder">

      <label for="choices-text-prepend-append-value">Prepends and appends a value to each items return value</label>
      <input class="form-control" id="choices-text-prepend-append-value" type="text" value="preset-1, preset-2" placeholder="This is a placeholder">

      <label for="choices-text-preset-values">Preset values passed through options</label>
      <input class="form-control" id="choices-text-preset-values" type="text" value="<EMAIL>" placeholder="This is a placeholder">

      <label for="choices-text-preset-values">Right-to-left</label>
      <input class="form-control" data-choice id="choices-text-rtl" type="text" value="Value 1, Value 2" dir="rtl">

      <hr>

      <h2>Multiple select input</h2>
      <label for="choices-multiple-default">Default</label>
      <select class="form-control" data-choice name="choices-multiple-default" id="choices-multiple-default" placeholder="This is a placeholder" multiple>
        <option value="Dropdown item 1" selected>Dropdown item 1</option>
        <option value="Dropdown item 2">Dropdown item 2</option>
        <option value="Dropdown item 3">Dropdown item 3</option>
        <option value="Dropdown item 4" disabled>Dropdown item 4</option>
      </select>

      <label for="choices-multiple-groups">Option groups</label>
      <select class="form-control" data-choice name="choices-multiple-groups" id="choices-multiple-groups" placeholder="This is a placeholder" multiple>
        <optgroup label="UK">
          <option value="London">London</option>
          <option value="Manchester">Manchester</option>
          <option value="Liverpool">Liverpool</option>
        </optgroup>
        <optgroup label="FR">
          <option value="Paris">Paris</option>
          <option value="Lyon">Lyon</option>
          <option value="Marseille">Marseille</option>
        </optgroup>
        <optgroup label="DE" disabled>
          <option value="Hamburg">Hamburg</option>
          <option value="Munich">Munich</option>
          <option value="Berlin">Berlin</option>
        </optgroup>
        <optgroup label="US">
          <option value="New York">New York</option>
          <option value="Washington" disabled>Washington</option>
          <option value="Michigan">Michigan</option>
        </optgroup>
        <optgroup label="SP">
          <option value="Madrid">Madrid</option>
          <option value="Barcelona">Barcelona</option>
          <option value="Malaga">Malaga</option>
        </optgroup>
        <optgroup label="CA">
          <option value="Montreal">Montreal</option>
          <option value="Toronto">Toronto</option>
          <option value="Vancouver">Vancouver</option>
        </optgroup>
      </select>

      <label for="choices-multiple-remote-fetch">Options from remote source (Fetch API) &amp; limited to 5</label>
      <select class="form-control" name="choices-multiple-remote-fetch" id="choices-multiple-remote-fetch" multiple></select>

      <label for="choices-multiple-rtl">Right-to-left</label>
      <select class="form-control" data-choice name="choices-multiple-rtl" id="choices-multiple-rtl" placeholder="This is a placeholder" multiple dir="rtl">
        <option value="Dropdown item 1" selected>Dropdown item 1</option>
        <option value="Dropdown item 2">Dropdown item 2</option>
        <option value="Dropdown item 3">Dropdown item 3</option>
        <option value="Dropdown item 4" disabled>Dropdown item 4</option>
      </select>

      <hr>

      <h2>Single select input</h2>
      <label for="choices-single-default">Default</label>
      <select class="form-control" data-choice name="choices-single-default" id="choices-single-default" placeholder="This is a search placeholder">
        <option selected disabled>This is a placeholder</option>
        <option value="Dropdown item 1">Dropdown item 1</option>
        <option value="Dropdown item 2">Dropdown item 2</option>
        <option value="Dropdown item 3">Dropdown item 3</option>
      </select>

      <label for="choices-single-remote-fetch">Options from remote source (Fetch API)</label>
      <p><small>If this doesn't work, the Discogs rate limit has probably been reached. Try again later!</small></p>
      <select class="form-control" name="choices-single-remote-fetch" id="choices-single-remote-fetch" placeholder="Pick an Arctic Monkeys record"></select>

      <label for="choices-single-remove-xhr">Options from remote source (XHR) &amp; remove button</label>
      <p><small>If this doesn't work, the Discogs rate limit has probably been reached. Try again later!</small></p>
      <select class="form-control" name="choices-single-remove-xhr" id="choices-single-remove-xhr" placeholder="Pick a Smiths record"></select>

      <label for="choices-single-groups">Option groups</label>
      <select class="form-control" data-choice name="choices-single-groups" id="choices-single-groups" placeholder="This is a placeholder">
        <optgroup label="UK">
          <option value="London">London</option>
          <option value="Manchester">Manchester</option>
          <option value="Liverpool">Liverpool</option>
        </optgroup>
        <optgroup label="FR">
          <option value="Paris">Paris</option>
          <option value="Lyon">Lyon</option><commit_msg>Disclaimers<commit_after><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  <title>Choices</title>
  <meta name=description itemprop=description content="A lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.">
  <link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon.png">
  <link rel="icon" type="image/png" href="assets/images/favicon-32x32.png" sizes="32x32">
  <link rel="icon" type="image/png" href="assets/images/favicon-16x16.png" sizes="16x16">
  <link rel="manifest" href="assets/images/manifest.json">
  <link rel="mask-icon" href="assets/images/safari-pinned-tab.svg" color="#00bcd4">
  <link rel="shortcut icon" href="assets/images/favicon.ico">
  <meta name="msapplication-config" content="/assets/images/browserconfig.xml">
  <meta name="theme-color" content="#ffffff">

  <!-- Ignore these -->
  <link rel="stylesheet" href="assets/styles/css/base.min.css?version=2.1.0">
  <!-- End ignore these -->

  <!-- Optional includes -->
  <script src="https://cdn.polyfill.io/v2/polyfill.js?features=es5,fetch,Element.prototype.classList,requestAnimationFrame,Node.insertBefore,Node.firstChild"></script>
  <!-- End optional includes -->

  <!-- Choices includes -->
  <link rel="stylesheet" href="assets/styles/css/choices.min.css?version=2.1.0">
  <script src="assets/scripts/dist/choices.min.js?version=2.1.0"></script>
  <!-- End Choices includes -->

  <!--[if lt IE 9]>
    <style>
        .hidden-ie { display: none; }
        .visible-ie { display: block; }
    </style>
    <![endif]-->
</head>
<body>
  <div class="container">
    <div class="section">
      <img src="assets/images/logo.svg" alt="Choices.js logo" class="logo hidden-ie">
      <h1 class="visible-ie">Choices.js</h1>
      <p>Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.</p>
      <p>For all config options, visit the <a href="https://github.com/jshjohnson/Choices">GitHub repo</a>.</p>

      <hr>

      <h2>Text inputs</h2>
      <label for="choices-text-remove-button">Limited to 5 values with remove button</label>
      <input class="form-control" id="choices-text-remove-button" type="text" value="preset-1,preset-2" placeholder="Enter something">

      <label for="choices-text-unique-values">Unique values only, no pasting</label>
      <input class="form-control" id="choices-text-unique-values" type="text" value="preset-1, preset-2" placeholder="This is a placeholder" class="custom class">

      <label for="choices-text-email-filter">Email addresses only</label>
      <input class="form-control" id="choices-text-email-filter" type="text" placeholder="This is a placeholder">

      <label for="choices-text-disabled">Disabled</label>
      <input class="form-control" id="choices-text-disabled" type="text" value="<EMAIL>, <EMAIL>" placeholder="This is a placeholder">

      <label for="choices-text-prepend-append-value">Prepends and appends a value to each items return value</label>
      <input class="form-control" id="choices-text-prepend-append-value" type="text" value="preset-1, preset-2" placeholder="This is a placeholder">

      <label for="choices-text-preset-values">Preset values passed through options</label>
      <input class="form-control" id="choices-text-preset-values" type="text" value="<EMAIL>" placeholder="This is a placeholder">

      <label for="choices-text-preset-values">Right-to-left</label>
      <input class="form-control" data-choice id="choices-text-rtl" type="text" value="Value 1, Value 2" dir="rtl">

      <hr>

      <h2>Multiple select input</h2>
      <label for="choices-multiple-default">Default</label>
      <select class="form-control" data-choice name="choices-multiple-default" id="choices-multiple-default" placeholder="This is a placeholder" multiple>
        <option value="Dropdown item 1" selected>Dropdown item 1</option>
        <option value="Dropdown item 2">Dropdown item 2</option>
        <option value="Dropdown item 3">Dropdown item 3</option>
        <option value="Dropdown item 4" disabled>Dropdown item 4</option>
      </select>

      <label for="choices-multiple-groups">Option groups</label>
      <select class="form-control" data-choice name="choices-multiple-groups" id="choices-multiple-groups" placeholder="This is a placeholder" multiple>
        <optgroup label="UK">
          <option value="London">London</option>
          <option value="Manchester">Manchester</option>
          <option value="Liverpool">Liverpool</option>
        </optgroup>
        <optgroup label="FR">
          <option value="Paris">Paris</option>
          <option value="Lyon">Lyon</option>
          <option value="Marseille">Marseille</option>
        </optgroup>
        <optgroup label="DE" disabled>
          <option value="Hamburg">Hamburg</option>
          <option value="Munich">Munich</option>
          <option value="Berlin">Berlin</option>
        </optgroup>
        <optgroup label="US">
          <option value="New York">New York</option>
          <option value="Washington" disabled>Washington</option>
          <option value="Michigan">Michigan</option>
        </optgroup>
        <optgroup label="SP">
          <option value="Madrid">Madrid</option>
          <option value="Barcelona">Barcelona</option>
          <option value="Malaga">Malaga</option>
        </optgroup>
        <optgroup label="CA">
          <option value="Montreal">Montreal</option>
          <option value="Toronto">Toronto</option>
          <option value="Vancouver">Vancouver</option>
        </optgroup>
      </select>

      <p><small>If the following example do not load, the Discogs rate limit has probably been reached. Try again later!</small></p>

      <label for="choices-multiple-remote-fetch">Options from remote source (Fetch API) &amp; limited to 5</label>
      <select class="form-control" name="choices-multiple-remote-fetch" id="choices-multiple-remote-fetch" multiple></select>

      <label for="choices-multiple-rtl">Right-to-left</label>
      <select class="form-control" data-choice name="choices-multiple-rtl" id="choices-multiple-rtl" placeholder="This is a placeholder" multiple dir="rtl">
        <option value="Dropdown item 1" selected>Dropdown item 1</option>
        <option value="Dropdown item 2">Dropdown item 2</option>
        <option value="Dropdown item 3">Dropdown item 3</option>
        <option value="Dropdown item 4" disabled>Dropdown item 4</option>
      </select>

      <hr>

      <h2>Single select input</h2>
      <label for="choices-single-default">Default</label>
      <select class="form-control" data-choice name="choices-single-default" id="choices-single-default" placeholder="This is a search placeholder">
        <option selected disabled>This is a placeholder</option>
        <option value="Dropdown item 1">Dropdown item 1</option>
        <option value="Dropdown item 2">Dropdown item 2</option>
        <option value="Dropdown item 3">Dropdown item 3</option>
      </select>

      <p><small>If the following two examples do not load, the Discogs rate limit has probably been reached. Try again later!</small></p>

      <label for="choices-single-remote-fetch">Options from remote source (Fetch API)</label>
      <select class="form-control" name="choices-single-remote-fetch" id="choices-single-remote-fetch" placeholder="Pick an Arctic Monkeys record"></select>

      <label for="choices-single-remove-xhr">Options from remote source (XHR) &amp; remove button</label>
      <select class="form-control" name="choices-single-remove-xhr" id="choices-single-remove-xhr" placeholder="Pick a Smiths record"></select>

      <label for="choices-single-groups">Option groups</label>
      <select class="form-control" data-choice name="choices-single-groups" id="choices-single-groups" placeholder="This is a placeholder">
        <optgroup label="UK">
          <option value="London">London</option>
          <option value="Manchester">Manchester</option>
          <option value="Liverpool">Liverpool</option>
        </optgroup>
        <optgroup label="FR">
          <option value="Paris">Paris</option>
          <option value="Lyon">Lyon</option>
{'fraction_non_alphanumeric': 0.15558343789209536, 'fraction_numerical': 0.009679153970245564, 'mean_word_length': 3.83757225433526, 'pattern_counts': {'":': 0, '<': 407, '<?xml version=': 0, '>': 407, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 2}, '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': '6757113', 'n_tokens_mistral': 5151, 'n_tokens_neox': 4934, 'n_words': 1110}