@utrecht/component-library-vue 1.0.0-alpha.51 → 1.0.0-alpha.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/UtrechtTextarea.vue.d.ts +11 -43
  2. package/dist/UtrechtTextbox.vue.d.ts +11 -43
  3. package/dist/component-library-vue.es.js +96 -106
  4. package/dist/component-library-vue.umd.js +1 -1
  5. package/package.json +3 -3
package/dist/UtrechtTextarea.vue.d.ts CHANGED
@@ -1,59 +1,27 @@
1
1
  declare const _sfc_main: import("vue").DefineComponent<{
2
- disabled: {
3
- type: BooleanConstructor;
4
- required: false;
5
- };
6
2
  invalid: {
7
3
  type: BooleanConstructor;
8
4
  required: false;
9
5
  };
10
6
  modelValue: {
11
- type: StringConstructor;
12
- required: false;
13
- };
14
- readonly: {
15
- type: BooleanConstructor;
16
- required: false;
17
- };
18
- required: {
19
- type: BooleanConstructor;
20
- required: false;
21
- };
22
- type: {
23
- type: StringConstructor;
24
- required: false;
25
- };
26
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
27
- disabled: {
28
- type: BooleanConstructor;
29
- required: false;
7
+ type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
8
+ require: boolean;
9
+ default: string;
30
10
  };
11
+ }, {
12
+ value: import("vue").WritableComputedRef<any>;
13
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
31
14
  invalid: {
32
15
  type: BooleanConstructor;
33
16
  required: false;
34
17
  };
35
18
  modelValue: {
36
- type: StringConstructor;
37
- required: false;
38
- };
39
- readonly: {
40
- type: BooleanConstructor;
41
- required: false;
19
+ type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
20
+ require: boolean;
21
+ default: string;
42
22
  };
43
- required: {
44
- type: BooleanConstructor;
45
- required: false;
46
- };
47
- type: {
48
- type: StringConstructor;
49
- required: false;
50
- };
51
- }>> & {
52
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
53
- }, {
54
- required: boolean;
55
- disabled: boolean;
23
+ }>>, {
56
24
  invalid: boolean;
57
- readonly: boolean;
25
+ modelValue: string | number | boolean;
58
26
  }>;
59
27
  export default _sfc_main;
package/dist/UtrechtTextbox.vue.d.ts CHANGED
@@ -1,59 +1,27 @@
1
1
  declare const _sfc_main: import("vue").DefineComponent<{
2
- disabled: {
3
- type: BooleanConstructor;
4
- required: false;
5
- };
6
2
  invalid: {
7
3
  type: BooleanConstructor;
8
4
  required: false;
9
5
  };
10
6
  modelValue: {
11
- type: StringConstructor;
12
- required: false;
13
- };
14
- readonly: {
15
- type: BooleanConstructor;
16
- required: false;
17
- };
18
- required: {
19
- type: BooleanConstructor;
20
- required: false;
21
- };
22
- type: {
23
- type: StringConstructor;
24
- required: false;
25
- };
26
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
27
- disabled: {
28
- type: BooleanConstructor;
29
- required: false;
7
+ type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
8
+ require: boolean;
9
+ default: string;
30
10
  };
11
+ }, {
12
+ value: import("vue").WritableComputedRef<any>;
13
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
31
14
  invalid: {
32
15
  type: BooleanConstructor;
33
16
  required: false;
34
17
  };
35
18
  modelValue: {
36
- type: StringConstructor;
37
- required: false;
38
- };
39
- readonly: {
40
- type: BooleanConstructor;
41
- required: false;
19
+ type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
20
+ require: boolean;
21
+ default: string;
42
22
  };
43
- required: {
44
- type: BooleanConstructor;
45
- required: false;
46
- };
47
- type: {
48
- type: StringConstructor;
49
- required: false;
50
- };
51
- }>> & {
52
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
53
- }, {
54
- required: boolean;
55
- disabled: boolean;
23
+ }>>, {
56
24
  invalid: boolean;
57
- readonly: boolean;
25
+ modelValue: string | number | boolean;
58
26
  }>;
59
27
  export default _sfc_main;
package/dist/component-library-vue.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { openBlock, createElementBlock, renderSlot, defineComponent, normalizeClass, computed, withDirectives, Fragment, renderList, toDisplayString, createCommentVNode, vModelSelect } from "vue";
1
+ import { openBlock, createElementBlock, renderSlot, defineComponent, normalizeClass, computed, withDirectives, Fragment, renderList, toDisplayString, createCommentVNode, vModelSelect, vModelText } from "vue";
2
2
  var index_scss_vue_type_style_index_0_src_ef9a24a0_lang = "";
3
3
  var _export_sfc = (sfc, props) => {
4
4
  const target = sfc.__vccOpts || sfc;
@@ -9,12 +9,12 @@ var _export_sfc = (sfc, props) => {
9
9
  };
10
10
  const _sfc_main$y = {};
11
11
  const _hoisted_1$u = { class: "utrecht-article" };
12
- function _sfc_render$o(_ctx, _cache) {
12
+ function _sfc_render$q(_ctx, _cache) {
13
13
  return openBlock(), createElementBlock("article", _hoisted_1$u, [
14
14
  renderSlot(_ctx.$slots, "default")
15
15
  ]);
16
16
  }
17
- var UtrechtArticle = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$o]]);
17
+ var UtrechtArticle = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$q]]);
18
18
  var index_scss_vue_type_style_index_0_src_ca499a90_lang = "";
19
19
  const _sfc_main$x = /* @__PURE__ */ defineComponent({
20
20
  __name: "UtrechtBadgeStatus",
@@ -66,12 +66,12 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
66
66
  var index_scss_vue_type_style_index_0_src_2303b246_lang = "";
67
67
  const _sfc_main$v = {};
68
68
  const _hoisted_1$s = { class: "utrecht-button-group" };
69
- function _sfc_render$n(_ctx, _cache) {
69
+ function _sfc_render$p(_ctx, _cache) {
70
70
  return openBlock(), createElementBlock("div", _hoisted_1$s, [
71
71
  renderSlot(_ctx.$slots, "default")
72
72
  ]);
73
73
  }
74
- var UtrechtButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$n]]);
74
+ var UtrechtButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$p]]);
75
75
  function looseCompareArrays(a, b) {
76
76
  if (a.length !== b.length)
77
77
  return false;
@@ -205,39 +205,39 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
205
205
  var index_scss_vue_type_style_index_0_src_377dc625_lang = "";
206
206
  const _sfc_main$t = {};
207
207
  const _hoisted_1$q = { class: "utrecht-document" };
208
- function _sfc_render$m(_ctx, _cache) {
208
+ function _sfc_render$o(_ctx, _cache) {
209
209
  return openBlock(), createElementBlock("div", _hoisted_1$q, [
210
210
  renderSlot(_ctx.$slots, "default")
211
211
  ]);
212
212
  }
213
- var UtrechtDocument = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$m]]);
213
+ var UtrechtDocument = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$o]]);
214
214
  var index_scss_vue_type_style_index_0_src_0334bbae_lang = "";
215
215
  const _sfc_main$s = {};
216
216
  const _hoisted_1$p = { class: "utrecht-form-field" };
217
- function _sfc_render$l(_ctx, _cache) {
217
+ function _sfc_render$n(_ctx, _cache) {
218
218
  return openBlock(), createElementBlock("div", _hoisted_1$p, [
219
219
  renderSlot(_ctx.$slots, "default")
220
220
  ]);
221
221
  }
222
- var UtrechtFormField = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$l]]);
222
+ var UtrechtFormField = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$n]]);
223
223
  var index_scss_vue_type_style_index_0_src_7d9b1ad2_lang = "";
