govuk_publishing_components 43.3.0 → 43.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/images/govuk_publishing_components/icon-autocomplete-search-suggestion.svg +4 -0
- data/app/assets/javascripts/govuk_publishing_components/components/search-with-autocomplete.js +123 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss +5 -4
- data/app/assets/stylesheets/govuk_publishing_components/components/_phase-banner.scss +0 -2
- data/app/assets/stylesheets/govuk_publishing_components/components/_search-with-autocomplete.scss +200 -0
- data/app/views/govuk_publishing_components/components/_layout_header.html.erb +16 -40
- data/app/views/govuk_publishing_components/components/_search.html.erb +16 -14
- data/app/views/govuk_publishing_components/components/_search_with_autocomplete.html.erb +27 -0
- data/app/views/govuk_publishing_components/components/docs/layout_header.yml +0 -41
- data/app/views/govuk_publishing_components/components/docs/phase_banner.yml +4 -0
- data/app/views/govuk_publishing_components/components/docs/search_with_autocomplete.yml +61 -0
- data/lib/govuk_publishing_components/version.rb +1 -1
- data/node_modules/accessible-autocomplete/CHANGELOG.md +390 -0
- data/node_modules/accessible-autocomplete/CODEOWNERS +2 -0
- data/node_modules/accessible-autocomplete/CONTRIBUTING.md +161 -0
- data/node_modules/accessible-autocomplete/LICENSE.txt +20 -0
- data/node_modules/accessible-autocomplete/Procfile +1 -0
- data/node_modules/accessible-autocomplete/README.md +490 -0
- data/node_modules/accessible-autocomplete/accessibility-criteria.md +42 -0
- data/node_modules/accessible-autocomplete/app.json +15 -0
- data/node_modules/accessible-autocomplete/babel.config.js +29 -0
- data/node_modules/accessible-autocomplete/dist/accessible-autocomplete.min.css +3 -0
- data/node_modules/accessible-autocomplete/dist/accessible-autocomplete.min.css.map +1 -0
- data/node_modules/accessible-autocomplete/dist/accessible-autocomplete.min.js +2 -0
- data/node_modules/accessible-autocomplete/dist/accessible-autocomplete.min.js.map +1 -0
- data/node_modules/accessible-autocomplete/dist/lib/accessible-autocomplete.preact.min.js +2 -0
- data/node_modules/accessible-autocomplete/dist/lib/accessible-autocomplete.preact.min.js.map +1 -0
- data/node_modules/accessible-autocomplete/dist/lib/accessible-autocomplete.react.min.js +2 -0
- data/node_modules/accessible-autocomplete/dist/lib/accessible-autocomplete.react.min.js.map +1 -0
- data/node_modules/accessible-autocomplete/examples/form-single.html +379 -0
- data/node_modules/accessible-autocomplete/examples/form.html +673 -0
- data/node_modules/accessible-autocomplete/examples/index.html +738 -0
- data/node_modules/accessible-autocomplete/examples/preact/index.html +346 -0
- data/node_modules/accessible-autocomplete/examples/react/index.html +347 -0
- data/node_modules/accessible-autocomplete/package.json +93 -0
- data/node_modules/accessible-autocomplete/postcss.config.js +16 -0
- data/node_modules/accessible-autocomplete/preact.js +1 -0
- data/node_modules/accessible-autocomplete/react.js +1 -0
- data/node_modules/accessible-autocomplete/scripts/check-staged.mjs +16 -0
- data/node_modules/accessible-autocomplete/src/autocomplete.css +167 -0
- data/node_modules/accessible-autocomplete/src/autocomplete.js +608 -0
- data/node_modules/accessible-autocomplete/src/dropdown-arrow-down.js +11 -0
- data/node_modules/accessible-autocomplete/src/status.js +125 -0
- data/node_modules/accessible-autocomplete/src/wrapper.js +60 -0
- data/node_modules/accessible-autocomplete/test/functional/dropdown-arrow-down.js +46 -0
- data/node_modules/accessible-autocomplete/test/functional/index.js +793 -0
- data/node_modules/accessible-autocomplete/test/functional/wrapper.js +339 -0
- data/node_modules/accessible-autocomplete/test/integration/index.js +309 -0
- data/node_modules/accessible-autocomplete/test/karma.config.js +46 -0
- data/node_modules/accessible-autocomplete/test/wdio.config.js +123 -0
- data/node_modules/accessible-autocomplete/webpack.config.mjs +244 -0
- metadata +46 -2
| @@ -0,0 +1,346 @@ | |
| 1 | 
            +
            <!DOCTYPE html>
         | 
| 2 | 
            +
            <html lang="en">
         | 
| 3 | 
            +
              <head>
         | 
| 4 | 
            +
                <meta charset="utf-8">
         | 
| 5 | 
            +
                <meta name="viewport" content="width=device-width, initial-scale=1">
         | 
| 6 | 
            +
                <title>Accessible Autocomplete Preact examples</title>
         | 
| 7 | 
            +
                <style>
         | 
| 8 | 
            +
                  /* Example page specific styling. */
         | 
| 9 | 
            +
                  html {
         | 
| 10 | 
            +
                    color: #111;
         | 
| 11 | 
            +
                    background: #FFF;
         | 
| 12 | 
            +
                    font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif;
         | 
| 13 | 
            +
                    font-size: 16px;
         | 
| 14 | 
            +
                    line-height: 1.5;
         | 
| 15 | 
            +
                  }
         | 
| 16 | 
            +
             | 
| 17 | 
            +
                  body {
         | 
| 18 | 
            +
                    padding-left: 1rem;
         | 
| 19 | 
            +
                    padding-right: 1rem;
         | 
| 20 | 
            +
                  }
         | 
| 21 | 
            +
             | 
| 22 | 
            +
                  h1, h2, h3, h4, h5, h6 {
         | 
| 23 | 
            +
                    line-height: normal;
         | 
| 24 | 
            +
                  }
         | 
