intl-tel-input 24.6.1 → 24.8.0

package/README.md

@@ -4,7 +4,7 @@
 
 <img src="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/react.webp" alt="React logo" width="16px" />  NEWS: we now have our own <a href="https://github.com/jackocnr/intl-tel-input/tree/master/react">React component</a>! Play with it on <a href="https://intl-tel-input.com/storybook/?path=/docs/intltelinput--vanilla">Storybook</a>. 
 
-🗣️ NEWS: we now provide [translations](https://github.com/jackocnr/intl-tel-input/tree/master/build/js/i18n) in over 30 languages! [See them in action](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--i18n).
+🗣️ NEWS: we now provide [translations](#translations) in over 30 languages! [See them in action](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--i18n).
 
 International Telephone Input is a JavaScript plugin for entering and validating international telephone numbers. It takes a regular input field, adds a searchable country dropdown, auto-detects the user's country, displays a relevant placeholder number, formats the number as you type, and provides comprehensive validation methods. React and Vue components are also included.
 
@@ -31,6 +31,7 @@ Use [Twilio's API to build phone verification, SMS 2FA, appointment reminders, m
 - [Static Methods](#static-methods)
 - [Events](#events)
 - [Theming / Dark Mode](#theming--dark-mode)
+- [Translations](#translations)
 - [Utilities Script](#utilities-script)
 - [Loading The Utilities Script](#loading-the-utilities-script)
 - [Troubleshooting](#troubleshooting)
@@ -74,16 +75,16 @@ _Note: We have now dropped support for all versions of Internet Explorer because
 ## Getting Started (Using a CDN)
 1. Add the CSS
   ```html
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@24.6.1/build/css/intlTelInput.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@24.8.0/build/css/intlTelInput.css">
   ```
 
 2. Add the plugin script and initialise it on your input element
   ```html
-  <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@24.6.1/build/js/intlTelInput.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@24.8.0/build/js/intlTelInput.min.js"></script>
   <script>
     const input = document.querySelector("#phone");
     window.intlTelInput(input, {
-      loadUtilsOnInit: "https://cdn.jsdelivr.net/npm/intl-tel-input@24.6.1/build/js/utils.js",
+      loadUtilsOnInit: "https://cdn.jsdelivr.net/npm/intl-tel-input@24.8.0/build/js/utils.js",
     });
   </script>
   ```
@@ -318,7 +319,7 @@ Set the initial country selection by specifying its country code e.g. `"us"` for
 **loadUtilsOnInit** (see [v25 discussion](https://github.com/jackocnr/intl-tel-input/discussions/1842))  
 Type: `String` or `() => Promise<module>` Default: `""` Example: `"/build/js/utils.js"`
 
-This is one way to (lazy) load the included utils.js (to enable formatting/validation etc) - see [Loading The Utilities Script](#loading-the-utilities-script) for more options. 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 `loadUtilsOnInit` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@24.6.1/build/js/utils.js"`. The script is loaded via a [dynamic import](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import) statement, which means the URL cannot be relative - it must be absolute.
+This is one way to (lazy) load the included utils.js (to enable formatting/validation etc) - see [Loading The Utilities Script](#loading-the-utilities-script) for more options. 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 `loadUtilsOnInit` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@24.8.0/build/js/utils.js"`. The script is loaded via a [dynamic import](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import) statement, which means the URL cannot be relative - it must be absolute.
 
 Alternatively, this can be a function that returns a promise for the utils module. When using a bundler like Webpack, this can be used to tell the bundler that the utils script should be kept in a separate file from the rest of your code. For example: `{ loadUtilsOnInit: () => import("intl-tel-input/utils") }`.
 
@@ -564,6 +565,13 @@ NOTE: this assumes you already have your own dark mode styling in place for gene
 Example:  
 <img src="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/dark-mode2.png" alt="Screenshot" width="264px" height="272px" />
 
+## Translations
+We provide [translations](https://github.com/jackocnr/intl-tel-input/tree/master/build/js/i18n) for the 200+ country names, as well as other user interface text (e.g. the placeholder text for the country search input) in over 30 languages. See the `i18n` option for details on how to use them. [See them in action](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--i18n).
+
+Supported languages: Arabic, Bengali, Bosnian, Bulgarian, Catalan, Chinese, Croatian, Czech, Danish, Dutch, Norwegian, English, Farsi, Finnish, French, German, Greek, Hindi, Hungarian, Indonesian, Italian, Japanese, Korean, Marathi, Polish, Portuguese, Romanian, Russian, Slovak, Spanish, Swedish, Telugu, Thai, Turkish, Urdu, Vietnamese. 
+
+If we don't currently support a language you need, it's easy to [contribute this](https://github.com/jackocnr/intl-tel-input/blob/master/.github/CONTRIBUTING.md#adding-a-new-translation) yourself - you only need to provide a handful of UI translation strings, as we automatically pull in the country names from the country-list project.
+
 ## Utilities Script
 The utilities script ([build/js/utils.js](build/js/utils.js)) is a custom build of Google's [libphonenumber](https://github.com/googlei18n/libphonenumber) which enables the following features:
 
@@ -585,7 +593,7 @@ The utils script provides lots of great functionality (see above section), but c
 If you're not concerned about filesize (e.g. you're lazy loading this script), the easiest thing to do is to just use the full bundle (`/build/js/intlTelInputWithUtils.js`), which comes with the utils script included. This script can be used exactly like the main intlTelInput.js - so it can either be loaded directly onto the page (which defines `window.intlTelInput` like usual), or it can be imported like so: `import intlTelInput from "intl-tel-input/intlTelInputWithUtils"`.
 
 **Option 2: loadUtilsOnInit**  
-If you *are* concerned about filesize, you can lazy load the utils script when the plugin initialises, using the `loadUtilsOnInit` 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 `loadUtilsOnInit` option to that URL, or just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@24.6.1/build/js/utils.js"`.
+If you *are* concerned about filesize, you can lazy load the utils script when the plugin initialises, using the `loadUtilsOnInit` 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 `loadUtilsOnInit` option to that URL, or just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@24.8.0/build/js/utils.js"`.
 
 Alternatively, you can set the `loadUtilsOnInit` option to a function that returns a promise for the utils script as a JS module object. If you use a bundler like Webpack, Vite, or Parcel to build your app, you can use it like this automatically separate the utils into a different bundle:
 
@@ -648,4 +656,4 @@ See the [contributing guide](https://github.com/jackocnr/intl-tel-input/blob/mas
 
 User testing powered by [BrowserStack Open-Source Program](https://www.browserstack.com/open-source)  
 
-Browser testing via <a href="https://www.lambdatest.com/" target="_blank"><img src="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/lambda-test-white-logo.svg" style="vertical-align: middle;margin-left:5px" width="147" height="26" /></a>
+Browser testing via <a href="https://www.lambdatest.com/" target="_blank"><img src="https://raw.githubusercontent.com/jackocnr/intl-tel-input/44e0e66d01e260a7c39b3405c3229b9446882cba/screenshots/LambdaTest%20logo%20-blue.svg" style="vertical-align: middle;margin-left:5px" width="147" height="26" /></a>

package/build/js/data.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v24.6.1
+ * International Telephone Input v24.8.0
  * https://github.com/jackocnr/intl-tel-input.git
  * Licensed under the MIT license
  */

package/build/js/data.min.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v24.6.1
+ * International Telephone Input v24.8.0
  * https://github.com/jackocnr/intl-tel-input.git
  * Licensed under the MIT license
  */

package/build/js/i18n/da/countries.js

@@ -0,0 +1,245 @@
+const countryTranslations = {
+  ad: "Andorra",
+  ae: "De Forenede Arabiske Emirater",
+  af: "Afghanistan",
+  ag: "Antigua og Barbuda",
+  ai: "Anguilla",
+  al: "Albanien",
+  am: "Armenien",
+  ao: "Angola",
+  ar: "Argentina",
+  as: "Amerikansk Samoa",
+  at: "Østrig",
+  au: "Australien",
+  aw: "Aruba",
+  ax: "Åland",
+  az: "Aserbajdsjan",
+  ba: "Bosnien-Hercegovina",
+  bb: "Barbados",
+  bd: "Bangladesh",
+  be: "Belgien",
+  bf: "Burkina Faso",
+  bg: "Bulgarien",
+  bh: "Bahrain",
+  bi: "Burundi",
+  bj: "Benin",
+  bl: "Saint Barthélemy",
+  bm: "Bermuda",
+  bn: "Brunei",
+  bo: "Bolivia",
+  bq: "De tidligere Nederlandske Antiller",
+  br: "Brasilien",
+  bs: "Bahamas",
+  bt: "Bhutan",
+  bw: "Botswana",
+  by: "Hviderusland",
+  bz: "Belize",
+  ca: "Canada",
+  cc: "Cocosøerne",
+  cd: "Congo-Kinshasa",
+  cf: "Den Centralafrikanske Republik",
+  cg: "Congo-Brazzaville",
+  ch: "Schweiz",
+  ci: "Elfenbenskysten",
+  ck: "Cookøerne",
+  cl: "Chile",
+  cm: "Cameroun",
+  cn: "Kina",
+  co: "Colombia",
+  cr: "Costa Rica",
+  cu: "Cuba",
+  cv: "Kap Verde",
+  cw: "Curaçao",
+  cx: "Juleøen",
+  cy: "Cypern",
+  cz: "Tjekkiet",
+  de: "Tyskland",
+  dj: "Djibouti",
+  dk: "Danmark",
+  dm: "Dominica",
+  do: "Den Dominikanske Republik",
+  dz: "Algeriet",
+  ec: "Ecuador",
+  ee: "Estland",
+  eg: "Egypten",
+  eh: "Vestsahara",
+  er: "Eritrea",
+  es: "Spanien",
+  et: "Etiopien",
+  fi: "Finland",
+  fj: "Fiji",
+  fk: "Falklandsøerne",
+  fm: "Mikronesien",
+  fo: "Færøerne",
+  fr: "Frankrig",
+  ga: "Gabon",
+  gb: "Storbritannien",
+  gd: "Grenada",
+  ge: "Georgien",
+  gf: "Fransk Guyana",
+  gg: "Guernsey",
+  gh: "Ghana",
+  gi: "Gibraltar",
+  gl: "Grønland",
+  gm: "Gambia",
+  gn: "Guinea",
+  gp: "Guadeloupe",
+  gq: "Ækvatorialguinea",
+  gr: "Grækenland",
+  gt: "Guatemala",
+  gu: "Guam",
+  gw: "Guinea-Bissau",
+  gy: "Guyana",
+  hk: "SAR Hongkong",
+  hn: "Honduras",
+  hr: "Kroatien",
+  ht: "Haiti",
+  hu: "Ungarn",
+  id: "Indonesien",
+  ie: "Irland",
+  il: "Israel",
+  im: "Isle of Man",
+  in: "Indien",
+  io: "Det Britiske Territorium i Det Indiske Ocean",
+  iq: "Irak",
+  ir: "Iran",
+  is: "Island",
+  it: "Italien",
+  je: "Jersey",
+  jm: "Jamaica",
+  jo: "Jordan",
+  jp: "Japan",
+  ke: "Kenya",
+  kg: "Kirgisistan",
+  kh: "Cambodja",
+  ki: "Kiribati",
+  km: "Comorerne",
+  kn: "Saint Kitts og Nevis",
+  kp: "Nordkorea",
+  kr: "Sydkorea",
+  kw: "Kuwait",
+  ky: "Caymanøerne",
+  kz: "Kasakhstan",
+  la: "Laos",
+  lb: "Libanon",
+  lc: "Saint Lucia",
+  li: "Liechtenstein",
+  lk: "Sri Lanka",
+  lr: "Liberia",
+  ls: "Lesotho",
+  lt: "Litauen",
+  lu: "Luxembourg",
+  lv: "Letland",
+  ly: "Libyen",
+  ma: "Marokko",
+  mc: "Monaco",
+  md: "Moldova",
+  me: "Montenegro",
+  mf: "Saint Martin",
+  mg: "Madagaskar",
+  mh: "Marshalløerne",
+  mk: "Nordmakedonien",
+  ml: "Mali",
+  mm: "Myanmar (Burma)",
+  mn: "Mongoliet",
+  mo: "SAR Macao",
+  mp: "Nordmarianerne",
+  mq: "Martinique",
+  mr: "Mauretanien",
+  ms: "Montserrat",
+  mt: "Malta",
+  mu: "Mauritius",
+  mv: "Maldiverne",
+  mw: "Malawi",
+  mx: "Mexico",
+  my: "Malaysia",
+  mz: "Mozambique",
+  na: "Namibia",
+  nc: "Ny Kaledonien",
+  ne: "Niger",
+  nf: "Norfolk Island",
+  ng: "Nigeria",
+  ni: "Nicaragua",
+  nl: "Holland",
+  no: "Norge",
+  np: "Nepal",
+  nr: "Nauru",
+  nu: "Niue",
+  nz: "New Zealand",
+  om: "Oman",
+  pa: "Panama",
+  pe: "Peru",
+  pf: "Fransk Polynesien",
+  pg: "Papua Ny Guinea",
+  ph: "Filippinerne",
+  pk: "Pakistan",
+  pl: "Polen",
+  pm: "Saint Pierre og Miquelon",
+  pr: "Puerto Rico",
+  ps: "De palæstinensiske områder",
+  pt: "Portugal",
+  pw: "Palau",
+  py: "Paraguay",
+  qa: "Qatar",
+  re: "Réunion",
+  ro: "Rumænien",
+  rs: "Serbien",
+  ru: "Rusland",
+  rw: "Rwanda",
+  sa: "Saudi-Arabien",
+  sb: "Salomonøerne",
+  sc: "Seychellerne",
+  sd: "Sudan",
+  se: "Sverige",
+  sg: "Singapore",
+  sh: "St. Helena",
+  si: "Slovenien",
+  sj: "Svalbard og Jan Mayen",
+  sk: "Slovakiet",
+  sl: "Sierra Leone",
+  sm: "San Marino",
+  sn: "Senegal",
+  so: "Somalia",
+  sr: "Surinam",
+  ss: "Sydsudan",
+  st: "São Tomé og Príncipe",
+  sv: "El Salvador",
+  sx: "Sint Maarten",
+  sy: "Syrien",
+  sz: "Eswatini",
+  tc: "Turks- og Caicosøerne",
+  td: "Tchad",
+  tg: "Togo",
+  th: "Thailand",
+  tj: "Tadsjikistan",
+  tk: "Tokelau",
+  tl: "Timor-Leste",
+  tm: "Turkmenistan",
+  tn: "Tunesien",
+  to: "Tonga",
+  tr: "Tyrkiet",
+  tt: "Trinidad og Tobago",
+  tv: "Tuvalu",
+  tw: "Taiwan",
+  tz: "Tanzania",
+  ua: "Ukraine",
+  ug: "Uganda",
+  us: "USA",
+  uy: "Uruguay",
+  uz: "Usbekistan",
+  va: "Vatikanstaten",
+  vc: "Saint Vincent og Grenadinerne",
+  ve: "Venezuela",
+  vg: "De Britiske Jomfruøer",
+  vi: "De Amerikanske Jomfruøer",
+  vn: "Vietnam",
+  vu: "Vanuatu",
+  wf: "Wallis og Futuna",
+  ws: "Samoa",
+  ye: "Yemen",
+  yt: "Mayotte",
+  za: "Sydafrika",
+  zm: "Zambia",
+  zw: "Zimbabwe"
+};
+export default countryTranslations;

package/build/js/i18n/da/index.js

@@ -0,0 +1,5 @@
+import countryTranslations from "./countries.js";
+import interfaceTranslations from "./interface.js";
+export { countryTranslations, interfaceTranslations };
+const allTranslations = { ...countryTranslations, ...interfaceTranslations };
+export default allTranslations;

package/build/js/i18n/da/interface.js

@@ -0,0 +1,13 @@
+const interfaceTranslations = {
+  selectedCountryAriaLabel: "Valgt land",
+  noCountrySelected: "Intet land er valgt",
+  countryListAriaLabel: "Liste over lande",
+  searchPlaceholder: "Søge",
+  zeroSearchResults: "Ingen resultater fundet",
+  oneSearchResult: "1 resultat fundet",
+  multipleSearchResults: "${count} resultater fundet",
+  // additional countries (not supported by country-list library)
+  ac: "Ascension",
+  xk: "Kosovo"
+};
+export default interfaceTranslations;

package/build/js/i18n/index.js

@@ -4,6 +4,7 @@ export { default as bn, countryTranslations as bnCountryTranslations, interfaceT
 export { default as bs, countryTranslations as bsCountryTranslations, interfaceTranslations as bsInterfaceTranslations } from "./bs";
 export { default as ca, countryTranslations as caCountryTranslations, interfaceTranslations as caInterfaceTranslations } from "./ca";
 export { default as cs, countryTranslations as csCountryTranslations, interfaceTranslations as csInterfaceTranslations } from "./cs";
+export { default as da, countryTranslations as daCountryTranslations, interfaceTranslations as daInterfaceTranslations } from "./da";
 export { default as de, countryTranslations as deCountryTranslations, interfaceTranslations as deInterfaceTranslations } from "./de";
 export { default as el, countryTranslations as elCountryTranslations, interfaceTranslations as elInterfaceTranslations } from "./el";
 export { default as en, countryTranslations as enCountryTranslations, interfaceTranslations as enInterfaceTranslations } from "./en";

package/build/js/intlTelInput.d.ts

@@ -594,6 +594,24 @@ declare module "intl-tel-input/i18n/cs" {
     const allTranslations: I18n;
     export default allTranslations;
 }
+declare module "intl-tel-input/i18n/da/countries" {
+    import { I18n } from "intl-tel-input/i18n/types";
+    const countryTranslations: I18n;
+    export default countryTranslations;
+}
+declare module "intl-tel-input/i18n/da/interface" {
+    import { I18n } from "intl-tel-input/i18n/types";
+    const interfaceTranslations: I18n;
+    export default interfaceTranslations;
+}
+declare module "intl-tel-input/i18n/da" {
+    import { I18n } from "intl-tel-input/i18n/types";
+    import countryTranslations from "intl-tel-input/i18n/da/countries";
+    import interfaceTranslations from "intl-tel-input/i18n/da/interface";
+    export { countryTranslations, interfaceTranslations };
+    const allTranslations: I18n;
+    export default allTranslations;
+}
 declare module "intl-tel-input/i18n/de/countries" {
     import { I18n } from "intl-tel-input/i18n/types";
     const countryTranslations: I18n;
@@ -1105,6 +1123,7 @@ declare module "intl-tel-input/i18n" {
     export { default as bs, countryTranslations as bsCountryTranslations, interfaceTranslations as bsInterfaceTranslations } from "intl-tel-input/i18n/bs";
     export { default as ca, countryTranslations as caCountryTranslations, interfaceTranslations as caInterfaceTranslations } from "intl-tel-input/i18n/ca";
     export { default as cs, countryTranslations as csCountryTranslations, interfaceTranslations as csInterfaceTranslations } from "intl-tel-input/i18n/cs";
+    export { default as da, countryTranslations as daCountryTranslations, interfaceTranslations as daInterfaceTranslations } from "intl-tel-input/i18n/da";
     export { default as de, countryTranslations as deCountryTranslations, interfaceTranslations as deInterfaceTranslations } from "intl-tel-input/i18n/de";
     export { default as el, countryTranslations as elCountryTranslations, interfaceTranslations as elInterfaceTranslations } from "intl-tel-input/i18n/el";
     export { default as en, countryTranslations as enCountryTranslations, interfaceTranslations as enInterfaceTranslations } from "intl-tel-input/i18n/en";

package/build/js/intlTelInput.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v24.6.1
+ * International Telephone Input v24.8.0
  * https://github.com/jackocnr/intl-tel-input.git
  * Licensed under the MIT license
  */
@@ -3153,7 +3153,7 @@ var factoryOutput = (() => {
       loadUtils,
       startedLoadingUtilsScript: false,
       startedLoadingAutoCountry: false,
-      version: "24.6.1"
+      version: "24.8.0"
     }
   );
   var intl_tel_input_default = intlTelInput;