intl-tel-input 24.6.0 → 24.7.0

package/README.md

@@ -60,7 +60,7 @@ By default, on mobile devices we show a fullscreen popup instead of the inline d
 * Accessibility provided via ARIA tags
 * Typescript type definitions included
 * Easily customise styles by overriding CSS variables
-* React and Vue components included
+* React and Vue components also included
 * Translations for country names (etc) provided in many different languages
 * Lots of initialisation options for customisation, as well as instance methods/events for interaction
 
@@ -74,16 +74,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.0/build/css/intlTelInput.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@24.7.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.0/build/js/intlTelInput.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@24.7.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.0/build/js/utils.js",
+      loadUtilsOnInit: "https://cdn.jsdelivr.net/npm/intl-tel-input@24.7.0/build/js/utils.js",
     });
   </script>
   ```
@@ -315,10 +315,10 @@ intlTelInput(input, {
 Type: `String` Default: `""`  
 Set the initial country selection by specifying its country code e.g. `"us"` for the United States. (Be careful not to do this unless you are sure of the user's country, as it can lead to tricky issues if set incorrectly and the user auto-fills their national number and submits the form without checking - in certain cases, this can pass validation and you can end up storing a number with the wrong dial code). You can also set `initialCountry` to `"auto"`, which will look up the user's country based on their IP address (requires the `geoIpLookup` option - [see example](https://intl-tel-input.com/examples/lookup-country.html)). Note that however you use `initialCountry`, it will not update the country selection if the input already contains a number with an international dial code.
 
-**loadUtilsOnInit**  
+**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.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.
+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.7.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") }`.
 
@@ -437,7 +437,7 @@ const isValid = iti.isValidNumber();
 ```
 Returns: `true`/`false`
 
-**isValidNumberPrecise**  
+**isValidNumberPrecise** ⚠️ DEPRECATED - see [discussion](https://github.com/jackocnr/intl-tel-input/discussions/1840)  
 Check if the current number is valid using precise matching rules for each country/area code etc - [see example](https://intl-tel-input.com/examples/validation.html). Note that these rules change each month for various countries around the world, so you need to be careful to keep the plugin up-to-date else you will start rejecting valid numbers. For a simpler and more future-proof form of validation, see `isValidNumber` above. If validation fails, you can use `getValidationError` to get more information. Requires the [utils script to be loaded](#loading-the-utilities-script).  
 ```js
 const isValid = iti.isValidNumberPrecise();
@@ -492,7 +492,7 @@ const iti = intlTelInput.getInstance(input);
 iti.isValidNumber(); // etc
 ```
 
-**loadUtils**  
+**loadUtils** (see [v25 discussion](https://github.com/jackocnr/intl-tel-input/discussions/1842))  
 An alternative to the `loadUtilsOnInit` option, this method lets you manually load the utils.js script on demand, to enable formatting/validation etc. See [Loading The Utilities Script](#loading-the-utilities-script) for more information. This method should only be called once per page. A [Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) object is returned so you can use `loadUtils().then(callback)` to know when it's finished.
 ```js
 // Load from a URL:
@@ -576,14 +576,16 @@ International number formatting/validation is hard (it varies by country/distric
 
 To recompile the utils script yourself (e.g. to update the version of libphonenumber it is built from), see the [contributing guide](https://github.com/jackocnr/intl-tel-input/blob/master/.github/CONTRIBUTING.md#updating-to-a-new-version-of-libphonenumber).
 
-## Loading The Utilities Script
+## Loading The Utilities Script 
+See [v25 discussion](https://github.com/jackocnr/intl-tel-input/discussions/1842).  
+
 The utils script provides lots of great functionality (see above section), but comes at the cost of increased filesize (~260KB). There are two main ways to load the utils script, depending on whether you're concerned about filesize or not.
 
 **Option 1: intlTelInputWithUtils**  
 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.0/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.7.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:
 

package/build/js/data.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v24.6.0
+ * International Telephone Input v24.7.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.0
+ * International Telephone Input v24.7.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.0
+ * International Telephone Input v24.7.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.0"
+      version: "24.7.0"
     }
   );
   var intl_tel_input_default = intlTelInput;