@piveau/dpi 0.2.0-alpha.16 → 0.2.0-alpha.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,11 +1,11 @@
1
- import { defineComponent as E, ref as c, computed as K, watch as U, nextTick as z, createElementBlock as b, openBlock as d, createElementVNode as n, createVNode as l, unref as i, withCtx as s, Fragment as V, renderList as D, createBlock as S, createTextVNode as $, createCommentVNode as A, withDirectives as N, vModelCheckbox as T } from "vue";
2
- import { FormKit as m } from "@formkit/vue";
1
+ import { defineComponent as E, ref as p, computed as K, watch as U, nextTick as z, createElementBlock as g, openBlock as u, createElementVNode as t, createVNode as l, unref as i, withCtx as s, Fragment as V, renderList as w, createBlock as S, createTextVNode as $, createCommentVNode as A, withDirectives as N, vModelCheckbox as T } from "vue";
2
+ import { FormKit as d } from "@formkit/vue";
3
3
  import { PhLightbulb as G } from "@phosphor-icons/vue";
4
4
  import W from "../../../../stories/components/LinkCard.vue.js";
5
5
  import M from "../../../../stories/components/PartnerCard.vue.js";
6
- import q from "../../../../stories/components/ScreenshotCard.vue.js";
7
- import Z from "../../../components/StepActionsSection.vue.js";
8
- import y from "../ButtonV3.vue.js";
6
+ import Z from "../../../../stories/components/ScreenshotCard.vue.js";
7
+ import q from "../../../components/StepActionsSection.vue.js";
8
+ import b from "../ButtonV3.vue.js";
9
9
  import O from "../Card.vue.js";
10
10
  import R from "../Chip.vue.js";
11
11
  import H from "../InputField.vue.js";
