Skip to content

Commit

Permalink
Release v24.8.1
Browse files Browse the repository at this point in the history
  • Loading branch information
jackocnr committed Dec 1, 2024
1 parent 69fbc29 commit 605acba
Show file tree
Hide file tree
Showing 23 changed files with 31 additions and 31 deletions.
2 changes: 1 addition & 1 deletion .github/ISSUE_TEMPLATE.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!-- IMPORTANT: please read the New Issue Checklist before creating a new issue: https://github.com/jackocnr/intl-tel-input/wiki/New-Issue-Checklist -->

### Plugin version
e.g. v24.8.0 (please try latest version)
e.g. v24.8.1 (please try latest version)

### Steps to reproduce
1.
Expand Down
10 changes: 5 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -75,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/[email protected].0/build/css/intlTelInput.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected].1/build/css/intlTelInput.css">
```

2. Add the plugin script and initialise it on your input element
```html
<script src="https://cdn.jsdelivr.net/npm/[email protected].0/build/js/intlTelInput.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected].1/build/js/intlTelInput.min.js"></script>
<script>
const input = document.querySelector("#phone");
window.intlTelInput(input, {
loadUtilsOnInit: "https://cdn.jsdelivr.net/npm/[email protected].0/build/js/utils.js",
loadUtilsOnInit: "https://cdn.jsdelivr.net/npm/[email protected].1/build/js/utils.js",
});
</script>
```
Expand Down Expand Up @@ -319,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/[email protected].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/[email protected].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.

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") }`.

Expand Down Expand Up @@ -593,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/[email protected].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/[email protected].1/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:

