intl-tel-input 25.8.2 → 25.8.3

package/vue/build/IntlTelInputWithUtils.mjs

@@ -1732,9 +1732,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), g = o > -1, C = l > -1;
-        if (g || C)
-          return g && C ? o - l : g ? -1 : 1;
+        const o = n.indexOf(e.iso2), l = n.indexOf(i.iso2), C = o > -1, g = l > -1;
+        if (C || g)
+          return C && g ? o - l : C ? -1 : 1;
       }
       return e.name.localeCompare(i.name);
     });
@@ -1785,8 +1785,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), g = e.dialCode + l;
-            this._addToDialCodeMap(i, g), this._addToDialCodeMap(e.iso2, g);
+            const l = n.substring(0, o), C = e.dialCode + l;
+            this._addToDialCodeMap(i, C), this._addToDialCodeMap(e.iso2, C);
           }
           this._addToDialCodeMap(e.iso2, e.dialCode + n);
         }
@@ -1802,8 +1802,8 @@ class p1 {
       showFlags: n,
       containerClass: o,
       hiddenInput: l,
-      dropdownContainer: g,
-      fixDropdownWidth: C,
+      dropdownContainer: C,
+      fixDropdownWidth: g,
       useFullscreenPopup: c,
       countrySearch: S,
       i18n: w
@@ -1850,10 +1850,10 @@ class p1 {
         U
       )), i && (this.selectedDialCode = T(
         "div",
-        { class: "iti__selected-dial-code", "aria-hidden": "true", dir: "ltr" },
+        { class: "iti__selected-dial-code", dir: "ltr" },
         this.selectedCountry
       )), e) {
-        const D = C ? "" : "iti--flexible-dropdown-width";
+        const D = g ? "" : "iti--flexible-dropdown-width";
         if (this.dropdownContent = T("div", {
           id: `iti-${this.id}__dropdown-content`,
           class: `iti__dropdown-content iti__hide ${D}`,
@@ -1934,7 +1934,7 @@ class p1 {
             "aria-label": w.countryListAriaLabel
           },
           this.dropdownContent
-        ), this._appendListItems(), S && this._updateSearchResultsA11yText(), g) {
+        ), this._appendListItems(), S && this._updateSearchResultsA11yText(), C) {
           const x = p1._buildClassNames({
             iti: !0,
             "iti--container": !0,
@@ -1990,12 +1990,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, g = this._getDialCode(l), C = u2(l), { initialCountry: c, geoIpLookup: S } = this.options, w = c === "auto" && S;
-    if (g && !C)
+    const i = this.telInput.getAttribute("value"), n = this.telInput.value, l = i && i.charAt(0) === "+" && (!n || n.charAt(0) !== "+") ? i : n, C = this._getDialCode(l), g = u2(l), { initialCountry: c, geoIpLookup: S } = this.options, w = c === "auto" && S;
+    if (C && !g)
       this._updateCountryFromNumber(l);
     else if (!w || e) {
       const b = c ? c.toLowerCase() : "";
-      b && this._getCountryData(b, !0) ? this._setCountry(b) : g && C ? this._setCountry("us") : this._setCountry();
+      b && this._getCountryData(b, !0) ? this._setCountry(b) : C && g ? this._setCountry("us") : this._setCountry();
     }
     l && this._updateValFromNumber(l);
   }
@@ -2054,25 +2054,25 @@ class p1 {
   }
   //* Initialize the tel input listeners.
   _initTelInputListeners() {
-    const { strictMode: e, formatAsYouType: i, separateDialCode: n, formatOnDisplay: o, allowDropdown: l, countrySearch: g } = this.options;
-    let C = !1;
-    new RegExp("\\p{L}", "u").test(this.telInput.value) && (C = !0), this._handleInputEvent = (c) => {
-      if (this.isAndroid && (c == null ? void 0 : c.data) === "+" && n && l && g) {
+    const { strictMode: e, formatAsYouType: i, separateDialCode: n, formatOnDisplay: o, allowDropdown: l, countrySearch: C } = this.options;
+    let g = !1;
+    new RegExp("\\p{L}", "u").test(this.telInput.value) && (g = !0), this._handleInputEvent = (c) => {
+      if (this.isAndroid && (c == null ? void 0 : c.data) === "+" && n && l && C) {
         const L = this.telInput.selectionStart || 0, f = this.telInput.value.substring(0, L - 1), I = this.telInput.value.substring(L);
         this.telInput.value = f + I, this._openDropdownWithPlus();
         return;
       }
       this._updateCountryFromNumber(this.telInput.value) && this._triggerCountryChange();
       const S = (c == null ? void 0 : c.data) && /[^+0-9]/.test(c.data), w = (c == null ? void 0 : c.inputType) === "insertFromPaste" && this.telInput.value;
-      S || w && !e ? C = !0 : /[^+0-9]/.test(this.telInput.value) || (C = !1);
+      S || w && !e ? g = !0 : /[^+0-9]/.test(this.telInput.value) || (g = !1);
       const b = (c == null ? void 0 : c.detail) && c.detail.isSetNumber && !o;
-      if (i && !C && !b) {
+      if (i && !g && !b) {
         const L = this.telInput.selectionStart || 0, I = this.telInput.value.substring(0, L).replace(/[^+0-9]/g, "").length, G = (c == null ? void 0 : c.inputType) === "deleteContentForward", U = this._formatNumberAsYouType(), D = z2(I, U, L, G);
         this.telInput.value = U, this.telInput.setSelectionRange(D, D);
       }
     }, this.telInput.addEventListener("input", this._handleInputEvent), (e || n) && (this._handleKeydownEvent = (c) => {
       if (c.key && c.key.length === 1 && !c.altKey && !c.ctrlKey && !c.metaKey) {
-        if (n && l && g && c.key === "+") {
+        if (n && l && C && c.key === "+") {
           c.preventDefault(), this._openDropdownWithPlus();
           return;
         }
@@ -2167,12 +2167,12 @@ class p1 {
   _filterCountries(e, i = !1) {
     let n = !0;
     this.countryList.innerHTML = "";
-    const o = o2(e), l = o.length, g = [], C = [], c = [], S = [], w = [], b = [];
+    const o = o2(e), l = o.length, C = [], g = [], c = [], S = [], w = [], b = [];
     for (const f of this.countries)
-      i || l === 0 ? c.push(f) : f.iso2 === o ? g.push(f) : f.normalisedName.startsWith(o) ? C.push(f) : f.normalisedName.includes(o) ? c.push(f) : o === f.dialCode || o === f.dialCodePlus ? S.push(f) : f.dialCodePlus.includes(o) ? w.push(f) : f.initials.includes(o) && b.push(f);
+      i || l === 0 ? c.push(f) : f.iso2 === o ? C.push(f) : f.normalisedName.startsWith(o) ? g.push(f) : f.normalisedName.includes(o) ? c.push(f) : o === f.dialCode || o === f.dialCodePlus ? S.push(f) : f.dialCodePlus.includes(o) ? w.push(f) : f.initials.includes(o) && b.push(f);
     const L = [
-      ...g.sort((f, I) => f.priority - I.priority),
       ...C.sort((f, I) => f.priority - I.priority),
+      ...g.sort((f, I) => f.priority - I.priority),
       ...c.sort((f, I) => f.priority - I.priority),
       ...S.sort((f, I) => f.priority - I.priority),
       ...w.sort((f, I) => f.priority - I.priority),
@@ -2205,11 +2205,11 @@ class p1 {
   _updateValFromNumber(e) {
     let i = e;
     if (this.options.formatOnDisplay && m.utils && this.selectedCountryData) {
-      const n = this.options.nationalMode || i.charAt(0) !== "+" && !this.options.separateDialCode, { NATIONAL: o, INTERNATIONAL: l } = m.utils.numberFormat, g = n ? o : l;
+      const n = this.options.nationalMode || i.charAt(0) !== "+" && !this.options.separateDialCode, { NATIONAL: o, INTERNATIONAL: l } = m.utils.numberFormat, C = n ? o : l;
       i = m.utils.formatNumber(
         i,
         this.selectedCountryData.iso2,
-        g
+        C
       );
     }
     i = this._beforeSetNumber(i), this.telInput.value = i;
@@ -2224,8 +2224,8 @@ class p1 {
     const { dialCode: i, nationalPrefix: n } = this.selectedCountryData;
     if (e.charAt(0) === "+" || !i)
       return e;
-    const g = n && e.charAt(0) === n && !this.options.separateDialCode ? e.substring(1) : e;
-    return `+${i}${g}`;
+    const C = n && e.charAt(0) === n && !this.options.separateDialCode ? e.substring(1) : e;
+    return `+${i}${C}`;
   }
   // Get the country ISO2 code from the given number
   // BUT ONLY IF ITS CHANGED FROM THE CURRENTLY SELECTED COUNTRY
@@ -2235,19 +2235,19 @@ class p1 {
     let n = i ? e.substring(i) : e;
     const o = this.selectedCountryData.iso2, l = this.selectedCountryData.dialCode;
     n = this._ensureHasDialCode(n);
-    const g = this._getDialCode(n, !0), C = f1(n);
-    if (g) {
-      const c = f1(g), S = this.dialCodeToIso2Map[c];
+    const C = this._getDialCode(n, !0), g = f1(n);
+    if (C) {
+      const c = f1(C), S = this.dialCodeToIso2Map[c];
       if (!o && this.defaultCountry && S.includes(this.defaultCountry))
         return this.defaultCountry;
-      const w = this.selectedCountryData.areaCodes && C.length > c.length, b = o && S.includes(o) && !w;
-      if (!(l === "1" && u2(C)) && !b) {
+      const w = this.selectedCountryData.areaCodes && g.length > c.length, b = o && S.includes(o) && !w;
+      if (!(l === "1" && u2(g)) && !b) {
         for (const f of S)
           if (f)
             return f;
       }
     } else {
-      if (n.charAt(0) === "+" && C.length)
+      if (n.charAt(0) === "+" && g.length)
         return "";
       if ((!n || n === "+") && !this.selectedCountryData.iso2)
         return this.defaultCountry;
@@ -2277,13 +2277,14 @@ class p1 {
   //* Note: called from _setInitialState, _updateCountryFromNumber, _selectListItem, setCountry.
   _setCountry(e) {
     const { separateDialCode: i, showFlags: n, i18n: o } = this.options, l = this.selectedCountryData.iso2 ? this.selectedCountryData : {};
-    if (this.selectedCountryData = e ? this._getCountryData(e, !1) || {} : {}, this.selectedCountryData.iso2 && (this.defaultCountry = this.selectedCountryData.iso2), this.selectedCountryInner) {
-      let g = "", C = "";
-      e && n ? (g = `iti__flag iti__${e}`, C = o.selectedCountryAriaLabel.replace("${country}", this.selectedCountryData.name)) : (g = "iti__flag iti__globe", C = o.noCountrySelected), this.selectedCountryInner.className = g, this.selectedCountry.setAttribute("aria-label", C);
+    if (this.selectedCountryData = e ? this._getCountryData(e, !1) || {} : {}, this.selectedCountryData.iso2 && (this.defaultCountry = this.selectedCountryData.iso2), this.selectedCountry) {
+      const C = e && n ? `iti__flag iti__${e}` : "iti__flag iti__globe";
+      let g, c;
+      e ? (c = this.selectedCountryData.name, g = o.selectedCountryAriaLabel.replace("${country}", this.selectedCountryData.name)) : (c = o.noCountrySelected, g = o.noCountrySelected), this.selectedCountryInner.className = C, this.selectedCountry.setAttribute("title", c), this.selectedCountry.setAttribute("aria-label", g);
     }
-    if (this._setSelectedCountryTitleAttribute(e, i), i) {
-      const g = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
-      this.selectedDialCode.innerHTML = g, this._updateInputPadding();
+    if (i) {
+      const C = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
+      this.selectedDialCode.innerHTML = C, this._updateInputPadding();
     }
     return this._updatePlaceholder(), this._updateMaxLength(), l.iso2 !== e;
   }
@@ -2300,25 +2301,19 @@ class p1 {
     if (e && m.utils)
       if (o) {
         const l = m.utils.numberType[i];
-        let g = m.utils.getExampleNumber(
+        let C = m.utils.getExampleNumber(
           o,
           !1,
           l,
           !0
-        ), C = g;
-        for (; m.utils.isPossibleNumber(g, o, n); )
-          C = g, g += "0";
-        const c = m.utils.getCoreNumber(C, o);
+        ), g = C;
+        for (; m.utils.isPossibleNumber(C, o, n); )
+          g = C, C += "0";
+        const c = m.utils.getCoreNumber(g, o);
         this.maxCoreNumberLength = c.length, o === "by" && (this.maxCoreNumberLength = c.length + 1);
       } else
         this.maxCoreNumberLength = null;
   }
-  _setSelectedCountryTitleAttribute(e = null, i) {
-    if (!this.selectedCountry)
-      return;
-    let n;
-    e && !i ? n = `${this.selectedCountryData.name}: +${this.selectedCountryData.dialCode}` : e ? n = this.selectedCountryData.name : n = this.options.i18n.noCountrySelected, this.selectedCountry.setAttribute("title", n);
-  }
   //* 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
@@ -2345,13 +2340,13 @@ class p1 {
       customPlaceholder: o
     } = this.options, l = e === "aggressive" || !this.hadInitialPlaceholder && e === "polite";
     if (m.utils && l) {
-      const g = m.utils.numberType[i];
-      let C = this.selectedCountryData.iso2 ? m.utils.getExampleNumber(
+      const C = m.utils.numberType[i];
+      let g = this.selectedCountryData.iso2 ? m.utils.getExampleNumber(
         this.selectedCountryData.iso2,
         n,
-        g
+        C
       ) : "";
-      C = this._beforeSetNumber(C), typeof o == "function" && (C = o(C, this.selectedCountryData)), this.telInput.setAttribute("placeholder", C);
+      g = this._beforeSetNumber(g), typeof o == "function" && (g = o(g, this.selectedCountryData)), this.telInput.setAttribute("placeholder", g);
     }
   }
   //* Called when the user selects a list item from the dropdown.
@@ -2373,11 +2368,11 @@ 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, g = l + o, C = e.offsetHeight, c = e.getBoundingClientRect().top + n, S = c + C, w = c - l + i.scrollTop;
+    const i = this.countryList, n = document.documentElement.scrollTop, o = i.offsetHeight, l = i.getBoundingClientRect().top + n, C = l + o, g = e.offsetHeight, c = e.getBoundingClientRect().top + n, S = c + g, w = c - l + i.scrollTop;
     if (c < l)
       i.scrollTop = w;
-    else if (S > g) {
-      const b = o - C;
+    else if (S > C) {
+      const b = o - g;
       i.scrollTop = w - b;
     }
   }
@@ -2398,9 +2393,9 @@ class p1 {
     if (e.charAt(0) === "+") {
       let o = "";
       for (let l = 0; l < e.length; l++) {
-        const g = e.charAt(l);
-        if (!isNaN(parseInt(g, 10))) {
-          if (o += g, i)
+        const C = e.charAt(l);
+        if (!isNaN(parseInt(C, 10))) {
+          if (o += C, i)
             this.dialCodeToIso2Map[o] && (n = e.substring(0, l + 1));
           else if (this.dialCodes.has(o)) {
             n = e.substring(0, l + 1);
@@ -2458,7 +2453,7 @@ class p1 {
   //********************
   //* Remove plugin.
   destroy() {
-    var l, g;
+    var l, C;
     this.telInput.iti = void 0;
     const { allowDropdown: e, separateDialCode: i } = this.options;
     if (e) {
@@ -2469,13 +2464,13 @@ class p1 {
         "keydown",
         this._handleCountryContainerKeydown
       );
-      const C = this.telInput.closest("label");
-      C && C.removeEventListener("click", this._handleLabelClick);
+      const g = this.telInput.closest("label");
+      g && g.removeEventListener("click", this._handleLabelClick);
     }
     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), (g = o == null ? void 0 : o.parentNode) == null || g.removeChild(o), delete m.instances[this.id];
+    (l = o == null ? void 0 : o.parentNode) == null || l.insertBefore(this.telInput, o), (C = o == null ? void 0 : o.parentNode) == null || C.removeChild(o), delete m.instances[this.id];
   }
   //* Get the extension from the current number.
   getExtension() {
@@ -2532,8 +2527,8 @@ class p1 {
       return !1;
     const i = this._getFullNumber(), n = i.search(new RegExp("\\p{L}", "u")), o = (l) => e ? this._utilsIsValidNumber(l) : this._utilsIsPossibleNumber(l);
     if (n > -1) {
-      const l = i.substring(0, n), g = o(l), C = o(i);
-      return g && C;
+      const l = i.substring(0, n), C = o(l), g = o(i);
+      return C && g;
     }
     return o(i);
   }
@@ -2600,7 +2595,7 @@ const Z2 = (y) => {
     attachUtils: Z2,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.8.2"
+    version: "25.8.3"
   }
 );
 (function() {
@@ -2635,16 +2630,16 @@ const Z2 = (y) => {
     }
   }, l = {};
   new o("about:invalid#zClosurez"), new o("about:blank");
-  const g = {};
-  class C {
+  const C = {};
+  class g {
     constructor() {
-      if (g !== g) throw Error("SafeStyle is not meant to be built directly");
+      if (C !== C) throw Error("SafeStyle is not meant to be built directly");
     }
     toString() {
       return "";
     }
   }
-  new C();
+  new g();
   const c = {};
   class S {
     constructor() {
@@ -8799,33 +8794,33 @@ const q2 = {
     "changeErrorCode"
   ], ["update:modelValue"]),
   setup(y, { expose: e, emit: i }) {
-    const n = D2(y, "modelValue"), o = y, l = i, g = v1(), C = v1(), c = v1(!1), S = () => C.value ? o.options.strictMode ? C.value.isValidNumberPrecise() : C.value.isValidNumber() : null, w = () => {
+    const n = D2(y, "modelValue"), o = y, l = i, C = v1(), g = v1(), c = v1(!1), S = () => g.value ? o.options.strictMode ? g.value.isValidNumberPrecise() : g.value.isValidNumber() : null, w = () => {
       let f = S();
       c.value !== f && (c.value = f, l("changeValidity", !!f), l(
         "changeErrorCode",
-        f ? null : C.value.getValidationError()
+        f ? null : g.value.getValidationError()
       ));
     }, b = () => {
       var f;
-      l("changeNumber", ((f = C.value) == null ? void 0 : f.getNumber()) ?? ""), w();
+      l("changeNumber", ((f = g.value) == null ? void 0 : f.getNumber()) ?? ""), w();
     }, L = () => {
       var f;
-      l("changeCountry", ((f = C.value) == null ? void 0 : f.getSelectedCountryData().iso2) ?? ""), b(), w();
+      l("changeCountry", ((f = g.value) == null ? void 0 : f.getSelectedCountryData().iso2) ?? ""), b(), w();
     };
     return P2(() => {
-      g.value && (C.value = m(g.value, o.options), o.value && C.value.setNumber(o.value), o.disabled && C.value.setDisabled(o.disabled), c.value = S());
+      C.value && (g.value = m(C.value, o.options), o.value && g.value.setNumber(o.value), o.disabled && g.value.setDisabled(o.disabled), c.value = S());
     }), x2(
       () => o.disabled,
       (f) => {
         var I;
-        return (I = C.value) == null ? void 0 : I.setDisabled(f);
+        return (I = g.value) == null ? void 0 : I.setDisabled(f);
       }
     ), R2(() => {
       var f;
-      return (f = C.value) == null ? void 0 : f.destroy();
-    }), e({ instance: C, input: g }), (f, I) => B2((O2(), k2("input", G2({
+      return (f = g.value) == null ? void 0 : f.destroy();
+    }), e({ instance: g, input: C }), (f, I) => B2((O2(), k2("input", G2({
       ref_key: "input",
-      ref: g,
+      ref: C,
       "onUpdate:modelValue": I[0] || (I[0] = (G) => n.value = G),
       type: "tel",
       onCountrychange: L,