fix the issue decial update

Author: dipaksarkar

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coders-tm/vue-number-format",
-  "version": "1.0.0",
+  "version": "2.2.1",
   "private": false,
   "description": "Easy formatted numbers, currency and percentage with input/directive mask for Vue.js",
   "author": "Dipak Sarkar <hello@dipaksarkar.in> (https://dipaksarkar.in/)",

src/component.vue

@@ -14,7 +14,7 @@
 
 <script>
 import directive from './directive'
-import { cloneDeep } from "./core";
+import { cloneDeep } from './core';
 import defaultOptions from './options'
 
 const options = cloneDeep(defaultOptions)

src/core.js

@@ -6,7 +6,7 @@ export const CONFIG_KEY = '__input-facade__'
 /**
  * Creates a fuction to clone the objcet
  */
- export function cloneDeep(data) {
+export function cloneDeep(data) {
   return JSON.parse(JSON.stringify(data))
 }
 
@@ -143,7 +143,7 @@ export function inputHandler(event) {
   let positionFromEnd = target.value.length - target.selectionEnd
   const { oldValue, config } = target[CONFIG_KEY]
 
-  updateValue(target, null, { emit: false }, event)
+  updateValue(target, null, { emit: false })
   // updated cursor position
   positionFromEnd = Math.max(positionFromEnd, config.suffix.length)
   positionFromEnd = target.value.length - positionFromEnd
@@ -169,7 +169,7 @@ export function blurHandler(event) {
 
   const { oldValue } = target[CONFIG_KEY]
 
-  updateValue(target, null, { force: true, clean: true }, event)
+  updateValue(target, null, { force: true, clean: true })
 
   if (oldValue !== target.value) {
     target.dispatchEvent(FacadeBlurEvent())

src/directive.js

@@ -34,10 +34,30 @@ export default {
       if (([110, 190].includes(e.keyCode) || e.key === config.decimal) && !el.value.includes(config.decimal)) {
         e.preventDefault()
         el.setRangeText(config.decimal)
-        core.updateValue(el, null, { emit: true }, e)
+        core.updateValue(el, null, { emit: true })
         core.updateCursor(el, el.value.indexOf(config.decimal) + 1)
-      } else if (([110, 190].includes(e.keyCode) || e.key === config.decimal) && el.value.includes(config.decimal)) {
+      } else if (
+        ([110, 190].includes(e.keyCode) || e.key === config.decimal) && el.value.includes(config.decimal)
+      ) {
         e.preventDefault()
+      } else if ([8].includes(e.keyCode)) {
+        // check current cursor position is after separator when backspace key down
+        const character = el.value.slice(el.selectionEnd - 1, el.selectionEnd)
+        const replace = el.value.slice(el.selectionEnd - 2, el.selectionEnd)
+        if (character === config.separator) {
+          e.preventDefault()
+
+          let positionFromEnd = el.value.length - el.selectionEnd
+          // remove separator and before character
+          el.value = el.value.replace(replace, '')
+          // updated cursor position
+          positionFromEnd = Math.max(positionFromEnd, config.suffix.length)
+          positionFromEnd = el.value.length - positionFromEnd
+          positionFromEnd = Math.max(positionFromEnd, config.prefix.length)
+          core.updateCursor(el, positionFromEnd)
+          // trigger input event
+          el.dispatchEvent(new Event('input'))
+        }
       }
     }