From 19ae25d4a72637c29a7144c9824fce88f6e94c96 Mon Sep 17 00:00:00 2001
From: Guy Schlider <guy@biggercake.co>
Date: Fri, 15 Sep 2017 14:49:18 +0300
Subject: [PATCH 1/2] Support min/max limits

---
 README.md         |  9 +++++++--
 src/component.vue | 16 +++++++++++++++-
 src/docs/docs.vue | 17 ++++++++++++++++-
 src/options.js    |  4 +++-
 4 files changed, 41 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 6d89762..c070d7d 100644
--- a/README.md
+++ b/README.md
@@ -10,6 +10,7 @@
 - Component or Directive flavors
 - Accept copy/paste
 - Editable
+- Min/Max Range.
 
 For other types of mask, use [vue-the-mask](https://vuejs-tips.github.io/vue-the-mask)
 
@@ -49,7 +50,9 @@ Vue.use(money, {precision: 4})
           prefix: 'R$ ',
           suffix: ' #',
           precision: 2,
-          masked: false
+          masked: false,
+          min: 0,
+          max: 10000
         }
       }
     }
@@ -79,7 +82,7 @@ Must use `vmodel.lazy` to bind works properly.
           prefix: 'R$ ',
           suffix: ' #',
           precision: 2,
-          masked: false /* doesn't work with directive */
+          masked: false /* doesn't work with directive */,
         }
       }
     },
@@ -99,6 +102,8 @@ Must use `vmodel.lazy` to bind works properly.
 | prefix    | false    | String  | ""      | Currency symbol followed by a Space, like "R$ "         |
 | suffix    | false    | String  | ""      | Percentage for example: " %"                            |
 | masked    | false    | Boolean | false   | If the component output should include the mask or not  |
+| min       | false    | Number  | null    | Limit min value, when null no limit                     |
+| max       | false    | Number  | null    | Limit max value, when null no limit                     |
 
 ### References
 
diff --git a/src/component.vue b/src/component.vue
index cfb5cbc..b48a77b 100644
--- a/src/component.vue
+++ b/src/component.vue
@@ -2,7 +2,7 @@
   <input type="tel"
          :value="formattedValue"
          @change="change"
-         v-money="{precision, decimal, thousands, prefix, suffix}"
+         v-money="{precision, decimal, thousands, prefix, suffix, min, max}"
          class="v-money" />
 </template>
 
@@ -42,6 +42,14 @@ export default {
     suffix: {
       type: String,
       default: () => defaults.suffix
+    },
+    min: {
+      type: Number,
+      default: () => defaults.min
+    },
+    max: {
+      type: Number,
+      default: () => defaults.max
     }
   },
 
@@ -67,6 +75,12 @@ export default {
 
   methods: {
     change (evt) {
+        var unMaskedValue = unformat(evt.target.value, this.precision)
+        if (this.min !== null && unMaskedValue < this.min) {
+            evt.target.value = format(this.min, this.$props)
+        } else if (this.max !== null && unMaskedValue > this.max) {
+            evt.target.value = format(this.max, this.$props)
+        }
       this.$emit('input', this.masked ? evt.target.value : unformat(evt.target.value, this.precision))
     }
   }
diff --git a/src/docs/docs.vue b/src/docs/docs.vue
index 2f0df75..4bae657 100644
--- a/src/docs/docs.vue
+++ b/src/docs/docs.vue
@@ -75,6 +75,21 @@
     <div class="column col-2 col-sm-3">
       <input class="form-input" type="text" id="thousands" v-model="config.thousands" />
     </div>
+
+    <div class="column col-2 col-sm-3">
+      <label class="form-label" for="thousands">Min</label>
+    </div>
+    <div class="column col-2 col-sm-3">
+      <input class="form-input" type="number" id="minValue" v-model.number="config.min" />
+    </div>
+
+    <div class="column col-2 col-sm-3">
+      <label class="form-label" for="thousands">Max</label>
+    </div>
+    <div class="column col-2 col-sm-3">
+      <input class="form-input" type="number" id="maxValue" v-model.number="config.max" />
+    </div>
+
     <div class="column col-4 col-sm-5">
       <div class="form-group">
         <label class="form-checkbox">
@@ -113,7 +128,7 @@ export default {
       price: 1234.5,
       priceDirective: 5432.1,
       priceVuetify: 6789.10,
-      config: {decimal: ',', thousands: '.', prefix: 'R$ ', suffix: ' #', precision: 2, masked: false}
+      config: {decimal: ',', thousands: '.', prefix: 'R$ ', suffix: ' #', precision: 2, masked: false, min: 0, max: 100}
     }
   }
 }