Expand Down
2 changes: 1 addition & 1 deletion build/js/data.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*
* International Telephone Input v24.8.0
* International Telephone Input v24.8.1
* https://github.com/jackocnr/intl-tel-input.git
* Licensed under the MIT license
*/
Expand Down
2 changes: 1 addition & 1 deletion build/js/data.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions build/js/intlTelInput.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*
* International Telephone Input v24.8.0
* International Telephone Input v24.8.1
* https://github.com/jackocnr/intl-tel-input.git
* Licensed under the MIT license
*/
Expand Down Expand Up @@ -3150,7 +3150,7 @@ var factoryOutput = (() => {
loadUtils,
startedLoadingUtilsScript: false,
startedLoadingAutoCountry: false,
version: "24.8.0"
version: "24.8.1"
}
);
var intl_tel_input_default = intlTelInput;
Expand Down
4 changes: 2 additions & 2 deletions build/js/intlTelInput.min.js

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions build/js/intlTelInputWithUtils.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*
* International Telephone Input v24.8.0
* International Telephone Input v24.8.1
* https://github.com/jackocnr/intl-tel-input.git
* Licensed under the MIT license
*/
Expand Down Expand Up @@ -3145,7 +3145,7 @@ var factoryOutput = (() => {
loadUtils,
startedLoadingUtilsScript: false,
startedLoadingAutoCountry: false,
version: "24.8.0"
version: "24.8.1"
}
);
var intl_tel_input_default = intlTelInput;
Expand Down
4 changes: 2 additions & 2 deletions build/js/intlTelInputWithUtils.min.js

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion composer.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "jackocnr/intl-tel-input",
"version": "24.8.0",
"version": "24.8.1",
"description": "A JavaScript plugin for entering and validating international telephone numbers",
"keywords": [
"international",
Expand Down
2 changes: 1 addition & 1 deletion package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "intl-tel-input",
"version": "24.8.0",
"version": "24.8.1",
"description": "A JavaScript plugin for entering and validating international telephone numbers",
"keywords": [
"international",
Expand Down
2 changes: 1 addition & 1 deletion react/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 `utilsScript` 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 `utilsScript` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/[email protected].0/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 `utilsScript` 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 `utilsScript` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/[email protected].1/build/js/utils.js"`.

## Props
Here's a list of all of the current props you can pass to the IntlTelInput React component.
Expand Down
2 changes: 1 addition & 1 deletion react/build/IntlTelInput.cjs
Original file line number Diff line number Diff line change
Expand Up @@ -3145,7 +3145,7 @@ var intlTelInput = Object.assign(
loadUtils,
startedLoadingUtilsScript: false,
startedLoadingAutoCountry: false,
version: "24.8.0"
version: "24.8.1"
}
);
var intl_tel_input_default = intlTelInput;
Expand Down
2 changes: 1 addition & 1 deletion react/build/IntlTelInput.js
Original file line number Diff line number Diff line change
Expand Up @@ -3109,7 +3109,7 @@ var intlTelInput = Object.assign(
loadUtils,
startedLoadingUtilsScript: false,
startedLoadingAutoCountry: false,
version: "24.8.0"
version: "24.8.1"
}
);
var intl_tel_input_default = intlTelInput;
Expand Down
2 changes: 1 addition & 1 deletion react/build/IntlTelInputWithUtils.cjs
Original file line number Diff line number Diff line change
Expand Up @@ -3141,7 +3141,7 @@ var intlTelInput = Object.assign(
loadUtils,
startedLoadingUtilsScript: false,
startedLoadingAutoCountry: false,
version: "24.8.0"
version: "24.8.1"
}
);
var intl_tel_input_default = intlTelInput;
Expand Down
2 changes: 1 addition & 1 deletion react/build/IntlTelInputWithUtils.js
Original file line number Diff line number Diff line change
Expand Up @@ -3105,7 +3105,7 @@ var intlTelInput = Object.assign(
loadUtils,
startedLoadingUtilsScript: false,
startedLoadingAutoCountry: false,
version: "24.8.0"
version: "24.8.1"
}
);
var intl_tel_input_default = intlTelInput;
Expand Down
2 changes: 1 addition & 1 deletion react/demo/set-number/set-number-bundle.js
Original file line number Diff line number Diff line change
Expand Up @@ -26696,7 +26696,7 @@
loadUtils,
startedLoadingUtilsScript: false,
startedLoadingAutoCountry: false,
version: "24.8.0"
version: "24.8.1"
}
);
var intl_tel_input_default = intlTelInput;
Expand Down
2 changes: 1 addition & 1 deletion react/demo/simple/simple-bundle.js
Original file line number Diff line number Diff line change
Expand Up @@ -26696,7 +26696,7 @@
loadUtils,
startedLoadingUtilsScript: false,
startedLoadingAutoCountry: false,
version: "24.8.0"
version: "24.8.1"
}
);
var intl_tel_input_default = intlTelInput;
Expand Down
2 changes: 1 addition & 1 deletion react/demo/toggle-disabled/toggle-disabled-bundle.js
Original file line number Diff line number Diff line change
Expand Up @@ -26696,7 +26696,7 @@
loadUtils,
startedLoadingUtilsScript: false,
startedLoadingAutoCountry: false,
version: "24.8.0"
version: "24.8.1"
}
);
var intl_tel_input_default = intlTelInput;
Expand Down
2 changes: 1 addition & 1 deletion react/demo/validation/validation-bundle.js
Original file line number Diff line number Diff line change
Expand Up @@ -26696,7 +26696,7 @@
loadUtils,
startedLoadingUtilsScript: false,
startedLoadingAutoCountry: false,
version: "24.8.0"
version: "24.8.1"
}
);
var intl_tel_input_default = intlTelInput;
Expand Down
2 changes: 1 addition & 1 deletion vue/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 `utilsScript` 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 `utilsScript` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/[email protected].0/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 `utilsScript` 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 `utilsScript` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/[email protected].1/build/js/utils.js"`.

## Props
Here's a list of all of the current props you can pass to the IntlTelInput Vue component.
Expand Down
2 changes: 1 addition & 1 deletion vue/build/IntlTelInput.mjs
Original file line number Diff line number Diff line change
Expand Up @@ -2502,7 +2502,7 @@ const W = (u) => {
loadUtils: W,
startedLoadingUtilsScript: !1,
startedLoadingAutoCountry: !1,
version: "24.8.0"
version: "24.8.1"
}
), J = {
__name: "IntlTelInput",
Expand Down
2 changes: 1 addition & 1 deletion vue/build/IntlTelInputWithUtils.mjs
Original file line number Diff line number Diff line change
Expand Up @@ -2498,7 +2498,7 @@ const V2 = (y) => {
loadUtils: V2,
startedLoadingUtilsScript: !1,
startedLoadingAutoCountry: !1,
version: "24.8.0"
version: "24.8.1"
}
);
(function() {
Expand Down

0 comments on commit 605acba

Please sign in to comment.