@itfin/components 1.2.130 → 1.2.131
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
<div :style="`--itf-money-field-padding-left: ${selectedCurrencySymbol.length * 0.6 + 1}rem`">
|
|
4
4
|
<span class="itf-money-field__prepend">{{ selectedCurrencySymbol }}</span>
|
|
5
5
|
<i-mask-component
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
6
|
+
ref="input"
|
|
7
|
+
v-bind="mask"
|
|
8
|
+
class="form-control"
|
|
9
|
+
:class="{ 'is-invalid': isInvalid(), 'is-valid': isSuccess() }"
|
|
10
|
+
@input="setValue"
|
|
11
|
+
:value="maskedValue"
|
|
12
|
+
:unmask="false"
|
|
13
|
+
:disabled="disabled"
|
|
14
14
|
/>
|
|
15
15
|
</div>
|
|
16
16
|
|
|
@@ -99,6 +99,8 @@ class itfMoneyField extends Vue {
|
|
|
99
99
|
@Prop({ type: Boolean, default: true }) currencySelect;
|
|
100
100
|
@Prop({ type: Array, default: () => ([]) }) currencies;
|
|
101
101
|
@Prop({ type: Boolean, default: false }) currencyDisabled;
|
|
102
|
+
@Prop({ type: Number, default: -1000000000}) minValue;
|
|
103
|
+
@Prop({ type: Number, default: 1000000000}) maxValue;
|
|
102
104
|
|
|
103
105
|
get mask() {
|
|
104
106
|
return {
|
|
@@ -109,6 +111,8 @@ class itfMoneyField extends Vue {
|
|
|
109
111
|
normalizeZeros: true, // appends or removes zeros at ends
|
|
110
112
|
radix: '.', // fractional delimiter
|
|
111
113
|
mapToRadix: [','], // symbols to process as radix
|
|
114
|
+
min: this.minValue,
|
|
115
|
+
max: this.maxValue
|
|
112
116
|
};
|
|
113
117
|
}
|
|
114
118
|
|