intl-tel-input 25.10.6 → 25.10.7

package/vue/build/IntlTelInput.mjs

@@ -1,5 +1,5 @@
-import { mergeModels as A, useModel as M, ref as D, onMounted as E, watch as B, onUnmounted as R, withDirectives as F, createElementBlock as V, openBlock as z, mergeProps as O, vModelText as $ } from "vue";
-const j = [
+import { mergeModels as k, useModel as B, ref as D, onMounted as R, watch as F, onUnmounted as V, withDirectives as z, createElementBlock as $, openBlock as O, mergeProps as j, vModelText as U } from "vue";
+const H = [
   [
     "af",
     // Afghanistan
@@ -1323,19 +1323,19 @@ const j = [
     "263"
   ]
 ], w = [];
-for (const u of j)
+for (const d of H)
   w.push({
     name: "",
     // populated in the plugin
-    iso2: u[0],
-    dialCode: u[1],
-    priority: u[2] || 0,
-    areaCodes: u[3] || null,
+    iso2: d[0],
+    dialCode: d[1],
+    priority: d[2] || 0,
+    areaCodes: d[3] || null,
     nodeById: {},
     // populated by the plugin
-    nationalPrefix: u[4] || null
+    nationalPrefix: d[4] || null
   });
-const U = {
+const K = {
   ad: "Andorra",
   ae: "United Arab Emirates",
   af: "Afghanistan",
@@ -1578,7 +1578,7 @@ const U = {
   za: "South Africa",
   zm: "Zambia",
   zw: "Zimbabwe"
-}, H = {
+}, W = {
   selectedCountryAriaLabel: "Change country, selected ${countryName} (${dialCode})",
   noCountrySelected: "Select country",
   countryListAriaLabel: "List of countries",
@@ -1590,17 +1590,17 @@ const U = {
   // additional countries (not supported by country-list library)
   ac: "Ascension Island",
   xk: "Kosovo"
-}, T = { ...U, ...H };
-for (const u of w)
-  u.name = T[u.iso2];
-let K = 0;
-const N = (u) => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(u).matches, W = () => {
+}, x = { ...K, ...W };
+for (const d of w)
+  d.name = x[d.iso2];
+let G = 0;
+const S = (d) => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(d).matches, q = () => {
   if (typeof navigator < "u" && typeof window < "u") {
-    const u = /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), t = N("(max-width: 500px)"), e = N("(max-height: 600px)"), i = N("(pointer: coarse)");
-    return u || t || i && e;
+    const d = /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), t = S("(max-width: 500px)"), e = S("(max-height: 600px)"), i = S("(pointer: coarse)");
+    return d || t || i && e;
   }
   return !1;
-}, x = {
+}, E = {
   // Allow alphanumeric "phonewords" (e.g. +1 800 FLOWERS) as valid numbers
   allowPhonewords: !1,
   //* Whether or not to allow the dropdown.
@@ -1648,10 +1648,10 @@ const N = (u) => typeof window < "u" && typeof window.matchMedia == "function" &
   //* 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: W(),
+  useFullscreenPopup: q(),
   //* The number type to enforce during validation.
   validationNumberTypes: ["MOBILE"]
-}, G = [
+}, Y = [
   "800",
   "822",
   "833",
@@ -1669,32 +1669,32 @@ const N = (u) => typeof window < "u" && typeof window.matchMedia == "function" &
   "887",
   "888",
   "889"
-], v = (u) => u.replace(/\D/g, ""), k = (u = "") => u.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), P = (u) => {
-  const t = v(u);
+], L = (d) => d.replace(/\D/g, ""), P = (d = "") => d.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), T = (d) => {
+  const t = L(d);
   if (t.charAt(0) === "1") {
     const e = t.substring(1, 4);
-    return G.includes(e);
+    return Y.includes(e);
   }
   return !1;
-}, q = (u, t, e, i) => {
+}, J = (d, t, e, i) => {
   if (e === 0 && !i)
     return 0;
   let s = 0;
   for (let n = 0; n < t.length; n++) {
-    if (/[+0-9]/.test(t[n]) && s++, s === u && !i)
+    if (/[+0-9]/.test(t[n]) && s++, s === d && !i)
       return n + 1;
-    if (i && s === u + 1)
+    if (i && s === d + 1)
       return n;
   }
   return t.length;
-}, y = (u, t, e) => {
-  const i = document.createElement(u);
+}, m = (d, t, e) => {
+  const i = document.createElement(d);
   return t && Object.entries(t).forEach(([s, n]) => i.setAttribute(s, n)), e && e.appendChild(i), i;
-}, I = (u, ...t) => {
-  const { instances: e } = l;
-  Object.values(e).forEach((i) => i[u](...t));
+}, I = (d, ...t) => {
+  const { instances: e } = u;
+  Object.values(e).forEach((i) => i[d](...t));
 };
-class L {
+class N {
   /**
    * Build a space-delimited class string from an object map of className -> truthy/falsey.
    * Only keys with truthy values are included.
@@ -1703,13 +1703,13 @@ class L {
     return Object.keys(t).filter((e) => !!t[e]).join(" ");
   }
   constructor(t, e = {}) {
-    this.id = K++, this.telInput = t, this.highlightedItem = null, this.options = Object.assign({}, x, e), this.hadInitialPlaceholder = !!t.getAttribute("placeholder");
+    this.id = G++, this.telInput = t, this.highlightedItem = null, this.options = Object.assign({}, E, e), this.hadInitialPlaceholder = !!t.getAttribute("placeholder");
   }
   //* Can't be private as it's called from intlTelInput convenience wrapper.
   _init() {
     this.options.useFullscreenPopup && (this.options.fixDropdownWidth = !1), this.options.onlyCountries.length === 1 && (this.options.initialCountry = this.options.onlyCountries[0]), this.options.separateDialCode && (this.options.nationalMode = !1), this.options.allowDropdown && !this.options.showFlags && !this.options.separateDialCode && (this.options.nationalMode = !1), this.options.useFullscreenPopup && !this.options.dropdownContainer && (this.options.dropdownContainer = document.body), this.isAndroid = typeof navigator < "u" ? /Android/i.test(navigator.userAgent) : !1, this.isRTL = !!this.telInput.closest("[dir=rtl]"), this.telInput.dir = "ltr";
     const t = this.options.allowDropdown || this.options.separateDialCode;
-    this.showSelectedCountryOnLeft = this.isRTL ? !t : t, this.options.separateDialCode && (this.isRTL ? this.originalPaddingRight = this.telInput.style.paddingRight : this.originalPaddingLeft = this.telInput.style.paddingLeft), this.options.i18n = { ...T, ...this.options.i18n };
+    this.showSelectedCountryOnLeft = this.isRTL ? !t : t, this.options.separateDialCode && (this.isRTL ? this.originalPaddingRight = this.telInput.style.paddingRight : this.originalPaddingLeft = this.telInput.style.paddingLeft), this.options.i18n = { ...x, ...this.options.i18n };
     const e = new Promise((s, n) => {
       this.resolveAutoCountryPromise = s, this.rejectAutoCountryPromise = n;
     }), i = new Promise((s, n) => {
@@ -1727,7 +1727,7 @@ class L {
   //* Precompute and cache country search tokens to speed up filtering
   _cacheSearchTokens() {
     for (const t of this.countries)
-      t.normalisedName = k(t.name), t.initials = t.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((e) => e[0]).join("").toLowerCase(), t.dialCodePlus = `+${t.dialCode}`;
+      t.normalisedName = P(t.name), t.initials = t.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((e) => e[0]).join("").toLowerCase(), t.dialCodePlus = `+${t.dialCode}`;
   }
   //* Sort countries by countryOrder option (if present), then name.
   _sortCountries() {
@@ -1801,7 +1801,7 @@ class L {
   }
   //* Generate all of the markup for the plugin: the selected country overlay, and the dropdown.
   _generateMarkup() {
-    var p, m, g;
+    var C, f, b;
     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: t,
@@ -1811,23 +1811,23 @@ class L {
       hiddenInput: n,
       dropdownContainer: a,
       fixDropdownWidth: o,
-      useFullscreenPopup: d,
-      countrySearch: c,
-      i18n: C
-    } = this.options, r = L._buildClassNames({
+      useFullscreenPopup: l,
+      countrySearch: h,
+      i18n: p
+    } = this.options, r = N._buildClassNames({
       iti: !0,
       "iti--allow-dropdown": t,
       "iti--show-flags": i,
-      "iti--inline-dropdown": !d,
+      "iti--inline-dropdown": !l,
       [s]: !!s
-    }), h = y("div", { class: r });
-    if ((p = this.telInput.parentNode) == null || p.insertBefore(h, this.telInput), t || i || e) {
-      this.countryContainer = y(
+    }), c = m("div", { class: r });
+    if ((C = this.telInput.parentNode) == null || C.insertBefore(c, this.telInput), t || i || e) {
+      this.countryContainer = m(
         "div",
         // visibly hidden until we measure it's width to set the input padding correctly
         { class: "iti__country-container iti__v-hide" },
-        h
-      ), this.showSelectedCountryOnLeft ? this.countryContainer.style.left = "0px" : this.countryContainer.style.right = "0px", t ? (this.selectedCountry = y(
+        c
+      ), this.showSelectedCountryOnLeft ? this.countryContainer.style.left = "0px" : this.countryContainer.style.right = "0px", t ? (this.selectedCountry = m(
         "button",
         {
           type: "button",
@@ -1838,92 +1838,92 @@ class L {
           "aria-controls": `iti-${this.id}__dropdown-content`
         },
         this.countryContainer
-      ), this.telInput.disabled && this.selectedCountry.setAttribute("disabled", "true")) : this.selectedCountry = y(
+      ), this.telInput.disabled && this.selectedCountry.setAttribute("disabled", "true")) : this.selectedCountry = m(
         "div",
         { class: "iti__selected-country" },
         this.countryContainer
       );
-      const _ = y(
+      const g = m(
         "div",
         { class: "iti__selected-country-primary" },
         this.selectedCountry
       );
-      if (this.selectedCountryInner = y(
+      if (this.selectedCountryInner = m(
         "div",
         { class: "iti__flag" },
-        _
-      ), t && (this.dropdownArrow = y(
+        g
+      ), t && (this.dropdownArrow = m(
         "div",
         { class: "iti__arrow", "aria-hidden": "true" },
-        _
-      )), e && (this.selectedDialCode = y(
+        g
+      )), e && (this.selectedDialCode = m(
         "div",
         { class: "iti__selected-dial-code", dir: "ltr" },
         this.selectedCountry
       )), t) {
-        const b = o ? "" : "iti--flexible-dropdown-width";
-        if (this.dropdownContent = y("div", {
+        const _ = o ? "" : "iti--flexible-dropdown-width";
+        if (this.dropdownContent = m("div", {
           id: `iti-${this.id}__dropdown-content`,
-          class: `iti__dropdown-content iti__hide ${b}`,
+          class: `iti__dropdown-content iti__hide ${_}`,
           role: "dialog",
           "aria-modal": "true"
-        }), c) {
-          const f = y(
+        }), h) {
+          const y = m(
             "div",
             { class: "iti__search-input-wrapper" },
             this.dropdownContent
           );
-          this.searchIcon = y(
+          this.searchIcon = m(
             "span",
             {
               class: "iti__search-icon",
               "aria-hidden": "true"
             },
-            f
+            y
           ), this.searchIcon.innerHTML = `
             <svg class="iti__search-icon-svg" width="14" height="14" viewBox="0 0 24 24" focusable="false" aria-hidden="true">
               <circle cx="11" cy="11" r="7" />
               <line x1="21" y1="21" x2="16.65" y2="16.65" />
-            </svg>`, this.searchInput = y(
+            </svg>`, this.searchInput = m(
             "input",
             {
               id: `iti-${this.id}__search-input`,
               // Chrome says inputs need either a name or an id
               type: "search",
               class: "iti__search-input",
-              placeholder: C.searchPlaceholder,
+              placeholder: p.searchPlaceholder,
               // role=combobox + aria-autocomplete=list + aria-activedescendant allows maintaining focus on the search input while allowing users to navigate search results with up/down keyboard keys
               role: "combobox",
               "aria-expanded": "true",
-              "aria-label": C.searchPlaceholder,
+              "aria-label": p.searchPlaceholder,
               "aria-controls": `iti-${this.id}__country-listbox`,
               "aria-autocomplete": "list",
               autocomplete: "off"
             },
-            f
-          ), this.searchClearButton = y(
+            y
+          ), this.searchClearButton = m(
             "button",
             {
               type: "button",
               class: "iti__search-clear iti__hide",
-              "aria-label": C.clearSearchAriaLabel,
+              "aria-label": p.clearSearchAriaLabel,
               tabindex: "-1"
             },
-            f
+            y
           );
-          const S = `iti-${this.id}-clear-mask`;
+          const v = `iti-${this.id}-clear-mask`;
           this.searchClearButton.innerHTML = `
             <svg class="iti__search-clear-svg" width="12" height="12" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
-              <mask id="${S}" maskUnits="userSpaceOnUse">
+              <mask id="${v}" maskUnits="userSpaceOnUse">
                 <rect width="16" height="16" fill="white" />
                 <path d="M5.2 5.2 L10.8 10.8 M10.8 5.2 L5.2 10.8" stroke="black" stroke-linecap="round" class="iti__search-clear-x" />
               </mask>
-              <circle cx="8" cy="8" r="8" class="iti__search-clear-bg" mask="url(#${S})" />
-            </svg>`, this.searchResultsA11yText = y(
+              <circle cx="8" cy="8" r="8" class="iti__search-clear-bg" mask="url(#${v})" />
+            </svg>`, this.searchResultsA11yText = m(
             "span",
             { class: "iti__a11y-text" },
             this.dropdownContent
-          ), this.searchNoResults = y(
+          ), this.searchNoResults = m(
             "div",
             {
               class: "iti__no-results iti__hide",
@@ -1931,52 +1931,52 @@ class L {
               // all a11y messaging happens in this.searchResultsA11yText
             },
             this.dropdownContent
-          ), this.searchNoResults.textContent = C.zeroSearchResults;
+          ), this.searchNoResults.textContent = p.zeroSearchResults;
         }
-        if (this.countryList = y(
+        if (this.countryList = m(
           "ul",
           {
             class: "iti__country-list",
             id: `iti-${this.id}__country-listbox`,
             role: "listbox",
-            "aria-label": C.countryListAriaLabel
+            "aria-label": p.countryListAriaLabel
           },
           this.dropdownContent
-        ), this._appendListItems(), c && this._updateSearchResultsA11yText(), a) {
-          const f = L._buildClassNames({
+        ), this._appendListItems(), h && this._updateSearchResultsA11yText(), a) {
+          const y = N._buildClassNames({
             iti: !0,
             "iti--container": !0,
-            "iti--fullscreen-popup": d,
-            "iti--inline-dropdown": !d,
+            "iti--fullscreen-popup": l,
+            "iti--inline-dropdown": !l,
             [s]: !!s
           });
-          this.dropdown = y("div", { class: f }), this.dropdown.appendChild(this.dropdownContent);
+          this.dropdown = m("div", { class: y }), this.dropdown.appendChild(this.dropdownContent);
         } else
           this.countryContainer.appendChild(this.dropdownContent);
       }
     }
-    if (h.appendChild(this.telInput), this.countryContainer && (this._updateInputPadding(), this.countryContainer.classList.remove("iti__v-hide")), n) {
-      const _ = this.telInput.getAttribute("name") || "", b = n(_);
-      if (b.phone) {
-        const f = (m = this.telInput.form) == null ? void 0 : m.querySelector(`input[name="${b.phone}"]`);
-        f ? this.hiddenInput = f : (this.hiddenInput = y("input", {
+    if (c.appendChild(this.telInput), this.countryContainer && (this._updateInputPadding(), this.countryContainer.classList.remove("iti__v-hide")), n) {
+      const g = this.telInput.getAttribute("name") || "", _ = n(g);
+      if (_.phone) {
+        const y = (f = this.telInput.form) == null ? void 0 : f.querySelector(`input[name="${_.phone}"]`);
+        y ? this.hiddenInput = y : (this.hiddenInput = m("input", {
           type: "hidden",
-          name: b.phone
-        }), h.appendChild(this.hiddenInput));
+          name: _.phone
+        }), c.appendChild(this.hiddenInput));
       }
-      if (b.country) {
-        const f = (g = this.telInput.form) == null ? void 0 : g.querySelector(`input[name="${b.country}"]`);
-        f ? this.hiddenInputCountry = f : (this.hiddenInputCountry = y("input", {
+      if (_.country) {
+        const y = (b = this.telInput.form) == null ? void 0 : b.querySelector(`input[name="${_.country}"]`);
+        y ? this.hiddenInputCountry = y : (this.hiddenInputCountry = m("input", {
           type: "hidden",
-          name: b.country
-        }), h.appendChild(this.hiddenInputCountry));
+          name: _.country
+        }), c.appendChild(this.hiddenInputCountry));
       }
     }
   }
   //* For each country: add a country list item <li> to the countryList <ul> container.
   _appendListItems() {
     for (let t = 0; t < this.countries.length; t++) {
-      const e = this.countries[t], i = t === 0 ? "iti__highlight" : "", s = y(
+      const e = this.countries[t], i = t === 0 ? "iti__highlight" : "", s = m(
         "li",
         {
           id: `iti-${this.id}__item-${e.iso2}`,
@@ -1998,11 +1998,11 @@ class L {
   //* 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, a = this._getDialCode(n), o = P(n), { initialCountry: d, geoIpLookup: c } = this.options, C = d === "auto" && c;
+    const e = this.telInput.getAttribute("value"), i = this.telInput.value, n = e && e.charAt(0) === "+" && (!i || i.charAt(0) !== "+") ? e : i, a = this._getDialCode(n), o = T(n), { initialCountry: l, geoIpLookup: h } = this.options, p = l === "auto" && h;
     if (a && !o)
       this._updateCountryFromNumber(n);
-    else if (!C || t) {
-      const r = d ? d.toLowerCase() : "";
+    else if (!p || t) {
+      const r = l ? l.toLowerCase() : "";
       r && this._getCountryData(r, !0) ? this._setCountry(r) : a && o ? this._setCountry("us") : this._setCountry();
     }
     n && this._updateValFromNumber(n);
@@ -2039,18 +2039,18 @@ class L {
   //* Init many requests: utils script / geo ip lookup.
   _initRequests() {
     let { loadUtils: t, initialCountry: e, geoIpLookup: i } = this.options;
-    t && !l.utils ? (this._handlePageLoad = () => {
+    t && !u.utils ? (this._handlePageLoad = () => {
       var n;
-      window.removeEventListener("load", this._handlePageLoad), (n = l.attachUtils(t)) == null || n.catch(() => {
+      window.removeEventListener("load", this._handlePageLoad), (n = u.attachUtils(t)) == null || n.catch(() => {
       });
-    }, l.documentReady() ? this._handlePageLoad() : window.addEventListener("load", this._handlePageLoad)) : this.resolveUtilsScriptPromise(), e === "auto" && i && !this.selectedCountryData.iso2 ? this._loadAutoCountry() : this.resolveAutoCountryPromise();
+    }, u.documentReady() ? this._handlePageLoad() : window.addEventListener("load", this._handlePageLoad)) : this.resolveUtilsScriptPromise(), e === "auto" && i && !this.selectedCountryData.iso2 ? this._loadAutoCountry() : this.resolveAutoCountryPromise();
   }
   //* Perform the geo ip lookup.
   _loadAutoCountry() {
-    l.autoCountry ? this.handleAutoCountry() : l.startedLoadingAutoCountry || (l.startedLoadingAutoCountry = !0, typeof this.options.geoIpLookup == "function" && this.options.geoIpLookup(
+    u.autoCountry ? this.handleAutoCountry() : u.startedLoadingAutoCountry || (u.startedLoadingAutoCountry = !0, typeof this.options.geoIpLookup == "function" && this.options.geoIpLookup(
       (t = "") => {
         const e = t.toLowerCase();
-        e && this._getCountryData(e, !0) ? (l.autoCountry = e, setTimeout(() => I("handleAutoCountry"))) : (this._setInitialState(!0), I("rejectAutoCountryPromise"));
+        e && this._getCountryData(e, !0) ? (u.autoCountry = e, setTimeout(() => I("handleAutoCountry"))) : (this._setInitialState(!0), I("rejectAutoCountryPromise"));
       },
       () => {
         this._setInitialState(!0), I("rejectAutoCountryPromise");
@@ -2066,17 +2066,17 @@ class L {
     let a = !1;
     new RegExp("\\p{L}", "u").test(this.telInput.value) && (a = !0), this._handleInputEvent = (o) => {
       if (this.isAndroid && (o == null ? void 0 : o.data) === "+" && i && s && n) {
-        const r = this.telInput.selectionStart || 0, h = this.telInput.value.substring(0, r - 1), p = this.telInput.value.substring(r);
-        this.telInput.value = h + p, this._openDropdownWithPlus();
+        const r = this.telInput.selectionStart || 0, c = this.telInput.value.substring(0, r - 1), C = this.telInput.value.substring(r);
+        this.telInput.value = c + C, this._openDropdownWithPlus();
         return;
       }
       this._updateCountryFromNumber(this.telInput.value) && this._triggerCountryChange();
-      const d = (o == null ? void 0 : o.data) && /[^+0-9]/.test(o.data), c = (o == null ? void 0 : o.inputType) === "insertFromPaste" && this.telInput.value;
-      d || c && !t ? a = !0 : /[^+0-9]/.test(this.telInput.value) || (a = !1);
-      const C = (o == null ? void 0 : o.detail) && o.detail.isSetNumber;
-      if (e && !a && !C) {
-        const r = this.telInput.selectionStart || 0, p = this.telInput.value.substring(0, r).replace(/[^+0-9]/g, "").length, m = (o == null ? void 0 : o.inputType) === "deleteContentForward", g = this._formatNumberAsYouType(), _ = q(p, g, r, m);
-        this.telInput.value = g, this.telInput.setSelectionRange(_, _);
+      const l = (o == null ? void 0 : o.data) && /[^+0-9]/.test(o.data), h = (o == null ? void 0 : o.inputType) === "insertFromPaste" && this.telInput.value;
+      l || h && !t ? a = !0 : /[^+0-9]/.test(this.telInput.value) || (a = !1);
+      const p = (o == null ? void 0 : o.detail) && o.detail.isSetNumber;
+      if (e && !a && !p) {
+        const r = this.telInput.selectionStart || 0, C = this.telInput.value.substring(0, r).replace(/[^+0-9]/g, "").length, f = (o == null ? void 0 : o.inputType) === "deleteContentForward", b = this._formatNumberAsYouType(), g = J(C, b, r, f);
+        this.telInput.value = b, this.telInput.setSelectionRange(g, g);
       }
     }, this.telInput.addEventListener("input", this._handleInputEvent), (t || i) && (this._handleKeydownEvent = (o) => {
       if (o.key && o.key.length === 1 && !o.altKey && !o.ctrlKey && !o.metaKey) {
@@ -2085,11 +2085,25 @@ class L {
           return;
         }
         if (t) {
-          const d = this.telInput.value, C = !(d.charAt(0) === "+") && this.telInput.selectionStart === 0 && o.key === "+", r = /^[0-9]$/.test(o.key), h = i ? r : C || r, p = d.slice(0, this.telInput.selectionStart) + o.key + d.slice(this.telInput.selectionEnd), m = this._getFullNumber(p), g = l.utils.getCoreNumber(m, this.selectedCountryData.iso2), _ = this.maxCoreNumberLength && g.length > this.maxCoreNumberLength, f = this._getNewCountryFromNumber(m) !== null;
-          (!h || _ && !f && !C) && o.preventDefault();
+          const l = this.telInput.value, p = !(l.charAt(0) === "+") && this.telInput.selectionStart === 0 && o.key === "+", r = /^[0-9]$/.test(o.key), c = i ? r : p || r, C = l.slice(0, this.telInput.selectionStart) + o.key + l.slice(this.telInput.selectionEnd), f = this._getFullNumber(C), b = u.utils.getCoreNumber(f, this.selectedCountryData.iso2), g = this.maxCoreNumberLength && b.length > this.maxCoreNumberLength, y = this._getNewCountryFromNumber(f) !== null;
+          (!c || g && !y && !p) && o.preventDefault();
         }
       }
-    }, this.telInput.addEventListener("keydown", this._handleKeydownEvent));
+    }, this.telInput.addEventListener("keydown", this._handleKeydownEvent)), t && (this._handlePasteEvent = (o) => {
+      o.preventDefault();
+      const l = this.telInput, h = l.selectionStart, p = l.selectionEnd, r = o.clipboardData.getData("text"), c = h === 0 && p > 0, C = !l.value.startsWith("+") || c, f = r.replace(/[^0-9+]/g, ""), b = f.startsWith("+"), g = f.replace(/\+/g, ""), _ = b && C ? `+${g}` : g;
+      let y = l.value.slice(0, h) + _ + l.value.slice(p);
+      const v = u.utils.getCoreNumber(y, this.selectedCountryData.iso2);
+      if (this.maxCoreNumberLength && v.length > this.maxCoreNumberLength)
+        if (l.selectionEnd === l.value.length) {
+          const M = v.length - this.maxCoreNumberLength;
+          y = y.slice(0, y.length - M);
+        } else
+          return;
+      l.value = y;
+      const A = h + _.length;
+      l.setSelectionRange(A, A), l.dispatchEvent(new InputEvent("input", { bubbles: !0 }));
+    }, this.telInput.addEventListener("paste", this._handlePasteEvent));
   }
   //* Adhere to the input's maxlength attr.
   _cap(t) {
@@ -2175,21 +2189,21 @@ class L {
   _filterCountries(t) {
     let e = !0;
     this.countryList.innerHTML = "";
-    const i = k(t);
+    const i = P(t);
     let s;
     if (t === "")
       s = this.countries;
     else {
-      const n = [], a = [], o = [], d = [], c = [], C = [];
+      const n = [], a = [], o = [], l = [], h = [], p = [];
       for (const r of this.countries)
-        r.iso2 === i ? n.push(r) : r.normalisedName.startsWith(i) ? a.push(r) : r.normalisedName.includes(i) ? o.push(r) : i === r.dialCode || i === r.dialCodePlus ? d.push(r) : r.dialCodePlus.includes(i) ? c.push(r) : r.initials.includes(i) && C.push(r);
+        r.iso2 === i ? n.push(r) : r.normalisedName.startsWith(i) ? a.push(r) : r.normalisedName.includes(i) ? o.push(r) : i === r.dialCode || i === r.dialCodePlus ? l.push(r) : r.dialCodePlus.includes(i) ? h.push(r) : r.initials.includes(i) && p.push(r);
       s = [
-        ...n.sort((r, h) => r.priority - h.priority),
-        ...a.sort((r, h) => r.priority - h.priority),
-        ...o.sort((r, h) => r.priority - h.priority),
-        ...d.sort((r, h) => r.priority - h.priority),
-        ...c.sort((r, h) => r.priority - h.priority),
-        ...C.sort((r, h) => r.priority - h.priority)
+        ...n.sort((r, c) => r.priority - c.priority),
+        ...a.sort((r, c) => r.priority - c.priority),
+        ...o.sort((r, c) => r.priority - c.priority),
+        ...l.sort((r, c) => r.priority - c.priority),
+        ...h.sort((r, c) => r.priority - c.priority),
+        ...p.sort((r, c) => r.priority - c.priority)
       ];
     }
     for (const n of s) {
@@ -2218,9 +2232,9 @@ class L {
   //* NOTE: this is called from _setInitialState, handleUtils and setNumber.
   _updateValFromNumber(t) {
     let e = t;
-    if (this.options.formatOnDisplay && l.utils && this.selectedCountryData) {
-      const i = this.options.nationalMode || e.charAt(0) !== "+" && !this.options.separateDialCode, { NATIONAL: s, INTERNATIONAL: n } = l.utils.numberFormat, a = i ? s : n;
-      e = l.utils.formatNumber(
+    if (this.options.formatOnDisplay && u.utils && this.selectedCountryData) {
+      const i = this.options.nationalMode || e.charAt(0) !== "+" && !this.options.separateDialCode, { NATIONAL: s, INTERNATIONAL: n } = u.utils.numberFormat, a = i ? s : n;
+      e = u.utils.formatNumber(
         e,
         this.selectedCountryData.iso2,
         a
@@ -2249,18 +2263,18 @@ class L {
     let i = e ? t.substring(e) : t;
     const s = this.selectedCountryData.iso2, n = this.selectedCountryData.dialCode;
     i = this._ensureHasDialCode(i);
-    const a = this._getDialCode(i, !0), o = v(i);
+    const a = this._getDialCode(i, !0), o = L(i);
     if (a) {
-      const d = v(a), c = this.dialCodeToIso2Map[d];
-      if (c.length === 1)
-        return c[0] === s ? null : c[0];
-      if (!s && this.defaultCountry && c.includes(this.defaultCountry))
+      const l = L(a), h = this.dialCodeToIso2Map[l];
+      if (h.length === 1)
+        return h[0] === s ? null : h[0];
+      if (!s && this.defaultCountry && h.includes(this.defaultCountry))
         return this.defaultCountry;
-      if (n === "1" && P(o))
+      if (n === "1" && T(o))
         return null;
-      const r = this.selectedCountryData.areaCodes && o.length > d.length;
-      if (!(s && c.includes(s) && !r))
-        return c[0];
+      const r = this.selectedCountryData.areaCodes && o.length > l.length;
+      if (!(s && h.includes(s) && !r))
+        return h[0];
     } else {
       if (i.charAt(0) === "+" && o.length)
         return "";
@@ -2294,13 +2308,13 @@ class L {
     const { separateDialCode: e, showFlags: i, i18n: s } = this.options, n = this.selectedCountryData.iso2 || "";
     if (this.selectedCountryData = t ? this._getCountryData(t, !1) || {} : {}, this.selectedCountryData.iso2 && (this.defaultCountry = this.selectedCountryData.iso2), this.selectedCountry) {
       const a = t && i ? `iti__flag iti__${t}` : "iti__flag iti__globe";
-      let o, d;
+      let o, l;
       if (t) {
-        const { name: c, dialCode: C } = this.selectedCountryData;
-        d = c, o = s.selectedCountryAriaLabel.replace("${countryName}", c).replace("${dialCode}", `+${C}`);
+        const { name: h, dialCode: p } = this.selectedCountryData;
+        l = h, o = s.selectedCountryAriaLabel.replace("${countryName}", h).replace("${dialCode}", `+${p}`);
       } else
-        d = s.noCountrySelected, o = s.noCountrySelected;
-      this.selectedCountryInner.className = a, this.selectedCountry.setAttribute("title", d), this.selectedCountry.setAttribute("aria-label", o);
+        l = s.noCountrySelected, o = s.noCountrySelected;
+      this.selectedCountryInner.className = a, this.selectedCountry.setAttribute("title", l), this.selectedCountry.setAttribute("aria-label", o);
     }
     if (e) {
       const a = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
@@ -2318,19 +2332,19 @@ class L {
   //* Update the maximum valid number length for the currently selected country.
   _updateMaxLength() {
     const { strictMode: t, placeholderNumberType: e, validationNumberTypes: i } = this.options, { iso2: s } = this.selectedCountryData;
-    if (t && l.utils)
+    if (t && u.utils)
       if (s) {
-        const n = l.utils.numberType[e];
-        let a = l.utils.getExampleNumber(
+        const n = u.utils.numberType[e];
+        let a = u.utils.getExampleNumber(
           s,
           !1,
           n,
           !0
         ), o = a;
-        for (; l.utils.isPossibleNumber(a, s, i); )
+        for (; u.utils.isPossibleNumber(a, s, i); )
           o = a, a += "0";
-        const d = l.utils.getCoreNumber(o, s);
-        this.maxCoreNumberLength = d.length, s === "by" && (this.maxCoreNumberLength = d.length + 1);
+        const l = u.utils.getCoreNumber(o, s);
+        this.maxCoreNumberLength = l.length, s === "by" && (this.maxCoreNumberLength = l.length + 1);
       } else
         this.maxCoreNumberLength = null;
   }
@@ -2365,9 +2379,9 @@ class L {
       nationalMode: i,
       customPlaceholder: s
     } = this.options, n = t === "aggressive" || !this.hadInitialPlaceholder && t === "polite";
-    if (l.utils && n) {
-      const a = l.utils.numberType[e];
-      let o = this.selectedCountryData.iso2 ? l.utils.getExampleNumber(
+    if (u.utils && n) {
+      const a = u.utils.numberType[e];
+      let o = this.selectedCountryData.iso2 ? u.utils.getExampleNumber(
         this.selectedCountryData.iso2,
         i,
         a
@@ -2394,12 +2408,12 @@ class L {
   }
   //* 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, a = n + s, o = t.offsetHeight, d = t.getBoundingClientRect().top + i, c = d + o, C = d - n + e.scrollTop;
-    if (d < n)
-      e.scrollTop = C;
-    else if (c > a) {
+    const e = this.countryList, i = document.documentElement.scrollTop, s = e.offsetHeight, n = e.getBoundingClientRect().top + i, a = n + s, o = t.offsetHeight, l = t.getBoundingClientRect().top + i, h = l + o, p = l - n + e.scrollTop;
+    if (l < n)
+      e.scrollTop = p;
+    else if (h > a) {
       const r = s - o;
-      e.scrollTop = C - r;
+      e.scrollTop = p - r;
     }
   }
   //* Replace any existing dial code with the new one
@@ -2438,7 +2452,7 @@ class L {
   _getFullNumber(t) {
     const e = t || this.telInput.value.trim(), { dialCode: i } = this.selectedCountryData;
     let s;
-    const n = v(e);
+    const n = L(e);
     return this.options.separateDialCode && e.charAt(0) !== "+" && i && n ? s = `+${i}` : s = "", s + e;
   }
   //* Remove the dial code if separateDialCode is enabled also cap the length if the input has a maxlength attribute
@@ -2460,7 +2474,7 @@ class L {
   }
   //* Format the number as the user types.
   _formatNumberAsYouType() {
-    const t = this._getFullNumber(), e = l.utils ? l.utils.formatNumberAsYouType(t, this.selectedCountryData.iso2) : t, { dialCode: i } = this.selectedCountryData;
+    const t = this._getFullNumber(), e = u.utils ? u.utils.formatNumberAsYouType(t, this.selectedCountryData.iso2) : t, { dialCode: i } = this.selectedCountryData;
     return this.options.separateDialCode && this.telInput.value.charAt(0) !== "+" && e.includes(`+${i}`) ? (e.split(`+${i}`)[1] || "").trim() : e;
   }
   //**************************
@@ -2468,11 +2482,11 @@ class L {
   //**************************
   //* This is called when the geoip call returns.
   handleAutoCountry() {
-    this.options.initialCountry === "auto" && l.autoCountry && (this.defaultCountry = l.autoCountry, this.selectedCountryData.iso2 || this.selectedCountryInner.classList.contains("iti__globe") || this.setCountry(this.defaultCountry), this.resolveAutoCountryPromise());
+    this.options.initialCountry === "auto" && u.autoCountry && (this.defaultCountry = u.autoCountry, this.selectedCountryData.iso2 || this.selectedCountryInner.classList.contains("iti__globe") || this.setCountry(this.defaultCountry), this.resolveAutoCountryPromise());
   }
   //* This is called when the utils request completes.
   handleUtils() {
-    l.utils && (this.telInput.value && this._updateValFromNumber(this.telInput.value), this.selectedCountryData.iso2 && (this._updatePlaceholder(), this._updateMaxLength())), this.resolveUtilsScriptPromise();
+    u.utils && (this.telInput.value && this._updateValFromNumber(this.telInput.value), this.selectedCountryData.iso2 && (this._updatePlaceholder(), this._updateMaxLength())), this.resolveUtilsScriptPromise();
   }
   //********************
   //*  PUBLIC METHODS
@@ -2494,22 +2508,22 @@ class L {
       o && o.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);
+    this._handleHiddenInputSubmit && i && i.removeEventListener("submit", this._handleHiddenInputSubmit), this.telInput.removeEventListener("input", this._handleInputEvent), this._handleKeydownEvent && this.telInput.removeEventListener("keydown", this._handleKeydownEvent), this._handlePasteEvent && this.telInput.removeEventListener("paste", this._handlePasteEvent), this.telInput.removeAttribute("data-intl-tel-input-id"), e && (this.isRTL ? this.telInput.style.paddingRight = this.originalPaddingRight : this.telInput.style.paddingLeft = this.originalPaddingLeft);
     const s = this.telInput.parentNode;
-    (n = s == null ? void 0 : s.parentNode) == null || n.insertBefore(this.telInput, s), (a = s == null ? void 0 : s.parentNode) == null || a.removeChild(s), delete l.instances[this.id];
+    (n = s == null ? void 0 : s.parentNode) == null || n.insertBefore(this.telInput, s), (a = s == null ? void 0 : s.parentNode) == null || a.removeChild(s), delete u.instances[this.id];
   }
   //* Get the extension from the current number.
   getExtension() {
-    return l.utils ? l.utils.getExtension(
+    return u.utils ? u.utils.getExtension(
       this._getFullNumber(),
       this.selectedCountryData.iso2
     ) : "";
   }
   //* Format the number to the given format.
   getNumber(t) {
-    if (l.utils) {
+    if (u.utils) {
       const { iso2: e } = this.selectedCountryData;
-      return l.utils.formatNumber(
+      return u.utils.formatNumber(
         this._getFullNumber(),
         e,
         t
@@ -2519,7 +2533,7 @@ class L {
   }
   //* Get the type of the entered number e.g. landline/mobile.
   getNumberType() {
-    return l.utils ? l.utils.getNumberType(
+    return u.utils ? u.utils.getNumberType(
       this._getFullNumber(),
       this.selectedCountryData.iso2
     ) : -99;
@@ -2530,9 +2544,9 @@ class L {
   }
   //* Get the validation error.
   getValidationError() {
-    if (l.utils) {
+    if (u.utils) {
       const { iso2: t } = this.selectedCountryData;
-      return l.utils.getValidationError(this._getFullNumber(), t);
+      return u.utils.getValidationError(this._getFullNumber(), t);
     }
     return -99;
   }
@@ -2545,7 +2559,7 @@ class L {
     return this._validateNumber(!0);
   }
   _utilsIsPossibleNumber(t) {
-    return l.utils ? l.utils.isPossibleNumber(t, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
+    return u.utils ? u.utils.isPossibleNumber(t, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
   }
   //* Shared internal validation logic to handle alpha character extension rules.
   _validateNumber(t) {
@@ -2553,13 +2567,13 @@ class L {
       return !1;
     const e = (a) => t ? this._utilsIsValidNumber(a) : this._utilsIsPossibleNumber(a), i = this._getFullNumber(), s = i.search(new RegExp("\\p{L}", "u"));
     if (s > -1 && !this.options.allowPhonewords) {
-      const a = i.substring(0, s), o = e(a), d = e(i);
-      return o && d;
+      const a = i.substring(0, s), o = e(a), l = e(i);
+      return o && l;
     }
     return e(i);
   }
   _utilsIsValidNumber(t) {
-    return l.utils ? l.utils.isValidNumber(t, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
+    return u.utils ? u.utils.isValidNumber(t, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
   }
   //* Update the selected country, and update the input val accordingly.
   setCountry(t) {
@@ -2579,53 +2593,53 @@ class L {
     this.telInput.disabled = t, t ? this.selectedCountry.setAttribute("disabled", "true") : this.selectedCountry.removeAttribute("disabled");
   }
 }
-const Y = (u) => {
-  if (!l.utils && !l.startedLoadingUtilsScript) {
+const Z = (d) => {
+  if (!u.utils && !u.startedLoadingUtilsScript) {
     let t;
-    if (typeof u == "function")
+    if (typeof d == "function")
       try {
-        t = Promise.resolve(u());
+        t = Promise.resolve(d());
       } catch (e) {
         return Promise.reject(e);
       }
     else
-      return Promise.reject(new TypeError(`The argument passed to attachUtils must be a function that returns a promise for the utilities module, not ${typeof u}`));
-    return l.startedLoadingUtilsScript = !0, t.then((e) => {
+      return Promise.reject(new TypeError(`The argument passed to attachUtils must be a function that returns a promise for the utilities module, not ${typeof d}`));
+    return u.startedLoadingUtilsScript = !0, t.then((e) => {
       const i = e == null ? void 0 : e.default;
       if (!i || typeof i != "object")
         throw new TypeError("The loader function passed to attachUtils did not resolve to a module object with utils as its default export.");
-      return l.utils = i, I("handleUtils"), !0;
+      return u.utils = i, I("handleUtils"), !0;
     }).catch((e) => {
       throw I("rejectUtilsScriptPromise", e), e;
     });
   }
   return null;
-}, l = Object.assign(
-  (u, t) => {
-    const e = new L(u, t);
-    return e._init(), u.setAttribute("data-intl-tel-input-id", e.id.toString()), l.instances[e.id] = e, u.iti = e, e;
+}, u = Object.assign(
+  (d, t) => {
+    const e = new N(d, t);
+    return e._init(), d.setAttribute("data-intl-tel-input-id", e.id.toString()), u.instances[e.id] = e, d.iti = e, e;
   },
   {
-    defaults: x,
+    defaults: E,
     //* Using a static var like this allows us to mock it in the tests.
     documentReady: () => document.readyState === "complete",
     //* Get the country data object.
     getCountryData: () => w,
     //* A getter for the plugin instance.
-    getInstance: (u) => {
-      const t = u.getAttribute("data-intl-tel-input-id");
-      return t ? l.instances[t] : null;
+    getInstance: (d) => {
+      const t = d.getAttribute("data-intl-tel-input-id");
+      return t ? u.instances[t] : null;
     },
     //* A map from instance ID to instance object.
     instances: {},
-    attachUtils: Y,
+    attachUtils: Z,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.10.6"
+    version: "25.10.7"
   }
-), Z = {
+), X = {
   __name: "IntlTelInput",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ k({
     disabled: {
       type: Boolean,
       default: !1
@@ -2649,47 +2663,47 @@ const Y = (u) => {
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ A([
+  emits: /* @__PURE__ */ k([
     "changeNumber",
     "changeCountry",
     "changeValidity",
     "changeErrorCode"
   ], ["update:modelValue"]),
-  setup(u, { expose: t, emit: e }) {
-    const i = M(u, "modelValue"), s = u, n = e, a = D(), o = D(), d = D(!1), c = () => o.value ? s.options.strictMode ? o.value.isValidNumberPrecise() : o.value.isValidNumber() : null, C = () => {
-      let p = c();
-      d.value !== p && (d.value = p, n("changeValidity", !!p), n(
+  setup(d, { expose: t, emit: e }) {
+    const i = B(d, "modelValue"), s = d, n = e, a = D(), o = D(), l = D(!1), h = () => o.value ? s.options.strictMode ? o.value.isValidNumberPrecise() : o.value.isValidNumber() : null, p = () => {
+      let C = h();
+      l.value !== C && (l.value = C, n("changeValidity", !!C), n(
         "changeErrorCode",
-        p ? null : o.value.getValidationError()
+        C ? null : o.value.getValidationError()
       ));
     }, r = () => {
-      var p;
-      n("changeNumber", ((p = o.value) == null ? void 0 : p.getNumber()) ?? ""), C();
-    }, h = () => {
-      var p;
-      n("changeCountry", ((p = o.value) == null ? void 0 : p.getSelectedCountryData().iso2) ?? ""), r(), C();
+      var C;
+      n("changeNumber", ((C = o.value) == null ? void 0 : C.getNumber()) ?? ""), p();
+    }, c = () => {
+      var C;
+      n("changeCountry", ((C = o.value) == null ? void 0 : C.getSelectedCountryData().iso2) ?? ""), r(), p();
     };
-    return E(() => {
-      a.value && (o.value = l(a.value, s.options), s.value && o.value.setNumber(s.value), s.disabled && o.value.setDisabled(s.disabled), d.value = c());
-    }), B(
+    return R(() => {
+      a.value && (o.value = u(a.value, s.options), s.value && o.value.setNumber(s.value), s.disabled && o.value.setDisabled(s.disabled), l.value = h());
+    }), F(
       () => s.disabled,
-      (p) => {
-        var m;
-        return (m = o.value) == null ? void 0 : m.setDisabled(p);
+      (C) => {
+        var f;
+        return (f = o.value) == null ? void 0 : f.setDisabled(C);
       }
-    ), R(() => {
-      var p;
-      return (p = o.value) == null ? void 0 : p.destroy();
-    }), t({ instance: o, input: a }), (p, m) => F((z(), V("input", O({
+    ), V(() => {
+      var C;
+      return (C = o.value) == null ? void 0 : C.destroy();
+    }), t({ instance: o, input: a }), (C, f) => z((O(), $("input", j({
       ref_key: "input",
       ref: a,
-      "onUpdate:modelValue": m[0] || (m[0] = (g) => i.value = g),
+      "onUpdate:modelValue": f[0] || (f[0] = (b) => i.value = b),
       type: "tel",
-      onCountrychange: h,
+      onCountrychange: c,
       onInput: r
-    }, u.inputProps), null, 16)), [
+    }, d.inputProps), null, 16)), [
       [
-        $,
+        U,
         i.value,
         void 0,
         { lazy: !0 }
@@ -2698,5 +2712,5 @@ const Y = (u) => {
   }
 };
 export {
-  Z as default
+  X as default
 };