intl-tel-input 25.10.11 → 25.10.12
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 +5 -5
- package/angular/README.md +1 -1
- package/angular/build/IntlTelInput.js +24 -27
- package/angular/build/IntlTelInputWithUtils.js +24 -27
- package/angular/build/types/intl-tel-input.d.ts +0 -2
- package/build/css/intlTelInput.css +1 -13
- 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.d.ts +0 -2
- package/build/js/intlTelInput.js +25 -28
- package/build/js/intlTelInput.min.js +3 -3
- package/build/js/intlTelInputWithUtils.js +25 -28
- package/build/js/intlTelInputWithUtils.min.js +3 -3
- package/package.json +1 -1
- package/react/README.md +1 -1
- package/react/build/IntlTelInput.cjs +24 -27
- package/react/build/IntlTelInput.d.ts +0 -2
- package/react/build/IntlTelInput.js +24 -27
- package/react/build/IntlTelInputWithUtils.cjs +24 -27
- package/react/build/IntlTelInputWithUtils.js +24 -27
- package/vue/README.md +1 -1
- package/vue/build/IntlTelInput.mjs +398 -392
- package/vue/build/IntlTelInputWithUtils.mjs +284 -278
package/README.md
CHANGED
|
@@ -77,16 +77,16 @@ _Note: We have now dropped support for all versions of Internet Explorer because
|
|
|
77
77
|
## Getting Started (Using a CDN)
|
|
78
78
|
1. Add the CSS
|
|
79
79
|
```html
|
|
80
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.
|
|
80
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/css/intlTelInput.css">
|
|
81
81
|
```
|
|
82
82
|
|
|
83
83
|
2. Add the plugin script and initialise it on your input element
|
|
84
84
|
```html
|
|
85
|
-
<script src="https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.
|
|
85
|
+
<script src="https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/js/intlTelInput.min.js"></script>
|
|
86
86
|
<script>
|
|
87
87
|
const input = document.querySelector("#phone");
|
|
88
88
|
window.intlTelInput(input, {
|
|
89
|
-
loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.
|
|
89
|
+
loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/js/utils.js"),
|
|
90
90
|
});
|
|
91
91
|
</script>
|
|
92
92
|
```
|
|
@@ -330,7 +330,7 @@ The `loadUtils` option takes a function which returns a Promise which resolves t
|
|
|
330
330
|
```js
|
|
331
331
|
// (A) import utils module from a CDN
|
|
332
332
|
intlTelInput(htmlInputElement, {
|
|
333
|
-
loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.
|
|
333
|
+
loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/js/utils.js"),
|
|
334
334
|
});
|
|
335
335
|
|
|
336
336
|
// (B) import utils module from your own hosted version of utils.js
|
|
@@ -614,7 +614,7 @@ The `loadUtils` option takes a function which returns a Promise which resolves t
|
|
|
614
614
|
```js
|
|
615
615
|
// (A) import utils module from a CDN
|
|
616
616
|
intlTelInput(htmlInputElement, {
|
|
617
|
-
loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.
|
|
617
|
+
loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/js/utils.js"),
|
|
618
618
|
});
|
|
619
619
|
|
|
620
620
|
// (B) import utils module from your own hosted version of utils.js
|
package/angular/README.md
CHANGED
|
@@ -29,7 +29,7 @@ import "intl-tel-input/styles";
|
|
|
29
29
|
|
|
30
30
|
See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master/angular/demo/validation/validation.component.ts) for a more fleshed-out example of how to handle validation.
|
|
31
31
|
|
|
32
|
-
A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize) then you can just import IntlTelInput from `"intl-tel-input/angularWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/angular"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.
|
|
32
|
+
A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize) then you can just import IntlTelInput from `"intl-tel-input/angularWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/angular"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/js/utils.js"`.
|
|
33
33
|
|
|
34
34
|
## Props
|
|
35
35
|
Here's a list of all of the current props you can pass to the IntlTelInput Angular component.
|
|
@@ -2262,15 +2262,8 @@ var Iti = class _Iti {
|
|
|
2262
2262
|
_detectEnvironmentAndLayout() {
|
|
2263
2263
|
this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
|
|
2264
2264
|
this.isRTL = !!this.telInput.closest("[dir=rtl]");
|
|
2265
|
-
this.telInput.dir = "ltr";
|
|
2266
|
-
const showOnDefaultSide = this.options.allowDropdown || this.options.separateDialCode;
|
|
2267
|
-
this.showSelectedCountryOnLeft = this.isRTL ? !showOnDefaultSide : showOnDefaultSide;
|
|
2268
2265
|
if (this.options.separateDialCode) {
|
|
2269
|
-
|
|
2270
|
-
this.originalPaddingRight = this.telInput.style.paddingRight;
|
|
2271
|
-
} else {
|
|
2272
|
-
this.originalPaddingLeft = this.telInput.style.paddingLeft;
|
|
2273
|
-
}
|
|
2266
|
+
this.originalPaddingLeft = this.telInput.style.paddingLeft;
|
|
2274
2267
|
}
|
|
2275
2268
|
}
|
|
2276
2269
|
_createInitPromises() {
|
|
@@ -2337,6 +2330,9 @@ var Iti = class _Iti {
|
|
|
2337
2330
|
[containerClass]: Boolean(containerClass)
|
|
2338
2331
|
});
|
|
2339
2332
|
const wrapper = createEl("div", { class: parentClasses });
|
|
2333
|
+
if (this.isRTL) {
|
|
2334
|
+
wrapper.setAttribute("dir", "ltr");
|
|
2335
|
+
}
|
|
2340
2336
|
(_a = this.telInput.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(wrapper, this.telInput);
|
|
2341
2337
|
return wrapper;
|
|
2342
2338
|
}
|
|
@@ -2349,11 +2345,6 @@ var Iti = class _Iti {
|
|
|
2349
2345
|
{ class: "iti__country-container iti__v-hide" },
|
|
2350
2346
|
wrapper
|
|
2351
2347
|
);
|
|
2352
|
-
if (this.showSelectedCountryOnLeft) {
|
|
2353
|
-
this.countryContainer.style.left = "0px";
|
|
2354
|
-
} else {
|
|
2355
|
-
this.countryContainer.style.right = "0px";
|
|
2356
|
-
}
|
|
2357
2348
|
if (allowDropdown) {
|
|
2358
2349
|
this.selectedCountry = createEl("button", {
|
|
2359
2350
|
type: "button",
|
|
@@ -2375,7 +2366,7 @@ var Iti = class _Iti {
|
|
|
2375
2366
|
this.dropdownArrow = createEl("div", { class: "iti__arrow", "aria-hidden": "true" }, selectedCountryPrimary);
|
|
2376
2367
|
}
|
|
2377
2368
|
if (separateDialCode) {
|
|
2378
|
-
this.selectedDialCode = createEl("div", { class: "iti__selected-dial-code"
|
|
2369
|
+
this.selectedDialCode = createEl("div", { class: "iti__selected-dial-code" }, this.selectedCountry);
|
|
2379
2370
|
}
|
|
2380
2371
|
if (allowDropdown) {
|
|
2381
2372
|
this._buildDropdownContent();
|
|
@@ -2391,6 +2382,9 @@ var Iti = class _Iti {
|
|
|
2391
2382
|
role: "dialog",
|
|
2392
2383
|
"aria-modal": "true"
|
|
2393
2384
|
});
|
|
2385
|
+
if (this.isRTL) {
|
|
2386
|
+
this.dropdownContent.setAttribute("dir", "rtl");
|
|
2387
|
+
}
|
|
2394
2388
|
if (countrySearch) {
|
|
2395
2389
|
this._buildSearchUI();
|
|
2396
2390
|
}
|
|
@@ -3177,11 +3171,7 @@ var Iti = class _Iti {
|
|
|
3177
3171
|
const saneDefaultWidth = this.options.separateDialCode ? 78 : 42;
|
|
3178
3172
|
const selectedCountryWidth = this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth() || saneDefaultWidth;
|
|
3179
3173
|
const inputPadding = selectedCountryWidth + 6;
|
|
3180
|
-
|
|
3181
|
-
this.telInput.style.paddingLeft = `${inputPadding}px`;
|
|
3182
|
-
} else {
|
|
3183
|
-
this.telInput.style.paddingRight = `${inputPadding}px`;
|
|
3184
|
-
}
|
|
3174
|
+
this.telInput.style.paddingLeft = `${inputPadding}px`;
|
|
3185
3175
|
}
|
|
3186
3176
|
}
|
|
3187
3177
|
//* Update the maximum valid number length for the currently selected country.
|
|
@@ -3435,11 +3425,7 @@ var Iti = class _Iti {
|
|
|
3435
3425
|
}
|
|
3436
3426
|
this.telInput.removeAttribute("data-intl-tel-input-id");
|
|
3437
3427
|
if (separateDialCode) {
|
|
3438
|
-
|
|
3439
|
-
this.telInput.style.paddingRight = this.originalPaddingRight;
|
|
3440
|
-
} else {
|
|
3441
|
-
this.telInput.style.paddingLeft = this.originalPaddingLeft;
|
|
3442
|
-
}
|
|
3428
|
+
this.telInput.style.paddingLeft = this.originalPaddingLeft;
|
|
3443
3429
|
}
|
|
3444
3430
|
const wrapper = this.telInput.parentNode;
|
|
3445
3431
|
(_a = wrapper === null || wrapper === void 0 ? void 0 : wrapper.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(this.telInput, wrapper);
|
|
@@ -3480,11 +3466,19 @@ var Iti = class _Iti {
|
|
|
3480
3466
|
}
|
|
3481
3467
|
return -99;
|
|
3482
3468
|
}
|
|
3483
|
-
//* Validate the input val
|
|
3469
|
+
//* Validate the input val using number length only
|
|
3484
3470
|
isValidNumber() {
|
|
3471
|
+
const { dialCode, iso2 } = this.selectedCountryData;
|
|
3472
|
+
if (dialCode === "44" && intlTelInput.utils) {
|
|
3473
|
+
const number = this._getFullNumber();
|
|
3474
|
+
const coreNumber = intlTelInput.utils.getCoreNumber(number, iso2);
|
|
3475
|
+
if (coreNumber[0] === "7" && coreNumber.length !== 10) {
|
|
3476
|
+
return false;
|
|
3477
|
+
}
|
|
3478
|
+
}
|
|
3485
3479
|
return this._validateNumber(false);
|
|
3486
3480
|
}
|
|
3487
|
-
//* Validate the input val
|
|
3481
|
+
//* Validate the input val with precise validation
|
|
3488
3482
|
isValidNumberPrecise() {
|
|
3489
3483
|
return this._validateNumber(true);
|
|
3490
3484
|
}
|
|
@@ -3493,6 +3487,9 @@ var Iti = class _Iti {
|
|
|
3493
3487
|
}
|
|
3494
3488
|
//* Shared internal validation logic to handle alpha character extension rules.
|
|
3495
3489
|
_validateNumber(precise) {
|
|
3490
|
+
if (!intlTelInput.utils) {
|
|
3491
|
+
return null;
|
|
3492
|
+
}
|
|
3496
3493
|
if (!this.selectedCountryData.iso2) {
|
|
3497
3494
|
return false;
|
|
3498
3495
|
}
|
|
@@ -3602,7 +3599,7 @@ var intlTelInput = Object.assign((input, options) => {
|
|
|
3602
3599
|
attachUtils,
|
|
3603
3600
|
startedLoadingUtilsScript: false,
|
|
3604
3601
|
startedLoadingAutoCountry: false,
|
|
3605
|
-
version: "25.10.
|
|
3602
|
+
version: "25.10.12"
|
|
3606
3603
|
});
|
|
3607
3604
|
var intl_tel_input_default = intlTelInput;
|
|
3608
3605
|
|
|
@@ -2262,15 +2262,8 @@ var Iti = class _Iti {
|
|
|
2262
2262
|
_detectEnvironmentAndLayout() {
|
|
2263
2263
|
this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
|
|
2264
2264
|
this.isRTL = !!this.telInput.closest("[dir=rtl]");
|
|
2265
|
-
this.telInput.dir = "ltr";
|
|
2266
|
-
const showOnDefaultSide = this.options.allowDropdown || this.options.separateDialCode;
|
|
2267
|
-
this.showSelectedCountryOnLeft = this.isRTL ? !showOnDefaultSide : showOnDefaultSide;
|
|
2268
2265
|
if (this.options.separateDialCode) {
|
|
2269
|
-
|
|
2270
|
-
this.originalPaddingRight = this.telInput.style.paddingRight;
|
|
2271
|
-
} else {
|
|
2272
|
-
this.originalPaddingLeft = this.telInput.style.paddingLeft;
|
|
2273
|
-
}
|
|
2266
|
+
this.originalPaddingLeft = this.telInput.style.paddingLeft;
|
|
2274
2267
|
}
|
|
2275
2268
|
}
|
|
2276
2269
|
_createInitPromises() {
|
|
@@ -2337,6 +2330,9 @@ var Iti = class _Iti {
|
|
|
2337
2330
|
[containerClass]: Boolean(containerClass)
|
|
2338
2331
|
});
|
|
2339
2332
|
const wrapper = createEl("div", { class: parentClasses });
|
|
2333
|
+
if (this.isRTL) {
|
|
2334
|
+
wrapper.setAttribute("dir", "ltr");
|
|
2335
|
+
}
|
|
2340
2336
|
(_a = this.telInput.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(wrapper, this.telInput);
|
|
2341
2337
|
return wrapper;
|
|
2342
2338
|
}
|
|
@@ -2349,11 +2345,6 @@ var Iti = class _Iti {
|
|
|
2349
2345
|
{ class: "iti__country-container iti__v-hide" },
|
|
2350
2346
|
wrapper
|
|
2351
2347
|
);
|
|
2352
|
-
if (this.showSelectedCountryOnLeft) {
|
|
2353
|
-
this.countryContainer.style.left = "0px";
|
|
2354
|
-
} else {
|
|
2355
|
-
this.countryContainer.style.right = "0px";
|
|
2356
|
-
}
|
|
2357
2348
|
if (allowDropdown) {
|
|
2358
2349
|
this.selectedCountry = createEl("button", {
|
|
2359
2350
|
type: "button",
|
|
@@ -2375,7 +2366,7 @@ var Iti = class _Iti {
|
|
|
2375
2366
|
this.dropdownArrow = createEl("div", { class: "iti__arrow", "aria-hidden": "true" }, selectedCountryPrimary);
|
|
2376
2367
|
}
|
|
2377
2368
|
if (separateDialCode) {
|
|
2378
|
-
this.selectedDialCode = createEl("div", { class: "iti__selected-dial-code"
|
|
2369
|
+
this.selectedDialCode = createEl("div", { class: "iti__selected-dial-code" }, this.selectedCountry);
|
|
2379
2370
|
}
|
|
2380
2371
|
if (allowDropdown) {
|
|
2381
2372
|
this._buildDropdownContent();
|
|
@@ -2391,6 +2382,9 @@ var Iti = class _Iti {
|
|
|
2391
2382
|
role: "dialog",
|
|
2392
2383
|
"aria-modal": "true"
|
|
2393
2384
|
});
|
|
2385
|
+
if (this.isRTL) {
|
|
2386
|
+
this.dropdownContent.setAttribute("dir", "rtl");
|
|
2387
|
+
}
|
|
2394
2388
|
if (countrySearch) {
|
|
2395
2389
|
this._buildSearchUI();
|
|
2396
2390
|
}
|
|
@@ -3177,11 +3171,7 @@ var Iti = class _Iti {
|
|
|
3177
3171
|
const saneDefaultWidth = this.options.separateDialCode ? 78 : 42;
|
|
3178
3172
|
const selectedCountryWidth = this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth() || saneDefaultWidth;
|
|
3179
3173
|
const inputPadding = selectedCountryWidth + 6;
|
|
3180
|
-
|
|
3181
|
-
this.telInput.style.paddingLeft = `${inputPadding}px`;
|
|
3182
|
-
} else {
|
|
3183
|
-
this.telInput.style.paddingRight = `${inputPadding}px`;
|
|
3184
|
-
}
|
|
3174
|
+
this.telInput.style.paddingLeft = `${inputPadding}px`;
|
|
3185
3175
|
}
|
|
3186
3176
|
}
|
|
3187
3177
|
//* Update the maximum valid number length for the currently selected country.
|
|
@@ -3435,11 +3425,7 @@ var Iti = class _Iti {
|
|
|
3435
3425
|
}
|
|
3436
3426
|
this.telInput.removeAttribute("data-intl-tel-input-id");
|
|
3437
3427
|
if (separateDialCode) {
|
|
3438
|
-
|
|
3439
|
-
this.telInput.style.paddingRight = this.originalPaddingRight;
|
|
3440
|
-
} else {
|
|
3441
|
-
this.telInput.style.paddingLeft = this.originalPaddingLeft;
|
|
3442
|
-
}
|
|
3428
|
+
this.telInput.style.paddingLeft = this.originalPaddingLeft;
|
|
3443
3429
|
}
|
|
3444
3430
|
const wrapper = this.telInput.parentNode;
|
|
3445
3431
|
(_a = wrapper === null || wrapper === void 0 ? void 0 : wrapper.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(this.telInput, wrapper);
|
|
@@ -3480,11 +3466,19 @@ var Iti = class _Iti {
|
|
|
3480
3466
|
}
|
|
3481
3467
|
return -99;
|
|
3482
3468
|
}
|
|
3483
|
-
//* Validate the input val
|
|
3469
|
+
//* Validate the input val using number length only
|
|
3484
3470
|
isValidNumber() {
|
|
3471
|
+
const { dialCode, iso2 } = this.selectedCountryData;
|
|
3472
|
+
if (dialCode === "44" && intlTelInput.utils) {
|
|
3473
|
+
const number = this._getFullNumber();
|
|
3474
|
+
const coreNumber = intlTelInput.utils.getCoreNumber(number, iso2);
|
|
3475
|
+
if (coreNumber[0] === "7" && coreNumber.length !== 10) {
|
|
3476
|
+
return false;
|
|
3477
|
+
}
|
|
3478
|
+
}
|
|
3485
3479
|
return this._validateNumber(false);
|
|
3486
3480
|
}
|
|
3487
|
-
//* Validate the input val
|
|
3481
|
+
//* Validate the input val with precise validation
|
|
3488
3482
|
isValidNumberPrecise() {
|
|
3489
3483
|
return this._validateNumber(true);
|
|
3490
3484
|
}
|
|
@@ -3493,6 +3487,9 @@ var Iti = class _Iti {
|
|
|
3493
3487
|
}
|
|
3494
3488
|
//* Shared internal validation logic to handle alpha character extension rules.
|
|
3495
3489
|
_validateNumber(precise) {
|
|
3490
|
+
if (!intlTelInput.utils) {
|
|
3491
|
+
return null;
|
|
3492
|
+
}
|
|
3496
3493
|
if (!this.selectedCountryData.iso2) {
|
|
3497
3494
|
return false;
|
|
3498
3495
|
}
|
|
@@ -3602,7 +3599,7 @@ var intlTelInput = Object.assign((input, options) => {
|
|
|
3602
3599
|
attachUtils,
|
|
3603
3600
|
startedLoadingUtilsScript: false,
|
|
3604
3601
|
startedLoadingAutoCountry: false,
|
|
3605
|
-
version: "25.10.
|
|
3602
|
+
version: "25.10.12"
|
|
3606
3603
|
});
|
|
3607
3604
|
var intl_tel_input_default = intlTelInput;
|
|
3608
3605
|
|
|
@@ -13,7 +13,6 @@ export declare class Iti {
|
|
|
13
13
|
private options;
|
|
14
14
|
private hadInitialPlaceholder;
|
|
15
15
|
private isRTL;
|
|
16
|
-
private showSelectedCountryOnLeft;
|
|
17
16
|
private isAndroid;
|
|
18
17
|
private selectedCountryData;
|
|
19
18
|
private countries;
|
|
@@ -38,7 +37,6 @@ export declare class Iti {
|
|
|
38
37
|
private hiddenInputCountry;
|
|
39
38
|
private maxCoreNumberLength;
|
|
40
39
|
private defaultCountry;
|
|
41
|
-
private originalPaddingRight;
|
|
42
40
|
private originalPaddingLeft;
|
|
43
41
|
private _handleHiddenInputSubmit;
|
|
44
42
|
private _handleLabelClick;
|
|
@@ -43,15 +43,11 @@
|
|
|
43
43
|
z-index: 0;
|
|
44
44
|
margin: 0 !important;
|
|
45
45
|
}
|
|
46
|
-
[dir=rtl] .iti input.iti__tel-input,
|
|
47
|
-
[dir=rtl] .iti input.iti__tel-input[type=text],
|
|
48
|
-
[dir=rtl] .iti input.iti__tel-input[type=tel] {
|
|
49
|
-
text-align: right;
|
|
50
|
-
}
|
|
51
46
|
.iti__country-container {
|
|
52
47
|
position: absolute;
|
|
53
48
|
top: 0;
|
|
54
49
|
bottom: 0;
|
|
50
|
+
left: 0;
|
|
55
51
|
padding: var(--iti-border-width);
|
|
56
52
|
}
|
|
57
53
|
.iti__selected-country {
|
|
@@ -86,10 +82,6 @@
|
|
|
86
82
|
border-right: var(--iti-triangle-border) solid transparent;
|
|
87
83
|
border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
|
|
88
84
|
}
|
|
89
|
-
[dir=rtl] .iti__arrow {
|
|
90
|
-
margin-right: var(--iti-arrow-padding);
|
|
91
|
-
margin-left: 0;
|
|
92
|
-
}
|
|
93
85
|
.iti__arrow--up {
|
|
94
86
|
border-top: none;
|
|
95
87
|
border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
|
|
@@ -225,10 +217,6 @@
|
|
|
225
217
|
.iti .iti__selected-dial-code {
|
|
226
218
|
margin-left: 4px;
|
|
227
219
|
}
|
|
228
|
-
[dir=rtl] .iti .iti__selected-dial-code {
|
|
229
|
-
margin-left: 0;
|
|
230
|
-
margin-right: 4px;
|
|
231
|
-
}
|
|
232
220
|
.iti--container {
|
|
233
221
|
position: fixed;
|
|
234
222
|
top: -1000px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--iti-hover-color:rgba(0, 0, 0, 0.05);--iti-border-color:#ccc;--iti-dialcode-color:#999;--iti-dropdown-bg:white;--iti-search-icon-color:#999;--iti-spacer-horizontal:8px;--iti-flag-height:12px;--iti-flag-width:16px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:6px;--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-arrow-color:#555;--iti-path-flags-1x:url("../img/flags.webp");--iti-path-flags-2x:url("../img/flags@2x.webp");--iti-path-globe-1x:url("../img/globe.webp");--iti-path-globe-2x:url("../img/globe@2x.webp");--iti-flag-sprite-width:3904px;--iti-flag-sprite-height:12px;--iti-mobile-popup-margin:30px}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.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:0!important}[dir=rtl] .iti input.iti__tel-input,[dir=rtl] .iti input.iti__tel-input[type=tel],[dir=rtl] .iti input.iti__tel-input[type=text]{text-align:right}.iti__country-container{position:absolute;top:0;bottom:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__arrow{margin-left:var(--iti-arrow-padding);width:0;height:0;border-left:var(--iti-triangle-border) solid transparent;border-right:var(--iti-triangle-border) solid transparent;border-top:var(--iti-arrow-height) solid var(--iti-arrow-color)}[dir=rtl] .iti__arrow{margin-right:var(--iti-arrow-padding);margin-left:0}.iti__arrow--up{border-top:none;border-bottom:var(--iti-arrow-height) solid var(--iti-arrow-color)}.iti__dropdown-content{border-radius:3px;background-color:var(--iti-dropdown-bg)}.iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:2;margin-top:3px;margin-left:calc(var(--iti-border-width) * -1);border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px rgba(0,0,0,.2)}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding-left:30px;padding-right:28px}[dir=rtl] .iti__search-input{padding-left:inherit;padding-right:30px;background-position:right 8px center}.iti__search-input+.iti__country-list{border-top:1px solid var(--iti-border-color)}.iti__search-input::-webkit-search-cancel-button{appearance:none}.iti__search-input-wrapper{position:relative;display:flex;align-items:center}.iti__search-icon{position:absolute;left:8px;display:flex;pointer-events:none}[dir=rtl] .iti__search-icon{left:auto;right:8px}.iti__search-icon-svg{stroke:var(--iti-search-icon-color);fill:none;stroke-width:3}.iti__search-clear{position:absolute;right:4px;background:0 0;border:0;border-radius:3px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease;width:24px;height:24px}.iti__search-clear .iti__search-clear-x{stroke-width:2}.iti__search-clear .iti__search-clear-bg{fill:var(--iti-search-icon-color)}[dir=rtl] .iti__search-clear{right:auto;left:4px}.iti__search-clear:focus-visible,.iti__search-clear:hover{background:var(--iti-hover-color);outline:0}.iti__no-results{text-align:center;padding:30px 0}.iti__country-list{list-style:none;padding:0;margin:0;cursor:pointer;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__country{display:flex;align-items:center;padding:8px var(--iti-spacer-horizontal);outline:0}.iti__dial-code{color:var(--iti-dialcode-color)}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-list .iti__flag,.iti__country-name{margin-right:var(--iti-spacer-horizontal)}[dir=rtl] .iti__country-list .iti__flag,[dir=rtl] .iti__country-name{margin-right:0;margin-left:var(--iti-spacer-horizontal)}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) button.iti__selected-country{cursor:pointer}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti .iti__selected-dial-code{margin-left:4px}[dir=rtl] .iti .iti__selected-dial-code{margin-left:0;margin-right:4px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:var(--iti-border-width)}.iti--container:hover{cursor:pointer}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;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{--iti-flag-offset:100px;height:var(--iti-flag-height);width:var(--iti-flag-width);border-radius:1px;box-shadow:0 0 1px 0 #888;background-image:var(--iti-path-flags-1x);background-repeat:no-repeat;background-position:var(--iti-flag-offset) 0;background-size:var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)}.iti__ac{--iti-flag-offset:0px}.iti__ad{--iti-flag-offset:-16px}.iti__ae{--iti-flag-offset:-32px}.iti__af{--iti-flag-offset:-48px}.iti__ag{--iti-flag-offset:-64px}.iti__ai{--iti-flag-offset:-80px}.iti__al{--iti-flag-offset:-96px}.iti__am{--iti-flag-offset:-112px}.iti__ao{--iti-flag-offset:-128px}.iti__ar{--iti-flag-offset:-144px}.iti__as{--iti-flag-offset:-160px}.iti__at{--iti-flag-offset:-176px}.iti__au{--iti-flag-offset:-192px}.iti__aw{--iti-flag-offset:-208px}.iti__ax{--iti-flag-offset:-224px}.iti__az{--iti-flag-offset:-240px}.iti__ba{--iti-flag-offset:-256px}.iti__bb{--iti-flag-offset:-272px}.iti__bd{--iti-flag-offset:-288px}.iti__be{--iti-flag-offset:-304px}.iti__bf{--iti-flag-offset:-320px}.iti__bg{--iti-flag-offset:-336px}.iti__bh{--iti-flag-offset:-352px}.iti__bi{--iti-flag-offset:-368px}.iti__bj{--iti-flag-offset:-384px}.iti__bl{--iti-flag-offset:-400px}.iti__bm{--iti-flag-offset:-416px}.iti__bn{--iti-flag-offset:-432px}.iti__bo{--iti-flag-offset:-448px}.iti__bq{--iti-flag-offset:-464px}.iti__br{--iti-flag-offset:-480px}.iti__bs{--iti-flag-offset:-496px}.iti__bt{--iti-flag-offset:-512px}.iti__bw{--iti-flag-offset:-528px}.iti__by{--iti-flag-offset:-544px}.iti__bz{--iti-flag-offset:-560px}.iti__ca{--iti-flag-offset:-576px}.iti__cc{--iti-flag-offset:-592px}.iti__cd{--iti-flag-offset:-608px}.iti__cf{--iti-flag-offset:-624px}.iti__cg{--iti-flag-offset:-640px}.iti__ch{--iti-flag-offset:-656px}.iti__ci{--iti-flag-offset:-672px}.iti__ck{--iti-flag-offset:-688px}.iti__cl{--iti-flag-offset:-704px}.iti__cm{--iti-flag-offset:-720px}.iti__cn{--iti-flag-offset:-736px}.iti__co{--iti-flag-offset:-752px}.iti__cr{--iti-flag-offset:-768px}.iti__cu{--iti-flag-offset:-784px}.iti__cv{--iti-flag-offset:-800px}.iti__cw{--iti-flag-offset:-816px}.iti__cx{--iti-flag-offset:-832px}.iti__cy{--iti-flag-offset:-848px}.iti__cz{--iti-flag-offset:-864px}.iti__de{--iti-flag-offset:-880px}.iti__dj{--iti-flag-offset:-896px}.iti__dk{--iti-flag-offset:-912px}.iti__dm{--iti-flag-offset:-928px}.iti__do{--iti-flag-offset:-944px}.iti__dz{--iti-flag-offset:-960px}.iti__ec{--iti-flag-offset:-976px}.iti__ee{--iti-flag-offset:-992px}.iti__eg{--iti-flag-offset:-1008px}.iti__eh{--iti-flag-offset:-1024px}.iti__er{--iti-flag-offset:-1040px}.iti__es{--iti-flag-offset:-1056px}.iti__et{--iti-flag-offset:-1072px}.iti__fi{--iti-flag-offset:-1088px}.iti__fj{--iti-flag-offset:-1104px}.iti__fk{--iti-flag-offset:-1120px}.iti__fm{--iti-flag-offset:-1136px}.iti__fo{--iti-flag-offset:-1152px}.iti__fr{--iti-flag-offset:-1168px}.iti__ga{--iti-flag-offset:-1184px}.iti__gb{--iti-flag-offset:-1200px}.iti__gd{--iti-flag-offset:-1216px}.iti__ge{--iti-flag-offset:-1232px}.iti__gf{--iti-flag-offset:-1248px}.iti__gg{--iti-flag-offset:-1264px}.iti__gh{--iti-flag-offset:-1280px}.iti__gi{--iti-flag-offset:-1296px}.iti__gl{--iti-flag-offset:-1312px}.iti__gm{--iti-flag-offset:-1328px}.iti__gn{--iti-flag-offset:-1344px}.iti__gp{--iti-flag-offset:-1360px}.iti__gq{--iti-flag-offset:-1376px}.iti__gr{--iti-flag-offset:-1392px}.iti__gt{--iti-flag-offset:-1408px}.iti__gu{--iti-flag-offset:-1424px}.iti__gw{--iti-flag-offset:-1440px}.iti__gy{--iti-flag-offset:-1456px}.iti__hk{--iti-flag-offset:-1472px}.iti__hn{--iti-flag-offset:-1488px}.iti__hr{--iti-flag-offset:-1504px}.iti__ht{--iti-flag-offset:-1520px}.iti__hu{--iti-flag-offset:-1536px}.iti__id{--iti-flag-offset:-1552px}.iti__ie{--iti-flag-offset:-1568px}.iti__il{--iti-flag-offset:-1584px}.iti__im{--iti-flag-offset:-1600px}.iti__in{--iti-flag-offset:-1616px}.iti__io{--iti-flag-offset:-1632px}.iti__iq{--iti-flag-offset:-1648px}.iti__ir{--iti-flag-offset:-1664px}.iti__is{--iti-flag-offset:-1680px}.iti__it{--iti-flag-offset:-1696px}.iti__je{--iti-flag-offset:-1712px}.iti__jm{--iti-flag-offset:-1728px}.iti__jo{--iti-flag-offset:-1744px}.iti__jp{--iti-flag-offset:-1760px}.iti__ke{--iti-flag-offset:-1776px}.iti__kg{--iti-flag-offset:-1792px}.iti__kh{--iti-flag-offset:-1808px}.iti__ki{--iti-flag-offset:-1824px}.iti__km{--iti-flag-offset:-1840px}.iti__kn{--iti-flag-offset:-1856px}.iti__kp{--iti-flag-offset:-1872px}.iti__kr{--iti-flag-offset:-1888px}.iti__kw{--iti-flag-offset:-1904px}.iti__ky{--iti-flag-offset:-1920px}.iti__kz{--iti-flag-offset:-1936px}.iti__la{--iti-flag-offset:-1952px}.iti__lb{--iti-flag-offset:-1968px}.iti__lc{--iti-flag-offset:-1984px}.iti__li{--iti-flag-offset:-2000px}.iti__lk{--iti-flag-offset:-2016px}.iti__lr{--iti-flag-offset:-2032px}.iti__ls{--iti-flag-offset:-2048px}.iti__lt{--iti-flag-offset:-2064px}.iti__lu{--iti-flag-offset:-2080px}.iti__lv{--iti-flag-offset:-2096px}.iti__ly{--iti-flag-offset:-2112px}.iti__ma{--iti-flag-offset:-2128px}.iti__mc{--iti-flag-offset:-2144px}.iti__md{--iti-flag-offset:-2160px}.iti__me{--iti-flag-offset:-2176px}.iti__mf{--iti-flag-offset:-2192px}.iti__mg{--iti-flag-offset:-2208px}.iti__mh{--iti-flag-offset:-2224px}.iti__mk{--iti-flag-offset:-2240px}.iti__ml{--iti-flag-offset:-2256px}.iti__mm{--iti-flag-offset:-2272px}.iti__mn{--iti-flag-offset:-2288px}.iti__mo{--iti-flag-offset:-2304px}.iti__mp{--iti-flag-offset:-2320px}.iti__mq{--iti-flag-offset:-2336px}.iti__mr{--iti-flag-offset:-2352px}.iti__ms{--iti-flag-offset:-2368px}.iti__mt{--iti-flag-offset:-2384px}.iti__mu{--iti-flag-offset:-2400px}.iti__mv{--iti-flag-offset:-2416px}.iti__mw{--iti-flag-offset:-2432px}.iti__mx{--iti-flag-offset:-2448px}.iti__my{--iti-flag-offset:-2464px}.iti__mz{--iti-flag-offset:-2480px}.iti__na{--iti-flag-offset:-2496px}.iti__nc{--iti-flag-offset:-2512px}.iti__ne{--iti-flag-offset:-2528px}.iti__nf{--iti-flag-offset:-2544px}.iti__ng{--iti-flag-offset:-2560px}.iti__ni{--iti-flag-offset:-2576px}.iti__nl{--iti-flag-offset:-2592px}.iti__no{--iti-flag-offset:-2608px}.iti__np{--iti-flag-offset:-2624px}.iti__nr{--iti-flag-offset:-2640px}.iti__nu{--iti-flag-offset:-2656px}.iti__nz{--iti-flag-offset:-2672px}.iti__om{--iti-flag-offset:-2688px}.iti__pa{--iti-flag-offset:-2704px}.iti__pe{--iti-flag-offset:-2720px}.iti__pf{--iti-flag-offset:-2736px}.iti__pg{--iti-flag-offset:-2752px}.iti__ph{--iti-flag-offset:-2768px}.iti__pk{--iti-flag-offset:-2784px}.iti__pl{--iti-flag-offset:-2800px}.iti__pm{--iti-flag-offset:-2816px}.iti__pr{--iti-flag-offset:-2832px}.iti__ps{--iti-flag-offset:-2848px}.iti__pt{--iti-flag-offset:-2864px}.iti__pw{--iti-flag-offset:-2880px}.iti__py{--iti-flag-offset:-2896px}.iti__qa{--iti-flag-offset:-2912px}.iti__re{--iti-flag-offset:-2928px}.iti__ro{--iti-flag-offset:-2944px}.iti__rs{--iti-flag-offset:-2960px}.iti__ru{--iti-flag-offset:-2976px}.iti__rw{--iti-flag-offset:-2992px}.iti__sa{--iti-flag-offset:-3008px}.iti__sb{--iti-flag-offset:-3024px}.iti__sc{--iti-flag-offset:-3040px}.iti__sd{--iti-flag-offset:-3056px}.iti__se{--iti-flag-offset:-3072px}.iti__sg{--iti-flag-offset:-3088px}.iti__sh{--iti-flag-offset:-3104px}.iti__si{--iti-flag-offset:-3120px}.iti__sj{--iti-flag-offset:-3136px}.iti__sk{--iti-flag-offset:-3152px}.iti__sl{--iti-flag-offset:-3168px}.iti__sm{--iti-flag-offset:-3184px}.iti__sn{--iti-flag-offset:-3200px}.iti__so{--iti-flag-offset:-3216px}.iti__sr{--iti-flag-offset:-3232px}.iti__ss{--iti-flag-offset:-3248px}.iti__st{--iti-flag-offset:-3264px}.iti__sv{--iti-flag-offset:-3280px}.iti__sx{--iti-flag-offset:-3296px}.iti__sy{--iti-flag-offset:-3312px}.iti__sz{--iti-flag-offset:-3328px}.iti__tc{--iti-flag-offset:-3344px}.iti__td{--iti-flag-offset:-3360px}.iti__tg{--iti-flag-offset:-3376px}.iti__th{--iti-flag-offset:-3392px}.iti__tj{--iti-flag-offset:-3408px}.iti__tk{--iti-flag-offset:-3424px}.iti__tl{--iti-flag-offset:-3440px}.iti__tm{--iti-flag-offset:-3456px}.iti__tn{--iti-flag-offset:-3472px}.iti__to{--iti-flag-offset:-3488px}.iti__tr{--iti-flag-offset:-3504px}.iti__tt{--iti-flag-offset:-3520px}.iti__tv{--iti-flag-offset:-3536px}.iti__tw{--iti-flag-offset:-3552px}.iti__tz{--iti-flag-offset:-3568px}.iti__ua{--iti-flag-offset:-3584px}.iti__ug{--iti-flag-offset:-3600px}.iti__us{--iti-flag-offset:-3616px}.iti__uy{--iti-flag-offset:-3632px}.iti__uz{--iti-flag-offset:-3648px}.iti__va{--iti-flag-offset:-3664px}.iti__vc{--iti-flag-offset:-3680px}.iti__ve{--iti-flag-offset:-3696px}.iti__vg{--iti-flag-offset:-3712px}.iti__vi{--iti-flag-offset:-3728px}.iti__vn{--iti-flag-offset:-3744px}.iti__vu{--iti-flag-offset:-3760px}.iti__wf{--iti-flag-offset:-3776px}.iti__ws{--iti-flag-offset:-3792px}.iti__xk{--iti-flag-offset:-3808px}.iti__ye{--iti-flag-offset:-3824px}.iti__yt{--iti-flag-offset:-3840px}.iti__za{--iti-flag-offset:-3856px}.iti__zm{--iti-flag-offset:-3872px}.iti__zw{--iti-flag-offset:-3888px}.iti__globe{background-image:var(--iti-path-globe-1x);background-size:contain;background-position:right;box-shadow:none;height:19px}@media (min-resolution:2x){.iti__flag{background-image:var(--iti-path-flags-2x)}.iti__globe{background-image:var(--iti-path-globe-2x)}}
|
|
1
|
+
:root{--iti-hover-color:rgba(0, 0, 0, 0.05);--iti-border-color:#ccc;--iti-dialcode-color:#999;--iti-dropdown-bg:white;--iti-search-icon-color:#999;--iti-spacer-horizontal:8px;--iti-flag-height:12px;--iti-flag-width:16px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:6px;--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-arrow-color:#555;--iti-path-flags-1x:url("../img/flags.webp");--iti-path-flags-2x:url("../img/flags@2x.webp");--iti-path-globe-1x:url("../img/globe.webp");--iti-path-globe-2x:url("../img/globe@2x.webp");--iti-flag-sprite-width:3904px;--iti-flag-sprite-height:12px;--iti-mobile-popup-margin:30px}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.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:0!important}.iti__country-container{position:absolute;top:0;bottom:0;left:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__arrow{margin-left:var(--iti-arrow-padding);width:0;height:0;border-left:var(--iti-triangle-border) solid transparent;border-right:var(--iti-triangle-border) solid transparent;border-top:var(--iti-arrow-height) solid var(--iti-arrow-color)}.iti__arrow--up{border-top:none;border-bottom:var(--iti-arrow-height) solid var(--iti-arrow-color)}.iti__dropdown-content{border-radius:3px;background-color:var(--iti-dropdown-bg)}.iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:2;margin-top:3px;margin-left:calc(var(--iti-border-width) * -1);border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px rgba(0,0,0,.2)}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding-left:30px;padding-right:28px}[dir=rtl] .iti__search-input{padding-left:inherit;padding-right:30px;background-position:right 8px center}.iti__search-input+.iti__country-list{border-top:1px solid var(--iti-border-color)}.iti__search-input::-webkit-search-cancel-button{appearance:none}.iti__search-input-wrapper{position:relative;display:flex;align-items:center}.iti__search-icon{position:absolute;left:8px;display:flex;pointer-events:none}[dir=rtl] .iti__search-icon{left:auto;right:8px}.iti__search-icon-svg{stroke:var(--iti-search-icon-color);fill:none;stroke-width:3}.iti__search-clear{position:absolute;right:4px;background:0 0;border:0;border-radius:3px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease;width:24px;height:24px}.iti__search-clear .iti__search-clear-x{stroke-width:2}.iti__search-clear .iti__search-clear-bg{fill:var(--iti-search-icon-color)}[dir=rtl] .iti__search-clear{right:auto;left:4px}.iti__search-clear:focus-visible,.iti__search-clear:hover{background:var(--iti-hover-color);outline:0}.iti__no-results{text-align:center;padding:30px 0}.iti__country-list{list-style:none;padding:0;margin:0;cursor:pointer;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__country{display:flex;align-items:center;padding:8px var(--iti-spacer-horizontal);outline:0}.iti__dial-code{color:var(--iti-dialcode-color)}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-list .iti__flag,.iti__country-name{margin-right:var(--iti-spacer-horizontal)}[dir=rtl] .iti__country-list .iti__flag,[dir=rtl] .iti__country-name{margin-right:0;margin-left:var(--iti-spacer-horizontal)}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) button.iti__selected-country{cursor:pointer}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti .iti__selected-dial-code{margin-left:4px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:var(--iti-border-width)}.iti--container:hover{cursor:pointer}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;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{--iti-flag-offset:100px;height:var(--iti-flag-height);width:var(--iti-flag-width);border-radius:1px;box-shadow:0 0 1px 0 #888;background-image:var(--iti-path-flags-1x);background-repeat:no-repeat;background-position:var(--iti-flag-offset) 0;background-size:var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)}.iti__ac{--iti-flag-offset:0px}.iti__ad{--iti-flag-offset:-16px}.iti__ae{--iti-flag-offset:-32px}.iti__af{--iti-flag-offset:-48px}.iti__ag{--iti-flag-offset:-64px}.iti__ai{--iti-flag-offset:-80px}.iti__al{--iti-flag-offset:-96px}.iti__am{--iti-flag-offset:-112px}.iti__ao{--iti-flag-offset:-128px}.iti__ar{--iti-flag-offset:-144px}.iti__as{--iti-flag-offset:-160px}.iti__at{--iti-flag-offset:-176px}.iti__au{--iti-flag-offset:-192px}.iti__aw{--iti-flag-offset:-208px}.iti__ax{--iti-flag-offset:-224px}.iti__az{--iti-flag-offset:-240px}.iti__ba{--iti-flag-offset:-256px}.iti__bb{--iti-flag-offset:-272px}.iti__bd{--iti-flag-offset:-288px}.iti__be{--iti-flag-offset:-304px}.iti__bf{--iti-flag-offset:-320px}.iti__bg{--iti-flag-offset:-336px}.iti__bh{--iti-flag-offset:-352px}.iti__bi{--iti-flag-offset:-368px}.iti__bj{--iti-flag-offset:-384px}.iti__bl{--iti-flag-offset:-400px}.iti__bm{--iti-flag-offset:-416px}.iti__bn{--iti-flag-offset:-432px}.iti__bo{--iti-flag-offset:-448px}.iti__bq{--iti-flag-offset:-464px}.iti__br{--iti-flag-offset:-480px}.iti__bs{--iti-flag-offset:-496px}.iti__bt{--iti-flag-offset:-512px}.iti__bw{--iti-flag-offset:-528px}.iti__by{--iti-flag-offset:-544px}.iti__bz{--iti-flag-offset:-560px}.iti__ca{--iti-flag-offset:-576px}.iti__cc{--iti-flag-offset:-592px}.iti__cd{--iti-flag-offset:-608px}.iti__cf{--iti-flag-offset:-624px}.iti__cg{--iti-flag-offset:-640px}.iti__ch{--iti-flag-offset:-656px}.iti__ci{--iti-flag-offset:-672px}.iti__ck{--iti-flag-offset:-688px}.iti__cl{--iti-flag-offset:-704px}.iti__cm{--iti-flag-offset:-720px}.iti__cn{--iti-flag-offset:-736px}.iti__co{--iti-flag-offset:-752px}.iti__cr{--iti-flag-offset:-768px}.iti__cu{--iti-flag-offset:-784px}.iti__cv{--iti-flag-offset:-800px}.iti__cw{--iti-flag-offset:-816px}.iti__cx{--iti-flag-offset:-832px}.iti__cy{--iti-flag-offset:-848px}.iti__cz{--iti-flag-offset:-864px}.iti__de{--iti-flag-offset:-880px}.iti__dj{--iti-flag-offset:-896px}.iti__dk{--iti-flag-offset:-912px}.iti__dm{--iti-flag-offset:-928px}.iti__do{--iti-flag-offset:-944px}.iti__dz{--iti-flag-offset:-960px}.iti__ec{--iti-flag-offset:-976px}.iti__ee{--iti-flag-offset:-992px}.iti__eg{--iti-flag-offset:-1008px}.iti__eh{--iti-flag-offset:-1024px}.iti__er{--iti-flag-offset:-1040px}.iti__es{--iti-flag-offset:-1056px}.iti__et{--iti-flag-offset:-1072px}.iti__fi{--iti-flag-offset:-1088px}.iti__fj{--iti-flag-offset:-1104px}.iti__fk{--iti-flag-offset:-1120px}.iti__fm{--iti-flag-offset:-1136px}.iti__fo{--iti-flag-offset:-1152px}.iti__fr{--iti-flag-offset:-1168px}.iti__ga{--iti-flag-offset:-1184px}.iti__gb{--iti-flag-offset:-1200px}.iti__gd{--iti-flag-offset:-1216px}.iti__ge{--iti-flag-offset:-1232px}.iti__gf{--iti-flag-offset:-1248px}.iti__gg{--iti-flag-offset:-1264px}.iti__gh{--iti-flag-offset:-1280px}.iti__gi{--iti-flag-offset:-1296px}.iti__gl{--iti-flag-offset:-1312px}.iti__gm{--iti-flag-offset:-1328px}.iti__gn{--iti-flag-offset:-1344px}.iti__gp{--iti-flag-offset:-1360px}.iti__gq{--iti-flag-offset:-1376px}.iti__gr{--iti-flag-offset:-1392px}.iti__gt{--iti-flag-offset:-1408px}.iti__gu{--iti-flag-offset:-1424px}.iti__gw{--iti-flag-offset:-1440px}.iti__gy{--iti-flag-offset:-1456px}.iti__hk{--iti-flag-offset:-1472px}.iti__hn{--iti-flag-offset:-1488px}.iti__hr{--iti-flag-offset:-1504px}.iti__ht{--iti-flag-offset:-1520px}.iti__hu{--iti-flag-offset:-1536px}.iti__id{--iti-flag-offset:-1552px}.iti__ie{--iti-flag-offset:-1568px}.iti__il{--iti-flag-offset:-1584px}.iti__im{--iti-flag-offset:-1600px}.iti__in{--iti-flag-offset:-1616px}.iti__io{--iti-flag-offset:-1632px}.iti__iq{--iti-flag-offset:-1648px}.iti__ir{--iti-flag-offset:-1664px}.iti__is{--iti-flag-offset:-1680px}.iti__it{--iti-flag-offset:-1696px}.iti__je{--iti-flag-offset:-1712px}.iti__jm{--iti-flag-offset:-1728px}.iti__jo{--iti-flag-offset:-1744px}.iti__jp{--iti-flag-offset:-1760px}.iti__ke{--iti-flag-offset:-1776px}.iti__kg{--iti-flag-offset:-1792px}.iti__kh{--iti-flag-offset:-1808px}.iti__ki{--iti-flag-offset:-1824px}.iti__km{--iti-flag-offset:-1840px}.iti__kn{--iti-flag-offset:-1856px}.iti__kp{--iti-flag-offset:-1872px}.iti__kr{--iti-flag-offset:-1888px}.iti__kw{--iti-flag-offset:-1904px}.iti__ky{--iti-flag-offset:-1920px}.iti__kz{--iti-flag-offset:-1936px}.iti__la{--iti-flag-offset:-1952px}.iti__lb{--iti-flag-offset:-1968px}.iti__lc{--iti-flag-offset:-1984px}.iti__li{--iti-flag-offset:-2000px}.iti__lk{--iti-flag-offset:-2016px}.iti__lr{--iti-flag-offset:-2032px}.iti__ls{--iti-flag-offset:-2048px}.iti__lt{--iti-flag-offset:-2064px}.iti__lu{--iti-flag-offset:-2080px}.iti__lv{--iti-flag-offset:-2096px}.iti__ly{--iti-flag-offset:-2112px}.iti__ma{--iti-flag-offset:-2128px}.iti__mc{--iti-flag-offset:-2144px}.iti__md{--iti-flag-offset:-2160px}.iti__me{--iti-flag-offset:-2176px}.iti__mf{--iti-flag-offset:-2192px}.iti__mg{--iti-flag-offset:-2208px}.iti__mh{--iti-flag-offset:-2224px}.iti__mk{--iti-flag-offset:-2240px}.iti__ml{--iti-flag-offset:-2256px}.iti__mm{--iti-flag-offset:-2272px}.iti__mn{--iti-flag-offset:-2288px}.iti__mo{--iti-flag-offset:-2304px}.iti__mp{--iti-flag-offset:-2320px}.iti__mq{--iti-flag-offset:-2336px}.iti__mr{--iti-flag-offset:-2352px}.iti__ms{--iti-flag-offset:-2368px}.iti__mt{--iti-flag-offset:-2384px}.iti__mu{--iti-flag-offset:-2400px}.iti__mv{--iti-flag-offset:-2416px}.iti__mw{--iti-flag-offset:-2432px}.iti__mx{--iti-flag-offset:-2448px}.iti__my{--iti-flag-offset:-2464px}.iti__mz{--iti-flag-offset:-2480px}.iti__na{--iti-flag-offset:-2496px}.iti__nc{--iti-flag-offset:-2512px}.iti__ne{--iti-flag-offset:-2528px}.iti__nf{--iti-flag-offset:-2544px}.iti__ng{--iti-flag-offset:-2560px}.iti__ni{--iti-flag-offset:-2576px}.iti__nl{--iti-flag-offset:-2592px}.iti__no{--iti-flag-offset:-2608px}.iti__np{--iti-flag-offset:-2624px}.iti__nr{--iti-flag-offset:-2640px}.iti__nu{--iti-flag-offset:-2656px}.iti__nz{--iti-flag-offset:-2672px}.iti__om{--iti-flag-offset:-2688px}.iti__pa{--iti-flag-offset:-2704px}.iti__pe{--iti-flag-offset:-2720px}.iti__pf{--iti-flag-offset:-2736px}.iti__pg{--iti-flag-offset:-2752px}.iti__ph{--iti-flag-offset:-2768px}.iti__pk{--iti-flag-offset:-2784px}.iti__pl{--iti-flag-offset:-2800px}.iti__pm{--iti-flag-offset:-2816px}.iti__pr{--iti-flag-offset:-2832px}.iti__ps{--iti-flag-offset:-2848px}.iti__pt{--iti-flag-offset:-2864px}.iti__pw{--iti-flag-offset:-2880px}.iti__py{--iti-flag-offset:-2896px}.iti__qa{--iti-flag-offset:-2912px}.iti__re{--iti-flag-offset:-2928px}.iti__ro{--iti-flag-offset:-2944px}.iti__rs{--iti-flag-offset:-2960px}.iti__ru{--iti-flag-offset:-2976px}.iti__rw{--iti-flag-offset:-2992px}.iti__sa{--iti-flag-offset:-3008px}.iti__sb{--iti-flag-offset:-3024px}.iti__sc{--iti-flag-offset:-3040px}.iti__sd{--iti-flag-offset:-3056px}.iti__se{--iti-flag-offset:-3072px}.iti__sg{--iti-flag-offset:-3088px}.iti__sh{--iti-flag-offset:-3104px}.iti__si{--iti-flag-offset:-3120px}.iti__sj{--iti-flag-offset:-3136px}.iti__sk{--iti-flag-offset:-3152px}.iti__sl{--iti-flag-offset:-3168px}.iti__sm{--iti-flag-offset:-3184px}.iti__sn{--iti-flag-offset:-3200px}.iti__so{--iti-flag-offset:-3216px}.iti__sr{--iti-flag-offset:-3232px}.iti__ss{--iti-flag-offset:-3248px}.iti__st{--iti-flag-offset:-3264px}.iti__sv{--iti-flag-offset:-3280px}.iti__sx{--iti-flag-offset:-3296px}.iti__sy{--iti-flag-offset:-3312px}.iti__sz{--iti-flag-offset:-3328px}.iti__tc{--iti-flag-offset:-3344px}.iti__td{--iti-flag-offset:-3360px}.iti__tg{--iti-flag-offset:-3376px}.iti__th{--iti-flag-offset:-3392px}.iti__tj{--iti-flag-offset:-3408px}.iti__tk{--iti-flag-offset:-3424px}.iti__tl{--iti-flag-offset:-3440px}.iti__tm{--iti-flag-offset:-3456px}.iti__tn{--iti-flag-offset:-3472px}.iti__to{--iti-flag-offset:-3488px}.iti__tr{--iti-flag-offset:-3504px}.iti__tt{--iti-flag-offset:-3520px}.iti__tv{--iti-flag-offset:-3536px}.iti__tw{--iti-flag-offset:-3552px}.iti__tz{--iti-flag-offset:-3568px}.iti__ua{--iti-flag-offset:-3584px}.iti__ug{--iti-flag-offset:-3600px}.iti__us{--iti-flag-offset:-3616px}.iti__uy{--iti-flag-offset:-3632px}.iti__uz{--iti-flag-offset:-3648px}.iti__va{--iti-flag-offset:-3664px}.iti__vc{--iti-flag-offset:-3680px}.iti__ve{--iti-flag-offset:-3696px}.iti__vg{--iti-flag-offset:-3712px}.iti__vi{--iti-flag-offset:-3728px}.iti__vn{--iti-flag-offset:-3744px}.iti__vu{--iti-flag-offset:-3760px}.iti__wf{--iti-flag-offset:-3776px}.iti__ws{--iti-flag-offset:-3792px}.iti__xk{--iti-flag-offset:-3808px}.iti__ye{--iti-flag-offset:-3824px}.iti__yt{--iti-flag-offset:-3840px}.iti__za{--iti-flag-offset:-3856px}.iti__zm{--iti-flag-offset:-3872px}.iti__zw{--iti-flag-offset:-3888px}.iti__globe{background-image:var(--iti-path-globe-1x);background-size:contain;background-position:right;box-shadow:none;height:19px}@media (min-resolution:2x){.iti__flag{background-image:var(--iti-path-flags-2x)}.iti__globe{background-image:var(--iti-path-globe-2x)}}
|
package/build/js/data.js
CHANGED
package/build/js/data.min.js
CHANGED
|
@@ -178,7 +178,6 @@ declare module "intl-tel-input" {
|
|
|
178
178
|
private options;
|
|
179
179
|
private hadInitialPlaceholder;
|
|
180
180
|
private isRTL;
|
|
181
|
-
private showSelectedCountryOnLeft;
|
|
182
181
|
private isAndroid;
|
|
183
182
|
private selectedCountryData;
|
|
184
183
|
private countries;
|
|
@@ -203,7 +202,6 @@ declare module "intl-tel-input" {
|
|
|
203
202
|
private hiddenInputCountry;
|
|
204
203
|
private maxCoreNumberLength;
|
|
205
204
|
private defaultCountry;
|
|
206
|
-
private originalPaddingRight;
|
|
207
205
|
private originalPaddingLeft;
|
|
208
206
|
private _handleHiddenInputSubmit;
|
|
209
207
|
private _handleLabelClick;
|
package/build/js/intlTelInput.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* International Telephone Input v25.10.
|
|
2
|
+
* International Telephone Input v25.10.12
|
|
3
3
|
* https://github.com/jackocnr/intl-tel-input.git
|
|
4
4
|
* Licensed under the MIT license
|
|
5
5
|
*/
|
|
@@ -2303,15 +2303,8 @@ var factoryOutput = (() => {
|
|
|
2303
2303
|
_detectEnvironmentAndLayout() {
|
|
2304
2304
|
this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
|
|
2305
2305
|
this.isRTL = !!this.telInput.closest("[dir=rtl]");
|
|
2306
|
-
this.telInput.dir = "ltr";
|
|
2307
|
-
const showOnDefaultSide = this.options.allowDropdown || this.options.separateDialCode;
|
|
2308
|
-
this.showSelectedCountryOnLeft = this.isRTL ? !showOnDefaultSide : showOnDefaultSide;
|
|
2309
2306
|
if (this.options.separateDialCode) {
|
|
2310
|
-
|
|
2311
|
-
this.originalPaddingRight = this.telInput.style.paddingRight;
|
|
2312
|
-
} else {
|
|
2313
|
-
this.originalPaddingLeft = this.telInput.style.paddingLeft;
|
|
2314
|
-
}
|
|
2307
|
+
this.originalPaddingLeft = this.telInput.style.paddingLeft;
|
|
2315
2308
|
}
|
|
2316
2309
|
}
|
|
2317
2310
|
_createInitPromises() {
|
|
@@ -2382,6 +2375,9 @@ var factoryOutput = (() => {
|
|
|
2382
2375
|
[containerClass]: Boolean(containerClass)
|
|
2383
2376
|
});
|
|
2384
2377
|
const wrapper = createEl("div", { class: parentClasses });
|
|
2378
|
+
if (this.isRTL) {
|
|
2379
|
+
wrapper.setAttribute("dir", "ltr");
|
|
2380
|
+
}
|
|
2385
2381
|
this.telInput.parentNode?.insertBefore(wrapper, this.telInput);
|
|
2386
2382
|
return wrapper;
|
|
2387
2383
|
}
|
|
@@ -2398,11 +2394,6 @@ var factoryOutput = (() => {
|
|
|
2398
2394
|
{ class: "iti__country-container iti__v-hide" },
|
|
2399
2395
|
wrapper
|
|
2400
2396
|
);
|
|
2401
|
-
if (this.showSelectedCountryOnLeft) {
|
|
2402
|
-
this.countryContainer.style.left = "0px";
|
|
2403
|
-
} else {
|
|
2404
|
-
this.countryContainer.style.right = "0px";
|
|
2405
|
-
}
|
|
2406
2397
|
if (allowDropdown) {
|
|
2407
2398
|
this.selectedCountry = createEl(
|
|
2408
2399
|
"button",
|
|
@@ -2446,7 +2437,7 @@ var factoryOutput = (() => {
|
|
|
2446
2437
|
if (separateDialCode) {
|
|
2447
2438
|
this.selectedDialCode = createEl(
|
|
2448
2439
|
"div",
|
|
2449
|
-
{ class: "iti__selected-dial-code"
|
|
2440
|
+
{ class: "iti__selected-dial-code" },
|
|
2450
2441
|
this.selectedCountry
|
|
2451
2442
|
);
|
|
2452
2443
|
}
|
|
@@ -2471,6 +2462,9 @@ var factoryOutput = (() => {
|
|
|
2471
2462
|
role: "dialog",
|
|
2472
2463
|
"aria-modal": "true"
|
|
2473
2464
|
});
|
|
2465
|
+
if (this.isRTL) {
|
|
2466
|
+
this.dropdownContent.setAttribute("dir", "rtl");
|
|
2467
|
+
}
|
|
2474
2468
|
if (countrySearch) {
|
|
2475
2469
|
this._buildSearchUI();
|
|
2476
2470
|
}
|
|
@@ -3308,11 +3302,7 @@ var factoryOutput = (() => {
|
|
|
3308
3302
|
const saneDefaultWidth = this.options.separateDialCode ? 78 : 42;
|
|
3309
3303
|
const selectedCountryWidth = this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth() || saneDefaultWidth;
|
|
3310
3304
|
const inputPadding = selectedCountryWidth + 6;
|
|
3311
|
-
|
|
3312
|
-
this.telInput.style.paddingLeft = `${inputPadding}px`;
|
|
3313
|
-
} else {
|
|
3314
|
-
this.telInput.style.paddingRight = `${inputPadding}px`;
|
|
3315
|
-
}
|
|
3305
|
+
this.telInput.style.paddingLeft = `${inputPadding}px`;
|
|
3316
3306
|
}
|
|
3317
3307
|
}
|
|
3318
3308
|
//* Update the maximum valid number length for the currently selected country.
|
|
@@ -3596,11 +3586,7 @@ var factoryOutput = (() => {
|
|
|
3596
3586
|
}
|
|
3597
3587
|
this.telInput.removeAttribute("data-intl-tel-input-id");
|
|
3598
3588
|
if (separateDialCode) {
|
|
3599
|
-
|
|
3600
|
-
this.telInput.style.paddingRight = this.originalPaddingRight;
|
|
3601
|
-
} else {
|
|
3602
|
-
this.telInput.style.paddingLeft = this.originalPaddingLeft;
|
|
3603
|
-
}
|
|
3589
|
+
this.telInput.style.paddingLeft = this.originalPaddingLeft;
|
|
3604
3590
|
}
|
|
3605
3591
|
const wrapper = this.telInput.parentNode;
|
|
3606
3592
|
wrapper?.parentNode?.insertBefore(this.telInput, wrapper);
|
|
@@ -3651,11 +3637,19 @@ var factoryOutput = (() => {
|
|
|
3651
3637
|
}
|
|
3652
3638
|
return -99;
|
|
3653
3639
|
}
|
|
3654
|
-
//* Validate the input val
|
|
3640
|
+
//* Validate the input val using number length only
|
|
3655
3641
|
isValidNumber() {
|
|
3642
|
+
const { dialCode, iso2 } = this.selectedCountryData;
|
|
3643
|
+
if (dialCode === "44" && intlTelInput.utils) {
|
|
3644
|
+
const number = this._getFullNumber();
|
|
3645
|
+
const coreNumber = intlTelInput.utils.getCoreNumber(number, iso2);
|
|
3646
|
+
if (coreNumber[0] === "7" && coreNumber.length !== 10) {
|
|
3647
|
+
return false;
|
|
3648
|
+
}
|
|
3649
|
+
}
|
|
3656
3650
|
return this._validateNumber(false);
|
|
3657
3651
|
}
|
|
3658
|
-
//* Validate the input val
|
|
3652
|
+
//* Validate the input val with precise validation
|
|
3659
3653
|
isValidNumberPrecise() {
|
|
3660
3654
|
return this._validateNumber(true);
|
|
3661
3655
|
}
|
|
@@ -3664,6 +3658,9 @@ var factoryOutput = (() => {
|
|
|
3664
3658
|
}
|
|
3665
3659
|
//* Shared internal validation logic to handle alpha character extension rules.
|
|
3666
3660
|
_validateNumber(precise) {
|
|
3661
|
+
if (!intlTelInput.utils) {
|
|
3662
|
+
return null;
|
|
3663
|
+
}
|
|
3667
3664
|
if (!this.selectedCountryData.iso2) {
|
|
3668
3665
|
return false;
|
|
3669
3666
|
}
|
|
@@ -3775,7 +3772,7 @@ var factoryOutput = (() => {
|
|
|
3775
3772
|
attachUtils,
|
|
3776
3773
|
startedLoadingUtilsScript: false,
|
|
3777
3774
|
startedLoadingAutoCountry: false,
|
|
3778
|
-
version: "25.10.
|
|
3775
|
+
version: "25.10.12"
|
|
3779
3776
|
}
|
|
3780
3777
|
);
|
|
3781
3778
|
var intl_tel_input_default = intlTelInput;
|