intl-tel-input 25.4.4 → 25.4.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intl-tel-input",
-  "version": "25.4.4",
+  "version": "25.4.7",
   "description": "A JavaScript plugin for entering and validating international telephone numbers",
   "keywords": [
     "international",
@@ -27,7 +27,8 @@
   "license": "MIT",
   "author": "Jack O'Connor (http://jackocnr.com)",
   "devDependencies": {
-    "@angular/compiler": "^19.1.4",
+    "@angular/compiler": "^19.2.14",
+    "@angular/compiler-cli": "^19.2.14",
     "@angular/core": "^19.1.4",
     "@angular/forms": "^19.1.4",
     "@angular/platform-browser": "^19.1.4",

package/react/README.md

@@ -28,7 +28,7 @@ import "intl-tel-input/styles";
 
 See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master/react/demo/validation/ValidationApp.tsx) for a more fleshed-out example of how to handle validation.
 
-A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize) then you can just import IntlTelInput from `"intl-tel-input/reactWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/react"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@25.4.4/build/js/utils.js"`.
+A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize) then you can just import IntlTelInput from `"intl-tel-input/reactWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/react"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@25.4.7/build/js/utils.js"`.
 
 ## Props
 Here's a list of all of the current props you can pass to the IntlTelInput React component.

package/react/build/IntlTelInput.cjs

