intl-tel-input 25.3.1 → 25.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intl-tel-input",
-  "version": "25.3.1",
+  "version": "25.4.0",
   "description": "A JavaScript plugin for entering and validating international telephone numbers",
   "keywords": [
     "international",
@@ -24,6 +24,9 @@
   "license": "MIT",
   "author": "Jack O'Connor (http://jackocnr.com)",
   "devDependencies": {
+    "@angular/compiler": "^19.1.4",
+    "@angular/core": "^19.1.4",
+    "@angular/platform-browser": "^19.1.4",
     "@babel/plugin-transform-modules-commonjs": "^7.25.7",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/user-event": "^14.5.2",
@@ -31,10 +34,10 @@
     "@types/react-dom": "^18.2.24",
     "@typescript-eslint/eslint-plugin": "^8.1.0",
     "@typescript-eslint/parser": "^8.1.0",
-    "@vitejs/plugin-vue": "^5.1.2",
+    "@vitejs/plugin-vue": "^5.2.1",
     "babel-plugin-add-module-exports": "^1.0.4",
     "cspell": "^8.6.1",
-    "esbuild": "^0.23.0",
+    "esbuild": "^0.25.0",
     "eslint": "^8.57.0",
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.29.1",
@@ -63,12 +66,13 @@
     "prettier": "^3.2.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "sass": "^1.74.1",
+    "sass": "^1.83.1",
     "sharp": "^0.33.5",
     "time-grunt": "^2.0.0",
     "typescript": "^5.5.3",
-    "vite": "^5.4.2",
-    "vue": "^3.4.38"
+    "vite": "^6.1.0",
+    "vue": "^3.4.38",
+    "zone.js": "^0.15.0"
   },
   "files": [
     "build/*",
@@ -101,6 +105,7 @@
     "build:img": "grunt img",
     "build:react": "grunt react",
     "build:vue": "grunt vue",
+    "build:angular": "grunt angular",
     "vue:demo": "vite --config vue/demo/validation/vite.config.js",
     "server": "grunt jasmine:interactive"
   },
@@ -134,6 +139,16 @@
     "./vueWithUtils": {
       "import": "./vue/build/IntlTelInputWithUtils.mjs"
     },
+    "./angular": {
+      "types": "./angular/build/IntlTelInput.d.ts",
+      "require": "./angular/build/IntlTelInput.cjs",
+      "default": "./angular/build/IntlTelInput.js"
+    },
+    "./angularWithUtils": {
+      "types": "./angular/build/IntlTelInput.d.ts",
+      "require": "./angular/build/IntlTelInputWithUtils.cjs",
+      "default": "./angular/build/IntlTelInputWithUtils.js"
+    },
     "./i18n": {
       "types": "./build/js/intlTelInput.d.ts",
       "default": "./build/js/i18n/index.js"

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.3.1/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.0/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

@@ -2522,12 +2522,16 @@ var Iti = class {
     const { i18n } = this.options;
     const count = this.countryList.childElementCount;
     let searchText;
-    if (count === 0) {
-      searchText = i18n.zeroSearchResults;
-    } else if (count === 1) {
-      searchText = i18n.oneSearchResult;
+    if ("searchResultsText" in i18n) {
+      searchText = i18n.searchResultsText(count);
     } else {
-      searchText = i18n.multipleSearchResults.replace("${count}", count.toString());
+      if (count === 0) {
+        searchText = i18n.zeroSearchResults;
+      } else if (count === 1) {
+        searchText = i18n.oneSearchResult;
+      } else {
+        searchText = i18n.multipleSearchResults.replace("${count}", count.toString());
+      }
     }
     this.searchResultsA11yText.textContent = searchText;
   }
@@ -2961,6 +2965,7 @@ var Iti = class {
   //********************
   //* Remove plugin.
   destroy() {
+    this.telInput.iti = void 0;
     const { allowDropdown, separateDialCode } = this.options;
     if (allowDropdown) {
       this._closeDropdown();
@@ -3146,6 +3151,7 @@ var intlTelInput = Object.assign(
     iti._init();
     input.setAttribute("data-intl-tel-input-id", iti.id.toString());
     intlTelInput.instances[iti.id] = iti;
+    input.iti = iti;
     return iti;
   },
   {
@@ -3164,7 +3170,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.3.1"
+    version: "25.4.0"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInput.d.ts

@@ -264,6 +264,7 @@ declare module "intl-tel-input/i18n/types" {
         multipleSearchResults?: string;
         noCountrySelected?: string;
         zeroSearchResults?: string;
+        searchResultsText?: (count: number) => string;
     };
 }
 declare module "intl-tel-input/i18n/en/countries" {
@@ -287,6 +288,11 @@ declare module "intl-tel-input/i18n/en" {
 declare module "intl-tel-input" {
     import { Country } from "intl-tel-input/data";
     import { I18n } from "intl-tel-input/i18n/types";
+    global {
+        interface HTMLInputElement {
+            iti?: Iti;
+        }
+    }
     type UtilsLoader = () => Promise<{
         default: ItiUtils;
     }>;
@@ -503,7 +509,7 @@ declare module "intl-tel-input/react" {
     const IntlTelInput: React.ForwardRefExoticComponent<ItiProps & React.RefAttributes<IntlTelInputRef>>;
     export default IntlTelInput;
 }
-declare module "intl-tel-input/utils-compiled" {
+declare module "intl-tel-input/utils" {
     export default utils;
     const utils: any;
 }
@@ -1164,6 +1170,24 @@ declare module "intl-tel-input/i18n/ur" {
     const allTranslations: I18n;
     export default allTranslations;
 }
+declare module "intl-tel-input/i18n/uz/countries" {
+    import { I18n } from "intl-tel-input/i18n/types";
+    const countryTranslations: I18n;
+    export default countryTranslations;
+}
+declare module "intl-tel-input/i18n/uz/interface" {
+    import { I18n } from "intl-tel-input/i18n/types";
+    const interfaceTranslations: I18n;
+    export default interfaceTranslations;
+}
+declare module "intl-tel-input/i18n/uz" {
+    import { I18n } from "intl-tel-input/i18n/types";
+    import countryTranslations from "intl-tel-input/i18n/uz/countries";
+    import interfaceTranslations from "intl-tel-input/i18n/uz/interface";
+    export { countryTranslations, interfaceTranslations };
+    const allTranslations: I18n;
+    export default allTranslations;
+}
 declare module "intl-tel-input/i18n/vi/countries" {
     import { I18n } from "intl-tel-input/i18n/types";
     const countryTranslations: I18n;
@@ -1237,6 +1261,7 @@ declare module "intl-tel-input/i18n" {
     export { default as tr, countryTranslations as trCountryTranslations, interfaceTranslations as trInterfaceTranslations } from "intl-tel-input/i18n/tr";
     export { default as uk, countryTranslations as ukCountryTranslations, interfaceTranslations as ukInterfaceTranslations } from "intl-tel-input/i18n/uk";
     export { default as ur, countryTranslations as urCountryTranslations, interfaceTranslations as urInterfaceTranslations } from "intl-tel-input/i18n/ur";
+    export { default as uz, countryTranslations as uzCountryTranslations, interfaceTranslations as uzInterfaceTranslations } from "intl-tel-input/i18n/uz";
     export { default as vi, countryTranslations as viCountryTranslations, interfaceTranslations as viInterfaceTranslations } from "intl-tel-input/i18n/vi";
     export { default as zh, countryTranslations as zhCountryTranslations, interfaceTranslations as zhInterfaceTranslations } from "intl-tel-input/i18n/zh";
 }

package/react/build/IntlTelInput.js

@@ -2486,12 +2486,16 @@ var Iti = class {
     const { i18n } = this.options;
     const count = this.countryList.childElementCount;
     let searchText;
-    if (count === 0) {
-      searchText = i18n.zeroSearchResults;
-    } else if (count === 1) {
-      searchText = i18n.oneSearchResult;
+    if ("searchResultsText" in i18n) {
+      searchText = i18n.searchResultsText(count);
     } else {
-      searchText = i18n.multipleSearchResults.replace("${count}", count.toString());
+      if (count === 0) {
+        searchText = i18n.zeroSearchResults;
+      } else if (count === 1) {
+        searchText = i18n.oneSearchResult;
+      } else {
+        searchText = i18n.multipleSearchResults.replace("${count}", count.toString());
+      }
     }
     this.searchResultsA11yText.textContent = searchText;
   }
@@ -2925,6 +2929,7 @@ var Iti = class {
   //********************
   //* Remove plugin.
   destroy() {
+    this.telInput.iti = void 0;
     const { allowDropdown, separateDialCode } = this.options;
     if (allowDropdown) {
       this._closeDropdown();
@@ -3110,6 +3115,7 @@ var intlTelInput = Object.assign(
     iti._init();
     input.setAttribute("data-intl-tel-input-id", iti.id.toString());
     intlTelInput.instances[iti.id] = iti;
+    input.iti = iti;
     return iti;
   },
   {
@@ -3128,7 +3134,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.3.1"
+    version: "25.4.0"
   }
 );
 var intl_tel_input_default = intlTelInput;