mosstandardcomponents 1.0.7 → 1.0.9

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.
Files changed (4) hide show
  1. package/dist/input-field.es.js +487 -60
  2. package/dist/input-field.umd.js +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +6 -3
package/dist/input-field.es.js CHANGED
@@ -1,16 +1,65 @@
1
- import { resolveComponent as u, createElementBlock as n, openBlock as l, createCommentVNode as i, createElementVNode as s, normalizeClass as c, toDisplayString as d, withKeys as p, createBlock as g, createVNode as w } from "vue";
2
- const k = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201008%201008'%3e%3cpath%20fill='currentColor'%20d='M1008%20540c0%2014-4%2027-11%2039-103%20170-293%20285-493%20285S114%20749%2011%20579c-7-12-11-25-11-39s4-27%2011-39c103-170%20293-285%20493-285s390%20115%20493%20285c7%2012%2011%2025%2011%2039zM531%20324c0-15-12-27-27-27-94%200-171%2077-171%20171%200%2015%2012%2027%2027%2027s27-12%2027-27c0-64%2053-117%20117-117%2015%200%2027-12%2027-27zm405%20216c-53-83-127-154-214-199%2022%2039%2034%2083%2034%20127%200%20139-113%20252-252%20252S252%20607%20252%20468c0-44%2012-88%2034-127-87%2045-161%20116-214%20199%2096%20148%20251%20252%20432%20252s336-104%20432-252z'/%3e%3c/svg%3e", C = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201008%201008'%3e%3cpath%20fill='currentColor'%20d='M1008%20540c0%2015-4%2027-11%2039-18%2029-40%2056-62%2081-110%20127-262%20204-431%20204l42-74c163-14%20302-114%20390-250-42-65-95-121-159-165l36-63c70%2046%20140%20117%20184%20189%207%2012%2011%2024%2011%2039zm-252-72c0%20105-65%20198-162%20235l158-282c2%2015%204%2031%204%2047zm-21-251v5C616%20434%20497%20646%20380%20859l-28%2050c-3%206-9%209-16%209-10%200-63-33-75-39-6-4-9-9-9-16%200-9%2019-40%2025-49C168%20764%2076%20680%2011%20579c-7-11-11-25-11-39%200-13%204-28%2011-39%20112-171%20285-285%20493-285%2034%200%2068%203%20101%2010l31-55c3-6%209-9%2015-9%2011%200%2063%2033%2075%2039%206%204%209%209%209%2016zM531%20324c0-15-12-27-27-27-94%200-171%2077-171%20171%200%2015%2012%2027%2027%2027s27-12%2027-27c0-65%2053-117%20117-117%2015%200%2027-12%2027-27zM312%20751l44-79c-65-48-104-124-104-204%200-44%2012-88%2034-127-87%2045-161%20116-214%20199%2058%2091%20141%20166%20240%20211z'/%3e%3c/svg%3e", x = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201039%201008'%3e%3cpath%20fill='currentColor'%20d='M908%20989H131q-32%200-62.5-17T19%20926.5%200%20863t19-68l388-670q42-62%20113-62t112%2062l389%20670q18%2028%2018%2064%200%2075-68%20113-31%2017-63%2017zM576%20157q-19-38-55.5-38T463%20150L69%20826q-20%2030%200%2069%2021%2032%2056%2032h777q35%200%2055.5-30.5t.5-70.5zm-13%20501.5Q544%20676%20517.5%20676T474%20659t-17-45V351q0-29%2017-46t45.5-17%2045.5%2017%2017%2046v263q0%2027-19%2044.5zm-97.5%20174q-8.5-14.5-8.5-36t18.5-39.5%2037.5-18%2031%205%2020%2013q18%2018%2018%2044t-18%2044.5-39.5%2018.5-36-8.5-23-23z'/%3e%3c/svg%3e", S = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201008%201008'%3e%3cpath%20fill='currentColor'%20d='M940%20318c0%2014-6%2028-16%2039L517%20764l-77%2076c-10%2010-24%2016-38%2016s-28-6-38-16l-77-76L84%20560c-10-10-16-24-16-38s6-28%2016-38l76-77c10-10%2025-16%2039-16s28%206%2038%2016l165%20166%20369-369c10-11%2024-16%2038-16s29%206%2039%2016l76%2076c10%2010%2016%2024%2016%2038z'/%3e%3c/svg%3e", _ = (t, o) => {
1
+ import { createElementBlock as i, openBlock as r, createElementVNode as a, resolveComponent as y, createCommentVNode as o, normalizeClass as c, toDisplayString as u, withKeys as w, createBlock as x, createVNode as g, resolveDirective as S, withDirectives as C } from "vue";
2
+ import { vMaska as I } from "maska";
3
+ const V = {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ viewBox: "0 0 1008 1008"
6
+ };
7
+ function B(t, n) {
8
+ return r(), i("svg", V, [...n[0] || (n[0] = [
9
+ a("path", {
10
+ fill: "currentColor",
11
+ d: "M1008 540c0 14-4 27-11 39-103 170-293 285-493 285S114 749 11 579c-7-12-11-25-11-39s4-27 11-39c103-170 293-285 493-285s390 115 493 285c7 12 11 25 11 39zM531 324c0-15-12-27-27-27-94 0-171 77-171 171 0 15 12 27 27 27s27-12 27-27c0-64 53-117 117-117 15 0 27-12 27-27zm405 216c-53-83-127-154-214-199 22 39 34 83 34 127 0 139-113 252-252 252S252 607 252 468c0-44 12-88 34-127-87 45-161 116-214 199 96 148 251 252 432 252s336-104 432-252z"
12
+ }, null, -1)
13
+ ])]);
14
+ }
15
+ const A = { render: B }, T = {
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ viewBox: "0 0 1008 1008"
18
+ };
19
+ function F(t, n) {
20
+ return r(), i("svg", T, [...n[0] || (n[0] = [
21
+ a("path", {
22
+ fill: "currentColor",
23
+ d: "M1008 540c0 15-4 27-11 39-18 29-40 56-62 81-110 127-262 204-431 204l42-74c163-14 302-114 390-250-42-65-95-121-159-165l36-63c70 46 140 117 184 189 7 12 11 24 11 39zm-252-72c0 105-65 198-162 235l158-282c2 15 4 31 4 47zm-21-251v5C616 434 497 646 380 859l-28 50c-3 6-9 9-16 9-10 0-63-33-75-39-6-4-9-9-9-16 0-9 19-40 25-49C168 764 76 680 11 579c-7-11-11-25-11-39 0-13 4-28 11-39 112-171 285-285 493-285 34 0 68 3 101 10l31-55c3-6 9-9 15-9 11 0 63 33 75 39 6 4 9 9 9 16zM531 324c0-15-12-27-27-27-94 0-171 77-171 171 0 15 12 27 27 27s27-12 27-27c0-65 53-117 117-117 15 0 27-12 27-27zM312 751l44-79c-65-48-104-124-104-204 0-44 12-88 34-127-87 45-161 116-214 199 58 91 141 166 240 211z"
24
+ }, null, -1)
25
+ ])]);
26
+ }
27
+ const q = { render: F }, E = {
28
+ xmlns: "http://www.w3.org/2000/svg",
29
+ viewBox: "0 0 1039 1008"
30
+ };
31
+ function K(t, n) {
32
+ return r(), i("svg", E, [...n[0] || (n[0] = [
33
+ a("path", {
34
+ fill: "currentColor",
35
+ d: "M908 989H131q-32 0-62.5-17T19 926.5 0 863t19-68l388-670q42-62 113-62t112 62l389 670q18 28 18 64 0 75-68 113-31 17-63 17zM576 157q-19-38-55.5-38T463 150L69 826q-20 30 0 69 21 32 56 32h777q35 0 55.5-30.5t.5-70.5zm-13 501.5Q544 676 517.5 676T474 659t-17-45V351q0-29 17-46t45.5-17 45.5 17 17 46v263q0 27-19 44.5zm-97.5 174q-8.5-14.5-8.5-36t18.5-39.5 37.5-18 31 5 20 13q18 18 18 44t-18 44.5-39.5 18.5-36-8.5-23-23z"
36
+ }, null, -1)
37
+ ])]);
38
+ }
39
+ const p = { render: K }, P = {
40
+ xmlns: "http://www.w3.org/2000/svg",
41
+ viewBox: "0 0 1008 1008"
42
+ };
43
+ function z(t, n) {
44
+ return r(), i("svg", P, [...n[0] || (n[0] = [
45
+ a("path", {
46
+ fill: "currentColor",
47
+ d: "M940 318c0 14-6 28-16 39L517 764l-77 76c-10 10-24 16-38 16s-28-6-38-16l-77-76L84 560c-10-10-16-24-16-38s6-28 16-38l76-77c10-10 25-16 39-16s28 6 38 16l165 166 369-369c10-11 24-16 38-16s29 6 39 16l76 76c10 10 16 24 16 38z"
48
+ }, null, -1)
49
+ ])]);
50
+ }
51
+ const k = { render: z }, _ = (t, n) => {
3
52
  const e = t.__vccOpts || t;
4
- for (const [h, m] of o)
5
- e[h] = m;
53
+ for (const [f, s] of n)
54
+ e[f] = s;
6
55
  return e;
7
- }, B = {
56
+ }, M = {
8
57
  name: "InputField",
9
58
  components: {
10
- IconEyeSlash: C,
11
- IconPrivacy: k,
12
- IconAlert: x,
13
- IconCheck: S
59
+ IconEyeSlash: q,
60
+ IconPrivacy: A,
61
+ IconAlert: p,
62
+ IconCheck: k
14
63
  },
15
64
  props: {
16
65
  modelValue: String,
@@ -90,24 +139,24 @@ const k = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20view
90
139
  t && t.value && this.$emit("update:modelValue", t.value);
91
140
  }
92
141
  }
