intl-tel-input 25.14.0 → 25.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intl-tel-input",
-  "version": "25.14.0",
+  "version": "25.15.0",
   "description": "A JavaScript plugin for entering and validating international telephone numbers",
   "keywords": [
     "international",

package/react/README.md

@@ -30,7 +30,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.
 
 ## Utils Script
-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 just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@25.14.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 `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 just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@25.15.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

@@ -4106,7 +4106,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.14.0"
+    version: "25.15.0"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInput.js

@@ -4070,7 +4070,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.14.0"
+    version: "25.15.0"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.cjs

@@ -4106,7 +4106,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.14.0"
+    version: "25.15.0"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.js

@@ -4070,7 +4070,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.14.0"
+    version: "25.15.0"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/svelte/README.md

@@ -30,7 +30,7 @@ See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master
 "svelte:demo": "vite --config svelte/demo/[demo variant]/vite.config.mjs"
 ```
 
-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/svelteWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/svelte"` 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.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/svelteWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/svelte"` 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.0/build/js/utils.js"`.
 
 ## Props
 Here's a list of all of the current props you can pass to the IntlTelInput Svelte component.

package/svelte/build/IntlTelInput.mjs

@@ -5145,7 +5145,7 @@ const Gs = (e) => {
     attachUtils: Gs,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.14.0"
+    version: "25.15.0"
   }
 );
 var zs = /* @__PURE__ */ es("<input/>");

package/svelte/build/IntlTelInputWithUtils.mjs

@@ -5145,7 +5145,7 @@ const B9 = (t) => {
     attachUtils: B9,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.14.0"
+    version: "25.15.0"
   }
 );
 (function() {

package/vue/README.md

@@ -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 `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.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 `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.0/build/js/utils.js"`.
 
 ## Props
 Here's a list of all of the current props you can pass to the IntlTelInput Vue component.

package/vue/build/IntlTelInput.mjs

@@ -3317,7 +3317,7 @@ const Tt = (l) => {
     attachUtils: Tt,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.14.0"
+    version: "25.15.0"
   }
 ), 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;

package/vue/build/IntlTelInputWithUtils.mjs

@@ -3317,7 +3317,7 @@ const L2 = (h) => {
     attachUtils: L2,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.14.0"
+    version: "25.15.0"
   }
 );
 (function() {

package/vue/build/IntlTelInputWithUtils.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;

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

@@ -0,0 +1,3 @@
+import { default as IntlTelInput } from '../IntlTelInput.vue';
+export type { SomeOptions } from '../modules/types/public-api';
+export default IntlTelInput;

package/vue/build/exports/IntlTelInput.mjs

@@ -0,0 +1,66 @@
+import { defineComponent as g, mergeModels as m, useModel as b, ref as r, onMounted as h, watch as C, onUnmounted as M, withDirectives as N, createElementBlock as P, openBlock as D, mergeProps as E, vModelText as I } from "vue";
+import { i as k } from "../intl-tel-input-Db39yQmC.mjs";
+const B = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "IntlTelInput",
+  props: /* @__PURE__ */ m({
+    options: { default: () => ({}) },
+    disabled: { type: Boolean, default: !1 },
+    inputProps: { default: () => ({}) }
+  }, {
+    modelValue: {
+      default: ""
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ m([
+    "changeNumber",
+    "changeCountry",
+    "changeValidity",
+    "changeErrorCode"
+  ], ["update:modelValue"]),
+  setup(s, { expose: v, emit: f }) {
+    const u = b(s, "modelValue"), l = s, o = f, n = r(), t = r(), i = r(!1), d = () => t.value ? l.options.strictMode ? t.value.isValidNumberPrecise() : t.value.isValidNumber() : null, p = () => {
+      let e = d();
+      i.value !== e && (i.value = e, o("changeValidity", !!e), o(
+        "changeErrorCode",
+        e ? null : t.value.getValidationError()
+      ));
+    }, c = () => {
+      var e;
+      o("changeNumber", ((e = t.value) == null ? void 0 : e.getNumber()) ?? ""), p();
+    }, y = () => {
+      var e;
+      o("changeCountry", ((e = t.value) == null ? void 0 : e.getSelectedCountryData().iso2) ?? ""), c(), p();
+    };
+    return h(() => {
+      n.value && (t.value = k(n.value, l.options), u.value && t.value.setNumber(u.value), l.disabled && t.value.setDisabled(l.disabled), i.value = d());
+    }), C(
+      () => l.disabled,
+      (e) => {
+        var a;
+        return (a = t.value) == null ? void 0 : a.setDisabled(e);
+      }
+    ), M(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.destroy();
+    }), v({ instance: t, input: n }), (e, a) => N((D(), P("input", E({
+      ref_key: "input",
+      ref: n,
+      "onUpdate:modelValue": a[0] || (a[0] = (V) => u.value = V),
+      type: "tel",
+      onCountrychange: y,
+      onInput: c
+    }, e.inputProps), null, 16)), [
+      [
+        I,
+        u.value,
+        void 0,
+        { lazy: !0 }
+      ]
+    ]);
+  }
+});
+export {
+  B as default
+};

package/vue/build/exports/IntlTelInputWithUtils.d.ts

@@ -0,0 +1,3 @@
+import { default as IntlTelInputWithUtils } from '../IntlTelInputWithUtils.vue';
+export type { SomeOptions } from '../modules/types/public-api';
+export default IntlTelInputWithUtils;