@intl-tel-input/svelte 28.0.2 → 28.0.3

package/README.md

@@ -1,6 +1,6 @@
-# IntlTelInput Svelte Component
+# Svelte component for intl-tel-input
 
-A Svelte 5 component for the [intl-tel-input](https://github.com/jackocnr/intl-tel-input) JavaScript library. View the [source code](https://github.com/jackocnr/intl-tel-input/blob/master/packages/svelte/src/IntlTelInput.svelte).
+For entering, formatting, and validating international telephone numbers.
 
 [Explore docs »](https://intl-tel-input.com/docs/svelte-component)
 
@@ -10,6 +10,10 @@ A Svelte 5 component for the [intl-tel-input](https://github.com/jackocnr/intl-t
   <img width="271" height="279" alt="intl-tel-input screenshot showing country dropdown open" src="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/iti-github-light.png">
 </picture>
 
+## Resources
+
+Check out the [website](https://intl-tel-input.com), where you can find [a full set of docs](https://intl-tel-input.com/docs/svelte-component), a [live playground](https://intl-tel-input.com/playground/) where you can try out all of the options, as well as plenty of [examples](https://intl-tel-input.com/examples/svelte-component/validation) of different setups.
+
 ## Running the demos locally
 
 1. Initialise the submodules: `git submodule update --init --recursive`
@@ -18,3 +22,11 @@ A Svelte 5 component for the [intl-tel-input](https://github.com/jackocnr/intl-t
 4. Run a demo: `npm run svelte:demo` and copy the given URL into your browser.
 
 This defaults to the validation demo — to run a different one, set the `DEMO` env var, e.g. `DEMO=simple npm run svelte:demo`. View the full list of [available demos](https://github.com/jackocnr/intl-tel-input/tree/master/packages/svelte/demo).
+
+## Issues and contributing
+
+Please report issues and open pull requests on the [main repository](https://github.com/jackocnr/intl-tel-input).
+
+## License
+
+MIT

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@intl-tel-input/svelte",
-  "version": "28.0.2",
-  "description": "A Svelte component for the intl-tel-input JavaScript plugin",
+  "version": "28.0.3",
+  "description": "A Svelte component for intl-tel-input, for entering, formatting, and validating international telephone numbers",
   "type": "module",
   "license": "MIT",
   "author": "Jack O'Connor (http://jackocnr.com)",
@@ -25,7 +25,7 @@
     "README.md"
   ],
   "dependencies": {
-    "intl-tel-input": "^28.0.2"
+    "intl-tel-input": "^28.0.3"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"

package/src/IntlTelInput.svelte

@@ -36,8 +36,8 @@
   // State
   let inputElement: HTMLInputElement | undefined = $state();
   let instance: Iti | undefined = $state();
-  // Classes the plugin adds directly to the input (e.g. iti__tel-input)
-  let pluginInputClasses = $state("");
+  // Classes the library adds directly to the input (e.g. iti__tel-input)
+  let libraryInputClasses = $state("");
   let lastEmittedNumber: string | undefined = $state();
   let lastEmittedCountry: string | undefined = $state();
   let lastEmittedValidity: boolean | undefined = $state();
@@ -119,7 +119,7 @@
   onMount(() => {
     if (inputElement) {
       instance = intlTelInput(inputElement, initOptions as SomeOptions);
-      pluginInputClasses = inputElement.className;
+      libraryInputClasses = inputElement.className;
       if (disabled) instance.setDisabled(disabled);
       if (readonly) instance.setReadonly(readonly);
 
@@ -215,7 +215,7 @@
       if (ignoredInputProps.has(key)) {
         warnInputProp(key);
       } else if (key === "class") {
-        rest[key] = `${pluginInputClasses} ${val}`;
+        rest[key] = `${libraryInputClasses} ${val}`;
       } else {
         rest[key] = val;
       }