| 25 | 
            +
             | 
| 26 | 
            +
                  label {
         | 
| 27 | 
            +
                    display: block;
         | 
| 28 | 
            +
                    margin-bottom: .5rem;
         | 
| 29 | 
            +
                  }
         | 
| 30 | 
            +
             | 
| 31 | 
            +
                  code {
         | 
| 32 | 
            +
                    padding-left: .5em;
         | 
| 33 | 
            +
                    padding-right: .5em;
         | 
| 34 | 
            +
                    background: #EFEFEF;
         | 
| 35 | 
            +
                    font-weight: normal;
         | 
| 36 | 
            +
                    font-family: monospace;
         | 
| 37 | 
            +
                  }
         | 
| 38 | 
            +
             | 
| 39 | 
            +
                  main {
         | 
| 40 | 
            +
                    max-width: 40em;
         | 
| 41 | 
            +
                    margin-left: auto;
         | 
| 42 | 
            +
                    margin-right: auto;
         | 
| 43 | 
            +
                  }
         | 
| 44 | 
            +
             | 
| 45 | 
            +
                  .autocomplete-wrapper {
         | 
| 46 | 
            +
                    max-width: 20em;
         | 
| 47 | 
            +
                    margin-bottom: 4rem;
         | 
| 48 | 
            +
                  }
         | 
| 49 | 
            +
                </style>
         | 
| 50 | 
            +
                <link rel="stylesheet" href="../../dist/accessible-autocomplete.min.css">
         | 
| 51 | 
            +
              </head>
         | 
| 52 | 
            +
              <body>
         | 
| 53 | 
            +
                <main>
         | 
| 54 | 
            +
                  <h1>Accessible Autocomplete Preact examples</h1>
         | 
| 55 | 
            +
             | 
| 56 | 
            +
                  <p>This page demonstrates using the autocomplete directly in Preact.</p>
         | 
| 57 | 
            +
             | 
| 58 | 
            +
                  <label for="autocomplete-default">Select your country</label>
         | 
| 59 | 
            +
                  <div id="tt-default" class="autocomplete-wrapper"></div>
         | 
| 60 | 
            +
                </main>
         | 
| 61 | 
            +
             | 
| 62 | 
            +
                <!-- We include the development version of Preact for debugging purposes. -->
         | 
| 63 | 
            +
                <script type="text/javascript" src="https://unpkg.com/preact@8.1.0/dist/preact.js"></script>
         | 
| 64 | 
            +
                <script type="text/javascript" src="../../dist/lib/accessible-autocomplete.preact.min.js"></script>
         | 
| 65 | 
            +
                <script type="text/javascript">
         | 
