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 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.11/build/css/intlTelInput.css">
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.11/build/js/intlTelInput.min.js"></script>
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.11/build/js/utils.js"),
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.11/build/js/utils.js"),
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.11/build/js/utils.js"),
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.11/build/js/utils.js"`.
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
- if (this.isRTL) {
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", dir: "ltr" }, this.selectedCountry);
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
- if (this.showSelectedCountryOnLeft) {
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
- if (this.isRTL) {
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 (with precise=false)
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 (with precise=true)
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.11"
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
- if (this.isRTL) {
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", dir: "ltr" }, this.selectedCountry);
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
- if (this.showSelectedCountryOnLeft) {
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
- if (this.isRTL) {
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 (with precise=false)
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 (with precise=true)
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.11"
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
@@ -1,5 +1,5 @@
1
1
  /*
2
- * International Telephone Input v25.10.11
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
  */
@@ -1,5 +1,5 @@
1
1
  /*
2
- * International Telephone Input v25.10.11
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
  */
@@ -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;
@@ -1,5 +1,5 @@
1
1
  /*
2
- * International Telephone Input v25.10.11
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
- if (this.isRTL) {
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", dir: "ltr" },
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
- if (this.showSelectedCountryOnLeft) {
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
- if (this.isRTL) {
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 (with precise=false)
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 (with precise=true)
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.11"
3775
+ version: "25.10.12"
3779
3776
  }
3780
3777
  );
3781
3778
  var intl_tel_input_default = intlTelInput;