mosstandardcomponents 1.0.14 → 1.0.15
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,11 +1,11 @@
|
|
|
1
|
-
import { createElementBlock as
|
|
1
|
+
import { createElementBlock as o, 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",
|
|
5
5
|
viewBox: "0 0 1008 1008"
|
|
6
6
|
};
|
|
7
7
|
function B(t, n) {
|
|
8
|
-
return r(),
|
|
8
|
+
return r(), o("svg", V, [...n[0] || (n[0] = [
|
|
9
9
|
a("path", {
|
|
10
10
|
fill: "currentColor",
|
|
11
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"
|
|
@@ -17,7 +17,7 @@ const A = { render: B }, q = {
|
|
|
17
17
|
viewBox: "0 0 1008 1008"
|
|
18
18
|
};
|
|
19
19
|
function T(t, n) {
|
|
20
|
-
return r(),
|
|
20
|
+
return r(), o("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"
|
|
@@ -29,7 +29,7 @@ const E = { render: T }, F = {
|
|
|
29
29
|
viewBox: "0 0 1039 1008"
|
|
30
30
|
};
|
|
31
31
|
function K(t, n) {
|
|
32
|
-
return r(),
|
|
32
|
+
return r(), o("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"
|
|
@@ -41,7 +41,7 @@ const p = { render: K }, P = {
|
|
|
41
41
|
viewBox: "0 0 1008 1008"
|
|
42
42
|
};
|
|
43
43
|
function z(t, n) {
|
|
44
|
-
return r(),
|
|
44
|
+
return r(), o("svg", P, [...n[0] || (n[0] = [
|
|
45
45
|
a("path", {
|
|
46
46
|
fill: "currentColor",
|
|
47
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"
|
|
@@ -153,10 +153,10 @@ 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,
|
|
156
|
+
function Z(t, n, e, f, s, i) {
|
|
157
157
|
const g = m("icon-privacy"), b = m("icon-eye-slash"), v = m("icon-alert"), d = m("icon-check");
|
|
158
|
-
return r(),
|
|
159
|
-
e.label ? (r(),
|
|
158
|
+
return r(), o("div", N, [
|
|
159
|
+
e.label ? (r(), o("label", {
|
|
160
160
|
key: 0,
|
|
161
161
|
for: t.computedId,
|
|
162
162
|
class: c(["max-w-full whitespace-nowrap text-sm font-bold", {
|
|
@@ -170,14 +170,14 @@ function Z(t, n, e, f, s, o) {
|
|
|
170
170
|
a("span", {
|
|
171
171
|
textContent: u(e.label)
|
|
172
172
|
}, null, 8, D),
|
|
173
|
-
e.required ? (r(),
|
|
174
|
-
e.optional ? (r(),
|
|
173
|
+
e.required ? (r(), o("span", H, " * ")) : l("", !0),
|
|
174
|
+
e.optional ? (r(), o("span", G)) : l("", !0)
|
|
175
175
|
], 10, L)) : l("", !0),
|
|
176
176
|
a("div", {
|
|
177
177
|
class: c([
|
|
178
178
|
"relative mt-1 rounded-sm",
|
|
179
179
|
[
|
|
180
|
-
|
|
180
|
+
i.outlineClass,
|
|
181
181
|
t.isActive || e.error ? "border-2" : "border",
|
|
182
182
|
e.disabled && e.modelValue || e.readonly ? "bg-blue-dark-100" : ""
|
|
183
183
|
]
|
|
@@ -207,11 +207,11 @@ function Z(t, n, e, f, s, o) {
|
|
|
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
209
|
onInput: n[0] || (n[0] = (h) => t.$emit("update:modelValue", h.target.value)),
|
|
210
|
-
onBlur: n[1] || (n[1] = (...h) =>
|
|
211
|
-
onFocus: n[2] || (n[2] = (...h) =>
|
|
212
|
-
onKeyup: n[3] || (n[3] = w((...h) =>
|
|
210
|
+
onBlur: n[1] || (n[1] = (...h) => i.onBlur && i.onBlur(...h)),
|
|
211
|
+
onFocus: n[2] || (n[2] = (...h) => i.onFocus && i.onFocus(...h)),
|
|
212
|
+
onKeyup: n[3] || (n[3] = w((...h) => i.onKeyupEnter && i.onKeyupEnter(...h), ["enter"]))
|
|
213
213
|
}, null, 40, O),
|
|
214
|
-
t.initialType === "password" && !e.hidepasswordicon && !e.disabled ? (r(),
|
|
214
|
+
t.initialType === "password" && !e.hidepasswordicon && !e.disabled ? (r(), o("div", {
|
|
215
215
|
key: 0,
|
|
216
216
|
class: c(["absolute right-0 top-0", { "right-8": e.error }])
|
|
217
217
|
}, [
|
|
@@ -220,7 +220,7 @@ function Z(t, n, e, f, s, o) {
|
|
|
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] = (...h) =>
|
|
223
|
+
onClick: n[4] || (n[4] = (...h) => i.togglePassword && i.togglePassword(...h))
|
|
224
224
|
}, [
|
|
225
225
|
t.showPassword ? (r(), x(g, {
|
|
226
226
|
key: 0,
|
|
@@ -234,26 +234,26 @@ function Z(t, n, e, f, s, o) {
|
|
|
234
234
|
a("span", j, u(t.showPassword ? "verberg" : "toon") + " wachtwoord", 1)
|
|
235
235
|
], 8, Q)
|
|
236
236
|
], 2)) : l("", !0),
|
|
237
|
-
e.error ? (r(),
|
|
237
|
+
e.error ? (r(), o("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
|
-
!e.error && e.modelValue && t.shouldShowCheck ? (r(),
|
|
243
|
+
!e.error && e.modelValue && t.shouldShowCheck ? (r(), o("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
|
-
e.hint && !e.error ? (r(),
|
|
250
|
+
e.hint && !e.error ? (r(), o("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
255
|
}, null, 10, U)) : l("", !0),
|
|
256
|
-
e.error && e.errormessage ? (r(),
|
|
256
|
+
e.error && e.errormessage ? (r(), o("div", {
|
|
257
257
|
key: 2,
|
|
258
258
|
id: t.computedId + "-errormsg",
|
|
259
259
|
class: "w-full pt-1 text-sm font-bold leading-4 text-error-500",
|
|
@@ -263,7 +263,7 @@ function Z(t, n, e, f, s, o) {
|
|
|
263
263
|
textContent: u(e.errormessage)
|
|
264
264
|
}, null, 8, X)
|
|
265
265
|
], 8, W)) : l("", !0),
|
|
266
|
-
t.initialType === "password" ? (r(),
|
|
266
|
+
t.initialType === "password" ? (r(), o("p", {
|
|
267
267
|
key: 3,
|
|
268
268
|
class: "sr-only",
|
|
269
269
|
"aria-live": "polite",
|
|
@@ -278,7 +278,7 @@ const Te = /* @__PURE__ */ _(M, [["render", Z], ["__scopeId", "data-v-5a4e94c9"]
|
|
|
278
278
|
viewBox: "0 0 1010 1008"
|
|
279
279
|
};
|
|
280
280
|
function ee(t, n) {
|
|
281
|
-
return r(),
|
|
281
|
+
return r(), o("svg", $, [...n[0] || (n[0] = [
|
|
282
282
|
a("path", {
|
|
283
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
284
|
fill: "currentColor"
|
|
@@ -372,7 +372,7 @@ const te = { render: ee }, ne = {
|
|
|
372
372
|
this.isActive = !0, this.$emit("focus");
|
|
373
373
|
}
|
|
374
374
|
}
|
|
375
|
-
}, re = { class: "pt-2" },
|
|
375
|
+
}, re = { class: "pt-2" }, oe = ["for"], ie = ["textContent"], le = {
|
|
376
376
|
key: 0,
|
|
377
377
|
class: "text-red"
|
|
378
378
|
}, ae = {
|
|
@@ -386,10 +386,10 @@ const te = { render: ee }, ne = {
|
|
|
386
386
|
key: 1,
|
|
387
387
|
class: "absolute right-0 top-0 py-3 pl-1 pr-2 text-green"
|
|
388
388
|
}, ce = ["id", "textContent"], he = ["id"], me = ["textContent"];
|
|
389
|
-
function fe(t, n, e, f, s,
|
|
389
|
+
function fe(t, n, e, f, s, i) {
|
|
390
390
|
const g = m("Euro"), b = m("icon-alert"), v = m("icon-check");
|
|
391
|
-
return r(),
|
|
392
|
-
e.label ? (r(),
|
|
391
|
+
return r(), o("div", re, [
|
|
392
|
+
e.label ? (r(), o("label", {
|
|
393
393
|
key: 0,
|
|
394
394
|
for: s.computedId,
|
|
395
395
|
class: c(["max-w-full whitespace-nowrap text-sm font-bold", {
|
|
@@ -402,21 +402,18 @@ function fe(t, n, e, f, s, o) {
|
|
|
402
402
|
}, [
|
|
403
403
|
a("span", {
|
|
404
404
|
textContent: u(e.label)
|
|
405
|
-
}, null, 8,
|
|
406
|
-
e.required ? (r(),
|
|
407
|
-
e.optional ? (r(),
|
|
408
|
-
], 10,
|
|
405
|
+
}, null, 8, ie),
|
|
406
|
+
e.required ? (r(), o("span", le, " * ")) : l("", !0),
|
|
407
|
+
e.optional ? (r(), o("span", ae)) : l("", !0)
|
|
408
|
+
], 10, oe)) : l("", !0),
|
|
409
409
|
a("div", {
|
|
410
410
|
class: c(["relative mt-1 rounded-sm", [
|
|
411
|
-
|
|
411
|
+
i.outlineClass,
|
|
412
412
|
s.isActive || e.error ? "border-2" : "border",
|
|
413
413
|
e.disabled && e.modelValue || e.readonly ? "bg-blue-dark-100" : ""
|
|
414
414
|
]])
|
|
415
415
|
}, [
|
|
416
|
-
y(g, {
|
|
417
|
-
class: "-mt-1 mr-1 inline h-5 w-5",
|
|
418
|
-
"aria-hidden": "true"
|
|
419
|
-
}),
|
|
416
|
+
y(g, { class: "absolute bottom-0 top-0 my-auto ml-2 flex h-6 w-6 bg-blue-dark" }),
|
|
420
417
|
a("input", {
|
|
421
418
|
id: s.computedId,
|
|
422
419
|
value: s.displayValue,
|
|
@@ -438,31 +435,31 @@ function fe(t, n, e, f, s, o) {
|
|
|
438
435
|
pattern: e.pattern,
|
|
439
436
|
"aria-invalid": e.error.toString(),
|
|
440
437
|
class: "block h-12 w-full appearance-none border-0 bg-transparent pl-10 pr-8 focus:outline-none",
|
|
441
|
-
onInput: n[0] || (n[0] = (...d) =>
|
|
442
|
-
onBlur: n[1] || (n[1] = (...d) =>
|
|
443
|
-
onFocus: n[2] || (n[2] = (...d) =>
|
|
444
|
-
onKeyup: n[3] || (n[3] = w((...d) =>
|
|
438
|
+
onInput: n[0] || (n[0] = (...d) => i.onInput && i.onInput(...d)),
|
|
439
|
+
onBlur: n[1] || (n[1] = (...d) => i.onBlur && i.onBlur(...d)),
|
|
440
|
+
onFocus: n[2] || (n[2] = (...d) => i.onFocus && i.onFocus(...d)),
|
|
441
|
+
onKeyup: n[3] || (n[3] = w((...d) => i.onKeyupEnter && i.onKeyupEnter(...d), ["enter"]))
|
|
445
442
|
}, null, 40, se),
|
|
446
|
-
e.error ? (r(),
|
|
443
|
+
e.error ? (r(), o("div", de, [
|
|
447
444
|
y(b, {
|
|
448
445
|
class: "-mt-1 mr-1 inline h-5 w-5",
|
|
449
446
|
"aria-hidden": "true"
|
|
450
447
|
})
|
|
451
448
|
])) : l("", !0),
|
|
452
|
-
!e.error && e.modelValue && s.shouldShowCheck ? (r(),
|
|
449
|
+
!e.error && e.modelValue && s.shouldShowCheck ? (r(), o("div", ue, [
|
|
453
450
|
y(v, {
|
|
454
451
|
class: "-mt-1 mr-1 inline h-5 w-5",
|
|
455
452
|
"aria-hidden": "true"
|
|
456
453
|
})
|
|
457
454
|
])) : l("", !0)
|
|
458
455
|
], 2),
|
|
459
|
-
e.hint && !e.error ? (r(),
|
|
456
|
+
e.hint && !e.error ? (r(), o("div", {
|
|
460
457
|
key: 1,
|
|
461
458
|
id: s.computedId + "-hint",
|
|
462
459
|
class: c(["w-full pt-1 text-xs leading-4", { "text-grey-500": e.disabled }]),
|
|
463
460
|
textContent: u(e.hint)
|
|
464
461
|
}, null, 10, ce)) : l("", !0),
|
|
465
|
-
e.error && e.errormessage ? (r(),
|
|
462
|
+
e.error && e.errormessage ? (r(), o("div", {
|
|
466
463
|
key: 2,
|
|
467
464
|
id: s.computedId + "-errormsg",
|
|
468
465
|
class: "w-full pt-1 text-sm font-bold leading-4 text-error-500",
|
|
@@ -474,7 +471,7 @@ function fe(t, n, e, f, s, o) {
|
|
|
474
471
|
], 8, he)) : l("", !0)
|
|
475
472
|
]);
|
|
476
473
|
}
|
|
477
|
-
const Ee = /* @__PURE__ */ _(ne, [["render", fe], ["__scopeId", "data-v-
|
|
474
|
+
const Ee = /* @__PURE__ */ _(ne, [["render", fe], ["__scopeId", "data-v-6912c054"]]), ye = {
|
|
478
475
|
name: "IbanInput",
|
|
479
476
|
components: {
|
|
480
477
|
IconAlert: p,
|
|
@@ -572,10 +569,10 @@ const Ee = /* @__PURE__ */ _(ne, [["render", fe], ["__scopeId", "data-v-a00e501e
|
|
|
572
569
|
key: 1,
|
|
573
570
|
class: "absolute right-0 top-0 py-3 pl-1 pr-2 text-green"
|
|
574
571
|
}, Se = ["id", "textContent"], Ie = ["id"], Ve = ["textContent"];
|
|
575
|
-
function Be(t, n, e, f, s,
|
|
572
|
+
function Be(t, n, e, f, s, i) {
|
|
576
573
|
const g = m("icon-alert"), b = m("icon-check"), v = C("maska");
|
|
577
|
-
return r(),
|
|
578
|
-
e.label ? (r(),
|
|
574
|
+
return r(), o("div", ge, [
|
|
575
|
+
e.label ? (r(), o("label", {
|
|
579
576
|
key: 0,
|
|
580
577
|
for: t.computedId,
|
|
581
578
|
class: c(["max-w-full whitespace-nowrap text-sm font-bold", {
|
|
@@ -589,14 +586,14 @@ function Be(t, n, e, f, s, o) {
|
|
|
589
586
|
a("span", {
|
|
590
587
|
textContent: u(e.label)
|
|
591
588
|
}, null, 8, ve),
|
|
592
|
-
e.required ? (r(),
|
|
593
|
-
e.optional ? (r(),
|
|
589
|
+
e.required ? (r(), o("span", we, " * ")) : l("", !0),
|
|
590
|
+
e.optional ? (r(), o("span", pe)) : l("", !0)
|
|
594
591
|
], 10, be)) : l("", !0),
|
|
595
592
|
a("div", {
|
|
596
593
|
class: c([
|
|
597
594
|
"relative mt-1 rounded-sm",
|
|
598
595
|
[
|
|
599
|
-
|
|
596
|
+
i.outlineClass,
|
|
600
597
|
t.isActive || e.error ? "border-2" : "border",
|
|
601
598
|
e.disabled && e.modelValue || e.readonly ? "bg-blue-dark-100" : ""
|
|
602
599
|
]
|
|
@@ -623,37 +620,37 @@ function Be(t, n, e, f, s, o) {
|
|
|
623
620
|
"data-maska": t.maskaPattern,
|
|
624
621
|
class: "block h-12 w-full appearance-none border-0 bg-transparent pl-3 pr-8 focus:outline-none",
|
|
625
622
|
onInput: n[0] || (n[0] = (d) => t.$emit("update:modelValue", d.target.value)),
|
|
626
|
-
onBlur: n[1] || (n[1] = (...d) =>
|
|
627
|
-
onFocus: n[2] || (n[2] = (...d) =>
|
|
628
|
-
onKeyup: n[3] || (n[3] = w((...d) =>
|
|
623
|
+
onBlur: n[1] || (n[1] = (...d) => i.onBlur && i.onBlur(...d)),
|
|
624
|
+
onFocus: n[2] || (n[2] = (...d) => i.onFocus && i.onFocus(...d)),
|
|
625
|
+
onKeyup: n[3] || (n[3] = w((...d) => i.onKeyupEnter && i.onKeyupEnter(...d), ["enter"]))
|
|
629
626
|
}, null, 40, ke), [
|
|
630
627
|
[v]
|
|
631
628
|
]),
|
|
632
629
|
a("div", {
|
|
633
630
|
class: "maska absolute left-1 top-0 my-1 px-2 leading-10 text-transparent opacity-0",
|
|
634
631
|
"aria-hidden": "true",
|
|
635
|
-
innerHTML:
|
|
632
|
+
innerHTML: i.maskaValue
|
|
636
633
|
}, null, 8, _e),
|
|
637
|
-
e.error ? (r(),
|
|
634
|
+
e.error ? (r(), o("div", xe, [
|
|
638
635
|
y(g, {
|
|
639
636
|
class: "-mt-1 mr-1 inline h-5 w-5",
|
|
640
637
|
"aria-hidden": "true"
|
|
641
638
|
})
|
|
642
639
|
])) : l("", !0),
|
|
643
|
-
!e.error && e.modelValue && t.shouldShowCheck ? (r(),
|
|
640
|
+
!e.error && e.modelValue && t.shouldShowCheck ? (r(), o("div", Ce, [
|
|
644
641
|
y(b, {
|
|
645
642
|
class: "-mt-1 mr-1 inline h-5 w-5",
|
|
646
643
|
"aria-hidden": "true"
|
|
647
644
|
})
|
|
648
645
|
])) : l("", !0)
|
|
649
646
|
], 2),
|
|
650
|
-
e.hint && !e.error ? (r(),
|
|
647
|
+
e.hint && !e.error ? (r(), o("div", {
|
|
651
648
|
key: 1,
|
|
652
649
|
id: t.computedId + "-hint",
|
|
653
650
|
class: c(["w-full pt-1 text-xs leading-4", { "text-grey-500": e.disabled }]),
|
|
654
651
|
textContent: u(e.hint)
|
|
655
652
|
}, null, 10, Se)) : l("", !0),
|
|
656
|
-
e.error && e.errormessage ? (r(),
|
|
653
|
+
e.error && e.errormessage ? (r(), o("div", {
|
|
657
654
|
key: 2,
|
|
658
655
|
id: t.computedId + "-errormsg",
|
|
659
656
|
class: "w-full pt-1 text-sm font-bold leading-4 text-error-500",
|
|
@@ -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 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"})});
|
|
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:"absolute bottom-0 top-0 my-auto ml-2 flex h-6 w-6 bg-blue-dark"}),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-6912c054"]]),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-6912c054]::-webkit-outer-spin-button,input[data-v-6912c054]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-6912c054]{-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}
|