svelte-tel-input 3.4.0 → 3.5.0

package/README.md

@@ -15,7 +15,7 @@
 Svelte Tel Input is distributed via [npm](https://www.npmjs.com/package/svelte-tel-input).
 
 ```bash
-npm install --save svelte-tel-input
+npm install svelte-tel-input
 ```
 
 ## Features

package/dist/components/input/TelInput.svelte

@@ -29,6 +29,7 @@ export let country;
 export let detailedValue = null;
 export let valid = true;
 export let options = defaultOptions;
+export let el = void 0;
 let inputValue = value;
 let prevCountry = country;
 const combinedOptions = {
@@ -137,6 +138,8 @@ onMount(() => {
 </script>
 
 <input
+	{...$$restProps}
+	bind:this={el}
 	{autocomplete}
 	class={classes}
 	{disabled}

package/dist/components/input/TelInput.svelte.d.ts

@@ -2,21 +2,23 @@ import { SvelteComponentTyped } from "svelte";
 import type { DetailedValue, CountryCode, E164Number, TelInputOptions } from '../../types';
 declare const __propDef: {
     props: {
+        [x: string]: any;
         autocomplete?: string | null;
-        /** You can set the classes of the input field*/ class?: string;
-        /** You can disable the component and set the disabled attribute of the input field */ disabled?: boolean;
-        /** You can set the id attribute of the input field */ id?: string;
-        /** You can set the name attribute of the input field */ name?: string | null;
-        /** It will overwrite the autoPlaceholder ! */ placeholder?: string | null;
-        /** You can set the readonly attribute of the input field */ readonly?: boolean | null;
-        /** Set the required attribute on the input element */ required?: boolean | null;
-        /** You can set the size attribute of the input field */ size?: number | null;
-        /** The core value of the input, this is the only one what you can store. It's an E164 phone number.*/ value: E164Number | null;
-        /** It's accept any Country Code Alpha-2 (ISO 3166) */ country: CountryCode | null;
-        /** Detailed parse of the E164 phone number */ detailedValue?: Partial<DetailedValue> | null;
-        /** Validity of the input based on the config settings.*/ valid?: boolean;
-        /** You can turn on and off certain features by this object */ options?: TelInputOptions;
-        updateValue?: (newValue: string | E164Number | null, newCountry: CountryCode | null) => void;
+        class?: string;
+        disabled?: boolean;
+        id?: string;
+        name?: string | null;
+        placeholder?: string | null;
+        readonly?: boolean | null;
+        required?: boolean | null;
+        size?: number | null;
+        value: E164Number | null;
+        country: CountryCode | null;
+        detailedValue?: Partial<DetailedValue> | null;
+        valid?: boolean;
+        options?: TelInputOptions;
+        el?: HTMLInputElement | undefined;
+        updateValue?: (newValue: string | E164Number | null, newCountry?: CountryCode | null) => void;
     };
     events: {
         beforeinput: InputEvent;
@@ -43,6 +45,6 @@ export type TelInputProps = typeof __propDef.props;
 export type TelInputEvents = typeof __propDef.events;
 export type TelInputSlots = typeof __propDef.slots;
 export default class TelInput extends SvelteComponentTyped<TelInputProps, TelInputEvents, TelInputSlots> {
-    get updateValue(): (newValue: string | E164Number | null, newCountry: CountryCode | null) => void;
+    get updateValue(): (newValue: string | E164Number | null, newCountry?: CountryCode | null) => void;
 }
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "svelte-tel-input",
   "description": "svelte-tel-input",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/gyurielf/svelte-tel-input.git"