@utrecht/component-library-vue 1.0.0-alpha.180 → 1.0.0-alpha.181
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.
|
@@ -0,0 +1,619 @@
|
|
|
1
|
+
import { defineComponent as c, openBlock as s, createElementBlock as n, renderSlot as l, normalizeClass as u, computed as v, withDirectives as p, vModelCheckbox as b, vModelRadio as h, createElementVNode as g, Fragment as x, renderList as U, toDisplayString as q, createCommentVNode as B, vModelSelect as k, vModelText as m } from "vue";
|
|
2
|
+
const S = c({
|
|
3
|
+
name: "UtrechtArticle"
|
|
4
|
+
});
|
|
5
|
+
const d = (e, t) => {
|
|
6
|
+
const r = e.__vccOpts || e;
|
|
7
|
+
for (const [a, o] of t)
|
|
8
|
+
r[a] = o;
|
|
9
|
+
return r;
|
|
10
|
+
}, T = { class: "utrecht-article" };
|
|
11
|
+
function H(e, t, r, a, o, _) {
|
|
12
|
+
return s(), n("article", T, [
|
|
13
|
+
l(e.$slots, "default")
|
|
14
|
+
]);
|
|
15
|
+
}
|
|
16
|
+
const Ct = /* @__PURE__ */ d(S, [["render", H]]), F = c({
|
|
17
|
+
name: "UtrechtBadgeStatus",
|
|
18
|
+
props: {
|
|
19
|
+
status: { type: String, required: !1, default: void 0 }
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
function C(e, t, r, a, o, _) {
|
|
23
|
+
return s(), n("span", {
|
|
24
|
+
class: u([
|
|
25
|
+
{ [`utrecht-badge-status--${e.status}`]: !0 },
|
|
26
|
+
"utrecht-badge-status"
|
|
27
|
+
])
|
|
28
|
+
}, [
|
|
29
|
+
l(e.$slots, "default")
|
|
30
|
+
], 2);
|
|
31
|
+
}
|
|
32
|
+
const Vt = /* @__PURE__ */ d(F, [["render", C]]), V = c({
|
|
33
|
+
name: "UtrechtButton",
|
|
34
|
+
props: {
|
|
35
|
+
appearance: { type: String, required: !1, default: void 0 },
|
|
36
|
+
type: { type: String, required: !1, default: "button" },
|
|
37
|
+
busy: { type: Boolean, required: !1, default: !1 }
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
const P = ["aria-busy", "type"];
|
|
41
|
+
function N(e, t, r, a, o, _) {
|
|
42
|
+
return s(), n("button", {
|
|
43
|
+
"aria-busy": e.busy || void 0,
|
|
44
|
+
class: u([
|
|
45
|
+
"utrecht-button",
|
|
46
|
+
{ "utrecht-button--busy": e.busy },
|
|
47
|
+
{ "utrecht-button--primary-action": e.appearance === "primary-action-button" },
|
|
48
|
+
{ "utrecht-button--secondary-action": e.appearance === "secondary-action-button" },
|
|
49
|
+
{ "utrecht-button--submit": e.type === "submit" },
|
|
50
|
+
{ "utrecht-button--subtle": e.appearance === "subtle-button" }
|
|
51
|
+
]),
|
|
52
|
+
type: e.type
|
|
53
|
+
}, [
|
|
54
|
+
l(e.$slots, "default")
|
|
55
|
+
], 10, P);
|
|
56
|
+
}
|
|
57
|
+
const Pt = /* @__PURE__ */ d(V, [["render", N]]), L = c({
|
|
58
|
+
name: "UtrechtButtonGroup"
|
|
59
|
+
});
|
|
60
|
+
const R = { class: "utrecht-button-group" };
|
|
61
|
+
function w(e, t, r, a, o, _) {
|
|
62
|
+
return s(), n("div", R, [
|
|
63
|
+
l(e.$slots, "default")
|
|
64
|
+
]);
|
|
65
|
+
}
|
|
66
|
+
const Nt = /* @__PURE__ */ d(L, [["render", w]]);
|
|
67
|
+
function $(e, t, r = "modelValue") {
|
|
68
|
+
return v({
|
|
69
|
+
get: () => e.modelValue,
|
|
70
|
+
set: (a) => t(`update:${r}`, a)
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
const j = c({
|
|
74
|
+
name: "UtrechtCheckbox",
|
|
75
|
+
props: {
|
|
76
|
+
invalid: { type: Boolean, required: !1 },
|
|
77
|
+
modelValue: { type: [String, Number, Boolean], required: !1, default: "" }
|
|
78
|
+
},
|
|
79
|
+
setup(e, { emit: t }) {
|
|
80
|
+
return {
|
|
81
|
+
value: $(e, t)
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
const M = ["aria-invalid"];
|
|
86
|
+
function D(e, t, r, a, o, _) {
|
|
87
|
+
return p((s(), n("input", {
|
|
88
|
+
"onUpdate:modelValue": t[0] || (t[0] = (i) => e.value = i),
|
|
89
|
+
type: "checkbox",
|
|
90
|
+
"aria-invalid": e.invalid || void 0,
|
|
91
|
+
class: u([
|
|
92
|
+
"utrecht-checkbox",
|
|
93
|
+
"utrecht-checkbox--html-input",
|
|
94
|
+
{ "utrecht-checkbox--invalid": e.invalid }
|
|
95
|
+
])
|
|
96
|
+
}, null, 10, M)), [
|
|
97
|
+
[b, e.value]
|
|
98
|
+
]);
|
|
99
|
+
}
|
|
100
|
+
const Lt = /* @__PURE__ */ d(j, [["render", D]]), z = c({
|
|
101
|
+
name: "UtrechtCustomRadioButton",
|
|
102
|
+
props: {
|
|
103
|
+
invalid: { type: Boolean, required: !1 },
|
|
104
|
+
modelValue: { type: [String, Number, Boolean], required: !1, default: "" }
|
|
105
|
+
},
|
|
106
|
+
setup(e, { emit: t }) {
|
|
107
|
+
return {
|
|
108
|
+
value: $(e, t)
|
|
109
|
+
};
|
|
110
|
+
}
|
|
111
|
+
});
|
|
112
|
+
const A = ["aria-invalid"];
|
|
113
|
+
function E(e, t, r, a, o, _) {
|
|
114
|
+
return p((s(), n("input", {
|
|
115
|
+
"onUpdate:modelValue": t[0] || (t[0] = (i) => e.value = i),
|
|
116
|
+
type: "radio",
|
|
117
|
+
"aria-invalid": e.invalid || void 0,
|
|
118
|
+
class: u([
|
|
119
|
+
{ "utrecht-custom-radio-button--invalid": e.invalid },
|
|
120
|
+
"utrecht-custom-radio-button",
|
|
121
|
+
"utrecht-custom-radio-button--html-input"
|
|
122
|
+
])
|
|
123
|
+
}, null, 10, A)), [
|
|
124
|
+
[h, e.value]
|
|
125
|
+
]);
|
|
126
|
+
}
|
|
127
|
+
const Rt = /* @__PURE__ */ d(z, [["render", E]]), G = c({
|
|
128
|
+
name: "UtrechtDocument"
|
|
129
|
+
});
|
|
130
|
+
const O = { class: "utrecht-document" };
|
|
131
|
+
function I(e, t, r, a, o, _) {
|
|
132
|
+
return s(), n("div", O, [
|
|
133
|
+
l(e.$slots, "default")
|
|
134
|
+
]);
|
|
135
|
+
}
|
|
136
|
+
const wt = /* @__PURE__ */ d(G, [["render", I]]), W = c({
|
|
137
|
+
name: "UtrechtFormField"
|
|
138
|
+
});
|
|
139
|
+
const J = { class: "utrecht-form-field" };
|
|
140
|
+
function K(e, t, r, a, o, _) {
|
|
141
|
+
return s(), n("div", J, [
|
|
142
|
+
l(e.$slots, "default")
|
|
143
|
+
]);
|
|
144
|
+
}
|
|
145
|
+
const jt = /* @__PURE__ */ d(W, [["render", K]]), Q = c({
|
|
146
|
+
name: "UtrechtFormFieldset",
|
|
147
|
+
props: {
|
|
148
|
+
describedby: {
|
|
149
|
+
type: String,
|
|
150
|
+
required: !1,
|
|
151
|
+
default: void 0
|
|
152
|
+
},
|
|
153
|
+
disabled: {
|
|
154
|
+
type: Boolean,
|
|
155
|
+
required: !1,
|
|
156
|
+
default: !1
|
|
157
|
+
},
|
|
158
|
+
invalid: {
|
|
159
|
+
type: Boolean,
|
|
160
|
+
required: !1,
|
|
161
|
+
default: !1
|
|
162
|
+
},
|
|
163
|
+
label: {
|
|
164
|
+
type: String,
|
|
165
|
+
required: !1,
|
|
166
|
+
default: void 0
|
|
167
|
+
},
|
|
168
|
+
labelledby: {
|
|
169
|
+
type: String,
|
|
170
|
+
required: !1,
|
|
171
|
+
default: void 0
|
|
172
|
+
},
|
|
173
|
+
role: {
|
|
174
|
+
type: String,
|
|
175
|
+
required: !1,
|
|
176
|
+
default: null
|
|
177
|
+
},
|
|
178
|
+
name: {
|
|
179
|
+
type: String,
|
|
180
|
+
required: !1,
|
|
181
|
+
default: ""
|
|
182
|
+
},
|
|
183
|
+
form: {
|
|
184
|
+
type: String,
|
|
185
|
+
required: !1,
|
|
186
|
+
default: null
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
});
|
|
190
|
+
const X = { class: "utrecht-form-fieldset" }, Y = ["aria-describedby", "aria-invalid", "aria-label", "aria-labelledby", "disabled", "form", "name", "role"];
|
|
191
|
+
function Z(e, t, r, a, o, _) {
|
|
192
|
+
return s(), n("div", X, [
|
|
193
|
+
g("fieldset", {
|
|
194
|
+
"aria-describedby": e.describedby || void 0,
|
|
195
|
+
"aria-invalid": e.invalid || void 0,
|
|
196
|
+
"aria-label": e.label || void 0,
|
|
197
|
+
"aria-labelledby": e.labelledby || void 0,
|
|
198
|
+
class: "utrecht-form-fieldset__fieldset utrecht-form-fieldset__fieldset--html-fieldset",
|
|
199
|
+
disabled: e.disabled,
|
|
200
|
+
form: e.form || void 0,
|
|
201
|
+
name: e.name || void 0,
|
|
202
|
+
role: e.role || void 0
|
|
203
|
+
}, [
|
|
204
|
+
l(e.$slots, "default")
|
|
205
|
+
], 8, Y)
|
|
206
|
+
]);
|
|
207
|
+
}
|
|
208
|
+
const Mt = /* @__PURE__ */ d(Q, [["render", Z]]), ee = c({
|
|
209
|
+
name: "UtrechtFormFieldsetLegend"
|
|
210
|
+
}), te = { class: "utrecht-form-fieldset__legend" };
|
|
211
|
+
function se(e, t, r, a, o, _) {
|
|
212
|
+
return s(), n("legend", te, [
|
|
213
|
+
l(e.$slots, "default")
|
|
214
|
+
]);
|
|
215
|
+
}
|
|
216
|
+
const Dt = /* @__PURE__ */ d(ee, [["render", se]]), ne = c({
|
|
217
|
+
name: "UtrechtFormLabel",
|
|
218
|
+
props: {
|
|
219
|
+
checked: { type: Boolean, required: !1, default: !1 },
|
|
220
|
+
disabled: { type: Boolean, required: !1, default: !1 },
|
|
221
|
+
type: { type: String, required: !1, default: void 0 }
|
|
222
|
+
}
|
|
223
|
+
});
|
|
224
|
+
function re(e, t, r, a, o, _) {
|
|
225
|
+
return s(), n("label", {
|
|
226
|
+
class: u([
|
|
227
|
+
"utrecht-form-label",
|
|
228
|
+
{ "utrecht-form-label--checked": e.checked },
|
|
229
|
+
{ "utrecht-form-label--disabled": e.disabled },
|
|
230
|
+
{ [`utrecht-form-label--${e.type}`]: e.type }
|
|
231
|
+
])
|
|
232
|
+
}, [
|
|
233
|
+
l(e.$slots, "default")
|
|
234
|
+
], 2);
|
|
235
|
+
}
|
|
236
|
+
const zt = /* @__PURE__ */ d(ne, [["render", re]]), ae = c({
|
|
237
|
+
name: "UtrechtHeading",
|
|
238
|
+
props: {
|
|
239
|
+
level: { type: Number, required: !0, default: 6 }
|
|
240
|
+
}
|
|
241
|
+
});
|
|
242
|
+
const oe = {
|
|
243
|
+
key: 0,
|
|
244
|
+
class: "utrecht-heading-1"
|
|
245
|
+
}, ce = {
|
|
246
|
+
key: 1,
|
|
247
|
+
class: "utrecht-heading-2"
|
|
248
|
+
}, de = {
|
|
249
|
+
key: 2,
|
|
250
|
+
class: "utrecht-heading-3"
|
|
251
|
+
}, _e = {
|
|
252
|
+
key: 3,
|
|
253
|
+
class: "utrecht-heading-4"
|
|
254
|
+
}, le = {
|
|
255
|
+
key: 4,
|
|
256
|
+
class: "utrecht-heading-5"
|
|
257
|
+
}, ie = {
|
|
258
|
+
key: 5,
|
|
259
|
+
class: "utrecht-heading-6"
|
|
260
|
+
};
|
|
261
|
+
function ue(e, t, r, a, o, _) {
|
|
262
|
+
return e.level == 1 ? (s(), n("h1", oe, [
|
|
263
|
+
l(e.$slots, "default", {}, void 0, !0)
|
|
264
|
+
])) : e.level == 2 ? (s(), n("h2", ce, [
|
|
265
|
+
l(e.$slots, "default", {}, void 0, !0)
|
|
266
|
+
])) : e.level == 3 ? (s(), n("h3", de, [
|
|
267
|
+
l(e.$slots, "default", {}, void 0, !0)
|
|
268
|
+
])) : e.level == 4 ? (s(), n("h4", _e, [
|
|
269
|
+
l(e.$slots, "default", {}, void 0, !0)
|
|
270
|
+
])) : e.level == 5 ? (s(), n("h5", le, [
|
|
271
|
+
l(e.$slots, "default", {}, void 0, !0)
|
|
272
|
+
])) : (s(), n("h6", ie, [
|
|
273
|
+
l(e.$slots, "default", {}, void 0, !0)
|
|
274
|
+
]));
|
|
275
|
+
}
|
|
276
|
+
const At = /* @__PURE__ */ d(ae, [["render", ue], ["__scopeId", "data-v-7324134c"]]), pe = c({
|
|
277
|
+
name: "UtrechtHeading1"
|
|
278
|
+
});
|
|
279
|
+
const $e = { class: "utrecht-heading-1" };
|
|
280
|
+
function fe(e, t, r, a, o, _) {
|
|
281
|
+
return s(), n("h1", $e, [
|
|
282
|
+
l(e.$slots, "default")
|
|
283
|
+
]);
|
|
284
|
+
}
|
|
285
|
+
const Et = /* @__PURE__ */ d(pe, [["render", fe]]), he = c({
|
|
286
|
+
name: "UtrechtHeading2"
|
|
287
|
+
});
|
|
288
|
+
const me = { class: "utrecht-heading-2" };
|
|
289
|
+
function ye(e, t, r, a, o, _) {
|
|
290
|
+
return s(), n("h2", me, [
|
|
291
|
+
l(e.$slots, "default")
|
|
292
|
+
]);
|
|
293
|
+
}
|
|
294
|
+
const Gt = /* @__PURE__ */ d(he, [["render", ye]]), ve = c({
|
|
295
|
+
name: "UtrechtHeading3"
|
|
296
|
+
});
|
|
297
|
+
const be = { class: "utrecht-heading-3" };
|
|
298
|
+
function ge(e, t, r, a, o, _) {
|
|
299
|
+
return s(), n("h3", be, [
|
|
300
|
+
l(e.$slots, "default")
|
|
301
|
+
]);
|
|
302
|
+
}
|
|
303
|
+
const Ot = /* @__PURE__ */ d(ve, [["render", ge]]), xe = c({
|
|
304
|
+
name: "UtrechtHeading4"
|
|
305
|
+
});
|
|
306
|
+
const Ue = { class: "utrecht-heading-4" };
|
|
307
|
+
function qe(e, t, r, a, o, _) {
|
|
308
|
+
return s(), n("h4", Ue, [
|
|
309
|
+
l(e.$slots, "default")
|
|
310
|
+
]);
|
|
311
|
+
}
|
|
312
|
+
const It = /* @__PURE__ */ d(xe, [["render", qe]]), Be = c({
|
|
313
|
+
name: "UtrechtHeading5"
|
|
314
|
+
});
|
|
315
|
+
const ke = { class: "utrecht-heading-5" };
|
|
316
|
+
function Se(e, t, r, a, o, _) {
|
|
317
|
+
return s(), n("h5", ke, [
|
|
318
|
+
l(e.$slots, "default")
|
|
319
|
+
]);
|
|
320
|
+
}
|
|
321
|
+
const Wt = /* @__PURE__ */ d(Be, [["render", Se]]), Te = c({
|
|
322
|
+
name: "UtrechtHeading6"
|
|
323
|
+
});
|
|
324
|
+
const He = { class: "utrecht-heading-6" };
|
|
325
|
+
function Fe(e, t, r, a, o, _) {
|
|
326
|
+
return s(), n("h6", He, [
|
|
327
|
+
l(e.$slots, "default")
|
|
328
|
+
]);
|
|
329
|
+
}
|
|
330
|
+
const Jt = /* @__PURE__ */ d(Te, [["render", Fe]]), Ce = c({
|
|
331
|
+
name: "UtrechtLink",
|
|
332
|
+
props: {
|
|
333
|
+
external: { type: Boolean, required: !1, default: !1 }
|
|
334
|
+
}
|
|
335
|
+
});
|
|
336
|
+
function Ve(e, t, r, a, o, _) {
|
|
337
|
+
return s(), n("a", {
|
|
338
|
+
class: u([
|
|
339
|
+
"utrecht-link",
|
|
340
|
+
{ "utrecht-link--external": e.external }
|
|
341
|
+
])
|
|
342
|
+
}, [
|
|
343
|
+
l(e.$slots, "default")
|
|
344
|
+
], 2);
|
|
345
|
+
}
|
|
346
|
+
const Kt = /* @__PURE__ */ d(Ce, [["render", Ve]]), Pe = c({
|
|
347
|
+
name: "UtrechtPage"
|
|
348
|
+
});
|
|
349
|
+
const Ne = { class: "utrecht-page" };
|
|
350
|
+
function Le(e, t, r, a, o, _) {
|
|
351
|
+
return s(), n("div", Ne, [
|
|
352
|
+
l(e.$slots, "default")
|
|
353
|
+
]);
|
|
354
|
+
}
|
|
355
|
+
const Qt = /* @__PURE__ */ d(Pe, [["render", Le]]), Re = c({
|
|
356
|
+
name: "UtrechtPageContent"
|
|
357
|
+
});
|
|
358
|
+
const we = { class: "utrecht-page-content" };
|
|
359
|
+
function je(e, t, r, a, o, _) {
|
|
360
|
+
return s(), n("div", we, [
|
|
361
|
+
l(e.$slots, "default")
|
|
362
|
+
]);
|
|
363
|
+
}
|
|
364
|
+
const Xt = /* @__PURE__ */ d(Re, [["render", je]]), Me = c({
|
|
365
|
+
name: "UtrechtPageFooter"
|
|
366
|
+
});
|
|
367
|
+
const De = { class: "utrecht-page-footer" };
|
|
368
|
+
function ze(e, t, r, a, o, _) {
|
|
369
|
+
return s(), n("footer", De, [
|
|
370
|
+
l(e.$slots, "default")
|
|
371
|
+
]);
|
|
372
|
+
}
|
|
373
|
+
const Yt = /* @__PURE__ */ d(Me, [["render", ze]]), Ae = c({
|
|
374
|
+
name: "UtrechtPageHeader"
|
|
375
|
+
});
|
|
376
|
+
const Ee = { class: "utrecht-page-header" };
|
|
377
|
+
function Ge(e, t, r, a, o, _) {
|
|
378
|
+
return s(), n("header", Ee, [
|
|
379
|
+
l(e.$slots, "default")
|
|
380
|
+
]);
|
|
381
|
+
}
|
|
382
|
+
const Zt = /* @__PURE__ */ d(Ae, [["render", Ge]]), Oe = c({
|
|
383
|
+
name: "UtrechtParagraph",
|
|
384
|
+
props: {
|
|
385
|
+
lead: { type: Boolean, required: !1, default: !1 }
|
|
386
|
+
}
|
|
387
|
+
});
|
|
388
|
+
function Ie(e, t, r, a, o, _) {
|
|
389
|
+
return s(), n("p", {
|
|
390
|
+
class: u([
|
|
391
|
+
"utrecht-paragraph",
|
|
392
|
+
{ "utrecht-paragraph--lead": e.lead }
|
|
393
|
+
])
|
|
394
|
+
}, [
|
|
395
|
+
l(e.$slots, "default")
|
|
396
|
+
], 2);
|
|
397
|
+
}
|
|
398
|
+
const es = /* @__PURE__ */ d(Oe, [["render", Ie]]), We = c({
|
|
399
|
+
name: "UtrechtRadioButton",
|
|
400
|
+
props: {
|
|
401
|
+
invalid: { type: Boolean, required: !1 },
|
|
402
|
+
modelValue: { type: [String, Number, Boolean], required: !1, default: "" }
|
|
403
|
+
},
|
|
404
|
+
setup(e, { emit: t }) {
|
|
405
|
+
return {
|
|
406
|
+
value: $(e, t)
|
|
407
|
+
};
|
|
408
|
+
}
|
|
409
|
+
});
|
|
410
|
+
const Je = ["aria-invalid"];
|
|
411
|
+
function Ke(e, t, r, a, o, _) {
|
|
412
|
+
return p((s(), n("input", {
|
|
413
|
+
"onUpdate:modelValue": t[0] || (t[0] = (i) => e.value = i),
|
|
414
|
+
type: "radio",
|
|
415
|
+
"aria-invalid": e.invalid || void 0,
|
|
416
|
+
class: u([
|
|
417
|
+
"utrecht-radio-button",
|
|
418
|
+
{ "utrecht-radio-button--invalid": e.invalid }
|
|
419
|
+
])
|
|
420
|
+
}, null, 10, Je)), [
|
|
421
|
+
[h, e.value]
|
|
422
|
+
]);
|
|
423
|
+
}
|
|
424
|
+
const ts = /* @__PURE__ */ d(We, [["render", Ke]]), Qe = c({
|
|
425
|
+
name: "UtrechtSelect",
|
|
426
|
+
props: {
|
|
427
|
+
invalid: { type: Boolean, required: !1 },
|
|
428
|
+
readonly: { type: Boolean, required: !1 },
|
|
429
|
+
options: { type: [Array, Object], required: !0 },
|
|
430
|
+
modelValue: { type: [String, Number, Boolean], required: !1, default: "" }
|
|
431
|
+
},
|
|
432
|
+
setup(e, { emit: t }) {
|
|
433
|
+
return {
|
|
434
|
+
selected: $(e, t)
|
|
435
|
+
};
|
|
436
|
+
}
|
|
437
|
+
});
|
|
438
|
+
const Xe = ["aria-invalid", "readonly"], Ye = ["value", "disabled"];
|
|
439
|
+
function Ze(e, t, r, a, o, _) {
|
|
440
|
+
return p((s(), n("select", {
|
|
441
|
+
"onUpdate:modelValue": t[0] || (t[0] = (i) => e.selected = i),
|
|
442
|
+
"aria-invalid": e.invalid || void 0,
|
|
443
|
+
class: u([
|
|
444
|
+
{ "utrecht-select--invalid": e.invalid },
|
|
445
|
+
{ "utrecht-select--readonly": e.readonly },
|
|
446
|
+
"utrecht-select--html-select",
|
|
447
|
+
"utrecht-select"
|
|
448
|
+
]),
|
|
449
|
+
readonly: e.readonly
|
|
450
|
+
}, [
|
|
451
|
+
e.options && e.options.length > 0 ? (s(!0), n(x, { key: 0 }, U(e.options, ({ value: i, label: y, disabled: f }) => (s(), n("option", {
|
|
452
|
+
key: i,
|
|
453
|
+
value: i,
|
|
454
|
+
class: u([
|
|
455
|
+
{ "utrecht-select__option--disabled": f },
|
|
456
|
+
"utrecht-select__option"
|
|
457
|
+
]),
|
|
458
|
+
disabled: f
|
|
459
|
+
}, q(y), 11, Ye))), 128)) : B("", !0)
|
|
460
|
+
], 10, Xe)), [
|
|
461
|
+
[k, e.selected]
|
|
462
|
+
]);
|
|
463
|
+
}
|
|
464
|
+
const ss = /* @__PURE__ */ d(Qe, [["render", Ze]]), et = c({
|
|
465
|
+
name: "UtrechtTable"
|
|
466
|
+
});
|
|
467
|
+
const tt = { class: "utrecht-table" };
|
|
468
|
+
function st(e, t, r, a, o, _) {
|
|
469
|
+
return s(), n("table", tt, [
|
|
470
|
+
l(e.$slots, "default")
|
|
471
|
+
]);
|
|
472
|
+
}
|
|
473
|
+
const ns = /* @__PURE__ */ d(et, [["render", st]]), nt = c({
|
|
474
|
+
name: "UtrechtTableBody"
|
|
475
|
+
}), rt = { class: "utrecht-table__body" };
|
|
476
|
+
function at(e, t, r, a, o, _) {
|
|
477
|
+
return s(), n("tbody", rt, [
|
|
478
|
+
l(e.$slots, "default")
|
|
479
|
+
]);
|
|
480
|
+
}
|
|
481
|
+
const rs = /* @__PURE__ */ d(nt, [["render", at]]), ot = c({
|
|
482
|
+
name: "UtrechtTableCaption"
|
|
483
|
+
}), ct = { class: "utrecht-table__caption" };
|
|
484
|
+
function dt(e, t, r, a, o, _) {
|
|
485
|
+
return s(), n("caption", ct, [
|
|
486
|
+
l(e.$slots, "default")
|
|
487
|
+
]);
|
|
488
|
+
}
|
|
489
|
+
const as = /* @__PURE__ */ d(ot, [["render", dt]]), _t = c({
|
|
490
|
+
name: "UtrechtTableCell"
|
|
491
|
+
}), lt = { class: "utrecht-table__cell" };
|
|
492
|
+
function it(e, t, r, a, o, _) {
|
|
493
|
+
return s(), n("td", lt, [
|
|
494
|
+
l(e.$slots, "default")
|
|
495
|
+
]);
|
|
496
|
+
}
|
|
497
|
+
const os = /* @__PURE__ */ d(_t, [["render", it]]), ut = c({
|
|
498
|
+
name: "UtrechtTableFooter"
|
|
499
|
+
}), pt = { class: "utrecht-table__footer" };
|
|
500
|
+
function $t(e, t, r, a, o, _) {
|
|
501
|
+
return s(), n("tfoot", pt, [
|
|
502
|
+
l(e.$slots, "default")
|
|
503
|
+
]);
|
|
504
|
+
}
|
|
505
|
+
const cs = /* @__PURE__ */ d(ut, [["render", $t]]), ft = c({
|
|
506
|
+
name: "UtrechtTableHeader"
|
|
507
|
+
}), ht = { class: "utrecht-table__header" };
|
|
508
|
+
function mt(e, t, r, a, o, _) {
|
|
509
|
+
return s(), n("thead", ht, [
|
|
510
|
+
l(e.$slots, "default")
|
|
511
|
+
]);
|
|
512
|
+
}
|
|
513
|
+
const ds = /* @__PURE__ */ d(ft, [["render", mt]]), yt = c({
|
|
514
|
+
name: "UtrechtTableHeaderCell"
|
|
515
|
+
}), vt = { class: "utrecht-table__header-cell" };
|
|
516
|
+
function bt(e, t, r, a, o, _) {
|
|
517
|
+
return s(), n("th", vt, [
|
|
518
|
+
l(e.$slots, "default")
|
|
519
|
+
]);
|
|
520
|
+
}
|
|
521
|
+
const _s = /* @__PURE__ */ d(yt, [["render", bt]]), gt = c({
|
|
522
|
+
name: "UtrechtTableRow"
|
|
523
|
+
}), xt = { class: "utrecht-table__row" };
|
|
524
|
+
function Ut(e, t, r, a, o, _) {
|
|
525
|
+
return s(), n("tr", xt, [
|
|
526
|
+
l(e.$slots, "default")
|
|
527
|
+
]);
|
|
528
|
+
}
|
|
529
|
+
const ls = /* @__PURE__ */ d(gt, [["render", Ut]]), qt = c({
|
|
530
|
+
name: "UtrechtTextarea",
|
|
531
|
+
props: {
|
|
532
|
+
invalid: { type: Boolean, required: !1 },
|
|
533
|
+
modelValue: { type: [String, Number, Boolean], require: !1, default: "" }
|
|
534
|
+
},
|
|
535
|
+
setup(e, { emit: t }) {
|
|
536
|
+
return {
|
|
537
|
+
value: $(e, t)
|
|
538
|
+
};
|
|
539
|
+
}
|
|
540
|
+
});
|
|
541
|
+
const Bt = ["aria-invalid"];
|
|
542
|
+
function kt(e, t, r, a, o, _) {
|
|
543
|
+
return p((s(), n("textarea", {
|
|
544
|
+
"onUpdate:modelValue": t[0] || (t[0] = (i) => e.value = i),
|
|
545
|
+
"aria-invalid": e.invalid || void 0,
|
|
546
|
+
class: u([
|
|
547
|
+
{ "utrecht-textarea--invalid": e.invalid },
|
|
548
|
+
"utrecht-textarea",
|
|
549
|
+
"utrecht-textarea--html-textarea"
|
|
550
|
+
])
|
|
551
|
+
}, null, 10, Bt)), [
|
|
552
|
+
[m, e.value]
|
|
553
|
+
]);
|
|
554
|
+
}
|
|
555
|
+
const is = /* @__PURE__ */ d(qt, [["render", kt]]), St = c({
|
|
556
|
+
name: "UtrechtTextbox",
|
|
557
|
+
props: {
|
|
558
|
+
invalid: { type: Boolean, required: !1 },
|
|
559
|
+
modelValue: { type: [String, Number, Boolean], require: !1, default: "" }
|
|
560
|
+
},
|
|
561
|
+
setup(e, { emit: t }) {
|
|
562
|
+
return {
|
|
563
|
+
value: $(e, t)
|
|
564
|
+
};
|
|
565
|
+
}
|
|
566
|
+
});
|
|
567
|
+
const Tt = ["aria-invalid"];
|
|
568
|
+
function Ht(e, t, r, a, o, _) {
|
|
569
|
+
return p((s(), n("input", {
|
|
570
|
+
"onUpdate:modelValue": t[0] || (t[0] = (i) => e.value = i),
|
|
571
|
+
"aria-invalid": e.invalid || void 0,
|
|
572
|
+
class: u([
|
|
573
|
+
{ "utrecht-textbox--invalid": e.invalid },
|
|
574
|
+
"utrecht-textbox",
|
|
575
|
+
"utrecht-textbox--html-input"
|
|
576
|
+
])
|
|
577
|
+
}, null, 10, Tt)), [
|
|
578
|
+
[m, e.value]
|
|
579
|
+
]);
|
|
580
|
+
}
|
|
581
|
+
const us = /* @__PURE__ */ d(St, [["render", Ht]]);
|
|
582
|
+
export {
|
|
583
|
+
Ct as Article,
|
|
584
|
+
Vt as BadgeStatus,
|
|
585
|
+
Pt as Button,
|
|
586
|
+
Nt as ButtonGroup,
|
|
587
|
+
Lt as Checkbox,
|
|
588
|
+
Rt as CustomRadioButton,
|
|
589
|
+
wt as Document,
|
|
590
|
+
jt as FormField,
|
|
591
|
+
Mt as FormFieldset,
|
|
592
|
+
Dt as FormFieldsetLegend,
|
|
593
|
+
zt as FormLabel,
|
|
594
|
+
At as Heading,
|
|
595
|
+
Et as Heading1,
|
|
596
|
+
Gt as Heading2,
|
|
597
|
+
Ot as Heading3,
|
|
598
|
+
It as Heading4,
|
|
599
|
+
Wt as Heading5,
|
|
600
|
+
Jt as Heading6,
|
|
601
|
+
Kt as Link,
|
|
602
|
+
Qt as Page,
|
|
603
|
+
Xt as PageContent,
|
|
604
|
+
Yt as PageFooter,
|
|
605
|
+
Zt as PageHeader,
|
|
606
|
+
es as Paragraph,
|
|
607
|
+
ts as RadioButton,
|
|
608
|
+
ss as Select,
|
|
609
|
+
ns as Table,
|
|
610
|
+
rs as TableBody,
|
|
611
|
+
as as TableCaption,
|
|
612
|
+
os as TableCell,
|
|
613
|
+
cs as TableFooter,
|
|
614
|
+
ds as TableHeader,
|
|
615
|
+
_s as TableHeaderCell,
|
|
616
|
+
ls as TableRow,
|
|
617
|
+
is as Textarea,
|
|
618
|
+
us as Textbox
|
|
619
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(a,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis!="undefined"?globalThis:a||self,e(a["component-library-vue"]={},a.Vue))})(this,function(a,e){"use strict";var Yt="",l=(t,n)=>{const r=t.__vccOpts||t;for(const[o,s]of n)r[o]=s;return r};const p=e.defineComponent({name:"UtrechtArticle"}),f={class:"utrecht-article"};function u(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("article",f,[e.renderSlot(t.$slots,"default")])}var $=l(p,[["render",u]]),Zt="";const m=e.defineComponent({name:"UtrechtBadgeStatus",props:{status:{type:String,required:!1,default:void 0}}});function h(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([{[`utrecht-badge-status--${t.status}`]:!0},"utrecht-badge-status"])},[e.renderSlot(t.$slots,"default")],2)}var y=l(m,[["render",h]]),en="";const b=e.defineComponent({name:"UtrechtButton",props:{appearance:{type:String,required:!1,default:void 0},type:{type:String,required:!1,default:"button"},busy:{type:Boolean,required:!1,default:!1}}}),g=["aria-busy","type"];function B(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("button",{"aria-busy":t.busy||void 0,class:e.normalizeClass(["utrecht-button",{"utrecht-button--busy":t.busy},{"utrecht-button--primary-action":t.appearance==="primary-action-button"},{"utrecht-button--secondary-action":t.appearance==="secondary-action-button"},{"utrecht-button--submit":t.type==="submit"},{"utrecht-button--subtle":t.appearance==="subtle-button"}]),type:t.type},[e.renderSlot(t.$slots,"default")],10,g)}var k=l(b,[["render",B]]),tn="";const C=e.defineComponent({name:"UtrechtButtonGroup"}),S={class:"utrecht-button-group"};function v(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(t.$slots,"default")])}var E=l(C,[["render",v]]);function i(t,n,r="modelValue"){return e.computed({get:()=>t.modelValue,set:o=>n(`update:${r}`,o)})}var nn="";const U=e.defineComponent({name:"UtrechtCheckbox",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),q=["aria-invalid"];function T(t,n,r,o,s,d){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=c=>t.value=c),type:"checkbox","aria-invalid":t.invalid||void 0,class:e.normalizeClass(["utrecht-checkbox","utrecht-checkbox--html-input",{"utrecht-checkbox--invalid":t.invalid}])},null,10,q)),[[e.vModelCheckbox,t.value]])}var x=l(U,[["render",T]]),an="";const H=e.defineComponent({name:"UtrechtCustomRadioButton",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),F=["aria-invalid"];function V(t,n,r,o,s,d){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=c=>t.value=c),type:"radio","aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-custom-radio-button--invalid":t.invalid},"utrecht-custom-radio-button","utrecht-custom-radio-button--html-input"])},null,10,F)),[[e.vModelRadio,t.value]])}var P=l(H,[["render",V]]),rn="";const z=e.defineComponent({name:"UtrechtDocument"}),w={class:"utrecht-document"};function R(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("div",w,[e.renderSlot(t.$slots,"default")])}var D=l(z,[["render",R]]),on="";const L=e.defineComponent({name:"UtrechtFormField"}),M={class:"utrecht-form-field"};function N(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("div",M,[e.renderSlot(t.$slots,"default")])}var j=l(L,[["render",N]]),sn="";const A=e.defineComponent({name:"UtrechtFormFieldset",props:{describedby:{type:String,required:!1,default:void 0},disabled:{type:Boolean,required:!1,default:!1},invalid:{type:Boolean,required:!1,default:!1},label:{type:String,required:!1,default:void 0},labelledby:{type:String,required:!1,default:void 0},role:{type:String,required:!1,default:null},name:{type:String,required:!1,default:""},form:{type:String,required:!1,default:null}}}),G={class:"utrecht-form-fieldset"},O=["aria-describedby","aria-invalid","aria-label","aria-labelledby","disabled","form","name","role"];function I(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("fieldset",{"aria-describedby":t.describedby||void 0,"aria-invalid":t.invalid||void 0,"aria-label":t.label||void 0,"aria-labelledby":t.labelledby||void 0,class:"utrecht-form-fieldset__fieldset utrecht-form-fieldset__fieldset--html-fieldset",disabled:t.disabled,form:t.form||void 0,name:t.name||void 0,role:t.role||void 0},[e.renderSlot(t.$slots,"default")],8,O)])}var W=l(A,[["render",I]]),ln="";const J=e.defineComponent({name:"UtrechtFormFieldsetLegend"}),K={class:"utrecht-form-fieldset__legend"};function Q(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("legend",K,[e.renderSlot(t.$slots,"default")])}var X=l(J,[["render",Q]]),dn="";const Y=e.defineComponent({name:"UtrechtFormLabel",props:{checked:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!1,default:!1},type:{type:String,required:!1,default:void 0}}});function Z(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["utrecht-form-label",{"utrecht-form-label--checked":t.checked},{"utrecht-form-label--disabled":t.disabled},{[`utrecht-form-label--${t.type}`]:t.type}])},[e.renderSlot(t.$slots,"default")],2)}var ee=l(Y,[["render",Z]]),cn="",_n="",pn="",fn="",un="",$n="";const te=e.defineComponent({name:"UtrechtHeading",props:{level:{type:Number,required:!0,default:6}}}),ne={key:0,class:"utrecht-heading-1"},ae={key:1,class:"utrecht-heading-2"},re={key:2,class:"utrecht-heading-3"},oe={key:3,class:"utrecht-heading-4"},se={key:4,class:"utrecht-heading-5"},le={key:5,class:"utrecht-heading-6"};function de(t,n,r,o,s,d){return t.level==1?(e.openBlock(),e.createElementBlock("h1",ne,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==2?(e.openBlock(),e.createElementBlock("h2",ae,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==3?(e.openBlock(),e.createElementBlock("h3",re,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==4?(e.openBlock(),e.createElementBlock("h4",oe,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==5?(e.openBlock(),e.createElementBlock("h5",se,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):(e.openBlock(),e.createElementBlock("h6",le,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}var ce=l(te,[["render",de],["__scopeId","data-v-ba682b9a"]]),mn="";const ie=e.defineComponent({name:"UtrechtHeading1"}),_e={class:"utrecht-heading-1"};function pe(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("h1",_e,[e.renderSlot(t.$slots,"default")])}var fe=l(ie,[["render",pe]]),hn="";const ue=e.defineComponent({name:"UtrechtHeading2"}),$e={class:"utrecht-heading-2"};function me(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("h2",$e,[e.renderSlot(t.$slots,"default")])}var he=l(ue,[["render",me]]),yn="";const ye=e.defineComponent({name:"UtrechtHeading3"}),be={class:"utrecht-heading-3"};function ge(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("h3",be,[e.renderSlot(t.$slots,"default")])}var Be=l(ye,[["render",ge]]),bn="";const ke=e.defineComponent({name:"UtrechtHeading4"}),Ce={class:"utrecht-heading-4"};function Se(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("h4",Ce,[e.renderSlot(t.$slots,"default")])}var ve=l(ke,[["render",Se]]),gn="";const Ee=e.defineComponent({name:"UtrechtHeading5"}),Ue={class:"utrecht-heading-5"};function qe(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("h5",Ue,[e.renderSlot(t.$slots,"default")])}var Te=l(Ee,[["render",qe]]),Bn="";const xe=e.defineComponent({name:"UtrechtHeading6"}),He={class:"utrecht-heading-6"};function Fe(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("h6",He,[e.renderSlot(t.$slots,"default")])}var Ve=l(xe,[["render",Fe]]),kn="";const Pe=e.defineComponent({name:"UtrechtLink",props:{external:{type:Boolean,required:!1,default:!1}}});function ze(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass(["utrecht-link",{"utrecht-link--external":t.external}])},[e.renderSlot(t.$slots,"default")],2)}var we=l(Pe,[["render",ze]]),Cn="";const Re=e.defineComponent({name:"UtrechtPage"}),De={class:"utrecht-page"};function Le(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("div",De,[e.renderSlot(t.$slots,"default")])}var Me=l(Re,[["render",Le]]),Sn="";const Ne=e.defineComponent({name:"UtrechtPageContent"}),je={class:"utrecht-page-content"};function Ae(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("div",je,[e.renderSlot(t.$slots,"default")])}var Ge=l(Ne,[["render",Ae]]),vn="";const Oe=e.defineComponent({name:"UtrechtPageFooter"}),Ie={class:"utrecht-page-footer"};function We(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("footer",Ie,[e.renderSlot(t.$slots,"default")])}var Je=l(Oe,[["render",We]]),En="";const Ke=e.defineComponent({name:"UtrechtPageHeader"}),Qe={class:"utrecht-page-header"};function Xe(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("header",Qe,[e.renderSlot(t.$slots,"default")])}var Ye=l(Ke,[["render",Xe]]),Un="";const Ze=e.defineComponent({name:"UtrechtParagraph",props:{lead:{type:Boolean,required:!1,default:!1}}});function et(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("p",{class:e.normalizeClass(["utrecht-paragraph",{"utrecht-paragraph--lead":t.lead}])},[e.renderSlot(t.$slots,"default")],2)}var tt=l(Ze,[["render",et]]),qn="";const nt=e.defineComponent({name:"UtrechtRadioButton",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),at=["aria-invalid"];function rt(t,n,r,o,s,d){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=c=>t.value=c),type:"radio","aria-invalid":t.invalid||void 0,class:e.normalizeClass(["utrecht-radio-button",{"utrecht-radio-button--invalid":t.invalid}])},null,10,at)),[[e.vModelRadio,t.value]])}var ot=l(nt,[["render",rt]]),Tn="";const st=e.defineComponent({name:"UtrechtSelect",props:{invalid:{type:Boolean,required:!1},readonly:{type:Boolean,required:!1},options:{type:[Array,Object],required:!0},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{selected:i(t,n)}}}),lt=["aria-invalid","readonly"],dt=["value","disabled"];function ct(t,n,r,o,s,d){return e.withDirectives((e.openBlock(),e.createElementBlock("select",{"onUpdate:modelValue":n[0]||(n[0]=c=>t.selected=c),"aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-select--invalid":t.invalid},{"utrecht-select--readonly":t.readonly},"utrecht-select--html-select","utrecht-select"]),readonly:t.readonly},[t.options&&t.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,({value:c,label:Xt,disabled:_})=>(e.openBlock(),e.createElementBlock("option",{key:c,value:c,class:e.normalizeClass([{"utrecht-select__option--disabled":_},"utrecht-select__option"]),disabled:_},e.toDisplayString(Xt),11,dt))),128)):e.createCommentVNode("",!0)],10,lt)),[[e.vModelSelect,t.selected]])}var it=l(st,[["render",ct]]),xn="";const _t=e.defineComponent({name:"UtrechtTable"}),pt={class:"utrecht-table"};function ft(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("table",pt,[e.renderSlot(t.$slots,"default")])}var ut=l(_t,[["render",ft]]),Hn="";const $t=e.defineComponent({name:"UtrechtTableBody"}),mt={class:"utrecht-table__body"};function ht(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("tbody",mt,[e.renderSlot(t.$slots,"default")])}var yt=l($t,[["render",ht]]),Fn="";const bt=e.defineComponent({name:"UtrechtTableCaption"}),gt={class:"utrecht-table__caption"};function Bt(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("caption",gt,[e.renderSlot(t.$slots,"default")])}var kt=l(bt,[["render",Bt]]),Vn="";const Ct=e.defineComponent({name:"UtrechtTableCell"}),St={class:"utrecht-table__cell"};function vt(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("td",St,[e.renderSlot(t.$slots,"default")])}var Et=l(Ct,[["render",vt]]),Pn="";const Ut=e.defineComponent({name:"UtrechtTableFooter"}),qt={class:"utrecht-table__footer"};function Tt(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("tfoot",qt,[e.renderSlot(t.$slots,"default")])}var xt=l(Ut,[["render",Tt]]),zn="";const Ht=e.defineComponent({name:"UtrechtTableHeader"}),Ft={class:"utrecht-table__header"};function Vt(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("thead",Ft,[e.renderSlot(t.$slots,"default")])}var Pt=l(Ht,[["render",Vt]]),wn="";const zt=e.defineComponent({name:"UtrechtTableHeaderCell"}),wt={class:"utrecht-table__header-cell"};function Rt(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("th",wt,[e.renderSlot(t.$slots,"default")])}var Dt=l(zt,[["render",Rt]]),Rn="";const Lt=e.defineComponent({name:"UtrechtTableRow"}),Mt={class:"utrecht-table__row"};function Nt(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("tr",Mt,[e.renderSlot(t.$slots,"default")])}var jt=l(Lt,[["render",Nt]]),Dn="";const At=e.defineComponent({name:"UtrechtTextarea",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],require:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),Gt=["aria-invalid"];function Ot(t,n,r,o,s,d){return e.withDirectives((e.openBlock(),e.createElementBlock("textarea",{"onUpdate:modelValue":n[0]||(n[0]=c=>t.value=c),"aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-textarea--invalid":t.invalid},"utrecht-textarea","utrecht-textarea--html-textarea"])},null,10,Gt)),[[e.vModelText,t.value]])}var It=l(At,[["render",Ot]]),Ln="";const Wt=e.defineComponent({name:"UtrechtTextbox",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],require:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),Jt=["aria-invalid"];function Kt(t,n,r,o,s,d){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=c=>t.value=c),"aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-textbox--invalid":t.invalid},"utrecht-textbox","utrecht-textbox--html-input"])},null,10,Jt)),[[e.vModelText,t.value]])}var Qt=l(Wt,[["render",Kt]]);a.Article=$,a.BadgeStatus=y,a.Button=k,a.ButtonGroup=E,a.Checkbox=x,a.CustomRadioButton=P,a.Document=D,a.FormField=j,a.FormFieldset=W,a.FormFieldsetLegend=X,a.FormLabel=ee,a.Heading=ce,a.Heading1=fe,a.Heading2=he,a.Heading3=Be,a.Heading4=ve,a.Heading5=Te,a.Heading6=Ve,a.Link=we,a.Page=Me,a.PageContent=Ge,a.PageFooter=Je,a.PageHeader=Ye,a.Paragraph=tt,a.RadioButton=ot,a.Select=it,a.Table=ut,a.TableBody=yt,a.TableCaption=kt,a.TableCell=Et,a.TableFooter=xt,a.TableHeader=Pt,a.TableHeaderCell=Dt,a.TableRow=jt,a.Textarea=It,a.Textbox=Qt,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o["component-library-vue"]={},o.Vue))})(this,function(o,e){"use strict";const p=e.defineComponent({name:"UtrechtArticle"}),Zt="",l=(t,n)=>{const s=t.__vccOpts||t;for(const[r,a]of n)s[r]=a;return s},$={class:"utrecht-article"};function u(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("article",$,[e.renderSlot(t.$slots,"default")])}const f=l(p,[["render",u]]),m=e.defineComponent({name:"UtrechtBadgeStatus",props:{status:{type:String,required:!1,default:void 0}}}),vt="";function h(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([{[`utrecht-badge-status--${t.status}`]:!0},"utrecht-badge-status"])},[e.renderSlot(t.$slots,"default")],2)}const y=l(m,[["render",h]]),b=e.defineComponent({name:"UtrechtButton",props:{appearance:{type:String,required:!1,default:void 0},type:{type:String,required:!1,default:"button"},busy:{type:Boolean,required:!1,default:!1}}}),en="",g=["aria-busy","type"];function B(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("button",{"aria-busy":t.busy||void 0,class:e.normalizeClass(["utrecht-button",{"utrecht-button--busy":t.busy},{"utrecht-button--primary-action":t.appearance==="primary-action-button"},{"utrecht-button--secondary-action":t.appearance==="secondary-action-button"},{"utrecht-button--submit":t.type==="submit"},{"utrecht-button--subtle":t.appearance==="subtle-button"}]),type:t.type},[e.renderSlot(t.$slots,"default")],10,g)}const k=l(b,[["render",B]]),C=e.defineComponent({name:"UtrechtButtonGroup"}),tn="",S={class:"utrecht-button-group"};function E(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(t.$slots,"default")])}const U=l(C,[["render",E]]);function i(t,n,s="modelValue"){return e.computed({get:()=>t.modelValue,set:r=>n(`update:${s}`,r)})}const q=e.defineComponent({name:"UtrechtCheckbox",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),nn="",T=["aria-invalid"];function H(t,n,s,r,a,c){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.value=d),type:"checkbox","aria-invalid":t.invalid||void 0,class:e.normalizeClass(["utrecht-checkbox","utrecht-checkbox--html-input",{"utrecht-checkbox--invalid":t.invalid}])},null,10,T)),[[e.vModelCheckbox,t.value]])}const F=l(q,[["render",H]]),V=e.defineComponent({name:"UtrechtCustomRadioButton",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),on="",P=["aria-invalid"];function x(t,n,s,r,a,c){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.value=d),type:"radio","aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-custom-radio-button--invalid":t.invalid},"utrecht-custom-radio-button","utrecht-custom-radio-button--html-input"])},null,10,P)),[[e.vModelRadio,t.value]])}const z=l(V,[["render",x]]),w=e.defineComponent({name:"UtrechtDocument"}),sn="",R={class:"utrecht-document"};function D(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("div",R,[e.renderSlot(t.$slots,"default")])}const L=l(w,[["render",D]]),N=e.defineComponent({name:"UtrechtFormField"}),rn="",M={class:"utrecht-form-field"};function j(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("div",M,[e.renderSlot(t.$slots,"default")])}const A=l(N,[["render",j]]),G=e.defineComponent({name:"UtrechtFormFieldset",props:{describedby:{type:String,required:!1,default:void 0},disabled:{type:Boolean,required:!1,default:!1},invalid:{type:Boolean,required:!1,default:!1},label:{type:String,required:!1,default:void 0},labelledby:{type:String,required:!1,default:void 0},role:{type:String,required:!1,default:null},name:{type:String,required:!1,default:""},form:{type:String,required:!1,default:null}}}),an="",O={class:"utrecht-form-fieldset"},I=["aria-describedby","aria-invalid","aria-label","aria-labelledby","disabled","form","name","role"];function W(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("fieldset",{"aria-describedby":t.describedby||void 0,"aria-invalid":t.invalid||void 0,"aria-label":t.label||void 0,"aria-labelledby":t.labelledby||void 0,class:"utrecht-form-fieldset__fieldset utrecht-form-fieldset__fieldset--html-fieldset",disabled:t.disabled,form:t.form||void 0,name:t.name||void 0,role:t.role||void 0},[e.renderSlot(t.$slots,"default")],8,I)])}const J=l(G,[["render",W]]),K=e.defineComponent({name:"UtrechtFormFieldsetLegend"}),Q={class:"utrecht-form-fieldset__legend"};function X(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("legend",Q,[e.renderSlot(t.$slots,"default")])}const Y=l(K,[["render",X]]),Z=e.defineComponent({name:"UtrechtFormLabel",props:{checked:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!1,default:!1},type:{type:String,required:!1,default:void 0}}}),ln="";function v(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["utrecht-form-label",{"utrecht-form-label--checked":t.checked},{"utrecht-form-label--disabled":t.disabled},{[`utrecht-form-label--${t.type}`]:t.type}])},[e.renderSlot(t.$slots,"default")],2)}const ee=l(Z,[["render",v]]),te=e.defineComponent({name:"UtrechtHeading",props:{level:{type:Number,required:!0,default:6}}}),cn="",dn="",_n="",pn="",$n="",un="",ne={key:0,class:"utrecht-heading-1"},oe={key:1,class:"utrecht-heading-2"},se={key:2,class:"utrecht-heading-3"},re={key:3,class:"utrecht-heading-4"},ae={key:4,class:"utrecht-heading-5"},le={key:5,class:"utrecht-heading-6"};function ce(t,n,s,r,a,c){return t.level==1?(e.openBlock(),e.createElementBlock("h1",ne,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==2?(e.openBlock(),e.createElementBlock("h2",oe,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==3?(e.openBlock(),e.createElementBlock("h3",se,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==4?(e.openBlock(),e.createElementBlock("h4",re,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==5?(e.openBlock(),e.createElementBlock("h5",ae,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):(e.openBlock(),e.createElementBlock("h6",le,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}const de=l(te,[["render",ce],["__scopeId","data-v-7324134c"]]),ie=e.defineComponent({name:"UtrechtHeading1"}),fn="",_e={class:"utrecht-heading-1"};function pe(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("h1",_e,[e.renderSlot(t.$slots,"default")])}const $e=l(ie,[["render",pe]]),ue=e.defineComponent({name:"UtrechtHeading2"}),mn="",fe={class:"utrecht-heading-2"};function me(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("h2",fe,[e.renderSlot(t.$slots,"default")])}const he=l(ue,[["render",me]]),ye=e.defineComponent({name:"UtrechtHeading3"}),hn="",be={class:"utrecht-heading-3"};function ge(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("h3",be,[e.renderSlot(t.$slots,"default")])}const Be=l(ye,[["render",ge]]),ke=e.defineComponent({name:"UtrechtHeading4"}),yn="",Ce={class:"utrecht-heading-4"};function Se(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("h4",Ce,[e.renderSlot(t.$slots,"default")])}const Ee=l(ke,[["render",Se]]),Ue=e.defineComponent({name:"UtrechtHeading5"}),bn="",qe={class:"utrecht-heading-5"};function Te(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("h5",qe,[e.renderSlot(t.$slots,"default")])}const He=l(Ue,[["render",Te]]),Fe=e.defineComponent({name:"UtrechtHeading6"}),gn="",Ve={class:"utrecht-heading-6"};function Pe(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("h6",Ve,[e.renderSlot(t.$slots,"default")])}const xe=l(Fe,[["render",Pe]]),ze=e.defineComponent({name:"UtrechtLink",props:{external:{type:Boolean,required:!1,default:!1}}}),Bn="";function we(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass(["utrecht-link",{"utrecht-link--external":t.external}])},[e.renderSlot(t.$slots,"default")],2)}const Re=l(ze,[["render",we]]),De=e.defineComponent({name:"UtrechtPage"}),kn="",Le={class:"utrecht-page"};function Ne(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("div",Le,[e.renderSlot(t.$slots,"default")])}const Me=l(De,[["render",Ne]]),je=e.defineComponent({name:"UtrechtPageContent"}),Cn="",Ae={class:"utrecht-page-content"};function Ge(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("div",Ae,[e.renderSlot(t.$slots,"default")])}const Oe=l(je,[["render",Ge]]),Ie=e.defineComponent({name:"UtrechtPageFooter"}),Sn="",We={class:"utrecht-page-footer"};function Je(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("footer",We,[e.renderSlot(t.$slots,"default")])}const Ke=l(Ie,[["render",Je]]),Qe=e.defineComponent({name:"UtrechtPageHeader"}),En="",Xe={class:"utrecht-page-header"};function Ye(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("header",Xe,[e.renderSlot(t.$slots,"default")])}const Ze=l(Qe,[["render",Ye]]),ve=e.defineComponent({name:"UtrechtParagraph",props:{lead:{type:Boolean,required:!1,default:!1}}}),Un="";function et(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("p",{class:e.normalizeClass(["utrecht-paragraph",{"utrecht-paragraph--lead":t.lead}])},[e.renderSlot(t.$slots,"default")],2)}const tt=l(ve,[["render",et]]),nt=e.defineComponent({name:"UtrechtRadioButton",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),qn="",ot=["aria-invalid"];function st(t,n,s,r,a,c){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.value=d),type:"radio","aria-invalid":t.invalid||void 0,class:e.normalizeClass(["utrecht-radio-button",{"utrecht-radio-button--invalid":t.invalid}])},null,10,ot)),[[e.vModelRadio,t.value]])}const rt=l(nt,[["render",st]]),at=e.defineComponent({name:"UtrechtSelect",props:{invalid:{type:Boolean,required:!1},readonly:{type:Boolean,required:!1},options:{type:[Array,Object],required:!0},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{selected:i(t,n)}}}),Tn="",lt=["aria-invalid","readonly"],ct=["value","disabled"];function dt(t,n,s,r,a,c){return e.withDirectives((e.openBlock(),e.createElementBlock("select",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.selected=d),"aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-select--invalid":t.invalid},{"utrecht-select--readonly":t.readonly},"utrecht-select--html-select","utrecht-select"]),readonly:t.readonly},[t.options&&t.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,({value:d,label:Yt,disabled:_})=>(e.openBlock(),e.createElementBlock("option",{key:d,value:d,class:e.normalizeClass([{"utrecht-select__option--disabled":_},"utrecht-select__option"]),disabled:_},e.toDisplayString(Yt),11,ct))),128)):e.createCommentVNode("",!0)],10,lt)),[[e.vModelSelect,t.selected]])}const it=l(at,[["render",dt]]),_t=e.defineComponent({name:"UtrechtTable"}),Hn="",pt={class:"utrecht-table"};function $t(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("table",pt,[e.renderSlot(t.$slots,"default")])}const ut=l(_t,[["render",$t]]),ft=e.defineComponent({name:"UtrechtTableBody"}),mt={class:"utrecht-table__body"};function ht(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("tbody",mt,[e.renderSlot(t.$slots,"default")])}const yt=l(ft,[["render",ht]]),bt=e.defineComponent({name:"UtrechtTableCaption"}),gt={class:"utrecht-table__caption"};function Bt(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("caption",gt,[e.renderSlot(t.$slots,"default")])}const kt=l(bt,[["render",Bt]]),Ct=e.defineComponent({name:"UtrechtTableCell"}),St={class:"utrecht-table__cell"};function Et(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("td",St,[e.renderSlot(t.$slots,"default")])}const Ut=l(Ct,[["render",Et]]),qt=e.defineComponent({name:"UtrechtTableFooter"}),Tt={class:"utrecht-table__footer"};function Ht(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("tfoot",Tt,[e.renderSlot(t.$slots,"default")])}const Ft=l(qt,[["render",Ht]]),Vt=e.defineComponent({name:"UtrechtTableHeader"}),Pt={class:"utrecht-table__header"};function xt(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("thead",Pt,[e.renderSlot(t.$slots,"default")])}const zt=l(Vt,[["render",xt]]),wt=e.defineComponent({name:"UtrechtTableHeaderCell"}),Rt={class:"utrecht-table__header-cell"};function Dt(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("th",Rt,[e.renderSlot(t.$slots,"default")])}const Lt=l(wt,[["render",Dt]]),Nt=e.defineComponent({name:"UtrechtTableRow"}),Mt={class:"utrecht-table__row"};function jt(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("tr",Mt,[e.renderSlot(t.$slots,"default")])}const At=l(Nt,[["render",jt]]),Gt=e.defineComponent({name:"UtrechtTextarea",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],require:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),Fn="",Ot=["aria-invalid"];function It(t,n,s,r,a,c){return e.withDirectives((e.openBlock(),e.createElementBlock("textarea",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.value=d),"aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-textarea--invalid":t.invalid},"utrecht-textarea","utrecht-textarea--html-textarea"])},null,10,Ot)),[[e.vModelText,t.value]])}const Wt=l(Gt,[["render",It]]),Jt=e.defineComponent({name:"UtrechtTextbox",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],require:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),Vn="",Kt=["aria-invalid"];function Qt(t,n,s,r,a,c){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.value=d),"aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-textbox--invalid":t.invalid},"utrecht-textbox","utrecht-textbox--html-input"])},null,10,Kt)),[[e.vModelText,t.value]])}const Xt=l(Jt,[["render",Qt]]);o.Article=f,o.BadgeStatus=y,o.Button=k,o.ButtonGroup=U,o.Checkbox=F,o.CustomRadioButton=z,o.Document=L,o.FormField=A,o.FormFieldset=J,o.FormFieldsetLegend=Y,o.FormLabel=ee,o.Heading=de,o.Heading1=$e,o.Heading2=he,o.Heading3=Be,o.Heading4=Ee,o.Heading5=He,o.Heading6=xe,o.Link=Re,o.Page=Me,o.PageContent=Oe,o.PageFooter=Ke,o.PageHeader=Ze,o.Paragraph=tt,o.RadioButton=rt,o.Select=it,o.Table=ut,o.TableBody=yt,o.TableCaption=kt,o.TableCell=Ut,o.TableFooter=Ft,o.TableHeader=zt,o.TableHeaderCell=Lt,o.TableRow=At,o.Textarea=Wt,o.Textbox=Xt,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
|