224
224
  const _sfc_main$r = {};
225
225
  const _hoisted_1$o = { class: "utrecht-form-fieldset" };
226
- function _sfc_render$k(_ctx, _cache) {
226
+ function _sfc_render$m(_ctx, _cache) {
227
227
  return openBlock(), createElementBlock("fieldset", _hoisted_1$o, [
228
228
  renderSlot(_ctx.$slots, "default")
229
229
  ]);
230
230
  }
231
- var UtrechtFormFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$k]]);
231
+ var UtrechtFormFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$m]]);
232
232
  var index_scss_vue_type_style_index_0_src_557ef4dc_lang = "";
233
233
  const _sfc_main$q = {};
234
234
  const _hoisted_1$n = { class: "utrecht-form-fieldset__legend" };
235
- function _sfc_render$j(_ctx, _cache) {
235
+ function _sfc_render$l(_ctx, _cache) {
236
236
  return openBlock(), createElementBlock("legend", _hoisted_1$n, [
237
237
  renderSlot(_ctx.$slots, "default")
238
238
  ]);
239
239
  }
240
- var UtrechtFormFieldsetLegend = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$j]]);
240
+ var UtrechtFormFieldsetLegend = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$l]]);
241
241
  var index_scss_vue_type_style_index_0_src_e35723f4_lang = "";
242
242
  const _sfc_main$p = /* @__PURE__ */ defineComponent({
243
243
  __name: "UtrechtFormLabel",
@@ -318,57 +318,57 @@ var UtrechtHeading = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "da
318
318
  var index_scss_vue_type_style_index_0_src_75371619_lang = "";
319
319
  const _sfc_main$n = {};
320
320
  const _hoisted_1$l = { class: "utrecht-heading-1" };
321
- function _sfc_render$i(_ctx, _cache) {
321
+ function _sfc_render$k(_ctx, _cache) {
322
322
  return openBlock(), createElementBlock("h1", _hoisted_1$l, [
323
323
  renderSlot(_ctx.$slots, "default")
324
324
  ]);
325
325
  }
326
- var UtrechtHeading1 = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$i]]);
326
+ var UtrechtHeading1 = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$k]]);
327
327
  var index_scss_vue_type_style_index_0_src_52277e5a_lang = "";
328
328
  const _sfc_main$m = {};
329
329
  const _hoisted_1$k = { class: "utrecht-heading-2" };
330
- function _sfc_render$h(_ctx, _cache) {
330
+ function _sfc_render$j(_ctx, _cache) {
331
331
  return openBlock(), createElementBlock("h2", _hoisted_1$k, [
332
332
  renderSlot(_ctx.$slots, "default")
333
333
  ]);
334
334
  }
335
- var UtrechtHeading2 = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$h]]);
335
+ var UtrechtHeading2 = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$j]]);
336
336
  var index_scss_vue_type_style_index_0_src_2f17e69b_lang = "";
337
337
  const _sfc_main$l = {};
338
338
  const _hoisted_1$j = { class: "utrecht-heading-3" };
339
- function _sfc_render$g(_ctx, _cache) {
339
+ function _sfc_render$i(_ctx, _cache) {
340
340
  return openBlock(), createElementBlock("h3", _hoisted_1$j, [
341
341
  renderSlot(_ctx.$slots, "default")
342
342
  ]);
343
343
  }
344
- var UtrechtHeading3 = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$g]]);
344
+ var UtrechtHeading3 = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$i]]);
345
345
  var index_scss_vue_type_style_index_0_src_0c084edc_lang = "";
346
346
  const _sfc_main$k = {};
347
347
  const _hoisted_1$i = { class: "utrecht-heading-4" };
348
- function _sfc_render$f(_ctx, _cache) {
348
+ function _sfc_render$h(_ctx, _cache) {
349
349
  return openBlock(), createElementBlock("h4", _hoisted_1$i, [
350
350
  renderSlot(_ctx.$slots, "default")
351
351
  ]);
352
352
  }
353
- var UtrechtHeading4 = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$f]]);
353
+ var UtrechtHeading4 = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$h]]);
354
354
  var index_scss_vue_type_style_index_0_src_2e0e91c6_lang = "";
355
355
  const _sfc_main$j = {};
356
356
  const _hoisted_1$h = { class: "utrecht-heading-5" };
357
- function _sfc_render$e(_ctx, _cache) {
357
+ function _sfc_render$g(_ctx, _cache) {
358
358
  return openBlock(), createElementBlock("h5", _hoisted_1$h, [
359
359
  renderSlot(_ctx.$slots, "default")
360
360
  ]);
361
361
  }
362
- var UtrechtHeading5 = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$e]]);
362
+ var UtrechtHeading5 = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$g]]);
363
363
  var index_scss_vue_type_style_index_0_src_742dc144_lang = "";
364
364
  const _sfc_main$i = {};
365
365
  const _hoisted_1$g = { class: "utrecht-heading-6" };
366
- function _sfc_render$d(_ctx, _cache) {
366
+ function _sfc_render$f(_ctx, _cache) {
367
367
  return openBlock(), createElementBlock("h6", _hoisted_1$g, [
368
368
  renderSlot(_ctx.$slots, "default")
369
369
  ]);
370
370
  }
371
- var UtrechtHeading6 = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$d]]);
371
+ var UtrechtHeading6 = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$f]]);
372
372
  var index_scss_vue_type_style_index_0_src_57003daf_lang = "";
373
373
  const _sfc_main$h = /* @__PURE__ */ defineComponent({
374
374
  __name: "UtrechtLink",
@@ -390,39 +390,39 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
390
390
  var index_scss_vue_type_style_index_0_src_c95041ce_lang = "";
391
391
  const _sfc_main$g = {};
392
392
  const _hoisted_1$f = { class: "utrecht-page" };
393
- function _sfc_render$c(_ctx, _cache) {
393
+ function _sfc_render$e(_ctx, _cache) {
394
394
  return openBlock(), createElementBlock("div", _hoisted_1$f, [
395
395
  renderSlot(_ctx.$slots, "default")
396
396
  ]);
397
397
  }
398
- var UtrechtPage = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$c]]);
398
+ var UtrechtPage = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$e]]);
399
399
  var index_scss_vue_type_style_index_0_src_0fe4086e_lang = "";
400
400
  const _sfc_main$f = {};
401
401
  const _hoisted_1$e = { class: "utrecht-page-content" };
402
- function _sfc_render$b(_ctx, _cache) {
402
+ function _sfc_render$d(_ctx, _cache) {
403
403
  return openBlock(), createElementBlock("div", _hoisted_1$e, [
404
404
  renderSlot(_ctx.$slots, "default")
405
405
  ]);
406
406
  }
407
- var UtrechtPageContent = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$b]]);
407
+ var UtrechtPageContent = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$d]]);
408
408
  var index_scss_vue_type_style_index_0_src_970efa78_lang = "";
409
409
  const _sfc_main$e = {};
410
410
  const _hoisted_1$d = { class: "utrecht-page-footer" };
411
- function _sfc_render$a(_ctx, _cache) {
411
+ function _sfc_render$c(_ctx, _cache) {
412
412
  return openBlock(), createElementBlock("footer", _hoisted_1$d, [
413
413
  renderSlot(_ctx.$slots, "default")
414
414
  ]);
415
415
  }
416
- var UtrechtPageFooter = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$a]]);
416
+ var UtrechtPageFooter = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$c]]);
417
417
  var index_scss_vue_type_style_index_0_src_38ff3736_lang = "";
