@canutin/svelte-currency-input 0.8.0 → 0.9.1

package/CurrencyInput.svelte

@@ -19,6 +19,7 @@ export let placeholder = DEFAULT_VALUE;
 export let isNegativeAllowed = true;
 export let fractionDigits = DEFAULT_FRACTION_DIGITS;
 export let inputClasses = null;
+export let onValueChange = () => { };
 // Formats value as: e.g. $1,523.00 | -$1,523.00
 const formatCurrency = (value, maximumFractionDigits, minimumFractionDigits) => {
     return new Intl.NumberFormat(locale, {
@@ -109,6 +110,8 @@ const setFormattedValue = () => {
     setTimeout(() => {
         inputTarget?.setSelectionRange(endCaretPosition, endCaretPosition);
     }, 0.1);
+    // Run callback function when `value` changes
+    onValueChange(value);
 };
 let formattedValue = '';
 let formattedPlaceholder = placeholder !== null ? formatCurrency(placeholder, fractionDigits, fractionDigits) : '';

package/CurrencyInput.svelte.d.ts

@@ -18,6 +18,7 @@ declare const __propDef: {
             formattedNegative?: string | undefined;
             formattedZero?: string | undefined;
         } | null | undefined;
+        onValueChange?: ((value: number) => any) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/README.md

@@ -70,6 +70,7 @@ This is more or less what `<CurrencyInput />` looks like under the hood:
 | isNegativeAllowed | `boolean`       | `true`      | If `false`, forces formatting only to positive values and ignores `--positive` and `--negative` styling modifiers                                   |
 | fractionDigits    | `number`        | `2`         | Sets `maximumFractionDigits` in [`Intl.NumberFormat()` constructor](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#minimumfractiondigits) used for formatting the currency. Supported digits: `0` to `20` |
 | inputClasses    | `object`        | [See below](#Styling)         | Selectively overrides any class names passed |
+| onValueChange          | `Callback`       | `undefined`     | Runs a callback function after the value changes |
 
 ## Styling
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canutin/svelte-currency-input",
-  "version": "0.8.0",
+  "version": "0.9.1",
   "exports": {
     "./package.json": "./package.json",
     ".": "./index.js",