intl-tel-input 27.3.0 → 27.3.1

package/dist/js/intlTelInputWithUtils.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v27.3.0
+ * International Telephone Input v27.3.1
  * git+https://github.com/jackocnr/intl-tel-input.git
  * Licensed under the MIT license
  */
@@ -1774,13 +1774,7 @@ var _factory = (() => {
       dialCode: c[1],
       priority: c[2] || 0,
       areaCodes: c[3] || null,
-      nationalPrefix: c[4] || null,
-      normalisedName: "",
-      // populated in the plugin
-      initials: "",
-      // populated in the plugin
-      dialCodePlus: ""
-      // populated in the plugin
+      nationalPrefix: c[4] || null
     });
   }
   var iso2Set = new Set(allCountries.map((c) => c.iso2));
@@ -2293,7 +2287,20 @@ var _factory = (() => {
   </svg>`;
 
   // src/js/core/countrySearch.ts
-  var getMatchedCountries = (countries, query) => {
+  var buildSearchTokens = (countries) => {
+    const tokens = /* @__PURE__ */ new Map();
+    for (const c of countries) {
+      const normalisedName = normaliseString(c.name);
+      const initials = normalisedName.split(/[^a-z]/).map((word) => word[0]).join("");
+      tokens.set(c.iso2, {
+        normalisedName,
+        initials,
+        dialCodePlus: `+${c.dialCode}`
+      });
+    }
+    return tokens;
+  };
+  var getMatchedCountries = (countries, searchTokens, query) => {
     const normalisedQuery = normaliseString(query);
     const iso2Matches = [];
     const nameStartsWith = [];
@@ -2302,17 +2309,18 @@ var _factory = (() => {
     const dialCodeContains = [];
     const initialsMatches = [];
     for (const c of countries) {
+      const t = searchTokens.get(c.iso2);
       if (c.iso2 === normalisedQuery) {
         iso2Matches.push(c);
-      } else if (c.normalisedName.startsWith(normalisedQuery)) {
+      } else if (t.normalisedName.startsWith(normalisedQuery)) {
         nameStartsWith.push(c);
-      } else if (c.normalisedName.includes(normalisedQuery)) {
+      } else if (t.normalisedName.includes(normalisedQuery)) {
         nameContains.push(c);
-      } else if (normalisedQuery === c.dialCode || normalisedQuery === c.dialCodePlus) {
+      } else if (normalisedQuery === c.dialCode || normalisedQuery === t.dialCodePlus) {
         dialCodeMatches.push(c);
-      } else if (c.dialCodePlus.includes(normalisedQuery)) {
+      } else if (t.dialCodePlus.includes(normalisedQuery)) {
         dialCodeContains.push(c);
-      } else if (c.initials.includes(normalisedQuery)) {
+      } else if (t.initials.includes(normalisedQuery)) {
         initialsMatches.push(c);
       }
     }
@@ -2327,16 +2335,75 @@ var _factory = (() => {
       ...initialsMatches
     ];
   };
-  var findFirstCountryStartingWith = (countries, query) => {
+  var findFirstCountryStartingWith = (countries, searchTokens, query) => {
     const normalisedQuery = normaliseString(query);
     for (const c of countries) {
-      if (c.normalisedName.startsWith(normalisedQuery)) {
+      const { normalisedName } = searchTokens.get(c.iso2);
+      if (normalisedName.startsWith(normalisedQuery)) {
         return c;
       }
     }
     return null;
   };
 
+  // src/js/core/numerals.ts
+  var Numerals = class _Numerals {
+    #userNumeralSet;
+    //* Stateless conversion of any Arabic-Indic / Persian digits to ASCII 0-9.
+    //* Use this when you need to normalise digits without affecting any instance's tracked numeral set (e.g. for the country-search query).
+    static toAscii(str) {
+      if (!str) {
+        return "";
+      }
+      return str.replace(
+        /[٠-٩]/g,
+        (ch) => String.fromCharCode(48 + (ch.charCodeAt(0) - 1632))
+      ).replace(
+        /[۰-۹]/g,
+        (ch) => String.fromCharCode(48 + (ch.charCodeAt(0) - 1776))
+      );
+    }
+    constructor(initialValue) {
+      if (initialValue) {
+        this.#updateNumeralSet(initialValue);
+      }
+    }
+    // If any Arabic-Indic digits, then label it as that set. Same for Persian. Otherwise assume ASCII.
+    #updateNumeralSet(str) {
+      if (/[٠-٩]/.test(str)) {
+        this.#userNumeralSet = "arabic-indic";
+      } else if (/[۰-۹]/.test(str)) {
+        this.#userNumeralSet = "persian";
+      } else {
+        this.#userNumeralSet = "ascii";
+      }
+    }
+    // Denormalise ASCII 0-9 to the user's numeral set. If not yet known, return as-is.
+    // NOTE: normalise is always called before this, so it should be impossible for the numeral set to be unknown at this point.
+    denormalise(str) {
+      if (!this.#userNumeralSet || this.#userNumeralSet === "ascii") {
+        return str;
+      }
+      const base = this.#userNumeralSet === "arabic-indic" ? 1632 : 1776;
+      return str.replace(/[0-9]/g, (d) => String.fromCharCode(base + Number(d)));
+    }
+    // Normalize Eastern Arabic (U+0660-0669) and Persian/Extended Arabic-Indic (U+06F0-06F9) numerals to ASCII 0-9.
+    // Tracks the user's numeral set as a side effect so denormalise can mirror it back.
+    normalise(str) {
+      if (!str) {
+        return "";
+      }
+      this.#updateNumeralSet(str);
+      if (this.#userNumeralSet === "ascii") {
+        return str;
+      }
+      return _Numerals.toAscii(str);
+    }
+    isAscii() {
+      return !this.#userNumeralSet || this.#userNumeralSet === "ascii";
+    }
+  };
+
   // src/js/core/ui.ts
   var UI = class _UI {
     // private
@@ -2345,6 +2412,7 @@ var _factory = (() => {
     #isRTL;
     #originalPaddingLeft = "";
     #countries;
+    #searchTokens;
     #searchDebounceTimer = null;
     #inlineDropdownHeight;
     #countryContainerEl;
@@ -2390,8 +2458,9 @@ var _factory = (() => {
       }
     }
     //* Generate all of the markup for the plugin: the selected country overlay, and the dropdown.
-    buildMarkup(countries) {
+    buildMarkup(countries, searchTokens) {
       this.#countries = countries;
+      this.#searchTokens = searchTokens;
       this.telInputEl.classList.add("iti__tel-input");
       if (!this.telInputEl.hasAttribute("type")) {
         this.telInputEl.setAttribute("type", "tel");
@@ -2759,7 +2828,12 @@ var _factory = (() => {
       if (query === "") {
         matchedCountries = this.#countries;
       } else {
-        matchedCountries = getMatchedCountries(this.#countries, query);
+        const normalisedQuery = Numerals.toAscii(query);
+        matchedCountries = getMatchedCountries(
+          this.#countries,
+          this.#searchTokens,
+          normalisedQuery
+        );
       }
       this.#showFilteredCountries(matchedCountries);
     }
@@ -3054,7 +3128,11 @@ var _factory = (() => {
     }
     //* Hidden search (countrySearch disabled): jump to the first list item whose name starts with the query.
     #searchForCountry(query) {
-      const match = findFirstCountryStartingWith(this.#countries, query);
+      const match = findFirstCountryStartingWith(
+        this.#countries,
+        this.#searchTokens,
+        query
+      );
       if (match) {
         const listItem = this.#listItemByIso2.get(match.iso2);
         this.#highlightListItem(listItem);
@@ -3366,13 +3444,6 @@ var _factory = (() => {
       return a.name.localeCompare(b.name);
     });
   };
-  var cacheSearchTokens = (countries) => {
-    for (const c of countries) {
-      c.normalisedName = normaliseString(c.name);
-      c.initials = c.normalisedName.split(/[^a-z]/).map((word) => word[0]).join("");
-      c.dialCodePlus = `+${c.dialCode}`;
-    }
-  };
 
   // src/js/data/intl-regionless.ts
   var regionlessDialCodes = /* @__PURE__ */ new Set([
@@ -3458,54 +3529,6 @@ var _factory = (() => {
     return false;
   };
 
-  // src/js/core/numerals.ts
-  var Numerals = class {
-    #userNumeralSet;
-    constructor(initialValue) {
-      if (initialValue) {
-        this.#updateNumeralSet(initialValue);
-      }
-    }
-    // If any Arabic-Indic digits, then label it as that set. Same for Persian. Otherwise assume ASCII.
-    #updateNumeralSet(str) {
-      if (/[\u0660-\u0669]/.test(str)) {
-        this.#userNumeralSet = "arabic-indic";
-      } else if (/[\u06F0-\u06F9]/.test(str)) {
-        this.#userNumeralSet = "persian";
-      } else {
-        this.#userNumeralSet = "ascii";
-      }
-    }
-    // Denormalise ASCII 0-9 to the user's numeral set. If not yet known, return as-is.
-    // NOTE: normalise is always called before this, so it should be impossible for the numeral set to be unknown at this point.
-    denormalise(str) {
-      if (!this.#userNumeralSet || this.#userNumeralSet === "ascii") {
-        return str;
-      }
-      const base = this.#userNumeralSet === "arabic-indic" ? 1632 : 1776;
-      return str.replace(/[0-9]/g, (d) => String.fromCharCode(base + Number(d)));
-    }
-    // Normalize Eastern Arabic (U+0660-0669) and Persian/Extended Arabic-Indic (U+06F0-06F9) numerals to ASCII 0-9
-    normalise(str) {
-      if (!str) {
-        return "";
-      }
-      this.#updateNumeralSet(str);
-      if (this.#userNumeralSet === "ascii") {
-        return str;
-      }
-      const base = this.#userNumeralSet === "arabic-indic" ? 1632 : 1776;
-      const regex = this.#userNumeralSet === "arabic-indic" ? /[\u0660-\u0669]/g : /[\u06F0-\u06F9]/g;
-      return str.replace(
-        regex,
-        (ch) => String.fromCharCode(48 + (ch.charCodeAt(0) - base))
-      );
-    }
-    isAscii() {
-      return !this.#userNumeralSet || this.#userNumeralSet === "ascii";
-    }
-  };
-
   // src/js/intlTelInput.ts
   var nextId = 0;
   var ensureUtils = (methodName) => {
@@ -3540,6 +3563,7 @@ var _factory = (() => {
     #dialCodeToIso2Map;
     #dialCodes;
     #countryByIso2;
+    #searchTokens;
     #selectedCountry = null;
     #maxCoreNumberLength = null;
     #fallbackCountryIso2;
@@ -3596,7 +3620,7 @@ var _factory = (() => {
     #init() {
       this.#abortController = new AbortController();
       this.#processCountryData();
-      this.#ui.buildMarkup(this.#countries);
+      this.#ui.buildMarkup(this.#countries, this.#searchTokens);
       this.#setInitialState();
       this.#initListeners();
       this.#startAsyncLoads();
@@ -3611,7 +3635,7 @@ var _factory = (() => {
     #processCountryData() {
       generateCountryNames(this.#countries, this.#options);
       sortCountries(this.#countries, this.#options);
-      cacheSearchTokens(this.#countries);
+      this.#searchTokens = buildSearchTokens(this.#countries);
     }
     //* Set the initial state of the input value and the selected country by:
     //* 1. Extracting a dial code from the given number
@@ -3734,7 +3758,7 @@ var _factory = (() => {
     #bindAllTelInputListeners() {
       this.#bindInputListener();
       this.#bindKeydownListener();
-      this.#bindPasteListener();
+      this.#bindStrictPasteListener();
     }
     //* Android workaround for handling plus when separateDialCode enabled (as impossible to handle with keydown/keyup, for which e.key always returns "Unidentified", see https://stackoverflow.com/q/59584061/217866)
     #handleAndroidPlusKey(inputValue) {
@@ -3902,15 +3926,16 @@ var _factory = (() => {
         e.preventDefault();
       }
     };
-    #bindPasteListener() {
+    #bindStrictPasteListener() {
       if (!this.#options.strictMode) {
         return;
       }
-      this.#ui.telInputEl.addEventListener("paste", this.#handlePasteEvent, {
+      this.#ui.telInputEl.addEventListener("paste", this.#handleStrictPasteEvent, {
         signal: this.#abortController.signal
       });
     }
-    #handlePasteEvent = (e) => {
+    // Handle paste events when strictMode is enabled by sanitising the pasted content before it's inserted into the input, and rejecting it entirely if it would result in an invalid number
+    #handleStrictPasteEvent = (e) => {
       e.preventDefault();
       const input = this.#ui.telInputEl;
       const selStart = input.selectionStart;
@@ -3929,6 +3954,15 @@ var _factory = (() => {
       const sanitised = hasLeadingPlus && allowLeadingPlus ? `+${numerics}` : numerics;
       let newValue = before + sanitised + after;
       let rejectReason = sanitised !== pasted ? "invalid" : null;
+      if (newValue.length > 30) {
+        this.#playStrictRejectAnimation();
+        this.#dispatchEvent(EVENTS.STRICT_REJECT, {
+          source: "paste",
+          rejectedInput: pastedRaw,
+          reason: "max-length"
+        });
+        return;
+      }
       if (newValue.length > 5 && intlTelInput.utils) {
         let coreNumber = intlTelInput.utils.getCoreNumber(newValue, iso2);
         while (coreNumber.length === 0 && newValue.length > 0) {
@@ -4631,7 +4665,7 @@ var _factory = (() => {
       attachUtils,
       startedLoadingUtils: false,
       startedLoadingAutoCountry: false,
-      version: "27.3.0"
+      version: "27.3.1"
     }
   );
   var intlTelInput_default = intlTelInput;