intl-tel-input 25.0.1 → 25.1.0

package/vue/build/IntlTelInput.mjs

@@ -1,4 +1,4 @@
-import { mergeModels as D, useModel as x, ref as L, onMounted as E, watch as M, onUnmounted as F, withDirectives as B, openBlock as O, createElementBlock as V, mergeProps as z, vModelText as R } from "vue";
+import { mergeModels as D, useModel as x, ref as L, onMounted as E, watch as M, onUnmounted as F, withDirectives as B, openBlock as V, createElementBlock as O, mergeProps as z, vModelText as R } from "vue";
 const N = [
   [
     "af",
@@ -9,8 +9,7 @@ const N = [
     "ax",
     // Åland Islands
     "358",
-    1,
-    ["18"]
+    1
   ],
   [
     "al",
@@ -77,7 +76,9 @@ const N = [
     "au",
     // Australia
     "61",
-    0
+    0,
+    null,
+    "0"
   ],
   [
     "at",
@@ -258,14 +259,16 @@ const N = [
     // Christmas Island
     "61",
     2,
-    ["89164"]
+    ["89164"],
+    "0"
   ],
   [
     "cc",
     // Cocos (Keeling) Islands
     "61",
     1,
-    ["89162"]
+    ["89162"],
+    "0"
   ],
   [
     "co",
@@ -498,7 +501,8 @@ const N = [
     // Guernsey
     "44",
     1,
-    ["1481", "7781", "7839", "7911"]
+    ["1481", "7781", "7839", "7911"],
+    "0"
   ],
   [
     "gn",
@@ -570,7 +574,8 @@ const N = [
     // Isle of Man
     "44",
     2,
-    ["1624", "74576", "7524", "7924", "7624"]
+    ["1624", "74576", "7524", "7924", "7624"],
+    "0"
   ],
   [
     "il",
@@ -600,7 +605,8 @@ const N = [
     // Jersey
     "44",
     3,
-    ["1534", "7509", "7700", "7797", "7829", "7937"]
+    ["1534", "7509", "7700", "7797", "7829", "7937"],
+    "0"
   ],
   [
     "jo",
@@ -612,7 +618,8 @@ const N = [
     // Kazakhstan
     "7",
     1,
-    ["33", "7"]
+    ["33", "7"],
+    "8"
   ],
   [
     "ke",
@@ -744,7 +751,8 @@ const N = [
     // Mayotte
     "262",
     1,
-    ["269", "639"]
+    ["269", "639"],
+    "0"
   ],
   [
     "mx",
@@ -787,7 +795,9 @@ const N = [
     "ma",
     // Morocco
     "212",
-    0
+    0,
+    null,
+    "0"
   ],
   [
     "mz",
@@ -948,7 +958,9 @@ const N = [
     "re",
     // Réunion
     "262",
-    0
+    0,
+    null,
+    "0"
   ],
   [
     "ro",
@@ -959,7 +971,9 @@ const N = [
     "ru",
     // Russia
     "7",
-    0
+    0,
+    null,
+    "8"
   ],
   [
     "rw",
@@ -1231,7 +1245,9 @@ const N = [
     "gb",
     // United Kingdom
     "44",
-    0
+    0,
+    null,
+    "0"
   ],
   [
     "us",
@@ -1288,7 +1304,8 @@ const N = [
     // Western Sahara
     "212",
     1,
-    ["5288", "5289"]
+    ["5288", "5289"],
+    "0"
   ],
   [
     "ye",
@@ -1315,7 +1332,8 @@ for (let u = 0; u < N.length; u++) {
     dialCode: t[1],
     priority: t[2] || 0,
     areaCodes: t[3] || null,
-    nodeById: {}
+    nodeById: {},
+    nationalPrefix: t[4] || null
   };
 }
 const j = {
@@ -1631,7 +1649,7 @@ const T = {
   ) : !1,
   //* The number type to enforce during validation.
   validationNumberTypes: ["MOBILE"]
-}, K = [
+}, H = [
   "800",
   "822",
   "833",
@@ -1653,10 +1671,10 @@ const T = {
   const t = v(u);
   if (t.charAt(0) === "1") {
     const e = t.substr(1, 3);
-    return K.indexOf(e) !== -1;
+    return H.indexOf(e) !== -1;
   }
   return !1;
-}, H = (u, t, e, i) => {
+}, K = (u, t, e, i) => {
   if (e === 0 && !i)
     return 0;
   let s = 0;
@@ -1702,9 +1720,9 @@ class G {
     this.options.countryOrder && (this.options.countryOrder = this.options.countryOrder.map((t) => t.toLowerCase())), this.countries.sort((t, e) => {
       const { countryOrder: i } = this.options;
       if (i) {
-        const s = i.indexOf(t.iso2), n = i.indexOf(e.iso2), o = s > -1, a = n > -1;
-        if (o || a)
-          return o && a ? s - n : o ? -1 : 1;
+        const s = i.indexOf(t.iso2), n = i.indexOf(e.iso2), o = s > -1, r = n > -1;
+        if (o || r)
+          return o && r ? s - n : o ? -1 : 1;
       }
       return t.name.localeCompare(e.name);
     });
@@ -1759,7 +1777,7 @@ class G {
         for (let s = 0; s < e.areaCodes.length; s++) {
           const n = e.areaCodes[s];
           for (let o = 1; o < n.length; o++) {
-            const a = e.dialCode + n.substr(0, o);
+            const r = n.substr(0, o), a = e.dialCode + r;
             this._addToDialCodeMap(i, a), this._addToDialCodeMap(e.iso2, a);
           }
           this._addToDialCodeMap(e.iso2, e.dialCode + n);
@@ -1778,19 +1796,19 @@ class G {
       containerClass: s,
       hiddenInput: n,
       dropdownContainer: o,
-      fixDropdownWidth: a,
-      useFullscreenPopup: r,
-      countrySearch: p,
-      i18n: c
+      fixDropdownWidth: r,
+      useFullscreenPopup: a,
+      countrySearch: c,
+      i18n: d
     } = this.options;
-    let d = "iti";
-    t && (d += " iti--allow-dropdown"), i && (d += " iti--show-flags"), s && (d += ` ${s}`), r || (d += " iti--inline-dropdown");
-    const C = y("div", { class: d });
-    if ((h = this.telInput.parentNode) == null || h.insertBefore(C, this.telInput), t || i || e) {
+    let C = "iti";
+    t && (C += " iti--allow-dropdown"), i && (C += " iti--show-flags"), s && (C += ` ${s}`), a || (C += " iti--inline-dropdown");
+    const p = y("div", { class: C });
+    if ((h = this.telInput.parentNode) == null || h.insertBefore(p, this.telInput), t || i || e) {
       this.countryContainer = y(
         "div",
         { class: "iti__country-container" },
-        C
+        p
       ), this.showSelectedCountryOnLeft ? this.countryContainer.style.left = "0px" : this.countryContainer.style.right = "0px", t ? (this.selectedCountry = y(
         "button",
         {
@@ -1822,19 +1840,19 @@ class G {
         { class: "iti__selected-dial-code" },
         this.selectedCountry
       )), t) {
-        const f = a ? "" : "iti--flexible-dropdown-width";
+        const f = r ? "" : "iti--flexible-dropdown-width";
         if (this.dropdownContent = y("div", {
           id: `iti-${this.id}__dropdown-content`,
           class: `iti__dropdown-content iti__hide ${f}`
-        }), p && (this.searchInput = y(
+        }), c && (this.searchInput = y(
           "input",
           {
             type: "text",
             class: "iti__search-input",
-            placeholder: c.searchPlaceholder,
+            placeholder: d.searchPlaceholder,
             role: "combobox",
             "aria-expanded": "true",
-            "aria-label": c.searchPlaceholder,
+            "aria-label": d.searchPlaceholder,
             "aria-controls": `iti-${this.id}__country-listbox`,
             "aria-autocomplete": "list",
             autocomplete: "off"
@@ -1850,31 +1868,31 @@ class G {
             class: "iti__country-list",
             id: `iti-${this.id}__country-listbox`,
             role: "listbox",
-            "aria-label": c.countryListAriaLabel
+            "aria-label": d.countryListAriaLabel
           },
           this.dropdownContent
-        ), this._appendListItems(), p && this._updateSearchResultsText(), o) {
+        ), this._appendListItems(), c && this._updateSearchResultsText(), o) {
           let g = "iti iti--container";
-          r ? g += " iti--fullscreen-popup" : g += " iti--inline-dropdown", this.dropdown = y("div", { class: g }), this.dropdown.appendChild(this.dropdownContent);
+          a ? g += " iti--fullscreen-popup" : g += " iti--inline-dropdown", this.dropdown = y("div", { class: g }), this.dropdown.appendChild(this.dropdownContent);
         } else
           this.countryContainer.appendChild(this.dropdownContent);
       }
     }
-    if (C.appendChild(this.telInput), this._updateInputPadding(), n) {
+    if (p.appendChild(this.telInput), this._updateInputPadding(), n) {
       const _ = this.telInput.getAttribute("name") || "", f = n(_);
       if (f.phone) {
         const g = (m = this.telInput.form) == null ? void 0 : m.querySelector(`input[name="${f.phone}"]`);
         g ? this.hiddenInput = g : (this.hiddenInput = y("input", {
           type: "hidden",
           name: f.phone
-        }), C.appendChild(this.hiddenInput));
+        }), p.appendChild(this.hiddenInput));
       }
       if (f.country) {
         const g = (b = this.telInput.form) == null ? void 0 : b.querySelector(`input[name="${f.country}"]`);
         g ? this.hiddenInputCountry = g : (this.hiddenInputCountry = y("input", {
           type: "hidden",
           name: f.country
-        }), C.appendChild(this.hiddenInputCountry));
+        }), p.appendChild(this.hiddenInputCountry));
       }
     }
   }
@@ -1903,12 +1921,12 @@ class G {
   //* 1. Extracting a dial code from the given number
   //* 2. Using explicit initialCountry
   _setInitialState(t = !1) {
-    const e = this.telInput.getAttribute("value"), i = this.telInput.value, n = e && e.charAt(0) === "+" && (!i || i.charAt(0) !== "+") ? e : i, o = this._getDialCode(n), a = S(n), { initialCountry: r, geoIpLookup: p } = this.options, c = r === "auto" && p;
-    if (o && !a)
+    const e = this.telInput.getAttribute("value"), i = this.telInput.value, n = e && e.charAt(0) === "+" && (!i || i.charAt(0) !== "+") ? e : i, o = this._getDialCode(n), r = S(n), { initialCountry: a, geoIpLookup: c } = this.options, d = a === "auto" && c;
+    if (o && !r)
       this._updateCountryFromNumber(n);
-    else if (!c || t) {
-      const d = r ? r.toLowerCase() : "";
-      d && this._getCountryData(d, !0) ? this._setCountry(d) : o && a ? this._setCountry("us") : this._setCountry();
+    else if (!d || t) {
+      const C = a ? a.toLowerCase() : "";
+      C && this._getCountryData(C, !0) ? this._setCountry(C) : o && r ? this._setCountry("us") : this._setCountry();
     }
     n && this._updateValFromNumber(n);
   }
@@ -1968,35 +1986,35 @@ class G {
   //* Initialize the tel input listeners.
   _initTelInputListeners() {
     const { strictMode: t, formatAsYouType: e, separateDialCode: i, formatOnDisplay: s, allowDropdown: n, countrySearch: o } = this.options;
-    let a = !1;
-    new RegExp("\\p{L}", "u").test(this.telInput.value) && (a = !0), this._handleInputEvent = (r) => {
-      if (this.isAndroid && (r == null ? void 0 : r.data) === "+" && i && n && o) {
-        const C = this.telInput.selectionStart || 0, h = this.telInput.value.substring(0, C - 1), m = this.telInput.value.substring(C);
+    let r = !1;
+    new RegExp("\\p{L}", "u").test(this.telInput.value) && (r = !0), this._handleInputEvent = (a) => {
+      if (this.isAndroid && (a == null ? void 0 : a.data) === "+" && i && n && o) {
+        const p = this.telInput.selectionStart || 0, h = this.telInput.value.substring(0, p - 1), m = this.telInput.value.substring(p);
         this.telInput.value = h + m, this._openDropdownWithPlus();
         return;
       }
       this._updateCountryFromNumber(this.telInput.value) && this._triggerCountryChange();
-      const p = (r == null ? void 0 : r.data) && /[^+0-9]/.test(r.data), c = (r == null ? void 0 : r.inputType) === "insertFromPaste" && this.telInput.value;
-      p || c && !t ? a = !0 : /[^+0-9]/.test(this.telInput.value) || (a = !1);
-      const d = (r == null ? void 0 : r.detail) && r.detail.isSetNumber && !s;
-      if (e && !a && !d) {
-        const C = this.telInput.selectionStart || 0, m = this.telInput.value.substring(0, C).replace(/[^+0-9]/g, "").length, b = (r == null ? void 0 : r.inputType) === "deleteContentForward", _ = this._formatNumberAsYouType(), f = H(m, _, C, b);
+      const c = (a == null ? void 0 : a.data) && /[^+0-9]/.test(a.data), d = (a == null ? void 0 : a.inputType) === "insertFromPaste" && this.telInput.value;
+      c || d && !t ? r = !0 : /[^+0-9]/.test(this.telInput.value) || (r = !1);
+      const C = (a == null ? void 0 : a.detail) && a.detail.isSetNumber && !s;
+      if (e && !r && !C) {
+        const p = this.telInput.selectionStart || 0, m = this.telInput.value.substring(0, p).replace(/[^+0-9]/g, "").length, b = (a == null ? void 0 : a.inputType) === "deleteContentForward", _ = this._formatNumberAsYouType(), f = K(m, _, p, b);
         this.telInput.value = _, this.telInput.setSelectionRange(f, f);
       }
-    }, this.telInput.addEventListener("input", this._handleInputEvent), (t || i) && (this._handleKeydownEvent = (r) => {
-      if (r.key && r.key.length === 1 && !r.altKey && !r.ctrlKey && !r.metaKey) {
-        if (i && n && o && r.key === "+") {
-          r.preventDefault(), this._openDropdownWithPlus();
+    }, this.telInput.addEventListener("input", this._handleInputEvent), (t || i) && (this._handleKeydownEvent = (a) => {
+      if (a.key && a.key.length === 1 && !a.altKey && !a.ctrlKey && !a.metaKey) {
+        if (i && n && o && a.key === "+") {
+          a.preventDefault(), this._openDropdownWithPlus();
           return;
         }
         if (t) {
-          const p = this.telInput.value, c = p.charAt(0) === "+", d = !c && this.telInput.selectionStart === 0 && r.key === "+", C = /^[0-9]$/.test(r.key), h = i ? C : d || C, m = p.slice(0, this.telInput.selectionStart) + r.key + p.slice(this.telInput.selectionEnd), b = this._getFullNumber(m), _ = l.utils.getCoreNumber(b, this.selectedCountryData.iso2), f = this.maxCoreNumberLength && _.length > this.maxCoreNumberLength;
+          const c = this.telInput.value, d = c.charAt(0) === "+", C = !d && this.telInput.selectionStart === 0 && a.key === "+", p = /^[0-9]$/.test(a.key), h = i ? p : C || p, m = c.slice(0, this.telInput.selectionStart) + a.key + c.slice(this.telInput.selectionEnd), b = this._getFullNumber(m), _ = l.utils.getCoreNumber(b, this.selectedCountryData.iso2), f = this.maxCoreNumberLength && _.length > this.maxCoreNumberLength;
           let g = !1;
-          if (c) {
+          if (d) {
             const P = this.selectedCountryData.iso2;
             g = this._getCountryFromNumber(b) !== P;
           }
-          (!h || f && !g && !d) && r.preventDefault();
+          (!h || f && !g && !C) && a.preventDefault();
         }
       }
     }, this.telInput.addEventListener("keydown", this._handleKeydownEvent));
@@ -2087,10 +2105,10 @@ class G {
     this.countryList.innerHTML = "";
     const s = A(t);
     for (let n = 0; n < this.countries.length; n++) {
-      const o = this.countries[n], a = A(o.name), r = o.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((c) => c[0]).join("").toLowerCase(), p = `+${o.dialCode}`;
-      if (e || a.includes(s) || p.includes(s) || o.iso2.includes(s) || r.includes(s)) {
-        const c = o.nodeById[this.id];
-        c && this.countryList.appendChild(c), i && (this._highlightListItem(c, !1), i = !1);
+      const o = this.countries[n], r = A(o.name), a = o.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((d) => d[0]).join("").toLowerCase(), c = `+${o.dialCode}`;
+      if (e || r.includes(s) || c.includes(s) || o.iso2.includes(s) || a.includes(s)) {
+        const d = o.nodeById[this.id];
+        d && this.countryList.appendChild(d), i && (this._highlightListItem(d, !1), i = !1);
       }
     }
     i && this._highlightListItem(null, !1), this.countryList.scrollTop = 0, this._updateSearchResultsText();
@@ -2131,21 +2149,35 @@ class G {
     const e = this._getCountryFromNumber(t);
     return e !== null ? this._setCountry(e) : !1;
   }
+  _ensureHasDialCode(t) {
+    const { dialCode: e, nationalPrefix: i } = this.selectedCountryData;
+    if (t.charAt(0) === "+" || !e)
+      return t;
+    const o = i && t.charAt(0) === i && !this.options.separateDialCode ? t.substring(1) : t;
+    return `+${e}${o}`;
+  }
   _getCountryFromNumber(t) {
     const e = t.indexOf("+");
     let i = e ? t.substring(e) : t;
-    const s = this.selectedCountryData.dialCode;
-    i && s === "1" && i.charAt(0) !== "+" && (i.charAt(0) !== "1" && (i = `1${i}`), i = `+${i}`), this.options.separateDialCode && s && i.charAt(0) !== "+" && (i = `+${s}${i}`);
-    const o = this._getDialCode(i, !0), a = v(i);
+    const s = this.selectedCountryData.iso2, n = this.selectedCountryData.dialCode;
+    i = this._ensureHasDialCode(i);
+    const o = this._getDialCode(i, !0);
+    if (o && o === this.prevDialCodeMatch)
+      return null;
+    this.prevDialCodeMatch = o;
+    const r = v(i);
     if (o) {
-      const r = this.dialCodeToIso2Map[v(o)], p = r.indexOf(this.selectedCountryData.iso2) !== -1 && a.length <= o.length - 1;
-      if (!(s === "1" && S(a)) && !p) {
-        for (let d = 0; d < r.length; d++)
-          if (r[d])
-            return r[d];
+      const a = v(o), c = this.dialCodeToIso2Map[a];
+      if (!s && this.defaultCountry && c.includes(this.defaultCountry))
+        return this.defaultCountry;
+      const d = s && c.includes(s) && r.length === a.length;
+      if (!(n === "1" && S(r)) && !d) {
+        for (let p = 0; p < c.length; p++)
+          if (c[p])
+            return c[p];
       }
     } else {
-      if (i.charAt(0) === "+" && a.length)
+      if (i.charAt(0) === "+" && r.length)
         return "";
       if ((!i || i === "+") && !this.selectedCountryData.iso2)
         return this.defaultCountry;
@@ -2177,8 +2209,8 @@ class G {
   _setCountry(t) {
     const { separateDialCode: e, showFlags: i, i18n: s } = this.options, n = this.selectedCountryData.iso2 ? this.selectedCountryData : {};
     if (this.selectedCountryData = t ? this._getCountryData(t, !1) || {} : {}, this.selectedCountryData.iso2 && (this.defaultCountry = this.selectedCountryData.iso2), this.selectedCountryInner) {
-      let o = "", a = "";
-      t && i ? (o = `iti__flag iti__${t}`, a = `${this.selectedCountryData.name} +${this.selectedCountryData.dialCode}`) : (o = "iti__flag iti__globe", a = s.noCountrySelected), this.selectedCountryInner.className = o, this.selectedCountryA11yText.textContent = a;
+      let o = "", r = "";
+      t && i ? (o = `iti__flag iti__${t}`, r = `${this.selectedCountryData.name} +${this.selectedCountryData.dialCode}`) : (o = "iti__flag iti__globe", r = s.noCountrySelected), this.selectedCountryInner.className = o, this.selectedCountryA11yText.textContent = r;
     }
     if (this._setSelectedCountryTitleAttribute(t, e), e) {
       const o = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
@@ -2204,11 +2236,11 @@ class G {
           !1,
           n,
           !0
-        ), a = o;
+        ), r = o;
         for (; l.utils.isPossibleNumber(o, s, i); )
-          a = o, o += "0";
-        const r = l.utils.getCoreNumber(a, s);
-        this.maxCoreNumberLength = r.length, s === "by" && (this.maxCoreNumberLength = r.length + 1);
+          r = o, o += "0";
+        const a = l.utils.getCoreNumber(r, s);
+        this.maxCoreNumberLength = a.length, s === "by" && (this.maxCoreNumberLength = a.length + 1);
       } else
         this.maxCoreNumberLength = null;
   }
@@ -2245,12 +2277,12 @@ class G {
     } = this.options, n = t === "aggressive" || !this.hadInitialPlaceholder && t === "polite";
     if (l.utils && n) {
       const o = l.utils.numberType[e];
-      let a = this.selectedCountryData.iso2 ? l.utils.getExampleNumber(
+      let r = this.selectedCountryData.iso2 ? l.utils.getExampleNumber(
         this.selectedCountryData.iso2,
         i,
         o
       ) : "";
-      a = this._beforeSetNumber(a), typeof s == "function" && (a = s(a, this.selectedCountryData)), this.telInput.setAttribute("placeholder", a);
+      r = this._beforeSetNumber(r), typeof s == "function" && (r = s(r, this.selectedCountryData)), this.telInput.setAttribute("placeholder", r);
     }
   }
   //* Called when the user selects a list item from the dropdown.
@@ -2272,12 +2304,12 @@ class G {
   }
   //* Check if an element is visible within it's container, else scroll until it is.
   _scrollTo(t) {
-    const e = this.countryList, i = document.documentElement.scrollTop, s = e.offsetHeight, n = e.getBoundingClientRect().top + i, o = n + s, a = t.offsetHeight, r = t.getBoundingClientRect().top + i, p = r + a, c = r - n + e.scrollTop;
-    if (r < n)
-      e.scrollTop = c;
-    else if (p > o) {
-      const d = s - a;
-      e.scrollTop = c - d;
+    const e = this.countryList, i = document.documentElement.scrollTop, s = e.offsetHeight, n = e.getBoundingClientRect().top + i, o = n + s, r = t.offsetHeight, a = t.getBoundingClientRect().top + i, c = a + r, d = a - n + e.scrollTop;
+    if (a < n)
+      e.scrollTop = d;
+    else if (c > o) {
+      const C = s - r;
+      e.scrollTop = d - C;
     }
   }
   //* Replace any existing dial code with the new one
@@ -2367,8 +2399,8 @@ class G {
         "keydown",
         this._handleCountryContainerKeydown
       );
-      const a = this.telInput.closest("label");
-      a && a.removeEventListener("click", this._handleLabelClick);
+      const r = this.telInput.closest("label");
+      r && r.removeEventListener("click", this._handleLabelClick);
     }
     const { form: i } = this.telInput;
     this._handleHiddenInputSubmit && i && i.removeEventListener("submit", this._handleHiddenInputSubmit), this.telInput.removeEventListener("input", this._handleInputEvent), this._handleKeydownEvent && this.telInput.removeEventListener("keydown", this._handleKeydownEvent), this.telInput.removeAttribute("data-intl-tel-input-id"), e && (this.isRTL ? this.telInput.style.paddingRight = this.originalPaddingRight : this.telInput.style.paddingLeft = this.originalPaddingLeft);
@@ -2501,7 +2533,7 @@ const W = (u) => {
     attachUtils: W,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.0.1"
+    version: "25.1.0"
   }
 ), J = {
   __name: "IntlTelInput",
@@ -2536,37 +2568,37 @@ const W = (u) => {
     "changeErrorCode"
   ], ["update:modelValue"]),
   setup(u, { expose: t, emit: e }) {
-    const i = x(u, "modelValue"), s = u, n = e, o = L(), a = L(), r = L(!1), p = () => a.value ? s.options.strictMode ? a.value.isValidNumberPrecise() : a.value.isValidNumber() : null, c = () => {
-      let h = p();
-      r.value !== h && (r.value = h, n("changeValidity", !!h), n(
+    const i = x(u, "modelValue"), s = u, n = e, o = L(), r = L(), a = L(!1), c = () => r.value ? s.options.strictMode ? r.value.isValidNumberPrecise() : r.value.isValidNumber() : null, d = () => {
+      let h = c();
+      a.value !== h && (a.value = h, n("changeValidity", !!h), n(
         "changeErrorCode",
-        h ? null : a.value.getValidationError()
+        h ? null : r.value.getValidationError()
       ));
-    }, d = () => {
-      var h;
-      n("changeNumber", ((h = a.value) == null ? void 0 : h.getNumber()) ?? ""), c();
     }, C = () => {
       var h;
-      n("changeCountry", ((h = a.value) == null ? void 0 : h.getSelectedCountryData().iso2) ?? ""), d(), c();
+      n("changeNumber", ((h = r.value) == null ? void 0 : h.getNumber()) ?? ""), d();
+    }, p = () => {
+      var h;
+      n("changeCountry", ((h = r.value) == null ? void 0 : h.getSelectedCountryData().iso2) ?? ""), C(), d();
     };
     return E(() => {
-      o.value && (a.value = l(o.value, s.options), s.value && a.value.setNumber(s.value), s.disabled && a.value.setDisabled(s.disabled));
+      o.value && (r.value = l(o.value, s.options), s.value && r.value.setNumber(s.value), s.disabled && r.value.setDisabled(s.disabled));
     }), M(
       () => s.disabled,
       (h) => {
         var m;
-        return (m = a.value) == null ? void 0 : m.setDisabled(h);
+        return (m = r.value) == null ? void 0 : m.setDisabled(h);
       }
     ), F(() => {
       var h;
-      return (h = a.value) == null ? void 0 : h.destroy();
-    }), t({ instance: a, input: o }), (h, m) => B((O(), V("input", z({
+      return (h = r.value) == null ? void 0 : h.destroy();
+    }), t({ instance: r, input: o }), (h, m) => B((V(), O("input", z({
       ref_key: "input",
       ref: o,
       "onUpdate:modelValue": m[0] || (m[0] = (b) => i.value = b),
       type: "tel",
-      onCountrychange: C,
-      onInput: d
+      onCountrychange: p,
+      onInput: C
     }, u.inputProps), null, 16)), [
       [R, i.value]
     ]);