mosstandardcomponents 1.0.13 → 1.0.14
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createElementBlock as i, openBlock as r, createElementVNode as a, resolveComponent as
|
|
1
|
+
import { createElementBlock as i, openBlock as r, createElementVNode as a, resolveComponent as m, createCommentVNode as l, normalizeClass as c, toDisplayString as u, withKeys as w, createBlock as x, createVNode as y, resolveDirective as C, withDirectives as S } from "vue";
|
|
2
2
|
import { vMaska as I } from "maska";
|
|
3
3
|
const V = {
|
|
4
4
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -12,24 +12,24 @@ function B(t, n) {
|
|
|
12
12
|
}, null, -1)
|
|
13
13
|
])]);
|
|
14
14
|
}
|
|
15
|
-
const A = { render: B },
|
|
15
|
+
const A = { render: B }, q = {
|
|
16
16
|
xmlns: "http://www.w3.org/2000/svg",
|
|
17
17
|
viewBox: "0 0 1008 1008"
|
|
18
18
|
};
|
|
19
|
-
function
|
|
20
|
-
return r(), i("svg",
|
|
19
|
+
function T(t, n) {
|
|
20
|
+
return r(), i("svg", q, [...n[0] || (n[0] = [
|
|
21
21
|
a("path", {
|
|
22
22
|
fill: "currentColor",
|
|
23
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
24
|
}, null, -1)
|
|
25
25
|
])]);
|
|
26
26
|
}
|
|
27
|
-
const
|
|
27
|
+
const E = { render: T }, F = {
|
|
28
28
|
xmlns: "http://www.w3.org/2000/svg",
|
|
29
29
|
viewBox: "0 0 1039 1008"
|
|
30
30
|
};
|
|
31
31
|
function K(t, n) {
|
|
32
|
-
return r(), i("svg",
|
|
32
|
+
return r(), i("svg", F, [...n[0] || (n[0] = [
|
|
33
33
|
a("path", {
|
|
34
34
|
fill: "currentColor",
|
|
35
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"
|
|
@@ -56,7 +56,7 @@ const k = { render: z }, _ = (t, n) => {
|
|
|
56
56
|
}, M = {
|
|
57
57
|
name: "InputField",
|
|
58
58
|
components: {
|
|
59
|
-
IconEyeSlash:
|
|
59
|
+
IconEyeSlash: E,
|
|
60
60
|
IconPrivacy: A,
|
|
61
61
|
IconAlert: p,
|
|
62
62
|
IconCheck: k
|
|
@@ -153,8 +153,8 @@ const k = { render: z }, _ = (t, n) => {
|
|
|
153
153
|
key: 2,
|
|
154
154
|
class: "absolute right-0 top-0 py-3 pl-1 pr-2 text-green"
|
|
155
155
|
}, U = ["id", "textContent"], W = ["id"], X = ["textContent"], Y = ["textContent"];
|
|
156
|
-
function Z(t, n, e, f, s,
|
|
157
|
-
const g =
|
|
156
|
+
function Z(t, n, e, f, s, o) {
|
|
157
|
+
const g = m("icon-privacy"), b = m("icon-eye-slash"), v = m("icon-alert"), d = m("icon-check");
|
|
158
158
|
return r(), i("div", N, [
|
|
159
159
|
e.label ? (r(), i("label", {
|
|
160
160
|
key: 0,
|
|
@@ -170,14 +170,14 @@ function Z(t, n, e, f, s, l) {
|
|
|
170
170
|
a("span", {
|
|
171
171
|
textContent: u(e.label)
|
|
172
172
|
}, null, 8, D),
|
|
173
|
-
e.required ? (r(), i("span", H, " * ")) :
|
|
174
|
-
e.optional ? (r(), i("span", G)) :
|
|
175
|
-
], 10, L)) :
|
|
173
|
+
e.required ? (r(), i("span", H, " * ")) : l("", !0),
|
|
174
|
+
e.optional ? (r(), i("span", G)) : l("", !0)
|
|
175
|
+
], 10, L)) : l("", !0),
|
|
176
176
|
a("div", {
|
|
177
177
|
class: c([
|
|
178
178
|
"relative mt-1 rounded-sm",
|
|
179
179
|
[
|
|
180
|
-
|
|
180
|
+
o.outlineClass,
|
|
181
181
|
t.isActive || e.error ? "border-2" : "border",
|
|
182
182
|
e.disabled && e.modelValue || e.readonly ? "bg-blue-dark-100" : ""
|
|
183
183
|
]
|
|
@@ -206,10 +206,10 @@ function Z(t, n, e, f, s, l) {
|
|
|
206
206
|
"aria-invalid": e.error.toString(),
|
|
207
207
|
class: "block h-12 w-full appearance-none border-0 bg-transparent pl-4 pr-8 focus:outline-none",
|
|
208
208
|
"data-clarity-mask": "true",
|
|
209
|
-
onInput: n[0] || (n[0] = (
|
|
210
|
-
onBlur: n[1] || (n[1] = (...
|
|
211
|
-
onFocus: n[2] || (n[2] = (...
|
|
212
|
-
onKeyup: n[3] || (n[3] = w((...
|
|
209
|
+
onInput: n[0] || (n[0] = (h) => t.$emit("update:modelValue", h.target.value)),
|
|
210
|
+
onBlur: n[1] || (n[1] = (...h) => o.onBlur && o.onBlur(...h)),
|
|
211
|
+
onFocus: n[2] || (n[2] = (...h) => o.onFocus && o.onFocus(...h)),
|
|
212
|
+
onKeyup: n[3] || (n[3] = w((...h) => o.onKeyupEnter && o.onKeyupEnter(...h), ["enter"]))
|
|
213
213
|
}, null, 40, O),
|
|
214
214
|
t.initialType === "password" && !e.hidepasswordicon && !e.disabled ? (r(), i("div", {
|
|
215
215
|
key: 0,
|
|
@@ -220,39 +220,39 @@ function Z(t, n, e, f, s, l) {
|
|
|
220
220
|
class: "m-1 px-2 py-3 focus-visible:outline-blue-dark",
|
|
221
221
|
"aria-pressed": t.showPassword,
|
|
222
222
|
"aria-label": t.showPassword ? "Verberg wachtwoord" : "Toon wachtwoord",
|
|
223
|
-
onClick: n[4] || (n[4] = (...
|
|
223
|
+
onClick: n[4] || (n[4] = (...h) => o.togglePassword && o.togglePassword(...h))
|
|
224
224
|
}, [
|
|
225
225
|
t.showPassword ? (r(), x(g, {
|
|
226
226
|
key: 0,
|
|
227
227
|
class: "h-4 w-4",
|
|
228
228
|
"aria-hidden": "true"
|
|
229
|
-
})) : (r(), x(
|
|
229
|
+
})) : (r(), x(b, {
|
|
230
230
|
key: 1,
|
|
231
231
|
class: "h-4 w-4",
|
|
232
232
|
"aria-hidden": "true"
|
|
233
233
|
})),
|
|
234
234
|
a("span", j, u(t.showPassword ? "verberg" : "toon") + " wachtwoord", 1)
|
|
235
235
|
], 8, Q)
|
|
236
|
-
], 2)) :
|
|
236
|
+
], 2)) : l("", !0),
|
|
237
237
|
e.error ? (r(), i("div", J, [
|
|
238
|
-
|
|
238
|
+
y(v, {
|
|
239
239
|
class: "-mt-1 mr-1 inline h-5 w-5",
|
|
240
240
|
"aria-hidden": "true"
|
|
241
241
|
})
|
|
242
|
-
])) :
|
|
242
|
+
])) : l("", !0),
|
|
243
243
|
!e.error && e.modelValue && t.shouldShowCheck ? (r(), i("div", R, [
|
|
244
|
-
|
|
244
|
+
y(d, {
|
|
245
245
|
class: "-mt-1 mr-1 inline h-5 w-5",
|
|
246
246
|
"aria-hidden": "true"
|
|
247
247
|
})
|
|
248
|
-
])) :
|
|
248
|
+
])) : l("", !0)
|
|
249
249
|
], 2),
|
|
250
250
|
e.hint && !e.error ? (r(), i("div", {
|
|
251
251
|
key: 1,
|
|
252
252
|
id: t.computedId + "-hint",
|
|
253
253
|
class: c(["w-full pt-1 text-xs leading-4", { "text-grey-500": e.disabled }]),
|
|
254
254
|
textContent: u(e.hint)
|
|
255
|
-
}, null, 10, U)) :
|
|
255
|
+
}, null, 10, U)) : l("", !0),
|
|
256
256
|
e.error && e.errormessage ? (r(), i("div", {
|
|
257
257
|
key: 2,
|
|
258
258
|
id: t.computedId + "-errormsg",
|
|
@@ -262,7 +262,7 @@ function Z(t, n, e, f, s, l) {
|
|
|
262
262
|
a("span", {
|
|
263
263
|
textContent: u(e.errormessage)
|
|
264
264
|
}, null, 8, X)
|
|
265
|
-
], 8, W)) :
|
|
265
|
+
], 8, W)) : l("", !0),
|
|
266
266
|
t.initialType === "password" ? (r(), i("p", {
|
|
267
267
|
key: 3,
|
|
268
268
|
class: "sr-only",
|
|
@@ -270,12 +270,24 @@ function Z(t, n, e, f, s, l) {
|
|
|
270
270
|
textContent: u(
|
|
271
271
|
t.showPassword ? "wachtwoord wordt getoond" : "wachtwoord is verborgen"
|
|
272
272
|
)
|
|
273
|
-
}, null, 8, Y)) :
|
|
273
|
+
}, null, 8, Y)) : l("", !0)
|
|
274
274
|
]);
|
|
275
275
|
}
|
|
276
|
-
const
|
|
276
|
+
const Te = /* @__PURE__ */ _(M, [["render", Z], ["__scopeId", "data-v-5a4e94c9"]]), $ = {
|
|
277
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
278
|
+
viewBox: "0 0 1010 1008"
|
|
279
|
+
};
|
|
280
|
+
function ee(t, n) {
|
|
281
|
+
return r(), i("svg", $, [...n[0] || (n[0] = [
|
|
282
|
+
a("path", {
|
|
283
|
+
d: "M503 100q113 0 209 55.5T863.5 307 919 516t-55.5 208.5T712 876t-209 56-208.5-56T143 724.5 87 516t56-209 151.5-151.5T503 100zm-25 255q29-12 58.5-12t59.5 7l22-83q-36-9-78-9-79 0-149.5 53.5T299 440h-49v55h39q-1 9-1 20t2 24h-40v54h49q22 84 87.5 135T542 779q43 0 73-9l11-4-17-84q-30 11-72 11t-80.5-27-55.5-73h147l10-54H385q-4-25-1-44h184l10-54H397q23-62 81-86z",
|
|
284
|
+
fill: "currentColor"
|
|
285
|
+
}, null, -1)
|
|
286
|
+
])]);
|
|
287
|
+
}
|
|
288
|
+
const te = { render: ee }, ne = {
|
|
277
289
|
name: "AmountInput",
|
|
278
|
-
components: { IconAlert: p, IconCheck: k },
|
|
290
|
+
components: { IconAlert: p, IconCheck: k, VectorImage, Euro: te },
|
|
279
291
|
props: {
|
|
280
292
|
modelValue: Number,
|
|
281
293
|
label: String,
|
|
@@ -360,23 +372,23 @@ const Be = /* @__PURE__ */ _(M, [["render", Z], ["__scopeId", "data-v-5a4e94c9"]
|
|
|
360
372
|
this.isActive = !0, this.$emit("focus");
|
|
361
373
|
}
|
|
362
374
|
}
|
|
363
|
-
},
|
|
375
|
+
}, re = { class: "pt-2" }, ie = ["for"], oe = ["textContent"], le = {
|
|
364
376
|
key: 0,
|
|
365
377
|
class: "text-red"
|
|
366
|
-
},
|
|
378
|
+
}, ae = {
|
|
367
379
|
key: 1,
|
|
368
380
|
class: "font-normal",
|
|
369
381
|
textContent: " (optioneel)"
|
|
370
|
-
},
|
|
382
|
+
}, se = ["id", "value", "name", "placeholder", "required", "optional", "error", "min", "max", "autocomplete", "autofocus", "inputmode", "disabled", "readonly", "aria-describedby", "aria-errormessage", "pattern", "aria-invalid"], de = {
|
|
371
383
|
key: 0,
|
|
372
384
|
class: "absolute right-0 top-0 py-3 pl-1 pr-2 text-error-500"
|
|
373
|
-
},
|
|
385
|
+
}, ue = {
|
|
374
386
|
key: 1,
|
|
375
387
|
class: "absolute right-0 top-0 py-3 pl-1 pr-2 text-green"
|
|
376
|
-
},
|
|
377
|
-
function
|
|
378
|
-
const g =
|
|
379
|
-
return r(), i("div",
|
|
388
|
+
}, ce = ["id", "textContent"], he = ["id"], me = ["textContent"];
|
|
389
|
+
function fe(t, n, e, f, s, o) {
|
|
390
|
+
const g = m("Euro"), b = m("icon-alert"), v = m("icon-check");
|
|
391
|
+
return r(), i("div", re, [
|
|
380
392
|
e.label ? (r(), i("label", {
|
|
381
393
|
key: 0,
|
|
382
394
|
for: s.computedId,
|
|
@@ -390,17 +402,21 @@ function ce(t, n, e, f, s, l) {
|
|
|
390
402
|
}, [
|
|
391
403
|
a("span", {
|
|
392
404
|
textContent: u(e.label)
|
|
393
|
-
}, null, 8,
|
|
394
|
-
e.required ? (r(), i("span",
|
|
395
|
-
e.optional ? (r(), i("span",
|
|
396
|
-
], 10,
|
|
405
|
+
}, null, 8, oe),
|
|
406
|
+
e.required ? (r(), i("span", le, " * ")) : l("", !0),
|
|
407
|
+
e.optional ? (r(), i("span", ae)) : l("", !0)
|
|
408
|
+
], 10, ie)) : l("", !0),
|
|
397
409
|
a("div", {
|
|
398
410
|
class: c(["relative mt-1 rounded-sm", [
|
|
399
|
-
|
|
411
|
+
o.outlineClass,
|
|
400
412
|
s.isActive || e.error ? "border-2" : "border",
|
|
401
413
|
e.disabled && e.modelValue || e.readonly ? "bg-blue-dark-100" : ""
|
|
402
414
|
]])
|
|
403
415
|
}, [
|
|
416
|
+
y(g, {
|
|
417
|
+
class: "-mt-1 mr-1 inline h-5 w-5",
|
|
418
|
+
"aria-hidden": "true"
|
|
419
|
+
}),
|
|
404
420
|
a("input", {
|
|
405
421
|
id: s.computedId,
|
|
406
422
|
value: s.displayValue,
|
|
@@ -422,30 +438,30 @@ function ce(t, n, e, f, s, l) {
|
|
|
422
438
|
pattern: e.pattern,
|
|
423
439
|
"aria-invalid": e.error.toString(),
|
|
424
440
|
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) =>
|
|
426
|
-
onBlur: n[1] || (n[1] = (...d) =>
|
|
427
|
-
onFocus: n[2] || (n[2] = (...d) =>
|
|
428
|
-
onKeyup: n[3] || (n[3] = w((...d) =>
|
|
429
|
-
}, null, 40,
|
|
430
|
-
e.error ? (r(), i("div",
|
|
431
|
-
b
|
|
441
|
+
onInput: n[0] || (n[0] = (...d) => o.onInput && o.onInput(...d)),
|
|
442
|
+
onBlur: n[1] || (n[1] = (...d) => o.onBlur && o.onBlur(...d)),
|
|
443
|
+
onFocus: n[2] || (n[2] = (...d) => o.onFocus && o.onFocus(...d)),
|
|
444
|
+
onKeyup: n[3] || (n[3] = w((...d) => o.onKeyupEnter && o.onKeyupEnter(...d), ["enter"]))
|
|
445
|
+
}, null, 40, se),
|
|
446
|
+
e.error ? (r(), i("div", de, [
|
|
447
|
+
y(b, {
|
|
432
448
|
class: "-mt-1 mr-1 inline h-5 w-5",
|
|
433
449
|
"aria-hidden": "true"
|
|
434
450
|
})
|
|
435
|
-
])) :
|
|
436
|
-
!e.error && e.modelValue && s.shouldShowCheck ? (r(), i("div",
|
|
437
|
-
|
|
451
|
+
])) : l("", !0),
|
|
452
|
+
!e.error && e.modelValue && s.shouldShowCheck ? (r(), i("div", ue, [
|
|
453
|
+
y(v, {
|
|
438
454
|
class: "-mt-1 mr-1 inline h-5 w-5",
|
|
439
455
|
"aria-hidden": "true"
|
|
440
456
|
})
|
|
441
|
-
])) :
|
|
457
|
+
])) : l("", !0)
|
|
442
458
|
], 2),
|
|
443
459
|
e.hint && !e.error ? (r(), i("div", {
|
|
444
460
|
key: 1,
|
|
445
461
|
id: s.computedId + "-hint",
|
|
446
462
|
class: c(["w-full pt-1 text-xs leading-4", { "text-grey-500": e.disabled }]),
|
|
447
463
|
textContent: u(e.hint)
|
|
448
|
-
}, null, 10,
|
|
464
|
+
}, null, 10, ce)) : l("", !0),
|
|
449
465
|
e.error && e.errormessage ? (r(), i("div", {
|
|
450
466
|
key: 2,
|
|
451
467
|
id: s.computedId + "-errormsg",
|
|
@@ -454,11 +470,11 @@ function ce(t, n, e, f, s, l) {
|
|
|
454
470
|
}, [
|
|
455
471
|
a("span", {
|
|
456
472
|
textContent: u(e.errormessage)
|
|
457
|
-
}, null, 8,
|
|
458
|
-
], 8,
|
|
473
|
+
}, null, 8, me)
|
|
474
|
+
], 8, he)) : l("", !0)
|
|
459
475
|
]);
|
|
460
476
|
}
|
|
461
|
-
const
|
|
477
|
+
const Ee = /* @__PURE__ */ _(ne, [["render", fe], ["__scopeId", "data-v-a00e501e"]]), ye = {
|
|
462
478
|
name: "IbanInput",
|
|
463
479
|
components: {
|
|
464
480
|
IconAlert: p,
|
|
@@ -542,23 +558,23 @@ const Ae = /* @__PURE__ */ _($, [["render", ce], ["__scopeId", "data-v-6af14ec1"
|
|
|
542
558
|
this.isActive = !1, this.$emit("onKeyupEnter", t.target.value);
|
|
543
559
|
}
|
|
544
560
|
}
|
|
545
|
-
},
|
|
561
|
+
}, ge = { class: "pt-2" }, be = ["for"], ve = ["textContent"], we = {
|
|
546
562
|
key: 0,
|
|
547
563
|
class: "text-red"
|
|
548
|
-
},
|
|
564
|
+
}, pe = {
|
|
549
565
|
key: 1,
|
|
550
566
|
textContent: " (optioneel)",
|
|
551
567
|
class: "font-normal"
|
|
552
|
-
},
|
|
568
|
+
}, ke = ["id", "value", "type", "name", "placeholder", "required", "optional", "error", "autocomplete", "autofocus", "inputmode", "disabled", "readonly", "aria-describedby", "aria-errormessage", "pattern", "aria-invalid", "data-maska"], _e = ["innerHTML"], xe = {
|
|
553
569
|
key: 0,
|
|
554
570
|
class: "absolute right-0 top-0 py-3 pl-1 pr-2 text-error-500"
|
|
555
|
-
},
|
|
571
|
+
}, Ce = {
|
|
556
572
|
key: 1,
|
|
557
573
|
class: "absolute right-0 top-0 py-3 pl-1 pr-2 text-green"
|
|
558
|
-
},
|
|
559
|
-
function
|
|
560
|
-
const g =
|
|
561
|
-
return r(), i("div",
|
|
574
|
+
}, Se = ["id", "textContent"], Ie = ["id"], Ve = ["textContent"];
|
|
575
|
+
function Be(t, n, e, f, s, o) {
|
|
576
|
+
const g = m("icon-alert"), b = m("icon-check"), v = C("maska");
|
|
577
|
+
return r(), i("div", ge, [
|
|
562
578
|
e.label ? (r(), i("label", {
|
|
563
579
|
key: 0,
|
|
564
580
|
for: t.computedId,
|
|
@@ -572,21 +588,21 @@ function Ce(t, n, e, f, s, l) {
|
|
|
572
588
|
}, [
|
|
573
589
|
a("span", {
|
|
574
590
|
textContent: u(e.label)
|
|
575
|
-
}, null, 8,
|
|
576
|
-
e.required ? (r(), i("span",
|
|
577
|
-
e.optional ? (r(), i("span",
|
|
578
|
-
], 10,
|
|
591
|
+
}, null, 8, ve),
|
|
592
|
+
e.required ? (r(), i("span", we, " * ")) : l("", !0),
|
|
593
|
+
e.optional ? (r(), i("span", pe)) : l("", !0)
|
|
594
|
+
], 10, be)) : l("", !0),
|
|
579
595
|
a("div", {
|
|
580
596
|
class: c([
|
|
581
597
|
"relative mt-1 rounded-sm",
|
|
582
598
|
[
|
|
583
|
-
|
|
599
|
+
o.outlineClass,
|
|
584
600
|
t.isActive || e.error ? "border-2" : "border",
|
|
585
601
|
e.disabled && e.modelValue || e.readonly ? "bg-blue-dark-100" : ""
|
|
586
602
|
]
|
|
587
603
|
])
|
|
588
604
|
}, [
|
|
589
|
-
|
|
605
|
+
S(a("input", {
|
|
590
606
|
id: t.computedId,
|
|
591
607
|
value: e.modelValue,
|
|
592
608
|
type: t.fieldType,
|
|
@@ -606,37 +622,37 @@ function Ce(t, n, e, f, s, l) {
|
|
|
606
622
|
"aria-invalid": e.error.toString(),
|
|
607
623
|
"data-maska": t.maskaPattern,
|
|
608
624
|
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] = (
|
|
610
|
-
onBlur: n[1] || (n[1] = (...
|
|
611
|
-
onFocus: n[2] || (n[2] = (...
|
|
612
|
-
onKeyup: n[3] || (n[3] = w((...
|
|
613
|
-
}, null, 40,
|
|
614
|
-
[
|
|
625
|
+
onInput: n[0] || (n[0] = (d) => t.$emit("update:modelValue", d.target.value)),
|
|
626
|
+
onBlur: n[1] || (n[1] = (...d) => o.onBlur && o.onBlur(...d)),
|
|
627
|
+
onFocus: n[2] || (n[2] = (...d) => o.onFocus && o.onFocus(...d)),
|
|
628
|
+
onKeyup: n[3] || (n[3] = w((...d) => o.onKeyupEnter && o.onKeyupEnter(...d), ["enter"]))
|
|
629
|
+
}, null, 40, ke), [
|
|
630
|
+
[v]
|
|
615
631
|
]),
|
|
616
632
|
a("div", {
|
|
617
633
|
class: "maska absolute left-1 top-0 my-1 px-2 leading-10 text-transparent opacity-0",
|
|
618
634
|
"aria-hidden": "true",
|
|
619
|
-
innerHTML:
|
|
620
|
-
}, null, 8,
|
|
621
|
-
e.error ? (r(), i("div",
|
|
622
|
-
|
|
635
|
+
innerHTML: o.maskaValue
|
|
636
|
+
}, null, 8, _e),
|
|
637
|
+
e.error ? (r(), i("div", xe, [
|
|
638
|
+
y(g, {
|
|
623
639
|
class: "-mt-1 mr-1 inline h-5 w-5",
|
|
624
640
|
"aria-hidden": "true"
|
|
625
641
|
})
|
|
626
|
-
])) :
|
|
627
|
-
!e.error && e.modelValue && t.shouldShowCheck ? (r(), i("div",
|
|
628
|
-
b
|
|
642
|
+
])) : l("", !0),
|
|
643
|
+
!e.error && e.modelValue && t.shouldShowCheck ? (r(), i("div", Ce, [
|
|
644
|
+
y(b, {
|
|
629
645
|
class: "-mt-1 mr-1 inline h-5 w-5",
|
|
630
646
|
"aria-hidden": "true"
|
|
631
647
|
})
|
|
632
|
-
])) :
|
|
648
|
+
])) : l("", !0)
|
|
633
649
|
], 2),
|
|
634
650
|
e.hint && !e.error ? (r(), i("div", {
|
|
635
651
|
key: 1,
|
|
636
652
|
id: t.computedId + "-hint",
|
|
637
653
|
class: c(["w-full pt-1 text-xs leading-4", { "text-grey-500": e.disabled }]),
|
|
638
654
|
textContent: u(e.hint)
|
|
639
|
-
}, null, 10,
|
|
655
|
+
}, null, 10, Se)) : l("", !0),
|
|
640
656
|
e.error && e.errormessage ? (r(), i("div", {
|
|
641
657
|
key: 2,
|
|
642
658
|
id: t.computedId + "-errormsg",
|
|
@@ -645,13 +661,13 @@ function Ce(t, n, e, f, s, l) {
|
|
|
645
661
|
}, [
|
|
646
662
|
a("span", {
|
|
647
663
|
textContent: u(e.errormessage)
|
|
648
|
-
}, null, 8,
|
|
649
|
-
], 8,
|
|
664
|
+
}, null, 8, Ve)
|
|
665
|
+
], 8, Ie)) : l("", !0)
|
|
650
666
|
]);
|
|
651
667
|
}
|
|
652
|
-
const
|
|
668
|
+
const Fe = /* @__PURE__ */ _(ye, [["render", Be], ["__scopeId", "data-v-6050fb6d"]]);
|
|
653
669
|
export {
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
670
|
+
Ee as AmountInput,
|
|
671
|
+
Fe as IbanInput,
|
|
672
|
+
Te as InputField
|
|
657
673
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("maska")):typeof define=="function"&&define.amd?define(["exports","vue","maska"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.mosstandardcomponents={},i.Vue,i.maska))})(this,function(i,e,g){"use strict";const k={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1008 1008"};function p(o,n){return e.openBlock(),e.createElementBlock("svg",k,[...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 b={render:p},w={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1008 1008"};function B(o,n){return e.openBlock(),e.createElementBlock("svg",w,[...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 C={render:B},V={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1039 1008"};function _(o,n){return e.openBlock(),e.createElementBlock("svg",V,[...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={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1008 1008"};function E(o,n){return e.openBlock(),e.createElementBlock("svg",S,[...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:E},y=(o,n)=>{const t=o.__vccOpts||o;for(const[c,r]of n)t[c]=r;return t},x={name:"InputField",components:{IconEyeSlash:C,IconPrivacy:b,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)}}},N={class:"pt-2"},I=["for"],A=["textContent"],T={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"],F=["aria-pressed","aria-label"],K={class:"sr-only"},P={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"},M=["id","textContent"],L=["id"],H=["textContent"],j=["textContent"];function O(o,n,t,c,r,l){const m=e.resolveComponent("icon-privacy"),u=e.resolveComponent("icon-eye-slash"),a=e.resolveComponent("icon-alert"),s=e.resolveComponent("icon-check");return e.openBlock(),e.createElementBlock("div",N,[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,A),t.required?(e.openBlock(),e.createElementBlock("span",T," * ")):e.createCommentVNode("",!0),t.optional?(e.openBlock(),e.createElementBlock("span",q)):e.createCommentVNode("",!0)],10,I)):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",K,e.toDisplayString(o.showPassword?"verberg":"toon")+" wachtwoord",1)],8,F)],2)):e.createCommentVNode("",!0),t.error?(e.openBlock(),e.createElementBlock("div",P,[e.createVNode(a,{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,M)):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,H)],8,L)):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,j)):e.createCommentVNode("",!0)])}const G=y(x,[["render",O],["__scopeId","data-v-5a4e94c9"]]),Q={name:"AmountInput",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]=(...a)=>l.onInput&&l.onInput(...a)),onBlur:n[1]||(n[1]=(...a)=>l.onBlur&&l.onBlur(...a)),onFocus:n[2]||(n[2]=(...a)=>l.onFocus&&l.onFocus(...a)),onKeyup:n[3]||(n[3]=e.withKeys((...a)=>l.onKeyupEnter&&l.onKeyupEnter(...a),["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-6af14ec1"]]),le={name:"IbanInput",components:{IconAlert:h,IconCheck:f},directives:{maska:g.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"),a=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),[[a]]),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-6050fb6d"]]);i.AmountInput=ne,i.IbanInput=pe,i.InputField=G,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("maska")):typeof define=="function"&&define.amd?define(["exports","vue","maska"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.mosstandardcomponents={},i.Vue,i.maska))})(this,function(i,e,g){"use strict";const p={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1008 1008"};function k(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 b={render:k},w={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1008 1008"};function B(o,n){return e.openBlock(),e.createElementBlock("svg",w,[...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 C={render:B},V={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1039 1008"};function _(o,n){return e.openBlock(),e.createElementBlock("svg",V,[...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={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1008 1008"};function E(o,n){return e.openBlock(),e.createElementBlock("svg",S,[...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:E},y=(o,n)=>{const t=o.__vccOpts||o;for(const[d,r]of n)t[d]=r;return t},x={name:"InputField",components:{IconEyeSlash:C,IconPrivacy:b,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)}}},N={class:"pt-2"},I=["for"],A=["textContent"],q={key:0,class:"text-red"},T={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"],F=["aria-pressed","aria-label"],K={class:"sr-only"},P={key:1,class:"absolute right-0 top-0 py-3 pl-1 pr-2 text-error-500"},M={key:2,class:"absolute right-0 top-0 py-3 pl-1 pr-2 text-green"},D=["id","textContent"],L=["id"],H=["textContent"],j=["textContent"];function O(o,n,t,d,r,l){const c=e.resolveComponent("icon-privacy"),m=e.resolveComponent("icon-eye-slash"),u=e.resolveComponent("icon-alert"),a=e.resolveComponent("icon-check");return e.openBlock(),e.createElementBlock("div",N,[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,A),t.required?(e.openBlock(),e.createElementBlock("span",q," * ")):e.createCommentVNode("",!0),t.optional?(e.openBlock(),e.createElementBlock("span",T)):e.createCommentVNode("",!0)],10,I)):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]=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,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]=(...s)=>l.togglePassword&&l.togglePassword(...s))},[o.showPassword?(e.openBlock(),e.createBlock(c,{key:0,class:"h-4 w-4","aria-hidden":"true"})):(e.openBlock(),e.createBlock(m,{key:1,class:"h-4 w-4","aria-hidden":"true"})),e.createElementVNode("span",K,e.toDisplayString(o.showPassword?"verberg":"toon")+" wachtwoord",1)],8,F)],2)):e.createCommentVNode("",!0),t.error?(e.openBlock(),e.createElementBlock("div",P,[e.createVNode(u,{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",M,[e.createVNode(a,{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,D)):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,H)],8,L)):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,j)):e.createCommentVNode("",!0)])}const G=y(x,[["render",O],["__scopeId","data-v-5a4e94c9"]]),Q={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1010 1008"};function J(o,n){return e.openBlock(),e.createElementBlock("svg",Q,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M503 100q113 0 209 55.5T863.5 307 919 516t-55.5 208.5T712 876t-209 56-208.5-56T143 724.5 87 516t56-209 151.5-151.5T503 100zm-25 255q29-12 58.5-12t59.5 7l22-83q-36-9-78-9-79 0-149.5 53.5T299 440h-49v55h39q-1 9-1 20t2 24h-40v54h49q22 84 87.5 135T542 779q43 0 73-9l11-4-17-84q-30 11-72 11t-80.5-27-55.5-73h147l10-54H385q-4-25-1-44h184l10-54H397q23-62 81-86z",fill:"currentColor"},null,-1)])])}const R={render:J},U={name:"AmountInput",components:{IconAlert:h,IconCheck:f,VectorImage,Euro:R},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(",","."),d=parseFloat(t);isNaN(d)||(this.$emit("update:modelValue",d),this.$emit("input",d)),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")}}},W={class:"pt-2"},X=["for"],Y=["textContent"],Z={key:0,class:"text-red"},v={key:1,class:"font-normal",textContent:" (optioneel)"},$=["id","value","name","placeholder","required","optional","error","min","max","autocomplete","autofocus","inputmode","disabled","readonly","aria-describedby","aria-errormessage","pattern","aria-invalid"],ee={key:0,class:"absolute right-0 top-0 py-3 pl-1 pr-2 text-error-500"},te={key:1,class:"absolute right-0 top-0 py-3 pl-1 pr-2 text-green"},oe=["id","textContent"],ne=["id"],le=["textContent"];function re(o,n,t,d,r,l){const c=e.resolveComponent("Euro"),m=e.resolveComponent("icon-alert"),u=e.resolveComponent("icon-check");return e.openBlock(),e.createElementBlock("div",W,[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,Y),t.required?(e.openBlock(),e.createElementBlock("span",Z," * ")):e.createCommentVNode("",!0),t.optional?(e.openBlock(),e.createElementBlock("span",v)):e.createCommentVNode("",!0)],10,X)):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.createVNode(c,{class:"-mt-1 mr-1 inline h-5 w-5","aria-hidden":"true"}),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]=(...a)=>l.onInput&&l.onInput(...a)),onBlur:n[1]||(n[1]=(...a)=>l.onBlur&&l.onBlur(...a)),onFocus:n[2]||(n[2]=(...a)=>l.onFocus&&l.onFocus(...a)),onKeyup:n[3]||(n[3]=e.withKeys((...a)=>l.onKeyupEnter&&l.onKeyupEnter(...a),["enter"]))},null,40,$),t.error?(e.openBlock(),e.createElementBlock("div",ee,[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",te,[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,oe)):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,le)],8,ne)):e.createCommentVNode("",!0)])}const ae=y(U,[["render",re],["__scopeId","data-v-a00e501e"]]),ie={name:"IbanInput",components:{IconAlert:h,IconCheck:f},directives:{maska:g.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)}}},se={class:"pt-2"},de=["for"],ce=["textContent"],me={key:0,class:"text-red"},ue={key:1,textContent:" (optioneel)",class:"font-normal"},he=["id","value","type","name","placeholder","required","optional","error","autocomplete","autofocus","inputmode","disabled","readonly","aria-describedby","aria-errormessage","pattern","aria-invalid","data-maska"],fe=["innerHTML"],ye={key:0,class:"absolute right-0 top-0 py-3 pl-1 pr-2 text-error-500"},ge={key:1,class:"absolute right-0 top-0 py-3 pl-1 pr-2 text-green"},pe=["id","textContent"],ke=["id"],be=["textContent"];function we(o,n,t,d,r,l){const c=e.resolveComponent("icon-alert"),m=e.resolveComponent("icon-check"),u=e.resolveDirective("maska");return e.openBlock(),e.createElementBlock("div",se,[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,ce),t.required?(e.openBlock(),e.createElementBlock("span",me," * ")):e.createCommentVNode("",!0),t.optional?(e.openBlock(),e.createElementBlock("span",ue)):e.createCommentVNode("",!0)],10,de)):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]=a=>o.$emit("update:modelValue",a.target.value)),onBlur:n[1]||(n[1]=(...a)=>l.onBlur&&l.onBlur(...a)),onFocus:n[2]||(n[2]=(...a)=>l.onFocus&&l.onFocus(...a)),onKeyup:n[3]||(n[3]=e.withKeys((...a)=>l.onKeyupEnter&&l.onKeyupEnter(...a),["enter"]))},null,40,he),[[u]]),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,fe),t.error?(e.openBlock(),e.createElementBlock("div",ye,[e.createVNode(c,{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",ge,[e.createVNode(m,{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,pe)):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,be)],8,ke)):e.createCommentVNode("",!0)])}const Be=y(ie,[["render",we],["__scopeId","data-v-6050fb6d"]]);i.AmountInput=ae,i.IbanInput=Be,i.InputField=G,Object.defineProperty(i,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}input[data-v-
|
|
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-a00e501e]::-webkit-outer-spin-button,input[data-v-a00e501e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-a00e501e]{-moz-appearance:textfield}input[data-v-6050fb6d]{text-transform:uppercase}.maska[data-v-6050fb6d]{letter-spacing:0;font-variant-numeric:tabular-nums;pointer-events:none}input:not(:placeholder-shown)+label+.maska[data-v-6050fb6d],input:focus+label+.maska[data-v-6050fb6d]{opacity:1;color:#999}.maska[data-v-6050fb6d] i{color:transparent;opacity:0;text-transform:uppercase;font-style:unset}input[data-v-6050fb6d]::-webkit-outer-spin-button,input[data-v-6050fb6d]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-6050fb6d]{-moz-appearance:textfield}
|