intl-tel-input 25.10.0 → 25.10.3

package/vue/build/IntlTelInputWithUtils.mjs

@@ -1734,9 +1734,9 @@ class p1 {
     this.options.countryOrder && (this.options.countryOrder = this.options.countryOrder.map((e) => e.toLowerCase())), this.countries.sort((e, i) => {
       const { countryOrder: n } = this.options;
       if (n) {
-        const o = n.indexOf(e.iso2), l = n.indexOf(i.iso2), p = o > -1, h = l > -1;
-        if (p || h)
-          return p && h ? o - l : p ? -1 : 1;
+        const o = n.indexOf(e.iso2), l = n.indexOf(i.iso2), f = o > -1, h = l > -1;
+        if (f || h)
+          return f && h ? o - l : f ? -1 : 1;
       }
       return e.name.localeCompare(i.name);
     });
@@ -1787,8 +1787,8 @@ class p1 {
         const i = this.dialCodeToIso2Map[e.dialCode][0];
         for (const n of e.areaCodes) {
           for (let o = 1; o < n.length; o++) {
-            const l = n.substring(0, o), p = e.dialCode + l;
-            this._addToDialCodeMap(i, p), this._addToDialCodeMap(e.iso2, p);
+            const l = n.substring(0, o), f = e.dialCode + l;
+            this._addToDialCodeMap(i, f), this._addToDialCodeMap(e.iso2, f);
           }
           this._addToDialCodeMap(e.iso2, e.dialCode + n);
         }
@@ -1796,7 +1796,7 @@ class p1 {
   }
   //* Generate all of the markup for the plugin: the selected country overlay, and the dropdown.
   _generateMarkup() {
-    var f, I, O;
+    var p, I, O;
     this.telInput.classList.add("iti__tel-input"), !this.telInput.hasAttribute("autocomplete") && !(this.telInput.form && this.telInput.form.hasAttribute("autocomplete")) && this.telInput.setAttribute("autocomplete", "off");
     const {
       allowDropdown: e,
@@ -1804,7 +1804,7 @@ class p1 {
       showFlags: n,
       containerClass: o,
       hiddenInput: l,
-      dropdownContainer: p,
+      dropdownContainer: f,
       fixDropdownWidth: h,
       useFullscreenPopup: _,
       countrySearch: b,
@@ -1816,10 +1816,11 @@ class p1 {
       "iti--inline-dropdown": !_,
       [o]: !!o
     }), A = N("div", { class: w });
-    if ((f = this.telInput.parentNode) == null || f.insertBefore(A, this.telInput), e || n || i) {
+    if ((p = this.telInput.parentNode) == null || p.insertBefore(A, this.telInput), e || n || i) {
       this.countryContainer = N(
         "div",
-        { class: "iti__country-container" },
+        // visibly hidden until we measure it's width to set the input padding correctly
+        { class: "iti__country-container iti__v-hide" },
         A
       ), this.showSelectedCountryOnLeft ? this.countryContainer.style.left = "0px" : this.countryContainer.style.right = "0px", e ? (this.selectedCountry = N(
         "button",
@@ -1936,7 +1937,7 @@ class p1 {
             "aria-label": v.countryListAriaLabel
           },
           this.dropdownContent
-        ), this._appendListItems(), b && this._updateSearchResultsA11yText(), p) {
+        ), this._appendListItems(), b && this._updateSearchResultsA11yText(), f) {
           const D = p1._buildClassNames({
             iti: !0,
             "iti--container": !0,
@@ -1949,7 +1950,7 @@ class p1 {
           this.countryContainer.appendChild(this.dropdownContent);
       }
     }
-    if (A.appendChild(this.telInput), this._updateInputPadding(), l) {
+    if (A.appendChild(this.telInput), this.countryContainer && (this._updateInputPadding(), this.countryContainer.classList.remove("iti__v-hide")), l) {
       const G = this.telInput.getAttribute("name") || "", F = l(G);
       if (F.phone) {
         const D = (I = this.telInput.form) == null ? void 0 : I.querySelector(`input[name="${F.phone}"]`);
@@ -1992,12 +1993,12 @@ class p1 {
   //* 1. Extracting a dial code from the given number
   //* 2. Using explicit initialCountry
   _setInitialState(e = !1) {
-    const i = this.telInput.getAttribute("value"), n = this.telInput.value, l = i && i.charAt(0) === "+" && (!n || n.charAt(0) !== "+") ? i : n, p = this._getDialCode(l), h = a2(l), { initialCountry: _, geoIpLookup: b } = this.options, v = _ === "auto" && b;
-    if (p && !h)
+    const i = this.telInput.getAttribute("value"), n = this.telInput.value, l = i && i.charAt(0) === "+" && (!n || n.charAt(0) !== "+") ? i : n, f = this._getDialCode(l), h = a2(l), { initialCountry: _, geoIpLookup: b } = this.options, v = _ === "auto" && b;
+    if (f && !h)
       this._updateCountryFromNumber(l);
     else if (!v || e) {
       const w = _ ? _.toLowerCase() : "";
-      w && this._getCountryData(w, !0) ? this._setCountry(w) : p && h ? this._setCountry("us") : this._setCountry();
+      w && this._getCountryData(w, !0) ? this._setCountry(w) : f && h ? this._setCountry("us") : this._setCountry();
     }
     l && this._updateValFromNumber(l);
   }
@@ -2057,19 +2058,19 @@ class p1 {
   //* Initialize the tel input listeners.
   _initTelInputListeners() {
     const { strictMode: e, formatAsYouType: i, separateDialCode: n, allowDropdown: o, countrySearch: l } = this.options;
-    let p = !1;
-    new RegExp("\\p{L}", "u").test(this.telInput.value) && (p = !0), this._handleInputEvent = (h) => {
+    let f = !1;
+    new RegExp("\\p{L}", "u").test(this.telInput.value) && (f = !0), this._handleInputEvent = (h) => {
       if (this.isAndroid && (h == null ? void 0 : h.data) === "+" && n && o && l) {
-        const w = this.telInput.selectionStart || 0, A = this.telInput.value.substring(0, w - 1), f = this.telInput.value.substring(w);
-        this.telInput.value = A + f, this._openDropdownWithPlus();
+        const w = this.telInput.selectionStart || 0, A = this.telInput.value.substring(0, w - 1), p = this.telInput.value.substring(w);
+        this.telInput.value = A + p, this._openDropdownWithPlus();
         return;
       }
       this._updateCountryFromNumber(this.telInput.value) && this._triggerCountryChange();
       const _ = (h == null ? void 0 : h.data) && /[^+0-9]/.test(h.data), b = (h == null ? void 0 : h.inputType) === "insertFromPaste" && this.telInput.value;
-      _ || b && !e ? p = !0 : /[^+0-9]/.test(this.telInput.value) || (p = !1);
+      _ || b && !e ? f = !0 : /[^+0-9]/.test(this.telInput.value) || (f = !1);
       const v = (h == null ? void 0 : h.detail) && h.detail.isSetNumber;
-      if (i && !p && !v) {
-        const w = this.telInput.selectionStart || 0, f = this.telInput.value.substring(0, w).replace(/[^+0-9]/g, "").length, I = (h == null ? void 0 : h.inputType) === "deleteContentForward", O = this._formatNumberAsYouType(), G = z2(f, O, w, I);
+      if (i && !f && !v) {
+        const w = this.telInput.selectionStart || 0, p = this.telInput.value.substring(0, w).replace(/[^+0-9]/g, "").length, I = (h == null ? void 0 : h.inputType) === "deleteContentForward", O = this._formatNumberAsYouType(), G = z2(p, O, w, I);
         this.telInput.value = O, this.telInput.setSelectionRange(G, G);
       }
     }, this.telInput.addEventListener("input", this._handleInputEvent), (e || n) && (this._handleKeydownEvent = (h) => {
@@ -2079,7 +2080,7 @@ class p1 {
           return;
         }
         if (e) {
-          const _ = this.telInput.value, v = !(_.charAt(0) === "+") && this.telInput.selectionStart === 0 && h.key === "+", w = /^[0-9]$/.test(h.key), A = n ? w : v || w, f = _.slice(0, this.telInput.selectionStart) + h.key + _.slice(this.telInput.selectionEnd), I = this._getFullNumber(f), O = C.utils.getCoreNumber(I, this.selectedCountryData.iso2), G = this.maxCoreNumberLength && O.length > this.maxCoreNumberLength, D = this._getNewCountryFromNumber(I) !== null;
+          const _ = this.telInput.value, v = !(_.charAt(0) === "+") && this.telInput.selectionStart === 0 && h.key === "+", w = /^[0-9]$/.test(h.key), A = n ? w : v || w, p = _.slice(0, this.telInput.selectionStart) + h.key + _.slice(this.telInput.selectionEnd), I = this._getFullNumber(p), O = C.utils.getCoreNumber(I, this.selectedCountryData.iso2), G = this.maxCoreNumberLength && O.length > this.maxCoreNumberLength, D = this._getNewCountryFromNumber(I) !== null;
           (!A || G && !D && !v) && h.preventDefault();
         }
       }
@@ -2169,19 +2170,19 @@ class p1 {
   _filterCountries(e, i = !1) {
     let n = !0;
     this.countryList.innerHTML = "";
-    const o = o2(e), l = o.length, p = [], h = [], _ = [], b = [], v = [], w = [];
-    for (const f of this.countries)
-      i || l === 0 ? _.push(f) : f.iso2 === o ? p.push(f) : f.normalisedName.startsWith(o) ? h.push(f) : f.normalisedName.includes(o) ? _.push(f) : o === f.dialCode || o === f.dialCodePlus ? b.push(f) : f.dialCodePlus.includes(o) ? v.push(f) : f.initials.includes(o) && w.push(f);
+    const o = o2(e), l = o.length, f = [], h = [], _ = [], b = [], v = [], w = [];
+    for (const p of this.countries)
+      i || l === 0 ? _.push(p) : p.iso2 === o ? f.push(p) : p.normalisedName.startsWith(o) ? h.push(p) : p.normalisedName.includes(o) ? _.push(p) : o === p.dialCode || o === p.dialCodePlus ? b.push(p) : p.dialCodePlus.includes(o) ? v.push(p) : p.initials.includes(o) && w.push(p);
     const A = [
-      ...p.sort((f, I) => f.priority - I.priority),
-      ...h.sort((f, I) => f.priority - I.priority),
-      ..._.sort((f, I) => f.priority - I.priority),
-      ...b.sort((f, I) => f.priority - I.priority),
-      ...v.sort((f, I) => f.priority - I.priority),
-      ...w.sort((f, I) => f.priority - I.priority)
+      ...f.sort((p, I) => p.priority - I.priority),
+      ...h.sort((p, I) => p.priority - I.priority),
+      ..._.sort((p, I) => p.priority - I.priority),
+      ...b.sort((p, I) => p.priority - I.priority),
+      ...v.sort((p, I) => p.priority - I.priority),
+      ...w.sort((p, I) => p.priority - I.priority)
     ];
-    for (const f of A) {
-      const I = f.nodeById[this.id];
+    for (const p of A) {
+      const I = p.nodeById[this.id];
       I && (this.countryList.appendChild(I), n && (this._highlightListItem(I, !1), n = !1));
     }
     n ? (this._highlightListItem(null, !1), this.searchNoResults && this.searchNoResults.classList.remove("iti__hide")) : this.searchNoResults && this.searchNoResults.classList.add("iti__hide"), this.countryList.scrollTop = 0, this._updateSearchResultsA11yText();
@@ -2207,11 +2208,11 @@ class p1 {
   _updateValFromNumber(e) {
     let i = e;
     if (this.options.formatOnDisplay && C.utils && this.selectedCountryData) {
-      const n = this.options.nationalMode || i.charAt(0) !== "+" && !this.options.separateDialCode, { NATIONAL: o, INTERNATIONAL: l } = C.utils.numberFormat, p = n ? o : l;
+      const n = this.options.nationalMode || i.charAt(0) !== "+" && !this.options.separateDialCode, { NATIONAL: o, INTERNATIONAL: l } = C.utils.numberFormat, f = n ? o : l;
       i = C.utils.formatNumber(
         i,
         this.selectedCountryData.iso2,
-        p
+        f
       );
     }
     i = this._beforeSetNumber(i), this.telInput.value = i;
@@ -2226,8 +2227,8 @@ class p1 {
     const { dialCode: i, nationalPrefix: n } = this.selectedCountryData;
     if (e.charAt(0) === "+" || !i)
       return e;
-    const p = n && e.charAt(0) === n && !this.options.separateDialCode ? e.substring(1) : e;
-    return `+${i}${p}`;
+    const f = n && e.charAt(0) === n && !this.options.separateDialCode ? e.substring(1) : e;
+    return `+${i}${f}`;
   }
   // Get the country ISO2 code from the given number
   // BUT ONLY IF ITS CHANGED FROM THE CURRENTLY SELECTED COUNTRY
@@ -2237,16 +2238,16 @@ class p1 {
     let n = i ? e.substring(i) : e;
     const o = this.selectedCountryData.iso2, l = this.selectedCountryData.dialCode;
     n = this._ensureHasDialCode(n);
-    const p = this._getDialCode(n, !0), h = f1(n);
-    if (p) {
-      const _ = f1(p), b = this.dialCodeToIso2Map[_];
+    const f = this._getDialCode(n, !0), h = f1(n);
+    if (f) {
+      const _ = f1(f), b = this.dialCodeToIso2Map[_];
       if (!o && this.defaultCountry && b.includes(this.defaultCountry))
         return this.defaultCountry;
       const v = this.selectedCountryData.areaCodes && h.length > _.length, w = o && b.includes(o) && !v;
       if (!(l === "1" && a2(h)) && !w) {
-        for (const f of b)
-          if (f)
-            return f;
+        for (const p of b)
+          if (p)
+            return p;
       }
     } else {
       if (n.charAt(0) === "+" && h.length)
@@ -2280,26 +2281,26 @@ class p1 {
   _setCountry(e) {
     const { separateDialCode: i, showFlags: n, i18n: o } = this.options, l = this.selectedCountryData.iso2 || "";
     if (this.selectedCountryData = e ? this._getCountryData(e, !1) || {} : {}, this.selectedCountryData.iso2 && (this.defaultCountry = this.selectedCountryData.iso2), this.selectedCountry) {
-      const p = e && n ? `iti__flag iti__${e}` : "iti__flag iti__globe";
+      const f = e && n ? `iti__flag iti__${e}` : "iti__flag iti__globe";
       let h, _;
       if (e) {
         const { name: b, dialCode: v } = this.selectedCountryData;
         _ = b, h = o.selectedCountryAriaLabel.replace("${countryName}", b).replace("${dialCode}", `+${v}`);
       } else
         _ = o.noCountrySelected, h = o.noCountrySelected;
-      this.selectedCountryInner.className = p, this.selectedCountry.setAttribute("title", _), this.selectedCountry.setAttribute("aria-label", h);
+      this.selectedCountryInner.className = f, this.selectedCountry.setAttribute("title", _), this.selectedCountry.setAttribute("aria-label", h);
     }
     if (i) {
-      const p = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
-      this.selectedDialCode.innerHTML = p, this._updateInputPadding();
+      const f = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
+      this.selectedDialCode.innerHTML = f, this._updateInputPadding();
     }
     return this._updatePlaceholder(), this._updateMaxLength(), l !== e;
   }
   //* Update the input padding to make space for the selected country/dial code.
   _updateInputPadding() {
     if (this.selectedCountry) {
-      const i = (this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth()) + 6;
-      this.showSelectedCountryOnLeft ? this.telInput.style.paddingLeft = `${i}px` : this.telInput.style.paddingRight = `${i}px`;
+      const e = this.options.separateDialCode ? 78 : 42, n = (this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth() || e) + 6;
+      this.showSelectedCountryOnLeft ? this.telInput.style.paddingLeft = `${n}px` : this.telInput.style.paddingRight = `${n}px`;
     }
   }
   //* Update the maximum valid number length for the currently selected country.
@@ -2308,33 +2309,39 @@ class p1 {
     if (e && C.utils)
       if (o) {
         const l = C.utils.numberType[i];
-        let p = C.utils.getExampleNumber(
+        let f = C.utils.getExampleNumber(
           o,
           !1,
           l,
           !0
-        ), h = p;
-        for (; C.utils.isPossibleNumber(p, o, n); )
-          h = p, p += "0";
+        ), h = f;
+        for (; C.utils.isPossibleNumber(f, o, n); )
+          h = f, f += "0";
         const _ = C.utils.getCoreNumber(h, o);
         this.maxCoreNumberLength = _.length, o === "by" && (this.maxCoreNumberLength = _.length + 1);
       } else
         this.maxCoreNumberLength = null;
   }
-  //* When the input is in a hidden container during initialisation, we must inject some markup
-  //* into the end of the DOM to calculate the correct offsetWidth.
-  //* NOTE: this is only used when separateDialCode is enabled, so countryContainer and selectedCountry
-  //* will definitely exist.
+  //* When input is in a hidden container during init, we cannot calculate the selected country width.
+  //* Fix: clone the markup, make it invisible, add it to the end of the DOM, and then measure it's width.
+  //* To get the right styling to apply, all we need is a shallow clone of the container,
+  //* and then to inject a deep clone of the selectedCountry element.
   _getHiddenSelectedCountryWidth() {
     if (this.telInput.parentNode) {
-      const e = this.telInput.parentNode.cloneNode(!1);
-      e.style.visibility = "hidden", document.body.appendChild(e);
-      const i = this.countryContainer.cloneNode();
-      e.appendChild(i);
-      const n = this.selectedCountry.cloneNode(!0);
+      let e;
+      try {
+        e = window.top.document.body;
+      } catch {
+        e = document.body;
+      }
+      const i = this.telInput.parentNode.cloneNode(!1);
+      i.style.visibility = "hidden", e.appendChild(i);
+      const n = this.countryContainer.cloneNode();
       i.appendChild(n);
-      const o = n.offsetWidth;
-      return document.body.removeChild(e), o;
+      const o = this.selectedCountry.cloneNode(!0);
+      n.appendChild(o);
+      const l = o.offsetWidth;
+      return e.removeChild(i), l;
     }
     return 0;
   }
@@ -2347,11 +2354,11 @@ class p1 {
       customPlaceholder: o
     } = this.options, l = e === "aggressive" || !this.hadInitialPlaceholder && e === "polite";
     if (C.utils && l) {
-      const p = C.utils.numberType[i];
+      const f = C.utils.numberType[i];
       let h = this.selectedCountryData.iso2 ? C.utils.getExampleNumber(
         this.selectedCountryData.iso2,
         n,
-        p
+        f
       ) : "";
       h = this._beforeSetNumber(h), typeof o == "function" && (h = o(h, this.selectedCountryData)), this.telInput.setAttribute("placeholder", h);
     }
@@ -2375,10 +2382,10 @@ class p1 {
   }
   //* Check if an element is visible within it's container, else scroll until it is.
   _scrollTo(e) {
-    const i = this.countryList, n = document.documentElement.scrollTop, o = i.offsetHeight, l = i.getBoundingClientRect().top + n, p = l + o, h = e.offsetHeight, _ = e.getBoundingClientRect().top + n, b = _ + h, v = _ - l + i.scrollTop;
+    const i = this.countryList, n = document.documentElement.scrollTop, o = i.offsetHeight, l = i.getBoundingClientRect().top + n, f = l + o, h = e.offsetHeight, _ = e.getBoundingClientRect().top + n, b = _ + h, v = _ - l + i.scrollTop;
     if (_ < l)
       i.scrollTop = v;
-    else if (b > p) {
+    else if (b > f) {
       const w = o - h;
       i.scrollTop = v - w;
     }
@@ -2400,9 +2407,9 @@ class p1 {
     if (e.charAt(0) === "+") {
       let o = "";
       for (let l = 0; l < e.length; l++) {
-        const p = e.charAt(l);
-        if (!isNaN(parseInt(p, 10))) {
-          if (o += p, i)
+        const f = e.charAt(l);
+        if (!isNaN(parseInt(f, 10))) {
+          if (o += f, i)
             this.dialCodeToIso2Map[o] && (n = e.substring(0, l + 1));
           else if (this.dialCodes.has(o)) {
             n = e.substring(0, l + 1);
@@ -2460,7 +2467,7 @@ class p1 {
   //********************
   //* Remove plugin.
   destroy() {
-    var l, p;
+    var l, f;
     this.telInput.iti = void 0;
     const { allowDropdown: e, separateDialCode: i } = this.options;
     if (e) {
@@ -2477,7 +2484,7 @@ class p1 {
     const { form: n } = this.telInput;
     this._handleHiddenInputSubmit && n && n.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"), i && (this.isRTL ? this.telInput.style.paddingRight = this.originalPaddingRight : this.telInput.style.paddingLeft = this.originalPaddingLeft);
     const o = this.telInput.parentNode;
-    (l = o == null ? void 0 : o.parentNode) == null || l.insertBefore(this.telInput, o), (p = o == null ? void 0 : o.parentNode) == null || p.removeChild(o), delete C.instances[this.id];
+    (l = o == null ? void 0 : o.parentNode) == null || l.insertBefore(this.telInput, o), (f = o == null ? void 0 : o.parentNode) == null || f.removeChild(o), delete C.instances[this.id];
   }
   //* Get the extension from the current number.
   getExtension() {
@@ -2532,9 +2539,9 @@ class p1 {
   _validateNumber(e) {
     if (!this.selectedCountryData.iso2)
       return !1;
-    const i = (p) => e ? this._utilsIsValidNumber(p) : this._utilsIsPossibleNumber(p), n = this._getFullNumber(), o = n.search(new RegExp("\\p{L}", "u"));
+    const i = (f) => e ? this._utilsIsValidNumber(f) : this._utilsIsPossibleNumber(f), n = this._getFullNumber(), o = n.search(new RegExp("\\p{L}", "u"));
     if (o > -1 && !this.options.allowPhonewords) {
-      const p = n.substring(0, o), h = i(p), _ = i(n);
+      const f = n.substring(0, o), h = i(f), _ = i(n);
       return h && _;
     }
     return i(n);
@@ -2602,7 +2609,7 @@ const Z2 = (m) => {
     attachUtils: Z2,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.10.0"
+    version: "25.10.3"
   }
 );
 (function() {
@@ -2637,10 +2644,10 @@ const Z2 = (m) => {
     }
   }, l = {};
   new o("about:invalid#zClosurez"), new o("about:blank");
-  const p = {};
+  const f = {};
   class h {
     constructor() {
-      if (p !== p) throw Error("SafeStyle is not meant to be built directly");
+      if (f !== f) throw Error("SafeStyle is not meant to be built directly");
     }
     toString() {
       return "";
@@ -2677,12 +2684,12 @@ const Z2 = (m) => {
       case D:
       case i1:
       case I:
-      case f:
+      case p:
         this.o = !0;
     }
     this.j = t.defaultValue;
   }
-  var f = 1, I = 2, O = 3, G = 4, F = 6, D = 16, i1 = 18;
+  var p = 1, I = 2, O = 3, G = 4, F = 6, D = 16, i1 = 18;
   function c2(d, t) {
     for (this.h = d, this.g = {}, d = 0; d < t.length; d++) {
       var $ = t[d];
@@ -8801,33 +8808,33 @@ const q2 = {
     "changeErrorCode"
   ], ["update:modelValue"]),
   setup(m, { expose: e, emit: i }) {
-    const n = D2(m, "modelValue"), o = m, l = i, p = v1(), h = v1(), _ = v1(!1), b = () => h.value ? o.options.strictMode ? h.value.isValidNumberPrecise() : h.value.isValidNumber() : null, v = () => {
-      let f = b();
-      _.value !== f && (_.value = f, l("changeValidity", !!f), l(
+    const n = D2(m, "modelValue"), o = m, l = i, f = v1(), h = v1(), _ = v1(!1), b = () => h.value ? o.options.strictMode ? h.value.isValidNumberPrecise() : h.value.isValidNumber() : null, v = () => {
+      let p = b();
+      _.value !== p && (_.value = p, l("changeValidity", !!p), l(
         "changeErrorCode",
-        f ? null : h.value.getValidationError()
+        p ? null : h.value.getValidationError()
       ));
     }, w = () => {
-      var f;
-      l("changeNumber", ((f = h.value) == null ? void 0 : f.getNumber()) ?? ""), v();
+      var p;
+      l("changeNumber", ((p = h.value) == null ? void 0 : p.getNumber()) ?? ""), v();
     }, A = () => {
-      var f;
-      l("changeCountry", ((f = h.value) == null ? void 0 : f.getSelectedCountryData().iso2) ?? ""), w(), v();
+      var p;
+      l("changeCountry", ((p = h.value) == null ? void 0 : p.getSelectedCountryData().iso2) ?? ""), w(), v();
     };
     return P2(() => {
-      p.value && (h.value = C(p.value, o.options), o.value && h.value.setNumber(o.value), o.disabled && h.value.setDisabled(o.disabled), _.value = b());
+      f.value && (h.value = C(f.value, o.options), o.value && h.value.setNumber(o.value), o.disabled && h.value.setDisabled(o.disabled), _.value = b());
     }), x2(
       () => o.disabled,
-      (f) => {
+      (p) => {
         var I;
-        return (I = h.value) == null ? void 0 : I.setDisabled(f);
+        return (I = h.value) == null ? void 0 : I.setDisabled(p);
       }
     ), R2(() => {
-      var f;
-      return (f = h.value) == null ? void 0 : f.destroy();
-    }), e({ instance: h, input: p }), (f, I) => B2((O2(), k2("input", G2({
+      var p;
+      return (p = h.value) == null ? void 0 : p.destroy();
+    }), e({ instance: h, input: f }), (p, I) => B2((O2(), k2("input", G2({
       ref_key: "input",
-      ref: p,
+      ref: f,
       "onUpdate:modelValue": I[0] || (I[0] = (O) => n.value = O),
       type: "tel",
       onCountrychange: A,