418
418
  const _sfc_main$d = {};
419
419
  const _hoisted_1$c = { class: "utrecht-page-header" };
420
- function _sfc_render$9(_ctx, _cache) {
420
+ function _sfc_render$b(_ctx, _cache) {
421
421
  return openBlock(), createElementBlock("header", _hoisted_1$c, [
422
422
  renderSlot(_ctx.$slots, "default")
423
423
  ]);
424
424
  }
425
- var UtrechtPageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$9]]);
425
+ var UtrechtPageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$b]]);
426
426
  var index_scss_vue_type_style_index_0_src_aebee898_lang = "";
427
427
  const _sfc_main$c = /* @__PURE__ */ defineComponent({
428
428
  __name: "UtrechtParagraph",
@@ -508,7 +508,7 @@ const _sfc_main$a = defineComponent({
508
508
  });
509
509
  const _hoisted_1$a = ["aria-invalid", "readonly"];
510
510
  const _hoisted_2 = ["value", "disabled"];
511
- function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
511
+ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
512
512
  return withDirectives((openBlock(), createElementBlock("select", {
513
513
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.selected = $event),
514
514
  "aria-invalid": _ctx.invalid || void 0,
@@ -535,141 +535,131 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
535
535
  [vModelSelect, _ctx.selected]
536
536
  ]);
537
537
  }
538
- var UtrechtSelect = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$8]]);
538
+ var UtrechtSelect = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
539
539
  var index_scss_vue_type_style_index_0_src_cbe01a70_lang = "";
540
540
  const _sfc_main$9 = {};
541
541
  const _hoisted_1$9 = { class: "utrecht-table" };
542
- function _sfc_render$7(_ctx, _cache) {
542
+ function _sfc_render$9(_ctx, _cache) {
543
543
  return openBlock(), createElementBlock("table", _hoisted_1$9, [
544
544
  renderSlot(_ctx.$slots, "default")
545
545
  ]);
546
546
  }
547
- var UtrechtTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$7]]);
547
+ var UtrechtTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
548
548
  var index_scss_vue_type_style_index_0_src_76e30e54_lang = "";
549
549
  const _sfc_main$8 = {};
550
550
  const _hoisted_1$8 = { class: "utrecht-table__body" };
551
- function _sfc_render$6(_ctx, _cache) {
551
+ function _sfc_render$8(_ctx, _cache) {
552
552
  return openBlock(), createElementBlock("tbody", _hoisted_1$8, [
553
553
  renderSlot(_ctx.$slots, "default")
554
554
  ]);
555
555
  }
556
- var UtrechtTableBody = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$6]]);
556
+ var UtrechtTableBody = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
557
557
  var index_scss_vue_type_style_index_0_src_73a31372_lang = "";
558
558
  const _sfc_main$7 = {};
559
559
  const _hoisted_1$7 = { class: "utrecht-table__caption" };
560
- function _sfc_render$5(_ctx, _cache) {
560
+ function _sfc_render$7(_ctx, _cache) {
561
561
  return openBlock(), createElementBlock("caption", _hoisted_1$7, [
562
562
  renderSlot(_ctx.$slots, "default")
563
563
  ]);
564
564
  }
565
- var UtrechtTableCaption = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$5]]);
565
+ var UtrechtTableCaption = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
566
566
  var index_scss_vue_type_style_index_0_src_19f2cdc2_lang = "";
567
567
  const _sfc_main$6 = {};
568
568
  const _hoisted_1$6 = { class: "utrecht-table__cell" };
569
- function _sfc_render$4(_ctx, _cache) {
569
+ function _sfc_render$6(_ctx, _cache) {
570
570
  return openBlock(), createElementBlock("td", _hoisted_1$6, [
571
571
  renderSlot(_ctx.$slots, "default")
572
572
  ]);
573
573
  }
574
- var UtrechtTableCell = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$4]]);
574
+ var UtrechtTableCell = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
575
575
  var index_scss_vue_type_style_index_0_src_6c1a280c_lang = "";
576
576
  const _sfc_main$5 = {};
577
577
  const _hoisted_1$5 = { class: "utrecht-table__footer" };
578
- function _sfc_render$3(_ctx, _cache) {
578
+ function _sfc_render$5(_ctx, _cache) {
579
579
  return openBlock(), createElementBlock("tfoot", _hoisted_1$5, [
580
580
  renderSlot(_ctx.$slots, "default")
581
581
  ]);
582
582
  }
583
- var UtrechtTableFooter = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$3]]);
583
+ var UtrechtTableFooter = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
584
584
  var index_scss_vue_type_style_index_0_src_2d7d48fa_lang = "";
585
585
  const _sfc_main$4 = {};
586
586
  const _hoisted_1$4 = { class: "utrecht-table__header" };
587
- function _sfc_render$2(_ctx, _cache) {
587
+ function _sfc_render$4(_ctx, _cache) {
588
588
  return openBlock(), createElementBlock("thead", _hoisted_1$4, [
589
589
  renderSlot(_ctx.$slots, "default")
590
590
  ]);
591
591
  }
592
- var UtrechtTableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$2]]);
592
+ var UtrechtTableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
593
593
  var index_scss_vue_type_style_index_0_src_7d9c4b7e_lang = "";
594
594
  const _sfc_main$3 = {};
595
595
  const _hoisted_1$3 = { class: "utrecht-table__header-cell" };
596
- function _sfc_render$1(_ctx, _cache) {
596
+ function _sfc_render$3(_ctx, _cache) {
597
597
  return openBlock(), createElementBlock("th", _hoisted_1$3, [
598
598
  renderSlot(_ctx.$slots, "default")
599
599
  ]);
600
600
  }
601
- var UtrechtTableHeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$1]]);
601
+ var UtrechtTableHeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
602
602
  var index_scss_vue_type_style_index_0_src_664a2074_lang = "";
603
603
  const _sfc_main$2 = {};
604
604
  const _hoisted_1$2 = { class: "utrecht-table__row" };
