intl-tel-input 25.14.1 → 25.15.1

package/vue/README.md

@@ -10,7 +10,9 @@ A Vue component wrapper for the [intl-tel-input](https://github.com/jackocnr/int
 - [Accessing Static Methods](#accessing-static-methods)
 
 ## Demo
-Try it for yourself by downloading the project and running `npm install` and then `npm run vue:demo` and then copy the given URL into your browser.
+There is a demo of the Vue component on the [demo site](https://intl-tel-input.com/examples/vue-component.html) with example code.
+
+Alternatively, download and build the project yourself in 3 simple steps. You just need to initialise the submodules with `git submodule update --init --recursive`, then run `npm install`, and then `npm run build`. You can then run `npm run vue:demo` and copy the given URL into your browser. By default, this is setup to show the validation demo - you can change this by locating the `"vue:demo"` task in the scripts section of package.json, and updating the demo path accordingly. View a list of available demos [here](https://github.com/jackocnr/intl-tel-input/tree/master/vue/demo).
 
 ## Getting Started
 ```vue
@@ -28,13 +30,9 @@ Try it for yourself by downloading the project and running `npm install` and the
 </template>
 ```
 
-See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master/vue/demo/validation/App.vue) for a more fleshed-out example of how to handle validation. Make sure to change the path in the `package.json` script to the correct demo if you're running it locally e.g.:
-
-```
-"vue:demo": "vite --config vue/demo/[demo variant]/vite.config.js"
-```
+See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master/vue/demo/validation/App.vue) for a more fleshed-out example of how to handle validation. See the instructions above for how to run this demo (and others) yourself.
 
-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.14.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/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.15.1/build/js/utils.js"`.
 
 ## Props
 Here's a list of all of the current props you can pass to the IntlTelInput Vue component.
@@ -45,7 +43,7 @@ Sets the disabled attribute of both the telephone input and selected country but
 
 **inputProps**  
 Type: `Object`  
-The props to pass to the input element e.g. `id`, `class`, `placeholder`, `required`, `onBlur` etc. *Note: we recommend using the separate `disabled` prop instead of `inputProps.disabled`.*
+The props to pass to the input element, e.g. `id`, `class`, `placeholder`, `required`, `onBlur`. *Note: we recommend using the separate `disabled` prop instead of `inputProps.disabled`.*
 
 **options**  
 Type: `Object`  
@@ -60,7 +58,7 @@ Here's a list of all of the current events you can listen to on the IntlTelInput
 
 **changeCountry**  
 Type: `Function`  
-A handler to be called when the selected country changes. It will be passed the new country iso2 code e.g. "gb" for UK.
+A handler to be called when the selected country changes. It will be passed the new country iso2 code, e.g. "gb" for the UK.
 
 **changeErrorCode**  
 Type: `Function`  

package/vue/build/IntlTelInput.mjs

@@ -3317,7 +3317,7 @@ const Tt = (l) => {
     attachUtils: Tt,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.14.1"
+    version: "25.15.1"
   }
 ), Ot = {
   __name: "IntlTelInput",

package/vue/build/IntlTelInput.vue.d.ts

@@ -0,0 +1,34 @@
+import { SomeOptions } from './modules/types/public-api';
+import { InputHTMLAttributes } from 'vue';
+interface Props {
+    options?: SomeOptions;
+    disabled?: boolean;
+    inputProps?: InputHTMLAttributes;
+}
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    instance: import('vue').Ref<any, any>;
+    input: import('vue').Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    changeNumber: (...args: any[]) => void;
+    changeCountry: (...args: any[]) => void;
+    changeValidity: (...args: any[]) => void;
+    changeErrorCode: (...args: any[]) => void;
+    "update:modelValue": (value: string) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChangeNumber?: (...args: any[]) => any;
+    onChangeCountry?: (...args: any[]) => any;
+    onChangeValidity?: (...args: any[]) => any;
+    onChangeErrorCode?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (value: string) => any;
+}>, {
+    disabled: boolean;
+    options: SomeOptions;
+    inputProps: InputHTMLAttributes;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    input: HTMLInputElement;
+}, any>;
+export default _default;