From 3cae614e88b9f247bedeba498a72b00c982356a3 Mon Sep 17 00:00:00 2001
From: Adrian Hooper <adrian@euphoricpanda.co.uk>
Date: Thu, 19 Jul 2018 10:20:32 +0100
Subject: [PATCH] Can now bind any listener provided by user to the input

---
 package.json         |  1 +
 src/vue-numeric.vue  | 25 +++++++++++++++++++------
 test/karma.config.js |  5 ++++-
 3 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 3f84a84..d753a11 100644
--- a/package.json
+++ b/package.json
@@ -56,6 +56,7 @@
     "karma-spec-reporter": "^0.0.31",
     "karma-webpack": "^2.0.4",
     "mocha": "^3.5.0",
+    "phantomjs-polyfill-object-assign": "0.0.2",
     "phantomjs-prebuilt": "^2.1.15",
     "sinon": "^3.2.1",
     "sinon-chai": "^2.13.0",
diff --git a/src/vue-numeric.vue b/src/vue-numeric.vue
index 31a0688..150e577 100644
--- a/src/vue-numeric.vue
+++ b/src/vue-numeric.vue
@@ -1,13 +1,11 @@
 <template>
   <input
-    :placeholder="placeholder"
-    @blur="onBlurHandler"
-    @input="onInputHandler"
-    @focus="onFocusHandler"
+    v-if="!readOnly"
     ref="numeric"
-    type="tel"
     v-model="amount"
-    v-if="!readOnly"
+    :placeholder="placeholder"
+    type="tel"
+    v-on="inputListeners"
   >
   <span
     v-else
@@ -195,6 +193,21 @@ export default {
       return ','
     },
 
+    /**
+     * Define listeners to attach to the input
+     */
+    inputListeners () {
+      var vm = this;
+      return Object.assign({},
+        this.$listeners,
+        {
+          blur: vm.onBlurHandler,
+          input: vm.onInputHandler,
+          focus: vm.onFocusHandler,
+        }
+      );
+    },
+
     /**
      * Define thousand separator based on separator props.
      * @return {String} '.' or ','
diff --git a/test/karma.config.js b/test/karma.config.js
index 3cb6ea7..d0491a0 100644
--- a/test/karma.config.js
+++ b/test/karma.config.js
@@ -7,7 +7,10 @@ module.exports = config => {
     browsers: ['PhantomJS'],
     frameworks: ['mocha', 'sinon-chai'],
     reporters: ['spec', 'coverage'],
-    files: ['specs/*.spec.js'],
+    files: [
+      '../node_modules/phantomjs-polyfill-object-assign/object-assign-polyfill.js',
+      'specs/*.spec.js'
+    ],
     preprocessors: {
       './specs/*.spec.js': ['webpack', 'sourcemap']
     },