605
- function _sfc_render(_ctx, _cache) {
605
+ function _sfc_render$2(_ctx, _cache) {
606
606
  return openBlock(), createElementBlock("tr", _hoisted_1$2, [
607
607
  renderSlot(_ctx.$slots, "default")
608
608
  ]);
609
609
  }
610
- var UtrechtTableRow = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render]]);
611
- var index_scss_vue_type_style_index_0_src_5758ba1d_lang = "";
612
- const _hoisted_1$1 = ["aria-invalid", "disabled", "readonly", "required", "value"];
613
- const _sfc_main$1 = /* @__PURE__ */ defineComponent({
614
- __name: "UtrechtTextarea",
610
+ var UtrechtTableRow = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
611
+ var index_scss_vue_type_style_index_0_src_7e5aea50_lang = "";
612
+ const _sfc_main$1 = defineComponent({
615
613
  props: {
616
- disabled: { type: Boolean },
617
- invalid: { type: Boolean },
618
- modelValue: null,
619
- readonly: { type: Boolean },
620
- required: { type: Boolean },
621
- type: null
614
+ invalid: { type: Boolean, required: false },
615
+ modelValue: { type: [String, Number, Boolean], require: false, default: "" }
622
616
  },
623
- emits: ["update:modelValue"],
624
- setup(__props) {
625
- return (_ctx, _cache) => {
626
- return openBlock(), createElementBlock("textarea", {
627
- class: normalizeClass(["utrecht-textarea", {
628
- "utrecht-textarea--disabled": __props.disabled,
629
- "utrecht-textarea--invalid": __props.invalid,
630
- "utrecht-textarea--required": __props.required,
631
- "utrecht-textarea--readonly": __props.readonly
632
- }]),
633
- "aria-invalid": __props.invalid || void 0,
634
- disabled: __props.disabled,
635
- readonly: __props.readonly,
636
- required: __props.required,
637
- value: __props.modelValue,
638
- onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
639
- }, null, 42, _hoisted_1$1);
617
+ setup(props, { emit }) {
618
+ return {
619
+ value: useModelWrapper(props, emit)
640
620
  };
641
621
  }
642
622
  });
643
- var index_scss_vue_type_style_index_0_src_ea555f8a_lang = "";
644
- const _hoisted_1 = ["aria-invalid", "disabled", "readonly", "required", "value"];
645
- const _sfc_main = /* @__PURE__ */ defineComponent({
646
- __name: "UtrechtTextbox",
623
+ const _hoisted_1$1 = ["aria-invalid"];
624
+ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
625
+ return withDirectives((openBlock(), createElementBlock("textarea", {
626
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.value = $event),
627
+ "aria-invalid": _ctx.invalid || void 0,
628
+ class: normalizeClass([
629
+ { "utrecht-textarea--invalid": _ctx.invalid },
630
+ "utrecht-textarea",
631
+ "utrecht-textarea--html-textarea"
632
+ ])
633
+ }, null, 10, _hoisted_1$1)), [
634
+ [vModelText, _ctx.value]
635
+ ]);
636
+ }
637
+ var UtrechtTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
638
+ var index_scss_vue_type_style_index_0_src_b6bcb620_lang = "";
639
+ const _sfc_main = defineComponent({
647
640
  props: {
648
- disabled: { type: Boolean },
649
- invalid: { type: Boolean },
650
- modelValue: null,
651
- readonly: { type: Boolean },
652
- required: { type: Boolean },
653
- type: null
641
+ invalid: { type: Boolean, required: false },
642
+ modelValue: { type: [String, Number, Boolean], require: false, default: "" }
654
643
  },
655
- emits: ["update:modelValue"],
656
- setup(__props) {
657
- return (_ctx, _cache) => {
658
- return openBlock(), createElementBlock("input", {
659
- class: normalizeClass(["utrecht-textbox", {
660
- "utrecht-textbox--disabled": __props.disabled,
661
- "utrecht-textbox--invalid": __props.invalid,
662
- "utrecht-textbox--required": __props.required,
663
- "utrecht-textbox--readonly": __props.readonly
664
- }]),
665
- "aria-invalid": __props.invalid || void 0,
666
- disabled: __props.disabled,
667
- readonly: __props.readonly,
668
- required: __props.required,
669
- value: __props.modelValue,
670
- onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
671
- }, null, 42, _hoisted_1);
644
+ setup(props, { emit }) {
645
+ return {
646
+ value: useModelWrapper(props, emit)
672
647
  };
673
648
  }
674
649
  });
675
- export { UtrechtArticle as Article, _sfc_main$x as BadgeStatus, _sfc_main$w as Button, UtrechtButtonGroup as ButtonGroup, _sfc_main$u as Checkbox, UtrechtDocument as Document, UtrechtFormField as FormField, UtrechtFormFieldset as FormFieldset, UtrechtFormFieldsetLegend as FormFieldsetLegend, _sfc_main$p as FormLabel, UtrechtHeading as Heading, UtrechtHeading1 as Heading1, UtrechtHeading2 as Heading2, UtrechtHeading3 as Heading3, UtrechtHeading4 as Heading4, UtrechtHeading5 as Heading5, UtrechtHeading6 as Heading6, _sfc_main$h as Link, UtrechtPage as Page, UtrechtPageContent as PageContent, UtrechtPageFooter as PageFooter, UtrechtPageHeader as PageHeader, _sfc_main$c as Paragraph, _sfc_main$b as RadioButton, UtrechtSelect as Select, UtrechtTable as Table, UtrechtTableBody as TableBody, UtrechtTableCaption as TableCaption, UtrechtTableCell as TableCell, UtrechtTableFooter as TableFooter, UtrechtTableHeader as TableHeader, UtrechtTableHeaderCell as TableHeaderCell, UtrechtTableRow as TableRow, _sfc_main$1 as Textarea, _sfc_main as Textbox };
650
+ const _hoisted_1 = ["aria-invalid"];
651
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
652
+ return withDirectives((openBlock(), createElementBlock("input", {
653
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.value = $event),
654
+ "aria-invalid": _ctx.invalid || void 0,
655
+ class: normalizeClass([
656
+ { "utrecht-textbox--invalid": _ctx.invalid },
657
+ "utrecht-textbox",
658
+ "utrecht-textbox--html-input"
659
+ ])
660
+ }, null, 10, _hoisted_1)), [
661
+ [vModelText, _ctx.value]
662
+ ]);
663
+ }
664
+ var UtrechtTextbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
665
+ export { UtrechtArticle as Article, _sfc_main$x as BadgeStatus, _sfc_main$w as Button, UtrechtButtonGroup as ButtonGroup, _sfc_main$u as Checkbox, UtrechtDocument as Document, UtrechtFormField as FormField, UtrechtFormFieldset as FormFieldset, UtrechtFormFieldsetLegend as FormFieldsetLegend, _sfc_main$p as FormLabel, UtrechtHeading as Heading, UtrechtHeading1 as Heading1, UtrechtHeading2 as Heading2, UtrechtHeading3 as Heading3, UtrechtHeading4 as Heading4, UtrechtHeading5 as Heading5, UtrechtHeading6 as Heading6, _sfc_main$h as Link, UtrechtPage as Page, UtrechtPageContent as PageContent, UtrechtPageFooter as PageFooter, UtrechtPageHeader as PageHeader, _sfc_main$c as Paragraph, _sfc_main$b as RadioButton, UtrechtSelect as Select, UtrechtTable as Table, UtrechtTableBody as TableBody, UtrechtTableCaption as TableCaption, UtrechtTableCell as TableCell, UtrechtTableFooter as TableFooter, UtrechtTableHeader as TableHeader, UtrechtTableHeaderCell as TableHeaderCell, UtrechtTableRow as TableRow, UtrechtTextarea as Textarea, UtrechtTextbox as Textbox };
package/dist/component-library-vue.umd.js CHANGED
@@ -1 +1 @@
1
- (function(a,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(a=typeof globalThis!="undefined"?globalThis:a||self,t(a["component-library-vue"]={},a.Vue))})(this,function(a,t){"use strict";var Dt="",l=(e,n)=>{const r=e.__vccOpts||e;for(const[c,_]of n)r[c]=_;return r};const k={},p={class:"utrecht-article"};function B(e,n){return t.openBlock(),t.createElementBlock("article",p,[t.renderSlot(e.$slots,"default")])}var g=l(k,[["render",B]]),Kt="";const x=t.defineComponent({__name:"UtrechtBadgeStatus",props:{status:null},setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["utrecht-badge-status",{[`utrecht-badge-status--${e.status}`]:!0}])},[t.renderSlot(n.$slots,"default")],2))}});var Mt="";const S=["aria-busy","disabled","type"],E=t.defineComponent({__name:"UtrechtButton",props:{appearance:null,busy:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["utrecht-button",{"utrecht-button--busy":e.busy,"utrecht-button--disabled":e.disabled,"utrecht-button--primary-action":e.appearance==="primary-action-button","utrecht-button--secondary-action":e.appearance==="secondary-action-button","utrecht-button--submit":e.type==="submit","utrecht-button--subtle":e.appearance==="subtle-button"}]),"aria-busy":e.busy||void 0,disabled:e.disabled,type:e.type||"button"},[t.renderSlot(n.$slots,"default")],10,S))}});var Rt="";const C={},v={class:"utrecht-button-group"};function U(e,n){return t.openBlock(),t.createElementBlock("div",v,[t.renderSlot(e.$slots,"default")])}var q=l(C,[["render",U]]);function T(e,n){if(e.length!==n.length)return!1;let r=!0;for(let c=0;r&&c<e.length;c++)r=d(e[c],n[c]);return r}function d(e,n){if(e===n)return!0;let r=h(e),c=h(n);if(r||c)return r&&c?e.getTime()===n.getTime():!1;if(r=f(e),c=f(n),r||c)return e===n;if(r=u(e),c=u(n),r||c)return r&&c?T(e,n):!1;if(r=y(e),c=y(n),r||c){if(!r||!c)return!1;const _=Object.keys(e).length,b=Object.keys(n).length;if(_!==b)return!1;for(const s in e){const i=e.hasOwnProperty(s),o=n.hasOwnProperty(s);if(i&&!o||!i&&o||!d(e[s],n[s]))return!1}}return String(e)===String(n)}const u=Array.isArray,h=e=>F(e)==="[object Date]",f=e=>typeof e=="symbol",y=e=>e!==null&&typeof e=="object",H=Object.prototype.toString,F=e=>H.call(e);var Gt="";const V=["aria-invalid","checked","disabled","required","value"],m=e=>e instanceof Set,$=(e,n)=>Array.isArray(e)?e.includes(n):e instanceof Set?e.has(n):d(e,n),j=(e,n)=>Array.isArray(e)?[...e,n]:m(e)?new Set(e).add(n):n,A=(e,n)=>{if(Array.isArray(e))return e.filter(r=>r!==n);if(m(e)){const r=new Set(e);return r.delete(n),r}else return""},P={methods:{$_handleInputEvent(e){const{value:n,modelValue:r}=this,c=$(r,n)?A(r,n):j(r,n);this.$emit("update:modelValue",c)},$_isChecked(){return $(this.modelValue,this.value)}}},z=t.defineComponent({...P,__name:"UtrechtCheckbox",props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("input",{type:"checkbox",class:t.normalizeClass(["utrecht-checkbox",{"utrecht-checkbox--checked":e.checked||n.$_isChecked(),"utrecht-checkbox--disabled":e.disabled,"utrecht-checkbox--invalid":e.invalid,"utrecht-checkbox--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:typeof e.checked=="boolean"?e.checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:r[0]||(r[0]=c=>n.$_handleInputEvent(c))},null,42,V))}});var Nt="";const w={},I={class:"utrecht-document"};function O(e,n){return t.openBlock(),t.createElementBlock("div",I,[t.renderSlot(e.$slots,"default")])}var L=l(w,[["render",O]]),Wt="";const D={},K={class:"utrecht-form-field"};function M(e,n){return t.openBlock(),t.createElementBlock("div",K,[t.renderSlot(e.$slots,"default")])}var R=l(D,[["render",M]]),Jt="";const G={},N={class:"utrecht-form-fieldset"};function W(e,n){return t.openBlock(),t.createElementBlock("fieldset",N,[t.renderSlot(e.$slots,"default")])}var J=l(G,[["render",W]]),Qt="";const Q={},X={class:"utrecht-form-fieldset__legend"};function Y(e,n){return t.openBlock(),t.createElementBlock("legend",X,[t.renderSlot(e.$slots,"default")])}var Z=l(Q,[["render",Y]]),Xt="";const ee=t.defineComponent({__name:"UtrechtFormLabel",props:{checked:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(["utrecht-form-label",{"utrecht-form-label--checked":e.checked,"utrecht-form-label--disabled":e.disabled,"utrecht-form-label--radio":e.type==="radio","utrecht-form-label--checkbox":e.type==="checkbox"}])},[t.renderSlot(n.$slots,"default")],2))}});var Yt="",Zt="",en="",tn="",nn="",rn="";const te={key:0,class:"utrecht-heading-1"},ne={key:1,class:"utrecht-heading-2"},re={key:2,class:"utrecht-heading-3"},ae={key:3,class:"utrecht-heading-4"},ce={key:4,class:"utrecht-heading-5"},le={key:5,class:"utrecht-heading-6"};var se=l(t.defineComponent({__name:"UtrechtHeading",props:{level:null},setup(e){return(n,r)=>e.level==1?(t.openBlock(),t.createElementBlock("h1",te,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==2?(t.openBlock(),t.createElementBlock("h2",ne,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==3?(t.openBlock(),t.createElementBlock("h3",re,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==4?(t.openBlock(),t.createElementBlock("h4",ae,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==5?(t.openBlock(),t.createElementBlock("h5",ce,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):(t.openBlock(),t.createElementBlock("h6",le,[t.renderSlot(n.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-0797b6fe"]]),cn="";const oe={},de={class:"utrecht-heading-1"};function _e(e,n){return t.openBlock(),t.createElementBlock("h1",de,[t.renderSlot(e.$slots,"default")])}var ie=l(oe,[["render",_e]]),ln="";const ue={},he={class:"utrecht-heading-2"};function fe(e,n){return t.openBlock(),t.createElementBlock("h2",he,[t.renderSlot(e.$slots,"default")])}var ye=l(ue,[["render",fe]]),sn="";const me={},$e={class:"utrecht-heading-3"};function be(e,n){return t.openBlock(),t.createElementBlock("h3",$e,[t.renderSlot(e.$slots,"default")])}var ke=l(me,[["render",be]]),on="";const pe={},Be={class:"utrecht-heading-4"};function ge(e,n){return t.openBlock(),t.createElementBlock("h4",Be,[t.renderSlot(e.$slots,"default")])}var xe=l(pe,[["render",ge]]),dn="";const Se={},Ee={class:"utrecht-heading-5"};function Ce(e,n){return t.openBlock(),t.createElementBlock("h5",Ee,[t.renderSlot(e.$slots,"default")])}var ve=l(Se,[["render",Ce]]),_n="";const Ue={},qe={class:"utrecht-heading-6"};function Te(e,n){return t.openBlock(),t.createElementBlock("h6",qe,[t.renderSlot(e.$slots,"default")])}var He=l(Ue,[["render",Te]]),un="";const Fe=t.defineComponent({__name:"UtrechtLink",props:{external:{type:Boolean}},setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["utrecht-link",{"utrecht-link--external":e.external}])},[t.renderSlot(n.$slots,"default")],2))}});var hn="";const Ve={},je={class:"utrecht-page"};function Ae(e,n){return t.openBlock(),t.createElementBlock("div",je,[t.renderSlot(e.$slots,"default")])}var Pe=l(Ve,[["render",Ae]]),fn="";const ze={},we={class:"utrecht-page-content"};function Ie(e,n){return t.openBlock(),t.createElementBlock("div",we,[t.renderSlot(e.$slots,"default")])}var Oe=l(ze,[["render",Ie]]),yn="";const Le={},De={class:"utrecht-page-footer"};function Ke(e,n){return t.openBlock(),t.createElementBlock("footer",De,[t.renderSlot(e.$slots,"default")])}var Me=l(Le,[["render",Ke]]),mn="";const Re={},Ge={class:"utrecht-page-header"};function Ne(e,n){return t.openBlock(),t.createElementBlock("header",Ge,[t.renderSlot(e.$slots,"default")])}var We=l(Re,[["render",Ne]]),$n="";const Je=t.defineComponent({__name:"UtrechtParagraph",props:{lead:{type:Boolean}},setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("p",{class:t.normalizeClass(["utrecht-paragraph",{"utrecht-paragraph--lead":e.lead}])},[t.renderSlot(n.$slots,"default")],2))}});var bn="";const Qe=["aria-invalid","checked","disabled","required","value"],Xe=(e,n)=>d(e,n),Ye={methods:{$_handleInputEvent(e){e.checked&&this.$emit("update:modelValue",this.value)},$_isChecked(){return typeof this.modelValue!="undefined"?Xe(this.modelValue,this.value):this.checked}}},Ze=t.defineComponent({...Ye,__name:"UtrechtRadioButton",props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("input",{type:"radio",class:t.normalizeClass(["utrecht-radio-button",{"utrecht-radio-button--checked":e.checked,"utrecht-radio-button--disabled":e.disabled,"utrecht-radio-button--invalid":e.invalid,"utrecht-radio-button--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:r[0]||(r[0]=c=>n.$_handleInputEvent(c.target))},null,42,Qe))}});function et(e,n,r="modelValue"){return t.computed({get:()=>e.modelValue,set:c=>n(`update:${r}`,c)})}var kn="";const tt=t.defineComponent({props:{invalid:{type:Boolean,required:!1},readonly:{type:Boolean,required:!1},options:{type:[Array,Object],required:!0},modelValue:{type:[String,Number,Boolean],require:!1,default:""}},setup(e,{emit:n}){return{selected:et(e,n)}}}),nt=["aria-invalid","readonly"],rt=["value","disabled"];function at(e,n,r,c,_,b){return t.withDirectives((t.openBlock(),t.createElementBlock("select",{"onUpdate:modelValue":n[0]||(n[0]=s=>e.selected=s),"aria-invalid":e.invalid||void 0,class:t.normalizeClass([{"utrecht-select--invalid":e.invalid},{"utrecht-select--readonly":e.readonly},"utrecht-select--html-select","utrecht-select"]),readonly:e.readonly},[e.options&&e.options.length>0?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(e.options,({value:s,label:i,disabled:o})=>(t.openBlock(),t.createElementBlock("option",{key:s,value:s,class:t.normalizeClass([{"utrecht-select__option--disabled":o},"utrecht-select__option"]),disabled:o},t.toDisplayString(i),11,rt))),128)):t.createCommentVNode("",!0)],10,nt)),[[t.vModelSelect,e.selected]])}var ct=l(tt,[["render",at]]),pn="";const lt={},st={class:"utrecht-table"};function ot(e,n){return t.openBlock(),t.createElementBlock("table",st,[t.renderSlot(e.$slots,"default")])}var dt=l(lt,[["render",ot]]),Bn="";const _t={},it={class:"utrecht-table__body"};function ut(e,n){return t.openBlock(),t.createElementBlock("tbody",it,[t.renderSlot(e.$slots,"default")])}var ht=l(_t,[["render",ut]]),gn="";const ft={},yt={class:"utrecht-table__caption"};function mt(e,n){return t.openBlock(),t.createElementBlock("caption",yt,[t.renderSlot(e.$slots,"default")])}var $t=l(ft,[["render",mt]]),xn="";const bt={},kt={class:"utrecht-table__cell"};function pt(e,n){return t.openBlock(),t.createElementBlock("td",kt,[t.renderSlot(e.$slots,"default")])}var Bt=l(bt,[["render",pt]]),Sn="";const gt={},xt={class:"utrecht-table__footer"};function St(e,n){return t.openBlock(),t.createElementBlock("tfoot",xt,[t.renderSlot(e.$slots,"default")])}var Et=l(gt,[["render",St]]),En="";const Ct={},vt={class:"utrecht-table__header"};function Ut(e,n){return t.openBlock(),t.createElementBlock("thead",vt,[t.renderSlot(e.$slots,"default")])}var qt=l(Ct,[["render",Ut]]),Cn="";const Tt={},Ht={class:"utrecht-table__header-cell"};function Ft(e,n){return t.openBlock(),t.createElementBlock("th",Ht,[t.renderSlot(e.$slots,"default")])}var Vt=l(Tt,[["render",Ft]]),vn="";const jt={},At={class:"utrecht-table__row"};function Pt(e,n){return t.openBlock(),t.createElementBlock("tr",At,[t.renderSlot(e.$slots,"default")])}var zt=l(jt,[["render",Pt]]),Un="";const wt=["aria-invalid","disabled","readonly","required","value"],It=t.defineComponent({__name:"UtrechtTextarea",props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("textarea",{class:t.normalizeClass(["utrecht-textarea",{"utrecht-textarea--disabled":e.disabled,"utrecht-textarea--invalid":e.invalid,"utrecht-textarea--required":e.required,"utrecht-textarea--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:r[0]||(r[0]=c=>n.$emit("update:modelValue",c.target.value))},null,42,wt))}});var qn="";const Ot=["aria-invalid","disabled","readonly","required","value"],Lt=t.defineComponent({__name:"UtrechtTextbox",props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("input",{class:t.normalizeClass(["utrecht-textbox",{"utrecht-textbox--disabled":e.disabled,"utrecht-textbox--invalid":e.invalid,"utrecht-textbox--required":e.required,"utrecht-textbox--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:r[0]||(r[0]=c=>n.$emit("update:modelValue",c.target.value))},null,42,Ot))}});a.Article=g,a.BadgeStatus=x,a.Button=E,a.ButtonGroup=q,a.Checkbox=z,a.Document=L,a.FormField=R,a.FormFieldset=J,a.FormFieldsetLegend=Z,a.FormLabel=ee,a.Heading=se,a.Heading1=ie,a.Heading2=ye,a.Heading3=ke,a.Heading4=xe,a.Heading5=ve,a.Heading6=He,a.Link=Fe,a.Page=Pe,a.PageContent=Oe,a.PageFooter=Me,a.PageHeader=We,a.Paragraph=Je,a.RadioButton=Ze,a.Select=ct,a.Table=dt,a.TableBody=ht,a.TableCaption=$t,a.TableCell=Bt,a.TableFooter=Et,a.TableHeader=qt,a.TableHeaderCell=Vt,a.TableRow=zt,a.Textarea=It,a.Textbox=Lt,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
1
+ (function(c,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(c=typeof globalThis!="undefined"?globalThis:c||self,t(c["component-library-vue"]={},c.Vue))})(this,function(c,t){"use strict";var Rt="",s=(e,n)=>{const r=e.__vccOpts||e;for(const[a,o]of n)r[a]=o;return r};const b={},g={class:"utrecht-article"};function B(e,n){return t.openBlock(),t.createElementBlock("article",g,[t.renderSlot(e.$slots,"default")])}var x=s(b,[["render",B]]),Gt="";const S=t.defineComponent({__name:"UtrechtBadgeStatus",props:{status:null},setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["utrecht-badge-status",{[`utrecht-badge-status--${e.status}`]:!0}])},[t.renderSlot(n.$slots,"default")],2))}});var Wt="";const E=["aria-busy","disabled","type"],v=t.defineComponent({__name:"UtrechtButton",props:{appearance:null,busy:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["utrecht-button",{"utrecht-button--busy":e.busy,"utrecht-button--disabled":e.disabled,"utrecht-button--primary-action":e.appearance==="primary-action-button","utrecht-button--secondary-action":e.appearance==="secondary-action-button","utrecht-button--submit":e.type==="submit","utrecht-button--subtle":e.appearance==="subtle-button"}]),"aria-busy":e.busy||void 0,disabled:e.disabled,type:e.type||"button"},[t.renderSlot(n.$slots,"default")],10,E))}});var Jt="";const C={},U={class:"utrecht-button-group"};function T(e,n){return t.openBlock(),t.createElementBlock("div",U,[t.renderSlot(e.$slots,"default")])}var q=s(C,[["render",T]]);function H(e,n){if(e.length!==n.length)return!1;let r=!0;for(let a=0;r&&a<e.length;a++)r=d(e[a],n[a]);return r}function d(e,n){if(e===n)return!0;let r=y(e),a=y(n);if(r||a)return r&&a?e.getTime()===n.getTime():!1;if(r=m(e),a=m(n),r||a)return e===n;if(r=f(e),a=f(n),r||a)return r&&a?H(e,n):!1;if(r=p(e),a=p(n),r||a){if(!r||!a)return!1;const o=Object.keys(e).length,i=Object.keys(n).length;if(o!==i)return!1;for(const l in e){const u=e.hasOwnProperty(l),_=n.hasOwnProperty(l);if(u&&!_||!u&&_||!d(e[l],n[l]))return!1}}return String(e)===String(n)}const f=Array.isArray,y=e=>V(e)==="[object Date]",m=e=>typeof e=="symbol",p=e=>e!==null&&typeof e=="object",F=Object.prototype.toString,V=e=>F.call(e);var Qt="";const j=["aria-invalid","checked","disabled","required","value"],$=e=>e instanceof Set,k=(e,n)=>Array.isArray(e)?e.includes(n):e instanceof Set?e.has(n):d(e,n),A=(e,n)=>Array.isArray(e)?[...e,n]:$(e)?new Set(e).add(n):n,P=(e,n)=>{if(Array.isArray(e))return e.filter(r=>r!==n);if($(e)){const r=new Set(e);return r.delete(n),r}else return""},w={methods:{$_handleInputEvent(e){const{value:n,modelValue:r}=this,a=k(r,n)?P(r,n):A(r,n);this.$emit("update:modelValue",a)},$_isChecked(){return k(this.modelValue,this.value)}}},z=t.defineComponent({...w,__name:"UtrechtCheckbox",props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("input",{type:"checkbox",class:t.normalizeClass(["utrecht-checkbox",{"utrecht-checkbox--checked":e.checked||n.$_isChecked(),"utrecht-checkbox--disabled":e.disabled,"utrecht-checkbox--invalid":e.invalid,"utrecht-checkbox--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:typeof e.checked=="boolean"?e.checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:r[0]||(r[0]=a=>n.$_handleInputEvent(a))},null,42,j))}});var Xt="";const O={},D={class:"utrecht-document"};function I(e,n){return t.openBlock(),t.createElementBlock("div",D,[t.renderSlot(e.$slots,"default")])}var L=s(O,[["render",I]]),Yt="";const M={},K={class:"utrecht-form-field"};function N(e,n){return t.openBlock(),t.createElementBlock("div",K,[t.renderSlot(e.$slots,"default")])}var R=s(M,[["render",N]]),Zt="";const G={},W={class:"utrecht-form-fieldset"};function J(e,n){return t.openBlock(),t.createElementBlock("fieldset",W,[t.renderSlot(e.$slots,"default")])}var Q=s(G,[["render",J]]),en="";const X={},Y={class:"utrecht-form-fieldset__legend"};function Z(e,n){return t.openBlock(),t.createElementBlock("legend",Y,[t.renderSlot(e.$slots,"default")])}var ee=s(X,[["render",Z]]),tn="";const te=t.defineComponent({__name:"UtrechtFormLabel",props:{checked:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(["utrecht-form-label",{"utrecht-form-label--checked":e.checked,"utrecht-form-label--disabled":e.disabled,"utrecht-form-label--radio":e.type==="radio","utrecht-form-label--checkbox":e.type==="checkbox"}])},[t.renderSlot(n.$slots,"default")],2))}});var nn="",rn="",cn="",sn="",an="",ln="";const ne={key:0,class:"utrecht-heading-1"},re={key:1,class:"utrecht-heading-2"},ce={key:2,class:"utrecht-heading-3"},se={key:3,class:"utrecht-heading-4"},ae={key:4,class:"utrecht-heading-5"},le={key:5,class:"utrecht-heading-6"};var oe=s(t.defineComponent({__name:"UtrechtHeading",props:{level:null},setup(e){return(n,r)=>e.level==1?(t.openBlock(),t.createElementBlock("h1",ne,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==2?(t.openBlock(),t.createElementBlock("h2",re,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==3?(t.openBlock(),t.createElementBlock("h3",ce,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==4?(t.openBlock(),t.createElementBlock("h4",se,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==5?(t.openBlock(),t.createElementBlock("h5",ae,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):(t.openBlock(),t.createElementBlock("h6",le,[t.renderSlot(n.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-0797b6fe"]]),_n="";const _e={},de={class:"utrecht-heading-1"};function ie(e,n){return t.openBlock(),t.createElementBlock("h1",de,[t.renderSlot(e.$slots,"default")])}var ue=s(_e,[["render",ie]]),dn="";const he={},fe={class:"utrecht-heading-2"};function ye(e,n){return t.openBlock(),t.createElementBlock("h2",fe,[t.renderSlot(e.$slots,"default")])}var me=s(he,[["render",ye]]),un="";const pe={},$e={class:"utrecht-heading-3"};function ke(e,n){return t.openBlock(),t.createElementBlock("h3",$e,[t.renderSlot(e.$slots,"default")])}var be=s(pe,[["render",ke]]),hn="";const ge={},Be={class:"utrecht-heading-4"};function xe(e,n){return t.openBlock(),t.createElementBlock("h4",Be,[t.renderSlot(e.$slots,"default")])}var Se=s(ge,[["render",xe]]),fn="";const Ee={},ve={class:"utrecht-heading-5"};function Ce(e,n){return t.openBlock(),t.createElementBlock("h5",ve,[t.renderSlot(e.$slots,"default")])}var Ue=s(Ee,[["render",Ce]]),yn="";const Te={},qe={class:"utrecht-heading-6"};function He(e,n){return t.openBlock(),t.createElementBlock("h6",qe,[t.renderSlot(e.$slots,"default")])}var Fe=s(Te,[["render",He]]),mn="";const Ve=t.defineComponent({__name:"UtrechtLink",props:{external:{type:Boolean}},setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["utrecht-link",{"utrecht-link--external":e.external}])},[t.renderSlot(n.$slots,"default")],2))}});var pn="";const je={},Ae={class:"utrecht-page"};function Pe(e,n){return t.openBlock(),t.createElementBlock("div",Ae,[t.renderSlot(e.$slots,"default")])}var we=s(je,[["render",Pe]]),$n="";const ze={},Oe={class:"utrecht-page-content"};function De(e,n){return t.openBlock(),t.createElementBlock("div",Oe,[t.renderSlot(e.$slots,"default")])}var Ie=s(ze,[["render",De]]),kn="";const Le={},Me={class:"utrecht-page-footer"};function Ke(e,n){return t.openBlock(),t.createElementBlock("footer",Me,[t.renderSlot(e.$slots,"default")])}var Ne=s(Le,[["render",Ke]]),bn="";const Re={},Ge={class:"utrecht-page-header"};function We(e,n){return t.openBlock(),t.createElementBlock("header",Ge,[t.renderSlot(e.$slots,"default")])}var Je=s(Re,[["render",We]]),gn="";const Qe=t.defineComponent({__name:"UtrechtParagraph",props:{lead:{type:Boolean}},setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("p",{class:t.normalizeClass(["utrecht-paragraph",{"utrecht-paragraph--lead":e.lead}])},[t.renderSlot(n.$slots,"default")],2))}});var Bn="";const Xe=["aria-invalid","checked","disabled","required","value"],Ye=(e,n)=>d(e,n),Ze={methods:{$_handleInputEvent(e){e.checked&&this.$emit("update:modelValue",this.value)},$_isChecked(){return typeof this.modelValue!="undefined"?Ye(this.modelValue,this.value):this.checked}}},et=t.defineComponent({...Ze,__name:"UtrechtRadioButton",props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("input",{type:"radio",class:t.normalizeClass(["utrecht-radio-button",{"utrecht-radio-button--checked":e.checked,"utrecht-radio-button--disabled":e.disabled,"utrecht-radio-button--invalid":e.invalid,"utrecht-radio-button--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:r[0]||(r[0]=a=>n.$_handleInputEvent(a.target))},null,42,Xe))}});function h(e,n,r="modelValue"){return t.computed({get:()=>e.modelValue,set:a=>n(`update:${r}`,a)})}var xn="";const tt=t.defineComponent({props:{invalid:{type:Boolean,required:!1},readonly:{type:Boolean,required:!1},options:{type:[Array,Object],required:!0},modelValue:{type:[String,Number,Boolean],require:!1,default:""}},setup(e,{emit:n}){return{selected:h(e,n)}}}),nt=["aria-invalid","readonly"],rt=["value","disabled"];function ct(e,n,r,a,o,i){return t.withDirectives((t.openBlock(),t.createElementBlock("select",{"onUpdate:modelValue":n[0]||(n[0]=l=>e.selected=l),"aria-invalid":e.invalid||void 0,class:t.normalizeClass([{"utrecht-select--invalid":e.invalid},{"utrecht-select--readonly":e.readonly},"utrecht-select--html-select","utrecht-select"]),readonly:e.readonly},[e.options&&e.options.length>0?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(e.options,({value:l,label:u,disabled:_})=>(t.openBlock(),t.createElementBlock("option",{key:l,value:l,class:t.normalizeClass([{"utrecht-select__option--disabled":_},"utrecht-select__option"]),disabled:_},t.toDisplayString(u),11,rt))),128)):t.createCommentVNode("",!0)],10,nt)),[[t.vModelSelect,e.selected]])}var st=s(tt,[["render",ct]]),Sn="";const at={},lt={class:"utrecht-table"};function ot(e,n){return t.openBlock(),t.createElementBlock("table",lt,[t.renderSlot(e.$slots,"default")])}var _t=s(at,[["render",ot]]),En="";const dt={},it={class:"utrecht-table__body"};function ut(e,n){return t.openBlock(),t.createElementBlock("tbody",it,[t.renderSlot(e.$slots,"default")])}var ht=s(dt,[["render",ut]]),vn="";const ft={},yt={class:"utrecht-table__caption"};function mt(e,n){return t.openBlock(),t.createElementBlock("caption",yt,[t.renderSlot(e.$slots,"default")])}var pt=s(ft,[["render",mt]]),Cn="";const $t={},kt={class:"utrecht-table__cell"};function bt(e,n){return t.openBlock(),t.createElementBlock("td",kt,[t.renderSlot(e.$slots,"default")])}var gt=s($t,[["render",bt]]),Un="";const Bt={},xt={class:"utrecht-table__footer"};function St(e,n){return t.openBlock(),t.createElementBlock("tfoot",xt,[t.renderSlot(e.$slots,"default")])}var Et=s(Bt,[["render",St]]),Tn="";const vt={},Ct={class:"utrecht-table__header"};function Ut(e,n){return t.openBlock(),t.createElementBlock("thead",Ct,[t.renderSlot(e.$slots,"default")])}var Tt=s(vt,[["render",Ut]]),qn="";const qt={},Ht={class:"utrecht-table__header-cell"};function Ft(e,n){return t.openBlock(),t.createElementBlock("th",Ht,[t.renderSlot(e.$slots,"default")])}var Vt=s(qt,[["render",Ft]]),Hn="";const jt={},At={class:"utrecht-table__row"};function Pt(e,n){return t.openBlock(),t.createElementBlock("tr",At,[t.renderSlot(e.$slots,"default")])}var wt=s(jt,[["render",Pt]]),Fn="";const zt=t.defineComponent({props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],require:!1,default:""}},setup(e,{emit:n}){return{value:h(e,n)}}}),Ot=["aria-invalid"];function Dt(e,n,r,a,o,i){return t.withDirectives((t.openBlock(),t.createElementBlock("textarea",{"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),"aria-invalid":e.invalid||void 0,class:t.normalizeClass([{"utrecht-textarea--invalid":e.invalid},"utrecht-textarea","utrecht-textarea--html-textarea"])},null,10,Ot)),[[t.vModelText,e.value]])}var It=s(zt,[["render",Dt]]),Vn="";const Lt=t.defineComponent({props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],require:!1,default:""}},setup(e,{emit:n}){return{value:h(e,n)}}}),Mt=["aria-invalid"];function Kt(e,n,r,a,o,i){return t.withDirectives((t.openBlock(),t.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),"aria-invalid":e.invalid||void 0,class:t.normalizeClass([{"utrecht-textbox--invalid":e.invalid},"utrecht-textbox","utrecht-textbox--html-input"])},null,10,Mt)),[[t.vModelText,e.value]])}var Nt=s(Lt,[["render",Kt]]);c.Article=x,c.BadgeStatus=S,c.Button=v,c.ButtonGroup=q,c.Checkbox=z,c.Document=L,c.FormField=R,c.FormFieldset=Q,c.FormFieldsetLegend=ee,c.FormLabel=te,c.Heading=oe,c.Heading1=ue,c.Heading2=me,c.Heading3=be,c.Heading4=Se,c.Heading5=Ue,c.Heading6=Fe,c.Link=Ve,c.Page=we,c.PageContent=Ie,c.PageFooter=Ne,c.PageHeader=Je,c.Paragraph=Qe,c.RadioButton=et,c.Select=st,c.Table=_t,c.TableBody=ht,c.TableCaption=pt,c.TableCell=gt,c.TableFooter=Et,c.TableHeader=Tt,c.TableHeaderCell=Vt,c.TableRow=wt,c.Textarea=It,c.Textbox=Nt,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.51",
2
+ "version": "1.0.0-alpha.54",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Vue.js components for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -42,7 +42,7 @@
42
42
  "@types/jest": "27.5.2",
43
43
  "@types/jsdom": "16.2.15",
44
44
  "@types/node": "16.11.47",
45
- "@utrecht/components": "1.0.0-alpha.235",
45
+ "@utrecht/components": "1.0.0-alpha.238",
46
46
  "@vitejs/plugin-vue": "2.3.3",
47
47
  "@vue/tsconfig": "0.1.3",
48
48
  "@vue/vue3-jest": "28.0.1",
@@ -61,5 +61,5 @@
61
61
  "vue-router": "4.1.3",
62
62
  "vue-tsc": "0.39.4"
63
63
  },
64
- "gitHead": "e81062bffe2ad6640d89a9bf721e37b7cddbf569"
64
+ "gitHead": "f7b7626aa38c9444ff618a6aaeacabf0d90e792b"
65
65
  }