| 66 | 
            +
                  function suggest (query, syncResults) {
         | 
| 67 | 
            +
                    var results = [
         | 
| 68 | 
            +
                      'Afghanistan',
         | 
| 69 | 
            +
                      'Akrotiri',
         | 
| 70 | 
            +
                      'Albania',
         | 
| 71 | 
            +
                      'Algeria',
         | 
| 72 | 
            +
                      'American Samoa',
         | 
| 73 | 
            +
                      'Andorra',
         | 
| 74 | 
            +
                      'Angola',
         | 
| 75 | 
            +
                      'Anguilla',
         | 
| 76 | 
            +
                      'Antarctica',
         | 
| 77 | 
            +
                      'Antigua and Barbuda',
         | 
| 78 | 
            +
                      'Argentina',
         | 
| 79 | 
            +
                      'Armenia',
         | 
| 80 | 
            +
                      'Aruba',
         | 
| 81 | 
            +
                      'Ashmore and Cartier Islands',
         | 
| 82 | 
            +
                      'Australia',
         | 
| 83 | 
            +
                      'Austria',
         | 
| 84 | 
            +
                      'Azerbaijan',
         | 
| 85 | 
            +
                      'Bahamas, The',
         | 
| 86 | 
            +
                      'Bahrain',
         | 
| 87 | 
            +
                      'Bangladesh',
         | 
| 88 | 
            +
                      'Barbados',
         | 
| 89 | 
            +
                      'Bassas da India',
         | 
| 90 | 
            +
                      'Belarus',
         | 
| 91 | 
            +
                      'Belgium',
         | 
| 92 | 
            +
                      'Belize',
         | 
| 93 | 
            +
                      'Benin',
         | 
| 94 | 
            +
                      'Bermuda',
         | 
| 95 | 
            +
                      'Bhutan',
         | 
| 96 | 
            +
                      'Bolivia',
         | 
| 97 | 
            +
                      'Bosnia and Herzegovina',
         | 
| 98 | 
            +
                      'Botswana',
         | 
| 99 | 
            +
                      'Bouvet Island',
         | 
| 100 | 
            +
                      'Brazil',
         | 
| 101 | 
            +
                      'British Indian Ocean Territory',
         | 
| 102 | 
            +
                      'British Virgin Islands',
         | 
| 103 | 
            +
                      'Brunei',
         | 
| 104 | 
            +
                      'Bulgaria',
         | 
| 105 | 
            +
                      'Burkina Faso',
         | 
| 106 | 
            +
                      'Burma',
         | 
| 107 | 
            +
                      'Burundi',
         | 
| 108 | 
            +
                      'Cambodia',
         | 
| 109 | 
            +
                      'Cameroon',
         | 
| 110 | 
            +
                      'Canada',
         | 
| 111 | 
            +
                      'Cape Verde',
         | 
| 112 | 
            +
                      'Cayman Islands',
         | 
| 113 | 
            +
                      'Central African Republic',
         | 
| 114 | 
            +
                      'Chad',
         | 
| 115 | 
            +
                      'Chile',
         | 
| 116 | 
            +
                      'China',
         | 
| 117 | 
            +
                      'Christmas Island',
         | 
| 118 | 
            +
                      'Clipperton Island',
         | 
| 119 | 
            +
                      'Cocos (Keeling) Islands',
         | 
| 120 | 
            +
                      'Colombia',
         | 
| 121 | 
            +
                      'Comoros',
         | 
| 122 | 
            +
                      'Congo',
         | 
| 123 | 
            +
                      'Cook Islands',
         | 
| 124 | 
            +
                      'Coral Sea Islands',
         | 
| 125 | 
            +
                      'Costa Rica',
         | 
| 126 | 
            +
                      'Cote d\'Ivoire',
         | 
| 127 | 
            +
                      'Croatia',
         | 
| 128 | 
            +
                      'Cuba',
         | 
| 129 | 
            +
                      'Cyprus',
         | 
| 130 | 
            +
                      'Czech Republic',
         | 
| 131 | 
            +
                      'Denmark',
         | 
| 132 | 
            +
                      'Dhekelia',
         | 
| 133 | 
            +
                      'Djibouti',
         | 
| 134 | 
            +
                      'Dominica',
         | 
| 135 | 
            +
                      'Dominican Republic',
         | 
| 136 | 
            +
                      'Ecuador',
         | 
| 137 | 
            +
                      'Egypt',
         | 
| 138 | 
            +
                      'El Salvador',
         | 
| 139 | 
            +
                      'Equatorial Guinea',
         | 
| 140 | 
            +
                      'Eritrea',
         | 
| 141 | 
            +
                      'Estonia',
         | 
| 142 | 
            +
                      'Ethiopia',
         | 
| 143 | 
            +
                      'Europa Island',
         | 
| 144 | 
            +
                      'Falkland Islands',
         | 
| 145 | 
            +
                      'Faroe Islands',
         | 
| 146 | 
            +
                      'Fiji',
         | 
| 147 | 
            +
                      'Finland',
         | 
| 148 | 
            +
                      'France',
         | 
| 149 | 
            +
                      'French Guiana',
         | 
| 150 | 
            +
                      'French Polynesia',
         | 
| 151 | 
            +
                      'French Southern and Antarctic Lands',
         | 
| 152 | 
            +
                      'Gabon',
         | 
| 153 | 
            +
                      'Gambia,',
         | 
| 154 | 
            +
                      'Gaza Strip',
         | 
| 155 | 
            +
                      'Georgia',
         | 
| 156 | 
            +
                      'Germany',
         | 
| 157 | 
            +
                      'Ghana',
         | 
| 158 | 
            +
                      'Gibraltar',
         | 
| 159 | 
            +
                      'Glorioso Islands',
         | 
| 160 | 
            +
                      'Greece',
         | 
| 161 | 
            +
                      'Greenland',
         | 
| 162 | 
            +
                      'Grenada',
         | 
| 163 | 
            +
                      'Guadeloupe',
         | 
| 164 | 
            +
                      'Guam',
         | 
| 165 | 
            +
                      'Guatemala',
         | 
| 166 | 
            +
                      'Guernsey',
         | 
| 167 | 
            +
                      'Guinea',
         | 
| 168 | 
            +
                      'Guinea-Bissau',
         | 
| 169 | 
            +
                      'Guyana',
         | 
| 170 | 
            +
                      'Haiti',
         | 
| 171 | 
            +
                      'Heard Island and McDonald Islands',
         | 
| 172 | 
            +
                      'Holy See (Vatican City)',
         | 
| 173 | 
            +
                      'Honduras',
         | 
| 174 | 
            +
                      'Hong Kong',
         | 
| 175 | 
            +
                      'Hungary',
         | 
| 176 | 
            +
                      'Iceland',
         | 
| 177 | 
            +
                      'India',
         | 
| 178 | 
            +
                      'Indonesia',
         | 
| 179 | 
            +
                      'Iran',
         | 
| 180 | 
            +
                      'Iraq',
         | 
| 181 | 
            +
                      'Ireland',
         | 
| 182 | 
            +
                      'Isle of Man',
         | 
| 183 | 
            +
                      'Israel',
         | 
| 184 | 
            +
                      'Italy',
         | 
| 185 | 
            +
                      'Jamaica',
         | 
| 186 | 
            +
                      'Jan Mayen',
         | 
| 187 | 
            +
                      'Japan',
         | 
| 188 | 
            +
                      'Jersey',
         | 
| 189 | 
            +
                      'Jordan',
         | 
| 190 | 
            +
                      'Juan de Nova Island',
         | 
| 191 | 
            +
                      'Kazakhstan',
         | 
| 192 | 
            +
                      'Kenya',
         | 
| 193 | 
            +
                      'Kiribati',
         | 
| 194 | 
            +
                      'Korea, North',
         | 
| 195 | 
            +
                      'Korea, South',
         | 
| 196 | 
            +
                      'Kuwait',
         | 
| 197 | 
            +
                      'Kyrgyzstan',
         | 
| 198 | 
            +
                      'Laos',
         | 
| 199 | 
            +
                      'Latvia',
         | 
| 200 | 
            +
                      'Lebanon',
         | 
| 201 | 
            +
                      'Lesotho',
         | 
| 202 | 
            +
                      'Liberia',
         | 
| 203 | 
            +
                      'Libya',
         | 
| 204 | 
            +
                      'Liechtenstein',
         | 
| 205 | 
            +
                      'Lithuania',
         | 
| 206 | 
            +
                      'Luxembourg',
         | 
| 207 | 
            +
                      'Macau',
         | 
| 208 | 
            +
                      'Macedonia',
         | 
| 209 | 
            +
                      'Madagascar',
         | 
| 210 | 
            +
                      'Malawi',
         | 
| 211 | 
            +
                      'Malaysia',
         | 
| 212 | 
            +
                      'Maldives',
         | 
| 213 | 
            +
                      'Mali',
         | 
| 214 | 
            +
                      'Malta',
         | 
| 215 | 
            +
                      'Marshall Islands',
         | 
| 216 | 
            +
                      'Martinique',
         | 
| 217 | 
            +
                      'Mauritania',
         | 
| 218 | 
            +
                      'Mauritius',
         | 
| 219 | 
            +
                      'Mayotte',
         | 
| 220 | 
            +
                      'Mexico',
         | 
| 221 | 
            +
                      'Micronesia, Federated States of',
         | 
| 222 | 
            +
                      'Moldova',
         | 
| 223 | 
            +
                      'Monaco',
         | 
| 224 | 
            +
                      'Mongolia',
         | 
| 225 | 
            +
                      'Montserrat',
         | 
| 226 | 
            +
                      'Morocco',
         | 
| 227 | 
            +
                      'Mozambique',
         | 
| 228 | 
            +
                      'Namibia',
         | 
| 229 | 
            +
                      'Nauru',
         | 
| 230 | 
            +
                      'Navassa Island',
         | 
| 231 | 
            +
                      'Nepal',
         | 
| 232 | 
            +
                      'Netherlands',
         | 
| 233 | 
            +
                      'Netherlands Antilles',
         | 
| 234 | 
            +
                      'New Caledonia',
         | 
| 235 | 
            +
                      'New Zealand',
         | 
| 236 | 
            +
                      'Nicaragua',
         | 
| 237 | 
            +
                      'Niger',
         | 
| 238 | 
            +
                      'Nigeria',
         | 
| 239 | 
            +
                      'Niue',
         | 
| 240 | 
            +
                      'Norfolk Island',
         | 
| 241 | 
            +
                      'Northern Mariana Islands',
         | 
| 242 | 
            +
                      'Norway',
         | 
| 243 | 
            +
                      'Oman',
         | 
| 244 | 
            +
                      'Pakistan',
         | 
| 245 | 
            +
                      'Palau',
         | 
| 246 | 
            +
                      'Panama',
         | 
| 247 | 
            +
                      'Papua New Guinea',
         | 
| 248 | 
            +
                      'Paracel Islands',
         | 
| 249 | 
            +
                      'Paraguay',
         | 
| 250 | 
            +
                      'Peru',
         | 
| 251 | 
            +
                      'Philippines',
         | 
| 252 | 
            +
                      'Pitcairn Islands',
         | 
| 253 | 
            +
                      'Poland',
         | 
| 254 | 
            +
                      'Portugal',
         | 
| 255 | 
            +
                      'Puerto Rico',
         | 
| 256 | 
            +
                      'Qatar',
         | 
| 257 | 
            +
                      'Reunion',
         | 
| 258 | 
            +
                      'Romania',
         | 
| 259 | 
            +
                      'Russia',
         | 
| 260 | 
            +
                      'Rwanda',
         | 
| 261 | 
            +
                      'Saint Helena',
         | 
| 262 | 
            +
                      'Saint Kitts and Nevis',
         | 
| 263 | 
            +
                      'Saint Lucia',
         | 
| 264 | 
            +
                      'Saint Pierre and Miquelon',
         | 
| 265 | 
            +
                      'Saint Vincent and the Grenadines',
         | 
| 266 | 
            +
                      'Samoa',
         | 
| 267 | 
            +
                      'San Marino',
         | 
| 268 | 
            +
                      'Sao Tome and Principe',
         | 
| 269 | 
            +
                      'Saudi Arabia',
         | 
| 270 | 
            +
                      'Senegal',
         | 
| 271 | 
            +
                      'Serbia and Montenegro',
         | 
| 272 | 
            +
                      'Seychelles',
         | 
| 273 | 
            +
                      'Sierra Leone',
         | 
| 274 | 
            +
                      'Singapore',
         | 
| 275 | 
            +
                      'Slovakia',
         | 
| 276 | 
            +
                      'Slovenia',
         | 
| 277 | 
            +
                      'Solomon Islands',
         | 
| 278 | 
            +
                      'Somalia',
         | 
| 279 | 
            +
                      'South Africa',
         | 
| 280 | 
            +
                      'South Georgia and the South Sandwich Islands',
         | 
| 281 | 
            +
                      'Spain',
         | 
| 282 | 
            +
                      'Spratly Islands',
         | 
| 283 | 
            +
                      'Sri Lanka',
         | 
| 284 | 
            +
                      'Sudan',
         | 
| 285 | 
            +
                      'Suriname',
         | 
| 286 | 
            +
                      'Svalbard',
         | 
| 287 | 
            +
                      'Swaziland',
         | 
| 288 | 
            +
                      'Sweden',
         | 
| 289 | 
            +
                      'Switzerland',
         | 
| 290 | 
            +
                      'Syria',
         | 
| 291 | 
            +
                      'Taiwan',
         | 
| 292 | 
            +
                      'Tajikistan',
         | 
| 293 | 
            +
                      'Tanzania',
         | 
| 294 | 
            +
                      'Thailand',
         | 
| 295 | 
            +
                      'Timor-Leste',
         | 
| 296 | 
            +
                      'Togo',
         | 
| 297 | 
            +
                      'Tokelau',
         | 
| 298 | 
            +
                      'Tonga',
         | 
| 299 | 
            +
                      'Trinidad and Tobago',
         | 
| 300 | 
            +
                      'Tromelin Island',
         | 
| 301 | 
            +
                      'Tunisia',
         | 
| 302 | 
            +
                      'Turkey',
         | 
| 303 | 
            +
                      'Turkmenistan',
         | 
| 304 | 
            +
                      'Turks and Caicos Islands',
         | 
| 305 | 
            +
                      'Tuvalu',
         | 
| 306 | 
            +
                      'Uganda',
         | 
| 307 | 
            +
                      'Ukraine',
         | 
| 308 | 
            +
                      'United Arab Emirates',
         | 
| 309 | 
            +
                      'United Kingdom',
         | 
| 310 | 
            +
                      'United States',
         | 
| 311 | 
            +
                      'Uruguay',
         | 
| 312 | 
            +
                      'Uzbekistan',
         | 
| 313 | 
            +
                      'Vanuatu',
         | 
| 314 | 
            +
                      'Venezuela',
         | 
| 315 | 
            +
                      'Vietnam',
         | 
| 316 | 
            +
                      'Virgin Islands',
         | 
| 317 | 
            +
                      'Wake Island',
         | 
| 318 | 
            +
                      'Wallis and Futuna',
         | 
| 319 | 
            +
                      'West Bank',
         | 
| 320 | 
            +
                      'Western Sahara',
         | 
| 321 | 
            +
                      'Yemen',
         | 
| 322 | 
            +
                      'Zambia',
         | 
| 323 | 
            +
                      'Zimbabwe'
         | 
| 324 | 
            +
                      ]
         | 
| 325 | 
            +
                    syncResults(query
         | 
| 326 | 
            +
                      ? results.filter(function (result) {
         | 
| 327 | 
            +
                          return result.toLowerCase().indexOf(query.toLowerCase()) !== -1
         | 
| 328 | 
            +
                        })
         | 
| 329 | 
            +
                      : []
         | 
| 330 | 
            +
                    )
         | 
| 331 | 
            +
                  }
         | 