@@ -14,84 +14,84 @@ import J from "../TextArea/TextAreaDefinition.js";
14
14
  const Q = { class: "dpiV3_page V3-typography" }, X = {
15
15
  id: "partners-section",
16
16
  class: "funny-section"
17
- }, Y = { class: "partner-cards-container" }, ee = { class: "action-container" }, te = { class: "funny-section" }, ne = { class: "start-and-end" }, le = { class: "funny-section" }, ae = { class: "funny-section required-skills" }, ie = {
17
+ }, Y = { class: "partner-cards-container" }, ee = { class: "action-container" }, te = { class: "funny-section" }, ne = { class: "start-and-end" }, le = { class: "funny-section" }, ie = { class: "funny-section required-skills" }, ae = {
18
18
  key: 0,
19
19
  class: "d-flex"
20
- }, oe = ["id", "value"], re = ["for"], se = { class: "action-container" }, ue = {
20
+ }, re = ["id", "value"], oe = ["for"], se = { class: "action-container" }, ue = {
21
21
  id: "partners-section",
22
22
  class: "funny-section"
23
- }, de = { class: "partner-cards-container" }, me = { class: "action-container" }, ce = {
23
+ }, de = { class: "partner-cards-container" }, me = { class: "action-container" }, pe = {
24
24
  id: "partners-section",
25
25
  class: "funny-section"
26
- }, pe = { class: "partner-cards-container" }, he = { class: "action-container" }, fe = 500, Ie = /* @__PURE__ */ E({
26
+ }, ce = { class: "partner-cards-container" }, fe = { class: "action-container" }, he = 500, Ie = /* @__PURE__ */ E({
27
27
  __name: "OptionalDataStep",
28
28
  setup(ve) {
29
- const w = c(""), P = c([]), I = c([]), _ = c([]), j = K(() => {
29
+ const C = p(""), P = p([]), I = p([]), _ = p([]), j = K(() => {
30
30
  var a;
31
- return ((a = w.value) == null ? void 0 : a.length) || 0;
32
- }), x = c(""), p = c([]);
31
+ return ((a = C.value) == null ? void 0 : a.length) || 0;
32
+ }), x = p(""), c = p([]);
33
33
  function L(a) {
34
34
  if (a && a.trim()) {
35
35
  const e = a.trim();
36
- p.value.includes(e) || p.value.push(e), x.value = "";
36
+ c.value.includes(e) || c.value.push(e), x.value = "";
37
37
  }
38
38
  }
39
- const g = c(null), u = c(null), r = c(0), C = c("");
40
- return U(u, async (a) => {
41
- if (console.log("endDate changed:", g.value, "current endDate:", a), a && g.value != null) {
42
- const e = new Date(g.value), t = new Date(a);
43
- if (console.log("start:", e), console.log("end:", t), t <= e) {
44
- const o = r.value;
45
- r.value = -1, u.value = null, await z(), r.value = o + 1, console.log("endDate reset - end date is before start date");
39
+ const y = p(null), m = p(null), o = p(0), D = p("");
40
+ return U(m, async (a) => {
41
+ if (a && y.value != null) {
42
+ const e = new Date(y.value);
43
+ if (new Date(a) <= e) {
44
+ const r = o.value;
45
+ o.value = -1, m.value = null, await z(), o.value = r + 1;
46
46
  }
47
- } else if (a && g.value == null) {
48
- const e = r.value;
49
- r.value = -1, u.value = null, await z(), r.value = e + 1, console.log("endDate reset - no start date");
47
+ } else if (a && y.value == null) {
48
+ const e = o.value;
49
+ o.value = -1, m.value = null, await z(), o.value = e + 1;
50
50
  }
51
- }), U(g, async (a) => {
52
- if (console.log("startDate changed:", a, "current endDate:", u.value), a && u.value != null) {
53
- const e = new Date(a), t = new Date(u.value);
54
- if (console.log("start:", e), console.log("end:", t), t <= e) {
55
- const o = r.value;
56
- r.value = -1, u.value = null, await z(), r.value = o + 1, console.log("endDate reset - start date made greater than end date");
51
+ }), U(y, async (a) => {
52
+ if (a && m.value != null) {
53
+ const e = new Date(a);
54
+ if (new Date(m.value) <= e) {
55
+ const r = o.value;
56
+ o.value = -1, m.value = null, await z(), o.value = r + 1;
57
57
  }
58
- } else if (!a && u.value != null) {
59
- const e = r.value;
60
- r.value = -1, u.value = null, await z(), r.value = e + 1, console.log("endDate reset - start date was cleared");
58
+ } else if (!a && m.value != null) {
59
+ const e = o.value;
60
+ o.value = -1, m.value = null, await z(), o.value = e + 1;
61
61
  }
62
- }), (a, e) => (d(), b("div", Q, [
63
- e[25] || (e[25] = n("section", { class: "funny-section" }, [
64
- n("div", { class: "funny-flex" }, [
65
- n("h4", null, "Fügen Sie optionale Daten hinzu"),
66
- n("span", { class: "copy-large-regular" }, " Zusätzliche Informationen, wie etwa zur Laufzeit oder zum Budgetrahmen Ihres Projekts, können für andere Kommunen hilfreich sein. ")
62
+ }), (a, e) => (u(), g("div", Q, [
63
+ e[25] || (e[25] = t("section", { class: "funny-section" }, [
64
+ t("div", { class: "funny-flex" }, [
65
+ t("h4", null, "Fügen Sie optionale Daten hinzu"),
66
+ t("span", { class: "copy-large-regular" }, " Zusätzliche Informationen, wie etwa zur Laufzeit oder zum Budgetrahmen Ihres Projekts, können für andere Kommunen hilfreich sein. ")
67
67
  ])
68
68
  ], -1)),
69
- n("section", X, [
70
- e[11] || (e[11] = n("h5", null, " Partner ", -1)),
71
- e[12] || (e[12] = n("span", { class: "copy-large-regular" }, "Wenn Sie mit einem oder mehreren Partnern zusammengearbeitet haben, können Sie diese hier angeben.", -1)),
72
- n("div", Y, [
73
- l(i(m), {
69
+ t("section", X, [
70
+ e[11] || (e[11] = t("h5", null, " Partner ", -1)),
71
+ e[12] || (e[12] = t("span", { class: "copy-large-regular" }, "Wenn Sie mit einem oder mehreren Partnern zusammengearbeitet haben, können Sie diese hier angeben.", -1)),
72
+ t("div", Y, [
73
+ l(i(d), {
74
74
  modelValue: P.value,
75
- "onUpdate:modelValue": e[0] || (e[0] = (t) => P.value = t),
75
+ "onUpdate:modelValue": e[0] || (e[0] = (n) => P.value = n),
76
76
  type: "list",
77
77
  name: "partners",
78
78
  dynamic: ""
79
79
  }, {
80
- default: s(({ items: t, node: o, value: h }) => [
81
- (d(!0), b(V, null, D(t, (f, v) => (d(), S(i(m), {
82
- key: f,
80
+ default: s(({ items: n, node: r, value: f }) => [
81
+ (u(!0), g(V, null, w(n, (h, v) => (u(), S(i(d), {
82
+ key: h,
83
83
  type: "group",
84
84
  index: v
85
85
  }, {
86
86
  default: s(() => [
87
87
  l(M, null, {
88
88
  action: s(() => [
89
- l(y, {
89
+ l(b, {
90
90
  "button-text": "Löschen",
91
91
  size: "small",
92
92
  variant: "tertiary",
93
93
  "icon-start": "trash",
94
- onClick: () => o.input(h.filter((B, k) => k !== v))
94
+ onClick: () => r.input(f.filter((B, k) => k !== v))
95
95
  }, null, 8, ["onClick"])
96
96
  ]),
97
97
  _: 2
@@ -99,13 +99,13 @@ const Q = { class: "dpiV3_page V3-typography" }, X = {
99
99
  ]),
100
100
  _: 2
101
101
  }, 1032, ["index"]))), 128)),
102
- n("div", ee, [
103
- l(y, {
102
+ t("div", ee, [
103
+ l(b, {
104
104
  "button-text": "Partner hinzufügen",
105
105
  size: "medium",
106
106
  variant: "tertiary",
107
107
  "icon-start": "plus",
108
- onClick: (f) => o.input(h.concat({}))
108
+ onClick: (h) => r.input(f.concat({}))
109
109
  }, null, 8, ["onClick"])
110
110
  ])
111
111
  ]),
@@ -113,13 +113,13 @@ const Q = { class: "dpiV3_page V3-typography" }, X = {
113
113
  }, 8, ["modelValue"])
114
114
  ])
115
115
  ]),
116
- n("section", te, [
117
- e[13] || (e[13] = n("h5", null, " Projektzeitraum ", -1)),
118
- e[14] || (e[14] = n("span", { class: "copy-large-regular" }, "Für Projekte, die noch nicht abgeschlossen sind, können Sie das Enddatum frei lassen.", -1)),
119
- n("div", ne, [
120
- l(i(m), {
121
- modelValue: g.value,
122
- "onUpdate:modelValue": e[1] || (e[1] = (t) => g.value = t),
116
+ t("section", te, [
117
+ e[13] || (e[13] = t("h5", null, " Projektzeitraum ", -1)),
118
+ e[14] || (e[14] = t("span", { class: "copy-large-regular" }, "Für Projekte, die noch nicht abgeschlossen sind, können Sie das Enddatum frei lassen.", -1)),
119
+ t("div", ne, [
120
+ l(i(d), {
121
+ modelValue: y.value,
122
+ "onUpdate:modelValue": e[1] || (e[1] = (n) => y.value = n),
123
123
  type: i(F),
124
124
  name: "startDate",
125
125
  "text-label": "Startdatum",
@@ -130,14 +130,12 @@ const Q = { class: "dpiV3_page V3-typography" }, X = {
130
130
  "info-icon": !1,
131
131
  "pre-icon": !1,
132
132
  "show-end-icon": !1,
133
- "initial-hint-text": !1,
134
- validation: "required",
135
- "validation-label": "Start Date"
133
+ "initial-hint-text": !1
136
134
  }, null, 8, ["modelValue", "type"]),
137
- (d(), S(i(m), {
138
- key: r.value,
139
- modelValue: u.value,
140
- "onUpdate:modelValue": e[2] || (e[2] = (t) => u.value = t),
135
+ (u(), S(i(d), {
136
+ key: o.value,
137
+ modelValue: m.value,
138
+ "onUpdate:modelValue": e[2] || (e[2] = (n) => m.value = n),
141
139
  type: i(F),
142
140
  name: "endDate",
143
141
  "text-label": "Enddatum",
@@ -152,14 +150,14 @@ const Q = { class: "dpiV3_page V3-typography" }, X = {
152
150
  }, null, 8, ["modelValue", "type"]))
153
151
  ])
154
152
  ]),
155
- n("section", le, [
156
- e[17] || (e[17] = n("h5", null, "Budget", -1)),
157
- e[18] || (e[18] = n("div", { class: "budget" }, [
158
- n("span", { class: "copy-large-regular" }, " Bitte geben Sie hier das Gesamtbudget für Ihr Projekt an. ")
153
+ t("section", le, [
154
+ e[17] || (e[17] = t("h5", null, "Budget", -1)),
155
+ e[18] || (e[18] = t("div", { class: "budget" }, [
156
+ t("span", { class: "copy-large-regular" }, " Bitte geben Sie hier das Gesamtbudget für Ihr Projekt an. ")
159
157
  ], -1)),
160
- l(i(m), {
161
- modelValue: C.value,
162
- "onUpdate:modelValue": e[3] || (e[3] = (t) => C.value = t),
158
+ l(i(d), {
159
+ modelValue: D.value,
160
+ "onUpdate:modelValue": e[3] || (e[3] = (n) => D.value = n),
163
161
  type: i(F),
164
162
  name: "budget",
165
163
  "trailing-text": !0,
@@ -167,24 +165,25 @@ const Q = { class: "dpiV3_page V3-typography" }, X = {
167
165
  "text-label": "Budget",
168
166
  placeholder: "....Budget",
169
167
  validation: "number",
168
+ "validation-visibility": "submit",
170
169
  inputmode: "numeric",
171
170
  pattern: "[0-9]*"
172
171
  }, null, 8, ["modelValue", "type"]),
173
- l(i(m), {
172
+ l(i(d), {
174
173
  id: "Förderung",
175
- modelValue: w.value,
176
- "onUpdate:modelValue": e[4] || (e[4] = (t) => w.value = t),
174
+ modelValue: C.value,
175
+ "onUpdate:modelValue": e[4] || (e[4] = (n) => C.value = n),
177
176
  class: "budgetArea",
178
177
  label: "Förderung (optional)",
179
178
  type: i(J),
180
179
  name: "budgetDescription",
181
180
  "text-label": "Förderung (optional)",
182
181
  placeholder: "Beschreiben Sie welche Förderung Sie erhalten haben.",
183
- disabled: !C.value,
182
+ disabled: !D.value,
184
183
  validation: "length:0,500",
185
184
  "validation-visibility": "live",
186
185
  hint: "true",
187
- help: `${j.value} von ${fe} Zeichen`,
186
+ help: `${j.value} von ${he} Zeichen`,
188
187
  "count-hint": !0
189
188
  }, null, 8, ["modelValue", "type", "disabled", "help"]),
190
189
  l(O, { variant: "default" }, {
@@ -198,46 +197,46 @@ const Q = { class: "dpiV3_page V3-typography" }, X = {
198
197
  $(" Information ", -1)
199
198
  ])),
200
199
  default: s(() => [
201
- e[16] || (e[16] = n("div", { class: "copy-large-regular" }, [
202
- n("p", null, "Ihre Angabe zum Gesamtbudget hilft anderen Kommunen, den Umfang Ihres Projekts besser einzuschätzen. Sie können hier auch einen Schätzwert eingeben, falls das Projekt z.B. noch nicht abgeschlossen ist. Wenn Sie eine Förderung erhalten und das Projekt ausschließlich damit finanziert haben, geben Sie die Fördersumme als Ihr Gesamtbudget an.")
200
+ e[16] || (e[16] = t("div", { class: "copy-large-regular" }, [
201
+ t("p", null, "Ihre Angabe zum Gesamtbudget hilft anderen Kommunen, den Umfang Ihres Projekts besser einzuschätzen. Sie können hier auch einen Schätzwert eingeben, falls das Projekt z.B. noch nicht abgeschlossen ist. Wenn Sie eine Förderung erhalten und das Projekt ausschließlich damit finanziert haben, geben Sie die Fördersumme als Ihr Gesamtbudget an.")
203
202
  ], -1))
204
203
  ]),
205
204
  _: 1,
206
205
  __: [16]
207
206
  })
208
207
  ]),
209
- n("section", ae, [
210
- e[19] || (e[19] = n("h5", null, "Erforderliche Fachkompetenzen", -1)),
211
- e[20] || (e[20] = n("p", null, "Damit andere Kommunen besser einschätzen können, welche Fachkenntnisse das Projektteam mitbringen sollte, bitten wir Sie, hier die Kompetenzfelder anzugeben, die für Ihr Projekt am Wichtigsten waren (z.B. Datenmanagement oder Projektmanagement).", -1)),
212
- l(i(m), {
213
- modelValue: p.value,
214
- "onUpdate:modelValue": e[5] || (e[5] = (t) => p.value = t),
208
+ t("section", ie, [
209
+ e[19] || (e[19] = t("h5", null, "Erforderliche Fachkompetenzen", -1)),
210
+ e[20] || (e[20] = t("p", null, "Damit andere Kommunen besser einschätzen können, welche Fachkenntnisse das Projektteam mitbringen sollte, bitten wir Sie, hier die Kompetenzfelder anzugeben, die für Ihr Projekt am Wichtigsten waren (z.B. Datenmanagement oder Projektmanagement).", -1)),
211
+ l(i(d), {
212
+ modelValue: c.value,
213
+ "onUpdate:modelValue": e[5] || (e[5] = (n) => c.value = n),
215
214
  type: "hidden",
216
215
  name: "requiredExpertise"
217
216
  }, null, 8, ["modelValue"]),
218
- p.value.length > 0 ? (d(), b("div", ie, [
219
- (d(!0), b(V, null, D(p.value, (t) => (d(), b("div", {
220
- key: t,
217
+ c.value.length > 0 ? (u(), g("div", ae, [
218
+ (u(!0), g(V, null, w(c.value, (n) => (u(), g("div", {
219
+ key: n,
221
220
  class: "label-chip"
222
221
  }, [
223
- N(n("input", {
224
- id: `hardware-${t}`,
225
- "onUpdate:modelValue": e[6] || (e[6] = (o) => p.value = o),
222
+ N(t("input", {
223
+ id: `hardware-${n}`,
224
+ "onUpdate:modelValue": e[6] || (e[6] = (r) => c.value = r),
226
225
  class: "label-chip__input",
227
226
  type: "checkbox",
228
- value: t
229
- }, null, 8, oe), [
230
- [T, p.value]
227
+ value: n
228
+ }, null, 8, re), [
229
+ [T, c.value]
231
230
  ]),
232
- n("label", {
231
+ t("label", {
233
232
  class: "label-chip__label",
234
- for: `hardware-${t}`
233
+ for: `hardware-${n}`
235
234
  }, [
236
235
  l(R, {
237
236
  class: "label-chip__inner",
238
- text: t,
237
+ text: n,
239
238
  data: {
240
- "@value": t,
239
+ "@value": n,
241
240
  URI: "https://example.com/default"
242
241
  },
243
242
  setup: {
@@ -246,12 +245,12 @@ const Q = { class: "dpiV3_page V3-typography" }, X = {
246
245
  "@inTable": !1
247
246
  }
248
247
  }, null, 8, ["text", "data"])
249
- ], 8, re)
248
+ ], 8, oe)
250
249
  ]))), 128))
251
250
  ])) : A("", !0),
252
251
  l(H, {
253
252
  modelValue: x.value,
254
- "onUpdate:modelValue": e[7] || (e[7] = (t) => x.value = t),
253
+ "onUpdate:modelValue": e[7] || (e[7] = (n) => x.value = n),
255
254
  label: "Erforderliche Fachkompetenz",
256
255
  "input-type": "text",
257
256
  placeholder: "Nennen Sie eine Fachkompetenz.",
@@ -262,42 +261,42 @@ const Q = { class: "dpiV3_page V3-typography" }, X = {
262
261
  "show-end-icon": !1,
263
262
  "initial-hint-text": !1
264
263
  }, null, 8, ["modelValue"]),
265
- n("div", se, [
266
- l(y, {
264
+ t("div", se, [
265
+ l(b, {
267
266
  "button-text": "Fachkompetenz hinzufügen",
268
267
  size: "medium",
269
268
  variant: "tertiary",
270
269
  "icon-start": "plus",
271
- onClick: e[8] || (e[8] = (t) => L(x.value))
270
+ onClick: e[8] || (e[8] = (n) => L(x.value))
272
271
  })
273
272
  ])
274
273
  ]),
275
- n("section", ue, [
276
- e[21] || (e[21] = n("h5", null, " Screenshots ", -1)),
277
- e[22] || (e[22] = n("span", { class: "copy-large-regular" }, "Bilder oder Screenshots helfen einen besseren Eindruck von Ihrem Projekt zu bekommen. Aus rechtlichen und technischen Gründen können Sie keine Dateien hochladen. Geben Sie daher bitte die URL an, unter der das Bild oder der Screenshot dauerhaft zu erreichen sein wird.", -1)),
278
- n("div", de, [
279
- l(i(m), {
274
+ t("section", ue, [
275
+ e[21] || (e[21] = t("h5", null, " Screenshots ", -1)),
276
+ e[22] || (e[22] = t("span", { class: "copy-large-regular" }, "Bilder oder Screenshots helfen einen besseren Eindruck von Ihrem Projekt zu bekommen. Aus rechtlichen und technischen Gründen können Sie keine Dateien hochladen. Geben Sie daher bitte die URL an, unter der das Bild oder der Screenshot dauerhaft zu erreichen sein wird.", -1)),
277
+ t("div", de, [
278
+ l(i(d), {
280
279
  modelValue: I.value,
281
- "onUpdate:modelValue": e[9] || (e[9] = (t) => I.value = t),
280
+ "onUpdate:modelValue": e[9] || (e[9] = (n) => I.value = n),
282
281
  type: "list",
283
282
  name: "references",
284
283
  dynamic: ""
285
284
  }, {
286
- default: s(({ items: t, node: o, value: h }) => [
287
- (d(!0), b(V, null, D(t, (f, v) => (d(), S(i(m), {
288
- key: f,
285
+ default: s(({ items: n, node: r, value: f }) => [
286
+ (u(!0), g(V, null, w(n, (h, v) => (u(), S(i(d), {
287
+ key: h,
289
288
  type: "group",
290
289
  index: v
291
290
  }, {
292
291
  default: s(() => [
293
- l(q, null, {
292
+ l(Z, null, {
294
293
  action: s(() => [
295
- l(y, {
294
+ l(b, {
296
295
  "button-text": "Löschen",
297
296
  size: "small",
298
297
  variant: "tertiary",
299
298
  "icon-start": "trash",
300
- onClick: () => o.input(h.filter((B, k) => k !== v))
299
+ onClick: () => r.input(f.filter((B, k) => k !== v))
301
300
  }, null, 8, ["onClick"])
302
301
  ]),
303
302
  _: 2
@@ -305,13 +304,13 @@ const Q = { class: "dpiV3_page V3-typography" }, X = {
305
304
  ]),
306
305
  _: 2
307
306
  }, 1032, ["index"]))), 128)),
308
- n("div", me, [
309
- l(y, {
307
+ t("div", me, [
308
+ l(b, {
310
309
  "button-text": "Screenshot hinzufügen",
311
310
  size: "medium",
312
311
  variant: "tertiary",
313
312
  "icon-start": "plus",
314
- onClick: (f) => o.input(h.concat({}))
313
+ onClick: (h) => r.input(f.concat({}))
315
314
  }, null, 8, ["onClick"])
316
315
  ])
317
316
  ]),
@@ -319,32 +318,32 @@ const Q = { class: "dpiV3_page V3-typography" }, X = {
319
318
  }, 8, ["modelValue"])
320
319
  ])
321
320
  ]),
322
- n("section", ce, [
323
- e[23] || (e[23] = n("h5", null, " Weiterführende Links ", -1)),
324
- e[24] || (e[24] = n("span", { class: "copy-large-regular" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zu Ihrer Vorgehensweise beim Aufbau eines Digitalen Zwillings enthalten, wie etwa Status- oder Abschlussberichte.", -1)),
325
- n("div", pe, [
326
- l(i(m), {
321
+ t("section", pe, [
322
+ e[23] || (e[23] = t("h5", null, " Weiterführende Links ", -1)),
323
+ e[24] || (e[24] = t("span", { class: "copy-large-regular" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zu Ihrer Vorgehensweise beim Aufbau eines Digitalen Zwillings enthalten, wie etwa Status- oder Abschlussberichte.", -1)),
324
+ t("div", ce, [
325
+ l(i(d), {
327
326
  modelValue: _.value,
328
- "onUpdate:modelValue": e[10] || (e[10] = (t) => _.value = t),
327
+ "onUpdate:modelValue": e[10] || (e[10] = (n) => _.value = n),
329
328
  type: "list",
330
329
  name: "links",
331
330
  dynamic: ""
332
331
  }, {
333
- default: s(({ items: t, node: o, value: h }) => [
334
- (d(!0), b(V, null, D(t, (f, v) => (d(), S(i(m), {
335
- key: f,
332
+ default: s(({ items: n, node: r, value: f }) => [
333
+ (u(!0), g(V, null, w(n, (h, v) => (u(), S(i(d), {
334
+ key: h,
336
335
  type: "group",
337
336
  index: v
338
337
  }, {
339
338
  default: s(() => [
340
339
  l(W, null, {
341
340
  action: s(() => [
342
- l(y, {
341
+ l(b, {
343
342
  "button-text": "Löschen",
344
343
  size: "small",
345
344
  variant: "tertiary",
346
345
  "icon-start": "trash",
347
- onClick: () => o.input(h.filter((B, k) => k !== v))
346
+ onClick: () => r.input(f.filter((B, k) => k !== v))
348
347
  }, null, 8, ["onClick"])
349
348
  ]),
350
349
  _: 2
@@ -352,13 +351,13 @@ const Q = { class: "dpiV3_page V3-typography" }, X = {
352
351
  ]),
353
352
  _: 2
354
353
  }, 1032, ["index"]))), 128)),
355
- n("div", he, [
356
- l(y, {
354
+ t("div", fe, [
355
+ l(b, {
357
356
  "button-text": "Link hinzufügen",
358
357
  size: "medium",
359
358
  variant: "tertiary",
360
359
  "icon-start": "plus",
361
- onClick: (f) => o.input(h.concat({}))
360
+ onClick: (h) => r.input(f.concat({}))
362
361
  }, null, 8, ["onClick"])
363
362
  ])
364
363
  ]),
@@ -366,7 +365,7 @@ const Q = { class: "dpiV3_page V3-typography" }, X = {
366
365
  }, 8, ["modelValue"])
367
366
  ])
368
367
  ]),
369
- l(Z, { "next-text": "Weiter zu den Projektphasen" })
368
+ l(q, { "next-text": "Weiter zu den Projektphasen" })
370
369
  ]));
371
370
  }
372
371
  });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@piveau/dpi",
3
3
  "type": "module",
4
- "version": "0.2.0-alpha.16",
4
+ "version": "0.2.0-alpha.17",
5
5
  "private": false,
6
6
  "sideEffects": [
7
7
  "*.css",