From 79216762766b409853374a0e83f60318736dc67d Mon Sep 17 00:00:00 2001
From: Alexander Shabunevich <loonar@gmail.com>
Date: Mon, 27 May 2024 22:35:48 +0300
Subject: [PATCH] chore: add svelte examples

---
 packages/svelte/test/components/Demo.svelte   |  4 ++++
 packages/svelte/test/components/Event.svelte  |  9 +++++++++
 packages/svelte/test/components/Number.svelte | 13 +++++++++++++
 3 files changed, 26 insertions(+)
 create mode 100644 packages/svelte/test/components/Event.svelte
 create mode 100644 packages/svelte/test/components/Number.svelte

diff --git a/packages/svelte/test/components/Demo.svelte b/packages/svelte/test/components/Demo.svelte
index e3b57a8..9bc1690 100644
--- a/packages/svelte/test/components/Demo.svelte
+++ b/packages/svelte/test/components/Demo.svelte
@@ -1,6 +1,8 @@
 <script lang="ts">
   import BindValue from './BindValue.svelte'
+  import Event from './Event.svelte'
   import InitialValue from './InitialValue.svelte'
+  import Number from './Number.svelte'
   import Options from './Options.svelte'
   import Simple from './Simple.svelte'
 
@@ -10,7 +12,9 @@
 <main>
   <select bind:value={component}>
     <option value={BindValue}>BindValue</option>
+    <option value={Event}>Event</option>
     <option value={InitialValue}>InitialValue</option>
+    <option value={Number}>Number</option>
     <option value={Options}>Options</option>
     <option value={Simple}>Simple</option>
   </select>
diff --git a/packages/svelte/test/components/Event.svelte b/packages/svelte/test/components/Event.svelte
new file mode 100644
index 0000000..65c4bbf
--- /dev/null
+++ b/packages/svelte/test/components/Event.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+  import { type MaskaDetail, maska } from '../../src'
+
+  const onMaska = (e: CustomEvent<MaskaDetail>) => console.log(e.detail.masked)
+</script>
+
+<main>
+  <input use:maska data-maska="#-#" on:maska={onMaska} />
+</main>
diff --git a/packages/svelte/test/components/Number.svelte b/packages/svelte/test/components/Number.svelte
new file mode 100644
index 0000000..532300e
--- /dev/null
+++ b/packages/svelte/test/components/Number.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  import { maska } from '../../src'
+
+  const options = {
+    number: {}
+  }
+</script>
+
+<main>
+  <input use:maska={options} />
+  <input use:maska data-maska-number />
+  <input use:maska data-maska-number-locale="ru" />
+</main>