| 332 | 
            +
                </script>
         | 
| 333 | 
            +
             | 
| 334 | 
            +
                <script type="text/javascript">
         | 
| 335 | 
            +
                  var element = document.querySelector('#tt-default')
         | 
| 336 | 
            +
                  var id = 'autocomplete-default'
         | 
| 337 | 
            +
                  preact.render(
         | 
| 338 | 
            +
                    preact.createElement(Autocomplete.default, {
         | 
| 339 | 
            +
                      id: id,
         | 
| 340 | 
            +
                      source: suggest
         | 
| 341 | 
            +
                    }),
         | 
| 342 | 
            +
                    element
         | 
| 343 | 
            +
                  )
         | 
| 344 | 
            +
                </script>
         | 
| 345 | 
            +
              </body>
         | 
| 346 | 
            +
            </html>
         | 
| @@ -0,0 +1,347 @@ | |
| 1 | 
            +
            <!DOCTYPE html>
         | 
| 2 | 
            +
            <html lang="en">
         | 
| 3 | 
            +
              <head>
         | 
| 4 | 
            +
                <meta charset="utf-8">
         | 
| 5 | 
            +
                <meta name="viewport" content="width=device-width, initial-scale=1">
         | 
| 6 | 
            +
                <title>Accessible Autocomplete React examples</title>
         | 
