intl-tel-input 26.0.1 → 26.0.3

package/vue/README.md

@@ -32,7 +32,7 @@ Alternatively, download and build the project yourself in 3 simple steps. You ju
 
 See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master/vue/demo/validation/App.vue) for a more fleshed-out example of how to handle validation. See the instructions above for how to run this demo (and others) yourself.
 
-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/vueWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/vue"` 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@26.0.1/build/js/utils.js"`.
+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/vueWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/vue"` 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@26.0.3/build/js/utils.js"`.
 
 ## Props
 Here's a list of all of the current props you can pass to the IntlTelInput Vue component.

package/vue/build/exports/IntlTelInput.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as g, mergeModels as m, useModel as b, ref as r, onMounted as h, watch as C, onUnmounted as P, withDirectives as N, createElementBlock as M, openBlock as B, mergeProps as D, vModelText as E } from "vue";
-import { i as I } from "../intl-tel-input-Bk5kP2Ot.mjs";
+import { i as I } from "../intl-tel-input-A8ZXud5P.mjs";
 const x = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "IntlTelInput",

package/vue/build/exports/IntlTelInputWithUtils.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as T2, mergeModels as k1, useModel as v2, ref as a1, onMounted as M2, watch as I2, onUnmounted as N2, withDirectives as A2, createElementBlock as R2, openBlock as G2, mergeProps as _2, vModelText as L2 } from "vue";
-import { i as z1 } from "../intl-tel-input-Bk5kP2Ot.mjs";
+import { i as z1 } from "../intl-tel-input-A8ZXud5P.mjs";
 (function() {
   var P = this || self;
   function p(d, $) {

package/vue/build/{intl-tel-input-Bk5kP2Ot.mjs → intl-tel-input-A8ZXud5P.mjs}

@@ -1,4 +1,4 @@
-const q = [
+const X = [
   [
     "af",
     // Afghanistan
@@ -1676,7 +1676,7 @@ const q = [
     "0"
   ]
 ], A = [];
-for (const l of q)
+for (const l of X)
   A.push({
     name: "",
     // populated in the plugin
@@ -1727,7 +1727,7 @@ const S = {
   // chars that are NOT + or digit (global)
   HIDDEN_SEARCH_CHAR: /^[a-zA-ZÀ-ÿа-яА-Я ]$/
   // single acceptable hidden-search char
-}, X = {
+}, Q = {
   HIDDEN_SEARCH_RESET_MS: 1e3
 }, F = {
   UNKNOWN_NUMBER_TYPE: -99,
@@ -1739,7 +1739,7 @@ const S = {
   // px width fallback when no separate dial code
   INPUT_PADDING_EXTRA_LEFT: 6
   // px gap between selected country container and input text
-}, j = {
+}, K = {
   NANP: "1"
   // North American Numbering Plan
 }, R = {
@@ -1749,7 +1749,7 @@ const S = {
   // UK mobile numbers start with 7 after national trunk (0) or core section
   MOBILE_CORE_LENGTH: 10
   // core number length (excluding dial code / national prefix) for mobiles
-}, Q = {
+}, Z = {
   ISO2: "us"
 }, M = {
   AGGRESSIVE: "aggressive",
@@ -1769,7 +1769,7 @@ const S = {
   HIDDEN: "aria-hidden",
   AUTOCOMPLETE: "aria-autocomplete",
   MODAL: "aria-modal"
-}, Z = {
+}, J = {
   selectedCountryAriaLabel: "Change country, selected ${countryName} (${dialCode})",
   noCountrySelected: "Select country",
   countryListAriaLabel: "List of countries",
@@ -1779,13 +1779,13 @@ const S = {
   searchSummaryAria(l) {
     return l === 0 ? "No results found" : l === 1 ? "1 result found" : `${l} results found`;
   }
-}, U = (l) => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(l).matches, J = () => {
+}, U = (l) => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(l).matches, tt = () => {
   if (typeof navigator < "u" && typeof window < "u") {
     const l = U("(max-width: 500px)"), t = U("(max-height: 600px)"), e = U("(pointer: coarse)");
     return l || e && t;
   }
   return !1;
-}, K = {
+}, Y = {
   //* Whether or not to allow the dropdown.
   allowDropdown: !0,
   //* Whether or not to allow extensions after the main number.
@@ -1837,13 +1837,13 @@ const S = {
   //* Only allow certain chars e.g. a plus followed by numeric digits, and cap at max valid length.
   strictMode: !1,
   //* Use full screen popup instead of dropdown for country list.
-  useFullscreenPopup: J(),
+  useFullscreenPopup: tt(),
   //* The number type to enforce during validation.
   allowedNumberTypes: ["MOBILE", "FIXED_LINE"]
-}, tt = (l) => {
-  l.useFullscreenPopup && (l.fixDropdownWidth = !1), l.onlyCountries.length === 1 && (l.initialCountry = l.onlyCountries[0]), l.separateDialCode && (l.nationalMode = !1), l.allowDropdown && !l.showFlags && !l.separateDialCode && (l.nationalMode = !1), l.useFullscreenPopup && !l.dropdownContainer && (l.dropdownContainer = document.body), l.i18n = { ...Z, ...l.i18n };
-}, P = (l) => l.replace(/\D/g, ""), Y = (l = "") => l.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), et = (l, t) => {
-  const e = Y(t), s = [], i = [], o = [], n = [], r = [], a = [];
+}, et = (l) => {
+  l.useFullscreenPopup && (l.fixDropdownWidth = !1), l.onlyCountries.length === 1 && (l.initialCountry = l.onlyCountries[0]), l.separateDialCode && (l.nationalMode = !1), l.allowDropdown && !l.showFlags && !l.separateDialCode && (l.nationalMode = !1), l.useFullscreenPopup && !l.dropdownContainer && (l.dropdownContainer = document.body), l.i18n = { ...J, ...l.i18n };
+}, P = (l) => l.replace(/\D/g, ""), z = (l = "") => l.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), st = (l, t) => {
+  const e = z(t), s = [], i = [], o = [], n = [], r = [], a = [];
   for (const c of l)
     c.iso2 === e ? s.push(c) : c.normalisedName.startsWith(e) ? i.push(c) : c.normalisedName.includes(e) ? o.push(c) : e === c.dialCode || e === c.dialCodePlus ? n.push(c) : c.dialCodePlus.includes(e) ? r.push(c) : c.initials.includes(e) && a.push(c);
   const d = (c, m) => c.priority - m.priority;
@@ -1855,7 +1855,7 @@ const S = {
     ...r.sort(d),
     ...a.sort(d)
   ];
-}, st = (l, t) => {
+}, it = (l, t) => {
   const e = t.toLowerCase();
   for (const s of l)
     if (s.name.toLowerCase().startsWith(e))
@@ -1866,11 +1866,11 @@ const S = {
   return t && Object.entries(t).forEach(
     ([i, o]) => s.setAttribute(i, o)
   ), e && e.appendChild(s), s;
-}, it = () => `
+}, nt = () => `
   <svg class="iti__search-icon-svg" width="14" height="14" viewBox="0 0 24 24" focusable="false" ${p.HIDDEN}="true">
     <circle cx="11" cy="11" r="7" />
     <line x1="21" y1="21" x2="16.65" y2="16.65" />
-  </svg>`, nt = (l) => {
+  </svg>`, ot = (l) => {
   const t = `iti-${l}-clear-mask`;
   return `
     <svg class="iti__search-clear-svg" width="12" height="12" viewBox="0 0 16 16" ${p.HIDDEN}="true" focusable="false">
@@ -1880,7 +1880,7 @@ const S = {
       </mask>
       <circle cx="8" cy="8" r="8" class="iti__search-clear-bg" mask="url(#${t})" />
     </svg>`;
-}, ot = () => `
+}, $ = () => `
   <svg width="256" height="256" viewBox="0 0 512 512" class="iti__globe-svg">
     <path d="M508 213a240 240 0 0 0-449-87l-2 5-2 5c-8 14-13 30-17 46a65 65 0 0 1 56 4c16-10 35-19 56-27l9-3c-6 23-10 48-10 74h-16l4 6c3 4 5 8 6 13h6c0 22 3 44 8 65l2 10-25-10-4 5 12 18 9 3 6 2 8 3 9 26 1 2 16-7h1l-5-13-1-2c24 6 49 9 75 10v26l11 10 7 7v-30l1-13c22 0 44-3 65-8l10-2-21 48-1 1a317 317 0 0 1-14 23l-21 5h-2c6 16 7 33 1 50a240 240 0 0 0 211-265m-401-56-11 6c19-44 54-79 98-98-11 20-21 44-29 69-21 6-40 15-58 23m154 182v4c-29-1-57-6-81-13-7-25-12-52-13-81h94zm0-109h-94c1-29 6-56 13-81 24-7 52-12 81-13zm0-112c-22 1-44 4-65 8l-10 2 12-30 9-17 1-2a332 332 0 0 1 13-23c13-4 26-6 40-7zm187 69 6 4c4 12 6 25 6 38v1h-68c-1-26-4-51-10-74l48 20 1 1 14 8zm-14-44 10 20c-20-11-43-21-68-29-8-25-18-49-29-69 37 16 67 44 87 78M279 49h1c13 1 27 3 39 7l14 23 1 2a343 343 0 0 1 12 26l2 5 6 16c-23-6-48-9-74-10h-1zm0 87h1c29 1 56 6 81 13 7 24 12 51 12 80v1h-94zm2 207h-2v-94h95c-1 29-6 56-13 81-24 7-51 12-80 13m86 60-20 10c11-20 21-43 29-68 25-8 48-18 68-29-16 37-43 67-77 87m87-115-7 5-16 9-2 1a337 337 0 0 1-47 21c6-24 9-49 10-75h68c0 13-2 27-6 39"/>
     <path d="m261 428-2-2-22-21a40 40 0 0 0-32-11h-1a37 37 0 0 0-18 8l-1 1-4 2-2 2-5 4c-9-3-36-31-47-44s-32-45-34-55l3-2a151 151 0 0 0 11-9v-1a39 39 0 0 0 5-48l-3-3-11-19-3-4-5-7h-1l-3-3-4-3-5-2a35 35 0 0 0-16-3h-5c-4 1-14 5-24 11l-4 2-4 3-4 2c-9 8-17 17-18 27a380 380 0 0 0 212 259h3c12 0 25-10 36-21l10-12 6-11a39 39 0 0 0-8-40"/>
@@ -1997,7 +1997,7 @@ class lt {
         [p.HIDDEN]: "true"
       },
       e
-    ), this.searchIcon.innerHTML = it(), this.searchInput = C(
+    ), this.searchIcon.innerHTML = nt(), this.searchInput = C(
       "input",
       {
         id: `iti-${this.id}__search-input`,
@@ -2023,7 +2023,7 @@ class lt {
         tabindex: "-1"
       },
       e
-    ), this.searchClearButton.innerHTML = nt(this.id), this.searchResultsA11yText = C(
+    ), this.searchClearButton.innerHTML = ot(this.id), this.searchResultsA11yText = C(
       "span",
       { class: "iti__a11y-text" },
       this.dropdownContent
@@ -2190,11 +2190,17 @@ const rt = (l) => {
   }
   return A;
 }, at = (l, t) => {
-  const { countryNameLocale: e, i18n: s } = t, o = typeof Intl < "u" && typeof Intl.DisplayNames == "function" ? new Intl.DisplayNames(e, {
-    type: "region"
-  }) : null;
-  for (const n of l)
-    n.name = s[n.iso2] || (o == null ? void 0 : o.of(n.iso2.toUpperCase()));
+  const { countryNameLocale: e, i18n: s } = t;
+  let i;
+  try {
+    typeof Intl < "u" && typeof Intl.DisplayNames == "function" ? i = new Intl.DisplayNames(e, {
+      type: "region"
+    }) : i = null;
+  } catch (o) {
+    console.error(o), i = null;
+  }
+  for (const o of l)
+    o.name = s[o.iso2] || (i == null ? void 0 : i.of(o.iso2.toUpperCase())) || "";
 }, ut = (l) => {
   const t = /* @__PURE__ */ new Set();
   let e = 0;
@@ -2237,8 +2243,8 @@ const rt = (l) => {
   });
 }, ct = (l) => {
   for (const t of l)
-    t.normalisedName = Y(t.name), t.initials = t.normalisedName.split(/[^a-z]/).map((e) => e[0]).join(""), t.dialCodePlus = `+${t.dialCode}`;
-}, $ = (l, t, e, s) => {
+    t.normalisedName = z(t.name), t.initials = t.normalisedName.split(/[^a-z]/).map((e) => e[0]).join(""), t.dialCodePlus = `+${t.dialCode}`;
+}, G = (l, t, e, s) => {
   let i = l;
   if (e && t) {
     const o = `+${s.dialCode}`, n = i[o.length] === " " || i[o.length] === "-" ? o.length + 1 : o.length;
@@ -2277,9 +2283,9 @@ const rt = (l) => {
   "887",
   "888",
   "889"
-], G = (l) => {
+], j = (l) => {
   const t = P(l);
-  if (t.startsWith(j.NANP) && t.length >= 4) {
+  if (t.startsWith(K.NANP) && t.length >= 4) {
     const e = t.substring(1, 4);
     return Ct.includes(e);
   }
@@ -2289,7 +2295,7 @@ let mt = 0;
 const ft = new Set(A.map((l) => l.iso2)), k = (l) => ft.has(l);
 class W {
   constructor(t, e = {}) {
-    this.id = mt++, this.options = { ...K, ...e }, tt(this.options), this.ui = new lt(t, this.options, this.id), this.isAndroid = W._getIsAndroid(), this.promise = this._createInitPromises(), this.countries = rt(this.options);
+    this.id = mt++, this.options = { ...Y, ...e }, et(this.options), this.ui = new lt(t, this.options, this.id), this.isAndroid = W._getIsAndroid(), this.promise = this._createInitPromises(), this.countries = rt(this.options);
     const { dialCodes: s, dialCodeMaxLen: i, dialCodeToIso2Map: o } = ut(
       this.countries
     );
@@ -2346,12 +2352,12 @@ class W {
   //* 1. Extracting a dial code from the given number
   //* 2. Using explicit initialCountry
   _setInitialState(t = !1) {
-    const e = this.ui.telInput.getAttribute("value"), s = this._normaliseNumerals(e), i = this._getTelInputValue(), n = s && s.startsWith("+") && (!i || !i.startsWith("+")) ? s : i, r = this._getDialCode(n), a = G(n), { initialCountry: d, geoIpLookup: c } = this.options, m = d === x.AUTO && c;
+    const e = this.ui.telInput.getAttribute("value"), s = this._normaliseNumerals(e), i = this._getTelInputValue(), n = s && s.startsWith("+") && (!i || !i.startsWith("+")) ? s : i, r = this._getDialCode(n), a = j(n), { initialCountry: d, geoIpLookup: c } = this.options, m = d === x.AUTO && c;
     if (r && !a)
       this._updateCountryFromNumber(n);
     else if (!m || t) {
       const g = d ? d.toLowerCase() : "";
-      k(g) ? this._setCountry(g) : r && a ? this._setCountry(Q.ISO2) : this._setCountry("");
+      k(g) ? this._setCountry(g) : r && a ? this._setCountry(Z.ISO2) : this._setCountry("");
     }
     n && this._updateValFromNumber(n);
   }
@@ -2483,7 +2489,7 @@ class W {
         this._setTelInputValue(w), this.ui.telInput.setSelectionRange(b, b);
       }
       if (s && d.startsWith("+") && this.selectedCountryData.dialCode) {
-        const _ = $(d, !0, s, this.selectedCountryData);
+        const _ = G(d, !0, s, this.selectedCountryData);
         this._setTelInputValue(_);
       }
     };
@@ -2508,8 +2514,8 @@ class W {
             const r = this._getTelInputValue(), d = !r.startsWith("+") && this.ui.telInput.selectionStart === 0 && n.key === "+", c = this._normaliseNumerals(n.key), m = /^[0-9]$/.test(c), g = e ? m : d || m, E = this.ui.telInput, _ = E.selectionStart, N = E.selectionEnd, I = r.slice(0, _), D = r.slice(N), f = I + n.key + D, w = this._getFullNumber(f), b = u.utils.getCoreNumber(
               w,
               this.selectedCountryData.iso2
-            ), O = this.maxCoreNumberLength && b.length > this.maxCoreNumberLength, z = this._getNewCountryFromNumber(w) !== null;
-            (!g || O && !z && !d) && n.preventDefault();
+            ), O = this.maxCoreNumberLength && b.length > this.maxCoreNumberLength, q = this._getNewCountryFromNumber(w) !== null;
+            (!g || O && !q && !d) && n.preventDefault();
           }
         }
       };
@@ -2648,7 +2654,7 @@ class W {
         y.ESC
       ].includes(o.key) && (o.preventDefault(), o.stopPropagation(), o.key === y.ARROW_UP || o.key === y.ARROW_DOWN ? this._handleUpDownKey(o.key) : o.key === y.ENTER ? this._handleEnterKey() : o.key === y.ESC && (this._closeDropdown(), this.ui.selectedCountry.focus())), !this.options.countrySearch && L.HIDDEN_SEARCH_CHAR.test(o.key) && (o.stopPropagation(), s && clearTimeout(s), e += o.key.toLowerCase(), this._searchForCountry(e), s = setTimeout(() => {
         e = "";
-      }, X.HIDDEN_SEARCH_RESET_MS));
+      }, Q.HIDDEN_SEARCH_RESET_MS));
     };
     document.addEventListener("keydown", i, { signal: t });
   }
@@ -2676,7 +2682,7 @@ class W {
   }
   //* Hidden search (countrySearch disabled): Find the first list item whose name starts with the query string.
   _searchForCountry(t) {
-    const e = st(this.countries, t);
+    const e = it(this.countries, t);
     if (e) {
       const s = e.nodeById[this.id];
       this.ui.highlightListItem(s, !1), this.ui.scrollTo(s);
@@ -2685,7 +2691,7 @@ class W {
   //* Country search: Filter the countries according to the search query.
   _filterCountriesByQuery(t) {
     let e;
-    t === "" ? e = this.countries : e = et(this.countries, t), this.ui.filterCountries(e);
+    t === "" ? e = this.countries : e = st(this.countries, t), this.ui.filterCountries(e);
   }
   //* Highlight the next/prev item in the list (and ensure it is visible).
   _handleUpDownKey(t) {
@@ -2740,7 +2746,7 @@ class W {
         return d[0] === i ? null : d[0];
       if (!i && this.defaultCountry && d.includes(this.defaultCountry))
         return this.defaultCountry;
-      if (o === j.NANP && G(r))
+      if (o === K.NANP && j(r))
         return null;
       const { areaCodes: m, priority: g } = this.selectedCountryData;
       if (m) {
@@ -2770,9 +2776,9 @@ class W {
       let a, d, c;
       if (t) {
         const { name: m, dialCode: g } = this.selectedCountryData;
-        d = m, a = i.selectedCountryAriaLabel.replace("${countryName}", m).replace("${dialCode}", `+${g}`), c = "";
+        d = m, a = i.selectedCountryAriaLabel.replace("${countryName}", m).replace("${dialCode}", `+${g}`), c = s ? "" : $();
       } else
-        d = i.noCountrySelected, a = i.noCountrySelected, c = ot();
+        d = i.noCountrySelected, a = i.noCountrySelected, c = $();
       this.ui.selectedCountryInner.className = r, this.ui.selectedCountry.setAttribute("title", d), this.ui.selectedCountry.setAttribute(p.LABEL, a), this.ui.selectedCountryInner.innerHTML = c;
     }
     if (e) {
@@ -2878,7 +2884,7 @@ class W {
   }
   //* Remove the dial code if separateDialCode is enabled also cap the length if the input has a maxlength attribute
   _beforeSetNumber(t) {
-    const e = !!this._getDialCode(t), s = $(
+    const e = !!this._getDialCode(t), s = G(
       t,
       e,
       this.options.separateDialCode,
@@ -3058,7 +3064,7 @@ const yt = (l) => {
     return u.instances[e.id] = e, l.iti = e, e;
   },
   {
-    defaults: K,
+    defaults: Y,
     //* Using a static var like this allows us to mock it in the tests.
     documentReady: () => document.readyState === "complete",
     //* Get the country data object.
@@ -3073,7 +3079,7 @@ const yt = (l) => {
     attachUtils: yt,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "26.0.1"
+    version: "26.0.3"
   }
 );
 export {