93
- }, I = { class: "pt-2" }, q = ["for"], V = ["textContent"], z = {
142
+ }, N = { class: "pt-2" }, L = ["for"], D = ["textContent"], H = {
94
143
  key: 0,
95
144
  class: "text-red"
96
- }, A = {
145
+ }, G = {
97
146
  key: 1,
98
147
  textContent: " (optioneel)",
99
148
  class: "font-normal"
100
- }, P = ["id", "value", "type", "name", "placeholder", "required", "optional", "error", "minlength", "maxlength", "autocomplete", "autofocus", "inputmode", "disabled", "readonly", "aria-describedby", "aria-errormessage", "pattern", "aria-invalid"], T = ["aria-pressed", "aria-label"], E = { class: "sr-only" }, M = {
149
+ }, O = ["id", "value", "type", "name", "placeholder", "required", "optional", "error", "minlength", "maxlength", "autocomplete", "autofocus", "inputmode", "disabled", "readonly", "aria-describedby", "aria-errormessage", "pattern", "aria-invalid"], Q = ["aria-pressed", "aria-label"], j = { class: "sr-only" }, J = {
101
150
  key: 1,
102
151
  class: "absolute right-0 top-0 py-3 pl-1 pr-2 text-error-500"
103
- }, K = {
152
+ }, R = {
104
153
  key: 2,
105
154
  class: "absolute right-0 top-0 py-3 pl-1 pr-2 text-green"
106
- }, F = ["id", "textContent"], L = ["id"], N = ["textContent"], D = ["textContent"];
107
- function H(t, o, e, h, m, r) {
108
- const f = u("icon-privacy"), y = u("icon-eye-slash"), v = u("icon-alert"), b = u("icon-check");
109
- return l(), n("div", I, [
110
- e.label ? (l(), n("label", {
155
+ }, U = ["id", "textContent"], W = ["id"], X = ["textContent"], Y = ["textContent"];
156
+ function Z(t, n, e, f, s, l) {
157
+ const b = y("icon-privacy"), v = y("icon-eye-slash"), d = y("icon-alert"), h = y("icon-check");
158
+ return r(), i("div", N, [
159
+ e.label ? (r(), i("label", {
111
160
  key: 0,
112
161
  for: t.computedId,
113
162
  class: c(["max-w-full whitespace-nowrap text-sm font-bold", {
@@ -118,23 +167,23 @@ function H(t, o, e, h, m, r) {
118
167
  "text-blue-dark": e.error && !t.isActive
119
168
  }])
120
169
  }, [
121
- s("span", {
122
- textContent: d(e.label)
123
- }, null, 8, V),
124
- e.required ? (l(), n("span", z, " * ")) : i("", !0),
125
- e.optional ? (l(), n("span", A)) : i("", !0)
126
- ], 10, q)) : i("", !0),
127
- s("div", {
170
+ a("span", {
171
+ textContent: u(e.label)
172
+ }, null, 8, D),
173
+ e.required ? (r(), i("span", H, " * ")) : o("", !0),
174
+ e.optional ? (r(), i("span", G)) : o("", !0)
175
+ ], 10, L)) : o("", !0),
176
+ a("div", {
128
177
  class: c([
129
178
  "relative mt-1 rounded-sm",
130
179
  [
131
- r.outlineClass,
180
+ l.outlineClass,
132
181
  t.isActive || e.error ? "border-2" : "border",
133
182
  e.disabled && e.modelValue || e.readonly ? "bg-blue-dark-100" : ""
134
183
  ]
135
184
  ])
136
185
  }, [
137
- s("input", {
186
+ a("input", {
138
187
  id: t.computedId,
139
188
  ref: "input",
140
189
  value: e.modelValue,
@@ -157,75 +206,453 @@ function H(t, o, e, h, m, r) {
157
206
  "aria-invalid": e.error.toString(),
158
207
  class: "block h-12 w-full appearance-none border-0 bg-transparent pl-4 pr-8 focus:outline-none",
159
208
  "data-clarity-mask": "true",
160
- onInput: o[0] || (o[0] = (a) => t.$emit("update:modelValue", a.target.value)),
161
- onBlur: o[1] || (o[1] = (...a) => r.onBlur && r.onBlur(...a)),
162
- onFocus: o[2] || (o[2] = (...a) => r.onFocus && r.onFocus(...a)),
163
- onKeyup: o[3] || (o[3] = p((...a) => r.onKeyupEnter && r.onKeyupEnter(...a), ["enter"]))
164
- }, null, 40, P),
165
- t.initialType === "password" && !e.hidepasswordicon && !e.disabled ? (l(), n("div", {
209
+ onInput: n[0] || (n[0] = (m) => t.$emit("update:modelValue", m.target.value)),
210
+ onBlur: n[1] || (n[1] = (...m) => l.onBlur && l.onBlur(...m)),
211
+ onFocus: n[2] || (n[2] = (...m) => l.onFocus && l.onFocus(...m)),
212
+ onKeyup: n[3] || (n[3] = w((...m) => l.onKeyupEnter && l.onKeyupEnter(...m), ["enter"]))
213
+ }, null, 40, O),
214
+ t.initialType === "password" && !e.hidepasswordicon && !e.disabled ? (r(), i("div", {
166
215
  key: 0,
167
216
  class: c(["absolute right-0 top-0", { "right-8": e.error }])
168
217
  }, [
169
- s("button", {
218
+ a("button", {
170
219
  type: "button",
171
220
  class: "m-1 px-2 py-3 focus-visible:outline-blue-dark",
172
221
  "aria-pressed": t.showPassword,
173
222
  "aria-label": t.showPassword ? "Verberg wachtwoord" : "Toon wachtwoord",
174
- onClick: o[4] || (o[4] = (...a) => r.togglePassword && r.togglePassword(...a))
223
+ onClick: n[4] || (n[4] = (...m) => l.togglePassword && l.togglePassword(...m))
175
224
  }, [
176
- t.showPassword ? (l(), g(f, {
225
+ t.showPassword ? (r(), x(b, {
177
226
  key: 0,
178
227
  class: "h-4 w-4",
179
228
  "aria-hidden": "true"
180
- })) : (l(), g(y, {
229
+ })) : (r(), x(v, {
181
230
  key: 1,
182
231
  class: "h-4 w-4",
183
232
  "aria-hidden": "true"
184
233
  })),
185
- s("span", E, d(t.showPassword ? "verberg" : "toon") + " wachtwoord", 1)
186
- ], 8, T)
187
- ], 2)) : i("", !0),
188
- e.error ? (l(), n("div", M, [
189
- w(v, {
234
+ a("span", j, u(t.showPassword ? "verberg" : "toon") + " wachtwoord", 1)
235
+ ], 8, Q)
236
+ ], 2)) : o("", !0),
237
+ e.error ? (r(), i("div", J, [
238
+ g(d, {
190
239
  class: "-mt-1 mr-1 inline h-5 w-5",
191
240
  "aria-hidden": "true"
192
241
  })
193
- ])) : i("", !0),
194
- !e.error && e.modelValue && t.shouldShowCheck ? (l(), n("div", K, [
195
- w(b, {
242
+ ])) : o("", !0),
243
+ !e.error && e.modelValue && t.shouldShowCheck ? (r(), i("div", R, [
244
+ g(h, {
196
245
  class: "-mt-1 mr-1 inline h-5 w-5",
197
246
  "aria-hidden": "true"
198
247
  })
199
- ])) : i("", !0)
248
+ ])) : o("", !0)
200
249
  ], 2),
201
- e.hint && !e.error ? (l(), n("div", {
250
+ e.hint && !e.error ? (r(), i("div", {
202
251
  key: 1,
203
252
  id: t.computedId + "-hint",
204
253
  class: c(["w-full pt-1 text-xs leading-4", { "text-grey-500": e.disabled }]),
205
- textContent: d(e.hint)
206
- }, null, 10, F)) : i("", !0),
207
- e.error && e.errormessage ? (l(), n("div", {
254
+ textContent: u(e.hint)
255
+ }, null, 10, U)) : o("", !0),
256
+ e.error && e.errormessage ? (r(), i("div", {
208
257
  key: 2,
209
258
  id: t.computedId + "-errormsg",
210
259
  class: "w-full pt-1 text-sm font-bold leading-4 text-error-500",
211
260
  "aria-live": "assertive"
212
261
  }, [
213
- s("span", {
214
- textContent: d(e.errormessage)
215
- }, null, 8, N)
216
- ], 8, L)) : i("", !0),
217
- t.initialType === "password" ? (l(), n("p", {
262
+ a("span", {
263
+ textContent: u(e.errormessage)
264
+ }, null, 8, X)
265
+ ], 8, W)) : o("", !0),
266
+ t.initialType === "password" ? (r(), i("p", {
218
267
  key: 3,
219
268
  class: "sr-only",
220
269
  "aria-live": "polite",
221
- textContent: d(
270
+ textContent: u(
222
271
  t.showPassword ? "wachtwoord wordt getoond" : "wachtwoord is verborgen"
223
272
  )
224
- }, null, 8, D)) : i("", !0)
273
+ }, null, 8, Y)) : o("", !0)
274
+ ]);
275
+ }
276
+ const Be = /* @__PURE__ */ _(M, [["render", Z], ["__scopeId", "data-v-5a4e94c9"]]), $ = {
277
+ name: "AmountInputField",
278
+ components: { IconAlert: p, IconCheck: k },
279
+ props: {
280
+ modelValue: Number,
281
+ label: String,
282
+ name: String,
283
+ placeholder: { type: String, default: "" },
284
+ required: Boolean,
285
+ optional: Boolean,
286
+ disabled: Boolean,
287
+ error: Boolean,
288
+ pattern: { type: String, default: "[1-9]?" },
289
+ autocomplete: { type: String, default: "on" },
290
+ inputmode: String,
291
+ autofocus: Boolean,
292
+ readonly: Boolean,
293
+ min: String,
294
+ max: String,
295
+ id: { type: String, default: null },
296
+ hint: String,
297
+ errormessage: String,
298
+ borderClass: String,
299
+ showCheck: Boolean,
300
+ symbol: String
301
+ },
302
+ emits: [
303
+ "update:modelValue",
304
+ "input",
305
+ "focus",
306
+ "blur",
307
+ "onKeyupEnter"
308
+ ],
309
+ data() {
310
+ return {
311
+ isActive: !1,
312
+ shouldShowCheck: !1,
313
+ displayValue: "",
314
+ computedId: null,
315
+ isTyping: !1
316
+ };
317
+ },
318
+ watch: {
319
+ modelValue: {
320
+ immediate: !0,
321
+ handler(t) {
322
+ this.isTyping || (this.displayValue = this.formatCurrency(t));
323
+ }
324
+ }
325
+ },
326
+ computed: {
327
+ outlineClass() {
328
+ return this.isActive ? "border-blue" : this.error ? "border-error-500" : !this.disabled && this.modelValue ? "border-blue-dark-900" : this.disabled && this.modelValue || this.readonly ? "border-none" : "border-blue-dark-200";
329
+ }
330
+ },
331
+ mounted() {
332
+ this.computedId = this.id ?? "cb-input-" + Math.random().toString(36).slice(4);
333
+ },
334
+ methods: {
335
+ onInput(t) {
336
+ this.isTyping = !0;
337
+ const n = t.target.value, e = n.replace(/[^\d.,]/g, "").replace(",", "."), f = parseFloat(e);
338
+ isNaN(f) || (this.$emit("update:modelValue", f), this.$emit("input", f)), this.displayValue = n;
339
+ },
340
+ onBlur() {
341
+ this.isTyping = !1, this.applyFormatting(), this.isActive = !1, this.$emit("blur", this.modelValue);
342
+ },
343
+ onKeyupEnter() {
344
+ this.isTyping = !1, this.applyFormatting(), this.isActive = !1, this.$emit("onKeyupEnter", this.modelValue);
345
+ },
346
+ applyFormatting() {
347
+ const t = this.displayValue.replace(/[^\d.,]/g, "").replace(",", "."), n = parseFloat(t);
348
+ if (!isNaN(n)) {
349
+ const e = this.formatCurrency(n);
350
+ this.displayValue = e, this.$emit("update:modelValue", n), this.$emit("input", n);
351
+ }
352
+ },
353
+ formatCurrency(t) {
354
+ return t == null || t === "" ? "" : new Intl.NumberFormat("nl-NL", {
355
+ minimumFractionDigits: 2,
356
+ maximumFractionDigits: 2
357
+ }).format(t);
358
+ },
359
+ onFocus() {
360
+ this.isActive = !0, this.$emit("focus");
361
+ }
362
+ }
363
+ }, ee = { class: "pt-2" }, te = ["for"], ne = ["textContent"], re = {
364
+ key: 0,
365
+ class: "text-red"
366
+ }, ie = {
367
+ key: 1,
368
+ class: "font-normal",
369
+ textContent: " (optioneel)"
370
+ }, le = ["id", "value", "name", "placeholder", "required", "optional", "error", "min", "max", "autocomplete", "autofocus", "inputmode", "disabled", "readonly", "aria-describedby", "aria-errormessage", "pattern", "aria-invalid"], oe = {
371
+ key: 0,
372
+ class: "absolute right-0 top-0 py-3 pl-1 pr-2 text-error-500"
373
+ }, ae = {
374
+ key: 1,
375
+ class: "absolute right-0 top-0 py-3 pl-1 pr-2 text-green"
376
+ }, se = ["id", "textContent"], de = ["id"], ue = ["textContent"];
377
+ function ce(t, n, e, f, s, l) {
378
+ const b = y("icon-alert"), v = y("icon-check");
379
+ return r(), i("div", ee, [
380
+ e.label ? (r(), i("label", {
381
+ key: 0,
382
+ for: s.computedId,
383
+ class: c(["max-w-full whitespace-nowrap text-sm font-bold", {
384
+ active: s.isActive || e.modelValue,
385
+ "text-blue-dark": e.disabled,
386
+ "text-blue": s.isActive,
387
+ "text-blue-dark": !e.error && !s.isActive,
388
+ "text-blue-dark": e.error && !s.isActive
389
+ }])
390
+ }, [
391
+ a("span", {
392
+ textContent: u(e.label)
393
+ }, null, 8, ne),
394
+ e.required ? (r(), i("span", re, " * ")) : o("", !0),
395
+ e.optional ? (r(), i("span", ie)) : o("", !0)
396
+ ], 10, te)) : o("", !0),
397
+ a("div", {
398
+ class: c(["relative mt-1 rounded-sm", [
399
+ l.outlineClass,
400
+ s.isActive || e.error ? "border-2" : "border",
401
+ e.disabled && e.modelValue || e.readonly ? "bg-blue-dark-100" : ""
402
+ ]])
403
+ }, [
404
+ a("input", {
405
+ id: s.computedId,
406
+ value: s.displayValue,
407
+ type: "text",
408
+ name: e.name,
409
+ placeholder: e.placeholder,
410
+ required: e.required,
411
+ optional: e.optional,
412
+ error: e.error,
413
+ min: e.min,
414
+ max: e.max,
415
+ autocomplete: e.autocomplete,
416
+ autofocus: e.autofocus,
417
+ inputmode: e.inputmode,
418
+ disabled: e.disabled,
419
+ readonly: e.readonly,
420
+ "aria-describedby": e.hint ? s.computedId + "-hint" : !1,
421
+ "aria-errormessage": e.error ? s.computedId + "-errormsg" : !1,
422
+ pattern: e.pattern,
423
+ "aria-invalid": e.error.toString(),
424
+ class: "block h-12 w-full appearance-none border-0 bg-transparent pl-10 pr-8 focus:outline-none",
425
+ onInput: n[0] || (n[0] = (...d) => l.onInput && l.onInput(...d)),
426
+ onBlur: n[1] || (n[1] = (...d) => l.onBlur && l.onBlur(...d)),
427
+ onFocus: n[2] || (n[2] = (...d) => l.onFocus && l.onFocus(...d)),
428
+ onKeyup: n[3] || (n[3] = w((...d) => l.onKeyupEnter && l.onKeyupEnter(...d), ["enter"]))
429
+ }, null, 40, le),
430
+ e.error ? (r(), i("div", oe, [
431
+ g(b, {
432
+ class: "-mt-1 mr-1 inline h-5 w-5",
433
+ "aria-hidden": "true"
434
+ })
435
+ ])) : o("", !0),
436
+ !e.error && e.modelValue && s.shouldShowCheck ? (r(), i("div", ae, [
437
+ g(v, {
438
+ class: "-mt-1 mr-1 inline h-5 w-5",
439
+ "aria-hidden": "true"
440
+ })
441
+ ])) : o("", !0)
442
+ ], 2),
443
+ e.hint && !e.error ? (r(), i("div", {
444
+ key: 1,
445
+ id: s.computedId + "-hint",
446
+ class: c(["w-full pt-1 text-xs leading-4", { "text-grey-500": e.disabled }]),
447
+ textContent: u(e.hint)
448
+ }, null, 10, se)) : o("", !0),
449
+ e.error && e.errormessage ? (r(), i("div", {
450
+ key: 2,
451
+ id: s.computedId + "-errormsg",
452
+ class: "w-full pt-1 text-sm font-bold leading-4 text-error-500",
453
+ "aria-live": "assertive"
454
+ }, [
455
+ a("span", {
456
+ textContent: u(e.errormessage)
457
+ }, null, 8, ue)
458
+ ], 8, de)) : o("", !0)
459
+ ]);
460
+ }
461
+ const Ae = /* @__PURE__ */ _($, [["render", ce], ["__scopeId", "data-v-490f2fac"]]), he = {
462
+ name: "IbanInputField",
463
+ components: {
464
+ IconAlert: p,
465
+ IconCheck: k
466
+ },
467
+ directives: { maska: I },
468
+ props: {
469
+ modelValue: String,
470
+ label: String,
471
+ name: String,
472
+ placeholder: {
473
+ type: String,
474
+ default: " "
475
+ },
476
+ required: { type: Boolean, default: !1 },
477
+ optional: { type: Boolean, default: !1 },
478
+ disabled: Boolean,
479
+ error: { type: Boolean, default: !1 },
480
+ pattern: { type: String, default: null },
481
+ autocomplete: { type: String, default: "on" },
482
+ inputmode: String,
483
+ autofocus: Boolean,
484
+ readonly: Boolean,
485
+ minlength: String,
486
+ maxlength: String,
487
+ type: { type: String, default: "text" },
488
+ id: {
489
+ type: String,
490
+ default: null
491
+ },
492
+ hint: String,
493
+ errormessage: { type: String, default: "" },
494
+ borderClass: { type: String, default: null },
495
+ maskaVal: { type: String, default: "" },
496
+ showCheck: { type: Boolean, default: !1 }
497
+ },
498
+ data: function() {
499
+ return {
500
+ initialType: "",
501
+ fieldType: "text",
502
+ isActive: !1,
503
+ hasError: !1,
504
+ shouldShowCheck: !1,
505
+ maskaPattern: "@@## @@@@ #### #### ##",
506
+ maskaPlaceholder: "NL20 INGB 0001 2345 67",
507
+ computedId: null
508
+ };
509
+ },
510
+ computed: {
511
+ outlineClass: function() {
512
+ return this.isActive ? "border-blue" : this.error ? "border-error-500" : !this.disabled && this.modelValue ? "border-blue-dark-900" : this.disabled && this.modelValue || this.readonly ? "border-none" : "border-blue-dark-200";
513
+ },
514
+ maskaValue: function() {
515
+ let t = this.maskaPlaceholder;
516
+ if (this.maskaVal) {
517
+ const n = this.maskaVal.length;
518
+ t = "<i>" + this.maskaVal + "</i>" + t.substring(n);
519
+ }
520
+ return t;
521
+ }
522
+ },
523
+ watch: {
524
+ type: function() {
525
+ this.fieldType = this.type;
526
+ }
527
+ },
528
+ created: function() {
529
+ this.initialType = this.type, this.fieldType = this.type;
530
+ },
531
+ mounted() {
532
+ this.computedId = this.id ? this.id : "cb-input-" + Math.random().toString(36).slice(4);
533
+ },
534
+ methods: {
535
+ onBlur: function(t) {
536
+ this.isActive = !1, this.$emit("blur", t.target.value), this.showCheck && (this.shouldShowCheck = !0);
537
+ },
538
+ onFocus: function(t) {
539
+ this.isActive = !0, this.$emit("focus");
540
+ },
541
+ onKeyupEnter: function(t) {
542
+ this.isActive = !1, this.$emit("onKeyupEnter", t.target.value);
543
+ }
544
+ }
545
+ }, me = { class: "pt-2" }, fe = ["for"], ye = ["textContent"], ge = {
546
+ key: 0,
547
+ class: "text-red"
548
+ }, be = {
549
+ key: 1,
550
+ textContent: " (optioneel)",
551
+ class: "font-normal"
552
+ }, ve = ["id", "value", "type", "name", "placeholder", "required", "optional", "error", "autocomplete", "autofocus", "inputmode", "disabled", "readonly", "aria-describedby", "aria-errormessage", "pattern", "aria-invalid", "data-maska"], we = ["innerHTML"], pe = {
553
+ key: 0,
554
+ class: "absolute right-0 top-0 py-3 pl-1 pr-2 text-error-500"
555
+ }, ke = {
556
+ key: 1,
557
+ class: "absolute right-0 top-0 py-3 pl-1 pr-2 text-green"
558
+ }, _e = ["id", "textContent"], xe = ["id"], Se = ["textContent"];
559
+ function Ce(t, n, e, f, s, l) {
560
+ const b = y("icon-alert"), v = y("icon-check"), d = S("maska");
561
+ return r(), i("div", me, [
562
+ e.label ? (r(), i("label", {
563
+ key: 0,
564
+ for: t.computedId,
565
+ class: c(["max-w-full whitespace-nowrap text-sm font-bold", {
566
+ active: t.isActive || e.modelValue,
567
+ "text-blue-dark": e.disabled,
568
+ "text-blue": t.isActive,
569
+ "text-blue-dark": !e.error && !t.isActive,
570
+ "text-blue-dark": e.error && !t.isActive
571
+ }])
572
+ }, [
573
+ a("span", {
574
+ textContent: u(e.label)
575
+ }, null, 8, ye),
576
+ e.required ? (r(), i("span", ge, " * ")) : o("", !0),
577
+ e.optional ? (r(), i("span", be)) : o("", !0)
578
+ ], 10, fe)) : o("", !0),
579
+ a("div", {
580
+ class: c([
581
+ "relative mt-1 rounded-sm",
582
+ [
583
+ l.outlineClass,
584
+ t.isActive || e.error ? "border-2" : "border",
585
+ e.disabled && e.modelValue || e.readonly ? "bg-blue-dark-100" : ""
586
+ ]
587
+ ])
588
+ }, [
589
+ C(a("input", {
590
+ id: t.computedId,
591
+ value: e.modelValue,
592
+ type: t.fieldType,
593
+ name: e.name,
594
+ placeholder: e.placeholder,
595
+ required: e.required,
596
+ optional: e.optional,
597
+ error: e.error,
598
+ autocomplete: e.autocomplete,
599
+ autofocus: e.autofocus,
600
+ inputmode: e.inputmode,
601
+ disabled: e.disabled,
602
+ readonly: e.readonly,
603
+ "aria-describedby": e.hint ? t.computedId + "-hint" : null,
604
+ "aria-errormessage": e.error ? t.computedId + "-errormsg" : null,
605
+ pattern: e.pattern,
606
+ "aria-invalid": e.error.toString(),
607
+ "data-maska": t.maskaPattern,
608
+ class: "block h-12 w-full appearance-none border-0 bg-transparent pl-3 pr-8 focus:outline-none",
609
+ onInput: n[0] || (n[0] = (h) => t.$emit("update:modelValue", h.target.value)),
610
+ onBlur: n[1] || (n[1] = (...h) => l.onBlur && l.onBlur(...h)),
611
+ onFocus: n[2] || (n[2] = (...h) => l.onFocus && l.onFocus(...h)),
612
+ onKeyup: n[3] || (n[3] = w((...h) => l.onKeyupEnter && l.onKeyupEnter(...h), ["enter"]))
613
+ }, null, 40, ve), [
614
+ [d]
615
+ ]),
616
+ a("div", {
617
+ class: "maska absolute left-1 top-0 my-1 px-2 leading-10 text-transparent opacity-0",
618
+ "aria-hidden": "true",
619
+ innerHTML: l.maskaValue
620
+ }, null, 8, we),
621
+ e.error ? (r(), i("div", pe, [
622
+ g(b, {
623
+ class: "-mt-1 mr-1 inline h-5 w-5",
624
+ "aria-hidden": "true"
625
+ })
626
+ ])) : o("", !0),
627
+ !e.error && e.modelValue && t.shouldShowCheck ? (r(), i("div", ke, [
628
+ g(v, {
629
+ class: "-mt-1 mr-1 inline h-5 w-5",
630
+ "aria-hidden": "true"
631
+ })
632
+ ])) : o("", !0)
633
+ ], 2),
634
+ e.hint && !e.error ? (r(), i("div", {
635
+ key: 1,
636
+ id: t.computedId + "-hint",
637
+ class: c(["w-full pt-1 text-xs leading-4", { "text-grey-500": e.disabled }]),
638
+ textContent: u(e.hint)
639
+ }, null, 10, _e)) : o("", !0),
640
+ e.error && e.errormessage ? (r(), i("div", {
641
+ key: 2,
642
+ id: t.computedId + "-errormsg",
643
+ class: "w-full pt-1 text-sm font-bold leading-4 text-error-500",
644
+ "aria-live": "assertive"
645
+ }, [
646
+ a("span", {
647
+ textContent: u(e.errormessage)
648
+ }, null, 8, Se)
649
+ ], 8, xe)) : o("", !0)
225
650
  ]);
226
651
  }
227
- const Q = /* @__PURE__ */ _(B, [["render", H], ["__scopeId", "data-v-5a4e94c9"]]);
652
+ const Te = /* @__PURE__ */ _(he, [["render", Ce], ["__scopeId", "data-v-5f84fec5"]]);
228
653
  export {
229
- Q as InputField,
230
- Q as default
654
+ Ae as AmountInputField,
655
+ Te as IbanInputField,
656
+ Be as InputField,
657
+ Be as default
231
658
  };
package/dist/input-field.umd.js CHANGED
@@ -1 +1 @@
1
- (function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.mosstandardcomponents={},a.Vue))})(this,function(a,e){"use strict";const c="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201008%201008'%3e%3cpath%20fill='currentColor'%20d='M1008%20540c0%2014-4%2027-11%2039-103%20170-293%20285-493%20285S114%20749%2011%20579c-7-12-11-25-11-39s4-27%2011-39c103-170%20293-285%20493-285s390%20115%20493%20285c7%2012%2011%2025%2011%2039zM531%20324c0-15-12-27-27-27-94%200-171%2077-171%20171%200%2015%2012%2027%2027%2027s27-12%2027-27c0-64%2053-117%20117-117%2015%200%2027-12%2027-27zm405%20216c-53-83-127-154-214-199%2022%2039%2034%2083%2034%20127%200%20139-113%20252-252%20252S252%20607%20252%20468c0-44%2012-88%2034-127-87%2045-161%20116-214%20199%2096%20148%20251%20252%20432%20252s336-104%20432-252z'/%3e%3c/svg%3e",m="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201008%201008'%3e%3cpath%20fill='currentColor'%20d='M1008%20540c0%2015-4%2027-11%2039-18%2029-40%2056-62%2081-110%20127-262%20204-431%20204l42-74c163-14%20302-114%20390-250-42-65-95-121-159-165l36-63c70%2046%20140%20117%20184%20189%207%2012%2011%2024%2011%2039zm-252-72c0%20105-65%20198-162%20235l158-282c2%2015%204%2031%204%2047zm-21-251v5C616%20434%20497%20646%20380%20859l-28%2050c-3%206-9%209-16%209-10%200-63-33-75-39-6-4-9-9-9-16%200-9%2019-40%2025-49C168%20764%2076%20680%2011%20579c-7-11-11-25-11-39%200-13%204-28%2011-39%20112-171%20285-285%20493-285%2034%200%2068%203%20101%2010l31-55c3-6%209-9%2015-9%2011%200%2063%2033%2075%2039%206%204%209%209%209%2016zM531%20324c0-15-12-27-27-27-94%200-171%2077-171%20171%200%2015%2012%2027%2027%2027s27-12%2027-27c0-65%2053-117%20117-117%2015%200%2027-12%2027-27zM312%20751l44-79c-65-48-104-124-104-204%200-44%2012-88%2034-127-87%2045-161%20116-214%20199%2058%2091%20141%20166%20240%20211z'/%3e%3c/svg%3e",u="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201039%201008'%3e%3cpath%20fill='currentColor'%20d='M908%20989H131q-32%200-62.5-17T19%20926.5%200%20863t19-68l388-670q42-62%20113-62t112%2062l389%20670q18%2028%2018%2064%200%2075-68%20113-31%2017-63%2017zM576%20157q-19-38-55.5-38T463%20150L69%20826q-20%2030%200%2069%2021%2032%2056%2032h777q35%200%2055.5-30.5t.5-70.5zm-13%20501.5Q544%20676%20517.5%20676T474%20659t-17-45V351q0-29%2017-46t45.5-17%2045.5%2017%2017%2046v263q0%2027-19%2044.5zm-97.5%20174q-8.5-14.5-8.5-36t18.5-39.5%2037.5-18%2031%205%2020%2013q18%2018%2018%2044t-18%2044.5-39.5%2018.5-36-8.5-23-23z'/%3e%3c/svg%3e",h="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201008%201008'%3e%3cpath%20fill='currentColor'%20d='M940%20318c0%2014-6%2028-16%2039L517%20764l-77%2076c-10%2010-24%2016-38%2016s-28-6-38-16l-77-76L84%20560c-10-10-16-24-16-38s6-28%2016-38l76-77c10-10%2025-16%2039-16s28%206%2038%2016l165%20166%20369-369c10-11%2024-16%2038-16s29%206%2039%2016l76%2076c10%2010%2016%2024%2016%2038z'/%3e%3c/svg%3e",f=(o,l)=>{const t=o.__vccOpts||o;for(const[s,d]of l)t[s]=d;return t},g={name:"InputField",components:{IconEyeSlash:m,IconPrivacy:c,IconAlert:u,IconCheck:h},props:{modelValue:String,label:String,name:String,placeholder:{type:String,default:" "},required:{type:Boolean,default:!1},optional:{type:Boolean,default:!1},disabled:Boolean,error:{type:Boolean,default:!1},pattern:{type:String,default:null},hidepasswordicon:{type:Boolean,default:!1},autocomplete:{type:String,default:"on"},inputmode:String,autofocus:Boolean,readonly:Boolean,minlength:String,maxlength:String,type:{type:String,default:"text"},id:{type:String,default:null},hint:String,errormessage:{type:String,default:""},borderClass:{type:String,default:null},showCheck:{type:Boolean,default:!1},inputClass:{type:String,default:null}},emits:["update:modelValue","focus","blur","showpassword","onKeyupEnter"],data:function(){return{initialType:"",fieldType:"text",isActive:!1,hasError:!1,showPassword:!1,shouldShowCheck:!1,computedId:null}},computed:{outlineClass:function(){return this.isActive?"border-blue":this.error?"border-error-500":!this.disabled&&this.modelValue?"border-blue-dark-900":this.disabled&&this.modelValue||this.readonly?"border-none":"border-blue-dark-200"}},watch:{type:function(){this.fieldType=this.type}},mounted:function(){this.computedId=this.id?this.id:"cb-input-"+Math.random().toString(36).slice(4),this.checkAutofill(),setTimeout(this.checkAutofill,1e3)},created:function(){this.initialType=this.type,this.fieldType=this.type},methods:{togglePassword:function(){this.showPassword=!this.showPassword,this.fieldType=this.showPassword?"text":"password",this.$emit("showpassword",this.showPassword)},onBlur:function(o){this.isActive=!1,this.$emit("blur",o.target.value),this.showCheck&&(this.shouldShowCheck=!0)},onFocus:function(o){this.isActive=!0,this.$emit("focus")},onKeyupEnter:function(o){this.isActive=!1,this.$emit("onKeyupEnter",o.target.value)},checkAutofill:function(){const o=this.$refs.input;o&&o.value&&this.$emit("update:modelValue",o.value)}}},w={class:"pt-2"},y=["for"],p=["textContent"],b={key:0,class:"text-red"},k={key:1,textContent:" (optioneel)",class:"font-normal"},C=["id","value","type","name","placeholder","required","optional","error","minlength","maxlength","autocomplete","autofocus","inputmode","disabled","readonly","aria-describedby","aria-errormessage","pattern","aria-invalid"],B=["aria-pressed","aria-label"],S={class:"sr-only"},V={key:1,class:"absolute right-0 top-0 py-3 pl-1 pr-2 text-error-500"},x={key:2,class:"absolute right-0 top-0 py-3 pl-1 pr-2 text-green"},E=["id","textContent"],_=["id"],z=["textContent"],I=["textContent"];function N(o,l,t,s,d,n){const T=e.resolveComponent("icon-privacy"),q=e.resolveComponent("icon-eye-slash"),v=e.resolveComponent("icon-alert"),P=e.resolveComponent("icon-check");return e.openBlock(),e.createElementBlock("div",w,[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.computedId,class:e.normalizeClass(["max-w-full whitespace-nowrap text-sm font-bold",{active:o.isActive||t.modelValue,"text-blue-dark":t.disabled,"text-blue":o.isActive,"text-blue-dark":!t.error&&!o.isActive,"text-blue-dark":t.error&&!o.isActive}])},[e.createElementVNode("span",{textContent:e.toDisplayString(t.label)},null,8,p),t.required?(e.openBlock(),e.createElementBlock("span",b," * ")):e.createCommentVNode("",!0),t.optional?(e.openBlock(),e.createElementBlock("span",k)):e.createCommentVNode("",!0)],10,y)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["relative mt-1 rounded-sm",[n.outlineClass,o.isActive||t.error?"border-2":"border",t.disabled&&t.modelValue||t.readonly?"bg-blue-dark-100":""]])},[e.createElementVNode("input",{id:o.computedId,ref:"input",value:t.modelValue,type:o.fieldType,name:t.name,placeholder:t.placeholder,required:t.required,optional:t.optional,error:t.error,minlength:t.minlength,maxlength:t.maxlength,autocomplete:t.autocomplete,autofocus:t.autofocus,inputmode:t.inputmode,disabled:t.disabled,readonly:t.readonly,"aria-describedby":t.hint?o.computedId+"-hint":null,"aria-errormessage":t.error?o.computedId+"-errormsg":null,pattern:t.pattern,"aria-invalid":t.error.toString(),class:"block h-12 w-full appearance-none border-0 bg-transparent pl-4 pr-8 focus:outline-none","data-clarity-mask":"true",onInput:l[0]||(l[0]=r=>o.$emit("update:modelValue",r.target.value)),onBlur:l[1]||(l[1]=(...r)=>n.onBlur&&n.onBlur(...r)),onFocus:l[2]||(l[2]=(...r)=>n.onFocus&&n.onFocus(...r)),onKeyup:l[3]||(l[3]=e.withKeys((...r)=>n.onKeyupEnter&&n.onKeyupEnter(...r),["enter"]))},null,40,C),o.initialType==="password"&&!t.hidepasswordicon&&!t.disabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["absolute right-0 top-0",{"right-8":t.error}])},[e.createElementVNode("button",{type:"button",class:"m-1 px-2 py-3 focus-visible:outline-blue-dark","aria-pressed":o.showPassword,"aria-label":o.showPassword?"Verberg wachtwoord":"Toon wachtwoord",onClick:l[4]||(l[4]=(...r)=>n.togglePassword&&n.togglePassword(...r))},[o.showPassword?(e.openBlock(),e.createBlock(T,{key:0,class:"h-4 w-4","aria-hidden":"true"})):(e.openBlock(),e.createBlock(q,{key:1,class:"h-4 w-4","aria-hidden":"true"})),e.createElementVNode("span",S,e.toDisplayString(o.showPassword?"verberg":"toon")+" wachtwoord",1)],8,B)],2)):e.createCommentVNode("",!0),t.error?(e.openBlock(),e.createElementBlock("div",V,[e.createVNode(v,{class:"-mt-1 mr-1 inline h-5 w-5","aria-hidden":"true"})])):e.createCommentVNode("",!0),!t.error&&t.modelValue&&o.shouldShowCheck?(e.openBlock(),e.createElementBlock("div",x,[e.createVNode(P,{class:"-mt-1 mr-1 inline h-5 w-5","aria-hidden":"true"})])):e.createCommentVNode("",!0)],2),t.hint&&!t.error?(e.openBlock(),e.createElementBlock("div",{key:1,id:o.computedId+"-hint",class:e.normalizeClass(["w-full pt-1 text-xs leading-4",{"text-grey-500":t.disabled}]),textContent:e.toDisplayString(t.hint)},null,10,E)):e.createCommentVNode("",!0),t.error&&t.errormessage?(e.openBlock(),e.createElementBlock("div",{key:2,id:o.computedId+"-errormsg",class:"w-full pt-1 text-sm font-bold leading-4 text-error-500","aria-live":"assertive"},[e.createElementVNode("span",{textContent:e.toDisplayString(t.errormessage)},null,8,z)],8,_)):e.createCommentVNode("",!0),o.initialType==="password"?(e.openBlock(),e.createElementBlock("p",{key:3,class:"sr-only","aria-live":"polite",textContent:e.toDisplayString(o.showPassword?"wachtwoord wordt getoond":"wachtwoord is verborgen")},null,8,I)):e.createCommentVNode("",!0)])}const i=f(g,[["render",N],["__scopeId","data-v-5a4e94c9"]]);a.InputField=i,a.default=i,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
1
+ (function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("maska")):typeof define=="function"&&define.amd?define(["exports","vue","maska"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.mosstandardcomponents={},a.Vue,a.maska))})(this,function(a,e,k){"use strict";const p={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1008 1008"};function b(o,n){return e.openBlock(),e.createElementBlock("svg",p,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M1008 540c0 14-4 27-11 39-103 170-293 285-493 285S114 749 11 579c-7-12-11-25-11-39s4-27 11-39c103-170 293-285 493-285s390 115 493 285c7 12 11 25 11 39zM531 324c0-15-12-27-27-27-94 0-171 77-171 171 0 15 12 27 27 27s27-12 27-27c0-64 53-117 117-117 15 0 27-12 27-27zm405 216c-53-83-127-154-214-199 22 39 34 83 34 127 0 139-113 252-252 252S252 607 252 468c0-44 12-88 34-127-87 45-161 116-214 199 96 148 251 252 432 252s336-104 432-252z"},null,-1)])])}const w={render:b},B={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1008 1008"};function C(o,n){return e.openBlock(),e.createElementBlock("svg",B,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M1008 540c0 15-4 27-11 39-18 29-40 56-62 81-110 127-262 204-431 204l42-74c163-14 302-114 390-250-42-65-95-121-159-165l36-63c70 46 140 117 184 189 7 12 11 24 11 39zm-252-72c0 105-65 198-162 235l158-282c2 15 4 31 4 47zm-21-251v5C616 434 497 646 380 859l-28 50c-3 6-9 9-16 9-10 0-63-33-75-39-6-4-9-9-9-16 0-9 19-40 25-49C168 764 76 680 11 579c-7-11-11-25-11-39 0-13 4-28 11-39 112-171 285-285 493-285 34 0 68 3 101 10l31-55c3-6 9-9 15-9 11 0 63 33 75 39 6 4 9 9 9 16zM531 324c0-15-12-27-27-27-94 0-171 77-171 171 0 15 12 27 27 27s27-12 27-27c0-65 53-117 117-117 15 0 27-12 27-27zM312 751l44-79c-65-48-104-124-104-204 0-44 12-88 34-127-87 45-161 116-214 199 58 91 141 166 240 211z"},null,-1)])])}const V={render:C},_={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1039 1008"};function S(o,n){return e.openBlock(),e.createElementBlock("svg",_,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M908 989H131q-32 0-62.5-17T19 926.5 0 863t19-68l388-670q42-62 113-62t112 62l389 670q18 28 18 64 0 75-68 113-31 17-63 17zM576 157q-19-38-55.5-38T463 150L69 826q-20 30 0 69 21 32 56 32h777q35 0 55.5-30.5t.5-70.5zm-13 501.5Q544 676 517.5 676T474 659t-17-45V351q0-29 17-46t45.5-17 45.5 17 17 46v263q0 27-19 44.5zm-97.5 174q-8.5-14.5-8.5-36t18.5-39.5 37.5-18 31 5 20 13q18 18 18 44t-18 44.5-39.5 18.5-36-8.5-23-23z"},null,-1)])])}const h={render:S},E={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1008 1008"};function x(o,n){return e.openBlock(),e.createElementBlock("svg",E,[...n[0]||(n[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M940 318c0 14-6 28-16 39L517 764l-77 76c-10 10-24 16-38 16s-28-6-38-16l-77-76L84 560c-10-10-16-24-16-38s6-28 16-38l76-77c10-10 25-16 39-16s28 6 38 16l165 166 369-369c10-11 24-16 38-16s29 6 39 16l76 76c10 10 16 24 16 38z"},null,-1)])])}const f={render:x},y=(o,n)=>{const t=o.__vccOpts||o;for(const[c,r]of n)t[c]=r;return t},N={name:"InputField",components:{IconEyeSlash:V,IconPrivacy:w,IconAlert:h,IconCheck:f},props:{modelValue:String,label:String,name:String,placeholder:{type:String,default:" "},required:{type:Boolean,default:!1},optional:{type:Boolean,default:!1},disabled:Boolean,error:{type:Boolean,default:!1},pattern:{type:String,default:null},hidepasswordicon:{type:Boolean,default:!1},autocomplete:{type:String,default:"on"},inputmode:String,autofocus:Boolean,readonly:Boolean,minlength:String,maxlength:String,type:{type:String,default:"text"},id:{type:String,default:null},hint:String,errormessage:{type:String,default:""},borderClass:{type:String,default:null},showCheck:{type:Boolean,default:!1},inputClass:{type:String,default:null}},emits:["update:modelValue","focus","blur","showpassword","onKeyupEnter"],data:function(){return{initialType:"",fieldType:"text",isActive:!1,hasError:!1,showPassword:!1,shouldShowCheck:!1,computedId:null}},computed:{outlineClass:function(){return this.isActive?"border-blue":this.error?"border-error-500":!this.disabled&&this.modelValue?"border-blue-dark-900":this.disabled&&this.modelValue||this.readonly?"border-none":"border-blue-dark-200"}},watch:{type:function(){this.fieldType=this.type}},mounted:function(){this.computedId=this.id?this.id:"cb-input-"+Math.random().toString(36).slice(4),this.checkAutofill(),setTimeout(this.checkAutofill,1e3)},created:function(){this.initialType=this.type,this.fieldType=this.type},methods:{togglePassword:function(){this.showPassword=!this.showPassword,this.fieldType=this.showPassword?"text":"password",this.$emit("showpassword",this.showPassword)},onBlur:function(o){this.isActive=!1,this.$emit("blur",o.target.value),this.showCheck&&(this.shouldShowCheck=!0)},onFocus:function(o){this.isActive=!0,this.$emit("focus")},onKeyupEnter:function(o){this.isActive=!1,this.$emit("onKeyupEnter",o.target.value)},checkAutofill:function(){const o=this.$refs.input;o&&o.value&&this.$emit("update:modelValue",o.value)}}},I={class:"pt-2"},A=["for"],T=["textContent"],F={key:0,class:"text-red"},q={key:1,textContent:" (optioneel)",class:"font-normal"},z=["id","value","type","name","placeholder","required","optional","error","minlength","maxlength","autocomplete","autofocus","inputmode","disabled","readonly","aria-describedby","aria-errormessage","pattern","aria-invalid"],K=["aria-pressed","aria-label"],P={class:"sr-only"},M={key:1,class:"absolute right-0 top-0 py-3 pl-1 pr-2 text-error-500"},D={key:2,class:"absolute right-0 top-0 py-3 pl-1 pr-2 text-green"},L=["id","textContent"],H=["id"],j=["textContent"],O=["textContent"];function G(o,n,t,c,r,l){const m=e.resolveComponent("icon-privacy"),u=e.resolveComponent("icon-eye-slash"),i=e.resolveComponent("icon-alert"),s=e.resolveComponent("icon-check");return e.openBlock(),e.createElementBlock("div",I,[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.computedId,class:e.normalizeClass(["max-w-full whitespace-nowrap text-sm font-bold",{active:o.isActive||t.modelValue,"text-blue-dark":t.disabled,"text-blue":o.isActive,"text-blue-dark":!t.error&&!o.isActive,"text-blue-dark":t.error&&!o.isActive}])},[e.createElementVNode("span",{textContent:e.toDisplayString(t.label)},null,8,T),t.required?(e.openBlock(),e.createElementBlock("span",F," * ")):e.createCommentVNode("",!0),t.optional?(e.openBlock(),e.createElementBlock("span",q)):e.createCommentVNode("",!0)],10,A)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["relative mt-1 rounded-sm",[l.outlineClass,o.isActive||t.error?"border-2":"border",t.disabled&&t.modelValue||t.readonly?"bg-blue-dark-100":""]])},[e.createElementVNode("input",{id:o.computedId,ref:"input",value:t.modelValue,type:o.fieldType,name:t.name,placeholder:t.placeholder,required:t.required,optional:t.optional,error:t.error,minlength:t.minlength,maxlength:t.maxlength,autocomplete:t.autocomplete,autofocus:t.autofocus,inputmode:t.inputmode,disabled:t.disabled,readonly:t.readonly,"aria-describedby":t.hint?o.computedId+"-hint":null,"aria-errormessage":t.error?o.computedId+"-errormsg":null,pattern:t.pattern,"aria-invalid":t.error.toString(),class:"block h-12 w-full appearance-none border-0 bg-transparent pl-4 pr-8 focus:outline-none","data-clarity-mask":"true",onInput:n[0]||(n[0]=d=>o.$emit("update:modelValue",d.target.value)),onBlur:n[1]||(n[1]=(...d)=>l.onBlur&&l.onBlur(...d)),onFocus:n[2]||(n[2]=(...d)=>l.onFocus&&l.onFocus(...d)),onKeyup:n[3]||(n[3]=e.withKeys((...d)=>l.onKeyupEnter&&l.onKeyupEnter(...d),["enter"]))},null,40,z),o.initialType==="password"&&!t.hidepasswordicon&&!t.disabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["absolute right-0 top-0",{"right-8":t.error}])},[e.createElementVNode("button",{type:"button",class:"m-1 px-2 py-3 focus-visible:outline-blue-dark","aria-pressed":o.showPassword,"aria-label":o.showPassword?"Verberg wachtwoord":"Toon wachtwoord",onClick:n[4]||(n[4]=(...d)=>l.togglePassword&&l.togglePassword(...d))},[o.showPassword?(e.openBlock(),e.createBlock(m,{key:0,class:"h-4 w-4","aria-hidden":"true"})):(e.openBlock(),e.createBlock(u,{key:1,class:"h-4 w-4","aria-hidden":"true"})),e.createElementVNode("span",P,e.toDisplayString(o.showPassword?"verberg":"toon")+" wachtwoord",1)],8,K)],2)):e.createCommentVNode("",!0),t.error?(e.openBlock(),e.createElementBlock("div",M,[e.createVNode(i,{class:"-mt-1 mr-1 inline h-5 w-5","aria-hidden":"true"})])):e.createCommentVNode("",!0),!t.error&&t.modelValue&&o.shouldShowCheck?(e.openBlock(),e.createElementBlock("div",D,[e.createVNode(s,{class:"-mt-1 mr-1 inline h-5 w-5","aria-hidden":"true"})])):e.createCommentVNode("",!0)],2),t.hint&&!t.error?(e.openBlock(),e.createElementBlock("div",{key:1,id:o.computedId+"-hint",class:e.normalizeClass(["w-full pt-1 text-xs leading-4",{"text-grey-500":t.disabled}]),textContent:e.toDisplayString(t.hint)},null,10,L)):e.createCommentVNode("",!0),t.error&&t.errormessage?(e.openBlock(),e.createElementBlock("div",{key:2,id:o.computedId+"-errormsg",class:"w-full pt-1 text-sm font-bold leading-4 text-error-500","aria-live":"assertive"},[e.createElementVNode("span",{textContent:e.toDisplayString(t.errormessage)},null,8,j)],8,H)):e.createCommentVNode("",!0),o.initialType==="password"?(e.openBlock(),e.createElementBlock("p",{key:3,class:"sr-only","aria-live":"polite",textContent:e.toDisplayString(o.showPassword?"wachtwoord wordt getoond":"wachtwoord is verborgen")},null,8,O)):e.createCommentVNode("",!0)])}const g=y(N,[["render",G],["__scopeId","data-v-5a4e94c9"]]),Q={name:"AmountInputField",components:{IconAlert:h,IconCheck:f},props:{modelValue:Number,label:String,name:String,placeholder:{type:String,default:""},required:Boolean,optional:Boolean,disabled:Boolean,error:Boolean,pattern:{type:String,default:"[1-9]?"},autocomplete:{type:String,default:"on"},inputmode:String,autofocus:Boolean,readonly:Boolean,min:String,max:String,id:{type:String,default:null},hint:String,errormessage:String,borderClass:String,showCheck:Boolean,symbol:String},emits:["update:modelValue","input","focus","blur","onKeyupEnter"],data(){return{isActive:!1,shouldShowCheck:!1,displayValue:"",computedId:null,isTyping:!1}},watch:{modelValue:{immediate:!0,handler(o){this.isTyping||(this.displayValue=this.formatCurrency(o))}}},computed:{outlineClass(){return this.isActive?"border-blue":this.error?"border-error-500":!this.disabled&&this.modelValue?"border-blue-dark-900":this.disabled&&this.modelValue||this.readonly?"border-none":"border-blue-dark-200"}},mounted(){this.computedId=this.id??"cb-input-"+Math.random().toString(36).slice(4)},methods:{onInput(o){this.isTyping=!0;const n=o.target.value,t=n.replace(/[^\d.,]/g,"").replace(",","."),c=parseFloat(t);isNaN(c)||(this.$emit("update:modelValue",c),this.$emit("input",c)),this.displayValue=n},onBlur(){this.isTyping=!1,this.applyFormatting(),this.isActive=!1,this.$emit("blur",this.modelValue)},onKeyupEnter(){this.isTyping=!1,this.applyFormatting(),this.isActive=!1,this.$emit("onKeyupEnter",this.modelValue)},applyFormatting(){const o=this.displayValue.replace(/[^\d.,]/g,"").replace(",","."),n=parseFloat(o);if(!isNaN(n)){const t=this.formatCurrency(n);this.displayValue=t,this.$emit("update:modelValue",n),this.$emit("input",n)}},formatCurrency(o){return o==null||o===""?"":new Intl.NumberFormat("nl-NL",{minimumFractionDigits:2,maximumFractionDigits:2}).format(o)},onFocus(){this.isActive=!0,this.$emit("focus")}}},J={class:"pt-2"},R=["for"],U=["textContent"],W={key:0,class:"text-red"},X={key:1,class:"font-normal",textContent:" (optioneel)"},Y=["id","value","name","placeholder","required","optional","error","min","max","autocomplete","autofocus","inputmode","disabled","readonly","aria-describedby","aria-errormessage","pattern","aria-invalid"],Z={key:0,class:"absolute right-0 top-0 py-3 pl-1 pr-2 text-error-500"},v={key:1,class:"absolute right-0 top-0 py-3 pl-1 pr-2 text-green"},$=["id","textContent"],ee=["id"],te=["textContent"];function oe(o,n,t,c,r,l){const m=e.resolveComponent("icon-alert"),u=e.resolveComponent("icon-check");return e.openBlock(),e.createElementBlock("div",J,[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:r.computedId,class:e.normalizeClass(["max-w-full whitespace-nowrap text-sm font-bold",{active:r.isActive||t.modelValue,"text-blue-dark":t.disabled,"text-blue":r.isActive,"text-blue-dark":!t.error&&!r.isActive,"text-blue-dark":t.error&&!r.isActive}])},[e.createElementVNode("span",{textContent:e.toDisplayString(t.label)},null,8,U),t.required?(e.openBlock(),e.createElementBlock("span",W," * ")):e.createCommentVNode("",!0),t.optional?(e.openBlock(),e.createElementBlock("span",X)):e.createCommentVNode("",!0)],10,R)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["relative mt-1 rounded-sm",[l.outlineClass,r.isActive||t.error?"border-2":"border",t.disabled&&t.modelValue||t.readonly?"bg-blue-dark-100":""]])},[e.createElementVNode("input",{id:r.computedId,value:r.displayValue,type:"text",name:t.name,placeholder:t.placeholder,required:t.required,optional:t.optional,error:t.error,min:t.min,max:t.max,autocomplete:t.autocomplete,autofocus:t.autofocus,inputmode:t.inputmode,disabled:t.disabled,readonly:t.readonly,"aria-describedby":t.hint?r.computedId+"-hint":!1,"aria-errormessage":t.error?r.computedId+"-errormsg":!1,pattern:t.pattern,"aria-invalid":t.error.toString(),class:"block h-12 w-full appearance-none border-0 bg-transparent pl-10 pr-8 focus:outline-none",onInput:n[0]||(n[0]=(...i)=>l.onInput&&l.onInput(...i)),onBlur:n[1]||(n[1]=(...i)=>l.onBlur&&l.onBlur(...i)),onFocus:n[2]||(n[2]=(...i)=>l.onFocus&&l.onFocus(...i)),onKeyup:n[3]||(n[3]=e.withKeys((...i)=>l.onKeyupEnter&&l.onKeyupEnter(...i),["enter"]))},null,40,Y),t.error?(e.openBlock(),e.createElementBlock("div",Z,[e.createVNode(m,{class:"-mt-1 mr-1 inline h-5 w-5","aria-hidden":"true"})])):e.createCommentVNode("",!0),!t.error&&t.modelValue&&r.shouldShowCheck?(e.openBlock(),e.createElementBlock("div",v,[e.createVNode(u,{class:"-mt-1 mr-1 inline h-5 w-5","aria-hidden":"true"})])):e.createCommentVNode("",!0)],2),t.hint&&!t.error?(e.openBlock(),e.createElementBlock("div",{key:1,id:r.computedId+"-hint",class:e.normalizeClass(["w-full pt-1 text-xs leading-4",{"text-grey-500":t.disabled}]),textContent:e.toDisplayString(t.hint)},null,10,$)):e.createCommentVNode("",!0),t.error&&t.errormessage?(e.openBlock(),e.createElementBlock("div",{key:2,id:r.computedId+"-errormsg",class:"w-full pt-1 text-sm font-bold leading-4 text-error-500","aria-live":"assertive"},[e.createElementVNode("span",{textContent:e.toDisplayString(t.errormessage)},null,8,te)],8,ee)):e.createCommentVNode("",!0)])}const ne=y(Q,[["render",oe],["__scopeId","data-v-490f2fac"]]),le={name:"IbanInputField",components:{IconAlert:h,IconCheck:f},directives:{maska:k.vMaska},props:{modelValue:String,label:String,name:String,placeholder:{type:String,default:" "},required:{type:Boolean,default:!1},optional:{type:Boolean,default:!1},disabled:Boolean,error:{type:Boolean,default:!1},pattern:{type:String,default:null},autocomplete:{type:String,default:"on"},inputmode:String,autofocus:Boolean,readonly:Boolean,minlength:String,maxlength:String,type:{type:String,default:"text"},id:{type:String,default:null},hint:String,errormessage:{type:String,default:""},borderClass:{type:String,default:null},maskaVal:{type:String,default:""},showCheck:{type:Boolean,default:!1}},data:function(){return{initialType:"",fieldType:"text",isActive:!1,hasError:!1,shouldShowCheck:!1,maskaPattern:"@@## @@@@ #### #### ##",maskaPlaceholder:"NL20 INGB 0001 2345 67",computedId:null}},computed:{outlineClass:function(){return this.isActive?"border-blue":this.error?"border-error-500":!this.disabled&&this.modelValue?"border-blue-dark-900":this.disabled&&this.modelValue||this.readonly?"border-none":"border-blue-dark-200"},maskaValue:function(){let o=this.maskaPlaceholder;if(this.maskaVal){const n=this.maskaVal.length;o="<i>"+this.maskaVal+"</i>"+o.substring(n)}return o}},watch:{type:function(){this.fieldType=this.type}},created:function(){this.initialType=this.type,this.fieldType=this.type},mounted(){this.computedId=this.id?this.id:"cb-input-"+Math.random().toString(36).slice(4)},methods:{onBlur:function(o){this.isActive=!1,this.$emit("blur",o.target.value),this.showCheck&&(this.shouldShowCheck=!0)},onFocus:function(o){this.isActive=!0,this.$emit("focus")},onKeyupEnter:function(o){this.isActive=!1,this.$emit("onKeyupEnter",o.target.value)}}},re={class:"pt-2"},ae=["for"],ie=["textContent"],se={key:0,class:"text-red"},de={key:1,textContent:" (optioneel)",class:"font-normal"},ce=["id","value","type","name","placeholder","required","optional","error","autocomplete","autofocus","inputmode","disabled","readonly","aria-describedby","aria-errormessage","pattern","aria-invalid","data-maska"],me=["innerHTML"],ue={key:0,class:"absolute right-0 top-0 py-3 pl-1 pr-2 text-error-500"},he={key:1,class:"absolute right-0 top-0 py-3 pl-1 pr-2 text-green"},fe=["id","textContent"],ye=["id"],ge=["textContent"];function ke(o,n,t,c,r,l){const m=e.resolveComponent("icon-alert"),u=e.resolveComponent("icon-check"),i=e.resolveDirective("maska");return e.openBlock(),e.createElementBlock("div",re,[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.computedId,class:e.normalizeClass(["max-w-full whitespace-nowrap text-sm font-bold",{active:o.isActive||t.modelValue,"text-blue-dark":t.disabled,"text-blue":o.isActive,"text-blue-dark":!t.error&&!o.isActive,"text-blue-dark":t.error&&!o.isActive}])},[e.createElementVNode("span",{textContent:e.toDisplayString(t.label)},null,8,ie),t.required?(e.openBlock(),e.createElementBlock("span",se," * ")):e.createCommentVNode("",!0),t.optional?(e.openBlock(),e.createElementBlock("span",de)):e.createCommentVNode("",!0)],10,ae)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["relative mt-1 rounded-sm",[l.outlineClass,o.isActive||t.error?"border-2":"border",t.disabled&&t.modelValue||t.readonly?"bg-blue-dark-100":""]])},[e.withDirectives(e.createElementVNode("input",{id:o.computedId,value:t.modelValue,type:o.fieldType,name:t.name,placeholder:t.placeholder,required:t.required,optional:t.optional,error:t.error,autocomplete:t.autocomplete,autofocus:t.autofocus,inputmode:t.inputmode,disabled:t.disabled,readonly:t.readonly,"aria-describedby":t.hint?o.computedId+"-hint":null,"aria-errormessage":t.error?o.computedId+"-errormsg":null,pattern:t.pattern,"aria-invalid":t.error.toString(),"data-maska":o.maskaPattern,class:"block h-12 w-full appearance-none border-0 bg-transparent pl-3 pr-8 focus:outline-none",onInput:n[0]||(n[0]=s=>o.$emit("update:modelValue",s.target.value)),onBlur:n[1]||(n[1]=(...s)=>l.onBlur&&l.onBlur(...s)),onFocus:n[2]||(n[2]=(...s)=>l.onFocus&&l.onFocus(...s)),onKeyup:n[3]||(n[3]=e.withKeys((...s)=>l.onKeyupEnter&&l.onKeyupEnter(...s),["enter"]))},null,40,ce),[[i]]),e.createElementVNode("div",{class:"maska absolute left-1 top-0 my-1 px-2 leading-10 text-transparent opacity-0","aria-hidden":"true",innerHTML:l.maskaValue},null,8,me),t.error?(e.openBlock(),e.createElementBlock("div",ue,[e.createVNode(m,{class:"-mt-1 mr-1 inline h-5 w-5","aria-hidden":"true"})])):e.createCommentVNode("",!0),!t.error&&t.modelValue&&o.shouldShowCheck?(e.openBlock(),e.createElementBlock("div",he,[e.createVNode(u,{class:"-mt-1 mr-1 inline h-5 w-5","aria-hidden":"true"})])):e.createCommentVNode("",!0)],2),t.hint&&!t.error?(e.openBlock(),e.createElementBlock("div",{key:1,id:o.computedId+"-hint",class:e.normalizeClass(["w-full pt-1 text-xs leading-4",{"text-grey-500":t.disabled}]),textContent:e.toDisplayString(t.hint)},null,10,fe)):e.createCommentVNode("",!0),t.error&&t.errormessage?(e.openBlock(),e.createElementBlock("div",{key:2,id:o.computedId+"-errormsg",class:"w-full pt-1 text-sm font-bold leading-4 text-error-500","aria-live":"assertive"},[e.createElementVNode("span",{textContent:e.toDisplayString(t.errormessage)},null,8,ge)],8,ye)):e.createCommentVNode("",!0)])}const pe=y(le,[["render",ke],["__scopeId","data-v-5f84fec5"]]);a.AmountInputField=ne,a.IbanInputField=pe,a.InputField=g,a.default=g,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- input[type=number][data-v-5a4e94c9]::-webkit-inner-spin-button,input[type=number][data-v-5a4e94c9]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=password][data-v-5a4e94c9]::-ms-reveal,input[type=password][data-v-5a4e94c9]::-ms-clear{display:none}input[type=number][data-v-5a4e94c9]{-moz-appearance:textfield}
1
+ input[type=number][data-v-5a4e94c9]::-webkit-inner-spin-button,input[type=number][data-v-5a4e94c9]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=password][data-v-5a4e94c9]::-ms-reveal,input[type=password][data-v-5a4e94c9]::-ms-clear{display:none}input[type=number][data-v-5a4e94c9]{-moz-appearance:textfield}input[data-v-490f2fac]::-webkit-outer-spin-button,input[data-v-490f2fac]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-490f2fac]{-moz-appearance:textfield}input[data-v-5f84fec5]{text-transform:uppercase}.maska[data-v-5f84fec5]{letter-spacing:0;font-variant-numeric:tabular-nums;pointer-events:none}input:not(:placeholder-shown)+label+.maska[data-v-5f84fec5],input:focus+label+.maska[data-v-5f84fec5]{opacity:1;color:#999}.maska[data-v-5f84fec5] i{color:transparent;opacity:0;text-transform:uppercase;font-style:unset}input[data-v-5f84fec5]::-webkit-outer-spin-button,input[data-v-5f84fec5]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-5f84fec5]{-moz-appearance:textfield}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mosstandardcomponents",
3
- "version": "1.0.7",
3
+ "version": "1.0.9",
4
4
  "type": "module",
5
5
  "main": "dist/input-field.umd.js",
6
6
  "module": "dist/input-field.es.js",
@@ -17,11 +17,13 @@
17
17
  "build": "vite build"
18
18
  },
19
19
  "peerDependencies": {
20
- "vue": "^3.0.0"
20
+ "vue": "^3.0.0",
21
+ "maska": "^2.1.0"
21
22
  },
22
23
  "devDependencies": {
23
24
  "@vitejs/plugin-vue": "^5.0.0",
24
- "vite": "^5.0.0"
25
+ "vite": "^5.0.0",
26
+ "maska": "^2.1.0"
25
27
  },
26
28
  "author": "mos",
27
29
  "license": "ISC",
@@ -30,6 +32,7 @@
30
32
  },
31
33
  "homepage": "https://github.com/ChimeneIsHere/stage_consumentenbond#readme",
32
34
  "dependencies": {
35
+ "v-mask": "^2.3.0",
33
36
  "vite-svg-loader": "^5.1.0"
34
37
  }
35
38
  }