v-money3 3.22.3 → 3.24.0

package/README.md

@@ -29,9 +29,9 @@ Feel free to open an issue or post a pull request!
 ## Arbitrary precision
 
 Arbitrary precision is only supported with `v-model`.
-It expects to receive a string representation of a number. `'12345.67'`
+It expects to receive a string representation of a number, such as `'12345.67'`
 
-Some break changes where introduced in this release.
+Some break changes were introduced in this release.
 Let's follow a train of thought:   
 If your precision is set to `2` and you set a default model value of `'55'`, 
 it will be interpreted as `'0.55'`.
@@ -45,11 +45,10 @@ boundaries of [`Number`](https://developer.mozilla.org/en-US/docs/Web/JavaScript
 If you fit this instance, you need to use `v-model`
 with the number modifier, or `v-model.number`. But than,
 you are stuck with numbers smaller than `2^53 - 1` or
-`9007199254740991` or `9,007,199,254,740,991`.
-Little more than nine quadrilion...
+`9007199254740991` or `9,007,199,254,740,991`. - Little more than nine quadrilion...
 See [MAX_SAFE_INTEGER](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER).
 
-For those who are using `v-model.number`, integers and floats are compleatly
+For those who are using `v-model.number`, integers and floats are completely
 understood.  
 Let's follow another train of thought:  
 If your precision is set to `2` and you set a default model value of `55`,
@@ -131,6 +130,8 @@ app.directive('money3', Money3Directive)
           max: null,
           allowBlank: false,
           minimumNumberOfCharacters: 0,
+          shouldRound: true,
+          focusOnRight: false,
         }
       }
     }
@@ -197,6 +198,8 @@ Must use `v-model.lazy` to bind works properly.
           max: null,
           allowBlank: false,
           minimumNumberOfCharacters: 0,
+          shouldRound: true,
+          focusOnRight: false,
         }
       }
     },
@@ -205,7 +208,7 @@ Must use `v-model.lazy` to bind works properly.
 </script>
 ```
 
-By default directives work with `v-model`.
+By default, directives work with `v-model`.
 It is not possible to use `v-model.number` on directives, so, if you need
 to work with floats/integers on directives you need to configure the `number`
 modifier manually.
@@ -223,21 +226,23 @@ If you bind it directly you are just fine too:
 
 ## Properties
 
-| property  | Required | Type    | Default | Description                                             |
-|-----------|----------|---------|---------|---------------------------------------------------------|
-| precision | **true** | Number  | 2       | How many decimal places                                 |
-| decimal   | false    | String  | "."     | Decimal separator                                       |
-| thousands | false    | String  | ","     | Thousands separator                                     |
-| 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  |
-| disable-negative | false | Boolean | false | Component does not allow negative values              |
-| disabled  | false    | Boolean | false   | Disable the inner input tag                             |
-| min       | false    | Number  | null | The min value allowed                   |
-| max       | false    | Number  | null | The max value allowed                   |
-| allow-blank | false  | Boolean | false   | If the field can start blank and be cleared out by user |
-| minimum-number-of-characters | false | Number | 0 | The minimum number of characters that the mask should show |
-| should-round | false | Boolean | true | Should default values be rounded or sliced                 |
+| property                     | Required | Type     | Default | Description                                                |
+|------------------------------|----------|----------|---------|------------------------------------------------------------|
+| precision                    | **true** | Number   | 2       | How many decimal places                                    |
+| decimal                      | false    | String   | "."     | Decimal separator                                          |
+| thousands                    | false    | String   | ","     | Thousands separator                                        |
+| 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     |
+| disable-negative             | false    | Boolean  | false   | Component does not allow negative values                   |
+| disabled                     | false    | Boolean  | false   | Disable the inner input tag                                |
+| min                          | false    | Number   | null    | The min value allowed                                      |
+| max                          | false    | Number   | null    | The max value allowed                                      |
+| allow-blank                  | false    | Boolean  | false   | If the field can start blank and be cleared out by user    |
+| minimum-number-of-characters | false    | Number   | 0       | The minimum number of characters that the mask should show |
+| should-round                 | false    | Boolean  | true    | Should default values be rounded or sliced                 |
+| focus-on-right               | false    | Boolean  | false   | When focus, set the cursor to the far right                |
+
 
 ## Restricted Characters
 
@@ -261,7 +266,7 @@ A console warn with more information will be shown!
 Use it directly in the browser! 
 
 ```html
