@piveau/dpi 0.2.0-alpha.7 → 0.2.0-alpha.8

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldFormKit.vue.js

@@ -5,9 +5,9 @@ const M = /* @__PURE__ */ V({
   props: {
     context: {}
   },
-  setup(_) {
-    var c, p, x, u, d, m, f;
-    const t = _, s = o({
+  setup(y) {
+    var x, d, m, g, f, v, h;
+    const t = y, s = o({
       get: () => {
         var e;
         return ((e = t.context) == null ? void 0 : e._value) || "";
@@ -16,40 +16,40 @@ const M = /* @__PURE__ */ V({
         var n;
         (n = t.context) == null || n.node.input(e);
       }
-    }), T = o(() => {
+    }), b = o(() => {
       var e;
       return (e = t.context) == null ? void 0 : e.textLabel;
-    }), k = o(() => {
+    }), I = o(() => {
       var e;
       return (e = t.context) == null ? void 0 : e.name;
-    }), y = o(() => {
+    }), i = o(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.placeholder) || "Enter text here";
-    }), b = o(() => {
+    }), c = o(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.trailing_text) || "$";
-    }), I = o(() => {
+    }), p = o(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.trailingText) || !1;
-    }), i = o(() => {
+    }), u = o(() => {
       var e;
       return Object.keys((e = t.context) == null ? void 0 : e.messages).length > 0;
     }), r = o(() => {
-      var n, l, g, h, v;
-      if (!i.value)
+      var n, l, _, T, k;
+      if (!u.value)
         return "";
       const e = (l = Object.keys((n = t.context) == null ? void 0 : n.messages)) == null ? void 0 : l[0];
-      return ((v = (h = (g = t.context) == null ? void 0 : g.messages) == null ? void 0 : h[e]) == null ? void 0 : v.value) || "";
-    }), w = ((c = t.context) == null ? void 0 : c.inputType) || "text", E = ((p = t.context) == null ? void 0 : p.addOnText) || !1, O = ((x = t.context) == null ? void 0 : x.datePicker) || !1;
-    (u = t.context) != null && u.infoIcon;
-    const B = ((d = t.context) == null ? void 0 : d.preIcon) || !1;
-    (m = t.context) == null || m.showEndIcon;
-    const F = ((f = t.context) == null ? void 0 : f.tooltipText) || "This is helpful information";
-    return (e, n) => (K(), j(P, {
+      return ((k = (T = (_ = t.context) == null ? void 0 : _.messages) == null ? void 0 : T[e]) == null ? void 0 : k.value) || "";
+    }), w = ((x = t.context) == null ? void 0 : x.inputType) || "text", E = ((d = t.context) == null ? void 0 : d.addOnText) || !1, O = ((m = t.context) == null ? void 0 : m.datePicker) || !1;
+    (g = t.context) != null && g.infoIcon;
+    const B = ((f = t.context) == null ? void 0 : f.preIcon) || !1;
+    (v = t.context) == null || v.showEndIcon;
+    const F = ((h = t.context) == null ? void 0 : h.tooltipText) || "This is helpful information";
+    return console.log(p.value, c.value, i.value), (e, n) => (K(), j(P, {
       modelValue: s.value,
       "onUpdate:modelValue": n[0] || (n[0] = (l) => s.value = l),
-      label: T.value,
-      placeholder: y.value,
+      label: b.value,
+      placeholder: i.value,
       "input-type": a(w),
       "add-on-text": a(E),
       "date-picker": a(O),
@@ -57,14 +57,14 @@ const M = /* @__PURE__ */ V({
       "pre-icon": a(B),
       "show-end-icon": !1,
       "tooltip-text": a(F),
-      "show-error": i.value,
+      "show-error": u.value,
       "supporting-hint-message": r.value,
       "initial-hint-text": r.value,
       error_message: r.value,
-      name: k.value,
-      trailing_text: b.value,
-      "trailing-text": I.value
-    }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "date-picker", "pre-icon", "tooltip-text", "show-error", "supporting-hint-message", "initial-hint-text", "error_message", "name", "trailing_text", "trailing-text"]));
+      name: I.value,
+      "trailing-text": p.value,
+      trailing_text: c.value
+    }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "date-picker", "pre-icon", "tooltip-text", "show-error", "supporting-hint-message", "initial-hint-text", "error_message", "name", "trailing-text", "trailing_text"]));
   }
 });
 export {

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/InputField.vue.js

@@ -471,7 +471,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
       ])) : i("", !0)
     ]));
   }