| 7 | 
            +
                <style>
         | 
| 8 | 
            +
                  /* Example page specific styling. */
         | 
| 9 | 
            +
                  html {
         | 
| 10 | 
            +
                    color: #111;
         | 
| 11 | 
            +
                    background: #FFF;
         | 
| 12 | 
            +
                    font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif;
         | 
| 13 | 
            +
                    font-size: 16px;
         | 
| 14 | 
            +
                    line-height: 1.5;
         | 
| 15 | 
            +
                  }
         | 
| 16 | 
            +
             | 
| 17 | 
            +
                  body {
         | 
| 18 | 
            +
                    padding-left: 1rem;
         | 
| 19 | 
            +
                    padding-right: 1rem;
         | 
| 20 | 
            +
                  }
         | 
| 21 | 
            +
             | 
| 22 | 
            +
                  h1, h2, h3, h4, h5, h6 {
         | 
| 23 | 
            +
                    line-height: normal;
         | 
| 24 | 
            +
                  }
         | 
| 25 | 
            +
             | 
| 26 | 
            +
                  label {
         | 
| 27 | 
            +
                    display: block;
         | 
| 28 | 
            +
                    margin-bottom: .5rem;
         | 
| 29 | 
            +
                  }
         | 
| 30 | 
            +
             | 
| 31 | 
            +
                  code {
         | 
| 32 | 
            +
                    padding-left: .5em;
         | 
| 33 | 
            +
                    padding-right: .5em;
         | 
| 34 | 
            +
                    background: #EFEFEF;
         | 
| 35 | 
            +
                    font-weight: normal;
         | 
| 36 | 
            +
                    font-family: monospace;
         | 
| 37 | 
            +
                  }
         | 
| 38 | 
            +
             | 
| 39 | 
            +
                  main {
         | 
| 40 | 
            +
                    max-width: 40em;
         | 
| 41 | 
            +
                    margin-left: auto;
         | 
| 42 | 
            +
                    margin-right: auto;
         | 
| 43 | 
            +
                  }
         | 
| 44 | 
            +
             | 
| 45 | 
            +
                  .autocomplete-wrapper {
         | 
| 46 | 
            +
                    max-width: 20em;
         | 
| 47 | 
            +
                    margin-bottom: 4rem;
         | 
| 48 | 
            +
                  }
         | 
| 49 | 
            +
                </style>
         | 
| 50 | 
            +
                <link rel="stylesheet" href="../../dist/accessible-autocomplete.min.css">
         | 
| 51 | 
            +
              </head>
         | 
| 52 | 
            +
              <body>
         | 
| 53 | 
            +
                <main>
         | 
| 54 | 
            +
                  <h1>Accessible Autocomplete React examples</h1>
         | 
| 55 | 
            +
             | 
| 56 | 
            +
                  <p>This page demonstrates using the autocomplete directly in React.</p>
         | 
| 57 | 
            +
             | 
| 58 | 
            +
                  <label for="autocomplete-default">Select your country</label>
         | 
| 59 | 
            +
                  <div id="tt-default" class="autocomplete-wrapper"></div>
         | 
| 60 | 
            +
                </main>
         | 
| 61 | 
            +
             | 
| 62 | 
            +
                <!-- We include the development version of React for debugging purposes. -->
         | 