@@ -2056,6 +2056,9 @@ var Iti = class {
         }
         if (dropdownContainer) {
           let dropdownClasses = "iti iti--container";
+          if (containerClass) {
+            dropdownClasses += ` ${containerClass}`;
+          }
           if (useFullscreenPopup) {
             dropdownClasses += " iti--fullscreen-popup";
           } else {
@@ -3170,7 +3173,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.4.4"
+    version: "25.4.7"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInput.js

@@ -2020,6 +2020,9 @@ var Iti = class {
         }
         if (dropdownContainer) {
           let dropdownClasses = "iti iti--container";
+          if (containerClass) {
+            dropdownClasses += ` ${containerClass}`;
+          }
           if (useFullscreenPopup) {
             dropdownClasses += " iti--fullscreen-popup";
           } else {
@@ -3134,7 +3137,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.4.4"
+    version: "25.4.7"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.cjs

@@ -2056,6 +2056,9 @@ var Iti = class {
         }
         if (dropdownContainer) {
           let dropdownClasses = "iti iti--container";
+          if (containerClass) {
+            dropdownClasses += ` ${containerClass}`;
+          }
           if (useFullscreenPopup) {
             dropdownClasses += " iti--fullscreen-popup";
           } else {
@@ -3170,7 +3173,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.4.4"
+    version: "25.4.7"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.js

@@ -2020,6 +2020,9 @@ var Iti = class {
         }
         if (dropdownContainer) {
           let dropdownClasses = "iti iti--container";
+          if (containerClass) {
+            dropdownClasses += ` ${containerClass}`;
+          }
           if (useFullscreenPopup) {
             dropdownClasses += " iti--fullscreen-popup";
           } else {
@@ -3134,7 +3137,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.4.4"
+    version: "25.4.7"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/vue/README.md

@@ -34,7 +34,7 @@ See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master
 "vue:demo": "vite --config vue/demo/[demo variant]/vite.config.js"
 ```
 
-A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize) then you can just import IntlTelInput from `"intl-tel-input/vueWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/vue"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@25.4.4/build/js/utils.js"`.
+A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize) then you can just import IntlTelInput from `"intl-tel-input/vueWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/vue"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@25.4.7/build/js/utils.js"`.
 
 ## Props
 Here's a list of all of the current props you can pass to the IntlTelInput Vue component.

package/vue/build/IntlTelInput.mjs

@@ -1873,7 +1873,7 @@ class G {
           this.dropdownContent
         ), this._appendListItems(), c && this._updateSearchResultsText(), o) {
           let g = "iti iti--container";
-          a ? g += " iti--fullscreen-popup" : g += " iti--inline-dropdown", this.dropdown = y("div", { class: g }), this.dropdown.appendChild(this.dropdownContent);
+          s && (g += ` ${s}`), a ? g += " iti--fullscreen-popup" : g += " iti--inline-dropdown", this.dropdown = y("div", { class: g }), this.dropdown.appendChild(this.dropdownContent);
         } else
           this.countryContainer.appendChild(this.dropdownContent);
       }
@@ -2530,7 +2530,7 @@ const W = (u) => {
     attachUtils: W,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.4.4"
+    version: "25.4.7"
   }
 ), J = {
   __name: "IntlTelInput",

package/vue/build/IntlTelInputWithUtils.mjs

@@ -1872,8 +1872,8 @@ class j2 {
           },
           this.dropdownContent
         ), this._appendListItems(), S && this._updateSearchResultsText(), c) {
-          let x = "iti iti--container";
-          f ? x += " iti--fullscreen-popup" : x += " iti--inline-dropdown", this.dropdown = T("div", { class: x }), this.dropdown.appendChild(this.dropdownContent);
+          let P = "iti iti--container";
+          o && (P += ` ${o}`), f ? P += " iti--fullscreen-popup" : P += " iti--inline-dropdown", this.dropdown = T("div", { class: P }), this.dropdown.appendChild(this.dropdownContent);
         } else
           this.countryContainer.appendChild(this.dropdownContent);
       }
@@ -1881,15 +1881,15 @@ class j2 {
     if (w.appendChild(this.telInput), this._updateInputPadding(), a) {
       const F = this.telInput.getAttribute("name") || "", M = a(F);
       if (M.phone) {
-        const x = (A = this.telInput.form) == null ? void 0 : A.querySelector(`input[name="${M.phone}"]`);
-        x ? this.hiddenInput = x : (this.hiddenInput = T("input", {
+        const P = (A = this.telInput.form) == null ? void 0 : A.querySelector(`input[name="${M.phone}"]`);
+        P ? this.hiddenInput = P : (this.hiddenInput = T("input", {
           type: "hidden",
           name: M.phone
         }), w.appendChild(this.hiddenInput));
       }
       if (M.country) {
-        const x = (G = this.telInput.form) == null ? void 0 : G.querySelector(`input[name="${M.country}"]`);
-        x ? this.hiddenInputCountry = x : (this.hiddenInputCountry = T("input", {
+        const P = (G = this.telInput.form) == null ? void 0 : G.querySelector(`input[name="${M.country}"]`);
+        P ? this.hiddenInputCountry = P : (this.hiddenInputCountry = T("input", {
           type: "hidden",
           name: M.country
         }), w.appendChild(this.hiddenInputCountry));
@@ -2009,12 +2009,12 @@ class j2 {
         }
         if (e) {
           const S = this.telInput.value, _ = S.charAt(0) === "+", b = !_ && this.telInput.selectionStart === 0 && f.key === "+", w = /^[0-9]$/.test(f.key), I = s ? w : b || w, A = S.slice(0, this.telInput.selectionStart) + f.key + S.slice(this.telInput.selectionEnd), G = this._getFullNumber(A), F = C.utils.getCoreNumber(G, this.selectedCountryData.iso2), M = this.maxCoreNumberLength && F.length > this.maxCoreNumberLength;
-          let x = !1;
+          let P = !1;
           if (_) {
             const f1 = this.selectedCountryData.iso2;
-            x = this._getCountryFromNumber(G) !== f1;
+            P = this._getCountryFromNumber(G) !== f1;
           }
-          (!I || M && !x && !b) && f.preventDefault();
+          (!I || M && !P && !b) && f.preventDefault();
         }
       }
     }, this.telInput.addEventListener("keydown", this._handleKeydownEvent));
@@ -2530,7 +2530,7 @@ const W2 = (y) => {
     attachUtils: W2,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.4.4"
+    version: "25.4.7"
   }
 );
 (function() {
@@ -2602,7 +2602,7 @@ const W2 = (y) => {
       case G:
       case F:
       case M:
-      case x:
+      case P:
       case f1:
       case A:
       case I:
@@ -2610,7 +2610,7 @@ const W2 = (y) => {
     }
     this.j = t.defaultValue;
   }
-  var I = 1, A = 2, G = 3, F = 4, M = 6, x = 16, f1 = 18;
+  var I = 1, A = 2, G = 3, F = 4, M = 6, P = 16, f1 = 18;
   function v1(d, t) {
     for (this.h = d, this.g = {}, d = 0; d < t.length; d++) {
       var $ = t[d];
@@ -2641,7 +2641,7 @@ const W2 = (y) => {
         d.g && delete d.g[r.g];
         var l = r.h == 11 || r.h == 10;
         if (r.l) {
-          r = P(t, u);
+          r = x(t, u);
           for (var h = 0; h < r.length; h++) w1(d, u, l ? r[h].clone() : r[h]);
         } else r = n1(t, u), l ? (l = n1(d, u)) ? S1(l, r) : E(d, u, r.clone()) : E(d, u, r);
       }
@@ -2688,7 +2688,7 @@ const W2 = (y) => {
     }
     return d;
   }
-  function P(d, t) {
+  function x(d, t) {
     return n1(d, t) || [];
   }
   function K(d, t) {
@@ -8269,7 +8269,7 @@ const W2 = (y) => {
     k(d), d.g(t);
   }
   function k1(d) {
-    return d != null && (K(d, 9) != 1 || P(d, 9)[0] != -1);
+    return d != null && (K(d, 9) != 1 || x(d, 9)[0] != -1);
   }
   function r1(d, t) {
     for (var $ = new N(), i, r = d.length, u = 0; u < r; ++u) i = d.charAt(u), i = t[i.toUpperCase()], i != null && $.g(i);
@@ -8293,7 +8293,7 @@ const W2 = (y) => {
     var r = d1(this, $, e1($));
     d = B(d, 3) && p(d, 3).length != 0 ? t == 3 ? ";ext=" + p(d, 3) : B(r, 13) ? p(r, 13) + v(d, 3) : " ext. " + v(d, 3) : "";
     d: {
-      r = P(r, 20).length == 0 || t == 2 ? P(r, 19) : P(r, 20);
+      r = x(r, 20).length == 0 || t == 2 ? x(r, 19) : x(r, 20);
       for (var u, l = r.length, h = 0; h < l; ++h) {
         u = r[h];
         var m = K(u, 3);
@@ -8375,7 +8375,7 @@ const W2 = (y) => {
   }
   function O(d, t) {
     var $ = d.length;
-    return 0 < K(t, 9) && P(t, 9).indexOf($) == -1 ? !1 : U(v(t, 2), d);
+    return 0 < K(t, 9) && x(t, 9).indexOf($) == -1 ? !1 : U(v(t, 2), d);
   }
   function N2(d, t) {
     var $ = U1(d, t), i = v(t, 1), r = d1(d, i, $);
@@ -8413,8 +8413,8 @@ const W2 = (y) => {
     return v(d, 10);
   }
   function l1(d, t, $, i) {
-    var r = u1($, i), u = K(r, 9) == 0 ? P(p($, 1), 9) : P(r, 9);
-    if (r = P(r, 10), i == 2) if (k1(u1($, 0))) d = u1($, 1), k1(d) && (u = u.concat(K(d, 9) == 0 ? P(p($, 1), 9) : P(d, 9)), u.sort(), r.length == 0 ? r = P(d, 10) : (r = r.concat(P(d, 10)), r.sort()));
+    var r = u1($, i), u = K(r, 9) == 0 ? x(p($, 1), 9) : x(r, 9);
+    if (r = x(r, 10), i == 2) if (k1(u1($, 0))) d = u1($, 1), k1(d) && (u = u.concat(K(d, 9) == 0 ? x(p($, 1), 9) : x(d, 9)), u.sort(), r.length == 0 ? r = x(d, 10) : (r = r.concat(x(d, 10)), r.sort()));
     else return l1(d, t, $, 1);
     return u[0] == -1 ? 5 : (t = t.length, -1 < r.indexOf(t) ? 4 : ($ = u[0], $ == t ? 0 : $ > t ? 2 : u[u.length - 1] < t ? 3 : -1 < u.indexOf(t, 1) ? 0 : 5));
   }
@@ -8582,7 +8582,7 @@ const W2 = (y) => {
   function m1(d) {
     var t = d.g.toString();
     if (3 <= t.length) {
-      for (var $ = d.ca && d.o.length == 0 && 0 < K(d.l, 20) ? P(d.l, 20) : P(d.l, 19), i = $.length, r = 0; r < i; ++r) {
+      for (var $ = d.ca && d.o.length == 0 && 0 < K(d.l, 20) ? x(d.l, 20) : x(d.l, 19), i = $.length, r = 0; r < i; ++r) {
         var u = $[r];
         0 < d.o.length && O1(v(u, 4)) && !p(u, 6) && !B(u, 5) || (d.o.length != 0 || d.ca || O1(v(u, 4)) || p(u, 6)) && A2.test(v(u, 2)) && d.j.push(u);
       }