-}, Oe = /* @__PURE__ */ te(Me, [["__scopeId", "data-v-31b5c8b4"]]);
+}, Oe = /* @__PURE__ */ te(Me, [["__scopeId", "data-v-7dd0458d"]]);
 export {
   Oe as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js

@@ -1,7 +1,7 @@
 import t from "./OptionalDataStep.vue2.js";
 /* empty css                      */
 import o from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-aeb6c9d9"]]);
+const f = /* @__PURE__ */ o(t, [["__scopeId", "data-v-b90f51bd"]]);
 export {
-  e as default
+  f as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as I, ref as g, computed as B, createElementBlock as h, openBlock as o, createElementVNode as n, createVNode as i, unref as l, withCtx as a, Fragment as v, renderList as y, createBlock as z, createTextVNode as j, createCommentVNode as D, withDirectives as L, vModelCheckbox as E } from "vue";
+import { defineComponent as I, ref as g, computed as B, createElementBlock as h, openBlock as s, createElementVNode as t, createVNode as i, unref as l, withCtx as a, Fragment as v, renderList as y, createBlock as z, createTextVNode as j, createCommentVNode as D, withDirectives as L, vModelCheckbox as E } from "vue";
 import { FormKit as r } from "@formkit/vue";
 import { PhLightbulb as U } from "@phosphor-icons/vue";
 import $ from "../../../../stories/components/LinkCard.vue.js";
@@ -8,54 +8,54 @@ import G from "../../../components/StepActionsSection.vue.js";
 import f from "../ButtonV3.vue.js";
 import K from "../Card.vue.js";
 import T from "../Chip.vue.js";
-import M from "../InputField.vue.js";
+import W from "../InputField.vue.js";
 import S from "../InputField/InputFieldDefinition.js";
-import W from "../TextArea/TextAreaDefinition.js";
+import M from "../TextArea/TextAreaDefinition.js";
 const Z = { class: "dpiV3_page V3-typography" }, O = {
   id: "partners-section",
   class: "funny-section"
-}, R = { class: "partner-cards-container" }, q = { class: "action-container" }, H = { class: "funny-section" }, J = { class: "start-and-end" }, Q = { class: "funny-section" }, X = { class: "funny-section" }, Y = { class: "funny-section" }, ee = {
+}, R = { class: "partner-cards-container" }, q = { class: "action-container" }, H = { class: "funny-section" }, J = { class: "start-and-end" }, Q = { class: "funny-section" }, X = { class: "funny-section" }, Y = {
   key: 0,
   class: "d-flex"
-}, ne = ["id", "value"], te = ["for"], ie = { class: "action-container" }, le = {
+}, ee = ["id", "value"], te = ["for"], ne = { class: "action-container" }, ie = {
   id: "partners-section",
   class: "funny-section"
-}, ae = { class: "partner-cards-container" }, re = { class: "action-container" }, se = {
+}, le = { class: "partner-cards-container" }, ae = { class: "action-container" }, re = {
   id: "partners-section",
   class: "funny-section"
-}, oe = { class: "partner-cards-container" }, ue = { class: "action-container" }, de = { class: "funny-section" }, ce = 500, _e = /* @__PURE__ */ I({
+}, oe = { class: "partner-cards-container" }, se = { class: "action-container" }, ue = { class: "funny-section" }, de = 500, Ce = /* @__PURE__ */ I({
   __name: "OptionalDataStep",
-  setup(me) {
-    const x = g(""), V = g([]), C = g([]), _ = g([]), F = B(() => {
+  setup(ce) {
+    const x = g(""), V = g([]), C = g([]), _ = g([]), P = B(() => {
       var p;
       return ((p = x.value) == null ? void 0 : p.length) || 0;
-    }), k = g(""), u = g([]);
-    function P(p) {
+    }), b = g(""), u = g([]);
+    function F(p) {
       if (p && p.trim()) {
         const e = p.trim();
-        u.value.includes(e) || u.value.push(e), k.value = "";
+        u.value.includes(e) || u.value.push(e), b.value = "";
       }
     }
-    return (p, e) => (o(), h("div", Z, [
-      e[22] || (e[22] = n("section", { class: "funny-section" }, [
-        n("div", { class: "funny-flex" }, [
-          n("h4", null, "Fügen Sie optionale Daten hinzu"),
-          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. ")
+    return (p, e) => (s(), h("div", Z, [
+      e[22] || (e[22] = t("section", { class: "funny-section" }, [
+        t("div", { class: "funny-flex" }, [
+          t("h4", null, "Fügen Sie optionale Daten hinzu"),
+          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. ")
         ])
       ], -1)),
-      n("section", O, [
-        e[8] || (e[8] = n("h5", null, " Partner ", -1)),
-        e[9] || (e[9] = n("span", { class: "copy-large-regular" }, "Wenn Sie mit einem oder mehreren Partnern zusammengearbeitet haben, können Sie diese hier angeben.", -1)),
-        n("div", R, [
+      t("section", O, [
+        e[8] || (e[8] = t("h5", null, " Partner ", -1)),
+        e[9] || (e[9] = t("span", { class: "copy-large-regular" }, "Wenn Sie mit einem oder mehreren Partnern zusammengearbeitet haben, können Sie diese hier angeben.", -1)),
+        t("div", R, [
           i(l(r), {
             modelValue: V.value,
-            "onUpdate:modelValue": e[0] || (e[0] = (t) => V.value = t),
+            "onUpdate:modelValue": e[0] || (e[0] = (n) => V.value = n),
             type: "list",
             name: "partners",
             dynamic: ""
           }, {
-            default: a(({ items: t, node: s, value: d }) => [
-              (o(!0), h(v, null, y(t, (c, m) => (o(), z(l(r), {
+            default: a(({ items: n, node: o, value: d }) => [
+              (s(!0), h(v, null, y(n, (c, m) => (s(), z(l(r), {
                 key: c,
                 type: "group",
                 index: m
@@ -66,9 +66,9 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
                       i(f, {
                         "button-text": "Löschen",
                         size: "small",
-                        variant: "secondary",
+                        variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => s.input(d.filter((w, b) => b !== m))
+                        onClick: () => o.input(d.filter((w, k) => k !== m))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -76,13 +76,13 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              n("div", q, [
+              t("div", q, [
                 i(f, {
                   "button-text": "Partner hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (c) => s.input(d.concat({}))
+                  onClick: (c) => o.input(d.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -90,10 +90,10 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
           }, 8, ["modelValue"])
         ])
       ]),
-      n("section", H, [
-        e[10] || (e[10] = n("h5", null, " Projektzeitraum ", -1)),
-        e[11] || (e[11] = n("span", { class: "copy-large-regular" }, "Für Projekte, die noch nicht abgeschlossen sind, können Sie das Enddatum frei lassen.", -1)),
-        n("div", J, [
+      t("section", H, [
+        e[10] || (e[10] = t("h5", null, " Projektzeitraum ", -1)),
+        e[11] || (e[11] = t("span", { class: "copy-large-regular" }, "Für Projekte, die noch nicht abgeschlossen sind, können Sie das Enddatum frei lassen.", -1)),
+        t("div", J, [
           i(l(r), {
             type: l(S),
             name: "startDate",
@@ -101,6 +101,7 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
             "input-type": "date",
             placeholder: "Enter text here",
             "tooltip-text": "This is helpful information",
+            datePicker: !0,
             "add-on-text": !1,
             "info-icon": !1,
             "pre-icon": !1,
@@ -114,6 +115,7 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
             "input-type": "date",
             placeholder: "Enter text here",
             "tooltip-text": "This is helpful information",
+            datePicker: !0,
             "add-on-text": !1,
             "info-icon": !1,
             "pre-icon": !1,
@@ -122,35 +124,36 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
           }, null, 8, ["type"])
         ])
       ]),
-      n("section", Q, [
-        e[12] || (e[12] = n("h5", null, "Budget", -1)),
-        e[13] || (e[13] = n("div", { class: "budget" }, [
-          n("span", { class: "copy-large-regular" }, " Bitte geben Sie hier das Gesamtbudget für Ihr Projekt an. ")
+      t("section", Q, [
+        e[14] || (e[14] = t("h5", null, "Budget", -1)),
+        e[15] || (e[15] = t("div", { class: "budget" }, [
+          t("span", { class: "copy-large-regular" }, " Bitte geben Sie hier das Gesamtbudget für Ihr Projekt an. ")
         ], -1)),
         i(l(r), {
           type: l(S),
+          "add-on-text": !0,
           name: "budget",
+          "trailing-text": !0,
+          trailing_text: "€",
           "text-label": "Budget",
-          placeholder: "...."
+          placeholder: "....Budget"
         }, null, 8, ["type"]),
         i(l(r), {
           id: "Förderung",
           modelValue: x.value,
-          "onUpdate:modelValue": e[1] || (e[1] = (t) => x.value = t),
+          "onUpdate:modelValue": e[1] || (e[1] = (n) => x.value = n),
           class: "budgetArea",
           label: "Förderung (optional)",
-          type: l(W),
+          type: l(M),
           name: "budget",
           "text-label": "Förderung (optional)",
           placeholder: "Beschreiben Sie welche Förderung Sie erhalten haben.",
           validation: "length:0,500",
           "validation-visibility": "live",
           hint: "true",
-          help: `${F.value} von ${ce} Zeichen`,
+          help: `${P.value} von ${de} Zeichen`,
           "count-hint": !0
-        }, null, 8, ["modelValue", "type", "help"])
-      ]),
-      n("section", X, [
+        }, null, 8, ["modelValue", "type", "help"]),
         i(K, { variant: "default" }, {
           icon: a(() => [
             i(l(U), {
@@ -158,50 +161,50 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
               color: "#009fe3"
             })
           ]),
-          title: a(() => e[14] || (e[14] = [
+          title: a(() => e[12] || (e[12] = [
             j(" Information ", -1)
           ])),
           default: a(() => [
-            e[15] || (e[15] = n("div", { class: "copy-large-regular" }, [
-              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.")
+            e[13] || (e[13] = t("div", { class: "copy-large-regular" }, [
+              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.")
             ], -1))
           ]),
           _: 1,
-          __: [15]
+          __: [13]
         })
       ]),
-      n("section", Y, [
-        e[16] || (e[16] = n("h5", null, "Erforderliche Fachkompetenzen", -1)),
-        e[17] || (e[17] = 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)),
+      t("section", X, [
+        e[16] || (e[16] = t("h5", null, "Erforderliche Fachkompetenzen", -1)),
+        e[17] || (e[17] = 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)),
         i(l(r), {
           modelValue: u.value,
-          "onUpdate:modelValue": e[2] || (e[2] = (t) => u.value = t),
+          "onUpdate:modelValue": e[2] || (e[2] = (n) => u.value = n),
           type: "hidden",
           name: "requiredExpertise"
         }, null, 8, ["modelValue"]),
-        u.value.length > 0 ? (o(), h("div", ee, [
-          (o(!0), h(v, null, y(u.value, (t) => (o(), h("div", {
-            key: t,
+        u.value.length > 0 ? (s(), h("div", Y, [
+          (s(!0), h(v, null, y(u.value, (n) => (s(), h("div", {
+            key: n,
             class: "label-chip"
           }, [
-            L(n("input", {
-              id: `hardware-${t}`,
-              "onUpdate:modelValue": e[3] || (e[3] = (s) => u.value = s),
+            L(t("input", {
+              id: `hardware-${n}`,
+              "onUpdate:modelValue": e[3] || (e[3] = (o) => u.value = o),
               class: "label-chip__input",
               type: "checkbox",
-              value: t
-            }, null, 8, ne), [
+              value: n
+            }, null, 8, ee), [
               [E, u.value]
             ]),
-            n("label", {
+            t("label", {
               class: "label-chip__label",
-              for: `hardware-${t}`
+              for: `hardware-${n}`
             }, [
               i(T, {
                 class: "label-chip__inner",
-                text: t,
+                text: n,
                 data: {
-                  "@value": t,
+                  "@value": n,
                   URI: "https://example.com/default"
                 },
                 setup: {
@@ -213,9 +216,9 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
             ], 8, te)
           ]))), 128))
         ])) : D("", !0),
-        i(M, {
-          modelValue: k.value,
-          "onUpdate:modelValue": e[4] || (e[4] = (t) => k.value = t),
+        i(W, {
+          modelValue: b.value,
+          "onUpdate:modelValue": e[4] || (e[4] = (n) => b.value = n),
           label: "Erforderliche Fachkompetenz",
           "input-type": "text",
           placeholder: "Nennen Sie eine Fachkompetenz.",
@@ -226,29 +229,29 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
           "show-end-icon": !1,
           "initial-hint-text": !1
         }, null, 8, ["modelValue"]),
-        n("div", ie, [
+        t("div", ne, [
           i(f, {
             "button-text": "Fachkompetenz hinzufügen",
             size: "medium",
             variant: "tertiary",
             "icon-start": "plus",
-            onClick: e[5] || (e[5] = (t) => P(k.value))
+            onClick: e[5] || (e[5] = (n) => F(b.value))
           })
         ])
       ]),
-      n("section", le, [
-        e[18] || (e[18] = n("h5", null, " Screenshots ", -1)),
-        e[19] || (e[19] = 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)),
-        n("div", ae, [
+      t("section", ie, [
+        e[18] || (e[18] = t("h5", null, " Screenshots ", -1)),
+        e[19] || (e[19] = 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)),
+        t("div", le, [
           i(l(r), {
             modelValue: C.value,
-            "onUpdate:modelValue": e[6] || (e[6] = (t) => C.value = t),
+            "onUpdate:modelValue": e[6] || (e[6] = (n) => C.value = n),
             type: "list",
             name: "references",
             dynamic: ""
           }, {
-            default: a(({ items: t, node: s, value: d }) => [
-              (o(!0), h(v, null, y(t, (c, m) => (o(), z(l(r), {
+            default: a(({ items: n, node: o, value: d }) => [
+              (s(!0), h(v, null, y(n, (c, m) => (s(), z(l(r), {
                 key: c,
                 type: "group",
                 index: m
@@ -259,9 +262,9 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
                       i(f, {
                         "button-text": "Löschen",
                         size: "small",
-                        variant: "secondary",
+                        variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => s.input(d.filter((w, b) => b !== m))
+                        onClick: () => o.input(d.filter((w, k) => k !== m))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -269,13 +272,13 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              n("div", re, [
+              t("div", ae, [
                 i(f, {
                   "button-text": "Screenshot hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (c) => s.input(d.concat({}))
+                  onClick: (c) => o.input(d.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -283,19 +286,19 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
           }, 8, ["modelValue"])
         ])
       ]),
-      n("section", se, [
-        e[20] || (e[20] = n("h5", null, " Weiterführende Links ", -1)),
-        e[21] || (e[21] = 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)),
-        n("div", oe, [
+      t("section", re, [
+        e[20] || (e[20] = t("h5", null, " Weiterführende Links ", -1)),
+        e[21] || (e[21] = 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)),
+        t("div", oe, [
           i(l(r), {
             modelValue: _.value,
-            "onUpdate:modelValue": e[7] || (e[7] = (t) => _.value = t),
+            "onUpdate:modelValue": e[7] || (e[7] = (n) => _.value = n),
             type: "list",
             name: "links",
             dynamic: ""
           }, {
-            default: a(({ items: t, node: s, value: d }) => [
-              (o(!0), h(v, null, y(t, (c, m) => (o(), z(l(r), {
+            default: a(({ items: n, node: o, value: d }) => [
+              (s(!0), h(v, null, y(n, (c, m) => (s(), z(l(r), {
                 key: c,
                 type: "group",
                 index: m
@@ -306,9 +309,9 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
                       i(f, {
                         "button-text": "Löschen",
                         size: "small",
-                        variant: "secondary",
+                        variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => s.input(d.filter((w, b) => b !== m))
+                        onClick: () => o.input(d.filter((w, k) => k !== m))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -316,13 +319,13 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              n("div", ue, [
+              t("div", se, [
                 i(f, {
                   "button-text": "Link hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (c) => s.input(d.concat({}))
+                  onClick: (c) => o.input(d.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -330,12 +333,12 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
           }, 8, ["modelValue"])
         ])
       ]),
-      n("section", de, [
-        i(G)
+      t("section", ue, [
+        i(G, { "next-text": "Weiter zu den Projektphasen" })
       ])
     ]));
   }
 });
 export {
-  _e as default
+  Ce as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ProcessSteps/ProcessStepsOverviewStep.vue.js

@@ -1,19 +1,19 @@
 import { createElementBlock as s, openBlock as a, createStaticVNode as r, createElementVNode as e, createVNode as t, withCtx as i, unref as l } from "vue";
 import { PhLightbulb as o } from "@phosphor-icons/vue";
-import c from "../../../components/StepActionsSection.vue.js";
-import d from "../Card.vue.js";
+import d from "../../../components/StepActionsSection.vue.js";
+import u from "../Card.vue.js";
 /* empty css                              */
-import u from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const g = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" }, h = { class: "funny-section process-footer-information" }, m = {
+import c from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" }, v = { class: "funny-section process-footer-information" }, h = {
   __name: "ProcessStepsOverviewStep",
-  setup(p) {
-    return (f, n) => (a(), s("div", g, [
-      n[2] || (n[2] = r('<section class="funny-section" data-v-eac93c65><div class="funny-flex" data-v-eac93c65><div data-v-eac93c65><h4 data-v-eac93c65> Geben Sie die Technischen Prozessschritte Ihres Projekts an </h4><div class="process-description-section" data-v-eac93c65><span class="process-description" data-v-eac93c65> Nachdem Sie anhand der Projektphasen geschildert haben, wie Sie von der Idee zur Umsetzung gekommen sind (optional), zeigen Sie in den technischen Prozessschritten detailliert, wie Sie mit den Daten gearbeitet haben – vom Erfassen über die Verarbeitung und Simulation bis zur Visualisierung. </span><span class="process-description strong" data-v-eac93c65> Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. </span><span class="process-description strong" data-v-eac93c65> Jedem Schritt muss mindestens eine Software, ein Datensatz oder eine Hardware zugeordnet werden, die verwendet wurden. </span><span class="process-description" data-v-eac93c65> An unseren Beispielen für „Hochwasserschutzprogramm mit Prognosen“ sehen Sie, wie Sie vorgehen können. </span></div></div><div class="steps" data-v-eac93c65><h5 data-v-eac93c65> Geben Sie die Technischen Prozessschritte Ihres Projekts an </h5><ul data-v-eac93c65><li data-v-eac93c65> Teilen Sie im Schritt der <strong data-v-eac93c65>Datenerfassung</strong> mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. </li><li data-v-eac93c65> Beschreiben Sie im Schritt der <strong data-v-eac93c65>Datenverarbeitung</strong>, wie Sie die Rohdaten zusammengeführt und aufbereitet haben. </li><li data-v-eac93c65> Schildern Sie im Schritt der <strong data-v-eac93c65>Datensimulation</strong>, ob und wie Sie auf Basis der verarbeiteten Daten Szenarien mithilfe von Simulationsmodellen nachgebildet und analysiert haben. </li><li data-v-eac93c65> Führen Sie im Schritt der <strong data-v-eac93c65>Datenvisualisierung</strong> aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. </li></ul></div></div></section>', 1)),
-      e("section", v, [
-        t(c, { "next-text": "Weiter zur Datenerfassung" })
+  setup(m) {
+    return (p, n) => (a(), s("div", f, [
+      n[2] || (n[2] = r('<section class="funny-section" data-v-29acf057><div class="funny-flex" data-v-29acf057><div data-v-29acf057><h4 data-v-29acf057> Geben Sie die Technischen Prozessschritte Ihres Projekts an </h4><div class="process-description-section" data-v-29acf057><span class="process-description" data-v-29acf057> Nachdem Sie anhand der Projektphasen geschildert haben, wie Sie von der Idee zur Umsetzung gekommen sind (optional), zeigen Sie in den technischen Prozessschritten detailliert, wie Sie mit den Daten gearbeitet haben – vom Erfassen über die Verarbeitung und Simulation bis zur Visualisierung. </span><span class="process-description strong" data-v-29acf057> Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. </span><span class="process-description strong" data-v-29acf057> Jedem Schritt muss mindestens eine Software, ein Datensatz oder eine Hardware zugeordnet werden, die verwendet wurden. </span><span class="process-description" data-v-29acf057> An unseren Beispielen für „Hochwasserschutzprogramm mit Prognosen“ sehen Sie, wie Sie vorgehen können. </span></div></div><div class="steps" data-v-29acf057><h5 data-v-29acf057> Welche der folgenden Schritte haben Sie in Ihrem Projekt durchlaufen? </h5><ul data-v-29acf057><li data-v-29acf057> Teilen Sie im Schritt der <strong data-v-29acf057>Datenerfassung</strong> mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. </li><li data-v-29acf057> Beschreiben Sie im Schritt der <strong data-v-29acf057>Datenverarbeitung</strong>, wie Sie die Rohdaten zusammengeführt und aufbereitet haben. </li><li data-v-29acf057> Schildern Sie im Schritt der <strong data-v-29acf057>Datensimulation</strong>, ob und wie Sie auf Basis der verarbeiteten Daten Szenarien mithilfe von Simulationsmodellen nachgebildet und analysiert haben. </li><li data-v-29acf057> Führen Sie im Schritt der <strong data-v-29acf057>Datenvisualisierung</strong> aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. </li></ul></div></div></section>', 1)),
+      e("section", g, [
+        t(d, { "next-text": "Weiter zur Datenerfassung" })
       ]),
-      e("section", h, [
-        t(d, { variant: "default" }, {
+      e("section", v, [
+        t(u, { variant: "default" }, {
           icon: i(() => [
             t(l(o), {
               size: 32,
@@ -65,7 +65,7 @@ const g = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" },
       ])
     ]));
   }
-}, _ = /* @__PURE__ */ u(m, [["__scopeId", "data-v-eac93c65"]]);
+}, _ = /* @__PURE__ */ c(h, [["__scopeId", "data-v-29acf057"]]);
 export {
   _ as default
 };