| 63 | 
            +
                <script type="text/javascript" src="https://unpkg.com/react@15.5.4/dist/react.js"></script>
         | 
| 64 | 
            +
                <script type="text/javascript" src="https://unpkg.com/react-dom@15.5.4/dist/react-dom.js"></script>
         | 
| 65 | 
            +
                <script type="text/javascript" src="../../dist/lib/accessible-autocomplete.react.min.js"></script>
         | 
| 66 | 
            +
                <script type="text/javascript">
         | 
| 67 | 
            +
                  function suggest (query, syncResults) {
         | 
| 68 | 
            +
                    var results = [
         | 
| 69 | 
            +
                      'Afghanistan',
         | 
| 70 | 
            +
                      'Akrotiri',
         | 
| 71 | 
            +
                      'Albania',
         | 
| 72 | 
            +
                      'Algeria',
         | 
| 73 | 
            +
                      'American Samoa',
         | 
| 74 | 
            +
                      'Andorra',
         | 
| 75 | 
            +
                      'Angola',
         | 
| 76 | 
            +
                      'Anguilla',
         | 
| 77 | 
            +
                      'Antarctica',
         | 
| 78 | 
            +
                      'Antigua and Barbuda',
         | 
| 79 | 
            +
                      'Argentina',
         | 
| 80 | 
            +
                      'Armenia',
         | 
| 81 | 
            +
                      'Aruba',
         | 
| 82 | 
            +
                      'Ashmore and Cartier Islands',
         | 
| 83 | 
            +
                      'Australia',
         | 
| 84 | 
            +
                      'Austria',
         | 
| 85 | 
            +
                      'Azerbaijan',
         | 
| 86 | 
            +
                      'Bahamas, The',
         | 
| 87 | 
            +
                      'Bahrain',
         | 
| 88 | 
            +
                      'Bangladesh',
         | 
| 89 | 
            +
                      'Barbados',
         | 
| 90 | 
            +
                      'Bassas da India',
         | 
| 91 | 
            +
                      'Belarus',
         | 
| 92 | 
            +
                      'Belgium',
         | 
| 93 | 
            +
                      'Belize',
         | 
| 94 | 
            +
                      'Benin',
         | 
| 95 | 
            +
                      'Bermuda',
         | 
| 96 | 
            +
                      'Bhutan',
         | 
| 97 | 
            +
                      'Bolivia',
         | 
| 98 | 
            +
                      'Bosnia and Herzegovina',
         | 
| 99 | 
            +
                      'Botswana',
         | 
| 100 | 
            +
                      'Bouvet Island',
         | 
| 101 | 
            +
                      'Brazil',
         | 
| 102 | 
            +
                      'British Indian Ocean Territory',
         | 
| 103 | 
            +
                      'British Virgin Islands',
         | 
| 104 | 
            +
                      'Brunei',
         | 
| 105 | 
            +
                      'Bulgaria',
         | 
| 106 | 
            +
                      'Burkina Faso',
         | 
| 107 | 
            +
                      'Burma',
         | 
| 108 | 
            +
                      'Burundi',
         | 
| 109 | 
            +
                      'Cambodia',
         | 
| 110 | 
            +
                      'Cameroon',
         | 
| 111 | 
            +
                      'Canada',
         | 
| 112 | 
            +
                      'Cape Verde',
         | 
| 113 | 
            +
                      'Cayman Islands',
         | 
| 114 | 
            +
                      'Central African Republic',
         | 
| 115 | 
            +
                      'Chad',
         | 
| 116 | 
            +
                      'Chile',
         | 
| 117 | 
            +
                      'China',
         | 
| 118 | 
            +
                      'Christmas Island',
         | 
| 119 | 
            +
                      'Clipperton Island',
         | 
| 120 | 
            +
                      'Cocos (Keeling) Islands',
         | 
| 121 | 
            +
                      'Colombia',
         | 
| 122 | 
            +
                      'Comoros',
         | 
| 123 | 
            +
                      'Congo',
         | 
| 124 | 
            +
                      'Cook Islands',
         | 
| 125 | 
            +
                      'Coral Sea Islands',
         | 
| 126 | 
            +
                      'Costa Rica',
         | 
| 127 | 
            +
                      'Cote d\'Ivoire',
         | 
| 128 | 
            +
                      'Croatia',
         | 
| 129 | 
            +
                      'Cuba',
         | 
| 130 | 
            +
                      'Cyprus',
         | 
| 131 | 
            +
                      'Czech Republic',
         | 
| 132 | 
            +
                      'Denmark',
         | 
| 133 | 
            +
                      'Dhekelia',
         | 
| 134 | 
            +
                      'Djibouti',
         | 
| 135 | 
            +
                      'Dominica',
         | 
| 136 | 
            +
                      'Dominican Republic',
         | 
| 137 | 
            +
                      'Ecuador',
         | 
| 138 | 
            +
                      'Egypt',
         | 
| 139 | 
            +
                      'El Salvador',
         | 
| 140 | 
            +
                      'Equatorial Guinea',
         | 
| 141 | 
            +
                      'Eritrea',
         | 
| 142 | 
            +
                      'Estonia',
         | 
| 143 | 
            +
                      'Ethiopia',
         | 
| 144 | 
            +
                      'Europa Island',
         | 
| 145 | 
            +
                      'Falkland Islands',
         | 
| 146 | 
            +
                      'Faroe Islands',
         | 
| 147 | 
            +
                      'Fiji',
         | 
| 148 | 
            +
                      'Finland',
         | 
| 149 | 
            +
                      'France',
         | 
| 150 | 
            +
                      'French Guiana',
         | 
| 151 | 
            +
                      'French Polynesia',
         | 
| 152 | 
            +
                      'French Southern and Antarctic Lands',
         | 
| 153 | 
            +
                      'Gabon',
         | 
| 154 | 
            +
                      'Gambia,',
         | 
| 155 | 
            +
                      'Gaza Strip',
         | 
| 156 | 
            +
                      'Georgia',
         | 
| 157 | 
            +
                      'Germany',
         | 
| 158 | 
            +
                      'Ghana',
         | 
| 159 | 
            +
                      'Gibraltar',
         | 
| 160 | 
            +
                      'Glorioso Islands',
         | 
| 161 | 
            +
                      'Greece',
         | 
| 162 | 
            +
                      'Greenland',
         | 
| 163 | 
            +
                      'Grenada',
         | 
| 164 | 
            +
                      'Guadeloupe',
         | 
| 165 | 
            +
                      'Guam',
         | 
| 166 | 
            +
                      'Guatemala',
         | 
| 167 | 
            +
                      'Guernsey',
         | 
| 168 | 
            +
                      'Guinea',
         | 
| 169 | 
            +
                      'Guinea-Bissau',
         | 
| 170 | 
            +
                      'Guyana',
         | 
| 171 | 
            +
                      'Haiti',
         | 
| 172 | 
            +
                      'Heard Island and McDonald Islands',
         | 
| 173 | 
            +
                      'Holy See (Vatican City)',
         | 
| 174 | 
            +
                      'Honduras',
         | 
| 175 | 
            +
                      'Hong Kong',
         | 
| 176 | 
            +
                      'Hungary',
         | 
| 177 | 
            +
                      'Iceland',
         | 
| 178 | 
            +
                      'India',
         | 
| 179 | 
            +
                      'Indonesia',
         | 
| 180 | 
            +
                      'Iran',
         | 
| 181 | 
            +
                      'Iraq',
         | 
| 182 | 
            +
                      'Ireland',
         | 
| 183 | 
            +
                      'Isle of Man',
         | 
| 184 | 
            +
                      'Israel',
         | 
| 185 | 
            +
                      'Italy',
         | 
| 186 | 
            +
                      'Jamaica',
         | 
| 187 | 
            +
                      'Jan Mayen',
         | 
| 188 | 
            +
                      'Japan',
         | 
| 189 | 
            +
                      'Jersey',
         | 
| 190 | 
            +
                      'Jordan',
         | 
| 191 | 
            +
                      'Juan de Nova Island',
         | 
| 192 | 
            +
                      'Kazakhstan',
         | 
| 193 | 
            +
                      'Kenya',
         | 
| 194 | 
            +
                      'Kiribati',
         | 
| 195 | 
            +
                      'Korea, North',
         | 
| 196 | 
            +
                      'Korea, South',
         | 
| 197 | 
            +
                      'Kuwait',
         | 
| 198 | 
            +
                      'Kyrgyzstan',
         | 
| 199 | 
            +
                      'Laos',
         | 
| 200 | 
            +
                      'Latvia',
         | 
| 201 | 
            +
                      'Lebanon',
         | 
| 202 | 
            +
                      'Lesotho',
         | 
| 203 | 
            +
                      'Liberia',
         | 
| 204 | 
            +
                      'Libya',
         | 
| 205 | 
            +
                      'Liechtenstein',
         | 
| 206 | 
            +
                      'Lithuania',
         | 
| 207 | 
            +
                      'Luxembourg',
         | 
| 208 | 
            +
                      'Macau',
         | 
| 209 | 
            +
                      'Macedonia',
         | 
| 210 | 
            +
                      'Madagascar',
         | 
| 211 | 
            +
                      'Malawi',
         | 
| 212 | 
            +
                      'Malaysia',
         | 
| 213 | 
            +
                      'Maldives',
         | 
| 214 | 
            +
                      'Mali',
         | 
| 215 | 
            +
                      'Malta',
         | 
| 216 | 
            +
                      'Marshall Islands',
         | 
| 217 | 
            +
                      'Martinique',
         | 
| 218 | 
            +
                      'Mauritania',
         | 
| 219 | 
            +
                      'Mauritius',
         | 
| 220 | 
            +
                      'Mayotte',
         | 
| 221 | 
            +
                      'Mexico',
         | 
| 222 | 
            +
                      'Micronesia, Federated States of',
         | 
| 223 | 
            +
                      'Moldova',
         | 
| 224 | 
            +
                      'Monaco',
         | 
| 225 | 
            +
                      'Mongolia',
         | 
| 226 | 
            +
                      'Montserrat',
         | 
| 227 | 
            +
                      'Morocco',
         | 
| 228 | 
            +
                      'Mozambique',
         | 
| 229 | 
            +
                      'Namibia',
         | 
| 230 | 
            +
                      'Nauru',
         | 
| 231 | 
            +
                      'Navassa Island',
         | 
| 232 | 
            +
                      'Nepal',
         | 
| 233 | 
            +
                      'Netherlands',
         | 
| 234 | 
            +
                      'Netherlands Antilles',
         | 
| 235 | 
            +
                      'New Caledonia',
         | 
| 236 | 
            +
                      'New Zealand',
         | 
| 237 | 
            +
                      'Nicaragua',
         | 
| 238 | 
            +
                      'Niger',
         | 
| 239 | 
            +
                      'Nigeria',
         | 
| 240 | 
            +
                      'Niue',
         | 
| 241 | 
            +
                      'Norfolk Island',
         | 
| 242 | 
            +
                      'Northern Mariana Islands',
         | 
| 243 | 
            +
                      'Norway',
         | 
| 244 | 
            +
                      'Oman',
         | 
| 245 | 
            +
                      'Pakistan',
         | 
| 246 | 
            +
                      'Palau',
         | 
| 247 | 
            +
                      'Panama',
         | 
| 248 | 
            +
                      'Papua New Guinea',
         | 
| 249 | 
            +
                      'Paracel Islands',
         | 
| 250 | 
            +
                      'Paraguay',
         | 
| 251 | 
            +
                      'Peru',
         | 
| 252 | 
            +
                      'Philippines',
         | 
| 253 | 
            +
                      'Pitcairn Islands',
         | 
| 254 | 
            +
                      'Poland',
         | 
| 255 | 
            +
                      'Portugal',
         | 
| 256 | 
            +
                      'Puerto Rico',
         | 
| 257 | 
            +
                      'Qatar',
         | 
| 258 | 
            +
                      'Reunion',
         | 
| 259 | 
            +
                      'Romania',
         | 
| 260 | 
            +
                      'Russia',
         | 
| 261 | 
            +
                      'Rwanda',
         | 
| 262 | 
            +
                      'Saint Helena',
         | 
| 263 | 
            +
                      'Saint Kitts and Nevis',
         | 
| 264 | 
            +
                      'Saint Lucia',
         | 
| 265 | 
            +
                      'Saint Pierre and Miquelon',
         | 
| 266 | 
            +
                      'Saint Vincent and the Grenadines',
         | 
| 267 | 
            +
                      'Samoa',
         | 
| 268 | 
            +
                      'San Marino',
         | 
| 269 | 
            +
                      'Sao Tome and Principe',
         | 
| 270 | 
            +
                      'Saudi Arabia',
         | 
| 271 | 
            +
                      'Senegal',
         | 
| 272 | 
            +
                      'Serbia and Montenegro',
         | 
| 273 | 
            +
                      'Seychelles',
         | 
| 274 | 
            +
                      'Sierra Leone',
         | 
| 275 | 
            +
                      'Singapore',
         | 
| 276 | 
            +
                      'Slovakia',
         | 
| 277 | 
            +
                      'Slovenia',
         | 
| 278 | 
            +
                      'Solomon Islands',
         | 
| 279 | 
            +
                      'Somalia',
         | 
| 280 | 
            +
                      'South Africa',
         | 
| 281 | 
            +
                      'South Georgia and the South Sandwich Islands',
         | 
| 282 | 
            +
                      'Spain',
         | 
| 283 | 
            +
                      'Spratly Islands',
         | 
| 284 | 
            +
                      'Sri Lanka',
         | 
| 285 | 
            +
                      'Sudan',
         | 
| 286 | 
            +
                      'Suriname',
         | 
| 287 | 
            +
                      'Svalbard',
         | 
| 288 | 
            +
                      'Swaziland',
         | 
| 289 | 
            +
                      'Sweden',
         | 
| 290 | 
            +
                      'Switzerland',
         | 
| 291 | 
            +
                      'Syria',
         | 
| 292 | 
            +
                      'Taiwan',
         | 
| 293 | 
            +
                      'Tajikistan',
         | 
| 294 | 
            +
                      'Tanzania',
         | 
| 295 | 
            +
                      'Thailand',
         | 
| 296 | 
            +
                      'Timor-Leste',
         | 
| 297 | 
            +
                      'Togo',
         | 
| 298 | 
            +
                      'Tokelau',
         | 
| 299 | 
            +
                      'Tonga',
         | 
| 300 | 
            +
                      'Trinidad and Tobago',
         | 
| 301 | 
            +
                      'Tromelin Island',
         | 
| 302 | 
            +
                      'Tunisia',
         | 
| 303 | 
            +
                      'Turkey',
         | 
| 304 | 
            +
                      'Turkmenistan',
         | 
| 305 | 
            +
                      'Turks and Caicos Islands',
         | 
| 306 | 
            +
                      'Tuvalu',
         | 
| 307 | 
            +
                      'Uganda',
         | 
| 308 | 
            +
                      'Ukraine',
         | 
| 309 | 
            +
                      'United Arab Emirates',
         | 
| 310 | 
            +
                      'United Kingdom',
         | 
| 311 | 
            +
                      'United States',
         | 
| 312 | 
            +
                      'Uruguay',
         | 
| 313 | 
            +
                      'Uzbekistan',
         | 
| 314 | 
            +
                      'Vanuatu',
         | 
| 315 | 
            +
                      'Venezuela',
         | 
| 316 | 
            +
                      'Vietnam',
         | 
| 317 | 
            +
                      'Virgin Islands',
         | 
| 318 | 
            +
                      'Wake Island',
         | 
| 319 | 
            +
                      'Wallis and Futuna',
         | 
| 320 | 
            +
                      'West Bank',
         | 
| 321 | 
            +
                      'Western Sahara',
         | 
| 322 | 
            +
                      'Yemen',
         | 
| 323 | 
            +
                      'Zambia',
         | 
| 324 | 
            +
                      'Zimbabwe'
         | 
| 325 | 
            +
                      ]
         | 
| 326 | 
            +
                    syncResults(query
         | 
| 327 | 
            +
                      ? results.filter(function (result) {
         | 
| 328 | 
            +
                          return result.toLowerCase().indexOf(query.toLowerCase()) !== -1
         | 
| 329 | 
            +
                        })
         | 
| 330 | 
            +
                      : []
         | 
| 331 | 
            +
                    )
         | 
| 332 | 
            +
                  }
         | 
| 333 | 
            +
                </script>
         | 
| 334 | 
            +
             | 
| 335 | 
            +
                <script type="text/javascript">
         | 
| 336 | 
            +
                  var element = document.querySelector('#tt-default')
         | 
| 337 | 
            +
                  var id = 'autocomplete-default'
         | 
| 338 | 
            +
                  ReactDOM.render(
         | 
| 339 | 
            +
                    React.createElement(Autocomplete.default, {
         | 
| 340 | 
            +
                      id: id,
         | 
| 341 | 
            +
                      source: suggest
         | 
| 342 | 
            +
                    }),
         | 
| 343 | 
            +
                    element
         | 
| 344 | 
            +
                  )
         | 
| 345 | 
            +
                </script>
         | 
| 346 | 
            +
              </body>
         | 
| 347 | 
            +
            </html>
         |