@eturnity/eturnity_reusable_components 1.2.31-3d-master.2 → 1.2.31-3d-master.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.31-3d-master.2",
+  "version": "1.2.31-3d-master.4",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/inputs/inputNumber/index.vue

@@ -1,7 +1,6 @@
 <template>
   <container :inputWidth="inputWidth" :alignItems="alignItems">
     <label-slot-wrapper v-if="hasLabelSlot" :isInteractive="isInteractive" @mousedown="initInteraction">
-
       <slot name="label"></slot>
     </label-slot-wrapper>
     
@@ -488,6 +487,15 @@ export default {
       })
       this.$emit('input-focus')
     },
+    blurInput() {
+      if (this.disabled) {
+        return
+      }
+      this.isFocused = false
+      this.$nextTick(() => {
+        this.$refs.inputField1.$el.blur()
+      })
+    },
     formatWithCurrency(value) {
       let adjustedMinValue =
         value || value === 0
@@ -517,6 +525,7 @@ export default {
       }
     },
     initInteraction(e) {
+      this.focusInput()
       window.addEventListener('mousemove', this.interact, false);
       window.addEventListener('mouseup', this.stopInteract, false);
       e.preventDefault() 
@@ -537,8 +546,9 @@ export default {
     },
     stopInteract(e) {
       e.preventDefault() 
-        window.removeEventListener('mousemove', this.interact, false);
-        window.removeEventListener('mouseup', this.stopInteract, false);
+      window.removeEventListener('mousemove', this.interact, false);
+      window.removeEventListener('mouseup', this.stopInteract, false);
+      this.blurInput()
     },
   },
   created() {