intl-tel-input 19.5.2 → 19.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -6
- package/build/css/intlTelInput.min.css +1 -1
- package/build/js/data.js +1 -1
- package/build/js/data.min.js +1 -1
- package/build/js/intlTelInput-jquery.js +75 -65
- package/build/js/intlTelInput-jquery.min.js +3 -3
- package/build/js/intlTelInput.js +75 -65
- package/build/js/intlTelInput.min.js +3 -3
- package/composer.json +1 -1
- package/demo.html +1 -1
- package/grunt/replace.js +3 -3
- package/package.json +1 -1
- package/react/build/IntlTelInput.cjs.js +2 -2
- package/react/build/IntlTelInput.cjs.js.map +3 -3
- package/react/build/IntlTelInput.esm.js +2 -2
- package/react/build/IntlTelInput.esm.js.map +3 -3
- package/react/demo/simple-bundle.js +139 -139
- package/react/demo/validation-bundle.js +139 -139
- package/react/src/IntlTelInput.js +4 -0
- package/screenshots/empty-country.png +0 -0
- package/src/js/intlTelInput.js +77 -66
- package/src/spec/helpers/helpers.js +2 -2
- package/src/spec/tests/core/multipleInstances.js +14 -14
- package/src/spec/tests/core/usingDropdown.js +4 -4
- package/src/spec/tests/methods/getValidationError.js +1 -1
- package/src/spec/tests/methods/setCountry.js +5 -20
- package/src/spec/tests/options/onlyCountries.js +3 -3
package/README.md
CHANGED
|
@@ -62,16 +62,16 @@ _Note: We have now dropped support for all versions of Internet Explorer because
|
|
|
62
62
|
## Getting Started (Using a CDN)
|
|
63
63
|
1. Add the CSS
|
|
64
64
|
```html
|
|
65
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@19.5.
|
|
65
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@19.5.3/build/css/intlTelInput.css">
|
|
66
66
|
```
|
|
67
67
|
|
|
68
68
|
2. Add the plugin script and initialise it on your input element
|
|
69
69
|
```html
|
|
70
|
-
<script src="https://cdn.jsdelivr.net/npm/intl-tel-input@19.5.
|
|
70
|
+
<script src="https://cdn.jsdelivr.net/npm/intl-tel-input@19.5.3/build/js/intlTelInput.min.js"></script>
|
|
71
71
|
<script>
|
|
72
72
|
const input = document.querySelector("#phone");
|
|
73
73
|
window.intlTelInput(input, {
|
|
74
|
-
utilsScript: "https://cdn.jsdelivr.net/npm/intl-tel-input@19.5.
|
|
74
|
+
utilsScript: "https://cdn.jsdelivr.net/npm/intl-tel-input@19.5.3/build/js/utils.js",
|
|
75
75
|
});
|
|
76
76
|
</script>
|
|
77
77
|
```
|
|
@@ -171,6 +171,12 @@ intlTelInput(input, {
|
|
|
171
171
|
});
|
|
172
172
|
```
|
|
173
173
|
|
|
174
|
+
**defaultToFirstCountry**
|
|
175
|
+
Type: `Boolean` Default: `true`
|
|
176
|
+
Upon initialisation, if no country is selected then default to the first country in the list (including `preferredCountries`). If set to `false`, there will be no country selected to begin with, and it will show a generic globe icon (see below). Note that in some cases, setting an (incorrect) initial country for the user can result in them successfully submitting phone numbers with the wrong dial code. This can happen if, for example, Australia is selected by default (e.g. because it's the first of the `preferredCountries`), and then a user from New Zealand autofills their (national) phone number without noticing the wrong country is selected, and submits the form. In this case, the number validates as true because the two countries share very similar number patterns, and it gets saved with an Australian dial code, thus making the phone number unusable. To avoid this issue, set `defaultToFirstCountry` to `false`. Play with this option on [Storybook](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--defaulttofirstcountry) (using the React component).
|
|
177
|
+
|
|
178
|
+
<img src="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/empty-country.png" width="240px" height="53px">
|
|
179
|
+
|
|
174
180
|
**dropdownContainer**
|
|
175
181
|
Type: `Node` Default: `null`
|
|
176
182
|
Expects a node e.g. `document.body`. Instead of putting the country dropdown markup next to the input, append it to the specified node, and it will then be positioned next to the input using JavaScript (using `position: fixed`). This is useful when the input is inside a container with `overflow: hidden`. Note that the positioning is broken by scrolling, so the dropdown will automatically close on the `window` scroll event.
|
|
@@ -273,7 +279,7 @@ Specify [one of the keys](https://github.com/jackocnr/intl-tel-input/blob/master
|
|
|
273
279
|
|
|
274
280
|
**preferredCountries**
|
|
275
281
|
Type: `Array` Default: `[]`
|
|
276
|
-
Specify the countries to appear at the top of the list. Note that this option is not compatible with the
|
|
282
|
+
Specify the countries to appear at the top of the list. Note that this option is not compatible with the `countrySearch` feature, and so that needs to be disabled for this to work. Play with this option on [Storybook](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--preferredcountries) (using the React component).
|
|
277
283
|
|
|
278
284
|
**showFlags**
|
|
279
285
|
Type: `Boolean` Default: `true`
|
|
@@ -343,7 +349,7 @@ const countryData = iti.getSelectedCountryData();
|
|
|
343
349
|
Returns something like this:
|
|
344
350
|
```js
|
|
345
351
|
{
|
|
346
|
-
name: "Afghanistan
|
|
352
|
+
name: "Afghanistan",
|
|
347
353
|
iso2: "af",
|
|
348
354
|
dialCode: "93"
|
|
349
355
|
}
|
|
@@ -404,7 +410,7 @@ const countryData = window.intlTelInputGlobals.getCountryData();
|
|
|
404
410
|
Returns an array of country objects:
|
|
405
411
|
```js
|
|
406
412
|
[{
|
|
407
|
-
name: "Afghanistan
|
|
413
|
+
name: "Afghanistan",
|
|
408
414
|
iso2: "af",
|
|
409
415
|
dialCode: "93"
|
|
410
416
|
}, ...]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}[dir=rtl] .iti__arrow{margin-right:6px;margin-left:0}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__dropdown-content{border-radius:3px;background-color:#fff}.iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:2;margin-top:3px;margin-left:-1px;border:1px solid #ccc;box-shadow:1px 1px 4px rgba(0,0,0,.2)}.iti__dropdown-content--dropup{bottom:100%;margin-bottom:3px}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding:9px 12px}.iti__search-input+.iti__country-list{border-top:1px solid #ccc}.iti__country-list{list-style:none;padding:0;margin:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti--inline-dropdown .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{display:flex;align-items:center;padding:8px 8px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__flag-box{margin-right:8px}[dir=rtl] .iti__country-name,[dir=rtl] .iti__flag-box{margin-right:0;margin-left:8px}.iti--allow-dropdown input.iti__tel-input,.iti--allow-dropdown input.iti__tel-input[type=tel],.iti--allow-dropdown input.iti__tel-input[type=text],.iti--show-selected-dial-code input.iti__tel-input,.iti--show-selected-dial-code input.iti__tel-input[type=tel],.iti--show-selected-dial-code input.iti__tel-input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}[dir=rtl] .iti--allow-dropdown input.iti__tel-input,[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input,[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel],[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text]{padding-right:52px;padding-left:6px;margin-right:0}.iti--allow-dropdown .iti__flag-container,.iti--show-selected-dial-code .iti__flag-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__flag-container,[dir=rtl] .iti--show-selected-dial-code .iti__flag-container{right:0;left:auto}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover,.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover{cursor:default}.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover .iti__selected-flag,.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover .iti__selected-flag{background-color:transparent}.iti--show-selected-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:6px}[dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:0;margin-right:6px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:30px;display:flex;flex-direction:column;justify-content:center}.iti--fullscreen-popup.iti--container.iti--country-search{justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (min-resolution:2x){.iti__flag{background-size:5762px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:12px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cq{height:12px;background-position:-1115px 0}.iti__flag.iti__cr{height:12px;background-position:-1137px 0}.iti__flag.iti__cu{height:10px;background-position:-1159px 0}.iti__flag.iti__cv{height:12px;background-position:-1181px 0}.iti__flag.iti__cw{height:14px;background-position:-1203px 0}.iti__flag.iti__cx{height:10px;background-position:-1225px 0}.iti__flag.iti__cy{height:14px;background-position:-1247px 0}.iti__flag.iti__cz{height:14px;background-position:-1269px 0}.iti__flag.iti__de{height:12px;background-position:-1291px 0}.iti__flag.iti__dg{height:10px;background-position:-1313px 0}.iti__flag.iti__dj{height:14px;background-position:-1335px 0}.iti__flag.iti__dk{height:15px;background-position:-1357px 0}.iti__flag.iti__dm{height:10px;background-position:-1379px 0}.iti__flag.iti__do{height:14px;background-position:-1401px 0}.iti__flag.iti__dz{height:14px;background-position:-1423px 0}.iti__flag.iti__ea{height:14px;background-position:-1445px 0}.iti__flag.iti__ec{height:14px;background-position:-1467px 0}.iti__flag.iti__ee{height:13px;background-position:-1489px 0}.iti__flag.iti__eg{height:14px;background-position:-1511px 0}.iti__flag.iti__eh{height:10px;background-position:-1533px 0}.iti__flag.iti__er{height:10px;background-position:-1555px 0}.iti__flag.iti__es{height:14px;background-position:-1577px 0}.iti__flag.iti__et{height:10px;background-position:-1599px 0}.iti__flag.iti__eu{height:14px;background-position:-1621px 0}.iti__flag.iti__ez{height:14px;background-position:-1643px 0}.iti__flag.iti__fi{height:12px;background-position:-1665px 0}.iti__flag.iti__fj{height:10px;background-position:-1687px 0}.iti__flag.iti__fk{height:10px;background-position:-1709px 0}.iti__flag.iti__fm{height:11px;background-position:-1731px 0}.iti__flag.iti__fo{height:15px;background-position:-1753px 0}.iti__flag.iti__fr{height:14px;background-position:-1775px 0}.iti__flag.iti__fx{height:14px;background-position:-1797px 0}.iti__flag.iti__ga{height:15px;background-position:-1819px 0}.iti__flag.iti__gb{height:10px;background-position:-1841px 0}.iti__flag.iti__gd{height:12px;background-position:-1863px 0}.iti__flag.iti__ge{height:14px;background-position:-1885px 0}.iti__flag.iti__gf{height:14px;background-position:-1907px 0}.iti__flag.iti__gg{height:14px;background-position:-1929px 0}.iti__flag.iti__gh{height:14px;background-position:-1951px 0}.iti__flag.iti__gi{height:10px;background-position:-1973px 0}.iti__flag.iti__gl{height:14px;background-position:-1995px 0}.iti__flag.iti__gm{height:14px;background-position:-2017px 0}.iti__flag.iti__gn{height:14px;background-position:-2039px 0}.iti__flag.iti__gp{height:14px;background-position:-2061px 0}.iti__flag.iti__gq{height:14px;background-position:-2083px 0}.iti__flag.iti__gr{height:14px;background-position:-2105px 0}.iti__flag.iti__gs{height:10px;background-position:-2127px 0}.iti__flag.iti__gt{height:13px;background-position:-2149px 0}.iti__flag.iti__gu{height:11px;background-position:-2171px 0}.iti__flag.iti__gw{height:10px;background-position:-2193px 0}.iti__flag.iti__gy{height:12px;background-position:-2215px 0}.iti__flag.iti__hk{height:14px;background-position:-2237px 0}.iti__flag.iti__hm{height:10px;background-position:-2259px 0}.iti__flag.iti__hn{height:10px;background-position:-2281px 0}.iti__flag.iti__hr{height:10px;background-position:-2303px 0}.iti__flag.iti__ht{height:12px;background-position:-2325px 0}.iti__flag.iti__hu{height:10px;background-position:-2347px 0}.iti__flag.iti__ic{height:14px;background-position:-2369px 0}.iti__flag.iti__id{height:14px;background-position:-2391px 0}.iti__flag.iti__ie{height:10px;background-position:-2413px 0}.iti__flag.iti__il{height:15px;background-position:-2435px 0}.iti__flag.iti__im{height:10px;background-position:-2457px 0}.iti__flag.iti__in{height:14px;background-position:-2479px 0}.iti__flag.iti__io{height:10px;background-position:-2501px 0}.iti__flag.iti__iq{height:14px;background-position:-2523px 0}.iti__flag.iti__ir{height:12px;background-position:-2545px 0}.iti__flag.iti__is{height:15px;background-position:-2567px 0}.iti__flag.iti__it{height:14px;background-position:-2589px 0}.iti__flag.iti__je{height:12px;background-position:-2611px 0}.iti__flag.iti__jm{height:10px;background-position:-2633px 0}.iti__flag.iti__jo{height:10px;background-position:-2655px 0}.iti__flag.iti__jp{height:14px;background-position:-2677px 0}.iti__flag.iti__ke{height:14px;background-position:-2699px 0}.iti__flag.iti__kg{height:12px;background-position:-2721px 0}.iti__flag.iti__kh{height:13px;background-position:-2743px 0}.iti__flag.iti__ki{height:10px;background-position:-2765px 0}.iti__flag.iti__km{height:12px;background-position:-2787px 0}.iti__flag.iti__kn{height:14px;background-position:-2809px 0}.iti__flag.iti__kp{height:10px;background-position:-2831px 0}.iti__flag.iti__kr{height:14px;background-position:-2853px 0}.iti__flag.iti__kw{height:10px;background-position:-2875px 0}.iti__flag.iti__ky{height:10px;background-position:-2897px 0}.iti__flag.iti__kz{height:10px;background-position:-2919px 0}.iti__flag.iti__la{height:14px;background-position:-2941px 0}.iti__flag.iti__lb{height:14px;background-position:-2963px 0}.iti__flag.iti__lc{height:10px;background-position:-2985px 0}.iti__flag.iti__li{height:12px;background-position:-3007px 0}.iti__flag.iti__lk{height:10px;background-position:-3029px 0}.iti__flag.iti__lr{height:11px;background-position:-3051px 0}.iti__flag.iti__ls{height:14px;background-position:-3073px 0}.iti__flag.iti__lt{height:12px;background-position:-3095px 0}.iti__flag.iti__lu{height:12px;background-position:-3117px 0}.iti__flag.iti__lv{height:10px;background-position:-3139px 0}.iti__flag.iti__ly{height:10px;background-position:-3161px 0}.iti__flag.iti__ma{height:14px;background-position:-3183px 0}.iti__flag.iti__mc{height:15px;background-position:-3205px 0}.iti__flag.iti__md{height:10px;background-position:-3226px 0}.iti__flag.iti__me{height:10px;background-position:-3248px 0}.iti__flag.iti__mf{height:14px;background-position:-3270px 0}.iti__flag.iti__mg{height:14px;background-position:-3292px 0}.iti__flag.iti__mh{height:11px;background-position:-3314px 0}.iti__flag.iti__mk{height:10px;background-position:-3336px 0}.iti__flag.iti__ml{height:14px;background-position:-3358px 0}.iti__flag.iti__mm{height:14px;background-position:-3380px 0}.iti__flag.iti__mn{height:10px;background-position:-3402px 0}.iti__flag.iti__mo{height:14px;background-position:-3424px 0}.iti__flag.iti__mp{height:10px;background-position:-3446px 0}.iti__flag.iti__mq{height:14px;background-position:-3468px 0}.iti__flag.iti__mr{height:14px;background-position:-3490px 0}.iti__flag.iti__ms{height:10px;background-position:-3512px 0}.iti__flag.iti__mt{height:14px;background-position:-3534px 0}.iti__flag.iti__mu{height:14px;background-position:-3556px 0}.iti__flag.iti__mv{height:14px;background-position:-3578px 0}.iti__flag.iti__mw{height:14px;background-position:-3600px 0}.iti__flag.iti__mx{height:12px;background-position:-3622px 0}.iti__flag.iti__my{height:10px;background-position:-3644px 0}.iti__flag.iti__mz{height:14px;background-position:-3666px 0}.iti__flag.iti__na{height:14px;background-position:-3688px 0}.iti__flag.iti__nc{height:10px;background-position:-3710px 0}.iti__flag.iti__ne{height:15px;background-position:-3732px 0}.iti__flag.iti__nf{height:10px;background-position:-3752px 0}.iti__flag.iti__ng{height:10px;background-position:-3774px 0}.iti__flag.iti__ni{height:12px;background-position:-3796px 0}.iti__flag.iti__nl{height:14px;background-position:-3818px 0}.iti__flag.iti__no{height:15px;background-position:-3840px 0}.iti__flag.iti__np{height:15px;background-position:-3862px 0}.iti__flag.iti__nr{height:10px;background-position:-3877px 0}.iti__flag.iti__nu{height:10px;background-position:-3899px 0}.iti__flag.iti__nz{height:10px;background-position:-3921px 0}.iti__flag.iti__om{height:10px;background-position:-3943px 0}.iti__flag.iti__pa{height:14px;background-position:-3965px 0}.iti__flag.iti__pe{height:14px;background-position:-3987px 0}.iti__flag.iti__pf{height:14px;background-position:-4009px 0}.iti__flag.iti__pg{height:15px;background-position:-4031px 0}.iti__flag.iti__ph{height:10px;background-position:-4053px 0}.iti__flag.iti__pk{height:14px;background-position:-4075px 0}.iti__flag.iti__pl{height:13px;background-position:-4097px 0}.iti__flag.iti__pm{height:14px;background-position:-4119px 0}.iti__flag.iti__pn{height:10px;background-position:-4141px 0}.iti__flag.iti__pr{height:14px;background-position:-4163px 0}.iti__flag.iti__ps{height:10px;background-position:-4185px 0}.iti__flag.iti__pt{height:14px;background-position:-4207px 0}.iti__flag.iti__pw{height:13px;background-position:-4229px 0}.iti__flag.iti__py{height:11px;background-position:-4251px 0}.iti__flag.iti__qa{height:8px;background-position:-4273px 0}.iti__flag.iti__re{height:14px;background-position:-4295px 0}.iti__flag.iti__ro{height:14px;background-position:-4317px 0}.iti__flag.iti__rs{height:14px;background-position:-4339px 0}.iti__flag.iti__ru{height:14px;background-position:-4361px 0}.iti__flag.iti__rw{height:14px;background-position:-4383px 0}.iti__flag.iti__sa{height:14px;background-position:-4405px 0}.iti__flag.iti__sb{height:10px;background-position:-4427px 0}.iti__flag.iti__sc{height:10px;background-position:-4449px 0}.iti__flag.iti__sd{height:10px;background-position:-4471px 0}.iti__flag.iti__se{height:13px;background-position:-4493px 0}.iti__flag.iti__sg{height:14px;background-position:-4515px 0}.iti__flag.iti__sh{height:10px;background-position:-4537px 0}.iti__flag.iti__si{height:10px;background-position:-4559px 0}.iti__flag.iti__sj{height:15px;background-position:-4581px 0}.iti__flag.iti__sk{height:14px;background-position:-4603px 0}.iti__flag.iti__sl{height:14px;background-position:-4625px 0}.iti__flag.iti__sm{height:15px;background-position:-4647px 0}.iti__flag.iti__sn{height:14px;background-position:-4669px 0}.iti__flag.iti__so{height:14px;background-position:-4691px 0}.iti__flag.iti__sr{height:14px;background-position:-4713px 0}.iti__flag.iti__ss{height:10px;background-position:-4735px 0}.iti__flag.iti__st{height:10px;background-position:-4757px 0}.iti__flag.iti__su{height:10px;background-position:-4779px 0}.iti__flag.iti__sv{height:12px;background-position:-4801px 0}.iti__flag.iti__sx{height:14px;background-position:-4823px 0}.iti__flag.iti__sy{height:14px;background-position:-4845px 0}.iti__flag.iti__sz{height:14px;background-position:-4867px 0}.iti__flag.iti__ta{height:10px;background-position:-4889px 0}.iti__flag.iti__tc{height:10px;background-position:-4911px 0}.iti__flag.iti__td{height:14px;background-position:-4933px 0}.iti__flag.iti__tf{height:14px;background-position:-4955px 0}.iti__flag.iti__tg{height:13px;background-position:-4977px 0}.iti__flag.iti__th{height:14px;background-position:-4999px 0}.iti__flag.iti__tj{height:10px;background-position:-5021px 0}.iti__flag.iti__tk{height:10px;background-position:-5043px 0}.iti__flag.iti__tl{height:10px;background-position:-5065px 0}.iti__flag.iti__tm{height:14px;background-position:-5087px 0}.iti__flag.iti__tn{height:14px;background-position:-5109px 0}.iti__flag.iti__to{height:10px;background-position:-5131px 0}.iti__flag.iti__tr{height:14px;background-position:-5153px 0}.iti__flag.iti__tt{height:12px;background-position:-5175px 0}.iti__flag.iti__tv{height:10px;background-position:-5197px 0}.iti__flag.iti__tw{height:14px;background-position:-5219px 0}.iti__flag.iti__tz{height:14px;background-position:-5241px 0}.iti__flag.iti__ua{height:14px;background-position:-5263px 0}.iti__flag.iti__ug{height:14px;background-position:-5285px 0}.iti__flag.iti__uk{height:10px;background-position:-5307px 0}.iti__flag.iti__um{height:11px;background-position:-5329px 0}.iti__flag.iti__un{height:14px;background-position:-5351px 0}.iti__flag.iti__us{height:11px;background-position:-5373px 0}.iti__flag.iti__uy{height:14px;background-position:-5395px 0}.iti__flag.iti__uz{height:10px;background-position:-5417px 0}.iti__flag.iti__va{height:15px;background-position:-5439px 0}.iti__flag.iti__vc{height:14px;background-position:-5456px 0}.iti__flag.iti__ve{height:14px;background-position:-5478px 0}.iti__flag.iti__vg{height:10px;background-position:-5500px 0}.iti__flag.iti__vi{height:14px;background-position:-5522px 0}.iti__flag.iti__vn{height:14px;background-position:-5544px 0}.iti__flag.iti__vu{height:12px;background-position:-5566px 0}.iti__flag.iti__wf{height:14px;background-position:-5588px 0}.iti__flag.iti__ws{height:10px;background-position:-5610px 0}.iti__flag.iti__xk{height:15px;background-position:-5632px 0}.iti__flag.iti__ye{height:14px;background-position:-5654px 0}.iti__flag.iti__yt{height:14px;background-position:-5676px 0}.iti__flag.iti__za{height:14px;background-position:-5698px 0}.iti__flag.iti__zm{height:14px;background-position:-5720px 0}.iti__flag.iti__zw{height:10px;background-position:-5742px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(../img/flags.png?1);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (min-resolution:2x){.iti__flag{background-image:url(../img/flags@2x.png?1)}}.iti__flag.iti__np{background-color:transparent}
|
|
1
|
+
.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}[dir=rtl] .iti__arrow{margin-right:6px;margin-left:0}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__dropdown-content{border-radius:3px;background-color:#fff}.iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:2;margin-top:3px;margin-left:-1px;border:1px solid #ccc;box-shadow:1px 1px 4px rgba(0,0,0,.2)}.iti__dropdown-content--dropup{bottom:100%;margin-bottom:3px}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding:9px 12px}.iti__search-input+.iti__country-list{border-top:1px solid #ccc}.iti__country-list{list-style:none;padding:0;margin:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti--inline-dropdown .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{display:flex;align-items:center;padding:8px 8px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__flag-box{margin-right:8px}[dir=rtl] .iti__country-name,[dir=rtl] .iti__flag-box{margin-right:0;margin-left:8px}.iti--allow-dropdown input.iti__tel-input,.iti--allow-dropdown input.iti__tel-input[type=tel],.iti--allow-dropdown input.iti__tel-input[type=text],.iti--show-selected-dial-code input.iti__tel-input,.iti--show-selected-dial-code input.iti__tel-input[type=tel],.iti--show-selected-dial-code input.iti__tel-input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}[dir=rtl] .iti--allow-dropdown input.iti__tel-input,[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input,[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel],[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text]{padding-right:52px;padding-left:6px;margin-right:0}.iti--allow-dropdown .iti__flag-container,.iti--show-selected-dial-code .iti__flag-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__flag-container,[dir=rtl] .iti--show-selected-dial-code .iti__flag-container{right:0;left:auto}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover,.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover{cursor:default}.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover .iti__selected-flag,.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover .iti__selected-flag{background-color:transparent}.iti--show-selected-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:6px}[dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:0;margin-right:6px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:30px;display:flex;flex-direction:column;justify-content:center}.iti--fullscreen-popup.iti--container.iti--country-search{justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (min-resolution:2x){.iti__flag{background-size:5762px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:12px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cq{height:12px;background-position:-1115px 0}.iti__flag.iti__cr{height:12px;background-position:-1137px 0}.iti__flag.iti__cu{height:10px;background-position:-1159px 0}.iti__flag.iti__cv{height:12px;background-position:-1181px 0}.iti__flag.iti__cw{height:14px;background-position:-1203px 0}.iti__flag.iti__cx{height:10px;background-position:-1225px 0}.iti__flag.iti__cy{height:14px;background-position:-1247px 0}.iti__flag.iti__cz{height:14px;background-position:-1269px 0}.iti__flag.iti__de{height:12px;background-position:-1291px 0}.iti__flag.iti__dg{height:10px;background-position:-1313px 0}.iti__flag.iti__dj{height:14px;background-position:-1335px 0}.iti__flag.iti__dk{height:15px;background-position:-1357px 0}.iti__flag.iti__dm{height:10px;background-position:-1379px 0}.iti__flag.iti__do{height:14px;background-position:-1401px 0}.iti__flag.iti__dz{height:14px;background-position:-1423px 0}.iti__flag.iti__ea{height:14px;background-position:-1445px 0}.iti__flag.iti__ec{height:14px;background-position:-1467px 0}.iti__flag.iti__ee{height:13px;background-position:-1489px 0}.iti__flag.iti__eg{height:14px;background-position:-1511px 0}.iti__flag.iti__eh{height:10px;background-position:-1533px 0}.iti__flag.iti__er{height:10px;background-position:-1555px 0}.iti__flag.iti__es{height:14px;background-position:-1577px 0}.iti__flag.iti__et{height:10px;background-position:-1599px 0}.iti__flag.iti__eu{height:14px;background-position:-1621px 0}.iti__flag.iti__ez{height:14px;background-position:-1643px 0}.iti__flag.iti__fi{height:12px;background-position:-1665px 0}.iti__flag.iti__fj{height:10px;background-position:-1687px 0}.iti__flag.iti__fk{height:10px;background-position:-1709px 0}.iti__flag.iti__fm{height:11px;background-position:-1731px 0}.iti__flag.iti__fo{height:15px;background-position:-1753px 0}.iti__flag.iti__fr{height:14px;background-position:-1775px 0}.iti__flag.iti__fx{height:14px;background-position:-1797px 0}.iti__flag.iti__ga{height:15px;background-position:-1819px 0}.iti__flag.iti__gb{height:10px;background-position:-1841px 0}.iti__flag.iti__gd{height:12px;background-position:-1863px 0}.iti__flag.iti__ge{height:14px;background-position:-1885px 0}.iti__flag.iti__gf{height:14px;background-position:-1907px 0}.iti__flag.iti__gg{height:14px;background-position:-1929px 0}.iti__flag.iti__gh{height:14px;background-position:-1951px 0}.iti__flag.iti__gi{height:10px;background-position:-1973px 0}.iti__flag.iti__gl{height:14px;background-position:-1995px 0}.iti__flag.iti__gm{height:14px;background-position:-2017px 0}.iti__flag.iti__gn{height:14px;background-position:-2039px 0}.iti__flag.iti__gp{height:14px;background-position:-2061px 0}.iti__flag.iti__gq{height:14px;background-position:-2083px 0}.iti__flag.iti__gr{height:14px;background-position:-2105px 0}.iti__flag.iti__gs{height:10px;background-position:-2127px 0}.iti__flag.iti__gt{height:13px;background-position:-2149px 0}.iti__flag.iti__gu{height:11px;background-position:-2171px 0}.iti__flag.iti__gw{height:10px;background-position:-2193px 0}.iti__flag.iti__gy{height:12px;background-position:-2215px 0}.iti__flag.iti__hk{height:14px;background-position:-2237px 0}.iti__flag.iti__hm{height:10px;background-position:-2259px 0}.iti__flag.iti__hn{height:10px;background-position:-2281px 0}.iti__flag.iti__hr{height:10px;background-position:-2303px 0}.iti__flag.iti__ht{height:12px;background-position:-2325px 0}.iti__flag.iti__hu{height:10px;background-position:-2347px 0}.iti__flag.iti__ic{height:14px;background-position:-2369px 0}.iti__flag.iti__id{height:14px;background-position:-2391px 0}.iti__flag.iti__ie{height:10px;background-position:-2413px 0}.iti__flag.iti__il{height:15px;background-position:-2435px 0}.iti__flag.iti__im{height:10px;background-position:-2457px 0}.iti__flag.iti__in{height:14px;background-position:-2479px 0}.iti__flag.iti__io{height:10px;background-position:-2501px 0}.iti__flag.iti__iq{height:14px;background-position:-2523px 0}.iti__flag.iti__ir{height:12px;background-position:-2545px 0}.iti__flag.iti__is{height:15px;background-position:-2567px 0}.iti__flag.iti__it{height:14px;background-position:-2589px 0}.iti__flag.iti__je{height:12px;background-position:-2611px 0}.iti__flag.iti__jm{height:10px;background-position:-2633px 0}.iti__flag.iti__jo{height:10px;background-position:-2655px 0}.iti__flag.iti__jp{height:14px;background-position:-2677px 0}.iti__flag.iti__ke{height:14px;background-position:-2699px 0}.iti__flag.iti__kg{height:12px;background-position:-2721px 0}.iti__flag.iti__kh{height:13px;background-position:-2743px 0}.iti__flag.iti__ki{height:10px;background-position:-2765px 0}.iti__flag.iti__km{height:12px;background-position:-2787px 0}.iti__flag.iti__kn{height:14px;background-position:-2809px 0}.iti__flag.iti__kp{height:10px;background-position:-2831px 0}.iti__flag.iti__kr{height:14px;background-position:-2853px 0}.iti__flag.iti__kw{height:10px;background-position:-2875px 0}.iti__flag.iti__ky{height:10px;background-position:-2897px 0}.iti__flag.iti__kz{height:10px;background-position:-2919px 0}.iti__flag.iti__la{height:14px;background-position:-2941px 0}.iti__flag.iti__lb{height:14px;background-position:-2963px 0}.iti__flag.iti__lc{height:10px;background-position:-2985px 0}.iti__flag.iti__li{height:12px;background-position:-3007px 0}.iti__flag.iti__lk{height:10px;background-position:-3029px 0}.iti__flag.iti__lr{height:11px;background-position:-3051px 0}.iti__flag.iti__ls{height:14px;background-position:-3073px 0}.iti__flag.iti__lt{height:12px;background-position:-3095px 0}.iti__flag.iti__lu{height:12px;background-position:-3117px 0}.iti__flag.iti__lv{height:10px;background-position:-3139px 0}.iti__flag.iti__ly{height:10px;background-position:-3161px 0}.iti__flag.iti__ma{height:14px;background-position:-3183px 0}.iti__flag.iti__mc{height:15px;background-position:-3205px 0}.iti__flag.iti__md{height:10px;background-position:-3226px 0}.iti__flag.iti__me{height:10px;background-position:-3248px 0}.iti__flag.iti__mf{height:14px;background-position:-3270px 0}.iti__flag.iti__mg{height:14px;background-position:-3292px 0}.iti__flag.iti__mh{height:11px;background-position:-3314px 0}.iti__flag.iti__mk{height:10px;background-position:-3336px 0}.iti__flag.iti__ml{height:14px;background-position:-3358px 0}.iti__flag.iti__mm{height:14px;background-position:-3380px 0}.iti__flag.iti__mn{height:10px;background-position:-3402px 0}.iti__flag.iti__mo{height:14px;background-position:-3424px 0}.iti__flag.iti__mp{height:10px;background-position:-3446px 0}.iti__flag.iti__mq{height:14px;background-position:-3468px 0}.iti__flag.iti__mr{height:14px;background-position:-3490px 0}.iti__flag.iti__ms{height:10px;background-position:-3512px 0}.iti__flag.iti__mt{height:14px;background-position:-3534px 0}.iti__flag.iti__mu{height:14px;background-position:-3556px 0}.iti__flag.iti__mv{height:14px;background-position:-3578px 0}.iti__flag.iti__mw{height:14px;background-position:-3600px 0}.iti__flag.iti__mx{height:12px;background-position:-3622px 0}.iti__flag.iti__my{height:10px;background-position:-3644px 0}.iti__flag.iti__mz{height:14px;background-position:-3666px 0}.iti__flag.iti__na{height:14px;background-position:-3688px 0}.iti__flag.iti__nc{height:10px;background-position:-3710px 0}.iti__flag.iti__ne{height:15px;background-position:-3732px 0}.iti__flag.iti__nf{height:10px;background-position:-3752px 0}.iti__flag.iti__ng{height:10px;background-position:-3774px 0}.iti__flag.iti__ni{height:12px;background-position:-3796px 0}.iti__flag.iti__nl{height:14px;background-position:-3818px 0}.iti__flag.iti__no{height:15px;background-position:-3840px 0}.iti__flag.iti__np{height:15px;background-position:-3862px 0}.iti__flag.iti__nr{height:10px;background-position:-3877px 0}.iti__flag.iti__nu{height:10px;background-position:-3899px 0}.iti__flag.iti__nz{height:10px;background-position:-3921px 0}.iti__flag.iti__om{height:10px;background-position:-3943px 0}.iti__flag.iti__pa{height:14px;background-position:-3965px 0}.iti__flag.iti__pe{height:14px;background-position:-3987px 0}.iti__flag.iti__pf{height:14px;background-position:-4009px 0}.iti__flag.iti__pg{height:15px;background-position:-4031px 0}.iti__flag.iti__ph{height:10px;background-position:-4053px 0}.iti__flag.iti__pk{height:14px;background-position:-4075px 0}.iti__flag.iti__pl{height:13px;background-position:-4097px 0}.iti__flag.iti__pm{height:14px;background-position:-4119px 0}.iti__flag.iti__pn{height:10px;background-position:-4141px 0}.iti__flag.iti__pr{height:14px;background-position:-4163px 0}.iti__flag.iti__ps{height:10px;background-position:-4185px 0}.iti__flag.iti__pt{height:14px;background-position:-4207px 0}.iti__flag.iti__pw{height:13px;background-position:-4229px 0}.iti__flag.iti__py{height:11px;background-position:-4251px 0}.iti__flag.iti__qa{height:8px;background-position:-4273px 0}.iti__flag.iti__re{height:14px;background-position:-4295px 0}.iti__flag.iti__ro{height:14px;background-position:-4317px 0}.iti__flag.iti__rs{height:14px;background-position:-4339px 0}.iti__flag.iti__ru{height:14px;background-position:-4361px 0}.iti__flag.iti__rw{height:14px;background-position:-4383px 0}.iti__flag.iti__sa{height:14px;background-position:-4405px 0}.iti__flag.iti__sb{height:10px;background-position:-4427px 0}.iti__flag.iti__sc{height:10px;background-position:-4449px 0}.iti__flag.iti__sd{height:10px;background-position:-4471px 0}.iti__flag.iti__se{height:13px;background-position:-4493px 0}.iti__flag.iti__sg{height:14px;background-position:-4515px 0}.iti__flag.iti__sh{height:10px;background-position:-4537px 0}.iti__flag.iti__si{height:10px;background-position:-4559px 0}.iti__flag.iti__sj{height:15px;background-position:-4581px 0}.iti__flag.iti__sk{height:14px;background-position:-4603px 0}.iti__flag.iti__sl{height:14px;background-position:-4625px 0}.iti__flag.iti__sm{height:15px;background-position:-4647px 0}.iti__flag.iti__sn{height:14px;background-position:-4669px 0}.iti__flag.iti__so{height:14px;background-position:-4691px 0}.iti__flag.iti__sr{height:14px;background-position:-4713px 0}.iti__flag.iti__ss{height:10px;background-position:-4735px 0}.iti__flag.iti__st{height:10px;background-position:-4757px 0}.iti__flag.iti__su{height:10px;background-position:-4779px 0}.iti__flag.iti__sv{height:12px;background-position:-4801px 0}.iti__flag.iti__sx{height:14px;background-position:-4823px 0}.iti__flag.iti__sy{height:14px;background-position:-4845px 0}.iti__flag.iti__sz{height:14px;background-position:-4867px 0}.iti__flag.iti__ta{height:10px;background-position:-4889px 0}.iti__flag.iti__tc{height:10px;background-position:-4911px 0}.iti__flag.iti__td{height:14px;background-position:-4933px 0}.iti__flag.iti__tf{height:14px;background-position:-4955px 0}.iti__flag.iti__tg{height:13px;background-position:-4977px 0}.iti__flag.iti__th{height:14px;background-position:-4999px 0}.iti__flag.iti__tj{height:10px;background-position:-5021px 0}.iti__flag.iti__tk{height:10px;background-position:-5043px 0}.iti__flag.iti__tl{height:10px;background-position:-5065px 0}.iti__flag.iti__tm{height:14px;background-position:-5087px 0}.iti__flag.iti__tn{height:14px;background-position:-5109px 0}.iti__flag.iti__to{height:10px;background-position:-5131px 0}.iti__flag.iti__tr{height:14px;background-position:-5153px 0}.iti__flag.iti__tt{height:12px;background-position:-5175px 0}.iti__flag.iti__tv{height:10px;background-position:-5197px 0}.iti__flag.iti__tw{height:14px;background-position:-5219px 0}.iti__flag.iti__tz{height:14px;background-position:-5241px 0}.iti__flag.iti__ua{height:14px;background-position:-5263px 0}.iti__flag.iti__ug{height:14px;background-position:-5285px 0}.iti__flag.iti__uk{height:10px;background-position:-5307px 0}.iti__flag.iti__um{height:11px;background-position:-5329px 0}.iti__flag.iti__un{height:14px;background-position:-5351px 0}.iti__flag.iti__us{height:11px;background-position:-5373px 0}.iti__flag.iti__uy{height:14px;background-position:-5395px 0}.iti__flag.iti__uz{height:10px;background-position:-5417px 0}.iti__flag.iti__va{height:15px;background-position:-5439px 0}.iti__flag.iti__vc{height:14px;background-position:-5456px 0}.iti__flag.iti__ve{height:14px;background-position:-5478px 0}.iti__flag.iti__vg{height:10px;background-position:-5500px 0}.iti__flag.iti__vi{height:14px;background-position:-5522px 0}.iti__flag.iti__vn{height:14px;background-position:-5544px 0}.iti__flag.iti__vu{height:12px;background-position:-5566px 0}.iti__flag.iti__wf{height:14px;background-position:-5588px 0}.iti__flag.iti__ws{height:10px;background-position:-5610px 0}.iti__flag.iti__xk{height:15px;background-position:-5632px 0}.iti__flag.iti__ye{height:14px;background-position:-5654px 0}.iti__flag.iti__yt{height:14px;background-position:-5676px 0}.iti__flag.iti__za{height:14px;background-position:-5698px 0}.iti__flag.iti__zm{height:14px;background-position:-5720px 0}.iti__flag.iti__zw{height:10px;background-position:-5742px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(../img/flags.png?1);background-repeat:no-repeat;background-position:20px 0}@media (min-resolution:2x){.iti__flag{background-image:url(../img/flags@2x.png?1)}}.iti__globe{background-image:url(../img/globe.png);background-size:contain;background-position:right;box-shadow:none;height:19px}@media (min-resolution:2x){.iti__globe{background-image:url(../img/globe@2x.png)}}
|
package/build/js/data.js
CHANGED
package/build/js/data.min.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* International Telephone Input v19.5.
|
|
2
|
+
* International Telephone Input v19.5.3
|
|
3
3
|
* https://github.com/jackocnr/intl-tel-input.git
|
|
4
4
|
* Licensed under the MIT license
|
|
5
5
|
*/
|
|
@@ -315,8 +315,8 @@
|
|
|
315
315
|
value: function _processCountryData() {
|
|
316
316
|
// process onlyCountries or excludeCountries array if present
|
|
317
317
|
this._processAllCountries();
|
|
318
|
-
//
|
|
319
|
-
this.
|
|
318
|
+
// generate this.dialCodes and this.dialCodeToIso2Map
|
|
319
|
+
this._processDialCodes();
|
|
320
320
|
// process the preferredCountries
|
|
321
321
|
this._processPreferredCountries();
|
|
322
322
|
// translate country names according to i18n option
|
|
@@ -327,23 +327,23 @@
|
|
|
327
327
|
}
|
|
328
328
|
}
|
|
329
329
|
}, {
|
|
330
|
-
key: "
|
|
331
|
-
value: function
|
|
332
|
-
if (
|
|
333
|
-
this.
|
|
330
|
+
key: "_addToDialCodeMap",
|
|
331
|
+
value: function _addToDialCodeMap(iso2, dialCode, priority) {
|
|
332
|
+
if (dialCode.length > this.dialCodeMaxLen) {
|
|
333
|
+
this.dialCodeMaxLen = dialCode.length;
|
|
334
334
|
}
|
|
335
|
-
if (!this.
|
|
336
|
-
this.
|
|
335
|
+
if (!this.dialCodeToIso2Map.hasOwnProperty(dialCode)) {
|
|
336
|
+
this.dialCodeToIso2Map[dialCode] = [];
|
|
337
337
|
}
|
|
338
|
-
// bail if we already have this country for this
|
|
339
|
-
for (var i = 0; i < this.
|
|
340
|
-
if (this.
|
|
338
|
+
// bail if we already have this country for this dialCode
|
|
339
|
+
for (var i = 0; i < this.dialCodeToIso2Map[dialCode].length; i++) {
|
|
340
|
+
if (this.dialCodeToIso2Map[dialCode][i] === iso2) {
|
|
341
341
|
return;
|
|
342
342
|
}
|
|
343
343
|
}
|
|
344
344
|
// check for undefined as 0 is falsy
|
|
345
|
-
var index = priority !== undefined ? priority : this.
|
|
346
|
-
this.
|
|
345
|
+
var index = priority !== undefined ? priority : this.dialCodeToIso2Map[dialCode].length;
|
|
346
|
+
this.dialCodeToIso2Map[dialCode][index] = iso2;
|
|
347
347
|
}
|
|
348
348
|
}, {
|
|
349
349
|
key: "_processAllCountries",
|
|
@@ -388,20 +388,30 @@
|
|
|
388
388
|
return 0;
|
|
389
389
|
}
|
|
390
390
|
}, {
|
|
391
|
-
key: "
|
|
392
|
-
value: function
|
|
393
|
-
|
|
394
|
-
//
|
|
391
|
+
key: "_processDialCodes",
|
|
392
|
+
value: function _processDialCodes() {
|
|
393
|
+
// here we store just dial codes, where the key is the dial code, and the value is true
|
|
394
|
+
// e.g. { 1: true, 7: true, 20: true, ... }
|
|
395
395
|
this.dialCodes = {};
|
|
396
|
-
|
|
397
|
-
|
|
396
|
+
this.dialCodeMaxLen = 0;
|
|
397
|
+
// here we map dialCodes (inc both dialCode and dialCode+areaCode) to iso2 codes
|
|
398
|
+
/* e.g.
|
|
399
|
+
* {
|
|
400
|
+
* 1: [ 'us', 'ca', ... ], # all NANP countries
|
|
401
|
+
* 12: [ 'us', 'ca', ... ], # subset of NANP countries
|
|
402
|
+
* 120: [ 'us', 'ca' ], # just US and Canada
|
|
403
|
+
* 1204: [ 'ca' ], # only Canada
|
|
404
|
+
* ...
|
|
405
|
+
* }
|
|
406
|
+
*/
|
|
407
|
+
this.dialCodeToIso2Map = {};
|
|
398
408
|
// first: add dial codes
|
|
399
409
|
for (var i = 0; i < this.countries.length; i++) {
|
|
400
410
|
var c = this.countries[i];
|
|
401
411
|
if (!this.dialCodes[c.dialCode]) {
|
|
402
412
|
this.dialCodes[c.dialCode] = true;
|
|
403
413
|
}
|
|
404
|
-
this.
|
|
414
|
+
this._addToDialCodeMap(c.iso2, c.dialCode, c.priority);
|
|
405
415
|
}
|
|
406
416
|
// next: add area codes
|
|
407
417
|
// this is a second loop over countries, to make sure we have all of the "root" countries
|
|
@@ -411,7 +421,7 @@
|
|
|
411
421
|
var _c = this.countries[_i];
|
|
412
422
|
// area codes
|
|
413
423
|
if (_c.areaCodes) {
|
|
414
|
-
var
|
|
424
|
+
var rootIso2Code = this.dialCodeToIso2Map[_c.dialCode][0];
|
|
415
425
|
// for each area code
|
|
416
426
|
for (var j = 0; j < _c.areaCodes.length; j++) {
|
|
417
427
|
var areaCode = _c.areaCodes[j];
|
|
@@ -419,11 +429,11 @@
|
|
|
419
429
|
for (var k = 1; k < areaCode.length; k++) {
|
|
420
430
|
var partialDialCode = _c.dialCode + areaCode.substr(0, k);
|
|
421
431
|
// start with the root country, as that also matches this dial code
|
|
422
|
-
this.
|
|
423
|
-
this.
|
|
432
|
+
this._addToDialCodeMap(rootIso2Code, partialDialCode);
|
|
433
|
+
this._addToDialCodeMap(_c.iso2, partialDialCode);
|
|
424
434
|
}
|
|
425
435
|
// add the full area code
|
|
426
|
-
this.
|
|
436
|
+
this._addToDialCodeMap(_c.iso2, _c.dialCode + areaCode);
|
|
427
437
|
}
|
|
428
438
|
}
|
|
429
439
|
}
|
|
@@ -433,8 +443,8 @@
|
|
|
433
443
|
value: function _processPreferredCountries() {
|
|
434
444
|
this.preferredCountries = [];
|
|
435
445
|
for (var i = 0; i < this.options.preferredCountries.length; i++) {
|
|
436
|
-
var
|
|
437
|
-
var countryData = this._getCountryData(
|
|
446
|
+
var iso2 = this.options.preferredCountries[i].toLowerCase();
|
|
447
|
+
var countryData = this._getCountryData(iso2, true);
|
|
438
448
|
if (countryData) {
|
|
439
449
|
this.preferredCountries.push(countryData);
|
|
440
450
|
}
|
|
@@ -598,7 +608,7 @@
|
|
|
598
608
|
type: "hidden",
|
|
599
609
|
name: hiddenInputPhoneName
|
|
600
610
|
});
|
|
601
|
-
// Create hidden input for the selected country code
|
|
611
|
+
// Create hidden input for the selected country iso2 code
|
|
602
612
|
this.hiddenInputCountry = this._createEl("input", {
|
|
603
613
|
type: "hidden",
|
|
604
614
|
name: hiddenInputCountryName
|
|
@@ -794,11 +804,11 @@
|
|
|
794
804
|
window.intlTelInputGlobals.startedLoadingAutoCountry = true;
|
|
795
805
|
if (typeof this.options.geoIpLookup === "function") {
|
|
796
806
|
this.options.geoIpLookup(function() {
|
|
797
|
-
var
|
|
798
|
-
var
|
|
799
|
-
var
|
|
800
|
-
if (
|
|
801
|
-
window.intlTelInputGlobals.autoCountry =
|
|
807
|
+
var iso2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
|
|
808
|
+
var iso2Lower = iso2.toLowerCase();
|
|
809
|
+
var isValidIso2 = iso2Lower && _this5._getCountryData(iso2Lower, true);
|
|
810
|
+
if (isValidIso2) {
|
|
811
|
+
window.intlTelInputGlobals.autoCountry = iso2Lower;
|
|
802
812
|
// tell all instances the auto country is ready
|
|
803
813
|
// TODO: this should just be the current instances
|
|
804
814
|
// UPDATE: use setTimeout in case their geoIpLookup function calls this callback straight
|
|
@@ -1210,25 +1220,25 @@
|
|
|
1210
1220
|
// try and extract valid dial code from input
|
|
1211
1221
|
var dialCode = this._getDialCode(number, true);
|
|
1212
1222
|
var numeric = this._getNumeric(number);
|
|
1213
|
-
var
|
|
1223
|
+
var iso2 = null;
|
|
1214
1224
|
if (dialCode) {
|
|
1215
|
-
var
|
|
1225
|
+
var iso2Codes = this.dialCodeToIso2Map[this._getNumeric(dialCode)];
|
|
1216
1226
|
// check if the right country is already selected. this should be false if the number is
|
|
1217
1227
|
// longer than the matched dial code because in this case we need to make sure that if
|
|
1218
1228
|
// there are multiple country matches, that the first one is selected (note: we could
|
|
1219
1229
|
// just check that here, but it requires the same loop that we already have later)
|
|
1220
|
-
var alreadySelected =
|
|
1230
|
+
var alreadySelected = iso2Codes.indexOf(this.selectedCountryData.iso2) !== -1 && numeric.length <= dialCode.length - 1;
|
|
1221
1231
|
var isRegionlessNanpNumber = selectedDialCode === "1" && this._isRegionlessNanp(numeric);
|
|
1222
1232
|
// only update the flag if:
|
|
1223
1233
|
// A) NOT (we currently have a NANP flag selected, and the number is a regionlessNanp)
|
|
1224
1234
|
// AND
|
|
1225
1235
|
// B) the right country is not already selected
|
|
1226
1236
|
if (!isRegionlessNanpNumber && !alreadySelected) {
|
|
1227
|
-
// if using onlyCountries option,
|
|
1237
|
+
// if using onlyCountries option, iso2Codes[0] may be empty, so we must find the first
|
|
1228
1238
|
// non-empty index
|
|
1229
|
-
for (var j = 0; j <
|
|
1230
|
-
if (
|
|
1231
|
-
|
|
1239
|
+
for (var j = 0; j < iso2Codes.length; j++) {
|
|
1240
|
+
if (iso2Codes[j]) {
|
|
1241
|
+
iso2 = iso2Codes[j];
|
|
1232
1242
|
break;
|
|
1233
1243
|
}
|
|
1234
1244
|
}
|
|
@@ -1237,13 +1247,13 @@
|
|
|
1237
1247
|
// invalid dial code, so empty
|
|
1238
1248
|
// Note: use getNumeric here because the number has not been formatted yet, so could contain
|
|
1239
1249
|
// bad chars
|
|
1240
|
-
|
|
1250
|
+
iso2 = "";
|
|
1241
1251
|
} else if ((!number || number === "+") && !this.selectedCountryData.iso2) {
|
|
1242
1252
|
// if no selected flag, and user either clears the input, or just types a plus, then show default
|
|
1243
|
-
|
|
1253
|
+
iso2 = this.defaultCountry;
|
|
1244
1254
|
}
|
|
1245
|
-
if (
|
|
1246
|
-
return this._setFlag(
|
|
1255
|
+
if (iso2 !== null) {
|
|
1256
|
+
return this._setFlag(iso2);
|
|
1247
1257
|
}
|
|
1248
1258
|
return false;
|
|
1249
1259
|
}
|
|
@@ -1273,33 +1283,33 @@
|
|
|
1273
1283
|
}
|
|
1274
1284
|
}, {
|
|
1275
1285
|
key: "_getCountryData",
|
|
1276
|
-
value: function _getCountryData(
|
|
1286
|
+
value: function _getCountryData(iso2, allowFail) {
|
|
1277
1287
|
for (var i = 0; i < this.countries.length; i++) {
|
|
1278
|
-
if (this.countries[i].iso2 ===
|
|
1288
|
+
if (this.countries[i].iso2 === iso2) {
|
|
1279
1289
|
return this.countries[i];
|
|
1280
1290
|
}
|
|
1281
1291
|
}
|
|
1282
1292
|
if (allowFail) {
|
|
1283
1293
|
return null;
|
|
1284
1294
|
}
|
|
1285
|
-
throw new Error("No country data for '".concat(
|
|
1295
|
+
throw new Error("No country data for '".concat(iso2, "'"));
|
|
1286
1296
|
}
|
|
1287
1297
|
}, {
|
|
1288
1298
|
key: "_setFlag",
|
|
1289
|
-
value: function _setFlag(
|
|
1299
|
+
value: function _setFlag(iso2) {
|
|
1290
1300
|
var _this$options3 = this.options, allowDropdown = _this$options3.allowDropdown, showSelectedDialCode = _this$options3.showSelectedDialCode, showFlags = _this$options3.showFlags, countrySearch = _this$options3.countrySearch;
|
|
1291
1301
|
var prevCountry = this.selectedCountryData.iso2 ? this.selectedCountryData : {};
|
|
1292
|
-
// do this first as it will throw an error and stop if
|
|
1293
|
-
this.selectedCountryData =
|
|
1302
|
+
// do this first as it will throw an error and stop if iso2 is invalid
|
|
1303
|
+
this.selectedCountryData = iso2 ? this._getCountryData(iso2, false) : {};
|
|
1294
1304
|
// update the defaultCountry - we only need the iso2 from now on, so just store that
|
|
1295
1305
|
if (this.selectedCountryData.iso2) {
|
|
1296
1306
|
this.defaultCountry = this.selectedCountryData.iso2;
|
|
1297
1307
|
}
|
|
1298
1308
|
if (showFlags) {
|
|
1299
|
-
var flagClass =
|
|
1309
|
+
var flagClass = iso2 ? "iti__".concat(iso2) : "iti__globe";
|
|
1300
1310
|
this.selectedFlagInner.setAttribute("class", "iti__flag ".concat(flagClass));
|
|
1301
1311
|
}
|
|
1302
|
-
this._setSelectedCountryFlagTitleAttribute(
|
|
1312
|
+
this._setSelectedCountryFlagTitleAttribute(iso2, showSelectedDialCode);
|
|
1303
1313
|
if (showSelectedDialCode) {
|
|
1304
1314
|
var dialCode = this.selectedCountryData.dialCode ? "+".concat(this.selectedCountryData.dialCode) : "";
|
|
1305
1315
|
this.selectedDialCode.innerHTML = dialCode;
|
|
@@ -1321,27 +1331,27 @@
|
|
|
1321
1331
|
prevItem.classList.remove("iti__active");
|
|
1322
1332
|
prevItem.setAttribute("aria-selected", "false");
|
|
1323
1333
|
}
|
|
1324
|
-
if (
|
|
1334
|
+
if (iso2) {
|
|
1325
1335
|
// check if there is a preferred item first, else fall back to standard
|
|
1326
|
-
var nextItem = this.countryList.querySelector("#iti-".concat(this.id, "__item-").concat(
|
|
1336
|
+
var nextItem = this.countryList.querySelector("#iti-".concat(this.id, "__item-").concat(iso2, "-preferred")) || this.countryList.querySelector("#iti-".concat(this.id, "__item-").concat(iso2));
|
|
1327
1337
|
nextItem.setAttribute("aria-selected", "true");
|
|
1328
1338
|
nextItem.classList.add("iti__active");
|
|
1329
1339
|
this.activeItem = nextItem;
|
|
1330
1340
|
}
|
|
1331
1341
|
}
|
|
1332
1342
|
// return if the flag has changed or not
|
|
1333
|
-
return prevCountry.iso2 !==
|
|
1343
|
+
return prevCountry.iso2 !== iso2;
|
|
1334
1344
|
}
|
|
1335
1345
|
}, {
|
|
1336
1346
|
key: "_setSelectedCountryFlagTitleAttribute",
|
|
1337
|
-
value: function _setSelectedCountryFlagTitleAttribute(
|
|
1347
|
+
value: function _setSelectedCountryFlagTitleAttribute(iso2, showSelectedDialCode) {
|
|
1338
1348
|
if (!this.selectedFlag) {
|
|
1339
1349
|
return;
|
|
1340
1350
|
}
|
|
1341
1351
|
var title;
|
|
1342
|
-
if (
|
|
1352
|
+
if (iso2 && !showSelectedDialCode) {
|
|
1343
1353
|
title = "".concat(this.selectedCountryData.name, ": +").concat(this.selectedCountryData.dialCode);
|
|
1344
|
-
} else if (
|
|
1354
|
+
} else if (iso2) {
|
|
1345
1355
|
// For screen reader output, we don't want to include the dial code in the reader output twice
|
|
1346
1356
|
// so just use the selected country name here:
|
|
1347
1357
|
title = this.selectedCountryData.name;
|
|
@@ -1493,7 +1503,7 @@
|
|
|
1493
1503
|
numericChars += c;
|
|
1494
1504
|
// if current numericChars make a valid dial code
|
|
1495
1505
|
if (includeAreaCode) {
|
|
1496
|
-
if (this.
|
|
1506
|
+
if (this.dialCodeToIso2Map[numericChars]) {
|
|
1497
1507
|
// store the actual raw string (useful for matching later)
|
|
1498
1508
|
dialCode = number.substr(0, i + 1);
|
|
1499
1509
|
}
|
|
@@ -1505,7 +1515,7 @@
|
|
|
1505
1515
|
}
|
|
1506
1516
|
}
|
|
1507
1517
|
// stop searching as soon as we can - in this case when we hit max len
|
|
1508
|
-
if (numericChars.length === this.
|
|
1518
|
+
if (numericChars.length === this.dialCodeMaxLen) {
|
|
1509
1519
|
break;
|
|
1510
1520
|
}
|
|
1511
1521
|
}
|
|
@@ -1684,11 +1694,11 @@
|
|
|
1684
1694
|
}
|
|
1685
1695
|
}, {
|
|
1686
1696
|
key: "setCountry",
|
|
1687
|
-
value: function setCountry(
|
|
1688
|
-
var
|
|
1697
|
+
value: function setCountry(iso2) {
|
|
1698
|
+
var iso2Lower = iso2.toLowerCase();
|
|
1689
1699
|
// check if already selected
|
|
1690
|
-
if (this.selectedCountryData.iso2 !==
|
|
1691
|
-
this._setFlag(
|
|
1700
|
+
if (this.selectedCountryData.iso2 !== iso2Lower) {
|
|
1701
|
+
this._setFlag(iso2Lower);
|
|
1692
1702
|
this._updateDialCode(this.selectedCountryData.dialCode);
|
|
1693
1703
|
this._triggerCountryChange();
|
|
1694
1704
|
}
|
|
@@ -1763,7 +1773,7 @@
|
|
|
1763
1773
|
// default options
|
|
1764
1774
|
intlTelInputGlobals.defaults = defaults;
|
|
1765
1775
|
// version
|
|
1766
|
-
intlTelInputGlobals.version = "19.5.
|
|
1776
|
+
intlTelInputGlobals.version = "19.5.3";
|
|
1767
1777
|
var pluginName = "intlTelInput";
|
|
1768
1778
|
// A really lightweight plugin wrapper around the constructor,
|
|
1769
1779
|
// preventing against multiple instantiations
|