diff --git a/src/options.js b/src/options.js
index 2fabe99..dd33724 100644
--- a/src/options.js
+++ b/src/options.js
@@ -3,5 +3,7 @@ export default {
   suffix: '',
   thousands: ',',
   decimal: '.',
-  precision: 2
+  precision: 2,
+  min: null,
+  max: null
 }

From 9b7f5e8e096c7982e608b03a234e5492ac52989e Mon Sep 17 00:00:00 2001
From: Guy Schlider <guy@biggercake.co>
Date: Fri, 15 Sep 2017 14:53:59 +0300
Subject: [PATCH 2/2] updated build

---
 dist/v-money.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/dist/v-money.js b/dist/v-money.js
index ee15d27..d970da4 100644
--- a/dist/v-money.js
+++ b/dist/v-money.js
@@ -1 +1 @@
-(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VMoney=t():e.VMoney=t()})(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p=".",t(t.s=9)}([function(e,t,n){"use strict";t.a={prefix:"",suffix:"",thousands:",",decimal:".",precision:2}},function(e,t,n){"use strict";var r=n(2),i=n(5),u=n(0);t.a=function(e,t){var o=n.i(i.a)(u.a,t.value);if("INPUT"!==e.tagName.toLocaleUpperCase()){var a=e.getElementsByTagName("input");1!==a.length||(e=a[0])}e.oninput=function(){var t=e.value.length-e.selectionEnd;e.value=n.i(r.a)(e.value,o),t=Math.max(t,o.suffix.length),t=e.value.length-t,t=Math.max(t,o.prefix.length+1),n.i(r.b)(e,t),e.dispatchEvent(n.i(r.c)("change"))},e.onfocus=function(){n.i(r.b)(e,e.value.length-o.suffix.length)},e.oninput(),e.dispatchEvent(n.i(r.c)("input"))}},function(e,t,n){"use strict";function r(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:v.a;"number"==typeof e&&(e=e.toFixed(o(t.precision)));var n=e.indexOf("-")>=0?"-":"",r=u(e),i=c(r,t.precision),a=d(i).split("."),l=a[0],p=a[1];return l=f(l,t.thousands),t.prefix+n+s(l,p,t.decimal)+t.suffix}function i(e,t){var n=e.indexOf("-")>=0?-1:1,r=u(e),i=c(r,t);return parseFloat(i)*n}function u(e){return d(e).replace(/\D+/g,"")||"0"}function o(e){return a(0,e,20)}function a(e,t,n){return Math.max(e,Math.min(t,n))}function c(e,t){var n=Math.pow(10,t);return(parseFloat(e)/n).toFixed(o(t))}function f(e,t){return e.replace(/(\d)(?=(?:\d{3})+\b)/gm,"$1"+t)}function s(e,t,n){return t?e+n+t:e}function d(e){return e?e.toString():""}function l(e,t){var n=function(){e.setSelectionRange(t,t)};e===document.activeElement&&(n(),setTimeout(n,1))}function p(e){var t=document.createEvent("Event");return t.initEvent(e,!0,!0),t}var v=n(0);n.d(t,"a",function(){return r}),n.d(t,"d",function(){return i}),n.d(t,"b",function(){return l}),n.d(t,"c",function(){return p})},function(e,t,n){"use strict";function r(e,t){t&&Object.keys(t).map(function(e){a.a[e]=t[e]}),e.directive("money",o.a),e.component("money",u.a)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(6),u=n.n(i),o=n(1),a=n(0);n.d(t,"Money",function(){return u.a}),n.d(t,"VMoney",function(){return o.a}),n.d(t,"options",function(){return a.a}),n.d(t,"VERSION",function(){return c});var c="0.8.0";t.default=r,"undefined"!=typeof window&&window.Vue&&window.Vue.use(r)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),i=n(0),u=n(2);t.default={name:"Money",props:{value:{default:0},masked:{default:!1},precision:{default:function(){return i.a.precision}},decimal:{default:function(){return i.a.decimal}},thousands:{default:function(){return i.a.thousands}},prefix:{default:function(){return i.a.prefix}},suffix:{default:function(){return i.a.suffix}}},directives:{money:r.a},data:function(){return{formattedValue:""}},watch:{value:{immediate:!0,handler:function(e,t){var r=n.i(u.a)(e,this.$props);r!==this.formattedValue&&(this.formattedValue=r)}}},methods:{change:function(e){this.$emit("input",this.masked?e.target.value:n.i(u.d)(e.target.value,this.precision))}}}},function(e,t,n){"use strict";t.a=function(e,t){return e=e||{},t=t||{},Object.keys(e).concat(Object.keys(t)).reduce(function(n,r){return n[r]=void 0===t[r]?e[r]:t[r],n},{})}},function(e,t,n){var r=n(7)(n(4),n(8),null,null);e.exports=r.exports},function(e,t){e.exports=function(e,t,n,r){var i,u=e=e||{},o=typeof e.default;"object"!==o&&"function"!==o||(i=e,u=e.default);var a="function"==typeof u?u.options:u;if(t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),n&&(a._scopeId=n),r){var c=a.computed||(a.computed={});Object.keys(r).forEach(function(e){var t=r[e];c[e]=function(){return t}})}return{esModule:i,exports:u,options:a}}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("input",{directives:[{name:"money",rawName:"v-money",value:{precision:e.precision,decimal:e.decimal,thousands:e.thousands,prefix:e.prefix,suffix:e.suffix},expression:"{precision, decimal, thousands, prefix, suffix}"}],staticClass:"v-money",attrs:{type:"tel"},domProps:{value:e.formattedValue},on:{change:e.change}})},staticRenderFns:[]}},function(e,t,n){e.exports=n(3)}])});
\ No newline at end of file
+(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VMoney=t():e.VMoney=t()})(this,function(){return function(e){function t(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p=".",t(t.s=9)}([function(e,t,n){"use strict";t.a={prefix:"",suffix:"",thousands:",",decimal:".",precision:2,min:null,max:null}},function(e,t,n){"use strict";var i=n(2),r=n(4),u=n(0);t.a=function(e,t){var o=n.i(r.a)(u.a,t.value);if("INPUT"!==e.tagName.toLocaleUpperCase()){var a=e.getElementsByTagName("input");1!==a.length||(e=a[0])}e.oninput=function(){var t=e.value.length-e.selectionEnd;e.value=n.i(i.a)(e.value,o),t=Math.max(t,o.suffix.length),t=e.value.length-t,t=Math.max(t,o.prefix.length+1),n.i(i.b)(e,t),e.dispatchEvent(n.i(i.c)("change"))},e.onfocus=function(){n.i(i.b)(e,e.value.length-o.suffix.length)},e.oninput(),e.dispatchEvent(n.i(i.c)("input"))}},function(e,t,n){"use strict";function i(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m.a;"number"==typeof e&&(e=e.toFixed(o(t.precision)));var n=e.indexOf("-")>=0?"-":"",i=u(e),r=c(i,t.precision),a=d(r).split("."),l=a[0],p=a[1];return l=f(l,t.thousands),t.prefix+n+s(l,p,t.decimal)+t.suffix}function r(e,t){var n=e.indexOf("-")>=0?-1:1,i=u(e),r=c(i,t);return parseFloat(r)*n}function u(e){return d(e).replace(/\D+/g,"")||"0"}function o(e){return a(0,e,20)}function a(e,t,n){return Math.max(e,Math.min(t,n))}function c(e,t){var n=Math.pow(10,t);return(parseFloat(e)/n).toFixed(o(t))}function f(e,t){return e.replace(/(\d)(?=(?:\d{3})+\b)/gm,"$1"+t)}function s(e,t,n){return t?e+n+t:e}function d(e){return e?e.toString():""}function l(e,t){var n=function(){e.setSelectionRange(t,t)};e===document.activeElement&&(n(),setTimeout(n,1))}function p(e){var t=document.createEvent("Event");return t.initEvent(e,!0,!0),t}n.d(t,"a",function(){return i}),n.d(t,"d",function(){return r}),n.d(t,"b",function(){return l}),n.d(t,"c",function(){return p});var m=n(0)},function(e,t,n){"use strict";function i(e,t){t&&Object.keys(t).map(function(e){a.a[e]=t[e]}),e.directive("money",o.a),e.component("money",u.a)}Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"VERSION",function(){return c});var r=n(6),u=n.n(r),o=n(1),a=n(0);n.d(t,"Money",function(){return u.a}),n.d(t,"VMoney",function(){return o.a}),n.d(t,"options",function(){return a.a});var c="0.8.0";t.default=i,"undefined"!=typeof window&&window.Vue&&window.Vue.use(i)},function(e,t,n){"use strict";t.a=function(e,t){return e=e||{},t=t||{},Object.keys(e).concat(Object.keys(t)).reduce(function(n,i){return n[i]=void 0===t[i]?e[i]:t[i],n},{})}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),r=n(0),u=n(2);t.default={name:"Money",props:{value:{required:!0,type:[Number,String],default:0},masked:{type:Boolean,default:!1},precision:{type:Number,default:function(){return r.a.precision}},decimal:{type:String,default:function(){return r.a.decimal}},thousands:{type:String,default:function(){return r.a.thousands}},prefix:{type:String,default:function(){return r.a.prefix}},suffix:{type:String,default:function(){return r.a.suffix}},min:{type:Number,default:function(){return r.a.min}},max:{type:Number,default:function(){return r.a.max}}},directives:{money:i.a},data:function(){return{formattedValue:""}},watch:{value:{immediate:!0,handler:function(e,t){var i=n.i(u.a)(e,this.$props);i!==this.formattedValue&&(this.formattedValue=i)}}},methods:{change:function(e){var t=n.i(u.d)(e.target.value,this.precision);null!==this.min&&t<this.min?e.target.value=n.i(u.a)(this.min,this.$props):null!==this.max&&t>this.max&&(e.target.value=n.i(u.a)(this.max,this.$props)),this.$emit("input",this.masked?e.target.value:n.i(u.d)(e.target.value,this.precision))}}}},function(e,t,n){var i=n(7)(n(5),n(8),null,null);e.exports=i.exports},function(e,t){e.exports=function(e,t,n,i){var r,u=e=e||{},o=typeof e.default;"object"!==o&&"function"!==o||(r=e,u=e.default);var a="function"==typeof u?u.options:u;if(t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),n&&(a._scopeId=n),i){var c=a.computed||(a.computed={});Object.keys(i).forEach(function(e){var t=i[e];c[e]=function(){return t}})}return{esModule:r,exports:u,options:a}}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("input",{directives:[{name:"money",rawName:"v-money",value:{precision:e.precision,decimal:e.decimal,thousands:e.thousands,prefix:e.prefix,suffix:e.suffix,min:e.min,max:e.max},expression:"{precision, decimal, thousands, prefix, suffix, min, max}"}],staticClass:"v-money",attrs:{type:"tel"},domProps:{value:e.formattedValue},on:{change:e.change}})},staticRenderFns:[]}},function(e,t,n){e.exports=n(3)}])});
\ No newline at end of file