not number chars feature

Author: Sanshain

package.json

@@ -1,8 +1,8 @@
 {
   "name": "svelte-mask",
   "private": false,
-  "version": "0.2.7",
-  "type": "module",
+  "version": "0.3.2",
+  "type": "module",  
   "main": "index.js",
   "repository": "https://github.com/Sanshain/svelte-input-mask",
   "scripts": {

src/PhoneMaskInput.svelte

@@ -1,6 +1,10 @@
 <script>
   
-  export let originHolder = '+7(000)0000000'
+  export let originHolder = '+7(000)0000000';
+  /**
+   * @type {string|Array<string>} - `${'_'|'*'|'-'}`
+   */
+  export let exceptNotNumbers = [];
   
   /**
    * @type {HTMLElement}
@@ -10,14 +14,17 @@
   let holderOffset = 0;
   let value = '';
 
-  let notNumbers = Array.from(originHolder).reduce((acc, c, i, arr) => ((Number.isNaN(Number.parseInt(c)) ? (acc[i] = c) : ''), acc), [])
+  /**
+   * 
+   */
+  let notNumbers = Array.from(originHolder).reduce((acc, c, i, arr) => ((!~exceptNotNumbers.indexOf(c) && Number.isNaN(Number.parseInt(c)) ? (acc[i] = c) : ''), acc), [])
 
   /**
   * @param {InputEvent} event
   */
   function onInput(event) {    
     
-    // console.log(event);
+    console.log(event);
 
 
     const formatHolder = (autoValue) => {

src/app.js

@@ -6,11 +6,13 @@ import PhoneMaskInput from './PhoneMaskInput.svelte'
  * @param {string?} id
  * @param {string?} placeholder
  */
-function createMaskInput(id, placeholder) {
+function createMaskInput(id, placeholder, options) {
   const app = new PhoneMaskInput({
     target: document.getElementById(id || 'app'),
     props: {
-      originHolder: placeholder || '+0(000)0000000'
+      originHolder: placeholder || '+0(000)0000000',
+      exceptNotNumbers: (options && options.exceptNotNumbers) || []
+      // originHolder: placeholder || '+0(___)_______'
     }
   })
 

src/main.js

@@ -5,7 +5,9 @@ import PhoneMaskInput from './PhoneMaskInput.svelte'
 const app = new PhoneMaskInput({
   target: document.getElementById('app'),
   props: {
-    originHolder: '+0(000)0000000'
+    // originHolder: '+0(000)0000000'
+    originHolder: '+0(___)_______',
+    exceptNotNumbers: ['_']
   }
 })
 

vite.config.js

@@ -4,5 +4,5 @@ import { svelte } from '@sveltejs/vite-plugin-svelte'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [svelte()],
-  target: 'iife'
+  target: 'iife'  
 })