svelte-tel-input 3.5.0 → 3.5.2

package/README.md

@@ -63,12 +63,12 @@ _Snippet would be too long_ - [Example](https://github.com/gyurielf/svelte-tel-i
     name="Country"
     bind:value={selectedCountry}
   >
-    <option value={null} hidden={country !== null}>Please select</option>
+    <option value={null} hidden={selectedCountry !== null}>Please select</option>
     {#each normalizedCountries as currentCountry (currentCountry.id)}
       <option
         value={currentCountry.iso2}
-        selected={currentCountry.iso2 === country}
-        aria-selected={currentCountry.iso2 === country}
+        selected={currentCountry.iso2 === selectedCountry}
+        aria-selected={currentCountry.iso2 === selectedCountry}
       >
         {currentCountry.iso2} (+{currentCountry.dialCode})
       </option>
@@ -79,7 +79,7 @@ _Snippet would be too long_ - [Example](https://github.com/gyurielf/svelte-tel-i
     bind:value
     bind:valid
     bind:detailedValue
-    class="basic-tel-input {!isValid ? 'invalid' : ''}"
+    class="basic-tel-input {!valid ? 'invalid' : ''}"
   />
 </div>
 

package/dist/components/input/TelInput.svelte

@@ -6,7 +6,6 @@ import {
   generatePlaceholder,
   telInputAction
 } from "../../utils/index.js";
-import { watcher } from "../../stores/index.js";
 const dispatch = createEventDispatcher();
 const defaultOptions = {
   autoPlaceholder: true,
@@ -25,7 +24,7 @@ export let readonly = null;
 export let required = null;
 export let size = null;
 export let value;
-export let country;
+export let country = void 0;
 export let detailedValue = null;
 export let valid = true;
 export let options = defaultOptions;
@@ -104,14 +103,13 @@ const handleParsePhoneNumber = (rawInput, currCountry = null) => {
   }
 };
 let countryWatchInitRun = true;
-const countryChangeWatchFunction = () => {
+const countryChangeWatchFunction = (current) => {
   if (!countryWatchInitRun) {
-    handleParsePhoneNumber(null, country);
+    handleParsePhoneNumber(null, current);
   }
   countryWatchInitRun = false;
 };
-const countryChangeWatch = watcher(null, countryChangeWatchFunction);
-$: $countryChangeWatch = country;
+$: countryChangeWatchFunction(country);
 $: getPlaceholder = combinedOptions.autoPlaceholder && country ? generatePlaceholder(country, {
   format: combinedOptions.format,
   spaces: combinedOptions.spaces

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

@@ -13,7 +13,7 @@ declare const __propDef: {
         required?: boolean | null;
         size?: number | null;
         value: E164Number | null;
-        country: CountryCode | null;
+        country?: CountryCode | null | undefined;
         detailedValue?: Partial<DetailedValue> | null;
         valid?: boolean;
         options?: TelInputOptions;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "svelte-tel-input",
   "description": "svelte-tel-input",
-  "version": "3.5.0",
+  "version": "3.5.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/gyurielf/svelte-tel-input.git"
@@ -27,7 +27,7 @@
     "pnpm": ">= 8"
   },
   "peerDependencies": {
-    "svelte": "^3.58.0 || ^4.0.0"
+    "svelte": "^3.58.0 || ^4.0.0 || ^5.0.0"
   },
   "dependencies": {
     "libphonenumber-js": "1.10.43"

package/dist/stores/index.d.ts

@@ -1,4 +0,0 @@
-export declare const watcher: (initialValue: string | null, watchFunction: (oldVal: string | null, newVal: string | null) => void) => {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined) => import("svelte/store").Unsubscriber;
-    set: (value: string | null) => void;
-};

package/dist/stores/index.js

@@ -1,14 +0,0 @@
-import { writable } from 'svelte/store';
-// Watch variable changes.
-export const watcher = (initialValue, watchFunction) => {
-    const { subscribe, update } = writable(initialValue);
-    return {
-        subscribe,
-        set: (value) => {
-            update((oldvalue) => {
-                watchFunction(oldvalue, value);
-                return value;
-            });
-        }
-    };
-};