-<script src="https://unpkg.com/v-money3@3.22.3/dist/v-money3.umd.js"></script>
+<script src="https://unpkg.com/v-money3@3.24.0/dist/v-money3.umd.js"></script>
 ```
 
 Take a look at issue [#15](https://github.com/jonathanpmartins/v-money3/issues/15#issuecomment-830988807) and also this [codesandbox](https://codesandbox.io/s/mystifying-paper-bpfyn?file=/index.html) working example.
@@ -288,6 +293,8 @@ const config = {
     modelModifiers: {
         number: false,
     },
+    shouldRound: true,
+    focusOnRight: false,
 }
 
 const formatted = format(12345.67, config);

package/dist/BigNumber.d.ts

@@ -1,7 +1,7 @@
 type NumberParam = bigint | number | string;
 export default class BigNumber {
-    private number;
-    private decimal;
+    protected number: bigint;
+    protected decimal: number;
     constructor(number: NumberParam);
     getNumber(): bigint;
     getDecimalPrecision(): number;

package/dist/Utils.d.ts

@@ -1,3 +1,4 @@
+import { ExtractPropTypes } from 'vue';
 import { VMoneyOptions } from './options';
 export declare const RESTRICTED_CHARACTERS: string[];
 export declare const RESTRICTED_OPTIONS: string[];
@@ -7,8 +8,8 @@ export declare function onlyNumbers(input: number | string): string;
 export declare function addThousandSeparator(integer: string, separator: string): string;
 export declare function joinIntegerAndDecimal(integer: string, decimal: string, separator: string): string;
 export declare function validateRestrictedInput(value: string, caller: string): boolean;
-export declare function validateRestrictedOptions(opt: VMoneyOptions): boolean;
-export declare function filterOptRestrictions(opt: VMoneyOptions): VMoneyOptions;
+export declare function validateRestrictedOptions(opt: VMoneyOptions | ExtractPropTypes<never>): boolean;
+export declare function filterOptRestrictions(opt: VMoneyOptions | ExtractPropTypes<never>): VMoneyOptions | ExtractPropTypes<never>;
 export declare function guessFloatPrecision(string: string): number;
 export declare function removeLeadingZeros(string: string): string;
 export declare function isValidInteger(str: string): boolean;
@@ -17,4 +18,4 @@ export declare function replaceAt(str: string, index: number, chr: string | numb
 export declare function round(string: string, precision: number): string;
 export declare function setCursor(el: HTMLInputElement, position: number): void;
 export declare function event(name: string): Event;
-export declare function debug({ debug }: VMoneyOptions, ...args: any): void;
+export declare function debug({ debug }: VMoneyOptions | ExtractPropTypes<never>, ...args: any): void;

package/dist/component.vue.d.ts

@@ -76,6 +76,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: () => boolean;
     };
+    focusOnRight: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (value: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -156,6 +160,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: () => boolean;
     };
+    focusOnRight: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
 }>> & {
     "onUpdate:model-value"?: ((value: string | number) => any) | undefined;
 }, {
@@ -174,6 +182,7 @@ declare const _default: import("vue").DefineComponent<{
     minimumNumberOfCharacters: number;
     modelModifiers: Record<string, any>;
     shouldRound: boolean;
+    focusOnRight: boolean;
     id: string | number;
 }>;
 export default _default;

package/dist/format.d.ts

@@ -1,2 +1,3 @@
+import { ExtractPropTypes } from 'vue';
 import { VMoneyOptions } from './options';
-export default function format(input: string | number | null | undefined, opt?: VMoneyOptions, caller?: string): string;
+export default function format(input: string | number | null | undefined, opt?: VMoneyOptions | ExtractPropTypes<never>, caller?: string): string;

package/dist/options.d.ts

@@ -14,6 +14,7 @@ export interface VMoneyOptions {
     minimumNumberOfCharacters: number;
     modelModifiers: any;
     shouldRound: boolean;
+    focusOnRight: boolean;
     [key: string]: any;
 }
 declare const _default: VMoneyOptions;

package/dist/unformat.d.ts

@@ -1,2 +1,3 @@
+import { ExtractPropTypes } from 'vue';
 import { VMoneyOptions } from './options';
-export default function unformat(input: string, opt?: VMoneyOptions, caller?: string): string | number;
+export default function unformat(input: string, opt?: VMoneyOptions | ExtractPropTypes<never>, caller?: string): string | number;

package/dist/v-money3.mjs

@@ -1,58 +1,77 @@
-var L = Object.defineProperty;
-var H = (t, e, n) => e in t ? L(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var w = (t, e, n) => (H(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { defineComponent as K, getCurrentInstance as W, toRefs as Z, ref as z, watch as G, useAttrs as J, computed as Q, resolveDirective as X, withDirectives as Y, openBlock as ee, createElementBlock as te, mergeProps as ne, unref as b } from "vue";
-const M = ["+", "-"], $ = ["decimal", "thousands", "prefix", "suffix"];
-function f(t) {
+var W = Object.defineProperty;
+var Z = (t, e, n) => e in t ? W(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var w = (t, e, n) => (Z(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { defineComponent as z, getCurrentInstance as G, toRefs as J, ref as Q, watch as X, useAttrs as Y, computed as ee, resolveDirective as te, withDirectives as ne, openBlock as ie, createElementBlock as re, mergeProps as ae, unref as v } from "vue";
+const l = {
+  debug: !1,
+  masked: !1,
+  prefix: "",
+  suffix: "",
+  thousands: ",",
+  decimal: ".",
+  precision: 2,
+  disableNegative: !1,
+  disabled: !1,
+  min: null,
+  max: null,
+  allowBlank: !1,
+  minimumNumberOfCharacters: 0,
+  modelModifiers: {
+    number: !1
+  },
+  shouldRound: !0,
+  focusOnRight: !1
+}, $ = ["+", "-"], V = ["decimal", "thousands", "prefix", "suffix"];
+function d(t) {
   return Math.max(0, Math.min(t, 1e3));
 }
-function y(t, e) {
+function N(t, e) {
   return t = t.padStart(e + 1, "0"), e === 0 ? t : `${t.slice(0, -e)}.${t.slice(-e)}`;
 }
-function V(t) {
+function F(t) {
   return t = t ? t.toString() : "", t.replace(/\D+/g, "") || "0";
 }
-function ie(t, e) {
+function se(t, e) {
   return t.replace(/(\d)(?=(?:\d{3})+\b)/gm, `$1${e}`);
 }
-function re(t, e, n) {
+function ue(t, e, n) {
   return e ? t + n + e : t;
 }
-function h(t, e) {
-  return M.includes(t) ? (console.warn(`v-money3 "${e}" property don't accept "${t}" as a value.`), !1) : /\d/g.test(t) ? (console.warn(`v-money3 "${e}" property don't accept "${t}" (any number) as a value.`), !1) : !0;
+function b(t, e) {
+  return $.includes(t) ? (console.warn(`v-money3 "${e}" property don't accept "${t}" as a value.`), !1) : /\d/g.test(t) ? (console.warn(`v-money3 "${e}" property don't accept "${t}" (any number) as a value.`), !1) : !0;
 }
-function ae(t) {
-  for (const e of $)
-    if (!h(t[e], e))
+function le(t) {
+  for (const e of V)
+    if (!b(t[e], e))
       return !1;
   return !0;
 }
-function N(t) {
-  for (const e of $) {
+function x(t) {
+  for (const e of V) {
     t[e] = t[e].replace(/\d+/g, "");
-    for (const n of M)
+    for (const n of $)
       t[e] = t[e].replaceAll(n, "");
   }
   return t;
 }
-function F(t) {
+function I(t) {
   const e = t.length, n = t.indexOf(".");
   return e - (n + 1);
 }
 function C(t) {
   return t.replace(/^(-?)0+(?!\.)(.+)/, "$1$2");
 }
-function I(t) {
+function A(t) {
   return /^-?[\d]+$/g.test(t);
 }
-function O(t) {
+function D(t) {
   return /^-?[\d]+(\.[\d]+)$/g.test(t);
 }
-function R(t, e, n) {
+function O(t, e, n) {
   return e > t.length - 1 ? t : t.substring(0, e) + n + t.substring(e + 1);
 }
-function A(t, e) {
-  const n = e - F(t);
+function P(t, e) {
+  const n = e - I(t);
   if (n >= 0)
     return t;
   let i = t.slice(0, n);
@@ -63,46 +82,27 @@ function A(t, e) {
       if (u !== "." && u !== "-") {
         const o = parseInt(u, 10) + 1;
         if (o < 10)
-          return R(i, s, o);
-        i = R(i, s, "0");
+          return O(i, s, o);
+        i = O(i, s, "0");
       }
     }
     return `1${i}`;
   }
   return i;
 }
-function se(t, e) {
+function _(t, e) {
   const n = () => {
     t.setSelectionRange(e, e);
   };
   t === document.activeElement && (n(), setTimeout(n, 1));
 }
-function D(t) {
+function j(t) {
   return new Event(t, { bubbles: !0, cancelable: !1 });
 }
 function r({ debug: t = !1 }, ...e) {
   t && console.log(...e);
 }
-const l = {
-  debug: !1,
-  masked: !1,
-  prefix: "",
-  suffix: "",
-  thousands: ",",
-  decimal: ".",
-  precision: 2,
-  disableNegative: !1,
-  disabled: !1,
-  min: null,
-  max: null,
-  allowBlank: !1,
-  minimumNumberOfCharacters: 0,
-  modelModifiers: {
-    number: !1
-  },
-  shouldRound: !0
-};
-class x {
+class p {
   constructor(e) {
     w(this, "number", 0n);
     w(this, "decimal", 0);
@@ -120,7 +120,7 @@ class x {
   toFixed(e = 0, n = !0) {
     let i = this.toString();
     const a = e - this.getDecimalPrecision();
-    return a > 0 ? (i.includes(".") || (i += "."), i.padEnd(i.length + a, "0")) : a < 0 ? n ? A(i, e) : i.slice(0, a) : i;
+    return a > 0 ? (i.includes(".") || (i += "."), i.padEnd(i.length + a, "0")) : a < 0 ? n ? P(i, e) : i.slice(0, a) : i;
   }
   toString() {
     let e = this.number.toString();
@@ -143,16 +143,16 @@ class x {
     return n === i;
   }
   setupString(e) {
-    if (e = C(e), I(e))
+    if (e = C(e), A(e))
       this.number = BigInt(e);
-    else if (O(e))
-      this.decimal = F(e), this.number = BigInt(e.replace(".", ""));
+    else if (D(e))
+      this.decimal = I(e), this.number = BigInt(e.replace(".", ""));
     else
       throw new Error(`BigNumber has received and invalid format for the constructor: ${e}`);
   }
   adjustComparisonNumbers(e) {
     let n;
-    e.constructor.name !== "BigNumber" ? n = new x(e) : n = e;
+    e.constructor.name !== "BigNumber" ? n = new p(e) : n = e;
     const i = this.getDecimalPrecision() - n.getDecimalPrecision();
     let a = this.getNumber(), s = n.getNumber();
     return i > 0 ? s = n.getNumber() * 10n ** BigInt(i) : i < 0 && (a = this.getNumber() * 10n ** BigInt(i * -1)), [a, s];
@@ -162,62 +162,65 @@ function k(t, e = l, n = "") {
   if (r(e, "utils format() - caller", n), r(e, "utils format() - input1", t), t == null)
     t = "";
   else if (typeof t == "number")
-    e.shouldRound ? t = t.toFixed(f(e.precision)) : t = t.toFixed(f(e.precision) + 1).slice(0, -1);
-  else if (e.modelModifiers && e.modelModifiers.number && I(t))
-    t = Number(t).toFixed(f(e.precision));
+    e.shouldRound ? t = t.toFixed(d(e.precision)) : t = t.toFixed(d(e.precision) + 1).slice(0, -1);
+  else if (e.modelModifiers && e.modelModifiers.number && A(t))
+    t = Number(t).toFixed(d(e.precision));
   else if (!e.disableNegative && t === "-")
     return t;
   r(e, "utils format() - input2", t);
   const i = e.disableNegative ? "" : t.indexOf("-") >= 0 ? "-" : "";
   let a = t.replace(e.prefix, "").replace(e.suffix, "");
-  r(e, "utils format() - filtered", a), !e.precision && e.thousands !== "." && O(a) && (a = A(a, 0), r(e, "utils format() - !opt.precision && isValidFloat()", a));
-  const s = V(a);
-  r(e, "utils format() - numbers", s), r(e, "utils format() - numbersToCurrency", i + y(s, e.precision));
-  const u = new x(i + y(s, e.precision));
+  r(e, "utils format() - filtered", a), !e.precision && e.thousands !== "." && D(a) && (a = P(a, 0), r(e, "utils format() - !opt.precision && isValidFloat()", a));
+  const s = F(a);
+  r(e, "utils format() - numbers", s), r(e, "utils format() - numbersToCurrency", i + N(s, e.precision));
+  const u = new p(i + N(s, e.precision));
   r(e, "utils format() - bigNumber1", u.toString()), e.max && u.biggerThan(e.max) && u.setNumber(e.max), e.min && u.lessThan(e.min) && u.setNumber(e.min);
-  const o = u.toFixed(f(e.precision), e.shouldRound);
-  if (r(e, "utils format() - bigNumber2", u.toFixed(f(e.precision))), /^0(\.0+)?$/g.test(o) && e.allowBlank)
+  const o = u.toFixed(d(e.precision), e.shouldRound);
+  if (r(e, "utils format() - bigNumber2", u.toFixed(d(e.precision))), /^0(\.0+)?$/g.test(o) && e.allowBlank)
     return "";
-  let [c, m] = o.split(".");
-  const p = m !== void 0 ? m.length : 0;
-  c = c.padStart(e.minimumNumberOfCharacters - p, "0"), c = ie(c, e.thousands);
-  const v = e.prefix + re(c, m, e.decimal) + e.suffix;
-  return r(e, "utils format() - output", v), v;
+  let [g, f] = o.split(".");
+  const h = f !== void 0 ? f.length : 0;
+  g = g.padStart(e.minimumNumberOfCharacters - h, "0"), g = se(g, e.thousands);
+  const y = e.prefix + ue(g, f, e.decimal) + e.suffix;
+  return r(e, "utils format() - output", y), y;
 }
 function S(t, e = l, n = "") {
   if (r(e, "utils unformat() - caller", n), r(e, "utils unformat() - input", t), !e.disableNegative && t === "-")
     return r(e, "utils unformat() - return netagive symbol", t), t;
   const i = e.disableNegative ? "" : t.indexOf("-") >= 0 ? "-" : "", a = t.replace(e.prefix, "").replace(e.suffix, "");
   r(e, "utils unformat() - filtered", a);
-  const s = V(a);
+  const s = F(a);
   r(e, "utils unformat() - numbers", s);
-  const u = new x(i + y(s, e.precision));
+  const u = new p(i + N(s, e.precision));
   r(e, "utils unformat() - bigNumber1", s.toString()), e.max && u.biggerThan(e.max) && u.setNumber(e.max), e.min && u.lessThan(e.min) && u.setNumber(e.min);
-  let o = u.toFixed(f(e.precision), e.shouldRound);
+  let o = u.toFixed(d(e.precision), e.shouldRound);
   return e.modelModifiers && e.modelModifiers.number && (o = parseFloat(o)), r(e, "utils unformat() - output", o), o;
 }
-const B = (t, e, n) => {
-  if (r(e, "directive setValue() - caller", n), !ae(e)) {
+const R = (t, e, n) => {
+  if (r(e, "directive setValue() - caller", n), !le(e)) {
     r(e, "directive setValue() - validateRestrictedOptions() return false. Stopping here...", t.value);
     return;
   }
   let i = t.value.length - (t.selectionEnd || 0);
-  t.value = k(t.value, e, n), i = Math.max(i, e.suffix.length), i = t.value.length - i, i = Math.max(i, e.prefix.length), se(t, i), t.dispatchEvent(D("change"));
+  t.value = k(t.value, e, n), i = Math.max(i, e.suffix.length), i = t.value.length - i, i = Math.max(i, e.prefix.length), _(t, i), t.dispatchEvent(j("change"));
 }, T = (t, e) => {
   const n = t.currentTarget, i = t.code === "Backspace" || t.code === "Delete", a = n.value.length - (n.selectionEnd || 0) === 0;
-  if (r(e, "directive onkeydown() - el.value", n.value), r(e, "directive onkeydown() - backspacePressed", i), r(e, "directive onkeydown() - isAtEndPosition", a), e.allowBlank && i && a && S(n.value, e, "directive onkeydown allowBlank") === 0 && (r(e, 'directive onkeydown() - set el.value = ""', n.value), n.value = "", n.dispatchEvent(D("change"))), r(e, "directive onkeydown() - e.key", t.key), t.key === "+") {
+  if (r(e, "directive onkeydown() - el.value", n.value), r(e, "directive onkeydown() - backspacePressed", i), r(e, "directive onkeydown() - isAtEndPosition", a), e.allowBlank && i && a && S(n.value, e, "directive onkeydown allowBlank") === 0 && (r(e, 'directive onkeydown() - set el.value = ""', n.value), n.value = "", n.dispatchEvent(j("change"))), r(e, "directive onkeydown() - e.key", t.key), t.key === "+") {
     r(e, "directive onkeydown() - unformat el.value", n.value);
     let s = S(n.value, e, "directive onkeydown +");
     typeof s == "string" && (s = parseFloat(s)), s < 0 && (n.value = String(s * -1));
   }
 }, E = (t, e) => {
   const n = t.currentTarget;
-  r(e, "directive oninput()", n.value), /^[1-9]$/.test(n.value) && (n.value = y(n.value, f(e.precision)), r(e, "directive oninput() - is 1-9", n.value)), B(n, e, "directive oninput");
-}, P = {
+  r(e, "directive oninput()", n.value), /^[1-9]$/.test(n.value) && (n.value = N(n.value, d(e.precision)), r(e, "directive oninput() - is 1-9", n.value)), R(n, e, "directive oninput");
+}, M = (t, e) => {
+  const n = t.currentTarget;
+  r(e, "directive onFocus()", n.value), e.focusOnRight && _(n, n.value.length - e.suffix.length);
+}, q = {
   mounted(t, e) {
     if (!e.value)
       return;
-    const n = N({ ...l, ...e.value });
+    const n = x({ ...l, ...e.value });
     if (r(n, "directive mounted() - opt", n), t.tagName.toLocaleUpperCase() !== "INPUT") {
       const i = t.getElementsByTagName("input");
       i.length !== 1 || (t = i[0]);
@@ -226,29 +229,33 @@ const B = (t, e, n) => {
       T(i, n);
     }, t.oninput = (i) => {
       E(i, n);
-    }, r(n, "directive mounted() - el.value", t.value), B(t, n, "directive mounted");
+    }, t.onfocus = (i) => {
+      M(i, n);
+    }, r(n, "directive mounted() - el.value", t.value), R(t, n, "directive mounted");
   },
   updated(t, e) {
     if (!e.value)
       return;
-    const n = N({ ...l, ...e.value });
+    const n = x({ ...l, ...e.value });
     t.onkeydown = (i) => {
       T(i, n);
     }, t.oninput = (i) => {
       E(i, n);
-    }, r(n, "directive updated() - el.value", t.value), r(n, "directive updated() - opt", n), B(t, n, "directive updated");
+    }, t.onfocus = (i) => {
+      M(i, n);
+    }, r(n, "directive updated() - el.value", t.value), r(n, "directive updated() - opt", n), R(t, n, "directive updated");
   },
   beforeUnmount(t) {
     t.onkeydown = null, t.oninput = null, t.onfocus = null;
   }
-}, ue = ["id", "value", "disabled"], le = {
+}, oe = ["id", "value", "disabled"], ce = {
   inheritAttrs: !1,
   name: "Money3",
   directives: {
-    money3: P
+    money3: q
   }
-}, oe = /* @__PURE__ */ K({
-  ...le,
+}, de = /* @__PURE__ */ z({
+  ...ce,
   props: {
     debug: {
       required: !1,
@@ -259,7 +266,7 @@ const B = (t, e, n) => {
       required: !1,
       type: [Number, String],
       default: () => {
-        const t = W();
+        const t = G();
         return t ? t.uid : null;
       }
     },
@@ -284,28 +291,28 @@ const B = (t, e, n) => {
       type: String,
       default: () => l.decimal,
       validator(t) {
-        return h(t, "decimal");
+        return b(t, "decimal");
       }
     },
     thousands: {
       type: String,
       default: () => l.thousands,
       validator(t) {
-        return h(t, "thousands");
+        return b(t, "thousands");
       }
     },
     prefix: {
       type: String,
       default: () => l.prefix,
       validator(t) {
-        return h(t, "prefix");
+        return b(t, "prefix");
       }
     },
     suffix: {
       type: String,
       default: () => l.suffix,
       validator(t) {
-        return h(t, "suffix");
+        return b(t, "suffix");
       }
     },
     disableNegative: {
@@ -335,53 +342,57 @@ const B = (t, e, n) => {
     shouldRound: {
       type: Boolean,
       default: () => l.shouldRound
+    },
+    focusOnRight: {
+      type: Boolean,
+      default: () => l.focusOnRight
     }
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const n = t, { modelValue: i, modelModifiers: a, masked: s, precision: u, shouldRound: o } = Z(n);
+    const n = t, { modelValue: i, modelModifiers: a, masked: s, precision: u, shouldRound: o, focusOnRight: g } = J(n);
     r(n, "component setup()", n);
-    let c = i.value;
-    (n.disableNegative || c !== "-") && a.value && a.value.number && (o.value ? c = Number(i.value).toFixed(f(u.value)) : c = Number(i.value).toFixed(f(u.value) + 1).slice(0, -1));
-    const m = z(k(c, n, "component setup"));
-    r(n, "component setup() - data.formattedValue", m.value), G(i, p);
-    function p(g) {
-      r(n, "component watch() -> value", g);
-      const d = k(
-        g,
-        N({ ...n }),
+    let f = i.value;
+    (n.disableNegative || f !== "-") && a.value && a.value.number && (o.value ? f = Number(i.value).toFixed(d(u.value)) : f = Number(i.value).toFixed(d(u.value) + 1).slice(0, -1));
+    const h = Q(k(f, n, "component setup"));
+    r(n, "component setup() - data.formattedValue", h.value), X(i, y);
+    function y(m) {
+      r(n, "component watch() -> value", m);
+      const c = k(
+        m,
+        x({ ...n }),
         "component watch"
       );
-      d !== m.value && (r(n, "component watch() changed -> formatted", d), m.value = d);
+      c !== h.value && (r(n, "component watch() changed -> formatted", c), h.value = c);
     }
-    let v = null;
-    function _(g) {
-      let d = g.target?.value;
-      r(n, "component change() -> evt.target.value", d), s.value && !a.value.number || (d = S(
-        d,
-        N({ ...n }),
+    let B = null;
+    function U(m) {
+      let c = m.target.value;
+      r(n, "component change() -> evt.target.value", c), s.value && !a.value.number || (c = S(
+        c,
+        x({ ...n }),
         "component change"
-      )), d !== v && (v = d, r(n, "component change() -> update:model-value", d), e("update:model-value", d));
+      )), c !== B && (B = c, r(n, "component change() -> update:model-value", c), e("update:model-value", c));
     }
-    const j = J(), q = Q(() => {
-      const g = {
-        ...j
+    const L = Y(), H = ee(() => {
+      const m = {
+        ...L
       };
-      return delete g["onUpdate:modelValue"], g;
+      return delete m["onUpdate:modelValue"], m;
     });
-    return (g, d) => {
-      const U = X("money3");
-      return Y((ee(), te("input", ne({
+    return (m, c) => {
+      const K = te("money3");
+      return ne((ie(), re("input", ae({
         id: `${t.id}`
-      }, b(q), {
+      }, v(H), {
         type: "tel",
         class: "v-money3",
-        value: m.value,
+        value: h.value,
         disabled: n.disabled,
-        onChange: _
-      }), null, 16, ue)), [
-        [U, {
-          precision: b(u),
+        onChange: U
+      }), null, 16, oe)), [
+        [K, {
+          precision: v(u),
           decimal: n.decimal,
           thousands: n.thousands,
           prefix: n.prefix,
@@ -392,26 +403,27 @@ const B = (t, e, n) => {
           allowBlank: n.allowBlank,
           minimumNumberOfCharacters: n.minimumNumberOfCharacters,
           debug: n.debug,
-          modelModifiers: b(a),
-          shouldRound: b(o)
+          modelModifiers: v(a),
+          shouldRound: v(o),
+          focusOnRight: v(g)
         }]
       ]);
     };
   }
-}), fe = {
+}), ge = {
   install(t) {
-    t.component("money3", oe), t.directive("money3", P);
+    t.component("money3", de), t.directive("money3", q);
   }
 };
 export {
-  x as BigNumber,
-  oe as Money,
-  oe as Money3,
-  oe as Money3Component,
-  P as Money3Directive,
-  P as VMoney,
-  P as VMoney3,
-  fe as default,
+  p as BigNumber,
+  de as Money,
+  de as Money3,
+  de as Money3Component,
+  q as Money3Directive,
+  q as VMoney,
+  q as VMoney3,
+  ge as default,
   k as format,
   S as unformat
 };

package/dist/v-money3.umd.js

@@ -1 +1 @@
-(function(l,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(l=typeof globalThis<"u"?globalThis:l||self,a(l["v-money3"]={},l.Vue))})(this,function(l,a){"use strict";var X=Object.defineProperty;var Y=(l,a,h)=>a in l?X(l,a,{enumerable:!0,configurable:!0,writable:!0,value:h}):l[a]=h;var R=(l,a,h)=>(Y(l,typeof a!="symbol"?a+"":a,h),h);const h=["+","-"],E=["decimal","thousands","prefix","suffix"];function g(t){return Math.max(0,Math.min(t,1e3))}function w(t,e){return t=t.padStart(e+1,"0"),e===0?t:`${t.slice(0,-e)}.${t.slice(-e)}`}function V(t){return t=t?t.toString():"",t.replace(/\D+/g,"")||"0"}function q(t,e){return t.replace(/(\d)(?=(?:\d{3})+\b)/gm,`$1${e}`)}function U(t,e,n){return e?t+n+e:t}function y(t,e){return h.includes(t)?(console.warn(`v-money3 "${e}" property don't accept "${t}" as a value.`),!1):/\d/g.test(t)?(console.warn(`v-money3 "${e}" property don't accept "${t}" (any number) as a value.`),!1):!0}function L(t){for(const e of E)if(!y(t[e],e))return!1;return!0}function S(t){for(const e of E){t[e]=t[e].replace(/\d+/g,"");for(const n of h)t[e]=t[e].replaceAll(n,"")}return t}function $(t){const e=t.length,n=t.indexOf(".");return e-(n+1)}function O(t){return t.replace(/^(-?)0+(?!\.)(.+)/,"$1$2")}function F(t){return/^-?[\d]+$/g.test(t)}function I(t){return/^-?[\d]+(\.[\d]+)$/g.test(t)}function D(t,e,n){return e>t.length-1?t:t.substring(0,e)+n+t.substring(e+1)}function A(t,e){const n=e-$(t);if(n>=0)return t;let i=t.slice(0,n);const s=t.slice(n);if(i.charAt(i.length-1)==="."&&(i=i.slice(0,-1)),parseInt(s.charAt(0),10)>=5){for(let u=i.length-1;u>=0;u-=1){const o=i.charAt(u);if(o!=="."&&o!=="-"){const c=parseInt(o,10)+1;if(c<10)return D(i,u,c);i=D(i,u,"0")}}return`1${i}`}return i}function H(t,e){const n=()=>{t.setSelectionRange(e,e)};t===document.activeElement&&(n(),setTimeout(n,1))}function P(t){return new Event(t,{bubbles:!0,cancelable:!1})}function r({debug:t=!1},...e){t&&console.log(...e)}const d={debug:!1,masked:!1,prefix:"",suffix:"",thousands:",",decimal:".",precision:2,disableNegative:!1,disabled:!1,min:null,max:null,allowBlank:!1,minimumNumberOfCharacters:0,modelModifiers:{number:!1},shouldRound:!0};class N{constructor(e){R(this,"number",0n);R(this,"decimal",0);this.setNumber(e)}getNumber(){return this.number}getDecimalPrecision(){return this.decimal}setNumber(e){this.decimal=0,typeof e=="bigint"?this.number=e:typeof e=="number"?this.setupString(e.toString()):this.setupString(e)}toFixed(e=0,n=!0){let i=this.toString();const s=e-this.getDecimalPrecision();return s>0?(i.includes(".")||(i+="."),i.padEnd(i.length+s,"0")):s<0?n?A(i,e):i.slice(0,s):i}toString(){let e=this.number.toString();if(this.decimal){let n=!1;return e.charAt(0)==="-"&&(e=e.substring(1),n=!0),e=e.padStart(e.length+this.decimal,"0"),e=`${e.slice(0,-this.decimal)}.${e.slice(-this.decimal)}`,e=O(e),(n?"-":"")+e}return e}lessThan(e){const[n,i]=this.adjustComparisonNumbers(e);return n<i}biggerThan(e){const[n,i]=this.adjustComparisonNumbers(e);return n>i}isEqual(e){const[n,i]=this.adjustComparisonNumbers(e);return n===i}setupString(e){if(e=O(e),F(e))this.number=BigInt(e);else if(I(e))this.decimal=$(e),this.number=BigInt(e.replace(".",""));else throw new Error(`BigNumber has received and invalid format for the constructor: ${e}`)}adjustComparisonNumbers(e){let n;e.constructor.name!=="BigNumber"?n=new N(e):n=e;const i=this.getDecimalPrecision()-n.getDecimalPrecision();let s=this.getNumber(),u=n.getNumber();return i>0?u=n.getNumber()*10n**BigInt(i):i<0&&(s=this.getNumber()*10n**BigInt(i*-1)),[s,u]}}function k(t,e=d,n=""){if(r(e,"utils format() - caller",n),r(e,"utils format() - input1",t),t==null)t="";else if(typeof t=="number")e.shouldRound?t=t.toFixed(g(e.precision)):t=t.toFixed(g(e.precision)+1).slice(0,-1);else if(e.modelModifiers&&e.modelModifiers.number&&F(t))t=Number(t).toFixed(g(e.precision));else if(!e.disableNegative&&t==="-")return t;r(e,"utils format() - input2",t);const i=e.disableNegative?"":t.indexOf("-")>=0?"-":"";let s=t.replace(e.prefix,"").replace(e.suffix,"");r(e,"utils format() - filtered",s),!e.precision&&e.thousands!=="."&&I(s)&&(s=A(s,0),r(e,"utils format() - !opt.precision && isValidFloat()",s));const u=V(s);r(e,"utils format() - numbers",u),r(e,"utils format() - numbersToCurrency",i+w(u,e.precision));const o=new N(i+w(u,e.precision));r(e,"utils format() - bigNumber1",o.toString()),e.max&&o.biggerThan(e.max)&&o.setNumber(e.max),e.min&&o.lessThan(e.min)&&o.setNumber(e.min);const c=o.toFixed(g(e.precision),e.shouldRound);if(r(e,"utils format() - bigNumber2",o.toFixed(g(e.precision))),/^0(\.0+)?$/g.test(c)&&e.allowBlank)return"";let[m,v]=c.split(".");const M=v!==void 0?v.length:0;m=m.padStart(e.minimumNumberOfCharacters-M,"0"),m=q(m,e.thousands);const p=e.prefix+U(m,v,e.decimal)+e.suffix;return r(e,"utils format() - output",p),p}function B(t,e=d,n=""){if(r(e,"utils unformat() - caller",n),r(e,"utils unformat() - input",t),!e.disableNegative&&t==="-")return r(e,"utils unformat() - return netagive symbol",t),t;const i=e.disableNegative?"":t.indexOf("-")>=0?"-":"",s=t.replace(e.prefix,"").replace(e.suffix,"");r(e,"utils unformat() - filtered",s);const u=V(s);r(e,"utils unformat() - numbers",u);const o=new N(i+w(u,e.precision));r(e,"utils unformat() - bigNumber1",u.toString()),e.max&&o.biggerThan(e.max)&&o.setNumber(e.max),e.min&&o.lessThan(e.min)&&o.setNumber(e.min);let c=o.toFixed(g(e.precision),e.shouldRound);return e.modelModifiers&&e.modelModifiers.number&&(c=parseFloat(c)),r(e,"utils unformat() - output",c),c}const C=(t,e,n)=>{if(r(e,"directive setValue() - caller",n),!L(e)){r(e,"directive setValue() - validateRestrictedOptions() return false. Stopping here...",t.value);return}let i=t.value.length-(t.selectionEnd||0);t.value=k(t.value,e,n),i=Math.max(i,e.suffix.length),i=t.value.length-i,i=Math.max(i,e.prefix.length),H(t,i),t.dispatchEvent(P("change"))},_=(t,e)=>{const n=t.currentTarget,i=t.code==="Backspace"||t.code==="Delete",s=n.value.length-(n.selectionEnd||0)===0;if(r(e,"directive onkeydown() - el.value",n.value),r(e,"directive onkeydown() - backspacePressed",i),r(e,"directive onkeydown() - isAtEndPosition",s),e.allowBlank&&i&&s&&B(n.value,e,"directive onkeydown allowBlank")===0&&(r(e,'directive onkeydown() - set el.value = ""',n.value),n.value="",n.dispatchEvent(P("change"))),r(e,"directive onkeydown() - e.key",t.key),t.key==="+"){r(e,"directive onkeydown() - unformat el.value",n.value);let u=B(n.value,e,"directive onkeydown +");typeof u=="string"&&(u=parseFloat(u)),u<0&&(n.value=String(u*-1))}},j=(t,e)=>{const n=t.currentTarget;r(e,"directive oninput()",n.value),/^[1-9]$/.test(n.value)&&(n.value=w(n.value,g(e.precision)),r(e,"directive oninput() - is 1-9",n.value)),C(n,e,"directive oninput")},x={mounted(t,e){if(!e.value)return;const n=S({...d,...e.value});if(r(n,"directive mounted() - opt",n),t.tagName.toLocaleUpperCase()!=="INPUT"){const i=t.getElementsByTagName("input");i.length!==1||(t=i[0])}t.onkeydown=i=>{_(i,n)},t.oninput=i=>{j(i,n)},r(n,"directive mounted() - el.value",t.value),C(t,n,"directive mounted")},updated(t,e){if(!e.value)return;const n=S({...d,...e.value});t.onkeydown=i=>{_(i,n)},t.oninput=i=>{j(i,n)},r(n,"directive updated() - el.value",t.value),r(n,"directive updated() - opt",n),C(t,n,"directive updated")},beforeUnmount(t){t.onkeydown=null,t.oninput=null,t.onfocus=null}},K=["id","value","disabled"],W={inheritAttrs:!1,name:"Money3",directives:{money3:x}},T=a.defineComponent({...W,props:{debug:{required:!1,type:Boolean,default:!1},id:{required:!1,type:[Number,String],default:()=>{const t=a.getCurrentInstance();return t?t.uid:null}},modelValue:{required:!0,type:[Number,String]},modelModifiers:{required:!1,type:Object,default:()=>({number:!1})},masked:{type:Boolean,default:!1},precision:{type:Number,default:()=>d.precision},decimal:{type:String,default:()=>d.decimal,validator(t){return y(t,"decimal")}},thousands:{type:String,default:()=>d.thousands,validator(t){return y(t,"thousands")}},prefix:{type:String,default:()=>d.prefix,validator(t){return y(t,"prefix")}},suffix:{type:String,default:()=>d.suffix,validator(t){return y(t,"suffix")}},disableNegative:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},max:{type:[Number,String],default:()=>d.max},min:{type:[Number,String],default:()=>d.min},allowBlank:{type:Boolean,default:()=>d.allowBlank},minimumNumberOfCharacters:{type:Number,default:()=>d.minimumNumberOfCharacters},shouldRound:{type:Boolean,default:()=>d.shouldRound}},emits:["update:model-value"],setup(t,{emit:e}){const n=t,{modelValue:i,modelModifiers:s,masked:u,precision:o,shouldRound:c}=a.toRefs(n);r(n,"component setup()",n);let m=i.value;(n.disableNegative||m!=="-")&&s.value&&s.value.number&&(c.value?m=Number(i.value).toFixed(g(o.value)):m=Number(i.value).toFixed(g(o.value)+1).slice(0,-1));const v=a.ref(k(m,n,"component setup"));r(n,"component setup() - data.formattedValue",v.value),a.watch(i,M);function M(b){r(n,"component watch() -> value",b);const f=k(b,S({...n}),"component watch");f!==v.value&&(r(n,"component watch() changed -> formatted",f),v.value=f)}let p=null;function z(b){let f=b.target?.value;r(n,"component change() -> evt.target.value",f),u.value&&!s.value.number||(f=B(f,S({...n}),"component change")),f!==p&&(p=f,r(n,"component change() -> update:model-value",f),e("update:model-value",f))}const G=a.useAttrs(),J=a.computed(()=>{const b={...G};return delete b["onUpdate:modelValue"],b});return(b,f)=>{const Q=a.resolveDirective("money3");return a.withDirectives((a.openBlock(),a.createElementBlock("input",a.mergeProps({id:`${t.id}`},a.unref(J),{type:"tel",class:"v-money3",value:v.value,disabled:n.disabled,onChange:z}),null,16,K)),[[Q,{precision:a.unref(o),decimal:n.decimal,thousands:n.thousands,prefix:n.prefix,suffix:n.suffix,disableNegative:n.disableNegative,min:n.min,max:n.max,allowBlank:n.allowBlank,minimumNumberOfCharacters:n.minimumNumberOfCharacters,debug:n.debug,modelModifiers:a.unref(s),shouldRound:a.unref(c)}]])}}}),Z={install(t){t.component("money3",T),t.directive("money3",x)}};l.BigNumber=N,l.Money=T,l.Money3=T,l.Money3Component=T,l.Money3Directive=x,l.VMoney=x,l.VMoney3=x,l.default=Z,l.format=k,l.unformat=B,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(l,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(l=typeof globalThis<"u"?globalThis:l||self,a(l["v-money3"]={},l.Vue))})(this,function(l,a){"use strict";var ee=Object.defineProperty;var te=(l,a,o)=>a in l?ee(l,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):l[a]=o;var C=(l,a,o)=>(te(l,typeof a!="symbol"?a+"":a,o),o);const o={debug:!1,masked:!1,prefix:"",suffix:"",thousands:",",decimal:".",precision:2,disableNegative:!1,disabled:!1,min:null,max:null,allowBlank:!1,minimumNumberOfCharacters:0,modelModifiers:{number:!1},shouldRound:!0,focusOnRight:!1},M=["+","-"],O=["decimal","thousands","prefix","suffix"];function m(t){return Math.max(0,Math.min(t,1e3))}function p(t,e){return t=t.padStart(e+1,"0"),e===0?t:`${t.slice(0,-e)}.${t.slice(-e)}`}function E(t){return t=t?t.toString():"",t.replace(/\D+/g,"")||"0"}function H(t,e){return t.replace(/(\d)(?=(?:\d{3})+\b)/gm,`$1${e}`)}function K(t,e,n){return e?t+n+e:t}function y(t,e){return M.includes(t)?(console.warn(`v-money3 "${e}" property don't accept "${t}" as a value.`),!1):/\d/g.test(t)?(console.warn(`v-money3 "${e}" property don't accept "${t}" (any number) as a value.`),!1):!0}function W(t){for(const e of O)if(!y(t[e],e))return!1;return!0}function w(t){for(const e of O){t[e]=t[e].replace(/\d+/g,"");for(const n of M)t[e]=t[e].replaceAll(n,"")}return t}function V(t){const e=t.length,n=t.indexOf(".");return e-(n+1)}function $(t){return t.replace(/^(-?)0+(?!\.)(.+)/,"$1$2")}function F(t){return/^-?[\d]+$/g.test(t)}function I(t){return/^-?[\d]+(\.[\d]+)$/g.test(t)}function D(t,e,n){return e>t.length-1?t:t.substring(0,e)+n+t.substring(e+1)}function A(t,e){const n=e-V(t);if(n>=0)return t;let i=t.slice(0,n);const s=t.slice(n);if(i.charAt(i.length-1)==="."&&(i=i.slice(0,-1)),parseInt(s.charAt(0),10)>=5){for(let u=i.length-1;u>=0;u-=1){const c=i.charAt(u);if(c!=="."&&c!=="-"){const d=parseInt(c,10)+1;if(d<10)return D(i,u,d);i=D(i,u,"0")}}return`1${i}`}return i}function P(t,e){const n=()=>{t.setSelectionRange(e,e)};t===document.activeElement&&(n(),setTimeout(n,1))}function _(t){return new Event(t,{bubbles:!0,cancelable:!1})}function r({debug:t=!1},...e){t&&console.log(...e)}class N{constructor(e){C(this,"number",0n);C(this,"decimal",0);this.setNumber(e)}getNumber(){return this.number}getDecimalPrecision(){return this.decimal}setNumber(e){this.decimal=0,typeof e=="bigint"?this.number=e:typeof e=="number"?this.setupString(e.toString()):this.setupString(e)}toFixed(e=0,n=!0){let i=this.toString();const s=e-this.getDecimalPrecision();return s>0?(i.includes(".")||(i+="."),i.padEnd(i.length+s,"0")):s<0?n?A(i,e):i.slice(0,s):i}toString(){let e=this.number.toString();if(this.decimal){let n=!1;return e.charAt(0)==="-"&&(e=e.substring(1),n=!0),e=e.padStart(e.length+this.decimal,"0"),e=`${e.slice(0,-this.decimal)}.${e.slice(-this.decimal)}`,e=$(e),(n?"-":"")+e}return e}lessThan(e){const[n,i]=this.adjustComparisonNumbers(e);return n<i}biggerThan(e){const[n,i]=this.adjustComparisonNumbers(e);return n>i}isEqual(e){const[n,i]=this.adjustComparisonNumbers(e);return n===i}setupString(e){if(e=$(e),F(e))this.number=BigInt(e);else if(I(e))this.decimal=V(e),this.number=BigInt(e.replace(".",""));else throw new Error(`BigNumber has received and invalid format for the constructor: ${e}`)}adjustComparisonNumbers(e){let n;e.constructor.name!=="BigNumber"?n=new N(e):n=e;const i=this.getDecimalPrecision()-n.getDecimalPrecision();let s=this.getNumber(),u=n.getNumber();return i>0?u=n.getNumber()*10n**BigInt(i):i<0&&(s=this.getNumber()*10n**BigInt(i*-1)),[s,u]}}function S(t,e=o,n=""){if(r(e,"utils format() - caller",n),r(e,"utils format() - input1",t),t==null)t="";else if(typeof t=="number")e.shouldRound?t=t.toFixed(m(e.precision)):t=t.toFixed(m(e.precision)+1).slice(0,-1);else if(e.modelModifiers&&e.modelModifiers.number&&F(t))t=Number(t).toFixed(m(e.precision));else if(!e.disableNegative&&t==="-")return t;r(e,"utils format() - input2",t);const i=e.disableNegative?"":t.indexOf("-")>=0?"-":"";let s=t.replace(e.prefix,"").replace(e.suffix,"");r(e,"utils format() - filtered",s),!e.precision&&e.thousands!=="."&&I(s)&&(s=A(s,0),r(e,"utils format() - !opt.precision && isValidFloat()",s));const u=E(s);r(e,"utils format() - numbers",u),r(e,"utils format() - numbersToCurrency",i+p(u,e.precision));const c=new N(i+p(u,e.precision));r(e,"utils format() - bigNumber1",c.toString()),e.max&&c.biggerThan(e.max)&&c.setNumber(e.max),e.min&&c.lessThan(e.min)&&c.setNumber(e.min);const d=c.toFixed(m(e.precision),e.shouldRound);if(r(e,"utils format() - bigNumber2",c.toFixed(m(e.precision))),/^0(\.0+)?$/g.test(d)&&e.allowBlank)return"";let[v,g]=d.split(".");const b=g!==void 0?g.length:0;v=v.padStart(e.minimumNumberOfCharacters-b,"0"),v=H(v,e.thousands);const B=e.prefix+K(v,g,e.decimal)+e.suffix;return r(e,"utils format() - output",B),B}function k(t,e=o,n=""){if(r(e,"utils unformat() - caller",n),r(e,"utils unformat() - input",t),!e.disableNegative&&t==="-")return r(e,"utils unformat() - return netagive symbol",t),t;const i=e.disableNegative?"":t.indexOf("-")>=0?"-":"",s=t.replace(e.prefix,"").replace(e.suffix,"");r(e,"utils unformat() - filtered",s);const u=E(s);r(e,"utils unformat() - numbers",u);const c=new N(i+p(u,e.precision));r(e,"utils unformat() - bigNumber1",u.toString()),e.max&&c.biggerThan(e.max)&&c.setNumber(e.max),e.min&&c.lessThan(e.min)&&c.setNumber(e.min);let d=c.toFixed(m(e.precision),e.shouldRound);return e.modelModifiers&&e.modelModifiers.number&&(d=parseFloat(d)),r(e,"utils unformat() - output",d),d}const T=(t,e,n)=>{if(r(e,"directive setValue() - caller",n),!W(e)){r(e,"directive setValue() - validateRestrictedOptions() return false. Stopping here...",t.value);return}let i=t.value.length-(t.selectionEnd||0);t.value=S(t.value,e,n),i=Math.max(i,e.suffix.length),i=t.value.length-i,i=Math.max(i,e.prefix.length),P(t,i),t.dispatchEvent(_("change"))},j=(t,e)=>{const n=t.currentTarget,i=t.code==="Backspace"||t.code==="Delete",s=n.value.length-(n.selectionEnd||0)===0;if(r(e,"directive onkeydown() - el.value",n.value),r(e,"directive onkeydown() - backspacePressed",i),r(e,"directive onkeydown() - isAtEndPosition",s),e.allowBlank&&i&&s&&k(n.value,e,"directive onkeydown allowBlank")===0&&(r(e,'directive onkeydown() - set el.value = ""',n.value),n.value="",n.dispatchEvent(_("change"))),r(e,"directive onkeydown() - e.key",t.key),t.key==="+"){r(e,"directive onkeydown() - unformat el.value",n.value);let u=k(n.value,e,"directive onkeydown +");typeof u=="string"&&(u=parseFloat(u)),u<0&&(n.value=String(u*-1))}},q=(t,e)=>{const n=t.currentTarget;r(e,"directive oninput()",n.value),/^[1-9]$/.test(n.value)&&(n.value=p(n.value,m(e.precision)),r(e,"directive oninput() - is 1-9",n.value)),T(n,e,"directive oninput")},U=(t,e)=>{const n=t.currentTarget;r(e,"directive onFocus()",n.value),e.focusOnRight&&P(n,n.value.length-e.suffix.length)},x={mounted(t,e){if(!e.value)return;const n=w({...o,...e.value});if(r(n,"directive mounted() - opt",n),t.tagName.toLocaleUpperCase()!=="INPUT"){const i=t.getElementsByTagName("input");i.length!==1||(t=i[0])}t.onkeydown=i=>{j(i,n)},t.oninput=i=>{q(i,n)},t.onfocus=i=>{U(i,n)},r(n,"directive mounted() - el.value",t.value),T(t,n,"directive mounted")},updated(t,e){if(!e.value)return;const n=w({...o,...e.value});t.onkeydown=i=>{j(i,n)},t.oninput=i=>{q(i,n)},t.onfocus=i=>{U(i,n)},r(n,"directive updated() - el.value",t.value),r(n,"directive updated() - opt",n),T(t,n,"directive updated")},beforeUnmount(t){t.onkeydown=null,t.oninput=null,t.onfocus=null}},Z=["id","value","disabled"],z={inheritAttrs:!1,name:"Money3",directives:{money3:x}},R=a.defineComponent({...z,props:{debug:{required:!1,type:Boolean,default:!1},id:{required:!1,type:[Number,String],default:()=>{const t=a.getCurrentInstance();return t?t.uid:null}},modelValue:{required:!0,type:[Number,String]},modelModifiers:{required:!1,type:Object,default:()=>({number:!1})},masked:{type:Boolean,default:!1},precision:{type:Number,default:()=>o.precision},decimal:{type:String,default:()=>o.decimal,validator(t){return y(t,"decimal")}},thousands:{type:String,default:()=>o.thousands,validator(t){return y(t,"thousands")}},prefix:{type:String,default:()=>o.prefix,validator(t){return y(t,"prefix")}},suffix:{type:String,default:()=>o.suffix,validator(t){return y(t,"suffix")}},disableNegative:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},max:{type:[Number,String],default:()=>o.max},min:{type:[Number,String],default:()=>o.min},allowBlank:{type:Boolean,default:()=>o.allowBlank},minimumNumberOfCharacters:{type:Number,default:()=>o.minimumNumberOfCharacters},shouldRound:{type:Boolean,default:()=>o.shouldRound},focusOnRight:{type:Boolean,default:()=>o.focusOnRight}},emits:["update:model-value"],setup(t,{emit:e}){const n=t,{modelValue:i,modelModifiers:s,masked:u,precision:c,shouldRound:d,focusOnRight:v}=a.toRefs(n);r(n,"component setup()",n);let g=i.value;(n.disableNegative||g!=="-")&&s.value&&s.value.number&&(d.value?g=Number(i.value).toFixed(m(c.value)):g=Number(i.value).toFixed(m(c.value)+1).slice(0,-1));const b=a.ref(S(g,n,"component setup"));r(n,"component setup() - data.formattedValue",b.value),a.watch(i,B);function B(h){r(n,"component watch() -> value",h);const f=S(h,w({...n}),"component watch");f!==b.value&&(r(n,"component watch() changed -> formatted",f),b.value=f)}let L=null;function J(h){let f=h.target.value;r(n,"component change() -> evt.target.value",f),u.value&&!s.value.number||(f=k(f,w({...n}),"component change")),f!==L&&(L=f,r(n,"component change() -> update:model-value",f),e("update:model-value",f))}const Q=a.useAttrs(),X=a.computed(()=>{const h={...Q};return delete h["onUpdate:modelValue"],h});return(h,f)=>{const Y=a.resolveDirective("money3");return a.withDirectives((a.openBlock(),a.createElementBlock("input",a.mergeProps({id:`${t.id}`},a.unref(X),{type:"tel",class:"v-money3",value:b.value,disabled:n.disabled,onChange:J}),null,16,Z)),[[Y,{precision:a.unref(c),decimal:n.decimal,thousands:n.thousands,prefix:n.prefix,suffix:n.suffix,disableNegative:n.disableNegative,min:n.min,max:n.max,allowBlank:n.allowBlank,minimumNumberOfCharacters:n.minimumNumberOfCharacters,debug:n.debug,modelModifiers:a.unref(s),shouldRound:a.unref(d),focusOnRight:a.unref(v)}]])}}}),G={install(t){t.component("money3",R),t.directive("money3",x)}};l.BigNumber=N,l.Money=R,l.Money3=R,l.Money3Component=R,l.Money3Directive=x,l.VMoney=x,l.VMoney3=x,l.default=G,l.format=S,l.unformat=k,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "v-money3",
-  "version": "3.22.3",
+  "version": "3.24.0",
   "description": "Vue3 currency input/directive mask",
   "main": "./dist/v-money3.umd.js",
   "module": "./dist/v-money3.mjs",
@@ -49,29 +49,29 @@
     "vue": ">= 3.2.0"
   },
   "devDependencies": {
-    "@babel/plugin-transform-runtime": "7.19.1",
-    "@babel/preset-env": "7.19.1",
-    "@types/jest": "29.0.3",
-    "@types/jest-environment-puppeteer": "5.0.2",
-    "@types/puppeteer": "5.4.6",
-    "@typescript-eslint/eslint-plugin": "5.38.1",
-    "@typescript-eslint/parser": "5.38.1",
-    "@vitejs/plugin-vue": "3.1.0",
-    "@vue/compiler-sfc": "3.2.39",
-    "@vue/test-utils": "2.0.2",
+    "@babel/plugin-transform-runtime": "7.21.0",
+    "@babel/preset-env": "7.20.2",
+    "@types/jest": "29.5.0",
+    "@types/jest-environment-puppeteer": "5.0.3",
+    "@types/puppeteer": "5.4.7",
+    "@typescript-eslint/eslint-plugin": "5.56.0",
+    "@typescript-eslint/parser": "5.56.0",
+    "@vitejs/plugin-vue": "3.2.0",
+    "@vue/compiler-sfc": "3.2.47",
+    "@vue/test-utils": "2.3.2",
     "babel-jest": "26.6.3",
-    "eslint": "8.24.0",
+    "eslint": "8.36.0",
     "eslint-config-airbnb-base": "15.0.0",
     "eslint-config-airbnb-typescript": "17.0.0",
-    "eslint-plugin-import": "2.26.0",
-    "eslint-plugin-vue": "9.5.1",
+    "eslint-plugin-import": "2.27.5",
+    "eslint-plugin-vue": "9.9.0",
     "jest": "26.6.3",
-    "jest-puppeteer": "6.1.1",
-    "node": "16.17.1",
+    "jest-puppeteer": "6.2.0",
+    "node": "16.19.1",
     "ts-jest": "26.5.6",
-    "vite": "3.1.3",
-    "vue": "3.2.31",
+    "vite": "3.2.5",
+    "vue": "3.2.44",
     "vue-jest": "5.0.0-alpha.10",
-    "vue-tsc": "1.0.0-beta.0"
+    "vue-tsc": "1.3.2"
   }
 }