www.barco.com
Open in
urlscan Pro
2606:4700::6812:77c
Public Scan
Submitted URL: https://go.barco.com/MTQxLVRRQi02ODUAAAGLM6jMhmTpQz7GfS3S_N3351c7JnvJT9nyT2fzF0GKwdzcvVZ07AAZQlhH5IkaqtJCGylIN-g=
Effective URL: https://www.barco.com/en?mkt_tok=MTQxLVRRQi02ODUAAAGLM6jMhkoMKsA96Tl1ld62bq1phCfiiGHMTZjfPk6HA3clpu5YHxcrcgOTol4jH6wTZ...
Submission: On May 22 via api from US — Scanned from DE
Effective URL: https://www.barco.com/en?mkt_tok=MTQxLVRRQi02ODUAAAGLM6jMhkoMKsA96Tl1ld62bq1phCfiiGHMTZjfPk6HA3clpu5YHxcrcgOTol4jH6wTZ...
Submission: On May 22 via api from US — Scanned from DE
Form analysis
5 forms found in the DOM<form novalidate="">
<div class="mb-5" x-ref="countryField">
<div class="form-group" x-data="hybridSelect" x-init="label = `Select the country`" @click.outside="open = false">
<span id="select-label-country" class="form-label" @click="open = !open">Country/Region*</span>
<input type="hidden" name="country" id="country" required="" x-bind:value="selectedCountry" x-init="$watch('selectedCountry', () => {
$el.dispatchEvent(new Event('change'));
})">
<div class="hybrid-select">
<select id="select-country" aria-labelledby="select-label-country" class="form-select hybrid-select__native"
@change="selectedCountry = $event.target.value; label = Array.from($event.target.options)?.find((option) => option.value === $event.target.value)?.innerHTML">
<option value="" disabled="" selected="">Select the country</option>
<option :selected="selectedCountry == `AF`" value="AF">Afghanistan</option>
<option :selected="selectedCountry == `AL`" value="AL">Albania</option>
<option :selected="selectedCountry == `DZ`" value="DZ">Algeria</option>
<option :selected="selectedCountry == `AS`" value="AS">American Samoa</option>
<option :selected="selectedCountry == `AD`" value="AD">Andorra</option>
<option :selected="selectedCountry == `AO`" value="AO">Angola</option>
<option :selected="selectedCountry == `AI`" value="AI">Anguilla</option>
<option :selected="selectedCountry == `AQ`" value="AQ">Antarctica</option>
<option :selected="selectedCountry == `AG`" value="AG">Antigua & Barbuda</option>
<option :selected="selectedCountry == `AR`" value="AR">Argentina</option>
<option :selected="selectedCountry == `AM`" value="AM">Armenia</option>
<option :selected="selectedCountry == `AW`" value="AW">Aruba</option>
<option :selected="selectedCountry == `AU`" value="AU">Australia</option>
<option :selected="selectedCountry == `AT`" value="AT">Austria</option>
<option :selected="selectedCountry == `AZ`" value="AZ">Azerbaijan</option>
<option :selected="selectedCountry == `BS`" value="BS">Bahamas</option>
<option :selected="selectedCountry == `BH`" value="BH">Bahrain</option>
<option :selected="selectedCountry == `BD`" value="BD">Bangladesh</option>
<option :selected="selectedCountry == `BB`" value="BB">Barbados</option>
<option :selected="selectedCountry == `BY`" value="BY">Belarus</option>
<option :selected="selectedCountry == `BE`" value="BE">Belgium</option>
<option :selected="selectedCountry == `BZ`" value="BZ">Belize</option>
<option :selected="selectedCountry == `BJ`" value="BJ">Benin</option>
<option :selected="selectedCountry == `BM`" value="BM">Bermuda</option>
<option :selected="selectedCountry == `BT`" value="BT">Bhutan</option>
<option :selected="selectedCountry == `BO`" value="BO">Bolivia</option>
<option :selected="selectedCountry == `BA`" value="BA">Bosnia & Herzegovina</option>
<option :selected="selectedCountry == `BW`" value="BW">Botswana</option>
<option :selected="selectedCountry == `BV`" value="BV">Bouvet Island</option>
<option :selected="selectedCountry == `BR`" value="BR">Brazil</option>
<option :selected="selectedCountry == `IO`" value="IO">British Indian Ocean Territory</option>
<option :selected="selectedCountry == `VG`" value="VG">British Virgin Islands</option>
<option :selected="selectedCountry == `BN`" value="BN">Brunei</option>
<option :selected="selectedCountry == `BG`" value="BG">Bulgaria</option>
<option :selected="selectedCountry == `BF`" value="BF">Burkina Faso</option>
<option :selected="selectedCountry == `BI`" value="BI">Burundi</option>
<option :selected="selectedCountry == `KH`" value="KH">Cambodia</option>
<option :selected="selectedCountry == `CM`" value="CM">Cameroon</option>
<option :selected="selectedCountry == `CA`" value="CA">Canada</option>
<option :selected="selectedCountry == `CV`" value="CV">Cape Verde</option>
<option :selected="selectedCountry == `BQ`" value="BQ">Caribbean Netherlands</option>
<option :selected="selectedCountry == `KY`" value="KY">Cayman Islands</option>
<option :selected="selectedCountry == `CF`" value="CF">Central African Republic</option>
<option :selected="selectedCountry == `TD`" value="TD">Chad</option>
<option :selected="selectedCountry == `CL`" value="CL">Chile</option>
<option :selected="selectedCountry == `CN`" value="CN">China</option>
<option :selected="selectedCountry == `CX`" value="CX">Christmas Island</option>
<option :selected="selectedCountry == `CC`" value="CC">Cocos (Keeling) Islands</option>
<option :selected="selectedCountry == `CO`" value="CO">Colombia</option>
<option :selected="selectedCountry == `KM`" value="KM">Comoros</option>
<option :selected="selectedCountry == `CG`" value="CG">Congo - Brazzaville</option>
<option :selected="selectedCountry == `CD`" value="CD">Congo - Kinshasa</option>
<option :selected="selectedCountry == `CK`" value="CK">Cook Islands</option>
<option :selected="selectedCountry == `CR`" value="CR">Costa Rica</option>
<option :selected="selectedCountry == `HR`" value="HR">Croatia</option>
<option :selected="selectedCountry == `CU`" value="CU">Cuba</option>
<option :selected="selectedCountry == `CW`" value="CW">Curaçao</option>
<option :selected="selectedCountry == `CY`" value="CY">Cyprus</option>
<option :selected="selectedCountry == `CZ`" value="CZ">Czechia</option>
<option :selected="selectedCountry == `CI`" value="CI">Côte d’Ivoire</option>
<option :selected="selectedCountry == `DK`" value="DK">Denmark</option>
<option :selected="selectedCountry == `DJ`" value="DJ">Djibouti</option>
<option :selected="selectedCountry == `DM`" value="DM">Dominica</option>
<option :selected="selectedCountry == `DO`" value="DO">Dominican Republic</option>
<option :selected="selectedCountry == `EC`" value="EC">Ecuador</option>
<option :selected="selectedCountry == `EG`" value="EG">Egypt</option>
<option :selected="selectedCountry == `SV`" value="SV">El Salvador</option>
<option :selected="selectedCountry == `GQ`" value="GQ">Equatorial Guinea</option>
<option :selected="selectedCountry == `ER`" value="ER">Eritrea</option>
<option :selected="selectedCountry == `EE`" value="EE">Estonia</option>
<option :selected="selectedCountry == `ET`" value="ET">Ethiopia</option>
<option :selected="selectedCountry == `FK`" value="FK">Falkland Islands</option>
<option :selected="selectedCountry == `FO`" value="FO">Faroe Islands</option>
<option :selected="selectedCountry == `FJ`" value="FJ">Fiji</option>
<option :selected="selectedCountry == `FI`" value="FI">Finland</option>
<option :selected="selectedCountry == `FR`" value="FR">France</option>
<option :selected="selectedCountry == `GF`" value="GF">French Guiana</option>
<option :selected="selectedCountry == `PF`" value="PF">French Polynesia</option>
<option :selected="selectedCountry == `TF`" value="TF">French Southern Territories</option>
<option :selected="selectedCountry == `GA`" value="GA">Gabon</option>
<option :selected="selectedCountry == `GM`" value="GM">Gambia</option>
<option :selected="selectedCountry == `GE`" value="GE">Georgia</option>
<option :selected="selectedCountry == `DE`" value="DE">Germany</option>
<option :selected="selectedCountry == `GH`" value="GH">Ghana</option>
<option :selected="selectedCountry == `GI`" value="GI">Gibraltar</option>
<option :selected="selectedCountry == `GR`" value="GR">Greece</option>
<option :selected="selectedCountry == `GL`" value="GL">Greenland</option>
<option :selected="selectedCountry == `GD`" value="GD">Grenada</option>
<option :selected="selectedCountry == `GP`" value="GP">Guadeloupe</option>
<option :selected="selectedCountry == `GU`" value="GU">Guam</option>
<option :selected="selectedCountry == `GT`" value="GT">Guatemala</option>
<option :selected="selectedCountry == `GG`" value="GG">Guernsey</option>
<option :selected="selectedCountry == `GN`" value="GN">Guinea</option>
<option :selected="selectedCountry == `GW`" value="GW">Guinea-Bissau</option>
<option :selected="selectedCountry == `GY`" value="GY">Guyana</option>
<option :selected="selectedCountry == `HT`" value="HT">Haiti</option>
<option :selected="selectedCountry == `HM`" value="HM">Heard & McDonald Islands</option>
<option :selected="selectedCountry == `HN`" value="HN">Honduras</option>
<option :selected="selectedCountry == `HK`" value="HK">Hong Kong SAR China</option>
<option :selected="selectedCountry == `HU`" value="HU">Hungary</option>
<option :selected="selectedCountry == `IS`" value="IS">Iceland</option>
<option :selected="selectedCountry == `IN`" value="IN">India</option>
<option :selected="selectedCountry == `ID`" value="ID">Indonesia</option>
<option :selected="selectedCountry == `IR`" value="IR">Iran</option>
<option :selected="selectedCountry == `IQ`" value="IQ">Iraq</option>
<option :selected="selectedCountry == `IE`" value="IE">Ireland</option>
<option :selected="selectedCountry == `IM`" value="IM">Isle of Man</option>
<option :selected="selectedCountry == `IL`" value="IL">Israel</option>
<option :selected="selectedCountry == `IT`" value="IT">Italy</option>
<option :selected="selectedCountry == `JM`" value="JM">Jamaica</option>
<option :selected="selectedCountry == `JP`" value="JP">Japan</option>
<option :selected="selectedCountry == `JE`" value="JE">Jersey</option>
<option :selected="selectedCountry == `JO`" value="JO">Jordan</option>
<option :selected="selectedCountry == `KZ`" value="KZ">Kazakhstan</option>
<option :selected="selectedCountry == `KE`" value="KE">Kenya</option>
<option :selected="selectedCountry == `KI`" value="KI">Kiribati</option>
<option :selected="selectedCountry == `KW`" value="KW">Kuwait</option>
<option :selected="selectedCountry == `KG`" value="KG">Kyrgyzstan</option>
<option :selected="selectedCountry == `LA`" value="LA">Laos</option>
<option :selected="selectedCountry == `LV`" value="LV">Latvia</option>
<option :selected="selectedCountry == `LB`" value="LB">Lebanon</option>
<option :selected="selectedCountry == `LS`" value="LS">Lesotho</option>
<option :selected="selectedCountry == `LR`" value="LR">Liberia</option>
<option :selected="selectedCountry == `LY`" value="LY">Libya</option>
<option :selected="selectedCountry == `LI`" value="LI">Liechtenstein</option>
<option :selected="selectedCountry == `LT`" value="LT">Lithuania</option>
<option :selected="selectedCountry == `LU`" value="LU">Luxembourg</option>
<option :selected="selectedCountry == `MO`" value="MO">Macau SAR China</option>
<option :selected="selectedCountry == `MK`" value="MK">Macedonia</option>
<option :selected="selectedCountry == `MG`" value="MG">Madagascar</option>
<option :selected="selectedCountry == `MW`" value="MW">Malawi</option>
<option :selected="selectedCountry == `MY`" value="MY">Malaysia</option>
<option :selected="selectedCountry == `MV`" value="MV">Maldives</option>
<option :selected="selectedCountry == `ML`" value="ML">Mali</option>
<option :selected="selectedCountry == `MT`" value="MT">Malta</option>
<option :selected="selectedCountry == `MH`" value="MH">Marshall Islands</option>
<option :selected="selectedCountry == `MQ`" value="MQ">Martinique</option>
<option :selected="selectedCountry == `MR`" value="MR">Mauritania</option>
<option :selected="selectedCountry == `MU`" value="MU">Mauritius</option>
<option :selected="selectedCountry == `YT`" value="YT">Mayotte</option>
<option :selected="selectedCountry == `MX`" value="MX">Mexico</option>
<option :selected="selectedCountry == `FM`" value="FM">Micronesia</option>
<option :selected="selectedCountry == `MD`" value="MD">Moldova</option>
<option :selected="selectedCountry == `MC`" value="MC">Monaco</option>
<option :selected="selectedCountry == `MN`" value="MN">Mongolia</option>
<option :selected="selectedCountry == `ME`" value="ME">Montenegro</option>
<option :selected="selectedCountry == `MS`" value="MS">Montserrat</option>
<option :selected="selectedCountry == `MA`" value="MA">Morocco</option>
<option :selected="selectedCountry == `MZ`" value="MZ">Mozambique</option>
<option :selected="selectedCountry == `MM`" value="MM">Myanmar (Burma)</option>
<option :selected="selectedCountry == `NA`" value="NA">Namibia</option>
<option :selected="selectedCountry == `NR`" value="NR">Nauru</option>
<option :selected="selectedCountry == `NP`" value="NP">Nepal</option>
<option :selected="selectedCountry == `NL`" value="NL">Netherlands</option>
<option :selected="selectedCountry == `NC`" value="NC">New Caledonia</option>
<option :selected="selectedCountry == `NZ`" value="NZ">New Zealand</option>
<option :selected="selectedCountry == `NI`" value="NI">Nicaragua</option>
<option :selected="selectedCountry == `NE`" value="NE">Niger</option>
<option :selected="selectedCountry == `NG`" value="NG">Nigeria</option>
<option :selected="selectedCountry == `NU`" value="NU">Niue</option>
<option :selected="selectedCountry == `NF`" value="NF">Norfolk Island</option>
<option :selected="selectedCountry == `KP`" value="KP">North Korea</option>
<option :selected="selectedCountry == `MP`" value="MP">Northern Mariana Islands</option>
<option :selected="selectedCountry == `NO`" value="NO">Norway</option>
<option :selected="selectedCountry == `OM`" value="OM">Oman</option>
<option :selected="selectedCountry == `PK`" value="PK">Pakistan</option>
<option :selected="selectedCountry == `PW`" value="PW">Palau</option>
<option :selected="selectedCountry == `PS`" value="PS">Palestinian Territories</option>
<option :selected="selectedCountry == `PA`" value="PA">Panama</option>
<option :selected="selectedCountry == `PG`" value="PG">Papua New Guinea</option>
<option :selected="selectedCountry == `PY`" value="PY">Paraguay</option>
<option :selected="selectedCountry == `PE`" value="PE">Peru</option>
<option :selected="selectedCountry == `PH`" value="PH">Philippines</option>
<option :selected="selectedCountry == `PN`" value="PN">Pitcairn Islands</option>
<option :selected="selectedCountry == `PL`" value="PL">Poland</option>
<option :selected="selectedCountry == `PT`" value="PT">Portugal</option>
<option :selected="selectedCountry == `PR`" value="PR">Puerto Rico</option>
<option :selected="selectedCountry == `QA`" value="QA">Qatar</option>
<option :selected="selectedCountry == `RO`" value="RO">Romania</option>
<option :selected="selectedCountry == `RU`" value="RU">Russia</option>
<option :selected="selectedCountry == `RW`" value="RW">Rwanda</option>
<option :selected="selectedCountry == `RE`" value="RE">Réunion</option>
<option :selected="selectedCountry == `WS`" value="WS">Samoa</option>
<option :selected="selectedCountry == `SM`" value="SM">San Marino</option>
<option :selected="selectedCountry == `SA`" value="SA">Saudi Arabia</option>
<option :selected="selectedCountry == `SN`" value="SN">Senegal</option>
<option :selected="selectedCountry == `RS`" value="RS">Serbia</option>
<option :selected="selectedCountry == `SC`" value="SC">Seychelles</option>
<option :selected="selectedCountry == `SL`" value="SL">Sierra Leone</option>
<option :selected="selectedCountry == `SG`" value="SG">Singapore</option>
<option :selected="selectedCountry == `SX`" value="SX">Sint Maarten</option>
<option :selected="selectedCountry == `SK`" value="SK">Slovakia</option>
<option :selected="selectedCountry == `SI`" value="SI">Slovenia</option>
<option :selected="selectedCountry == `SB`" value="SB">Solomon Islands</option>
<option :selected="selectedCountry == `SO`" value="SO">Somalia</option>
<option :selected="selectedCountry == `ZA`" value="ZA">South Africa</option>
<option :selected="selectedCountry == `GS`" value="GS">South Georgia & South Sandwich Islands</option>
<option :selected="selectedCountry == `KR`" value="KR">South Korea</option>
<option :selected="selectedCountry == `SS`" value="SS">South Sudan</option>
<option :selected="selectedCountry == `ES`" value="ES">Spain</option>
<option :selected="selectedCountry == `LK`" value="LK">Sri Lanka</option>
<option :selected="selectedCountry == `BL`" value="BL">St. Barthélemy</option>
<option :selected="selectedCountry == `SH`" value="SH">St. Helena</option>
<option :selected="selectedCountry == `KN`" value="KN">St. Kitts & Nevis</option>
<option :selected="selectedCountry == `LC`" value="LC">St. Lucia</option>
<option :selected="selectedCountry == `MF`" value="MF">St. Martin</option>
<option :selected="selectedCountry == `PM`" value="PM">St. Pierre & Miquelon</option>
<option :selected="selectedCountry == `VC`" value="VC">St. Vincent & Grenadines</option>
<option :selected="selectedCountry == `SD`" value="SD">Sudan</option>
<option :selected="selectedCountry == `SR`" value="SR">Suriname</option>
<option :selected="selectedCountry == `SJ`" value="SJ">Svalbard & Jan Mayen</option>
<option :selected="selectedCountry == `SZ`" value="SZ">Swaziland</option>
<option :selected="selectedCountry == `SE`" value="SE">Sweden</option>
<option :selected="selectedCountry == `CH`" value="CH">Switzerland</option>
<option :selected="selectedCountry == `SY`" value="SY">Syria</option>
<option :selected="selectedCountry == `ST`" value="ST">São Tomé & Príncipe</option>
<option :selected="selectedCountry == `TW`" value="TW">Taiwan</option>
<option :selected="selectedCountry == `TJ`" value="TJ">Tajikistan</option>
<option :selected="selectedCountry == `TZ`" value="TZ">Tanzania</option>
<option :selected="selectedCountry == `TH`" value="TH">Thailand</option>
<option :selected="selectedCountry == `TL`" value="TL">Timor-Leste</option>
<option :selected="selectedCountry == `TG`" value="TG">Togo</option>
<option :selected="selectedCountry == `TK`" value="TK">Tokelau</option>
<option :selected="selectedCountry == `TO`" value="TO">Tonga</option>
<option :selected="selectedCountry == `TT`" value="TT">Trinidad & Tobago</option>
<option :selected="selectedCountry == `TN`" value="TN">Tunisia</option>
<option :selected="selectedCountry == `TR`" value="TR">Turkey</option>
<option :selected="selectedCountry == `TM`" value="TM">Turkmenistan</option>
<option :selected="selectedCountry == `TC`" value="TC">Turks & Caicos Islands</option>
<option :selected="selectedCountry == `TV`" value="TV">Tuvalu</option>
<option :selected="selectedCountry == `UM`" value="UM">U.S. Outlying Islands</option>
<option :selected="selectedCountry == `VI`" value="VI">U.S. Virgin Islands</option>
<option :selected="selectedCountry == `UG`" value="UG">Uganda</option>
<option :selected="selectedCountry == `UA`" value="UA">Ukraine</option>
<option :selected="selectedCountry == `AE`" value="AE">United Arab Emirates</option>
<option :selected="selectedCountry == `GB`" value="GB">United Kingdom</option>
<option :selected="selectedCountry == `US`" value="US">United States</option>
<option :selected="selectedCountry == `UY`" value="UY">Uruguay</option>
<option :selected="selectedCountry == `UZ`" value="UZ">Uzbekistan</option>
<option :selected="selectedCountry == `VU`" value="VU">Vanuatu</option>
<option :selected="selectedCountry == `VA`" value="VA">Vatican City</option>
<option :selected="selectedCountry == `VE`" value="VE">Venezuela</option>
<option :selected="selectedCountry == `VN`" value="VN">Vietnam</option>
<option :selected="selectedCountry == `WF`" value="WF">Wallis & Futuna</option>
<option :selected="selectedCountry == `EH`" value="EH">Western Sahara</option>
<option :selected="selectedCountry == `YE`" value="YE">Yemen</option>
<option :selected="selectedCountry == `ZM`" value="ZM">Zambia</option>
<option :selected="selectedCountry == `ZW`" value="ZW">Zimbabwe</option>
<option :selected="selectedCountry == `AX`" value="AX">Åland Islands</option>
</select>
<div class="form-select hybrid-select__custom" :class="{'form-select--open' : open}" @click=" open = !open " :aria-hidden="open && !disabled">
<span class="select-label text-capitalize placeholder" x-bind:class=" !selectedCountry ? 'placeholder' : ''" x-text="label">Select the country</span>
<ul class="select-options text-capitalize" x-bind:class=" open ? 'open' : ''">
<li data-value="AF" data-label="Afghanistan" x-init="$watch('hasInitialized', () => {
if (`AF` == clientCountry) {
label = `Afghanistan`;
selectedCountry = `AF`;
}
})" @click="label = `Afghanistan`; selectedCountry = `AF`;"> Afghanistan </li>
<li data-value="AL" data-label="Albania" x-init="$watch('hasInitialized', () => {
if (`AL` == clientCountry) {
label = `Albania`;
selectedCountry = `AL`;
}
})" @click="label = `Albania`; selectedCountry = `AL`;"> Albania </li>
<li data-value="DZ" data-label="Algeria" x-init="$watch('hasInitialized', () => {
if (`DZ` == clientCountry) {
label = `Algeria`;
selectedCountry = `DZ`;
}
})" @click="label = `Algeria`; selectedCountry = `DZ`;"> Algeria </li>
<li data-value="AS" data-label="American Samoa" x-init="$watch('hasInitialized', () => {
if (`AS` == clientCountry) {
label = `American Samoa`;
selectedCountry = `AS`;
}
})" @click="label = `American Samoa`; selectedCountry = `AS`;"> American Samoa </li>
<li data-value="AD" data-label="Andorra" x-init="$watch('hasInitialized', () => {
if (`AD` == clientCountry) {
label = `Andorra`;
selectedCountry = `AD`;
}
})" @click="label = `Andorra`; selectedCountry = `AD`;"> Andorra </li>
<li data-value="AO" data-label="Angola" x-init="$watch('hasInitialized', () => {
if (`AO` == clientCountry) {
label = `Angola`;
selectedCountry = `AO`;
}
})" @click="label = `Angola`; selectedCountry = `AO`;"> Angola </li>
<li data-value="AI" data-label="Anguilla" x-init="$watch('hasInitialized', () => {
if (`AI` == clientCountry) {
label = `Anguilla`;
selectedCountry = `AI`;
}
})" @click="label = `Anguilla`; selectedCountry = `AI`;"> Anguilla </li>
<li data-value="AQ" data-label="Antarctica" x-init="$watch('hasInitialized', () => {
if (`AQ` == clientCountry) {
label = `Antarctica`;
selectedCountry = `AQ`;
}
})" @click="label = `Antarctica`; selectedCountry = `AQ`;"> Antarctica </li>
<li data-value="AG" data-label="Antigua & Barbuda" x-init="$watch('hasInitialized', () => {
if (`AG` == clientCountry) {
label = `Antigua & Barbuda`;
selectedCountry = `AG`;
}
})" @click="label = `Antigua & Barbuda`; selectedCountry = `AG`;"> Antigua & Barbuda </li>
<li data-value="AR" data-label="Argentina" x-init="$watch('hasInitialized', () => {
if (`AR` == clientCountry) {
label = `Argentina`;
selectedCountry = `AR`;
}
})" @click="label = `Argentina`; selectedCountry = `AR`;"> Argentina </li>
<li data-value="AM" data-label="Armenia" x-init="$watch('hasInitialized', () => {
if (`AM` == clientCountry) {
label = `Armenia`;
selectedCountry = `AM`;
}
})" @click="label = `Armenia`; selectedCountry = `AM`;"> Armenia </li>
<li data-value="AW" data-label="Aruba" x-init="$watch('hasInitialized', () => {
if (`AW` == clientCountry) {
label = `Aruba`;
selectedCountry = `AW`;
}
})" @click="label = `Aruba`; selectedCountry = `AW`;"> Aruba </li>
<li data-value="AU" data-label="Australia" x-init="$watch('hasInitialized', () => {
if (`AU` == clientCountry) {
label = `Australia`;
selectedCountry = `AU`;
}
})" @click="label = `Australia`; selectedCountry = `AU`;"> Australia </li>
<li data-value="AT" data-label="Austria" x-init="$watch('hasInitialized', () => {
if (`AT` == clientCountry) {
label = `Austria`;
selectedCountry = `AT`;
}
})" @click="label = `Austria`; selectedCountry = `AT`;"> Austria </li>
<li data-value="AZ" data-label="Azerbaijan" x-init="$watch('hasInitialized', () => {
if (`AZ` == clientCountry) {
label = `Azerbaijan`;
selectedCountry = `AZ`;
}
})" @click="label = `Azerbaijan`; selectedCountry = `AZ`;"> Azerbaijan </li>
<li data-value="BS" data-label="Bahamas" x-init="$watch('hasInitialized', () => {
if (`BS` == clientCountry) {
label = `Bahamas`;
selectedCountry = `BS`;
}
})" @click="label = `Bahamas`; selectedCountry = `BS`;"> Bahamas </li>
<li data-value="BH" data-label="Bahrain" x-init="$watch('hasInitialized', () => {
if (`BH` == clientCountry) {
label = `Bahrain`;
selectedCountry = `BH`;
}
})" @click="label = `Bahrain`; selectedCountry = `BH`;"> Bahrain </li>
<li data-value="BD" data-label="Bangladesh" x-init="$watch('hasInitialized', () => {
if (`BD` == clientCountry) {
label = `Bangladesh`;
selectedCountry = `BD`;
}
})" @click="label = `Bangladesh`; selectedCountry = `BD`;"> Bangladesh </li>
<li data-value="BB" data-label="Barbados" x-init="$watch('hasInitialized', () => {
if (`BB` == clientCountry) {
label = `Barbados`;
selectedCountry = `BB`;
}
})" @click="label = `Barbados`; selectedCountry = `BB`;"> Barbados </li>
<li data-value="BY" data-label="Belarus" x-init="$watch('hasInitialized', () => {
if (`BY` == clientCountry) {
label = `Belarus`;
selectedCountry = `BY`;
}
})" @click="label = `Belarus`; selectedCountry = `BY`;"> Belarus </li>
<li data-value="BE" data-label="Belgium" x-init="$watch('hasInitialized', () => {
if (`BE` == clientCountry) {
label = `Belgium`;
selectedCountry = `BE`;
}
})" @click="label = `Belgium`; selectedCountry = `BE`;"> Belgium </li>
<li data-value="BZ" data-label="Belize" x-init="$watch('hasInitialized', () => {
if (`BZ` == clientCountry) {
label = `Belize`;
selectedCountry = `BZ`;
}
})" @click="label = `Belize`; selectedCountry = `BZ`;"> Belize </li>
<li data-value="BJ" data-label="Benin" x-init="$watch('hasInitialized', () => {
if (`BJ` == clientCountry) {
label = `Benin`;
selectedCountry = `BJ`;
}
})" @click="label = `Benin`; selectedCountry = `BJ`;"> Benin </li>
<li data-value="BM" data-label="Bermuda" x-init="$watch('hasInitialized', () => {
if (`BM` == clientCountry) {
label = `Bermuda`;
selectedCountry = `BM`;
}
})" @click="label = `Bermuda`; selectedCountry = `BM`;"> Bermuda </li>
<li data-value="BT" data-label="Bhutan" x-init="$watch('hasInitialized', () => {
if (`BT` == clientCountry) {
label = `Bhutan`;
selectedCountry = `BT`;
}
})" @click="label = `Bhutan`; selectedCountry = `BT`;"> Bhutan </li>
<li data-value="BO" data-label="Bolivia" x-init="$watch('hasInitialized', () => {
if (`BO` == clientCountry) {
label = `Bolivia`;
selectedCountry = `BO`;
}
})" @click="label = `Bolivia`; selectedCountry = `BO`;"> Bolivia </li>
<li data-value="BA" data-label="Bosnia & Herzegovina" x-init="$watch('hasInitialized', () => {
if (`BA` == clientCountry) {
label = `Bosnia & Herzegovina`;
selectedCountry = `BA`;
}
})" @click="label = `Bosnia & Herzegovina`; selectedCountry = `BA`;"> Bosnia & Herzegovina </li>
<li data-value="BW" data-label="Botswana" x-init="$watch('hasInitialized', () => {
if (`BW` == clientCountry) {
label = `Botswana`;
selectedCountry = `BW`;
}
})" @click="label = `Botswana`; selectedCountry = `BW`;"> Botswana </li>
<li data-value="BV" data-label="Bouvet Island" x-init="$watch('hasInitialized', () => {
if (`BV` == clientCountry) {
label = `Bouvet Island`;
selectedCountry = `BV`;
}
})" @click="label = `Bouvet Island`; selectedCountry = `BV`;"> Bouvet Island </li>
<li data-value="BR" data-label="Brazil" x-init="$watch('hasInitialized', () => {
if (`BR` == clientCountry) {
label = `Brazil`;
selectedCountry = `BR`;
}
})" @click="label = `Brazil`; selectedCountry = `BR`;"> Brazil </li>
<li data-value="IO" data-label="British Indian Ocean Territory" x-init="$watch('hasInitialized', () => {
if (`IO` == clientCountry) {
label = `British Indian Ocean Territory`;
selectedCountry = `IO`;
}
})" @click="label = `British Indian Ocean Territory`; selectedCountry = `IO`;"> British Indian Ocean Territory </li>
<li data-value="VG" data-label="British Virgin Islands" x-init="$watch('hasInitialized', () => {
if (`VG` == clientCountry) {
label = `British Virgin Islands`;
selectedCountry = `VG`;
}
})" @click="label = `British Virgin Islands`; selectedCountry = `VG`;"> British Virgin Islands </li>
<li data-value="BN" data-label="Brunei" x-init="$watch('hasInitialized', () => {
if (`BN` == clientCountry) {
label = `Brunei`;
selectedCountry = `BN`;
}
})" @click="label = `Brunei`; selectedCountry = `BN`;"> Brunei </li>
<li data-value="BG" data-label="Bulgaria" x-init="$watch('hasInitialized', () => {
if (`BG` == clientCountry) {
label = `Bulgaria`;
selectedCountry = `BG`;
}
})" @click="label = `Bulgaria`; selectedCountry = `BG`;"> Bulgaria </li>
<li data-value="BF" data-label="Burkina Faso" x-init="$watch('hasInitialized', () => {
if (`BF` == clientCountry) {
label = `Burkina Faso`;
selectedCountry = `BF`;
}
})" @click="label = `Burkina Faso`; selectedCountry = `BF`;"> Burkina Faso </li>
<li data-value="BI" data-label="Burundi" x-init="$watch('hasInitialized', () => {
if (`BI` == clientCountry) {
label = `Burundi`;
selectedCountry = `BI`;
}
})" @click="label = `Burundi`; selectedCountry = `BI`;"> Burundi </li>
<li data-value="KH" data-label="Cambodia" x-init="$watch('hasInitialized', () => {
if (`KH` == clientCountry) {
label = `Cambodia`;
selectedCountry = `KH`;
}
})" @click="label = `Cambodia`; selectedCountry = `KH`;"> Cambodia </li>
<li data-value="CM" data-label="Cameroon" x-init="$watch('hasInitialized', () => {
if (`CM` == clientCountry) {
label = `Cameroon`;
selectedCountry = `CM`;
}
})" @click="label = `Cameroon`; selectedCountry = `CM`;"> Cameroon </li>
<li data-value="CA" data-label="Canada" x-init="$watch('hasInitialized', () => {
if (`CA` == clientCountry) {
label = `Canada`;
selectedCountry = `CA`;
}
})" @click="label = `Canada`; selectedCountry = `CA`;"> Canada </li>
<li data-value="CV" data-label="Cape Verde" x-init="$watch('hasInitialized', () => {
if (`CV` == clientCountry) {
label = `Cape Verde`;
selectedCountry = `CV`;
}
})" @click="label = `Cape Verde`; selectedCountry = `CV`;"> Cape Verde </li>
<li data-value="BQ" data-label="Caribbean Netherlands" x-init="$watch('hasInitialized', () => {
if (`BQ` == clientCountry) {
label = `Caribbean Netherlands`;
selectedCountry = `BQ`;
}
})" @click="label = `Caribbean Netherlands`; selectedCountry = `BQ`;"> Caribbean Netherlands </li>
<li data-value="KY" data-label="Cayman Islands" x-init="$watch('hasInitialized', () => {
if (`KY` == clientCountry) {
label = `Cayman Islands`;
selectedCountry = `KY`;
}
})" @click="label = `Cayman Islands`; selectedCountry = `KY`;"> Cayman Islands </li>
<li data-value="CF" data-label="Central African Republic" x-init="$watch('hasInitialized', () => {
if (`CF` == clientCountry) {
label = `Central African Republic`;
selectedCountry = `CF`;
}
})" @click="label = `Central African Republic`; selectedCountry = `CF`;"> Central African Republic </li>
<li data-value="TD" data-label="Chad" x-init="$watch('hasInitialized', () => {
if (`TD` == clientCountry) {
label = `Chad`;
selectedCountry = `TD`;
}
})" @click="label = `Chad`; selectedCountry = `TD`;"> Chad </li>
<li data-value="CL" data-label="Chile" x-init="$watch('hasInitialized', () => {
if (`CL` == clientCountry) {
label = `Chile`;
selectedCountry = `CL`;
}
})" @click="label = `Chile`; selectedCountry = `CL`;"> Chile </li>
<li data-value="CN" data-label="China" x-init="$watch('hasInitialized', () => {
if (`CN` == clientCountry) {
label = `China`;
selectedCountry = `CN`;
}
})" @click="label = `China`; selectedCountry = `CN`;"> China </li>
<li data-value="CX" data-label="Christmas Island" x-init="$watch('hasInitialized', () => {
if (`CX` == clientCountry) {
label = `Christmas Island`;
selectedCountry = `CX`;
}
})" @click="label = `Christmas Island`; selectedCountry = `CX`;"> Christmas Island </li>
<li data-value="CC" data-label="Cocos (Keeling) Islands" x-init="$watch('hasInitialized', () => {
if (`CC` == clientCountry) {
label = `Cocos (Keeling) Islands`;
selectedCountry = `CC`;
}
})" @click="label = `Cocos (Keeling) Islands`; selectedCountry = `CC`;"> Cocos (Keeling) Islands </li>
<li data-value="CO" data-label="Colombia" x-init="$watch('hasInitialized', () => {
if (`CO` == clientCountry) {
label = `Colombia`;
selectedCountry = `CO`;
}
})" @click="label = `Colombia`; selectedCountry = `CO`;"> Colombia </li>
<li data-value="KM" data-label="Comoros" x-init="$watch('hasInitialized', () => {
if (`KM` == clientCountry) {
label = `Comoros`;
selectedCountry = `KM`;
}
})" @click="label = `Comoros`; selectedCountry = `KM`;"> Comoros </li>
<li data-value="CG" data-label="Congo - Brazzaville" x-init="$watch('hasInitialized', () => {
if (`CG` == clientCountry) {
label = `Congo - Brazzaville`;
selectedCountry = `CG`;
}
})" @click="label = `Congo - Brazzaville`; selectedCountry = `CG`;"> Congo - Brazzaville </li>
<li data-value="CD" data-label="Congo - Kinshasa" x-init="$watch('hasInitialized', () => {
if (`CD` == clientCountry) {
label = `Congo - Kinshasa`;
selectedCountry = `CD`;
}
})" @click="label = `Congo - Kinshasa`; selectedCountry = `CD`;"> Congo - Kinshasa </li>
<li data-value="CK" data-label="Cook Islands" x-init="$watch('hasInitialized', () => {
if (`CK` == clientCountry) {
label = `Cook Islands`;
selectedCountry = `CK`;
}
})" @click="label = `Cook Islands`; selectedCountry = `CK`;"> Cook Islands </li>
<li data-value="CR" data-label="Costa Rica" x-init="$watch('hasInitialized', () => {
if (`CR` == clientCountry) {
label = `Costa Rica`;
selectedCountry = `CR`;
}
})" @click="label = `Costa Rica`; selectedCountry = `CR`;"> Costa Rica </li>
<li data-value="HR" data-label="Croatia" x-init="$watch('hasInitialized', () => {
if (`HR` == clientCountry) {
label = `Croatia`;
selectedCountry = `HR`;
}
})" @click="label = `Croatia`; selectedCountry = `HR`;"> Croatia </li>
<li data-value="CU" data-label="Cuba" x-init="$watch('hasInitialized', () => {
if (`CU` == clientCountry) {
label = `Cuba`;
selectedCountry = `CU`;
}
})" @click="label = `Cuba`; selectedCountry = `CU`;"> Cuba </li>
<li data-value="CW" data-label="Curaçao" x-init="$watch('hasInitialized', () => {
if (`CW` == clientCountry) {
label = `Curaçao`;
selectedCountry = `CW`;
}
})" @click="label = `Curaçao`; selectedCountry = `CW`;"> Curaçao </li>
<li data-value="CY" data-label="Cyprus" x-init="$watch('hasInitialized', () => {
if (`CY` == clientCountry) {
label = `Cyprus`;
selectedCountry = `CY`;
}
})" @click="label = `Cyprus`; selectedCountry = `CY`;"> Cyprus </li>
<li data-value="CZ" data-label="Czechia" x-init="$watch('hasInitialized', () => {
if (`CZ` == clientCountry) {
label = `Czechia`;
selectedCountry = `CZ`;
}
})" @click="label = `Czechia`; selectedCountry = `CZ`;"> Czechia </li>
<li data-value="CI" data-label="Côte d’Ivoire" x-init="$watch('hasInitialized', () => {
if (`CI` == clientCountry) {
label = `Côte d’Ivoire`;
selectedCountry = `CI`;
}
})" @click="label = `Côte d’Ivoire`; selectedCountry = `CI`;"> Côte d’Ivoire </li>
<li data-value="DK" data-label="Denmark" x-init="$watch('hasInitialized', () => {
if (`DK` == clientCountry) {
label = `Denmark`;
selectedCountry = `DK`;
}
})" @click="label = `Denmark`; selectedCountry = `DK`;"> Denmark </li>
<li data-value="DJ" data-label="Djibouti" x-init="$watch('hasInitialized', () => {
if (`DJ` == clientCountry) {
label = `Djibouti`;
selectedCountry = `DJ`;
}
})" @click="label = `Djibouti`; selectedCountry = `DJ`;"> Djibouti </li>
<li data-value="DM" data-label="Dominica" x-init="$watch('hasInitialized', () => {
if (`DM` == clientCountry) {
label = `Dominica`;
selectedCountry = `DM`;
}
})" @click="label = `Dominica`; selectedCountry = `DM`;"> Dominica </li>
<li data-value="DO" data-label="Dominican Republic" x-init="$watch('hasInitialized', () => {
if (`DO` == clientCountry) {
label = `Dominican Republic`;
selectedCountry = `DO`;
}
})" @click="label = `Dominican Republic`; selectedCountry = `DO`;"> Dominican Republic </li>
<li data-value="EC" data-label="Ecuador" x-init="$watch('hasInitialized', () => {
if (`EC` == clientCountry) {
label = `Ecuador`;
selectedCountry = `EC`;
}
})" @click="label = `Ecuador`; selectedCountry = `EC`;"> Ecuador </li>
<li data-value="EG" data-label="Egypt" x-init="$watch('hasInitialized', () => {
if (`EG` == clientCountry) {
label = `Egypt`;
selectedCountry = `EG`;
}
})" @click="label = `Egypt`; selectedCountry = `EG`;"> Egypt </li>
<li data-value="SV" data-label="El Salvador" x-init="$watch('hasInitialized', () => {
if (`SV` == clientCountry) {
label = `El Salvador`;
selectedCountry = `SV`;
}
})" @click="label = `El Salvador`; selectedCountry = `SV`;"> El Salvador </li>
<li data-value="GQ" data-label="Equatorial Guinea" x-init="$watch('hasInitialized', () => {
if (`GQ` == clientCountry) {
label = `Equatorial Guinea`;
selectedCountry = `GQ`;
}
})" @click="label = `Equatorial Guinea`; selectedCountry = `GQ`;"> Equatorial Guinea </li>
<li data-value="ER" data-label="Eritrea" x-init="$watch('hasInitialized', () => {
if (`ER` == clientCountry) {
label = `Eritrea`;
selectedCountry = `ER`;
}
})" @click="label = `Eritrea`; selectedCountry = `ER`;"> Eritrea </li>
<li data-value="EE" data-label="Estonia" x-init="$watch('hasInitialized', () => {
if (`EE` == clientCountry) {
label = `Estonia`;
selectedCountry = `EE`;
}
})" @click="label = `Estonia`; selectedCountry = `EE`;"> Estonia </li>
<li data-value="ET" data-label="Ethiopia" x-init="$watch('hasInitialized', () => {
if (`ET` == clientCountry) {
label = `Ethiopia`;
selectedCountry = `ET`;
}
})" @click="label = `Ethiopia`; selectedCountry = `ET`;"> Ethiopia </li>
<li data-value="FK" data-label="Falkland Islands" x-init="$watch('hasInitialized', () => {
if (`FK` == clientCountry) {
label = `Falkland Islands`;
selectedCountry = `FK`;
}
})" @click="label = `Falkland Islands`; selectedCountry = `FK`;"> Falkland Islands </li>
<li data-value="FO" data-label="Faroe Islands" x-init="$watch('hasInitialized', () => {
if (`FO` == clientCountry) {
label = `Faroe Islands`;
selectedCountry = `FO`;
}
})" @click="label = `Faroe Islands`; selectedCountry = `FO`;"> Faroe Islands </li>
<li data-value="FJ" data-label="Fiji" x-init="$watch('hasInitialized', () => {
if (`FJ` == clientCountry) {
label = `Fiji`;
selectedCountry = `FJ`;
}
})" @click="label = `Fiji`; selectedCountry = `FJ`;"> Fiji </li>
<li data-value="FI" data-label="Finland" x-init="$watch('hasInitialized', () => {
if (`FI` == clientCountry) {
label = `Finland`;
selectedCountry = `FI`;
}
})" @click="label = `Finland`; selectedCountry = `FI`;"> Finland </li>
<li data-value="FR" data-label="France" x-init="$watch('hasInitialized', () => {
if (`FR` == clientCountry) {
label = `France`;
selectedCountry = `FR`;
}
})" @click="label = `France`; selectedCountry = `FR`;"> France </li>
<li data-value="GF" data-label="French Guiana" x-init="$watch('hasInitialized', () => {
if (`GF` == clientCountry) {
label = `French Guiana`;
selectedCountry = `GF`;
}
})" @click="label = `French Guiana`; selectedCountry = `GF`;"> French Guiana </li>
<li data-value="PF" data-label="French Polynesia" x-init="$watch('hasInitialized', () => {
if (`PF` == clientCountry) {
label = `French Polynesia`;
selectedCountry = `PF`;
}
})" @click="label = `French Polynesia`; selectedCountry = `PF`;"> French Polynesia </li>
<li data-value="TF" data-label="French Southern Territories" x-init="$watch('hasInitialized', () => {
if (`TF` == clientCountry) {
label = `French Southern Territories`;
selectedCountry = `TF`;
}
})" @click="label = `French Southern Territories`; selectedCountry = `TF`;"> French Southern Territories </li>
<li data-value="GA" data-label="Gabon" x-init="$watch('hasInitialized', () => {
if (`GA` == clientCountry) {
label = `Gabon`;
selectedCountry = `GA`;
}
})" @click="label = `Gabon`; selectedCountry = `GA`;"> Gabon </li>
<li data-value="GM" data-label="Gambia" x-init="$watch('hasInitialized', () => {
if (`GM` == clientCountry) {
label = `Gambia`;
selectedCountry = `GM`;
}
})" @click="label = `Gambia`; selectedCountry = `GM`;"> Gambia </li>
<li data-value="GE" data-label="Georgia" x-init="$watch('hasInitialized', () => {
if (`GE` == clientCountry) {
label = `Georgia`;
selectedCountry = `GE`;
}
})" @click="label = `Georgia`; selectedCountry = `GE`;"> Georgia </li>
<li data-value="DE" data-label="Germany" x-init="$watch('hasInitialized', () => {
if (`DE` == clientCountry) {
label = `Germany`;
selectedCountry = `DE`;
}
})" @click="label = `Germany`; selectedCountry = `DE`;"> Germany </li>
<li data-value="GH" data-label="Ghana" x-init="$watch('hasInitialized', () => {
if (`GH` == clientCountry) {
label = `Ghana`;
selectedCountry = `GH`;
}
})" @click="label = `Ghana`; selectedCountry = `GH`;"> Ghana </li>
<li data-value="GI" data-label="Gibraltar" x-init="$watch('hasInitialized', () => {
if (`GI` == clientCountry) {
label = `Gibraltar`;
selectedCountry = `GI`;
}
})" @click="label = `Gibraltar`; selectedCountry = `GI`;"> Gibraltar </li>
<li data-value="GR" data-label="Greece" x-init="$watch('hasInitialized', () => {
if (`GR` == clientCountry) {
label = `Greece`;
selectedCountry = `GR`;
}
})" @click="label = `Greece`; selectedCountry = `GR`;"> Greece </li>
<li data-value="GL" data-label="Greenland" x-init="$watch('hasInitialized', () => {
if (`GL` == clientCountry) {
label = `Greenland`;
selectedCountry = `GL`;
}
})" @click="label = `Greenland`; selectedCountry = `GL`;"> Greenland </li>
<li data-value="GD" data-label="Grenada" x-init="$watch('hasInitialized', () => {
if (`GD` == clientCountry) {
label = `Grenada`;
selectedCountry = `GD`;
}
})" @click="label = `Grenada`; selectedCountry = `GD`;"> Grenada </li>
<li data-value="GP" data-label="Guadeloupe" x-init="$watch('hasInitialized', () => {
if (`GP` == clientCountry) {
label = `Guadeloupe`;
selectedCountry = `GP`;
}
})" @click="label = `Guadeloupe`; selectedCountry = `GP`;"> Guadeloupe </li>
<li data-value="GU" data-label="Guam" x-init="$watch('hasInitialized', () => {
if (`GU` == clientCountry) {
label = `Guam`;
selectedCountry = `GU`;
}
})" @click="label = `Guam`; selectedCountry = `GU`;"> Guam </li>
<li data-value="GT" data-label="Guatemala" x-init="$watch('hasInitialized', () => {
if (`GT` == clientCountry) {
label = `Guatemala`;
selectedCountry = `GT`;
}
})" @click="label = `Guatemala`; selectedCountry = `GT`;"> Guatemala </li>
<li data-value="GG" data-label="Guernsey" x-init="$watch('hasInitialized', () => {
if (`GG` == clientCountry) {
label = `Guernsey`;
selectedCountry = `GG`;
}
})" @click="label = `Guernsey`; selectedCountry = `GG`;"> Guernsey </li>
<li data-value="GN" data-label="Guinea" x-init="$watch('hasInitialized', () => {
if (`GN` == clientCountry) {
label = `Guinea`;
selectedCountry = `GN`;
}
})" @click="label = `Guinea`; selectedCountry = `GN`;"> Guinea </li>
<li data-value="GW" data-label="Guinea-Bissau" x-init="$watch('hasInitialized', () => {
if (`GW` == clientCountry) {
label = `Guinea-Bissau`;
selectedCountry = `GW`;
}
})" @click="label = `Guinea-Bissau`; selectedCountry = `GW`;"> Guinea-Bissau </li>
<li data-value="GY" data-label="Guyana" x-init="$watch('hasInitialized', () => {
if (`GY` == clientCountry) {
label = `Guyana`;
selectedCountry = `GY`;
}
})" @click="label = `Guyana`; selectedCountry = `GY`;"> Guyana </li>
<li data-value="HT" data-label="Haiti" x-init="$watch('hasInitialized', () => {
if (`HT` == clientCountry) {
label = `Haiti`;
selectedCountry = `HT`;
}
})" @click="label = `Haiti`; selectedCountry = `HT`;"> Haiti </li>
<li data-value="HM" data-label="Heard & McDonald Islands" x-init="$watch('hasInitialized', () => {
if (`HM` == clientCountry) {
label = `Heard & McDonald Islands`;
selectedCountry = `HM`;
}
})" @click="label = `Heard & McDonald Islands`; selectedCountry = `HM`;"> Heard & McDonald Islands </li>
<li data-value="HN" data-label="Honduras" x-init="$watch('hasInitialized', () => {
if (`HN` == clientCountry) {
label = `Honduras`;
selectedCountry = `HN`;
}
})" @click="label = `Honduras`; selectedCountry = `HN`;"> Honduras </li>
<li data-value="HK" data-label="Hong Kong SAR China" x-init="$watch('hasInitialized', () => {
if (`HK` == clientCountry) {
label = `Hong Kong SAR China`;
selectedCountry = `HK`;
}
})" @click="label = `Hong Kong SAR China`; selectedCountry = `HK`;"> Hong Kong SAR China </li>
<li data-value="HU" data-label="Hungary" x-init="$watch('hasInitialized', () => {
if (`HU` == clientCountry) {
label = `Hungary`;
selectedCountry = `HU`;
}
})" @click="label = `Hungary`; selectedCountry = `HU`;"> Hungary </li>
<li data-value="IS" data-label="Iceland" x-init="$watch('hasInitialized', () => {
if (`IS` == clientCountry) {
label = `Iceland`;
selectedCountry = `IS`;
}
})" @click="label = `Iceland`; selectedCountry = `IS`;"> Iceland </li>
<li data-value="IN" data-label="India" x-init="$watch('hasInitialized', () => {
if (`IN` == clientCountry) {
label = `India`;
selectedCountry = `IN`;
}
})" @click="label = `India`; selectedCountry = `IN`;"> India </li>
<li data-value="ID" data-label="Indonesia" x-init="$watch('hasInitialized', () => {
if (`ID` == clientCountry) {
label = `Indonesia`;
selectedCountry = `ID`;
}
})" @click="label = `Indonesia`; selectedCountry = `ID`;"> Indonesia </li>
<li data-value="IR" data-label="Iran" x-init="$watch('hasInitialized', () => {
if (`IR` == clientCountry) {
label = `Iran`;
selectedCountry = `IR`;
}
})" @click="label = `Iran`; selectedCountry = `IR`;"> Iran </li>
<li data-value="IQ" data-label="Iraq" x-init="$watch('hasInitialized', () => {
if (`IQ` == clientCountry) {
label = `Iraq`;
selectedCountry = `IQ`;
}
})" @click="label = `Iraq`; selectedCountry = `IQ`;"> Iraq </li>
<li data-value="IE" data-label="Ireland" x-init="$watch('hasInitialized', () => {
if (`IE` == clientCountry) {
label = `Ireland`;
selectedCountry = `IE`;
}
})" @click="label = `Ireland`; selectedCountry = `IE`;"> Ireland </li>
<li data-value="IM" data-label="Isle of Man" x-init="$watch('hasInitialized', () => {
if (`IM` == clientCountry) {
label = `Isle of Man`;
selectedCountry = `IM`;
}
})" @click="label = `Isle of Man`; selectedCountry = `IM`;"> Isle of Man </li>
<li data-value="IL" data-label="Israel" x-init="$watch('hasInitialized', () => {
if (`IL` == clientCountry) {
label = `Israel`;
selectedCountry = `IL`;
}
})" @click="label = `Israel`; selectedCountry = `IL`;"> Israel </li>
<li data-value="IT" data-label="Italy" x-init="$watch('hasInitialized', () => {
if (`IT` == clientCountry) {
label = `Italy`;
selectedCountry = `IT`;
}
})" @click="label = `Italy`; selectedCountry = `IT`;"> Italy </li>
<li data-value="JM" data-label="Jamaica" x-init="$watch('hasInitialized', () => {
if (`JM` == clientCountry) {
label = `Jamaica`;
selectedCountry = `JM`;
}
})" @click="label = `Jamaica`; selectedCountry = `JM`;"> Jamaica </li>
<li data-value="JP" data-label="Japan" x-init="$watch('hasInitialized', () => {
if (`JP` == clientCountry) {
label = `Japan`;
selectedCountry = `JP`;
}
})" @click="label = `Japan`; selectedCountry = `JP`;"> Japan </li>
<li data-value="JE" data-label="Jersey" x-init="$watch('hasInitialized', () => {
if (`JE` == clientCountry) {
label = `Jersey`;
selectedCountry = `JE`;
}
})" @click="label = `Jersey`; selectedCountry = `JE`;"> Jersey </li>
<li data-value="JO" data-label="Jordan" x-init="$watch('hasInitialized', () => {
if (`JO` == clientCountry) {
label = `Jordan`;
selectedCountry = `JO`;
}
})" @click="label = `Jordan`; selectedCountry = `JO`;"> Jordan </li>
<li data-value="KZ" data-label="Kazakhstan" x-init="$watch('hasInitialized', () => {
if (`KZ` == clientCountry) {
label = `Kazakhstan`;
selectedCountry = `KZ`;
}
})" @click="label = `Kazakhstan`; selectedCountry = `KZ`;"> Kazakhstan </li>
<li data-value="KE" data-label="Kenya" x-init="$watch('hasInitialized', () => {
if (`KE` == clientCountry) {
label = `Kenya`;
selectedCountry = `KE`;
}
})" @click="label = `Kenya`; selectedCountry = `KE`;"> Kenya </li>
<li data-value="KI" data-label="Kiribati" x-init="$watch('hasInitialized', () => {
if (`KI` == clientCountry) {
label = `Kiribati`;
selectedCountry = `KI`;
}
})" @click="label = `Kiribati`; selectedCountry = `KI`;"> Kiribati </li>
<li data-value="KW" data-label="Kuwait" x-init="$watch('hasInitialized', () => {
if (`KW` == clientCountry) {
label = `Kuwait`;
selectedCountry = `KW`;
}
})" @click="label = `Kuwait`; selectedCountry = `KW`;"> Kuwait </li>
<li data-value="KG" data-label="Kyrgyzstan" x-init="$watch('hasInitialized', () => {
if (`KG` == clientCountry) {
label = `Kyrgyzstan`;
selectedCountry = `KG`;
}
})" @click="label = `Kyrgyzstan`; selectedCountry = `KG`;"> Kyrgyzstan </li>
<li data-value="LA" data-label="Laos" x-init="$watch('hasInitialized', () => {
if (`LA` == clientCountry) {
label = `Laos`;
selectedCountry = `LA`;
}
})" @click="label = `Laos`; selectedCountry = `LA`;"> Laos </li>
<li data-value="LV" data-label="Latvia" x-init="$watch('hasInitialized', () => {
if (`LV` == clientCountry) {
label = `Latvia`;
selectedCountry = `LV`;
}
})" @click="label = `Latvia`; selectedCountry = `LV`;"> Latvia </li>
<li data-value="LB" data-label="Lebanon" x-init="$watch('hasInitialized', () => {
if (`LB` == clientCountry) {
label = `Lebanon`;
selectedCountry = `LB`;
}
})" @click="label = `Lebanon`; selectedCountry = `LB`;"> Lebanon </li>
<li data-value="LS" data-label="Lesotho" x-init="$watch('hasInitialized', () => {
if (`LS` == clientCountry) {
label = `Lesotho`;
selectedCountry = `LS`;
}
})" @click="label = `Lesotho`; selectedCountry = `LS`;"> Lesotho </li>
<li data-value="LR" data-label="Liberia" x-init="$watch('hasInitialized', () => {
if (`LR` == clientCountry) {
label = `Liberia`;
selectedCountry = `LR`;
}
})" @click="label = `Liberia`; selectedCountry = `LR`;"> Liberia </li>
<li data-value="LY" data-label="Libya" x-init="$watch('hasInitialized', () => {
if (`LY` == clientCountry) {
label = `Libya`;
selectedCountry = `LY`;
}
})" @click="label = `Libya`; selectedCountry = `LY`;"> Libya </li>
<li data-value="LI" data-label="Liechtenstein" x-init="$watch('hasInitialized', () => {
if (`LI` == clientCountry) {
label = `Liechtenstein`;
selectedCountry = `LI`;
}
})" @click="label = `Liechtenstein`; selectedCountry = `LI`;"> Liechtenstein </li>
<li data-value="LT" data-label="Lithuania" x-init="$watch('hasInitialized', () => {
if (`LT` == clientCountry) {
label = `Lithuania`;
selectedCountry = `LT`;
}
})" @click="label = `Lithuania`; selectedCountry = `LT`;"> Lithuania </li>
<li data-value="LU" data-label="Luxembourg" x-init="$watch('hasInitialized', () => {
if (`LU` == clientCountry) {
label = `Luxembourg`;
selectedCountry = `LU`;
}
})" @click="label = `Luxembourg`; selectedCountry = `LU`;"> Luxembourg </li>
<li data-value="MO" data-label="Macau SAR China" x-init="$watch('hasInitialized', () => {
if (`MO` == clientCountry) {
label = `Macau SAR China`;
selectedCountry = `MO`;
}
})" @click="label = `Macau SAR China`; selectedCountry = `MO`;"> Macau SAR China </li>
<li data-value="MK" data-label="Macedonia" x-init="$watch('hasInitialized', () => {
if (`MK` == clientCountry) {
label = `Macedonia`;
selectedCountry = `MK`;
}
})" @click="label = `Macedonia`; selectedCountry = `MK`;"> Macedonia </li>
<li data-value="MG" data-label="Madagascar" x-init="$watch('hasInitialized', () => {
if (`MG` == clientCountry) {
label = `Madagascar`;
selectedCountry = `MG`;
}
})" @click="label = `Madagascar`; selectedCountry = `MG`;"> Madagascar </li>
<li data-value="MW" data-label="Malawi" x-init="$watch('hasInitialized', () => {
if (`MW` == clientCountry) {
label = `Malawi`;
selectedCountry = `MW`;
}
})" @click="label = `Malawi`; selectedCountry = `MW`;"> Malawi </li>
<li data-value="MY" data-label="Malaysia" x-init="$watch('hasInitialized', () => {
if (`MY` == clientCountry) {
label = `Malaysia`;
selectedCountry = `MY`;
}
})" @click="label = `Malaysia`; selectedCountry = `MY`;"> Malaysia </li>
<li data-value="MV" data-label="Maldives" x-init="$watch('hasInitialized', () => {
if (`MV` == clientCountry) {
label = `Maldives`;
selectedCountry = `MV`;
}
})" @click="label = `Maldives`; selectedCountry = `MV`;"> Maldives </li>
<li data-value="ML" data-label="Mali" x-init="$watch('hasInitialized', () => {
if (`ML` == clientCountry) {
label = `Mali`;
selectedCountry = `ML`;
}
})" @click="label = `Mali`; selectedCountry = `ML`;"> Mali </li>
<li data-value="MT" data-label="Malta" x-init="$watch('hasInitialized', () => {
if (`MT` == clientCountry) {
label = `Malta`;
selectedCountry = `MT`;
}
})" @click="label = `Malta`; selectedCountry = `MT`;"> Malta </li>
<li data-value="MH" data-label="Marshall Islands" x-init="$watch('hasInitialized', () => {
if (`MH` == clientCountry) {
label = `Marshall Islands`;
selectedCountry = `MH`;
}
})" @click="label = `Marshall Islands`; selectedCountry = `MH`;"> Marshall Islands </li>
<li data-value="MQ" data-label="Martinique" x-init="$watch('hasInitialized', () => {
if (`MQ` == clientCountry) {
label = `Martinique`;
selectedCountry = `MQ`;
}
})" @click="label = `Martinique`; selectedCountry = `MQ`;"> Martinique </li>
<li data-value="MR" data-label="Mauritania" x-init="$watch('hasInitialized', () => {
if (`MR` == clientCountry) {
label = `Mauritania`;
selectedCountry = `MR`;
}
})" @click="label = `Mauritania`; selectedCountry = `MR`;"> Mauritania </li>
<li data-value="MU" data-label="Mauritius" x-init="$watch('hasInitialized', () => {
if (`MU` == clientCountry) {
label = `Mauritius`;
selectedCountry = `MU`;
}
})" @click="label = `Mauritius`; selectedCountry = `MU`;"> Mauritius </li>
<li data-value="YT" data-label="Mayotte" x-init="$watch('hasInitialized', () => {
if (`YT` == clientCountry) {
label = `Mayotte`;
selectedCountry = `YT`;
}
})" @click="label = `Mayotte`; selectedCountry = `YT`;"> Mayotte </li>
<li data-value="MX" data-label="Mexico" x-init="$watch('hasInitialized', () => {
if (`MX` == clientCountry) {
label = `Mexico`;
selectedCountry = `MX`;
}
})" @click="label = `Mexico`; selectedCountry = `MX`;"> Mexico </li>
<li data-value="FM" data-label="Micronesia" x-init="$watch('hasInitialized', () => {
if (`FM` == clientCountry) {
label = `Micronesia`;
selectedCountry = `FM`;
}
})" @click="label = `Micronesia`; selectedCountry = `FM`;"> Micronesia </li>
<li data-value="MD" data-label="Moldova" x-init="$watch('hasInitialized', () => {
if (`MD` == clientCountry) {
label = `Moldova`;
selectedCountry = `MD`;
}
})" @click="label = `Moldova`; selectedCountry = `MD`;"> Moldova </li>
<li data-value="MC" data-label="Monaco" x-init="$watch('hasInitialized', () => {
if (`MC` == clientCountry) {
label = `Monaco`;
selectedCountry = `MC`;
}
})" @click="label = `Monaco`; selectedCountry = `MC`;"> Monaco </li>
<li data-value="MN" data-label="Mongolia" x-init="$watch('hasInitialized', () => {
if (`MN` == clientCountry) {
label = `Mongolia`;
selectedCountry = `MN`;
}
})" @click="label = `Mongolia`; selectedCountry = `MN`;"> Mongolia </li>
<li data-value="ME" data-label="Montenegro" x-init="$watch('hasInitialized', () => {
if (`ME` == clientCountry) {
label = `Montenegro`;
selectedCountry = `ME`;
}
})" @click="label = `Montenegro`; selectedCountry = `ME`;"> Montenegro </li>
<li data-value="MS" data-label="Montserrat" x-init="$watch('hasInitialized', () => {
if (`MS` == clientCountry) {
label = `Montserrat`;
selectedCountry = `MS`;
}
})" @click="label = `Montserrat`; selectedCountry = `MS`;"> Montserrat </li>
<li data-value="MA" data-label="Morocco" x-init="$watch('hasInitialized', () => {
if (`MA` == clientCountry) {
label = `Morocco`;
selectedCountry = `MA`;
}
})" @click="label = `Morocco`; selectedCountry = `MA`;"> Morocco </li>
<li data-value="MZ" data-label="Mozambique" x-init="$watch('hasInitialized', () => {
if (`MZ` == clientCountry) {
label = `Mozambique`;
selectedCountry = `MZ`;
}
})" @click="label = `Mozambique`; selectedCountry = `MZ`;"> Mozambique </li>
<li data-value="MM" data-label="Myanmar (Burma)" x-init="$watch('hasInitialized', () => {
if (`MM` == clientCountry) {
label = `Myanmar (Burma)`;
selectedCountry = `MM`;
}
})" @click="label = `Myanmar (Burma)`; selectedCountry = `MM`;"> Myanmar (Burma) </li>
<li data-value="NA" data-label="Namibia" x-init="$watch('hasInitialized', () => {
if (`NA` == clientCountry) {
label = `Namibia`;
selectedCountry = `NA`;
}
})" @click="label = `Namibia`; selectedCountry = `NA`;"> Namibia </li>
<li data-value="NR" data-label="Nauru" x-init="$watch('hasInitialized', () => {
if (`NR` == clientCountry) {
label = `Nauru`;
selectedCountry = `NR`;
}
})" @click="label = `Nauru`; selectedCountry = `NR`;"> Nauru </li>
<li data-value="NP" data-label="Nepal" x-init="$watch('hasInitialized', () => {
if (`NP` == clientCountry) {
label = `Nepal`;
selectedCountry = `NP`;
}
})" @click="label = `Nepal`; selectedCountry = `NP`;"> Nepal </li>
<li data-value="NL" data-label="Netherlands" x-init="$watch('hasInitialized', () => {
if (`NL` == clientCountry) {
label = `Netherlands`;
selectedCountry = `NL`;
}
})" @click="label = `Netherlands`; selectedCountry = `NL`;"> Netherlands </li>
<li data-value="NC" data-label="New Caledonia" x-init="$watch('hasInitialized', () => {
if (`NC` == clientCountry) {
label = `New Caledonia`;
selectedCountry = `NC`;
}
})" @click="label = `New Caledonia`; selectedCountry = `NC`;"> New Caledonia </li>
<li data-value="NZ" data-label="New Zealand" x-init="$watch('hasInitialized', () => {
if (`NZ` == clientCountry) {
label = `New Zealand`;
selectedCountry = `NZ`;
}
})" @click="label = `New Zealand`; selectedCountry = `NZ`;"> New Zealand </li>
<li data-value="NI" data-label="Nicaragua" x-init="$watch('hasInitialized', () => {
if (`NI` == clientCountry) {
label = `Nicaragua`;
selectedCountry = `NI`;
}
})" @click="label = `Nicaragua`; selectedCountry = `NI`;"> Nicaragua </li>
<li data-value="NE" data-label="Niger" x-init="$watch('hasInitialized', () => {
if (`NE` == clientCountry) {
label = `Niger`;
selectedCountry = `NE`;
}
})" @click="label = `Niger`; selectedCountry = `NE`;"> Niger </li>
<li data-value="NG" data-label="Nigeria" x-init="$watch('hasInitialized', () => {
if (`NG` == clientCountry) {
label = `Nigeria`;
selectedCountry = `NG`;
}
})" @click="label = `Nigeria`; selectedCountry = `NG`;"> Nigeria </li>
<li data-value="NU" data-label="Niue" x-init="$watch('hasInitialized', () => {
if (`NU` == clientCountry) {
label = `Niue`;
selectedCountry = `NU`;
}
})" @click="label = `Niue`; selectedCountry = `NU`;"> Niue </li>
<li data-value="NF" data-label="Norfolk Island" x-init="$watch('hasInitialized', () => {
if (`NF` == clientCountry) {
label = `Norfolk Island`;
selectedCountry = `NF`;
}
})" @click="label = `Norfolk Island`; selectedCountry = `NF`;"> Norfolk Island </li>
<li data-value="KP" data-label="North Korea" x-init="$watch('hasInitialized', () => {
if (`KP` == clientCountry) {
label = `North Korea`;
selectedCountry = `KP`;
}
})" @click="label = `North Korea`; selectedCountry = `KP`;"> North Korea </li>
<li data-value="MP" data-label="Northern Mariana Islands" x-init="$watch('hasInitialized', () => {
if (`MP` == clientCountry) {
label = `Northern Mariana Islands`;
selectedCountry = `MP`;
}
})" @click="label = `Northern Mariana Islands`; selectedCountry = `MP`;"> Northern Mariana Islands </li>
<li data-value="NO" data-label="Norway" x-init="$watch('hasInitialized', () => {
if (`NO` == clientCountry) {
label = `Norway`;
selectedCountry = `NO`;
}
})" @click="label = `Norway`; selectedCountry = `NO`;"> Norway </li>
<li data-value="OM" data-label="Oman" x-init="$watch('hasInitialized', () => {
if (`OM` == clientCountry) {
label = `Oman`;
selectedCountry = `OM`;
}
})" @click="label = `Oman`; selectedCountry = `OM`;"> Oman </li>
<li data-value="PK" data-label="Pakistan" x-init="$watch('hasInitialized', () => {
if (`PK` == clientCountry) {
label = `Pakistan`;
selectedCountry = `PK`;
}
})" @click="label = `Pakistan`; selectedCountry = `PK`;"> Pakistan </li>
<li data-value="PW" data-label="Palau" x-init="$watch('hasInitialized', () => {
if (`PW` == clientCountry) {
label = `Palau`;
selectedCountry = `PW`;
}
})" @click="label = `Palau`; selectedCountry = `PW`;"> Palau </li>
<li data-value="PS" data-label="Palestinian Territories" x-init="$watch('hasInitialized', () => {
if (`PS` == clientCountry) {
label = `Palestinian Territories`;
selectedCountry = `PS`;
}
})" @click="label = `Palestinian Territories`; selectedCountry = `PS`;"> Palestinian Territories </li>
<li data-value="PA" data-label="Panama" x-init="$watch('hasInitialized', () => {
if (`PA` == clientCountry) {
label = `Panama`;
selectedCountry = `PA`;
}
})" @click="label = `Panama`; selectedCountry = `PA`;"> Panama </li>
<li data-value="PG" data-label="Papua New Guinea" x-init="$watch('hasInitialized', () => {
if (`PG` == clientCountry) {
label = `Papua New Guinea`;
selectedCountry = `PG`;
}
})" @click="label = `Papua New Guinea`; selectedCountry = `PG`;"> Papua New Guinea </li>
<li data-value="PY" data-label="Paraguay" x-init="$watch('hasInitialized', () => {
if (`PY` == clientCountry) {
label = `Paraguay`;
selectedCountry = `PY`;
}
})" @click="label = `Paraguay`; selectedCountry = `PY`;"> Paraguay </li>
<li data-value="PE" data-label="Peru" x-init="$watch('hasInitialized', () => {
if (`PE` == clientCountry) {
label = `Peru`;
selectedCountry = `PE`;
}
})" @click="label = `Peru`; selectedCountry = `PE`;"> Peru </li>
<li data-value="PH" data-label="Philippines" x-init="$watch('hasInitialized', () => {
if (`PH` == clientCountry) {
label = `Philippines`;
selectedCountry = `PH`;
}
})" @click="label = `Philippines`; selectedCountry = `PH`;"> Philippines </li>
<li data-value="PN" data-label="Pitcairn Islands" x-init="$watch('hasInitialized', () => {
if (`PN` == clientCountry) {
label = `Pitcairn Islands`;
selectedCountry = `PN`;
}
})" @click="label = `Pitcairn Islands`; selectedCountry = `PN`;"> Pitcairn Islands </li>
<li data-value="PL" data-label="Poland" x-init="$watch('hasInitialized', () => {
if (`PL` == clientCountry) {
label = `Poland`;
selectedCountry = `PL`;
}
})" @click="label = `Poland`; selectedCountry = `PL`;"> Poland </li>
<li data-value="PT" data-label="Portugal" x-init="$watch('hasInitialized', () => {
if (`PT` == clientCountry) {
label = `Portugal`;
selectedCountry = `PT`;
}
})" @click="label = `Portugal`; selectedCountry = `PT`;"> Portugal </li>
<li data-value="PR" data-label="Puerto Rico" x-init="$watch('hasInitialized', () => {
if (`PR` == clientCountry) {
label = `Puerto Rico`;
selectedCountry = `PR`;
}
})" @click="label = `Puerto Rico`; selectedCountry = `PR`;"> Puerto Rico </li>
<li data-value="QA" data-label="Qatar" x-init="$watch('hasInitialized', () => {
if (`QA` == clientCountry) {
label = `Qatar`;
selectedCountry = `QA`;
}
})" @click="label = `Qatar`; selectedCountry = `QA`;"> Qatar </li>
<li data-value="RO" data-label="Romania" x-init="$watch('hasInitialized', () => {
if (`RO` == clientCountry) {
label = `Romania`;
selectedCountry = `RO`;
}
})" @click="label = `Romania`; selectedCountry = `RO`;"> Romania </li>
<li data-value="RU" data-label="Russia" x-init="$watch('hasInitialized', () => {
if (`RU` == clientCountry) {
label = `Russia`;
selectedCountry = `RU`;
}
})" @click="label = `Russia`; selectedCountry = `RU`;"> Russia </li>
<li data-value="RW" data-label="Rwanda" x-init="$watch('hasInitialized', () => {
if (`RW` == clientCountry) {
label = `Rwanda`;
selectedCountry = `RW`;
}
})" @click="label = `Rwanda`; selectedCountry = `RW`;"> Rwanda </li>
<li data-value="RE" data-label="Réunion" x-init="$watch('hasInitialized', () => {
if (`RE` == clientCountry) {
label = `Réunion`;
selectedCountry = `RE`;
}
})" @click="label = `Réunion`; selectedCountry = `RE`;"> Réunion </li>
<li data-value="WS" data-label="Samoa" x-init="$watch('hasInitialized', () => {
if (`WS` == clientCountry) {
label = `Samoa`;
selectedCountry = `WS`;
}
})" @click="label = `Samoa`; selectedCountry = `WS`;"> Samoa </li>
<li data-value="SM" data-label="San Marino" x-init="$watch('hasInitialized', () => {
if (`SM` == clientCountry) {
label = `San Marino`;
selectedCountry = `SM`;
}
})" @click="label = `San Marino`; selectedCountry = `SM`;"> San Marino </li>
<li data-value="SA" data-label="Saudi Arabia" x-init="$watch('hasInitialized', () => {
if (`SA` == clientCountry) {
label = `Saudi Arabia`;
selectedCountry = `SA`;
}
})" @click="label = `Saudi Arabia`; selectedCountry = `SA`;"> Saudi Arabia </li>
<li data-value="SN" data-label="Senegal" x-init="$watch('hasInitialized', () => {
if (`SN` == clientCountry) {
label = `Senegal`;
selectedCountry = `SN`;
}
})" @click="label = `Senegal`; selectedCountry = `SN`;"> Senegal </li>
<li data-value="RS" data-label="Serbia" x-init="$watch('hasInitialized', () => {
if (`RS` == clientCountry) {
label = `Serbia`;
selectedCountry = `RS`;
}
})" @click="label = `Serbia`; selectedCountry = `RS`;"> Serbia </li>
<li data-value="SC" data-label="Seychelles" x-init="$watch('hasInitialized', () => {
if (`SC` == clientCountry) {
label = `Seychelles`;
selectedCountry = `SC`;
}
})" @click="label = `Seychelles`; selectedCountry = `SC`;"> Seychelles </li>
<li data-value="SL" data-label="Sierra Leone" x-init="$watch('hasInitialized', () => {
if (`SL` == clientCountry) {
label = `Sierra Leone`;
selectedCountry = `SL`;
}
})" @click="label = `Sierra Leone`; selectedCountry = `SL`;"> Sierra Leone </li>
<li data-value="SG" data-label="Singapore" x-init="$watch('hasInitialized', () => {
if (`SG` == clientCountry) {
label = `Singapore`;
selectedCountry = `SG`;
}
})" @click="label = `Singapore`; selectedCountry = `SG`;"> Singapore </li>
<li data-value="SX" data-label="Sint Maarten" x-init="$watch('hasInitialized', () => {
if (`SX` == clientCountry) {
label = `Sint Maarten`;
selectedCountry = `SX`;
}
})" @click="label = `Sint Maarten`; selectedCountry = `SX`;"> Sint Maarten </li>
<li data-value="SK" data-label="Slovakia" x-init="$watch('hasInitialized', () => {
if (`SK` == clientCountry) {
label = `Slovakia`;
selectedCountry = `SK`;
}
})" @click="label = `Slovakia`; selectedCountry = `SK`;"> Slovakia </li>
<li data-value="SI" data-label="Slovenia" x-init="$watch('hasInitialized', () => {
if (`SI` == clientCountry) {
label = `Slovenia`;
selectedCountry = `SI`;
}
})" @click="label = `Slovenia`; selectedCountry = `SI`;"> Slovenia </li>
<li data-value="SB" data-label="Solomon Islands" x-init="$watch('hasInitialized', () => {
if (`SB` == clientCountry) {
label = `Solomon Islands`;
selectedCountry = `SB`;
}
})" @click="label = `Solomon Islands`; selectedCountry = `SB`;"> Solomon Islands </li>
<li data-value="SO" data-label="Somalia" x-init="$watch('hasInitialized', () => {
if (`SO` == clientCountry) {
label = `Somalia`;
selectedCountry = `SO`;
}
})" @click="label = `Somalia`; selectedCountry = `SO`;"> Somalia </li>
<li data-value="ZA" data-label="South Africa" x-init="$watch('hasInitialized', () => {
if (`ZA` == clientCountry) {
label = `South Africa`;
selectedCountry = `ZA`;
}
})" @click="label = `South Africa`; selectedCountry = `ZA`;"> South Africa </li>
<li data-value="GS" data-label="South Georgia & South Sandwich Islands" x-init="$watch('hasInitialized', () => {
if (`GS` == clientCountry) {
label = `South Georgia & South Sandwich Islands`;
selectedCountry = `GS`;
}
})" @click="label = `South Georgia & South Sandwich Islands`; selectedCountry = `GS`;"> South Georgia & South Sandwich Islands </li>
<li data-value="KR" data-label="South Korea" x-init="$watch('hasInitialized', () => {
if (`KR` == clientCountry) {
label = `South Korea`;
selectedCountry = `KR`;
}
})" @click="label = `South Korea`; selectedCountry = `KR`;"> South Korea </li>
<li data-value="SS" data-label="South Sudan" x-init="$watch('hasInitialized', () => {
if (`SS` == clientCountry) {
label = `South Sudan`;
selectedCountry = `SS`;
}
})" @click="label = `South Sudan`; selectedCountry = `SS`;"> South Sudan </li>
<li data-value="ES" data-label="Spain" x-init="$watch('hasInitialized', () => {
if (`ES` == clientCountry) {
label = `Spain`;
selectedCountry = `ES`;
}
})" @click="label = `Spain`; selectedCountry = `ES`;"> Spain </li>
<li data-value="LK" data-label="Sri Lanka" x-init="$watch('hasInitialized', () => {
if (`LK` == clientCountry) {
label = `Sri Lanka`;
selectedCountry = `LK`;
}
})" @click="label = `Sri Lanka`; selectedCountry = `LK`;"> Sri Lanka </li>
<li data-value="BL" data-label="St. Barthélemy" x-init="$watch('hasInitialized', () => {
if (`BL` == clientCountry) {
label = `St. Barthélemy`;
selectedCountry = `BL`;
}
})" @click="label = `St. Barthélemy`; selectedCountry = `BL`;"> St. Barthélemy </li>
<li data-value="SH" data-label="St. Helena" x-init="$watch('hasInitialized', () => {
if (`SH` == clientCountry) {
label = `St. Helena`;
selectedCountry = `SH`;
}
})" @click="label = `St. Helena`; selectedCountry = `SH`;"> St. Helena </li>
<li data-value="KN" data-label="St. Kitts & Nevis" x-init="$watch('hasInitialized', () => {
if (`KN` == clientCountry) {
label = `St. Kitts & Nevis`;
selectedCountry = `KN`;
}
})" @click="label = `St. Kitts & Nevis`; selectedCountry = `KN`;"> St. Kitts & Nevis </li>
<li data-value="LC" data-label="St. Lucia" x-init="$watch('hasInitialized', () => {
if (`LC` == clientCountry) {
label = `St. Lucia`;
selectedCountry = `LC`;
}
})" @click="label = `St. Lucia`; selectedCountry = `LC`;"> St. Lucia </li>
<li data-value="MF" data-label="St. Martin" x-init="$watch('hasInitialized', () => {
if (`MF` == clientCountry) {
label = `St. Martin`;
selectedCountry = `MF`;
}
})" @click="label = `St. Martin`; selectedCountry = `MF`;"> St. Martin </li>
<li data-value="PM" data-label="St. Pierre & Miquelon" x-init="$watch('hasInitialized', () => {
if (`PM` == clientCountry) {
label = `St. Pierre & Miquelon`;
selectedCountry = `PM`;
}
})" @click="label = `St. Pierre & Miquelon`; selectedCountry = `PM`;"> St. Pierre & Miquelon </li>
<li data-value="VC" data-label="St. Vincent & Grenadines" x-init="$watch('hasInitialized', () => {
if (`VC` == clientCountry) {
label = `St. Vincent & Grenadines`;
selectedCountry = `VC`;
}
})" @click="label = `St. Vincent & Grenadines`; selectedCountry = `VC`;"> St. Vincent & Grenadines </li>
<li data-value="SD" data-label="Sudan" x-init="$watch('hasInitialized', () => {
if (`SD` == clientCountry) {
label = `Sudan`;
selectedCountry = `SD`;
}
})" @click="label = `Sudan`; selectedCountry = `SD`;"> Sudan </li>
<li data-value="SR" data-label="Suriname" x-init="$watch('hasInitialized', () => {
if (`SR` == clientCountry) {
label = `Suriname`;
selectedCountry = `SR`;
}
})" @click="label = `Suriname`; selectedCountry = `SR`;"> Suriname </li>
<li data-value="SJ" data-label="Svalbard & Jan Mayen" x-init="$watch('hasInitialized', () => {
if (`SJ` == clientCountry) {
label = `Svalbard & Jan Mayen`;
selectedCountry = `SJ`;
}
})" @click="label = `Svalbard & Jan Mayen`; selectedCountry = `SJ`;"> Svalbard & Jan Mayen </li>
<li data-value="SZ" data-label="Swaziland" x-init="$watch('hasInitialized', () => {
if (`SZ` == clientCountry) {
label = `Swaziland`;
selectedCountry = `SZ`;
}
})" @click="label = `Swaziland`; selectedCountry = `SZ`;"> Swaziland </li>
<li data-value="SE" data-label="Sweden" x-init="$watch('hasInitialized', () => {
if (`SE` == clientCountry) {
label = `Sweden`;
selectedCountry = `SE`;
}
})" @click="label = `Sweden`; selectedCountry = `SE`;"> Sweden </li>
<li data-value="CH" data-label="Switzerland" x-init="$watch('hasInitialized', () => {
if (`CH` == clientCountry) {
label = `Switzerland`;
selectedCountry = `CH`;
}
})" @click="label = `Switzerland`; selectedCountry = `CH`;"> Switzerland </li>
<li data-value="SY" data-label="Syria" x-init="$watch('hasInitialized', () => {
if (`SY` == clientCountry) {
label = `Syria`;
selectedCountry = `SY`;
}
})" @click="label = `Syria`; selectedCountry = `SY`;"> Syria </li>
<li data-value="ST" data-label="São Tomé & Príncipe" x-init="$watch('hasInitialized', () => {
if (`ST` == clientCountry) {
label = `São Tomé & Príncipe`;
selectedCountry = `ST`;
}
})" @click="label = `São Tomé & Príncipe`; selectedCountry = `ST`;"> São Tomé & Príncipe </li>
<li data-value="TW" data-label="Taiwan" x-init="$watch('hasInitialized', () => {
if (`TW` == clientCountry) {
label = `Taiwan`;
selectedCountry = `TW`;
}
})" @click="label = `Taiwan`; selectedCountry = `TW`;"> Taiwan </li>
<li data-value="TJ" data-label="Tajikistan" x-init="$watch('hasInitialized', () => {
if (`TJ` == clientCountry) {
label = `Tajikistan`;
selectedCountry = `TJ`;
}
})" @click="label = `Tajikistan`; selectedCountry = `TJ`;"> Tajikistan </li>
<li data-value="TZ" data-label="Tanzania" x-init="$watch('hasInitialized', () => {
if (`TZ` == clientCountry) {
label = `Tanzania`;
selectedCountry = `TZ`;
}
})" @click="label = `Tanzania`; selectedCountry = `TZ`;"> Tanzania </li>
<li data-value="TH" data-label="Thailand" x-init="$watch('hasInitialized', () => {
if (`TH` == clientCountry) {
label = `Thailand`;
selectedCountry = `TH`;
}
})" @click="label = `Thailand`; selectedCountry = `TH`;"> Thailand </li>
<li data-value="TL" data-label="Timor-Leste" x-init="$watch('hasInitialized', () => {
if (`TL` == clientCountry) {
label = `Timor-Leste`;
selectedCountry = `TL`;
}
})" @click="label = `Timor-Leste`; selectedCountry = `TL`;"> Timor-Leste </li>
<li data-value="TG" data-label="Togo" x-init="$watch('hasInitialized', () => {
if (`TG` == clientCountry) {
label = `Togo`;
selectedCountry = `TG`;
}
})" @click="label = `Togo`; selectedCountry = `TG`;"> Togo </li>
<li data-value="TK" data-label="Tokelau" x-init="$watch('hasInitialized', () => {
if (`TK` == clientCountry) {
label = `Tokelau`;
selectedCountry = `TK`;
}
})" @click="label = `Tokelau`; selectedCountry = `TK`;"> Tokelau </li>
<li data-value="TO" data-label="Tonga" x-init="$watch('hasInitialized', () => {
if (`TO` == clientCountry) {
label = `Tonga`;
selectedCountry = `TO`;
}
})" @click="label = `Tonga`; selectedCountry = `TO`;"> Tonga </li>
<li data-value="TT" data-label="Trinidad & Tobago" x-init="$watch('hasInitialized', () => {
if (`TT` == clientCountry) {
label = `Trinidad & Tobago`;
selectedCountry = `TT`;
}
})" @click="label = `Trinidad & Tobago`; selectedCountry = `TT`;"> Trinidad & Tobago </li>
<li data-value="TN" data-label="Tunisia" x-init="$watch('hasInitialized', () => {
if (`TN` == clientCountry) {
label = `Tunisia`;
selectedCountry = `TN`;
}
})" @click="label = `Tunisia`; selectedCountry = `TN`;"> Tunisia </li>
<li data-value="TR" data-label="Turkey" x-init="$watch('hasInitialized', () => {
if (`TR` == clientCountry) {
label = `Turkey`;
selectedCountry = `TR`;
}
})" @click="label = `Turkey`; selectedCountry = `TR`;"> Turkey </li>
<li data-value="TM" data-label="Turkmenistan" x-init="$watch('hasInitialized', () => {
if (`TM` == clientCountry) {
label = `Turkmenistan`;
selectedCountry = `TM`;
}
})" @click="label = `Turkmenistan`; selectedCountry = `TM`;"> Turkmenistan </li>
<li data-value="TC" data-label="Turks & Caicos Islands" x-init="$watch('hasInitialized', () => {
if (`TC` == clientCountry) {
label = `Turks & Caicos Islands`;
selectedCountry = `TC`;
}
})" @click="label = `Turks & Caicos Islands`; selectedCountry = `TC`;"> Turks & Caicos Islands </li>
<li data-value="TV" data-label="Tuvalu" x-init="$watch('hasInitialized', () => {
if (`TV` == clientCountry) {
label = `Tuvalu`;
selectedCountry = `TV`;
}
})" @click="label = `Tuvalu`; selectedCountry = `TV`;"> Tuvalu </li>
<li data-value="UM" data-label="U.S. Outlying Islands" x-init="$watch('hasInitialized', () => {
if (`UM` == clientCountry) {
label = `U.S. Outlying Islands`;
selectedCountry = `UM`;
}
})" @click="label = `U.S. Outlying Islands`; selectedCountry = `UM`;"> U.S. Outlying Islands </li>
<li data-value="VI" data-label="U.S. Virgin Islands" x-init="$watch('hasInitialized', () => {
if (`VI` == clientCountry) {
label = `U.S. Virgin Islands`;
selectedCountry = `VI`;
}
})" @click="label = `U.S. Virgin Islands`; selectedCountry = `VI`;"> U.S. Virgin Islands </li>
<li data-value="UG" data-label="Uganda" x-init="$watch('hasInitialized', () => {
if (`UG` == clientCountry) {
label = `Uganda`;
selectedCountry = `UG`;
}
})" @click="label = `Uganda`; selectedCountry = `UG`;"> Uganda </li>
<li data-value="UA" data-label="Ukraine" x-init="$watch('hasInitialized', () => {
if (`UA` == clientCountry) {
label = `Ukraine`;
selectedCountry = `UA`;
}
})" @click="label = `Ukraine`; selectedCountry = `UA`;"> Ukraine </li>
<li data-value="AE" data-label="United Arab Emirates" x-init="$watch('hasInitialized', () => {
if (`AE` == clientCountry) {
label = `United Arab Emirates`;
selectedCountry = `AE`;
}
})" @click="label = `United Arab Emirates`; selectedCountry = `AE`;"> United Arab Emirates </li>
<li data-value="GB" data-label="United Kingdom" x-init="$watch('hasInitialized', () => {
if (`GB` == clientCountry) {
label = `United Kingdom`;
selectedCountry = `GB`;
}
})" @click="label = `United Kingdom`; selectedCountry = `GB`;"> United Kingdom </li>
<li data-value="US" data-label="United States" x-init="$watch('hasInitialized', () => {
if (`US` == clientCountry) {
label = `United States`;
selectedCountry = `US`;
}
})" @click="label = `United States`; selectedCountry = `US`;"> United States </li>
<li data-value="UY" data-label="Uruguay" x-init="$watch('hasInitialized', () => {
if (`UY` == clientCountry) {
label = `Uruguay`;
selectedCountry = `UY`;
}
})" @click="label = `Uruguay`; selectedCountry = `UY`;"> Uruguay </li>
<li data-value="UZ" data-label="Uzbekistan" x-init="$watch('hasInitialized', () => {
if (`UZ` == clientCountry) {
label = `Uzbekistan`;
selectedCountry = `UZ`;
}
})" @click="label = `Uzbekistan`; selectedCountry = `UZ`;"> Uzbekistan </li>
<li data-value="VU" data-label="Vanuatu" x-init="$watch('hasInitialized', () => {
if (`VU` == clientCountry) {
label = `Vanuatu`;
selectedCountry = `VU`;
}
})" @click="label = `Vanuatu`; selectedCountry = `VU`;"> Vanuatu </li>
<li data-value="VA" data-label="Vatican City" x-init="$watch('hasInitialized', () => {
if (`VA` == clientCountry) {
label = `Vatican City`;
selectedCountry = `VA`;
}
})" @click="label = `Vatican City`; selectedCountry = `VA`;"> Vatican City </li>
<li data-value="VE" data-label="Venezuela" x-init="$watch('hasInitialized', () => {
if (`VE` == clientCountry) {
label = `Venezuela`;
selectedCountry = `VE`;
}
})" @click="label = `Venezuela`; selectedCountry = `VE`;"> Venezuela </li>
<li data-value="VN" data-label="Vietnam" x-init="$watch('hasInitialized', () => {
if (`VN` == clientCountry) {
label = `Vietnam`;
selectedCountry = `VN`;
}
})" @click="label = `Vietnam`; selectedCountry = `VN`;"> Vietnam </li>
<li data-value="WF" data-label="Wallis & Futuna" x-init="$watch('hasInitialized', () => {
if (`WF` == clientCountry) {
label = `Wallis & Futuna`;
selectedCountry = `WF`;
}
})" @click="label = `Wallis & Futuna`; selectedCountry = `WF`;"> Wallis & Futuna </li>
<li data-value="EH" data-label="Western Sahara" x-init="$watch('hasInitialized', () => {
if (`EH` == clientCountry) {
label = `Western Sahara`;
selectedCountry = `EH`;
}
})" @click="label = `Western Sahara`; selectedCountry = `EH`;"> Western Sahara </li>
<li data-value="YE" data-label="Yemen" x-init="$watch('hasInitialized', () => {
if (`YE` == clientCountry) {
label = `Yemen`;
selectedCountry = `YE`;
}
})" @click="label = `Yemen`; selectedCountry = `YE`;"> Yemen </li>
<li data-value="ZM" data-label="Zambia" x-init="$watch('hasInitialized', () => {
if (`ZM` == clientCountry) {
label = `Zambia`;
selectedCountry = `ZM`;
}
})" @click="label = `Zambia`; selectedCountry = `ZM`;"> Zambia </li>
<li data-value="ZW" data-label="Zimbabwe" x-init="$watch('hasInitialized', () => {
if (`ZW` == clientCountry) {
label = `Zimbabwe`;
selectedCountry = `ZW`;
}
})" @click="label = `Zimbabwe`; selectedCountry = `ZW`;"> Zimbabwe </li>
<li data-value="AX" data-label="Åland Islands" x-init="$watch('hasInitialized', () => {
if (`AX` == clientCountry) {
label = `Åland Islands`;
selectedCountry = `AX`;
}
})" @click="label = `Åland Islands`; selectedCountry = `AX`;"> Åland Islands </li>
</ul>
</div>
</div>
</div>
</div>
<div class="mb-5">
<div class="form-group" x-data="hybridSelect" x-init="label = `Select the language`" @click.outside="open = false">
<span id="select-label-language" class="form-label" @click="open = !open">Language* </span>
<input type="hidden" name="language" id="language" required="" x-bind:value="selectedLanguage" x-init="$watch('selectedLanguage', () => $el.dispatchEvent(new Event('change')));
$watch('selectedCountry', () => {
label = `Select the language`;
selectedLanguage = '';
url = undefined;
});
$watch('languageOptions', () => {
if (!selectedLanguage) {
console.log(languageOptions)
console.log(clientLanguage)
const languageOption = languageOptions && (languageOptions.find(language => language.value === clientLanguage) || languageOptions[0]);
if (languageOption) {
label = languageOption.label;
selectedLanguage = languageOption.value;
url = languageOption.url;
}
}
});">
<div class="hybrid-select">
<select id="select-lang" aria-labelledby="select-label-language" class="form-select hybrid-select__native"
@change="selectedLanguage = $event.target.value; label = Array.from($event.target.options)?.find((option) => option.value === $event.target.value)?.innerHTML">
<option value="" disabled="" selected="">Select the language</option>
<template x-for="option in languageOptions">
<option x-init="if (clientLanguage && option.value === clientLanguage) { label = option.label; selectedLanguage = option.value; url = option.url;}" :selected="selectedLanguage == option.value" :value="option.value"
x-text="option.label"></option>
</template>
</select>
<div class="form-select hybrid-select__custom" :class="{'form-select--open' : open}" @click=" open = !open " :aria-hidden="open">
<span class="select-label text-capitalize placeholder" x-bind:class=" !selectedLanguage ? 'placeholder' : ''" x-text="label">Select the language</span>
<ul class="select-options text-capitalize" x-bind:class=" open ? 'open' : ''">
<template x-for="option in languageOptions">
<li x-init="if (clientLanguage && option.value === clientLanguage) { label = option.label; selectedLanguage = option.value; url = option.url;}" :data-value="option.value" :data-label="option.label"
@click="label = option.label; selectedLanguage = option.value; url = option.url">
<span x-text="option.label"></span>
</li>
</template>
</ul>
</div>
</div>
<div class="invalid-feedback" x-bind:class="{ 'visually-hidden': !!open }"></div>
</div>
</div>
</form>
<form class="cmp-search-field__form">
<h3 class="d-md-none mb-5">Barco search</h3>
<div class="cmp-search-field__search">
<div class="search-field" data-search-open="">
<button class="icon-button icon-button--search" aria-label="Search" type="submit">
<span class="icon-button__icon search"></span>
</button>
<div class="suggestions">
<input data-search-input="" class="form-control" placeholder="Search" data-placeholder="Search" data-focused-placeholder="What are you searching for?" type="search" x-ref="input" @focus="if($isBreakpoint('md+')) activePanel = undefined"
x-model="queryString">
<ul data-search-suggestions=""></ul>
</div>
<button data-clear-input="" class="icon-button icon-button--clear opacity-0" x-bind:class="queryString != '' ? 'opacity-100' : 'opacity-0'" aria-label="Clear" @click="queryString = ''" type="button">
<span class="icon-button__icon clear"></span>
</button>
</div>
</div>
<button class="cmp-search-field__close icon-button rounded-circle" aria-label="Close search" data-search-close="" type="button">
<span class="icon-button__icon close"></span>
</button>
</form>
<form novalidate="">
<div class="mb-5" x-ref="countryField">
<div class="form-group" x-data="hybridSelect" x-init="label = `Select the country`" @click.outside="open = false">
<span id="select-label-country" class="form-label" @click="open = !open">Country/Region*</span>
<input type="hidden" name="country" id="country" required="" x-bind:value="selectedCountry" x-init="$watch('selectedCountry', () => {
$el.dispatchEvent(new Event('change'));
})">
<div class="hybrid-select">
<select id="select-country" aria-labelledby="select-label-country" class="form-select hybrid-select__native"
@change="selectedCountry = $event.target.value; label = Array.from($event.target.options)?.find((option) => option.value === $event.target.value)?.innerHTML">
<option value="" disabled="" selected="">Select the country</option>
<option :selected="selectedCountry == `AF`" value="AF">Afghanistan</option>
<option :selected="selectedCountry == `AL`" value="AL">Albania</option>
<option :selected="selectedCountry == `DZ`" value="DZ">Algeria</option>
<option :selected="selectedCountry == `AS`" value="AS">American Samoa</option>
<option :selected="selectedCountry == `AD`" value="AD">Andorra</option>
<option :selected="selectedCountry == `AO`" value="AO">Angola</option>
<option :selected="selectedCountry == `AI`" value="AI">Anguilla</option>
<option :selected="selectedCountry == `AQ`" value="AQ">Antarctica</option>
<option :selected="selectedCountry == `AG`" value="AG">Antigua & Barbuda</option>
<option :selected="selectedCountry == `AR`" value="AR">Argentina</option>
<option :selected="selectedCountry == `AM`" value="AM">Armenia</option>
<option :selected="selectedCountry == `AW`" value="AW">Aruba</option>
<option :selected="selectedCountry == `AU`" value="AU">Australia</option>
<option :selected="selectedCountry == `AT`" value="AT">Austria</option>
<option :selected="selectedCountry == `AZ`" value="AZ">Azerbaijan</option>
<option :selected="selectedCountry == `BS`" value="BS">Bahamas</option>
<option :selected="selectedCountry == `BH`" value="BH">Bahrain</option>
<option :selected="selectedCountry == `BD`" value="BD">Bangladesh</option>
<option :selected="selectedCountry == `BB`" value="BB">Barbados</option>
<option :selected="selectedCountry == `BY`" value="BY">Belarus</option>
<option :selected="selectedCountry == `BE`" value="BE">Belgium</option>
<option :selected="selectedCountry == `BZ`" value="BZ">Belize</option>
<option :selected="selectedCountry == `BJ`" value="BJ">Benin</option>
<option :selected="selectedCountry == `BM`" value="BM">Bermuda</option>
<option :selected="selectedCountry == `BT`" value="BT">Bhutan</option>
<option :selected="selectedCountry == `BO`" value="BO">Bolivia</option>
<option :selected="selectedCountry == `BA`" value="BA">Bosnia & Herzegovina</option>
<option :selected="selectedCountry == `BW`" value="BW">Botswana</option>
<option :selected="selectedCountry == `BV`" value="BV">Bouvet Island</option>
<option :selected="selectedCountry == `BR`" value="BR">Brazil</option>
<option :selected="selectedCountry == `IO`" value="IO">British Indian Ocean Territory</option>
<option :selected="selectedCountry == `VG`" value="VG">British Virgin Islands</option>
<option :selected="selectedCountry == `BN`" value="BN">Brunei</option>
<option :selected="selectedCountry == `BG`" value="BG">Bulgaria</option>
<option :selected="selectedCountry == `BF`" value="BF">Burkina Faso</option>
<option :selected="selectedCountry == `BI`" value="BI">Burundi</option>
<option :selected="selectedCountry == `KH`" value="KH">Cambodia</option>
<option :selected="selectedCountry == `CM`" value="CM">Cameroon</option>
<option :selected="selectedCountry == `CA`" value="CA">Canada</option>
<option :selected="selectedCountry == `CV`" value="CV">Cape Verde</option>
<option :selected="selectedCountry == `BQ`" value="BQ">Caribbean Netherlands</option>
<option :selected="selectedCountry == `KY`" value="KY">Cayman Islands</option>
<option :selected="selectedCountry == `CF`" value="CF">Central African Republic</option>
<option :selected="selectedCountry == `TD`" value="TD">Chad</option>
<option :selected="selectedCountry == `CL`" value="CL">Chile</option>
<option :selected="selectedCountry == `CN`" value="CN">China</option>
<option :selected="selectedCountry == `CX`" value="CX">Christmas Island</option>
<option :selected="selectedCountry == `CC`" value="CC">Cocos (Keeling) Islands</option>
<option :selected="selectedCountry == `CO`" value="CO">Colombia</option>
<option :selected="selectedCountry == `KM`" value="KM">Comoros</option>
<option :selected="selectedCountry == `CG`" value="CG">Congo - Brazzaville</option>
<option :selected="selectedCountry == `CD`" value="CD">Congo - Kinshasa</option>
<option :selected="selectedCountry == `CK`" value="CK">Cook Islands</option>
<option :selected="selectedCountry == `CR`" value="CR">Costa Rica</option>
<option :selected="selectedCountry == `HR`" value="HR">Croatia</option>
<option :selected="selectedCountry == `CU`" value="CU">Cuba</option>
<option :selected="selectedCountry == `CW`" value="CW">Curaçao</option>
<option :selected="selectedCountry == `CY`" value="CY">Cyprus</option>
<option :selected="selectedCountry == `CZ`" value="CZ">Czechia</option>
<option :selected="selectedCountry == `CI`" value="CI">Côte d’Ivoire</option>
<option :selected="selectedCountry == `DK`" value="DK">Denmark</option>
<option :selected="selectedCountry == `DJ`" value="DJ">Djibouti</option>
<option :selected="selectedCountry == `DM`" value="DM">Dominica</option>
<option :selected="selectedCountry == `DO`" value="DO">Dominican Republic</option>
<option :selected="selectedCountry == `EC`" value="EC">Ecuador</option>
<option :selected="selectedCountry == `EG`" value="EG">Egypt</option>
<option :selected="selectedCountry == `SV`" value="SV">El Salvador</option>
<option :selected="selectedCountry == `GQ`" value="GQ">Equatorial Guinea</option>
<option :selected="selectedCountry == `ER`" value="ER">Eritrea</option>
<option :selected="selectedCountry == `EE`" value="EE">Estonia</option>
<option :selected="selectedCountry == `ET`" value="ET">Ethiopia</option>
<option :selected="selectedCountry == `FK`" value="FK">Falkland Islands</option>
<option :selected="selectedCountry == `FO`" value="FO">Faroe Islands</option>
<option :selected="selectedCountry == `FJ`" value="FJ">Fiji</option>
<option :selected="selectedCountry == `FI`" value="FI">Finland</option>
<option :selected="selectedCountry == `FR`" value="FR">France</option>
<option :selected="selectedCountry == `GF`" value="GF">French Guiana</option>
<option :selected="selectedCountry == `PF`" value="PF">French Polynesia</option>
<option :selected="selectedCountry == `TF`" value="TF">French Southern Territories</option>
<option :selected="selectedCountry == `GA`" value="GA">Gabon</option>
<option :selected="selectedCountry == `GM`" value="GM">Gambia</option>
<option :selected="selectedCountry == `GE`" value="GE">Georgia</option>
<option :selected="selectedCountry == `DE`" value="DE">Germany</option>
<option :selected="selectedCountry == `GH`" value="GH">Ghana</option>
<option :selected="selectedCountry == `GI`" value="GI">Gibraltar</option>
<option :selected="selectedCountry == `GR`" value="GR">Greece</option>
<option :selected="selectedCountry == `GL`" value="GL">Greenland</option>
<option :selected="selectedCountry == `GD`" value="GD">Grenada</option>
<option :selected="selectedCountry == `GP`" value="GP">Guadeloupe</option>
<option :selected="selectedCountry == `GU`" value="GU">Guam</option>
<option :selected="selectedCountry == `GT`" value="GT">Guatemala</option>
<option :selected="selectedCountry == `GG`" value="GG">Guernsey</option>
<option :selected="selectedCountry == `GN`" value="GN">Guinea</option>
<option :selected="selectedCountry == `GW`" value="GW">Guinea-Bissau</option>
<option :selected="selectedCountry == `GY`" value="GY">Guyana</option>
<option :selected="selectedCountry == `HT`" value="HT">Haiti</option>
<option :selected="selectedCountry == `HM`" value="HM">Heard & McDonald Islands</option>
<option :selected="selectedCountry == `HN`" value="HN">Honduras</option>
<option :selected="selectedCountry == `HK`" value="HK">Hong Kong SAR China</option>
<option :selected="selectedCountry == `HU`" value="HU">Hungary</option>
<option :selected="selectedCountry == `IS`" value="IS">Iceland</option>
<option :selected="selectedCountry == `IN`" value="IN">India</option>
<option :selected="selectedCountry == `ID`" value="ID">Indonesia</option>
<option :selected="selectedCountry == `IR`" value="IR">Iran</option>
<option :selected="selectedCountry == `IQ`" value="IQ">Iraq</option>
<option :selected="selectedCountry == `IE`" value="IE">Ireland</option>
<option :selected="selectedCountry == `IM`" value="IM">Isle of Man</option>
<option :selected="selectedCountry == `IL`" value="IL">Israel</option>
<option :selected="selectedCountry == `IT`" value="IT">Italy</option>
<option :selected="selectedCountry == `JM`" value="JM">Jamaica</option>
<option :selected="selectedCountry == `JP`" value="JP">Japan</option>
<option :selected="selectedCountry == `JE`" value="JE">Jersey</option>
<option :selected="selectedCountry == `JO`" value="JO">Jordan</option>
<option :selected="selectedCountry == `KZ`" value="KZ">Kazakhstan</option>
<option :selected="selectedCountry == `KE`" value="KE">Kenya</option>
<option :selected="selectedCountry == `KI`" value="KI">Kiribati</option>
<option :selected="selectedCountry == `KW`" value="KW">Kuwait</option>
<option :selected="selectedCountry == `KG`" value="KG">Kyrgyzstan</option>
<option :selected="selectedCountry == `LA`" value="LA">Laos</option>
<option :selected="selectedCountry == `LV`" value="LV">Latvia</option>
<option :selected="selectedCountry == `LB`" value="LB">Lebanon</option>
<option :selected="selectedCountry == `LS`" value="LS">Lesotho</option>
<option :selected="selectedCountry == `LR`" value="LR">Liberia</option>
<option :selected="selectedCountry == `LY`" value="LY">Libya</option>
<option :selected="selectedCountry == `LI`" value="LI">Liechtenstein</option>
<option :selected="selectedCountry == `LT`" value="LT">Lithuania</option>
<option :selected="selectedCountry == `LU`" value="LU">Luxembourg</option>
<option :selected="selectedCountry == `MO`" value="MO">Macau SAR China</option>
<option :selected="selectedCountry == `MK`" value="MK">Macedonia</option>
<option :selected="selectedCountry == `MG`" value="MG">Madagascar</option>
<option :selected="selectedCountry == `MW`" value="MW">Malawi</option>
<option :selected="selectedCountry == `MY`" value="MY">Malaysia</option>
<option :selected="selectedCountry == `MV`" value="MV">Maldives</option>
<option :selected="selectedCountry == `ML`" value="ML">Mali</option>
<option :selected="selectedCountry == `MT`" value="MT">Malta</option>
<option :selected="selectedCountry == `MH`" value="MH">Marshall Islands</option>
<option :selected="selectedCountry == `MQ`" value="MQ">Martinique</option>
<option :selected="selectedCountry == `MR`" value="MR">Mauritania</option>
<option :selected="selectedCountry == `MU`" value="MU">Mauritius</option>
<option :selected="selectedCountry == `YT`" value="YT">Mayotte</option>
<option :selected="selectedCountry == `MX`" value="MX">Mexico</option>
<option :selected="selectedCountry == `FM`" value="FM">Micronesia</option>
<option :selected="selectedCountry == `MD`" value="MD">Moldova</option>
<option :selected="selectedCountry == `MC`" value="MC">Monaco</option>
<option :selected="selectedCountry == `MN`" value="MN">Mongolia</option>
<option :selected="selectedCountry == `ME`" value="ME">Montenegro</option>
<option :selected="selectedCountry == `MS`" value="MS">Montserrat</option>
<option :selected="selectedCountry == `MA`" value="MA">Morocco</option>
<option :selected="selectedCountry == `MZ`" value="MZ">Mozambique</option>
<option :selected="selectedCountry == `MM`" value="MM">Myanmar (Burma)</option>
<option :selected="selectedCountry == `NA`" value="NA">Namibia</option>
<option :selected="selectedCountry == `NR`" value="NR">Nauru</option>
<option :selected="selectedCountry == `NP`" value="NP">Nepal</option>
<option :selected="selectedCountry == `NL`" value="NL">Netherlands</option>
<option :selected="selectedCountry == `NC`" value="NC">New Caledonia</option>
<option :selected="selectedCountry == `NZ`" value="NZ">New Zealand</option>
<option :selected="selectedCountry == `NI`" value="NI">Nicaragua</option>
<option :selected="selectedCountry == `NE`" value="NE">Niger</option>
<option :selected="selectedCountry == `NG`" value="NG">Nigeria</option>
<option :selected="selectedCountry == `NU`" value="NU">Niue</option>
<option :selected="selectedCountry == `NF`" value="NF">Norfolk Island</option>
<option :selected="selectedCountry == `KP`" value="KP">North Korea</option>
<option :selected="selectedCountry == `MP`" value="MP">Northern Mariana Islands</option>
<option :selected="selectedCountry == `NO`" value="NO">Norway</option>
<option :selected="selectedCountry == `OM`" value="OM">Oman</option>
<option :selected="selectedCountry == `PK`" value="PK">Pakistan</option>
<option :selected="selectedCountry == `PW`" value="PW">Palau</option>
<option :selected="selectedCountry == `PS`" value="PS">Palestinian Territories</option>
<option :selected="selectedCountry == `PA`" value="PA">Panama</option>
<option :selected="selectedCountry == `PG`" value="PG">Papua New Guinea</option>
<option :selected="selectedCountry == `PY`" value="PY">Paraguay</option>
<option :selected="selectedCountry == `PE`" value="PE">Peru</option>
<option :selected="selectedCountry == `PH`" value="PH">Philippines</option>
<option :selected="selectedCountry == `PN`" value="PN">Pitcairn Islands</option>
<option :selected="selectedCountry == `PL`" value="PL">Poland</option>
<option :selected="selectedCountry == `PT`" value="PT">Portugal</option>
<option :selected="selectedCountry == `PR`" value="PR">Puerto Rico</option>
<option :selected="selectedCountry == `QA`" value="QA">Qatar</option>
<option :selected="selectedCountry == `RO`" value="RO">Romania</option>
<option :selected="selectedCountry == `RU`" value="RU">Russia</option>
<option :selected="selectedCountry == `RW`" value="RW">Rwanda</option>
<option :selected="selectedCountry == `RE`" value="RE">Réunion</option>
<option :selected="selectedCountry == `WS`" value="WS">Samoa</option>
<option :selected="selectedCountry == `SM`" value="SM">San Marino</option>
<option :selected="selectedCountry == `SA`" value="SA">Saudi Arabia</option>
<option :selected="selectedCountry == `SN`" value="SN">Senegal</option>
<option :selected="selectedCountry == `RS`" value="RS">Serbia</option>
<option :selected="selectedCountry == `SC`" value="SC">Seychelles</option>
<option :selected="selectedCountry == `SL`" value="SL">Sierra Leone</option>
<option :selected="selectedCountry == `SG`" value="SG">Singapore</option>
<option :selected="selectedCountry == `SX`" value="SX">Sint Maarten</option>
<option :selected="selectedCountry == `SK`" value="SK">Slovakia</option>
<option :selected="selectedCountry == `SI`" value="SI">Slovenia</option>
<option :selected="selectedCountry == `SB`" value="SB">Solomon Islands</option>
<option :selected="selectedCountry == `SO`" value="SO">Somalia</option>
<option :selected="selectedCountry == `ZA`" value="ZA">South Africa</option>
<option :selected="selectedCountry == `GS`" value="GS">South Georgia & South Sandwich Islands</option>
<option :selected="selectedCountry == `KR`" value="KR">South Korea</option>
<option :selected="selectedCountry == `SS`" value="SS">South Sudan</option>
<option :selected="selectedCountry == `ES`" value="ES">Spain</option>
<option :selected="selectedCountry == `LK`" value="LK">Sri Lanka</option>
<option :selected="selectedCountry == `BL`" value="BL">St. Barthélemy</option>
<option :selected="selectedCountry == `SH`" value="SH">St. Helena</option>
<option :selected="selectedCountry == `KN`" value="KN">St. Kitts & Nevis</option>
<option :selected="selectedCountry == `LC`" value="LC">St. Lucia</option>
<option :selected="selectedCountry == `MF`" value="MF">St. Martin</option>
<option :selected="selectedCountry == `PM`" value="PM">St. Pierre & Miquelon</option>
<option :selected="selectedCountry == `VC`" value="VC">St. Vincent & Grenadines</option>
<option :selected="selectedCountry == `SD`" value="SD">Sudan</option>
<option :selected="selectedCountry == `SR`" value="SR">Suriname</option>
<option :selected="selectedCountry == `SJ`" value="SJ">Svalbard & Jan Mayen</option>
<option :selected="selectedCountry == `SZ`" value="SZ">Swaziland</option>
<option :selected="selectedCountry == `SE`" value="SE">Sweden</option>
<option :selected="selectedCountry == `CH`" value="CH">Switzerland</option>
<option :selected="selectedCountry == `SY`" value="SY">Syria</option>
<option :selected="selectedCountry == `ST`" value="ST">São Tomé & Príncipe</option>
<option :selected="selectedCountry == `TW`" value="TW">Taiwan</option>
<option :selected="selectedCountry == `TJ`" value="TJ">Tajikistan</option>
<option :selected="selectedCountry == `TZ`" value="TZ">Tanzania</option>
<option :selected="selectedCountry == `TH`" value="TH">Thailand</option>
<option :selected="selectedCountry == `TL`" value="TL">Timor-Leste</option>
<option :selected="selectedCountry == `TG`" value="TG">Togo</option>
<option :selected="selectedCountry == `TK`" value="TK">Tokelau</option>
<option :selected="selectedCountry == `TO`" value="TO">Tonga</option>
<option :selected="selectedCountry == `TT`" value="TT">Trinidad & Tobago</option>
<option :selected="selectedCountry == `TN`" value="TN">Tunisia</option>
<option :selected="selectedCountry == `TR`" value="TR">Turkey</option>
<option :selected="selectedCountry == `TM`" value="TM">Turkmenistan</option>
<option :selected="selectedCountry == `TC`" value="TC">Turks & Caicos Islands</option>
<option :selected="selectedCountry == `TV`" value="TV">Tuvalu</option>
<option :selected="selectedCountry == `UM`" value="UM">U.S. Outlying Islands</option>
<option :selected="selectedCountry == `VI`" value="VI">U.S. Virgin Islands</option>
<option :selected="selectedCountry == `UG`" value="UG">Uganda</option>
<option :selected="selectedCountry == `UA`" value="UA">Ukraine</option>
<option :selected="selectedCountry == `AE`" value="AE">United Arab Emirates</option>
<option :selected="selectedCountry == `GB`" value="GB">United Kingdom</option>
<option :selected="selectedCountry == `US`" value="US">United States</option>
<option :selected="selectedCountry == `UY`" value="UY">Uruguay</option>
<option :selected="selectedCountry == `UZ`" value="UZ">Uzbekistan</option>
<option :selected="selectedCountry == `VU`" value="VU">Vanuatu</option>
<option :selected="selectedCountry == `VA`" value="VA">Vatican City</option>
<option :selected="selectedCountry == `VE`" value="VE">Venezuela</option>
<option :selected="selectedCountry == `VN`" value="VN">Vietnam</option>
<option :selected="selectedCountry == `WF`" value="WF">Wallis & Futuna</option>
<option :selected="selectedCountry == `EH`" value="EH">Western Sahara</option>
<option :selected="selectedCountry == `YE`" value="YE">Yemen</option>
<option :selected="selectedCountry == `ZM`" value="ZM">Zambia</option>
<option :selected="selectedCountry == `ZW`" value="ZW">Zimbabwe</option>
<option :selected="selectedCountry == `AX`" value="AX">Åland Islands</option>
</select>
<div class="form-select hybrid-select__custom" :class="{'form-select--open' : open}" @click=" open = !open " :aria-hidden="open && !disabled">
<span class="select-label text-capitalize placeholder" x-bind:class=" !selectedCountry ? 'placeholder' : ''" x-text="label">Select the country</span>
<ul class="select-options text-capitalize" x-bind:class=" open ? 'open' : ''">
<li data-value="AF" data-label="Afghanistan" x-init="$watch('hasInitialized', () => {
if (`AF` == clientCountry) {
label = `Afghanistan`;
selectedCountry = `AF`;
}
})" @click="label = `Afghanistan`; selectedCountry = `AF`;"> Afghanistan </li>
<li data-value="AL" data-label="Albania" x-init="$watch('hasInitialized', () => {
if (`AL` == clientCountry) {
label = `Albania`;
selectedCountry = `AL`;
}
})" @click="label = `Albania`; selectedCountry = `AL`;"> Albania </li>
<li data-value="DZ" data-label="Algeria" x-init="$watch('hasInitialized', () => {
if (`DZ` == clientCountry) {
label = `Algeria`;
selectedCountry = `DZ`;
}
})" @click="label = `Algeria`; selectedCountry = `DZ`;"> Algeria </li>
<li data-value="AS" data-label="American Samoa" x-init="$watch('hasInitialized', () => {
if (`AS` == clientCountry) {
label = `American Samoa`;
selectedCountry = `AS`;
}
})" @click="label = `American Samoa`; selectedCountry = `AS`;"> American Samoa </li>
<li data-value="AD" data-label="Andorra" x-init="$watch('hasInitialized', () => {
if (`AD` == clientCountry) {
label = `Andorra`;
selectedCountry = `AD`;
}
})" @click="label = `Andorra`; selectedCountry = `AD`;"> Andorra </li>
<li data-value="AO" data-label="Angola" x-init="$watch('hasInitialized', () => {
if (`AO` == clientCountry) {
label = `Angola`;
selectedCountry = `AO`;
}
})" @click="label = `Angola`; selectedCountry = `AO`;"> Angola </li>
<li data-value="AI" data-label="Anguilla" x-init="$watch('hasInitialized', () => {
if (`AI` == clientCountry) {
label = `Anguilla`;
selectedCountry = `AI`;
}
})" @click="label = `Anguilla`; selectedCountry = `AI`;"> Anguilla </li>
<li data-value="AQ" data-label="Antarctica" x-init="$watch('hasInitialized', () => {
if (`AQ` == clientCountry) {
label = `Antarctica`;
selectedCountry = `AQ`;
}
})" @click="label = `Antarctica`; selectedCountry = `AQ`;"> Antarctica </li>
<li data-value="AG" data-label="Antigua & Barbuda" x-init="$watch('hasInitialized', () => {
if (`AG` == clientCountry) {
label = `Antigua & Barbuda`;
selectedCountry = `AG`;
}
})" @click="label = `Antigua & Barbuda`; selectedCountry = `AG`;"> Antigua & Barbuda </li>
<li data-value="AR" data-label="Argentina" x-init="$watch('hasInitialized', () => {
if (`AR` == clientCountry) {
label = `Argentina`;
selectedCountry = `AR`;
}
})" @click="label = `Argentina`; selectedCountry = `AR`;"> Argentina </li>
<li data-value="AM" data-label="Armenia" x-init="$watch('hasInitialized', () => {
if (`AM` == clientCountry) {
label = `Armenia`;
selectedCountry = `AM`;
}
})" @click="label = `Armenia`; selectedCountry = `AM`;"> Armenia </li>
<li data-value="AW" data-label="Aruba" x-init="$watch('hasInitialized', () => {
if (`AW` == clientCountry) {
label = `Aruba`;
selectedCountry = `AW`;
}
})" @click="label = `Aruba`; selectedCountry = `AW`;"> Aruba </li>
<li data-value="AU" data-label="Australia" x-init="$watch('hasInitialized', () => {
if (`AU` == clientCountry) {
label = `Australia`;
selectedCountry = `AU`;
}
})" @click="label = `Australia`; selectedCountry = `AU`;"> Australia </li>
<li data-value="AT" data-label="Austria" x-init="$watch('hasInitialized', () => {
if (`AT` == clientCountry) {
label = `Austria`;
selectedCountry = `AT`;
}
})" @click="label = `Austria`; selectedCountry = `AT`;"> Austria </li>
<li data-value="AZ" data-label="Azerbaijan" x-init="$watch('hasInitialized', () => {
if (`AZ` == clientCountry) {
label = `Azerbaijan`;
selectedCountry = `AZ`;
}
})" @click="label = `Azerbaijan`; selectedCountry = `AZ`;"> Azerbaijan </li>
<li data-value="BS" data-label="Bahamas" x-init="$watch('hasInitialized', () => {
if (`BS` == clientCountry) {
label = `Bahamas`;
selectedCountry = `BS`;
}
})" @click="label = `Bahamas`; selectedCountry = `BS`;"> Bahamas </li>
<li data-value="BH" data-label="Bahrain" x-init="$watch('hasInitialized', () => {
if (`BH` == clientCountry) {
label = `Bahrain`;
selectedCountry = `BH`;
}
})" @click="label = `Bahrain`; selectedCountry = `BH`;"> Bahrain </li>
<li data-value="BD" data-label="Bangladesh" x-init="$watch('hasInitialized', () => {
if (`BD` == clientCountry) {
label = `Bangladesh`;
selectedCountry = `BD`;
}
})" @click="label = `Bangladesh`; selectedCountry = `BD`;"> Bangladesh </li>
<li data-value="BB" data-label="Barbados" x-init="$watch('hasInitialized', () => {
if (`BB` == clientCountry) {
label = `Barbados`;
selectedCountry = `BB`;
}
})" @click="label = `Barbados`; selectedCountry = `BB`;"> Barbados </li>
<li data-value="BY" data-label="Belarus" x-init="$watch('hasInitialized', () => {
if (`BY` == clientCountry) {
label = `Belarus`;
selectedCountry = `BY`;
}
})" @click="label = `Belarus`; selectedCountry = `BY`;"> Belarus </li>
<li data-value="BE" data-label="Belgium" x-init="$watch('hasInitialized', () => {
if (`BE` == clientCountry) {
label = `Belgium`;
selectedCountry = `BE`;
}
})" @click="label = `Belgium`; selectedCountry = `BE`;"> Belgium </li>
<li data-value="BZ" data-label="Belize" x-init="$watch('hasInitialized', () => {
if (`BZ` == clientCountry) {
label = `Belize`;
selectedCountry = `BZ`;
}
})" @click="label = `Belize`; selectedCountry = `BZ`;"> Belize </li>
<li data-value="BJ" data-label="Benin" x-init="$watch('hasInitialized', () => {
if (`BJ` == clientCountry) {
label = `Benin`;
selectedCountry = `BJ`;
}
})" @click="label = `Benin`; selectedCountry = `BJ`;"> Benin </li>
<li data-value="BM" data-label="Bermuda" x-init="$watch('hasInitialized', () => {
if (`BM` == clientCountry) {
label = `Bermuda`;
selectedCountry = `BM`;
}
})" @click="label = `Bermuda`; selectedCountry = `BM`;"> Bermuda </li>
<li data-value="BT" data-label="Bhutan" x-init="$watch('hasInitialized', () => {
if (`BT` == clientCountry) {
label = `Bhutan`;
selectedCountry = `BT`;
}
})" @click="label = `Bhutan`; selectedCountry = `BT`;"> Bhutan </li>
<li data-value="BO" data-label="Bolivia" x-init="$watch('hasInitialized', () => {
if (`BO` == clientCountry) {
label = `Bolivia`;
selectedCountry = `BO`;
}
})" @click="label = `Bolivia`; selectedCountry = `BO`;"> Bolivia </li>
<li data-value="BA" data-label="Bosnia & Herzegovina" x-init="$watch('hasInitialized', () => {
if (`BA` == clientCountry) {
label = `Bosnia & Herzegovina`;
selectedCountry = `BA`;
}
})" @click="label = `Bosnia & Herzegovina`; selectedCountry = `BA`;"> Bosnia & Herzegovina </li>
<li data-value="BW" data-label="Botswana" x-init="$watch('hasInitialized', () => {
if (`BW` == clientCountry) {
label = `Botswana`;
selectedCountry = `BW`;
}
})" @click="label = `Botswana`; selectedCountry = `BW`;"> Botswana </li>
<li data-value="BV" data-label="Bouvet Island" x-init="$watch('hasInitialized', () => {
if (`BV` == clientCountry) {
label = `Bouvet Island`;
selectedCountry = `BV`;
}
})" @click="label = `Bouvet Island`; selectedCountry = `BV`;"> Bouvet Island </li>
<li data-value="BR" data-label="Brazil" x-init="$watch('hasInitialized', () => {
if (`BR` == clientCountry) {
label = `Brazil`;
selectedCountry = `BR`;
}
})" @click="label = `Brazil`; selectedCountry = `BR`;"> Brazil </li>
<li data-value="IO" data-label="British Indian Ocean Territory" x-init="$watch('hasInitialized', () => {
if (`IO` == clientCountry) {
label = `British Indian Ocean Territory`;
selectedCountry = `IO`;
}
})" @click="label = `British Indian Ocean Territory`; selectedCountry = `IO`;"> British Indian Ocean Territory </li>
<li data-value="VG" data-label="British Virgin Islands" x-init="$watch('hasInitialized', () => {
if (`VG` == clientCountry) {
label = `British Virgin Islands`;
selectedCountry = `VG`;
}
})" @click="label = `British Virgin Islands`; selectedCountry = `VG`;"> British Virgin Islands </li>
<li data-value="BN" data-label="Brunei" x-init="$watch('hasInitialized', () => {
if (`BN` == clientCountry) {
label = `Brunei`;
selectedCountry = `BN`;
}
})" @click="label = `Brunei`; selectedCountry = `BN`;"> Brunei </li>
<li data-value="BG" data-label="Bulgaria" x-init="$watch('hasInitialized', () => {
if (`BG` == clientCountry) {
label = `Bulgaria`;
selectedCountry = `BG`;
}
})" @click="label = `Bulgaria`; selectedCountry = `BG`;"> Bulgaria </li>
<li data-value="BF" data-label="Burkina Faso" x-init="$watch('hasInitialized', () => {
if (`BF` == clientCountry) {
label = `Burkina Faso`;
selectedCountry = `BF`;
}
})" @click="label = `Burkina Faso`; selectedCountry = `BF`;"> Burkina Faso </li>
<li data-value="BI" data-label="Burundi" x-init="$watch('hasInitialized', () => {
if (`BI` == clientCountry) {
label = `Burundi`;
selectedCountry = `BI`;
}
})" @click="label = `Burundi`; selectedCountry = `BI`;"> Burundi </li>
<li data-value="KH" data-label="Cambodia" x-init="$watch('hasInitialized', () => {
if (`KH` == clientCountry) {
label = `Cambodia`;
selectedCountry = `KH`;
}
})" @click="label = `Cambodia`; selectedCountry = `KH`;"> Cambodia </li>
<li data-value="CM" data-label="Cameroon" x-init="$watch('hasInitialized', () => {
if (`CM` == clientCountry) {
label = `Cameroon`;
selectedCountry = `CM`;
}
})" @click="label = `Cameroon`; selectedCountry = `CM`;"> Cameroon </li>
<li data-value="CA" data-label="Canada" x-init="$watch('hasInitialized', () => {
if (`CA` == clientCountry) {
label = `Canada`;
selectedCountry = `CA`;
}
})" @click="label = `Canada`; selectedCountry = `CA`;"> Canada </li>
<li data-value="CV" data-label="Cape Verde" x-init="$watch('hasInitialized', () => {
if (`CV` == clientCountry) {
label = `Cape Verde`;
selectedCountry = `CV`;
}
})" @click="label = `Cape Verde`; selectedCountry = `CV`;"> Cape Verde </li>
<li data-value="BQ" data-label="Caribbean Netherlands" x-init="$watch('hasInitialized', () => {
if (`BQ` == clientCountry) {
label = `Caribbean Netherlands`;
selectedCountry = `BQ`;
}
})" @click="label = `Caribbean Netherlands`; selectedCountry = `BQ`;"> Caribbean Netherlands </li>
<li data-value="KY" data-label="Cayman Islands" x-init="$watch('hasInitialized', () => {
if (`KY` == clientCountry) {
label = `Cayman Islands`;
selectedCountry = `KY`;
}
})" @click="label = `Cayman Islands`; selectedCountry = `KY`;"> Cayman Islands </li>
<li data-value="CF" data-label="Central African Republic" x-init="$watch('hasInitialized', () => {
if (`CF` == clientCountry) {
label = `Central African Republic`;
selectedCountry = `CF`;
}
})" @click="label = `Central African Republic`; selectedCountry = `CF`;"> Central African Republic </li>
<li data-value="TD" data-label="Chad" x-init="$watch('hasInitialized', () => {
if (`TD` == clientCountry) {
label = `Chad`;
selectedCountry = `TD`;
}
})" @click="label = `Chad`; selectedCountry = `TD`;"> Chad </li>
<li data-value="CL" data-label="Chile" x-init="$watch('hasInitialized', () => {
if (`CL` == clientCountry) {
label = `Chile`;
selectedCountry = `CL`;
}
})" @click="label = `Chile`; selectedCountry = `CL`;"> Chile </li>
<li data-value="CN" data-label="China" x-init="$watch('hasInitialized', () => {
if (`CN` == clientCountry) {
label = `China`;
selectedCountry = `CN`;
}
})" @click="label = `China`; selectedCountry = `CN`;"> China </li>
<li data-value="CX" data-label="Christmas Island" x-init="$watch('hasInitialized', () => {
if (`CX` == clientCountry) {
label = `Christmas Island`;
selectedCountry = `CX`;
}
})" @click="label = `Christmas Island`; selectedCountry = `CX`;"> Christmas Island </li>
<li data-value="CC" data-label="Cocos (Keeling) Islands" x-init="$watch('hasInitialized', () => {
if (`CC` == clientCountry) {
label = `Cocos (Keeling) Islands`;
selectedCountry = `CC`;
}
})" @click="label = `Cocos (Keeling) Islands`; selectedCountry = `CC`;"> Cocos (Keeling) Islands </li>
<li data-value="CO" data-label="Colombia" x-init="$watch('hasInitialized', () => {
if (`CO` == clientCountry) {
label = `Colombia`;
selectedCountry = `CO`;
}
})" @click="label = `Colombia`; selectedCountry = `CO`;"> Colombia </li>
<li data-value="KM" data-label="Comoros" x-init="$watch('hasInitialized', () => {
if (`KM` == clientCountry) {
label = `Comoros`;
selectedCountry = `KM`;
}
})" @click="label = `Comoros`; selectedCountry = `KM`;"> Comoros </li>
<li data-value="CG" data-label="Congo - Brazzaville" x-init="$watch('hasInitialized', () => {
if (`CG` == clientCountry) {
label = `Congo - Brazzaville`;
selectedCountry = `CG`;
}
})" @click="label = `Congo - Brazzaville`; selectedCountry = `CG`;"> Congo - Brazzaville </li>
<li data-value="CD" data-label="Congo - Kinshasa" x-init="$watch('hasInitialized', () => {
if (`CD` == clientCountry) {
label = `Congo - Kinshasa`;
selectedCountry = `CD`;
}
})" @click="label = `Congo - Kinshasa`; selectedCountry = `CD`;"> Congo - Kinshasa </li>
<li data-value="CK" data-label="Cook Islands" x-init="$watch('hasInitialized', () => {
if (`CK` == clientCountry) {
label = `Cook Islands`;
selectedCountry = `CK`;
}
})" @click="label = `Cook Islands`; selectedCountry = `CK`;"> Cook Islands </li>
<li data-value="CR" data-label="Costa Rica" x-init="$watch('hasInitialized', () => {
if (`CR` == clientCountry) {
label = `Costa Rica`;
selectedCountry = `CR`;
}
})" @click="label = `Costa Rica`; selectedCountry = `CR`;"> Costa Rica </li>
<li data-value="HR" data-label="Croatia" x-init="$watch('hasInitialized', () => {
if (`HR` == clientCountry) {
label = `Croatia`;
selectedCountry = `HR`;
}
})" @click="label = `Croatia`; selectedCountry = `HR`;"> Croatia </li>
<li data-value="CU" data-label="Cuba" x-init="$watch('hasInitialized', () => {
if (`CU` == clientCountry) {
label = `Cuba`;
selectedCountry = `CU`;
}
})" @click="label = `Cuba`; selectedCountry = `CU`;"> Cuba </li>
<li data-value="CW" data-label="Curaçao" x-init="$watch('hasInitialized', () => {
if (`CW` == clientCountry) {
label = `Curaçao`;
selectedCountry = `CW`;
}
})" @click="label = `Curaçao`; selectedCountry = `CW`;"> Curaçao </li>
<li data-value="CY" data-label="Cyprus" x-init="$watch('hasInitialized', () => {
if (`CY` == clientCountry) {
label = `Cyprus`;
selectedCountry = `CY`;
}
})" @click="label = `Cyprus`; selectedCountry = `CY`;"> Cyprus </li>
<li data-value="CZ" data-label="Czechia" x-init="$watch('hasInitialized', () => {
if (`CZ` == clientCountry) {
label = `Czechia`;
selectedCountry = `CZ`;
}
})" @click="label = `Czechia`; selectedCountry = `CZ`;"> Czechia </li>
<li data-value="CI" data-label="Côte d’Ivoire" x-init="$watch('hasInitialized', () => {
if (`CI` == clientCountry) {
label = `Côte d’Ivoire`;
selectedCountry = `CI`;
}
})" @click="label = `Côte d’Ivoire`; selectedCountry = `CI`;"> Côte d’Ivoire </li>
<li data-value="DK" data-label="Denmark" x-init="$watch('hasInitialized', () => {
if (`DK` == clientCountry) {
label = `Denmark`;
selectedCountry = `DK`;
}
})" @click="label = `Denmark`; selectedCountry = `DK`;"> Denmark </li>
<li data-value="DJ" data-label="Djibouti" x-init="$watch('hasInitialized', () => {
if (`DJ` == clientCountry) {
label = `Djibouti`;
selectedCountry = `DJ`;
}
})" @click="label = `Djibouti`; selectedCountry = `DJ`;"> Djibouti </li>
<li data-value="DM" data-label="Dominica" x-init="$watch('hasInitialized', () => {
if (`DM` == clientCountry) {
label = `Dominica`;
selectedCountry = `DM`;
}
})" @click="label = `Dominica`; selectedCountry = `DM`;"> Dominica </li>
<li data-value="DO" data-label="Dominican Republic" x-init="$watch('hasInitialized', () => {
if (`DO` == clientCountry) {
label = `Dominican Republic`;
selectedCountry = `DO`;
}
})" @click="label = `Dominican Republic`; selectedCountry = `DO`;"> Dominican Republic </li>
<li data-value="EC" data-label="Ecuador" x-init="$watch('hasInitialized', () => {
if (`EC` == clientCountry) {
label = `Ecuador`;
selectedCountry = `EC`;
}
})" @click="label = `Ecuador`; selectedCountry = `EC`;"> Ecuador </li>
<li data-value="EG" data-label="Egypt" x-init="$watch('hasInitialized', () => {
if (`EG` == clientCountry) {
label = `Egypt`;
selectedCountry = `EG`;
}
})" @click="label = `Egypt`; selectedCountry = `EG`;"> Egypt </li>
<li data-value="SV" data-label="El Salvador" x-init="$watch('hasInitialized', () => {
if (`SV` == clientCountry) {
label = `El Salvador`;
selectedCountry = `SV`;
}
})" @click="label = `El Salvador`; selectedCountry = `SV`;"> El Salvador </li>
<li data-value="GQ" data-label="Equatorial Guinea" x-init="$watch('hasInitialized', () => {
if (`GQ` == clientCountry) {
label = `Equatorial Guinea`;
selectedCountry = `GQ`;
}
})" @click="label = `Equatorial Guinea`; selectedCountry = `GQ`;"> Equatorial Guinea </li>
<li data-value="ER" data-label="Eritrea" x-init="$watch('hasInitialized', () => {
if (`ER` == clientCountry) {
label = `Eritrea`;
selectedCountry = `ER`;
}
})" @click="label = `Eritrea`; selectedCountry = `ER`;"> Eritrea </li>
<li data-value="EE" data-label="Estonia" x-init="$watch('hasInitialized', () => {
if (`EE` == clientCountry) {
label = `Estonia`;
selectedCountry = `EE`;
}
})" @click="label = `Estonia`; selectedCountry = `EE`;"> Estonia </li>
<li data-value="ET" data-label="Ethiopia" x-init="$watch('hasInitialized', () => {
if (`ET` == clientCountry) {
label = `Ethiopia`;
selectedCountry = `ET`;
}
})" @click="label = `Ethiopia`; selectedCountry = `ET`;"> Ethiopia </li>
<li data-value="FK" data-label="Falkland Islands" x-init="$watch('hasInitialized', () => {
if (`FK` == clientCountry) {
label = `Falkland Islands`;
selectedCountry = `FK`;
}
})" @click="label = `Falkland Islands`; selectedCountry = `FK`;"> Falkland Islands </li>
<li data-value="FO" data-label="Faroe Islands" x-init="$watch('hasInitialized', () => {
if (`FO` == clientCountry) {
label = `Faroe Islands`;
selectedCountry = `FO`;
}
})" @click="label = `Faroe Islands`; selectedCountry = `FO`;"> Faroe Islands </li>
<li data-value="FJ" data-label="Fiji" x-init="$watch('hasInitialized', () => {
if (`FJ` == clientCountry) {
label = `Fiji`;
selectedCountry = `FJ`;
}
})" @click="label = `Fiji`; selectedCountry = `FJ`;"> Fiji </li>
<li data-value="FI" data-label="Finland" x-init="$watch('hasInitialized', () => {
if (`FI` == clientCountry) {
label = `Finland`;
selectedCountry = `FI`;
}
})" @click="label = `Finland`; selectedCountry = `FI`;"> Finland </li>
<li data-value="FR" data-label="France" x-init="$watch('hasInitialized', () => {
if (`FR` == clientCountry) {
label = `France`;
selectedCountry = `FR`;
}
})" @click="label = `France`; selectedCountry = `FR`;"> France </li>
<li data-value="GF" data-label="French Guiana" x-init="$watch('hasInitialized', () => {
if (`GF` == clientCountry) {
label = `French Guiana`;
selectedCountry = `GF`;
}
})" @click="label = `French Guiana`; selectedCountry = `GF`;"> French Guiana </li>
<li data-value="PF" data-label="French Polynesia" x-init="$watch('hasInitialized', () => {
if (`PF` == clientCountry) {
label = `French Polynesia`;
selectedCountry = `PF`;
}
})" @click="label = `French Polynesia`; selectedCountry = `PF`;"> French Polynesia </li>
<li data-value="TF" data-label="French Southern Territories" x-init="$watch('hasInitialized', () => {
if (`TF` == clientCountry) {
label = `French Southern Territories`;
selectedCountry = `TF`;
}
})" @click="label = `French Southern Territories`; selectedCountry = `TF`;"> French Southern Territories </li>
<li data-value="GA" data-label="Gabon" x-init="$watch('hasInitialized', () => {
if (`GA` == clientCountry) {
label = `Gabon`;
selectedCountry = `GA`;
}
})" @click="label = `Gabon`; selectedCountry = `GA`;"> Gabon </li>
<li data-value="GM" data-label="Gambia" x-init="$watch('hasInitialized', () => {
if (`GM` == clientCountry) {
label = `Gambia`;
selectedCountry = `GM`;
}
})" @click="label = `Gambia`; selectedCountry = `GM`;"> Gambia </li>
<li data-value="GE" data-label="Georgia" x-init="$watch('hasInitialized', () => {
if (`GE` == clientCountry) {
label = `Georgia`;
selectedCountry = `GE`;
}
})" @click="label = `Georgia`; selectedCountry = `GE`;"> Georgia </li>
<li data-value="DE" data-label="Germany" x-init="$watch('hasInitialized', () => {
if (`DE` == clientCountry) {
label = `Germany`;
selectedCountry = `DE`;
}
})" @click="label = `Germany`; selectedCountry = `DE`;"> Germany </li>
<li data-value="GH" data-label="Ghana" x-init="$watch('hasInitialized', () => {
if (`GH` == clientCountry) {
label = `Ghana`;
selectedCountry = `GH`;
}
})" @click="label = `Ghana`; selectedCountry = `GH`;"> Ghana </li>
<li data-value="GI" data-label="Gibraltar" x-init="$watch('hasInitialized', () => {
if (`GI` == clientCountry) {
label = `Gibraltar`;
selectedCountry = `GI`;
}
})" @click="label = `Gibraltar`; selectedCountry = `GI`;"> Gibraltar </li>
<li data-value="GR" data-label="Greece" x-init="$watch('hasInitialized', () => {
if (`GR` == clientCountry) {
label = `Greece`;
selectedCountry = `GR`;
}
})" @click="label = `Greece`; selectedCountry = `GR`;"> Greece </li>
<li data-value="GL" data-label="Greenland" x-init="$watch('hasInitialized', () => {
if (`GL` == clientCountry) {
label = `Greenland`;
selectedCountry = `GL`;
}
})" @click="label = `Greenland`; selectedCountry = `GL`;"> Greenland </li>
<li data-value="GD" data-label="Grenada" x-init="$watch('hasInitialized', () => {
if (`GD` == clientCountry) {
label = `Grenada`;
selectedCountry = `GD`;
}
})" @click="label = `Grenada`; selectedCountry = `GD`;"> Grenada </li>
<li data-value="GP" data-label="Guadeloupe" x-init="$watch('hasInitialized', () => {
if (`GP` == clientCountry) {
label = `Guadeloupe`;
selectedCountry = `GP`;
}
})" @click="label = `Guadeloupe`; selectedCountry = `GP`;"> Guadeloupe </li>
<li data-value="GU" data-label="Guam" x-init="$watch('hasInitialized', () => {
if (`GU` == clientCountry) {
label = `Guam`;
selectedCountry = `GU`;
}
})" @click="label = `Guam`; selectedCountry = `GU`;"> Guam </li>
<li data-value="GT" data-label="Guatemala" x-init="$watch('hasInitialized', () => {
if (`GT` == clientCountry) {
label = `Guatemala`;
selectedCountry = `GT`;
}
})" @click="label = `Guatemala`; selectedCountry = `GT`;"> Guatemala </li>
<li data-value="GG" data-label="Guernsey" x-init="$watch('hasInitialized', () => {
if (`GG` == clientCountry) {
label = `Guernsey`;
selectedCountry = `GG`;
}
})" @click="label = `Guernsey`; selectedCountry = `GG`;"> Guernsey </li>
<li data-value="GN" data-label="Guinea" x-init="$watch('hasInitialized', () => {
if (`GN` == clientCountry) {
label = `Guinea`;
selectedCountry = `GN`;
}
})" @click="label = `Guinea`; selectedCountry = `GN`;"> Guinea </li>
<li data-value="GW" data-label="Guinea-Bissau" x-init="$watch('hasInitialized', () => {
if (`GW` == clientCountry) {
label = `Guinea-Bissau`;
selectedCountry = `GW`;
}
})" @click="label = `Guinea-Bissau`; selectedCountry = `GW`;"> Guinea-Bissau </li>
<li data-value="GY" data-label="Guyana" x-init="$watch('hasInitialized', () => {
if (`GY` == clientCountry) {
label = `Guyana`;
selectedCountry = `GY`;
}
})" @click="label = `Guyana`; selectedCountry = `GY`;"> Guyana </li>
<li data-value="HT" data-label="Haiti" x-init="$watch('hasInitialized', () => {
if (`HT` == clientCountry) {
label = `Haiti`;
selectedCountry = `HT`;
}
})" @click="label = `Haiti`; selectedCountry = `HT`;"> Haiti </li>
<li data-value="HM" data-label="Heard & McDonald Islands" x-init="$watch('hasInitialized', () => {
if (`HM` == clientCountry) {
label = `Heard & McDonald Islands`;
selectedCountry = `HM`;
}
})" @click="label = `Heard & McDonald Islands`; selectedCountry = `HM`;"> Heard & McDonald Islands </li>
<li data-value="HN" data-label="Honduras" x-init="$watch('hasInitialized', () => {
if (`HN` == clientCountry) {
label = `Honduras`;
selectedCountry = `HN`;
}
})" @click="label = `Honduras`; selectedCountry = `HN`;"> Honduras </li>
<li data-value="HK" data-label="Hong Kong SAR China" x-init="$watch('hasInitialized', () => {
if (`HK` == clientCountry) {
label = `Hong Kong SAR China`;
selectedCountry = `HK`;
}
})" @click="label = `Hong Kong SAR China`; selectedCountry = `HK`;"> Hong Kong SAR China </li>
<li data-value="HU" data-label="Hungary" x-init="$watch('hasInitialized', () => {
if (`HU` == clientCountry) {
label = `Hungary`;
selectedCountry = `HU`;
}
})" @click="label = `Hungary`; selectedCountry = `HU`;"> Hungary </li>
<li data-value="IS" data-label="Iceland" x-init="$watch('hasInitialized', () => {
if (`IS` == clientCountry) {
label = `Iceland`;
selectedCountry = `IS`;
}
})" @click="label = `Iceland`; selectedCountry = `IS`;"> Iceland </li>
<li data-value="IN" data-label="India" x-init="$watch('hasInitialized', () => {
if (`IN` == clientCountry) {
label = `India`;
selectedCountry = `IN`;
}
})" @click="label = `India`; selectedCountry = `IN`;"> India </li>
<li data-value="ID" data-label="Indonesia" x-init="$watch('hasInitialized', () => {
if (`ID` == clientCountry) {
label = `Indonesia`;
selectedCountry = `ID`;
}
})" @click="label = `Indonesia`; selectedCountry = `ID`;"> Indonesia </li>
<li data-value="IR" data-label="Iran" x-init="$watch('hasInitialized', () => {
if (`IR` == clientCountry) {
label = `Iran`;
selectedCountry = `IR`;
}
})" @click="label = `Iran`; selectedCountry = `IR`;"> Iran </li>
<li data-value="IQ" data-label="Iraq" x-init="$watch('hasInitialized', () => {
if (`IQ` == clientCountry) {
label = `Iraq`;
selectedCountry = `IQ`;
}
})" @click="label = `Iraq`; selectedCountry = `IQ`;"> Iraq </li>
<li data-value="IE" data-label="Ireland" x-init="$watch('hasInitialized', () => {
if (`IE` == clientCountry) {
label = `Ireland`;
selectedCountry = `IE`;
}
})" @click="label = `Ireland`; selectedCountry = `IE`;"> Ireland </li>
<li data-value="IM" data-label="Isle of Man" x-init="$watch('hasInitialized', () => {
if (`IM` == clientCountry) {
label = `Isle of Man`;
selectedCountry = `IM`;
}
})" @click="label = `Isle of Man`; selectedCountry = `IM`;"> Isle of Man </li>
<li data-value="IL" data-label="Israel" x-init="$watch('hasInitialized', () => {
if (`IL` == clientCountry) {
label = `Israel`;
selectedCountry = `IL`;
}
})" @click="label = `Israel`; selectedCountry = `IL`;"> Israel </li>
<li data-value="IT" data-label="Italy" x-init="$watch('hasInitialized', () => {
if (`IT` == clientCountry) {
label = `Italy`;
selectedCountry = `IT`;
}
})" @click="label = `Italy`; selectedCountry = `IT`;"> Italy </li>
<li data-value="JM" data-label="Jamaica" x-init="$watch('hasInitialized', () => {
if (`JM` == clientCountry) {
label = `Jamaica`;
selectedCountry = `JM`;
}
})" @click="label = `Jamaica`; selectedCountry = `JM`;"> Jamaica </li>
<li data-value="JP" data-label="Japan" x-init="$watch('hasInitialized', () => {
if (`JP` == clientCountry) {
label = `Japan`;
selectedCountry = `JP`;
}
})" @click="label = `Japan`; selectedCountry = `JP`;"> Japan </li>
<li data-value="JE" data-label="Jersey" x-init="$watch('hasInitialized', () => {
if (`JE` == clientCountry) {
label = `Jersey`;
selectedCountry = `JE`;
}
})" @click="label = `Jersey`; selectedCountry = `JE`;"> Jersey </li>
<li data-value="JO" data-label="Jordan" x-init="$watch('hasInitialized', () => {
if (`JO` == clientCountry) {
label = `Jordan`;
selectedCountry = `JO`;
}
})" @click="label = `Jordan`; selectedCountry = `JO`;"> Jordan </li>
<li data-value="KZ" data-label="Kazakhstan" x-init="$watch('hasInitialized', () => {
if (`KZ` == clientCountry) {
label = `Kazakhstan`;
selectedCountry = `KZ`;
}
})" @click="label = `Kazakhstan`; selectedCountry = `KZ`;"> Kazakhstan </li>
<li data-value="KE" data-label="Kenya" x-init="$watch('hasInitialized', () => {
if (`KE` == clientCountry) {
label = `Kenya`;
selectedCountry = `KE`;
}
})" @click="label = `Kenya`; selectedCountry = `KE`;"> Kenya </li>
<li data-value="KI" data-label="Kiribati" x-init="$watch('hasInitialized', () => {
if (`KI` == clientCountry) {
label = `Kiribati`;
selectedCountry = `KI`;
}
})" @click="label = `Kiribati`; selectedCountry = `KI`;"> Kiribati </li>
<li data-value="KW" data-label="Kuwait" x-init="$watch('hasInitialized', () => {
if (`KW` == clientCountry) {
label = `Kuwait`;
selectedCountry = `KW`;
}
})" @click="label = `Kuwait`; selectedCountry = `KW`;"> Kuwait </li>
<li data-value="KG" data-label="Kyrgyzstan" x-init="$watch('hasInitialized', () => {
if (`KG` == clientCountry) {
label = `Kyrgyzstan`;
selectedCountry = `KG`;
}
})" @click="label = `Kyrgyzstan`; selectedCountry = `KG`;"> Kyrgyzstan </li>
<li data-value="LA" data-label="Laos" x-init="$watch('hasInitialized', () => {
if (`LA` == clientCountry) {
label = `Laos`;
selectedCountry = `LA`;
}
})" @click="label = `Laos`; selectedCountry = `LA`;"> Laos </li>
<li data-value="LV" data-label="Latvia" x-init="$watch('hasInitialized', () => {
if (`LV` == clientCountry) {
label = `Latvia`;
selectedCountry = `LV`;
}
})" @click="label = `Latvia`; selectedCountry = `LV`;"> Latvia </li>
<li data-value="LB" data-label="Lebanon" x-init="$watch('hasInitialized', () => {
if (`LB` == clientCountry) {
label = `Lebanon`;
selectedCountry = `LB`;
}
})" @click="label = `Lebanon`; selectedCountry = `LB`;"> Lebanon </li>
<li data-value="LS" data-label="Lesotho" x-init="$watch('hasInitialized', () => {
if (`LS` == clientCountry) {
label = `Lesotho`;
selectedCountry = `LS`;
}
})" @click="label = `Lesotho`; selectedCountry = `LS`;"> Lesotho </li>
<li data-value="LR" data-label="Liberia" x-init="$watch('hasInitialized', () => {
if (`LR` == clientCountry) {
label = `Liberia`;
selectedCountry = `LR`;
}
})" @click="label = `Liberia`; selectedCountry = `LR`;"> Liberia </li>
<li data-value="LY" data-label="Libya" x-init="$watch('hasInitialized', () => {
if (`LY` == clientCountry) {
label = `Libya`;
selectedCountry = `LY`;
}
})" @click="label = `Libya`; selectedCountry = `LY`;"> Libya </li>
<li data-value="LI" data-label="Liechtenstein" x-init="$watch('hasInitialized', () => {
if (`LI` == clientCountry) {
label = `Liechtenstein`;
selectedCountry = `LI`;
}
})" @click="label = `Liechtenstein`; selectedCountry = `LI`;"> Liechtenstein </li>
<li data-value="LT" data-label="Lithuania" x-init="$watch('hasInitialized', () => {
if (`LT` == clientCountry) {
label = `Lithuania`;
selectedCountry = `LT`;
}
})" @click="label = `Lithuania`; selectedCountry = `LT`;"> Lithuania </li>
<li data-value="LU" data-label="Luxembourg" x-init="$watch('hasInitialized', () => {
if (`LU` == clientCountry) {
label = `Luxembourg`;
selectedCountry = `LU`;
}
})" @click="label = `Luxembourg`; selectedCountry = `LU`;"> Luxembourg </li>
<li data-value="MO" data-label="Macau SAR China" x-init="$watch('hasInitialized', () => {
if (`MO` == clientCountry) {
label = `Macau SAR China`;
selectedCountry = `MO`;
}
})" @click="label = `Macau SAR China`; selectedCountry = `MO`;"> Macau SAR China </li>
<li data-value="MK" data-label="Macedonia" x-init="$watch('hasInitialized', () => {
if (`MK` == clientCountry) {
label = `Macedonia`;
selectedCountry = `MK`;
}
})" @click="label = `Macedonia`; selectedCountry = `MK`;"> Macedonia </li>
<li data-value="MG" data-label="Madagascar" x-init="$watch('hasInitialized', () => {
if (`MG` == clientCountry) {
label = `Madagascar`;
selectedCountry = `MG`;
}
})" @click="label = `Madagascar`; selectedCountry = `MG`;"> Madagascar </li>
<li data-value="MW" data-label="Malawi" x-init="$watch('hasInitialized', () => {
if (`MW` == clientCountry) {
label = `Malawi`;
selectedCountry = `MW`;
}
})" @click="label = `Malawi`; selectedCountry = `MW`;"> Malawi </li>
<li data-value="MY" data-label="Malaysia" x-init="$watch('hasInitialized', () => {
if (`MY` == clientCountry) {
label = `Malaysia`;
selectedCountry = `MY`;
}
})" @click="label = `Malaysia`; selectedCountry = `MY`;"> Malaysia </li>
<li data-value="MV" data-label="Maldives" x-init="$watch('hasInitialized', () => {
if (`MV` == clientCountry) {
label = `Maldives`;
selectedCountry = `MV`;
}
})" @click="label = `Maldives`; selectedCountry = `MV`;"> Maldives </li>
<li data-value="ML" data-label="Mali" x-init="$watch('hasInitialized', () => {
if (`ML` == clientCountry) {
label = `Mali`;
selectedCountry = `ML`;
}
})" @click="label = `Mali`; selectedCountry = `ML`;"> Mali </li>
<li data-value="MT" data-label="Malta" x-init="$watch('hasInitialized', () => {
if (`MT` == clientCountry) {
label = `Malta`;
selectedCountry = `MT`;
}
})" @click="label = `Malta`; selectedCountry = `MT`;"> Malta </li>
<li data-value="MH" data-label="Marshall Islands" x-init="$watch('hasInitialized', () => {
if (`MH` == clientCountry) {
label = `Marshall Islands`;
selectedCountry = `MH`;
}
})" @click="label = `Marshall Islands`; selectedCountry = `MH`;"> Marshall Islands </li>
<li data-value="MQ" data-label="Martinique" x-init="$watch('hasInitialized', () => {
if (`MQ` == clientCountry) {
label = `Martinique`;
selectedCountry = `MQ`;
}
})" @click="label = `Martinique`; selectedCountry = `MQ`;"> Martinique </li>
<li data-value="MR" data-label="Mauritania" x-init="$watch('hasInitialized', () => {
if (`MR` == clientCountry) {
label = `Mauritania`;
selectedCountry = `MR`;
}
})" @click="label = `Mauritania`; selectedCountry = `MR`;"> Mauritania </li>
<li data-value="MU" data-label="Mauritius" x-init="$watch('hasInitialized', () => {
if (`MU` == clientCountry) {
label = `Mauritius`;
selectedCountry = `MU`;
}
})" @click="label = `Mauritius`; selectedCountry = `MU`;"> Mauritius </li>
<li data-value="YT" data-label="Mayotte" x-init="$watch('hasInitialized', () => {
if (`YT` == clientCountry) {
label = `Mayotte`;
selectedCountry = `YT`;
}
})" @click="label = `Mayotte`; selectedCountry = `YT`;"> Mayotte </li>
<li data-value="MX" data-label="Mexico" x-init="$watch('hasInitialized', () => {
if (`MX` == clientCountry) {
label = `Mexico`;
selectedCountry = `MX`;
}
})" @click="label = `Mexico`; selectedCountry = `MX`;"> Mexico </li>
<li data-value="FM" data-label="Micronesia" x-init="$watch('hasInitialized', () => {
if (`FM` == clientCountry) {
label = `Micronesia`;
selectedCountry = `FM`;
}
})" @click="label = `Micronesia`; selectedCountry = `FM`;"> Micronesia </li>
<li data-value="MD" data-label="Moldova" x-init="$watch('hasInitialized', () => {
if (`MD` == clientCountry) {
label = `Moldova`;
selectedCountry = `MD`;
}
})" @click="label = `Moldova`; selectedCountry = `MD`;"> Moldova </li>
<li data-value="MC" data-label="Monaco" x-init="$watch('hasInitialized', () => {
if (`MC` == clientCountry) {
label = `Monaco`;
selectedCountry = `MC`;
}
})" @click="label = `Monaco`; selectedCountry = `MC`;"> Monaco </li>
<li data-value="MN" data-label="Mongolia" x-init="$watch('hasInitialized', () => {
if (`MN` == clientCountry) {
label = `Mongolia`;
selectedCountry = `MN`;
}
})" @click="label = `Mongolia`; selectedCountry = `MN`;"> Mongolia </li>
<li data-value="ME" data-label="Montenegro" x-init="$watch('hasInitialized', () => {
if (`ME` == clientCountry) {
label = `Montenegro`;
selectedCountry = `ME`;
}
})" @click="label = `Montenegro`; selectedCountry = `ME`;"> Montenegro </li>
<li data-value="MS" data-label="Montserrat" x-init="$watch('hasInitialized', () => {
if (`MS` == clientCountry) {
label = `Montserrat`;
selectedCountry = `MS`;
}
})" @click="label = `Montserrat`; selectedCountry = `MS`;"> Montserrat </li>
<li data-value="MA" data-label="Morocco" x-init="$watch('hasInitialized', () => {
if (`MA` == clientCountry) {
label = `Morocco`;
selectedCountry = `MA`;
}
})" @click="label = `Morocco`; selectedCountry = `MA`;"> Morocco </li>
<li data-value="MZ" data-label="Mozambique" x-init="$watch('hasInitialized', () => {
if (`MZ` == clientCountry) {
label = `Mozambique`;
selectedCountry = `MZ`;
}
})" @click="label = `Mozambique`; selectedCountry = `MZ`;"> Mozambique </li>
<li data-value="MM" data-label="Myanmar (Burma)" x-init="$watch('hasInitialized', () => {
if (`MM` == clientCountry) {
label = `Myanmar (Burma)`;
selectedCountry = `MM`;
}
})" @click="label = `Myanmar (Burma)`; selectedCountry = `MM`;"> Myanmar (Burma) </li>
<li data-value="NA" data-label="Namibia" x-init="$watch('hasInitialized', () => {
if (`NA` == clientCountry) {
label = `Namibia`;
selectedCountry = `NA`;
}
})" @click="label = `Namibia`; selectedCountry = `NA`;"> Namibia </li>
<li data-value="NR" data-label="Nauru" x-init="$watch('hasInitialized', () => {
if (`NR` == clientCountry) {
label = `Nauru`;
selectedCountry = `NR`;
}
})" @click="label = `Nauru`; selectedCountry = `NR`;"> Nauru </li>
<li data-value="NP" data-label="Nepal" x-init="$watch('hasInitialized', () => {
if (`NP` == clientCountry) {
label = `Nepal`;
selectedCountry = `NP`;
}
})" @click="label = `Nepal`; selectedCountry = `NP`;"> Nepal </li>
<li data-value="NL" data-label="Netherlands" x-init="$watch('hasInitialized', () => {
if (`NL` == clientCountry) {
label = `Netherlands`;
selectedCountry = `NL`;
}
})" @click="label = `Netherlands`; selectedCountry = `NL`;"> Netherlands </li>
<li data-value="NC" data-label="New Caledonia" x-init="$watch('hasInitialized', () => {
if (`NC` == clientCountry) {
label = `New Caledonia`;
selectedCountry = `NC`;
}
})" @click="label = `New Caledonia`; selectedCountry = `NC`;"> New Caledonia </li>
<li data-value="NZ" data-label="New Zealand" x-init="$watch('hasInitialized', () => {
if (`NZ` == clientCountry) {
label = `New Zealand`;
selectedCountry = `NZ`;
}
})" @click="label = `New Zealand`; selectedCountry = `NZ`;"> New Zealand </li>
<li data-value="NI" data-label="Nicaragua" x-init="$watch('hasInitialized', () => {
if (`NI` == clientCountry) {
label = `Nicaragua`;
selectedCountry = `NI`;
}
})" @click="label = `Nicaragua`; selectedCountry = `NI`;"> Nicaragua </li>
<li data-value="NE" data-label="Niger" x-init="$watch('hasInitialized', () => {
if (`NE` == clientCountry) {
label = `Niger`;
selectedCountry = `NE`;
}
})" @click="label = `Niger`; selectedCountry = `NE`;"> Niger </li>
<li data-value="NG" data-label="Nigeria" x-init="$watch('hasInitialized', () => {
if (`NG` == clientCountry) {
label = `Nigeria`;
selectedCountry = `NG`;
}
})" @click="label = `Nigeria`; selectedCountry = `NG`;"> Nigeria </li>
<li data-value="NU" data-label="Niue" x-init="$watch('hasInitialized', () => {
if (`NU` == clientCountry) {
label = `Niue`;
selectedCountry = `NU`;
}
})" @click="label = `Niue`; selectedCountry = `NU`;"> Niue </li>
<li data-value="NF" data-label="Norfolk Island" x-init="$watch('hasInitialized', () => {
if (`NF` == clientCountry) {
label = `Norfolk Island`;
selectedCountry = `NF`;
}
})" @click="label = `Norfolk Island`; selectedCountry = `NF`;"> Norfolk Island </li>
<li data-value="KP" data-label="North Korea" x-init="$watch('hasInitialized', () => {
if (`KP` == clientCountry) {
label = `North Korea`;
selectedCountry = `KP`;
}
})" @click="label = `North Korea`; selectedCountry = `KP`;"> North Korea </li>
<li data-value="MP" data-label="Northern Mariana Islands" x-init="$watch('hasInitialized', () => {
if (`MP` == clientCountry) {
label = `Northern Mariana Islands`;
selectedCountry = `MP`;
}
})" @click="label = `Northern Mariana Islands`; selectedCountry = `MP`;"> Northern Mariana Islands </li>
<li data-value="NO" data-label="Norway" x-init="$watch('hasInitialized', () => {
if (`NO` == clientCountry) {
label = `Norway`;
selectedCountry = `NO`;
}
})" @click="label = `Norway`; selectedCountry = `NO`;"> Norway </li>
<li data-value="OM" data-label="Oman" x-init="$watch('hasInitialized', () => {
if (`OM` == clientCountry) {
label = `Oman`;
selectedCountry = `OM`;
}
})" @click="label = `Oman`; selectedCountry = `OM`;"> Oman </li>
<li data-value="PK" data-label="Pakistan" x-init="$watch('hasInitialized', () => {
if (`PK` == clientCountry) {
label = `Pakistan`;
selectedCountry = `PK`;
}
})" @click="label = `Pakistan`; selectedCountry = `PK`;"> Pakistan </li>
<li data-value="PW" data-label="Palau" x-init="$watch('hasInitialized', () => {
if (`PW` == clientCountry) {
label = `Palau`;
selectedCountry = `PW`;
}
})" @click="label = `Palau`; selectedCountry = `PW`;"> Palau </li>
<li data-value="PS" data-label="Palestinian Territories" x-init="$watch('hasInitialized', () => {
if (`PS` == clientCountry) {
label = `Palestinian Territories`;
selectedCountry = `PS`;
}
})" @click="label = `Palestinian Territories`; selectedCountry = `PS`;"> Palestinian Territories </li>
<li data-value="PA" data-label="Panama" x-init="$watch('hasInitialized', () => {
if (`PA` == clientCountry) {
label = `Panama`;
selectedCountry = `PA`;
}
})" @click="label = `Panama`; selectedCountry = `PA`;"> Panama </li>
<li data-value="PG" data-label="Papua New Guinea" x-init="$watch('hasInitialized', () => {
if (`PG` == clientCountry) {
label = `Papua New Guinea`;
selectedCountry = `PG`;
}
})" @click="label = `Papua New Guinea`; selectedCountry = `PG`;"> Papua New Guinea </li>
<li data-value="PY" data-label="Paraguay" x-init="$watch('hasInitialized', () => {
if (`PY` == clientCountry) {
label = `Paraguay`;
selectedCountry = `PY`;
}
})" @click="label = `Paraguay`; selectedCountry = `PY`;"> Paraguay </li>
<li data-value="PE" data-label="Peru" x-init="$watch('hasInitialized', () => {
if (`PE` == clientCountry) {
label = `Peru`;
selectedCountry = `PE`;
}
})" @click="label = `Peru`; selectedCountry = `PE`;"> Peru </li>
<li data-value="PH" data-label="Philippines" x-init="$watch('hasInitialized', () => {
if (`PH` == clientCountry) {
label = `Philippines`;
selectedCountry = `PH`;
}
})" @click="label = `Philippines`; selectedCountry = `PH`;"> Philippines </li>
<li data-value="PN" data-label="Pitcairn Islands" x-init="$watch('hasInitialized', () => {
if (`PN` == clientCountry) {
label = `Pitcairn Islands`;
selectedCountry = `PN`;
}
})" @click="label = `Pitcairn Islands`; selectedCountry = `PN`;"> Pitcairn Islands </li>
<li data-value="PL" data-label="Poland" x-init="$watch('hasInitialized', () => {
if (`PL` == clientCountry) {
label = `Poland`;
selectedCountry = `PL`;
}
})" @click="label = `Poland`; selectedCountry = `PL`;"> Poland </li>
<li data-value="PT" data-label="Portugal" x-init="$watch('hasInitialized', () => {
if (`PT` == clientCountry) {
label = `Portugal`;
selectedCountry = `PT`;
}
})" @click="label = `Portugal`; selectedCountry = `PT`;"> Portugal </li>
<li data-value="PR" data-label="Puerto Rico" x-init="$watch('hasInitialized', () => {
if (`PR` == clientCountry) {
label = `Puerto Rico`;
selectedCountry = `PR`;
}
})" @click="label = `Puerto Rico`; selectedCountry = `PR`;"> Puerto Rico </li>
<li data-value="QA" data-label="Qatar" x-init="$watch('hasInitialized', () => {
if (`QA` == clientCountry) {
label = `Qatar`;
selectedCountry = `QA`;
}
})" @click="label = `Qatar`; selectedCountry = `QA`;"> Qatar </li>
<li data-value="RO" data-label="Romania" x-init="$watch('hasInitialized', () => {
if (`RO` == clientCountry) {
label = `Romania`;
selectedCountry = `RO`;
}
})" @click="label = `Romania`; selectedCountry = `RO`;"> Romania </li>
<li data-value="RU" data-label="Russia" x-init="$watch('hasInitialized', () => {
if (`RU` == clientCountry) {
label = `Russia`;
selectedCountry = `RU`;
}
})" @click="label = `Russia`; selectedCountry = `RU`;"> Russia </li>
<li data-value="RW" data-label="Rwanda" x-init="$watch('hasInitialized', () => {
if (`RW` == clientCountry) {
label = `Rwanda`;
selectedCountry = `RW`;
}
})" @click="label = `Rwanda`; selectedCountry = `RW`;"> Rwanda </li>
<li data-value="RE" data-label="Réunion" x-init="$watch('hasInitialized', () => {
if (`RE` == clientCountry) {
label = `Réunion`;
selectedCountry = `RE`;
}
})" @click="label = `Réunion`; selectedCountry = `RE`;"> Réunion </li>
<li data-value="WS" data-label="Samoa" x-init="$watch('hasInitialized', () => {
if (`WS` == clientCountry) {
label = `Samoa`;
selectedCountry = `WS`;
}
})" @click="label = `Samoa`; selectedCountry = `WS`;"> Samoa </li>
<li data-value="SM" data-label="San Marino" x-init="$watch('hasInitialized', () => {
if (`SM` == clientCountry) {
label = `San Marino`;
selectedCountry = `SM`;
}
})" @click="label = `San Marino`; selectedCountry = `SM`;"> San Marino </li>
<li data-value="SA" data-label="Saudi Arabia" x-init="$watch('hasInitialized', () => {
if (`SA` == clientCountry) {
label = `Saudi Arabia`;
selectedCountry = `SA`;
}
})" @click="label = `Saudi Arabia`; selectedCountry = `SA`;"> Saudi Arabia </li>
<li data-value="SN" data-label="Senegal" x-init="$watch('hasInitialized', () => {
if (`SN` == clientCountry) {
label = `Senegal`;
selectedCountry = `SN`;
}
})" @click="label = `Senegal`; selectedCountry = `SN`;"> Senegal </li>
<li data-value="RS" data-label="Serbia" x-init="$watch('hasInitialized', () => {
if (`RS` == clientCountry) {
label = `Serbia`;
selectedCountry = `RS`;
}
})" @click="label = `Serbia`; selectedCountry = `RS`;"> Serbia </li>
<li data-value="SC" data-label="Seychelles" x-init="$watch('hasInitialized', () => {
if (`SC` == clientCountry) {
label = `Seychelles`;
selectedCountry = `SC`;
}
})" @click="label = `Seychelles`; selectedCountry = `SC`;"> Seychelles </li>
<li data-value="SL" data-label="Sierra Leone" x-init="$watch('hasInitialized', () => {
if (`SL` == clientCountry) {
label = `Sierra Leone`;
selectedCountry = `SL`;
}
})" @click="label = `Sierra Leone`; selectedCountry = `SL`;"> Sierra Leone </li>
<li data-value="SG" data-label="Singapore" x-init="$watch('hasInitialized', () => {
if (`SG` == clientCountry) {
label = `Singapore`;
selectedCountry = `SG`;
}
})" @click="label = `Singapore`; selectedCountry = `SG`;"> Singapore </li>
<li data-value="SX" data-label="Sint Maarten" x-init="$watch('hasInitialized', () => {
if (`SX` == clientCountry) {
label = `Sint Maarten`;
selectedCountry = `SX`;
}
})" @click="label = `Sint Maarten`; selectedCountry = `SX`;"> Sint Maarten </li>
<li data-value="SK" data-label="Slovakia" x-init="$watch('hasInitialized', () => {
if (`SK` == clientCountry) {
label = `Slovakia`;
selectedCountry = `SK`;
}
})" @click="label = `Slovakia`; selectedCountry = `SK`;"> Slovakia </li>
<li data-value="SI" data-label="Slovenia" x-init="$watch('hasInitialized', () => {
if (`SI` == clientCountry) {
label = `Slovenia`;
selectedCountry = `SI`;
}
})" @click="label = `Slovenia`; selectedCountry = `SI`;"> Slovenia </li>
<li data-value="SB" data-label="Solomon Islands" x-init="$watch('hasInitialized', () => {
if (`SB` == clientCountry) {
label = `Solomon Islands`;
selectedCountry = `SB`;
}
})" @click="label = `Solomon Islands`; selectedCountry = `SB`;"> Solomon Islands </li>
<li data-value="SO" data-label="Somalia" x-init="$watch('hasInitialized', () => {
if (`SO` == clientCountry) {
label = `Somalia`;
selectedCountry = `SO`;
}
})" @click="label = `Somalia`; selectedCountry = `SO`;"> Somalia </li>
<li data-value="ZA" data-label="South Africa" x-init="$watch('hasInitialized', () => {
if (`ZA` == clientCountry) {
label = `South Africa`;
selectedCountry = `ZA`;
}
})" @click="label = `South Africa`; selectedCountry = `ZA`;"> South Africa </li>
<li data-value="GS" data-label="South Georgia & South Sandwich Islands" x-init="$watch('hasInitialized', () => {
if (`GS` == clientCountry) {
label = `South Georgia & South Sandwich Islands`;
selectedCountry = `GS`;
}
})" @click="label = `South Georgia & South Sandwich Islands`; selectedCountry = `GS`;"> South Georgia & South Sandwich Islands </li>
<li data-value="KR" data-label="South Korea" x-init="$watch('hasInitialized', () => {
if (`KR` == clientCountry) {
label = `South Korea`;
selectedCountry = `KR`;
}
})" @click="label = `South Korea`; selectedCountry = `KR`;"> South Korea </li>
<li data-value="SS" data-label="South Sudan" x-init="$watch('hasInitialized', () => {
if (`SS` == clientCountry) {
label = `South Sudan`;
selectedCountry = `SS`;
}
})" @click="label = `South Sudan`; selectedCountry = `SS`;"> South Sudan </li>
<li data-value="ES" data-label="Spain" x-init="$watch('hasInitialized', () => {
if (`ES` == clientCountry) {
label = `Spain`;
selectedCountry = `ES`;
}
})" @click="label = `Spain`; selectedCountry = `ES`;"> Spain </li>
<li data-value="LK" data-label="Sri Lanka" x-init="$watch('hasInitialized', () => {
if (`LK` == clientCountry) {
label = `Sri Lanka`;
selectedCountry = `LK`;
}
})" @click="label = `Sri Lanka`; selectedCountry = `LK`;"> Sri Lanka </li>
<li data-value="BL" data-label="St. Barthélemy" x-init="$watch('hasInitialized', () => {
if (`BL` == clientCountry) {
label = `St. Barthélemy`;
selectedCountry = `BL`;
}
})" @click="label = `St. Barthélemy`; selectedCountry = `BL`;"> St. Barthélemy </li>
<li data-value="SH" data-label="St. Helena" x-init="$watch('hasInitialized', () => {
if (`SH` == clientCountry) {
label = `St. Helena`;
selectedCountry = `SH`;
}
})" @click="label = `St. Helena`; selectedCountry = `SH`;"> St. Helena </li>
<li data-value="KN" data-label="St. Kitts & Nevis" x-init="$watch('hasInitialized', () => {
if (`KN` == clientCountry) {
label = `St. Kitts & Nevis`;
selectedCountry = `KN`;
}
})" @click="label = `St. Kitts & Nevis`; selectedCountry = `KN`;"> St. Kitts & Nevis </li>
<li data-value="LC" data-label="St. Lucia" x-init="$watch('hasInitialized', () => {
if (`LC` == clientCountry) {
label = `St. Lucia`;
selectedCountry = `LC`;
}
})" @click="label = `St. Lucia`; selectedCountry = `LC`;"> St. Lucia </li>
<li data-value="MF" data-label="St. Martin" x-init="$watch('hasInitialized', () => {
if (`MF` == clientCountry) {
label = `St. Martin`;
selectedCountry = `MF`;
}
})" @click="label = `St. Martin`; selectedCountry = `MF`;"> St. Martin </li>
<li data-value="PM" data-label="St. Pierre & Miquelon" x-init="$watch('hasInitialized', () => {
if (`PM` == clientCountry) {
label = `St. Pierre & Miquelon`;
selectedCountry = `PM`;
}
})" @click="label = `St. Pierre & Miquelon`; selectedCountry = `PM`;"> St. Pierre & Miquelon </li>
<li data-value="VC" data-label="St. Vincent & Grenadines" x-init="$watch('hasInitialized', () => {
if (`VC` == clientCountry) {
label = `St. Vincent & Grenadines`;
selectedCountry = `VC`;
}
})" @click="label = `St. Vincent & Grenadines`; selectedCountry = `VC`;"> St. Vincent & Grenadines </li>
<li data-value="SD" data-label="Sudan" x-init="$watch('hasInitialized', () => {
if (`SD` == clientCountry) {
label = `Sudan`;
selectedCountry = `SD`;
}
})" @click="label = `Sudan`; selectedCountry = `SD`;"> Sudan </li>
<li data-value="SR" data-label="Suriname" x-init="$watch('hasInitialized', () => {
if (`SR` == clientCountry) {
label = `Suriname`;
selectedCountry = `SR`;
}
})" @click="label = `Suriname`; selectedCountry = `SR`;"> Suriname </li>
<li data-value="SJ" data-label="Svalbard & Jan Mayen" x-init="$watch('hasInitialized', () => {
if (`SJ` == clientCountry) {
label = `Svalbard & Jan Mayen`;
selectedCountry = `SJ`;
}
})" @click="label = `Svalbard & Jan Mayen`; selectedCountry = `SJ`;"> Svalbard & Jan Mayen </li>
<li data-value="SZ" data-label="Swaziland" x-init="$watch('hasInitialized', () => {
if (`SZ` == clientCountry) {
label = `Swaziland`;
selectedCountry = `SZ`;
}
})" @click="label = `Swaziland`; selectedCountry = `SZ`;"> Swaziland </li>
<li data-value="SE" data-label="Sweden" x-init="$watch('hasInitialized', () => {
if (`SE` == clientCountry) {
label = `Sweden`;
selectedCountry = `SE`;
}
})" @click="label = `Sweden`; selectedCountry = `SE`;"> Sweden </li>
<li data-value="CH" data-label="Switzerland" x-init="$watch('hasInitialized', () => {
if (`CH` == clientCountry) {
label = `Switzerland`;
selectedCountry = `CH`;
}
})" @click="label = `Switzerland`; selectedCountry = `CH`;"> Switzerland </li>
<li data-value="SY" data-label="Syria" x-init="$watch('hasInitialized', () => {
if (`SY` == clientCountry) {
label = `Syria`;
selectedCountry = `SY`;
}
})" @click="label = `Syria`; selectedCountry = `SY`;"> Syria </li>
<li data-value="ST" data-label="São Tomé & Príncipe" x-init="$watch('hasInitialized', () => {
if (`ST` == clientCountry) {
label = `São Tomé & Príncipe`;
selectedCountry = `ST`;
}
})" @click="label = `São Tomé & Príncipe`; selectedCountry = `ST`;"> São Tomé & Príncipe </li>
<li data-value="TW" data-label="Taiwan" x-init="$watch('hasInitialized', () => {
if (`TW` == clientCountry) {
label = `Taiwan`;
selectedCountry = `TW`;
}
})" @click="label = `Taiwan`; selectedCountry = `TW`;"> Taiwan </li>
<li data-value="TJ" data-label="Tajikistan" x-init="$watch('hasInitialized', () => {
if (`TJ` == clientCountry) {
label = `Tajikistan`;
selectedCountry = `TJ`;
}
})" @click="label = `Tajikistan`; selectedCountry = `TJ`;"> Tajikistan </li>
<li data-value="TZ" data-label="Tanzania" x-init="$watch('hasInitialized', () => {
if (`TZ` == clientCountry) {
label = `Tanzania`;
selectedCountry = `TZ`;
}
})" @click="label = `Tanzania`; selectedCountry = `TZ`;"> Tanzania </li>
<li data-value="TH" data-label="Thailand" x-init="$watch('hasInitialized', () => {
if (`TH` == clientCountry) {
label = `Thailand`;
selectedCountry = `TH`;
}
})" @click="label = `Thailand`; selectedCountry = `TH`;"> Thailand </li>
<li data-value="TL" data-label="Timor-Leste" x-init="$watch('hasInitialized', () => {
if (`TL` == clientCountry) {
label = `Timor-Leste`;
selectedCountry = `TL`;
}
})" @click="label = `Timor-Leste`; selectedCountry = `TL`;"> Timor-Leste </li>
<li data-value="TG" data-label="Togo" x-init="$watch('hasInitialized', () => {
if (`TG` == clientCountry) {
label = `Togo`;
selectedCountry = `TG`;
}
})" @click="label = `Togo`; selectedCountry = `TG`;"> Togo </li>
<li data-value="TK" data-label="Tokelau" x-init="$watch('hasInitialized', () => {
if (`TK` == clientCountry) {
label = `Tokelau`;
selectedCountry = `TK`;
}
})" @click="label = `Tokelau`; selectedCountry = `TK`;"> Tokelau </li>
<li data-value="TO" data-label="Tonga" x-init="$watch('hasInitialized', () => {
if (`TO` == clientCountry) {
label = `Tonga`;
selectedCountry = `TO`;
}
})" @click="label = `Tonga`; selectedCountry = `TO`;"> Tonga </li>
<li data-value="TT" data-label="Trinidad & Tobago" x-init="$watch('hasInitialized', () => {
if (`TT` == clientCountry) {
label = `Trinidad & Tobago`;
selectedCountry = `TT`;
}
})" @click="label = `Trinidad & Tobago`; selectedCountry = `TT`;"> Trinidad & Tobago </li>
<li data-value="TN" data-label="Tunisia" x-init="$watch('hasInitialized', () => {
if (`TN` == clientCountry) {
label = `Tunisia`;
selectedCountry = `TN`;
}
})" @click="label = `Tunisia`; selectedCountry = `TN`;"> Tunisia </li>
<li data-value="TR" data-label="Turkey" x-init="$watch('hasInitialized', () => {
if (`TR` == clientCountry) {
label = `Turkey`;
selectedCountry = `TR`;
}
})" @click="label = `Turkey`; selectedCountry = `TR`;"> Turkey </li>
<li data-value="TM" data-label="Turkmenistan" x-init="$watch('hasInitialized', () => {
if (`TM` == clientCountry) {
label = `Turkmenistan`;
selectedCountry = `TM`;
}
})" @click="label = `Turkmenistan`; selectedCountry = `TM`;"> Turkmenistan </li>
<li data-value="TC" data-label="Turks & Caicos Islands" x-init="$watch('hasInitialized', () => {
if (`TC` == clientCountry) {
label = `Turks & Caicos Islands`;
selectedCountry = `TC`;
}
})" @click="label = `Turks & Caicos Islands`; selectedCountry = `TC`;"> Turks & Caicos Islands </li>
<li data-value="TV" data-label="Tuvalu" x-init="$watch('hasInitialized', () => {
if (`TV` == clientCountry) {
label = `Tuvalu`;
selectedCountry = `TV`;
}
})" @click="label = `Tuvalu`; selectedCountry = `TV`;"> Tuvalu </li>
<li data-value="UM" data-label="U.S. Outlying Islands" x-init="$watch('hasInitialized', () => {
if (`UM` == clientCountry) {
label = `U.S. Outlying Islands`;
selectedCountry = `UM`;
}
})" @click="label = `U.S. Outlying Islands`; selectedCountry = `UM`;"> U.S. Outlying Islands </li>
<li data-value="VI" data-label="U.S. Virgin Islands" x-init="$watch('hasInitialized', () => {
if (`VI` == clientCountry) {
label = `U.S. Virgin Islands`;
selectedCountry = `VI`;
}
})" @click="label = `U.S. Virgin Islands`; selectedCountry = `VI`;"> U.S. Virgin Islands </li>
<li data-value="UG" data-label="Uganda" x-init="$watch('hasInitialized', () => {
if (`UG` == clientCountry) {
label = `Uganda`;
selectedCountry = `UG`;
}
})" @click="label = `Uganda`; selectedCountry = `UG`;"> Uganda </li>
<li data-value="UA" data-label="Ukraine" x-init="$watch('hasInitialized', () => {
if (`UA` == clientCountry) {
label = `Ukraine`;
selectedCountry = `UA`;
}
})" @click="label = `Ukraine`; selectedCountry = `UA`;"> Ukraine </li>
<li data-value="AE" data-label="United Arab Emirates" x-init="$watch('hasInitialized', () => {
if (`AE` == clientCountry) {
label = `United Arab Emirates`;
selectedCountry = `AE`;
}
})" @click="label = `United Arab Emirates`; selectedCountry = `AE`;"> United Arab Emirates </li>
<li data-value="GB" data-label="United Kingdom" x-init="$watch('hasInitialized', () => {
if (`GB` == clientCountry) {
label = `United Kingdom`;
selectedCountry = `GB`;
}
})" @click="label = `United Kingdom`; selectedCountry = `GB`;"> United Kingdom </li>
<li data-value="US" data-label="United States" x-init="$watch('hasInitialized', () => {
if (`US` == clientCountry) {
label = `United States`;
selectedCountry = `US`;
}
})" @click="label = `United States`; selectedCountry = `US`;"> United States </li>
<li data-value="UY" data-label="Uruguay" x-init="$watch('hasInitialized', () => {
if (`UY` == clientCountry) {
label = `Uruguay`;
selectedCountry = `UY`;
}
})" @click="label = `Uruguay`; selectedCountry = `UY`;"> Uruguay </li>
<li data-value="UZ" data-label="Uzbekistan" x-init="$watch('hasInitialized', () => {
if (`UZ` == clientCountry) {
label = `Uzbekistan`;
selectedCountry = `UZ`;
}
})" @click="label = `Uzbekistan`; selectedCountry = `UZ`;"> Uzbekistan </li>
<li data-value="VU" data-label="Vanuatu" x-init="$watch('hasInitialized', () => {
if (`VU` == clientCountry) {
label = `Vanuatu`;
selectedCountry = `VU`;
}
})" @click="label = `Vanuatu`; selectedCountry = `VU`;"> Vanuatu </li>
<li data-value="VA" data-label="Vatican City" x-init="$watch('hasInitialized', () => {
if (`VA` == clientCountry) {
label = `Vatican City`;
selectedCountry = `VA`;
}
})" @click="label = `Vatican City`; selectedCountry = `VA`;"> Vatican City </li>
<li data-value="VE" data-label="Venezuela" x-init="$watch('hasInitialized', () => {
if (`VE` == clientCountry) {
label = `Venezuela`;
selectedCountry = `VE`;
}
})" @click="label = `Venezuela`; selectedCountry = `VE`;"> Venezuela </li>
<li data-value="VN" data-label="Vietnam" x-init="$watch('hasInitialized', () => {
if (`VN` == clientCountry) {
label = `Vietnam`;
selectedCountry = `VN`;
}
})" @click="label = `Vietnam`; selectedCountry = `VN`;"> Vietnam </li>
<li data-value="WF" data-label="Wallis & Futuna" x-init="$watch('hasInitialized', () => {
if (`WF` == clientCountry) {
label = `Wallis & Futuna`;
selectedCountry = `WF`;
}
})" @click="label = `Wallis & Futuna`; selectedCountry = `WF`;"> Wallis & Futuna </li>
<li data-value="EH" data-label="Western Sahara" x-init="$watch('hasInitialized', () => {
if (`EH` == clientCountry) {
label = `Western Sahara`;
selectedCountry = `EH`;
}
})" @click="label = `Western Sahara`; selectedCountry = `EH`;"> Western Sahara </li>
<li data-value="YE" data-label="Yemen" x-init="$watch('hasInitialized', () => {
if (`YE` == clientCountry) {
label = `Yemen`;
selectedCountry = `YE`;
}
})" @click="label = `Yemen`; selectedCountry = `YE`;"> Yemen </li>
<li data-value="ZM" data-label="Zambia" x-init="$watch('hasInitialized', () => {
if (`ZM` == clientCountry) {
label = `Zambia`;
selectedCountry = `ZM`;
}
})" @click="label = `Zambia`; selectedCountry = `ZM`;"> Zambia </li>
<li data-value="ZW" data-label="Zimbabwe" x-init="$watch('hasInitialized', () => {
if (`ZW` == clientCountry) {
label = `Zimbabwe`;
selectedCountry = `ZW`;
}
})" @click="label = `Zimbabwe`; selectedCountry = `ZW`;"> Zimbabwe </li>
<li data-value="AX" data-label="Åland Islands" x-init="$watch('hasInitialized', () => {
if (`AX` == clientCountry) {
label = `Åland Islands`;
selectedCountry = `AX`;
}
})" @click="label = `Åland Islands`; selectedCountry = `AX`;"> Åland Islands </li>
</ul>
</div>
</div>
</div>
</div>
<div class="mb-5">
<div class="form-group" x-data="hybridSelect" x-init="label = `Select the language`" @click.outside="open = false">
<span id="select-label-language" class="form-label" @click="open = !open">Language* </span>
<input type="hidden" name="language" id="language" required="" x-bind:value="selectedLanguage" x-init="$watch('selectedLanguage', () => $el.dispatchEvent(new Event('change')));
$watch('selectedCountry', () => {
label = `Select the language`;
selectedLanguage = '';
url = undefined;
});
$watch('languageOptions', () => {
if (!selectedLanguage) {
console.log(languageOptions)
console.log(clientLanguage)
const languageOption = languageOptions && (languageOptions.find(language => language.value === clientLanguage) || languageOptions[0]);
if (languageOption) {
label = languageOption.label;
selectedLanguage = languageOption.value;
url = languageOption.url;
}
}
});">
<div class="hybrid-select">
<select id="select-lang" aria-labelledby="select-label-language" class="form-select hybrid-select__native"
@change="selectedLanguage = $event.target.value; label = Array.from($event.target.options)?.find((option) => option.value === $event.target.value)?.innerHTML">
<option value="" disabled="" selected="">Select the language</option>
<template x-for="option in languageOptions">
<option x-init="if (clientLanguage && option.value === clientLanguage) { label = option.label; selectedLanguage = option.value; url = option.url;}" :selected="selectedLanguage == option.value" :value="option.value"
x-text="option.label"></option>
</template>
</select>
<div class="form-select hybrid-select__custom" :class="{'form-select--open' : open}" @click=" open = !open " :aria-hidden="open">
<span class="select-label text-capitalize placeholder" x-bind:class=" !selectedLanguage ? 'placeholder' : ''" x-text="label">Select the language</span>
<ul class="select-options text-capitalize" x-bind:class=" open ? 'open' : ''">
<template x-for="option in languageOptions">
<li x-init="if (clientLanguage && option.value === clientLanguage) { label = option.label; selectedLanguage = option.value; url = option.url;}" :data-value="option.value" :data-label="option.label"
@click="label = option.label; selectedLanguage = option.value; url = option.url">
<span x-text="option.label"></span>
</li>
</template>
</ul>
</div>
</div>
<div class="invalid-feedback" x-bind:class="{ 'visually-hidden': !!open }"></div>
</div>
</div>
</form>
<form class="cmp-search-field__form">
<h3 class="d-md-none mb-5">Barco search</h3>
<div class="cmp-search-field__search">
<div class="search-field" data-search-open="">
<button class="icon-button icon-button--search" aria-label="Search" type="submit">
<span class="icon-button__icon search"></span>
</button>
<div class="suggestions">
<input data-search-input="" class="form-control" placeholder="Search" data-placeholder="Search" data-focused-placeholder="What are you searching for?" type="search" x-ref="input" @focus="if($isBreakpoint('md+')) activePanel = undefined"
x-model="queryString">
<ul data-search-suggestions=""></ul>
</div>
<button data-clear-input="" class="icon-button icon-button--clear opacity-0" x-bind:class="queryString != '' ? 'opacity-100' : 'opacity-0'" aria-label="Clear" @click="queryString = ''" type="button">
<span class="icon-button__icon clear"></span>
</button>
</div>
</div>
<button class="cmp-search-field__close icon-button rounded-circle" aria-label="Close search" data-search-close="" type="button">
<span class="icon-button__icon close"></span>
</button>
</form>
<form class="cmp-sign-up__form mt-4 d-flex" novalidate="" data-resource-path="/content/dxp/regions-countries/global/en/header-and-footer" data-id="4248">
<div class="w-100 me-3">
<div class="form-group">
<input type="email" class="form-control" id="email" name="email" placeholder="Email address" required="">
<div class="invalid-feedback"></div>
</div>
</div>
<input type="hidden" name="subscribedToNewslettersandProductInfoCT" value="true">
<input type="hidden" name="barcoLastSource" value="Website - NewsletterSubscribe - https://www.barco.com/content/dxp/regions-countries/global/en.html">
<input type="hidden" name="barcoOriginalSource" value="Website - NewsletterSubscribe - https://www.barco.com/content/dxp/regions-countries/global/en.html">
<input type="hidden" name="barcoOptinSource" value="Website - NewsletterSubscribe - https://www.barco.com/content/dxp/regions-countries/global/en.html">
<input type="hidden" name="barcoOptinLastSource" value="Website - NewsletterSubscribe - https://www.barco.com/content/dxp/regions-countries/global/en.html">
<button type="submit" class="btn btn-black btn-lg text-nowrap align-self-start">Sign up</button>
</form>
Text Content
DE/en SELECT YOUR COUNTRY & LANGUAGE Changing the country will affect factors including price and product availability. Should your preferred language not be available, content will be displayed in English. -------------------------------------------------------------------------------- Country/Region* Select the country Afghanistan Albania Algeria American Samoa Andorra Angola Anguilla Antarctica Antigua & Barbuda Argentina Armenia Aruba Australia Austria Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belgium Belize Benin Bermuda Bhutan Bolivia Bosnia & Herzegovina Botswana Bouvet Island Brazil British Indian Ocean Territory British Virgin Islands Brunei Bulgaria Burkina Faso Burundi Cambodia Cameroon Canada Cape Verde Caribbean Netherlands Cayman Islands Central African Republic Chad Chile China Christmas Island Cocos (Keeling) Islands Colombia Comoros Congo - Brazzaville Congo - Kinshasa Cook Islands Costa Rica Croatia Cuba Curaçao Cyprus Czechia Côte d’Ivoire Denmark Djibouti Dominica Dominican Republic Ecuador Egypt El Salvador Equatorial Guinea Eritrea Estonia Ethiopia Falkland Islands Faroe Islands Fiji Finland France French Guiana French Polynesia French Southern Territories Gabon Gambia Georgia Germany Ghana Gibraltar Greece Greenland Grenada Guadeloupe Guam Guatemala Guernsey Guinea Guinea-Bissau Guyana Haiti Heard & McDonald Islands Honduras Hong Kong SAR China Hungary Iceland India Indonesia Iran Iraq Ireland Isle of Man Israel Italy Jamaica Japan Jersey Jordan Kazakhstan Kenya Kiribati Kuwait Kyrgyzstan Laos Latvia Lebanon Lesotho Liberia Libya Liechtenstein Lithuania Luxembourg Macau SAR China Macedonia Madagascar Malawi Malaysia Maldives Mali Malta Marshall Islands Martinique Mauritania Mauritius Mayotte Mexico Micronesia Moldova Monaco Mongolia Montenegro Montserrat Morocco Mozambique Myanmar (Burma) Namibia Nauru Nepal Netherlands New Caledonia New Zealand Nicaragua Niger Nigeria Niue Norfolk Island North Korea Northern Mariana Islands Norway Oman Pakistan Palau Palestinian Territories Panama Papua New Guinea Paraguay Peru Philippines Pitcairn Islands Poland Portugal Puerto Rico Qatar Romania Russia Rwanda Réunion Samoa San Marino Saudi Arabia Senegal Serbia Seychelles Sierra Leone Singapore Sint Maarten Slovakia Slovenia Solomon Islands Somalia South Africa South Georgia & South Sandwich Islands South Korea South Sudan Spain Sri Lanka St. Barthélemy St. Helena St. Kitts & Nevis St. Lucia St. Martin St. Pierre & Miquelon St. Vincent & Grenadines Sudan Suriname Svalbard & Jan Mayen Swaziland Sweden Switzerland Syria São Tomé & Príncipe Taiwan Tajikistan Tanzania Thailand Timor-Leste Togo Tokelau Tonga Trinidad & Tobago Tunisia Turkey Turkmenistan Turks & Caicos Islands Tuvalu U.S. Outlying Islands U.S. Virgin Islands Uganda Ukraine United Arab Emirates United Kingdom United States Uruguay Uzbekistan Vanuatu Vatican City Venezuela Vietnam Wallis & Futuna Western Sahara Yemen Zambia Zimbabwe Åland Islands Select the country * Afghanistan * Albania * Algeria * American Samoa * Andorra * Angola * Anguilla * Antarctica * Antigua & Barbuda * Argentina * Armenia * Aruba * Australia * Austria * Azerbaijan * Bahamas * Bahrain * Bangladesh * Barbados * Belarus * Belgium * Belize * Benin * Bermuda * Bhutan * Bolivia * Bosnia & Herzegovina * Botswana * Bouvet Island * Brazil * British Indian Ocean Territory * British Virgin Islands * Brunei * Bulgaria * Burkina Faso * Burundi * Cambodia * Cameroon * Canada * Cape Verde * Caribbean Netherlands * Cayman Islands * Central African Republic * Chad * Chile * China * Christmas Island * Cocos (Keeling) Islands * Colombia * Comoros * Congo - Brazzaville * Congo - Kinshasa * Cook Islands * Costa Rica * Croatia * Cuba * Curaçao * Cyprus * Czechia * Côte d’Ivoire * Denmark * Djibouti * Dominica * Dominican Republic * Ecuador * Egypt * El Salvador * Equatorial Guinea * Eritrea * Estonia * Ethiopia * Falkland Islands * Faroe Islands * Fiji * Finland * France * French Guiana * French Polynesia * French Southern Territories * Gabon * Gambia * Georgia * Germany * Ghana * Gibraltar * Greece * Greenland * Grenada * Guadeloupe * Guam * Guatemala * Guernsey * Guinea * Guinea-Bissau * Guyana * Haiti * Heard & McDonald Islands * Honduras * Hong Kong SAR China * Hungary * Iceland * India * Indonesia * Iran * Iraq * Ireland * Isle of Man * Israel * Italy * Jamaica * Japan * Jersey * Jordan * Kazakhstan * Kenya * Kiribati * Kuwait * Kyrgyzstan * Laos * Latvia * Lebanon * Lesotho * Liberia * Libya * Liechtenstein * Lithuania * Luxembourg * Macau SAR China * Macedonia * Madagascar * Malawi * Malaysia * Maldives * Mali * Malta * Marshall Islands * Martinique * Mauritania * Mauritius * Mayotte * Mexico * Micronesia * Moldova * Monaco * Mongolia * Montenegro * Montserrat * Morocco * Mozambique * Myanmar (Burma) * Namibia * Nauru * Nepal * Netherlands * New Caledonia * New Zealand * Nicaragua * Niger * Nigeria * Niue * Norfolk Island * North Korea * Northern Mariana Islands * Norway * Oman * Pakistan * Palau * Palestinian Territories * Panama * Papua New Guinea * Paraguay * Peru * Philippines * Pitcairn Islands * Poland * Portugal * Puerto Rico * Qatar * Romania * Russia * Rwanda * Réunion * Samoa * San Marino * Saudi Arabia * Senegal * Serbia * Seychelles * Sierra Leone * Singapore * Sint Maarten * Slovakia * Slovenia * Solomon Islands * Somalia * South Africa * South Georgia & South Sandwich Islands * South Korea * South Sudan * Spain * Sri Lanka * St. Barthélemy * St. Helena * St. Kitts & Nevis * St. Lucia * St. Martin * St. Pierre & Miquelon * St. Vincent & Grenadines * Sudan * Suriname * Svalbard & Jan Mayen * Swaziland * Sweden * Switzerland * Syria * São Tomé & Príncipe * Taiwan * Tajikistan * Tanzania * Thailand * Timor-Leste * Togo * Tokelau * Tonga * Trinidad & Tobago * Tunisia * Turkey * Turkmenistan * Turks & Caicos Islands * Tuvalu * U.S. Outlying Islands * U.S. Virgin Islands * Uganda * Ukraine * United Arab Emirates * United Kingdom * United States * Uruguay * Uzbekistan * Vanuatu * Vatican City * Venezuela * Vietnam * Wallis & Futuna * Western Sahara * Yemen * Zambia * Zimbabwe * Åland Islands Language* Select the language Select the language Update Close login myBarco 1. myBarco dashboard 2. My products 3. Create a service ticket 4. Manage news notifications 5. Sign out Products & solutions Inspiration Contact Support About Barco Partners BARCO SEARCH Products & solutions Inspiration Contact Support About Barco Partners DE/en SELECT YOUR COUNTRY & LANGUAGE Changing the country will affect factors including price and product availability. Should your preferred language not be available, content will be displayed in English. -------------------------------------------------------------------------------- Country/Region* Select the country Afghanistan Albania Algeria American Samoa Andorra Angola Anguilla Antarctica Antigua & Barbuda Argentina Armenia Aruba Australia Austria Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belgium Belize Benin Bermuda Bhutan Bolivia Bosnia & Herzegovina Botswana Bouvet Island Brazil British Indian Ocean Territory British Virgin Islands Brunei Bulgaria Burkina Faso Burundi Cambodia Cameroon Canada Cape Verde Caribbean Netherlands Cayman Islands Central African Republic Chad Chile China Christmas Island Cocos (Keeling) Islands Colombia Comoros Congo - Brazzaville Congo - Kinshasa Cook Islands Costa Rica Croatia Cuba Curaçao Cyprus Czechia Côte d’Ivoire Denmark Djibouti Dominica Dominican Republic Ecuador Egypt El Salvador Equatorial Guinea Eritrea Estonia Ethiopia Falkland Islands Faroe Islands Fiji Finland France French Guiana French Polynesia French Southern Territories Gabon Gambia Georgia Germany Ghana Gibraltar Greece Greenland Grenada Guadeloupe Guam Guatemala Guernsey Guinea Guinea-Bissau Guyana Haiti Heard & McDonald Islands Honduras Hong Kong SAR China Hungary Iceland India Indonesia Iran Iraq Ireland Isle of Man Israel Italy Jamaica Japan Jersey Jordan Kazakhstan Kenya Kiribati Kuwait Kyrgyzstan Laos Latvia Lebanon Lesotho Liberia Libya Liechtenstein Lithuania Luxembourg Macau SAR China Macedonia Madagascar Malawi Malaysia Maldives Mali Malta Marshall Islands Martinique Mauritania Mauritius Mayotte Mexico Micronesia Moldova Monaco Mongolia Montenegro Montserrat Morocco Mozambique Myanmar (Burma) Namibia Nauru Nepal Netherlands New Caledonia New Zealand Nicaragua Niger Nigeria Niue Norfolk Island North Korea Northern Mariana Islands Norway Oman Pakistan Palau Palestinian Territories Panama Papua New Guinea Paraguay Peru Philippines Pitcairn Islands Poland Portugal Puerto Rico Qatar Romania Russia Rwanda Réunion Samoa San Marino Saudi Arabia Senegal Serbia Seychelles Sierra Leone Singapore Sint Maarten Slovakia Slovenia Solomon Islands Somalia South Africa South Georgia & South Sandwich Islands South Korea South Sudan Spain Sri Lanka St. Barthélemy St. Helena St. Kitts & Nevis St. Lucia St. Martin St. Pierre & Miquelon St. Vincent & Grenadines Sudan Suriname Svalbard & Jan Mayen Swaziland Sweden Switzerland Syria São Tomé & Príncipe Taiwan Tajikistan Tanzania Thailand Timor-Leste Togo Tokelau Tonga Trinidad & Tobago Tunisia Turkey Turkmenistan Turks & Caicos Islands Tuvalu U.S. Outlying Islands U.S. Virgin Islands Uganda Ukraine United Arab Emirates United Kingdom United States Uruguay Uzbekistan Vanuatu Vatican City Venezuela Vietnam Wallis & Futuna Western Sahara Yemen Zambia Zimbabwe Åland Islands Select the country * Afghanistan * Albania * Algeria * American Samoa * Andorra * Angola * Anguilla * Antarctica * Antigua & Barbuda * Argentina * Armenia * Aruba * Australia * Austria * Azerbaijan * Bahamas * Bahrain * Bangladesh * Barbados * Belarus * Belgium * Belize * Benin * Bermuda * Bhutan * Bolivia * Bosnia & Herzegovina * Botswana * Bouvet Island * Brazil * British Indian Ocean Territory * British Virgin Islands * Brunei * Bulgaria * Burkina Faso * Burundi * Cambodia * Cameroon * Canada * Cape Verde * Caribbean Netherlands * Cayman Islands * Central African Republic * Chad * Chile * China * Christmas Island * Cocos (Keeling) Islands * Colombia * Comoros * Congo - Brazzaville * Congo - Kinshasa * Cook Islands * Costa Rica * Croatia * Cuba * Curaçao * Cyprus * Czechia * Côte d’Ivoire * Denmark * Djibouti * Dominica * Dominican Republic * Ecuador * Egypt * El Salvador * Equatorial Guinea * Eritrea * Estonia * Ethiopia * Falkland Islands * Faroe Islands * Fiji * Finland * France * French Guiana * French Polynesia * French Southern Territories * Gabon * Gambia * Georgia * Germany * Ghana * Gibraltar * Greece * Greenland * Grenada * Guadeloupe * Guam * Guatemala * Guernsey * Guinea * Guinea-Bissau * Guyana * Haiti * Heard & McDonald Islands * Honduras * Hong Kong SAR China * Hungary * Iceland * India * Indonesia * Iran * Iraq * Ireland * Isle of Man * Israel * Italy * Jamaica * Japan * Jersey * Jordan * Kazakhstan * Kenya * Kiribati * Kuwait * Kyrgyzstan * Laos * Latvia * Lebanon * Lesotho * Liberia * Libya * Liechtenstein * Lithuania * Luxembourg * Macau SAR China * Macedonia * Madagascar * Malawi * Malaysia * Maldives * Mali * Malta * Marshall Islands * Martinique * Mauritania * Mauritius * Mayotte * Mexico * Micronesia * Moldova * Monaco * Mongolia * Montenegro * Montserrat * Morocco * Mozambique * Myanmar (Burma) * Namibia * Nauru * Nepal * Netherlands * New Caledonia * New Zealand * Nicaragua * Niger * Nigeria * Niue * Norfolk Island * North Korea * Northern Mariana Islands * Norway * Oman * Pakistan * Palau * Palestinian Territories * Panama * Papua New Guinea * Paraguay * Peru * Philippines * Pitcairn Islands * Poland * Portugal * Puerto Rico * Qatar * Romania * Russia * Rwanda * Réunion * Samoa * San Marino * Saudi Arabia * Senegal * Serbia * Seychelles * Sierra Leone * Singapore * Sint Maarten * Slovakia * Slovenia * Solomon Islands * Somalia * South Africa * South Georgia & South Sandwich Islands * South Korea * South Sudan * Spain * Sri Lanka * St. Barthélemy * St. Helena * St. Kitts & Nevis * St. Lucia * St. Martin * St. Pierre & Miquelon * St. Vincent & Grenadines * Sudan * Suriname * Svalbard & Jan Mayen * Swaziland * Sweden * Switzerland * Syria * São Tomé & Príncipe * Taiwan * Tajikistan * Tanzania * Thailand * Timor-Leste * Togo * Tokelau * Tonga * Trinidad & Tobago * Tunisia * Turkey * Turkmenistan * Turks & Caicos Islands * Tuvalu * U.S. Outlying Islands * U.S. Virgin Islands * Uganda * Ukraine * United Arab Emirates * United Kingdom * United States * Uruguay * Uzbekistan * Vanuatu * Vatican City * Venezuela * Vietnam * Wallis & Futuna * Western Sahara * Yemen * Zambia * Zimbabwe * Åland Islands Language* Select the language Select the language Update Close BARCO SEARCH MENU Products & solutions Inspiration Contact Support About Barco Partners login myBarco 1. myBarco dashboard 2. My products 3. Create a service ticket 4. Manage news notifications 5. Sign out Back Back PRODUCTS & SOLUTIONS Industries Enterprise Healthcare Entertainment Back INDUSTRIES Back ENTERPRISE Products Conferencing & collaboration Virtual & hybrid classrooms Video walls Controllers Services Software Accessories Solutions Teaching & training Workplace Control rooms Back CONFERENCING & COLLABORATION Wireless conferencing Wireless presentation Back VIRTUAL & HYBRID CLASSROOMS Virtual classroom Hybrid classroom Back VIDEO WALLS LED video walls LCD video walls Rear projection video walls Back CONTROLLERS Video wall controllers Desk controllers Back WORKPLACE Auditorium Corporate lobby Huddle room Meeting room Training room Board room Back CONTROL ROOMS Airport Operations Center Command and Control Centers Security Operations Center (SOC) Network Operations Center Emergency Operations Center Mobile Control Center Healthcare Operations Center Traffic Management Center Transmission Control Center Process Control Center Back HEALTHCARE Products Medical displays Digital operating room Services Software Accessories Solutions Radiology Breast imaging Modality Surgery Dentistry Digital pathology Dermatology Back MEDICAL DISPLAYS Radiology displays Digital pathology displays Dental displays Clinical review displays Custom medical displays Multimodality user interfaces Breast imaging displays Surgical displays Back DIGITAL OPERATING ROOM Medical device management Surgical collaboration Back ENTERTAINMENT Products Image processing Projection Immersive systems Video walls Accessories Services Solutions Themed entertainment Projection mapping Home entertainment Live events Television studio 3D visualization Cinema Simulation Back IMAGE PROCESSING Screen management Event master Back PROJECTION Cinema projectors Home cinema projectors Installation projectors Rental projectors Simulation projectors Back IMMERSIVE SYSTEMS Canvas Caves Powerwalls Back VIDEO WALLS LED video walls LCD video walls Rear-projection video walls Back INSPIRATION News & insights Customer stories Upcoming events Back NEWS & INSIGHTS Back CUSTOMER STORIES Back UPCOMING EVENTS Back CONTACT Where to buy Office locator Contact us Back WHERE TO BUY Back OFFICE LOCATOR Back CONTACT US Back SUPPORT Support Knowledge base Training & certification Back SUPPORT Back KNOWLEDGE BASE Back TRAINING & CERTIFICATION Back ABOUT BARCO This is Barco Investor relations Jobs Sustainability Worldwide offices Trust center Corporate governance Experience Center Press releases Back THIS IS BARCO Back INVESTOR RELATIONS Back JOBS Back SUSTAINABILITY Back WORLDWIDE OFFICES Back TRUST CENTER Back CORPORATE GOVERNANCE Back EXPERIENCE CENTER Back PRESS RELEASES Back PARTNERS Resellers Alliance partners Consultants Suppliers Why become a partner? Back RESELLERS Back ALLIANCE PARTNERS Back CONSULTANTS Back SUPPLIERS Back WHY BECOME A PARTNER? Discover Barco DISCOVER HOW BARCO CAN HELP YOU BARCO IS A TECHNOLOGY COMPANY SPECIALIZED IN VISUALIZATION AND COLLABORATION SOLUTIONS FOR HEALTHCARE, ENTERPRISES AND ENTERTAINMENT. HEALTHCARE We help medical professionals achieve better health outcomes and work more efficiently in an increasingly complex healthcare enterprise. ENTERPRISE We help professionals in control rooms, classrooms and meeting rooms connect data and images for more informed decisions and better, smarter, more authentic collaboration . ENTERTAINMENT We help roadies, artists, and creatives offer stunning visual experiences in cities, at events, in cinemas or museums. WHAT ARE YOU INTERESTED IN TODAY? Industry * Entertainment * Enterprise * Healthcare Insights Customer stories Events News MEDICAL DISPLAY CONTROLLER Medical-grade display controllers translate large image files of various formats onto a diagnostic display screen. MEDICAL DISPLAY A medical display is a monitor that meets the high demands of medical imaging. MEDICAL CALIBRATION Medical calibration refers to the process of adjusting the accuracy of a medical display in line with regulatory standards. DICOM CALIBRATION DICOM calibration is a form of medical calibration to ensure compliance with the DICOM GSDF standard. DIGITAL PATHOLOGY Digital pathology, or whole slide imaging, is a sub-field of pathology, in which tissue specimens are digitized with a scanner before being examined. DIAGNOSTIC DISPLAY A diagnostic display is a monitor that meets the high demands of medical imaging in radiology and breast imaging. 3,200 employees 48 employee nationalities 500+ unique technology patents CREATING MIND-BLOWING EVENTS AND MEMORABLE EXPERIENCES FOR OUR CUSTOMERS Read our customer stories NEED SUPPORT? KNOWLEDGEBASE & FAQ Find more info and the answers to your most frequently asked questions. TRAINING & CERTIFICATION Validate your expertise with our training and certification offering. HOW TO TUTORIALS Check our tutorials to make use of our solutions to their full potential. FIRMWARE UPDATES Get the latest updates for your products to make sure they´re running at their best. KNOWLEDGEBASE & FAQ Find more info and the answers to your most frequently asked questions. TRAINING & CERTIFICATION Validate your expertise with our training and certification offering. HOW TO TUTORIALS Check our tutorials to make use of our solutions to their full potential. FIRMWARE UPDATES Get the latest updates for your products to make sure they´re running at their best. SUSTAINABLE BUSINESS IS GOOD BUSINESS — AND VICE VERSA At Barco, we consider sustainability a key part of our DNA and we strive to: * lower our own environmental footprint and those of our customers * invest in sustainable employability by enabling careers that are engaging, enriching and healthy * build an inclusive workplace that embraces the diversity of our people * play an active role in the communities we operate in by upholding the highest ethical and quality standards Read our sustainability pledge MAYBE YOU ARE OUR NEXT VISIONEER? We are visioneers in everything we do and in each of our departments. If you have a passion for turning innovative ideas into reality, we have a place for you! Join our team TALK TO US Don't hesitate to contact us with your questions. Our team will gladly point you in the right direction. Get in touch Barco GmbH Greschbachstrasse 5 a, Karlsruhe 76229 Germany +49 721 6201 0 Barco Beneluxpark 21, Kortrijk 8500 Belgium +32 56 233211 Products 1. Wireless collaboration 2. Projectors 3. Medical displays 4. Video walls 5. Image processing 6. Services Support 1. Drivers & firmware 2. Training & certification 3. Knowledge base 4. Contact support Partners 1. Resellers 2. Alliance partners 3. Consultants 4. Suppliers 5. Why become a partner? About 1. Investor relations 2. Jobs 3. Sustainability 4. Office locations 5. Trust center 6. Press releases Inspiration 1. News & insights 2. Customer stories 3. Upcoming events FOLLOW US RECEIVE THE LATEST SERVICES & PRODUCTS NEWS Sign up This site is protected by reCAPTCHA and the Google Privacy Policy and Google Terms of Service apply. Thank you! Now check your inbox and confirm your subscription! © 2023, Barco. All rights reserved. Terms and conditions Ethics helpline Privacy policy Cookie policy COOKIE PREFERENCE SETTINGS When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer. More information Allow All MANAGE CONSENT PREFERENCES STRICTLY NECESSARY COOKIES Always Active These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information. Cookies Details PERFORMANCE COOKIES Performance cookies These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance. Cookies Details FUNCTIONAL COOKIES Functional cookies These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly. Cookies Details TARGETING COOKIES Targeting cookies These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising. Cookies Details BACK BUTTON PERFORMANCE COOKIES Vendor Search Search Icon Filter Icon Clear checkbox label label Apply Cancel Consent Leg.Interest checkbox label label checkbox label label checkbox label label * VIEW COOKIES * Name cookie name Confirm My Choices COOKIES By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. Cookie policy Accept All Cookies Cookies Settings